@sc-360-v2/storefront-cms-library 0.1.99 → 0.2.1

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 (54) hide show
  1. package/README.md +12 -12
  2. package/dist/brand-basic-elements.scss +214 -0
  3. package/dist/brand.scss +43 -0
  4. package/dist/builder.js +1 -1
  5. package/dist/bulk-variant-picker.scss +1 -1
  6. package/dist/bundle-basic-elements.scss +421 -0
  7. package/dist/bundle.scss +42 -0
  8. package/dist/button.scss +189 -47
  9. package/dist/category.scss +42 -0
  10. package/dist/categoryWidget.scss +29 -0
  11. package/dist/container.scss +24 -3
  12. package/dist/editor-core.scss +86 -13
  13. package/dist/faq.scss +301 -78
  14. package/dist/filters.scss +17 -0
  15. package/dist/gallery-slider-temp.scss +520 -432
  16. package/dist/globals.scss +94 -94
  17. package/dist/grid.scss +32 -10
  18. package/dist/hotspot.scss +6 -10
  19. package/dist/htmlElement.js +1 -1
  20. package/dist/icons.js +1 -1
  21. package/dist/image-temp.scss +18 -8
  22. package/dist/index.js +1 -1
  23. package/dist/map.scss +5 -12
  24. package/dist/product-basic-elements.scss +7 -3
  25. package/dist/product-highlights.scss +4 -9
  26. package/dist/product-image.scss +4 -1
  27. package/dist/productDetails.scss +2 -1
  28. package/dist/repeater-embla-controls.scss +202 -0
  29. package/dist/repeater-item.scss +3 -1
  30. package/dist/repeater.scss +111 -9
  31. package/dist/section.scss +44 -14
  32. package/dist/stack.scss +38 -11
  33. package/dist/sub-category.scss +43 -0
  34. package/dist/tabs.scss +135 -0
  35. package/dist/text-temp.scss +1 -1
  36. package/dist/types/builder/elements/brand-image/index.d.ts +30 -0
  37. package/dist/types/builder/elements/tab/index.d.ts +25 -8
  38. package/dist/types/builder/enums/index.d.ts +37 -3
  39. package/dist/types/builder/index.d.ts +2 -1
  40. package/dist/types/builder/interfaces/global.d.ts +11 -0
  41. package/dist/types/builder/tools/element-edit/brandImage.d.ts +27 -0
  42. package/dist/types/builder/tools/element-edit/filters.d.ts +46 -0
  43. package/dist/types/builder/tools/element-edit/imageHotspot.d.ts +1 -1
  44. package/dist/types/builder/tools/element-edit/index.d.ts +3 -1
  45. package/dist/types/builder/tools/element-edit/repeater.d.ts +22 -2
  46. package/dist/types/builder/tools/element-edit/tabs.d.ts +259 -36
  47. package/dist/types/global/types.d.ts +1 -0
  48. package/dist/variant-picker.scss +3 -2
  49. package/dist/widget.scss +48 -45
  50. package/package.json +1 -1
  51. package/dist/functions.scss +0 -133
  52. package/dist/global.scss +0 -346
  53. package/dist/tooltip.scss +0 -276
  54. package/dist/variable.scss +0 -136
