@vaadin/component-base 25.0.0-alpha19 → 25.0.0-alpha20

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.
Files changed (5) hide show
  1. package/package.json +5 -5
  2. package/src/data-provider-controller/cache.js +4 -0
  3. package/src/define.js +1 -1
  4. package/src/styles/loader-styles.js +1 -1
  5. package/src/styles/style-props.js +20 -12
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vaadin/component-base",
3
- "version": "25.0.0-alpha19",
3
+ "version": "25.0.0-alpha20",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -33,15 +33,15 @@
33
33
  "dependencies": {
34
34
  "@open-wc/dedupe-mixin": "^1.3.0",
35
35
  "@vaadin/vaadin-development-mode-detector": "^2.0.0",
36
- "@vaadin/vaadin-themable-mixin": "25.0.0-alpha19",
36
+ "@vaadin/vaadin-themable-mixin": "25.0.0-alpha20",
37
37
  "@vaadin/vaadin-usage-statistics": "^2.1.0",
38
38
  "lit": "^3.0.0"
39
39
  },
40
40
  "devDependencies": {
41
- "@vaadin/chai-plugins": "25.0.0-alpha19",
42
- "@vaadin/test-runner-commands": "25.0.0-alpha19",
41
+ "@vaadin/chai-plugins": "25.0.0-alpha20",
42
+ "@vaadin/test-runner-commands": "25.0.0-alpha20",
43
43
  "@vaadin/testing-helpers": "^2.0.0",
44
44
  "sinon": "^21.0.0"
45
45
  },
46
- "gitHead": "1f9af1ce5f0bae8daff044176c8a8df697763881"
46
+ "gitHead": "c948aae591a30b432f3784000d4677674cae56e0"
47
47
  }
package/src/data-provider-controller/cache.js CHANGED
@@ -152,6 +152,10 @@ export class Cache {
152
152
  }
153
153
  }
154
154
 
155
+ if (this.items.length > size) {
156
+ this.items.length = size || 0;
157
+ }
158
+
155
159
  Object.keys(this.pendingRequests).forEach((page) => {
156
160
  const startIndex = parseInt(page) * this.pageSize;
157
161
  if (startIndex >= this.size || 0) {
package/src/define.js CHANGED
@@ -13,7 +13,7 @@ function dashToCamelCase(dash) {
13
13
 
14
14
  const experimentalMap = {};
15
15
 
16
- export function defineCustomElement(CustomElement, version = '25.0.0-alpha19') {
16
+ export function defineCustomElement(CustomElement, version = '25.0.0-alpha20') {
17
17
  Object.defineProperty(CustomElement, 'version', {
18
18
  get() {
19
19
  return version;
package/src/styles/loader-styles.js CHANGED
@@ -24,7 +24,7 @@ export const loaderStyles = css`
24
24
  spin var(--vaadin-spinner-animation-duration, 1s) linear infinite,
25
25
  fade-in 0.3s 0.3s both;
26
26
  border: var(--vaadin-spinner-width, 2px) solid;
27
- --_spinner-color: var(--vaadin-spinner-color, var(--vaadin-color));
27
+ --_spinner-color: var(--vaadin-spinner-color, var(--vaadin-text-color));
28
28
  --_spinner-color2: color-mix(in srgb, var(--_spinner-color) 20%, transparent);
29
29
  border-color: var(--_spinner-color) var(--_spinner-color) var(--_spinner-color2) var(--_spinner-color2);
30
30
  border-radius: 50%;
package/src/styles/style-props.js CHANGED
@@ -15,21 +15,29 @@ addGlobalThemeStyles(
15
15
  --vaadin-background-color: light-dark(#fff, #222);
16
16
 
17
17
  /* Container colors */
18
- --vaadin-background-container: color-mix(in oklab, var(--vaadin-color) 5%, var(--vaadin-background-color));
18
+ --vaadin-background-container: color-mix(in oklab, var(--vaadin-text-color) 5%, var(--vaadin-background-color));
19
19
  --vaadin-background-container-strong: color-mix(
20
20
  in oklab,
21
- var(--vaadin-color) 10%,
21
+ var(--vaadin-text-color) 10%,
22
22
  var(--vaadin-background-color)
23
23
  );
24
24
 
25
25
  /* Border colors */
26
- --vaadin-border-color-subtle: color-mix(in oklab, var(--vaadin-color) 24%, transparent);
27
- --vaadin-border-color: color-mix(in oklab, var(--vaadin-color) 48%, transparent); /* Above 3:1 contrast */
26
+ --vaadin-border-color-secondary: color-mix(in oklab, var(--vaadin-text-color) 24%, transparent);
27
+ --vaadin-border-color: color-mix(in oklab, var(--vaadin-text-color) 48%, transparent); /* Above 3:1 contrast */
28
28
 
29
29
  /* Text colors */
30
- --vaadin-color-disabled: color-mix(in oklab, var(--vaadin-color) 48%, transparent); /* Above 3:1 contrast */
31
- --vaadin-color-subtle: color-mix(in oklab, var(--vaadin-color) 68%, transparent); /* Above 4.5:1 contrast */
32
- --vaadin-color: light-dark(#1f1f1f, white); /* Above 7:1 contrast */
30
+ --vaadin-text-color-disabled: color-mix(
31
+ in oklab,
32
+ var(--vaadin-text-color) 48%,
33
+ transparent
34
+ ); /* Above 3:1 contrast */
35
+ --vaadin-text-color-secondary: color-mix(
36
+ in oklab,
37
+ var(--vaadin-text-color) 68%,
38
+ transparent
39
+ ); /* Above 4.5:1 contrast */
40
+ --vaadin-text-color: light-dark(#1f1f1f, white); /* Above 7:1 contrast */
33
41
 
34
42
  /* Padding */
35
43
  --vaadin-padding-xs: 6px;
@@ -53,7 +61,7 @@ addGlobalThemeStyles(
53
61
 
54
62
  /* Focus outline */
55
63
  --vaadin-focus-ring-width: 2px;
56
- --vaadin-focus-ring-color: var(--vaadin-color);
64
+ --vaadin-focus-ring-color: var(--vaadin-text-color);
57
65
 
58
66
  /* Icons, used as mask-image */
59
67
  --_vaadin-icon-arrow-up: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 10.5 12 3m0 0 7.5 7.5M12 3v18" /></svg>');
@@ -92,10 +100,10 @@ addGlobalThemeStyles(
92
100
  html {
93
101
  --vaadin-background-color: Canvas;
94
102
  --vaadin-border-color: CanvasText;
95
- --vaadin-border-color-strong: CanvasText;
96
- --vaadin-color-disabled: CanvasText;
97
- --vaadin-color-subtle: CanvasText;
98
- --vaadin-color: CanvasText;
103
+ --vaadin-border-color-secondary: CanvasText;
104
+ --vaadin-text-color-disabled: CanvasText;
105
+ --vaadin-text-color-secondary: CanvasText;
106
+ --vaadin-text-color: CanvasText;
99
107
  --vaadin-icon-color: CanvasText;
100
108
  --vaadin-focus-ring-color: Highlight;
101
109
  }