Skip to content

Commit

Permalink
Fix for incorrect order of classNames fixes #1058 (#1094)
Browse files Browse the repository at this point in the history
* fix for incorrect order of classNames fixes #1058

* Fixing the generator as well

* Update app/pb_kits/playbook/pb_progress_simple/_progress_simple.jsx

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

* Update app/pb_kits/playbook/pb_logistic/_logistic.jsx

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

* Update app/pb_kits/playbook/pb_label_pill/_label_pill.jsx

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

* Update app/pb_kits/playbook/pb_form_pill/_form_pill.jsx

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

* Update app/pb_kits/playbook/pb_currency/_currency.jsx

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

* Update app/pb_kits/playbook/pb_checkbox/_checkbox.jsx

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

* Update app/pb_kits/playbook/pb_badge/_badge.jsx

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

* Update app/pb_kits/playbook/pb_button_toolbar/_button_toolbar.jsx

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

* Update app/pb_kits/playbook/pb_time_stacked/_time_stacked.jsx

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

* Swap timezone to be default (#1095)

* Bump Version for 6.6.1 Patch

* 6.7.0 Dark Mode (#1105)

* Update PULL_REQUEST_TEMPLATE.md

* Update PULL_REQUEST_TEMPLATE.md

* Dark Mode Toggle (#1051)

* added dark mode icon doc example missing body kit 'do'

* Decrease prs resource allocation (#1049)

Signed-off-by: Igor Valente Blackman <igor.blackman@gmail.com>

* Attempting to fix scrollbars on Windows (#1048)

* Update dependency flow-bin to v0.133.0 (#1072)

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

* Button & Circle Icon Button Cleanup (#1074)

* Link variant for Title 4 and Caption xs (#1014)

* 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](https://github.com/indutny/elliptic/compare/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](https://github.com/rack/rack/compare/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 f2263e1203d43d5de4ca7f269ed64453a846e1fd.

* 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](https://github.com/indutny/elliptic/compare/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>

* Fixed link variant for title 4's

* Moved link scss so that it only applies to title 4

* Fixed merge conflicts
 Please enter the commit message for your changes. Lines starting

* Added variant cards and link for caption xs kit

* Updated spec docs

* Git pulled progress step scss

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: 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: 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>

* Button & Circle Icon Button Cleanup

Co-authored-by: Christina Tai <42459486+christinaatai@users.noreply.github.com>
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: Jasper Furniss <jasperfurniss@gmail.com>
Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>
Co-authored-by: Brendan Huffman <57693937+bh247484@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: Megan Trimble <mtrimble6@me.com>

* Date-Picker Kit (#975)

* 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](https://github.com/indutny/elliptic/compare/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

* generated kits

* added flatpickr package

* React up and running, css imported, began sass custom styling

* added form builder build, tested with filter, refactored sass

* fixed run away scroll

* problems with multiple doc examples

* fixed conflicting id bug

* more doc examples

* added disabled, min/max, and error props with doc examples

* abstracted flatpickr config to separate JS file, made that function available to rails kit, created rails props

* tweaked disable logic, changed rails prop output

* added default date prop, tweaked date picker helper logic

* added blank default date option, deleted comments

* fixed relative path

* modified relative flatpickr css import

* added vendor flatpickr import, deleted index for enhanced element class

* experimented with date-picker form helper, upversioned alpha

* finalized form functionality, added name and required props, fixed validation styling

* deleted form comment

* commented out unused import, fixed spec tests

* modified options argument

* scoping debacle solved

* readded date picker inputs to all form doc examples

* swapped spacing import for globalProps, upversioned to 6.1.0 alpha 2

* created hide label prop, reverted to tilde sass import

* reverted to manual sass import after Nitro routing errors returned

* added onChange hook

* refactored rails config props to a json, html safe, config object

* added read only prop

* mobile experiments for Milano deploy

* added year dropdown html and js

* mobile centering solution, added select styling

* satisfy CHANGELOG spec

* CHANGELOG 1

* forgive me CHANGELOG for I have sinned

* CHANGELOG spec test v2

* CHANGELOG revert

* disabled CHANGELOG spec test

* styling: round 1

* styling: round dos

* opacity overlap comment

* styling: round 3, added year range props, cleaned/unified hooks, added doc md

* reverted width fix

* removed date picker from filter docs

* cleaned sass, split into partials

* added @media hover wrapper

* fixed conflicting form ids, sass nesting

* reorganized js, cleaned sass and doc examples

* added hide icon prop, description.md, hid caret

* added doc links to fp format tokens, wrote spec test

* changed md wording, added sass variables

* added spacing variables, caption_selector classname

* switch html input to text input kit, now using kit generated error and label, added input props and doc examples

* added autocomplete prop to text input kit

* adjust cal icon div positioning, doc example edits

* change darkInput to dark, made icon wrapper border red on error, fixed dark mode react caption

* added separate dark mode example, changed dark calendar border to dark sass border token

* matched docs, fixed text input prop passing, updated test spec with new variables

* scrubbed comments

* deleted deprecated config prop

* [NUX-640] - Add Date Time kit, update supporting kits (#1055)

* Add Date Time kit, update supporting kits

* Add default TZ

* Adjust Kit location on menu

* Clean up css, remove dupe test

* removed date time kit, rearranged imports

* reverted changes to time kit

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: 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: 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>

* Dark Toggle

* Rebase onto 6.5.0

* Change to use ENV variables

* Update PULL_REQUEST_TEMPLATE.md

* Update app/pb_kits/playbook/packs/site_styles/docs/_markdown.scss

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

* Update app/pb_kits/playbook/packs/site_styles/docs/_kit_doc.scss

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

* Update app/pb_kits/playbook/packs/site_styles/docs/_kit_doc.scss

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

* edit doc helper

* Use cookies again

* Update code snippets

* Remove Time Dark erb

Co-authored-by: Brendan Huffman <bh247484@gmail.com>
Co-authored-by: Igor Blackman <igor.blackman@gmail.com>
Co-authored-by: Jason Cypret <jason@jasoncypret.com>
Co-authored-by: Renovate Bot <bot@renovateapp.com>
Co-authored-by: Christina Tai <42459486+christinaatai@users.noreply.github.com>
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: Jasper Furniss <jasperfurniss@gmail.com>
Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>
Co-authored-by: Brendan Huffman <57693937+bh247484@users.noreply.github.com>
Co-authored-by: Bernardo Donadio <bcdonadio@bcdonadio.com>
Co-authored-by: Cole <coleerikson@users.noreply.github.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: Megan Trimble <mtrimble6@me.com>

* Bump Version for Release

Co-authored-by: Jason Cypret <jason@jasoncypret.com>
Co-authored-by: Brendan Huffman <bh247484@gmail.com>
Co-authored-by: Igor Blackman <igor.blackman@gmail.com>
Co-authored-by: Renovate Bot <bot@renovateapp.com>
Co-authored-by: Christina Tai <42459486+christinaatai@users.noreply.github.com>
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: Jasper Furniss <jasperfurniss@gmail.com>
Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>
Co-authored-by: Brendan Huffman <57693937+bh247484@users.noreply.github.com>
Co-authored-by: Bernardo Donadio <bcdonadio@bcdonadio.com>
Co-authored-by: Cole <coleerikson@users.noreply.github.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: Megan Trimble <mtrimble6@me.com>

Co-authored-by: Diego Borges <drborges.cic@gmail.com>
Co-authored-by: Cole Erikson <coleerikson@users.noreply.github.com>
Co-authored-by: Jonathan Zazula <djonyriz@gmail.com>
Co-authored-by: Brendan Huffman <bh247484@gmail.com>
Co-authored-by: Igor Blackman <igor.blackman@gmail.com>
Co-authored-by: Renovate Bot <bot@renovateapp.com>
Co-authored-by: Christina Tai <42459486+christinaatai@users.noreply.github.com>
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: Jasper Furniss <jasperfurniss@gmail.com>
Co-authored-by: Jasper Furniss <jasper.furniss@powerhrg.com>
Co-authored-by: Brendan Huffman <57693937+bh247484@users.noreply.github.com>
Co-authored-by: Bernardo Donadio <bcdonadio@bcdonadio.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: Megan Trimble <mtrimble6@me.com>
  • Loading branch information
19 people committed Sep 17, 2020
1 parent 4828751 commit 836adcd
Show file tree
Hide file tree
Showing 55 changed files with 171 additions and 81 deletions.
6 changes: 5 additions & 1 deletion app/pb_kits/playbook/pb_avatar/_avatar.jsx
Expand Up @@ -30,7 +30,11 @@ const Avatar = (props: AvatarProps) => {
const { aria = {}, className, data = {}, name = null, id = id, imageUrl, size = 'md', status = null, dark = false } = props
const dataProps = buildDataProps(data)
const ariaProps = buildAriaProps(aria)
const classes = classnames(buildCss('pb_avatar_kit', size), className, globalProps(props))
const classes = classnames(
buildCss('pb_avatar_kit', size),
globalProps(props),
className
)

const initials = name && firstTwoInitials(name)
dataProps['data-initials'] = initials
Expand Down
6 changes: 4 additions & 2 deletions app/pb_kits/playbook/pb_badge/_badge.jsx
Expand Up @@ -32,8 +32,10 @@ const Badge = (props: BadgeProps) => {
const ariaProps = buildAriaProps(aria)
const dataProps = buildDataProps(data)
const css = classnames(
buildCss('pb_badge_kit', variant, { rounded: rounded }), className,
globalProps(props))
buildCss('pb_badge_kit', variant, { rounded }),
globalProps(props),
className
)

return (
<div
Expand Down
2 changes: 1 addition & 1 deletion app/pb_kits/playbook/pb_bar_graph/_bar_graph.jsx
Expand Up @@ -75,7 +75,7 @@ export default class BarGraph extends React.Component<BarGraphProps> {

return (
<div
className={classnames(className, globalProps(this.props))}
className={classnames(globalProps(this.props), className)}
id={id}
/>
)
Expand Down
6 changes: 5 additions & 1 deletion app/pb_kits/playbook/pb_button/_button.jsx
Expand Up @@ -82,7 +82,11 @@ const Button = (props: ButtonPropTypes) => {
} = props

const buttonAria = buttonAriaProps(props)
const css = classnames(buttonClassName(props), className, globalProps(props))
const css = classnames(
buttonClassName(props),
globalProps(props),
className
)
const loadingIcon = (
<div className="loading-icon">
<Icon
Expand Down
6 changes: 5 additions & 1 deletion app/pb_kits/playbook/pb_button_toolbar/_button_toolbar.jsx
Expand Up @@ -35,7 +35,11 @@ const ButtonToolbar = (props: ButtonToolbarProps) => {
const ariaProps = buildAriaProps(aria)
const dataProps = buildDataProps(data)

const classes = classnames(buildCss('pb_button_toolbar_kit', orientation, { connected: connected }), className, globalProps(props))
const classes = classnames(
buildCss('pb_button_toolbar_kit', orientation, { connected }),
globalProps(props),
className
)

return (
<div
Expand Down
4 changes: 2 additions & 2 deletions app/pb_kits/playbook/pb_caption/_caption.jsx
Expand Up @@ -35,8 +35,8 @@ const Caption = (props: CaptionProps) => {
const dataProps = buildDataProps(data)
const css = classnames(
buildCss('pb_caption_kit', size, variant),
className,
globalProps(props)
globalProps(props),
className
)

return (
Expand Down
7 changes: 5 additions & 2 deletions app/pb_kits/playbook/pb_checkbox/_checkbox.jsx
Expand Up @@ -40,8 +40,11 @@ const Checkbox = (props: CheckboxProps) => {

const dataProps = buildDataProps(data)
const ariaProps = buildAriaProps(aria)
const classes = classnames(buildCss('pb_checkbox_kit',
{ checked: checked, error: error }), className, globalProps(props))
const classes = classnames(
buildCss('pb_checkbox_kit', { checked, error }),
globalProps(props),
className
)

return (
<label
Expand Down
Expand Up @@ -46,7 +46,11 @@ const CircleIconButton = (props: CircleIconButtonProps) => {

const ariaProps = buildAriaProps(aria)
const dataProps = buildDataProps(data)
const classes = classnames(buildCss('pb_circle_icon_button_kit'), className, globalProps(props))
const classes = classnames(
buildCss('pb_circle_icon_button_kit'),
globalProps(props),
className
)

return (
<div
Expand Down
6 changes: 5 additions & 1 deletion app/pb_kits/playbook/pb_contact/_contact.jsx
Expand Up @@ -58,7 +58,11 @@ const Contact = (props: ContactProps) => {
id } = props
const ariaProps = buildAriaProps(aria)
const dataProps = buildDataProps(data)
const classes = classnames(buildCss('pb_contact_kit'), className, globalProps(props))
const classes = classnames(
buildCss('pb_contact_kit'),
globalProps(props),
className
)

return (
<div
Expand Down
6 changes: 5 additions & 1 deletion app/pb_kits/playbook/pb_currency/_currency.jsx
Expand Up @@ -45,7 +45,11 @@ const Currency = (props: CurrencyProps) => {
const [whole, decimal = '00'] = amount.split('.')
const ariaProps = buildAriaProps(aria)
const dataProps = buildDataProps(data)
const classes = classnames(buildCss('pb_currency_kit', align, size, { dark: dark }), className, globalProps(props))
const classes = classnames(
buildCss('pb_currency_kit', align, size, { dark }),
globalProps(props),
className
)

return (
<div
Expand Down
6 changes: 5 additions & 1 deletion app/pb_kits/playbook/pb_dashboard_value/_dashboard_value.jsx
Expand Up @@ -41,7 +41,11 @@ const DashboardValue = (props: DashboardValueProps) => {

const ariaProps = buildAriaProps(aria)
const dataProps = buildDataProps(data)
const classes = classnames(buildCss('pb_dashboard_value_kit', align), className, globalProps(props))
const classes = classnames(
buildCss('pb_dashboard_value_kit', align),
globalProps(props),
className
)

return (
<div
Expand Down
2 changes: 1 addition & 1 deletion app/pb_kits/playbook/pb_date_picker/_date_picker.jsx
Expand Up @@ -71,9 +71,9 @@ const DatePicker = (props: DatePickerProps) => {
const dataProps = buildDataProps(data)
const classes = classnames(
buildCss('pb_date_picker_kit'),
className,
globalProps(props),
error ? 'error' : null,
className
)

useEffect(() => {
Expand Down
Expand Up @@ -18,7 +18,11 @@ type DateRangeStackedProps = {

const DateRangeStacked = (props: DateRangeStackedProps) => {
const { className, dark = false, endDate, startDate } = props
const css = classnames(className, buildCss('pb_date_range_stacked'), globalProps(props))
const css = classnames(
buildCss('pb_date_range_stacked'),
globalProps(props),
className
)

return (
<div className={css}>
Expand Down
4 changes: 2 additions & 2 deletions app/pb_kits/playbook/pb_date_stacked/_date_stacked.jsx
Expand Up @@ -33,12 +33,12 @@ const DateStacked = (props: DateStackedProps) => {
size = 'sm',
} = props
const classes = classnames(
className,
buildCss('pb_date_stacked_kit', align, size, {
dark: dark,
reverse: reverse,
}),
globalProps(props)
globalProps(props),
className
)

const currentYear = new Date().getFullYear().toString()
Expand Down
Expand Up @@ -20,7 +20,11 @@ type DateYearStackedProps = {
const DateYearStacked = (props: DateYearStackedProps) => {
const { align = 'left', className, dark = false, date } = props
const dateTimestamp = new DateTime({ value: date })
const css = classnames(className, buildCss('pb_date_year_stacked', align), globalProps(props))
const css = classnames(
buildCss('pb_date_year_stacked', align),
globalProps(props),
className
)

return (
<div className={css}>
Expand Down
Expand Up @@ -23,9 +23,9 @@ type FixedConfirmationToastProps = {
const FixedConfirmationToast = (props: FixedConfirmationToastProps) => {
const { className, status = 'neutral', text } = props
const css = classnames(
className,
`pb_fixed_confirmation_toast_kit_${status}`,
globalProps(props)
globalProps(props),
className
)
const icon = iconMap[status]

Expand Down
4 changes: 2 additions & 2 deletions app/pb_kits/playbook/pb_flex/_flex.jsx
Expand Up @@ -51,8 +51,8 @@ const Flex = (props: FlexProps) => {
reverseClass,
wrapClass
),
className,
globalProps(props)
globalProps(props),
className
)}
>
{children}
Expand Down
2 changes: 1 addition & 1 deletion app/pb_kits/playbook/pb_flex/_flex_item.jsx
Expand Up @@ -18,7 +18,7 @@ const FlexItem = (props: FlexItemPropTypes) => {

return (
<div
className={classnames(buildCss('pb_flex_item_kit', growClass), className, globalProps(props))}
className={classnames(buildCss('pb_flex_item_kit', growClass), globalProps(props), className)}
style={fixedStyle}
>
{children}
Expand Down
5 changes: 3 additions & 2 deletions app/pb_kits/playbook/pb_form_pill/_form_pill.jsx
Expand Up @@ -18,8 +18,9 @@ type FormPillProps = {
const FormPill = (props: FormPillProps) => {
const { className, text, name, onClick = () => {}, avatarUrl } = props
const css = classnames(
[`pb_form_pill_kit_${'primary'}`, className],
globalProps(props)
`pb_form_pill_kit_${'primary'}`,
globalProps(props),
className
)
return (
<div className={css}>
Expand Down
2 changes: 1 addition & 1 deletion app/pb_kits/playbook/pb_gauge/_gauge.jsx
Expand Up @@ -101,7 +101,7 @@ const Gauge = (props: GaugeProps) => {
<div
{...ariaProps}
{...dataProps}
className={classnames(css, className, globalProps(props))}
className={classnames(css, globalProps(props), className)}
id={id}
/>
)
Expand Down
2 changes: 1 addition & 1 deletion app/pb_kits/playbook/pb_highlight/_highlight.jsx
Expand Up @@ -27,7 +27,7 @@ const Highlight = (props: HighlightProps) => {
<Highlighter
autoEscape
data={data}
highlightClassName={classnames(className, globalProps(props))}
highlightClassName={classnames(globalProps(props), className)}
highlightTag="span"
id={id}
searchWords={highlightedText}
Expand Down
Expand Up @@ -40,12 +40,12 @@ const HomeAddressStreet = (props: HomeAddressStreetProps) => {

const classes = (className, dark) =>
classnames(
className,
{
'pb_home_address_street': !dark,
'pb_home_address_street_dark': dark,
},
globalProps(props)
globalProps(props),
className
)
return (
<div className={classes(className, dark)}>
Expand Down
4 changes: 2 additions & 2 deletions app/pb_kits/playbook/pb_icon/_icon.jsx
Expand Up @@ -56,7 +56,6 @@ const Icon = (props: IconProps) => {
spin = false,
} = props
const classes = classnames(
className,
flipMap[flip],
'pb_icon_kit',
'far',
Expand All @@ -72,7 +71,8 @@ const Icon = (props: IconProps) => {
[`fa-pull-${pull}`]: pull,
[`fa-rotate-${rotation}`]: rotation,
},
globalProps(props)
globalProps(props),
className
)

return (
Expand Down
6 changes: 5 additions & 1 deletion app/pb_kits/playbook/pb_icon_value/_icon_value.jsx
Expand Up @@ -32,7 +32,11 @@ const IconValue = (props: IconValueProps) => {
} = props
const ariaProps = buildAriaProps(aria)
const dataProps = buildDataProps(data)
const classes = classnames(buildCss('pb_icon_value_kit', align), className, globalProps(props))
const classes = classnames(
buildCss('pb_icon_value_kit', align),
globalProps(props),
className
)

return (
<div
Expand Down
6 changes: 5 additions & 1 deletion app/pb_kits/playbook/pb_image/_image.jsx
Expand Up @@ -25,7 +25,11 @@ const Image = (props: ImageProps) => {
} = props

const ariaProps = buildAriaProps(aria)
const classes = classnames(buildCss('pb_image lazyload blur_up'), className, globalProps(props))
const classes = classnames(
buildCss('pb_image lazyload blur_up'),
globalProps(props),
className
)
const dataProps = buildDataProps(data)

return (
Expand Down
6 changes: 5 additions & 1 deletion app/pb_kits/playbook/pb_label_pill/_label_pill.jsx
Expand Up @@ -30,7 +30,11 @@ const LabelPill = (props: LabelPillProps) => {
} = props
const ariaProps = buildAriaProps(aria)
const dataProps = buildDataProps(data)
const css = classnames(['pb_label_pill_kit', className], globalProps(props))
const css = classnames(
'pb_label_pill_kit',
globalProps(props),
className
)

return (
<div
Expand Down
8 changes: 4 additions & 4 deletions app/pb_kits/playbook/pb_layout/_layout.jsx
Expand Up @@ -46,7 +46,7 @@ type LayoutFooterProps = {
const Side = (props: LayoutSideProps) => {
const { children, className } = props
return (
<div className={classnames('layout_sidebar', className, globalProps(props))}>
<div className={classnames('layout_sidebar', globalProps(props), className)}>
{children}
</div>
)
Expand All @@ -56,7 +56,7 @@ const Side = (props: LayoutSideProps) => {
const Body = (props: LayoutBodyProps) => {
const { children, className } = props
return (
<div className={classnames('layout_body', className, globalProps(props))}>
<div className={classnames('layout_body', globalProps(props), className)}>
{children}
</div>
)
Expand All @@ -66,7 +66,7 @@ const Body = (props: LayoutBodyProps) => {
const Header = (props: LayoutHeaderProps) => {
const { children, className } = props
return (
<div className={classnames('layout_header', className, globalProps(props))}>
<div className={classnames('layout_header', globalProps(props), className)}>
{children}
</div>
)
Expand All @@ -76,7 +76,7 @@ const Header = (props: LayoutHeaderProps) => {
const Footer = (props: LayoutFooterProps) => {
const { children, className } = props
return (
<div className={classnames('layout_footer', className, globalProps(props))}>
<div className={classnames('layout_footer', globalProps(props), className)}>
{children}
</div>
)
Expand Down
2 changes: 1 addition & 1 deletion app/pb_kits/playbook/pb_line_graph/_line_graph.jsx
Expand Up @@ -77,7 +77,7 @@ export default class LineGraph extends React.Component<LineGraphProps> {

return (
<div
className={classnames(className, globalProps(this.props))}
className={classnames(globalProps(this.props), className)}
id={id}
/>
)
Expand Down
5 changes: 3 additions & 2 deletions app/pb_kits/playbook/pb_list/_list.jsx
Expand Up @@ -52,8 +52,9 @@ const List = (props: ListProps) => {
borderless: borderless,
ordered: ordered,
xpadding: xpadding,
}), className,
globalProps(props)
}),
globalProps(props),
className
)

return (
Expand Down
5 changes: 3 additions & 2 deletions app/pb_kits/playbook/pb_list/_list_item.jsx
Expand Up @@ -27,8 +27,9 @@ const ListItem = (props: ListItemProps) => {
const ariaProps = buildAriaProps(aria)
const dataProps = buildDataProps(data)
const classes = classnames(
buildCss('pb_item_kit'), className,
globalProps(props)
buildCss('pb_item_kit'),
globalProps(props),
className
)

return (
Expand Down

0 comments on commit 836adcd

Please sign in to comment.