@volverjs/style 0.1.2-beta.3 → 0.1.2-beta.30

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@volverjs/style",
-  "version": "0.1.2-beta.3",
+  "version": "0.1.2-beta.30",
   "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",
@@ -9,117 +9,135 @@
     "node": ">= 12.x"
   },
   "packageManager": "pnpm@7.8.0",
-  "scripts": {
-    "dev": "vite --port 3000 --open",
-    "build": "vite build --base=./ && node ./scripts/build.js"
-  },
   "files": [
     "src/*",
     "dist/*"
   ],
   "exports": {
-    ".": "./dist/style",
-    "./components": "./dist/components",
-    "./scss/components": "./src/components/index",
-    "./components/vv-badge": "./dist/components/vv-badge",
-    "./scss/components/vv-badge": "./src/components/vv-badge",
-    "./components/vv-button-group": "./dist/components/vv-button-group",
-    "./scss/components/vv-button-group": "./src/components/vv-button-group",
-    "./components/vv-button": "./dist/components/vv-button",
-    "./scss/components/vv-button": "./src/components/vv-button",
-    "./components/vv-card": "./dist/components/vv-card",
-    "./scss/components/vv-card": "./src/components/vv-card",
-    "./components/vv-collapse": "./dist/components/vv-collapse",
-    "./scss/components/vv-collapse": "./src/components/vv-collapse",
-    "./components/vv-dialog": "./dist/components/vv-dialog",
-    "./scss/components/vv-dialog": "./src/components/vv-dialog",
-    "./components/vv-dropdown": "./dist/components/vv-dropdown",
-    "./scss/components/vv-dropdown": "./src/components/vv-dropdown",
-    "./components/vv-input-checkbox-group": "./dist/components/vv-input-checkbox-group",
-    "./scss/components/vv-input-checkbox-group": "./src/components/vv-input-checkbox-group",
-    "./components/vv-input-checkbox": "./dist/components/vv-input-checkbox",
-    "./scss/components/vv-input-checkbox": "./src/components/vv-input-checkbox",
-    "./components/vv-input-radio-group": "./dist/components/vv-input-radio-group",
-    "./scss/components/vv-input-radio-group": "./src/components/vv-input-radio-group",
-    "./components/vv-input-radio": "./dist/components/vv-input-radio",
-    "./scss/components/vv-input-radio": "./src/components/vv-input-radio",
-    "./components/vv-input-text": "./dist/components/vv-input-text",
-    "./scss/components/vv-input-text": "./src/components/vv-input-text",
-    "./components/vv-progress": "./dist/components/vv-progress",
-    "./scss/components/vv-progress": "./src/components/vv-progress",
-    "./components/vv-select": "./dist/components/vv-select",
-    "./scss/components/vv-select": "./src/components/vv-select",
-    "./components/vv-table": "./dist/components/vv-table",
-    "./scss/components/vv-table": "./src/components/vv-table",
-    "./components/vv-text": "./dist/components/vv-text",
-    "./scss/components/vv-text": "./src/components/vv-text",
-    "./components/vv-textarea": "./dist/components/vv-textarea",
-    "./scss/components/vv-textarea": "./src/components/vv-textarea",
-    "./export": "./dist/export",
-    "./scss/export": "./src/export",
-    "./preflight": "./dist/preflight",
-    "./scss/preflight": "./src/preflight",
-    "./props/animation": "./dist/props/animation",
-    "./scss/props/animation": "./src/props/animation",
-    "./props/background": "./dist/props/background",
-    "./scss/props/background": "./src/props/background",
-    "./props/borders": "./dist/props/borders",
-    "./scss/props/borders": "./src/props/borders",
-    "./props/colors": "./dist/props/colors",
-    "./scss/props/colors": "./src/props/colors",
-    "./props/effects": "./dist/props/effects",
-    "./scss/props/effects": "./src/props/effects",
-    "./props/filters": "./dist/props/filters",
-    "./scss/props/filters": "./src/props/filters",
-    "./props": "./dist/props",
-    "./scss/props": "./src/props/index",
-    "./props/input": "./dist/props/input",
-    "./scss/props/input": "./src/props/input",
-    "./props/layout": "./dist/props/layout",
-    "./scss/props/layout": "./src/props/layout",
-    "./props/media": "./dist/props/media",
-    "./scss/props/media": "./src/props/media",
-    "./props/sizing": "./dist/props/sizing",
-    "./scss/props/sizing": "./src/props/sizing",
-    "./props/spacing": "./dist/props/spacing",
-    "./scss/props/spacing": "./src/props/spacing",
-    "./props/typography": "./dist/props/typography",
-    "./scss/props/typography": "./src/props/typography",
-    "./reset": "./dist/reset",
-    "./scss/reset": "./src/reset",
-    "./scss": "./src/style",
-    "./themes/dark/components": "./dist/themes/dark/components",
-    "./scss/themes/dark/components": "./src/themes/dark/components/index",
-    "./themes/dark/props": "./dist/themes/dark/props",
-    "./scss/themes/dark/props": "./src/themes/dark/props/index",
-    "./themes/dark": "./dist/themes/dark/style",
-    "./scss/themes/dark": "./src/themes/dark/style",
-    "./utilities/animation": "./dist/utilities/animation",
-    "./scss/utilities/animation": "./src/utilities/animation",
-    "./utilities/backgrounds": "./dist/utilities/backgrounds",
-    "./scss/utilities/backgrounds": "./src/utilities/backgrounds",
-    "./utilities/borders": "./dist/utilities/borders",
-    "./scss/utilities/borders": "./src/utilities/borders",
-    "./utilities/colors": "./dist/utilities/colors",
-    "./scss/utilities/colors": "./src/utilities/colors",
-    "./utilities/effects": "./dist/utilities/effects",
-    "./scss/utilities/effects": "./src/utilities/effects",
-    "./utilities/filters": "./dist/utilities/filters",
-    "./scss/utilities/filters": "./src/utilities/filters",
-    "./utilities/flexbox": "./dist/utilities/flexbox",
-    "./scss/utilities/flexbox": "./src/utilities/flexbox",
-    "./utilities/grid": "./dist/utilities/grid",
-    "./scss/utilities/grid": "./src/utilities/grid",
-    "./utilities": "./dist/utilities",
-    "./scss/utilities": "./src/utilities/index",
-    "./utilities/layout": "./dist/utilities/layout",
-    "./scss/utilities/layout": "./src/utilities/layout",
-    "./utilities/sizing": "./dist/utilities/sizing",
-    "./scss/utilities/sizing": "./src/utilities/sizing",
-    "./utilities/spacing": "./dist/utilities/spacing",
-    "./scss/utilities/spacing": "./src/utilities/spacing",
-    "./utilities/typography": "./dist/utilities/typography",
-    "./scss/utilities/typography": "./src/utilities/typography"
+    ".": "./dist/volver.css",
+    "./scss/context": "./src/_context.scss",
+    "./scss/tools": "./src/tools/_index.scss",
+    "./scss/functions": "./src/tools/_functions.scss",
+    "./scss/mixins": "./src/tools/_mixins.scss",
+    "./scss/settings": "./src/settings/_index.scss",
+    "./scss/preflight": "./src/_preflight.scss",
+    "./components": "./dist/components.css",
+    "./scss/components": "./src/components/index.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",
+    "./scss/components/vv-breadcrumb": "./src/components/vv-breadcrumb.scss",
+    "./components/vv-button-group": "./dist/components/vv-button-group.css",
+    "./scss/components/vv-button-group": "./src/components/vv-button-group.scss",
+    "./components/vv-button": "./dist/components/vv-button.css",
+    "./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-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/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/colors": "./dist/props/colors.css",
+    "./scss/props/colors": "./src/props/colors.scss",
+    "./props/effects": "./dist/props/effects.css",
+    "./scss/props/effects": "./src/props/effects.scss",
+    "./props/filters": "./dist/props/filters.css",
+    "./scss/props/filters": "./src/props/filters.scss",
+    "./props": "./dist/props.css",
+    "./scss/props": "./src/props/index.scss",
+    "./props/input": "./dist/props/input.css",
+    "./scss/props/input": "./src/props/input.scss",
+    "./props/layout": "./dist/props/layout.css",
+    "./scss/props/layout": "./src/props/layout.scss",
+    "./props/media": "./dist/props/media.css",
+    "./scss/props/media": "./src/props/media.scss",
+    "./props/sizing": "./dist/props/sizing.css",
+    "./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",
+    "./scss/reset": "./src/reset.scss",
+    "./themes/dark/components": "./dist/themes/dark/components.css",
+    "./scss/themes/dark/components": "./src/themes/dark/components/index.scss",
+    "./themes/dark/props": "./dist/themes/dark/props.css",
+    "./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/backgrounds": "./dist/utilities/backgrounds.css",
+    "./scss/utilities/backgrounds": "./src/utilities/backgrounds.scss",
+    "./utilities/borders": "./dist/utilities/borders.css",
+    "./scss/utilities/borders": "./src/utilities/borders.scss",
+    "./utilities/colors": "./dist/utilities/colors.css",
+    "./scss/utilities/colors": "./src/utilities/colors.scss",
+    "./utilities/effects": "./dist/utilities/effects.css",
+    "./scss/utilities/effects": "./src/utilities/effects.scss",
+    "./utilities/filters": "./dist/utilities/filters.css",
+    "./scss/utilities/filters": "./src/utilities/filters.scss",
+    "./utilities/flexbox": "./dist/utilities/flexbox.css",
+    "./scss/utilities/flexbox": "./src/utilities/flexbox.scss",
+    "./utilities/grid": "./dist/utilities/grid.css",
+    "./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/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"
   },
   "repository": {
     "type": "git",
@@ -137,20 +155,47 @@
   },
   "homepage": "https://github.com/volverjs/style#readme",
   "devDependencies": {
+    "@iconify/vue": "^4.0.2",
+    "@vitejs/plugin-vue": "^4.0.0",
+    "@vueuse/core": "^9.8.2",
+    "@vueuse/head": "^1.0.22",
+    "eslint": "^8.30.0",
     "eslint-config-prettier": "^8.5.0",
-    "eslint": "^8.25.0",
+    "eslint-plugin-vue": "^9.8.0",
     "glob": "^8.0.3",
     "icss-utils": "^5.1.0",
-    "postcss-preset-env": "^7.8.2",
-    "postcss": "^8.4.18",
-    "promise": "^8.2.0",
-    "sass": "^1.55.0",
-    "stylelint-config-prettier": "^9.0.3",
-    "stylelint-config-standard-scss": "^5.0.0",
-    "stylelint": "^14.13.0",
+    "markdown-it-anchor": "^8.6.6",
+    "markdown-it-prism": "^2.3.0",
+    "postcss": "^8.4.20",
+    "postcss-html": "^1.5.0",
+    "postcss-preset-env": "^7.8.3",
+    "prism-themes": "^1.9.0",
+    "prismjs": "1.29.0",
+    "sass": "^1.57.1",
+    "stylelint": "^14.16.0",
+    "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.12.1",
+    "unplugin-vue-components": "^0.22.12",
+    "vite": "^4.0.3",
+    "vite-plugin-css-export": "^1.2.1",
     "vite-plugin-eslint": "^1.8.1",
     "vite-plugin-handlebars": "^1.6.0",
-    "vite-plugin-stylelint": "^3.0.7",
-    "vite": "^3.1.8"
+    "vite-plugin-markdown": "^2.1.0",
+    "vite-plugin-pages": "^0.28.0",
+    "vite-plugin-stylelint": "^4.1.3",
+    "vite-plugin-vue-layouts": "^0.7.0",
+    "vite-ssg": "^0.22.1",
+    "vite-ssg-sitemap": "^0.4.3",
+    "vue": "^3.2.45",
+    "vue-live": "2.3.2",
+    "vue-router": "^4.1.6"
+  },
+  "scripts": {
+    "dev": "vite --port 3000 --open",
+    "build": "node ./scripts/build.js",
+    "styleguide": "vite-ssg build"
   }
-}
+}

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,21 +12,29 @@ $components-prefix: vv !default;
 
 // components names
 $components-names: (
+	vv-accordion: $components-prefix + -accordion,
+	vv-alert: $components-prefix + -alert,
 	vv-badge: $components-prefix + -badge,
-	vv-button: $components-prefix + -button,
+	vv-breadcrumb: $components-prefix + -breadcrumb,
 	vv-button-group: $components-prefix + -button-group,
-	vv-progress: $components-prefix + -progress,
-	vv-collapse: $components-prefix + -collapse,
+	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-textarea: $components-prefix + -textarea,
+	vv-nav: $components-prefix + -nav,
+	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';