@things-factory/operato-hub 7.0.1-beta.0 → 7.0.1-beta.7

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 (16) hide show
  1. package/client/component/bizplace-cards.js +1 -1
  2. package/client/component/bizplace-domain-cards.js +1 -1
  3. package/client/component/home-menu-cards.js +4 -4
  4. package/client/entries/oauth2/oauth2-decision-page.js +1 -1
  5. package/client/entries/public/business-register.js +1 -1
  6. package/client/pages/accounting/accounting-cards.js +1 -1
  7. package/client/pages/bizplace/bizplace.js +1 -1
  8. package/client/pages/bizplace/register.js +1 -1
  9. package/client/pages/business/home.js +1 -1
  10. package/client/pages/business/setting-backup.js +1 -1
  11. package/client/pages/pos/pos-cards.js +1 -1
  12. package/client/pages/sellercraft/sellercraft-store-setting.js +4 -4
  13. package/client/themes/app-theme.css +10 -10
  14. package/client/themes/auth-theme.css +2 -5
  15. package/dist-server/tsconfig.tsbuildinfo +1 -1
  16. package/package.json +68 -68
package/client/component/bizplace-cards.js CHANGED
@@ -21,7 +21,7 @@ class BizplaceCards extends LitElement {
21
21
  float: left;
22
22
  background-color: var(--md-sys-color-surface);
23
23
  border-radius: var(--border-radius);
24
- border: 1px solid var(--theme-white-color);
24
+ border: 1px solid var(--md-sys-color-on-primary);
25
25
  box-shadow: var(--box-shadow);
26
26
  margin: var(--margin-narrow) var(--margin-default) var(--margin-default) 0;
27
27
  padding: var(--padding-default) var(--padding-default) var(--padding-narrow) var(--padding-default);
package/client/component/bizplace-domain-cards.js CHANGED
@@ -31,7 +31,7 @@ class BizplaceDomainCards extends LitElement {
31
31
  float: left;
32
32
  background-color: var(--md-sys-color-surface);
33
33
  border-radius: var(--border-radius);
34
- border: 1px solid var(--theme-white-color);
34
+ border: 1px solid var(--md-sys-color-on-primary);
35
35
  box-shadow: var(--box-shadow);
36
36
  margin: var(--margin-narrow) var(--margin-default) var(--margin-default) 0;
37
37
  padding: var(--padding-default) var(--padding-default) var(--padding-narrow) var(--padding-default);
package/client/component/home-menu-cards.js CHANGED
@@ -23,7 +23,7 @@ class HomeMenuCards extends LitElement {
23
23
  float: left;
24
24
  background-color: var(--md-sys-color-surface);
25
25
  border-radius: var(--border-radius);
26
- border: 1px solid var(--theme-white-color);
26
+ border: 1px solid var(--md-sys-color-on-primary);
27
27
  box-shadow: var(--box-shadow);
28
28
  margin: var(--margin-narrow) var(--margin-default) var(--margin-default) 0;
29
29
  padding: var(--padding-default) var(--padding-default) var(--padding-narrow) var(--padding-default);
@@ -81,16 +81,16 @@ class HomeMenuCards extends LitElement {
81
81
  }
82
82
  [business] li {
83
83
  border: 1px solid var(--status-info-color);
84
- color: var(--theme-white-color);
84
+ color: var(--md-sys-color-on-primary);
85
85
  background-color: var(--status-info-color);
86
86
  }
87
87
  [business] mwc-icon,
88
88
  [business] strong {
89
- color: var(--theme-white-color);
89
+ color: var(--md-sys-color-on-primary);
90
90
  }
91
91
  [business] span {
92
92
  opacity: 1;
93
- color: var(--theme-white-color);
93
+ color: var(--md-sys-color-on-primary);
94
94
  }
95
95
  [business] li:hover {
96
96
  background-color: var(--md-sys-color-primary);
package/client/entries/oauth2/oauth2-decision-page.js CHANGED
@@ -44,7 +44,7 @@ class OAuth2DecisionPage extends LitElement {
44
44
  display: flex;
45
45
  flex-direction: column;
46
46
  font: var(--label-font);
47
- color: var(--label-color);
47
+ color: var(--label-color, var(--md-sys-color-on-surface));
48
48
  text-transform: var(--label-text-transform);
49
49
  }
50
50
  [buttons] {
package/client/entries/public/business-register.js CHANGED
@@ -23,7 +23,7 @@ export class BusinessRegister extends localize(i18next)(LitElement) {
23
23
  }
24
24
  label {
25
25
  font: var(--label-font);
26
- color: var(--label-color);
26
+ color: var(--label-color, var(--md-sys-color-on-surface));
27
27
  text-transform: var(--label-text-transform);
28
28
  }
29
29
  input,
package/client/pages/accounting/accounting-cards.js CHANGED
@@ -21,7 +21,7 @@ class AccountingCard extends LitElement {
21
21
  float: left;
22
22
  background-color: var(--md-sys-color-surface);
23
23
  border-radius: var(--border-radius);
24
- border: 1px solid var(--theme-white-color);
24
+ border: 1px solid var(--md-sys-color-on-primary);
25
25
  box-shadow: var(--box-shadow);
26
26
  margin: var(--margin-narrow) var(--margin-default) var(--margin-default) 0;
27
27
  padding: var(--padding-default) var(--padding-default) var(--padding-narrow) var(--padding-default);
package/client/pages/bizplace/bizplace.js CHANGED
@@ -72,7 +72,7 @@ class BizplacePage extends connect(store)(PageView) {
72
72
  flex-direction: column;
73
73
 
74
74
  font: var(--label-font);
75
- color: var(--label-color);
75
+ color: var(--label-color, var(--md-sys-color-on-surface));
76
76
  text-transform: var(--label-text-transform);
77
77
  }
78
78
  input,
package/client/pages/bizplace/register.js CHANGED
@@ -50,7 +50,7 @@ class BizplaceRegister extends connect(store)(PageView) {
50
50
  flex-direction: column;
51
51
 
52
52
  font: var(--label-font);
53
- color: var(--label-color);
53
+ color: var(--label-color, var(--md-sys-color-on-surface));
54
54
  text-transform: var(--label-text-transform);
55
55
  }
56
56
  input {
package/client/pages/business/home.js CHANGED
@@ -72,7 +72,7 @@ class BusinessHome extends connect(store)(PageView) {
72
72
  flex-direction: column;
73
73
 
74
74
  font: var(--label-font);
75
- color: var(--label-color);
75
+ color: var(--label-color, var(--md-sys-color-on-surface));
76
76
  text-transform: var(--label-text-transform);
77
77
  }
78
78
 
package/client/pages/business/setting-backup.js CHANGED
@@ -26,7 +26,7 @@ class BusinessSettings extends connect(store)(PageView) {
26
26
  border-radius: var(--border-radius);
27
27
  box-shadow: var(--box-shadow);
28
28
  font: var(--label-font);
29
- color: var(--label-color);
29
+ color: var(--label-color, var(--md-sys-color-on-surface));
30
30
  text-transform: var(--label-text-transform);
31
31
  }
32
32
  div strong {
package/client/pages/pos/pos-cards.js CHANGED
@@ -21,7 +21,7 @@ class POSCard extends LitElement {
21
21
  float: left;
22
22
  background-color: var(--md-sys-color-surface-variant);
23
23
  border-radius: var(--border-radius);
24
- border: 1px solid var(--theme-white-color);
24
+ border: 1px solid var(--md-sys-color-on-primary);
25
25
  box-shadow: var(--box-shadow);
26
26
  margin: var(--margin-narrow) var(--margin-default) var(--margin-default) 0;
27
27
  padding: var(--padding-default) var(--padding-default) var(--padding-narrow) var(--padding-default);
package/client/pages/sellercraft/sellercraft-store-setting.js CHANGED
@@ -16,7 +16,7 @@ class SellercraftStoreSetting extends connect(store)(localize(i18next)(PageView)
16
16
  background-color: var(--md-sys-color-background);
17
17
  }
18
18
  [overview] {
19
- background-color: var(--theme-white-color, #fff);
19
+ background-color: var(--md-sys-color-on-primary, #fff);
20
20
  border-radius: var(--border-radius);
21
21
  margin-bottom: var(--margin-wide, 15px);
22
22
  padding: var(--padding-wide, 15px);
@@ -52,7 +52,7 @@ class SellercraftStoreSetting extends connect(store)(localize(i18next)(PageView)
52
52
  width: 800px;
53
53
  height: 250px;
54
54
  border: var(--border-dark-color);
55
- background-color: var(--theme-white-color, #fff);
55
+ background-color: var(--md-sys-color-on-primary, #fff);
56
56
  }
57
57
  [field-2column] {
58
58
  display: grid;
@@ -72,7 +72,7 @@ class SellercraftStoreSetting extends connect(store)(localize(i18next)(PageView)
72
72
  label {
73
73
  margin-bottom: var(--margin-narrow);
74
74
  font: var(--label-font);
75
- color: var(--label-color);
75
+ color: var(--label-color, var(--md-sys-color-on-surface));
76
76
  text-transform: var(--label-text-transform);
77
77
  }
78
78
  input {
@@ -102,7 +102,7 @@ class SellercraftStoreSetting extends connect(store)(localize(i18next)(PageView)
102
102
  display: inline-block;
103
103
  border: var(--border-dark-color);
104
104
  border-radius: var(--border-radius);
105
- background-color: var(--theme-white-color, #fff);
105
+ background-color: var(--md-sys-color-on-primary, #fff);
106
106
  margin: 9px 0;
107
107
  padding: var(--button-padding, 9px);
108
108
  font-size: 14px;
package/client/themes/app-theme.css CHANGED
@@ -4,10 +4,10 @@ body {
4
4
  --primary-color: rgb(var(--primary-color-rgb));
5
5
  --secondary-color-rgb: 58, 88, 119;
6
6
  --secondary-color: rgb(var(--secondary-color-rgb));
7
- --focus-color: var(--theme-white-color);
7
+ --focus-color: var(--md-sys-color-on-primary);
8
8
  --primary-background-color: var(--md-sys-color-secondary);
9
9
  --secondary-background-color: #283644;
10
- --theme-white-color: #fff;
10
+ --md-sys-color-on-primary: #fff;
11
11
  --theme-black-color: rgba(0, 0, 0, 0.9);
12
12
 
13
13
  --focus-background-color: var(--md-sys-color-primary);
@@ -70,12 +70,12 @@ body {
70
70
  --icon-tiny-size: 24px;
71
71
  --icon-default-size: 36px;
72
72
  --icon-big-size: 48px;
73
- --icon-default-color: var(--theme-white-color);
73
+ --icon-default-color: var(--md-sys-color-on-primary);
74
74
 
75
75
  /* material design component themes */
76
- --mdc-theme-on-primary: var(--theme-white-color);
76
+ --mdc-theme-on-primary: var(--md-sys-color-on-primary);
77
77
  --mdc-theme-primary: var(--secondary-text-color);
78
- --mdc-theme-on-secondary: var(--theme-white-color);
78
+ --mdc-theme-on-secondary: var(--md-sys-color-on-primary);
79
79
  --mdc-theme-secondary: var(--md-sys-color-primary);
80
80
  --mdc-button-outline-color: var(--md-sys-color-primary);
81
81
  --mdc-danger-button-primary-color: var(--status-danger-color);
@@ -85,9 +85,9 @@ body {
85
85
 
86
86
  --md-fab-container-color: var(--md-sys-color-primary);
87
87
  --md-fab-icon-color: var(--focus-color);
88
- --mdc-text-field-fill-color: transparent --md-theme-on-primary: var(--theme-white-color);
88
+ --mdc-text-field-fill-color: transparent --md-theme-on-primary: var(--md-sys-color-on-primary);
89
89
  --md-theme-primary: var(--secondary-text-color);
90
- --md-theme-on-secondary: var(--theme-white-color);
90
+ --md-theme-on-secondary: var(--md-sys-color-on-primary);
91
91
  --md-theme-secondary: var(--md-sys-color-primary);
92
92
  --md-button-outline-color: var(--md-sys-color-primary);
93
93
  --md-danger-button-primary-color: var(--status-danger-color);
@@ -109,19 +109,19 @@ body {
109
109
  --button-active-background-color: var(--status-success-color);
110
110
  --button-active-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2);
111
111
  --button-activ-border: transparent;
112
- --button-active-color: var(--theme-white-color);
112
+ --button-active-color: var(--md-sys-color-on-primary);
113
113
  --button-active-font: bold 16px var(--theme-font);
114
114
 
115
115
  --button-primary-background-color: var(--secondary-text-color);
116
116
  --button-primary-active-background-color: var(--status-success-color);
117
117
  --button-primary-padding: var(--margin-default) var(--margin-wide);
118
- --button-primary-color: var(--theme-white-color);
118
+ --button-primary-color: var(--md-sys-color-on-primary);
119
119
  --button-primary-font: bold 16px var(--theme-font);
120
120
 
121
121
  --button-delete-background-color: var(--status-danger-color);
122
122
  --button-delete-active-background-color: var(--status-warning-color);
123
123
  --button-delete-padding: var(--margin-default) var(--margin-wide);
124
- --button-delete-color: var(--theme-white-color);
124
+ --button-delete-color: var(--md-sys-color-on-primary);
125
125
  --button-delete-font: bold 16px var(--theme-font);
126
126
 
127
127
  /* table style */
package/client/themes/auth-theme.css CHANGED
@@ -1,20 +1,17 @@
1
1
  body {
2
2
  /* login page style*/
3
- --auth-background: var(--md-sys-color-primary);
4
3
  --auth-brand-name: bold 20px var(--theme-font);
5
4
  --auth-brand-name-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
6
5
  --auth-brand-welcome-msg: normal 12px var(--theme-font);
7
6
 
8
- --auth-title-color: var(--theme-white-color);
9
7
  --auth-title-font: bold 32px var(--theme-font);
10
- --auth-description-color: var(--secondary-text-color);
11
8
  --auth-description-font: normal 12px var(--theme-font);
12
9
  --auth-description-padding: 5px 5px 15px 5px;
13
10
 
14
11
  --auth-input-font: normal 18px/24px var(--theme-font);
15
12
  --auth-input-border: 1px solid var(--opacity-dark-color);
16
13
  --auth-input-border-light: 1px solid var(--opacity-light-color);
17
- --auth-input-color: var(--theme-white-color);
14
+ --auth-input-color: var(--md-sys-color-on-primary);
18
15
 
19
16
  --auth-button-background-color: var(--md-sys-color-surface-variant);
20
17
  --auth-button-background-focus-color: var(--status-success-color);
@@ -46,7 +43,7 @@ body {
46
43
  --checkin-header-height: 45px;
47
44
  --checkin-header-background-color: var(--md-sys-color-primary);
48
45
  --checkin-header-title-font: bold 19px var(--theme-font);
49
- --checkin-header-title-color: var(--theme-white-color);
46
+ --checkin-header-title-color: var(--md-sys-color-on-primary);
50
47
  --checkin-wrap-max-width: 500px;
51
48
  --checkin-wrap-padding: var(--padding-wide);
52
49
  }