set color(value) {
    const rootEl = this.shadowRoot.querySelector('.ids-checkbox');
    if (value) {
      this.setAttribute(attributes.COLOR, value.toString());
      rootEl?.setAttribute(attributes.COLOR, value.toString());
    } else {
      this.removeAttribute(attributes.COLOR);
      rootEl?.removeAttribute(attributes.COLOR);
    }
  }
/**
   *  Sets the checkbox color to one of the colors in our color palette for example emerald07
   * @param {boolean|string} value If true will set `color` attribute
   */
Sets the checkbox color to one of the colors in our color palette for example emerald07
@param {boolean|string} value If true will set `color` attribute
Sets the checkbox color to one of the colors in our color palette for example emerald07 @param { boolean|string } value If true will set ` color ` attribute
set color(value) {
    const rootEl = this.shadowRoot.querySelector('.ids-checkbox');
    if (value) {
      this.setAttribute(attributes.COLOR, value.toString());
      rootEl?.setAttribute(attributes.COLOR, value.toString());
    } else {
      this.removeAttribute(attributes.COLOR);
      rootEl?.removeAttribute(attributes.COLOR);
    }
  }
set color ( value ) { const rootEl = this . shadowRoot . querySelector ( '.ids-checkbox' ) ; if ( value ) { this . setAttribute ( attributes . COLOR , value . toString ( ) ) ; rootEl ?. setAttribute ( attributes . COLOR , value . toString ( ) ) ; } else { this . removeAttribute ( attributes . COLOR ) ; rootEl ?. removeAttribute ( attributes . COLOR ) ; } }
Sets the checkbox color to one of the colors in our color palette for example emerald07
 @param {boolean|string} value If true will set `color` attribute
Sets the checkbox color to one of the colors in our color palette for example emerald07 @param { boolean|string } value If true will set ` color ` attribute