@descope/sdk-mixins 0.13.0 → 0.13.1

package/dist/types/mixins/projectIdMixin.d.ts

@@ -1,12 +1,12 @@
 export declare const projectIdMixin: <T extends CustomElementConstructor>(superclass: T) => {
     new (...args: any): {
         readonly projectId: string;
-        "__#13556@#handleError"(attrName: string, newValue: string): void;
+        "__#14499@#handleError"(attrName: string, newValue: string): void;
         init(): Promise<void>;
-        "__#13555@#observeMappings": {};
+        "__#14498@#observeMappings": {};
         observeAttribute(attrName: string, onAttrChange: (attrName: string, value: string) => void): () => any;
         observeAttributes(attrs: string[], cb: (attrName: string, value: string) => void): () => void;
-        "__#13554@#isInit": boolean;
+        "__#14497@#isInit": boolean;
         connectedCallback: (() => void) & (() => void) & (() => void);
         accessKey: string;
         readonly accessKeyLabel: string;
@@ -333,8 +333,8 @@ export declare const projectIdMixin: <T extends CustomElementConstructor>(superc
         tabIndex: number;
         blur(): void;
         focus(options?: FocusOptions): void;
-        "__#13553@#logger": import("./loggerMixin").Logger;
-        "__#13553@#wrapLogger": ((logger: Partial<import("./loggerMixin").Logger>) => import("./loggerMixin").Logger) & ((logger: Partial<import("./loggerMixin").Logger>) => import("./loggerMixin").Logger);
+        "__#14496@#logger": import("./loggerMixin").Logger;
+        "__#14496@#wrapLogger": ((logger: Partial<import("./loggerMixin").Logger>) => import("./loggerMixin").Logger) & ((logger: Partial<import("./loggerMixin").Logger>) => import("./loggerMixin").Logger);
         get logger(): import("./loggerMixin").Logger;
         set logger(logger: Partial<import("./loggerMixin").Logger>);
         onLogEvent: ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void);

package/dist/types/mixins/resetMixin.d.ts

@@ -1,14 +1,14 @@
 export declare const resetMixin: <T extends CustomElementConstructor>(superclass: T) => {
     new (...args: any): {
-        "__#13558@#callbacks": Map<string, () => void>;
+        "__#14501@#callbacks": Map<string, () => void>;
         onReset(sectionId: string, callback: () => void | Promise<void>): () => void;
         reset(...sectionIds: string[]): Promise<void>;
-        "__#13556@#handleError"(attrName: string, newValue: string): void;
+        "__#14499@#handleError"(attrName: string, newValue: string): void;
         init(): Promise<void>;
-        "__#13555@#observeMappings": {};
+        "__#14498@#observeMappings": {};
         observeAttribute(attrName: string, onAttrChange: (attrName: string, value: string) => void): () => any;
         observeAttributes(attrs: string[], cb: (attrName: string, value: string) => void): () => void;
-        "__#13554@#isInit": boolean;
+        "__#14497@#isInit": boolean;
         connectedCallback: (() => void) & (() => void) & (() => void);
         accessKey: string;
         readonly accessKeyLabel: string;
@@ -335,8 +335,8 @@ export declare const resetMixin: <T extends CustomElementConstructor>(superclass
         tabIndex: number;
         blur(): void;
         focus(options?: FocusOptions): void;
-        "__#13553@#logger": import("./loggerMixin").Logger;
-        "__#13553@#wrapLogger": ((logger: Partial<import("./loggerMixin").Logger>) => import("./loggerMixin").Logger) & ((logger: Partial<import("./loggerMixin").Logger>) => import("./loggerMixin").Logger);
+        "__#14496@#logger": import("./loggerMixin").Logger;
+        "__#14496@#wrapLogger": ((logger: Partial<import("./loggerMixin").Logger>) => import("./loggerMixin").Logger) & ((logger: Partial<import("./loggerMixin").Logger>) => import("./loggerMixin").Logger);
         get logger(): import("./loggerMixin").Logger;
         set logger(logger: Partial<import("./loggerMixin").Logger>);
         onLogEvent: ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void);

package/dist/types/mixins/staticResourcesMixin/staticResourcesMixin.d.ts

@@ -10,9 +10,9 @@ export declare function getResourceUrl({ projectId, filename, assetsFolder, base
 }): CustomUrl;
 export declare const staticResourcesMixin: <T extends CustomElementConstructor>(superclass: T) => {
     new (...params: any[]): {
-        "__#13557@#lastBaseUrl"?: string;
-        "__#13557@#workingBaseUrl"?: string;
-        "__#13557@#getResourceUrls"(filename: string): CustomUrl[] | CustomUrl;
+        "__#14500@#lastBaseUrl"?: string;
+        "__#14500@#workingBaseUrl"?: string;
+        "__#14500@#getResourceUrls"(filename: string): CustomUrl[] | CustomUrl;
         fetchStaticResource<F extends Format>(filename: string, format: F): Promise<{
             body: F extends 'json' ? Record<string, any> : string;
             headers: Record<string, string>;
@@ -346,14 +346,14 @@ export declare const staticResourcesMixin: <T extends CustomElementConstructor>(
         blur(): void;
         focus(options?: FocusOptions): void;
         readonly projectId: string;
-        "__#13556@#handleError"(attrName: string, newValue: string): void;
+        "__#14499@#handleError"(attrName: string, newValue: string): void;
         init(): Promise<void>;
-        "__#13555@#observeMappings": {};
+        "__#14498@#observeMappings": {};
         observeAttribute(attrName: string, onAttrChange: (attrName: string, value: string) => void): () => any;
         observeAttributes(attrs: string[], cb: (attrName: string, value: string) => void): () => void;
-        "__#13554@#isInit": boolean;
-        "__#13553@#logger": import("../loggerMixin").Logger;
-        "__#13553@#wrapLogger": ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger);
+        "__#14497@#isInit": boolean;
+        "__#14496@#logger": import("../loggerMixin").Logger;
+        "__#14496@#wrapLogger": ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger);
         get logger(): import("../loggerMixin").Logger;
         set logger(logger: Partial<import("../loggerMixin").Logger>);
         onLogEvent: ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void);

package/dist/types/mixins/themeMixin/themeMixin.d.ts

@@ -1,28 +1,45 @@
 export type ThemeOptions = 'light' | 'dark' | 'os';
 export declare const themeMixin: <T extends CustomElementConstructor>(superclass: T) => {
     new (...params: any[]): {
-        "__#13568@#globalStyle": CSSStyleSheet;
+        "__#14512@#globalStyle": ReturnType<typeof this.injectStyle>;
         readonly theme: ThemeOptions;
         readonly styleId: string;
-        "__#13568@#_themeResource": Promise<void | Record<string, any>>;
-        "__#13568@#fetchTheme"(): Promise<Record<string, any>>;
-        readonly "__#13568@#themeResource": Promise<void | Record<string, any>>;
-        "__#13568@#loadGlobalStyle"(): Promise<void>;
-        "__#13568@#loadComponentsStyle"(): Promise<void>;
-        "__#13568@#getFontsConfig"(): Promise<Record<string, {
+        "__#14512@#_themeResource": Promise<void | Record<string, any>>;
+        "__#14512@#fetchTheme"(): Promise<Record<string, any>>;
+        readonly "__#14512@#themeResource": Promise<void | Record<string, any>>;
+        "__#14512@#loadGlobalStyle"(): Promise<void>;
+        "__#14512@#loadComponentsStyle"(): Promise<void>;
+        "__#14512@#getFontsConfig"(): Promise<Record<string, {
             url?: string;
         }>>;
-        "__#13568@#loadFonts"(): Promise<void>;
-        "__#13568@#applyTheme"(): Promise<void>;
-        "__#13568@#onThemeChange": () => void;
-        "__#13568@#loadTheme"(): void;
-        "__#13568@#toggleOsThemeChangeListener": (listen: boolean) => void;
+        "__#14512@#loadFonts"(): Promise<void>;
+        "__#14512@#applyTheme"(): Promise<void>;
+        "__#14512@#onThemeChange": () => void;
+        "__#14512@#loadTheme"(): void;
+        "__#14512@#toggleOsThemeChangeListener": (listen: boolean) => void;
         init(): Promise<void>;
-        "__#13555@#observeMappings": {} & {} & {} & {} & {} & {} & {};
-        observeAttribute: ((attrName: string, onAttrChange: (attrName: string, value: string) => void) => () => any) & ((attrName: string, onAttrChange: (attrName: string, value: string) => void) => () => any) & ((attrName: string, onAttrChange: (attrName: string, value: string) => void) => () => any) & ((attrName: string, onAttrChange: (attrName: string, value: string) => void) => () => any) & ((attrName: string, onAttrChange: (attrName: string, value: string) => void) => () => any) & ((attrName: string, onAttrChange: (attrName: string, value: string) => void) => () => any) & ((attrName: string, onAttrChange: (attrName: string, value: string) => void) => () => any);
-        observeAttributes: ((attrs: string[], cb: (attrName: string, value: string) => void) => () => void) & ((attrs: string[], cb: (attrName: string, value: string) => void) => () => void) & ((attrs: string[], cb: (attrName: string, value: string) => void) => () => void) & ((attrs: string[], cb: (attrName: string, value: string) => void) => () => void) & ((attrs: string[], cb: (attrName: string, value: string) => void) => () => void) & ((attrs: string[], cb: (attrName: string, value: string) => void) => () => void) & ((attrs: string[], cb: (attrName: string, value: string) => void) => () => void);
-        "__#13554@#isInit": boolean;
-        connectedCallback: (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void);
+        injectStyle: ((cssString: string, { prepend }?: {
+            prepend?: boolean;
+        }) => {
+            styleEle: HTMLStyleElement;
+            ref: HTMLElement | ShadowRoot;
+            replaceSync(cssString: string): void;
+            readonly cssRules: CSSRuleList;
+        } | CSSStyleSheet) & ((cssString: string, { prepend }?: {
+            prepend?: boolean;
+        }) => {
+            styleEle: HTMLStyleElement;
+            ref: HTMLElement | ShadowRoot;
+            replaceSync(cssString: string): void;
+            readonly cssRules: CSSRuleList;
+        } | CSSStyleSheet);
+        nonce: string;
+        "__#14503@#setNonce": (() => void) & (() => void);
+        "__#14498@#observeMappings": {} & {} & {} & {} & {} & {} & {} & {} & {};
+        observeAttribute: ((attrName: string, onAttrChange: (attrName: string, value: string) => void) => () => any) & ((attrName: string, onAttrChange: (attrName: string, value: string) => void) => () => any) & ((attrName: string, onAttrChange: (attrName: string, value: string) => void) => () => any) & ((attrName: string, onAttrChange: (attrName: string, value: string) => void) => () => any) & ((attrName: string, onAttrChange: (attrName: string, value: string) => void) => () => any) & ((attrName: string, onAttrChange: (attrName: string, value: string) => void) => () => any) & ((attrName: string, onAttrChange: (attrName: string, value: string) => void) => () => any) & ((attrName: string, onAttrChange: (attrName: string, value: string) => void) => () => any) & ((attrName: string, onAttrChange: (attrName: string, value: string) => void) => () => any);
+        observeAttributes: ((attrs: string[], cb: (attrName: string, value: string) => void) => () => void) & ((attrs: string[], cb: (attrName: string, value: string) => void) => () => void) & ((attrs: string[], cb: (attrName: string, value: string) => void) => () => void) & ((attrs: string[], cb: (attrName: string, value: string) => void) => () => void) & ((attrs: string[], cb: (attrName: string, value: string) => void) => () => void) & ((attrs: string[], cb: (attrName: string, value: string) => void) => () => void) & ((attrs: string[], cb: (attrName: string, value: string) => void) => () => void) & ((attrs: string[], cb: (attrName: string, value: string) => void) => () => void) & ((attrs: string[], cb: (attrName: string, value: string) => void) => () => void);
+        "__#14497@#isInit": boolean;
+        connectedCallback: (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void);
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;
@@ -344,28 +361,27 @@ export declare const themeMixin: <T extends CustomElementConstructor>(superclass
         onwheel: (this: GlobalEventHandlers, ev: WheelEvent) => any;
         autofocus: boolean;
         readonly dataset: DOMStringMap;
-        nonce?: string;
         tabIndex: number;
         blur(): void;
         focus(options?: FocusOptions): void;
-        "__#13553@#logger": import("../loggerMixin").Logger;
-        "__#13553@#wrapLogger": ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger);
+        "__#14496@#logger": import("../loggerMixin").Logger;
+        "__#14496@#wrapLogger": ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger);
         get logger(): import("../loggerMixin").Logger;
         set logger(logger: Partial<import("../loggerMixin").Logger>);
-        onLogEvent: ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void);
+        onLogEvent: ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void);
         contentRootElement: HTMLElement;
         rootElement: HTMLElement;
         readonly config: Promise<import("../configMixin").Config>;
-        "__#13559@#configCacheClear": (() => void) & (() => void);
-        "__#13559@#_configResource": Promise<import("../configMixin").Config>;
-        "__#13559@#fetchConfig": (() => Promise<import("../configMixin").Config>) & (() => Promise<import("../configMixin").Config>);
-        "__#13558@#callbacks": Map<string, () => void> & Map<string, () => void>;
+        "__#14502@#configCacheClear": (() => void) & (() => void);
+        "__#14502@#_configResource": Promise<import("../configMixin").Config>;
+        "__#14502@#fetchConfig": (() => Promise<import("../configMixin").Config>) & (() => Promise<import("../configMixin").Config>);
+        "__#14501@#callbacks": Map<string, () => void> & Map<string, () => void>;
         onReset: ((sectionId: string, callback: () => void | Promise<void>) => () => void) & ((sectionId: string, callback: () => void | Promise<void>) => () => void);
         reset: ((...sectionIds: string[]) => Promise<void>) & ((...sectionIds: string[]) => Promise<void>);
-        "__#13556@#handleError": ((attrName: string, newValue: string) => void) & ((attrName: string, newValue: string) => void) & ((attrName: string, newValue: string) => void) & ((attrName: string, newValue: string) => void) & ((attrName: string, newValue: string) => void) & ((attrName: string, newValue: string) => void);
-        "__#13557@#lastBaseUrl"?: string;
-        "__#13557@#workingBaseUrl"?: string;
-        "__#13557@#getResourceUrls": ((filename: string) => (URL & {
+        "__#14499@#handleError": ((attrName: string, newValue: string) => void) & ((attrName: string, newValue: string) => void) & ((attrName: string, newValue: string) => void) & ((attrName: string, newValue: string) => void) & ((attrName: string, newValue: string) => void) & ((attrName: string, newValue: string) => void);
+        "__#14500@#lastBaseUrl"?: string;
+        "__#14500@#workingBaseUrl"?: string;
+        "__#14500@#getResourceUrls": ((filename: string) => (URL & {
             baseUrl: string;
         }) | (URL & {
             baseUrl: string;
@@ -391,11 +407,11 @@ export declare const themeMixin: <T extends CustomElementConstructor>(superclass
         readonly baseStaticUrl: string;
         readonly baseUrl: string;
         readonly projectId: string;
-        "__#13562@#getComponentsVersion"(): Promise<string>;
-        "__#13562@#descopeUi": Promise<any>;
+        "__#14506@#getComponentsVersion"(): Promise<string>;
+        "__#14506@#descopeUi": Promise<any>;
         readonly descopeUi: Promise<any>;
-        "__#13562@#loadDescopeUiComponent"(componentName: string): Promise<any>;
-        "__#13562@#getDescopeUi"(): Promise<any>;
+        "__#14506@#loadDescopeUiComponent"(componentName: string): Promise<any>;
+        "__#14506@#getDescopeUi"(): Promise<any>;
         loadDescopeUiComponents(templateOrComponentNames: HTMLTemplateElement | string[]): Promise<any[]>;
         readonly baseCdnUrl: string;
         injectNpmLib(libName: string, version: string, filePath?: string, overrides?: string[]): Promise<{

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@descope/sdk-mixins",
-  "version": "0.13.0",
+  "version": "0.13.1",
   "author": "Descope Team <info@descope.com>",
   "homepage": "https://github.com/descope/sdk-mixins",
   "bugs": {
@@ -40,6 +40,16 @@
         "types": "./dist/index.d.ts",
         "default": "./dist/cjs/mixins/staticResourcesMixin/index.js"
       }
+    },
+    "./inject-style-mixin": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/esm/mixins/injectStyleMixin.js"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/cjs/mixins/injectStyleMixin.js"
+      }
     }
   },
   "type": "module",