@educarehq/solaris-ui 0.7.0 → 0.7.2

package/package.json

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

package/styles/_theme.scss

@@ -39,15 +39,23 @@ $-default-config: (
   $radius: map.get($merged, radius);
   $motion: map.get($merged, motion);
 
-  :root {
-    @if $color-scheme == light {
+  @if $color-scheme == light {
+    :root:not([data-theme]) {
       color-scheme: light;
-    } @else if $color-scheme == dark {
+      @include color.solaris-light-tokens;
+    }
+  } @else if $color-scheme == dark {
+    :root:not([data-theme]) {
       color-scheme: dark;
-    } @else {
+      @include color.solaris-dark-tokens;
+    }
+  } @else {
+    :root {
       color-scheme: light dark;
     }
+  }
 
+  :root {
     @if $density == compact {
       --solaris-density-default: compact;
     } @else if $density == comfortable {

package/styles/token/color/_light.scss

@@ -1,5 +1,4 @@
-:root,
-[data-theme='light'] {
+@mixin solaris-light-tokens {
   --solaris-bg-page: #ffffff;
   --solaris-surface-base: #ffffff;
   --solaris-surface-subtle: #f7f8fb;
@@ -70,3 +69,8 @@
   --solaris-orange-text: #8a4f0b;
   --solaris-orange-on-solid: #ffffff;
 }
+
+:root,
+[data-theme='light'] {
+  @include solaris-light-tokens;
+}

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

@@ -19,6 +19,8 @@ interface SolarisTranslateConfig {
     fallbackLocale: SolarisLocale;
     translations: SolarisTranslations;
     useBrowserLocale?: boolean;
+    /** Optional resolver that delegates unknown keys to the host app's i18n system. */
+    resolver?: (key: string, params?: SolarisTranslateParams) => string | undefined;
 }
 
 declare function provideSolarisTranslateTesting(config?: Partial<SolarisTranslateConfig>): Provider[];
@@ -93,9 +95,12 @@ type SolarisReducedMotionPreference = 'auto' | 'reduce' | 'no-preference';
 
 declare class SolarisThemeService {
     private readonly config;
+    private readonly platformId;
+    private readonly document;
     get colorScheme(): string;
     get density(): SolarisDensity;
     get reducedMotion(): string;
+    private readDensityDefault;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SolarisThemeService, never>;
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<SolarisThemeService>;
 }
@@ -1753,7 +1758,7 @@ declare class SolarisPasswordFieldComponent implements ControlValueAccessor {
     protected onInputBlur(): void;
     protected toggleVisibility(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SolarisPasswordFieldComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SolarisPasswordFieldComponent, "solaris-password-field", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "labelKey": { "alias": "labelKey"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "hintKey": { "alias": "hintKey"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "errorKey": { "alias": "errorKey"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "placeholderKey": { "alias": "placeholderKey"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "optional": { "alias": "optional"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "density": { "alias": "density"; "required": false; "isSignal": true; }; "radius": { "alias": "radius"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "showToggle": { "alias": "showToggle"; "required": false; "isSignal": true; }; "visible": { "alias": "visible"; "required": false; "isSignal": true; }; "showRequirements": { "alias": "showRequirements"; "required": false; "isSignal": true; }; "showStrength": { "alias": "showStrength"; "required": false; "isSignal": true; }; "policy": { "alias": "policy"; "required": false; "isSignal": true; }; "validatePolicy": { "alias": "validatePolicy"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "toggleShowLabel": { "alias": "toggleShowLabel"; "required": false; "isSignal": true; }; "toggleShowLabelKey": { "alias": "toggleShowLabelKey"; "required": false; "isSignal": true; }; "toggleHideLabel": { "alias": "toggleHideLabel"; "required": false; "isSignal": true; }; "toggleHideLabelKey": { "alias": "toggleHideLabelKey"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "visibleChange": "visibleChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SolarisPasswordFieldComponent, "solaris-password-field", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "labelKey": { "alias": "labelKey"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "hintKey": { "alias": "hintKey"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "errorKey": { "alias": "errorKey"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "placeholderKey": { "alias": "placeholderKey"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "optional": { "alias": "optional"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "density": { "alias": "density"; "required": false; "isSignal": true; }; "radius": { "alias": "radius"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "showToggle": { "alias": "showToggle"; "required": false; "isSignal": true; }; "visible": { "alias": "visible"; "required": false; "isSignal": true; }; "showRequirements": { "alias": "showRequirements"; "required": false; "isSignal": true; }; "showStrength": { "alias": "showStrength"; "required": false; "isSignal": true; }; "policy": { "alias": "policy"; "required": false; "isSignal": true; }; "validatePolicy": { "alias": "validatePolicy"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "toggleShowLabel": { "alias": "toggleShowLabel"; "required": false; "isSignal": true; }; "toggleShowLabelKey": { "alias": "toggleShowLabelKey"; "required": false; "isSignal": true; }; "toggleHideLabel": { "alias": "toggleHideLabel"; "required": false; "isSignal": true; }; "toggleHideLabelKey": { "alias": "toggleHideLabelKey"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "visibleChange": "visibleChange"; }, never, ["[solaris-form-prefix]", "[solaris-form-suffix]"], true, never>;
 }
 
 declare function solarisPasswordValidator(policy: SolarisPasswordPolicy): ValidatorFn;
@@ -1819,7 +1824,7 @@ declare class SolarisEmailFieldComponent implements ControlValueAccessor {
     private buildError;
     private computeDomainError;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SolarisEmailFieldComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SolarisEmailFieldComponent, "solaris-email-field", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "hintKey": { "alias": "hintKey"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "labelKey": { "alias": "labelKey"; "required": false; "isSignal": true; }; "errorKey": { "alias": "errorKey"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "invalidError": { "alias": "invalidError"; "required": false; "isSignal": true; }; "requiredError": { "alias": "requiredError"; "required": false; "isSignal": true; }; "placeholderKey": { "alias": "placeholderKey"; "required": false; "isSignal": true; }; "invalidErrorKey": { "alias": "invalidErrorKey"; "required": false; "isSignal": true; }; "requiredErrorKey": { "alias": "requiredErrorKey"; "required": false; "isSignal": true; }; "allowedDomainError": { "alias": "allowedDomainError"; "required": false; "isSignal": true; }; "blockedDomainError": { "alias": "blockedDomainError"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "optional": { "alias": "optional"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "trimOnBlur": { "alias": "trimOnBlur"; "required": false; "isSignal": true; }; "allowedDomainErrorKey": { "alias": "allowedDomainErrorKey"; "required": false; "isSignal": true; }; "blockedDomainErrorKey": { "alias": "blockedDomainErrorKey"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "normalizeLowercase": { "alias": "normalizeLowercase"; "required": false; "isSignal": true; }; "allowedDomains": { "alias": "allowedDomains"; "required": false; "isSignal": true; }; "blockedDomains": { "alias": "blockedDomains"; "required": false; "isSignal": true; }; "density": { "alias": "density"; "required": false; "isSignal": true; }; "radius": { "alias": "radius"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "validateDomain": { "alias": "validateDomain"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SolarisEmailFieldComponent, "solaris-email-field", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "hintKey": { "alias": "hintKey"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "labelKey": { "alias": "labelKey"; "required": false; "isSignal": true; }; "errorKey": { "alias": "errorKey"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "invalidError": { "alias": "invalidError"; "required": false; "isSignal": true; }; "requiredError": { "alias": "requiredError"; "required": false; "isSignal": true; }; "placeholderKey": { "alias": "placeholderKey"; "required": false; "isSignal": true; }; "invalidErrorKey": { "alias": "invalidErrorKey"; "required": false; "isSignal": true; }; "requiredErrorKey": { "alias": "requiredErrorKey"; "required": false; "isSignal": true; }; "allowedDomainError": { "alias": "allowedDomainError"; "required": false; "isSignal": true; }; "blockedDomainError": { "alias": "blockedDomainError"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "optional": { "alias": "optional"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "trimOnBlur": { "alias": "trimOnBlur"; "required": false; "isSignal": true; }; "allowedDomainErrorKey": { "alias": "allowedDomainErrorKey"; "required": false; "isSignal": true; }; "blockedDomainErrorKey": { "alias": "blockedDomainErrorKey"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "normalizeLowercase": { "alias": "normalizeLowercase"; "required": false; "isSignal": true; }; "allowedDomains": { "alias": "allowedDomains"; "required": false; "isSignal": true; }; "blockedDomains": { "alias": "blockedDomains"; "required": false; "isSignal": true; }; "density": { "alias": "density"; "required": false; "isSignal": true; }; "radius": { "alias": "radius"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "validateDomain": { "alias": "validateDomain"; "required": false; "isSignal": true; }; }, {}, never, ["[solaris-form-prefix]", "[solaris-form-suffix]"], true, never>;
 }
 
 declare function solarisEmailValidator(): ValidatorFn;