@shoprenter/sr-styleguide 1.0.0

package/src/components/tabs/SrTabs/SrTabs.vue

@@ -0,0 +1,28 @@
+<template>
+  <v-tabs
+      v-bind="$attrs"
+      v-on="$listeners"
+      class="sr-tabs"
+      color="var(--sr-black)"
+      slider-color="var(--sr-black)"
+      background-color="transparent"
+      :value="value"
+      @change="updateValue"
+  >
+    <slot/>
+  </v-tabs>
+</template>
+
+<script>
+export default {
+    name: 'SrTabs',
+    props: {
+        value: String
+    },
+    methods: {
+        updateValue (newValue) {
+            this.$emit('input', newValue)
+        }
+    }
+}
+</script>

package/src/components/tabs/SrTabsItems/SrTabsItems.vue

@@ -0,0 +1,12 @@
+<template>
+  <v-tabs-items v-bind="$attrs" v-on="$listeners">
+    <slot />
+  </v-tabs-items>
+</template>
+
+<script>
+export default {
+    name: 'SrTabsItems',
+    inheritAttrs: false
+}
+</script>

package/src/index.js

@@ -0,0 +1,2 @@
+export { default as SrStyleguide } from './plugins/vuetify'
+export { default as SrStyleguideComponents } from './plugins/component-library'

package/src/plugins/component-library/index.js

@@ -0,0 +1,27 @@
+import SrIcons from './library/SrIcons'
+import SrButtons from './library/SrButtons'
+import SrInputs from './library/SrInputs'
+import SrFormRow from './library/SrFormRow'
+import SrLayouts from './library/SrLayouts'
+import SrTables from './library/SrTables'
+import SrPagination from './library/SrPagination'
+import SrAppContainers from './library/SrAppContainers'
+import SrAlerts from './library/SrAlerts'
+import SrMilestoneIndicators from './library/SrMilestoneIndicators'
+import SrTabs from './library/SrTabs'
+
+export default {
+    install (Vue, options = {}) {
+        Vue.use(SrIcons)
+        Vue.use(SrButtons)
+        Vue.use(SrInputs)
+        Vue.use(SrFormRow)
+        Vue.use(SrLayouts)
+        Vue.use(SrTables)
+        Vue.use(SrAlerts)
+        Vue.use(SrPagination)
+        Vue.use(SrAppContainers)
+        Vue.use(SrMilestoneIndicators)
+        Vue.use(SrTabs)
+    }
+}

package/src/plugins/component-library/library/SrAlerts.js

@@ -0,0 +1,13 @@
+import SrErrorAlert from '../../../components/alerts/SrErrorAlert.vue'
+import SrInfoAlert from '../../../components/alerts/SrInfoAlert.vue'
+import SrSuccessAlert from '../../../components/alerts/SrSuccessAlert.vue'
+import SrWarningAlert from '../../../components/alerts/SrWarningAlert.vue'
+
+export default {
+    install (Vue, options = {}) {
+        Vue.component('SrErrorAlert', SrErrorAlert)
+        Vue.component('SrInfoAlert', SrInfoAlert)
+        Vue.component('SrSuccessAlert', SrSuccessAlert)
+        Vue.component('SrWarningAlert', SrWarningAlert)
+    }
+}

package/src/plugins/component-library/library/SrAppContainers.js

@@ -0,0 +1,9 @@
+import SrModule from '../../../components/app-containers/SrModule/SrModule.vue'
+import SrPage from '../../../components/app-containers/SrPage/SrPage.vue'
+
+export default {
+    install (Vue, options = {}) {
+        Vue.component('SrModule', SrModule)
+        Vue.component('SrPage', SrPage)
+    }
+}

package/src/plugins/component-library/library/SrButtons.js

@@ -0,0 +1,11 @@
+import SrPrimaryButton from '../../../components/buttons/SrPrimaryButton.vue'
+import SrDeleteButton from '../../../components/buttons/SrDeleteButton.vue'
+import SrHelpButton from '../../../components/buttons/SrHelpButton.vue'
+
+export default {
+    install (Vue, options = {}) {
+        Vue.component('SrPrimaryButton', SrPrimaryButton)
+        Vue.component('SrDeleteButton', SrDeleteButton)
+        Vue.component('SrHelpButton', SrHelpButton)
+    }
+}

package/src/plugins/component-library/library/SrFormRow.js

@@ -0,0 +1,7 @@
+import SrFormRow from '../../../components/form/SrFormRow/SrFormRow.vue'
+
+export default {
+    install (Vue, options = {}) {
+        Vue.component('SrFormRow', SrFormRow)
+    }
+}

package/src/plugins/component-library/library/SrIcons.js

