@lightspeed/crane 1.1.2 → 1.1.3

package/template/reference/sections/intro-slider/showcases/1.ts

@@ -0,0 +1,274 @@
+export default {
+  showcaseId: '1',
+  layoutId: 'Narrow_Title_And_Images_With_Border_Radius',
+  previewImage: {
+    set: {
+      ORIGINAL: {
+        url: 'custom_section_showcase_1_preview.png',
+      },
+    },
+  },
+  blockName: '$label.showcase_1.blockName',
+  content: {
+    section_title: {
+      type: 'TEXTAREA',
+      text: '$label.showcase_1.section_title.text',
+    },
+    section_description: {
+      type: 'TEXTAREA',
+      text: '$label.showcase_1.section_description.text',
+    },
+    section_tagline: {
+      type: 'INPUTBOX',
+      text: '$label.showcase_1.section_tagline.text',
+    },
+    section_button: {
+      type: 'BUTTON',
+      title: '$label.showcase_1.section_button.title',
+    },
+    slider: {
+      type: 'DECK',
+      cards: [
+        {
+          settings: {
+            image_text: {
+              type: 'INPUTBOX',
+              text: '$label.showcase_1.slide_text_1.text',
+            },
+            image_content: {
+              type: 'IMAGE',
+              imageData: {
+                set: {
+                  LOW_RES: {
+                    url: 'category_1.jpg',
+                  },
+                  MOBILE_WEBP_LOW_RES: {
+                    url: 'category_1.jpg',
+                  },
+                  MOBILE_WEBP_HI_RES: {
+                    url: 'category_1@2x.jpg',
+                  },
+                  WEBP_LOW_RES: {
+                    url: 'category_1@2x.jpg',
+                  },
+                  WEBP_HI_2X_RES: {
+                    url: 'category_1@2x.jpg',
+                  },
+                },
+                borderInfo: {},
+              },
+            },
+          },
+        },
+        {
+          settings: {
+            image_text: {
+              type: 'INPUTBOX',
+              text: '$label.showcase_1.slide_text_2.text',
+            },
+            image_content: {
+              type: 'IMAGE',
+              imageData: {
+                set: {
+                  LOW_RES: {
+                    url: 'category_2.jpg',
+                  },
+                  MOBILE_WEBP_LOW_RES: {
+                    url: 'category_2.jpg',
+                  },
+                  MOBILE_WEBP_HI_RES: {
+                    url: 'category_2@2x.jpg',
+                  },
+                  WEBP_LOW_RES: {
+                    url: 'category_2@2x.jpg',
+                  },
+                  WEBP_HI_2X_RES: {
+                    url: 'category_2@2x.jpg',
+                  },
+                },
+                borderInfo: {},
+              },
+            },
+          },
+        },
+        {
+          settings: {
+            image_text: {
+              type: 'INPUTBOX',
+              text: '$label.showcase_1.slide_text_3.text',
+            },
+            image_content: {
+              type: 'IMAGE',
+              imageData: {
+                set: {
+                  LOW_RES: {
+                    url: 'category_3.jpg',
+                  },
+                  MOBILE_WEBP_LOW_RES: {
+                    url: 'category_3.jpg',
+                  },
+                  MOBILE_WEBP_HI_RES: {
+                    url: 'category_3@2x.jpg',
+                  },
+                  WEBP_LOW_RES: {
+                    url: 'category_3@2x.jpg',
+                  },
+                  WEBP_HI_2X_RES: {
+                    url: 'category_3@2x.jpg',
+                  },
+                },
+                borderInfo: {},
+              },
+            },
+          },
+        },
+        {
+          settings: {
+            image_text: {
+              type: 'INPUTBOX',
+              text: '$label.showcase_1.slide_text_4.text',
+            },
+            image_content: {
+              type: 'IMAGE',
+              imageData: {
+                set: {
+                  LOW_RES: {
+                    url: 'category_4.jpg',
+                  },
+                  MOBILE_WEBP_LOW_RES: {
+                    url: 'category_4.jpg',
+                  },
+                  MOBILE_WEBP_HI_RES: {
+                    url: 'category_4@2x.jpg',
+                  },
+                  WEBP_LOW_RES: {
+                    url: 'category_4@2x.jpg',
+                  },
+                  WEBP_HI_2X_RES: {
+                    url: 'category_4@2x.jpg',
+                  },
+                },
+                borderInfo: {},
+              },
+            },
+          },
+        },
+        {
+
+          settings: {
+            image_text: {
+              type: 'INPUTBOX',
+              text: '$label.showcase_1.slide_text_5.text',
+            },
+            image_content: {
+              type: 'IMAGE',
+              imageData: {
+                set: {
+                  LOW_RES: {
+                    url: 'category_5.jpg',
+                  },
+                  MOBILE_WEBP_LOW_RES: {
+                    url: 'category_5.jpg',
+                  },
+                  MOBILE_WEBP_HI_RES: {
+                    url: 'category_5@2x.jpg',
+                  },
+                  WEBP_LOW_RES: {
+                    url: 'category_5@2x.jpg',
+                  },
+                  WEBP_HI_2X_RES: {
+                    url: 'category_5@2x.jpg',
+                  },
+                },
+                borderInfo: {},
+              },
+            },
+          },
+        },
+        {
+          settings: {
+            image_text: {
+              type: 'INPUTBOX',
+              text: '$label.showcase_1.slide_text_6.text',
+            },
+            image_content: {
+              type: 'IMAGE',
+              imageData: {
+                set: {
+                  LOW_RES: {
+                    url: 'category_6.png',
+                  },
+                  MOBILE_WEBP_LOW_RES: {
+                    url: 'category_6.jpg',
+                  },
+                  MOBILE_WEBP_HI_RES: {
+                    url: 'category_6@2x.jpg',
+                  },
+                  WEBP_LOW_RES: {
+                    url: 'category_6@2x.jpg',
+                  },
+                  WEBP_HI_2X_RES: {
+                    url: 'category_6@2x.jpg',
+                  },
+                },
+                borderInfo: {},
+              },
+            },
+          },
+        },
+      ],
+    },
+  },
+  design: {
+    section_title: {
+      type: 'TEXT',
+      font: 'noto_serif',
+      size: 48,
+      bold: true,
+      italic: false,
+      color: '#000000',
+    },
+    section_description: {
+      type: 'TEXT',
+      font: 'inter',
+      size: 16,
+      bold: true,
+      italic: false,
+      color: '#000000',
+    },
+    section_tagline: {
+      type: 'TEXT',
+      font: 'noto_serif',
+      size: 16,
+      bold: false,
+      italic: false,
+      color: '#C8D9FF',
+    },
+    section_button: {
+      type: 'BUTTON',
+      font: 'inter',
+      appearance: 'SOLID',
+      size: 'LARGE',
+      style: 'pill',
+      color: '#000000',
+    },
+    background: {
+      type: 'BACKGROUND',
+      style: 'COLOR',
+      color: '#F4EFE3',
+    },
+    image_text: {
+      type: 'TEXT',
+      font: 'noto_serif',
+      size: 24,
+      bold: true,
+      italic: false,
+      color: '#FFFFFF',
+    },
+    image_content: {
+      type: 'IMAGE',
+      overlay: 'GRADIENT',
+      color: ['#000000', '#000000'],
+    },
+  },
+} as const;

