@mmb-digital/ds-lilly 1.0.74 → 1.0.76

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 (99) hide show
  1. package/cjs/components/Components/Button/ButtonsGroup.d.ts +1 -3
  2. package/cjs/components/Components/Button/ButtonsGroup.d.ts.map +1 -1
  3. package/cjs/components/Components/Button/ButtonsGroup.js +1 -1
  4. package/cjs/components/Components/Button/ButtonsGroup.js.map +1 -1
  5. package/cjs/components/Components/CompactButtons/CompactButtons.d.ts +1 -1
  6. package/cjs/components/Components/CompactButtons/CompactButtons.d.ts.map +1 -1
  7. package/cjs/components/Components/DataTable/DataTable.d.ts +13 -1
  8. package/cjs/components/Components/DataTable/DataTable.d.ts.map +1 -1
  9. package/cjs/components/Components/DataTable/DataTable.js +1 -1
  10. package/cjs/components/Components/DataTable/DataTable.js.map +1 -1
  11. package/cjs/components/Components/DataTable/DataTableItem.d.ts +6 -2
  12. package/cjs/components/Components/DataTable/DataTableItem.d.ts.map +1 -1
  13. package/cjs/components/Components/DataTable/DataTableItem.js +1 -1
  14. package/cjs/components/Components/DataTable/DataTableItem.js.map +1 -1
  15. package/cjs/components/Components/ProductCard/ProductCard.d.ts +48 -40
  16. package/cjs/components/Components/ProductCard/ProductCard.d.ts.map +1 -1
  17. package/cjs/components/Components/ProductCard/ProductCard.js +1 -1
  18. package/cjs/components/Components/ProductCard/ProductCard.js.map +1 -1
  19. package/cjs/components/Components/ProductCard/index.d.ts +0 -1
  20. package/cjs/components/Components/ProductCard/index.d.ts.map +1 -1
  21. package/cjs/components/Components/ProductCard/index.js +1 -1
  22. package/cjs/components/Components/ProductHeader/ProductHeader.d.ts +117 -0
  23. package/cjs/components/Components/ProductHeader/ProductHeader.d.ts.map +1 -0
  24. package/cjs/components/Components/ProductHeader/ProductHeader.js +2 -0
  25. package/cjs/components/Components/ProductHeader/ProductHeader.js.map +1 -0
  26. package/cjs/components/Components/ProductHeader/index.d.ts +2 -0
  27. package/cjs/components/Components/ProductHeader/index.d.ts.map +1 -0
  28. package/cjs/components/Components/ProductHeader/index.js +2 -0
  29. package/cjs/components/Components/ProductHeader/index.js.map +1 -0
  30. package/cjs/components/Components/index.d.ts +1 -0
  31. package/cjs/components/Components/index.d.ts.map +1 -1
  32. package/cjs/components/Components/index.js +1 -1
  33. package/cjs/components/Typography/Amount/Amount.d.ts +3 -2
  34. package/cjs/components/Typography/Amount/Amount.d.ts.map +1 -1
  35. package/cjs/components/Typography/Amount/Amount.js +1 -1
  36. package/cjs/components/Typography/Amount/Amount.js.map +1 -1
  37. package/cjs/ds-lilly.css +255 -49
  38. package/cjs/index.js +1 -1
  39. package/cjs/index.js.map +1 -1
  40. package/components/Components/Button/ButtonsGroup.d.ts +1 -3
  41. package/components/Components/Button/ButtonsGroup.d.ts.map +1 -1
  42. package/components/Components/Button/ButtonsGroup.js +1 -1
  43. package/components/Components/Button/ButtonsGroup.js.map +1 -1
  44. package/components/Components/CompactButtons/CompactButtons.d.ts +1 -1
  45. package/components/Components/CompactButtons/CompactButtons.d.ts.map +1 -1
  46. package/components/Components/DataTable/DataTable.d.ts +13 -1
  47. package/components/Components/DataTable/DataTable.d.ts.map +1 -1
  48. package/components/Components/DataTable/DataTable.js +1 -1
  49. package/components/Components/DataTable/DataTable.js.map +1 -1
  50. package/components/Components/DataTable/DataTableItem.d.ts +6 -2
  51. package/components/Components/DataTable/DataTableItem.d.ts.map +1 -1
  52. package/components/Components/DataTable/DataTableItem.js +1 -1
  53. package/components/Components/DataTable/DataTableItem.js.map +1 -1
  54. package/components/Components/ProductCard/ProductCard.d.ts +48 -40
  55. package/components/Components/ProductCard/ProductCard.d.ts.map +1 -1
  56. package/components/Components/ProductCard/ProductCard.js +1 -1
  57. package/components/Components/ProductCard/ProductCard.js.map +1 -1
  58. package/components/Components/ProductCard/index.d.ts +0 -1
  59. package/components/Components/ProductCard/index.d.ts.map +1 -1
  60. package/components/Components/ProductCard/index.js +1 -1
  61. package/components/Components/ProductHeader/ProductHeader.d.ts +117 -0
  62. package/components/Components/ProductHeader/ProductHeader.d.ts.map +1 -0
  63. package/components/Components/ProductHeader/ProductHeader.js +2 -0
  64. package/components/Components/ProductHeader/ProductHeader.js.map +1 -0
  65. package/components/Components/ProductHeader/index.d.ts +2 -0
  66. package/components/Components/ProductHeader/index.d.ts.map +1 -0
  67. package/components/Components/ProductHeader/index.js +2 -0
  68. package/components/Components/ProductHeader/index.js.map +1 -0
  69. package/components/Components/index.d.ts +1 -0
  70. package/components/Components/index.d.ts.map +1 -1
  71. package/components/Components/index.js +1 -1
  72. package/components/Typography/Amount/Amount.d.ts +3 -2
  73. package/components/Typography/Amount/Amount.d.ts.map +1 -1
  74. package/components/Typography/Amount/Amount.js +1 -1
  75. package/components/Typography/Amount/Amount.js.map +1 -1
  76. package/ds-lilly.css +255 -49
  77. package/index.js +1 -1
  78. package/index.js.map +1 -1
  79. package/package.json +1 -1
  80. package/cjs/components/Components/ProductCard/ProductCardHeader.d.ts +0 -43
  81. package/cjs/components/Components/ProductCard/ProductCardHeader.d.ts.map +0 -1
  82. package/cjs/components/Components/ProductCard/ProductCardHeader.js +0 -2
  83. package/cjs/components/Components/ProductCard/ProductCardHeader.js.map +0 -1
  84. package/components/Components/ProductCard/ProductCardHeader.d.ts +0 -43
  85. package/components/Components/ProductCard/ProductCardHeader.d.ts.map +0 -1
  86. package/components/Components/ProductCard/ProductCardHeader.js +0 -2
  87. package/components/Components/ProductCard/ProductCardHeader.js.map +0 -1
  88. /package/assets/{2340a5d8e16ea114aea7.eot → 0cd9537a211b26f733c4.eot} +0 -0
  89. /package/assets/{95a09435e94cc3f67d00.eot → 2201dc2db94508264182.eot} +0 -0
  90. /package/assets/{b05a77eed85be6f6bd37.eot → 296bce65619813716fd1.eot} +0 -0
  91. /package/assets/{6b85aed329cdf56132ef.gif → 2a92647be0c39eaa93dc.gif} +0 -0
  92. /package/assets/{002dd93adbf54e31345d.svg → 3279f91e91654b1475c0.svg} +0 -0
  93. /package/assets/{b4d9c8731a6bd53579af.svg → 7a17aafed0fbe13fa9a0.svg} +0 -0
  94. /package/assets/{d76279a68e13b1544d4d.eot → ae935b3600fcfda2324c.eot} +0 -0
  95. /package/assets/{b6d35ef7956667326417.woff → d528cce55348d974ee81.woff} +0 -0
  96. /package/assets/{60cb585ae10c7b004eb5.ttf → d5a8ca07052db23a598f.ttf} +0 -0
  97. /package/assets/{daeefe511f0030e4b1e6.ttf → f2ccf7c36f29aff63120.ttf} +0 -0
  98. /package/assets/{a0ec3ddfd0ed67bba80b.gif → f63400970f9f59c6c20f.gif} +0 -0
  99. /package/assets/{c77a76c244e1301394ef.woff → f92fc6350fc981e32a2c.woff} +0 -0