@@ -0,0 +1,98 @@
+import SrAddCircleOutlineIcon from '../../../components/icons/SrAddCircleOutlineIcon.vue'
+import SrArrowRightIcon from '../../../components/icons/SrArrowRightIcon.vue'
+import SrCalendarIcon from '../../../components/icons/SrCalendarIcon.vue'
+import SrCheckboxIndeterminateIcon from '../../../components/icons/SrCheckboxIndeterminateIcon.vue'
+import SrCheckboxOffIcon from '../../../components/icons/SrCheckboxOffIcon.vue'
+import SrCheckboxOnIcon from '../../../components/icons/SrCheckboxOnIcon.vue'
+import SrCloseIcon from '../../../components/icons/SrCloseIcon.vue'
+import SrDuplicateIcon from '../../../components/icons/SrDuplicateIcon.vue'
+import SrEditIcon from '../../../components/icons/SrEditIcon.vue'
+import SrErrorCircleOutlineIcon from '../../../components/icons/SrErrorCircleOutlineIcon.vue'
+import SrErrorIcon from '../../../components/icons/SrErrorIcon.vue'
+import SrExportIcon from '../../../components/icons/SrExportIcon.vue'
+import SrFileWithStarIcon from '../../../components/icons/SrFileWithStarIcon.vue'
+import SrFilterIcon from '../../../components/icons/SrFilterIcon.vue'
+import SrFindIcon from '../../../components/icons/SrFindIcon.vue'
+import SrHelpCircleOutlineIcon from '../../../components/icons/SrHelpCircleOutlineIcon.vue'
+import SrImportIcon from '../../../components/icons/SrImportIcon.vue'
+import SrInfoIcon from '../../../components/icons/SrInfoIcon.vue'
+import SrInformationIcon from '../../../components/icons/SrInformationIcon.vue'
+import SrInvoiceIcon from '../../../components/icons/SrInvoiceIcon.vue'
+import SrInvoiceStornoIcon from '../../../components/icons/SrInvoiceStornoIcon.vue'
+import SrLightningIcon from '../../../components/icons/SrLightningIcon.vue'
+import SrMagnifyIcon from '../../../components/icons/SrMagnifyIcon.vue'
+import SrMailIcon from '../../../components/icons/SrMailIcon.vue'
+import SrNextIcon from '../../../components/icons/SrNextIcon.vue'
+import SrOpenInNewIcon from '../../../components/icons/SrOpenInNewIcon.vue'
+import SrPackageIcon from '../../../components/icons/SrPackageIcon.vue'
+import SrPadlockOutlineIcon from '../../../components/icons/SrPadlockOutlineIcon.vue'
+import SrPencilIcon from '../../../components/icons/SrPencilIcon.vue'
+import SrPrevIcon from '../../../components/icons/SrPrevIcon.vue'
+import SrRadioOff from '../../../components/icons/SrRadioOff.vue'
+import SrRadioOn from '../../../components/icons/SrRadioOn.vue'
+import SrSearchCloseIcon from '../../../components/icons/SrSearchCloseIcon.vue'
+import SrSearchIcon from '../../../components/icons/SrSearchIcon.vue'
+import SrSettingIcon from '../../../components/icons/SrSettingIcon.vue'
+import SrSuccessCircleOutlineIcon from '../../../components/icons/SrSuccessCircleOutlineIcon.vue'
+import SrSuccessIcon from '../../../components/icons/SrSuccessIcon.vue'
+import SrTrashIcon from '../../../components/icons/SrTrashIcon.vue'
+import SrWarningCircleOutlineIcon from '../../../components/icons/SrWarningCircleOutlineIcon.vue'
+import SrUnitedKingdomFlag from '../../../components/icons/flags/SrUnitedKingdomFlag.vue'
+import SrHungaryFlag from '../../../components/icons/flags/SrHungaryFlag.vue'
+import SrGermanyFlag from '../../../components/icons/flags/SrGermanyFlag.vue'
+import SrCroatiaFlag from '../../../components/icons/flags/SrCroatiaFlag.vue'
+import SrRomaniaFlag from '../../../components/icons/flags/SrRomaniaFlag.vue'
+import SrSerbiaFlag from '../../../components/icons/flags/SrSerbiaFlag.vue'
+import SrSloveniaFlag from '../../../components/icons/flags/SrSloveniaFlag.vue'
+
+export default {
+    install (Vue, options = {}) {
+        Vue.component('SrAddCircleOutlineIcon', SrAddCircleOutlineIcon)
+        Vue.component('SrArrowRightIcon', SrArrowRightIcon)
+        Vue.component('SrCalendarIcon', SrCalendarIcon)
+        Vue.component('SrCheckboxIndeterminateIcon', SrCheckboxIndeterminateIcon)
+        Vue.component('SrCheckboxOffIcon', SrCheckboxOffIcon)
+        Vue.component('SrCheckboxOnIcon', SrCheckboxOnIcon)
+        Vue.component('SrCloseIcon', SrCloseIcon)
+        Vue.component('SrDuplicateIcon', SrDuplicateIcon)
+        Vue.component('SrEditIcon', SrEditIcon)
+        Vue.component('SrErrorCircleOutlineIcon', SrErrorCircleOutlineIcon)
+        Vue.component('SrErrorIcon', SrErrorIcon)
+        Vue.component('SrExportIcon', SrExportIcon)
+        Vue.component('SrFileWithStarIcon', SrFileWithStarIcon)
+        Vue.component('SrFilterIcon', SrFilterIcon)
+        Vue.component('SrFindIcon', SrFindIcon)
+        Vue.component('SrHelpCircleOutlineIcon', SrHelpCircleOutlineIcon)
+        Vue.component('SrImportIcon', SrImportIcon)
+        Vue.component('SrInfoIcon', SrInfoIcon)
+        Vue.component('SrInformationIcon', SrInformationIcon)
+        Vue.component('SrInvoiceIcon', SrInvoiceIcon)
+        Vue.component('SrInvoiceStornoIcon', SrInvoiceStornoIcon)
+        Vue.component('SrLightningIcon', SrLightningIcon)
+        Vue.component('SrMagnifyIcon', SrMagnifyIcon)
+        Vue.component('SrMailIcon', SrMailIcon)
+        Vue.component('SrNextIcon', SrNextIcon)
+        Vue.component('SrOpenInNewIcon', SrOpenInNewIcon)
+        Vue.component('SrPackageIcon', SrPackageIcon)
+        Vue.component('SrPadlockOutlineIcon', SrPadlockOutlineIcon)
+        Vue.component('SrPencilIcon', SrPencilIcon)
+        Vue.component('SrPrevIcon', SrPrevIcon)
+        Vue.component('SrRadioOff', SrRadioOff)
+        Vue.component('SrRadioOn', SrRadioOn)
+        Vue.component('SrSearchCloseIcon', SrSearchCloseIcon)
+        Vue.component('SrSearchIcon', SrSearchIcon)
+        Vue.component('SrSettingIcon', SrSettingIcon)
+        Vue.component('SrSuccessCircleOutlineIcon', SrSuccessCircleOutlineIcon)
+        Vue.component('SrSuccessIcon', SrSuccessIcon)
+        Vue.component('SrTrashIcon', SrTrashIcon)
+        Vue.component('SrWarningCircleOutlineIcon', SrWarningCircleOutlineIcon)
+
+        Vue.component('SrHungaryFlag', SrHungaryFlag)
+        Vue.component('SrUntiedKingdomFlag', SrUnitedKingdomFlag)
+        Vue.component('SrGermanyFlag', SrGermanyFlag)
+        Vue.component('SrCroatiaFlag', SrCroatiaFlag)
+        Vue.component('SrRomaniaFlag', SrRomaniaFlag)
+        Vue.component('SrSerbiaFlag', SrSerbiaFlag)
+        Vue.component('SrSloveniaFlag', SrSloveniaFlag)
+    }
+}

