@social-mail/social-mail-client 1.7.2 → 1.7.3

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 (13) hide show
  1. package/dist/site-editor/properties/groups/AttributeEditor.js +4 -1
  2. package/dist/site-editor/properties/groups/AttributeEditor.js.map +1 -1
  3. package/dist/site-editor-app/SiteEditorApp.pack.js +4 -1
  4. package/dist/site-editor-app/SiteEditorApp.pack.js.map +1 -1
  5. package/dist/site-editor-app/SiteEditorApp.pack.min.js +1 -1
  6. package/dist/site-editor-app/SiteEditorApp.pack.min.js.map +1 -1
  7. package/dist/tsconfig.tsbuildinfo +1 -1
  8. package/package.json +1 -1
  9. package/src/site-editor/properties/groups/AttributeEditor.tsx +1 -1
  10. package/styler/styler.css +32 -16
  11. package/styler/styler.css.map +1 -1
  12. package/styler/styler.less +1 -0
  13. package/styler/styles/animations/animations.less +8 -4
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@social-mail/social-mail-client",
3
- "version": "1.7.2",
3
+ "version": "1.7.3",
4
4
  "description": "",
5
5
  "main": "index.js",
6
6
  "scripts": {
package/src/site-editor/properties/groups/AttributeEditor.tsx CHANGED
@@ -32,7 +32,7 @@ const da = AtomControl.registerProperty<any>("data-attributes", "values", (c, e,
32
32
  <DropDownProperty
33
33
  label={a.display ?? a.name}
34
34
  attributeName={a.name}
35
- values={a.values}
35
+ values={a.values.map((value) => ({ label: value, value }))}
36
36
  />
37
37
  </div>, e, c);
38
38
  break;
package/styler/styler.css CHANGED
@@ -15784,7 +15784,8 @@ body[editing] [styler-background-clip=text]:empty:before {
15784
15784
  [styler-font=fantasy-smaller-oblique] {
15785
15785
  font: smaller oblique var(--font-fantasy);
15786
15786
  }
15787
- [styler-revealed][styler-on-enter=fade-in] {
15787
+ [styler-revealed]:not(animated-text)[styler-on-enter=fade-in],
15788
+ [styler-revealed]animated-text[styler-on-enter=fade-in] > * {
15788
15789
  animation-name: fade-in, var(--styler-on-enter-effect-1, none), var(--styler-on-enter-effect-2, none);
15789
15790
  animation-duration: var(--styler-on-enter-duration, 1s), var(--styler-on-enter-effect-1-duration, 1s), var(--styler-on-enter-effect-2-duration, 1s);
15790
15791
  animation-direction: var(--styler-on-enter-direction, unset), var(--styler-on-enter-effect-1-direction, unset), var(--styler-on-enter-effect-2-direction, unset);
@@ -15792,7 +15793,8 @@ body[editing] [styler-background-clip=text]:empty:before {
15792
15793
  animation-timing-function: var(--styler-on-enter-timing-function, ease), var(--styler-on-enter-effect-1-timing-function, ease), var(--styler-on-enter-effect-2-timing-function, ease);
15793
15794
  animation-delay: var(--styler-on-enter-delay, unset), var(--styler-on-enter-effect-1-delay, unset), var(--styler-on-enter-effect-2-delay, unset);
15794
15795
  }
15795
- [styler-on-click=fade-in] {
15796
+ [styler-clicked]:not(animated-text)[styler-on-click=fade-in],
15797
+ [styler-clicked]animated-text[styler-on-click=fade-in] > * {
15796
15798
  animation-name: fade-in, var(--styler-on-click-effect-1, none), var(--styler-on-click-effect-2, none);
15797
15799
  animation-duration: var(--styler-on-click-duration, 1s), var(--styler-on-click-effect-1-duration, 1s), var(--styler-on-click-effect-2-duration, 1s);
15798
15800
  animation-direction: var(--styler-on-click-direction, unset), var(--styler-on-click-effect-1-direction, unset), var(--styler-on-click-effect-2-direction, unset);
@@ -15800,7 +15802,8 @@ body[editing] [styler-background-clip=text]:empty:before {
15800
15802
  animation-timing-function: var(--styler-on-click-timing-function, ease), var(--styler-on-click-effect-1-timing-function, ease), var(--styler-on-click-effect-2-timing-function, ease);
15801
15803
  animation-delay: var(--styler-on-click-delay, unset), var(--styler-on-click-effect-1-delay, unset), var(--styler-on-click-effect-2-delay, unset);
15802
15804
  }
15803
- [styler-on-hover=fade-in]:hover {
15805
+ :not(animated-text)[styler-on-hover=fade-in]:hover,
15806
+ animated-text[styler-on-hover=fade-in]:hover > * {
15804
15807
  animation-name: fade-in, var(--styler-on-hover-effect-1, none), var(--styler-on-hover-effect-2, none);
15805
15808
  animation-duration: var(--styler-on-hover-duration, 1s), var(--styler-on-hover-effect-1-duration, 1s), var(--styler-on-hover-effect-2-duration, 1s);
15806
15809
  animation-direction: var(--styler-on-hover-direction, alternate), var(--styler-on-hover-effect-1-direction, alternate), var(--styler-on-hover-effect-2-direction, alternate);
@@ -15808,7 +15811,8 @@ body[editing] [styler-background-clip=text]:empty:before {
15808
15811
  animation-timing-function: var(--styler-on-hover-timing-function, ease), var(--styler-on-hover-effect-1-timing-function, ease), var(--styler-on-hover-effect-2-timing-function, ease);
15809
15812
  animation-delay: var(--styler-on-hover-delay, unset), var(--styler-on-hover-effect-1-delay, unset), var(--styler-on-hover-effect-2-delay, unset);
15810
15813
  }
15811
- [styler-on-leave=fade-in] {
15814
+ [styler-left]:not(animated-text)[styler-on-leave=fade-in],
15815
+ [styler-left]animated-text[styler-on-leave=fade-in] > * {
15812
15816
  animation-name: fade-in, var(--styler-on-leave-effect-1, none), var(--styler-on-leave-effect-2, none);
15813
15817
  animation-duration: var(--styler-on-leave-duration, 1s), var(--styler-on-leave-effect-1-duration, 1s), var(--styler-on-leave-effect-2-duration, 1s);
15814
15818
  animation-direction: var(--styler-on-leave-direction, unset), var(--styler-on-leave-effect-1-direction, unset), var(--styler-on-leave-effect-2-direction, unset);
@@ -15816,7 +15820,8 @@ body[editing] [styler-background-clip=text]:empty:before {
15816
15820
  animation-timing-function: var(--styler-on-leave-timing-function, ease), var(--styler-on-leave-effect-1-timing-function, ease), var(--styler-on-leave-effect-2-timing-function, ease);
15817
15821
  animation-delay: var(--styler-on-leave-delay, unset), var(--styler-on-leave-effect-1-delay, unset), var(--styler-on-leave-effect-2-delay, unset);
15818
15822
  }
15819
- [styler-revealed][styler-on-enter=fade-out] {
15823
+ [styler-revealed]:not(animated-text)[styler-on-enter=fade-out],
15824
+ [styler-revealed]animated-text[styler-on-enter=fade-out] > * {
15820
15825
  animation-name: fade-out, var(--styler-on-enter-effect-1, none), var(--styler-on-enter-effect-2, none);
15821
15826
  animation-duration: var(--styler-on-enter-duration, 1s), var(--styler-on-enter-effect-1-duration, 1s), var(--styler-on-enter-effect-2-duration, 1s);
15822
15827
  animation-direction: var(--styler-on-enter-direction, unset), var(--styler-on-enter-effect-1-direction, unset), var(--styler-on-enter-effect-2-direction, unset);
@@ -15824,7 +15829,8 @@ body[editing] [styler-background-clip=text]:empty:before {
15824
15829
  animation-timing-function: var(--styler-on-enter-timing-function, ease), var(--styler-on-enter-effect-1-timing-function, ease), var(--styler-on-enter-effect-2-timing-function, ease);
15825
15830
  animation-delay: var(--styler-on-enter-delay, unset), var(--styler-on-enter-effect-1-delay, unset), var(--styler-on-enter-effect-2-delay, unset);
15826
15831
  }
15827
- [styler-on-click=fade-out] {
15832
+ [styler-clicked]:not(animated-text)[styler-on-click=fade-out],
15833
+ [styler-clicked]animated-text[styler-on-click=fade-out] > * {
15828
15834
  animation-name: fade-out, var(--styler-on-click-effect-1, none), var(--styler-on-click-effect-2, none);
15829
15835
  animation-duration: var(--styler-on-click-duration, 1s), var(--styler-on-click-effect-1-duration, 1s), var(--styler-on-click-effect-2-duration, 1s);
15830
15836
  animation-direction: var(--styler-on-click-direction, unset), var(--styler-on-click-effect-1-direction, unset), var(--styler-on-click-effect-2-direction, unset);
@@ -15832,7 +15838,8 @@ body[editing] [styler-background-clip=text]:empty:before {
15832
15838
  animation-timing-function: var(--styler-on-click-timing-function, ease), var(--styler-on-click-effect-1-timing-function, ease), var(--styler-on-click-effect-2-timing-function, ease);
15833
15839
  animation-delay: var(--styler-on-click-delay, unset), var(--styler-on-click-effect-1-delay, unset), var(--styler-on-click-effect-2-delay, unset);
15834
15840
  }
15835
- [styler-on-hover=fade-out]:hover {
15841
+ :not(animated-text)[styler-on-hover=fade-out]:hover,
15842
+ animated-text[styler-on-hover=fade-out]:hover > * {
15836
15843
  animation-name: fade-out, var(--styler-on-hover-effect-1, none), var(--styler-on-hover-effect-2, none);
15837
15844
  animation-duration: var(--styler-on-hover-duration, 1s), var(--styler-on-hover-effect-1-duration, 1s), var(--styler-on-hover-effect-2-duration, 1s);
15838
15845
  animation-direction: var(--styler-on-hover-direction, alternate), var(--styler-on-hover-effect-1-direction, alternate), var(--styler-on-hover-effect-2-direction, alternate);
@@ -15840,7 +15847,8 @@ body[editing] [styler-background-clip=text]:empty:before {
15840
15847
  animation-timing-function: var(--styler-on-hover-timing-function, ease), var(--styler-on-hover-effect-1-timing-function, ease), var(--styler-on-hover-effect-2-timing-function, ease);
15841
15848
  animation-delay: var(--styler-on-hover-delay, unset), var(--styler-on-hover-effect-1-delay, unset), var(--styler-on-hover-effect-2-delay, unset);
15842
15849
  }
15843
- [styler-on-leave=fade-out] {
15850
+ [styler-left]:not(animated-text)[styler-on-leave=fade-out],
15851
+ [styler-left]animated-text[styler-on-leave=fade-out] > * {
15844
15852
  animation-name: fade-out, var(--styler-on-leave-effect-1, none), var(--styler-on-leave-effect-2, none);
15845
15853
  animation-duration: var(--styler-on-leave-duration, 1s), var(--styler-on-leave-effect-1-duration, 1s), var(--styler-on-leave-effect-2-duration, 1s);
15846
15854
  animation-direction: var(--styler-on-leave-direction, unset), var(--styler-on-leave-effect-1-direction, unset), var(--styler-on-leave-effect-2-direction, unset);
@@ -15848,7 +15856,8 @@ body[editing] [styler-background-clip=text]:empty:before {
15848
15856
  animation-timing-function: var(--styler-on-leave-timing-function, ease), var(--styler-on-leave-effect-1-timing-function, ease), var(--styler-on-leave-effect-2-timing-function, ease);
15849
15857
  animation-delay: var(--styler-on-leave-delay, unset), var(--styler-on-leave-effect-1-delay, unset), var(--styler-on-leave-effect-2-delay, unset);
15850
15858
  }
15851
- [styler-revealed][styler-on-enter=zoom-in] {
15859
+ [styler-revealed]:not(animated-text)[styler-on-enter=zoom-in],
15860
+ [styler-revealed]animated-text[styler-on-enter=zoom-in] > * {
15852
15861
  animation-name: zoom-in, var(--styler-on-enter-effect-1, none), var(--styler-on-enter-effect-2, none);
15853
15862
  animation-duration: var(--styler-on-enter-duration, 1s), var(--styler-on-enter-effect-1-duration, 1s), var(--styler-on-enter-effect-2-duration, 1s);
15854
15863
  animation-direction: var(--styler-on-enter-direction, unset), var(--styler-on-enter-effect-1-direction, unset), var(--styler-on-enter-effect-2-direction, unset);
@@ -15856,7 +15865,8 @@ body[editing] [styler-background-clip=text]:empty:before {
15856
15865
  animation-timing-function: var(--styler-on-enter-timing-function, ease), var(--styler-on-enter-effect-1-timing-function, ease), var(--styler-on-enter-effect-2-timing-function, ease);
15857
15866
  animation-delay: var(--styler-on-enter-delay, unset), var(--styler-on-enter-effect-1-delay, unset), var(--styler-on-enter-effect-2-delay, unset);
15858
15867
  }
15859
- [styler-on-click=zoom-in] {
15868
+ [styler-clicked]:not(animated-text)[styler-on-click=zoom-in],
15869
+ [styler-clicked]animated-text[styler-on-click=zoom-in] > * {
15860
15870
  animation-name: zoom-in, var(--styler-on-click-effect-1, none), var(--styler-on-click-effect-2, none);
15861
15871
  animation-duration: var(--styler-on-click-duration, 1s), var(--styler-on-click-effect-1-duration, 1s), var(--styler-on-click-effect-2-duration, 1s);
15862
15872
  animation-direction: var(--styler-on-click-direction, unset), var(--styler-on-click-effect-1-direction, unset), var(--styler-on-click-effect-2-direction, unset);
@@ -15864,7 +15874,8 @@ body[editing] [styler-background-clip=text]:empty:before {
15864
15874
  animation-timing-function: var(--styler-on-click-timing-function, ease), var(--styler-on-click-effect-1-timing-function, ease), var(--styler-on-click-effect-2-timing-function, ease);
15865
15875
  animation-delay: var(--styler-on-click-delay, unset), var(--styler-on-click-effect-1-delay, unset), var(--styler-on-click-effect-2-delay, unset);
15866
15876
  }
15867
- [styler-on-hover=zoom-in]:hover {
15877
+ :not(animated-text)[styler-on-hover=zoom-in]:hover,
15878
+ animated-text[styler-on-hover=zoom-in]:hover > * {
15868
15879
  animation-name: zoom-in, var(--styler-on-hover-effect-1, none), var(--styler-on-hover-effect-2, none);
15869
15880
  animation-duration: var(--styler-on-hover-duration, 1s), var(--styler-on-hover-effect-1-duration, 1s), var(--styler-on-hover-effect-2-duration, 1s);
15870
15881
  animation-direction: var(--styler-on-hover-direction, alternate), var(--styler-on-hover-effect-1-direction, alternate), var(--styler-on-hover-effect-2-direction, alternate);
@@ -15872,7 +15883,8 @@ body[editing] [styler-background-clip=text]:empty:before {
15872
15883
  animation-timing-function: var(--styler-on-hover-timing-function, ease), var(--styler-on-hover-effect-1-timing-function, ease), var(--styler-on-hover-effect-2-timing-function, ease);
15873
15884
  animation-delay: var(--styler-on-hover-delay, unset), var(--styler-on-hover-effect-1-delay, unset), var(--styler-on-hover-effect-2-delay, unset);
15874
15885
  }
15875
- [styler-on-leave=zoom-in] {
15886
+ [styler-left]:not(animated-text)[styler-on-leave=zoom-in],
15887
+ [styler-left]animated-text[styler-on-leave=zoom-in] > * {
15876
15888
  animation-name: zoom-in, var(--styler-on-leave-effect-1, none), var(--styler-on-leave-effect-2, none);
15877
15889
  animation-duration: var(--styler-on-leave-duration, 1s), var(--styler-on-leave-effect-1-duration, 1s), var(--styler-on-leave-effect-2-duration, 1s);
15878
15890
  animation-direction: var(--styler-on-leave-direction, unset), var(--styler-on-leave-effect-1-direction, unset), var(--styler-on-leave-effect-2-direction, unset);
@@ -15880,7 +15892,8 @@ body[editing] [styler-background-clip=text]:empty:before {
15880
15892
  animation-timing-function: var(--styler-on-leave-timing-function, ease), var(--styler-on-leave-effect-1-timing-function, ease), var(--styler-on-leave-effect-2-timing-function, ease);
15881
15893
  animation-delay: var(--styler-on-leave-delay, unset), var(--styler-on-leave-effect-1-delay, unset), var(--styler-on-leave-effect-2-delay, unset);
15882
15894
  }
15883
- [styler-revealed][styler-on-enter=zoom-out] {
15895
+ [styler-revealed]:not(animated-text)[styler-on-enter=zoom-out],
15896
+ [styler-revealed]animated-text[styler-on-enter=zoom-out] > * {
15884
15897
  animation-name: zoom-out, var(--styler-on-enter-effect-1, none), var(--styler-on-enter-effect-2, none);
15885
15898
  animation-duration: var(--styler-on-enter-duration, 1s), var(--styler-on-enter-effect-1-duration, 1s), var(--styler-on-enter-effect-2-duration, 1s);
15886
15899
  animation-direction: var(--styler-on-enter-direction, unset), var(--styler-on-enter-effect-1-direction, unset), var(--styler-on-enter-effect-2-direction, unset);
@@ -15888,7 +15901,8 @@ body[editing] [styler-background-clip=text]:empty:before {
15888
15901
  animation-timing-function: var(--styler-on-enter-timing-function, ease), var(--styler-on-enter-effect-1-timing-function, ease), var(--styler-on-enter-effect-2-timing-function, ease);
15889
15902
  animation-delay: var(--styler-on-enter-delay, unset), var(--styler-on-enter-effect-1-delay, unset), var(--styler-on-enter-effect-2-delay, unset);
15890
15903
  }
15891
- [styler-on-click=zoom-out] {
15904
+ [styler-clicked]:not(animated-text)[styler-on-click=zoom-out],
15905
+ [styler-clicked]animated-text[styler-on-click=zoom-out] > * {
15892
15906
  animation-name: zoom-out, var(--styler-on-click-effect-1, none), var(--styler-on-click-effect-2, none);
15893
15907
  animation-duration: var(--styler-on-click-duration, 1s), var(--styler-on-click-effect-1-duration, 1s), var(--styler-on-click-effect-2-duration, 1s);
15894
15908
  animation-direction: var(--styler-on-click-direction, unset), var(--styler-on-click-effect-1-direction, unset), var(--styler-on-click-effect-2-direction, unset);
@@ -15896,7 +15910,8 @@ body[editing] [styler-background-clip=text]:empty:before {
15896
15910
  animation-timing-function: var(--styler-on-click-timing-function, ease), var(--styler-on-click-effect-1-timing-function, ease), var(--styler-on-click-effect-2-timing-function, ease);
15897
15911
  animation-delay: var(--styler-on-click-delay, unset), var(--styler-on-click-effect-1-delay, unset), var(--styler-on-click-effect-2-delay, unset);
15898
15912
  }
15899
- [styler-on-hover=zoom-out]:hover {
15913
+ :not(animated-text)[styler-on-hover=zoom-out]:hover,
15914
+ animated-text[styler-on-hover=zoom-out]:hover > * {
15900
15915
  animation-name: zoom-out, var(--styler-on-hover-effect-1, none), var(--styler-on-hover-effect-2, none);
15901
15916
  animation-duration: var(--styler-on-hover-duration, 1s), var(--styler-on-hover-effect-1-duration, 1s), var(--styler-on-hover-effect-2-duration, 1s);
15902
15917
  animation-direction: var(--styler-on-hover-direction, alternate), var(--styler-on-hover-effect-1-direction, alternate), var(--styler-on-hover-effect-2-direction, alternate);
@@ -15904,7 +15919,8 @@ body[editing] [styler-background-clip=text]:empty:before {
15904
15919
  animation-timing-function: var(--styler-on-hover-timing-function, ease), var(--styler-on-hover-effect-1-timing-function, ease), var(--styler-on-hover-effect-2-timing-function, ease);
15905
15920
  animation-delay: var(--styler-on-hover-delay, unset), var(--styler-on-hover-effect-1-delay, unset), var(--styler-on-hover-effect-2-delay, unset);
15906
15921
  }
15907
- [styler-on-leave=zoom-out] {
15922
+ [styler-left]:not(animated-text)[styler-on-leave=zoom-out],
15923
+ [styler-left]animated-text[styler-on-leave=zoom-out] > * {
15908
15924
  animation-name: zoom-out, var(--styler-on-leave-effect-1, none), var(--styler-on-leave-effect-2, none);
15909
15925
  animation-duration: var(--styler-on-leave-duration, 1s), var(--styler-on-leave-effect-1-duration, 1s), var(--styler-on-leave-effect-2-duration, 1s);
15910
15926
  animation-direction: var(--styler-on-leave-direction, unset), var(--styler-on-leave-effect-1-direction, unset), var(--styler-on-leave-effect-2-direction, unset);