@sc-360-v2/storefront-cms-library 0.2.67 → 0.2.68

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.
package/dist/globals.scss CHANGED
@@ -1,94 +1,94 @@
1
- :root {
2
- --max-width: 1100px;
3
- --border-radius: 12px;
4
- --font-mono: ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono",
5
- "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro", "Fira Mono", "Droid Sans Mono",
6
- "Courier New", monospace;
7
-
8
- --foreground-rgb: 0, 0, 0;
9
- --background-start-rgb: 214, 219, 220;
10
- --background-end-rgb: 255, 255, 255;
11
-
12
- --primary-glow: conic-gradient(
13
- from 180deg at 50% 50%,
14
- #16abff33 0deg,
15
- #0885ff33 55deg,
16
- #54d6ff33 120deg,
17
- #0071ff33 160deg,
18
- transparent 360deg
19
- );
20
- --secondary-glow: radial-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
21
-
22
- --tile-start-rgb: 239, 245, 249;
23
- --tile-end-rgb: 228, 232, 233;
24
- --tile-border: conic-gradient(
25
- #00000080,
26
- #00000040,
27
- #00000030,
28
- #00000020,
29
- #00000010,
30
- #00000010,
31
- #00000080
32
- );
33
-
34
- --callout-rgb: 238, 240, 241;
35
- --callout-border-rgb: 172, 175, 176;
36
- --card-rgb: 180, 185, 188;
37
- --card-border-rgb: 131, 134, 135;
38
- }
39
-
40
- @media (prefers-color-scheme: dark) {
41
- :root {
42
- --foreground-rgb: 255, 255, 255;
43
- --background-start-rgb: 0, 0, 0;
44
- --background-end-rgb: 0, 0, 0;
45
-
46
- --primary-glow: radial-gradient(rgba(1, 65, 255, 0.4), rgba(1, 65, 255, 0));
47
- --secondary-glow: linear-gradient(
48
- to bottom right,
49
- rgba(1, 65, 255, 0),
50
- rgba(1, 65, 255, 0),
51
- rgba(1, 65, 255, 0.3)
52
- );
53
-
54
- --tile-start-rgb: 2, 13, 46;
55
- --tile-end-rgb: 2, 5, 19;
56
- --tile-border: conic-gradient(
57
- #ffffff80,
58
- #ffffff40,
59
- #ffffff30,
60
- #ffffff20,
61
- #ffffff10,
62
- #ffffff10,
63
- #ffffff80
64
- );
65
-
66
- --callout-rgb: 20, 20, 20;
67
- --callout-border-rgb: 108, 108, 108;
68
- --card-rgb: 100, 100, 100;
69
- --card-border-rgb: 200, 200, 200;
70
- }
71
- }
72
-
73
- * {
74
- box-sizing: border-box;
75
- padding: 0;
76
- margin: 0;
77
- }
78
-
79
- html,
80
- body {
81
- max-width: 100vw;
82
- overflow-x: hidden;
83
- }
84
-
85
- a {
86
- color: inherit;
87
- text-decoration: none;
88
- }
89
-
90
- @media (prefers-color-scheme: dark) {
91
- html {
92
- color-scheme: dark;
93
- }
94
- }
1
+ :root {
2
+ --max-width: 1100px;
3
+ --border-radius: 12px;
4
+ --font-mono: ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono",
5
+ "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro", "Fira Mono", "Droid Sans Mono",
6
+ "Courier New", monospace;
7
+
8
+ --foreground-rgb: 0, 0, 0;
9
+ --background-start-rgb: 214, 219, 220;
10
+ --background-end-rgb: 255, 255, 255;
11
+
12
+ --primary-glow: conic-gradient(
13
+ from 180deg at 50% 50%,
14
+ #16abff33 0deg,
15
+ #0885ff33 55deg,
16
+ #54d6ff33 120deg,
17
+ #0071ff33 160deg,
18
+ transparent 360deg
19
+ );
20
+ --secondary-glow: radial-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
21
+
22
+ --tile-start-rgb: 239, 245, 249;
23
+ --tile-end-rgb: 228, 232, 233;
24
+ --tile-border: conic-gradient(
25
+ #00000080,
26
+ #00000040,
27
+ #00000030,
28
+ #00000020,
29
+ #00000010,
30
+ #00000010,
31
+ #00000080
32
+ );
33
+
34
+ --callout-rgb: 238, 240, 241;
35
+ --callout-border-rgb: 172, 175, 176;
36
+ --card-rgb: 180, 185, 188;
37
+ --card-border-rgb: 131, 134, 135;
38
+ }
39
+
40
+ @media (prefers-color-scheme: dark) {
41
+ :root {
42
+ --foreground-rgb: 255, 255, 255;
43
+ --background-start-rgb: 0, 0, 0;
44
+ --background-end-rgb: 0, 0, 0;
45
+
46
+ --primary-glow: radial-gradient(rgba(1, 65, 255, 0.4), rgba(1, 65, 255, 0));
47
+ --secondary-glow: linear-gradient(
48
+ to bottom right,
49
+ rgba(1, 65, 255, 0),
50
+ rgba(1, 65, 255, 0),
51
+ rgba(1, 65, 255, 0.3)
52
+ );
53
+
54
+ --tile-start-rgb: 2, 13, 46;
55
+ --tile-end-rgb: 2, 5, 19;
56
+ --tile-border: conic-gradient(
57
+ #ffffff80,
58
+ #ffffff40,
59
+ #ffffff30,
60
+ #ffffff20,
61
+ #ffffff10,
62
+ #ffffff10,
63
+ #ffffff80
64
+ );
65
+
66
+ --callout-rgb: 20, 20, 20;
67
+ --callout-border-rgb: 108, 108, 108;
68
+ --card-rgb: 100, 100, 100;
69
+ --card-border-rgb: 200, 200, 200;
70
+ }
71
+ }
72
+
73
+ * {
74
+ box-sizing: border-box;
75
+ padding: 0;
76
+ margin: 0;
77
+ }
78
+
79
+ html,
80
+ body {
81
+ max-width: 100vw;
82
+ overflow-x: hidden;
83
+ }
84
+
85
+ a {
86
+ color: inherit;
87
+ text-decoration: none;
88
+ }
89
+
90
+ @media (prefers-color-scheme: dark) {
91
+ html {
92
+ color-scheme: dark;
93
+ }
94
+ }
@@ -0,0 +1,45 @@
1
+ import { CMSHTMLAttributes } from "../../../global/attributes";
2
+ import { CommonStyleProperties } from "../../../global/style-properties";
3
+ import { DisplayValue, ResponsiveBehaviourTypes } from "../../../global/types";
4
+ import { BuilderAttributes } from "../common";
5
+ export interface TabsV2StyleProperties extends CommonStyleProperties {
6
+ minHeight: string;
7
+ minWidth: string;
8
+ maxWidth: string;
9
+ maxHeight: string;
10
+ gridArea: string;
11
+ display: DisplayValue;
12
+ boxSizing: string;
13
+ rowGap: string;
14
+ columnGap: string;
15
+ gridTemplateRows: string;
16
+ gridTemplateColumns: string;
17
+ }
18
+ export declare const getDefaultStyles: () => TabsV2StyleProperties;
19
+ export interface CommonContainerElementAttributes extends CMSHTMLAttributes {
20
+ role?: string;
21
+ ariaLabel?: string;
22
+ ariaDescribedBy?: string;
23
+ id?: string;
24
+ className?: string;
25
+ lang?: string;
26
+ dataMeta?: string;
27
+ }
28
+ export interface TabsV2ElementInterface {
29
+ id?: string | number;
30
+ uniqueKey?: string | number;
31
+ attributes?: {
32
+ BUILDER?: Pick<BuilderAttributes, "dataDivType" | "dataType" | "dataElementType" | "dataDropElement">;
33
+ HTML?: CommonContainerElementAttributes;
34
+ CUSTOM?: any;
35
+ };
36
+ styles?: TabsV2StyleProperties;
37
+ editedStyles?: CommonStyleProperties;
38
+ responsiveBehaviour: ResponsiveBehaviourTypes;
39
+ children: any;
40
+ childIds: any[];
41
+ previewImage?: string;
42
+ isMaximized?: boolean;
43
+ parentKey?: any;
44
+ childIdsV2?: any[];
45
+ }
@@ -57,4 +57,5 @@ import * as categoryDetailsSchema from "./elements/category-details/index";
57
57
  import * as searchResultsHeadingSchema from "./elements/search-results-heading/index";
