@gem-sdk/core 1.23.0-staging.436 → 1.23.0-staging.448

package/dist/cjs/hooks/animation/useAnimationTarget.js

@@ -3,7 +3,7 @@
 var react = require('react');
 var useAnimationConfig = require('./useAnimationConfig.js');
 
-const SPACING_ACTIVE_ATTRIBUTE = 'data-spacing';
+const SPACING_ACTIVE_ATTRIBUTE = 'data-spacing-margin-bottom-active';
 const TOOLBAR_ACTIVE_ATTRIBUTE = 'data-toolbar-active';
 const OUTLINE_ACTIVE_ATTRIBUTE = 'data-outline-active';
 const TOOLBAR_ADD_SECTION_ACTIVE_ATTRIBUTE = 'data-toolbar-add-active';
@@ -51,8 +51,7 @@ const useAnimationTarget = (props)=>{
             let target = $rootTarget;
             let toolbar = $rootTarget.querySelector('[data-toolbar][data-toolbar-active]');
             let outline = $rootTarget.querySelector('[data-outline][data-outline-active]');
-            const targetChild = Array.from(target.children);
-            const spacing = targetChild.find((child)=>child.getAttribute('data-spacing') !== null);
+            const spacing = $rootTarget.querySelector('[data-spacing] [data-spacing-margin-bottom]');
             switch(componentTag){
                 case 'Button':
                 case 'SubmitButton':

package/dist/esm/hooks/animation/useAnimationTarget.js

@@ -1,7 +1,7 @@
 import { useRef, useCallback } from 'react';
 import { useAnimationConfig } from './useAnimationConfig.js';
 
-const SPACING_ACTIVE_ATTRIBUTE = 'data-spacing';
+const SPACING_ACTIVE_ATTRIBUTE = 'data-spacing-margin-bottom-active';
 const TOOLBAR_ACTIVE_ATTRIBUTE = 'data-toolbar-active';
 const OUTLINE_ACTIVE_ATTRIBUTE = 'data-outline-active';
 const TOOLBAR_ADD_SECTION_ACTIVE_ATTRIBUTE = 'data-toolbar-add-active';
@@ -49,8 +49,7 @@ const useAnimationTarget = (props)=>{
             let target = $rootTarget;
             let toolbar = $rootTarget.querySelector('[data-toolbar][data-toolbar-active]');
             let outline = $rootTarget.querySelector('[data-outline][data-outline-active]');
-            const targetChild = Array.from(target.children);
-            const spacing = targetChild.find((child)=>child.getAttribute('data-spacing') !== null);
+            const spacing = $rootTarget.querySelector('[data-spacing] [data-spacing-margin-bottom]');
             switch(componentTag){
                 case 'Button':
                 case 'SubmitButton':

package/dist/types/index.d.ts

@@ -7374,6 +7374,10 @@ type VariantSwatchesPresetControlType<T> = SharedControlType<T> & {
     id?: string;
     type: 'variant:presets';
 };
+type VariantSwatchesOnlyDefaultVariantControlType<T> = SharedControlType<T> & {
+    id?: string;
+    type: 'variant:default';
+};
 
 type LayoutControlType<T> = SharedControlType<T> & {
     type: 'layout';
@@ -7687,7 +7691,7 @@ type PostPurchaseTextareaControlType<T> = SharedControlType<T> & {
     }[];
 };
 
-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> | 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> | ProductListControlType<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> | BackgroundColorPickerType<T> | ProductInputCurrencyUnitControlType<T> | TypographyPostPurchaseControlType<T> | ProductOffersControlType<T> | DiscountAndShippingFee<T> | SneakPeakControlType<T> | PostPurchaseTextareaControlType<T>;
+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> | 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> | 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> | BackgroundColorPickerType<T> | ProductInputCurrencyUnitControlType<T> | TypographyPostPurchaseControlType<T> | ProductOffersControlType<T> | DiscountAndShippingFee<T> | SneakPeakControlType<T> | PostPurchaseTextareaControlType<T>;
 type ControlTriggerAction = {
     controlId: string;
     newValue?: any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/core",
-  "version": "1.23.0-staging.436",
+  "version": "1.23.0-staging.448",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -28,7 +28,7 @@
   },
   "devDependencies": {
     "@gem-sdk/adapter-shopify": "1.23.0-staging.383",
-    "@gem-sdk/styles": "1.23.0-staging.415"
+    "@gem-sdk/styles": "1.23.0-staging.447"
   },
   "dependencies": {
     "react-error-boundary": "4.0.10",