@hanwenbo/x-taro-ui 0.0.1

package/es/theme/hooks/useTheme.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Theme hooks for x-taro-ui
+ */
+export { useTheme, useThemeMode, useThemeBaseColor, useThemeColorScheme, useIsDarkMode } from '../runtime/ThemeProvider';
+//# sourceMappingURL=useTheme.d.ts.map

package/es/theme/hooks/useTheme.js

@@ -0,0 +1,5 @@
+/**
+ * Theme hooks for x-taro-ui
+ */
+
+export { useTheme, useThemeMode, useThemeBaseColor, useThemeColorScheme, useIsDarkMode } from "../runtime/ThemeProvider";

package/es/theme/hooks/useToken.d.ts

@@ -0,0 +1,408 @@
+/**
+ * Token hooks for accessing design system values
+ */
+import { designSystemSpacing, designSystemRadius } from '../generated/design-system.generated';
+import type { ThemeColors, FormControlTokens } from '../types';
+/**
+ * Hook to access spacing tokens
+ * Returns values in px for web
+ */
+export declare function useSpacing(): {
+    readonly '0': 0;
+    readonly '1': 4;
+    readonly '2': 8;
+    readonly '3': 12;
+    readonly '4': 16;
+    readonly '5': 20;
+    readonly '6': 24;
+    readonly '8': 32;
+    readonly '10': 40;
+    readonly '12': 48;
+    readonly px: 1;
+    readonly '0.5': 2;
+    readonly '1.5': 6;
+    /**
+     * Hook to access radius tokens
+     * Returns values in px for web
+     */
+    readonly '2.5': 10;
+    readonly '3.5': 14;
+    readonly get: (key: keyof typeof designSystemSpacing) => number;
+};
+/**
+ * Hook to access radius tokens
+ * Returns values in px for web
+ */
+export declare function useRadius(): {
+    readonly none: 0;
+    readonly sm: 4;
+    readonly md: 6;
+    readonly lg: 8;
+    readonly xl: 12;
+    readonly xxl: 16;
+    readonly full: 9999;
+    readonly get: (key: keyof typeof designSystemRadius) => number;
+};
+/**
+ * Hook to access motion tokens
+ */
+export declare function useMotion(): {
+    readonly kind: "foundation";
+    readonly name: "motion";
+    readonly specVersion: 1;
+    readonly sourceOfTruth: {
+        readonly primaryPackage: "@hanwenbo/x-web-ui";
+        readonly sourceFiles: readonly ["packages/x-web-ui/src/components/button/button.tsx", "packages/x-web-ui/src/components/tabs/tabs.tsx", "packages/x-web-ui/src/components/popup/popup.tsx", "packages/x-web-ui/src/components/actionSheet/actionSheet.tsx"];
+    };
+    readonly durationsMs: {
+        readonly instant: 0;
+        readonly fast: 96;
+        readonly standard: 120;
+        readonly emphasis: 200;
+        readonly overlayEnter: 240;
+        readonly overlayExit: 180;
+        readonly overlayDefault: 300;
+    };
+    readonly easing: {
+        readonly standard: "ease-in-out";
+        readonly accelerate: "ease-in";
+        readonly decelerate: "ease-out";
+        readonly overlayEnter: "cubic-bezier(0.22, 1, 0.36, 1)";
+        readonly overlayExit: "cubic-bezier(0.4, 0, 1, 1)";
+    };
+    readonly patterns: {
+        readonly press: {
+            readonly scale: 0.95;
+            readonly durationMs: 120;
+            readonly easing: "ease-in-out";
+        };
+        readonly subtlePress: {
+            readonly scale: 0.985;
+            readonly durationMs: 96;
+            readonly easing: "ease-in-out";
+        };
+        readonly overlay: {
+            readonly enterDurationMs: 240;
+            readonly exitDurationMs: 180;
+        };
+    };
+    readonly rules: readonly ["Use motion to clarify interaction, not decorate static content.", "Press feedback should be brief and reversible.", "Overlay animations must feel heavier than button press feedback."];
+};
+/**
+ * Hook to access form control tokens
+ */
+export declare function useFormControlTokens(size: 'mini' | 'small' | 'middle' | 'large'): FormControlTokens;
+/**
+ * Hook to access typography tokens
+ */
+export declare function useTypography(): {
+    sizes: {
+        readonly xs: 12;
+        readonly sm: 14;
+        readonly base: 16;
+        readonly lg: 18;
+        readonly xl: 20;
+        readonly '2xl': 24;
+        readonly '3xl': 30;
+        readonly '4xl': 36;
+        readonly '5xl': 48;
+    };
+    roles: {
+        readonly display: {
+            readonly fontSize: 48;
+            readonly fontWeight: 600;
+            readonly tracking: "tight";
+        };
+        readonly h1: {
+            readonly fontSize: 36;
+            readonly fontWeight: 600;
+            readonly tracking: "tight";
+        };
+        readonly h2: {
+            readonly fontSize: 30;
+            readonly fontWeight: 600;
+            readonly tracking: "tight";
+        };
+        readonly h3: {
+            readonly fontSize: 24;
+            readonly fontWeight: 600;
+            readonly tracking: "tight";
+        };
+        readonly h4: {
+            readonly fontSize: 20;
+            readonly fontWeight: 600;
+            readonly tracking: "tight";
+        };
+        readonly h5: {
+            readonly fontSize: 18;
+            readonly fontWeight: 600;
+            readonly tracking: "tight";
+        };
+        readonly body: {
+            readonly fontSize: 16;
+            readonly fontWeight: 400;
+        };
+        readonly bodyMuted: {
+            readonly fontSize: 16;
+            readonly fontWeight: 400;
+            readonly colorToken: "{semantic.muted-foreground}";
+        };
+        readonly label: {
+            readonly fontSize: 14;
+            readonly fontWeight: 500;
+        };
+        readonly helper: {
+            readonly fontSize: 14;
+            readonly fontWeight: 400;
+            readonly colorToken: "{semantic.muted-foreground}";
+        };
+        readonly caption: {
+            readonly fontSize: 12;
+            readonly fontWeight: 400;
+            readonly colorToken: "{semantic.muted-foreground}";
+        };
+        readonly overline: {
+            readonly fontSize: 12;
+            readonly fontWeight: 500;
+            readonly letterSpacingEm: 0.2;
+            readonly transform: "uppercase";
+        };
+        readonly tableHeader: {
+            readonly fontSize: 14;
+            readonly fontWeight: 500;
+            readonly colorToken: "{semantic.foreground}";
+            readonly colorOpacity: 0.7;
+        };
+        readonly tableBody: {
+            readonly fontSize: 14;
+            readonly fontWeight: 400;
+        };
+        readonly numeric: {
+            readonly fontSize: 14;
+            readonly fontWeight: 400;
+            readonly features: readonly ["tabular-nums"];
+        };
+        readonly code: {
+            readonly fontSize: 14;
+            readonly fontWeight: 400;
+            readonly fontFamily: "mono";
+        };
+    };
+};
+/**
+ * Hook to access named colors
+ */
+export declare function useNamedColors(): {
+    readonly pink: "#eb2f96";
+    readonly red: "#f5222d";
+    readonly yellow: "#faad14";
+    readonly orange: "#fa8c16";
+    readonly cyan: "#13c2c2";
+    readonly green: "#52c41a";
+    readonly blue: "#1677ff";
+    readonly purple: "#722ed1";
+    readonly geekblue: "#2f54eb";
+    readonly magenta: "#eb2f96";
+    readonly volcano: "#fa541c";
+    readonly gold: "#faad14";
+    readonly lime: "#a0d911";
+};
+/**
+ * Hook to access theme colors
+ */
+export declare function useColors(): ThemeColors;
+/**
+ * Hook to access theme radius
+ */
+export declare function useThemeRadius(): number;
+/**
+ * Comprehensive token hook
+ */
+export declare function useTokens(): {
+    theme: import("../types").Theme;
+    spacing: {
+        readonly '0': 0;
+        readonly '1': 4;
+        readonly '2': 8;
+        readonly '3': 12;
+        readonly '4': 16;
+        readonly '5': 20;
+        readonly '6': 24;
+        readonly '8': 32;
+        readonly '10': 40;
+        readonly '12': 48;
+        readonly px: 1;
+        readonly '0.5': 2;
+        readonly '1.5': 6;
+        /**
+         * Hook to access radius tokens
+         * Returns values in px for web
+         */
+        readonly '2.5': 10;
+        readonly '3.5': 14;
+        readonly get: (key: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "8" | "10" | "12" | "px" | "0.5" | "1.5" | "2.5" | "3.5") => number;
+    };
+    radius: {
+        readonly none: 0;
+        readonly sm: 4;
+        readonly md: 6;
+        readonly lg: 8;
+        readonly xl: 12;
+        readonly xxl: 16;
+        readonly full: 9999;
+        readonly get: (key: "none" | "sm" | "lg" | "xl" | "md" | "xxl" | "full") => number;
+    };
+    motion: {
+        readonly kind: "foundation";
+        readonly name: "motion";
+        readonly specVersion: 1;
+        readonly sourceOfTruth: {
+            readonly primaryPackage: "@hanwenbo/x-web-ui";
+            readonly sourceFiles: readonly ["packages/x-web-ui/src/components/button/button.tsx", "packages/x-web-ui/src/components/tabs/tabs.tsx", "packages/x-web-ui/src/components/popup/popup.tsx", "packages/x-web-ui/src/components/actionSheet/actionSheet.tsx"];
+        };
+        readonly durationsMs: {
+            readonly instant: 0;
+            readonly fast: 96;
+            readonly standard: 120;
+            readonly emphasis: 200;
+            readonly overlayEnter: 240;
+            readonly overlayExit: 180;
+            readonly overlayDefault: 300;
+        };
+        readonly easing: {
+            readonly standard: "ease-in-out";
+            readonly accelerate: "ease-in";
+            readonly decelerate: "ease-out";
+            readonly overlayEnter: "cubic-bezier(0.22, 1, 0.36, 1)";
+            readonly overlayExit: "cubic-bezier(0.4, 0, 1, 1)";
+        };
+        readonly patterns: {
+            readonly press: {
+                readonly scale: 0.95;
+                readonly durationMs: 120;
+                readonly easing: "ease-in-out";
+            };
+            readonly subtlePress: {
+                readonly scale: 0.985;
+                readonly durationMs: 96;
+                readonly easing: "ease-in-out";
+            };
+            readonly overlay: {
+                readonly enterDurationMs: 240;
+                readonly exitDurationMs: 180;
+            };
+        };
+        readonly rules: readonly ["Use motion to clarify interaction, not decorate static content.", "Press feedback should be brief and reversible.", "Overlay animations must feel heavier than button press feedback."];
+    };
+    typography: {
+        sizes: {
+            readonly xs: 12;
+            readonly sm: 14;
+            readonly base: 16;
+            readonly lg: 18;
+            readonly xl: 20;
+            readonly '2xl': 24;
+            readonly '3xl': 30;
+            readonly '4xl': 36;
+            readonly '5xl': 48;
+        };
+        roles: {
+            readonly display: {
+                readonly fontSize: 48;
+                readonly fontWeight: 600;
+                readonly tracking: "tight";
+            };
+            readonly h1: {
+                readonly fontSize: 36;
+                readonly fontWeight: 600;
+                readonly tracking: "tight";
+            };
+            readonly h2: {
+                readonly fontSize: 30;
+                readonly fontWeight: 600;
+                readonly tracking: "tight";
+            };
+            readonly h3: {
+                readonly fontSize: 24;
+                readonly fontWeight: 600;
+                readonly tracking: "tight";
+            };
+            readonly h4: {
+                readonly fontSize: 20;
+                readonly fontWeight: 600;
+                readonly tracking: "tight";
+            };
+            readonly h5: {
+                readonly fontSize: 18;
+                readonly fontWeight: 600;
+                readonly tracking: "tight";
+            };
+            readonly body: {
+                readonly fontSize: 16;
+                readonly fontWeight: 400;
+            };
+            readonly bodyMuted: {
+                readonly fontSize: 16;
+                readonly fontWeight: 400;
+                readonly colorToken: "{semantic.muted-foreground}";
+            };
+            readonly label: {
+                readonly fontSize: 14;
+                readonly fontWeight: 500;
+            };
+            readonly helper: {
+                readonly fontSize: 14;
+                readonly fontWeight: 400;
+                readonly colorToken: "{semantic.muted-foreground}";
+            };
+            readonly caption: {
+                readonly fontSize: 12;
+                readonly fontWeight: 400;
+                readonly colorToken: "{semantic.muted-foreground}";
+            };
+            readonly overline: {
+                readonly fontSize: 12;
+                readonly fontWeight: 500;
+                readonly letterSpacingEm: 0.2;
+                readonly transform: "uppercase";
+            };
+            readonly tableHeader: {
+                readonly fontSize: 14;
+                readonly fontWeight: 500;
+                readonly colorToken: "{semantic.foreground}";
+                readonly colorOpacity: 0.7;
+            };
+            readonly tableBody: {
+                readonly fontSize: 14;
+                readonly fontWeight: 400;
+            };
+            readonly numeric: {
+                readonly fontSize: 14;
+                readonly fontWeight: 400;
+                readonly features: readonly ["tabular-nums"];
+            };
+            readonly code: {
+                readonly fontSize: 14;
+                readonly fontWeight: 400;
+                readonly fontFamily: "mono";
+            };
+        };
+    };
+    namedColors: {
+        readonly pink: "#eb2f96";
+        readonly red: "#f5222d";
+        readonly yellow: "#faad14";
+        readonly orange: "#fa8c16";
+        readonly cyan: "#13c2c2";
+        readonly green: "#52c41a";
+        readonly blue: "#1677ff";
+        readonly purple: "#722ed1";
+        readonly geekblue: "#2f54eb";
+        readonly magenta: "#eb2f96";
+        readonly volcano: "#fa541c";
+        readonly gold: "#faad14";
+        readonly lime: "#a0d911";
+    };
+    colors: ThemeColors;
+};
+//# sourceMappingURL=useToken.d.ts.map

