@dereekb/dbx-web 10.0.24 → 10.1.1

package/lib/layout/style/_style.scss

@@ -3,9 +3,6 @@
 @use 'sass:color';
 @use '../../style/theming';
 
-$dbx-ok-color-var: --dbx-ok-color;
-$dbx-success-color-var: --dbx-success-color;
-
 // Sections
 @mixin core() {
   .dbx-spacer,
@@ -96,113 +93,85 @@ $dbx-success-color-var: --dbx-success-color;
 }
 
 @mixin color($theme-config) {
-  $color-config: theming.get-color-config($theme-config);
-
-  $primary: map.get($color-config, 'primary');
-  $accent: map.get($color-config, 'accent');
-  $warn: map.get($color-config, 'warn');
-  $background: map.get($color-config, 'background');
-  $foreground: map.get($color-config, 'foreground');
-
-  $primary-color: theming.get-color-from-palette($primary, 500);
-  $primary-color-contrast: theming.get-color-from-palette($primary, '500-contrast');
-
-  $accent-color: theming.get-color-from-palette($accent, 500);
-  $accent-color-contrast: theming.get-color-from-palette($accent, '500-contrast');
-
-  $warn-color: theming.get-color-from-palette($warn, 500);
-  $warn-color-contrast: theming.get-color-from-palette($warn, '500-contrast');
-
-  $grey-color: theming.get-color-from-palette($foreground, 'text');
-  $grey-color-bg: theming.get-color-from-palette($background, 'disabled-button');
-
-  $disabled-color: theming.get-color-from-palette($foreground, 'disabled-text');
-  $disabled-color-bg: theming.get-color-from-palette($background, 'disabled-button');
-
-  $background-text-color: theming.get-color-from-palette($foreground, 'text');
-  $background-color: theming.get-color-from-palette($background, 'background');
-
-  // todo: consider adding color customization or setting as a variable
-  $ok-color: color.scale(blue, $lightness: 30%);
-  $success-color: green;
-  $notice-color: #f28600;
-
   .dbx-primary {
-    color: $primary-color;
+    color: theming.$dbx-primary-color;
   }
 
   .dbx-primary-bg {
-    background: $primary-color;
-    color: $primary-color-contrast;
+    background: theming.$dbx-primary-color;
+    color: theming.$dbx-primary-color-contrast;
   }
 
   .dbx-accent {
-    color: $accent-color;
+    color: theming.$dbx-accent-color;
   }
 
   .dbx-accent-bg {
-    background: $accent-color;
-    color: $accent-color-contrast;
+    background: theming.$dbx-accent-color;
+    color: theming.$dbx-accent-color-contrast;
   }
 
   .dbx-warn {
-    color: $warn-color;
+    color: theming.$dbx-warn-color;
   }
 
   .dbx-warn-bg {
-    background: $warn-color;
-    color: $warn-color-contrast;
+    background: theming.$dbx-warn-color;
+    color: theming.$dbx-warn-color-contrast;
   }
 
   .dbx-notice {
-    color: $notice-color;
+    color: theming.$dbx-notice-color;
   }
 
   .dbx-notice-bg {
-    background: $notice-color;
-    color: $warn-color-contrast;
+    background: theming.$dbx-notice-color;
+    color: theming.$dbx-notice-color-contrast;
   }
 
   .dbx-success {
-    color: $success-color;
+    color: theming.$dbx-success-color;
   }
 
   .dbx-success-bg {
-    background: $success-color;
-    color: $warn-color-contrast;
+    background: theming.$dbx-success-color;
+    color: theming.$dbx-success-color-contrast;
   }
 
   .dbx-ok {
-    color: $ok-color;
+    color: theming.$dbx-ok-color;
   }
 
   .dbx-ok-bg {
-    background: $ok-color;
-    color: $warn-color-contrast;
+    background: theming.$dbx-ok-color;
+    color: theming.$dbx-ok-color-contrast;
   }
 
   .dbx-grey {
-    color: $grey-color;
+    color: theming.$dbx-grey-color;
   }
 
   .dbx-grey-bg {
-    color: $grey-color;
-    background: $grey-color-bg;
+    background: theming.$dbx-grey-color-contrast; // intentionally use the contrast for the bg
+    color: theming.$dbx-grey-color;
   }
 
   .dbx-disabled {
-    color: $disabled-color;
+    color: theming.$dbx-disabled-color;
   }
 
   .dbx-disabled-bg {
-    color: $disabled-color;
-    background: $disabled-color-bg;
+    background: theming.$dbx-disabled-color-contrast; // intentionally use the contrast for the bg
+    color: theming.$dbx-disabled-color;
+  }
+
+  .dbx-bg {
+    color: theming.$dbx-disabled-color;
   }
 
-  .dbx-bg,
   .dbx-background {
-    color: $background-text-color;
-    background: $background-color;
+    background: theming.$dbx-bg-color-contrast;
+    color: theming.$dbx-bg-color;
   }
 }
 

