All files / Radio Radio.module.css

100% Statements 1/1
100% Branches 0/0
100% Functions 0/0
100% Lines 1/1

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 1071x                                                                                                                                                                                                                    
.varClass {
  /* radio default variables */
  --radio_width: 16px;
  --radio_height: 16px;
  --radio_bg_color: none;
  --radio_stroke_width: 2px;
  --radio_stroke_color: var(--zdt_radio_default_stroke);
  --radio_fill: none;
  --radio_inner_stroke_width: 0;
  --radio_label_margin: 0 0 0 6px/*rtl: 0 6px 0 0*/;
}
.container {
  composes: varClass;
}
.pointer {
  cursor: pointer;
}
.readonly,.disabled {
  cursor: not-allowed;
}
.radio {
  composes: offSelection from '../common/common.module.css';
  width: var(--radio_width);
  height: var(--radio_height);
  background: var(--radio_bg_color);
  border-radius: 50%;
  stroke: var(--radio_stroke_color);
}
.radio,
.centerPath {
  fill: var(--radio_fill);
}
.filled {
  --radio_bg_color: var(--zdt_radio_default_bg);
}
 
.medium {
  --radio_width: 16px;
  --radio_height: 16px;
}
.small {
  --radio_width: 13px;
  --radio_height: 13px;
}
.radioLabel {
  font-size: 0;
  display: block;
}
.rdBox {
  fill: none;
  stroke-width: var(--radio_stroke_width);
  stroke-linecap: round;
  stroke: inherit;
}
.centerPath {
  --radio_fill: inherit;
  transform-origin: center;
  stroke-width: var(--radio_inner_stroke_width);
}
.checked .centerPath {
  animation: circleAnimate var(--zd_transition3) ease forwards;
}
.rdBoxprimary,
.hoverEfffect:hover .hoverprimary
/* .hoverEfffect:focus .hoverprimary  */
{
  --radio_stroke_color: var(--zdt_radio_primary_stroke);
}
 
.rdBoxdanger,
.hoverEfffect:hover .hoverdanger
/* .hoverEfffect:focus .hoverdanger */
 {
  --radio_stroke_color: var(--zdt_radio_danger_stroke);
}
 
.centerPathprimary {
  --radio_fill: var(--zdt_radio_primary_fill);
}
.centerPathdanger {
  --radio_fill: var(--zdt_radio_danger_fill);
}
 
.active:hover .primaryLabel,
/* .active:focus .primaryLabel, */
.primarycheckedActive {
  --label_text_color: var(--zdt_radio_label_primary_text);
}
 
.active:hover .dangerLabel,
/* .active:focus .dangerLabel, */
.dangercheckedActive {
  --label_text_color: var(--zdt_radio_label_danger_text);
}
 
.text {
  margin: var(--radio_label_margin);
}
@keyframes circleAnimate {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}