@bexis2/bexis2-core-ui 0.4.92 → 0.4.93

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/README.md +1 -1
  2. package/dist/components/page/menu/Menu.svelte +21 -14
  3. package/package.json +1 -1
  4. package/src/lib/components/page/menu/Menu.svelte +21 -14
package/README.md CHANGED
@@ -1,7 +1,7 @@
1
1
  # bexis-core-ui
2
2
 
3
3
 
4
- ## 0.4.92
4
+ ## 0.4.93
5
5
  - Input
6
6
  - Add DataPickerInput based on Svelty Picker
7
7
  - reorder font size in menu (less layout shift with old header)
package/dist/components/page/menu/Menu.svelte CHANGED
@@ -23,13 +23,19 @@ const theme = writable("light");
23
23
  function increaseFontSize() {
24
24
  const currentFontSize = parseFloat(getComputedStyle(document.documentElement).fontSize);
25
25
  document.documentElement.style.fontSize = currentFontSize + 1 + "px";
26
- document.documentElement.style.setProperty("--font-size", document.documentElement.style.fontSize);
26
+ document.documentElement.style.setProperty(
27
+ "--font-size",
28
+ document.documentElement.style.fontSize
29
+ );
27
30
  localStorage.setItem("fontSize", document.documentElement.style.fontSize);
28
31
  }
29
32
  function decreaseFontSize() {
30
33
  const currentFontSize = parseFloat(getComputedStyle(document.documentElement).fontSize);
31
34
  document.documentElement.style.fontSize = currentFontSize - 1 + "px";
32
- document.documentElement.style.setProperty("--font-size", document.documentElement.style.fontSize);
35
+ document.documentElement.style.setProperty(
36
+ "--font-size",
37
+ document.documentElement.style.fontSize
38
+ );
33
39
  localStorage.setItem("fontSize", document.documentElement.style.fontSize);
34
40
  }
