@vaadin/grid-pro 22.0.0-alpha9 → 22.0.0-beta1

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vaadin/grid-pro",
3
- "version": "22.0.0-alpha9",
3
+ "version": "22.0.0-beta1",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -33,26 +33,26 @@
33
33
  ],
34
34
  "dependencies": {
35
35
  "@polymer/polymer": "^3.0.0",
36
- "@vaadin/checkbox": "22.0.0-alpha9",
37
- "@vaadin/component-base": "22.0.0-alpha9",
38
- "@vaadin/grid": "22.0.0-alpha9",
39
- "@vaadin/item": "22.0.0-alpha9",
40
- "@vaadin/list-box": "22.0.0-alpha9",
41
- "@vaadin/select": "22.0.0-alpha9",
42
- "@vaadin/text-field": "22.0.0-alpha9",
36
+ "@vaadin/checkbox": "22.0.0-beta1",
37
+ "@vaadin/component-base": "22.0.0-beta1",
38
+ "@vaadin/grid": "22.0.0-beta1",
39
+ "@vaadin/item": "22.0.0-beta1",
40
+ "@vaadin/list-box": "22.0.0-beta1",
41
+ "@vaadin/select": "22.0.0-beta1",
42
+ "@vaadin/text-field": "22.0.0-beta1",
43
43
  "@vaadin/vaadin-license-checker": "^2.1.0",
44
- "@vaadin/vaadin-lumo-styles": "22.0.0-alpha9",
45
- "@vaadin/vaadin-material-styles": "22.0.0-alpha9",
46
- "@vaadin/vaadin-themable-mixin": "22.0.0-alpha9"
44
+ "@vaadin/vaadin-lumo-styles": "22.0.0-beta1",
45
+ "@vaadin/vaadin-material-styles": "22.0.0-beta1",
46
+ "@vaadin/vaadin-themable-mixin": "22.0.0-beta1"
47
47
  },
48
48
  "devDependencies": {
49
49
  "@esm-bundle/chai": "^4.3.4",
50
- "@vaadin/date-picker": "22.0.0-alpha9",
51
- "@vaadin/dialog": "22.0.0-alpha9",
52
- "@vaadin/polymer-legacy-adapter": "22.0.0-alpha9",
50
+ "@vaadin/date-picker": "22.0.0-beta1",
51
+ "@vaadin/dialog": "22.0.0-beta1",
52
+ "@vaadin/polymer-legacy-adapter": "22.0.0-beta1",
53
53
  "@vaadin/testing-helpers": "^0.3.0",
54
54
  "lit": "^2.0.0",
55
55
  "sinon": "^9.2.1"
56
56
  },
57
- "gitHead": "6e8c899dc65918f97e3c0acb2076122c4b2ef274"
57
+ "gitHead": "4cf8a9d0504994200c610e44b3676114fef49c1e"
58
58
  }
@@ -1,5 +1,6 @@
1
1
  import { registerStyles, css } from '@vaadin/vaadin-themable-mixin/register-styles.js';
2
2
  import '@vaadin/vaadin-lumo-styles/color.js';
3
+ import '@vaadin/vaadin-lumo-styles/style.js';
3
4
 
4
5
  registerStyles(
5
6
  'vaadin-grid-pro',
@@ -14,6 +15,41 @@ registerStyles(
14
15
  pointer-events: none;
15
16
  box-shadow: inset 0 0 0 2px var(--lumo-primary-color-50pct);
16
17
  }
18
+
19
+ [part~='editable-cell'],
20
+ [part~='editable-cell'] ::slotted(vaadin-grid-cell-content) {
21
+ cursor: var(--lumo-clickable-cursor);
22
+ }
23
+
24
+ [part~='editable-cell']:hover,
25
+ [part~='editable-cell']:focus {
26
+ background-color: var(--lumo-contrast-5pct);
27
+ background-clip: padding-box;
28
+ }
29
+
30
+ /* Indicate editable cells */
31
+
32
+ :host([theme~='highlight-editable-cells']) [part~='editable-cell'] {
33
+ background-color: var(--lumo-contrast-5pct);
34
+ background-clip: border-box;
35
+ }
36
+
37
+ :host([theme~='highlight-editable-cells']) [part~='editable-cell']:hover,
38
+ :host([theme~='highlight-editable-cells']) [part~='editable-cell']:focus {
39
+ background-color: var(--lumo-contrast-10pct);
40
+ }
41
+
42
+ /* Indicate read-only cells */
43
+
44
+ :host([theme~='highlight-read-only-cells']) [part~='body-cell']:not([part~='editable-cell']) {
45
+ background-image: repeating-linear-gradient(
46
+ 135deg,
47
+ transparent,
48
+ transparent 6px,
49
+ var(--lumo-contrast-5pct) 6px,
50
+ var(--lumo-contrast-5pct) 14px
51
+ );
52
+ }
17
53
  `,
18
54
  { moduleId: 'lumo-grid-pro' }
19
55
  );
@@ -8,6 +8,17 @@ registerStyles(
8
8
  :host([navigating]) [part~='cell']:active {
9
9
  box-shadow: inset 0 0 0 2px var(--material-primary-color);
10
10
  }
11
+
12
+ [part~='editable-cell'],
13
+ [part~='editable-cell'] ::slotted(vaadin-grid-cell-content) {
14
+ cursor: pointer;
15
+ }
16
+
17
+ [part~='row'] > [part~='editable-cell']:hover,
18
+ [part~='row'] > [part~='editable-cell']:focus {
19
+ background-color: var(--material-grid-pro-editable-cell-hover-background-color, rgba(0, 0, 0, 0.04));
20
+ background-clip: padding-box;
21
+ }
11
22
  `,
12
23
  { moduleId: 'material-grid-pro' }
13
24
  );