package/lib/layout/style/style.d.ts

@@ -1,4 +1,11 @@
 import { CssClass, Maybe } from '@dereekb/util';
-export type DbxThemeColor = 'primary' | 'accent' | 'warn' | 'ok' | 'success' | 'background' | 'grey' | 'disabled' | 'notice';
+export type DbxThemeColorMain = 'primary' | 'accent' | 'warn';
+export type DbxThemeColorExtra = 'notice' | 'ok' | 'success' | 'grey';
+export type DbxThemeColorExtraSecondary = 'background' | 'disabled';
+export type DbxThemeColorMainOrExtra = DbxThemeColorMain | DbxThemeColorExtra;
+export type DbxThemeColor = DbxThemeColorMainOrExtra | DbxThemeColorExtraSecondary;
+export declare const DBX_THEME_COLORS_MAIN: DbxThemeColorMain[];
+export declare const DBX_THEME_COLORS_EXTRA: DbxThemeColorExtra[];
+export declare const DBX_THEME_COLORS_EXTRA_SECONDARY: DbxThemeColorExtraSecondary[];
 export declare const DBX_THEME_COLORS: DbxThemeColor[];
 export declare function dbxColorBackground(color: Maybe<DbxThemeColor | ''>): CssClass;

package/lib/layout/text/form.description.component.d.ts

@@ -1,5 +1,8 @@
 import * as i0 from "@angular/core";
+/**
+ * @deprecated Compat: Remove in future version.
+ */
 export declare class DbxFormDescriptionComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormDescriptionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFormDescriptionComponent, "dbx-form-description", never, {}, {}, never, ["*"], false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxFormDescriptionComponent, "dbx-form-description", never, {}, {}, never, never, false, never>;
 }

package/lib/layout/text/hint.component.d.ts

@@ -1,5 +1,8 @@
 import * as i0 from "@angular/core";
+/**
+ * @deprecated Compat: Remove in future version.
+ */
 export declare class DbxHintComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxHintComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxHintComponent, "dbx-hint", never, {}, {}, never, ["*"], false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxHintComponent, "dbx-hint", never, {}, {}, never, never, false, never>;
 }

package/lib/layout/text/label.component.d.ts

@@ -1,5 +1,8 @@
 import * as i0 from "@angular/core";
+/**
+ * @deprecated Compat: Remove in future version.
+ */
 export declare class DbxLabelComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxLabelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxLabelComponent, "dbx-label", never, {}, {}, never, ["*"], false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxLabelComponent, "dbx-label", never, {}, {}, never, never, false, never>;
 }

package/lib/layout/text/note.component.d.ts

@@ -1,5 +1,8 @@
 import * as i0 from "@angular/core";
+/**
+ * @deprecated Compat: Remove in future version.
+ */
 export declare class DbxNoteComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxNoteComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxNoteComponent, "dbx-note", never, {}, {}, never, ["*"], false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxNoteComponent, "dbx-note", never, {}, {}, never, never, false, never>;
 }

