@farm-investimentos/front-mfe-components-vue3 0.0.1

package/src/scss/VMenuOverrides.scss

@@ -0,0 +1,17 @@
+.v-menu__content {
+    .v-list--dense .v-list-item .v-list-item__title {
+        font-weight: bold;
+    }
+
+    [role='listbox'] {
+        padding: 0;
+
+        div.v-list-item {
+            border-bottom: 1px solid var(--farm-gray-lighten2);
+
+            &:last-child {
+                border-bottom: 0;
+            }
+        }
+    }
+}

package/src/scss/VuejsDialog.scss

@@ -0,0 +1,93 @@
+@import 'vuejs-dialog/dist/vuejs-dialog.min';
+@import '../components/Buttons/DefaultButton/DefaultButton.scss';
+
+.dg-main-content {
+	font-family: 'Manrope', sans-serif !important;
+}
+
+.dg-content-body {
+	border-bottom: 1px solid var(--farm-gray-lighten);
+	margin: 0 -15px;
+	padding: 0 16px;
+	color: var(--farm-text-base);
+	font-size: 12px;
+}
+
+.dg-title {
+	margin: 0 -15px;
+	border-bottom: 0;
+	padding: 0 16px;
+	color: var(--farm-bw-black-80);
+	height: 32px;
+	font-size: 12px;
+	font-weight: 600;
+}
+
+.dg-content-body--has-title .dg-content,
+.dg-content {
+	margin: 24px 0;
+	font-size: 12px;
+	line-height: 20px;
+	word-break: break-word;
+
+	ul {
+		margin-left: 16px;
+	}
+}
+
+.dg-content-footer {
+	display: flex;
+	flex-direction: row;
+	justify-content: flex-end;
+}
+
+.dg-btn {
+	@extend .farm-btn;
+	border: 0;
+}
+
+.dg-btn--ok {
+	@extend .farm-btn--primary;
+}
+
+.dg-btn--cancel {
+	@extend .farm-btn--primary;
+	@extend .farm-btn--plain;
+	margin-right: 8px;
+
+	&:hover{
+		text-decoration: underline;
+		text-underline-offset: 6px;
+		opacity: 0.86;
+	}
+}
+
+.dg-backdrop {
+	background-color: rgba(0, 0, 0, 0.46);
+}
+
+.dg-parent-nofooter {
+	.dg-content-footer {
+		display: none;
+	}
+
+	.dg-content-body {
+		border-bottom: none;
+		padding-bottom: 0;
+	}
+
+	.dg-content-body--has-title .dg-content,
+	.dg-content {
+		margin-bottom: 8px;
+	}
+}
+
+.dg-parent-error {
+	.dg-btn--ok {
+		@extend .farm-btn--error;
+	}
+
+	.dg-title {
+		color: var(--farm-error-base);
+	}
+}

package/src/scss/cssVariablesGenerator.scss

@@ -0,0 +1,25 @@
+@import '../configurations/theme-colors';
+
+:root {
+	@each $name, $color in $theme-colors {
+		#{"--farm-" + $name + "-base"}: themeColor($name, 'base');
+		#{"--farm-" + $name + "-lighten"}: themeColor($name, 'lighten');
+		#{"--farm-" + $name + "-darken"}: themeColor($name, 'darken');
+	}
+
+	@each $name, $color in $text-colors {
+		#{"--farm-text-" + $name}: $color;
+	}
+
+	@each $name, $color in $stroke-colors {
+		#{"--farm-stroke-" + $name}: $color;
+	}
+
+	@each $name, $color in $bw-colors {
+		#{"--farm-bw-" + $name}: $color;
+	}
+
+	@each $name, $color in $background-colors {
+		#{"--farm-background-" + $name}: $color;
+	}
+}

package/src/scss/utils.scss

@@ -0,0 +1,51 @@
+.container-main.container-main-sm {
+	max-width: 960px;
+}
+
+tr.v-data-table__empty-wrapper {
+	td {
+		background-color: white !important;
+		cursor: default !important;
+		opacity: 1 !important;
+		padding: 0 !important;
+	}
+}
+
+
+.mf-Containers.mf-Containers-authenticated {
+	>.mf-Container>div.v-application {
+		padding-bottom: 2.625rem;
+	}
+}
+
+#blip-chat-container {
+	bottom: 1rem;
+
+	#blip-chat-open-iframe {
+		bottom: 0.5rem;
+	}
+}
+
+body.body--has-footer {
+	#blip-chat-container #blip-chat-open-iframe {
+		bottom: 3rem;
+	}
+}
+
+//temporary solution for v-data-table checkboxes
+.v-data-table__checkbox.v-simple-checkbox {
+	.v-icon.v-icon {
+		font-size: 22px;
+		color: var(--farm-neutral-farken);
+		;
+
+		&.mdi-checkbox-marked,
+		&.mdi-minus-box {
+			color: var(--farm-primary-base);
+		}
+	}
+
+	.v-input--selection-controls__ripple {
+		display: none;
+	}
+}

package/src/shims-libs.d.ts

@@ -0,0 +1,4 @@
+declare module 'vuetify/lib/framework';
+declare module 'vuetify/lib/components/VMain';
+declare module 'vuetify/lib/components/VDialog';
+declare module 'v-mask';

package/src/shims-tsx.d.ts

@@ -0,0 +1,11 @@
+import Vue, { VNode } from 'vue';
+
+declare global {
+  namespace JSX {
+    interface Element extends VNode {}
+    interface ElementClass extends Vue {}
+    interface IntrinsicElements {
+      [elem: string]: any
+    }
+  }
+}

package/src/shims-vue.d.ts

@@ -0,0 +1,4 @@
+declare module '*.vue' {
+  import Vue from 'vue';
+  export default Vue;
+}

package/src/stories/Introduction.stories.mdx

