@volverjs/style 0.1.9-beta.8 → 0.1.9

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 (30) hide show
  1. package/dist/base.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-dialog.css +1 -1
  5. package/dist/components.css +1 -1
  6. package/dist/export.css +1 -1
  7. package/dist/props/colors.css +1 -1
  8. package/dist/props/sizing.css +1 -1
  9. package/dist/props/transitions.css +1 -1
  10. package/dist/props.css +1 -1
  11. package/dist/reset.css +1 -1
  12. package/dist/themes/dark/components.css +1 -1
  13. package/dist/themes/dark/volver.css +1 -1
  14. package/dist/utilities/colors.css +1 -1
  15. package/dist/utilities/sizing.css +1 -1
  16. package/dist/utilities.css +1 -1
  17. package/dist/volver.css +1 -1
  18. package/package.json +76 -76
  19. package/src/_preflight.scss +2 -2
  20. package/src/props/transitions.scss +10 -0
  21. package/src/reset.scss +1 -1
  22. package/src/settings/_colors.scss +1 -1
  23. package/src/settings/_sizing.scss +4 -4
  24. package/src/settings/components/_vv-alert-group.scss +31 -28
  25. package/src/settings/components/_vv-alert.scss +101 -59
  26. package/src/settings/components/_vv-dialog.scss +3 -3
  27. package/src/themes/dark/components/_vv-alert.scss +22 -0
  28. package/src/themes/dark/components/index.scss +1 -0
  29. package/src/themes/dark/settings/_index.scss +1 -0
  30. package/src/themes/dark/settings/components/_vv-alert.scss +94 -0
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.8",
27
+ "version": "0.1.9",
28
28
  "engines": {
29
29
  "node": ">= 12.x"
30
30
  },
@@ -38,13 +38,13 @@
38
38
  ],
39
39
  "devDependencies": {
40
40
  "@iconify/vue": "^4.1.1",
41
- "@vitejs/plugin-vue": "^4.2.1",
41
+ "@vitejs/plugin-vue": "^4.2.2",
42
42
  "@vueuse/core": "^10.1.2",
43
43
  "@vueuse/head": "^1.1.26",
44
- "eslint": "^8.39.0",
44
+ "eslint": "^8.40.0",
45
45
  "eslint-config-prettier": "^8.8.0",
46
- "eslint-plugin-vue": "^9.11.0",
47
- "glob": "^10.2.2",
46
+ "eslint-plugin-vue": "^9.12.0",
47
+ "glob": "^10.2.3",
48
48
  "icss-utils": "^5.1.0",
49
49
  "markdown-it-anchor": "^8.6.7",
50
50
  "markdown-it-prism": "^2.3.0",
@@ -74,9 +74,9 @@
74
74
  "vite-plugin-stylelint": "^4.3.0",
75
75
  "vite-plugin-vue-layouts": "^0.8.0",
76
76
  "vite-ssg": "^0.22.2",
77
- "vite-ssg-sitemap": "^0.5.0",
78
- "vue": "^3.2.47",
79
- "vue-live": "2.5.1",
77
+ "vite-ssg-sitemap": "^0.5.1",
78
+ "vue": "^3.3.1",
79
+ "vue-live": "2.5.3",
80
80
  "vue-router": "^4.1.6"
81
81
  },
