@weni/unnnic-system 3.12.6-alpha-teleports.0 → 3.12.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@weni/unnnic-system",
-  "version": "3.12.6-alpha-teleports.0",
+  "version": "3.12.7",
   "type": "commonjs",
   "files": [
     "dist",
@@ -63,7 +63,6 @@
     "reka-ui": "^2.6.0",
     "remark-gfm": "^4.0.0",
     "tw-animate-css": "^1.4.0",
-    "vaul-vue": "^0.4.1",
     "vue": "^3.4.8",
     "vue-i18n": "9",
     "vue-the-mask": "^0.11.1"
@@ -115,4 +114,4 @@
     "vue-eslint-parser": "^9.4.2",
     "vue-tsc": "^3.0.5"
   }
-}
+}

package/src/assets/scss/tailwind.scss

@@ -92,13 +92,5 @@
     @apply bg-background text-foreground;
     font-family: $unnnic-font-family;
   }
-
-  button {
-    border: none;
-    background: none;
-    padding: 0;
-    margin: 0;
-    cursor: pointer;
-  }
 }
 

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

@@ -2,7 +2,7 @@
 
 exports[`UnnnicAlert.vue > matches the snapshot 1`] = `
 "<transition-stub data-v-c3231c18="" name="toast-slide" appear="true" persisted="false" css="true" data-testid="toast-transition">
-  <aside data-v-c3231c18="" class="unnnic-toast unnnic-toast--success" role="status" aria-live="polite" data-testid="toast" style="z-index: 1005;">
+  <aside data-v-c3231c18="" class="unnnic-toast unnnic-toast--success" role="status" aria-live="polite" data-testid="toast">
     <section data-v-c3231c18="" class="unnnic-toast__content" data-testid="toast-content">
       <header data-v-c3231c18="" class="unnnic-toast__header" data-testid="toast-header"><span data-v-26446d8e="" data-v-c3231c18="" class="unnnic-icon material-symbols-rounded unnnic-icon-scheme--green-500 unnnic-icon-size--ant unnnic-icon__size--ant" data-testid="toast-type-icon" translate="no">check_circle</span>
         <h3 data-v-c3231c18="" class="unnnic-toast__title" data-testid="toast-title">Test Alert</h3><span data-v-26446d8e="" data-v-c3231c18="" class="unnnic-icon material-symbols-rounded unnnic-icon-scheme--neutral-dark unnnic-icon-size--ant unnnic-icon__size--ant unnnic--clickable unnnic-toast__close" data-testid="toast-close-icon" translate="no">close</span>

package/src/components/ChartFunnel/DefaultFunnel/ChartDefaultFunnelBase.vue

@@ -59,9 +59,8 @@ const props = defineProps<{
 }>();
 
 const calculatedTransform = computed(() => {
-  return `skew(${props.data.length === 2 ? '-8deg': '-12deg'}, 0deg) translateX(-20px)`;
+  return `skew(${props.data.length === 2 ? '-8deg' : '-12deg'}, 0deg) translateX(-20px)`;
 });
-
 </script>
 
 <style lang="scss" scoped>

package/src/components/ChartFunnel/SvgFunnel/ChartFunnelTwoRows.vue

@@ -1,65 +1,64 @@
 <template>
-    <ChartFunnelBaseRow
-      class="unnnic-chart-funnel-two-rows"
-      :rows="rows"
-      viewBox="0 0 250 148"
-    />
-  </template>
-  
-  <script>
-  import ChartFunnelBaseRow from './ChartFunnelBaseRow.vue';
-  export default {
-    name: 'UnnnicChartFunnelTwoRows',
-  
-    components: {
-      ChartFunnelBaseRow,
+  <ChartFunnelBaseRow
+    class="unnnic-chart-funnel-two-rows"
+    :rows="rows"
+    viewBox="0 0 250 148"
+  />
+</template>
+
+<script>
+import ChartFunnelBaseRow from './ChartFunnelBaseRow.vue';
+export default {
+  name: 'UnnnicChartFunnelTwoRows',
+
+  components: {
+    ChartFunnelBaseRow,
+  },
+
+  props: {
+    data: {
+      type: Array,
+      required: true,
     },
-  
-    props: {
-      data: {
-        type: Array,
-        required: true,
-      },
+  },
+
+  computed: {
+    rows() {
+      const { data } = this;
+      return [
+        {
+          pathD:
+            'M362.938 0H12.025C6.30976 0 2.43799 5.81972 4.64626 11.0911L31 74H343.75L370.307 11.1122C372.535 5.83818 368.663 0 362.938 0Z',
+          titleX: '50%',
+          titleY: '32',
+          descriptionX: '50%',
+          descriptionY: '52',
+          title: data[0].title,
+          description: data[0].description,
+        },
+        {
+          pathD: 'M344 74H31L63.4654 148H311.535L344 74Z',
+          titleX: '50%',
+          titleY: '106',
+          descriptionX: '50%',
+          descriptionY: '126',
+          title: data[1].title,
+          description: data[1].description,
+        },
+      ];
     },
-  
-    computed: {
-      rows() {
-        const { data } = this;
-        return [
-          {
-            pathD:
-              'M362.938 0H12.025C6.30976 0 2.43799 5.81972 4.64626 11.0911L31 74H343.75L370.307 11.1122C372.535 5.83818 368.663 0 362.938 0Z',
-            titleX: '50%',
-            titleY: '32',
-            descriptionX: '50%',
-            descriptionY: '52',
-            title: data[0].title,
-            description: data[0].description,
-          },
-          {
-            pathD: 'M344 74H31L63.4654 148H311.535L344 74Z',
-            titleX: '50%',
-            titleY: '106',
-            descriptionX: '50%',
-            descriptionY: '126',
-            title: data[1].title,
-            description: data[1].description,
-          }
-        ];
-      },
-    },
-  };
-  </script>
-  
-  <style lang="scss">
-  @use '@/assets/scss/unnnic' as *;
-  .unnnic-chart-funnel-two-rows {
-    [class$='row']:nth-child(1) {
-      fill: $unnnic-color-weni-950;
-    }
-    [class$='row']:nth-child(2) {
-      fill: $unnnic-color-weni-800;
-    }
+  },
+};
+</script>
+
+<style lang="scss">
+@use '@/assets/scss/unnnic' as *;
+.unnnic-chart-funnel-two-rows {
+  [class$='row']:nth-child(1) {
+    fill: $unnnic-color-weni-950;
+  }
+  [class$='row']:nth-child(2) {
+    fill: $unnnic-color-weni-800;
   }
-  </style>
-  
+}
+</style>

package/src/components/Checkbox/Checkbox.vue

@@ -1,7 +1,12 @@
 <!-- eslint-disable vue/multi-word-component-names -->
 <template>
   <section class="unnnic-checkbox">
-    <label :class="['unnnic-checkbox__input-wrapper', {'unnnic-checkbox__input-wrapper--disabled': disabled}]">
+    <label
+      :class="[
+        'unnnic-checkbox__input-wrapper',
+        { 'unnnic-checkbox__input-wrapper--disabled': disabled },
+      ]"
+    >
       <input
         :class="[
           'unnnic-checkbox__input',
@@ -150,7 +155,8 @@ $checkbox-size: 21px;
       }
     }
 
-    &:disabled, &:disabled:checked {
+    &:disabled,
+    &:disabled:checked {
       background-color: $unnnic-color-bg-muted;
       border: 1px solid $unnnic-color-border-muted;
 

package/src/components/CheckboxGroup/CheckboxGroup.vue

@@ -1,8 +1,10 @@
 <template>
-  <section :class="[
-    'unnnic-checkbox-group__container',
-    `unnnic-checkbox-group--state-${state}`,
-  ]">
+  <section
+    :class="[
+      'unnnic-checkbox-group__container',
+      `unnnic-checkbox-group--state-${state}`,
+    ]"
+  >
     <UnnnicLabel
       v-if="label"
       :label="label"
@@ -52,7 +54,7 @@ const props = defineProps({
   },
 });
 </script>
-  
+
 <style lang="scss" scoped>
 @use '@/assets/scss/unnnic' as *;
 

package/src/components/Chip/Chip.vue

@@ -80,7 +80,7 @@ const chipClass = computed(() => {
   border-radius: 600px;
   background-color: $unnnic-color-bg-base;
   border: 1px solid transparent;
-  
+
   &:hover {
     background-color: $unnnic-color-bg-soft;
   }