@@ -0,0 +1,118 @@
+import { Meta } from '@storybook/addon-docs';
+import imageFile from './assets/logo_farmtech.svg';
+
+<Meta title="Introduction" />
+
+<style>
+  {`
+  .subheading {
+    --mediumdark: '#999999';
+    font-weight: 900;
+    font-size: 13px;
+    color: #999;
+    letter-spacing: 6px;
+    line-height: 24px;
+    text-transform: uppercase;
+    margin-bottom: 12px;
+    margin-top: 40px;
+  }
+
+  .link-list {
+    display: grid;
+    grid-template-columns: 1fr;
+    grid-template-rows: 1fr 1fr;
+    row-gap: 10px;
+  }
+
+  @media (min-width: 620px) {
+    .link-list {
+      row-gap: 20px;
+      column-gap: 20px;
+      grid-template-columns: 1fr 1fr;
+    }
+  }
+
+  @media all and (-ms-high-contrast:none) {
+  .link-list {
+      display: -ms-grid;
+      -ms-grid-columns: 1fr 1fr;
+      -ms-grid-rows: 1fr 1fr;
+    }
+  }
+
+  .link-item {
+    display: block;
+    padding: 20px 30px 20px 15px;
+    border: 1px solid #00000010;
+    border-radius: 5px;
+    transition: background 150ms ease-out, border 150ms ease-out, transform 150ms ease-out;
+    color: #333333;
+    display: flex;
+    align-items: flex-start;
+  }
+
+  .link-item:hover {
+    border-color: #1EA7FD50;
+    transform: translate3d(0, -3px, 0);
+    box-shadow: rgba(0, 0, 0, 0.08) 0 3px 10px 0;
+  }
+
+  .link-item:active {
+    border-color: #1EA7FD;
+    transform: translate3d(0, 0, 0);
+  }
+
+  .link-item strong {
+    font-weight: 700;
+    display: block;
+    margin-bottom: 2px;
+  }
+  
+  .link-item img {
+    height: 40px;
+    width: 40px;
+    margin-right: 15px;
+    flex: none;
+  }
+
+  .link-item span {
+    font-size: 14px;
+    line-height: 20px;
+  }
+
+  .tip {
+    display: inline-block;
+    border-radius: 1em;
+    font-size: 11px;
+    line-height: 12px;
+    font-weight: 700;
+    background: #E7FDD8;
+    color: #66BF3C;
+    padding: 4px 12px;
+    margin-right: 10px;
+    vertical-align: top;
+  }
+
+  .tip-wrapper {
+    font-size: 13px;
+    line-height: 20px;
+    margin-top: 40px;
+    margin-bottom: 40px;
+  }
+
+  .tip-wrapper code {
+    font-size: 12px;
+    display: inline-block;
+  }
+
+  
+  `}
+</style>
+
+# Welcome to Farmtech Storybook
+
+<img src={imageFile} />
+
+Here you can find the components from the Farmtech's Design System on the top of Vue 2. 
+
+Currrent version: {VERSION}

package/src/stories/assets/code-brackets.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48" version="1.1" viewBox="0 0 48 48"><title>illustration/code-brackets</title><g id="illustration/code-brackets" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><path id="Combined-Shape" fill="#87E6E5" d="M11.4139325,12 C11.7605938,12 12,12.5059743 12,13.3779712 L12,17.4951758 L6.43502246,23.3839989 C5.85499251,23.9978337 5.85499251,25.0021663 6.43502246,25.6160011 L12,31.5048242 L12,35.6220288 C12,36.4939606 11.7605228,37 11.4139325,37 C11.2725831,37 11.1134406,36.9158987 10.9453839,36.7379973 L0.435022463,25.6160011 C-0.145007488,25.0021663 -0.145007488,23.9978337 0.435022463,23.3839989 L10.9453839,12.2620027 C11.1134051,12.0841663 11.2725831,12 11.4139325,12 Z M36.5860675,12 C36.7274169,12 36.8865594,12.0841013 37.0546161,12.2620027 L47.5649775,23.3839989 C48.1450075,23.9978337 48.1450075,25.0021663 47.5649775,25.6160011 L37.0546161,36.7379973 C36.8865949,36.9158337 36.7274169,37 36.5860675,37 C36.2394062,37 36,36.4940257 36,35.6220288 L36,31.5048242 L41.5649775,25.6160011 C42.1450075,25.0021663 42.1450075,23.9978337 41.5649775,23.3839989 L36,17.4951758 L36,13.3779712 C36,12.5060394 36.2394772,12 36.5860675,12 Z"/><rect id="Rectangle-7-Copy-5" width="35.57" height="4" x="5.009" y="22.662" fill="#A0DB77" rx="2" transform="translate(22.793959, 24.662305) rotate(-75.000000) translate(-22.793959, -24.662305)"/></g></svg>

