@vibes.diy/base 14.0.0 → 14.0.2

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vibes.diy/base",
3
- "version": "14.0.0",
3
+ "version": "14.0.2",
4
4
  "license": "Apache-2.0",
5
5
  "type": "module",
6
6
  "main": "./index.js",
@@ -10,9 +10,9 @@
10
10
  "dependencies": {
11
11
  "@adviser/cement": "~0.5.34",
12
12
  "@emotion/css": "~11.13.5",
13
- "@vibes.diy/use-vibes-types": "14.0.0",
14
- "@vibes.diy/vibe-runtime": "14.0.0",
15
- "@vibes.diy/vibe-types": "14.0.0",
13
+ "@vibes.diy/use-vibes-types": "14.0.2",
14
+ "@vibes.diy/vibe-runtime": "14.0.2",
15
+ "@vibes.diy/vibe-types": "14.0.2",
16
16
  "officeparser": "~7.8.0",
17
17
  "qrcode-generator": "~2.0.4",
18
18
  "react": "~19.2.8"
@@ -1,6 +1,6 @@
1
1
  import { generateCSSVariables } from "./css-vars.js";
2
2
  import { safeAreaVars } from "./safe-area.js";
3
- import { colors, semantic } from "./tokens.js";
3
+ import { semantic } from "./tokens.js";
4
4
  const keyframes = `
5
5
  @keyframes buttonGlimmer {
6
6
  0% { background-position: -100% 0; }
@@ -161,8 +161,8 @@ const backgroundPatterns = `
161
161
  .vibe-loading-grid {
162
162
  background-color: #2a2a2a;
163
163
  background-image:
164
- linear-gradient(rgba(255, 255, 255, 0.3) 1px, transparent 1px),
165
- linear-gradient(90deg, rgba(255, 255, 255, 0.3) 1px, transparent 1px);
164
+ linear-gradient(rgba(0, 0, 0, 0.55) 1px, transparent 1px),
165
+ linear-gradient(90deg, rgba(0, 0, 0, 0.55) 1px, transparent 1px);
166
166
  }
167
167
  }
168
168
 
@@ -196,17 +196,22 @@ html:has(.vibe-viewport-flash) { color-scheme: dark; }
196
196
  html:has(.vibe-viewport-flash), body:has(.vibe-viewport-flash) { background-color: #000; }
197
197
 
198
198
  .page-grid-background {}
199
+ /* The SSR-inlined twin of base/theme/patterns.ts gridBackground: this is what
200
+ the home page paints BEFORE hydration attaches the Emotion class, so it must
201
+ be byte-equivalent (field, line colour, 32px pitch) or the first frame shows
202
+ a different grid than the second. Dark lines are INKED (black .55), not
203
+ fainter white — see patterns.ts for the measured reasoning (PR #5326). */
199
204
  body:has(.page-grid-background) {
200
- background-color: ${colors.grayLightest};
205
+ background-color: #cccdc8;
201
206
  background-image: linear-gradient(rgba(255,255,255,0.5) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.5) 1px, transparent 1px);
202
- background-size: 40px 40px;
207
+ background-size: 32px 32px;
203
208
  background-attachment: scroll;
204
209
  }
205
210
  @media (min-width: 768px) { body:has(.page-grid-background) { background-attachment: fixed; } }
206
211
  @media (prefers-color-scheme: dark) {
207
212
  body:has(.page-grid-background) {
208
213
  background-color: ${semantic.dark.bg.secondary};
209
- background-image: linear-gradient(rgba(255,255,255,0.3) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.3) 1px, transparent 1px);
214
+ background-image: linear-gradient(rgba(0, 0, 0, 0.55) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 0, 0, 0.55) 1px, transparent 1px);
210
215
  }
211
216
  }
212
217
  `;
@@ -1 +1 @@
1
- {"version":3,"file":"global-styles.js","sourceRoot":"","sources":["../../jsr/theme/global-styles.ts"],"names":[],"mappings":"AAgBA,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAM/C,MAAM,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BjB,CAAC;AAMF,MAAM,cAAc,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuCtB,CAAC;AAMF,MAAM,eAAe,GAAG;;;;CAIvB,CAAC;AAMF,MAAM,eAAe,GAAG;;;;;;;;;;;;;CAavB,CAAC;AAMF,MAAM,iBAAiB,GAAG;;;;;;;;CAQzB,CAAC;AAMF,MAAM,YAAY,GAAG;;;;;;;;;;;;;CAapB,CAAC;AAMF,MAAM,eAAe,GAAG;;;;;CAKvB,CAAC;AAMF,MAAM,kBAAkB,GAAG;;CAE1B,CAAC;AAMF,MAAM,kBAAkB,GAAG;;;;;;;;;iDASsB,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAoEnD,MAAM,CAAC,YAAY;;;;;;;;wBAQjB,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,SAAS;;;;CAIjD,CAAC;AASF,MAAM,UAAU,cAAc;IAC5B,OAAO;QACL,oBAAoB,EAAE;QAItB,YAAY;QACZ,SAAS;QACT,cAAc;QACd,eAAe;QACf,eAAe;QACf,iBAAiB;QACjB,YAAY;QACZ,eAAe;QACf,kBAAkB;QAClB,kBAAkB;KACnB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AACjB,CAAC"}
1
+ {"version":3,"file":"global-styles.js","sourceRoot":"","sources":["../../jsr/theme/global-styles.ts"],"names":[],"mappings":"AAgBA,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAMvC,MAAM,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BjB,CAAC;AAMF,MAAM,cAAc,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuCtB,CAAC;AAMF,MAAM,eAAe,GAAG;;;;CAIvB,CAAC;AAMF,MAAM,eAAe,GAAG;;;;;;;;;;;;;CAavB,CAAC;AAMF,MAAM,iBAAiB,GAAG;;;;;;;;CAQzB,CAAC;AAMF,MAAM,YAAY,GAAG;;;;;;;;;;;;;CAapB,CAAC;AAMF,MAAM,eAAe,GAAG;;;;;CAKvB,CAAC;AAMF,MAAM,kBAAkB,GAAG;;CAE1B,CAAC;AAMF,MAAM,kBAAkB,GAAG;;;;;;;;;iDASsB,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAiFjD,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,SAAS;;;;CAIjD,CAAC;AASF,MAAM,UAAU,cAAc;IAC5B,OAAO;QACL,oBAAoB,EAAE;QAItB,YAAY;QACZ,SAAS;QACT,cAAc;QACd,eAAe;QACf,eAAe;QACf,iBAAiB;QACjB,YAAY;QACZ,eAAe;QACf,kBAAkB;QAClB,kBAAkB;KACnB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AACjB,CAAC"}