@marigold/components 6.2.4 → 6.2.6

package/dist/index.d.mts

@@ -410,8 +410,9 @@ interface DatePickerProps extends Omit<AriaDatePickerProps<CalendarDate>, 'isDis
     shouldCloseOnSelect?: boolean;
     variant?: string;
     size?: string;
+    width?: WidthProp['width'];
 }
-declare const DatePicker: ({ disabled, required, readonly, open, error, shouldCloseOnSelect, variant, size, ...rest }: DatePickerProps) => react_jsx_runtime.JSX.Element;
+declare const DatePicker: ({ disabled, required, readonly, open, error, shouldCloseOnSelect, variant, size, width, ...rest }: DatePickerProps) => react_jsx_runtime.JSX.Element;
 
 type InsetProps = {
     children: ReactNode;
@@ -424,7 +425,7 @@ type InsetProps = {
     spaceX?: never;
     spaceY?: never;
 };
-declare const Inset: ({ space, spaceX, spaceY, children, }: InsetProps) => react_jsx_runtime.JSX.Element;
+declare const Inset: ({ space, spaceX, spaceY, children }: InsetProps) => react_jsx_runtime.JSX.Element;
 
 interface LinkOwnProps extends PressEvents {
     disabled?: boolean;
@@ -492,7 +493,7 @@ declare const Message: ({ messageTitle, variant, size, children, ...props }: Mes
  * Thus, we adjust our regular props to match them.
  */
 type CustomProps = 'size' | 'width' | 'type' | 'value' | 'defaultValue' | 'step' | 'onChange' | 'onFocus' | 'onBlur' | 'onKeyDown' | 'onKeyUp' | 'min' | 'max';
-interface NumberFieldProps extends Omit<HtmlProps<'input'>, CustomProps>, Omit<AriaNumberFieldProps, 'isDisabled' | 'isRequired' | 'isReadOnly'>, Pick<FieldBaseProps, 'label' | 'description' | 'error' | 'errorMessage'> {
+interface NumberFieldProps extends Omit<HtmlProps<'input'>, CustomProps>, Omit<AriaNumberFieldProps, 'isDisabled' | 'label' | 'description' | 'errorMessage' | 'isRequired' | 'isReadOnly'>, Pick<FieldBaseProps, 'label' | 'description' | 'error' | 'errorMessage'> {
     variant?: string;
     size?: string;
     width?: WidthProp['width'];
@@ -553,7 +554,7 @@ interface RadioGroupProps extends Omit<AriaRadioGroupProps, 'isDisabled' | 'isRq
 declare const RadioGroup: ({ children, orientation, width, required, disabled, readOnly, error, ...rest }: RadioGroupProps) => react_jsx_runtime.JSX.Element;
 
 type CustomRadioProps = 'size' | 'width' | 'type' | 'defaultChecked' | 'value' | 'onFocus' | 'onBlur' | 'onKeyUp' | 'onKeyDown';
-interface RadioProps extends Omit<HtmlProps<'input'>, CustomRadioProps>, AriaRadioProps {
+interface RadioProps extends Omit<HtmlProps<'input'>, CustomRadioProps | 'children'>, AriaRadioProps {
     width?: string;
     variant?: string;
     size?: string;
@@ -620,7 +621,7 @@ interface StackProps extends AlignmentProp, GapSpaceProp {
 declare const Stack: ({ children, space, stretch, orientation, alignX, alignY, ...props }: StackProps) => react_jsx_runtime.JSX.Element;
 
 type CustomSwitchProps = 'size' | 'value' | 'onBlur' | 'onChange' | 'onFocus' | 'onKeyDown' | 'onKeyUp';
-interface SwitchProps extends Omit<AriaSwitchProps, 'isSelected'>, Omit<HtmlProps<'input'>, CustomSwitchProps> {
+interface SwitchProps extends Omit<AriaSwitchProps, 'isSelected'>, Omit<HtmlProps<'input'>, CustomSwitchProps | 'children'> {
     selected?: boolean;
     variant?: string;
     size?: string;

package/dist/index.d.ts

@@ -410,8 +410,9 @@ interface DatePickerProps extends Omit<AriaDatePickerProps<CalendarDate>, 'isDis
     shouldCloseOnSelect?: boolean;
     variant?: string;
     size?: string;
+    width?: WidthProp['width'];
 }
-declare const DatePicker: ({ disabled, required, readonly, open, error, shouldCloseOnSelect, variant, size, ...rest }: DatePickerProps) => react_jsx_runtime.JSX.Element;
+declare const DatePicker: ({ disabled, required, readonly, open, error, shouldCloseOnSelect, variant, size, width, ...rest }: DatePickerProps) => react_jsx_runtime.JSX.Element;
 
 type InsetProps = {
     children: ReactNode;
@@ -424,7 +425,7 @@ type InsetProps = {
     spaceX?: never;
     spaceY?: never;
 };
-declare const Inset: ({ space, spaceX, spaceY, children, }: InsetProps) => react_jsx_runtime.JSX.Element;
+declare const Inset: ({ space, spaceX, spaceY, children }: InsetProps) => react_jsx_runtime.JSX.Element;
 
 interface LinkOwnProps extends PressEvents {
     disabled?: boolean;
@@ -492,7 +493,7 @@ declare const Message: ({ messageTitle, variant, size, children, ...props }: Mes
  * Thus, we adjust our regular props to match them.
  */
 type CustomProps = 'size' | 'width' | 'type' | 'value' | 'defaultValue' | 'step' | 'onChange' | 'onFocus' | 'onBlur' | 'onKeyDown' | 'onKeyUp' | 'min' | 'max';
-interface NumberFieldProps extends Omit<HtmlProps<'input'>, CustomProps>, Omit<AriaNumberFieldProps, 'isDisabled' | 'isRequired' | 'isReadOnly'>, Pick<FieldBaseProps, 'label' | 'description' | 'error' | 'errorMessage'> {
+interface NumberFieldProps extends Omit<HtmlProps<'input'>, CustomProps>, Omit<AriaNumberFieldProps, 'isDisabled' | 'label' | 'description' | 'errorMessage' | 'isRequired' | 'isReadOnly'>, Pick<FieldBaseProps, 'label' | 'description' | 'error' | 'errorMessage'> {
     variant?: string;
     size?: string;
     width?: WidthProp['width'];
@@ -553,7 +554,7 @@ interface RadioGroupProps extends Omit<AriaRadioGroupProps, 'isDisabled' | 'isRq
 declare const RadioGroup: ({ children, orientation, width, required, disabled, readOnly, error, ...rest }: RadioGroupProps) => react_jsx_runtime.JSX.Element;
 
 type CustomRadioProps = 'size' | 'width' | 'type' | 'defaultChecked' | 'value' | 'onFocus' | 'onBlur' | 'onKeyUp' | 'onKeyDown';
-interface RadioProps extends Omit<HtmlProps<'input'>, CustomRadioProps>, AriaRadioProps {
+interface RadioProps extends Omit<HtmlProps<'input'>, CustomRadioProps | 'children'>, AriaRadioProps {
     width?: string;
     variant?: string;
     size?: string;
@@ -620,7 +621,7 @@ interface StackProps extends AlignmentProp, GapSpaceProp {
 declare const Stack: ({ children, space, stretch, orientation, alignX, alignY, ...props }: StackProps) => react_jsx_runtime.JSX.Element;
 
 type CustomSwitchProps = 'size' | 'value' | 'onBlur' | 'onChange' | 'onFocus' | 'onKeyDown' | 'onKeyUp';
-interface SwitchProps extends Omit<AriaSwitchProps, 'isSelected'>, Omit<HtmlProps<'input'>, CustomSwitchProps> {
+interface SwitchProps extends Omit<AriaSwitchProps, 'isSelected'>, Omit<HtmlProps<'input'>, CustomSwitchProps | 'children'> {
     selected?: boolean;
     variant?: string;
     size?: string;

package/dist/index.js

@@ -2484,6 +2484,7 @@ var DatePicker = ({
   shouldCloseOnSelect,
   variant,
   size,
+  width,
   ...rest
 }) => {
   const props = {
@@ -2525,6 +2526,7 @@ var DatePicker = ({
         error,
         description: !state.isOpen && description,
         triggerRef: ref,
+        width,
         action: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: classNames2.container, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
           Button,
           {
@@ -2552,17 +2554,13 @@ var DatePicker = ({
 // src/Inset/Inset.tsx
 var import_system40 = require("@marigold/system");
 var import_jsx_runtime52 = require("react/jsx-runtime");
-var Inset = ({
-  space = 0,
-  spaceX = 0,
-  spaceY = 0,
-  children
-}) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+var Inset = ({ space, spaceX, spaceY, children }) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
   "div",
   {
     className: (0, import_system40.cn)(
-      space ? import_system40.paddingSpace[space] : import_system40.paddingSpaceX[spaceX],
-      import_system40.paddingSpaceY[spaceY]
+      space && import_system40.paddingSpace[space],
+      !space && spaceX && import_system40.paddingSpaceX[spaceX],
+      !space && spaceY && import_system40.paddingSpaceY[spaceY]
     ),
     children
   }

package/dist/index.mjs

@@ -2452,6 +2452,7 @@ var DatePicker = ({
   shouldCloseOnSelect,
   variant,
   size,
+  width,
   ...rest
 }) => {
   const props = {
@@ -2493,6 +2494,7 @@ var DatePicker = ({
         error,
         description: !state.isOpen && description,
         triggerRef: ref,
+        width,
         action: /* @__PURE__ */ jsx51("div", { className: classNames2.container, children: /* @__PURE__ */ jsx51(
           Button,
           {
@@ -2525,17 +2527,13 @@ import {
   paddingSpaceY as paddingSpaceY2
 } from "@marigold/system";
 import { jsx as jsx52 } from "react/jsx-runtime";
-var Inset = ({
-  space = 0,
-  spaceX = 0,
-  spaceY = 0,
-  children
-}) => /* @__PURE__ */ jsx52(
+var Inset = ({ space, spaceX, spaceY, children }) => /* @__PURE__ */ jsx52(
   "div",
   {
     className: cn28(
-      space ? paddingSpace2[space] : paddingSpaceX2[spaceX],
-      paddingSpaceY2[spaceY]
+      space && paddingSpace2[space],
+      !space && spaceX && paddingSpaceX2[spaceX],
+      !space && spaceY && paddingSpaceY2[spaceY]
     ),
     children
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marigold/components",
-  "version": "6.2.4",
+  "version": "6.2.6",
   "description": "Components for the Marigold Design System",
   "license": "MIT",
   "keywords": [
@@ -83,8 +83,8 @@
     "@react-types/table": "3.8.0",
     "@react-types/tooltip": "3.4.3",
     "react-is": "18.2.0",
-    "@marigold/icons": "1.2.13",
-    "@marigold/system": "6.2.4",
+    "@marigold/icons": "1.2.15",
+    "@marigold/system": "6.2.6",
     "@marigold/types": "1.0.1"
   },
   "peerDependencies": {
@@ -92,7 +92,9 @@
     "react-dom": "17.x || 18.x"
   },
   "devDependencies": {
-    "@types/react": "18.2.14",
+    "@types/react": "18.2.21",
+    "@types/react-transition-group": "4.4.6",
+    "class-variance-authority": "0.7.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "tsup": "7.2.0",