@chenzy-design/tokens 0.1.0

package/dist/components/index.d.ts

@@ -0,0 +1,660 @@
+export declare const componentTokens: {
+    readonly 'lottieicon-size': "20px";
+    readonly 'lottieicon-size-small': "16px";
+    readonly 'lottieicon-size-large': "24px";
+    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-error-color': "var(--cd-color-danger)";
+    readonly 'lottieicon-valign': "-0.125em";
+    readonly 'backtop-size': "40px";
+    readonly 'backtop-size-small': "32px";
+    readonly 'backtop-size-large': "48px";
+    readonly 'backtop-bg': "var(--cd-color-bg-2)";
+    readonly 'backtop-bg-hover': "var(--cd-color-bg-3)";
+    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-z': "900";
+    readonly 'backtop-focus-ring': "var(--cd-color-primary)";
+    readonly 'backtop-motion-duration': "var(--cd-motion-duration-fast)";
+    readonly 'notification-width': "360px";
+    readonly 'notification-bg': "var(--cd-color-bg-0)";
+    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-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-z': "1100";
+    readonly 'notification-offset': "var(--cd-spacing-6)";
+    readonly 'notification-motion-duration': "var(--cd-motion-duration-mid)";
+    readonly 'notification-progress-height': "3px";
+    readonly 'notification-progress-color': "var(--cd-color-primary)";
+    readonly 'notification-bg-dark': "var(--cd-color-text-0)";
+    readonly 'notification-border-dark': "var(--cd-color-text-0)";
+    readonly 'notification-color-title-dark': "var(--cd-color-bg-0)";
+    readonly 'notification-color-content-dark': "var(--cd-color-bg-1)";
+    readonly 'notification-close-color-dark': "var(--cd-color-bg-2)";
+    readonly 'notification-close-color-hover-dark': "var(--cd-color-bg-0)";
+    readonly 'toast-bg': "var(--cd-color-bg-0)";
+    readonly 'toast-color-text': "var(--cd-color-text-0)";
+    readonly 'toast-color-icon-info': "var(--cd-color-primary)";
+    readonly 'toast-color-icon-success': "var(--cd-color-success)";
+    readonly 'toast-color-icon-warning': "var(--cd-color-warning)";
+    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-max-width': "420px";
+    readonly 'toast-min-width': "240px";
+    readonly 'toast-stack-gap': "var(--cd-spacing-2)";
+    readonly 'toast-z': "1100";
+    readonly 'toast-motion-duration': "var(--cd-motion-duration-fast)";
+    readonly 'toast-bg-dark': "var(--cd-color-text-0)";
+    readonly 'toast-color-text-dark': "var(--cd-color-bg-0)";
+    readonly 'toast-color-close-dark': "var(--cd-color-bg-2)";
+    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-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-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-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-z': "1000";
+    readonly 'popconfirm-gap-footer': "var(--cd-spacing-2)";
+    readonly 'popconfirm-arrow-size': "8px";
+    readonly 'popconfirm-motion-duration': "var(--cd-motion-duration-fast)";
+    readonly 'popconfirm-motion-easing': "var(--cd-motion-ease-standard)";
+    readonly 'sidesheet-bg': "var(--cd-color-bg-0)";
+    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-title-color': "var(--cd-color-text-0)";
+    readonly 'sidesheet-title-size': "var(--cd-font-size-3)";
+    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)";
+    readonly 'sidesheet-width-small': "448px";
+    readonly 'sidesheet-width': "60%";
+    readonly 'sidesheet-width-large': "90%";
+    readonly 'sidesheet-height-small': "40%";
+    readonly 'sidesheet-height': "60%";
+    readonly 'sidesheet-height-large': "90%";
+    readonly 'sidesheet-z': "1000";
+    readonly 'sidesheet-motion-duration': "var(--cd-motion-duration-mid)";
+    readonly 'drawer-bg': "var(--cd-color-bg-0)";
+    readonly 'drawer-color-text': "var(--cd-color-text-0)";
+    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-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-title-color': "var(--cd-color-text-0)";
+    readonly 'drawer-title-size': "var(--cd-font-size-3)";
+    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-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-title-color': "var(--cd-color-text-0)";
+    readonly 'modal-title-size': "var(--cd-font-size-3)";
+    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-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-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-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-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-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-title-height': "16px";
+    readonly 'skeleton-paragraph-height': "14px";
+    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-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-circle-size-small': "80px";
+    readonly 'progress-circle-size-default': "120px";
+    readonly 'progress-circle-size-large': "160px";
+    readonly 'progress-transition': "var(--cd-motion-duration-mid) var(--cd-motion-ease-standard)";
+    readonly 'spin-color': "var(--cd-color-primary)";
+    readonly 'spin-track-color': "var(--cd-color-fill-1)";
+    readonly 'spin-size-small': "14px";
+    readonly 'spin-size-default': "20px";
+    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-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-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-focus-ring': "var(--cd-color-primary)";
+    readonly 'scrolllist-item-height': "36px";
+    readonly 'scrolllist-item-height-small': "28px";
+    readonly 'scrolllist-item-height-large': "44px";
+    readonly 'scrolllist-color-text': "var(--cd-color-text-0)";
+    readonly 'scrolllist-color-text-adjacent': "var(--cd-color-text-2)";
+    readonly 'scrolllist-color-text-disabled': "var(--cd-color-text-3)";
+    readonly 'scrolllist-mask-bg': "var(--cd-color-bg-1)";
+    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-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-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)";
+    readonly 'calendar-week-cell-min-h': "240px";
+    readonly 'calendar-weekend-bg': "var(--cd-color-bg-1)";
+    readonly 'calendar-cell-bg-hover': "var(--cd-color-fill-0)";
+    readonly 'calendar-event-default-bg': "var(--cd-color-primary)";
+    readonly 'calendar-event-fg': "var(--cd-color-bg-0)";
+    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 '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)";
+    readonly 'table-cell-text': "var(--cd-color-text-0)";
+    readonly 'table-border-color': "var(--cd-color-border)";
+    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-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 '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-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-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-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 '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 'descriptions-label-color': "var(--cd-color-text-2)";
+    readonly 'descriptions-value-color': "var(--cd-color-text-0)";
+    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 'collapse-header-color': "var(--cd-color-text-0)";
+    readonly 'collapse-header-bg-hover': "var(--cd-color-fill-0)";
+    readonly 'collapse-content-padding': "var(--cd-spacing-3) var(--cd-spacing-4)";
+    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-content-color': "var(--cd-color-text-0)";
+    readonly 'timeline-time-color': "var(--cd-color-text-2)";
+    readonly 'timeline-gap': "var(--cd-spacing-4)";
+    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-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-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-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 'avatar-bg': "var(--cd-color-fill-1)";
+    readonly 'avatar-color': "var(--cd-color-text-1)";
+    readonly 'avatar-radius': "var(--cd-radius-2)";
+    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 '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-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 'menu-bg': "var(--cd-color-bg-0)";
+    readonly 'menu-item-height': "40px";
+    readonly 'menu-item-padding': "var(--cd-spacing-3)";
+    readonly 'menu-item-color': "var(--cd-color-text-1)";
+    readonly 'menu-item-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-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-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-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-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-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)";
+    readonly 'tabs-button-color-active': "var(--cd-color-white, #fff)";
+    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-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-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 '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-bg-hover': "var(--cd-color-fill-0)";
+    readonly 'pagination-gap': "var(--cd-spacing-2)";
+    readonly 'steps-icon-size': "28px";
+    readonly 'steps-icon-bg': "var(--cd-color-fill-1)";
+    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-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-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-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 '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-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-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-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-focus-ring': "var(--cd-color-primary)";
+    readonly 'tree-border-color': "var(--cd-color-border)";
+    readonly 'tree-border-color-warning': "var(--cd-color-warning)";
+    readonly 'tree-border-color-error': "var(--cd-color-danger)";
+    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-z': "var(--cd-z-popover)";
+    readonly 'date-picker-cell-size': "32px";
+    readonly 'date-picker-cell-radius': "var(--cd-radius-2)";
+    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-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-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-z': "var(--cd-z-popover)";
+    readonly 'color-picker-panel-width': "240px";
+    readonly 'color-picker-saturation-height': "140px";
+    readonly 'color-picker-slider-height': "10px";
+    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-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-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-z': "var(--cd-z-dropdown)";
+    readonly 'select-option-padding': "var(--cd-spacing-2) var(--cd-spacing-3)";
+    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 'form-label-color': "var(--cd-color-text-0)";
+    readonly 'form-label-gap': "var(--cd-spacing-2)";
+    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-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 'slider-rail-height': "4px";
+    readonly 'slider-rail-bg': "var(--cd-color-fill-1)";
+    readonly 'slider-track-bg': "var(--cd-color-primary)";
+    readonly 'slider-handle-size': "14px";
+    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-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 '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-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-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-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-card-bg': "var(--cd-color-bg-0)";
+    readonly 'checkbox-card-bg-hover': "var(--cd-color-bg-1)";
+    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-small': "16px";
+    readonly 'switch-height-large': "28px";
+    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-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 '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-warning': "var(--cd-color-warning)";
+    readonly 'input-border-error': "var(--cd-color-danger)";
+    readonly 'input-font-size': "var(--cd-font-size-2)";
+    readonly 'layout-bg': "var(--cd-color-bg-0)";
+    readonly 'layout-header-bg': "var(--cd-color-bg-1)";
+    readonly 'layout-header-height': "60px";
+    readonly 'layout-header-z': "var(--cd-z-sticky)";
+    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-sider-bg': "var(--cd-color-bg-1)";
+    readonly 'layout-sider-width': "200px";
+    readonly 'layout-sider-collapsed-width': "60px";
+    readonly 'layout-sider-border': "var(--cd-color-border)";
+    readonly 'layout-sider-trigger-bg': "var(--cd-color-bg-2)";
+    readonly 'layout-sider-trigger-color': "var(--cd-color-text-1)";
+    readonly 'layout-sider-trigger-hover-bg': "var(--cd-color-fill-1)";
+    readonly 'layout-motion-duration': "var(--cd-motion-duration-mid)";
+    readonly 'layout-motion-ease': "var(--cd-motion-ease-standard)";
+    readonly 'grid-columns': "24";
+    readonly 'grid-gutter-x': "0px";
+    readonly 'grid-gutter-y': "0px";
+    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-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-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 'divider-color': "var(--cd-color-border)";
+    readonly 'divider-thickness': "1px";
+    readonly 'divider-spacing': "var(--cd-spacing-4)";
+    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 'icon-size-extra-small': "12px";
+    readonly 'icon-size-small': "14px";
+    readonly 'icon-size-default': "16px";
+    readonly 'icon-size-large': "20px";
+    readonly 'icon-size-extra-large': "24px";
+    readonly 'icon-color': "currentColor";
+    readonly 'icon-color-warning': "var(--cd-color-warning)";
+    readonly 'icon-color-error': "var(--cd-color-danger)";
+    readonly 'icon-color-success': "var(--cd-color-success)";
+    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-color-bg-primary': "var(--cd-color-primary)";
+    readonly 'button-color-text-primary': "var(--cd-color-text-inverse)";
+};
+//# sourceMappingURL=index.d.ts.map