@elliemae/ds-basic 1.54.0-rc.1 → 1.55.0-next.2

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.
Files changed (5) hide show
  1. package/css/dimsum.css +87 -130
  2. package/css/dimsum.min.css +1 -1
  3. package/css/dimsum.min.css.map +1 -1
  4. package/package.json +51 -51
  5. package/styles/components/packages/ds-form/Radio/DSRadio.scss +49 -93
package/css/dimsum.css CHANGED
@@ -3999,24 +3999,7 @@ fieldset.em-ds-form-item-content {
3999
3999
  justify-content: center;
4000
4000
  align-items: center;
4001
4001
  align-self: flex-start;
4002
- position: relative;
4003
- cursor: pointer; }
4004
- .em-ds-form-element-radio__input-button:after {
4005
- border-radius: 50%;
4006
- transition: 200ms cubic-bezier(0.64, 0, 0.35, 1);
4007
- width: 0.61538rem;
4008
- height: 0.61538rem; }
4009
- .em-ds-form-element-radio__input-button:hover {
4010
- outline: none;
4011
- border: calc(0.30769rem * 0.25) solid #1e79c2;
4012
- box-shadow: inset 0 0 0 1px #8cc2ed;
4013
- border-radius: 2px;
4014
- border: solid 1px #1e79c2; }
4015
- .em-ds-form-element-radio__input-button:focus {
4016
- outline: none;
4017
- border: calc(0.30769rem * 0.25) solid #1e79c2;
4018
- box-shadow: inset 0 0 0 1px #8cc2ed;
4019
- border-radius: 2px; }
4002
+ position: relative; }
4020
4003
 
