@sc-360-v2/storefront-cms-library 0.4.3 → 0.4.5

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 (18) hide show
  1. package/dist/add-order.scss +53 -0
  2. package/dist/allocations.scss +36 -0
  3. package/dist/builder.js +1 -1
  4. package/dist/button.scss +18 -0
  5. package/dist/cart-summary.scss +108 -0
  6. package/dist/embroider-template-1.scss +2 -2
  7. package/dist/faq.scss +60 -0
  8. package/dist/language-selector.scss +9 -0
  9. package/dist/product-actions.scss +162 -0
  10. package/dist/product-image.scss +1 -1
  11. package/dist/product-sizechart.scss +18 -0
  12. package/dist/quantity-selector.scss +36 -0
  13. package/dist/repeater.scss +18 -0
  14. package/dist/request-for-quotes.scss +16 -1
  15. package/dist/types/builder/tools/element-edit/cartDetails.d.ts +70 -1
  16. package/dist/types/builder/tools/element-edit/userElements.d.ts +5 -0
  17. package/dist/user-elements.scss +84 -55
  18. package/package.json +1 -1
package/dist/types/builder/tools/element-edit/cartDetails.d.ts CHANGED
@@ -514,9 +514,31 @@ export declare const getDefaultData: () => {
514
514
  selectorKey: SelectorKeysEnum;
515
515
  };
516
516
  productAction: {
517
+ icon: {
518
+ unit?: string | number | undefined;
519
+ customIcon?: {
520
+ isCustomIcon: boolean;
521
+ url: string;
522
+ name: string;
523
+ } | undefined;
524
+ value?: any;
525
+ property?: any;
526
+ propertyType?: any;
527
+ isReadOnly?: boolean | undefined;
528
+ parentRef?: string | undefined;
529
+ };
517
530
  productActionEdit: {
518
- selectorKey: SelectorKeysEnum;
519
531
  defaultState: {
532
+ icon: import("../../interfaces/global").CMSIBIconInterface | undefined;
533
+ showIcon: {
534
+ value: boolean;
535
+ property?: any;
536
+ propertyType?: any;
537
+ isReadOnly?: boolean | undefined;
538
+ parentRef?: string | undefined;
539
+ };
540
+ iconSize: import("../../interfaces/global").CMSIBSizeInterface;
541
+ iconColor: CMSIBCommonInterface;
520
542
  theme: CMSIBCommonInterface;
521
543
  font: CMSIBCommonInterface;
522
544
  fontSize: import("../../interfaces/global").CMSIBSizeInterface;
@@ -576,6 +598,44 @@ export declare const getDefaultData: () => {
576
598
  shadows: import("../../interfaces/global").CMSIBSizeInterface;
577
599
  selectorKey: SelectorKeysEnum;
578
600
  };
601
+ icon: import("../../interfaces/global").CMSIBIconInterface | undefined;
602
+ showIcon: {
603
+ value: boolean;
604
+ property?: any;
605
+ propertyType?: any;
606
+ isReadOnly?: boolean | undefined;
607
+ parentRef?: string | undefined;
608
+ };
609
+ iconSize: import("../../interfaces/global").CMSIBSizeInterface;
610
+ iconColor: CMSIBCommonInterface;
611
+ theme: CMSIBCommonInterface;
612
+ font: CMSIBCommonInterface;
613
+ fontSize: import("../../interfaces/global").CMSIBSizeInterface;
614
+ textColor: CMSIBCommonInterface;
615
+ bold: CMSIBCommonInterface;
616
+ italic: CMSIBCommonInterface;
617
+ linethrough: CMSIBCommonInterface;
618
+ underline: CMSIBCommonInterface;
619
+ textAlign: CMSIBCommonInterface;
620
+ characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
621
+ lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
622
+ backgroundColor: CMSIBCommonInterface;
623
+ borderColor: CMSIBCommonInterface;
624
+ borderStyle: CMSIBCommonInterface;
625
+ borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
626
+ showBorder: CMSIBCommonInterface;
627
+ showShadow: CMSIBCommonInterface;
628
+ shadowColor: CMSIBCommonInterface;
629
+ blur: import("../../interfaces/global").CMSIBSizeInterface;
630
+ spread: import("../../interfaces/global").CMSIBSizeInterface;
631
+ angle: import("../../interfaces/global").CMSIBSizeInterface;
632
+ borderRadius: import("../../interfaces/global").CSSPaddingValues;
633
+ exposure: import("../../interfaces/global").CMSIBSizeInterface;
634
+ contrast: import("../../interfaces/global").CMSIBSizeInterface;
635
+ saturation: import("../../interfaces/global").CMSIBSizeInterface;
636
+ highlights: import("../../interfaces/global").CMSIBSizeInterface;
637
+ shadows: import("../../interfaces/global").CMSIBSizeInterface;
638
+ selectorKey: SelectorKeysEnum;
579
639
  };
580
640
  productActionWishlist: {
581
641
  icon: import("../../interfaces/global").CMSIBIconInterface | undefined;
@@ -615,6 +675,15 @@ export declare const getDefaultData: () => {
615
675
  iconColor: CMSIBCommonInterface;
616
676
  selectorKey: SelectorKeysEnum;
617
677
  };
678
+ showIcon: {
679
+ value: boolean;
680
+ property?: any;
681
+ propertyType?: any;
682
+ isReadOnly?: boolean | undefined;
683
+ parentRef?: string | undefined;
684
+ };
685
+ iconSize: import("../../interfaces/global").CMSIBSizeInterface;
686
+ iconColor: CMSIBCommonInterface;
618
687
  theme: CMSIBCommonInterface;
619
688
  font: CMSIBCommonInterface;
620
689
  fontSize: import("../../interfaces/global").CMSIBSizeInterface;
package/dist/types/builder/tools/element-edit/userElements.d.ts CHANGED
@@ -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
  };
package/dist/user-elements.scss CHANGED
@@ -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
  );
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
+ // );
881
+
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
+ // );
875
890
  }
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
- );
898
-
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
- }
904
- }
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
 
