@peassoft/mnr-web-topline 0.3.4 → 1.0.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 (2) hide show
  1. package/dist/css/index.css +19 -16
  2. package/package.json +2 -2
@@ -1,16 +1,19 @@
1
1
  .topline_root {
2
- --color-palette-brightest: #f9f7f7;
3
- --color-palette-bright: #dbe2ef;
4
- --color-palette-dark: #3f72af;
5
- --color-palette-darkest: #112d4e;
6
2
  --color-background-main: #fff;
7
3
  --color-text-main: #242629;
8
- --color-border: var(--color-palette-dark);
9
- --color-menu-bkg: var(--color-palette-brightest);
10
- --color-menu-text: var(--color-palette-darkest);
11
4
  --color-modal-overlay: rgba(0, 0, 0, 0.7);
12
- --color-modal-heading-fg: var(--color-palette-darkest);
5
+ --color-firm-main: #3f72af;
6
+ --color-firm-secondary: #dbe2ef;
7
+ }
8
+ @media (prefers-color-scheme: dark) {
9
+ .topline_root {
10
+ --color-background-main: #3d413e;
11
+ --color-text-main: #f9f9f9;
12
+ --color-firm-main: #dbe2ef;
13
+ --color-firm-secondary: #3f72af;
14
+ }
13
15
  }
16
+
14
17
  .topline_root {
15
18
  box-sizing: border-box;
16
19
  background-color: var(--color-background-main);
@@ -32,7 +35,7 @@
32
35
  justify-content: space-between;
33
36
  align-items: center;
34
37
  height: 48px;
35
- border-bottom: 1px solid var(--color-border);
38
+ border-bottom: 1px solid var(--color-firm-main);
36
39
  background-color: var(--color-background-main);
37
40
  padding-right: 0.5em;
38
41
  position: relative;
@@ -71,7 +74,7 @@
71
74
  padding: 0;
72
75
  width: 40px;
73
76
  height: 40px;
74
- color: var(--color-border);
77
+ color: var(--color-firm-main);
75
78
  cursor: pointer;
76
79
  position: relative;
77
80
  }
@@ -82,7 +85,7 @@
82
85
  height: 100%;
83
86
  top: 0;
84
87
  left: 0;
85
- border: 1px solid var(--color-border);
88
+ border: 1px solid var(--color-firm-main);
86
89
  border-radius: 50%;
87
90
  }
88
91
  .topline_shell_userAvatar svg {
@@ -103,9 +106,9 @@
103
106
  bottom: 0;
104
107
  right: 0;
105
108
  width: 300px;
106
- border: 1px solid var(--color-border);
107
- color: var(--color-menu-text);
108
- background-color: var(--color-menu-bkg);
109
+ border: 1px solid var(--color-firm-main);
110
+ color: var(--color-text-main);
111
+ background-color: var(--color-background-main);
109
112
  transform: translateY(100%);
110
113
  }
111
114
 
@@ -115,7 +118,7 @@
115
118
  outline-offset: -0.5em;
116
119
  }
117
120
  .topline_shell_userMenuItem:not(:last-child) {
118
- border-bottom: 1px solid var(--color-border);
121
+ border-bottom: 1px solid var(--color-firm-main);
119
122
  }
120
123
 
121
124
  .topline_login_btnsCont {
@@ -219,7 +222,7 @@
219
222
  margin: 0 0 1.6em;
220
223
  font-size: 1.4em;
221
224
  text-align: center;
222
- color: var(--color-modal-heading-fg);
225
+ color: var(--color-firm-main);
223
226
  border-bottom: 1px solid currentColor;
224
227
  padding-bottom: 0.5em;
225
228
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@peassoft/mnr-web-topline",
3
- "version": "0.3.4",
3
+ "version": "1.0.0",
4
4
  "description": "Peassoft Topline widget for mem'n'rev web applications",
5
5
  "type": "module",
6
6
  "exports": {
@@ -30,7 +30,7 @@
30
30
  "@memnrev/dict-replacer": "^0.1.0",
31
31
  "@memnrev/eslint-v9-config": "^0.4.0",
32
32
  "@microsoft/api-extractor": "^7.38.0",
33
- "@peassoft/mnr-web-ui-kit": "^0.1.2",
33
+ "@peassoft/mnr-web-ui-kit": "^1.0.2",
34
34
  "@types/jest": "^30.0.0",
35
35
  "@types/md5": "^2.3.3",
36
36
  "@types/react": "^19.0.2",