@elliemae/ds-basic 2.1.0-rc.3 → 2.1.0-rc.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.
package/css/dimsum.css CHANGED
@@ -6529,451 +6529,6 @@ div.em-ds-button {
6529
6529
  .em-ds-text-wrapperRef.em-ds-text-wrapperRef--text-align-center {
6530
6530
  text-align: center; }
6531
6531
 
6532
- .em-ds-accordion-item__accordion-button {
6533
- border: solid 1px transparent;
6534
- width: 100%;
6535
- height: 2.46154rem;
6536
- justify-content: left;
6537
- text-transform: initial; }
6538
- .em-ds-accordion-item__accordion-button > span[role='presentation'] {
6539
- padding: 0;
6540
- width: 100%; }
6541
- .em-ds-accordion-item__accordion-button.em-ds-button .label-wrapper {
6542
- overflow: visible; }
6543
- .em-ds-accordion-item__accordion-button .em-ds-accordion-item__title {
6544
- font-size: 1.2307rem;
6545
- line-height: normal;
6546
- font-weight: 400;
6547
- cursor: pointer;
6548
- display: flex;
6549
- flex-direction: row;
6550
- height: 2.46154rem; }
6551
- .em-ds-accordion-item__accordion-button .em-ds-accordion-item__title .em-ds-icon {
6552
- margin-top: auto;
6553
- margin-bottom: auto;
6554
- fill: #1e79c2; }
6555
- .em-ds-accordion-item__accordion-button .em-ds-accordion-item__title:focus {
6556
- outline: none; }
6557
- .em-ds-accordion-item__accordion-button .em-ds-accordion-item__title h2 {
6558
- font-size: 1.8461rem;
6559
- line-height: normal;
6560
- font-weight: 400;
6561
- font-size: 1.2307rem;
6562
- width: 100%;
6563
- margin: 0 0 0 0.30769rem;
6564
- color: #353C46;
6565
- text-decoration: none;
6566
- height: 2.46154rem;
6567
- margin-top: 7px; }
6568
- .em-ds-accordion-item__accordion-button.with-secondary-title {
6569
- height: 3.69231rem; }
6570
- .em-ds-accordion-item__accordion-button.with-secondary-title .em-ds-accordion-item__title {
6571
- height: 3.69231rem; }
6572
- .em-ds-accordion-item__accordion-button.with-secondary-title .em-ds-accordion-item__title h2 {
6573
- height: calc(3.69231rem * 1.16 * 0.4);
6574
- padding-top: calc(1.23077rem * 0.5);
6575
- margin-bottom: 0.30769rem;
6576
- line-height: calc(3.69231rem * 1.16 * 0.3);
6577
- font-size: 1.2307rem;
6578
- margin-top: 0px; }
6579
-
6580
- .em-ds-accordion-item__title-wrapper {
6581
- display: flex;
6582
- flex-direction: column;
6583
- text-align: left;
6584
- align-items: center; }
6585
- .em-ds-accordion-item__title-wrapper.with-secondary-title {
6586
- overflow: hidden;
6587
- margin-right: 1.23077rem; }
6588
-
6589
- .em-ds-accordion-item__accordion-actions {
6590
- display: flex;
6591
- flex-direction: row;
6592
- flex: 1;
6593
- justify-content: flex-end;
6594
- align-items: center; }
6595
- .em-ds-accordion-item__accordion-actions .em-ds-button {
6596
- margin-left: 0.61538rem; }
6597
-
6598
- .em-ds-accordion-item__title {
6599
- width: 100%; }
6600
-
6601
- .em-ds-accordion-item__secondary-title {
6602
- font-size: 1.8461rem;
6603
- line-height: normal;
6604
- font-weight: 400;
6605
- font-size: 0.8461rem;
6606
- line-height: calc(3.69231rem * 1.16 * 0.3);
6607
- width: 100%;
6608
- margin: 0 0 0 0.30769rem;
6609
- color: #697489;
6610
- text-decoration: none;
6611
- padding-bottom: calc(1.23077rem * 0.5); }
6612
-
6613
- @media (max-width: 48rem) {
6614
- .em-ds-accordion-item .em-ds-button {
6615
- width: 100%;
6616
- max-width: 100%;
6617
- overflow: hidden; }
6618
- .em-ds-accordion-item .em-ds-button .em-ds-icon:last-child {
6619
- margin-left: 0;
6620
- margin-right: 0; }
6621
- .em-ds-accordion-item__accordion-button {
6622
- height: 2.75001rem;
6623
- max-width: 100%;
6624
- width: 100%;
6625
- overflow: hidden;
6626
- padding: 0; }
6627
- .em-ds-accordion-item__accordion-button .em-ds-accordion-item__title {
6628
- font-size: 1.2307rem; }
6629
- .em-ds-accordion-item .em-ds-accordion-item__title {
6630
- height: 2.75001rem;
6631
- justify-content: space-between; }
6632
- .em-ds-accordion-item .em-ds-accordion-item__title .em-ds-icon {
6633
- margin-left: 0;
6634
- margin-right: 0;
6635
- width: 1.5rem; }
6636
- .em-ds-accordion-item .em-ds-accordion-item__title h2 {
6637
- line-height: 2.75001rem;
6638
- font-size: 1.3846rem;
6639
- margin-top: 0px; }
6640
- .em-ds-accordion-item__title-wrapper {
6641
- width: calc(100% - 1.84615rem);
6642
- text-overflow: ellipsis;
6643
- overflow: hidden; } }
6644
-
6645
- @media only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
6646
- .em-ds-accordion-item .em-ds-button {
6647
- width: 100%;
6648
- max-width: 100%;
6649
- overflow: hidden; }
6650
- .em-ds-accordion-item .em-ds-button .em-ds-icon:last-child {
6651
- margin-left: 0;
6652
- margin-right: 0; }
6653
- .em-ds-accordion-item__accordion-button {
6654
- height: 2.75001rem;
6655
- max-width: 100%;
6656
- width: 100%;
6657
- overflow: hidden;
6658
- padding: 0; }
6659
- .em-ds-accordion-item__accordion-button .em-ds-accordion-item__title {
6660
- font-size: 1.2307rem; }
6661
- .em-ds-accordion-item .em-ds-accordion-item__title {
6662
- height: 2.75001rem;
6663
- justify-content: space-between; }
6664
- .em-ds-accordion-item .em-ds-accordion-item__title .em-ds-icon {
6665
- margin-left: 0;
6666
- margin-right: 0;
6667
- width: 1.5rem; }
6668
- .em-ds-accordion-item .em-ds-accordion-item__title h2 {
6669
- line-height: 2.75001rem;
6670
- font-size: 1.3846rem;
6671
- margin-top: 0px; }
6672
- .em-ds-accordion-item__title-wrapper {
6673
- width: calc(100% - 1.84615rem);
6674
- text-overflow: ellipsis;
6675
- overflow: hidden; } }
6676
-
6677
- @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) {
6678
- .em-ds-accordion-item .em-ds-button {
6679
- width: 100%;
6680
- max-width: 100%;
6681
- overflow: hidden; }
6682
- .em-ds-accordion-item .em-ds-button .em-ds-icon:last-child {
6683
- margin-left: 0;
6684
- margin-right: 0; }
6685
- .em-ds-accordion-item__accordion-button {
6686
- height: 2.75001rem;
6687
- max-width: 100%;
6688
- width: 100%;
6689
- overflow: hidden;
6690
- padding: 0; }
6691
- .em-ds-accordion-item__accordion-button .em-ds-accordion-item__title {
6692
- font-size: 1.2307rem; }
6693
- .em-ds-accordion-item .em-ds-accordion-item__title {
6694
- height: 2.75001rem;
6695
- justify-content: space-between; }
6696
- .em-ds-accordion-item .em-ds-accordion-item__title .em-ds-icon {
6697
- margin-left: 0;
6698
- margin-right: 0;
6699
- width: 1.5rem; }
6700
- .em-ds-accordion-item .em-ds-accordion-item__title h2 {
6701
- line-height: 2.75001rem;
6702
- font-size: 1.3846rem;
6703
- margin-top: 0px; }
6704
- .em-ds-accordion-item__title-wrapper {
6705
- width: calc(100% - 1.84615rem);
6706
- text-overflow: ellipsis;
6707
- overflow: hidden; } }
6708
-
6709
- @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) {
6710
- .em-ds-accordion-item .em-ds-button {
6711
- width: 100%;
6712
- max-width: 100%;
6713
- overflow: hidden; }
6714
- .em-ds-accordion-item .em-ds-button .em-ds-icon:last-child {
6715
- margin-left: 0;
6716
- margin-right: 0; }
6717
- .em-ds-accordion-item__accordion-button {
6718
- height: 2.75001rem;
6719
- max-width: 100%;
6720
- width: 100%;
6721
- overflow: hidden;
6722
- padding: 0; }
6723
- .em-ds-accordion-item__accordion-button .em-ds-accordion-item__title {
6724
- font-size: 1.2307rem; }
6725
- .em-ds-accordion-item .em-ds-accordion-item__title {
6726
- height: 2.75001rem;
6727
- justify-content: space-between; }
6728
- .em-ds-accordion-item .em-ds-accordion-item__title .em-ds-icon {
6729
- margin-left: 0;
6730
- margin-right: 0;
6731
- width: 1.5rem; }
6732
- .em-ds-accordion-item .em-ds-accordion-item__title h2 {
6733
- line-height: 2.75001rem;
6734
- font-size: 1.3846rem;
6735
- margin-top: 0px; }
6736
- .em-ds-accordion-item__title-wrapper {
6737
- width: calc(100% - 1.84615rem);
6738
- text-overflow: ellipsis;
6739
- overflow: hidden; } }
6740
-
6741
- @media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
6742
- .em-ds-accordion-item .em-ds-button {
6743
- width: 100%;
6744
- max-width: 100%;
6745
- overflow: hidden; }
6746
- .em-ds-accordion-item .em-ds-button .em-ds-icon:last-child {
6747
- margin-left: 0;
6748
- margin-right: 0; }
6749
- .em-ds-accordion-item__accordion-button {
6750
- height: 2.75001rem;
6751
- max-width: 100%;
6752
- width: 100%;
6753
- overflow: hidden;
6754
- padding: 0; }
6755
- .em-ds-accordion-item__accordion-button .em-ds-accordion-item__title {
6756
- font-size: 1.2307rem; }
6757
- .em-ds-accordion-item .em-ds-accordion-item__title {
6758
- height: 2.75001rem;
6759
- justify-content: space-between; }
6760
- .em-ds-accordion-item .em-ds-accordion-item__title .em-ds-icon {
6761
- margin-left: 0;
6762
- margin-right: 0;
6763
- width: 1.5rem; }
6764
- .em-ds-accordion-item .em-ds-accordion-item__title h2 {
6765
- line-height: 2.75001rem;
6766
- font-size: 1.3846rem;
6767
- margin-top: 0px; }
6768
- .em-ds-accordion-item__title-wrapper {
6769
- width: calc(100% - 1.84615rem);
6770
- text-overflow: ellipsis;
6771
- overflow: hidden; } }
6772
-
6773
- @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) {
6774
- .em-ds-accordion-item .em-ds-button {
6775
- width: 100%;
6776
- max-width: 100%;
6777
- overflow: hidden; }
6778
- .em-ds-accordion-item .em-ds-button .em-ds-icon:last-child {
6779
- margin-left: 0;
6780
- margin-right: 0; }
6781
- .em-ds-accordion-item__accordion-button {
6782
- height: 2.75001rem;
6783
- max-width: 100%;
6784
- width: 100%;
6785
- overflow: hidden;
6786
- padding: 0; }
6787
- .em-ds-accordion-item__accordion-button .em-ds-accordion-item__title {
6788
- font-size: 1.2307rem; }
6789
- .em-ds-accordion-item .em-ds-accordion-item__title {
6790
- height: 2.75001rem;
6791
- justify-content: space-between; }
6792
- .em-ds-accordion-item .em-ds-accordion-item__title .em-ds-icon {
6793
- margin-left: 0;
6794
- margin-right: 0;
6795
- width: 1.5rem; }
6796
- .em-ds-accordion-item .em-ds-accordion-item__title h2 {
6797
- line-height: 2.75001rem;
6798
- font-size: 1.3846rem;
6799
- margin-top: 0px; }
6800
- .em-ds-accordion-item__title-wrapper {
6801
- width: calc(100% - 1.84615rem);
6802
- text-overflow: ellipsis;
6803
- overflow: hidden; } }
6804
-
6805
- @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
6806
- .em-ds-accordion-item .em-ds-button {
6807
- width: 100%;
6808
- max-width: 100%;
6809
- overflow: hidden; }
6810
- .em-ds-accordion-item .em-ds-button .em-ds-icon:last-child {
6811
- margin-left: 0;
6812
- margin-right: 0; }
6813
- .em-ds-accordion-item__accordion-button {
6814
- height: 2.75001rem;
6815
- max-width: 100%;
6816
- width: 100%;
6817
- overflow: hidden;
6818
- padding: 0; }
6819
- .em-ds-accordion-item__accordion-button .em-ds-accordion-item__title {
6820
- font-size: 1.2307rem; }
6821
- .em-ds-accordion-item .em-ds-accordion-item__title {
6822
- height: 2.75001rem;
6823
- justify-content: space-between; }
6824
- .em-ds-accordion-item .em-ds-accordion-item__title .em-ds-icon {
6825
- margin-left: 0;
6826
- margin-right: 0;
6827
- width: 1.5rem; }
6828
- .em-ds-accordion-item .em-ds-accordion-item__title h2 {
6829
- line-height: 2.75001rem;
6830
- font-size: 1.3846rem;
6831
- margin-top: 0px; }
6832
- .em-ds-accordion-item__title-wrapper {
6833
- width: calc(100% - 1.84615rem);
6834
- text-overflow: ellipsis;
6835
- overflow: hidden; } }
6836
-
6837
- @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) {
6838
- .em-ds-accordion-item .em-ds-button {
6839
- width: 100%;
6840
- max-width: 100%;
6841
- overflow: hidden; }
6842
- .em-ds-accordion-item .em-ds-button .em-ds-icon:last-child {
6843
- margin-left: 0;
6844
- margin-right: 0; }
6845
- .em-ds-accordion-item__accordion-button {
6846
- height: 2.75001rem;
6847
- max-width: 100%;
6848
- width: 100%;
6849
- overflow: hidden;
6850
- padding: 0; }
6851
- .em-ds-accordion-item__accordion-button .em-ds-accordion-item__title {
6852
- font-size: 1.2307rem; }
6853
- .em-ds-accordion-item .em-ds-accordion-item__title {
6854
- height: 2.75001rem;
6855
- justify-content: space-between; }
6856
- .em-ds-accordion-item .em-ds-accordion-item__title .em-ds-icon {
6857
- margin-left: 0;
6858
- margin-right: 0;
6859
- width: 1.5rem; }
6860
- .em-ds-accordion-item .em-ds-accordion-item__title h2 {
6861
- line-height: 2.75001rem;
6862
- font-size: 1.3846rem;
6863
- margin-top: 0px; }
6864
- .em-ds-accordion-item__title-wrapper {
6865
- width: calc(100% - 1.84615rem);
6866
- text-overflow: ellipsis;
6867
- overflow: hidden; } }
6868
-
6869
- .em-ds-accordion .em-ds-accordion-item {
6870
- border-bottom: 1px solid #CBCFD7; }
6871
-
6872
- @media (max-width: 48rem) {
6873
- .em-ds-accordion {
6874
- overflow: hidden; }
6875
- .em-ds-accordion .em-ds-accordion-item {
6876
- border-top: 1px solid #CBCFD7;
6877
- border-bottom: none; }
6878
- .em-ds-accordion .em-ds-accordion-item:last-child {
6879
- border-bottom: 1px solid #CBCFD7; } }
6880
-
6881
- @media only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
6882
- .em-ds-accordion {
6883
- overflow: hidden; }
6884
- .em-ds-accordion .em-ds-accordion-item {
6885
- border-top: 1px solid #CBCFD7;
6886
- border-bottom: none; }
6887
- .em-ds-accordion .em-ds-accordion-item:last-child {
6888
- border-bottom: 1px solid #CBCFD7; } }
6889
-
6890
- @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) {
6891
- .em-ds-accordion {
6892
- overflow: hidden; }
6893
- .em-ds-accordion .em-ds-accordion-item {
6894
- border-top: 1px solid #CBCFD7;
6895
- border-bottom: none; }
6896
- .em-ds-accordion .em-ds-accordion-item:last-child {
6897
- border-bottom: 1px solid #CBCFD7; } }
6898
-
6899
- @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) {
6900
- .em-ds-accordion {
6901
- overflow: hidden; }
6902
- .em-ds-accordion .em-ds-accordion-item {
6903
- border-top: 1px solid #CBCFD7;
6904
- border-bottom: none; }
6905
- .em-ds-accordion .em-ds-accordion-item:last-child {
6906
- border-bottom: 1px solid #CBCFD7; } }
6907
-
6908
- @media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
6909
- .em-ds-accordion {
6910
- overflow: hidden; }
6911
- .em-ds-accordion .em-ds-accordion-item {
6912
- border-top: 1px solid #CBCFD7;
6913
- border-bottom: none; }
6914
- .em-ds-accordion .em-ds-accordion-item:last-child {
6915
- border-bottom: 1px solid #CBCFD7; } }
6916
-
6917
- @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) {
6918
- .em-ds-accordion {
6919
- overflow: hidden; }
6920
- .em-ds-accordion .em-ds-accordion-item {
6921
- border-top: 1px solid #CBCFD7;
6922
- border-bottom: none; }
6923
- .em-ds-accordion .em-ds-accordion-item:last-child {
6924
- border-bottom: 1px solid #CBCFD7; } }
6925
-
6926
- @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
6927
- .em-ds-accordion {
6928
- overflow: hidden; }
6929
- .em-ds-accordion .em-ds-accordion-item {
6930
- border-top: 1px solid #CBCFD7;
6931
- border-bottom: none; }
6932
- .em-ds-accordion .em-ds-accordion-item:last-child {
6933
- border-bottom: 1px solid #CBCFD7; } }
6934
-
6935
- @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) {
6936
- .em-ds-accordion {
6937
- overflow: hidden; }
6938
- .em-ds-accordion .em-ds-accordion-item {
6939
- border-top: 1px solid #CBCFD7;
6940
- border-bottom: none; }
6941
- .em-ds-accordion .em-ds-accordion-item:last-child {
6942
- border-bottom: 1px solid #CBCFD7; } }
6943
-
6944
- .em-ds-accordion .em-ds-accordion-item__container {
6945
- overflow: hidden;
6946
- transition: height cubic-bezier(0.64, 0, 0.35, 1) 200ms; }
6947
- .em-ds-accordion .em-ds-accordion-item__container .em-ds-accordion-item__expand-zone {
6948
- overflow: hidden; }
6949
-
6950
- .em-ds-accordion .em-ds-accordion-item__expand-zone-space {
6951
- padding: 1.23077rem 0 1.84615rem 1.84615rem; }
6952
- @media (max-width: 48rem) {
6953
- .em-ds-accordion .em-ds-accordion-item__expand-zone-space {
6954
- padding: 1rem 0 1.5rem 0; } }
6955
- @media only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
6956
- .em-ds-accordion .em-ds-accordion-item__expand-zone-space {
6957
- padding: 1rem 0 1.5rem 0; } }
6958
- @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) {
6959
- .em-ds-accordion .em-ds-accordion-item__expand-zone-space {
6960
- padding: 1rem 0 1.5rem 0; } }
6961
- @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) {
6962
- .em-ds-accordion .em-ds-accordion-item__expand-zone-space {
6963
- padding: 1rem 0 1.5rem 0; } }
6964
- @media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
6965
- .em-ds-accordion .em-ds-accordion-item__expand-zone-space {
6966
- padding: 1rem 0 1.5rem 0; } }
6967
- @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) {
6968
- .em-ds-accordion .em-ds-accordion-item__expand-zone-space {
6969
- padding: 1rem 0 1.5rem 0; } }
6970
- @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
6971
- .em-ds-accordion .em-ds-accordion-item__expand-zone-space {
6972
- padding: 1rem 0 1.5rem 0; } }
6973
- @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) {
6974
- .em-ds-accordion .em-ds-accordion-item__expand-zone-space {
6975
- padding: 1rem 0 1.5rem 0; } }
6976
-
6977
6532
  .em-ds-card {
6978
6533
  border: 1px solid #F6F7F9;
6979
6534
  border-radius: 0;