@atom-learning/components 3.1.2 → 3.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +210 -0
- package/dist/components/navigation/NavigationMenu.js +1 -1
- package/dist/components/navigation/NavigationMenu.js.map +1 -1
- package/dist/components/navigation/NavigationMenu.styles.d.ts +1 -0
- package/dist/components/navigation/NavigationMenu.styles.js +1 -1
- package/dist/components/navigation/NavigationMenu.styles.js.map +1 -1
- package/dist/components/navigation/NavigationMenuDropdownContent.d.ts +1 -1
- package/dist/components/navigation/NavigationMenuDropdownContent.js +1 -1
- package/dist/components/navigation/NavigationMenuDropdownContent.js.map +1 -1
- package/dist/components/navigation/NavigationMenuDropdownTrigger.js +1 -1
- package/dist/components/navigation/NavigationMenuDropdownTrigger.js.map +1 -1
- package/dist/components/navigation/NavigationMenuLink.js +1 -1
- package/dist/components/navigation/NavigationMenuLink.js.map +1 -1
- package/dist/components/navigation/stitches.navigationMenu.colorscheme.config.d.ts +26 -0
- package/dist/components/navigation/stitches.navigationMenu.colorscheme.config.js +2 -0
- package/dist/components/navigation/stitches.navigationMenu.colorscheme.config.js.map +1 -0
- package/dist/components/navigation-menu-vertical/NavigationMenuVertical.js +1 -1
- package/dist/components/navigation-menu-vertical/NavigationMenuVertical.js.map +1 -1
- package/dist/components/navigation-menu-vertical/NavigationMenuVertical.styles.d.ts +5 -4
- package/dist/components/navigation-menu-vertical/NavigationMenuVertical.styles.js +1 -1
- package/dist/components/navigation-menu-vertical/NavigationMenuVertical.styles.js.map +1 -1
- package/dist/components/navigation-menu-vertical/stitches.navigationMenuVertical.colorscheme.config.d.ts +15 -0
- package/dist/components/navigation-menu-vertical/stitches.navigationMenuVertical.colorscheme.config.js +2 -0
- package/dist/components/navigation-menu-vertical/stitches.navigationMenuVertical.colorscheme.config.js.map +1 -0
- package/dist/components/top-bar/TopBar.d.ts +1 -0
- package/dist/components/top-bar/TopBar.js +1 -1
- package/dist/components/top-bar/TopBar.js.map +1 -1
- package/dist/components/top-bar/stitches.topBar.colorscheme.config.d.ts +12 -0
- package/dist/components/top-bar/stitches.topBar.colorscheme.config.js +2 -0
- package/dist/components/top-bar/stitches.topBar.colorscheme.config.js.map +1 -0
- package/dist/docgen.json +1 -1
- package/dist/index.cjs.js +1 -1
- package/dist/index.cjs.js.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
ADDED
|
@@ -0,0 +1,210 @@
|
|
|
1
|
+
# [3.2.0](https://github.com/Atom-Learning/components/compare/v3.1.1...v3.2.0) (2023-11-01)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Features
|
|
5
|
+
|
|
6
|
+
* add theming vars to NavigationMenuVertical ([d8a3721](https://github.com/Atom-Learning/components/commit/d8a37218e64d6dff8474ff2426d57f17d4eb0f85))
|
|
7
|
+
* enable custom color schemes for the topbar and navigations ([a9a8e28](https://github.com/Atom-Learning/components/commit/a9a8e28d13ce5a56ca70faa1d47144b84ff15390))
|
|
8
|
+
* give tokens better names ([c5d5503](https://github.com/Atom-Learning/components/commit/c5d550338516d9605d315823956746a45f41dc4e))
|
|
9
|
+
* rename tokens and using DS colours ([18305cd](https://github.com/Atom-Learning/components/commit/18305cd3bbed1343da1b85b786bb14e735530ce3))
|
|
10
|
+
|
|
11
|
+
# [1.4.0](https://github.com/Atom-Learning/components/compare/v1.3.0...v1.4.0) (2022-04-11)
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
### Features
|
|
15
|
+
|
|
16
|
+
* **stepper:** adding ability to override default forward behaviour ([#318](https://github.com/Atom-Learning/components/issues/318)) ([c9cc080](https://github.com/Atom-Learning/components/commit/c9cc080ce9c77afda0ba9df48eb74276ce2c4505))
|
|
17
|
+
|
|
18
|
+
# [1.3.0](https://github.com/Atom-Learning/components/compare/v1.2.1...v1.3.0) (2022-04-07)
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
### Bug Fixes
|
|
22
|
+
|
|
23
|
+
* add compound variant for outline secondary buttons ([09bb100](https://github.com/Atom-Learning/components/commit/09bb10071d10f421eec37bc505860120396e2232))
|
|
24
|
+
* add typings to package.json to explicitly refer index.d.ts ([033c9b6](https://github.com/Atom-Learning/components/commit/033c9b6330d1b75a862a0a0c4d525a53e3707571))
|
|
25
|
+
* added type=search back and used css to hide browser icon ([13cf732](https://github.com/Atom-Learning/components/commit/13cf7320eda155eed7b6b340602cfeee02021745))
|
|
26
|
+
* adding custom plurals ([ad13522](https://github.com/Atom-Learning/components/commit/ad1352277fac5b6b6e4f4b41c7a7b0092c62d4ae))
|
|
27
|
+
* adding label translation, input size, and fixing popover tweaks ([08c47e6](https://github.com/Atom-Learning/components/commit/08c47e6b18537e73150d9010311d8d59d31fdc09))
|
|
28
|
+
* adding test for min max values ([5026b4d](https://github.com/Atom-Learning/components/commit/5026b4d95f9ac7a7c9fdc7baf06f153d8c00a8f5))
|
|
29
|
+
* adding test for slidersteps ([7254b0f](https://github.com/Atom-Learning/components/commit/7254b0f85d9cb81e2ebeab5946ab91caa46804fb))
|
|
30
|
+
* allow external change handler on date input ([d265761](https://github.com/Atom-Learning/components/commit/d26576148c94740899f87cfd6708dc5a982f8fb4))
|
|
31
|
+
* attempting to fix merge issue ([531590e](https://github.com/Atom-Learning/components/commit/531590e2ae068be69303f63e83e612e974cb8a90))
|
|
32
|
+
* avoid initial render, screenWidth can be left undefined ([35766bf](https://github.com/Atom-Learning/components/commit/35766bfeb28a66bee20e735aaf27b34862815495))
|
|
33
|
+
* change accordion type ([8caeed7](https://github.com/Atom-Learning/components/commit/8caeed70b8425090e15ae0451bbc4b8b7601d72c))
|
|
34
|
+
* changing composition so value is a separate component ([7cefeed](https://github.com/Atom-Learning/components/commit/7cefeed2d6097152ea484c329d3bce02c45cfc6d))
|
|
35
|
+
* changing prop name to appearance ([429cab2](https://github.com/Atom-Learning/components/commit/429cab230f959de10fbbd8af51bebb5942b9193e))
|
|
36
|
+
* changing unintuitive variant name ([d6993b0](https://github.com/Atom-Learning/components/commit/d6993b08346dffb6a2033a25f1c05bcbd84bd1c4))
|
|
37
|
+
* css as per designs ([9f3a964](https://github.com/Atom-Learning/components/commit/9f3a96483c6acc2482ba7114d45ea11b2cffa529))
|
|
38
|
+
* css typing ([324e323](https://github.com/Atom-Learning/components/commit/324e323a0e5aae0bddc76170f7833abf26832809))
|
|
39
|
+
* dateinput type error ([ee5e109](https://github.com/Atom-Learning/components/commit/ee5e1094dfc46ec449fc5c1d207c62614dd2e1ea))
|
|
40
|
+
* disabled state should not have any interaction whatsoever ([7e458ee](https://github.com/Atom-Learning/components/commit/7e458ee5311be59b552f99eb21aeaa0888168544))
|
|
41
|
+
* documentation ([82e8ac4](https://github.com/Atom-Learning/components/commit/82e8ac45bca1d97d34bcb9ac3d36158af5c7edc0))
|
|
42
|
+
* drop mount check inside useEffect hook ([8771774](https://github.com/Atom-Learning/components/commit/8771774de3a479d102e804eeec933685f22f1e64))
|
|
43
|
+
* ensure dayjs plugin is treated as external dep ([a2525ea](https://github.com/Atom-Learning/components/commit/a2525eaf3d64dbcfd22351ae31d98b3d2d42fef5))
|
|
44
|
+
* extend type to allow passing CSS ([261cda6](https://github.com/Atom-Learning/components/commit/261cda629c8435a8615e8b01d51fb55dd0a46d4b))
|
|
45
|
+
* fixing tests, changing div to box ([1f57a3a](https://github.com/Atom-Learning/components/commit/1f57a3a874b7049b4accb3d498dfde1563aad4cd))
|
|
46
|
+
* focus issue with next/prev buttons ([67d3de3](https://github.com/Atom-Learning/components/commit/67d3de3f5c65ed11f12588757a849bbe4601fa7d))
|
|
47
|
+
* forcing boolean to clean up logic ([eeaec16](https://github.com/Atom-Learning/components/commit/eeaec164e7ff5ad35a0f61e38dcfeadff4922a3a))
|
|
48
|
+
* introduce enum for icon ([2ce7486](https://github.com/Atom-Learning/components/commit/2ce7486b6410406e1cb67ecc3c5d7f72c4fe1949))
|
|
49
|
+
* making position more responsive, updating tests ([01d2e77](https://github.com/Atom-Learning/components/commit/01d2e77a42f78fbe8b6e8ab7d7c3702327e163c9))
|
|
50
|
+
* minor test and docs fixes ([a128057](https://github.com/Atom-Learning/components/commit/a1280573e8334c27ae58d5d63169840f1473b755))
|
|
51
|
+
* minor tweak to tests ([cfb37a0](https://github.com/Atom-Learning/components/commit/cfb37a073dbb9015e98212525385d50eda1b245f))
|
|
52
|
+
* minor update to docs ([c7a1673](https://github.com/Atom-Learning/components/commit/c7a1673f1e655177fcbe93838f84949e645e80dd))
|
|
53
|
+
* minor update to docs ([35dbedd](https://github.com/Atom-Learning/components/commit/35dbedd6a0d26001025cf28007e8c9ace8396e73))
|
|
54
|
+
* more responsive styling, mdx changes ([e18585a](https://github.com/Atom-Learning/components/commit/e18585accc31e5c62637ad4e9f922a43b10b1e9c))
|
|
55
|
+
* positioning of icon ([5f630f0](https://github.com/Atom-Learning/components/commit/5f630f0b351c21a705dcb6f042332ab130f138f3))
|
|
56
|
+
* prop name and docs example ([2e6a91e](https://github.com/Atom-Learning/components/commit/2e6a91e882402204507d24391d688f9e608f136b))
|
|
57
|
+
* proper types for validationMode ([7f6cb30](https://github.com/Atom-Learning/components/commit/7f6cb300a769a7c43670f937517528519bb4ff13))
|
|
58
|
+
* reducing height of track ([43f1f33](https://github.com/Atom-Learning/components/commit/43f1f335b8c1bb9ae06050b7ff913771b1fc5ce8))
|
|
59
|
+
* remove unnecessary box wrapper ([cd6203f](https://github.com/Atom-Learning/components/commit/cd6203fab71597d243b25b13be987e0508b462a8))
|
|
60
|
+
* remove unnecessary calendar docs, update datefield docs ([2a3ecb0](https://github.com/Atom-Learning/components/commit/2a3ecb0204b29e13f1542f65e11893eaeffad65a))
|
|
61
|
+
* remove unused babel file ([8df5e19](https://github.com/Atom-Learning/components/commit/8df5e195eb78c5462e5610cf9d8c3cf1f53c4172))
|
|
62
|
+
* remove unused code ([8019865](https://github.com/Atom-Learning/components/commit/8019865df92a86fee4f23480ec09d4dba4c18986))
|
|
63
|
+
* remove unwanted padding from container ([2d3fd00](https://github.com/Atom-Learning/components/commit/2d3fd00ccdbdc293d923b96d4a348d508b22c874))
|
|
64
|
+
* removing unneeded default value ([4db40c6](https://github.com/Atom-Learning/components/commit/4db40c656bf73b2a459dd69fcee5c0de8d705baf))
|
|
65
|
+
* rename Icon component ([ce20992](https://github.com/Atom-Learning/components/commit/ce20992e40e29a6940ef57749184871be539b0b5))
|
|
66
|
+
* rename prop and move callback into useEffect hook ([14cd086](https://github.com/Atom-Learning/components/commit/14cd086a536a937087a1088beefedd36170865fd))
|
|
67
|
+
* rename test description ([3137897](https://github.com/Atom-Learning/components/commit/313789734a3d06ac0d1e2d5e7ec159335106224b))
|
|
68
|
+
* render buttons with display: none to include them in snapshot ([9844223](https://github.com/Atom-Learning/components/commit/9844223fc29a4505620111f8427ba4c3073fe7b0))
|
|
69
|
+
* replace babel-jest ([8c1c0d4](https://github.com/Atom-Learning/components/commit/8c1c0d4dcfffe162b0effe415ef96998fb421484))
|
|
70
|
+
* replace iconwrapper for accordion ([52d93ad](https://github.com/Atom-Learning/components/commit/52d93ade51e91e9c71e21ab5d078e5ad0668705e))
|
|
71
|
+
* revalidate on date select ([a688ed8](https://github.com/Atom-Learning/components/commit/a688ed81950e751e53c686c84331226a03aa397b))
|
|
72
|
+
* revert jest to last version to stop node engine errors ([6351b74](https://github.com/Atom-Learning/components/commit/6351b74f7a29363511ed61816b29b09821000ba4))
|
|
73
|
+
* review feedback ([9237067](https://github.com/Atom-Learning/components/commit/9237067445a947e3aacde6645a03961de2708703))
|
|
74
|
+
* review feedback ([d74a333](https://github.com/Atom-Learning/components/commit/d74a3337de79f373eca066050c0f98116bd9e7e1))
|
|
75
|
+
* rotation applied to all icons and not just the arrow ([595a246](https://github.com/Atom-Learning/components/commit/595a246216ffc2bfb84c6c29806d17dcfeb8e817))
|
|
76
|
+
* search input onChange ([f13bd23](https://github.com/Atom-Learning/components/commit/f13bd23c8fd12eb32b7c41a62122206891dc9d6f))
|
|
77
|
+
* separating slidersteps component ([5d1b0af](https://github.com/Atom-Learning/components/commit/5d1b0afac6268218fd75893365fa0e8ff28095f2))
|
|
78
|
+
* separator colours and skipping behaviour ([8e85863](https://github.com/Atom-Learning/components/commit/8e85863fa36f31503cdfc67f74427ff128a77e03))
|
|
79
|
+
* slider min max bug ([2a5405f](https://github.com/Atom-Learning/components/commit/2a5405fd7ce0ef7fa13219eb4775b4fa8fc00938))
|
|
80
|
+
* snapshot test ([b364cf6](https://github.com/Atom-Learning/components/commit/b364cf66c865a875ae978393c533a1e662bec1b8))
|
|
81
|
+
* stepper being able to navigate outside bullet range when no OnComplete handler is passed ([c620481](https://github.com/Atom-Learning/components/commit/c620481fa5d41583779590c63e183f9c0532aba9))
|
|
82
|
+
* stepper types ([f7e1c20](https://github.com/Atom-Learning/components/commit/f7e1c208dbb911ccaade2bebb6cdbf49fe82f39b))
|
|
83
|
+
* stop render on empty value ([005c14c](https://github.com/Atom-Learning/components/commit/005c14c9fc819f7106ef6768ac1a1ac110af662a))
|
|
84
|
+
* tabs jump on font weight change ([219b01b](https://github.com/Atom-Learning/components/commit/219b01bbf86cc81881893b5efd925aea27c1ba93))
|
|
85
|
+
* throttle was being called in a wrong way ([bce0d0d](https://github.com/Atom-Learning/components/commit/bce0d0db6d2fc5569bec0e1eec96399fdf573d64))
|
|
86
|
+
* TS issues ([fad5121](https://github.com/Atom-Learning/components/commit/fad5121e853f6fa56368c8ec479b260e955c886b))
|
|
87
|
+
* tweaking null return logic ([528afda](https://github.com/Atom-Learning/components/commit/528afda648c8c6275414c7856ff145facd4884c2))
|
|
88
|
+
* typo on slider mdx ([45c2218](https://github.com/Atom-Learning/components/commit/45c2218bb9e21f41aea864b6ca387794bfcf06b8))
|
|
89
|
+
* unifying disabled theme styles ([14538e4](https://github.com/Atom-Learning/components/commit/14538e43f66fb1cf4d1665898c985318aaaada28))
|
|
90
|
+
* update snaps ([af59ab1](https://github.com/Atom-Learning/components/commit/af59ab1e77377fac7c71f7e785f44a81b3e24650))
|
|
91
|
+
* update theme package ([1059b45](https://github.com/Atom-Learning/components/commit/1059b45256c79fc84bc6f8659b1d32f832b93114))
|
|
92
|
+
* updating key to not be index ([26de60e](https://github.com/Atom-Learning/components/commit/26de60e4995a8cd5488a63cec03555ceb9d8d01c))
|
|
93
|
+
* updating mdx ([ce15564](https://github.com/Atom-Learning/components/commit/ce155646da9fb5dd4230b9135eaad9cd6d1824e8))
|
|
94
|
+
* updating mdx ([60604ee](https://github.com/Atom-Learning/components/commit/60604ee02f959767fdc06d15b8aceb16078918bb))
|
|
95
|
+
* updating mdx ([c433934](https://github.com/Atom-Learning/components/commit/c433934f3bc0e3377b2067d61c4a3d0b208b4bdd))
|
|
96
|
+
* updating mdx files ([f55277b](https://github.com/Atom-Learning/components/commit/f55277b47476a5614a632b09b39118d0fa3c85c0))
|
|
97
|
+
* updating readme ([959ec26](https://github.com/Atom-Learning/components/commit/959ec2629e01bbeb6781e9bcf236fb544153be86))
|
|
98
|
+
* updating readme ([4032986](https://github.com/Atom-Learning/components/commit/40329868600b456eff3e7456028e1f747817462b))
|
|
99
|
+
* updating style changes to be opt in and better typed ([3b94b09](https://github.com/Atom-Learning/components/commit/3b94b09d7ce7ac359b58149eb2cc86f49a47c740))
|
|
100
|
+
* use stitches to style the icon ([5fb3fb2](https://github.com/Atom-Learning/components/commit/5fb3fb2e5a066cc1967ca0093158a363de161ac0))
|
|
101
|
+
* yarn.lock ([a81c04a](https://github.com/Atom-Learning/components/commit/a81c04a9f8b67fc222d971c808bc9babfb708b34))
|
|
102
|
+
|
|
103
|
+
|
|
104
|
+
### Features
|
|
105
|
+
|
|
106
|
+
* add date field, finalise date input changes ([58edcfc](https://github.com/Atom-Learning/components/commit/58edcfc365ca7a5f902cdffb6f9de9c9f5c2009d))
|
|
107
|
+
* add tab scrollers which allows easy navigation if tabs length is more than available space ([cec5b04](https://github.com/Atom-Learning/components/commit/cec5b04235f2c24915050dfd71975608ddee7c86))
|
|
108
|
+
* add test:ci option to improve logs on ci ([3452dbb](https://github.com/Atom-Learning/components/commit/3452dbbf141d659a2044148712dd243729fb8916))
|
|
109
|
+
* added translation, firstDayOfWeek, test, and documentation ([ca785b4](https://github.com/Atom-Learning/components/commit/ca785b4509ee581f5ba7d916c041f8291235ad24))
|
|
110
|
+
* adding neutral outline variant ([53a793a](https://github.com/Atom-Learning/components/commit/53a793a02836a74a8e2dac481cedec2e1707fef2))
|
|
111
|
+
* adding new table variants ([8a1fcc8](https://github.com/Atom-Learning/components/commit/8a1fcc8d68f48c78fc3dfc5a9a2e9a758c9eaaf6))
|
|
112
|
+
* adding optional uppercase to tabs ([708c6f2](https://github.com/Atom-Learning/components/commit/708c6f2d5ca33988b69f2aa868fdb8543aa56d6b))
|
|
113
|
+
* additional icon variant ([7e471bc](https://github.com/Atom-Learning/components/commit/7e471bc558543f84a732bc3180bd79dde76b58aa))
|
|
114
|
+
* button neutral theme ([8bbcf1a](https://github.com/Atom-Learning/components/commit/8bbcf1a4301cb07579de485fb6789576f7fa82c1))
|
|
115
|
+
* changed new variants colors for different states ([d29b374](https://github.com/Atom-Learning/components/commit/d29b374319bf133d2525681036e9ca3cda326a86))
|
|
116
|
+
* grid max item size ([573c17e](https://github.com/Atom-Learning/components/commit/573c17e0aec90b68e636de8238f3a98922113593))
|
|
117
|
+
* initial work on calendar component ([ebc8948](https://github.com/Atom-Learning/components/commit/ebc8948b66573efcc782e29b78537d89968d43d8))
|
|
118
|
+
* initial work on date input ([4fc6827](https://github.com/Atom-Learning/components/commit/4fc682733639ce69a60e2d869cdeaaeb88f3a4c3))
|
|
119
|
+
* initial work on slider ([f5a6ea1](https://github.com/Atom-Learning/components/commit/f5a6ea11349b903ed1b05ab27dc2da0004a2a595))
|
|
120
|
+
* make it possible to show / hide close button in modal ([1c44907](https://github.com/Atom-Learning/components/commit/1c44907ad94a5ccf5c07d2b329d292ccb05a9368))
|
|
121
|
+
* no light bg for tabs ([b57cdff](https://github.com/Atom-Learning/components/commit/b57cdff08f0c5594d909bcaf2f23414b2087a06a))
|
|
122
|
+
* notification badge component ([3f93049](https://github.com/Atom-Learning/components/commit/3f930490be322df4f58e3f643d197e1d7db6d142))
|
|
123
|
+
* option to hide the chevron icon in trigger ([6cc28bf](https://github.com/Atom-Learning/components/commit/6cc28bff3dd5a25f734e860cdcbddc17e4725432))
|
|
124
|
+
* pass ref onto the ReactPlayer component so that we have access to the ReactPlayer instance ([fb2b09c](https://github.com/Atom-Learning/components/commit/fb2b09ca81e62581dcf3b5e55a8ec5722c3621dc))
|
|
125
|
+
* progress-indicator ([b2ebe20](https://github.com/Atom-Learning/components/commit/b2ebe208e0af05245c3738403bb0b6c05250f2d6))
|
|
126
|
+
* remove :before and :after for nested Text components ([55e7a9b](https://github.com/Atom-Learning/components/commit/55e7a9be37fac435a85b21c21df505be26b26e89))
|
|
127
|
+
* replace babel & terser with esbuild ([bb11c3c](https://github.com/Atom-Learning/components/commit/bb11c3cbb6d226750eaae75372e49d9afaa05606))
|
|
128
|
+
* **SearchInput:** added clear functionality ([8c0fc32](https://github.com/Atom-Learning/components/commit/8c0fc3240cfaeb50df231da383a448eabd509d75))
|
|
129
|
+
* show / hide scroller buttons based on scroll position ([a6c7e49](https://github.com/Atom-Learning/components/commit/a6c7e49b0851415fc90e4c8d401b6926bacdd719))
|
|
130
|
+
* simplifying output label to callback ([fcf0eb2](https://github.com/Atom-Learning/components/commit/fcf0eb2c0d88dfbc6c8b17c8831ba022de537539))
|
|
131
|
+
* slider step functionality ([ec0d308](https://github.com/Atom-Learning/components/commit/ec0d308c6f106aed3ba6f130bb163990c923adf9))
|
|
132
|
+
* slider value label ([9645dc9](https://github.com/Atom-Learning/components/commit/9645dc9abb3c7dc2fd96212b6c4b395cdc206b89))
|
|
133
|
+
* slider.steps component, composition change ([5be643f](https://github.com/Atom-Learning/components/commit/5be643f7caa9db1dcc91bb3c6537dc87458512ed))
|
|
134
|
+
* sliderfield component added ([3536925](https://github.com/Atom-Learning/components/commit/35369251f41ddd74bfe491ea5022bd60ab7a2c42))
|
|
135
|
+
* support multiple values, updating mdx ([a01bfab](https://github.com/Atom-Learning/components/commit/a01bfab5635b6a0710cb997bc4794fd69299f025))
|
|
136
|
+
* tab scroll percentage ([06240fb](https://github.com/Atom-Learning/components/commit/06240fb093d760121ab18ed053f826e37d42cb94))
|
|
137
|
+
* update slider api ([d752c75](https://github.com/Atom-Learning/components/commit/d752c751395313cd6fa499c26f5ed342d6b4bbe3))
|
|
138
|
+
* update to preset-small-lib to improve performance ([431da9c](https://github.com/Atom-Learning/components/commit/431da9ced8916e0ebc90dc064d200adcb1c25384))
|
|
139
|
+
* WIP update packages and improve keyboard accessibility ([e0f5f9d](https://github.com/Atom-Learning/components/commit/e0f5f9dfa989e74c3ada486b16785ebb7f0d7c8e))
|
|
140
|
+
|
|
141
|
+
|
|
142
|
+
### Reverts
|
|
143
|
+
|
|
144
|
+
* remove showChevron option ([e9b928c](https://github.com/Atom-Learning/components/commit/e9b928c53e23431563719624cb77b244a79e73b9))
|
|
145
|
+
|
|
146
|
+
# [1.4.0](https://github.com/Atom-Learning/components/compare/v1.3.1...v1.4.0) (2021-12-03)
|
|
147
|
+
|
|
148
|
+
# [1.3.1](https://github.com/Atom-Learning/components/compare/v1.3.0...v1.3.1) (2021-11-25)
|
|
149
|
+
|
|
150
|
+
# [1.3.0](https://github.com/Atom-Learning/components/compare/v1.2.3...v1.3.0) (2021-11-23)
|
|
151
|
+
|
|
152
|
+
# [1.2.3](https://github.com/Atom-Learning/components/compare/v1.2.2...v1.2.3) (2021-11-16)
|
|
153
|
+
|
|
154
|
+
# [1.2.2](https://github.com/Atom-Learning/components/compare/v1.2.1...v1.2.2) (2021-11-12)
|
|
155
|
+
|
|
156
|
+
# [1.2.1](https://github.com/Atom-Learning/components/compare/v1.2.0...v1.2.1) (2021-11-11)
|
|
157
|
+
|
|
158
|
+
# [1.2.0](https://github.com/Atom-Learning/components/compare/v1.1.1...v1.2.0) (2021-11-10)
|
|
159
|
+
|
|
160
|
+
|
|
161
|
+
### Bug Fixes
|
|
162
|
+
|
|
163
|
+
* adding TODO on type ([e928651](https://github.com/Atom-Learning/components/commit/e928651928291f8a9b639c8fa6c348b1bafe6513))
|
|
164
|
+
* few changes from PR ([e0f75a1](https://github.com/Atom-Learning/components/commit/e0f75a1788af1e23ec6efdfdd24f2788d73d33b0))
|
|
165
|
+
* fixing small error on documentation ([3be573a](https://github.com/Atom-Learning/components/commit/3be573a7584cbe8470a0db0186302e3e39e8734b))
|
|
166
|
+
|
|
167
|
+
|
|
168
|
+
### Features
|
|
169
|
+
|
|
170
|
+
* adding accordion component ([60eac3c](https://github.com/Atom-Learning/components/commit/60eac3c47e3ce48371af624ff1ec0b6477b86823))
|
|
171
|
+
|
|
172
|
+
## [1.1.1](https://github.com/Atom-Learning/components/compare/v1.1.0...v1.1.1) (2021-11-10)
|
|
173
|
+
|
|
174
|
+
|
|
175
|
+
### Bug Fixes
|
|
176
|
+
|
|
177
|
+
* update snapshot ([e71c8a4](https://github.com/Atom-Learning/components/commit/e71c8a4f03227a29eeefca9d2afd7b6355a3ed46))
|
|
178
|
+
|
|
179
|
+
# [1.1.0](https://github.com/Atom-Learning/components/compare/v1.0.2...v1.1.0) (2021-11-05)
|
|
180
|
+
|
|
181
|
+
|
|
182
|
+
### Features
|
|
183
|
+
|
|
184
|
+
* update dropdown item styles ([6bf229f](https://github.com/Atom-Learning/components/commit/6bf229fbfa9cffaaa74fda5d3629636a926a3404))
|
|
185
|
+
|
|
186
|
+
## [1.0.2](https://github.com/Atom-Learning/components/compare/v1.0.1...v1.0.2) (2021-11-02)
|
|
187
|
+
|
|
188
|
+
|
|
189
|
+
### Bug Fixes
|
|
190
|
+
|
|
191
|
+
* reinstate as type on heading and text ([1ec5ca7](https://github.com/Atom-Learning/components/commit/1ec5ca7d7ae09664bbd662cc21fee7784cf1bb3c))
|
|
192
|
+
* remove redundant flex styles for block Label ([54715ff](https://github.com/Atom-Learning/components/commit/54715ffc938231b4569a3ce4813c2e25d5404988))
|
|
193
|
+
* remove unnecessary overridden as & size types ([985231a](https://github.com/Atom-Learning/components/commit/985231a9259005a6b44cdfe20ba786f942dba81c))
|
|
194
|
+
|
|
195
|
+
## [1.0.1](https://github.com/Atom-Learning/components/compare/v1.0.0...v1.0.1) (2021-11-02)
|
|
196
|
+
|
|
197
|
+
|
|
198
|
+
### Bug Fixes
|
|
199
|
+
|
|
200
|
+
* remove cursor pointer from disabled tab ([34c283f](https://github.com/Atom-Learning/components/commit/34c283f70ce73d0ca2b2886e495bcece5475097c))
|
|
201
|
+
|
|
202
|
+
# 1.0.0 (2021-10-22)
|
|
203
|
+
|
|
204
|
+
- Initial release 🎉
|
|
205
|
+
|
|
206
|
+
# Changelog
|
|
207
|
+
|
|
208
|
+
All notable changes to this project will be documented in this file.
|
|
209
|
+
|
|
210
|
+
_NOTE: THIS FILE IS AUTOMATICALLY UPDATED_
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import*as m from"@radix-ui/react-navigation-menu";import t from"react";import{MAX_Z_INDEX as
|
|
1
|
+
import*as m from"@radix-ui/react-navigation-menu";import t from"react";import{MAX_Z_INDEX as M}from"../../constants/zIndices.js";import{keyframes as D,styled as n}from"../../stitches.js";import{fadeOut as h}from"../../utilities/style/keyframe-animations.js";import{NavigationMenuContext as E}from"./NavigationMenuContext.js";import{NavigationMenuDropdown as x}from"./NavigationMenuDropdown.js";import{NavigationMenuDropdownContent as C}from"./NavigationMenuDropdownContent.js";import{NavigationMenuDropdownItem as I,NavigationMenuDropdownItemTitle as $}from"./NavigationMenuDropdownItem.js";import{NavigationMenuDropdownTrigger as T}from"./NavigationMenuDropdownTrigger.js";import{NavigationMenuLink as L}from"./NavigationMenuLink.js";import{colorSchemes as S}from"./stitches.navigationMenu.colorscheme.config.js";const _=D({"0%, 50%":{opacity:0},"100%":{opacity:1}}),k=n(m.Root,{display:"flex",justifyContent:"center",position:"relative"}),W=n(m.List,{all:"unset",display:"flex",justifyContent:"center",alignItems:"center",gap:"$1",listStyle:"none"}),j=n(m.Viewport,{zIndex:M}),V=n("div",{position:"absolute",left:0,top:"100%",width:"100%",display:"flex",justifyContent:"center"}),o=({children:f,css:p,...u})=>{const[d,l]=t.useState(),[r,c]=t.useState(),[i,g]=t.useState(0),a=t.useRef(null),s=200;t.useLayoutEffect(()=>{a.current&&g(a.current.offsetWidth)},[]),t.useEffect(()=>{let e;return r===""&&(e=setTimeout(()=>l(null),s)),()=>{e!==null&&clearTimeout(e)}},[r]);const y=(e,v)=>{if(e&&i&&r===v){const N=i/2,w=i-e.offsetLeft-e.offsetWidth+e.offsetWidth/2;l(Math.round(N-w))}return e};return t.createElement(E.Provider,{value:{onNodeUpdate:y}},t.createElement(k,{className:S.light,onValueChange:c,css:p,...u},t.createElement(W,{ref:a},f),t.createElement(V,null,t.createElement(j,{css:{transform:`translateX(${d||0}px)`,'&[data-state="open"]':{animation:`${_} ${s}ms ease`},'&[data-state="closed"]':{animation:`${h} ${s}ms ease-out`}}}))))};o.Link=L,o.Dropdown=x,o.DropdownContent=C,o.DropdownItem=I,o.DropdownItemTitle=$,o.DropdownTrigger=T,o.displayName="NavigationMenu";export{o as NavigationMenu};
|
|
2
2
|
//# sourceMappingURL=NavigationMenu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavigationMenu.js","sources":["../../../src/components/navigation/NavigationMenu.tsx"],"sourcesContent":["import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\nimport React from 'react'\n\nimport { MAX_Z_INDEX } from '~/constants/zIndices'\nimport { CSS, keyframes, styled } from '~/stitches'\nimport { fadeOut } from '~/utilities/style/keyframe-animations'\n\nimport { NavigationMenuContext } from './NavigationMenuContext'\nimport { NavigationMenuDropdown } from './NavigationMenuDropdown'\nimport { NavigationMenuDropdownContent } from './NavigationMenuDropdownContent'\nimport {\n NavigationMenuDropdownItem,\n NavigationMenuDropdownItemTitle\n} from './NavigationMenuDropdownItem'\nimport { NavigationMenuDropdownTrigger } from './NavigationMenuDropdownTrigger'\nimport { NavigationMenuLink } from './NavigationMenuLink'\n\ntype NavigationMenuSubComponents = {\n Link: typeof NavigationMenuLink\n Dropdown: typeof NavigationMenuDropdown\n DropdownContent: typeof NavigationMenuDropdownContent\n DropdownItem: typeof NavigationMenuDropdownItem\n DropdownItemTitle: typeof NavigationMenuDropdownItemTitle\n DropdownTrigger: typeof NavigationMenuDropdownTrigger\n}\n\nconst delayedFadeIn = keyframes({\n '0%, 50%': { opacity: 0 },\n '100%': { opacity: 1 }\n})\n\nconst StyledMenu = styled(NavigationMenuPrimitive.Root, {\n display: 'flex',\n justifyContent: 'center',\n position: 'relative'\n})\n\nconst StyledList = styled(NavigationMenuPrimitive.List, {\n all: 'unset',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n gap: '$1',\n listStyle: 'none'\n})\n\nconst StyledViewport = styled(NavigationMenuPrimitive.Viewport, {\n zIndex: MAX_Z_INDEX\n})\n\nconst ViewportPosition = styled('div', {\n position: 'absolute',\n left: 0,\n top: '100%',\n width: '100%',\n display: 'flex',\n justifyContent: 'center'\n})\n\ntype NavigationMenuProps = React.ComponentProps<typeof StyledMenu>\n\nexport const NavigationMenu: React.FC<NavigationMenuProps> &\n NavigationMenuSubComponents = ({ children, css, ...props }) => {\n const [offset, setOffset] = React.useState<number | null | undefined>()\n const [activeItem, setActiveItem] = React.useState<string | undefined>()\n const [listWidth, setListWidth] = React.useState(0)\n const listRef = React.useRef<HTMLUListElement>(null)\n const fadeDuration = 200\n\n React.useLayoutEffect(() => {\n if (listRef.current) {\n setListWidth(listRef.current.offsetWidth)\n }\n }, [])\n\n React.useEffect(() => {\n let timer: NodeJS.Timer\n\n // Delay transitioning back to initial position\n // to allow enough time for fadeOut animation to complete\n if (activeItem === '') {\n timer = setTimeout(() => setOffset(null), fadeDuration)\n }\n\n return () => {\n if (timer !== null) {\n clearTimeout(timer)\n }\n }\n }, [activeItem])\n\n // https://github.com/radix-ui/primitives/issues/1462\n const onNodeUpdate = (trigger: HTMLButtonElement, itemValue: string) => {\n if (trigger && listWidth && activeItem === itemValue) {\n const listCenter = listWidth / 2\n\n const triggerOffsetRight =\n listWidth -\n trigger.offsetLeft -\n trigger.offsetWidth +\n trigger.offsetWidth / 2\n\n setOffset(Math.round(listCenter - triggerOffsetRight))\n }\n\n return trigger\n }\n\n return (\n <NavigationMenuContext.Provider value={{ onNodeUpdate }}>\n <StyledMenu
|
|
1
|
+
{"version":3,"file":"NavigationMenu.js","sources":["../../../src/components/navigation/NavigationMenu.tsx"],"sourcesContent":["import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\nimport React from 'react'\n\nimport { MAX_Z_INDEX } from '~/constants/zIndices'\nimport { CSS, keyframes, styled } from '~/stitches'\nimport { fadeOut } from '~/utilities/style/keyframe-animations'\n\nimport { NavigationMenuContext } from './NavigationMenuContext'\nimport { NavigationMenuDropdown } from './NavigationMenuDropdown'\nimport { NavigationMenuDropdownContent } from './NavigationMenuDropdownContent'\nimport {\n NavigationMenuDropdownItem,\n NavigationMenuDropdownItemTitle\n} from './NavigationMenuDropdownItem'\nimport { NavigationMenuDropdownTrigger } from './NavigationMenuDropdownTrigger'\nimport { NavigationMenuLink } from './NavigationMenuLink'\nimport { colorSchemes as navigationMenuColorSchemes } from './stitches.navigationMenu.colorscheme.config'\n\ntype NavigationMenuSubComponents = {\n Link: typeof NavigationMenuLink\n Dropdown: typeof NavigationMenuDropdown\n DropdownContent: typeof NavigationMenuDropdownContent\n DropdownItem: typeof NavigationMenuDropdownItem\n DropdownItemTitle: typeof NavigationMenuDropdownItemTitle\n DropdownTrigger: typeof NavigationMenuDropdownTrigger\n}\n\nconst delayedFadeIn = keyframes({\n '0%, 50%': { opacity: 0 },\n '100%': { opacity: 1 }\n})\n\nconst StyledMenu = styled(NavigationMenuPrimitive.Root, {\n display: 'flex',\n justifyContent: 'center',\n position: 'relative'\n})\n\nconst StyledList = styled(NavigationMenuPrimitive.List, {\n all: 'unset',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n gap: '$1',\n listStyle: 'none'\n})\n\nconst StyledViewport = styled(NavigationMenuPrimitive.Viewport, {\n zIndex: MAX_Z_INDEX\n})\n\nconst ViewportPosition = styled('div', {\n position: 'absolute',\n left: 0,\n top: '100%',\n width: '100%',\n display: 'flex',\n justifyContent: 'center'\n})\n\ntype NavigationMenuProps = React.ComponentProps<typeof StyledMenu>\n\nexport const NavigationMenu: React.FC<NavigationMenuProps> &\n NavigationMenuSubComponents = ({ children, css, ...props }) => {\n const [offset, setOffset] = React.useState<number | null | undefined>()\n const [activeItem, setActiveItem] = React.useState<string | undefined>()\n const [listWidth, setListWidth] = React.useState(0)\n const listRef = React.useRef<HTMLUListElement>(null)\n const fadeDuration = 200\n\n React.useLayoutEffect(() => {\n if (listRef.current) {\n setListWidth(listRef.current.offsetWidth)\n }\n }, [])\n\n React.useEffect(() => {\n let timer: NodeJS.Timer\n\n // Delay transitioning back to initial position\n // to allow enough time for fadeOut animation to complete\n if (activeItem === '') {\n timer = setTimeout(() => setOffset(null), fadeDuration)\n }\n\n return () => {\n if (timer !== null) {\n clearTimeout(timer)\n }\n }\n }, [activeItem])\n\n // https://github.com/radix-ui/primitives/issues/1462\n const onNodeUpdate = (trigger: HTMLButtonElement, itemValue: string) => {\n if (trigger && listWidth && activeItem === itemValue) {\n const listCenter = listWidth / 2\n\n const triggerOffsetRight =\n listWidth -\n trigger.offsetLeft -\n trigger.offsetWidth +\n trigger.offsetWidth / 2\n\n setOffset(Math.round(listCenter - triggerOffsetRight))\n }\n\n return trigger\n }\n\n return (\n <NavigationMenuContext.Provider value={{ onNodeUpdate }}>\n <StyledMenu\n className={navigationMenuColorSchemes['light']}\n onValueChange={setActiveItem}\n css={css}\n {...props}\n >\n <StyledList ref={listRef}>{children}</StyledList>\n <ViewportPosition>\n <StyledViewport\n css={{\n transform: `translateX(${offset || 0}px)`,\n '&[data-state=\"open\"]': {\n animation: `${delayedFadeIn} ${fadeDuration}ms ease`\n },\n '&[data-state=\"closed\"]': {\n animation: `${fadeOut} ${fadeDuration}ms ease-out`\n }\n }}\n />\n </ViewportPosition>\n </StyledMenu>\n </NavigationMenuContext.Provider>\n )\n}\n\nNavigationMenu.Link = NavigationMenuLink\nNavigationMenu.Dropdown = NavigationMenuDropdown\nNavigationMenu.DropdownContent = NavigationMenuDropdownContent\nNavigationMenu.DropdownItem = NavigationMenuDropdownItem\nNavigationMenu.DropdownItemTitle = NavigationMenuDropdownItemTitle\nNavigationMenu.DropdownTrigger = NavigationMenuDropdownTrigger\n\nNavigationMenu.displayName = 'NavigationMenu'\n"],"names":["delayedFadeIn","keyframes","StyledMenu","styled","NavigationMenuPrimitive","StyledList","StyledViewport","MAX_Z_INDEX","ViewportPosition","NavigationMenu","children","css","props","offset","setOffset","React","activeItem","setActiveItem","listWidth","setListWidth","listRef","fadeDuration","timer","onNodeUpdate","trigger","itemValue","listCenter","triggerOffsetRight","NavigationMenuContext","navigationMenuColorSchemes","fadeOut","NavigationMenuLink","NavigationMenuDropdown","NavigationMenuDropdownContent","NavigationMenuDropdownItem","NavigationMenuDropdownItemTitle","NavigationMenuDropdownTrigger"],"mappings":"8yBA2BA,MAAMA,EAAgBC,EAAU,CAC9B,UAAW,CAAE,QAAS,CAAE,EACxB,OAAQ,CAAE,QAAS,CAAE,CACvB,CAAC,EAEKC,EAAaC,EAAOC,EAAwB,KAAM,CACtD,QAAS,OACT,eAAgB,SAChB,SAAU,UACZ,CAAC,EAEKC,EAAaF,EAAOC,EAAwB,KAAM,CACtD,IAAK,QACL,QAAS,OACT,eAAgB,SAChB,WAAY,SACZ,IAAK,KACL,UAAW,MACb,CAAC,EAEKE,EAAiBH,EAAOC,EAAwB,SAAU,CAC9D,OAAQG,CACV,CAAC,EAEKC,EAAmBL,EAAO,MAAO,CACrC,SAAU,WACV,KAAM,EACN,IAAK,OACL,MAAO,OACP,QAAS,OACT,eAAgB,QAClB,CAAC,EAIYM,EACmB,CAAC,CAAE,SAAAC,EAAU,IAAAC,KAAQC,CAAM,IAAM,CAC/D,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAM,WAC5B,CAACC,EAAYC,CAAa,EAAIF,EAAM,SACpC,EAAA,CAACG,EAAWC,CAAY,EAAIJ,EAAM,SAAS,CAAC,EAC5CK,EAAUL,EAAM,OAAyB,IAAI,EAC7CM,EAAe,IAErBN,EAAM,gBAAgB,IAAM,CACtBK,EAAQ,SACVD,EAAaC,EAAQ,QAAQ,WAAW,CAE5C,EAAG,CAAA,CAAE,EAELL,EAAM,UAAU,IAAM,CACpB,IAAIO,EAIJ,OAAIN,IAAe,KACjBM,EAAQ,WAAW,IAAMR,EAAU,IAAI,EAAGO,CAAY,GAGjD,IAAM,CACPC,IAAU,MACZ,aAAaA,CAAK,CAEtB,CACF,EAAG,CAACN,CAAU,CAAC,EAGf,MAAMO,EAAe,CAACC,EAA4BC,IAAsB,CACtE,GAAID,GAAWN,GAAaF,IAAeS,EAAW,CACpD,MAAMC,EAAaR,EAAY,EAEzBS,EACJT,EACAM,EAAQ,WACRA,EAAQ,YACRA,EAAQ,YAAc,EAExBV,EAAU,KAAK,MAAMY,EAAaC,CAAkB,CAAC,CACvD,CAEA,OAAOH,CACT,EAEA,OACET,EAAA,cAACa,EAAsB,SAAtB,CAA+B,MAAO,CAAE,aAAAL,CAAa,GACpDR,EAAA,cAACb,EAAA,CACC,UAAW2B,EAA2B,MACtC,cAAeZ,EACf,IAAKN,EACJ,GAAGC,CAAAA,EAEJG,EAAA,cAACV,EAAA,CAAW,IAAKe,CAAUV,EAAAA,CAAS,EACpCK,EAAA,cAACP,EAAA,KACCO,EAAA,cAACT,EAAA,CACC,IAAK,CACH,UAAW,cAAcO,GAAU,OACnC,uBAAwB,CACtB,UAAW,GAAGb,KAAiBqB,UACjC,EACA,yBAA0B,CACxB,UAAW,GAAGS,KAAWT,cAC3B,CACF,EACF,CACF,CACF,CACF,CAEJ,EAEAZ,EAAe,KAAOsB,EACtBtB,EAAe,SAAWuB,EAC1BvB,EAAe,gBAAkBwB,EACjCxB,EAAe,aAAeyB,EAC9BzB,EAAe,kBAAoB0B,EACnC1B,EAAe,gBAAkB2B,EAEjC3B,EAAe,YAAc"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const o={background:"none",color:"$
|
|
1
|
+
const o={background:"none",color:"$text",opacity:"30%",cursor:"default"},e={all:"unset",position:"relative",color:"$text",outline:"none",cursor:"pointer",fontFamily:"$body",userSelect:"none",padding:"$3",borderRadius:"$1",background:"$background","&:hover":{background:"$backgroundHover",color:"$textHover"},"&:active":{background:"$backgroundActive",color:"$textActive"},"&:focus-visible":{boxShadow:"inset 0 0 0 2px $colors$primary"},"&:disabled":{...o}},t={fontWeight:"600",color:"$itemTextSelected","&::after":{backgroundColor:"$itemBackgroundSelected",borderRadius:"$1",bottom:0,content:"",display:"block",height:"2px",left:"50%",position:"absolute",transform:"translate(-50%,0)",width:"$2"}};export{t as navigationMenuActiveItemStyles,e as navigationMenuBaseItemStyles,o as navigationMenuDisabledItemStyles};
|
|
2
2
|
//# sourceMappingURL=NavigationMenu.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavigationMenu.styles.js","sources":["../../../src/components/navigation/NavigationMenu.styles.ts"],"sourcesContent":["export const navigationMenuDisabledItemStyles = {\n background: 'none',\n color: '$
|
|
1
|
+
{"version":3,"file":"NavigationMenu.styles.js","sources":["../../../src/components/navigation/NavigationMenu.styles.ts"],"sourcesContent":["export const navigationMenuDisabledItemStyles = {\n background: 'none',\n color: '$text',\n opacity: '30%',\n cursor: 'default'\n}\n\nexport const navigationMenuBaseItemStyles = {\n all: 'unset',\n position: 'relative',\n color: '$text',\n outline: 'none',\n cursor: 'pointer',\n fontFamily: '$body',\n userSelect: 'none',\n padding: '$3',\n borderRadius: '$1',\n background: '$background',\n '&:hover': { background: '$backgroundHover', color: '$textHover' },\n '&:active': {\n background: '$backgroundActive',\n color: '$textActive'\n },\n '&:focus-visible': {\n boxShadow: 'inset 0 0 0 2px $colors$primary'\n },\n '&:disabled': {\n ...navigationMenuDisabledItemStyles\n }\n}\n\nexport const navigationMenuActiveItemStyles = {\n fontWeight: '600',\n color: '$itemTextSelected',\n '&::after': {\n backgroundColor: '$itemBackgroundSelected',\n borderRadius: '$1',\n bottom: 0,\n content: '',\n display: 'block',\n height: '2px',\n left: '50%',\n position: 'absolute',\n transform: 'translate(-50%,0)',\n width: '$2'\n }\n}\n"],"names":["navigationMenuDisabledItemStyles","navigationMenuBaseItemStyles","navigationMenuActiveItemStyles"],"mappings":"AAAO,MAAMA,EAAmC,CAC9C,WAAY,OACZ,MAAO,QACP,QAAS,MACT,OAAQ,SACV,EAEaC,EAA+B,CAC1C,IAAK,QACL,SAAU,WACV,MAAO,QACP,QAAS,OACT,OAAQ,UACR,WAAY,QACZ,WAAY,OACZ,QAAS,KACT,aAAc,KACd,WAAY,cACZ,UAAW,CAAE,WAAY,mBAAoB,MAAO,YAAa,EACjE,WAAY,CACV,WAAY,oBACZ,MAAO,aACT,EACA,kBAAmB,CACjB,UAAW,iCACb,EACA,aAAc,CACZ,GAAGD,CACL,CACF,EAEaE,EAAiC,CAC5C,WAAY,MACZ,MAAO,oBACP,WAAY,CACV,gBAAiB,0BACjB,aAAc,KACd,OAAQ,EACR,QAAS,GACT,QAAS,QACT,OAAQ,MACR,KAAM,MACN,SAAU,WACV,UAAW,oBACX,MAAO,IACT,CACF"}
|
|
@@ -319,6 +319,6 @@ declare const StyledContent: import("@stitches/react/types/styled-component").St
|
|
|
319
319
|
marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
|
|
320
320
|
};
|
|
321
321
|
}>>;
|
|
322
|
-
declare type NavigationMenuDropdownContentProps = typeof StyledContent
|
|
322
|
+
declare type NavigationMenuDropdownContentProps = React.ComponentProps<typeof StyledContent>;
|
|
323
323
|
export declare const NavigationMenuDropdownContent: React.FC<NavigationMenuDropdownContentProps>;
|
|
324
324
|
export {};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import*as
|
|
1
|
+
import*as i from"@radix-ui/react-navigation-menu";import o from"react";import{styled as e}from"../../stitches.js";import{preventEvent as n}from"../../utilities/event/preventEvent.js";const p=e("ul",{listStyle:"none",m:0,p:0}),m=e(i.Content,{p:"$3",bg:"$dropdownBackground",mt:"4px",boxShadow:"$1",borderRadius:"$1"}),t=({children:r,...a})=>o.createElement(m,{onPointerMove:n,onPointerLeave:n,...a},o.createElement(p,null,r));t.displayName="NavigationMenuDropdownContent";export{t as NavigationMenuDropdownContent};
|
|
2
2
|
//# sourceMappingURL=NavigationMenuDropdownContent.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavigationMenuDropdownContent.js","sources":["../../../src/components/navigation/NavigationMenuDropdownContent.tsx"],"sourcesContent":["import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\nimport React from 'react'\n\nimport { styled } from '~/stitches'\nimport { preventEvent } from '~/utilities/event'\n\nconst StyledList = styled('ul', {\n listStyle: 'none',\n m: 0,\n p: 0\n})\n\nconst StyledContent = styled(NavigationMenuPrimitive.Content, {\n p: '$3',\n bg: '
|
|
1
|
+
{"version":3,"file":"NavigationMenuDropdownContent.js","sources":["../../../src/components/navigation/NavigationMenuDropdownContent.tsx"],"sourcesContent":["import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\nimport React from 'react'\n\nimport { styled } from '~/stitches'\nimport { preventEvent } from '~/utilities/event'\n\nconst StyledList = styled('ul', {\n listStyle: 'none',\n m: 0,\n p: 0\n})\n\nconst StyledContent = styled(NavigationMenuPrimitive.Content, {\n p: '$3',\n bg: '$dropdownBackground',\n mt: '4px',\n boxShadow: '$1',\n borderRadius: '$1'\n})\n\ntype NavigationMenuDropdownContentProps = React.ComponentProps<\n typeof StyledContent\n>\n\nexport const NavigationMenuDropdownContent: React.FC<\n NavigationMenuDropdownContentProps\n> = ({ children, ...rest }) => (\n <StyledContent\n onPointerMove={preventEvent}\n onPointerLeave={preventEvent}\n {...rest}\n >\n <StyledList>{children}</StyledList>\n </StyledContent>\n)\n\nNavigationMenuDropdownContent.displayName = 'NavigationMenuDropdownContent'\n"],"names":["StyledList","styled","StyledContent","NavigationMenuPrimitive","NavigationMenuDropdownContent","children","rest","React","preventEvent"],"mappings":"uLAMA,MAAMA,EAAaC,EAAO,KAAM,CAC9B,UAAW,OACX,EAAG,EACH,EAAG,CACL,CAAC,EAEKC,EAAgBD,EAAOE,EAAwB,QAAS,CAC5D,EAAG,KACH,GAAI,sBACJ,GAAI,MACJ,UAAW,KACX,aAAc,IAChB,CAAC,EAMYC,EAET,CAAC,CAAE,SAAAC,KAAaC,CAAK,IACvBC,EAAA,cAACL,EAAA,CACC,cAAeM,EACf,eAAgBA,EACf,GAAGF,CAAAA,EAEJC,EAAA,cAACP,EAAA,KAAYK,CAAS,CACxB,EAGFD,EAA8B,YAAc"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{ChevronDown as s}from"@atom-learning/icons";import*as m from"@radix-ui/react-navigation-menu";import e from"react";import{styled as
|
|
1
|
+
import{ChevronDown as s}from"@atom-learning/icons";import*as m from"@radix-ui/react-navigation-menu";import e from"react";import{styled as p}from"../../stitches.js";import{Icon as d}from"../icon/Icon.js";import{navigationMenuBaseItemStyles as f,navigationMenuActiveItemStyles as c}from"./NavigationMenu.styles.js";import{preventEvent as t}from"../../utilities/event/preventEvent.js";const g=p(m.Trigger,f,{display:"flex",alignItems:"center",borderRadius:"$1",justifyContent:"space-between",'&[data-state="open"]':{background:"$triggerBackgroundOpen"},variants:{active:{true:{...c}}}}),r=e.forwardRef(({children:o,active:n,...a},i)=>e.createElement(g,{active:n,...a,ref:i,onPointerMove:t,onPointerLeave:t},o,e.createElement(d,{is:s,css:{ml:"$1","[data-state=open] &":{transform:"rotate(-180deg)"},"@media (prefers-reduced-motion: no-preference)":{transition:"transform .2s ease"}},size:"sm"})));r.displayName="NavigationMenuDropdownTrigger";export{r as NavigationMenuDropdownTrigger};
|
|
2
2
|
//# sourceMappingURL=NavigationMenuDropdownTrigger.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavigationMenuDropdownTrigger.js","sources":["../../../src/components/navigation/NavigationMenuDropdownTrigger.tsx"],"sourcesContent":["import { ChevronDown } from '@atom-learning/icons'\nimport * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\nimport React from 'react'\n\nimport { styled } from '~/stitches'\nimport { preventEvent } from '~/utilities/event'\n\nimport { Icon } from '../icon'\nimport {\n navigationMenuActiveItemStyles,\n navigationMenuBaseItemStyles\n} from './NavigationMenu.styles'\n\nconst StyledTrigger = styled(\n NavigationMenuPrimitive.Trigger,\n navigationMenuBaseItemStyles,\n {\n display: 'flex',\n alignItems: 'center',\n borderRadius: '$1',\n justifyContent: 'space-between',\n '&[data-state=\"open\"]': {\n background: '$
|
|
1
|
+
{"version":3,"file":"NavigationMenuDropdownTrigger.js","sources":["../../../src/components/navigation/NavigationMenuDropdownTrigger.tsx"],"sourcesContent":["import { ChevronDown } from '@atom-learning/icons'\nimport * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\nimport React from 'react'\n\nimport { styled } from '~/stitches'\nimport { preventEvent } from '~/utilities/event'\n\nimport { Icon } from '../icon'\nimport {\n navigationMenuActiveItemStyles,\n navigationMenuBaseItemStyles\n} from './NavigationMenu.styles'\n\nconst StyledTrigger = styled(\n NavigationMenuPrimitive.Trigger,\n navigationMenuBaseItemStyles,\n {\n display: 'flex',\n alignItems: 'center',\n borderRadius: '$1',\n justifyContent: 'space-between',\n '&[data-state=\"open\"]': {\n background: '$triggerBackgroundOpen'\n },\n variants: {\n active: { true: { ...navigationMenuActiveItemStyles } }\n }\n }\n)\n\nexport const NavigationMenuDropdownTrigger = React.forwardRef<\n HTMLButtonElement,\n React.PropsWithChildren<{ active?: boolean }>\n>(({ children, active, ...props }, forwardedRef) => (\n <StyledTrigger\n active={active}\n {...props}\n ref={forwardedRef}\n onPointerMove={preventEvent}\n onPointerLeave={preventEvent}\n >\n {children}\n <Icon\n is={ChevronDown}\n css={{\n ml: '$1',\n '[data-state=open] &': { transform: 'rotate(-180deg)' },\n '@media (prefers-reduced-motion: no-preference)': {\n transition: 'transform .2s ease'\n }\n }}\n size=\"sm\"\n />\n </StyledTrigger>\n))\n\nNavigationMenuDropdownTrigger.displayName = 'NavigationMenuDropdownTrigger'\n"],"names":["StyledTrigger","styled","NavigationMenuPrimitive","navigationMenuBaseItemStyles","navigationMenuActiveItemStyles","NavigationMenuDropdownTrigger","React","children","active","props","forwardedRef","preventEvent","Icon","ChevronDown"],"mappings":"+XAaA,MAAMA,EAAgBC,EACpBC,EAAwB,QACxBC,EACA,CACE,QAAS,OACT,WAAY,SACZ,aAAc,KACd,eAAgB,gBAChB,uBAAwB,CACtB,WAAY,wBACd,EACA,SAAU,CACR,OAAQ,CAAE,KAAM,CAAE,GAAGC,CAA+B,CAAE,CACxD,CACF,CACF,EAEaC,EAAgCC,EAAM,WAGjD,CAAC,CAAE,SAAAC,EAAU,OAAAC,KAAWC,CAAM,EAAGC,IACjCJ,EAAA,cAACN,EAAA,CACC,OAAQQ,EACP,GAAGC,EACJ,IAAKC,EACL,cAAeC,EACf,eAAgBA,CAAAA,EAEfJ,EACDD,EAAA,cAACM,EAAA,CACC,GAAIC,EACJ,IAAK,CACH,GAAI,KACJ,sBAAuB,CAAE,UAAW,iBAAkB,EACtD,iDAAkD,CAChD,WAAY,oBACd,CACF,EACA,KAAK,IAAA,CACP,CACF,CACD,EAEDR,EAA8B,YAAc"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import*as
|
|
1
|
+
import*as n from"@radix-ui/react-navigation-menu";import e from"react";import{styled as t}from"../../stitches.js";import{getExternalAnchorProps as u}from"../../utilities/uri/index.js";import{navigationMenuBaseItemStyles as i,navigationMenuDisabledItemStyles as v,navigationMenuActiveItemStyles as b}from"./NavigationMenu.styles.js";const g=t("button",{...i,...v}),p=t(n.Item),k=t(n.Link,i,{display:"block",textDecoration:"none",lineHeight:1,variants:{elementType:{dropdownItem:{"&[data-active]":{background:"$backgroundSelected",color:"$textSelected","&:hover":{background:"$backgroundSelectedHover",color:"$textSelectedHover"},"&:active":{background:"$backgroundSelectedPressed",color:"$textSelectedPressed"},"&:focus-visible":{boxShadow:"0 0 0 2px $colors$primary",color:"$textSelectedFocus"}}},link:{"&[data-active]":{...b}}}}}),l=e.forwardRef(({children:o,href:r,disabled:c,css:d,variant:s="link",...a},m)=>e.createElement(p,null,c?e.createElement(g,{disabled:!0,...a},o):e.createElement(k,{href:r,ref:m,elementType:s,css:d,...u(r),...a},o)));l.displayName="NavigationMenuLink";export{l as NavigationMenuLink};
|
|
2
2
|
//# sourceMappingURL=NavigationMenuLink.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavigationMenuLink.js","sources":["../../../src/components/navigation/NavigationMenuLink.tsx"],"sourcesContent":["import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\nimport React from 'react'\n\nimport { CSS, styled } from '~/stitches'\nimport { getExternalAnchorProps } from '~/utilities/uri'\n\nimport {\n navigationMenuActiveItemStyles,\n navigationMenuBaseItemStyles,\n navigationMenuDisabledItemStyles\n} from './NavigationMenu.styles'\n\nconst DisabledButton = styled('button', {\n ...navigationMenuBaseItemStyles,\n ...navigationMenuDisabledItemStyles\n})\n\nconst ListItem = styled(NavigationMenuPrimitive.Item)\n\nconst StyledLink = styled(\n NavigationMenuPrimitive.Link,\n navigationMenuBaseItemStyles,\n {\n display: 'block',\n textDecoration: 'none',\n lineHeight: 1,\n variants: {\n elementType: {\n dropdownItem: {\n '&[data-active]': {\n background: '$
|
|
1
|
+
{"version":3,"file":"NavigationMenuLink.js","sources":["../../../src/components/navigation/NavigationMenuLink.tsx"],"sourcesContent":["import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\nimport React from 'react'\n\nimport { CSS, styled } from '~/stitches'\nimport { getExternalAnchorProps } from '~/utilities/uri'\n\nimport {\n navigationMenuActiveItemStyles,\n navigationMenuBaseItemStyles,\n navigationMenuDisabledItemStyles\n} from './NavigationMenu.styles'\n\nconst DisabledButton = styled('button', {\n ...navigationMenuBaseItemStyles,\n ...navigationMenuDisabledItemStyles\n})\n\nconst ListItem = styled(NavigationMenuPrimitive.Item)\n\nconst StyledLink = styled(\n NavigationMenuPrimitive.Link,\n navigationMenuBaseItemStyles,\n {\n display: 'block',\n textDecoration: 'none',\n lineHeight: 1,\n variants: {\n elementType: {\n dropdownItem: {\n '&[data-active]': {\n background: '$backgroundSelected',\n color: '$textSelected',\n '&:hover': {\n background: '$backgroundSelectedHover',\n color: '$textSelectedHover'\n },\n '&:active': {\n background: '$backgroundSelectedPressed',\n color: '$textSelectedPressed'\n },\n '&:focus-visible': {\n boxShadow: '0 0 0 2px $colors$primary',\n color: '$textSelectedFocus'\n }\n }\n },\n link: {\n '&[data-active]': { ...navigationMenuActiveItemStyles }\n }\n }\n }\n }\n)\n\ntype NavigationMenuLinkProps = {\n href: string\n active?: boolean\n disabled?: boolean\n variant?: 'link' | 'dropdownItem'\n css?: CSS\n}\n\nexport const NavigationMenuLink = React.forwardRef<\n HTMLAnchorElement,\n React.PropsWithChildren<NavigationMenuLinkProps>\n>(\n (\n { children, href, disabled, css, variant = 'link', ...props },\n forwardedRef\n ) => (\n <ListItem>\n {disabled ? (\n <DisabledButton disabled {...props}>\n {children}\n </DisabledButton>\n ) : (\n <StyledLink\n href={href}\n ref={forwardedRef}\n elementType={variant}\n css={css}\n {...getExternalAnchorProps(href)}\n {...props}\n >\n {children}\n </StyledLink>\n )}\n </ListItem>\n )\n)\n\nNavigationMenuLink.displayName = 'NavigationMenuLink'\n"],"names":["DisabledButton","styled","navigationMenuBaseItemStyles","navigationMenuDisabledItemStyles","ListItem","NavigationMenuPrimitive","StyledLink","navigationMenuActiveItemStyles","NavigationMenuLink","React","children","href","disabled","css","variant","props","forwardedRef","getExternalAnchorProps"],"mappings":"4UAYA,MAAMA,EAAiBC,EAAO,SAAU,CACtC,GAAGC,EACH,GAAGC,CACL,CAAC,EAEKC,EAAWH,EAAOI,EAAwB,IAAI,EAE9CC,EAAaL,EACjBI,EAAwB,KACxBH,EACA,CACE,QAAS,QACT,eAAgB,OAChB,WAAY,EACZ,SAAU,CACR,YAAa,CACX,aAAc,CACZ,iBAAkB,CAChB,WAAY,sBACZ,MAAO,gBACP,UAAW,CACT,WAAY,2BACZ,MAAO,oBACT,EACA,WAAY,CACV,WAAY,6BACZ,MAAO,sBACT,EACA,kBAAmB,CACjB,UAAW,4BACX,MAAO,oBACT,CACF,CACF,EACA,KAAM,CACJ,iBAAkB,CAAE,GAAGK,CAA+B,CACxD,CACF,CACF,CACF,CACF,EAUaC,EAAqBC,EAAM,WAItC,CACE,CAAE,SAAAC,EAAU,KAAAC,EAAM,SAAAC,EAAU,IAAAC,EAAK,QAAAC,EAAU,UAAWC,CAAM,EAC5DC,IAEAP,EAAA,cAACL,EAAA,KACEQ,EACCH,EAAA,cAACT,EAAA,CAAe,SAAQ,GAAE,GAAGe,GAC1BL,CACH,EAEAD,EAAA,cAACH,EAAA,CACC,KAAMK,EACN,IAAKK,EACL,YAAaF,EACb,IAAKD,EACJ,GAAGI,EAAuBN,CAAI,EAC9B,GAAGI,GAEHL,CACH,CAEJ,CAEJ,EAEAF,EAAmB,YAAc"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
export declare const colorSchemes: {
|
|
2
|
+
light: string & {
|
|
3
|
+
className: string;
|
|
4
|
+
selector: string;
|
|
5
|
+
} & import("@stitches/react/types/stitches").ThemeTokens<{
|
|
6
|
+
colors: {
|
|
7
|
+
text: string;
|
|
8
|
+
background: string;
|
|
9
|
+
backgroundHover: string;
|
|
10
|
+
textHover: string;
|
|
11
|
+
backgroundActive: string;
|
|
12
|
+
textActive: string;
|
|
13
|
+
backgroundSelected: string;
|
|
14
|
+
textSelected: string;
|
|
15
|
+
textSelectedHover: string;
|
|
16
|
+
textSelectedPressed: string;
|
|
17
|
+
textSelectedFocus: string;
|
|
18
|
+
backgroundSelectedHover: string;
|
|
19
|
+
backgroundSelectedPressed: string;
|
|
20
|
+
itemTextSelected: string;
|
|
21
|
+
itemBackgroundSelected: string;
|
|
22
|
+
triggerBackgroundOpen: string;
|
|
23
|
+
dropdownBackground: string;
|
|
24
|
+
};
|
|
25
|
+
}, "">;
|
|
26
|
+
};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{createTheme as e}from"../../stitches.js";const t=e({colors:{text:"$textSubtle",background:"white",backgroundHover:"$grey100",textHover:"$textForeground",backgroundActive:"$grey200",textActive:"$grey1000",backgroundSelected:"$blue100",textSelected:"$blue800",textSelectedHover:"$blue800",textSelectedPressed:"$blue800",textSelectedFocus:"$blue800",backgroundSelectedHover:"$grey100",backgroundSelectedPressed:"$grey200",itemTextSelected:"$grey900",itemBackgroundSelected:"$grey900",triggerBackgroundOpen:"$grey200",dropdownBackground:"white"}}),r={light:t};export{r as colorSchemes};
|
|
2
|
+
//# sourceMappingURL=stitches.navigationMenu.colorscheme.config.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"stitches.navigationMenu.colorscheme.config.js","sources":["../../../src/components/navigation/stitches.navigationMenu.colorscheme.config.ts"],"sourcesContent":["import { createTheme } from '~/stitches'\n\nconst light = createTheme({\n colors: {\n text: '$textSubtle',\n background: 'white',\n backgroundHover: '$grey100',\n textHover: '$textForeground',\n backgroundActive: '$grey200',\n textActive: '$grey1000',\n backgroundSelected: '$blue100',\n textSelected: '$blue800',\n textSelectedHover: '$blue800',\n textSelectedPressed: '$blue800',\n textSelectedFocus: '$blue800',\n backgroundSelectedHover: '$grey100',\n backgroundSelectedPressed: '$grey200',\n itemTextSelected: '$grey900',\n itemBackgroundSelected: '$grey900',\n triggerBackgroundOpen: '$grey200',\n dropdownBackground: 'white'\n }\n})\n\nexport const colorSchemes = {\n light\n}\n"],"names":["light","createTheme","colorSchemes"],"mappings":"gDAEA,MAAMA,EAAQC,EAAY,CACxB,OAAQ,CACN,KAAM,cACN,WAAY,QACZ,gBAAiB,WACjB,UAAW,kBACX,iBAAkB,WAClB,WAAY,YACZ,mBAAoB,WACpB,aAAc,WACd,kBAAmB,WACnB,oBAAqB,WACrB,kBAAmB,WACnB,wBAAyB,WACzB,0BAA2B,WAC3B,iBAAkB,WAClB,uBAAwB,WACxB,sBAAuB,WACvB,mBAAoB,OACtB,CACF,CAAC,EAEYC,EAAe,CAC1B,MAAAF,CACF"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{Root as e}from"@radix-ui/react-navigation-menu";import
|
|
1
|
+
import{Root as e}from"@radix-ui/react-navigation-menu";import t from"react";import{styled as n}from"../../stitches.js";import{colorSchemes as a}from"./stitches.navigationMenuVertical.colorscheme.config.js";import{NavigationMenuVerticalAccordion as m}from"./NavigationMenuVerticalAccordion.js";import{NavigationMenuVerticalAccordionContent as c}from"./NavigationMenuVerticalAccordionContent.js";import{NavigationMenuVerticalAccordionTrigger as l}from"./NavigationMenuVerticalAccordionTrigger.js";import{NavigationMenuVerticalIcon as g}from"./NavigationMenuVerticalIcon.js";import{NavigationMenuVerticalItem as f}from"./NavigationMenuVerticalItem.js";import{NavigationMenuVerticalItemContent as p}from"./NavigationMenuVerticalItemContent.js";import{NavigationMenuVerticalLink as u}from"./NavigationMenuVerticalLink.js";import{NavigationMenuVerticalList as N}from"./NavigationMenuVerticalList.js";import{NavigationMenuVerticalText as v}from"./NavigationMenuVerticalText.js";const d=n(e,{width:"100%"}),o=({children:i,...r})=>t.createElement(d,{className:a.light,...r,orientation:"vertical"},t.createElement(N,null,i));o.Link=u,o.Accordion=m,o.AccordionContent=c,o.AccordionTrigger=l,o.Item=f,o.ItemContent=p,o.Icon=g,o.Text=v;export{o as NavigationMenuVertical};
|
|
2
2
|
//# sourceMappingURL=NavigationMenuVertical.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavigationMenuVertical.js","sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVertical.tsx"],"sourcesContent":["import { Root } from '@radix-ui/react-navigation-menu'\nimport React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { NavigationMenuVerticalAccordion } from './NavigationMenuVerticalAccordion'\nimport { NavigationMenuVerticalAccordionContent } from './NavigationMenuVerticalAccordionContent'\nimport { NavigationMenuVerticalAccordionTrigger } from './NavigationMenuVerticalAccordionTrigger'\nimport { NavigationMenuVerticalIcon } from './NavigationMenuVerticalIcon'\nimport { NavigationMenuVerticalItem } from './NavigationMenuVerticalItem'\nimport { NavigationMenuVerticalItemContent } from './NavigationMenuVerticalItemContent'\nimport { NavigationMenuVerticalLink } from './NavigationMenuVerticalLink'\nimport { NavigationMenuVerticalList } from './NavigationMenuVerticalList'\nimport { NavigationMenuVerticalText } from './NavigationMenuVerticalText'\n\nconst StyledRoot = styled(Root, {\n width: '100%'\n})\n\n/*\n * (!)\n * NavigationMenu vertical behaviour was buggy so had to build the\n * opening/closing nested Content(Accordion) based on `Collapsible` instead.\n * This means that the below `value` based props and `Trigger`/`Content`\n * animations do nothing, so removing them from typescript\n */\ntype TNavigationVerticalProps = Omit<\n React.ComponentProps<typeof StyledRoot>,\n | 'delayDuration'\n | 'skipDelayDuration'\n | 'defaultValue'\n | 'value'\n | 'onValueChange'\n>\n\ntype TNavigationVerticalType = React.FC<TNavigationVerticalProps> & {\n Link: typeof NavigationMenuVerticalLink\n Accordion: typeof NavigationMenuVerticalAccordion\n AccordionContent: typeof NavigationMenuVerticalAccordionContent\n AccordionTrigger: typeof NavigationMenuVerticalAccordionTrigger\n Item: typeof NavigationMenuVerticalItem\n ItemContent: typeof NavigationMenuVerticalItemContent\n Icon: typeof NavigationMenuVerticalIcon\n Text: typeof NavigationMenuVerticalText\n}\n\nexport const NavigationMenuVertical = (({ children, ...rest }) => {\n return (\n <StyledRoot
|
|
1
|
+
{"version":3,"file":"NavigationMenuVertical.js","sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVertical.tsx"],"sourcesContent":["import { Root } from '@radix-ui/react-navigation-menu'\nimport React from 'react'\n\nimport { styled } from '~/stitches'\nimport { colorSchemes as navigationMenuVerticalColorSchemes } from './stitches.navigationMenuVertical.colorscheme.config'\n\nimport { NavigationMenuVerticalAccordion } from './NavigationMenuVerticalAccordion'\nimport { NavigationMenuVerticalAccordionContent } from './NavigationMenuVerticalAccordionContent'\nimport { NavigationMenuVerticalAccordionTrigger } from './NavigationMenuVerticalAccordionTrigger'\nimport { NavigationMenuVerticalIcon } from './NavigationMenuVerticalIcon'\nimport { NavigationMenuVerticalItem } from './NavigationMenuVerticalItem'\nimport { NavigationMenuVerticalItemContent } from './NavigationMenuVerticalItemContent'\nimport { NavigationMenuVerticalLink } from './NavigationMenuVerticalLink'\nimport { NavigationMenuVerticalList } from './NavigationMenuVerticalList'\nimport { NavigationMenuVerticalText } from './NavigationMenuVerticalText'\n\nconst StyledRoot = styled(Root, {\n width: '100%'\n})\n\n/*\n * (!)\n * NavigationMenu vertical behaviour was buggy so had to build the\n * opening/closing nested Content(Accordion) based on `Collapsible` instead.\n * This means that the below `value` based props and `Trigger`/`Content`\n * animations do nothing, so removing them from typescript\n */\ntype TNavigationVerticalProps = Omit<\n React.ComponentProps<typeof StyledRoot>,\n | 'delayDuration'\n | 'skipDelayDuration'\n | 'defaultValue'\n | 'value'\n | 'onValueChange'\n>\n\ntype TNavigationVerticalType = React.FC<TNavigationVerticalProps> & {\n Link: typeof NavigationMenuVerticalLink\n Accordion: typeof NavigationMenuVerticalAccordion\n AccordionContent: typeof NavigationMenuVerticalAccordionContent\n AccordionTrigger: typeof NavigationMenuVerticalAccordionTrigger\n Item: typeof NavigationMenuVerticalItem\n ItemContent: typeof NavigationMenuVerticalItemContent\n Icon: typeof NavigationMenuVerticalIcon\n Text: typeof NavigationMenuVerticalText\n}\n\nexport const NavigationMenuVertical = (({ children, ...rest }) => {\n return (\n <StyledRoot\n className={navigationMenuVerticalColorSchemes['light']}\n {...rest}\n orientation=\"vertical\"\n >\n <NavigationMenuVerticalList>{children}</NavigationMenuVerticalList>\n </StyledRoot>\n )\n}) as TNavigationVerticalType\n\nNavigationMenuVertical.Link = NavigationMenuVerticalLink\nNavigationMenuVertical.Accordion = NavigationMenuVerticalAccordion\nNavigationMenuVertical.AccordionContent = NavigationMenuVerticalAccordionContent\nNavigationMenuVertical.AccordionTrigger = NavigationMenuVerticalAccordionTrigger\nNavigationMenuVertical.Item = NavigationMenuVerticalItem\nNavigationMenuVertical.ItemContent = NavigationMenuVerticalItemContent\nNavigationMenuVertical.Icon = NavigationMenuVerticalIcon\nNavigationMenuVertical.Text = NavigationMenuVerticalText\n"],"names":["StyledRoot","styled","Root","NavigationMenuVertical","children","rest","React","navigationMenuVerticalColorSchemes","NavigationMenuVerticalList","NavigationMenuVerticalLink","NavigationMenuVerticalAccordion","NavigationMenuVerticalAccordionContent","NavigationMenuVerticalAccordionTrigger","NavigationMenuVerticalItem","NavigationMenuVerticalItemContent","NavigationMenuVerticalIcon","NavigationMenuVerticalText"],"mappings":"28BAgBA,MAAMA,EAAaC,EAAOC,EAAM,CAC9B,MAAO,MACT,CAAC,EA6BYC,EAA0B,CAAC,CAAE,SAAAC,KAAaC,CAAK,IAExDC,EAAA,cAACN,EAAA,CACC,UAAWO,EAAmC,MAC7C,GAAGF,EACJ,YAAY,UAEZC,EAAAA,EAAA,cAACE,EAAA,KAA4BJ,CAAS,CACxC,EAIJD,EAAuB,KAAOM,EAC9BN,EAAuB,UAAYO,EACnCP,EAAuB,iBAAmBQ,EAC1CR,EAAuB,iBAAmBS,EAC1CT,EAAuB,KAAOU,EAC9BV,EAAuB,YAAcW,EACrCX,EAAuB,KAAOY,EAC9BZ,EAAuB,KAAOa"}
|
|
@@ -6,9 +6,11 @@ export declare const navigationMenuVerticalItemStyles: {
|
|
|
6
6
|
p: string;
|
|
7
7
|
pl: string;
|
|
8
8
|
width: string;
|
|
9
|
+
color: string;
|
|
10
|
+
bg: string;
|
|
9
11
|
'--navigation-menu-vertical-item-font-weight': number;
|
|
10
12
|
'&[data-active]': {
|
|
11
|
-
|
|
13
|
+
bg: string;
|
|
12
14
|
color: string;
|
|
13
15
|
'--navigation-menu-vertical-item-font-weight': number;
|
|
14
16
|
};
|
|
@@ -21,10 +23,10 @@ export declare const navigationMenuVerticalItemStyles: {
|
|
|
21
23
|
};
|
|
22
24
|
'&:not([data-disabled])': {
|
|
23
25
|
'&:hover': {
|
|
24
|
-
|
|
26
|
+
bg: string;
|
|
25
27
|
};
|
|
26
28
|
'&:active': {
|
|
27
|
-
|
|
29
|
+
bg: string;
|
|
28
30
|
};
|
|
29
31
|
'&:focus-visible': {
|
|
30
32
|
outline: "none";
|
|
@@ -44,7 +46,6 @@ export declare const navigationMenuVerticalItemStyles: {
|
|
|
44
46
|
};
|
|
45
47
|
};
|
|
46
48
|
textDecoration: string;
|
|
47
|
-
color: string;
|
|
48
49
|
border: string;
|
|
49
50
|
outline: string;
|
|
50
51
|
font: string;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import"../../stitches.js";import"../../utilities/css-wrapper/CSSWrapper.js";import"../../utilities/no-overflow-wrapper/NoOverflowWrapper.js";import"color2k";import{focusVisibleStyleBlock as t}from"../../utilities/style/focus-visible-style-block.js";import"../../utilities/style/keyframe-animations.js";import{resetButtonStyles as e,resetLinkStyles as i}from"../../utilities/style/reset.js";const
|
|
1
|
+
import"../../stitches.js";import"../../utilities/css-wrapper/CSSWrapper.js";import"../../utilities/no-overflow-wrapper/NoOverflowWrapper.js";import"color2k";import{focusVisibleStyleBlock as t}from"../../utilities/style/focus-visible-style-block.js";import"../../utilities/style/keyframe-animations.js";import{resetButtonStyles as e,resetLinkStyles as i}from"../../utilities/style/reset.js";const o={...e,...i,cursor:"pointer",borderRadius:"$2",display:"flex",alignItems:"center",p:"$2",pl:"var(--navigation-menu-vertical-item-pl)",width:"100%",color:"$text",bg:"$background","--navigation-menu-vertical-item-font-weight":400,"&[data-active]":{bg:"$backgroundSelected",color:"$textSelected","--navigation-menu-vertical-item-font-weight":600},"&[data-state=open]":{"--navigation-menu-vertical-item-font-weight":600},"&[data-disabled]":{opacity:.3,cursor:"not-allowed"},"&:not([data-disabled])":{"&:hover":{bg:"$backgroundHover"},"&:active":{bg:"$backgroundActive"},"&:focus-visible":t()},variants:{size:{md:{minHeight:"$4"},lg:{minHeight:"$5"}}}};export{o as navigationMenuVerticalItemStyles};
|
|
2
2
|
//# sourceMappingURL=NavigationMenuVertical.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavigationMenuVertical.styles.js","sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVertical.styles.ts"],"sourcesContent":["import { focusVisibleStyleBlock } from '~/utilities'\nimport { resetButtonStyles, resetLinkStyles } from '~/utilities/style/reset'\n\nexport const navigationMenuVerticalItemStyles = {\n ...resetButtonStyles,\n ...resetLinkStyles,\n cursor: 'pointer',\n borderRadius: '$2',\n display: 'flex',\n alignItems: 'center',\n p: '$2',\n pl: `var(--navigation-menu-vertical-item-pl)`,\n width: '100%',\n '--navigation-menu-vertical-item-font-weight': 400,\n '&[data-active]': {\n
|
|
1
|
+
{"version":3,"file":"NavigationMenuVertical.styles.js","sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVertical.styles.ts"],"sourcesContent":["import { focusVisibleStyleBlock } from '~/utilities'\nimport { resetButtonStyles, resetLinkStyles } from '~/utilities/style/reset'\n\nexport const navigationMenuVerticalItemStyles = {\n ...resetButtonStyles,\n ...resetLinkStyles,\n cursor: 'pointer',\n borderRadius: '$2',\n display: 'flex',\n alignItems: 'center',\n p: '$2',\n pl: `var(--navigation-menu-vertical-item-pl)`,\n width: '100%',\n color: '$text',\n bg: '$background',\n '--navigation-menu-vertical-item-font-weight': 400,\n '&[data-active]': {\n bg: '$backgroundSelected',\n color: '$textSelected',\n '--navigation-menu-vertical-item-font-weight': 600\n },\n '&[data-state=open]': {\n '--navigation-menu-vertical-item-font-weight': 600\n },\n '&[data-disabled]': {\n opacity: 0.3,\n cursor: 'not-allowed'\n },\n '&:not([data-disabled])': {\n '&:hover': {\n bg: '$backgroundHover'\n },\n '&:active': {\n bg: '$backgroundActive'\n },\n '&:focus-visible': focusVisibleStyleBlock()\n },\n variants: {\n size: {\n md: {\n minHeight: '$4'\n },\n lg: {\n minHeight: '$5'\n }\n }\n }\n}\n"],"names":["navigationMenuVerticalItemStyles","resetButtonStyles","resetLinkStyles","focusVisibleStyleBlock"],"mappings":"4YAGaA,EAAmC,CAC9C,GAAGC,EACH,GAAGC,EACH,OAAQ,UACR,aAAc,KACd,QAAS,OACT,WAAY,SACZ,EAAG,KACH,GAAI,0CACJ,MAAO,OACP,MAAO,QACP,GAAI,cACJ,8CAA+C,IAC/C,iBAAkB,CAChB,GAAI,sBACJ,MAAO,gBACP,8CAA+C,GACjD,EACA,qBAAsB,CACpB,8CAA+C,GACjD,EACA,mBAAoB,CAClB,QAAS,GACT,OAAQ,aACV,EACA,yBAA0B,CACxB,UAAW,CACT,GAAI,kBACN,EACA,WAAY,CACV,GAAI,mBACN,EACA,kBAAmBC,EAAuB,CAC5C,EACA,SAAU,CACR,KAAM,CACJ,GAAI,CACF,UAAW,IACb,EACA,GAAI,CACF,UAAW,IACb,CACF,CACF,CACF"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export declare const colorSchemes: {
|
|
2
|
+
light: string & {
|
|
3
|
+
className: string;
|
|
4
|
+
selector: string;
|
|
5
|
+
} & import("@stitches/react/types/stitches").ThemeTokens<{
|
|
6
|
+
colors: {
|
|
7
|
+
text: string;
|
|
8
|
+
background: string;
|
|
9
|
+
backgroundHover: string;
|
|
10
|
+
backgroundActive: string;
|
|
11
|
+
textSelected: string;
|
|
12
|
+
backgroundSelected: string;
|
|
13
|
+
};
|
|
14
|
+
}, "">;
|
|
15
|
+
};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{createTheme as e}from"../../stitches.js";const c=e({colors:{text:"$foreground",background:"$base1",backgroundHover:"$base2",backgroundActive:"$base3",textSelected:"$accent9",backgroundSelected:"$accent2"}}),o={light:c};export{o as colorSchemes};
|
|
2
|
+
//# sourceMappingURL=stitches.navigationMenuVertical.colorscheme.config.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"stitches.navigationMenuVertical.colorscheme.config.js","sources":["../../../src/components/navigation-menu-vertical/stitches.navigationMenuVertical.colorscheme.config.ts"],"sourcesContent":["import { createTheme } from '~/stitches'\n\nconst light = createTheme({\n colors: {\n text: '$foreground',\n background: '$base1',\n backgroundHover: '$base2',\n backgroundActive: '$base3',\n textSelected: '$accent9',\n backgroundSelected: '$accent2'\n }\n})\n\nexport const colorSchemes = {\n light\n}\n"],"names":["light","createTheme","colorSchemes"],"mappings":"gDAEA,MAAMA,EAAQC,EAAY,CACxB,OAAQ,CACN,KAAM,cACN,WAAY,SACZ,gBAAiB,SACjB,iBAAkB,SAClB,aAAc,WACd,mBAAoB,UACtB,CACF,CAAC,EAEYC,EAAe,CAC1B,MAAAF,CACF"}
|
|
@@ -335,6 +335,7 @@ declare const StyledRoot: import("@stitches/react/types/styled-component").Style
|
|
|
335
335
|
declare type StyledRootProps = React.ComponentProps<typeof StyledRoot>;
|
|
336
336
|
interface TopBarProps extends StyledRootProps {
|
|
337
337
|
css?: CSS;
|
|
338
|
+
className?: string;
|
|
338
339
|
}
|
|
339
340
|
export declare const TopBar: React.FC<TopBarProps> & TopBarSubComponents;
|
|
340
341
|
export {};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import
|
|
1
|
+
import r from"react";import{styled as e}from"../../stitches.js";import{useWindowScrollPosition as d}from"../../utilities/hooks/useWindowScrollPosition.js";import{Divider as n}from"../divider/Divider.js";import{Flex as c}from"../flex/Flex.js";import{colorSchemes as l}from"./stitches.topBar.colorscheme.config.js";import{TopBarActionIcon as p}from"./TopBarActionIcon.js";import{TopBarBrandLogo as t,TopBarBrand as h,TopBarBrandName as g}from"./TopBarBrand.js";const B=()=>r.createElement(n,{orientation:"vertical",css:{height:"$2",bg:"$divider"}}),x=e("div",{bg:"$background",position:"sticky",display:"flex",alignItems:"center",width:"100vw",top:"0",zIndex:1,borderBottom:"1px solid $borderBottom",transition:"box-shadow .2s ease-out",variants:{hasScrolled:{true:{boxShadow:"0px 4px 4px -2px rgba(31, 31, 31, 0.1);"}},size:{md:{height:"$6",[`& ${t}`]:{'&[src$=".svg"]':{height:24,width:"auto"}}},lg:{height:"$7",[`& ${t}`]:{'&[src$=".svg"]':{height:32,width:"auto"}}}}}}),$=e(c,{alignItems:"center",height:"$4",mx:"$4",width:"100%","@md":{mx:"$5"}}),o=({size:i="md",className:a=l.light,...m})=>{const{y:s}=d();return r.createElement(x,{className:a,hasScrolled:!!s,size:i},r.createElement($,{...m}))};o.Brand=h,o.BrandLogo=t,o.BrandName=g,o.ActionIcon=p,o.Divider=B,o.displayName="TopBar";export{o as TopBar};
|
|
2
2
|
//# sourceMappingURL=TopBar.js.map
|