@weni/unnnic-system 3.9.4-alpha.2 → 3.9.4-alpha.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@weni/unnnic-system",
-  "version": "3.9.4-alpha.2",
+  "version": "3.9.4-alpha.4",
   "type": "commonjs",
   "files": [
     "dist",

package/src/components/Collapse/Collapse.vue

@@ -20,7 +20,7 @@
       {{ title }}<slot name="header"></slot>
 
       <UnnnicIcon
-        size="xs"
+        size="ant"
         :icon="localActive ? 'arrow-button-up-1' : 'arrow-button-down-1'"
         :scheme="localActive ? 'neutral-dark' : 'neutral-cloudy'"
       />

package/src/components/Collapse/__tests__/__snapshots__/Collapse.spec.js.snap

@@ -2,7 +2,7 @@
 
 exports[`Collapse.vue > matches the snapshot 1`] = `
 "<div data-v-7d0d9fbd="" data-testid="collapse" class="unnnic-collapse unnnic-collapse--size-lg">
-  <div data-v-7d0d9fbd="" data-testid="collapse-header" class="unnnic-collapse__header">Test Title<span data-v-26446d8e="" data-v-7d0d9fbd="" class="unnnic-icon material-symbols-rounded unnnic-icon-scheme--neutral-cloudy unnnic-icon-size--xs unnnic-icon__size--xs" data-testid="material-icon" translate="no">expand_more</span></div>
+  <div data-v-7d0d9fbd="" data-testid="collapse-header" class="unnnic-collapse__header">Test Title<span data-v-26446d8e="" data-v-7d0d9fbd="" class="unnnic-icon material-symbols-rounded unnnic-icon-scheme--neutral-cloudy unnnic-icon-size--ant unnnic-icon__size--ant" data-testid="material-icon" translate="no">expand_more</span></div>
   <div data-v-7d0d9fbd="" class="unnnic-collapse__body" style="display: none;"></div>
 </div>"
 `;

package/src/components/Icon.vue

@@ -133,15 +133,7 @@ $icon-sizes:
   font-family: 'Material Symbols Rounded';
   font-style: normal;
   font-weight: 300;
-  src: url('../assets/fonts/Material Symbols Rounded.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'Material Symbols Rounded Filled';
-  font-style: normal;
-  font-weight: 300;
-  src: url('../assets/fonts/Material Symbols Rounded Filled.woff2')
-    format('woff2');
+  src: url('../assets/fonts/material-symbols-rounded.woff2') format('woff2');
 }
 
 .unnnic-icon {
@@ -200,7 +192,7 @@ $icon-sizes:
   user-select: none;
 
   &--filled {
-    font-family: 'Material Symbols Rounded Filled';
+    font-variation-settings: 'FILL' 1;
   }
 }
 </style>

package/src/stories/Icon.stories.js

@@ -9,6 +9,8 @@ const iconsOptions = [
   'fitness-biceps-1',
   'close-1',
   'check-2',
+  'article_person',
+  'stacks',
 ];
 
 const schemes = [