@sc-360-v2/storefront-cms-library 0.4.50 → 0.4.52

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 (39) hide show
  1. package/dist/allocationDetails.scss +2253 -2247
  2. package/dist/builder.js +1 -1
  3. package/dist/cart-details.scss +3207 -3207
  4. package/dist/cart.scss +271 -269
  5. package/dist/cartAttributes.scss +932 -935
  6. package/dist/checkout.scss +6496 -6460
  7. package/dist/dropdownTemplate.scss +4 -1
  8. package/dist/filters.scss +2450 -2418
  9. package/dist/functions.scss +91 -1
  10. package/dist/icon-list.scss +277 -268
  11. package/dist/language-selector.scss +702 -528
  12. package/dist/layouter.scss +307 -294
  13. package/dist/login.scss +1605 -1473
  14. package/dist/menu-v2.scss +752 -730
  15. package/dist/my-templates.scss +464 -463
  16. package/dist/myTemplates.scss +5 -5
  17. package/dist/order-status.scss +1877 -1856
  18. package/dist/product-image-allocation.scss +1365 -0
  19. package/dist/product-image.scss +2 -1
  20. package/dist/product-sizechart.scss +1826 -1826
  21. package/dist/profile.scss +23 -20
  22. package/dist/repeater-embla-controls.scss +6 -0
  23. package/dist/repeater.scss +920 -915
  24. package/dist/search.scss +361 -296
  25. package/dist/section.scss +210 -209
  26. package/dist/static-global.scss +5 -0
  27. package/dist/types/builder/tools/element-edit/bundle.d.ts +13 -2
  28. package/dist/types/builder/tools/element-edit/cart.d.ts +1 -0
  29. package/dist/types/builder/tools/element-edit/common.d.ts +5 -0
  30. package/dist/types/builder/tools/element-edit/icon-list.d.ts +17 -0
  31. package/dist/types/builder/tools/element-edit/language-menu.d.ts +1 -0
  32. package/dist/types/builder/tools/element-edit/login.d.ts +1 -0
  33. package/dist/types/builder/tools/element-edit/orderStatus.d.ts +39 -0
  34. package/dist/types/builder/tools/element-edit/repeater.d.ts +2 -0
  35. package/dist/types/builder/tools/element-edit/resetPassword.d.ts +2 -1
  36. package/dist/types/builder/tools/element-edit/search.d.ts +28 -0
  37. package/dist/types/builder/tools/element-edit/userElements.d.ts +48 -88
  38. package/dist/user-elements.scss +2555 -2471
  39. package/package.json +1 -1
