@shoprenter/sr-styleguide 1.1.0 → 1.3.0

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

@@ -1,27 +1,29 @@
 import SrIcons from './library/SrIcons'
 import SrButtons from './library/SrButtons'
 import SrInputs from './library/SrInputs'
-import SrFormRow from './library/SrFormRow'
+import SrForm from './library/SrForm'
 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 SrProgressIndicators from './library/SrProgressIndicators'
 import SrTabs from './library/SrTabs'
+import SrBreadcrumbs from './library/SrBreadcrumbs'
 
 export default {
     install (Vue, options = {}) {
         Vue.use(SrIcons)
         Vue.use(SrButtons)
         Vue.use(SrInputs)
-        Vue.use(SrFormRow)
+        Vue.use(SrForm)
         Vue.use(SrLayouts)
         Vue.use(SrTables)
         Vue.use(SrAlerts)
         Vue.use(SrPagination)
         Vue.use(SrAppContainers)
-        Vue.use(SrMilestoneIndicators)
+        Vue.use(SrProgressIndicators)
         Vue.use(SrTabs)
+        Vue.use(SrBreadcrumbs)
     }
 }

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

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

package/src/plugins/component-library/library/{SrFormRow.js → SrForm.js}

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

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

@@ -8,6 +8,7 @@ import SrRadioGroup from '../../../components/inputs/SrRadio/SrRadioGroup.vue'
 import SrDatePicker from '../../../components/inputs/SrDatePicker/SrDatePicker.vue'
 import SrMultiCheckbox from '../../../components/inputs/SrMultiCheckbox/SrMultiCheckbox.vue'
 import SrSimpleMultiCheckbox from '../../../components/inputs/SrMultiCheckbox/SrSimpleMultiCheckbox.vue'
+import SrTextarea from '../../../components/inputs/SrTextarea/SrTextarea.vue'
 
 export default {
     install (Vue, options = {}) {
@@ -21,5 +22,6 @@ export default {
         Vue.component('SrRadio', SrRadio)
         Vue.component('SrRadioGroup', SrRadioGroup)
         Vue.component('SrDatePicker', SrDatePicker)
+        Vue.component('SrTextarea', SrTextarea)
     }
 }

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

@@ -1,11 +1,15 @@
 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'
+import SrStandardLayout from '../../../components/layouts/standard/SrStandardLayout/SrStandardLayout.vue'
 
 export default {
     install (Vue, options = {}) {
         Vue.component('SrSlimLayout', SrSlimLayout)
+        Vue.component('SrStandardLayout', SrStandardLayout)
         Vue.component('SrSlimHeading', SrSlimHeading)
+        Vue.component('SrHeading', SrSlimHeading)
         Vue.component('SrSlimContent', SrSlimContent)
+        Vue.component('SrContent', SrSlimContent)
     }
 }

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

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

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

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

package/src/plugins/vuetify/preset/icons/index.js

@@ -34,6 +34,7 @@ import SearchCloseIcon from './components/SearchCloseIcon.vue'
 import InvoiceStornoIcon from './components/InvoiceStornoIcon.vue'
 import InvoiceIcon from './components/InvoiceIcon.vue'
 import NextIcon from './components/NextIcon.vue'
+import EditIcon from './components/EditIcon.vue'
 
 export default {
     iconfont: 'mdi',
@@ -151,6 +152,9 @@ export default {
         },
         next: {
             component: NextIcon
+        },
+        edit: {
+            component: EditIcon
         }
     }
 }

package/src/plugins/vuetify/preset/locale/sr-en.js

@@ -6,5 +6,6 @@ export default {
     no: 'No',
     clearAll: 'Clear all',
     selectAll: 'Select all',
-    help: 'Help'
+    help: 'Help',
+    pleaseSelect: 'Please select'
 }

package/src/plugins/vuetify/preset/locale/sr-hu.js

@@ -6,5 +6,6 @@ export default {
     no: 'Nem',
     clearAll: 'Mindet töröl',
     selectAll: 'Mindet választ',
-    help: 'Segítség'
+    help: 'Segítség',
+    pleaseSelect: 'Kérlek válassz'
 }

package/src/plugins/vuetify/preset/style/scss/components/_table.scss

@@ -25,6 +25,7 @@
             border-bottom: 1px solid #ECEFF1;
             margin-bottom: 1px;
 
+
             &.selected:not(.v-data-table__expanded__content),
             &:hover:not(.v-data-table__expanded__content) {
                 background: var(--sr-bg-grey);
@@ -33,7 +34,7 @@
             }
 
             td {
-                border: 0 !important;
+                border-bottom: thin solid rgba(0, 0, 0, .12) !important;
                 padding: $cell-padding !important;
             }
         }
@@ -52,3 +53,8 @@
         border-top: 0;
     }
 }
+
+.sr-simple-table-filter-td {
+    text-align: center;
+    vertical-align: middle;
+}

package/src/plugins/vuetify/preset/variables.scss

@@ -257,8 +257,8 @@ $input-focus-border-color: #A7ADAF;
 $product-checkbox-grid-width: 50px;
 $sub-color: var(--sr-black);
 $main-color: black;
-$cell-padding: 8px 15px;
+$cell-padding: 15px 15px;
 $order-edit-product-table-trash-cell-width: 60px;
 $order-checkbox-grid-width: 50px;
 
-
+$sr-form-row-margin-bottom: 1rem;

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

@@ -1,11 +0,0 @@
-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)
-    }
-}