@volverjs/style 0.1.2-beta.9 → 0.1.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@volverjs/style",
-  "version": "0.1.2-beta.9",
+  "version": "0.1.3",
   "description": "@volverjs/style is a lightweight responsive CSS utility library to accompany @volverjs/ui and static webpages as well.",
   "main": "dist/style.css",
   "style": "dist/style.css",
@@ -20,11 +20,17 @@
     "./scss/functions": "./src/tools/_functions.scss",
     "./scss/mixins": "./src/tools/_mixins.scss",
     "./scss/settings": "./src/settings/_index.scss",
-    "./scss/preflight": "./src/settings/_preflight.scss",
+    "./scss/preflight": "./src/_preflight.scss",
     "./components": "./dist/components.css",
     "./scss/components": "./src/components/index.scss",
+    "./components/vv-accordion-group": "./dist/components/vv-accordion-group.css",
+    "./scss/components/vv-accordion-group": "./src/components/vv-accordion-group.scss",
     "./components/vv-accordion": "./dist/components/vv-accordion.css",
     "./scss/components/vv-accordion": "./src/components/vv-accordion.scss",
+    "./components/vv-alert": "./dist/components/vv-alert.css",
+    "./scss/components/vv-alert": "./src/components/vv-alert.scss",
+    "./components/vv-avatar": "./dist/components/vv-avatar.css",
+    "./scss/components/vv-avatar": "./src/components/vv-avatar.scss",
     "./components/vv-badge": "./dist/components/vv-badge.css",
     "./scss/components/vv-badge": "./src/components/vv-badge.scss",
     "./components/vv-breadcrumb": "./dist/components/vv-breadcrumb.css",
@@ -35,40 +41,48 @@
     "./scss/components/vv-button": "./src/components/vv-button.scss",
     "./components/vv-card": "./dist/components/vv-card.css",
     "./scss/components/vv-card": "./src/components/vv-card.scss",
+    "./components/vv-checkbox-group": "./dist/components/vv-checkbox-group.css",
+    "./scss/components/vv-checkbox-group": "./src/components/vv-checkbox-group.scss",
+    "./components/vv-checkbox": "./dist/components/vv-checkbox.css",
+    "./scss/components/vv-checkbox": "./src/components/vv-checkbox.scss",
     "./components/vv-dialog": "./dist/components/vv-dialog.css",
     "./scss/components/vv-dialog": "./src/components/vv-dialog.scss",
     "./components/vv-dropdown": "./dist/components/vv-dropdown.css",
     "./scss/components/vv-dropdown": "./src/components/vv-dropdown.scss",
-    "./components/vv-input-checkbox-group": "./dist/components/vv-input-checkbox-group.css",
-    "./scss/components/vv-input-checkbox-group": "./src/components/vv-input-checkbox-group.scss",
-    "./components/vv-input-checkbox": "./dist/components/vv-input-checkbox.css",
-    "./scss/components/vv-input-checkbox": "./src/components/vv-input-checkbox.scss",
-    "./components/vv-input-radio-group": "./dist/components/vv-input-radio-group.css",
-    "./scss/components/vv-input-radio-group": "./src/components/vv-input-radio-group.scss",
-    "./components/vv-input-radio": "./dist/components/vv-input-radio.css",
-    "./scss/components/vv-input-radio": "./src/components/vv-input-radio.scss",
     "./components/vv-input-text": "./dist/components/vv-input-text.css",
     "./scss/components/vv-input-text": "./src/components/vv-input-text.scss",
     "./components/vv-nav": "./dist/components/vv-nav.css",
     "./scss/components/vv-nav": "./src/components/vv-nav.scss",
     "./components/vv-progress": "./dist/components/vv-progress.css",
     "./scss/components/vv-progress": "./src/components/vv-progress.scss",
+    "./components/vv-radio-group": "./dist/components/vv-radio-group.css",
+    "./scss/components/vv-radio-group": "./src/components/vv-radio-group.scss",
+    "./components/vv-radio": "./dist/components/vv-radio.css",
+    "./scss/components/vv-radio": "./src/components/vv-radio.scss",
     "./components/vv-select": "./dist/components/vv-select.css",
     "./scss/components/vv-select": "./src/components/vv-select.scss",
+    "./components/vv-skeleton": "./dist/components/vv-skeleton.css",
+    "./scss/components/vv-skeleton": "./src/components/vv-skeleton.scss",
+    "./components/vv-tab": "./dist/components/vv-tab.css",
+    "./scss/components/vv-tab": "./src/components/vv-tab.scss",
     "./components/vv-table": "./dist/components/vv-table.css",
     "./scss/components/vv-table": "./src/components/vv-table.scss",
     "./components/vv-text": "./dist/components/vv-text.css",
     "./scss/components/vv-text": "./src/components/vv-text.scss",
     "./components/vv-textarea": "./dist/components/vv-textarea.css",
     "./scss/components/vv-textarea": "./src/components/vv-textarea.scss",
