@things-factory/operato-hub 7.0.1-rc.8 → 7.0.1

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 (33) hide show
  1. package/client/component/bizplace-cards.js +4 -4
  2. package/client/component/bizplace-domain-cards.js +4 -4
  3. package/client/component/home-menu-cards.js +6 -6
  4. package/client/entries/oauth2/oauth2-decision-page.js +5 -5
  5. package/client/entries/public/business-register.js +3 -3
  6. package/client/pages/accounting/accounting-account.js +1 -1
  7. package/client/pages/accounting/accounting-cards.js +4 -4
  8. package/client/pages/accounting/home.js +1 -1
  9. package/client/pages/api/home.js +6 -6
  10. package/client/pages/application/store.js +2 -2
  11. package/client/pages/bizplace/bizplace.js +10 -10
  12. package/client/pages/bizplace/home.js +1 -1
  13. package/client/pages/bizplace/register.js +5 -5
  14. package/client/pages/business/home.js +5 -5
  15. package/client/pages/business/setting-backup.js +3 -3
  16. package/client/pages/codes/home.js +1 -1
  17. package/client/pages/contact-points/home.js +1 -1
  18. package/client/pages/lmd/home.js +1 -1
  19. package/client/pages/partner-settings/home.js +1 -1
  20. package/client/pages/partners/home.js +1 -1
  21. package/client/pages/pos/home.js +1 -1
  22. package/client/pages/pos/pos-cards.js +4 -4
  23. package/client/pages/product-bundles/home.js +1 -1
  24. package/client/pages/product-sets/home.js +1 -1
  25. package/client/pages/products/home.js +1 -1
  26. package/client/pages/roles/home.js +1 -1
  27. package/client/pages/sellercraft/home.js +1 -1
  28. package/client/pages/sellercraft/sellercraft-store-setting.js +6 -6
  29. package/client/pages/settings/home.js +1 -1
  30. package/client/pages/template/home.js +1 -1
  31. package/client/pages/users/home.js +1 -1
  32. package/dist-server/tsconfig.tsbuildinfo +1 -1
  33. package/package.json +68 -68
@@ -10,7 +10,7 @@ class BizplaceCards extends LitElement {
10
10
  }
11
11
 
