@lets-events/react 12.2.12 → 12.2.14

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @lets-events/react@12.2.12 build
+> @lets-events/react@12.2.14 build
 > tsup src/index.tsx  --format esm,cjs --dts --external react
 
 CLI Building entry: src/index.tsx
@@ -9,11 +9,11 @@
 CLI Target: es6
 ESM Build start
 CJS Build start
-ESM dist\index.mjs 380.57 KB
-ESM ⚡️ Build success in 234ms
-CJS dist\index.js 394.54 KB
-CJS ⚡️ Build success in 235ms
+CJS dist\index.js 394.71 KB
+CJS ⚡️ Build success in 1146ms
+ESM dist\index.mjs 380.74 KB
+ESM ⚡️ Build success in 1147ms
 DTS Build start
-DTS ⚡️ Build success in 4601ms
-DTS dist\index.d.mts 398.61 KB
-DTS dist\index.d.ts  398.61 KB
+DTS ⚡️ Build success in 4863ms
+DTS dist\index.d.mts 398.62 KB
+DTS dist\index.d.ts  398.62 KB

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @lets-events/react
 
+## 12.2.14
+
+### Patch Changes
+
+- add warning color to card
+
+## 12.2.13
+
+### Patch Changes
+
+- new modal props
+
 ## 12.2.12
 
 ### Patch Changes

package/dist/index.d.mts

@@ -11052,7 +11052,7 @@ declare function StepWrapper({ children, ...props }: {
 }): react_jsx_runtime.JSX.Element;
 
 declare const CardStyled: _stitches_react_types_styled_component.StyledComponent<React__default.ForwardRefExoticComponent<_radix_ui_themes.CardProps & React__default.RefAttributes<HTMLDivElement>>, {
-    color?: "error" | "primary" | "disable" | undefined;
+    color?: "warning" | "error" | "primary" | "disable" | undefined;
     boxShadow?: boolean | "false" | "true" | undefined;
 }, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {

package/dist/index.d.ts

@@ -11052,7 +11052,7 @@ declare function StepWrapper({ children, ...props }: {
 }): react_jsx_runtime.JSX.Element;
 
 declare const CardStyled: _stitches_react_types_styled_component.StyledComponent<React__default.ForwardRefExoticComponent<_radix_ui_themes.CardProps & React__default.RefAttributes<HTMLDivElement>>, {
-    color?: "error" | "primary" | "disable" | undefined;
+    color?: "warning" | "error" | "primary" | "disable" | undefined;
     boxShadow?: boolean | "false" | "true" | undefined;
 }, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {

package/dist/index.js

@@ -3691,7 +3691,7 @@ var ModalContentStyled = styled(import_radix_ui.Dialog.Content, {
   lineHeight: "$base",
   fontSize: "$13",
   maxWidth: "502px",
-  width: "100%",
+  width: "calc(100% - 2rem)",
   border: "1px solid $neutral",
   borderRadius: "$2xl",
   boxShadow: "0px 4px 4px 0px rgba(35, 53, 67, 0.08), 0px 2px 4px 0px rgba(35, 53, 67, 0.16)",
@@ -3745,6 +3745,7 @@ function Modal(_a) {
     "zIndex",
     "maxWidth"
   ]);
+  const { onOpenChange } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_radix_ui.Dialog.Root, __spreadProps(__spreadValues({}, props), { children: [
     trigger && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_radix_ui.Dialog.Trigger, { asChild: true, children: trigger }),
     /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_radix_ui.Dialog.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
@@ -3762,7 +3763,7 @@ function Modal(_a) {
             children: [
               title && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(ModalHeaderStyled, { children: [
                 /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ModalTitleStyled, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Text, { typography: "headline6", fontWeight: "medium", children: title }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_radix_ui.Dialog.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ModalIconClose, { name: "close", size: "xl" }) })
+                (onOpenChange || trigger) && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_radix_ui.Dialog.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ModalIconClose, { name: "close", size: "xl" }) })
               ] }),
               /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Box, { children })
             ]
