Merge pull request #396 from PrestaShopCorp/395-bug-skeleton-the-icon…

…s-for-the-img-video-and-graph-variants-are-no-longer-displayed fix: [Skeleton] #395 - display icons for img/video/graph variants
PrestaShopCorp · Jan 14, 2025 · 40a11ea · 40a11ea
2 parents 1097a54 + 7902753
commit 40a11ea
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/docs/stories/docs/TailwindPreset.mdx b/docs/stories/docs/TailwindPreset.mdx
@@ -130,7 +130,7 @@ Congratulations you can now use all the tailwind classes used in the library
   fontFamily: {
     primary: ['IBM Plex Sans', 'Verdana', 'Arial', 'sans-serif'],
     secondary: ['Prestafont', 'Verdana', 'Arial', 'sans-serif'],
-    materialIcons: ['Material Icons Round']
+    materialIcons: ['Material Symbols Rounded']
   },
   fontSize: {
     xs: ['0.75rem', { lineHeight: '1.125rem' }],

diff --git a/packages/components/skeleton-loader/src/skeleton-loader.vue b/packages/components/skeleton-loader/src/skeleton-loader.vue
@@ -1,7 +1,7 @@
 <template>
   <component
     :is="tag"
-    class="puik-skeleton-loader material-icons-round"
+    class="puik-skeleton-loader"
     :class="[`puik-skeleton-loader--${variant}`]"
     :style="{ width, height }"
   />

diff --git a/packages/theme/src/puik-skeleton-loader.scss b/packages/theme/src/puik-skeleton-loader.scss
@@ -1,5 +1,5 @@
 .puik-skeleton-loader {
-  @apply rounded w-full text-primary-500 text-2xl;
+  @apply font-materialIcons rounded w-full text-primary-500 text-2xl;
 
   background: linear-gradient(
     90deg,