package/src/stories/assets/colors.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48" version="1.1" viewBox="0 0 48 48"><title>illustration/colors</title><g id="illustration/colors" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><circle id="Oval" cx="23.763" cy="16.192" r="13.271" fill="#FC521F" opacity=".6"/><circle id="Oval-Copy" cx="15.468" cy="32.308" r="13.271" fill="#66BF3C" opacity=".6"/><path id="Combined-Shape" fill="#FF5F95" d="M15.4683651,19.0362231 C21.5434817,19.0362231 26.6652087,23.1181689 28.2404554,28.6889694 C26.8420385,29.1906678 25.3344184,29.4637769 23.7630101,29.4637769 C17.6878936,29.4637769 12.5661666,25.3818311 10.9909199,19.8110306 C12.3898993,19.3092302 13.8972501,19.0362231 15.4683651,19.0362231 Z"/><circle id="Oval-Copy-2" cx="32.532" cy="32.308" r="13.271" fill="#1EA7FD" opacity=".6"/><path id="Combined-Shape" fill="#87E6E5" d="M24.00025,22.1417324 C26.897967,24.5762286 28.7397972,28.2268506 28.7397972,32.3076552 C28.7397972,36.3884597 26.897967,40.0390817 24.00025,42.4735779 C21.1018087,40.038637 19.2602028,36.3882111 19.2602028,32.3076552 C19.2602028,28.2815316 21.0530043,24.6741393 23.8838362,22.2402492 Z"/><path id="Combined-Shape" fill="#FBD178" d="M32.5316349,19.0362231 C33.9415155,19.0362231 35.3000478,19.2560712 36.5748203,19.6633557 C35.0489179,25.3104816 29.8909911,29.4637769 23.7630101,29.4637769 C22.3527608,29.4637769 20.9938866,29.2438138 19.7188247,28.8363247 C21.2451195,23.1900077 26.403293,19.0362231 32.5316349,19.0362231 Z"/><path id="Combined-Shape" fill="#FFF" d="M24.00025,22.1417324 L24.0124326,22.1519799 C24.1747744,22.288701 24.3337918,22.4292434 24.4893463,22.5734686 L24.3896855,22.4820008 C24.4671836,22.552408 24.5438453,22.6237194 24.619654,22.6959185 L24.4893463,22.5734686 C24.5690639,22.6473803 24.6478719,22.7222591 24.7257519,22.7980864 L24.619654,22.6959185 C24.6907654,22.7636441 24.7611262,22.8321506 24.8307226,22.9014245 L24.7257519,22.7980864 C24.8120661,22.8821258 24.8972403,22.9673303 24.981249,23.0536745 L24.8307226,22.9014245 C24.9073006,22.9776475 24.9829531,23.0547994 25.0576619,23.132862 L25.057852,23.1330605 C25.3140855,23.4007967 25.559391,23.679459 25.7928375,23.9681079 L25.7230574,23.8825538 C25.7985998,23.9743942 25.8729325,24.0672672 25.9460311,24.1611484 L25.7928375,23.9681079 C25.8624256,24.0541514 25.93096,24.1410823 25.998421,24.228881 L25.9460311,24.1611484 C26.0074362,24.2400115 26.0679704,24.319586 26.1276194,24.3998576 L25.998421,24.228881 C26.0663495,24.317288 26.1331896,24.4065749 26.1989214,24.4967216 L26.1276194,24.3998576 C26.204848,24.5037867 26.2805926,24.6088841 26.3548219,24.7151187 L26.1989214,24.4967216 C26.2678555,24.59126 26.3355706,24.6867441 26.4020436,24.7831507 L26.3548219,24.7151187 C26.4130013,24.798383 26.4702498,24.8823459 26.5265523,24.9669921 L26.4020436,24.7831507 C26.4678788,24.8786322 26.5324956,24.9750187 26.5958716,25.0722875 L26.5959296,25.0723765 C26.736338,25.2878741 26.870709,25.5077955 26.9987399,25.7318073 L26.9410662,25.6319089 C26.9973106,25.7283602 27.0523736,25.8255849 27.1062352,25.9235633 L26.9987399,25.7318073 C27.0539848,25.8284676 27.1080492,25.9258895 27.1609136,26.0240532 L27.1606656,26.0235927 C27.2696676,26.2259984 27.3733426,26.4310837 27.4717677,26.6391379 L27.4715275,26.6386302 C27.5541941,26.8133735 27.6329386,26.9896914 27.7079006,27.1679911 C27.7630163,27.299081 27.8161443,27.431391 27.8671831,27.5647345 L27.804312,27.4036517 C27.8391482,27.4912057 27.8730792,27.5792182 27.9060936,27.6676774 L27.8671831,27.5647345 C27.906613,27.6677486 27.9447959,27.7713796 27.9817136,27.8756091 L27.9060936,27.6676774 C27.946474,27.7758735 27.9854831,27.884738 28.0230997,27.9942498 L27.9817136,27.8756091 C28.0144978,27.9681688 28.0462842,28.0612004 28.0770597,28.1546911 L28.0230997,27.9942498 C28.0618265,28.1069941 28.0990774,28.2204244 28.1348294,28.3345177 L28.0770597,28.1546911 C28.1112208,28.2584663 28.1441365,28.3628071 28.175789,28.4676958 L28.1756797,28.4673338 L28.2408136,28.6893554 C28.2284694,28.6937793 28.2161167,28.6981854 28.2037557,28.7025737 L28.2404554,28.6889694 C27.9517707,28.7925384 27.6584322,28.8863659 27.3608394,28.97006 L27.3609965,28.9702524 C27.0695498,29.0519815 26.7741843,29.1241944 26.4751174,29.1863314 L26.5385665,29.1730829 C26.3901218,29.2046704 26.2407589,29.2337757 26.0905233,29.2603535 L26.4751174,29.1863314 C26.3367402,29.215082 26.1975707,29.2416755 26.0576458,29.2660754 L26.0905233,29.2603535 C25.9366833,29.2875689 25.7819282,29.312134 25.6263069,29.334 L26.0576458,29.2660754 C25.9017815,29.2932549 25.7449801,29.3177127 25.5872928,29.3393985 L25.6263069,29.334 C25.493366,29.3526793 25.3597929,29.3693888 25.2256182,29.3840982 L25.5872928,29.3393985 C25.4326976,29.360659 25.277251,29.3792552 25.1210012,29.3951396 L25.2256182,29.3840982 C25.0570566,29.4025774 24.8875455,29.4178998 24.7171453,29.4300052 L25.1210012,29.3951396 C24.9661341,29.4108835 24.810478,29.4239634 24.6540799,29.4343333 L24.7171453,29.4300052 C24.5612618,29.4410793 24.4046342,29.4494611 24.2473088,29.4551045 L24.6540799,29.4343333 C24.5098436,29.4438967 24.3649762,29.4511552 24.2195147,29.4560724 L24.2473088,29.4551045 C24.0865878,29.4608697 23.9251385,29.4637769 23.7630101,29.4637769 L23.3130142,29.4562912 C23.2993121,29.4558347 23.2856153,29.4553574 23.2719237,29.4548593 C22.9596275,29.4434959 22.6502324,29.4213577 22.3439491,29.3888006 L22.3886972,29.3934808 C22.2468147,29.3788837 22.105595,29.3620515 21.9650736,29.3430199 L22.3439491,29.3888006 C22.1914515,29.3725905 22.0397254,29.3537976 21.8888152,29.3324664 L21.9650736,29.3430199 C21.8025527,29.3210088 21.6409661,29.2960557 21.4803691,29.2682161 L21.8888152,29.3324664 C21.7352182,29.3107553 21.5824665,29.2864149 21.4306071,29.2594919 L21.4803691,29.2682161 C21.3506285,29.2457255 21.2215338,29.221351 21.0931142,29.1951218 L21.4306071,29.2594919 C21.2772401,29.2323016 21.1247833,29.2024774 20.973285,29.1700676 L21.0931142,29.1951218 C20.9267071,29.1611338 20.7614335,29.1240315 20.5973571,29.0838786 L20.973285,29.1700676 C20.825476,29.138447 20.6785795,29.1043653 20.5326403,29.0678674 L20.5973571,29.0838786 C20.4596684,29.0501832 20.3228227,29.0143396 20.1868576,28.9763851 L20.5326403,29.0678674 C20.3930822,29.0329653 20.2543997,28.9958536 20.1166319,28.9565718 L20.1169729,28.956669 L19.7188247,28.8363247 L19.7188247,28.8363247 L19.7880988,28.5894836 C19.8166627,28.4914193 19.8463277,28.3938241 19.8770797,28.2967124 L19.8480041,28.389868 C19.888904,28.2573207 19.931824,28.1256601 19.9767281,27.9949221 L19.8770797,28.2967124 C19.9117081,28.1873592 19.9477148,28.0786191 19.9850793,27.9705124 L19.9853117,27.9700125 C20.1152243,27.5939638 20.2618428,27.2250995 20.4240731,26.8647811 L20.345088,27.0439391 C20.3899401,26.9402428 20.4360767,26.8372321 20.4834778,26.7349269 L20.4240731,26.8647811 C20.461061,26.78263 20.4988604,26.7009231 20.5374612,26.6196707 L20.4834778,26.7349269 C20.5344734,26.6248636 20.5869326,26.515617 20.6408302,26.4072119 L20.5374612,26.6196707 C20.5871241,26.5151329 20.6381134,26.4113474 20.6904074,26.308336 L20.6408302,26.4072119 C20.681671,26.3250682 20.7233378,26.2434076 20.7658197,26.1622412 L20.7658807,26.1619302 C20.8435258,26.013775 20.923959,25.866962 21.0070529,25.7218685 C21.2050227,25.3759931 21.4182299,25.0398756 21.6456589,24.7144306 L21.5286537,24.8848257 C21.5876708,24.7975143 21.6476996,24.7109431 21.7087233,24.6251289 L21.6456589,24.7144306 C21.6993229,24.6376387 21.7537788,24.5614411 21.8090146,24.4858495 L21.7087233,24.6251289 C21.7826333,24.5211934 21.8580028,24.4183683 21.9348018,24.3166836 L21.8090146,24.4858495 C21.8722751,24.3992759 21.9365587,24.3134973 22.0018475,24.2285315 L22.0016895,24.2288802 C22.3179789,23.8171232 22.6576794,23.4247699 23.0189296,23.053491 L22.8296293,23.2521975 C22.9033796,23.1732135 22.9780829,23.095131 23.0537208,23.0179683 L23.0189296,23.053491 C23.083529,22.9870982 23.1488175,22.9213793 23.2147836,22.8563459 L23.0537208,23.0179683 C23.131055,22.9390752 23.2093662,22.8611436 23.2886348,22.7841931 L23.2147836,22.8563459 C23.2821211,22.7899605 23.3501645,22.7242893 23.4189017,22.6593447 L23.2886348,22.7841931 C23.3852399,22.6904132 23.4832671,22.5980904 23.582681,22.5072602 L23.4189017,22.6593447 C23.4912637,22.5909753 23.5643945,22.523411 23.6382797,22.4566663 L23.582681,22.5072602 C23.6715916,22.4260264 23.7616113,22.3459865 23.8527148,22.2671658 L23.8525967,22.2671923 C23.8915062,22.2336043 23.9304941,22.2002638 23.9696766,22.1671464 L24.00025,22.1417324 Z"/></g></svg>

