From 73ce937c88c12796e0a36d7437fd5ae2a4ddcf19 Mon Sep 17 00:00:00 2001
From: jongomez <jon.olive.gomez@gmail.com>
Date: Wed, 18 Oct 2023 16:37:19 +0100
Subject: [PATCH] fix: update icon names to match names on figma

---
 .../src/components/Calendar/Month.tsx         | 16 ++++++-------
 .../src/components/Checkbox/Checkbox.tsx      | 10 ++++----
 .../CollapseHeader/CollapseHeader.tsx         |  6 ++---
 .../src/components/Dropdown/Dropdown.tsx      |  6 ++---
 .../components/DropdownItem/DropdownItem.tsx  |  6 ++---
 .../components/Icons/ArrowDownIcon/index.ts   |  1 -
 .../src/components/Icons/ArrowUpIcon/index.ts |  1 -
 .../CheckboxFilledIcon/CheckboxFilledIcon.tsx | 24 -------------------
 .../Icons/CheckboxFilledIcon/index.ts         |  1 -
 .../Icons/CheckboxIcon/CheckboxIcon.tsx       |  4 +++-
 .../Icons/CheckboxIndeterminate/index.ts      |  1 -
 .../CheckboxOutlineBlankIcon.tsx              | 22 +++++++++++++++++
 .../Icons/CheckboxOutlineBlankIcon/index.ts   |  1 +
 .../ChevronDownIcon.tsx}                      |  2 +-
 .../components/Icons/ChevronDownIcon/index.ts |  1 +
 .../ChevronLeftIcon.tsx}                      |  2 +-
 .../components/Icons/ChevronLeftIcon/index.ts |  1 +
 .../ChevronRightIcon.tsx}                     |  2 +-
 .../Icons/ChevronRightIcon/index.ts           |  1 +
 .../ChevronUpIcon.tsx}                        |  2 +-
 .../components/Icons/ChevronUpIcon/index.ts   |  1 +
 .../IndeterminateCheckboxFilledIcon.tsx}      |  2 +-
 .../IndeterminateCheckboxFilledIcon/index.ts  |  1 +
 .../Icons/NavigateBeforeIcon/index.ts         |  1 -
 .../Icons/NavigateNextIcon/index.ts           |  1 -
 .../Icons/NewPageIcon/NewPageIcon.tsx         | 24 -------------------
 .../src/components/Icons/NewPageIcon/index.ts |  1 -
 .../RadioButtonCheckedIcon.tsx}               |  2 +-
 .../Icons/RadioButtonCheckedIcon/index.ts     |  1 +
 .../Icons/RadioButtonFilledIcon/index.ts      |  1 -
 .../lsd-react/src/components/Icons/index.ts   | 13 +++++-----
 .../components/RadioButton/RadioButton.tsx    |  4 ++--
 .../lsd-react/src/components/Tabs/Tabs.tsx    |  6 ++---
 33 files changed, 71 insertions(+), 97 deletions(-)
 delete mode 100644 packages/lsd-react/src/components/Icons/ArrowDownIcon/index.ts
 delete mode 100644 packages/lsd-react/src/components/Icons/ArrowUpIcon/index.ts
 delete mode 100644 packages/lsd-react/src/components/Icons/CheckboxFilledIcon/CheckboxFilledIcon.tsx
 delete mode 100644 packages/lsd-react/src/components/Icons/CheckboxFilledIcon/index.ts
 delete mode 100644 packages/lsd-react/src/components/Icons/CheckboxIndeterminate/index.ts
 create mode 100644 packages/lsd-react/src/components/Icons/CheckboxOutlineBlankIcon/CheckboxOutlineBlankIcon.tsx
 create mode 100644 packages/lsd-react/src/components/Icons/CheckboxOutlineBlankIcon/index.ts
 rename packages/lsd-react/src/components/Icons/{ArrowDownIcon/ArrowDownIcon.tsx => ChevronDownIcon/ChevronDownIcon.tsx} (90%)
 create mode 100644 packages/lsd-react/src/components/Icons/ChevronDownIcon/index.ts
 rename packages/lsd-react/src/components/Icons/{NavigateBeforeIcon/NavigateBeforeIcon.tsx => ChevronLeftIcon/ChevronLeftIcon.tsx} (90%)
 create mode 100644 packages/lsd-react/src/components/Icons/ChevronLeftIcon/index.ts
 rename packages/lsd-react/src/components/Icons/{NavigateNextIcon/NavigateNextIcon.tsx => ChevronRightIcon/ChevronRightIcon.tsx} (90%)
 create mode 100644 packages/lsd-react/src/components/Icons/ChevronRightIcon/index.ts
 rename packages/lsd-react/src/components/Icons/{ArrowUpIcon/ArrowUpIcon.tsx => ChevronUpIcon/ChevronUpIcon.tsx} (91%)
 create mode 100644 packages/lsd-react/src/components/Icons/ChevronUpIcon/index.ts
 rename packages/lsd-react/src/components/Icons/{CheckboxIndeterminate/CheckboxIndeterminateIcon.tsx => IndeterminateCheckboxFilledIcon/IndeterminateCheckboxFilledIcon.tsx} (91%)
 create mode 100644 packages/lsd-react/src/components/Icons/IndeterminateCheckboxFilledIcon/index.ts
 delete mode 100644 packages/lsd-react/src/components/Icons/NavigateBeforeIcon/index.ts
 delete mode 100644 packages/lsd-react/src/components/Icons/NavigateNextIcon/index.ts
 delete mode 100644 packages/lsd-react/src/components/Icons/NewPageIcon/NewPageIcon.tsx
 delete mode 100644 packages/lsd-react/src/components/Icons/NewPageIcon/index.ts
 rename packages/lsd-react/src/components/Icons/{RadioButtonFilledIcon/RadioButtonFilledIcon.tsx => RadioButtonCheckedIcon/RadioButtonCheckedIcon.tsx} (95%)
 create mode 100644 packages/lsd-react/src/components/Icons/RadioButtonCheckedIcon/index.ts
 delete mode 100644 packages/lsd-react/src/components/Icons/RadioButtonFilledIcon/index.ts

