@things-factory/operato-dataset 7.0.1-alpha.99 → 7.0.1-beta.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 (9) hide show
  1. package/_index.html +3 -1
  2. package/dist-client/themes/app-theme.css +20 -21
  3. package/dist-client/themes/report-theme.css +3 -3
  4. package/dist-client/tsconfig.tsbuildinfo +1 -1
  5. package/dist-server/tsconfig.tsbuildinfo +1 -1
  6. package/package.json +38 -38
  7. package/dist-client/themes/grist-theme.css +0 -202
  8. package/dist-client/themes/layout-theme.css +0 -92
  9. package/dist-client/themes/material-theme.css +0 -18
package/_index.html CHANGED
@@ -68,7 +68,9 @@
68
68
  line-height: 1.5;
69
69
  -webkit-font-smoothing: antialiased;
70
70
 
71
- accent-color: var(--primary-color);
71
+ accent-color: var(--md-sys-color-primary);
72
+ background-color: var(--md-sys-color-background);
73
+ background-color: var(--md-sys-color-background);
72
74
  }
73
75
  </style>
74
76
 
package/dist-client/themes/app-theme.css CHANGED
@@ -5,13 +5,12 @@ body {
5
5
  --secondary-color-rgb: var(--primary-color-rgb);
6
6
  --secondary-color: rgb(var(--secondary-color-rgb));
7
7
  --focus-color: var(--theme-white-color);
8
- --primary-background-color: var(--secondary-color);
8
+ --primary-background-color: var(--md-sys-color-secondary);
9
9
  --secondary-background-color: #283644;
10
- --main-section-background-color: #f4f7fb;
11
10
  --theme-white-color: #fff;
12
11
  --theme-black-color: rgba(0, 0, 0, 0.9);
13
12
 
14
- --focus-background-color: var(--primary-color);
13
+ --focus-background-color: var(--md-sys-color-primary);
15
14
  --primary-text-color: #111;
16
15
  --secondary-text-color: #017e7f;
17
16
 
@@ -41,7 +40,7 @@ body {
41
40
  --padding-wide: var(--margin-wide);
42
41
 
43
42
  --scrollbar-thumb-color: rgba(57, 78, 100, 0.5);
44
- --scrollbar-thumb-hover-color: var(--primary-color);
43
+ --scrollbar-thumb-hover-color: var(--md-sys-color-primary);
45
44
 
46
45
  --fontsize-default: 14px;
47
46
  --fontsize-small: 13px;
@@ -53,7 +52,7 @@ body {
53
52
  /* title & description style */
54
53
  --title-margin: var(--margin-narrow) 0;
55
54
  --title-font: bold 24px var(--theme-font);
56
- --title-text-color: var(--secondary-color);
55
+ --title-text-color: var(--md-sys-color-secondary);
57
56
  --title-font-mobile: bold 20px var(--theme-font);
58
57
 
59
58
  --page-description-margin: var(--margin-narrow) 0 var(--margin-wide) 0;
@@ -62,8 +61,8 @@ body {
62
61
 
63
62
  --subtitle-padding: 12px 5px 3px 5px;
64
63
  --subtitle-font: bold 18px var(--theme-font);
65
- --subtitle-text-color: var(--primary-color);
66
- --subtitle-border-bottom: 1px solid var(--primary-color);
64
+ --subtitle-text-color: var(--md-sys-color-primary);
65
+ --subtitle-border-bottom: 1px solid var(--md-sys-color-primary);
67
66
 
68
67
  /* icon style */
69
68
  --icon-tiny-size: 24px;
@@ -75,21 +74,21 @@ body {
75
74
  --mdc-theme-on-primary: var(--theme-white-color);
76
75
  --mdc-theme-primary: var(--secondary-text-color);
77
76
  --mdc-theme-on-secondary: var(--theme-white-color);
78
- --mdc-theme-secondary: var(--primary-color);
79
- --mdc-button-outline-color: var(--primary-color);
77
+ --mdc-theme-secondary: var(--md-sys-color-primary);
78
+ --mdc-button-outline-color: var(--md-sys-color-primary);
80
79
  --mdc-danger-button-primary-color: var(--status-danger-color);
81
80
  --mdc-danger-button-outline-color: var(--status-danger-color);
82
81
  --mdc-button-outline-width: 1px;
83
82
  --mdc-button-horizontal-padding: 16px;
84
83
 
85
- --md-fab-container-color: var(--primary-color);
84
+ --md-fab-container-color: var(--md-sys-color-primary);
86
85
  --md-fab-icon-color: var(--focus-color);
87
86
 
88
87
  --md-theme-on-primary: var(--theme-white-color);
89
88
  --md-theme-primary: var(--secondary-text-color);
90
89
  --md-theme-on-secondary: var(--theme-white-color);
91
- --md-theme-secondary: var(--primary-color);
92
- --md-button-outline-color: var(--primary-color);
90
+ --md-theme-secondary: var(--md-sys-color-primary);
91
+ --md-button-outline-color: var(--md-sys-color-primary);
93
92
  --md-danger-button-primary-color: var(--status-danger-color);
94
93
  --md-danger-button-outline-color: var(--status-danger-color);
95
94
  --md-button-outline-width: 1px;
@@ -97,21 +96,21 @@ body {
97
96
 
98
97
  /* button style */
99
98
  --button-background-color: #fafbfc;
100
- --button-background-focus-color: var(--primary-color);
99
+ --button-background-focus-color: var(--md-sys-color-primary);
101
100
  --button-border: var(--border-dark-color);
102
101
  --button-border-radius: var(--border-radius);
103
102
  --button-margin: var(--margin-default) var(--margin-default) var(--margin-default) 0;
104
103
  --button-padding: calc(var(--padding-narrow) * 1.5) var(--padding-wide);
105
- --button-color: var(--secondary-color);
104
+ --button-color: var(--md-sys-color-secondary);
106
105
  --button-font: 600 var(--fontsize-default) var(--theme-font);
107
106
  --button-text-transform: capitalize;
108
107
  --button-active-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2);
109
- --button-activ-border: 1px solid var(--primary-color);
110
- --button-activ-background-color: var(--primary-color);
108
+ --button-activ-border: 1px solid var(--md-sys-color-primary);
109
+ --button-activ-background-color: var(--md-sys-color-primary);
111
110
  --button-activ-color: var(--theme-white-color);
112
111
  --iconbtn-padding: var(--padding-narrow);
113
112
 
114
- --button-primary-background-color: var(--primary-color);
113
+ --button-primary-background-color: var(--md-sys-color-primary);
115
114
  --button-primary-active-background-color: var(--status-success-color);
116
115
  --button-primary-padding: var(--margin-default) var(--margin-wide);
117
116
  --button-primary-color: var(--theme-white-color);
@@ -119,25 +118,25 @@ body {
119
118
 
120
119
  /* table style */
121
120
  --th-padding: var(--padding-default);
122
- --th-border-top: 2px solid var(--secondary-color);
121
+ --th-border-top: 2px solid var(--md-sys-color-secondary);
123
122
  --th-text-transform: capitalize;
124
123
  --th-font: bold var(--fontsize-small) var(--theme-font);
125
124
  --th-color: rgba(var(--secondary-color-rgb), 0.8);
126
125
 
127
- --tr-background-color: var(--theme-white-color);
126
+ --tr-background-color: var(--md-sys-color-surface-variant);
128
127
  --tr-background-odd-color: rgba(255, 255, 255, 0.4);
129
128
  --tr-background-hover-color: #e1f5fe;
130
129
  --td-border-line: 1px solid rgba(0, 0, 0, 0.05);
131
130
  --td-border-bottom: 1px solid rgba(0, 0, 0, 0.09);
132
131
  --td-padding: var(--padding-default);
133
132
  --td-font: normal 13px var(--theme-font);
134
- --td-color: var(--secondary-color);
133
+ --td-color: var(--md-sys-color-secondary);
135
134
 
136
135
  --label-cell-background-color: #f6f6f6; /* th or td common background color */
137
136
 
138
137
  /* form style */
139
138
  --label-font: normal var(--fontsize-default) var(--theme-font);
140
- --label-color: var(--secondary-color);
139
+ --label-color: var(--md-sys-color-on-surface);
141
140
  --label-text-transform: capitalize;
142
141
  --input-margin: var(--margin-narrow) 0;
143
142
  --input-padding: 6px 2px;
package/dist-client/themes/report-theme.css CHANGED
@@ -1,10 +1,10 @@
1
1
  body {
2
- --report-background-color: var(--main-section-background-color);
2
+ --report-background-color: var(--md-sys-color-background);
3
3
  --report-padding: 15px;
4
4
  --report-title-margin: 0 0 0 10px;
5
5
  --report-title-border: none;
6
- --report-title-color: var(--secondary-color);
7
- --report-title-icon-color: var(--primary-color);
6
+ --report-title-color: var(--md-sys-color-secondary);
7
+ --report-title-icon-color: var(--md-sys-color-primary);
8
8
  --report-title-icon-margin: 0 3px 2px 0;
9
9
  --report-title-icon-size: 14px;
10
10
  --report-title-with-grid-padding: 0;