package/lib/layout/text/notice.component.d.ts

@@ -1,5 +1,8 @@
 import * as i0 from "@angular/core";
+/**
+ * @deprecated Compat: Remove in future version.
+ */
 export declare class DbxNoticeComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxNoticeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxNoticeComponent, "dbx-notice", never, {}, {}, never, ["*"], false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxNoticeComponent, "dbx-notice", never, {}, {}, never, never, false, never>;
 }

package/lib/layout/text/ok.component.d.ts

@@ -1,5 +1,8 @@
 import * as i0 from "@angular/core";
+/**
+ * @deprecated Compat: Remove in future version.
+ */
 export declare class DbxOkComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxOkComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxOkComponent, "dbx-ok", never, {}, {}, never, ["*"], false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxOkComponent, "dbx-ok", never, {}, {}, never, never, false, never>;
 }

package/lib/layout/text/success.component.d.ts

@@ -1,5 +1,8 @@
 import * as i0 from "@angular/core";
+/**
+ * @deprecated Compat: Remove in future version.
+ */
 export declare class DbxSuccessComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxSuccessComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxSuccessComponent, "dbx-success", never, {}, {}, never, ["*"], false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxSuccessComponent, "dbx-success", never, {}, {}, never, never, false, never>;
 }

package/lib/layout/text/warn.component.d.ts

@@ -1,5 +1,8 @@
 import * as i0 from "@angular/core";
+/**
+ * @deprecated Compat: Remove in future version.
+ */
 export declare class DbxWarnComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxWarnComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxWarnComponent, "dbx-warn", never, {}, {}, never, ["*"], false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxWarnComponent, "dbx-warn", never, {}, {}, never, never, false, never>;
 }

package/lib/loading/_loading.scss