package/es/theme/hooks/useToken.js

@@ -0,0 +1,113 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+/**
+ * Token hooks for accessing design system values
+ */
+
+import { useTheme } from "./useTheme";
+import { designSystemSpacing, designSystemRadius, designSystemMotion, designSystemFormControls, designSystemTypography, designSystemNamedColors } from "../generated/design-system.generated";
+/**
+ * Hook to access spacing tokens
+ * Returns values in px for web
+ */
+export function useSpacing() {
+  return _objectSpread({
+    get: function get(key) {
+      return designSystemSpacing[key]; // px, not rpx
+    }
+  }, designSystemSpacing);
+}
+
+/**
+ * Hook to access radius tokens
+ * Returns values in px for web
+ */
+export function useRadius() {
+  return _objectSpread({
+    get: function get(key) {
+      return designSystemRadius[key]; // px, not rpx
+    }
+  }, designSystemRadius);
+}
+
+/**
+ * Hook to access motion tokens
+ */
+export function useMotion() {
+  return designSystemMotion;
+}
+
+/**
+ * Hook to access form control tokens
+ */
+export function useFormControlTokens(size) {
+  return {
+    height: designSystemFormControls.singleHeight[size],
+    minHeight: designSystemFormControls.multipleMinHeight[size],
+    textSize: designSystemFormControls.textSize[size],
+    inlinePadding: designSystemFormControls.inlinePadding[size],
+    gap: designSystemFormControls.gap[size],
+    iconSize: designSystemFormControls.iconSize[size]
+  };
+}
+
+/**
+ * Hook to access typography tokens
+ */
+export function useTypography() {
+  return {
+    sizes: designSystemTypography.sizes,
+    roles: designSystemTypography.roles
+  };
+}
+
+/**
+ * Hook to access named colors
+ */
+export function useNamedColors() {
+  return designSystemNamedColors;
+}
+
+/**
+ * Hook to access theme colors
+ */
+export function useColors() {
+  var _useTheme = useTheme(),
+    theme = _useTheme.theme;
+  return theme.colors;
+}
+
+/**
+ * Hook to access theme radius
+ */
+export function useThemeRadius() {
+  var _useTheme2 = useTheme(),
+    theme = _useTheme2.theme;
+  return theme.radius;
+}
+
+/**
+ * Comprehensive token hook
+ */
+export function useTokens() {
+  var _useTheme3 = useTheme(),
+    theme = _useTheme3.theme;
+  var spacing = useSpacing();
+  var radius = useRadius();
+  var motion = useMotion();
+  var typography = useTypography();
+  var namedColors = useNamedColors();
+  return {
+    theme: theme,
+    spacing: spacing,
+    radius: radius,
+    motion: motion,
+    typography: typography,
+    namedColors: namedColors,
+    colors: theme.colors
+  };
+}

