@farm-investimentos/front-mfe-components 14.1.2 → 14.1.4

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@farm-investimentos/front-mfe-components",
-	"version": "14.1.2",
+	"version": "14.1.4",
 	"author": "farm investimentos",
 	"private": false,
 	"main": "./dist/front-mfe-components.common.js",

package/src/components/DataTableHeader/DataTableHeader.scss

@@ -1,7 +1,7 @@
 .header-text {
 	position: relative;
-	color: var(--v-primary-base);
-	font-size: 12px;
+	color: var(--farm-secondary-base);
+	font-size: 14px;
 
 	.farm-icon {
 		position: absolute;
@@ -32,4 +32,27 @@ th span.span-checkbox {
 	display: flex;
 	justify-content: flex-start;
 	padding-left: 4px;
-}
+}
+
+thead {
+	height: 51px;
+}
+
+th {
+	color: var(--farm-secondary-base);
+	font-size: 14px;
+	font-weight: 700;
+	text-transform: uppercase;
+	box-shadow: 0px -1px 0px var(--farm-gray-lighten), 0px 1px 0px var(--farm-gray-lighten);
+}
+
+:deep(.mdi-sort-descending)::before {
+	color: var(--farm-gray-base);
+	font-size: 12px;
+	font-weight: 900;
+}
+
+.farm-icon--desc,
+.farm-icon--asc {
+	margin-top: 3.5px;
+}

package/src/components/DataTableHeader/DataTableHeader.stories.js

@@ -26,20 +26,31 @@ export const Primary = () => ({
 			firstSelected: false,
 		};
 	},
-	template: `<farm-datatable-header :headers="headers" :sortClick="sortClick" :firstSelected="firstSelected" />`,
+	template: `<farm-datatable-header :headers="headers" :sortClick="sortClick" :showCheckbox="false" :firstSelected="firstSelected" />`,
 });
 
 export const CheckBox = () => ({
 	data() {
 		return {
-			headers,
+			headers: [
+				{
+					text: 'check',
+					sortable: true,
+					value: 'data-table-select',
+					align: 'left',
+				},
+				...headers,
+			],
+			headerProps,
 			sortClick: [],
 			firstSelected: false,
 		};
 	},
-	template: `<farm-datatable-header :headers="headers" :sortClick="sortClick" :firstSelected="firstSelected" :showCheckbox="true" :selectedIndex="1" />`,
+	template: `<farm-datatable-header :headers="headers" :headerProps="headerProps" :sortClick="sortClick" :firstSelected="firstSelected" :showCheckbox="true" :selectedIndex="1" />`,
 });
 
