maru_design2 2.31.1 → 3.0.2

package/dist/constants/color.d.ts

@@ -0,0 +1,352 @@
+export declare const PRIMITIVE_COLOR_TOKEN_VALUES: {
+    readonly white: "var(--maru-white)";
+    readonly black50: "var(--maru-black-50)";
+    readonly black100: "var(--maru-black-100)";
+    readonly black150: "var(--maru-black-150)";
+    readonly black200: "var(--maru-black-200)";
+    readonly black250: "var(--maru-black-250)";
+    readonly black300: "var(--maru-black-300)";
+    readonly black350: "var(--maru-black-350)";
+    readonly black400: "var(--maru-black-400)";
+    readonly black500: "var(--maru-black-500)";
+    readonly black550: "var(--maru-black-550)";
+    readonly black600: "var(--maru-black-600)";
+    readonly black700: "var(--maru-black-700)";
+    readonly black800: "var(--maru-black-800)";
+    readonly black900: "var(--maru-black-900)";
+    readonly gray100: "var(--maru-gray-100)";
+    readonly gray150: "var(--maru-gray-150)";
+    readonly gray200: "var(--maru-gray-200)";
+    readonly gray300: "var(--maru-gray-300)";
+    readonly gray400: "var(--maru-gray-400)";
+    readonly gray500: "var(--maru-gray-500)";
+    readonly gray600: "var(--maru-gray-600)";
+    readonly gray700: "var(--maru-gray-700)";
+    readonly gray800: "var(--maru-gray-800)";
+    readonly gray900: "var(--maru-gray-900)";
+    readonly coolGray50: "var(--maru-cool-gray-50)";
+    readonly coolGray100: "var(--maru-cool-gray-100)";
+    readonly coolGray200: "var(--maru-cool-gray-200)";
+    readonly neutralGray100: "var(--maru-neutral-gray-100)";
+    readonly neutralGray200: "var(--maru-neutral-gray-200)";
+    readonly brand50: "var(--maru-brand-50)";
+    readonly brand100: "var(--maru-brand-100)";
+    readonly brand200: "var(--maru-brand-200)";
+    readonly brand300: "var(--maru-brand-300)";
+    readonly brand400: "var(--maru-brand-400)";
+    readonly brand500: "var(--maru-brand-500)";
+    readonly brand600: "var(--maru-brand-600)";
+    readonly brand700: "var(--maru-brand-700)";
+    readonly brand800: "var(--maru-brand-800)";
+    readonly brand900: "var(--maru-brand-900)";
+    readonly brand1000: "var(--maru-brand-1000)";
+    readonly blue50: "var(--maru-blue-50)";
+    readonly blue100: "var(--maru-blue-100)";
+    readonly blue200: "var(--maru-blue-200)";
+    readonly blue300: "var(--maru-blue-300)";
+    readonly blue400: "var(--maru-blue-400)";
+    readonly blue500: "var(--maru-blue-500)";
+    readonly blue600: "var(--maru-blue-600)";
+    readonly blue700: "var(--maru-blue-700)";
+    readonly blue800: "var(--maru-blue-800)";
+    readonly blue900: "var(--maru-blue-900)";
+    readonly blue1000: "var(--maru-blue-1000)";
+    readonly green50: "var(--maru-green-50)";
+    readonly green100: "var(--maru-green-100)";
+    readonly green200: "var(--maru-green-200)";
+    readonly green300: "var(--maru-green-300)";
+    readonly green400: "var(--maru-green-400)";
+    readonly green500: "var(--maru-green-500)";
+    readonly green600: "var(--maru-green-600)";
+    readonly green700: "var(--maru-green-700)";
+    readonly green800: "var(--maru-green-800)";
+    readonly green900: "var(--maru-green-900)";
+    readonly green1000: "var(--maru-green-1000)";
+    readonly yellow50: "var(--maru-yellow-50)";
+    readonly yellow100: "var(--maru-yellow-100)";
+    readonly yellow200: "var(--maru-yellow-200)";
+    readonly yellow300: "var(--maru-yellow-300)";
+    readonly yellow400: "var(--maru-yellow-400)";
+    readonly yellow500: "var(--maru-yellow-500)";
+    readonly yellow600: "var(--maru-yellow-600)";
+    readonly yellow700: "var(--maru-yellow-700)";
+    readonly yellow800: "var(--maru-yellow-800)";
+    readonly yellow900: "var(--maru-yellow-900)";
+    readonly yellow1000: "var(--maru-yellow-1000)";
+    readonly red50: "var(--maru-red-50)";
+    readonly red100: "var(--maru-red-100)";
+    readonly red200: "var(--maru-red-200)";
+    readonly red300: "var(--maru-red-300)";
+    readonly red400: "var(--maru-red-400)";
+    readonly red500: "var(--maru-red-500)";
+    readonly red600: "var(--maru-red-600)";
+    readonly red700: "var(--maru-red-700)";
+    readonly red800: "var(--maru-red-800)";
+    readonly red900: "var(--maru-red-900)";
+    readonly red1000: "var(--maru-red-1000)";
+};
+export declare const SEMANTIC_COLOR_TOKEN_VALUES: {
+    readonly textPrimary: "var(--maru-text-primary)";
+    readonly textSecondary: "var(--maru-text-secondary)";
+    readonly textSupport: "var(--maru-text-support)";
+    readonly textTertiary: "var(--maru-text-tertiary)";
+    readonly textDisabled: "var(--maru-text-disabled)";
+    readonly textWhite: "var(--maru-text-white)";
+    readonly textBrand: "var(--maru-text-brand)";
+    readonly textBrandHover: "var(--maru-text-brand-hover)";
+    readonly textSuccessPrimary: "var(--maru-text-success-primary)";
+    readonly textWarningPrimary: "var(--maru-text-warning-primary)";
+    readonly textInfoPrimary: "var(--maru-text-info-primary)";
+    readonly textPositivePrimary: "var(--maru-text-positive-primary)";
+    readonly textErrorPrimary: "var(--maru-text-error-primary)";
+    readonly iconPrimary: "var(--maru-icon-primary)";
+    readonly iconSecondary: "var(--maru-icon-secondary)";
+    readonly iconTertiary: "var(--maru-icon-tertiary)";
+    readonly iconQuaternary: "var(--maru-icon-quaternary)";
+    readonly iconBrandPrimary: "var(--maru-icon-brand-primary)";
+    readonly iconBrandSecondary: "var(--maru-icon-brand-secondary)";
+    readonly iconErrorPrimary: "var(--maru-icon-error-primary)";
+    readonly iconErrorSecondary: "var(--maru-icon-error-secondary)";
+    readonly iconPositivePrimary: "var(--maru-icon-positive-primary)";
+    readonly iconWarningPrimary: "var(--maru-icon-warning-primary)";
+    readonly iconWhite: "var(--maru-icon-white)";
+    readonly borderPrimary: "var(--maru-border-primary)";
+    readonly borderSecondary: "var(--maru-border-secondary)";
+    readonly borderSuccessPrimary: "var(--maru-border-success-primary)";
+    readonly borderBrandPrimary: "var(--maru-border-brand-primary)";
+    readonly borderBrandSecondary: "var(--maru-border-brand-secondary)";
+    readonly borderBrandTertiary: "var(--maru-border-brand-tertiary)";
+    readonly borderErrorPrimary: "var(--maru-border-error-primary)";
+    readonly borderErrorSecondary: "var(--maru-border-error-secondary)";
+    readonly backgroundPrimary: "var(--maru-background-primary)";
+    readonly backgroundPrimaryHover: "var(--maru-background-primary-hover)";
+    readonly backgroundSecondary: "var(--maru-background-secondary)";
+    readonly backgroundSecondaryHover: "var(--maru-background-secondary-hover)";
+    readonly backgroundTertiary: "var(--maru-background-tertiary)";
+    readonly backgroundQuaternary: "var(--maru-background-quaternary)";
+    readonly backgroundDisabled: "var(--maru-background-disabled)";
+    readonly backgroundBlack: "var(--maru-background-black)";
+    readonly backgroundPopupPrimary: "var(--maru-background-popup-primary)";
+    readonly backgroundBrandSolidPrimary: "var(--maru-background-brand-solid-primary)";
+    readonly backgroundBrandSolidPrimaryHover: "var(--maru-background-brand-solid-primary-hover)";
+    readonly backgroundBrandSolidSecondary: "var(--maru-background-brand-solid-secondary)";
+    readonly backgroundBrandPrimary: "var(--maru-background-brand-primary)";
+    readonly backgroundBrandTertiaryHover: "var(--maru-background-brand-tertiary-hover)";
+    readonly backgroundPositiveSolidPrimary: "var(--maru-background-positive-solid-primary)";
+    readonly backgroundPositiveSolidPrimaryHover: "var(--maru-background-positive-solid-primary-hover)";
+    readonly backgroundPositivePrimary: "var(--maru-background-positive-primary)";
+    readonly backgroundPositivePrimaryHover: "var(--maru-background-positive-primary-hover)";
+    readonly backgroundInfoSolidPrimary: "var(--maru-background-info-solid-primary)";
+    readonly backgroundInfoSolidPrimaryHover: "var(--maru-background-info-solid-primary-hover)";
+    readonly backgroundInfoSecondary: "var(--maru-background-info-secondary)";
+    readonly backgroundInfoSecondaryHover: "var(--maru-background-info-secondary-hover)";
+    readonly backgroundWarningSolidPrimary: "var(--maru-background-warning-solid-primary)";
+    readonly backgroundWarningSolidPrimaryHover: "var(--maru-background-warning-solid-primary-hover)";
+    readonly backgroundWarningPrimary: "var(--maru-background-warning-primary)";
+    readonly backgroundWarningPrimaryHover: "var(--maru-background-warning-primary-hover)";
+    readonly backgroundErrorSolidPrimary: "var(--maru-background-error-solid-primary)";
+    readonly backgroundErrorSolidPrimaryHover: "var(--maru-background-error-solid-primary-hover)";
+    readonly backgroundErrorPrimary: "var(--maru-background-error-primary)";
+    readonly backgroundErrorPrimaryHover: "var(--maru-background-error-primary-hover)";
+    readonly badgePrimary: "var(--maru-badge-primary)";
+    readonly badgePrimaryHover: "var(--maru-badge-primary-hover)";
+    readonly badgeSecondary: "var(--maru-badge-secondary)";
+    readonly badgeSecondaryHover: "var(--maru-badge-secondary-hover)";
+    readonly badgePositivePrimary: "var(--maru-badge-positive-primary)";
+    readonly badgeErrorPrimary: "var(--maru-badge-error-primary)";
+    readonly badgeBrandPrimary: "var(--maru-badge-brand-primary)";
+    readonly badgeInfoPrimary: "var(--maru-badge-info-primary)";
+    readonly componentBrandPrimary: "var(--maru-component-brand-primary)";
+    readonly componentWhite: "var(--maru-component-white)";
+    readonly componentError: "var(--maru-component-error)";
+    readonly featureHighlight: "var(--maru-feature-highlight)";
+    readonly featureTooltip: "var(--maru-feature-tooltip)";
+    readonly shadowBrand: "var(--maru-shadow-brand)";
+    readonly shadowSearchBar: "var(--maru-shadow-search-bar)";
+    readonly shadowDefault: "var(--maru-shadow-default)";
+    readonly overlayScrim: "var(--maru-overlay-scrim)";
+    readonly skeletonBase: "var(--maru-skeleton-base)";
+    readonly skeletonHighlight: "var(--maru-skeleton-highlight)";
+    readonly statusLearning: "var(--maru-status-learning)";
+    readonly statusLearningBackground: "var(--maru-status-learning-background)";
+    readonly statusDistribution: "var(--maru-status-distribution)";
+    readonly statusDistributionBackground: "var(--maru-status-distribution-background)";
+    readonly statusService: "var(--maru-status-service)";
+    readonly statusServiceBackground: "var(--maru-status-service-background)";
+    readonly statusTitle: "var(--maru-status-title)";
+};
+export declare const COLOR_TOKEN_VALUES: {
+    readonly textPrimary: "var(--maru-text-primary)";
+    readonly textSecondary: "var(--maru-text-secondary)";
+    readonly textSupport: "var(--maru-text-support)";
+    readonly textTertiary: "var(--maru-text-tertiary)";
+    readonly textDisabled: "var(--maru-text-disabled)";
+    readonly textWhite: "var(--maru-text-white)";
+    readonly textBrand: "var(--maru-text-brand)";
+    readonly textBrandHover: "var(--maru-text-brand-hover)";
+    readonly textSuccessPrimary: "var(--maru-text-success-primary)";
+    readonly textWarningPrimary: "var(--maru-text-warning-primary)";
+    readonly textInfoPrimary: "var(--maru-text-info-primary)";
+    readonly textPositivePrimary: "var(--maru-text-positive-primary)";
+    readonly textErrorPrimary: "var(--maru-text-error-primary)";
+    readonly iconPrimary: "var(--maru-icon-primary)";
+    readonly iconSecondary: "var(--maru-icon-secondary)";
+    readonly iconTertiary: "var(--maru-icon-tertiary)";
+    readonly iconQuaternary: "var(--maru-icon-quaternary)";
+    readonly iconBrandPrimary: "var(--maru-icon-brand-primary)";
+    readonly iconBrandSecondary: "var(--maru-icon-brand-secondary)";
+    readonly iconErrorPrimary: "var(--maru-icon-error-primary)";
+    readonly iconErrorSecondary: "var(--maru-icon-error-secondary)";
+    readonly iconPositivePrimary: "var(--maru-icon-positive-primary)";
+    readonly iconWarningPrimary: "var(--maru-icon-warning-primary)";
+    readonly iconWhite: "var(--maru-icon-white)";
+    readonly borderPrimary: "var(--maru-border-primary)";
+    readonly borderSecondary: "var(--maru-border-secondary)";
+    readonly borderSuccessPrimary: "var(--maru-border-success-primary)";
+    readonly borderBrandPrimary: "var(--maru-border-brand-primary)";
+    readonly borderBrandSecondary: "var(--maru-border-brand-secondary)";
+    readonly borderBrandTertiary: "var(--maru-border-brand-tertiary)";
+    readonly borderErrorPrimary: "var(--maru-border-error-primary)";
+    readonly borderErrorSecondary: "var(--maru-border-error-secondary)";
+    readonly backgroundPrimary: "var(--maru-background-primary)";
+    readonly backgroundPrimaryHover: "var(--maru-background-primary-hover)";
+    readonly backgroundSecondary: "var(--maru-background-secondary)";
+    readonly backgroundSecondaryHover: "var(--maru-background-secondary-hover)";
+    readonly backgroundTertiary: "var(--maru-background-tertiary)";
+    readonly backgroundQuaternary: "var(--maru-background-quaternary)";
+    readonly backgroundDisabled: "var(--maru-background-disabled)";
+    readonly backgroundBlack: "var(--maru-background-black)";
+    readonly backgroundPopupPrimary: "var(--maru-background-popup-primary)";
+    readonly backgroundBrandSolidPrimary: "var(--maru-background-brand-solid-primary)";
+    readonly backgroundBrandSolidPrimaryHover: "var(--maru-background-brand-solid-primary-hover)";
+    readonly backgroundBrandSolidSecondary: "var(--maru-background-brand-solid-secondary)";
+    readonly backgroundBrandPrimary: "var(--maru-background-brand-primary)";
+    readonly backgroundBrandTertiaryHover: "var(--maru-background-brand-tertiary-hover)";
+    readonly backgroundPositiveSolidPrimary: "var(--maru-background-positive-solid-primary)";
+    readonly backgroundPositiveSolidPrimaryHover: "var(--maru-background-positive-solid-primary-hover)";
+    readonly backgroundPositivePrimary: "var(--maru-background-positive-primary)";
+    readonly backgroundPositivePrimaryHover: "var(--maru-background-positive-primary-hover)";
+    readonly backgroundInfoSolidPrimary: "var(--maru-background-info-solid-primary)";
+    readonly backgroundInfoSolidPrimaryHover: "var(--maru-background-info-solid-primary-hover)";
+    readonly backgroundInfoSecondary: "var(--maru-background-info-secondary)";
+    readonly backgroundInfoSecondaryHover: "var(--maru-background-info-secondary-hover)";
+    readonly backgroundWarningSolidPrimary: "var(--maru-background-warning-solid-primary)";
+    readonly backgroundWarningSolidPrimaryHover: "var(--maru-background-warning-solid-primary-hover)";
+    readonly backgroundWarningPrimary: "var(--maru-background-warning-primary)";
+    readonly backgroundWarningPrimaryHover: "var(--maru-background-warning-primary-hover)";
+    readonly backgroundErrorSolidPrimary: "var(--maru-background-error-solid-primary)";
+    readonly backgroundErrorSolidPrimaryHover: "var(--maru-background-error-solid-primary-hover)";
+    readonly backgroundErrorPrimary: "var(--maru-background-error-primary)";
+    readonly backgroundErrorPrimaryHover: "var(--maru-background-error-primary-hover)";
+    readonly badgePrimary: "var(--maru-badge-primary)";
+    readonly badgePrimaryHover: "var(--maru-badge-primary-hover)";
+    readonly badgeSecondary: "var(--maru-badge-secondary)";
+    readonly badgeSecondaryHover: "var(--maru-badge-secondary-hover)";
+    readonly badgePositivePrimary: "var(--maru-badge-positive-primary)";
+    readonly badgeErrorPrimary: "var(--maru-badge-error-primary)";
+    readonly badgeBrandPrimary: "var(--maru-badge-brand-primary)";
+    readonly badgeInfoPrimary: "var(--maru-badge-info-primary)";
+    readonly componentBrandPrimary: "var(--maru-component-brand-primary)";
+    readonly componentWhite: "var(--maru-component-white)";
+    readonly componentError: "var(--maru-component-error)";
+    readonly featureHighlight: "var(--maru-feature-highlight)";
+    readonly featureTooltip: "var(--maru-feature-tooltip)";
+    readonly shadowBrand: "var(--maru-shadow-brand)";
+    readonly shadowSearchBar: "var(--maru-shadow-search-bar)";
+    readonly shadowDefault: "var(--maru-shadow-default)";
+    readonly overlayScrim: "var(--maru-overlay-scrim)";
+    readonly skeletonBase: "var(--maru-skeleton-base)";
+    readonly skeletonHighlight: "var(--maru-skeleton-highlight)";
+    readonly statusLearning: "var(--maru-status-learning)";
+    readonly statusLearningBackground: "var(--maru-status-learning-background)";
+    readonly statusDistribution: "var(--maru-status-distribution)";
+    readonly statusDistributionBackground: "var(--maru-status-distribution-background)";
+    readonly statusService: "var(--maru-status-service)";
+    readonly statusServiceBackground: "var(--maru-status-service-background)";
+    readonly statusTitle: "var(--maru-status-title)";
+    readonly white: "var(--maru-white)";
+    readonly black50: "var(--maru-black-50)";
+    readonly black100: "var(--maru-black-100)";
+    readonly black150: "var(--maru-black-150)";
+    readonly black200: "var(--maru-black-200)";
+    readonly black250: "var(--maru-black-250)";
+    readonly black300: "var(--maru-black-300)";
+    readonly black350: "var(--maru-black-350)";
+    readonly black400: "var(--maru-black-400)";
+    readonly black500: "var(--maru-black-500)";
+    readonly black550: "var(--maru-black-550)";
+    readonly black600: "var(--maru-black-600)";
+    readonly black700: "var(--maru-black-700)";
+    readonly black800: "var(--maru-black-800)";
+    readonly black900: "var(--maru-black-900)";
+    readonly gray100: "var(--maru-gray-100)";
+    readonly gray150: "var(--maru-gray-150)";
+    readonly gray200: "var(--maru-gray-200)";
+    readonly gray300: "var(--maru-gray-300)";
+    readonly gray400: "var(--maru-gray-400)";
+    readonly gray500: "var(--maru-gray-500)";
+    readonly gray600: "var(--maru-gray-600)";
+    readonly gray700: "var(--maru-gray-700)";
+    readonly gray800: "var(--maru-gray-800)";
+    readonly gray900: "var(--maru-gray-900)";
+    readonly coolGray50: "var(--maru-cool-gray-50)";
+    readonly coolGray100: "var(--maru-cool-gray-100)";
+    readonly coolGray200: "var(--maru-cool-gray-200)";
+    readonly neutralGray100: "var(--maru-neutral-gray-100)";
+    readonly neutralGray200: "var(--maru-neutral-gray-200)";
+    readonly brand50: "var(--maru-brand-50)";
+    readonly brand100: "var(--maru-brand-100)";
+    readonly brand200: "var(--maru-brand-200)";
+    readonly brand300: "var(--maru-brand-300)";
+    readonly brand400: "var(--maru-brand-400)";
+    readonly brand500: "var(--maru-brand-500)";
+    readonly brand600: "var(--maru-brand-600)";
+    readonly brand700: "var(--maru-brand-700)";
+    readonly brand800: "var(--maru-brand-800)";
+    readonly brand900: "var(--maru-brand-900)";
+    readonly brand1000: "var(--maru-brand-1000)";
+    readonly blue50: "var(--maru-blue-50)";
+    readonly blue100: "var(--maru-blue-100)";
+    readonly blue200: "var(--maru-blue-200)";
+    readonly blue300: "var(--maru-blue-300)";
+    readonly blue400: "var(--maru-blue-400)";
+    readonly blue500: "var(--maru-blue-500)";
+    readonly blue600: "var(--maru-blue-600)";
+    readonly blue700: "var(--maru-blue-700)";
+    readonly blue800: "var(--maru-blue-800)";
+    readonly blue900: "var(--maru-blue-900)";
+    readonly blue1000: "var(--maru-blue-1000)";
+    readonly green50: "var(--maru-green-50)";
+    readonly green100: "var(--maru-green-100)";
+    readonly green200: "var(--maru-green-200)";
+    readonly green300: "var(--maru-green-300)";
+    readonly green400: "var(--maru-green-400)";
+    readonly green500: "var(--maru-green-500)";
+    readonly green600: "var(--maru-green-600)";
+    readonly green700: "var(--maru-green-700)";
+    readonly green800: "var(--maru-green-800)";
+    readonly green900: "var(--maru-green-900)";
+    readonly green1000: "var(--maru-green-1000)";
+    readonly yellow50: "var(--maru-yellow-50)";
+    readonly yellow100: "var(--maru-yellow-100)";
+    readonly yellow200: "var(--maru-yellow-200)";
+    readonly yellow300: "var(--maru-yellow-300)";
+    readonly yellow400: "var(--maru-yellow-400)";
+    readonly yellow500: "var(--maru-yellow-500)";
+    readonly yellow600: "var(--maru-yellow-600)";
+    readonly yellow700: "var(--maru-yellow-700)";
+    readonly yellow800: "var(--maru-yellow-800)";
+    readonly yellow900: "var(--maru-yellow-900)";
+    readonly yellow1000: "var(--maru-yellow-1000)";
+    readonly red50: "var(--maru-red-50)";
+    readonly red100: "var(--maru-red-100)";
+    readonly red200: "var(--maru-red-200)";
+    readonly red300: "var(--maru-red-300)";
+    readonly red400: "var(--maru-red-400)";
+    readonly red500: "var(--maru-red-500)";
+    readonly red600: "var(--maru-red-600)";
+    readonly red700: "var(--maru-red-700)";
+    readonly red800: "var(--maru-red-800)";
+    readonly red900: "var(--maru-red-900)";
+    readonly red1000: "var(--maru-red-1000)";
+};