82
82
  "exports": {
@@ -87,141 +87,141 @@
87
87
  "./scss/mixins": "./src/tools/_mixins.scss",
88
88
  "./scss/settings": "./src/settings/_index.scss",
89
89
  "./scss/preflight": "./src/_preflight.scss",
90
- "./scss": "./src/volver.scss",
90
+ "./scss": "/index.scss",
91
91
  "./reset": "./dist/reset.css",
92
- "./scss/reset": "./src/reset.scss",
92
+ "./scss/reset": "/index.scss",
93
93
  "./export": "./dist/export.css",
94
- "./scss/export": "./src/export.scss",
94
+ "./scss/export": "/index.scss",
95
95
  "./base": "./dist/base.css",
96
- "./scss/base": "./src/base.scss",
96
+ "./scss/base": "/index.scss",
97
97
  "./utilities/typography": "./dist/utilities/typography.css",
98
- "./scss/utilities/typography": "./src/utilities/typography.scss",
98
+ "./scss/utilities/typography": "/index.scss",
99
99
  "./utilities/transitions": "./dist/utilities/transitions.css",
100
- "./scss/utilities/transitions": "./src/utilities/transitions.scss",
100
+ "./scss/utilities/transitions": "/index.scss",
101
101
  "./utilities/transforms": "./dist/utilities/transforms.css",
102
- "./scss/utilities/transforms": "./src/utilities/transforms.scss",
102
+ "./scss/utilities/transforms": "/index.scss",
103
103
  "./utilities/tables": "./dist/utilities/tables.css",
104
- "./scss/utilities/tables": "./src/utilities/tables.scss",
104
+ "./scss/utilities/tables": "/index.scss",
105
105
  "./utilities/spacing": "./dist/utilities/spacing.css",
106
- "./scss/utilities/spacing": "./src/utilities/spacing.scss",
106
+ "./scss/utilities/spacing": "/index.scss",
107
107
  "./utilities/sizing": "./dist/utilities/sizing.css",
108
- "./scss/utilities/sizing": "./src/utilities/sizing.scss",
108
+ "./scss/utilities/sizing": "/index.scss",
109
109
  "./utilities/layout": "./dist/utilities/layout.css",
110
- "./scss/utilities/layout": "./src/utilities/layout.scss",
110
+ "./scss/utilities/layout": "/index.scss",
111
111
  "./utilities/interactivity": "./dist/utilities/interactivity.css",
112
- "./scss/utilities/interactivity": "./src/utilities/interactivity.scss",
112
+ "./scss/utilities/interactivity": "/index.scss",
113
113
  "./utilities": "./dist/utilities.css",
114
- "./scss/utilities": "./src/utilities/index.scss",
114
+ "./scss/utilities": "/index.scss",
115
115
  "./utilities/grid": "./dist/utilities/grid.css",
116
- "./scss/utilities/grid": "./src/utilities/grid.scss",
116
+ "./scss/utilities/grid": "/index.scss",
117
117
  "./utilities/flexbox": "./dist/utilities/flexbox.css",
118
- "./scss/utilities/flexbox": "./src/utilities/flexbox.scss",
118
+ "./scss/utilities/flexbox": "/index.scss",
119
119
  "./utilities/filters": "./dist/utilities/filters.css",
120
- "./scss/utilities/filters": "./src/utilities/filters.scss",
120
+ "./scss/utilities/filters": "/index.scss",
121
121
  "./utilities/effects": "./dist/utilities/effects.css",
122
- "./scss/utilities/effects": "./src/utilities/effects.scss",
122
+ "./scss/utilities/effects": "/index.scss",
123
123
  "./utilities/colors": "./dist/utilities/colors.css",
124
- "./scss/utilities/colors": "./src/utilities/colors.scss",
124
+ "./scss/utilities/colors": "/index.scss",
125
125
  "./utilities/borders": "./dist/utilities/borders.css",
126
- "./scss/utilities/borders": "./src/utilities/borders.scss",
126
+ "./scss/utilities/borders": "/index.scss",
127
127
  "./utilities/backgrounds": "./dist/utilities/backgrounds.css",
128
- "./scss/utilities/backgrounds": "./src/utilities/backgrounds.scss",
128
+ "./scss/utilities/backgrounds": "/index.scss",
129
129
  "./props/typography": "./dist/props/typography.css",
130
- "./scss/props/typography": "./src/props/typography.scss",
130
+ "./scss/props/typography": "/index.scss",
131
131
  "./props/transitions": "./dist/props/transitions.css",
132
- "./scss/props/transitions": "./src/props/transitions.scss",
132
+ "./scss/props/transitions": "/index.scss",
133
133
  "./props/spacing": "./dist/props/spacing.css",
134
- "./scss/props/spacing": "./src/props/spacing.scss",
134
+ "./scss/props/spacing": "/index.scss",
135
135
  "./props/sizing": "./dist/props/sizing.css",
136
- "./scss/props/sizing": "./src/props/sizing.scss",
136
+ "./scss/props/sizing": "/index.scss",
137
137
  "./props/media": "./dist/props/media.css",
138
- "./scss/props/media": "./src/props/media.scss",
138
+ "./scss/props/media": "/index.scss",
139
139
  "./props/layout": "./dist/props/layout.css",
140
- "./scss/props/layout": "./src/props/layout.scss",
140
+ "./scss/props/layout": "/index.scss",
141
141
  "./props/input": "./dist/props/input.css",
142
- "./scss/props/input": "./src/props/input.scss",
142
+ "./scss/props/input": "/index.scss",
143
143
  "./props": "./dist/props.css",
144
- "./scss/props": "./src/props/index.scss",
144
+ "./scss/props": "/index.scss",
145
145
  "./props/filters": "./dist/props/filters.css",
146
- "./scss/props/filters": "./src/props/filters.scss",
146
+ "./scss/props/filters": "/index.scss",
147
147
  "./props/effects": "./dist/props/effects.css",
148
- "./scss/props/effects": "./src/props/effects.scss",
148
+ "./scss/props/effects": "/index.scss",
149
149
  "./props/colors": "./dist/props/colors.css",
150
- "./scss/props/colors": "./src/props/colors.scss",
150
+ "./scss/props/colors": "/index.scss",
151
151
  "./props/breakpoints": "./dist/props/breakpoints.css",
152
- "./scss/props/breakpoints": "./src/props/breakpoints.scss",
152
+ "./scss/props/breakpoints": "/index.scss",
153
153
  "./props/borders": "./dist/props/borders.css",
154
- "./scss/props/borders": "./src/props/borders.scss",
154
+ "./scss/props/borders": "/index.scss",
155
155
  "./props/background": "./dist/props/background.css",
156
- "./scss/props/background": "./src/props/background.scss",
156
+ "./scss/props/background": "/index.scss",
157
157
  "./components/vv-tooltip": "./dist/components/vv-tooltip.css",
158
- "./scss/components/vv-tooltip": "./src/components/vv-tooltip.scss",
158
+ "./scss/components/vv-tooltip": "/index.scss",
159
159
  "./components/vv-textarea": "./dist/components/vv-textarea.css",
160
- "./scss/components/vv-textarea": "./src/components/vv-textarea.scss",
160
+ "./scss/components/vv-textarea": "/index.scss",
161
161
  "./components/vv-text": "./dist/components/vv-text.css",
162
- "./scss/components/vv-text": "./src/components/vv-text.scss",
162
+ "./scss/components/vv-text": "/index.scss",
163
163
  "./components/vv-table": "./dist/components/vv-table.css",
164
- "./scss/components/vv-table": "./src/components/vv-table.scss",
164
+ "./scss/components/vv-table": "/index.scss",
165
165
  "./components/vv-tab": "./dist/components/vv-tab.css",
166
- "./scss/components/vv-tab": "./src/components/vv-tab.scss",
166
+ "./scss/components/vv-tab": "/index.scss",
167
167
  "./components/vv-skeleton": "./dist/components/vv-skeleton.css",
168
- "./scss/components/vv-skeleton": "./src/components/vv-skeleton.scss",
168
+ "./scss/components/vv-skeleton": "/index.scss",
169
169
  "./components/vv-select": "./dist/components/vv-select.css",
170
- "./scss/components/vv-select": "./src/components/vv-select.scss",
170
+ "./scss/components/vv-select": "/index.scss",
171
171
  "./components/vv-radio": "./dist/components/vv-radio.css",
172
- "./scss/components/vv-radio": "./src/components/vv-radio.scss",
172
+ "./scss/components/vv-radio": "/index.scss",
173
173
  "./components/vv-radio-group": "./dist/components/vv-radio-group.css",
174
- "./scss/components/vv-radio-group": "./src/components/vv-radio-group.scss",
174
+ "./scss/components/vv-radio-group": "/index.scss",
175
175
  "./components/vv-progress": "./dist/components/vv-progress.css",
176
- "./scss/components/vv-progress": "./src/components/vv-progress.scss",
176
+ "./scss/components/vv-progress": "/index.scss",
177
177
  "./components/vv-nav": "./dist/components/vv-nav.css",
178
- "./scss/components/vv-nav": "./src/components/vv-nav.scss",
178
+ "./scss/components/vv-nav": "/index.scss",
179
179
  "./components/vv-input-text": "./dist/components/vv-input-text.css",
180
- "./scss/components/vv-input-text": "./src/components/vv-input-text.scss",
180
+ "./scss/components/vv-input-text": "/index.scss",
181
181
  "./components/vv-dropdown": "./dist/components/vv-dropdown.css",
182
- "./scss/components/vv-dropdown": "./src/components/vv-dropdown.scss",
182
+ "./scss/components/vv-dropdown": "/index.scss",
183
183
  "./components/vv-dropdown-option": "./dist/components/vv-dropdown-option.css",
184
- "./scss/components/vv-dropdown-option": "./src/components/vv-dropdown-option.scss",
184
+ "./scss/components/vv-dropdown-option": "/index.scss",
185
185
  "./components/vv-dropdown-optgroup": "./dist/components/vv-dropdown-optgroup.css",
186
- "./scss/components/vv-dropdown-optgroup": "./src/components/vv-dropdown-optgroup.scss",
186
+ "./scss/components/vv-dropdown-optgroup": "/index.scss",
187
187
  "./components/vv-dropdown-action": "./dist/components/vv-dropdown-action.css",
188
- "./scss/components/vv-dropdown-action": "./src/components/vv-dropdown-action.scss",
188
+ "./scss/components/vv-dropdown-action": "/index.scss",
189
189
  "./components/vv-dialog": "./dist/components/vv-dialog.css",
190
- "./scss/components/vv-dialog": "./src/components/vv-dialog.scss",
190
+ "./scss/components/vv-dialog": "/index.scss",
191
191
  "./components/vv-checkbox": "./dist/components/vv-checkbox.css",
192
- "./scss/components/vv-checkbox": "./src/components/vv-checkbox.scss",
192
+ "./scss/components/vv-checkbox": "/index.scss",
193
193
  "./components/vv-checkbox-group": "./dist/components/vv-checkbox-group.css",
194
- "./scss/components/vv-checkbox-group": "./src/components/vv-checkbox-group.scss",
194
+ "./scss/components/vv-checkbox-group": "/index.scss",
195
195
  "./components/vv-card": "./dist/components/vv-card.css",
196
- "./scss/components/vv-card": "./src/components/vv-card.scss",
196
+ "./scss/components/vv-card": "/index.scss",
197
197
  "./components/vv-button": "./dist/components/vv-button.css",
198
- "./scss/components/vv-button": "./src/components/vv-button.scss",
198
+ "./scss/components/vv-button": "/index.scss",
199
199
  "./components/vv-button-group": "./dist/components/vv-button-group.css",
200
- "./scss/components/vv-button-group": "./src/components/vv-button-group.scss",
200
+ "./scss/components/vv-button-group": "/index.scss",
201
201
  "./components/vv-breadcrumb": "./dist/components/vv-breadcrumb.css",
202
- "./scss/components/vv-breadcrumb": "./src/components/vv-breadcrumb.scss",
202
+ "./scss/components/vv-breadcrumb": "/index.scss",
203
203
  "./components/vv-badge": "./dist/components/vv-badge.css",
204
- "./scss/components/vv-badge": "./src/components/vv-badge.scss",
204
+ "./scss/components/vv-badge": "/index.scss",
205
205
  "./components/vv-avatar": "./dist/components/vv-avatar.css",
206
- "./scss/components/vv-avatar": "./src/components/vv-avatar.scss",
206
+ "./scss/components/vv-avatar": "/index.scss",
207
207
  "./components/vv-avatar-group": "./dist/components/vv-avatar-group.css",
208
- "./scss/components/vv-avatar-group": "./src/components/vv-avatar-group.scss",
208
+ "./scss/components/vv-avatar-group": "/index.scss",
209
209
  "./components/vv-alert": "./dist/components/vv-alert.css",
210
- "./scss/components/vv-alert": "./src/components/vv-alert.scss",
210
+ "./scss/components/vv-alert": "/index.scss",
211
211
  "./components/vv-alert-group": "./dist/components/vv-alert-group.css",
212
- "./scss/components/vv-alert-group": "./src/components/vv-alert-group.scss",
212
+ "./scss/components/vv-alert-group": "/index.scss",
213
213
  "./components/vv-accordion": "./dist/components/vv-accordion.css",
214
- "./scss/components/vv-accordion": "./src/components/vv-accordion.scss",
214
+ "./scss/components/vv-accordion": "/index.scss",
215
215
  "./components/vv-accordion-group": "./dist/components/vv-accordion-group.css",
216
- "./scss/components/vv-accordion-group": "./src/components/vv-accordion-group.scss",
216
+ "./scss/components/vv-accordion-group": "/index.scss",
217
217
  "./components": "./dist/components.css",
218
- "./scss/components": "./src/components/index.scss",
218
+ "./scss/components": "/index.scss",
219
219
  "./themes/dark": "./dist/themes/dark/volver.css",
220
- "./scss/themes/dark": "./src/themes/dark/volver.scss",
220
+ "./scss/themes/dark": "/index.scss",
221
221
  "./themes/dark/props": "./dist/themes/dark/props.css",
222
- "./scss/themes/dark/props": "./src/themes/dark/props/index.scss",
222
+ "./scss/themes/dark/props": "/index.scss",
223
223
  "./themes/dark/components": "./dist/themes/dark/components.css",
224
- "./scss/themes/dark/components": "./src/themes/dark/components/index.scss"
224
+ "./scss/themes/dark/components": "/index.scss"
225
225
  },
