- App container

resources/js/components/Admin/WidgetLatestRegistrations.vue

@@ -110,8 +110,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     @media (prefers-color-scheme: dark) {
 

resources/js/components/Admin/WidgetTotals.vue

@@ -28,8 +28,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .widget-value {
         margin-top: 10px;

resources/js/components/Admin/WidgetWrapper.vue

@@ -30,8 +30,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .widget-content {
         @include widget-card;

resources/js/components/Auth/AuthButton.vue

@@ -28,8 +28,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .button {
         cursor: pointer;

resources/js/components/FilesView/Alert.vue

@@ -96,8 +96,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .popup {
         position: absolute;

resources/js/components/FilesView/ButtonBase.vue

@@ -22,8 +22,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .button-base {
         @include font-size(15);

resources/js/components/FilesView/ButtonUpload.vue

@@ -31,8 +31,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .button-base {
         @include font-size(15);

resources/js/components/FilesView/ContextMenu.vue

@@ -433,8 +433,8 @@ export default {
 </script>
 
 <style scoped lang="scss">
-@import "@assets/vue-file-manager/_variables";
-@import "@assets/vue-file-manager/_mixins";
+@import "@assets/vuefilemanager/_variables";
+@import "@assets/vuefilemanager/_mixins";
 
 .no-options {
     /deep/ .text-label {

resources/js/components/FilesView/DesktopSortingAndPreview.vue

@@ -29,8 +29,8 @@ import { events } from '@/bus'
 </script>
 
 <style scoped lang="scss">
-@import "@assets/vue-file-manager/_variables";
-@import "@assets/vue-file-manager/_mixins";
+@import "@assets/vuefilemanager/_variables";
+@import "@assets/vuefilemanager/_mixins";
 
 .sorting-preview {
     min-width: 250px;

resources/js/components/FilesView/DesktopToolbar.vue

@@ -220,8 +220,8 @@ export default {
 </script>
 
 <style scoped lang="scss">
-@import "@assets/vue-file-manager/_variables";
-@import "@assets/vue-file-manager/_mixins";
+@import "@assets/vuefilemanager/_variables";
+@import "@assets/vuefilemanager/_mixins";
 
 .preview-sorting {
     /deep/ .label {

resources/js/components/FilesView/DragUI.vue

@@ -75,8 +75,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '@assets/vue-file-manager/_variables';
-@import '@assets/vue-file-manager/_mixins';
+@import '@assets/vuefilemanager/_variables';
+@import '@assets/vuefilemanager/_mixins';
 
 #multi-select-ui {
     max-width: 300px;

resources/js/components/FilesView/EmptyMessage.vue

@@ -20,8 +20,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .empty-message {
         text-align: center;

resources/js/components/FilesView/EmptyPage.vue

@@ -59,8 +59,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .empty-page {
         position: absolute;

resources/js/components/FilesView/FileBrowser.vue

@@ -261,8 +261,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .file-list {
         .dragged {

resources/js/components/FilesView/FileFullPreview.vue

@@ -78,7 +78,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '@assets/vue-file-manager/_variables';
+@import '@assets/vuefilemanager/_variables';
 
 .file-full-preview-wrapper {
 	width: 100%;

resources/js/components/FilesView/FileInfoPanel.vue

@@ -136,8 +136,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .file-info-content {
         padding-bottom: 20px;

resources/js/components/FilesView/FileItemGrid.vue

@@ -300,8 +300,8 @@ export default {
 </script>
 
 <style scoped lang="scss">
-@import '@assets/vue-file-manager/_variables';
-@import '@assets/vue-file-manager/_mixins';
+@import '@assets/vuefilemanager/_variables';
+@import '@assets/vuefilemanager/_mixins';
 
 .check-select {
     margin-right: 10px;

resources/js/components/FilesView/FileItemList.vue

@@ -297,8 +297,8 @@ export default {
 </script>
 
 <style scoped lang="scss">
-@import '@assets/vue-file-manager/_variables';
-@import '@assets/vue-file-manager/_mixins';
+@import '@assets/vuefilemanager/_variables';
+@import '@assets/vuefilemanager/_mixins';
 
 
 .slide-from-left-move {

resources/js/components/FilesView/FilePreview.vue

@@ -26,8 +26,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .preview {
         width: 100%;

resources/js/components/FilesView/FilePreviewActions.vue

@@ -46,7 +46,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '@assets/vue-file-manager/_variables';
+@import '@assets/vuefilemanager/_variables';
 .prev,
 .next {
 	cursor: pointer;

resources/js/components/FilesView/FilePreviewNavigationPanel.vue

@@ -107,8 +107,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '@assets/vue-file-manager/_variables';
-@import '@assets/vue-file-manager/_mixins';
+@import '@assets/vuefilemanager/_variables';
+@import '@assets/vuefilemanager/_mixins';
 
 .name-wrapper {
 	width: 33%;

resources/js/components/FilesView/FolderIcon.vue

@@ -52,8 +52,8 @@
 </script>
 
 <style lang="scss" scoped>
-@import '@assets/vue-file-manager/_variables';
-@import '@assets/vue-file-manager/_mixins';
+@import '@assets/vuefilemanager/_variables';
+@import '@assets/vuefilemanager/_mixins';
 
 // Locations
 .file-item-list {

resources/js/components/FilesView/ImageMetaData.vue

@@ -107,8 +107,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '@assets/vue-file-manager/_variables';
-@import '@assets/vue-file-manager/_mixins';
+@import '@assets/vuefilemanager/_variables';
+@import '@assets/vuefilemanager/_mixins';
 
 .meta-data-list {
     list-style: none;

resources/js/components/FilesView/MediaFullPreview.vue

@@ -122,8 +122,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '@assets/vue-file-manager/_variables';
-@import '@assets/vue-file-manager/_mixins';
+@import '@assets/vuefilemanager/_variables';
+@import '@assets/vuefilemanager/_mixins';
 
 .media-full-preview {
 	height: calc(100% - 72px);

resources/js/components/FilesView/MobileActionButton.vue

@@ -45,8 +45,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .mobile-action-button {
         background: $light_background;

resources/js/components/FilesView/MobileActionButtonUpload.vue

@@ -34,8 +34,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .mobile-action-button {
         background: $light_background;

resources/js/components/FilesView/MobileActions.vue

@@ -135,8 +135,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .button-enter-active,
     .button-leave-active {

resources/js/components/FilesView/MobileMenu.vue

@@ -416,8 +416,8 @@ export default {
 </script>
 
 <style scoped lang="scss">
-@import "@assets/vue-file-manager/_variables";
-@import "@assets/vue-file-manager/_mixins";
+@import "@assets/vuefilemanager/_variables";
+@import "@assets/vuefilemanager/_mixins";
 
 .mobile-selected-menu {
     display: flex;

resources/js/components/FilesView/MobileMultiSelectButton.vue

@@ -39,8 +39,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .mobile-action-button {
         background: $light_background;

resources/js/components/FilesView/MobileMultiSelectMenu.vue

@@ -75,8 +75,8 @@ export default {
 </script>
 
 <style scoped lang="scss">
-@import "@assets/vue-file-manager/_variables";
-@import "@assets/vue-file-manager/_mixins";
+@import "@assets/vuefilemanager/_variables";
+@import "@assets/vuefilemanager/_mixins";
 
 .multiselect-actions {
     display: flex;

resources/js/components/FilesView/MobileSortingAndPreview.vue

@@ -25,8 +25,8 @@ import { events } from '@/bus'
 </script>
 
 <style scoped lang="scss">
-@import "@assets/vue-file-manager/_variables";
-@import "@assets/vue-file-manager/_mixins";
+@import "@assets/vuefilemanager/_variables";
+@import "@assets/vuefilemanager/_mixins";
 
 .options {
     position: absolute;

resources/js/components/FilesView/MobileToolbar.vue

@@ -84,8 +84,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .mobile-toolbar {
         background: white;

resources/js/components/FilesView/MultiSelected.vue

@@ -25,8 +25,8 @@ import {events} from '@/bus'
 </script>
 
 <style lang="scss" scoped>
-@import '@assets/vue-file-manager/_variables';
-@import '@assets/vue-file-manager/_mixins';
+@import '@assets/vuefilemanager/_variables';
+@import '@assets/vuefilemanager/_mixins';
 
 .wrapper {
     display: flex;

resources/js/components/FilesView/Option.vue

@@ -57,8 +57,8 @@ import {
 </script>
 
 <style scoped lang="scss">
-@import "@assets/vue-file-manager/_variables";
-@import "@assets/vue-file-manager/_mixins";
+@import "@assets/vuefilemanager/_variables";
+@import "@assets/vuefilemanager/_mixins";
 
 .danger {
     .text-label {

resources/js/components/FilesView/OptionGroup.vue

@@ -11,8 +11,8 @@
 </script>
 
 <style scoped lang="scss" scoped>
-@import "@assets/vue-file-manager/_variables";
-@import "@assets/vue-file-manager/_mixins";
+@import "@assets/vuefilemanager/_variables";
+@import "@assets/vuefilemanager/_mixins";
 
 .menu-option-group {
         padding: 5px 0;

resources/js/components/FilesView/ProcessingPopup.vue

@@ -32,8 +32,8 @@ export default {
 </script>
 
 <style scoped lang="scss">
-@import '@assets/vue-file-manager/_variables';
-@import '@assets/vue-file-manager/_mixins';
+@import '@assets/vuefilemanager/_variables';
+@import '@assets/vuefilemanager/_mixins';
 
 .spinner-wrapper {
     padding-bottom: 90px;

resources/js/components/FilesView/ProgressBar.vue

@@ -12,8 +12,8 @@ export default {
 </script>
 
 <style scoped lang="scss">
-	@import '@assets/vue-file-manager/_variables';
-	@import '@assets/vue-file-manager/_mixins';
+	@import '@assets/vuefilemanager/_variables';
+	@import '@assets/vuefilemanager/_mixins';
 
 	.progress-bar {
 		width: 100%;

resources/js/components/FilesView/SearchBar.vue

@@ -74,8 +74,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .search-bar {
         position: relative;

resources/js/components/FilesView/SortingAndPreviewMenu.vue

@@ -121,8 +121,8 @@ export default {
 </script>
 
 <style scoped lang="scss">
-@import "@assets/vue-file-manager/_variables";
-@import "@assets/vue-file-manager/_mixins";
+@import "@assets/vuefilemanager/_variables";
+@import "@assets/vuefilemanager/_mixins";
 
 .show-icon {
     margin-left: auto;

resources/js/components/FilesView/Spinner.vue

@@ -11,8 +11,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     #loading-bar-spinner.spinner {
         left: 50%;

resources/js/components/FilesView/ToolbarButton.vue

@@ -64,8 +64,8 @@ export default {
 </script>
 
 <style scoped lang="scss">
-@import "@assets/vue-file-manager/_variables";
-@import "@assets/vue-file-manager/_mixins";
+@import "@assets/vuefilemanager/_variables";
+@import "@assets/vuefilemanager/_mixins";
 
 .preview-sorting {
   svg {

resources/js/components/FilesView/ToolbarButtonUpload.vue

@@ -30,8 +30,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .button {
         height: 42px;

resources/js/components/FilesView/UploadProgress.vue

@@ -55,8 +55,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .sync-alt {
         animation: spin 1s linear infinite;

resources/js/components/Index/Components/PageTitle.vue

@@ -15,9 +15,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_landing-page';
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_landing-page';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .page-title {
         position: relative;

resources/js/components/Index/Components/PricingTables.vue

@@ -49,8 +49,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .plans-wrapper {
         box-shadow: 0 7px 20px 5px hsla(220, 36%, 16%, 0.05);

resources/js/components/Index/IndexGetStarted.vue

@@ -88,9 +88,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_landing-page';
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_landing-page';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .icons {
 

resources/js/components/Index/IndexHeroScreenshot.vue

@@ -57,9 +57,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_landing-page';
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_landing-page';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .icons {
 

resources/js/components/Index/IndexMainFeatures.vue

@@ -69,9 +69,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_landing-page';
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_landing-page';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .features {
         padding-left: 75px;

resources/js/components/Index/IndexNavigation.vue

@@ -55,9 +55,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_landing-page';
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_landing-page';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .main-navigation {
         justify-content: space-between;

resources/js/components/Index/IndexPageFooter.vue

@@ -39,9 +39,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_landing-page';
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_landing-page';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     footer {
         text-align: center;

resources/js/components/Index/IndexPageHeader.vue

@@ -53,9 +53,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_landing-page';
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_landing-page';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .features {
         display: flex;

resources/js/components/Index/IndexPricingTables.vue

@@ -51,9 +51,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_landing-page';
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_landing-page';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .pricing {
         .cloud-bg {

resources/js/components/Mobile/MenuItemList.vue

@@ -73,8 +73,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .link-item {
         display: flex;

resources/js/components/Mobile/MobileHeader.vue

@@ -45,8 +45,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .mobile-header {
         padding: 10px 0;

resources/js/components/Others/ActionButton.vue

@@ -22,8 +22,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .action-button {
         cursor: pointer;

resources/js/components/Others/ColorLabel.vue

@@ -12,8 +12,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .color-label {
         text-transform: capitalize;

resources/js/components/Others/ColorPicker.vue

@@ -58,8 +58,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "@assets/vue-file-manager/_inapp-forms.scss";
-@import '@assets/vue-file-manager/_forms';
+@import "@assets/vuefilemanager/_inapp-forms.scss";
+@import '@assets/vuefilemanager/_forms';
 
 .color-pick-wrapper {
     .color-wrapper {

resources/js/components/Others/ContentFileView.vue

@@ -36,8 +36,8 @@
 </script>
 
 <style lang="scss">
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     #files-view {
         font-family: 'Nunito', sans-serif;

resources/js/components/Others/CookieDisclaimer.vue

@@ -40,8 +40,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .cookie-wrapper {
         @include widget-card;

resources/js/components/Others/CreateFolder.vue

@@ -118,8 +118,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import "@assets/vue-file-manager/_inapp-forms.scss";
-    @import '@assets/vue-file-manager/_forms';
+    @import "@assets/vuefilemanager/_inapp-forms.scss";
+    @import '@assets/vuefilemanager/_forms';
 
     .item-thumbnail {
         margin-bottom: 20px;

resources/js/components/Others/Emoji.vue

@@ -29,8 +29,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "@assets/vue-file-manager/_inapp-forms.scss";
-@import '@assets/vue-file-manager/_forms';
+@import "@assets/vuefilemanager/_inapp-forms.scss";
+@import '@assets/vuefilemanager/_forms';
 
 .emoji-container {
     font-size: inherit;

resources/js/components/Others/EmojiPicker.vue

@@ -207,8 +207,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "@assets/vue-file-manager/_inapp-forms.scss";
-@import '@assets/vue-file-manager/_forms';
+@import "@assets/vuefilemanager/_inapp-forms.scss";
+@import '@assets/vuefilemanager/_forms';
 
 .select-emoji-wrapper {
     margin-bottom: 20px;

resources/js/components/Others/EmptyPageContent.vue

@@ -30,8 +30,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .empty-page-content {
         width: 100%;

resources/js/components/Others/Forms/CopyInput.vue

@@ -63,10 +63,10 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '@assets/vue-file-manager/_variables';
-@import '@assets/vue-file-manager/_mixins';
-@import "@assets/vue-file-manager/_inapp-forms.scss";
-@import "@assets/vue-file-manager/_forms.scss";
+@import '@assets/vuefilemanager/_variables';
+@import '@assets/vuefilemanager/_mixins';
+@import "@assets/vuefilemanager/_inapp-forms.scss";
+@import "@assets/vuefilemanager/_forms.scss";
 
 .multi-icon {
     display: flex;

resources/js/components/Others/Forms/FormLabel.vue

@@ -19,8 +19,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .form-label {
         display: flex;

resources/js/components/Others/Forms/ImageInput.vue

@@ -85,8 +85,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .dropzone {
         border: 1px dashed #a1abc2;

resources/js/components/Others/Forms/InfoBox.vue

@@ -12,8 +12,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .info-box {
         padding: 20px;

resources/js/components/Others/Forms/MultiEmailInput.vue

@@ -91,8 +91,8 @@ export default {
 </script>
 
 <style scoped lang="scss">
-@import "@assets/vue-file-manager/_inapp-forms.scss";
-@import '@assets/vue-file-manager/_forms';
+@import "@assets/vuefilemanager/_inapp-forms.scss";
+@import '@assets/vuefilemanager/_forms';
 
 .wrapper {
     margin-bottom: 20px;

resources/js/components/Others/Forms/SelectBoxInput.vue

@@ -40,10 +40,10 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
-    @import "@assets/vue-file-manager/_inapp-forms.scss";
-    @import "@assets/vue-file-manager/_forms.scss";
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
+    @import "@assets/vuefilemanager/_inapp-forms.scss";
+    @import "@assets/vuefilemanager/_forms.scss";
 
     .select-box {
         display: flex;

resources/js/components/Others/Forms/SelectInput.vue

@@ -78,8 +78,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .select {
         position: relative;

resources/js/components/Others/Forms/SetupBox.vue

@@ -14,8 +14,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .setup-box {
         padding: 20px;

resources/js/components/Others/Forms/SwitchInput.vue

@@ -39,8 +39,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .input-wrapper {
         display: flex;

resources/js/components/Others/Layout/PageTab.vue

@@ -20,6 +20,6 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 </style>

resources/js/components/Others/Layout/PageTabGroup.vue

@@ -11,8 +11,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .page-tab-group {
         margin-bottom: 65px;

resources/js/components/Others/ListInfo.vue

@@ -11,6 +11,6 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 </style>

resources/js/components/Others/ListInfoItem.vue

@@ -14,8 +14,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .list-info-item {
         display: block;

resources/js/components/Others/MobileNavigation.vue

@@ -123,8 +123,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .mobile-navigation {
         padding: 20px;

resources/js/components/Others/MoveItem.vue

@@ -155,8 +155,8 @@
 </script>
 
 <style scoped lang="scss">
-@import '@assets/vue-file-manager/_variables';
-@import '@assets/vue-file-manager/_mixins';
+@import '@assets/vuefilemanager/_variables';
+@import '@assets/vuefilemanager/_mixins';
 
 .item-thumbnail {
     margin-bottom: 20px;

resources/js/components/Others/Notifications/ToastrItem.vue

@@ -40,8 +40,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .fade-enter-active,
     .fade-leave-active {

resources/js/components/Others/Notifications/ToastrWrapper.vue

@@ -24,8 +24,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .toastr-list {
         transition: all 5s ease;

resources/js/components/Others/PageHeader.vue

@@ -24,8 +24,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .page-header {
         display: flex;

resources/js/components/Others/PlanPricingTables.vue

@@ -66,8 +66,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .plan {
         text-align: center;

resources/js/components/Others/Popup/Confirm.vue

@@ -84,8 +84,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .popup-image {
         padding-top: 20px;

resources/js/components/Others/Popup/PopupActions.vue

@@ -11,8 +11,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .actions {
         padding: 20px;

resources/js/components/Others/Popup/PopupContent.vue

@@ -14,8 +14,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .popup-content {
         &.height-limited {

resources/js/components/Others/Popup/PopupHeader.vue

@@ -38,8 +38,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .popup-header {
         padding: 20px;

resources/js/components/Others/Popup/PopupWrapper.vue

@@ -52,8 +52,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .popup {
         position: absolute;

resources/js/components/Others/RenameItem.vue

@@ -143,8 +143,8 @@ export default {
 </script>
 
 <style scoped lang="scss">
-@import "@assets/vue-file-manager/_inapp-forms.scss";
-@import '@assets/vue-file-manager/_forms';
+@import "@assets/vuefilemanager/_inapp-forms.scss";
+@import '@assets/vuefilemanager/_forms';
 
 .input {
     position: relative;

resources/js/components/Others/SectionTitle.vue

@@ -11,8 +11,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .text-label {
         @include font-size(12);

resources/js/components/Others/SetFolderIcon.vue

@@ -90,8 +90,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "@assets/vue-file-manager/_inapp-forms.scss";
-@import '@assets/vue-file-manager/_forms';
+@import "@assets/vuefilemanager/_inapp-forms.scss";
+@import '@assets/vuefilemanager/_forms';
 
 .set-folder-icon {
     position: relative;

resources/js/components/Others/ShareCreate.vue

@@ -260,8 +260,8 @@ export default {
 </script>
 
 <style scoped lang="scss">
-@import "@assets/vue-file-manager/_inapp-forms.scss";
-@import '@assets/vue-file-manager/_forms';
+@import "@assets/vuefilemanager/_inapp-forms.scss";
+@import '@assets/vuefilemanager/_forms';
 
 .more-options {
     margin-bottom: 10px;

resources/js/components/Others/ShareEdit.vue

@@ -359,8 +359,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import "@assets/vue-file-manager/_inapp-forms.scss";
-    @import '@assets/vue-file-manager/_forms';
+    @import "@assets/vuefilemanager/_inapp-forms.scss";
+    @import '@assets/vuefilemanager/_forms';
 
     .input-wrapper {
 

resources/js/components/Others/StorageItemDetail.vue

@@ -38,8 +38,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .detail-storage-item {
         margin-bottom: 35px;

resources/js/components/Others/TabWrapper.vue

@@ -52,8 +52,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import "@assets/vue-file-manager/_inapp-forms.scss";
-    @import '@assets/vue-file-manager/_forms';
+    @import "@assets/vuefilemanager/_inapp-forms.scss";
+    @import '@assets/vuefilemanager/_forms';
 
     .tab-wrapper {
         display: flex;

resources/js/components/Others/Tables/DatatableCell.vue

@@ -26,8 +26,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .table-row {
         border-radius: 8px;

resources/js/components/Others/Tables/DatatableCellImage.vue

@@ -19,8 +19,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .cell-image-thumbnail {
         display: flex;

resources/js/components/Others/Tables/DatatableWrapper.vue

@@ -222,8 +222,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '@assets/vue-file-manager/_variables';
-@import '@assets/vue-file-manager/_mixins';
+@import '@assets/vuefilemanager/_variables';
+@import '@assets/vuefilemanager/_mixins';
 
 .datatable {
     height: 100%;

resources/js/components/Others/TextLabel.vue

@@ -11,8 +11,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .text-label {
         padding-left: 25px;

resources/js/components/Others/ThemeLabel.vue

@@ -11,8 +11,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .theme-label {
         @include font-size(14);

resources/js/components/Others/ThumbnailItem.vue

@@ -66,8 +66,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .file-item {
         display: flex;