@elliemae/ds-basic 3.22.0-next.3 → 3.22.0-next.30

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 (29) hide show
  1. package/dist/css/dimsum.css +24 -23
  2. package/dist/css/dimsum.min.css +1 -1
  3. package/dist/css/dimsum.min.css.map +1 -1
  4. package/dist/styles/components/packages/ds-basic/index.scss +47 -47
  5. package/dist/styles/components/packages/ds-basic/styles/components/index.scss +19 -19
  6. package/dist/styles/components/packages/ds-button-v1/DSButton.scss +23 -15
  7. package/dist/styles/components/packages/{ds-page-header/v1 → ds-page-header-v1}/DSPageHeader.scss +4 -4
  8. package/dist/styles/components/packages/{ds-toolbar → ds-toolbar-v1}/DSToolbar.scss +4 -6
  9. package/package.json +4 -4
  10. package/dist/styles/components/packages/ds-circular-progress-indicator/DSCircularProgressIndicator.scss +0 -81
  11. package/dist/styles/components/packages/ds-dropdownmenu/DSDropdownMenu.scss +0 -128
  12. package/dist/styles/components/packages/ds-indeterminate-progress-indicator/DSIndeterminateProgressIndicator.scss +0 -167
  13. package/dist/styles/components/packages/ds-modal-slide/DSModalSlide.scss +0 -170
  14. package/dist/styles/components/packages/ds-page-header/DSPageHeader.scss +0 -1
  15. package/dist/styles/components/packages/ds-progress-indicator/DSProgressIndicator.scss +0 -90
  16. package/dist/styles/components/packages/ds-query-builder/DSQueryBuilder.scss +0 -20
  17. package/dist/styles/components/packages/ds-query-builder/components/AndOrController/AndOrController.scss +0 -179
  18. package/dist/styles/components/packages/ds-query-builder/components/ConditionController/ConditionController.scss +0 -60
  19. package/dist/styles/components/packages/ds-query-builder/components/DisplayOutput/DisplayOutput.scss +0 -27
  20. package/dist/styles/components/packages/ds-query-builder/components/DragContainerController/DragContainerController.scss +0 -25
  21. package/dist/styles/components/packages/ds-query-builder/components/DragControllerRow/DragControllerRow.scss +0 -15
  22. package/dist/styles/components/packages/ds-query-builder/components/FieldControllerRow/FieldControllerRow.scss +0 -92
  23. package/dist/styles/components/packages/ds-query-builder/components/Nestable/Nestable.scss +0 -140
  24. package/dist/styles/components/packages/ds-query-builder/components/QueryBuilderItem/QueryBuilderItem.scss +0 -108
  25. package/dist/styles/components/packages/ds-query-builder/components/QueryBuilderRow/QueryBuilderRow.scss +0 -92
  26. package/dist/styles/components/packages/ds-ribbon/DSRibbon.scss +0 -5
  27. package/dist/styles/components/packages/ds-separator/DSSeparator.scss +0 -133
  28. package/dist/styles/components/packages/ds-tooltip/v1/DSTooltip.scss +0 -92
  29. package/dist/styles/components/packages/ds-treeview/Tree.scss +0 -262
package/dist/css/dimsum.css CHANGED
@@ -4582,7 +4582,8 @@ legend.em-ds-label--group .em-ds-form-required-mark {
4582
4582
  align-items: flex-end;
4583
4583
  justify-content: flex-end; }
4584
4584
 
