@studiolxd/brand 49.15.1 → 49.16.0
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 +33 -0
- package/dist/_shared/tokens.js +4 -3
- package/dist/_types/atoms/Icon/Icon.d.ts +4 -4
- package/dist/brand.css +5 -4
- package/dist/calendar-planner.js +1 -1
- package/dist/calendar.js +1 -1
- package/dist/icon.js +74 -70
- package/dist/input-phone.css +1 -1
- package/dist/input-phone.js +1 -1
- package/dist/pagination.js +2 -2
- package/dist/table.js +1 -1
- package/dist/tokens.css +5 -4
- package/package.json +1 -1
- package/src/tokens/components/icon.css +1 -1
- package/src/tokens/components/input-phone.css +2 -1
- package/src/tokens/components/select.css +1 -1
- package/src/tokens/scss/components/_icon.scss +1 -1
- package/src/tokens/scss/components/_input-phone.scss +2 -1
- package/src/tokens/scss/components/_multi-select.scss +1 -1
- package/src/tokens/scss/components/_select.scss +1 -1
- package/src/tokens/tokens.json +4 -3
package/CHANGELOG.md
CHANGED
|
@@ -7,6 +7,39 @@ El paquete sigue [semver](https://semver.org/lang/es/): **patch** para bug fixes
|
|
|
7
7
|
regeneración de `dist`, **minor** para componentes/props/variantes/tokens nuevos, **major**
|
|
8
8
|
para breaking changes.
|
|
9
9
|
|
|
10
|
+
## [49.16.0] — 2026-10-02
|
|
11
|
+
|
|
12
|
+
> **Minor.** Los iconos, en una sola familia de tamaño y trazo: todo glifo cabe en el
|
|
13
|
+
> área útil de 18 (3–21 del lienzo de 24), con caps y uniones redondeadas y marcos de
|
|
14
|
+
> radio 2. Lo que más se nota: el chevron.
|
|
15
|
+
|
|
16
|
+
### `Icon` — lo que cambia
|
|
17
|
+
|
|
18
|
+
- **Chevron al máximo del área**: `chevron`/`chevron-right` 9×18, `chevron-down`/`up` la
|
|
19
|
+
misma punta girada (18×9), caps `round`. Antes iba de borde a borde (12×24). `chevron`
|
|
20
|
+
pasa a ser alias de `chevron-right` (mismo objeto; ningún nombre público cambia).
|
|
21
|
+
`chevrons-up-down`: dos chevrons de 14×7.
|
|
22
|
+
- **Tamaños a la norma de 18** (regla óptica: cuadrados llenos a 17): bajan `folder` /
|
|
23
|
+
`folder-open` (siguen siendo la misma caja entre sí), `graduation-cap`, `eye` /
|
|
24
|
+
`eye-off`; suben `plus` / `minus`, `check`, `upload` / `download` / `send`, `retry`,
|
|
25
|
+
`play` / `pause` / `stop`; `dashboard`, `layout-kanban`, `layout-sidebar` a 17.
|
|
26
|
+
- `connection` vuelve dentro del lienzo; `inbox` redibujado como bandeja.
|
|
27
|
+
- Uniones y esquinas: `play` y `stop` redondeados como `pause`; radio 2 en `building`,
|
|
28
|
+
`calendar` y los ejes de `chart-bar`.
|
|
29
|
+
- `arrow`, `arrow-left`, `close` y `menu` no cambian (glifos de marca / `MENU_GLYPH`).
|
|
30
|
+
|
|
31
|
+
### Componentes con chevron
|
|
32
|
+
|
|
33
|
+
Talla del chevron revisada por componente: Pagination, Calendar, CalendarPlanner,
|
|
34
|
+
InputPhone, el orden de Table y la talla `sm` de Select/MultiSelect suben de `xs` a `sm`
|
|
35
|
+
(token `select.sm-icon-size`, `input-phone.country-icon-size`). **Token nuevo**
|
|
36
|
+
`input-phone.sm-country-icon-size` para la caja estrecha del prefijo en `sm`.
|
|
37
|
+
|
|
38
|
+
### Foundations
|
|
39
|
+
|
|
40
|
+
Iconografía gana la sección y la story «Área útil» (el catálogo sobre la retícula de 18),
|
|
41
|
+
y un test de navegador que falla si un glifo se sale del área (excepciones comentadas).
|
|
42
|
+
|
|
10
43
|
## [49.15.1] — 2026-10-02
|
|
11
44
|
|
|
12
45
|
> **Patch.** Dos arreglos vistos en el árbol de contenidos de creator.
|
package/dist/_shared/tokens.js
CHANGED
|
@@ -966,10 +966,11 @@ var e = {
|
|
|
966
966
|
"--input-phone-content-z-index": "400",
|
|
967
967
|
"--input-phone-country-gap": "0.25rem",
|
|
968
968
|
"--input-phone-content-max-height": "17.5rem",
|
|
969
|
-
"--input-phone-country-icon-size": "
|
|
969
|
+
"--input-phone-country-icon-size": "16px",
|
|
970
970
|
"--input-phone-country-icon-transition-easing": "ease",
|
|
971
971
|
"--input-phone-country-item-padding-block": "0.5rem",
|
|
972
972
|
"--input-phone-sm-country-width": "3.5rem",
|
|
973
|
+
"--input-phone-sm-country-icon-size": "0.625rem",
|
|
973
974
|
"--input-phone-lg-country-width": "5.5rem",
|
|
974
975
|
"--input-phone-country-item-highlighted-bg": "#111e30",
|
|
975
976
|
"--input-phone-country-item-highlighted-color": "#ffffff",
|
|
@@ -1210,7 +1211,7 @@ var e = {
|
|
|
1210
1211
|
"--multi-select-icon-transition-easing": "ease",
|
|
1211
1212
|
"--multi-select-selection-gap": "0.25rem",
|
|
1212
1213
|
"--multi-select-icon-size": "16px",
|
|
1213
|
-
"--multi-select-sm-icon-size": "
|
|
1214
|
+
"--multi-select-sm-icon-size": "16px",
|
|
1214
1215
|
"--multi-select-lg-icon-size": "24px",
|
|
1215
1216
|
"--multi-select-sm-font-size": "0.875rem",
|
|
1216
1217
|
"--multi-select-sm-padding-inline": "0.5rem",
|
|
@@ -1486,7 +1487,7 @@ var e = {
|
|
|
1486
1487
|
"--select-item-highlighted-bg": "#111e30",
|
|
1487
1488
|
"--select-item-highlighted-color": "#ffffff",
|
|
1488
1489
|
"--select-icon-size": "16px",
|
|
1489
|
-
"--select-sm-icon-size": "
|
|
1490
|
+
"--select-sm-icon-size": "16px",
|
|
1490
1491
|
"--select-lg-icon-size": "24px",
|
|
1491
1492
|
"--select-sm-font-size": "0.875rem",
|
|
1492
1493
|
"--select-sm-padding-inline": "0.5rem",
|
|
@@ -24,8 +24,8 @@ declare const ICONS: {
|
|
|
24
24
|
readonly render: () => import("react/jsx-runtime").JSX.Element;
|
|
25
25
|
};
|
|
26
26
|
readonly chevron: {
|
|
27
|
-
|
|
28
|
-
|
|
27
|
+
viewBox: string;
|
|
28
|
+
render: () => import("react/jsx-runtime").JSX.Element;
|
|
29
29
|
};
|
|
30
30
|
readonly close: {
|
|
31
31
|
readonly viewBox: "0 0 24 24";
|
|
@@ -248,8 +248,8 @@ declare const ICONS: {
|
|
|
248
248
|
readonly render: () => import("react/jsx-runtime").JSX.Element;
|
|
249
249
|
};
|
|
250
250
|
readonly 'chevron-right': {
|
|
251
|
-
|
|
252
|
-
|
|
251
|
+
viewBox: string;
|
|
252
|
+
render: () => import("react/jsx-runtime").JSX.Element;
|
|
253
253
|
};
|
|
254
254
|
readonly 'chevron-down': {
|
|
255
255
|
readonly viewBox: "0 0 24 24";
|