style: updates button styles to match Pine

[anechol]

Description

Updates button styles to match Pine.

Screenshots

Before	After

Testing in sage-lib

• Navigate to Button, Copy Text, Panel Controls, Toolbar
• Check that components that use Buttons have uniform design comparable to Pine.

Testing in kajabi-products

1. (LOW) Updates button styles to match Pine.

Related

DSS-1256

[github-actions]

Dependency Review

The following issues were found:

• ✅ 0 vulnerable package(s)
• ✅ 0 package(s) with incompatible licenses
• ✅ 0 package(s) with invalid SPDX license definitions
• ⚠️ 3 package(s) with unknown licenses.

See the Details below.

License Issues

packages/sage-react/package.json

Package	Version	License	Issue Type
@pine-ds/react	^2.14.0	Null	Unknown License

yarn.lock

Package	Version	License	Issue Type
@pine-ds/core	2.14.0	Null	Unknown License
@pine-ds/react	2.14.0	Null	Unknown License

Denied Licenses: LGPL-2.0, AAL, Adobe-2006, Afmparse, Artistic-1.0, Artistic-1.0-cl8, Artistic-1.0-Perl, Beerware, blessing, Borceux, CECILL-B, ClArtistic, Condor-1.1, Crossword, CrystalStacker, diffmark, DOC, EFL-1.0, EFL-2.0, Fair, FSFUL, FSFULLR, Giftware, HPND, IJG, Leptonica, LPL-1.0, LPL-1.02, MirOS, mpich2, NASA-1.3, NBPL-1.0, Newsletr, NLPL, NRL, OGTSL, OLDAP-1.1, OLDAP-1.2, OLDAP-1.3, OLDAP-1.4, psutils, Qhull, Rdisc, RSA-MD, Spencer-86, Spencer-94, TU-Berlin-1.0, TU-Berlin-2.0, Vim, W3C-19980720, W3C-20150513, Wsuipa, WTFPL, xinetd, Zed, Zend-2.0, ZPL-1.1, AGPL-1.0-only, AGPL-1.0-or-later, AGPL-3.0-only, AGPL-3.0-or-later, APSL-1.0, APSL-1.1, APSL-1.2, APSL-2.0, CPAL-1.0, EUPL-1.0, EUPL-1.1, EUPL-1.2, NPOSL-3.0, OSL-1.0, OSL-1.1, OSL-2.0, OSL-2.1, OSL-3.0, RPSL-1.0, SSPL-1.0, CAL-1.0, CAL-1.0-Combined-Work-Exception, Parity-6.0.0, Parity-7.0.0, RPL-1.1, RPL-1.5, EPL-1.0, EPL-2.0, ErlPL-1.1, IPL-1.0, LGPL-2.0-only, LGPL-2.0-or-later, LGPL-2.1-only, LGPL-2.1-or-later, LGPL-2.1, LGPL-3.0-only, LGPL-3.0-or-later, LGPL-3.0, MPL-1.0, MPL-1.1, MPL-2.0, MPL-2.0-no-copyleft-exception, MS-RL, SPL-1.0, BSD-Protection, copyleft-next-0.3.0, copyleft-next-0.3.1, GPL-1.0-only, GPL-1.0-or-later, GPL-1.0, GPL-2.0-only, GPL-2.0-or-later, GPL-2.0, GPL-3.0-only, GPL-3.0-or-later, GPL-3.0, QPL-1.0, Sleepycat

Scanned Manifest Files

packages/sage-react/package.json

• @pine-ds/react@^2.14.0

yarn.lock

• @pine-ds/[email protected]
• @pine-ds/[email protected]
• [email protected]
• [email protected]

[pixelflips]

1 comment on mixins, otherwise LGTM.

[pixelflips]

it was my understanding that we weren't adjusting mixins but instead replacing them within the component when possible?

[anechol]

That was the intention, and I still stand by that for the most part, but seeing how fragmented a lot of these styles are makes me think in some cases it won't make much of a difference. Here, this mixin isn't used anywhere else in the repo or the main app, so it comes down to either changing the styles in the mixin itself or copy and paste the styles within two different selectors, neither of which I'm a huge fan of.