Skip to content
This repository has been archived by the owner on Mar 27, 2019. It is now read-only.

Commit

Permalink
v1.1.0
Browse files Browse the repository at this point in the history
  • Loading branch information
quantizor committed Jun 6, 2017
1 parent 76c0717 commit 12132e7
Show file tree
Hide file tree
Showing 89 changed files with 340 additions and 72 deletions.
1 change: 1 addition & 0 deletions docs/ArrowKeyNavigation/index.html
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 -->
Loading

0 comments on commit 12132e7

Please sign in to comment.