@elliemae/ds-basic 2.0.0-alpha.3 → 2.0.0-alpha.7

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 (72) hide show
  1. package/cjs/Accordion/index.js +2 -6
  2. package/cjs/AppPicker/index.js +2 -6
  3. package/cjs/Backdrop/index.js +2 -6
  4. package/cjs/Breadcrumb/index.js +2 -6
  5. package/cjs/Button/index.js +2 -6
  6. package/cjs/ButtonGroup/index.js +2 -6
  7. package/cjs/Card/index.js +2 -6
  8. package/cjs/CircularProgressIndicator/index.js +2 -6
  9. package/cjs/Grid/index.js +2 -6
  10. package/cjs/GroupBox/index.js +2 -6
  11. package/cjs/Header/index.js +2 -6
  12. package/cjs/Hidden/index.js +2 -6
  13. package/cjs/Icon/index.js +2 -6
  14. package/cjs/IndeterminateProgressIndicator/index.js +2 -6
  15. package/cjs/LabelValue/index.js +2 -6
  16. package/cjs/ListSectionHeader/index.js +2 -6
  17. package/cjs/LoadingIndicator/index.js +2 -6
  18. package/cjs/Menu/index.js +2 -6
  19. package/cjs/Overlay/index.js +2 -6
  20. package/cjs/PageHeader/index.js +2 -6
  21. package/cjs/PageNumber/index.js +2 -6
  22. package/cjs/Pills/index.js +2 -6
  23. package/cjs/Popover/index.js +2 -6
  24. package/cjs/Popper/index.js +2 -6
  25. package/cjs/Portal/index.js +2 -6
  26. package/cjs/ProgressIndicator/index.js +2 -6
  27. package/cjs/ReadMore/index.js +2 -6
  28. package/cjs/ResizableContainer/index.js +2 -6
  29. package/cjs/Separator/index.js +2 -6
  30. package/cjs/SidePanel/index.js +2 -6
  31. package/cjs/Slider/index.js +2 -6
  32. package/cjs/Spinner/index.js +2 -6
  33. package/cjs/Tabs/index.js +2 -6
  34. package/cjs/TextWrapper/index.js +2 -6
  35. package/cjs/TimePicker/index.js +6 -18
  36. package/cjs/Toast/index.js +2 -6
  37. package/cjs/Toolbar/index.js +2 -6
  38. package/cjs/Tooltip/index.js +2 -6
  39. package/cjs/TruncatedExpandableText/index.js +2 -6
  40. package/cjs/TruncatedTooltipText/index.js +2 -6
  41. package/cjs/ZipCodeSearch/index.js +2 -6
  42. package/cjs/Zoom/index.js +2 -6
  43. package/cjs/form/Checkbox/index.js +2 -6
  44. package/cjs/form/CheckboxGroup/index.js +2 -6
  45. package/cjs/form/ComboBox/index.js +4 -12
  46. package/cjs/form/ComboBoxFreeSolo/index.js +2 -6
  47. package/cjs/form/DateInput/index.js +2 -6
  48. package/cjs/form/DateInputV2/index.js +3 -9
  49. package/cjs/form/ExpandableInput/index.js +2 -6
  50. package/cjs/form/FloatingLabelInput/index.js +2 -6
  51. package/cjs/form/FormItem/index.js +5 -15
  52. package/cjs/form/Input/index.js +2 -6
  53. package/cjs/form/InputGroup/index.js +2 -6
  54. package/cjs/form/InputMask/index.js +2 -6
  55. package/cjs/form/InputProtected/index.js +2 -6
  56. package/cjs/form/LargeInputText/index.js +2 -6
  57. package/cjs/form/Radio/index.js +2 -6
  58. package/cjs/form/RadioGroup/index.js +2 -6
  59. package/cjs/form/RequiredMark/index.js +2 -6
  60. package/cjs/form/SearchBox/index.js +5 -15
  61. package/cjs/form/TextBox/index.js +2 -6
  62. package/cjs/form/TimeInput/index.js +2 -6
  63. package/cjs/form/Toggle/index.js +2 -6
  64. package/cjs/form/index.js +1 -3
  65. package/cjs/index.js +44 -132
  66. package/css/dimsum.css +148 -173
  67. package/css/dimsum.min.css +1 -1
  68. package/css/dimsum.min.css.map +1 -1
  69. package/package.json +52 -52
  70. package/styles/components/packages/ds-app-picker/DSAppPicker.scss +72 -31
  71. package/styles/components/packages/ds-form/Radio/DSRadio.scss +49 -93
  72. package/styles/components/packages/ds-page-header/v2/components/PageHeaderToolbar/PageHeaderToolbar.scss +0 -1