package/dist/constants/input.d.ts

@@ -0,0 +1,2 @@
+declare const NUMBER_INPUT_MAXIMUM_DECIMAL_PLACES = 15;
+export default NUMBER_INPUT_MAXIMUM_DECIMAL_PLACES;

package/dist/constants/toast.d.ts

@@ -0,0 +1,2 @@
+declare const TOAST_AUTO_DISMISS_DELAY = 5000;
+export default TOAST_AUTO_DISMISS_DELAY;

package/dist/enums/color.d.ts

@@ -1,14 +1,121 @@
+/**
+ * StyleProvider에서 설정하는 앱 테마입니다.
+ * - `navy`: Figma Brand semantic (기본 fallback)
+ * - `blue`: provisional brand (기존 blue 테마 값 유지)
+ * - `green`: provisional brand (기존 green 테마 값 유지)
+ */
 export type TTheme = 'blue' | 'green' | 'navy';
+/**
+ * 컴포넌트 `color` prop에 사용하는 public 색상 키입니다.
+ * - `primary`: 현재 theme brand (`var(--p)`)
+ * - `secondary`: neutral 보조 (`var(--maru-icon-tertiary)`)
+ * - `positive`: info 역할 호환 (`var(--maru-background-info-solid-primary)`)
+ * - `warning`: warning 역할 (`var(--maru-background-warning-solid-primary)`)
+ * - `danger`: error 역할 (`var(--maru-background-error-solid-primary)`)
+ * - `success`: positive/success 역할 (`var(--maru-background-positive-solid-primary)`)
+ */
 declare const DColor: {
     readonly primary: "var(--p)";
-    readonly secondary: "#8c8c8c";
-    readonly positive: "#308acc";
-    readonly warning: "#ffb020";
-    readonly danger: "#e53e3e";
-    readonly success: "#32a483";
+    readonly secondary: "var(--maru-icon-tertiary)";
+    readonly positive: "var(--maru-background-info-solid-primary)";
+    readonly warning: "var(--maru-background-warning-solid-primary)";
+    readonly danger: "var(--maru-background-error-solid-primary)";
+    readonly success: "var(--maru-background-positive-solid-primary)";
 };
