@marigold/components 7.6.0 → 7.7.1

package/dist/index.d.mts

@@ -352,7 +352,7 @@ interface DatePickerProps extends Omit<RAC.DatePickerProps<DateValue>, RemovedPr
     size?: string;
     width?: WidthProp['width'];
 }
-declare const _DatePicker: ({ disabled, required, readOnly, error, variant, size, open, ...rest }: DatePickerProps) => react_jsx_runtime.JSX.Element;
+declare const _DatePicker: ({ disabled, required, readOnly, error, variant, size, open, granularity, ...rest }: DatePickerProps) => react_jsx_runtime.JSX.Element;
 
 type InsetProps = {
     children: ReactNode;
@@ -405,7 +405,6 @@ interface MenuSectionProps extends Omit<RAC.SectionProps<object>, RemovedProps$c
 
 type RemovedProps$b = 'style' | 'className';
 interface MenuItemProps extends Omit<RAC.MenuItemProps, RemovedProps$b> {
-    onAction?: (key: Key$1) => void;
 }
 
 interface PopoverProps extends Omit<RAC.PopoverProps, 'isOpen' | 'isKeyboardDismissDisabled' | 'style' | 'className'> {
@@ -498,7 +497,7 @@ declare const Underlay: ({ size, variant, open, dismissable, keyboardDismissable
 
 interface MarigoldProviderProps<T extends Theme> extends ThemeProviderProps<T> {
 }
-declare function MarigoldProvider<T extends Theme>({ children, theme, }: MarigoldProviderProps<T>): react_jsx_runtime.JSX.Element;
+declare function MarigoldProvider<T extends Theme>({ children, className, theme, }: MarigoldProviderProps<T>): react_jsx_runtime.JSX.Element;
 
 declare const OverlayContainerProvider: react.Provider<string | undefined>;
 declare const usePortalContainer: () => HTMLElement | null;
@@ -634,6 +633,7 @@ interface TableProps extends Pick<AriaTableProps<object>, 'focusMode' | 'onRowAc
     size?: string;
     stretch?: boolean;
     stickyHeader?: boolean;
+    disableKeyboardNavigation?: boolean;
 }
 interface RowProps extends RowProps$1<any> {
     variant?: string;

package/dist/index.d.ts

@@ -352,7 +352,7 @@ interface DatePickerProps extends Omit<RAC.DatePickerProps<DateValue>, RemovedPr
     size?: string;
     width?: WidthProp['width'];
 }
-declare const _DatePicker: ({ disabled, required, readOnly, error, variant, size, open, ...rest }: DatePickerProps) => react_jsx_runtime.JSX.Element;
+declare const _DatePicker: ({ disabled, required, readOnly, error, variant, size, open, granularity, ...rest }: DatePickerProps) => react_jsx_runtime.JSX.Element;
 
 type InsetProps = {
     children: ReactNode;
@@ -405,7 +405,6 @@ interface MenuSectionProps extends Omit<RAC.SectionProps<object>, RemovedProps$c
 
 type RemovedProps$b = 'style' | 'className';
 interface MenuItemProps extends Omit<RAC.MenuItemProps, RemovedProps$b> {
-    onAction?: (key: Key$1) => void;
 }
 
 interface PopoverProps extends Omit<RAC.PopoverProps, 'isOpen' | 'isKeyboardDismissDisabled' | 'style' | 'className'> {
@@ -498,7 +497,7 @@ declare const Underlay: ({ size, variant, open, dismissable, keyboardDismissable
 
 interface MarigoldProviderProps<T extends Theme> extends ThemeProviderProps<T> {
 }
-declare function MarigoldProvider<T extends Theme>({ children, theme, }: MarigoldProviderProps<T>): react_jsx_runtime.JSX.Element;
+declare function MarigoldProvider<T extends Theme>({ children, className, theme, }: MarigoldProviderProps<T>): react_jsx_runtime.JSX.Element;
 
 declare const OverlayContainerProvider: react.Provider<string | undefined>;
 declare const usePortalContainer: () => HTMLElement | null;
@@ -634,6 +633,7 @@ interface TableProps extends Pick<AriaTableProps<object>, 'focusMode' | 'onRowAc
     size?: string;
     stretch?: boolean;
     stickyHeader?: boolean;
+    disableKeyboardNavigation?: boolean;
 }
 interface RowProps extends RowProps$1<any> {
     variant?: string;

package/dist/index.js

@@ -772,9 +772,10 @@ var import_system13 = require("@marigold/system");
 var import_jsx_runtime16 = require("react/jsx-runtime");
 function MarigoldProvider({
   children,
+  className,
   theme
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_system13.ThemeProvider, { theme, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_system13.ThemeProvider, { theme, className, children });
 }
 
 // src/Overlay/Underlay.tsx
@@ -2012,6 +2013,7 @@ var _DatePicker = ({
   variant,
   size,
   open,
+  granularity = "day",
   ...rest
 }) => {
   const props = {
@@ -2020,6 +2022,7 @@ var _DatePicker = ({
     isRequired: required,
     isInvalid: error,
     isOpen: open,
+    granularity,
     ...rest
   };
   const classNames2 = (0, import_system43.useClassNames)({
@@ -3231,6 +3234,7 @@ var Table = ({
   size,
   stretch,
   selectionMode = "none",
+  disableKeyboardNavigation = false,
   stickyHeader,
   ...props
 }) => {
@@ -3242,6 +3246,9 @@ var Table = ({
     showSelectionCheckboxes: selectionMode === "multiple" && // TODO: It this necessary?
     props.selectionBehavior !== "replace"
   });
+  if (disableKeyboardNavigation !== void 0) {
+    state.isKeyboardNavigationDisabled = disableKeyboardNavigation;
+  }
   const { gridProps } = (0, import_table9.useTable)(props, state, tableRef);
   const classNames2 = (0, import_system71.useClassNames)({
     component: "Table",

package/dist/index.mjs

@@ -671,9 +671,10 @@ import { ThemeProvider } from "@marigold/system";
 import { jsx as jsx16 } from "react/jsx-runtime";
 function MarigoldProvider({
   children,
+  className,
   theme
 }) {
-  return /* @__PURE__ */ jsx16(ThemeProvider, { theme, children });
+  return /* @__PURE__ */ jsx16(ThemeProvider, { theme, className, children });
 }
 
 // src/Overlay/Underlay.tsx
@@ -1952,6 +1953,7 @@ var _DatePicker = ({
   variant,
   size,
   open,
+  granularity = "day",
   ...rest
 }) => {
   const props = {
@@ -1960,6 +1962,7 @@ var _DatePicker = ({
     isRequired: required,
     isInvalid: error,
     isOpen: open,
+    granularity,
     ...rest
   };
   const classNames2 = useClassNames29({
@@ -3215,6 +3218,7 @@ var Table = ({
   size,
   stretch,
   selectionMode = "none",
+  disableKeyboardNavigation = false,
   stickyHeader,
   ...props
 }) => {
@@ -3226,6 +3230,9 @@ var Table = ({
     showSelectionCheckboxes: selectionMode === "multiple" && // TODO: It this necessary?
     props.selectionBehavior !== "replace"
   });
+  if (disableKeyboardNavigation !== void 0) {
+    state.isKeyboardNavigationDisabled = disableKeyboardNavigation;
+  }
   const { gridProps } = useTable(props, state, tableRef);
   const classNames2 = useClassNames47({
     component: "Table",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marigold/components",
-  "version": "7.6.0",
+  "version": "7.7.1",
   "description": "Components for the Marigold Design System",
   "license": "MIT",
   "keywords": [
@@ -23,33 +23,33 @@
     "directory": "packages/components"
   },
   "dependencies": {
-    "@internationalized/date": "3.5.2",
-    "@react-aria/accordion": "3.0.0-alpha.27",
-    "@react-aria/button": "3.9.3",
-    "@react-aria/calendar": "3.5.6",
-    "@react-aria/focus": "3.16.2",
-    "@react-aria/i18n": "3.10.2",
-    "@react-aria/interactions": "3.21.1",
-    "@react-aria/overlays": "3.21.1",
-    "@react-aria/selection": "3.17.5",
-    "@react-aria/ssr": "3.9.2",
-    "@react-aria/table": "3.13.5",
-    "@react-aria/utils": "3.23.2",
-    "@react-aria/visually-hidden": "3.8.10",
-    "@react-stately/collections": "3.10.5",
-    "@react-stately/data": "3.11.2",
-    "@react-stately/table": "3.11.6",
-    "@react-stately/tree": "3.7.6",
-    "@react-types/shared": "3.22.1",
-    "@react-types/table": "3.9.3",
-    "react-aria-components": "1.1.1",
-    "@marigold/icons": "1.2.45",
-    "@marigold/system": "7.6.0",
+    "@internationalized/date": "3.5.3",
+    "@react-aria/accordion": "3.0.0-alpha.28",
+    "@react-aria/button": "3.9.4",
+    "@react-aria/calendar": "3.5.7",
+    "@react-aria/focus": "3.17.0",
+    "@react-aria/i18n": "3.11.0",
+    "@react-aria/interactions": "3.21.2",
+    "@react-aria/overlays": "3.22.0",
+    "@react-aria/selection": "3.18.0",
+    "@react-aria/ssr": "3.9.3",
+    "@react-aria/table": "3.14.0",
+    "@react-aria/utils": "3.24.0",
+    "@react-aria/visually-hidden": "3.8.11",
+    "@react-stately/collections": "3.10.6",
+    "@react-stately/data": "3.11.3",
+    "@react-stately/table": "3.11.7",
+    "@react-stately/tree": "3.8.0",
+    "@react-types/shared": "3.23.0",
+    "@react-types/table": "3.9.4",
+    "react-aria-components": "1.2.0",
+    "@marigold/icons": "1.2.47",
+    "@marigold/system": "7.7.1",
     "@marigold/types": "1.1.0"
   },
   "peerDependencies": {
-    "react": "17.x || 18.x",
-    "react-dom": "17.x || 18.x"
+    "react": "18.x",
+    "react-dom": "18.x"
   },
   "devDependencies": {
     "@types/react": "18.2.73",