@faststore/ui 1.8.49 → 1.8.51

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 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)
 
 

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/ui.cjs.development.js

@@ -2003,6 +2003,42 @@ const OutOfStockTitle = ({
   }, 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 +2063,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;