shopify-accelerate-app 1.4.4 → 1.4.6

package/@types/shopify.ts

@@ -290,21 +290,29 @@ export type ShopifyArticle = {
   label: string;
   type: "article";
   info?: string;
-  visible_if?: `{{${string}}}`;
+  // visible_if?: `{{${string}}}`;
+};
+export type ShopifyArticle_list = {
+  id: string;
+  label: string;
+  type: "article_list";
+  info?: string;
+  limit?: number;
+  // visible_if?: `{{${string}}}`;
 };
 export type ShopifyBlog = {
   id: string;
   label: string;
   type: "blog";
   info?: string;
-  visible_if?: `{{${string}}}`;
+  // visible_if?: `{{${string}}}`;
 };
 export type ShopifyCollection = {
   id: string;
   label: string;
   type: "collection";
   info?: string;
-  visible_if?: `{{${string}}}`;
+  // visible_if?: `{{${string}}}`;
 };
 export type ShopifyCollection_list = {
   id: string;
@@ -312,12 +320,32 @@ export type ShopifyCollection_list = {
   type: "collection_list";
   info?: string;
   limit?: number;
-  visible_if?: `{{${string}}}`;
+  // visible_if?: `{{${string}}}`;
+};
+
+export type ShopifyMetaobject = {
+  id: string;
+  label: string;
+  type: "metaobject";
+  info?: string;
+  // visible_if?: `{{${string}}}`;
+  metaobject_type: string;
+};
+
+export type ShopifyMetaobject_list = {
+  id: string;
+  label: string;
+  type: "metaobject_list";
+  info?: string;
+  limit?: number;
+  // visible_if?: `{{${string}}}`;
+  metaobject_type: string;
 };
 export type ShopifyColor = {
   id: string;
   label: string;
   type: "color";
+  alpha?: boolean;
   default?: string;
   info?: string;
   visible_if?: `{{${string}}}`;
@@ -383,14 +411,14 @@ export type ShopifyPage = {
   label: string;
   type: "page";
   info?: string;
-  visible_if?: `{{${string}}}`;
+  // visible_if?: `{{${string}}}`;
 };
 export type ShopifyProduct = {
   id: string;
   label: string;
   type: "product";
   info?: string;
-  visible_if?: `{{${string}}}`;
+  // visible_if?: `{{${string}}}`;
 };
 export type ShopifyProduct_list = {
   id: string;
@@ -398,7 +426,7 @@ export type ShopifyProduct_list = {
   type: "product_list";
   info?: string;
   limit?: number;
-  visible_if?: `{{${string}}}`;
+  // visible_if?: `{{${string}}}`;
 };
 export type ShopifyRichtext = {
   id: string;
@@ -463,6 +491,7 @@ export type ShopifySettingsInput =
   | ShopifyText
   | ShopifyTextarea
   | ShopifyArticle
+  | ShopifyArticle_list
   | ShopifyBlog
   | ShopifyCollection
   | ShopifyCollection_list
@@ -485,6 +514,8 @@ export type ShopifySettingsInput =
   | ShopifyColorTheme
   | ShopifyColorThemeGroup
   | ShopifyTextAlignment
+  | ShopifyMetaobject
+  | ShopifyMetaobject_list
   | ShopifyStyleSettings;
 
 export type HeadlessSettingsInput =

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shopify-accelerate-app",
-  "version": "1.4.4",
+  "version": "1.4.6",
   "description": "Shopify App development with full Typescript Support",
   "author": "Felix Tellmann",
   "license": "MIT",

package/src/scaffold-theme/generate-blocks-types.ts

@@ -184,7 +184,7 @@ export const getSettingsType = (setting: ShopifySettingsInput) => {
       return "?: _Collection_liquid[]";
     }
     case "color":
-      return "?: _Color_liquid | string";
+      return "?: string";
     case "color_background":
       return "?: string";
     case "font_picker":
@@ -192,7 +192,7 @@ export const getSettingsType = (setting: ShopifySettingsInput) => {
     case "html":
       return "?: string";
     case "image_picker":
-      return "?: _Image_liquid | string";
+      return "?: string";
     case "link_list":
       return "?: _Linklist_liquid";
     case "liquid":

package/src/tailwind/tailwind.config.js

@@ -277,6 +277,14 @@ module.exports = {
         lg: "1024px",
         xl: "1280px",
         "2xl": "1536px",
+        // Pin 3xl–7xl to their 16px-equivalent px. The container-queries plugin's defaults are rem
+        // (3xl: 48rem, ...), which drift when a Shopify theme overrides the root font-size. px keeps
+        // every container breakpoint reliable, matching the px alignment already applied to sm–2xl.
+        "3xl": "768px",
+        "4xl": "896px",
+        "5xl": "1024px",
+        "6xl": "1152px",
+        "7xl": "1280px",
         "max-xxs": "-373px" /* tiny phone*/,
         "max-xs": "-427px" /*smaller than iphone pro max*/,
         "max-sm": "-640px",
@@ -284,6 +292,11 @@ module.exports = {
         "max-lg": "-1024px",
         "max-xl": "-1280px",
         "max-2xl": "-1536px",
+        "max-3xl": "-768px",
+        "max-4xl": "-896px",
+        "max-5xl": "-1024px",
+        "max-6xl": "-1152px",
+        "max-7xl": "-1280px",
       },
       fontSize: {
         8: ["9px", "1.55"],