chore(v2): upgrade Infima to 0.2.0-alpha.10 (#2729)

* chore(v2): upgrade Infima to 0.2.0-alpha.10

* Changelog
This commit is contained in:
Alexey Pyltsyn 2020-05-10 16:03:45 +03:00 committed by GitHub
parent afe70d973f
commit 93b39e674f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
9 changed files with 36 additions and 25 deletions

View file

@ -16,14 +16,14 @@ function BlogListPaginator(props) {
aria-label="Blog list page navigation"
className="my-5 col col-xl-4 offset-xl-4 col-xs-6">
<ul className="pagination justify-content-between">
<li className="page-item">
<li className="pagination__item">
{previousPage && (
<Link className="page-link rounded-pill" to={previousPage}>
Older
</Link>
)}
</li>
<li className="page-item">
<li className="pagination__item">
{nextPage && (
<Link className="page-link rounded-pill" to={nextPage}>
Newer

View file

@ -14,14 +14,14 @@ function BlogPostPaginator(props) {
return (
<nav aria-label="Blog post page navigation" className="my-5">
<ul className="pagination justify-content-between">
<li className="page-item">
<li className="pagination__item">
{prevItem && (
<Link className="page-link rounded-pill" to={prevItem.permalink}>
&laquo; {prevItem.title}
</Link>
)}
</li>
<li className="page-item">
<li className="pagination__item">
{nextItem && (
<Link className="page-link rounded-pill" to={nextItem.permalink}>
{nextItem.title} &raquo;

View file

@ -12,7 +12,7 @@
"@mdx-js/react": "^1.5.8",
"classnames": "^2.2.6",
"clipboard": "^2.0.6",
"infima": "0.2.0-alpha.9",
"infima": "0.2.0-alpha.10",
"parse-numeric-range": "^0.0.2",
"prism-react-renderer": "^1.1.0",
"prismjs": "^1.20.0",

View file

@ -17,18 +17,14 @@ function BlogListPaginator(props) {
<div className="pagination-nav__item">
{previousPage && (
<Link className="pagination-nav__link" to={previousPage}>
<h4 className="pagination-nav__link--label">
&laquo; Newer Entries
</h4>
<h4 className="pagination-nav__label">&laquo; Newer Entries</h4>
</Link>
)}
</div>
<div className="pagination-nav__item pagination-nav__item--next">
{nextPage && (
<Link className="pagination-nav__link" to={nextPage}>
<h4 className="pagination-nav__link--label">
Older Entries &raquo;
</h4>
<h4 className="pagination-nav__label">Older Entries &raquo;</h4>
</Link>
)}
</div>

View file

@ -16,8 +16,8 @@ function BlogPostPaginator(props) {
<div className="pagination-nav__item">
{prevItem && (
<Link className="pagination-nav__link" to={prevItem.permalink}>
<div className="pagination-nav__link--sublabel">Previous Post</div>
<div className="pagination-nav__link--label">
<div className="pagination-nav__sublabel">Previous Post</div>
<div className="pagination-nav__label">
&laquo; {prevItem.title}
</div>
</Link>
@ -26,8 +26,8 @@ function BlogPostPaginator(props) {
<div className="pagination-nav__item pagination-nav__item--next">
{nextItem && (
<Link className="pagination-nav__link" to={nextItem.permalink}>
<div className="pagination-nav__link--sublabel">Next Post</div>
<div className="pagination-nav__link--label">
<div className="pagination-nav__sublabel">Next Post</div>
<div className="pagination-nav__label">
{nextItem.title} &raquo;
</div>
</Link>

View file

@ -18,8 +18,8 @@ function DocPaginator(props) {
<Link
className="pagination-nav__link"
to={metadata.previous.permalink}>
<div className="pagination-nav__link--sublabel">Previous</div>
<div className="pagination-nav__link--label">
<div className="pagination-nav__sublabel">Previous</div>
<div className="pagination-nav__label">
&laquo; {metadata.previous.title}
</div>
</Link>
@ -28,8 +28,8 @@ function DocPaginator(props) {
<div className="pagination-nav__item pagination-nav__item--next">
{metadata.next && (
<Link className="pagination-nav__link" to={metadata.next.permalink}>
<div className="pagination-nav__link--sublabel">Next</div>
<div className="pagination-nav__link--label">
<div className="pagination-nav__sublabel">Next</div>
<div className="pagination-nav__label">
{metadata.next.title} &raquo;
</div>
</Link>

View file

@ -87,8 +87,8 @@ function Tabs(props) {
role="tab"
tabIndex="0"
aria-selected={selectedValue === value}
className={classnames('tab-item', styles.tabItem, {
'tab-item--active': selectedValue === value,
className={classnames('tabs__item', styles.tabItem, {
'tabs__item--active': selectedValue === value,
})}
key={value}
ref={(tabControl) => tabRefs.push(tabControl)}