35
41
  function toggleDarkMode() {
@@ -79,29 +85,30 @@ if (import.meta.env.DEV) {
79
85
  <!-- </div> -->
80
86
  <!-- <div class="sm:flex items-center sm:gap-5 px-1 text-lg justify-end gap-2"> -->
81
87
  <div class="grid w-full sm:flex gap-2 justify-auto sm:justify-end">
82
-
83
88
  <!-- Add change font size buttons -->
84
89
  <button
85
90
  class="btn btn-ghost pl-1 pr-1"
86
91
  on:click={decreaseFontSize}
87
92
  title="Decrease font size"
88
93
  >
89
- <span class="capitalize text-lg whitespace-nowrap hover:text-secondary-500">A-</span>
94
+ <span class="capitalize text-lg whitespace-nowrap hover:text-secondary-500">A-</span
95
+ >
90
96
  </button>
91
97
  <button
92
98
  class="btn btn-ghost pl-1 pr-1"
93
99
  on:click={increaseFontSize}
94
100
  title="Increase font size"
95
101
  >
96
- <span class="capitalize text-lg whitespace-nowrap hover:text-secondary-500">A+</span>
102
+ <span class="capitalize text-lg whitespace-nowrap hover:text-secondary-500">A+</span
103
+ >
97
104
  </button>
98
105
 
99
- <button
100
- class="btn btn-ghost pl-1 pr-1"
101
- on:click={toggleDarkMode}
102
- title="Toggle dark mode"
103
- >
104
- {#if showMode}
106
+ {#if showMode}
107
+ <button
108
+ class="btn btn-ghost pl-1 pr-1"
109
+ on:click={toggleDarkMode}
110
+ title="Toggle dark mode"
111
+ >
105
112
  {#if $theme === 'dark'}
106
113
  <!-- sun icon (white via currentColor) -->
107
114
  <svg
@@ -143,11 +150,11 @@ if (import.meta.env.DEV) {
143
150
  <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z" fill="currentColor" />
144
151
  </svg>
145
152
  {/if}
146
- {/if}
147
- </button>
148
-
153
+ </button>
154
+ {/if}
149
155
  <MenuAccountBar menuBar={$menuStore.AccountBar} />
150
156
  <MenuBar menuBar={$menuStore.LaunchBar} />
157
+ <SettingsBar menuBar={$menuStore.Settings} />
151
158
  </div>
152
159
  </div>
153
160
  </Accordion>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bexis2/bexis2-core-ui",
3
- "version": "0.4.92",
3
+ "version": "0.4.93",
4
4
  "private": false,
5
5
  "description": "Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/master/packages/create-svelte).",
6
6
  "keywords": [
package/src/lib/components/page/menu/Menu.svelte CHANGED
@@ -33,7 +33,10 @@
33
33
  const currentFontSize = parseFloat(getComputedStyle(document.documentElement).fontSize);
34
34
  document.documentElement.style.fontSize = currentFontSize + 1 + 'px';
35
35
  // set CSS variable --font-size to the new font size
36
- document.documentElement.style.setProperty('--font-size', document.documentElement.style.fontSize);
36
+ document.documentElement.style.setProperty(
37
+ '--font-size',
38
+ document.documentElement.style.fontSize
39
+ );
37
40
  localStorage.setItem('fontSize', document.documentElement.style.fontSize);
38
41
  }
39
42
  // function to decrease the current font size by 1 step
@@ -41,7 +44,10 @@
41
44
  const currentFontSize = parseFloat(getComputedStyle(document.documentElement).fontSize);
42
45
  document.documentElement.style.fontSize = currentFontSize - 1 + 'px';
43
46
  // set CSS variable --font-size to the new font size
44
- document.documentElement.style.setProperty('--font-size', document.documentElement.style.fontSize);
47
+ document.documentElement.style.setProperty(
48
+ '--font-size',
49
+ document.documentElement.style.fontSize
50
+ );
45
51
  localStorage.setItem('fontSize', document.documentElement.style.fontSize);
46
52
  }
47
53
 
@@ -95,29 +101,30 @@
95
101
  <!-- </div> -->
96
102
  <!-- <div class="sm:flex items-center sm:gap-5 px-1 text-lg justify-end gap-2"> -->
97
103
  <div class="grid w-full sm:flex gap-2 justify-auto sm:justify-end">
98
-
99
104
  <!-- Add change font size buttons -->
100
105
  <button
101
106
  class="btn btn-ghost pl-1 pr-1"
102
107
  on:click={decreaseFontSize}
103
108
  title="Decrease font size"
104
109
  >
105
- <span class="capitalize text-lg whitespace-nowrap hover:text-secondary-500">A-</span>
110
+ <span class="capitalize text-lg whitespace-nowrap hover:text-secondary-500">A-</span
111
+ >
106
112
  </button>
107
113
  <button
108
114
  class="btn btn-ghost pl-1 pr-1"
109
115
  on:click={increaseFontSize}
110
116
  title="Increase font size"
111
117
  >
112
- <span class="capitalize text-lg whitespace-nowrap hover:text-secondary-500">A+</span>
118
+ <span class="capitalize text-lg whitespace-nowrap hover:text-secondary-500">A+</span
119
+ >
113
120
  </button>
114
121
 
115
- <button
116
- class="btn btn-ghost pl-1 pr-1"
117
- on:click={toggleDarkMode}
118
- title="Toggle dark mode"
119
- >
120
- {#if showMode}
122
+ {#if showMode}
123
+ <button
124
+ class="btn btn-ghost pl-1 pr-1"
125
+ on:click={toggleDarkMode}
126
+ title="Toggle dark mode"
127
+ >
121
128
  {#if $theme === 'dark'}
122
129
  <!-- sun icon (white via currentColor) -->
123
130
  <svg
@@ -159,11 +166,11 @@
159
166
  <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z" fill="currentColor" />
160
167
  </svg>
161
168
  {/if}
162
- {/if}
163
- </button>
164
-
169
+ </button>
170
+ {/if}
165
171
  <MenuAccountBar menuBar={$menuStore.AccountBar} />
166
172
  <MenuBar menuBar={$menuStore.LaunchBar} />
173
+ <SettingsBar menuBar={$menuStore.Settings} />
167
174
  </div>
168
175
  </div>
169
176
  </Accordion>