jb-core/theme/lib/utils.ts

jb design system core modules

export type PropertyDefinitionParameter = PropertyDefinition & {
  value?: string,
}

export function registerCssProperty(parameter: PropertyDefinitionParameter) {
  try {
    const {value, ...rest} = parameter;
    window.CSS.registerProperty({
      ...rest
    });
    setCssProperty(parameter.name, value);
  } catch (e) {
    // if property is already defined or any other type of error
  }
}

export function setCssProperty(name: string, value?: string) {
  try {
    if(value) {
      if(!document.documentElement.style.getPropertyValue(name)){
        document.documentElement.style.setProperty(name, value);
      }
    }
  } catch (e) {
    //
  }
}