package/template/reference/sections/intro-slider/showcases/2.ts

@@ -0,0 +1,270 @@
+export default {
+  showcaseId: '2',
+  layoutId: 'Wide_Title_And_Images_Without_Border_Radius',
+  previewImage: {
+    set: {
+      ORIGINAL: {
+        url: 'custom_section_showcase_2_preview.png',
+      },
+    },
+  },
+  blockName: '$label.showcase_2.blockName',
+  content: {
+    section_title: {
+      type: 'TEXTAREA',
+      text: '$label.showcase_2.section_title.text',
+    },
+    section_tagline: {
+      type: 'INPUTBOX',
+      text: '$label.showcase_2.section_tagline.text',
+    },
+    section_button: {
+      type: 'BUTTON',
+      title: '$label.showcase_2.section_button.title',
+    },
+    slider: {
+      type: 'DECK',
+      cards: [
+        {
+          settings: {
+            image_text: {
+              type: 'INPUTBOX',
+              text: '$label.showcase_2.slide_text_1.text',
+            },
+            image_content: {
+              type: 'IMAGE',
+              imageData: {
+                set: {
+                  LOW_RES: {
+                    url: 'bike_1.jpg',
+                  },
+                  MOBILE_WEBP_LOW_RES: {
+                    url: 'bike_1.jpg',
+                  },
+                  MOBILE_WEBP_HI_RES: {
+                    url: 'bike_1@2x.jpg',
+                  },
+                  WEBP_LOW_RES: {
+                    url: 'bike_1@2x.jpg',
+                  },
+                  WEBP_HI_2X_RES: {
+                    url: 'bike_1@2x.jpg',
+                  },
+                },
+                borderInfo: {},
+              },
+            },
+          },
+        },
+        {
+          settings: {
+            image_text: {
+              type: 'INPUTBOX',
+              text: '$label.showcase_2.slide_text_2.text',
+            },
+            image_content: {
+              type: 'IMAGE',
+              imageData: {
+                set: {
+                  LOW_RES: {
+                    url: 'bike_2.jpg',
+                  },
+                  MOBILE_WEBP_LOW_RES: {
+                    url: 'bike_2.jpg',
+                  },
+                  MOBILE_WEBP_HI_RES: {
+                    url: 'bike_2@2x.jpg',
+                  },
+                  WEBP_LOW_RES: {
+                    url: 'bike_2@2x.jpg',
+                  },
+                  WEBP_HI_2X_RES: {
+                    url: 'bike_2@2x.jpg',
+                  },
+                },
+                borderInfo: {},
+              },
+            },
+          },
+        },
+        {
+          settings: {
+            image_text: {
+              type: 'INPUTBOX',
+              text: '$label.showcase_2.slide_text_3.text',
+            },
+            image_content: {
+              type: 'IMAGE',
+              imageData: {
+                set: {
+                  LOW_RES: {
+                    url: 'bike_3.jpg',
+                  },
+                  MOBILE_WEBP_LOW_RES: {
+                    url: 'bike_3.jpg',
+                  },
+                  MOBILE_WEBP_HI_RES: {
+                    url: 'bike_3@2x.jpg',
+                  },
+                  WEBP_LOW_RES: {
+                    url: 'bike_3@2x.jpg',
+                  },
+                  WEBP_HI_2X_RES: {
+                    url: 'bike_3@2x.jpg',
+                  },
+                },
+                borderInfo: {},
+              },
+            },
+          },
+        },
+        {
+          settings: {
+            image_text: {
+              type: 'INPUTBOX',
+              text: '$label.showcase_2.slide_text_4.text',
+            },
+            image_content: {
+              type: 'IMAGE',
+              imageData: {
+                set: {
+                  LOW_RES: {
+                    url: 'bike_4.jpg',
+                  },
+                  MOBILE_WEBP_LOW_RES: {
+                    url: 'bike_4.jpg',
+                  },
+                  MOBILE_WEBP_HI_RES: {
+                    url: 'bike_4@2x.jpg',
+                  },
+                  WEBP_LOW_RES: {
+                    url: 'bike_4@2x.jpg',
+                  },
+                  WEBP_HI_2X_RES: {
+                    url: 'bike_4@2x.jpg',
+                  },
+                },
+                borderInfo: {},
+              },
+            },
+          },
+        },
+        {
+
+          settings: {
+            image_text: {
+              type: 'INPUTBOX',
+              text: '$label.showcase_2.slide_text_5.text',
+            },
+            image_content: {
+              type: 'IMAGE',
+              imageData: {
+                set: {
+                  LOW_RES: {
+                    url: 'bike_5.jpg',
+                  },
+                  MOBILE_WEBP_LOW_RES: {
+                    url: 'bike_5.jpg',
+                  },
+                  MOBILE_WEBP_HI_RES: {
+                    url: 'bike_5@2x.jpg',
+                  },
+                  WEBP_LOW_RES: {
+                    url: 'bike_5@2x.jpg',
+                  },
+                  WEBP_HI_2X_RES: {
+                    url: 'bike_5@2x.jpg',
+                  },
+                },
+                borderInfo: {},
+              },
+            },
+          },
+        },
+        {
+          settings: {
+            image_text: {
+              type: 'INPUTBOX',
+              text: '$label.showcase_2.slide_text_6.text',
+            },
+            image_content: {
+              type: 'IMAGE',
+              imageData: {
+                set: {
+                  LOW_RES: {
+                    url: 'bike_6.jpg',
+                  },
+                  MOBILE_WEBP_LOW_RES: {
+                    url: 'bike_6.jpg',
+                  },
+                  MOBILE_WEBP_HI_RES: {
+                    url: 'bike_6@2x.jpg',
+                  },
+                  WEBP_LOW_RES: {
+                    url: 'bike_6@2x.jpg',
+                  },
+                  WEBP_HI_2X_RES: {
+                    url: 'bike_6@2x.jpg',
+                  },
+                },
+                borderInfo: {},
+              },
+            },
+          },
+        },
+      ],
+    },
+  },
+  design: {
+    section_title: {
+      type: 'TEXT',
+      font: 'pt_mono',
+      size: 48,
+      bold: true,
+      italic: false,
+      color: '#FFFFFF',
+    },
+    section_description: {
+      type: 'TEXT',
+      font: 'inter',
+      size: 16,
+      bold: true,
+      italic: false,
+      color: '#FFFFFF',
+    },
+    section_tagline: {
+      type: 'TEXT',
+      font: 'pt_mono',
+      size: 16,
+      bold: false,
+      italic: false,
+      color: '#FFB92E',
+    },
+    section_button: {
+      type: 'BUTTON',
+      font: 'inter',
+      appearance: 'SOLID',
+      size: 'LARGE',
+      style: 'rectangle',
+      color: '#FFFFFF',
+    },
+    background: {
+      type: 'BACKGROUND',
+      style: 'COLOR',
+      color: '#000000',
+    },
+    image_text: {
+      type: 'TEXT',
+      font: 'pt_mono',
+      size: 24,
+      bold: true,
+      italic: false,
+      color: '#FFFFFF',
+    },
+    image_content: {
+      type: 'IMAGE',
+      overlay: 'GRADIENT',
+      color: ['#000000', '#000000'],
+    },
+  },
+} as const;

