@jobber/components 6.54.1 → 6.55.0

package/dist/Tiles/Tiles.d.ts

@@ -1,2 +1,2 @@
 import { TilesProps } from "./types";
-export declare function Tiles({ children, minSize, gap, autoWidth, as: Tag, dataAttributes, ariaAttributes, role, id, UNSAFE_className, UNSAFE_style, }: TilesProps): JSX.Element;
+export declare function Tiles({ children, minSize, gap, autoWidth, as: Tag, dataAttributes, ariaAttributes, role, id, UNSAFE_className, UNSAFE_style, align, }: TilesProps): JSX.Element;

package/dist/Tiles/types.d.ts

@@ -1,14 +1,22 @@
 import { type CommonAllowedElements, type CommonAtlantisProps, type GapSpacing } from "../sharedHelpers/types";
 export interface TilesProps extends CommonAtlantisProps {
     readonly children: React.ReactNode;
-    /** The minimum size of the tiles. */
-    readonly minSize: string;
-    /** The amount of space between the tiles. Semantic tokens are available. */
+    /** The minimum size of the tiles.
+     * @default "30ch"
+     */
+    readonly minSize?: string;
+    /** The amount of space between the tiles. Semantic tokens are available.
+     * @default "base"
+     */
     readonly gap?: GapSpacing;
     /** Whether to allow the tiles to take the width of the content. Defaults to 100% */
     readonly autoWidth?: boolean;
     /** The HTML tag to render the container as. Defaults to `div`. */
     as?: CommonAllowedElements;
+    /** The vertical alignment  of the tiles within the container.
+     * @default "start"
+     */
+    readonly align?: "start" | "center" | "end";
     /** **Use at your own risk:** Custom class names for specific elements. This should only be used as a
      * **last resort**. Using this may result in unexpected side effects.
      * More information in the [Customizing components Guide](https://atlantis.getjobber.com/guides/customizing-components).

package/dist/Tiles-cjs.js

@@ -6,8 +6,8 @@ var getMappedAtlantisSpaceToken = require('./getMappedAtlantisSpaceToken-cjs.js'
 
 var styles = {"tiles":"jC1GzRIJp74-","spinning":"Ou05ff3MXU8-"};
 
-function Tiles({ children, minSize = "30ch", gap = "base", autoWidth = false, as: Tag = "div", dataAttributes, ariaAttributes, role, id, UNSAFE_className, UNSAFE_style, }) {
-    return (React.createElement(Tag, Object.assign({ role: role, id: id }, dataAttributes, ariaAttributes, { style: Object.assign({ "--public-tile-min-size": minSize, "--public-tile-space": getMappedAtlantisSpaceToken.getMappedAtlantisSpaceToken(gap), "--public-tiles-width": autoWidth ? "auto" : "100%" }, UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.container), className: classnames(styles.tiles, UNSAFE_className === null || UNSAFE_className === void 0 ? void 0 : UNSAFE_className.container) }), children));
+function Tiles({ children, minSize = "30ch", gap = "base", autoWidth = false, as: Tag = "div", dataAttributes, ariaAttributes, role, id, UNSAFE_className, UNSAFE_style, align = "start", }) {
+    return (React.createElement(Tag, Object.assign({ role: role, id: id }, dataAttributes, ariaAttributes, { style: Object.assign({ "--public-tile-min-size": minSize, "--public-tile-space": getMappedAtlantisSpaceToken.getMappedAtlantisSpaceToken(gap), "--public-tiles-width": autoWidth ? "auto" : "100%", "--public-tiles-align": align }, UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.container), className: classnames(styles.tiles, UNSAFE_className === null || UNSAFE_className === void 0 ? void 0 : UNSAFE_className.container) }), children));
 }
 
 exports.Tiles = Tiles;

package/dist/Tiles-es.js

@@ -4,8 +4,8 @@ import { g as getMappedAtlantisSpaceToken } from './getMappedAtlantisSpaceToken-
 
 var styles = {"tiles":"jC1GzRIJp74-","spinning":"Ou05ff3MXU8-"};
 
-function Tiles({ children, minSize = "30ch", gap = "base", autoWidth = false, as: Tag = "div", dataAttributes, ariaAttributes, role, id, UNSAFE_className, UNSAFE_style, }) {
-    return (React__default.createElement(Tag, Object.assign({ role: role, id: id }, dataAttributes, ariaAttributes, { style: Object.assign({ "--public-tile-min-size": minSize, "--public-tile-space": getMappedAtlantisSpaceToken(gap), "--public-tiles-width": autoWidth ? "auto" : "100%" }, UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.container), className: classnames(styles.tiles, UNSAFE_className === null || UNSAFE_className === void 0 ? void 0 : UNSAFE_className.container) }), children));
+function Tiles({ children, minSize = "30ch", gap = "base", autoWidth = false, as: Tag = "div", dataAttributes, ariaAttributes, role, id, UNSAFE_className, UNSAFE_style, align = "start", }) {
+    return (React__default.createElement(Tag, Object.assign({ role: role, id: id }, dataAttributes, ariaAttributes, { style: Object.assign({ "--public-tile-min-size": minSize, "--public-tile-space": getMappedAtlantisSpaceToken(gap), "--public-tiles-width": autoWidth ? "auto" : "100%", "--public-tiles-align": align }, UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.container), className: classnames(styles.tiles, UNSAFE_className === null || UNSAFE_className === void 0 ? void 0 : UNSAFE_className.container) }), children));
 }
 
 export { Tiles as T };