12
12
  ul {
13
- margin: 0 0 var(--margin-wide) 0;
13
+ margin: 0 0 var(--spacing-large) 0;
14
14
  padding: 0;
15
15
  overflow: hidden;
16
16
  list-style: none;
@@ -23,8 +23,8 @@ class BizplaceCards extends LitElement {
23
23
  border-radius: var(--border-radius);
24
24
  border: 1px solid var(--md-sys-color-on-primary);
25
25
  box-shadow: var(--box-shadow);
26
- margin: var(--margin-narrow) var(--margin-default) var(--margin-default) 0;
27
- padding: var(--padding-default) var(--padding-default) var(--padding-narrow) var(--padding-default);
26
+ margin: var(--spacing-small) var(--spacing-medium) var(--spacing-medium) 0;
27
+ padding: var(--spacing-medium) var(--spacing-medium) var(--spacing-small) var(--spacing-medium);
28
28
  text-align: center;
29
29
  }
30
30
 
@@ -59,7 +59,7 @@ class BizplaceCards extends LitElement {
59
59
  min-height: 20px;
60
60
  opacity: 0.8;
61
61
  border-top: var(--border-dim-color);
62
- margin-top: var(--margin-narrow);
62
+ margin-top: var(--spacing-small);
63
63
 
64
64
  font-size: var(--fontsize-small);
65
65
  color: var(--md-sys-color-secondary);
@@ -20,7 +20,7 @@ class BizplaceDomainCards extends LitElement {
20
20
  }
21
21
 
22
22
  ul {
23
- margin: 0 0 var(--margin-wide) 0;
23
+ margin: 0 0 var(--spacing-large) 0;
24
24
  padding: 0;
25
25
  overflow: hidden;
26
26
  list-style: none;
@@ -33,8 +33,8 @@ class BizplaceDomainCards extends LitElement {
33
33
  border-radius: var(--border-radius);
34
34
  border: 1px solid var(--md-sys-color-on-primary);
35
35
  box-shadow: var(--box-shadow);
36
- margin: var(--margin-narrow) var(--margin-default) var(--margin-default) 0;
37
- padding: var(--padding-default) var(--padding-default) var(--padding-narrow) var(--padding-default);
36
+ margin: var(--spacing-small) var(--spacing-medium) var(--spacing-medium) 0;
37
+ padding: var(--spacing-medium) var(--spacing-medium) var(--spacing-small) var(--spacing-medium);
38
38
  text-align: center;
39
39
  }
40
40
 
@@ -63,7 +63,7 @@ class BizplaceDomainCards extends LitElement {
63
63
  min-height: 20px;
64
64
  opacity: 0.8;
65
65
  border-top: var(--border-dim-color);
66
- margin-top: var(--margin-narrow);
66
+ margin-top: var(--spacing-small);
67
67
 
68
68
  font-size: var(--fontsize-small);
69
69
 
@@ -12,7 +12,7 @@ class HomeMenuCards extends LitElement {
12
12
  }
13
13
 
14
14
  ul {
15
- margin: 0 0 var(--margin-wide) 0;
15
+ margin: 0 0 var(--spacing-large) 0;
16
16
  padding: 0;
17
17
  overflow: hidden;
18
18
  list-style: none;
@@ -25,8 +25,8 @@ class HomeMenuCards extends LitElement {
25
25
  border-radius: var(--border-radius);
26
26
  border: 1px solid var(--md-sys-color-on-primary);
27
27
  box-shadow: var(--box-shadow);
28
- margin: var(--margin-narrow) var(--margin-default) var(--margin-default) 0;
29
- padding: var(--padding-default) var(--padding-default) var(--padding-narrow) var(--padding-default);
28
+ margin: var(--spacing-small) var(--spacing-medium) var(--spacing-medium) 0;
29
+ padding: var(--spacing-medium) var(--spacing-medium) var(--spacing-small) var(--spacing-medium);
30
30
  text-align: center;
31
31
  }
32
32
 
@@ -57,8 +57,8 @@ class HomeMenuCards extends LitElement {
57
57
  min-height: 20px;
58
58
  opacity: 0.8;
59
59
  border-top: var(--border-dim-color);
60
- margin-top: var(--margin-narrow);
61
- padding-top: var(--padding-narrow);
60
+ margin-top: var(--spacing-small);
61
+ padding-top: var(--spacing-small);
62
62
 
63
63
  font-size: var(--fontsize-small);
64
64
  color: var(--md-sys-color-on-surface);
@@ -100,7 +100,7 @@ class HomeMenuCards extends LitElement {
100
100
  ul {
101
101
  display: grid;
102
102
  grid-template-columns: 50% 50%;
103
- grid-gap: var(--padding-narrow);
103
+ grid-gap: var(--spacing-small);
104
104
  }
105
105
  a {
106
106
  width: 100%;
@@ -13,8 +13,8 @@ class OAuth2DecisionPage extends LitElement {
13
13
  flex-direction: column;
14
14
 
15
15
  border: 1px solid var(--md-sys-color-primary);
16
- margin: var(--margin-default);
17
- padding: var(--padding-default);
16
+ margin: var(--spacing-medium);
17
+ padding: var(--spacing-medium);
18
18
  font: normal 15px var(--theme-font);
19
19
  color: var(--md-sys-color-secondary);
20
20
  }
@@ -29,7 +29,7 @@ class OAuth2DecisionPage extends LitElement {
29
29
  [field] {
30
30
  display: flex;
31
31
  flex-direction: column;
32
- padding-bottom: var(--padding-default);
32
+ padding-bottom: var(--spacing-medium);
33
33
  }
34
34
  input,
35
35
  select {
@@ -49,11 +49,11 @@ class OAuth2DecisionPage extends LitElement {
49
49
  }
50
50
  [buttons] {
51
51
  margin: 0;
52
- padding: var(--padding-default);
52
+ padding: var(--spacing-medium);
53
53
  background-color: var(--md-sys-color-primary-container);
54
54
  }
55
55
  mwc-button {
56
- margin-right: var(--padding-narrow);
56
+ margin-right: var(--spacing-small);
57
57
  }
58
58
  [danger] {
59
59
  --mdc-theme-primary: var(--mdc-danger-button-primary-color);
@@ -9,7 +9,7 @@ export class BusinessRegister extends localize(i18next)(LitElement) {
9
9
  display: block;
10
10
 
11
11
  background-color: var(--md-sys-color-background);
12
- padding: var(--padding-wide);
12
+ padding: var(--spacing-large);
13
13
  }
14
14
  h2 {
15
15
  margin: var(--title-margin);
@@ -48,11 +48,11 @@ export class BusinessRegister extends localize(i18next)(LitElement) {
48
48
  [field] {
49
49
  display: flex;
50
50
  flex-direction: column;
51
- padding-bottom: var(--padding-default);
51
+ padding-bottom: var(--spacing-medium);
52
52
  }
53
53
  [clear-flex] {
54
54
  display: block;
55
- padding-bottom: var(--padding-default);
55
+ padding-bottom: var(--spacing-medium);
56
56
  }
57
57
  [clear-flex] input {
58
58
  display: block;
@@ -13,7 +13,7 @@ class AccountingAccount extends connect(store)(PageView) {
13
13
  display: flex;
14
14
  flex-direction: column;
15
15
  overflow: hidden;
16
- padding: var(--padding-wide);
16
+ padding: var(--spacing-large);
17
17
  }
18
18
  .content {
19
19
  flex: 1;
@@ -10,7 +10,7 @@ class AccountingCard extends LitElement {
10
10
  }
11
11
 
12
12
  ul {
13
- margin: 0 0 var(--margin-wide) 0;
13
+ margin: 0 0 var(--spacing-large) 0;
14
14
  padding: 0;
15
15
  overflow: hidden;
16
16
  list-style: none;
@@ -23,8 +23,8 @@ class AccountingCard extends LitElement {
23
23
  border-radius: var(--border-radius);
24
24
  border: 1px solid var(--md-sys-color-on-primary);
25
25
  box-shadow: var(--box-shadow);
26
- margin: var(--margin-narrow) var(--margin-default) var(--margin-default) 0;
27
- padding: var(--padding-default) var(--padding-default) var(--padding-narrow) var(--padding-default);
26
+ margin: var(--spacing-small) var(--spacing-medium) var(--spacing-medium) 0;
27
+ padding: var(--spacing-medium) var(--spacing-medium) var(--spacing-small) var(--spacing-medium);
28
28
  text-align: center;
29
29
  }
30
30
 
@@ -55,7 +55,7 @@ class AccountingCard extends LitElement {
55
55
  min-height: 20px;
56
56
  opacity: 0.8;
57
57
  border-top: var(--border-dim-color);
58
- margin-top: var(--margin-narrow);
58
+ margin-top: var(--spacing-small);
59
59
 
60
60
  font-size: var(--fontsize-small);
61
61
  color: var(--md-sys-color-secondary);
@@ -10,7 +10,7 @@ class AccountingHome extends connect(store)(PageView) {
10
10
  :host {
11
11
  display: block;
12
12
  background-color: var(--md-sys-color-background);
13
- padding: var(--padding-wide);
13
+ padding: var(--spacing-large);
14
14
  overflow: auto;
15
15
  }
16
16
  h2 {
@@ -9,7 +9,7 @@ class APIHome extends connect(store)(PageView) {
9
9
  :host {
10
10
  display: block;
11
11
  background-color: var(--md-sys-color-background);
12
- padding: var(--padding-wide);
12
+ padding: var(--spacing-large);
13
13
  overflow: auto;
14
14
  --mdc-icon-size: 18px;
15
15
  }
@@ -47,12 +47,12 @@ class APIHome extends connect(store)(PageView) {
47
47
  }
48
48
 
49
49
  [message] ul {
50
- margin: var(--margin-default) 0;
50
+ margin: var(--spacing-medium) 0;
51
51
  padding: 0;
52
52
  list-style: none;
53
53
  }
54
54
  [message] a {
55
- padding: var(--padding-default) 0 var(--padding-narrow) 0;
55
+ padding: var(--spacing-medium) 0 var(--spacing-small) 0;
56
56
  color: var(--secondary-text-color);
57
57
  font-size: 1rem;
58
58
  text-decoration: none;
@@ -77,7 +77,7 @@ class APIHome extends connect(store)(PageView) {
77
77
  background-color: var(--button-primary-background-color);
78
78
  border: var(--button-border);
79
79
  border-radius: var(--button-border-radius);
80
- margin-top: var(--margin-wide);
80
+ margin-top: var(--spacing-large);
81
81
  padding: var(--button-padding);
82
82
  color: var(--button-primary-color);
83
83
  font: var(--button-primary-font);
@@ -90,10 +90,10 @@ class APIHome extends connect(store)(PageView) {
90
90
  }
91
91
  @media screen and (max-width: 480px) {
92
92
  :host {
93
- padding: var(--padding-default);
93
+ padding: var(--spacing-medium);
94
94
  }
95
95
  [message] {
96
- padding: var(--padding-default);
96
+ padding: var(--spacing-medium);
97
97
  font-size: 13px;
98
98
  }
99
99
  [message] a {
@@ -11,7 +11,7 @@ class ApplicationStore extends connect(store)(PageView) {
11
11
  display: flex;
12
12
  flex-direction: column;
13
13
  background-color: var(--md-sys-color-background);
14
- padding: var(--padding-wide);
14
+ padding: var(--spacing-large);
15
15
 
16
16
  overflow: auto;
17
17
  }
@@ -61,7 +61,7 @@ class ApplicationStore extends connect(store)(PageView) {
61
61
  color: var(--page-description-color);
62
62
  }
63
63
  div {
64
- margin: var(--margin-wide) 0;
64
+ margin: var(--spacing-large) 0;
65
65
  }
66
66
  table {
67
67
  background-color: var(--md-sys-color-surface);
@@ -17,7 +17,7 @@ class BizplacePage extends connect(store)(PageView) {
17
17
  :host {
18
18
  display: block;
19
19
  background-color: var(--md-sys-color-background);
20
- padding: var(--padding-wide);
20
+ padding: var(--spacing-large);
21
21
  overflow: auto;
22
22
  }
23
23
  h2 {
@@ -32,7 +32,7 @@ class BizplacePage extends connect(store)(PageView) {
32
32
  }
33
33
 
34
34
  a {
35
- margin-top: var(--margin-default);
35
+ margin-top: var(--spacing-medium);
36
36
  text-decoration: none;
37
37
  font-size: var(--fontsize-small);
38
38
  color: var(--md-sys-color-secondary);
@@ -49,8 +49,8 @@ class BizplacePage extends connect(store)(PageView) {
49
49
 
50
50
  [field-2column] {
51
51
  background-color: var(--md-sys-color-surface);
52
- margin: var(--margin-wide) 0;
53
- padding: var(--padding-wide);
52
+ margin: var(--spacing-large) 0;
53
+ padding: var(--spacing-large);
54
54
  border-radius: var(--border-radius);
55
55
  box-shadow: var(--box-shadow);
56
56
  display: grid;
@@ -62,7 +62,7 @@ class BizplacePage extends connect(store)(PageView) {
62
62
  [field] {
63
63
  display: flex;
64
64
  flex-direction: column;
65
- padding-bottom: var(--padding-default);
65
+ padding-bottom: var(--spacing-medium);
66
66
  }
67
67
  [grid-span] {
68
68
  grid-column: span 2;
@@ -121,11 +121,11 @@ class BizplacePage extends connect(store)(PageView) {
121
121
  }
122
122
  ul {
123
123
  list-style: none;
124
- margin: 0 0 var(--margin-default) 0;
124
+ margin: 0 0 var(--spacing-medium) 0;
125
125
  padding: 0;
126
126
  }
127
127
  li {
128
- padding: var(--padding-default) 0 var(--padding-narrow) 0;
128
+ padding: var(--spacing-medium) 0 var(--spacing-small) 0;
129
129
  border-bottom: var(--border-dim-color);
130
130
  color: var(--md-sys-color-secondary);
131
131
  }
@@ -140,7 +140,7 @@ class BizplacePage extends connect(store)(PageView) {
140
140
  }
141
141
  li [description] {
142
142
  float: right;
143
- padding-top: var(--padding-narrow);
143
+ padding-top: var(--spacing-small);
144
144
  font: normal 13px var(--theme-font);
145
145
  opacity: 0.7;
146
146
  }
@@ -150,8 +150,8 @@ class BizplacePage extends connect(store)(PageView) {
150
150
  }
151
151
  [bizplace-type] {
152
152
  background-color: var(--md-sys-color-surface-variant);
153
- margin: var(--margin-wide) 0;
154
- padding: var(--padding-wide);
153
+ margin: var(--spacing-large) 0;
154
+ padding: var(--spacing-large);
155
155
  border-radius: var(--border-radius);
156
156
  box-shadow: var(--box-shadow);
157
157
  max-width: var(--input-container-max-width);
@@ -11,7 +11,7 @@ class BizplaceHome extends connect(store)(PageView) {
11
11
  :host {
12
12
  display: block;
13
13
  background-color: var(--md-sys-color-background);
14
- padding: var(--padding-wide);
14
+ padding: var(--spacing-large);
15
15
  overflow: auto;
16
16
  }
17
17
  h2 {
@@ -11,7 +11,7 @@ class BizplaceRegister extends connect(store)(PageView) {
11
11
  css`
12
12
  :host {
13
13
  background-color: var(--md-sys-color-background);
14
- padding: var(--padding-wide);
14
+ padding: var(--spacing-large);
15
15
 
16
16
  overflow: auto;
17
17
  }
@@ -32,12 +32,12 @@ class BizplaceRegister extends connect(store)(PageView) {
32
32
  }
33
33
  img {
34
34
  width: 150px;
35
- margin: 0 var(--margin-wide);
35
+ margin: 0 var(--spacing-large);
36
36
  float: left;
37
37
  }
38
38
  [form-container] {
39
39
  background-color: var(--md-sys-color-surface);
40
- padding: var(--padding-wide);
40
+ padding: var(--spacing-large);
41
41
  border-radius: var(--border-radius);
42
42
  box-shadow: var(--box-shadow);
43
43
  max-width: var(--input-container-max-width);
@@ -77,11 +77,11 @@ class BizplaceRegister extends connect(store)(PageView) {
77
77
  [field] {
78
78
  display: flex;
79
79
  flex-direction: column;
80
- padding-bottom: var(--padding-default);
80
+ padding-bottom: var(--spacing-medium);
81
81
  }
82
82
  [clear-flex] {
83
83
  display: block;
84
- padding-bottom: var(--padding-default);
84
+ padding-bottom: var(--spacing-medium);
85
85
  }
86
86
  [clear-flex] input {
87
87
  display: block;
@@ -15,7 +15,7 @@ class BusinessHome extends connect(store)(PageView) {
15
15
  :host {
16
16
  display: block;
17
17
  background-color: var(--md-sys-color-background);
18
- padding: var(--padding-wide);
18
+ padding: var(--spacing-large);
19
19
 
20
20
  overflow: auto;
21
21
  }
@@ -40,14 +40,14 @@ class BusinessHome extends connect(store)(PageView) {
40
40
 
41
41
  img {
42
42
  width: 150px;
43
- margin: 0 var(--margin-wide);
43
+ margin: 0 var(--spacing-large);
44
44
  float: left;
45
45
  }
46
46
 
47
47
  [field-2column] {
48
48
  background-color: var(--md-sys-color-surface);
49
- margin-bottom: var(--margin-wide);
50
- padding: var(--padding-wide);
49
+ margin-bottom: var(--spacing-large);
50
+ padding: var(--spacing-large);
51
51
  border-radius: var(--border-radius);
52
52
  box-shadow: var(--box-shadow);
53
53
  display: grid;
@@ -60,7 +60,7 @@ class BusinessHome extends connect(store)(PageView) {
60
60
  [field] {
61
61
  display: flex;
62
62
  flex-direction: column;
63
- padding-bottom: var(--padding-default);
63
+ padding-bottom: var(--spacing-medium);
64
64
  }
65
65
 
66
66
  [grid-span] {
@@ -10,7 +10,7 @@ class BusinessSettings extends connect(store)(PageView) {
10
10
  :host {
11
11
  display: block;
12
12
  background-color: var(--md-sys-color-background);
13
- padding: var(--padding-wide);
13
+ padding: var(--spacing-large);
14
14
 
15
15
  overflow: auto;
16
16
  }
@@ -21,8 +21,8 @@ class BusinessSettings extends connect(store)(PageView) {
21
21
  }
22
22
  div {
23
23
  background-color: var(--md-sys-color-surface-variant);
24
- margin-bottom: var(--margin-wide);
25
- padding: var(--padding-default);
24
+ margin-bottom: var(--spacing-large);
25
+ padding: var(--spacing-medium);
26
26
  border-radius: var(--border-radius);
27
27
  box-shadow: var(--box-shadow);
28
28
  font: var(--label-font);
@@ -11,7 +11,7 @@ class CodesHome extends connect(store)(PageView) {
11
11
  :host {
12
12
  display: block;
13
13
  background-color: var(--md-sys-color-background);
14
- padding: var(--padding-wide);
14
+ padding: var(--spacing-large);
15
15
  overflow: auto;
16
16
  }
17
17
  h2 {
@@ -11,7 +11,7 @@ class ContactPointsHome extends connect(store)(PageView) {
11
11
  :host {
12
12
  display: block;
13
13
  background-color: var(--md-sys-color-background);
14
- padding: var(--padding-wide);
14
+ padding: var(--spacing-large);
15
15
  overflow: auto;
16
16
  }
17
17
  h2 {
@@ -11,7 +11,7 @@ class LmdHome extends connect(store)(PageView) {
11
11
  :host {
12
12
  display: block;
13
13
  background-color: var(--md-sys-color-background);
14
- padding: var(--padding-wide);
14
+ padding: var(--spacing-large);
15
15
  overflow: auto;
16
16
  }
17
17
  h2 {
@@ -11,7 +11,7 @@ class PartnerSettingsHome extends connect(store)(PageView) {
11
11
  :host {
12
12
  display: block;
13
13
  background-color: var(--md-sys-color-background);
14
- padding: var(--padding-wide);
14
+ padding: var(--spacing-large);
15
15
  overflow: auto;
16
16
  }
17
17
  h2 {
@@ -10,7 +10,7 @@ class PartnersHome extends connect(store)(PageView) {
10
10
  :host {
11
11
  display: block;
12
12
  background-color: var(--md-sys-color-background);
13
- padding: var(--padding-wide);
13
+ padding: var(--spacing-large);
14
14
  overflow: auto;
15
15
  }
16
16
  h2 {
@@ -10,7 +10,7 @@ class POSHome extends connect(store)(PageView) {
10
10
  :host {
11
11
  display: block;
12
12
  background-color: var(--md-sys-color-background);
13
- padding: var(--padding-wide);
13
+ padding: var(--spacing-large);
14
14
  overflow: auto;
15
15
  }
16
16
  h2 {
@@ -10,7 +10,7 @@ class POSCard extends LitElement {
10
10
  }
11
11
 
12
12
  ul {
13
- margin: 0 0 var(--margin-wide) 0;
13
+ margin: 0 0 var(--spacing-large) 0;
14
14
  padding: 0;
15
15
  overflow: hidden;
16
16
  list-style: none;
@@ -23,8 +23,8 @@ class POSCard extends LitElement {
23
23
  border-radius: var(--border-radius);
24
24
  border: 1px solid var(--md-sys-color-on-primary);
25
25
  box-shadow: var(--box-shadow);
26
- margin: var(--margin-narrow) var(--margin-default) var(--margin-default) 0;
27
- padding: var(--padding-default) var(--padding-default) var(--padding-narrow) var(--padding-default);
26
+ margin: var(--spacing-small) var(--spacing-medium) var(--spacing-medium) 0;
27
+ padding: var(--spacing-medium) var(--spacing-medium) var(--spacing-small) var(--spacing-medium);
28
28
  text-align: center;
29
29
  }
30
30
 
@@ -55,7 +55,7 @@ class POSCard extends LitElement {
55
55
  min-height: 20px;
56
56
  opacity: 0.8;
57
57
  border-top: var(--border-dim-color);
58
- margin-top: var(--margin-narrow);
58
+ margin-top: var(--spacing-small);
59
59
 
60
60
  font-size: var(--fontsize-small);
61
61
  color: var(--md-sys-color-secondary);
@@ -11,7 +11,7 @@ class ProductBundlesHome extends connect(store)(PageView) {
11
11
  :host {
12
12
  display: block;
13
13
  background-color: var(--md-sys-color-background);
14
- padding: var(--padding-wide);
14
+ padding: var(--spacing-large);
15
15
  overflow: auto;
16
16
  }
17
17
  h2 {
@@ -11,7 +11,7 @@ class ProductSetsHome extends connect(store)(PageView) {
11
11
  :host {
12
12
  display: block;
13
13
  background-color: var(--md-sys-color-background);
14
- padding: var(--padding-wide);
14
+ padding: var(--spacing-large);
15
15
  overflow: auto;
16
16
  }
17
17
  h2 {
@@ -11,7 +11,7 @@ class ProductsHome extends connect(store)(PageView) {
11
11
  :host {
12
12
  display: block;
13
13
  background-color: var(--md-sys-color-background);
14
- padding: var(--padding-wide);
14
+ padding: var(--spacing-large);
15
15
  overflow: auto;
16
16
  }
17
17
  h2 {
@@ -11,7 +11,7 @@ class RolesHome extends connect(store)(PageView) {
11
11
  :host {
12
12
  display: block;
13
13
  background-color: var(--md-sys-color-background);
14
- padding: var(--padding-wide);
14
+ padding: var(--spacing-large);
15
15
  overflow: auto;
16
16
  }
17
17
  h2 {
@@ -11,7 +11,7 @@ class SellercraftHome extends connect(store)(PageView) {
11
11
  :host {
12
12
  display: block;
13
13
  background-color: var(--md-sys-color-background);
14
- padding: var(--padding-wide);
14
+ padding: var(--spacing-large);
15
15
  overflow: auto;
16
16
  }
17
17
  h2 {
@@ -12,14 +12,14 @@ class SellercraftStoreSetting extends connect(store)(localize(i18next)(PageView)
12
12
  static get styles() {
13
13
  return css`
14
14
  :host {
15
- padding: var(--padding-wide);
15
+ padding: var(--spacing-large);
16
16
  background-color: var(--md-sys-color-background);
17
17
  }
18
18
  [overview] {
19
19
  background-color: var(--md-sys-color-on-primary, #fff);
20
20
  border-radius: var(--border-radius);
21
- margin-bottom: var(--margin-wide, 15px);
22
- padding: var(--padding-wide, 15px);
21
+ margin-bottom: var(--spacing-large, 15px);
22
+ padding: var(--spacing-large, 15px);
23
23
  box-shadow: var(--box-shadow);
24
24
  overflow: hidden;
25
25
  }
@@ -36,12 +36,12 @@ class SellercraftStoreSetting extends connect(store)(localize(i18next)(PageView)
36
36
  }
37
37
  [overview] span {
38
38
  display: block;
39
- padding-top: var(--padding-narrow, 4px);
39
+ padding-top: var(--spacing-small, 4px);
40
40
  color: var(--md-sys-color-secondary);
41
41
  }
42
42
  [overview] span::before {
43
43
  content: '⋅';
44
- margin-right: var(--padding-narrow);
44
+ margin-right: var(--spacing-small);
45
45
  }
46
46
  textarea:focus,
47
47
  input:focus,
@@ -70,7 +70,7 @@ class SellercraftStoreSetting extends connect(store)(localize(i18next)(PageView)
70
70
  color: var(--subtitle-text-color);
71
71
  }
72
72
  label {
73
- margin-bottom: var(--margin-narrow);
73
+ margin-bottom: var(--spacing-small);
74
74
  font: var(--label-font);
75
75
  color: var(--label-color, var(--md-sys-color-on-surface));
76
76
  text-transform: var(--label-text-transform);
@@ -11,7 +11,7 @@ class SettingsHome extends connect(store)(PageView) {
11
11
  :host {
12
12
  display: block;
13
13
  background-color: var(--md-sys-color-background);
14
- padding: var(--padding-wide);
14
+ padding: var(--spacing-large);
15
15
  overflow: auto;
16
16
  }
17
17
  h2 {
@@ -11,7 +11,7 @@ class TemplateHome extends connect(store)(PageView) {
11
11
  :host {
12
12
  display: block;
13
13
  background-color: var(--md-sys-color-background);
14
- padding: var(--padding-wide);
14
+ padding: var(--spacing-large);
15
15
  overflow: auto;
16
16
  }
17
17
  h2 {