@ncds/ui-admin 1.8.23-alpha.1 → 1.8.24

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.
@@ -9,7 +9,7 @@ const BADGE_ICON_SIZE = 12;
9
9
  /** new-badge 박스 안에 들어가는 'N' 아이콘 크기. 박스는 sm 16px / md 20px 이며 아이콘은 그보다 작다(패딩 포함). */
10
10
  const NEW_BADGE_ICON_SIZE = {
11
11
  sm: 12,
12
- md: 14
12
+ md: 16
13
13
  };
14
14
  const Badge = _ref => {
15
15
  let {
@@ -4,15 +4,11 @@ import classNames from 'classnames';
4
4
  const BreadcrumbItem = _ref => {
5
5
  let {
6
6
  href,
7
- ariaLabel,
8
7
  children
9
8
  } = _ref;
10
9
  const ElementType = href ? 'a' : 'span';
11
10
  return _jsx(ElementType, {
12
11
  href: href,
13
- // <span> 은 generic role 이라 aria-label 이 무시될 수 있다. 링크는 이미 이름을 지원하므로 그대로 둔다
14
- role: !href && ariaLabel ? 'img' : undefined,
15
- "aria-label": ariaLabel,
16
12
  className: "ncua-breadcrumb__item",
17
13
  children: children
18
14
  });
@@ -20,27 +16,23 @@ const BreadcrumbItem = _ref => {
20
16
  const BreadCrumb = _ref2 => {
21
17
  let {
22
18
  items,
23
- showHomeIcon = true,
24
19
  className
25
20
  } = _ref2;
26
21
  if (!items || items.length === 0) return null;
27
22
  const renderItem = (item, index) => {
28
23
  const isLast = index === items.length - 1;
29
- // 아이콘 여부는 한 곳에서만 판정한다 — 콘텐츠·모디파이어·aria-label 이 모두 이 값을 따른다
30
- const isHome = showHomeIcon && index === 0;
24
+ const content = index === 0 ? _jsx(Home01, {
25
+ width: 16,
26
+ height: 16,
27
+ color: "gray500"
28
+ }) : item.label;
31
29
  return _jsx("li", {
32
30
  className: classNames('ncua-breadcrumb__list-item', {
33
- 'ncua-breadcrumb__list-item--home': isHome,
34
31
  'ncua-breadcrumb__list-item--active': isLast
35
32
  }),
36
33
  children: _jsx(BreadcrumbItem, {
37
34
  href: isLast ? undefined : item.href,
38
- ariaLabel: isHome ? item.label : undefined,
39
- children: isHome ? _jsx(Home01, {
40
- width: 16,
41
- height: 16,
42
- color: "gray500"
43
- }) : item.label
35
+ children: content
44
36
  })
45
37
  }, index);
46
38
  };