@sunggang/ui-lib 0.0.12 → 0.0.14

package/index.esm.css

@@ -534,16 +534,6 @@ video {
 }
 .container {
   width: 100%;
-  margin-right: auto;
-  margin-left: auto;
-  padding-right: 2rem;
-  padding-left: 2rem;
-}
-@media (min-width: 360px) {
-
-  .container {
-    max-width: 360px;
-  }
 }
 @media (min-width: 640px) {
 
@@ -569,10 +559,10 @@ video {
     max-width: 1280px;
   }
 }
-@media (min-width: 1400px) {
+@media (min-width: 1536px) {
 
   .container {
-    max-width: 1400px;
+    max-width: 1536px;
   }
 }
 .pointer-events-none {
@@ -634,6 +624,9 @@ video {
 .mb-6 {
   margin-bottom: 1.5rem;
 }
+.ml-4 {
+  margin-left: 1rem;
+}
 .ml-auto {
   margin-left: auto;
 }
@@ -652,6 +645,12 @@ video {
 .h-10 {
   height: 2.5rem;
 }
+.h-14 {
+  height: 3.5rem;
+}
+.h-16 {
+  height: 4rem;
+}
 .h-24 {
   height: 6rem;
 }
@@ -664,6 +663,9 @@ video {
 .h-56 {
   height: 14rem;
 }
+.h-8 {
+  height: 2rem;
+}
 .h-full {
   height: 100%;
 }
@@ -682,9 +684,15 @@ video {
 .w-4 {
   width: 1rem;
 }
+.w-64 {
+  width: 16rem;
+}
 .w-72 {
   width: 18rem;
 }
+.w-8 {
+  width: 2rem;
+}
 .w-9 {
   width: 2.25rem;
 }
@@ -820,6 +828,10 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(245 245 245 / var(--tw-bg-opacity));
 }
+.bg-\[\#f5f5f5\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
+}
 .bg-background {
   background-color: hsl(var(--background));
 }
@@ -911,6 +923,9 @@ video {
 .pb-8 {
   padding-bottom: 2rem;
 }
+.pl-12 {
+  padding-left: 3rem;
+}
 .pt-2 {
   padding-top: 0.5rem;
 }
@@ -962,10 +977,18 @@ video {
   --tw-text-opacity: 1;
   color: rgb(0 0 0 / var(--tw-text-opacity));
 }
+.text-\[\#171A1F\] {
+  --tw-text-opacity: 1;
+  color: rgb(23 26 31 / var(--tw-text-opacity));
+}
 .text-\[\#5A5A5A\] {
   --tw-text-opacity: 1;
   color: rgb(90 90 90 / var(--tw-text-opacity));
 }
+.text-\[\#737373\] {
+  --tw-text-opacity: 1;
+  color: rgb(115 115 115 / var(--tw-text-opacity));
+}
 .text-gray-400 {
   --tw-text-opacity: 1;
   color: rgb(156 163 175 / var(--tw-text-opacity));
@@ -1040,6 +1063,11 @@ video {
 
 /* gary */
 
+.hover\:bg-\[\#D9D9D9\]:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(217 217 217 / var(--tw-bg-opacity));
+}
+
 .focus-visible\:outline-none:focus-visible {
   outline: 2px solid transparent;
   outline-offset: 2px;
@@ -1091,6 +1119,10 @@ video {
 
 @media (min-width: 1024px) {
 
+  .lg\:flex {
+    display: flex;
+  }
+
   .lg\:px-8 {
     padding-left: 2rem;
     padding-right: 2rem;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sunggang/ui-lib",
-  "version": "0.0.12",
+  "version": "0.0.14",
   "dependencies": {
     "@radix-ui/react-switch": "^1.0.3",
     "class-variance-authority": "^0.7.0",

package/src/lib/Sidebar/SubMenu.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface SubMenuProps {
+    item: any;
+}
+declare const SubMenu: React.FC<SubMenuProps>;
+export default SubMenu;

package/src/lib/Sidebar/index.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+interface SubNavItem {
+    title?: string;
+    path?: string | undefined;
+    icon?: string;
+    iconClosed?: string;
+    iconOpened?: string;
+}
+interface SidebarItem {
+    title?: string;
+    path?: string | undefined;
+    icon?: string;
+    iconClosed?: string;
+    iconOpened?: string;
+    subNav?: SubNavItem[];
+}
+interface SidebarProps {
+    className: string;
+    items?: SidebarItem[];
+}
+export declare const Sidebar: React.FC<SidebarProps>;
+export default Sidebar;