@@ -17,6 +17,15 @@ $linear-line-height: 4px;
 }
 
 @mixin color($theme-config) {
+  @each $color, $colorConfig in theming.$dbx-theme-extra-colors-main-and-secondary {
+    .mat-mdc-progress-spinner.mat-#{$color} {
+      --mdc-circular-progress-active-indicator-color: #{map.get($colorConfig, 'color')};
+    }
+
+    .mat-mdc-progress-bar.mat-#{$color} {
+      --mdc-linear-progress-active-indicator-color: #{map.get($colorConfig, 'color')};
+    }
+  }
 }
 
 @mixin typography($theme-config-or-typography-config) {

package/lib/loading/basic-loading.component.d.ts

@@ -3,6 +3,7 @@ import { ThemePalette } from '@angular/material/core';
 import { ProgressBarMode } from '@angular/material/progress-bar';
 import { ErrorInput, Maybe } from '@dereekb/util';
 import { ProgressSpinnerMode } from '@angular/material/progress-spinner';
+import { DbxThemeColor } from '../layout/style/style';
 import * as i0 from "@angular/core";
 /**
  * DbxBasicLoadingComponent loading state.
@@ -28,7 +29,7 @@ export declare class DbxBasicLoadingComponent implements OnDestroy {
     readonly hasNoCustomLoading$: import("rxjs").Observable<boolean>;
     diameter?: Maybe<number>;
     mode: ProgressBarMode | ProgressSpinnerMode;
-    color: ThemePalette;
+    color: ThemePalette | DbxThemeColor;
     text?: Maybe<string>;
     linear: Maybe<boolean>;
     ngOnDestroy(): void;

package/lib/loading/loading-progress.component.d.ts

@@ -2,6 +2,7 @@ import { ThemePalette } from '@angular/material/core';
 import { ProgressBarMode } from '@angular/material/progress-bar';
 import { ProgressSpinnerMode } from '@angular/material/progress-spinner';
 import { Maybe } from '@dereekb/util';
+import { DbxThemeColor } from '../layout/style/style';
 import * as i0 from "@angular/core";
 export declare const DEFAULT_LOADING_PROGRESS_DIAMETER = 96;
 /**
@@ -12,7 +13,7 @@ export declare class DbxLoadingProgressComponent {
     text?: Maybe<string>;
     linear?: Maybe<boolean>;
     mode: ProgressBarMode | ProgressSpinnerMode;
-    color: ThemePalette;
+    color: ThemePalette | DbxThemeColor;
     value?: number;
     bufferValue: number;
     get diameter(): number;

package/lib/loading/loading.component.d.ts

@@ -4,6 +4,7 @@ import { ThemePalette } from '@angular/material/core';
 import { ProgressBarMode } from '@angular/material/progress-bar';
 import { LoadingContext } from '@dereekb/rxjs';
 import { ErrorInput, Maybe } from '@dereekb/util';
+import { DbxThemeColor } from '../layout/style/style';
 import * as i0 from "@angular/core";
 export interface DbxLoadingComponentState {
     loading: boolean;
@@ -23,7 +24,7 @@ export declare class DbxLoadingComponent implements OnDestroy {
     show?: Maybe<boolean>;
     text?: Maybe<string>;
     mode: ProgressBarMode;
-    color: ThemePalette;
+    color: ThemePalette | DbxThemeColor;
     diameter?: Maybe<number>;
     linear?: Maybe<boolean>;
     /**

package/lib/style/_config.scss

@@ -1,4 +1,6 @@
 @use 'sass:map';
+@use 'sass:list';
+@use 'sass:color';
 @use './variables';
 
 // convenience
@@ -69,6 +71,10 @@
 }
 
 // layout
+$default-ok-color: color.scale(blue, $lightness: 30%);
+$default-success-color: green;
+$default-notice-color: #f28600;
+
 @function define-dbx-layout-config($input-dbx-theme-layout-config: null) {
   $dbx-layout-config: (
     // banner
@@ -98,7 +104,11 @@
     'padding-5': 24px,
     // initial padding-5
     // layout
-    'two-column-left-width': 320px
+    'two-column-left-width': 320px,
+    // colors - NOTE: other colors come from Angular Material
+    'success-color': $default-success-color,
+    'ok-color': $default-ok-color,
+    'notice-color': $default-notice-color
   );
 
   @if ($input-dbx-theme-layout-config != null) {
@@ -148,6 +158,18 @@
   @return get-dbx-layout-config-var($theme-config, 'two-column-left-width');
 }
 
+@function get-dbx-success-color($theme-config) {
+  @return get-dbx-layout-config-var($theme-config, 'success-color');
+}
+
+@function get-dbx-ok-color($theme-config) {
+  @return get-dbx-layout-config-var($theme-config, 'ok-color');
+}
+
+@function get-dbx-notice-color($theme-config) {
+  @return get-dbx-layout-config-var($theme-config, 'notice-color');
+}
+
 // extension
 @function define-dbx-extension-config($input-dbx-theme-extension-config: null) {
   $dbx-extension-config: (

package/lib/style/_root-variables.scss

@@ -1,3 +1,6 @@
+@use 'sass:map';
+@use 'sass:list';
+@use 'sass:color';
 @use './theming';
 
 // Includes all theming config
@@ -33,3 +36,67 @@
     }
   }
 }
+
+/**
+  Only used by themes
+*/
+@mixin root-theme-color-variables($root-selector, $theme-config) {
+  #{$root-selector} {
+    $color-config: theming.get-color-config($theme-config);
+
+    $primary: map.get($color-config, 'primary');
+    $accent: map.get($color-config, 'accent');
+    $warn: map.get($color-config, 'warn');
+    $background: map.get($color-config, 'background');
+    $foreground: map.get($color-config, 'foreground');
+
+    $primary-color: theming.get-color-from-palette($primary, 500);
+    $primary-color-contrast: theming.get-color-from-palette($primary, '500-contrast');
+
+    $accent-color: theming.get-color-from-palette($accent, 500);
+    $accent-color-contrast: theming.get-color-from-palette($accent, '500-contrast');
+
+    $warn-color: theming.get-color-from-palette($warn, 500);
+    $warn-color-contrast: theming.get-color-from-palette($warn, '500-contrast');
+
+    $grey-color: theming.get-color-from-palette($foreground, 'text');
+    $grey-color-contrast: theming.get-color-from-palette($background, 'disabled-button');
+
+    $disabled-color: theming.get-color-from-palette($foreground, 'disabled-text');
+    $disabled-color-contrast: theming.get-color-from-palette($background, 'disabled-button');
+
+    $background-color: theming.get-color-from-palette($foreground, 'text');
+    $background-color-contrast: theming.get-color-from-palette($background, 'background');
+
+    $notice-color: theming.get-dbx-notice-color($theme-config);
+    $success-color: theming.get-dbx-success-color($theme-config);
+    $ok-color: theming.get-dbx-ok-color($theme-config);
+
+    #{theming.$dbx-primary-color-var}: $primary-color;
+    #{theming.$dbx-primary-color-contrast-var}: $primary-color-contrast;
+
+    #{theming.$dbx-accent-color-var}: $accent-color;
+    #{theming.$dbx-accent-color-contrast-var}: $accent-color-contrast;
+
+    #{theming.$dbx-warn-color-var}: $warn-color;
+    #{theming.$dbx-warn-color-contrast-var}: $warn-color-contrast;
+
+    #{theming.$dbx-notice-color-var}: theming.get-dbx-notice-color($theme-config);
+    #{theming.$dbx-notice-color-contrast-var}: var(--dbx-warn-color-contrast);
+
+    #{theming.$dbx-success-color-var}: theming.get-dbx-success-color($theme-config);
+    #{theming.$dbx-success-color-contrast-var}: var(--dbx-warn-color-contrast);
+
+    #{theming.$dbx-ok-color-var}: theming.get-dbx-ok-color($theme-config);
+    #{theming.$dbx-ok-color-contrast-var}: var(--dbx-warn-color-contrast);
+
+    #{theming.$dbx-grey-color-var}: $grey-color;
+    #{theming.$dbx-grey-color-contrast-var}: $grey-color-contrast;
+
+    #{theming.$dbx-disabled-color-var}: $disabled-color;
+    #{theming.$dbx-disabled-color-contrast-var}: $disabled-color-contrast;
+
+    #{theming.$dbx-bg-color-var}: $background-color;
+    #{theming.$dbx-bg-color-contrast-var}: $background-color-contrast;
+  }
+}

