@weni/unnnic-system 1.5.2 → 1.5.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@weni/unnnic-system",
-  "version": "1.5.2",
+  "version": "1.5.3",
   "main": "./dist/unnnic.common.js",
   "files": [
     "dist/*",

package/src/assets/icons/lock-2-2.svg

@@ -1,3 +1,3 @@
-<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M29.375 16.8755H28.4375V13.438C28.4375 11.2002 27.5486 9.05411 25.9662 7.47177C24.3839 5.88944 22.2378 5.00049 20 5.00049C17.7622 5.00049 15.6161 5.88944 14.0338 7.47177C12.4514 9.05411 11.5625 11.2002 11.5625 13.438V16.8755H10.625C9.96196 16.8755 9.32607 17.1389 8.85723 17.6077C8.38839 18.0766 8.125 18.7124 8.125 19.3755V32.5005C8.125 33.1635 8.38839 33.7994 8.85723 34.2683C9.32607 34.7371 9.96196 35.0005 10.625 35.0005H29.375C30.038 35.0005 30.6739 34.7371 31.1428 34.2683C31.6116 33.7994 31.875 33.1635 31.875 32.5005V19.3755C31.875 18.7124 31.6116 18.0766 31.1428 17.6077C30.6739 17.1389 30.038 16.8755 29.375 16.8755ZM20 28.1255C19.5055 28.1255 19.0222 27.9789 18.6111 27.7042C18.2 27.4295 17.8795 27.039 17.6903 26.5822C17.5011 26.1254 17.4516 25.6227 17.548 25.1378C17.6445 24.6528 17.8826 24.2074 18.2322 23.8577C18.5819 23.5081 19.0273 23.27 19.5123 23.1735C19.9972 23.0771 20.4999 23.1266 20.9567 23.3158C21.4135 23.505 21.804 23.8254 22.0787 24.2366C22.3534 24.6477 22.5 25.131 22.5 25.6255C22.5 26.2885 22.2366 26.9244 21.7678 27.3933C21.2989 27.8621 20.663 28.1255 20 28.1255ZM25.3125 16.2505C25.3125 16.4162 25.2467 16.5752 25.1294 16.6924C25.0122 16.8096 24.8533 16.8755 24.6875 16.8755H15.3125C15.1467 16.8755 14.9878 16.8096 14.8706 16.6924C14.7533 16.5752 14.6875 16.4162 14.6875 16.2505V13.438C14.6875 12.029 15.2472 10.6778 16.2435 9.68148C17.2398 8.6852 18.591 8.12549 20 8.12549C21.409 8.12549 22.7602 8.6852 23.7565 9.68148C24.7528 10.6778 25.3125 12.029 25.3125 13.438V16.2505Z" fill="#3B414D" class="primary" />
-</svg>
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M29.375 16.8755H28.4375V13.438C28.4375 11.2002 27.5486 9.05411 25.9662 7.47177C24.3839 5.88944 22.2378 5.00049 20 5.00049C17.7622 5.00049 15.6161 5.88944 14.0338 7.47177C12.4514 9.05411 11.5625 11.2002 11.5625 13.438V16.8755H10.625C9.96196 16.8755 9.32607 17.1389 8.85723 17.6077C8.38839 18.0766 8.125 18.7124 8.125 19.3755V32.5005C8.125 33.1635 8.38839 33.7994 8.85723 34.2683C9.32607 34.7371 9.96196 35.0005 10.625 35.0005H29.375C30.038 35.0005 30.6739 34.7371 31.1428 34.2683C31.6116 33.7994 31.875 33.1635 31.875 32.5005V19.3755C31.875 18.7124 31.6116 18.0766 31.1428 17.6077C30.6739 17.1389 30.038 16.8755 29.375 16.8755ZM20 28.1255C19.5055 28.1255 19.0222 27.9789 18.6111 27.7042C18.2 27.4295 17.8795 27.039 17.6903 26.5822C17.5011 26.1254 17.4516 25.6227 17.548 25.1378C17.6445 24.6528 17.8826 24.2074 18.2322 23.8577C18.5819 23.5081 19.0273 23.27 19.5123 23.1735C19.9972 23.0771 20.4999 23.1266 20.9567 23.3158C21.4135 23.505 21.804 23.8254 22.0787 24.2366C22.3534 24.6477 22.5 25.131 22.5 25.6255C22.5 26.2885 22.2366 26.9244 21.7678 27.3933C21.2989 27.8621 20.663 28.1255 20 28.1255ZM25.3125 16.2505C25.3125 16.4162 25.2467 16.5752 25.1294 16.6924C25.0122 16.8096 24.8533 16.8755 24.6875 16.8755H15.3125C15.1467 16.8755 14.9878 16.8096 14.8706 16.6924C14.7533 16.5752 14.6875 16.4162 14.6875 16.2505V13.438C14.6875 12.029 15.2472 10.6778 16.2435 9.68148C17.2398 8.6852 18.591 8.12549 20 8.12549C21.409 8.12549 22.7602 8.6852 23.7565 9.68148C24.7528 10.6778 25.3125 12.029 25.3125 13.438V16.2505Z" fill="#3B414D" class="primary" />
+</svg>

package/src/components/Card/CardCompany.vue

@@ -1,7 +1,13 @@
 <template>
   <div class="unnnic-card-company">
     <div class="content">
-      <div class="title">{{ title }}</div>
+      <div class="header">
+        <div class="title">
+          {{ title }}
+        </div>
+
+        <div v-if="tag" class="tag">{{ tag }}</div>
+      </div>
 
       <div class="description">{{ description }}</div>
 
@@ -83,6 +89,10 @@ export default {
       type: String,
     },
 
+    tag: {
+      type: String,
+    },
+
     description: {
       type: String,
     },
@@ -147,13 +157,36 @@ export default {
   .content {
     flex: 1;
 
-    .title {
-      font-family: $unnnic-font-family-secondary;
-      font-size: $unnnic-font-size-title-md;
-      font-weight: $unnnic-font-weight-bold;
-      line-height: $unnnic-font-size-title-md + $unnnic-line-height-md;
-      color: $unnnic-color-neutral-black;
+    .header {
+      display: flex;
+      align-items: center;
       margin-bottom: $unnnic-spacing-stack-nano;
+
+      .title {
+        font-family: $unnnic-font-family-secondary;
+        font-size: $unnnic-font-size-title-md;
+        font-weight: $unnnic-font-weight-bold;
+        line-height: $unnnic-font-size-title-md + $unnnic-line-height-md;
+        color: $unnnic-color-neutral-black;
+
+      }
+
+      .tag {
+        margin-left: $unnnic-spacing-inline-ant;
+        padding: $unnnic-spacing-stack-nano $unnnic-spacing-inline-ant;
+        outline-style: solid;
+        outline-color: $unnnic-color-neutral-dark;
+        outline-width: $unnnic-border-width-thinner;
+        outline-offset: -$unnnic-border-width-thinner;
+        border-radius: $unnnic-border-radius-sm;
+        user-select: none;
+
+        font-family: $unnnic-font-family-secondary;
+        font-size: $unnnic-font-size-body-md;
+        line-height: $unnnic-font-size-body-md + $unnnic-line-height-md;
+        font-weight: $unnnic-font-weight-regular;
+        color: $unnnic-color-neutral-dark;
+      }
     }
 
     .description {

package/src/stories/CardCompany.stories.js

@@ -15,6 +15,7 @@ const Template = (args, { argTypes }) => ({
 export const Normal = Template.bind({});
 Normal.args = {
   title: 'Weni',
+  tag: 'Gratuita',
   description: 'Description',
   joinLabel: 'Join',
   options: [{