@pearpages/pulp-react 0.0.0

package/dist/icon.d.ts

@@ -0,0 +1,33 @@
+import * as react from 'react';
+import { HTMLAttributes, ReactNode, Ref } from 'react';
+
+type IconSize = 'sm' | 'md' | 'lg';
+interface IconProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'children'> {
+    /** Any SVG (for instance from `@pearpages/pulp-icons`); it is sized to the icon box. */
+    children: ReactNode;
+    /** `inherit` follows the surrounding font size, for icons inside text-sized controls. @default 'md' */
+    size?: IconSize | 'inherit';
+    /**
+     * Accessible name. Without it the icon is decorative and hidden from
+     * assistive technology; with it the icon is an image with that name.
+     */
+    label?: string;
+    ref?: Ref<HTMLSpanElement>;
+}
+/**
+ * Sizes any SVG to the icon scale and settles its accessibility: decorative
+ * by default, an image when given a `label`. Colour is `currentColor`, so an
+ * icon inherits the text tone around it.
+ *
+ * @status stable
+ * @category Utilities
+ * @accessibility `aria-hidden` by default (decorative); `role="img"` with `aria-label` when `label` is given. Sized in `em` so it follows the text around it.
+ * @do Give `label` only when the icon carries meaning the text around it does not.
+ * @dont Use a labelled icon as the only name of a control; use IconButton.
+ */
+declare function Icon({ children, size, label, className, ref, ...rest }: IconProps): react.JSX.Element;
+declare namespace Icon {
+    var displayName: string;
+}
+
+export { Icon, type IconProps, type IconSize };

package/dist/icon.js

@@ -0,0 +1,4 @@
+export { Icon } from './chunk-ASNTNTJW.js';
+import './chunk-MI4QUKQS.js';
+//# sourceMappingURL=icon.js.map
+//# sourceMappingURL=icon.js.map

package/dist/icon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"icon.js"}