package/lib/style/_variables.scss

@@ -21,6 +21,26 @@ $padding-5-var: --dbx-padding-5;
 
 $two-column-left-width-var: --dbx-two-column-left-width;
 
+$dbx-primary-color-var: --dbx-primary-color;
+$dbx-accent-color-var: --dbx-accent-color;
+$dbx-warn-color-var: --dbx-warn-color;
+$dbx-notice-color-var: --dbx-notice-color;
+$dbx-success-color-var: --dbx-success-color;
+$dbx-ok-color-var: --dbx-ok-color;
+$dbx-grey-color-var: --dbx-grey-color;
+$dbx-disabled-color-var: --dbx-disabled-color;
+$dbx-bg-color-var: --dbx-bg-color;
+
+$dbx-primary-color-contrast-var: --dbx-primary-color-contrast;
+$dbx-accent-color-contrast-var: --dbx-accent-color-contrast;
+$dbx-warn-color-contrast-var: --dbx-warn-color-contrast;
+$dbx-notice-color-contrast-var: --dbx-notice-color-contrast;
+$dbx-success-color-contrast-var: --dbx-success-color-contrast;
+$dbx-ok-color-contrast-var: --dbx-ok-color-contrast;
+$dbx-grey-color-contrast-var: --dbx-grey-color-contrast;
+$dbx-disabled-color-contrast-var: --dbx-disabled-color-contrast;
+$dbx-bg-color-contrast-var: --dbx-bg-color-contrast;
+
 // vars
 $vh100: var($vh100-var);
 
