@sc-360-v2/storefront-cms-library 0.4.4 → 0.4.6

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.
@@ -136,7 +136,7 @@ $previewMainOuput: ".output__ele__v1";
136
136
  --_col: 2;
137
137
  gap: var(--_gap);
138
138
  // grid-template-columns: getRepeatColWidth(--_col, --_gap);
139
- grid-template-columns: repeat(auto-fill, minmax(min(100%, 200px), 1fr));
139
+ grid-template-columns: repeat(auto-fill, minmax(min(100%, 150px), 1fr));
140
140
  align-items: center;
141
141
 
142
142
  & > button {
@@ -245,7 +245,7 @@ $previewMainOuput: ".output__ele__v1";
245
245
  font-family: prepareMediaVariable(--_ctm-dn-dt-tt-ft-fy), sans-serif;
246
246
  font-style: prepareMediaVariable(--_ctm-dn-dt-tt-ft-se-ic, normal);
247
247
  font-size: prepareMediaVariable(--_ctm-dn-dt-tt-ft-se, 16px);
248
- font-weight: 600;
248
+ font-weight: 500;
249
249
  line-height: 24px;
250
250
  }
251
251
 
@@ -1078,5 +1078,10 @@ export declare const getDefaultData: () => {
1078
1078
  property: string;
1079
1079
  propertyType: CMSElementEditTypes;
1080
1080
  };
1081
+ profileLink: {
1082
+ value: string;
1083
+ property: string;
1084
+ propertyType: CMSElementEditTypes;
1085
+ };
1081
1086
  };
1082
1087
  };
@@ -674,7 +674,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
674
674
  width: 100%;
675
675
  .child {
676
676
  flex-direction: column;
677
- gap: 6px;
677
+ // gap: 6px;
678
678
  justify-content: flex-start;
679
679
  width: 100%;
680
680
  }
