@elementor/editor-styles 3.33.0-98 → 3.34.2

package/dist/index.d.mts

@@ -1,8 +1,14 @@
 import * as _elementor_editor_props from '@elementor/editor-props';
-import { Props } from '@elementor/editor-props';
+import { Props, PropType } from '@elementor/editor-props';
 import { BreakpointId } from '@elementor/editor-responsive';
 
-type StyleDefinitionState = null | 'hover' | 'focus' | 'active' | 'visited' | 'disabled' | 'checked' | 'selected' | 'hidden' | 'visible';
+type ClassState = {
+    name: 'selected';
+    value: 'e--selected';
+};
+type StyleDefinitionPseudoState = 'hover' | 'focus' | 'active';
+type StyleDefinitionClassState = ClassState['value'];
+type StyleDefinitionState = null | StyleDefinitionPseudoState | StyleDefinitionClassState;
 type CustomCss = {
     raw: string;
 };
@@ -26,8 +32,25 @@ type StyleDefinitionsMap = Record<StyleDefinition['id'], StyleDefinition>;
 
 declare function generateId(prefix?: string, existingIds?: string[]): string;
 
-declare const getStylesSchema: () => Record<string, _elementor_editor_props.PropType>;
+declare const getStylesSchema: () => Record<string, _elementor_editor_props.PropType<{
+    key?: string;
+}>>;
 
 declare function getVariantByMeta(style: StyleDefinition, meta: StyleDefinitionVariant['meta']): StyleDefinitionVariant | undefined;
 
-export { type CustomCss, type StyleDefinition, type StyleDefinitionID, type StyleDefinitionState, type StyleDefinitionType, type StyleDefinitionVariant, type StyleDefinitionsMap, generateId, getStylesSchema, getVariantByMeta };
+declare function isClassState(state: StyleDefinitionState): state is StyleDefinitionClassState;
+declare function isPseudoState(state: StyleDefinitionState): state is StyleDefinitionPseudoState;
+
+type ExtendedWindow = Window & {
+    elementor: {
+        config: {
+            atomic?: {
+                styles_schema: Record<string, PropType<{
+                    key?: string;
+                }>>;
+            };
+        };
+    };
+};
+
+export { type ClassState, type CustomCss, type ExtendedWindow, type StyleDefinition, type StyleDefinitionClassState, type StyleDefinitionID, type StyleDefinitionPseudoState, type StyleDefinitionState, type StyleDefinitionType, type StyleDefinitionVariant, type StyleDefinitionsMap, generateId, getStylesSchema, getVariantByMeta, isClassState, isPseudoState };

package/dist/index.d.ts

@@ -1,8 +1,14 @@
 import * as _elementor_editor_props from '@elementor/editor-props';
-import { Props } from '@elementor/editor-props';
+import { Props, PropType } from '@elementor/editor-props';
 import { BreakpointId } from '@elementor/editor-responsive';
 
-type StyleDefinitionState = null | 'hover' | 'focus' | 'active' | 'visited' | 'disabled' | 'checked' | 'selected' | 'hidden' | 'visible';
+type ClassState = {
+    name: 'selected';
+    value: 'e--selected';
+};
+type StyleDefinitionPseudoState = 'hover' | 'focus' | 'active';
+type StyleDefinitionClassState = ClassState['value'];
+type StyleDefinitionState = null | StyleDefinitionPseudoState | StyleDefinitionClassState;
 type CustomCss = {
     raw: string;
 };
@@ -26,8 +32,25 @@ type StyleDefinitionsMap = Record<StyleDefinition['id'], StyleDefinition>;
 
 declare function generateId(prefix?: string, existingIds?: string[]): string;
 
-declare const getStylesSchema: () => Record<string, _elementor_editor_props.PropType>;
+declare const getStylesSchema: () => Record<string, _elementor_editor_props.PropType<{
+    key?: string;
+}>>;
 
 declare function getVariantByMeta(style: StyleDefinition, meta: StyleDefinitionVariant['meta']): StyleDefinitionVariant | undefined;
 
-export { type CustomCss, type StyleDefinition, type StyleDefinitionID, type StyleDefinitionState, type StyleDefinitionType, type StyleDefinitionVariant, type StyleDefinitionsMap, generateId, getStylesSchema, getVariantByMeta };
+declare function isClassState(state: StyleDefinitionState): state is StyleDefinitionClassState;
+declare function isPseudoState(state: StyleDefinitionState): state is StyleDefinitionPseudoState;
+
+type ExtendedWindow = Window & {
+    elementor: {
+        config: {
+            atomic?: {
+                styles_schema: Record<string, PropType<{
+                    key?: string;
+                }>>;
+            };
+        };
+    };
+};
+
+export { type ClassState, type CustomCss, type ExtendedWindow, type StyleDefinition, type StyleDefinitionClassState, type StyleDefinitionID, type StyleDefinitionPseudoState, type StyleDefinitionState, type StyleDefinitionType, type StyleDefinitionVariant, type StyleDefinitionsMap, generateId, getStylesSchema, getVariantByMeta, isClassState, isPseudoState };

