@operato/input 2.0.0-alpha.149 → 2.0.0-alpha.151

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 (39) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/src/ox-buttons-radio.js +2 -2
  3. package/dist/src/ox-buttons-radio.js.map +1 -1
  4. package/dist/src/ox-checkbox.js +1 -1
  5. package/dist/src/ox-checkbox.js.map +1 -1
  6. package/dist/src/ox-input-3axis.js +1 -1
  7. package/dist/src/ox-input-3axis.js.map +1 -1
  8. package/dist/src/ox-input-3dish.js +3 -3
  9. package/dist/src/ox-input-3dish.js.map +1 -1
  10. package/dist/src/ox-input-angle.js +1 -1
  11. package/dist/src/ox-input-angle.js.map +1 -1
  12. package/dist/src/ox-input-barcode.js +1 -1
  13. package/dist/src/ox-input-barcode.js.map +1 -1
  14. package/dist/src/ox-input-crontab.js +5 -5
  15. package/dist/src/ox-input-crontab.js.map +1 -1
  16. package/dist/src/ox-input-data.js +1 -1
  17. package/dist/src/ox-input-data.js.map +1 -1
  18. package/dist/src/ox-input-duration.js +2 -2
  19. package/dist/src/ox-input-duration.js.map +1 -1
  20. package/dist/src/ox-input-file.js +3 -3
  21. package/dist/src/ox-input-file.js.map +1 -1
  22. package/dist/src/ox-input-search.js +0 -1
  23. package/dist/src/ox-input-search.js.map +1 -1
  24. package/dist/src/ox-input-select-buttons.js +0 -11
  25. package/dist/src/ox-input-select-buttons.js.map +1 -1
  26. package/dist/tsconfig.tsbuildinfo +1 -1
  27. package/package.json +4 -4
  28. package/src/ox-buttons-radio.ts +2 -2
  29. package/src/ox-checkbox.ts +1 -1
  30. package/src/ox-input-3axis.ts +1 -1
  31. package/src/ox-input-3dish.ts +3 -3
  32. package/src/ox-input-angle.ts +1 -1
  33. package/src/ox-input-barcode.ts +1 -1
  34. package/src/ox-input-crontab.ts +5 -5
  35. package/src/ox-input-data.ts +1 -1
  36. package/src/ox-input-duration.ts +2 -2
  37. package/src/ox-input-file.ts +3 -3
  38. package/src/ox-input-search.ts +0 -1
  39. package/src/ox-input-select-buttons.ts +0 -11
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@operato/input",
3
3
  "description": "Webcomponents for input following open-wc recommendations",
4
4
  "author": "heartyoh@hatiolab.com",
5
- "version": "2.0.0-alpha.149",
5
+ "version": "2.0.0-alpha.151",
6
6
  "main": "dist/src/index.js",
7
7
  "module": "dist/src/index.js",
8
8
  "license": "MIT",
@@ -197,8 +197,8 @@
197
197
  "@material/web": "^1.4.0",
198
198
  "@operato/color-picker": "^2.0.0-alpha.111",
199
199
  "@operato/i18n": "^2.0.0-alpha.148",
200
- "@operato/popup": "^2.0.0-alpha.149",
201
- "@operato/styles": "^2.0.0-alpha.149",
200
+ "@operato/popup": "^2.0.0-alpha.151",
201
+ "@operato/styles": "^2.0.0-alpha.150",
202
202
  "@operato/utils": "^2.0.0-alpha.145",
203
203
  "@polymer/paper-dropdown-menu": "^3.2.0",
204
204
  "@polymer/paper-item": "^3.0.1",
@@ -243,5 +243,5 @@
243
243
  "prettier --write"
244
244
  ]
245
245
  },
246
- "gitHead": "ae0a8ae9e4627a09783ea436f2498bd80880a736"
246
+ "gitHead": "23518dcfa11a5429083e8a39aa7ce3b78def1b54"
247
247
  }