diff --git a/packages/lsd-react/src/components/Calendar/Month.tsx b/packages/lsd-react/src/components/Calendar/Month.tsx
index 8731ac3..4b3ab10 100644
--- a/packages/lsd-react/src/components/Calendar/Month.tsx
+++ b/packages/lsd-react/src/components/Calendar/Month.tsx
@@ -4,10 +4,10 @@ import { useRef, useState } from 'react'
 import { useClickAway } from 'react-use'
 import { IconButton } from '../IconButton'
 import {
-  ArrowDownIcon,
-  ArrowUpIcon,
-  NavigateBeforeIcon,
-  NavigateNextIcon,
+  ChevronDownIcon,
+  ChevronUpIcon,
+  ChevronLeftIcon,
+  ChevronRightIcon,
 } from '../Icons'
 import { Typography } from '../Typography'
 import { calendarClasses } from './Calendar.classes'
@@ -68,7 +68,7 @@ export const Month = ({
           type="button"
           onClick={goToPreviousMonths}
         >
-          <NavigateBeforeIcon color="primary" />
+          <ChevronLeftIcon color="primary" />
         </button>
         <div className={calendarClasses.row}>
           <Typography
@@ -92,13 +92,13 @@ export const Month = ({
                   onClick={() => setYear(year + 1)}
                   className={calendarClasses.changeYearButton}
                 >
-                  <ArrowUpIcon color="primary" />
+                  <ChevronUpIcon color="primary" />
                 </IconButton>
                 <IconButton
                   onClick={() => setYear(year - 1)}
                   className={calendarClasses.changeYearButton}
                 >
-                  <ArrowDownIcon color="primary" />
+                  <ChevronDownIcon color="primary" />
                 </IconButton>
               </div>
             </div>
@@ -117,7 +117,7 @@ export const Month = ({
           type="button"
           onClick={goToNextMonths}
         >
-          <NavigateNextIcon color="primary" />
+          <ChevronRightIcon color="primary" />
         </button>
       </div>
       <div className={clsx(calendarClasses.grid)}>
diff --git a/packages/lsd-react/src/components/Checkbox/Checkbox.tsx b/packages/lsd-react/src/components/Checkbox/Checkbox.tsx
index b433f76..7c06646 100644
--- a/packages/lsd-react/src/components/Checkbox/Checkbox.tsx
+++ b/packages/lsd-react/src/components/Checkbox/Checkbox.tsx
@@ -7,8 +7,8 @@ import {
 } from '../../utils/useCommonProps'
 import { useInput } from '../../utils/useInput'
 import { useCheckboxGroupContext } from '../CheckboxGroup/CheckboxGroup.context'
-import { CheckboxFilledIcon, CheckboxIcon } from '../Icons'
-import { CheckboxIndeterminateIcon } from '../Icons/CheckboxIndeterminate'
+import { CheckboxIcon, CheckboxOutlineBlankIcon } from '../Icons'
+import { IndeterminateCheckboxFilledIcon } from '../Icons/IndeterminateCheckboxFilledIcon'
 import { Typography } from '../Typography'
 import { checkboxClasses } from './Checkbox.classes'
 
@@ -98,11 +98,11 @@ export const Checkbox: React.FC<CheckboxProps> & {
         {...inputProps}
       />
       {indeterminate ? (
-        <CheckboxIndeterminateIcon color="primary" focusable={false} />
+        <IndeterminateCheckboxFilledIcon color="primary" focusable={false} />
       ) : input.value ? (
-        <CheckboxFilledIcon color="primary" focusable={false} />
-      ) : (
         <CheckboxIcon color="primary" focusable={false} />
+      ) : (
+        <CheckboxOutlineBlankIcon color="primary" focusable={false} />
       )}
       <span className={checkboxClasses.label}>{children}</span>
     </Typography>
diff --git a/packages/lsd-react/src/components/CollapseHeader/CollapseHeader.tsx b/packages/lsd-react/src/components/CollapseHeader/CollapseHeader.tsx
index 04b79c1..8d7e587 100644
--- a/packages/lsd-react/src/components/CollapseHeader/CollapseHeader.tsx
+++ b/packages/lsd-react/src/components/CollapseHeader/CollapseHeader.tsx
@@ -5,7 +5,7 @@ import {
   omitCommonProps,
   useCommonProps,
 } from '../../utils/useCommonProps'
-import { ArrowDownIcon, ArrowUpIcon } from '../Icons'
+import { ChevronDownIcon, ChevronUpIcon } from '../Icons'
 import { Typography } from '../Typography'
 import { collapseHeaderClasses } from './CollapseHeader.classes'
 
@@ -58,12 +58,12 @@ export const CollapseHeader: React.FC<CollapseHeaderProps> & {
         </Typography>
         <div className={collapseHeaderClasses.icons}>
           {open ? (
-            <ArrowUpIcon
+            <ChevronUpIcon
               color="primary"
               className={collapseHeaderClasses.menuIcon}
             />
           ) : (
-            <ArrowDownIcon
+            <ChevronDownIcon
               color="primary"
               className={collapseHeaderClasses.menuIcon}
             />
diff --git a/packages/lsd-react/src/components/Dropdown/Dropdown.tsx b/packages/lsd-react/src/components/Dropdown/Dropdown.tsx
index 3699095..63d42d0 100644
--- a/packages/lsd-react/src/components/Dropdown/Dropdown.tsx
+++ b/packages/lsd-react/src/components/Dropdown/Dropdown.tsx
@@ -8,7 +8,7 @@ import {
 import { SelectOption, useSelect } from '../../utils/useSelect'
 import { DropdownItem } from '../DropdownItem'
 import { DropdownMenu } from '../DropdownMenu'
-import { ArrowDownIcon, ArrowUpIcon, ErrorIcon } from '../Icons'
+import { ChevronDownIcon, ChevronUpIcon, ErrorIcon } from '../Icons'
 import { Portal } from '../PortalProvider/Portal'
 import { Typography } from '../Typography'
 import { dropdownClasses } from './Dropdown.classes'
@@ -138,12 +138,12 @@ export const Dropdown: React.FC<DropdownProps> & {
             )}
 
             {openState ? (
-              <ArrowUpIcon
+              <ChevronUpIcon
                 color="primary"
                 className={dropdownClasses.menuIcon}
               />
             ) : (
-              <ArrowDownIcon
+              <ChevronDownIcon
                 color="primary"
                 className={dropdownClasses.menuIcon}
               />
diff --git a/packages/lsd-react/src/components/DropdownItem/DropdownItem.tsx b/packages/lsd-react/src/components/DropdownItem/DropdownItem.tsx
index 5dd7052..b9ae657 100644
--- a/packages/lsd-react/src/components/DropdownItem/DropdownItem.tsx
+++ b/packages/lsd-react/src/components/DropdownItem/DropdownItem.tsx
@@ -5,7 +5,7 @@ import {
   omitCommonProps,
   useCommonProps,
 } from '../../utils/useCommonProps'
-import { CheckboxFilledIcon, CheckboxIcon, LsdIconProps } from '../Icons'
+import { CheckboxIcon, CheckboxOutlineBlankIcon, LsdIconProps } from '../Icons'
 import { Typography } from '../Typography'
 import { dropdownItemClasses } from './DropdownItem.classes'
 
@@ -52,9 +52,9 @@ export const DropdownItem: React.FC<DropdownItemProps> & {
     >
       {withIcon &&
         (selected ? (
-          <CheckboxFilledIcon {...iconProps} />
-        ) : (
           <CheckboxIcon {...iconProps} />
+        ) : (
+          <CheckboxOutlineBlankIcon {...iconProps} />
         ))}
       <Typography
         variant={size === 'large' ? 'label1' : 'label2'}
diff --git a/packages/lsd-react/src/components/Icons/ArrowDownIcon/index.ts b/packages/lsd-react/src/components/Icons/ArrowDownIcon/index.ts
deleted file mode 100644
index 462c44a..0000000
--- a/packages/lsd-react/src/components/Icons/ArrowDownIcon/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './ArrowDownIcon'
diff --git a/packages/lsd-react/src/components/Icons/ArrowUpIcon/index.ts b/packages/lsd-react/src/components/Icons/ArrowUpIcon/index.ts
deleted file mode 100644
index c20a747..0000000
--- a/packages/lsd-react/src/components/Icons/ArrowUpIcon/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './ArrowUpIcon'
diff --git a/packages/lsd-react/src/components/Icons/CheckboxFilledIcon/CheckboxFilledIcon.tsx b/packages/lsd-react/src/components/Icons/CheckboxFilledIcon/CheckboxFilledIcon.tsx
deleted file mode 100644
index f09e34c..0000000
--- a/packages/lsd-react/src/components/Icons/CheckboxFilledIcon/CheckboxFilledIcon.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import { LsdIcon } from '../LsdIcon'
-
-export const CheckboxFilledIcon = LsdIcon(
-  (props) => (
-    <svg
-      width="14"
-      height="14"
-      viewBox="0 0 14 14"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      {...props}
-    >
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M2.91667 1.75H11.0833C11.725 1.75 12.25 2.275 12.25 2.91667V11.0833C12.25 11.725 11.725 12.25 11.0833 12.25H2.91667C2.275 12.25 1.75 11.725 1.75 11.0833V2.91667C1.75 2.275 2.275 1.75 2.91667 1.75ZM9.68333 4.43333L10.5 5.25L5.83333 9.91667L3.5 7.58333L4.31667 6.76667L5.83333 8.28333L9.68333 4.43333Z"
-        fill="black"
-      />
-    </svg>
-  ),
-  {
-    filled: true,
-  },
-)
diff --git a/packages/lsd-react/src/components/Icons/CheckboxFilledIcon/index.ts b/packages/lsd-react/src/components/Icons/CheckboxFilledIcon/index.ts
deleted file mode 100644
index 0c3d5b6..0000000
--- a/packages/lsd-react/src/components/Icons/CheckboxFilledIcon/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './CheckboxFilledIcon'
diff --git a/packages/lsd-react/src/components/Icons/CheckboxIcon/CheckboxIcon.tsx b/packages/lsd-react/src/components/Icons/CheckboxIcon/CheckboxIcon.tsx
index e056a5a..da103d2 100644
--- a/packages/lsd-react/src/components/Icons/CheckboxIcon/CheckboxIcon.tsx
+++ b/packages/lsd-react/src/components/Icons/CheckboxIcon/CheckboxIcon.tsx
@@ -11,7 +11,9 @@ export const CheckboxIcon = LsdIcon(
       {...props}
     >
       <path
-        d="M11.0833 2.91667V11.0833H2.91667V2.91667H11.0833ZM11.0833 1.75H2.91667C2.275 1.75 1.75 2.275 1.75 2.91667V11.0833C1.75 11.725 2.275 12.25 2.91667 12.25H11.0833C11.725 12.25 12.25 11.725 12.25 11.0833V2.91667C12.25 2.275 11.725 1.75 11.0833 1.75Z"
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M2.91667 1.75H11.0833C11.725 1.75 12.25 2.275 12.25 2.91667V11.0833C12.25 11.725 11.725 12.25 11.0833 12.25H2.91667C2.275 12.25 1.75 11.725 1.75 11.0833V2.91667C1.75 2.275 2.275 1.75 2.91667 1.75ZM9.68333 4.43333L10.5 5.25L5.83333 9.91667L3.5 7.58333L4.31667 6.76667L5.83333 8.28333L9.68333 4.43333Z"
         fill="black"
       />
     </svg>
diff --git a/packages/lsd-react/src/components/Icons/CheckboxIndeterminate/index.ts b/packages/lsd-react/src/components/Icons/CheckboxIndeterminate/index.ts
deleted file mode 100644
index 1775ffb..0000000
--- a/packages/lsd-react/src/components/Icons/CheckboxIndeterminate/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './CheckboxIndeterminateIcon'
diff --git a/packages/lsd-react/src/components/Icons/CheckboxOutlineBlankIcon/CheckboxOutlineBlankIcon.tsx b/packages/lsd-react/src/components/Icons/CheckboxOutlineBlankIcon/CheckboxOutlineBlankIcon.tsx
new file mode 100644
index 0000000..0efdc19
--- /dev/null
+++ b/packages/lsd-react/src/components/Icons/CheckboxOutlineBlankIcon/CheckboxOutlineBlankIcon.tsx
@@ -0,0 +1,22 @@
+import { LsdIcon } from '../LsdIcon'
+
+export const CheckboxOutlineBlankIcon = LsdIcon(
+  (props) => (
+    <svg
+      width="14"
+      height="14"
+      viewBox="0 0 14 14"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <path
+        d="M11.0833 2.91667V11.0833H2.91667V2.91667H11.0833ZM11.0833 1.75H2.91667C2.275 1.75 1.75 2.275 1.75 2.91667V11.0833C1.75 11.725 2.275 12.25 2.91667 12.25H11.0833C11.725 12.25 12.25 11.725 12.25 11.0833V2.91667C12.25 2.275 11.725 1.75 11.0833 1.75Z"
+        fill="black"
+      />
+    </svg>
+  ),
+  {
+    filled: true,
+  },
+)
diff --git a/packages/lsd-react/src/components/Icons/CheckboxOutlineBlankIcon/index.ts b/packages/lsd-react/src/components/Icons/CheckboxOutlineBlankIcon/index.ts
new file mode 100644
index 0000000..774bc54
--- /dev/null
+++ b/packages/lsd-react/src/components/Icons/CheckboxOutlineBlankIcon/index.ts
@@ -0,0 +1 @@
+export * from './CheckboxOutlineBlankIcon'
diff --git a/packages/lsd-react/src/components/Icons/ArrowDownIcon/ArrowDownIcon.tsx b/packages/lsd-react/src/components/Icons/ChevronDownIcon/ChevronDownIcon.tsx
similarity index 90%
rename from packages/lsd-react/src/components/Icons/ArrowDownIcon/ArrowDownIcon.tsx
rename to packages/lsd-react/src/components/Icons/ChevronDownIcon/ChevronDownIcon.tsx
index 7ad38fc..f67ebe9 100644
--- a/packages/lsd-react/src/components/Icons/ArrowDownIcon/ArrowDownIcon.tsx
+++ b/packages/lsd-react/src/components/Icons/ChevronDownIcon/ChevronDownIcon.tsx
@@ -1,6 +1,6 @@
 import { LsdIcon } from '../LsdIcon'
 
-export const ArrowDownIcon = LsdIcon(
+export const ChevronDownIcon = LsdIcon(
   (props) => (
     <svg
       width="14"
diff --git a/packages/lsd-react/src/components/Icons/ChevronDownIcon/index.ts b/packages/lsd-react/src/components/Icons/ChevronDownIcon/index.ts
new file mode 100644
index 0000000..1df374f
--- /dev/null
+++ b/packages/lsd-react/src/components/Icons/ChevronDownIcon/index.ts
@@ -0,0 +1 @@
+export * from './ChevronDownIcon'
diff --git a/packages/lsd-react/src/components/Icons/NavigateBeforeIcon/NavigateBeforeIcon.tsx b/packages/lsd-react/src/components/Icons/ChevronLeftIcon/ChevronLeftIcon.tsx
similarity index 90%
rename from packages/lsd-react/src/components/Icons/NavigateBeforeIcon/NavigateBeforeIcon.tsx
rename to packages/lsd-react/src/components/Icons/ChevronLeftIcon/ChevronLeftIcon.tsx
index 9fd51f3..19a8942 100644
--- a/packages/lsd-react/src/components/Icons/NavigateBeforeIcon/NavigateBeforeIcon.tsx
+++ b/packages/lsd-react/src/components/Icons/ChevronLeftIcon/ChevronLeftIcon.tsx
@@ -1,6 +1,6 @@
 import { LsdIcon } from '../LsdIcon'
 
-export const NavigateBeforeIcon = LsdIcon(
+export const ChevronLeftIcon = LsdIcon(
   (props) => (
     <svg
       width="14"
diff --git a/packages/lsd-react/src/components/Icons/ChevronLeftIcon/index.ts b/packages/lsd-react/src/components/Icons/ChevronLeftIcon/index.ts
new file mode 100644
index 0000000..847ce07
--- /dev/null
+++ b/packages/lsd-react/src/components/Icons/ChevronLeftIcon/index.ts
@@ -0,0 +1 @@
+export * from './ChevronLeftIcon'
diff --git a/packages/lsd-react/src/components/Icons/NavigateNextIcon/NavigateNextIcon.tsx b/packages/lsd-react/src/components/Icons/ChevronRightIcon/ChevronRightIcon.tsx
similarity index 90%
rename from packages/lsd-react/src/components/Icons/NavigateNextIcon/NavigateNextIcon.tsx
rename to packages/lsd-react/src/components/Icons/ChevronRightIcon/ChevronRightIcon.tsx
index 8546c17..11cc84d 100644
--- a/packages/lsd-react/src/components/Icons/NavigateNextIcon/NavigateNextIcon.tsx
+++ b/packages/lsd-react/src/components/Icons/ChevronRightIcon/ChevronRightIcon.tsx
@@ -1,6 +1,6 @@
 import { LsdIcon } from '../LsdIcon'
 
-export const NavigateNextIcon = LsdIcon(
+export const ChevronRightIcon = LsdIcon(
   (props) => (
     <svg
       width="14"
diff --git a/packages/lsd-react/src/components/Icons/ChevronRightIcon/index.ts b/packages/lsd-react/src/components/Icons/ChevronRightIcon/index.ts
new file mode 100644
index 0000000..3d31277
--- /dev/null
+++ b/packages/lsd-react/src/components/Icons/ChevronRightIcon/index.ts
@@ -0,0 +1 @@
+export * from './ChevronRightIcon'
diff --git a/packages/lsd-react/src/components/Icons/ArrowUpIcon/ArrowUpIcon.tsx b/packages/lsd-react/src/components/Icons/ChevronUpIcon/ChevronUpIcon.tsx
similarity index 91%
rename from packages/lsd-react/src/components/Icons/ArrowUpIcon/ArrowUpIcon.tsx
rename to packages/lsd-react/src/components/Icons/ChevronUpIcon/ChevronUpIcon.tsx
index a36d196..1edd05a 100644
--- a/packages/lsd-react/src/components/Icons/ArrowUpIcon/ArrowUpIcon.tsx
+++ b/packages/lsd-react/src/components/Icons/ChevronUpIcon/ChevronUpIcon.tsx
@@ -1,6 +1,6 @@
 import { LsdIcon } from '../LsdIcon'
 
-export const ArrowUpIcon = LsdIcon(
+export const ChevronUpIcon = LsdIcon(
   (props) => (
     <svg
       width="14"
diff --git a/packages/lsd-react/src/components/Icons/ChevronUpIcon/index.ts b/packages/lsd-react/src/components/Icons/ChevronUpIcon/index.ts
new file mode 100644
index 0000000..be1b0d2
--- /dev/null
+++ b/packages/lsd-react/src/components/Icons/ChevronUpIcon/index.ts
@@ -0,0 +1 @@
+export * from './ChevronUpIcon'
diff --git a/packages/lsd-react/src/components/Icons/CheckboxIndeterminate/CheckboxIndeterminateIcon.tsx b/packages/lsd-react/src/components/Icons/IndeterminateCheckboxFilledIcon/IndeterminateCheckboxFilledIcon.tsx
similarity index 91%
rename from packages/lsd-react/src/components/Icons/CheckboxIndeterminate/CheckboxIndeterminateIcon.tsx
rename to packages/lsd-react/src/components/Icons/IndeterminateCheckboxFilledIcon/IndeterminateCheckboxFilledIcon.tsx
index dad4ef2..9f1252b 100644
--- a/packages/lsd-react/src/components/Icons/CheckboxIndeterminate/CheckboxIndeterminateIcon.tsx
+++ b/packages/lsd-react/src/components/Icons/IndeterminateCheckboxFilledIcon/IndeterminateCheckboxFilledIcon.tsx
@@ -1,6 +1,6 @@
 import { LsdIcon } from '../LsdIcon'
 
-export const CheckboxIndeterminateIcon = LsdIcon(
+export const IndeterminateCheckboxFilledIcon = LsdIcon(
   (props) => (
     <svg
       width="14"
diff --git a/packages/lsd-react/src/components/Icons/IndeterminateCheckboxFilledIcon/index.ts b/packages/lsd-react/src/components/Icons/IndeterminateCheckboxFilledIcon/index.ts
new file mode 100644
index 0000000..1dfa389
--- /dev/null
+++ b/packages/lsd-react/src/components/Icons/IndeterminateCheckboxFilledIcon/index.ts
@@ -0,0 +1 @@
+export * from './IndeterminateCheckboxFilledIcon'
diff --git a/packages/lsd-react/src/components/Icons/NavigateBeforeIcon/index.ts b/packages/lsd-react/src/components/Icons/NavigateBeforeIcon/index.ts
deleted file mode 100644
index 6662488..0000000
--- a/packages/lsd-react/src/components/Icons/NavigateBeforeIcon/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './NavigateBeforeIcon'
diff --git a/packages/lsd-react/src/components/Icons/NavigateNextIcon/index.ts b/packages/lsd-react/src/components/Icons/NavigateNextIcon/index.ts
deleted file mode 100644
index 17d193d..0000000
--- a/packages/lsd-react/src/components/Icons/NavigateNextIcon/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './NavigateNextIcon'
diff --git a/packages/lsd-react/src/components/Icons/NewPageIcon/NewPageIcon.tsx b/packages/lsd-react/src/components/Icons/NewPageIcon/NewPageIcon.tsx
deleted file mode 100644
index a34aa35..0000000
--- a/packages/lsd-react/src/components/Icons/NewPageIcon/NewPageIcon.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import { LsdIcon } from '../LsdIcon'
-
-export const NewPageIcon = LsdIcon(
-  (props) => (
-    <svg
-      width="14"
-      height="14"
-      viewBox="0 0 14 14"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      {...props}
-    >
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M9.79293 3.5H3.00004V2.5H11.5V11H10.5V4.20711L3.35359 11.3536L2.64648 10.6464L9.79293 3.5Z"
-        fill="black"
-      />
-    </svg>
-  ),
-  {
-    filled: true,
-  },
-)
diff --git a/packages/lsd-react/src/components/Icons/NewPageIcon/index.ts b/packages/lsd-react/src/components/Icons/NewPageIcon/index.ts
deleted file mode 100644
index 87719f9..0000000
--- a/packages/lsd-react/src/components/Icons/NewPageIcon/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './NewPageIcon'
diff --git a/packages/lsd-react/src/components/Icons/RadioButtonFilledIcon/RadioButtonFilledIcon.tsx b/packages/lsd-react/src/components/Icons/RadioButtonCheckedIcon/RadioButtonCheckedIcon.tsx
similarity index 95%
rename from packages/lsd-react/src/components/Icons/RadioButtonFilledIcon/RadioButtonFilledIcon.tsx
rename to packages/lsd-react/src/components/Icons/RadioButtonCheckedIcon/RadioButtonCheckedIcon.tsx
index 9c78c51..6843f88 100644
--- a/packages/lsd-react/src/components/Icons/RadioButtonFilledIcon/RadioButtonFilledIcon.tsx
+++ b/packages/lsd-react/src/components/Icons/RadioButtonCheckedIcon/RadioButtonCheckedIcon.tsx
@@ -1,6 +1,6 @@
 import { LsdIcon } from '../LsdIcon'
 
-export const RadioButtonFilledIcon = LsdIcon(
+export const RadioButtonCheckedIcon = LsdIcon(
   (props) => (
     <svg
       width="14"
diff --git a/packages/lsd-react/src/components/Icons/RadioButtonCheckedIcon/index.ts b/packages/lsd-react/src/components/Icons/RadioButtonCheckedIcon/index.ts
new file mode 100644
index 0000000..b2e50f2
--- /dev/null
+++ b/packages/lsd-react/src/components/Icons/RadioButtonCheckedIcon/index.ts
@@ -0,0 +1 @@
+export * from './RadioButtonCheckedIcon'
diff --git a/packages/lsd-react/src/components/Icons/RadioButtonFilledIcon/index.ts b/packages/lsd-react/src/components/Icons/RadioButtonFilledIcon/index.ts
deleted file mode 100644
index 62143be..0000000
--- a/packages/lsd-react/src/components/Icons/RadioButtonFilledIcon/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './RadioButtonFilledIcon'
diff --git a/packages/lsd-react/src/components/Icons/index.ts b/packages/lsd-react/src/components/Icons/index.ts
index b4c3312..240c730 100644
--- a/packages/lsd-react/src/components/Icons/index.ts
+++ b/packages/lsd-react/src/components/Icons/index.ts
@@ -1,9 +1,9 @@
 export * from './AddIcon'
-export * from './ArrowDownIcon'
+export * from './ChevronDownIcon'
 export * from './ArrowForwardIcon'
-export * from './ArrowUpIcon'
-export * from './CheckboxFilledIcon'
+export * from './ChevronUpIcon'
 export * from './CheckboxIcon'
+export * from './CheckboxOutlineBlankIcon'
 export * from './CheckIcon'
 export * from './CloseIcon'
 export * from './ErrorIcon'
@@ -12,12 +12,11 @@ export * from './KeyboardReturnIcon'
 export * from './LsdIcon'
 export * from './MenuIcon'
 export * from './MoreIcon'
-export * from './NavigateBeforeIcon'
-export * from './NavigateNextIcon'
-export * from './NewPageIcon'
+export * from './ChevronLeftIcon'
+export * from './ChevronRightIcon'
 export * from './SearchIcon'
 export * from './PickIcon'
 export * from './RadioButtonIcon'
-export * from './RadioButtonFilledIcon'
+export * from './RadioButtonCheckedIcon'
 export * from './CalendarIcon'
 export * from './RemoveIcon'
diff --git a/packages/lsd-react/src/components/RadioButton/RadioButton.tsx b/packages/lsd-react/src/components/RadioButton/RadioButton.tsx
index e5eb370..a50ccc5 100644
--- a/packages/lsd-react/src/components/RadioButton/RadioButton.tsx
+++ b/packages/lsd-react/src/components/RadioButton/RadioButton.tsx
@@ -6,7 +6,7 @@ import {
   useCommonProps,
 } from '../../utils/useCommonProps'
 import { useInput } from '../../utils/useInput'
-import { RadioButtonFilledIcon, RadioButtonIcon } from '../Icons'
+import { RadioButtonCheckedIcon, RadioButtonIcon } from '../Icons'
 import { useRadioButtonGroupContext } from '../RadioButtonGroup/RadioButtonGroup.context'
 import { Typography } from '../Typography'
 import { radioButtonClasses } from './RadioButton.classes'
@@ -91,7 +91,7 @@ export const RadioButton: React.FC<RadioButtonProps> & {
         {...inputProps}
       />
       {input.value ? (
-        <RadioButtonFilledIcon color="primary" focusable={false} />
+        <RadioButtonCheckedIcon color="primary" focusable={false} />
       ) : (
         <RadioButtonIcon color="primary" focusable={false} />
       )}
diff --git a/packages/lsd-react/src/components/Tabs/Tabs.tsx b/packages/lsd-react/src/components/Tabs/Tabs.tsx
index 9c73295..4c28548 100644
--- a/packages/lsd-react/src/components/Tabs/Tabs.tsx
+++ b/packages/lsd-react/src/components/Tabs/Tabs.tsx
@@ -6,7 +6,7 @@ import {
   useCommonProps,
 } from '../../utils/useCommonProps'
 import { useHorizontalScroll } from '../../utils/useHorizontalScroll'
-import { NavigateBeforeIcon, NavigateNextIcon } from '../Icons'
+import { ChevronLeftIcon, ChevronRightIcon } from '../Icons'
 import { TabItem } from '../TabItem'
 import { TabsContext } from './Tab.context'
 import { tabsClasses } from './Tabs.classes'
@@ -69,7 +69,7 @@ export const Tabs: React.FC<TabsProps> & {
             onClick={() => scroll.toLeft()}
             className={tabsClasses.leftScrollControl}
           >
-            <NavigateBeforeIcon color="primary" />
+            <ChevronLeftIcon color="primary" />
           </TabItem>
         )}
         {children}
@@ -81,7 +81,7 @@ export const Tabs: React.FC<TabsProps> & {
             onClick={() => scroll.toRight()}
             className={tabsClasses.rightScrollControl}
           >
-            <NavigateNextIcon color="primary" />
+            <ChevronRightIcon color="primary" />
           </TabItem>
         )}
       </div>