package/dist/index.js

@@ -22,7 +22,9 @@ var index_exports = {};
 __export(index_exports, {
   generateId: () => generateId,
   getStylesSchema: () => getStylesSchema,
-  getVariantByMeta: () => getVariantByMeta
+  getVariantByMeta: () => getVariantByMeta,
+  isClassState: () => isClassState,
+  isPseudoState: () => isPseudoState
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -52,10 +54,22 @@ function getVariantByMeta(style, meta) {
     return variant.meta.breakpoint === meta.breakpoint && variant.meta.state === meta.state;
   });
 }
+
+// src/utils/state-utils.ts
+var PSEUDO_STATES = ["hover", "focus", "active"];
+var CLASS_STATES = ["e--selected"];
+function isClassState(state) {
+  return CLASS_STATES.includes(state);
+}
+function isPseudoState(state) {
+  return PSEUDO_STATES.includes(state);
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   generateId,
   getStylesSchema,
-  getVariantByMeta
+  getVariantByMeta,
+  isClassState,
+  isPseudoState
 });
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/utils/generate-id.ts","../src/utils/get-styles-schema.ts","../src/utils/get-variant-by-meta.ts"],"sourcesContent":["// types\nexport * from './types';\n\n// utils\nexport { generateId } from './utils/generate-id';\nexport { getStylesSchema } from './utils/get-styles-schema';\nexport { getVariantByMeta } from './utils/get-variant-by-meta';\n","export function generateId( prefix: string = '', existingIds: string[] = [] ) {\n\tlet id: string;\n\n\tdo {\n\t\tid = prefix + Math.random().toString( 16 ).slice( 2, 9 );\n\t} while ( existingIds.includes( id ) );\n\n\treturn id;\n}\n","import { type ExtendedWindow } from './types';\n\nconst getElementorConfig = () => {\n\tconst extendedWindow = window as unknown as ExtendedWindow;\n\n\treturn extendedWindow.elementor?.config ?? {};\n};\n\nexport const getStylesSchema = () => {\n\tconst config = getElementorConfig();\n\tconst styleSchema = config?.atomic?.styles_schema ?? {};\n\n\treturn styleSchema;\n};\n","import { type StyleDefinition, type StyleDefinitionVariant } from '../types';\n\nexport function getVariantByMeta( style: StyleDefinition, meta: StyleDefinitionVariant[ 'meta' ] ) {\n\treturn style.variants.find( ( variant ) => {\n\t\treturn variant.meta.breakpoint === meta.breakpoint && variant.meta.state === meta.state;\n\t} );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAO,SAAS,WAAY,SAAiB,IAAI,cAAwB,CAAC,GAAI;AAC7E,MAAI;AAEJ,KAAG;AACF,SAAK,SAAS,KAAK,OAAO,EAAE,SAAU,EAAG,EAAE,MAAO,GAAG,CAAE;AAAA,EACxD,SAAU,YAAY,SAAU,EAAG;AAEnC,SAAO;AACR;;;ACNA,IAAM,qBAAqB,MAAM;AAChC,QAAM,iBAAiB;AAEvB,SAAO,eAAe,WAAW,UAAU,CAAC;AAC7C;AAEO,IAAM,kBAAkB,MAAM;AACpC,QAAM,SAAS,mBAAmB;AAClC,QAAM,cAAc,QAAQ,QAAQ,iBAAiB,CAAC;AAEtD,SAAO;AACR;;;ACXO,SAAS,iBAAkB,OAAwB,MAAyC;AAClG,SAAO,MAAM,SAAS,KAAM,CAAE,YAAa;AAC1C,WAAO,QAAQ,KAAK,eAAe,KAAK,cAAc,QAAQ,KAAK,UAAU,KAAK;AAAA,EACnF,CAAE;AACH;","names":[]}
+{"version":3,"sources":["../src/index.ts","../src/utils/generate-id.ts","../src/utils/get-styles-schema.ts","../src/utils/get-variant-by-meta.ts","../src/utils/state-utils.ts"],"sourcesContent":["// types\nexport * from './types';\n\n// utils\nexport { generateId } from './utils/generate-id';\nexport { getStylesSchema } from './utils/get-styles-schema';\nexport { getVariantByMeta } from './utils/get-variant-by-meta';\nexport { isClassState, isPseudoState } from './utils/state-utils';\nexport { type ExtendedWindow } from './utils/types';\n","export function generateId( prefix: string = '', existingIds: string[] = [] ) {\n\tlet id: string;\n\n\tdo {\n\t\tid = prefix + Math.random().toString( 16 ).slice( 2, 9 );\n\t} while ( existingIds.includes( id ) );\n\n\treturn id;\n}\n","import { type ExtendedWindow } from './types';\n\nconst getElementorConfig = () => {\n\tconst extendedWindow = window as unknown as ExtendedWindow;\n\n\treturn extendedWindow.elementor?.config ?? {};\n};\n\nexport const getStylesSchema = () => {\n\tconst config = getElementorConfig();\n\tconst styleSchema = config?.atomic?.styles_schema ?? {};\n\n\treturn styleSchema;\n};\n","import { type StyleDefinition, type StyleDefinitionVariant } from '../types';\n\nexport function getVariantByMeta( style: StyleDefinition, meta: StyleDefinitionVariant[ 'meta' ] ) {\n\treturn style.variants.find( ( variant ) => {\n\t\treturn variant.meta.breakpoint === meta.breakpoint && variant.meta.state === meta.state;\n\t} );\n}\n","import { type StyleDefinitionClassState, type StyleDefinitionPseudoState, type StyleDefinitionState } from '../types';\n\nconst PSEUDO_STATES: StyleDefinitionPseudoState[] = [ 'hover', 'focus', 'active' ];\n\nconst CLASS_STATES: StyleDefinitionClassState[] = [ 'e--selected' ];\n\nexport function isClassState( state: StyleDefinitionState ): state is StyleDefinitionClassState {\n\treturn CLASS_STATES.includes( state as StyleDefinitionClassState );\n}\n\nexport function isPseudoState( state: StyleDefinitionState ): state is StyleDefinitionPseudoState {\n\treturn PSEUDO_STATES.includes( state as StyleDefinitionPseudoState );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAO,SAAS,WAAY,SAAiB,IAAI,cAAwB,CAAC,GAAI;AAC7E,MAAI;AAEJ,KAAG;AACF,SAAK,SAAS,KAAK,OAAO,EAAE,SAAU,EAAG,EAAE,MAAO,GAAG,CAAE;AAAA,EACxD,SAAU,YAAY,SAAU,EAAG;AAEnC,SAAO;AACR;;;ACNA,IAAM,qBAAqB,MAAM;AAChC,QAAM,iBAAiB;AAEvB,SAAO,eAAe,WAAW,UAAU,CAAC;AAC7C;AAEO,IAAM,kBAAkB,MAAM;AACpC,QAAM,SAAS,mBAAmB;AAClC,QAAM,cAAc,QAAQ,QAAQ,iBAAiB,CAAC;AAEtD,SAAO;AACR;;;ACXO,SAAS,iBAAkB,OAAwB,MAAyC;AAClG,SAAO,MAAM,SAAS,KAAM,CAAE,YAAa;AAC1C,WAAO,QAAQ,KAAK,eAAe,KAAK,cAAc,QAAQ,KAAK,UAAU,KAAK;AAAA,EACnF,CAAE;AACH;;;ACJA,IAAM,gBAA8C,CAAE,SAAS,SAAS,QAAS;AAEjF,IAAM,eAA4C,CAAE,aAAc;AAE3D,SAAS,aAAc,OAAkE;AAC/F,SAAO,aAAa,SAAU,KAAmC;AAClE;AAEO,SAAS,cAAe,OAAmE;AACjG,SAAO,cAAc,SAAU,KAAoC;AACpE;","names":[]}

package/dist/index.mjs

@@ -24,9 +24,21 @@ function getVariantByMeta(style, meta) {
     return variant.meta.breakpoint === meta.breakpoint && variant.meta.state === meta.state;
   });
 }
