@eturnity/eturnity_reusable_components 1.1.68 → 1.1.71

package/package.json

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

package/src/components/buttons/externalButton/index.vue

@@ -1,6 +1,10 @@
 <template>
   <page-container>
-    <button-wrapper :isDisabled="isDisabled" :minWidth="minWidth">
+    <button-wrapper
+      :isDisabled="isDisabled"
+      :minWidth="minWidth"
+      :customColor="customColor"
+    >
       <icon-container>
         <icon-element
           :src="require('../../../assets/icons/external_icon.svg')"
@@ -17,18 +21,27 @@
 //   :isDisabled="true"
 //   text="Click Me"
 //   minWidth="300px"
+//   customColor="#000"
 // />
 
 import styled from "vue-styled-components"
 
 const PageContainer = styled.div``
 
-const ButtonAttrs = { isDisabled: Boolean, minWidth: String }
+const ButtonAttrs = {
+  isDisabled: Boolean,
+  minWidth: String,
+  customColor: String,
+}
 const ButtonWrapper = styled("div", ButtonAttrs)`
   display: grid;
   grid-template-columns: auto 1fr;
   background-color: ${(props) =>
-    props.isDisabled ? props.theme.colors.disabled : props.theme.colors.yellow};
+    props.isDisabled
+      ? props.theme.colors.disabled
+      : props.customColor
+      ? props.customColor
+      : props.theme.colors.yellow};
   cursor: ${(props) => (props.isDisabled ? "not-allowed" : "pointer")};
   user-select: none;
   border-radius: 4px;
@@ -79,6 +92,10 @@ export default {
       required: false,
       default: null,
     },
+    customColor: {
+      required: false,
+      default: null,
+    },
   },
 }
 </script>

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

@@ -294,7 +294,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