@eturnity/eturnity_reusable_components 6.46.5-EPDM-8599.0 → 6.46.5-EPDM-9185.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "6.46.5-EPDM-8599.0",
+  "version": "6.46.5-EPDM-9185.0",
   "private": false,
   "scripts": {
     "dev": "vue-cli-service serve",

package/src/App.vue

@@ -114,7 +114,6 @@ import iconCollection from '@/components/icon/iconCollection'
 import dropdownComponent from '@/components/dropdown'
 import videoThumbnail from '@/components/videoThumbnail'
 import icon from '@/components/icon'
-import infoCard from '@/components/infoCard'
 // import TableDropdown from "@/components/tableDropdown"
 
 const PageContainer = styled.div`
@@ -139,8 +138,7 @@ export default {
     iconCollection,
     dropdownComponent,
     videoThumbnail,
-    icon,
-    infoCard
+    icon
   },
   data() {
     return {

package/src/components/projectMarker/index.vue

@@ -1,7 +1,8 @@
 <template>
-  <page-container :withDate="!!date">
+  <page-container>
     <marker-container
       v-if="markerData"
+      :withDate="!!date"
       :backgroundColor="markerData.color"
       :hasIcon="!!iconName"
       :isEditionAllowed="editionAllowed"
@@ -96,13 +97,9 @@ import DeleteIcon from '../deleteIcon'
 import PageSubtitle from '../pageSubtitle'
 import MainButton from '../buttons/mainButton'
 
-const PageContainerAttrs = {
-  withDate: Boolean
-}
-const PageContainer = styled('div', PageContainerAttrs)`
+const PageContainer = styled.div`
   display: flex;
   align-items: center;
-  gap: 10px;
   font-size: 12px;
   line-height: 14px;
 `
@@ -120,6 +117,7 @@ const CtaContainer = styled.div`
 
 const MarkerAttrs = {
   backgroundColor: String,
+  withDate: Boolean,
   hasIcon: Boolean,
   isEditionAllowed: Boolean,
   isActive: Boolean,
@@ -136,7 +134,8 @@ const MarkerContainer = styled('div', MarkerAttrs)`
   color: ${(props) => props.theme.colors.white};
   background-color: ${(props) =>
   props.backgroundColor ? props.backgroundColor : props.theme.colors.grey3};
-  border-radius: 4px;
+  border: 1px solid ${(props) => props.backgroundColor ? props.backgroundColor : props.theme.colors.grey3};
+  border-radius: ${(props) => props.withDate ? '4px 0 0 4px' : '4px'};
   white-space: nowrap;
   cursor: ${(props) => props.isEditionAllowed ? 'pointer' : props.cursor};
 
@@ -194,7 +193,12 @@ const IconContainer = styled.div`
   line-height: 0;
 `
 
-const Date = styled.div``
+const Date = styled.div`
+  padding: 2px 5px;
+  border: 1px solid ${(props) => props.theme.colors.grey4};
+  border-left: none;
+  border-radius: 0 4px 4px 0;
+`
 
 export default {
   name: "project-marker",

package/src/components/infoCard/index.vue

@@ -1,38 +0,0 @@
-<template>
-    <info-container>
-            <icon name="info" size="24px" />
-      <InfoTextContainer>
-        <slot />
-      </InfoTextContainer>
-    </info-container>
-</template>
-    
-<script>
-import styled from 'vue-styled-components'
-import icon from '../icon'
-const InfoContainer = styled('div')`
-  display: flex;
-  align-items: flex-start;
-  gap: 15px;
-  padding: 20px;
-  width: 500px;
-  min-width: 450px;
-  border: 1px dashed #dee2eb;
-  border-radius: 4px;
-  margin:20px 0;
-`
-
-const InfoTextContainer = styled('div')`
-  font-size: 13px;
-`
-
-
-export default {
-    components:{
-        icon,
-        InfoTextContainer,
-        InfoContainer
-    },
-    props:[]
-}
-</script>