-export declare const COLORS: string[];
+export declare const COLORS: ("primary" | "secondary" | "positive" | "warning" | "danger" | "success")[];
 export type TColor = (typeof COLORS)[number];
 export { DColor };
 export declare const RADIO_COLORS: readonly ["default", "primary"];
 export type TRadioColor = (typeof RADIO_COLORS)[number];
+/** 하위 호환을 위해 유지하는 semantic CSS 변수 상수입니다. */
+export declare const SemanticColor: {
+    readonly errorSecondary: "var(--maru-red-500)";
+    readonly textPrimary: "var(--maru-text-primary)";
+    readonly textSecondary: "var(--maru-text-secondary)";
+    readonly textSupport: "var(--maru-text-support)";
+    readonly textTertiary: "var(--maru-text-tertiary)";
+    readonly textDisabled: "var(--maru-text-disabled)";
+    readonly textWhite: "var(--maru-text-white)";
+    readonly textBrand: "var(--maru-text-brand)";
+    readonly textBrandHover: "var(--maru-text-brand-hover)";
+    readonly textSuccessPrimary: "var(--maru-text-success-primary)";
+    readonly textWarningPrimary: "var(--maru-text-warning-primary)";
+    readonly textInfoPrimary: "var(--maru-text-info-primary)";
+    readonly textPositivePrimary: "var(--maru-text-positive-primary)";
+    readonly textErrorPrimary: "var(--maru-text-error-primary)";
+    readonly iconPrimary: "var(--maru-icon-primary)";
+    readonly iconSecondary: "var(--maru-icon-secondary)";
+    readonly iconTertiary: "var(--maru-icon-tertiary)";
+    readonly iconQuaternary: "var(--maru-icon-quaternary)";
+    readonly iconBrandPrimary: "var(--maru-icon-brand-primary)";
+    readonly iconBrandSecondary: "var(--maru-icon-brand-secondary)";
+    readonly iconErrorPrimary: "var(--maru-icon-error-primary)";
+    readonly iconErrorSecondary: "var(--maru-icon-error-secondary)";
+    readonly iconPositivePrimary: "var(--maru-icon-positive-primary)";
+    readonly iconWarningPrimary: "var(--maru-icon-warning-primary)";
+    readonly iconWhite: "var(--maru-icon-white)";
+    readonly borderPrimary: "var(--maru-border-primary)";
+    readonly borderSecondary: "var(--maru-border-secondary)";
+    readonly borderSuccessPrimary: "var(--maru-border-success-primary)";
+    readonly borderBrandPrimary: "var(--maru-border-brand-primary)";
+    readonly borderBrandSecondary: "var(--maru-border-brand-secondary)";
+    readonly borderBrandTertiary: "var(--maru-border-brand-tertiary)";
+    readonly borderErrorPrimary: "var(--maru-border-error-primary)";
+    readonly borderErrorSecondary: "var(--maru-border-error-secondary)";
+    readonly backgroundPrimary: "var(--maru-background-primary)";
+    readonly backgroundPrimaryHover: "var(--maru-background-primary-hover)";
+    readonly backgroundSecondary: "var(--maru-background-secondary)";
+    readonly backgroundSecondaryHover: "var(--maru-background-secondary-hover)";
+    readonly backgroundTertiary: "var(--maru-background-tertiary)";
+    readonly backgroundQuaternary: "var(--maru-background-quaternary)";
+    readonly backgroundDisabled: "var(--maru-background-disabled)";
+    readonly backgroundBlack: "var(--maru-background-black)";
+    readonly backgroundPopupPrimary: "var(--maru-background-popup-primary)";
+    readonly backgroundBrandSolidPrimary: "var(--maru-background-brand-solid-primary)";
+    readonly backgroundBrandSolidPrimaryHover: "var(--maru-background-brand-solid-primary-hover)";
+    readonly backgroundBrandSolidSecondary: "var(--maru-background-brand-solid-secondary)";
+    readonly backgroundBrandPrimary: "var(--maru-background-brand-primary)";
+    readonly backgroundBrandTertiaryHover: "var(--maru-background-brand-tertiary-hover)";
+    readonly backgroundPositiveSolidPrimary: "var(--maru-background-positive-solid-primary)";
+    readonly backgroundPositiveSolidPrimaryHover: "var(--maru-background-positive-solid-primary-hover)";
+    readonly backgroundPositivePrimary: "var(--maru-background-positive-primary)";
+    readonly backgroundPositivePrimaryHover: "var(--maru-background-positive-primary-hover)";
+    readonly backgroundInfoSolidPrimary: "var(--maru-background-info-solid-primary)";
+    readonly backgroundInfoSolidPrimaryHover: "var(--maru-background-info-solid-primary-hover)";
+    readonly backgroundInfoSecondary: "var(--maru-background-info-secondary)";
+    readonly backgroundInfoSecondaryHover: "var(--maru-background-info-secondary-hover)";
+    readonly backgroundWarningSolidPrimary: "var(--maru-background-warning-solid-primary)";
+    readonly backgroundWarningSolidPrimaryHover: "var(--maru-background-warning-solid-primary-hover)";
+    readonly backgroundWarningPrimary: "var(--maru-background-warning-primary)";
+    readonly backgroundWarningPrimaryHover: "var(--maru-background-warning-primary-hover)";
+    readonly backgroundErrorSolidPrimary: "var(--maru-background-error-solid-primary)";
+    readonly backgroundErrorSolidPrimaryHover: "var(--maru-background-error-solid-primary-hover)";
+    readonly backgroundErrorPrimary: "var(--maru-background-error-primary)";
+    readonly backgroundErrorPrimaryHover: "var(--maru-background-error-primary-hover)";
+    readonly badgePrimary: "var(--maru-badge-primary)";
+    readonly badgePrimaryHover: "var(--maru-badge-primary-hover)";
+    readonly badgeSecondary: "var(--maru-badge-secondary)";
+    readonly badgeSecondaryHover: "var(--maru-badge-secondary-hover)";
+    readonly badgePositivePrimary: "var(--maru-badge-positive-primary)";
+    readonly badgeErrorPrimary: "var(--maru-badge-error-primary)";
+    readonly badgeBrandPrimary: "var(--maru-badge-brand-primary)";
+    readonly badgeInfoPrimary: "var(--maru-badge-info-primary)";
+    readonly componentBrandPrimary: "var(--maru-component-brand-primary)";
+    readonly componentWhite: "var(--maru-component-white)";
+    readonly componentError: "var(--maru-component-error)";
+    readonly featureHighlight: "var(--maru-feature-highlight)";
+    readonly featureTooltip: "var(--maru-feature-tooltip)";
+    readonly shadowBrand: "var(--maru-shadow-brand)";
+    readonly shadowSearchBar: "var(--maru-shadow-search-bar)";
+    readonly shadowDefault: "var(--maru-shadow-default)";
+    readonly overlayScrim: "var(--maru-overlay-scrim)";
+    readonly skeletonBase: "var(--maru-skeleton-base)";
+    readonly skeletonHighlight: "var(--maru-skeleton-highlight)";
+    readonly statusLearning: "var(--maru-status-learning)";
+    readonly statusLearningBackground: "var(--maru-status-learning-background)";
+    readonly statusDistribution: "var(--maru-status-distribution)";
+    readonly statusDistributionBackground: "var(--maru-status-distribution-background)";
+    readonly statusService: "var(--maru-status-service)";
+    readonly statusServiceBackground: "var(--maru-status-service-background)";
+    readonly statusTitle: "var(--maru-status-title)";
+};

