update align icons (#261)

Co-authored-by: Mikhail Volkov <mikhail@volkovlabs.io>
VolkovLabs · Feb 21, 2025 · 01e8a8d · 01e8a8d
1 parent 60380ef
commit 01e8a8d
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/...ablesEditor/components/TableEditor/components/ActionsColumnEditor/ActionsColumnEditor.tsx b/...ablesEditor/components/TableEditor/components/ActionsColumnEditor/ActionsColumnEditor.tsx
@@ -177,23 +177,23 @@ export const ActionsColumnEditor: React.FC<Props> = ({ value, onChange }) => {
               options={[
                 {
                   value: ColumnAlignment.START,
-                  icon: 'align-left',
+                  icon: 'horizontal-align-left',
                   description: 'Start',
                   ariaLabel: TEST_IDS.actionColumnsEditor.fieldAppearanceAlignmentOption.selector(
                     ColumnAlignment.START
                   ),
                 },
                 {
                   value: ColumnAlignment.CENTER,
-                  icon: 'bars',
+                  icon: 'horizontal-align-center',
                   description: 'Center',
                   ariaLabel: TEST_IDS.actionColumnsEditor.fieldAppearanceAlignmentOption.selector(
                     ColumnAlignment.CENTER
                   ),
                 },
                 {
                   value: ColumnAlignment.END,
-                  icon: 'align-right',
+                  icon: 'horizontal-align-right',
                   description: 'End',
                   ariaLabel: TEST_IDS.actionColumnsEditor.fieldAppearanceAlignmentOption.selector(ColumnAlignment.END),
                 },

diff --git a/.../components/TableEditor/components/ColumnsEditor/components/ColumnEditor/ColumnEditor.tsx b/.../components/TableEditor/components/ColumnsEditor/components/ColumnEditor/ColumnEditor.tsx
@@ -187,7 +187,7 @@ const columnPinDirectionOptions = [
   {
     value: ColumnPinDirection.LEFT,
     label: '',
-    icon: 'align-left',
+    icon: 'horizontal-align-left',
     description: 'Pinned to the left',
     ariaLabel: TEST_IDS.columnEditor.pinDirectionOption.selector(ColumnPinDirection.LEFT),
   },
@@ -199,7 +199,7 @@ const columnPinDirectionOptions = [
   {
     value: ColumnPinDirection.RIGHT,
     label: '',
-    icon: 'align-right',
+    icon: 'horizontal-align-right',
     description: 'Pinned to the right',
     ariaLabel: TEST_IDS.columnEditor.pinDirectionOption.selector(ColumnPinDirection.RIGHT),
   },
@@ -706,19 +706,19 @@ export const ColumnEditor: React.FC<Props> = ({ value, onChange, data, isAggrega
                 options={[
                   {
                     value: ColumnAlignment.START,
-                    icon: 'align-left',
+                    icon: 'horizontal-align-left',
                     description: 'Start',
                     ariaLabel: TEST_IDS.columnEditor.fieldAppearanceAlignmentOption.selector(ColumnAlignment.START),
                   },
                   {
                     value: ColumnAlignment.CENTER,
-                    icon: 'bars',
+                    icon: 'horizontal-align-center',
                     description: 'Center',
                     ariaLabel: TEST_IDS.columnEditor.fieldAppearanceAlignmentOption.selector(ColumnAlignment.CENTER),
                   },
                   {
                     value: ColumnAlignment.END,
-                    icon: 'align-right',
+                    icon: 'horizontal-align-right',
                     description: 'End',
                     ariaLabel: TEST_IDS.columnEditor.fieldAppearanceAlignmentOption.selector(ColumnAlignment.END),
                   },