|
75 | 75 | border-color: var(--form-checkbox-radio-default-border-inverted); |
76 | 76 | } |
77 | 77 |
|
78 | | - [type='radio']:checked + .tedi-choice-group-item__indicator { |
| 78 | + [type='radio']:checked:not(:disabled) + .tedi-choice-group-item__indicator { |
79 | 79 | background-color: var(--form-checkbox-radio-card-primary-selected-background); |
80 | 80 | border-color: var(--form-checkbox-radio-default-border-inverted); |
81 | 81 | } |
82 | 82 |
|
83 | | - [type='radio']:checked + .tedi-choice-group-item__indicator::after { |
| 83 | + [type='radio']:checked:not(:disabled) + .tedi-choice-group-item__indicator::after { |
84 | 84 | background-color: var(--form-checkbox-radio-default-background-selected-inverted); |
85 | 85 | border-color: var(--form-checkbox-radio-default-background-inverted); |
86 | 86 | } |
87 | 87 |
|
| 88 | + [type='radio']:checked:disabled + .tedi-choice-group-item__indicator::after { |
| 89 | + background-color: var(--form-checkbox-radio-default-background-selected-disabled); |
| 90 | + border-color: var(--form-checkbox-radio-card-default-disabled-selected-background); |
| 91 | + } |
| 92 | + |
88 | 93 | label, |
89 | 94 | .tedi-choice-group-item__label, |
90 | 95 | .tedi-choice-group-item__feedback-text { |
91 | 96 | color: var(--form-checkbox-radio-card-primary-selected-text); |
92 | 97 | } |
| 98 | + |
| 99 | + &.tedi-choice-group-item--disabled { |
| 100 | + color: var(--form-checkbox-radio-card-primary-disabled-selected-text); |
| 101 | + background-color: var(--form-checkbox-radio-default-background-selected-disabled); |
| 102 | + border-color: var(--form-checkbox-radio-default-background-selected-disabled); |
| 103 | + } |
93 | 104 | } |
94 | 105 | } |
95 | 106 |
|
|
105 | 116 | border-right: 2px solid var(--form-checkbox-radio-card-secondary-active-border); |
106 | 117 | } |
107 | 118 |
|
108 | | - [type='radio']:checked + .tedi-choice-group-item__indicator { |
| 119 | + [type='radio']:checked:not(:disabled) + .tedi-choice-group-item__indicator { |
109 | 120 | border-color: var(--form-checkbox-radio-default-border-selected); |
110 | 121 | } |
111 | 122 |
|
| 123 | + [type='radio']:checked:disabled + .tedi-choice-group-item__indicator { |
| 124 | + border-color: var(--form-checkbox-radio-default-border-selected-disabled); |
| 125 | + } |
| 126 | + |
112 | 127 | label, |
113 | 128 | .tedi-choice-group-item__label, |
114 | 129 | .tedi-choice-group-item__feedback-text { |
115 | 130 | color: var(--form-checkbox-radio-card-secondary-selected-text); |
116 | 131 | } |
| 132 | + |
| 133 | + &.tedi-choice-group-item--disabled { |
| 134 | + background-color: var(--form-checkbox-radio-card-secondary-disabled-selected-background); |
| 135 | + outline-color: var(--form-checkbox-radio-card-secondary-disabled-selected-border); |
| 136 | + } |
| 137 | + |
| 138 | + &.tedi-choice-group-item--disabled label, |
| 139 | + &.tedi-choice-group-item--disabled .tedi-choice-group-item__label, |
| 140 | + &.tedi-choice-group-item--disabled .tedi-choice-group-item__feedback-text { |
| 141 | + color: var(--form-checkbox-radio-card-secondary-disabled-selected-text); |
| 142 | + } |
117 | 143 | } |
118 | 144 |
|
119 | 145 | &:has(:focus-visible) { |
|
0 commit comments