@imj_media/ui 1.7.6 → 1.8.1
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/CHANGELOG.md +20 -0
- package/README.md +6 -1
- package/dist/index.css +1 -2
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.esm.js +4291 -4235
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +24 -23
- package/dist/index.js.map +1 -1
- package/dist/modules/CardsGenericas/components/organisms/CardsGenericas.d.ts +3 -2
- package/dist/modules/CardsGenericas/components/organisms/CardsGenericas.d.ts.map +1 -1
- package/dist/modules/CardsGenericas/stories/CardsGenericas.stories.d.ts +5 -1
- package/dist/modules/CardsGenericas/stories/CardsGenericas.stories.d.ts.map +1 -1
- package/dist/modules/CardsGenericas/types.d.ts +11 -2
- package/dist/modules/CardsGenericas/types.d.ts.map +1 -1
- package/dist/modules/StoryBox/index.d.ts +19 -3
- package/dist/modules/StoryBox/index.d.ts.map +1 -1
- package/dist/modules/StoryBox/stories/StoryBox.stories.d.ts +2 -0
- package/dist/modules/StoryBox/stories/StoryBox.stories.d.ts.map +1 -1
- package/dist/modules/Tooltip/components/atoms/InlineTooltip.d.ts.map +1 -1
- package/dist/modules/Tooltip/components/organisms/Tooltip.d.ts.map +1 -1
- package/dist/modules/Tooltip/hooks/useTooltipArrow.d.ts.map +1 -1
- package/dist/modules/Tooltip/hooks/useTooltipClasses.d.ts.map +1 -1
- package/dist/modules/imj-calendar-timeline/lib/markers/implementations/shared.d.ts +1 -859
- package/dist/modules/imj-calendar-timeline/lib/markers/implementations/shared.d.ts.map +1 -1
- package/package.json +4 -142
package/CHANGELOG.md
CHANGED
|
@@ -7,6 +7,26 @@ y este proyecto adhiere a [Semantic Versioning](https://semver.org/lang/es/).
|
|
|
7
7
|
|
|
8
8
|
## [Unreleased]
|
|
9
9
|
|
|
10
|
+
## [1.8.1] - 2026-04-30
|
|
11
|
+
|
|
12
|
+
### Changed
|
|
13
|
+
|
|
14
|
+
- Peer **`@imj_media/orbit-tokens`**: **`^1.2.0`** (tema oscuro en CSS). Estilos compartidos: **`body`** usa **`background-color: var(--ui-color-bg-canvas-default)`** y **`color: var(--ui-color-text-primary)`** cuando la app importa tokens + capas de tema y **`data-theme`**.
|
|
15
|
+
|
|
16
|
+
### Added
|
|
17
|
+
|
|
18
|
+
- Re-export desde **`@imj_media/orbit-tokens`**: **`THEME_LIGHT`**, **`THEME_DARK`**, **`themeNames`**, tipo **`ThemeName`** (uso con **`data-theme`**).
|
|
19
|
+
|
|
20
|
+
### Fixed
|
|
21
|
+
|
|
22
|
+
- **TypeScript:** retorno explícito **`React.CSSProperties`** en **`createMarkerStylesWithLeftOffset`** (timeline / markers) para evitar **TS2742** en **`validate:publish`**.
|
|
23
|
+
|
|
24
|
+
## [1.8.0] - 2026-04-28
|
|
25
|
+
|
|
26
|
+
### Changed
|
|
27
|
+
|
|
28
|
+
- **Orbit CSS:** `dist/index.css` ya **no** incluye `@imj_media/orbit-tokens/css/tokens.css`. Las apps deben importar **`@imj_media/orbit-tokens/css/tokens.css` antes de `@imj_media/ui/index.css`** (peer **`@imj_media/orbit-tokens`**). Storybook carga tokens en **`.storybook/preview.ts`**.
|
|
29
|
+
|
|
10
30
|
## [1.7.6] - 2026-04-27
|
|
11
31
|
|
|
12
32
|
### Added
|
package/README.md
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
|
|
5
5
|
Biblioteca de componentes UI moderna y accesible para React, construida con TypeScript y Tailwind CSS.
|
|
6
6
|
|
|
7
|
-
> **Versión publicada:** `1.
|
|
7
|
+
> **Versión publicada:** `1.8.1` — actualizar este número y `CHANGELOG.md` antes de cada release (orden y scripts: regla **`imj-ui-obligations-release`**; atajo `npm run publish:patch|minor|major` o pasos `bump:*` → `release:git` → `release:publish`).
|
|
8
8
|
|
|
9
9
|
## 📦 Instalación
|
|
10
10
|
|
|
@@ -20,6 +20,9 @@ pnpm add @imj_media/ui
|
|
|
20
20
|
|
|
21
21
|
```tsx
|
|
22
22
|
import { Button, Input, Modal } from '@imj_media/ui'
|
|
23
|
+
import '@imj_media/orbit-tokens/css/tokens.css'
|
|
24
|
+
import '@imj_media/orbit-tokens/themes/light.css'
|
|
25
|
+
import '@imj_media/orbit-tokens/themes/dark.css'
|
|
23
26
|
import '@imj_media/ui/index.css'
|
|
24
27
|
|
|
25
28
|
function App() {
|
|
@@ -34,6 +37,8 @@ function App() {
|
|
|
34
37
|
}
|
|
35
38
|
```
|
|
36
39
|
|
|
40
|
+
Modo oscuro: con los imports anteriores, fija el tema en el documento (por ejemplo `document.documentElement.setAttribute('data-theme', 'dark')`) o usa **`THEME_DARK`** / **`THEME_LIGHT`** exportados por **`@imj_media/ui`**. Los componentes que usan utilidades `ui-*` seguirán los tokens semánticos resueltos por Orbit.
|
|
41
|
+
|
|
37
42
|
## 🎯 Características Principales
|
|
38
43
|
|
|
39
44
|
- **TypeScript First**: Tipos completamente tipados para una mejor experiencia de desarrollo
|