@coopdigital/react 1.11.0 → 1.13.0

package/dist/utils/index.d.ts

@@ -1,5 +1,8 @@
-export declare const bgPropToClass: (color: string, userClasses?: string) => string;
-export declare const hasUserBg: (userClasses?: string) => boolean;
-export declare const hasUserBorder: (userClasses?: string) => boolean;
-export declare const bgClassToColor: (userClasses: string) => string | null;
-export declare function getSlotProp<R = unknown>(slot: React.ReactNode, prop: string): R | undefined;
+//#region src/utils/index.d.ts
+declare const bgPropToClass: (color: string, userClasses?: string) => string;
+declare const hasUserBg: (userClasses?: string) => boolean;
+declare const hasUserBorder: (userClasses?: string) => boolean;
+declare const bgClassToColor: (userClasses: string) => string | null;
+declare function getSlotProp<R = unknown>(slot: React.ReactNode, prop: string): R | undefined;
+//#endregion
+export { bgClassToColor, bgPropToClass, getSlotProp, hasUserBg, hasUserBorder };

package/dist/utils/index.js

@@ -1,21 +1,17 @@
-import { isValidElement } from 'react';
-
+import { isValidElement } from "react";
+//#region src/utils/index.ts
+const bgPropToClass = (color, userClasses) => userClasses?.includes("bg-") ? "" : `bg-${color}`;
 const hasUserBg = (userClasses) => {
-    return typeof userClasses === "string" && (userClasses === null || userClasses === void 0 ? void 0 : userClasses.includes("bg-")) ? true : false;
+	return typeof userClasses === "string" && userClasses?.includes("bg-") ? true : false;
 };
 const hasUserBorder = (userClasses) => {
-    return typeof userClasses === "string" && (userClasses === null || userClasses === void 0 ? void 0 : userClasses.includes("border-")) ? true : false;
+	return typeof userClasses === "string" && userClasses?.includes("border-") ? true : false;
 };
 const bgClassToColor = (userClasses) => {
-    var _a, _b;
-    return (_b = (_a = /bg-([^\s]+)/.exec(userClasses)) === null || _a === void 0 ? void 0 : _a[1]) !== null && _b !== void 0 ? _b : null;
+	return /bg-([^\s]+)/.exec(userClasses)?.[1] ?? null;
 };
-// oxlint-disable-next-line typescript/no-unnecessary-type-parameters
 function getSlotProp(slot, prop) {
-    if (isValidElement(slot) && prop in slot.props) {
-        return slot.props[prop];
-    }
-    return undefined;
+	if (isValidElement(slot) && prop in slot.props) return slot.props[prop];
 }
-
-export { bgClassToColor, getSlotProp, hasUserBg, hasUserBorder };
+//#endregion
+export { bgClassToColor, bgPropToClass, getSlotProp, hasUserBg, hasUserBorder };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@coopdigital/react",
   "type": "module",
-  "version": "1.11.0",
+  "version": "1.13.0",
   "private": false,
   "publishConfig": {
     "access": "public"
@@ -20,6 +20,7 @@
       "default": "./dist/components/icons/index.js"
     }
   },
+  "sideEffects": false,
   "files": [
     "dist",
     "src/**/*.{tsx,ts}",
@@ -100,12 +101,12 @@
     "storybook": "$storybook"
   },
   "dependencies": {
-    "@coopdigital/styles": "^1.8.0",
+    "@coopdigital/styles": "^1.9.0",
     "@radix-ui/react-popover": "^1.1.17",
     "clsx": "^2.1.1",
     "date-fns": "^4.4.0",
     "merge-refs": "^2.0.0",
     "react-day-picker": "^10.0.1"
   },
-  "gitHead": "ab83f9ddaad7b9c225b945afa6f728ad403f8818"
+  "gitHead": "d5e150b91846f92c6c0fdd72bb162e9d5548787c"
 }

package/src/components/Select/Select.tsx

