@volverjs/style 0.1.12-beta.10 → 0.1.12-beta.11
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/dist/components/vv-avatar.css +1 -1
- package/dist/components/vv-badge.css +1 -1
- package/dist/components/vv-input-file.css +1 -1
- package/dist/components/vv-input-text.css +1 -1
- package/dist/components/vv-select.css +1 -1
- package/dist/components/vv-textarea.css +1 -1
- package/dist/components.css +1 -1
- package/dist/utilities/transforms.css +1 -1
- package/dist/utilities.css +1 -1
- package/dist/volver.css +1 -1
- package/package.json +4 -4
- package/src/_preflight.scss +2 -0
- package/src/settings/components/_vv-avatar.scss +2 -1
- package/src/settings/components/_vv-badge.scss +1 -0
- package/src/settings/components/_vv-input-file.scss +6 -1
- package/src/settings/components/_vv-input-text.scss +1 -0
- package/src/settings/components/_vv-select.scss +1 -0
- package/src/settings/components/_vv-textarea.scss +1 -0
- package/src/utilities/transforms.scss +2 -2
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.
|
|
27
|
+
"version": "0.1.12-beta.11",
|
|
28
28
|
"engines": {
|
|
29
29
|
"node": ">= 12.x"
|
|
30
30
|
},
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
],
|
|
39
39
|
"devDependencies": {
|
|
40
40
|
"@iconify/vue": "^4.1.1",
|
|
41
|
-
"@vitejs/plugin-vue": "^4.
|
|
41
|
+
"@vitejs/plugin-vue": "^4.4.0",
|
|
42
42
|
"@vueuse/core": "^10.4.1",
|
|
43
43
|
"@vueuse/head": "^2.0.0",
|
|
44
44
|
"eslint": "^8.50.0",
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
"icss-utils": "^5.1.0",
|
|
49
49
|
"markdown-it-anchor": "^8.6.7",
|
|
50
50
|
"markdown-it-prism": "^2.3.0",
|
|
51
|
-
"postcss": "^8.4.
|
|
51
|
+
"postcss": "^8.4.31",
|
|
52
52
|
"postcss-html": "^1.5.0",
|
|
53
53
|
"postcss-preset-env": "^9.1.4",
|
|
54
54
|
"prism-themes": "^1.9.0",
|
|
@@ -66,7 +66,7 @@
|
|
|
66
66
|
"stylelint-config-standard-scss": "^11.0.0",
|
|
67
67
|
"unplugin-auto-import": "^0.16.6",
|
|
68
68
|
"unplugin-vue-components": "^0.25.2",
|
|
69
|
-
"vite": "^4.4.
|
|
69
|
+
"vite": "^4.4.11",
|
|
70
70
|
"vite-plugin-css-export": "^2.0.0",
|
|
71
71
|
"vite-plugin-eslint": "^1.8.1",
|
|
72
72
|
"vite-plugin-handlebars": "^1.6.0",
|
package/src/_preflight.scss
CHANGED
|
@@ -14,6 +14,7 @@ $vv-avatar: (
|
|
|
14
14
|
background-size: contain,
|
|
15
15
|
background-repeat: no-repeat,
|
|
16
16
|
object-fit: contain,
|
|
17
|
+
flex-shrink: 0,
|
|
17
18
|
state: (
|
|
18
19
|
focus: (
|
|
19
20
|
outline: var(--spacing-px) solid var(--color-brand),
|
|
@@ -82,7 +83,7 @@ $vv-avatar: (
|
|
|
82
83
|
background-color: var(--color-transparent),
|
|
83
84
|
),
|
|
84
85
|
surface: (
|
|
85
|
-
background-color: var(--color-surface-
|
|
86
|
+
background-color: var(--color-surface-2),
|
|
86
87
|
border-color: var(--color-surface-3),
|
|
87
88
|
color: var(--color-word-2),
|
|
88
89
|
),
|
|
@@ -72,11 +72,12 @@ $vv-input-file: (
|
|
|
72
72
|
white-space: nowrap,
|
|
73
73
|
cursor: pointer,
|
|
74
74
|
color: var(--input-color),
|
|
75
|
-
[padding-block]: var(--input-spacing-top) 0,
|
|
76
75
|
[padding-inline]: var(--input-spacing-left)
|
|
77
76
|
var(--input-spacing-right),
|
|
78
77
|
min-width: 0,
|
|
79
78
|
min-height: var(--input-min-height),
|
|
79
|
+
display: flex,
|
|
80
|
+
align-items: center,
|
|
80
81
|
text-overflow: var(--input-text-overflow),
|
|
81
82
|
pseudo: (
|
|
82
83
|
file-selector-button: (
|
|
@@ -86,6 +87,7 @@ $vv-input-file: (
|
|
|
86
87
|
cursor: pointer,
|
|
87
88
|
text-decoration: underline,
|
|
88
89
|
color: var(--input-color),
|
|
90
|
+
min-height: var(--input-min-height),
|
|
89
91
|
),
|
|
90
92
|
),
|
|
91
93
|
state: (
|
|
@@ -121,6 +123,7 @@ $vv-input-file: (
|
|
|
121
123
|
height: var(--input-min-height),
|
|
122
124
|
margin: var(--input-icon-margin),
|
|
123
125
|
pointer-events: var(--input-icon-pointer-events),
|
|
126
|
+
flex-shrink: 0,
|
|
124
127
|
),
|
|
125
128
|
icon-after: (
|
|
126
129
|
_alias: 'input + :where(svg, [data-icon])',
|
|
@@ -217,6 +220,8 @@ $vv-input-file: (
|
|
|
217
220
|
),
|
|
218
221
|
),
|
|
219
222
|
item: (
|
|
223
|
+
position: relative,
|
|
224
|
+
overflow: hidden,
|
|
220
225
|
display: flex,
|
|
221
226
|
font-size: var(--input-label-font-size),
|
|
222
227
|
align-items: center,
|
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
}
|
|
63
63
|
|
|
64
64
|
%translate-x-#{$size} {
|
|
65
|
-
translate: #{$value};
|
|
65
|
+
translate: #{$value} 0;
|
|
66
66
|
}
|
|
67
67
|
@include wrap-with-where(
|
|
68
68
|
$selector: '.translate-x-#{$size}',
|
|
@@ -92,7 +92,7 @@
|
|
|
92
92
|
}
|
|
93
93
|
|
|
94
94
|
%-translate-x-#{$size} {
|
|
95
|
-
translate: -#{$value};
|
|
95
|
+
translate: -#{$value} 0;
|
|
96
96
|
}
|
|
97
97
|
@include wrap-with-where(
|
|
98
98
|
$selector: '.-translate-x-#{$size}',
|