@volverjs/style 0.1.9-beta.1 → 0.1.9-beta.3

package/package.json

@@ -24,27 +24,27 @@
   "bugs": {
     "url": "https://github.com/volverjs/style/issues"
   },
-  "version": "0.1.9-beta.1",
+  "version": "0.1.9-beta.3",
   "engines": {
     "node": ">= 12.x"
   },
   "packageManager": "pnpm@7.8.0",
   "type": "module",
-  "main": "dist/style.css",
-  "style": "dist/style.css",
+  "main": "dist/volver.css",
+  "style": "dist/volver.css",
   "files": [
     "src/*",
     "dist/*"
   ],
   "devDependencies": {
     "@iconify/vue": "^4.1.0",
-    "@vitejs/plugin-vue": "^4.0.0",
+    "@vitejs/plugin-vue": "^4.1.0",
     "@vueuse/core": "^9.13.0",
-    "@vueuse/head": "^1.1.15",
-    "eslint": "^8.35.0",
-    "eslint-config-prettier": "^8.6.0",
+    "@vueuse/head": "^1.1.23",
+    "eslint": "^8.36.0",
+    "eslint-config-prettier": "^8.8.0",
     "eslint-plugin-vue": "^9.9.0",
-    "glob": "^9.2.1",
+    "glob": "^9.3.1",
     "icss-utils": "^5.1.0",
     "markdown-it-anchor": "^8.6.7",
     "markdown-it-prism": "^2.3.0",
@@ -57,26 +57,26 @@
     "remark-frontmatter": "^4.0.1",
     "remark-gfm": "^3.0.1",
     "remark-lint": "^9.1.1",
-    "sass": "^1.58.3",
-    "stylelint": "^15.2.0",
+    "sass": "^1.59.3",
+    "stylelint": "^15.3.0",
     "stylelint-config-prettier": "^9.0.5",
     "stylelint-config-recommended-scss": "^9.0.1",
     "stylelint-config-recommended-vue": "^1.4.0",
     "stylelint-config-standard-scss": "^7.0.1",
-    "unplugin-auto-import": "^0.15.0",
-    "unplugin-vue-components": "^0.24.0",
-    "vite": "^4.1.4",
+    "unplugin-auto-import": "^0.15.1",
+    "unplugin-vue-components": "^0.24.1",
+    "vite": "^4.2.1",
     "vite-plugin-css-export": "^2.0.0",
     "vite-plugin-eslint": "^1.8.1",
     "vite-plugin-handlebars": "^1.6.0",
     "vite-plugin-markdown": "^2.1.0",
-    "vite-plugin-pages": "^0.28.0",
-    "vite-plugin-stylelint": "^4.2.0",
+    "vite-plugin-pages": "^0.29.0",
+    "vite-plugin-stylelint": "^4.3.0",
     "vite-plugin-vue-layouts": "^0.8.0",
     "vite-ssg": "^0.22.1",
     "vite-ssg-sitemap": "^0.4.3",
     "vue": "^3.2.47",
-    "vue-live": "2.3.2",
+    "vue-live": "2.4.10",
     "vue-router": "^4.1.6"
   },
   "exports": {
@@ -87,143 +87,144 @@
     "./scss/mixins": "./src/tools/_mixins.scss",
     "./scss/settings": "./src/settings/_index.scss",
     "./scss/preflight": "./src/_preflight.scss",
-    "./base": "./dist/base.css",
-    "./scss/base": "./src/base.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-group": "./dist/components/vv-avatar-group.css",
-    "./scss/components/vv-avatar-group": "./src/components/vv-avatar-group.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-action": "./dist/components/vv-dropdown-action.css",
-    "./scss/components/vv-dropdown-action": "./src/components/vv-dropdown-action.scss",
-    "./components/vv-dropdown-option": "./dist/components/vv-dropdown-option.css",
-    "./scss/components/vv-dropdown-option": "./src/components/vv-dropdown-option.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",
+    "./scss": "./src/volver.scss",
+    "./reset": "./dist/reset.css",
+    "./scss/reset": "./src/reset.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/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",
-    "./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",
+    "./base": "./dist/base.css",
+    "./scss/base": "./src/base.scss",
+    "./utilities/typography": "./dist/utilities/typography.css",
+    "./scss/utilities/typography": "./src/utilities/typography.scss",
+    "./utilities/transitions": "./dist/utilities/transitions.css",
+    "./scss/utilities/transitions": "./src/utilities/transitions.scss",
+    "./utilities/transforms": "./dist/utilities/transforms.css",
+    "./scss/utilities/transforms": "./src/utilities/transforms.scss",
+    "./utilities/tables": "./dist/utilities/tables.css",
+    "./scss/utilities/tables": "./src/utilities/tables.scss",
+    "./utilities/spacing": "./dist/utilities/spacing.css",
+    "./scss/utilities/spacing": "./src/utilities/spacing.scss",
+    "./utilities/sizing": "./dist/utilities/sizing.css",
+    "./scss/utilities/sizing": "./src/utilities/sizing.scss",
+    "./utilities/layout": "./dist/utilities/layout.css",
+    "./scss/utilities/layout": "./src/utilities/layout.scss",
+    "./utilities/interactivity": "./dist/utilities/interactivity.css",
+    "./scss/utilities/interactivity": "./src/utilities/interactivity.scss",
+    "./utilities": "./dist/utilities.css",
+    "./scss/utilities": "./src/utilities/index.scss",
+    "./utilities/grid": "./dist/utilities/grid.css",
+    "./scss/utilities/grid": "./src/utilities/grid.scss",
+    "./utilities/flexbox": "./dist/utilities/flexbox.css",
+    "./scss/utilities/flexbox": "./src/utilities/flexbox.scss",
+    "./utilities/filters": "./dist/utilities/filters.css",
+    "./scss/utilities/filters": "./src/utilities/filters.scss",
+    "./utilities/effects": "./dist/utilities/effects.css",
+    "./scss/utilities/effects": "./src/utilities/effects.scss",
+    "./utilities/colors": "./dist/utilities/colors.css",
+    "./scss/utilities/colors": "./src/utilities/colors.scss",
+    "./utilities/borders": "./dist/utilities/borders.css",
+    "./scss/utilities/borders": "./src/utilities/borders.scss",
+    "./utilities/backgrounds": "./dist/utilities/backgrounds.css",
+    "./scss/utilities/backgrounds": "./src/utilities/backgrounds.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",
+    "./props/transitions": "./dist/props/transitions.css",
+    "./scss/props/transitions": "./src/props/transitions.scss",
+    "./props/spacing": "./dist/props/spacing.css",
+    "./scss/props/spacing": "./src/props/spacing.scss",
+    "./props/sizing": "./dist/props/sizing.css",
+    "./scss/props/sizing": "./src/props/sizing.scss",
+    "./props/media": "./dist/props/media.css",
+    "./scss/props/media": "./src/props/media.scss",
+    "./props/layout": "./dist/props/layout.css",
+    "./scss/props/layout": "./src/props/layout.scss",
+    "./props/input": "./dist/props/input.css",
+    "./scss/props/input": "./src/props/input.scss",
+    "./props": "./dist/props.css",
+    "./scss/props": "./src/props/index.scss",
+    "./props/filters": "./dist/props/filters.css",
+    "./scss/props/filters": "./src/props/filters.scss",
+    "./props/effects": "./dist/props/effects.css",
+    "./scss/props/effects": "./src/props/effects.scss",
+    "./props/colors": "./dist/props/colors.css",
+    "./scss/props/colors": "./src/props/colors.scss",
+    "./props/breakpoints": "./dist/props/breakpoints.css",
+    "./scss/props/breakpoints": "./src/props/breakpoints.scss",
+    "./props/borders": "./dist/props/borders.css",
+    "./scss/props/borders": "./src/props/borders.scss",
+    "./props/background": "./dist/props/background.css",
+    "./scss/props/background": "./src/props/background.scss",
+    "./components/vv-tooltip": "./dist/components/vv-tooltip.css",
+    "./scss/components/vv-tooltip": "./src/components/vv-tooltip.scss",
+    "./components/vv-toast": "./dist/components/vv-toast.css",
+    "./scss/components/vv-toast": "./src/components/vv-toast.scss",
+    "./components/vv-textarea": "./dist/components/vv-textarea.css",
+    "./scss/components/vv-textarea": "./src/components/vv-textarea.scss",
+    "./components/vv-text": "./dist/components/vv-text.css",
+    "./scss/components/vv-text": "./src/components/vv-text.scss",
+    "./components/vv-table": "./dist/components/vv-table.css",
+    "./scss/components/vv-table": "./src/components/vv-table.scss",
+    "./components/vv-tab": "./dist/components/vv-tab.css",
+    "./scss/components/vv-tab": "./src/components/vv-tab.scss",
+    "./components/vv-skeleton": "./dist/components/vv-skeleton.css",
+    "./scss/components/vv-skeleton": "./src/components/vv-skeleton.scss",
+    "./components/vv-select": "./dist/components/vv-select.css",
+    "./scss/components/vv-select": "./src/components/vv-select.scss",
+    "./components/vv-radio": "./dist/components/vv-radio.css",
+    "./scss/components/vv-radio": "./src/components/vv-radio.scss",
+    "./components/vv-radio-group": "./dist/components/vv-radio-group.css",
+    "./scss/components/vv-radio-group": "./src/components/vv-radio-group.scss",
+    "./components/vv-progress": "./dist/components/vv-progress.css",
+    "./scss/components/vv-progress": "./src/components/vv-progress.scss",
+    "./components/vv-nav": "./dist/components/vv-nav.css",
+    "./scss/components/vv-nav": "./src/components/vv-nav.scss",
+    "./components/vv-input-text": "./dist/components/vv-input-text.css",
+    "./scss/components/vv-input-text": "./src/components/vv-input-text.scss",
+    "./components/vv-dropdown": "./dist/components/vv-dropdown.css",
+    "./scss/components/vv-dropdown": "./src/components/vv-dropdown.scss",
+    "./components/vv-dropdown-option": "./dist/components/vv-dropdown-option.css",
+    "./scss/components/vv-dropdown-option": "./src/components/vv-dropdown-option.scss",
+    "./components/vv-dropdown-action": "./dist/components/vv-dropdown-action.css",
+    "./scss/components/vv-dropdown-action": "./src/components/vv-dropdown-action.scss",
+    "./components/vv-dialog": "./dist/components/vv-dialog.css",
+    "./scss/components/vv-dialog": "./src/components/vv-dialog.scss",
+    "./components/vv-checkbox": "./dist/components/vv-checkbox.css",
+    "./scss/components/vv-checkbox": "./src/components/vv-checkbox.scss",
+    "./components/vv-checkbox-group": "./dist/components/vv-checkbox-group.css",
+    "./scss/components/vv-checkbox-group": "./src/components/vv-checkbox-group.scss",
+    "./components/vv-card": "./dist/components/vv-card.css",
+    "./scss/components/vv-card": "./src/components/vv-card.scss",
+    "./components/vv-button": "./dist/components/vv-button.css",
+    "./scss/components/vv-button": "./src/components/vv-button.scss",
+    "./components/vv-button-group": "./dist/components/vv-button-group.css",
+    "./scss/components/vv-button-group": "./src/components/vv-button-group.scss",
+    "./components/vv-breadcrumb": "./dist/components/vv-breadcrumb.css",
+    "./scss/components/vv-breadcrumb": "./src/components/vv-breadcrumb.scss",
+    "./components/vv-badge": "./dist/components/vv-badge.css",
+    "./scss/components/vv-badge": "./src/components/vv-badge.scss",
+    "./components/vv-avatar": "./dist/components/vv-avatar.css",
+    "./scss/components/vv-avatar": "./src/components/vv-avatar.scss",
+    "./components/vv-avatar-group": "./dist/components/vv-avatar-group.css",
+    "./scss/components/vv-avatar-group": "./src/components/vv-avatar-group.scss",
+    "./components/vv-alert": "./dist/components/vv-alert.css",
+    "./scss/components/vv-alert": "./src/components/vv-alert.scss",
+    "./components/vv-accordion": "./dist/components/vv-accordion.css",
+    "./scss/components/vv-accordion": "./src/components/vv-accordion.scss",
+    "./components/vv-accordion-group": "./dist/components/vv-accordion-group.css",
+    "./scss/components/vv-accordion-group": "./src/components/vv-accordion-group.scss",
+    "./components": "./dist/components.css",
+    "./scss/components": "./src/components/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/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"
+    "./themes/dark/props": "./dist/themes/dark/props.css",
+    "./scss/themes/dark/props": "./src/themes/dark/props/index.scss",
+    "./themes/dark/components": "./dist/themes/dark/components.css",
+    "./scss/themes/dark/components": "./src/themes/dark/components/index.scss"
   },
   "scripts": {
     "dev": "vite --port 3000 --open",
     "build": "node ./scripts/build.js",
+    "generate-design-tokens": "node ./scripts/generateDesignTokens.js",
     "styleguide": "vite-ssg build"
   }
 }

