@theoremjs/react 0.3.4-next.779.g11cbf1e → 0.3.4-next.783.g4851c77

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 (4) hide show
  1. package/package.json +3 -3
  2. package/ui/built/theme.css +3 -3
  3. package/ui/built/theorem.js +3 -3
  4. package/ui/theorem-theme.js +6 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@theoremjs/react",
3
- "version": "0.3.4-next.779.g11cbf1e",
3
+ "version": "0.3.4-next.783.g4851c77",
4
4
  "description": "React bindings for Theorem: headless hooks + transport, an Astryx chat UI, and a Web-standard server handler.",
5
5
  "license": "MIT",
6
6
  "type": "module",
@@ -60,8 +60,8 @@
60
60
  "@stylexjs/stylex": "0.19.0",
61
61
  "react": "^19.0.0",
62
62
  "react-dom": "^19.0.0",
63
- "@theoremjs/agents": "^0.3.4-next.779.g11cbf1e",
64
- "@theoremjs/web": "^0.3.4-next.779.g11cbf1e"
63
+ "@theoremjs/agents": "^0.3.4-next.783.g4851c77",
64
+ "@theoremjs/web": "^0.3.4-next.783.g4851c77"
65
65
  },
66
66
  "peerDependenciesMeta": {
67
67
  "@astryxdesign/core": {
package/ui/built/theme.css CHANGED
@@ -253,9 +253,9 @@
253
253
  --radius-container: 0.75rem;
254
254
  --radius-page: 1.75rem;
255
255
  --radius-full: 9999px;
256
- --shadow-low: 0 2px 4px light-dark(oklch(0 0 0 / 5%), oklch(0 0 0 / 25%)), 0 4px 8px light-dark(oklch(0 0 0 / 10%), oklch(0 0 0 / 40%)), inset 0 0 0 1px light-dark(transparent, oklch(1 0 0 / 8%));
257
- --shadow-med: 0 2px 4px light-dark(oklch(0 0 0 / 5%), oklch(0 0 0 / 35%)), 0 4px 12px light-dark(oklch(0 0 0 / 10%), oklch(0 0 0 / 50%)), inset 0 0 0 1px light-dark(transparent, oklch(1 0 0 / 12%));
258
- --shadow-high: 0 4px 6px light-dark(oklch(0 0 0 / 10%), oklch(0 0 0 / 50%)), 0 12px 24px light-dark(oklch(0 0 0 / 15%), oklch(0 0 0 / 70%)), inset 0 0 0 1px light-dark(transparent, oklch(1 0 0 / 15%));
256
+ --shadow-low: 0 2px 4px light-dark(oklch(0 0 0 / 5%), oklch(0 0 0 / 25%)), 0 4px 8px light-dark(oklch(0 0 0 / 10%), oklch(0 0 0 / 40%));
257
+ --shadow-med: 0 2px 4px light-dark(oklch(0 0 0 / 5%), oklch(0 0 0 / 35%)), 0 4px 12px light-dark(oklch(0 0 0 / 10%), oklch(0 0 0 / 50%));
258
+ --shadow-high: 0 4px 6px light-dark(oklch(0 0 0 / 10%), oklch(0 0 0 / 50%)), 0 12px 24px light-dark(oklch(0 0 0 / 15%), oklch(0 0 0 / 70%));
259
259
  --shadow-inset-hover: inset 0px 0px 0px 2px #0074e24D;
260
260
  --shadow-inset-selected: inset 0px 0px 0px 2px #0074e280;
261
261
  --shadow-inset-success: inset 0px 0px 0px 2px #2f7d334D;
package/ui/built/theorem.js CHANGED
@@ -187,9 +187,9 @@ export const theoremTheme = {
187
187
  "--radius-container": "0.75rem",
188
188
  "--radius-page": "1.75rem",
189
189
  "--radius-full": "9999px",
190
- "--shadow-low": "0 2px 4px light-dark(oklch(0 0 0 / 5%), oklch(0 0 0 / 25%)), 0 4px 8px light-dark(oklch(0 0 0 / 10%), oklch(0 0 0 / 40%)), inset 0 0 0 1px light-dark(transparent, oklch(1 0 0 / 8%))",
191
- "--shadow-med": "0 2px 4px light-dark(oklch(0 0 0 / 5%), oklch(0 0 0 / 35%)), 0 4px 12px light-dark(oklch(0 0 0 / 10%), oklch(0 0 0 / 50%)), inset 0 0 0 1px light-dark(transparent, oklch(1 0 0 / 12%))",
192
- "--shadow-high": "0 4px 6px light-dark(oklch(0 0 0 / 10%), oklch(0 0 0 / 50%)), 0 12px 24px light-dark(oklch(0 0 0 / 15%), oklch(0 0 0 / 70%)), inset 0 0 0 1px light-dark(transparent, oklch(1 0 0 / 15%))",
190
+ "--shadow-low": "0 2px 4px light-dark(oklch(0 0 0 / 5%), oklch(0 0 0 / 25%)), 0 4px 8px light-dark(oklch(0 0 0 / 10%), oklch(0 0 0 / 40%))",
191
+ "--shadow-med": "0 2px 4px light-dark(oklch(0 0 0 / 5%), oklch(0 0 0 / 35%)), 0 4px 12px light-dark(oklch(0 0 0 / 10%), oklch(0 0 0 / 50%))",
192
+ "--shadow-high": "0 4px 6px light-dark(oklch(0 0 0 / 10%), oklch(0 0 0 / 50%)), 0 12px 24px light-dark(oklch(0 0 0 / 15%), oklch(0 0 0 / 70%))",
193
193
  "--shadow-inset-hover": "inset 0px 0px 0px 2px #0074e24D",
194
194
  "--shadow-inset-selected": "inset 0px 0px 0px 2px #0074e280",
195
195
  "--shadow-inset-success": "inset 0px 0px 0px 2px #2f7d334D",
package/ui/theorem-theme.js CHANGED
@@ -13,6 +13,12 @@ export const theoremTheme = defineTheme({
13
13
  name: 'theorem',
14
14
  extends: neutralTheme,
15
15
  icons: tablerIcons,
16
+ tokens: {
17
+ // why: neutral's shadows carry a 1px white ring in dark mode. Surfaces lift by shadow alone.
18
+ '--shadow-low': '0 2px 4px light-dark(oklch(0 0 0 / 5%), oklch(0 0 0 / 25%)), 0 4px 8px light-dark(oklch(0 0 0 / 10%), oklch(0 0 0 / 40%))',
19
+ '--shadow-med': '0 2px 4px light-dark(oklch(0 0 0 / 5%), oklch(0 0 0 / 35%)), 0 4px 12px light-dark(oklch(0 0 0 / 10%), oklch(0 0 0 / 50%))',
20
+ '--shadow-high': '0 4px 6px light-dark(oklch(0 0 0 / 10%), oklch(0 0 0 / 50%)), 0 12px 24px light-dark(oklch(0 0 0 / 15%), oklch(0 0 0 / 70%))',
21
+ },
16
22
  components: {
17
23
  // why: Media keeps a margin from the viewport edges, over a lighter scrim than
18
24
  // Astryx's shared --color-overlay (dialogs keep theirs).