@eturnity/eturnity_reusable_components 1.1.69 → 1.1.72

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "1.1.69",
+  "version": "1.1.72",
   "private": false,
   "scripts": {
     "dev": "vue-cli-service serve",

package/src/assets/icons/subposition_marker.svg

@@ -0,0 +1,3 @@
+<svg width="7" height="11" viewBox="0 0 7 11" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1 0V10H7" stroke="#B2B9C5"/>
+</svg>

package/src/components/inputs/inputText/index.vue

@@ -43,7 +43,7 @@ const Container = styled.div`
 const labelAttrs = { fontSize: String }
 const InputLabel = styled("div", labelAttrs)`
   font-weight: bold;
-  font-size: ${(props) => (props.fontSize ? props.fontSize : "16px")};
+  font-size: ${(props) => (props.fontSize ? props.fontSize : "13px")};
 `
 
 const LabelWrapper = styled.div`

package/src/components/inputs/textAreaInput/index.vue

@@ -56,7 +56,6 @@ const LabelWrapper = styled.div`
   grid-template-columns: auto 1fr;
   grid-gap: 12px;
   align-items: center;
-  margin-bottom: 12px;
 `
 
 const inputProps = {

package/src/components/tableDropdown/index.vue

@@ -1,11 +1,14 @@
 <template>
   <dropdown-row
-    :colspan="colSpan"
+    :colspan="isNested ? colSpan + 1 : colSpan"
     :isOpen="isOpen"
     @click="toggleOpen"
     :disabled="disabled"
   >
-    <component-container :colSpan="colSpan - 1" class="table-dropdown">
+    <component-container
+      :colSpan="isNested ? colSpan : colSpan - 1"
+      class="table-dropdown"
+    >
       <component-item
         v-for="(item, index) in tableItems"
         :key="index"
@@ -14,6 +17,7 @@
           'table-dropdown-item': item.type !== 'input',
         }"
       >
+        <nested-icon v-if="isNested" />
         <template-button
           @click.stop="onTemplateClick(item.row)"
           v-if="
@@ -294,7 +298,7 @@ const OptionsWrapper = styled.div`
   position: relative;
   padding: 12px;
   grid-gap: 4px;
-  font-size: 14px;
+  font-size: 13px;
   grid-template-rows: max-content;
   height: max-content;
   min-width: 400px; // kind of an arbitrary number until we know all use cases
@@ -388,6 +392,11 @@ const TextContainer = styled.div`
   align-items: center;
 `
 
+const NestedIcon = styled.div`
+  background-image: ${() =>
+    `url(${require("@/assets/icons/subposition_marker.svg")})`};
+`
+
 export default {
   name: "table-dropdown",
   components: {
@@ -414,6 +423,7 @@ export default {
     CustomSubtext,
     ArrowContainer,
     TextContainer,
+    NestedIcon,
   },
   props: {
     colSpan: {
@@ -460,6 +470,10 @@ export default {
       required: false,
       default: false,
     },
+    isNested: {
+      required: false,
+      default: false,
+    },
   },
   data() {
     return {