Skip to content

Commit

Permalink
v6.3.0 (#1017)
Browse files Browse the repository at this point in the history
* Update flow types to use literal vs class wrapper (#969)

* Update Array types

* Update String types

* Update Number types

* Update Date types

* Update Boolean types

* Final cleanup types

* Changelog and kit template

* Add Title Detail Dark Mode (#972)

* Add Title Detail Dark Mode

* Add CHANGELOG

* Add aria prop

* Update progress step (#954)

* update to progress step kit

* update to progress step kit

* ready for review, updated changelog and spec rb

Co-authored-by: Jasper Furniss <jasperfurniss@gmail.com>

* Update issue templates

* Remove Changelog Checklist (#990)

* testing changelog in release branch

* Removed Changelog Checklist Items

* Latest

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

* Automated changelog (#959)

* fixup spec (#940) (#945)

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

* Enables Global Prop Classnames in React & Enables Dark Class Prop  (#942)

* Adds System Props

* fixup spec (#940)

* Name Change

* Updated Specs

* More Spec Fixes

* Last Two Fixes

* Fixing Table Spec

* Finally Fixed Rspec Tests

* Removed File

* Updated Changelog

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

* ★ Dark Mode Update Badge, Button, Circle Icon Button, Card, Checkbox and Body Kits (#948)

* Adds System Props

* Name Change

* Updated Specs

* More Spec Fixes

* Last Two Fixes

* Fixing Table Spec

* Finally Fixed Rspec Tests

* Removed File

* Updated Changelog

* Badge kit

* Button + Circle Icon Button kits

* Allow globalProps defaults

* Body kit

* Spec updates

* Update CHANGELOG.md

* Fix lint errors

* Some things got stepped on

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

* Gauge Kit (#910)

* Add aria, data props to React Badge kit (#901)

* Add aria, data props to React Badge kit

* Add to CHANGELOG

* Added prop to remove card border (#900)

* Added prop to remove card border

* Updated changelog and spec doc

* Removed trailing white space

* Fixed react prop name to be camelcased

* Renamed rails border prop

* Updated spec doc

* Migrate annotations to new version (#879)

Co-authored-by: Bernardo Donadio <bcdonadio@bcdonadio.com>

* scaffolded kit, added gauge switch case in pbCharts

* fixed ghost content_tag, added props, merged gaugeOptions object

* colors and tooltips corrected/standardized

* restyled gauge with rounded thinner look, began typography changes

* typography styling, added more doc examples

* added sizing doc example

* finalized props, created applied rails doc examples, react scaffolding

* cleaned examples, fixed bugs, react live data experiments

* found/implemented state re-rendering fix

* tweaked units props, added stylings, implemented better React state solution

* rescoped styles, cleaned live data doc example

* moved min-max docs, scrubbed old comments, styled currency/prefix

* accounted for empty/null chart_data prop, deleted more old comments, unified react/rails examples

* deleted unnecessary sass styling

* added CHANGELOG entry

* wrote spec test

* fixed spec test

* fix for theme file woes, moved options for gauge over to pbChartsLightTheme

* spacing and alphabetizing

* added React spacing

* fixed React spacing props, sizing example parity

* test commit

* removed subtitle prop, moved min max default comments into docs

* removed subtitle prop from spec test

* replaced forEach chartData formatting with mapping solution

* added ability to update name field through React state

* moved title text to .md files, added disable animation prop

* fixed react component export

* fixed rebase issues with circle chart

* update gauge spec, fixed failing title spec

* updated CHANGELOG

* doc example housekeeping

* removed commented debugger

* replaced spacing with globalProps

* fixed globalProps import

* once more unto the CHANGELOG

Co-authored-by: Kelly Ryan <51907753+kellyeryan@users.noreply.github.com>
Co-authored-by: Christina Tai <42459486+christinaatai@users.noreply.github.com>
Co-authored-by: Stephen Marshall <smarshall1980@gmail.com>
Co-authored-by: Bernardo Donadio <bcdonadio@bcdonadio.com>

* Cleanup 1284 (#952)

* Initial Commit

* Updated Latest

* Add React Version of Time Kit (#947)

* fixup spec (#940)

* intial time component work

* initial time commit

* Rework show icon logic

* Update changelog

* Add code comment

* Dark updates

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

* Generate button toolbar kit (#908)

* Added unreleased section for 5.3.0

* Add aria, data props to React Badge kit (#901)

* Add aria, data props to React Badge kit

* Add to CHANGELOG

* Added prop to remove card border (#900)

* Added prop to remove card border

* Updated changelog and spec doc

* Removed trailing white space

* Fixed react prop name to be camelcased

* Renamed rails border prop

* Updated spec doc

* Create ButtonGroup kit - WIP

* Finish ButtonGroup kit

* Remove simpleform generated files

* Add spec test

* Fix linting issue

* Fix rspec file

* Fix rspec again

* Change name Button Group to Button Toolbar

* Change docs examples, play with different colors for separating lines between buttons

* Add hover color to scss file

* Add secondary buttons

* Change secondary button hover back to normal

* Circle Chart Additions (#932)

* Circle Kit Rounded + Block

* Renamed Variables

* Latest Doc Updates

* Custom Colors Override Prop

* Circle Chart Extensions v1 Done

* Updated Changelog

* Fix for Circle Chart

* Moved Color Logic to Highchart Plugin

* Cleanup

* More Syntax Fixes

* Latest

* Formatting File

* Cleaning Up Again

* Lint Compaints

* Refactoring Functions

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

* Moved Installation Kit and Logistic Kit so that they're part of Label Value Kit (#915)

* Add blue to title kit (#921)

* Add blue to title kit

* Cover change with tests

* Fix rspec test

* Remove variant prop from docs

* Add to CHANGELOG

* Fix rspec

* Change variant to enum

* Fix rspec

* Replace empty string with nil value in variant enum

* Created Logistics category

* Updated kit, example docs and changelog

* Fixed example docs

* Fixed changelog

* Removed Installer Kit and Logsitic Kit

* Updated spec doc

* Updated title link prop, Label Value Kit description, and cleaned Label Value scss file

* Updated details variant description

Co-authored-by: Kelly Ryan <51907753+kellyeryan@users.noreply.github.com>

* Update CHANGELOG.md

* Add CHANGELOG

* Fix rspec file

* Fix conflicts

Co-authored-by: Jonathan Zazula <djonyriz@gmail.com>
Co-authored-by: Christina Tai <42459486+christinaatai@users.noreply.github.com>
Co-authored-by: Jasper Furniss <jasperfurniss@gmail.com>
Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>
Co-authored-by: Jason Cypret <jason@jasoncypret.com>

* Fixed textarea label spacing issue (#943)

* Fixed spacing issue on react version

* Updated changelog

Co-authored-by: Jon Zazula <djonyriz@gmail.com>

* Update Selectable Card dark mode (#957)

* Update Selectable Card dark mode

* Add CHANGELOG

Co-authored-by: Jon Zazula <djonyriz@gmail.com>

* Update dark mode props on Selectable Card Icon (#956)

* Update dark mode props on Selectable Card Icon

* Add to CHANGELOG

* Fix yarn lint violations

* Change scss to fix font color on dark mode

Co-authored-by: Jon Zazula <djonyriz@gmail.com>

* Add props to Toggle React kit, create docs for React kit (#946)

* Toggle React kit additions WIP

* Add custom example to Toggle React kit

* Add React Toggle Name file

* Fix Toggle React kit

* Add CHANGELOG

Co-authored-by: Jon Zazula <djonyriz@gmail.com>

* Updated Selectable Icon dark mode (#955)

* Updated Selectable Icon dark mode

* Add to CHANGELOG

* Fix scss to correct font color

Co-authored-by: Jon Zazula <djonyriz@gmail.com>

* Bump elliptic from 6.5.2 to 6.5.3 (#936)

Bumps [elliptic](https://github.com/indutny/elliptic) from 6.5.2 to 6.5.3.
- [Release notes](https://github.com/indutny/elliptic/releases)
- [Commits](indutny/elliptic@v6.5.2...v6.5.3)

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

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

* Latest

* Edit dark mode in Title kit to reflect globalProps changes (#951)

* Edit dark mode in Title kit to reflect globalProps changes

* Add CHANGELOG

* Edit dark mode in Caption kit to reflect globalProps changes (#950)

* Edit dark mode in Caption kit to reflect globalProps changes

* Fix rspec file run yarn lint and add to CHANGELOG

* Updated Changelog for hopefully the Last time ever manually

* Make Popover List Example Consistent (#949)

* Adds System Props

* fixup spec (#940)

* Name Change

* Updated Specs

* More Spec Fixes

* Last Two Fixes

* Fixing Table Spec

* Finally Fixed Rspec Tests

* Removed File

* Updated Changelog

* Make example consistent

Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>
Co-authored-by: Jason Cypret <jason@jasoncypret.com>
Co-authored-by: Jasper Furniss <jasperfurniss@gmail.com>

* Update changelog (#944)

Co-authored-by: Jon Zazula <djonyriz@gmail.com>

* Fix Button Toolbar globalProps

* Resolving Conflicts for new Base Branch

* Testing

* Testing again

* Latest for Changelog Generator

* Fixed Conflicts

* Updated

Co-authored-by: Stephen Marshall <smarshall1980@gmail.com>
Co-authored-by: Jason Cypret <jason@jasoncypret.com>
Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>
Co-authored-by: Brendan Huffman <57693937+bh247484@users.noreply.github.com>
Co-authored-by: Kelly Ryan <51907753+kellyeryan@users.noreply.github.com>
Co-authored-by: Christina Tai <42459486+christinaatai@users.noreply.github.com>
Co-authored-by: Bernardo Donadio <bcdonadio@bcdonadio.com>
Co-authored-by: Cole <coleerikson@users.noreply.github.com>
Co-authored-by: Jonathan Zazula <djonyriz@gmail.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* Refactor dark props (#963)

* NUX-1286 - Refactor dark props for text input (#964)

* Refactor dark props for text input

* Add defined prop in tests

* NUX-1286 - Update dark props for Textarea kit (#966)

* Update dark props for textarea

* Add disabled and required attributes to textarea react kit

* Update card header kit so that it passes product colors (#983)

* Update card header kit so that it passes product colors

* Updated changelog

* Added extra line at end of file

* Removed changelog entry

* Revert #972

* Update Changelog

* Update version

* Remove changelog spec

* Bump rack from 2.2.2 to 2.2.3 (#882)

Bumps [rack](https://github.com/rack/rack) from 2.2.2 to 2.2.3.
- [Release notes](https://github.com/rack/rack/releases)
- [Changelog](https://github.com/rack/rack/blob/master/CHANGELOG.md)
- [Commits](rack/rack@v2.2.2...2.2.3)

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

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

* Create popover dark mode (#993)

* Add checkbox to form helper (#953)

* ★ Dark Mode Update Badge, Button, Circle Icon Button, Card, Checkbox and Body Kits (#948)

* Adds System Props

* Name Change

* Updated Specs

* More Spec Fixes

* Last Two Fixes

* Fixing Table Spec

* Finally Fixed Rspec Tests

* Removed File

* Updated Changelog

* Badge kit

* Button + Circle Icon Button kits

* Allow globalProps defaults

* Body kit

* Spec updates

* Update CHANGELOG.md

* Fix lint errors

* Some things got stepped on

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

* Gauge Kit (#910)

* Add aria, data props to React Badge kit (#901)

* Add aria, data props to React Badge kit

* Add to CHANGELOG

* Added prop to remove card border (#900)

* Added prop to remove card border

* Updated changelog and spec doc

* Removed trailing white space

* Fixed react prop name to be camelcased

* Renamed rails border prop

* Updated spec doc

* Migrate annotations to new version (#879)

Co-authored-by: Bernardo Donadio <bcdonadio@bcdonadio.com>

* scaffolded kit, added gauge switch case in pbCharts

* fixed ghost content_tag, added props, merged gaugeOptions object

* colors and tooltips corrected/standardized

* restyled gauge with rounded thinner look, began typography changes

* typography styling, added more doc examples

* added sizing doc example

* finalized props, created applied rails doc examples, react scaffolding

* cleaned examples, fixed bugs, react live data experiments

* found/implemented state re-rendering fix

* tweaked units props, added stylings, implemented better React state solution

* rescoped styles, cleaned live data doc example

* moved min-max docs, scrubbed old comments, styled currency/prefix

* accounted for empty/null chart_data prop, deleted more old comments, unified react/rails examples

* deleted unnecessary sass styling

* added CHANGELOG entry

* wrote spec test

* fixed spec test

* fix for theme file woes, moved options for gauge over to pbChartsLightTheme

* spacing and alphabetizing

* added React spacing

* fixed React spacing props, sizing example parity

* test commit

* removed subtitle prop, moved min max default comments into docs

* removed subtitle prop from spec test

* replaced forEach chartData formatting with mapping solution

* added ability to update name field through React state

* moved title text to .md files, added disable animation prop

* fixed react component export

* fixed rebase issues with circle chart

* update gauge spec, fixed failing title spec

* updated CHANGELOG

* doc example housekeeping

* removed commented debugger

* replaced spacing with globalProps

* fixed globalProps import

* once more unto the CHANGELOG

Co-authored-by: Kelly Ryan <51907753+kellyeryan@users.noreply.github.com>
Co-authored-by: Christina Tai <42459486+christinaatai@users.noreply.github.com>
Co-authored-by: Stephen Marshall <smarshall1980@gmail.com>
Co-authored-by: Bernardo Donadio <bcdonadio@bcdonadio.com>

* Cleanup 1284 (#952)

* created checkbox form class, parsed value/required props

* testing inside filter kit

* implemented label solution

* implemented solution for html data-* attributes

* alpha upversioned

* alpha upversioned to 6

* matched CHANGELOG with master for milano deploy

* fixed validation error spacing

* upversioned alpha after rebase

* used @template.label to generate label text, rearranged method props to use **options, tried to include value prop inside options hash

* removed props from super method, and value prop from check_box method field

* revert filter doc example to default, delete comment

* fixed broken erb in filter default, updated checkbox spec test

* eliminated value prop/option handling and console puts calls

* matched CHANGELOG

Co-authored-by: Stephen Marshall <smarshall1980@gmail.com>
Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>
Co-authored-by: Kelly Ryan <51907753+kellyeryan@users.noreply.github.com>
Co-authored-by: Christina Tai <42459486+christinaatai@users.noreply.github.com>
Co-authored-by: Bernardo Donadio <bcdonadio@bcdonadio.com>

* Create online status dark mode (#991)

* Create online status dark mode

* Update app/pb_kits/playbook/pb_online_status/_online_status.jsx

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

* Create Pill dark mode (#992)

* Create Pill dark mode

* New line at end of yml file, fix aria prop

* Update app/pb_kits/playbook/pb_pill/_pill.scss

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

* Update app/pb_kits/playbook/pb_pill/_pill.jsx

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

* Add dark mode to Multiple Users (#987)

* Add dark mode to Multiple Users

* Write rspec, update scss file

* Add Fixed Confirmation Toast dark mode (#981)

* Revert "Create online status dark mode (#991)" (#1009)

This reverts commit f2263e1.

* Online status (#1010)

* Create online status dark mode

* Moved Classname

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

* Add spacing docs (#1005)

* V6.2.0 (#995)

* Update flow types to use literal vs class wrapper (#969)

* Update Array types

* Update String types

* Update Number types

* Update Date types

* Update Boolean types

* Final cleanup types

* Changelog and kit template

* Add Title Detail Dark Mode (#972)

* Add Title Detail Dark Mode

* Add CHANGELOG

* Add aria prop

* Update progress step (#954)

* update to progress step kit

* update to progress step kit

* ready for review, updated changelog and spec rb

Co-authored-by: Jasper Furniss <jasperfurniss@gmail.com>

* Update issue templates

* Remove Changelog Checklist (#990)

* testing changelog in release branch

* Removed Changelog Checklist Items

* Latest

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

* Automated changelog (#959)

* fixup spec (#940) (#945)

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

* Enables Global Prop Classnames in React & Enables Dark Class Prop  (#942)

* Adds System Props

* fixup spec (#940)

* Name Change

* Updated Specs

* More Spec Fixes

* Last Two Fixes

* Fixing Table Spec

* Finally Fixed Rspec Tests

* Removed File

* Updated Changelog

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

* ★ Dark Mode Update Badge, Button, Circle Icon Button, Card, Checkbox and Body Kits (#948)

* Adds System Props

* Name Change

* Updated Specs

* More Spec Fixes

* Last Two Fixes

* Fixing Table Spec

* Finally Fixed Rspec Tests

* Removed File

* Updated Changelog

* Badge kit

* Button + Circle Icon Button kits

* Allow globalProps defaults

* Body kit

* Spec updates

* Update CHANGELOG.md

* Fix lint errors

* Some things got stepped on

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

* Gauge Kit (#910)

* Add aria, data props to React Badge kit (#901)

* Add aria, data props to React Badge kit

* Add to CHANGELOG

* Added prop to remove card border (#900)

* Added prop to remove card border

* Updated changelog and spec doc

* Removed trailing white space

* Fixed react prop name to be camelcased

* Renamed rails border prop

* Updated spec doc

* Migrate annotations to new version (#879)

Co-authored-by: Bernardo Donadio <bcdonadio@bcdonadio.com>

* scaffolded kit, added gauge switch case in pbCharts

* fixed ghost content_tag, added props, merged gaugeOptions object

* colors and tooltips corrected/standardized

* restyled gauge with rounded thinner look, began typography changes

* typography styling, added more doc examples

* added sizing doc example

* finalized props, created applied rails doc examples, react scaffolding

* cleaned examples, fixed bugs, react live data experiments

* found/implemented state re-rendering fix

* tweaked units props, added stylings, implemented better React state solution

* rescoped styles, cleaned live data doc example

* moved min-max docs, scrubbed old comments, styled currency/prefix

* accounted for empty/null chart_data prop, deleted more old comments, unified react/rails examples

* deleted unnecessary sass styling

* added CHANGELOG entry

* wrote spec test

* fixed spec test

* fix for theme file woes, moved options for gauge over to pbChartsLightTheme

* spacing and alphabetizing

* added React spacing

* fixed React spacing props, sizing example parity

* test commit

* removed subtitle prop, moved min max default comments into docs

* removed subtitle prop from spec test

* replaced forEach chartData formatting with mapping solution

* added ability to update name field through React state

* moved title text to .md files, added disable animation prop

* fixed react component export

* fixed rebase issues with circle chart

* update gauge spec, fixed failing title spec

* updated CHANGELOG

* doc example housekeeping

* removed commented debugger

* replaced spacing with globalProps

* fixed globalProps import

* once more unto the CHANGELOG

Co-authored-by: Kelly Ryan <51907753+kellyeryan@users.noreply.github.com>
Co-authored-by: Christina Tai <42459486+christinaatai@users.noreply.github.com>
Co-authored-by: Stephen Marshall <smarshall1980@gmail.com>
Co-authored-by: Bernardo Donadio <bcdonadio@bcdonadio.com>

* Cleanup 1284 (#952)

* Initial Commit

* Updated Latest

* Add React Version of Time Kit (#947)

* fixup spec (#940)

* intial time component work

* initial time commit

* Rework show icon logic

* Update changelog

* Add code comment

* Dark updates

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

* Generate button toolbar kit (#908)

* Added unreleased section for 5.3.0

* Add aria, data props to React Badge kit (#901)

* Add aria, data props to React Badge kit

* Add to CHANGELOG

* Added prop to remove card border (#900)

* Added prop to remove card border

* Updated changelog and spec doc

* Removed trailing white space

* Fixed react prop name to be camelcased

* Renamed rails border prop

* Updated spec doc

* Create ButtonGroup kit - WIP

* Finish ButtonGroup kit

* Remove simpleform generated files

* Add spec test

* Fix linting issue

* Fix rspec file

* Fix rspec again

* Change name Button Group to Button Toolbar

* Change docs examples, play with different colors for separating lines between buttons

* Add hover color to scss file

* Add secondary buttons

* Change secondary button hover back to normal

* Circle Chart Additions (#932)

* Circle Kit Rounded + Block

* Renamed Variables

* Latest Doc Updates

* Custom Colors Override Prop

* Circle Chart Extensions v1 Done

* Updated Changelog

* Fix for Circle Chart

* Moved Color Logic to Highchart Plugin

* Cleanup

* More Syntax Fixes

* Latest

* Formatting File

* Cleaning Up Again

* Lint Compaints

* Refactoring Functions

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

* Moved Installation Kit and Logistic Kit so that they're part of Label Value Kit (#915)

* Add blue to title kit (#921)

* Add blue to title kit

* Cover change with tests

* Fix rspec test

* Remove variant prop from docs

* Add to CHANGELOG

* Fix rspec

* Change variant to enum

* Fix rspec

* Replace empty string with nil value in variant enum

* Created Logistics category

* Updated kit, example docs and changelog

* Fixed example docs

* Fixed changelog

* Removed Installer Kit and Logsitic Kit

* Updated spec doc

* Updated title link prop, Label Value Kit description, and cleaned Label Value scss file

* Updated details variant description

Co-authored-by: Kelly Ryan <51907753+kellyeryan@users.noreply.github.com>

* Update CHANGELOG.md

* Add CHANGELOG

* Fix rspec file

* Fix conflicts

Co-authored-by: Jonathan Zazula <djonyriz@gmail.com>
Co-authored-by: Christina Tai <42459486+christinaatai@users.noreply.github.com>
Co-authored-by: Jasper Furniss <jasperfurniss@gmail.com>
Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>
Co-authored-by: Jason Cypret <jason@jasoncypret.com>

* Fixed textarea label spacing issue (#943)

* Fixed spacing issue on react version

* Updated changelog

Co-authored-by: Jon Zazula <djonyriz@gmail.com>

* Update Selectable Card dark mode (#957)

* Update Selectable Card dark mode

* Add CHANGELOG

Co-authored-by: Jon Zazula <djonyriz@gmail.com>

* Update dark mode props on Selectable Card Icon (#956)

* Update dark mode props on Selectable Card Icon

* Add to CHANGELOG

* Fix yarn lint violations

* Change scss to fix font color on dark mode

Co-authored-by: Jon Zazula <djonyriz@gmail.com>

* Add props to Toggle React kit, create docs for React kit (#946)

* Toggle React kit additions WIP

* Add custom example to Toggle React kit

* Add React Toggle Name file

* Fix Toggle React kit

* Add CHANGELOG

Co-authored-by: Jon Zazula <djonyriz@gmail.com>

* Updated Selectable Icon dark mode (#955)

* Updated Selectable Icon dark mode

* Add to CHANGELOG

* Fix scss to correct font color

Co-authored-by: Jon Zazula <djonyriz@gmail.com>

* Bump elliptic from 6.5.2 to 6.5.3 (#936)

Bumps [elliptic](https://github.com/indutny/elliptic) from 6.5.2 to 6.5.3.
- [Release notes](https://github.com/indutny/elliptic/releases)
- [Commits](indutny/elliptic@v6.5.2...v6.5.3)

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

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

* Latest

* Edit dark mode in Title kit to reflect globalProps changes (#951)

* Edit dark mode in Title kit to reflect globalProps changes

* Add CHANGELOG

* Edit dark mode in Caption kit to reflect globalProps changes (#950)

* Edit dark mode in Caption kit to reflect globalProps changes

* Fix rspec file run yarn lint and add to CHANGELOG

* Updated Changelog for hopefully the Last time ever manually

* Make Popover List Example Consistent (#949)

* Adds System Props

* fixup spec (#940)

* Name Change

* Updated Specs

* More Spec Fixes

* Last Two Fixes

* Fixing Table Spec

* Finally Fixed Rspec Tests

* Removed File

* Updated Changelog

* Make example consistent

Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>
Co-authored-by: Jason Cypret <jason@jasoncypret.com>
Co-authored-by: Jasper Furniss <jasperfurniss@gmail.com>

* Update changelog (#944)

Co-authored-by: Jon Zazula <djonyriz@gmail.com>

* Fix Button Toolbar globalProps

* Resolving Conflicts for new Base Branch

* Testing

* Testing again

* Latest for Changelog Generator

* Fixed Conflicts

* Updated

Co-authored-by: Stephen Marshall <smarshall1980@gmail.com>
Co-authored-by: Jason Cypret <jason@jasoncypret.com>
Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>
Co-authored-by: Brendan Huffman <57693937+bh247484@users.noreply.github.com>
Co-authored-by: Kelly Ryan <51907753+kellyeryan@users.noreply.github.com>
Co-authored-by: Christina Tai <42459486+christinaatai@users.noreply.github.com>
Co-authored-by: Bernardo Donadio <bcdonadio@bcdonadio.com>
Co-authored-by: Cole <coleerikson@users.noreply.github.com>
Co-authored-by: Jonathan Zazula <djonyriz@gmail.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* Refactor dark props (#963)

* NUX-1286 - Refactor dark props for text input (#964)

* Refactor dark props for text input

* Add defined prop in tests

* NUX-1286 - Update dark props for Textarea kit (#966)

* Update dark props for textarea

* Add disabled and required attributes to textarea react kit

* Update card header kit so that it passes product colors (#983)

* Update card header kit so that it passes product colors

* Updated changelog

* Added extra line at end of file

* Removed changelog entry

* Revert #972

* Update Changelog

* Update version

Co-authored-by: Kelly Ryan <51907753+kellyeryan@users.noreply.github.com>
Co-authored-by: Eva Louderback <50629488+evalouderback@users.noreply.github.com>
Co-authored-by: Jasper Furniss <jasperfurniss@gmail.com>
Co-authored-by: Jason Cypret <jason@jasoncypret.com>
Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>
Co-authored-by: Brendan Huffman <57693937+bh247484@users.noreply.github.com>
Co-authored-by: Christina Tai <42459486+christinaatai@users.noreply.github.com>
Co-authored-by: Bernardo Donadio <bcdonadio@bcdonadio.com>
Co-authored-by: Cole <coleerikson@users.noreply.github.com>
Co-authored-by: Jonathan Zazula <djonyriz@gmail.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* Spacing Docs Added

Co-authored-by: Stephen Marshall <smarshall1980@gmail.com>
Co-authored-by: Kelly Ryan <51907753+kellyeryan@users.noreply.github.com>
Co-authored-by: Eva Louderback <50629488+evalouderback@users.noreply.github.com>
Co-authored-by: Jason Cypret <jason@jasoncypret.com>
Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>
Co-authored-by: Brendan Huffman <57693937+bh247484@users.noreply.github.com>
Co-authored-by: Christina Tai <42459486+christinaatai@users.noreply.github.com>
Co-authored-by: Bernardo Donadio <bcdonadio@bcdonadio.com>
Co-authored-by: Cole <coleerikson@users.noreply.github.com>
Co-authored-by: Jonathan Zazula <djonyriz@gmail.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* Add User Badge dark mode (#984)

* Add User Badge dark mode

* Add rspec test

* Grouping Badge, Hashtag, and Pill kits (#1011)

* Move Badge kit under Pills

* Updated badge description and grouping name

* Refactor Progress Step & added Tracker variant (#1007)

* Refactor Progress Step scss & add tracker variant

* add to description md file

* Update spec

* Lowercase prop types

* Add props to Nav (#989)

* Nav Dark mode - WIP

* Delete dark mode files

* Fix missing line at end of file

* Update app/pb_kits/playbook/pb_nav/_item.jsx

Co-authored-by: Jasper Furniss <jasperfurniss@gmail.com>

* Table dark mode (#986)

* Update table dark mode

* Fix rspec

* Removed unneeded import and sort props alphabetically

* Update app/pb_kits/playbook/pb_table/_table_row.jsx

Co-authored-by: Jasper Furniss <jasperfurniss@gmail.com>

* Multiple users stacked dark mode (#988)

* Multiple Users dark mode - WIP

* Add alphabetized list of props

* Write scss for dark mode avatar wrapper, write rspec

* Linting

* Change dark mode prop to object.dark

* Moved Classname to end

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

* Add dark mode to Icon Value (#974)

* Add dark mode to Icon Value

* Add CHANGELOG

* Add dark mode prop to child kits

* Delete CHANGELOG

* Delete CHANGELOG

* Once more unto the CHANGELOG

* Changelog

* Changelog blues

* Fix Body Kit Spec

Co-authored-by: Jonathan Zazula <djonyriz@gmail.com>

* Legend kit dark mode (#970)

* Update Legend kit dark mode

* Update Legend kit dark mode

* Add CHANGELOG

* Return dark prop to title kit on both sides

* Delete CHANGELOG entry

* Delete CHANGELOG

* Update app/pb_kits/playbook/pb_legend/_legend.jsx

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

* Update select dark mode (#961)

* Update select dark mode

* Fix rspec file and add CHANGELOG

* Once more unto the CHANGELOG

* Update app/pb_kits/playbook/pb_select/_select.jsx

Co-authored-by: Jasper Furniss <jasperfurniss@gmail.com>

* Update label value dark mode (#968)

* Update label value dark mode

* Add CHANGELOG

* Add CHANGELOG

* Fix label value to include dark mode prop on child kits

* Delete CHANGELOG entry

* Delete CHANGELOG entry

* Once more unto the CHANGELOG

* Removed dark proptype and prop

* Update app/pb_kits/playbook/pb_label_value/_label_value.jsx

Co-authored-by: Jonathan Zazula <djonyriz@gmail.com>
Co-authored-by: Jasper Furniss <jasperfurniss@gmail.com>

* Create dark mode for Title Count (#971)

* Create dark mode for Title Count

* Add CHANGELOG

* Add dark prop to child kits

* Delete CHANGELOG

* Once more unto the CHANGELOG

* Update dark mode for Hashtag kit (#967)

* Update dark mode for Hashtag kit

* Add CHANGELOG

* Add dark prop to child kit

* Delete CHANGELOG entry

* Once more unto the CHANGELOG

* Fix merge conflict

* Update app/pb_kits/playbook/pb_hashtag/_hashtag.jsx

* Downcase flow-types

Co-authored-by: Jason Cypret <jason@jasoncypret.com>
Co-authored-by: Jonathan Zazula <djonyriz@gmail.com>

* Update dark mode and add props (#985)

* Fix tooltip bug (#978)

* Fix tooltip bug

* Remove extra files

* Update dark mode in User kit (#965)

* Update dark mode in User kit

* Add to CHANGELOG, make name an option prop to match Rails side

* Add dark prop back to React side to be used in child kits

* Attempt to fix CI error

* Fix merge conflicts

* Delete CHANGELOG entry

* Once more unto the CHANGELOG

* Add new line to end of scss file, fix unnecessary brackets

* Update app/pb_kits/playbook/pb_user/_user.jsx

* Fix failing tests

Co-authored-by: Jason Cypret <jason@jasoncypret.com>
Co-authored-by: Jonathan Zazula <djonyriz@gmail.com>

* Radio dark mode (#962)

* Radio dark mode WIP

* Finagle Dark mode in the body portion of kit

* Fix dark mode font, rspec, add to CHANGELOG

* Once more unto the CHANGELOG

* Add dark prop to child kit

* Update app/pb_kits/playbook/pb_radio/_radio.jsx

* Update app/pb_kits/playbook/pb_radio/_radio.jsx

Co-authored-by: Diego Borges <drborges.cic@gmail.com>

* Attempting CI Pass

Co-authored-by: Jason Cypret <jason@jasoncypret.com>
Co-authored-by: Jasper Furniss <jasperfurniss@gmail.com>
Co-authored-by: Diego Borges <drborges.cic@gmail.com>
Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>

* Progress Pill kit dark mode update (#982)

* Progress Pill kit dark mode update - WIP

* Progress Pill kit dark mode update

* Edit rspec

* Linting

* Add extra line at end of main html.erb file

* Update app/pb_kits/playbook/pb_progress_pills/_progress_pills.jsx

Co-authored-by: Jasper Furniss <jasperfurniss@gmail.com>

* Add Dark Mode to the Icon Circle (#973)

* Add Dark Mode to the Iron Circle

* Add CHANGELOG

* Fix missing s

* Add dark prop to child kits and add missing aria, data props

* Delete CHANGELOG

* Delete CHANGELOG

* Once more unto the CHANGELOG

* Update app/pb_kits/playbook/pb_icon_circle/_icon_circle.jsx

Co-authored-by: Jasper Furniss <jasperfurniss@gmail.com>

* Add dark mode to Avatar Action Button kit (#980)

* Add dark mode to Avatar Action Button kit

* Add dark background to icons in dark mode

* Fixed with Icon Div Wrapper

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

* Fix caption dark (#1015)

* Hot fixes (#1016)

* V6.2.0 (#995)

* Update flow types to use literal vs class wrapper (#969)

* Update Array types

* Update String types

* Update Number types

* Update Date types

* Update Boolean types

* Final cleanup types

* Changelog and kit template

* Add Title Detail Dark Mode (#972)

* Add Title Detail Dark Mode

* Add CHANGELOG

* Add aria prop

* Update progress step (#954)

* update to progress step kit

* update to progress step kit

* ready for review, updated changelog and spec rb

Co-authored-by: Jasper Furniss <jasperfurniss@gmail.com>

* Update issue templates

* Remove Changelog Checklist (#990)

* testing changelog in release branch

* Removed Changelog Checklist Items

* Latest

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

* Automated changelog (#959)

* fixup spec (#940) (#945)

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

* Enables Global Prop Classnames in React & Enables Dark Class Prop  (#942)

* Adds System Props

* fixup spec (#940)

* Name Change

* Updated Specs

* More Spec Fixes

* Last Two Fixes

* Fixing Table Spec

* Finally Fixed Rspec Tests

* Removed File

* Updated Changelog

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

* ★ Dark Mode Update Badge, Button, Circle Icon Button, Card, Checkbox and Body Kits (#948)

* Adds System Props

* Name Change

* Updated Specs

* More Spec Fixes

* Last Two Fixes

* Fixing Table Spec

* Finally Fixed Rspec Tests

* Removed File

* Updated Changelog

* Badge kit

* Button + Circle Icon Button kits

* Allow globalProps defaults

* Body kit

* Spec updates

* Update CHANGELOG.md

* Fix lint errors

* Some things got stepped on

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

* Gauge Kit (#910)

* Add aria, data props to React Badge kit (#901)

* Add aria, data props to React Badge kit

* Add to CHANGELOG

* Added prop to remove card border (#900)

* Added prop to remove card border

* Updated changelog and spec doc

* Removed trailing white space

* Fixed react prop name to be camelcased

* Renamed rails border prop

* Updated spec doc

* Migrate annotations to new version (#879)

Co-authored-by: Bernardo Donadio <bcdonadio@bcdonadio.com>

* scaffolded kit, added gauge switch case in pbCharts

* fixed ghost content_tag, added props, merged gaugeOptions object

* colors and tooltips corrected/standardized

* restyled gauge with rounded thinner look, began typography changes

* typography styling, added more doc examples

* added sizing doc example

* finalized props, created applied rails doc examples, react scaffolding

* cleaned examples, fixed bugs, react live data experiments

* found/implemented state re-rendering fix

* tweaked units props, added stylings, implemented better React state solution

* rescoped styles, cleaned live data doc example

* moved min-max docs, scrubbed old comments, styled currency/prefix

* accounted for empty/null chart_data prop, deleted more old comments, unified react/rails examples

* deleted unnecessary sass styling

* added CHANGELOG entry

* wrote spec test

* fixed spec test

* fix for theme file woes, moved options for gauge over to pbChartsLightTheme

* spacing and alphabetizing

* added React spacing

* fixed React spacing props, sizing example parity

* test commit

* removed subtitle prop, moved min max default comments into docs

* removed subtitle prop from spec test

* replaced forEach chartData formatting with mapping solution

* added ability to update name field through React state

* moved title text to .md files, added disable animation prop

* fixed react component export

* fixed rebase issues with circle chart

* update gauge spec, fixed failing title spec

* updated CHANGELOG

* doc example housekeeping

* removed commented debugger

* replaced spacing with globalProps

* fixed globalProps import

* once more unto the CHANGELOG

Co-authored-by: Kelly Ryan <51907753+kellyeryan@users.noreply.github.com>
Co-authored-by: Christina Tai <42459486+christinaatai@users.noreply.github.com>
Co-authored-by: Stephen Marshall <smarshall1980@gmail.com>
Co-authored-by: Bernardo Donadio <bcdonadio@bcdonadio.com>

* Cleanup 1284 (#952)

* Initial Commit

* Updated Latest

* Add React Version of Time Kit (#947)

* fixup spec (#940)

* intial time component work

* initial time commit

* Rework show icon logic

* Update changelog

* Add code comment

* Dark updates

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

* Generate button toolbar kit (#908)

* Added unreleased section for 5.3.0

* Add aria, data props to React Badge kit (#901)

* Add aria, data props to React Badge kit

* Add to CHANGELOG

* Added prop to remove card border (#900)

* Added prop to remove card border

* Updated changelog and spec doc

* Removed trailing white space

* Fixed react prop name to be camelcased

* Renamed rails border prop

* Updated spec doc

* Create ButtonGroup kit - WIP

* Finish ButtonGroup kit

* Remove simpleform generated files

* Add spec test

* Fix linting issue

* Fix rspec file

* Fix rspec again

* Change name Button Group to Button Toolbar

* Change docs examples, play with different colors for separating lines between buttons

* Add hover color to scss file

* Add secondary buttons

* Change secondary button hover back to normal

* Circle Chart Additions (#932)

* Circle Kit Rounded + Block

* Renamed Variables

* Latest Doc Updates

* Custom Colors Override Prop

* Circle Chart Extensions v1 Done

* Updated Changelog

* Fix for Circle Chart

* Moved Color Logic to Highchart Plugin

* Cleanup

* More Syntax Fixes

* Latest

* Formatting File

* Cleaning Up Again

* Lint Compaints

* Refactoring Functions

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

* Moved Installation Kit and Logistic Kit so that they're part of Label Value Kit (#915)

* Add blue to title kit (#921)

* Add blue to title kit

* Cover change with tests

* Fix rspec test

* Remove variant prop from docs

* Add to CHANGELOG

* Fix rspec

* Change variant to enum

* Fix rspec

* Replace empty string with nil value in variant enum

* Created Logistics category

* Updated kit, example docs and changelog

* Fixed example docs

* Fixed changelog

* Removed Installer Kit and Logsitic Kit

* Updated spec doc

* Updated title link prop, Label Value Kit description, and cleaned Label Value scss file

* Updated details variant description

Co-authored-by: Kelly Ryan <51907753+kellyeryan@users.noreply.github.com>

* Update CHANGELOG.md

* Add CHANGELOG

* Fix rspec file

* Fix conflicts

Co-authored-by: Jonathan Zazula <djonyriz@gmail.com>
Co-authored-by: Christina Tai <42459486+christinaatai@users.noreply.github.com>
Co-authored-by: Jasper Furniss <jasperfurniss@gmail.com>
Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>
Co-authored-by: Jason Cypret <jason@jasoncypret.com>

* Fixed textarea label spacing issue (#943)

* Fixed spacing issue on react version

* Updated changelog

Co-authored-by: Jon Zazula <djonyriz@gmail.com>

* Update Selectable Card dark mode (#957)

* Update Selectable Card dark mode

* Add CHANGELOG

Co-authored-by: Jon Zazula <djonyriz@gmail.com>

* Update dark mode props on Selectable Card Icon (#956)

* Update dark mode props on Selectable Card Icon

* Add to CHANGELOG

* Fix yarn lint violations

* Change scss to fix font color on dark mode

Co-authored-by: Jon Zazula <djonyriz@gmail.com>

* Add props to Toggle React kit, create docs for React kit (#946)

* Toggle React kit additions WIP

* Add custom example to Toggle React kit

* Add React Toggle Name file

* Fix Toggle React kit

* Add CHANGELOG

Co-authored-by: Jon Zazula <djonyriz@gmail.com>

* Updated Selectable Icon dark mode (#955)

* Updated Selectable Icon dark mode

* Add to CHANGELOG

* Fix scss to correct font color

Co-authored-by: Jon Zazula <djonyriz@gmail.com>

* Bump elliptic from 6.5.2 to 6.5.3 (#936)

Bumps [elliptic](https://github.com/indutny/elliptic) from 6.5.2 to 6.5.3.
- [Release notes](https://github.com/indutny/elliptic/releases)
- [Commits](indutny/elliptic@v6.5.2...v6.5.3)

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

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

* Latest

* Edit dark mode in Title kit to reflect globalProps changes (#951)

* Edit dark mode in Title kit to reflect globalProps changes

* Add CHANGELOG

* Edit dark mode in Caption kit to reflect globalProps changes (#950)

* Edit dark mode in Caption kit to reflect globalProps changes

* Fix rspec file run yarn lint and add to CHANGELOG

* Updated Changelog for hopefully the Last time ever manually

* Make Popover List Example Consistent (#949)

* Adds System Props

* fixup spec (#940)

* Name Change

* Updated Specs

* More Spec Fixes

* Last Two Fixes

* Fixing Table Spec

* Finally Fixed Rspec Tests

* Removed File

* Updated Changelog

* Make example consistent

Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>
Co-authored-by: Jason Cypret <jason@jasoncypret.com>
Co-authored-by: Jasper Furniss <jasperfurniss@gmail.com>

* Update changelog (#944)

Co-authored-by: Jon Zazula <djonyriz@gmail.com>

* Fix Button Toolbar globalProps

* Resolving Conflicts for new Base Branch

* Testing

* Testing again

* Latest for Changelog Generator

* Fixed Conflicts

* Updated

Co-authored-by: Stephen Marshall <smarshall1980@gmail.com>
Co-authored-by: Jason Cypret <jason@jasoncypret.com>
Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>
Co-authored-by: Brendan Huffman <57693937+bh247484@users.noreply.github.com>
Co-authored-by: Kelly Ryan <51907753+kellyeryan@users.noreply.github.com>
Co-authored-by: Christina Tai <42459486+christinaatai@users.noreply.github.com>
Co-authored-by: Bernardo Donadio <bcdonadio@bcdonadio.com>
Co-authored-by: Cole <coleerikson@users.noreply.github.com>
Co-authored-by: Jonathan Zazula <djonyriz@gmail.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* Refactor dark props (#963)

* NUX-1286 - Refactor dark props for text input (#964)

* Refactor dark props for text input

* Add defined prop in tests

* NUX-1286 - Update dark props for Textarea kit (#966)

* Update dark props for textarea

* Add disabled and required attributes to textarea react kit

* Update card header kit so that it passes product colors (#983)

* Update card header kit so that it passes product colors

* Updated changelog

* Added extra line at end of file

* Removed changelog entry

* Revert #972

* Update Changelog

* Update version

Co-authored-by: Kelly Ryan <51907753+kellyeryan@users.noreply.github.com>
Co-authored-by: Eva Louderback <50629488+evalouderback@users.noreply.github.com>
Co-authored-by: Jasper Furniss <jasperfurniss@gmail.com>
Co-authored-by: Jason Cypret <jason@jasoncypret.com>
Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>
Co-authored-by: Brendan Huffman <57693937+bh247484@users.noreply.github.com>
Co-authored-by: Christina Tai <42459486+christinaatai@users.noreply.github.com>
Co-authored-by: Bernardo Donadio <bcdonadio@bcdonadio.com>
Co-authored-by: Cole <coleerikson@users.noreply.github.com>
Co-authored-by: Jonathan Zazula <djonyriz@gmail.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* Fix for Selectable Card Class Concatenation

* Card Syntax

* Removed Classname

* Version Bump For Patch

* mend

* removed files

Co-authored-by: Stephen Marshall <smarshall1980@gmail.com>
Co-authored-by: Kelly Ryan <51907753+kellyeryan@users.noreply.github.com>
Co-authored-by: Eva Louderback <50629488+evalouderback@users.noreply.github.com>
Co-authored-by: Jason Cypret <jason@jasoncypret.com>
Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>
Co-authored-by: Brendan Huffman <57693937+bh247484@users.noreply.github.com>
Co-authored-by: Christina Tai <42459486+christinaatai@users.noreply.github.com>
Co-authored-by: Bernardo Donadio <bcdonadio@bcdonadio.com>
Co-authored-by: Cole <coleerikson@users.noreply.github.com>
Co-authored-by: Jonathan Zazula <djonyriz@gmail.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* Fix For Label Value & Avatar Action Button Dark

* Latest

* Table Fixes

* Fixing Linter Errors with Yarn

* Latest Rspec Repairs and getting Progress Step Corrected

Co-authored-by: Stephen Marshall <smarshall1980@gmail.com>
Co-authored-by: Kelly Ryan <51907753+kellyeryan@users.noreply.github.com>
Co-authored-by: Eva Louderback <50629488+evalouderback@users.noreply.github.com>
Co-authored-by: Jason Cypret <jason@jasoncypret.com>
Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>
Co-authored-by: Brendan Huffman <57693937+bh247484@users.noreply.github.com>
Co-authored-by: Christina Tai <42459486+christinaatai@users.noreply.github.com>
Co-authored-by: Bernardo Donadio <bcdonadio@bcdonadio.com>
Co-authored-by: Cole <coleerikson@users.noreply.github.com>
Co-authored-by: Jonathan Zazula <djonyriz@gmail.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Stephen Marshall <stephen.marshall@powerhrg.com>
Co-authored-by: kellyeryan <kellyeryan@gmail.com>
Co-authored-by: Diego Borges <drborges.cic@gmail.com>
  • Loading branch information
15 people committed Aug 24, 2020
1 parent fc00cd8 commit db1f232
Show file tree
Hide file tree
Showing 213 changed files with 2,761 additions and 1,029 deletions.
4 changes: 2 additions & 2 deletions Gemfile.lock
@@ -1,7 +1,7 @@
PATH
remote: .
specs:
playbook_ui (6.2.0)
playbook_ui (6.3.0)
actionpack (>= 5.1.6, < 6.0)
actionview (>= 5.1.6, < 7.0)
activesupport (>= 5.1.6, < 7.0)
Expand Down Expand Up @@ -106,7 +106,7 @@ GEM
parser (2.7.1.2)
ast (~> 2.4.0)
public_suffix (4.0.5)
rack (2.2.2)
rack (2.2.3)
rack-proxy (0.6.5)
rack
rack-test (1.1.0)
Expand Down
7 changes: 4 additions & 3 deletions app/pb_kits/playbook/data/menu.yml
Expand Up @@ -7,7 +7,6 @@ samples:
kits:
- avatar
- avatar_action_button
- badge
- buttons:
- button
- button_toolbar
Expand Down Expand Up @@ -39,7 +38,6 @@ kits:
- typeahead
- toggle
- highlight
- hashtag
- icon
- icon_circle
- icon_value
Expand All @@ -51,7 +49,10 @@ kits:
- multiple_users_stacked
- nav
- online_status
- pill
- tags:
- badge
- hashtag
- pill
- popover
- progress_pills
- progress_simple
Expand Down
Expand Up @@ -19,15 +19,18 @@
<%= link_to object.link_url, id: object.tooltip_id do %>
<%= pb_rails("avatar", props: {
dark: object.dark,
name: object.name,
size: object.size,
image_url: object.image_url,
class: "avatar_action"
}) %>
<div class="icon">
<%= pb_rails("icon", props: {
icon: object.action_icons
}) %>
<div class="icon <%= object.dark ? 'dark' : '' %> ">
<%= pb_rails("icon", props: {
dark: object.dark,
icon: object.action_icons
}) %>
</div>

<% end %>
<% end %>
Expand Up @@ -10,10 +10,13 @@ import {
buildDataProps,
} from '../utilities/props'

import { globalProps } from '../utilities/globalProps.js'

type AvatarActionButtonProps = {
action?: string,
aria: Object,
className?: string,
dark?: boolean,
data?: Object,
id?: string,
imageUrl?: string,
Expand All @@ -24,28 +27,32 @@ type AvatarActionButtonProps = {
size?: string,
}

const AvatarActionButton = ({
action = 'add',
aria = {},
className,
data = {},
id,
imageUrl,
linkUrl,
name,
onClick,
placement = 'bottom left',
size = 'md',
}: AvatarActionButtonProps) => {
const AvatarActionButton = (props: AvatarActionButtonProps) => {
const {
action = 'add',
aria = {},
className,
dark = false,
data = {},
id,
imageUrl,
linkUrl,
name,
onClick,
placement = 'bottom left',
size = 'md',
} = props

const ariaProps = buildAriaProps(aria)
const dataProps = buildDataProps(data)

const css = buildCss({
'pb_avatar_action_button_kit': true,
[action]: true,
[placement]: true,
[size]: true,
})
const classes = classnames(buildCss(
'pb_avatar_action_button_kit',
[action],
[placement],
[size]),
globalProps(props),
className)

const icons = {
add: 'plus-circle',
Expand All @@ -56,7 +63,7 @@ const AvatarActionButton = ({
<div
{...ariaProps}
{...dataProps}
className={classnames(css, className)}
className={classes}
id={id}
>
<a
Expand All @@ -68,8 +75,9 @@ const AvatarActionButton = ({
name={name}
size={size}
/>
<div className="icon">
<div className={`icon ${dark ? 'dark' : ''}`}>
<Icon
dark={dark}
icon={icons[action]}
/>
</div>
Expand Down
Expand Up @@ -15,6 +15,9 @@
}

@mixin icon-base {
&.dark{
background-color: $bg_dark
}
width: $icon_size;
height: $icon_size;
position: absolute;
Expand Down
@@ -0,0 +1,17 @@
<div class="pb--doc-demo-row">

<%= pb_rails("avatar_action_button", props: {
dark: true,
name: "Sophia Carden",
image_url: "https://randomuser.me/api/portraits/women/8.jpg",
action: "add",
}) %>
<%= pb_rails("avatar_action_button", props: {
dark: true,
name: "Sophia Carden",
image_url: "https://randomuser.me/api/portraits/women/8.jpg",
action: "remove",
}) %>

</div>
@@ -0,0 +1,21 @@
import React from 'react'
import { AvatarActionButton } from '../../'

const AvatarActionButtonActions = () => (
<div className="pb--doc-demo-row">
<AvatarActionButton
action="add"
dark
imageUrl="https://randomuser.me/api/portraits/women/8.jpg"
name="Sophia Carden"
/>
<AvatarActionButton
action="remove"
dark
imageUrl="https://randomuser.me/api/portraits/women/8.jpg"
name="Sophia Carden"
/>
</div>
)

export default AvatarActionButtonActions
@@ -0,0 +1,9 @@
<div class="pb--doc-demo-row">

<%= pb_rails("avatar_action_button", props: {
dark: true,
name: "Sophia Carden",
image_url: "https://randomuser.me/api/portraits/women/8.jpg"
}) %>

</div>
@@ -0,0 +1,14 @@
import React from 'react'
import { AvatarActionButton } from '../../'

const AvatarActionButtonDark = () => (
<div className="pb--doc-demo-row">
<AvatarActionButton
dark
imageUrl="https://randomuser.me/api/portraits/women/8.jpg"
name="Sophia Carden"
/>
</div>
)

export default AvatarActionButtonDark
@@ -0,0 +1,15 @@
<div class="pb--doc-demo-row">

<%= pb_rails("avatar_action_button", props: {
dark: true,
name: "Sophia Carden",
id: "clickable",
link_url: "http://www.google.com",
image_url: "https://randomuser.me/api/portraits/women/8.jpg",
}) %>
<%= javascript_tag do %>
document.querySelector('#clickable').addEventListener('click', () => alert('clickable clicked!'))
<% end %>

</div>
@@ -0,0 +1,16 @@
import React from 'react'
import { AvatarActionButton } from '../../'

const AvatarActionButtonOnClickDark = () => (
<div className="pb--doc-demo-row">
<AvatarActionButton
dark
imageUrl="https://randomuser.me/api/portraits/women/8.jpg"
linkUrl="https://www.google.com"
name="Sophia Carden"
onClick={() => alert('clicked!')}
/>
</div>
)

export default AvatarActionButtonOnClickDark
@@ -0,0 +1,31 @@
<div class="pb--doc-demo-row">

<%= pb_rails("avatar_action_button", props: {
dark: true,
name: "Sophia Carden",
image_url: "https://randomuser.me/api/portraits/women/8.jpg",
placement: "bottom_left"
}) %>
<%= pb_rails("avatar_action_button", props: {
dark: true,
name: "Sophia Carden",
image_url: "https://randomuser.me/api/portraits/women/8.jpg",
placement: "bottom_right"
}) %>
<%= pb_rails("avatar_action_button", props: {
dark: true,
name: "Sophia Carden",
image_url: "https://randomuser.me/api/portraits/women/8.jpg",
placement: "top_left"
}) %>
<%= pb_rails("avatar_action_button", props: {
dark: true,
name: "Sophia Carden",
image_url: "https://randomuser.me/api/portraits/women/8.jpg",
placement: "top_right"
}) %>

</div>
@@ -0,0 +1,33 @@
import React from 'react'
import { AvatarActionButton } from '../../'

const AvatarActionButtonPlacement = () => (
<div className="pb--doc-demo-row">
<AvatarActionButton
dark
imageUrl="https://randomuser.me/api/portraits/women/8.jpg"
name="Sophia Carden"
placement="bottom_left"
/>
<AvatarActionButton
dark
imageUrl="https://randomuser.me/api/portraits/women/8.jpg"
name="Sophia Carden"
placement="bottom_right"
/>
<AvatarActionButton
dark
imageUrl="https://randomuser.me/api/portraits/women/8.jpg"
name="Sophia Carden"
placement="top_left"
/>
<AvatarActionButton
dark
imageUrl="https://randomuser.me/api/portraits/women/8.jpg"
name="Sophia Carden"
placement="top_right"
/>
</div>
)

export default AvatarActionButtonPlacement
@@ -0,0 +1,12 @@
<div class="pb--doc-demo-row">

<%= pb_rails("avatar_action_button", props: {
dark: true,
name: "Sophia Carden",
link_url: "http://www.google.com",
image_url: "https://randomuser.me/api/portraits/women/8.jpg",
tooltip_text: "Tooltip Text",
tooltip_id: "avatar_2",
}) %>

</div>
13 changes: 10 additions & 3 deletions app/pb_kits/playbook/pb_avatar_action_button/docs/example.yml
Expand Up @@ -4,13 +4,20 @@ examples:
- avatar_action_button_default: Default
- avatar_action_button_placement: Placement
- avatar_action_button_actions: Actions
- avatar_action_button_tooltip: Tooltip
- avatar_action_button_onclick: On Click

- avatar_action_button_tooltip: Tooltip
- avatar_action_button_dark: Dark
- avatar_action_button_placement_dark: Placement Dark
- avatar_action_button_actions_dark: Actions Dark
- avatar_action_button_on_click_dark: On Click Dark
- avatar_action_button_tooltip_dark: Tooltip Dark

react:
- avatar_action_button_default: Default
- avatar_action_button_placement: Placement
- avatar_action_button_actions: Actions
- avatar_action_button_on_click: On Click

- avatar_action_button_dark: Dark
- avatar_action_button_placement_dark: Placement Dark
- avatar_action_button_actions_dark: Actions Dark
- avatar_action_button_on_click_dark: On Click Dark
4 changes: 4 additions & 0 deletions app/pb_kits/playbook/pb_avatar_action_button/docs/index.js
Expand Up @@ -2,3 +2,7 @@ export { default as AvatarActionButtonDefault } from './_avatar_action_button_de
export { default as AvatarActionButtonPlacement } from './_avatar_action_button_placement.jsx'
export { default as AvatarActionButtonActions } from './_avatar_action_button_actions.jsx'
export { default as AvatarActionButtonOnClick } from './_avatar_action_button_on_click.jsx'
export { default as AvatarActionButtonDark } from './_avatar_action_button_dark.jsx'
export { default as AvatarActionButtonPlacementDark } from './_avatar_action_button_placement_dark.jsx'
export { default as AvatarActionButtonOnClickDark } from './_avatar_action_button_on_click_dark.jsx'
export { default as AvatarActionButtonActionsDark } from './_avatar_action_button_actions_dark.jsx'
8 changes: 2 additions & 6 deletions app/pb_kits/playbook/pb_badge/_badge.jsx
Expand Up @@ -32,12 +32,8 @@ const Badge = (props: BadgeProps) => {
const ariaProps = buildAriaProps(aria)
const dataProps = buildDataProps(data)
const css = classnames(
className,
buildCss('pb_badge_kit', variant, {
rounded: rounded,
}),
globalProps(props)
)
buildCss('pb_badge_kit', variant, { rounded: rounded }), className,
globalProps(props))

return (
<div
Expand Down
1 change: 1 addition & 0 deletions app/pb_kits/playbook/pb_badge/docs/_description.md
@@ -0,0 +1 @@
Badges can be used for notification, tags, and status. They are used for count and numbers.

0 comments on commit db1f232

Please sign in to comment.