@educarehq/solaris-ui 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +7 -0
- package/fesm2022/educarehq-solaris-ui.mjs +1047 -0
- package/fesm2022/educarehq-solaris-ui.mjs.map +1 -0
- package/package.json +34 -0
- package/styles/_button.scss +680 -0
- package/styles/_core.scss +37 -0
- package/styles/_icon-button.scss +657 -0
- package/styles/_index.scss +19 -0
- package/styles/_theme.scss +36 -0
- package/types/educarehq-solaris-ui.d.ts +408 -0
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/// Solaris UI — Design System Styles
|
|
2
|
+
///
|
|
3
|
+
/// Public entry point for the Solaris design system SCSS API.
|
|
4
|
+
///
|
|
5
|
+
/// Usage:
|
|
6
|
+
/// @use '@solaris-ui/angular/styles' as solaris;
|
|
7
|
+
///
|
|
8
|
+
/// // Apply core foundation (root font-size, resets)
|
|
9
|
+
/// @include solaris.core((root-font-size: rem-10));
|
|
10
|
+
///
|
|
11
|
+
/// // Apply theme tokens
|
|
12
|
+
/// @include solaris.theme((
|
|
13
|
+
/// color-scheme: system,
|
|
14
|
+
/// density: comfortable,
|
|
15
|
+
/// radius: md,
|
|
16
|
+
/// ));
|
|
17
|
+
|
|
18
|
+
@forward './core';
|
|
19
|
+
@forward './theme';
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
/// Solaris UI Theme
|
|
2
|
+
/// Applies token CSS custom properties based on configuration.
|
|
3
|
+
///
|
|
4
|
+
/// Usage:
|
|
5
|
+
/// @use '@solaris-ui/angular/styles' as solaris;
|
|
6
|
+
/// @include solaris.theme((
|
|
7
|
+
/// color-scheme: system,
|
|
8
|
+
/// density: comfortable,
|
|
9
|
+
/// radius: md,
|
|
10
|
+
/// motion: auto
|
|
11
|
+
/// ));
|
|
12
|
+
|
|
13
|
+
@use 'sass:map';
|
|
14
|
+
|
|
15
|
+
$-default-config: (
|
|
16
|
+
color-scheme: system,
|
|
17
|
+
density: comfortable,
|
|
18
|
+
radius: md,
|
|
19
|
+
motion: auto,
|
|
20
|
+
);
|
|
21
|
+
|
|
22
|
+
@mixin theme($config: ()) {
|
|
23
|
+
$merged: map.merge($-default-config, $config);
|
|
24
|
+
|
|
25
|
+
$color-scheme: map.get($merged, color-scheme);
|
|
26
|
+
|
|
27
|
+
:root {
|
|
28
|
+
@if $color-scheme == light {
|
|
29
|
+
color-scheme: light;
|
|
30
|
+
} @else if $color-scheme == dark {
|
|
31
|
+
color-scheme: dark;
|
|
32
|
+
} @else {
|
|
33
|
+
color-scheme: light dark;
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
}
|
|
@@ -0,0 +1,408 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { Provider, PipeTransform, InjectionToken, Signal } from '@angular/core';
|
|
3
|
+
import * as _educarehq_solaris_ui from '@educarehq/solaris-ui';
|
|
4
|
+
import { TestModuleMetadata } from '@angular/core/testing';
|
|
5
|
+
|
|
6
|
+
type SolarisTranslateParams = Record<string, string | number | boolean>;
|
|
7
|
+
type SolarisTranslations = Record<string, SolarisTranslationMap>;
|
|
8
|
+
type SolarisTranslationMap = Record<string, string>;
|
|
9
|
+
|
|
10
|
+
type LiteralUnion<T extends U, U = string> = T | (U & {});
|
|
11
|
+
type SolarisBuiltInLocale = 'pt-BR' | 'en-US' | 'es' | 'zh' | 'ru' | 'de' | 'fr' | 'ja';
|
|
12
|
+
type SolarisLocale = LiteralUnion<SolarisBuiltInLocale>;
|
|
13
|
+
|
|
14
|
+
interface SolarisTranslateConfig {
|
|
15
|
+
locale: SolarisLocale;
|
|
16
|
+
fallbackLocale: SolarisLocale;
|
|
17
|
+
translations: SolarisTranslations;
|
|
18
|
+
useBrowserLocale?: boolean;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
declare function provideSolarisTranslateTesting(config?: Partial<SolarisTranslateConfig>): Provider[];
|
|
22
|
+
|
|
23
|
+
declare function provideSolarisTranslate(config: SolarisTranslateConfig): Provider[];
|
|
24
|
+
|
|
25
|
+
declare class SolarisTranslateService {
|
|
26
|
+
private readonly platformId;
|
|
27
|
+
private readonly config;
|
|
28
|
+
get locale(): SolarisLocale;
|
|
29
|
+
get fallbackLocale(): SolarisLocale;
|
|
30
|
+
translate(key: string, params?: SolarisTranslateParams): string;
|
|
31
|
+
private resolveLocale;
|
|
32
|
+
private escapeRegExp;
|
|
33
|
+
private interpolate;
|
|
34
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SolarisTranslateService, never>;
|
|
35
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<SolarisTranslateService>;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
declare class SolarisTranslatePipe implements PipeTransform {
|
|
39
|
+
private readonly translateService;
|
|
40
|
+
transform(key: string, params?: Record<string, string | number | boolean>): string;
|
|
41
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SolarisTranslatePipe, never>;
|
|
42
|
+
static ɵpipe: _angular_core.ɵɵPipeDeclaration<SolarisTranslatePipe, "translate", true>;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
declare const SOLARIS_TRANSLATE_CONFIG: InjectionToken<SolarisTranslateConfig>;
|
|
46
|
+
|
|
47
|
+
interface SolarisAccessibilityConfig {
|
|
48
|
+
respectSystemPreference?: boolean;
|
|
49
|
+
forceReducedMotion?: boolean;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
declare function provideSolarisAccessibilityTesting(config?: SolarisAccessibilityConfig): Provider[];
|
|
53
|
+
|
|
54
|
+
declare class SolarisVisuallyHiddenDirective {
|
|
55
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SolarisVisuallyHiddenDirective, never>;
|
|
56
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SolarisVisuallyHiddenDirective, "[solaris-visually-hidden]", never, {}, {}, never, never, true, never>;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
declare function provideSolarisAccessibility(config?: SolarisAccessibilityConfig): Provider[];
|
|
60
|
+
|
|
61
|
+
declare class SolarisAccessibilityService {
|
|
62
|
+
private readonly config;
|
|
63
|
+
private readonly platformId;
|
|
64
|
+
private readonly reducedMotionSignal;
|
|
65
|
+
constructor();
|
|
66
|
+
get reducedMotion(): Signal<boolean>;
|
|
67
|
+
get reducedMotionValue(): boolean;
|
|
68
|
+
generateId(prefix: string): string;
|
|
69
|
+
generateDescriptionId(): string;
|
|
70
|
+
labelledBy(...ids: string[]): string | null;
|
|
71
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SolarisAccessibilityService, never>;
|
|
72
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<SolarisAccessibilityService>;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
interface SolarisReducedMotionState {
|
|
76
|
+
readonly reduced: boolean;
|
|
77
|
+
readonly respectSystemPreference: boolean;
|
|
78
|
+
readonly forceReducedMotion: boolean;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
declare const SOLARIS_ACCESSIBILITY_CONFIG: InjectionToken<SolarisAccessibilityConfig>;
|
|
82
|
+
|
|
83
|
+
interface SolarisThemeConfig {
|
|
84
|
+
colorScheme?: 'light' | 'dark' | 'system';
|
|
85
|
+
density?: 'compact' | 'comfortable';
|
|
86
|
+
reducedMotion?: 'auto' | 'reduce' | 'no-preference';
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
declare function provideSolarisThemeTesting(config?: Partial<SolarisThemeConfig>): Provider[];
|
|
90
|
+
|
|
91
|
+
type SolarisColorScheme = 'light' | 'dark' | 'system';
|
|
92
|
+
type SolarisDensity = 'compact' | 'comfortable';
|
|
93
|
+
type SolarisReducedMotionPreference = 'auto' | 'reduce' | 'no-preference';
|
|
94
|
+
|
|
95
|
+
declare function provideSolarisTheme(config?: SolarisThemeConfig): Provider[];
|
|
96
|
+
|
|
97
|
+
declare class SolarisThemeService {
|
|
98
|
+
private readonly config;
|
|
99
|
+
get colorScheme(): string;
|
|
100
|
+
get density(): string;
|
|
101
|
+
get reducedMotion(): string;
|
|
102
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SolarisThemeService, never>;
|
|
103
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<SolarisThemeService>;
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
declare const SOLARIS_THEME_CONFIG: InjectionToken<SolarisThemeConfig>;
|
|
107
|
+
|
|
108
|
+
declare class SolarisIconComponent {
|
|
109
|
+
private readonly registry;
|
|
110
|
+
readonly name: _angular_core.InputSignal<string>;
|
|
111
|
+
readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
|
|
112
|
+
readonly decorative: _angular_core.InputSignal<boolean>;
|
|
113
|
+
protected readonly definition: _angular_core.Signal<_educarehq_solaris_ui.SolarisIconDefinition | undefined>;
|
|
114
|
+
protected readonly isHidden: _angular_core.Signal<boolean>;
|
|
115
|
+
protected readonly accessibleLabel: _angular_core.Signal<string>;
|
|
116
|
+
protected readonly hasSemanticLabel: _angular_core.Signal<boolean>;
|
|
117
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SolarisIconComponent, never>;
|
|
118
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SolarisIconComponent, "solaris-icon", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "decorative": { "alias": "decorative"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
interface SvgPathElement {
|
|
122
|
+
type: 'path';
|
|
123
|
+
d: string;
|
|
124
|
+
}
|
|
125
|
+
interface SvgLineElement {
|
|
126
|
+
type: 'line';
|
|
127
|
+
x1: number;
|
|
128
|
+
y1: number;
|
|
129
|
+
x2: number;
|
|
130
|
+
y2: number;
|
|
131
|
+
}
|
|
132
|
+
interface SvgPolylineElement {
|
|
133
|
+
type: 'polyline';
|
|
134
|
+
points: string;
|
|
135
|
+
}
|
|
136
|
+
interface SvgPolygonElement {
|
|
137
|
+
type: 'polygon';
|
|
138
|
+
points: string;
|
|
139
|
+
}
|
|
140
|
+
interface SvgCircleElement {
|
|
141
|
+
type: 'circle';
|
|
142
|
+
cx: number;
|
|
143
|
+
cy: number;
|
|
144
|
+
r: number;
|
|
145
|
+
}
|
|
146
|
+
type SvgElement = SvgPathElement | SvgLineElement | SvgPolylineElement | SvgPolygonElement | SvgCircleElement;
|
|
147
|
+
interface SolarisIconDefinition {
|
|
148
|
+
name: string;
|
|
149
|
+
viewBox: string;
|
|
150
|
+
fill?: string;
|
|
151
|
+
stroke?: string;
|
|
152
|
+
strokeWidth?: number;
|
|
153
|
+
strokeLinecap?: string;
|
|
154
|
+
strokeLinejoin?: string;
|
|
155
|
+
elements: SvgElement[];
|
|
156
|
+
}
|
|
157
|
+
|
|
158
|
+
declare class SolarisIconRegistryService {
|
|
159
|
+
private readonly registry;
|
|
160
|
+
constructor();
|
|
161
|
+
getIcon(name: string): SolarisIconDefinition | undefined;
|
|
162
|
+
hasIcon(name: string): boolean;
|
|
163
|
+
registerIcon(icon: SolarisIconDefinition): void;
|
|
164
|
+
registerIcons(icons: SolarisIconDefinition[]): void;
|
|
165
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SolarisIconRegistryService, never>;
|
|
166
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<SolarisIconRegistryService>;
|
|
167
|
+
}
|
|
168
|
+
|
|
169
|
+
interface SolarisIconsConfig {
|
|
170
|
+
extraIcons?: SolarisIconDefinition[];
|
|
171
|
+
}
|
|
172
|
+
declare const SOLARIS_ICONS_CONFIG: InjectionToken<SolarisIconsConfig>;
|
|
173
|
+
|
|
174
|
+
declare function provideSolarisIcons(config?: SolarisIconsConfig): Provider[];
|
|
175
|
+
|
|
176
|
+
declare const SOLARIS_BUILT_IN_ICONS: SolarisIconDefinition[];
|
|
177
|
+
|
|
178
|
+
type SolarisBuiltInIcon = 'check' | 'x' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'chevron-up' | 'chevron-forward' | 'chevron-backward' | 'chevron-first' | 'chevron-last' | 'info' | 'warning' | 'danger' | 'caution' | 'success' | 'shield-check' | 'sun' | 'moon';
|
|
179
|
+
type SolarisIconName = string & {
|
|
180
|
+
__brand?: never;
|
|
181
|
+
};
|
|
182
|
+
|
|
183
|
+
type SolarisBadgeAppearance = 'solid' | 'tonal' | 'outline' | 'ghost';
|
|
184
|
+
type SolarisBadgeColor = 'neutral' | 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'custom';
|
|
185
|
+
type SolarisBadgeSize = 'sm' | 'md' | 'lg';
|
|
186
|
+
type SolarisBadgeRadius = 'sm' | 'md' | 'full';
|
|
187
|
+
type SolarisBadgeVariant = 'standard' | 'count';
|
|
188
|
+
type SolarisBadgeDensity = 'compact' | 'comfortable';
|
|
189
|
+
|
|
190
|
+
declare class SolarisBadgeComponent {
|
|
191
|
+
readonly appearance: _angular_core.InputSignal<SolarisBadgeAppearance>;
|
|
192
|
+
readonly variant: _angular_core.InputSignal<SolarisBadgeVariant>;
|
|
193
|
+
readonly color: _angular_core.InputSignal<SolarisBadgeColor>;
|
|
194
|
+
readonly radius: _angular_core.InputSignal<SolarisBadgeRadius>;
|
|
195
|
+
readonly density: _angular_core.InputSignal<SolarisBadgeDensity | undefined>;
|
|
196
|
+
readonly size: _angular_core.InputSignal<SolarisBadgeSize>;
|
|
197
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SolarisBadgeComponent, never>;
|
|
198
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SolarisBadgeComponent, "solaris-badge", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "radius": { "alias": "radius"; "required": false; "isSignal": true; }; "density": { "alias": "density"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
199
|
+
}
|
|
200
|
+
|
|
201
|
+
declare class SolarisBadgeIconDirective {
|
|
202
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SolarisBadgeIconDirective, never>;
|
|
203
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SolarisBadgeIconDirective, "[solaris-badge-icon]", never, {}, {}, never, never, true, never>;
|
|
204
|
+
}
|
|
205
|
+
|
|
206
|
+
type SolarisCardAppearance = 'surface' | 'outline' | 'tonal' | 'glass';
|
|
207
|
+
type SolarisCardRadius = 'none' | 'sm' | 'lg' | 'xl';
|
|
208
|
+
type SolarisCardDensity = 'compact' | 'comfortable';
|
|
209
|
+
type SolarisCardGlassTexture = 'none' | 'grooves';
|
|
210
|
+
|
|
211
|
+
declare class SolarisCardComponent {
|
|
212
|
+
readonly appearance: _angular_core.InputSignal<SolarisCardAppearance>;
|
|
213
|
+
readonly radius: _angular_core.InputSignal<SolarisCardRadius>;
|
|
214
|
+
readonly density: _angular_core.InputSignal<SolarisCardDensity | undefined>;
|
|
215
|
+
readonly glassTexture: _angular_core.InputSignal<SolarisCardGlassTexture>;
|
|
216
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SolarisCardComponent, never>;
|
|
217
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SolarisCardComponent, "solaris-card", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "radius": { "alias": "radius"; "required": false; "isSignal": true; }; "density": { "alias": "density"; "required": false; "isSignal": true; }; "glassTexture": { "alias": "glassTexture"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
218
|
+
}
|
|
219
|
+
|
|
220
|
+
declare class SolarisCardHeaderDirective {
|
|
221
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SolarisCardHeaderDirective, never>;
|
|
222
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SolarisCardHeaderDirective, "[solaris-card-header]", never, {}, {}, never, never, true, never>;
|
|
223
|
+
}
|
|
224
|
+
|
|
225
|
+
declare class SolarisCardContentDirective {
|
|
226
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SolarisCardContentDirective, never>;
|
|
227
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SolarisCardContentDirective, "[solaris-card-content]", never, {}, {}, never, never, true, never>;
|
|
228
|
+
}
|
|
229
|
+
|
|
230
|
+
declare class SolarisCardMediaDirective {
|
|
231
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SolarisCardMediaDirective, never>;
|
|
232
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SolarisCardMediaDirective, "[solaris-card-media]", never, {}, {}, never, never, true, never>;
|
|
233
|
+
}
|
|
234
|
+
|
|
235
|
+
declare class SolarisCardFooterDirective {
|
|
236
|
+
readonly separator: _angular_core.InputSignal<boolean>;
|
|
237
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SolarisCardFooterDirective, never>;
|
|
238
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SolarisCardFooterDirective, "[solaris-card-footer]", never, { "separator": { "alias": "separator"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
239
|
+
}
|
|
240
|
+
|
|
241
|
+
declare class SolarisCardActionsDirective {
|
|
242
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SolarisCardActionsDirective, never>;
|
|
243
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SolarisCardActionsDirective, "[solaris-card-actions]", never, {}, {}, never, never, true, never>;
|
|
244
|
+
}
|
|
245
|
+
|
|
246
|
+
declare class SolarisCardTitleDirective {
|
|
247
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SolarisCardTitleDirective, never>;
|
|
248
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SolarisCardTitleDirective, "[solaris-card-title]", never, {}, {}, never, never, true, never>;
|
|
249
|
+
}
|
|
250
|
+
|
|
251
|
+
declare class SolarisCardDescriptionDirective {
|
|
252
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SolarisCardDescriptionDirective, never>;
|
|
253
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SolarisCardDescriptionDirective, "[solaris-card-description]", never, {}, {}, never, never, true, never>;
|
|
254
|
+
}
|
|
255
|
+
|
|
256
|
+
type SolarisAlertVariant = 'neutral' | 'info' | 'success' | 'warning' | 'danger' | 'custom';
|
|
257
|
+
type SolarisAlertAppearance = 'tonal' | 'outline' | 'surface' | 'solid';
|
|
258
|
+
type SolarisAlertRadius = 'sm' | 'md' | 'lg' | 'xl';
|
|
259
|
+
type SolarisAlertDensity = 'compact' | 'comfortable';
|
|
260
|
+
type SolarisAlertLive = 'off' | 'polite' | 'assertive';
|
|
261
|
+
|
|
262
|
+
declare class SolarisAlertComponent {
|
|
263
|
+
private readonly translateService;
|
|
264
|
+
readonly variant: _angular_core.InputSignal<SolarisAlertVariant>;
|
|
265
|
+
readonly appearance: _angular_core.InputSignal<SolarisAlertAppearance>;
|
|
266
|
+
readonly radius: _angular_core.InputSignal<SolarisAlertRadius>;
|
|
267
|
+
readonly density: _angular_core.InputSignal<SolarisAlertDensity | undefined>;
|
|
268
|
+
readonly closable: _angular_core.InputSignal<boolean>;
|
|
269
|
+
readonly live: _angular_core.InputSignal<SolarisAlertLive>;
|
|
270
|
+
readonly showIcon: _angular_core.InputSignal<boolean>;
|
|
271
|
+
readonly icon: _angular_core.InputSignal<string | undefined>;
|
|
272
|
+
readonly closeLabel: _angular_core.InputSignal<string | undefined>;
|
|
273
|
+
readonly closeLabelKey: _angular_core.InputSignal<string | undefined>;
|
|
274
|
+
readonly dismissed: _angular_core.OutputEmitterRef<void>;
|
|
275
|
+
protected readonly iconName: _angular_core.Signal<string>;
|
|
276
|
+
protected readonly liveRole: _angular_core.Signal<string | null>;
|
|
277
|
+
protected readonly ariaLive: _angular_core.Signal<string | null>;
|
|
278
|
+
private readonly defaultCloseKey;
|
|
279
|
+
private readonly defaultCloseLabel;
|
|
280
|
+
protected readonly closeButtonLabel: _angular_core.Signal<string>;
|
|
281
|
+
protected handleClose(): void;
|
|
282
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SolarisAlertComponent, never>;
|
|
283
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SolarisAlertComponent, "solaris-alert", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "radius": { "alias": "radius"; "required": false; "isSignal": true; }; "density": { "alias": "density"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "live": { "alias": "live"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "closeLabel": { "alias": "closeLabel"; "required": false; "isSignal": true; }; "closeLabelKey": { "alias": "closeLabelKey"; "required": false; "isSignal": true; }; }, { "dismissed": "dismissed"; }, never, ["*"], true, never>;
|
|
284
|
+
}
|
|
285
|
+
|
|
286
|
+
declare class SolarisAlertActionsComponent {
|
|
287
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SolarisAlertActionsComponent, never>;
|
|
288
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SolarisAlertActionsComponent, "solaris-alert-actions", never, {}, {}, never, ["*"], true, never>;
|
|
289
|
+
}
|
|
290
|
+
|
|
291
|
+
declare class SolarisAlertTitleDirective {
|
|
292
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SolarisAlertTitleDirective, never>;
|
|
293
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SolarisAlertTitleDirective, "[solaris-alert-title]", never, {}, {}, never, never, true, never>;
|
|
294
|
+
}
|
|
295
|
+
|
|
296
|
+
declare class SolarisAlertDescriptionDirective {
|
|
297
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SolarisAlertDescriptionDirective, never>;
|
|
298
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SolarisAlertDescriptionDirective, "[solaris-alert-description]", never, {}, {}, never, never, true, never>;
|
|
299
|
+
}
|
|
300
|
+
|
|
301
|
+
type SolarisButtonAppearance = 'solid' | 'outline' | 'ghost' | 'tonal' | 'surface' | 'glass';
|
|
302
|
+
type SolarisButtonColor = 'neutral' | 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'custom';
|
|
303
|
+
type SolarisButtonSize = 'sm' | 'md' | 'lg';
|
|
304
|
+
type SolarisButtonRadius = 'none' | 'sm' | 'md' | 'lg' | 'full';
|
|
305
|
+
type SolarisButtonDensity = 'compact' | 'comfortable';
|
|
306
|
+
|
|
307
|
+
declare class SolarisButtonDirective {
|
|
308
|
+
readonly appearance: _angular_core.InputSignal<SolarisButtonAppearance>;
|
|
309
|
+
readonly color: _angular_core.InputSignal<SolarisButtonColor>;
|
|
310
|
+
readonly radius: _angular_core.InputSignal<SolarisButtonRadius>;
|
|
311
|
+
readonly size: _angular_core.InputSignal<SolarisButtonSize>;
|
|
312
|
+
readonly density: _angular_core.InputSignal<SolarisButtonDensity | undefined>;
|
|
313
|
+
readonly loading: _angular_core.InputSignal<boolean>;
|
|
314
|
+
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
315
|
+
readonly fullWidth: _angular_core.InputSignal<boolean>;
|
|
316
|
+
readonly loadingLabelKey: _angular_core.InputSignal<string | undefined>;
|
|
317
|
+
readonly loadingLabel: _angular_core.InputSignal<string | undefined>;
|
|
318
|
+
protected readonly isEffectivelyDisabled: _angular_core.Signal<boolean>;
|
|
319
|
+
private readonly elementRef;
|
|
320
|
+
protected readonly isButton: boolean;
|
|
321
|
+
protected readonly isAnchor: boolean;
|
|
322
|
+
constructor();
|
|
323
|
+
onClick(event: MouseEvent): void;
|
|
324
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SolarisButtonDirective, never>;
|
|
325
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SolarisButtonDirective, "[solaris-button]", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "radius": { "alias": "radius"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "density": { "alias": "density"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "loadingLabelKey": { "alias": "loadingLabelKey"; "required": false; "isSignal": true; }; "loadingLabel": { "alias": "loadingLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
326
|
+
}
|
|
327
|
+
|
|
328
|
+
declare class SolarisButtonIconDirective {
|
|
329
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SolarisButtonIconDirective, never>;
|
|
330
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SolarisButtonIconDirective, "[solaris-button-icon]", never, {}, {}, never, never, true, never>;
|
|
331
|
+
}
|
|
332
|
+
|
|
333
|
+
type SolarisIconButtonAppearance = 'solid' | 'outline' | 'ghost' | 'tonal' | 'surface' | 'glass';
|
|
334
|
+
type SolarisIconButtonColor = 'neutral' | 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'custom';
|
|
335
|
+
type SolarisIconButtonSize = 'sm' | 'md' | 'lg';
|
|
336
|
+
type SolarisIconButtonRadius = 'none' | 'sm' | 'md' | 'lg' | 'full';
|
|
337
|
+
type SolarisIconButtonDensity = 'compact' | 'comfortable';
|
|
338
|
+
|
|
339
|
+
declare class SolarisIconButtonDirective {
|
|
340
|
+
readonly appearance: _angular_core.InputSignal<SolarisIconButtonAppearance>;
|
|
341
|
+
readonly color: _angular_core.InputSignal<SolarisIconButtonColor>;
|
|
342
|
+
readonly radius: _angular_core.InputSignal<SolarisIconButtonRadius>;
|
|
343
|
+
readonly size: _angular_core.InputSignal<SolarisIconButtonSize>;
|
|
344
|
+
readonly density: _angular_core.InputSignal<SolarisIconButtonDensity | undefined>;
|
|
345
|
+
readonly ariaLabelKey: _angular_core.InputSignal<string | undefined>;
|
|
346
|
+
readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
|
|
347
|
+
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
348
|
+
readonly loading: _angular_core.InputSignal<boolean>;
|
|
349
|
+
protected readonly isEffectivelyDisabled: _angular_core.Signal<boolean>;
|
|
350
|
+
private readonly elementRef;
|
|
351
|
+
protected readonly isButton: boolean;
|
|
352
|
+
protected readonly isAnchor: boolean;
|
|
353
|
+
constructor();
|
|
354
|
+
onClick(event: MouseEvent): void;
|
|
355
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SolarisIconButtonDirective, never>;
|
|
356
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SolarisIconButtonDirective, "[solaris-icon-button]", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "radius": { "alias": "radius"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "density": { "alias": "density"; "required": false; "isSignal": true; }; "ariaLabelKey": { "alias": "ariaLabelKey"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
357
|
+
}
|
|
358
|
+
|
|
359
|
+
declare class SolarisIconButtonBadgeDirective {
|
|
360
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SolarisIconButtonBadgeDirective, never>;
|
|
361
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SolarisIconButtonBadgeDirective, "[solaris-icon-button-badge]", never, {}, {}, never, never, true, never>;
|
|
362
|
+
}
|
|
363
|
+
|
|
364
|
+
type SolarisButtonGroupOrientation = 'horizontal' | 'vertical';
|
|
365
|
+
type SolarisButtonGroupDensity = 'compact' | 'comfortable';
|
|
366
|
+
|
|
367
|
+
declare class SolarisButtonGroupComponent {
|
|
368
|
+
readonly orientation: _angular_core.InputSignal<SolarisButtonGroupOrientation>;
|
|
369
|
+
readonly attached: _angular_core.InputSignal<boolean>;
|
|
370
|
+
readonly density: _angular_core.InputSignal<SolarisButtonGroupDensity | undefined>;
|
|
371
|
+
readonly fullWidth: _angular_core.InputSignal<boolean>;
|
|
372
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SolarisButtonGroupComponent, never>;
|
|
373
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SolarisButtonGroupComponent, "solaris-button-group", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "attached": { "alias": "attached"; "required": false; "isSignal": true; }; "density": { "alias": "density"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
374
|
+
}
|
|
375
|
+
|
|
376
|
+
type SolarisSkeletonVariant = 'text' | 'rectangular' | 'circular';
|
|
377
|
+
type SolarisSkeletonAnimation = 'pulse' | 'wave' | 'none';
|
|
378
|
+
type SolarisSkeletonSize = 'sm' | 'md' | 'lg';
|
|
379
|
+
type SolarisSkeletonRadius = 'text' | 'none' | 'sm' | 'full';
|
|
380
|
+
type SolarisSkeletonDensity = 'compact' | 'comfortable';
|
|
381
|
+
|
|
382
|
+
declare class SolarisSkeletonComponent {
|
|
383
|
+
readonly variant: _angular_core.InputSignal<SolarisSkeletonVariant>;
|
|
384
|
+
readonly animation: _angular_core.InputSignal<SolarisSkeletonAnimation>;
|
|
385
|
+
readonly size: _angular_core.InputSignal<SolarisSkeletonSize>;
|
|
386
|
+
readonly radius: _angular_core.InputSignal<SolarisSkeletonRadius>;
|
|
387
|
+
readonly density: _angular_core.InputSignal<SolarisSkeletonDensity | undefined>;
|
|
388
|
+
readonly width: _angular_core.InputSignal<string | undefined>;
|
|
389
|
+
readonly height: _angular_core.InputSignal<string | undefined>;
|
|
390
|
+
readonly lines: _angular_core.InputSignal<number>;
|
|
391
|
+
readonly effectiveRadius: _angular_core.Signal<SolarisSkeletonRadius>;
|
|
392
|
+
readonly isMultiLine: _angular_core.Signal<boolean>;
|
|
393
|
+
readonly lineWidths: _angular_core.Signal<string[]>;
|
|
394
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SolarisSkeletonComponent, never>;
|
|
395
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SolarisSkeletonComponent, "solaris-skeleton", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "animation": { "alias": "animation"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "radius": { "alias": "radius"; "required": false; "isSignal": true; }; "density": { "alias": "density"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "lines": { "alias": "lines"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
396
|
+
}
|
|
397
|
+
|
|
398
|
+
interface SolarisTestingOptions {
|
|
399
|
+
accessibility?: SolarisAccessibilityConfig;
|
|
400
|
+
theme?: Partial<SolarisThemeConfig>;
|
|
401
|
+
translate?: Partial<SolarisTranslateConfig>;
|
|
402
|
+
}
|
|
403
|
+
declare function provideSolarisTesting(options?: SolarisTestingOptions): Provider[];
|
|
404
|
+
|
|
405
|
+
declare function configureSolarisTesting(options?: SolarisTestingOptions, extraConfig?: Partial<TestModuleMetadata>): void;
|
|
406
|
+
|
|
407
|
+
export { SOLARIS_ACCESSIBILITY_CONFIG, SOLARIS_BUILT_IN_ICONS, SOLARIS_ICONS_CONFIG, SOLARIS_THEME_CONFIG, SOLARIS_TRANSLATE_CONFIG, SolarisAccessibilityService, SolarisAlertActionsComponent, SolarisAlertComponent, SolarisAlertDescriptionDirective, SolarisAlertTitleDirective, SolarisBadgeComponent, SolarisBadgeIconDirective, SolarisButtonDirective, SolarisButtonGroupComponent, SolarisButtonIconDirective, SolarisCardActionsDirective, SolarisCardComponent, SolarisCardContentDirective, SolarisCardDescriptionDirective, SolarisCardFooterDirective, SolarisCardHeaderDirective, SolarisCardMediaDirective, SolarisCardTitleDirective, SolarisIconButtonBadgeDirective, SolarisIconButtonDirective, SolarisIconComponent, SolarisIconRegistryService, SolarisSkeletonComponent, SolarisThemeService, SolarisTranslatePipe, SolarisTranslateService, SolarisVisuallyHiddenDirective, configureSolarisTesting, provideSolarisAccessibility, provideSolarisAccessibilityTesting, provideSolarisIcons, provideSolarisTesting, provideSolarisTheme, provideSolarisThemeTesting, provideSolarisTranslate, provideSolarisTranslateTesting };
|
|
408
|
+
export type { SolarisAccessibilityConfig, SolarisAlertAppearance, SolarisAlertDensity, SolarisAlertLive, SolarisAlertRadius, SolarisAlertVariant, SolarisBadgeAppearance, SolarisBadgeColor, SolarisBadgeDensity, SolarisBadgeRadius, SolarisBadgeSize, SolarisBadgeVariant, SolarisBuiltInIcon, SolarisBuiltInLocale, SolarisButtonAppearance, SolarisButtonColor, SolarisButtonDensity, SolarisButtonGroupDensity, SolarisButtonGroupOrientation, SolarisButtonRadius, SolarisButtonSize, SolarisCardAppearance, SolarisCardDensity, SolarisCardGlassTexture, SolarisCardRadius, SolarisColorScheme, SolarisDensity, SolarisIconButtonAppearance, SolarisIconButtonColor, SolarisIconButtonDensity, SolarisIconButtonRadius, SolarisIconButtonSize, SolarisIconDefinition, SolarisIconName, SolarisIconsConfig, SolarisLocale, SolarisReducedMotionPreference, SolarisReducedMotionState, SolarisSkeletonAnimation, SolarisSkeletonDensity, SolarisSkeletonRadius, SolarisSkeletonSize, SolarisSkeletonVariant, SolarisTestingOptions, SolarisThemeConfig, SolarisTranslateConfig, SolarisTranslateParams, SolarisTranslationMap, SolarisTranslations, SvgCircleElement, SvgElement, SvgLineElement, SvgPathElement, SvgPolygonElement, SvgPolylineElement };
|