@uni-design-system/uni-react 9.0.0 → 10.0.0

package/CHANGELOG.md

@@ -1,5 +1,37 @@
 # @uni-design-system/uni-react
 
+## 10.0.0
+
+## 9.0.1
+
+### Patch Changes
+
+- [`f926cd5`](https://github.com/uni-design-system/uni/commit/f926cd513a5cac593adef559e21bada4dada76ee) Thanks [@gaenglish](https://github.com/gaenglish)! - `uni-react`'s Switch reads the `success` color token instead of hand-rolling an
+  HSL string from a color-generation internal, and both packages now typecheck as
+  part of their build.
+
+  The Switch built its "on" color as `hsl(${RoleHues.success.default}, 32%, 50%)`
+  — a fixed green assembled from the HSL generation tables rather than the theme,
+  so it never recolored with the theme and broke when those tables were removed.
+  It now reads `useTheme().colors.success`.
+
+  The reason that reached a deploy is the build. `vite build` transpiles with
+  esbuild, which strips types without checking them, and it treats
+  `@uni-design-system/uni-core` as an external — so neither the type layer nor the
+  module graph ever verified that an imported core export exists. `pnpm turbo run
+build` passed on a package whose source did not compile.
+  - `core` and `react` now run `tsc --noEmit` as the first half of `build`, so a
+    removed or renamed core export fails the consumer's build.
+  - A `type-check` turbo task exists for running that pass alone.
+  - CI builds **both** Storybooks, not just Angular's. These bundle uni-core
+    instead of externalizing it, so they are the step that resolves its exports
+    against real consumer source.
+
+  This also cleared four pre-existing type errors in `IconTextRow`, which did
+  arithmetic on `fontSize` / `lineHeight` — typed `CssLength` (`number | string`)
+  — and passed the result to props typed `number`. They are coerced through one
+  documented helper now.
+
 ## 9.0.0
 
 ### Major Changes

package/dist/cjs/index.cjs

@@ -15068,6 +15068,11 @@ const Slide = require$$0.forwardRef(function Slide2(props, ref) {
   ) });
 });
 Slide.displayName = "Slide";
+const toPx = (value, fallback) => {
+  if (typeof value === "number") return value;
+  const parsed = typeof value === "string" ? parseFloat(value) : NaN;
+  return Number.isFinite(parsed) ? parsed : fallback;
+};
 const IconTextRow = ({
   iconName,
   color: color2,
@@ -15078,8 +15083,8 @@ const IconTextRow = ({
 }) => {
   const theme = useTheme();
   const textProps = uniCore.getValue(theme, `typography.${textRole}`, theme.typography["title-medium"]);
-  const textHeight = textProps.fontSize;
-  const textLineHeight = textProps.lineHeight || textHeight;
+  const textHeight = toPx(textProps.fontSize, 16);
+  const textLineHeight = toPx(textProps.lineHeight, textHeight);
   const textMargin = text || children ? textLineHeight - textHeight : 0;
   function RowIcon() {
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { ...fix, maxHeight: textLineHeight }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { name: iconName, width: textLineHeight, height: textLineHeight, color: color2 }) });
@@ -19971,7 +19976,7 @@ const SwitchConfigs = {
 };
 const Switch = ({ size = "sm", on = false, onChange }) => {
   const [isOn, setIsOn] = require$$0.useState(on);
-  const successColor = `hsl(${uniCore.RoleHues.success.default}, 32%, 50%)`;
+  const successColor = useTheme().colors.success;
   const toggleSwitch = () => {
     setIsOn(!isOn);
     onChange && onChange(!isOn);