@operato/dataset 2.0.0-alpha.146 → 2.0.0-alpha.148

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 (36) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/dist/src/grist-editor/ox-popup-data-item-spec.js +1 -1
  3. package/dist/src/grist-editor/ox-popup-data-item-spec.js.map +1 -1
  4. package/dist/src/ox-data-entry-form.js +3 -3
  5. package/dist/src/ox-data-entry-form.js.map +1 -1
  6. package/dist/src/ox-data-entry-view.js +2 -2
  7. package/dist/src/ox-data-entry-view.js.map +1 -1
  8. package/dist/src/ox-data-item-spec.js +3 -3
  9. package/dist/src/ox-data-item-spec.js.map +1 -1
  10. package/dist/src/ox-data-ooc-badge.js +2 -2
  11. package/dist/src/ox-data-ooc-badge.js.map +1 -1
  12. package/dist/src/ox-data-ooc-correction-part.js +5 -5
  13. package/dist/src/ox-data-ooc-correction-part.js.map +1 -1
  14. package/dist/src/ox-data-ooc-history.js +5 -5
  15. package/dist/src/ox-data-ooc-history.js.map +1 -1
  16. package/dist/src/ox-data-sample-subgroup-view.js +1 -1
  17. package/dist/src/ox-data-sample-subgroup-view.js.map +1 -1
  18. package/dist/src/ox-data-sample-view.js +2 -2
  19. package/dist/src/ox-data-sample-view.js.map +1 -1
  20. package/dist/src/ox-data-summary-view.js +2 -2
  21. package/dist/src/ox-data-summary-view.js.map +1 -1
  22. package/dist/stories/ox-grist-editor-data-item-spec.stories.js +6 -6
  23. package/dist/stories/ox-grist-editor-data-item-spec.stories.js.map +1 -1
  24. package/dist/tsconfig.tsbuildinfo +1 -1
  25. package/package.json +10 -10
  26. package/src/grist-editor/ox-popup-data-item-spec.ts +1 -1
  27. package/src/ox-data-entry-form.ts +3 -3
  28. package/src/ox-data-entry-view.ts +2 -2
  29. package/src/ox-data-item-spec.ts +3 -3
  30. package/src/ox-data-ooc-badge.ts +2 -2
  31. package/src/ox-data-ooc-correction-part.ts +5 -5
  32. package/src/ox-data-ooc-history.ts +5 -5
  33. package/src/ox-data-sample-subgroup-view.ts +1 -1
  34. package/src/ox-data-sample-view.ts +2 -2
  35. package/src/ox-data-summary-view.ts +2 -2
  36. package/stories/ox-grist-editor-data-item-spec.stories.ts +6 -6
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@operato/dataset",
3
3
  "description": "WebApplication dataset supporting components following open-wc recommendations",
4
4
  "author": "heartyoh",
5
- "version": "2.0.0-alpha.146",
5
+ "version": "2.0.0-alpha.148",
6
6
  "main": "dist/src/index.js",
7
7
  "module": "dist/src/index.js",
8
8
  "exports": {
@@ -106,15 +106,15 @@
106
106
  },
107
107
  "dependencies": {
108
108
  "@material/web": "^1.4.0",
109
- "@operato/data-grist": "^2.0.0-alpha.146",
109
+ "@operato/data-grist": "^2.0.0-alpha.148",
110
110
  "@operato/graphql": "^2.0.0-alpha.145",
111
- "@operato/grist-editor": "^2.0.0-alpha.146",
112
- "@operato/i18n": "^2.0.0-alpha.111",
113
- "@operato/input": "^2.0.0-alpha.146",
114
- "@operato/popup": "^2.0.0-alpha.145",
115
- "@operato/property-editor": "^2.0.0-alpha.146",
116
- "@operato/shell": "^2.0.0-alpha.145",
117
- "@operato/styles": "^2.0.0-alpha.142",
111
+ "@operato/grist-editor": "^2.0.0-alpha.148",
112
+ "@operato/i18n": "^2.0.0-alpha.148",
113
+ "@operato/input": "^2.0.0-alpha.148",
114
+ "@operato/popup": "^2.0.0-alpha.148",
115
+ "@operato/property-editor": "^2.0.0-alpha.148",
116
+ "@operato/shell": "^2.0.0-alpha.148",
117
+ "@operato/styles": "^2.0.0-alpha.148",
118
118
  "@operato/utils": "^2.0.0-alpha.145",
119
119
  "lit": "^3.1.2"
120
120
  },
@@ -150,5 +150,5 @@
150
150
  "prettier --write"
151
151
  ]
152
152
  },
153
- "gitHead": "12ce58704cf117ec80208e44b58e9ae68aebb3cc"
153
+ "gitHead": "469b2e97392a3766bc7e2bc4807b77406c19c676"
154
154
  }
package/src/grist-editor/ox-popup-data-item-spec.ts CHANGED
@@ -39,7 +39,7 @@ export class OxPopupDataItemSpec extends LitElement {
39
39
  align-items: center;
40
40
  justify-content: center;
41
41
 
42
- color: var(--primary-color);
42
+ color: var(--md-sys-color-on-primary-container);
43
43
  }
