@gem-sdk/core 1.53.0-dev.150 → 1.53.0-dev.154

package/dist/types/index.d.ts

@@ -8380,8 +8380,175 @@ type BgPosition = {
 };
 type BgAttachment = 'scroll' | 'fixed' | 'local';
 
+type NameDevices = 'desktop' | 'tablet' | 'mobile';
+type TypographyV2Family = string | {
+    value: string;
+    type: TypographyV2FontFamilyType;
+};
+type TypographyV2FontFamilyType = 'google' | 'custom' | 'theme' | 'bunny';
+
+/**
+ * @deprecated Please use `TypographySettingV2`
+ */
+type TypographySetting = {
+    type?: TypographyType;
+    custom?: ObjectDevices<TypographyProps>;
+};
+type TypographySettingV2 = {
+    type?: TypographyType;
+    custom?: TypographyV2Props;
+    attrs?: TypographyV2Attrs;
+};
+type SizeSetting = {
+    type?: SizeType;
+    custom?: ObjectDevices<SizeProps>;
+};
+type SizeProps = {
+    horizontal?: string;
+    vertical?: string;
+};
+type SizeType = 'medium' | 'large' | 'small' | 'none';
+type TypographyProps = {
+    fontSize?: string;
+    fontWeight?: string | number;
+    fontStyle?: string;
+    fontFamily?: TypographyV2Family;
+    lineHeight?: string;
+    letterSpacing?: string;
+    fallbackFontFamily?: string;
+    textShadow?: ShadowProps;
+    hasShadowText?: boolean;
+    isCustom?: boolean;
+};
+type TypographyV2Props = Omit<TypographyProps, 'fontSize' | 'lineHeight'> & {
+    fontSize?: ObjectDevices<string>;
+    lineHeight?: ObjectDevices<string>;
+};
+type TypographyV2Attrs = {
+    bold?: boolean;
+    italic?: boolean;
+    underline?: boolean;
+    color?: ColorValueType;
+    transform?: string;
+};
+type CornerRadius = {
+    btlr?: string;
+    btrr?: string;
+    bblr?: string;
+    bbrr?: string;
+    radiusType?: CornerRadiusType;
+};
+type CornerRadiusType = 'none' | 'large' | 'medium' | 'small' | 'circle' | 'custom' | 'rounded';
+type ColorType$1 = NestedKeys<BrandColorObject> | NestedKeys<BackgroundColorObject> | NestedKeys<TextColorObject> | NestedKeys<LineColorObject> | NestedKeys<FuncColorObject>;
+type FontName = 'body' | 'heading' | 'code';
+type ColorKey = 'transparent' | 'red' | 'orange' | 'yellow' | 'green' | 'blue' | 'indigo' | 'purple' | 'pink' | 'gray';
+type HexColorType = `#${string}`;
+type RGBAColorType = `rgba(${number}, ${number}, ${number}, ${number})`;
+type RGBColorType = `rgb(${number}, ${number}, ${number})`;
+type HSLColorType = `hsl(${number}, ${number}%, ${number}%)`;
+type HSLAColorType = `hsla(${number}, ${number}%, ${number}%, ${number})`;
+type ColorValueType = ColorType$1 | HexColorType | RGBAColorType | RGBColorType | HSLColorType | HSLAColorType | ColorKey;
+type BrandColorObject = {
+    brand: string;
+    highlight: string;
+};
+type BackgroundColorObject = {
+    'bg-1': string;
+    'bg-2': string;
+    'bg-3': string;
+};
+type TextColorObject = {
+    'text-1': string;
+    'text-2': string;
+    'text-3': string;
+};
+type LineColorObject = {
+    'line-1': string;
+    'line-2': string;
+    'line-3': string;
+};
+type FuncColorObject = {
+    info: string;
+    warning: string;
+    success: string;
+    error: string;
+};
+type TypographyType = 'heading-1' | 'heading-2' | 'heading-3' | 'subheading-1' | 'subheading-2' | 'subheading-3' | 'paragraph-1' | 'paragraph-2' | 'paragraph-3';
+type ObjectDeviceGlobalType<T> = {
+    desktop: T;
+    tablet?: T;
+    mobile?: T;
+};
+type SpacingType = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl';
+type RoundedSize = 'small' | 'medium' | 'large' | 'circle' | 'none' | 'custom' | 'rounded';
+type ContainerProp = 'width' | 'padding';
+type GlobalStyleResponsiveConfig = {
+    color?: Partial<Record<ColorType$1, string>>;
+    font?: Partial<Record<FontName, any>>;
+    typography?: Partial<Record<TypographyType, ObjectDeviceGlobalType<TypographyProps>>>;
+    spacing?: Partial<Record<SpacingType, ObjectDeviceGlobalType<string>>>;
+    container?: Partial<Record<ContainerProp, ObjectDeviceGlobalType<string>>>;
+    radius?: Partial<Record<RoundedSize, string>>;
+    theme?: {
+        font?: Partial<Record<FontName, any>>;
+    };
+};
+type GlobalStyleConfig = {
+    color?: Partial<Record<ColorType$1, string>>;
+    font?: Partial<Record<FontName, any>>;
+    typography?: Partial<Record<TypographyType, TypographyProps>>;
+    spacing?: Partial<Record<SpacingType, string>>;
+    container?: Partial<Record<ContainerProp, string>>;
+    radius?: Partial<Record<RoundedSize, string>>;
+    theme?: {
+        font?: Partial<Record<FontName, any>>;
+    };
+};
+type ShadowStyleApplied = 'text-shadow' | 'box-shadow';
+type ShadowType = 'shadow-1' | 'shadow-2' | 'shadow-3';
+type ShadowStyle = {
+    value?: ShadowProps;
+    state?: StateType;
+    styleAppliedFor?: ShadowStyleApplied;
+    isEnableShadow?: boolean;
+};
+type ShadowProps = {
+    type?: ShadowType | 'custom' | 'none';
+    angle?: string | number;
+    distance?: string;
+    blur?: string;
+    spread?: string;
+    color?: ColorValueType;
+};
+type Border = {
+    borderType?: BorderTypeName;
+    border?: BorderStyle$1;
+    color?: ColorValueType;
+    width?: string;
+    isCustom?: boolean;
+    position?: BorderPosition;
+    borderWidth?: string;
+};
+type BorderTypeName = 'none' | 'style-1' | 'style-2' | 'style-3';
+type BorderStyle$1 = 'none' | 'solid' | 'dotted' | 'dashed';
+type BorderPosition = 'top' | 'left' | 'right' | 'bottom' | 'all';
+type SwatchesOptionType = 'radio_buttons' | 'dropdown' | 'color' | 'image' | 'rectangle_list' | 'image_shopify' | string;
+declare const OptionNormalStyle: string[];
+declare const OptionSpecialStyle: string[];
+type SwatchesOptionValue = {
+    label?: string;
+    colors?: string[];
+    imageUrl?: string;
+};
+type GlobalSwatchesData = {
+    optionTitle: string;
+    optionType: SwatchesOptionType;
+    optionValues: SwatchesOptionValue[];
+};
+
 type ShadowV2ControlType<T> = SharedControlType<T> & {
     type: 'shadow-v2';
+    value?: ShadowProps;
 };
 
 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> | DisplayTriggerControlType<T> | CustomPositionControlType<T> | DealControlType<T> | ProductHandleType<T> | ColorPickerV2ControlType<T> | BorderV2ControlType<T> | CornerV2ControlType<T> | PaddingV2ControlType<T> | BackgroundImageType<T> | BackgroundMediaControlType<T> | BackgroundVideoType<T> | BackgroundVideoType<T> | ShadowV2ControlType<T>;