package/es/theme/index.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Theme module exports for x-taro-ui
+ */
+export type { BaseColor, ColorScheme, Theme, ThemeColors, ThemeConfig, ThemeContextType, ThemeMode, FormControlTokens, SizeVariant, SlotOverrideConfig, ComponentSlotOverrides } from './types';
+export { MOBILE_SELECTION_SCALE, scaleMobileSelection, tabsSizeMetrics, capsuleTabsSizeMetrics, segmentedSizeMetrics } from './selectionControl';
+export { designSystemLineHeights, typographyLineHeight, getTypographyRole, getTypographySize } from './typography';
+export { getListTypographyTokens, getItemTypographyTokens, getDescriptionsTypographyTokens } from './listTypography';
+export type { ListTypographyTokens, ItemSize as ListTypographyItemSize, DescriptionsTypographyTokens } from './listTypography';
+export type { TypographyRole, TypographySize } from './typography';
+export { ThemeProvider, useTheme, useOptionalTheme, useThemeMode, useThemeBaseColor, useThemeColorScheme, useIsDarkMode } from './runtime/ThemeProvider';
+export { createTheme, defaultTheme, getColors, getFormControlTokens, normalizeThemeConfig, normalizeRadius, resolveThemeMode, pxToRpx, baseColors, colorSchemes, DEFAULT_BASE_COLOR, DEFAULT_COLOR_SCHEME } from './default-theme';
+export { registerSlotOverrides, getSlotOverrides, clearSlotOverrides, mergeSlotConfigs, buildSlotClassName, buildSlotStyle, useSlotOverrides } from './runtime/slotOverrides';
+export { buildThemeVariables, buildThemeStyle, buildThemeVariableString, withOpacity, buildComponentVariables } from './runtime/cssVariables';
+export { ACTION_SHEET_SHADOW, buildSubtleShadow } from './runtime/componentTokens';
+export { useSpacing, useRadius, useMotion, useFormControlTokens, useTypography, useNamedColors, useColors, useThemeRadius, useTokens } from './hooks/useToken';
+export { designSystemBaseColors, designSystemColorSchemes, designSystemThemeDefaults, designSystemSpacing, designSystemSpacingAliases, designSystemLayers, designSystemRadius, designSystemRadiusDefaults, designSystemMotion, designSystemNamedColors, designSystemFormControls, designSystemTypography, designSystemTypographyRoles, designSystemShadows, designSystemSemanticColorKeys, designSystemCompatibilityColorKeys, designSystemThemePresets, neutralLightTheme, neutralDarkTheme } from './generated/design-system.generated';
+export type { DesignSystemBaseColor, DesignSystemColorScheme, DesignSystemSpacingKey, DesignSystemRadiusKey } from './generated/design-system.generated';
+//# sourceMappingURL=index.d.ts.map

