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

package/dist/esm/index.js

@@ -1,6 +1,6 @@
 import * as require$$0 from "react";
 import require$$0__default, { createContext, forwardRef, useState, useMemo, useEffect, useContext, useRef, useLayoutEffect, useId, useInsertionEffect, useCallback, Children, isValidElement, Fragment, createElement, Component, memo as memo$1, useReducer, cloneElement } from "react";
-import { getValue, LightTheme, Z_INDEX, getDeviceSize, getDeviceOrientation, HSLAToString, ShadowCssMap, FontWeightMap, RoleHues } from "@uni-design-system/uni-core";
+import { getValue, LightTheme, Z_INDEX, getDeviceSize, getDeviceOrientation, HSLAToString, ShadowCssMap, FontWeightMap } from "@uni-design-system/uni-core";
 import { unstable_batchedUpdates, createPortal } from "react-dom";
 import { css, cx as cx$1 } from "@emotion/css";
 var jsxRuntime = { exports: {} };
@@ -15050,6 +15050,11 @@ const Slide = 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,
@@ -15060,8 +15065,8 @@ const IconTextRow = ({
 }) => {
   const theme = useTheme();
   const textProps = 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 }) });
@@ -19733,7 +19738,6 @@ const BOX_STYLE_PROP_KEYS = [
   "gridColumn",
   "gridRow",
   "overflow",
-  "elevation",
   "shadow",
   "gap",
   "fullWidth",
@@ -19778,7 +19782,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),
@@ -19955,7 +19958,7 @@ const SwitchConfigs = {
 };
 const Switch = ({ size = "sm", on = false, onChange }) => {
   const [isOn, setIsOn] = useState(on);
-  const successColor = `hsl(${RoleHues.success.default}, 32%, 50%)`;
+  const successColor = useTheme().colors.success;
   const toggleSwitch = () => {
     setIsOn(!isOn);
     onChange && onChange(!isOn);