@things-factory/api 7.0.1-alpha.97 → 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 (6) hide show
  1. package/client/components/api-list.js +1 -1
  2. package/client/components/api-navigator.js +4 -4
  3. package/client/components/api-tester.js +3 -3
  4. package/client/pages/api-page-template.js +7 -7
  5. package/dist-server/tsconfig.tsbuildinfo +1 -1
  6. package/package.json +5 -5
package/client/components/api-list.js CHANGED
@@ -25,7 +25,7 @@ class ApiList extends LitElement {
25
25
  div[tester] {
26
26
  flex: 1;
27
27
  display: flex;
28
- background-color: var(--theme-white-color);
28
+ background-color: var(--md-sys-color-surface);
29
29
  border-radius: var(--border-radius);
30
30
  border: var(--border-dark-color);
31
31
  box-shadow: var(--box-shadow);
package/client/components/api-navigator.js CHANGED
@@ -7,14 +7,14 @@ class ApiNavigator extends LitElement {
7
7
  return [
8
8
  css`
9
9
  .nav-bar {
10
- background-color: var(--theme-white-color);
11
- border: 1px solid var(--primary-color);
10
+ background-color: var(--md-sys-color-surface);
11
+ border: 1px solid var(--md-sys-color-primary);
12
12
  border-radius: var(--border-radius);
13
13
  margin: 0 0 var(--margin-default) 0;
14
14
  padding: var(--padding-narrow);
15
15
  transition: opacity ease-in-out 0.3s;
16
16
  opacity: 100%;
17
- color: var(--secondary-color);
17
+ color: var(--md-sys-color-secondary);
18
18
  font-size: var(--fontsize-default);
19
19
  }
20
20
  .nav-bar[scrolling] {
@@ -35,7 +35,7 @@ class ApiNavigator extends LitElement {
35
35
  border-width: 0 1px;
36
36
  padding: 0 var(--padding-default) 0 var(--padding-narrow);
37
37
  opacity: 0.8;
38
- color: var(--secondary-color);
38
+ color: var(--md-sys-color-secondary);
39
39
  font-size: var(--fontsize-small);
40
40
  }
41
41
  span[activate] {
package/client/components/api-tester.js CHANGED
@@ -17,10 +17,10 @@ class APITester extends LitElement {
17
17
  display: flex;
18
18
  flex-direction: column;
19
19
  overflow: auto;
20
- background-color: var(--theme-white-color);
20
+ background-color: var(--md-sys-color-surface);
21
21
  padding: var(--padding-wide);
22
22
  font: normal 15px var(--theme-font);
23
- color: var(--secondary-color);
23
+ color: var(--md-sys-color-secondary);
24
24
  }
25
25
 
26
26
  :host > * {
@@ -80,7 +80,7 @@ class APITester extends LitElement {
80
80
  }
81
81
  th {
82
82
  width: 20%;
83
- background-color: var(--main-section-background-color);
83
+ background-color: var(--md-sys-color-background);
84
84
  }
85
85
  td > * {
86
86
  box-sizing: border-box;
package/client/pages/api-page-template.js CHANGED
@@ -11,7 +11,7 @@ export class APIPageTemplate extends PageView {
11
11
  :host {
12
12
  display: flex;
13
13
  flex-direction: column;
14
- background-color: var(--main-section-background-color);
14
+ background-color: var(--md-sys-color-background);
15
15
  padding: var(--padding-wide);
16
16
  overflow: auto;
17
17
  }
@@ -21,7 +21,7 @@ export class APIPageTemplate extends PageView {
21
21
  color: var(--title-text-color);
22
22
  }
23
23
  h2 strong {
24
- color: var(--primary-color);
24
+ color: var(--md-sys-color-primary);
25
25
  font-size: 1.1em;
26
26
  }
27
27
  [page-description] {
@@ -42,7 +42,7 @@ export class APIPageTemplate extends PageView {
42
42
  width: 200px;
43
43
  text-align: right;
44
44
  font: normal 14px var(--theme-font);
45
- color: var(--secondary-color);
45
+ color: var(--md-sys-color-secondary);
46
46
  }
47
47
  [version] select {
48
48
  margin: var(--input-margin);
@@ -56,7 +56,7 @@ export class APIPageTemplate extends PageView {
56
56
  flex: 1;
57
57
  display: flex;
58
58
  flex-direction: row;
59
- background-color: var(--theme-white-color);
59
+ background-color: var(--md-sys-color-surface);
60
60
  border-radius: var(--border-radius);
61
61
  box-shadow: var(--box-shadow);
62
62
  overflow: auto;
@@ -80,11 +80,11 @@ export class APIPageTemplate extends PageView {
80
80
  border: var(--border-dark-color);
81
81
  margin-bottom: -1px;
82
82
  font: bold 16px var(--theme-font);
83
- color: var(--secondary-color);
83
+ color: var(--md-sys-color-secondary);
84
84
  }
85
85
 
86
86
  li[active] {
87
- background-color: var(--primary-color);
87
+ background-color: var(--md-sys-color-primary);
88
88
  box-shadow: var(--box-shadow);
89
89
  padding: var(--padding-default) var(--padding-wide);
90
90
  color: var(--theme-white-color);
@@ -97,7 +97,7 @@ export class APIPageTemplate extends PageView {
97
97
  }
98
98
 
99
99
  select {
100
- background-color: var(--theme-white-color);
100
+ background-color: var(--md-sys-color-surface-variant);
101
101
  }
102
102
 
103
103
  @media screen and (max-width: 480px) {