@@ -1797,7 +1812,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1797
1812
  min-width: 150px;
1798
1813
  max-width: 200px;
1799
1814
  z-index: 1000;
1800
- left: 160%;
1815
+ left: 40px;
1801
1816
  top: 0;
1802
1817
  padding: 8px;
1803
1818
  border-radius: 4px;
@@ -1872,10 +1887,10 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1872
1887
  left: -5px;
1873
1888
  width: 12px;
1874
1889
  height: 12px;
1875
- background-color: var(
1876
- --_ctm-mob-dn-pr-se-bd-cr,
1877
- var(--_ctm-tab-dn-pr-se-bd-cr, var(--_ctm-dn-pr-se-bd-cr))
1878
- );
1890
+ // background-color: var(
1891
+ // --_ctm-mob-dn-pr-se-bd-cr,
1892
+ // var(--_ctm-tab-dn-pr-se-bd-cr, var(--_ctm-dn-pr-se-bd-cr))
1893
+ // );
1879
1894
  transform: rotate(-45deg);
1880
1895
  box-shadow: -1px -1px 0px
1881
1896
  var(
@@ -1924,6 +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
  );
1942
+ // margin-left: 10px;
1927
1943
  }
1928
1944
  }
1929
1945
  }
@@ -2242,7 +2258,11 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2242
2258
  }
2243
2259
  &[data-flex-direction="column"] {
2244
2260
  .language__name {
2245
- white-space: unset;
2261
+ // white-space: unset;
2262
+ white-space: nowrap !important;
2263
+ width: 150px;
2264
+ overflow: hidden;
2265
+ text-overflow: ellipsis;
2246
2266
  }
2247
2267
  }
2248
2268
  &[data-flex-direction="row"] {
@@ -2394,6 +2414,15 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2394
2414
  position: absolute;
2395
2415
  // top: 10px;
2396
2416
  right: 5px;
2417
+ transition: all 200ms ease-in;
2418
+ &.open {
2419
+ transform: rotate(180deg);
2420
+ transform: all 200ms ease-in;
2421
+ }
2422
+ &.close {
2423
+ transform: rotate(0deg);
2424
+ transform: all 200ms ease-in;
2425
+ }
2397
2426
  }
2398
2427
 
2399
2428
  .list {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sc-360-v2/storefront-cms-library",
3
- "version": "0.4.3",
3
+ "version": "0.4.5",
4
4
  "main": "/dist/index.js",
5
5
  "types": "./dist/index.d.ts",
6
6
  "exports": {