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

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 George English
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/cjs/index.cjs

@@ -942,7 +942,7 @@ const Background = ({
   minHeight,
   color: color2
 }) => {
-  if (!!imageUrl) {
+  if (imageUrl) {
     image = `url(${imageUrl})`;
   }
   const style = {
@@ -15137,6 +15137,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,
@@ -15152,7 +15176,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] = require$$0.useState(false);
@@ -15185,21 +15209,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],
@@ -15232,8 +15256,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,
@@ -19501,7 +19525,7 @@ const SortableItem = ({
   children,
   id: id2,
   style: userStyle,
-  onRemove
+  onRemove: _onRemove
 }) => {
   const {
     attributes,
@@ -19545,7 +19569,7 @@ const SortableList = ({
   items,
   onChange,
   renderItem,
-  style: userStyle
+  style: _userStyle
 }) => {
   const [active, setActive] = require$$0.useState(null);
   const activeItem = require$$0.useMemo(() => items.find((item) => item.id === active?.id), [active, items]);
@@ -19679,14 +19703,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 {
     }
   }
 });