Bedriftsmeny v.7.0.0 (#136)

* Fjerner ikoner og bruk av virksomhetsnr

* Fjerner piktogram og undertittel

* Ny padding og underlinje

* Major Bump

* Bredere bedriftsmeny

* Release versjon av bedriftsmeny

next-env.d.ts

@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/basic-features/typescript for more information.
+// see https://nextjs.org/docs/pages/building-your-application/configuring/typescript for more information.

package.json

@@ -1,6 +1,6 @@
 {
     "name": "@navikt/bedriftsmeny",
-    "version": "6.13.2-rc2",
+    "version": "7.0.0",
     "description": "Bedriftsvelger og -meny for innlogget arbeidsgiver. Laget av TAG (Tjenester for Arbeidsgivere).",
     "author": "NAVIKT",
     "license": "MIT",

src/bedriftsmeny/Bedriftsmeny.tsx

@@ -8,8 +8,6 @@ import Velger from './velger/Virksomhetsvelger';
 
 interface EgneProps {
     sidetittel?: string | JSX.Element;
-    undertittel?: string;
-    piktogram?: JSX.Element;
     organisasjoner?: Organisasjon[];
     onOrganisasjonChange?: (organisasjon: Organisasjon) => void;
     /**
@@ -27,8 +25,6 @@ const Bedriftsmeny: FunctionComponent<EgneProps> = (props) => {
     return (
         <BedriftsmenyView
             tittel={sidetittel}
-            undertittel={props.undertittel}
-            piktogram={props.piktogram}
             virksomhetsvelger={<Virksomhetsvelger {...props} friKomponent={false} />}
             bjelle={props.children}
         />
@@ -117,12 +113,6 @@ export const flatUtOrganisasjonstre = (organisasjonstre: Organisasjonstre[]): Or
     return organisasjonstre.flatMap((o) => kutter(o));
 };
 
-export { Arbeidsforhold } from './piktogrammer/Arbeidsforhold';
-export { AvtalerOmTiltak } from './piktogrammer/AvtalerOmTiltak';
-export { ForebyggeSykefravaer } from './piktogrammer/ForebyggeSykefravaer';
-export { Kandidater } from './piktogrammer/Kandidater';
-export { Refusjon } from './piktogrammer/Refusjon';
-export { MSAIkon } from './piktogrammer/MSAIkon';
 export { hentAlleJuridiskeEnheter } from './hentAlleJuridiskeEnheter';
 export type { Organisasjon } from './organisasjon';
 

src/bedriftsmeny/BedriftsmenyView.css

@@ -1,32 +1,15 @@
 .navbm-bedriftsmeny {
     background-color: var(--a-bg-default);
-    border-bottom: 0.25rem solid var(--a-border-focus-on-inverted);
+    border-bottom: 1px solid var(--a-gray-300);
     padding: 1rem;
 }
 
 @media (min-width: 48rem) {
     .navbm-bedriftsmeny {
-        padding: 32px 16px 24px;
+        padding: 20px 16px;
     }
 }
 
-.navbm-piktogram {
-    display: flex;
-    justify-content: flex-end;
-    margin: 0 32px 0 64px;
-    align-items: flex-start;
-}
-
-.navbm-piktogram > svg {
-    height: 52px;
-    width: 52px;
-}
-
-@media (max-width: 70.5rem) {
-    .navbm-piktogram {
-        display: none;
-    }
-}
 
 .navbm-innhold-header {
     display: flex;
@@ -62,12 +45,5 @@
     gap: 1rem;
     align-items: center;
     justify-content: flex-end;
-    max-width: 26.25rem;
-}
-
-
-@media (max-width: 420px) {
-    .navbm-widgets {
-        padding: 1rem 0 1rem 1rem;
-    }
+    max-width: 30rem;
 }

src/bedriftsmeny/BedriftsmenyView.tsx

@@ -1,34 +1,22 @@
 import React, {ReactNode} from 'react';
-import {BodyShort, Heading} from '@navikt/ds-react';
-import {MSAIkon} from "./piktogrammer/MSAIkon";
+import { Heading} from '@navikt/ds-react';
 
 interface Props {
     tittel?: string | JSX.Element;
-    undertittel?: string;
-    piktogram?: JSX.Element;
     virksomhetsvelger: JSX.Element;
     bjelle?: JSX.Element | ReactNode;
 }
 
 export const BedriftsmenyView = (props: Props) => (
     <div className="navbm-bedriftsmeny">
         <div className="navbm-container">
-            <div className="navbm-piktogram">
-                {props.piktogram ?? <MSAIkon/>}
-            </div>
             <div className="navbm-innhold">
                 <div className="navbm-innhold-header">
                     {typeof props.tittel === 'string' ? (
                         <Heading size="xlarge">{props.tittel}</Heading>
                     ) : (
                         props.tittel
                     )}
-                    {props.undertittel ?
-                        <div className="navbm-innhold-footer">
-                            <BodyShort size="small">{props.undertittel.toUpperCase()}</BodyShort>
-                        </div>
-                        : null
-                    }
                 </div>
                 <div className="navbm-widgets">
                     {props.virksomhetsvelger}