@weni/unnnic-system 1.16.17 → 1.16.19-develop.0

package/src/components/CardInformation/CardInformation.vue

@@ -1,65 +1,65 @@
-<template>
-  <card-statuses-container
-    class="unnnic-card-information"
-    :name="name"
-    :subtitle="subtitle"
-    :description="description"
-    :description-row="descriptionRow"
-    :description-row-info="descriptionRowInfo"
-    :statuses="statuses"
-    :min-status-width="8.75 * unnnicFontSize + 'px'"
-  >
-  </card-statuses-container>
-</template>
-
-<script>
-import CardStatusesContainer from '../Card/CardStatusesContainer.vue';
-import { unnnicFontSize } from '../config';
-
-export default {
-  components: {
-    CardStatusesContainer,
-  },
-
-  props: {
-    name: {
-      type: String,
-      default: '',
-    },
-
-    subtitle: {
-      type: String,
-      default: '',
-    },
-
-    description: {
-      type: String,
-      default: '',
-    },
-
-    descriptionRow: {
-      type: String,
-      default: '',
-    },
-
-    descriptionRowInfo: {
-      type: String,
-      default: '',
-    },
-
-    statuses: {
-      type: Array,
-    },
-  },
-
-  data() {
-    return {
-      unnnicFontSize,
-    };
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-@import "../../assets/scss/unnnic.scss";
-</style>
+<template>
+  <card-statuses-container
+    class="unnnic-card-information"
+    :name="name"
+    :subtitle="subtitle"
+    :description="description"
+    :description-row="descriptionRow"
+    :description-row-info="descriptionRowInfo"
+    :statuses="statuses"
+    :min-status-width="8.75 * unnnicFontSize + 'px'"
+  >
+  </card-statuses-container>
+</template>
+
+<script>
+import CardStatusesContainer from '../Card/CardStatusesContainer.vue';
+import { unnnicFontSize } from '../config';
+
+export default {
+  components: {
+    CardStatusesContainer,
+  },
+
+  props: {
+    name: {
+      type: String,
+      default: '',
+    },
+
+    subtitle: {
+      type: String,
+      default: '',
+    },
+
+    description: {
+      type: String,
+      default: '',
+    },
+
+    descriptionRow: {
+      type: String,
+      default: '',
+    },
+
+    descriptionRowInfo: {
+      type: String,
+      default: '',
+    },
+
+    statuses: {
+      type: Array,
+    },
+  },
+
+  data() {
+    return {
+      unnnicFontSize,
+    };
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+@import "../../assets/scss/unnnic.scss";
+</style>

package/src/components/CardNumber/CardNumber.vue

@@ -1,61 +1,61 @@
-<template>
-  <div :class="['unnnic-card-number', { 'v-full': fullSize }]">
-    <h4>{{ description }}</h4>
-    <span>{{ number }}</span>
-  </div>
-</template>
-
-<script>
-export default {
-  props: {
-    description: {
-      type: String,
-      default: '',
-    },
-
-    number: {
-      type: String,
-      default: '',
-    },
-
-    fullSize: {
-      type: Boolean,
-      default: false,
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-@import "../../assets/scss/unnnic.scss";
-
-.unnnic-card-number {
-  background-color: $unnnic-color-background-carpet;
-  border-radius: $unnnic-border-radius-md;
-  padding: $unnnic-inset-sm;
-  font-family: $unnnic-font-family-secondary;
-
-  width: 100%;
-  max-width: 179px;
-
-  &.v-full {
-    max-width: unset;
-  }
-
-  h4 {
-    margin: 0 0 $unnnic-spacing-stack-xs 0;
-    font-weight: $unnnic-font-weight-regular;
-    font-size: $unnnic-font-size-body-gt;
-    line-height: $unnnic-font-size-body-gt + $unnnic-line-height-md;
-
-    color: $unnnic-color-neutral-cloudy;
-  }
-
-  span {
-    font-weight: $unnnic-font-weight-black;
-    font-size: $unnnic-font-size-title-lg;
-    color: $unnnic-color-neutral-black;
-    line-height: $unnnic-font-size-title-lg + $unnnic-line-height-md;
-  }
-}
-</style>
+<template>
+  <div :class="['unnnic-card-number', { 'v-full': fullSize }]">
+    <h4>{{ description }}</h4>
+    <span>{{ number }}</span>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    description: {
+      type: String,
+      default: '',
+    },
+
+    number: {
+      type: String,
+      default: '',
+    },
+
+    fullSize: {
+      type: Boolean,
+      default: false,
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+@import "../../assets/scss/unnnic.scss";
+
+.unnnic-card-number {
+  background-color: $unnnic-color-background-carpet;
+  border-radius: $unnnic-border-radius-md;
+  padding: $unnnic-inset-sm;
+  font-family: $unnnic-font-family-secondary;
+
+  width: 100%;
+  max-width: 179px;
+
+  &.v-full {
+    max-width: unset;
+  }
+
+  h4 {
+    margin: 0 0 $unnnic-spacing-stack-xs 0;
+    font-weight: $unnnic-font-weight-regular;
+    font-size: $unnnic-font-size-body-gt;
+    line-height: $unnnic-font-size-body-gt + $unnnic-line-height-md;
+
+    color: $unnnic-color-neutral-cloudy;
+  }
+
+  span {
+    font-weight: $unnnic-font-weight-black;
+    font-size: $unnnic-font-size-title-lg;
+    color: $unnnic-color-neutral-black;
+    line-height: $unnnic-font-size-title-lg + $unnnic-line-height-md;
+  }
+}
+</style>

package/src/components/CardProject/CardProject.vue

@@ -1,73 +1,73 @@
-<template>
-  <card-statuses-container class="unnnic-card-project" :name="name" :statuses="statuses">
-    <div slot="header-buttons" class="buttons">
-      <unnnic-tag
-        class="action"
-        @click.native="$emit('action')"
-        clickable
-        :text="actionText"
-        scheme="aux-blue"
-      />
-
-      <unnnic-dropdown v-if="$slots.actions" position="bottom-left">
-        <unnnic-icon
-          slot="trigger"
-          size="sm"
-          icon="navigation-menu-vertical-1"
-          clickable
-          scheme="neutral-cleanest"
-        />
-
-        <slot name="actions" />
-      </unnnic-dropdown>
-    </div>
-  </card-statuses-container>
-</template>
-
-<script>
-import CardStatusesContainer from '../Card/CardStatusesContainer.vue';
-import unnnicIcon from '../Icon.vue';
-import unnnicDropdown from '../Dropdown/Dropdown.vue';
-import unnnicTag from '../Tag/Tag.vue';
-
-export default {
-  components: {
-    CardStatusesContainer,
-    unnnicIcon,
-    unnnicDropdown,
-    unnnicTag,
-  },
-
-  props: {
-    name: {
-      type: String,
-      default: '',
-    },
-
-    statuses: {
-      type: Array,
-    },
-
-    actionText: {
-      type: String,
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-@import "../../assets/scss/unnnic.scss";
-
-.unnnic-card-project {
-  .header {
-    .buttons {
-      display: flex;
-      align-items: center;
-
-      .action {
-        margin: $unnnic-spacing-inset-nano;
-      }
-    }
-  }
-}
-</style>
+<template>
+  <card-statuses-container class="unnnic-card-project" :name="name" :statuses="statuses">
+    <div slot="header-buttons" class="buttons">
+      <unnnic-tag
+        class="action"
+        @click.native="$emit('action')"
+        clickable
+        :text="actionText"
+        scheme="aux-blue"
+      />
+
+      <unnnic-dropdown v-if="$slots.actions" position="bottom-left">
+        <unnnic-icon
+          slot="trigger"
+          size="sm"
+          icon="navigation-menu-vertical-1"
+          clickable
+          scheme="neutral-cleanest"
+        />
+
+        <slot name="actions" />
+      </unnnic-dropdown>
+    </div>
+  </card-statuses-container>
+</template>
+
+<script>
+import CardStatusesContainer from '../Card/CardStatusesContainer.vue';
+import unnnicIcon from '../Icon.vue';
+import unnnicDropdown from '../Dropdown/Dropdown.vue';
+import unnnicTag from '../Tag/Tag.vue';
+
+export default {
+  components: {
+    CardStatusesContainer,
+    unnnicIcon,
+    unnnicDropdown,
+    unnnicTag,
+  },
+
+  props: {
+    name: {
+      type: String,
+      default: '',
+    },
+
+    statuses: {
+      type: Array,
+    },
+
+    actionText: {
+      type: String,
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+@import "../../assets/scss/unnnic.scss";
+
+.unnnic-card-project {
+  .header {
+    .buttons {
+      display: flex;
+      align-items: center;
+
+      .action {
+        margin: $unnnic-spacing-inset-nano;
+      }
+    }
+  }
+}
+</style>

package/src/components/Carousel/Carousel.vue

@@ -1,62 +1,62 @@
-<template>
-    <component
-      class="unnnic-carousel-component"
-      :is="currentComponent"
-      :v-bind="$attrs"
-      :name="name"
-      :clickable="clickable"
-      :tagItems="tagItems"
-      @selected="$emit('change-selected', $event)"
-      :value="value"
-    />
-</template>
-
-<script>
-import TagCarousel from './TagCarousel.vue';
-
-export default {
-  model: {
-    event: 'change-selected',
-  },
-
-  name: 'unnnic-carousel',
-  props: {
-    value: {
-      type: Array,
-      default() {
-        return [];
-      },
-    },
-    type: {
-      type: String,
-      default: 'brand',
-      validator(value) {
-        return (
-          ['brand'].indexOf(value) !== -1
-        );
-      },
-    },
-    tagItems: {
-      type: Array,
-      default: () => [],
-    },
-    name: {
-      type: String,
-      default: null,
-    },
-    icon: {
-      type: String,
-      default: null,
-    },
-    clickable: {
-      type: Boolean,
-      default: false,
-    },
-  },
-  computed: {
-    currentComponent() {
-      return TagCarousel;
-    },
-  },
-};
-</script>
+<template>
+    <component
+      class="unnnic-carousel-component"
+      :is="currentComponent"
+      :v-bind="$attrs"
+      :name="name"
+      :clickable="clickable"
+      :tagItems="tagItems"
+      @selected="$emit('change-selected', $event)"
+      :value="value"
+    />
+</template>
+
+<script>
+import TagCarousel from './TagCarousel.vue';
+
+export default {
+  model: {
+    event: 'change-selected',
+  },
+
+  name: 'unnnic-carousel',
+  props: {
+    value: {
+      type: Array,
+      default() {
+        return [];
+      },
+    },
+    type: {
+      type: String,
+      default: 'brand',
+      validator(value) {
+        return (
+          ['brand'].indexOf(value) !== -1
+        );
+      },
+    },
+    tagItems: {
+      type: Array,
+      default: () => [],
+    },
+    name: {
+      type: String,
+      default: null,
+    },
+    icon: {
+      type: String,
+      default: null,
+    },
+    clickable: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  computed: {
+    currentComponent() {
+      return TagCarousel;
+    },
+  },
+};
+</script>