@@ -54,3 +74,72 @@ $padding-map: (
 );
 
 $two-column-left-width: var($two-column-left-width-var);
+
+$dbx-primary-color: var($dbx-primary-color-var);
+$dbx-accent-color: var($dbx-accent-color-var);
+$dbx-warn-color: var($dbx-warn-color-var);
+$dbx-notice-color: var($dbx-notice-color-var);
+$dbx-success-color: var($dbx-success-color-var);
+$dbx-ok-color: var($dbx-ok-color-var);
+$dbx-grey-color: var($dbx-grey-color-var);
+$dbx-disabled-color: var($dbx-disabled-color-var);
+$dbx-bg-color: var($dbx-bg-color-var);
+
+$dbx-primary-color-contrast: var($dbx-primary-color-contrast-var);
+$dbx-accent-color-contrast: var($dbx-accent-color-contrast-var);
+$dbx-warn-color-contrast: var($dbx-warn-color-contrast-var);
+$dbx-notice-color-contrast: var($dbx-notice-color-contrast-var);
+$dbx-success-color-contrast: var($dbx-success-color-contrast-var);
+$dbx-ok-color-contrast: var($dbx-ok-color-contrast-var);
+$dbx-grey-color-contrast: var($dbx-grey-color-contrast-var);
+$dbx-disabled-color-contrast: var($dbx-disabled-color-contrast-var);
+$dbx-bg-color-contrast: var($dbx-bg-color-contrast-var);
+
+$dbx-theme-colors-main: (
+  'primary': (
+    'color': $dbx-primary-color,
+    'contrast': $dbx-primary-color-contrast
+  ),
+  'accent': (
+    'color': $dbx-accent-color,
+    'contrast': $dbx-accent-color-contrast
+  ),
+  'warn': (
+    'color': $dbx-warn-color,
+    'contrast': $dbx-warn-color-contrast
+  )
+);
+
+$dbx-theme-extra-colors-main: (
+  'notice': (
+    'color': $dbx-notice-color,
+    'contrast': $dbx-notice-color-contrast
+  ),
+  'success': (
+    'color': $dbx-success-color,
+    'contrast': $dbx-success-color-contrast
+  ),
+  'ok': (
+    'color': $dbx-ok-color,
+    'contrast': $dbx-ok-color-contrast
+  ),
+  'grey': (
+    'color': $dbx-grey-color-contrast,
+    'contrast': $dbx-grey-color
+  )
+);
+
+$dbx-theme-colors-main-and-extra: map.merge($dbx-theme-colors-main, $dbx-theme-extra-colors-main);
+
+$dbx-theme-extra-colors-secondary: (
+  'disabled': (
+    'color': $dbx-disabled-color-contrast,
+    'contrast': $dbx-disabled-color
+  ),
+  'bg': (
+    'color': $dbx-bg-color-contrast,
+    'contrast': $dbx-bg-color
+  )
+);
+
+$dbx-theme-extra-colors-main-and-secondary: map.merge($dbx-theme-extra-colors-main, $dbx-theme-extra-colors-secondary);

package/mapbox/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dereekb/dbx-web/mapbox",
-  "version": "10.0.24",
+  "version": "10.1.1",
   "module": "fesm2022/dereekb-dbx-web-mapbox.mjs",
   "typings": "index.d.ts",
   "exports": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dereekb/dbx-web",
-  "version": "10.0.24",
+  "version": "10.1.1",
   "peerDependencies": {
     "@angular/common": "^16.2.12",
     "@angular/core": "^16.2.12",

package/table/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dereekb/dbx-web/table",
-  "version": "10.0.24",
+  "version": "10.1.1",
   "module": "fesm2022/dereekb-dbx-web-table.mjs",
   "typings": "index.d.ts",
   "exports": {