package/dist/section.scss CHANGED
@@ -1,209 +1,210 @@
1
- @use "sass:map";
2
- @use "sass:list";
3
- @use "./functions.scss" as *;
4
- @use "./position-module.scss" as *;
5
- @use "./animation-control.scss" as *;
6
- @use "./responsive-behaviour.scss" as *;
7
- @use "./overflow-module.scss" as *;
8
- @use "./transform-properties-module.scss" as *;
9
-
10
- $activeElementSelector: "[data-has-clicked='true']";
11
- $isFlexboxElementChild: ".flx > .wrapper > *";
12
- $repeterLElement: '[data-element-type="repeater"]';
13
- $dp: "dp_d_none";
14
- $tb: "tb_d_none";
15
- $mb: "mb_d_none";
16
-
17
- $rp: (
18
- class: (
19
- #{$tb}: (
20
- laptop: (
21
- display: "none !important",
22
- ),
23
- ),
24
- #{$dp}: (
25
- desktop: (
26
- display: "none !important",
27
- ),
28
- ),
29
- #{$mb}: (
30
- mobile: (
31
- display: "none !important",
32
- ),
33
- ),
34
- ),
35
- );
36
-
37
- body {
38
- // color: var(--_thm-ty-p1-tt-cr);
39
- // font-family: var(--_thm-ty-p1-ft-fy);
40
- // font-size: var(--_thm-ty-p1-ft-se);
41
- // font-weight: var(--_thm-ty-p1-bd);
42
- // font-style: var(--_thm-ty-p1-ic);
43
- // text-align: var(--_thm-ty-p1-tt-an);
44
- // letter-spacing: var(--_thm-ty-p1-cr-sg);
45
- // line-height: var(--_thm-ty-p1-le-ht);
46
- // text-decoration: var(--_thm-ty-p1-ue);
47
-
48
- // Responsive
49
- @include prepareCustomClassCSSProps($rp);
50
-
51
- // Animation
52
- @include FlexAnimationModuleStyles();
53
-
54
- // Position
55
- @include FlexPositionModuleStyles();
56
-
57
- // Responsive
58
- @include FlexElementResponsiveBehaviourStyles();
59
-
60
- // Overflow
61
- // @include FlexOverflowModuleStyles();
62
-
63
- // Additional Tranform Properties
64
- @include FlexElementTransformProps();
65
- }
66
-
67
- section {
68
- &[data-div-type="section"] {
69
- position: var(--_p-relative);
70
- width: 100%;
71
- margin: prepareMediaVariable(--_ctm-sec-lt-mn);
72
- flex-direction: column;
73
- justify-self: stretch;
74
- align-self: stretch;
75
- justify-content: center;
76
- --_sf-element-vt-pd: max(
77
- 0.5px,
78
- 0.00625 * (var(--_cms-scaling-factor) - var(--_cms-scrollbar-width))
79
- );
80
- --_sf-element-hr-pd: max(
81
- 0.5px,
82
- 0.0117188 * (var(--_cms-scaling-factor) - var(--_cms-scrollbar-width))
83
- );
84
- box-shadow: var(
85
- --_hide-section-shadow,
86
- prepareMediaVariable(--_ctm-sec-dn-sw-ae) prepareMediaVariable(--_ctm-sec-dn-sw-b)
87
- prepareMediaVariable(--_ctm-sec-dn-sw-sd) prepareMediaVariable(--_ctm-sec-dn-sw-cr)
88
- );
89
- background-color: prepareMediaVariable(--_ctm-sec-dn-bd-cr);
90
- background-image: prepareMediaVariable(--_ctm-sec-dn-bd-ie);
91
- background-attachment: prepareMediaVariable(--_ctm-sec-dn-bd-at);
92
- background-position: prepareMediaVariable(--_ctm-sec-dn-bd-pn);
93
- background-position-y: prepareMediaVariable(--_ctm-sec-dn-bd-pn-y);
94
- background-repeat: prepareMediaVariable(--_ctm-sec-dn-bd-rt);
95
- background-size: prepareMediaVariable(--_ctm-sec-dn-bd-se);
96
- border-radius: prepareMediaVariable(--_ctm-sec-dn-br-rs) !important;
97
- &[data-show-shadow="false"] {
98
- --_hide-section-shadow: none;
99
- }
100
- &[data-show-border="false"] {
101
- --_hide-section-border: none;
102
- }
103
-
104
- &:not(.#{$dp}, .#{$tb}, .#{$mb}) {
105
- display: var(--_d-flex) !important;
106
- }
107
- & > div {
108
- &[data-type="wrapper-layer"] {
109
- display: var(--_d-flex) !important;
110
- pointer-events: none;
111
- position: var(--_p-absolute);
112
- visibility: visible !important;
113
- inset: 0 0 0 0;
114
- // border-color: var(
115
- // --_hide-section-border,
116
- // var(--_ctm-mob-sec-dn-br-cr, var(--_ctm-tab-sec-dn-br-cr, var(--_ctm-sec-dn-br-cr)))
117
- // );
118
- border-color: var(--_hide-section-border, prepareMediaVariable(--_ctm-sec-dn-br-cr));
119
- border-style: var(--_hide-section-border, prepareMediaVariable(--_ctm-sec-dn-br-se));
120
- border-width: var(--_hide-section-border, prepareMediaVariable(--_ctm-sec-dn-br-wh));
121
- border-radius: var(--_hide-section-border, prepareMediaVariable(--_ctm-sec-dn-br-rs));
122
- }
123
- &[data-div-type="cms-section-wrapper"] {
124
- // max-width: var(--_sf-wp-mx-wt);
125
- max-width: var(
126
- --_sf-dt-sec-mw,
127
- min(100%, prepareMediaVariable(--_ctm-sec-lt-wh))
128
- ) !important;
129
- // min-height: prepareMediaVariable(--_ctm-sec-lt-mn-ht);
130
- margin-inline: auto;
131
- position: var(--_p-relative);
132
- width: 100%;
133
- // padding-inline: 10px;
134
- // padding-block: 10px;
135
- padding: prepareMediaVariable(--_ctm-sec-lt-pg);
136
- column-gap: prepareMediaVariable(--_ctm-sec-lt-cn-gp);
137
- row-gap: prepareMediaVariable(--_ctm-sec-lt-rw-gp);
138
-
139
- &[data-vf="true"] {
140
- --_sf-dt-sec-mw: 100%;
141
- }
142
- }
143
- }
144
- }
145
- }
146
- div[data-div-type="element"] {
147
- position: var(--_p-relative);
148
- & > .wrapper {
149
- grid-area: 1/1/2/2 !important;
150
-
151
- a {
152
- color: inherit;
153
- text-decoration: none;
154
- &.disabled {
155
- opacity: 0.5;
156
- pointer-events: none;
157
- }
158
- }
159
- }
160
- &[data-view-state="full"] {
161
- width: auto;
162
- margin: 0;
163
- cursor: auto;
164
- justify-self: stretch !important;
165
- align-self: stretch !important;
166
- // &:not(#{$repeterLElement}) {
167
- // }
168
- &:is(#{$isFlexboxElementChild}) {
169
- width: 100%;
170
- }
171
- &:is(#{$activeElementSelector}) {
172
- & > div {
173
- &[data-div-type="wrapper__layer"] {
174
- --_sf-vt-zz: visible;
175
- --_sf-op-zz: 1;
176
- }
177
- }
178
- }
179
-
180
- & > .wrapper {
181
- height: 100%;
182
- width: 100%;
183
- }
184
- }
185
- // &:is([data-element-type="stack"].hrz > .wrapper > [data-div-type="element"]) {
186
- // &:is([data-element-type="stack"]) {
187
- // width: max(
188
- // 0.5px,
189
- // calc(#{prepareMediaVariable(--_ctm-sta-ele-nw-wh-vl)} / 100) *
190
- // (var(--_cms-scaling-factor) - var(--_cms-scrollbar-width))
191
- // );
192
- // }
193
- // &:is([data-element-type="container"]) {
194
- // width: max(
195
- // 0.5px,
196
- // calc(#{prepareMediaVariable(--_ctm-con-ele-nw-wh-vl)} / 100) *
197
- // (var(--_cms-scaling-factor) - var(--_cms-scrollbar-width))
198
- // );
199
- // }
200
-
201
- // &:not([data-element-type="container"], [data-element-type="stack"]) {
202
- // width: max(
203
- // 0.5px,
204
- // calc(#{prepareMediaVariable(--_ctm-ele-nw-wh-vl)} / 100) *
205
- // (var(--_cms-scaling-factor) - var(--_cms-scrollbar-width))
206
- // );
207
- // }
208
- // }
209
- }
1
+ @use "sass:map";
2
+ @use "sass:list";
3
+ @use "./functions.scss" as *;
4
+ @use "./position-module.scss" as *;
5
+ @use "./animation-control.scss" as *;
6
+ @use "./responsive-behaviour.scss" as *;
7
+ @use "./overflow-module.scss" as *;
8
+ @use "./transform-properties-module.scss" as *;
9
+
10
+ $activeElementSelector: "[data-has-clicked='true']";
11
+ $isFlexboxElementChild: ".flx > .wrapper > *";
12
+ $repeterLElement: '[data-element-type="repeater"]';
13
+ $dp: "dp_d_none";
14
+ $tb: "tb_d_none";
15
+ $mb: "mb_d_none";
16
+
17
+ $rp: (
18
+ class: (
19
+ #{$tb}: (
20
+ laptop: (
21
+ display: "none !important",
22
+ ),
23
+ ),
24
+ #{$dp}: (
25
+ desktop: (
26
+ display: "none !important",
27
+ ),
28
+ ),
29
+ #{$mb}: (
30
+ mobile: (
31
+ display: "none !important",
32
+ ),
33
+ ),
34
+ ),
35
+ );
36
+
37
+ body {
38
+ // color: var(--_thm-ty-p1-tt-cr);
39
+ // font-family: var(--_thm-ty-p1-ft-fy);
40
+ // font-size: var(--_thm-ty-p1-ft-se);
41
+ // font-weight: var(--_thm-ty-p1-bd);
42
+ // font-style: var(--_thm-ty-p1-ic);
43
+ // text-align: var(--_thm-ty-p1-tt-an);
44
+ // letter-spacing: var(--_thm-ty-p1-cr-sg);
45
+ // line-height: var(--_thm-ty-p1-le-ht);
46
+ // text-decoration: var(--_thm-ty-p1-ue);
47
+
48
+ // Responsive
49
+ // @include prepareCustomClassCSSProps($rp);
50
+ @include prepareCustomClassCSSPropsV2($rp);
51
+
52
+ // Animation
53
+ @include FlexAnimationModuleStyles();
54
+
55
+ // Position
56
+ @include FlexPositionModuleStyles();
57
+
58
+ // Responsive
59
+ @include FlexElementResponsiveBehaviourStyles();
60
+
61
+ // Overflow
62
+ // @include FlexOverflowModuleStyles();
63
+
64
+ // Additional Tranform Properties
65
+ @include FlexElementTransformProps();
66
+ }
67
+
68
+ section {
69
+ &[data-div-type="section"] {
70
+ position: var(--_p-relative);
71
+ width: 100%;
72
+ margin: prepareMediaVariable(--_ctm-sec-lt-mn);
73
+ flex-direction: column;
74
+ justify-self: stretch;
75
+ align-self: stretch;
76
+ justify-content: center;
77
+ --_sf-element-vt-pd: max(
78
+ 0.5px,
79
+ 0.00625 * (var(--_cms-scaling-factor) - var(--_cms-scrollbar-width))
80
+ );
81
+ --_sf-element-hr-pd: max(
82
+ 0.5px,
83
+ 0.0117188 * (var(--_cms-scaling-factor) - var(--_cms-scrollbar-width))
84
+ );
85
+ box-shadow: var(
86
+ --_hide-section-shadow,
87
+ prepareMediaVariable(--_ctm-sec-dn-sw-ae) prepareMediaVariable(--_ctm-sec-dn-sw-b)
88
+ prepareMediaVariable(--_ctm-sec-dn-sw-sd) prepareMediaVariable(--_ctm-sec-dn-sw-cr)
89
+ );
90
+ background-color: prepareMediaVariable(--_ctm-sec-dn-bd-cr);
91
+ background-image: prepareMediaVariable(--_ctm-sec-dn-bd-ie);
92
+ background-attachment: prepareMediaVariable(--_ctm-sec-dn-bd-at);
93
+ background-position: prepareMediaVariable(--_ctm-sec-dn-bd-pn);
94
+ background-position-y: prepareMediaVariable(--_ctm-sec-dn-bd-pn-y);
95
+ background-repeat: prepareMediaVariable(--_ctm-sec-dn-bd-rt);
96
+ background-size: prepareMediaVariable(--_ctm-sec-dn-bd-se);
97
+ border-radius: prepareMediaVariable(--_ctm-sec-dn-br-rs) !important;
98
+ &[data-show-shadow="false"] {
99
+ --_hide-section-shadow: none;
100
+ }
101
+ &[data-show-border="false"] {
102
+ --_hide-section-border: none;
103
+ }
104
+
105
+ &:not(.#{$dp}, .#{$tb}, .#{$mb}) {
106
+ display: var(--_d-flex) !important;
107
+ }
108
+ & > div {
109
+ &[data-type="wrapper-layer"] {
110
+ display: var(--_d-flex) !important;
111
+ pointer-events: none;
112
+ position: var(--_p-absolute);
113
+ visibility: visible !important;
114
+ inset: 0 0 0 0;
115
+ // border-color: var(
116
+ // --_hide-section-border,
117
+ // var(--_ctm-mob-sec-dn-br-cr, var(--_ctm-tab-sec-dn-br-cr, var(--_ctm-sec-dn-br-cr)))
118
+ // );
119
+ border-color: var(--_hide-section-border, prepareMediaVariable(--_ctm-sec-dn-br-cr));
120
+ border-style: var(--_hide-section-border, prepareMediaVariable(--_ctm-sec-dn-br-se));
121
+ border-width: var(--_hide-section-border, prepareMediaVariable(--_ctm-sec-dn-br-wh));
122
+ border-radius: var(--_hide-section-border, prepareMediaVariable(--_ctm-sec-dn-br-rs));
123
+ }
124
+ &[data-div-type="cms-section-wrapper"] {
125
+ // max-width: var(--_sf-wp-mx-wt);
126
+ max-width: var(
127
+ --_sf-dt-sec-mw,
128
+ min(100%, prepareMediaVariable(--_ctm-sec-lt-wh))
129
+ ) !important;
130
+ // min-height: prepareMediaVariable(--_ctm-sec-lt-mn-ht);
131
+ margin-inline: auto;
132
+ position: var(--_p-relative);
133
+ width: 100%;
134
+ // padding-inline: 10px;
135
+ // padding-block: 10px;
136
+ padding: prepareMediaVariable(--_ctm-sec-lt-pg);
137
+ column-gap: prepareMediaVariable(--_ctm-sec-lt-cn-gp);
138
+ row-gap: prepareMediaVariable(--_ctm-sec-lt-rw-gp);
139
+
140
+ &[data-vf="true"] {
141
+ --_sf-dt-sec-mw: 100%;
142
+ }
143
+ }
144
+ }
145
+ }
146
+ }
147
+ div[data-div-type="element"] {
148
+ position: var(--_p-relative);
149
+ & > .wrapper {
150
+ grid-area: 1/1/2/2 !important;
151
+
152
+ a {
153
+ color: inherit;
154
+ text-decoration: none;
155
+ &.disabled {
156
+ opacity: 0.5;
157
+ pointer-events: none;
158
+ }
159
+ }
160
+ }
161
+ &[data-view-state="full"] {
162
+ width: auto;
163
+ margin: 0;
164
+ cursor: auto;
165
+ justify-self: stretch !important;
166
+ align-self: stretch !important;
167
+ // &:not(#{$repeterLElement}) {
168
+ // }
169
+ &:is(#{$isFlexboxElementChild}) {
170
+ width: 100%;
171
+ }
172
+ &:is(#{$activeElementSelector}) {
173
+ & > div {
174
+ &[data-div-type="wrapper__layer"] {
175
+ --_sf-vt-zz: visible;
176
+ --_sf-op-zz: 1;
177
+ }
178
+ }
179
+ }
180
+
181
+ & > .wrapper {
182
+ height: 100%;
183
+ width: 100%;
184
+ }
185
+ }
186
+ // &:is([data-element-type="stack"].hrz > .wrapper > [data-div-type="element"]) {
187
+ // &:is([data-element-type="stack"]) {
188
+ // width: max(
189
+ // 0.5px,
190
+ // calc(#{prepareMediaVariable(--_ctm-sta-ele-nw-wh-vl)} / 100) *
191
+ // (var(--_cms-scaling-factor) - var(--_cms-scrollbar-width))
192
+ // );
193
+ // }
194
+ // &:is([data-element-type="container"]) {
195
+ // width: max(
196
+ // 0.5px,
197
+ // calc(#{prepareMediaVariable(--_ctm-con-ele-nw-wh-vl)} / 100) *
198
+ // (var(--_cms-scaling-factor) - var(--_cms-scrollbar-width))
199
+ // );
200
+ // }
201
+
202
+ // &:not([data-element-type="container"], [data-element-type="stack"]) {
203
+ // width: max(
204
+ // 0.5px,
205
+ // calc(#{prepareMediaVariable(--_ctm-ele-nw-wh-vl)} / 100) *
206
+ // (var(--_cms-scaling-factor) - var(--_cms-scrollbar-width))
207
+ // );
208
+ // }
209
+ // }
210
+ }
@@ -285,3 +285,8 @@ $data: (
285
285
  transition: all 400ms ease-in;
286
286
  display: flex;
287
287
  }
