@volverjs/style 0.1.12-beta.16 → 0.1.12-beta.18

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.
Files changed (36) hide show
  1. package/dist/components/vv-accordion-group.css +1 -1
  2. package/dist/components/vv-alert-group.css +1 -1
  3. package/dist/components/vv-alert.css +1 -1
  4. package/dist/components/vv-breadcrumb.css +1 -1
  5. package/dist/components/vv-button.css +1 -1
  6. package/dist/components/vv-checkbox-group.css +1 -1
  7. package/dist/components/vv-checkbox.css +1 -1
  8. package/dist/components/vv-dropdown-option.css +1 -1
  9. package/dist/components/vv-dropdown.css +1 -1
  10. package/dist/components/vv-input-file.css +1 -1
  11. package/dist/components/vv-input-text.css +1 -1
  12. package/dist/components/vv-nav.css +1 -1
  13. package/dist/components/vv-radio-group.css +1 -1
  14. package/dist/components/vv-select.css +1 -1
  15. package/dist/components/vv-table.css +1 -1
  16. package/dist/components/vv-textarea.css +1 -1
  17. package/dist/components.css +1 -1
  18. package/dist/volver.css +1 -1
  19. package/package.json +1 -1
  20. package/src/settings/components/_vv-accordion-group.scss +2 -2
  21. package/src/settings/components/_vv-accordion.scss +1 -0
  22. package/src/settings/components/_vv-alert-group.scss +5 -2
  23. package/src/settings/components/_vv-avatar-group.scss +1 -0
  24. package/src/settings/components/_vv-avatar.scss +3 -0
  25. package/src/settings/components/_vv-badge.scss +1 -0
  26. package/src/settings/components/_vv-breadcrumb.scss +1 -0
  27. package/src/settings/components/_vv-card.scss +2 -0
  28. package/src/settings/components/_vv-checkbox-group.scss +2 -0
  29. package/src/settings/components/_vv-checkbox.scss +1 -0
  30. package/src/settings/components/_vv-dialog.scss +1 -0
  31. package/src/settings/components/_vv-input-file.scss +1 -0
  32. package/src/settings/components/_vv-input-text.scss +2 -0
  33. package/src/settings/components/_vv-radio.scss +1 -0
  34. package/src/settings/components/_vv-select.scss +2 -0
  35. package/src/settings/components/_vv-textarea.scss +2 -0
  36. package/src/tools/_mixins.scss +12 -1
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.12-beta.16",
27
+ "version": "0.1.12-beta.18",
28
28
  "engines": {
29
29
  "node": ">= 12.x"
30
30
  },