@@ -9071,6 +9072,10 @@ var CardStyled = styled(import_themes16.Card, {
       error: {
         backgroundColor: "$error50",
         border: "1px solid $error600"
+      },
+      warning: {
+        backgroundColor: "$yellow50",
+        border: "1px solid $yellow600"
       }
     },
     boxShadow: {

package/dist/index.mjs

@@ -3579,7 +3579,7 @@ var ModalContentStyled = styled(ModalRadix.Content, {
   lineHeight: "$base",
   fontSize: "$13",
   maxWidth: "502px",
-  width: "100%",
+  width: "calc(100% - 2rem)",
   border: "1px solid $neutral",
   borderRadius: "$2xl",
   boxShadow: "0px 4px 4px 0px rgba(35, 53, 67, 0.08), 0px 2px 4px 0px rgba(35, 53, 67, 0.16)",
@@ -3633,6 +3633,7 @@ function Modal(_a) {
     "zIndex",
     "maxWidth"
   ]);
+  const { onOpenChange } = props;
   return /* @__PURE__ */ jsxs4(ModalRadix.Root, __spreadProps(__spreadValues({}, props), { children: [
     trigger && /* @__PURE__ */ jsx13(ModalRadix.Trigger, { asChild: true, children: trigger }),
     /* @__PURE__ */ jsx13(ModalRadix.Portal, { children: /* @__PURE__ */ jsx13(
@@ -3650,7 +3651,7 @@ function Modal(_a) {
             children: [
               title && /* @__PURE__ */ jsxs4(ModalHeaderStyled, { children: [
                 /* @__PURE__ */ jsx13(ModalTitleStyled, { asChild: true, children: /* @__PURE__ */ jsx13(Text, { typography: "headline6", fontWeight: "medium", children: title }) }),
-                /* @__PURE__ */ jsx13(ModalRadix.Close, { asChild: true, children: /* @__PURE__ */ jsx13(ModalIconClose, { name: "close", size: "xl" }) })
+                (onOpenChange || trigger) && /* @__PURE__ */ jsx13(ModalRadix.Close, { asChild: true, children: /* @__PURE__ */ jsx13(ModalIconClose, { name: "close", size: "xl" }) })
               ] }),
               /* @__PURE__ */ jsx13(Box, { children })
             ]
@@ -8959,6 +8960,10 @@ var CardStyled = styled(CardRadix, {
       error: {
         backgroundColor: "$error50",
         border: "1px solid $error600"
+      },
+      warning: {
+        backgroundColor: "$yellow50",
+        border: "1px solid $yellow600"
       }
     },
     boxShadow: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lets-events/react",
-  "version": "12.2.12",
+  "version": "12.2.14",
   "description": "",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",

package/src/components/Card.tsx

@@ -25,6 +25,10 @@ export const CardStyled = styled(CardRadix, {
         backgroundColor: "$error50",
         border: "1px solid $error600",
       },
+      warning: {
+        backgroundColor: "$yellow50",
+        border: "1px solid $yellow600",
+      },
     },
     boxShadow: {
       true: {

package/src/components/Modal.tsx

@@ -10,7 +10,7 @@ const ModalContentStyled = styled(ModalRadix.Content, {
   lineHeight: "$base",
   fontSize: "$13",
   maxWidth: "502px",
-  width: "100%",
+  width: "calc(100% - 2rem)",
   border: "1px solid $neutral",
   borderRadius: "$2xl",
   boxShadow:
@@ -72,6 +72,7 @@ export function Modal({
   maxWidth,
   ...props
 }: ModalProps) {
+  const { onOpenChange } = props;
   return (
     <ModalRadix.Root {...props}>
       {trigger && <ModalRadix.Trigger asChild>{trigger}</ModalRadix.Trigger>}
@@ -93,9 +94,11 @@ export function Modal({
                     {title}
                   </Text>
                 </ModalTitleStyled>
-                <ModalRadix.Close asChild>
-                  <ModalIconClose name="close" size="xl" />
-                </ModalRadix.Close>
+                {(onOpenChange || trigger) && (
+                  <ModalRadix.Close asChild>
+                    <ModalIconClose name="close" size="xl" />
+                  </ModalRadix.Close>
+                )}
               </ModalHeaderStyled>
             )}
             <Box>{children}</Box>