@volverjs/style 0.1.9-beta.9 → 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 (9) hide show
  1. package/dist/base.css +1 -1
  2. package/dist/components/vv-alert.css +1 -1
  3. package/dist/components.css +1 -1
  4. package/dist/reset.css +1 -1
  5. package/dist/volver.css +1 -1
  6. package/package.json +76 -76
  7. package/src/_preflight.scss +2 -2
  8. package/src/reset.scss +1 -1
  9. package/src/settings/components/_vv-alert.scss +10 -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.9-beta.9",
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/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/components/_vv-alert.scss CHANGED
@@ -19,7 +19,7 @@ $vv-alert: (
19
19
  display: flex,
20
20
  align-items: center,
21
21
  gap: var(--spacing-sm),
22
- line-height: var(--leading-none),
22
+ line-height: var(--leading-normal),
23
23
  color: var(--color-word),
24
24
  overflow: hidden,
25
25
  text-overflow: ellipsis,
@@ -144,6 +144,14 @@ $vv-alert: (
144
144
  position: relative,
145
145
  padding-right: calc(var(--spacing-md) * 2 + 1em),
146
146
  ),
147
+ nowrap: (
148
+ breakpoint: (
149
+ sm: (
150
+ flex-wrap: nowrap,
151
+ white-space: nowrap,
152
+ ),
153
+ ),
154
+ ),
147
155
  auto-close: (
148
156
  element: (
149
157
  close: (
@@ -220,7 +228,7 @@ $vv-alert: (
220
228
  gap: var(--spacing-0),
221
229
  element: (
222
230
  header: (
223
- padding: var(--spacing-sm),
231
+ padding: var(--spacing-xs) var(--spacing-sm),
224
232
  background-color: var(--color-gray-darken-1),
225
233
  color: var(--color-white),
226
234
  ),