@elliemae/ds-basic 2.2.0-next.4 → 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 +19 -15
- package/css/dimsum.min.css +1 -1
- package/css/dimsum.min.css.map +1 -1
- package/package.json +44 -44
- package/styles/components/packages/ds-form/FormItem/DSFormItemLayout.scss +30 -35
- package/styles/components/packages/ds-shuttle/DSShuttle.scss +19 -22
- package/styles/components/packages/ds-treeview/Tree.scss +1 -1
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: #
|
|
2899
|
-
border: 1px solid #
|
|
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: #
|
|
2912
|
-
border:
|
|
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:
|
|
7443
|
-
|
|
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:
|
|
7458
|
+
display: grid;
|
|
7456
7459
|
align-items: center;
|
|
7457
|
-
|
|
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,
|
|
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; }
|
|
@@ -8869,7 +8873,7 @@ body > .em-ds-tree-item {
|
|
|
8869
8873
|
.em-ds-tree-item .tree-item-radio {
|
|
8870
8874
|
padding-bottom: 0; }
|
|
8871
8875
|
.em-ds-tree-item.hover {
|
|
8872
|
-
background-color: #
|
|
8876
|
+
background-color: #EBF6FF; }
|
|
8873
8877
|
.em-ds-tree-item.hover.selected {
|
|
8874
8878
|
background-color: #EBF6FF; }
|
|
8875
8879
|
.em-ds-tree-item:focus {
|