288
+ // Error Message
289
+ .error_msg {
290
+ font-size: 12px;
291
+ color: var(--_error-500);
292
+ }
@@ -1,4 +1,4 @@
1
- import { CMSElementEditTypes } from "../../enums";
1
+ import { CMSCSSUnitTypesEnums, CMSElementEditTypes } from "../../enums";
2
2
  import { CMSIBCommonInterface } from "../../interfaces/global";
3
3
  import { ButtonSelectorKeysEnum } from "./button";
4
4
  import { CMSElementEditPopupInterface } from "./common";
@@ -240,6 +240,17 @@ export declare const getDefaultData: () => {
240
240
  selectorKey: SelectorKeysEnum;
241
241
  };
242
242
  productNameDesign: {
243
+ textOverflow: {
244
+ value: boolean;
245
+ property: string;
246
+ propertyType: CMSElementEditTypes;
247
+ };
248
+ numberOfDisplayedLines: {
249
+ unit: CMSCSSUnitTypesEnums;
250
+ value: number;
251
+ property: string;
252
+ propertyType: CMSElementEditTypes;
253
+ };
243
254
  borderColor: CMSIBCommonInterface;
244
255
  borderStyle: CMSIBCommonInterface;
245
256
  borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
@@ -1278,7 +1289,7 @@ export declare const getDefaultData: () => {
1278
1289
  dividerWeight: {
1279
1290
  value: string;
1280
1291
  property: string;
1281
- unit: import("../../enums").CMSCSSUnitTypesEnums;
1292
+ unit: CMSCSSUnitTypesEnums;
1282
1293
  propertyType: CMSElementEditTypes;
1283
1294
  };
1284
1295
  dividerColor: {
@@ -26,6 +26,7 @@ export interface selfDesignInterface {
26
26
  iconSize: CMSIBCommonInterface;
27
27
  iconColor: CMSIBCommonInterface;
28
28
  icon: CMSIBCommonInterface;
29
+ strokeWidth?: CMSIBCommonInterface | any;
29
30
  };
30
31
  miniCartText: {
31
32
  selectorKey: string;
@@ -25,6 +25,8 @@ export interface CMSElementEditPopupLayoutInterface {
25
25
  dividerBetweenListItems?: CMSIBSizeInterface;
26
26
  maxItemsToDisplay?: CMSIBSizeInterface;
27
27
  dataConnector?: any;
28
+ fitOptions?: any;
29
+ objectPosition?: any;
28
30
  }
29
31
  export interface CMSElementEditPopupDesignInterface {
30
32
  backgroundColor: CMSIBCommonInterface;
@@ -59,6 +61,9 @@ export interface CMSElementEditPopupDesignInterface {
59
61
  characterSpacing: CMSIBSizeInterface;
60
62
  paragraphSpacing: CMSIBSizeInterface;
61
63
  lineHeight: CMSIBSizeInterface;
64
+ textTransform?: any;
65
+ textOverflow?: any;
66
+ numberOfDisplayedLines?: any;
62
67
  fontDesc: CMSIBCommonInterface;
63
68
  themeDesc: CMSIBCommonInterface;
64
69
  fontSizeDesc: CMSIBSizeInterface;
@@ -37,6 +37,18 @@ export declare const getDefaultData: () => {
37
37
  value: number;
38
38
  unit: CMSCSSUnitTypesEnums;
39
39
  };
40
+ rowGap: {
41
+ property: string;
42
+ propertyType: CMSElementEditTypes;
43
+ value: number;
44
+ unit: CMSCSSUnitTypesEnums;
45
+ };
46
+ columnGap: {
47
+ property: string;
48
+ propertyType: CMSElementEditTypes;
49
+ value: number;
50
+ unit: CMSCSSUnitTypesEnums;
51
+ };
40
52
  justifyContent: {
41
53
  property: string;
42
54
  propertyType: CMSElementEditTypes;
@@ -47,6 +59,11 @@ export declare const getDefaultData: () => {
47
59
  propertyType: CMSElementEditTypes;
48
60
  value: string;
49
61
  };
62
+ flexWrap: {
63
+ property: string;
64
+ propertyType: CMSElementEditTypes;
65
+ value: string;
66
+ };
50
67
  };
51
68
  design: {
52
69
  selectorKey: SelectorKeysEnum;
@@ -98,6 +98,7 @@ export declare enum selfEnums {
98
98
  MINI_CART_TEXT = "miniSearchText",
99
99
  DROPDOWN_DISPLAY_STYLE = "dropdownDisplayStyle",
100
100
  WIDGET_STYLE = "widgetStyle",
101
+ WIDGET_PLACEHOLDER_TEXT = "widgetPlaceholderText",
101
102
  WIDGET_DROPDOWN = "widgetDropdown",
102
103
  OPTION_STYLE = "optionStyle",
103
104
  HOVER_STATE = "hover",
@@ -3,6 +3,7 @@ export interface LoginEditPopupInterface extends CMSElementEditPopupInterface {
3
3
  }
4
4
  interface selfLayoutInterface {
5
5
  selectorKey: string;
6
+ [key: string]: any;
6
7
  }
7
8
  export interface selfDesignInterface {
8
9
  selectorKey: string;
@@ -22,6 +22,7 @@ export declare enum orderSelectorKeysEnum {
22
22
  ORDER_NAME = "orderName",
23
23
  ORDER_ID = "orderId",
24
24
  ORDER_DATE = "orderDate",
25
+ SHIPPING_METHOD = "shippingMethod",
25
26
  QUICK_ACTIONS = "quickActions",
26
27
  CONTAINER = "container",
27
28
  QUICK_HEADER = "quickHeader",
@@ -471,6 +472,44 @@ export declare const getDefaultData: () => {
471
472
  shadows: import("../../interfaces/global").CMSIBSizeInterface;
472
473
  selectorKey: orderSelectorKeysEnum;
473
474
  };
475
+ shippingMethod: {
476
+ padding: any;
477
+ itemGap: {
478
+ value: CMSCSSUnitTypesEnums;
479
+ unit: CMSCSSUnitTypesEnums;
480
+ property: string;
481
+ propertyType: CMSElementEditTypes;
482
+ };
483
+ theme: import("../../interfaces/global").CMSIBCommonInterface;
484
+ font: import("../../interfaces/global").CMSIBCommonInterface;
485
+ fontSize: import("../../interfaces/global").CMSIBSizeInterface;
486
+ textColor: import("../../interfaces/global").CMSIBCommonInterface;
487
+ bold: import("../../interfaces/global").CMSIBCommonInterface;
488
+ italic: import("../../interfaces/global").CMSIBCommonInterface;
489
+ linethrough: import("../../interfaces/global").CMSIBCommonInterface;
490
+ underline: import("../../interfaces/global").CMSIBCommonInterface;
491
+ textAlign: import("../../interfaces/global").CMSIBCommonInterface;
492
+ characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
493
+ lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
494
+ backgroundColor: import("../../interfaces/global").CMSIBCommonInterface;
495
+ margin: import("../../interfaces/global").CSSPaddingValues | undefined;
496
+ borderColor: import("../../interfaces/global").CMSIBCommonInterface;
497
+ borderStyle: import("../../interfaces/global").CMSIBCommonInterface;
498
+ borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
499
+ showBorder: import("../../interfaces/global").CMSIBCommonInterface;
500
+ showShadow: import("../../interfaces/global").CMSIBCommonInterface;
501
+ shadowColor: import("../../interfaces/global").CMSIBCommonInterface;
502
+ blur: import("../../interfaces/global").CMSIBSizeInterface;
503
+ spread: import("../../interfaces/global").CMSIBSizeInterface;
504
+ angle: import("../../interfaces/global").CMSIBSizeInterface;
505
+ borderRadius: import("../../interfaces/global").CSSPaddingValues;
506
+ exposure: import("../../interfaces/global").CMSIBSizeInterface;
507
+ contrast: import("../../interfaces/global").CMSIBSizeInterface;
508
+ saturation: import("../../interfaces/global").CMSIBSizeInterface;
509
+ highlights: import("../../interfaces/global").CMSIBSizeInterface;
510
+ shadows: import("../../interfaces/global").CMSIBSizeInterface;
511
+ selectorKey: orderSelectorKeysEnum;
512
+ };
474
513
  };
475
514
  quickActions: {
476
515
  selectorKey: orderSelectorKeysEnum;
@@ -8,6 +8,8 @@ interface selfLayoutInterface {
8
8
  value: RepeaterDisplayStyleType;
9
9
  };
10
10
  itemGap: Pick<CMSIBCommonInterface, "property" | "propertyType"> & PaddingProps;
11
+ rowGap: Pick<CMSIBCommonInterface, "property" | "propertyType"> & PaddingProps;
12
+ columnGap: Pick<CMSIBCommonInterface, "property" | "propertyType"> & PaddingProps;
11
13
  itemGapList: Pick<CMSIBCommonInterface, "property" | "propertyType"> & PaddingProps;
12
14
  justifyContent: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
13
15
  value: JustifyContentValue;
@@ -12,6 +12,7 @@ export declare enum resetPasswordSelectorKeysEnum {
12
12
  LAYOUT = "layout",
13
13
  DESIGN = "design",
14
14
  WIDGET = "widget",
15
+ WIDGET_DETAILS = "widgetDetails",
15
16
  FIELD_ITEMS = "fieldItems",
16
17
  FORM = "form",
17
18
  LABEL = "label",
@@ -24,7 +25,7 @@ export declare enum resetPasswordSelectorKeysEnum {
24
25
  TITLE = "title",
25
26
  DESCRIPTION = "description",
26
27
  RESET_BUTTON = "resetButton",
27
- GO_TO_BACK_LOGIN_BUTTON = "goToBackLoginButton",
28
+ GO_BACK_TO_LOGIN = "goBackToLogin",
28
29
  ACTIONS = "actions",
29
30
  PASSWORD_ICON = "passwordIcon",
30
31
  FIELD_ICON = "fieldIcon"