package/src/stories/assets/comments.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48" version="1.1" viewBox="0 0 48 48"><title>illustration/comments</title><g id="illustration/comments" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><path id="Path" fill="#96D07C" d="M2.52730803,17.9196415 C2.44329744,17.9745167 2.36370847,18.000488 2.29303375,18.000488 C2.1197031,18.000488 2,17.8443588 2,17.5752855 L2,4 C2,1.790861 3.790861,3.23296945e-13 6,3.23296945e-13 L33.9995117,3.23296945e-13 C36.2086507,3.23296945e-13 37.9995117,1.790861 37.9995117,4 L37.9995117,9.999512 C37.9995117,12.208651 36.2086507,13.999512 33.9995117,13.999512 L8,13.999512 C7.83499225,13.999512 7.6723181,13.9895206 7.51254954,13.9701099 L2.52730803,17.9196415 Z"/><path id="Path" fill="#73E1E0" d="M7.51066,44.9703679 L2.52730803,47.9186655 C2.44329744,47.9735407 2.36370847,47.999512 2.29303375,47.999512 C2.1197031,47.999512 2,47.8433828 2,47.5743095 L2,35 C2,32.790861 3.790861,31 6,31 L26,31 C28.209139,31 30,32.790861 30,35 L30,41 C30,43.209139 28.209139,45 26,45 L8,45 C7.8343417,45 7.67103544,44.9899297 7.51066,44.9703679 Z"/><path id="Path" fill="#FFD476" d="M46,19.5 L46,33.0747975 C46,33.3438708 45.8802969,33.5 45.7069663,33.5 C45.6362915,33.5 45.5567026,33.4740287 45.472692,33.4191535 L40.4887103,29.4704446 C40.3285371,29.489956 40.1654415,29.5 40,29.5 L18,29.5 C15.790861,29.5 14,27.709139 14,25.5 L14,19.5 C14,17.290861 15.790861,15.5 18,15.5 L42,15.5 C44.209139,15.5 46,17.290861 46,19.5 Z"/></g></svg>

