chore: replace old Pencil icon

NDLANO · Nov 8, 2024 · 6f65621 · 6f65621
1 parent e1cfd24
commit 6f65621
Show file tree

Hide file tree

Showing 16 changed files with 33 additions and 33 deletions.
diff --git a/src/components/SlateEditor/plugins/campaignBlock/SlateCampaignBlock.tsx b/src/components/SlateEditor/plugins/campaignBlock/SlateCampaignBlock.tsx
@@ -11,7 +11,7 @@ import { useTranslation } from "react-i18next";
 import { Editor, Path, Transforms } from "slate";
 import { ReactEditor, RenderElementProps } from "slate-react";
 import { Portal } from "@ark-ui/react";
-import { Pencil, DeleteBinLine } from "@ndla/icons/action";
+import { DeleteBinLine, PencilFill } from "@ndla/icons/action";
 import {
   DialogBody,
   DialogContent,
@@ -112,7 +112,7 @@ const SlateCampaignBlock = ({ element, editor, attributes, children }: Props) =>
                   title={t("campaignBlockForm.title")}
                   onClick={() => setIsEditing(true)}
                 >
-                  <Pencil />
+                  <PencilFill />
                 </IconButton>
               </DialogTrigger>
               <IconButton

diff --git a/src/components/SlateEditor/plugins/codeBlock/CodeBlock.tsx b/src/components/SlateEditor/plugins/codeBlock/CodeBlock.tsx
@@ -38,7 +38,7 @@ import { useTranslation } from "react-i18next";
 import { Editor, Path, Transforms } from "slate";
 import { ReactEditor, RenderElementProps } from "slate-react";
 import { Portal } from "@ark-ui/react";
-import { Pencil, DeleteBinLine } from "@ndla/icons/action";
+import { DeleteBinLine, PencilFill } from "@ndla/icons/action";
 import { Code } from "@ndla/icons/editor";
 import {
   DialogBody,
@@ -160,7 +160,7 @@ const CodeBlock = ({ attributes, editor, element, children }: Props) => {
                 title={t("codeEditor.edit")}
                 aria-label={t("codeEditor.edit")}
               >
-                <Pencil />
+                <PencilFill />
               </IconButton>
             </DialogTrigger>
             <IconButton

diff --git a/src/components/SlateEditor/plugins/contactBlock/SlateContactBlock.tsx b/src/components/SlateEditor/plugins/contactBlock/SlateContactBlock.tsx
@@ -11,7 +11,7 @@ import { useTranslation } from "react-i18next";
 import { Editor, Path, Transforms } from "slate";
 import { ReactEditor, RenderElementProps } from "slate-react";
 import { Portal } from "@ark-ui/react";
-import { Pencil, DeleteBinLine } from "@ndla/icons/action";
+import { PencilFill, DeleteBinLine } from "@ndla/icons/action";
 import {
   DialogBody,
   DialogContent,
@@ -109,7 +109,7 @@ const SlateContactBlock = ({ element, editor, attributes, children }: Props) =>
                   aria-label={t("contactBlockForm.edit")}
                   title={t("contactBlockForm.edit")}
                 >
-                  <Pencil />
+                  <PencilFill />
                 </IconButton>
               </DialogTrigger>
               <IconButton

diff --git a/src/components/SlateEditor/plugins/external/SlateExternal.tsx b/src/components/SlateEditor/plugins/external/SlateExternal.tsx
@@ -11,7 +11,7 @@ import { useTranslation } from "react-i18next";
 import { Editor, Path, Transforms } from "slate";
 import { ReactEditor, RenderElementProps, useSelected } from "slate-react";
 import { Portal } from "@ark-ui/react";
-import { Pencil, DeleteBinLine } from "@ndla/icons/action";
+import { PencilFill, DeleteBinLine } from "@ndla/icons/action";
 import { Expandable } from "@ndla/icons/editor";
 import {
   DialogBody,
@@ -177,7 +177,7 @@ export const SlateExternal = ({ element, editor, attributes, children }: Props)
           <StyledFigureButtons contentEditable={false}>
             <DialogTrigger asChild>
               <IconButton aria-label={editLabel} title={editLabel} variant="secondary" size="small">
-                <Pencil />
+                <PencilFill />
               </IconButton>
             </DialogTrigger>
             <IconButton

diff --git a/src/components/SlateEditor/plugins/file/SlateFile.tsx b/src/components/SlateEditor/plugins/file/SlateFile.tsx
@@ -8,7 +8,7 @@
 
 import { KeyboardEvent, MouseEvent, useCallback, useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
-import { CloseLine, Pencil, DeleteBinLine } from "@ndla/icons/action";
+import { CloseLine, PencilFill, DeleteBinLine } from "@ndla/icons/action";
 import { CheckboxCircleFill, CheckLine } from "@ndla/icons/editor";
 import {
   CheckboxControl,
@@ -176,7 +176,7 @@ export const SlateFile = ({
                 variant="tertiary"
                 size="small"
               >
-                <Pencil />
+                <PencilFill />
               </IconButton>
             </>
           )}

diff --git a/src/components/SlateEditor/plugins/image/SlateImage.tsx b/src/components/SlateEditor/plugins/image/SlateImage.tsx
@@ -12,7 +12,7 @@ import { useTranslation } from "react-i18next";
 import { Editor, Path, Transforms } from "slate";
 import { ReactEditor, RenderElementProps, useSelected } from "slate-react";
 import { Portal } from "@ark-ui/react";
-import { Pencil, DeleteBinLine } from "@ndla/icons/action";
+import { PencilFill, DeleteBinLine } from "@ndla/icons/action";
 import { Link } from "@ndla/icons/common";
 import { DialogContent, DialogRoot, DialogTrigger, IconButton } from "@ndla/primitives";
 import { SafeLinkIconButton } from "@ndla/safelink";
@@ -173,7 +173,7 @@ const SlateImage = ({ element, editor, attributes, children, allowDecorative = t
                 variant="secondary"
                 size="small"
               >
-                <Pencil />
+                <PencilFill />
               </IconButton>
             </DialogTrigger>
             <SafeLinkIconButton

diff --git a/src/components/SlateEditor/plugins/keyFigure/SlateKeyFigure.tsx b/src/components/SlateEditor/plugins/keyFigure/SlateKeyFigure.tsx
@@ -11,7 +11,7 @@ import { useTranslation } from "react-i18next";
 import { Editor, Path, Transforms } from "slate";
 import { ReactEditor, RenderElementProps } from "slate-react";
 import { Portal } from "@ark-ui/react";
-import { Pencil, DeleteBinLine } from "@ndla/icons/action";
+import { PencilFill, DeleteBinLine } from "@ndla/icons/action";
 import {
   DialogBody,
   DialogContent,
@@ -110,7 +110,7 @@ const SlateKeyFigure = ({ element, editor, attributes, children }: Props) => {
                   aria-label={t("keyFigureForm.edit")}
                   title={t("keyFigureForm.edit")}
                 >
-                  <Pencil />
+                  <PencilFill />
                 </IconButton>
               </DialogTrigger>
               <IconButton

diff --git a/src/components/SlateEditor/plugins/linkBlockList/SlateLinkBlockList.tsx b/src/components/SlateEditor/plugins/linkBlockList/SlateLinkBlockList.tsx
@@ -11,7 +11,7 @@ import { useTranslation } from "react-i18next";
 import { Editor, Path, Transforms } from "slate";
 import { ReactEditor, RenderElementProps } from "slate-react";
 import { Portal } from "@ark-ui/react";
-import { Pencil, AddLine, DeleteBinLine } from "@ndla/icons/action";
+import { PencilFill, AddLine, DeleteBinLine } from "@ndla/icons/action";
 import { DialogContent, DialogRoot, DialogTrigger, IconButton } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
 import { LinkBlockEmbedData } from "@ndla/types-embed";
@@ -199,7 +199,7 @@ const SlateLinkBlock = ({ link, onSave, onDelete, allEmbeds, index }: SlateLinkB
         <ButtonWrapper>
           <DialogTrigger>
             <IconButton aria-label={t("linkBlock.edit")} title={t("linkBlock.edit")} size="small">
-              <Pencil />
+              <PencilFill />
             </IconButton>
           </DialogTrigger>
           <Portal>

diff --git a/src/components/SlateEditor/plugins/pitch/SlatePitch.tsx b/src/components/SlateEditor/plugins/pitch/SlatePitch.tsx
@@ -11,7 +11,7 @@ import { useTranslation } from "react-i18next";
 import { Editor, Path, Transforms } from "slate";
 import { ReactEditor, RenderElementProps } from "slate-react";
 import { Portal } from "@ark-ui/react";
-import { Pencil, DeleteBinLine } from "@ndla/icons/action";
+import { PencilFill, DeleteBinLine } from "@ndla/icons/action";
 import {
   DialogBody,
   DialogTitle,
@@ -102,7 +102,7 @@ const SlatePitch = ({ element, editor, attributes, children }: Props) => {
                   aria-label={t("pitchForm.title")}
                   title={t("pitchForm.title")}
                 >
-                  <Pencil />
+                  <PencilFill />
                 </IconButton>
               </DialogTrigger>
               <IconButton

diff --git a/src/components/SlateEditor/plugins/related/EditRelated.tsx b/src/components/SlateEditor/plugins/related/EditRelated.tsx
@@ -9,7 +9,7 @@
 import { MouseEvent, useCallback, useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { DragEndEvent } from "@dnd-kit/core";
-import { Pencil, DeleteBinLine } from "@ndla/icons/action";
+import { PencilFill, DeleteBinLine } from "@ndla/icons/action";
 import {
   ComboboxLabel,
   DialogBody,
@@ -168,7 +168,7 @@ const EditRelated = ({ updateArticles, insertExternal, embeds, onInsertBlock }:
                       }}
                       title={t("form.content.relatedArticle.changeExternal")}
                     >
-                      <Pencil />
+                      <PencilFill />
                     </IconButton>
                   )}
                   <IconButton

diff --git a/src/components/SlateEditor/plugins/related/RelatedArticleBox.tsx b/src/components/SlateEditor/plugins/related/RelatedArticleBox.tsx
@@ -12,7 +12,7 @@ import { useTranslation } from "react-i18next";
 import { Editor, Transforms } from "slate";
 import { ReactEditor, RenderElementProps } from "slate-react";
 import { Portal } from "@ark-ui/react";
-import { Pencil, DeleteBinLine } from "@ndla/icons/action";
+import { PencilFill, DeleteBinLine } from "@ndla/icons/action";
 import { DialogContent, DialogRoot, DialogTrigger, IconButton } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
 import { RelatedContentEmbedData, RelatedContentMetaData } from "@ndla/types-embed";
@@ -184,7 +184,7 @@ const RelatedArticleBox = ({ attributes, editor, element, children }: Props) =>
             <ButtonWrapper>
               <DialogTrigger asChild>
                 <IconButton aria-label={t("form.edit")} variant="tertiary" size="small" title={t("form.edit")}>
-                  <Pencil />
+                  <PencilFill />
                 </IconButton>
               </DialogTrigger>
 

diff --git a/src/components/SlateEditor/plugins/video/SlateVideo.tsx b/src/components/SlateEditor/plugins/video/SlateVideo.tsx
@@ -11,7 +11,7 @@ import { useTranslation } from "react-i18next";
 import { Editor, Element, Path, Transforms } from "slate";
 import { ReactEditor, RenderElementProps, useSelected } from "slate-react";
 import { Portal } from "@ark-ui/react";
-import { Pencil, DeleteBinLine } from "@ndla/icons/action";
+import { DeleteBinLine, PencilFill } from "@ndla/icons/action";
 import { Link } from "@ndla/icons/editor";
 import { DialogContent, DialogRoot, DialogTrigger, IconButton } from "@ndla/primitives";
 import { SafeLinkIconButton } from "@ndla/safelink";
@@ -118,7 +118,7 @@ const SlateVideo = ({ attributes, element, editor, children }: Props) => {
                 variant="secondary"
                 size="small"
               >
-                <Pencil />
+                <PencilFill />
               </IconButton>
             </DialogTrigger>
             <SafeLinkIconButton

diff --git a/src/containers/NdlaFilm/components/ThemeEditor.tsx b/src/containers/NdlaFilm/components/ThemeEditor.tsx
@@ -9,7 +9,7 @@
 import { useField } from "formik";
 import { MouseEvent } from "react";
 import { useTranslation } from "react-i18next";
-import { Pencil, DeleteBinLine } from "@ndla/icons/action";
+import { DeleteBinLine, PencilFill } from "@ndla/icons/action";
 import { ArrowUpShortLine, ArrowDownShortLine } from "@ndla/icons/common";
 import { Button, Heading, IconButton } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
@@ -121,7 +121,7 @@ const ThemeEditor = ({ selectedLanguage }: Props) => {
                     aria-label={t("ndlaFilm.editor.editMovieGroupName")}
                     title={t("ndlaFilm.editor.editMovieGroupName")}
                   >
-                    <Pencil />
+                    <PencilFill />
                   </IconButton>
                 }
                 messages={{

diff --git a/src/containers/StructurePage/folderComponents/sharedMenuOptions/EditGrepCodes.tsx b/src/containers/StructurePage/folderComponents/sharedMenuOptions/EditGrepCodes.tsx
@@ -11,7 +11,7 @@ import { useTranslation } from "react-i18next";
 import styled from "@emotion/styled";
 import { ButtonV2, IconButtonV2 } from "@ndla/button";
 import { spacing } from "@ndla/core";
-import { AddLine, Pencil, DeleteBinLine } from "@ndla/icons/action";
+import { AddLine, PencilFill, DeleteBinLine } from "@ndla/icons/action";
 import { Node } from "@ndla/types-taxonomy";
 import MenuItemButton from "./components/MenuItemButton";
 import MenuItemEditField from "./components/MenuItemEditField";
@@ -110,7 +110,7 @@ const EditGrepCodes = ({ node, editModeHandler: { editMode, toggleEditMode } }:
           dataTestid="addGrepCopde"
           onClose={() => setAddingNewGrepCode(!addingNewGrepCode)}
           onSubmit={addGrepCode}
-          icon={<Pencil />}
+          icon={<PencilFill />}
           placeholder={t("form.grepCodes.placeholder")}
         />
       ) : (
@@ -125,7 +125,7 @@ const EditGrepCodes = ({ node, editModeHandler: { editMode, toggleEditMode } }:
   return (
     <>
       <MenuItemButton data-testid="editGrepCodes" onClick={() => toggleEditModes()}>
-        <RoundIcon small icon={<Pencil />} />
+        <RoundIcon small icon={<PencilFill />} />
         {t("taxonomy.grepCodes.edit")}
       </MenuItemButton>
       {editMode === "editGrepCodes" && grepCodesList}

diff --git a/src/containers/StructurePage/folderComponents/subjectMenuOptions/ChangeNodeName.tsx b/src/containers/StructurePage/folderComponents/subjectMenuOptions/ChangeNodeName.tsx
@@ -11,7 +11,7 @@ import { useCallback, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { Portal } from "@ark-ui/react";
 import { useQueryClient } from "@tanstack/react-query";
-import { Pencil, DeleteBinLine } from "@ndla/icons/action";
+import { PencilFill, DeleteBinLine } from "@ndla/icons/action";
 import {
   Button,
   DialogBody,
@@ -95,7 +95,7 @@ const ChangeNodeName = ({ editModeHandler: { editMode, toggleEditMode }, node }:
       {/* TODO: Remove consumeCss once MenuItemButton is updated */}
       <DialogTrigger asChild consumeCss>
         <MenuItemButton data-testid="changeNodeNameButton">
-          <RoundIcon small icon={<Pencil />} />
+          <RoundIcon small icon={<PencilFill />} />
           {t("taxonomy.changeName.buttonTitle")}
         </MenuItemButton>
       </DialogTrigger>

diff --git a/src/containers/TaxonomyVersions/components/Version.tsx b/src/containers/TaxonomyVersions/components/Version.tsx
@@ -12,7 +12,7 @@ import styled from "@emotion/styled";
 import { useQueryClient } from "@tanstack/react-query";
 import { IconButtonV2 } from "@ndla/button";
 import { colors, spacing } from "@ndla/core";
-import { Pencil, DeleteBinLine } from "@ndla/icons/action";
+import { PencilFill, DeleteBinLine } from "@ndla/icons/action";
 import { Launch } from "@ndla/icons/common";
 import { Keyhole } from "@ndla/icons/editor";
 import { SafeLink } from "@ndla/safelink";
@@ -161,7 +161,7 @@ const Version = ({ version }: Props) => {
               onClick={() => setIsEditing((prev) => !prev)}
               title={t("taxonomyVersions.editVersionTooltip")}
             >
-              <Pencil />
+              <PencilFill />
             </IconButtonV2>
             <IconButtonV2
               variant="ghost"