@ternent/core 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (313) hide show
  1. package/.changeset/README.md +8 -0
  2. package/.changeset/config.json +17 -0
  3. package/.github/workflows/deploy-armour.yml +42 -0
  4. package/.github/workflows/deploy-identity.yml +42 -0
  5. package/.github/workflows/deploy-seal.yml +42 -0
  6. package/.github/workflows/deploy-ui.yml +42 -0
  7. package/.github/workflows/deploy-utils.yml +42 -0
  8. package/.github/workflows/release-create.yml +59 -0
  9. package/.github/workflows/release-publish.yml +54 -0
  10. package/.nvmrc +1 -0
  11. package/.ops/publish.mjs +31 -0
  12. package/package.json +16 -0
  13. package/packages/README.md +0 -0
  14. package/packages/armour/CHANGELOG.md +66 -0
  15. package/packages/armour/CLAUDE.md +8 -0
  16. package/packages/armour/README.md +103 -0
  17. package/packages/armour/SPEC.md +92 -0
  18. package/packages/armour/package.json +45 -0
  19. package/packages/armour/src/constants.ts +5 -0
  20. package/packages/armour/src/deps.d.ts +56 -0
  21. package/packages/armour/src/errors.ts +172 -0
  22. package/packages/armour/src/files.ts +73 -0
  23. package/packages/armour/src/identity.ts +72 -0
  24. package/packages/armour/src/index.ts +56 -0
  25. package/packages/armour/src/init.ts +10 -0
  26. package/packages/armour/src/passphrase.ts +33 -0
  27. package/packages/armour/src/recipients.ts +73 -0
  28. package/packages/armour/src/text.ts +68 -0
  29. package/packages/armour/src/types.ts +93 -0
  30. package/packages/armour/test/armour.test.ts +270 -0
  31. package/packages/armour/tsconfig.build.json +12 -0
  32. package/packages/armour/tsconfig.json +12 -0
  33. package/packages/armour/vite.config.ts +29 -0
  34. package/packages/concord/CHANGELOG.md +83 -0
  35. package/packages/concord/CLAUDE.md +9 -0
  36. package/packages/concord/README.md +146 -0
  37. package/packages/concord/SPEC.md +287 -0
  38. package/packages/concord/package.json +51 -0
  39. package/packages/concord/src/app.ts +717 -0
  40. package/packages/concord/src/errors.ts +9 -0
  41. package/packages/concord/src/index.ts +20 -0
  42. package/packages/concord/src/types.ts +127 -0
  43. package/packages/concord/test/concord.test.ts +978 -0
  44. package/packages/concord/tsconfig.json +12 -0
  45. package/packages/concord/vite.browser.config.ts +27 -0
  46. package/packages/concord/vite.config.ts +35 -0
  47. package/packages/concord/vite.config.ts.timestamp-1774262297922-ffd76e35ea668.mjs +83 -0
  48. package/packages/identity/CHANGELOG.md +47 -0
  49. package/packages/identity/README.md +236 -0
  50. package/packages/identity/package.json +41 -0
  51. package/packages/identity/src/index.ts +538 -0
  52. package/packages/identity/test/identity.test.ts +172 -0
  53. package/packages/identity/tsconfig.build.json +12 -0
  54. package/packages/identity/vite.config.ts +17 -0
  55. package/packages/ledger/CHANGELOG.md +69 -0
  56. package/packages/ledger/CLAUDE.md +9 -0
  57. package/packages/ledger/SPEC.md +304 -0
  58. package/packages/ledger/package.json +48 -0
  59. package/packages/ledger/src/index.ts +2 -0
  60. package/packages/ledger/src/ledger.ts +1286 -0
  61. package/packages/ledger/src/seal-cli.d.ts +25 -0
  62. package/packages/ledger/src/types.ts +294 -0
  63. package/packages/ledger/test/ledger.test.ts +838 -0
  64. package/packages/ledger/tsconfig.json +12 -0
  65. package/packages/ledger/vite.browser.config.ts +27 -0
  66. package/packages/ledger/vite.config.ts +39 -0
  67. package/packages/seal/CHANGELOG.md +137 -0
  68. package/packages/seal/CLAUDE.md +8 -0
  69. package/packages/seal/README.md +258 -0
  70. package/packages/seal/bin/seal +6 -0
  71. package/packages/seal/package.json +59 -0
  72. package/packages/seal/src/artifact.ts +380 -0
  73. package/packages/seal/src/cli.ts +372 -0
  74. package/packages/seal/src/commands/identity.ts +52 -0
  75. package/packages/seal/src/commands/manifest.ts +71 -0
  76. package/packages/seal/src/commands/publicKey.ts +7 -0
  77. package/packages/seal/src/commands/sign.ts +56 -0
  78. package/packages/seal/src/commands/verify.ts +54 -0
  79. package/packages/seal/src/crypto.ts +85 -0
  80. package/packages/seal/src/errors.ts +88 -0
  81. package/packages/seal/src/index.ts +5 -0
  82. package/packages/seal/src/manifest.ts +114 -0
  83. package/packages/seal/src/node.ts +18 -0
  84. package/packages/seal/src/proof.ts +344 -0
  85. package/packages/seal/test/artifact.test.ts +86 -0
  86. package/packages/seal/test/cli.test.ts +208 -0
  87. package/packages/seal/test/crypto.test.ts +21 -0
  88. package/packages/seal/test/manifest.test.ts +32 -0
  89. package/packages/seal/test/proof.test.ts +60 -0
  90. package/packages/seal/tsconfig.json +12 -0
  91. package/packages/seal/vite.config.ts +54 -0
  92. package/packages/ui/CHANGELOG.md +393 -0
  93. package/packages/ui/README.md +57 -0
  94. package/packages/ui/jsconfig.json +19 -0
  95. package/packages/ui/package.json +64 -0
  96. package/packages/ui/scripts/check-tokens.js +56 -0
  97. package/packages/ui/scripts/generate-theme-css.mjs +85 -0
  98. package/packages/ui/src/design-system/base.css +8 -0
  99. package/packages/ui/src/design-system/docs/ACCESSIBILITY_RULES.md +186 -0
  100. package/packages/ui/src/design-system/docs/AI_SYSTEM.md +281 -0
  101. package/packages/ui/src/design-system/docs/PATTERN_RULES.md +83 -0
  102. package/packages/ui/src/design-system/docs/PRIMITIVE_RULES.md +258 -0
  103. package/packages/ui/src/design-system/docs/TOKEN_RULES.md +235 -0
  104. package/packages/ui/src/design-system/docs/VISUAL_DIRECTION.md +68 -0
  105. package/packages/ui/src/design-system/foundation.js +420 -0
  106. package/packages/ui/src/design-system/tokens.css +140 -0
  107. package/packages/ui/src/design-system/tokens.js +327 -0
  108. package/packages/ui/src/design-system/utils.js +246 -0
  109. package/packages/ui/src/main.js +4 -0
  110. package/packages/ui/src/patterns/FeatureCard/FeatureCard.spec.md +24 -0
  111. package/packages/ui/src/patterns/FeatureCard/FeatureCard.types.ts +8 -0
  112. package/packages/ui/src/patterns/FeatureCard/FeatureCard.vue +175 -0
  113. package/packages/ui/src/patterns/FormField/FormField.spec.md +65 -0
  114. package/packages/ui/src/patterns/FormField/FormField.types.ts +11 -0
  115. package/packages/ui/src/patterns/FormField/FormField.vue +87 -0
  116. package/packages/ui/src/patterns/IdentityGlyph/IdentityGlyph.vue +61 -0
  117. package/packages/ui/src/patterns/IdentityGlyph/IdentityHandle.vue +58 -0
  118. package/packages/ui/src/patterns/IdentityGlyph/identityGlyph.types.ts +36 -0
  119. package/packages/ui/src/patterns/IdentityGlyph/identityGlyph.utils.ts +585 -0
  120. package/packages/ui/src/patterns/IdentityGlyph/index.ts +5 -0
  121. package/packages/ui/src/patterns/KeyValueList/KeyValueList.spec.md +28 -0
  122. package/packages/ui/src/patterns/KeyValueList/KeyValueList.types.ts +16 -0
  123. package/packages/ui/src/patterns/KeyValueList/KeyValueList.vue +50 -0
  124. package/packages/ui/src/patterns/LandingPage/LandingIcon.vue +90 -0
  125. package/packages/ui/src/patterns/LandingPage/LandingPage.spec.md +24 -0
  126. package/packages/ui/src/patterns/LandingPage/LandingPage.types.ts +212 -0
  127. package/packages/ui/src/patterns/LandingPage/LandingPage.vue +599 -0
  128. package/packages/ui/src/patterns/ListWorkspaceLayout/ListWorkspaceLayout.test.ts +33 -0
  129. package/packages/ui/src/patterns/ListWorkspaceLayout/ListWorkspaceLayout.vue +44 -0
  130. package/packages/ui/src/patterns/Logo/Logo.spec.md +22 -0
  131. package/packages/ui/src/patterns/Logo/Logo.vue +160 -0
  132. package/packages/ui/src/patterns/PageSurface/PageSurface.spec.md +15 -0
  133. package/packages/ui/src/patterns/PageSurface/PageSurface.vue +85 -0
  134. package/packages/ui/src/patterns/PanelChrome/PanelChrome.spec.md +39 -0
  135. package/packages/ui/src/patterns/PanelChrome/PanelChrome.types.ts +1 -0
  136. package/packages/ui/src/patterns/PanelChrome/PanelChrome.vue +187 -0
  137. package/packages/ui/src/patterns/PreviewPanel/PreviewPanel.spec.md +31 -0
  138. package/packages/ui/src/patterns/PreviewPanel/PreviewPanel.types.ts +23 -0
  139. package/packages/ui/src/patterns/PreviewPanel/PreviewPanel.vue +354 -0
  140. package/packages/ui/src/patterns/RecordList/RecordList.spec.md +35 -0
  141. package/packages/ui/src/patterns/RecordList/RecordList.test.ts +42 -0
  142. package/packages/ui/src/patterns/RecordList/RecordList.types.ts +9 -0
  143. package/packages/ui/src/patterns/RecordList/RecordList.utils.ts +5 -0
  144. package/packages/ui/src/patterns/RecordList/RecordList.vue +134 -0
  145. package/packages/ui/src/patterns/SectionClarifier/SectionClarifier.vue +85 -0
  146. package/packages/ui/src/patterns/SectionIntro/SectionIntro.spec.md +25 -0
  147. package/packages/ui/src/patterns/SectionIntro/SectionIntro.types.ts +7 -0
  148. package/packages/ui/src/patterns/SectionIntro/SectionIntro.vue +141 -0
  149. package/packages/ui/src/patterns/SidebarNav/SidebarNav.spec.md +34 -0
  150. package/packages/ui/src/patterns/SidebarNav/SidebarNav.types.ts +17 -0
  151. package/packages/ui/src/patterns/SidebarNav/SidebarNav.vue +110 -0
  152. package/packages/ui/src/patterns/SplitView/SplitView.spec.md +28 -0
  153. package/packages/ui/src/patterns/SplitView/SplitView.test.ts +22 -0
  154. package/packages/ui/src/patterns/SplitView/SplitView.types.ts +3 -0
  155. package/packages/ui/src/patterns/SplitView/SplitView.utils.ts +13 -0
  156. package/packages/ui/src/patterns/SplitView/SplitView.vue +39 -0
  157. package/packages/ui/src/patterns/StepList/StepList.spec.md +15 -0
  158. package/packages/ui/src/patterns/StepList/StepList.types.ts +4 -0
  159. package/packages/ui/src/patterns/StepList/StepList.vue +91 -0
  160. package/packages/ui/src/patterns/Verification/VerificationBadge.vue +97 -0
  161. package/packages/ui/src/patterns/Verification/VerificationComponents.test.ts +153 -0
  162. package/packages/ui/src/patterns/Verification/VerificationDetailsPanel.vue +270 -0
  163. package/packages/ui/src/patterns/Verification/VerificationSummary.vue +171 -0
  164. package/packages/ui/src/patterns/Verification/index.ts +6 -0
  165. package/packages/ui/src/patterns/Verification/verification.types.ts +8 -0
  166. package/packages/ui/src/patterns/Verification/verification.utils.test.ts +37 -0
  167. package/packages/ui/src/patterns/Verification/verification.utils.ts +75 -0
  168. package/packages/ui/src/patterns/index.ts +25 -0
  169. package/packages/ui/src/primitives/Accordian/Accordian.vue +11 -0
  170. package/packages/ui/src/primitives/Accordian/AccordianItem.vue +14 -0
  171. package/packages/ui/src/primitives/Accordion/Accordion.props.ts +21 -0
  172. package/packages/ui/src/primitives/Accordion/Accordion.spec.md +50 -0
  173. package/packages/ui/src/primitives/Accordion/Accordion.types.ts +4 -0
  174. package/packages/ui/src/primitives/Accordion/Accordion.variants.ts +12 -0
  175. package/packages/ui/src/primitives/Accordion/Accordion.vue +71 -0
  176. package/packages/ui/src/primitives/Accordion/AccordionItem.props.ts +14 -0
  177. package/packages/ui/src/primitives/Accordion/AccordionItem.vue +40 -0
  178. package/packages/ui/src/primitives/Badge/Badge.props.ts +17 -0
  179. package/packages/ui/src/primitives/Badge/Badge.spec.md +17 -0
  180. package/packages/ui/src/primitives/Badge/Badge.types.ts +15 -0
  181. package/packages/ui/src/primitives/Badge/Badge.variants.ts +48 -0
  182. package/packages/ui/src/primitives/Badge/Badge.vue +31 -0
  183. package/packages/ui/src/primitives/Button/Button.props.ts +29 -0
  184. package/packages/ui/src/primitives/Button/Button.spec.md +139 -0
  185. package/packages/ui/src/primitives/Button/Button.types.ts +19 -0
  186. package/packages/ui/src/primitives/Button/Button.variants.ts +72 -0
  187. package/packages/ui/src/primitives/Button/Button.vue +90 -0
  188. package/packages/ui/src/primitives/Card/Card.props.ts +17 -0
  189. package/packages/ui/src/primitives/Card/Card.spec.md +29 -0
  190. package/packages/ui/src/primitives/Card/Card.types.ts +12 -0
  191. package/packages/ui/src/primitives/Card/Card.variants.ts +27 -0
  192. package/packages/ui/src/primitives/Card/Card.vue +37 -0
  193. package/packages/ui/src/primitives/Checkbox/Checkbox.props.ts +21 -0
  194. package/packages/ui/src/primitives/Checkbox/Checkbox.spec.md +51 -0
  195. package/packages/ui/src/primitives/Checkbox/Checkbox.types.ts +4 -0
  196. package/packages/ui/src/primitives/Checkbox/Checkbox.variants.ts +34 -0
  197. package/packages/ui/src/primitives/Checkbox/Checkbox.vue +92 -0
  198. package/packages/ui/src/primitives/Dialog/Dialog.props.ts +29 -0
  199. package/packages/ui/src/primitives/Dialog/Dialog.spec.md +52 -0
  200. package/packages/ui/src/primitives/Dialog/Dialog.types.ts +3 -0
  201. package/packages/ui/src/primitives/Dialog/Dialog.variants.ts +27 -0
  202. package/packages/ui/src/primitives/Dialog/Dialog.vue +78 -0
  203. package/packages/ui/src/primitives/Drawer/Drawer.props.ts +33 -0
  204. package/packages/ui/src/primitives/Drawer/Drawer.spec.md +50 -0
  205. package/packages/ui/src/primitives/Drawer/Drawer.types.ts +5 -0
  206. package/packages/ui/src/primitives/Drawer/Drawer.variants.ts +35 -0
  207. package/packages/ui/src/primitives/Drawer/Drawer.vue +88 -0
  208. package/packages/ui/src/primitives/FieldMessage/FieldMessage.props.ts +17 -0
  209. package/packages/ui/src/primitives/FieldMessage/FieldMessage.spec.md +35 -0
  210. package/packages/ui/src/primitives/FieldMessage/FieldMessage.types.ts +5 -0
  211. package/packages/ui/src/primitives/FieldMessage/FieldMessage.variants.ts +14 -0
  212. package/packages/ui/src/primitives/FieldMessage/FieldMessage.vue +40 -0
  213. package/packages/ui/src/primitives/FileInput/FileInput.props.ts +41 -0
  214. package/packages/ui/src/primitives/FileInput/FileInput.types.ts +6 -0
  215. package/packages/ui/src/primitives/FileInput/FileInput.variants.ts +46 -0
  216. package/packages/ui/src/primitives/FileInput/FileInput.vue +163 -0
  217. package/packages/ui/src/primitives/Input/Input.props.ts +29 -0
  218. package/packages/ui/src/primitives/Input/Input.spec.md +79 -0
  219. package/packages/ui/src/primitives/Input/Input.types.ts +13 -0
  220. package/packages/ui/src/primitives/Input/Input.variants.ts +54 -0
  221. package/packages/ui/src/primitives/Input/Input.vue +99 -0
  222. package/packages/ui/src/primitives/Label/Label.props.ts +25 -0
  223. package/packages/ui/src/primitives/Label/Label.spec.md +31 -0
  224. package/packages/ui/src/primitives/Label/Label.types.ts +3 -0
  225. package/packages/ui/src/primitives/Label/Label.variants.ts +17 -0
  226. package/packages/ui/src/primitives/Label/Label.vue +38 -0
  227. package/packages/ui/src/primitives/Menu/Menu.props.ts +17 -0
  228. package/packages/ui/src/primitives/Menu/Menu.spec.md +38 -0
  229. package/packages/ui/src/primitives/Menu/Menu.types.ts +10 -0
  230. package/packages/ui/src/primitives/Menu/Menu.variants.ts +10 -0
  231. package/packages/ui/src/primitives/Menu/Menu.vue +57 -0
  232. package/packages/ui/src/primitives/Popover/Popover.props.ts +25 -0
  233. package/packages/ui/src/primitives/Popover/Popover.spec.md +49 -0
  234. package/packages/ui/src/primitives/Popover/Popover.types.ts +3 -0
  235. package/packages/ui/src/primitives/Popover/Popover.variants.ts +18 -0
  236. package/packages/ui/src/primitives/Popover/Popover.vue +74 -0
  237. package/packages/ui/src/primitives/RadioGroup/RadioGroup.props.ts +29 -0
  238. package/packages/ui/src/primitives/RadioGroup/RadioGroup.spec.md +50 -0
  239. package/packages/ui/src/primitives/RadioGroup/RadioGroup.types.ts +12 -0
  240. package/packages/ui/src/primitives/RadioGroup/RadioGroup.variants.ts +48 -0
  241. package/packages/ui/src/primitives/RadioGroup/RadioGroup.vue +87 -0
  242. package/packages/ui/src/primitives/Separator/Separator.props.ts +9 -0
  243. package/packages/ui/src/primitives/Separator/Separator.spec.md +15 -0
  244. package/packages/ui/src/primitives/Separator/Separator.types.ts +3 -0
  245. package/packages/ui/src/primitives/Separator/Separator.variants.ts +8 -0
  246. package/packages/ui/src/primitives/Separator/Separator.vue +23 -0
  247. package/packages/ui/src/primitives/Skeleton/Skeleton.props.ts +21 -0
  248. package/packages/ui/src/primitives/Skeleton/Skeleton.spec.md +18 -0
  249. package/packages/ui/src/primitives/Skeleton/Skeleton.types.ts +5 -0
  250. package/packages/ui/src/primitives/Skeleton/Skeleton.variants.ts +18 -0
  251. package/packages/ui/src/primitives/Skeleton/Skeleton.vue +37 -0
  252. package/packages/ui/src/primitives/Spinner/Spinner.props.ts +13 -0
  253. package/packages/ui/src/primitives/Spinner/Spinner.spec.md +16 -0
  254. package/packages/ui/src/primitives/Spinner/Spinner.types.ts +5 -0
  255. package/packages/ui/src/primitives/Spinner/Spinner.variants.ts +15 -0
  256. package/packages/ui/src/primitives/Spinner/Spinner.vue +33 -0
  257. package/packages/ui/src/primitives/SplitButton/SplitButton.vue +108 -0
  258. package/packages/ui/src/primitives/Switch/Switch.props.ts +21 -0
  259. package/packages/ui/src/primitives/Switch/Switch.spec.md +49 -0
  260. package/packages/ui/src/primitives/Switch/Switch.types.ts +3 -0
  261. package/packages/ui/src/primitives/Switch/Switch.variants.ts +34 -0
  262. package/packages/ui/src/primitives/Switch/Switch.vue +71 -0
  263. package/packages/ui/src/primitives/Tabs/Tabs.props.ts +25 -0
  264. package/packages/ui/src/primitives/Tabs/Tabs.spec.md +48 -0
  265. package/packages/ui/src/primitives/Tabs/Tabs.types.ts +11 -0
  266. package/packages/ui/src/primitives/Tabs/Tabs.variants.ts +28 -0
  267. package/packages/ui/src/primitives/Tabs/Tabs.vue +59 -0
  268. package/packages/ui/src/primitives/Textarea/Textarea.props.ts +33 -0
  269. package/packages/ui/src/primitives/Textarea/Textarea.spec.md +59 -0
  270. package/packages/ui/src/primitives/Textarea/Textarea.types.ts +5 -0
  271. package/packages/ui/src/primitives/Textarea/Textarea.variants.ts +27 -0
  272. package/packages/ui/src/primitives/Textarea/Textarea.vue +74 -0
  273. package/packages/ui/src/primitives/Tooltip/Tooltip.props.ts +21 -0
  274. package/packages/ui/src/primitives/Tooltip/Tooltip.spec.md +45 -0
  275. package/packages/ui/src/primitives/Tooltip/Tooltip.types.ts +3 -0
  276. package/packages/ui/src/primitives/Tooltip/Tooltip.variants.ts +4 -0
  277. package/packages/ui/src/primitives/Tooltip/Tooltip.vue +31 -0
  278. package/packages/ui/src/primitives/TreeView/TreeView.types.ts +10 -0
  279. package/packages/ui/src/primitives/TreeView/TreeView.vue +113 -0
  280. package/packages/ui/src/primitives/TreeView/TreeViewNode.vue +190 -0
  281. package/packages/ui/src/primitives/index.ts +29 -0
  282. package/packages/ui/src/style.css +7 -0
  283. package/packages/ui/src/style.js +1 -0
  284. package/packages/ui/src/themes/armour.css +147 -0
  285. package/packages/ui/src/themes/aurora.css +147 -0
  286. package/packages/ui/src/themes/citrine-ash.css +147 -0
  287. package/packages/ui/src/themes/concord.css +147 -0
  288. package/packages/ui/src/themes/garnet-honey.css +147 -0
  289. package/packages/ui/src/themes/harbor-rose.css +147 -0
  290. package/packages/ui/src/themes/ledger.css +147 -0
  291. package/packages/ui/src/themes/neon-noir.css +74 -0
  292. package/packages/ui/src/themes/obsidian-iris.css +147 -0
  293. package/packages/ui/src/themes/pixpax.css +147 -0
  294. package/packages/ui/src/themes/print.css +147 -0
  295. package/packages/ui/src/themes/prism.css +147 -0
  296. package/packages/ui/src/themes/proof.css +145 -0
  297. package/packages/ui/src/themes/semanticThemeContract.js +2256 -0
  298. package/packages/ui/src/themes/spruce-ink.css +147 -0
  299. package/packages/ui/src/themes/sunset.css +147 -0
  300. package/packages/ui/tailwind.config.js +64 -0
  301. package/packages/ui/vite.config.js +35 -0
  302. package/packages/ui/vite.config.js.timestamp-1780697224943-89fbc929987bc.mjs +38 -0
  303. package/packages/utils/CHANGELOG.md +111 -0
  304. package/packages/utils/README.md +3 -0
  305. package/packages/utils/package.json +46 -0
  306. package/packages/utils/src/index.test.js +39 -0
  307. package/packages/utils/src/index.ts +289 -0
  308. package/packages/utils/tsconfig.build.json +12 -0
  309. package/packages/utils/vite.config.js +28 -0
  310. package/pnpm-workspace.yaml +8 -0
  311. package/scripts/vite/package-lib-config.ts +59 -0
  312. package/tsconfig.json +24 -0
  313. package/tsconfig.node.json +9 -0
