@ncds/ui-admin 1.8.20 → 1.8.21-alpha.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.
- 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 +4 -3
- 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 { BadgeColor, BadgeProps, BadgeSize, BadgeType };
|
|
@@ -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: 14 };
|
|
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 { BadgeColor, BadgeProps, BadgeSize, BadgeType };
|
|
@@ -5039,15 +5039,16 @@ button {
|
|
|
5039
5039
|
justify-content: center;
|
|
5040
5040
|
color: var(--pink-600);
|
|
5041
5041
|
background-color: var(--pink-200);
|
|
5042
|
-
border-radius: 5px;
|
|
5043
5042
|
}
|
|
5044
5043
|
.ncua-badge--new-badge-sm {
|
|
5045
5044
|
width: 16px;
|
|
5046
5045
|
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;
|
|
5051
5052
|
}
|
|
5052
5053
|
|
|
5053
5054
|
.ncua-badge-group {
|
|
@@ -6309,7 +6310,7 @@ button {
|
|
|
6309
6310
|
bottom: 0;
|
|
6310
6311
|
width: 3px;
|
|
6311
6312
|
background: var(--base-black);
|
|
6312
|
-
z-index: 1;
|
|
6313
|
+
z-index: var(--z-index-1);
|
|
6313
6314
|
}
|
|
6314
6315
|
.ncua-table__row--warning.ncua-table__row--selected:nth-child(n) {
|
|
6315
6316
|
background: var(--orange-50);
|
|
@@ -6454,7 +6455,7 @@ button {
|
|
|
6454
6455
|
.ncua-table--fixed-header .ncua-table__header-cell {
|
|
6455
6456
|
position: sticky;
|
|
6456
6457
|
top: 0;
|
|
6457
|
-
z-index:
|
|
6458
|
+
z-index: var(--z-index-sticky);
|
|
6458
6459
|
padding: 0 var(--spacing-m);
|
|
6459
6460
|
height: var(--ncua-table-header-height);
|
|
6460
6461
|
}
|