+
+// src/utils/state-utils.ts
+var PSEUDO_STATES = ["hover", "focus", "active"];
+var CLASS_STATES = ["e--selected"];
+function isClassState(state) {
+  return CLASS_STATES.includes(state);
+}
+function isPseudoState(state) {
+  return PSEUDO_STATES.includes(state);
+}
 export {
   generateId,
   getStylesSchema,
-  getVariantByMeta
+  getVariantByMeta,
+  isClassState,
+  isPseudoState
 };
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/utils/generate-id.ts","../src/utils/get-styles-schema.ts","../src/utils/get-variant-by-meta.ts"],"sourcesContent":["export function generateId( prefix: string = '', existingIds: string[] = [] ) {\n\tlet id: string;\n\n\tdo {\n\t\tid = prefix + Math.random().toString( 16 ).slice( 2, 9 );\n\t} while ( existingIds.includes( id ) );\n\n\treturn id;\n}\n","import { type ExtendedWindow } from './types';\n\nconst getElementorConfig = () => {\n\tconst extendedWindow = window as unknown as ExtendedWindow;\n\n\treturn extendedWindow.elementor?.config ?? {};\n};\n\nexport const getStylesSchema = () => {\n\tconst config = getElementorConfig();\n\tconst styleSchema = config?.atomic?.styles_schema ?? {};\n\n\treturn styleSchema;\n};\n","import { type StyleDefinition, type StyleDefinitionVariant } from '../types';\n\nexport function getVariantByMeta( style: StyleDefinition, meta: StyleDefinitionVariant[ 'meta' ] ) {\n\treturn style.variants.find( ( variant ) => {\n\t\treturn variant.meta.breakpoint === meta.breakpoint && variant.meta.state === meta.state;\n\t} );\n}\n"],"mappings":";AAAO,SAAS,WAAY,SAAiB,IAAI,cAAwB,CAAC,GAAI;AAC7E,MAAI;AAEJ,KAAG;AACF,SAAK,SAAS,KAAK,OAAO,EAAE,SAAU,EAAG,EAAE,MAAO,GAAG,CAAE;AAAA,EACxD,SAAU,YAAY,SAAU,EAAG;AAEnC,SAAO;AACR;;;ACNA,IAAM,qBAAqB,MAAM;AAChC,QAAM,iBAAiB;AAEvB,SAAO,eAAe,WAAW,UAAU,CAAC;AAC7C;AAEO,IAAM,kBAAkB,MAAM;AACpC,QAAM,SAAS,mBAAmB;AAClC,QAAM,cAAc,QAAQ,QAAQ,iBAAiB,CAAC;AAEtD,SAAO;AACR;;;ACXO,SAAS,iBAAkB,OAAwB,MAAyC;AAClG,SAAO,MAAM,SAAS,KAAM,CAAE,YAAa;AAC1C,WAAO,QAAQ,KAAK,eAAe,KAAK,cAAc,QAAQ,KAAK,UAAU,KAAK;AAAA,EACnF,CAAE;AACH;","names":[]}
+{"version":3,"sources":["../src/utils/generate-id.ts","../src/utils/get-styles-schema.ts","../src/utils/get-variant-by-meta.ts","../src/utils/state-utils.ts"],"sourcesContent":["export function generateId( prefix: string = '', existingIds: string[] = [] ) {\n\tlet id: string;\n\n\tdo {\n\t\tid = prefix + Math.random().toString( 16 ).slice( 2, 9 );\n\t} while ( existingIds.includes( id ) );\n\n\treturn id;\n}\n","import { type ExtendedWindow } from './types';\n\nconst getElementorConfig = () => {\n\tconst extendedWindow = window as unknown as ExtendedWindow;\n\n\treturn extendedWindow.elementor?.config ?? {};\n};\n\nexport const getStylesSchema = () => {\n\tconst config = getElementorConfig();\n\tconst styleSchema = config?.atomic?.styles_schema ?? {};\n\n\treturn styleSchema;\n};\n","import { type StyleDefinition, type StyleDefinitionVariant } from '../types';\n\nexport function getVariantByMeta( style: StyleDefinition, meta: StyleDefinitionVariant[ 'meta' ] ) {\n\treturn style.variants.find( ( variant ) => {\n\t\treturn variant.meta.breakpoint === meta.breakpoint && variant.meta.state === meta.state;\n\t} );\n}\n","import { type StyleDefinitionClassState, type StyleDefinitionPseudoState, type StyleDefinitionState } from '../types';\n\nconst PSEUDO_STATES: StyleDefinitionPseudoState[] = [ 'hover', 'focus', 'active' ];\n\nconst CLASS_STATES: StyleDefinitionClassState[] = [ 'e--selected' ];\n\nexport function isClassState( state: StyleDefinitionState ): state is StyleDefinitionClassState {\n\treturn CLASS_STATES.includes( state as StyleDefinitionClassState );\n}\n\nexport function isPseudoState( state: StyleDefinitionState ): state is StyleDefinitionPseudoState {\n\treturn PSEUDO_STATES.includes( state as StyleDefinitionPseudoState );\n}\n"],"mappings":";AAAO,SAAS,WAAY,SAAiB,IAAI,cAAwB,CAAC,GAAI;AAC7E,MAAI;AAEJ,KAAG;AACF,SAAK,SAAS,KAAK,OAAO,EAAE,SAAU,EAAG,EAAE,MAAO,GAAG,CAAE;AAAA,EACxD,SAAU,YAAY,SAAU,EAAG;AAEnC,SAAO;AACR;;;ACNA,IAAM,qBAAqB,MAAM;AAChC,QAAM,iBAAiB;AAEvB,SAAO,eAAe,WAAW,UAAU,CAAC;AAC7C;AAEO,IAAM,kBAAkB,MAAM;AACpC,QAAM,SAAS,mBAAmB;AAClC,QAAM,cAAc,QAAQ,QAAQ,iBAAiB,CAAC;AAEtD,SAAO;AACR;;;ACXO,SAAS,iBAAkB,OAAwB,MAAyC;AAClG,SAAO,MAAM,SAAS,KAAM,CAAE,YAAa;AAC1C,WAAO,QAAQ,KAAK,eAAe,KAAK,cAAc,QAAQ,KAAK,UAAU,KAAK;AAAA,EACnF,CAAE;AACH;;;ACJA,IAAM,gBAA8C,CAAE,SAAS,SAAS,QAAS;AAEjF,IAAM,eAA4C,CAAE,aAAc;AAE3D,SAAS,aAAc,OAAkE;AAC/F,SAAO,aAAa,SAAU,KAAmC;AAClE;AAEO,SAAS,cAAe,OAAmE;AACjG,SAAO,cAAc,SAAU,KAAoC;AACpE;","names":[]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@elementor/editor-styles",
   "description": "This package contains the styles model for the Elementor editor",
-  "version": "3.33.0-98",
+  "version": "3.34.2",
   "private": false,
   "author": "Elementor Team",
   "homepage": "https://elementor.com/",
@@ -40,8 +40,8 @@
     "dev": "tsup --config=../../tsup.dev.ts"
   },
   "dependencies": {
-    "@elementor/editor-props": "3.33.0-98",
-    "@elementor/editor-responsive": "3.33.0-98"
+    "@elementor/editor-props": "3.34.2",
+    "@elementor/editor-responsive": "3.34.2"
   },
   "devDependencies": {
     "tsup": "^8.3.5"

package/src/index.ts

@@ -5,3 +5,5 @@ export * from './types';
 export { generateId } from './utils/generate-id';
 export { getStylesSchema } from './utils/get-styles-schema';
 export { getVariantByMeta } from './utils/get-variant-by-meta';
+export { isClassState, isPseudoState } from './utils/state-utils';
+export { type ExtendedWindow } from './utils/types';

package/src/types.ts

@@ -1,17 +1,16 @@
 import { type Props } from '@elementor/editor-props';
 import { type BreakpointId } from '@elementor/editor-responsive';
 
-export type StyleDefinitionState =
-	| null
-	| 'hover'
-	| 'focus'
-	| 'active'
-	| 'visited'
-	| 'disabled'
-	| 'checked'
-	| 'selected'
-	| 'hidden'
-	| 'visible';
+export type ClassState = {
+	name: 'selected';
+	value: 'e--selected';
+};
+
+export type StyleDefinitionPseudoState = 'hover' | 'focus' | 'active';
+
+export type StyleDefinitionClassState = ClassState[ 'value' ];
+
+export type StyleDefinitionState = null | StyleDefinitionPseudoState | StyleDefinitionClassState;
 
 export type CustomCss = {
 	raw: string;

package/src/utils/state-utils.ts

@@ -0,0 +1,13 @@
+import { type StyleDefinitionClassState, type StyleDefinitionPseudoState, type StyleDefinitionState } from '../types';
+
+const PSEUDO_STATES: StyleDefinitionPseudoState[] = [ 'hover', 'focus', 'active' ];
+
+const CLASS_STATES: StyleDefinitionClassState[] = [ 'e--selected' ];
+
+export function isClassState( state: StyleDefinitionState ): state is StyleDefinitionClassState {
+	return CLASS_STATES.includes( state as StyleDefinitionClassState );
+}
+
+export function isPseudoState( state: StyleDefinitionState ): state is StyleDefinitionPseudoState {
+	return PSEUDO_STATES.includes( state as StyleDefinitionPseudoState );
+}

package/src/utils/types.ts

@@ -4,7 +4,7 @@ export type ExtendedWindow = Window & {
 	elementor: {
 		config: {
 			atomic?: {
-				styles_schema: Record< string, PropType >;
+				styles_schema: Record< string, PropType< { key?: string } > >;
 			};
 		};
 	};