package/src/plugins/component-library/library/SrInputs.js

@@ -0,0 +1,23 @@
+import SrInputField from '../../../components/inputs/SrInputField/SrInputField.vue'
+import SrSelect from '../../../components/inputs/SrSelect/SrSelect.vue'
+import SrCheckbox from '../../../components/inputs/SrCheckbox/SrCheckbox.vue'
+import SrArrayCheckbox from '../../../components/inputs/SrCheckbox/SrArrayCheckbox.vue'
+import SrSwitch from '../../../components/inputs/SrSwitch/SrSwitch.vue'
+import SrRadio from '../../../components/inputs/SrRadio/SrRadio.vue'
+import SrRadioGroup from '../../../components/inputs/SrRadio/SrRadioGroup.vue'
+import SrDatePicker from '../../../components/inputs/SrDatePicker/SrDatePicker.vue'
+import SrMultiCheckbox from '../../../components/inputs/SrMultiCheckbox/SrMultiCheckbox.vue'
+
+export default {
+    install (Vue, options = {}) {
+        Vue.component('SrInputField', SrInputField)
+        Vue.component('SrSelect', SrSelect)
+        Vue.component('SrCheckbox', SrCheckbox)
+        Vue.component('SrArrayCheckbox', SrArrayCheckbox)
+        Vue.component('SrMultiCheckbox', SrMultiCheckbox)
+        Vue.component('SrSwitch', SrSwitch)
+        Vue.component('SrRadio', SrRadio)
+        Vue.component('SrRadioGroup', SrRadioGroup)
+        Vue.component('SrDatePicker', SrDatePicker)
+    }
+}

package/src/plugins/component-library/library/SrLayouts.js

@@ -0,0 +1,11 @@
+import SrSlimLayout from '../../../components/layouts/slim/SrSlimLayout/SrSlimLayout.vue'
+import SrSlimHeading from '../../../components/layouts/slim/SrSlimHeading/SrSlimHeading.vue'
+import SrSlimContent from '../../../components/layouts/slim/SrSlimContent/SrSlimContent.vue'
+
+export default {
+    install (Vue, options = {}) {
+        Vue.component('SrSlimLayout', SrSlimLayout)
+        Vue.component('SrSlimHeading', SrSlimHeading)
+        Vue.component('SrSlimContent', SrSlimContent)
+    }
+}

package/src/plugins/component-library/library/SrMilestoneIndicators.js

@@ -0,0 +1,11 @@
+import SrProgressBarStep
+    from '../../../components/milestone-indicators/multi-step-progress-bar/SrProgressBarStep/SrProgressBarStep.vue'
+import SrMultiStepProgressBar
+    from '../../../components/milestone-indicators/multi-step-progress-bar/SrMultiStepProgressBar/SrMultiStepProgressBar.vue'
+
+export default {
+    install (Vue, options = {}) {
+        Vue.component('SrMultiStepProgressBar', SrMultiStepProgressBar)
+        Vue.component('SrProgressBarStep', SrProgressBarStep)
+    }
+}

package/src/plugins/component-library/library/SrPagination.js

@@ -0,0 +1,7 @@
+import SrPagination from '../../../components/pagination/SrPagination.vue'
+
+export default {
+    install (Vue, options = {}) {
+        Vue.component('SrPagination', SrPagination)
+    }
+}

package/src/plugins/component-library/library/SrTables.js

@@ -0,0 +1,7 @@
+import SrSimpleTable from '../../../components/tables/SrSimpleTable/SrSimpleTable.vue'
+
+export default {
+    install (Vue, options = {}) {
+        Vue.component('SrSimpleTable', SrSimpleTable)
+    }
+}

package/src/plugins/component-library/library/SrTabs.js

@@ -0,0 +1,15 @@
+import SrTabs from '../../../components/tabs/SrTabs/SrTabs.vue'
+import SrTab from '../../../components/tabs/SrTab/SrTab.vue'
+import SrTabItem from '../../../components/tabs/SrTabItem/SrTabItem.vue'
+import SrTabsItems from '../../../components/tabs/SrTabsItems/SrTabsItems.vue'
+import SrLanguageTab from '../../../components/tabs/SrLanguageTab/SrLanguageTab.vue'
+
+export default {
+    install (Vue, options = {}) {
+        Vue.component('SrTabs', SrTabs)
+        Vue.component('SrTab', SrTab)
+        Vue.component('SrTabItem', SrTabItem)
+        Vue.component('SrTabsItems', SrTabsItems)
+        Vue.component('SrLanguageTab', SrLanguageTab)
+    }
+}

package/src/plugins/vuetify/index.js

@@ -0,0 +1,9 @@
+import Vue from 'vue'
+import Vuetify from 'vuetify'
+import { preset } from './preset'
+
+Vue.use(Vuetify)
+
+const htmlLang = document.documentElement.lang || 'hu'
+preset.lang.current = htmlLang
+export default new Vuetify(preset)

package/src/plugins/vuetify/preset/icons/components/AddCircleOutlineIcon.vue

@@ -0,0 +1,11 @@
+<template>
+    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path d="M7.99996 5.27426V10.8495M5.21236 8.06186H10.7876M7.99996 15C11.8407 15 14.9999 11.9025 14.9999 7.99985C14.9999 4.15916 11.9026 1 7.99996 1C4.09732 1 1 4.09721 1 7.99985C1.06195 11.9025 4.15927 15 7.99996 15Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+    </svg>
+</template>
+
+<script>
+export default {
+    name: 'AddCircleOutlineIcon'
+}
+</script>

