docs: update theme

Author: mrholek

packages/docs/package.json

@@ -25,7 +25,7 @@
   },
   "dependencies": {
     "@coreui/chartjs": "^3.1.2",
-    "@coreui/coreui": "4.3.0-alpha.0",
+    "@coreui/coreui": "4.3.0-beta.0",
     "@coreui/icons": "^3.0.1",
     "@coreui/icons-react": "^2.1.0",
     "@coreui/react-chartjs": "^2.1.3",

packages/docs/src/components/ScssDocs.tsx

@@ -24,7 +24,7 @@ const ScssDocs: FC = ({ file, capture }: { file: string; capture: string }) => {
     }
   `)
 
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  // eslint-disable-line @typescript-eslint/no-explicit-any
   const _file = data.allFile.edges.find((node: any) => node.node.relativePath === file)
   const captureStart = `// scss-docs-start ${capture}`
   const captureEnd = `// scss-docs-end ${capture}`

packages/docs/src/styles/_component-examples.scss

@@ -351,6 +351,7 @@
   position: relative;
   padding: .75rem ($cd-gutter-x * .5);
   margin-bottom: 1rem;
+  border: 1px solid var(--cui-border-color);
   background-color: var(--cd-pre-bg);
 
   @include media-breakpoint-up(md) {
@@ -415,7 +416,6 @@
 }
 
 .docs-example + .highlight {
-  border: 1px solid var(--cui-border-color);
   border-top-width: 0;
   @include border-top-radius(0);
 }

packages/docs/src/styles/_prism.scss

@@ -70,7 +70,7 @@ pre[class*='language-'] {
   hyphens: none;
 }
 
-pre[class*='language-']:not(.language-sass):not(.language-text):not(.language-css) {
+pre[class*='language-']:not(.language-sass):not(.language-scss):not(.language-text):not(.language-css) {
   overflow: scroll;
   max-height: 500px;
 }