@marigold/components 3.0.2 → 3.0.4

package/dist/index.d.ts

@@ -167,8 +167,10 @@ interface HeadlineThemeExtension extends ThemeExtension<'Headline'> {
 interface HeadlineProps extends ThemeComponentProps, ComponentProps<'h1'> {
     children?: ReactNode;
     level?: '1' | '2' | '3' | '4' | '5' | '6';
+    align?: CSSObject['textAlign'];
+    color?: string;
 }
-declare const Headline: ({ children, variant, size, level, ...props }: HeadlineProps) => JSX.Element;
+declare const Headline: ({ children, variant, size, align, color, level, ...props }: HeadlineProps) => JSX.Element;
 
 interface HelpTextThemeExtension extends ThemeExtensionsWithParts<'HelpText', ['container', 'icon']> {
 }
@@ -640,6 +642,7 @@ interface TilesProps {
     children: ReactNode;
     space?: ResponsiveStyleValue<string>;
     itemMinWidth?: ResponsiveStyleValue<string>;
+    gridAutoRows?: boolean;
 }
 declare const Tiles: React.ForwardRefExoticComponent<TilesProps & React.RefAttributes<HTMLDivElement>>;
 

package/dist/index.js

@@ -644,6 +644,8 @@ var Headline = ({
   children,
   variant,
   size,
+  align,
+  color,
   level = "1",
   ...props
 }) => {
@@ -654,7 +656,7 @@ var Headline = ({
   return /* @__PURE__ */ import_react15.default.createElement(import_system10.Box, {
     as: `h${level}`,
     ...props,
-    css: styles
+    css: [styles, { color, textAlign: align }]
   }, children);
 };
 
@@ -1797,9 +1799,8 @@ var messages = {
 // src/Select/Select.tsx
 var Chevron = ({ css }) => /* @__PURE__ */ import_react49.default.createElement(import_system35.Box, {
   as: "svg",
-  __baseCSS: { width: 16, height: 16 },
+  __baseCSS: { width: 16, height: 16, fill: "none" },
   css,
-  fill: "none",
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   strokeWidth: 2
@@ -2475,11 +2476,11 @@ var Table = ({
     as: "table",
     ref: tableRef,
     __baseCSS: {
-      display: "block",
+      display: stretch ? "table" : "block",
+      width: stretch ? "100%" : void 0,
       borderCollapse: "collapse",
       overflow: "auto",
-      whiteSpace: "nowrap",
-      width: stretch ? "100%" : void 0
+      whiteSpace: "nowrap"
     },
     css: styles.table,
     ...gridProps
@@ -2674,12 +2675,19 @@ var TextField = (0, import_react67.forwardRef)(
 // src/Tiles/Tiles.tsx
 var import_react68 = __toESM(require("react"));
 var Tiles = import_react68.default.forwardRef(
-  ({ space = "none", itemMinWidth = "250px", children, ...props }, ref) => /* @__PURE__ */ import_react68.default.createElement(import_system.Box, {
+  ({
+    space = "none",
+    itemMinWidth = "250px",
+    gridAutoRows,
+    children,
+    ...props
+  }, ref) => /* @__PURE__ */ import_react68.default.createElement(import_system.Box, {
     ref,
     display: "grid",
     __baseCSS: {
       gap: space,
-      gridTemplateColumns: `repeat(auto-fit, minmax(min(${itemMinWidth}, 100%), 1fr))`
+      gridTemplateColumns: `repeat(auto-fit, minmax(min(${itemMinWidth}, 100%), 1fr))`,
+      gridAutoRows: gridAutoRows ? "1fr" : "none"
     },
     ...props
   }, children)

package/dist/index.mjs

@@ -592,6 +592,8 @@ var Headline = ({
   children,
   variant,
   size,
+  align,
+  color,
   level = "1",
   ...props
 }) => {
@@ -602,7 +604,7 @@ var Headline = ({
   return /* @__PURE__ */ React15.createElement(Box8, {
     as: `h${level}`,
     ...props,
-    css: styles
+    css: [styles, { color, textAlign: align }]
   }, children);
 };
 
@@ -1784,9 +1786,8 @@ var messages = {
 // src/Select/Select.tsx
 var Chevron = ({ css }) => /* @__PURE__ */ React44.createElement(Box27, {
   as: "svg",
-  __baseCSS: { width: 16, height: 16 },
+  __baseCSS: { width: 16, height: 16, fill: "none" },
   css,
-  fill: "none",
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   strokeWidth: 2
@@ -2478,11 +2479,11 @@ var Table = ({
     as: "table",
     ref: tableRef,
     __baseCSS: {
-      display: "block",
+      display: stretch ? "table" : "block",
+      width: stretch ? "100%" : void 0,
       borderCollapse: "collapse",
       overflow: "auto",
-      whiteSpace: "nowrap",
-      width: stretch ? "100%" : void 0
+      whiteSpace: "nowrap"
     },
     css: styles.table,
     ...gridProps
@@ -2683,12 +2684,19 @@ var TextField = forwardRef14(
 // src/Tiles/Tiles.tsx
 import React62 from "react";
 var Tiles = React62.forwardRef(
-  ({ space = "none", itemMinWidth = "250px", children, ...props }, ref) => /* @__PURE__ */ React62.createElement(Box, {
+  ({
+    space = "none",
+    itemMinWidth = "250px",
+    gridAutoRows,
+    children,
+    ...props
+  }, ref) => /* @__PURE__ */ React62.createElement(Box, {
     ref,
     display: "grid",
     __baseCSS: {
       gap: space,
-      gridTemplateColumns: `repeat(auto-fit, minmax(min(${itemMinWidth}, 100%), 1fr))`
+      gridTemplateColumns: `repeat(auto-fit, minmax(min(${itemMinWidth}, 100%), 1fr))`,
+      gridAutoRows: gridAutoRows ? "1fr" : "none"
     },
     ...props
   }, children)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marigold/components",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "description": "Components for the Marigold Design System",
   "license": "MIT",
   "keywords": [
@@ -23,8 +23,8 @@
     "directory": "packages/components"
   },
   "dependencies": {
-    "@marigold/icons": "1.1.2",
-    "@marigold/system": "3.0.2",
+    "@marigold/icons": "1.1.4",
+    "@marigold/system": "3.0.4",
     "@marigold/tokens": "3.1.0",
     "@marigold/types": "0.5.4",
     "@react-aria/button": "3.6.2",