{"parents":["4218dcbf99ac5dc8f502170b29bbe1b86dfb3471","91f74a513433a7060c3ff6de6f2df88efb4f12d0"],"files":[{"path":"package.json","status":"M"},{"path":"src\/devtools\/views\/Button.css","status":"M"},{"path":"src\/devtools\/views\/Button.js","status":"M"},{"path":"src\/devtools\/views\/Components\/Components.css","status":"M"},{"path":"src\/devtools\/views\/Components\/Element.css","status":"M"},{"path":"src\/devtools\/views\/Components\/HooksTree.css","status":"M"},{"path":"src\/devtools\/views\/Components\/InspectedElementTree.css","status":"M"},{"path":"src\/devtools\/views\/Components\/KeyValue.css","status":"M"},{"path":"src\/devtools\/views\/Components\/OwnersStack.css","status":"M"},{"path":"src\/devtools\/views\/Components\/OwnersStack.js","status":"M"},{"path":"src\/devtools\/views\/Components\/SearchInput.css","status":"M"},{"path":"src\/devtools\/views\/DevTools.css","status":"M"},{"path":"src\/devtools\/views\/DevTools.js","status":"M"},{"path":"src\/devtools\/views\/Profiler\/InteractionListItem.css","status":"M"},{"path":"src\/devtools\/views\/Profiler\/Profiler.css","status":"M"},{"path":"src\/devtools\/views\/Profiler\/SidebarCommitInfo.css","status":"M"},{"path":"src\/devtools\/views\/Profiler\/SidebarInteractions.css","status":"M"},{"path":"src\/devtools\/views\/Profiler\/SidebarSelectedFiberInfo.css","status":"M"},{"path":"src\/devtools\/views\/Profiler\/SnapshotCommitListItem.js","status":"M"},{"path":"src\/devtools\/views\/ReactLogo.css","status":"M"},{"path":"src\/devtools\/views\/Settings\/Settings.css","status":"M"},{"path":"src\/devtools\/views\/Settings\/SettingsContext.js","status":"M"},{"path":"src\/devtools\/views\/TabBar.css","status":"M"},{"path":"src\/devtools\/views\/Toggle.css","status":"M"},{"path":"src\/devtools\/views\/Toggle.js","status":"M"},{"path":"src\/devtools\/views\/Tooltip.css","status":"A"},{"path":"src\/devtools\/views\/root.css","status":"M"},{"path":"vendor\/@reach\/portal\/.eslintignore","status":"D"},{"path":"vendor\/@reach\/portal\/es\/index.js","status":"D"},{"path":"vendor\/@reach\/portal\/examples\/basic.example.js","status":"D"},{"path":"vendor\/@reach\/portal\/index.js","status":"D"},{"path":"vendor\/@reach\/portal\/package.json","status":"D"},{"path":"vendor\/@reach\/portal\/src\/index.js","status":"D"},{"path":"yarn.lock","status":"M"}],"patch":"diff --git a\/package.json b\/package.json\nindex 48c6dd7a8e..867eded41e 100644\n--- a\/package.json\n+++ b\/package.json\n@@ -66,9 +66,6 @@\n ],\n \"**\/*.js\": \"eslint --max-warnings 0\"\n },\n- \"resolutions\": {\n- \"@reach\/portal\": \"file:.\/vendor\/@reach\/portal\"\n- },\n \"dependencies\": {\n \"@babel\/core\": \"^7.1.6\",\n \"@babel\/plugin-proposal-class-properties\": \"^7.1.0\",\n@@ -76,7 +73,8 @@\n \"@babel\/preset-env\": \"^7.1.6\",\n \"@babel\/preset-flow\": \"^7.0.0\",\n \"@babel\/preset-react\": \"^7.0.0\",\n- \"@reach\/menu-button\": \"^0.1.9\",\n+ \"@reach\/menu-button\": \"^0.1.12\",\n+ \"@reach\/tooltip\": \"^0.1.1\",\n \"adm-zip\": \"^0.4.7\",\n \"babel-core\": \"^7.0.0-bridge\",\n \"babel-eslint\": \"^9.0.0\",\ndiff --git a\/src\/devtools\/views\/Button.css b\/src\/devtools\/views\/Button.css\nindex a37af0ee30..d3885372b4 100644\n--- a\/src\/devtools\/views\/Button.css\n+++ b\/src\/devtools\/views\/Button.css\n@@ -2,26 +2,33 @@\n border: none;\n background: var(--color-button-background);\n color: var(--color-button);\n+ padding: 0;\n border-radius: 0.25rem;\n+ flex: 0 0 auto;\n+}\n+.ButtonContent {\n display: inline-flex;\n align-items: center;\n+ border-radius: 0.25rem;\n padding: 0.25rem;\n- cursor: pointer;\n- flex: 0 0 auto;\n }\n+\n .Button:hover {\n- background: var(--color-button-background-hover);\n color: var(--color-button-hover);\n }\n .Button:active {\n- background: var(--color-button-background-focus);\n color: var(--color-button-focus);\n outline: none;\n }\n-.Button:focus {\n+.Button:focus,\n+.ButtonContent:focus {\n outline: none;\n- box-shadow: 0 0 0 2px var(--color-button-background-focus) inset;\n }\n+\n+.Button:focus > .ButtonContent {\n+ background: var(--color-button-background-focus);\n+}\n+\n .Button:disabled,\n .Button:disabled:active {\n background: var(--color-button-background);\ndiff --git a\/src\/devtools\/views\/Button.js b\/src\/devtools\/views\/Button.js\nindex b3e016fb07..79a857429a 100644\n--- a\/src\/devtools\/views\/Button.js\n+++ b\/src\/devtools\/views\/Button.js\n@@ -1,14 +1,40 @@\n \/\/ @flow\n \n import React from 'react';\n+\/\/ TODO (tooltips) import Tooltip from '@reach\/tooltip';\n \n import styles from '.\/Button.css';\n+\/\/ TODO (tooltips) import tooltipStyles from '.\/Tooltip.css';\n \n type Props = {\n+ children: React$Node,\n className?: string,\n title: string,\n };\n \n-export default function Button({ className, ...rest }: Props) {\n- return

dillon1000/react

Files changed