@things-factory/operato-retail 7.0.1-alpha.105 → 7.0.1-alpha.106

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 (4) hide show
  1. package/client/themes/app-theme.css +19 -19
  2. package/client/themes/auth-theme.css +3 -3
  3. package/client/themes/report-theme.css +2 -2
  4. package/package.json +20 -20
package/client/themes/app-theme.css CHANGED
@@ -5,12 +5,12 @@ body {
5
5
  --secondary-color-rgb: 58, 88, 119;
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
10
  --theme-white-color: #fff;
11
11
  --theme-black-color: rgba(0, 0, 0, 0.9);
12
12
 
13
- --focus-background-color: var(--primary-color);
13
+ --focus-background-color: var(--md-sys-color-primary);
14
14
  --primary-text-color: var(--theme-black-color);
15
15
  --secondary-text-color: #017e7f;
16
16
 
@@ -40,7 +40,7 @@ body {
40
40
  --padding-wide: var(--margin-wide);
41
41
 
42
42
  --scrollbar-thumb-color: rgba(57, 78, 100, 0.5);
43
- --scrollbar-thumb-hover-color: var(--primary-color);
43
+ --scrollbar-thumb-hover-color: var(--md-sys-color-primary);
44
44
 
45
45
  --fontsize-default: 14px;
46
46
  --fontsize-small: 13px;
@@ -52,7 +52,7 @@ body {
52
52
  /* title & description style */
53
53
  --title-margin: var(--margin-narrow) 0;
54
54
  --title-font: bold 24px var(--theme-font);
55
- --title-text-color: var(--secondary-color);
55
+ --title-text-color: var(--md-sys-color-secondary);
56
56
  --title-font-mobile: bold 20px var(--theme-font);
57
57
 
58
58
  --page-description-margin: var(--margin-narrow) 0 var(--margin-wide) 0;
@@ -61,8 +61,8 @@ body {
61
61
 
62
62
  --subtitle-padding: 12px 5px 3px 5px;
63
63
  --subtitle-font: bold 18px var(--theme-font);
64
- --subtitle-text-color: var(--primary-color);
65
- --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);
66
66
 
67
67
  /* icon style */
68
68
  --icon-tiny-size: 24px;
@@ -74,21 +74,21 @@ body {
74
74
  --mdc-theme-on-primary: var(--theme-white-color);
75
75
  --mdc-theme-primary: var(--secondary-text-color);
76
76
  --mdc-theme-on-secondary: var(--theme-white-color);
77
- --mdc-theme-secondary: var(--primary-color);
78
- --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);
79
79
  --mdc-danger-button-primary-color: var(--status-danger-color);
80
80
  --mdc-danger-button-outline-color: var(--status-danger-color);
81
81
  --mdc-button-outline-width: 1px;
82
82
  --mdc-button-horizontal-padding: 16px;
83
83
 
84
- --md-fab-container-color: var(--primary-color);
84
+ --md-fab-container-color: var(--md-sys-color-primary);
85
85
  --md-fab-icon-color: var(--focus-color);
86
86
 
87
87
  --md-theme-on-primary: var(--theme-white-color);
88
88
  --md-theme-primary: var(--secondary-text-color);
89
89
  --md-theme-on-secondary: var(--theme-white-color);
90
- --md-theme-secondary: var(--primary-color);
91
- --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);
92
92
  --md-danger-button-primary-color: var(--status-danger-color);
93
93
  --md-danger-button-outline-color: var(--status-danger-color);
94
94
  --md-button-outline-width: 1px;
@@ -100,16 +100,16 @@ body {
100
100
  --button-border-radius: var(--border-radius);
101
101
  --button-margin: var(--margin-default) var(--margin-default) var(--margin-default) 0;
102
102
  --button-padding: calc(var(--padding-narrow) * 1.5) var(--padding-wide);
103
- --button-color: var(--secondary-color);
103
+ --button-color: var(--md-sys-color-secondary);
104
104
  --button-font: 600 var(--fontsize-default) var(--theme-font);
105
105
  --button-text-transform: capitalize;
106
106
  --button-active-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2);
107
- --button-activ-border: 1px solid var(--primary-color);
108
- --button-activ-background-color: var(--primary-color);
107
+ --button-activ-border: 1px solid var(--md-sys-color-primary);
108
+ --button-activ-background-color: var(--md-sys-color-primary);
109
109
  --button-activ-color: var(--theme-white-color);
110
110
  --iconbtn-padding: var(--padding-narrow);
111
111
 
112
- --button-primary-background-color: var(--primary-color);
112
+ --button-primary-background-color: var(--md-sys-color-primary);
113
113
  --button-primary-active-background-color: var(--status-success-color);
114
114
  --button-primary-padding: var(--margin-default) var(--margin-wide);
115
115
  --button-primary-color: var(--theme-white-color);
@@ -117,25 +117,25 @@ body {
117
117
 
118
118
  /* table style */
119
119
  --th-padding: var(--padding-default);
120
- --th-border-top: 2px solid var(--secondary-color);
120
+ --th-border-top: 2px solid var(--md-sys-color-secondary);
121
121
  --th-text-transform: capitalize;
122
122
  --th-font: bold var(--fontsize-small) var(--theme-font);
123
123
  --th-color: rgba(var(--secondary-color-rgb), 0.8);
124
124
 
125
- --tr-background-color: var(--theme-white-color);
125
+ --tr-background-color: var(--md-sys-color-surface-variant);
126
126
  --tr-background-odd-color: rgba(255, 255, 255, 0.4);
127
127
  --tr-background-hover-color: #e1f5fe;
128
128
  --td-border-line: 1px solid rgba(0, 0, 0, 0.05);
129
129
  --td-border-bottom: 1px solid rgba(0, 0, 0, 0.09);
130
130
  --td-padding: var(--padding-default);
131
131
  --td-font: normal 13px var(--theme-font);
132
- --td-color: var(--secondary-color);
132
+ --td-color: var(--md-sys-color-secondary);
133
133
 
134
134
  --label-cell-background-color: #f6f6f6; /* th or td common background color */
135
135
 
136
136
  /* form style */
137
137
  --label-font: normal var(--fontsize-default) var(--theme-font);
138
- --label-color: var(--secondary-color);
138
+ --label-color: var(--md-sys-color-on-surface);
139
139
  --label-text-transform: capitalize;
140
140
  --input-margin: var(--margin-narrow) 0;
141
141
  --input-padding: 6px 2px;
package/client/themes/auth-theme.css CHANGED
@@ -1,6 +1,6 @@
1
1
  body {
2
2
  /* login page style*/
3
- --auth-background: var(--primary-color);
3
+ --auth-background: var(--md-sys-color-primary);
4
4
  --auth-brand-name: bold 20px var(--theme-font);
5
5
  --auth-brand-name-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
6
6
  --auth-brand-welcome-msg: normal 12px var(--theme-font);
@@ -16,7 +16,7 @@ body {
16
16
  --auth-input-border-light: 1px solid var(--opacity-light-color);
17
17
  --auth-input-color: var(--theme-white-color);
18
18
 
19
- --auth-button-background-color: var(--theme-white-color);
19
+ --auth-button-background-color: var(--md-sys-color-surface-variant);
20
20
  --auth-button-background-focus-color: var(--status-success-color);
21
21
  --auth-button-font: bold 20px var(--theme-font);
22
22
  --auth-button-padding: 9px 12px 7px 12px;
@@ -44,7 +44,7 @@ body {
44
44
  /* domain select page style*/
45
45
  --checkin-background-color: var(--md-sys-color-background);
46
46
  --checkin-header-height: 45px;
47
- --checkin-header-background-color: var(--primary-color);
47
+ --checkin-header-background-color: var(--md-sys-color-primary);
48
48
  --checkin-header-title-font: bold 19px var(--theme-font);
49
49
  --checkin-header-title-color: var(--theme-white-color);
50
50
  --checkin-wrap-max-width: 500px;
package/client/themes/report-theme.css CHANGED
@@ -3,8 +3,8 @@ body {
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;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@things-factory/operato-retail",
3
- "version": "7.0.1-alpha.105",
3
+ "version": "7.0.1-alpha.106",
4
4
  "main": "dist-server/index.js",
5
5
  "browser": "client/index.js",
6
6
  "things-factory": true,
@@ -40,28 +40,28 @@
40
40
  "dependencies": {
41
41
  "@material/web": "^1.4.1",
42
42
  "@operato/data-grist": "^2.0.0-alpha.0",
43
- "@things-factory/apptool-ui": "^7.0.1-alpha.105",
44
- "@things-factory/attachment-base": "^7.0.1-alpha.105",
45
- "@things-factory/auth-base": "^7.0.1-alpha.105",
46
- "@things-factory/auth-ui": "^7.0.1-alpha.105",
47
- "@things-factory/biz-base": "^7.0.1-alpha.105",
48
- "@things-factory/board-service": "^7.0.1-alpha.105",
49
- "@things-factory/board-ui": "^7.0.1-alpha.105",
50
- "@things-factory/code-ui": "^7.0.1-alpha.105",
51
- "@things-factory/context-ui": "^7.0.1-alpha.105",
52
- "@things-factory/export-ui": "^7.0.1-alpha.105",
53
- "@things-factory/help": "^7.0.1-alpha.105",
54
- "@things-factory/i18n-base": "^7.0.1-alpha.105",
55
- "@things-factory/lite-menu": "^7.0.1-alpha.105",
56
- "@things-factory/more-ui": "^7.0.1-alpha.105",
43
+ "@things-factory/apptool-ui": "^7.0.1-alpha.106",
44
+ "@things-factory/attachment-base": "^7.0.1-alpha.106",
45
+ "@things-factory/auth-base": "^7.0.1-alpha.106",
46
+ "@things-factory/auth-ui": "^7.0.1-alpha.106",
47
+ "@things-factory/biz-base": "^7.0.1-alpha.106",
48
+ "@things-factory/board-service": "^7.0.1-alpha.106",
49
+ "@things-factory/board-ui": "^7.0.1-alpha.106",
50
+ "@things-factory/code-ui": "^7.0.1-alpha.106",
51
+ "@things-factory/context-ui": "^7.0.1-alpha.106",
52
+ "@things-factory/export-ui": "^7.0.1-alpha.106",
53
+ "@things-factory/help": "^7.0.1-alpha.106",
54
+ "@things-factory/i18n-base": "^7.0.1-alpha.106",
55
+ "@things-factory/lite-menu": "^7.0.1-alpha.106",
56
+ "@things-factory/more-ui": "^7.0.1-alpha.106",
57
57
  "@things-factory/pdf": "^7.0.1-alpha.71",
58
- "@things-factory/resource-ui": "^7.0.1-alpha.105",
59
- "@things-factory/setting-ui": "^7.0.1-alpha.105",
60
- "@things-factory/shell": "^7.0.1-alpha.105",
61
- "@things-factory/system": "^7.0.1-alpha.105"
58
+ "@things-factory/resource-ui": "^7.0.1-alpha.106",
59
+ "@things-factory/setting-ui": "^7.0.1-alpha.106",
60
+ "@things-factory/shell": "^7.0.1-alpha.106",
61
+ "@things-factory/system": "^7.0.1-alpha.106"
62
62
  },
63
63
  "devDependencies": {
64
64
  "@things-factory/builder": "^7.0.1-alpha.103"
65
65
  },
66
- "gitHead": "a21c259168f66a9ce7c2b74a7e20f057779fa5b4"
66
+ "gitHead": "92fee878d797b5bd154cd24b68cc6dbb09b1915c"
67
67
  }