4585
- _:-ms-fullscreen, :root .em-ds-page-header-toolbar--ie-flex-basis-auto {
4585
+ _:-ms-fullscreen,
4586
+ :root .em-ds-page-header-toolbar--ie-flex-basis-auto {
4586
4587
  flex-basis: auto; }
4587
4588
 
4588
4589
  .em-ds-page-header-breadcrumb {
@@ -5200,7 +5201,7 @@ _:-ms-fullscreen, :root .em-ds-page-header-toolbar--ie-flex-basis-auto {
5200
5201
  right: 0; }
5201
5202
 
5202
5203
  div.em-ds-button {
5203
- -webkit-appearance: initial; }
5204
+ appearance: initial; }
5204
5205
 
5205
5206
  .em-ds-button {
5206
5207
  font-size: 1rem;
@@ -5387,7 +5388,7 @@ div.em-ds-button {
5387
5388
  .em-ds-button--link.em-ds-button--icon-only:focus span.label-wrapper, .em-ds-button--link.em-ds-button--icon-only.em-ds-button--variant-focus span.label-wrapper {
5388
5389
  outline: none;
5389
5390
  position: relative; }
5390
- .em-ds-button--link.em-ds-button--icon-only:focus span.label-wrapper:after, .em-ds-button--link.em-ds-button--icon-only.em-ds-button--variant-focus span.label-wrapper:after {
5391
+ .em-ds-button--link.em-ds-button--icon-only:focus span.label-wrapper::after, .em-ds-button--link.em-ds-button--icon-only.em-ds-button--variant-focus span.label-wrapper::after {
5391
5392
  content: '';
5392
5393
  position: absolute;
5393
5394
  top: 0;
@@ -5420,7 +5421,7 @@ div.em-ds-button {
5420
5421
  border: solid 0.15385rem #207e56; }
5421
5422
  .em-ds-button-success.em-ds-button--text:hover, .em-ds-button-success.em-ds-button--text:hover:not([disabled]), .em-ds-button-success.em-ds-button--text.em-ds-button--variant-hover {
5422
5423
  color: #207e56; }
5423
- .em-ds-button-success.em-ds-button--text:hover span.label-wrapper.no-icon:before, .em-ds-button-success.em-ds-button--text:hover:not([disabled]) span.label-wrapper.no-icon:before, .em-ds-button-success.em-ds-button--text.em-ds-button--variant-hover span.label-wrapper.no-icon:before {
5424
+ .em-ds-button-success.em-ds-button--text:hover span.label-wrapper.no-icon::before, .em-ds-button-success.em-ds-button--text:hover:not([disabled]) span.label-wrapper.no-icon::before, .em-ds-button-success.em-ds-button--text.em-ds-button--variant-hover span.label-wrapper.no-icon::before {
5424
5425
  background-color: transparent;
5425
5426
  border-radius: 2px; }
5426
5427
  .em-ds-button-success.em-ds-button--text:active {
@@ -5443,7 +5444,7 @@ div.em-ds-button {
5443
5444
  border: solid 0.15385rem #c64252; }
5444
5445
  .em-ds-button-danger.em-ds-button--text:hover, .em-ds-button-danger.em-ds-button--text:hover:not([disabled]), .em-ds-button-danger.em-ds-button--text.em-ds-button--variant-hover {
5445
5446
  color: #c64252; }
5446
- .em-ds-button-danger.em-ds-button--text:hover span.label-wrapper.no-icon:before, .em-ds-button-danger.em-ds-button--text:hover:not([disabled]) span.label-wrapper.no-icon:before, .em-ds-button-danger.em-ds-button--text.em-ds-button--variant-hover span.label-wrapper.no-icon:before {
5447
+ .em-ds-button-danger.em-ds-button--text:hover span.label-wrapper.no-icon::before, .em-ds-button-danger.em-ds-button--text:hover:not([disabled]) span.label-wrapper.no-icon::before, .em-ds-button-danger.em-ds-button--text.em-ds-button--variant-hover span.label-wrapper.no-icon::before {
5447
5448
  background-color: transparent;
5448
5449
  border-radius: 2px; }
5449
5450
  .em-ds-button-danger.em-ds-button--text:active {
@@ -5466,7 +5467,7 @@ div.em-ds-button {
5466
5467
  border: solid 0.15385rem #d17a00; }
5467
5468
  .em-ds-button-warning.em-ds-button--text:hover, .em-ds-button-warning.em-ds-button--text:hover:not([disabled]), .em-ds-button-warning.em-ds-button--text.em-ds-button--variant-hover {
5468
5469
  color: #d17a00; }
5469
- .em-ds-button-warning.em-ds-button--text:hover span.label-wrapper.no-icon:before, .em-ds-button-warning.em-ds-button--text:hover:not([disabled]) span.label-wrapper.no-icon:before, .em-ds-button-warning.em-ds-button--text.em-ds-button--variant-hover span.label-wrapper.no-icon:before {
5470
+ .em-ds-button-warning.em-ds-button--text:hover span.label-wrapper.no-icon::before, .em-ds-button-warning.em-ds-button--text:hover:not([disabled]) span.label-wrapper.no-icon::before, .em-ds-button-warning.em-ds-button--text.em-ds-button--variant-hover span.label-wrapper.no-icon::before {
5470
5471
  background-color: transparent;
5471
5472
  border-radius: 2px; }
5472
5473
  .em-ds-button-warning.em-ds-button--text:active {
@@ -5489,7 +5490,7 @@ div.em-ds-button {
5489
5490
  border: solid 0.15385rem #1e79c2; }
5490
5491
  .em-ds-button-info.em-ds-button--text:hover, .em-ds-button-info.em-ds-button--text:hover:not([disabled]), .em-ds-button-info.em-ds-button--text.em-ds-button--variant-hover {
5491
5492
  color: #1e79c2; }
5492
- .em-ds-button-info.em-ds-button--text:hover span.label-wrapper.no-icon:before, .em-ds-button-info.em-ds-button--text:hover:not([disabled]) span.label-wrapper.no-icon:before, .em-ds-button-info.em-ds-button--text.em-ds-button--variant-hover span.label-wrapper.no-icon:before {
5493
+ .em-ds-button-info.em-ds-button--text:hover span.label-wrapper.no-icon::before, .em-ds-button-info.em-ds-button--text:hover:not([disabled]) span.label-wrapper.no-icon::before, .em-ds-button-info.em-ds-button--text.em-ds-button--variant-hover span.label-wrapper.no-icon::before {
5493
5494
  background-color: transparent;
5494
5495
  border-radius: 2px; }
5495
5496
  .em-ds-button-info.em-ds-button--text:active {
@@ -5503,14 +5504,14 @@ div.em-ds-button {
5503
5504
  .em-ds-button--s.em-ds-button--icon-only {
5504
5505
  width: calc(1.23077rem * 1.22); }
5505
5506
  .em-ds-button--m {
5506
- font-size: 0.99994rem;
5507
+ font-size: tomobile(1.2307rem);
5507
5508
  height: calc(1.84615rem * 1.085); }
5508
5509
  .em-ds-button--m.em-ds-button--icon-only {
5509
5510
  width: calc(1.84615rem * 1.085); }
5510
5511
  .em-ds-button--m:not(.em-ds-button--icon-only).em-ds-button--primary, .em-ds-button--m:not(.em-ds-button--icon-only).em-ds-button--secondary {
5511
5512
  min-width: calc(2.46154rem * 1.016 * 2); }
5512
5513
  .em-ds-button--l {
5513
- font-size: 0.99994rem;
5514
+ font-size: tomobile(1.2307rem);
5514
5515
  height: calc(2.46154rem * 1.016); }
5515
5516
  .em-ds-button--l.em-ds-button--icon-only {
5516
5517
  width: calc(2.46154rem * 1.016); } }
@@ -5521,14 +5522,14 @@ div.em-ds-button {
5521
5522
  .em-ds-button--s.em-ds-button--icon-only {
5522
5523
  width: calc(1.23077rem * 1.22); }
5523
5524
  .em-ds-button--m {
5524
- font-size: 0.99994rem;
5525
+ font-size: tomobile(1.2307rem);
5525
5526
  height: calc(1.84615rem * 1.085); }
5526
5527
  .em-ds-button--m.em-ds-button--icon-only {
5527
5528
  width: calc(1.84615rem * 1.085); }
5528
5529
  .em-ds-button--m:not(.em-ds-button--icon-only).em-ds-button--primary, .em-ds-button--m:not(.em-ds-button--icon-only).em-ds-button--secondary {
5529
5530
  min-width: calc(2.46154rem * 1.016 * 2); }
5530
5531
  .em-ds-button--l {
5531
- font-size: 0.99994rem;
5532
+ font-size: tomobile(1.2307rem);
5532
5533
  height: calc(2.46154rem * 1.016); }
5533
5534
  .em-ds-button--l.em-ds-button--icon-only {
5534
5535
  width: calc(2.46154rem * 1.016); } }
@@ -5539,14 +5540,14 @@ div.em-ds-button {
5539
5540
  .em-ds-button--s.em-ds-button--icon-only {
5540
5541
  width: calc(1.23077rem * 1.22); }
5541
5542
  .em-ds-button--m {
5542
- font-size: 0.99994rem;
5543
+ font-size: tomobile(1.2307rem);
5543
5544
  height: calc(1.84615rem * 1.085); }
5544
5545
  .em-ds-button--m.em-ds-button--icon-only {
5545
5546
  width: calc(1.84615rem * 1.085); }
5546
5547
  .em-ds-button--m:not(.em-ds-button--icon-only).em-ds-button--primary, .em-ds-button--m:not(.em-ds-button--icon-only).em-ds-button--secondary {
5547
5548
  min-width: calc(2.46154rem * 1.016 * 2); }
5548
5549
  .em-ds-button--l {
5549
- font-size: 0.99994rem;
5550
+ font-size: tomobile(1.2307rem);
5550
5551
  height: calc(2.46154rem * 1.016); }
5551
5552
  .em-ds-button--l.em-ds-button--icon-only {
5552
5553
  width: calc(2.46154rem * 1.016); } }
@@ -5557,14 +5558,14 @@ div.em-ds-button {
5557
5558
  .em-ds-button--s.em-ds-button--icon-only {
5558
5559
  width: calc(1.23077rem * 1.22); }
5559
5560
  .em-ds-button--m {
5560
- font-size: 0.99994rem;
5561
+ font-size: tomobile(1.2307rem);
5561
5562
  height: calc(1.84615rem * 1.085); }
5562
5563
  .em-ds-button--m.em-ds-button--icon-only {
5563
5564
  width: calc(1.84615rem * 1.085); }
5564
5565
  .em-ds-button--m:not(.em-ds-button--icon-only).em-ds-button--primary, .em-ds-button--m:not(.em-ds-button--icon-only).em-ds-button--secondary {
5565
5566
  min-width: calc(2.46154rem * 1.016 * 2); }
5566
5567
  .em-ds-button--l {
5567
- font-size: 0.99994rem;
5568
+ font-size: tomobile(1.2307rem);
5568
5569
  height: calc(2.46154rem * 1.016); }
5569
5570
  .em-ds-button--l.em-ds-button--icon-only {
5570
5571
  width: calc(2.46154rem * 1.016); } }
@@ -5575,14 +5576,14 @@ div.em-ds-button {
5575
5576
  .em-ds-button--s.em-ds-button--icon-only {
5576
5577
  width: calc(1.23077rem * 1.22); }
5577
5578
  .em-ds-button--m {
5578
- font-size: 0.99994rem;
5579
+ font-size: tomobile(1.2307rem);
5579
5580
  height: calc(1.84615rem * 1.085); }
5580
5581
  .em-ds-button--m.em-ds-button--icon-only {
5581
5582
  width: calc(1.84615rem * 1.085); }
5582
5583
  .em-ds-button--m:not(.em-ds-button--icon-only).em-ds-button--primary, .em-ds-button--m:not(.em-ds-button--icon-only).em-ds-button--secondary {
5583
5584
  min-width: calc(2.46154rem * 1.016 * 2); }
5584
5585
  .em-ds-button--l {
5585
- font-size: 0.99994rem;
5586
+ font-size: tomobile(1.2307rem);
5586
5587
  height: calc(2.46154rem * 1.016); }
5587
5588
  .em-ds-button--l.em-ds-button--icon-only {
5588
5589
  width: calc(2.46154rem * 1.016); } }
@@ -5593,14 +5594,14 @@ div.em-ds-button {
5593
5594
  .em-ds-button--s.em-ds-button--icon-only {
5594
5595
  width: calc(1.23077rem * 1.22); }
5595
5596
  .em-ds-button--m {
5596
- font-size: 0.99994rem;
5597
+ font-size: tomobile(1.2307rem);
5597
5598
  height: calc(1.84615rem * 1.085); }
5598
5599
  .em-ds-button--m.em-ds-button--icon-only {
5599
5600
  width: calc(1.84615rem * 1.085); }
5600
5601
  .em-ds-button--m:not(.em-ds-button--icon-only).em-ds-button--primary, .em-ds-button--m:not(.em-ds-button--icon-only).em-ds-button--secondary {
5601
5602
  min-width: calc(2.46154rem * 1.016 * 2); }
5602
5603
  .em-ds-button--l {
5603
- font-size: 0.99994rem;
5604
+ font-size: tomobile(1.2307rem);
5604
5605
  height: calc(2.46154rem * 1.016); }
5605
5606
  .em-ds-button--l.em-ds-button--icon-only {
5606
5607
  width: calc(2.46154rem * 1.016); } }
@@ -5611,14 +5612,14 @@ div.em-ds-button {
5611
5612
  .em-ds-button--s.em-ds-button--icon-only {
5612
5613
  width: calc(1.23077rem * 1.22); }
5613
5614
  .em-ds-button--m {
5614
- font-size: 0.99994rem;
5615
+ font-size: tomobile(1.2307rem);
5615
5616
  height: calc(1.84615rem * 1.085); }
5616
5617
  .em-ds-button--m.em-ds-button--icon-only {
5617
5618
  width: calc(1.84615rem * 1.085); }
5618
5619
  .em-ds-button--m:not(.em-ds-button--icon-only).em-ds-button--primary, .em-ds-button--m:not(.em-ds-button--icon-only).em-ds-button--secondary {
5619
5620
  min-width: calc(2.46154rem * 1.016 * 2); }
5620
5621
  .em-ds-button--l {
5621
- font-size: 0.99994rem;
5622
+ font-size: tomobile(1.2307rem);
5622
5623
  height: calc(2.46154rem * 1.016); }
5623
5624
  .em-ds-button--l.em-ds-button--icon-only {
5624
5625
  width: calc(2.46154rem * 1.016); } }
@@ -5629,14 +5630,14 @@ div.em-ds-button {
5629
5630
  .em-ds-button--s.em-ds-button--icon-only {
5630
5631
  width: calc(1.23077rem * 1.22); }
5631
5632
  .em-ds-button--m {
5632
- font-size: 0.99994rem;
5633
+ font-size: tomobile(1.2307rem);
5633
5634
  height: calc(1.84615rem * 1.085); }
5634
5635
  .em-ds-button--m.em-ds-button--icon-only {
5635
5636
  width: calc(1.84615rem * 1.085); }
5636
5637
  .em-ds-button--m:not(.em-ds-button--icon-only).em-ds-button--primary, .em-ds-button--m:not(.em-ds-button--icon-only).em-ds-button--secondary {
5637
5638
  min-width: calc(2.46154rem * 1.016 * 2); }
5638
5639
  .em-ds-button--l {
5639
- font-size: 0.99994rem;
5640
+ font-size: tomobile(1.2307rem);
5640
5641
  height: calc(2.46154rem * 1.016); }
5641
5642
  .em-ds-button--l.em-ds-button--icon-only {
5642
5643
  width: calc(2.46154rem * 1.016); } }