226
226
  "scripts": {
227
227
  "dev": "vite --port 3000 --open",
package/src/_preflight.scss CHANGED
@@ -340,7 +340,7 @@
340
340
  @extend %vv-textarea--disabled !optional;
341
341
  }
342
342
 
343
- &:readonly {
343
+ &:read-only {
344
344
  @extend %vv-textarea--readonly !optional;
345
345
  }
346
346
  }
@@ -395,7 +395,7 @@
395
395
  @extend %vv-input-text--disabled !optional;
396
396
  }
397
397
 
398
- &:readonly {
398
+ &:read-only {
399
399
  @extend %vv-input-text--readonly !optional;
400
400
  }
401
401
  }
package/src/props/transitions.scss CHANGED
@@ -130,6 +130,16 @@
130
130
  }
131
131
  }
132
132
 
133
+ @keyframes fade-out {
134
+ 95% {
135
+ opacity: 1;
136
+ }
137
+
138
+ 100% {
139
+ opacity: 0;
140
+ }
141
+ }
142
+
133
143
  @keyframes shine {
134
144
  to {
135
145
  background-position-x: -200%;
package/src/reset.scss CHANGED
@@ -43,7 +43,7 @@
43
43
 
44
44
  /* removes spacing between cells in tables */
45
45
  :where(table) {
46
- border-accordion: accordion;
46
+ border-collapse: collapse;
47
47
  }
48
48
 
49
49
  /* Safari - solving issue when using user-select:none on the <body> text input doesn't working */
package/src/settings/_colors.scss CHANGED
@@ -12,7 +12,7 @@ $color-accent: #9c27b0 !default;
12
12
  $color-success: #178230 !default;
13
13
  $color-danger: #af2323 !default;
14
14
  $color-info: #31ccec !default;
15
- $color-warning: #f2c037 !default;
15
+ $color-warning: #e7b735 !default;
16
16
  $color-gray: hsl(color.hue($color-brand) 15% 50%) !default;
17
17
  $color-word: hsl(color.hue($color-brand) 15% 10%) !default;
18
18
  $color-surface: hsl(color.hue($color-brand) 10% 98%) !default;
package/src/settings/_sizing.scss CHANGED
@@ -28,7 +28,7 @@ $width: (
28
28
  10\/12: 83.3333%,
29
29
  11\/12: 91.6667%,
30
30
  full: 100%,
31
- screen: 100vw,
31
+ screen: 100dvw,
32
32
  min: min-content,
33
33
  max: max-content,
34
34
  fit: fit-content,
@@ -53,7 +53,7 @@ $height: (
53
53
  4\/6: 66.6667%,
54
54
  5\/6: 83.3333%,
55
55
  full: 100%,
56
- screen: 100vh,
56
+ screen: 100dvh,
57
57
  min: min-content,
58
58
  max: max-content,
59
59
  fit: fit-content,
@@ -73,7 +73,7 @@ $max-width: (
73
73
  // max-height
74
74
  $max-height: (
75
75
  full: 100%,
76
- screen: 100vh,
76
+ screen: 100dvh,
77
77
  min: min-content,
78
78
  max: max-content,
79
79
  fit: fit-content,
@@ -92,7 +92,7 @@ $min-width: (
92
92
  $min-height: (
93
93
  0: 0px,
94
94
  full: 100%,
95
- screen: 100vh,
95
+ screen: 100dvh,
96
96
  min: min-content,
97
97
  max: max-content,
98
98
  fit: fit-content,
package/src/settings/components/_vv-alert-group.scss CHANGED
@@ -4,50 +4,58 @@ $vv-alert-group: (
4
4
  display: flex,
5
5
  flex-direction: column,
6
6
  gap: var(--spacing-sm),
7
+ overflow: hidden,
7
8
  element: (
8
9
  list: (
9
- _alias: '> ul',
10
+ _alias: '> [role="group"]',
10
11
  display: flex,
11
12
  flex-direction: column,
12
13
  gap: var(--spacing-xs),
13
14
  ),
14
15
  item: (
15
- _alias: '> ul > li',
16
+ _alias: '> [role="group"] > *',
16
17
  transition: var(--transition-all),
18
+ flex-shrink: 0,
17
19
  ),
18
20
  not-first: (
19
- _alias: '> ul > li:not(:first-child)',
21
+ _alias: '> [role="group"] > *:not(:first-child)',
20
22
  ),
21
23
  nth-1: (
22
24
  --alert-counter: 1,
23
- _alias: '> ul > li:nth-child(1)',
25
+ _alias: '> [role="group"] > *:nth-child(1)',
24
26
  ),
25
27
  nth-2: (
26
28
  --alert-counter: 2,
27
- _alias: '> ul > li:nth-child(2)',
29
+ _alias: '> [role="group"] > *:nth-child(2)',
28
30
  ),
29
31
  nth-3: (
30
32
  --alert-counter: 3,
31
- _alias: '> ul > li:nth-child(3)',
33
+ _alias: '> [role="group"] > *:nth-child(3)',
32
34
  ),
33
35
  nth-4: (
34
36
  --alert-counter: 4,
35
- _alias: '> ul > li:nth-child(4)',
37
+ _alias: '> [role="group"] > *:nth-child(4)',
36
38
  ),
37
39
  nth-5: (
38
40
  --alert-counter: 5,
39
- _alias: '> ul > li:nth-child(5)',
41
+ _alias: '> [role="group"] > *:nth-child(5)',
40
42
  ),
41
43
  nth-other: (
42
- _alias: '> ul > li:nth-child(n+6)',
44
+ _alias: '> [role="group"] > *:nth-child(n+6)',
43
45
  ),
44
46
  ),
45
47
  modifier: (
46
48
  fixed: (
47
49
  position: fixed,
50
+ padding: var(--spacing-lg),
51
+ max-width: var(--w-full),
52
+ max-height: var(--h-full),
48
53
  ),
49
54
  absolute: (
50
55
  position: absolute,
56
+ padding: var(--spacing-lg),
57
+ max-width: var(--w-full),
58
+ max-height: var(--h-full),
51
59
  ),
52
60
  reverse: (
53
61
  flex-flow: column-reverse,
@@ -58,22 +66,22 @@ $vv-alert-group: (
58
66
  ),
59
67
  ),
60
68
  top-start: (
61
- inset-block: var(--spacing-lg) auto,
62
- inset-inline: var(--spacing-lg) auto,
69
+ inset-block: 0 auto,
70
+ inset-inline: 0 auto,
63
71
  ),
64
72
  top-middle: (
65
- inset-block: var(--spacing-lg) auto,
73
+ inset-block: 0 auto,
66
74
  inset-inline: 50% auto,
67
75
  transform: translateX(-50%),
68
76
  ),
69
77
  top-end: (
70
- inset-block: var(--spacing-lg) auto,
71
- inset-inline: auto var(--spacing-lg),
78
+ inset-block: 0 auto,
79
+ inset-inline: auto 0,
72
80
  ),
73
81
  center-start: (
74
82
  inset-block: 50% auto,
75
83
  transform: translateY(-50%),
76
- inset-inline: var(--spacing-lg) auto,
84
+ inset-inline: 0 auto,
77
85
  ),
78
86
  center-middle: (
79
87
  inset-block: 50% auto,
@@ -82,24 +90,24 @@ $vv-alert-group: (
82
90
  ),
83
91
  center-end: (
84
92
  inset-block: 50% auto,
93
+ inset-inline: auto 0,
85
94
  transform: translateY(-50%),
86
- inset-inline: auto var(--spacing-lg),
87
95
  ),
88
96
  bottom-start: (
89
- inset-block: auto var(--spacing-lg),
90
- inset-inline: var(--spacing-lg) auto,
97
+ inset-block: auto 0,
98
+ inset-inline: 0 auto,
91
99
  ),
92
100
  bottom-middle: (
93
- inset-block: auto var(--spacing-lg),
101
+ inset-block: auto 0,
94
102
  inset-inline: 50% auto,
95
103
  transform: translateX(-50%),
96
104
  ),
97
105
  bottom-end: (
98
- inset-block: auto var(--spacing-lg),
99
- inset-inline: auto var(--spacing-lg),
106
+ inset-block: auto 0,
107
+ inset-inline: auto 0,
100
108
  ),
101
109
  full-bleed: (
102
- width: clamp(15vw, 20rem, 80vw),
110
+ width: clamp(15dvw, 20rem, 80dvw),
103
111
  ),
104
112
  stack: (
105
113
  element: (
@@ -122,18 +130,13 @@ $vv-alert-group: (
122
130
  filter: grayscale(100%),
123
131
  ),
124
132
  nth-other: (
125
- display: none,
133
+ opacity: 0,
126
134
  ),
127
135
  ),
128
136
  state: (
129
137
  hover: (
130
138
  element: (
131
- item: (
132
- flex-wrap: wrap,
133
- white-space: wrap,
134
- ),
135
139
  not-first: (
136
- height: auto,
137
140
  transform: none,
138
141
  filter: none,
139
142
  ),