+    "./components/vv-toast": "./dist/components/vv-toast.css",
+    "./scss/components/vv-toast": "./src/components/vv-toast.scss",
+    "./components/vv-tooltip": "./dist/components/vv-tooltip.css",
+    "./scss/components/vv-tooltip": "./src/components/vv-tooltip.scss",
     "./export": "./dist/export.css",
     "./scss/export": "./src/export.scss",
-    "./props/animation": "./dist/props/animation.css",
-    "./scss/props/animation": "./src/props/animation.scss",
     "./props/background": "./dist/props/background.css",
     "./scss/props/background": "./src/props/background.scss",
     "./props/borders": "./dist/props/borders.css",
     "./scss/props/borders": "./src/props/borders.scss",
+    "./props/breakpoints": "./dist/props/breakpoints.css",
+    "./scss/props/breakpoints": "./src/props/breakpoints.scss",
     "./props/colors": "./dist/props/colors.css",
     "./scss/props/colors": "./src/props/colors.scss",
     "./props/effects": "./dist/props/effects.css",
@@ -87,6 +101,8 @@
     "./scss/props/sizing": "./src/props/sizing.scss",
     "./props/spacing": "./dist/props/spacing.css",
     "./scss/props/spacing": "./src/props/spacing.scss",
+    "./props/transitions": "./dist/props/transitions.css",
+    "./scss/props/transitions": "./src/props/transitions.scss",
     "./props/typography": "./dist/props/typography.css",
     "./scss/props/typography": "./src/props/typography.scss",
     "./reset": "./dist/reset.css",
@@ -97,8 +113,6 @@
     "./scss/themes/dark/props": "./src/themes/dark/props/index.scss",
     "./themes/dark": "./dist/themes/dark/volver.css",
     "./scss/themes/dark": "./src/themes/dark/volver.scss",
-    "./utilities/animation": "./dist/utilities/animation.css",
-    "./scss/utilities/animation": "./src/utilities/animation.scss",
     "./utilities/backgrounds": "./dist/utilities/backgrounds.css",
     "./scss/utilities/backgrounds": "./src/utilities/backgrounds.scss",
     "./utilities/borders": "./dist/utilities/borders.css",
@@ -115,12 +129,20 @@
     "./scss/utilities/grid": "./src/utilities/grid.scss",
     "./utilities": "./dist/utilities.css",
     "./scss/utilities": "./src/utilities/index.scss",
+    "./utilities/interactivity": "./dist/utilities/interactivity.css",
+    "./scss/utilities/interactivity": "./src/utilities/interactivity.scss",
     "./utilities/layout": "./dist/utilities/layout.css",
     "./scss/utilities/layout": "./src/utilities/layout.scss",
     "./utilities/sizing": "./dist/utilities/sizing.css",
     "./scss/utilities/sizing": "./src/utilities/sizing.scss",
     "./utilities/spacing": "./dist/utilities/spacing.css",
     "./scss/utilities/spacing": "./src/utilities/spacing.scss",
+    "./utilities/tables": "./dist/utilities/tables.css",
+    "./scss/utilities/tables": "./src/utilities/tables.scss",
+    "./utilities/transforms": "./dist/utilities/transforms.css",
+    "./scss/utilities/transforms": "./src/utilities/transforms.scss",
+    "./utilities/transitions": "./dist/utilities/transitions.css",
+    "./scss/utilities/transitions": "./src/utilities/transitions.scss",
     "./utilities/typography": "./dist/utilities/typography.css",
     "./scss/utilities/typography": "./src/utilities/typography.scss",
     "./scss": "./src/volver.scss"