package/es/theme/index.js

@@ -0,0 +1,27 @@
+/**
+ * Theme module exports for x-taro-ui
+ */
+
+// Types
+
+export { MOBILE_SELECTION_SCALE, scaleMobileSelection, tabsSizeMetrics, capsuleTabsSizeMetrics, segmentedSizeMetrics } from "./selectionControl";
+export { designSystemLineHeights, typographyLineHeight, getTypographyRole, getTypographySize } from "./typography";
+export { getListTypographyTokens, getItemTypographyTokens, getDescriptionsTypographyTokens } from "./listTypography";
+// Theme provider and hooks
+export { ThemeProvider, useTheme, useOptionalTheme, useThemeMode, useThemeBaseColor, useThemeColorScheme, useIsDarkMode } from "./runtime/ThemeProvider";
+
+// Default theme utilities
+export { createTheme, defaultTheme, getColors, getFormControlTokens, normalizeThemeConfig, normalizeRadius, resolveThemeMode, pxToRpx, baseColors, colorSchemes, DEFAULT_BASE_COLOR, DEFAULT_COLOR_SCHEME } from "./default-theme";
+
+// Slot overrides
+export { registerSlotOverrides, getSlotOverrides, clearSlotOverrides, mergeSlotConfigs, buildSlotClassName, buildSlotStyle, useSlotOverrides } from "./runtime/slotOverrides";
+
+// CSS Variables
+export { buildThemeVariables, buildThemeStyle, buildThemeVariableString, withOpacity, buildComponentVariables } from "./runtime/cssVariables";
+export { ACTION_SHEET_SHADOW, buildSubtleShadow } from "./runtime/componentTokens";
+
+// Token hooks
+export { useSpacing, useRadius, useMotion, useFormControlTokens, useTypography, useNamedColors, useColors, useThemeRadius, useTokens } from "./hooks/useToken";
+
+// Design system generated tokens
+export { designSystemBaseColors, designSystemColorSchemes, designSystemThemeDefaults, designSystemSpacing, designSystemSpacingAliases, designSystemLayers, designSystemRadius, designSystemRadiusDefaults, designSystemMotion, designSystemNamedColors, designSystemFormControls, designSystemTypography, designSystemTypographyRoles, designSystemShadows, designSystemSemanticColorKeys, designSystemCompatibilityColorKeys, designSystemThemePresets, neutralLightTheme, neutralDarkTheme } from "./generated/design-system.generated";

