@vaadin/input-container 24.0.0-rc1 → 24.0.0

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 (3) hide show
  1. package/package.json +8 -8
  2. package/src/vaadin-input-container.js +9 -9
  3. package/theme/lumo/vaadin-input-container-styles.js +9 -9
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vaadin/input-container",
3
- "version": "24.0.0-rc1",
3
+ "version": "24.0.0",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -32,17 +32,17 @@
32
32
  ],
33
33
  "dependencies": {
34
34
  "@polymer/polymer": "^3.0.0",
35
- "@vaadin/component-base": "24.0.0-rc1",
36
- "@vaadin/vaadin-lumo-styles": "24.0.0-rc1",
37
- "@vaadin/vaadin-material-styles": "24.0.0-rc1",
38
- "@vaadin/vaadin-themable-mixin": "24.0.0-rc1"
35
+ "@vaadin/component-base": "~24.0.0",
36
+ "@vaadin/vaadin-lumo-styles": "~24.0.0",
37
+ "@vaadin/vaadin-material-styles": "~24.0.0",
38
+ "@vaadin/vaadin-themable-mixin": "~24.0.0"
39
39
  },
40
40
  "devDependencies": {
41
41
  "@esm-bundle/chai": "^4.3.4",
42
- "@vaadin/icon": "24.0.0-rc1",
43
- "@vaadin/icons": "24.0.0-rc1",
42
+ "@vaadin/icon": "~24.0.0",
43
+ "@vaadin/icons": "~24.0.0",
44
44
  "@vaadin/testing-helpers": "^0.4.0",
45
45
  "sinon": "^13.0.2"
46
46
  },
47
- "gitHead": "0b086e3596e400d8522b656eabc8ae44f0c483cb"
47
+ "gitHead": "b0cf651bb624d74b78a42b3e3ea889b2e401daec"
48
48
  }
package/src/vaadin-input-container.js CHANGED
@@ -21,20 +21,20 @@ export class InputContainer extends ThemableMixin(DirMixin(PolymerElement)) {
21
21
  flex: 0 1 auto;
22
22
  border-radius:
23
23
  /* See https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius */
24
- var(--vaadin-input-container-top-start-radius, var(--__border-radius))
25
- var(--vaadin-input-container-top-end-radius, var(--__border-radius))
26
- var(--vaadin-input-container-bottom-end-radius, var(--__border-radius))
27
- var(--vaadin-input-container-bottom-start-radius, var(--__border-radius));
28
- --_border-radius: var(--vaadin-input-container-border-radius, 0px);
24
+ var(--vaadin-input-field-top-start-radius, var(--__border-radius))
25
+ var(--vaadin-input-field-top-end-radius, var(--__border-radius))
26
+ var(--vaadin-input-field-bottom-end-radius, var(--__border-radius))
27
+ var(--vaadin-input-field-bottom-start-radius, var(--__border-radius));
28
+ --_border-radius: var(--vaadin-input-field-border-radius, 0px);
29
29
  }
30
30
 
31
31
  :host([dir='rtl']) {
32
32
  border-radius:
33
33
  /* Don't use logical props, see https://github.com/vaadin/vaadin-time-picker/issues/145 */
34
- var(--vaadin-input-container-top-end-radius, var(--_border-radius))
35
- var(--vaadin-input-container-top-start-radius, var(--_border-radius))
36
- var(--vaadin-input-container-bottom-start-radius, var(--_border-radius))
37
- var(--vaadin-input-container-bottom-end-radius, var(--_border-radius));
34
+ var(--vaadin-input-field-top-end-radius, var(--_border-radius))
35
+ var(--vaadin-input-field-top-start-radius, var(--_border-radius))
36
+ var(--vaadin-input-field-bottom-start-radius, var(--_border-radius))
37
+ var(--vaadin-input-field-bottom-end-radius, var(--_border-radius));
38
38
  }
39
39
 
40
40
  :host([hidden]) {
package/theme/lumo/vaadin-input-container-styles.js CHANGED
@@ -17,21 +17,21 @@ registerStyles(
17
17
  box-sizing: border-box;
18
18
  border-radius:
19
19
  /* See https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius#syntax */
20
- var(--vaadin-input-container-top-start-radius, var(--_input-container-radius))
21
- var(--vaadin-input-container-top-end-radius, var(--_input-container-radius))
22
- var(--vaadin-input-container-bottom-end-radius, var(--_input-container-radius))
23
- var(--vaadin-input-container-bottom-start-radius, var(--_input-container-radius));
20
+ var(--vaadin-input-field-top-start-radius, var(--_input-container-radius))
21
+ var(--vaadin-input-field-top-end-radius, var(--_input-container-radius))
22
+ var(--vaadin-input-field-bottom-end-radius, var(--_input-container-radius))
23
+ var(--vaadin-input-field-bottom-start-radius, var(--_input-container-radius));
24
24
  /* Fallback */
25
- --_input-container-radius: var(--vaadin-input-container-border-radius, var(--lumo-border-radius-m));
25
+ --_input-container-radius: var(--vaadin-input-field-border-radius, var(--lumo-border-radius-m));
26
26
  }
27
27
 
28
28
  :host([dir='rtl']) {
29
29
  border-radius:
30
30
  /* Don't use logical props, see https://github.com/vaadin/vaadin-time-picker/issues/145 */
31
- var(--vaadin-input-container-top-end-radius, var(--_input-container-radius))
32
- var(--vaadin-input-container-top-start-radius, var(--_input-container-radius))
33
- var(--vaadin-input-container-bottom-start-radius, var(--_input-container-radius))
34
- var(--vaadin-input-container-bottom-end-radius, var(--_input-container-radius));
31
+ var(--vaadin-input-field-top-end-radius, var(--_input-container-radius))
32
+ var(--vaadin-input-field-top-start-radius, var(--_input-container-radius))
33
+ var(--vaadin-input-field-bottom-start-radius, var(--_input-container-radius))
34
+ var(--vaadin-input-field-bottom-end-radius, var(--_input-container-radius));
35
35
  }
36
36
 
37
37
  /* Used for hover and activation effects */