@reservi/theme 2.0.0-beta.1 → 2.0.0-beta.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reservi/theme",
-  "version": "2.0.0-beta.1",
+  "version": "2.0.0-beta.3",
   "description": "Tema de Reservi Calendar: design tokens (TailwindCSS 4 @theme) y estilos base.",
   "license": "MIT",
   "repository": {

package/src/components.css

@@ -379,6 +379,20 @@
   font-variant-numeric: tabular-nums;
   padding: 0.1rem 0.25rem;
 }
+/* Colocacion del numero dentro de la celda (`dayNumberAlign`). La celda es una columna flex, asi
+   que el eje transversal es el horizontal y `align-self` es lo que mueve el numero de lado.
+   La regla de arriba se queda con `flex-end` como base: asi lo que no cuelga de un `daygrid`
+   —las vistas de recursos, por ejemplo— conserva la colocacion de siempre. */
+[data-rsv="daygrid"][data-daynumber-align="start"] [data-rsv="day-number"] {
+  align-self: flex-start;
+}
+[data-rsv="daygrid"][data-daynumber-align="center"] [data-rsv="day-number"] {
+  align-self: center;
+}
+[data-rsv="daygrid"][data-daynumber-align="end"] [data-rsv="day-number"] {
+  align-self: flex-end;
+}
+
 [data-rsv="day"][data-today="true"] [data-rsv="day-number"] {
   background: var(--color-rsv-primary, #4f46e5);
   color: var(--color-rsv-primary-fg, #fff);
@@ -674,6 +688,12 @@
   opacity: 0.6;
   pointer-events: none;
 }
+/* La banda no intercepta el puntero —el click tiene que llegar a la columna para
+   la parte abierta del día—, así que el cursor se pone en la columna cuando el
+   día no abre en absoluto. */
+[data-rsv="tg-col"][data-business="false"] {
+  cursor: not-allowed;
+}
 [data-rsv="resize-handle"] {
   position: absolute;
   left: 0;

package/src/themes/reservi.css

@@ -36,7 +36,9 @@
   /* Estados */
   --color-rsv-now: #d85353;
   --color-rsv-selection: #f6f0fa;
-  --color-rsv-nonbusiness: rgba(250, 250, 255, 0.5);
+  /* Gris con cuerpo, no un blanco roto: estas franjas tienen que leerse como
+     "aqui no se puede", no como un matiz del fondo. */
+  --color-rsv-nonbusiness: #f1f2f4;
 
   /* Geometría */
   --radius-rsv: 8px;