68 create styled components

[paulmccarron]

Created styled components. Displaying examples on ./catalogue web page.

[github-actions[bot]]

Web Test Coverage

Coverage Summary

Lines	Statements	Branches	Functions
	92.4% (146/158)	77.04% (47/61)	82.6% (38/46)

Test Run

Tests	Skipped	Failures	Errors	Time
47	0 :zzz:	0 :x:	0 :fire:	11.104s :stopwatch:

File Coverage (92%)

File	% Stmts	% Branch	% Funcs	% Lines	Uncovered Line #s
All files	92.4	77.04	82.6	92.3
src	100	100	100	100
App.tsx	100	100	100	100
src/pages/catalogue	64	100	11.11	64
catalogue.tsx	64	100	11.11	64	44, 51, 58–59, 66, 73, 230–316
src/pages/home	100	100	100	100
home.tsx	100	100	100	100
src/shared/components/app-header	100	100	100	100
app-header.tsx	100	100	100	100
src/shared/components/button	100	100	100	100
button.tsx	100	100	100	100
src/shared/components/menu	100	100	100	100
menu.tsx	100	100	100	100
src/shared/components/modal	100	100	100	100
modal.tsx	100	100	100	100
use-modal.ts	100	100	100	100
src/shared/components/select	100	50	100	100
select.tsx	100	50	100	100	17–18, 25
src/shared/components/table	100	91.66	100	100
table-body.tsx	100	100	100	100
table-head.tsx	100	87.5	100	100	38–40
table.tsx	100	100	100	100
src/shared/components/table/hooks	89.65	69.23	100	89.28
use-table-sorting.ts	89.65	69.23	100	89.28	15, 18, 21
src/shared/components/tabs	100	100	100	100
tabs.tsx	100	100	100	100
src/shared/components/text-input	100	100	100	100
text-input.tsx	100	100	100	100
src/shared/components/toggle	100	0	100	100
toggle.tsx	100	0	100	100	63
src/shared/components/tooltip	100	100	100	100
tooltip.tsx	100	100	100	100
src/shared/components/typography	100	100	100	100
typography.tsx	100	100	100	100

[github-actions[bot]]

Package	Line Rate	Branch Rate	Complexity	Health
src	100%	100%	0	✔
src.pages.catalogue	64%	100%	0	➖
src.pages.home	100%	100%	0	✔
src.shared.components.app-header	100%	100%	0	✔
src.shared.components.button	100%	100%	0	✔
src.shared.components.menu	100%	100%	0	✔
src.shared.components.modal	100%	100%	0	✔
src.shared.components.select	100%	50%	0	✔
src.shared.components.table	100%	92%	0	✔
src.shared.components.table.hooks	89%	69%	0	✔
src.shared.components.tabs	100%	100%	0	✔
src.shared.components.text-input	100%	100%	0	✔
src.shared.components.toggle	100%	0%	0	✔
src.shared.components.tooltip	100%	100%	0	✔
src.shared.components.typography	100%	100%	0	✔
Summary	92% (144 / 156)	77% (47 / 61)	0	✔