package/dist/variable.scss DELETED
@@ -1,136 +0,0 @@
1
- @use "sass:list";
2
- @use "sass:map";
3
-
4
- body {
5
- --_container-width: 1366px;
6
- --_builder-breakpoint: 1024px;
7
- --_sidebar-small-width: 428px;
8
- --_sidebar-big-width: 600px;
9
- --_dotted-input-width: 55px;
10
- --_settings-tab-width: 370px;
11
- --_settings-tab-top: 170px;
12
- --_settings-tab-default-value: 10px;
13
- --_themesettings-button-minwidth: 165px;
14
-
15
- --_element-settngs-popup-mxheight: 500px;
16
- --_element-settngs-popup-gap: 12px;
17
-
18
- --_d-flex: flex;
19
- --_flex-wrap: wrap;
20
- --_d-inline-flex: inline-flex;
21
- --_d-grid: grid;
22
- --_d-block: block;
23
- --_d-none: none;
24
-
25
- --_p-absolute: absolute;
26
- --_p-fixed: fixed;
27
- --_p-sticky: sticky;
28
- --_p-static: static;
29
- --_p-relative: relative;
30
-
31
- --_f-row: row;
32
- --_f-column: column;
33
- --_justify_start: flex-start;
34
- --_justify-center: center;
35
- --_justify-between: space-between;
36
- --_justify-end: flex-end;
37
-
38
- --_align-center: center;
39
- --_align-start: start;
40
- --_align-left: left;
41
- --_align-items-flex-start: flex-start;
42
-
43
- --_shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
44
- --_shadow-x1: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
45
- --_shadow-x3: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);
46
- --_shadow-md: 0px 2px 4px -2px rgba(16, 24, 40, 0.06), 0px 4px 8px -2px rgba(16, 24, 40, 0.1);
47
-
48
- --_shadow-lg: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
49
- --_higher-zIndex: 99999;
50
-
51
- --_cms-map-at-zIndex: 9;
52
- --_cms-zoom-at-zIndex: 10;
53
- --_cs-canvas-img-zIndex: 9;
54
- --_cs-pl-zIndex: 8;
55
- --_cms-properties-zIndex: 7;
56
- --_cms-sidebar-zIndex: 6;
57
- --_cs-cms-root-zIndex: 5;
58
- --_add-element-zIndex: 3;
59
- --_cs-et-zIndex: 2;
60
- --_it-gl-zIndex: 2;
61
- --_cms-et-pe-zIndex: 1;
62
-
63
- --_inline-toolbar-zIndex: 9999;
64
- --_white: #fff;
65
- --_body-bg: #f7f8fa;
66
- --_gray-25: #fcfcfd;
67
- --_gray-50: #f9fafb;
68
- --_gray-100: #f2f4f7;
69
- --_gray-200: #eaecf0;
70
- --_gray-300: #d0d5dd;
71
- --_gray-400: #98a2b3;
72
- --_gray-500: #667085;
73
- --_gray-600: #475467;
74
- --_gray-700: #344054;
75
- --_gray-900: #101828;
76
- --_base-white: #fff;
77
- --_base-black: #000;
78
- --_border-light-color: #eaecf0;
79
- --_gray-bg: #d9d9d9;
80
- --_gray-bg-r: 217;
81
- --_gray-bg-g: 217;
82
- --_gray-bg-b: 217;
83
- --_bg-overlay: rgba(52, 64, 84, 0.4);
84
- --_gray-blue-300: #b3b8db;
85
- --_red-500: #f04438;
86
-
87
- --_accent-color-2-500: #583fff;
88
- --_accent-Color-2-200: #c7bfff;
89
- --_accent-Color-2-100: #d5cfff;
90
- --_accent-Color-2-50: #e3dfff;
91
-
92
- --_success-800: #05603a;
93
-
94
- --_primary-25: #f5f6fd;
95
- --_primary-50: #e2e5fa;
96
- --_primary-100: #ced4f6;
97
- --_primary-200: #a8b2ef;
98
- --_primary-300: #8190e8;
99
- --_primary-400: #243dc6;
100
- --_primary-500: #162578;
101
- --_primary-600: #132067;
102
- --_primary-700: #111c5b;
103
-
104
- --_success-50: #ecfdf3;
105
- --_success-200: #a6f4c5;
106
- --_success-600: #039855;
107
- --_success-700: #027a48;
108
-
109
- --_red-300: #fda29b;
110
- --_red-100: #fee4e2;
111
- --_warning-50: #fffaeb;
112
- --_warning-200: #fedf89;
113
- --_warning-300: #fec84b;
114
- --_warning-500: #f79009;
115
- --_warning-600: #dc6803;
116
- --_warning-700: #fec84b;
117
-
118
- --_error-700: #b42318;
119
- --_error-500: #f04438;
120
- --_error-200: #fecdca;
121
- --_error-100: #fee4e2;
122
- --_error-50: #fef3f2;
123
-
124
- --_cms-ruler-color: #9b27d5b7;
125
- --_cms-ruler-color-v2: #9b27d53a;
126
-
127
- --_transition-duration: 0.45s;
128
- --_transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
129
-
130
- --_user-select-none: none;
131
- --scroll-page: 0;
132
- }
133
-
134
- .pac-container {
135
- z-index: calc(var(--_higher-zIndex) + var(--_cms-map-at-zIndex));
136
- }