+const headerProps = { someItems: true, everyItem: true };
+
 const headers = [
 	{
 		text: 'Grupo',

package/src/components/DataTableHeader/DataTableHeader.vue

@@ -26,7 +26,8 @@
 						v-bind:class="[
 							sortClick[$index][item.value] ? 'farm-icon--desc' : 'farm-icon--asc',
 						]"
-						size="sm"
+						class="ml-2"
+						size="12px"
 						color="gray"
 					>
 						sort-descending
@@ -35,7 +36,7 @@
 
 				<span v-if="isTHDataTableSelect(item) && showCheckbox" class="span-checkbox">
 					<farm-checkbox
-						size="sm"
+						size="md"
 						v-model="inputVal"
 						:value="true"
 						:indeterminate="headerProps.someItems && !headerProps.everyItem"
@@ -151,7 +152,7 @@ export default Vue.extend({
 		},
 		thWidth(item) {
 			if (this.isTHDataTableSelect(item)) {
-				return '64px';
+				return '72px';
 			}
 			return item.width ? item.width + 'px' : 'auto';
 		},

package/src/components/DataTableHeader/__tests__/DataTableHeader.spec.js

@@ -48,7 +48,7 @@ describe('DataTableHeader component', () => {
 		});
 
 		it('Should get th width', () => {
-			expect(component.thWidth({ value: 'data-table-select' })).toEqual('64px');
+			expect(component.thWidth({ value: 'data-table-select' })).toEqual('72px');
 			expect(component.thWidth({ width: 24 })).toEqual('24px');
 			expect(component.thWidth({})).toEqual('auto');
 		});

package/src/components/DatePicker/DatePicker.vue

@@ -35,6 +35,7 @@
 				icon="calendar"
 				v-model="fieldRange"
 				autocomplete="off"
+				ref="inputCalendar"
 				:readonly="readonly"
 				:mask="`${readonly ? '' : '##/##/####'}`"
 				:id="inputId"
@@ -166,6 +167,7 @@ export default Vue.extend({
 		clear() {
 			this.dateField = '';
 			this.save();
+			this.$refs.inputCalendar.reset();
 		},
 		validation(date) {
 			const pattern =

package/src/components/Form/Form.stories.js

@@ -193,31 +193,31 @@ export const Grid = () => ({
 			<farm-row>
 				<farm-col cols="12" md="3">
 					<farm-label>Label 1</farm-label>
-					<farm-textfield />
+					<farm-textfield-v2 />
 				</farm-col>
 				<farm-col cols="12" md="3">
 					<farm-label>Label 2</farm-label>
-					<farm-textfield />
+					<farm-textfield-v2 />
 				</farm-col>
 				<farm-col cols="12" md="3">
 					<farm-label>Label 3</farm-label>
-					<farm-textfield hint="some hint text" :persistent-hint="true"  />
+					<farm-textfield-v2 hint="some hint text" :persistent-hint="true"  />
 				</farm-col>
 				<farm-col cols="12" md="3">
 					<farm-label>Label 4</farm-label>
-					<farm-textfield />
+					<farm-textfield-v2 />
 				</farm-col>
 				<farm-col cols="12" md="6">
 					<farm-label>Label 6</farm-label>
-					<farm-textfield />
+					<farm-textfield-v2 />
 				</farm-col>
 				<farm-col cols="12" md="2">
 					<farm-label>Label 7</farm-label>
-					<farm-textfield />
+					<farm-textfield-v2 />
 				</farm-col>
 				<farm-col cols="12" md="4">
 					<farm-label>Label 4</farm-label>
-					<farm-textfield />
+					<farm-textfield-v2 />
 				</farm-col>
 			</farm-row>
 			
@@ -360,7 +360,7 @@ export const RestartValidation = () => ({
 	},
 	template: `
         <farm-form v-model="validForm" :style="[styles.vForm]" ref="form">
-			{{ validForm }}
+			Is valid form: {{ validForm }}
 
 			<farm-label :required="true">Nome</farm-label>
 			<farm-textfield-v2 v-model="form.name" :rules="[rules.required]" />

package/src/components/Label/Label.scss

@@ -4,10 +4,11 @@
     font-size: 12px;
     margin-bottom: 8px;
     line-height: 24px;
+    color: var(--farm-text-primary);
 
     &.farm-label--required::after {
         content: '*';
         margin-left: 2px;
-        color: var(--v-error-base);
+        color: var(--farm-error-base);
     }
 }

package/src/components/Label/Label.vue

@@ -1,5 +1,9 @@
 <template>
-	<label :class="{ 'farm-label': true, 'farm-label--required': required }" v-bind="$attrs">
+	<label
+		:class="{ 'farm-label': true, 'farm-label--required': required }"
+		v-on="$listeners"
+		v-bind="$attrs"
+	>
 		<slot></slot>
 	</label>
 </template>

package/src/components/RangeDatePicker/RangeDatePicker.vue

@@ -20,6 +20,9 @@
 			locale="pt-br"
 			:max="max"
 			:min="min"
+			:class="{
+				'invert-date': isInvertedDate,
+			}"
 		>
 			<farm-btn plain title="Limpar" color="primary" :disabled="isDisabled" @click="clear">
 				Limpar
@@ -159,6 +162,15 @@ export default Vue.extend({
 		isDisabled() {
 			return this.value?.length === 0 ? true : false;
 		},
+		isInvertedDate() {
+			if (this.dateField.length === 2) {
+				const firstDate = new Date(this.dateField[0]);
+				const secondDate = new Date(this.dateField[1]);
+
+				return firstDate.getTime() > secondDate.getTime();
+			}
+			return false;
+		},
 	},
 });
 </script>

package/src/components/SelectModalOptions/SelectModalOptions.stories.js

@@ -1,7 +1,7 @@
 import SelectModalOptions from './SelectModalOptions';
 
 export default {
-	title: 'INteractions/SelectModalOptions',
+	title: 'Interactions/SelectModalOptions',
 	component: SelectModalOptions,
 };
 

package/src/components/SelectModalOptions/SelectModalOptions.vue

@@ -79,9 +79,13 @@
 </template>
 <script lang="ts">
 import Vue from 'vue';
+import { VDataTable } from 'vuetify/lib';
 
 export default Vue.extend({
 	name: 'farm-select-modal-options',
+	components: {
+		'v-data-table': VDataTable,
+	},
 	props: {
 		/**
 		 * Input Label

package/src/components/Stepper/StepperHeader/StepperHeader.scss

@@ -40,7 +40,7 @@ $step-height: 64px;
 			}
 		}
 
-		.farm-bodytext--2 {
+		.farm-bodytext--2:not(.farm-icon__number) {
 			margin-top: 8px;
 			text-align: center;
 		}

package/src/components/Typography/BodyText/BodyText.vue

@@ -1,10 +1,11 @@
 <template>
 	<farm-typography
+		v-bind="$attrs"
+		v-on="$listeners"
 		:weight="weight"
 		:size="size"
 		:key="key"
 		:class="{ [`farm-bodytext--${type}`]: true, [`farm-bodytext--${variation}`]: true }"
-		v-bind="$attrs"
 	>
 		<slot></slot>
 	</farm-typography>

package/src/components/Typography/Caption/Caption.vue

@@ -1,10 +1,11 @@
 <template>
 	<farm-typography
+		v-bind="$attrs"
+		v-on="$listeners"
 		:weight="weight"
 		:size="size"
 		:key="key"
 		:class="{ 'farm-caption': true, [`farm-caption--${variation}`]: true }"
-		v-bind="$attrs"
 	>
 		<slot></slot>
 	</farm-typography>

package/src/components/Typography/Heading/Heading.vue

@@ -1,5 +1,7 @@
 <template>
 	<farm-typography
+		v-bind="$attrs"
+		v-on="$listeners"
 		:weight="weight"
 		:size="size"
 		:tag="tag"
@@ -18,9 +20,9 @@ export default Vue.extend({
 	inheritAttrs: true,
 	name: 'farm-heading',
 	props: {
-        /**
-         * Type of the heading
-         */
+		/**
+		 * Type of the heading
+		 */
 		type: { type: [String, Number] as PropType<1 | 2 | 3 | 4 | 5 | 6>, default: 1 },
 	},
 	setup(props) {

package/src/components/Typography/OverlayText/OverlayText.vue

@@ -1,5 +1,11 @@
 <template>
-	<farm-typography v-bind="$attrs" size="10px" class="farm-overlaytext" :weight="400">
+	<farm-typography
+		v-bind="$attrs"
+		v-on="$listeners"
+		size="10px"
+		class="farm-overlaytext"
+		:weight="400"
+	>
 		<slot></slot>
 	</farm-typography>
 </template>

package/src/components/Typography/Subtitle/Subtitle.vue

@@ -1,10 +1,11 @@
 <template>
 	<farm-typography
+		v-bind="$attrs"
+		v-on="$listeners"
 		:weight="weight"
 		:size="size"
 		:key="key"
 		:class="{ [`farm-subtitle--${type}`]: true, [`farm-subtitle--${variation}`]: true }"
-		v-bind="$attrs"
 	>
 		<slot></slot>
 	</farm-typography>

package/src/components/Typography/Typography.stories.js

@@ -183,4 +183,15 @@ export const Ellipsis = () => ({
 	template: `<div style="width: 100px;">
 		<farm-typography ellipsis>sample text for css text ellipsis</farm-typography>
 	</div>`,
+});
+
+export const Listener = () => ({
+	methods: {
+		handleEvent(type) {
+			alert(type);
+		},
+	},
+	template: `<farm-bodytext @click="handleEvent">
+		Click me
+	</farm-bodytext>`,
 });

package/src/components/Typography/Typography.vue

@@ -1,5 +1,6 @@
 <template>
 	<component
+		v-on="$listeners"
 		:is="tag"
 		:class="{
 			'farm-typography': true,

package/src/examples/Table.stories.js

@@ -1,11 +1,12 @@
 import { withDesign } from 'storybook-addon-designs';
+import { VDataTable } from 'vuetify/lib/components';
 import DataTableEmptyWrapper from '../components/DataTableEmptyWrapper';
 import DataTablePaginator from '../components/DataTablePaginator';
 
 const headers = [
 	{
 		text: 'ID',
-		sortable: false,
+		sortable: true,
 		value: 'id',
 		width: 80,
 		align: 'left',
@@ -37,6 +38,7 @@ export default {
 };
 
 export const TableNoData = () => ({
+	components: { 'v-data-table': VDataTable },
 	data() {
 		return {
 			headers,
@@ -59,6 +61,7 @@ export const TableNoData = () => ({
 });
 
 export const TableSampleData = () => ({
+	components: { 'v-data-table': VDataTable },
 	data() {
 		return {
 			headers,
@@ -80,12 +83,33 @@ export const TableSampleData = () => ({
     </v-data-table>
 	</div>`,
 });
+export const TableSampleDataWithCheckbox = () => ({
+	components: { 'v-data-table': VDataTable },
+	data() {
+		return {
+			headers,
+			items: [
+				{ id: 1, name: 'name 1' },
+				{ id: 2, name: 'name 2' },
+				{ id: 3, name: 'name 3' },
+			],
+		};
+	},
+	template: `<div>
+	<v-data-table
+        hide-default-footer
+		id="v-data-table--default"
+		:headers="headers"
+        :items="items"
+		show-select
+	>
+    
+    </v-data-table>
+	</div>`,
+});
 
 export const TableSampleLocalPagination = () => ({
-	components: {
-		DataTableEmptyWrapper,
-		DataTablePaginator,
-	},
+	components: { 'v-data-table': VDataTable, DataTableEmptyWrapper, DataTablePaginator },
 	data() {
 		return {
 			headers,
@@ -145,6 +169,10 @@ TableSampleData.story = {
 	name: 'With data',
 };
 
+TableSampleDataWithCheckbox.story = {
+	name: 'With data and checkbox',
+};
+
 TableSampleLocalPagination.story = {
 	name: 'With data and local pagination',
 };

package/src/scss/Sticky-table.scss

@@ -5,23 +5,19 @@ $defaultLefts: 0, 4rem, 4rem;
 			font-size: 0.75rem;
 		}
 		tbody tr:nth-of-type(odd) td {
-			background-color: #f0f0f0;
+			background-color: var(--farm-neutral-lighten);
 		}
 		tr td {
 			background-color: white;
 		}
-		.v-data-table-header tr th {
-			color: var(--v-primary-base);
-			text-transform: uppercase;
-			font-weight: bold;
-		}
+
 		tr:not(:last-child) td,
 		tr th {
 			border-bottom: none;
 		}
 		.v-data-table__wrapper {
-			border-top: 1px solid var(--v-gray-lighten2);
-			border-bottom: 1px solid var(--v-gray-lighten2);
+			border-top: 1px solid var(--farm-gray-lighten);
+			border-bottom: 1px solid var(--farm-gray-lighten);
 		}
 		tr td:first-child,
 		th:first-child {
@@ -65,5 +61,42 @@ $defaultLefts: 0, 4rem, 4rem;
 				cursor: default;
 			}
 		}
+
+		th[role='columnheader'] {
+			color: var(--farm-secondary-base);
+			font-size: 14px;
+			font-weight: 700;
+			text-transform: uppercase;
+		}
+
+		td {
+			color: var(--farm-text-primary);
+			font-size: 14px;
+			font-weight: 400;
+		}
+
+		thead {
+			height: 51px;
+		}
+
+		th[role='columnheader']:has(> .v-data-table__checkbox) {
+			max-width: 71px !important;
+		}
+
+		.v-data-table-header tr th {
+			box-shadow: 0px 1px 0px 0px var(--farm-gray-lighten);
+		}
+
+		.v-data-table-header__icon {
+			color: var(--farm-gray-base) !important;
+			font-size: 12px;
+			font-weight: 900;
+			margin-left: 8px;
+		}
+
+		.v-data-table__checkbox .mdi {
+			margin-left: 18px;
+			font-size: 24px;
+		}
 	}
 }

package/src/scss/utils.scss

@@ -222,6 +222,41 @@ tr.v-data-table__empty-wrapper {
 			&.v-date-picker--last-in-range {
 				width: 37px;
 			}
+
+			&.v-date-picker--first-in-range {
+				border-top-right-radius: 0;
+				border-bottom-right-radius: 0;
+				border-top-left-radius: 5px;
+				border-bottom-left-radius: 5px;
+			}
+
+			&.v-date-picker--last-in-range {
+				border-top-right-radius: 5px;
+				border-bottom-right-radius: 5px;
+				border-top-left-radius: 0;
+				border-bottom-left-radius: 0;
+			}
+
+			&.v-date-picker--last-in-range.v-date-picker--first-in-range {
+				border-radius: 5px;
+			}
+		}
+	}
+	&.rangedatepicker.invert-date .v-date-picker-table {
+		table tbody td .v-btn.v-btn--active {
+			&.v-date-picker--first-in-range {
+				border-top-left-radius: 0;
+				border-bottom-left-radius: 0;
+				border-top-right-radius: 5px;
+				border-bottom-right-radius: 5px;
+			}
+
+			&.v-date-picker--last-in-range {
+				border-top-left-radius: 5px;
+				border-bottom-left-radius: 5px;
+				border-top-right-radius: 0;
+				border-bottom-right-radius: 0;
+			}
 		}
 	}
 }

package/src/stories/Introduction.stories.mdx

@@ -1,4 +1,5 @@
 import { Meta } from '@storybook/addon-docs';
+import imageFile from './assets/logo_farmtech.svg';
 
 <Meta title="Introduction" />
 
@@ -106,8 +107,10 @@ import { Meta } from '@storybook/addon-docs';
   
 `}</style>
 
-# Bem vindo ao Storybook da Farm
+# Welcome to Farmtech Storybook
 
-Aqui você encontrará todos os componentes de User Interface da Farm para projetos web.
-Navegue pelo menu lateral para conhecê-los.
+<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/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>