@gem-sdk/core 1.47.0 → 1.48.0-dev.0

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 (40) hide show
  1. package/dist/cjs/components/ComponentToolbarPreview.js +114 -100
  2. package/dist/cjs/components/ComponentWrapperPreview.js +16 -2
  3. package/dist/cjs/components/InteractionSuffix.js +107 -0
  4. package/dist/cjs/components/Render.liquid.js +21 -6
  5. package/dist/cjs/components/RenderPreview.js +1 -0
  6. package/dist/cjs/components/constant.js +2 -1
  7. package/dist/cjs/contexts/PageContext.js +29 -1
  8. package/dist/cjs/contexts/SectionContext.js +0 -1
  9. package/dist/cjs/helpers/align.js +19 -0
  10. package/dist/cjs/helpers/colors.js +1 -1
  11. package/dist/cjs/helpers/shadow.js +1 -1
  12. package/dist/cjs/helpers/third-party/appConfig.js +14 -0
  13. package/dist/cjs/helpers/third-party/appSetting.js +22 -0
  14. package/dist/cjs/helpers/third-party/constant.js +3 -1
  15. package/dist/cjs/hooks/animation/useApplyAnimation.js +1 -0
  16. package/dist/cjs/hooks/useFormatMoney.js +61 -60
  17. package/dist/cjs/hooks/useInteraction.js +19 -0
  18. package/dist/cjs/index.js +12 -0
  19. package/dist/cjs/types/custom.js +44 -0
  20. package/dist/esm/components/ComponentToolbarPreview.js +114 -100
  21. package/dist/esm/components/ComponentWrapperPreview.js +16 -2
  22. package/dist/esm/components/InteractionSuffix.js +105 -0
  23. package/dist/esm/components/Render.liquid.js +21 -6
  24. package/dist/esm/components/RenderPreview.js +1 -0
  25. package/dist/esm/components/constant.js +2 -1
  26. package/dist/esm/contexts/PageContext.js +29 -1
  27. package/dist/esm/contexts/SectionContext.js +0 -1
  28. package/dist/esm/helpers/align.js +17 -0
  29. package/dist/esm/helpers/colors.js +1 -1
  30. package/dist/esm/helpers/shadow.js +1 -1
  31. package/dist/esm/helpers/third-party/appConfig.js +13 -1
  32. package/dist/esm/helpers/third-party/appSetting.js +22 -0
  33. package/dist/esm/helpers/third-party/constant.js +4 -2
  34. package/dist/esm/hooks/animation/useApplyAnimation.js +1 -0
  35. package/dist/esm/hooks/useFormatMoney.js +61 -61
  36. package/dist/esm/hooks/useInteraction.js +17 -0
  37. package/dist/esm/index.js +3 -1
  38. package/dist/esm/types/custom.js +44 -0
  39. package/dist/types/index.d.ts +168 -3
  40. package/package.json +3 -3
