rektdeckard
b3504e255e
SearchInput: disable autocomplete
2020-08-07 14:44:36 -04:00
rektdeckard
ae4d6bedd2
IconGrid: revise grid item hover/active state styles
2020-08-07 14:43:33 -04:00
rektdeckard
0af7c55ed7
IconGrid: fix padding
2020-08-03 22:25:05 -04:00
rektdeckard
ce1673e010
Issues: update icon_request template
2020-08-03 22:24:11 -04:00
Tobias Fried
48ec53eeae
Merge pull request #2 from rektdeckard/issue-templates
...
Update issue templates
2020-08-03 22:22:56 -04:00
Tobias Fried
9a85244f34
Update issue templates
2020-08-03 22:22:47 -04:00
rektdeckard
6b868aa59b
IconGrid: adjust grid item and info panel hover/active states
...
This is now in compliance with the spec, using a single color with
opacity to render open/hovered/active GridItems and InfoPanels. We also
properly show background on open GridItems.
2020-08-03 18:22:41 -04:00
rektdeckard
7636a1f85e
ErrorBoundary: use correct types for child components/fallbacks
2020-08-03 18:22:07 -04:00
rektdeckard
528a4fcf8d
App: button text should not be user-selectable
2020-08-03 18:21:51 -04:00
rektdeckard
1a86365db1
README: update code example
2020-08-03 18:20:54 -04:00
Tobias Fried
d1f22a3dbc
ErrorBoundary: add error boundary to IconGrid
2020-07-31 20:01:25 -04:00
Tobias Fried
f79eb5a5d3
InfoPanel: show confirmation icons on successful SVG or snippet copy
...
This patch makes immediate use of useTransientState() to fire a
temporary state transition to show success/failure of copy action.
Note: we should handle error states using other icon.
2020-07-31 19:59:25 -04:00
Tobias Fried
6202c4d2bb
useTransientState: implement hook
...
This utility hook provides access to a piece of state and a setter
function, which can be used to supply a temporary value and a duration
for which it is valid, before reverting to preceeding value. Following
the pattern:
const [value, setTransientValue] = useTransientValue<number>(42, 5000);
setTransientValue(69); // value === 69 for 5000ms, before returning to 42
We can easily fire and forget a temporary state transition.
2020-07-31 19:53:12 -04:00
Tobias Fried
847d80e7eb
App: update link styles to match spec
2020-07-31 19:52:57 -04:00
Tobias Fried
4b927d746d
Add descriptors to package.json
2020-07-29 14:32:04 -04:00
rektdeckard
10fb5da728
App: update body contents and style to match the spec
2020-07-29 12:30:24 -04:00
rektdeckard
6941250d10
IconGrid: massive refactor including component extraction
...
This patch extracts InfoPanel from IconGridItem, adds style tweaks to
match the spec, and in general reduces prop-drilling by tapping into
recoil state for most config, and making use of IconContext to style
member icons where appropriate :)
2020-07-29 12:27:50 -04:00
rektdeckard
c269343014
Toolbar: update style to match spec
2020-07-29 12:26:24 -04:00
rektdeckard
b1a4a93e73
ColorInput: add throttling and update style to match spec
...
This patch adds throttling to events emitted by the native color-picker,
preventing noticeable lag caused by rapid state updates. It is currently
throttled to one event per 100ms, but we may want to play with this
value in the future! For not it feels smooth.
2020-07-29 12:23:53 -04:00
rektdeckard
2ad1e01641
SizeInput: update style to match spec
2020-07-29 12:23:13 -04:00
rektdeckard
c538766794
SearchInput: update style to match spec
2020-07-29 12:22:43 -04:00
rektdeckard
105a1abc96
IconGrid: drop virtualization approach and bump to phosphor-react@0.1.8
2020-07-29 12:20:53 -04:00
rektdeckard
d330f0b6d5
StyleInput: update style and use react-dropdown-select
2020-07-29 12:16:33 -04:00
rektdeckard
f3aa75a0c9
File cleanup and sourcing external fonts
2020-07-29 12:14:31 -04:00
rektdeckard
0ef8f87456
Info: create wrapper around body sections
2020-07-29 12:13:47 -04:00
rektdeckard
541dce65fb
NavBar: extract Header into NavBar and Panorama components
2020-07-29 12:11:47 -04:00
rektdeckard
ecb51191d8
Massive interactivity updates to all components
2020-07-24 14:40:07 -04:00
rektdeckard
8ae4cb2b81
Make filteredQueryResultsSelector async :)
2020-07-24 14:38:53 -04:00
rektdeckard
f14ff1ea4f
Bump to phosphor-react@0.1.6
2020-07-24 14:36:05 -04:00
Tobias Fried
a29d52e36b
Remove unused SVG assets
2020-07-21 23:37:22 -04:00
rektdeckard
19d9b8c7d2
Scaffold out UI components
2020-07-21 23:07:52 -04:00
Tobias Fried
016e6d987b
Experiment with virtualization and Framer Motion
2020-07-19 17:51:35 -04:00
Tobias Fried
e1dfe6aed1
IconGrid: experiment with various list virtualization libraries
2020-07-17 13:24:00 -04:00
Tobias Fried
44ac4455b7
Toolbar: refactor from IconSearch and add 'size' and 'color' controls
2020-07-17 13:23:43 -04:00
Tobias Fried
cf807f789d
Icons: update icon list
2020-07-17 13:21:19 -04:00
Tobias Fried
4ed4f92af6
State: add selectors for icon category map and single category queries
2020-07-17 13:20:04 -04:00
Tobias Fried
ddecdf0451
State: add 'iconSize' and 'iconColor' atoms
2020-07-17 13:18:43 -04:00
rektdeckard
8888227be1
Add sample icons and refactor Icon interface
2020-07-15 18:06:16 -04:00
Tobias Fried
50b114ee7a
Merge pull request #1 from rektdeckard/dependabot/npm_and_yarn/websocket-extensions-0.1.4
...
Bump websocket-extensions from 0.1.3 to 0.1.4
2020-07-14 17:54:59 -04:00
Tobias Fried
d0045c3230
Create LICENSE.md
2020-07-14 17:54:11 -04:00
dependabot[bot]
5c8a4552af
Bump websocket-extensions from 0.1.3 to 0.1.4
...
Bumps [websocket-extensions](https://github.com/faye/websocket-extensions-node ) from 0.1.3 to 0.1.4.
- [Release notes](https://github.com/faye/websocket-extensions-node/releases )
- [Changelog](https://github.com/faye/websocket-extensions-node/blob/master/CHANGELOG.md )
- [Commits](https://github.com/faye/websocket-extensions-node/compare/0.1.3...0.1.4 )
Signed-off-by: dependabot[bot] <support@github.com >
2020-07-14 21:51:41 +00:00
Tobias Fried
3a9cf5dc99
Initial commit
2020-07-14 17:41:45 -04:00
Tobias Fried
856e1ac749
Initialize project using Create React App
2020-07-06 17:18:11 -04:00