@arc-ui/components 11.6.0 → 11.7.0

package/dist/Image/Image.cjs.d.ts

@@ -1 +1 @@
-export { Image } from "../_shared/cjs/Image-3bf4b4f3";
+export { Image, loadingOptions } from "../_shared/cjs/Image-0e393cbf";

package/dist/Image/Image.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Image = require('../_shared/cjs/Image-3bf4b4f3.js');
+var Image = require('../_shared/cjs/Image-0e393cbf.js');
 require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
 require('../_shared/cjs/index-45bfb67b.js');
 require('react');
@@ -11,3 +11,4 @@ require('../_shared/cjs/suffix-modifier-1ee2da04.js');
 
 
 exports.Image = Image.Image;
+exports.loadingOptions = Image.loadingOptions;

package/dist/Image/Image.esm.d.ts

@@ -1 +1 @@
-export { Image } from "../_shared/esm/Image-3596ce55";
+export { Image, loadingOptions } from "../_shared/esm/Image-3ed3863c";

package/dist/Image/Image.esm.js

@@ -1,4 +1,4 @@
-export { I as Image } from '../_shared/esm/Image-3596ce55.js';
+export { I as Image, l as loadingOptions } from '../_shared/esm/Image-3ed3863c.js';
 import '../_shared/esm/filter-data-attrs-afdb7d32.js';
 import '../_shared/esm/index-2ae58626.js';
 import 'react';

package/dist/Markup/Markup.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
 var index = require('../_shared/cjs/index-45bfb67b.js');
 var React = require('react');
