@reservi/theme 2.0.0-beta.2 → 2.0.0-beta.4

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 (2) hide show
  1. package/package.json +1 -1
  2. package/src/components.css +14 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@reservi/theme",
3
- "version": "2.0.0-beta.2",
3
+ "version": "2.0.0-beta.4",
4
4
  "description": "Tema de Reservi Calendar: design tokens (TailwindCSS 4 @theme) y estilos base.",
5
5
  "license": "MIT",
6
6
  "repository": {
@@ -379,6 +379,20 @@
379
379
  font-variant-numeric: tabular-nums;
380
380
  padding: 0.1rem 0.25rem;
381
381
  }
382
+ /* Colocacion del numero dentro de la celda (`dayNumberAlign`). La celda es una columna flex, asi
383
+ que el eje transversal es el horizontal y `align-self` es lo que mueve el numero de lado.
384
+ La regla de arriba se queda con `flex-end` como base: asi lo que no cuelga de un `daygrid`
385
+ —las vistas de recursos, por ejemplo— conserva la colocacion de siempre. */
386
+ [data-rsv="daygrid"][data-daynumber-align="start"] [data-rsv="day-number"] {
387
+ align-self: flex-start;
388
+ }
389
+ [data-rsv="daygrid"][data-daynumber-align="center"] [data-rsv="day-number"] {
390
+ align-self: center;
391
+ }
392
+ [data-rsv="daygrid"][data-daynumber-align="end"] [data-rsv="day-number"] {
393
+ align-self: flex-end;
394
+ }
395
+
382
396
  [data-rsv="day"][data-today="true"] [data-rsv="day-number"] {
383
397
  background: var(--color-rsv-primary, #4f46e5);
384
398
  color: var(--color-rsv-primary-fg, #fff);