44
44
  `
45
45
  ]
package/src/ox-data-entry-form.ts CHANGED
@@ -46,10 +46,10 @@ export class OxDataEntryForm extends LitElement {
46
46
 
47
47
  grid-gap: 9px;
48
48
  align-items: center;
49
- margin-bottom: var(--margin-default);
49
+ margin-bottom: var(--spacing-medium);
50
50
 
51
51
  &:nth-child(odd) {
52
- background-color: var(--main-section-background-color);
52
+ background-color: var(--md-sys-color-background);
53
53
  padding: var(--padding-default) 0;
54
54
  }
55
55
  }
@@ -113,7 +113,7 @@ export class OxDataEntryForm extends LitElement {
113
113
 
114
114
  grid-gap: 9px;
115
115
  align-items: center;
116
- margin-bottom: var(--margin-default);
116
+ margin-bottom: var(--spacing-medium);
117
117
  }
118
118
 
119
119
  div[name] {
package/src/ox-data-entry-view.ts CHANGED
@@ -33,7 +33,7 @@ export class OxDataEntryView extends LitElement {
33
33
  margin: var(--page-description-margin);
34
34
  opacity: 0.7;
35
35
  font: var(--page-description-font);
36
- color: var(--secondary-color);
36
+ color: var(--md-sys-color-on-secondary-container);
37
37
  text-transform: capitalize;
38
38
  }
39
39
  [page-description] * {
@@ -47,7 +47,7 @@ export class OxDataEntryView extends LitElement {
47
47
 
48
48
  table {
49
49
  border-collapse: collapse;
50
- margin-bottom: var(--margin-default);
50
+ margin-bottom: var(--spacing-medium);
51
51
  }
52
52
  th {
53
53
  padding: var(--th-padding);
package/src/ox-data-item-spec.ts CHANGED
@@ -30,10 +30,10 @@ export class OxDataItemSpec extends LitElement {
30
30
 
31
31
  grid-gap: 9px;
32
32
  align-items: center;
33
- margin-bottom: var(--margin-default);
33
+ margin-bottom: var(--spacing-medium);
34
34
  }
35
35
  label:nth-child(odd) {
36
- background-color: var(--main-section-background-color);
36
+ background-color: var(--md-sys-color-background);
37
37
  padding: var(--padding-default) 0;
38
38
  }
39
39
  div[name] {
@@ -75,7 +75,7 @@ export class OxDataItemSpec extends LitElement {
75
75
 
76
76
  grid-gap: 9px;
77
77
  align-items: center;
78
- margin-bottom: var(--margin-default);
78
+ margin-bottom: var(--spacing-medium);
79
79
  }
80
80
 
81
81
  div[name] {
package/src/ox-data-ooc-badge.ts CHANGED
@@ -31,13 +31,13 @@ export class OxDataOocBadge extends LitElement {
31
31
  left: 0;
32
32
  right: 0;
33
33
  font-size: 10px;
34
- color: var(--theme-white-color);
34
+ color: var(--md-sys-color-surface);
35
35
  }
36
36
 
37
37
  [field-state] {
38
38
  display: block;
39
39
  border-radius: 4px;
40
- background-color: var(--primary-color);
40
+ background-color: var(--md-sys-color-on-primary-container);
41
41
  box-shadow: var(--box-shadow);
42
42
  margin-top: var(--margin-narrow);
43
43
  padding: 1px 3px;
package/src/ox-data-ooc-correction-part.ts CHANGED
@@ -32,21 +32,21 @@ export class OxDataOocCorrectionPart extends LitElement {
32
32
 
33
33
  [field-state] {
34
34
  border-radius: 2px;
35
- background-color: var(--primary-color);
36
- margin-left: var(--margin-default);
35
+ background-color: var(--md-sys-color-on-primary-container);
36
+ margin-left: var(--spacing-medium);
37
37
  padding: 1px 2px;
38
38
  font-size: 0.7rem;
39
- color: var(--theme-white-color);
39
+ color: var(--md-sys-color-surface);
40
40
  }
41
41
 
42
42
  p {
43
- background-color: var(--theme-white-color);
43
+ background-color: var(--md-sys-color-surface);
44
44
  box-shadow: var(--box-shadow);
45
45
  border-radius: var(--border-radius);
46
46
  margin: var(--page-description-margin);
47
47
  padding: var(--padding-default);
48
48
  font: var(--page-description-font);
49
- color: var(--secondary-color);
49
+ color: var(--md-sys-color-on-secondary-container);
50
50
  }
51
51
 
52
52
  md-icon {
package/src/ox-data-ooc-history.ts CHANGED
@@ -16,21 +16,21 @@ export class OxDataOocHistory extends LitElement {
16
16
 
17
17
  [field-state] {
18
18
  border-radius: 2px;
19
- background-color: var(--primary-color);
20
- margin-left: var(--margin-default);
19
+ background-color: var(--md-sys-color-on-primary-container);
20
+ margin-left: var(--spacing-medium);
21
21
  padding: 1px 2px;
22
22
  font-size: 0.7rem;
23
- color: var(--theme-white-color);
23
+ color: var(--md-sys-color-surface);
24
24
  }
25
25
 
26
26
  p {
27
- background-color: var(--theme-white-color);
27
+ background-color: var(--md-sys-color-surface);
28
28
  box-shadow: var(--box-shadow);
29
29
  border-radius: var(--border-radius);
30
30
  margin: var(--page-description-margin);
31
31
  padding: var(--padding-default);
32
32
  font: var(--page-description-font);
33
- color: var(--secondary-color);
33
+ color: var(--md-sys-color-on-secondary-container);
34
34
  }
35
35
 
36
36
  md-icon {
package/src/ox-data-sample-subgroup-view.ts CHANGED
@@ -26,7 +26,7 @@ export class OxDataSampleSubgroupView extends LitElement {
26
26
 
27
27
  table {
28
28
  border-collapse: collapse;
29
- margin-bottom: var(--margin-default);
29
+ margin-bottom: var(--spacing-medium);
30
30
  }
31
31
 
32
32
  th {
package/src/ox-data-sample-view.ts CHANGED
@@ -34,7 +34,7 @@ export class OxDataSampleView extends LitElement {
34
34
  margin: var(--page-description-margin);
35
35
  opacity: 0.7;
36
36
  font: var(--page-description-font);
37
- color: var(--secondary-color);
37
+ color: var(--md-sys-color-on-secondary-container);
38
38
  text-transform: capitalize;
39
39
  }
40
40
  [page-description] * {
@@ -48,7 +48,7 @@ export class OxDataSampleView extends LitElement {
48
48
 
49
49
  table {
50
50
  border-collapse: collapse;
51
- margin-bottom: var(--margin-default);
51
+ margin-bottom: var(--spacing-medium);
52
52
  }
53
53
  th {
54
54
  padding: var(--th-padding);
package/src/ox-data-summary-view.ts CHANGED
@@ -33,7 +33,7 @@ export class OxDataSummaryView extends LitElement {
33
33
  margin: var(--page-description-margin);
34
34
  opacity: 0.7;
35
35
  font: var(--page-description-font);
36
- color: var(--secondary-color);
36
+ color: var(--md-sys-color-on-secondary-container);
37
37
  text-transform: capitalize;
38
38
  }
39
39
  [page-description] * {
@@ -47,7 +47,7 @@ export class OxDataSummaryView extends LitElement {
47
47
 
48
48
  table {
49
49
  border-collapse: collapse;
50
- margin-bottom: var(--margin-default);
50
+ margin-bottom: var(--spacing-medium);
51
51
  }
52
52
  th {
53
53
  padding: var(--th-padding);
package/stories/ox-grist-editor-data-item-spec.stories.ts CHANGED
@@ -90,7 +90,7 @@ class GristDemo extends LitElement {
90
90
  #tailer {
91
91
  display: flex;
92
92
  flex-direction: row;
93
- margin: 0 var(--margin-default);
93
+ margin: 0 var(--spacing-medium);
94
94
  }
95
95
 
96
96
  #tailer a {
@@ -98,7 +98,7 @@ class GristDemo extends LitElement {
98
98
  margin: 0 var(--margin-narrow);
99
99
  border-right: 1px solid rgba(0, 0, 0, 0.1);
100
100
  font-size: var(--fontsize-default);
101
- color: var(--primary-color);
101
+ color: var(--md-sys-color-on-primary-container);
102
102
  }
103
103
  `