@@ -6832,6 +6832,7 @@ type ImageShape$1 = {
6832
6832
  type SizeSettingGlobal = {
6833
6833
  shape?: 'square' | 'vertical' | 'horizontal' | 'custom' | 'original';
6834
6834
  shapeLinked?: boolean;
6835
+ disableShapeLinked?: boolean;
6835
6836
  shapeValue?: string;
6836
6837
  widthHeightLinked?: boolean;
6837
6838
  padding?: {
@@ -7227,6 +7228,7 @@ type PositionControlType<T> = SharedControlType<T> & {
7227
7228
 
7228
7229
  type PositionSquareControlType<T> = SharedControlType<T> & {
7229
7230
  type: 'position:square';
7231
+ ignoreValue?: string[];
7230
7232
  };
7231
7233
 
7232
7234
  type RadioGroupControlType = {
@@ -7246,7 +7248,6 @@ type RangeControlType<T> = SharedControlType<T> & {
7246
7248
  units?: string[];
7247
7249
  disableOnChange?: boolean;
7248
7250
  useOnlyUnitInit?: boolean;
7249
- ignoreMax?: boolean;
7250
7251
  hideUnit?: boolean;
7251
7252
  hideInput?: boolean;
7252
7253
  } & OnlyOne<{
@@ -7383,6 +7384,8 @@ type TextareaControlType<T> = SharedControlType<T> & {
7383
7384
  minHeight?: number;
7384
7385
  maxWidth?: number;
7385
7386
  autoHeight?: boolean;
7387
+ defaultRows?: number;
7388
+ showPlusBtn?: boolean;
7386
7389
  suggestContents?: {
7387
7390
  message: string;
7388
7391
  eg?: string;
@@ -7434,6 +7437,7 @@ type BehaviorStateControlType<T> = {
7434
7437
  type BoxShadowControlType<T> = SharedControlType<T> & {
7435
7438
  id?: string;
7436
7439
  type: 'boxShadow';
7440
+ hideOptions?: string[];
7437
7441
  popup?: boolean;
7438
7442
  };
7439
7443
 
@@ -7819,6 +7823,8 @@ type SizeSetting$1<T> = SharedControlType<T> & {
7819
7823
  hiddenShowMore?: boolean;
7820
7824
  sizePaddingInput?: 'normal' | 'small';
7821
7825
  lockShapeValue?: boolean;
7826
+ isShowResponsive?: boolean;
7827
+ disableShapeLinkedTooltip?: string;
7822
7828
  };
7823
7829
 
7824
7830
  type ChildIconType<T> = SharedControlType<T> & {
@@ -7859,6 +7865,7 @@ type ParallaxScrollingType<T> = SharedControlType<T> & {
7859
7865
 
7860
7866
  type BackgroundColorPickerType<T> = SharedControlType<T> & {
7861
7867
  type: 'background-color-picker';
7868
+ mode?: 'both' | 'solid' | 'gradient';
7862
7869
  popup?: boolean;
7863
7870
  readonly?: boolean;
7864
7871
  };
@@ -8014,7 +8021,39 @@ type ButtonLayoutType<T> = SharedControlType<T> & {
8014
8021
  }[];
8015
8022
  };
8016
8023
 
8017
- type ControlProp<T> = AngleControlType<T> | CheckboxControlType<T> | ColorPickerControlType<T> | GroupControlType<T> | IconControlType<T> | InputFixContentControlType<T> | InputNumberControlType<T> | InputUnitControlType<T> | InputUnitSpacingControlType<T> | InputUnitWidthControlType<T> | InputControlType<T> | MarginControlType<T> | PaddingControlType<T> | PositionControlType<T> | RadioGroupControlType | RangeControlType<T> | SegmentControlType<T> | OpenLinkControlType<T> | SelectControlType<T> | TextareaControlType<T> | ToggleControlType<T> | ImageControlType<T> | ChildrensControlType | GridControlType<T> | FlexControlType<T> | TextEditorControlType<T> | ProductControlType<T> | TypographyControlType<T> | TypographyV2ControlType<T> | MenuControlType<T> | BehaviorStateControlType<T> | PickLinkControlType<T> | BoxShadowControlType<T> | TextShadowControlType<T> | BorderControlType<T> | BorderRadiusControlType<T> | RadiusPresetControlType<T> | SizeControlType<T> | ChildItemType<T> | PickMultiProductControlType<T> | CollectionControlType<T> | BackgroundControlType<T> | VisibilityControlType<T> | SelectVariantControlType | CountdownEvergreenType | Timezone<T> | CustomContentControlType<T> | DateTimePickerControlType | CountdownDailyType | KlaviyoCodes | YotpoLoyaltyCodes | InputWidthControlType<T> | LayoutSegmentControlType<T> | InputSpacing<T> | UniqueIdControlType<T> | PositionSquareControlType<T> | CustomCodeEditor | LayoutControlType<T> | LayoutBannerControlType<T> | SwatchesLinkControlType<T> | VariantSwatchesPresetControlType<T> | VariantSwatchesOnlyDefaultVariantControlType<T> | ProductListControlType<T> | ArticleListControlType<T> | CollectionBannerControlType<T> | Ratio<T> | StickyDisplayControlType<T> | SyncProductPropertiesControlType<T> | StepsGuide<T> | ImageShape<T> | GridArrange<T> | SizeSetting$1<T> | ChildIconType<T> | DropdownInput<T> | Dropdown<T> | AliPickSectionControlType<T> | ParallaxScrollingType<T> | BackgroundColorPickerType<T> | PlayPauseControlType<T> | LayoutCustomSegmentControlType<T> | SneakPeakRange<T> | SneakPeakTypeControlType<T> | SneakPeakControlType<T> | ProductInputCurrencyUnitControlType<T> | TypographyPostPurchaseControlType<T> | ProductOffersControlType<T> | DiscountAndShippingFee<T> | PostPurchaseTextareaControlType<T> | NotesControlType<T> | ButtonLayoutType<T>;
8024
+ type ShapeSelectorControlType<T> = SharedControlType<T> & {
8025
+ type: 'shape-selector';
8026
+ };
8027
+
8028
+ type DisplayTriggerControlType<T> = SharedControlType<T> & {
8029
+ type: 'display-trigger-badge';
8030
+ };
8031
+
8032
+ type CustomPositionControlType<T> = SharedControlType<T> & {
8033
+ type: 'custom-position';
8034
+ ignoreValue?: string[];
8035
+ topGap?: string;
8036
+ leftGap?: string;
8037
+ rightGap?: string;
8038
+ bottomGap?: string;
8039
+ };
8040
+
8041
+ type DealControlType<T> = SharedControlType<T> & {
8042
+ type: 'bundleItem';
8043
+ readonly?: boolean;
8044
+ };
8045
+
8046
+ type ProductBundleChildControlType<T> = SharedControlType<T> & {
8047
+ type: 'product-bundle-child-item';
8048
+ [key: string]: any;
8049
+ };
8050
+ type SelectProductBundleControlType<T> = SharedControlType<T> & {
8051
+ type: 'select-product-bundle';
8052
+ label?: string;
8053
+ hide?: boolean;
8054
+ };
8055
+
8056
+ type ControlProp<T> = ProductBundleChildControlType<T> | SelectProductBundleControlType<T> | AngleControlType<T> | CheckboxControlType<T> | ColorPickerControlType<T> | GroupControlType<T> | IconControlType<T> | InputFixContentControlType<T> | InputNumberControlType<T> | InputUnitControlType<T> | InputUnitSpacingControlType<T> | InputUnitWidthControlType<T> | InputControlType<T> | MarginControlType<T> | PaddingControlType<T> | PositionControlType<T> | RadioGroupControlType | RangeControlType<T> | SegmentControlType<T> | OpenLinkControlType<T> | SelectControlType<T> | TextareaControlType<T> | ToggleControlType<T> | ImageControlType<T> | ChildrensControlType | GridControlType<T> | FlexControlType<T> | TextEditorControlType<T> | ProductControlType<T> | TypographyControlType<T> | TypographyV2ControlType<T> | MenuControlType<T> | BehaviorStateControlType<T> | PickLinkControlType<T> | BoxShadowControlType<T> | TextShadowControlType<T> | BorderControlType<T> | BorderRadiusControlType<T> | RadiusPresetControlType<T> | SizeControlType<T> | ChildItemType<T> | PickMultiProductControlType<T> | CollectionControlType<T> | BackgroundControlType<T> | VisibilityControlType<T> | SelectVariantControlType | CountdownEvergreenType | Timezone<T> | CustomContentControlType<T> | DateTimePickerControlType | CountdownDailyType | KlaviyoCodes | YotpoLoyaltyCodes | InputWidthControlType<T> | LayoutSegmentControlType<T> | InputSpacing<T> | UniqueIdControlType<T> | PositionSquareControlType<T> | CustomCodeEditor | LayoutControlType<T> | LayoutBannerControlType<T> | SwatchesLinkControlType<T> | VariantSwatchesPresetControlType<T> | VariantSwatchesOnlyDefaultVariantControlType<T> | ProductListControlType<T> | ArticleListControlType<T> | CollectionBannerControlType<T> | Ratio<T> | StickyDisplayControlType<T> | SyncProductPropertiesControlType<T> | StepsGuide<T> | ImageShape<T> | GridArrange<T> | SizeSetting$1<T> | ChildIconType<T> | DropdownInput<T> | Dropdown<T> | AliPickSectionControlType<T> | ParallaxScrollingType<T> | BackgroundColorPickerType<T> | PlayPauseControlType<T> | LayoutCustomSegmentControlType<T> | SneakPeakRange<T> | SneakPeakTypeControlType<T> | SneakPeakControlType<T> | ProductInputCurrencyUnitControlType<T> | TypographyPostPurchaseControlType<T> | ProductOffersControlType<T> | DiscountAndShippingFee<T> | PostPurchaseTextareaControlType<T> | NotesControlType<T> | ButtonLayoutType<T> | ShapeSelectorControlType<T> | CustomPositionControlType<T> | SneakPeakControlType<T> | PostPurchaseTextareaControlType<T> | DealControlType<T> | DisplayTriggerControlType<T>;
8018
8057
  type ControlTriggerAction = {
8019
8058
  controlId: string;
8020
8059
  newValue?: any;
@@ -8070,6 +8109,7 @@ type ComponentSetting<P extends BaseProps> = {
8070
8109
  flowPage?: string;
8071
8110
  notAppendTags?: string[];
8072
8111
  notAppendLeftRight?: boolean;
8112
+ allowAppendTags?: string[];
8073
8113
  };
8074
8114
  sideBar?: {
8075
8115
  hide?: boolean;
@@ -8198,6 +8238,75 @@ type PublicStoreFrontData = {
8198
8238
  token?: string;
8199
8239
  endpoint?: string;
8200
8240
  };
8241
+ type InteractionElement<E, T> = {
8242
+ uid?: string;
8243
+ event?: E;
8244
+ condition?: T;
8245
+ elementTag?: string;
8246
+ targetOutsideSelector?: string;
8247
+ targetInsideSelector?: string;
8248
+ };
8249
+ declare enum InteractionTargetEvent {
8250
+ 'gp:change-background-color' = 0,
8251
+ 'gp:run-animation' = 1,
8252
+ 'gp:toggle-element-visibility' = 2,
8253
+ 'gp:change-text' = 3,
8254
+ 'gp:scroll-to' = 4,
8255
+ 'gp:change-text-style' = 5,
8256
+ 'gp:change-content' = 6,
8257
+ 'gp:change-button-style' = 7,
8258
+ 'gp:copy-text' = 8,
8259
+ 'gp:change-image' = 9,
8260
+ 'gp:toggle-video-play' = 10,
8261
+ 'gp:change-slider-ratio' = 11,
8262
+ 'gp:change-icon-style' = 12,
8263
+ 'gp:change-expanded-item' = 13,
8264
+ 'gp:change-active-item' = 14,
8265
+ 'gp:change-slide' = 15,
8266
+ 'gp:change-image-step' = 16,
8267
+ 'gp:change-text-value' = 17,
8268
+ 'gp:toggle-popup-open' = 18,
8269
+ 'gp:show-or-hide' = 19
8270
+ }
8271
+ declare enum InteractionTriggerEvent {
8272
+ 'click' = 0,
8273
+ active = 1,
8274
+ 'mouseover' = 2,
8275
+ 'gp:appear' = 3,
8276
+ 'gp:item-selected' = 4,
8277
+ 'gp:item-unselected' = 5,
8278
+ 'gp:item-hovered' = 6,
8279
+ 'gp:item-click' = 7,
8280
+ 'gp:after-submit' = 8,
8281
+ 'gp:quantity-change' = 9,
8282
+ 'gp:after-checked-value' = 10,
8283
+ 'gp:after-add-to-cart' = 11,
8284
+ 'gp:popup-open' = 12,
8285
+ 'gp:popup-close' = 13,
8286
+ 'scroll-up' = 14,
8287
+ 'scroll-down' = 15
8288
+ }
8289
+ type InteractionCondition = {
8290
+ type?: 'equal' | 'greater' | 'less' | 'greater-or-equal' | 'less-or-equal' | 'distance-to-top' | 'selected-item' | 'between' | 'out-of-stock' | 'out-of-time' | 'delay';
8291
+ data?: unknown;
8292
+ metaData?: any;
8293
+ };
8294
+ type Interaction = {
8295
+ self?: InteractionElement<InteractionTriggerEvent, InteractionCondition>;
8296
+ targets?: InteractionTarget[];
8297
+ };
8298
+ type InteractionTarget = {
8299
+ uid?: string;
8300
+ elementTag?: string;
8301
+ targetOutsideSelector?: string;
8302
+ targetInsideSelector?: string;
8303
+ events?: InteractionTargetEventObject[];
8304
+ };
8305
+ type InteractionTargetEventObject = {
8306
+ event: InteractionTargetEvent;
8307
+ eventName: string;
8308
+ condition: InteractionCondition;
8309
+ };
8201
8310
 
8202
8311
  type Maybe<T> = T | undefined;
8203
8312
  type InputMaybe<T> = T | undefined;
@@ -28839,11 +28948,19 @@ type PageContextProps = {
28839
28948
  productOffers?: ProductOffer[];
28840
28949
  salePageProductId?: string;
28841
28950
  publicStoreFrontData?: PublicStoreFrontData | null;
28951
+ interactionData?: {
28952
+ item?: Interaction;
28953
+ isSelectOnPage?: boolean;
28954
+ selectType?: 'element' | 'page';
28955
+ };
28842
28956
  setDynamicProduct: (data: DynamicProduct) => void;
28843
28957
  setDynamicCollection: (data: DynamicCollection) => void;
28844
28958
  setPostPurchaseProductOffers: (productOffers: ProductOffer[]) => void;
28845
28959
  setSalePageProductId: (id: string) => void;
28846
28960
  setPublicStoreFrontData: (publicStoreFrontData: PublicStoreFrontData | null) => void;
28961
+ setInteractionItem: (item: Interaction) => void;
28962
+ setInteractionIsSelectOnPage: (value: boolean) => void;
28963
+ setInteractionSelectType: (selectType: 'element' | 'page') => void;
28847
28964
  };
28848
28965
  type PageProviderProps = Pick<PageContextProps, 'dynamicProduct' | 'dynamicCollection' | 'productOffers'> & {
28849
28966
  children: React.ReactNode;
@@ -30128,6 +30245,15 @@ declare const filterAttrInStyle: (style?: React.CSSProperties, filterKeys?: stri
30128
30245
  '--z-mobile'?: csstype.Property.ZIndex | undefined;
30129
30246
  '--hvr-z-mobile'?: csstype.Property.ZIndex | undefined;
30130
30247
  '--focus-z-mobile'?: csstype.Property.ZIndex | undefined;
30248
+ '--wm'?: csstype.Property.WritingMode | undefined;
30249
+ '--hvr-wm'?: csstype.Property.WritingMode | undefined;
30250
+ '--focus-wm'?: csstype.Property.WritingMode | undefined;
30251
+ '--wm-tablet'?: csstype.Property.WritingMode | undefined;
30252
+ '--hvr-wm-tablet'?: csstype.Property.WritingMode | undefined;
30253
+ '--focus-wm-tablet'?: csstype.Property.WritingMode | undefined;
30254
+ '--wm-mobile'?: csstype.Property.WritingMode | undefined;
30255
+ '--hvr-wm-mobile'?: csstype.Property.WritingMode | undefined;
30256
+ '--focus-wm-mobile'?: csstype.Property.WritingMode | undefined;
30131
30257
  accentColor?: csstype.Property.AccentColor | undefined;
30132
30258
  alignContent?: csstype.Property.AlignContent | undefined;
30133
30259
  alignItems?: csstype.Property.AlignItems | undefined;
@@ -31623,6 +31749,15 @@ declare const removeAttrInStyle: (style?: React.CSSProperties, filterKeys?: stri
31623
31749
  '--z-mobile'?: csstype.Property.ZIndex | undefined;
31624
31750
  '--hvr-z-mobile'?: csstype.Property.ZIndex | undefined;
31625
31751
  '--focus-z-mobile'?: csstype.Property.ZIndex | undefined;
31752
+ '--wm'?: csstype.Property.WritingMode | undefined;
31753
+ '--hvr-wm'?: csstype.Property.WritingMode | undefined;
31754
+ '--focus-wm'?: csstype.Property.WritingMode | undefined;
31755
+ '--wm-tablet'?: csstype.Property.WritingMode | undefined;
31756
+ '--hvr-wm-tablet'?: csstype.Property.WritingMode | undefined;
31757
+ '--focus-wm-tablet'?: csstype.Property.WritingMode | undefined;
31758
+ '--wm-mobile'?: csstype.Property.WritingMode | undefined;
31759
+ '--hvr-wm-mobile'?: csstype.Property.WritingMode | undefined;
31760
+ '--focus-wm-mobile'?: csstype.Property.WritingMode | undefined;
31626
31761
  accentColor?: csstype.Property.AccentColor | undefined;
31627
31762
  alignContent?: csstype.Property.AlignContent | undefined;
31628
31763
  alignItems?: csstype.Property.AlignItems | undefined;
@@ -33118,6 +33253,15 @@ declare const filterCornerInStyle: (style?: React.CSSProperties) => {
33118
33253
  '--z-mobile'?: csstype.Property.ZIndex | undefined;
33119
33254
  '--hvr-z-mobile'?: csstype.Property.ZIndex | undefined;
33120
33255
  '--focus-z-mobile'?: csstype.Property.ZIndex | undefined;
33256
+ '--wm'?: csstype.Property.WritingMode | undefined;
33257
+ '--hvr-wm'?: csstype.Property.WritingMode | undefined;
33258
+ '--focus-wm'?: csstype.Property.WritingMode | undefined;
33259
+ '--wm-tablet'?: csstype.Property.WritingMode | undefined;
33260
+ '--hvr-wm-tablet'?: csstype.Property.WritingMode | undefined;
33261
+ '--focus-wm-tablet'?: csstype.Property.WritingMode | undefined;
33262
+ '--wm-mobile'?: csstype.Property.WritingMode | undefined;
33263
+ '--hvr-wm-mobile'?: csstype.Property.WritingMode | undefined;
33264
+ '--focus-wm-mobile'?: csstype.Property.WritingMode | undefined;
33121
33265
  accentColor?: csstype.Property.AccentColor | undefined;
33122
33266
  alignContent?: csstype.Property.AlignContent | undefined;
33123
33267
  alignItems?: csstype.Property.AlignItems | undefined;
@@ -34613,6 +34757,15 @@ declare const removePaddingYInStyle: (style?: React.CSSProperties) => {
34613
34757
  '--z-mobile'?: csstype.Property.ZIndex | undefined;
34614
34758
  '--hvr-z-mobile'?: csstype.Property.ZIndex | undefined;
34615
34759
  '--focus-z-mobile'?: csstype.Property.ZIndex | undefined;
34760
+ '--wm'?: csstype.Property.WritingMode | undefined;
34761
+ '--hvr-wm'?: csstype.Property.WritingMode | undefined;
34762
+ '--focus-wm'?: csstype.Property.WritingMode | undefined;
34763
+ '--wm-tablet'?: csstype.Property.WritingMode | undefined;
34764
+ '--hvr-wm-tablet'?: csstype.Property.WritingMode | undefined;
34765
+ '--focus-wm-tablet'?: csstype.Property.WritingMode | undefined;
34766
+ '--wm-mobile'?: csstype.Property.WritingMode | undefined;
34767
+ '--hvr-wm-mobile'?: csstype.Property.WritingMode | undefined;
34768
+ '--focus-wm-mobile'?: csstype.Property.WritingMode | undefined;
34616
34769
  accentColor?: csstype.Property.AccentColor | undefined;
34617
34770
  alignContent?: csstype.Property.AlignContent | undefined;
34618
34771
  alignItems?: csstype.Property.AlignItems | undefined;
@@ -35448,6 +35601,8 @@ declare const optionLayoutStyle: (column?: ObjectDevices<string | number>) => Re
35448
35601
  declare const composeGridLayout: (layout?: ObjectDevices<ObjectLayoutValue>) => React.CSSProperties;
35449
35602
  declare const convertOldLayout: (layout?: ObjectDevices<string>) => ObjectDevices<ObjectLayoutValue>;
35450
35603
 
35604
+ declare const convertTextAlignToJustify: (align: Partial<Record<NameDevices$1, AlignProp>> | undefined) => Record<string, boolean>;
35605
+
35451
35606
  declare function getSelectedVariant(variants?: Maybe$1<VariantSelectFragment>[], choices?: Record<string, string>, variantId?: string | null): Maybe$1<VariantSelectFragment>;
35452
35607
  declare function parseSelectedOption(options: SelectedOption$1[]): SelectedOption$1 | undefined;
35453
35608
  declare function checkAvailableVariantInStock(variants: Maybe$1<VariantSelectFragment>[] | undefined, optionId: string, optionValue: string): boolean;
@@ -36246,6 +36401,15 @@ declare const composeTypographyStyle: (typo?: TypographySettingV2, typography?:
36246
36401
  '--z-mobile'?: csstype.Property.ZIndex | undefined;
36247
36402
  '--hvr-z-mobile'?: csstype.Property.ZIndex | undefined;
36248
36403
  '--focus-z-mobile'?: csstype.Property.ZIndex | undefined;
36404
+ '--wm'?: csstype.Property.WritingMode | undefined;
36405
+ '--hvr-wm'?: csstype.Property.WritingMode | undefined;
36406
+ '--focus-wm'?: csstype.Property.WritingMode | undefined;
36407
+ '--wm-tablet'?: csstype.Property.WritingMode | undefined;
36408
+ '--hvr-wm-tablet'?: csstype.Property.WritingMode | undefined;
36409
+ '--focus-wm-tablet'?: csstype.Property.WritingMode | undefined;
36410
+ '--wm-mobile'?: csstype.Property.WritingMode | undefined;
36411
+ '--hvr-wm-mobile'?: csstype.Property.WritingMode | undefined;
36412
+ '--focus-wm-mobile'?: csstype.Property.WritingMode | undefined;
36249
36413
  accentColor?: csstype.Property.AccentColor | undefined;
36250
36414
  alignContent?: csstype.Property.AlignContent | undefined;
36251
36415
  alignItems?: csstype.Property.AlignItems | undefined;
@@ -37144,6 +37308,7 @@ declare const useProductsQueryAll: (variable?: VariableRelatedStyles | undefined
37144
37308
  declare const useCurrentDevice: () => NameDevices$1;
37145
37309
 
37146
37310
  declare const shopifyPriceRounding: (amount: number | string, precision?: number) => string;
37311
+ declare const formatMoney: (cents: string, format: any) => string;
37147
37312
  declare const useFormatMoney: (amount: number, withCurrency: boolean) => string;
37148
37313
 
37149
37314
  declare const useLazyVideo: () => void;
@@ -37378,4 +37543,4 @@ declare const getAppBlocks: (section: PublishedPageSection$1 & {
37378
37543
 
37379
37544
  declare const addAppBlockId: (component: Component) => Component;
37380
37545
 
37381
- export { AddOn, AddonProvider, AddonProviderProps, AdvancedType, AliReviewsWidgetType, AlignItemProp, AlignProp, AnimationBaseSetting, AnimationConfig, AnimationDirectionType, AnimationEasingType, AnimationFadeSettingType, AnimationSetting, AnimationSettingType, AnimationShakeSettingType, AnimationSlideSettingType, AnimationTrigger, AnimationTriggerType, AnimationType, AnimationZoomDirectionType, AnimationZoomSettingType, appAPI as AppAPIType, ArticleListProvider, ArticleListProviderProps, ArticleProvider, ArticleProviderProps, Background, BaseProps, BasePropsWrap, BlockEntity, BogosWidgetType, 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, LibrarySaleFunnelDocument, LibrarySaleFunnelQueryResponse, LibrarySaleFunnelQueryVariables, LibraryTemplateDocument, LibraryTemplateQueryResponse, LibraryTemplateQueryVariables, LooxReviewsWidgetType, ModalProvider, ModalProviderProps, NameDevices$1 as NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, ObjectLayoutValue, OmnisendWidgetType, OnlyOne, OpinewDesignWidgetType, OpinewWidgetType, OptionNormalStyle, OptionSpecialStyle, Options, PageContext, PageProvider, PageProviderProps, PageType, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PickyStoryWidgetType, PostPurchaseTypo, PreviewPageDocument, PreviewPageQueryResponse, PreviewPageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductOffer, ProductProvider, ProductProviderProps, ProductReviewsWidgetType, ProductSelectFragment, ProductsDocument, ProductsQueryResponse, ProductsQueryVariables, PublicStoreFrontData, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, RGBAColorType, RGBColorType, Ratio$1 as Ratio, RawChild, RenderMemo as Render, RenderChildren, RenderIf, Render as RenderLiquid, RenderMode, RenderPreviewMemo as RenderPreview, RequiredCursorEdge, ResponsiveKey, ResponsiveStateProp, RivyoWidgetType, RoundedSize, RyviuWidgetType, SaleFunnelDiscount$1 as SaleFunnelDiscount, SaleFunnelDiscountEdge$1 as SaleFunnelDiscountEdge, SaleFunnelDiscountObjectType$1 as SaleFunnelDiscountObjectType, SaleFunnelDiscountType$1 as SaleFunnelDiscountType, SaleFunnelDiscountValueType$1 as SaleFunnelDiscountValueType, SaleFunnelDiscountsDocument, SaleFunnelDiscountsQueryResponse, SaleFunnelDiscountsQueryVariables, Scalars$1 as Scalars, 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, ThemePageDocument, ThemePageQueryResponse, ThemePageQueryVariables, ThemeSectionStatus$1 as ThemeSectionStatus, TransformProp, TriggerConfig, TrustooWidgetType, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, UltimateSalesBoostWidgetType, VariantSelectFragment, VitalsWidgetType, WiserV2WidgetType, WiserWidgetType, WrapRenderChildren, YotpoReviewsWidgetType, addAppBlockId, animations, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, cls, composeAdvanceStyle, composeAdvanceStyleForPostPurchase, composeBackgroundCss, composeBorderCss, composeCornerCss, composeFallbackTypographyStyle, composeFontFamilyTypographyV2, 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, getAppBlocks, getAspectRatioGlobalSize, getBgImageByDevice, getBorderRadiusStyle, 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, getStyleBgColor, getStyleShadow, getStyleShadowState, getValueByDevice, getWidthByShapeGlobalSize, getWidthHeightGlobalSize, globalEvent, gridToArrayRegex, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn, isBrowser, isColor, isColumnDirectionExist, isDefined, isEmptyChildren, isLocalEnv, isSafari, loadScript, makeAspectRatio, makeContainerWidthOrHeight, makeDotGapToCarouselStyle, makeFixedBgAttachment, makeGlobalSize, makeGlobalSizeHeightResponsive, makeGlobalSizeIcon, makeGlobalSizeWidthResponsive, makeHeight, makeLineClamp, makeStyle, makeStyleKey, makeStyleResponsive, makeStyleResponsiveByScreen, makeStyleResponsiveState, makeStyleState, makeStyleWithDefault, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, parseValueWithUnit, prefetchQueries, props, removeAttrInStyle, removeNullUndefined, removePaddingYInStyle, removeUndefinedValuesFromObject, shopifyPriceRounding, splitStyle, styles, template, tiktokpixel, useAddToCart, useAddon, useAddons, useArticleListStore, useArticleStore, useArticlesQuery, useBlogsQuery, 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, useProductOfferDiscount, useProductProperties, useProductQuery, useProductStore, useProductsQuery, useProductsQueryAll, useQuantity, useRemoveCartItem, useSection, useSectionStore, useSelectedOption, useShopStore, useStoreFront, useSuspenseFetch, useSwatches, useSwatchesOptions, useUniqProductID, useUpdateCartItem, useVariant, useVariantOutStock, useVariants, validateEmail };
37546
+ export { AddOn, AddonProvider, AddonProviderProps, AdvancedType, AliReviewsWidgetType, AlignItemProp, AlignProp, AnimationBaseSetting, AnimationConfig, AnimationDirectionType, AnimationEasingType, AnimationFadeSettingType, AnimationSetting, AnimationSettingType, AnimationShakeSettingType, AnimationSlideSettingType, AnimationTrigger, AnimationTriggerType, AnimationType, AnimationZoomDirectionType, AnimationZoomSettingType, appAPI as AppAPIType, ArticleListProvider, ArticleListProviderProps, ArticleProvider, ArticleProviderProps, Background, BaseProps, BasePropsWrap, BlockEntity, BogosWidgetType, 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, Interaction, InteractionCondition, InteractionElement, InteractionTarget, InteractionTargetEvent, InteractionTargetEventObject, InteractionTriggerEvent, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LaiProductReviewsAdvancedWidgetType, LaiProductReviewsWidgetType, LibrarySaleFunnelDocument, LibrarySaleFunnelQueryResponse, LibrarySaleFunnelQueryVariables, LibraryTemplateDocument, LibraryTemplateQueryResponse, LibraryTemplateQueryVariables, LooxReviewsWidgetType, ModalProvider, ModalProviderProps, NameDevices$1 as NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, ObjectLayoutValue, OmnisendWidgetType, OnlyOne, OpinewDesignWidgetType, OpinewWidgetType, OptionNormalStyle, OptionSpecialStyle, Options, PageContext, PageProvider, PageProviderProps, PageType, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PickyStoryWidgetType, PostPurchaseTypo, PreviewPageDocument, PreviewPageQueryResponse, PreviewPageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductOffer, ProductProvider, ProductProviderProps, ProductReviewsWidgetType, ProductSelectFragment, ProductsDocument, ProductsQueryResponse, ProductsQueryVariables, PublicStoreFrontData, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, RGBAColorType, RGBColorType, Ratio$1 as Ratio, RawChild, RenderMemo as Render, RenderChildren, RenderIf, Render as RenderLiquid, RenderMode, RenderPreviewMemo as RenderPreview, RequiredCursorEdge, ResponsiveKey, ResponsiveStateProp, RivyoWidgetType, RoundedSize, RyviuWidgetType, SaleFunnelDiscount$1 as SaleFunnelDiscount, SaleFunnelDiscountEdge$1 as SaleFunnelDiscountEdge, SaleFunnelDiscountObjectType$1 as SaleFunnelDiscountObjectType, SaleFunnelDiscountType$1 as SaleFunnelDiscountType, SaleFunnelDiscountValueType$1 as SaleFunnelDiscountValueType, SaleFunnelDiscountsDocument, SaleFunnelDiscountsQueryResponse, SaleFunnelDiscountsQueryVariables, Scalars$1 as Scalars, 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, ThemePageDocument, ThemePageQueryResponse, ThemePageQueryVariables, ThemeSectionStatus$1 as ThemeSectionStatus, TransformProp, TriggerConfig, TrustooWidgetType, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, UltimateSalesBoostWidgetType, VariantSelectFragment, VitalsWidgetType, WiserV2WidgetType, WiserWidgetType, WrapRenderChildren, YotpoReviewsWidgetType, addAppBlockId, animations, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, cls, composeAdvanceStyle, composeAdvanceStyleForPostPurchase, composeBackgroundCss, composeBorderCss, composeCornerCss, composeFallbackTypographyStyle, composeFontFamilyTypographyV2, composeGridLayout, composeMemo, composePositionLineHeight, composePostionIconList, composeRadius, composeRadiusResponsive, composeShadowCss, composeSize, composeSizeCss, composeSpacing, composeTextColorCss, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, convertHTML, convertOldLayout, convertTextAlignToJustify, dataStringify, fetchMedias, fetchVariants, filterAttrInStyle, filterCornerInStyle, filterToolbarPreview, flattenConnection, formatMoney, fpixel, genSizeClass, genTypoClass, genVariable, generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey, getAppBlocks, getAspectRatioGlobalSize, getBgImageByDevice, getBorderRadiusStyle, 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, getStyleBgColor, getStyleShadow, getStyleShadowState, getValueByDevice, getWidthByShapeGlobalSize, getWidthHeightGlobalSize, globalEvent, gridToArrayRegex, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn, isBrowser, isColor, isColumnDirectionExist, isDefined, isEmptyChildren, isLocalEnv, isSafari, loadScript, makeAspectRatio, makeContainerWidthOrHeight, makeDotGapToCarouselStyle, makeFixedBgAttachment, makeGlobalSize, makeGlobalSizeHeightResponsive, makeGlobalSizeIcon, makeGlobalSizeWidthResponsive, makeHeight, makeLineClamp, makeStyle, makeStyleKey, makeStyleResponsive, makeStyleResponsiveByScreen, makeStyleResponsiveState, makeStyleState, makeStyleWithDefault, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, parseValueWithUnit, prefetchQueries, props, removeAttrInStyle, removeNullUndefined, removePaddingYInStyle, removeUndefinedValuesFromObject, shopifyPriceRounding, splitStyle, styles, template, tiktokpixel, useAddToCart, useAddon, useAddons, useArticleListStore, useArticleStore, useArticlesQuery, useBlogsQuery, 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, useProductOfferDiscount, useProductProperties, useProductQuery, useProductStore, useProductsQuery, useProductsQueryAll, useQuantity, useRemoveCartItem, useSection, useSectionStore, useSelectedOption, useShopStore, useStoreFront, useSuspenseFetch, useSwatches, useSwatchesOptions, useUniqProductID, useUpdateCartItem, useVariant, useVariantOutStock, useVariants, validateEmail };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gem-sdk/core",
3
- "version": "1.47.0",
3
+ "version": "1.48.0-dev.0",
4
4
  "license": "MIT",
5
5
  "sideEffects": false,
6
6
  "main": "dist/cjs/index.js",
@@ -27,8 +27,8 @@
27
27
  "type-check": "yarn tsc --noEmit"
28
28
  },
29
29
  "devDependencies": {
30
- "@gem-sdk/adapter-shopify": "1.47.0",
31
- "@gem-sdk/styles": "1.47.0",
30
+ "@gem-sdk/adapter-shopify": "1.48.0-dev.0",
31
+ "@gem-sdk/styles": "1.48.0-dev.0",
32
32
  "@types/classnames": "^2.3.1"
33
33
  },
34
34
  "dependencies": {