@volverjs/style 0.1.2-beta.5 → 0.1.2-beta.7

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 (32) hide show
  1. package/dist/components/assets/vv-nav.3896d2c7.js +1 -0
  2. package/dist/components/vv-accordion.css +1 -0
  3. package/dist/components/vv-badge.css +1 -1
  4. package/dist/components/vv-breadcrumb.css +1 -0
  5. package/dist/components/vv-button-group.css +1 -1
  6. package/dist/components/vv-button.css +1 -1
  7. package/dist/components/vv-card.css +1 -1
  8. package/dist/components/vv-input-checkbox.css +1 -1
  9. package/dist/components/vv-input-radio.css +1 -1
  10. package/dist/components.css +1 -1
  11. package/dist/reset.css +1 -1
  12. package/dist/style.css +1 -1
  13. package/package.json +13 -9
  14. package/src/_config.scss +3 -1
  15. package/src/components/index.scss +3 -1
  16. package/src/components/vv-accordion.scss +12 -0
  17. package/src/components/vv-breadcrumb.scss +12 -0
  18. package/src/components/vv-button-group.scss +4 -8
  19. package/src/components/{vv-collapse.scss → vv-nav.scss} +2 -2
  20. package/src/reset.scss +1 -1
  21. package/src/settings/_index.scss +3 -1
  22. package/src/settings/components/_vv-accordion.scss +128 -0
  23. package/src/settings/components/_vv-badge.scss +21 -9
  24. package/src/settings/components/_vv-breadcrumb.scss +85 -0
  25. package/src/settings/components/_vv-button.scss +78 -4
  26. package/src/settings/components/_vv-card.scss +2 -1
  27. package/src/settings/components/_vv-input-checkbox.scss +1 -0
  28. package/src/settings/components/_vv-input-radio.scss +1 -0
  29. package/src/settings/components/_vv-nav.scss +1 -0
  30. package/src/tools/_mixins.scss +10 -5
  31. package/dist/components/vv-collapse.css +0 -1
  32. package/src/settings/components/_vv-collapse.scss +0 -111
