This repository has been archived by the owner on Mar 27, 2019. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 13
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
89 changed files
with
340 additions
and
72 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1 @@ | ||
<!DOCTYPE html><html><head><base href="https://boundless.js.org"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="description" content="A higher-order component for arrow key navigation on a grouping of children. ArrowKeyNavigation is part of Boundless, a toolkit of React components and helper utilities focused on accessibility, performance, and composition."><meta name="theme-color" content="#272b33"><title>boundless / ArrowKeyNavigation</title><link rel="shortcut icon" href="sparkles.png"><style type="text/css">code,code[class*="language-"],pre[class*="language-"]{font-size:14px;line-height:1.375;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;background:#303946;color:#fefefe}pre[class*="language-"]::-moz-selection,pre[class*="language-"] ::-moz-selection,code[class*="language-"]::-moz-selection,code[class*="language-"] ::-moz-selection{text-shadow:none;background:#004a9e}pre[class*="language-"]::selection,pre[class*="language-"] ::selection,code[class*="language-"]::selection,code[class*="language-"] ::selection{text-shadow:none;background:#004a9e}pre[class*="language-"]{overflow:auto}:not(pre) > code[class*="language-"]{padding:.1em;border-radius:.3em}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#637e9f}.token.punctuation{color:#768eab}.token.namespace{opacity:.7}.token.keyword,.token.operator,.token.number{color:#999}.token.property{color:#96aabf}.token.tag-id,.token.selector,.token.atrule-id{color:#ebf4ff}code.language-javascript,.token.tag,.token.variable{color:#2997ff}code.language-css,code.language-scss,.token.boolean,.token.entity,.token.url,.token.attr-name,.token.function,.token.control,.token.directive,.token.unit,.token.statement,.token.regex,.token.atrule{color:#8bbcf3}.token.attr-value,.token.script{color:#c5ddf9}.token.placeholder{color:#47ebb4}.token.deleted{text-decoration:line-through}.token.inserted{border-bottom:1px dotted #ebf4ff;text-decoration:none}.token.italic{font-style:italic}.token.important,.token.bold{font-weight:bold}.token.important{color:#7eb6f6}.token.entity{cursor:help}.token.string{color:#fefefe}pre > code.highlight{outline:.4em solid #34659d;outline-offset:.4em}.line-numbers .line-numbers-rows{border-right-color:#1f2932}.line-numbers-rows > span:before{color:#2c3847}.line-highlight{background:rgba(10,163,112,0.2);background:linear-gradient(to right,rgba(10,163,112,0.2) 70%,rgba(10,163,112,0))}@font-face{font-family:'Lab Grotesque';font-weight:700;src:url("/assets/fonts/lab-grotesque/LabGrotesque-Bold.woff2") format('woff2'),url("/assets/fonts/lab-grotesque/LabGrotesque-Bold.woff") format('woff')}@font-face{font-family:'Lab Grotesque';font-weight:500;src:url("/assets/fonts/lab-grotesque/LabGrotesque-Medium.woff2") format('woff2'),url("/assets/fonts/lab-grotesque/LabGrotesque-Medium.woff") format('woff')}@font-face{font-family:'Lab Grotesque';font-weight:400;src:url("/assets/fonts/lab-grotesque/LabGrotesque-Regular.woff2") format('woff2'),url("/assets/fonts/lab-grotesque/LabGrotesque-Regular.woff") format('woff')}@font-face{font-family:'Lab Grotesque';font-style:italic;font-weight:400;src:url("/assets/fonts/lab-grotesque/LabGrotesque-Italic.woff2") format('woff2'),url("/assets/fonts/lab-grotesque/LabGrotesque-Italic.woff") format('woff')}@font-face{font-family:'Lab Grotesque';font-weight:300;src:url("/assets/fonts/lab-grotesque/LabGrotesque-Light.woff2") format('woff2'),url("/assets/fonts/lab-grotesque/LabGrotesque-Light.woff") format('woff')}*,*::before,*::after{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*:last-child{margin-bottom:0}html{font-family:'Lab Grotesque',Helvetica Neue,Helvetica,sans-serif;font-size:16px}body{background:#272b33;color:#c5cfdb;line-height:1.4;overflow-x:hidden;margin:0;padding:0}main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}main h1{margin-top:0}.boundless-nav{background:#535a66;color:#c5cfdb;-ms-flex-negative:0;flex-shrink:0;min-width:360px;padding:24px;}.boundless-nav nav{font-size:14px;line-height:1;margin-top:1rem;}.boundless-nav nav h4{color:#fff;font-size:inherit;font-weight:400;line-height:36px;margin:0}.boundless-nav nav a{color:inherit;display:block;margin:0 0 6px;padding-left:10px;text-decoration:none;}.boundless-nav nav a:hover{color:#fff}.boundless-nav nav a.active{border-left:1px solid currentColor;color:#fff;margin-left:-1px}.boundless-nav .brand{color:#f5f5f5;display:block;font-size:26px;font-weight:bold;margin-bottom:1rem;padding:0;text-decoration:none;}.boundless-nav .brand:hover{color:#fff}.boundless-nav .brand sub{vertical-align:baseline}.boundless-nav .release-link{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;border:1px solid;border-radius:borderRadius;color:inherit;font-size:14px;line-height:1;padding:.25em .5em;text-decoration:none;}.boundless-nav .release-link:hover{color:#fff}figure{margin:0}h1,h2,h3,h4{color:#fff;margin:1em 0 .75rem;}h1 > a,h2 > a,h3 > a,h4 > a{color:#ccc;font-weight:400;margin-left:.5rem;opacity:0;text-decoration:none}h1:hover > a,h2:hover > a,h3:hover > a,h4:hover > a{opacity:1}h1 + h1,h2 + h1,h3 + h1,h4 + h1,h1 + h2,h2 + h2,h3 + h2,h4 + h2,h1 + h3,h2 + h3,h3 + h3,h4 + h3,h1 + h4,h2 + h4,h3 + h4,h4 + h4{margin-top:.5rem}h1:hover .anchor,h2:hover .anchor,h3:hover .anchor,h4:hover .anchor,h1:focus .anchor,h2:focus .anchor,h3:focus .anchor,h4:focus .anchor,h1 .anchor:focus,h2 .anchor:focus,h3 .anchor:focus,h4 .anchor:focus,h1 .anchor:hover,h2 .anchor:hover,h3 .anchor:hover,h4 .anchor:hover{opacity:1}h1 .anchor,h2 .anchor,h3 .anchor,h4 .anchor{margin-left:5px;opacity:0;text-decoration:none;transition:opacity 200ms ease-in-out;}h1 .anchor::before,h2 .anchor::before,h3 .anchor::before,h4 .anchor::before{content:'#'}h1{font-size:27px;font-weight:300;margin-bottom:1.5rem}h2{font-size:18px;margin:3rem 0 1.5rem}h3{font-size:12px;font-weight:400;margin:3rem 0 1rem;text-transform:uppercase}h4{font-size:14px;margin:1rem 0}a{color:#fff}strong{color:#fff}p{margin:0 0 1.5rem}ol ol{margin-top:.5rem}ol li,ul li{margin-bottom:1.5rem}li:last-child{margin-bottom:0}li > p:last-child{margin-bottom:0}li :not(pre) > code{display:inline-block}hr{border:0;border-top:1px solid #ccc;margin:2rem 0}blockquote{border-left:3px solid #3d8feb;font-size:14px;font-style:italic;margin:1.5rem 0;padding-left:1rem;}blockquote > ul,blockquote > ol{list-style-position:inside;margin-left:0;padding-left:0}table{text-align:left;width:100%}th{font-weight:400;padding:.5em;white-space:nowrap}pre{overflow-x:auto;margin:1.5rem 0;padding:0;}pre > code{background:transparent;display:block;font-size:.8em;line-height:1.5;padding:.75rem 1.5rem}code{background:#303946;color:#fff;display:inline-block;font-family:Monaco,Consolas,Courier,monospace;font-size:.9em;margin-bottom:0;padding:.1em;text-decoration:inherit}ul,ol,table,figure{margin-bottom:2rem}ul{padding-left:1.3em}ol{padding-left:1.5em}th,td{padding:1rem;}th:first-of-type,td:first-of-type{padding-left:0}th:last-of-type,td:last-of-type{padding-right:0}sub,sup{font-size:.65em;font-weight:400}::-moz-selection{background-color:rgba(61,143,235,0.25)}::selection{background-color:rgba(61,143,235,0.25)}.demo-section-wrapper{background:#3f454e;border-top:3px solid #3d8feb;color:#979fa8;margin:3rem 0 0;padding:12px 16px 15px;}.demo-section-wrapper h1,.demo-section-wrapper h2,.demo-section-wrapper h3,.demo-section-wrapper h4,.demo-section-wrapper h5,.demo-section-wrapper h6{margin-top:1.5rem;}.demo-section-wrapper h1:first-child,.demo-section-wrapper h2:first-child,.demo-section-wrapper h3:first-child,.demo-section-wrapper h4:first-child,.demo-section-wrapper h5:first-child,.demo-section-wrapper h6:first-child{margin-top:0}.demo-section-wrapper .demo-implementation-disclosure .b-disclosure-toggle:focus{outline:0}.demo-section-wrapper .demo-implementation{height:auto;padding:0}.demo-section-wrapper .demo-section-example ~ *{margin-top:1.5rem}.demo-component-link,.demo-implementation-link{background-color:#3d8feb;background-image:url("data:image/svg+xml;utf8,%3Csvg%20viewBox%3D'0%200%2033%2033'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M16.608.455C7.614.455.32%207.748.32%2016.745c0%207.197%204.667%2013.302%2011.14%2015.456.815.15%201.112-.353%201.112-.785%200-.386-.014-1.411-.022-2.77-4.531.984-5.487-2.184-5.487-2.184-.741-1.882-1.809-2.383-1.809-2.383-1.479-1.01.112-.99.112-.99%201.635.115%202.495%201.679%202.495%201.679%201.453%202.489%203.813%201.77%204.741%201.353.148-1.052.569-1.77%201.034-2.177-3.617-.411-7.42-1.809-7.42-8.051%200-1.778.635-3.233%201.677-4.371-.168-.412-.727-2.069.16-4.311%200%200%201.367-.438%204.479%201.67a15.602%2015.602%200%200%201%204.078-.549%2015.62%2015.62%200%200%201%204.078.549c3.11-2.108%204.475-1.67%204.475-1.67.889%202.242.33%203.899.163%204.311C26.37%2012.66%2027%2014.115%2027%2015.893c0%206.258-3.809%207.635-7.437%208.038.584.503%201.105%201.497%201.105%203.017%200%202.177-.02%203.934-.02%204.468%200%20.436.294.943%201.12.784%206.468-2.159%2011.131-8.26%2011.131-15.455%200-8.997-7.294-16.29-16.291-16.29'%20fill%3D'%23f5f5f5'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E");background-size:1.25em;background-repeat:no-repeat;background-position:center left .5em;border-radius:3px;color:#fff;display:inline-block;font-size:12px;font-weight:500;padding:.35em .5em .35em 2.25em;margin-right:1em;margin-bottom:2rem;text-decoration:none;transition:all 300ms ease;}.demo-component-link:hover,.demo-implementation-link:hover,.demo-component-link:focus,.demo-implementation-link:focus{background-color:#1363bc;border-color:transparent;color:#fff}article{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden;padding:33px;}article pre{background:transparent;margin-top:0;}article pre code{background:transparent}article table{border-collapse:collapse;font-size:14px;overflow:hidden;table-layout:fixed;}article table table{table-layout:auto}article table thead tr{border-bottom:4px solid #3f454e}article table tr:nth-child(n+2){border-top:1px solid #3f454e}article table tbody td{vertical-align:top}article table li{margin-bottom:1rem}article table pre{background:none !important;}article table pre code{background:none !important;font-size:14px;padding:0}article .prop-row.prop-depth-1{border-top-color:rgba(48,57,70,0.75);}article .prop-row.prop-depth-1 td{font-size:15px;}article .prop-row.prop-depth-1 td:first-child{padding-left:25px;}article .prop-row.prop-depth-1 td:first-child::before{content:'\21B3';display:inline-block;margin-right:1em}article .prop-row.prop-depth-2{border-top-color:rgba(48,57,70,0.5);}article .prop-row.prop-depth-2 td{font-size:14px;}article .prop-row.prop-depth-2 td:first-child{padding-left:55px;}article .prop-row.prop-depth-2 td:first-child::before{content:'\21B3';display:inline-block;margin-right:1em}article .prop-name{font-size:16px;overflow:hidden;white-space:nowrap;width:15vw;}article .prop-name code{background:none !important}article .prop-implementation{width:33vw;}article .prop-implementation h5,main article table td:first-child::before{font-size:10px;font-weight:400;margin-bottom:.5em;text-transform:uppercase}article .prop-implementation h5:first-of-type{margin-top:0}article .prop-description{width:33vw;}article .prop-description table td{padding-right:1rem}.spread{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.spread > *{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.align-end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.center{text-align:center}@media all and (max-width:1200px){.boundless-nav{min-width:260px}}@media all and (max-width:1024px){main{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}main article{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;}main article table{display:block;}main article table tbody{display:block}main article table thead{display:none}main article table tr{border:0 !important;display:block;}main article table tr ~ tr{margin-top:1.5rem}main article table tr.prop-depth-1{padding-left:1.5rem;}main article table tr.prop-depth-1 .prop-name::before{display:none !important}main article table tr.prop-depth-2{padding-left:3rem}main article table td{border-left:2px solid #979fa8;display:block;padding-top:.5rem;padding-bottom:.5rem;max-width:100% !important;width:auto !important;}main article table td:first-child{display:block;padding-left:1rem !important;}main article table td:first-child::before{content:'Name';display:block;}nav h4{padding-top:6px}nav section{-webkit-column-count:3;-moz-column-count:3;column-count:3}.spread{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}.spread > *{-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch;-ms-flex-negative:0;flex-shrink:0;margin-left:0 !important;margin-right:0 !important;width:auto;}.spread > * + *{margin-top:1.5rem !important}}@media all and (max-width:600px){nav section{-webkit-column-count:2;-moz-column-count:2;column-count:2}}</style></head><body><div id="root"></div><script>!function(e,t,a,n,c,s,o){e.GoogleAnalyticsObject=c,e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*new Date,s=t.createElement(a),o=t.getElementsByTagName(a)[0],s.async=1,s.src=n,o.parentNode.insertBefore(s,o)}(window,document,"script","https://www.google-analytics.com/analytics.js","ga"),ga("create","UA-91553282-1","auto");</script><script src="//cdnjs.cloudflare.com/ajax/libs/react/15.4.2/react.min.js"></script><script src="//cdnjs.cloudflare.com/ajax/libs/react/15.4.2/react-dom.min.js"></script><script src="//cdnjs.cloudflare.com/ajax/libs/prism/1.6.0/prism.min.js"></script><script src="//cdnjs.cloudflare.com/ajax/libs/prism/1.6.0/components/prism-javascript.min.js"></script><script src="//cdnjs.cloudflare.com/ajax/libs/prism/1.6.0/components/prism-bash.min.js"></script><script src="//cdnjs.cloudflare.com/ajax/libs/prism/1.6.0/components/prism-jsx.min.js"></script><script src="//cdnjs.cloudflare.com/ajax/libs/prism/1.6.0/components/prism-stylus.min.js"></script><script src="//cdn.polyfill.io/v2/polyfill.min.js?features=fetch,promise"></script><script type="text/javascript" src="../assets/manifest.b4526284db1feb7cdde2.js"></script><script type="text/javascript" src="../assets/vendor.72c5fc9a9b0b75903a9f.js"></script><script type="text/javascript" src="../assets/main.c91acf6954d1ac9dca66.js"></script></body></html><!-- Built from SHA: 76c0717d0bb57f577ee9df54fd9330ca7d913a28 --> |
Oops, something went wrong.