package/src/settings/components/_vv-accordion-group.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  $vv-accordion-group: (
2
2
  display: flex,
3
3
  flex-direction: column,
4
- gap: var(--spacing-sm),
4
+ [gap]: var(--spacing-sm),
5
5
  element: (
6
6
  not-last-child: (
7
7
  _alias: '> details:not(:last-child)',
@@ -9,7 +9,7 @@ $vv-accordion-group: (
9
9
  ),
10
10
  modifier: (
11
11
  condensed: (
12
- gap: 0,
12
+ gap: var(--spacing-0),
13
13
  element: (
14
14
  not-last-child: (
15
15
  border-bottom-width: 0,
package/src/settings/components/_vv-accordion.scss CHANGED
@@ -32,6 +32,7 @@ $vv-accordion: (
32
32
  element: (
33
33
  summary: (
34
34
  _alias: '> summary',
35
+ _combinator: '>',
35
36
  position: relative,
36
37
  cursor: pointer,
37
38
  user-select: none,
package/src/settings/components/_vv-alert-group.scss CHANGED
@@ -9,6 +9,7 @@ $vv-alert-group: (
9
9
  element: (
10
10
  list: (
11
11
  _alias: '> [role="group"]',
12
+ _combinator: '>',
12
13
  display: flex,
13
14
  flex-direction: column,
14
15
  gap: var(--spacing-xs),
@@ -130,8 +131,10 @@ $vv-alert-group: (
130
131
  [scale]: calc(1 - 0.05 * (var(--alert-counter, 1) - 1)),
131
132
  [z-index]:
132
133
  calc(
133
- var(--z-notification-alert) -
134
- var(--alert-counter, 1)
134
+ var(--z-notification-alert) - var(
135
+ --alert-counter,
136
+ 1
137
+ )
135
138
  ),
136
139
  filter: grayscale(100%),
137
140
  ),
package/src/settings/components/_vv-avatar-group.scss CHANGED
@@ -5,6 +5,7 @@ $vv-avatar-group: (
5
5
  element: (
6
6
  item: (
7
7
  _alias: '> *',
8
+ _combinator: '>',
8
9
  box-shadow: var(--shadow-md),
9
10
  ),
10
11
  item-not-first: (
package/src/settings/components/_vv-avatar.scss CHANGED
@@ -24,6 +24,7 @@ $vv-avatar: (
24
24
  element: (
25
25
  badge: (
26
26
  _alias: '> sup',
27
+ _combinator: '>',
27
28
  position: absolute,
28
29
  top: 0,
29
30
  right: 0,
@@ -32,6 +33,7 @@ $vv-avatar: (
32
33
  ),
33
34
  badge-bottom: (
34
35
  _alias: '> sub',
36
+ _combinator: '>',
35
37
  position: absolute,
36
38
  bottom: 0,
37
39
  right: 0,
@@ -40,6 +42,7 @@ $vv-avatar: (
40
42
  ),
41
43
  image: (
42
44
  _alias: '> img',
45
+ _combinator: '>',
43
46
  width: 100%,
44
47
  height: 100%,
45
48
  object-fit: inherit,
package/src/settings/components/_vv-badge.scss CHANGED
@@ -40,6 +40,7 @@ $vv-badge: (
40
40
  element: (
41
41
  button: (
42
42
  _alias: '> button',
43
+ _combinator: '>',
43
44
  cursor: pointer,
44
45
  padding: 0 0.5em,
45
46
  margin: 0 -0.5em,
package/src/settings/components/_vv-breadcrumb.scss CHANGED
@@ -15,6 +15,7 @@ $vv-breadcrumb: (
15
15
  element: (
16
16
  list: (
17
17
  _alias: '> ol',
18
+ _combinator: '>',
18
19
  position: relative,
19
20
  overflow: auto hidden,
20
21
  overscroll-behavior-x: contain,
package/src/settings/components/_vv-card.scss CHANGED
@@ -18,6 +18,7 @@ $vv-card: (
18
18
  element: (
19
19
  header: (
20
20
  _alias: '> header',
21
+ _combinator: '>',
21
22
  overflow: hidden,
22
23
  padding: var(--spacing-md),
23
24
  background-color: var(--color-surface-1),
@@ -40,6 +41,7 @@ $vv-card: (
40
41
  ),
41
42
  footer: (
42
43
  _alias: '> footer',
44
+ _combinator: '>',
43
45
  border-top: var(--border) solid var(--color-surface-4),
44
46
  padding: var(--spacing-md),
45
47
  ),
package/src/settings/components/_vv-checkbox-group.scss CHANGED
@@ -6,6 +6,7 @@ $vv-checkbox-group: (
6
6
  element: (
7
7
  legend: (
8
8
  _alias: '> legend',
9
+ _combinator: '>',
9
10
  display: var(--input-label-display),
10
11
  font-size: var(--input-label-font-size),
11
12
  font-weight: var(--input-label-font-weight),
@@ -24,6 +25,7 @@ $vv-checkbox-group: (
24
25
  ),
25
26
  hint: (
26
27
  _alias: '> small',
28
+ _combinator: '>',
27
29
  display: var(--input-hint-display),
28
30
  font-size: var(--input-hint-font-size),
29
31
  color: var(--input-hint-color),
package/src/settings/components/_vv-checkbox.scss CHANGED
@@ -42,6 +42,7 @@ $vv-checkbox: (
42
42
  ),
43
43
  hint: (
44
44
  _alias: '> small',
45
+ _combinator: '>',
45
46
  flex-basis: 100%,
46
47
  display: var(--input-hint-display),
47
48
  font-size: var(--input-hint-font-size),
package/src/settings/components/_vv-dialog.scss CHANGED
@@ -25,6 +25,7 @@ $vv-dialog: (
25
25
  element: (
26
26
  wrapper: (
27
27
  _alias: '> article',
28
+ _combinator: '>',
28
29
  display: flex,
29
30
  flex-direction: column,
30
31
  position: relative,
package/src/settings/components/_vv-input-file.scss CHANGED
@@ -9,6 +9,7 @@ $vv-input-file: (
9
9
  element: (
10
10
  label: (
11
11
  _alias: '> label',
12
+ _combinator: '>',
12
13
  display: var(--input-label-display),
13
14
  font-size: var(--input-label-font-size),
14
15
  font-weight: var(--input-label-font-weight),
package/src/settings/components/_vv-input-text.scss CHANGED
@@ -9,6 +9,7 @@ $vv-input-text: (
9
9
  element: (
10
10
  label: (
11
11
  _alias: '> label',
12
+ _combinator: '>',
12
13
  display: var(--input-label-display),
13
14
  font-size: var(--input-label-font-size),
14
15
  font-weight: var(--input-label-font-weight),
@@ -200,6 +201,7 @@ $vv-input-text: (
200
201
  ),
201
202
  hint: (
202
203
  _alias: '> small',
204
+ _combinator: '>',
203
205
  display: var(--input-hint-display),
204
206
  font-size: var(--input-hint-font-size),
205
207
  color: var(--input-hint-color),
package/src/settings/components/_vv-radio.scss CHANGED
@@ -79,6 +79,7 @@ $vv-radio: (
79
79
  ),
80
80
  hint: (
81
81
  _alias: '> small',
82
+ _combinator: '>',
82
83
  flex-basis: 100%,
83
84
  display: var(--input-hint-display),
84
85
  font-size: var(--input-hint-font-size),
package/src/settings/components/_vv-select.scss CHANGED
@@ -10,6 +10,7 @@ $vv-select: (
10
10
  element: (
11
11
  label: (
12
12
  _alias: '> label',
13
+ _combinator: '>',
13
14
  display: var(--input-label-display),
14
15
  font-size: var(--input-label-font-size),
15
16
  font-weight: var(--input-label-font-weight),
@@ -140,6 +141,7 @@ $vv-select: (
140
141
  ),
141
142
  hint: (
142
143
  _alias: '> small',
144
+ _combinator: '>',
143
145
  display: var(--input-hint-display),
144
146
  font-size: var(--input-hint-font-size),
145
147
  color: var(--input-hint-color),
package/src/settings/components/_vv-textarea.scss CHANGED
@@ -9,6 +9,7 @@ $vv-textarea: (
9
9
  element: (
10
10
  label: (
11
11
  _alias: '> label',
12
+ _combinator: '>',
12
13
  display: var(--input-label-display),
13
14
  font-size: var(--input-label-font-size),
14
15
  font-weight: var(--input-label-font-weight),
@@ -133,6 +134,7 @@ $vv-textarea: (
133
134
  ),
134
135
  hint: (
135
136
  _alias: '> small',
137
+ _combinator: '>',
136
138
  display: var(--input-hint-display),
137
139
  font-size: var(--input-hint-font-size),
138
140
  color: var(--input-hint-color),
package/src/tools/_mixins.scss CHANGED
@@ -313,13 +313,24 @@
313
313
  @each $element, $value in map.get($map, $key) {
314
314
  $selector: $block + '__' + $element;
315
315
 
316
+ // combinator
317
+ $combinator: map.get($value, '_combinator');
318
+
319
+ @if not $combinator {
320
+ $combinator: map.get($original, $key, $element, '_combinator');
321
+ }
322
+
316
323
  @if $modifier {
317
324
  $selectors: ();
318
325
 
319
326
  @each $item in selector.parse($modifier) {
327
+ @if $combinator {
328
+ $item: '#{$item} #{$combinator}';
329
+ }
330
+
320
331
  $selectors: list.join(
321
332
  $selectors,
322
- selector.nest('#{$item} > ', $selector)
333
+ selector.nest($item, $selector)
323
334
  );
324
335
  }
325
336