@volverjs/style 0.1.8 → 0.1.9-beta.2

package/package.json

@@ -24,29 +24,29 @@
   "bugs": {
     "url": "https://github.com/volverjs/style/issues"
   },
-  "version": "0.1.8",
+  "version": "0.1.9-beta.2",
   "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",
-    "@vueuse/core": "^9.12.0",
-    "@vueuse/head": "^1.0.24",
-    "eslint": "^8.33.0",
-    "eslint-config-prettier": "^8.6.0",
+    "@vitejs/plugin-vue": "^4.1.0",
+    "@vueuse/core": "^9.13.0",
+    "@vueuse/head": "^1.1.23",
+    "eslint": "^8.36.0",
+    "eslint-config-prettier": "^8.7.0",
     "eslint-plugin-vue": "^9.9.0",
-    "glob": "^8.1.0",
+    "glob": "^9.3.0",
     "icss-utils": "^5.1.0",
-    "markdown-it-anchor": "^8.6.6",
+    "markdown-it-anchor": "^8.6.7",
     "markdown-it-prism": "^2.3.0",
     "postcss": "^8.4.21",
     "postcss-html": "^1.5.0",
@@ -57,173 +57,174 @@
     "remark-frontmatter": "^4.0.1",
     "remark-gfm": "^3.0.1",
     "remark-lint": "^9.1.1",
-    "sass": "^1.58.0",
-    "stylelint": "^14.16.1",
-    "stylelint-config-prettier": "^9.0.4",
-    "stylelint-config-recommended-scss": "^8.0.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": "^6.1.0",
-    "unplugin-auto-import": "^0.13.0",
-    "unplugin-vue-components": "^0.23.0",
-    "vite": "^4.1.1",
-    "vite-plugin-css-export": "^1.2.1",
+    "stylelint-config-standard-scss": "^7.0.1",
+    "unplugin-auto-import": "^0.15.1",
+    "unplugin-vue-components": "^0.24.1",
+    "vite": "^4.2.0",
+    "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.1.8",
-    "vite-plugin-vue-layouts": "^0.7.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": {
-    ".": "./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",
-    "./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",
+    "./src": "./dist/volver.css",
+    "./scss/src": "./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/components/index.scss

@@ -1,5 +1,5 @@
-@use 'vv-accordion-group';
 @use 'vv-accordion';
+@use 'vv-accordion-group';
 @use 'vv-alert';
 @use 'vv-badge';
 @use 'vv-breadcrumb';
@@ -10,10 +10,10 @@
 @use 'vv-dropdown';
 @use 'vv-dropdown-action';
 @use 'vv-dropdown-option';
-@use 'vv-checkbox-group';
 @use 'vv-checkbox';
-@use 'vv-radio-group';
+@use 'vv-checkbox-group';
 @use 'vv-radio';
+@use 'vv-radio-group';
 @use 'vv-avatar';
 @use 'vv-avatar-group';
 @use 'vv-input-text';

package/src/settings/_index.scss

@@ -18,8 +18,8 @@
 @forward 'typography';
 
 // components
-@forward 'components/vv-accordion-group';
 @forward 'components/vv-accordion';
+@forward 'components/vv-accordion-group';
 @forward 'components/vv-alert';
 @forward 'components/vv-badge';
 @forward 'components/vv-breadcrumb';
@@ -30,10 +30,10 @@
 @forward 'components/vv-dropdown';
 @forward 'components/vv-dropdown-action';
 @forward 'components/vv-dropdown-option';
-@forward 'components/vv-checkbox-group';
 @forward 'components/vv-checkbox';
-@forward 'components/vv-radio-group';
+@forward 'components/vv-checkbox-group';
 @forward 'components/vv-radio';
+@forward 'components/vv-radio-group';
 @forward 'components/vv-avatar';
 @forward 'components/vv-avatar-group';
 @forward 'components/vv-input-text';

package/src/settings/_input.scss

@@ -8,6 +8,8 @@ $input: (
 	spacing-left: var(--spacing-sm),
 	color: var(--color-word),
 	background-color: var(--color-surface-1),
+	background-color-hover: var(--color-surface-3),
+	background-color-focus: var(--color-surface-2),
 	gap: var(--spacing-md),
 	line-height: var(--leading-normal),
 	font-size: var(--text-16),
@@ -15,8 +17,7 @@ $input: (
 	min-width: 0,
 	label: (
 		color: var(--color-word-2),
-		display: flex,
-		align-items: center,
+		display: inline,
 		font-size: var(--text-xs),
 		gap: var(--spacing-xs),
 		white-space: nowrap,

package/src/settings/components/_vv-accordion-group.scss

@@ -2,4 +2,19 @@ $vv-accordion-group: (
 	display: flex,
 	flex-direction: column,
 	gap: var(--spacing-sm),
+	element: (
+		not-last-child: (
+			_alias: '> details:not(:last-child)',
+		),
+	),
+	modifier: (
+		condensed: (
+			gap: 0,
+			element: (
+				not-last-child: (
+					border-bottom-width: 0,
+				),
+			),
+		),
+	),
 ) !default;

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

@@ -139,5 +139,13 @@ $vv-accordion: (
 				),
 			),
 		),
+		square: (
+			border-radius: 0,
+			element: (
+				summary: (
+					border-radius: 0,
+				),
+			),
+		),
 	),
 ) !default;

package/src/settings/components/_vv-dropdown-option.scss

@@ -5,6 +5,7 @@ $vv-dropdown-option: (
 	gap: var(--spacing-sm),
 	align-items: center,
 	padding: var(--spacing-sm),
+	white-space: nowrap,
 	state: (
 		disabled: (
 			opacity: var(--opacity-50),