feat(icon): fix select & checkbox icons

Signed-off-by: Stagnol <a.stagnol@gmail.com>
ovh · Jul 29, 2024 · 0ab68bf · 0ab68bf
1 parent 6ad6c7a
commit 0ab68bf
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 8 deletions.
diff --git a/packages/ods/src/components/select/src/components/ods-select/ods-select.scss b/packages/ods/src/components/select/src/components/ods-select/ods-select.scss
@@ -6,7 +6,7 @@
 @import '~tom-select/dist/css/tom-select.bootstrap4.min.css';
 
 $select-background-color: #fff;
-$select-caret-size: 24px;
+$select-caret-size: 14px;
 $select-base-padding: 8px;
 $select-padding-right: $select-caret-size + ($select-base-padding * 2);
 
@@ -170,14 +170,14 @@ $select-padding-right: $select-caret-size + ($select-base-padding * 2);
           height: auto;
           color: var(--ods-color-primary-500);
           font-size: $select-caret-size;
-          content: '\e916';
+          content: '\e917';
         }
       }
 
       &.dropdown-active {
         .ts-control {
           &::after {
-            content: '\e919';
+            content: '\e91a';
           }
         }
       }

diff --git a/packages/ods/src/style/_checkbox.scss b/packages/ods/src/style/_checkbox.scss
@@ -21,6 +21,7 @@ $ods-checkbox-size: 16px;
 
     position: absolute;
     color: var(--ods-color-primary-000);
+    font-size: 0.5rem;
   }
 
   &:focus-visible {
@@ -35,7 +36,7 @@ $ods-checkbox-size: 16px;
 
   &:indeterminate {
     &::before {
-      content: "\e962";
+      content: "\e963";
     }
   }
 

diff --git a/packages/storybook/stories/components/icon/icon.stories.ts b/packages/storybook/stories/components/icon/icon.stories.ts
@@ -34,7 +34,8 @@ export const Demo: StoryObj = {
     },
   }),
   args: {
-    name: ODS_ICON_NAME.plus,
+    name: ODS_ICON_NAME.home,
+    alt: 'home icon'
   },
 };
 
@@ -67,7 +68,7 @@ export const Default: StoryObj = {
     layout: 'centered',
   },
   render: () => html`
-<ods-icon name="arrow-left"></ods-icon>
+<ods-icon name="home"></ods-icon>
   `,
 };
 
@@ -77,7 +78,7 @@ export const Name: StoryObj = {
     layout: 'centered',
   },
   render: () => html`
-<ods-icon name="arrow-left"></ods-icon>
-<ods-icon name="warning-triangle"></ods-icon>
+<ods-icon name="home"></ods-icon>
+<ods-icon name="plus"></ods-icon>
   `,
 };