Laioutr UI 2.2.1

CHANGELOG.md

@laioutr-core/ui@2.2.1

• 32a2ebb: Fix ProductSliderShowcase padding and width: slider no longer reserves bleed padding on the wrapper (relied on full-bleed parent), banner respects its container, and the slider fills the remaining row width on desktop.

• 32a2ebb: Caption styling on BannerBasic: plain/boxed variant, colour scheme, and text-shadow controls — replacing the previous colour-only override. New captionVariantField shared field in @laioutr-app/ui bundles the controls into a single sidebar group on BlockBannerBasic and SectionProductSliderShowcase. Container no longer strips border-radius from CTA banners in full-width containers (banners now own their own radius).

  Breaking: BannerBasic (@laioutr-core/ui) replaces captionColor: string with captionVariant: Omit<CaptionFlagProps, 'text'>. Migrate inline:

  // Before
  <BannerBasic :caption="caption" caption-color="#ff0000" />
  
  // After
  <BannerBasic :caption="caption" :caption-variant="{ variant: 'plain', textShadow: 'none' }" />

  Breaking: SectionProductSliderShowcase schema replaces captionStyle.color with captionVariant. Existing pages with values stored under captionStyle silently drop them on next save — re-author the caption styling via the new Variant panel in Studio.

• 7bb97dd: Sizing-system consolidation. New Sizer primitive in ui-kit and matching sizingField shared schema in ui-app. Banner blocks (BlockBannerBasic, BlockBannerIntegrated, BlockBannerShowcase) plus BlockMedia and BlockIframe now route outer-box sizing through Sizer instead of bespoke per-block fields. Banner blocks also gain vertical content alignment (2D on Basic, vertical-only on Integrated). Placeholder accepts an optional text prop.

  Breaking: Iframe component removed from @laioutr-core/ui-kit. Consumers wrapped it for a single iframe with fixed mobile/desktop heights — inline an <iframe class="…" :src :title /> directly and let Sizer (in your Block) drive the height.

  Breaking: MediaPreview (@laioutr-core/ui-kit) no longer accepts aspectRatio, height, or orientation. Wrap in <Sizer :sizing="…"> (or any parent that provides a definite height) and let MediaPreview fill it. Portrait-orientation behavior is now done by typing a portrait aspect-ratio directly in the schema (e.g. 3/4).

  Breaking: BannerBasic (@laioutr-core/ui) no longer accepts sizing / aspectRatio props. Wrap in <Sizer> in the consuming Block.

  Breaking: BlockMedia drops aspectRatio, height, and orientation schema fields; BlockIframe drops desktopHeight and mobileHeight. Existing pages with values stored under these names silently drop them on next save — author the desired height via the new sizing field in Studio.

• Updated dependencies [7bb97dd]

• Updated dependencies [7efccd0]

  • @laioutr-core/ui-kit@2.2.1