package/src/plugins/vuetify/preset/icons/components/ArrowRightIcon.vue

@@ -0,0 +1,11 @@
+<template>
+    <svg width="52" height="8" viewBox="0 0 52 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M49.3571 5.18015L0.605263 5.18015C0.270985 5.18015 0 4.90916 0 4.57488C0 4.2406 0.270985 3.96962 0.605263 3.96962L49.51 3.96962L47.5706 2.03014C47.3342 1.79376 47.3342 1.41053 47.5706 1.17417C47.807 0.937802 48.1902 0.937811 48.4266 1.17419L51.3227 4.07047C51.4506 4.19836 51.5093 4.36922 51.4988 4.53656C51.4996 4.54923 51.5 4.56201 51.5 4.57488C51.5 4.8343 51.3368 5.0556 51.1075 5.14171L48.4266 7.82271C48.1902 8.05909 47.807 8.0591 47.5706 7.82273C47.3342 7.58637 47.3342 7.20314 47.5706 6.96676L49.3571 5.18015Z" fill="#818E9E"/>
+    </svg>
+</template>
+
+<script>
+export default {
+    name: 'ArrowRightIcon'
+}
+</script>

package/src/plugins/vuetify/preset/icons/components/CalendarIcon.vue

@@ -0,0 +1,27 @@
+<template>
+    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <g clip-path="url(#clip0)">
+            <path d="M0.666626 4.41699C0.666626 3.75033 1.24996 3.16699 1.91663 3.16699H18.1666C18.8333 3.16699 19.4166 3.75033 19.4166 4.41699V18.167C19.4166 18.8337 18.8333 19.417 18.1666 19.417H1.91663C1.24996 19.417 0.666626 18.8337 0.666626 18.167V4.41699V4.41699Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+            <path d="M0.666626 8.16699H19.4166" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+            <path d="M5.66663 5.00033V0.666992" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+            <path d="M14.4166 5.00033V0.666992" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+            <path d="M4.75 11.5837C4.75 11.6166 4.74576 11.6416 4.74149 11.6585C4.72465 11.6628 4.69964 11.667 4.66667 11.667C4.63369 11.667 4.60868 11.6628 4.59184 11.6585C4.58757 11.6416 4.58333 11.6166 4.58333 11.5837C4.58333 11.5507 4.58757 11.5257 4.59184 11.5088C4.60868 11.5046 4.63369 11.5003 4.66667 11.5003C4.69964 11.5003 4.72465 11.5046 4.7415 11.5088C4.74576 11.5257 4.75 11.5507 4.75 11.5837Z" fill="currentColor" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+            <path d="M4.75 16.0007C4.75 16.0336 4.74576 16.0586 4.7415 16.0755C4.72465 16.0797 4.69964 16.084 4.66667 16.084C4.63369 16.084 4.60868 16.0797 4.59184 16.0755C4.58757 16.0586 4.58333 16.0336 4.58333 16.0007C4.58333 15.9677 4.58757 15.9427 4.59184 15.9258C4.60868 15.9216 4.63369 15.9173 4.66667 15.9173C4.69964 15.9173 4.72465 15.9216 4.74149 15.9258C4.74576 15.9427 4.75 15.9677 4.75 16.0007Z" fill="currentColor" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+            <path d="M10.0834 11.5837C10.0834 11.6166 10.0791 11.6416 10.0749 11.6585C10.058 11.6628 10.033 11.667 10 11.667C9.96707 11.667 9.94205 11.6628 9.92521 11.6585C9.92094 11.6416 9.91671 11.6166 9.91671 11.5837C9.91671 11.5507 9.92094 11.5257 9.92521 11.5088C9.94205 11.5046 9.96707 11.5003 10 11.5003C10.033 11.5003 10.058 11.5046 10.0749 11.5088C10.0791 11.5257 10.0834 11.5507 10.0834 11.5837Z" fill="currentColor" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+            <path d="M10.0834 16.0007C10.0834 16.0336 10.0791 16.0586 10.0749 16.0755C10.058 16.0797 10.033 16.084 10 16.084C9.96707 16.084 9.94205 16.0797 9.92521 16.0755C9.92094 16.0586 9.91671 16.0336 9.91671 16.0007C9.91671 15.9677 9.92094 15.9427 9.92521 15.9258C9.94205 15.9216 9.96707 15.9173 10 15.9173C10.033 15.9173 10.058 15.9216 10.0749 15.9258C10.0791 15.9427 10.0834 15.9677 10.0834 16.0007Z" fill="currentColor" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+            <path d="M15.4166 11.5837C15.4166 11.6166 15.4124 11.6416 15.4081 11.6585C15.3913 11.6628 15.3663 11.667 15.3333 11.667C15.3003 11.667 15.2753 11.6628 15.2585 11.6585C15.2542 11.6416 15.25 11.6166 15.25 11.5837C15.25 11.5507 15.2542 11.5257 15.2585 11.5088C15.2753 11.5046 15.3003 11.5003 15.3333 11.5003C15.3663 11.5003 15.3913 11.5046 15.4081 11.5088C15.4124 11.5257 15.4166 11.5507 15.4166 11.5837Z" fill="currentColor" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+            <path d="M15.4166 16.0007C15.4166 16.0336 15.4124 16.0586 15.4081 16.0755C15.3913 16.0797 15.3663 16.084 15.3333 16.084C15.3003 16.084 15.2753 16.0797 15.2585 16.0755C15.2542 16.0586 15.25 16.0336 15.25 16.0007C15.25 15.9677 15.2542 15.9427 15.2585 15.9258C15.2753 15.9216 15.3003 15.9173 15.3333 15.9173C15.3663 15.9173 15.3913 15.9216 15.4081 15.9258C15.4124 15.9427 15.4166 15.9677 15.4166 16.0007Z" fill="currentColor" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+        </g>
+        <defs>
+            <clipPath id="clip0">
+                <rect width="20" height="20" fill="white"/>
+            </clipPath>
+        </defs>
+    </svg>
+</template>
+
+<script>
+export default {
+    name: 'CalendarIcon'
+}
+</script>