package/src/stories/assets/direction.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48" version="1.1" viewBox="0 0 48 48"><title>illustration/direction</title><g id="illustration/direction" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><path id="Combined-Shape" fill="#FFD476" d="M23.4917015,33.6030641 L2.93840258,31.4321033 C2.38917316,31.3740904 1.99096346,30.8818233 2.04897631,30.3325939 C2.0747515,30.0885705 2.18934861,29.8625419 2.37095722,29.6975265 L34.2609105,0.721285325 C34.6696614,0.349881049 35.3021022,0.38015648 35.6735064,0.788907393 C35.9232621,1.06377731 36.0001133,1.45442096 35.8730901,1.80341447 L24.5364357,32.9506164 C24.3793473,33.3822133 23.9484565,33.6513092 23.4917015,33.6030641 L23.4917015,33.6030641 Z"/><path id="Combined-Shape-Copy" fill="#FFC445" d="M24.3163597,33.2881029 C24.0306575,33.0138462 23.9337246,32.5968232 24.069176,32.2246735 L35.091923,1.9399251 C35.2266075,1.56988243 35.5659249,1.31333613 35.9586669,1.28460955 C36.5094802,1.24432106 36.9886628,1.65818318 37.0289513,2.20899647 L40.2437557,46.1609256 C40.2644355,46.4436546 40.1641446,46.7218752 39.9678293,46.9263833 C39.5853672,47.3248067 38.9523344,47.3377458 38.5539111,46.9552837 L24.3163597,33.2881029 L24.3163597,33.2881029 Z"/></g></svg>

package/src/stories/assets/flow.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48" version="1.1" viewBox="0 0 48 48"><title>illustration/flow</title><g id="illustration/flow" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><path id="Combined-Shape" fill="#79C9FC" fill-rule="nonzero" d="M30,29 C32.7614237,29 35,26.7614237 35,24 C35,14.6111593 27.3888407,7 18,7 C8.61115925,7 1,14.6111593 1,24 C1,33.3888407 8.61115925,41 18,41 C19.3333404,41 20.6447683,40.8466238 21.9154603,40.5471706 C19.5096374,39.3319645 17.5510566,37.8612875 16.0456579,36.1314815 C14.1063138,33.9030427 12.769443,31.0725999 12.0293806,27.6556449 C11.360469,26.565281 11,25.3082308 11,24 C11,20.1340068 14.1340068,17 18,17 C21.8659932,17 25,20.1340068 25,24 C25,26.125 27.7040312,29 30,29 Z"/><path id="Combined-Shape-Copy" fill="#FFC445" fill-rule="nonzero" d="M42,29 C44.7614237,29 47,26.7614237 47,24 C47,14.6111593 39.3888407,7 30,7 C20.6111593,7 13,14.6111593 13,24 C13,33.3888407 20.6111593,41 30,41 C31.3333404,41 32.6447683,40.8466238 33.9154603,40.5471706 C31.5096374,39.3319645 29.4051056,37.9781963 28.0456579,36.1314815 C26.0625,33.4375 23,27.1875 23,24 C23,20.1340068 26.1340068,17 30,17 C33.8659932,17 37,20.1340068 37,24 C37.02301,26.3435241 39.7040312,29 42,29 Z" transform="translate(30.000000, 24.000000) scale(-1, -1) translate(-30.000000, -24.000000)"/></g></svg>

package/src/stories/assets/logo_farmtech.svg