package/es/theme/listTypography.d.ts

@@ -0,0 +1,44 @@
+/**
+ * Shared list-row typography tokens aligned with x-mobile-ui List / CheckList / Menu.
+ */
+import type { SizeVariant } from './types';
+export interface ListTypographyTokens {
+    titleFontSize: number;
+    titleFontWeight: number;
+    descriptionFontSize: number;
+}
+/** Mirrors x-mobile-ui listItemTitleVariants / listItemDescVariants. */
+export declare function getListTypographyTokens(size?: SizeVariant): ListTypographyTokens;
+export declare type ItemSize = SizeVariant | 'medium';
+/** Mirrors x-mobile-ui itemTitleVariants / itemDescriptionVariants (medium = text-sm). */
+export declare function getItemTypographyTokens(size?: ItemSize): {
+    titleFontSize: 12;
+    titleFontWeight: 500;
+    descriptionFontSize: number;
+    extraFontSize: 12;
+} | {
+    titleFontSize: 14;
+    titleFontWeight: 500;
+    descriptionFontSize: 12;
+    extraFontSize: 12;
+} | {
+    titleFontSize: 16;
+    titleFontWeight: 500;
+    descriptionFontSize: 14;
+    extraFontSize: 14;
+} | {
+    titleFontSize: 14;
+    titleFontWeight: 500;
+    descriptionFontSize: 14;
+    extraFontSize: 14;
+};
+export interface DescriptionsTypographyTokens {
+    titleFontSize: number;
+    titleFontWeight: number;
+    labelFontSize: number;
+    valueFontSize: number;
+    rowPaddingY: number;
+    rowPaddingX: number;
+}
+export declare function getDescriptionsTypographyTokens(size?: 'small' | 'middle' | 'large'): DescriptionsTypographyTokens;
+//# sourceMappingURL=listTypography.d.ts.map