@marigold/components 1.0.0 → 1.0.1

package/dist/index.d.ts

@@ -177,6 +177,7 @@ interface ImageThemeExtension extends ThemeExtension<'Image'> {
 }
 interface ImageProps extends ComponentProps<'img'> {
     variant?: string;
+    size?: string;
     children?: never;
 }
 declare const Image: ({ variant, ...props }: ImageProps) => JSX.Element;
@@ -454,7 +455,7 @@ interface TextAreaProps extends Omit<ComponentProps<'textarea'>, 'value' | 'defa
     value?: string;
     defaultValue?: string;
 }
-declare const TextArea: ({ variant, size, width, disabled, required, readOnly, error, ...props }: TextAreaProps) => JSX.Element;
+declare const TextArea: ({ variant, size, width, disabled, required, readOnly, error, rows, ...props }: TextAreaProps) => JSX.Element;
 
 interface TooltipTriggerProps extends Omit<TooltipTriggerProps$1, 'isDisabled' | 'isOpen'>, Omit<PositionProps, 'isOpen'> {
     children: [trigger: ReactElement, menu: ReactElement];
@@ -502,16 +503,18 @@ interface AspectProps extends ComponentProps<'div'> {
 declare const Aspect: ({ ratio, maxWidth, children, }: AspectProps) => JSX.Element;
 
 interface BreakoutProps extends ComponentProps<'div'> {
+    children?: ReactNode;
     horizontalAlign?: 'top' | 'bottom' | 'center';
     verticalAlign?: 'left' | 'right' | 'center';
 }
-declare const Breakout: React.FC<BreakoutProps>;
+declare const Breakout: ({ horizontalAlign, verticalAlign, children, ...props }: BreakoutProps) => JSX.Element;
 
 interface CenterProps extends ComponentProps<'div'> {
+    children?: ReactNode;
     maxWidth?: string;
     space?: ResponsiveStyleValue<string>;
 }
-declare const Center: React.FC<CenterProps>;
+declare const Center: ({ maxWidth, space, children, ...props }: CenterProps) => JSX.Element;
 
 interface ColumnsProps {
     children?: ReactNode;
@@ -523,12 +526,13 @@ interface ColumnsProps {
 declare const Columns: ({ space, columns, collapseAt, children, ...props }: ColumnsProps) => JSX.Element;
 
 interface ContainerProps extends ComponentProps<'div'> {
+    children?: ReactNode;
     contentType?: 'content' | 'header';
     size?: keyof typeof size.content | keyof typeof size.header;
     align?: 'left' | 'right' | 'center';
     alignContainer?: 'left' | 'right' | 'center';
 }
-declare const Container: React.FC<ContainerProps>;
+declare const Container: ({ contentType, size, align, alignContainer, children, ...props }: ContainerProps) => JSX.Element;
 
 declare const ALIGNMENT_X$1: {
     left: string;
@@ -583,9 +587,10 @@ Pick<AriaTextFieldProps, 'onChange' | 'onFocus' | 'onBlur'>, Pick<FieldBaseProps
 declare const TextField: ({ variant, size, width, disabled, required, readOnly, error, ...props }: TextFieldProps) => JSX.Element;
 
 interface TilesProps {
+    children: ReactNode;
     space?: ResponsiveStyleValue<string>;
     itemMinWidth?: ResponsiveStyleValue<string>;
 }
-declare const Tiles: React.FC<TilesProps>;
+declare const Tiles: React.ForwardRefExoticComponent<TilesProps & React.RefAttributes<HTMLDivElement>>;
 
 export { Aside, AsideProps, Aspect, AspectProps, Badge, BadgeProps, BadgeThemeExtension, Breakout, BreakoutProps, Button, ButtonOwnProps, ButtonProps, ButtonThemeExtension, Card, CardProps, CardThemeExtension, Center, CenterProps, Checkbox, CheckboxGroup, CheckboxGroupContext, CheckboxGroupContextProps, CheckboxGroupThemeExtension, CheckboxProps, CheckboxThemeExtension, Columns, ColumnsProps, Container, ContainerProps, Content, ContentProps, ContentThemeExtension, CustomCheckboxProps, CustomRadioProps, CustomSwitchProps, CustomTextAreEvents, Dialog, DialogChildProps, DialogProps, DialogThemeExtension, Divider, DividerProps, DividerThemeExtension, Footer, FooterProps, FooterThemeExtension, Header, HeaderProps, HeaderThemeExtension, Headline, HeadlineProps, HeadlineThemeExtension, Image, ImageProps, ImageThemeExtension, Inline, InlineProps, Input, InputOwnProps, InputProps, InputThemeExtension, Label, LabelProps, LabelThemeExtension, Link, LinkOwnProps, LinkProps, LinkThemeExtension, MarigoldProvider, MarigoldProviderProps, Menu, MenuProps, MenuThemeExtension, Message, MessageProps, MessageThemeExtension, NumberField, NumberFieldProps, NumberFieldThemeExtension, Overlay, OverlayProps, Popover, PopoverProps, Radio, RadioGroupProps, RadioGroupThemeExtension, RadioProps, RadioThemeExtension, RootThemeExtension, Select, SelectProps, SelectThemeExtension, Slider, SliderProps, SliderThemeExtension, Stack, StackProps, Switch, SwitchProps, SwitchThemeExtension, Table, TableProps, TableThemeExtension, Text, TextArea, TextAreaProps, TextAreaThemeExtension, TextField, TextFieldProps, TextProps, TextThemeExtension, Theme, Tiles, TilesProps, Tooltip, TooltipProps, TooltipThemeExtension, Underlay, UnderlayProps, UnderlayThemeExtension, useCheckboxGroupContext };

package/dist/index.js

@@ -2309,7 +2309,8 @@ var TextArea = (_a) => {
     disabled,
     required,
     readOnly,
-    error
+    error,
+    rows
   } = _b, props = __objRest(_b, [
     "variant",
     "size",
@@ -2317,7 +2318,8 @@ var TextArea = (_a) => {
     "disabled",
     "required",
     "readOnly",
-    "error"
+    "error",
+    "rows"
   ]);
   const { label, description, errorMessage } = props;
   const ref = (0, import_react62.useRef)(null);
@@ -2354,7 +2356,8 @@ var TextArea = (_a) => {
   }, /* @__PURE__ */ import_react62.default.createElement(import_system44.Box, __spreadValues(__spreadValues(__spreadValues(__spreadValues({
     as: "textarea",
     css: styles,
-    ref
+    ref,
+    rows
   }, inputProps), focusProps), hoverProps), stateProps)));
 };
 
@@ -2424,7 +2427,7 @@ var TextField = (_a) => {
 
 // src/Tiles/Tiles.tsx
 var import_react64 = __toESM(require("react"));
-var Tiles = import_react64.default.forwardRef(function Tiles2(_a, ref) {
+var Tiles = import_react64.default.forwardRef((_a, ref) => {
   var _b = _a, { space = "none", itemMinWidth = "250px", children } = _b, props = __objRest(_b, ["space", "itemMinWidth", "children"]);
   return /* @__PURE__ */ import_react64.default.createElement(import_system.Box, __spreadValues({
     ref,

package/dist/index.mjs

@@ -2322,7 +2322,8 @@ var TextArea = (_a) => {
     disabled,
     required,
     readOnly,
-    error
+    error,
+    rows
   } = _b, props = __objRest(_b, [
     "variant",
     "size",
@@ -2330,7 +2331,8 @@ var TextArea = (_a) => {
     "disabled",
     "required",
     "readOnly",
-    "error"
+    "error",
+    "rows"
   ]);
   const { label, description, errorMessage } = props;
   const ref = useRef22(null);
@@ -2367,7 +2369,8 @@ var TextArea = (_a) => {
   }, /* @__PURE__ */ React57.createElement(Box32, __spreadValues(__spreadValues(__spreadValues(__spreadValues({
     as: "textarea",
     css: styles,
-    ref
+    ref,
+    rows
   }, inputProps), focusProps), hoverProps), stateProps)));
 };
 
@@ -2437,7 +2440,7 @@ var TextField = (_a) => {
 
 // src/Tiles/Tiles.tsx
 import React59 from "react";
-var Tiles = React59.forwardRef(function Tiles2(_a, ref) {
+var Tiles = React59.forwardRef((_a, ref) => {
   var _b = _a, { space = "none", itemMinWidth = "250px", children } = _b, props = __objRest(_b, ["space", "itemMinWidth", "children"]);
   return /* @__PURE__ */ React59.createElement(Box, __spreadValues({
     ref,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marigold/components",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Components for the Marigold Design System",
   "license": "MIT",
   "keywords": [
@@ -23,10 +23,10 @@
     "directory": "packages/components"
   },
   "dependencies": {
-    "@marigold/icons": "0.7.0",
-    "@marigold/system": "1.0.0",
+    "@marigold/icons": "0.7.1",
+    "@marigold/system": "1.0.1",
     "@marigold/tokens": "3.0.0",
-    "@marigold/types": "0.5.0",
+    "@marigold/types": "0.5.1",
     "@react-aria/button": "^3.3.3",
     "@react-aria/checkbox": "^3.2.3",
     "@react-aria/dialog": "^3.1.4",