@faststore/ui 1.8.46 → 1.8.52

package/CHANGELOG.md

@@ -3,6 +3,39 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.8.52](https://github.com/vtex/faststore/compare/v1.8.51...v1.8.52) (2022-06-03)
+
+
+### Features
+
+* **ui:** Fix OutOfStock nested components ([#1341](https://github.com/vtex/faststore/issues/1341)) ([0bd85a6](https://github.com/vtex/faststore/commit/0bd85a6bd334c014559eced5a617a1476bfd8171))
+
+
+
+
+
+## 1.8.51 (2022-06-03)
+
+
+### Features
+
+* **UI:** Add Hero component ([#1336](https://github.com/vtex/faststore/issues/1336)) ([767c0cd](https://github.com/vtex/faststore/commit/767c0cdc5eaf6bd56020d64fd7718b1379c09390))
+
+
+
+
+
+## 1.8.49 (2022-05-31)
+
+
+### Bug Fixes
+
+* remove docs from build on codesandbox ([#1334](https://github.com/vtex/faststore/issues/1334)) ([c9eabde](https://github.com/vtex/faststore/commit/c9eabdea8d951d42a9b3898572719e1f45294b33))
+
+
+
+
+
 ## 1.8.46 (2022-05-30)
 
 

package/dist/index.d.ts

@@ -74,5 +74,7 @@ export { default as Dropdown, DropdownButton, DropdownItem, DropdownMenu, } from
 export type { DropdownProps, DropdownButtonProps, DropdownItemProps, DropdownMenuProps, } from './molecules/Dropdown';
 export { default as OutOfStock, OutOfStockTitle, OutOfStockMessage, } from './organisms/OutOfStock';
 export type { OutOfStockProps, OutOfStockMessageProps, OutOfStockTitleProps, } from './organisms/OutOfStock';
+export { default as Hero, HeroHeading, HeroImage } from './organisms/Hero';
+export type { HeroProps, HeroHeadingProps, HeroImageProps, } from './organisms/Hero';
 export { default as useSlider } from './hooks/useSlider';
 export type { UseSliderArgs, SliderState, SliderDispatch, SlideDirection, } from './hooks/useSlider';

package/dist/organisms/Hero/Hero.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { HTMLAttributes } from 'react';
+export interface HeroProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress,
+     * testing-library, and jest).
+     */
+    testId?: string;
+}
+declare const Hero: React.ForwardRefExoticComponent<HeroProps & React.RefAttributes<HTMLDivElement>>;
+export default Hero;

package/dist/organisms/Hero/HeroHeading.d.ts

@@ -0,0 +1,10 @@
+import type { HTMLAttributes } from 'react';
+import React from 'react';
+export interface HeroHeadingProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId?: string;
+}
+declare const HeroHeading: React.ForwardRefExoticComponent<HeroHeadingProps & React.RefAttributes<HTMLDivElement>>;
+export default HeroHeading;

package/dist/organisms/Hero/HeroImage.d.ts

@@ -0,0 +1,10 @@
+import type { HTMLAttributes } from 'react';
+import React from 'react';
+export interface HeroImageProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId?: string;
+}
+declare const HeroImage: React.ForwardRefExoticComponent<HeroImageProps & React.RefAttributes<HTMLDivElement>>;
+export default HeroImage;

package/dist/organisms/Hero/index.d.ts

@@ -0,0 +1,6 @@
+export { default } from './Hero';
+export type { HeroProps } from './Hero';
+export { default as HeroImage } from './HeroImage';
+export type { HeroImageProps } from './HeroImage';
+export { default as HeroHeading } from './HeroHeading';
+export type { HeroHeadingProps } from './HeroHeading';

package/dist/organisms/Hero/stories/Hero.stories.d.ts

@@ -0,0 +1,4 @@
+import type { HeroProps } from '../Hero';
+export declare const Hero: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, HeroProps>;
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
+export default _default;

package/dist/organisms/OutOfStock/OutOfStockMessage.d.ts

@@ -6,4 +6,4 @@ export declare type OutOfStockMessageProps = {
      */
     as?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'div' | 'span';
 } & OutOfStockBaseProps;
-export declare const OutOfStockMessage: ({ as: MessageComponent, testId, children, }: OutOfStockMessageProps) => JSX.Element;
+export declare const OutOfStockMessage: ({ as: MessageComponent, testId, children, ...otherProps }: OutOfStockMessageProps) => JSX.Element;

package/dist/organisms/OutOfStock/OutOfStockTitle.d.ts

@@ -6,4 +6,4 @@ export declare type OutOfStockTitleProps = {
      */
     as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p';
 } & OutOfStockBaseProps;
-export declare const OutOfStockTitle: ({ as: TitleComponent, testId, children, }: OutOfStockTitleProps) => JSX.Element;
+export declare const OutOfStockTitle: ({ as: TitleComponent, testId, children, ...otherProps }: OutOfStockTitleProps) => JSX.Element;

package/dist/ui.cjs.development.js

@@ -1984,25 +1984,63 @@ const OutOfStock = ({
 const OutOfStockMessage = ({
   as: MessageComponent = 'p',
   testId = 'store-out-of-stock-message',
-  children
+  children,
+  ...otherProps
 }) => {
-  return React__default.createElement(MessageComponent, {
+  return React__default.createElement(MessageComponent, Object.assign({
     "data-out-of-stock-message": true,
     "data-testid": testId
-  }, children);
+  }, otherProps), children);
 };
 
 const OutOfStockTitle = ({
   as: TitleComponent = 'h2',
   testId = 'store-out-of-stock-title',
-  children
+  children,
+  ...otherProps
 }) => {
-  return React__default.createElement(TitleComponent, {
+  return React__default.createElement(TitleComponent, Object.assign({
     "data-out-of-stock-title": true,
     "data-testid": testId
-  }, children);
+  }, otherProps), children);
 };
 
+const Hero = /*#__PURE__*/React.forwardRef(function Hero({
+  testId = 'store-hero',
+  children,
+  ...otherProps
+}, ref) {
+  return React__default.createElement("article", Object.assign({
+    ref: ref,
+    "data-store-hero": true,
+    "data-testid": testId
+  }, otherProps), children);
+});
+
+const HeroImage = /*#__PURE__*/React.forwardRef(function HeroImage({
+  testId = 'store-hero-image',
+  children,
+  ...otherProps
+}, ref) {
+  return React__default.createElement("div", Object.assign({
+    ref: ref,
+    "data-hero-image": true,
+    "data-testid": testId
+  }, otherProps), children);
+});
+
+const HeroHeading = /*#__PURE__*/React.forwardRef(function HeroHeading({
+  testId = 'store-hero-heading',
+  children,
+  ...otherProps
+}, ref) {
+  return React__default.createElement("header", Object.assign({
+    ref: ref,
+    "data-hero-heading": true,
+    "data-testid": testId
+  }, otherProps), children);
+});
+
 exports.Accordion = Accordion;
 exports.AccordionButton = AccordionButton;
 exports.AccordionItem = AccordionItem;
@@ -2027,6 +2065,9 @@ exports.DropdownButton = DropdownButton;
 exports.DropdownItem = DropdownItem;
 exports.DropdownMenu = DropdownMenu;
 exports.Form = Form;
+exports.Hero = Hero;
+exports.HeroHeading = HeroHeading;
+exports.HeroImage = HeroImage;
 exports.Icon = Icon;
 exports.IconButton = IconButton;
 exports.Incentive = Incentive;