@@ -141,42 +163,46 @@
   },
   "homepage": "https://github.com/volverjs/style#readme",
   "devDependencies": {
-    "@iconify/vue": "^4.0.0",
-    "@vitejs/plugin-vue": "^3.2.0",
-    "@vueuse/core": "^9.4.0",
-    "@vueuse/head": "^0.9.8",
-    "eslint": "^8.27.0",
-    "eslint-config-prettier": "^8.5.0",
-    "eslint-plugin-vue": "^9.7.0",
+    "@iconify/vue": "^4.0.2",
+    "@vitejs/plugin-vue": "^4.0.0",
+    "@vueuse/core": "^9.10.0",
+    "@vueuse/head": "^1.0.22",
+    "eslint": "^8.31.0",
+    "eslint-config-prettier": "^8.6.0",
+    "eslint-plugin-vue": "^9.8.0",
     "glob": "^8.0.3",
     "icss-utils": "^5.1.0",
+    "markdown-it-anchor": "^8.6.6",
     "markdown-it-prism": "^2.3.0",
-    "postcss": "^8.4.18",
+    "postcss": "^8.4.21",
     "postcss-html": "^1.5.0",
-    "postcss-preset-env": "^7.8.2",
+    "postcss-preset-env": "^7.8.3",
     "prism-themes": "^1.9.0",
     "prismjs": "1.29.0",
-    "promise": "^8.3.0",
-    "sass": "^1.56.0",
-    "stylelint": "^14.14.1",
-    "stylelint-config-prettier": "^9.0.3",
+    "remark": "^14.0.2",
+    "remark-frontmatter": "^4.0.1",
+    "remark-gfm": "^3.0.1",
+    "remark-lint": "^9.1.1",
+    "sass": "^1.57.1",
+    "stylelint": "^14.16.1",
+    "stylelint-config-prettier": "^9.0.4",
     "stylelint-config-recommended-scss": "^8.0.0",
     "stylelint-config-recommended-vue": "^1.4.0",
     "stylelint-config-standard-scss": "^6.1.0",
-    "unplugin-auto-import": "^0.11.4",
-    "unplugin-vue-components": "^0.22.9",
-    "vite": "^3.2.3",
-    "vite-plugin-css-export": "^1.1.0",
+    "unplugin-auto-import": "^0.12.1",
+    "unplugin-vue-components": "^0.22.12",
+    "vite": "^4.0.4",
+    "vite-plugin-css-export": "^1.2.1",
     "vite-plugin-eslint": "^1.8.1",
     "vite-plugin-handlebars": "^1.6.0",
     "vite-plugin-markdown": "^2.1.0",
-    "vite-plugin-pages": "^0.27.1",
-    "vite-plugin-stylelint": "^3.0.8",
+    "vite-plugin-pages": "^0.28.0",
+    "vite-plugin-stylelint": "^4.1.5",
     "vite-plugin-vue-layouts": "^0.7.0",
-    "vite-ssg": "^0.21.2",
+    "vite-ssg": "^0.22.1",
     "vite-ssg-sitemap": "^0.4.3",
-    "vue": "^3.2.41",
-    "vue-live": "^2.1.0",
+    "vue": "^3.2.45",
+    "vue-live": "2.3.2",
     "vue-router": "^4.1.6"
   },
   "scripts": {

package/src/_config.scss

@@ -1,8 +1,8 @@
 // use custom props for components
 $use-custom-props-for-components: true !default;
 
-// enable zero specificity for compoenents
-$zero-specificity-for-compoenents: true !default;
+// enable zero specificity for components
+$zero-specificity-for-components: true !default;
 
 // enable zero specificity for utilities
 $zero-specificity-for-utilities: true !default;
@@ -12,23 +12,30 @@ $components-prefix: vv !default;
 
 // components names
 $components-names: (
+	vv-accordion-group: $components-prefix + -accordion-group,
+	vv-accordion: $components-prefix + -accordion,
+	vv-alert: $components-prefix + -alert,
 	vv-badge: $components-prefix + -badge,
 	vv-breadcrumb: $components-prefix + -breadcrumb,
-	vv-button: $components-prefix + -button,
 	vv-button-group: $components-prefix + -button-group,
-	vv-progress: $components-prefix + -progress,
-	vv-accordion: $components-prefix + -accordion,
+	vv-button: $components-prefix + -button,
+	vv-card: $components-prefix + -card,
 	vv-dialog: $components-prefix + -dialog,
 	vv-dropdown: $components-prefix + -dropdown,
-	vv-input-checkbox: $components-prefix + -input-checkbox,
-	vv-input-checkbox-group: $components-prefix + -input-checkbox-group,
-	vv-input-radio: $components-prefix + -input-radio,
-	vv-input-radio-group: $components-prefix + -input-radio-group,
+	vv-checkbox-group: $components-prefix + -checkbox-group,
+	vv-checkbox: $components-prefix + -checkbox,
+	vv-radio-group: $components-prefix + -radio-group,
+	vv-radio: $components-prefix + -radio,
+	vv-avatar: $components-prefix + -avatar,
 	vv-input-text: $components-prefix + -input-text,
 	vv-nav: $components-prefix + -nav,
-	vv-textarea: $components-prefix + -textarea,
+	vv-progress: $components-prefix + -progress,
 	vv-select: $components-prefix + -select,
+	vv-skeleton: $components-prefix + -skeleton,
+	vv-tab: $components-prefix + -tab,
 	vv-table: $components-prefix + -table,
-	vv-card: $components-prefix + -card,
 	vv-text: $components-prefix + -text,
+	vv-textarea: $components-prefix + -textarea,
+	vv-toast: $components-prefix + -toast,
+	vv-tooltip: $components-prefix + -tooltip,
 ) !default;

package/src/_context.scss

@@ -2,10 +2,10 @@
 @use 'sass:map';
 
 // configuration
-@import 'config';
+@forward 'config';
 
 // tools (mixins, functions, recipes)
-@import 'tools';
+@forward 'tools';
 
 // settings
-@import 'settings';
+@forward 'settings';