bumper js-utils så vi får den nye logoen til biblioteksentralen

package.json

@@ -5,9 +5,12 @@
   "version": "1.0.0",
   "author": "Biblioteksentralen",
   "dependencies": {
-    "@biblioteksentralen/js-utils": "^1.7.0",
+    "@biblioteksentralen/icons": "^2.0.1",
+    "@biblioteksentralen/react": "^2.0.0",
+    "@biblioteksentralen/utils": "^2.0.0",
     "next": "^13.4.2",
     "react": "^18.2.0",
+    "react-feather": "^2.0.10",
     "react-dom": "^18.2.0",
     "swr": "^2.1.5"
   },

src/components/Footer.tsx

@@ -1,4 +1,5 @@
-import { BiblioteksentralenLogoWithName, Flex, Link, Stack, Text } from "@biblioteksentralen/js-utils";
+import { BiblioteksentralenLogoWithName } from "@biblioteksentralen/icons";
+import { Flex, Link, Stack, Text } from "@biblioteksentralen/react";
 import { Box, Container } from "@chakra-ui/react";
 
 function Footer() {

src/components/Header.tsx

@@ -1,4 +1,4 @@
-import { Box, Container, Flex, Link } from "@biblioteksentralen/js-utils";
+import { Box, Container, Flex, Link } from "@biblioteksentralen/react";
 import { css } from "@emotion/react";
 import NextLink from "next/link";
 

src/components/Plausible.tsx

@@ -1,4 +1,4 @@
-import { isDevelopment } from "@biblioteksentralen/js-utils";
+import { isDevelopment } from "@biblioteksentralen/utils";
 import Script from "next/script";
 import React from "react";
 

src/components/SEO.tsx

@@ -1,4 +1,4 @@
-import { withErrorBoundary } from "@biblioteksentralen/js-utils";
+import { withErrorBoundary } from "@biblioteksentralen/react";
 import Head from "next/head";
 import React, { useEffect } from "react";
 

src/components/SearchInput.tsx

@@ -1,19 +1,19 @@
 import {
   Box,
   BoxProps,
-  BsSearch,
   Button,
   Container,
   InputGroup,
   InputLeftElement,
   Stack,
   usePrevious,
-} from "@biblioteksentralen/js-utils";
+} from "@biblioteksentralen/react";
 import { Input } from "@chakra-ui/react";
 import styled from "@emotion/styled";
 import { useRouter } from "next/dist/client/router";
 import React, { useCallback, useEffect, useId, useRef, useState } from "react";
 import { useMount } from "../utils/useMount";
