@waggylabs/yumekit 0.3.9 → 0.3.10-beta.14
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/CHANGELOG.md +6 -0
- package/dist/components/y-card.js +9 -1
- package/dist/index.js +9 -1
- package/dist/yumekit.min.js +1 -1
- package/llm.txt +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -31,6 +31,12 @@ Delete any empty sections before publishing.
|
|
|
31
31
|
<!-- ### Security -->
|
|
32
32
|
<!-- Vulnerability patches or hardening changes -->
|
|
33
33
|
|
|
34
|
+
## [0.3.10] – 2026-03-25
|
|
35
|
+
|
|
36
|
+
### Added
|
|
37
|
+
|
|
38
|
+
- `y-card`: added `image` slot that displays over the `header` slot if included.
|
|
39
|
+
|
|
34
40
|
## [0.3.9] – 2026-03-25
|
|
35
41
|
|
|
36
42
|
### Fixed
|
|
@@ -110,6 +110,11 @@ class YumeCard extends HTMLElement {
|
|
|
110
110
|
box-shadow: var(--card-box-shadow, none);
|
|
111
111
|
}
|
|
112
112
|
|
|
113
|
+
.image {
|
|
114
|
+
overflow: hidden;
|
|
115
|
+
border-radius: var(--component-card-border-radius-outer) var(--component-card-border-radius-outer) 0 0;
|
|
116
|
+
}
|
|
117
|
+
|
|
113
118
|
.header {
|
|
114
119
|
padding: var(--component-card-padding-outer);
|
|
115
120
|
border-bottom: var(--component-card-inner-border-width) solid var(--card-border-color, var(--base-border));
|
|
@@ -132,6 +137,9 @@ class YumeCard extends HTMLElement {
|
|
|
132
137
|
this.shadowRoot.adoptedStyleSheets = [sheet];
|
|
133
138
|
|
|
134
139
|
this.shadowRoot.innerHTML = `
|
|
140
|
+
<div class="image" part="image">
|
|
141
|
+
<slot name="image"></slot>
|
|
142
|
+
</div>
|
|
135
143
|
<div class="header" part="header">
|
|
136
144
|
<slot name="header"></slot>
|
|
137
145
|
</div>
|
|
@@ -143,7 +151,7 @@ class YumeCard extends HTMLElement {
|
|
|
143
151
|
</div>
|
|
144
152
|
`;
|
|
145
153
|
|
|
146
|
-
const slotsConfig = { header: ".header", footer: ".footer" };
|
|
154
|
+
const slotsConfig = { image: ".image", header: ".header", footer: ".footer" };
|
|
147
155
|
|
|
148
156
|
hideEmptySlotContainers(this.shadowRoot, slotsConfig);
|
|
149
157
|
|
package/dist/index.js
CHANGED
|
@@ -2836,6 +2836,11 @@ class YumeCard extends HTMLElement {
|
|
|
2836
2836
|
box-shadow: var(--card-box-shadow, none);
|
|
2837
2837
|
}
|
|
2838
2838
|
|
|
2839
|
+
.image {
|
|
2840
|
+
overflow: hidden;
|
|
2841
|
+
border-radius: var(--component-card-border-radius-outer) var(--component-card-border-radius-outer) 0 0;
|
|
2842
|
+
}
|
|
2843
|
+
|
|
2839
2844
|
.header {
|
|
2840
2845
|
padding: var(--component-card-padding-outer);
|
|
2841
2846
|
border-bottom: var(--component-card-inner-border-width) solid var(--card-border-color, var(--base-border));
|
|
@@ -2858,6 +2863,9 @@ class YumeCard extends HTMLElement {
|
|
|
2858
2863
|
this.shadowRoot.adoptedStyleSheets = [sheet];
|
|
2859
2864
|
|
|
2860
2865
|
this.shadowRoot.innerHTML = `
|
|
2866
|
+
<div class="image" part="image">
|
|
2867
|
+
<slot name="image"></slot>
|
|
2868
|
+
</div>
|
|
2861
2869
|
<div class="header" part="header">
|
|
2862
2870
|
<slot name="header"></slot>
|
|
2863
2871
|
</div>
|
|
@@ -2869,7 +2877,7 @@ class YumeCard extends HTMLElement {
|
|
|
2869
2877
|
</div>
|
|
2870
2878
|
`;
|
|
2871
2879
|
|
|
2872
|
-
const slotsConfig = { header: ".header", footer: ".footer" };
|
|
2880
|
+
const slotsConfig = { image: ".image", header: ".header", footer: ".footer" };
|
|
2873
2881
|
|
|
2874
2882
|
hideEmptySlotContainers(this.shadowRoot, slotsConfig);
|
|
2875
2883
|
|