@tuuject/koi-react 0.0.0-stage → 0.1.0

package/styled-system/types/tokens.d.ts

@@ -0,0 +1,47 @@
+export type BlurToken = "float" | "panel"
+
+export type BreakpointToken = "md"
+
+export type ColorToken = "accent-edge" | "accent-fg" | "accent-soft" | "accent-soft-hover" | "accent-solid" | "accent-solid-hover" | "accent.100" | "accent.200" | "accent.300" | "accent.400" | "accent.50" | "accent.500" | "accent.600" | "accent.700" | "accent.800" | "accent.900" | "accent.950" | "action" | "action-hover" | "action-subtle" | "action-subtle-hover" | "backdrop" | "black" | "border" | "border-control" | "border-control-hover" | "code-block-bg" | "code-block-text" | "colorPalette" | "colorPalette.100" | "colorPalette.200" | "colorPalette.300" | "colorPalette.400" | "colorPalette.50" | "colorPalette.500" | "colorPalette.600" | "colorPalette.700" | "colorPalette.800" | "colorPalette.900" | "colorPalette.950" | "control-checked" | "danger" | "danger-hover" | "divider" | "error-border" | "error-control" | "error-edge" | "error-fg" | "error-soft" | "error-soft-hover" | "error-solid" | "error-solid-hover" | "error-surface" | "error-text" | "error.100" | "error.200" | "error.300" | "error.400" | "error.50" | "error.500" | "error.600" | "error.700" | "error.800" | "error.900" | "error.950" | "focus-ring" | "highlight" | "info-border" | "info-surface" | "info-text" | "link" | "link-border" | "link-hover-bg" | "link-hover-border" | "nav-item-active" | "nav-item-hover" | "nav-item-text" | "on-accent-soft" | "on-accent-solid" | "on-action" | "on-action-subtle" | "on-error-soft" | "on-error-solid" | "on-highlight" | "on-primary-soft" | "on-primary-solid" | "on-secondary-soft" | "on-secondary-solid" | "on-warning-soft" | "on-warning-solid" | "page-bg" | "primary-edge" | "primary-fg" | "primary-soft" | "primary-soft-hover" | "primary-solid" | "primary-solid-hover" | "primary.100" | "primary.200" | "primary.300" | "primary.400" | "primary.50" | "primary.500" | "primary.600" | "primary.700" | "primary.800" | "primary.900" | "primary.950" | "prose-text" | "secondary-edge" | "secondary-fg" | "secondary-soft" | "secondary-soft-hover" | "secondary-solid" | "secondary-solid-hover" | "secondary.100" | "secondary.200" | "secondary.300" | "secondary.400" | "secondary.50" | "secondary.500" | "secondary.600" | "secondary.700" | "secondary.800" | "secondary.900" | "secondary.950" | "skeleton" | "skeleton-highlight" | "surface" | "surface-glass" | "surface-glass-tint" | "surface-muted" | "table-row-hover" | "text" | "text-brand" | "text-disabled" | "text-muted" | "tooltip-bg" | "tooltip-text" | "warning-border" | "warning-edge" | "warning-fg" | "warning-soft" | "warning-soft-hover" | "warning-solid" | "warning-solid-hover" | "warning-surface" | "warning-text" | "warning.100" | "warning.200" | "warning.300" | "warning.400" | "warning.50" | "warning.500" | "warning.600" | "warning.700" | "warning.800" | "warning.900" | "warning.950" | "white"
+
+export type DurationToken = "check" | "dialog" | "fast" | "indeterminate" | "overlay" | "pulse" | "ripple" | "shimmer" | "spin" | "spin-slow" | "spring"
+
+export type EasingToken = "out" | "spring"
+
+export type FontToken = "sans"
+
+export type RadiusToken = "2xl" | "bar" | "dialog" | "full" | "lg" | "panel" | "sm" | "xl"
+
+export type ShadowToken = "float" | "float-soft" | "raised"
+
+export type SizeToken = "breakpoint-md" | "content-max" | "control-lg" | "control-md" | "control-sm" | "icon" | "icon-lg" | "icon-sm" | "icon-xs"
+
+export type SpacingToken = "-1" | "-10" | "-12" | "-16" | "-2" | "-3" | "-4" | "-5" | "-6" | "-8" | "1" | "10" | "12" | "16" | "2" | "3" | "4" | "5" | "6" | "8"
+
+export type ZIndexToken = "dialog" | "popup" | "toast" | "tooltip"
+
+export interface Tokens {
+  blurs: BlurToken
+  breakpoints: BreakpointToken
+  colors: ColorToken
+  durations: DurationToken
+  easings: EasingToken
+  fonts: FontToken
+  radii: RadiusToken
+  shadows: ShadowToken
+  sizes: SizeToken
+  spacing: SpacingToken
+  zIndex: ZIndexToken
+}
+
+export type Token = `blurs.${BlurToken}` | `breakpoints.${BreakpointToken}` | `colors.${ColorToken}` | `durations.${DurationToken}` | `easings.${EasingToken}` | `fonts.${FontToken}` | `radii.${RadiusToken}` | `shadows.${ShadowToken}` | `sizes.${SizeToken}` | `spacing.${SpacingToken}` | `zIndex.${ZIndexToken}`
+
+export type ColorOpacityModifier = `${number}`
+
+export type ColorOpacityToken = `colors.${ColorToken}/${ColorOpacityModifier}`
+
+export type TokenPath = Token | ColorOpacityToken
+
+export type ColorPalette = "accent" | "accent-edge" | "accent-fg" | "accent-soft" | "accent-soft-hover" | "accent-solid" | "accent-solid-hover" | "action" | "action-hover" | "action-subtle" | "action-subtle-hover" | "backdrop" | "black" | "border" | "border-control" | "border-control-hover" | "code-block-bg" | "code-block-text" | "control-checked" | "danger" | "danger-hover" | "divider" | "error" | "error-border" | "error-control" | "error-edge" | "error-fg" | "error-soft" | "error-soft-hover" | "error-solid" | "error-solid-hover" | "error-surface" | "error-text" | "focus-ring" | "highlight" | "info-border" | "info-surface" | "info-text" | "link" | "link-border" | "link-hover-bg" | "link-hover-border" | "nav-item-active" | "nav-item-hover" | "nav-item-text" | "on-accent-soft" | "on-accent-solid" | "on-action" | "on-action-subtle" | "on-error-soft" | "on-error-solid" | "on-highlight" | "on-primary-soft" | "on-primary-solid" | "on-secondary-soft" | "on-secondary-solid" | "on-warning-soft" | "on-warning-solid" | "page-bg" | "primary" | "primary-edge" | "primary-fg" | "primary-soft" | "primary-soft-hover" | "primary-solid" | "primary-solid-hover" | "prose-text" | "secondary" | "secondary-edge" | "secondary-fg" | "secondary-soft" | "secondary-soft-hover" | "secondary-solid" | "secondary-solid-hover" | "skeleton" | "skeleton-highlight" | "surface" | "surface-glass" | "surface-glass-tint" | "surface-muted" | "table-row-hover" | "text" | "text-brand" | "text-disabled" | "text-muted" | "tooltip-bg" | "tooltip-text" | "warning" | "warning-border" | "warning-edge" | "warning-fg" | "warning-soft" | "warning-soft-hover" | "warning-solid" | "warning-solid-hover" | "warning-surface" | "warning-text" | "white"
+
+export type TokenValue<T extends string> = T extends keyof Tokens ? Tokens[T] : never