@@ -0,0 +1,21 @@
+<svg width="385" height="97" viewBox="0 0 385 97" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_5930_2308)">
+<path d="M118.095 31V33.2304C118.095 34.7481 116.864 35.9796 115.346 35.9796H92.1369C90.3637 35.9796 88.8116 36.9181 87.9478 38.3269C87.751 38.649 87.59 38.9955 87.4713 39.3616C87.4079 39.5486 87.359 39.7405 87.32 39.9375C87.3151 39.9585 87.3117 39.9813 87.3086 40.0026C87.2581 40.2742 87.2305 40.5539 87.2288 40.8386C87.2273 40.8468 87.2273 40.8564 87.2273 40.8662V41.1266C87.219 41.4423 87.1818 41.7528 87.1167 42.0521C87.0222 42.498 86.8678 42.9226 86.6627 43.3146C86.0463 44.4957 84.9724 45.4002 83.6759 45.7954C83.2124 45.9368 82.721 46.0134 82.212 46.0134H75.0005V40.8386H82.3989C84.1607 40.8386 85.7061 39.9113 86.5749 38.5188C86.8076 38.1481 86.9914 37.7428 87.1167 37.3133C87.1622 37.1638 87.1996 37.0108 87.2273 36.8564C87.2694 36.6465 87.2973 36.4333 87.3086 36.2153C87.3134 36.1372 87.3166 36.0591 87.3166 35.9796C87.3183 35.96 87.3183 35.9387 87.3183 35.9194C87.3183 35.8981 87.3183 35.877 87.32 35.8558C87.3232 35.4556 87.3768 35.0685 87.4713 34.696C88.0146 32.5713 89.944 31 92.2377 31H118.095Z" fill="#85D027"/>
+<path d="M110.711 40.8386V43.046C110.711 44.5653 109.479 45.7952 107.962 45.7952H92.0264C91.5221 45.7952 91.0352 45.8718 90.5784 46.013C89.4559 46.3579 88.5059 47.0954 87.8894 48.0647C87.7244 48.3183 87.585 48.588 87.471 48.8735C87.4125 49.0148 87.3625 49.1598 87.3196 49.3075C87.3151 49.3202 87.3096 49.3349 87.3087 49.3485C87.2757 49.4545 87.2494 49.5602 87.2266 49.6667C87.1572 49.9858 87.1198 50.316 87.1181 50.6561C87.1162 50.6725 87.1162 50.6908 87.1162 50.7063V51.0501C87.1017 51.7146 86.9522 52.3466 86.695 52.9193C86.1243 54.2022 85.0181 55.1952 83.6595 55.6127C83.2028 55.754 82.7158 55.8306 82.2117 55.8306H75V50.6525H82.5599C84.1902 50.6004 85.6199 49.7533 86.4725 48.4859C86.7552 48.0664 86.9749 47.6006 87.1162 47.1037C87.1619 46.9486 87.1992 46.7927 87.2266 46.6331C87.2657 46.4317 87.2904 46.2247 87.3004 46.013C87.3051 45.942 87.3068 45.8682 87.3068 45.7952C87.3087 45.7788 87.3087 45.7625 87.3087 45.7469C87.3087 45.6412 87.3115 45.5353 87.3196 45.4323C87.3396 45.1086 87.3898 44.795 87.471 44.4923C87.574 44.1039 87.7216 43.7327 87.9122 43.3881C88.7348 41.8845 90.324 40.8614 92.1532 40.8386H110.711Z" fill="#85D027"/>
+<path d="M101.863 50.6562V52.8636C101.863 54.3818 100.631 55.6128 99.1137 55.6128H92.2979C91.7865 55.6128 91.296 55.6894 90.8318 55.8307C89.682 56.1808 88.709 56.9321 88.0726 57.9215C87.8109 58.3282 87.6057 58.775 87.4708 59.2519C87.4025 59.4908 87.3523 59.7388 87.3196 59.9904C87.3149 60.0232 87.3113 60.0562 87.3085 60.0898C87.294 60.2149 87.2857 60.3433 87.2821 60.4718C87.2793 60.5129 87.2793 60.5548 87.2793 60.5958V60.6297C87.2793 60.6588 87.2793 60.6899 87.2802 60.719V60.7601C87.2793 60.9981 87.2611 61.2315 87.2264 61.4595C87.2009 61.6435 87.1636 61.8241 87.1162 62C86.5599 64.1019 84.6469 65.6482 82.3729 65.6482H75V60.4718H82.5597C84.2566 60.4718 85.7512 59.6112 86.6329 58.3036C86.8252 58.0192 86.9875 57.7128 87.1162 57.3908C87.1572 57.2906 87.1945 57.1893 87.2264 57.0855C87.2574 56.996 87.2838 56.9049 87.3085 56.812C87.3132 56.7973 87.3168 56.7826 87.3196 56.7681C87.3961 56.4654 87.4453 56.1527 87.4608 55.8307C87.4663 55.7596 87.468 55.6858 87.468 55.6128C87.4691 55.5965 87.4691 55.5801 87.4691 55.5646V55.5216C87.4691 55.5052 87.4691 55.488 87.4708 55.4716C87.4836 54.7439 87.655 54.0583 87.9505 53.4427C88.7418 51.7932 90.4287 50.6562 92.3736 50.6562H101.863Z" fill="#85D027"/>
+<path d="M130.318 64.3604H136.761V46.3069H130.318V64.3604ZM142.658 32.0152H137.351C137.246 32.0152 137.142 32.0171 137.039 32.0209C134.872 32.0756 133.225 32.6285 132.099 33.6838C131.103 34.6166 130.524 35.888 130.365 37.5C130.333 37.8078 130.318 38.1271 130.318 38.46V38.9859C130.318 42.7749 133.34 45.8589 137.107 45.9544H142.658V40.5162H136.761V39.42C136.761 38.1388 137.401 37.5 138.681 37.5H139.985C141.469 37.4632 142.657 36.2501 142.657 34.7587C142.657 34.6808 142.653 34.6049 142.647 34.5308C142.651 34.5347 142.655 34.5406 142.658 34.5445V32.0152Z" fill="#00201B"/>
+<path d="M185.265 40.8668V46.7179H182.705C180.876 46.7179 179.535 47.265 178.682 48.3631C177.829 49.4595 177.403 50.9528 177.403 52.8415V64.3606H170.958V40.8668H174.112C175.483 40.8668 176.657 41.7041 177.152 42.8938V42.8976C177.313 43.2871 177.403 43.7115 177.403 44.1574C177.403 44.2216 177.401 44.2859 177.397 44.3501L177.403 44.3852C178.104 43.2286 178.972 42.3524 180.008 41.7585C181.044 41.1646 182.43 40.8668 184.167 40.8668H185.265Z" fill="#00201B"/>
+<path d="M234.581 60.9315C233.637 60.9315 232.975 60.7252 232.593 60.3142C232.545 60.2635 232.502 60.2072 232.459 60.1468C232.418 60.0864 232.379 60.0221 232.344 59.9521C232.307 59.8841 232.276 59.8119 232.245 59.7341C232.097 59.3446 232.023 58.8443 232.023 58.2348V44.4766H228.274V58.2814C228.274 58.9396 228.319 59.5392 228.411 60.0864C228.446 60.3046 228.491 60.5148 228.541 60.7154C228.566 60.8166 228.594 60.916 228.623 61.0113C228.74 61.3969 228.884 61.7454 229.059 62.0589C229.145 62.2165 229.24 62.3646 229.341 62.5048C229.443 62.6431 229.552 62.7754 229.669 62.8962C230.597 63.8717 232.159 64.3604 234.353 64.3604H238.649V60.9315H234.581Z" fill="#85D027"/>
+<path d="M237.918 41.0499V44.4768H234.33C231.945 44.4768 229.879 43.0982 228.893 41.0907C228.703 40.7053 228.553 40.2964 228.448 39.8699C228.344 39.4553 228.286 39.025 228.274 38.5829V34.5136H229.279C229.413 34.5136 229.546 34.5231 229.676 34.5427C231.002 34.7335 232.023 35.8765 232.023 37.2568V41.0499H237.918Z" fill="#85D027"/>
+<path d="M245.452 45.8027C246.793 44.6443 248.347 44.0659 250.113 44.0659C252.095 44.0659 253.733 44.6149 255.028 45.7113C256.322 46.8093 257.06 48.3475 257.243 50.3278H243.166C243.349 48.4703 244.11 46.9612 245.452 45.8027ZM261.038 53.4354C261.099 52.7051 261.13 52.1716 261.13 51.8368C261.067 49.5819 260.565 47.6156 259.621 45.941C258.676 44.2646 257.382 42.9852 255.736 42.1014C254.091 41.2173 252.2 40.7753 250.068 40.7753C247.905 40.7753 245.985 41.2699 244.309 42.2609C242.632 43.252 241.33 44.6443 240.401 46.4432C239.472 48.2405 239.007 50.3278 239.007 52.7051C239.007 55.0514 239.488 57.131 240.448 58.9436C241.408 60.7564 242.755 62.1585 244.492 63.1495C246.229 64.1385 248.256 64.6331 250.571 64.6331C253.223 64.6331 255.462 63.8796 257.29 62.3725C259.118 60.8636 260.261 58.9204 260.717 56.545H256.924C256.529 58.0364 255.744 59.2027 254.57 60.04C253.398 60.8792 251.972 61.2978 250.296 61.2978C248.133 61.2978 246.38 60.6124 245.041 59.2416C243.699 57.8689 242.998 56.0406 242.938 53.7566V53.4354H261.038Z" fill="#85D027"/>
+<path d="M279.008 59.9717C277.85 60.8558 276.418 61.2976 274.711 61.2976C272.487 61.2976 270.682 60.4973 269.296 58.8968C267.91 57.2984 267.217 55.2189 267.217 52.6583C267.217 50.1291 267.91 48.0729 269.296 46.4881C270.682 44.9031 272.487 44.1127 274.711 44.1127C276.356 44.1127 277.758 44.5526 278.917 45.4366C280.075 46.3205 280.836 47.5103 281.203 49.0016H284.995C284.538 46.4432 283.418 44.432 281.637 42.9695C279.853 41.5073 277.591 40.7753 274.849 40.7753C272.594 40.7753 270.599 41.2699 268.862 42.2609C267.125 43.252 265.776 44.644 264.816 46.4432C263.856 48.2403 263.377 50.312 263.377 52.6583C263.377 55.0046 263.848 57.0842 264.794 58.8968C265.739 60.7115 267.063 62.1193 268.77 63.1259C270.476 64.1306 272.456 64.6331 274.711 64.6331C277.484 64.6331 279.769 63.8951 281.569 62.4171C283.366 60.9394 284.509 58.9047 284.995 56.315H281.247C280.912 57.8687 280.167 59.0876 279.008 59.9717Z" fill="#85D027"/>
+<path d="M306.394 43.3356C304.733 41.7019 302.568 40.851 299.902 40.781C299.782 40.777 299.661 40.7751 299.538 40.7751C297.71 40.7751 296.162 41.1567 294.898 41.918C293.763 42.6015 292.83 43.47 292.102 44.5213C292.019 44.6383 291.941 44.7589 291.865 44.8817C291.863 44.8836 291.861 44.8874 291.859 44.8893V44.8817H288.111V64.3604H291.859V52.7049C291.859 50.0842 292.492 48.0125 293.755 46.4879C294.332 45.7949 295 45.2592 295.763 44.8817C296.674 44.4298 297.72 44.2039 298.898 44.2039C300.938 44.2039 302.508 44.8349 303.606 46.1006C304.702 47.3641 305.251 49.2003 305.251 51.6068V64.3604H308.999V51.379C308.999 47.7223 308.131 45.0412 306.394 43.3356ZM291.123 33.5885C290.519 32.8465 289.598 32.3715 288.568 32.3715C288.412 32.3715 288.259 32.3832 288.111 32.4026V38.9235H288.113C288.15 41.4098 289.688 43.5302 291.859 44.426V35.664C291.859 34.8774 291.584 34.155 291.123 33.5885Z" fill="#85D027"/>
+<path d="M159.797 57.5262C158.761 58.7607 157.375 59.378 155.638 59.378C153.901 59.378 152.507 58.7607 151.458 57.5262C150.406 56.2918 149.88 54.6698 149.88 52.6585C149.88 50.6179 150.406 48.9727 151.458 47.7225C152.507 46.4726 153.901 45.8495 155.638 45.8495C157.375 45.8495 158.761 46.4726 159.797 47.7225C160.835 48.9727 161.353 50.6179 161.353 52.6585C161.353 54.6698 160.835 56.2918 159.797 57.5262ZM164.416 40.8667H161.398V43.9744C161.32 43.8712 161.244 43.7719 161.16 43.6725L161.158 43.6706C160.408 42.7459 159.482 42.0118 158.382 41.4607C157.163 40.8512 155.761 40.5474 154.176 40.5474C152.104 40.5474 150.239 41.042 148.578 42.0331C146.917 43.0223 145.622 44.432 144.692 46.2603C143.763 48.0886 143.297 50.1916 143.297 52.5671C143.297 54.9755 143.763 57.0921 144.692 58.9204C145.622 60.7488 146.909 62.1506 148.555 63.1261C150.2 64.1017 152.059 64.5884 154.131 64.5884C157.122 64.5884 159.544 63.4356 161.398 61.1285V64.3606H167.706V44.1575C167.706 42.3409 166.232 40.8667 164.416 40.8667Z" fill="#00201B"/>
+<path d="M224.937 51.4707V64.4053H218.492V51.2429C218.492 47.6777 217.137 45.8943 214.425 45.8943C213.023 45.8943 211.895 46.3888 211.042 47.3799C210.19 48.371 209.763 49.7496 209.763 51.5156V64.4053H203.318V51.2429C203.318 47.6777 201.948 45.8943 199.204 45.8943C197.802 45.8943 196.683 46.4044 195.845 47.4248C195.041 48.4042 194.623 49.7126 194.591 51.348C194.588 51.4182 194.588 51.4903 194.588 51.5622V64.4053H188.143V40.8668H191.299C192.467 40.8668 193.493 41.4762 194.075 42.3935V42.3954C194.301 42.7477 194.461 43.147 194.537 43.5732C194.554 43.552 194.572 43.5324 194.591 43.5109C195.333 42.6407 196.202 41.9572 197.193 41.4607C198.291 40.9117 199.662 40.6234 201.307 40.5924C204.658 40.5924 206.989 41.9183 208.299 44.5684C209.154 43.2891 210.273 42.3059 211.66 41.6205C213.046 40.9351 214.623 40.5924 216.389 40.5924C218.918 40.5924 220.977 41.4297 222.56 43.1061C224.145 44.7826 224.937 47.5707 224.937 51.4707Z" fill="#00201B"/>
+</g>
+<defs>
+<clipPath id="clip0_5930_2308">
+<rect width="234" height="34.6483" fill="white" transform="translate(75 31)"/>
+</clipPath>
+</defs>
+</svg>