@@ -1 +1 @@
1
- {"version":3,"file":"Amount.js","sources":["../../../../src/components/Typography/Amount/Amount.tsx"],"sourcesContent":[null],"names":["Type","MapAvatarSize","Amount","_a","amount","_c","hideIcon","isBold","isInline","locale","_d","maximumFractionDigits","minimumFractionDigits","_e","size","testId","theme","type","_f","unitAfter","unitBefore","unitTheme","rest","__rest","componentClassName","cx","_b","concat","Component","React","createElement","__assign","className","NEGATIVE","Fragment","Avatar","iconName","POSITIVE","Intl","NumberFormat","format"],"mappings":"whEAMA,IAAKA,EAQAC,GARL,SAAKD,GACHA,EAAA,SAAA,WACAA,EAAA,SAAA,WACAA,EAAA,QAAA,SACD,CAJD,CAAKA,IAAAA,EAIJ,CAAA,IAID,SAAKC,GACHA,EAAA,MAAA,QACAA,EAAA,OAAA,QACAA,EAAA,MAAA,QACAA,EAAA,OAAA,SACAA,EAAA,QAAA,SACD,CAND,CAAKA,IAAAA,EAMJ,CAAA,IA+BM,IAAMC,EAAS,SAACC,SACrBC,EAAMD,EAAAC,OACNC,EAAAF,EAAAG,SAAAA,OAAW,IAAAD,GAAKA,EAChBE,EAAMJ,EAAAI,OACNC,EAAQL,EAAAK,SACRC,EAAMN,EAAAM,OACNC,EAAAP,EAAAQ,sBAAAA,OAAwB,IAAAD,EAAA,EAACA,EACzBE,EAAqBT,EAAAS,sBACrBC,EAAAV,EAAAW,KAAAA,OAAO,IAAAD,EAAA,SAAQA,EACfE,EAAMZ,EAAAY,OACNC,EAAKb,EAAAa,MACLC,EAAId,EAAAc,KACJC,EAAAf,EAAAgB,UAAAA,OAAY,IAAAD,EAAA,MAAKA,EACjBE,EAAUjB,EAAAiB,WACVC,EAASlB,EAAAkB,UACNC,EAAIC,EAAApB,EAfc,wKAiBfqB,EAAqBC,EACzB,aAAUC,EAAA,CAAA,GAEP,aAAaC,OAAAb,IAASA,EACvBY,EAAC,aAAaC,OAAAV,IAASA,EACvBS,EAAA,kBAAkBnB,EAEpBmB,GAAAV,GAGIY,EAAYpB,EAAW,OAAS,MAEtC,OACEqB,EAACC,cAAAF,EAAUG,EAAA,CAAAC,UAAWR,EAAkB,cAAeT,GAAYO,GAChEL,IAASjB,EAAKiC,UACbJ,gBAACK,EAAQ,MACL5B,GAAYuB,EAACC,cAAAK,GAAOC,SAAS,gBAAgBtB,KAAMb,EAAca,KACnEe,EAAAC,cAAA,OAAA,CAAME,UAAU,WAAS,MAG5Bf,IAASjB,EAAKqC,UACbR,gBAACK,EAAQ,MACL5B,GAAYuB,EAACC,cAAAK,GAAOC,SAAS,cAActB,KAAMb,EAAca,KACjEe,EAAAC,cAAA,OAAA,CAAME,UAAU,WAAS,MAG5BZ,GAAcS,wBAAMG,UAAWP,EAAG,iBAAkBJ,IAAaD,EAAwB,KACzF,IAAIkB,KAAKC,aAAa9B,EAAQ,CAC7BE,sBAAqBA,EACrBC,sBAAqBA,IACpB4B,OAAOpC,IACRgB,GAAcS,EAAAC,cAAA,OAAA,CAAME,UAAWP,EAAG,iBAAkBJ,QAAmBF,GAG/E"}
1
+ {"version":3,"file":"Amount.js","sources":["../../../../src/components/Typography/Amount/Amount.tsx"],"sourcesContent":[null],"names":["Type","MapAvatarSize","Amount","_a","amount","_c","hideIcon","isBold","isInline","locale","_d","maximumFractionDigits","minimumFractionDigits","_e","size","testId","theme","type","_f","unitAfter","unitBefore","unitTheme","rest","__rest","componentClassName","cx","_b","concat","Component","React","createElement","__assign","className","NEGATIVE","Fragment","Avatar","iconName","POSITIVE","Intl","NumberFormat","format"],"mappings":"whEAMA,IAAKA,EASAC,GATL,SAAKD,GACHA,EAAA,SAAA,WACAA,EAAA,SAAA,WACAA,EAAA,QAAA,SACD,CAJD,CAAKA,IAAAA,EAIJ,CAAA,IAKD,SAAKC,GACHA,EAAA,OAAA,QACAA,EAAA,MAAA,QACAA,EAAA,OAAA,QACAA,EAAA,MAAA,QACAA,EAAA,OAAA,SACAA,EAAA,QAAA,SACD,CAPD,CAAKA,IAAAA,EAOJ,CAAA,IA+BM,IAAMC,EAAS,SAACC,SACrBC,EAAMD,EAAAC,OACNC,EAAAF,EAAAG,SAAAA,OAAW,IAAAD,GAAKA,EAChBE,EAAMJ,EAAAI,OACNC,EAAQL,EAAAK,SACRC,EAAMN,EAAAM,OACNC,EAAAP,EAAAQ,sBAAAA,OAAwB,IAAAD,EAAA,EAACA,EACzBE,EAAqBT,EAAAS,sBACrBC,EAAAV,EAAAW,KAAAA,OAAO,IAAAD,EAAA,SAAQA,EACfE,EAAMZ,EAAAY,OACNC,EAAKb,EAAAa,MACLC,EAAId,EAAAc,KACJC,EAAAf,EAAAgB,UAAAA,OAAY,IAAAD,EAAA,MAAKA,EACjBE,EAAUjB,EAAAiB,WACVC,EAASlB,EAAAkB,UACNC,EAAIC,EAAApB,EAfc,wKAiBfqB,EAAqBC,EACzB,aAAUC,EAAA,CAAA,GAEP,aAAaC,OAAAb,IAASA,EACvBY,EAAC,aAAaC,OAAAV,IAASA,EACvBS,EAAA,kBAAkBnB,EAEpBmB,GAAAV,GAGIY,EAAYpB,EAAW,OAAS,MAEtC,OACEqB,EAACC,cAAAF,EAAUG,EAAA,CAAAC,UAAWR,EAAkB,cAAeT,GAAYO,GAChEL,IAASjB,EAAKiC,UACbJ,gBAACK,EAAQ,MACL5B,GAAYuB,EAACC,cAAAK,GAAOC,SAAS,gBAAgBtB,KAAMb,EAAca,KACnEe,EAAAC,cAAA,OAAA,CAAME,UAAU,WAAS,MAG5Bf,IAASjB,EAAKqC,UACbR,gBAACK,EAAQ,MACL5B,GAAYuB,EAACC,cAAAK,GAAOC,SAAS,cAActB,KAAMb,EAAca,KACjEe,EAAAC,cAAA,OAAA,CAAME,UAAU,WAAS,MAG5BZ,GAAcS,wBAAMG,UAAWP,EAAG,iBAAkBJ,IAAaD,EAAwB,KACzF,IAAIkB,KAAKC,aAAa9B,EAAQ,CAC7BE,sBAAqBA,EACrBC,sBAAqBA,IACpB4B,OAAOpC,IACRgB,GAAcS,EAAAC,cAAA,OAAA,CAAME,UAAWP,EAAG,iBAAkBJ,QAAmBF,GAG/E"}
package/ds-lilly.css CHANGED
@@ -1854,7 +1854,7 @@ img {
1854
1854
  }
1855
1855
  .t-title--h1 {
1856
1856
  font-size: 36px;
1857
- font-weight: var(--fontWeightBold);
1857
+ font-weight: var(--fontWeightSemiBold);
1858
1858
  line-height: 48px;
1859
1859
  }