58
58
  import * as itemStockSchema from "./elements/item-stock/index";
59
59
  import * as lineItemSchema from "./elements/line/index";
60
- export { ElementEditSchema, amountEstimatorSchema, bulkVariantPickerSchema, buttonSchema, cmsTypes, codeSchema, commonFunctions, containerSchema, countdownSchema, embedSchema, enums, faqSchema, gallerySliderSchema, gridSchema, imageHotspotSchema, imageSchema, interfaces, mapSchema, paymentMethodsSchema, pickupLocationsSchema, priceSchema, productActionsSchema, productHighlightsSchema, productImageSchema, productInventorySchema, productPromotionsSchema, quantitySelectorSchema, scrollSchema, sectionSchema, shippingEstimatorSchema, socialIconsSchema, stackSchema, storeLocationsSchema, tabSchema, tableSchema, textSchema, uomSelectorSchema, variantPickerSchema, videoSChema, volumePricingSchema, lightboxSchema, cartSchema, profileSchema, productSchema, repeaterSchema, brandSchema, bundleSchema, brandImageSchema, lightBoxV2Schema, searchSchema, layouterSchema, layouterItemSchema, categoryDetailsSchema, contactUsSchema, loginSchema, resetPasswordSchema, searchResultsHeadingSchema, itemStockSchema, lineItemSchema, };
60
+ import * as tabsV2Schema from "./elements/tab-v2/index";
61
+ export { ElementEditSchema, amountEstimatorSchema, bulkVariantPickerSchema, buttonSchema, cmsTypes, codeSchema, commonFunctions, containerSchema, countdownSchema, embedSchema, enums, faqSchema, gallerySliderSchema, gridSchema, imageHotspotSchema, imageSchema, interfaces, mapSchema, paymentMethodsSchema, pickupLocationsSchema, priceSchema, productActionsSchema, productHighlightsSchema, productImageSchema, productInventorySchema, productPromotionsSchema, quantitySelectorSchema, scrollSchema, sectionSchema, shippingEstimatorSchema, socialIconsSchema, stackSchema, storeLocationsSchema, tabSchema, tableSchema, textSchema, uomSelectorSchema, variantPickerSchema, videoSChema, volumePricingSchema, lightboxSchema, cartSchema, profileSchema, productSchema, repeaterSchema, brandSchema, bundleSchema, brandImageSchema, lightBoxV2Schema, searchSchema, layouterSchema, layouterItemSchema, categoryDetailsSchema, contactUsSchema, loginSchema, resetPasswordSchema, searchResultsHeadingSchema, itemStockSchema, lineItemSchema, tabsV2Schema, };
@@ -72,4 +72,5 @@ import * as cartDetails from "./cartDetails";
72
72
  import * as cartSummary from "./cartSummary";