@@ -733,6 +733,12 @@ $resizeActive: '[data-cms-element-resizer="true"]';
733
733
  .user_elements_user_name_wrapper {
734
734
  display: flex;
735
735
  gap: 6px;
736
+ &[data-has-link="true"] {
737
+ cursor: pointer;
738
+ &:hover {
739
+ color: var(--_primary-500);
740
+ }
741
+ }
736
742
  .user_elements_user_name {
737
743
  display: flex;
738
744
  color: var(--_ctm-dn-ur-io-dn-ur-ne-dn-cr);
@@ -848,60 +854,69 @@ $resizeActive: '[data-cms-element-resizer="true"]';
848
854
  position: relative;
849
855
  }
850
856
  &[data-show-divider="true"] {
851
- .child:not(:last-child)::before {
857
+ .child:not(:last-child)::after {
852
858
  content: "";
853
- position: absolute;
854
- left: 0;
855
- right: 0;
856
- bottom: calc(
857
- -1 *
858
- (
859
- var(
860
- --_ctm-mob-lt-ur-io-im-sg,
861
- var(--_ctm-tab-lt-ur-io-im-sg, var(--_ctm-lt-ur-io-im-sg))
862
- ) /
863
- 2
864
- )
865
- );
866
-
867
- height: var(
868
- --_ctm-mob-dn-ur-io-dn-fl-ad-oy-dr-wt,
869
- var(--_ctm-tab-dn-ur-io-dn-fl-ad-oy-dr-wt, var(--_ctm-dn-ur-io-dn-fl-ad-oy-dr-wt))
870
- );
859
+ margin-inline: 16px;
860
+ margin-top: 3px;
861
+ width: var(--line-w, 1px);
862
+ height: 20px;
871
863
  background-color: var(
872
864
  --_ctm-mob-dn-ur-io-dn-fl-ad-oy-dr-cr,
873
865
  var(--_ctm-tab-dn-ur-io-dn-fl-ad-oy-dr-cr, var(--_ctm-dn-ur-io-dn-fl-ad-oy-dr-cr))
874
866
  );
875
- }
876
- .user_elements_user_name_wrapper {
877
- width: 100%;
878
- position: relative;
879
- &::after {
880
- content: "";
881
- position: absolute;
882
- left: 0;
883
- right: 0;
884
- bottom: calc(
885
- -1 *
886
- (
887
- var(
888
- --_ctm-mob-lt-ur-io-im-sg,
889
- var(--_ctm-tab-lt-ur-io-im-sg, var(--_ctm-lt-ur-io-im-sg))
890
- ) /
891
- 2
892
- )
893
- );
894
- height: var(
895
- --_ctm-mob-dn-ur-io-dn-fl-ad-oy-dr-wt,
896
- var(--_ctm-tab-dn-ur-io-dn-fl-ad-oy-dr-wt, var(--_ctm-dn-ur-io-dn-fl-ad-oy-dr-wt))
897
- );
867
+ // content: "";
868
+ // position: absolute;
869
+ // left: 0;
870
+ // right: 0;
871
+ // bottom: calc(
872
+ // -1 *
873
+ // (
874
+ // var(
875
+ // --_ctm-mob-lt-ur-io-im-sg,
876
+ // var(--_ctm-tab-lt-ur-io-im-sg, var(--_ctm-lt-ur-io-im-sg))
877
+ // ) /
878
+ // 2
879
+ // )
880
+ // );
898
881
 
899
- background-color: var(
900
- --_ctm-mob-dn-ur-io-dn-fl-ad-oy-dr-cr,
901
- var(--_ctm-tab-dn-ur-io-dn-fl-ad-oy-dr-cr, var(--_ctm-dn-ur-io-dn-fl-ad-oy-dr-cr))
902
- );
903
- }
882
+ // height: var(
883
+ // --_ctm-mob-dn-ur-io-dn-fl-ad-oy-dr-wt,
884
+ // var(--_ctm-tab-dn-ur-io-dn-fl-ad-oy-dr-wt, var(--_ctm-dn-ur-io-dn-fl-ad-oy-dr-wt))
885
+ // );
886
+ // background-color: var(
887
+ // --_ctm-mob-dn-ur-io-dn-fl-ad-oy-dr-cr,
888
+ // var(--_ctm-tab-dn-ur-io-dn-fl-ad-oy-dr-cr, var(--_ctm-dn-ur-io-dn-fl-ad-oy-dr-cr))
889
+ // );
904
890
  }
891
+ // .user_elements_user_name_wrapper {
892
+ // width: 100%;
893
+ // position: relative;
894
+ // &::after {
895
+ // content: "";
896
+ // position: absolute;
897
+ // left: 0;
898
+ // right: 0;
899
+ // bottom: calc(
900
+ // -1 *
901
+ // (
902
+ // var(
903
+ // --_ctm-mob-lt-ur-io-im-sg,
904
+ // var(--_ctm-tab-lt-ur-io-im-sg, var(--_ctm-lt-ur-io-im-sg))
905
+ // ) /
906
+ // 2
907
+ // )
908
+ // );
909
+ // height: var(
910
+ // --_ctm-mob-dn-ur-io-dn-fl-ad-oy-dr-wt,
911
+ // var(--_ctm-tab-dn-ur-io-dn-fl-ad-oy-dr-wt, var(--_ctm-dn-ur-io-dn-fl-ad-oy-dr-wt))
912
+ // );
913
+
914
+ // background-color: var(
915
+ // --_ctm-mob-dn-ur-io-dn-fl-ad-oy-dr-cr,
916
+ // var(--_ctm-tab-dn-ur-io-dn-fl-ad-oy-dr-cr, var(--_ctm-dn-ur-io-dn-fl-ad-oy-dr-cr))
917
+ // );
918
+ // }
919
+ // }
905
920
  }
906
921
  }
907
922
 
@@ -952,7 +967,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
952
967
  .quota_name_wrapper {
953
968
  display: flex;
954
969
  flex-direction: column;
955
- // gap: 6px;
970
+ gap: 6px;
956
971
 
957
972
  .quota_name {
958
973
  display: flex;
@@ -1924,7 +1939,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1924
1939
  --_ctm-mob-dn-pr-se-ue,
1925
1940
  var(--_ctm-tab-dn-pr-se-ue, var(--_ctm-dn-pr-se-ue))
1926
1941
  );
1927
- margin-left: 10px;
1942
+ // margin-left: 10px;
1928
1943
  }
1929
1944
  }
1930
1945
  }
@@ -2243,7 +2258,11 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2243
2258
  }
2244
2259
  &[data-flex-direction="column"] {
2245
2260
  .language__name {
2246
- white-space: unset;
2261
+ // white-space: unset;
2262
+ white-space: nowrap !important;
2263
+ width: 150px;
2264
+ overflow: hidden;
2265
+ text-overflow: ellipsis;
2247
2266
  }
2248
2267
  }
2249
2268
  &[data-flex-direction="row"] {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sc-360-v2/storefront-cms-library",
3
- "version": "0.4.4",
3
+ "version": "0.4.6",
4
4
  "main": "/dist/index.js",
5
5
  "types": "./dist/index.d.ts",
6
6
  "exports": {