package/src/plugins/vuetify/preset/icons/components/CheckboxIndeterminateIcon.vue

@@ -0,0 +1,12 @@
+<template>
+    <svg class="v-simple-checkbox--is-indeterminate" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <rect x="0.5" y="0.5" width="17" height="17" rx="2.5" fill="white" stroke="var(--sr-bg-grey)"/>
+        <rect x="5" y="5" width="8" height="8" rx="2" fill="var(--sr-primary)"/>
+    </svg>
+</template>
+
+<script>
+export default {
+    name: 'CheckboxIndeterminateIcon.vue'
+}
+</script>

package/src/plugins/vuetify/preset/icons/components/CheckboxOffIcon.vue

@@ -0,0 +1,11 @@
+<template>
+    <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <rect x="0.5" y="0.5" width="17" height="17" rx="2.5" fill="white" stroke="currentColor"/>
+    </svg>
+</template>
+
+<script>
+export default {
+    name: 'CheckboxOffIcon.vue'
+}
+</script>

package/src/plugins/vuetify/preset/icons/components/CheckboxOnIcon.vue

@@ -0,0 +1,12 @@
+<template>
+    <svg class="v-simple-checkbox--is-checked" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <rect width="18" height="18" rx="3" fill="var(--sr-primary)"/>
+        <path d="M12.3999 5.75L8.48813 11.595L5.3999 8.28637" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+    </svg>
+</template>
+
+<script>
+export default {
+    name: 'CheckboxOnIcon.vue'
+}
+</script>

package/src/plugins/vuetify/preset/icons/components/CloseIcon.vue

@@ -0,0 +1,12 @@
+<template>
+    <svg class="close-icon" width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path d="M9.14461 10C8.9257 10 8.70695 9.91641 8.53992 9.74938L0.250547 1.46002C-0.0835156 1.12597 -0.0835156 0.584274 0.250547 0.250537C0.584609 -0.0835124 1.12586 -0.0835124 1.46008 0.250537L9.74945 8.5399C10.0835 8.87395 10.0835 9.41565 9.74945 9.74938C9.58227 9.91641 9.36336 10 9.14461 10Z" fill="currentColor"/>
+        <path d="M0.855234 10C0.636328 10 0.417578 9.91641 0.250547 9.74938C-0.0835156 9.41565 -0.0835156 8.87411 0.250547 8.5399L8.53992 0.250693C8.87398 -0.0833561 9.41523 -0.0833561 9.74945 0.250693C10.0835 0.58443 10.0835 1.12597 9.74945 1.46018L1.45992 9.74938C1.29289 9.91641 1.07414 10 0.855234 10Z" fill="currentColor"/>
+    </svg>
+</template>
+
+<script>
+export default {
+    name: 'CloseIcon'
+}
+</script>

package/src/plugins/vuetify/preset/icons/components/DuplicateIcon.vue

@@ -0,0 +1,11 @@
+<template>
+    <svg width="12" height="15" viewBox="0 0 12 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M4.28032 1.78033C4.25201 1.80864 4.25 1.83178 4.25 1.8333V3.5832H6.05558C6.50324 3.5832 6.87868 3.79537 7.08269 3.93137C7.12378 3.95877 7.16207 3.99015 7.19699 4.02507L8.80812 5.63612C9.16508 5.99307 9.25 6.43978 9.25 6.77755V9.41631H10.1667C10.1682 9.41631 10.1914 9.41428 10.2197 9.38598C10.248 9.35767 10.25 9.33453 10.25 9.33301V3.44435C10.25 3.39546 10.2439 3.36783 10.2403 3.35642L8.69563 1.81183C8.66248 1.79249 8.6313 1.77695 8.60342 1.7658C8.57108 1.75286 8.55458 1.75039 8.55229 1.75H4.33333C4.33179 1.75 4.30863 1.75203 4.28032 1.78033ZM9.25 10.9163H10.1667C11.0253 10.9163 11.75 10.1917 11.75 9.33301V3.44435C11.75 3.10658 11.6651 2.65987 11.3081 2.30292L9.69699 0.691871C9.66207 0.65695 9.62378 0.625564 9.58269 0.598169C9.37868 0.462169 9.00324 0.25 8.55558 0.25H4.33333C3.4747 0.25 2.75 0.974632 2.75 1.8333V3.5832H1.83333C0.974703 3.5832 0.25 4.30784 0.25 5.1665V12.6662C0.25 13.5249 0.974703 14.2495 1.83333 14.2495H7.66667C8.5253 14.2495 9.25 13.5249 9.25 12.6662V10.9163ZM7.75 6.77755C7.75 6.72866 7.74389 6.70103 7.7403 6.68962L6.19563 5.14503C6.16248 5.12569 6.1313 5.11016 6.10342 5.099C6.07108 5.08607 6.05458 5.08359 6.05229 5.0832H1.83333C1.83179 5.0832 1.80863 5.08523 1.78032 5.11353C1.75201 5.14184 1.75 5.16499 1.75 5.1665V12.6662C1.75 12.6677 1.75201 12.6909 1.78032 12.7192C1.80863 12.7475 1.83179 12.7495 1.83333 12.7495H7.66667C7.66821 12.7495 7.69138 12.7475 7.71968 12.7192C7.74799 12.6909 7.75 12.6677 7.75 12.6662V6.77755Z" fill="currentColor"/>
+    </svg>
+</template>
+
+<script>
+export default {
+    name: 'DuplicateIcon.vue'
+}
+</script>

package/src/plugins/vuetify/preset/icons/components/EditIcon.vue

@@ -0,0 +1,11 @@
+<template>
+    <svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path d="M11.6595 2.06673L15.0572 5.46663M10.2604 3.40007L13.6581 6.79997M2.26581 11.4001L5.66352 14.8M15.3237 1.7334C14.8573 1.26673 14.2577 1 13.5915 1C12.9253 1 12.3257 1.26673 11.8593 1.7334L2.19918 11.4001L1 16L5.59689 14.8L15.257 5.1333C15.7234 4.66663 15.9899 4.06673 15.9899 3.40007C16.0565 2.80007 15.79 2.20007 15.3237 1.7334Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+    </svg>
+</template>
+
+<script>
+export default {
+    name: 'EditIcon'
+}
+</script>