73
73
  import * as allocationDetails from "./allocationDetails";
74
74
  import * as line from "./line";
75
- export { amountEstimator, bulkVariantPicker, button, code, staticText, common, container, countdown, embed, faq, gallerySlider, grid, image, imageHotspot, map, paymentMethods, pickupLocations, price, productActions, productHighlights, productImage, productInventory, productPromotions, quantitySelector, scroll, section, shippingEstimator, slideShowLayouter, social, stack, storeLocations, table, tabs, text, uomSelector, variantPicker, video, volumePricing, lightbox, cart, profile, repeater, repeaterItem, product, menu, productOptions, productDetails, category, subCategory, brand, bundle, brandImage, filters, sort, pastOrders, quotes, rfqs, lightBoxV2, allocations, search, layouter, layouterItem, categoryDetails, contactUs, login, resetPassword, breadcrumbs, iconLibrary, searchResultsHeading, itemStock, cartDetails, cartSummary, allocationDetails, line, };
75
+ import * as tabsV2 from "./tabsV2";
76
+ export { amountEstimator, bulkVariantPicker, button, code, staticText, common, container, countdown, embed, faq, gallerySlider, grid, image, imageHotspot, map, paymentMethods, pickupLocations, price, productActions, productHighlights, productImage, productInventory, productPromotions, quantitySelector, scroll, section, shippingEstimator, slideShowLayouter, social, stack, storeLocations, table, tabs, text, uomSelector, variantPicker, video, volumePricing, lightbox, cart, profile, repeater, repeaterItem, product, menu, productOptions, productDetails, category, subCategory, brand, bundle, brandImage, filters, sort, pastOrders, quotes, rfqs, lightBoxV2, allocations, search, layouter, layouterItem, categoryDetails, contactUs, login, resetPassword, breadcrumbs, iconLibrary, searchResultsHeading, itemStock, cartDetails, cartSummary, allocationDetails, line, tabsV2, };
@@ -0,0 +1,211 @@
1
+ import { CMSElementEditTypes } from "../../enums";
2
+ import { CMSIBCommonInterface } from "../../interfaces/global";
3
+ declare enum SelectorKeysEnum {
4
+ LAYOUT = "layout",
5
+ CONTENT = "content",
6
+ DESIGN = "design",
7
+ DEFAULT_STATE = "defaultState",
8
+ HOVER_STATE = "hoverState",
9
+ SELECTED_STATE = "selected",
10
+ TAB_CONTAINER = "tabContainer",
11
+ TAB_CONTENT_CONTAINER = "tabContentContainer",
12
+ TABS = "tabs"
13
+ }
14
+ export declare const getDefaultData: () => {
15
+ layout: {
16
+ selectorKey: SelectorKeysEnum;
17
+ adjustment: CMSIBCommonInterface | undefined;
18
+ width: {
19
+ [key: string]: any;
20
+ } | undefined;
21
+ height: import("../../interfaces/global").CMSIBSizeInterface | undefined;
22
+ margin: import("../../interfaces/global").CSSPaddingValues | undefined;
23
+ padding: import("../../interfaces/global").CSSPaddingValues | undefined;
24
+ overflowContent: CMSIBCommonInterface | undefined;
25
+ scrollDirection: CMSIBCommonInterface | undefined;
26
+ displayScrollbar: CMSIBCommonInterface | undefined;
27
+ positionType: CMSIBCommonInterface | undefined;
28
+ pinTo: CMSIBCommonInterface | undefined;
29
+ tabPosition: {
30
+ value: string;
31
+ property: string;
32
+ propertyType: CMSElementEditTypes;
33
+ };
34
+ tabLayout: {
35
+ value: string;
36
+ property: string;
37
+ propertyType: CMSElementEditTypes;
38
+ };
39
+ tabAlignment: {
40
+ value: string;
41
+ property: string;
42
+ propertyType: CMSElementEditTypes;
43
+ };
44
+ tabSpacing: {
45
+ value: number;
46
+ unit: number;
47
+ property: string;
48
+ propertyType: CMSElementEditTypes;
49
+ };
50
+ tabContainerSpacing: {
51
+ value: number;
52
+ unit: number;
53
+ property: string;
54
+ propertyType: CMSElementEditTypes;
55
+ };
56
+ horizontalPadding: {
57
+ value: number;
58
+ unit: number;
59
+ property: string;
60
+ propertyType: CMSElementEditTypes;
61
+ };
62
+ verticalPadding: {
63
+ value: number;
64
+ unit: number;
65
+ property: string;
66
+ propertyType: CMSElementEditTypes;
67
+ };
68
+ overflowTabs: {
69
+ value: string;
70
+ property: string;
71
+ propertyType: CMSElementEditTypes;
72
+ };
73
+ spacingBetweenRows: {
74
+ value: number;
75
+ unit: number;
76
+ property: string;
77
+ propertyType: CMSElementEditTypes;
78
+ };
79
+ };
80
+ design: {
81
+ selectorKey: SelectorKeysEnum;
82
+ tabContainer: {
83
+ borderColor: CMSIBCommonInterface;
84
+ borderStyle: CMSIBCommonInterface;
85
+ borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
86
+ showBorder: CMSIBCommonInterface;
87
+ backgroundColor: CMSIBCommonInterface;
88
+ showShadow: CMSIBCommonInterface;
89
+ shadowColor: CMSIBCommonInterface;
90
+ blur: import("../../interfaces/global").CMSIBSizeInterface;
91
+ spread: import("../../interfaces/global").CMSIBSizeInterface;
92
+ angle: import("../../interfaces/global").CMSIBSizeInterface;
93
+ borderRadius: import("../../interfaces/global").CSSPaddingValues;
94
+ exposure: import("../../interfaces/global").CMSIBSizeInterface;
95
+ contrast: import("../../interfaces/global").CMSIBSizeInterface;
96
+ saturation: import("../../interfaces/global").CMSIBSizeInterface;
97
+ highlights: import("../../interfaces/global").CMSIBSizeInterface;
98
+ shadows: import("../../interfaces/global").CMSIBSizeInterface;
99
+ selectorKey: SelectorKeysEnum;
100
+ };
101
+ tabs: {
102
+ selectorKey: SelectorKeysEnum;
103
+ defaultState: {
104
+ theme: CMSIBCommonInterface;
105
+ font: CMSIBCommonInterface;
106
+ fontSize: import("../../interfaces/global").CMSIBSizeInterface;
107
+ textColor: CMSIBCommonInterface;
108
+ bold: CMSIBCommonInterface;
109
+ italic: CMSIBCommonInterface;
110
+ linethrough: CMSIBCommonInterface;
111
+ underline: CMSIBCommonInterface;
112
+ textAlign: CMSIBCommonInterface;
113
+ characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
114
+ lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
115
+ borderColor: CMSIBCommonInterface;
116
+ borderStyle: CMSIBCommonInterface;
117
+ borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
118
+ showBorder: CMSIBCommonInterface;
119
+ backgroundColor: CMSIBCommonInterface;
120
+ showShadow: CMSIBCommonInterface;
121
+ shadowColor: CMSIBCommonInterface;
122
+ blur: import("../../interfaces/global").CMSIBSizeInterface;
123
+ spread: import("../../interfaces/global").CMSIBSizeInterface;
124
+ angle: import("../../interfaces/global").CMSIBSizeInterface;
125
+ borderRadius: import("../../interfaces/global").CSSPaddingValues;
126
+ exposure: import("../../interfaces/global").CMSIBSizeInterface;
127
+ contrast: import("../../interfaces/global").CMSIBSizeInterface;
128
+ saturation: import("../../interfaces/global").CMSIBSizeInterface;
129
+ highlights: import("../../interfaces/global").CMSIBSizeInterface;
130
+ shadows: import("../../interfaces/global").CMSIBSizeInterface;
131
+ selectorKey: SelectorKeysEnum;
132
+ };
133
+ hoverState: {
134
+ theme: CMSIBCommonInterface;
135
+ font: CMSIBCommonInterface;
136
+ fontSize: import("../../interfaces/global").CMSIBSizeInterface;
137
+ textColor: CMSIBCommonInterface;
138
+ bold: CMSIBCommonInterface;
139
+ italic: CMSIBCommonInterface;
140
+ linethrough: CMSIBCommonInterface;
141
+ underline: CMSIBCommonInterface;
142
+ textAlign: CMSIBCommonInterface;
143
+ characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
144
+ lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
145
+ borderColor: CMSIBCommonInterface;
146
+ borderStyle: CMSIBCommonInterface;
147
+ borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
148
+ showBorder: CMSIBCommonInterface;
149
+ backgroundColor: CMSIBCommonInterface;
150
+ showShadow: CMSIBCommonInterface;
151
+ shadowColor: CMSIBCommonInterface;
152
+ blur: import("../../interfaces/global").CMSIBSizeInterface;
153
+ spread: import("../../interfaces/global").CMSIBSizeInterface;
154
+ angle: import("../../interfaces/global").CMSIBSizeInterface;
155
+ borderRadius: import("../../interfaces/global").CSSPaddingValues;
156
+ exposure: import("../../interfaces/global").CMSIBSizeInterface;
157
+ contrast: import("../../interfaces/global").CMSIBSizeInterface;
158
+ saturation: import("../../interfaces/global").CMSIBSizeInterface;
159
+ highlights: import("../../interfaces/global").CMSIBSizeInterface;
160
+ shadows: import("../../interfaces/global").CMSIBSizeInterface;
161
+ selectorKey: SelectorKeysEnum;
162
+ };
163
+ selectedState: {
164
+ theme: CMSIBCommonInterface;
165
+ font: CMSIBCommonInterface;
166
+ fontSize: import("../../interfaces/global").CMSIBSizeInterface;
167
+ textColor: CMSIBCommonInterface;
168
+ bold: CMSIBCommonInterface;
169
+ italic: CMSIBCommonInterface;
170
+ linethrough: CMSIBCommonInterface;
171
+ underline: CMSIBCommonInterface;
172
+ textAlign: CMSIBCommonInterface;
173
+ characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
174
+ lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
175
+ borderColor: CMSIBCommonInterface;
176
+ borderStyle: CMSIBCommonInterface;
177
+ borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
178
+ showBorder: CMSIBCommonInterface;
179
+ backgroundColor: CMSIBCommonInterface;
180
+ showShadow: CMSIBCommonInterface;
181
+ shadowColor: CMSIBCommonInterface;
182
+ blur: import("../../interfaces/global").CMSIBSizeInterface;
183
+ spread: import("../../interfaces/global").CMSIBSizeInterface;
184
+ angle: import("../../interfaces/global").CMSIBSizeInterface;
185
+ borderRadius: import("../../interfaces/global").CSSPaddingValues;
186
+ exposure: import("../../interfaces/global").CMSIBSizeInterface;
187
+ contrast: import("../../interfaces/global").CMSIBSizeInterface;
188
+ saturation: import("../../interfaces/global").CMSIBSizeInterface;
189
+ highlights: import("../../interfaces/global").CMSIBSizeInterface;
190
+ shadows: import("../../interfaces/global").CMSIBSizeInterface;
191
+ selectorKey: SelectorKeysEnum;
192
+ };
193
+ };
194
+ };
195
+ content: {
196
+ selectorKey: SelectorKeysEnum;
197
+ tabContent: {
198
+ value: {
199
+ title: string;
200
+ contentSource: {
201
+ title: string;
202
+ content: {};
203
+ };
204
+ key: string;
205
+ }[];
206
+ property: string;
207
+ propertyType: CMSElementEditTypes;
208
+ };
209
+ };
210
+ };
211
+ export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sc-360-v2/storefront-cms-library",
3
- "version": "0.2.67",
3
+ "version": "0.2.68",
4
4
  "main": "/dist/index.js",
5
5
  "types": "./dist/index.d.ts",
6
6
  "exports": {