@sikka/hawa 0.0.147 → 0.0.148

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sikka/hawa",
3
- "version": "0.0.147",
3
+ "version": "0.0.148",
4
4
  "description": "UI Kit",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.es.js",
@@ -235,14 +235,15 @@ export const HawaAppLayout: React.FunctionComponent<HawaAppLayoutTypes> = (
235
235
 
236
236
  <div
237
237
  className={clsx(
238
- size > 600 ? "left-14" : "",
238
+ size > 600 ? "left-14" : "left-0",
239
239
  // size > 600 ? "w-[calc(100%-3rem)] translate-x-[3.54rem]" : "",
240
+ "fixed h-full overflow-auto p-4",
240
241
  props.topBar ? "top-14" : "top-0",
241
242
  // props.topBar ? "mt-[3.6rem]" : "mt-0",
242
- "fixed top-0 h-full overflow-auto p-4",
243
243
  // keepOpen ? "w-[calc(100%-10rem)] translate-x-[10.54rem]" : ""
244
- keepOpen ? "left-40" : ""
244
+ keepOpen ? "left-40" : "left-0"
245
245
  )}
246
+ // className={"layoutBody_open"}
246
247
  >
247
248
  {props.children}
248
249
  </div>
package/src/styles.css CHANGED
@@ -1784,6 +1784,13 @@ body {
1784
1784
  font-family: "IBM Plex Sans Arabic", sans-serif;
1785
1785
  }
1786
1786
 
1787
+ .layoutBody_open {
1788
+ background-color: red;
1789
+ /* left: 10rem; */
1790
+ position: fixed;
1791
+ left: 56px;
1792
+ }
1793
+
1787
1794
  .after\:absolute::after {
1788
1795
  content: var(--tw-content);
1789
1796
  position: absolute;
package/src/tailwind.css CHANGED
@@ -13,3 +13,10 @@
13
13
  body {
14
14
  font-family: "IBM Plex Sans Arabic", sans-serif;
15
15
  }
16
+
17
+ .layoutBody_open {
18
+ background-color: red;
19
+ /* left: 10rem; */
20
+ position: fixed;
21
+ left: 56px;
22
+ }
@@ -361,4 +361,4 @@
361
361
 
362
362
 
363
363
 
364
- window['STORIES'] = [{"titlePrefix":"","directory":"./src","files":"**/*.stories.mdx","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.mdx)$"},{"titlePrefix":"","directory":"./src","files":"**/*.stories.@(js|jsx|ts|tsx)","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|ts|tsx))$"}];</script><script src="runtime~main.4a2964ac.iframe.bundle.js"></script><script src="870.c002064e.iframe.bundle.js"></script><script src="main.780d09cf.iframe.bundle.js"></script></body></html>
364
+ window['STORIES'] = [{"titlePrefix":"","directory":"./src","files":"**/*.stories.mdx","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.mdx)$"},{"titlePrefix":"","directory":"./src","files":"**/*.stories.@(js|jsx|ts|tsx)","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|ts|tsx))$"}];</script><script src="runtime~main.4a2964ac.iframe.bundle.js"></script><script src="870.c002064e.iframe.bundle.js"></script><script src="main.238888aa.iframe.bundle.js"></script></body></html>