package/src/plugins/vuetify/preset/icons/components/ErrorCircleOutlineIcon.vue

@@ -0,0 +1,13 @@
+<template>
+    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path fill-rule="evenodd" clip-rule="evenodd"
+              d="M0.250094 7.99985C0.250094 3.68298 3.68322 0.25 8.00006 0.25C12.3212 0.25 15.75 3.74926 15.75 7.99985C15.75 12.321 12.2507 15.75 8.00006 15.75C3.73868 15.75 0.318458 12.3127 0.250189 8.01175L0.25 7.99985H0.250094ZM1.7501 7.9939C1.80877 11.4954 4.58199 14.25 8.00006 14.25C11.4308 14.25 14.25 11.484 14.25 7.99985C14.25 4.56906 11.4842 1.75 8.00006 1.75C4.5136 1.75 1.75323 4.5083 1.7501 7.9939ZM5.46975 5.46968C5.76264 5.17678 6.23751 5.17677 6.53041 5.46966L8.00017 6.93936L9.46994 5.46966C9.76284 5.17677 10.2377 5.17678 10.5306 5.46968C10.8235 5.76258 10.8235 6.23745 10.5306 6.53034L9.06086 8L10.5306 9.46966C10.8235 9.76255 10.8235 10.2374 10.5306 10.5303C10.2377 10.8232 9.76284 10.8232 9.46994 10.5303L8.00017 9.06064L6.53041 10.5303C6.23751 10.8232 5.76264 10.8232 5.46975 10.5303C5.17687 10.2374 5.17688 9.76255 5.46978 9.46966L6.93949 8L5.46978 6.53034C5.17688 6.23745 5.17687 5.76258 5.46975 5.46968Z"
+              fill="#F4541D"/>
+    </svg>
+</template>
+
+<script>
+export default {
+    name: 'ErrorCircleOutlineIcon'
+}
+</script>

package/src/plugins/vuetify/preset/icons/components/ErrorIcon.vue

@@ -0,0 +1,12 @@
+<template>
+    <svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path d="M7.31569 8C7.14056 8 6.96556 7.93313 6.83194 7.79951L0.200438 1.16802C-0.0668125 0.900777 -0.0668125 0.467419 0.200438 0.20043C0.467687 -0.0668099 0.900687 -0.0668099 1.16806 0.20043L7.79956 6.83192C8.06681 7.09916 8.06681 7.53252 7.79956 7.79951C7.66581 7.93313 7.49069 8 7.31569 8Z" fill="#F4541D"/>
+        <path d="M0.684188 8C0.509063 8 0.334063 7.93313 0.200438 7.79951C-0.0668125 7.53252 -0.0668125 7.09929 0.200438 6.83192L6.83194 0.200555C7.09919 -0.0666849 7.53219 -0.0666849 7.79956 0.200555C8.06681 0.467544 8.06681 0.900777 7.79956 1.16814L1.16794 7.79951C1.03431 7.93313 0.859313 8 0.684188 8Z" fill="#F4541D"/>
+    </svg>
+</template>
+
+<script>
+export default {
+    name: 'ErrorIcon'
+}
+</script>

package/src/plugins/vuetify/preset/icons/components/ExportIcon.vue

@@ -0,0 +1,11 @@
+<template>
+    <svg width="20" height="19" viewBox="0 0 20 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path d="M19.0665 13.6867V16.0956C19.0665 16.7379 18.5044 17.3 17.862 17.3H2.20443C1.56207 17.3 1 16.7379 1 16.0956V13.6867M15.4532 6.46012L9.99309 1L4.61329 6.46012H7.58423V11.9202C7.58423 12.2414 7.82511 12.5626 8.22658 12.5626H11.8399C12.1611 12.5626 12.4823 12.3217 12.4823 11.9202V6.46012H15.4532Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+    </svg>
+</template>
+
+<script>
+export default {
+    name: 'ExportIcon.vue'
+}
+</script>

package/src/plugins/vuetify/preset/icons/components/FileWithStarIcon.vue

@@ -0,0 +1,15 @@
+<template>
+    <svg width="18" height="18" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="currentColor">
+        <path d="M18.2001 11.9L19.7001 15.2H22.7001C23.0001 15.2 23.3001 15.4 23.4001 15.7C23.5001 16 23.4001 16.3 23.2001 16.5L20.6 19.1L22.0001 22.4C22.1001 22.7 22 23.1 21.8 23.3C21.5 23.5 21.2001 23.6 20.9001 23.4L17.4001 21.4L13.9001 23.4C13.6001 23.6 13.2001 23.5 13.0001 23.3C12.7001 23.1 12.7 22.7 12.8 22.4L14.2001 19.1L11.6 16.5C11.4 16.3 11.3001 16 11.4001 15.7C11.5001 15.4 11.8 15.2 12.1 15.2H15.1L16.6 11.9C16.7 11.6 17 11.5 17.3 11.5C17.8 11.5 18.1001 11.6 18.2001 11.9Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+        <path d="M4 7H14.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+        <path d="M4 11.5H11.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+        <path d="M4 16H7.79999" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+        <path d="M7.79999 20.5H2.5C1.7 20.5 1 19.8 1 19V2.5C1 1.7 1.7 1 2.5 1H13.1C13.5 1 13.9 1.19999 14.2 1.39999L17.1 4.29999C17.4 4.59999 17.5 4.99999 17.5 5.39999V7.79999" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+    </svg>
+</template>
+
+<script>
+export default {
+    name: 'FileWithStarIcon'
+}
+</script>

package/src/plugins/vuetify/preset/icons/components/FilterIcon.vue

