@lets-events/react 12.11.8 → 12.11.10

package/.turbo/turbo-build.log

@@ -1,6 +1,6 @@
 
 
-> @lets-events/react@12.11.8 build
+> @lets-events/react@12.11.10 build
 > tsup src/index.tsx  --format esm,cjs --dts --external react
 
 CLI Building entry: src/index.tsx
@@ -10,12 +10,12 @@
 CLI Target: es6
 ESM Build start
 CJS Build start
-CJS dist/index.js 440.27 KB
-CJS ⚡️ Build success in 291ms
-ESM dist/index.mjs 424.13 KB
-ESM ⚡️ Build success in 292ms
+CJS dist/index.js 440.38 KB
+CJS ⚡️ Build success in 517ms
+ESM dist/index.mjs 424.23 KB
+ESM ⚡️ Build success in 522ms
 DTS Build start
-DTS ⚡️ Build success in 6808ms
+DTS ⚡️ Build success in -390813ms
 DTS dist/index.d.mts 411.35 KB
 DTS dist/index.d.ts  411.35 KB
 ⠙

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @lets-events/react
 
+## 12.11.10
+
+### Patch Changes
+
+- CheckboxGroup gap
+
+## 12.11.9
+
+### Patch Changes
+
+- fix ES2015
+
 ## 12.11.8
 
 ### Patch Changes

package/dist/index.js

@@ -3164,6 +3164,9 @@ var import_themes9 = require("@radix-ui/themes");
 var import_jsx_runtime9 = require("react/jsx-runtime");
 var CheckboxGroupStyled = styled(import_themes9.CheckboxGroup.Root, {
   fontFamily: "$default",
+  display: "flex",
+  flexDirection: "column",
+  gap: "$8",
   svg: {
     display: "none"
   },
@@ -14046,6 +14049,7 @@ var TimePickerFormField = (_a) => {
 var import_react_hook_form16 = require("react-hook-form");
 var import_react31 = require("react");
 var import_jsx_runtime60 = require("react/jsx-runtime");
+var padTwoDigits = (value) => value < 10 ? `0${value}` : String(value);
 var DateAndTimeFormField = (_a) => {
   var _b = _a, {
     name,
@@ -14124,8 +14128,8 @@ var DateAndTimeFormField = (_a) => {
       if (isNaN(date.getTime())) {
         return { selectedDateFromIso: void 0, selectedTimeFromIso: void 0 };
       }
-      const hours = String(date.getHours()).padStart(2, "0");
-      const minutes = String(date.getMinutes()).padStart(2, "0");
+      const hours = padTwoDigits(date.getHours());
+      const minutes = padTwoDigits(date.getMinutes());
       const time = `${hours}:${minutes}`;
       return { selectedDateFromIso: date, selectedTimeFromIso: time };
     } catch (e) {

package/dist/index.mjs

@@ -3043,6 +3043,9 @@ import { CheckboxGroup as CheckboxGroupRadix } from "@radix-ui/themes";
 import { jsx as jsx9 } from "react/jsx-runtime";
 var CheckboxGroupStyled = styled(CheckboxGroupRadix.Root, {
   fontFamily: "$default",
+  display: "flex",
+  flexDirection: "column",
+  gap: "$8",
   svg: {
     display: "none"
   },
@@ -13938,6 +13941,7 @@ var TimePickerFormField = (_a) => {
 import { useController as useController7 } from "react-hook-form";
 import { useCallback as useCallback9, useEffect as useEffect14, useMemo as useMemo5, useState as useState18 } from "react";
 import { jsx as jsx60, jsxs as jsxs34 } from "react/jsx-runtime";
+var padTwoDigits = (value) => value < 10 ? `0${value}` : String(value);
 var DateAndTimeFormField = (_a) => {
   var _b = _a, {
     name,
@@ -14016,8 +14020,8 @@ var DateAndTimeFormField = (_a) => {
       if (isNaN(date.getTime())) {
         return { selectedDateFromIso: void 0, selectedTimeFromIso: void 0 };
       }
-      const hours = String(date.getHours()).padStart(2, "0");
-      const minutes = String(date.getMinutes()).padStart(2, "0");
+      const hours = padTwoDigits(date.getHours());
+      const minutes = padTwoDigits(date.getMinutes());
       const time = `${hours}:${minutes}`;
       return { selectedDateFromIso: date, selectedTimeFromIso: time };
     } catch (e) {

package/package.json

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

package/src/components/CheckboxGroup.tsx

@@ -5,6 +5,9 @@ import { typographyLabelValues } from "../types/typographyValues";
 
 export const CheckboxGroupStyled = styled(CheckboxGroupRadix.Root, {
   fontFamily: "$default",
+  display: "flex",
+  flexDirection: "column",
+  gap: "$8",
   svg: {
     display: "none",
   },

package/src/components/FormFields/DateAndTimeFormField.tsx

@@ -7,6 +7,9 @@ import { TimePicker, TimePickerProps } from "../TimePicker";
 import { useCallback, useEffect, useMemo, useState, type SyntheticEvent } from "react";
 import { useToast } from "../Toast/hooks/useToast";
 
+const padTwoDigits = (value: number) =>
+    value < 10 ? `0${value}` : String(value);
+
 export type DateAndTimeFormFieldProps = Omit<
     CalendarProps,
     "selected" | "setSelected"
@@ -105,8 +108,8 @@ export const DateAndTimeFormField = ({
                 return { selectedDateFromIso: undefined, selectedTimeFromIso: undefined };
             }
 
-            const hours = String(date.getHours()).padStart(2, "0");
-            const minutes = String(date.getMinutes()).padStart(2, "0");
+            const hours = padTwoDigits(date.getHours());
+            const minutes = padTwoDigits(date.getMinutes());
             const time = `${hours}:${minutes}`;
 
             return { selectedDateFromIso: date, selectedTimeFromIso: time };