@gem-sdk/core 1.14.0-next.91 → 1.14.0

package/dist/types/index.d.ts

@@ -739,8 +739,6 @@ type Mapped<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
     type: 'layout-segment';
     options: Option<T>[];
     devices?: ResponsiveConfig<U>;
-    iconViewBox?: string;
-    enableItemBackground?: boolean;
 } : {
     id: K;
     label: string;
@@ -911,6 +909,7 @@ type ControlUI = {
         state?: StateType;
     };
     options?: {
+        styleWrapper?: React.CSSProperties;
         styleControl?: React.CSSProperties;
         styleLabel?: React.CSSProperties;
         labelPosition?: 'start' | 'end';
@@ -7164,7 +7163,7 @@ type Border = {
 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;
+type SwatchesOptionType = 'radio_buttons' | 'dropdown' | 'color' | 'image' | 'rectangle_list' | string;
 declare const OptionNormalStyle: string[];
 declare const OptionSpecialStyle: string[];
 type SwatchesOptionValue = {
@@ -7261,7 +7260,7 @@ type CollectionProductSelectFragment = Pick<Collection, 'id' | 'createdAt' | 'up
             node?: Maybe<Pick<Product, 'id' | 'title' | 'description' | 'descriptionHtml' | 'handle' | 'averageRating' | 'isStorefront' | 'isSample' | 'baseID' | 'sku' | 'vendor'> & {
                 medias?: Maybe<{
                     edges: Array<Pick<MediaEdge, 'cursor'> & {
-                        node?: Maybe<Pick<Media, 'id' | 'contentType' | 'previewImage' | 'src' | 'width' | 'height' | 'alt'>>;
+                        node?: Maybe<Pick<Media, 'id' | 'contentType' | 'src' | 'width' | 'height' | 'alt'>>;
                     }>;
                     pageInfo?: Maybe<Pick<PageInfo, 'endCursor' | 'hasNextPage'>>;
                 }>;
@@ -7269,7 +7268,7 @@ type CollectionProductSelectFragment = Pick<Collection, 'id' | 'createdAt' | 'up
                     edges: Array<Pick<ProductVariantEdge, 'cursor'> & {
                         node?: Maybe<Pick<ProductVariant, 'id' | 'title' | 'barcode' | 'baseID' | 'costPrice' | 'height' | 'inventoryPolicy' | 'inventoryQuantity' | 'inventoryStatus' | 'isDigital' | 'length' | 'lowInventoryAmount' | 'manageInventory' | 'mediaId' | 'platform' | 'price' | 'salePrice' | 'sku' | 'soldIndividually' | 'weight' | 'width'> & {
                             selectedOptions: Array<Pick<SelectedOption, 'name' | 'value' | 'optionType'>>;
-                            media?: Maybe<Pick<Media, 'id' | 'contentType' | 'previewImage' | 'src' | 'width' | 'height' | 'alt'>>;
+                            media?: Maybe<Pick<Media, 'id' | 'contentType' | 'src' | 'width' | 'height' | 'alt'>>;
                         }>;
                     }>;
                     pageInfo?: Maybe<Pick<PageInfo, 'hasNextPage' | 'endCursor'>>;
@@ -7277,7 +7276,7 @@ type CollectionProductSelectFragment = Pick<Collection, 'id' | 'createdAt' | 'up
                 options?: Maybe<Array<Pick<ProductOption, 'id' | 'name' | 'optionType'> & {
                     values: Array<Pick<ProductOptionValue, 'id' | 'label' | 'isDefault' | 'baseID'>>;
                 }>>;
-                featuredImage?: Maybe<Pick<Media, 'id' | 'contentType' | 'previewImage' | 'src' | 'width' | 'height' | 'alt'>>;
+                featuredImage?: Maybe<Pick<Media, 'id' | 'contentType' | 'src' | 'width' | 'height' | 'alt'>>;
             }>;
         }>;
         pageInfo?: Maybe<Pick<PageInfo, 'endCursor' | 'hasNextPage'>>;
@@ -7286,7 +7285,7 @@ type CollectionProductSelectFragment = Pick<Collection, 'id' | 'createdAt' | 'up
 };
 
 type ProductQuickSelectFragment = Pick<Product, 'id' | 'title' | 'handle' | 'averageRating' | 'baseID' | 'description' | 'sku' | 'vendor'> & {
-    featuredImage?: Maybe<Pick<Media, 'id' | 'contentType' | 'previewImage' | 'src' | 'width' | 'height' | 'alt'>>;
+    featuredImage?: Maybe<Pick<Media, 'id' | 'contentType' | 'src' | 'width' | 'height' | 'alt'>>;
     options?: Maybe<Array<Pick<ProductOption, 'id' | 'name' | 'optionType'> & {
         values: Array<Pick<ProductOptionValue, 'id' | 'label' | 'isDefault' | 'baseID'>>;
     }>>;
@@ -7294,7 +7293,7 @@ type ProductQuickSelectFragment = Pick<Product, 'id' | 'title' | 'handle' | 'ave
         edges: Array<{
             node?: Maybe<Pick<ProductVariant, 'id' | 'title' | 'barcode' | 'costPrice' | 'height' | 'inventoryQuantity' | 'inventoryStatus' | 'length' | 'price' | 'salePrice' | 'sku' | 'baseID' | 'weight' | 'width'> & {
                 selectedOptions: Array<Pick<SelectedOption, 'name' | 'value' | 'optionType'>>;
-                media?: Maybe<Pick<Media, 'id' | 'contentType' | 'previewImage' | 'src' | 'width' | 'height' | 'alt'>>;
+                media?: Maybe<Pick<Media, 'id' | 'contentType' | 'src' | 'width' | 'height' | 'alt'>>;
             }>;
         }>;
     }>;
@@ -7333,7 +7332,7 @@ declare const useProductListStore: <U>(selector: (state: ExtractState<StoreApi<P
 type ProductSelectFragment = Pick<Product, 'id' | 'title' | 'description' | 'descriptionHtml' | 'handle' | 'averageRating' | 'isStorefront' | 'isSample' | 'baseID' | 'sku' | 'vendor'> & {
     medias?: Maybe<{
         edges: Array<Pick<MediaEdge, 'cursor'> & {
-            node?: Maybe<Pick<Media, 'id' | 'contentType' | 'previewImage' | 'src' | 'width' | 'height' | 'alt'>>;
+            node?: Maybe<Pick<Media, 'id' | 'contentType' | 'src' | 'width' | 'height' | 'alt'>>;
         }>;
         pageInfo?: Maybe<Pick<PageInfo, 'endCursor' | 'hasNextPage'>>;
     }>;
@@ -7341,7 +7340,7 @@ type ProductSelectFragment = Pick<Product, 'id' | 'title' | 'description' | 'des
         edges: Array<Pick<ProductVariantEdge, 'cursor'> & {
             node?: Maybe<Pick<ProductVariant, 'id' | 'title' | 'barcode' | 'baseID' | 'costPrice' | 'height' | 'inventoryPolicy' | 'inventoryQuantity' | 'inventoryStatus' | 'isDigital' | 'length' | 'lowInventoryAmount' | 'manageInventory' | 'mediaId' | 'platform' | 'price' | 'salePrice' | 'sku' | 'soldIndividually' | 'weight' | 'width'> & {
                 selectedOptions: Array<Pick<SelectedOption, 'name' | 'value' | 'optionType'>>;
-                media?: Maybe<Pick<Media, 'id' | 'contentType' | 'previewImage' | 'src' | 'width' | 'height' | 'alt'>>;
+                media?: Maybe<Pick<Media, 'id' | 'contentType' | 'src' | 'width' | 'height' | 'alt'>>;
             }>;
         }>;
         pageInfo?: Maybe<Pick<PageInfo, 'hasNextPage' | 'endCursor'>>;
@@ -7349,10 +7348,10 @@ type ProductSelectFragment = Pick<Product, 'id' | 'title' | 'description' | 'des
     options?: Maybe<Array<Pick<ProductOption, 'id' | 'name' | 'optionType'> & {
         values: Array<Pick<ProductOptionValue, 'id' | 'label' | 'isDefault' | 'baseID'>>;
     }>>;
-    featuredImage?: Maybe<Pick<Media, 'id' | 'contentType' | 'previewImage' | 'src' | 'width' | 'height' | 'alt'>>;
+    featuredImage?: Maybe<Pick<Media, 'id' | 'contentType' | 'src' | 'width' | 'height' | 'alt'>>;
 };
 
-type MediaSelectFragment = Pick<Media, 'id' | 'contentType' | 'previewImage' | 'src' | 'width' | 'height' | 'alt'>;
+type MediaSelectFragment = Pick<Media, 'id' | 'contentType' | 'src' | 'width' | 'height' | 'alt'>;
 
 type AttributeProp = {
     key: string;
@@ -7477,10 +7476,10 @@ declare const useModalStore: <U>(selector: (state: ExtractState<StoreApi<ModalCo
 
 type PageViewUpMutationVariables = Exact<{
     pageHandle: Scalars['String'];
-    userAgent?: InputMaybe<Scalars['String']>;
+    userAgent: Scalars['String'];
 }>;
 type PageViewUpMutationResponse = Pick<Mutation, 'pageViewUp'>;
-declare const PageViewUpDocument = "\n    mutation pageViewUp($pageHandle: String!, $userAgent: String) {\n  pageViewUp(pageHandle: $pageHandle, userAgent: $userAgent)\n}\n    ";
+declare const PageViewUpDocument = "\n    mutation pageViewUp($pageHandle: String!, $userAgent: String!) {\n  pageViewUp(pageHandle: $pageHandle, userAgent: $userAgent)\n}\n    ";
 
 type CollectionDetailFilterQueryVariables = Exact<{
     firstProduct?: InputMaybe<Scalars['Int']>;
@@ -7504,7 +7503,7 @@ type CollectionDetailFilterQueryResponse = {
                         node?: Maybe<Pick<Product, 'id' | 'title' | 'description' | 'descriptionHtml' | 'handle' | 'averageRating' | 'isStorefront' | 'isSample' | 'baseID' | 'sku' | 'vendor'> & {
                             medias?: Maybe<{
                                 edges: Array<Pick<MediaEdge, 'cursor'> & {
-                                    node?: Maybe<Pick<Media, 'id' | 'contentType' | 'previewImage' | 'src' | 'width' | 'height' | 'alt'>>;
+                                    node?: Maybe<Pick<Media, 'id' | 'contentType' | 'src' | 'width' | 'height' | 'alt'>>;
                                 }>;
                                 pageInfo?: Maybe<Pick<PageInfo, 'endCursor' | 'hasNextPage'>>;
                             }>;
@@ -7512,7 +7511,7 @@ type CollectionDetailFilterQueryResponse = {
                                 edges: Array<Pick<ProductVariantEdge, 'cursor'> & {
                                     node?: Maybe<Pick<ProductVariant, 'id' | 'title' | 'barcode' | 'baseID' | 'costPrice' | 'height' | 'inventoryPolicy' | 'inventoryQuantity' | 'inventoryStatus' | 'isDigital' | 'length' | 'lowInventoryAmount' | 'manageInventory' | 'mediaId' | 'platform' | 'price' | 'salePrice' | 'sku' | 'soldIndividually' | 'weight' | 'width'> & {
                                         selectedOptions: Array<Pick<SelectedOption, 'name' | 'value' | 'optionType'>>;
-                                        media?: Maybe<Pick<Media, 'id' | 'contentType' | 'previewImage' | 'src' | 'width' | 'height' | 'alt'>>;
+                                        media?: Maybe<Pick<Media, 'id' | 'contentType' | 'src' | 'width' | 'height' | 'alt'>>;
                                     }>;
                                 }>;
                                 pageInfo?: Maybe<Pick<PageInfo, 'hasNextPage' | 'endCursor'>>;
@@ -7520,7 +7519,7 @@ type CollectionDetailFilterQueryResponse = {
                             options?: Maybe<Array<Pick<ProductOption, 'id' | 'name' | 'optionType'> & {
                                 values: Array<Pick<ProductOptionValue, 'id' | 'label' | 'isDefault' | 'baseID'>>;
                             }>>;
-                            featuredImage?: Maybe<Pick<Media, 'id' | 'contentType' | 'previewImage' | 'src' | 'width' | 'height' | 'alt'>>;
+                            featuredImage?: Maybe<Pick<Media, 'id' | 'contentType' | 'src' | 'width' | 'height' | 'alt'>>;
                         }>;
                     }>;
                     pageInfo?: Maybe<Pick<PageInfo, 'endCursor' | 'hasNextPage'>>;
@@ -7549,7 +7548,7 @@ type CollectionQueryResponse = {
                 node?: Maybe<Pick<Product, 'id' | 'title' | 'description' | 'descriptionHtml' | 'handle' | 'averageRating' | 'isStorefront' | 'isSample' | 'baseID' | 'sku' | 'vendor'> & {
                     medias?: Maybe<{
                         edges: Array<Pick<MediaEdge, 'cursor'> & {
-                            node?: Maybe<Pick<Media, 'id' | 'contentType' | 'previewImage' | 'src' | 'width' | 'height' | 'alt'>>;
+                            node?: Maybe<Pick<Media, 'id' | 'contentType' | 'src' | 'width' | 'height' | 'alt'>>;
                         }>;
                         pageInfo?: Maybe<Pick<PageInfo, 'endCursor' | 'hasNextPage'>>;
                     }>;
@@ -7557,7 +7556,7 @@ type CollectionQueryResponse = {
                         edges: Array<Pick<ProductVariantEdge, 'cursor'> & {
                             node?: Maybe<Pick<ProductVariant, 'id' | 'title' | 'barcode' | 'baseID' | 'costPrice' | 'height' | 'inventoryPolicy' | 'inventoryQuantity' | 'inventoryStatus' | 'isDigital' | 'length' | 'lowInventoryAmount' | 'manageInventory' | 'mediaId' | 'platform' | 'price' | 'salePrice' | 'sku' | 'soldIndividually' | 'weight' | 'width'> & {
                                 selectedOptions: Array<Pick<SelectedOption, 'name' | 'value' | 'optionType'>>;
-                                media?: Maybe<Pick<Media, 'id' | 'contentType' | 'previewImage' | 'src' | 'width' | 'height' | 'alt'>>;
+                                media?: Maybe<Pick<Media, 'id' | 'contentType' | 'src' | 'width' | 'height' | 'alt'>>;
                             }>;
                         }>;
                         pageInfo?: Maybe<Pick<PageInfo, 'hasNextPage' | 'endCursor'>>;
@@ -7565,7 +7564,7 @@ type CollectionQueryResponse = {
                     options?: Maybe<Array<Pick<ProductOption, 'id' | 'name' | 'optionType'> & {
                         values: Array<Pick<ProductOptionValue, 'id' | 'label' | 'isDefault' | 'baseID'>>;
                     }>>;
-                    featuredImage?: Maybe<Pick<Media, 'id' | 'contentType' | 'previewImage' | 'src' | 'width' | 'height' | 'alt'>>;
+                    featuredImage?: Maybe<Pick<Media, 'id' | 'contentType' | 'src' | 'width' | 'height' | 'alt'>>;
                 }>;
             }>;
             pageInfo?: Maybe<Pick<PageInfo, 'endCursor' | 'hasNextPage' | 'hasPreviousPage' | 'startCursor'>>;
@@ -7633,7 +7632,7 @@ type ProductsQueryResponse = {
             node?: Maybe<Pick<Product, 'id' | 'title' | 'description' | 'descriptionHtml' | 'handle' | 'averageRating' | 'isStorefront' | 'isSample' | 'baseID' | 'sku' | 'vendor'> & {
                 medias?: Maybe<{
                     edges: Array<Pick<MediaEdge, 'cursor'> & {
-                        node?: Maybe<Pick<Media, 'id' | 'contentType' | 'previewImage' | 'src' | 'width' | 'height' | 'alt'>>;
+                        node?: Maybe<Pick<Media, 'id' | 'contentType' | 'src' | 'width' | 'height' | 'alt'>>;
                     }>;
                     pageInfo?: Maybe<Pick<PageInfo, 'endCursor' | 'hasNextPage'>>;
                 }>;
@@ -7641,7 +7640,7 @@ type ProductsQueryResponse = {
                     edges: Array<Pick<ProductVariantEdge, 'cursor'> & {
                         node?: Maybe<Pick<ProductVariant, 'id' | 'title' | 'barcode' | 'baseID' | 'costPrice' | 'height' | 'inventoryPolicy' | 'inventoryQuantity' | 'inventoryStatus' | 'isDigital' | 'length' | 'lowInventoryAmount' | 'manageInventory' | 'mediaId' | 'platform' | 'price' | 'salePrice' | 'sku' | 'soldIndividually' | 'weight' | 'width'> & {
                             selectedOptions: Array<Pick<SelectedOption, 'name' | 'value' | 'optionType'>>;
-                            media?: Maybe<Pick<Media, 'id' | 'contentType' | 'previewImage' | 'src' | 'width' | 'height' | 'alt'>>;
+                            media?: Maybe<Pick<Media, 'id' | 'contentType' | 'src' | 'width' | 'height' | 'alt'>>;
                         }>;
                     }>;
                     pageInfo?: Maybe<Pick<PageInfo, 'hasNextPage' | 'endCursor'>>;
@@ -7649,7 +7648,7 @@ type ProductsQueryResponse = {
                 options?: Maybe<Array<Pick<ProductOption, 'id' | 'name' | 'optionType'> & {
                     values: Array<Pick<ProductOptionValue, 'id' | 'label' | 'isDefault' | 'baseID'>>;
                 }>>;
-                featuredImage?: Maybe<Pick<Media, 'id' | 'contentType' | 'previewImage' | 'src' | 'width' | 'height' | 'alt'>>;
+                featuredImage?: Maybe<Pick<Media, 'id' | 'contentType' | 'src' | 'width' | 'height' | 'alt'>>;
             }>;
         }>;
         pageInfo?: Maybe<Pick<PageInfo, 'endCursor' | 'hasNextPage'>>;
@@ -7683,7 +7682,7 @@ declare const PreviewPageDocument: string;
 
 type VariantSelectFragment = Pick<ProductVariant, 'id' | 'title' | 'barcode' | 'baseID' | 'costPrice' | 'height' | 'inventoryPolicy' | 'inventoryQuantity' | 'inventoryStatus' | 'isDigital' | 'length' | 'lowInventoryAmount' | 'manageInventory' | 'mediaId' | 'platform' | 'price' | 'salePrice' | 'sku' | 'soldIndividually' | 'weight' | 'width'> & {
     selectedOptions: Array<Pick<SelectedOption, 'name' | 'value' | 'optionType'>>;
-    media?: Maybe<Pick<Media, 'id' | 'contentType' | 'previewImage' | 'src' | 'width' | 'height' | 'alt'>>;
+    media?: Maybe<Pick<Media, 'id' | 'contentType' | 'src' | 'width' | 'height' | 'alt'>>;
 };
 
 type BorderStyle = StateProp<Border> | ResponsiveStateProp<Border>;
@@ -9274,7 +9273,7 @@ declare const composeTypographyStyle: (typo?: TypographySettingV2, typography?:
     vectorEffect?: csstype.Property.VectorEffect | undefined;
 };
 
-declare const getCornerCSSFromGlobal: (corner?: CornerRadius) => React.CSSProperties;
+declare const getCornerCSSFromGlobal: (corner: CornerRadius) => React.CSSProperties;
 declare const getRadiusCSSFromGlobal: (state: StateType, key?: RoundedSize, device?: NameDevices) => React.CSSProperties;
 declare const getCustomRadius: (state: StateType, radius?: CornerRadius, device?: NameDevices) => React.CSSProperties;
 declare const composeRadius: (value?: StateProp<CornerRadius> | ResponsiveStateProp<CornerRadius>) => React.CSSProperties;
@@ -9393,7 +9392,7 @@ type RequiredCursorEdge<T> = {
 };
 declare const fetchVariants: (fetcher: FetchFunc, { id, isSample, isStorefront }: FetchProductParams) => Promise<RequiredCursorEdge<VariantSelectFragment>[]>;
 declare const fetchMedias: (fetcher: FetchFunc, { id, isSample, isStorefront }: FetchProductParams) => Promise<(Pick<MediaEdge, "cursor"> & {
-    node?: Maybe<Pick<Media, "width" | "height" | "id" | "contentType" | "previewImage" | "src" | "alt">>;
+    node?: Maybe<Pick<Media, "width" | "height" | "id" | "contentType" | "src" | "alt">>;
 })[]>;
 
 type FetchProductsParams = {
@@ -9590,11 +9589,11 @@ declare const useSelectedOption: () => {
 };
 declare const useVariants: () => Maybe<Pick<ProductVariant, "title" | "width" | "length" | "weight" | "height" | "id" | "barcode" | "baseID" | "costPrice" | "inventoryPolicy" | "inventoryQuantity" | "inventoryStatus" | "isDigital" | "lowInventoryAmount" | "manageInventory" | "mediaId" | "platform" | "price" | "salePrice" | "sku" | "soldIndividually"> & {
     selectedOptions: Pick<SelectedOption, "value" | "name" | "optionType">[];
-    media?: Maybe<Pick<Media, "width" | "height" | "id" | "contentType" | "previewImage" | "src" | "alt">>;
+    media?: Maybe<Pick<Media, "width" | "height" | "id" | "contentType" | "src" | "alt">>;
 }>[];
 declare const useVariant: (id: string) => Maybe<Pick<ProductVariant, "title" | "width" | "length" | "weight" | "height" | "id" | "barcode" | "baseID" | "costPrice" | "inventoryPolicy" | "inventoryQuantity" | "inventoryStatus" | "isDigital" | "lowInventoryAmount" | "manageInventory" | "mediaId" | "platform" | "price" | "salePrice" | "sku" | "soldIndividually"> & {
     selectedOptions: Pick<SelectedOption, "value" | "name" | "optionType">[];
-    media?: Maybe<Pick<Media, "width" | "height" | "id" | "contentType" | "previewImage" | "src" | "alt">>;
+    media?: Maybe<Pick<Media, "width" | "height" | "id" | "contentType" | "src" | "alt">>;
 }>;
 declare const useCurrentVariant: () => Maybe<VariantSelectFragment>;
 declare const useCurrentVariantInStock: () => boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/core",
-  "version": "1.14.0-next.91",
+  "version": "1.14.0",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -25,7 +25,7 @@
   },
   "devDependencies": {
     "@gem-sdk/adapter-shopify": "1.12.0",
-    "@gem-sdk/styles": "1.14.0-next.79"
+    "@gem-sdk/styles": "1.13.40"
   },
   "dependencies": {
     "react-error-boundary": "4.0.10",