@@ -0,0 +1,11 @@
+<template>
+    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path d="M19 1.6525C19 1.48938 18.9196 1.32629 18.8393 1.16317C18.7589 1.00006 18.5982 1 18.4375 1H1.5625C1.40178 1 1.24107 1.08162 1.16071 1.16317C1.08035 1.32629 1 1.48938 1 1.6525C1.32143 5.73036 4.21428 9.15573 8.23214 9.9713V18.0455C8.23214 18.2902 8.39286 18.5349 8.55358 18.6165C8.79465 18.698 9.03571 18.6979 9.19642 18.5348L11.6071 16.4959C11.7678 16.4143 11.8482 16.1697 11.8482 16.0066V9.9713C15.7857 9.23729 18.7589 5.81192 19 1.6525Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+    </svg>
+</template>
+
+<script>
+export default {
+    name: 'FilterIcon.vue'
+}
+</script>

package/src/plugins/vuetify/preset/icons/components/FindIcon.vue

@@ -0,0 +1,11 @@
+<template>
+    <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M2.875 2.25C2.55351 2.25 2.25 2.55351 2.25 2.875V16.625C2.25 16.9465 2.55351 17.25 2.875 17.25H7.29166C7.63683 17.25 7.91666 17.5298 7.91666 17.875C7.91666 18.2202 7.63683 18.5 7.29166 18.5H2.875C1.86316 18.5 1 17.6368 1 16.625V2.875C1 1.86316 1.86316 1 2.875 1H11.7083C12.2295 1 12.6906 1.25087 12.9717 1.4383C13.0059 1.46113 13.0378 1.48728 13.067 1.51639L15.4836 3.93305C15.8922 4.3416 16 4.862 16 5.29166V7.29166C16 7.63683 15.7202 7.91666 15.375 7.91666C15.0298 7.91666 14.75 7.63683 14.75 7.29166V5.29166C14.75 5.05466 14.6912 4.90838 14.5997 4.81693L12.2296 2.44676C12.0291 2.3206 11.843 2.25 11.7083 2.25H2.875ZM3.5 6.625C3.5 6.27982 3.77982 6 4.125 6H12.875C13.2202 6 13.5 6.27982 13.5 6.625C13.5 6.97018 13.2202 7.25 12.875 7.25H4.125C3.77982 7.25 3.5 6.97018 3.5 6.625ZM9.16666 14.0417C9.16666 11.2798 11.4465 9 14.2083 9C16.9702 9 19.25 11.2798 19.25 14.0417C19.25 15.242 18.8194 16.3512 18.1057 17.2219L20.8169 19.9331C21.061 20.1771 21.061 20.5729 20.8169 20.8169C20.5729 21.061 20.1771 21.061 19.9331 20.8169L17.2014 18.0853C16.3615 18.7111 15.3243 19.0833 14.2083 19.0833C11.4465 19.0833 9.16666 16.8035 9.16666 14.0417ZM16.9573 16.6358C16.888 16.6662 16.8231 16.7097 16.7664 16.7664C16.7179 16.8149 16.679 16.8694 16.6498 16.9275C15.987 17.4909 15.1326 17.8333 14.2083 17.8333C12.1368 17.8333 10.4167 16.1131 10.4167 14.0417C10.4167 11.9702 12.1368 10.25 14.2083 10.25C16.2798 10.25 18 11.9702 18 14.0417C18 15.0386 17.6016 15.9542 16.9573 16.6358ZM3.5 10.375C3.5 10.0298 3.77982 9.75 4.125 9.75H7.29166C7.63683 9.75 7.91666 10.0298 7.91666 10.375C7.91666 10.7202 7.63683 11 7.29166 11H4.125C3.77982 11 3.5 10.7202 3.5 10.375ZM3.5 14.125C3.5 13.7798 3.77982 13.5 4.125 13.5H7.29166C7.63683 13.5 7.91666 13.7798 7.91666 14.125C7.91666 14.4702 7.63683 14.75 7.29166 14.75H4.125C3.77982 14.75 3.5 14.4702 3.5 14.125Z" fill="#818E9E" stroke="#818E9E" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round"/>
+    </svg>
+</template>
+
+<script>
+export default {
+    name: 'FindIcon'
+}
+</script>

package/src/plugins/vuetify/preset/icons/components/HelpCircleOutlineIcon.vue

