@elementor/editor-styles 4.3.0-964 → 4.3.0-965

package/dist/index.d.mts

@@ -5,6 +5,9 @@ import { BreakpointId } from '@elementor/editor-responsive';
 type ClassState = {
     name: 'selected';
     value: 'e--selected';
+} | {
+    name: 'disabled';
+    value: 'e--disabled';
 };
 type StyleDefinitionAdditionalPseudoState = 'focus-visible';
 type StyleDefinitionPseudoState = 'hover' | 'focus' | 'active' | 'checked' | StyleDefinitionAdditionalPseudoState;

package/dist/index.d.ts

@@ -5,6 +5,9 @@ import { BreakpointId } from '@elementor/editor-responsive';
 type ClassState = {
     name: 'selected';
     value: 'e--selected';
+} | {
+    name: 'disabled';
+    value: 'e--disabled';
 };
 type StyleDefinitionAdditionalPseudoState = 'focus-visible';
 type StyleDefinitionPseudoState = 'hover' | 'focus' | 'active' | 'checked' | StyleDefinitionAdditionalPseudoState;

package/dist/index.js

@@ -63,7 +63,7 @@ function getVariantByMeta(style, meta) {
 
 // src/utils/state-utils.ts
 var PSEUDO_STATES = ["hover", "focus", "active", "focus-visible"];
-var CLASS_STATES = ["e--selected"];
+var CLASS_STATES = ["e--selected", "e--disabled"];
 function getAdditionalStates(state) {
   if (state === "hover") {
     return ["focus-visible"];

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","../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":[]}

package/dist/index.mjs

@@ -31,7 +31,7 @@ function getVariantByMeta(style, meta) {
 
 // src/utils/state-utils.ts
 var PSEUDO_STATES = ["hover", "focus", "active", "focus-visible"];
-var CLASS_STATES = ["e--selected"];
+var CLASS_STATES = ["e--selected", "e--disabled"];
 function getAdditionalStates(state) {
   if (state === "hover") {
     return ["focus-visible"];

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","../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/package.json

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

package/src/types.ts

@@ -1,10 +1,15 @@
 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';
+	  };
 
 export type StyleDefinitionAdditionalPseudoState = 'focus-visible';
 

package/src/utils/state-utils.ts

@@ -8,7 +8,7 @@ import {
 
 const PSEUDO_STATES: StyleDefinitionPseudoState[] = [ 'hover', 'focus', 'active', 'focus-visible' ];
 
-const CLASS_STATES: StyleDefinitionClassState[] = [ 'e--selected' ];
+const CLASS_STATES: StyleDefinitionClassState[] = [ 'e--selected', 'e--disabled' ];
 
 function getAdditionalStates( state: StyleDefinitionState ): StyleDefinitionAdditionalPseudoState[] {
 	if ( state === 'hover' ) {