@bigtablet/design-system 1.3.2 → 1.5.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/dist/index.css +348 -525
  2. package/dist/index.d.ts +16 -18
  3. package/dist/index.js +240 -211
  4. package/dist/next.css +16 -17
  5. package/dist/next.js +19 -14
  6. package/package.json +2 -2
package/dist/next.css CHANGED
@@ -2,34 +2,34 @@
2
2
  .sidebar {
3
3
  display: flex;
4
4
  flex-direction: column;
5
+ box-sizing: border-box;
5
6
  height: 100%;
6
7
  background: #ffffff;
7
8
  border-right: 1px solid #e5e5e5;
8
9
  padding: 0.5rem;
9
10
  gap: 0.5rem;
10
11
  }
11
- .sidebar__brand {
12
- padding: 0.5rem 0.5rem;
12
+ .sidebar_brand {
13
+ padding: 0.5rem;
13
14
  margin-bottom: 0.5rem;
14
15
  border-bottom: 1px solid #e5e5e5;
15
16
  }
16
- .sidebar__brand-link {
17
+ .sidebar_brand_link {
17
18
  display: block;
18
19
  width: 100%;
19
20
  }
20
- .sidebar__brand-img {
21
+ .sidebar_brand_img {
21
22
  display: block;
22
23
  width: 100%;
23
24
  height: auto;
24
25
  object-fit: contain;
25
26
  }
26
- .sidebar__nav {
27
+ .sidebar_nav {
27
28
  display: grid;
28
29
  gap: 0.25rem;
29
- padding-top: 0.5rem;
30
- padding-bottom: 0.5rem;
30
+ padding: 0.5rem 0;
31
31
  }
32
- .sidebar__item {
32
+ .sidebar_item {
33
33
  display: grid;
34
34
  grid-template-columns: 24px 1fr;
35
35
  align-items: center;
@@ -39,29 +39,29 @@
39
39
  color: #3B3B3B;
40
40
  background: transparent;
41
41
  border: 1px solid transparent;
42
+ cursor: pointer;
42
43
  font-size: 0.9375rem;
43
44
  line-height: 1.5;
44
- cursor: pointer;
45
45
  transition:
46
46
  background-color 0.2s ease-out,
47
47
  color 0.2s ease-out,
48
48
  border-color 0.2s ease-out;
49
49
  }
50
- .sidebar__item:hover {
50
+ .sidebar_item:hover {
51
51
  background: #fafafa;
52
52
  color: #1F2937;
53
53
  }
54
- .sidebar__item:hover .sidebar__icon {
54
+ .sidebar_item:hover .sidebar_icon {
55
55
  color: #1F2937;
56
56
  }
57
- .sidebar__item.is-active {
57
+ .sidebar_item.is_active {
58
58
  position: relative;
59
59
  background: #ffffff;
60
60
  border-color: #e5e5e5;
61
61
  color: #1F2937;
62
62
  box-shadow: inset 0 0 0 1px #e5e5e5;
63
63
  }
64
- .sidebar__item.is-active::before {
64
+ .sidebar_item.is_active::before {
65
65
  content: "";
66
66
  position: absolute;
67
67
  left: 0;
@@ -71,17 +71,16 @@
71
71
  border-radius: 9999px;
72
72
  background: #000000;
73
73
  }
74
- .sidebar__item.is-active .sidebar__icon {
74
+ .sidebar_item.is_active .sidebar_icon {
75
75
  color: #1F2937;
76
76
  }
77
- .sidebar__icon {
77
+ .sidebar_icon {
78
78
  display: inline-grid;
79
79
  place-items: center;
80
80
  color: #6B7280;
81
81
  transition: color 0.2s ease-out;
82
82
  }
83
- .sidebar__label {
83
+ .sidebar_label {
84
84
  white-space: nowrap;
85
- overflow: hidden;
86
85
  text-overflow: ellipsis;
87
86
  }
package/dist/next.js CHANGED
@@ -20,46 +20,51 @@ var Sidebar = ({
20
20
  if (!activePath) return false;
21
21
  return match === "exact" ? activePath === href : activePath.startsWith(href);
22
22
  };
23
+ const rootClassName = ["sidebar", className ?? ""].filter(Boolean).join(" ");
23
24
  return /* @__PURE__ */ jsxs(
24
25
  "aside",
25
26
  {
26
- className: ["sidebar", className].filter(Boolean).join(" "),
27
+ className: rootClassName,
27
28
  style: { width, ...style },
29
+ "aria-label": "\uC0AC\uC774\uB4DC \uB0B4\uBE44\uAC8C\uC774\uC158",
28
30
  children: [
29
- /* @__PURE__ */ jsx("div", { className: "sidebar__brand", children: /* @__PURE__ */ jsx(
31
+ /* @__PURE__ */ jsx("div", { className: "sidebar_brand", children: /* @__PURE__ */ jsx(
30
32
  Link,
31
33
  {
32
34
  href: brandHref,
33
- className: "sidebar__brand-link",
35
+ className: "sidebar_brand_link",
34
36
  "aria-label": "Bigtablet \uD648\uC73C\uB85C",
35
37
  children: /* @__PURE__ */ jsx(
36
38
  Image,
37
39
  {
38
- src: "/assets/images/logo/bigtablet.svg",
40
+ src: "/images/logo/bigtablet.png",
39
41
  alt: "Bigtablet",
40
42
  width: 200,
41
43
  height: 44,
42
44
  priority: true,
43
- className: "sidebar__brand-img"
45
+ className: "sidebar_brand_img"
44
46
  }
45
47
  )
46
48
  }
47
49
  ) }),
48
- /* @__PURE__ */ jsx("nav", { className: "sidebar__nav", children: items.map((it) => {
49
- const active = isActive(it.href);
50
+ /* @__PURE__ */ jsx("nav", { className: "sidebar_nav", children: items.map((item) => {
51
+ const active = isActive(item.href);
50
52
  return /* @__PURE__ */ jsxs(
51
53
  Link,
52
54
  {
53
- href: it.href,
54
- className: ["sidebar__item", active && "is-active"].filter(Boolean).join(" "),
55
- onClick: () => onItemSelect?.(it.href),
56
- title: typeof it.label === "string" ? it.label : void 0,
55
+ href: item.href,
56
+ className: [
57
+ "sidebar_item",
58
+ active && "is_active"
59
+ ].filter(Boolean).join(" "),
60
+ onClick: () => onItemSelect?.(item.href),
61
+ title: typeof item.label === "string" ? item.label : void 0,
57
62
  children: [
58
- it.icon && /* @__PURE__ */ jsx("span", { className: "sidebar__icon", children: React.createElement(it.icon, { size: 16 }) }),
59
- /* @__PURE__ */ jsx("span", { className: "sidebar__label", children: it.label })
63
+ item.icon && /* @__PURE__ */ jsx("span", { className: "sidebar_icon", children: React.createElement(item.icon, { size: 16 }) }),
64
+ /* @__PURE__ */ jsx("span", { className: "sidebar_label", children: item.label })
60
65
  ]
61
66
  },
62
- it.href
67
+ item.href
63
68
  );
64
69
  }) })
65
70
  ]
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bigtablet/design-system",
3
- "version": "1.3.2",
3
+ "version": "1.5.0",
4
4
  "description": "Bigtablet Design System UI Components",
5
5
  "type": "module",
6
6
  "types": "dist/index.d.ts",
@@ -70,7 +70,7 @@
70
70
  "conventional-changelog-conventionalcommits": "^9.1.0",
71
71
  "esbuild-sass-plugin": "^3",
72
72
  "lucide-react": "^0.552.0",
73
- "next": "16.0.7",
73
+ "next": "16.0.9",
74
74
  "react": "19.2.0",
75
75
  "react-dom": "19.2.0",
76
76
  "react-toastify": "^11.0.5",