@@ -0,0 +1,11 @@
+<template>
+    <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path d="M6.3761 6.94695C6.3761 7.22309 6.59996 7.44695 6.8761 7.44695C7.15225 7.44695 7.3761 7.22309 7.3761 6.94695H6.3761ZM8.78762 4.82305L8.84964 5.31921L8.8537 5.31867L8.78762 4.82305ZM11.1239 6.45141L11.6142 6.35335C11.6121 6.34302 11.6097 6.33275 11.607 6.32257L11.1239 6.45141ZM9.77877 8.92928L9.93692 9.40373L9.94693 9.40016L9.77877 8.92928ZM8.5708 10.6283C8.5708 10.9045 8.79466 11.1283 9.0708 11.1283C9.34694 11.1283 9.5708 10.9045 9.5708 10.6283H8.5708ZM9.28318 13.0354H8.78318H9.28318ZM1 9.00004H0.499937L0.500063 9.00798L1 9.00004ZM7.3761 6.94695C7.3761 6.13763 7.96664 5.42956 8.84964 5.31919L8.7256 4.32691C7.34311 4.49972 6.3761 5.63237 6.3761 6.94695H7.3761ZM8.8537 5.31867C9.64612 5.21301 10.417 5.74096 10.6408 6.58024L11.607 6.32257C11.2644 5.03795 10.053 4.14991 8.72154 4.32744L8.8537 5.31867ZM10.6336 6.54946C10.8008 7.38564 10.3516 8.19376 9.6106 8.45841L9.94693 9.40016C11.1882 8.95685 11.8717 7.64107 11.6142 6.35335L10.6336 6.54946ZM9.62065 8.45494C8.98108 8.66813 8.5708 9.29178 8.5708 9.92037H9.5708C9.5708 9.6994 9.72689 9.47362 9.93688 9.40363L9.62065 8.45494ZM8.5708 9.92037V10.6283H9.5708V9.92037H8.5708ZM9 12.2522C8.76657 12.2522 8.575 12.3639 8.45174 12.4872C8.32848 12.6105 8.21682 12.802 8.21682 13.0354H9.21682C9.21682 13.1272 9.17595 13.1772 9.15888 13.1942C9.14181 13.2113 9.09184 13.2522 9 13.2522V12.2522ZM8.21682 13.0354C8.21682 13.2688 8.32848 13.4604 8.45174 13.5836C8.575 13.7069 8.76657 13.8186 9 13.8186V12.8186C9.09184 12.8186 9.14181 12.8595 9.15888 12.8766C9.17595 12.8936 9.21682 12.9436 9.21682 13.0354H8.21682ZM9 13.8186C9.23343 13.8186 9.425 13.7069 9.54826 13.5836C9.67152 13.4604 9.78318 13.2688 9.78318 13.0354H8.78318C8.78318 12.9436 8.82405 12.8936 8.84112 12.8766C8.85818 12.8595 8.90816 12.8186 9 12.8186V13.8186ZM9.78318 13.0354C9.78318 12.8903 9.74789 12.6917 9.60536 12.5206C9.44947 12.3335 9.22646 12.2522 9 12.2522V13.2522C8.99759 13.2522 8.97367 13.2517 8.93855 13.2368C8.90169 13.2212 8.86576 13.1952 8.83711 13.1608C8.78308 13.0959 8.78318 13.0389 8.78318 13.0354L9.78318 13.0354ZM9 17.5C13.6626 17.5 17.5 13.7393 17.5 9.00004H16.5C16.5 13.1812 13.1161 16.5 9 16.5V17.5ZM17.5 9.00004C17.5 4.33741 13.7392 0.5 9 0.5V1.5C13.1812 1.5 16.5 4.88391 16.5 9.00004H17.5ZM9 0.5C4.26367 0.5 0.5 4.26372 0.5 9.00004H1.5C1.5 4.816 4.81596 1.5 9 1.5V0.5ZM0.500063 9.00798C0.575075 13.7337 4.33018 17.5 9 17.5V16.5C4.89105 16.5 1.56652 13.1867 1.49994 8.99211L0.500063 9.00798Z" fill="currentColor"/>
+    </svg>
+</template>
+
+<script>
+export default {
+    name: 'HelpCircleOutlineIcon.vue'
+}
+</script>

package/src/plugins/vuetify/preset/icons/components/ImportIcon.vue

@@ -0,0 +1,11 @@
+<template>
+    <svg width="20" height="19" viewBox="0 0 20 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path d="M19.0882 13.7824V16.1941C19.0882 16.8373 18.5255 17.4 17.8823 17.4H2.20588C1.56274 17.4 1 16.8373 1 16.1941V13.7824M4.61764 7.10978L10.0039 12.5765L15.4706 7.10978H12.4157V1.64318C12.4157 1.32161 12.1745 1 11.7726 1H8.15491C7.83335 1 7.51176 1.24122 7.51176 1.64318V7.10978H4.61764Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+    </svg>
+</template>
+
+<script>
+export default {
+    name: 'ImportIcon.vue'
+}
+</script>

package/src/plugins/vuetify/preset/icons/components/InfoIcon.vue

@@ -0,0 +1,11 @@
+<template>
+    <svg width="16" height="15" viewBox="0 0 16 15" fill="#3394F3" xmlns="http://www.w3.org/2000/svg">
+        <path d="M8.5087 0C4.44197 0 1.13374 3.30825 1.13374 7.375C1.13374 8.6615 1.47024 9.9255 2.10773 11.0375L0.896491 14.671C0.867491 14.7582 0.888491 14.854 0.95124 14.921C0.99924 14.9722 1.06574 15 1.13374 15C1.15499 15 1.17624 14.9972 1.19724 14.9917L5.16397 13.948C6.19447 14.473 7.34871 14.75 8.5087 14.75C12.5754 14.75 15.8837 11.4417 15.8837 7.375C15.8837 3.30825 12.5754 0 8.5087 0ZM5.13372 8.5C4.58222 8.5 4.13372 8.0515 4.13372 7.5C4.13372 6.9485 4.58222 6.5 5.13372 6.5C5.68522 6.5 6.13372 6.9485 6.13372 7.5C6.13372 8.0515 5.68522 8.5 5.13372 8.5ZM8.3837 8.5C7.83221 8.5 7.38371 8.0515 7.38371 7.5C7.38371 6.9485 7.83221 6.5 8.3837 6.5C8.9352 6.5 9.3837 6.9485 9.3837 7.5C9.3837 8.0515 8.9352 8.5 8.3837 8.5ZM11.6337 8.5C11.0822 8.5 10.6337 8.0515 10.6337 7.5C10.6337 6.9485 11.0822 6.5 11.6337 6.5C12.1852 6.5 12.6337 6.9485 12.6337 7.5C12.6337 8.0515 12.1852 8.5 11.6337 8.5Z"/>
+    </svg>
+</template>
+
+<script>
+export default {
+    name: 'InfoIcon.vue'
+}
+</script>

package/src/plugins/vuetify/preset/icons/components/InformationIcon.vue

@@ -0,0 +1,12 @@
+<template>
+    <svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <rect width="13" height="13" rx="6.5" fill="#818E9E"/>
+        <path d="M7.13721 5.24512V10H5.86719V5.24512H7.13721ZM5.78809 4.00586C5.78809 3.82129 5.85254 3.66895 5.98145 3.54883C6.11035 3.42871 6.2832 3.36865 6.5 3.36865C6.71387 3.36865 6.88525 3.42871 7.01416 3.54883C7.146 3.66895 7.21191 3.82129 7.21191 4.00586C7.21191 4.19043 7.146 4.34277 7.01416 4.46289C6.88525 4.58301 6.71387 4.64307 6.5 4.64307C6.2832 4.64307 6.11035 4.58301 5.98145 4.46289C5.85254 4.34277 5.78809 4.19043 5.78809 4.00586Z" fill="white"/>
+    </svg>
+</template>
+
+<script>
+export default {
+    name: 'InformationIcon'
+}
+</script>