@elementor/editor-styles - npm Package Compare versions

Comparing version 4.2.0-beta1 to 4.2.0-beta2

dist/index.d.mts

@@ -8,2 +8,5 @@ import * as _elementor_editor_props from '@elementor/editor-props';
     value: 'e--selected';
+} | {
+    name: 'disabled';
+    value: 'e--disabled';
 };
@@ -10,0 +13,0 @@ type StyleDefinitionAdditionalPseudoState = 'focus-visible';

dist/index.d.ts

@@ -8,2 +8,5 @@ import * as _elementor_editor_props from '@elementor/editor-props';
     value: 'e--selected';
+} | {
+    name: 'disabled';
+    value: 'e--disabled';
 };
@@ -10,0 +13,0 @@ type StyleDefinitionAdditionalPseudoState = 'focus-visible';

dist/index.js

@@ -66,3 +66,3 @@ "use strict";
 var PSEUDO_STATES = ["hover", "focus", "active", "focus-visible"];
-var CLASS_STATES = ["e--selected"];
+var CLASS_STATES = ["e--selected", "e--disabled"];
 function getAdditionalStates(state) {
@@ -69,0 +69,0 @@ if (state === "hover") {

dist/index.js.map

@@ -1,1 +0,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","../src/utils/state-utils.ts"],"sourcesContent":["// types\nexport * from './types';\n\n// utils\nexport { generateId } from './utils/generate-id';\nexport { getStylesSchema, isExistingStyleProperty } from './utils/get-styles-schema';\nexport { getVariantByMeta } from './utils/get-variant-by-meta';\nexport { isClassState, isPseudoState, getSelectorWithState } 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\nexport const isExistingStyleProperty = ( property: string ): boolean => {\n\tconst stylesSchema = getStylesSchema();\n\treturn Object.keys( stylesSchema ).includes( property );\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 {\n\ttype StyleDefinitionAdditionalPseudoState,\n\ttype StyleDefinitionClassState,\n\ttype StyleDefinitionPseudoState,\n\ttype StyleDefinitionState,\n\ttype StyleDefinitionStateType,\n} from '../types';\n\nconst PSEUDO_STATES: StyleDefinitionPseudoState[] = [ 'hover', 'focus', 'active', 'focus-visible' ];\n\nconst CLASS_STATES: StyleDefinitionClassState[] = [ 'e--selected' ];\n\nfunction getAdditionalStates( state: StyleDefinitionState ): StyleDefinitionAdditionalPseudoState[] {\n\tif ( state === 'hover' ) {\n\t\treturn [ 'focus-visible' ];\n\t}\n\n\treturn [];\n}\n\nfunction getStateSelector( state: StyleDefinitionPseudoState | StyleDefinitionClassState ) {\n\tif ( isClassState( state ) ) {\n\t\treturn `.${ state }`;\n\t}\n\n\tif ( isPseudoState( state ) ) {\n\t\treturn `:${ state }`;\n\t}\n\n\treturn state;\n}\n\nexport function isClassState( state: StyleDefinitionStateType ): state is StyleDefinitionClassState {\n\treturn CLASS_STATES.includes( state as StyleDefinitionClassState );\n}\n\nexport function isPseudoState( state: StyleDefinitionStateType ): state is StyleDefinitionPseudoState {\n\treturn PSEUDO_STATES.includes( state as StyleDefinitionPseudoState );\n}\n\nexport function getSelectorWithState( baseSelector: string, state: StyleDefinitionState ): string {\n\tif ( ! state ) {\n\t\treturn baseSelector;\n\t}\n\n\treturn [ state, ...getAdditionalStates( state ) ]\n\t\t.map( ( currentState ) => `${ baseSelector }${ getStateSelector( currentState ) }` )\n\t\t.join( ',' );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;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;AAEO,IAAM,0BAA0B,CAAE,aAA+B;AACvE,QAAM,eAAe,gBAAgB;AACrC,SAAO,OAAO,KAAM,YAAa,EAAE,SAAU,QAAS;AACvD;;;AChBO,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;;;ACEA,IAAM,gBAA8C,CAAE,SAAS,SAAS,UAAU,eAAgB;AAElG,IAAM,eAA4C,CAAE,aAAc;AAElE,SAAS,oBAAqB,OAAsE;AACnG,MAAK,UAAU,SAAU;AACxB,WAAO,CAAE,eAAgB;AAAA,EAC1B;AAEA,SAAO,CAAC;AACT;AAEA,SAAS,iBAAkB,OAAgE;AAC1F,MAAK,aAAc,KAAM,GAAI;AAC5B,WAAO,IAAK,KAAM;AAAA,EACnB;AAEA,MAAK,cAAe,KAAM,GAAI;AAC7B,WAAO,IAAK,KAAM;AAAA,EACnB;AAEA,SAAO;AACR;AAEO,SAAS,aAAc,OAAsE;AACnG,SAAO,aAAa,SAAU,KAAmC;AAClE;AAEO,SAAS,cAAe,OAAuE;AACrG,SAAO,cAAc,SAAU,KAAoC;AACpE;AAEO,SAAS,qBAAsB,cAAsB,OAAsC;AACjG,MAAK,CAAE,OAAQ;AACd,WAAO;AAAA,EACR;AAEA,SAAO,CAAE,OAAO,GAAG,oBAAqB,KAAM,CAAE,EAC9C,IAAK,CAAE,iBAAkB,GAAI,YAAa,GAAI,iBAAkB,YAAa,CAAE,EAAG,EAClF,KAAM,GAAI;AACb;","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, isExistingStyleProperty } from './utils/get-styles-schema';\nexport { getVariantByMeta } from './utils/get-variant-by-meta';\nexport { isClassState, isPseudoState, getSelectorWithState } 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\nexport const isExistingStyleProperty = ( property: string ): boolean => {\n\tconst stylesSchema = getStylesSchema();\n\treturn Object.keys( stylesSchema ).includes( property );\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 {\n\ttype StyleDefinitionAdditionalPseudoState,\n\ttype StyleDefinitionClassState,\n\ttype StyleDefinitionPseudoState,\n\ttype StyleDefinitionState,\n\ttype StyleDefinitionStateType,\n} from '../types';\n\nconst PSEUDO_STATES: StyleDefinitionPseudoState[] = [ 'hover', 'focus', 'active', 'focus-visible' ];\n\nconst CLASS_STATES: StyleDefinitionClassState[] = [ 'e--selected', 'e--disabled' ];\n\nfunction getAdditionalStates( state: StyleDefinitionState ): StyleDefinitionAdditionalPseudoState[] {\n\tif ( state === 'hover' ) {\n\t\treturn [ 'focus-visible' ];\n\t}\n\n\treturn [];\n}\n\nfunction getStateSelector( state: StyleDefinitionPseudoState | StyleDefinitionClassState ) {\n\tif ( isClassState( state ) ) {\n\t\treturn `.${ state }`;\n\t}\n\n\tif ( isPseudoState( state ) ) {\n\t\treturn `:${ state }`;\n\t}\n\n\treturn state;\n}\n\nexport function isClassState( state: StyleDefinitionStateType ): state is StyleDefinitionClassState {\n\treturn CLASS_STATES.includes( state as StyleDefinitionClassState );\n}\n\nexport function isPseudoState( state: StyleDefinitionStateType ): state is StyleDefinitionPseudoState {\n\treturn PSEUDO_STATES.includes( state as StyleDefinitionPseudoState );\n}\n\nexport function getSelectorWithState( baseSelector: string, state: StyleDefinitionState ): string {\n\tif ( ! state ) {\n\t\treturn baseSelector;\n\t}\n\n\treturn [ state, ...getAdditionalStates( state ) ]\n\t\t.map( ( currentState ) => `${ baseSelector }${ getStateSelector( currentState ) }` )\n\t\t.join( ',' );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;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;AAEO,IAAM,0BAA0B,CAAE,aAA+B;AACvE,QAAM,eAAe,gBAAgB;AACrC,SAAO,OAAO,KAAM,YAAa,EAAE,SAAU,QAAS;AACvD;;;AChBO,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;;;ACEA,IAAM,gBAA8C,CAAE,SAAS,SAAS,UAAU,eAAgB;AAElG,IAAM,eAA4C,CAAE,eAAe,aAAc;AAEjF,SAAS,oBAAqB,OAAsE;AACnG,MAAK,UAAU,SAAU;AACxB,WAAO,CAAE,eAAgB;AAAA,EAC1B;AAEA,SAAO,CAAC;AACT;AAEA,SAAS,iBAAkB,OAAgE;AAC1F,MAAK,aAAc,KAAM,GAAI;AAC5B,WAAO,IAAK,KAAM;AAAA,EACnB;AAEA,MAAK,cAAe,KAAM,GAAI;AAC7B,WAAO,IAAK,KAAM;AAAA,EACnB;AAEA,SAAO;AACR;AAEO,SAAS,aAAc,OAAsE;AACnG,SAAO,aAAa,SAAU,KAAmC;AAClE;AAEO,SAAS,cAAe,OAAuE;AACrG,SAAO,cAAc,SAAU,KAAoC;AACpE;AAEO,SAAS,qBAAsB,cAAsB,OAAsC;AACjG,MAAK,CAAE,OAAQ;AACd,WAAO;AAAA,EACR;AAEA,SAAO,CAAE,OAAO,GAAG,oBAAqB,KAAM,CAAE,EAC9C,IAAK,CAAE,iBAAkB,GAAI,YAAa,GAAI,iBAAkB,YAAa,CAAE,EAAG,EAClF,KAAM,GAAI;AACb;","names":[]}

dist/index.mjs

@@ -34,3 +34,3 @@ // src/utils/generate-id.ts
 var PSEUDO_STATES = ["hover", "focus", "active", "focus-visible"];
-var CLASS_STATES = ["e--selected"];
+var CLASS_STATES = ["e--selected", "e--disabled"];
 function getAdditionalStates(state) {
@@ -37,0 +37,0 @@ if (state === "hover") {

dist/index.mjs.map

@@ -1,1 +0,1 @@
-{"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\nexport const isExistingStyleProperty = ( property: string ): boolean => {\n\tconst stylesSchema = getStylesSchema();\n\treturn Object.keys( stylesSchema ).includes( property );\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 {\n\ttype StyleDefinitionAdditionalPseudoState,\n\ttype StyleDefinitionClassState,\n\ttype StyleDefinitionPseudoState,\n\ttype StyleDefinitionState,\n\ttype StyleDefinitionStateType,\n} from '../types';\n\nconst PSEUDO_STATES: StyleDefinitionPseudoState[] = [ 'hover', 'focus', 'active', 'focus-visible' ];\n\nconst CLASS_STATES: StyleDefinitionClassState[] = [ 'e--selected' ];\n\nfunction getAdditionalStates( state: StyleDefinitionState ): StyleDefinitionAdditionalPseudoState[] {\n\tif ( state === 'hover' ) {\n\t\treturn [ 'focus-visible' ];\n\t}\n\n\treturn [];\n}\n\nfunction getStateSelector( state: StyleDefinitionPseudoState | StyleDefinitionClassState ) {\n\tif ( isClassState( state ) ) {\n\t\treturn `.${ state }`;\n\t}\n\n\tif ( isPseudoState( state ) ) {\n\t\treturn `:${ state }`;\n\t}\n\n\treturn state;\n}\n\nexport function isClassState( state: StyleDefinitionStateType ): state is StyleDefinitionClassState {\n\treturn CLASS_STATES.includes( state as StyleDefinitionClassState );\n}\n\nexport function isPseudoState( state: StyleDefinitionStateType ): state is StyleDefinitionPseudoState {\n\treturn PSEUDO_STATES.includes( state as StyleDefinitionPseudoState );\n}\n\nexport function getSelectorWithState( baseSelector: string, state: StyleDefinitionState ): string {\n\tif ( ! state ) {\n\t\treturn baseSelector;\n\t}\n\n\treturn [ state, ...getAdditionalStates( state ) ]\n\t\t.map( ( currentState ) => `${ baseSelector }${ getStateSelector( currentState ) }` )\n\t\t.join( ',' );\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;AAEO,IAAM,0BAA0B,CAAE,aAA+B;AACvE,QAAM,eAAe,gBAAgB;AACrC,SAAO,OAAO,KAAM,YAAa,EAAE,SAAU,QAAS;AACvD;;;AChBO,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;;;ACEA,IAAM,gBAA8C,CAAE,SAAS,SAAS,UAAU,eAAgB;AAElG,IAAM,eAA4C,CAAE,aAAc;AAElE,SAAS,oBAAqB,OAAsE;AACnG,MAAK,UAAU,SAAU;AACxB,WAAO,CAAE,eAAgB;AAAA,EAC1B;AAEA,SAAO,CAAC;AACT;AAEA,SAAS,iBAAkB,OAAgE;AAC1F,MAAK,aAAc,KAAM,GAAI;AAC5B,WAAO,IAAK,KAAM;AAAA,EACnB;AAEA,MAAK,cAAe,KAAM,GAAI;AAC7B,WAAO,IAAK,KAAM;AAAA,EACnB;AAEA,SAAO;AACR;AAEO,SAAS,aAAc,OAAsE;AACnG,SAAO,aAAa,SAAU,KAAmC;AAClE;AAEO,SAAS,cAAe,OAAuE;AACrG,SAAO,cAAc,SAAU,KAAoC;AACpE;AAEO,SAAS,qBAAsB,cAAsB,OAAsC;AACjG,MAAK,CAAE,OAAQ;AACd,WAAO;AAAA,EACR;AAEA,SAAO,CAAE,OAAO,GAAG,oBAAqB,KAAM,CAAE,EAC9C,IAAK,CAAE,iBAAkB,GAAI,YAAa,GAAI,iBAAkB,YAAa,CAAE,EAAG,EAClF,KAAM,GAAI;AACb;","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\nexport const isExistingStyleProperty = ( property: string ): boolean => {\n\tconst stylesSchema = getStylesSchema();\n\treturn Object.keys( stylesSchema ).includes( property );\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 {\n\ttype StyleDefinitionAdditionalPseudoState,\n\ttype StyleDefinitionClassState,\n\ttype StyleDefinitionPseudoState,\n\ttype StyleDefinitionState,\n\ttype StyleDefinitionStateType,\n} from '../types';\n\nconst PSEUDO_STATES: StyleDefinitionPseudoState[] = [ 'hover', 'focus', 'active', 'focus-visible' ];\n\nconst CLASS_STATES: StyleDefinitionClassState[] = [ 'e--selected', 'e--disabled' ];\n\nfunction getAdditionalStates( state: StyleDefinitionState ): StyleDefinitionAdditionalPseudoState[] {\n\tif ( state === 'hover' ) {\n\t\treturn [ 'focus-visible' ];\n\t}\n\n\treturn [];\n}\n\nfunction getStateSelector( state: StyleDefinitionPseudoState | StyleDefinitionClassState ) {\n\tif ( isClassState( state ) ) {\n\t\treturn `.${ state }`;\n\t}\n\n\tif ( isPseudoState( state ) ) {\n\t\treturn `:${ state }`;\n\t}\n\n\treturn state;\n}\n\nexport function isClassState( state: StyleDefinitionStateType ): state is StyleDefinitionClassState {\n\treturn CLASS_STATES.includes( state as StyleDefinitionClassState );\n}\n\nexport function isPseudoState( state: StyleDefinitionStateType ): state is StyleDefinitionPseudoState {\n\treturn PSEUDO_STATES.includes( state as StyleDefinitionPseudoState );\n}\n\nexport function getSelectorWithState( baseSelector: string, state: StyleDefinitionState ): string {\n\tif ( ! state ) {\n\t\treturn baseSelector;\n\t}\n\n\treturn [ state, ...getAdditionalStates( state ) ]\n\t\t.map( ( currentState ) => `${ baseSelector }${ getStateSelector( currentState ) }` )\n\t\t.join( ',' );\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;AAEO,IAAM,0BAA0B,CAAE,aAA+B;AACvE,QAAM,eAAe,gBAAgB;AACrC,SAAO,OAAO,KAAM,YAAa,EAAE,SAAU,QAAS;AACvD;;;AChBO,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;;;ACEA,IAAM,gBAA8C,CAAE,SAAS,SAAS,UAAU,eAAgB;AAElG,IAAM,eAA4C,CAAE,eAAe,aAAc;AAEjF,SAAS,oBAAqB,OAAsE;AACnG,MAAK,UAAU,SAAU;AACxB,WAAO,CAAE,eAAgB;AAAA,EAC1B;AAEA,SAAO,CAAC;AACT;AAEA,SAAS,iBAAkB,OAAgE;AAC1F,MAAK,aAAc,KAAM,GAAI;AAC5B,WAAO,IAAK,KAAM;AAAA,EACnB;AAEA,MAAK,cAAe,KAAM,GAAI;AAC7B,WAAO,IAAK,KAAM;AAAA,EACnB;AAEA,SAAO;AACR;AAEO,SAAS,aAAc,OAAsE;AACnG,SAAO,aAAa,SAAU,KAAmC;AAClE;AAEO,SAAS,cAAe,OAAuE;AACrG,SAAO,cAAc,SAAU,KAAoC;AACpE;AAEO,SAAS,qBAAsB,cAAsB,OAAsC;AACjG,MAAK,CAAE,OAAQ;AACd,WAAO;AAAA,EACR;AAEA,SAAO,CAAE,OAAO,GAAG,oBAAqB,KAAM,CAAE,EAC9C,IAAK,CAAE,iBAAkB,GAAI,YAAa,GAAI,iBAAkB,YAAa,CAAE,EAAG,EAClF,KAAM,GAAI;AACb;","names":[]}

package.json

 {
   "name": "@elementor/editor-styles",
   "description": "This package contains the styles model for the Elementor editor",
-  "version": "4.2.0-beta1",
+  "version": "4.2.0-beta2",
   "private": false,
@@ -43,4 +43,4 @@ "author": "Elementor Team",
   "dependencies": {
-    "@elementor/editor-props": "4.2.0-beta1",
-    "@elementor/editor-responsive": "4.2.0-beta1"
+    "@elementor/editor-props": "4.2.0-beta2",
+    "@elementor/editor-responsive": "4.2.0-beta2"
   },
@@ -47,0 +47,0 @@ "devDependencies": {

src/types.ts

 import { type Props } from '@elementor/editor-props';
 import { type BreakpointId } from '@elementor/editor-responsive';
 
-export type ClassState = {
-	name: 'selected';
-	value: 'e--selected';
-};
+export type ClassState =
+	| {
+			name: 'selected';
+			value: 'e--selected';
+	  }
+	| {
+			name: 'disabled';
+			value: 'e--disabled';
+	  };
 
@@ -9,0 +14,0 @@ export type StyleDefinitionAdditionalPseudoState = 'focus-visible';

src/utils/state-utils.ts

@@ -11,3 +11,3 @@ import {
 
-const CLASS_STATES: StyleDefinitionClassState[] = [ 'e--selected' ];
+const CLASS_STATES: StyleDefinitionClassState[] = [ 'e--selected', 'e--disabled' ];
 
@@ -14,0 +14,0 @@ function getAdditionalStates( state: StyleDefinitionState ): StyleDefinitionAdditionalPseudoState[] {

No alert changes

Improved metrics

Total package byte prevSize

30035

0.87%

Lines of code

368

2.22%

Dependency changes

• + Added

  @elementor/editor-props@4.2.0-beta2
  (transitive)

• + Added

  @elementor/editor-responsive@4.2.0-beta2
  (transitive)

• + Added

  @elementor/editor-v1-adapters@4.2.0-beta2
  (transitive)

• + Added

  @elementor/schema@4.2.0-beta2
  (transitive)

• + Added

  @elementor/utils@4.2.0-beta2
  (transitive)

• - Removed

  @elementor/editor-props@4.2.0-beta1
  (transitive)

• - Removed

  @elementor/editor-responsive@4.2.0-beta1
  (transitive)

• - Removed

  @elementor/editor-v1-adapters@4.2.0-beta1
  (transitive)

• - Removed

  @elementor/schema@4.2.0-beta1
  (transitive)

• - Removed

  @elementor/utils@4.2.0-beta1
  (transitive)

• Updated

  @elementor/editor-props@4.2.0-beta2

• Updated

  @elementor/editor-responsive@4.2.0-beta2