@orbit-work/ui 0.1.2-preview.0 → 0.1.3

package/src/tokens/base.ts

@@ -1,199 +0,0 @@
-/**
- * Orbitwork Design System — Primitive tokens.
- *
- * Theme-invariant constants consumed by the CSS generator. All keys are
- * logical names; the generator prefixes CSS custom properties with `--ow-`.
- */
-
-export const primitive = {
-  // Core brand colors
-  navy: "#0F1B3D",
-  yellow: "#FFD23E",
-  yellowDeep: "#D8A300",
-  white: "#F7F6F1",
-  graphite: "#16171B",
-  graphiteRaised: "#1E2025",
-  graphiteBorder: "#2A2C33",
-
-  // 品牌字标四色制里非核心的两个墨位（OrbitworkLogo / OrbitworkLockup 的竖分隔线与中文墨）。
-  // ink / satellite 已有 navy / white / yellow(-deep)，divider / cn 此前缺 token，被
-  // styles/utilities.css 的 .ow-brand-auto 写成 6 处裸 hex（W5 终扫上移，§2 一切值只出自 token）。
-  // 品牌恒定值、不随语义主题走，所以按浅/暗两档各存一份在 theme-invariant 基座里。
-  brand: {
-    dividerLight: "#D8D5CC",
-    dividerDark: "var(--ow-gray-70)",
-    cnLight: "#3A3E46",
-    cnDark: "#C9CBD1",
-  },
-
-  // Grayscale 00-90: warm white to navy
-  gray: {
-    "00": "#F7F6F1",
-    "05": "#ECEBE5",
-    "10": "#DCDCD7",
-    "20": "#C2C3C1",
-    "30": "#A2A5A9",
-    "40": "#82878F",
-    "50": "#646B7A",
-    "60": "#4A5164",
-    "70": "#333B50",
-    "80": "#202942",
-    "90": "#0F1B3D",
-  },
-
-  // Spacing — Orbitwork DS standard scale
-  space: {
-    "05": "2px",
-    "1": "4px",
-    "15": "6px",
-    "2": "8px",
-    "3": "12px",
-    "4": "16px",
-    "5": "20px",
-    "6": "24px",
-    "8": "32px",
-    "10": "40px",
-    "12": "48px",
-    "16": "64px",
-    "24": "96px",
-  },
-
-  // Radius
-  radius: {
-    "2xs": "4px",
-    xs: "6px",
-    sm: "8px",
-    md: "10px",
-    lg: "12px",
-    xl: "16px",
-    pill: "999px",
-  },
-
-  // Typography — fonts
-  fontDisplay: "'Space Grotesk', 'HarmonyOS Sans SC', 'Noto Sans SC', sans-serif",
-  fontBody:
-    "'HarmonyOS Sans SC', 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji'",
-  fontSans:
-    "'HarmonyOS Sans SC', 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji'",
-  fontMono:
-    "'IBM Plex Mono', ui-monospace, 'SF Mono', monospace, 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji'",
-
-  // Type scale
-  fsDisplay: "46px",
-  fsHeadline: "32px",
-  fsTitle: "22px",
-  fsSubtitle: "16px",
-  fsBody: "14px",
-  fsCaption: "12px",
-  fsEyebrow: "11px",
-  fsUi: "13px",
-  fsCode: "13px",
-  fsEyebrowCjk: "12px",
-  // Legacy size scale
-  fsDisplayLg: "62px",
-  fsDisplayMd: "46px",
-  fsHeadlineLg: "34px",
-  fsHeadlineMd: "27px",
-  fsHeadlineSm: "22px",
-  fsTitleLg: "19px",
-  fsTitleMd: "16px",
-  fsTitleSm: "14px",
-  fsBodyLg: "16px",
-  fsBodyMd: "14px",
-  fsBodySm: "12px",
-  fsMarkMd: "11px",
-  fsMarkSm: "10px",
-
-  // Line heights
-  lhDisplay: "1.1",
-  lhHeadline: "1.15",
-  lhTitle: "1.3",
-  lhSubtitle: "1.5",
-  lhBody: "1.75",
-  lhCaption: "1.6",
-  lhUi: "1.5",
-  lhCode: "1.7",
-  // Legacy line heights
-  lhTight: "1.14",
-  lhDefault: "1.55",
-  lhRelaxed: "1.66",
-
-  // Letter spacing
-  lsDisplay: "-0.02em",
-  lsHeadline: "-0.015em",
-  lsTitle: "0.01em",
-  lsEyebrow: "0.14em",
-  lsEyebrowCjk: "0.08em",
-
-  // Motion
-  // R2 死 token 清除：--ow-ease（与 --ow-ease-beacon 同值的别名，本轮前共享表里还有 53 处
-  // 消费，已全数改指 beacon）与 --ow-ease-out（第二条曲线，零消费）双双删除。§9 的既定态
-  // 只承认一条缓动，而 check-ds2 的 bare-transition 现在也把 var(--ow-ease)/var(--ow-ease-out)
-  // 判为写法分叉 —— 留着定义等于「一边禁用、一边照常供货」。
-  easeBeacon: "cubic-bezier(0.22, 1, 0.36, 1)",
-  dur1: "120ms",
-  dur2: "200ms",
-  dur3: "320ms",
-  durSpin: "1.6s",
-  durSpinFast: "0.9s",
-  durSplash: "1250ms",
-  staggerBeacon: "125ms",
-
-  // Font weight
-  fontWeightNormal: "400",
-  fontWeightMedium: "500",
-  fontWeightSemibold: "600",
-  fontWeightBold: "700",
-
-  // Border width
-  borderWidthThin: "0.5px",
-  borderWidthDefault: "1px",
-  borderWidthThick: "2px",
-
-  // Focus ring
-  focusRingW: "2px",
-  focusRingOffset: "2px",
-
-  // Surface
-  paper: "#FFFFFF",
-  /** 媒体信箱边（video letterbox）：播放器约定纯黑，恒定域、不随主题（§2 裸色豁免归口成 token）。 */
-  mediaLetterbox: "#000000",
-
-  // Component metrics
-  hSm: "28px",
-  hMd: "32px",
-  hLg: "40px",
-  rowH: "40px",
-  rowHDense: "32px",
-  hitMin: "24px",
-  titlebarH: "48px",
-  // 窗口带内部几何：左右内距 8、槽位间隙 4；mac 红绿灯净空 68（= 交通灯组宽 + 右侧留白），
-  // 由 TitleBar platform="mac" 引用（原先写死 76px 的 --ow-titlebar-inset-mac 无定义，已并轨到此）。
-  titlebarPadX: "8px",
-  titlebarGap: "4px",
-  trafficInset: "68px",
-  // Windows/Linux 窗口控件（最小化/最大化/关闭）单枚宽度
-  winctlW: "44px",
-  sidebarW: "240px",
-  // 侧栏折叠态宽度（R2 起）：折叠后仍保留一条 44 宽的 rail，只放顶行折叠钮——
-  // 原值 0 会把折叠钮一起收掉，用户再也展不开（原型 linux/web 折叠态就是这条窄 rail）。
-  sidebarCollapsedW: "44px",
-  // mac 折叠态 rail 宽 116：红绿灯净空 68 ＋ 折叠钮 28 ＋ 左右内距，顶行照旧可点。
-  sidebarCollapsedWMac: "116px",
-  // 侧栏顶行折叠钮的方形边长（§7 控件高 28 档）。
-  sidebarToggleSize: "28px",
-
-  // Icon metrics
-  iconStroke: "1.75px",
-  iconSm: "16px",
-  iconMd: "20px",
-  iconLg: "24px",
-
-  // Opacity levels
-  opacityMuted: "0.6",
-  opacityHover: "0.8",
-  opacityInvisible: "0",
-  opacityVisible: "1",
-} as const
-
-export type Primitive = typeof primitive