package/css/dimsum.css CHANGED
@@ -3990,24 +3990,7 @@ fieldset.em-ds-form-item-content {
3990
3990
  justify-content: center;
3991
3991
  align-items: center;
3992
3992
  align-self: flex-start;
3993
- position: relative;
3994
- cursor: pointer; }
3995
- .em-ds-form-element-radio__input-button:after {
3996
- border-radius: 50%;
3997
- transition: 200ms cubic-bezier(0.64, 0, 0.35, 1);
3998
- width: 0.61538rem;
3999
- height: 0.61538rem; }
4000
- .em-ds-form-element-radio__input-button:hover {
4001
- outline: none;
4002
- border: calc(0.30769rem * 0.25) solid #1e79c2;
4003
- box-shadow: inset 0 0 0 1px #8cc2ed;
4004
- border-radius: 2px;
4005
- border: solid 1px #1e79c2; }
4006
- .em-ds-form-element-radio__input-button:focus {
4007
- outline: none;
4008
- border: calc(0.30769rem * 0.25) solid #1e79c2;
4009
- box-shadow: inset 0 0 0 1px #8cc2ed;
4010
- border-radius: 2px; }
3993
+ position: relative; }
4011
3994
 
4012
3995
  .em-ds-form-element-radio__label {
4013
3996
  position: relative;
@@ -4026,112 +4009,70 @@ fieldset.em-ds-form-item-content {
4026
4009
  .em-ds-form-element-radio circle.unchecked {
4027
4010
  fill: #FFFFFF; }
4028
4011
  .em-ds-form-element-radio .em-ds-form-element-radio__label:hover .em-ds-form-element-radio__input-button {
4029
- border: solid 1px #1e79c2; }
4030
- .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 {
4031
- outline: none;
4032
- border: calc(0.30769rem * 0.25) solid #1e79c2;
4033
- box-shadow: inset 0 0 0 1px #8cc2ed;
4034
- border-radius: 2px;
4035
- background-color: #FFFFFF; }
4036
- .em-ds-form-element-radio .em-ds-form-element-radio__label:active .em-ds-form-element-radio__input-button {
4037
- outline: none;
4038
- border: calc(0.30769rem * 0.25) solid #1e79c2;
4039
- box-shadow: inset 0 0 0 1px #8cc2ed;
4040
- border-radius: 2px;
4012
+ border-color: #1e79c2;
4041
4013
  background-color: #EBF6FF; }
4042
- .em-ds-form-element-radio .em-ds-form-element-radio__label:active circle.unchecked {
4014
+ .em-ds-form-element-radio .em-ds-form-element-radio__label:hover circle.unchecked {
4043
4015
  fill: #EBF6FF; }
4044
- .em-ds-form-element-radio .em-ds-form-element-radio__label:focus .em-ds-form-element-radio__input-button {
4045
- background-color: #EBF6FF; }
4046
- .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 {
4047
- outline: none;
4048
- border: calc(0.30769rem * 0.25) solid #1e79c2;
4049
- box-shadow: inset 0 0 0 1px #8cc2ed;
4050
- border-radius: 2px;
4016
+ .em-ds-form-element-radio .em-ds-form-element-radio__label .em-ds-form-element-radio__input-button:focus {
4017
+ box-shadow: none; }
4018
+ .em-ds-form-element-radio .em-ds-form-element-radio__label .em-ds-form-element-radio__input-button:focus:not(:active) {
4019
+ border: solid 2px #006AA9; }
4020
+ .em-ds-form-element-radio .em-ds-form-element-radio__label .em-ds-form-element-radio__input-button:active {
4051
4021
  background-color: #FFFFFF; }
4052
- .em-ds-form-element-radio .em-ds-form-element-radio__label:focus circle.unchecked {
4053
- fill: #EBF6FF; }
4054
- .em-ds-form-element-radio .em-ds-form-element-radio__input:checked + .em-ds-form-element-radio__input-button {
4055
- border-color: #8C93A6; }
4056
- .em-ds-form-element-radio .em-ds-form-element-radio__input:checked + .em-ds-form-element-radio__input-button circle.checked {
4057
- fill: #1e79c2; }
4058
- .em-ds-form-element-radio .em-ds-form-element-radio__input:checked + .em-ds-form-element-radio .em-ds-form-element-radio__input:hover,
4059
- .em-ds-form-element-radio .em-ds-form-element-radio__input:checked + .em-ds-form-element-radio .em-ds-form-element-radio__input:focus {
4060
- border-color: #1e79c2;
4061
- background-color: #FFFFFF;
4062
- outline: none;
4063
- border: calc(0.30769rem * 0.25) solid #1e79c2;
4064
- box-shadow: inset 0 0 0 1px #8cc2ed;
4065
- border-radius: 2px; }
4022
+ .em-ds-form-element-radio .em-ds-form-element-radio__label .em-ds-form-element-radio__input-button:active circle.unchecked {
4023
+ fill: #FFFFFF; }
4024
+ .em-ds-form-element-radio .em-ds-form-element-radio__input:checked + .em-ds-form-element-radio__input-button circle.checked {
4025
+ fill: #1e79c2; }
4066
4026
 
4067
4027
  .em-ds-form-element-radio--error .em-ds-form-element-radio__input-button {
4068
- border: solid 1px #C64252; }
4069
- .em-ds-form-element-radio--error .em-ds-form-element-radio__input-button:focus {
4070
- border-color: #1e79c2; }
4028
+ border-color: #C64252; }
4071
4029
 
4072
- .em-ds-form-element-radio--error .em-ds-form-element-radio__label:hover .em-ds-form-element-radio__input-button {
4073
- border: solid 1px #C64252; }
4030
+ .em-ds-form-element-radio--error .em-ds-form-element-radio__label:hover .em-ds-form-element-radio__input-button:not(:focus) {
4031
+ border-color: #C64252; }
4074
4032
 
4075
4033
  .em-ds-form-element-radio--error .em-ds-form-element-radio__label:active .em-ds-form-element-radio__input-button {
4076
- background-color: #F7CDD2;
4077
- box-shadow: unset; }
4034
+ border-color: #C64252; }
4078
4035
 
4079
4036
  .em-ds-form-element-radio--error .em-ds-form-element-radio__label:active circle.unchecked {
4080
- fill: #F7CDD2; }
4037
+ fill: #EBEDF0; }
4081
4038
 
4082
- .em-ds-form-element-radio--error .em-ds-form-element-radio__input:checked + .em-ds-form-element-radio__input-button {
4083
- border-color: #C64252; }
4084
- .em-ds-form-element-radio--error .em-ds-form-element-radio__input:checked + .em-ds-form-element-radio__input-button circle.checked {
4085
- fill: #C64252; }
4039
+ .em-ds-form-element-radio--error .em-ds-form-element-radio__input:checked + .em-ds-form-element-radio__input-button circle.checked {
4040
+ fill: #C64252; }
4086
4041
 
4087
4042
  .em-ds-form-element-radio--disabled circle.checked {
4088
4043
  fill: #8C93A6; }
4089
4044
 
4045
+ .em-ds-form-element-radio--disabled circle.unchecked {
4046
+ fill: #EBEDF0; }
4047
+
4090
4048
  .em-ds-form-element-radio--disabled .em-ds-form-element-radio__label {
4091
4049
  cursor: not-allowed; }
4092
4050
  .em-ds-form-element-radio--disabled .em-ds-form-element-radio__label:hover .em-ds-form-element-radio__input-button {
4093
- border-color: #8C93A6; }
4094
- .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 {
4051
+ border-color: #8C93A6;
4095
4052
  background-color: #EBEDF0; }
4053
+ .em-ds-form-element-radio--disabled .em-ds-form-element-radio__label:hover circle.unchecked {
4054
+ fill: #EBEDF0; }
4096
4055
  .em-ds-form-element-radio--disabled .em-ds-form-element-radio__label:active .em-ds-form-element-radio__input-button {
4097
- background: #EBEDF0; }
4056
+ background-color: #EBEDF0; }
4098
4057
  .em-ds-form-element-radio--disabled .em-ds-form-element-radio__label:active circle.unchecked {
4099
4058
  fill: #EBEDF0; }
4059
+ .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 {
4060
+ background-color: #EBEDF0; }
4100
4061
 
4101
4062
  .em-ds-form-element-radio--disabled .em-ds-form-element-radio__label-text {
4102
4063
  color: #697489; }
4103
4064
 
4104
4065
  .em-ds-form-element-radio--disabled .em-ds-form-element-radio__input-button {
4105
4066
  pointer-events: none;
4106
- border-color: #8C93A6;
4107
4067
  background: #EBEDF0; }
4108
- .em-ds-form-element-radio--disabled .em-ds-form-element-radio__input-button circle.unchecked {
4109
- fill: transparent; }
4110
4068
  .em-ds-form-element-radio--disabled .em-ds-form-element-radio__input-button:hover {
4111
4069
  border-color: #8C93A6; }
4112
4070
 
4113
- .em-ds-form-element-radio--disabled .em-ds-form-element-radio__input {
4114
- background-color: #EBEDF0; }
4115
- .em-ds-form-element-radio--disabled .em-ds-form-element-radio__input:checked + .em-ds-form-element-radio__input-button {
4116
- border-color: #697489; }
4117
- .em-ds-form-element-radio--disabled .em-ds-form-element-radio__input:checked + .em-ds-form-element-radio__input-button circle.checked {
4118
- fill: #697489; }
4119
- .em-ds-form-element-radio--disabled .em-ds-form-element-radio__input:checked + .em-ds-form-element-radio__label-text {
4120
- color: #697489; }
4121
-
4122
- .em-ds-form-element-radio--readonly .em-ds-form-element-radio__input-button {
4071
+ .em-ds-form-element-radio--readonly .em-ds-form-element-radio__label:hover .em-ds-form-element-radio__input-button {
4123
4072
  border-color: #8C93A6; }
4124
- .em-ds-form-element-radio--readonly .em-ds-form-element-radio__input-button:focus {
4125
- border-color: #1e79c2;
4126
- outline: none;
4127
- border: calc(0.30769rem * 0.25) solid #1e79c2;
4128
- box-shadow: inset 0 0 0 1px #8cc2ed;
4129
- border-radius: 2px; }
4130
4073
 
4131
- .em-ds-form-element-radio--readonly .em-ds-form-element-radio__input:checked + .em-ds-form-element-radio__input-button {
4132
- border-color: #697489; }
4133
- .em-ds-form-element-radio--readonly .em-ds-form-element-radio__input:checked + .em-ds-form-element-radio__input-button circle.checked {
4134
- fill: #697489; }
4074
+ .em-ds-form-element-radio--readonly .em-ds-form-element-radio__input:checked + .em-ds-form-element-radio__input-button circle.checked {
4075
+ fill: #697489; }
4135
4076
 
4136
4077
  @media (max-width: 48rem) {
4137
4078
  .em-ds-form-element-radio__label-text {
@@ -4139,8 +4080,12 @@ fieldset.em-ds-form-item-content {
4139
4080
  .em-ds-form-element-radio {
4140
4081
  padding-bottom: calc(1.84615rem * 0.4);
4141
4082
  -webkit-tap-highlight-color: transparent; }
4142
- .em-ds-form-element-radio__label {
4143
- padding: calc(0.30769rem * 0.81) 0; }
4083
+ .em-ds-form-element-radio .em-ds-form-element-radio__label {
4084
+ padding: calc(0.30769rem * 0.81) 0; }
4085
+ .em-ds-form-element-radio .em-ds-form-element-radio__label .em-ds-form-element-radio__input-button {
4086
+ border: solid 2px #8C93A6; }
4087
+ .em-ds-form-element-radio .em-ds-form-element-radio__label .em-ds-form-element-radio__input-button:focus {
4088
+ border: solid 3px #006AA9; }
4144
4089
  .em-ds-form-element-radio__input-button {
4145
4090
  width: calc(1.23077rem * 1.22);
4146
4091
  min-width: calc(1.23077rem * 1.22);
@@ -4148,9 +4093,7 @@ fieldset.em-ds-form-item-content {
4148
4093
  border: solid 2px #8C93A6;
4149
4094
  margin-right: calc(1.23077rem * 0.81); }
4150
4095
  .em-ds-form-element-radio--error .em-ds-form-element-radio__input-button {
4151
- border: solid 2px #C64252; }
4152
- .em-ds-form-element-radio__input-button svg circle {
4153
- r: 6; } }
4096
+ border: solid 2px #C64252; } }
4154
4097
 
4155
4098
  @media only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
4156
4099
  .em-ds-form-element-radio__label-text {
@@ -4158,8 +4101,12 @@ fieldset.em-ds-form-item-content {
4158
4101
  .em-ds-form-element-radio {
4159
4102
  padding-bottom: calc(1.84615rem * 0.4);
4160
4103
  -webkit-tap-highlight-color: transparent; }
4161
- .em-ds-form-element-radio__label {
4162
- padding: calc(0.30769rem * 0.81) 0; }
4104
+ .em-ds-form-element-radio .em-ds-form-element-radio__label {
4105
+ padding: calc(0.30769rem * 0.81) 0; }
4106
+ .em-ds-form-element-radio .em-ds-form-element-radio__label .em-ds-form-element-radio__input-button {
4107
+ border: solid 2px #8C93A6; }
4108
+ .em-ds-form-element-radio .em-ds-form-element-radio__label .em-ds-form-element-radio__input-button:focus {
4109
+ border: solid 3px #006AA9; }
4163
4110
  .em-ds-form-element-radio__input-button {
4164
4111
  width: calc(1.23077rem * 1.22);
4165
4112
  min-width: calc(1.23077rem * 1.22);
@@ -4167,9 +4114,7 @@ fieldset.em-ds-form-item-content {
4167
4114
  border: solid 2px #8C93A6;
4168
4115
  margin-right: calc(1.23077rem * 0.81); }
4169
4116
  .em-ds-form-element-radio--error .em-ds-form-element-radio__input-button {
4170
- border: solid 2px #C64252; }
4171
- .em-ds-form-element-radio__input-button svg circle {
4172
- r: 6; } }
4117
+ border: solid 2px #C64252; } }
4173
4118
 
4174
4119
  @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) {
4175
4120
  .em-ds-form-element-radio__label-text {
@@ -4177,8 +4122,12 @@ fieldset.em-ds-form-item-content {
4177
4122
  .em-ds-form-element-radio {
4178
4123
  padding-bottom: calc(1.84615rem * 0.4);
4179
4124
  -webkit-tap-highlight-color: transparent; }
4180
- .em-ds-form-element-radio__label {
4181
- padding: calc(0.30769rem * 0.81) 0; }
4125
+ .em-ds-form-element-radio .em-ds-form-element-radio__label {
4126
+ padding: calc(0.30769rem * 0.81) 0; }
4127
+ .em-ds-form-element-radio .em-ds-form-element-radio__label .em-ds-form-element-radio__input-button {
4128
+ border: solid 2px #8C93A6; }
4129
+ .em-ds-form-element-radio .em-ds-form-element-radio__label .em-ds-form-element-radio__input-button:focus {
4130
+ border: solid 3px #006AA9; }
4182
4131
  .em-ds-form-element-radio__input-button {
4183
4132
  width: calc(1.23077rem * 1.22);
4184
4133
  min-width: calc(1.23077rem * 1.22);
@@ -4186,9 +4135,7 @@ fieldset.em-ds-form-item-content {
4186
4135
  border: solid 2px #8C93A6;
4187
4136
  margin-right: calc(1.23077rem * 0.81); }
4188
4137
  .em-ds-form-element-radio--error .em-ds-form-element-radio__input-button {
4189
- border: solid 2px #C64252; }
4190
- .em-ds-form-element-radio__input-button svg circle {
4191
- r: 6; } }
4138
+ border: solid 2px #C64252; } }
4192
4139
 
4193
4140
  @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) {
4194
4141
  .em-ds-form-element-radio__label-text {
@@ -4196,8 +4143,12 @@ fieldset.em-ds-form-item-content {
4196
4143
  .em-ds-form-element-radio {
4197
4144
  padding-bottom: calc(1.84615rem * 0.4);
4198
4145
  -webkit-tap-highlight-color: transparent; }
4199
- .em-ds-form-element-radio__label {
4200
- padding: calc(0.30769rem * 0.81) 0; }
4146
+ .em-ds-form-element-radio .em-ds-form-element-radio__label {
4147
+ padding: calc(0.30769rem * 0.81) 0; }
4148
+ .em-ds-form-element-radio .em-ds-form-element-radio__label .em-ds-form-element-radio__input-button {
4149
+ border: solid 2px #8C93A6; }
4150
+ .em-ds-form-element-radio .em-ds-form-element-radio__label .em-ds-form-element-radio__input-button:focus {
4151
+ border: solid 3px #006AA9; }
4201
4152
  .em-ds-form-element-radio__input-button {
4202
4153
  width: calc(1.23077rem * 1.22);
4203
4154
  min-width: calc(1.23077rem * 1.22);
@@ -4205,9 +4156,7 @@ fieldset.em-ds-form-item-content {
4205
4156
  border: solid 2px #8C93A6;
4206
4157
  margin-right: calc(1.23077rem * 0.81); }
4207
4158
  .em-ds-form-element-radio--error .em-ds-form-element-radio__input-button {
4208
- border: solid 2px #C64252; }
4209
- .em-ds-form-element-radio__input-button svg circle {
4210
- r: 6; } }
4159
+ border: solid 2px #C64252; } }
4211
4160
 
4212
4161
  @media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
4213
4162
  .em-ds-form-element-radio__label-text {
@@ -4215,8 +4164,12 @@ fieldset.em-ds-form-item-content {
4215
4164
  .em-ds-form-element-radio {
4216
4165
  padding-bottom: calc(1.84615rem * 0.4);
4217
4166
  -webkit-tap-highlight-color: transparent; }
4218
- .em-ds-form-element-radio__label {
4219
- padding: calc(0.30769rem * 0.81) 0; }
4167
+ .em-ds-form-element-radio .em-ds-form-element-radio__label {
4168
+ padding: calc(0.30769rem * 0.81) 0; }
4169
+ .em-ds-form-element-radio .em-ds-form-element-radio__label .em-ds-form-element-radio__input-button {
4170
+ border: solid 2px #8C93A6; }
4171
+ .em-ds-form-element-radio .em-ds-form-element-radio__label .em-ds-form-element-radio__input-button:focus {
4172
+ border: solid 3px #006AA9; }
4220
4173
  .em-ds-form-element-radio__input-button {
4221
4174
  width: calc(1.23077rem * 1.22);
4222
4175
  min-width: calc(1.23077rem * 1.22);
@@ -4224,9 +4177,7 @@ fieldset.em-ds-form-item-content {
4224
4177
  border: solid 2px #8C93A6;
4225
4178
  margin-right: calc(1.23077rem * 0.81); }
4226
4179
  .em-ds-form-element-radio--error .em-ds-form-element-radio__input-button {
4227
- border: solid 2px #C64252; }
4228
- .em-ds-form-element-radio__input-button svg circle {
4229
- r: 6; } }
4180
+ border: solid 2px #C64252; } }
4230
4181
 
4231
4182
  @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) {
4232
4183
  .em-ds-form-element-radio__label-text {
@@ -4234,8 +4185,12 @@ fieldset.em-ds-form-item-content {
4234
4185
  .em-ds-form-element-radio {
4235
4186
  padding-bottom: calc(1.84615rem * 0.4);
4236
4187
  -webkit-tap-highlight-color: transparent; }
4237
- .em-ds-form-element-radio__label {
4238
- padding: calc(0.30769rem * 0.81) 0; }
4188
+ .em-ds-form-element-radio .em-ds-form-element-radio__label {
4189
+ padding: calc(0.30769rem * 0.81) 0; }
4190
+ .em-ds-form-element-radio .em-ds-form-element-radio__label .em-ds-form-element-radio__input-button {
4191
+ border: solid 2px #8C93A6; }
4192
+ .em-ds-form-element-radio .em-ds-form-element-radio__label .em-ds-form-element-radio__input-button:focus {
4193
+ border: solid 3px #006AA9; }
4239
4194
  .em-ds-form-element-radio__input-button {
4240
4195
  width: calc(1.23077rem * 1.22);
4241
4196
  min-width: calc(1.23077rem * 1.22);
@@ -4243,9 +4198,7 @@ fieldset.em-ds-form-item-content {
4243
4198
  border: solid 2px #8C93A6;
4244
4199
  margin-right: calc(1.23077rem * 0.81); }
4245
4200
  .em-ds-form-element-radio--error .em-ds-form-element-radio__input-button {
4246
- border: solid 2px #C64252; }
4247
- .em-ds-form-element-radio__input-button svg circle {
4248
- r: 6; } }
4201
+ border: solid 2px #C64252; } }
4249
4202
 
4250
4203
  @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
4251
4204
  .em-ds-form-element-radio__label-text {
@@ -4253,8 +4206,12 @@ fieldset.em-ds-form-item-content {
4253
4206
  .em-ds-form-element-radio {
4254
4207
  padding-bottom: calc(1.84615rem * 0.4);
4255
4208
  -webkit-tap-highlight-color: transparent; }
4256
- .em-ds-form-element-radio__label {
4257
- padding: calc(0.30769rem * 0.81) 0; }
4209
+ .em-ds-form-element-radio .em-ds-form-element-radio__label {
4210
+ padding: calc(0.30769rem * 0.81) 0; }
4211
+ .em-ds-form-element-radio .em-ds-form-element-radio__label .em-ds-form-element-radio__input-button {
4212
+ border: solid 2px #8C93A6; }
4213
+ .em-ds-form-element-radio .em-ds-form-element-radio__label .em-ds-form-element-radio__input-button:focus {
4214
+ border: solid 3px #006AA9; }
4258
4215
  .em-ds-form-element-radio__input-button {
4259
4216
  width: calc(1.23077rem * 1.22);
4260
4217
  min-width: calc(1.23077rem * 1.22);
@@ -4262,9 +4219,7 @@ fieldset.em-ds-form-item-content {
4262
4219
  border: solid 2px #8C93A6;
4263
4220
  margin-right: calc(1.23077rem * 0.81); }
4264
4221
  .em-ds-form-element-radio--error .em-ds-form-element-radio__input-button {
4265
- border: solid 2px #C64252; }
4266
- .em-ds-form-element-radio__input-button svg circle {
4267
- r: 6; } }
4222
+ border: solid 2px #C64252; } }
4268
4223
 
4269
4224
  @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) {
4270
4225
  .em-ds-form-element-radio__label-text {
@@ -4272,8 +4227,12 @@ fieldset.em-ds-form-item-content {
4272
4227
  .em-ds-form-element-radio {
4273
4228
  padding-bottom: calc(1.84615rem * 0.4);
4274
4229
  -webkit-tap-highlight-color: transparent; }
4275
- .em-ds-form-element-radio__label {
4276
- padding: calc(0.30769rem * 0.81) 0; }
4230
+ .em-ds-form-element-radio .em-ds-form-element-radio__label {
4231
+ padding: calc(0.30769rem * 0.81) 0; }
4232
+ .em-ds-form-element-radio .em-ds-form-element-radio__label .em-ds-form-element-radio__input-button {
4233
+ border: solid 2px #8C93A6; }
4234
+ .em-ds-form-element-radio .em-ds-form-element-radio__label .em-ds-form-element-radio__input-button:focus {
4235
+ border: solid 3px #006AA9; }
4277
4236
  .em-ds-form-element-radio__input-button {
4278
4237
  width: calc(1.23077rem * 1.22);
4279
4238
  min-width: calc(1.23077rem * 1.22);
@@ -4281,9 +4240,7 @@ fieldset.em-ds-form-item-content {
4281
4240
  border: solid 2px #8C93A6;
4282
4241
  margin-right: calc(1.23077rem * 0.81); }
4283
4242
  .em-ds-form-element-radio--error .em-ds-form-element-radio__input-button {
4284
- border: solid 2px #C64252; }
4285
- .em-ds-form-element-radio__input-button svg circle {
4286
- r: 6; } }
4243
+ border: solid 2px #C64252; } }
4287
4244
 
4288
4245
  .em-ds-radio-group-form-item-layout-wrapper {
4289
4246
  display: inline-flex; }
@@ -4652,14 +4609,12 @@ _:-ms-fullscreen, :root .em-ds-page-header-toolbar--ie-flex-basis-auto {
4652
4609
  .em-ds-page-header-v2-toolbar .em-ds-toolbar {
4653
4610
  height: auto;
4654
4611
  background: none; }
4655
- .em-ds-page-header-v2-toolbar .em-ds-toolbar > div {
4656
- align-items: center; }
4657
- .em-ds-page-header-v2-toolbar .em-ds-toolbar > div .em-ds-button {
4658
- margin-left: 0.92308rem; }
4659
- .em-ds-page-header-v2-toolbar .em-ds-toolbar > div .em-ds-input-addon-wrapper {
4660
- box-shadow: none; }
4661
- .em-ds-page-header-v2-toolbar .em-ds-toolbar > div .em-ds-input-addon-wrapper div {
4662
- height: 100%; }
4612
+ .em-ds-page-header-v2-toolbar .em-ds-toolbar > div .em-ds-button {
4613
+ margin-left: 0.92308rem; }
4614
+ .em-ds-page-header-v2-toolbar .em-ds-toolbar > div .em-ds-input-addon-wrapper {
4615
+ box-shadow: none; }
4616
+ .em-ds-page-header-v2-toolbar .em-ds-toolbar > div .em-ds-input-addon-wrapper div {
4617
+ height: 100%; }
4663
4618
 
4664
4619
  .em-ds-page-header-v2-back {
4665
4620
  display: flex;
@@ -8846,8 +8801,10 @@ div.em-ds-button {
8846
8801
  display: flex;
8847
8802
  flex-direction: column;
8848
8803
  align-items: center;
8849
- justify-content: center;
8850
- width: 100%;
8804
+ min-width: 244px;
8805
+ max-height: 449px;
8806
+ overflow-y: scroll;
8807
+ padding-top: 4px;
8851
8808
  padding-bottom: 4px;
8852
8809
  margin: 0 auto; }
8853
8810
  .em-ds-app-picker__wrapper:focus {
@@ -8872,52 +8829,67 @@ div.em-ds-button {
8872
8829
  width: 100%; }
8873
8830
 
8874
8831
  .em-ds-app-picker__section-title {
8875
- color: #697489;
8876
- font-size: size(m);
8832
+ color: #353C46;
8833
+ font-size: 0.8461rem;
8877
8834
  font-weight: bold;
8878
- margin: 12px 0 4px; }
8835
+ margin: 8px 0 4px 0;
8836
+ line-height: 1;
8837
+ text-transform: uppercase; }
8879
8838
 
8880
8839
  .em-ds-app-picker__chip {
8881
8840
  display: flex;
8882
8841
  flex-direction: column;
8883
- justify-content: center;
8884
8842
  align-items: center;
8885
8843
  border-radius: 2%;
8844
+ padding: 8px 0 4px 0;
8886
8845
  margin: 4px;
8887
- padding: 6px;
8888
8846
  height: 68px;
8889
8847
  width: 68px;
8890
- color: #697489;
8891
- cursor: pointer; }
8892
- .em-ds-app-picker__chip:focus, .em-ds-app-picker__chip:hover {
8893
- outline: none;
8894
- border: calc(0.30769rem * 0.25) solid #1e79c2;
8895
- box-shadow: inset 0 0 0 1px #8cc2ed;
8896
- border-radius: 2px;
8897
- color: #353C46;
8898
- background-color: #FFFFFF; }
8899
- .em-ds-app-picker__chip:hover .app-picker__icon {
8900
- fill: #005181; }
8901
- .em-ds-app-picker__chip:active {
8848
+ line-height: 1px;
8849
+ background-color: #fff;
8850
+ color: #1e79c2;
8851
+ cursor: pointer;
8852
+ border: 2px solid transparent; }
8853
+ .em-ds-app-picker__chip:hover {
8854
+ color: #005181;
8855
+ background-color: #EBF6FF; }
8856
+ .em-ds-app-picker__chip:hover .app-picker__icon {
8857
+ fill: #005181; }
8858
+ .em-ds-app-picker__chip:focus {
8902
8859
  outline: none;
8903
- border: calc(0.30769rem * 0.25) solid #006AA9;
8904
- border-radius: 2px;
8905
- box-shadow: none;
8906
- background-color: #ecf8ff; }
8860
+ border: 2px solid #005181; }
8907
8861
  .em-ds-app-picker__chip--disabled {
8908
8862
  color: #697489;
8909
8863
  cursor: not-allowed; }
8910
- .em-ds-app-picker__chip--disabled:focus, .em-ds-app-picker__chip--disabled:active, .em-ds-app-picker__chip--disabled:hover {
8911
- background-color: #fcfcfc;
8912
- color: #697489;
8913
- border: 1px solid #697489;
8914
- outline: none;
8915
- outline-offset: none;
8916
- box-shadow: none; }
8864
+ .em-ds-app-picker__chip--disabled .app-picker__icon {
8865
+ fill: #697489; }
8866
+ .em-ds-app-picker__chip--disabled:focus, .em-ds-app-picker__chip--disabled:hover {
8867
+ background-color: #fff;
8868
+ cursor: not-allowed;
8869
+ border: 2px solid transparent; }
8870
+ .em-ds-app-picker__chip--disabled:focus .em-ds-app-picker__chip-label, .em-ds-app-picker__chip--disabled:hover .em-ds-app-picker__chip-label {
8871
+ color: #697489; }
8917
8872
  .em-ds-app-picker__chip--disabled:hover .app-picker__icon {
8918
8873
  fill: #697489; }
8919
- .em-ds-app-picker__chip--disabled .app-picker__icon {
8920
- fill: #697489; }
8874
+ .em-ds-app-picker__chip--selected {
8875
+ color: #005181;
8876
+ background-color: #EBF6FF;
8877
+ position: relative; }
8878
+ .em-ds-app-picker__chip--selected .app-picker__icon {
8879
+ fill: #005181; }
8880
+ .em-ds-app-picker__chip--selected:focus {
8881
+ border: 2px solid transparent; }
8882
+ .em-ds-app-picker__chip--selected:focus::after {
8883
+ border: 2px solid #005181; }
8884
+ .em-ds-app-picker__chip--selected::after {
8885
+ position: absolute;
8886
+ content: '';
8887
+ top: -2px;
8888
+ left: -2px;
8889
+ width: calc(100% + 4px);
8890
+ height: calc(100% + 4px);
8891
+ border: 1px solid #1e79c2;
8892
+ border-radius: 2px; }
8921
8893
 
8922
8894
  .app-picker__icon {
8923
8895
  fill: #1e79c2; }
@@ -8926,15 +8898,18 @@ div.em-ds-button {
8926
8898
  background-color: transparent; }
8927
8899
 
8928
8900
  .em-ds-app-picker__chip-label {
8929
- font-size: 12px;
8901
+ font-size: 0.8461rem;
8930
8902
  font-weight: 600;
8931
- margin: 5px; }
8903
+ word-wrap: break-word;
8904
+ margin: 4px 0;
8905
+ line-height: 12px;
8906
+ text-overflow: ellipsis; }
8932
8907
 
8933
8908
  .em-ds-app-picker__separator {
8934
8909
  border-top: 1px solid #E0E3E8;
8935
8910
  border-bottom: none;
8936
8911
  width: 99%;
8937
- margin: 0; }
8912
+ margin-bottom: 0; }
8938
8913
 
8939
8914
  @keyframes pulse {
8940
8915
  0% {