+import { Search } from "react-feather";
 
 const StyledForm = styled.form`
   display: flex;
@@ -77,8 +77,8 @@ function SearchInput({ ...chakraProps }: BoxProps) {
           </Box>
           <StyledForm role="search" onSubmit={handleSubmit}>
             <InputGroup>
-              <InputLeftElement pointerEvents="none" color="whiteAlpha.400" aria-hidden>
-                <BsSearch />
+              <InputLeftElement pointerEvents="none" color="whiteAlpha.500" aria-hidden>
+                <Search size="1em" />
               </InputLeftElement>
               <Input
                 id={inputId}

src/components/lignendeBøker/LignendeBok.tsx

@@ -1,4 +1,4 @@
-import { Box, ChakraProps, colors, Flex, Grid, LinkBox, LinkOverlay } from "@biblioteksentralen/js-utils";
+import { Box, ChakraProps, colors, Flex, Grid, LinkBox, LinkOverlay } from "@biblioteksentralen/react";
 import NextLink from "next/link";
 import { getVerkUrl } from "../../pages/verk/[workId]";
 import { ReadalikesResponse, WorksResponse } from "../../utils/forrigebokApi";

src/components/lignendeBøker/LignendeBøker.tsx

@@ -1,4 +1,4 @@
-import { Container, ContainerProps, Heading, List, withErrorBoundary } from "@biblioteksentralen/js-utils";
+import { Container, ContainerProps, Heading, List, withErrorBoundary } from "@biblioteksentralen/react";
 import { css, keyframes } from "@emotion/react";
 import { Work } from "../../utils/forrigebokApi";
 import Lignendebok from "./LignendeBok";

src/components/verk/CoverImage.tsx

@@ -1,4 +1,5 @@
-import { BookIcon, colors, seededRandom } from "@biblioteksentralen/js-utils";
+import { BookIcon } from "@biblioteksentralen/icons";
+import { colors, seededRandom } from "@biblioteksentralen/utils";
 import { Box, ChakraProps, Image, Skeleton } from "@chakra-ui/react";
 import { css } from "@emotion/react";
 import { WorksResponse } from "../../utils/forrigebokApi";
@@ -30,7 +31,7 @@ function Coverimage({ verk, ...chakraProps }: Props) {
         width="100%"
         {...chakraProps}
       >
-        <BookIcon aria-hidden />
+        <BookIcon fontSize="1em" aria-hidden />
       </Box>
     );
   }

src/components/verk/Metadata.tsx

@@ -1,4 +1,4 @@
-import { ChakraProps, Flex, FlexProps, Link, Stack } from "@biblioteksentralen/js-utils";
+import { ChakraProps, Flex, FlexProps, Link, Stack } from "@biblioteksentralen/react";
 import styled from "@emotion/styled";
 import { useState } from "react";
 import { WorksResponse } from "../../utils/forrigebokApi";

src/components/verk/Sammendrag.tsx

@@ -2,7 +2,7 @@ import { Box, ChakraProps, List } from "@chakra-ui/react";
 import StarProgressBar from "../StarProgressBar";
 import NextLink from "next/link";
 import { WorksResponse } from "../../utils/forrigebokApi";
-import { colors } from "@biblioteksentralen/js-utils";
+import { colors } from "@biblioteksentralen/react";
 import { getTermUrl } from "../../pages/term/[id]";
 
 function Sammendrag({ verk, ...chakraProps }: { verk: WorksResponse["works"][number] } & ChakraProps) {

src/components/verk/VerkInfo.tsx

@@ -1,4 +1,4 @@
-import { Container, Text, withErrorBoundary } from "@biblioteksentralen/js-utils";
+import { Container, Text, withErrorBoundary } from "@biblioteksentralen/react";
 import styled from "@emotion/styled";
 import { WorksResponse } from "../../utils/forrigebokApi";
 import Coverimage from "./CoverImage";

src/components/verk/VerkPreview.tsx

@@ -1,4 +1,4 @@
-import { Box, LinkBox, LinkOverlay, withErrorBoundary } from "@biblioteksentralen/js-utils";
+import { Box, LinkBox, LinkOverlay, withErrorBoundary } from "@biblioteksentralen/react";
 import NextLink from "next/link";
 import { getVerkUrl } from "../../pages/verk/[workId]";
 import { WorksResponse } from "../../utils/forrigebokApi";

src/pages/_app.tsx

@@ -1,10 +1,11 @@
-import { BiblioteksentralenProvider, Box, colors, Grid, isDevelopment } from "@biblioteksentralen/js-utils";
+import { BiblioteksentralenProvider, Box, colors, Grid } from "@biblioteksentralen/react";
 import { AppProps } from "next/app";
 import Head from "next/head";
 import { useEffect } from "react";
 import Footer from "../components/Footer";
 import Header from "../components/Header";
 import { PlausibleSetup } from "../components/Plausible";
+import { isDevelopment } from "@biblioteksentralen/utils";
 
 const LogVercelInfo = () => {
   useEffect(() => {

src/pages/index.tsx

@@ -1,4 +1,4 @@
-import { VisuallyHidden } from "@biblioteksentralen/js-utils";
+import { VisuallyHidden } from "@biblioteksentralen/react";
 import { Container, Heading, List, Stack } from "@chakra-ui/react";
 import { GetStaticProps } from "next";
 import SearchInput from "../components/SearchInput";

src/pages/sok.tsx

@@ -4,7 +4,6 @@ import {
   colors,
   Container,
   Flex,
-  keyframes,
   Link,
   LinkBox,
   LinkOverlay,
@@ -14,8 +13,8 @@ import {
   Spinner,
   Stack,
   Text,
-} from "@biblioteksentralen/js-utils";
-import { css } from "@emotion/react";
+} from "@biblioteksentralen/react";
+import { css, keyframes } from "@emotion/react";
 import NextLink from "next/link";
 import { useRouter } from "next/router";
 import useSWR from "swr";
@@ -84,10 +83,10 @@ const IngenTreff = (props: { query: string }) => (
 );
 
 const slideDown = keyframes`
-from {
-    opacity: 0;
-    transform: translateY(-1rem) scale(0.95);
-}
+  from {
+      opacity: 0;
+      transform: translateY(-1rem) scale(0.95);
+  }
 `;
 
 const TreffListe = (props: { data: WorksResponse }) => (

src/pages/term/[id].tsx

@@ -1,10 +1,10 @@
-import { colors, Container, Heading, List, ListItem, Stack, Text } from "@biblioteksentralen/js-utils";
+import { colors, Container, Heading, List, ListItem, Stack, Text } from "@biblioteksentralen/react";
 import { GetStaticPaths, GetStaticProps } from "next";
 import SEO from "../../components/SEO";
 import StarProgressBar from "../../components/StarProgressBar";
 import VerkPreview from "../../components/verk/VerkPreview";
-import { forrigebokFetcher } from "../../utils/forrigebokFetcher";
 import { ReadalikesResponse, VocabularyResponse } from "../../utils/forrigebokApi";
+import { forrigebokFetcher } from "../../utils/forrigebokFetcher";
 import { slugifyString } from "../../utils/slugifyString";
 
 export const getStaticPaths: GetStaticPaths = async () => {

src/pages/verk/[workId].tsx

@@ -1,4 +1,4 @@
-import { Grid } from "@biblioteksentralen/js-utils";
+import { Grid } from "@biblioteksentralen/react";
 import { GetStaticPaths, GetStaticProps } from "next";
 import LignendeBøker from "../../components/lignendeBøker/LignendeBøker";
 import SEO from "../../components/SEO";