klun-ui 0.1.6 → 0.1.8
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 +23 -0
- package/dist/styles.css +3 -2
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -5,6 +5,28 @@ All notable changes to **klun-ui** are documented here. The format follows
|
|
|
5
5
|
[Semantic Versioning](https://semver.org/) (pre-1.0: minor/patch bumps may carry
|
|
6
6
|
small breaking changes).
|
|
7
7
|
|
|
8
|
+
## [0.1.8] — 2026-06-21
|
|
9
|
+
|
|
10
|
+
### Fixed
|
|
11
|
+
- **Metronic + dark mode: text/icons on strong surfaces are now readable.**
|
|
12
|
+
The `metronic` skin mapped `--klun-bg-strong-950` to `grey-900` (which flips
|
|
13
|
+
light↔dark) but pinned its contrast partners `--klun-text-white-0` /
|
|
14
|
+
`--klun-icon-white-0` to a *constant* white. In dark mode the strong surface
|
|
15
|
+
turns light while the text/icon stayed white, so anything pairing them —
|
|
16
|
+
selected gray `Chip`, `Tooltip`, neutral/strong `Button` — rendered
|
|
17
|
+
white-on-light and was unreadable. Both `*-white-0` tokens now use
|
|
18
|
+
`--color-light-light` (white in light, near-black in dark), matching the rest
|
|
19
|
+
of the `*-white-0` family (`bg`/`stroke`) and the base theme. Light mode is
|
|
20
|
+
unchanged.
|
|
21
|
+
|
|
22
|
+
## [0.1.7] — 2026-06-21
|
|
23
|
+
|
|
24
|
+
### Fixed
|
|
25
|
+
- **`Popconfirm` content is always left-aligned.** The bubble rendered inline,
|
|
26
|
+
so a Popconfirm placed inside a right-aligned container (e.g. a table action
|
|
27
|
+
column with `align: "right"`) inherited `text-align: right` and ragged its
|
|
28
|
+
title/description. The bubble now pins its own `text-align: left`.
|
|
29
|
+
|
|
8
30
|
## [0.1.6] — 2026-06-21
|
|
9
31
|
|
|
10
32
|
### Fixed
|
|
@@ -82,6 +104,7 @@ small breaking changes).
|
|
|
82
104
|
`ConfigProvider`, i18n locales, and the full component set (layout, forms,
|
|
83
105
|
navigation, data display, feedback, overlays, charts).
|
|
84
106
|
|
|
107
|
+
[0.1.7]: https://www.npmjs.com/package/klun-ui/v/0.1.7
|
|
85
108
|
[0.1.6]: https://www.npmjs.com/package/klun-ui/v/0.1.6
|
|
86
109
|
[0.1.5]: https://www.npmjs.com/package/klun-ui/v/0.1.5
|
|
87
110
|
[0.1.4]: https://www.npmjs.com/package/klun-ui/v/0.1.4
|
package/dist/styles.css
CHANGED
|
@@ -818,12 +818,12 @@
|
|
|
818
818
|
--klun-text-sub-600: var(--color-grey-grey-600);
|
|
819
819
|
--klun-text-soft-400: var(--color-grey-grey-500);
|
|
820
820
|
--klun-text-disabled-300: var(--color-grey-grey-400);
|
|
821
|
-
--klun-text-white-0: var(--color-light-
|
|
821
|
+
--klun-text-white-0: var(--color-light-light);
|
|
822
822
|
--klun-icon-strong-950: var(--color-grey-grey-900);
|
|
823
823
|
--klun-icon-sub-600: var(--color-grey-grey-600);
|
|
824
824
|
--klun-icon-soft-400: var(--color-grey-grey-500);
|
|
825
825
|
--klun-icon-disabled-300: var(--color-grey-grey-400);
|
|
826
|
-
--klun-icon-white-0: var(--color-light-
|
|
826
|
+
--klun-icon-white-0: var(--color-light-light);
|
|
827
827
|
--klun-state-error-base: var(--color-danger-danger);
|
|
828
828
|
--klun-state-error-dark: var(--color-danger-danger-active);
|
|
829
829
|
--klun-state-error-light: var(--color-danger-danger-soft);
|
|
@@ -9114,6 +9114,7 @@ body {
|
|
|
9114
9114
|
z-index: 80;
|
|
9115
9115
|
width: 268px;
|
|
9116
9116
|
padding: 14px;
|
|
9117
|
+
text-align: left;
|
|
9117
9118
|
background: var(--klun-bg-white-0);
|
|
9118
9119
|
border-radius: var(--klun-radius-2xl);
|
|
9119
9120
|
box-shadow: var(--klun-shadow-lg, 0 24px 48px -16px rgba(14, 18, 27, 0.16)), inset 0 0 0 1px var(--klun-stroke-soft-200);
|
package/package.json
CHANGED