@cargosense/cargo-design-system 1.0.11 → 1.0.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -585,7 +585,7 @@
585
585
  </div>
586
586
 
587
587
 
588
- <input type="checkbox" id='${this.name|"checkbox"}' name='${this.name|"checkbox"}' aria-describedby='${this.description|this.name|"checkbox"}' value='${F(this.value)}' ?checked="${this.checked}" ?disabled="${this.disabled}" @change="${this._onChange}" tabindex="-1">
588
+ <input type="checkbox" id='${this.name|"checkbox"}' name='${this.name|"checkbox"}' aria-describedby='${this.description|this.name|"checkbox"}' value='${F(this.value)}' ?checked="${this.checked}" ?disabled="${this.disabled}" ?required='${this.required}' @change="${this._onChange}" tabindex="-1">
589
589
 
590
590
  <div class='checkmark ${this.checked?"active":""} ${this.error?"error":""}' id='check' aria-describedby='${this.description|this.name|"checkbox"}' tabindex="${this.disabled?"-1":"0"}">
591
591
  <cd-icon name='check' size='xs' color='white'></cd-icon>
@@ -881,7 +881,7 @@
881
881
  cursor: pointer;
882
882
 
883
883
  }
884
- `;static properties={name:{type:String},value:{type:String},checked:{type:Boolean,reflect:!0},disabled:{type:Boolean,reflect:!0},description:{type:String},error:{type:Boolean,reflect:!0},size:{type:String,reflect:!0},required:{type:Boolean,reflect:!0}};constructor(){super(),this.name=void 0,this.value=void 0,this.checked=!1,this.disabled=!1,this.description=void 0,this.error=!1,this.size="md",this.required=!1,this._internals=this.attachInternals()}render(){return w`
884
+ `;static properties={name:{type:String,reflect:!0},value:{type:String,reflect:!0},checked:{type:Boolean,reflect:!0},disabled:{type:Boolean,reflect:!0},description:{type:String},error:{type:Boolean,reflect:!0},size:{type:String,reflect:!0},required:{type:Boolean,reflect:!0}};constructor(){super(),this.name=void 0,this.value=void 0,this.checked=!1,this.disabled=!1,this.description=void 0,this.error=!1,this.size="md",this.required=!1,this._internals=this.attachInternals()}render(){return w`
885
885
  <label class="container ${this.size} ${this.disabled?"disabled":""} ${this.error?"input-error":""}" for="${this.name}">
886
886
  <input
887
887
  type="radio"
@@ -892,7 +892,7 @@
892
892
  ?disabled="${this.disabled}"
893
893
  @change="${this._handleChange}"
894
894
  @click="${this._select}"
895
- required="${this.required}"
895
+ ?required="${F(this.required)}"
896
896
  tabindex="0"
897
897
  >
898
898
  <div class='radio-text' @click="${this._handleLabelClick}">