104
104
  ]
@@ -356,7 +356,7 @@ const Template: Story<ArgTypes> = ({}: ArgTypes) => html`
356
356
  flex-direction: row;
357
357
  align-items: center;
358
358
  padding: var(--padding-default) var(--padding-wide);
359
- background-color: var(--theme-white-color);
359
+ background-color: var(--md-sys-color-surface);
360
360
  box-shadow: var(--box-shadow);
361
361
 
362
362
  --md-icon-size: 24px;
@@ -367,11 +367,11 @@ const Template: Story<ArgTypes> = ({}: ArgTypes) => html`
367
367
  }
368
368
  #sorters {
369
369
  margin-left: auto;
370
- margin-right: var(--margin-default);
370
+ margin-right: var(--spacing-medium);
371
371
  padding-left: var(--padding-narrow);
372
372
  border-bottom: var(--border-dark-color);
373
373
  position: relative;
374
- color: var(--secondary-color);
374
+ color: var(--md-sys-color-on-secondary-container);
375
375
  font-size: var(--fontsize-default);
376
376
  user-select: none;
377
377
  }
@@ -388,7 +388,7 @@ const Template: Story<ArgTypes> = ({}: ArgTypes) => html`
388
388
  }
389
389
 
390
390
  #filters * {
391
- margin-right: var(--margin-default);
391
+ margin-right: var(--spacing-medium);
392
392
  }
393
393
 
394
394
  @media only screen and (max-width: 460px) {