diff --git a/package.json b/package.json index 3e30d34155..d7d219146a 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@edx/paragon", - "version": "0.2.0", + "version": "1.0.0", "description": "Accessible, responsive UI component library based on Bootstrap.", "main": "src/index.js", "author": "arizzitano", diff --git a/src/Button/README.md b/src/Button/README.md index 05d8dc91d8..0f85cca606 100644 --- a/src/Button/README.md +++ b/src/Button/README.md @@ -10,8 +10,8 @@ Provides a button component that can be customized and handle multiple event han ### `className` (string array; optional) `className` specifies Bootstrap class names to apply to the button. See [Bootstrap's buttons documentation](https://getbootstrap.com/docs/4.0/components/buttons/) for a list of applicable class names. The default is an empty array. -### `display` (string; required) -`display` specifies the text that is displayed within the button. +### `label` (string; required) +`label` specifies the text that is displayed within the button. ### `inputRef` (function; optional) `inputRef` is a function that defines a reference for the button. An example `inputRef` from the calling component could look something like: `inputRef={(input) => { this.button = input; }}`. The default is an empty function. diff --git a/src/Button/index.jsx b/src/Button/index.jsx index 1d9fe4585a..2d3fd62679 100644 --- a/src/Button/index.jsx +++ b/src/Button/index.jsx @@ -8,7 +8,7 @@ function Button(props) { const { buttonType, className, - display, + label, inputRef, isClose, onBlur, @@ -35,7 +35,7 @@ function Button(props) { ref={inputRef} {...other} > - {display} + {label} ); } @@ -43,7 +43,7 @@ function Button(props) { export const buttonPropTypes = { buttonType: PropTypes.string, className: PropTypes.arrayOf(PropTypes.string), - display: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired, + label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired, inputRef: PropTypes.func, isClose: PropTypes.bool, onBlur: PropTypes.func, diff --git a/src/Dropdown/index.jsx b/src/Dropdown/index.jsx index f7d2056be0..e8a701274b 100644 --- a/src/Dropdown/index.jsx +++ b/src/Dropdown/index.jsx @@ -127,7 +127,7 @@ class Dropdown extends React.Component { aria-expanded={this.state.open} aria-haspopup="true" buttonType={this.props.buttonType} - display={this.props.title} + label={this.props.title} onClick={this.toggle} onKeyDown={this.handleToggleKeyDown} className={[ diff --git a/src/Modal/Modal.stories.jsx b/src/Modal/Modal.stories.jsx index b7a28a65c0..246300c718 100644 --- a/src/Modal/Modal.stories.jsx +++ b/src/Modal/Modal.stories.jsx @@ -37,7 +37,7 @@ class ModalWrapper extends React.Component { />