-var Surface = require('../_shared/cjs/Surface-6da0a78e.js');
+var Surface = require('../_shared/cjs/Surface-b7c51b2b.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/Markup/Markup.esm.js

@@ -1,7 +1,7 @@
 import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-afdb7d32.js';
 import { c as classNames } from '../_shared/esm/index-2ae58626.js';
 import React__default, { useContext } from 'react';
-import { C as Context } from '../_shared/esm/Surface-bb100ef8.js';
+import { C as Context } from '../_shared/esm/Surface-dde51789.js';
 
 /**
  * Use `Markup` to display HTML-formatted text.

package/dist/MediaCard/MediaCard.cjs.d.ts

@@ -0,0 +1,61 @@
+/// <reference types="react" />
+import { loadingOptions } from "../Image/Image.cjs";
+import React from "react";
+import { FC } from "react";
+import { BoxProps } from "../Box/Box.cjs";
+// Update tests for box surface
+/**
+ * Use `MediaCard` to contain content and an image about a single subject.
+ */
+declare const MediaCard: FC<MediaCardProps>;
+interface MediaCardProps {
+    /**
+     * Content of the MediaCard.
+     */
+    children: React.ReactNode;
+    /**
+     * Footer Content of the MediaCard.
+     */
+    cardFooter?: React.ReactNode;
+    /**
+     * Add rounded corners to the MediaCard.
+     */
+    isBorderRadius?: BoxProps["isBorderRadius"];
+    /**
+     * The border width of the MediaCard.
+     */
+    borderWidth?: BoxProps["borderWidth"];
+    /**
+     * Box shadow for the MediaCard.
+     */
+    elevationLevel?: BoxProps["elevationLevel"];
+    /**
+     * Set MediaCard to fill parent element.
+     */
+    isFullHeight?: boolean;
+    /**
+     * Background color for the MediaCard.
+     */
+    surface?: BoxProps["surface"];
+    /**
+     * image src for the MediaCard.
+     */
+    imageSrc: string;
+    /**
+     * image alt for the MediaCard.
+     */
+    imageAlt?: string;
+    /**
+     * Loading behaviour of the MediaCard.
+     */
+    imageLoading?: typeof loadingOptions[number];
+    /**
+     * The HTML [sizes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#Example_4_Using_the_srcset_and_sizes_attributes) attribute. Required if srcSet is defined.
+     */
+    imageSizes?: string;
+    /**
+     * A comma-separated list indicating a set of possible image sources for the user agent to use for different screen sizes. Same format as [srcSet](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#Example_4_Using_the_srcset_and_sizes_attributes), i.e. `my-image-200.png 200w, my-image-200.png 200w`.
+     */
+    imageSrcSet?: string;
+}
+export { MediaCard };

package/dist/MediaCard/MediaCard.cjs.js

@@ -0,0 +1,31 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
+var Image = require('../_shared/cjs/Image-0e393cbf.js');
+var React = require('react');
+var Box = require('../_shared/cjs/Box-ebe2b7be.js');
+require('../_shared/cjs/index-45bfb67b.js');
+require('../_shared/cjs/suffix-modifier-1ee2da04.js');
+require('../_shared/cjs/Surface-b7c51b2b.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+// Update tests for box surface
+/**
+ * Use `MediaCard` to contain content and an image about a single subject.
+ */
+var MediaCard = function (_a) {
+    var isBorderRadius = _a.isBorderRadius, isFullHeight = _a.isFullHeight, cardFooter = _a.cardFooter, borderWidth = _a.borderWidth, surface = _a.surface, elevationLevel = _a.elevationLevel, imageSrc = _a.imageSrc, imageAlt = _a.imageAlt, imageLoading = _a.imageLoading, imageSizes = _a.imageSizes, imageSrcSet = _a.imageSrcSet, children = _a.children, props = filterDataAttrs.__rest(_a, ["isBorderRadius", "isFullHeight", "cardFooter", "borderWidth", "surface", "elevationLevel", "imageSrc", "imageAlt", "imageLoading", "imageSizes", "imageSrcSet", "children"]);
+    return (React__default["default"].createElement(Box.Box, filterDataAttrs.__assign({ isFullHeight: isFullHeight, surface: surface, elevationLevel: elevationLevel, isBorderRadius: isBorderRadius, borderWidth: borderWidth }, filterDataAttrs.filterDataAttrs(props)),
+        React__default["default"].createElement("div", { className: "arc-MediaCard-wrapper" },
+            React__default["default"].createElement("div", { className: "arc-MediaCard-imageContainer" },
+                React__default["default"].createElement(Image.Image, { alt: imageAlt, loading: imageLoading, sizes: imageSizes, src: imageSrc, srcSet: imageSrcSet })),
+            React__default["default"].createElement("div", { className: "arc-MediaCard-section" }, children),
+            cardFooter && (React__default["default"].createElement("div", { className: "arc-MediaCard-section" }, cardFooter)))));
+};
+
+exports.MediaCard = MediaCard;

package/dist/MediaCard/MediaCard.esm.d.ts

@@ -0,0 +1,61 @@
+/// <reference types="react" />
+import { loadingOptions } from "../Image/Image.esm";
+import React from "react";
+import { FC } from "react";
+import { BoxProps } from "../Box/Box.esm";
+// Update tests for box surface
+/**
+ * Use `MediaCard` to contain content and an image about a single subject.
+ */
+declare const MediaCard: FC<MediaCardProps>;
+interface MediaCardProps {
+    /**
+     * Content of the MediaCard.
+     */
+    children: React.ReactNode;
+    /**
+     * Footer Content of the MediaCard.
+     */
+    cardFooter?: React.ReactNode;
+    /**
+     * Add rounded corners to the MediaCard.
+     */
+    isBorderRadius?: BoxProps["isBorderRadius"];
+    /**
+     * The border width of the MediaCard.
+     */
+    borderWidth?: BoxProps["borderWidth"];
+    /**
+     * Box shadow for the MediaCard.
+     */
+    elevationLevel?: BoxProps["elevationLevel"];
+    /**
+     * Set MediaCard to fill parent element.
+     */
+    isFullHeight?: boolean;
+    /**
+     * Background color for the MediaCard.
+     */
+    surface?: BoxProps["surface"];
+    /**
+     * image src for the MediaCard.
+     */
+    imageSrc: string;
+    /**
+     * image alt for the MediaCard.
+     */
+    imageAlt?: string;
+    /**
+     * Loading behaviour of the MediaCard.
+     */
+    imageLoading?: typeof loadingOptions[number];
+    /**
+     * The HTML [sizes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#Example_4_Using_the_srcset_and_sizes_attributes) attribute. Required if srcSet is defined.
+     */
+    imageSizes?: string;
+    /**
+     * A comma-separated list indicating a set of possible image sources for the user agent to use for different screen sizes. Same format as [srcSet](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#Example_4_Using_the_srcset_and_sizes_attributes), i.e. `my-image-200.png 200w, my-image-200.png 200w`.
+     */
+    imageSrcSet?: string;
+}
+export { MediaCard };

package/dist/MediaCard/MediaCard.esm.js

@@ -0,0 +1,23 @@
+import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-afdb7d32.js';
+import { I as Image } from '../_shared/esm/Image-3ed3863c.js';
+import React__default from 'react';
+import { B as Box } from '../_shared/esm/Box-06d99d8a.js';
+import '../_shared/esm/index-2ae58626.js';
+import '../_shared/esm/suffix-modifier-7e640670.js';
+import '../_shared/esm/Surface-dde51789.js';
+
+// Update tests for box surface
+/**
+ * Use `MediaCard` to contain content and an image about a single subject.
+ */
+var MediaCard = function (_a) {
+    var isBorderRadius = _a.isBorderRadius, isFullHeight = _a.isFullHeight, cardFooter = _a.cardFooter, borderWidth = _a.borderWidth, surface = _a.surface, elevationLevel = _a.elevationLevel, imageSrc = _a.imageSrc, imageAlt = _a.imageAlt, imageLoading = _a.imageLoading, imageSizes = _a.imageSizes, imageSrcSet = _a.imageSrcSet, children = _a.children, props = __rest(_a, ["isBorderRadius", "isFullHeight", "cardFooter", "borderWidth", "surface", "elevationLevel", "imageSrc", "imageAlt", "imageLoading", "imageSizes", "imageSrcSet", "children"]);
+    return (React__default.createElement(Box, __assign({ isFullHeight: isFullHeight, surface: surface, elevationLevel: elevationLevel, isBorderRadius: isBorderRadius, borderWidth: borderWidth }, filterDataAttrs(props)),
+        React__default.createElement("div", { className: "arc-MediaCard-wrapper" },
+            React__default.createElement("div", { className: "arc-MediaCard-imageContainer" },
+                React__default.createElement(Image, { alt: imageAlt, loading: imageLoading, sizes: imageSizes, src: imageSrc, srcSet: imageSrcSet })),
+            React__default.createElement("div", { className: "arc-MediaCard-section" }, children),
+            cardFooter && (React__default.createElement("div", { className: "arc-MediaCard-section" }, cardFooter)))));
+};
+
+export { MediaCard };

package/dist/MediaCard/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@arc-ui/mediacard",
+  "types": "./MediaCard.esm.d.ts",
+  "main": "./MediaCard.cjs.js",
+  "module": "./MediaCard.esm.js",
+  "private": true
+}

package/dist/Modal/Modal.cjs.d.ts

@@ -0,0 +1,31 @@
+/// <reference types="react" />
+import React from "react";
+import { FC } from "react";
+declare const Modal: FC<ModalProps>;
+interface ModalProps {
+    /**
+     * title for the modal dialog, announced when opened
+     */
+    title: string;
+    /**
+     * description for the modal dialog, announced when opened
+     */
+    description: string;
+    /**
+     * Function to be called when the modal has been requested to close.
+     */
+    onClose: () => void;
+    /**
+     * determines whether the description is visible. If set to false it will be visually hidden, but will still be announaced by screen readers. Set to true by default.
+     */
+    showDescription?: boolean;
+    /**
+     * Set modal open or closed
+     */
+    isOpen?: boolean;
+    /**
+     * content for the modal
+     */
+    children?: React.ReactNode;
+}
+export { Modal };