vira 31.10.0 → 31.10.2
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.
|
@@ -129,6 +129,7 @@ export const ViraDrawer = defineViraElement()({
|
|
|
129
129
|
gap: 4px;
|
|
130
130
|
align-self: center;
|
|
131
131
|
flex-grow: 1;
|
|
132
|
+
overflow: hidden;
|
|
132
133
|
|
|
133
134
|
& h1 {
|
|
134
135
|
font-size: 20px;
|
|
@@ -137,6 +138,7 @@ export const ViraDrawer = defineViraElement()({
|
|
|
137
138
|
|
|
138
139
|
& button.close {
|
|
139
140
|
${noNativeFormStyles};
|
|
141
|
+
flex-shrink: 0;
|
|
140
142
|
cursor: pointer;
|
|
141
143
|
padding: 4px;
|
|
142
144
|
border-radius: ${viraFormCssVars['vira-form-radius'].value};
|
|
@@ -94,6 +94,7 @@ export const ViraModal = defineViraElement()({
|
|
|
94
94
|
gap: 4px;
|
|
95
95
|
align-self: center;
|
|
96
96
|
margin-right: auto;
|
|
97
|
+
overflow: hidden;
|
|
97
98
|
|
|
98
99
|
& h1 {
|
|
99
100
|
font-size: 24px;
|
|
@@ -107,6 +108,7 @@ export const ViraModal = defineViraElement()({
|
|
|
107
108
|
|
|
108
109
|
& button.close {
|
|
109
110
|
${noNativeFormStyles};
|
|
111
|
+
flex-shrink: 0;
|
|
110
112
|
cursor: pointer;
|
|
111
113
|
padding: 4px;
|
|
112
114
|
border-radius: ${viraFormCssVars['vira-form-radius'].value};
|
|
@@ -329,23 +329,35 @@ export const ViraTag = defineViraElement()({
|
|
|
329
329
|
visibility: hidden;
|
|
330
330
|
}
|
|
331
331
|
|
|
332
|
-
${hostClasses['vira-tag-selectable'].selector}
|
|
333
|
-
|
|
332
|
+
${hostClasses['vira-tag-selectable'].selector} {
|
|
333
|
+
& button {
|
|
334
|
+
padding: 0 calc(${cssVars['vira-tag-horizontal-padding'].value} + 5px);
|
|
335
|
+
margin-left: calc(4px + ${cssVars['vira-tag-gap'].value});
|
|
336
|
+
}
|
|
334
337
|
}
|
|
335
|
-
${hostClasses['vira-tag-checked'].selector}
|
|
336
|
-
|
|
338
|
+
${hostClasses['vira-tag-checked'].selector} {
|
|
339
|
+
& button {
|
|
340
|
+
padding: 0 ${cssVars['vira-tag-horizontal-padding'].value};
|
|
341
|
+
margin-left: 0;
|
|
342
|
+
}
|
|
343
|
+
|
|
344
|
+
& .selected-check {
|
|
345
|
+
display: flex;
|
|
346
|
+
visibility: visible;
|
|
347
|
+
}
|
|
337
348
|
}
|
|
349
|
+
|
|
338
350
|
${hostClasses['vira-tag-cancellable'].selector} .cancel-x {
|
|
339
351
|
display: flex;
|
|
340
352
|
}
|
|
341
353
|
|
|
342
|
-
${hostClasses['vira-tag-size-small'].selector}
|
|
343
|
-
|
|
344
|
-
|
|
354
|
+
${hostClasses['vira-tag-size-small'].selector} {
|
|
355
|
+
${cssVars['vira-tag-gap'].name}: 4px;
|
|
356
|
+
${cssVars['vira-tag-horizontal-padding'].name}: 8px;
|
|
345
357
|
}
|
|
346
358
|
|
|
347
|
-
${hostClasses['vira-tag-size-large'].selector}
|
|
348
|
-
|
|
359
|
+
${hostClasses['vira-tag-size-large'].selector} {
|
|
360
|
+
${cssVars['vira-tag-horizontal-padding'].name}: 16px;
|
|
349
361
|
}
|
|
350
362
|
|
|
351
363
|
${hostClasses['vira-tag-disabled'].selector} {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "vira",
|
|
3
|
-
"version": "31.10.
|
|
3
|
+
"version": "31.10.2",
|
|
4
4
|
"description": "A simple and highly versatile design system using element-vir.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"design",
|
|
@@ -38,34 +38,34 @@
|
|
|
38
38
|
"test:docs": "virmator docs check"
|
|
39
39
|
},
|
|
40
40
|
"dependencies": {
|
|
41
|
-
"@augment-vir/assert": "^31.68.
|
|
42
|
-
"@augment-vir/common": "^31.68.
|
|
43
|
-
"@augment-vir/web": "^31.68.
|
|
41
|
+
"@augment-vir/assert": "^31.68.2",
|
|
42
|
+
"@augment-vir/common": "^31.68.2",
|
|
43
|
+
"@augment-vir/web": "^31.68.2",
|
|
44
44
|
"@electrovir/color": "^1.7.9",
|
|
45
|
-
"date-vir": "^8.2.
|
|
45
|
+
"date-vir": "^8.2.1",
|
|
46
46
|
"device-navigation": "^4.5.5",
|
|
47
47
|
"lit-css-vars": "^3.6.2",
|
|
48
48
|
"observavir": "^2.3.2",
|
|
49
49
|
"page-active": "^1.0.3",
|
|
50
50
|
"spa-router-vir": "^6.4.1",
|
|
51
|
-
"type-fest": "^5.
|
|
51
|
+
"type-fest": "^5.5.0",
|
|
52
52
|
"typed-event-target": "^4.3.0"
|
|
53
53
|
},
|
|
54
54
|
"devDependencies": {
|
|
55
|
-
"@augment-vir/test": "^31.68.
|
|
55
|
+
"@augment-vir/test": "^31.68.2",
|
|
56
56
|
"@web/dev-server-esbuild": "^1.0.5",
|
|
57
57
|
"@web/test-runner": "^0.20.2",
|
|
58
58
|
"@web/test-runner-commands": "^0.9.0",
|
|
59
59
|
"@web/test-runner-playwright": "^0.11.1",
|
|
60
60
|
"@web/test-runner-visual-regression": "^0.10.0",
|
|
61
|
-
"esbuild": "^0.27.
|
|
61
|
+
"esbuild": "^0.27.4",
|
|
62
62
|
"istanbul-smart-text-reporter": "^1.1.5",
|
|
63
|
-
"lucide-static": "^
|
|
63
|
+
"lucide-static": "^1.7.0",
|
|
64
64
|
"markdown-code-example-inserter": "^3.0.3",
|
|
65
|
-
"theme-vir": "^28.
|
|
66
|
-
"typedoc": "^0.28.
|
|
65
|
+
"theme-vir": "^28.25.0",
|
|
66
|
+
"typedoc": "^0.28.18",
|
|
67
67
|
"typescript": "5.9.3",
|
|
68
|
-
"vite": "^
|
|
68
|
+
"vite": "^8.0.3",
|
|
69
69
|
"vite-tsconfig-paths": "^6.1.1"
|
|
70
70
|
},
|
|
71
71
|
"peerDependencies": {
|