1860
1860
  .t-title--h1 > .c-avatar--l {
@@ -1863,7 +1863,7 @@ img {
1863
1863
 
1864
1864
  .t-title--h2 {
1865
1865
  font-size: 30px;
1866
- font-weight: var(--fontWeightBold);
1866
+ font-weight: var(--fontWeightSemiBold);
1867
1867
  line-height: 40px;
1868
1868
  }
1869
1869
  .t-title--h2 > .c-avatar--l {
@@ -1872,7 +1872,7 @@ img {
1872
1872
 
1873
1873
  .t-title--h3 {
1874
1874
  font-size: 28px;
1875
- font-weight: var(--fontWeightBold);
1875
+ font-weight: var(--fontWeightSemiBold);
1876
1876
  line-height: var(--lineHeightXXLarge);
1877
1877
  }
1878
1878
  .t-title--h3 > .c-avatar--l {
@@ -1950,6 +1950,14 @@ img {
1950
1950
  white-space: nowrap;
1951
1951
  }
1952
1952
 
1953
+ .t-amount--xSmall {
1954
+ font-size: 12px;
1955
+ line-height: var(--lineHeightSmallAmount);
1956
+ }
1957
+ .t-amount--xSmall .t-amount__unit {
1958
+ font-size: 12px;
1959
+ }
1960
+
1953
1961
  .t-amount--small {
1954
1962
  font-size: var(--fontSizeSmallAmount);
1955
1963
  line-height: var(--lineHeightSmallAmount);
@@ -4438,7 +4446,7 @@ body.dark .c-logo__svg {
4438
4446
  .c-btnsGroup {
4439
4447
  margin-left: 0;
4440
4448
  }
4441
- .c-btnsGroup .c-btn {
4449
+ .c-btnsGroup .c-btn:not(.c-btn--onlyIcon) {
4442
4450
  display: block;
4443
4451
  margin-left: 0;
4444
4452
  width: 100%;
@@ -6629,7 +6637,7 @@ body.dark .c-logo__svg {
6629
6637
  .c-dataTableItem__content {
6630
6638
  text-align: left;
6631
6639
  position: relative;
6632
- font-weight: bold;
6640
+ font-weight: var(--fontWeightBold);
6633
6641
  width: 50%;
6634
6642
  }
6635
6643
  @media screen and (max-width: 799px) {
@@ -6642,6 +6650,14 @@ body.dark .c-logo__svg {
6642
6650
  padding-left: var(--spaceXSmall);
6643
6651
  }
6644
6652
 
6653
+ .c-dataTableItem__content--notBold {
6654
+ font-weight: var(--fontWeightNormal);
6655
+ }
6656
+
6657
+ .c-dataTableItem__label--secondary {
6658
+ color: var(--fgNeutralSubtle);
6659
+ }
6660
+
6645
6661
  .c-dataTableItem__label--tighter {
6646
6662
  width: 30%;
6647
6663
  }
@@ -6683,6 +6699,26 @@ body.dark .c-logo__svg {
6683
6699
  font-weight: var(--fontWeightNormal);
6684
6700
  }
6685
6701
 
6702
+ .c-dataTable--gapSmall .c-dataTableItem__label,
6703
+ .c-dataTable--gapSmall .c-dataTableItem__content {
6704
+ padding: var(--spaceXXXSmall) 0;
6705
+ }
6706
+
6707
+ .c-dataTable--gapMedium .c-dataTableItem__label,
6708
+ .c-dataTable--gapMedium .c-dataTableItem__content {
6709
+ padding: var(--spaceXSmall) 0;
6710
+ }
6711
+
6712
+ .c-dataTable--gapLarge .c-dataTableItem__label,
6713
+ .c-dataTable--gapLarge .c-dataTableItem__content {
6714
+ padding: var(--spaceSmall) 0;
6715
+ }
6716
+
6717
+ .c-dataTable--gapXLarge .c-dataTableItem__label,
6718
+ .c-dataTable--gapXLarge .c-dataTableItem__content {
6719
+ padding: var(--spaceMedium) 0;
6720
+ }
6721
+
6686
6722
  .notificationCard__grid {
6687
6723
  display: grid;
6688
6724
  width: 100%;
@@ -6769,74 +6805,244 @@ body.dark .c-logo__svg {
6769
6805
  justify-content: space-between;
6770
6806
  }
6771
6807
 
6772
- .productCard {
6773
- padding: 0;
6808
+ .c-productCard__collapsible--trigger {
6809
+ cursor: pointer;
6810
+ text-align: center;
6811
+ padding: var(--spaceMedium) 0;
6812
+ position: absolute;
6813
+ display: block;
6814
+ bottom: 0;
6815
+ width: 100%;
6816
+ left: 50%;
6817
+ transform: translateX(-50%);
6774
6818
  }
6775
6819
 
6776
- .productCard__name {
6777
- margin-bottom: var(--spaceXXXSmall);
6820
+ .c-productCard__table {
6821
+ margin-top: var(--spaceXXSmall);
6778
6822
  }
6779
- .productCard__name .productCard__name__link {
6780
- text-align: left;
6823
+
6824
+ .c-productCard__customContent {
6825
+ margin-top: var(--spaceSmall);
6826
+ }
6827
+
6828
+ .c-productCard__divider {
6829
+ margin-top: var(--spaceSmall);
6830
+ margin-bottom: 0;
6831
+ }
6832
+
6833
+ .c-productCard__headerExtra {
6834
+ width: 100%;
6835
+ }
6836
+
6837
+ .c-productCard__position {
6838
+ position: relative;
6839
+ padding-bottom: 56px;
6840
+ }
6841
+
6842
+ .c-productHeader {
6781
6843
  padding: 0;
6782
- font-size: var(--fontSizeLarge);
6783
- text-decoration: none;
6784
6844
  }
6785
- .productCard__name .productCard__name__link:hover {
6786
- text-decoration: underline;
6845
+
6846
+ .c-productHeader__grid {
6847
+ display: grid;
6848
+ grid-template-columns: minmax(0, 1fr) auto;
6849
+ grid-template-rows: auto auto;
6850
+ column-gap: var(--spaceXXXSmall);
6851
+ row-gap: var(--spaceXXXSmall);
6852
+ align-items: stretch;
6787
6853
  }
6788
6854
 
6789
- .productCard__overview:hover {
6790
- cursor: pointer;
6855
+ .c-productHeader--withTitleIcon .c-productHeader__grid {
6856
+ grid-template-columns: auto minmax(0, 1fr) auto;
6791
6857
  }
6792
- .productCard__overview:hover .productCard__name__link {
6793
- text-decoration: underline;
6858
+
6859
+ .c-productHeader__grid > * {
6860
+ min-width: 0;
6794
6861
  }
6795
6862
 
6796
- .productCard__header {
6797
- display: flex;
6798
- justify-content: space-between;
6863
+ .c-productHeader__gridIcon {
6864
+ grid-column: 1;
6865
+ grid-row: 1;
6866
+ align-self: end;
6867
+ padding-right: var(--spaceXSmall);
6799
6868
  }
6800
- .productCard__header--right {
6801
- text-align: right;
6869
+
6870
+ .c-productHeader__gridTitle {
6871
+ grid-column: 1;
6872
+ grid-row: 1;
6802
6873
  }
6803
- @media screen and (max-width: 480px) {
6804
- .productCard__header--right {
6805
- text-align: left;
6806
- }
6874
+
6875
+ .c-productHeader__gridSubtitle {
6876
+ margin: 0;
6877
+ grid-column: 1;
6878
+ grid-row: 2;
6807
6879
  }
6808
6880
 
6809
- .productCard__number {
6810
- font-weight: var(--fontWeightNormal);
6811
- white-space: nowrap;
6881
+ .c-productHeader__gridAmount {
6882
+ grid-column: 2;
6883
+ grid-row: 1;
6884
+ justify-self: end;
6812
6885
  }
6813
6886
 
6814
- .productCard__ballance {
6815
- line-height: var(--lineHeightXXLarge);
6816
- height: 36px;
6887
+ .c-productHeader__gridSecondary {
6888
+ grid-column: 2;
6889
+ grid-row: 2;
6890
+ justify-self: end;
6891
+ }
6892
+
6893
+ .c-productHeader--withTitleIcon .c-productHeader__gridTitle {
6894
+ grid-column: 2;
6895
+ }
6896
+
6897
+ .c-productHeader--withTitleIcon .c-productHeader__gridSubtitle {
6898
+ grid-column: 2;
6899
+ }
6900
+
6901
+ .c-productHeader--withTitleIcon .c-productHeader__gridAmount {
6902
+ grid-column: 3;
6903
+ }
6904
+
6905
+ .c-productHeader--withTitleIcon .c-productHeader__gridSecondary {
6906
+ grid-column: 3;
6907
+ }
6908
+
6909
+ .c-productHeader__gridTitle,
6910
+ .c-productHeader__gridAmount {
6911
+ align-self: end;
6817
6912
  }
6818
6913
 
6819
- .productCard__ballance__ledger {
6914
+ .c-productHeader__gridSubtitle,
6915
+ .c-productHeader__gridSecondary {
6916
+ align-self: start;
6917
+ }
6918
+
6919
+ .c-productHeader__subtitle {
6920
+ margin: 0;
6921
+ }
6922
+
6923
+ .c-productHeader__secondary {
6924
+ color: var(--fgNeutralSubtle);
6925
+ gap: var(--spaceXXSmall);
6926
+ font-size: var(--fontSizeSmall);
6820
6927
  font-weight: var(--fontWeightNormal);
6821
- height: 22px;
6822
- line-height: var(--lineHeightXSmall);
6823
- margin-bottom: 0;
6928
+ line-height: var(--lineHeightMedium);
6824
6929
  }
6825
6930
 
6826
- .productCard__ballance__ledger__amount {
6827
- display: inline;
6931
+ .c-productHeader__below {
6932
+ width: 100%;
6828
6933
  }
6829
6934
 
6830
- .productCard__transactions_wrapper {
6831
- padding: 0 var(--spaceSmall);
6832
- cursor: default;
6935
+ .c-productHeader__actions {
6936
+ width: 100%;
6937
+ padding-top: var(--spaceMedium);
6833
6938
  }
6834
6939
 
6835
- .productCard__collapsible_trigger {
6836
- cursor: pointer;
6837
- text-align: center;
6940
+ /* ------------------------------------------------------------------------------------------------------------------------------------------------ */
6941
+ /* SMALL */
6942
+ /* ------------------------------------------------------------------------------------------------------------------------------------------------ */
6943
+ .c-productHeader--small .c-productHeader__secondary {
6944
+ align-items: flex-start;
6945
+ }
6946
+ .c-productHeader--small .c-productHeader__secondary .t-amount--xSmall {
6947
+ line-height: var(--lineHeightXSmall);
6948
+ }
6949
+ .c-productHeader--small .c-productHeader__title:not(.c-productHeader__title--customVisual) {
6950
+ font-size: var(--fontSizeSmall);
6951
+ line-height: var(--lineHeightMedium);
6952
+ font-weight: var(--fontWeightBold);
6953
+ }
6954
+ .c-productHeader--small .c-productHeader__subtitle:not(.c-productHeader__subtitle--customSize) {
6955
+ font-size: var(--fontSizeXSmall);
6956
+ line-height: var(--lineHeightXSmall);
6957
+ margin: 0;
6958
+ }
6959
+ .c-productHeader--small .c-productHeader__secondaryLabel:not(.c-productHeader__secondaryLabel--customSize) {
6960
+ font-size: var(--fontSizeXSmall);
6961
+ line-height: var(--lineHeightXSmall);
6962
+ margin: 0;
6963
+ }
6964
+
6965
+ /* ------------------------------------------------------------------------------------------------------------------------------------------------ */
6966
+ /* XLARGE */
6967
+ /* ------------------------------------------------------------------------------------------------------------------------------------------------ */
6968
+ .c-productHeader--xLarge .c-productHeader__subtitle:not(.c-productHeader__subtitle--customSize) {
6969
+ font-size: var(--fontSizeMedium);
6970
+ line-height: var(--lineHeightMedium);
6971
+ margin: 0;
6972
+ }
6973
+ .c-productHeader--xLarge .c-productHeader__secondaryLabel:not(.c-productHeader__secondaryLabel--customSize) {
6974
+ font-size: var(--fontSizeMedium);
6975
+ line-height: var(--lineHeightMedium);
6976
+ margin: 0;
6977
+ }
6978
+ .c-productHeader--xLarge .c-productHeader__secondaryAmount--xLarge {
6979
+ font-size: var(--fontSizeMedium);
6980
+ line-height: var(--lineHeightMedium);
6981
+ margin: 0;
6838
6982
  }
6839
6983
 
6984
+ /* ------------------------------------------------------------------------------------------------------------------------------------------------ */
6985
+ /* MOBILE */
6986
+ /* ------------------------------------------------------------------------------------------------------------------------------------------------ */
6987
+ @media screen and (max-width: 480px) {
6988
+ .c-productHeader__grid {
6989
+ grid-template-columns: 1fr;
6990
+ grid-template-rows: auto auto auto auto;
6991
+ row-gap: var(--spaceXXXSmall);
6992
+ }
6993
+ .c-productHeader--withTitleIcon .c-productHeader__grid {
6994
+ grid-template-columns: auto minmax(0, 1fr);
6995
+ grid-template-rows: auto auto auto auto;
6996
+ row-gap: var(--spaceXXXSmall);
6997
+ }
6998
+ .c-productHeader__gridTitle {
6999
+ grid-column: 1;
7000
+ grid-row: 1;
7001
+ align-self: start;
7002
+ }
7003
+ .c-productHeader__gridSubtitle {
7004
+ grid-column: 1;
7005
+ grid-row: 2;
7006
+ align-self: start;
7007
+ }
7008
+ .c-productHeader__gridAmount {
7009
+ grid-column: 1;
7010
+ grid-row: 3;
7011
+ justify-self: start;
7012
+ align-self: start;
7013
+ width: 100%;
7014
+ }
7015
+ .c-productHeader__gridSecondary {
7016
+ grid-column: 1;
7017
+ grid-row: 4;
7018
+ justify-self: start;
7019
+ align-self: start;
7020
+ }
7021
+ .c-productHeader--withTitleIcon .c-productHeader__gridIcon {
7022
+ grid-column: 1;
7023
+ grid-row: 1;
7024
+ align-self: end;
7025
+ }
7026
+ .c-productHeader--withTitleIcon .c-productHeader__gridTitle {
7027
+ grid-column: 2;
7028
+ grid-row: 1;
7029
+ }
7030
+ .c-productHeader--withTitleIcon .c-productHeader__gridSubtitle {
7031
+ grid-column: 2;
7032
+ grid-row: 2;
7033
+ }
7034
+ .c-productHeader--withTitleIcon .c-productHeader__gridAmount {
7035
+ grid-column: 1/-1;
7036
+ grid-row: 3;
7037
+ }
7038
+ .c-productHeader--withTitleIcon .c-productHeader__gridSecondary {
7039
+ grid-column: 1/-1;
7040
+ grid-row: 4;
7041
+ }
7042
+ .c-productHeader__actions {
7043
+ padding-top: var(--spaceSmall);
7044
+ }
7045
+ }
6840
7046
  .f-autocomplete {
6841
7047
  flex-direction: column;
6842
7048
  }
@@ -10307,7 +10513,7 @@ body.dark .u-fg--fgWhiteDefault {
10307
10513
  /* Slider */
10308
10514
  .slick-loading .slick-list
10309
10515
  {
10310
- background: #fff url('assets/a0ec3ddfd0ed67bba80b.gif') center center no-repeat;
10516
+ background: #fff url('assets/f63400970f9f59c6c20f.gif') center center no-repeat;
10311
10517
  }
10312
10518
 
10313
10519
  /* Icons */
@@ -10317,8 +10523,8 @@ body.dark .u-fg--fgWhiteDefault {
10317
10523
  font-weight: normal;
10318
10524
  font-style: normal;
10319
10525
 
10320
- src: url('assets/2340a5d8e16ea114aea7.eot');
10321
- src: url('assets/b05a77eed85be6f6bd37.eot') format('embedded-opentype'), url('assets/c77a76c244e1301394ef.woff') format('woff'), url('assets/daeefe511f0030e4b1e6.ttf') format('truetype'), url('assets/b4d9c8731a6bd53579af.svg') format('svg');
10526
+ src: url('assets/ae935b3600fcfda2324c.eot');
10527
+ src: url('assets/296bce65619813716fd1.eot') format('embedded-opentype'), url('assets/d528cce55348d974ee81.woff') format('woff'), url('assets/d5a8ca07052db23a598f.ttf') format('truetype'), url('assets/3279f91e91654b1475c0.svg') format('svg');
10322
10528
  }
10323
10529
  /* Arrows */
10324
10530
  .slick-prev,
package/index.js CHANGED
@@ -1,2 +1,2 @@
1
- import{customPolyfills as o}from"./utils/polyfills.js";export{getDisplayName}from"./utils/getDisplayName.js";export{getIntegerMask}from"./utils/getIntegerMask.js";export{isFilled}from"./utils/isFilled.js";export{isNotFilled}from"./utils/isNotFilled.js";export{isNotNilNorEmpty}from"./utils/isNotNilNorEmpty.js";export{parseIntValue}from"./utils/parseIntValue.js";export{stripDiacritics}from"./utils/stripDiacritics.js";export{trimLeadingZeros}from"./utils/trimLeadingZeros.js";export{cx}from"./utils/classBinder.js";export{configureDecimalMask}from"./utils/configureDecimalMask.js";export{BANK_ACCOUNT_ITEMS_AUTOCOMPLETE_THRESHOLD,BREAKPOINTS,KEYS}from"./utils/constants.js";export{readIsDark,useContainerDimensions,useDsIsDarkTheme,useEventListener,useHoverActive,useOnScreen,useThemeDetector,useWindowSize,useWindowWidth}from"./utils/hooks.js";export{noop}from"./utils/noop.js";export{parseDecimalValue}from"./utils/parseDecimalValue.js";export{formatDate,formatMonthDate,isDate,isPartOfDate,isValidDate,parseCzechDate,parseDate,parseMonthDate,parseUnixDate}from"./utils/parseDateValue.js";export{ucfirst}from"./utils/ucfirst.js";export{matchMimeType}from"./utils/mimeType.js";export{BREAKPOINTS_VALUES,CARD_WIDTH_BREAKPOINT,MOBILE_PANEL_WIDTH}from"./constants/global.js";export{default as CardContext}from"./contexts/CardContext.js";export{default as FormGroupContext}from"./contexts/FormGroupContext.js";export{default as ModalContext}from"./contexts/ModalContext.js";export{default as Select2Context}from"./contexts/Select2Context.js";export{default as TabsContext}from"./contexts/TabsContext.js";export{mapBackgroundColorType,mapBorderColorType,mapCategoryColorType,mapForegroundColorType,mapGradientColorType,mapShadowType,mapSurfaceColorType,mapThirdPartyColorType}from"./types/colors.js";export{withDisabledTooltip}from"./hocs/withDisabledTooltip.js";export{ActionBar}from"./components/Components/ActionBar/ActionBar.js";export{Alert}from"./components/Components/Alert/Alert.js";export{Avatar}from"./components/Components/Avatar/Avatar.js";export{Badge}from"./components/Components/Badge/Badge.js";export{Button}from"./components/Components/Button/Button.js";export{ButtonsGroup}from"./components/Components/Button/ButtonsGroup.js";export{ButtonTooltip}from"./components/Components/ButtonTooltip/ButtonTooltip.js";export{Card}from"./components/Components/Card/Card.js";export{CardCustomTrigger}from"./components/Components/Card/_elements_/CardCustomTrigger.js";export{Carousel}from"./components/Components/Carousel/Carousel.js";export{Collapse}from"./components/Components/Collapse/Collapse.js";export{CompactButtons}from"./components/Components/CompactButtons/CompactButtons.js";export{ContentTable,getTextAlignClass}from"./components/Components/ContentTable/ContentTable.js";export{ContentTableRow}from"./components/Components/ContentTable/ContentTableRow.js";export{DataTable,DataTableContext,useDataTableContext}from"./components/Components/DataTable/DataTable.js";export{DataTableItem}from"./components/Components/DataTable/DataTableItem.js";export{DataTableDivider}from"./components/Components/DataTable/DataTableDivider.js";export{Divider}from"./components/Components/Divider/Divider.js";export{Dropdown}from"./components/Components/Dropdown/Dropdown.js";export{DropdownDivider}from"./components/Components/Dropdown/_elements_/DropdownDivider.js";export{DropdownItem}from"./components/Components/Dropdown/_elements_/DropdownItem.js";export{DropdownMenu}from"./components/Components/Dropdown/_elements_/DropdownMenu.js";export{DropdownInfoText}from"./components/Components/Dropdown/_elements_/DropdownInfoText.js";export{DropdownLoading}from"./components/Components/Dropdown/_elements_/DropdownLoading.js";export{IconList}from"./components/Components/IconList/IconList.js";export{IconListItem}from"./components/Components/IconList/IconListItem.js";export{Image}from"./components/Components/Image/Image.js";export{Link}from"./components/Components/Link/Link.js";export{List}from"./components/Components/List/List.js";export{ListItem}from"./components/Components/List/ListItem.js";export{Loader}from"./components/Components/Loader/Loader.js";export{ModalContent}from"./components/Components/Modal/_elements_/ModalContent.js";export{ModalDialog}from"./components/Components/Modal/_elements_/ModalDialog.js";export{ModalFooter}from"./components/Components/Modal/_elements_/ModalFooter.js";export{ModalHeader}from"./components/Components/Modal/_elements_/ModalHeader.js";export{Modal}from"./components/Components/Modal/Modal.js";export{useModal}from"./components/Components/Modal/_elements_/Modal.hook.js";export{MonetaBankLogo}from"./components/Components/MonetaBankLogo/MonetaBankLogo.js";export{NotificationCard}from"./components/Components/NotificationCard/NotificationCard.js";export{NotificationCardHeader}from"./components/Components/NotificationCard/NotificationCardHeader.js";export{Pills}from"./components/Components/Pills/Pills.js";export{ProductCardHeader}from"./components/Components/ProductCard/ProductCardHeader.js";export{ProductCard}from"./components/Components/ProductCard/ProductCard.js";export{default as SuperModal}from"./components/Components/SuperModal/_elements_/SuperModal.js";export{default as SuperModalContent}from"./components/Components/SuperModal/_elements_/SuperModalContent.js";export{default as SuperModalHeader}from"./components/Components/SuperModal/_elements_/SuperModalHeader.js";export{default as SuperModalProvider}from"./components/Components/SuperModal/_elements_/SuperModalProvider.js";export{SUPER_MODAL_PREFIX,useSuperModal}from"./components/Components/SuperModal/SuperModal.hook.js";export{SuperModalContext}from"./components/Components/SuperModal/SuperModal.context.js";export{Tag}from"./components/Components/Tag/Tag.js";export{Tile}from"./components/Components/Tile/Tile.js";export{ToastContainer}from"./components/Components/Toast/Toast.js";export{useToast}from"./components/Components/Toast/Toast.hook.js";export{Tooltip}from"./components/Components/Tooltip/Tooltip.js";export{UserAuth}from"./components/Components/UserAuth/UserAuth.js";export{Autocomplete,AutocompleteDropdownContentContainer}from"./components/Form/Autocomplete/Autocomplete.js";export{Checkbox}from"./components/Form/Checkbox/Checkbox.js";export{DatePicker}from"./components/Form/DatePicker/DatePicker.js";export{FileUpload}from"./components/Form/FileUpload/FileUpload.js";export{useFileUpload}from"./components/Form/FileUpload/FileUpload.hook.js";export{FormGroup2}from"./components/Form/FormGroup2/FormGroup2.js";export{Input}from"./components/Form/Input/Input.js";export{Label2}from"./components/Form/Label2/Label2.js";export{Multiselect}from"./components/Form/Multiselect/Multiselect.js";export{PersonCount}from"./components/Form/PersonCount/PersonCount.js";export{Radio}from"./components/Form/Radio/Radio.js";export{Select2CategorisedOptions}from"./components/Form/Select/_elements_/Select2CategorisedOptions.js";export{Select2Options}from"./components/Form/Select/_elements_/Select2Options.js";export{SelectedOption}from"./components/Form/Select/_elements_/SelectedOption.js";export{Select}from"./components/Form/Select/Select.js";export{Slider}from"./components/Form/Slider/Slider.js";export{Textarea}from"./components/Form/Textarea/Textarea.js";export{Toggle}from"./components/Form/Toggle/Toggle.js";export{AreaChart}from"./components/Graphs/AreaChart/AreaChart.js";export{BarChart}from"./components/Graphs/BarChart/BarChart.js";export{ChartLegend}from"./components/Graphs/ChartLegend/ChartLegend.js";export{PieChartExtended}from"./components/Graphs/PieChartExtended/PieChartExtended.js";export{App}from"./components/Layout/App/App.js";export{AppContent}from"./components/Layout/App/AppContent.js";export{AppMain}from"./components/Layout/App/AppMain.js";export{Box}from"./components/Layout/Box/Box.js";export{Flex}from"./components/Layout/Flex/Flex.js";export{Col}from"./components/Layout/Grid/Col.js";export{Row}from"./components/Layout/Grid/Row.js";export{Header}from"./components/Layout/Header/Header.js";export{MobilePanel}from"./components/Layout/MobilePanel/MobilePanel.js";export{useMobilePanel}from"./components/Layout/MobilePanel/MobilePanel.hook.js";export{Sidebar}from"./components/Layout/Sidebar/Sidebar.js";export{Menu}from"./components/Navigation/Menu/Menu.js";export{MenuItem}from"./components/Navigation/Menu/_elements_/MenuItem.js";export{MenuList}from"./components/Navigation/Menu/_elements_/MenuList.js";export{SubMenu}from"./components/Navigation/Menu/_elements_/SubMenu.js";export{SubMenuItem}from"./components/Navigation/Menu/_elements_/SubMenuItem.js";export{Stepper}from"./components/Navigation/Stepper/Stepper.js";export{Tabs}from"./components/Navigation/Tabs/Tabs.js";export{TabListItem}from"./components/Navigation/Tabs/_elements_/TabListItem.js";export{TabsBar}from"./components/Navigation/Tabs/_elements_/TabsBar.js";export{Amount}from"./components/Typography/Amount/Amount.js";export{Text}from"./components/Typography/Text/Text.js";export{Title}from"./components/Typography/Title/Title.js";o();
1
+ import{customPolyfills as o}from"./utils/polyfills.js";export{getDisplayName}from"./utils/getDisplayName.js";export{getIntegerMask}from"./utils/getIntegerMask.js";export{isFilled}from"./utils/isFilled.js";export{isNotFilled}from"./utils/isNotFilled.js";export{isNotNilNorEmpty}from"./utils/isNotNilNorEmpty.js";export{parseIntValue}from"./utils/parseIntValue.js";export{stripDiacritics}from"./utils/stripDiacritics.js";export{trimLeadingZeros}from"./utils/trimLeadingZeros.js";export{cx}from"./utils/classBinder.js";export{configureDecimalMask}from"./utils/configureDecimalMask.js";export{BANK_ACCOUNT_ITEMS_AUTOCOMPLETE_THRESHOLD,BREAKPOINTS,KEYS}from"./utils/constants.js";export{readIsDark,useContainerDimensions,useDsIsDarkTheme,useEventListener,useHoverActive,useOnScreen,useThemeDetector,useWindowSize,useWindowWidth}from"./utils/hooks.js";export{noop}from"./utils/noop.js";export{parseDecimalValue}from"./utils/parseDecimalValue.js";export{formatDate,formatMonthDate,isDate,isPartOfDate,isValidDate,parseCzechDate,parseDate,parseMonthDate,parseUnixDate}from"./utils/parseDateValue.js";export{ucfirst}from"./utils/ucfirst.js";export{matchMimeType}from"./utils/mimeType.js";export{BREAKPOINTS_VALUES,CARD_WIDTH_BREAKPOINT,MOBILE_PANEL_WIDTH}from"./constants/global.js";export{default as CardContext}from"./contexts/CardContext.js";export{default as FormGroupContext}from"./contexts/FormGroupContext.js";export{default as ModalContext}from"./contexts/ModalContext.js";export{default as Select2Context}from"./contexts/Select2Context.js";export{default as TabsContext}from"./contexts/TabsContext.js";export{mapBackgroundColorType,mapBorderColorType,mapCategoryColorType,mapForegroundColorType,mapGradientColorType,mapShadowType,mapSurfaceColorType,mapThirdPartyColorType}from"./types/colors.js";export{withDisabledTooltip}from"./hocs/withDisabledTooltip.js";export{ActionBar}from"./components/Components/ActionBar/ActionBar.js";export{Alert}from"./components/Components/Alert/Alert.js";export{Avatar}from"./components/Components/Avatar/Avatar.js";export{Badge}from"./components/Components/Badge/Badge.js";export{Button}from"./components/Components/Button/Button.js";export{ButtonsGroup}from"./components/Components/Button/ButtonsGroup.js";export{ButtonTooltip}from"./components/Components/ButtonTooltip/ButtonTooltip.js";export{Card}from"./components/Components/Card/Card.js";export{CardCustomTrigger}from"./components/Components/Card/_elements_/CardCustomTrigger.js";export{Carousel}from"./components/Components/Carousel/Carousel.js";export{Collapse}from"./components/Components/Collapse/Collapse.js";export{CompactButtons}from"./components/Components/CompactButtons/CompactButtons.js";export{ContentTable,getTextAlignClass}from"./components/Components/ContentTable/ContentTable.js";export{ContentTableRow}from"./components/Components/ContentTable/ContentTableRow.js";export{DataTable,DataTableContext,useDataTableContext}from"./components/Components/DataTable/DataTable.js";export{DataTableItem}from"./components/Components/DataTable/DataTableItem.js";export{DataTableDivider}from"./components/Components/DataTable/DataTableDivider.js";export{Divider}from"./components/Components/Divider/Divider.js";export{Dropdown}from"./components/Components/Dropdown/Dropdown.js";export{DropdownDivider}from"./components/Components/Dropdown/_elements_/DropdownDivider.js";export{DropdownItem}from"./components/Components/Dropdown/_elements_/DropdownItem.js";export{DropdownMenu}from"./components/Components/Dropdown/_elements_/DropdownMenu.js";export{DropdownInfoText}from"./components/Components/Dropdown/_elements_/DropdownInfoText.js";export{DropdownLoading}from"./components/Components/Dropdown/_elements_/DropdownLoading.js";export{IconList}from"./components/Components/IconList/IconList.js";export{IconListItem}from"./components/Components/IconList/IconListItem.js";export{Image}from"./components/Components/Image/Image.js";export{Link}from"./components/Components/Link/Link.js";export{List}from"./components/Components/List/List.js";export{ListItem}from"./components/Components/List/ListItem.js";export{Loader}from"./components/Components/Loader/Loader.js";export{ModalContent}from"./components/Components/Modal/_elements_/ModalContent.js";export{ModalDialog}from"./components/Components/Modal/_elements_/ModalDialog.js";export{ModalFooter}from"./components/Components/Modal/_elements_/ModalFooter.js";export{ModalHeader}from"./components/Components/Modal/_elements_/ModalHeader.js";export{Modal}from"./components/Components/Modal/Modal.js";export{useModal}from"./components/Components/Modal/_elements_/Modal.hook.js";export{MonetaBankLogo}from"./components/Components/MonetaBankLogo/MonetaBankLogo.js";export{NotificationCard}from"./components/Components/NotificationCard/NotificationCard.js";export{NotificationCardHeader}from"./components/Components/NotificationCard/NotificationCardHeader.js";export{Pills}from"./components/Components/Pills/Pills.js";export{ProductCard}from"./components/Components/ProductCard/ProductCard.js";export{ProductHeader}from"./components/Components/ProductHeader/ProductHeader.js";export{default as SuperModal}from"./components/Components/SuperModal/_elements_/SuperModal.js";export{default as SuperModalContent}from"./components/Components/SuperModal/_elements_/SuperModalContent.js";export{default as SuperModalHeader}from"./components/Components/SuperModal/_elements_/SuperModalHeader.js";export{default as SuperModalProvider}from"./components/Components/SuperModal/_elements_/SuperModalProvider.js";export{SUPER_MODAL_PREFIX,useSuperModal}from"./components/Components/SuperModal/SuperModal.hook.js";export{SuperModalContext}from"./components/Components/SuperModal/SuperModal.context.js";export{Tag}from"./components/Components/Tag/Tag.js";export{Tile}from"./components/Components/Tile/Tile.js";export{ToastContainer}from"./components/Components/Toast/Toast.js";export{useToast}from"./components/Components/Toast/Toast.hook.js";export{Tooltip}from"./components/Components/Tooltip/Tooltip.js";export{UserAuth}from"./components/Components/UserAuth/UserAuth.js";export{Autocomplete,AutocompleteDropdownContentContainer}from"./components/Form/Autocomplete/Autocomplete.js";export{Checkbox}from"./components/Form/Checkbox/Checkbox.js";export{DatePicker}from"./components/Form/DatePicker/DatePicker.js";export{FileUpload}from"./components/Form/FileUpload/FileUpload.js";export{useFileUpload}from"./components/Form/FileUpload/FileUpload.hook.js";export{FormGroup2}from"./components/Form/FormGroup2/FormGroup2.js";export{Input}from"./components/Form/Input/Input.js";export{Label2}from"./components/Form/Label2/Label2.js";export{Multiselect}from"./components/Form/Multiselect/Multiselect.js";export{PersonCount}from"./components/Form/PersonCount/PersonCount.js";export{Radio}from"./components/Form/Radio/Radio.js";export{Select2CategorisedOptions}from"./components/Form/Select/_elements_/Select2CategorisedOptions.js";export{Select2Options}from"./components/Form/Select/_elements_/Select2Options.js";export{SelectedOption}from"./components/Form/Select/_elements_/SelectedOption.js";export{Select}from"./components/Form/Select/Select.js";export{Slider}from"./components/Form/Slider/Slider.js";export{Textarea}from"./components/Form/Textarea/Textarea.js";export{Toggle}from"./components/Form/Toggle/Toggle.js";export{AreaChart}from"./components/Graphs/AreaChart/AreaChart.js";export{BarChart}from"./components/Graphs/BarChart/BarChart.js";export{ChartLegend}from"./components/Graphs/ChartLegend/ChartLegend.js";export{PieChartExtended}from"./components/Graphs/PieChartExtended/PieChartExtended.js";export{App}from"./components/Layout/App/App.js";export{AppContent}from"./components/Layout/App/AppContent.js";export{AppMain}from"./components/Layout/App/AppMain.js";export{Box}from"./components/Layout/Box/Box.js";export{Flex}from"./components/Layout/Flex/Flex.js";export{Col}from"./components/Layout/Grid/Col.js";export{Row}from"./components/Layout/Grid/Row.js";export{Header}from"./components/Layout/Header/Header.js";export{MobilePanel}from"./components/Layout/MobilePanel/MobilePanel.js";export{useMobilePanel}from"./components/Layout/MobilePanel/MobilePanel.hook.js";export{Sidebar}from"./components/Layout/Sidebar/Sidebar.js";export{Menu}from"./components/Navigation/Menu/Menu.js";export{MenuItem}from"./components/Navigation/Menu/_elements_/MenuItem.js";export{MenuList}from"./components/Navigation/Menu/_elements_/MenuList.js";export{SubMenu}from"./components/Navigation/Menu/_elements_/SubMenu.js";export{SubMenuItem}from"./components/Navigation/Menu/_elements_/SubMenuItem.js";export{Stepper}from"./components/Navigation/Stepper/Stepper.js";export{Tabs}from"./components/Navigation/Tabs/Tabs.js";export{TabListItem}from"./components/Navigation/Tabs/_elements_/TabListItem.js";export{TabsBar}from"./components/Navigation/Tabs/_elements_/TabsBar.js";export{Amount}from"./components/Typography/Amount/Amount.js";export{Text}from"./components/Typography/Text/Text.js";export{Title}from"./components/Typography/Title/Title.js";o();
2
2
  //# sourceMappingURL=index.js.map
package/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":[null],"names":["customPolyfills"],"mappings":"k2RAIAA"}
1
+ {"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":[null],"names":["customPolyfills"],"mappings":"41RAIAA"}
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "module": "./index.js",
4
4
  "typings": "./index.d.ts",
5
5
  "name": "@mmb-digital/ds-lilly",
6
- "version": "1.0.74",
6
+ "version": "1.0.76",
7
7
  "description": "MMB LILLY design system",
8
8
  "license": "UNLICENSED",
9
9
  "sideEffects": [
@@ -1,43 +0,0 @@
1
- import React, { ReactElement, ReactNode } from 'react';
2
- export interface ProductCardHeaderPropTypes {
3
- /** Children to be rendered in the ProductCard (list of buttons). */
4
- buttons?: ReactElement;
5
- /** Children to be rendered in the ProductCard after buttons. */
6
- afterButtonsComponent?: React.ReactNode;
7
- /** Children to be rendered in the ProductCard (list of buttons). */
8
- availableBalance: number;
9
- /** hidden string before availableBalance */
10
- availableBalanceHiddenPrefix?: ReactElement;
11
- /** Currency code of both available ballance and ledger ballance (if applicable) */
12
- currencyCode: string;
13
- /** External link to open in a new tab on click. */
14
- externalLink?: string;
15
- /** Ledger ballance to be displayed above available ballance */
16
- ledgerBalance?: number;
17
- /** Ledger ballance label (prefix) */
18
- ledgerBalanceLabel?: ReactElement;
19
- /** Link for redirect on click */
20
- linkTo?: string;
21
- /** Click event handler. */
22
- onClick?: () => void;
23
- /** Product (account) ID */
24
- productId?: string;
25
- /** Product (account) name */
26
- productName: string;
27
- /** hidden string before productName */
28
- productNameHiddenPrefix?: ReactElement;
29
- /** Product (account) number */
30
- productNumber?: string;
31
- /** hidden string before productNumber */
32
- productNumberHiddenPrefix?: ReactElement;
33
- /** Subheader content to be rendered under productNumber. */
34
- subheader?: ReactNode;
35
- /** Test ID for testing purposes. */
36
- testId?: string;
37
- /** Custom product name replacing default productName */
38
- customProductName?: ReactNode;
39
- /** Locale for number formatting (e.g. 'cs-CZ', 'en-US') */
40
- locale?: string;
41
- }
42
- export declare const ProductCardHeader: ({ afterButtonsComponent, availableBalance, availableBalanceHiddenPrefix, buttons, currencyCode, customProductName, externalLink, ledgerBalance, ledgerBalanceLabel, linkTo, locale, onClick, productId, productName, productNameHiddenPrefix, productNumber, productNumberHiddenPrefix, subheader, testId }: ProductCardHeaderPropTypes) => React.JSX.Element;
43
- //# sourceMappingURL=ProductCardHeader.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ProductCardHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/Components/ProductCard/ProductCardHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAE,SAAS,EAAe,MAAM,OAAO,CAAA;AASnE,MAAM,WAAW,0BAA0B;IACzC,oEAAoE;IACpE,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,gEAAgE;IAChE,qBAAqB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvC,oEAAoE;IACpE,gBAAgB,EAAE,MAAM,CAAA;IACxB,4CAA4C;IAC5C,4BAA4B,CAAC,EAAE,YAAY,CAAA;IAC3C,mFAAmF;IACnF,YAAY,EAAE,MAAM,CAAA;IACpB,mDAAmD;IACnD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,+DAA+D;IAC/D,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,qCAAqC;IACrC,kBAAkB,CAAC,EAAE,YAAY,CAAA;IACjC,iCAAiC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,2BAA2B;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,6BAA6B;IAC7B,WAAW,EAAE,MAAM,CAAA;IACnB,uCAAuC;IACvC,uBAAuB,CAAC,EAAE,YAAY,CAAA;IACtC,+BAA+B;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,yCAAyC;IACzC,yBAAyB,CAAC,EAAE,YAAY,CAAA;IACxC,4DAA4D;IAC5D,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,oCAAoC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,wDAAwD;IACxD,iBAAiB,CAAC,EAAE,SAAS,CAAA;IAC7B,2DAA2D;IAC3D,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,eAAO,MAAM,iBAAiB,gTAoB3B,0BAA0B,sBAkF5B,CAAA"}
@@ -1,2 +0,0 @@
1
- "use strict";var e=require("react"),r=require("react-router-dom");require("../../../utils/getDisplayName.js"),require("../../../utils/getIntegerMask.js"),require("../../../utils/isFilled.js"),require("../../../utils/isNotFilled.js"),require("../../../utils/isNotNilNorEmpty.js"),require('./../../../ext/diacritic/diacritics.js');var t=require("../../../utils/classBinder.js");require('./../../../ext/text-mask-addons/dist/textMaskAddons.js'),require('./../../../ext/tslib/tslib.es6.js');var o=require("../../Layout/Grid/Col.js"),i=require("../../Layout/Grid/Row.js");require("../Button/Button.js"),require("../../../contexts/MobilePanelContext.js"),require('./../../../ext/cuid/index.js');var a=require("../../Typography/Amount/Amount.js"),s=require("../../Typography/Text/Text.js"),n=require("../../Typography/Title/Title.js");require('./../../../ext/camelcase/index.js'),require("../ButtonTooltip/ButtonTooltip.js");var l=require("../Card/Card.js");require("../../../contexts/CardContext.js"),require("../../../contexts/FormGroupContext.js"),require("../../../contexts/ModalContext.js"),require("../../../contexts/Select2Context.js"),require("../../../contexts/TabsContext.js"),require("react-slick"),require("../Collapse/Collapse.js"),require('./../../../ext/lodash/_baseToString.js'),require('./../../../ext/react-text-mask/dist/reactTextMask.js'),require("../Dropdown/_elements_/DropdownDivider.js"),require("../Dropdown/_elements_/DropdownItem.js"),require("../Dropdown/_elements_/DropdownMenu.js"),require("../Dropdown/_elements_/DropdownInfoText.js"),require("../Dropdown/_elements_/DropdownLoading.js"),require("../../../contexts/ContentTableContext.js"),require("../ContentTable/ContentTableRow.js"),require("../DataTable/DataTable.js");var u=require("../Link/Link.js");require("react-dom"),require("../SuperModal/SuperModal.context.js"),require("../../Form/Autocomplete/Autocomplete.js"),require('./../../../ext/react-device-detect/dist/lib.js'),require("../../Form/FileUpload/_parts_/MergeImageCards.js"),require("../../Form/Select/_elements_/Select2CategorisedOptions.js"),require("../../Form/Select/_elements_/Select2Options.js"),require("../../Form/Slider/Slider.js");exports.ProductCardHeader=function(d){var m=d.afterButtonsComponent,c=d.availableBalance,p=d.availableBalanceHiddenPrefix,_=d.buttons,q=d.currencyCode,j=d.customProductName,C=d.externalLink,x=d.ledgerBalance,b=d.ledgerBalanceLabel,h=d.linkTo,g=d.locale,T=d.onClick,v=d.productId,k=d.productName,D=d.productNameHiddenPrefix,y=d.productNumber,w=d.productNumberHiddenPrefix,E=d.subheader,N=d.testId,B=r.useHistory(),F=e.useCallback((function(){h?B.push(h):T&&T()}),[B,h,T]);return e.createElement(l.Card,{hasCustomTrigger:!0,isInteractive:!0,withoutRole:!0,borderColor:"transparent",testId:N,theme:"productCard__overview",onClick:F},e.createElement(i.Row,{theme:t.cx("u-mb--0 ","productCard__header")},e.createElement(o.Col,{sm:5,theme:"productCard__header--left",xs:12},e.createElement(n.Title,{size:"h3",theme:"productCard__name",visual:"h5"},e.createElement("span",{className:"u-vHide"},D),j||e.createElement(u.Link,{ariaLabel:k,"data-testid":"productCard-link-".concat(v),linkUrl:C,target:C?"_blank":void 0,theme:"productCard__name__link",onClick:C?void 0:F},e.createElement(s.Text,{component:"span",weight:"semiBold"},k))),e.createElement(s.Text,{size:"small",theme:t.cx("u-mb--0 ","productCard__number"),type:"secondary"},e.createElement("span",{className:"u-vHide"},w),y)),e.createElement(o.Col,{sm:7,theme:"productCard__header--right",xs:12},e.createElement("span",{className:"u-vHide"},p),e.createElement(a.Amount,{isBold:!0,amount:c,locale:g,maximumFractionDigits:2,minimumFractionDigits:2,size:"xxLarge",theme:"productCard__ballance",unitAfter:q,unitTheme:"u-fontWeightSemiBold"}),b&&e.createElement(s.Text,{component:"div",size:"small",theme:"productCard__ballance__ledger",type:"secondary"},b," ","number"==typeof x?e.createElement(a.Amount,{amount:x,locale:g,maximumFractionDigits:2,minimumFractionDigits:2,size:"small",theme:"productCard__ballance__ledger__amount",unitAfter:q}):null))),E,_&&e.createElement("div",{className:"u-mt--medium"},_),m)};
2
- //# sourceMappingURL=ProductCardHeader.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ProductCardHeader.js","sources":["../../../../../../src/components/Components/ProductCard/ProductCardHeader.tsx"],"sourcesContent":[null],"names":["_a","afterButtonsComponent","availableBalance","availableBalanceHiddenPrefix","buttons","currencyCode","customProductName","externalLink","ledgerBalance","ledgerBalanceLabel","linkTo","locale","onClick","productId","productName","productNameHiddenPrefix","productNumber","productNumberHiddenPrefix","subheader","testId","history","useHistory","onAccountNameClick","useCallback","push","React","createElement","Card","hasCustomTrigger","isInteractive","withoutRole","borderColor","theme","Row","cx","Col","sm","xs","Title","size","visual","className","Link","ariaLabel","concat","linkUrl","target","undefined","Text","component","weight","type","Amount","isBold","amount","maximumFractionDigits","minimumFractionDigits","unitAfter","unitTheme"],"mappings":"ytEAmDiC,SAACA,OAChCC,EAAqBD,EAAAC,sBACrBC,EAAgBF,EAAAE,iBAChBC,EAA4BH,EAAAG,6BAC5BC,EAAOJ,EAAAI,QACPC,iBACAC,EAAiBN,EAAAM,kBACjBC,EAAYP,EAAAO,aACZC,EAAaR,EAAAQ,cACbC,EAAkBT,EAAAS,mBAClBC,WACAC,EAAMX,EAAAW,OACNC,EAAOZ,EAAAY,QACPC,EAASb,EAAAa,UACTC,EAAWd,EAAAc,YACXC,EAAuBf,EAAAe,wBACvBC,EAAahB,EAAAgB,cACbC,EAAyBjB,EAAAiB,0BACzBC,EAASlB,EAAAkB,UACTC,EAAMnB,EAAAmB,OAEAC,EAAUC,EAAAA,aAEVC,EAAqBC,EAAAA,aAAY,WAC/Bb,EACJU,EAAQI,KAAKd,GACFE,GACXA,GAEH,GAAE,CAACQ,EAASV,EAAQE,IAErB,OACEa,EAACC,cAAAC,EAAIA,KACH,CAAAC,oBACAC,eAAa,EACbC,aAAW,EACXC,YAAY,cACZZ,OAAQA,EACRa,MAAM,wBACNpB,QAASU,GAETG,EAACC,cAAAO,OAAID,MAAOE,KAAG,WAAY,wBACzBT,EAAAC,cAACS,EAAGA,IAAA,CAACC,GAAI,EAAGJ,MAAM,4BAA4BK,GAAI,IAChDZ,EAAAC,cAACY,EAAKA,MAAA,CAACC,KAAK,KAAKP,MAAM,oBAAoBQ,OAAO,MAChDf,EAAAC,cAAA,OAAA,CAAMe,UAAU,WAAW1B,GAC1BT,GACCmB,EAACC,cAAAgB,EAAAA,MACCC,UAAW7B,EACE,cAAA,oBAAA8B,OAAoB/B,GACjCgC,QAAStC,EACTuC,OAAQvC,EAAe,cAAWwC,EAClCf,MAAM,0BACNpB,QAAUL,OAAoCwC,EAArBzB,GAEzBG,EAAAC,cAACsB,OAAI,CAACC,UAAU,OAAOC,OAAO,YAC3BpC,KAMTW,EAAAC,cAACsB,OAAK,CAAAT,KAAK,QAAQP,MAAOE,EAAAA,GAAG,WAAY,uBAAwBiB,KAAK,aACpE1B,EAAAC,cAAA,OAAA,CAAMe,UAAU,WAAWxB,GAC1BD,IAGLS,EAAAC,cAACS,EAAGA,IAAA,CAACC,GAAI,EAAGJ,MAAM,6BAA6BK,GAAI,IACjDZ,EAAAC,cAAA,OAAA,CAAMe,UAAU,WAAWtC,GAC3BsB,EAAAC,cAAC0B,EAAMA,OAAA,CACLC,QAAM,EACNC,OAAQpD,EACRS,OAAQA,EACR4C,sBAAuB,EACvBC,sBAAuB,EACvBjB,KAAK,UACLP,MAAM,wBACNyB,UAAWpD,EACXqD,UAAU,yBAEXjD,GACCgB,EAAAC,cAACsB,EAAIA,KAAC,CAAAC,UAAU,MAAMV,KAAK,QAAQP,MAAM,gCAAgCmB,KAAK,aAC3E1C,EAAoB,IACK,iBAAlBD,EACNiB,gBAAC2B,EAAAA,OAAM,CACLE,OAAQ9C,EACRG,OAAQA,EACR4C,sBAAuB,EACvBC,sBAAuB,EACvBjB,KAAK,QACLP,MAAM,wCACNyB,UAAWpD,IAEX,QAKXa,EACAd,GAAWqB,EAAKC,cAAA,MAAA,CAAAe,UAAU,gBAAgBrC,GAC1CH,EAGP"}
@@ -1,43 +0,0 @@
1
- import React, { ReactElement, ReactNode } from 'react';
2
- export interface ProductCardHeaderPropTypes {
3
- /** Children to be rendered in the ProductCard (list of buttons). */
4
- buttons?: ReactElement;
5
- /** Children to be rendered in the ProductCard after buttons. */
6
- afterButtonsComponent?: React.ReactNode;
7
- /** Children to be rendered in the ProductCard (list of buttons). */
8
- availableBalance: number;
9
- /** hidden string before availableBalance */
10
- availableBalanceHiddenPrefix?: ReactElement;
11
- /** Currency code of both available ballance and ledger ballance (if applicable) */
12
- currencyCode: string;
13
- /** External link to open in a new tab on click. */
14
- externalLink?: string;
15
- /** Ledger ballance to be displayed above available ballance */
16
- ledgerBalance?: number;
17
- /** Ledger ballance label (prefix) */
18
- ledgerBalanceLabel?: ReactElement;
19
- /** Link for redirect on click */
20
- linkTo?: string;
21
- /** Click event handler. */
22
- onClick?: () => void;
23
- /** Product (account) ID */
24
- productId?: string;
25
- /** Product (account) name */
26
- productName: string;
27
- /** hidden string before productName */
28
- productNameHiddenPrefix?: ReactElement;
29
- /** Product (account) number */
30
- productNumber?: string;
31
- /** hidden string before productNumber */
32
- productNumberHiddenPrefix?: ReactElement;
33
- /** Subheader content to be rendered under productNumber. */
34
- subheader?: ReactNode;
35
- /** Test ID for testing purposes. */
36
- testId?: string;
37
- /** Custom product name replacing default productName */
38
- customProductName?: ReactNode;
39
- /** Locale for number formatting (e.g. 'cs-CZ', 'en-US') */
40
- locale?: string;
41
- }
42
- export declare const ProductCardHeader: ({ afterButtonsComponent, availableBalance, availableBalanceHiddenPrefix, buttons, currencyCode, customProductName, externalLink, ledgerBalance, ledgerBalanceLabel, linkTo, locale, onClick, productId, productName, productNameHiddenPrefix, productNumber, productNumberHiddenPrefix, subheader, testId }: ProductCardHeaderPropTypes) => React.JSX.Element;
43
- //# sourceMappingURL=ProductCardHeader.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ProductCardHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/Components/ProductCard/ProductCardHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAE,SAAS,EAAe,MAAM,OAAO,CAAA;AASnE,MAAM,WAAW,0BAA0B;IACzC,oEAAoE;IACpE,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,gEAAgE;IAChE,qBAAqB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvC,oEAAoE;IACpE,gBAAgB,EAAE,MAAM,CAAA;IACxB,4CAA4C;IAC5C,4BAA4B,CAAC,EAAE,YAAY,CAAA;IAC3C,mFAAmF;IACnF,YAAY,EAAE,MAAM,CAAA;IACpB,mDAAmD;IACnD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,+DAA+D;IAC/D,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,qCAAqC;IACrC,kBAAkB,CAAC,EAAE,YAAY,CAAA;IACjC,iCAAiC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,2BAA2B;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,6BAA6B;IAC7B,WAAW,EAAE,MAAM,CAAA;IACnB,uCAAuC;IACvC,uBAAuB,CAAC,EAAE,YAAY,CAAA;IACtC,+BAA+B;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,yCAAyC;IACzC,yBAAyB,CAAC,EAAE,YAAY,CAAA;IACxC,4DAA4D;IAC5D,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,oCAAoC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,wDAAwD;IACxD,iBAAiB,CAAC,EAAE,SAAS,CAAA;IAC7B,2DAA2D;IAC3D,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,eAAO,MAAM,iBAAiB,gTAoB3B,0BAA0B,sBAkF5B,CAAA"}
@@ -1,2 +0,0 @@
1
- import e,{useCallback as t}from"react";import{useHistory as o}from"react-router-dom";import"../../../utils/getDisplayName.js";import"../../../utils/getIntegerMask.js";import"../../../utils/isFilled.js";import"../../../utils/isNotFilled.js";import"../../../utils/isNotNilNorEmpty.js";import'./../../../ext/diacritic/diacritics.js';import{cx as r}from"../../../utils/classBinder.js";import'./../../../ext/text-mask-addons/dist/textMaskAddons.js';import'./../../../ext/tslib/tslib.es6.js';import{Col as i}from"../../Layout/Grid/Col.js";import{Row as m}from"../../Layout/Grid/Row.js";import"../Button/Button.js";import"../../../contexts/MobilePanelContext.js";import'./../../../ext/cuid/index.js';import{Amount as a}from"../../Typography/Amount/Amount.js";import{Text as s}from"../../Typography/Text/Text.js";import{Title as n}from"../../Typography/Title/Title.js";import'./../../../ext/camelcase/index.js';import"../ButtonTooltip/ButtonTooltip.js";import{Card as l}from"../Card/Card.js";import"../../../contexts/CardContext.js";import"../../../contexts/FormGroupContext.js";import"../../../contexts/ModalContext.js";import"../../../contexts/Select2Context.js";import"../../../contexts/TabsContext.js";import"react-slick";import"../Collapse/Collapse.js";import'./../../../ext/lodash/_baseToString.js';import'./../../../ext/react-text-mask/dist/reactTextMask.js';import"../Dropdown/_elements_/DropdownDivider.js";import"../Dropdown/_elements_/DropdownItem.js";import"../Dropdown/_elements_/DropdownMenu.js";import"../Dropdown/_elements_/DropdownInfoText.js";import"../Dropdown/_elements_/DropdownLoading.js";import"../../../contexts/ContentTableContext.js";import"../ContentTable/ContentTableRow.js";import"../DataTable/DataTable.js";import{Link as d}from"../Link/Link.js";import"react-dom";import"../SuperModal/SuperModal.context.js";import"../../Form/Autocomplete/Autocomplete.js";import'./../../../ext/react-device-detect/dist/lib.js';import"../../Form/FileUpload/_parts_/MergeImageCards.js";import"../../Form/Select/_elements_/Select2CategorisedOptions.js";import"../../Form/Select/_elements_/Select2Options.js";import"../../Form/Slider/Slider.js";var p=function(p){var c=p.afterButtonsComponent,u=p.availableBalance,_=p.availableBalanceHiddenPrefix,j=p.buttons,C=p.currencyCode,x=p.customProductName,b=p.externalLink,h=p.ledgerBalance,g=p.ledgerBalanceLabel,f=p.linkTo,T=p.locale,D=p.onClick,k=p.productId,v=p.productName,y=p.productNameHiddenPrefix,E=p.productNumber,w=p.productNumberHiddenPrefix,N=p.subheader,B=p.testId,F=o(),S=t((function(){f?F.push(f):D&&D()}),[F,f,D]);return e.createElement(l,{hasCustomTrigger:!0,isInteractive:!0,withoutRole:!0,borderColor:"transparent",testId:B,theme:"productCard__overview",onClick:S},e.createElement(m,{theme:r("u-mb--0 ","productCard__header")},e.createElement(i,{sm:5,theme:"productCard__header--left",xs:12},e.createElement(n,{size:"h3",theme:"productCard__name",visual:"h5"},e.createElement("span",{className:"u-vHide"},y),x||e.createElement(d,{ariaLabel:v,"data-testid":"productCard-link-".concat(k),linkUrl:b,target:b?"_blank":void 0,theme:"productCard__name__link",onClick:b?void 0:S},e.createElement(s,{component:"span",weight:"semiBold"},v))),e.createElement(s,{size:"small",theme:r("u-mb--0 ","productCard__number"),type:"secondary"},e.createElement("span",{className:"u-vHide"},w),E)),e.createElement(i,{sm:7,theme:"productCard__header--right",xs:12},e.createElement("span",{className:"u-vHide"},_),e.createElement(a,{isBold:!0,amount:u,locale:T,maximumFractionDigits:2,minimumFractionDigits:2,size:"xxLarge",theme:"productCard__ballance",unitAfter:C,unitTheme:"u-fontWeightSemiBold"}),g&&e.createElement(s,{component:"div",size:"small",theme:"productCard__ballance__ledger",type:"secondary"},g," ","number"==typeof h?e.createElement(a,{amount:h,locale:T,maximumFractionDigits:2,minimumFractionDigits:2,size:"small",theme:"productCard__ballance__ledger__amount",unitAfter:C}):null))),N,j&&e.createElement("div",{className:"u-mt--medium"},j),c)};export{p as ProductCardHeader};
2
- //# sourceMappingURL=ProductCardHeader.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ProductCardHeader.js","sources":["../../../../src/components/Components/ProductCard/ProductCardHeader.tsx"],"sourcesContent":[null],"names":["ProductCardHeader","_a","afterButtonsComponent","availableBalance","availableBalanceHiddenPrefix","buttons","currencyCode","customProductName","externalLink","ledgerBalance","ledgerBalanceLabel","linkTo","locale","onClick","productId","productName","productNameHiddenPrefix","productNumber","productNumberHiddenPrefix","subheader","testId","history","useHistory","onAccountNameClick","useCallback","push","React","createElement","Card","hasCustomTrigger","isInteractive","withoutRole","borderColor","theme","Row","cx","Col","sm","xs","Title","size","visual","className","Link","ariaLabel","concat","linkUrl","target","undefined","Text","component","weight","type","Amount","isBold","amount","maximumFractionDigits","minimumFractionDigits","unitAfter","unitTheme"],"mappings":"2pEAmDO,IAAMA,EAAoB,SAACC,OAChCC,EAAqBD,EAAAC,sBACrBC,EAAgBF,EAAAE,iBAChBC,EAA4BH,EAAAG,6BAC5BC,EAAOJ,EAAAI,QACPC,iBACAC,EAAiBN,EAAAM,kBACjBC,EAAYP,EAAAO,aACZC,EAAaR,EAAAQ,cACbC,EAAkBT,EAAAS,mBAClBC,WACAC,EAAMX,EAAAW,OACNC,EAAOZ,EAAAY,QACPC,EAASb,EAAAa,UACTC,EAAWd,EAAAc,YACXC,EAAuBf,EAAAe,wBACvBC,EAAahB,EAAAgB,cACbC,EAAyBjB,EAAAiB,0BACzBC,EAASlB,EAAAkB,UACTC,EAAMnB,EAAAmB,OAEAC,EAAUC,IAEVC,EAAqBC,GAAY,WAC/Bb,EACJU,EAAQI,KAAKd,GACFE,GACXA,GAEH,GAAE,CAACQ,EAASV,EAAQE,IAErB,OACEa,EAACC,cAAAC,EACC,CAAAC,oBACAC,eAAa,EACbC,aAAW,EACXC,YAAY,cACZZ,OAAQA,EACRa,MAAM,wBACNpB,QAASU,GAETG,EAACC,cAAAO,GAAID,MAAOE,EAAG,WAAY,wBACzBT,EAAAC,cAACS,EAAG,CAACC,GAAI,EAAGJ,MAAM,4BAA4BK,GAAI,IAChDZ,EAAAC,cAACY,EAAK,CAACC,KAAK,KAAKP,MAAM,oBAAoBQ,OAAO,MAChDf,EAAAC,cAAA,OAAA,CAAMe,UAAU,WAAW1B,GAC1BT,GACCmB,EAACC,cAAAgB,GACCC,UAAW7B,EACE,cAAA,oBAAA8B,OAAoB/B,GACjCgC,QAAStC,EACTuC,OAAQvC,EAAe,cAAWwC,EAClCf,MAAM,0BACNpB,QAAUL,OAAoCwC,EAArBzB,GAEzBG,EAAAC,cAACsB,EAAI,CAACC,UAAU,OAAOC,OAAO,YAC3BpC,KAMTW,EAAAC,cAACsB,EAAK,CAAAT,KAAK,QAAQP,MAAOE,EAAG,WAAY,uBAAwBiB,KAAK,aACpE1B,EAAAC,cAAA,OAAA,CAAMe,UAAU,WAAWxB,GAC1BD,IAGLS,EAAAC,cAACS,EAAG,CAACC,GAAI,EAAGJ,MAAM,6BAA6BK,GAAI,IACjDZ,EAAAC,cAAA,OAAA,CAAMe,UAAU,WAAWtC,GAC3BsB,EAAAC,cAAC0B,EAAM,CACLC,QAAM,EACNC,OAAQpD,EACRS,OAAQA,EACR4C,sBAAuB,EACvBC,sBAAuB,EACvBjB,KAAK,UACLP,MAAM,wBACNyB,UAAWpD,EACXqD,UAAU,yBAEXjD,GACCgB,EAAAC,cAACsB,EAAK,CAAAC,UAAU,MAAMV,KAAK,QAAQP,MAAM,gCAAgCmB,KAAK,aAC3E1C,EAAoB,IACK,iBAAlBD,EACNiB,gBAAC2B,EAAM,CACLE,OAAQ9C,EACRG,OAAQA,EACR4C,sBAAuB,EACvBC,sBAAuB,EACvBjB,KAAK,QACLP,MAAM,wCACNyB,UAAWpD,IAEX,QAKXa,EACAd,GAAWqB,EAAKC,cAAA,MAAA,CAAAe,UAAU,gBAAgBrC,GAC1CH,EAGP"}