git commit -m 'docs: update theme'

Author: mrholek

packages/docs/src/components/Banner.tsx

@@ -7,7 +7,7 @@ interface BannerProps {
 
 const Banner: FC<BannerProps> = ({ pro }) => {
   return pro ? (
-    <div className="bg-danger bg-opacity-10 border-start border-start-5 border-start-danger p-4 pb-3 mb-5">
+    <div className="bg-danger d-none d-lg-block bg-opacity-10 border-start border-start-5 border-start-danger p-4 pb-3 mb-5">
       <h3 className="mb-4">CoreUI PRO Component</h3>
       <p>
         To use this component you must have a CoreUI PRO license. Buy the{' '}
@@ -16,7 +16,7 @@ const Banner: FC<BannerProps> = ({ pro }) => {
       </p>
     </div>
   ) : (
-    <div className="bg-info bg-opacity-10 border-start border-start-5 border-start-info p-4 pb-3 mb-5">
+    <div className="bg-info d-none d-lg-block bg-opacity-10 border-start border-start-5 border-start-info p-4 pb-3 mb-5">
       <h3 className="mb-4">Support CoreUI Development</h3>
       <p>
         CoreUI is an MIT-licensed open source project and is completely free to use. However, the

packages/docs/src/components/Header.tsx

@@ -2,7 +2,7 @@ import React, { FC } from 'react'
 
 import CIcon from '@coreui/icons-react'
 import { cibGithub, cibOpenCollective, cibTwitter, cilCloudDownload, cilMenu } from '@coreui/icons'
-import { CButton, CHeader, CHeaderNav, CHeaderToggler, CNavItem } from '@coreui/react'
+import { CButton, CHeader, CHeaderNav, CHeaderToggler, CNavItem } from '@coreui/react/src'
 
 import { AppContext } from './../AppContext'
 
@@ -21,13 +21,19 @@ const Header: FC = () => {
               <CIcon icon={cilMenu} size="lg" />
             </CHeaderToggler>
             <CHeaderNav className="ms-auto">
-              <CNavItem href="https://github.com/coreui/coreui-react/">
+              <CNavItem
+                href="https://github.com/coreui/coreui-react/"
+                aria-label="Visit our GitHub"
+              >
                 <CIcon icon={cibGithub} size="xl" />
               </CNavItem>
-              <CNavItem href="https://twitter.com/core_ui">
+              <CNavItem href="https://twitter.com/core_ui" aria-label="Visit our Twitter">
                 <CIcon icon={cibTwitter} size="xl" />
               </CNavItem>
-              <CNavItem href="https://opencollective.com/coreui">
+              <CNavItem
+                href="https://opencollective.com/coreui"
+                aria-label="Visit our OpenCollective"
+              >
                 <CIcon icon={cibOpenCollective} size="xl" />
               </CNavItem>
             </CHeaderNav>

packages/docs/src/components/Sidebar.tsx

@@ -9,7 +9,7 @@ import {
   CSidebar,
   CSidebarBrand,
   CImage,
-} from '@coreui/react'
+} from '@coreui/react/src'
 import { SidebarNav } from '.'
 
 import { AppContext } from './../AppContext'