4021
4004
  .em-ds-form-element-radio__label {
4022
4005
  position: relative;
@@ -4035,112 +4018,70 @@ fieldset.em-ds-form-item-content {
4035
4018
  .em-ds-form-element-radio circle.unchecked {
4036
4019
  fill: #FFFFFF; }
4037
4020
  .em-ds-form-element-radio .em-ds-form-element-radio__label:hover .em-ds-form-element-radio__input-button {
4038
- border: solid 1px #1e79c2; }
4039
- .em-ds-form-element-radio .em-ds-form-element-radio__label:hover .em-ds-form-element-radio__input:checked + .em-ds-form-element-radio__input-button {
4040
- outline: none;
4041
- border: calc(0.30769rem * 0.25) solid #1e79c2;
4042
- box-shadow: inset 0 0 0 1px #8cc2ed;
4043
- border-radius: 2px;
4044
- background-color: #FFFFFF; }
4045
- .em-ds-form-element-radio .em-ds-form-element-radio__label:active .em-ds-form-element-radio__input-button {
4046
- outline: none;
4047
- border: calc(0.30769rem * 0.25) solid #1e79c2;
4048
- box-shadow: inset 0 0 0 1px #8cc2ed;
4049
- border-radius: 2px;
4021
+ border-color: #1e79c2;
4050
4022
  background-color: #EBF6FF; }
4051
- .em-ds-form-element-radio .em-ds-form-element-radio__label:active circle.unchecked {
4023
+ .em-ds-form-element-radio .em-ds-form-element-radio__label:hover circle.unchecked {
4052
4024
  fill: #EBF6FF; }
4053
- .em-ds-form-element-radio .em-ds-form-element-radio__label:focus .em-ds-form-element-radio__input-button {
4054
- background-color: #EBF6FF; }
4055
- .em-ds-form-element-radio .em-ds-form-element-radio__label:focus .em-ds-form-element-radio__input:checked + .em-ds-form-element-radio__input-button {
4056
- outline: none;
4057
- border: calc(0.30769rem * 0.25) solid #1e79c2;
4058
- box-shadow: inset 0 0 0 1px #8cc2ed;
4059
- border-radius: 2px;
4025
+ .em-ds-form-element-radio .em-ds-form-element-radio__label .em-ds-form-element-radio__input-button:focus {
4026
+ box-shadow: none; }
4027
+ .em-ds-form-element-radio .em-ds-form-element-radio__label .em-ds-form-element-radio__input-button:focus:not(:active) {
4028
+ border: solid 2px #006AA9; }
4029
+ .em-ds-form-element-radio .em-ds-form-element-radio__label .em-ds-form-element-radio__input-button:active {
4060
4030
  background-color: #FFFFFF; }
4061
- .em-ds-form-element-radio .em-ds-form-element-radio__label:focus circle.unchecked {
4062
- fill: #EBF6FF; }
4063
- .em-ds-form-element-radio .em-ds-form-element-radio__input:checked + .em-ds-form-element-radio__input-button {
4064
- border-color: #8C93A6; }
4065
- .em-ds-form-element-radio .em-ds-form-element-radio__input:checked + .em-ds-form-element-radio__input-button circle.checked {
4066
- fill: #1e79c2; }
4067
- .em-ds-form-element-radio .em-ds-form-element-radio__input:checked + .em-ds-form-element-radio .em-ds-form-element-radio__input:hover,
4068
- .em-ds-form-element-radio .em-ds-form-element-radio__input:checked + .em-ds-form-element-radio .em-ds-form-element-radio__input:focus {
4069
- border-color: #1e79c2;
4070
- background-color: #FFFFFF;
4071
- outline: none;
4072
- border: calc(0.30769rem * 0.25) solid #1e79c2;
4073
- box-shadow: inset 0 0 0 1px #8cc2ed;
4074
- border-radius: 2px; }
4031
+ .em-ds-form-element-radio .em-ds-form-element-radio__label .em-ds-form-element-radio__input-button:active circle.unchecked {
4032
+ fill: #FFFFFF; }
4033
+ .em-ds-form-element-radio .em-ds-form-element-radio__input:checked + .em-ds-form-element-radio__input-button circle.checked {
4034
+ fill: #1e79c2; }
4075
4035
 
4076
4036
  .em-ds-form-element-radio--error .em-ds-form-element-radio__input-button {
4077
- border: solid 1px #C64252; }
4078
- .em-ds-form-element-radio--error .em-ds-form-element-radio__input-button:focus {
4079
- border-color: #1e79c2; }
4037
+ border-color: #C64252; }
4080
4038
 
4081
- .em-ds-form-element-radio--error .em-ds-form-element-radio__label:hover .em-ds-form-element-radio__input-button {
4082
- border: solid 1px #C64252; }
4039
+ .em-ds-form-element-radio--error .em-ds-form-element-radio__label:hover .em-ds-form-element-radio__input-button:not(:focus) {
4040
+ border-color: #C64252; }
4083
4041
 
4084
4042
  .em-ds-form-element-radio--error .em-ds-form-element-radio__label:active .em-ds-form-element-radio__input-button {
4085
- background-color: #F7CDD2;
4086
- box-shadow: unset; }
4043
+ border-color: #C64252; }
4087
4044
 
4088
4045
  .em-ds-form-element-radio--error .em-ds-form-element-radio__label:active circle.unchecked {
4089
- fill: #F7CDD2; }
4046
+ fill: #EBEDF0; }
4090
4047
 
4091
- .em-ds-form-element-radio--error .em-ds-form-element-radio__input:checked + .em-ds-form-element-radio__input-button {
4092
- border-color: #C64252; }
4093
- .em-ds-form-element-radio--error .em-ds-form-element-radio__input:checked + .em-ds-form-element-radio__input-button circle.checked {
4094
- fill: #C64252; }
4048
+ .em-ds-form-element-radio--error .em-ds-form-element-radio__input:checked + .em-ds-form-element-radio__input-button circle.checked {
4049
+ fill: #C64252; }
4095
4050
 
4096
4051
  .em-ds-form-element-radio--disabled circle.checked {
4097
4052
  fill: #8C93A6; }
4098
4053
 
4054
+ .em-ds-form-element-radio--disabled circle.unchecked {
4055
+ fill: #EBEDF0; }
4056
+
4099
4057
  .em-ds-form-element-radio--disabled .em-ds-form-element-radio__label {
4100
4058
  cursor: not-allowed; }
4101
4059
  .em-ds-form-element-radio--disabled .em-ds-form-element-radio__label:hover .em-ds-form-element-radio__input-button {
4102
- border-color: #8C93A6; }
4103
- .em-ds-form-element-radio--disabled .em-ds-form-element-radio__label:hover .em-ds-form-element-radio__input:checked + .em-ds-form-element-radio__input-button {
4060
+ border-color: #8C93A6;
4104
4061
  background-color: #EBEDF0; }
4062
+ .em-ds-form-element-radio--disabled .em-ds-form-element-radio__label:hover circle.unchecked {
4063
+ fill: #EBEDF0; }
4105
4064
  .em-ds-form-element-radio--disabled .em-ds-form-element-radio__label:active .em-ds-form-element-radio__input-button {
4106
- background: #EBEDF0; }
4065
+ background-color: #EBEDF0; }
4107
4066
  .em-ds-form-element-radio--disabled .em-ds-form-element-radio__label:active circle.unchecked {
4108
4067
  fill: #EBEDF0; }
4068
+ .em-ds-form-element-radio--disabled .em-ds-form-element-radio__label .em-ds-form-element-radio__input:checked + .em-ds-form-element-radio__input-button {
4069
+ background-color: #EBEDF0; }
4109
4070
 
4110
4071
  .em-ds-form-element-radio--disabled .em-ds-form-element-radio__label-text {
4111
4072
  color: #697489; }
4112
4073
 
4113
4074
  .em-ds-form-element-radio--disabled .em-ds-form-element-radio__input-button {
4114
4075
  pointer-events: none;
4115
- border-color: #8C93A6;
4116
4076
  background: #EBEDF0; }
4117
- .em-ds-form-element-radio--disabled .em-ds-form-element-radio__input-button circle.unchecked {
4118
- fill: transparent; }
4119
4077
  .em-ds-form-element-radio--disabled .em-ds-form-element-radio__input-button:hover {
4120
4078
  border-color: #8C93A6; }
4121
4079
 
4122
- .em-ds-form-element-radio--disabled .em-ds-form-element-radio__input {
4123
- background-color: #EBEDF0; }
4124
- .em-ds-form-element-radio--disabled .em-ds-form-element-radio__input:checked + .em-ds-form-element-radio__input-button {
4125
- border-color: #697489; }
4126
- .em-ds-form-element-radio--disabled .em-ds-form-element-radio__input:checked + .em-ds-form-element-radio__input-button circle.checked {
4127
- fill: #697489; }
4128
- .em-ds-form-element-radio--disabled .em-ds-form-element-radio__input:checked + .em-ds-form-element-radio__label-text {
4129
- color: #697489; }
4130
-
4131
- .em-ds-form-element-radio--readonly .em-ds-form-element-radio__input-button {
4080
+ .em-ds-form-element-radio--readonly .em-ds-form-element-radio__label:hover .em-ds-form-element-radio__input-button {
4132
4081
  border-color: #8C93A6; }
4133
- .em-ds-form-element-radio--readonly .em-ds-form-element-radio__input-button:focus {
4134
- border-color: #1e79c2;
4135
- outline: none;
4136
- border: calc(0.30769rem * 0.25) solid #1e79c2;
4137
- box-shadow: inset 0 0 0 1px #8cc2ed;
4138
- border-radius: 2px; }
4139
4082
 
4140
- .em-ds-form-element-radio--readonly .em-ds-form-element-radio__input:checked + .em-ds-form-element-radio__input-button {
4141
- border-color: #697489; }
4142
- .em-ds-form-element-radio--readonly .em-ds-form-element-radio__input:checked + .em-ds-form-element-radio__input-button circle.checked {
4143
- fill: #697489; }
4083
+ .em-ds-form-element-radio--readonly .em-ds-form-element-radio__input:checked + .em-ds-form-element-radio__input-button circle.checked {
4084
+ fill: #697489; }
4144
4085
 
4145
4086
  @media (max-width: 48rem) {
4146
4087
  .em-ds-form-element-radio__label-text {
@@ -4148,8 +4089,12 @@ fieldset.em-ds-form-item-content {
4148
4089
  .em-ds-form-element-radio {
4149
4090
  padding-bottom: calc(1.84615rem * 0.4);
4150
4091
  -webkit-tap-highlight-color: transparent; }
4151
- .em-ds-form-element-radio__label {
4152
- padding: calc(0.30769rem * 0.81) 0; }
4092
+ .em-ds-form-element-radio .em-ds-form-element-radio__label {
4093
+ padding: calc(0.30769rem * 0.81) 0; }
4094
+ .em-ds-form-element-radio .em-ds-form-element-radio__label .em-ds-form-element-radio__input-button {
4095
+ border: solid 2px #8C93A6; }
4096
+ .em-ds-form-element-radio .em-ds-form-element-radio__label .em-ds-form-element-radio__input-button:focus {
4097
+ border: solid 3px #006AA9; }
4153
4098
  .em-ds-form-element-radio__input-button {
4154
4099
  width: calc(1.23077rem * 1.22);
4155
4100
  min-width: calc(1.23077rem * 1.22);
@@ -4157,9 +4102,7 @@ fieldset.em-ds-form-item-content {
4157
4102
  border: solid 2px #8C93A6;
4158
4103
  margin-right: calc(1.23077rem * 0.81); }
4159
4104
  .em-ds-form-element-radio--error .em-ds-form-element-radio__input-button {
4160
- border: solid 2px #C64252; }
4161
- .em-ds-form-element-radio__input-button svg circle {
4162
- r: 6; } }
4105
+ border: solid 2px #C64252; } }
4163
4106
 
4164
4107
  @media only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
4165
4108
  .em-ds-form-element-radio__label-text {
@@ -4167,8 +4110,12 @@ fieldset.em-ds-form-item-content {
4167
4110
  .em-ds-form-element-radio {
4168
4111
  padding-bottom: calc(1.84615rem * 0.4);
4169
4112
  -webkit-tap-highlight-color: transparent; }
4170
- .em-ds-form-element-radio__label {
4171
- padding: calc(0.30769rem * 0.81) 0; }
4113
+ .em-ds-form-element-radio .em-ds-form-element-radio__label {
4114
+ padding: calc(0.30769rem * 0.81) 0; }
4115
+ .em-ds-form-element-radio .em-ds-form-element-radio__label .em-ds-form-element-radio__input-button {
4116
+ border: solid 2px #8C93A6; }
4117
+ .em-ds-form-element-radio .em-ds-form-element-radio__label .em-ds-form-element-radio__input-button:focus {
4118
+ border: solid 3px #006AA9; }
4172
4119
  .em-ds-form-element-radio__input-button {
4173
4120
  width: calc(1.23077rem * 1.22);
4174
4121
  min-width: calc(1.23077rem * 1.22);
@@ -4176,9 +4123,7 @@ fieldset.em-ds-form-item-content {
4176
4123
  border: solid 2px #8C93A6;
4177
4124
  margin-right: calc(1.23077rem * 0.81); }
4178
4125
  .em-ds-form-element-radio--error .em-ds-form-element-radio__input-button {
4179
- border: solid 2px #C64252; }
4180
- .em-ds-form-element-radio__input-button svg circle {
4181
- r: 6; } }
4126
+ border: solid 2px #C64252; } }
4182
4127
 
4183
4128
  @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) {
4184
4129
  .em-ds-form-element-radio__label-text {
@@ -4186,8 +4131,12 @@ fieldset.em-ds-form-item-content {
4186
4131
  .em-ds-form-element-radio {
4187
4132
  padding-bottom: calc(1.84615rem * 0.4);
4188
4133
  -webkit-tap-highlight-color: transparent; }
4189
- .em-ds-form-element-radio__label {
4190
- padding: calc(0.30769rem * 0.81) 0; }
4134
+ .em-ds-form-element-radio .em-ds-form-element-radio__label {
4135
+ padding: calc(0.30769rem * 0.81) 0; }
4136
+ .em-ds-form-element-radio .em-ds-form-element-radio__label .em-ds-form-element-radio__input-button {
4137
+ border: solid 2px #8C93A6; }
4138
+ .em-ds-form-element-radio .em-ds-form-element-radio__label .em-ds-form-element-radio__input-button:focus {
4139
+ border: solid 3px #006AA9; }
4191
4140
  .em-ds-form-element-radio__input-button {
4192
4141
  width: calc(1.23077rem * 1.22);
4193
4142
  min-width: calc(1.23077rem * 1.22);
@@ -4195,9 +4144,7 @@ fieldset.em-ds-form-item-content {
4195
4144
  border: solid 2px #8C93A6;
4196
4145
  margin-right: calc(1.23077rem * 0.81); }
4197
4146
  .em-ds-form-element-radio--error .em-ds-form-element-radio__input-button {
4198
- border: solid 2px #C64252; }
4199
- .em-ds-form-element-radio__input-button svg circle {
4200
- r: 6; } }
4147
+ border: solid 2px #C64252; } }
4201
4148
 
4202
4149
  @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) {
4203
4150
  .em-ds-form-element-radio__label-text {
@@ -4205,8 +4152,12 @@ fieldset.em-ds-form-item-content {
4205
4152
  .em-ds-form-element-radio {
4206
4153
  padding-bottom: calc(1.84615rem * 0.4);
4207
4154
  -webkit-tap-highlight-color: transparent; }
4208
- .em-ds-form-element-radio__label {
4209
- padding: calc(0.30769rem * 0.81) 0; }
4155
+ .em-ds-form-element-radio .em-ds-form-element-radio__label {
4156
+ padding: calc(0.30769rem * 0.81) 0; }
4157
+ .em-ds-form-element-radio .em-ds-form-element-radio__label .em-ds-form-element-radio__input-button {
4158
+ border: solid 2px #8C93A6; }
4159
+ .em-ds-form-element-radio .em-ds-form-element-radio__label .em-ds-form-element-radio__input-button:focus {
4160
+ border: solid 3px #006AA9; }
4210
4161
  .em-ds-form-element-radio__input-button {
4211
4162
  width: calc(1.23077rem * 1.22);
4212
4163
  min-width: calc(1.23077rem * 1.22);
@@ -4214,9 +4165,7 @@ fieldset.em-ds-form-item-content {
4214
4165
  border: solid 2px #8C93A6;
4215
4166
  margin-right: calc(1.23077rem * 0.81); }
4216
4167
  .em-ds-form-element-radio--error .em-ds-form-element-radio__input-button {
4217
- border: solid 2px #C64252; }
4218
- .em-ds-form-element-radio__input-button svg circle {
4219
- r: 6; } }
4168
+ border: solid 2px #C64252; } }
4220
4169
 
4221
4170
  @media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
4222
4171
  .em-ds-form-element-radio__label-text {
@@ -4224,8 +4173,12 @@ fieldset.em-ds-form-item-content {
4224
4173
  .em-ds-form-element-radio {
4225
4174
  padding-bottom: calc(1.84615rem * 0.4);
4226
4175
  -webkit-tap-highlight-color: transparent; }
4227
- .em-ds-form-element-radio__label {
4228
- padding: calc(0.30769rem * 0.81) 0; }
4176
+ .em-ds-form-element-radio .em-ds-form-element-radio__label {
4177
+ padding: calc(0.30769rem * 0.81) 0; }
4178
+ .em-ds-form-element-radio .em-ds-form-element-radio__label .em-ds-form-element-radio__input-button {
4179
+ border: solid 2px #8C93A6; }
4180
+ .em-ds-form-element-radio .em-ds-form-element-radio__label .em-ds-form-element-radio__input-button:focus {
4181
+ border: solid 3px #006AA9; }
4229
4182
  .em-ds-form-element-radio__input-button {
4230
4183
  width: calc(1.23077rem * 1.22);
4231
4184
  min-width: calc(1.23077rem * 1.22);
@@ -4233,9 +4186,7 @@ fieldset.em-ds-form-item-content {
4233
4186
  border: solid 2px #8C93A6;
4234
4187
  margin-right: calc(1.23077rem * 0.81); }
4235
4188
  .em-ds-form-element-radio--error .em-ds-form-element-radio__input-button {
4236
- border: solid 2px #C64252; }
4237
- .em-ds-form-element-radio__input-button svg circle {
4238
- r: 6; } }
4189
+ border: solid 2px #C64252; } }
4239
4190
 
4240
4191
  @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) {
4241
4192
  .em-ds-form-element-radio__label-text {
@@ -4243,8 +4194,12 @@ fieldset.em-ds-form-item-content {
4243
4194
  .em-ds-form-element-radio {
4244
4195
  padding-bottom: calc(1.84615rem * 0.4);
4245
4196
  -webkit-tap-highlight-color: transparent; }
4246
- .em-ds-form-element-radio__label {
4247
- padding: calc(0.30769rem * 0.81) 0; }
4197
+ .em-ds-form-element-radio .em-ds-form-element-radio__label {
4198
+ padding: calc(0.30769rem * 0.81) 0; }
4199
+ .em-ds-form-element-radio .em-ds-form-element-radio__label .em-ds-form-element-radio__input-button {
4200
+ border: solid 2px #8C93A6; }
4201
+ .em-ds-form-element-radio .em-ds-form-element-radio__label .em-ds-form-element-radio__input-button:focus {
4202
+ border: solid 3px #006AA9; }
4248
4203
  .em-ds-form-element-radio__input-button {
4249
4204
  width: calc(1.23077rem * 1.22);
4250
4205
  min-width: calc(1.23077rem * 1.22);
@@ -4252,9 +4207,7 @@ fieldset.em-ds-form-item-content {
4252
4207
  border: solid 2px #8C93A6;
4253
4208
  margin-right: calc(1.23077rem * 0.81); }
4254
4209
  .em-ds-form-element-radio--error .em-ds-form-element-radio__input-button {
4255
- border: solid 2px #C64252; }
4256
- .em-ds-form-element-radio__input-button svg circle {
4257
- r: 6; } }
4210
+ border: solid 2px #C64252; } }
4258
4211
 
4259
4212
  @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
4260
4213
  .em-ds-form-element-radio__label-text {
@@ -4262,8 +4215,12 @@ fieldset.em-ds-form-item-content {
4262
4215
  .em-ds-form-element-radio {
4263
4216
  padding-bottom: calc(1.84615rem * 0.4);
4264
4217
  -webkit-tap-highlight-color: transparent; }
4265
- .em-ds-form-element-radio__label {
4266
- padding: calc(0.30769rem * 0.81) 0; }
4218
+ .em-ds-form-element-radio .em-ds-form-element-radio__label {
4219
+ padding: calc(0.30769rem * 0.81) 0; }
4220
+ .em-ds-form-element-radio .em-ds-form-element-radio__label .em-ds-form-element-radio__input-button {
4221
+ border: solid 2px #8C93A6; }
4222
+ .em-ds-form-element-radio .em-ds-form-element-radio__label .em-ds-form-element-radio__input-button:focus {
4223
+ border: solid 3px #006AA9; }
4267
4224
  .em-ds-form-element-radio__input-button {
4268
4225
  width: calc(1.23077rem * 1.22);
4269
4226
  min-width: calc(1.23077rem * 1.22);
@@ -4271,9 +4228,7 @@ fieldset.em-ds-form-item-content {
4271
4228
  border: solid 2px #8C93A6;
4272
4229
  margin-right: calc(1.23077rem * 0.81); }
4273
4230
  .em-ds-form-element-radio--error .em-ds-form-element-radio__input-button {
4274
- border: solid 2px #C64252; }
4275
- .em-ds-form-element-radio__input-button svg circle {
4276
- r: 6; } }
4231
+ border: solid 2px #C64252; } }
4277
4232
 
4278
4233
  @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) {
4279
4234
  .em-ds-form-element-radio__label-text {
@@ -4281,8 +4236,12 @@ fieldset.em-ds-form-item-content {
4281
4236
  .em-ds-form-element-radio {
4282
4237
  padding-bottom: calc(1.84615rem * 0.4);
4283
4238
  -webkit-tap-highlight-color: transparent; }
4284
- .em-ds-form-element-radio__label {
4285
- padding: calc(0.30769rem * 0.81) 0; }
4239
+ .em-ds-form-element-radio .em-ds-form-element-radio__label {
4240
+ padding: calc(0.30769rem * 0.81) 0; }
4241
+ .em-ds-form-element-radio .em-ds-form-element-radio__label .em-ds-form-element-radio__input-button {
4242
+ border: solid 2px #8C93A6; }
4243
+ .em-ds-form-element-radio .em-ds-form-element-radio__label .em-ds-form-element-radio__input-button:focus {
4244
+ border: solid 3px #006AA9; }
4286
4245
  .em-ds-form-element-radio__input-button {
4287
4246
  width: calc(1.23077rem * 1.22);
4288
4247
  min-width: calc(1.23077rem * 1.22);
@@ -4290,9 +4249,7 @@ fieldset.em-ds-form-item-content {
4290
4249
  border: solid 2px #8C93A6;
4291
4250
  margin-right: calc(1.23077rem * 0.81); }
4292
4251
  .em-ds-form-element-radio--error .em-ds-form-element-radio__input-button {
4293
- border: solid 2px #C64252; }
4294
- .em-ds-form-element-radio__input-button svg circle {
4295
- r: 6; } }
4252
+ border: solid 2px #C64252; } }
4296
4253
 
4297
4254
  .em-ds-radio-group-form-item-layout-wrapper {
4298
4255
  display: inline-flex; }