@educarehq/solaris-ui 0.21.0 → 0.22.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@educarehq/solaris-ui",
-  "version": "0.21.0",
+  "version": "0.22.0",
   "license": "MIT",
   "repository": {
     "type": "git",

package/types/educarehq-solaris-ui.d.ts

@@ -267,6 +267,7 @@ type SolarisCardRadius = 'none' | 'sm' | 'lg' | 'xl';
 type SolarisCardSize = 'sm' | 'md' | 'lg';
 type SolarisCardDensity = 'compact' | 'normal' | 'comfortable';
 type SolarisCardGlassTexture = 'none' | 'grooves';
+type SolarisCardMediaPosition = 'top' | 'start';
 
 declare class SolarisCardComponent {
     readonly appearance: _angular_core.InputSignal<SolarisCardAppearance>;
@@ -274,15 +275,17 @@ declare class SolarisCardComponent {
     readonly size: _angular_core.InputSignal<SolarisCardSize>;
     readonly density: _angular_core.InputSignal<SolarisCardDensity | undefined>;
     readonly glassTexture: _angular_core.InputSignal<SolarisCardGlassTexture>;
+    readonly mediaPosition: _angular_core.InputSignal<SolarisCardMediaPosition>;
     protected readonly themeService: SolarisThemeService;
     protected readonly effectiveDensity: _angular_core.Signal<"compact" | "normal" | "comfortable">;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SolarisCardComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SolarisCardComponent, "solaris-card", never, { "appearance": { "alias": "appearance"; "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; }; "glassTexture": { "alias": "glassTexture"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SolarisCardComponent, "solaris-card", never, { "appearance": { "alias": "appearance"; "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; }; "glassTexture": { "alias": "glassTexture"; "required": false; "isSignal": true; }; "mediaPosition": { "alias": "mediaPosition"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 declare class SolarisCardHeaderDirective {
+    readonly separator: _angular_core.InputSignalWithTransform<boolean, unknown>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SolarisCardHeaderDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SolarisCardHeaderDirective, "[solaris-card-header]", never, {}, {}, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SolarisCardHeaderDirective, "[solaris-card-header]", never, { "separator": { "alias": "separator"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class SolarisCardContentDirective {
@@ -296,7 +299,7 @@ declare class SolarisCardMediaDirective {
 }
 
 declare class SolarisCardFooterDirective {
-    readonly separator: _angular_core.InputSignal<boolean>;
+    readonly separator: _angular_core.InputSignalWithTransform<boolean, unknown>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SolarisCardFooterDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SolarisCardFooterDirective, "[solaris-card-footer]", never, { "separator": { "alias": "separator"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
@@ -1600,6 +1603,9 @@ declare class SolarisRadioComponent extends SolarisFormControl implements Contro
 type SolarisSelectionCardSize = 'sm' | 'md' | 'lg';
 type SolarisSelectionCardRadius = 'none' | 'sm' | 'lg' | 'xl';
 type SolarisSelectionCardDensity = 'compact' | 'normal' | 'comfortable';
+type SolarisSelectionCardSelection = 'radio' | 'switch';
+type SolarisSelectionCardSelectionPosition = 'start' | 'end';
+type SolarisSelectionCardMediaPosition = 'top' | 'start';
 type SolarisSelectionCardColor = 'neutral' | 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'custom';
 type SolarisSelectionCardAppearance = 'surface' | 'outline' | 'tonal' | 'glass';
 
@@ -1609,6 +1615,8 @@ declare class SolarisSelectionCardComponent extends SolarisFormControl implement
     private readonly groupName;
     private readonly inputElementRef;
     private readonly media;
+    private readonly header;
+    private readonly footer;
     protected readonly _checked: _angular_core.WritableSignal<boolean>;
     protected readonly _focused: _angular_core.WritableSignal<boolean>;
     private readonly _describedByIds;
@@ -1626,6 +1634,9 @@ declare class SolarisSelectionCardComponent extends SolarisFormControl implement
     readonly size: _angular_core.InputSignal<SolarisSelectionCardSize>;
     readonly radius: _angular_core.InputSignal<SolarisSelectionCardRadius>;
     readonly density: _angular_core.InputSignal<SolarisSelectionCardDensity | undefined>;
+    readonly selection: _angular_core.InputSignal<SolarisSelectionCardSelection>;
+    readonly selectionPosition: _angular_core.InputSignal<SolarisSelectionCardSelectionPosition>;
+    readonly mediaPosition: _angular_core.InputSignal<SolarisSelectionCardMediaPosition>;
     readonly name: _angular_core.InputSignal<string | undefined>;
     readonly value: _angular_core.InputSignal<unknown>;
     readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
@@ -1635,6 +1646,10 @@ declare class SolarisSelectionCardComponent extends SolarisFormControl implement
     protected readonly themeService: SolarisThemeService;
     protected readonly effectiveDensity: _angular_core.Signal<SolarisSelectionCardDensity>;
     protected readonly hasMedia: _angular_core.Signal<boolean>;
+    protected readonly hasFooter: _angular_core.Signal<boolean>;
+    protected readonly hasHeaderSeparator: _angular_core.Signal<boolean>;
+    protected readonly hasFooterSeparator: _angular_core.Signal<boolean>;
+    protected readonly isSwitchSelection: _angular_core.Signal<boolean>;
     protected readonly isEffectivelyDisabled: _angular_core.Signal<boolean>;
     protected readonly isEffectivelyReadonly: _angular_core.Signal<boolean>;
     protected readonly isEffectivelyInvalid: _angular_core.Signal<boolean>;
@@ -1665,7 +1680,7 @@ declare class SolarisSelectionCardComponent extends SolarisFormControl implement
     protected onFocus(): void;
     protected onBlur(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SolarisSelectionCardComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SolarisSelectionCardComponent, "solaris-selection-card", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonlyInput": { "alias": "readonly"; "required": false; "isSignal": true; }; "requiredInput": { "alias": "required"; "required": false; "isSignal": true; }; "invalidInput": { "alias": "invalid"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "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; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelKey": { "alias": "ariaLabelKey"; "required": false; "isSignal": true; }; }, { "checkedChange": "checkedChange"; "changeEvent": "changeEvent"; }, ["media"], ["[solaris-selection-card-media]", "[solaris-selection-card-header]", "[solaris-selection-card-content]", "*", "[solaris-selection-card-footer]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SolarisSelectionCardComponent, "solaris-selection-card", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonlyInput": { "alias": "readonly"; "required": false; "isSignal": true; }; "requiredInput": { "alias": "required"; "required": false; "isSignal": true; }; "invalidInput": { "alias": "invalid"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "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; }; "selection": { "alias": "selection"; "required": false; "isSignal": true; }; "selectionPosition": { "alias": "selectionPosition"; "required": false; "isSignal": true; }; "mediaPosition": { "alias": "mediaPosition"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelKey": { "alias": "ariaLabelKey"; "required": false; "isSignal": true; }; }, { "checkedChange": "checkedChange"; "changeEvent": "changeEvent"; }, ["media", "header", "footer"], ["[solaris-selection-card-media]", "[solaris-selection-card-header]", "[solaris-selection-card-content]", "*", "[solaris-selection-card-footer]"], true, never>;
 }
 
 declare class SolarisSelectionCardContentDirective {
@@ -1679,14 +1694,15 @@ declare class SolarisSelectionCardDescriptionDirective {
 }
 
 declare class SolarisSelectionCardFooterDirective {
-    readonly separator: _angular_core.InputSignal<boolean>;
+    readonly separator: _angular_core.InputSignalWithTransform<boolean, unknown>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SolarisSelectionCardFooterDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SolarisSelectionCardFooterDirective, "[solaris-selection-card-footer]", never, { "separator": { "alias": "separator"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class SolarisSelectionCardHeaderDirective {
+    readonly separator: _angular_core.InputSignalWithTransform<boolean, unknown>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SolarisSelectionCardHeaderDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SolarisSelectionCardHeaderDirective, "[solaris-selection-card-header]", never, {}, {}, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SolarisSelectionCardHeaderDirective, "[solaris-selection-card-header]", never, { "separator": { "alias": "separator"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class SolarisSelectionCardMediaDirective {