package/template/reference/sections/intro-slider/showcases/translations.ts

@@ -0,0 +1,88 @@
+export default {
+  en: {
+    '$label.showcase_1.blockName': 'Reference Section — Slider',
+
+    '$label.showcase_1.section_title.text': 'Discover the new items\nin our collection',
+    '$label.showcase_1.section_description.text': 'Find something for every occasion',
+    '$label.showcase_1.section_tagline.text': 'New collection',
+    '$label.showcase_1.section_button.title': 'Shop now',
+
+    '$label.showcase_1.slide_text_1.text': 'Cosmetics',
+    '$label.showcase_1.slide_text_2.text': 'Hats & Caps',
+    '$label.showcase_1.slide_text_3.text': 'Bags',
+    '$label.showcase_1.slide_text_4.text': 'Glasses',
+    '$label.showcase_1.slide_text_5.text': 'Dresses',
+    '$label.showcase_1.slide_text_6.text': 'Classic shoes',
+
+    '$label.showcase_2.blockName': 'Reference Section — Slider',
+
+    '$label.showcase_2.section_title.text': 'Get inspired by our clients bikes.',
+    '$label.showcase_2.section_tagline.text': 'Over 9000 bikes has been sold',
+    '$label.showcase_2.section_button.title': 'Explore our Instagram',
+
+    '$label.showcase_2.slide_text_1.text': 'Bike name 1',
+    '$label.showcase_2.slide_text_2.text': 'Bike name 2',
+    '$label.showcase_2.slide_text_3.text': 'Bike name 3',
+    '$label.showcase_2.slide_text_4.text': 'Bike name 4',
+    '$label.showcase_2.slide_text_5.text': 'Bike name 5',
+    '$label.showcase_2.slide_text_6.text': 'Bike name 6',
+  },
+
+  nl: {
+    '$label.showcase_1.blockName': 'Referentie Sectie — Slider',
+
+    '$label.showcase_1.section_title.text': 'Ontdek de nieuwe items\nin onze collectie',
+    '$label.showcase_1.section_description.text': 'Vind iets voor elke gelegenheid',
+    '$label.showcase_1.section_tagline.text': 'Nieuwe collectie',
+    '$label.showcase_1.section_button.title': 'Shop nu',
+
+    '$label.showcase_1.slide_text_1.text': 'Cosmetica',
+    '$label.showcase_1.slide_text_2.text': 'Hoeden & Petten',
+    '$label.showcase_1.slide_text_3.text': 'Tassen',
+    '$label.showcase_1.slide_text_4.text': 'Brillen',
+    '$label.showcase_1.slide_text_5.text': 'Jurken',
+    '$label.showcase_1.slide_text_6.text': 'Klassieke schoenen',
+
+    '$label.showcase_2.blockName': 'Referentie Sectie — Slider',
+
+    '$label.showcase_2.section_title.text': 'Laat je inspireren door de fietsen van onze klanten.',
+    '$label.showcase_2.section_tagline.text': 'Meer dan 900 fietsen zijn verkocht',
+    '$label.showcase_2.section_button.title': 'Ontdek onze Instagram',
+
+    '$label.showcase_2.slide_text_1.text': 'Fiets naam 1',
+    '$label.showcase_2.slide_text_2.text': 'Fiets naam 2',
+    '$label.showcase_2.slide_text_3.text': 'Fiets naam 3',
+    '$label.showcase_2.slide_text_4.text': 'Fiets naam 4',
+    '$label.showcase_2.slide_text_5.text': 'Fiets naam 5',
+    '$label.showcase_2.slide_text_6.text': 'Fiets naam 6',
+  },
+
+  fr: {
+    '$label.showcase_1.blockName': 'Section de Référence — Slider',
+
+    '$label.showcase_1.section_title.text': 'Découvrez les nouveaux articles\nde notre collection',
+    '$label.showcase_1.section_description.text': 'Trouvez quelque chose pour chaque occasion',
+    '$label.showcase_1.section_tagline.text': 'Nouvelle collection',
+    '$label.showcase_1.section_button.title': 'Achetez maintenant',
+
+    '$label.showcase_1.slide_text_1.text': 'Cosmétiques',
+    '$label.showcase_1.slide_text_2.text': 'Chapeaux & Casquettes',
+    '$label.showcase_1.slide_text_3.text': 'Sacs',
+    '$label.showcase_1.slide_text_4.text': 'Lunettes',
+    '$label.showcase_1.slide_text_5.text': 'Robes',
+    '$label.showcase_1.slide_text_6.text': 'Chaussures classiques',
+
+    '$label.showcase_2.blockName': 'Section de Référence — Slider',
+
+    '$label.showcase_2.section_title.text': 'Inspirez-vous des vélos de nos clients.',
+    '$label.showcase_2.section_tagline.text': 'Plus de 9000 vélos ont été vendus',
+    '$label.showcase_2.section_button.title': 'Explorez notre Instagram',
+
+    '$label.showcase_2.slide_text_1.text': 'Nom du vélo 1',
+    '$label.showcase_2.slide_text_2.text': 'Nom du vélo 2',
+    '$label.showcase_2.slide_text_3.text': 'Nom du vélo 3',
+    '$label.showcase_2.slide_text_4.text': 'Nom du vélo 4',
+    '$label.showcase_2.slide_text_5.text': 'Nom du vélo 5',
+    '$label.showcase_2.slide_text_6.text': 'Nom du vélo 6',
+  },
+} as const;

package/template/reference/sections/intro-slider/type.ts

@@ -0,0 +1,5 @@
+import ContentSettings from './settings/content.ts';
+import DesignSettings from './settings/design.ts';
+
+export type Content = InferContentType<typeof ContentSettings>;
+export type Design = InferDesignType<typeof DesignSettings>;