@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 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-background-border",
38
+ "--primary-border",
39
39
  "--primary-background-active",
40
40
  ],
41
41
  secondary: [
42
42
  "--base-content--",
43
43
  "--secondary-background-component",
44
- "--secondary-background-border",
44
+ "--secondary-border",
45
45
  "--secondary-background-active",
46
46
  ],
47
47
  base: [
48
48
  "--base-content--",
49
49
  "--base-background-component",
50
- "--base-background-border",
50
+ "--base-border",
51
51
  "--base-background-active",
52
52
  ],
53
53
  success: [
54
54
  "--base-content--",
55
55
  "--success-background-component",
56
- "--success-background-border",
56
+ "--success-border",
57
57
  "--success-background-active",
58
58
  ],
59
59
  error: [
60
60
  "--base-content--",
61
61
  "--error-background-component",
62
- "--error-background-border",
62
+ "--error-border",
63
63
  "--error-background-active",
64
64
  ],
65
65
  warning: [
66
66
  "--base-content--",
67
67
  "--warning-background-component",
68
- "--warning-background-border",
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-background-border));
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-background-border));
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-background-border));
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-background-border);
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-background-border);
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-background-border);
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-background-border",
2764
+ "--primary-border",
2765
2765
  "--primary-background-active",
2766
2766
  ],
2767
2767
  secondary: [
2768
2768
  "--base-content--",
2769
2769
  "--secondary-background-component",
2770
- "--secondary-background-border",
2770
+ "--secondary-border",
2771
2771
  "--secondary-background-active",
2772
2772
  ],
2773
2773
  base: [
2774
2774
  "--base-content--",
2775
2775
  "--base-background-component",
2776
- "--base-background-border",
2776
+ "--base-border",
2777
2777
  "--base-background-active",
2778
2778
  ],
2779
2779
  success: [
2780
2780
  "--base-content--",
2781
2781
  "--success-background-component",
2782
- "--success-background-border",
2782
+ "--success-border",
2783
2783
  "--success-background-active",
2784
2784
  ],
2785
2785
  error: [
2786
2786
  "--base-content--",
2787
2787
  "--error-background-component",
2788
- "--error-background-border",
2788
+ "--error-border",
2789
2789
  "--error-background-active",
2790
2790
  ],
2791
2791
  warning: [
2792
2792
  "--base-content--",
2793
2793
  "--warning-background-component",
2794
- "--warning-background-border",
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-background-border));
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-background-border));
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-background-border));
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-background-border);
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-background-border);
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-background-border);
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);