Merge pull request #566 from folio-org/v4.0.0

STCOM-350 Release v4.0.0

CHANGELOG.md

@@ -1,5 +1,19 @@
 # Change history for stripes-components
 
+## [4.0.0](https://github.com/folio-org/stripes-components/tree/v4.0.0) (2018-10-02)
+[Full Changelog](https://github.com/folio-org/stripes-components/compare/v3.3.0...v4.0.0)
+
+* Kebab case all css variables
+* Update `<RadioButton>` and `<RadioButtonGroup>` to work independently of Redux Form
+* Remove child.type checks
+* Remove `<AddressFieldGroup>`;  it's now in `stripes-smart-components`
+* Remove `<EditableList>`; it's now in `stripes-smart-components`
+* Remove `<Pluggable>`; it's now in `stripes-core`
+* Remove `<Settings>`; it's now in `stripes-smart-components`
+* Remove deprecated util functions
+* Remove old version of `<RepeatableField>`
+* Remove deprecated props from `<Datepicker>`
+
 ## [3.3.0](https://github.com/folio-org/stripes-components/tree/v3.3.0) (2018-10-01)
 [Full Changelog](https://github.com/folio-org/stripes-components/compare/v3.2.0...v3.3.0)
 

docs/CSSinStripes.md

@@ -72,14 +72,14 @@ It is subject to change.
 ### Media Queries
 `stripes-components` provides [pre-set breakpoints](../lib/variables.css) that you can use to adjust styles at different browser window widths.
 ```
-@media (--mediumUp) {
+@media (--medium-up) {
   .button {
     height: 2em;
   }
 }
 ```
 
-Use `min-width` breakpoints like `smallUp`, `mediumUp`, and `largeUp` when possible. There are `max-width` breakpoints available, but the cases for their use should be rare. Leaning on `min-width` promotes a mobile-first CSS workflow, where the narrowest screen size is the default. Layout can gradually be added as the width increases.
+Use `min-width` breakpoints like `--small-up`, `--medium-up`, and `--large-up` when possible. There are `max-width` breakpoints available, but the cases for their use should be rare. Leaning on `min-width` promotes a mobile-first CSS workflow, where the narrowest screen size is the default. Layout can gradually be added as the width increases.
 
 This:
 ```

index.js

@@ -52,20 +52,13 @@ export { default as MenuItem } from './lib/MenuItem';
 export { default as MetaSection } from './lib/MetaSection';
 export { default as NavList } from './lib/NavList';
 export { default as NavListSection } from './lib/NavListSection';
-export { default as Pluggable } from './lib/Pluggable';
 export { default as Popover } from './lib/Popover';
 export { default as Selection, OptionSegment } from './lib/Selection';
-export { default as Settings } from './lib/Settings';
 export { default as SRStatus } from './lib/SRStatus';
 
 /* structures */
-export { default as AddressEdit } from './lib/AddressFieldGroup/AddressEdit';
-export { default as AddressList } from './lib/AddressFieldGroup/AddressList';
-export { default as AddressView } from './lib/AddressFieldGroup/AddressView';
 export { default as ConfirmationModal } from './lib/ConfirmationModal';
-export { default as EditableList } from './lib/EditableList';
 export { default as InfoPopover } from './lib/InfoPopover';
-export { default as RepeatableField } from './lib/RepeatableField';
 export { default as SearchField } from './lib/SearchField';
 
 /* specific use */

lib/Accordion/Accordion.css

@@ -23,7 +23,7 @@
   width: 100%;
   display: flex;
   align-items: center;
-  min-height: calc(var(--controlHeight) + 4px);
+  min-height: calc(var(--control-height) + 4px);
 
   /* transition: background-color 0.3s; */
 
@@ -137,7 +137,7 @@
   composes: interactionStyles boxOffsetStartSmall from "../sharedStyles/interactionStyles.css";
   composes: header;
   border-radius: var(--radius 4px);
-  min-height: var(--controlHeight 24px);
+  min-height: var(--control-height 24px);
   appearance: none;
   background: none;
   border: none;