package/dist/components/vv-collapse.css DELETED
@@ -1 +0,0 @@
1
- :where(:host,:root,.theme){--vv-collapse-display: block;--vv-collapse-min-width: 2.093em;--vv-collapse-padding: 0;--vv-collapse-border-radius: 0;--vv-collapse-border-bottom: var(--border) solid var(--color-surface-2);--vv-collapse-margin: 0;--vv-collapse-background: none;--vv-collapse-font-family: var(--font-sans);--vv-collapse-font-size: .6em;--vv-collapse-font-weight: normal;--vv-collapse-state-open-display: contents;--vv-collapse-state-open-padding: 0;--vv-collapse-state-open-margin: 0;--vv-collapse-state-open-element-header-list-style-type: none;--vv-collapse-state-open-element-header-color: var(--color-brand);--vv-collapse-state-open-element-header-pseudo-after-transform: rotate(0deg);--vv-collapse-state-open-element-header-pseudo-after-will-change: transform;--vv-collapse-state-open-element-header-pseudo-after-transition: transform .2s ease-in-out;--vv-collapse-state-open-element-content-height: auto;--vv-collapse-state-open-element-content-opacity: 1;--vv-collapse-state-blocked-cursor: not-allowed;--vv-collapse-state-blocked-opacity: .5;--vv-collapse-state-blocked-pointer-events: none;--vv-collapse-state-blocked-user-select: none;--vv-collapse-element-header-cursor: pointer;--vv-collapse-element-header-list-style-type: none;--vv-collapse-element-header-padding: 1em;--vv-collapse-element-header-margin: var(--spacing-0);--vv-collapse-element-header-background: none;--vv-collapse-element-header-color: var(--color-word-3);--vv-collapse-element-header-font-size: var(--text-sm);--vv-collapse-element-header-line-height: 1em;--vv-collapse-element-header-box-shadow: none;--vv-collapse-element-header-pseudo-after-display: block;--vv-collapse-element-header-pseudo-after-float: right;--vv-collapse-element-header-pseudo-after-width: 1em;--vv-collapse-element-header-pseudo-after-height: 1em;--vv-collapse-element-header-pseudo-after-background-image: var(--bg-chevron);--vv-collapse-element-header-pseudo-after-background-position: right center;--vv-collapse-element-header-pseudo-after-background-size: 1em auto;--vv-collapse-element-header-pseudo-after-background-repeat: no-repeat;--vv-collapse-element-header-pseudo-after-transform: rotate(-90deg);--vv-collapse-element-header-pseudo-after-will-change: transform;--vv-collapse-element-header-pseudo-after-transition: transform .2s ease-in-out;--vv-collapse-element-content-display: block;--vv-collapse-element-content-height: 0;--vv-collapse-element-content-padding: var(--spacing-0) 1em 1em 1em;--vv-collapse-element-content-margin: var(--spacing-0);--vv-collapse-element-content-background: none;--vv-collapse-element-content-color: var(--color-word-4);--vv-collapse-element-content-font-size: var(--text-xs);--vv-collapse-element-content-box-shadow: none;--vv-collapse-element-content-opacity: 0;--vv-collapse-element-content-transition: all .7s ease-in-out;--vv-collapse-modifier-minimal-display: contents;--vv-collapse-modifier-minimal-padding: 0;--vv-collapse-modifier-minimal-margin: 0;--vv-collapse-modifier-minimal-state-open-element-header-list-style-type: disclosure-open;--vv-collapse-modifier-minimal-state-open-element-header-color: var(--color-brand);--vv-collapse-modifier-minimal-element-header-display: list-item;--vv-collapse-modifier-minimal-element-header-counter-increment: list-item 0;--vv-collapse-modifier-minimal-element-header-list-style-type: disclosure-closed;--vv-collapse-modifier-minimal-element-header-pseudo-after-display: none}:where(.vv-collapse){display:var(--vv-collapse-display);min-width:var(--vv-collapse-min-width);padding:var(--vv-collapse-padding);border-radius:var(--vv-collapse-border-radius);border-bottom:var(--vv-collapse-border-bottom);margin:var(--vv-collapse-margin);background:var(--vv-collapse-background);font-family:var(--vv-collapse-font-family);font-size:var(--vv-collapse-font-size);font-weight:var(--vv-collapse-font-weight)}:where(.vv-collapse__header){cursor:var(--vv-collapse-element-header-cursor);list-style-type:var(--vv-collapse-element-header-list-style-type);padding:var(--vv-collapse-element-header-padding);margin:var(--vv-collapse-element-header-margin);background:var(--vv-collapse-element-header-background);color:var(--vv-collapse-element-header-color);font-size:var(--vv-collapse-element-header-font-size);line-height:var(--vv-collapse-element-header-line-height);box-shadow:var(--vv-collapse-element-header-box-shadow)}:where(.vv-collapse__header):after{content:"";display:var(--vv-collapse-element-header-pseudo-after-display);float:var(--vv-collapse-element-header-pseudo-after-float);width:var(--vv-collapse-element-header-pseudo-after-width);height:var(--vv-collapse-element-header-pseudo-after-height);background-image:var(--vv-collapse-element-header-pseudo-after-background-image);background-position:var(--vv-collapse-element-header-pseudo-after-background-position);background-size:var(--vv-collapse-element-header-pseudo-after-background-size);background-repeat:var(--vv-collapse-element-header-pseudo-after-background-repeat);transform:var(--vv-collapse-element-header-pseudo-after-transform);will-change:var(--vv-collapse-element-header-pseudo-after-will-change);transition:var(--vv-collapse-element-header-pseudo-after-transition)}:where(.vv-collapse__content){display:var(--vv-collapse-element-content-display);height:var(--vv-collapse-element-content-height);padding:var(--vv-collapse-element-content-padding);margin:var(--vv-collapse-element-content-margin);background:var(--vv-collapse-element-content-background);color:var(--vv-collapse-element-content-color);font-size:var(--vv-collapse-element-content-font-size);box-shadow:var(--vv-collapse-element-content-box-shadow);opacity:var(--vv-collapse-element-content-opacity);transition:var(--vv-collapse-element-content-transition)}:where(.vv-collapse--open,.vv-collapse.open,.vv-collapse[open]){--vv-collapse-display: var(--vv-collapse-state-open-display);--vv-collapse-padding: var(--vv-collapse-state-open-padding);--vv-collapse-margin: var(--vv-collapse-state-open-margin)}:where(.vv-collapse--open .vv-collapse__header,.vv-collapse.open .vv-collapse__header,.vv-collapse[open] .vv-collapse__header){list-style-type:var(--vv-collapse-state-open-element-header-list-style-type);color:var(--vv-collapse-state-open-element-header-color)}:where(.vv-collapse--open .vv-collapse__header,.vv-collapse.open .vv-collapse__header,.vv-collapse[open] .vv-collapse__header):after{content:"";transform:var(--vv-collapse-state-open-element-header-pseudo-after-transform);will-change:var(--vv-collapse-state-open-element-header-pseudo-after-will-change);transition:var(--vv-collapse-state-open-element-header-pseudo-after-transition)}:where(.vv-collapse--open .vv-collapse__content,.vv-collapse.open .vv-collapse__content,.vv-collapse[open] .vv-collapse__content){height:var(--vv-collapse-state-open-element-content-height);opacity:var(--vv-collapse-state-open-element-content-opacity)}:where(.vv-collapse--minimal.vv-collapse){--vv-collapse-display: var(--vv-collapse-modifier-minimal-display);--vv-collapse-padding: var(--vv-collapse-modifier-minimal-padding);--vv-collapse-margin: var(--vv-collapse-modifier-minimal-margin)}:where(.vv-collapse--minimal .vv-collapse__header){display:var(--vv-collapse-modifier-minimal-element-header-display);counter-increment:var(--vv-collapse-modifier-minimal-element-header-counter-increment);list-style-type:var(--vv-collapse-modifier-minimal-element-header-list-style-type)}:where(.vv-collapse--minimal .vv-collapse__header):after{content:"";display:var(--vv-collapse-modifier-minimal-element-header-pseudo-after-display)}:where(.vv-collapse--minimal.vv-collapse--open .vv-collapse__header,.vv-collapse--minimal.vv-collapse.open .vv-collapse__header,.vv-collapse--minimal.vv-collapse[open] .vv-collapse__header){list-style-type:var(--vv-collapse-modifier-minimal-state-open-element-header-list-style-type);color:var(--vv-collapse-modifier-minimal-state-open-element-header-color)}
package/src/settings/components/_vv-collapse.scss DELETED
@@ -1,111 +0,0 @@
1
- $vv-collapse: (
2
- display: block,
3
- min-width: 2.093em,
4
- padding: 0,
5
- border-radius: 0,
6
- border-bottom: var(--border) solid var(--color-surface-2),
7
- margin: 0,
8
- background: none,
9
- font-family: var(--font-sans),
10
- font-size: 0.6em,
11
- font-weight: normal,
12
- state: (
13
- open: (
14
- display: contents,
15
- padding: 0,
16
- margin: 0,
17
- element: (
18
- header: (
19
- list-style-type: none,
20
- color: var(--color-brand),
21
- pseudo: (
22
- after: (
23
- transform: rotate(0deg),
24
- will-change: transform,
25
- transition: transform 0.2s ease-in-out,
26
- ),
27
- ),
28
- ),
29
- content: (
30
- height: auto,
31
- opacity: 1,
32
- ),
33
- ),
34
- ),
35
- blocked: (
36
- cursor: not-allowed,
37
- opacity: 0.5,
38
- pointer-events: none,
39
- user-select: none,
40
- ),
41
- ),
42
- element: (
43
- header: (
44
- cursor: pointer,
45
- list-style-type: none,
46
- padding: 1em,
47
- margin: var(--spacing-0),
48
- background: none,
49
- color: var(--color-word-3),
50
- font-size: var(--text-sm),
51
- line-height: 1em,
52
- box-shadow: none,
53
- pseudo: (
54
- after: (
55
- display: block,
56
- float: right,
57
- width: 1em,
58
- height: 1em,
59
- background-image: var(--bg-chevron),
60
- background-position: right center,
61
- background-size: 1em auto,
62
- background-repeat: no-repeat,
63
- transform: rotate(-90deg),
64
- will-change: transform,
65
- transition: transform 0.2s ease-in-out,
66
- ),
67
- ),
68
- ),
69
- content: (
70
- display: block,
71
- height: 0,
72
- padding: var(--spacing-0) 1em 1em 1em,
73
- margin: var(--spacing-0),
74
- background: none,
75
- color: var(--color-word-4),
76
- font-size: var(--text-xs),
77
- box-shadow: none,
78
- opacity: 0,
79
- transition: all 0.7s ease-in-out,
80
- ),
81
- ),
82
- modifier: (
83
- minimal: (
84
- display: contents,
85
- padding: 0,
86
- margin: 0,
87
- state: (
88
- open: (
89
- element: (
90
- header: (
91
- list-style-type: disclosure-open,
92
- color: var(--color-brand),
93
- ),
94
- ),
95
- ),
96
- ),
97
- element: (
98
- header: (
99
- display: list-item,
100
- counter-increment: list-item 0,
101
- list-style-type: disclosure-closed,
102
- pseudo: (
103
- after: (
104
- display: none,
105
- ),
106
- ),
107
- ),
108
- ),
109
- ),
110
- ),
111
- ) !default;