UNPKG

optimizely-oui

Version:

Optimizely's Component Library.

744 lines (469 loc) 127 kB
# Changelog All notable changes to this project will be documented in this file. See [CONTRIBUTING.md](../../CONTRIBUTING.md) for commit guidelines. ## [49.0.0](#v49.0.0) (2021-09-24) ### ⚠ BREAKING CHANGES * **disclose:** `toggle` prop has been removed. ### Features * **disclose:** Adding the isDisabled prop ([b15ca27](https://github.com/optimizely/repos/axiom/commits/b15ca27ea1ebdf176cece5453db0547ba1c35028)) * **disclose:** Adding the ability to control the component from the outside ([f581949](https://github.com/optimizely/repos/axiom/commits/f581949172589e3d591dfe571b55e8474e2d853d)) ### Bug Fixes * **toolbar-button:** Fixed disappearing border ([3abce95](https://github.com/optimizely/repos/axiom/commits/3abce9573064f072f205ec65a2ac8300a3462988)) ### [48.15.1](#v48.15.1) (2021-09-20) ### Bug Fixes * **button:** Styled plain button with tokens to fix blank active state ([132ec77](https://github.com/optimizely/repos/axiom/commits/132ec7706b1c1c3d0902c26f42822814bc050564)) * **button:** Styled toggle button with tokens to fix blank active state ([8e1fc34](https://github.com/optimizely/repos/axiom/commits/8e1fc34f340a35346d595a292bdc7a3158ed2689)) ## [48.15.0](#v48.15.0) (2021-09-15) ### Features * Deprecate typography helper classes ([bb40954](https://github.com/optimizely/repos/axiom/commits/bb409547de5dd8c5a987404c58f9fad2ebbfc54a)) * **typography:** Add typography component ([58bd5bb](https://github.com/optimizely/repos/axiom/commits/58bd5bb1ba2fbe7eb451dc811f6d815e47d519df)) ### [48.14.10](#v48.14.10) (2021-08-23) ### Bug Fixes * **text-area:** Removed unused `children` from propTypes ([dcf6500](https://github.com/optimizely/repos/axiom/commits/dcf6500acd558e26e3c7415633b34b33c7eec017)) ### [48.14.9](#v48.14.9) (2021-08-19) ### Bug Fixes * **table:** Make table cell text content wrap ([#1561](https://github.com/optimizely/axiom/issues/1561)) ([fefe0b8](https://github.com/optimizely/repos/axiom/commits/fefe0b8d823368a0f7e2adb88722a7da148945ae)) ### [48.14.8](#v48.14.8) (2021-08-13) ### Bug Fixes * **drag-and-drop:** Not all props should be required ([c59c068](https://github.com/optimizely/repos/axiom/commits/c59c06810f1aa9143c33c4ea05739c42314ff2f0)) * **empty-dashboard:** Not all props should be required ([4894640](https://github.com/optimizely/repos/axiom/commits/489464070747cd29c393acc13dea564b8de63eeb)) * **manager-side-nav:** Not all props should be required ([b0a7c5d](https://github.com/optimizely/repos/axiom/commits/b0a7c5d7953d6f3f0d085716bae7fa657bad9061)) * **toolbar:** Increase the line height to 1.4 if is dropdown ([14afc13](https://github.com/optimizely/repos/axiom/commits/14afc13db84cba0df1654f8ac2ee146a45a65c83)) ### [48.14.7](#v48.14.7) (2021-08-12) ### Bug Fixes * **disclose:** Increasing margin between the arrow and the text ([6aa705a](https://github.com/optimizely/repos/axiom/commits/6aa705ac28ccbad6c57d9169d6935acab37fc1e9)) ### [48.14.6](#v48.14.6) (2021-08-11) ### Bug Fixes * **list-group:** Change the headline font style from epsilon to subhead ([7fc01fb](https://github.com/optimizely/repos/axiom/commits/7fc01fb72221a900596965802cde9006ed428649)) * **select-dropdown:** Reduce font size of selected value to 13px ([c189195](https://github.com/optimizely/repos/axiom/commits/c1891951744b7c97cbbc3b07e34859f36251614a)) ### [48.14.5](#v48.14.5) (2021-08-10) ### Bug Fixes * inputs fields are not looking correct on safari ([a44723d](https://github.com/optimizely/repos/axiom/commits/a44723d74cc6f893dbaa51c2a4acbc6bc253e325)) * **navigation:** Update the Navigation component filenames to match contribution guidelines. ([0581ed0](https://github.com/optimizely/repos/axiom/commits/0581ed05ea0bf7cb55bc0eb5dc3595b5b42b7f66)) * **poptip:** Upgrade react-tippy to version 1.4.0 ([4d4d378](https://github.com/optimizely/repos/axiom/commits/4d4d378fb6c5664efcb4887287721cbc06a6ae99)) ### [48.14.4](#v48.14.4) (2021-07-27) ### Bug Fixes * **navigation:** Changing the Navigation component export from default. ([#1548](https://github.com/optimizely/axiom/issues/1548)) ([8b4608d](https://github.com/optimizely/repos/axiom/commits/8b4608d85e55551ea62d5cb2890d462dcef437cc)) ### [48.14.3](#v48.14.3) (2021-07-27) ### [48.14.2](#v48.14.2) (2021-07-26) ### [48.14.1](#v48.14.1) (2021-07-26) ### Bug Fixes * **nav-bar:** Fixing the background color to contrast with the nav items ([ab8c5ec](https://github.com/optimizely/repos/axiom/commits/ab8c5ec6d8728b42b2944f31d52f9a20b223ec24)) * **navigation:** Export the new Navigation component similar to other components. ([#1545](https://github.com/optimizely/axiom/issues/1545)) ([9396daa](https://github.com/optimizely/repos/axiom/commits/9396daa3e65bbb67191e13511ac5505e630bc443)) * **search:** Search icon is too close to the field's placeholder ([8359e85](https://github.com/optimizely/repos/axiom/commits/8359e85865038bd841ba5c444f7592c46e10e9fc)) ## [48.14.0](#v48.14.0) (2021-07-21) ### Features * **navigation:** Create the new Navigation component ([2e4818f](https://github.com/optimizely/repos/axiom/commits/2e4818f54b337edb96e9d0456f872b4f897daabc)) ### Bug Fixes * **navigation:** Adding the Navigation component to the main.js file ([b101cb5](https://github.com/optimizely/repos/axiom/commits/b101cb564afe6328a5b24f7f8d20c4b3a6c2e41a)) ### [48.13.1](#v48.13.1) (2021-07-19) ### Bug Fixes * Lighten base border color to $border-divider-color ([ac23beb](https://github.com/optimizely/repos/axiom/commits/ac23bebe34dd9886c0d45567fd02fc55a70a4538)) ## [48.13.0](#v48.13.0) (2021-07-09) ### Features * **nav-bar:** Add the ability to hide/show the optimizely logo ([4fdc739](https://github.com/optimizely/repos/axiom/commits/4fdc7398bb19a7bd1835b7da150dc6da0ec113d6)) ## [48.12.0](#v48.12.0) (2021-07-09) ### Features * Don't set root font-size ([da49e80](https://github.com/optimizely/repos/axiom/commits/da49e80354c0b3a2d1e780defd490f1c6124340f)) * Use body font size in components ([ec276f3](https://github.com/optimizely/repos/axiom/commits/ec276f3c70bb4b81a91d7728e2dbfbeed6cc4110)) ### Bug Fixes * **avatar:** Not all props should be required ([d90e324](https://github.com/optimizely/repos/axiom/commits/d90e324a6147145e991b40719b0905a77e3a2608)) * **block-list-category:** Not all props should be required ([3e77c00](https://github.com/optimizely/repos/axiom/commits/3e77c000e8538c30ce8538073b36bf4bb87075b1)) * **card:** Not all props should be required ([c74a812](https://github.com/optimizely/repos/axiom/commits/c74a812fdbd2dc376b803ac0d436937eddba21a3)) * **close-button:** Not all props should be required ([375d494](https://github.com/optimizely/repos/axiom/commits/375d4946371fd4287d323b625fe85fa113812961)) * **code-diff:** Not all props should be required ([377ce23](https://github.com/optimizely/repos/axiom/commits/377ce2350683cd3ee10c2cbcc2c9ec1c5b4c41c9)) * **dialog:** Not all props should be required ([782c88f](https://github.com/optimizely/repos/axiom/commits/782c88f06d87956bfa913a238fa96593e32b8c9b)) * **disclose-table:** Not all props should be required ([55044ec](https://github.com/optimizely/repos/axiom/commits/55044ecd2e0b1fcfa736c4c55e3ea75cd924911c)) * **list-group:** Not all props should be required ([900244d](https://github.com/optimizely/repos/axiom/commits/900244d1ef739f1581373614535252d4be724b70)) * **nav-bar:** Not all props should be required ([5e6a980](https://github.com/optimizely/repos/axiom/commits/5e6a9806f4749a086afd9c44dda2dddcb79cf785)) * **sheet:** Not all props should be required ([344a7d2](https://github.com/optimizely/repos/axiom/commits/344a7d27fa50a7d75347970bc1c6ed8a287147a0)) * **sidebar:** Not all props should be required ([0aad7c9](https://github.com/optimizely/repos/axiom/commits/0aad7c95d70ba936eacf0dd99a891e4beb80b00f)) * **switch:** Not all props should be required ([77c4340](https://github.com/optimizely/repos/axiom/commits/77c4340a31183f20901e4851be35d624c3375eda)) * **toolbar:** Not all props should be required ([acb12a2](https://github.com/optimizely/repos/axiom/commits/acb12a2dc2deae873e2652cd97123790d27481aa)) ### [48.11.1](#v48.11.1) (2021-07-06) Release done to upload dynamic prop table documentation to s3. See documentation at: https://design.optimizely.com/elements ## [48.11.0](#v48.11.0) (2021-06-11) ### Features * **Attention:** Pass down className and additional props ([ba07761](https://github.com/optimizely/repos/axiom/commits/ba07761423b38d10bcf81b7c5c16206d9ee6a911)) * **Avatar:** Pass down className and additional props ([3117f19](https://github.com/optimizely/repos/axiom/commits/3117f19f1ce393bc33a9998b26f8d498306d642b)) * **badge:** Deprecate purple color and backgroundColor props ([c0a5067](https://github.com/optimizely/repos/axiom/commits/c0a5067f80acb3e51e601a1aae64879ea5fe2187)) * **badge:** Update styling to match Figma and increase accessibility ([b8e716a](https://github.com/optimizely/repos/axiom/commits/b8e716a5efee344b644c4184e1fc2c12c895b643)) * **Badge:** Pass down className and additional props ([7b90335](https://github.com/optimizely/repos/axiom/commits/7b903356c5b1d8524757ea6e753cf7e40375cea3)) * **BlockList:** Pass down className and additional props ([edf970d](https://github.com/optimizely/repos/axiom/commits/edf970db50388d10d34438a5db966c40a43aa804)) * **ButterBar:** Pass down className and additional props ([f6f44cf](https://github.com/optimizely/repos/axiom/commits/f6f44cf4a2f67afcc85720ee6f3d5606cd746d23)) * **Button:** Pass down className and additional props ([e9d1e68](https://github.com/optimizely/repos/axiom/commits/e9d1e6878b95074e09b5a7deb489a3840fb5e37a)) * **ButtonIcon:** Pass down className and additional props ([9aff36b](https://github.com/optimizely/repos/axiom/commits/9aff36bf04c7195669381f460f761916bb23641b)) * **ButtonRow:** Pass down className and additional props ([272bb11](https://github.com/optimizely/repos/axiom/commits/272bb113d5880e5544a81e82863361708263008c)) * **Card:** Pass down className and additional props ([c7a7ef7](https://github.com/optimizely/repos/axiom/commits/c7a7ef7a51311292189ac146cdca313c0cf0290b)) * **Checkbox:** Pass down className and additional props ([1d734b1](https://github.com/optimizely/repos/axiom/commits/1d734b11f0a8c5ee12756130bec67cf94b0b6834)) * **CloseButton:** Pass down className and additional props ([0f84545](https://github.com/optimizely/repos/axiom/commits/0f8454592967fdd56b3f083849c57bae8a46160c)) * **Code:** Pass down className and additional props ([c6bf5a9](https://github.com/optimizely/repos/axiom/commits/c6bf5a9d9f1876f07567697162c44d4a780dc1d1)) * **CodeDiff:** Pass down className and additional props ([513e5e3](https://github.com/optimizely/repos/axiom/commits/513e5e3ff208bd4b63c840973b94e1d00394e3ab)) * **CopyButton:** Pass down className and additional props ([a47e440](https://github.com/optimizely/repos/axiom/commits/a47e44051cc83f93e99a0cb80b8868889536aa72)) * **Dialog:** Pass down className and additional props ([4ff7eda](https://github.com/optimizely/repos/axiom/commits/4ff7eda3d32cca4c676991a409b38455123585ef)) * **Disclose:** Pass down className and additional props ([10e8e38](https://github.com/optimizely/repos/axiom/commits/10e8e3842575b6386fb6c48a7c95b8fe21904a93)) * **DiscloseTable:** Pass down className and additional props ([e7d57ce](https://github.com/optimizely/repos/axiom/commits/e7d57ceb4b55826c30d5df52e5d9e05f404f1f7e)) * **DockedFooter:** Pass down className and additional props ([31dbb1e](https://github.com/optimizely/repos/axiom/commits/31dbb1e7a205bbd5722ad294606ca349ef57f3e0)) * **DragAndDrop:** Pass down className and additional props ([84329fe](https://github.com/optimizely/repos/axiom/commits/84329fed65b04ef2064b756aeab9aabb91726de8)) * **Dropdown:** Pass down className and additional props ([be20526](https://github.com/optimizely/repos/axiom/commits/be2052644dad6f6795b2a28d4760f9099bef495e)) * **EmptyDashboard:** Pass down className and additional props ([60f7676](https://github.com/optimizely/repos/axiom/commits/60f76763eb79c339bc37abf6af5b8c3e77f69abb)) * **Fieldset:** Pass down className and additional props ([2d564d6](https://github.com/optimizely/repos/axiom/commits/2d564d6a2a8da3f70fad99783e169a0ce2dd7611)) * **FilterPicker:** Pass down className and additional props ([0a1761b](https://github.com/optimizely/repos/axiom/commits/0a1761bdce9ce3bb1f1add96045c6a45f620bebc)) * **Form:** Pass down className and additional props ([03b5f7e](https://github.com/optimizely/repos/axiom/commits/03b5f7e485ac020f8cafe183327b35bf1fe0bac2)) * **HelpPopover:** Pass down className and additional props ([6786b5d](https://github.com/optimizely/repos/axiom/commits/6786b5d922dd5ceaf77826ff8cdd4d625386640c)) * **Input:** Pass down className and additional props ([e336a46](https://github.com/optimizely/repos/axiom/commits/e336a461feac9b532ecfe579b9e51e4d93587b7e)) * **Label:** Pass down className and additional props ([a7b8df4](https://github.com/optimizely/repos/axiom/commits/a7b8df4b5f46c94e7e295593ef031ccee31b0873)) * **Layout:** Deprecate Layout component. Use Grid or LayoutGrid instead ([9d9e634](https://github.com/optimizely/repos/axiom/commits/9d9e634fd2e4004f8c268bd9603353db7f170168)) * **Link:** Pass down className and additional props ([b43f6de](https://github.com/optimizely/repos/axiom/commits/b43f6deff838519a54d073c36785516fcdb175a1)) * **ListGroup:** Pass down className and additional props ([73a4fc8](https://github.com/optimizely/repos/axiom/commits/73a4fc8d9c8eca6b0f5c8a47f3b68a076babf4b0)) * **ManagerSideNav:** Pass down className and additional props ([2714f8d](https://github.com/optimizely/repos/axiom/commits/2714f8da6075f5dc0e67c41211fe648bc671b3e2)) * **NavBar:** Pass down className and additional props ([8d0d5fe](https://github.com/optimizely/repos/axiom/commits/8d0d5fe3a3e36c3e892a0e121d501ac03b2a6e1f)) * **OverlayWrapper:** Pass down className and additional props ([e8d97b2](https://github.com/optimizely/repos/axiom/commits/e8d97b23583198312b94679dba83f1a03121a411)) * **PaginationControls:** Pass down className and additional props ([8b51830](https://github.com/optimizely/repos/axiom/commits/8b51830a65bd383e0298caf05782aa6dfef8cfa3)) * **Popover:** Pass down className and additional props ([0714b09](https://github.com/optimizely/repos/axiom/commits/0714b09b704d511d4a7139a7175620748cc07792)) * **Poptip:** Pass down className and additional props ([fd88c17](https://github.com/optimizely/repos/axiom/commits/fd88c17b5c6bfea4c75b5ef01286345e45d03569)) * **ProgressBar:** Pass down className and additional props ([c7322ba](https://github.com/optimizely/repos/axiom/commits/c7322ba767619406370772ba6bbed58d8f2dc1e9)) * **ProgressDots:** Pass down className and additional props ([d3d386f](https://github.com/optimizely/repos/axiom/commits/d3d386fd30619cca98c14e7b39634cbca65db505)) * **Radio:** Pass down className and additional props ([58cb6b4](https://github.com/optimizely/repos/axiom/commits/58cb6b4386306e89f09822bf8ce762680ca6808c)) * **RangeSlider:** Pass down className and additional props ([f658666](https://github.com/optimizely/repos/axiom/commits/f658666e3b0f688c21361e19abd1888986150c4e)) * **Select:** Pass down className and additional props ([9ccda90](https://github.com/optimizely/repos/axiom/commits/9ccda909886bb8e635214eb6365b7ccd1e9551aa)) * **SelectDropdown:** Pass down className and additional props ([35336cc](https://github.com/optimizely/repos/axiom/commits/35336cc837e2262882f3a76285431b758c9b7bdf)) * **Sheet:** Pass down className and additional props ([0c29308](https://github.com/optimizely/repos/axiom/commits/0c29308019d175988a18a97dfa99b88e74c7fc01)) * **Sidebar:** Pass down className and additional props ([305a286](https://github.com/optimizely/repos/axiom/commits/305a286b4fca01039840e5a5c4837d4453fdc16e)) * **Sortable:** Pass down className and additional props ([0cd74ee](https://github.com/optimizely/repos/axiom/commits/0cd74ee0d709269f66e77ded972accdf2032e0e6)) * **Spinner:** Pass down className and additional props ([0cb9f9c](https://github.com/optimizely/repos/axiom/commits/0cb9f9c531f7da40f8c95534e3e93423573018c3)) * **Steps:** Pass down className and additional props ([3aff6a6](https://github.com/optimizely/repos/axiom/commits/3aff6a65bc76ccaaa88c97dbb0260adcaecf462d)) * **SummaryBar:** Pass down className and additional props ([c2dc5d8](https://github.com/optimizely/repos/axiom/commits/c2dc5d8beaab5c5206c23c3149726201f0f166af)) * **Switch:** Pass down className and additional props ([4a3e8a5](https://github.com/optimizely/repos/axiom/commits/4a3e8a59d6c523cff95083db0ebc3b36494b8085)) * **Table:** Pass down className and additional props ([244c65d](https://github.com/optimizely/repos/axiom/commits/244c65d900517ffd1de51330731be89bd9a53a0b)) * **TabNav:** Pass down className and additional props ([4f4ef8e](https://github.com/optimizely/repos/axiom/commits/4f4ef8e360acfb5b0d27d93b4b04daba95c168ed)) * **Textarea:** Pass down className and additional props ([2a626ce](https://github.com/optimizely/repos/axiom/commits/2a626ce98655861937026fa4689db165da2f8781)) * **Tile:** Pass down className and additional props ([aff8d30](https://github.com/optimizely/repos/axiom/commits/aff8d30e169d8b9e9ccf378025ac59c67c8fe830)) * **Token:** Pass down className and additional props ([a1f392e](https://github.com/optimizely/repos/axiom/commits/a1f392edbb1bb96efd915e12f659f7463b4e1e44)) * **TokensInput:** Pass down className and additional props ([f45f3b3](https://github.com/optimizely/repos/axiom/commits/f45f3b35c1319c9620c50be3c86e66ad69d95223)) * **Toolbar:** Pass down className and additional props ([6f4d3d7](https://github.com/optimizely/repos/axiom/commits/6f4d3d75d92b4456ddf2bc30f737fc4bf42fdae3)) ## 48.10.0 - 2021-05-31 - [Patch] Change the vertical alignment of icon present in DropdownBlockLinkSecondaryText - [Patch] Card types are now properly generated - [Feature] Deprecate Axiom tokens. Use @optimizely/design-tokens instead. - [Feature] Rebrand Axiom to use product palette. - [Feature] Rebrand Axiom to use the updated typography system. - [Feature] Use rebranded logo in navbar story. ## 48.9.4 - 2021-05-07 - [Patch] Allow Dropdown content to have a defined maximum height ([#1505](https://github.com/optimizely/axiom/pull/1505)) ## 48.9.3 - 2021-04-21 - [Patch] Allowing table row to behave like a link ([#1478](https://github.com/optimizely/axiom/pull/1478)) ## 48.9.2 - 2021-04-14 - [Patch] Increment dropdown's z-index ([#1475](https://github.com/optimizely/axiom/pull/1475)) ## 48.9.1 - 2021-04-14 - [Feature] Handling the `title` prop in order to display a custom title on buttons when needed instead of the default icon ID. ([#1473](https://github.com/optimizely/axiom/pull/1473)) - [Feature] Add **Grid** component - [Feature] Add **GridLayout** component - [Patch] Updated `Input` with interactable `rightContainer`. ([#1464](https://github.com/optimizely/axiom/pull/1464)) ## 48.8.11 - 2021-02-17 - [Patch] Test release process for renamed repo. ## 48.8.10 - 2021-02-17 - [Patch] Upgraded `react-oui-icons` version to `3.0.1`. ([#1460](https://github.com/optimizely/oui/pull/1460)) ## 48.8.9 - 2021-02-10 - [Patch] Updated `SelectDropdown` with content for hover effect. ([#1456](https://github.com/optimizely/oui/pull/1456)) ## 48.8.8 - 2021-02-05 - [Patch] Removed truncating for `Tile` component. ([#1459](https://github.com/optimizely/oui/pull/1459)) ## 48.8.7 - 2021-02-05 - [Patch] Added type declaration for utils/fns ([#1458](https://github.com/optimizely/oui/pull/1458)) ## 48.8.6 - 2021-02-04 - [Patch] Upgraded `react-oui-icons` to v3.0.0 ([#1457](https://github.com/optimizely/oui/pull/1457)) - [Patch] Updated **Tile** with truncated long `name` and `description`. ([#1455](https://github.com/optimizely/oui/pull/1455)) ## 48.8.5 - 2021-02-01 - [Feature] Updated **Sheet** with new `hasRequiredFieldsIndicator` to enable/disable an indicator stating "\* Required Field" in the footer ([#1452](https://github.com/optimizely/oui/pull/1452)) ## 48.8.4 - 2020-12-11 - [Patch] Updated **Dropdown** to have 10px padding when isLabelTight === True ([#1448](https://github.com/optimizely/oui/pull/1448)) ## 48.8.3 - 2020-12-03 - [Patch] Fixed layout issue in **Tile** ([#1446](https://github.com/optimizely/oui/pull/1446)) ## 48.8.2 - 2020-11-24 - [Patch] No-op release caused by unintentional double deploy. See https://github.com/optimizely/oui/releases/tag/v48.8.1 for more info. ## 48.8.2 - 2020-11-24 - [Patch] No-op release caused by unintentional double deploy. See https://github.com/optimizely/oui/releases/tag/v48.8.1 for more info. ## 48.8.1 - 2020-11-24 - [Patch] Updated **Tile** css to not include overflow:hidden but wrap button in div which prevents border overlap ([#1442](https://github.com/optimizely/oui/pull/1442)) ## 48.8.0 - 2020-11-18 - [Feature] Updated **Tile**, removing `onResultsLink` and adding `resultsLink` which helps with accessibility and user experience ([#1441](https://github.com/optimizely/oui/pull/1441)) - [Patch] Updated **ButtonIcon**, by making `onClick` optional since a default noop prop was already there ([#1441](https://github.com/optimizely/oui/pull/1441)) ## 48.7.4 - 2020-11-17 - [Patch] Updated **DropdownBlockLinkText** with new `isItemSelected` prop to allow for black text ([#1440](https://github.com/optimizely/oui/pull/1440)) - [Patch] Updated **Dropdown** with new `isLabelTight` styling option ([#1440](https://github.com/optimizely/oui/pull/1440)) - [Patch] Updated **Input** with new `isAutoCompleteEnabled` prop to allow for disabling of autocomplete ([#1440](https://github.com/optimizely/oui/pull/1440)) - [Patch] Updated **.oui-tile** class `overflow: hidden` style to prevent content from overlapping ([#1440](https://github.com/optimizely/oui/pull/1440)) - [Patch] Updated **ButtonIcon** with to force center of icon ([#1439](https://github.com/optimizely/oui/pull/1439)) - [Patch] Updated **ButtonIcon** to include `type="button"` ([#1438](https://github.com/optimizely/oui/pull/1438)) ## 48.7.3 - 2020-11-09 - [Patch] Exported **Form** from src/main.js ([#1437](https://github.com/optimizely/oui/pull/1437)) ## 48.7.2 - 2020-10-30 - [Patch] Added `.npmrc` to `.gitignore` and `.npmignore` ([#1436](https://github.com/optimizely/oui/pull/1436)) ## 48.7.1 - 2020-10-29 - [Patch] Updated **Tile** to have types available. ([#1435](https://github.com/optimizely/oui/pull/1435)) ## 48.7.0 - 2020-10-29 - [Feature] Updated **Tile** with refactored `warningTitleAndBodyContent` prop to simplify interface and override unsaved changes indicator. This is a breaking change for anyone using the `hasWarning` prop. ([#1434](https://github.com/optimizely/oui/pull/1434)) - [Patch] Updated **EmptyDashboard** to use "auto" scrolling instead of always showing the scroll bar. ([#1434](https://github.com/optimizely/oui/pull/1434)) - [Patch] Updated **react-oui-icons** to version `2.12.0` which contains new `results` icon. ([#1434](https://github.com/optimizely/oui/pull/1434)) - [Patch] Checked in `.npmrc` file to explicitly specify yarn registry. ([#1434](https://github.com/optimizely/oui/pull/1434)) ## 48.6.0 - 2020-10-23 - [Feature] Updated **CopyButton** with new `textLabel` and `onCopy` to allow custom text label and onCopy callback. ([#1433](https://github.com/optimizely/oui/pull/1433)) - [Patch] Updated Sidebar with new props to make it resizable horizontally. ([#1432](https://github.com/optimizely/oui/pull/1432)) ## 48.5.1 - 2020-10-15 - [Patch] Fixed **ButterBar** type definition export ([#1431](https://github.com/optimizely/oui/pull/1431)) ## 48.5.0 - 2020-10-15 - [Feature] Added **ButterBar** component ([#1429](https://github.com/optimizely/oui/pull/1429)) - [Patch] Updated **ManagerSideNav** to allow a node for projectName prop ([#1428](https://github.com/optimizely/oui/pull/1428)) ## 48.4.2 - 2020-10-02 - [Patch] Updated **Tile** with new `unsavedChangesText` prop to indicate a changed item ([#1427](https://github.com/optimizely/oui/pull/1427)) - [Patch] Revert! Memomized the **DraggableItem** props to increase re-render performance. ([#1426](https://github.com/optimizely/oui/pull/1426)) ## 48.4.1 - 2020-10-01 - [Patch] Updated **Sidebar** with new prop `sticky` to allow it to maintain it's fixed position when needed. ([#1424](https://github.com/optimizely/oui/pull/1424)) - [Patch] Memorized the **DraggableItem** props to increase re-render performance. ([#1425](https://github.com/optimizely/oui/pull/1425)) ## 48.4.0 - 2020-09-24 - [Feature] Updated **Badge** with new `backgroundColor` to support additional colors. ([#1423](https://github.com/optimizely/oui/pull/1423)) ## 48.3.3 - 2020-09-24 - [Patch] Updated **ButtonIcon** component to be memoized to improve usage performance ([#1422](https://github.com/optimizely/oui/pull/1422)) - [Patch] Updated **react-oui-icons** package with memoized **Icon** to improve usage performance ([#1422](https://github.com/optimizely/oui/pull/1422)) ## 48.3.2 - 2020-09-24 - [Patch] Updated **TokensInput** component to set **isDismissible** prop of **Token** component to false when **isDisabled** prop is true. ([#1421](https://github.com/optimizely/oui/pull/1421)) ## 48.3.1 - 2020-09-22 - [Patch] Updated **DropdownBlockLink'' with passing **props.isItemSelected\*\* to Checkbox checked prop instead of defaultChecked prop ([#1420](https://github.com/optimizely/oui/pull/1420)) - [Patch] Fixed Proptype for name prop inside Token ([#1419](https://github.com/optimizely/oui/pull/1419)) ## 48.3.0 - 2020-09-15 - [Feature] Updated **Tile** to support new optional prop `onResultsLink` ([#1418](https://github.com/optimizely/oui/pull/1418)) - [Patch] Fixed `DropdownBlockLink` firing `click` event twice when Checkbox label is clicked. ([#1417](https://github.com/optimizely/oui/pull/1417)) ## 48.2.0 - 2020-09-11 - [Feature] Update styling options for **Token** (`backgroundColor` and `name`) and **TokensInput** (`hasSearchIcon` and `isDisabled`) ([#1416](https://github.com/optimizely/oui/pull/1416)) - [Patch] Update default **Button** style and **SelectDropdown** style with label ([#1413](https://github.com/optimizely/oui/pull/1413)) ## 48.1.1 - 2020-09-02 - [Patch] Upgrade `react-oui-icons` to v2.11.3 ([#1412](https://github.com/optimizely/oui/pull/1412)) - [Patch] Regenerate types for **Tile** prop fix ([#1411](https://github.com/optimizely/oui/pull/1411)) ## 48.1.0 - 2020-09-01 - [Feature] Update **SelectDropdown** with `label`, `note`, and `isRequired` props ([#1408](https://github.com/optimizely/oui/pull/1408)) - [Feature] Add new Storybook examples detailing div styling helper classes ([#1391](https://github.com/optimizely/oui/pull/1391)) - [Patch] Update `react-oui-icons` to v2.11.1 - [Patch] Update **Tile** to allow React Element as `description` prop ([#1410](https://github.com/optimizely/oui/pull/1410)) ## 48.0.2 - 2020-08-19 - [Patch] Update `flex--1` helper class ([#1405](https://github.com/optimizely/oui/pull/1405)) - [Patch] Fix trigger for Github Action ([#1401](https://github.com/optimizely/oui/pull/1401)) ## 48.0.1 - 2020-08-18 - [Patch] Fix missing value in color Design Tokens ([#1404](https://github.com/optimizely/oui/pull/1404)) - [Patch] Updated Flex helper classes to ensure they are enforced ([#1403](https://github.com/optimizely/oui/pull/1403)) ## 48.0.0 - 2020-08-17 - [Release] Update Color design tokens and rename amber to yellow ([#1398](https://github.com/optimizely/oui/pull/1398)) - [Feature] Add Github action to automatically update CHANGELOG.md based on PR comment ([#1399](https://github.com/optimizely/oui/pull/1399)) ## 47.0.0 - 2020-08-07 - [Release] Remove `word-break` helper class in favor of `word-break--all` ([#1394](https://github.com/optimizely/oui/pull/1394)) - [Feature] Add `hasClearButton` to **DatePicker** and **DateRangePicker** ([#1396](https://github.com/optimizely/oui/pull/1396)) - [Feature] Add `leftIcon` and `rightIcon` to **Link** ([#1393](https://github.com/optimizely/oui/pull/1393)) - [Patch] Replaced `name` and `secondaryText`'s string requirement to node for **Dropdown** ([#1395](https://github.com/optimizely/oui/pull/1395)) ## 46.13.0 - 2020-08-05 - [Feature] Update Storybook to organize components ([#1381](https://github.com/optimizely/oui/pull/1381)) - [Patch] Update react-oui-icons version to 2.10.0 ([#1392](https://github.com/optimizely/oui/pull/1392)) - Update `icons.json` to use latest set of icons from v2.10.0 - [Feature] Add `filterAvailableEntities` to **SearchPicker** for custom search-results filtering ([#1390](https://github.com/optimizely/oui/pull/1390))) ## 46.12.0 - 2020-07-31 - [Feature] Add ability to remove padding with `toolbarStyle` in **Toolbar** ([#1366](https://github.com/optimizely/oui/pull/1366)) - [Feature] Add `leftIcon` and `rightIcon` to **Button** when acting as a link ([#1386](https://github.com/optimizely/oui/pull/1386)) - [Feature] Add `onRowClick` to **Table.TR** to handle row click actions ([#1388](https://github.com/optimizely/oui/pull/1388)) - [Patch] Allow **Tile** `name` to be a node or string ([#1387](https://github.com/optimizely/oui/pull/1387)) - [Patch] Update **RangeSlider** to support non-white backgrounds ([#1379](https://github.com/optimizely/oui/pull/1379)) ## 46.11.0 - 2020-07-23 - [Feature] Add option to specify custom `footerContent` in **NavBar** ([#1384](https://github.com/optimizely/oui/pull/1384)) - [Feature] Add purple **Badge** color option ([#1377](https://github.com/optimizely/oui/pull/1377)) - [Feature] Added new Storybook examples detailing spacing helper classes ([#1378](https://github.com/optimizely/oui/pull/1378)) - [Feature] Add new **Form** component and updated the **Fieldset** component to be accessible ([#1374](https://github.com/optimizely/oui/pull/1374)) - [Feature] Add `leftIcon` and `rightIcon` to **Button** ([#1383](https://github.com/optimizely/oui/pull/1383)) - [Patch] Fix console errors for **SearchPicker** ([#1385](https://github.com/optimizely/oui/pull/1385)) ## 46.10.0 - 2020-07-14 - [Feature] Add ability to change placement of **SelectDropdown** ([#1376](https://github.com/optimizely/oui/pull/1376)) ## 46.9.0 - 2020-07-10 - [Feature] Added new Storybook examples detailing Flexbox helper classes ([#1367](https://github.com/optimizely/oui/pull/1367)) - [Feature] Added new Storybook examples detailing Typography helper classes ([#1373](https://github.com/optimizely/oui/pull/1373)) - [Feature] Add ability to sort table columns to **Table.TH** ([#1365](https://github.com/optimizely/oui/pull/1365)) - [Feature] Add `textAlign` to **Table.TH** & **Table.TD** ([#1370](https://github.com/optimizely/oui/pull/1370)) - [Feature] Add `hasFooter` and make `footerButtonList` optional on **Sheet** ([#1371](https://github.com/optimizely/oui/pull/1371)) - [Feature] Add `shouldWrap` ability to **Code** component and prevent copy button from overlapping content ([#1372](https://github.com/optimizely/oui/pull/1372)) ## 46.8.0 - 2020-06-30 - [Feature] Add ability to supply custom links to **ManagerSideNav** and style with custom classes ([#1362](https://github.com/optimizely/oui/pull/1362)) - [Patch] Add test sections to **Tile's** main button and overflow actions button ([#1364](https://github.com/optimizely/oui/pull/1364)) - [Patch] Add `forwardRef` to **Table.TR** component ([#1363](https://github.com/optimizely/oui/pull/1363)) ## 46.7.0 - 2020-06-26 - [Feature] Add `hasExternalIcon` to **NavBar** to display an external icon on hover ([#1361](https://github.com/optimizely/oui/pull/1361)) - [Feature] New component **SummaryBar** for having key information highlighted in a condensed component ([#1360](https://github.com/optimizely/oui/pull/1360)) ## 46.6.1 - 2020-06-23 - [Patch] Update **Tile** Prop TypeScript definition for `dropdownItems`. Also updated **Tile** stories to be tsx (for TypeScript validation) and the ability for all Stories to use TypeScript. ([#1359](https://github.com/optimizely/oui/pull/1359)) ## 46.6.0 - 2020-06-22 - [Feature] Add multiple **LayoutKit** stories and ability to specify `alignSelf` on **Col** ([#1357](https://github.com/optimizely/oui/pull/1357)) - [Feature] Add `isHighlighted` prop to **Table.TR** to allow row highlighting ([#1356](https://github.com/optimizely/oui/pull/1356)) - [Feature] Update **Tile** to directly render array of Dropdown.ListItem components for `dropdownItems` prop ([#1358](https://github.com/optimizely/oui/pull/1358)) - [Feature] Add `isDestructive` prop to **Dropdown.BlockLinkText** to render red text ([#1358](https://github.com/optimizely/oui/pull/1358)) - [Feature] Add `removeBorderTop` prop to **Dropdown.ListItem** to remove top border on a list item ([#1358](https://github.com/optimizely/oui/pull/1358)) - [Patch] Add Storybook example for **SearchPicker** in a **Dropdown** ([#1355](https://github.com/optimizely/oui/pull/1355)) ## 46.5.0 - 2020-06-09 - [Feature] Add new **Tile** component for displaying details and actions for various items ([#1350](https://github.com/optimizely/oui/pull/1350)) - [Patch] Add `buttonRef` prop to **ButtonIcon** to be used as a dropdown activator ([#1350](https://github.com/optimizely/oui/pull/1350)) - [Patch] Add `hasSpellCheck` prop to **Input** component ([#1338](https://github.com/optimizely/oui/pull/1338)) ## 46.4.2 - 2020-06-08 - [Patch] Allow **Disclose** to take a node or a string for `title` with `flex` ([#1354](https://github.com/optimizely/oui/pull/1354)) - [Patch] Define missing components for typescript declarations ([#1352](https://github.com/optimizely/oui/pull/1352)) ## 46.4.1 - 2020-05-29 - [Patch] Update **Col** and **Ref** to accept ref props ([#1343](https://github.com/optimizely/oui/pull/1343)) - [Patch] Add default props for `onMouseEnter` and `onMouseLeave` in **DropdownBlockLink** to prevent errors ([#1349](https://github.com/optimizely/oui/pull/1349)) - [Patch] Rewrite **DockedFooter** for simplicity, and update story ([#1341](https://github.com/optimizely/oui/pull/1341)) ## 46.4.0 - 2020-05-26 - [Feature] Add `onMouseEnter` and `onMouseLeave` props to **DropdownBlockLink** ([#1340](https://github.com/optimizely/oui/pull/1340)) - [Feature] Add ability to have external icon show on hover for **DropdownBlockLinkText** items using `hasExternalIcon` prop ([#1340](https://github.com/optimizely/oui/pull/1340)) - [Feature] Utilize the new `useTextLabel` prop in the **CopyButton** in **Code** via `copyButtonUsesTextLabel` ([#1346](https://github.com/optimizely/oui/pull/1346)) - [Patch] Update background color for the Off state of **Switch** to improve contrast ([#1347](https://github.com/optimizely/oui/pull/1347)) - [Patch] Update **Token** and **Sortable** to always use hamburger drag handle by default ([#1337](https://github.com/optimizely/oui/pull/1337)) - [Patch] Update react-oui-icons version to 2.9.0 ([#1336](https://github.com/optimizely/oui/pull/1336)) - Update `icons.json` to use latest set of icons from v2.9.0 ## 46.3.1 - 2020-05-19 - [Patch] Export **ManagerSideNav** info for TypeScript ([#1334](https://github.com/optimizely/oui/pull/1334)) ## 46.3.0 - 2020-05-18 - [Feature] New component **ManagerSideNav** for the vertical navigation of detail pages ([#1331](https://github.com/optimizely/oui/pull/1331)) - [Feature] Add ability to use `isFullWidth` prop on **Link** to create a full width link ([#1331](https://github.com/optimizely/oui/pull/1331)) - [Feature] Add `ariaLabel` prop on **Switch** to provide screen readers with context ([#1331](https://github.com/optimizely/oui/pull/1331)) - [Feature] Add `usesTextLabel` prop to **CopyButton** to use a text label instead of an icon ([#1333](https://github.com/optimizely/oui/pull/1333)) ## 46.2.0 - 2020-05-15 - [Feature] Add ability to render **PaginationControls** with links (instead of buttons) using `hrefBaseUrl` ([#1326](https://github.com/optimizely/oui/pull/1326)) - [Feature] Add `centerHeader` prop to **Sheet** to center the title and subtitle text ([#1332](https://github.com/optimizely/oui/pull/1332)) - [Patch] Add hover and focus differentiations for `unstyled` **Buttons** ([#1326](https://github.com/optimizely/oui/pull/1326)) - [Patch] Adjust spacing between drag handle and order number for **Tokens** ([#1328](https://github.com/optimizely/oui/pull/1328)) - [Patch] Fix the **SearchPicker** results count ([#1330](https://github.com/optimizely/oui/pull/1330)) - [Patch] Throw an error in **SearchPicker's** searchFunction Promise chain if the response is not an array. This will prevent a non-Array value from being set as `defaultResults` ([#1325](https://github.com/optimizely/oui/pull/1325)) ## 46.1.0 - 2020-05-08 - [Feature] Add ability to specify a left or right icon for **Input** ([#1320](https://github.com/optimizely/oui/pull/1320)) - [Feature] Add ability to include a Clear Input ButtonIcon with `hasClearButton` for **Input** ([#1320](https://github.com/optimizely/oui/pull/1320)) - [Feature] Add ability to remove bottom border and box shadow with `toolbarStyle` in **Toolbar** ([#1327](https://github.com/optimizely/oui/pull/1327)) - [Patch] Remove mockdate from stories to fix Storybook knobs ([#1329](https://github.com/optimizely/oui/pull/1329)) ## 46.0.4 - 2020-04-30 - [Patch] Add search function to the **SearchPicker** render prop API ([#1323](https://github.com/optimizely/oui/pull/1323)) ## 46.0.3 - 2020-04-28 - [Patch] Fix Storybook ## 46.0.2 - 2020-04-27 - [Patch] Update react-oui-icons version to 2.8.1 ([#1322](https://github.com/optimizely/oui/pull/1322)) - Update `icons.json` to use latest set of icons from v2.8.1 ## 46.0.1 - 2020-04-24 - [Patch] Update type checking for **ColWithNubbin** ([#1321](https://github.com/optimizely/oui/pull/1321)) ## 46.0.0 - 2020-04-24 - [Release] Remove **AutoComplete** component ([#1318](https://github.com/optimizely/oui/pull/1318)) - [Release] Remove **EditableInput** component ([#1318](https://github.com/optimizely/oui/pull/1318)) - [Feature] Add **ColWithNubbin** as a wrapper to create a **Col** with a nubbin that points to content in another section ([#1319](https://github.com/optimizely/oui/pull/1319)) - [Feature] Add `isFullHeight` to **Container** to ensure container takes up 100% of parent's height ([#1319](https://github.com/optimizely/oui/pull/1319)) - [Feature] Add token for `nubbinSize` to maintain consistent sizing for nubbins ([#1319](https://github.com/optimizely/oui/pull/1319)) ## 45.8.0 - 2020-04-10 - [Feature] Add ability to pass a node or string for the `linkLabel` in **NavBar** ([#1315](https://github.com/optimizely/oui/pull/1315)) - [Patch] Indicate **Accordion** and **ArrowsInline** as deprecated ([#1314](https://github.com/optimizely/oui/pull/1314)) - [Patch] Update stories for **LayoutKit** and create Storybook folders for **Container**, **Row**, and **Col**, as well as app specific examples ([#1314](https://github.com/optimizely/oui/pull/1314)) ## 45.7.0 - 2020-04-06 - [Feature] Multiple enhancements to **Select** ([#1313](https://github.com/optimizely/oui/pull/1313)) - Add `displayError` and `note` to show an error state and message - Add `isFullWidth` to make **Select** take 100% width of container - Add `onChange` to detect a selection made - For accessibility, add `label`, `isOptional`, and `isRequired` to specify a label for the **Select** ## 45.6.1 - 2020-03-12 - [Patch] Update Chromatic to be a devDependency ([#1309](https://github.com/optimizely/oui/pull/1309)) ## 45.6.0 - 2020-03-11 - [Feature] Add [Chromatic](https://www.chromaticqa.com/) Visual Regression Testing to OUI ([#1303](https://github.com/optimizely/oui/pull/1303)) - [Patch] Add required asterisk when **Textarea** is required with `isRequired` and `label` props ([#1274](https://github.com/optimizely/oui/pull/1274)) - [Patch] Fix prop-type errors in **NavBar** ([#1305](https://github.com/optimizely/oui/pull/1305)) - [Patch] Adjust height of **NavBar** ([#1308](https://github.com/optimizely/oui/pull/1308)) - [Patch] Update `muted` class color to have enough contrast against white backgrounds ([#1307](https://github.com/optimizely/oui/pull/1307)) ## 45.5.0 - 2020-03-02 - [Feature] Update **Token** to support custom drag handling with `dragHandleProps` prop from react-beautiful-dnd through use in the **DragAndDrop** component ([#1301](https://github.com/optimizely/oui/pull/1301)) ## 45.4.0 - 2020-02-25 - [Feature] Add ability in **SelectDropdown** to supply a label and content object for `buttonContent` prop ([#1293](https://github.com/optimizely/oui/pull/1293)) - [Patch] Add `iconFill` prop to the **ButtonIcon** component ([#1199](https://github.com/optimizely/oui/pull/1199)) - [Patch] Adjust max-height of time **Input** ([#1293](https://github.com/optimizely/oui/pull/1293)) - [Patch] Update **Button** styles for `plain`, `toggle`, and `underline` focus and hover states ([#1300](https://github.com/optimizely/oui/pull/1300)) ## 45.3.1 - 2020-02-19 - [Patch] Update travis.yml to resolve npm deploy failures ## 45.3.0 - 2020-02-19 - [Patch] If **SelectDropdown** is `fullWidth`, set **Dropdown** width to 100% ([#1295](https://github.com/optimizely/oui/pull/1295)) - [Feature] Add new **Avatar** component to use in NavBar and elsewhere ([#1291](https://github.com/optimizely/oui/pull/1291)) - [Patch] **Code** no longer wraps child text unless a newline is present in the source ([#1294](https://github.com/optimizely/oui/pull/1294)) ## 45.2.1 - 2020-01-30 - [Patch] Add `linkURL` and `linkText` to items on **SelectDropdown** component to allow optional links ([#1286](https://github.com/optimizely/oui/pull/1286)) ## 45.2.0 - 2020-01-28 - [Patch] Update `isReadingColumn` prop on **Col** component to create a nested reading column ([#1285](https://github.com/optimizely/oui/pull/1285)) - [Patch] Wait for all queries to be complete before showing result summary in **SearchPicker** ([#1284](https://github.com/optimizely/oui/pull/1284)) - [Patch] Allow for an offset in **SearchPicker** children ([#1281](https://github.com/optimizely/oui/pull/1281)) - [Feature] Update **DockedFooter** to use a `scrollRef` prop for activating listeners, and add ability to specify `leftGroup`, `rightGroup`, and `centerGroup` button row options ([#1276](https://github.com/optimizely/oui/pull/1276)) ## 45.1.0 - 2020-01-24 - [Feature] Add new **DragAndDrop** component using react-beautiful-dnd that allows for dynamic lists, interactive elements inside the draggable items, and keyboard accessibility ([#1261](https://github.com/optimizely/oui/pull/1261)) - [Feature] Enable Typescript compilation and generate type definitions for JS and TSX components. ([#1268](https://github.com/optimizely/oui/pull/1268)) ## 45.0.0 - 2020-01-22 - [Release] Remove deprecated CodeDiffLegacy component in favor of **CodeDiff** ([#1277](https://github.com/optimizely/oui/pull/1277)) - [Patch] Undo parent prop inheritance on Activator in **Dropdown** ([#1278](https://github.com/optimizely/oui/pull/1278)) ## 44.18.0 - 2020-01-16 - [Feature] Adding a `SearchPicker` component ([#1253](https://github.com/optimizely/oui/pull/1253))) ## 44.17.0 - 2020-01-14 - [Feature] Add ability to **Dropdown** and **SelectDropdown** to support multi select of options with checkboxes using `isMultiSelect` and `isItemSelected` properties ([#1273](https://github.com/optimizely/oui/pull/1273)) ## 44.16.0 - 2020-01-10 - [Feature] Update the **Row** Layout component to support a `verticalAlignment` prop and the **Col** component to support `overflow` options ([#1272](https://github.com/optimizely/oui/pull/1272)) - [Feature] Add ability in **Dropdown** to supply a label and content object for `buttonContent` prop ([#1270](https://github.com/optimizely/oui/pull/1270)) - [Feature] Add new helper class `oui-assistive-text` to use for visually hidden, screen-reader-only text ([#1270](https://github.com/optimizely/oui/pull/1270)) ## 44.15.1 - 2020-01-06 - [Patch] Update OUI Webpack babel regex to include react-diff-viewer library. ([#1271](https://github.com/optimizely/oui/pull/1271)) ## 44.15.0 - 2020-01-03 - [Feature] Rewrite CodeDiff and use new diff library. Export old CodeDiff as CodeDiff Legacy. ([#1252](https://github.com/optimizely/oui/pull/1252)) ## 44.14.1 - 2019-12-12 - [Patch] Revert changes to **HelpPopover** from [#1254](https://github.com/optimizely/oui/pull/1254) to resolve monolith implementation issues ([#1265](https://github.com/optimizely/oui/pull/1265)) ## 44.14.0 - 2019-12-11 - [Patch] Undo parent prop inheritance on Activator in **Dropdown** ([#1262](https://github.com/optimizely/oui/pull/1262)) - [Feature] Add typography helper classes `word-break--all` and `word-break--word` ([#1263](https://github.com/optimizely/oui/pull/1263)) - [Patch] Restore `<Input>` prop `focus`, which was inadvertently removed in #1256. ([#1264](https://github.com/optimizely/oui/pull/1264)) ## 44.13.4 - 2019-12-06 - [Patch] Align **SelectDropdown** activator text to the left ([#1260](https://github.com/optimizely/oui/pull/1260)) ## 44.13.1 - 2019-12-05 - [Re-release] To fix Storybook deploy error. ## 44.13.0 - 2019-12-05 - [Feature] Multiple updates to the Layout components for better usability ([#1257](https://github.com/optimizely/oui/pull/1257)) - Add ability for **Col** component to be a reading column with `isReadingColumn` prop - Add ability to prevent **Row** from wrapping with `shouldWrap` prop - Update **Container** and **Col** to be flex - [Patch] Include Optimizely.git reusable mixins as part of [removing Classic CSS debt from the monolith](https://github.com/optimizely/optimizely/pull/11272) ([#1259](https://github.com/optimizely/oui/pull/1259)) ## 44.12.0 - 2019-12-02 - [Patch] Update **Input** to forward refs and accept an `onClick` prop ([#1256](https://github.com/optimizely/oui/pull/1256)) - [Feature] Several updates to **Dropdown**, notably adding `role` and `hasFauxFocus` props to support accessibility, adding a `renderActivator` render prop, and updating the stories to only use **Dropdown** defined children. Full details in [#1250](https://github.com/optimizely/oui/pull/1250). - [Feature] New **DockedFooter** sticky-to-the-bottom button row component ([#1247](https://github.com/optimizely/oui/pull/1247)) - [Feature] Improve keyboard accessibility by updating **HelpPopover** to use ButtonIcon component and be a focusable element ([#1254](https://github.com/optimizely/oui/pull/1254)) - Add ability to associate a **ButtonIcon** with another component, like a **Popover**, using `ariaDescribedBy` and `popoverId` props - [Patch] Update **SelectDropdown** to accept a `fullWidth` prop ([#1258](https://github.com/optimizely/oui/pull/1258)) ## 44.11.0 - 2019-11-06 - [Feature] Add Go language to the **Code** component ([#1242](https://github.com/optimizely/oui/pull/1242)) ## 44.10.1 - 2019-11-04 - [Patch] Fix issue with height of **Textarea** being hard coded to text input height ([#1243](https://github.com/optimizely/oui/pull/1243)) - [Patch] Reduce padding for **SelectDropdown** button activator ([#1244](https://github.com/optimizely/oui/pull/1244)) ## 44.10.0 - 2019-10-25 - [Feature] Add `useOffForLabel` property to **Range Slider** to switch from `0%` to `Off`([#1239](https://github.com/optimizely/oui/pull/1239)) - [Feature] Add `isFullWidth` property to **Token** ([#1238](https://github.com/optimizely/oui/pull/1238)) - Update secondary token color to `$grey-dark` - [Feature] Add option for an Attention bar in **Sheet** by supplying `warningContent` prop ([#1237](https://github.com/optimizely/oui/pull/1237)) - [Patch] Copy latest `icons.json` from `react-oui-icons` so all recently added icons show up in storybook ([#1235](https://github.com/optimizely/oui/pull/1235)) ## 44.9.5 - 2019-10-15 - [Patch] Remove obsolete snapshot ([#1234](https://github.com/optimizely/oui/pull/1234)) ## 44.9.4 - 2019-10-15 - [Patch] Update **Sortable** to support dynamically adding to list ([#1231](https://github.com/optimizely/oui/pull/1231)) ## 44.9.3 - 2019-10-10 - [Patch] Fix **TokensInput** formatting ([#1230](https://github.com/optimizely/oui/pull/1230)) ## 44.9.2 - 2019-10-09 - [Patch] Add privacy link to **NavBar** plus alignment CSS polish ([#1226](https://github.com/optimizely/oui/pull/1226)) ## 44.9.1 - 2019-10-09 - [Patch] Update lodash version to minimum 4.17.13 ([#1227](https://github.com/optimizely/oui/pull/1227)) - [Patch] Use correct value for Dropdown maxHeight=none ([#1228](https://github.com/optimizely/oui/pull/1228)) ## 44.9.0 - 2019-09-30 - [Feature] Add time inputs to the **DateRangePicker** component ([#1221](https://github.com/optimizely/oui/pull/1221)): - Added time inputs as an option - Added custom time-handling for a delightful experience - [Patch] Yarn upgrades for GitHub security alerts ([#1222](https://github.com/optimizely/oui/pull/1190)) ## 44.8.0 - 2019-09-11 - [Feature] New **PaginationControls** component ([#1190](https://github.com/optimizely/oui/pull/1190)) - [Patch] Prevent **Poptip** to show "undefined" hover message when it gets disabled ([#1218](https://github.com/optimizely/oui/pull/1218)) ## 44.7.0 - 2019-08-23 - [Feature] Added **NavBar** component ([#1212](https://github.com/optimizely/oui/pull/1212)) - Added **PrimaryLink**, **SecondaryLink**, **AccountSwitcher** and **CurrentUserMenu** components ## 44.6.1 - 2019-08-19 - [Patch] Modification to `numRows` prop for **Textarea** component ([#1216](https://github.com