@elliemae/ds-basic 2.2.0-next.7 → 2.2.0-next.8

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.
package/css/dimsum.css CHANGED
@@ -2895,8 +2895,8 @@ fieldset.em-ds-form-item-content {
2895
2895
  z-index: -1;
2896
2896
  width: calc(100% + 16px);
2897
2897
  height: calc(100% + 8px);
2898
- background-color: #FEFBEE;
2899
- border: 1px solid #8F6326;
2898
+ background-color: #fefbee;
2899
+ border: 1px solid #8f6326;
2900
2900
  border-radius: 4px;
2901
2901
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.35); }
2902
2902
 
@@ -2908,8 +2908,8 @@ fieldset.em-ds-form-item-content {
2908
2908
  z-index: -1;
2909
2909
  width: calc(100% + 16px);
2910
2910
  height: calc(100% + 8px);
2911
- background-color: #FFF9D3;
2912
- border: 1px solid #8F6326;
2911
+ background-color: #fff9d3;
2912
+ border: 2px solid #8f6326;
2913
2913
  border-radius: 4px;
2914
2914
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.3); }
2915
2915
 
@@ -7357,7 +7357,8 @@ div.em-ds-button {
7357
7357
  .em-ds-shuttle-wrapper .em-ds-shuttle-header__breadcrumb {
7358
7358
  overflow: hidden;
7359
7359
  align-self: center;
7360
- flex: 1; }
7360
+ flex: 1;
7361
+ padding: 4px 0; }
7361
7362
  .em-ds-shuttle-wrapper .em-ds-shuttle-header__breadcrumb .em-ds-breadcrumb {
7362
7363
  width: 100%; }
7363
7364
  .em-ds-shuttle-wrapper .em-ds-shuttle-header__breadcrumb .em-ds-breadcrumb ol {
@@ -7439,29 +7440,31 @@ div.em-ds-button {
7439
7440
  margin-right: 16px; }
7440
7441
 
7441
7442
  .em-ds-shuttle-list-item {
7442
- display: flex;
7443
- justify-content: flex-start;
7443
+ display: grid;
7444
+ grid-template-columns: auto -webkit-min-content;
7445
+ grid-template-columns: auto min-content;
7444
7446
  align-items: center;
7445
7447
  overflow: hidden;
7446
7448
  position: relative;
7447
7449
  border-bottom: 1px solid #E0E3E8;
7448
- background-color: #FFFFFF; }
7450
+ background-color: #FFFFFF;
7451
+ z-index: 999; }
7449
7452
  .em-ds-shuttle-list-item.drag-helper {
7450
7453
  border: 1px solid #E0E3E8; }
7451
7454
  .em-ds-shuttle-list-item__parent-helper-text {
7452
7455
  margin-left: 0.61538rem;
7453
7456
  color: #006AA9; }
7454
7457
  .em-ds-shuttle-list-item__content {
7455
- display: flex;
7458
+ display: grid;
7456
7459
  align-items: center;
7457
- flex: 1 0 auto;
7460
+ grid-template-columns: -webkit-min-content minmax(0px, -webkit-min-content) auto;
7461
+ grid-template-columns: min-content minmax(0px, min-content) auto;
7458
7462
  height: 2.76923rem;
7459
7463
  padding-left: 0.61538rem;
7460
7464
  padding-right: 0.61538rem;
7461
7465
  border-left: 4px solid #E0E3E8;
7462
7466
  cursor: default;
7463
- pointer-events: none;
7464
- max-width: calc(100% - 72px); }
7467
+ pointer-events: none; }
7465
7468
  .em-ds-shuttle-list-item__content span.shuttle-tooltip-text {
7466
7469
  cursor: pointer;
7467
7470
  pointer-events: all; }
@@ -7475,7 +7478,7 @@ div.em-ds-button {
7475
7478
  pointer-events: all; }
7476
7479
  .em-ds-shuttle-list-item__content--can-hover:hover {
7477
7480
  background-color: #F6FBFF; }
7478
- .em-ds-shuttle-list-item__icon-wrapper {
7481
+ .em-ds-shuttle-list-item__icon-wrapper > span {
7479
7482
  margin-right: 0.61538rem; }
7480
7483
  .em-ds-shuttle-list-item__actions {
7481
7484
  display: flex; }
@@ -7487,7 +7490,8 @@ div.em-ds-button {
7487
7490
  height: 2.76923rem;
7488
7491
  width: 2.76923rem;
7489
7492
  border-left: 1px solid #E0E3E8; }
7490
- .em-ds-shuttle-list-item__actions .em-ds-button svg, .em-ds-shuttle-list-item__actions .em-ds-button svg:not([fill]) {
7493
+ .em-ds-shuttle-list-item__actions .em-ds-button svg,
7494
+ .em-ds-shuttle-list-item__actions .em-ds-button svg:not([fill]) {
7491
7495
  fill: #1e79c2; }
7492
7496
  .em-ds-shuttle-list-item__actions .em-ds-button:hover:not(:disabled) {
7493
7497
  background-color: #F6FBFF; }