@chenzy-design/tokens 0.2.0 → 0.3.0

package/dist/components/index.d.ts

@@ -5,7 +5,7 @@ export declare const componentTokens: {
     readonly 'lottieicon-color': "var(--cd-color-text-0)";
     readonly 'lottieicon-color-hover': "var(--cd-color-primary)";
     readonly 'lottieicon-bg-skeleton': "var(--cd-color-bg-1)";
-    readonly 'lottieicon-radius': "var(--cd-radius-1)";
+    readonly 'lottieicon-radius': "var(--cd-border-radius-small)";
     readonly 'lottieicon-error-color': "var(--cd-color-danger)";
     readonly 'lottieicon-valign': "-0.125em";
     readonly 'backtop-size': "40px";
@@ -16,8 +16,8 @@ export declare const componentTokens: {
     readonly 'backtop-bg-active': "var(--cd-color-fill-1)";
     readonly 'backtop-color': "var(--cd-color-text-0)";
     readonly 'backtop-border': "var(--cd-color-border)";
-    readonly 'backtop-shadow': "var(--cd-shadow-3)";
-    readonly 'backtop-radius': "var(--cd-radius-full)";
+    readonly 'backtop-shadow': "var(--cd-shadow-elevated)";
+    readonly 'backtop-radius': "var(--cd-border-radius-full)";
     readonly 'backtop-z': "900";
     readonly 'backtop-focus-ring': "var(--cd-color-primary)";
     readonly 'backtop-motion-duration': "var(--cd-motion-duration-fast)";
@@ -26,20 +26,21 @@ export declare const componentTokens: {
     readonly 'notification-color-title': "var(--cd-color-text-0)";
     readonly 'notification-color-content': "var(--cd-color-text-1)";
     readonly 'notification-border': "var(--cd-color-border)";
-    readonly 'notification-radius': "var(--cd-radius-3)";
-    readonly 'notification-shadow': "var(--cd-shadow-3)";
-    readonly 'notification-padding': "var(--cd-spacing-4)";
-    readonly 'notification-gap': "var(--cd-spacing-3)";
+    readonly 'notification-radius': "var(--cd-border-radius-medium)";
+    readonly 'notification-shadow': "var(--cd-shadow-elevated)";
+    readonly 'notification-padding': "var(--cd-spacing-base)";
+    readonly 'notification-gap': "var(--cd-spacing-base-tight)";
     readonly 'notification-icon-success': "var(--cd-color-success)";
     readonly 'notification-icon-info': "var(--cd-color-primary)";
     readonly 'notification-icon-warning': "var(--cd-color-warning)";
     readonly 'notification-icon-error': "var(--cd-color-danger)";
     readonly 'notification-close-color': "var(--cd-color-text-2)";
     readonly 'notification-close-color-hover': "var(--cd-color-text-0)";
-    readonly 'notification-title-size': "var(--cd-font-size-2)";
-    readonly 'notification-content-size': "var(--cd-font-size-1)";
+    readonly 'notification-title-size': "var(--cd-font-size-regular)";
+    readonly 'notification-title-weight': "var(--cd-font-weight-bold)";
+    readonly 'notification-content-size': "var(--cd-font-size-small)";
     readonly 'notification-z': "1100";
-    readonly 'notification-offset': "var(--cd-spacing-6)";
+    readonly 'notification-offset': "var(--cd-spacing-loose)";
     readonly 'notification-motion-duration': "var(--cd-motion-duration-mid)";
     readonly 'notification-progress-height': "3px";
     readonly 'notification-progress-color': "var(--cd-color-primary)";
@@ -57,14 +58,15 @@ export declare const componentTokens: {
     readonly 'toast-color-icon-error': "var(--cd-color-danger)";
     readonly 'toast-color-close': "var(--cd-color-text-2)";
     readonly 'toast-color-close-hover': "var(--cd-color-text-0)";
-    readonly 'toast-radius': "var(--cd-radius-2)";
-    readonly 'toast-shadow': "var(--cd-shadow-3)";
-    readonly 'toast-padding': "var(--cd-spacing-3) var(--cd-spacing-4)";
-    readonly 'toast-gap': "var(--cd-spacing-2)";
-    readonly 'toast-font-size': "var(--cd-font-size-2)";
+    readonly 'toast-radius': "var(--cd-border-radius-medium)";
+    readonly 'toast-shadow': "var(--cd-shadow-elevated)";
+    readonly 'toast-padding': "var(--cd-spacing-base-tight) var(--cd-spacing-tight)";
+    readonly 'toast-gap': "var(--cd-spacing-tight)";
+    readonly 'toast-font-size': "var(--cd-font-size-regular)";
+    readonly 'toast-font-weight': "var(--cd-font-weight-bold)";
     readonly 'toast-max-width': "420px";
     readonly 'toast-min-width': "240px";
-    readonly 'toast-stack-gap': "var(--cd-spacing-2)";
+    readonly 'toast-stack-gap': "var(--cd-spacing-tight)";
     readonly 'toast-z': "1100";
     readonly 'toast-motion-duration': "var(--cd-motion-duration-fast)";
     readonly 'toast-bg-dark': "var(--cd-color-text-0)";
@@ -73,20 +75,21 @@ export declare const componentTokens: {
     readonly 'toast-color-close-hover-dark': "var(--cd-color-bg-0)";
     readonly 'popconfirm-bg': "var(--cd-color-bg-0)";
     readonly 'popconfirm-color-text': "var(--cd-color-text-0)";
-    readonly 'popconfirm-color-text-secondary': "var(--cd-color-text-1)";
+    readonly 'popconfirm-color-text-secondary': "var(--cd-color-text-2)";
     readonly 'popconfirm-border': "var(--cd-color-border)";
-    readonly 'popconfirm-shadow': "var(--cd-shadow-3)";
-    readonly 'popconfirm-radius': "var(--cd-radius-2)";
-    readonly 'popconfirm-padding': "var(--cd-spacing-4)";
+    readonly 'popconfirm-shadow': "var(--cd-shadow-elevated)";
+    readonly 'popconfirm-radius': "var(--cd-border-radius-medium)";
+    readonly 'popconfirm-padding': "var(--cd-spacing-loose)";
     readonly 'popconfirm-icon-color-danger': "var(--cd-color-danger)";
     readonly 'popconfirm-icon-color-warning': "var(--cd-color-warning)";
-    readonly 'popconfirm-icon-color-info': "var(--cd-color-primary)";
+    readonly 'popconfirm-icon-color-info': "var(--cd-color-warning)";
     readonly 'popconfirm-title-color': "var(--cd-color-text-0)";
-    readonly 'popconfirm-title-size': "var(--cd-font-size-2)";
-    readonly 'popconfirm-content-size': "var(--cd-font-size-1)";
-    readonly 'popconfirm-max-width': "280px";
+    readonly 'popconfirm-title-size': "var(--cd-font-size-regular)";
+    readonly 'popconfirm-title-weight': "var(--cd-font-weight-bold)";
+    readonly 'popconfirm-content-size': "var(--cd-font-size-small)";
+    readonly 'popconfirm-max-width': "400px";
     readonly 'popconfirm-z': "1000";
-    readonly 'popconfirm-gap-footer': "var(--cd-spacing-2)";
+    readonly 'popconfirm-gap-footer': "var(--cd-spacing-tight)";
     readonly 'popconfirm-arrow-size': "8px";
     readonly 'popconfirm-motion-duration': "var(--cd-motion-duration-fast)";
     readonly 'popconfirm-motion-easing': "var(--cd-motion-ease-standard)";
@@ -94,13 +97,13 @@ export declare const componentTokens: {
     readonly 'sidesheet-color': "var(--cd-color-text-0)";
     readonly 'sidesheet-mask-bg': "rgba(0, 0, 0, 0.6)";
     readonly 'sidesheet-border': "var(--cd-color-border)";
-    readonly 'sidesheet-radius': "var(--cd-radius-3)";
-    readonly 'sidesheet-shadow': "var(--cd-shadow-3)";
-    readonly 'sidesheet-padding': "var(--cd-spacing-5)";
-    readonly 'sidesheet-header-padding': "var(--cd-spacing-4) var(--cd-spacing-5)";
-    readonly 'sidesheet-footer-padding': "var(--cd-spacing-4) var(--cd-spacing-5)";
+    readonly 'sidesheet-radius': "var(--cd-border-radius-large)";
+    readonly 'sidesheet-shadow': "var(--cd-shadow-elevated)";
+    readonly 'sidesheet-padding': "var(--cd-spacing-base-loose)";
+    readonly 'sidesheet-header-padding': "var(--cd-spacing-base) var(--cd-spacing-base-loose)";
+    readonly 'sidesheet-footer-padding': "var(--cd-spacing-base) var(--cd-spacing-base-loose)";
     readonly 'sidesheet-title-color': "var(--cd-color-text-0)";
-    readonly 'sidesheet-title-size': "var(--cd-font-size-3)";
+    readonly 'sidesheet-title-size': "var(--cd-font-size-header-6)";
     readonly 'sidesheet-close-color': "var(--cd-color-text-2)";
     readonly 'sidesheet-close-color-hover': "var(--cd-color-text-0)";
     readonly 'sidesheet-close-hover-bg': "var(--cd-color-fill-1)";
@@ -117,77 +120,78 @@ export declare const componentTokens: {
     readonly 'drawer-color-title': "var(--cd-color-text-0)";
     readonly 'drawer-border': "var(--cd-color-border)";
     readonly 'drawer-mask-bg': "rgba(0, 0, 0, 0.45)";
-    readonly 'drawer-shadow': "var(--cd-shadow-3)";
+    readonly 'drawer-shadow': "var(--cd-shadow-elevated)";
     readonly 'drawer-width': "448px";
     readonly 'drawer-width-small': "320px";
     readonly 'drawer-width-large': "720px";
     readonly 'drawer-height': "320px";
     readonly 'drawer-height-small': "240px";
     readonly 'drawer-height-large': "480px";
-    readonly 'drawer-header-padding': "var(--cd-spacing-5)";
-    readonly 'drawer-body-padding': "var(--cd-spacing-5)";
-    readonly 'drawer-footer-padding': "var(--cd-spacing-4) var(--cd-spacing-5)";
+    readonly 'drawer-header-padding': "var(--cd-spacing-base-loose)";
+    readonly 'drawer-body-padding': "var(--cd-spacing-base-loose)";
+    readonly 'drawer-footer-padding': "var(--cd-spacing-base) var(--cd-spacing-base-loose)";
     readonly 'drawer-title-color': "var(--cd-color-text-0)";
-    readonly 'drawer-title-size': "var(--cd-font-size-3)";
+    readonly 'drawer-title-size': "var(--cd-font-size-header-6)";
     readonly 'drawer-close-color': "var(--cd-color-text-2)";
     readonly 'drawer-close-color-hover': "var(--cd-color-text-0)";
     readonly 'drawer-close-hover-bg': "var(--cd-color-fill-1)";
     readonly 'drawer-z': "1000";
     readonly 'drawer-motion-duration': "var(--cd-motion-duration-mid)";
-    readonly 'modal-radius': "var(--cd-radius-3)";
+    readonly 'modal-radius': "var(--cd-border-radius-large)";
     readonly 'modal-bg': "var(--cd-color-bg-0)";
-    readonly 'modal-shadow': "var(--cd-shadow-3)";
-    readonly 'modal-mask-bg': "rgba(0, 0, 0, 0.45)";
-    readonly 'modal-padding': "var(--cd-spacing-6)";
-    readonly 'modal-header-gap': "var(--cd-spacing-3)";
-    readonly 'modal-footer-gap': "var(--cd-spacing-2)";
+    readonly 'modal-shadow': "var(--cd-shadow-elevated)";
+    readonly 'modal-mask-bg': "var(--cd-color-overlay-bg)";
+    readonly 'modal-padding': "var(--cd-spacing-loose)";
+    readonly 'modal-header-gap': "var(--cd-spacing-base-tight)";
+    readonly 'modal-footer-gap': "var(--cd-spacing-tight)";
     readonly 'modal-title-color': "var(--cd-color-text-0)";
-    readonly 'modal-title-size': "var(--cd-font-size-3)";
+    readonly 'modal-title-size': "var(--cd-font-size-regular)";
+    readonly 'modal-title-weight': "var(--cd-font-weight-bold)";
     readonly 'modal-body-color': "var(--cd-color-text-1)";
     readonly 'modal-close-color': "var(--cd-color-text-2)";
     readonly 'modal-close-hover-bg': "var(--cd-color-fill-1)";
-    readonly 'modal-z': "1000";
+    readonly 'modal-z': "var(--cd-z-modal)";
     readonly 'modal-motion-duration': "var(--cd-motion-duration-mid)";
-    readonly 'banner-radius': "var(--cd-radius-2)";
-    readonly 'banner-padding-y': "var(--cd-spacing-3)";
-    readonly 'banner-padding-x': "var(--cd-spacing-4)";
-    readonly 'banner-gap': "var(--cd-spacing-3)";
+    readonly 'banner-radius': "var(--cd-border-radius-small)";
+    readonly 'banner-padding-y': "var(--cd-spacing-base-tight)";
+    readonly 'banner-padding-x': "var(--cd-spacing-base-tight)";
+    readonly 'banner-gap': "var(--cd-spacing-base-tight)";
     readonly 'banner-icon-size': "20px";
     readonly 'banner-title-color': "var(--cd-color-text-0)";
     readonly 'banner-desc-color': "var(--cd-color-text-1)";
-    readonly 'banner-title-size': "var(--cd-font-size-2)";
-    readonly 'banner-desc-size': "var(--cd-font-size-1)";
+    readonly 'banner-title-size': "var(--cd-font-size-regular)";
+    readonly 'banner-desc-size': "var(--cd-font-size-small)";
     readonly 'banner-accent-width': "4px";
-    readonly 'banner-info-bg': "var(--cd-color-primary-light-default)";
-    readonly 'banner-info-accent': "var(--cd-color-primary)";
-    readonly 'banner-success-bg': "color-mix(in srgb, var(--cd-color-success) 12%, transparent)";
+    readonly 'banner-info-bg': "var(--cd-color-info-light-default)";
+    readonly 'banner-info-accent': "var(--cd-color-info)";
+    readonly 'banner-success-bg': "var(--cd-color-success-light-default)";
     readonly 'banner-success-accent': "var(--cd-color-success)";
     readonly 'banner-warning-bg': "var(--cd-color-warning-light-default)";
     readonly 'banner-warning-accent': "var(--cd-color-warning)";
-    readonly 'banner-danger-bg': "color-mix(in srgb, var(--cd-color-danger) 12%, transparent)";
+    readonly 'banner-danger-bg': "var(--cd-color-danger-light-default)";
     readonly 'banner-danger-accent': "var(--cd-color-danger)";
     readonly 'banner-close-color': "var(--cd-color-text-2)";
     readonly 'banner-close-hover-bg': "var(--cd-color-fill-1)";
     readonly 'banner-motion-duration': "var(--cd-motion-duration-fast)";
     readonly 'skeleton-color-bg': "var(--cd-color-fill-0)";
     readonly 'skeleton-color-highlight': "var(--cd-color-fill-1)";
-    readonly 'skeleton-radius': "var(--cd-radius-2)";
-    readonly 'skeleton-radius-pill': "var(--cd-radius-full)";
-    readonly 'skeleton-gap': "var(--cd-spacing-3)";
+    readonly 'skeleton-radius': "var(--cd-border-radius-small)";
+    readonly 'skeleton-radius-pill': "var(--cd-border-radius-full)";
+    readonly 'skeleton-gap': "var(--cd-spacing-base-tight)";
     readonly 'skeleton-title-height': "16px";
-    readonly 'skeleton-paragraph-height': "14px";
+    readonly 'skeleton-paragraph-height': "16px";
     readonly 'skeleton-anim-duration': "1.4s";
     readonly 'skeleton-anim-timing': "var(--cd-motion-ease-standard)";
     readonly 'progress-track-color': "var(--cd-color-fill-0)";
-    readonly 'progress-stroke-normal': "var(--cd-color-primary)";
+    readonly 'progress-stroke-normal': "var(--cd-color-success)";
     readonly 'progress-stroke-success': "var(--cd-color-success)";
     readonly 'progress-stroke-error': "var(--cd-color-danger)";
     readonly 'progress-stroke-warning': "var(--cd-color-warning)";
     readonly 'progress-info-color': "var(--cd-color-text-0)";
     readonly 'progress-info-success-color': "var(--cd-color-success)";
     readonly 'progress-height-small': "4px";
-    readonly 'progress-height-default': "8px";
-    readonly 'progress-height-large': "12px";
+    readonly 'progress-height-default': "4px";
+    readonly 'progress-height-large': "6px";
     readonly 'progress-circle-size-small': "80px";
     readonly 'progress-circle-size-default': "120px";
     readonly 'progress-circle-size-large': "160px";
@@ -199,20 +203,20 @@ export declare const componentTokens: {
     readonly 'spin-size-large': "32px";
     readonly 'spin-duration': "1s";
     readonly 'spin-duration-reduced': "1.5s";
-    readonly 'spin-tip-gap': "var(--cd-spacing-2)";
+    readonly 'spin-tip-gap': "var(--cd-spacing-tight)";
     readonly 'spin-tip-color': "var(--cd-color-text-1)";
     readonly 'spin-mask-bg': "rgba(255, 255, 255, 0.8)";
     readonly 'spin-z': "10";
     readonly 'spin-z-fullscreen': "1000";
     readonly 'spin-fade-duration': "var(--cd-motion-duration-fast)";
-    readonly 'overflow-list-gap': "var(--cd-spacing-2)";
-    readonly 'overflow-list-gap-small': "var(--cd-spacing-1)";
-    readonly 'overflow-list-gap-large': "var(--cd-spacing-3)";
+    readonly 'overflow-list-gap': "var(--cd-spacing-tight)";
+    readonly 'overflow-list-gap-small': "var(--cd-spacing-extra-tight)";
+    readonly 'overflow-list-gap-large': "var(--cd-spacing-base-tight)";
     readonly 'overflow-list-overflow-color': "var(--cd-color-text-2)";
     readonly 'overflow-list-overflow-color-hover': "var(--cd-color-text-0)";
     readonly 'overflow-list-overflow-bg': "transparent";
     readonly 'overflow-list-overflow-bg-hover': "var(--cd-color-fill-0)";
-    readonly 'overflow-list-overflow-radius': "var(--cd-radius-2)";
+    readonly 'overflow-list-overflow-radius': "var(--cd-border-radius-medium)";
     readonly 'overflow-list-focus-ring': "var(--cd-color-primary)";
     readonly 'scrolllist-item-height': "36px";
     readonly 'scrolllist-item-height-small': "28px";
@@ -224,15 +228,15 @@ export declare const componentTokens: {
     readonly 'scrolllist-mask-border': "var(--cd-color-border)";
     readonly 'scrolllist-gradient-color': "var(--cd-color-bg-0)";
     readonly 'scrolllist-border-color': "var(--cd-color-border)";
-    readonly 'scrolllist-radius': "var(--cd-radius-2)";
+    readonly 'scrolllist-radius': "var(--cd-border-radius-medium)";
     readonly 'scrolllist-transition': "var(--cd-motion-duration-mid)";
     readonly 'calendar-bg': "var(--cd-color-bg-0)";
     readonly 'calendar-border': "var(--cd-color-border)";
     readonly 'calendar-header-bg': "var(--cd-color-bg-1)";
     readonly 'calendar-text': "var(--cd-color-text-0)";
     readonly 'calendar-text-secondary': "var(--cd-color-text-2)";
-    readonly 'calendar-today-bg': "var(--cd-color-primary-light-default)";
-    readonly 'calendar-today-fg': "var(--cd-color-primary)";
+    readonly 'calendar-today-bg': "var(--cd-color-primary)";
+    readonly 'calendar-today-fg': "var(--cd-color-bg-1)";
     readonly 'calendar-selected-border': "var(--cd-color-primary)";
     readonly 'calendar-range-bg': "var(--cd-color-primary-light-default)";
     readonly 'calendar-range-edge-bg': "var(--cd-color-primary-light-default)";
@@ -244,7 +248,7 @@ export declare const componentTokens: {
     readonly 'calendar-disabled-bg': "var(--cd-color-fill-0)";
     readonly 'calendar-more-color': "var(--cd-color-text-2)";
     readonly 'calendar-cell-min-h': "96px";
-    readonly 'calendar-radius': "var(--cd-radius-2)";
+    readonly 'calendar-radius': "var(--cd-border-radius-medium)";
     readonly 'table-bg': "var(--cd-color-bg-0)";
     readonly 'table-header-bg': "var(--cd-color-bg-1)";
     readonly 'table-header-text': "var(--cd-color-text-0)";
@@ -253,148 +257,175 @@ export declare const componentTokens: {
     readonly 'table-row-hover-bg': "var(--cd-color-fill-0)";
     readonly 'table-row-selected-bg': "var(--cd-color-primary-light-default)";
     readonly 'table-row-stripe-bg': "var(--cd-color-fill-0)";
-    readonly 'table-cell-padding-y': "var(--cd-spacing-3)";
-    readonly 'table-cell-padding-x': "var(--cd-spacing-4)";
-    readonly 'table-cell-padding-y-small': "var(--cd-spacing-2)";
-    readonly 'table-cell-padding-y-large': "var(--cd-spacing-4)";
+    readonly 'table-cell-padding-y': "var(--cd-spacing-base)";
+    readonly 'table-cell-padding-x': "var(--cd-spacing-base)";
+    readonly 'table-cell-padding-y-small': "var(--cd-spacing-tight)";
+    readonly 'table-cell-padding-y-large': "var(--cd-spacing-base)";
     readonly 'table-sort-active-color': "var(--cd-color-primary)";
     readonly 'table-sort-icon-color': "var(--cd-color-text-3)";
     readonly 'table-loading-mask': "var(--cd-color-bg-0)";
     readonly 'table-empty-color': "var(--cd-color-text-2)";
-    readonly 'table-radius': "var(--cd-radius-2)";
+    readonly 'table-radius': "var(--cd-border-radius-medium)";
     readonly 'virtual-list-bg': "var(--cd-color-bg-0)";
     readonly 'virtual-list-scrollbar': "var(--cd-color-fill-1)";
-    readonly 'carousel-radius': "var(--cd-radius-3)";
-    readonly 'carousel-indicator-color': "rgba(255, 255, 255, 0.5)";
-    readonly 'carousel-indicator-color-active': "var(--cd-color-bg-0)";
-    readonly 'carousel-indicator-gap': "var(--cd-spacing-2)";
-    readonly 'carousel-arrow-bg': "rgba(0, 0, 0, 0.4)";
+    readonly 'carousel-radius': "var(--cd-border-radius-large)";
+    readonly 'carousel-indicator-color': "rgba(255, 255, 255, 0.4)";
+    readonly 'carousel-indicator-color-active': "rgba(255, 255, 255, 1)";
+    readonly 'carousel-indicator-gap': "var(--cd-spacing-tight)";
+    readonly 'carousel-arrow-bg': "rgba(0, 0, 0, 0.5)";
     readonly 'carousel-arrow-color': "var(--cd-color-bg-0)";
     readonly 'carousel-arrow-size': "32px";
     readonly 'list-bg': "var(--cd-color-bg-0)";
     readonly 'list-border': "var(--cd-color-border)";
-    readonly 'list-radius': "var(--cd-radius-2)";
-    readonly 'list-item-padding': "var(--cd-spacing-3) var(--cd-spacing-4)";
-    readonly 'list-item-padding-small': "var(--cd-spacing-2) var(--cd-spacing-3)";
+    readonly 'list-radius': "var(--cd-border-radius-medium)";
+    readonly 'list-item-padding': "var(--cd-spacing-base-tight) var(--cd-spacing-base)";
+    readonly 'list-item-padding-small': "var(--cd-spacing-tight) var(--cd-spacing-base-tight)";
     readonly 'list-split-color': "var(--cd-color-border)";
     readonly 'list-header-color': "var(--cd-color-text-0)";
     readonly 'list-item-color': "var(--cd-color-text-1)";
     readonly 'image-bg': "var(--cd-color-fill-0)";
-    readonly 'image-radius': "var(--cd-radius-2)";
+    readonly 'image-radius': "var(--cd-border-radius-small)";
     readonly 'image-placeholder-color': "var(--cd-color-text-3)";
     readonly 'image-mask-bg': "rgba(0, 0, 0, 0.5)";
     readonly 'image-mask-color': "var(--cd-color-text-inverse)";
     readonly 'image-preview-overlay': "rgba(0, 0, 0, 0.7)";
     readonly 'image-preview-z': "var(--cd-z-modal)";
-    readonly 'highlight-bg': "var(--cd-color-warning)";
-    readonly 'highlight-color': "var(--cd-color-text-0)";
+    readonly 'highlight-bg': "var(--cd-color-highlight-bg)";
+    readonly 'highlight-color': "var(--cd-color-highlight)";
+    readonly 'highlight-weight': "var(--cd-font-weight-bold)";
     readonly 'empty-image-color': "var(--cd-color-fill-1)";
     readonly 'empty-title-color': "var(--cd-color-text-1)";
-    readonly 'empty-desc-color': "var(--cd-color-text-2)";
-    readonly 'empty-gap': "var(--cd-spacing-3)";
+    readonly 'empty-title-weight': "var(--cd-font-weight-bold)";
+    readonly 'empty-desc-color': "var(--cd-color-text-1)";
+    readonly 'empty-gap': "var(--cd-spacing-base-tight)";
     readonly 'descriptions-label-color': "var(--cd-color-text-2)";
     readonly 'descriptions-value-color': "var(--cd-color-text-0)";
+    readonly 'descriptions-value-weight-row': "var(--cd-font-weight-bold)";
     readonly 'descriptions-border': "var(--cd-color-border)";
     readonly 'descriptions-label-bg': "var(--cd-color-fill-0)";
-    readonly 'descriptions-cell-padding': "var(--cd-spacing-2) var(--cd-spacing-3)";
-    readonly 'descriptions-row-gap': "var(--cd-spacing-3)";
-    readonly 'collapse-header-padding': "var(--cd-spacing-3) var(--cd-spacing-4)";
+    readonly 'descriptions-cell-padding': "var(--cd-spacing-tight) var(--cd-spacing-base-tight)";
+    readonly 'descriptions-row-gap': "var(--cd-spacing-base-tight)";
+    readonly 'collapse-header-padding': "var(--cd-spacing-tight)";
     readonly 'collapse-header-color': "var(--cd-color-text-0)";
+    readonly 'collapse-header-weight': "var(--cd-font-weight-bold)";
     readonly 'collapse-header-bg-hover': "var(--cd-color-fill-0)";
-    readonly 'collapse-content-padding': "var(--cd-spacing-3) var(--cd-spacing-4)";
+    readonly 'collapse-header-bg-active': "var(--cd-color-fill-1)";
+    readonly 'collapse-content-padding': "var(--cd-spacing-extra-tight) var(--cd-spacing-base) var(--cd-spacing-tight)";
     readonly 'collapse-content-color': "var(--cd-color-text-1)";
     readonly 'collapse-border': "var(--cd-color-border)";
     readonly 'collapse-arrow-color': "var(--cd-color-text-2)";
     readonly 'collapse-motion-duration': "var(--cd-motion-duration-mid)";
     readonly 'timeline-dot-size': "10px";
     readonly 'timeline-dot-color': "var(--cd-color-primary)";
-    readonly 'timeline-line-color': "var(--cd-color-border)";
+    readonly 'timeline-line-color': "var(--cd-color-text-3)";
     readonly 'timeline-content-color': "var(--cd-color-text-0)";
     readonly 'timeline-time-color': "var(--cd-color-text-2)";
-    readonly 'timeline-gap': "var(--cd-spacing-4)";
+    readonly 'timeline-gap': "var(--cd-spacing-base)";
     readonly 'tooltip-bg-dark': "var(--cd-color-text-0)";
     readonly 'tooltip-color-dark': "var(--cd-color-text-inverse)";
     readonly 'tooltip-bg-light': "var(--cd-color-bg-0)";
     readonly 'tooltip-color-light': "var(--cd-color-text-0)";
-    readonly 'tooltip-radius': "var(--cd-radius-2)";
-    readonly 'tooltip-padding': "var(--cd-spacing-1) var(--cd-spacing-2)";
-    readonly 'tooltip-font-size': "var(--cd-font-size-1)";
-    readonly 'tooltip-shadow': "var(--cd-shadow-2)";
+    readonly 'tooltip-radius': "var(--cd-border-radius-medium)";
+    readonly 'tooltip-padding': "var(--cd-spacing-tight) var(--cd-spacing-base-tight)";
+    readonly 'tooltip-font-size': "var(--cd-font-size-regular)";
+    readonly 'tooltip-shadow': "var(--cd-shadow-elevated)";
     readonly 'tooltip-z': "var(--cd-z-tooltip)";
     readonly 'tooltip-arrow-size': "6px";
     readonly 'tooltip-status-warning': "var(--cd-color-warning)";
     readonly 'tooltip-status-error': "var(--cd-color-danger)";
     readonly 'popover-bg': "var(--cd-color-bg-0)";
     readonly 'popover-color': "var(--cd-color-text-0)";
-    readonly 'popover-radius': "var(--cd-radius-3)";
-    readonly 'popover-padding': "var(--cd-spacing-3) var(--cd-spacing-4)";
-    readonly 'popover-padding-small': "var(--cd-spacing-2) var(--cd-spacing-3)";
-    readonly 'popover-padding-default': "var(--cd-spacing-3) var(--cd-spacing-4)";
-    readonly 'popover-padding-large': "var(--cd-spacing-4) var(--cd-spacing-5)";
-    readonly 'popover-shadow': "var(--cd-shadow-3)";
+    readonly 'popover-radius': "var(--cd-border-radius-medium)";
+    readonly 'popover-padding': "var(--cd-spacing-base-tight) var(--cd-spacing-base)";
+    readonly 'popover-padding-small': "var(--cd-spacing-tight) var(--cd-spacing-base-tight)";
+    readonly 'popover-padding-default': "var(--cd-spacing-base-tight) var(--cd-spacing-base)";
+    readonly 'popover-padding-large': "var(--cd-spacing-base) var(--cd-spacing-base-loose)";
+    readonly 'popover-shadow': "var(--cd-shadow-elevated)";
     readonly 'popover-z': "var(--cd-z-popover)";
     readonly 'popover-title-color': "var(--cd-color-text-0)";
     readonly 'popover-title-border': "var(--cd-color-border)";
     readonly 'popover-arrow-size': "8px";
     readonly 'popover-motion-duration': "var(--cd-motion-duration-fast)";
     readonly 'popover-motion-easing': "var(--cd-motion-ease-standard)";
-    readonly 'tag-height-default': "24px";
+    readonly 'tag-height-default': "20px";
     readonly 'tag-height-small': "20px";
-    readonly 'tag-height-large': "28px";
-    readonly 'tag-padding-x': "var(--cd-spacing-2)";
-    readonly 'tag-radius': "var(--cd-radius-1)";
-    readonly 'tag-font-size': "var(--cd-font-size-1)";
-    readonly 'tag-gap': "var(--cd-spacing-1)";
-    readonly 'avatar-size-extra-small': "20px";
-    readonly 'avatar-size-small': "28px";
-    readonly 'avatar-size-default': "36px";
-    readonly 'avatar-size-large': "44px";
-    readonly 'avatar-size-extra-large': "56px";
+    readonly 'tag-height-large': "24px";
+    readonly 'tag-padding-x': "var(--cd-spacing-tight)";
+    readonly 'tag-padding-y': "2px";
+    readonly 'tag-padding-y-large': "4px";
+    readonly 'tag-radius': "var(--cd-border-radius-small)";
+    readonly 'tag-font-size': "var(--cd-font-size-small)";
+    readonly 'tag-gap': "var(--cd-spacing-extra-tight)";
+    readonly 'avatar-size-extra-small': "24px";
+    readonly 'avatar-size-small': "32px";
+    readonly 'avatar-size-default': "40px";
+    readonly 'avatar-size-medium': "48px";
+    readonly 'avatar-size-large': "72px";
+    readonly 'avatar-size-extra-large': "128px";
     readonly 'avatar-bg': "var(--cd-color-fill-1)";
     readonly 'avatar-color': "var(--cd-color-text-1)";
-    readonly 'avatar-radius': "var(--cd-radius-2)";
+    readonly 'avatar-border': "var(--cd-color-bg-1)";
+    readonly 'avatar-radius': "var(--cd-border-radius-small)";
     readonly 'badge-size': "18px";
     readonly 'badge-size-small': "14px";
     readonly 'badge-dot-size': "8px";
     readonly 'badge-bg': "var(--cd-color-danger)";
     readonly 'badge-color': "var(--cd-color-text-inverse)";
-    readonly 'badge-font-size': "var(--cd-font-size-1)";
+    readonly 'badge-font-size': "var(--cd-font-size-small)";
     readonly 'card-bg': "var(--cd-color-bg-0)";
     readonly 'card-border': "var(--cd-color-border)";
-    readonly 'card-radius': "var(--cd-radius-3)";
-    readonly 'card-padding': "var(--cd-spacing-4)";
-    readonly 'card-padding-small': "var(--cd-spacing-3)";
+    readonly 'card-radius': "var(--cd-border-radius-medium)";
+    readonly 'card-padding': "var(--cd-spacing-base-loose)";
+    readonly 'card-padding-small': "var(--cd-spacing-base-tight)";
     readonly 'card-header-border': "var(--cd-color-border)";
     readonly 'card-title-color': "var(--cd-color-text-0)";
-    readonly 'card-shadow': "var(--cd-shadow-1)";
-    readonly 'card-shadow-hover': "var(--cd-shadow-2)";
+    readonly 'card-title-weight': "var(--cd-font-weight-bold)";
+    readonly 'card-title-size': "var(--cd-font-size-header-6)";
+    readonly 'card-desc-color': "var(--cd-color-text-2)";
+    readonly 'card-body-color': "var(--cd-color-text-1)";
+    readonly 'card-shadow': "var(--cd-shadow-elevated)";
+    readonly 'card-shadow-hover': "var(--cd-shadow-elevated)";
+    readonly 'nav-bg': "transparent";
+    readonly 'nav-color': "inherit";
+    readonly 'nav-horizontal-height': "60px";
+    readonly 'nav-header-height': "60px";
+    readonly 'nav-header-padding-x': "var(--cd-spacing-base)";
+    readonly 'nav-header-gap': "var(--cd-spacing-tight)";
+    readonly 'nav-header-text-size': "var(--cd-font-size-header-6)";
+    readonly 'nav-header-text-color': "var(--cd-color-text-0)";
+    readonly 'nav-footer-padding': "var(--cd-spacing-tight)";
+    readonly 'nav-footer-border': "var(--cd-color-border)";
+    readonly 'nav-collapse-btn-height': "36px";
+    readonly 'nav-collapse-btn-color': "var(--cd-color-text-2)";
+    readonly 'nav-collapse-btn-hover-bg': "var(--cd-color-fill-1)";
     readonly 'menu-bg': "var(--cd-color-bg-0)";
-    readonly 'menu-item-height': "40px";
-    readonly 'menu-item-padding': "var(--cd-spacing-3)";
+    readonly 'menu-item-height': "36px";
+    readonly 'menu-item-padding': "var(--cd-spacing-base-tight)";
+    readonly 'menu-item-radius': "var(--cd-border-radius-small)";
     readonly 'menu-item-color': "var(--cd-color-text-1)";
-    readonly 'menu-item-color-selected': "var(--cd-color-primary)";
+    readonly 'menu-item-color-selected': "var(--cd-color-text-0)";
+    readonly 'menu-item-icon-color-selected': "var(--cd-color-primary)";
     readonly 'menu-item-color-disabled': "var(--cd-color-text-3)";
     readonly 'menu-item-bg-hover': "var(--cd-color-fill-0)";
-    readonly 'menu-item-bg-selected': "var(--cd-color-fill-0)";
-    readonly 'menu-item-indicator': "var(--cd-color-primary)";
+    readonly 'menu-item-bg-selected': "var(--cd-color-primary-light-default)";
     readonly 'menu-submenu-arrow-color': "var(--cd-color-text-2)";
     readonly 'anchor-link-color': "var(--cd-color-text-2)";
-    readonly 'anchor-link-color-active': "var(--cd-color-primary)";
-    readonly 'anchor-link-padding': "var(--cd-spacing-1) var(--cd-spacing-3)";
+    readonly 'anchor-link-color-active': "var(--cd-color-text-0)";
+    readonly 'anchor-link-padding': "var(--cd-spacing-extra-tight) var(--cd-spacing-base-tight)";
     readonly 'anchor-rail-color': "var(--cd-color-border)";
     readonly 'anchor-ink-color': "var(--cd-color-primary)";
     readonly 'anchor-ink-width': "2px";
-    readonly 'tabs-tab-color': "var(--cd-color-text-1)";
-    readonly 'tabs-tab-color-active': "var(--cd-color-primary)";
+    readonly 'tabs-tab-color': "var(--cd-color-text-2)";
+    readonly 'tabs-tab-color-active': "var(--cd-color-text-0)";
     readonly 'tabs-tab-color-disabled': "var(--cd-color-text-3)";
-    readonly 'tabs-tab-padding': "var(--cd-spacing-2) var(--cd-spacing-4)";
-    readonly 'tabs-tab-font-size': "var(--cd-font-size-2)";
+    readonly 'tabs-tab-padding': "var(--cd-spacing-tight) var(--cd-spacing-base)";
+    readonly 'tabs-tab-font-size': "var(--cd-font-size-regular)";
     readonly 'tabs-ink-color': "var(--cd-color-primary)";
     readonly 'tabs-ink-height': "2px";
     readonly 'tabs-bar-border': "var(--cd-color-border)";
     readonly 'tabs-card-bg': "var(--cd-color-fill-0)";
     readonly 'tabs-card-bg-active': "var(--cd-color-bg-0)";
-    readonly 'tabs-card-radius': "var(--cd-radius-2)";
+    readonly 'tabs-card-radius': "var(--cd-border-radius-small)";
     readonly 'tabs-button-bg': "var(--cd-color-fill-0)";
     readonly 'tabs-button-bg-hover': "var(--cd-color-fill-1)";
     readonly 'tabs-button-bg-active': "var(--cd-color-primary)";
@@ -402,67 +433,70 @@ export declare const componentTokens: {
     readonly 'tabs-button-gap': "2px";
     readonly 'tabs-button-pad': "2px";
     readonly 'dropdown-bg': "var(--cd-color-bg-0)";
-    readonly 'dropdown-shadow': "var(--cd-shadow-2)";
-    readonly 'dropdown-radius': "var(--cd-radius-2)";
+    readonly 'dropdown-shadow': "var(--cd-shadow-elevated)";
+    readonly 'dropdown-radius': "var(--cd-border-radius-medium)";
     readonly 'dropdown-z': "var(--cd-z-dropdown)";
     readonly 'dropdown-min-width': "120px";
-    readonly 'dropdown-item-padding': "var(--cd-spacing-2) var(--cd-spacing-3)";
+    readonly 'dropdown-item-padding': "var(--cd-spacing-tight) var(--cd-spacing-base)";
     readonly 'dropdown-item-bg-hover': "var(--cd-color-fill-0)";
     readonly 'dropdown-item-color-disabled': "var(--cd-color-text-3)";
     readonly 'breadcrumb-color': "var(--cd-color-text-2)";
     readonly 'breadcrumb-color-active': "var(--cd-color-text-0)";
     readonly 'breadcrumb-color-link': "var(--cd-color-primary)";
-    readonly 'breadcrumb-separator-color': "var(--cd-color-text-3)";
-    readonly 'breadcrumb-gap': "var(--cd-spacing-2)";
-    readonly 'breadcrumb-font-size': "var(--cd-font-size-2)";
+    readonly 'breadcrumb-active-weight': "var(--cd-font-weight-bold)";
+    readonly 'breadcrumb-separator-color': "var(--cd-color-text-2)";
+    readonly 'breadcrumb-gap': "var(--cd-spacing-tight)";
+    readonly 'breadcrumb-font-size': "var(--cd-font-size-regular)";
     readonly 'pagination-item-size': "32px";
-    readonly 'pagination-item-radius': "var(--cd-radius-2)";
-    readonly 'pagination-item-border': "var(--cd-color-border)";
-    readonly 'pagination-item-bg-active': "var(--cd-color-primary)";
-    readonly 'pagination-item-color-active': "var(--cd-color-text-inverse)";
+    readonly 'pagination-item-radius': "var(--cd-border-radius-small)";
+    readonly 'pagination-item-border': "transparent";
+    readonly 'pagination-item-bg-active': "var(--cd-color-primary-light-default)";
+    readonly 'pagination-item-color-active': "var(--cd-color-primary)";
     readonly 'pagination-item-bg-hover': "var(--cd-color-fill-0)";
-    readonly 'pagination-gap': "var(--cd-spacing-2)";
+    readonly 'pagination-gap': "var(--cd-spacing-tight)";
     readonly 'steps-icon-size': "28px";
-    readonly 'steps-icon-bg': "var(--cd-color-fill-1)";
+    readonly 'steps-icon-bg': "var(--cd-color-text-2)";
     readonly 'steps-icon-bg-process': "var(--cd-color-primary)";
     readonly 'steps-icon-bg-finish': "var(--cd-color-primary)";
     readonly 'steps-icon-bg-error': "var(--cd-color-danger)";
-    readonly 'steps-icon-color': "var(--cd-color-text-2)";
+    readonly 'steps-icon-color': "var(--cd-color-text-inverse)";
     readonly 'steps-icon-color-active': "var(--cd-color-text-inverse)";
     readonly 'steps-title-color': "var(--cd-color-text-0)";
     readonly 'steps-desc-color': "var(--cd-color-text-2)";
-    readonly 'steps-line-color': "var(--cd-color-border)";
+    readonly 'steps-line-color': "var(--cd-color-fill-2)";
     readonly 'steps-line-color-finish': "var(--cd-color-primary)";
     readonly 'transfer-panel-width': "200px";
     readonly 'transfer-panel-height': "240px";
     readonly 'transfer-panel-border': "var(--cd-color-border)";
-    readonly 'transfer-panel-radius': "var(--cd-radius-2)";
+    readonly 'transfer-panel-radius': "var(--cd-border-radius-medium)";
     readonly 'transfer-panel-header-bg': "var(--cd-color-fill-0)";
     readonly 'transfer-item-height': "32px";
     readonly 'transfer-item-bg-hover': "var(--cd-color-fill-0)";
-    readonly 'transfer-gap': "var(--cd-spacing-3)";
+    readonly 'transfer-gap': "var(--cd-spacing-base-tight)";
     readonly 'upload-dragger-border': "var(--cd-color-border)";
     readonly 'upload-dragger-border-active': "var(--cd-color-primary)";
-    readonly 'upload-dragger-bg': "var(--cd-color-fill-0)";
-    readonly 'upload-dragger-radius': "var(--cd-radius-2)";
-    readonly 'upload-item-bg-hover': "var(--cd-color-fill-0)";
+    readonly 'upload-dragger-bg': "var(--cd-color-tertiary-light-default)";
+    readonly 'upload-dragger-bg-active': "var(--cd-color-primary-light-default)";
+    readonly 'upload-dragger-radius': "var(--cd-border-radius-medium)";
+    readonly 'upload-item-bg-hover': "var(--cd-color-fill-1)";
     readonly 'upload-item-color-error': "var(--cd-color-danger)";
     readonly 'upload-border-warning': "var(--cd-color-warning)";
     readonly 'upload-border-error': "var(--cd-color-danger)";
     readonly 'tree-node-height': "32px";
-    readonly 'tree-node-padding-x': "var(--cd-spacing-3)";
+    readonly 'tree-node-padding-x': "var(--cd-spacing-base-tight)";
     readonly 'tree-node-bg-hover': "var(--cd-color-fill-0)";
     readonly 'tree-node-bg-active': "var(--cd-color-fill-1)";
-    readonly 'tree-node-color-selected': "var(--cd-color-primary)";
-    readonly 'tree-indent': "var(--cd-spacing-4)";
+    readonly 'tree-node-color-selected': "var(--cd-color-text-0)";
+    readonly 'tree-indent': "var(--cd-spacing-base)";
     readonly 'tree-expand-icon-color': "var(--cd-color-text-2)";
     readonly 'tree-node-height-small': "28px";
     readonly 'tree-node-height-large': "36px";
     readonly 'tree-node-color': "var(--cd-color-text-0)";
     readonly 'tree-node-color-disabled': "var(--cd-color-text-2)";
     readonly 'tree-node-bg-selected': "var(--cd-color-primary-light-default)";
-    readonly 'tree-search-highlight-bg': "var(--cd-color-warning-light-default)";
-    readonly 'tree-search-highlight-color': "var(--cd-color-warning)";
+    readonly 'tree-search-highlight-bg': "transparent";
+    readonly 'tree-search-highlight-color': "var(--cd-color-primary)";
+    readonly 'tree-search-highlight-weight': "var(--cd-font-weight-bold)";
     readonly 'tree-focus-ring': "var(--cd-color-primary)";
     readonly 'tree-border-color': "var(--cd-color-border)";
     readonly 'tree-border-color-warning': "var(--cd-color-warning)";
@@ -470,27 +504,29 @@ export declare const componentTokens: {
     readonly 'cascader-column-width': "160px";
     readonly 'cascader-column-border': "var(--cd-color-border)";
     readonly 'date-picker-panel-bg': "var(--cd-color-bg-0)";
-    readonly 'date-picker-panel-shadow': "var(--cd-shadow-2)";
-    readonly 'date-picker-panel-radius': "var(--cd-radius-3)";
+    readonly 'date-picker-panel-shadow': "var(--cd-shadow-elevated)";
+    readonly 'date-picker-panel-radius': "var(--cd-border-radius-large)";
     readonly 'date-picker-panel-z': "var(--cd-z-popover)";
     readonly 'date-picker-cell-size': "32px";
-    readonly 'date-picker-cell-radius': "var(--cd-radius-2)";
+    readonly 'date-picker-cell-radius': "var(--cd-border-radius-small)";
     readonly 'date-picker-cell-bg-hover': "var(--cd-color-fill-0)";
     readonly 'date-picker-cell-bg-selected': "var(--cd-color-primary)";
     readonly 'date-picker-cell-color-selected': "var(--cd-color-text-inverse)";
     readonly 'date-picker-cell-color-muted': "var(--cd-color-text-3)";
+    readonly 'date-picker-footer-bg': "var(--cd-color-fill-0)";
+    readonly 'date-picker-quick-color': "var(--cd-color-primary)";
     readonly 'date-picker-header-color': "var(--cd-color-text-0)";
     readonly 'date-picker-weekday-color': "var(--cd-color-text-2)";
     readonly 'date-picker-time-col-width': "56px";
     readonly 'date-picker-time-item-height': "28px";
     readonly 'color-picker-trigger-size': "28px";
-    readonly 'color-picker-trigger-radius': "var(--cd-radius-2)";
+    readonly 'color-picker-trigger-radius': "var(--cd-border-radius-medium)";
     readonly 'color-picker-trigger-border': "var(--cd-color-border)";
     readonly 'color-picker-status-warning': "var(--cd-color-warning)";
     readonly 'color-picker-status-error': "var(--cd-color-danger)";
     readonly 'color-picker-panel-bg': "var(--cd-color-bg-0)";
-    readonly 'color-picker-panel-shadow': "var(--cd-shadow-2)";
-    readonly 'color-picker-panel-radius': "var(--cd-radius-3)";
+    readonly 'color-picker-panel-shadow': "var(--cd-shadow-elevated)";
+    readonly 'color-picker-panel-radius': "var(--cd-border-radius-large)";
     readonly 'color-picker-panel-z': "var(--cd-z-popover)";
     readonly 'color-picker-panel-width': "240px";
     readonly 'color-picker-saturation-height': "140px";
@@ -498,34 +534,36 @@ export declare const componentTokens: {
     readonly 'color-picker-handle-size': "12px";
     readonly 'color-picker-handle-border': "var(--cd-color-bg-0)";
     readonly 'color-picker-swatch-size': "20px";
-    readonly 'select-height-default': "32px";
-    readonly 'select-height-small': "24px";
-    readonly 'select-height-large': "40px";
-    readonly 'select-padding-x': "var(--cd-spacing-3)";
-    readonly 'select-border': "var(--cd-color-border)";
-    readonly 'select-border-active': "var(--cd-color-primary)";
+    readonly 'select-height-default': "var(--cd-control-height-default)";
+    readonly 'select-height-small': "var(--cd-control-height-small)";
+    readonly 'select-height-large': "var(--cd-control-height-large)";
+    readonly 'select-padding-x': "var(--cd-spacing-base-tight)";
+    readonly 'select-border': "transparent";
+    readonly 'select-border-active': "var(--cd-color-focus-border)";
     readonly 'select-border-error': "var(--cd-color-danger)";
-    readonly 'select-radius': "var(--cd-radius-2)";
-    readonly 'select-bg': "var(--cd-color-bg-0)";
-    readonly 'select-font-size': "var(--cd-font-size-2)";
+    readonly 'select-radius': "var(--cd-border-radius-small)";
+    readonly 'select-bg': "var(--cd-color-fill-0)";
+    readonly 'select-bg-hover': "var(--cd-color-fill-1)";
+    readonly 'select-font-size': "var(--cd-font-size-regular)";
     readonly 'select-dropdown-bg': "var(--cd-color-bg-0)";
-    readonly 'select-dropdown-shadow': "var(--cd-shadow-2)";
-    readonly 'select-dropdown-radius': "var(--cd-radius-2)";
+    readonly 'select-dropdown-shadow': "var(--cd-shadow-elevated)";
+    readonly 'select-dropdown-radius': "var(--cd-border-radius-medium)";
     readonly 'select-dropdown-z': "var(--cd-z-dropdown)";
-    readonly 'select-option-padding': "var(--cd-spacing-2) var(--cd-spacing-3)";
+    readonly 'select-option-padding': "var(--cd-spacing-tight) var(--cd-spacing-base-tight)";
     readonly 'select-option-bg-hover': "var(--cd-color-fill-0)";
     readonly 'select-option-bg-active': "var(--cd-color-fill-1)";
-    readonly 'select-option-color-selected': "var(--cd-color-primary)";
-    readonly 'form-item-gap': "var(--cd-spacing-4)";
+    readonly 'select-option-color-selected': "var(--cd-color-text-0)";
+    readonly 'select-option-check-color': "var(--cd-color-primary)";
+    readonly 'form-item-gap': "var(--cd-spacing-base)";
     readonly 'form-label-color': "var(--cd-color-text-0)";
-    readonly 'form-label-gap': "var(--cd-spacing-2)";
+    readonly 'form-label-gap': "var(--cd-spacing-tight)";
     readonly 'form-required-color': "var(--cd-color-danger)";
-    readonly 'form-optional-color': "var(--cd-color-text-2)";
-    readonly 'form-extra-color': "var(--cd-color-text-2)";
+    readonly 'form-optional-color': "var(--cd-color-tertiary)";
+    readonly 'form-extra-color': "var(--cd-color-tertiary)";
     readonly 'form-error-color': "var(--cd-color-danger)";
     readonly 'form-warning-color': "var(--cd-color-warning)";
-    readonly 'form-error-font-size': "var(--cd-font-size-1)";
-    readonly 'form-section-gap': "var(--cd-spacing-4)";
+    readonly 'form-error-font-size': "var(--cd-font-size-small)";
+    readonly 'form-section-gap': "var(--cd-spacing-base)";
     readonly 'slider-rail-height': "4px";
     readonly 'slider-rail-bg': "var(--cd-color-fill-1)";
     readonly 'slider-track-bg': "var(--cd-color-primary)";
@@ -533,69 +571,84 @@ export declare const componentTokens: {
     readonly 'slider-handle-bg': "var(--cd-color-bg-0)";
     readonly 'slider-handle-border': "var(--cd-color-primary)";
     readonly 'slider-mark-color': "var(--cd-color-text-2)";
-    readonly 'slider-radius': "var(--cd-radius-full)";
+    readonly 'slider-radius': "var(--cd-border-radius-full)";
     readonly 'slider-status-warning': "var(--cd-color-warning)";
     readonly 'slider-status-error': "var(--cd-color-danger)";
     readonly 'rating-size-default': "20px";
     readonly 'rating-size-small': "16px";
     readonly 'rating-size-large': "24px";
-    readonly 'rating-gap': "var(--cd-spacing-1)";
-    readonly 'rating-color-active': "var(--cd-color-warning)";
-    readonly 'rating-color-inactive': "var(--cd-color-fill-1)";
+    readonly 'rating-gap': "var(--cd-spacing-extra-tight)";
+    readonly 'rating-color-active': "var(--cd-color-rating-icon-default)";
+    readonly 'rating-color-inactive': "var(--cd-color-fill-0)";
     readonly 'radio-size-default': "16px";
     readonly 'radio-size-small': "14px";
     readonly 'radio-size-large': "18px";
-    readonly 'radio-border': "var(--cd-color-border)";
-    readonly 'radio-bg': "var(--cd-color-bg-0)";
+    readonly 'radio-border': "var(--cd-color-text-3)";
+    readonly 'radio-border-hover': "var(--cd-color-focus-border)";
+    readonly 'radio-bg': "transparent";
+    readonly 'radio-bg-hover': "var(--cd-color-fill-0)";
     readonly 'radio-color-checked': "var(--cd-color-primary)";
     readonly 'radio-dot-color': "var(--cd-color-bg-0)";
     readonly 'radio-color-warning': "var(--cd-color-warning)";
     readonly 'radio-color-error': "var(--cd-color-danger)";
-    readonly 'radio-label-gap': "var(--cd-spacing-2)";
-    readonly 'radio-button-height': "var(--cd-control-height-md, 32px)";
-    readonly 'radio-button-height-small': "var(--cd-control-height-sm, 24px)";
-    readonly 'radio-button-height-large': "var(--cd-control-height-lg, 40px)";
-    readonly 'radio-card-radius': "var(--cd-radius-medium, var(--cd-radius-2))";
+    readonly 'radio-label-gap': "var(--cd-spacing-tight)";
+    readonly 'radio-button-height': "var(--cd-control-height-default, 32px)";
+    readonly 'radio-button-height-small': "var(--cd-control-height-small, 24px)";
+    readonly 'radio-button-height-large': "var(--cd-control-height-large, 40px)";
+    readonly 'radio-card-radius': "var(--cd-border-radius-medium)";
     readonly 'radio-card-border-checked': "var(--cd-color-primary)";
     readonly 'checkbox-size-default': "16px";
     readonly 'checkbox-size-small': "14px";
     readonly 'checkbox-size-large': "18px";
-    readonly 'checkbox-radius': "var(--cd-radius-1)";
-    readonly 'checkbox-border': "var(--cd-color-border)";
-    readonly 'checkbox-bg': "var(--cd-color-bg-0)";
+    readonly 'checkbox-radius': "var(--cd-border-radius-small)";
+    readonly 'checkbox-border': "var(--cd-color-text-3)";
+    readonly 'checkbox-border-hover': "var(--cd-color-focus-border)";
+    readonly 'checkbox-bg': "transparent";
+    readonly 'checkbox-bg-hover': "var(--cd-color-fill-0)";
     readonly 'checkbox-bg-checked': "var(--cd-color-primary)";
     readonly 'checkbox-border-checked': "var(--cd-color-primary)";
     readonly 'checkbox-mark-color': "var(--cd-color-text-inverse)";
-    readonly 'checkbox-label-gap': "var(--cd-spacing-2)";
-    readonly 'checkbox-card-padding': "var(--cd-spacing-3) var(--cd-spacing-4)";
-    readonly 'checkbox-card-radius': "var(--cd-radius-2)";
+    readonly 'checkbox-label-gap': "var(--cd-spacing-tight)";
+    readonly 'checkbox-card-padding': "var(--cd-spacing-base-tight) var(--cd-spacing-base)";
+    readonly 'checkbox-card-radius': "var(--cd-border-radius-medium)";
     readonly 'checkbox-card-bg': "var(--cd-color-bg-0)";
-    readonly 'checkbox-card-bg-hover': "var(--cd-color-bg-1)";
+    readonly 'checkbox-card-bg-hover': "var(--cd-color-fill-0)";
+    readonly 'checkbox-card-bg-checked': "var(--cd-color-primary-light-default)";
     readonly 'checkbox-card-border': "var(--cd-color-border)";
     readonly 'checkbox-card-border-checked': "var(--cd-color-primary)";
-    readonly 'switch-height-default': "22px";
+    readonly 'switch-height-default': "24px";
     readonly 'switch-height-small': "16px";
-    readonly 'switch-height-large': "28px";
+    readonly 'switch-height-large': "32px";
     readonly 'switch-width-default': "40px";
-    readonly 'switch-width-small': "28px";
-    readonly 'switch-width-large': "52px";
-    readonly 'switch-bg-off': "var(--cd-color-fill-1)";
-    readonly 'switch-bg-on': "var(--cd-color-primary)";
+    readonly 'switch-width-small': "26px";
+    readonly 'switch-width-large': "54px";
+    readonly 'switch-bg-off': "var(--cd-color-fill-0)";
+    readonly 'switch-bg-on': "var(--cd-color-success)";
     readonly 'switch-knob-bg': "var(--cd-color-bg-0)";
-    readonly 'switch-radius': "var(--cd-radius-full)";
-    readonly 'input-height-default': "32px";
-    readonly 'input-height-small': "24px";
-    readonly 'input-height-large': "40px";
-    readonly 'input-padding-x': "var(--cd-spacing-3)";
-    readonly 'input-border': "var(--cd-color-border)";
-    readonly 'input-radius': "var(--cd-radius-2)";
-    readonly 'input-color-bg': "var(--cd-color-bg-0)";
+    readonly 'switch-radius': "var(--cd-border-radius-full)";
+    readonly 'input-height-default': "var(--cd-control-height-default)";
+    readonly 'input-height-small': "var(--cd-control-height-small)";
+    readonly 'input-height-large': "var(--cd-control-height-large)";
+    readonly 'input-padding-x': "var(--cd-spacing-base-tight)";
+    readonly 'input-border': "transparent";
+    readonly 'input-radius': "var(--cd-border-radius-small)";
+    readonly 'input-color-bg': "var(--cd-color-fill-0)";
+    readonly 'input-bg-hover': "var(--cd-color-fill-1)";
     readonly 'input-color-text': "var(--cd-color-text-0)";
     readonly 'input-color-placeholder': "var(--cd-color-text-3)";
-    readonly 'input-border-active': "var(--cd-color-primary)";
+    readonly 'input-border-active': "var(--cd-color-focus-border)";
     readonly 'input-border-warning': "var(--cd-color-warning)";
     readonly 'input-border-error': "var(--cd-color-danger)";
-    readonly 'input-font-size': "var(--cd-font-size-2)";
+    readonly 'input-font-size': "var(--cd-font-size-regular)";
+    readonly 'input-number-step-width': "14px";
+    readonly 'input-number-step-bg': "var(--cd-color-bg-2)";
+    readonly 'input-number-step-bg-hover': "var(--cd-color-fill-0)";
+    readonly 'input-number-step-bg-active': "var(--cd-color-fill-1)";
+    readonly 'input-number-step-bg-disabled': "var(--cd-color-fill-0)";
+    readonly 'input-number-step-color': "var(--cd-color-text-2)";
+    readonly 'input-number-step-color-disabled': "var(--cd-color-text-3)";
+    readonly 'input-number-step-border': "var(--cd-color-border)";
+    readonly 'input-number-step-radius': "var(--cd-border-radius-small)";
     readonly 'layout-bg': "var(--cd-color-bg-0)";
     readonly 'layout-header-bg': "var(--cd-color-bg-1)";
     readonly 'layout-header-height': "60px";
@@ -603,7 +656,7 @@ export declare const componentTokens: {
     readonly 'layout-footer-bg': "var(--cd-color-bg-1)";
     readonly 'layout-footer-color': "var(--cd-color-text-2)";
     readonly 'layout-content-bg': "var(--cd-color-bg-0)";
-    readonly 'layout-content-padding': "var(--cd-spacing-6)";
+    readonly 'layout-content-padding': "var(--cd-spacing-loose)";
     readonly 'layout-sider-bg': "var(--cd-color-bg-1)";
     readonly 'layout-sider-width': "200px";
     readonly 'layout-sider-collapsed-width': "60px";
@@ -619,23 +672,25 @@ export declare const componentTokens: {
     readonly 'typography-color': "var(--cd-color-text-0)";
     readonly 'typography-color-secondary': "var(--cd-color-text-1)";
     readonly 'typography-color-tertiary': "var(--cd-color-text-2)";
+    readonly 'typography-color-quaternary': "var(--cd-color-text-3)";
     readonly 'typography-color-link': "var(--cd-color-primary)";
     readonly 'typography-color-link-hover': "var(--cd-color-primary-hover)";
-    readonly 'typography-mark-bg': "var(--cd-color-warning)";
+    readonly 'typography-mark-bg': "var(--cd-color-primary-light-default)";
     readonly 'typography-code-bg': "var(--cd-color-fill-1)";
-    readonly 'typography-code-font-size': "var(--cd-font-size-1)";
-    readonly 'typography-font-size-small': "var(--cd-font-size-1)";
-    readonly 'typography-font-size-default': "var(--cd-font-size-2)";
-    readonly 'typography-font-size-large': "var(--cd-font-size-3)";
-    readonly 'space-tight': "var(--cd-spacing-2)";
-    readonly 'space-medium': "var(--cd-spacing-3)";
-    readonly 'space-loose': "var(--cd-spacing-4)";
+    readonly 'typography-code-color': "var(--cd-color-text-2)";
+    readonly 'typography-code-font-size': "var(--cd-font-size-small)";
+    readonly 'typography-font-size-small': "var(--cd-font-size-small)";
+    readonly 'typography-font-size-default': "var(--cd-font-size-regular)";
+    readonly 'typography-font-size-large': "var(--cd-font-size-header-6)";
+    readonly 'space-tight': "var(--cd-spacing-tight)";
+    readonly 'space-medium': "var(--cd-spacing-base)";
+    readonly 'space-loose': "var(--cd-spacing-loose)";
     readonly 'divider-color': "var(--cd-color-border)";
     readonly 'divider-thickness': "1px";
-    readonly 'divider-spacing': "var(--cd-spacing-4)";
+    readonly 'divider-spacing': "var(--cd-spacing-base)";
     readonly 'divider-text-color': "var(--cd-color-text-2)";
-    readonly 'divider-text-font-size': "var(--cd-font-size-2)";
-    readonly 'divider-text-gap': "var(--cd-spacing-4)";
+    readonly 'divider-text-font-size': "var(--cd-font-size-regular)";
+    readonly 'divider-text-gap': "var(--cd-spacing-base)";
     readonly 'icon-size-extra-small': "12px";
     readonly 'icon-size-small': "14px";
     readonly 'icon-size-default': "16px";
@@ -648,13 +703,18 @@ export declare const componentTokens: {
     readonly 'icon-color-info': "var(--cd-color-info)";
     readonly 'icon-spin-duration': "1s";
     readonly 'icon-spin-timing': "linear";
-    readonly 'button-height-default': "32px";
-    readonly 'button-height-small': "24px";
-    readonly 'button-height-large': "40px";
-    readonly 'button-padding-x': "var(--cd-spacing-4)";
-    readonly 'button-radius': "var(--cd-radius-2)";
-    readonly 'button-font-size': "var(--cd-font-size-2)";
+    readonly 'button-height-default': "var(--cd-control-height-default)";
+    readonly 'button-height-small': "var(--cd-control-height-small)";
+    readonly 'button-height-large': "var(--cd-control-height-large)";
+    readonly 'button-padding-x': "var(--cd-spacing-base-tight)";
+    readonly 'button-padding-x-large': "var(--cd-spacing-base)";
+    readonly 'button-radius': "var(--cd-border-radius-small)";
+    readonly 'button-font-size': "var(--cd-font-size-regular)";
     readonly 'button-color-bg-primary': "var(--cd-color-primary)";
     readonly 'button-color-text-primary': "var(--cd-color-text-inverse)";
+    readonly 'button-group-divider': "var(--cd-color-border)";
+    readonly 'button-colorful-from': "#4d6bff";
+    readonly 'button-colorful-via': "#7b5cff";
+    readonly 'button-colorful-to': "#a64dff";
 };
 //# sourceMappingURL=index.d.ts.map