@@ -30944,172 +31111,6 @@ declare namespace appAPI {
   };
 }
 
-type NameDevices = 'desktop' | 'tablet' | 'mobile';
-type TypographyV2Family = string | {
-    value: string;
-    type: TypographyV2FontFamilyType;
-};
-type TypographyV2FontFamilyType = 'google' | 'custom' | 'theme' | 'bunny';
-
-/**
- * @deprecated Please use `TypographySettingV2`
- */
-type TypographySetting = {
-    type?: TypographyType;
-    custom?: ObjectDevices<TypographyProps>;
-};
-type TypographySettingV2 = {
-    type?: TypographyType;
-    custom?: TypographyV2Props;
-    attrs?: TypographyV2Attrs;
-};
-type SizeSetting = {
-    type?: SizeType;
-    custom?: ObjectDevices<SizeProps>;
-};
-type SizeProps = {
-    horizontal?: string;
-    vertical?: string;
-};
-type SizeType = 'medium' | 'large' | 'small' | 'none';
-type TypographyProps = {
-    fontSize?: string;
-    fontWeight?: string | number;
-    fontStyle?: string;
-    fontFamily?: TypographyV2Family;
-    lineHeight?: string;
-    letterSpacing?: string;
-    fallbackFontFamily?: string;
-    textShadow?: ShadowProps;
-    hasShadowText?: boolean;
-    isCustom?: boolean;
-};
-type TypographyV2Props = Omit<TypographyProps, 'fontSize' | 'lineHeight'> & {
-    fontSize?: ObjectDevices<string>;
-    lineHeight?: ObjectDevices<string>;
-};
-type TypographyV2Attrs = {
-    bold?: boolean;
-    italic?: boolean;
-    underline?: boolean;
-    color?: ColorValueType;
-    transform?: string;
-};
-type CornerRadius = {
-    btlr?: string;
-    btrr?: string;
-    bblr?: string;
-    bbrr?: string;
-    radiusType?: CornerRadiusType;
-};
-type CornerRadiusType = 'none' | 'large' | 'medium' | 'small' | 'circle' | 'custom' | 'rounded';
-type ColorType$1 = NestedKeys<BrandColorObject> | NestedKeys<BackgroundColorObject> | NestedKeys<TextColorObject> | NestedKeys<LineColorObject> | NestedKeys<FuncColorObject>;
-type FontName = 'body' | 'heading' | 'code';
-type ColorKey = 'transparent' | 'red' | 'orange' | 'yellow' | 'green' | 'blue' | 'indigo' | 'purple' | 'pink' | 'gray';
-type HexColorType = `#${string}`;
-type RGBAColorType = `rgba(${number}, ${number}, ${number}, ${number})`;
-type RGBColorType = `rgb(${number}, ${number}, ${number})`;
-type HSLColorType = `hsl(${number}, ${number}%, ${number}%)`;
-type HSLAColorType = `hsla(${number}, ${number}%, ${number}%, ${number})`;
-type ColorValueType = ColorType$1 | HexColorType | RGBAColorType | RGBColorType | HSLColorType | HSLAColorType | ColorKey;
-type BrandColorObject = {
-    brand: string;
-    highlight: string;
-};
-type BackgroundColorObject = {
-    'bg-1': string;
-    'bg-2': string;
-    'bg-3': string;
-};
-type TextColorObject = {
-    'text-1': string;
-    'text-2': string;
-    'text-3': string;
-};
-type LineColorObject = {
-    'line-1': string;
-    'line-2': string;
-    'line-3': string;
-};
-type FuncColorObject = {
-    info: string;
-    warning: string;
-    success: string;
-    error: string;
-};
-type TypographyType = 'heading-1' | 'heading-2' | 'heading-3' | 'subheading-1' | 'subheading-2' | 'subheading-3' | 'paragraph-1' | 'paragraph-2' | 'paragraph-3';
-type ObjectDeviceGlobalType<T> = {
-    desktop: T;
-    tablet?: T;
-    mobile?: T;
-};
-type SpacingType = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl';
-type RoundedSize = 'small' | 'medium' | 'large' | 'circle' | 'none' | 'custom' | 'rounded';
-type ContainerProp = 'width' | 'padding';
-type GlobalStyleResponsiveConfig = {
-    color?: Partial<Record<ColorType$1, string>>;
-    font?: Partial<Record<FontName, any>>;
-    typography?: Partial<Record<TypographyType, ObjectDeviceGlobalType<TypographyProps>>>;
-    spacing?: Partial<Record<SpacingType, ObjectDeviceGlobalType<string>>>;
-    container?: Partial<Record<ContainerProp, ObjectDeviceGlobalType<string>>>;
-    radius?: Partial<Record<RoundedSize, string>>;
-    theme?: {
-        font?: Partial<Record<FontName, any>>;
-    };
-};
-type GlobalStyleConfig = {
-    color?: Partial<Record<ColorType$1, string>>;
-    font?: Partial<Record<FontName, any>>;
-    typography?: Partial<Record<TypographyType, TypographyProps>>;
-    spacing?: Partial<Record<SpacingType, string>>;
-    container?: Partial<Record<ContainerProp, string>>;
-    radius?: Partial<Record<RoundedSize, string>>;
-    theme?: {
-        font?: Partial<Record<FontName, any>>;
-    };
-};
-type ShadowStyleApplied = 'text-shadow' | 'box-shadow';
-type ShadowType = 'shadow-1' | 'shadow-2' | 'shadow-3';
-type ShadowStyle = {
-    value?: ShadowProps;
-    state?: StateType;
-    styleAppliedFor?: ShadowStyleApplied;
-    isEnableShadow?: boolean;
-};
-type ShadowProps = {
-    type?: ShadowType | 'custom' | 'none';
-    angle?: string | number;
-    distance?: string;
-    blur?: string;
-    spread?: string;
-    color?: ColorValueType;
-};
-type Border = {
-    borderType?: BorderTypeName;
-    border?: BorderStyle$1;
-    color?: ColorValueType;
-    width?: string;
-    isCustom?: boolean;
-    position?: BorderPosition;
-    borderWidth?: string;
-};
-type BorderTypeName = 'none' | 'style-1' | 'style-2' | 'style-3';
-type BorderStyle$1 = 'none' | 'solid' | 'dotted' | 'dashed';
-type BorderPosition = 'top' | 'left' | 'right' | 'bottom' | 'all';
-type SwatchesOptionType = 'radio_buttons' | 'dropdown' | 'color' | 'image' | 'rectangle_list' | 'image_shopify' | string;
-declare const OptionNormalStyle: string[];
-declare const OptionSpecialStyle: string[];
-type SwatchesOptionValue = {
-    label?: string;
-    colors?: string[];
-    imageUrl?: string;
-};
-type GlobalSwatchesData = {
-    optionTitle: string;
-    optionType: SwatchesOptionType;
-    optionValues: SwatchesOptionValue[];
-};
-
 type ProductInputAnalytic = {
     id: string;
     name: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/core",
-  "version": "1.53.0-dev.150",
+  "version": "1.53.0-dev.154",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -28,7 +28,7 @@
   },
   "devDependencies": {
     "@gem-sdk/adapter-shopify": "1.53.0-dev.105",
-    "@gem-sdk/styles": "1.53.0-dev.139",
+    "@gem-sdk/styles": "1.53.0-dev.151",
     "@types/classnames": "^2.3.1"
   },
   "dependencies": {