package/src/settings/components/_vv-input-text.scss

@@ -308,10 +308,9 @@ $vv-input-text: (
 					position: absolute,
 					z-index: 1,
 					min-height: var(--input-min-height),
+					line-height: var(--input-min-height),
 					pointer-events: none,
 					font-size: inherit,
-					[padding-top]: var(--input-spacing-top),
-					[padding-bottom]: var(--input-spacing-bottom),
 					padding-inline: 0,
 					margin: 0,
 					will-change: 'transform',

package/src/settings/components/_vv-select.scss

@@ -252,10 +252,9 @@ $vv-select: (
 					position: absolute,
 					z-index: 1,
 					min-height: var(--input-min-height),
+					line-height: var(--input-min-height),
 					pointer-events: none,
 					font-size: inherit,
-					[padding-top]: var(--input-spacing-top),
-					[padding-bottom]: var(--input-spacing-bottom),
 					padding-inline: 0,
 					margin: 0,
 					will-change: 'transform',

package/src/settings/components/_vv-textarea.scss

@@ -228,10 +228,9 @@ $vv-textarea: (
 					position: absolute,
 					z-index: 1,
 					min-height: var(--input-min-height),
+					line-height: var(--input-min-height),
 					pointer-events: none,
 					font-size: inherit,
-					[padding-top]: var(--input-spacing-top),
-					[padding-bottom]: var(--input-spacing-bottom),
 					padding-inline: 0,
 					margin: 0,
 					will-change: 'transform',