package/packages/ui/src/themes/citrine-ash.css ADDED
@@ -0,0 +1,147 @@
1
+ /* This file is generated from src/themes/semanticThemeContract.js. */
2
+
3
+ :root[data-theme="citrine-ash-light"], [data-theme="citrine-ash-light"] {
4
+ color-scheme: light;
5
+ --ui-bg: #fbfbf2;
6
+ --ui-fg: #3d3b30;
7
+ --ui-fg-muted: #6b6859;
8
+ --ui-surface: #f3f1e3;
9
+ --ui-surface-hover: #ebe8d6;
10
+ --ui-border: rgba(61, 59, 48, 0.14);
11
+ --ui-primary: #c59f12;
12
+ --ui-on-primary: #1d1b14;
13
+ --ui-primary-muted: rgba(197, 159, 18, 0.14);
14
+ --ui-primary-hover: rgba(197, 159, 18, 0.22);
15
+ --ui-primary-active: rgba(197, 159, 18, 0.3);
16
+ --ui-secondary: #2f2d26;
17
+ --ui-on-secondary: #fbfbf2;
18
+ --ui-secondary-muted: rgba(47, 45, 38, 0.14);
19
+ --ui-secondary-hover: rgba(47, 45, 38, 0.22);
20
+ --ui-secondary-active: rgba(47, 45, 38, 0.3);
21
+ --ui-accent: #f2d65a;
22
+ --ui-on-accent: #1d1b14;
23
+ --ui-accent-muted: rgba(242, 214, 90, 0.14);
24
+ --ui-accent-hover: rgba(242, 214, 90, 0.22);
25
+ --ui-accent-active: rgba(242, 214, 90, 0.3);
26
+ --ui-success: #6f8f2e;
27
+ --ui-on-success: #14130f;
28
+ --ui-success-muted: rgba(111, 143, 46, 0.16);
29
+ --ui-success-hover: rgba(111, 143, 46, 0.24);
30
+ --ui-success-active: rgba(111, 143, 46, 0.32);
31
+ --ui-warning: #c2841a;
32
+ --ui-on-warning: #1a1508;
33
+ --ui-warning-muted: rgba(194, 132, 26, 0.16);
34
+ --ui-warning-hover: rgba(194, 132, 26, 0.24);
35
+ --ui-warning-active: rgba(194, 132, 26, 0.32);
36
+ --ui-info: #3a5ea8;
37
+ --ui-on-info: #fbfbf2;
38
+ --ui-info-muted: rgba(58, 94, 168, 0.16);
39
+ --ui-info-hover: rgba(58, 94, 168, 0.24);
40
+ --ui-info-active: rgba(58, 94, 168, 0.32);
41
+ --ui-critical: #b94b3f;
42
+ --ui-on-critical: #fbfbf2;
43
+ --ui-critical-muted: rgba(185, 75, 63, 0.16);
44
+ --ui-critical-hover: rgba(185, 75, 63, 0.24);
45
+ --ui-critical-active: rgba(185, 75, 63, 0.32);
46
+ --ui-danger: var(--ui-critical);
47
+ --ui-on-danger: var(--ui-on-critical);
48
+ --ui-danger-muted: var(--ui-critical-muted);
49
+ --ui-danger-hover: var(--ui-critical-hover);
50
+ --ui-danger-active: var(--ui-critical-active);
51
+ --ui-tonal-secondary: rgba(61, 59, 48, 0.06);
52
+ --ui-tonal-secondary-hover: rgba(61, 59, 48, 0.1);
53
+ --ui-tonal-tertiary: rgba(61, 59, 48, 0.03);
54
+ --ui-tonal-tertiary-hover: rgba(61, 59, 48, 0.07);
55
+ --ui-ring: rgba(197, 159, 18, 0.4);
56
+ --ui-glow-primary: 0 0 0 2px rgba(197, 159, 18, 0.25);
57
+ --ui-glow-accent: 0 0 0 2px rgba(242, 214, 90, 0.22);
58
+ --ui-glow-critical: 0 0 0 2px rgba(185, 75, 63, 0.25);
59
+ --ui-glow-success: 0 0 0 2px rgba(111, 143, 46, 0.22);
60
+ --ui-radius-sm: 8px;
61
+ --ui-radius-md: 12px;
62
+ --ui-radius-lg: 16px;
63
+ --ui-duration-fast: 120ms;
64
+ --ui-duration-normal: 200ms;
65
+ --ui-duration-slow: 300ms;
66
+ --ui-ease-out: cubic-bezier(0, 0, 0.2, 1);
67
+ --ui-shadow-sm: 0 1px 2px rgba(20, 18, 12, 0.12);
68
+ --ui-shadow-md: 0 6px 18px rgba(20, 18, 12, 0.22);
69
+ --ui-lift-hover: -0.5px;
70
+ --ui-scale-active: 0.97;
71
+ --ui-logo-start: #c59f12;
72
+ --ui-logo-end: #3a5ea8;
73
+ --ui-logo-cutout: #fbfbf2;
74
+ }
75
+
76
+ :root[data-theme="citrine-ash-dark"], [data-theme="citrine-ash-dark"] {
77
+ color-scheme: dark;
78
+ --ui-bg: #15140f;
79
+ --ui-fg: #f5f2d9;
80
+ --ui-fg-muted: #c7c2a1;
81
+ --ui-surface: #1d1b14;
82
+ --ui-surface-hover: #26241b;
83
+ --ui-border: rgba(245, 242, 217, 0.12);
84
+ --ui-primary: #f5e27a;
85
+ --ui-on-primary: #14130d;
86
+ --ui-primary-muted: rgba(245, 226, 122, 0.14);
87
+ --ui-primary-hover: rgba(245, 226, 122, 0.22);
88
+ --ui-primary-active: rgba(245, 226, 122, 0.3);
89
+ --ui-secondary: #4b463a;
90
+ --ui-on-secondary: #f5f2d9;
91
+ --ui-secondary-muted: rgba(75, 70, 58, 0.16);
92
+ --ui-secondary-hover: rgba(75, 70, 58, 0.24);
93
+ --ui-secondary-active: rgba(75, 70, 58, 0.32);
94
+ --ui-accent: #ffe58f;
95
+ --ui-on-accent: #14130d;
96
+ --ui-accent-muted: rgba(255, 229, 143, 0.16);
97
+ --ui-accent-hover: rgba(255, 229, 143, 0.24);
98
+ --ui-accent-active: rgba(255, 229, 143, 0.32);
99
+ --ui-success: #a8c15a;
100
+ --ui-on-success: #14130d;
101
+ --ui-success-muted: rgba(168, 193, 90, 0.16);
102
+ --ui-success-hover: rgba(168, 193, 90, 0.24);
103
+ --ui-success-active: rgba(168, 193, 90, 0.32);
104
+ --ui-warning: #e0b455;
105
+ --ui-on-warning: #1b170a;
106
+ --ui-warning-muted: rgba(224, 180, 85, 0.16);
107
+ --ui-warning-hover: rgba(224, 180, 85, 0.24);
108
+ --ui-warning-active: rgba(224, 180, 85, 0.32);
109
+ --ui-info: #7f9edc;
110
+ --ui-on-info: #10121f;
111
+ --ui-info-muted: rgba(127, 158, 220, 0.16);
112
+ --ui-info-hover: rgba(127, 158, 220, 0.24);
113
+ --ui-info-active: rgba(127, 158, 220, 0.32);
114
+ --ui-critical: #e38b7a;
115
+ --ui-on-critical: #14130d;
116
+ --ui-critical-muted: rgba(227, 139, 122, 0.16);
117
+ --ui-critical-hover: rgba(227, 139, 122, 0.24);
118
+ --ui-critical-active: rgba(227, 139, 122, 0.32);
119
+ --ui-danger: var(--ui-critical);
120
+ --ui-on-danger: var(--ui-on-critical);
121
+ --ui-danger-muted: var(--ui-critical-muted);
122
+ --ui-danger-hover: var(--ui-critical-hover);
123
+ --ui-danger-active: var(--ui-critical-active);
124
+ --ui-tonal-secondary: rgba(245, 242, 217, 0.08);
125
+ --ui-tonal-secondary-hover: rgba(245, 242, 217, 0.14);
126
+ --ui-tonal-tertiary: rgba(245, 242, 217, 0.04);
127
+ --ui-tonal-tertiary-hover: rgba(245, 242, 217, 0.1);
128
+ --ui-ring: rgba(245, 226, 122, 0.5);
129
+ --ui-glow-primary: 0 0 0 2px rgba(245, 226, 122, 0.35);
130
+ --ui-glow-accent: 0 0 0 2px rgba(255, 229, 143, 0.35);
131
+ --ui-glow-critical: 0 0 0 2px rgba(227, 139, 122, 0.3);
132
+ --ui-glow-success: 0 0 0 2px rgba(168, 193, 90, 0.3);
133
+ --ui-radius-sm: 8px;
134
+ --ui-radius-md: 12px;
135
+ --ui-radius-lg: 16px;
136
+ --ui-duration-fast: 120ms;
137
+ --ui-duration-normal: 200ms;
138
+ --ui-duration-slow: 300ms;
139
+ --ui-ease-out: cubic-bezier(0, 0, 0.2, 1);
140
+ --ui-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
141
+ --ui-shadow-md: 0 6px 18px rgba(0, 0, 0, 0.45);
142
+ --ui-lift-hover: -0.5px;
143
+ --ui-scale-active: 0.97;
144
+ --ui-logo-start: #f5e27a;
145
+ --ui-logo-end: #7f9edc;
146
+ --ui-logo-cutout: #15140f;
147
+ }
package/packages/ui/src/themes/concord.css ADDED
@@ -0,0 +1,147 @@
1
+ /* This file is generated from src/themes/semanticThemeContract.js. */
2
+
3
+ :root[data-theme="concord-light"], [data-theme="concord-light"] {
4
+ color-scheme: light;
5
+ --ui-bg: #f4f7fb;
6
+ --ui-fg: #16222f;
7
+ --ui-fg-muted: #5f7286;
8
+ --ui-surface: #e8eef5;
9
+ --ui-surface-hover: #dce6f0;
10
+ --ui-border: rgba(22, 34, 47, 0.12);
11
+ --ui-primary: #365f8a;
12
+ --ui-on-primary: #f4f7fb;
13
+ --ui-primary-muted: rgba(54, 95, 138, 0.14);
14
+ --ui-primary-hover: rgba(54, 95, 138, 0.22);
15
+ --ui-primary-active: rgba(54, 95, 138, 0.3);
16
+ --ui-secondary: #4f6276;
17
+ --ui-on-secondary: #f4f7fb;
18
+ --ui-secondary-muted: rgba(79, 98, 118, 0.14);
19
+ --ui-secondary-hover: rgba(79, 98, 118, 0.22);
20
+ --ui-secondary-active: rgba(79, 98, 118, 0.3);
21
+ --ui-accent: #8d76c9;
22
+ --ui-on-accent: #f7f4ff;
23
+ --ui-accent-muted: rgba(141, 118, 201, 0.14);
24
+ --ui-accent-hover: rgba(141, 118, 201, 0.22);
25
+ --ui-accent-active: rgba(141, 118, 201, 0.3);
26
+ --ui-success: #3f7a6a;
27
+ --ui-on-success: #f4f7fb;
28
+ --ui-success-muted: rgba(63, 122, 106, 0.16);
29
+ --ui-success-hover: rgba(63, 122, 106, 0.24);
30
+ --ui-success-active: rgba(63, 122, 106, 0.32);
31
+ --ui-warning: #b27a39;
32
+ --ui-on-warning: #fff8ef;
33
+ --ui-warning-muted: rgba(178, 122, 57, 0.16);
34
+ --ui-warning-hover: rgba(178, 122, 57, 0.24);
35
+ --ui-warning-active: rgba(178, 122, 57, 0.32);
36
+ --ui-info: #4b6fa8;
37
+ --ui-on-info: #f4f7fb;
38
+ --ui-info-muted: rgba(75, 111, 168, 0.16);
39
+ --ui-info-hover: rgba(75, 111, 168, 0.24);
40
+ --ui-info-active: rgba(75, 111, 168, 0.32);
41
+ --ui-critical: #b34c5e;
42
+ --ui-on-critical: #fff2f4;
43
+ --ui-critical-muted: rgba(179, 76, 94, 0.16);
44
+ --ui-critical-hover: rgba(179, 76, 94, 0.24);
45
+ --ui-critical-active: rgba(179, 76, 94, 0.32);
46
+ --ui-danger: var(--ui-critical);
47
+ --ui-on-danger: var(--ui-on-critical);
48
+ --ui-danger-muted: var(--ui-critical-muted);
49
+ --ui-danger-hover: var(--ui-critical-hover);
50
+ --ui-danger-active: var(--ui-critical-active);
51
+ --ui-tonal-secondary: rgba(22, 34, 47, 0.06);
52
+ --ui-tonal-secondary-hover: rgba(22, 34, 47, 0.1);
53
+ --ui-tonal-tertiary: rgba(22, 34, 47, 0.03);
54
+ --ui-tonal-tertiary-hover: rgba(22, 34, 47, 0.07);
55
+ --ui-ring: rgba(54, 95, 138, 0.4);
56
+ --ui-glow-primary: 0 0 0 2px rgba(54, 95, 138, 0.25);
57
+ --ui-glow-accent: 0 0 0 2px rgba(141, 118, 201, 0.22);
58
+ --ui-glow-critical: 0 0 0 2px rgba(179, 76, 94, 0.25);
59
+ --ui-glow-success: 0 0 0 2px rgba(63, 122, 106, 0.22);
60
+ --ui-radius-sm: 8px;
61
+ --ui-radius-md: 12px;
62
+ --ui-radius-lg: 16px;
63
+ --ui-duration-fast: 120ms;
64
+ --ui-duration-normal: 200ms;
65
+ --ui-duration-slow: 300ms;
66
+ --ui-ease-out: cubic-bezier(0, 0, 0.2, 1);
67
+ --ui-shadow-sm: 0 1px 2px rgba(15, 24, 34, 0.12);
68
+ --ui-shadow-md: 0 6px 18px rgba(15, 24, 34, 0.22);
69
+ --ui-lift-hover: -0.5px;
70
+ --ui-scale-active: 0.97;
71
+ --ui-logo-start: #365f8a;
72
+ --ui-logo-end: #8d76c9;
73
+ --ui-logo-cutout: #f4f7fb;
74
+ }
75
+
76
+ :root[data-theme="concord-dark"], [data-theme="concord-dark"] {
77
+ color-scheme: dark;
78
+ --ui-bg: #0f141b;
79
+ --ui-fg: #e9eef5;
80
+ --ui-fg-muted: #a7b5c4;
81
+ --ui-surface: #161d26;
82
+ --ui-surface-hover: #1f2934;
83
+ --ui-border: rgba(233, 238, 245, 0.08);
84
+ --ui-primary: #7ea7d6;
85
+ --ui-on-primary: #0f1823;
86
+ --ui-primary-muted: rgba(126, 167, 214, 0.16);
87
+ --ui-primary-hover: rgba(126, 167, 214, 0.24);
88
+ --ui-primary-active: rgba(126, 167, 214, 0.32);
89
+ --ui-secondary: #73879b;
90
+ --ui-on-secondary: #0f141b;
91
+ --ui-secondary-muted: rgba(115, 135, 155, 0.16);
92
+ --ui-secondary-hover: rgba(115, 135, 155, 0.24);
93
+ --ui-secondary-active: rgba(115, 135, 155, 0.32);
94
+ --ui-accent: #aa92e6;
95
+ --ui-on-accent: #171125;
96
+ --ui-accent-muted: rgba(170, 146, 230, 0.16);
97
+ --ui-accent-hover: rgba(170, 146, 230, 0.24);
98
+ --ui-accent-active: rgba(170, 146, 230, 0.32);
99
+ --ui-success: #6fb4a2;
100
+ --ui-on-success: #0c1714;
101
+ --ui-success-muted: rgba(111, 180, 162, 0.16);
102
+ --ui-success-hover: rgba(111, 180, 162, 0.24);
103
+ --ui-success-active: rgba(111, 180, 162, 0.32);
104
+ --ui-warning: #d39a58;
105
+ --ui-on-warning: #211509;
106
+ --ui-warning-muted: rgba(211, 154, 88, 0.16);
107
+ --ui-warning-hover: rgba(211, 154, 88, 0.24);
108
+ --ui-warning-active: rgba(211, 154, 88, 0.32);
109
+ --ui-info: #8cb4ea;
110
+ --ui-on-info: #101a28;
111
+ --ui-info-muted: rgba(140, 180, 234, 0.16);
112
+ --ui-info-hover: rgba(140, 180, 234, 0.24);
113
+ --ui-info-active: rgba(140, 180, 234, 0.32);
114
+ --ui-critical: #de7c91;
115
+ --ui-on-critical: #1d0b11;
116
+ --ui-critical-muted: rgba(222, 124, 145, 0.16);
117
+ --ui-critical-hover: rgba(222, 124, 145, 0.24);
118
+ --ui-critical-active: rgba(222, 124, 145, 0.32);
119
+ --ui-danger: var(--ui-critical);
120
+ --ui-on-danger: var(--ui-on-critical);
121
+ --ui-danger-muted: var(--ui-critical-muted);
122
+ --ui-danger-hover: var(--ui-critical-hover);
123
+ --ui-danger-active: var(--ui-critical-active);
124
+ --ui-tonal-secondary: rgba(233, 238, 245, 0.06);
125
+ --ui-tonal-secondary-hover: rgba(233, 238, 245, 0.12);
126
+ --ui-tonal-tertiary: rgba(233, 238, 245, 0.03);
127
+ --ui-tonal-tertiary-hover: rgba(233, 238, 245, 0.08);
128
+ --ui-ring: rgba(126, 167, 214, 0.45);
129
+ --ui-glow-primary: 0 0 0 2px rgba(126, 167, 214, 0.35);
130
+ --ui-glow-accent: 0 0 0 2px rgba(170, 146, 230, 0.35);
131
+ --ui-glow-critical: 0 0 0 2px rgba(222, 124, 145, 0.3);
132
+ --ui-glow-success: 0 0 0 2px rgba(111, 180, 162, 0.35);
133
+ --ui-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.45);
134
+ --ui-shadow-md: 0 12px 36px rgba(0, 0, 0, 0.65);
135
+ --ui-radius-sm: 6px;
136
+ --ui-radius-md: 10px;
137
+ --ui-radius-lg: 14px;
138
+ --ui-duration-fast: 120ms;
139
+ --ui-duration-normal: 180ms;
140
+ --ui-duration-slow: 240ms;
141
+ --ui-ease-out: cubic-bezier(0, 0, 0.2, 1);
142
+ --ui-lift-hover: -0.5px;
143
+ --ui-scale-active: 0.98;
144
+ --ui-logo-start: #7ea7d6;
145
+ --ui-logo-end: #aa92e6;
146
+ --ui-logo-cutout: #0f141b;
147
+ }
package/packages/ui/src/themes/garnet-honey.css ADDED
@@ -0,0 +1,147 @@
1
+ /* This file is generated from src/themes/semanticThemeContract.js. */
2
+
3
+ :root[data-theme="garnet-honey-light"], [data-theme="garnet-honey-light"] {
4
+ color-scheme: light;
5
+ --ui-bg: #fbf6ef;
6
+ --ui-fg: #2a141a;
7
+ --ui-fg-muted: #6a4a54;
8
+ --ui-surface: #f4ece2;
9
+ --ui-surface-hover: #eadfce;
10
+ --ui-border: rgba(122, 15, 43, 0.16);
11
+ --ui-primary: #7a0f2b;
12
+ --ui-on-primary: #fbf6ef;
13
+ --ui-primary-muted: rgba(122, 15, 43, 0.14);
14
+ --ui-primary-hover: rgba(122, 15, 43, 0.22);
15
+ --ui-primary-active: rgba(122, 15, 43, 0.3);
16
+ --ui-secondary: #e7b24a;
17
+ --ui-on-secondary: #2a1b05;
18
+ --ui-secondary-muted: rgba(231, 178, 74, 0.14);
19
+ --ui-secondary-hover: rgba(231, 178, 74, 0.22);
20
+ --ui-secondary-active: rgba(231, 178, 74, 0.3);
21
+ --ui-accent: #f2cf7f;
22
+ --ui-on-accent: #2a1b05;
23
+ --ui-accent-muted: rgba(242, 207, 127, 0.14);
24
+ --ui-accent-hover: rgba(242, 207, 127, 0.22);
25
+ --ui-accent-active: rgba(242, 207, 127, 0.3);
26
+ --ui-success: #1f8a6b;
27
+ --ui-on-success: #fbf6ef;
28
+ --ui-success-muted: rgba(31, 138, 107, 0.16);
29
+ --ui-success-hover: rgba(31, 138, 107, 0.24);
30
+ --ui-success-active: rgba(31, 138, 107, 0.32);
31
+ --ui-warning: #c7772a;
32
+ --ui-on-warning: #201404;
33
+ --ui-warning-muted: rgba(199, 119, 42, 0.16);
34
+ --ui-warning-hover: rgba(199, 119, 42, 0.24);
35
+ --ui-warning-active: rgba(199, 119, 42, 0.32);
36
+ --ui-info: #5b43c7;
37
+ --ui-on-info: #fbf6ef;
38
+ --ui-info-muted: rgba(91, 67, 199, 0.16);
39
+ --ui-info-hover: rgba(91, 67, 199, 0.24);
40
+ --ui-info-active: rgba(91, 67, 199, 0.32);
41
+ --ui-critical: #b9373a;
42
+ --ui-on-critical: #fbf6ef;
43
+ --ui-critical-muted: rgba(185, 55, 58, 0.16);
44
+ --ui-critical-hover: rgba(185, 55, 58, 0.24);
45
+ --ui-critical-active: rgba(185, 55, 58, 0.32);
46
+ --ui-danger: var(--ui-critical);
47
+ --ui-on-danger: var(--ui-on-critical);
48
+ --ui-danger-muted: var(--ui-critical-muted);
49
+ --ui-danger-hover: var(--ui-critical-hover);
50
+ --ui-danger-active: var(--ui-critical-active);
51
+ --ui-tonal-secondary: rgba(122, 15, 43, 0.06);
52
+ --ui-tonal-secondary-hover: rgba(122, 15, 43, 0.1);
53
+ --ui-tonal-tertiary: rgba(122, 15, 43, 0.03);
54
+ --ui-tonal-tertiary-hover: rgba(122, 15, 43, 0.07);
55
+ --ui-ring: rgba(122, 15, 43, 0.4);
56
+ --ui-glow-primary: 0 0 0 2px rgba(122, 15, 43, 0.25);
57
+ --ui-glow-accent: 0 0 0 2px rgba(242, 207, 127, 0.22);
58
+ --ui-glow-critical: 0 0 0 2px rgba(185, 55, 58, 0.25);
59
+ --ui-glow-success: 0 0 0 2px rgba(31, 138, 107, 0.22);
60
+ --ui-radius-sm: 8px;
61
+ --ui-radius-md: 12px;
62
+ --ui-radius-lg: 16px;
63
+ --ui-duration-fast: 120ms;
64
+ --ui-duration-normal: 200ms;
65
+ --ui-duration-slow: 300ms;
66
+ --ui-ease-out: cubic-bezier(0, 0, 0.2, 1);
67
+ --ui-shadow-sm: 0 1px 2px rgba(18, 8, 10, 0.12);
68
+ --ui-shadow-md: 0 6px 18px rgba(18, 8, 10, 0.22);
69
+ --ui-lift-hover: -0.5px;
70
+ --ui-scale-active: 0.97;
71
+ --ui-logo-start: #7a0f2b;
72
+ --ui-logo-end: #e7b24a;
73
+ --ui-logo-cutout: #fbf6ef;
74
+ }
75
+
76
+ :root[data-theme="garnet-honey-dark"], [data-theme="garnet-honey-dark"] {
77
+ color-scheme: dark;
78
+ --ui-bg: #1c0d11;
79
+ --ui-fg: #f7ede1;
80
+ --ui-fg-muted: #c7a894;
81
+ --ui-surface: #251217;
82
+ --ui-surface-hover: #321a21;
83
+ --ui-border: rgba(247, 237, 225, 0.12);
84
+ --ui-primary: #e8a0b2;
85
+ --ui-on-primary: #1c0d11;
86
+ --ui-primary-muted: rgba(232, 160, 178, 0.14);
87
+ --ui-primary-hover: rgba(232, 160, 178, 0.22);
88
+ --ui-primary-active: rgba(232, 160, 178, 0.3);
89
+ --ui-secondary: #f3c45c;
90
+ --ui-on-secondary: #2a1b05;
91
+ --ui-secondary-muted: rgba(243, 196, 92, 0.16);
92
+ --ui-secondary-hover: rgba(243, 196, 92, 0.24);
93
+ --ui-secondary-active: rgba(243, 196, 92, 0.32);
94
+ --ui-accent: #f6d894;
95
+ --ui-on-accent: #2a1b05;
96
+ --ui-accent-muted: rgba(246, 216, 148, 0.16);
97
+ --ui-accent-hover: rgba(246, 216, 148, 0.24);
98
+ --ui-accent-active: rgba(246, 216, 148, 0.32);
99
+ --ui-success: #5fcfb0;
100
+ --ui-on-success: #0b1612;
101
+ --ui-success-muted: rgba(95, 207, 176, 0.16);
102
+ --ui-success-hover: rgba(95, 207, 176, 0.24);
103
+ --ui-success-active: rgba(95, 207, 176, 0.32);
104
+ --ui-warning: #e6a35a;
105
+ --ui-on-warning: #1c1307;
106
+ --ui-warning-muted: rgba(230, 163, 90, 0.16);
107
+ --ui-warning-hover: rgba(230, 163, 90, 0.24);
108
+ --ui-warning-active: rgba(230, 163, 90, 0.32);
109
+ --ui-info: #9a7ae6;
110
+ --ui-on-info: #120b1f;
111
+ --ui-info-muted: rgba(154, 122, 230, 0.16);
112
+ --ui-info-hover: rgba(154, 122, 230, 0.24);
113
+ --ui-info-active: rgba(154, 122, 230, 0.32);
114
+ --ui-critical: #f09a9a;
115
+ --ui-on-critical: #14090b;
116
+ --ui-critical-muted: rgba(240, 154, 154, 0.16);
117
+ --ui-critical-hover: rgba(240, 154, 154, 0.24);
118
+ --ui-critical-active: rgba(240, 154, 154, 0.32);
119
+ --ui-danger: var(--ui-critical);
120
+ --ui-on-danger: var(--ui-on-critical);
121
+ --ui-danger-muted: var(--ui-critical-muted);
122
+ --ui-danger-hover: var(--ui-critical-hover);
123
+ --ui-danger-active: var(--ui-critical-active);
124
+ --ui-tonal-secondary: rgba(247, 237, 225, 0.08);
125
+ --ui-tonal-secondary-hover: rgba(247, 237, 225, 0.14);
126
+ --ui-tonal-tertiary: rgba(247, 237, 225, 0.04);
127
+ --ui-tonal-tertiary-hover: rgba(247, 237, 225, 0.1);
128
+ --ui-ring: rgba(232, 160, 178, 0.5);
129
+ --ui-glow-primary: 0 0 0 2px rgba(232, 160, 178, 0.35);
130
+ --ui-glow-accent: 0 0 0 2px rgba(246, 216, 148, 0.35);
131
+ --ui-glow-critical: 0 0 0 2px rgba(240, 154, 154, 0.3);
132
+ --ui-glow-success: 0 0 0 2px rgba(95, 207, 176, 0.3);
133
+ --ui-radius-sm: 8px;
134
+ --ui-radius-md: 12px;
135
+ --ui-radius-lg: 16px;
136
+ --ui-duration-fast: 120ms;
137
+ --ui-duration-normal: 200ms;
138
+ --ui-duration-slow: 300ms;
139
+ --ui-ease-out: cubic-bezier(0, 0, 0.2, 1);
140
+ --ui-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
141
+ --ui-shadow-md: 0 6px 18px rgba(0, 0, 0, 0.45);
142
+ --ui-lift-hover: -0.5px;
143
+ --ui-scale-active: 0.97;
144
+ --ui-logo-start: #e8a0b2;
145
+ --ui-logo-end: #f3c45c;
146
+ --ui-logo-cutout: #1c0d11;
147
+ }
package/packages/ui/src/themes/harbor-rose.css ADDED
@@ -0,0 +1,147 @@
1
+ /* This file is generated from src/themes/semanticThemeContract.js. */
2
+
3
+ :root[data-theme="harbor-rose-light"], [data-theme="harbor-rose-light"] {
4
+ color-scheme: light;
5
+ --ui-bg: #f6f7fb;
6
+ --ui-fg: #191a23;
7
+ --ui-fg-muted: #5d6174;
8
+ --ui-surface: #eef0f7;
9
+ --ui-surface-hover: #e2e5f0;
10
+ --ui-border: rgba(15, 61, 145, 0.18);
11
+ --ui-primary: #0f3d91;
12
+ --ui-on-primary: #f6f7fb;
13
+ --ui-primary-muted: rgba(15, 61, 145, 0.14);
14
+ --ui-primary-hover: rgba(15, 61, 145, 0.22);
15
+ --ui-primary-active: rgba(15, 61, 145, 0.3);
16
+ --ui-secondary: #c0265c;
17
+ --ui-on-secondary: #fdf2f6;
18
+ --ui-secondary-muted: rgba(192, 38, 92, 0.14);
19
+ --ui-secondary-hover: rgba(192, 38, 92, 0.22);
20
+ --ui-secondary-active: rgba(192, 38, 92, 0.3);
21
+ --ui-accent: #5f7fdf;
22
+ --ui-on-accent: #f6f7fb;
23
+ --ui-accent-muted: rgba(95, 127, 223, 0.14);
24
+ --ui-accent-hover: rgba(95, 127, 223, 0.22);
25
+ --ui-accent-active: rgba(95, 127, 223, 0.3);
26
+ --ui-success: #1f8a6b;
27
+ --ui-on-success: #f6f7fb;
28
+ --ui-success-muted: rgba(31, 138, 107, 0.16);
29
+ --ui-success-hover: rgba(31, 138, 107, 0.24);
30
+ --ui-success-active: rgba(31, 138, 107, 0.32);
31
+ --ui-warning: #c7772a;
32
+ --ui-on-warning: #1f1406;
33
+ --ui-warning-muted: rgba(199, 119, 42, 0.16);
34
+ --ui-warning-hover: rgba(199, 119, 42, 0.24);
35
+ --ui-warning-active: rgba(199, 119, 42, 0.32);
36
+ --ui-info: #1670c9;
37
+ --ui-on-info: #f6f7fb;
38
+ --ui-info-muted: rgba(22, 112, 201, 0.16);
39
+ --ui-info-hover: rgba(22, 112, 201, 0.24);
40
+ --ui-info-active: rgba(22, 112, 201, 0.32);
41
+ --ui-critical: #b9373a;
42
+ --ui-on-critical: #fdf2f2;
43
+ --ui-critical-muted: rgba(185, 55, 58, 0.16);
44
+ --ui-critical-hover: rgba(185, 55, 58, 0.24);
45
+ --ui-critical-active: rgba(185, 55, 58, 0.32);
46
+ --ui-danger: var(--ui-critical);
47
+ --ui-on-danger: var(--ui-on-critical);
48
+ --ui-danger-muted: var(--ui-critical-muted);
49
+ --ui-danger-hover: var(--ui-critical-hover);
50
+ --ui-danger-active: var(--ui-critical-active);
51
+ --ui-tonal-secondary: rgba(15, 61, 145, 0.06);
52
+ --ui-tonal-secondary-hover: rgba(15, 61, 145, 0.1);
53
+ --ui-tonal-tertiary: rgba(15, 61, 145, 0.03);
54
+ --ui-tonal-tertiary-hover: rgba(15, 61, 145, 0.07);
55
+ --ui-ring: rgba(15, 61, 145, 0.4);
56
+ --ui-glow-primary: 0 0 0 2px rgba(15, 61, 145, 0.25);
57
+ --ui-glow-accent: 0 0 0 2px rgba(95, 127, 223, 0.22);
58
+ --ui-glow-critical: 0 0 0 2px rgba(185, 55, 58, 0.25);
59
+ --ui-glow-success: 0 0 0 2px rgba(31, 138, 107, 0.22);
60
+ --ui-radius-sm: 8px;
61
+ --ui-radius-md: 12px;
62
+ --ui-radius-lg: 16px;
63
+ --ui-duration-fast: 120ms;
64
+ --ui-duration-normal: 200ms;
65
+ --ui-duration-slow: 300ms;
66
+ --ui-ease-out: cubic-bezier(0, 0, 0.2, 1);
67
+ --ui-shadow-sm: 0 1px 2px rgba(11, 13, 22, 0.12);
68
+ --ui-shadow-md: 0 6px 18px rgba(11, 13, 22, 0.22);
69
+ --ui-lift-hover: -0.5px;
70
+ --ui-scale-active: 0.97;
71
+ --ui-logo-start: #c0265c;
72
+ --ui-logo-end: #5f7fdf;
73
+ --ui-logo-cutout: #f6f7fb;
74
+ }
75
+
76
+ :root[data-theme="harbor-rose-dark"], [data-theme="harbor-rose-dark"] {
77
+ color-scheme: dark;
78
+ --ui-bg: #0f1222;
79
+ --ui-fg: #eef1fa;
80
+ --ui-fg-muted: #b1b7d0;
81
+ --ui-surface: #171b2e;
82
+ --ui-surface-hover: #22273f;
83
+ --ui-border: rgba(238, 241, 250, 0.12);
84
+ --ui-primary: #5b84e6;
85
+ --ui-on-primary: #0d1424;
86
+ --ui-primary-muted: rgba(91, 132, 230, 0.14);
87
+ --ui-primary-hover: rgba(91, 132, 230, 0.22);
88
+ --ui-primary-active: rgba(91, 132, 230, 0.3);
89
+ --ui-secondary: #e1557a;
90
+ --ui-on-secondary: #14070b;
91
+ --ui-secondary-muted: rgba(225, 85, 122, 0.16);
92
+ --ui-secondary-hover: rgba(225, 85, 122, 0.24);
93
+ --ui-secondary-active: rgba(225, 85, 122, 0.32);
94
+ --ui-accent: #9db4f2;
95
+ --ui-on-accent: #0d1424;
96
+ --ui-accent-muted: rgba(157, 180, 242, 0.16);
97
+ --ui-accent-hover: rgba(157, 180, 242, 0.24);
98
+ --ui-accent-active: rgba(157, 180, 242, 0.32);
99
+ --ui-success: #5fd0b0;
100
+ --ui-on-success: #0b1713;
101
+ --ui-success-muted: rgba(95, 208, 176, 0.16);
102
+ --ui-success-hover: rgba(95, 208, 176, 0.24);
103
+ --ui-success-active: rgba(95, 208, 176, 0.32);
104
+ --ui-warning: #e6a35a;
105
+ --ui-on-warning: #19120a;
106
+ --ui-warning-muted: rgba(230, 163, 90, 0.16);
107
+ --ui-warning-hover: rgba(230, 163, 90, 0.24);
108
+ --ui-warning-active: rgba(230, 163, 90, 0.32);
109
+ --ui-info: #6cb6f0;
110
+ --ui-on-info: #0b1220;
111
+ --ui-info-muted: rgba(108, 182, 240, 0.16);
112
+ --ui-info-hover: rgba(108, 182, 240, 0.24);
113
+ --ui-info-active: rgba(108, 182, 240, 0.32);
114
+ --ui-critical: #ef8a8a;
115
+ --ui-on-critical: #14070b;
116
+ --ui-critical-muted: rgba(239, 138, 138, 0.16);
117
+ --ui-critical-hover: rgba(239, 138, 138, 0.24);
118
+ --ui-critical-active: rgba(239, 138, 138, 0.32);
119
+ --ui-danger: var(--ui-critical);
120
+ --ui-on-danger: var(--ui-on-critical);
121
+ --ui-danger-muted: var(--ui-critical-muted);
122
+ --ui-danger-hover: var(--ui-critical-hover);
123
+ --ui-danger-active: var(--ui-critical-active);
124
+ --ui-tonal-secondary: rgba(238, 241, 250, 0.08);
125
+ --ui-tonal-secondary-hover: rgba(238, 241, 250, 0.14);
126
+ --ui-tonal-tertiary: rgba(238, 241, 250, 0.04);
127
+ --ui-tonal-tertiary-hover: rgba(238, 241, 250, 0.1);
128
+ --ui-ring: rgba(91, 132, 230, 0.5);
129
+ --ui-glow-primary: 0 0 0 2px rgba(91, 132, 230, 0.35);
130
+ --ui-glow-accent: 0 0 0 2px rgba(157, 180, 242, 0.35);
131
+ --ui-glow-critical: 0 0 0 2px rgba(239, 138, 138, 0.3);
132
+ --ui-glow-success: 0 0 0 2px rgba(95, 208, 176, 0.3);
133
+ --ui-radius-sm: 8px;
134
+ --ui-radius-md: 12px;
135
+ --ui-radius-lg: 16px;
136
+ --ui-duration-fast: 120ms;
137
+ --ui-duration-normal: 200ms;
138
+ --ui-duration-slow: 300ms;
139
+ --ui-ease-out: cubic-bezier(0, 0, 0.2, 1);
140
+ --ui-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
141
+ --ui-shadow-md: 0 6px 18px rgba(0, 0, 0, 0.45);
142
+ --ui-lift-hover: -0.5px;
143
+ --ui-scale-active: 0.97;
144
+ --ui-logo-start: #e1557a;
145
+ --ui-logo-end: #9db4f2;
146
+ --ui-logo-cutout: #0f1222;
147
+ }