package/src/tokens/dark.ts

@@ -1,288 +0,0 @@
-/**
- * Orbitwork Design System — Dark theme semantic tokens.
- *
- * Logical names map to `--ow-*` CSS custom properties under `[data-theme="dark"]`.
- */
-
-export const semanticDark = {
-  // Surfaces & borders
-  bg: "var(--ow-graphite)",
-  surface: "var(--ow-graphite-raised)",
-  surface2: "#23252B",
-  border: "var(--ow-graphite-border)",
-  borderStrong: "#3F434D",
-
-  // Text
-  text: "var(--ow-gray-05)",
-  text2: "var(--ow-gray-40)",
-  text3: "var(--ow-gray-50)",
-
-  // Accent / primary (yellow three-pole)
-  accent: "var(--ow-yellow)",
-  // R2：见 light.ts 同条注释——规格有值，保留。
-  accentContrast: "var(--ow-navy)",
-  accentDot: "var(--ow-yellow)",
-  primary: "var(--ow-yellow)",
-  primaryHover: "#FFDA5C",
-  primaryActive: "#F2C428",
-  primaryFg: "var(--ow-navy)",
-  primaryBg: "#2A2614",
-  // 待上游镜像（R-C 提案）：primary-bg 的 hover 档，构造法则同功能色 *-tint-hover
-  // （暗档在 tint 基础上提亮一档，同为黄相的 warning #2E2618 → #37301E 的等量位移）。
-  primaryTintHover: "#33301A",
-  primaryBorder: "#4D4523",
-  secondary: "var(--ow-gray-05)",
-  secondaryHover: "var(--ow-gray-10)",
-  secondaryBg: "#1E2025",
-  secondaryBorder: "#2A2C33",
-
-  // Background scale
-  bg1: "var(--ow-graphite)",
-  bg2: "var(--ow-graphite-raised)",
-  bg3: "#24262C",
-  bgPanel: "var(--ow-graphite)",
-  bgOverlay: "rgba(0, 0, 0, 0.5)",
-  bgSurfaceDark: "var(--ow-graphite)",
-
-  // Foreground scale
-  fg1: "var(--ow-gray-05)",
-  fg2: "var(--ow-gray-40)",
-  fg3: "var(--ow-gray-50)",
-  fg4: "var(--ow-gray-60)",
-
-  // Lines
-  line1: "#2A2C33",
-  line2: "#383A42",
-  line3: "#4A4C54",
-
-  // States
-  hover: "#23262C",
-  press: "#2A2C33",
-  currentBg: "#2E323C",
-  selectedBg: "#262932",
-  hoverPop: "#2E323C",
-  pressPop: "#383C47",
-  disabledText: "#646B7A",
-  disabledBg: "#23252B",
-  disabledBorder: "#2A2C33",
-  selectionBg: "#F7F6F1",
-  selectionText: "var(--ow-navy)",
-
-  // Status: success
-  success: "#5BC492",
-  successFg: "var(--ow-navy)",
-  successBg: "rgba(46, 143, 102, 0.2)",
-  successBorder: "rgba(91, 196, 146, 0.36)",
-  successHover: "#70D0A3",
-  successTint: "#1C2B24",
-  successTintBorder: "#2C4638",
-  successOnTint: "#7ED2A4",
-  successTintHover: "#22332B",
-  successFill: "#27775A",
-
-  // Status: warning
-  warning: "#E8A33D",
-  warningFg: "var(--ow-navy)",
-  warningBg: "rgba(192, 122, 29, 0.2)",
-  warningBorder: "rgba(232, 163, 61, 0.36)",
-  warningHover: "#EDB35A",
-  warningTint: "#2E2618",
-  warningTintBorder: "#4F3F20",
-  // R2 ⑩：原 #F0B65A(240,182,90) 与信标黄 --ow-beacon(#FFD23E = 255,210,62) 三通道
-  // 逐差 15/28/28 全在 census.mjs 的 ±28 盒内，会被荧黄普查判成第四处行动极（§4 三极）。
-  // 往褐/橙拉开一档到 #E0A050(224,160,80)：R/G 差 31/50 已越出盒外（B 差 18），普查不再命中；
-  // 对 warningTint #2E2618 实测 6.62:1，仍过 §11.4 的 4.5:1。
-  warningOnTint: "#E0A050",
-  warningTintHover: "#37301E",
-  warningFill: "#8A5A12",
-
-  // Status: error
-  error: "#E87C66",
-  errorFg: "var(--ow-navy)",
-  errorBg: "rgba(194, 71, 54, 0.22)",
-  errorBorder: "rgba(232, 124, 102, 0.36)",
-  errorHover: "#ED9380",
-  errorTint: "#301F1C",
-  errorTintBorder: "#4C2F29",
-  errorOnTint: "#F09A88",
-  errorTintHover: "#392622",
-  errorFill: "#C24736",
-
-  // Status: info
-  info: "#7DA3EF",
-  infoFg: "var(--ow-navy)",
-  infoBg: "rgba(58, 104, 196, 0.2)",
-  infoBorder: "rgba(125, 163, 239, 0.36)",
-  infoHover: "#95B5F2",
-  infoTint: "#1D2534",
-  infoTintBorder: "#2F3E58",
-  infoOnTint: "#9DB8F2",
-  infoTintHover: "#242E40",
-  infoFill: "#3A68C4",
-
-  onFill: "var(--ow-white)",
-  pending: "var(--ow-gray-60)",
-  pendingFg: "#FFFFFF",
-  progressFill: "#F7F6F1", // 规格 ui.css 暗档：确定进度=月白（此前 gray-05=#ECEBE5 属漂移）
-  progressTrack: "#2A2C33",
-
-  dropBorder: "var(--ow-yellow)",
-  dropBg: "rgba(255, 210, 62, 0.10)",
-  beacon: "var(--ow-yellow)",
-  beaconIdle: "var(--ow-gray-40)",
-  dataToday: "var(--ow-beacon)",
-
-  controlOn: "var(--ow-white)",
-  controlOnGlyph: "#16171B",
-  controlOff: "#3A3D46",
-  controlKnob: "#ECEBE5",
-
-  focusRing: "#F7F6F1",
-  // 环色统一走 --ow-focus-ring（暗档 #F7F6F1）：原取 --ow-gray-05(#ECEBE5) 与 outline 版
-  // 的环色差一档，同一「聚焦」角色两个色源（W-R2）。
-  focusShadow: "0 0 0 2px var(--ow-surface), 0 0 0 4px var(--ow-focus-ring)",
-  inputBorder: "var(--ow-border)",
-  inputBorderHover: "var(--ow-border-strong)",
-  inputBorderFocus: "var(--ow-focus-ring)",
-  placeholder: "var(--ow-gray-50)",
-
-  link: "#7DA3EF",
-  linkHover: "#9DB8F2",
-
-  shadowPop: "0 8px 20px rgba(0, 0, 0, 0.5)",
-  shadowModal: "0 18px 44px rgba(0, 0, 0, 0.6)",
-  shadowTooltip: "var(--ow-shadow-pop)",
-
-  popoverBg: "#24262C",
-  scrim: "rgba(0, 0, 0, 0.5)",
-
-  tooltipBg: "var(--ow-gray-05)",
-  tooltipText: "var(--ow-navy)",
-  scrollbar: "#3A3D46",
-  scrollbarHover: "#4A5164",
-
-  bubbleUser: "var(--ow-surface-2)",
-  timeline: "var(--ow-border)",
-  unread: "var(--ow-info)",
-  mentionBg: "var(--ow-info-tint)",
-  mentionText: "var(--ow-info-on-tint)",
-  waveActive: "#ECEBE5",
-  waveIdle: "#4A5164",
-
-  codeBg: "var(--ow-surface-2)",
-  synComment: "#8B919B",
-  synString: "#7ED2A4",
-  synNumber: "#F0B65A",
-  synKeyword: "#9DB8F2",
-  synFunction: "#C9B6F0",
-
-  diffAddBg: "#1C2B24",
-  diffDelBg: "#301F1C",
-  diffAddFg: "var(--ow-success-on-tint)",
-  diffDelFg: "var(--ow-error-on-tint)",
-  diffHunkBg: "var(--ow-info-tint)",
-  diffHunkFg: "rgba(238, 243, 250, 0.5)",
-
-  data1: "#8598C8",
-  data2: "#76AD9D",
-  data3: "#B69A6B",
-  data4: "#C69188",
-  data5: "#A296BE",
-  data6: "#90A083",
-
-  avatarAgentBg: "#3E4761",
-  avatarAgentText: "var(--ow-white)",
-  // 与浅档同构：空态母题单色一律取语义 text-3（原写裸调色板 gray-50，text-3 映射一改就静默分叉）
-  emptyMark: "var(--ow-text-3)",
-  mat: "#101114",
-
-  windowBorder: "#2A2C33",
-  chatBgMaskColor: "#000000",
-
-  btnPrimaryBg: "#FFD23E",
-  btnPrimaryHover: "#FFDA5C",
-  btnPrimaryPress: "#F2C428",
-  btnPrimaryFg: "#0F1B3D",
-  btnPrimaryDisabledBg: "var(--ow-gray-60)",
-  btnPrimaryDisabledFg: "var(--ow-gray-50)",
-  btnSecondaryBg: "#1E2025",
-  btnSecondaryFg: "var(--ow-gray-05)",
-  btnSecondaryBorder: "#2A2C33",
-  btnSecondaryHover: "#24262C",
-  btnSecondaryPress: "#2C2E36",
-  btnGhostFg: "var(--ow-gray-05)",
-  btnGhostHover: "#1E2025",
-  btnGhostPress: "#24262C",
-  btnTextFg: "var(--ow-gray-05)",
-  textHover: "var(--ow-gray-10)",
-  textPress: "var(--ow-gray-20)",
-  btnDangerBg: "#C24736",
-  btnDangerHover: "#B93C2C",
-  btnDangerPress: "#93301F",
-  btnDangerFg: "#F7F6F1",
-  btnDangerDisabledBg: "var(--ow-gray-60)",
-  btnDangerDisabledFg: "var(--ow-gray-50)",
-
-  inputBg: "var(--ow-surface-2)",
-  // 弹层档字段壳（Field tier="pop"）：暗档 surface-2(#23252B) 与 popover-bg(#24262C)
-  // 几乎同色（Δ≈1），井坐上去就没了；按 §5 递进升到 pop 档面色。
-  inputBgPop: "var(--ow-hover-pop)",
-  // SegmentedControl 选中段：暗档 --ow-surface(#1E2025) 比 --ow-surface-2 托盘更暗，
-  // 写它等于把选中段压成凹陷格；按「递进」两档同向，暗档取 pop 档面色提亮。
-  segmentOnBg: "var(--ow-hover-pop)",
-  inputBorderPop: "var(--ow-border-strong)",
-  inputText: "var(--ow-gray-05)",
-  inputDisabledBg: "#1E2025",
-  inputDisabledText: "var(--ow-gray-60)",
-
-  shadow1: "0 1px 2px 0 rgba(0, 0, 0, 0.3)",
-  shadow2: "var(--ow-shadow-pop)",
-  shadow3: "var(--ow-shadow-modal)",
-
-  // Badges — W5 终扫收口：徽标不再自带第二套状态盘（原值取 antd 老盘，
-  // normal 还是冷灰），一律别名到功能色 tint 三件套（tint 底／tint 边／on-tint 字）。
-  // pending 无对应功能色，落 info tint——与「chip=info tint」同一口径；
-  // normal 落中性梯度（surface-2 / line-2 / text-2）。
-  badgeNormalBg: "var(--ow-surface-2)",
-  badgeNormalBorder: "#383A42", // R2：原引 --ow-line-2（V1 梯队名），暗档取其原值，不再穿透梯队
-  badgeNormalFg: "var(--ow-text-2)",
-  badgePendingBg: "var(--ow-info-tint)",
-  badgePendingBorder: "var(--ow-info-tint-border)",
-  badgePendingFg: "var(--ow-info-on-tint)",
-  badgeSuccessBg: "var(--ow-success-tint)",
-  badgeSuccessBorder: "var(--ow-success-tint-border)",
-  badgeSuccessFg: "var(--ow-success-on-tint)",
-  badgeErrorBg: "var(--ow-error-tint)",
-  badgeErrorBorder: "var(--ow-error-tint-border)",
-  badgeErrorFg: "var(--ow-error-on-tint)",
-  badgeWarningBg: "var(--ow-warning-tint)",
-  badgeWarningBorder: "var(--ow-warning-tint-border)",
-  badgeWarningFg: "var(--ow-warning-on-tint)",
-
-  termBg: "#16171B",
-  termText: "#ECEBE5",
-  termCursor: "var(--ow-yellow)",
-  ansiBlack: "#2A2C33",
-  ansiRed: "#E87C66",
-  ansiGreen: "#5BC492",
-  ansiYellow: "#E8A33D",
-  ansiBlue: "#7DA3EF",
-  ansiMagenta: "#B49BE8",
-  ansiCyan: "#6FC7C1",
-  ansiWhite: "#ECEBE5",
-  ansiBrBlack: "#7A8190",
-  ansiBrRed: "#F09A88",
-  ansiBrGreen: "#7ED2A4",
-  ansiBrYellow: "#F0B65A",
-  ansiBrBlue: "#9DB8F2",
-  ansiBrMagenta: "#C9B6F0",
-  ansiBrCyan: "#8FD8D2",
-  ansiBrWhite: "var(--ow-white)",
-
-  stageBg: "var(--ow-navy)",
-  stageText: "var(--ow-white)",
-  stageMuted: "#A9B4D6",
-  stageAccent: "var(--ow-yellow)",
-} as const
-
-export type SemanticDark = typeof semanticDark

package/src/tokens/index.ts

@@ -1,4 +0,0 @@
-export { primitive, type Primitive } from "./base"
-export { semanticLight, type SemanticLight } from "./light"
-export { semanticDark, type SemanticDark } from "./dark"
-export { tailwindTheme, type TailwindTheme } from "./tailwind"