package/src/stories/assets/plugin.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48" version="1.1" viewBox="0 0 48 48"><title>illustration/plugin</title><g id="illustration/plugin" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><path id="Combined-Shape" fill="#79C9FC" d="M26,15.3994248 C26,15.4091303 26,15.4188459 26,15.4285714 L26,21.4694881 C25.8463595,21.4969567 25.6941676,21.51275 25.5873784,21.51275 C25.4974117,21.51275 25.4230979,21.4768034 25.377756,21.4206259 L25.2660784,21.2822603 L25.1317423,21.1657666 C24.2436317,20.3956144 23.100098,19.9633214 21.895551,19.9633214 C19.2039137,19.9633214 17,22.1075558 17,24.7804643 C17,27.4533728 19.2039137,29.5976071 21.895551,29.5976071 C23.1972122,29.5976071 24.3149423,29.2878193 25.1231445,28.3613697 C25.4542273,27.9818463 25.568273,27.9073214 25.5873784,27.9073214 C25.681532,27.9073214 25.8352452,27.9239643 26,27.9524591 L26,32.5714286 C26,32.5811541 26,32.5908697 26,32.6005752 L26,33 C26,35.209139 24.209139,37 22,37 L4,37 C1.790861,37 0,35.209139 0,33 L0,15 C0,12.790861 1.790861,11 4,11 L22,11 C24.209139,11 26,12.790861 26,15 L26,15.3994248 Z"/><path id="Path" fill="#87E6E5" d="M27.9998779,32.5714286 C27.9998779,33.3604068 28.6572726,34 29.4682101,34 L46.5315458,34 C47.3424832,34 47.9998779,33.3604068 47.9998779,32.5714286 L47.9998779,15.4285714 C47.9998779,14.6395932 47.3424832,14 46.5315458,14 L29.4682101,14 C28.6572726,14 27.9998779,14.6395932 27.9998779,15.4285714 L27.9998779,21.8355216 C27.9334367,22.2650514 27.8567585,22.6454496 27.746391,22.8084643 C27.4245309,23.2838571 26.2402709,23.51275 25.5873784,23.51275 C24.8705773,23.51275 24.2322714,23.1857725 23.8214379,22.6767605 C23.3096996,22.2329909 22.6349941,21.9633214 21.895551,21.9633214 C20.2963823,21.9633214 19,23.2245992 19,24.7804643 C19,26.3363293 20.2963823,27.5976071 21.895551,27.5976071 C22.5398535,27.5976071 23.2399343,27.477727 23.6160247,27.0466112 C24.1396029,26.4464286 24.7367044,25.9073214 25.5873784,25.9073214 C26.2402709,25.9073214 27.5912951,26.1766031 27.8226692,26.6116071 C27.8819199,26.7230038 27.9403239,26.921677 27.9998779,27.1556219 L27.9998779,32.5714286 Z"/></g></svg>

