@volverjs/style 0.1.9-beta.2 → 0.1.9-beta.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -24,7 +24,7 @@
24
24
  "bugs": {
25
25
  "url": "https://github.com/volverjs/style/issues"
26
26
  },
27
- "version": "0.1.9-beta.2",
27
+ "version": "0.1.9-beta.4",
28
28
  "engines": {
29
29
  "node": ">= 12.x"
30
30
  },
@@ -42,9 +42,9 @@
42
42
  "@vueuse/core": "^9.13.0",
43
43
  "@vueuse/head": "^1.1.23",
44
44
  "eslint": "^8.36.0",
45
- "eslint-config-prettier": "^8.7.0",
45
+ "eslint-config-prettier": "^8.8.0",
46
46
  "eslint-plugin-vue": "^9.9.0",
47
- "glob": "^9.3.0",
47
+ "glob": "^9.3.1",
48
48
  "icss-utils": "^5.1.0",
49
49
  "markdown-it-anchor": "^8.6.7",
50
50
  "markdown-it-prism": "^2.3.0",
@@ -65,7 +65,7 @@
65
65
  "stylelint-config-standard-scss": "^7.0.1",
66
66
  "unplugin-auto-import": "^0.15.1",
67
67
  "unplugin-vue-components": "^0.24.1",
68
- "vite": "^4.2.0",
68
+ "vite": "^4.2.1",
69
69
  "vite-plugin-css-export": "^2.0.0",
70
70
  "vite-plugin-eslint": "^1.8.1",
71
71
  "vite-plugin-handlebars": "^1.6.0",
@@ -80,14 +80,14 @@
80
80
  "vue-router": "^4.1.6"
81
81
  },
82
82
  "exports": {
83
+ ".": "./dist/volver.css",
83
84
  "./scss/context": "./src/_context.scss",
84
85
  "./scss/tools": "./src/tools/_index.scss",
85
86
  "./scss/functions": "./src/tools/_functions.scss",
86
87
  "./scss/mixins": "./src/tools/_mixins.scss",
87
88
  "./scss/settings": "./src/settings/_index.scss",
88
89
  "./scss/preflight": "./src/_preflight.scss",
89
- "./src": "./dist/volver.css",
90
- "./scss/src": "./src/volver.scss",
90
+ "./scss": "./src/volver.scss",
91
91
  "./reset": "./dist/reset.css",
92
92
  "./scss/reset": "./src/reset.scss",
93
93
  "./export": "./dist/export.css",
@@ -184,6 +184,8 @@
184
184
  "./scss/components/vv-dropdown": "./src/components/vv-dropdown.scss",
185
185
  "./components/vv-dropdown-option": "./dist/components/vv-dropdown-option.css",
186
186
  "./scss/components/vv-dropdown-option": "./src/components/vv-dropdown-option.scss",
187
+ "./components/vv-dropdown-optgroup": "./dist/components/vv-dropdown-optgroup.css",
188
+ "./scss/components/vv-dropdown-optgroup": "./src/components/vv-dropdown-optgroup.scss",
187
189
  "./components/vv-dropdown-action": "./dist/components/vv-dropdown-action.css",
188
190
  "./scss/components/vv-dropdown-action": "./src/components/vv-dropdown-action.scss",
189
191
  "./components/vv-dialog": "./dist/components/vv-dialog.css",
package/src/_config.scss CHANGED
@@ -24,6 +24,7 @@ $components-names: (
24
24
  vv-dropdown: $components-prefix + -dropdown,
25
25
  vv-dropdown-action: $components-prefix + -dropdown-action,
26
26
  vv-dropdown-option: $components-prefix + -dropdown-option,
27
+ vv-dropdown-optgroup: $components-prefix + -dropdown-optgroup,
27
28
  vv-checkbox-group: $components-prefix + -checkbox-group,
28
29
  vv-checkbox: $components-prefix + -checkbox,
29
30
  vv-radio-group: $components-prefix + -radio-group,
@@ -10,6 +10,7 @@
10
10
  @use 'vv-dropdown';
11
11
  @use 'vv-dropdown-action';
12
12
  @use 'vv-dropdown-option';
13
+ @use 'vv-dropdown-optgroup';
13
14
  @use 'vv-checkbox';
14
15
  @use 'vv-checkbox-group';
15
16
  @use 'vv-radio';
@@ -0,0 +1,13 @@
1
+ @use 'sass:map';
2
+ @use '../context' as *;
3
+
4
+ $component-name: map.get($components-names, vv-dropdown-optgroup);
5
+ $component-map: $vv-dropdown-optgroup;
6
+
7
+ @include spread-map-into-bem(
8
+ $map: $component-map,
9
+ $block: $component-name,
10
+ $props: $use-custom-props-for-components,
11
+ $zero-specificity: $zero-specificity-for-components,
12
+ $bps: $breakpoints
13
+ );
@@ -30,6 +30,7 @@
30
30
  @forward 'components/vv-dropdown';
31
31
  @forward 'components/vv-dropdown-action';
32
32
  @forward 'components/vv-dropdown-option';
33
+ @forward 'components/vv-dropdown-optgroup';
33
34
  @forward 'components/vv-checkbox';
34
35
  @forward 'components/vv-checkbox-group';
35
36
  @forward 'components/vv-radio';
@@ -0,0 +1,14 @@
1
+ $vv-dropdown-optgroup: (
2
+ display: flex,
3
+ min-width: 0,
4
+ overflow: hidden,
5
+ gap: var(--spacing-sm),
6
+ align-items: center,
7
+ padding: var(--spacing-xs) var(--spacing-sm),
8
+ white-space: nowrap,
9
+ text-transform: uppercase,
10
+ font-size: var(--text-xs),
11
+ font-weight: var(--font-bold),
12
+ colot: var(--color-word-3),
13
+ background-color: var(--color-surface-2),
14
+ );