@social-mail/social-mail-client 1.2.503 → 1.2.504

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.
@@ -49727,7 +49727,7 @@ System.register(["@web-atoms/core/dist/core/XNode", "./Block", "./defaultImage",
49727
49727
  execute: function () {
49728
49728
  StylerSets.register("low", styled.css`
49729
49729
  display: flex;
49730
- flex-direction: column;
49730
+ flex-direction: row;
49731
49731
  gap: ${stylerVars.sizeDefault};
49732
49732
  padding: ${stylerVars.sizeDefault};
49733
49733
  margin: ${stylerVars.sizeDefault};
@@ -49737,12 +49737,6 @@ System.register(["@web-atoms/core/dist/core/XNode", "./Block", "./defaultImage",
49737
49737
  contain: content;
49738
49738
  position: relative;
49739
49739
 
49740
- & > * {
49741
- padding: ${stylerVars.sizeDefault};
49742
- flex: 1 1 100%;
49743
- max-width: 100%;
49744
- }
49745
-
49746
49740
  & > img {
49747
49741
  align-self: stretch;
49748
49742
  }
@@ -49752,21 +49746,26 @@ System.register(["@web-atoms/core/dist/core/XNode", "./Block", "./defaultImage",
49752
49746
  padding: ${stylerVars.sizeLarge};
49753
49747
  }
49754
49748
  }
49749
+ & > * {
49750
+ padding: ${stylerVars.sizeDefault};
49751
+ flex: 1 1 50%;
49752
+ max-width: 50%;
49753
+ }
49755
49754
 
49756
49755
 
49757
- @media (min-width: 600px) {
49756
+ @media (max-width: 700px) {
49758
49757
  & {
49759
- flex-direction: row;
49758
+ flex-direction: column;
49760
49759
  }
49761
49760
 
49762
49761
  & > img {
49763
- align-self: center;
49762
+ align-self: stretch;
49764
49763
  }
49765
49764
 
49766
49765
  & > * {
49767
49766
  padding: ${stylerVars.sizeDefault};
49768
- flex: 1 1 50%;
49769
- max-width: 50%;
49767
+ flex: 1 1 100%;
49768
+ max-width: 100%;
49770
49769
  }
49771
49770
  }
49772
49771
  `.expand("[styler-layout=image-box]"));
@@ -50524,8 +50523,7 @@ System.register(["@web-atoms/core/dist/core/XNode", "./Block", "./defaultImage",
50524
50523
  execute: function () {
50525
50524
  StylerSets.register("low", styled.css`
50526
50525
  display: flex;
50527
- position: relative;
50528
- flex-direction: column;
50526
+ flex-direction: row-reverse;
50529
50527
  gap: ${stylerVars.sizeDefault};
50530
50528
  padding: ${stylerVars.sizeDefault};
50531
50529
  margin: ${stylerVars.sizeDefault};
@@ -50533,12 +50531,7 @@ System.register(["@web-atoms/core/dist/core/XNode", "./Block", "./defaultImage",
50533
50531
  justify-items: center;
50534
50532
  align-items: stretch;
50535
50533
  contain: content;
50536
-
50537
- & > * {
50538
- padding: ${stylerVars.sizeDefault};
50539
- flex: 1 1 100%;
50540
- max-width: 100%;
50541
- }
50534
+ position: relative;
50542
50535
 
50543
50536
  & > img {
50544
50537
  align-self: stretch;
@@ -50549,23 +50542,28 @@ System.register(["@web-atoms/core/dist/core/XNode", "./Block", "./defaultImage",
50549
50542
  padding: ${stylerVars.sizeLarge};
50550
50543
  }
50551
50544
  }
50545
+ & > * {
50546
+ padding: ${stylerVars.sizeDefault};
50547
+ flex: 1 1 50%;
50548
+ max-width: 50%;
50549
+ }
50552
50550
 
50553
- @media (min-width: 600px) {
50551
+
50552
+ @media (max-width: 700px) {
50554
50553
  & {
50555
- flex-direction: row-reverse;
50554
+ flex-direction: column;
50556
50555
  }
50557
50556
 
50558
50557
  & > img {
50559
- align-self: center;
50558
+ align-self: stretch;
50560
50559
  }
50561
50560
 
50562
50561
  & > * {
50563
50562
  padding: ${stylerVars.sizeDefault};
50564
- flex: 1 1 50%;
50565
- max-width: 50%;
50563
+ flex: 1 1 100%;
50564
+ max-width: 100%;
50566
50565
  }
50567
50566
  }
50568
-
50569
50567
  `.expand("[styler-layout=right-image-box]"));
50570
50568
  _export("RightImageBox", RightImageBox = Block({
50571
50569
  className: "material-symbols-outlined",