@@ -22,6 +22,11 @@ export interface SelectProps extends Omit<SelectHTMLAttributes<HTMLSelectElement
   disabled?: boolean
   /** **(Optional)** Specify the Select error state. */
   error?: boolean
+  /** **(Optional)** Specify the wrapper behaviour. When true, width is fit-content, otherwise it expands to 100%.
+   *
+   * Default: false
+   */
+  fit?: boolean
   /** **(Optional)** Specify the Select id. Will be auto-generated if not set. */
   id?: string
   /** Specify the Select name. */
@@ -53,6 +58,7 @@ const Select = ({
   className,
   disabled,
   error,
+  fit = false,
   id,
   name,
   ref,
@@ -64,6 +70,7 @@ const Select = ({
   const componentProps = {
     className: clsx("coop-select", "coop-field-element", className),
     "data-error": error ?? undefined,
+    "data-fit": fit || undefined,
     "data-size": size ?? undefined,
     disabled,
     id: id ?? field?.id,

package/src/components/TextInput/TextInput.tsx

@@ -16,6 +16,11 @@ export interface TextInputProps extends Omit<
   disabled?: boolean
   /** **(Optional)** Specify the TextInput error state. */
   error?: boolean
+  /** **(Optional)** Specify the wrapper behaviour. When true, width is fit-content, otherwise it expands to 100%.
+   *
+   * Default: false
+   */
+  fit?: boolean
   /** **(Optional)** Specify the TextInput id. Will be auto-generated if not set. */
   id?: string
   /** Specify the TextInput name. */
@@ -55,6 +60,7 @@ const TextInput = ({
   className,
   disabled,
   error = false,
+  fit = false,
   id,
   name,
   placeholder,
@@ -73,6 +79,7 @@ const TextInput = ({
     "aria-placeholder": placeholder ?? ariaPlaceholder ?? undefined,
     className: clsx("coop-text-input", "coop-field-element", className),
     "data-error": error || undefined,
+    "data-fit": fit || undefined,
     "data-size": size?.length ? size : undefined,
     disabled,
     id: id ?? field?.id,

package/src/components/Textarea/Textarea.tsx

@@ -31,6 +31,11 @@ export interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElemen
   disabled?: boolean
   /** **(Optional)** Specify the Textarea error state */
   error?: boolean
+  /** **(Optional)** Specify the wrapper behaviour. When true, width is fit-content, otherwise it expands to 100%.
+   *
+   * Default: false
+   */
+  fit?: boolean
   /** **(Optional)** Specify the Textarea id. Will be auto-generated if not set. */
   id?: string
   /** **(Optional)** Specify the Textarea maxLength. This is the maximum number of characters users can enter. */
@@ -55,6 +60,7 @@ const Textarea = ({
   cutoff = false,
   disabled = false,
   error = false,
+  fit = false,
   id,
   maxLength,
   name,
@@ -72,6 +78,7 @@ const Textarea = ({
     className: clsx("coop-textarea", "coop-field-element", className),
     cols,
     "data-error": error ?? undefined,
+    "data-fit": fit || undefined,
     "data-size": size ?? undefined,
     disabled,
     id: id ?? field?.id,

package/src/components/icons/BellFilledIcon.tsx

@@ -31,7 +31,7 @@ export const BellFilledIcon = ({
     <svg {...componentProps} ref={ref}>
       {alt ? <title id={uid + "__title"}>{alt}</title> : null}
       <path d="M27 26a1 1 0 0 0 0-2H5a1 1 0 1 0 0 2zM19 27a3 3 0 1 1-6 0zM13 5a3 3 0 1 1 6 0z" />
-      <path d="M16 5a9 9 0 0 1 9 9v11H7V14l.012-.463A9 9 0 0 1 16 5Z" stroke-width="2" />
+      <path d="M16 5a9 9 0 0 1 9 9v11H7V14l.012-.463A9 9 0 0 1 16 5Z" strokeWidth="2" />
     </svg>
   )
 }

package/src/components/icons/CashIcon.tsx

@@ -25,9 +25,9 @@ export const CashIcon = ({ alt, className, fill, id, ref, ...props }: IconProps)
       {alt ? <title id={uid + "__title"}>{alt}</title> : null}
       <path d="M15.5 13q.352 0 .665.054a1 1 0 0 1-.33 1.972A2 2 0 0 0 15.5 15c-.551 0-.904.162-1.115.367-.206.2-.385.546-.385 1.133v.5h1a1 1 0 1 1 0 2h-1v2h2a1 1 0 1 1 0 2h-4.5a1 1 0 1 1 0-2h.5v-2h-.5a1 1 0 1 1 0-2h.5v-.5c0-1.013.322-1.918.99-2.567.664-.646 1.562-.933 2.51-.933" />
       <path
-        clip-rule="evenodd"
+        clipRule="evenodd"
         d="M28 6a2 2 0 0 1 2 2v12a2 2 0 0 1-1.796 1.99L28 22h-2v2a2 2 0 0 1-1.796 1.99L24 26H4l-.204-.01A2 2 0 0 1 2 24V12a2 2 0 0 1 2-2h2V8a2 2 0 0 1 2-2zM4 24h20V12H4zm4-14h16a2 2 0 0 1 2 2v8h2V8H8z"
-        fill-rule="evenodd"
+        fillRule="evenodd"
       />
     </svg>
   )

package/src/components/icons/ClockFilledIcon.tsx

@@ -31,9 +31,9 @@ export const ClockFilledIcon = ({
     <svg {...componentProps} ref={ref}>
       {alt ? <title id={uid + "__title"}>{alt}</title> : null}
       <path
-        clip-rule="evenodd"
+        clipRule="evenodd"
         d="M16 30c7.732 0 14-6.268 14-14S23.732 2 16 2 2 8.268 2 16s6.268 14 14 14m0-21a1 1 0 0 0-1 1v6a1 1 0 0 0 .293.707l4 4a1 1 0 1 0 1.414-1.414L17 15.586V10a1 1 0 0 0-1-1"
-        fill-rule="evenodd"
+        fillRule="evenodd"
       />
     </svg>
   )

package/src/components/icons/CloseAltFilledIcon.tsx

@@ -31,9 +31,9 @@ export const CloseAltFilledIcon = ({
     <svg {...componentProps} ref={ref}>
       {alt ? <title id={uid + "__title"}>{alt}</title> : null}
       <path
-        clip-rule="evenodd"
+        clipRule="evenodd"
         d="M16 30c7.732 0 14-6.268 14-14S23.732 2 16 2 2 8.268 2 16s6.268 14 14 14m5.407-19.407a1 1 0 0 0-1.414 0L16 14.586l-3.993-3.993a1 1 0 0 0-1.414 1.414L14.586 16l-3.993 3.993a1 1 0 0 0 1.414 1.414L16 17.414l3.991 3.991a1 1 0 1 0 1.414-1.414l-3.99-3.99 3.992-3.994a1 1 0 0 0 0-1.414"
-        fill-rule="evenodd"
+        fillRule="evenodd"
       />
     </svg>
   )

package/src/components/icons/CoopMembershipCardFilledIcon.tsx

@@ -32,9 +32,9 @@ export const CoopMembershipCardFilledIcon = ({
       {alt ? <title id={uid + "__title"}>{alt}</title> : null}
       <path d="M11.862 13.64a3 3 0 0 1 .97 0 1 1 0 0 1 .466.223 1 1 0 0 1 .275.426q.114.374.117.764-.003.38-.117.743c-.057.16-.153.305-.28.42a1 1 0 0 1-.472.25c-.32.062-.65.062-.97 0a.9.9 0 0 1-.46-.218.9.9 0 0 1-.276-.427 2.44 2.44 0 0 1 .011-1.516v-.022a1 1 0 0 1 .275-.415c.132-.112.29-.19.461-.228M19.11 6.817c.32-.057.65-.057.97 0a.95.95 0 0 1 .741.645 2.5 2.5 0 0 1 .011 1.507 1 1 0 0 1-.282.422c-.13.113-.288.192-.46.227-.32.057-.648.057-.969 0a.97.97 0 0 1-.466-.223.97.97 0 0 1-.276-.426 2.5 2.5 0 0 1-.01-1.507v-.006a1 1 0 0 1 .28-.415c.133-.11.291-.187.461-.224" />
       <path
-        clip-rule="evenodd"
+        clipRule="evenodd"
         d="M24 2a2 2 0 0 1 2 2v24a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2zm-2.484 10.278a5.8 5.8 0 0 0-3.768 0c-.311.09-.595.254-.826.478-.232.223-.4.5-.492.806a5.6 5.6 0 0 0-.207 1.558v4.463h2.04v-4.515c-.005-.25.03-.499.105-.738a1 1 0 0 1 .281-.42c.132-.113.291-.192.461-.23.32-.056.649-.056.97 0a1 1 0 0 1 .462.225c.13.115.227.261.28.425a2.5 2.5 0 0 1 0 1.507.981.981 0 0 1-.72.645 2.8 2.8 0 0 1-.976 0l-.111-.016h-.08l.7 1.865a6.2 6.2 0 0 0 1.88-.307c.305-.107.577-.285.795-.52.222-.23.384-.51.471-.815a5.56 5.56 0 0 0 0-3.087 2.1 2.1 0 0 0-.476-.804 2.1 2.1 0 0 0-.79-.52m-7.264-.11a5.8 5.8 0 0 0-3.768 0 2 2 0 0 0-.794.52c-.22.232-.381.512-.471.816a5.56 5.56 0 0 0 0 3.087c.096.3.259.578.476.81.22.23.49.408.79.52 1.218.42 2.548.42 3.767 0a2.01 2.01 0 0 0 1.26-1.34 5.56 5.56 0 0 0 0-3.087 2 2 0 0 0-.477-.806 2.1 2.1 0 0 0-.783-.52m.005-6.815a5.78 5.78 0 0 0-3.767 0 2.011 2.011 0 0 0-1.262 1.335 5.56 5.56 0 0 0 0 3.085c.094.299.256.573.472.801.22.226.488.404.784.52a5.8 5.8 0 0 0 1.881.3 6.5 6.5 0 0 0 1.886-.3c.3-.114.572-.291.795-.52.216-.233.376-.513.466-.816 0-.088.047-.177.074-.26l-1.923-.873q-.024.174-.074.344c-.057.16-.153.305-.28.42-.132.113-.29.191-.461.23-.32.056-.65.056-.97 0a1 1 0 0 1-.467-.224.97.97 0 0 1-.275-.426 2.52 2.52 0 0 1 0-1.507.977.977 0 0 1 .742-.645c.32-.057.65-.057.97 0a.925.925 0 0 1 .741.645q.094.366.1.743h2.04c0-.516-.07-1.03-.206-1.528a2.1 2.1 0 0 0-.477-.805 2.1 2.1 0 0 0-.79-.52m7.248-.038a5.8 5.8 0 0 0-3.772 0 2 2 0 0 0-.79.52c-.22.23-.382.507-.471.81a5.56 5.56 0 0 0 0 3.087c.091.313.255.601.477.842.218.226.484.404.778.52a5.3 5.3 0 0 0 1.886.3 6.5 6.5 0 0 0 1.887-.3c.3-.114.572-.291.795-.52.216-.233.375-.513.466-.816.14-.508.212-1.032.212-1.559s-.067-1.05-.201-1.558a2.1 2.1 0 0 0-.483-.806 2.06 2.06 0 0 0-.784-.52"
-        fill-rule="evenodd"
+        fillRule="evenodd"
       />
     </svg>
   )

package/src/components/icons/CreditCardFilledIcon.tsx

@@ -30,21 +30,8 @@ export const CreditCardFilledIcon = ({
   return (
     <svg {...componentProps} ref={ref}>
       {alt ? <title id={uid + "__title"}>{alt}</title> : null}
-      <g clip-path="url(#a)">
-        <mask id="b">
-          <path d="M28 6a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2zM6 18v4h5.979v-4zm-2-8v4h24v-4z" />
-        </mask>
-        <path d="M28 6a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2zM6 18v4h5.979v-4zm-2-8v4h24v-4z" />
-        <path
-          d="M28 6V4zm2 2h2zm0 16h2zm-2 2v2zM4 26v2zm-2-2H0zM2 8H0zm2-2V4zm2 12v-2H4v2zm0 4H4v2h2zm5.979 0v2h2v-2zm0-4h2v-2h-2zM4 10V8H2v2zm0 4H2v2h2zm24 0v2h2v-2zm0-4h2V8h-2zm0-4v2h4a4 4 0 0 0-4-4zm2 2h-2v16h4V8zm0 16h-2v4a4 4 0 0 0 4-4zm-2 2v-2H4v4h24zM4 26v-2H0a4 4 0 0 0 4 4zm-2-2h2V8H0v16zM2 8h2V4a4 4 0 0 0-4 4zm2-2v2h24V4H4zm2 12H4v4h4v-4zm0 4v2h5.979v-4H6zm5.979 0h2v-4h-4v4zm0-4v-2H6v4h5.979zM4 10H2v4h4v-4zm0 4v2h24v-4H4zm24 0h2v-4h-4v4zm0-4V8H4v4h24z"
-          mask="url(#b)"
-        />
-      </g>
-      <defs>
-        <clipPath id="a">
-          <path d="M0 0h32v32H0z" />
-        </clipPath>
-      </defs>
+      <path d="M28 6a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2zM6 18v4h5.979v-4zm-2-8v4h24v-4z" />
+      <path d="M6 18v4h5.979v-4zm22-8H4v4h24zm2 14a2 2 0 0 1-2 2V16H13.979v8H28v2H4a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h24a2 2 0 0 1 2 2z" />
     </svg>
   )
 }

package/src/components/icons/FeedbackFilledIcon.tsx

@@ -30,13 +30,9 @@ export const FeedbackFilledIcon = ({
   return (
     <svg {...componentProps} ref={ref}>
       {alt ? <title id={uid + "__title"}>{alt}</title> : null}
-      <mask id="a">
-        <path d="M28 6a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H6l-4 4V8a2 2 0 0 1 2-2zm-17 9a1 1 0 1 0 0 2 1 1 0 0 0 0-2m5 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2m5 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2" />
-      </mask>
-      <path d="M28 6a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H6l-4 4V8a2 2 0 0 1 2-2zm-17 9a1 1 0 1 0 0 2 1 1 0 0 0 0-2m5 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2m5 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2" />
       <path
-        d="M28 6V4zm2 2h2zm0 16h2zm-2 2v2zM6 26v-2h-.828l-.586.586zm-4 4H0v4.828l3.414-3.414zM2 8H0zm2-2V4zm24 0v2h4a4 4 0 0 0-4-4zm2 2h-2v16h4V8zm0 16h-2v4a4 4 0 0 0 4-4zm-2 2v-2H6v4h22zM6 26l-1.414-1.414-4 4L2 30l1.414 1.414 4-4zm-4 4h2V8H0v22zM2 8h2V4a4 4 0 0 0-4 4zm2-2v2h24V4H4zm7 9v-2a3 3 0 0 0-3 3h4a1 1 0 0 1-1 1zm-1 1H8a3 3 0 0 0 3 3v-4a1 1 0 0 1 1 1zm1 1v2a3 3 0 0 0 3-3h-4a1 1 0 0 1 1-1zm1-1h2a3 3 0 0 0-3-3v4a1 1 0 0 1-1-1zm4-1v-2a3 3 0 0 0-3 3h4a1 1 0 0 1-1 1zm-1 1h-2a3 3 0 0 0 3 3v-4a1 1 0 0 1 1 1zm1 1v2a3 3 0 0 0 3-3h-4a1 1 0 0 1 1-1zm1-1h2a3 3 0 0 0-3-3v4a1 1 0 0 1-1-1zm4-1v-2a3 3 0 0 0-3 3h4a1 1 0 0 1-1 1zm-1 1h-2a3 3 0 0 0 3 3v-4a1 1 0 0 1 1 1zm1 1v2a3 3 0 0 0 3-3h-4a1 1 0 0 1 1-1zm1-1h2a3 3 0 0 0-3-3v4a1 1 0 0 1-1-1z"
-        mask="url(#a)"
+        d="M4 7h24a1 1 0 0 1 1 1v16l-.005.102A1 1 0 0 1 28 25H5.586L3 27.586V8l.005-.103a1 1 0 0 1 .892-.892zm7 7a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm5 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm5 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z"
+        strokeWidth="2"
       />
     </svg>
   )

package/src/components/icons/StarFilledIcon.tsx

@@ -32,7 +32,7 @@ export const StarFilledIcon = ({
       {alt ? <title id={uid + "__title"}>{alt}</title> : null}
       <path
         d="M19.183 10.63a1 1 0 0 0 .951.695h7.323c.968 0 1.371 1.238.589 1.808l-5.952 4.333a1 1 0 0 0-.364 1.113l2.202 6.881c.295.92-.756 1.681-1.538 1.115l-5.811-4.204a1 1 0 0 0-1.167-.004L9.558 26.55c-.786.561-1.832-.207-1.532-1.125l2.239-6.844a1 1 0 0 0-.361-1.119l-5.93-4.33c-.781-.57-.378-1.807.59-1.807h7.302a1 1 0 0 0 .951-.694l2.23-6.932c.298-.925 1.607-.925 1.904 0z"
-        stroke-width="2"
+        strokeWidth="2"
       />
     </svg>
   )

package/src/components/icons/TickAltFilledIcon.tsx

@@ -31,9 +31,9 @@ export const TickAltFilledIcon = ({
     <svg {...componentProps} ref={ref}>
       {alt ? <title id={uid + "__title"}>{alt}</title> : null}
       <path
-        clip-rule="evenodd"
+        clipRule="evenodd"
         d="M16 30c7.732 0 14-6.268 14-14S23.732 2 16 2 2 8.268 2 16s6.268 14 14 14m5.707-17.707a1 1 0 0 0-1.414 0L14 18.586l-2.293-2.293a1 1 0 1 0-1.414 1.414l3 3a1 1 0 0 0 1.414 0l7-7a1 1 0 0 0 0-1.414"
-        fill-rule="evenodd"
+        fillRule="evenodd"
       />
     </svg>
   )

package/src/components/icons/WarningCircleFilledIcon.tsx

@@ -31,9 +31,9 @@ export const WarningCircleFilledIcon = ({
     <svg {...componentProps} ref={ref}>
       {alt ? <title id={uid + "__title"}>{alt}</title> : null}
       <path
-        clip-rule="evenodd"
+        clipRule="evenodd"
         d="M16 2c7.732 0 14 6.268 14 14s-6.268 14-14 14S2 23.732 2 16 8.268 2 16 2m0 18a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3m0-11.5a1.5 1.5 0 0 0-1.5 1.5v6a1.5 1.5 0 0 0 3 0v-6A1.5 1.5 0 0 0 16 8.5"
-        fill-rule="evenodd"
+        fillRule="evenodd"
       />
     </svg>
   )

package/src/components/icons/WarningCircleIcon.tsx

@@ -32,9 +32,9 @@ export const WarningCircleIcon = ({
       {alt ? <title id={uid + "__title"}>{alt}</title> : null}
       <path d="M16 17.5a1.5 1.5 0 0 1-1.5-1.5v-6a1.5 1.5 0 0 1 3 0v6a1.5 1.5 0 0 1-1.5 1.5M16 23a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3" />
       <path
-        clip-rule="evenodd"
+        clipRule="evenodd"
         d="M16 30C8.268 30 2 23.732 2 16S8.268 2 16 2s14 6.268 14 14-6.268 14-14 14m0-2c6.627 0 12-5.373 12-12S22.627 4 16 4 4 9.373 4 16s5.373 12 12 12"
-        fill-rule="evenodd"
+        fillRule="evenodd"
       />
     </svg>
   )

package/src/hooks/index.ts

@@ -0,0 +1,3 @@
+export { useDebounce } from "./useDebounce"
+export { useId } from "./useId"
+export { useSlots } from "./useSlots"

package/src/index.ts

@@ -1,27 +1,27 @@
-export * from "./components/AlertBanner"
-export * from "./components/Author"
-export * from "./components/Button"
-export * from "./components/Card"
-export * from "./components/Checkbox"
-export * from "./components/DatePicker"
-export * from "./components/Dialog"
-export * from "./components/Expandable"
-export * from "./components/Field"
-export * from "./components/Fieldset"
-export * from "./components/Flourish"
-export * from "./components/Form"
-export * from "./components/Image"
-export * from "./components/LoadingSpinner"
-export * from "./components/Pill"
-export * from "./components/Popover"
-export * from "./components/Radio"
-export * from "./components/RootSVG"
-export * from "./components/Searchbox"
-export * from "./components/Select"
-export * from "./components/Signpost"
-export * from "./components/SkipNav"
-export * from "./components/Squircle"
-export * from "./components/Tag"
-export * from "./components/Textarea"
-export * from "./components/TextInput"
-export * from "./components/ValidationSummary"
+export * from "./components/AlertBanner/AlertBanner"
+export * from "./components/Author/Author"
+export * from "./components/Button/Button"
+export * from "./components/Card/Card"
+export * from "./components/Checkbox/Checkbox"
+export * from "./components/DatePicker/DatePicker"
+export * from "./components/Dialog/Dialog"
+export * from "./components/Expandable/Expandable"
+export * from "./components/Field/Field"
+export * from "./components/Fieldset/Fieldset"
+export * from "./components/Flourish/Flourish"
+export * from "./components/Form/Form"
+export * from "./components/Image/Image"
+export * from "./components/LoadingSpinner/LoadingSpinner"
+export * from "./components/Pill/Pill"
+export * from "./components/Popover/Popover"
+export * from "./components/Radio/Radio"
+export * from "./components/RootSVG/RootSVG"
+export * from "./components/Searchbox/Searchbox"
+export * from "./components/Select/Select"
+export * from "./components/Signpost/Signpost"
+export * from "./components/SkipNav/SkipNav"
+export * from "./components/Squircle/Squircle"
+export * from "./components/Tag/Tag"
+export * from "./components/Textarea/Textarea"
+export * from "./components/TextInput/TextInput"
+export * from "./components/ValidationSummary/ValidationSummary"

package/dist/components/Field/Field.context.d.ts

@@ -1,14 +0,0 @@
-export interface FieldConfig {
-    disabled: boolean;
-    id: string;
-    inline?: boolean;
-    suffix?: string;
-}
-export interface FieldContextValue {
-    disabled?: boolean;
-    id?: string;
-    inline?: boolean;
-    suffix?: string;
-}
-export declare const FieldContext: import("react").Context<FieldContextValue | null>;
-export declare const useField: () => FieldContextValue | null;

package/dist/components/Searchbox/Searchbox.context.d.ts

@@ -1,13 +0,0 @@
-import { RefObject } from "react";
-import { StandardSizes } from "../../types";
-interface SearchboxContextValue {
-    buttonId?: string;
-    id?: string;
-    inputId?: string;
-    isLoading?: boolean;
-    ref?: RefObject<HTMLFormElement | null> | null;
-    size?: StandardSizes;
-}
-export declare const SearchboxContext: import("react").Context<SearchboxContextValue>;
-export declare const useSearchbox: () => SearchboxContextValue;
-export {};

package/dist/components/ValidationSummary/validationsummary-utils.d.ts

@@ -1,2 +0,0 @@
-export declare const sanitizeFieldId: (id: string) => string;
-export declare const getFieldElement: (field: string, id?: string) => HTMLInputElement | null;