@elliemae/ds-basic 3.18.0-next.0 → 3.18.0-next.10

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.
@@ -1945,12 +1945,12 @@ VARIANTS
1945
1945
  border: calc(0.30769rem * 0.25) solid #006aa9;
1946
1946
  border-radius: 2px; }
1947
1947
 
1948
- .em-ds-selectbox__control--menu-is-open .em-ds-selectbox__indicator-separator,
1949
- .em-ds-selectbox--variant-active-icon .em-ds-selectbox__indicator-separator {
1948
+ .em-ds-selectbox__control--menu-is-open .em-ds-selectbox__indicator-separator,
1949
+ .em-ds-selectbox--variant-active-icon .em-ds-selectbox__indicator-separator {
1950
1950
  background-color: transparent; }
1951
1951
 
1952
- .em-ds-selectbox__control--menu-is-open .em-ds-selectbox__indicators,
1953
- .em-ds-selectbox--variant-active-icon .em-ds-selectbox__indicators {
1952
+ .em-ds-selectbox__control--menu-is-open .em-ds-selectbox__indicators,
1953
+ .em-ds-selectbox--variant-active-icon .em-ds-selectbox__indicators {
1954
1954
  outline: none;
1955
1955
  border: calc(0.30769rem * 0.25) solid #006aa9;
1956
1956
  border-radius: 2px; }
@@ -4778,7 +4778,8 @@ _:-ms-fullscreen, :root .em-ds-page-header-toolbar--ie-flex-basis-auto {
4778
4778
  top: 50%; }
4779
4779
  .em-ds-time-picker-panel__wrapper .em-ds-time-picker-panel__item--disabled:hover {
4780
4780
  color: #697489; }
4781
- .em-ds-time-picker-panel__wrapper .em-ds-time-picker-panel__item:hover :not(.em-ds-time-picker-panel__item--disabled) :not(.em-ds-time-picker-panel__item--selected) {
4781
+ .em-ds-time-picker-panel__wrapper .em-ds-time-picker-panel__item:hover :not(.em-ds-time-picker-panel__item--disabled)
4782
+ :not(.em-ds-time-picker-panel__item--selected) {
4782
4783
  border: 1px solid #1e79c2;
4783
4784
  box-shadow: inset 0 0 0 1px #a3d6ff;
4784
4785
  font-weight: lighter;
@@ -11395,114 +11396,3 @@ body > .em-ds-tree-item {
11395
11396
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.13), 0 2px 4px 0 rgba(0, 0, 0, 0.2);
11396
11397
  background: #ffffff;
11397
11398
  padding: 0.61538rem; }
11398
-
11399
- .em-ds-comments__comments {
11400
- width: calc(3.69231rem * 7);
11401
- display: flex;
11402
- align-items: flex-end;
11403
- padding-bottom: 9.99385rem;
11404
- position: relative; }
11405
- .em-ds-comments__comments-scroll {
11406
- overflow-x: scroll;
11407
- height: 100%;
11408
- padding: 1px; }
11409
- .em-ds-comments__comments-scroll--not-scroll {
11410
- display: flex;
11411
- flex-direction: column;
11412
- align-items: flex-end;
11413
- justify-content: flex-end; }
11414
- .em-ds-comments__comments .em-ds-comments__area {
11415
- position: absolute;
11416
- bottom: 0;
11417
- left: 1; }
11418
-
11419
- .em-ds-comments__area {
11420
- border-top: solid 1px #e0e3e8;
11421
- padding: 0.61538rem 1.84615rem;
11422
- height: 9.99385rem;
11423
- width: calc(3.69231rem * 7 - 2px); }
11424
-
11425
- .em-ds-comments__counter {
11426
- text-align: right;
11427
- padding: 0.30769rem; }
11428
- .em-ds-comments__counter span {
11429
- margin: 0 0.09231rem; }
11430
-
11431
- .em-ds-comments__submit-wrapper {
11432
- padding: 0.61538rem 0;
11433
- display: flex;
11434
- justify-content: space-between;
11435
- flex-wrap: wrap; }
11436
-
11437
- .em-ds-comments__comment-card-wrapper, .em-ds-comments__comment-empty {
11438
- min-height: 5.80923rem;
11439
- min-width: 18.80615rem;
11440
- padding-left: 1.84615rem;
11441
- padding-right: 1.84615rem;
11442
- width: 100%; }
11443
- .em-ds-comments__comment-card-wrapper:focus, .em-ds-comments__comment-empty:focus {
11444
- outline: none;
11445
- position: relative; }
11446
- .em-ds-comments__comment-card-wrapper:focus:after, .em-ds-comments__comment-empty:focus:after {
11447
- content: '';
11448
- position: absolute;
11449
- top: 0;
11450
- left: 0;
11451
- width: 100%;
11452
- height: 100%;
11453
- pointer-events: none;
11454
- outline: none;
11455
- border: calc(0.30769rem * 0.25) solid #1e79c2;
11456
- box-shadow: inset 0 0 0 1px #8cc2ed;
11457
- border-radius: 2px; }
11458
- .em-ds-comments__comment-card-wrapper--borderBottom {
11459
- border-top: solid 0 #e0e3e8;
11460
- border-bottom: solid 1px #e0e3e8;
11461
- margin-bottom: 1.23077rem; }
11462
-
11463
- .em-ds-comments__comment-empty {
11464
- width: calc(3.69231rem * 7);
11465
- text-align: center; }
11466
-
11467
- .em-ds-comments__comment-empty-icon {
11468
- padding: 1.23077rem 1.84615rem; }
11469
- .em-ds-comments__comment-empty-icon svg, .em-ds-comments__comment-empty-icon svg:not([fill]) {
11470
- fill: #cbcfd7; }
11471
-
11472
- .em-ds-comments__comment-empty-label {
11473
- padding: 0 1.84615rem 1.23077rem 1.84615rem;
11474
- color: #697489; }
11475
-
11476
- .em-ds-comments__comment-card-header {
11477
- border-top: solid 1px #e0e3e8;
11478
- display: flex;
11479
- padding: 0.30769rem 0.30769rem 0.30769rem 0.61538rem; }
11480
- .em-ds-comments__comment-card-header--borderBottom {
11481
- border-top: solid 0 #e0e3e8; }
11482
-
11483
- .em-ds-comments__comment-card-left {
11484
- flex: 1; }
11485
-
11486
- .em-ds-comments__comment-card-name {
11487
- font-size: 1.0769rem;
11488
- font-weight: 600;
11489
- color: #353c46;
11490
- padding-bottom: 0.15385rem; }
11491
-
11492
- .em-ds-comments__comment-card-data {
11493
- font-size: 0.923rem;
11494
- font-weight: 300;
11495
- color: #697489; }
11496
- .em-ds-comments__comment-card-data span {
11497
- padding: 0 0.30769rem; }
11498
-
11499
- .em-ds-comments__comment-card-content {
11500
- padding: 0 0.61538rem 0.61538rem 0.61538rem;
11501
- font-size: 1rem;
11502
- line-height: 1.3;
11503
- color: #697489; }
11504
- .em-ds-comments__comment-card-content button {
11505
- display: inline-block;
11506
- height: auto;
11507
- padding-left: 0.61538rem;
11508
- padding-right: 0.61538rem; }