@waggylabs/yumekit 0.3.8 → 0.3.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.
- package/CHANGELOG.md +8 -0
- package/dist/components/y-card.js +9 -9
- package/dist/components/y-progress.js +1 -1
- package/dist/components/y-slider.js +1 -1
- package/dist/components/y-switch.js +1 -1
- package/dist/index.js +12 -12
- package/dist/yumekit.min.js +1 -1
- package/llm.txt +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -31,6 +31,14 @@ Delete any empty sections before publishing.
|
|
|
31
31
|
<!-- ### Security -->
|
|
32
32
|
<!-- Vulnerability patches or hardening changes -->
|
|
33
33
|
|
|
34
|
+
## [0.3.9] – 2026-03-25
|
|
35
|
+
|
|
36
|
+
### Fixed
|
|
37
|
+
|
|
38
|
+
- `y-card`, `y-switch`, `y-slider`, `y-progress`: restored missing borders after theme variable rename in 0.3.8 changed `--{scheme}-background-border` to `--{scheme}-border` without updating component references.
|
|
39
|
+
|
|
40
|
+
---
|
|
41
|
+
|
|
34
42
|
## [0.3.8] – 2026-03-25
|
|
35
43
|
|
|
36
44
|
### Fixed
|
|
@@ -35,37 +35,37 @@ class YumeCard extends HTMLElement {
|
|
|
35
35
|
primary: [
|
|
36
36
|
"--base-content--",
|
|
37
37
|
"--primary-background-component",
|
|
38
|
-
"--primary-
|
|
38
|
+
"--primary-border",
|
|
39
39
|
"--primary-background-active",
|
|
40
40
|
],
|
|
41
41
|
secondary: [
|
|
42
42
|
"--base-content--",
|
|
43
43
|
"--secondary-background-component",
|
|
44
|
-
"--secondary-
|
|
44
|
+
"--secondary-border",
|
|
45
45
|
"--secondary-background-active",
|
|
46
46
|
],
|
|
47
47
|
base: [
|
|
48
48
|
"--base-content--",
|
|
49
49
|
"--base-background-component",
|
|
50
|
-
"--base-
|
|
50
|
+
"--base-border",
|
|
51
51
|
"--base-background-active",
|
|
52
52
|
],
|
|
53
53
|
success: [
|
|
54
54
|
"--base-content--",
|
|
55
55
|
"--success-background-component",
|
|
56
|
-
"--success-
|
|
56
|
+
"--success-border",
|
|
57
57
|
"--success-background-active",
|
|
58
58
|
],
|
|
59
59
|
error: [
|
|
60
60
|
"--base-content--",
|
|
61
61
|
"--error-background-component",
|
|
62
|
-
"--error-
|
|
62
|
+
"--error-border",
|
|
63
63
|
"--error-background-active",
|
|
64
64
|
],
|
|
65
65
|
warning: [
|
|
66
66
|
"--base-content--",
|
|
67
67
|
"--warning-background-component",
|
|
68
|
-
"--warning-
|
|
68
|
+
"--warning-border",
|
|
69
69
|
"--warning-background-active",
|
|
70
70
|
],
|
|
71
71
|
};
|
|
@@ -103,7 +103,7 @@ class YumeCard extends HTMLElement {
|
|
|
103
103
|
display: block;
|
|
104
104
|
box-sizing: border-box;
|
|
105
105
|
background: var(--card-background, var(--base-background-component));
|
|
106
|
-
border: var(--card-border-width, var(--component-card-border-width)) solid var(--card-border-color, var(--base-
|
|
106
|
+
border: var(--card-border-width, var(--component-card-border-width)) solid var(--card-border-color, var(--base-border));
|
|
107
107
|
border-radius: var(--component-card-border-radius-outer);
|
|
108
108
|
font-family: var(--font-family-body);
|
|
109
109
|
color: var(--card-content-color, var(--base-content--));
|
|
@@ -112,7 +112,7 @@ class YumeCard extends HTMLElement {
|
|
|
112
112
|
|
|
113
113
|
.header {
|
|
114
114
|
padding: var(--component-card-padding-outer);
|
|
115
|
-
border-bottom: var(--component-card-inner-border-width) solid var(--card-border-color, var(--base-
|
|
115
|
+
border-bottom: var(--component-card-inner-border-width) solid var(--card-border-color, var(--base-border));
|
|
116
116
|
}
|
|
117
117
|
|
|
118
118
|
.body {
|
|
@@ -121,7 +121,7 @@ class YumeCard extends HTMLElement {
|
|
|
121
121
|
|
|
122
122
|
.footer {
|
|
123
123
|
padding: var(--component-card-padding-inner) var(--component-card-padding-outer);
|
|
124
|
-
border-top: var(--component-card-inner-border-width) solid var(--card-border-color, var(--base-
|
|
124
|
+
border-top: var(--component-card-inner-border-width) solid var(--card-border-color, var(--base-border));
|
|
125
125
|
}
|
|
126
126
|
|
|
127
127
|
::slotted(*) {
|
|
@@ -233,7 +233,7 @@ class YumeProgress extends HTMLElement {
|
|
|
233
233
|
width: 100%;
|
|
234
234
|
height: ${sizeVar};
|
|
235
235
|
background: var(--base-background-component);
|
|
236
|
-
border: var(--component-progress-border-width) solid var(--base-
|
|
236
|
+
border: var(--component-progress-border-width) solid var(--base-border);
|
|
237
237
|
border-radius: var(--component-progress-border-radius-outer);
|
|
238
238
|
overflow: hidden;
|
|
239
239
|
box-sizing: border-box;
|
|
@@ -318,7 +318,7 @@ class YumeSlider extends HTMLElement {
|
|
|
318
318
|
width: 100%;
|
|
319
319
|
height: ${trackHeight};
|
|
320
320
|
background: var(--base-background-component);
|
|
321
|
-
border: var(--component-slider-border-width) solid var(--base-
|
|
321
|
+
border: var(--component-slider-border-width) solid var(--base-border);
|
|
322
322
|
border-radius: var(--component-slider-border-radius-outer);
|
|
323
323
|
box-sizing: border-box;
|
|
324
324
|
padding: var(--component-slider-padding);
|
|
@@ -283,7 +283,7 @@ class YumeSwitch extends HTMLElement {
|
|
|
283
283
|
display: inline-flex;
|
|
284
284
|
align-items: center;
|
|
285
285
|
background: var(--base-background-component);
|
|
286
|
-
border: var(--component-switch-border-width) solid var(--base-
|
|
286
|
+
border: var(--component-switch-border-width) solid var(--base-border);
|
|
287
287
|
border-radius: var(--component-switch-border-radius);
|
|
288
288
|
cursor: pointer;
|
|
289
289
|
height: var(--switch-height);
|
package/dist/index.js
CHANGED
|
@@ -2761,37 +2761,37 @@ class YumeCard extends HTMLElement {
|
|
|
2761
2761
|
primary: [
|
|
2762
2762
|
"--base-content--",
|
|
2763
2763
|
"--primary-background-component",
|
|
2764
|
-
"--primary-
|
|
2764
|
+
"--primary-border",
|
|
2765
2765
|
"--primary-background-active",
|
|
2766
2766
|
],
|
|
2767
2767
|
secondary: [
|
|
2768
2768
|
"--base-content--",
|
|
2769
2769
|
"--secondary-background-component",
|
|
2770
|
-
"--secondary-
|
|
2770
|
+
"--secondary-border",
|
|
2771
2771
|
"--secondary-background-active",
|
|
2772
2772
|
],
|
|
2773
2773
|
base: [
|
|
2774
2774
|
"--base-content--",
|
|
2775
2775
|
"--base-background-component",
|
|
2776
|
-
"--base-
|
|
2776
|
+
"--base-border",
|
|
2777
2777
|
"--base-background-active",
|
|
2778
2778
|
],
|
|
2779
2779
|
success: [
|
|
2780
2780
|
"--base-content--",
|
|
2781
2781
|
"--success-background-component",
|
|
2782
|
-
"--success-
|
|
2782
|
+
"--success-border",
|
|
2783
2783
|
"--success-background-active",
|
|
2784
2784
|
],
|
|
2785
2785
|
error: [
|
|
2786
2786
|
"--base-content--",
|
|
2787
2787
|
"--error-background-component",
|
|
2788
|
-
"--error-
|
|
2788
|
+
"--error-border",
|
|
2789
2789
|
"--error-background-active",
|
|
2790
2790
|
],
|
|
2791
2791
|
warning: [
|
|
2792
2792
|
"--base-content--",
|
|
2793
2793
|
"--warning-background-component",
|
|
2794
|
-
"--warning-
|
|
2794
|
+
"--warning-border",
|
|
2795
2795
|
"--warning-background-active",
|
|
2796
2796
|
],
|
|
2797
2797
|
};
|
|
@@ -2829,7 +2829,7 @@ class YumeCard extends HTMLElement {
|
|
|
2829
2829
|
display: block;
|
|
2830
2830
|
box-sizing: border-box;
|
|
2831
2831
|
background: var(--card-background, var(--base-background-component));
|
|
2832
|
-
border: var(--card-border-width, var(--component-card-border-width)) solid var(--card-border-color, var(--base-
|
|
2832
|
+
border: var(--card-border-width, var(--component-card-border-width)) solid var(--card-border-color, var(--base-border));
|
|
2833
2833
|
border-radius: var(--component-card-border-radius-outer);
|
|
2834
2834
|
font-family: var(--font-family-body);
|
|
2835
2835
|
color: var(--card-content-color, var(--base-content--));
|
|
@@ -2838,7 +2838,7 @@ class YumeCard extends HTMLElement {
|
|
|
2838
2838
|
|
|
2839
2839
|
.header {
|
|
2840
2840
|
padding: var(--component-card-padding-outer);
|
|
2841
|
-
border-bottom: var(--component-card-inner-border-width) solid var(--card-border-color, var(--base-
|
|
2841
|
+
border-bottom: var(--component-card-inner-border-width) solid var(--card-border-color, var(--base-border));
|
|
2842
2842
|
}
|
|
2843
2843
|
|
|
2844
2844
|
.body {
|
|
@@ -2847,7 +2847,7 @@ class YumeCard extends HTMLElement {
|
|
|
2847
2847
|
|
|
2848
2848
|
.footer {
|
|
2849
2849
|
padding: var(--component-card-padding-inner) var(--component-card-padding-outer);
|
|
2850
|
-
border-top: var(--component-card-inner-border-width) solid var(--card-border-color, var(--base-
|
|
2850
|
+
border-top: var(--component-card-inner-border-width) solid var(--card-border-color, var(--base-border));
|
|
2851
2851
|
}
|
|
2852
2852
|
|
|
2853
2853
|
::slotted(*) {
|
|
@@ -4735,7 +4735,7 @@ class YumeProgress extends HTMLElement {
|
|
|
4735
4735
|
width: 100%;
|
|
4736
4736
|
height: ${sizeVar};
|
|
4737
4737
|
background: var(--base-background-component);
|
|
4738
|
-
border: var(--component-progress-border-width) solid var(--base-
|
|
4738
|
+
border: var(--component-progress-border-width) solid var(--base-border);
|
|
4739
4739
|
border-radius: var(--component-progress-border-radius-outer);
|
|
4740
4740
|
overflow: hidden;
|
|
4741
4741
|
box-sizing: border-box;
|
|
@@ -5916,7 +5916,7 @@ class YumeSlider extends HTMLElement {
|
|
|
5916
5916
|
width: 100%;
|
|
5917
5917
|
height: ${trackHeight};
|
|
5918
5918
|
background: var(--base-background-component);
|
|
5919
|
-
border: var(--component-slider-border-width) solid var(--base-
|
|
5919
|
+
border: var(--component-slider-border-width) solid var(--base-border);
|
|
5920
5920
|
border-radius: var(--component-slider-border-radius-outer);
|
|
5921
5921
|
box-sizing: border-box;
|
|
5922
5922
|
padding: var(--component-slider-padding);
|
|
@@ -6277,7 +6277,7 @@ class YumeSwitch extends HTMLElement {
|
|
|
6277
6277
|
display: inline-flex;
|
|
6278
6278
|
align-items: center;
|
|
6279
6279
|
background: var(--base-background-component);
|
|
6280
|
-
border: var(--component-switch-border-width) solid var(--base-
|
|
6280
|
+
border: var(--component-switch-border-width) solid var(--base-border);
|
|
6281
6281
|
border-radius: var(--component-switch-border-radius);
|
|
6282
6282
|
cursor: pointer;
|
|
6283
6283
|
height: var(--switch-height);
|