@ncds/ui-admin 1.8.20-alpha.0 → 1.8.20
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/dist/cjs/src/components/feedback-and-status/badge/Badge.js +1 -1
- package/dist/esm/src/components/feedback-and-status/badge/Badge.js +1 -1
- package/dist/temp/src/components/feedback-and-status/badge/Badge.d.ts +1 -1
- package/dist/temp/src/components/feedback-and-status/badge/Badge.js +1 -1
- package/dist/types/src/components/feedback-and-status/badge/Badge.d.ts +1 -1
- package/dist/ui-admin/assets/styles/style.css +3 -4
- package/package.json +1 -1
|
@@ -16,4 +16,4 @@ type BadgeProps = {
|
|
|
16
16
|
};
|
|
17
17
|
declare const Badge: ({ label, type, color, className, leadingIcon, trailingIcon, size, }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
|
|
18
18
|
export { Badge };
|
|
19
|
-
export type {
|
|
19
|
+
export type { BadgeType, BadgeColor, BadgeSize, BadgeProps };
|
|
@@ -7,7 +7,7 @@ import { sideSlotRender } from './utils';
|
|
|
7
7
|
*/
|
|
8
8
|
const BADGE_ICON_SIZE = 12;
|
|
9
9
|
/** new-badge 박스 안에 들어가는 'N' 아이콘 크기. 박스는 sm 16px / md 20px 이며 아이콘은 그보다 작다(패딩 포함). */
|
|
10
|
-
const NEW_BADGE_ICON_SIZE = { sm: 12, md:
|
|
10
|
+
const NEW_BADGE_ICON_SIZE = { sm: 12, md: 16 };
|
|
11
11
|
const Badge = ({ label, type = 'pill-outline', color = 'neutral', className, leadingIcon, trailingIcon, size = 'xs', }) => {
|
|
12
12
|
// new-badge: 신규 콘텐츠 'N' 마크 전용 타입. label·color·leadingIcon·trailingIcon은 무시되고
|
|
13
13
|
// 색은 --pink-600 으로 고정된다. (디자이너 명세: Icon/FeaturedIcon/Badge로 대체 불가한 전용 표시)
|
|
@@ -16,4 +16,4 @@ type BadgeProps = {
|
|
|
16
16
|
};
|
|
17
17
|
declare const Badge: ({ label, type, color, className, leadingIcon, trailingIcon, size, }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
|
|
18
18
|
export { Badge };
|
|
19
|
-
export type {
|
|
19
|
+
export type { BadgeType, BadgeColor, BadgeSize, BadgeProps };
|
|
@@ -5039,16 +5039,15 @@ button {
|
|
|
5039
5039
|
justify-content: center;
|
|
5040
5040
|
color: var(--pink-600);
|
|
5041
5041
|
background-color: var(--pink-200);
|
|
5042
|
+
border-radius: 5px;
|
|
5042
5043
|
}
|
|
5043
5044
|
.ncua-badge--new-badge-sm {
|
|
5044
5045
|
width: 16px;
|
|
5045
5046
|
height: 16px;
|
|
5046
|
-
border-radius: 3px;
|
|
5047
5047
|
}
|
|
5048
5048
|
.ncua-badge--new-badge-md {
|
|
5049
5049
|
width: 20px;
|
|
5050
5050
|
height: 20px;
|
|
5051
|
-
border-radius: 4px;
|
|
5052
5051
|
}
|
|
5053
5052
|
|
|
5054
5053
|
.ncua-badge-group {
|
|
@@ -6310,7 +6309,7 @@ button {
|
|
|
6310
6309
|
bottom: 0;
|
|
6311
6310
|
width: 3px;
|
|
6312
6311
|
background: var(--base-black);
|
|
6313
|
-
z-index:
|
|
6312
|
+
z-index: 1;
|
|
6314
6313
|
}
|
|
6315
6314
|
.ncua-table__row--warning.ncua-table__row--selected:nth-child(n) {
|
|
6316
6315
|
background: var(--orange-50);
|
|
@@ -6455,7 +6454,7 @@ button {
|
|
|
6455
6454
|
.ncua-table--fixed-header .ncua-table__header-cell {
|
|
6456
6455
|
position: sticky;
|
|
6457
6456
|
top: 0;
|
|
6458
|
-
z-index:
|
|
6457
|
+
z-index: 10;
|
|
6459
6458
|
padding: 0 var(--spacing-m);
|
|
6460
6459
|
height: var(--ncua-table-header-height);
|
|
6461
6460
|
}
|