package/dist/enums/size.d.ts

@@ -1,8 +1,11 @@
-export declare const BUTTON_SIZES: readonly ["small", "normal", "large"];
+export declare const BUTTON_SIZES: readonly ["xxs", "xs", "small", "normal", "large"];
 export type TButtonSize = (typeof BUTTON_SIZES)[number];
 export declare const CHECKBOX_SIZES: readonly [16, 18, 24];
 export type TCheckboxSize = (typeof CHECKBOX_SIZES)[number];
-export declare const CHIP_SIZES: readonly ["small", "normal"];
+export declare const CHIP_SIZES: readonly ["small", "normal", "large"];
 export type TChipSize = (typeof CHIP_SIZES)[number];
+/** Badge size. Figma sm/md/lg ↔ small/normal/large. Default: normal. */
+export declare const BADGE_SIZES: readonly ["small", "normal", "large"];
+export type TBadgeSize = (typeof BADGE_SIZES)[number];
 export declare const MODAL_SIZES: readonly ["xs", "s", "m", "l", "xl"];
 export type TModalSize = (typeof MODAL_SIZES)[number];

package/dist/enums/variant.d.ts

@@ -1,4 +1,4 @@
-export declare const BUTTON_VARIANTS: readonly ["default", "default-light", "outline", "text", "color-on-focus"];
+export declare const BUTTON_VARIANTS: readonly ["default", "default-light", "outline", "text", "color-on-focus", "link", "link-outline", "round"];
 export type TButtonVariant = (typeof BUTTON_VARIANTS)[number];
 export declare const CHIP_VARIANTS: readonly ["default", "outline", "dot"];
 export type TChipVariant = (typeof CHIP_VARIANTS)[number];
@@ -6,7 +6,12 @@ export declare const TOAST_VARIANTS: readonly ["success", "warning", "danger"];
 export type TToastVariant = (typeof TOAST_VARIANTS)[number];
 export declare const SKELETON_VARIANTS: readonly ["frame"];
 export type TSkeletonVariant = (typeof SKELETON_VARIANTS)[number];
-export declare const BADGE_COLORS: readonly ["primary", "secondary", "blue", "green", "purple"];
+/**
+ * Badge color.
+ * Figma: primary(Brand) / secondary(Gray) / danger(Error) / success(Success)
+ * 하위 호환: positive
+ */
+export declare const BADGE_COLORS: readonly ["primary", "secondary", "danger", "positive", "success"];
 export type TBadgeColor = (typeof BADGE_COLORS)[number];
 export declare const BADGE_VARIANTS: readonly ["default", "outlined"];
 export type TBadgeVariant = (typeof BADGE_VARIANTS)[number];