Merge pull request #1382 from statisticsnorway/MIM-2040-breadcrumb-re…

…move-unneeded-classes

Breadcrumb remove unneeded classes

lib/bundle.css

@@ -183,26 +183,6 @@ a {
   line-height: 1.25;
 }
 
-.ssb-breadcrumbs .breadcrumb-item + .breadcrumb-item::before {
-  content: none !important;
-}
-
-.breadcrumb-button {
-  cursor: pointer;
-  color: inherit;
-  text-decoration: none;
-  background: none;
-  border: none;
-  padding: 0;
-  font-size: 16px;
-  font-family: "Open Sans", sans-serif;
-}
-.breadcrumb-button:focus {
-  outline: 2px solid rgb(146, 114, 252);
-  outline-offset: 4px;
-  border-radius: 2px;
-}
-
 .ssb-btn {
   font-family: "Roboto", sans-serif !important;
   font-stretch: normal;

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@statisticsnorway/ssb-component-library",
-  "version": "2.4.1",
+  "version": "2.4.2",
   "description": "Component library for SSB (Statistics Norway)",
   "main": "lib/bundle.js",
   "scripts": {

src/components/Breadcrumb/__snapshots__/breadcrumb.test.jsx.snap

@@ -5,11 +5,9 @@ exports[`Breadcrumb component Matches the snapshot 1`] = `
   <div
     class="ssb-breadcrumbs"
   >
-    <div
-      class="breadcrumb-item"
-    >
+    <div>
       <a
-        class="ssb-link breadcrumb-link"
+        class="ssb-link"
         href=" "
       >
         <span
@@ -20,11 +18,9 @@ exports[`Breadcrumb component Matches the snapshot 1`] = `
       </a>
        / 
     </div>
-    <div
-      class="breadcrumb-item"
-    >
+    <div>
       <a
-        class="ssb-link breadcrumb-link"
+        class="ssb-link"
         href=" "
       >
         <span
@@ -35,9 +31,7 @@ exports[`Breadcrumb component Matches the snapshot 1`] = `
       </a>
        / 
     </div>
-    <span
-      class="breadcrumb-text"
-    >
+    <span>
       breadcrumb 3
     </span>
   </div>

src/components/Breadcrumb/index.jsx

@@ -24,14 +24,12 @@ const Breadcrumb = ({ className, items, mobileCompressedView = false }) => {
       ) : (
         <>
           {items.slice(0, -1).map((item) => (
-            <div key={item.text} className='breadcrumb-item'>
-              <Link href={item.link} className='breadcrumb-link'>
-                {item.text}
-              </Link>
+            <div key={item.text}>
+              <Link href={item.link}>{item.text}</Link>
               &nbsp;/&nbsp;
             </div>
           ))}
-          <span className='breadcrumb-text'>{items[items.length - 1].text}</span>
+          <span>{items[items.length - 1].text}</span>
         </>
       )}
     </div>