@softize/opus 8.9.1 → 9.0.1

package/src/ui/theme.css

@@ -12,11 +12,10 @@
  *    da casa (upstream v4 também elevou; calibramos pelo site deles em 2026-06).
  * 3. Radius mapeado (sm/md/lg/xl em @theme inline) preservando o sentido pré-v4 dos
  *    utilitários `rounded-*` — neutraliza o rename do v4.
- * (A antiga nº 4 — escala shadow-* sobrescrita — foi APOSENTADA: a elevação da casa
- *  vive em namespace próprio, shadow-card/popover/dialog + ring-edge, sem tocar os
- *  defaults do Tailwind.)
+ * 4. Escala shadow-* recomposta diretamente em duas camadas claras, difusas e com spread
+ *    negativo — preserva inclusive modifiers como `shadow-lg/30` (ver docs/elevation-scale.md).
  * 5. Bordas mais leves no light: --border/--input em 92.5% (upstream 89.8%) — par do
- *    canvas quase-branco; a aresta de superfície elevada já é o ring-edge.
+ *    canvas quase-branco; superfícies elevadas usam a mesma borda real dos demais papéis.
  * Tudo o mais (escala neutra, radius base 0.625rem, semânticas) segue o upstream.
  */
 @import 'tailwindcss';
@@ -27,15 +26,6 @@
 @custom-variant dark (&:is(.dark *));
 
 :root {
-  /* Elevação POR PAPEL (par do bg-card/bg-popover): família Notion — camada curta +
-     longa, tinte 25/25/25 — e a ARESTA (--edge-value): o anel hairline que SUBSTITUI a
-     borda em superfície elevada (ring-1 ring-edge). Papel novo = token novo; os
-     defaults shadow-* do Tailwind ficam INTACTOS (sem pegadinha). */
-  --edge-value: rgba(42, 28, 0, 0.07);
-  --elevation-card: 0 1px 2px rgba(25, 25, 25, 0.027), 0 3px 6px rgba(25, 25, 25, 0.05);
-  --elevation-popover: 0 5px 8px rgba(25, 25, 25, 0.027), 0 20px 24px rgba(25, 25, 25, 0.05);
-  --elevation-dialog: 0 4px 8px rgba(25, 25, 25, 0.03), 0 16px 24px rgba(25, 25, 25, 0.06);
-
   /* Scrollbars e controles NATIVOS (date picker, autofill…) seguem o tema — sem
      isto o browser assume light e pinta scrollbar branca no dark. */
   color-scheme: light;
@@ -64,10 +54,6 @@
 }
 
 .dark {
-  --edge-value: rgba(255, 255, 255, 0.06);
-  --elevation-card: 0 1px 2px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.28);
-  --elevation-popover: 0 5px 8px rgba(0, 0, 0, 0.16), 0 20px 24px rgba(0, 0, 0, 0.3);
-  --elevation-dialog: 0 4px 8px rgba(0, 0, 0, 0.2), 0 16px 24px rgba(0, 0, 0, 0.35);
   color-scheme: dark;
   --background: hsl(0 0% 3.9%);
   --foreground: hsl(0 0% 98%);
@@ -151,20 +137,23 @@
   --radius-lg: var(--radius);
   --radius-xl: calc(var(--radius) + 4px);
 
-  /* Forma por papel (rounded-card/popover/dialog) — o papel de superfície carrega cor
-     (bg-*), elevação (shadow-*) E forma. Derivados de --radius: a identidade por app
-     (sobrescrever --radius) escala os papéis junto. Controles ficam na escala sm–xl. */
+  /* Forma por papel (rounded-card/popover/dialog), separada da intensidade de elevação.
+     Derivados de --radius: a identidade por app (sobrescrever --radius) escala os papéis
+     junto. Controles ficam na escala sm–xl. */
   --radius-card: calc(var(--radius) + 6px);
   --radius-popover: calc(var(--radius) - 2px);
   --radius-dialog: calc(var(--radius) + 6px);
 
-  /* Elevação por papel (utilitários shadow-card/popover/dialog + ring-edge/border-edge)
-     — namespace PRÓPRIO: os shadow-* default do Tailwind seguem intactos. Superfície
-     elevada usa `ring-1 ring-edge` NO LUGAR de border (não combine os dois). */
-  --shadow-card: var(--elevation-card);
-  --shadow-popover: var(--elevation-popover);
-  --shadow-dialog: var(--elevation-dialog);
-  --color-edge: var(--edge-value);
+  /* Escala Tailwind, com receita direta para o compilador preservar modifiers `/opacity`.
+     `light-dark()` mantém o peso adequado em cada tema sem uma variável intermediária. */
+  --shadow-2xs: 0 1px 2px -1px light-dark(rgb(15 15 15 / 0.03), rgb(0 0 0 / 0.12));
+  --shadow-xs: 0 1px 2px -1px light-dark(rgb(15 15 15 / 0.025), rgb(0 0 0 / 0.12)), 0 2px 4px -2px light-dark(rgb(15 15 15 / 0.035), rgb(0 0 0 / 0.18));
+  --shadow-sm: 0 2px 4px -2px light-dark(rgb(15 15 15 / 0.025), rgb(0 0 0 / 0.16)), 0 4px 8px -4px light-dark(rgb(15 15 15 / 0.04), rgb(0 0 0 / 0.28));
+  --shadow: 0 2px 6px -2px light-dark(rgb(15 15 15 / 0.03), rgb(0 0 0 / 0.16)), 0 6px 14px -6px light-dark(rgb(15 15 15 / 0.05), rgb(0 0 0 / 0.29));
+  --shadow-md: 0 4px 8px -4px light-dark(rgb(15 15 15 / 0.03), rgb(0 0 0 / 0.16)), 0 10px 28px -8px light-dark(rgb(15 15 15 / 0.065), rgb(0 0 0 / 0.3));
+  --shadow-lg: 0 6px 16px -6px light-dark(rgb(15 15 15 / 0.03), rgb(0 0 0 / 0.18)), 0 18px 48px -12px light-dark(rgb(15 15 15 / 0.07), rgb(0 0 0 / 0.3));
+  --shadow-xl: 0 8px 24px -10px light-dark(rgb(15 15 15 / 0.04), rgb(0 0 0 / 0.2)), 0 24px 64px -18px light-dark(rgb(15 15 15 / 0.08), rgb(0 0 0 / 0.34));
+  --shadow-2xl: 0 12px 32px -14px light-dark(rgb(15 15 15 / 0.05), rgb(0 0 0 / 0.22)), 0 32px 88px -24px light-dark(rgb(15 15 15 / 0.1), rgb(0 0 0 / 0.38));
 }
 
 /* Base canônica do consumidor — vem DAQUI, não do entry de cada app. Tailwind v4

package/registry/github/opus.yml

@@ -1,22 +0,0 @@
-name: opus
-
-on:
-  pull_request: {}
-  push:
-    branches: [main]
-  workflow_dispatch: {}
-
-jobs:
-  check:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-      - uses: pnpm/action-setup@v4
-        with:
-          version: 11
-      - uses: actions/setup-node@v4
-        with:
-          node-version: 22
-          cache: pnpm
-      - run: pnpm install --frozen-lockfile
-      - run: pnpm exec opus check