package/src/ox-buttons-radio.ts CHANGED
@@ -31,7 +31,7 @@ export class OxButtonsRadio extends OxFormField {
31
31
  background-color: var(--ox-buttons-radio-background-color, var(--md-sys-color-surface));
32
32
 
33
33
  --md-outlined-button-label-text-color: var(--md-sys-color-on-surface-variant);
34
- --md-outlined-button-label-text-size: var(--md-sys-typescale-label-medium-size, 0.75rem);
34
+ --md-outlined-button-label-text-size: var(--md-sys-typescale-label-large-size, 0.875rem);
35
35
  --md-outlined-button-container-height: var(--form-element-height-medium);
36
36
  --md-outlined-button-container-shape: var(--md-sys-shape-corner-small);
37
37
  --md-outlined-button-leading-space: var(--spacing-large);
@@ -42,7 +42,7 @@ export class OxButtonsRadio extends OxFormField {
42
42
 
43
43
  --md-filled-button-container-color: var(--md-sys-color-primary);
44
44
  --md-filled-button-label-text-color: var(--md-sys-color-primary-container);
45
- --md-filled-button-label-text-size: var(--md-sys-typescale-label-medium-size, 0.75rem);
45
+ --md-filled-button-label-text-size: var(--md-sys-typescale-label-large-size, 0.875rem);
46
46
  --md-filled-button-container-height: var(--form-element-height-medium);
47
47
  --md-filled-button-container-shape: var(--md-sys-shape-corner-small);
48
48
  --md-filled-button-leading-space: var(--spacing-large);
package/src/ox-checkbox.ts CHANGED
@@ -67,7 +67,7 @@ export class OxCheckbox extends OxFormField {
67
67
 
68
68
  .label {
69
69
  color: var(--ox-checkbox-label-color, var(--md-sys-color-on-surface-variant));
70
- font-size: var(--md-sys-typescale-label-medium-size, 0.75rem);
70
+ font-size: var(--md-sys-typescale-label-large-size, 0.875rem);
71
71
  line-height: var(--md-sys-typescale-label-medium-line-height, 1rem);
72
72
  }
73
73
  :host([checked]) .label {
package/src/ox-input-3axis.ts CHANGED
@@ -25,7 +25,7 @@ export class OxInput3Axis extends OxFormField {
25
25
  border: 1px solid var(--md-sys-color-outline);
26
26
  border-radius: var(--md-sys-shape-corner-small);
27
27
  background-color: var(--md-sys-color-on-primary);
28
- font-size: var(--md-sys-typescale-label-medium-size, 0.75rem);
28
+ font-size: var(--md-sys-typescale-label-large-size, 0.875rem);
29
29
  color: var(--md-sys-color-on-primary-container);
30
30
  }
31
31
 
package/src/ox-input-3dish.ts CHANGED
@@ -26,7 +26,7 @@ export class OxInput3Dish extends OxFormField {
26
26
  label {
27
27
  text-align: right;
28
28
  align-self: center;
29
- font-size: var(--md-sys-typescale-label-medium-size, 0.75rem);
29
+ font-size: var(--md-sys-typescale-label-large-size, 0.875rem);
30
30
  color: var(--md-sys-color-on-primary-container);
31
31
  text-transform: var(--label-text-transform);
32
32
  grid-column: span 1;
@@ -35,7 +35,7 @@ export class OxInput3Dish extends OxFormField {
35
35
  span {
36
36
  grid-column: span 2;
37
37
  text-align: center;
38
- font-size: var(--md-sys-typescale-label-medium-size, 0.75rem);
38
+ font-size: var(--md-sys-typescale-label-large-size, 0.875rem);
39
39
  color: var(--md-sys-color-surface-tint);
40
40
  font-weight: var(--md-sys-typescale-label-medium-weight, var(--md-ref-typeface-weight-medium, 500));
41
41
  }
@@ -50,7 +50,7 @@ export class OxInput3Dish extends OxFormField {
50
50
  border-radius: var(--md-sys-shape-corner-small);
51
51
  overflow: hidden;
52
52
  background-color: var(--md-sys-color-on-primary);
53
- font-size: var(--md-sys-typescale-label-medium-size, 0.75rem);
53
+ font-size: var(--md-sys-typescale-label-large-size, 0.875rem);
54
54
  color: var(--md-sys-color-on-primary-container);
55
55
  }
56
56
 
package/src/ox-input-angle.ts CHANGED
@@ -24,7 +24,7 @@ export class OxInputAngle extends OxFormField {
24
24
  border: var(--input-border, 1px solid var(--md-sys-color-outline));
25
25
  border-radius: var(--md-sys-shape-corner-small);
26
26
  background-color: var(--md-sys-color-on-primary);
27
- font-size: var(--md-sys-typescale-label-medium-size, 0.75rem);
27
+ font-size: var(--md-sys-typescale-label-large-size, 0.875rem);
28
28
  color: var(--md-sys-color-on-primary-container);
29
29
  }
30
30
 
package/src/ox-input-barcode.ts CHANGED
@@ -69,7 +69,7 @@ export class OxInputBarcode extends OxFormField {
69
69
  border-radius: var(--md-sys-shape-corner-small);
70
70
 
71
71
  background-color: var(--md-sys-color-on-primary);
72
- font-size: var(--md-sys-typescale-label-medium-size, 0.75rem);
72
+ font-size: var(--md-sys-typescale-label-large-size, 0.875rem);
73
73
  color: var(--md-sys-color-on-primary-container);
74
74
  }
75
75
  input:focus {
package/src/ox-input-crontab.ts CHANGED
@@ -110,7 +110,7 @@ export class OxInputCrontab extends OxFormField {
110
110
  label[for='example'] {
111
111
  text-align: right;
112
112
  grid-column: 3;
113
- font-size: var(--md-sys-typescale-label-medium-size, 0.75rem);
113
+ font-size: var(--md-sys-typescale-label-large-size, 0.875rem);
114
114
  color: var(--md-sys-color-on-primary-container);
115
115
  text-transform: capitalize;
116
116
  }
@@ -125,7 +125,7 @@ export class OxInputCrontab extends OxFormField {
125
125
  border-radius: var(--md-sys-shape-corner-small);
126
126
  background-color: var(--md-sys-color-on-primary);
127
127
  text-transform: capitalize;
128
- font-size: var(--md-sys-typescale-label-medium-size, 0.75rem);
128
+ font-size: var(--md-sys-typescale-label-large-size, 0.875rem);
129
129
  color: var(--md-sys-color-on-primary-container);
130
130
  }
131
131
 
@@ -137,7 +137,7 @@ export class OxInputCrontab extends OxFormField {
137
137
  border: 1px solid var(--md-sys-color-outline);
138
138
  border-radius: var(--md-sys-shape-corner-small);
139
139
  background-color: var(--md-sys-color-on-primary);
140
- font-size: var(--md-sys-typescale-label-medium-size, 0.75rem);
140
+ font-size: var(--md-sys-typescale-label-large-size, 0.875rem);
141
141
  color: var(--md-sys-color-on-primary-container);
142
142
  }
143
143
  input:focus {
@@ -152,7 +152,7 @@ export class OxInputCrontab extends OxFormField {
152
152
 
153
153
  label {
154
154
  width: 100%;
155
- font-size: var(--md-sys-typescale-label-medium-size, 0.75rem);
155
+ font-size: var(--md-sys-typescale-label-large-size, 0.875rem);
156
156
  color: var(--md-sys-color-on-primary-container);
157
157
  }
158
158
 
@@ -191,7 +191,7 @@ export class OxInputCrontab extends OxFormField {
191
191
  #tooltip > div {
192
192
  padding: 0.25rem 0.5rem;
193
193
  border-bottom: var(--md-sys-color-on-surface-variant) 1px dashed;
194
- font-size: var(--md-sys-typescale-label-medium-size, 0.75rem);
194
+ font-size: var(--md-sys-typescale-label-large-size, 0.875rem);
195
195
  color: var(--md-sys-color-on-primary-container);
196
196
  }
197
197
 
package/src/ox-input-data.ts CHANGED
@@ -38,7 +38,7 @@ export class OxInputData extends OxFormField {
38
38
  background-color: var(--md-sys-color-primary-container);
39
39
  border: 1px solid var(--md-sys-color-primary-fixed-dim);
40
40
  border-radius: var(--md-sys-shape-corner-small);
41
- font-size: var(--md-sys-typescale-label-medium-size, 0.75rem);
41
+ font-size: var(--md-sys-typescale-label-large-size, 0.875rem);
42
42
  color: var(--md-sys-color-on-primary-container);
43
43
  }
44
44
 
package/src/ox-input-duration.ts CHANGED
@@ -45,7 +45,7 @@ export class OxInputDuration extends OxFormField {
45
45
  border: 1px solid var(--md-sys-color-outline);
46
46
  border-radius: var(--md-sys-shape-corner-small);
47
47
  max-width: 70px;
48
- font-size: var(--md-sys-typescale-label-medium-size, 0.75rem);
48
+ font-size: var(--md-sys-typescale-label-large-size, 0.875rem);
49
49
  color: var(--md-sys-color-on-primary-container);
50
50
  text-align: right;
51
51
  }
@@ -63,7 +63,7 @@ export class OxInputDuration extends OxFormField {
63
63
  label {
64
64
  width: 100%;
65
65
  margin-right: var(--spacing-medium);
66
- font-size: var(--md-sys-typescale-label-medium-size, 0.75rem);
66
+ font-size: var(--md-sys-typescale-label-large-size, 0.875rem);
67
67
  color: var(--md-sys-color-on-primary-container);
68
68
  }
69
69
  `
package/src/ox-input-file.ts CHANGED
@@ -29,7 +29,7 @@ export class OxInputFile extends OxFormField {
29
29
 
30
30
  border: 1px dashed var(--md-sys-color-outline-variant);
31
31
  background-color: var(--md-sys-color-surface);
32
- font-size: var(--md-sys-typescale-label-medium-size, 0.75rem);
32
+ font-size: var(--md-sys-typescale-label-large-size, 0.875rem);
33
33
  }
34
34
  :host > span {
35
35
  color: var(--md-sys-color-primary);
@@ -58,7 +58,7 @@ export class OxInputFile extends OxFormField {
58
58
 
59
59
  padding: var(--file-uploader-label-padding);
60
60
  border-radius: var(--file-uploader-label-border-radius);
61
- font-size: var(--md-sys-typescale-label-medium-size, 0.75rem);
61
+ font-size: var(--md-sys-typescale-label-large-size, 0.875rem);
62
62
  color: var(--md-sys-color-on-surface-variant);
63
63
  }
64
64
 
@@ -77,7 +77,7 @@ export class OxInputFile extends OxFormField {
77
77
 
78
78
  padding: 3px 5px 2px 5px;
79
79
  border-bottom: var(--file-uploader-li-border-bottom);
80
- font-size: var(--md-sys-typescale-label-medium-size, 0.75rem);
80
+ font-size: var(--md-sys-typescale-label-large-size, 0.875rem);
81
81
  color: var(--md-sys-color-on-primary-container);
82
82
  }
83
83
  li md-icon {
package/src/ox-input-search.ts CHANGED
@@ -28,7 +28,6 @@ export class OxInputSearch extends OxFormField {
28
28
  border: 0;
29
29
  padding: var(--input-search-padding, var(--spacing-tiny));
30
30
  padding-left: 25px;
31
- font: var(--input-search-font, var(--input-font));
32
31
  color: var(--md-sys-color-on-primary-container);
33
32
  overflow: hidden;
34
33
  }
package/src/ox-input-select-buttons.ts CHANGED
@@ -22,17 +22,6 @@ export class OxInputSelectButtons extends OxFormField {
22
22
  flex-wrap: wrap;
23
23
  gap: var(--spacing-medium);
24
24
  }
25
-
26
- span {
27
- border-radius: 9999px;
28
- background-color: rgba(255, 255, 255, 0.7);
29
- padding: 2px 10px;
30
- }
31
-
32
- span[selected] {
33
- background-color: var(--focus-background-color, #38a25b);
34
- color: var(--focus-color, #efefef);
35
- }
36
25
  `
37
26
 
38
27
  @property({ type: Array }) value: string[] | string | undefined = []