UNPKG

@spark-web/theme

Version:

--- title: Theme isExperimentalPackage: true ---

809 lines (508 loc) 21.2 kB
# @spark-web/theme ## 5.11.0 ### Minor Changes - [#647](https://github.com/brighte-labs/spark-web/pull/647) [`b6825e0`](https://github.com/brighte-labs/spark-web/commit/b6825e0fdffb297cecb033fd70e15b13a65d27a7) Thanks [@michtntbrighte](https://github.com/michtntbrighte)! - Improve low prominence and support filled props for button ## 5.10.6 ### Patch Changes - [#627](https://github.com/brighte-labs/spark-web/pull/627) [`80504dc`](https://github.com/brighte-labs/spark-web/commit/80504dc3f57aa1f7ed8235c8fb4ca61587d17977) Thanks [@mkt-brighte](https://github.com/mkt-brighte)! - Update readonly text color to meet min contrast requirement ## 5.10.5 ### Patch Changes - [#621](https://github.com/brighte-labs/spark-web/pull/621) [`bc2f972`](https://github.com/brighte-labs/spark-web/commit/bc2f97209f7207bb993aee971e9407d6fdd83751) Thanks [@mkt-brighte](https://github.com/mkt-brighte)! - Update form field border to meet minimum contrast requirement ## 5.10.4 ### Patch Changes - [#618](https://github.com/brighte-labs/spark-web/pull/618) [`d1fb79f`](https://github.com/brighte-labs/spark-web/commit/d1fb79f402e9741d72be81f9e54f7b6914f2b4a6) Thanks [@mkt-brighte](https://github.com/mkt-brighte)! - Update checkbox border to minimum contrast requirement ## 5.10.3 ### Patch Changes - [#617](https://github.com/brighte-labs/spark-web/pull/617) [`6788e70`](https://github.com/brighte-labs/spark-web/commit/6788e70807753dd6556aa29463242e39a8318d00) Thanks [@michtntbrighte](https://github.com/michtntbrighte)! - Fix button outline contrast ## 5.10.2 ### Patch Changes - [#613](https://github.com/brighte-labs/spark-web/pull/613) [`52f1de5`](https://github.com/brighte-labs/spark-web/commit/52f1de5f049617f2c0615278a0f6f65a761993f2) Thanks [@mkt-brighte](https://github.com/mkt-brighte)! - Added css props for custom style, height to set modal height and position to optionally change modal position ## 5.10.1 ### Patch Changes - [#609](https://github.com/brighte-labs/spark-web/pull/609) [`88ad311`](https://github.com/brighte-labs/spark-web/commit/88ad311f1be9a2f69b9e2221db8ea7c6a8a1d7fb) Thanks [@chrischua-brighte](https://github.com/chrischua-brighte)! - update lineheight for big fonts ## 5.10.0 ### Minor Changes - [#604](https://github.com/brighte-labs/spark-web/pull/604) [`da80ee8`](https://github.com/brighte-labs/spark-web/commit/da80ee8a9c454c77fcb2d34b643d85201834c3f0) Thanks [@ralcoriza-brighte](https://github.com/ralcoriza-brighte)! - Support component-level theming for ContentDialog Add support for components being allowed in the title prop ## 5.9.3 ### Patch Changes - added additional color in foreground for copy link ## 5.9.2 ### Patch Changes - [#589](https://github.com/brighte-labs/spark-web/pull/589) [`d2d565a`](https://github.com/brighte-labs/spark-web/commit/d2d565afb7efd4c78756f194c2f83af552557c45) Thanks [@mkt-brighte](https://github.com/mkt-brighte)! - Update pantheon neutral border color ## 5.9.1 ### Patch Changes - [#584](https://github.com/brighte-labs/spark-web/pull/584) [`ca415d0`](https://github.com/brighte-labs/spark-web/commit/ca415d0ebfec33be425194d6c89ff230e8968bd5) Thanks [@ralcoriza-brighte](https://github.com/ralcoriza-brighte)! - Tweak primary.500 color for Brighte theme ## 5.9.0 ### Minor Changes - [#576](https://github.com/brighte-labs/spark-web/pull/576) [`3056d86`](https://github.com/brighte-labs/spark-web/commit/3056d863266abc952b1c68775e1e349e13ef0e8f) Thanks [@chrischua-brighte](https://github.com/chrischua-brighte)! - add new prop for radio, new token sizes, new button tone ## 5.8.0 ### Minor Changes - [#577](https://github.com/brighte-labs/spark-web/pull/577) [`83c0a8e`](https://github.com/brighte-labs/spark-web/commit/83c0a8e8269d00ed200838ac8d1752bba54c7936) Thanks [@ralcoriza-brighte](https://github.com/ralcoriza-brighte)! - Add support for Pantheon theme in combobox ## 5.7.2 ### Patch Changes - [#574](https://github.com/brighte-labs/spark-web/pull/574) [`e77b91f`](https://github.com/brighte-labs/spark-web/commit/e77b91fcd59e18795c49fcefec29259eb2aec0a6) Thanks [@mkt-brighte](https://github.com/mkt-brighte)! - Move button fontWeight to token ## 5.7.1 ### Patch Changes - [#572](https://github.com/brighte-labs/spark-web/pull/572) [`5c56b95`](https://github.com/brighte-labs/spark-web/commit/5c56b95bd790d7dbaa03b103cac93e0dbfa44877) Thanks [@mkt-brighte](https://github.com/mkt-brighte)! - Update text component tokens for theming ## 5.7.0 ### Minor Changes - [#569](https://github.com/brighte-labs/spark-web/pull/569) [`ebe8747`](https://github.com/brighte-labs/spark-web/commit/ebe87477669ff106a8c9d979a73a198cae8998e8) Thanks [@mkt-brighte](https://github.com/mkt-brighte)! - TextLink and TextLinkButton component level theming ## 5.6.1 ### Patch Changes - [#566](https://github.com/brighte-labs/spark-web/pull/566) [`74cba32`](https://github.com/brighte-labs/spark-web/commit/74cba323bd136e9f489133089f713ba9affd1552) Thanks [@mkt-brighte](https://github.com/mkt-brighte)! - Update pantheon heading fontSize and added lineHeight ## 5.6.0 ### Minor Changes - This release covers the following changes: - Updates the primary color palette of the Brighte theme - Add new Storybook story for the `rounded` prop for button components - Tweak focus state styling of buttons at Pantheon theme ## 5.5.1 ### Patch Changes - [#563](https://github.com/brighte-labs/spark-web/pull/563) [`c9272a1`](https://github.com/brighte-labs/spark-web/commit/c9272a154a355ca03a5579dfbdce8a3f6c1e19f7) Thanks [@peterp-brighte](https://github.com/peterp-brighte)! - improve color for accessibility ## 5.5.0 ### Minor Changes - [#558](https://github.com/brighte-labs/spark-web/pull/558) [`b89f043`](https://github.com/brighte-labs/spark-web/commit/b89f043f45bb817295496d24a3ec65f867343efa) Thanks [@yaminibrighte](https://github.com/yaminibrighte)! - added focus for buttons ## 5.4.0 ### Minor Changes - [#548](https://github.com/brighte-labs/spark-web/pull/548) [`c36534c`](https://github.com/brighte-labs/spark-web/commit/c36534cd6014c3e7ba5d16bcc192eb2939e89dab) Thanks [@chrischua-brighte](https://github.com/chrischua-brighte)! - add xlarge and xxlarge size ## 5.3.1 ### Patch Changes - [#546](https://github.com/brighte-labs/spark-web/pull/546) [`a805c87`](https://github.com/brighte-labs/spark-web/commit/a805c87c9ffc2776f0235a0203de232092464aa3) Thanks [@peterp-brighte](https://github.com/peterp-brighte)! - update theme and pass extra props ## 5.3.0 ### Minor Changes - [#544](https://github.com/brighte-labs/spark-web/pull/544) [`621c819`](https://github.com/brighte-labs/spark-web/commit/621c819fda022b7d87bb3969fe6124f6ef9582ec) Thanks [@peterp-brighte](https://github.com/peterp-brighte)! - add colors and interactions ## 5.2.0 ### Minor Changes - [#542](https://github.com/brighte-labs/spark-web/pull/542) [`602547f`](https://github.com/brighte-labs/spark-web/commit/602547f280fb12f7ce4de86b7046719167ada075) Thanks [@ralcoriza-brighte](https://github.com/ralcoriza-brighte)! - Support responsive font weights per theme ## 5.1.0 ### Minor Changes - [#538](https://github.com/brighte-labs/spark-web/pull/538) [`fc4355a`](https://github.com/brighte-labs/spark-web/commit/fc4355a7541ba6b2c7dc51c36ea5e0358a73113b) Thanks [@peterp-brighte](https://github.com/peterp-brighte)! - support pantheon theaming for radio cards and add color palette ## 5.0.0 ### Major Changes - This release of spark-web standardises the version across all packages to be **`v5`**, primarily signifying the switch from `@emotion/css` to `@emotion/react` as one of the key dependencies of the entire library, in order to support server-side rendering / SSR. This release also introduces support for theming, to allow for more co-branded experiences across our web applications. It also supports component-level theming for `<Button />`, `<ButtonLink />`, and `<Checkbox />`, which provides the capability to override the global theme available inside an application. To use this in an application, you can wrap the affected areas with a `ThemeProvider`: ``` <ThemeProvider theme="pantheon"> <Input type="text" /> <Button type="submit" /> </ThemeProvider> ``` Part of the theming capabilities includes a new theme for `spark-web` called "pantheon", which should map with our co-branding efforts in the Pantheon project. It currently includes a small set of colors and its corresponding font family. ### Patch Changes - [#532](https://github.com/brighte-labs/spark-web/pull/532) [`631573c`](https://github.com/brighte-labs/spark-web/commit/631573cb72981d99b9afa4ad559123f44e47b2a9) Thanks [@ralcoriza-brighte](https://github.com/ralcoriza-brighte)! - Fix type-related issues - Updated dependencies [[`631573c`](https://github.com/brighte-labs/spark-web/commit/631573cb72981d99b9afa4ad559123f44e47b2a9)]: - @spark-web/utils@5.0.0 ## 5.0.0-rc.31 ### Patch Changes - Fix type-related issues - Updated dependencies []: - @spark-web/utils@5.0.0-rc.31 ## 5.0.0-rc.30 ### Minor Changes - Adopt latest changes from stable main branch ### Patch Changes - Updated dependencies []: - @spark-web/utils@5.0.0-rc.30 ## 5.0.0-rc.29 ### Minor Changes - Revise stylesheet maps to align with theme name change ### Patch Changes - Updated dependencies []: - @spark-web/utils@5.0.0-rc.29 ## 5.0.0-rc.28 ### Minor Changes - Move fonts to theme package; Introduce Pantheon font family and stylesheet ### Patch Changes - Updated dependencies []: - @spark-web/utils@5.0.0-rc.28 ## 5.0.0-rc.27 ### Minor Changes - Remove theme prop in button link ### Patch Changes - Updated dependencies []: - @spark-web/utils@5.0.0-rc.27 ## 5.0.0-rc.26 ### Minor Changes - Roll back on using theme prop for component level theming; prefer using ThemeProvider in applications instead ### Patch Changes - Updated dependencies []: - @spark-web/utils@5.0.0-rc.26 ## 5.0.0-rc.25 ### Minor Changes - Implement checkbox tokens for test theme ### Patch Changes - Updated dependencies []: - @spark-web/utils@5.0.0-rc.25 ## 5.0.0-rc.24 ### Minor Changes - Resolve issues with package build output ### Patch Changes - Updated dependencies []: - @spark-web/utils@5.0.0-rc.24 ## 4.0.0-rc.21 ### Minor Changes - Introduce global theming provider to set global default theme ### Patch Changes - Updated dependencies []: - @spark-web/utils@2.0.0-rc.21 ## 4.0.0-rc.20 ### Minor Changes - Support for component-level theming; button-level theming ### Patch Changes - Updated dependencies []: - @spark-web/utils@2.0.0-rc.20 ## 4.0.0-rc.19 ### Major Changes - test ### Patch Changes - Updated dependencies []: - @spark-web/utils@2.0.0-rc.19 ## 4.0.0-rc.18 ### Major Changes - tests ### Patch Changes - Updated dependencies []: - @spark-web/utils@2.0.0-rc.18 ## 4.0.0-rc.17 ### Major Changes - test ### Patch Changes - Updated dependencies []: - @spark-web/utils@2.0.0-rc.17 ## 4.0.0-rc.16 ### Major Changes - test ### Patch Changes - Updated dependencies []: - @spark-web/utils@2.0.0-rc.16 ## 4.0.0-rc.15 ### Major Changes - test ### Patch Changes - Updated dependencies []: - @spark-web/utils@2.0.0-rc.15 ## 4.0.0-rc.14 ### Major Changes - test ### Patch Changes - Updated dependencies []: - @spark-web/utils@2.0.0-rc.14 ## 4.0.0-rc.13 ### Major Changes - test ### Patch Changes - Updated dependencies []: - @spark-web/utils@2.0.0-rc.13 ## 4.0.0-rc.12 ### Major Changes - test ### Patch Changes - Updated dependencies []: - @spark-web/utils@2.0.0-rc.12 ## 4.0.0-rc.11 ### Major Changes - test ### Patch Changes - Updated dependencies []: - @spark-web/utils@2.0.0-rc.11 ## 4.0.0-rc.10 ### Major Changes - test ### Patch Changes - Updated dependencies []: - @spark-web/utils@2.0.0-rc.10 ## 4.0.0-rc.9 ### Major Changes - test ### Patch Changes - Updated dependencies []: - @spark-web/utils@2.0.0-rc.9 ## 4.0.0-rc.8 ### Major Changes - test ### Patch Changes - Updated dependencies []: - @spark-web/utils@2.0.0-rc.8 ## 4.0.0-rc.7 ### Major Changes - test ### Patch Changes - Updated dependencies []: - @spark-web/utils@2.0.0-rc.7 ## 4.0.0-rc.6 ### Major Changes - test ### Patch Changes - Updated dependencies []: - @spark-web/utils@2.0.0-rc.6 ## 4.0.0-rc.5 ### Major Changes - test ### Patch Changes - Updated dependencies []: - @spark-web/utils@2.0.0-rc.5 ## 4.0.0-rc.4 ### Major Changes - bug ### Patch Changes - Updated dependencies []: - @spark-web/utils@2.0.0-rc.4 ## 4.0.0-rc.3 ### Major Changes - upgrade package ### Patch Changes - Updated dependencies []: - @spark-web/utils@2.0.0-rc.3 ## 4.0.0-rc.2 ### Major Changes - add parser ### Patch Changes - Updated dependencies []: - @spark-web/utils@2.0.0-rc.2 ## 4.0.0-rc.1 ### Major Changes - rc ### Patch Changes - Updated dependencies []: - @spark-web/utils@2.0.0-rc.1 ## 4.0.0-rc.0 ### Major Changes - rc versio ### Patch Changes - Updated dependencies []: - @spark-web/utils@2.0.0-rc.0 ## 3.2.1 ### Patch Changes - [#426](https://github.com/brighte-labs/spark-web/pull/426) [`c674947`](https://github.com/brighte-labs/spark-web/commit/c6749475b0245718300c290f6e521609012aaf6b) Thanks [@ralcoriza-brighte](https://github.com/ralcoriza-brighte)! - Narrowed types related to font metrics ## 3.2.0 ### Minor Changes - [#382](https://github.com/brighte-labs/spark-web/pull/382) [`955bf5d`](https://github.com/brighte-labs/spark-web/commit/955bf5d7698bfdf45e7f317aa3e726c81d3444c0) Thanks [@dilipt-brighte](https://github.com/dilipt-brighte)! - Updates React version to latest (18.2.0) ### Patch Changes - Updated dependencies [[`955bf5d`](https://github.com/brighte-labs/spark-web/commit/955bf5d7698bfdf45e7f317aa3e726c81d3444c0)]: - @spark-web/utils@1.3.0 ## 3.1.0 ### Minor Changes - [#241](https://github.com/brighte-labs/spark-web/pull/241) [`62f7de8`](https://github.com/brighte-labs/spark-web/commit/62f7de8a2e1df5ae088c093d3acdaa868d3f61fe) Thanks [@lukebennett88](https://github.com/lukebennett88)! - Remove unused weight tokens for heading ### Patch Changes - [#218](https://github.com/brighte-labs/spark-web/pull/218) [`6fc8d1b`](https://github.com/brighte-labs/spark-web/commit/6fc8d1bc37e25d0cd622bc37f68a1d92eb5961b5) Thanks [@nderkim](https://github.com/nderkim)! - Rename files to kebab case - [#222](https://github.com/brighte-labs/spark-web/pull/222) [`7f93c45`](https://github.com/brighte-labs/spark-web/commit/7f93c45bbae8c765e10df9d0dd7615473797749b) Thanks [@lukebennett88](https://github.com/lukebennett88)! - Update dependencies - [#242](https://github.com/brighte-labs/spark-web/pull/242) [`6df05f7`](https://github.com/brighte-labs/spark-web/commit/6df05f764e4181c140d6547d6b897d0210468f6a) Thanks [@lukebennett88](https://github.com/lukebennett88)! - - Add homepage and repository keys to package.json - Add CHANGELOG and README to files key in package.json - Updated dependencies [[`6fc8d1b`](https://github.com/brighte-labs/spark-web/commit/6fc8d1bc37e25d0cd622bc37f68a1d92eb5961b5), [`7f93c45`](https://github.com/brighte-labs/spark-web/commit/7f93c45bbae8c765e10df9d0dd7615473797749b), [`6df05f7`](https://github.com/brighte-labs/spark-web/commit/6df05f764e4181c140d6547d6b897d0210468f6a)]: - @spark-web/utils@1.2.3 ## 3.0.6 ### Patch Changes - [#208](https://github.com/brighte-labs/spark-web/pull/208) [`1ea26ef`](https://github.com/brighte-labs/spark-web/commit/1ea26ef04a3b45875ed0dd2326eeab1fbe1e4bc5) Thanks [@lukebennett88](https://github.com/lukebennett88)! - Lower required node version - Updated dependencies [[`1ea26ef`](https://github.com/brighte-labs/spark-web/commit/1ea26ef04a3b45875ed0dd2326eeab1fbe1e4bc5)]: - @spark-web/utils@1.2.2 ## 3.0.5 ### Patch Changes - [#197](https://github.com/brighte-labs/spark-web/pull/197) [`94016d8`](https://github.com/brighte-labs/spark-web/commit/94016d84e26bbe55833bbcbab847a2cce6041538) Thanks [@lukebennett88](https://github.com/lukebennett88)! - Update packages - Updated dependencies [[`94016d8`](https://github.com/brighte-labs/spark-web/commit/94016d84e26bbe55833bbcbab847a2cce6041538)]: - @spark-web/utils@1.2.1 ## 3.0.4 ### Patch Changes - [#187](https://github.com/brighte-labs/spark-web/pull/187) [`7b0cfdf`](https://github.com/brighte-labs/spark-web/commit/7b0cfdf6fb4d32b86e00050d8869ac2b9787cf41) Thanks [@tamm](https://github.com/tamm)! - Introduce status colours, as different to foreground or background colours. ## 3.0.3 ### Patch Changes - [#173](https://github.com/brighte-labs/spark-web/pull/173) [`90b7e9c`](https://github.com/brighte-labs/spark-web/commit/90b7e9cf4eb7e864d765c74b22c3dedf3d262e25) Thanks [@lukebennett88](https://github.com/lukebennett88)! - Update babel dependency - Updated dependencies [[`90b7e9c`](https://github.com/brighte-labs/spark-web/commit/90b7e9cf4eb7e864d765c74b22c3dedf3d262e25), [`c3867af`](https://github.com/brighte-labs/spark-web/commit/c3867af7b77dfae3580ab63a5d5c9e8452f2da62)]: - @spark-web/utils@1.2.0 ## 3.0.2 ### Patch Changes - [#167](https://github.com/brighte-labs/spark-web/pull/167) [`4f79350`](https://github.com/brighte-labs/spark-web/commit/4f793508fdb43ddd452f0d59a3126101f9fa5459) Thanks [@lukebennett88](https://github.com/lukebennett88)! - Update Babel * [#157](https://github.com/brighte-labs/spark-web/pull/157) [`60f7281`](https://github.com/brighte-labs/spark-web/commit/60f7281c4a194d934a2ce561cad47e737b0fb48e) Thanks [@lukebennett88](https://github.com/lukebennett88)! - Update shadow tokens * Updated dependencies [[`4f79350`](https://github.com/brighte-labs/spark-web/commit/4f793508fdb43ddd452f0d59a3126101f9fa5459)]: - @spark-web/utils@1.1.5 ## 3.0.1 ### Patch Changes - [#113](https://github.com/brighte-labs/spark-web/pull/113) [`156236d`](https://github.com/brighte-labs/spark-web/commit/156236d2474aee66a0b8e2030635f9c08a5b78ba) Thanks [@lukebennett88](https://github.com/lukebennett88)! - Update dependencies - Updated dependencies [[`156236d`](https://github.com/brighte-labs/spark-web/commit/156236d2474aee66a0b8e2030635f9c08a5b78ba)]: - @spark-web/utils@1.1.3 ## 3.0.0 ### Major Changes - [#65](https://github.com/brighte-labs/spark-web/pull/65) [`182a53a`](https://github.com/brighte-labs/spark-web/commit/182a53a484892df48754e89dd714459a7f69fcff) Thanks [@lukebennett88](https://github.com/lukebennett88)! - Remove "Inter" font, change font-weights and font-sizes. ### Patch Changes - [#52](https://github.com/brighte-labs/spark-web/pull/52) [`82ab744`](https://github.com/brighte-labs/spark-web/commit/82ab744f198466810f3386bc459b8ab4d57c820e) Thanks [@lukebennett88](https://github.com/lukebennett88)! - Add files array to package.json files - Updated dependencies [[`82ab744`](https://github.com/brighte-labs/spark-web/commit/82ab744f198466810f3386bc459b8ab4d57c820e)]: - @spark-web/utils@1.1.2 ## 2.0.2 ### Patch Changes - [#42](https://github.com/brighte-labs/spark-web/pull/42) [`435779a`](https://github.com/brighte-labs/spark-web/commit/435779aa42bd635bbf43e1fd41724c666402caa2) Thanks [@lukebennett88](https://github.com/lukebennett88)! - Prevent multiple versions of React - Updated dependencies [[`435779a`](https://github.com/brighte-labs/spark-web/commit/435779aa42bd635bbf43e1fd41724c666402caa2)]: - @spark-web/utils@1.1.1 ## 2.0.1 ### Patch Changes - [#40](https://github.com/brighte-labs/spark-web/pull/40) [`062c8ab`](https://github.com/brighte-labs/spark-web/commit/062c8ab8c7b4120f8d14c269b5f7801288c678ca) Thanks [@lukebennett88](https://github.com/lukebennett88)! - Add @babel/transform-runtime - Updated dependencies [[`062c8ab`](https://github.com/brighte-labs/spark-web/commit/062c8ab8c7b4120f8d14c269b5f7801288c678ca)]: - @spark-web/utils@1.0.2 ## 2.0.0 ### Major Changes - [#31](https://github.com/brighte-labs/spark-web/pull/31) [`aebff30`](https://github.com/brighte-labs/spark-web/commit/aebff30c86cb0a9db22b545c46159ce0d1c14afb) Thanks [@lukebennett88](https://github.com/lukebennett88)! - Update tokens ### Patch Changes - [#36](https://github.com/brighte-labs/spark-web/pull/36) [`8546f8f`](https://github.com/brighte-labs/spark-web/commit/8546f8f05daaa79ea3ff954c6c4928a7a2d0622d) Thanks [@lukebennett88](https://github.com/lukebennett88)! - Update Babel config - Updated dependencies [[`8546f8f`](https://github.com/brighte-labs/spark-web/commit/8546f8f05daaa79ea3ff954c6c4928a7a2d0622d)]: - @spark-web/utils@1.0.1 ## 1.0.0 ### Major Changes - [#27](https://github.com/brighte-labs/spark-web/pull/27) [`4c8e398`](https://github.com/brighte-labs/spark-web/commit/4c8e3988f8a59d3dab60a6b67b1128b6ff2a5f2c) Thanks [@JedWatson](https://github.com/JedWatson)! - Initial Version ### Patch Changes - Updated dependencies [[`4c8e398`](https://github.com/brighte-labs/spark-web/commit/4c8e3988f8a59d3dab60a6b67b1128b6ff2a5f2c)]: - @spark-web/utils@1.0.0