docs: improve token defination (#112)

* fix: date picker style

* feat: add token explorer

* fix: charts doc

Author: wangdicoder

apps/docs/src/components/demo-block/index.tsx

@@ -40,7 +40,6 @@ const ResetIcon = () => (
   </svg>
 );
 
-// Build scope for react-runner to resolve imports
 const scope = {
   import: {
     react: React,

apps/docs/src/components/highlighted-code/HighlightedCode.tsx

@@ -53,4 +53,4 @@ Prism.languages.bash = Prism.languages.shell = {
         )}
       </Highlight>
     );
-  };
+  };

apps/docs/src/containers/theme-studio/theme-document-adapter.ts

@@ -203,14 +203,25 @@ export function buildThemeDocumentFromDraft(draft: ThemeEditorDraft): ThemeDocum
         'date-picker.header-border': fields.border,
         'date-picker.header-button-color': fields.mutedForeground,
         'date-picker.header-button-color-hover': fields.primary,
+        'date-picker.header-action-hover-bg': fields.muted,
+        'date-picker.header-action-focus-ring': fields.ring,
         'date-picker.today-color': fields.primary,
         'date-picker.today-color-hover': fields.primary,
+        'date-picker.today-hover-bg': fields.accent,
+        'date-picker.today-active-bg': fields.muted,
+        'date-picker.today-focus-ring': fields.ring,
         'picker.cell-hover-bg': fields.muted,
         'date-picker.cell-selected-bg': fields.primary,
         'date-picker.cell-selected-color': fields.primaryForeground,
         'date-picker.cell-selected-hover-bg': fields.primary,
         'date-picker.cell-today-border': fields.primary,
         'date-picker.cell-radius': fields.inputRadius,
+        'date-picker.panel-item-hover-bg': fields.muted,
+        'date-picker.panel-item-current-color': fields.primary,
+        'date-picker.panel-item-current-border': fields.primary,
+        'date-picker.panel-item-selected-bg': fields.accent,
+        'date-picker.panel-item-selected-color': fields.primary,
+        'date-picker.panel-item-selected-hover-bg': fields.muted,
         'date-picker.range-bg': fields.accent,
         'time-picker.column-border': fields.border,
         'time-picker.cell-bg-selected': fields.primary,
@@ -222,11 +233,15 @@ export function buildThemeDocumentFromDraft(draft: ThemeEditorDraft): ThemeDocum
         'calendar.bg': fields.card,
         'calendar.border': fields.border,
         'calendar.radius': fields.cardRadius,
-        'calendar.hover': fields.muted,
-        'calendar.nav-button-color': fields.mutedForeground,
-        'calendar.nav-button-color-hover': fields.primary,
-        'calendar.title-color': fields.cardForeground,
-        'calendar.title-color-hover': fields.primary,
+        'calendar.cell-hover-bg': fields.muted,
+        'calendar.header-action-color': fields.mutedForeground,
+        'calendar.header-action-color-hover': fields.primary,
+        'calendar.header-action-hover-bg': fields.muted,
+        'calendar.header-action-focus-ring': fields.ring,
+        'calendar.header-label-color': fields.cardForeground,
+        'calendar.header-label-color-hover': fields.primary,
+        'calendar.header-label-hover-bg': fields.muted,
+        'calendar.header-label-focus-ring': fields.ring,
         'calendar.cell-header-color': fields.mutedForeground,
         'calendar.week-number-color': fields.mutedForeground,
         'calendar.cell-color': fields.cardForeground,
@@ -238,10 +253,16 @@ export function buildThemeDocumentFromDraft(draft: ThemeEditorDraft): ThemeDocum
         'calendar.range-bg': fields.accent,
         'calendar.cell-focus-outline': fields.shadowFocus,
         'calendar.cell-dot-color': fields.primary,
-        'calendar.panel-cell-radius': fields.inputRadius,
-        'calendar.panel-cell-color-selected': fields.primaryForeground,
-        'calendar.panel-cell-bg-selected': fields.primary,
-        'calendar.today-link-color': fields.primary,
+        'calendar.panel-item-radius': fields.inputRadius,
+        'calendar.panel-item-hover-bg': fields.muted,
+        'calendar.panel-item-selected-color': fields.primaryForeground,
+        'calendar.panel-item-selected-bg': fields.primary,
+        'calendar.panel-item-selected-hover-bg': fields.primary,
+        'calendar.today-color': fields.primary,
+        'calendar.today-color-hover': fields.primary,
+        'calendar.today-hover-bg': fields.accent,
+        'calendar.today-active-bg': fields.muted,
+        'calendar.today-focus-ring': fields.ring,
         'cascader.height.sm': fields.fieldHeightSm,
         'cascader.height.md': fields.fieldHeightMd,
         'cascader.height.lg': fields.fieldHeightLg,