@gem-sdk/core 1.36.19 → 1.36.23
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/cjs/components/Render.liquid.js +3 -2
- package/dist/cjs/graphql/fragments/custom-font.generated.js +14 -0
- package/dist/cjs/graphql/fragments/published-theme-page.generated.js +3 -0
- package/dist/cjs/graphql/queries/published-theme-pages.generated.js +3 -1
- package/dist/cjs/helpers/background.js +1 -1
- package/dist/cjs/helpers/typography.js +22 -2
- package/dist/cjs/index.js +1 -0
- package/dist/esm/components/Render.liquid.js +3 -2
- package/dist/esm/graphql/fragments/custom-font.generated.js +12 -0
- package/dist/esm/graphql/fragments/published-theme-page.generated.js +3 -0
- package/dist/esm/graphql/queries/published-theme-pages.generated.js +3 -1
- package/dist/esm/helpers/background.js +1 -1
- package/dist/esm/helpers/typography.js +22 -3
- package/dist/esm/index.js +1 -1
- package/dist/types/index.d.ts +19 -1
- package/package.json +1 -1
|
@@ -203,7 +203,7 @@ const RenderCustomCode = (item)=>{
|
|
|
203
203
|
};
|
|
204
204
|
const appendAnimation = (props, liquid)=>{
|
|
205
205
|
const { advanced, tag } = props;
|
|
206
|
-
const { animation } = advanced ?? {};
|
|
206
|
+
const { animation, op: opacity } = advanced ?? {};
|
|
207
207
|
const getAnimationType = (settings, type)=>{
|
|
208
208
|
return settings?.triggerConfig?.[type]?.animation ?? 'none';
|
|
209
209
|
};
|
|
@@ -237,7 +237,8 @@ const appendAnimation = (props, liquid)=>{
|
|
|
237
237
|
<gp-animation
|
|
238
238
|
gp-data='${JSON.stringify({
|
|
239
239
|
config: animation,
|
|
240
|
-
tag
|
|
240
|
+
tag,
|
|
241
|
+
opacity
|
|
241
242
|
})}'
|
|
242
243
|
style="${{
|
|
243
244
|
...inheritParentStyle
|
|
@@ -7,6 +7,7 @@ var dataSeo_generated = require('../fragments/data-seo.generated.js');
|
|
|
7
7
|
var publishedThemeStyle_generated = require('../fragments/published-theme-style.generated.js');
|
|
8
8
|
var analytic_generated = require('../fragments/analytic.generated.js');
|
|
9
9
|
var customCode_generated = require('../fragments/custom-code.generated.js');
|
|
10
|
+
var customFont_generated = require('../fragments/custom-font.generated.js');
|
|
10
11
|
|
|
11
12
|
const PublishedThemePagesDocument = `
|
|
12
13
|
query publishedThemePages($slug: String, $slugType: PublishedThemePageType!) {
|
|
@@ -20,6 +21,7 @@ ${publishedCustomSection_generated.PublishedCustomSectionSelect}
|
|
|
20
21
|
${dataSeo_generated.DataSeoSelect}
|
|
21
22
|
${publishedThemeStyle_generated.PublishedThemeStyleSelect}
|
|
22
23
|
${analytic_generated.AnalyticSelect}
|
|
23
|
-
${customCode_generated.CustomCodeSelect}
|
|
24
|
+
${customCode_generated.CustomCodeSelect}
|
|
25
|
+
${customFont_generated.CustomFontSelect}`;
|
|
24
26
|
|
|
25
27
|
exports.PublishedThemePagesDocument = PublishedThemePagesDocument;
|
|
@@ -55,7 +55,7 @@ const getBgImageByDevice = (background, device, options)=>{
|
|
|
55
55
|
let imageByDevice = background?.[device]?.image?.src;
|
|
56
56
|
let newBackupFilekey = backupFileKey;
|
|
57
57
|
const shopifyHandleName = imageByDevice?.match(// eslint-disable-next-line
|
|
58
|
-
/\/files\/([^\/]+\.(jpg|jpeg|gif|png|webp|svg))
|
|
58
|
+
/\/files\/([^\/]+\.(jpg|jpeg|gif|png|webp|svg))/)?.[1];
|
|
59
59
|
if (backupFileKey && shopifyHandleName && shopifyHandleName != backupFileKey) {
|
|
60
60
|
newBackupFilekey = shopifyHandleName;
|
|
61
61
|
}
|
|
@@ -61,7 +61,7 @@ const composeTypographyV2 = (value, attrs)=>{
|
|
|
61
61
|
return makeStyle.removeNullUndefined({
|
|
62
62
|
...makeStyle.makeStyle({
|
|
63
63
|
fs: !attrs?.italic ? value?.fontStyle : undefined,
|
|
64
|
-
ff: value?.fontFamily ? `var(--g-font-${value.fontFamily.replace(/ /g, '-')}, '${value.fontFamily}')` : undefined,
|
|
64
|
+
ff: value?.fontFamily ? `var(--g-font-${value.fontFamily.replace(/ /g, '-')}, '${value.fontFamily}'), ${value.fallbackFontFamily}` : undefined,
|
|
65
65
|
weight: !attrs?.bold ? value?.fontWeight : undefined,
|
|
66
66
|
ls: value?.letterSpacing,
|
|
67
67
|
lh: value?.lineHeight
|
|
@@ -84,10 +84,29 @@ const composeTypographyAttr = (attrs)=>{
|
|
|
84
84
|
const composeTypographyClassName = (typo, typography)=>{
|
|
85
85
|
return typo ? typo?.type && !typo.custom ? genTypoClass(typo.type) : '' : typography?.type && genTypoClass(typography?.type);
|
|
86
86
|
};
|
|
87
|
+
const composeFallbackTypographyStyle = (tag)=>{
|
|
88
|
+
if ([
|
|
89
|
+
'heading',
|
|
90
|
+
'heading-1',
|
|
91
|
+
'heading-2',
|
|
92
|
+
'heading-3',
|
|
93
|
+
'heading-4',
|
|
94
|
+
'heading-5',
|
|
95
|
+
'heading-6'
|
|
96
|
+
].includes(tag)) {
|
|
97
|
+
return 'var(--g-font-heading, heading)';
|
|
98
|
+
}
|
|
99
|
+
return 'var(--g-font-body, body)';
|
|
100
|
+
};
|
|
87
101
|
const composeTypographyStyle = (typo, typography, disableAttr)=>{
|
|
88
102
|
if (typo) {
|
|
103
|
+
const fallbackFontFamily = composeFallbackTypographyStyle(typo.type ?? 'heading');
|
|
104
|
+
const customTypo = {
|
|
105
|
+
...typo.custom,
|
|
106
|
+
fallbackFontFamily: fallbackFontFamily
|
|
107
|
+
};
|
|
89
108
|
return {
|
|
90
|
-
...composeTypographyV2(
|
|
109
|
+
...composeTypographyV2(customTypo, typo.attrs),
|
|
91
110
|
...!disableAttr && composeTypographyAttr(typo.attrs)
|
|
92
111
|
};
|
|
93
112
|
}
|
|
@@ -96,6 +115,7 @@ const composeTypographyStyle = (typo, typography, disableAttr)=>{
|
|
|
96
115
|
};
|
|
97
116
|
};
|
|
98
117
|
|
|
118
|
+
exports.composeFallbackTypographyStyle = composeFallbackTypographyStyle;
|
|
99
119
|
exports.composeTypography = composeTypography;
|
|
100
120
|
exports.composeTypographyAttr = composeTypographyAttr;
|
|
101
121
|
exports.composeTypographyClassName = composeTypographyClassName;
|
package/dist/cjs/index.js
CHANGED
|
@@ -201,6 +201,7 @@ exports.getGlobalColorStateStyle = colors.getGlobalColorStateStyle;
|
|
|
201
201
|
exports.getGlobalColorStyle = colors.getGlobalColorStyle;
|
|
202
202
|
exports.getSingleColorVariable = colors.getSingleColorVariable;
|
|
203
203
|
exports.isColor = colors.isColor;
|
|
204
|
+
exports.composeFallbackTypographyStyle = typography.composeFallbackTypographyStyle;
|
|
204
205
|
exports.composeTypography = typography.composeTypography;
|
|
205
206
|
exports.composeTypographyAttr = typography.composeTypographyAttr;
|
|
206
207
|
exports.composeTypographyClassName = typography.composeTypographyClassName;
|
|
@@ -199,7 +199,7 @@ const RenderCustomCode = (item)=>{
|
|
|
199
199
|
};
|
|
200
200
|
const appendAnimation = (props, liquid)=>{
|
|
201
201
|
const { advanced, tag } = props;
|
|
202
|
-
const { animation } = advanced ?? {};
|
|
202
|
+
const { animation, op: opacity } = advanced ?? {};
|
|
203
203
|
const getAnimationType = (settings, type)=>{
|
|
204
204
|
return settings?.triggerConfig?.[type]?.animation ?? 'none';
|
|
205
205
|
};
|
|
@@ -233,7 +233,8 @@ const appendAnimation = (props, liquid)=>{
|
|
|
233
233
|
<gp-animation
|
|
234
234
|
gp-data='${JSON.stringify({
|
|
235
235
|
config: animation,
|
|
236
|
-
tag
|
|
236
|
+
tag,
|
|
237
|
+
opacity
|
|
237
238
|
})}'
|
|
238
239
|
style="${{
|
|
239
240
|
...inheritParentStyle
|
|
@@ -5,6 +5,7 @@ import { DataSeoSelect } from '../fragments/data-seo.generated.js';
|
|
|
5
5
|
import { PublishedThemeStyleSelect } from '../fragments/published-theme-style.generated.js';
|
|
6
6
|
import { AnalyticSelect } from '../fragments/analytic.generated.js';
|
|
7
7
|
import { CustomCodeSelect } from '../fragments/custom-code.generated.js';
|
|
8
|
+
import { CustomFontSelect } from '../fragments/custom-font.generated.js';
|
|
8
9
|
|
|
9
10
|
const PublishedThemePagesDocument = `
|
|
10
11
|
query publishedThemePages($slug: String, $slugType: PublishedThemePageType!) {
|
|
@@ -18,6 +19,7 @@ ${PublishedCustomSectionSelect}
|
|
|
18
19
|
${DataSeoSelect}
|
|
19
20
|
${PublishedThemeStyleSelect}
|
|
20
21
|
${AnalyticSelect}
|
|
21
|
-
${CustomCodeSelect}
|
|
22
|
+
${CustomCodeSelect}
|
|
23
|
+
${CustomFontSelect}`;
|
|
22
24
|
|
|
23
25
|
export { PublishedThemePagesDocument };
|
|
@@ -53,7 +53,7 @@ const getBgImageByDevice = (background, device, options)=>{
|
|
|
53
53
|
let imageByDevice = background?.[device]?.image?.src;
|
|
54
54
|
let newBackupFilekey = backupFileKey;
|
|
55
55
|
const shopifyHandleName = imageByDevice?.match(// eslint-disable-next-line
|
|
56
|
-
/\/files\/([^\/]+\.(jpg|jpeg|gif|png|webp|svg))
|
|
56
|
+
/\/files\/([^\/]+\.(jpg|jpeg|gif|png|webp|svg))/)?.[1];
|
|
57
57
|
if (backupFileKey && shopifyHandleName && shopifyHandleName != backupFileKey) {
|
|
58
58
|
newBackupFilekey = shopifyHandleName;
|
|
59
59
|
}
|
|
@@ -59,7 +59,7 @@ const composeTypographyV2 = (value, attrs)=>{
|
|
|
59
59
|
return removeNullUndefined({
|
|
60
60
|
...makeStyle({
|
|
61
61
|
fs: !attrs?.italic ? value?.fontStyle : undefined,
|
|
62
|
-
ff: value?.fontFamily ? `var(--g-font-${value.fontFamily.replace(/ /g, '-')}, '${value.fontFamily}')` : undefined,
|
|
62
|
+
ff: value?.fontFamily ? `var(--g-font-${value.fontFamily.replace(/ /g, '-')}, '${value.fontFamily}'), ${value.fallbackFontFamily}` : undefined,
|
|
63
63
|
weight: !attrs?.bold ? value?.fontWeight : undefined,
|
|
64
64
|
ls: value?.letterSpacing,
|
|
65
65
|
lh: value?.lineHeight
|
|
@@ -82,10 +82,29 @@ const composeTypographyAttr = (attrs)=>{
|
|
|
82
82
|
const composeTypographyClassName = (typo, typography)=>{
|
|
83
83
|
return typo ? typo?.type && !typo.custom ? genTypoClass(typo.type) : '' : typography?.type && genTypoClass(typography?.type);
|
|
84
84
|
};
|
|
85
|
+
const composeFallbackTypographyStyle = (tag)=>{
|
|
86
|
+
if ([
|
|
87
|
+
'heading',
|
|
88
|
+
'heading-1',
|
|
89
|
+
'heading-2',
|
|
90
|
+
'heading-3',
|
|
91
|
+
'heading-4',
|
|
92
|
+
'heading-5',
|
|
93
|
+
'heading-6'
|
|
94
|
+
].includes(tag)) {
|
|
95
|
+
return 'var(--g-font-heading, heading)';
|
|
96
|
+
}
|
|
97
|
+
return 'var(--g-font-body, body)';
|
|
98
|
+
};
|
|
85
99
|
const composeTypographyStyle = (typo, typography, disableAttr)=>{
|
|
86
100
|
if (typo) {
|
|
101
|
+
const fallbackFontFamily = composeFallbackTypographyStyle(typo.type ?? 'heading');
|
|
102
|
+
const customTypo = {
|
|
103
|
+
...typo.custom,
|
|
104
|
+
fallbackFontFamily: fallbackFontFamily
|
|
105
|
+
};
|
|
87
106
|
return {
|
|
88
|
-
...composeTypographyV2(
|
|
107
|
+
...composeTypographyV2(customTypo, typo.attrs),
|
|
89
108
|
...!disableAttr && composeTypographyAttr(typo.attrs)
|
|
90
109
|
};
|
|
91
110
|
}
|
|
@@ -94,4 +113,4 @@ const composeTypographyStyle = (typo, typography, disableAttr)=>{
|
|
|
94
113
|
};
|
|
95
114
|
};
|
|
96
115
|
|
|
97
|
-
export { composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, genTypoClass };
|
|
116
|
+
export { composeFallbackTypographyStyle, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, genTypoClass };
|
package/dist/esm/index.js
CHANGED
|
@@ -44,7 +44,7 @@ export { genVariable } from './helpers/css-variable.js';
|
|
|
44
44
|
export { composeGridLayout, convertOldLayout, gridToArrayRegex, optionLayoutStyle } from './helpers/layout.js';
|
|
45
45
|
export { isDefined } from './helpers/is-defined.js';
|
|
46
46
|
export { composeTextColorCss, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getSingleColorVariable, isColor } from './helpers/colors.js';
|
|
47
|
-
export { composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, genTypoClass } from './helpers/typography.js';
|
|
47
|
+
export { composeFallbackTypographyStyle, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, genTypoClass } from './helpers/typography.js';
|
|
48
48
|
export { composeCornerCss, composeRadius, composeRadiusResponsive, getCornerCSSFromGlobal, getCustomRadius, getRadiusCSSFromGlobal, getRadiusStyleActiveState } from './helpers/radius.js';
|
|
49
49
|
export { checkAvailableVariantInStock, getSelectedVariant, parseSelectedOption } from './helpers/product.js';
|
|
50
50
|
import * as fpixel from './helpers/tracking/fpixel.js';
|
package/dist/types/index.d.ts
CHANGED
|
@@ -2498,6 +2498,19 @@ type CustomCode = {
|
|
|
2498
2498
|
body?: Maybe<Scalars['String']>;
|
|
2499
2499
|
header?: Maybe<Scalars['String']>;
|
|
2500
2500
|
};
|
|
2501
|
+
type CustomFont = {
|
|
2502
|
+
backupFileKey?: Maybe<Scalars['String']>;
|
|
2503
|
+
backupFilePath?: Maybe<Scalars['String']>;
|
|
2504
|
+
fileKey: Scalars['String'];
|
|
2505
|
+
filePath: Scalars['String'];
|
|
2506
|
+
fontFamily: Scalars['String'];
|
|
2507
|
+
fontStyle?: Maybe<Scalars['String']>;
|
|
2508
|
+
fontWeight?: Maybe<Scalars['String']>;
|
|
2509
|
+
id: Scalars['ID'];
|
|
2510
|
+
mimeType: Scalars['String'];
|
|
2511
|
+
shopID: Scalars['String'];
|
|
2512
|
+
size: Scalars['String'];
|
|
2513
|
+
};
|
|
2501
2514
|
type Customer = {
|
|
2502
2515
|
acceptsMarketing?: Maybe<Scalars['Boolean']>;
|
|
2503
2516
|
acceptsMarketingUpdatedAt?: Maybe<Scalars['Time']>;
|
|
@@ -7008,6 +7021,7 @@ type shop_CollectionProductsArgs = CollectionProductsArgs;
|
|
|
7008
7021
|
type shop_CollectionTagWhereInput = CollectionTagWhereInput;
|
|
7009
7022
|
type shop_CollectionWhereInput = CollectionWhereInput;
|
|
7010
7023
|
type shop_CustomCode = CustomCode;
|
|
7024
|
+
type shop_CustomFont = CustomFont;
|
|
7011
7025
|
type shop_Customer = Customer;
|
|
7012
7026
|
type shop_CustomerAddress = CustomerAddress;
|
|
7013
7027
|
type shop_CustomerAddressPlatform = CustomerAddressPlatform;
|
|
@@ -7203,6 +7217,7 @@ declare namespace shop {
|
|
|
7203
7217
|
shop_CollectionTagWhereInput as CollectionTagWhereInput,
|
|
7204
7218
|
shop_CollectionWhereInput as CollectionWhereInput,
|
|
7205
7219
|
shop_CustomCode as CustomCode,
|
|
7220
|
+
shop_CustomFont as CustomFont,
|
|
7206
7221
|
shop_Customer as Customer,
|
|
7207
7222
|
shop_CustomerAddress as CustomerAddress,
|
|
7208
7223
|
shop_CustomerAddressPlatform as CustomerAddressPlatform,
|
|
@@ -7410,6 +7425,7 @@ type TypographyProps = {
|
|
|
7410
7425
|
fontFamily?: string;
|
|
7411
7426
|
lineHeight?: string;
|
|
7412
7427
|
letterSpacing?: string;
|
|
7428
|
+
fallbackFontFamily?: string;
|
|
7413
7429
|
};
|
|
7414
7430
|
type TypographyV2Props = Omit<TypographyProps, 'fontSize' | 'lineHeight'> & {
|
|
7415
7431
|
fontSize?: ObjectDevices<string>;
|
|
@@ -8103,6 +8119,7 @@ type PublishedThemePagesQueryResponse = {
|
|
|
8103
8119
|
pageStyle?: Maybe<Pick<PublishedThemeStyle, 'id' | 'data' | 'name'>>;
|
|
8104
8120
|
themePageAnalytic?: Maybe<Pick<Analytic, 'fbPixelID' | 'gaTrackingID' | 'tiktokPixelID'>>;
|
|
8105
8121
|
themePageCustomCode?: Maybe<Pick<CustomCode, 'body' | 'header'>>;
|
|
8122
|
+
themePageCustomFonts?: Maybe<Array<Maybe<CustomFont>>>;
|
|
8106
8123
|
}>>>;
|
|
8107
8124
|
};
|
|
8108
8125
|
declare const PublishedThemePagesDocument: string;
|
|
@@ -8327,6 +8344,7 @@ declare const composeTypography: (typography?: ObjectDevices<TypographyProps>) =
|
|
|
8327
8344
|
declare const composeTypographyV2: (value?: TypographyV2Props, attrs?: TypographyV2Attrs) => React.CSSProperties;
|
|
8328
8345
|
declare const composeTypographyAttr: (attrs?: TypographyV2Attrs) => React.CSSProperties;
|
|
8329
8346
|
declare const composeTypographyClassName: (typo?: TypographySettingV2, typography?: TypographySetting) => "" | "gp-g-heading-1" | "gp-g-heading-2" | "gp-g-heading-3" | "gp-g-subheading-1" | "gp-g-subheading-2" | "gp-g-subheading-3" | "gp-g-paragraph-1" | "gp-g-paragraph-2" | "gp-g-paragraph-3" | undefined;
|
|
8347
|
+
declare const composeFallbackTypographyStyle: (tag: string) => "var(--g-font-heading, heading)" | "var(--g-font-body, body)";
|
|
8330
8348
|
declare const composeTypographyStyle: (typo?: TypographySettingV2, typography?: TypographySetting, disableAttr?: boolean) => {
|
|
8331
8349
|
[x: string]: any;
|
|
8332
8350
|
'--ai'?: csstype.Property.AlignItems | undefined;
|
|
@@ -16234,4 +16252,4 @@ type PublishedThemePageSelectFragment = Pick<PublishedThemePage, 'id' | 'name' |
|
|
|
16234
16252
|
|
|
16235
16253
|
declare const getProductBySlug: (fetcher: FetchFunc, slug?: string) => Promise<ProductSelectFragment>;
|
|
16236
16254
|
|
|
16237
|
-
export { AddOn, AddonProvider, AddonProviderProps, AliReviewsWidgetType, AlignItemProp, AlignProp, AnimationBaseSetting, AnimationConfig, AnimationDirectionType, AnimationEasingType, AnimationFadeSettingType, AnimationSetting, AnimationSettingType, AnimationShakeSettingType, AnimationSlideSettingType, AnimationTrigger, AnimationTriggerType, AnimationType, AnimationZoomDirectionType, AnimationZoomSettingType, Background, BaseProps, BasePropsWrap, BlockEntity, BoldSubscriptionsWidgetType, Border, BorderStyle, BuilderComponentProvider, BuilderComponentProviderProps, BuilderEntity, BuilderEntityNested, BuilderPreviewProvider, BuilderPreviewProviderProps, BuilderProvider, BuilderProviderProps, BuilderState, Builtin, CartLineProvider, CartLineProviderProps, CollectionDetailFilterDocument, CollectionDetailFilterQueryResponse, CollectionDetailFilterQueryVariables, CollectionDocument, CollectionProvider, CollectionProviderProps, CollectionQueryResponse, CollectionQueryVariables, CollectionSelectFragment, CollectionsDocument, CollectionsQueryResponse, CollectionsQueryVariables, ColorKey, ColorType$1 as ColorType, ColorValueType, Component, ComponentPreset, ComponentSetting, ContainerProp, ControlProp, ControlTriggerAction, ControlUI, CornerRadius, CornerRadiusType, CustomComponentConfig, DeepPartial, DynamicCollection, DynamicProduct, ExtractState, FeraReviewsV3WidgetType, FeraReviewsWidgetType, FetchCollectionArgs, FetchFunc, FetchProductParams, FlexDirectionProp, FontName, GRADIENT_BGR_KEY, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, GrowaveWidgetType, HSLAColorType, HSLColorType, HexColorType, ImageShape$1 as ImageShape, InitComponentType, InstantJudgeMeReviewsWidgetType, InstantKlaviyoWidgetType, InstantLooxReviewsWidgetType, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LaiProductReviewsAdvancedWidgetType, LaiProductReviewsWidgetType, LooxReviewsWidgetType, ModalProvider, ModalProviderProps, NameDevices$1 as NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, ObjectLayoutValue, OmnisendWidgetType, OpinewDesignWidgetType, OpinewWidgetType, OptionNormalStyle, OptionSpecialStyle, Options, PageContext, PageProvider, PageProviderProps, PageType, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PickyStoryWidgetType, PreviewPageDocument, PreviewPageQueryResponse, PreviewPageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductProvider, ProductProviderProps, ProductReviewsWidgetType, ProductSelectFragment, ProductsDocument, ProductsQueryResponse, ProductsQueryVariables, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, RGBAColorType, RGBColorType, Ratio$1 as Ratio, RenderMemo as Render, RenderChildren, RenderIf, Render as RenderLiquid, RenderMode, RenderPreviewMemo as RenderPreview, RequiredCursorEdge, ResponsiveKey, ResponsiveStateProp, RivyoWidgetType, RoundedSize, RyviuWidgetType, ScaleByDirection, SectionData, SectionEntity, SectionProvider, SectionProviderProps, SettingByAnimationType, SettingByAnimationValues, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopProvider, ShopProviderProps, shop as ShopType, SizeProps, SizeSetting, SizeSettingGlobal, SizeType, SpacingType, StampedWidgetType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, TransformProp, TriggerConfig, TrustooWidgetType, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, UltimateSalesBoostWidgetType, VariantSelectFragment, VitalsWidgetType, WiserV2WidgetType, WiserWidgetType, WrapRenderChildren, YotpoReviewsWidgetType, animations, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, cls, composeAdvanceStyle, composeBackgroundCss, composeBorderCss, composeCornerCss, composeGridLayout, composeMemo, composePositionLineHeight, composePostionIconList, composeRadius, composeRadiusResponsive, composeShadowCss, composeSize, composeSizeCss, composeSpacing, composeTextColorCss, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, convertHTML, convertOldLayout, dataStringify, fetchMedias, fetchVariants, filterAttrInStyle, filterCornerInStyle, filterToolbarPreview, flattenConnection, fpixel, genSizeClass, genTypoClass, genVariable, generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey, getAspectRatioGlobalSize, getBgImageByDevice, getBorderStyle, getCarouselContainerHeight, getCollection, getCornerCSSFromGlobal, getCustomRadius, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getGlobalSizeGap, getGradientBgrStyleByDevice, getGradientBgrStyleForButton, getHeightByShapeGlobalSize, getPaddingGlobalSize, getProduct, getProductBySlug, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleShadow, getStyleShadowState, getWidthByShapeGlobalSize, getWidthHeightGlobalSize, globalEvent, gridToArrayRegex, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn, isBrowser, isColor, isColumnDirectionExist, isDefined, isEmptyChildren, isLocalEnv, isSafari, loadScript, makeAspectRatio, makeContainerWidthOrHeight, makeDotGapToCarouselStyle, makeFixedBgAttachment, makeGlobalSize, makeGlobalSizeHeightResponsive, makeGlobalSizeWidthResponsive, makeHeight, makeLineClamp, makeStyle, makeStyleKey, makeStyleResponsive, makeStyleResponsiveByScreen, makeStyleResponsiveState, makeStyleState, makeStyleWithDefault, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, parseValueWithUnit, prefetchQueries, props, removeAttrInStyle, removeNullUndefined, removePaddingYInStyle, splitStyle, styles, template, tiktokpixel, useAddToCart, useAddon, useAddons, useBuilderComponent, useBuilderPreviewStore, useBuilderStore, useCartData, useCartDiscountCodesUpdate, useCartId, useCartLine, useCartLineStore, useCartNoteUpdate, useCartUI, useCheckAvailableVariantInStock, useCheckoutUrl, useCollection, useCollectionQuery, useCollectionStore, useCollectionsQuery, useConnectedShopify, useCreateCart, useCurrency, useCurrentDevice, useCurrentVariant, useCurrentVariantInStock, useEditorMode, useFeaturedImageGlobal, useFormatMoney, useInitialSwatchesOptions, useIsSampleProduct, useIsStorefrontProduct, useIsSyncProduct, useIsomorphicLayoutEffect, useLazyVideo, useLoadScript, useLocale, useMatchMutate, useMobileOnly, useModalStore, useMoney, useMoneyFormat, usePageStore, usePageType, usePluginEnable, usePrevious, useProduct, useProductList, useProductListProducts, useProductListSettings, useProductListStore, useProductListStyles, useProductProperties, useProductQuery, useProductStore, useProductsQuery, useQuantity, useRemoveCartItem, useSection, useSectionStore, useSelectedOption, useShopStore, useStoreFront, useSuspenseFetch, useSwatches, useSwatchesOptions, useUniqProductID, useUpdateCartItem, useVariant, useVariantOutStock, useVariants, validateEmail };
|
|
16255
|
+
export { AddOn, AddonProvider, AddonProviderProps, AliReviewsWidgetType, AlignItemProp, AlignProp, AnimationBaseSetting, AnimationConfig, AnimationDirectionType, AnimationEasingType, AnimationFadeSettingType, AnimationSetting, AnimationSettingType, AnimationShakeSettingType, AnimationSlideSettingType, AnimationTrigger, AnimationTriggerType, AnimationType, AnimationZoomDirectionType, AnimationZoomSettingType, Background, BaseProps, BasePropsWrap, BlockEntity, BoldSubscriptionsWidgetType, Border, BorderStyle, BuilderComponentProvider, BuilderComponentProviderProps, BuilderEntity, BuilderEntityNested, BuilderPreviewProvider, BuilderPreviewProviderProps, BuilderProvider, BuilderProviderProps, BuilderState, Builtin, CartLineProvider, CartLineProviderProps, CollectionDetailFilterDocument, CollectionDetailFilterQueryResponse, CollectionDetailFilterQueryVariables, CollectionDocument, CollectionProvider, CollectionProviderProps, CollectionQueryResponse, CollectionQueryVariables, CollectionSelectFragment, CollectionsDocument, CollectionsQueryResponse, CollectionsQueryVariables, ColorKey, ColorType$1 as ColorType, ColorValueType, Component, ComponentPreset, ComponentSetting, ContainerProp, ControlProp, ControlTriggerAction, ControlUI, CornerRadius, CornerRadiusType, CustomComponentConfig, DeepPartial, DynamicCollection, DynamicProduct, ExtractState, FeraReviewsV3WidgetType, FeraReviewsWidgetType, FetchCollectionArgs, FetchFunc, FetchProductParams, FlexDirectionProp, FontName, GRADIENT_BGR_KEY, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, GrowaveWidgetType, HSLAColorType, HSLColorType, HexColorType, ImageShape$1 as ImageShape, InitComponentType, InstantJudgeMeReviewsWidgetType, InstantKlaviyoWidgetType, InstantLooxReviewsWidgetType, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LaiProductReviewsAdvancedWidgetType, LaiProductReviewsWidgetType, LooxReviewsWidgetType, ModalProvider, ModalProviderProps, NameDevices$1 as NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, ObjectLayoutValue, OmnisendWidgetType, OpinewDesignWidgetType, OpinewWidgetType, OptionNormalStyle, OptionSpecialStyle, Options, PageContext, PageProvider, PageProviderProps, PageType, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PickyStoryWidgetType, PreviewPageDocument, PreviewPageQueryResponse, PreviewPageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductProvider, ProductProviderProps, ProductReviewsWidgetType, ProductSelectFragment, ProductsDocument, ProductsQueryResponse, ProductsQueryVariables, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, RGBAColorType, RGBColorType, Ratio$1 as Ratio, RenderMemo as Render, RenderChildren, RenderIf, Render as RenderLiquid, RenderMode, RenderPreviewMemo as RenderPreview, RequiredCursorEdge, ResponsiveKey, ResponsiveStateProp, RivyoWidgetType, RoundedSize, RyviuWidgetType, ScaleByDirection, SectionData, SectionEntity, SectionProvider, SectionProviderProps, SettingByAnimationType, SettingByAnimationValues, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopProvider, ShopProviderProps, shop as ShopType, SizeProps, SizeSetting, SizeSettingGlobal, SizeType, SpacingType, StampedWidgetType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, TransformProp, TriggerConfig, TrustooWidgetType, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, UltimateSalesBoostWidgetType, VariantSelectFragment, VitalsWidgetType, WiserV2WidgetType, WiserWidgetType, WrapRenderChildren, YotpoReviewsWidgetType, animations, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, cls, composeAdvanceStyle, composeBackgroundCss, composeBorderCss, composeCornerCss, composeFallbackTypographyStyle, composeGridLayout, composeMemo, composePositionLineHeight, composePostionIconList, composeRadius, composeRadiusResponsive, composeShadowCss, composeSize, composeSizeCss, composeSpacing, composeTextColorCss, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, convertHTML, convertOldLayout, dataStringify, fetchMedias, fetchVariants, filterAttrInStyle, filterCornerInStyle, filterToolbarPreview, flattenConnection, fpixel, genSizeClass, genTypoClass, genVariable, generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey, getAspectRatioGlobalSize, getBgImageByDevice, getBorderStyle, getCarouselContainerHeight, getCollection, getCornerCSSFromGlobal, getCustomRadius, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getGlobalSizeGap, getGradientBgrStyleByDevice, getGradientBgrStyleForButton, getHeightByShapeGlobalSize, getPaddingGlobalSize, getProduct, getProductBySlug, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleShadow, getStyleShadowState, getWidthByShapeGlobalSize, getWidthHeightGlobalSize, globalEvent, gridToArrayRegex, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn, isBrowser, isColor, isColumnDirectionExist, isDefined, isEmptyChildren, isLocalEnv, isSafari, loadScript, makeAspectRatio, makeContainerWidthOrHeight, makeDotGapToCarouselStyle, makeFixedBgAttachment, makeGlobalSize, makeGlobalSizeHeightResponsive, makeGlobalSizeWidthResponsive, makeHeight, makeLineClamp, makeStyle, makeStyleKey, makeStyleResponsive, makeStyleResponsiveByScreen, makeStyleResponsiveState, makeStyleState, makeStyleWithDefault, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, parseValueWithUnit, prefetchQueries, props, removeAttrInStyle, removeNullUndefined, removePaddingYInStyle, splitStyle, styles, template, tiktokpixel, useAddToCart, useAddon, useAddons, useBuilderComponent, useBuilderPreviewStore, useBuilderStore, useCartData, useCartDiscountCodesUpdate, useCartId, useCartLine, useCartLineStore, useCartNoteUpdate, useCartUI, useCheckAvailableVariantInStock, useCheckoutUrl, useCollection, useCollectionQuery, useCollectionStore, useCollectionsQuery, useConnectedShopify, useCreateCart, useCurrency, useCurrentDevice, useCurrentVariant, useCurrentVariantInStock, useEditorMode, useFeaturedImageGlobal, useFormatMoney, useInitialSwatchesOptions, useIsSampleProduct, useIsStorefrontProduct, useIsSyncProduct, useIsomorphicLayoutEffect, useLazyVideo, useLoadScript, useLocale, useMatchMutate, useMobileOnly, useModalStore, useMoney, useMoneyFormat, usePageStore, usePageType, usePluginEnable, usePrevious, useProduct, useProductList, useProductListProducts, useProductListSettings, useProductListStore, useProductListStyles, useProductProperties, useProductQuery, useProductStore, useProductsQuery, useQuantity, useRemoveCartItem, useSection, useSectionStore, useSelectedOption, useShopStore, useStoreFront, useSuspenseFetch, useSwatches, useSwatchesOptions, useUniqProductID, useUpdateCartItem, useVariant, useVariantOutStock, useVariants, validateEmail };
|