blue-web 1.20.0 → 1.21.0
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/js/select-list.bundle.js +1 -1
- package/dist/js/select-list.d.ts +19 -4
- package/dist/js/select-list.js +91 -24
- package/dist/merged.scss +32 -2
- package/dist/style.css +48 -25
- package/dist/style.css.map +1 -1
- package/dist/style.min.css +3 -3
- package/dist/style.scss +1 -1
- package/dist/styles/_anchor.scss +6 -0
- package/dist/styles/_bootstrap-variables.scss +1 -0
- package/dist/styles/_layout.scss +7 -0
- package/dist/styles/_scrollspy.scss +3 -1
- package/dist/styles/_utils.scss +14 -0
- package/package.json +2 -2
package/dist/style.scss
CHANGED
package/dist/styles/_anchor.scss
CHANGED
|
@@ -34,3 +34,9 @@
|
|
|
34
34
|
}
|
|
35
35
|
}
|
|
36
36
|
}
|
|
37
|
+
|
|
38
|
+
.btn:has(+ :popover-open):not(:focus-visible):not(.blue-menu-item) {
|
|
39
|
+
--bs-focus-ring-color: rgba(var(--bs-secondary-rgb), 0.25);
|
|
40
|
+
box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0)
|
|
41
|
+
var(--bs-focus-ring-width) var(--bs-focus-ring-color);
|
|
42
|
+
}
|
package/dist/styles/_layout.scss
CHANGED
|
@@ -108,6 +108,12 @@
|
|
|
108
108
|
grid-area: side;
|
|
109
109
|
overflow: auto;
|
|
110
110
|
background: inherit;
|
|
111
|
+
scrollbar-color: transparent transparent;
|
|
112
|
+
|
|
113
|
+
&:hover,
|
|
114
|
+
&:focus-within {
|
|
115
|
+
scrollbar-color: color-mix(in srgb, currentColor 50%, transparent) transparent;
|
|
116
|
+
}
|
|
111
117
|
}
|
|
112
118
|
|
|
113
119
|
@media (width < 64rem) {
|
|
@@ -143,6 +149,7 @@
|
|
|
143
149
|
margin-left: auto;
|
|
144
150
|
margin-right: auto;
|
|
145
151
|
overflow: auto;
|
|
152
|
+
scrollbar-color: color-mix(in srgb, currentColor 50%, transparent) transparent;
|
|
146
153
|
background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity, 1));
|
|
147
154
|
color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity, 1));
|
|
148
155
|
box-shadow: var(--bs-box-shadow-sm);
|
|
@@ -32,9 +32,11 @@
|
|
|
32
32
|
(var(--#{$prefix}nav-link-font-size) * var(--#{$prefix}body-line-height))
|
|
33
33
|
);
|
|
34
34
|
margin-bottom: 0.25rem;
|
|
35
|
+
padding-inline: var(--blue-scrollspy-marker-group-padding-inline);
|
|
36
|
+
gap: var(--blue-scrollspy-marker-group-gap);
|
|
35
37
|
}
|
|
36
38
|
|
|
37
|
-
& > section {
|
|
39
|
+
& > :is(section, .blue-scrollspy-group) {
|
|
38
40
|
&::scroll-marker {
|
|
39
41
|
content: attr(aria-label);
|
|
40
42
|
|
package/dist/styles/_utils.scss
CHANGED
|
@@ -4,3 +4,17 @@
|
|
|
4
4
|
.m-last-0:last-child {
|
|
5
5
|
margin: 0 !important;
|
|
6
6
|
}
|
|
7
|
+
|
|
8
|
+
// Shows empty message if the element has no children.
|
|
9
|
+
// Can be used for lists and such.
|
|
10
|
+
// For localization you should override CSS variable `--message` dynamically.
|
|
11
|
+
.blue-empty-message {
|
|
12
|
+
--message: "No items found.";
|
|
13
|
+
&:empty::before {
|
|
14
|
+
content: var(--message);
|
|
15
|
+
color: var(--bs-secondary-color);
|
|
16
|
+
display: flex;
|
|
17
|
+
padding: 1rem;
|
|
18
|
+
justify-content: center;
|
|
19
|
+
}
|
|
20
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "blue-web",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.21.0",
|
|
4
4
|
"description": "UI components built on top of Bootstrap 5",
|
|
5
5
|
"license": "LGPL-3.0-or-later",
|
|
6
6
|
"type": "module",
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
"astro": "^5.15.4",
|
|
51
51
|
"autoprefixer": "^10.3.6",
|
|
52
52
|
"babel-loader": "^8.4.1",
|
|
53
|
-
"blue-react": "
|
|
53
|
+
"blue-react": "^11.0.2",
|
|
54
54
|
"blue-themify": "^1.0.0",
|
|
55
55
|
"colorjs.io": "^0.5.2",
|
|
56
56
|
"gh-pages": "^3.1.0",
|