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

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 -138
  2. package/css/dimsum.min.css +2 -2
  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
@@ -2890,7 +2890,6 @@ fieldset.em-ds-form-item-content {
2890
2890
  text-overflow: ellipsis; }
2891
2891
 
2892
2892
  .em-ds-form-item--fit-content {
2893
- width: -webkit-fit-content;
2894
2893
  width: -moz-fit-content;
2895
2894
  width: fit-content; }
2896
2895
 
@@ -3999,24 +3998,7 @@ fieldset.em-ds-form-item-content {
3999
3998
  justify-content: center;
4000
3999
  align-items: center;
4001
4000
  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; }
4001
+ position: relative; }
4020
4002
 
4021
4003
  .em-ds-form-element-radio__label {
4022
4004
  position: relative;
@@ -4028,119 +4010,76 @@ fieldset.em-ds-form-item-content {
4028
4010
  padding-left: 1.84615rem; }
4029
4011
 
4030
4012
  .em-ds-form-element-radio {
4031
- width: -webkit-fit-content;
4032
4013
  width: -moz-fit-content;
4033
4014
  width: fit-content;
4034
4015
  padding-bottom: 1.23077rem; }
4035
4016
  .em-ds-form-element-radio circle.unchecked {
4036
4017
  fill: #FFFFFF; }
4037
4018
  .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;
4019
+ border-color: #1e79c2;
4050
4020
  background-color: #EBF6FF; }
4051
- .em-ds-form-element-radio .em-ds-form-element-radio__label:active circle.unchecked {
4021
+ .em-ds-form-element-radio .em-ds-form-element-radio__label:hover circle.unchecked {
4052
4022
  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;
4023
+ .em-ds-form-element-radio .em-ds-form-element-radio__label .em-ds-form-element-radio__input-button:focus {
4024
+ box-shadow: none; }
4025
+ .em-ds-form-element-radio .em-ds-form-element-radio__label .em-ds-form-element-radio__input-button:focus:not(:active) {
4026
+ border: solid 2px #006AA9; }
4027
+ .em-ds-form-element-radio .em-ds-form-element-radio__label .em-ds-form-element-radio__input-button:active {
4060
4028
  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; }
4029
+ .em-ds-form-element-radio .em-ds-form-element-radio__label .em-ds-form-element-radio__input-button:active circle.unchecked {
4030
+ fill: #FFFFFF; }
4031
+ .em-ds-form-element-radio .em-ds-form-element-radio__input:checked + .em-ds-form-element-radio__input-button circle.checked {
4032
+ fill: #1e79c2; }
4075
4033
 
4076
4034
  .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; }
4035
+ border-color: #C64252; }
4080
4036
 
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; }
4037
+ .em-ds-form-element-radio--error .em-ds-form-element-radio__label:hover .em-ds-form-element-radio__input-button:not(:focus) {
4038
+ border-color: #C64252; }
4083
4039
 
4084
4040
  .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; }
4041
+ border-color: #C64252; }
4087
4042
 
4088
4043
  .em-ds-form-element-radio--error .em-ds-form-element-radio__label:active circle.unchecked {
4089
- fill: #F7CDD2; }
4044
+ fill: #EBEDF0; }
4090
4045
 
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; }
4046
+ .em-ds-form-element-radio--error .em-ds-form-element-radio__input:checked + .em-ds-form-element-radio__input-button circle.checked {
4047
+ fill: #C64252; }
4095
4048
 
4096
4049
  .em-ds-form-element-radio--disabled circle.checked {
4097
4050
  fill: #8C93A6; }
4098
4051
 
4052
+ .em-ds-form-element-radio--disabled circle.unchecked {
4053
+ fill: #EBEDF0; }
4054
+
4099
4055
  .em-ds-form-element-radio--disabled .em-ds-form-element-radio__label {
4100
4056
  cursor: not-allowed; }
4101
4057
  .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 {
4058
+ border-color: #8C93A6;
4104
4059
  background-color: #EBEDF0; }
4060
+ .em-ds-form-element-radio--disabled .em-ds-form-element-radio__label:hover circle.unchecked {
4061
+ fill: #EBEDF0; }
4105
4062
  .em-ds-form-element-radio--disabled .em-ds-form-element-radio__label:active .em-ds-form-element-radio__input-button {
4106
- background: #EBEDF0; }
4063
+ background-color: #EBEDF0; }
4107
4064
  .em-ds-form-element-radio--disabled .em-ds-form-element-radio__label:active circle.unchecked {
4108
4065
  fill: #EBEDF0; }
4066
+ .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 {
4067
+ background-color: #EBEDF0; }
4109
4068
 
4110
4069
  .em-ds-form-element-radio--disabled .em-ds-form-element-radio__label-text {
4111
4070
  color: #697489; }
4112
4071
 
4113
4072
  .em-ds-form-element-radio--disabled .em-ds-form-element-radio__input-button {
4114
4073
  pointer-events: none;
4115
- border-color: #8C93A6;
4116
4074
  background: #EBEDF0; }
4117
- .em-ds-form-element-radio--disabled .em-ds-form-element-radio__input-button circle.unchecked {
4118
- fill: transparent; }
4119
4075
  .em-ds-form-element-radio--disabled .em-ds-form-element-radio__input-button:hover {
4120
4076
  border-color: #8C93A6; }
4121
4077
 
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 {
4078
+ .em-ds-form-element-radio--readonly .em-ds-form-element-radio__label:hover .em-ds-form-element-radio__input-button {
4132
4079
  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
4080
 
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; }
4081
+ .em-ds-form-element-radio--readonly .em-ds-form-element-radio__input:checked + .em-ds-form-element-radio__input-button circle.checked {
4082
+ fill: #697489; }
4144
4083
 
4145
4084
  @media (max-width: 48rem) {
4146
4085
  .em-ds-form-element-radio__label-text {
@@ -4148,8 +4087,12 @@ fieldset.em-ds-form-item-content {
4148
4087
  .em-ds-form-element-radio {
4149
4088
  padding-bottom: calc(1.84615rem * 0.4);
4150
4089
  -webkit-tap-highlight-color: transparent; }
4151
- .em-ds-form-element-radio__label {
4152
- padding: calc(0.30769rem * 0.81) 0; }
4090
+ .em-ds-form-element-radio .em-ds-form-element-radio__label {
4091
+ padding: calc(0.30769rem * 0.81) 0; }
4092
+ .em-ds-form-element-radio .em-ds-form-element-radio__label .em-ds-form-element-radio__input-button {
4093
+ border: solid 2px #8C93A6; }
4094
+ .em-ds-form-element-radio .em-ds-form-element-radio__label .em-ds-form-element-radio__input-button:focus {
4095
+ border: solid 3px #006AA9; }
4153
4096
  .em-ds-form-element-radio__input-button {
4154
4097
  width: calc(1.23077rem * 1.22);
4155
4098
  min-width: calc(1.23077rem * 1.22);
@@ -4157,9 +4100,7 @@ fieldset.em-ds-form-item-content {
4157
4100
  border: solid 2px #8C93A6;
4158
4101
  margin-right: calc(1.23077rem * 0.81); }
4159
4102
  .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; } }
4103
+ border: solid 2px #C64252; } }
4163
4104
 
4164
4105
  @media only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
4165
4106
  .em-ds-form-element-radio__label-text {
@@ -4167,8 +4108,12 @@ fieldset.em-ds-form-item-content {
4167
4108
  .em-ds-form-element-radio {
4168
4109
  padding-bottom: calc(1.84615rem * 0.4);
4169
4110
  -webkit-tap-highlight-color: transparent; }
4170
- .em-ds-form-element-radio__label {
4171
- padding: calc(0.30769rem * 0.81) 0; }
4111
+ .em-ds-form-element-radio .em-ds-form-element-radio__label {
4112
+ padding: calc(0.30769rem * 0.81) 0; }
4113
+ .em-ds-form-element-radio .em-ds-form-element-radio__label .em-ds-form-element-radio__input-button {
4114
+ border: solid 2px #8C93A6; }
4115
+ .em-ds-form-element-radio .em-ds-form-element-radio__label .em-ds-form-element-radio__input-button:focus {
4116
+ border: solid 3px #006AA9; }
4172
4117
  .em-ds-form-element-radio__input-button {
4173
4118
  width: calc(1.23077rem * 1.22);
4174
4119
  min-width: calc(1.23077rem * 1.22);
@@ -4176,9 +4121,7 @@ fieldset.em-ds-form-item-content {
4176
4121
  border: solid 2px #8C93A6;
4177
4122
  margin-right: calc(1.23077rem * 0.81); }
4178
4123
  .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; } }
4124
+ border: solid 2px #C64252; } }
4182
4125
 
4183
4126
  @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) {
4184
4127
  .em-ds-form-element-radio__label-text {
@@ -4186,8 +4129,12 @@ fieldset.em-ds-form-item-content {
4186
4129
  .em-ds-form-element-radio {
4187
4130
  padding-bottom: calc(1.84615rem * 0.4);
4188
4131
  -webkit-tap-highlight-color: transparent; }
4189
- .em-ds-form-element-radio__label {
4190
- padding: calc(0.30769rem * 0.81) 0; }
4132
+ .em-ds-form-element-radio .em-ds-form-element-radio__label {
4133
+ padding: calc(0.30769rem * 0.81) 0; }
4134
+ .em-ds-form-element-radio .em-ds-form-element-radio__label .em-ds-form-element-radio__input-button {
4135
+ border: solid 2px #8C93A6; }
4136
+ .em-ds-form-element-radio .em-ds-form-element-radio__label .em-ds-form-element-radio__input-button:focus {
4137
+ border: solid 3px #006AA9; }
4191
4138
  .em-ds-form-element-radio__input-button {
4192
4139
  width: calc(1.23077rem * 1.22);
4193
4140
  min-width: calc(1.23077rem * 1.22);
@@ -4195,9 +4142,7 @@ fieldset.em-ds-form-item-content {
4195
4142
  border: solid 2px #8C93A6;
4196
4143
  margin-right: calc(1.23077rem * 0.81); }
4197
4144
  .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; } }
4145
+ border: solid 2px #C64252; } }
4201
4146
 
4202
4147
  @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) {
4203
4148
  .em-ds-form-element-radio__label-text {
@@ -4205,8 +4150,12 @@ fieldset.em-ds-form-item-content {
4205
4150
  .em-ds-form-element-radio {
4206
4151
  padding-bottom: calc(1.84615rem * 0.4);
4207
4152
  -webkit-tap-highlight-color: transparent; }
4208
- .em-ds-form-element-radio__label {
4209
- padding: calc(0.30769rem * 0.81) 0; }
4153
+ .em-ds-form-element-radio .em-ds-form-element-radio__label {
4154
+ padding: calc(0.30769rem * 0.81) 0; }
4155
+ .em-ds-form-element-radio .em-ds-form-element-radio__label .em-ds-form-element-radio__input-button {
4156
+ border: solid 2px #8C93A6; }
4157
+ .em-ds-form-element-radio .em-ds-form-element-radio__label .em-ds-form-element-radio__input-button:focus {
4158
+ border: solid 3px #006AA9; }
4210
4159
  .em-ds-form-element-radio__input-button {
4211
4160
  width: calc(1.23077rem * 1.22);
4212
4161
  min-width: calc(1.23077rem * 1.22);
@@ -4214,9 +4163,7 @@ fieldset.em-ds-form-item-content {
4214
4163
  border: solid 2px #8C93A6;
4215
4164
  margin-right: calc(1.23077rem * 0.81); }
4216
4165
  .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; } }
4166
+ border: solid 2px #C64252; } }
4220
4167
 
4221
4168
  @media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
4222
4169
  .em-ds-form-element-radio__label-text {
@@ -4224,8 +4171,12 @@ fieldset.em-ds-form-item-content {
4224
4171
  .em-ds-form-element-radio {
4225
4172
  padding-bottom: calc(1.84615rem * 0.4);
4226
4173
  -webkit-tap-highlight-color: transparent; }
4227
- .em-ds-form-element-radio__label {
4228
- padding: calc(0.30769rem * 0.81) 0; }
4174
+ .em-ds-form-element-radio .em-ds-form-element-radio__label {
4175
+ padding: calc(0.30769rem * 0.81) 0; }
4176
+ .em-ds-form-element-radio .em-ds-form-element-radio__label .em-ds-form-element-radio__input-button {
4177
+ border: solid 2px #8C93A6; }
4178
+ .em-ds-form-element-radio .em-ds-form-element-radio__label .em-ds-form-element-radio__input-button:focus {
4179
+ border: solid 3px #006AA9; }
4229
4180
  .em-ds-form-element-radio__input-button {
4230
4181
  width: calc(1.23077rem * 1.22);
4231
4182
  min-width: calc(1.23077rem * 1.22);
@@ -4233,9 +4184,7 @@ fieldset.em-ds-form-item-content {
4233
4184
  border: solid 2px #8C93A6;
4234
4185
  margin-right: calc(1.23077rem * 0.81); }
4235
4186
  .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; } }
4187
+ border: solid 2px #C64252; } }
4239
4188
 
4240
4189
  @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) {
4241
4190
  .em-ds-form-element-radio__label-text {
@@ -4243,8 +4192,12 @@ fieldset.em-ds-form-item-content {
4243
4192
  .em-ds-form-element-radio {
4244
4193
  padding-bottom: calc(1.84615rem * 0.4);
4245
4194
  -webkit-tap-highlight-color: transparent; }
4246
- .em-ds-form-element-radio__label {
4247
- padding: calc(0.30769rem * 0.81) 0; }
4195
+ .em-ds-form-element-radio .em-ds-form-element-radio__label {
4196
+ padding: calc(0.30769rem * 0.81) 0; }
4197
+ .em-ds-form-element-radio .em-ds-form-element-radio__label .em-ds-form-element-radio__input-button {
4198
+ border: solid 2px #8C93A6; }
4199
+ .em-ds-form-element-radio .em-ds-form-element-radio__label .em-ds-form-element-radio__input-button:focus {
4200
+ border: solid 3px #006AA9; }
4248
4201
  .em-ds-form-element-radio__input-button {
4249
4202
  width: calc(1.23077rem * 1.22);
4250
4203
  min-width: calc(1.23077rem * 1.22);
@@ -4252,9 +4205,7 @@ fieldset.em-ds-form-item-content {
4252
4205
  border: solid 2px #8C93A6;
4253
4206
  margin-right: calc(1.23077rem * 0.81); }
4254
4207
  .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; } }
4208
+ border: solid 2px #C64252; } }
4258
4209
 
4259
4210
  @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
4260
4211
  .em-ds-form-element-radio__label-text {
@@ -4262,8 +4213,12 @@ fieldset.em-ds-form-item-content {
4262
4213
  .em-ds-form-element-radio {
4263
4214
  padding-bottom: calc(1.84615rem * 0.4);
4264
4215
  -webkit-tap-highlight-color: transparent; }
4265
- .em-ds-form-element-radio__label {
4266
- padding: calc(0.30769rem * 0.81) 0; }
4216
+ .em-ds-form-element-radio .em-ds-form-element-radio__label {
4217
+ padding: calc(0.30769rem * 0.81) 0; }
4218
+ .em-ds-form-element-radio .em-ds-form-element-radio__label .em-ds-form-element-radio__input-button {
4219
+ border: solid 2px #8C93A6; }
4220
+ .em-ds-form-element-radio .em-ds-form-element-radio__label .em-ds-form-element-radio__input-button:focus {
4221
+ border: solid 3px #006AA9; }
4267
4222
  .em-ds-form-element-radio__input-button {
4268
4223
  width: calc(1.23077rem * 1.22);
4269
4224
  min-width: calc(1.23077rem * 1.22);
@@ -4271,9 +4226,7 @@ fieldset.em-ds-form-item-content {
4271
4226
  border: solid 2px #8C93A6;
4272
4227
  margin-right: calc(1.23077rem * 0.81); }
4273
4228
  .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; } }
4229
+ border: solid 2px #C64252; } }
4277
4230
 
4278
4231
  @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) {
4279
4232
  .em-ds-form-element-radio__label-text {
@@ -4281,8 +4234,12 @@ fieldset.em-ds-form-item-content {
4281
4234
  .em-ds-form-element-radio {
4282
4235
  padding-bottom: calc(1.84615rem * 0.4);
4283
4236
  -webkit-tap-highlight-color: transparent; }
4284
- .em-ds-form-element-radio__label {
4285
- padding: calc(0.30769rem * 0.81) 0; }
4237
+ .em-ds-form-element-radio .em-ds-form-element-radio__label {
4238
+ padding: calc(0.30769rem * 0.81) 0; }
4239
+ .em-ds-form-element-radio .em-ds-form-element-radio__label .em-ds-form-element-radio__input-button {
4240
+ border: solid 2px #8C93A6; }
4241
+ .em-ds-form-element-radio .em-ds-form-element-radio__label .em-ds-form-element-radio__input-button:focus {
4242
+ border: solid 3px #006AA9; }
4286
4243
  .em-ds-form-element-radio__input-button {
4287
4244
  width: calc(1.23077rem * 1.22);
4288
4245
  min-width: calc(1.23077rem * 1.22);
@@ -4290,9 +4247,7 @@ fieldset.em-ds-form-item-content {
4290
4247
  border: solid 2px #8C93A6;
4291
4248
  margin-right: calc(1.23077rem * 0.81); }
4292
4249
  .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; } }
4250
+ border: solid 2px #C64252; } }
4296
4251
 
4297
4252
  .em-ds-radio-group-form-item-layout-wrapper {
4298
4253
  display: inline-flex; }
@@ -4557,7 +4512,6 @@ _:-ms-fullscreen, :root .em-ds-page-header-toolbar--ie-flex-basis-auto {
4557
4512
  top: -0.07692rem;
4558
4513
  left: -0.67692rem;
4559
4514
  width: 100%;
4560
- height: -webkit-fit-content;
4561
4515
  height: -moz-fit-content;
4562
4516
  height: fit-content;
4563
4517
  font-size: 1.8461rem;
@@ -7425,7 +7379,6 @@ div.em-ds-button {
7425
7379
  .em-ds-labelValueGroup__wrapper {
7426
7380
  display: flex;
7427
7381
  flex-direction: column;
7428
- width: -webkit-fit-content;
7429
7382
  width: -moz-fit-content;
7430
7383
  width: fit-content;
7431
7384
  max-width: 100%; }
@@ -8799,7 +8752,6 @@ div.em-ds-button {
8799
8752
  display: flex;
8800
8753
  flex-direction: column;
8801
8754
  justify-content: center;
8802
- width: -webkit-fit-content;
8803
8755
  width: -moz-fit-content;
8804
8756
  width: fit-content;
8805
8757
  margin: 0; }
@@ -11444,7 +11396,6 @@ body > .em-ds-tree-item {
11444
11396
  flex-direction: column;
11445
11397
  border: none;
11446
11398
  box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.24);
11447
- width: -webkit-fit-content;
11448
11399
  width: -moz-fit-content;
11449
11400
  width: fit-content; }
11450
11401
  .em-ds-single-date__wrapper > * > .DayPicker {
@@ -11453,7 +11404,6 @@ body > .em-ds-tree-item {
11453
11404
  .em-ds-date-range-picker__header {
11454
11405
  display: flex;
11455
11406
  justify-content: center;
11456
- width: -webkit-fit-content;
11457
11407
  width: -moz-fit-content;
11458
11408
  width: fit-content;
11459
11409
  flex-grow: 1;
@@ -12753,7 +12703,6 @@ body > .em-ds-tree-item {
12753
12703
  float: left;
12754
12704
  height: 24px;
12755
12705
  padding: 3px 5px;
12756
- width: -webkit-fit-content;
12757
12706
  width: -moz-fit-content;
12758
12707
  width: fit-content; }
12759
12708
  .ql-snow.ql-toolbar button:hover,