diff --git a/CHANGELOG.md b/CHANGELOG.md index 7bf778c74..ec030d00d 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -7,7 +7,11 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0. ## [Unreleased] -## [5.1.0] - 2018-7-3 +## [5.2.0] - 2018-07-04 + +### Added + +- **PageHeader** ## [5.1.0] - 2018-07-03 diff --git a/package.json b/package.json index e2726d01e..52100a76b 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@vtex/styleguide", - "version": "5.1.1", + "version": "5.2.0", "scripts": { "test": "react-scripts test --env=jsdom", "test:codemod": "jest codemod", diff --git a/react/components/PageHeader/README.md b/react/components/PageHeader/README.md new file mode 100644 index 000000000..74704fc13 --- /dev/null +++ b/react/components/PageHeader/README.md @@ -0,0 +1,18 @@ +Default + +```js + +``` + +With back link + +```js + { + console.log(e) + }} +/> +``` diff --git a/react/components/PageHeader/index.js b/react/components/PageHeader/index.js new file mode 100644 index 000000000..e9efced28 --- /dev/null +++ b/react/components/PageHeader/index.js @@ -0,0 +1,55 @@ +import React, { PureComponent } from 'react' +import PropTypes from 'prop-types' + +import ArrowBack from '../icon/ArrowBack' +import Button from '../Button' + +class PageHeader extends PureComponent { + handleClick = e => { + this.props.backClick && this.props.backClick(e) + } + + render() { + const { backLabel } = this.props + + return ( +
+ {backLabel && ( + + )} + +
+ {this.props.title} +
+
+ ) + } +} + +PageHeader.propTypes = { + title: PropTypes.string.isRequired, + backLabel: PropTypes.string, + backClick: PropTypes.func, +} + +export default PageHeader diff --git a/styleguide-visual/Alert_2_desktop.png b/styleguide-visual/Alert_2_desktop.png index 602a2b3c8..6480dfc48 100644 Binary files a/styleguide-visual/Alert_2_desktop.png and b/styleguide-visual/Alert_2_desktop.png differ diff --git a/styleguide-visual/Badge_2_desktop.png b/styleguide-visual/Badge_2_desktop.png index 4c00631f5..cbf1e9b85 100644 Binary files a/styleguide-visual/Badge_2_desktop.png and b/styleguide-visual/Badge_2_desktop.png differ diff --git a/styleguide-visual/Button_1_desktop.png b/styleguide-visual/Button_1_desktop.png index 6b798d8ab..3e6ddacf9 100644 Binary files a/styleguide-visual/Button_1_desktop.png and b/styleguide-visual/Button_1_desktop.png differ diff --git a/styleguide-visual/Button_2_desktop.png b/styleguide-visual/Button_2_desktop.png index aeebb718c..e24b01e21 100644 Binary files a/styleguide-visual/Button_2_desktop.png and b/styleguide-visual/Button_2_desktop.png differ diff --git a/styleguide-visual/Button_3_desktop.png b/styleguide-visual/Button_3_desktop.png index 200d4bba9..8be4fcb48 100644 Binary files a/styleguide-visual/Button_3_desktop.png and b/styleguide-visual/Button_3_desktop.png differ diff --git a/styleguide-visual/Button_5_desktop.png b/styleguide-visual/Button_5_desktop.png index ddbaf26db..654ad7a29 100644 Binary files a/styleguide-visual/Button_5_desktop.png and b/styleguide-visual/Button_5_desktop.png differ diff --git a/styleguide-visual/Button_6_desktop.png b/styleguide-visual/Button_6_desktop.png index 995991b4d..4dcab06d0 100644 Binary files a/styleguide-visual/Button_6_desktop.png and b/styleguide-visual/Button_6_desktop.png differ diff --git a/styleguide-visual/Card_1_desktop.png b/styleguide-visual/Card_1_desktop.png index 0ffef70ec..e39d465ed 100644 Binary files a/styleguide-visual/Card_1_desktop.png and b/styleguide-visual/Card_1_desktop.png differ diff --git a/styleguide-visual/Card_2_desktop.png b/styleguide-visual/Card_2_desktop.png index ed11133f2..954bd7461 100644 Binary files a/styleguide-visual/Card_2_desktop.png and b/styleguide-visual/Card_2_desktop.png differ diff --git a/styleguide-visual/Checkbox_1_desktop.png b/styleguide-visual/Checkbox_1_desktop.png index 51f4422f9..c40ded5a1 100644 Binary files a/styleguide-visual/Checkbox_1_desktop.png and b/styleguide-visual/Checkbox_1_desktop.png differ diff --git a/styleguide-visual/Checkbox_2_desktop.png b/styleguide-visual/Checkbox_2_desktop.png index 2f18fd9b6..1a78fac42 100644 Binary files a/styleguide-visual/Checkbox_2_desktop.png and b/styleguide-visual/Checkbox_2_desktop.png differ diff --git a/styleguide-visual/Dropdown_2_desktop.png b/styleguide-visual/Dropdown_2_desktop.png index 22e0cbd84..5e8cc8312 100644 Binary files a/styleguide-visual/Dropdown_2_desktop.png and b/styleguide-visual/Dropdown_2_desktop.png differ diff --git a/styleguide-visual/Dropdown_3_desktop.png b/styleguide-visual/Dropdown_3_desktop.png index bbcf867fd..e0d81334e 100644 Binary files a/styleguide-visual/Dropdown_3_desktop.png and b/styleguide-visual/Dropdown_3_desktop.png differ diff --git a/styleguide-visual/EmptyState_1_desktop.png b/styleguide-visual/EmptyState_1_desktop.png index d3aec820d..0e8dec284 100644 Binary files a/styleguide-visual/EmptyState_1_desktop.png and b/styleguide-visual/EmptyState_1_desktop.png differ diff --git a/styleguide-visual/EmptyState_2_desktop.png b/styleguide-visual/EmptyState_2_desktop.png index 4d6ab22a3..f091d16a4 100644 Binary files a/styleguide-visual/EmptyState_2_desktop.png and b/styleguide-visual/EmptyState_2_desktop.png differ diff --git a/styleguide-visual/Icons_1_desktop.png b/styleguide-visual/Icons_1_desktop.png index 4d5b97150..4a4e469d8 100644 Binary files a/styleguide-visual/Icons_1_desktop.png and b/styleguide-visual/Icons_1_desktop.png differ diff --git a/styleguide-visual/Input_2_desktop.png b/styleguide-visual/Input_2_desktop.png index 9fe2ea92a..7bc21637e 100644 Binary files a/styleguide-visual/Input_2_desktop.png and b/styleguide-visual/Input_2_desktop.png differ diff --git a/styleguide-visual/Input_3_desktop.png b/styleguide-visual/Input_3_desktop.png index 42ad3aaf1..4e7116399 100644 Binary files a/styleguide-visual/Input_3_desktop.png and b/styleguide-visual/Input_3_desktop.png differ diff --git a/styleguide-visual/PageHeader_1_desktop.png b/styleguide-visual/PageHeader_1_desktop.png new file mode 100644 index 000000000..740d1bdfc Binary files /dev/null and b/styleguide-visual/PageHeader_1_desktop.png differ diff --git a/styleguide-visual/PageHeader_2_desktop.png b/styleguide-visual/PageHeader_2_desktop.png new file mode 100644 index 000000000..4a0b1834b Binary files /dev/null and b/styleguide-visual/PageHeader_2_desktop.png differ diff --git a/styleguide-visual/RadioGroup_2_desktop.png b/styleguide-visual/RadioGroup_2_desktop.png index f47227a2a..3e0051a3d 100644 Binary files a/styleguide-visual/RadioGroup_2_desktop.png and b/styleguide-visual/RadioGroup_2_desktop.png differ diff --git a/styleguide-visual/RadioGroup_3_desktop.png b/styleguide-visual/RadioGroup_3_desktop.png index f17d8180f..5f25db03e 100644 Binary files a/styleguide-visual/RadioGroup_3_desktop.png and b/styleguide-visual/RadioGroup_3_desktop.png differ diff --git a/styleguide-visual/Spinner_1_desktop.png b/styleguide-visual/Spinner_1_desktop.png index f43352faa..816c166f2 100644 Binary files a/styleguide-visual/Spinner_1_desktop.png and b/styleguide-visual/Spinner_1_desktop.png differ diff --git a/styleguide-visual/Spinner_2_desktop.png b/styleguide-visual/Spinner_2_desktop.png index f04931171..527598d62 100644 Binary files a/styleguide-visual/Spinner_2_desktop.png and b/styleguide-visual/Spinner_2_desktop.png differ diff --git a/styleguide-visual/Table_2_desktop.png b/styleguide-visual/Table_2_desktop.png index 29b636922..e0c4ef406 100644 Binary files a/styleguide-visual/Table_2_desktop.png and b/styleguide-visual/Table_2_desktop.png differ diff --git a/styleguide-visual/Tabs_1_desktop.png b/styleguide-visual/Tabs_1_desktop.png index 9d1f0a029..d3aec820d 100644 Binary files a/styleguide-visual/Tabs_1_desktop.png and b/styleguide-visual/Tabs_1_desktop.png differ diff --git a/styleguide-visual/Toggle_1_desktop.png b/styleguide-visual/Toggle_1_desktop.png index 2b357384e..3b5353208 100644 Binary files a/styleguide-visual/Toggle_1_desktop.png and b/styleguide-visual/Toggle_1_desktop.png differ diff --git a/styleguide-visual/Toggle_2_desktop.png b/styleguide-visual/Toggle_2_desktop.png index c2f416158..085b750f0 100644 Binary files a/styleguide-visual/Toggle_2_desktop.png and b/styleguide-visual/Toggle_2_desktop.png differ diff --git a/styleguide-visual/Toggle_3_desktop.png b/styleguide-visual/Toggle_3_desktop.png index 70e442077..12c9f2364 100644 Binary files a/styleguide-visual/Toggle_3_desktop.png and b/styleguide-visual/Toggle_3_desktop.png differ