Skip to content

Commit

Permalink
[NUXE-214] IMAGE KIT- FEATURES/PROPS - Image Kit Variant - Rounded Co…
Browse files Browse the repository at this point in the history
…rners (#1176)

* V7.4.0 (#1181)

* Timestamp Kit Formatted Date Additions (#1150)

* Update README.md

* WIP: Timestamp kit update Issue #618

* Add show_date false example, alignment classes

* WIP: Rails kit update

* WIP: React component for pb_timestamp kit

* Adding specs to rails component of kit

* Adding more specs to timestamp kit

* Adding elapsed variant

* [NUX-638] - Date Kit Refactor/Design (#1108)

* Patch for rake dist (#1147)

* Patch for Removing Rake Tasks from Dist

* Patch Commit

Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>

* [CMPN-22] Allow all HTML options on input in PbSelectableIcon, PbSelectableCard and PbSelectableCardIcon Rails kits (#1113)

* Add input options to selectable card

* Add input options to selectable icon

* Add input options to selectable card icon

* Add more spec coverage

* Switch name to input options

* Fix spec tests

* [NUXE-158] Section separator dark mode (WIP) (#1146)

* Fixed dark mode

* Updated spec doc

* Fixed dark card variant

Deleted unnecessary lines

Deleted lines

* Better error messages, and more test coverage (#1115)

* Update README.md

* Add coverage for added boilerplate props

* Pass prop name to type creation & expose in error messages

* Also specify name of kit

* Simplify prop examples

Co-authored-by: Stephen Marshall <smarshall1980@gmail.com>

* Fixes Typeahead (Rails) setting wrong image attribute in examples (#1151)

* Update README.md

* Playbook Distribution Release (#834)

* Update changelog

* Fixing Flash By Separating Fade Out Keyframe from Default  Class (#1135)

Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>

* Changelog Generator 2.0 (#1136)

* Changelog Generator 2.0

* Updated PR Template

Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>

* Make updates to the inline date range kit (#1126)

* Make updates to the inline date range kit for issue #613

* Pass the props so darkmode works

* Make alignment changes

* Fix breaking spec

* Adjust time presentation

* Fix spacing

* use buildCss

* Concat classname using the classnames function

* Use spacing variable

* updated table with examplesof how to use buttons (#1123)

* Update Progress Step (#1128)

* Update Progress Step

* Add hidden status to step items

* [NUXE-155] Date Picker Patch 3 (#1125)

* fixed readonly rails validation bug, created default onChange lambda

* improved validation fix

* rails form label fix

* fixed simple form attribute mismatch

* fixed mising commas in model class def

* replicated improved null value handling from patch-4

* removed dark doc examples

* more unused doc example removal

* cleaned helper js

* alphas and timeout solution

* cleaned up commented code, re-formatted dp helper js

* removed test dp in filter kit, reworked boolean label logic

* reverted alpha versioning

* Typeahead with Pills (Rails) (#1104)

* Update PULL_REQUEST_TEMPLATE.md

* WIP: Typeahead w/ Pills (React)

* WIP

* Basic pub-sub working for add, remove and clear

* Revert changes to index.js

* Async options

* Spec coverage

* Add code example docs

Co-authored-by: Jason Cypret <jason@jasoncypret.com>

* [NUXE-55] Updated styles to button toolbar kit (#1129)

* Updated styles to button toolbar kit

* Updated spec doc

* Fixed dark bug for react

Fixed dark bug for react

* Sass optimization

Use spacing variables

Border disappear when hovered

Sass optimization

Sass optimization

Deleted some lines

* Fixed sass variables

* Sass optimization & update doc examples & update spec doc

* Fix jenkins error

* Adds HTML input options to PB toggle kit (#1112)

* Pin dependencies (#1138)

Co-authored-by: Renovate Bot <bot@renovateapp.com>

* Bump actionview from 5.2.4.3 to 5.2.4.4 (#1103)

Bumps [actionview](https://github.com/rails/rails) from 5.2.4.3 to 5.2.4.4.
- [Release notes](https://github.com/rails/rails/releases)
- [Changelog](https://github.com/rails/rails/blob/v6.0.3.3/actionview/CHANGELOG.md)
- [Commits](https://github.com/rails/rails/compare/v5.2.4.3...v5.2.4.4)

Signed-off-by: dependabot[bot] <support@github.com>

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* [NUXE-80] - Add 'close' option to kit, with examples (#1142)

* Add 'close' option to kit, with examples

* Update style

* Update default state

* Update func name

* Update class and fixedWidth

* Use proper classname approach

* Add fixed width to rails version to match react

* Update toast styling

* Refactor onclick conditional

Co-authored-by: Cole Erikson <cole.erikson@powerhrg.com>

* Update dependency mini-css-extract-plugin to v0.12.0 (#1140)

Co-authored-by: Renovate Bot <bot@renovateapp.com>

* Update dependency copy-webpack-plugin to v6.2.0 (#1139)

Co-authored-by: Renovate Bot <bot@renovateapp.com>

* Fix typeahead example using wrong attribute

Co-authored-by: Brendan Huffman <bh247484@gmail.com>
Co-authored-by: Rafael Garcia <rafael.garcia@powerhrg.com>
Co-authored-by: Jasper Furniss <jasperfurniss@gmail.com>
Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>
Co-authored-by: Matthew Russell Dodds <matthew.dodds@powerhrg.com>
Co-authored-by: Eva Louderback <50629488+evalouderback@users.noreply.github.com>
Co-authored-by: Jon Zazula <djonyriz@gmail.com>
Co-authored-by: Brendan Huffman <57693937+bh247484@users.noreply.github.com>
Co-authored-by: Jason Cypret <jason@jasoncypret.com>
Co-authored-by: Christina Tai <42459486+christinaatai@users.noreply.github.com>
Co-authored-by: Idan Zonshein <64423490+idanzonshein@users.noreply.github.com>
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Renovate Bot <bot@renovateapp.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Cole Erikson <cole.erikson@powerhrg.com>

* white-space: nowrap added (#1153)

* Nav Kit Update (#1152)

* Update README.md

* Playbook Distribution Release (#834)

* Update changelog

* Fixing Flash By Separating Fade Out Keyframe from Default  Class (#1135)

Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>

* Changelog Generator 2.0 (#1136)

* Changelog Generator 2.0

* Updated PR Template

Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>

* Make updates to the inline date range kit (#1126)

* Make updates to the inline date range kit for issue #613

* Pass the props so darkmode works

* Make alignment changes

* Fix breaking spec

* Adjust time presentation

* Fix spacing

* use buildCss

* Concat classname using the classnames function

* Use spacing variable

* updated table with examplesof how to use buttons (#1123)

* Update Progress Step (#1128)

* Update Progress Step

* Add hidden status to step items

* [NUXE-155] Date Picker Patch 3 (#1125)

* fixed readonly rails validation bug, created default onChange lambda

* improved validation fix

* rails form label fix

* fixed simple form attribute mismatch

* fixed mising commas in model class def

* replicated improved null value handling from patch-4

* removed dark doc examples

* more unused doc example removal

* cleaned helper js

* alphas and timeout solution

* cleaned up commented code, re-formatted dp helper js

* removed test dp in filter kit, reworked boolean label logic

* reverted alpha versioning

* Typeahead with Pills (Rails) (#1104)

* Update PULL_REQUEST_TEMPLATE.md

* WIP: Typeahead w/ Pills (React)

* WIP

* Basic pub-sub working for add, remove and clear

* Revert changes to index.js

* Async options

* Spec coverage

* Add code example docs

Co-authored-by: Jason Cypret <jason@jasoncypret.com>

* [NUXE-55] Updated styles to button toolbar kit (#1129)

* Updated styles to button toolbar kit

* Updated spec doc

* Fixed dark bug for react

Fixed dark bug for react

* Sass optimization

Use spacing variables

Border disappear when hovered

Sass optimization

Sass optimization

Deleted some lines

* Fixed sass variables

* Sass optimization & update doc examples & update spec doc

* Fix jenkins error

* Adds HTML input options to PB toggle kit (#1112)

* Pin dependencies (#1138)

Co-authored-by: Renovate Bot <bot@renovateapp.com>

* Bump actionview from 5.2.4.3 to 5.2.4.4 (#1103)

Bumps [actionview](https://github.com/rails/rails) from 5.2.4.3 to 5.2.4.4.
- [Release notes](https://github.com/rails/rails/releases)
- [Changelog](https://github.com/rails/rails/blob/v6.0.3.3/actionview/CHANGELOG.md)
- [Commits](https://github.com/rails/rails/compare/v5.2.4.3...v5.2.4.4)

Signed-off-by: dependabot[bot] <support@github.com>

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* [NUXE-80] - Add 'close' option to kit, with examples (#1142)

* Add 'close' option to kit, with examples

* Update style

* Update default state

* Update func name

* Update class and fixedWidth

* Use proper classname approach

* Add fixed width to rails version to match react

* Update toast styling

* Refactor onclick conditional

Co-authored-by: Cole Erikson <cole.erikson@powerhrg.com>

* Update dependency mini-css-extract-plugin to v0.12.0 (#1140)

Co-authored-by: Renovate Bot <bot@renovateapp.com>

* Update dependency copy-webpack-plugin to v6.2.0 (#1139)

Co-authored-by: Renovate Bot <bot@renovateapp.com>

* Updated Changelog and Made Minor Adjustment to Changelog Rake

* Updated padding & Borderless option created

* Nav with image for icon added

* _with_img_nav.md added

* updated specs

Co-authored-by: Stephen Marshall <smarshall1980@gmail.com>
Co-authored-by: Brendan Huffman <bh247484@gmail.com>
Co-authored-by: Rafael Garcia <rafael.garcia@powerhrg.com>
Co-authored-by: Jasper Furniss <jasperfurniss@gmail.com>
Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>
Co-authored-by: Matthew Russell Dodds <matthew.dodds@powerhrg.com>
Co-authored-by: Eva Louderback <50629488+evalouderback@users.noreply.github.com>
Co-authored-by: Jon Zazula <djonyriz@gmail.com>
Co-authored-by: Brendan Huffman <57693937+bh247484@users.noreply.github.com>
Co-authored-by: Jason Cypret <jason@jasoncypret.com>
Co-authored-by: Christina Tai <42459486+christinaatai@users.noreply.github.com>
Co-authored-by: Idan Zonshein <64423490+idanzonshein@users.noreply.github.com>
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Renovate Bot <bot@renovateapp.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Cole Erikson <cole.erikson@powerhrg.com>

* [NUX-639] - Caption Kits to support block / Time Kit style updates (#1100)

* Revert "Playbook v7.1.0 (#1143)" (#1148)

This reverts commit f1efe55b0dbc6401ffa4d8e061b5ee40bc1d9b6f.

* Solar Patch (#1149)

* Solar Patch

* syntax

Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>

* Cherry-picked and pushing Playbook v7.1.0 commit back into Master branch

* Playbook Distribution Release (#834)

* Update changelog

* Changelog Generator 2.0 (#1136)

* Changelog Generator 2.0

* Updated PR Template

Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>

* Pin dependencies (#1138)

Co-authored-by: Renovate Bot <bot@renovateapp.com>

* Update caption to support block, update time kit structure/style

* Remove extra additions.

* removed CHANGELOG duplicate

Co-authored-by: Jasper Furniss <jasperfurniss@gmail.com>
Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>
Co-authored-by: Rafael Garcia <rafael.garcia@powerhrg.com>
Co-authored-by: thestephenmarshall <smarshall1980@gmail.com>
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Renovate Bot <bot@renovateapp.com>
Co-authored-by: Brendan Huffman <bh247484@gmail.com>

* Revised

* Update design of Date Kit

* update test, add deprecation in react

* Revised

* Update design of Date Kit

* update test, add deprecation in react

* Space

Co-authored-by: Jasper Furniss <jasperfurniss@gmail.com>
Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>
Co-authored-by: Josephine Fischer <64423298+josephinef9@users.noreply.github.com>
Co-authored-by: Christina Tai <42459486+christinaatai@users.noreply.github.com>
Co-authored-by: Garett Arrowood <garettarrowood@gmail.com>
Co-authored-by: Stephen Marshall <smarshall1980@gmail.com>
Co-authored-by: Brendan Huffman <bh247484@gmail.com>
Co-authored-by: Rafael Garcia <rafael.garcia@powerhrg.com>
Co-authored-by: Matthew Russell Dodds <matthew.dodds@powerhrg.com>
Co-authored-by: Eva Louderback <50629488+evalouderback@users.noreply.github.com>
Co-authored-by: Jon Zazula <djonyriz@gmail.com>
Co-authored-by: Brendan Huffman <57693937+bh247484@users.noreply.github.com>
Co-authored-by: Jason Cypret <jason@jasoncypret.com>
Co-authored-by: Idan Zonshein <64423490+idanzonshein@users.noreply.github.com>
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Renovate Bot <bot@renovateapp.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Megan Trimble <53874143+megantrimble@users.noreply.github.com>

* Create Background kit (#1110)

* Update README.md

* Generate Background Kit

* wip but image background seen

* wip add white to react, start rails

* Change backgroundcolor prop

* Add more props

* Add image background

Need to fix text

* Alphabetize menu names

* Fix lint issues

* Change color names

* Change to backgroun prop and edit color

Still working on image part

* Fix conditional for ruby

Classname and children work for color background, image still in progress

* Correct the React kit to work with images more easily

* Get image to work

* Fix linting issues

Add examples to react docs, alphabetize props

* Finish docs

* Edit spacing/ details

* Add spec tests

Also tweaked classname prop

* Fix minor offenses

* Delete import of background css since there was no css

* Update app/pb_kits/playbook/pb_background/docs/_background_default.html.erb

Co-authored-by: Garett Arrowood <garettarrowood@gmail.com>

* Update app/pb_kits/playbook/pb_background/docs/_background_default.html.erb

Co-authored-by: Garett Arrowood <garettarrowood@gmail.com>

* Update app/pb_kits/playbook/pb_background/docs/_background_default.html.erb

Co-authored-by: Garett Arrowood <garettarrowood@gmail.com>

* Update app/pb_kits/playbook/pb_background/docs/_background_default.html.erb

Co-authored-by: Garett Arrowood <garettarrowood@gmail.com>

* Fix tag

* Impliment Jasons suggestion on docs

Add loader to image, change lorum ipsum to quote, change image to unsplash, and put shadowing on card and change color names

* Fix spec

* Add background-size & fix classnames

* Single/Double Quote mistake

* Fix spacing

* Patch for rake dist (#1147)

* Patch for Removing Rake Tasks from Dist

* Patch Commit

Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>

* added scss file, separated examples, and wrote documentation

* fixed failing specs

* got rid of extra files

Co-authored-by: Stephen Marshall <smarshall1980@gmail.com>
Co-authored-by: Kelly Ryan <kellyeryan@gmail.com>
Co-authored-by: Garett Arrowood <garettarrowood@gmail.com>
Co-authored-by: Jasper Furniss <jasperfurniss@gmail.com>
Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>
Co-authored-by: Eva Louderback <evalouderback@gmail.com>
Co-authored-by: Brendan Huffman <bh247484@gmail.com>
Co-authored-by: Eva Louderback <50629488+evalouderback@users.noreply.github.com>

* Add safe navigator to address home's without addresses (#1161)

* Add solid example of Typeahead (default) Rails kit to Form kit (#1158)

* Patch for rake dist (#1147)

* Patch for Removing Rake Tasks from Dist

* Patch Commit

Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>

* [CMPN-22] Allow all HTML options on input in PbSelectableIcon, PbSelectableCard and PbSelectableCardIcon Rails kits (#1113)

* Add input options to selectable card

* Add input options to selectable icon

* Add input options to selectable card icon

* Add more spec coverage

* Switch name to input options

* Fix spec tests

* [NUXE-158] Section separator dark mode (WIP) (#1146)

* Fixed dark mode

* Updated spec doc

* Fixed dark card variant

Deleted unnecessary lines

Deleted lines

* Better error messages, and more test coverage (#1115)

* Update README.md

* Add coverage for added boilerplate props

* Pass prop name to type creation & expose in error messages

* Also specify name of kit

* Simplify prop examples

Co-authored-by: Stephen Marshall <smarshall1980@gmail.com>

* Fixes Typeahead (Rails) setting wrong image attribute in examples (#1151)

* Update README.md

* Playbook Distribution Release (#834)

* Update changelog

* Fixing Flash By Separating Fade Out Keyframe from Default  Class (#1135)

Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>

* Changelog Generator 2.0 (#1136)

* Changelog Generator 2.0

* Updated PR Template

Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>

* Make updates to the inline date range kit (#1126)

* Make updates to the inline date range kit for issue #613

* Pass the props so darkmode works

* Make alignment changes

* Fix breaking spec

* Adjust time presentation

* Fix spacing

* use buildCss

* Concat classname using the classnames function

* Use spacing variable

* updated table with examplesof how to use buttons (#1123)

* Update Progress Step (#1128)

* Update Progress Step

* Add hidden status to step items

* [NUXE-155] Date Picker Patch 3 (#1125)

* fixed readonly rails validation bug, created default onChange lambda

* improved validation fix

* rails form label fix

* fixed simple form attribute mismatch

* fixed mising commas in model class def

* replicated improved null value handling from patch-4

* removed dark doc examples

* more unused doc example removal

* cleaned helper js

* alphas and timeout solution

* cleaned up commented code, re-formatted dp helper js

* removed test dp in filter kit, reworked boolean label logic

* reverted alpha versioning

* Typeahead with Pills (Rails) (#1104)

* Update PULL_REQUEST_TEMPLATE.md

* WIP: Typeahead w/ Pills (React)

* WIP

* Basic pub-sub working for add, remove and clear

* Revert changes to index.js

* Async options

* Spec coverage

* Add code example docs

Co-authored-by: Jason Cypret <jason@jasoncypret.com>

* [NUXE-55] Updated styles to button toolbar kit (#1129)

* Updated styles to button toolbar kit

* Updated spec doc

* Fixed dark bug for react

Fixed dark bug for react

* Sass optimization

Use spacing variables

Border disappear when hovered

Sass optimization

Sass optimization

Deleted some lines

* Fixed sass variables

* Sass optimization & update doc examples & update spec doc

* Fix jenkins error

* Adds HTML input options to PB toggle kit (#1112)

* Pin dependencies (#1138)

Co-authored-by: Renovate Bot <bot@renovateapp.com>

* Bump actionview from 5.2.4.3 to 5.2.4.4 (#1103)

Bumps [actionview](https://github.com/rails/rails) from 5.2.4.3 to 5.2.4.4.
- [Release notes](https://github.com/rails/rails/releases)
- [Changelog](https://github.com/rails/rails/blob/v6.0.3.3/actionview/CHANGELOG.md)
- [Commits](https://github.com/rails/rails/compare/v5.2.4.3...v5.2.4.4)

Signed-off-by: dependabot[bot] <support@github.com>

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* [NUXE-80] - Add 'close' option to kit, with examples (#1142)

* Add 'close' option to kit, with examples

* Update style

* Update default state

* Update func name

* Update class and fixedWidth

* Use proper classname approach

* Add fixed width to rails version to match react

* Update toast styling

* Refactor onclick conditional

Co-authored-by: Cole Erikson <cole.erikson@powerhrg.com>

* Update dependency mini-css-extract-plugin to v0.12.0 (#1140)

Co-authored-by: Renovate Bot <bot@renovateapp.com>

* Update dependency copy-webpack-plugin to v6.2.0 (#1139)

Co-authored-by: Renovate Bot <bot@renovateapp.com>

* Fix typeahead example using wrong attribute

Co-authored-by: Brendan Huffman <bh247484@gmail.com>
Co-authored-by: Rafael Garcia <rafael.garcia@powerhrg.com>
Co-authored-by: Jasper Furniss <jasperfurniss@gmail.com>
Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>
Co-authored-by: Matthew Russell Dodds <matthew.dodds@powerhrg.com>
Co-authored-by: Eva Louderback <50629488+evalouderback@users.noreply.github.com>
Co-authored-by: Jon Zazula <djonyriz@gmail.com>
Co-authored-by: Brendan Huffman <57693937+bh247484@users.noreply.github.com>
Co-authored-by: Jason Cypret <jason@jasoncypret.com>
Co-authored-by: Christina Tai <42459486+christinaatai@users.noreply.github.com>
Co-authored-by: Idan Zonshein <64423490+idanzonshein@users.noreply.github.com>
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Renovate Bot <bot@renovateapp.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Cole Erikson <cole.erikson@powerhrg.com>

* white-space: nowrap added (#1153)

* Nav Kit Update (#1152)

* Update README.md

* Playbook Distribution Release (#834)

* Update changelog

* Fixing Flash By Separating Fade Out Keyframe from Default  Class (#1135)

Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>

* Changelog Generator 2.0 (#1136)

* Changelog Generator 2.0

* Updated PR Template

Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>

* Make updates to the inline date range kit (#1126)

* Make updates to the inline date range kit for issue #613

* Pass the props so darkmode works

* Make alignment changes

* Fix breaking spec

* Adjust time presentation

* Fix spacing

* use buildCss

* Concat classname using the classnames function

* Use spacing variable

* updated table with examplesof how to use buttons (#1123)

* Update Progress Step (#1128)

* Update Progress Step

* Add hidden status to step items

* [NUXE-155] Date Picker Patch 3 (#1125)

* fixed readonly rails validation bug, created default onChange lambda

* improved validation fix

* rails form label fix

* fixed simple form attribute mismatch

* fixed mising commas in model class def

* replicated improved null value handling from patch-4

* removed dark doc examples

* more unused doc example removal

* cleaned helper js

* alphas and timeout solution

* cleaned up commented code, re-formatted dp helper js

* removed test dp in filter kit, reworked boolean label logic

* reverted alpha versioning

* Typeahead with Pills (Rails) (#1104)

* Update PULL_REQUEST_TEMPLATE.md

* WIP: Typeahead w/ Pills (React)

* WIP

* Basic pub-sub working for add, remove and clear

* Revert changes to index.js

* Async options

* Spec coverage

* Add code example docs

Co-authored-by: Jason Cypret <jason@jasoncypret.com>

* [NUXE-55] Updated styles to button toolbar kit (#1129)

* Updated styles to button toolbar kit

* Updated spec doc

* Fixed dark bug for react

Fixed dark bug for react

* Sass optimization

Use spacing variables

Border disappear when hovered

Sass optimization

Sass optimization

Deleted some lines

* Fixed sass variables

* Sass optimization & update doc examples & update spec doc

* Fix jenkins error

* Adds HTML input options to PB toggle kit (#1112)

* Pin dependencies (#1138)

Co-authored-by: Renovate Bot <bot@renovateapp.com>

* Bump actionview from 5.2.4.3 to 5.2.4.4 (#1103)

Bumps [actionview](https://github.com/rails/rails) from 5.2.4.3 to 5.2.4.4.
- [Release notes](https://github.com/rails/rails/releases)
- [Changelog](https://github.com/rails/rails/blob/v6.0.3.3/actionview/CHANGELOG.md)
- [Commits](https://github.com/rails/rails/compare/v5.2.4.3...v5.2.4.4)

Signed-off-by: dependabot[bot] <support@github.com>

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* [NUXE-80] - Add 'close' option to kit, with examples (#1142)

* Add 'close' option to kit, with examples

* Update style

* Update default state

* Update func name

* Update class and fixedWidth

* Use proper classname approach

* Add fixed width to rails version to match react

* Update toast styling

* Refactor onclick conditional

Co-authored-by: Cole Erikson <cole.erikson@powerhrg.com>

* Update dependency mini-css-extract-plugin to v0.12.0 (#1140)

Co-authored-by: Renovate Bot <bot@renovateapp.com>

* Update dependency copy-webpack-plugin to v6.2.0 (#1139)

Co-authored-by: Renovate Bot <bot@renovateapp.com>

* Updated Changelog and Made Minor Adjustment to Changelog Rake

* Updated padding & Borderless option created

* Nav with image for icon added

* _with_img_nav.md added

* updated specs

Co-authored-by: Stephen Marshall <smarshall1980@gmail.com>
Co-authored-by: Brendan Huffman <bh247484@gmail.com>
Co-authored-by: Rafael Garcia <rafael.garcia@powerhrg.com>
Co-authored-by: Jasper Furniss <jasperfurniss@gmail.com>
Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>
Co-authored-by: Matthew Russell Dodds <matthew.dodds@powerhrg.com>
Co-authored-by: Eva Louderback <50629488+evalouderback@users.noreply.github.com>
Co-authored-by: Jon Zazula <djonyriz@gmail.com>
Co-authored-by: Brendan Huffman <57693937+bh247484@users.noreply.github.com>
Co-authored-by: Jason Cypret <jason@jasoncypret.com>
Co-authored-by: Christina Tai <42459486+christinaatai@users.noreply.github.com>
Co-authored-by: Idan Zonshein <64423490+idanzonshein@users.noreply.github.com>
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Renovate Bot <bot@renovateapp.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Cole Erikson <cole.erikson@powerhrg.com>

* [NUX-639] - Caption Kits to support block / Time Kit style updates (#1100)

* Revert "Playbook v7.1.0 (#1143)" (#1148)

This reverts commit f1efe55b0dbc6401ffa4d8e061b5ee40bc1d9b6f.

* Solar Patch (#1149)

* Solar Patch

* syntax

Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>

* Cherry-picked and pushing Playbook v7.1.0 commit back into Master branch

* Playbook Distribution Release (#834)

* Update changelog

* Changelog Generator 2.0 (#1136)

* Changelog Generator 2.0

* Updated PR Template

Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>

* Pin dependencies (#1138)

Co-authored-by: Renovate Bot <bot@renovateapp.com>

* Update caption to support block, update time kit structure/style

* Remove extra additions.

* removed CHANGELOG duplicate

Co-authored-by: Jasper Furniss <jasperfurniss@gmail.com>
Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>
Co-authored-by: Rafael Garcia <rafael.garcia@powerhrg.com>
Co-authored-by: thestephenmarshall <smarshall1980@gmail.com>
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Renovate Bot <bot@renovateapp.com>
Co-authored-by: Brendan Huffman <bh247484@gmail.com>

* Solar Patch fixes

* Downgrade react-select lib (#1155)

* Highcharts React null value bug fix (#1154)

* if check for undefined

* optimized conditional

* Upgrades library dependencies (#1145)

* Add solid example of Typeahead (default) Rails kit to Form kit

Co-authored-by: Jasper Furniss <jasperfurniss@gmail.com>
Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>
Co-authored-by: Josephine Fischer <64423298+josephinef9@users.noreply.github.com>
Co-authored-by: Christina Tai <42459486+christinaatai@users.noreply.github.com>
Co-authored-by: Garett Arrowood <garettarrowood@gmail.com>
Co-authored-by: Brendan Huffman <bh247484@gmail.com>
Co-authored-by: Rafael Garcia <rafael.garcia@powerhrg.com>
Co-authored-by: Matthew Russell Dodds <matthew.dodds@powerhrg.com>
Co-authored-by: Eva Louderback <50629488+evalouderback@users.noreply.github.com>
Co-authored-by: Jon Zazula <djonyriz@gmail.com>
Co-authored-by: Brendan Huffman <57693937+bh247484@users.noreply.github.com>
Co-authored-by: Jason Cypret <jason@jasoncypret.com>
Co-authored-by: Idan Zonshein <64423490+idanzonshein@users.noreply.github.com>
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Renovate Bot <bot@renovateapp.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Cole Erikson <cole.erikson@powerhrg.com>
Co-authored-by: Megan Trimble <53874143+megantrimble@users.noreply.github.com>
Co-authored-by: Cole Erikson <coleerikson@users.noreply.github.com>
Co-authored-by: Andrew Kloecker <lt.kvothe@gmail.com>

* Restore text prop, replaces name in show_user variant

* Fix: prefer to_s over string interpolation

* Fixing sorting of props

* fixed dark mode

Co-authored-by: Stephen Marshall <smarshall1980@gmail.com>
Co-authored-by: Cole Erikson <coleerikson@users.noreply.github.com>
Co-authored-by: Jasper Furniss <jasperfurniss@gmail.com>
Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>
Co-authored-by: Josephine Fischer <64423298+josephinef9@users.noreply.github.com>
Co-authored-by: Christina Tai <42459486+christinaatai@users.noreply.github.com>
Co-authored-by: Garett Arrowood <garettarrowood@gmail.com>
Co-authored-by: Brendan Huffman <bh247484@gmail.com>
Co-authored-by: Rafael Garcia <rafael.garcia@powerhrg.com>
Co-authored-by: Matthew Russell Dodds <matthew.dodds@powerhrg.com>
Co-authored-by: Eva Louderback <50629488+evalouderback@users.noreply.github.com>
Co-authored-by: Jon Zazula <djonyriz@gmail.com>
Co-authored-by: Brendan Huffman <57693937+bh247484@users.noreply.github.com>
Co-authored-by: Jason Cypret <jason@jasoncypret.com>
Co-authored-by: Idan Zonshein <64423490+idanzonshein@users.noreply.github.com>
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Renovate Bot <bot@renovateapp.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Megan Trimble <53874143+megantrimble@users.noreply.github.com>
Co-authored-by: Madison McCardle <64422843+maddiemc01@users.noreply.github.com>
Co-authored-by: Kelly Ryan <kellyeryan@gmail.com>
Co-authored-by: Eva Louderback <evalouderback@gmail.com>
Co-authored-by: Katie Weber <38359249+web-kat@users.noreply.github.com>
Co-authored-by: Cole Erikson <cole.erikson@powerhrg.com>
Co-authored-by: Andrew Kloecker <lt.kvothe@gmail.com>

* Fix bad SHA in react-select (#1172)

* Add default pre-selected options to Typeahead with Pills (#1174)

* Add default_options (defaultValue) support to Typeahead with Pills

* Fix bad SHA in react-select

* Allow pubsub clear values

* Fix bug with selection

* Target id selector instance

* Update dependency lint-staged to v10.5.0 (#1098)

Co-authored-by: Renovate Bot <bot@renovateapp.com>

* Adds an Icon Prop to the Progress Step Item Kit (#1175)

* Version Bump

* Rails Working for Stepper Custom Icon

* Rebasing yarn.lock

* Added Deprication/Backwards compatible show_icon for Rails

* Update app/pb_kits/playbook/pb_progress_step/_progress_step.scss

Co-authored-by: Cole Erikson <cole.erikson@powerhrg.com>
Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>
Co-authored-by: Jason Cypret <jason@jasoncypret.com>

* Update dependency flow-bin to v0.137.0 (#1109)

Co-authored-by: Renovate Bot <bot@renovateapp.com>

* Update dependency copy-webpack-plugin to v6.2.1 (#1144)

Co-authored-by: Renovate Bot <bot@renovateapp.com>

* Bump npm-user-validate from 1.0.0 to 1.0.1 (#1162)

Bumps [npm-user-validate](https://github.com/npm/npm-user-validate) from 1.0.0 to 1.0.1.
- [Release notes](https://github.com/npm/npm-user-validate/releases)
- [Commits](https://github.com/npm/npm-user-validate/compare/v1.0.0...v1.0.1)

Signed-off-by: dependabot[bot] <support@github.com>

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* [NUXE-50] Add landing page and getting started to docs (#1173)

* reconfigured routes

* homepage scaffolding

* sorted out react_rails particulars, new nav solution

* restructured layouts, rescoped kits pages, created getting started route

* added getting started md, made SnippetToggle react component semantic

* removed unused getting_started erb

* [NUX-638] - Date Kit Refactor/Design (#1108)

* Patch for rake dist (#1147)

* Patch for Removing Rake Tasks from Dist

* Patch Commit

Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>

* [CMPN-22] Allow all HTML options on input in PbSelectableIcon, PbSelectableCard and PbSelectableCardIcon Rails kits (#1113)

* Add input options to selectable card

* Add input options to selectable icon

* Add input options to selectable card icon

* Add more spec coverage

* Switch name to input options

* Fix spec tests

* [NUXE-158] Section separator dark mode (WIP) (#1146)

* Fixed dark mode

* Updated spec doc

* Fixed dark card variant

Deleted unnecessary lines

Deleted lines

* Better error messages, and more test coverage (#1115)

* Update README.md

* Add coverage for added boilerplate props

* Pass prop name to type creation & expose in error messages

* Also specify name of kit

* Simplify prop examples

Co-authored-by: Stephen Marshall <smarshall1980@gmail.com>

* Fixes Typeahead (Rails) setting wrong image attribute in examples (#1151)

* Update README.md

* Playbook Distribution Release (#834)

* Update changelog

* Fixing Flash By Separating Fade Out Keyframe from Default  Class (#1135)

Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>

* Changelog Generator 2.0 (#1136)

* Changelog Generator 2.0

* Updated PR Template

Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>

* Make updates to the inline date range kit (#1126)

* Make updates to the inline date range kit for issue #613

* Pass the props so darkmode works

* Make alignment changes

* Fix breaking spec

* Adjust time presentation

* Fix spacing

* use buildCss

* Concat classname using the classnames function

* Use spacing variable

* updated table with examplesof how to use buttons (#1123)

* Update Progress Step (#1128)

* Update Progress Step

* Add hidden status to step items

* [NUXE-155] Date Picker Patch 3 (#1125)

* fixed readonly rails validation bug, created default onChange lambda

* improved validation fix

* rails form label fix

* fixed simple form attribute mismatch

* fixed mising commas in model class def

* replicated improved null value handling from patch-4

* removed dark doc examples

* more unused doc example removal

* cleaned helper js

* alphas and timeout solution

* cleaned up commented code, re-formatted dp helper js

* removed test dp in filter kit, reworked boolean label logic

* reverted alpha versioning

* Typeahead with Pills (Rails) (#1104)

* Update PULL_REQUEST_TEMPLATE.md

* WIP: Typeahead w/ Pills (React)

* WIP

* Basic pub-sub working for add, remove and clear

* Revert changes to index.js

* Async options

* Spec coverage

* Add code example docs

Co-authored-by: Jason Cypret <jason@jasoncypret.com>

* [NUXE-55] Updated styles to button toolbar kit (#1129)

* Updated styles to button toolbar kit

* Updated spec doc

* Fixed dark bug for react

Fixed dark bug for react

* Sass optimization

Use spacing variables

Border disappear when hovered

Sass optimization

Sass optimization

Deleted some lines

* Fixed sass variables

* Sass optimization & update doc examples & update spec doc

* Fix jenkins error

* Adds HTML input options to PB toggle kit (#1112)

* Pin dependencies (#1138)

Co-authored-by: Renovate Bot <bot@renovateapp.com>

* Bump actionview from 5.2.4.3 to 5.2.4.4 (#1103)

Bumps [actionview](https://github.com/rails/rails) from 5.2.4.3 to 5.2.4.4.
- [Release notes](https://github.com/rails/rails/releases)
- [Changelog](https://github.com/rails/rails/blob/v6.0.3.3/actionview/CHANGELOG.md)
- [Commits](https://github.com/rails/rails/compare/v5.2.4.3...v5.2.4.4)

Signed-off-by: dependabot[bot] <support@github.com>

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* [NUXE-80] - Add 'close' option to kit, with examples (#1142)

* Add 'close' option to kit, with examples

* Update style

* Update default state

* Update func name

* Update class and fixedWidth

* Use proper classname approach

* Add fixed width to rails version to match react

* Update toast styling

* Refactor onclick conditional

Co-authored-by: Cole Erikson <cole.erikson@powerhrg.com>

* Update dependency mini-css-extract-plugin to v0.12.0 (#1140)

Co-authored-by: Renovate Bot <bot@renovateapp.com>

* Update dependency copy-webpack-plugin to v6.2.0 (#1139)

Co-authored-by: Renovate Bot <bot@renovateapp.com>

* Fix typeahead example using wrong attribute

Co-authored-by: Brendan Huffman <bh247484@gmail.com>
Co-authored-by: Rafael Garcia <rafael.garcia@powerhrg.com>
Co-authored-by: Jasper Furniss <jasperfurniss@gmail.com>
Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>
Co-authored-by: Matthew Russell Dodds <matthew.dodds@powerhrg.com>
Co-authored-by: Eva Louderback <50629488+evalouderback@users.noreply.github.com>
Co-authored-by: Jon Zazula <djonyriz@gmail.com>
Co-authored-by: Brendan Huffman <57693937+bh247484@users.noreply.github.com>
Co-authored-by: Jason Cypret <jason@jasoncypret.com>
Co-authored-by: Christina Tai <42459486+christinaatai@users.noreply.github.com>
Co-authored-by: Idan Zonshein <64423490+idanzonshein@users.noreply.github.com>
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Renovate Bot <bot@renovateapp.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Cole Erikson <cole.erikson@powerhrg.com>

* white-space: nowrap added (#1153)

* Nav Kit Update (#1152)

* Update README.md

* Playbook Distribution Release (#834)

* Update changelog

* Fixing Flash By Separating Fade Out Keyframe from Default  Class (#1135)

Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>

* Changelog Generator 2.0 (#1136)

* Changelog Generator 2.0

* Updated PR Template

Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>

* Make updates to the inline date range kit (#1126)

* Make updates to the inline date range kit for issue #613

* Pass the props so darkmode works

* Make alignment changes

* Fix breaking spec

* Adjust time presentation

* Fix spacing

* use buildCss

* Concat classname using the classnames function

* Use spacing variable

* updated table with examplesof how to use buttons (#1123)

* Update Progress Step (#1128)

* Update Progress Step

* Add hidden status to step items

* [NUXE-155] Date Picker Patch 3 (#1125)

* fixed readonly rails validation bug, created default onChange lambda

* improved validation fix

* rails form label fix

* fixed simple form attribute mismatch

* fixed mising commas in model class def

* replicated improved null value handling from patch-4

* removed dark doc examples

* more unused doc example removal

* cleaned helper js

* alphas and timeout solution

* cleaned up commented code, re-formatted dp helper js

* removed test dp in filter kit, reworked boolean label logic

* reverted alpha versioning

* Typeahead with Pills (Rails) (#1104)

* Update PULL_REQUEST_TEMPLATE.md

* WIP: Typeahead w/ Pills (React)

* WIP

* Basic pub-sub working for add, remove and clear

* Revert changes to index.js

* Async options

* Spec coverage

* Add code example docs

Co-authored-by: Jason Cypret <jason@jasoncypret.com>

* [NUXE-55] Updated styles to button toolbar kit (#1129)

* Updated styles to button toolbar kit

* Updated spec doc

* Fixed dark bug for react

Fixed dark bug for react

* Sass optimization

Use spacing variables

Border disappear when hovered

Sass optimization

Sass optimization

Deleted some lines

* Fixed sass variables

* Sass optimization & update doc examples & update spec doc

* Fix jenkins error

* Adds HTML input options to PB toggle kit (#1112)

* Pin dependencies (#1138)

Co-authored-by: Renovate Bot <bot@renovateapp.com>

* Bump actionview from 5.2.4.3 to 5.2.4.4 (#1103)

Bumps [actionview](https://github.com/rails/rails) from 5.2.4.3 to 5.2.4.4.
- [Release notes](https://github.com/rails/rails/releases)
- [Changelog](https://github.com/rails/rails/blob/v6.0.3.3/actionview/CHANGELOG.md)
- [Commits](https://github.com/rails/rails/compare/v5.2.4.3...v5.2.4.4)

Signed-off-by: dependabot[bot] <support@github.com>

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* [NUXE-80] - Add 'close' option to kit, with examples (#1142)

* Add 'close' option to kit, with examples

* Update style

* Update default state

* Update func name

* Update class and fixedWidth

* Use proper classname approach

* Add fixed width to rails version to match react

* Update toast styling

* Refactor onclick conditional

Co-authored-by: Cole Erikson <cole.erikson@powerhrg.com>

* Update dependency mini-css-extract-plugin to v0.12.0 (#1140)

Co-authored-by: Renovate Bot <bot@renovateapp.com>

* Update dependency copy-webpack-plugin to v6.2.0 (#1139)

Co-authored-by: Renovate Bot <bot@renovateapp.com>

* Updated Changelog and Made Minor Adjustment to Changelog Rake

* Updated padding & Borderless option created

* Nav with image for icon added

* _with_img_nav.md added

* updated specs

Co-authored-by: Stephen Marshall <smarshall1980@gmail.com>
Co-authored-by: Brendan Huffman <bh247484@gmail.com>
Co-authored-by: Rafael Garcia <rafael.garcia@powerhrg.com>
Co-authored-by: Jasper Furniss <jasperfurniss@gmail.com>
Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>
Co-authored-by: Matthew Russell Dodds <matthew.dodds@powerhrg.com>
Co-authored-by: Eva Louderback <50629488+evalouderback@users.noreply.github.com>
Co-authored-by: Jon Zazula <djonyriz@gmail.com>
Co-authored-by: Brendan Huffman <57693937+bh247484@users.noreply.github.com>
Co-authored-by: Jason Cypret <jason@jasoncypret.com>
Co-authored-by: Christina Tai <42459486+christinaatai@users.noreply.github.com>
Co-authored-by: Idan Zonshein <64423490+idanzonshein@users.noreply.github.com>
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Renovate Bot <bot@renovateapp.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Cole Erikson <cole.erikson@powerhrg.com>

* [NUX-639] - Caption Kits to support block / Time Kit style updates (#1100)

* Revert "Playbook v7.1.0 (#1143)" (#1148)

This reverts commit f1efe55b0dbc6401ffa4d8e061b5ee40bc1d9b6f.

* Solar Patch (#1149)

* Solar Patch

* syntax

Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>

* Cherry-picked and pushing Playbook v7.1.0 commit back into Master branch

* Playbook Distribution Release (#834)

* Update changelog

* Changelog Generator 2.0 (#1136)

* Changelog Generator 2.0

* Updated PR Template

Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>

* Pin dependencies (#1138)

Co-authored-by: Renovate Bot <bot@renovateapp.com>

* Update caption to support block, update time kit structure/style

* Remove extra additions.

* removed CHANGELOG duplicate

Co-authored-by: Jasper Furniss <jasperfurniss@gmail.com>
Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>
Co-authored-by: Rafael Garcia <rafael.garcia@powerhrg.com>
Co-authored-by: thestephenmarshall <smarshall1980@gmail.com>
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Renovate Bot <bot@renovateapp.com>
Co-authored-by: Brendan Huffman <bh247484@gmail.com>

* Revised

* Update design of Date Kit

* update test, add deprecation in react

* Revised

* Update design of Date Kit

* update test, add deprecation in react

* Space

Co-authored-by: Jasper Furniss <jasperfurniss@gmail.com>
Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>
Co-authored-by: Josephine Fischer <64423298+josephinef9@users.noreply.github.com>
Co-authored-by: Christina Tai <42459486+christinaatai@users.noreply.github.com>
Co-authored-by: Garett Arrowood <garettarrowood@gmail.com>
Co-authored-by: Stephen Marshall <smarshall1980@gmail.com>
Co-authored-by: Brendan Huffman <bh247484@gmail.com>
Co-authored-by: Rafael Garcia <rafael.garcia@powerhrg.com>
Co-authored-by: Matthew Russell Dodds <matthew.dodds@powerhrg.com>
Co-authored-by: Eva Louderback <50629488+evalouderback@users.noreply.github.com>
Co-authored-by: Jon Zazula <djonyriz@gmail.com>
Co-authored-by: Brendan Huffman <57693937+bh247484@users.noreply.github.com>
Co-authored-by: Jason Cypret <jason@jasoncypret.com>
Co-authored-by: Idan Zonshein <64423490+idanzonshein@users.noreply.github.com>
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Renovate Bot <bot@renovateapp.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Megan Trimble <53874143+megantrimble@users.noreply.github.com>

* Create Background kit (#1110)

* Update README.md

* Generate Background Kit

* wip but image background seen

* wip add white to react, start rails

* Change backgroundcolor prop

* Add more props

* Add image background

Need to fix text

* Alphabetize menu names

* Fix lint issues

* Change color names

* Change to backgroun prop and edit color

Still working on image part

* Fix conditional for ruby

Classname and children work for color background, image still in progress

* Correct the React kit to work with images more easily

* Get image to work

* Fix linting issues

Add examples to react docs, alphabetize props

* Finish docs

* Edit spacing/ details

* Add spec tests

Also tweaked classname prop

* Fix minor offenses

* Delete import of background css since there was no css

* Update app/pb_kits/playbook/pb_background/docs/_background_default.html.erb

Co-authored-by: Garett Arrowood <garettarrowood@gmail.com>

* Update app/pb_kits/playbook/pb_background/docs/_background_default.html.erb

Co-authored-by: Garett Arrowood <garettarrowood@gmail.com>

* Update app/pb_kits/playbook/pb_background/docs/_background_default.html.erb

Co-authored-by: Garett Arrowood <garettarrowood@gmail.com>

* Update app/pb_kits/playbook/pb_background/docs/_background_default.html.erb

Co-authored-by: Garett Arrowood <garettarrowood@gmail.com>

* Fix tag

* Impliment Jasons suggestion on docs

Add loader to image, change lorum ipsum to quote, change image to unsplash, and put shadowing on card and change color names

* Fix spec

* Add background-size & fix classnames

* Single/Double Quote mistake

* Fix spacing

* Patch for rake dist (#1147)

* Patch for Removing Rake Tasks from Dist

* Patch Commit

Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>

* added scss file, separated examples, and wrote documentation

* fixed failing specs

* got rid of extra files

Co-authored-by: Stephen Marshall <smarshall1980@gmail.com>
Co-authored-by: Kelly Ryan <kellyeryan@gmail.com>
Co-authored-by: Garett Arrowood <garettarrowood@gmail.com>
Co-authored-by: Jasper Furniss <jasperfurniss@gmail.com>
Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>
Co-authored-by: Eva Louderback <evalouderback@gmail.com>
Co-authored-by: Brendan Huffman <bh247484@gmail.com>
Co-authored-by: Eva Louderback <50629488+evalouderback@users.noreply.github.com>

* Add safe navigator to address home's without addresses (#1161)

* Add solid example of Typeahead (default) Rails kit to Form kit (#1158)

* Patch for rake dist (#1147)

* Patch for Removing Rake Tasks from Dist

* Patch Commit

Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>

* [CMPN-22] Allow all HTML options on input in PbSelectableIcon, PbSelectableCard and PbSelectableCardIcon Rails kits (#1113)

* Add input options to selectable card

* Add input options to selectable icon

* Add input options to selectable card icon

* Add more spec coverage

* Switch name to input options

* Fix spec tests

* [NUXE-158] Section separator dark mode (WIP) (#1146)

* Fixed dark mode

* Updated spec doc

* Fixed dark card variant

Deleted unnecessary lines

Deleted lines

* Better error messages, and more test coverage (#1115)

* Update README.md

* Add coverage for added boilerplate props

* Pass prop name to type creation & expose in error messages

* Also specify name of kit

* Simplify prop examples

Co-authored-by: Stephen Marshall <smarshall1980@gmail.com>

* Fixes Typeahead (Rails) setting wrong image attribute in examples (#1151)

* Update README.md

* Playbook Distribution Release (#834)

* Update changelog

* Fixing Flash By Separating Fade Out Keyframe from Default  Class (#1135)

Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>

* Changelog Generator 2.0 (#1136)

* Changelog Generator 2.0

* Updated PR Template

Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>

* Make updates to the inline date range kit (#1126)

* Make updates to the inline date range kit for issue #613

* Pass the props so darkmode works

* Make alignment changes

* Fix breaking spec

* Adjust time presentation

* Fix spacing

* use buildCss

* Concat classname using the classnames function

* Use spacing variable

* updated table with examplesof how to use buttons (#1123)

* Update Progress Step (#1128)

* Update Progress Step

* Add hidden status to step items

* [NUXE-155] Date Picker Patch 3 (#1125)

* fixed readonly rails validation bug, created default onChange lambda

* improved validation fix

* rails form label fix

* fixed simple form attribute mismatch

* fixed mising commas in model class def

* replicated improved null value handling from patch-4

* removed dark doc examples

* more unused doc example removal

* cleaned helper js

* alphas and timeout solution

* cleaned up commented code, re-formatted dp helper js

* removed test dp in filter kit, reworked boolean label logic

* reverted alpha versioning

* Typeahead with Pills (Rails) (#1104)

* Update PULL_REQUEST_TEMPLATE.md

* WIP: Typeahead w/ Pills (React)

* WIP

* Basic pub-sub working for add, remove and clear

* Revert changes to index.js

* Async options

* Spec coverage

* Add code example docs

Co-authored-by: Jason Cypret <jason@jasoncypret.com>

* [NUXE-55] Updated styles to button toolbar kit (#1129)

* Updated styles to button toolbar kit

* Updated spec doc

* Fixed dark bug for react

Fixed dark bug for react

* Sass optimization

Use spacing variables

Border disappear when hovered

Sass optimization

Sass optimization

Deleted some lines

* Fixed sass variables

* Sass optimization & update doc examples & update spec doc

* Fix jenkins error

* Adds HTML input options to PB toggle kit (#1112)

* Pin dependencies (#1138)

Co-authored-by: Renovate Bot <bot@renovateapp.com>

* Bump actionview from 5.2.4.3 to 5.2.4.4 (#1103)

Bumps [actionview](https://github.com/rails/rails) from 5.2.4.3 to 5.2.4.4.
- [Release notes](https://github.com/rails/rails/releases)
- [Changelog](https://github.com/rails/rails/blob/v6.0.3.3/actionview/CHANGELOG.md)
- [Commits](https://github.com/rails/rails/compare/v5.2.4.3...v5.2.4.4)

Signed-off-by: dependabot[bot] <support@github.com>

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* [NUXE-80] - Add 'close' option to kit, with examples (#1142)

* Add 'close' option to kit, with examples

* Update style

* Update default state

* Update func name

* Update class and fixedWidth

* Use proper classname approach

* Add fixed width to rails version to match react

* Update toast styling

* Refactor onclick conditional

Co-authored-by: Cole Erikson <cole.erikson@powerhrg.com>

* Update dependency mini-css-extract-plugin to v0.12.0 (#1140)

Co-authored-by: Renovate Bot <bot@renovateapp.com>

* Update dependency copy-webpack-plugin to v6.2.0 (#1139)

Co-authored-by: Renovate Bot <bot@renovateapp.com>

* Fix typeahead example using wrong attribute

Co-authored-by: Brendan Huffman <bh247484@gmail.com>
Co-authored-by: Rafael Garcia <rafael.garcia@powerhrg.com>
Co-authored-by: Jasper Furniss <jasperfurniss@gmail.com>
Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>
Co-authored-by: Matthew Russell Dodds <matthew.dodds@powerhrg.com>
Co-authored-by: Eva Louderback <50629488+evalouderback@users.noreply.github.com>
Co-authored-by: Jon Zazula <djonyriz@gmail.com>
Co-authored-by: Brendan Huffman <57693937+bh247484@users.noreply.github.com>
Co-authored-by: Jason Cypret <jason@jasoncypret.com>
Co-authored-by: Christina Tai <42459486+christinaatai@users.noreply.github.com>
Co-authored-by: Idan Zonshein <64423490+idanzonshein@users.noreply.github.com>
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Renovate Bot <bot@renovateapp.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Cole Erikson <cole.erikson@powerhrg.com>

* white-space: nowrap added (#1153)

* Nav Kit Update (#1152)

* Update README.md

* Playbook Distribution Release (#834)

* Update changelog

* Fixing Flash By Separating Fade Out Keyframe from Default  Class (#1135)

Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>

* Changelog Generator 2.0 (#1136)

* Changelog Generator 2.0

* Updated PR Template

Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>

* Make updates to the inline date range kit (#1126)

* Make updates to the inline date range kit for issue #613

* Pass the props so darkmode works

* Make alignment changes

* Fix breaking spec

* Adjust time presentation

* Fix spacing

* use buildCss

* Concat classname using the classnames function

* Use spacing variable

* updated table with examplesof how to use buttons (#1123)

* Update Progress Step (#1128)

* Update Progress Step

* Add hidden status to step items

* [NUXE-155] Date Picker Patch 3 (#1125)

* fixed readonly rails validation bug, created default onChange lambda

* improved validation fix

* rails form label fix

* fixed simple form attribute mismatch

* fixed mising commas in model class def

* replicated improved null value handling from patch-4

* removed dark doc examples

* more unused doc example removal

* cleaned helper js

* alphas and timeout solution

* cleaned up commented code, re-formatted dp helper js

* removed test dp in filter kit, reworked boolean label logic

* reverted alpha versioning

* Typeahead with Pills (Rails) (#1104)

* Update PULL_REQUEST_TEMPLATE.md

* WIP: Typeahead w/ Pills (React)

* WIP

* Basic pub-sub working for add, remove and clear

* Revert changes to index.js

* Async options

* Spec coverage

* Add code example docs

Co-authored-by: Jason Cypret <jason@jasoncypret.com>

* [NUXE-55] Updated styles to button toolbar kit (#1129)

* Updated styles to button toolbar kit

* Updated spec doc

* Fixed dark bug for react

Fixed dark bug for react

* Sass optimization

Use spacing variables

Border disappear when hovered

Sass optimization

Sass optimization

Deleted some lines

* Fixed sass variables

* Sass optimization & update doc examples & update spec doc

* Fix jenkins error

* Adds HTML input options to PB toggle kit (#1112)

* Pin dependencies (#1138)

Co-authored-by: Renovate Bot <bot@renovateapp.com>

* Bump actionview from 5.2.4.3 to 5.2.4.4 (#1103)

Bumps [actionview](https://github.com/rails/rails) from 5.2.4.3 to 5.2.4.4.
- [Release notes](https://github.com/rails/rails/releases)
- [Changelog](https://github.com/rails/rails/blob/v6.0.3.3/actionview/CHANGELOG.md)
- [Commits](https://github.com/rails/rails/compare/v5.2.4.3...v5.2.4.4)

Signed-off-by: dependabot[bot] <support@github.com>

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* [NUXE-80] - Add 'close' option to kit, with examples (#1142)

* Add 'close' option to kit, with examples

* Update style

* Update default state

* Update func name

* Update class and fixedWidth

* Use proper classname approach

* Add fixed width to rails version to match react

* Update toast styling

* Refactor onclick conditional

Co-authored-by: Cole Erikson <cole.erikson@powerhrg.com>

* Update dependency mini-css-extract-plugin to v0.12.0 (#1140)

Co-authored-by: Renovate Bot <bot@renovateapp.com>

* Update dependency copy-webpack-plugin to v6.2.0 (#1139)

Co-authored-by: Renovate Bot <bot@renovateapp.com>

* Updated Changelog and Made Minor Adjustment to Changelog Rake

* Updated padding & Borderless option created

* Nav with image for icon added

* _with_img_nav.md added

* updated specs

Co-authored-by: Stephen Marshall <smarshall1980@gmail.com>
Co-authored-by: Brendan Huffman <bh247484@gmail.com>
Co-authored-by: Rafael Garcia <rafael.garcia@powerhrg.com>
Co-authored-by: Jasper Furniss <jasperfurniss@gmail.com>
Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>
Co-authored-by: Matthew Russell Dodds <matthew.dodds@powerhrg.com>
Co-authored-by: Eva Louderback <50629488+evalouderback@users.noreply.github.com>
Co-authored-by: Jon Zazula <djonyriz@gmail.com>
Co-authored-by: Brendan Huffman <57693937+bh247484@users.noreply.github.com>
Co-authored-by: Jason Cypret <jason@jasoncypret.com>
Co-authored-by: Christina Tai <42459486+christinaatai@users.noreply.github.com>
Co-authored-by: Idan Zonshein <64423490+idanzonshein@users.noreply.github.com>
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Renovate Bot <bot@renovateapp.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Cole Erikson <cole.erikson@powerhrg.com>

* [NUX-639] - Caption Kits to support block / Time Kit style updates (#1100)

* Revert "Playbook v7.1.0 (#1143)" (#1148)

This reverts commit f1efe55b0dbc6401ffa4d8e061b5ee40bc1d9b6f.

* Solar Patch (#1149)

* Solar Patch

* syntax

Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>

* Cherry-picked and pushing Playbook v7.1.0 commit back into Master branch

* Playbook Distribution Release (#834)

* Update changelog

* Changelog Generator 2.0 (#1136)

* Changelog Generator 2.0

* Updated PR Template

Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>

* Pin dependencies (#1138)

Co-authored-by: Renovate Bot <bot@renovateapp.com>

* Update caption to support block, update time kit structure/style

* Remove extra additions.

* removed CHANGELOG duplicate

Co-authored-by: Jasper Furniss <jasperfurniss@gmail.com>
Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>
Co-authored-by: Rafael Garcia <rafael.garcia@powerhrg.com>
Co-authored-by: thestephenmarshall <smarshall1980@gmail.com>
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Renovate Bot <bot@renovateapp.com>
Co-authored-by: Brendan Huffman <bh247484@gmail.com>

* Solar Patch fixes

* Downgrade react-select lib (#1155)

* Highcharts React null value bug fix (#1154)

* if check for undefined

* optimized conditional

* Upgrades library dependencies (#1145)

* Add solid example of Typeahead (default) Rails kit to Form kit

Co-authored-by: Jasper Furniss <jasperfurniss@gmail.com>
Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>
Co-authored-by: Josephine Fischer <64423298+josephinef9@users.noreply.github.com>
Co-authored-by: Christina Tai <42459486+christinaatai@users.noreply.github.com>
Co-authored-by: Garett Arrowood <garettarrowood@gmail.com>
Co-authored-by: Brendan Huffman <bh247484@gmail.com>
Co-authored-by: Rafael Garcia <rafael.garcia@powerhrg.com>
Co-authored-by: Matthew Russell Dodds <matthew.dodds@powerhrg.com>
Co-authored-by: Eva Louderback <50629488+evalouderback@users.noreply.github.com>
Co-authored-by: Jon Zazula <djonyriz@gmail.com>
Co-authored-by: Brendan Huffman <57693937+bh247484@users.noreply.github.com>
Co-authored-by: Jason Cypret <jason@jasoncypret.com>
Co-authored-by: Idan Zonshein <64423490+idanzonshein@users.noreply.github.com>
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Renovate Bot <bot@renovateapp.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Cole Erikson <cole.erikson@powerhrg.com>
Co-authored-by: Megan Trimble <53874143+megantrimble@users.noreply.github.com>
Co-authored-by: Cole Erikson <coleerikson@users.noreply.github.com>
Co-authored-by: Andrew Kloecker <lt.kvothe@gmail.com>

* adding GA tag (#1166)

* [NUXE-23] - Fix tooltip with CSS (#1165)

* Fix tooltip with CSS

* Update arrow CSS

* Dry CSS

* Add spacing variables

* [NUXE-156] Refactor date picker form helper to use text field helper (#1131)

* Update README.md

* Playbook Distribution Release (#834)

* Update changelog

* text_field init

* text_field prop forwarding, conditional erb logic

* fixed prop/html attr passage to text_field helper, reintroduced simple form

* local testing model constructor

* reworked docs to handled null date values by default

* alpha versioning, commented out value binding

* cleaned test examples

* fixed label conditionals

* typeahead linting reversion

* changelog.rake linting reversion

* removed blank default_date props

* reverted alpha versioning

* matched Gemfile.lock with v7.3.0

Co-authored-by: Stephen Marshall <smarshall1980@gmail.com>
Co-authored-by: Rafael Garcia <rafael.garcia@powerhrg.com>

* [NUX-640] - New Date Time Kit (#1071)

* Add Date Time Kit, enhance flex

* Update dark props

Co-authored-by: Cole Erikson <cole.erikson@powerhrg.com>

* Update changelog

* introduced background kit

* fixed nav

* getting started sass

* svg/background kit work

* design mark ii

* footer complete, added github logo, svg cleanup

* fixed cursor hover

* cleaned sass, classnames, conditionals, controller methods

* mobile nav phase one

* mobile nav phase two, non-kit sidebar, dark mode fixed, rails helpers for image assets

* fixed non-kit sideNav selector

* changed utilities and tokens layouts, separated footer, new conditionals to sidebar, cleaned application erb, max width reconfiguration

* removed some spaces

* asset changes

* reintroduced dark mode toggle to utilities and tokens pages

* dark mode footer captions, better stylings for large screens

* spacing variables

* narrowed footer max-width

Co-authored-by: Cole Erikson <coleerikson@users.noreply.github.com>
Co-authored-by: Jasper Furniss <jasperfurniss@gmail.com>
Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>
Co-authored-by: Josephine Fischer <64423298+josephinef9@users.noreply.github.com>
Co-authored-by: Christina Tai <42459486+christinaatai@users.noreply.github.com>
Co-authored-by: Garett Arrowood <garettarrowood@gmail.com>
Co-authored-by: Stephen Marshall <smarshall1980@gmail.com>
Co-authored-by: Rafael Garcia <rafael.garcia@powerhrg.com>
Co-authored-by: Matthew Russell Dodds <matthew.dodds@powerhrg.com>
Co-authored-by: Eva Louderback <50629488+evalouderback@users.noreply.github.com>
Co-authored-by: Jon Zazula <djonyriz@gmail.com>
Co-authored-by: Jason Cypret <jason@jasoncypret.com>
Co-authored-by: Idan Zonshein <6442349…
  • Loading branch information
1 parent bb8268e commit cc85f29
Show file tree
Hide file tree
Showing 15 changed files with 1,148 additions and 218 deletions.
4 changes: 2 additions & 2 deletions milano.production.yml
Expand Up @@ -10,8 +10,8 @@ deploy:
- ./bin/deployer bash -lc "cluster=app-prod-hq environment=${ENVIRONMENT} tag=${REVISION} deploy_url=${DEPLOY_URL} bin/deploy"

links:
logs: "https://logging.prod.hq.powerapp.cloud/app/kibana#/discover?_g=(refreshInterval:(pause:!f,value:5000),time:(from:now-15m,mode:quick,to:now))&_a=(columns:!(log),filters:!(('$state':(store:appState),meta:(alias:!n,disabled:!f,index:ae758a80-1475-11eb-a138-277caf074f3e,key:kubernetes.namespace_name,negate:!f,params:(query:playbook-production,type:phrase),type:phrase,value:playbook-production),query:(match:(kubernetes.namespace_name:(query:playbook-production,type:phrase))))),index:ae758a80-1475-11eb-a138-277caf074f3e,interval:auto,query:(language:lucene,query:''),sort:!('@timestamp',desc))"
metrics: "https://metrics.prod.hq.powerapp.cloud/d/hYTBQhQiz/pod-resource-usage?orgId=1&refresh=10s&var-datasource=prometheus-app-prod-hq&var-namespace=playbook-production&var-filter=.%2B&var-pod=All"
logs: "https://logging-hq.powerapp.cloud/app/kibana#/discover?_g=(refreshInterval:(pause:!f,value:5000),time:(from:now-15m,mode:quick,to:now))&_a=(columns:!(_source),filters:!((meta:(alias:!n,disabled:!f,index:c42b1680-dbc1-11e9-a5cd-5d6d0e6547e8,key:kubernetes.namespace,negate:!f,params:(query:playbook-$ENVIRONMENT,type:phrase),type:phrase,value:playbook-$ENVIRONMENT),query:(match:(kubernetes.namespace:(query:playbook-$ENVIRONMENT,type:phrase))))),index:c42b1680-dbc1-11e9-a5cd-5d6d0e6547e8,interval:auto,query:(language:lucene,query:''),sort:!('@timestamp',desc))"
metrics: "https://grafana-hq.powerapp.cloud/d/hYTBQhQiz/pod-resource-usage?orgId=1&refresh=10s&var-namespace=playbook-$ENVIRONMENT&var-filter=.%2B&var-pod=All"

ci:
require:
Expand Down
2 changes: 1 addition & 1 deletion playbook/Gemfile.lock
Expand Up @@ -97,7 +97,7 @@ GEM
multipart-post (2.1.1)
nokogiri (1.10.10)
mini_portile2 (~> 2.4.0)
octokit (4.18.0)
octokit (4.19.0)
faraday (>= 0.9)
sawyer (~> 0.8.0, >= 0.5.3)
overcommit (0.49.0)
Expand Down
3 changes: 2 additions & 1 deletion playbook/app/pb_kits/playbook/pb_image/_image.html.erb
Expand Up @@ -4,4 +4,5 @@
class: object.classname,
aria: object.aria,
src: object.url,
alt: object.alt) %>
alt: object.alt)
%>
8 changes: 7 additions & 1 deletion playbook/app/pb_kits/playbook/pb_image/_image.jsx
Expand Up @@ -11,6 +11,8 @@ type ImageProps = {
className?: string,
data?: object,
id?: string,
size: "xs" | "sm" | "md" | "lg" | "xl",
rounded?: boolean,
url: string,
}

Expand All @@ -21,12 +23,15 @@ const Image = (props: ImageProps) => {
className,
data = {},
id,
rounded = false,
size = '',
url = '',
} = props

const ariaProps = buildAriaProps(aria)
const classes = classnames(
buildCss('pb_image lazyload blur_up'),
buildCss('pb_image_kit lazyload blur_up', size),
{ rounded },
globalProps(props),
className
)
Expand All @@ -41,6 +46,7 @@ const Image = (props: ImageProps) => {
className={classes}
data-src={url}
id={id}
rounded={rounded}
src={url}
/>
</div>
Expand Down
55 changes: 41 additions & 14 deletions playbook/app/pb_kits/playbook/pb_image/_image.scss
@@ -1,15 +1,42 @@
.pb_image_kit {
max-width: 100%;
max-height: 100%;

.blur_up {
-webkit-filter: blur(6px);
filter: blur(6px);
transition: filter 550ms, -webkit-filter 550ms;
}

.blur_up.lazyloaded {
-webkit-filter: blur(0);
filter: blur(0);
}
@import "../tokens/border_radius";
@import "../tokens/colors";
@import "../pb_image/image";

$image-sizes: (
"xs": 60px,
"sm": 80px,
"md": 100px,
"lg": 120px,
"xl": 140px,
);

[class^=pb_image_kit] {
position: relative;

@each $name, $size in $image-sizes {
&[class*=_#{$name}] {
width: $size;
height: $size;
object-fit: cover;
position: relative;
flex-shrink: 0;
flex-grow: 0;
flex-basis: $size;
}

&[class*= rounded] {
border-radius: $border-rad-heaviest;
}

.blur_up {
-webkit-filter: blur(6px);
filter: blur(6px);
transition: filter 550ms, -webkit-filter 550ms;
}

.blur_up.lazyloaded {
-webkit-filter: blur(0);
filter: blur(0);
}
}
}
@@ -1 +1,13 @@

<br/>
<%= pb_rails("image", props: { size: "xs", url: "https://unsplash.it/500/400/?image=634" }) %>
<br/>
<%= pb_rails("image", props: { size: "sm", url: "https://unsplash.it/500/400/?image=634" }) %>
<br/>
<%= pb_rails("image", props: { size: "md", url: "https://unsplash.it/500/400/?image=634" }) %>
<br/>
<%= pb_rails("image", props: { size: "lg", url: "https://unsplash.it/500/400/?image=634" }) %>
<br/>
<%= pb_rails("image", props: { size: "xl", url: "https://unsplash.it/500/400/?image=634" }) %>
<br/>
<%= pb_rails("image", props: { url: "https://unsplash.it/500/400/?image=634" }) %>
28 changes: 25 additions & 3 deletions playbook/app/pb_kits/playbook/pb_image/docs/_default_image.jsx
Expand Up @@ -3,9 +3,31 @@ import { Image } from '../../'

const DefaultImage = () => {
return (
<Image
url="https://unsplash.it/500/400/?image=634"
/>
<>
<Image
size="xs"
url="https://unsplash.it/500/400/?image=634"
/>
<Image
size="sm"
url="https://unsplash.it/500/400/?image=634"
/>
<Image
size="md"
url="https://unsplash.it/500/400/?image=634"
/>
<Image
size="lg"
url="https://unsplash.it/500/400/?image=634"
/>
<Image
size="xl"
url="https://unsplash.it/500/400/?image=634"
/>
<Image
url="https://unsplash.it/500/400/?image=634"
/>
</>
)
}

Expand Down
@@ -0,0 +1,21 @@
<%= pb_rails("image", props: { rounded: true, size: "xs", url: "https://unsplash.it/500/400/?image=634" }) %>

<br>

<%= pb_rails("image", props: { rounded: true, size: "sm", url: "https://unsplash.it/500/400/?image=634" }) %>

<br>

<%= pb_rails("image", props: { rounded: true, size: "md", url: "https://unsplash.it/500/400/?image=634" }) %>

<br>

<%= pb_rails("image", props: { rounded: true, size: "lg", url: "https://unsplash.it/500/400/?image=634" }) %>

<br>

<%= pb_rails("image", props: { rounded: true, size: "xl", url: "https://unsplash.it/500/400/?image=634" }) %>

<br>

<%= pb_rails("image", props: { rounded: true, url: "https://unsplash.it/500/400/?image=634" }) %>
40 changes: 40 additions & 0 deletions playbook/app/pb_kits/playbook/pb_image/docs/_rounded_image.jsx
@@ -0,0 +1,40 @@
import React from 'react'
import { Image } from '../../'

const RoundedImage = () => {
return (
<>
<Image
rounded
size="xs"
url="https://unsplash.it/500/400/?image=634"
/>
<Image
rounded
size="sm"
url="https://unsplash.it/500/400/?image=634"
/>
<Image
rounded
size="md"
url="https://unsplash.it/500/400/?image=634"
/>
<Image
rounded
size="lg"
url="https://unsplash.it/500/400/?image=634"
/>
<Image
rounded
size="xl"
url="https://unsplash.it/500/400/?image=634"
/>
<Image
rounded
url="https://unsplash.it/500/400/?image=634"
/>
</>
)
}

export default RoundedImage
2 changes: 2 additions & 0 deletions playbook/app/pb_kits/playbook/pb_image/docs/example.yml
@@ -1,5 +1,7 @@
examples:
rails:
- default_image: Default
- rounded_image: Rounded
react:
- default_image: Default
- rounded_image: Rounded
1 change: 1 addition & 0 deletions playbook/app/pb_kits/playbook/pb_image/docs/index.js
@@ -1 +1,2 @@
export { default as DefaultImage } from './_default_image.jsx'
export { default as RoundedImage } from './_rounded_image.jsx'
17 changes: 16 additions & 1 deletion playbook/app/pb_kits/playbook/pb_image/image.rb
Expand Up @@ -8,10 +8,25 @@ class Image
partial "pb_image/image"

prop :alt
prop :rounded, type: Playbook::Props::Boolean,
default: false
prop :size, type: Playbook::Props::Enum,
values: %w[xs sm md lg xl none],
default: "none"
prop :url

def classname
generate_classname("pb_image_kit lazyload blur_up")
generate_classname("pb_image_kit lazyload blur_up", size_class) + rounded_class
end

private

def rounded_class
rounded ? " rounded" : ""
end

def size_class
size == "none" ? nil : size
end
end
end
Expand Down
28 changes: 14 additions & 14 deletions playbook/package.json
Expand Up @@ -54,36 +54,36 @@
},
"dependencies": {
"@babel/cli": "7.12.1",
"@babel/core": "^7.3.4",
"@babel/plugin-proposal-class-properties": "^7.5.5",
"@babel/plugin-proposal-export-default-from": "^7.7.4",
"@babel/core": "^7.12.3",
"@babel/plugin-proposal-class-properties": "^7.12.1",
"@babel/plugin-proposal-export-default-from": "^7.12.1",
"@babel/plugin-syntax-dynamic-import": "^7.2.0",
"@babel/plugin-transform-runtime": "^7.5.5",
"@babel/preset-env": "^7.5.5",
"@babel/preset-flow": "^7.0.0",
"@babel/preset-react": "^7.0.0",
"@popperjs/core": "^2.4.2",
"@rails/webpacker": "^4.2.2",
"@babel/plugin-transform-runtime": "^7.12.1",
"@babel/preset-env": "^7.12.1",
"@babel/preset-flow": "^7.12.1",
"@babel/preset-react": "^7.12.5",
"@popperjs/core": "^2.5.4",
"@rails/webpacker": "^4.3.0",
"babel-loader": "^8.0.5",
"babel-plugin-flow-runtime": "0.11.1",
"babel-plugin-jsx-control-statements": "^4.0.0",
"babel-plugin-transform-decorators-legacy": "1.3.4",
"babel-plugin-transform-flow-strip-types": "6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.23",
"circular-dependency-plugin": "^5.2.0",
"circular-dependency-plugin": "^5.2.2",
"classnames": "^2.2.6",
"css-loader": "3.6.0",
"css-modules-flow-types-loader": "0.3.1",
"es5-shim": "4.5.9",
"fast-sass-loader": "^1.5.0",
"flatpickr": "^4.6.3",
"flatpickr": "^4.6.6",
"flow-bin": "0.137.0",
"flow-runtime": "0.14.0",
"highcharts": "7.2.2",
"jsx-control-statements": "^3.2.8",
"lazysizes": "^5.2.1",
"lazysizes": "^5.2.2",
"lodash": "^4.17.19",
"moment": "^2.24.0",
"moment": "^2.29.1",
"moment-strftime": "^0.5.0",
"moment-timezone": "^0.5.26",
"node-sass": "^4.12.0",
Expand All @@ -97,7 +97,7 @@
"react-popper": "^2.1.0",
"react-select": "3.0.8",
"svg-url-loader": "^4.0.0",
"terser-webpack-plugin": "^3.0.5",
"terser-webpack-plugin": "^3.1.0",
"webpack-cli": "^3.3.12",
"webpacker-react": "^0.3.2"
},
Expand Down
4 changes: 4 additions & 0 deletions playbook/spec/pb_kits/playbook/kits/image_spec.rb
Expand Up @@ -9,10 +9,14 @@

it { is_expected.to define_prop(:alt) }
it { is_expected.to define_prop(:url) }
it { is_expected.to define_prop(:size) }
it { is_expected.to define_boolean_prop(:rounded).with_default(false) }

describe "#classname" do
it "returns namespaced class name", :aggregate_failures do
expect(subject.new({}).classname).to eq "pb_image_kit lazyload blur_up"
expect(subject.new({size: "xs"}).classname).to eq "pb_image_kit lazyload blur_up_xs"
expect(subject.new({rounded:true}).classname).to eq "pb_image_kit lazyload blur_up rounded"
end
end
end

0 comments on commit cc85f29

Please sign in to comment.