@uni-design-system/uni-react 3.0.2 → 5.0.0

package/dist/esm/index.js

@@ -924,7 +924,7 @@ const Background = ({
   minHeight,
   color: color2
 }) => {
-  if (!!imageUrl) {
+  if (imageUrl) {
     image = `url(${imageUrl})`;
   }
   const style = {
@@ -15119,6 +15119,30 @@ function createRippleContainer(className2) {
 function isTouchDevice() {
   return "ontouchstart" in window || navigator.maxTouchPoints > 0 || (navigator?.msMaxTouchPoints ?? 0) > 0;
 }
+const verticalPadding = { xxs: 2, xs: 5, sm: 8, md: 12, lg: 16, xl: 20, xxl: 24 };
+const horizontalPadding = { xxs: 4, xs: 8, sm: 12, md: 18, lg: 24, xl: 30, xxl: 36 };
+const baseButton = {
+  borderRadius: 100,
+  color: "primary-container",
+  contentColor: "on-primary-container",
+  verticalPadding,
+  horizontalPadding
+};
+const DEFAULT_BUTTONS = {
+  elevated: { ...baseButton, color: "surface", contentColor: "on-surface", shadowElevation: "raised" },
+  filled: { ...baseButton, color: "primary" },
+  "filled-secondary": { ...baseButton, color: "secondary", contentColor: "on-secondary" },
+  outlined: {
+    ...baseButton,
+    color: "transparent",
+    borderColor: "primary",
+    contentColor: "on-primary",
+    borderWidth: 1
+  },
+  text: { ...baseButton, color: "transparent", contentColor: "on-surface" },
+  icon: { ...baseButton, color: "transparent", contentColor: "on-surface", horizontalPadding: verticalPadding },
+  "floating-action": { ...baseButton, color: "secondary", contentColor: "on-secondary" }
+};
 const Button = ({
   text,
   children,
@@ -15134,7 +15158,7 @@ const Button = ({
   const { deviceSize } = useLayout();
   const theme = useTheme();
   const [ref, createRipple2] = useRipple({ disabled: disableRipple || buttonType === "elevated" });
-  const buttonProps = theme.buttons[buttonType];
+  const buttonProps = DEFAULT_BUTTONS[buttonType];
   const getOnColorToken = (color2) => `on-${color2}`;
   const contentColor = overrideContentColor || getOnColorToken(buttonProps.color);
   const [hover2, setHover] = useState(false);
@@ -15167,21 +15191,21 @@ const Button = ({
 function Style(theme, buttonType, size = "md", hover2, disabled, click) {
   const {
     color: color2,
-    horizontalPadding,
-    verticalPadding,
+    horizontalPadding: horizontalPadding2,
+    verticalPadding: verticalPadding2,
     borderColor,
     borderWidth,
     borderRadius,
     contentColor
-  } = theme.buttons[buttonType];
+  } = DEFAULT_BUTTONS[buttonType];
   const styles = {
     overflow: "hidden",
     transition: "all 0.3s cubic-bezier(.25,.8,.25,1)",
     cursor: "pointer",
-    paddingTop: verticalPadding[size] + "px",
-    paddingBottom: verticalPadding[size] + "px",
-    paddingLeft: horizontalPadding[size] + "px",
-    paddingRight: horizontalPadding[size] + "px",
+    paddingTop: verticalPadding2[size] + "px",
+    paddingBottom: verticalPadding2[size] + "px",
+    paddingLeft: horizontalPadding2[size] + "px",
+    paddingRight: horizontalPadding2[size] + "px",
     borderRadius: borderRadius + "px",
     backgroundColor: theme.colors[color2],
     borderColor: theme.colors[borderColor],
@@ -15214,8 +15238,8 @@ function Card({
   style,
   ...rest
 }) {
-  const { colors, containers } = useTheme();
-  const { borderRadii } = containers.card;
+  const { colors } = useTheme();
+  const borderRadii = { xxs: 4, xs: 8, sm: 12, md: 16, lg: 20, xl: 24, xxl: 28 };
   const styles = {
     height,
     width,
@@ -19483,7 +19507,7 @@ const SortableItem = ({
   children,
   id: id2,
   style: userStyle,
-  onRemove
+  onRemove: _onRemove
 }) => {
   const {
     attributes,
@@ -19527,7 +19551,7 @@ const SortableList = ({
   items,
   onChange,
   renderItem,
-  style: userStyle
+  style: _userStyle
 }) => {
   const [active, setActive] = useState(null);
   const activeItem = useMemo(() => items.find((item) => item.id === active?.id), [active, items]);
@@ -19661,14 +19685,14 @@ const createLocalStorageManager = (key2) => ({
     let value;
     try {
       value = localStorage.getItem(key2) || init;
-    } catch (e) {
+    } catch {
     }
     return JSON.parse(value) || init;
   },
   set(value) {
     try {
       localStorage.setItem(key2, JSON.stringify(value));
-    } catch (e) {
+    } catch {
     }
   }
 });