@uni-design-system/uni-react 8.4.0 → 9.0.1

package/CHANGELOG.md

@@ -1,5 +1,104 @@
 # @uni-design-system/uni-react
 
+## 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
+
+- [`8250162`](https://github.com/uni-design-system/uni/commit/8250162c35e418f976080904df4c20783feeb6e2) Thanks [@gaenglish](https://github.com/gaenglish)! - Every deprecated API is removed. The library now carries no `@deprecated`
+  symbols at all.
+
+  **Per-component duration options → the `motion` scale.** Six components carried
+  their own duration knob that predated the motion scale and _won over_ it:
+  `expand.transitionSpeed`, `callout.transitionMs`, `radio.transitionSpeed`,
+  `menuItem.transitionSpeed`, `alert.transitionSpeed` and
+  `snackbar.transitionDelay`. All are gone, along with the precedence branch each
+  one required — timing now comes from the token, full stop.
+
+  Retime the token instead; one edit covers every component pointing at it. To
+  retime a single component, define a token of your own and point that
+  component's `motion` option at it:
+
+  ```ts
+  createTheme({
+    …,
+    motion: { productive: { duration: 110, easing: 'ease' } },
+    components: { menuItem: { options: { motion: 'productive' } } },
+  });
+  ```
+
+  A `duration: 0` token is how a theme opts out of motion — that is what
+  `transitionSpeed: 0` used to mean. Both showcase themes are migrated this way
+  (Carbon to a 110ms `productive` token, Wellsourced to an `instant` one).
+
+  **Options that never did anything.** `card.transitionSpeed` and
+  `inputBox.transitionSpeed` were read by nothing and never had been. Delete them
+  from your theme; nothing replaces them.
+
+  **Renames and obsolete APIs**
+  - `inputBox.typeFace` → `typeface` (the casing every other component uses).
+  - `uni-tooltip`'s `appendToBody` input — inert since the tooltip moved to the
+    native top layer, which escapes any overflow context by itself.
+  - Box's `elevation` input → `shadow`, in both the Angular and React packages.
+    It was a second name for the same thing.
+  - The Angular `icons` re-export → import `BaseIcons` from
+    `@uni-design-system/uni-core`. The default set ships with every theme.
+
+  **The HSL color legacy is gone from uni-core.** `uniColor`, `randomRangeValue`,
+  `CategorySaturation` and `CategoryLightness` are removed, superseded by the
+  deterministic OKLCH engine (`generateThemes` / `generatePalette`) — same input,
+  same theme, WCAG-checked. `RoleHues` and the `UniColor` type go with them: they
+  were reachable only through `uniColor`, and `RoleHues` had gone stale enough to
+  hold saturation values in a table of hues.
+
+  **Deferred output renames.** Three outputs were held back because renaming is
+  breaking; this is that release. Each also drops an eslint escape it needed for
+  shadowing a native event name or using an `on` prefix.
+
+  | Component            | Before            | After            |
+  | -------------------- | ----------------- | ---------------- |
+  | `uni-debounce-input` | `(change)`        | `(valueChange)`  |
+  | `uni-search-input`   | `(change)`        | `(searchChange)` |
+  | `uni-search-input`   | `(search)`        | `(searchSubmit)` |
+  | `dragAndDrop`        | `(onFileDropped)` | `(fileDropped)`  |
+
+  **`uni-dropdown`'s `color` input → `containerColor`,** completing the rule the
+  layout directives set: every container-pair input in the library is now
+  `containerColor`, and plain `color` always means the CSS property.
+
+  **`ThemeService.getSpacing('none')` now returns `0`, not the string `'none'`.**
+  `'none'` is not a valid length, so it was silently dropped wherever it landed —
+  `uni-menu` carried a comment working around exactly that, which is now deleted.
+
 ## 8.4.0
 
 ### Minor 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 }) });
@@ -19751,7 +19756,6 @@ const BOX_STYLE_PROP_KEYS = [
   "gridColumn",
   "gridRow",
   "overflow",
-  "elevation",
   "shadow",
   "gap",
   "fullWidth",
@@ -19796,7 +19800,6 @@ function boxClassName(props, styles) {
       ...styles.paddingRight(props.paddingRight),
       ...styles.paddingTop(props.paddingTop),
       ...styles.paddingBottom(props.paddingBottom),
-      ...styles.boxShadow(props.elevation),
       ...styles.boxShadow(props.shadow),
       ...styles.radius(props.borderRadius),
       ...styles.getRadiusLeft(props.borderRadiusLeft),
@@ -19973,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);