package/src/stories/assets/repo.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48" version="1.1" viewBox="0 0 48 48"><title>illustration/repo</title><g id="illustration/repo" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><path id="Rectangle-62-Copy" fill="#B7F0EF" d="M27.2217723,9.04506931 L41.2217723,6.2682098 C43.3886973,5.83840648 45.4937616,7.2466219 45.9235649,9.41354696 C45.9743993,9.66983721 46,9.93049166 46,10.1917747 L46,32.581381 C46,34.4904961 44.650862,36.1335143 42.7782277,36.5049459 L28.7782277,39.2818054 C26.6113027,39.7116087 24.5062384,38.3033933 24.0764351,36.1364682 C24.0256007,35.880178 24,35.6195235 24,35.3582405 L24,12.9686342 C24,11.0595191 25.349138,9.4165009 27.2217723,9.04506931 Z" opacity=".7"/><path id="Combined-Shape" fill="#87E6E5" d="M6.77822775,6.2682098 L20.7782277,9.04506931 C22.650862,9.4165009 24,11.0595191 24,12.9686342 L24,35.3582405 C24,37.5673795 22.209139,39.3582405 20,39.3582405 C19.738717,39.3582405 19.4780625,39.3326398 19.2217723,39.2818054 L5.22177225,36.5049459 C3.34913798,36.1335143 2,34.4904961 2,32.581381 L2,10.1917747 C2,7.98263571 3.790861,6.19177471 6,6.19177471 C6.26128305,6.19177471 6.5219375,6.21737537 6.77822775,6.2682098 Z"/><path id="Rectangle-63-Copy-2" fill="#61C1FD" d="M22,10 C23.1666667,10.2291667 24.0179036,10.625 24.5537109,11.1875 C25.0895182,11.75 25.5716146,12.875 26,14.5625 C26,29.3020833 26,37.5208333 26,39.21875 C26,40.9166667 26.4241536,42.9583333 27.2724609,45.34375 L24.5537109,41.875 L22.9824219,45.34375 C22.327474,43.1979167 22,41.2291667 22,39.4375 C22,37.6458333 22,27.8333333 22,10 Z"/></g></svg>

package/src/vue-file-import.d.ts

@@ -0,0 +1,4 @@
+declare module '*.vue' {
+	import Vue from 'vue';
+	export default Vue;
+}