@digitalpromise/design 4.1.0 → 4.2.0

package/dist/components/button.d.ts

@@ -1,4 +1,4 @@
-import type { ButtonHTMLAttributes } from "react";
+import { ButtonHTMLAttributes } from 'react';
 declare const variants: readonly ["primary", "secondary", "tertiary"];
 declare const states: readonly ["default", "danger", "inverse", "decolor"];
 type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {

package/dist/components/forms/checkbox.d.ts

@@ -1,4 +1,4 @@
-import type { FormInputProps, InputPropsWithoutType } from "./types";
+import { FormInputProps, InputPropsWithoutType } from './types';
 type CheckboxProps = InputPropsWithoutType & FormInputProps & {
     label: string;
 };

package/dist/components/forms/dropzone.d.ts

@@ -1,5 +1,5 @@
-import { ReactElement, type ComponentPropsWithRef } from "react";
-import type { FormInputProps } from "./types";
+import { ReactElement, ComponentPropsWithRef } from 'react';
+import { FormInputProps } from './types';
 interface DropzoneProps extends Omit<ComponentPropsWithRef<"input">, "type">, FormInputProps {
     instructions?: string;
     remover?: ReactElement;

package/dist/components/forms/form-field.d.ts

@@ -1,4 +1,4 @@
-import { FormInputProps } from "./types";
+import { FormInputProps } from './types';
 interface FormFieldProps<C extends FormInputProps> {
     Input: React.ComponentType<C>;
     inputProps: C;

package/dist/components/forms/form.d.ts

@@ -1,4 +1,4 @@
-import { ComponentPropsWithRef } from "react";
+import { ComponentPropsWithRef } from 'react';
 type FormProps = ComponentPropsWithRef<"form">;
 export declare const Form: ({ noValidate, className, ...props }: FormProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/forms/index.d.ts

@@ -1,9 +1,9 @@
-import { Checkbox } from "./checkbox";
-import { Dropzone, SingleImageDropzone } from "./dropzone";
-import { Form } from "./form";
-import { FormField } from "./form-field";
-import { Select } from "./select";
-import { TextInput } from "./text-input";
-import { Textarea } from "./textarea";
+import { Checkbox } from './checkbox';
+import { Dropzone, SingleImageDropzone } from './dropzone';
+import { Form } from './form';
+import { FormField } from './form-field';
+import { Select } from './select';
+import { TextInput } from './text-input';
+import { Textarea } from './textarea';
 export { Checkbox, Dropzone, SingleImageDropzone, Form, FormField, Select, Textarea, TextInput, };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/forms/label.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentPropsWithRef } from "react";
+import { ComponentPropsWithRef } from 'react';
 export interface LabelProps extends ComponentPropsWithRef<"label"> {
     label: string;
     error?: boolean;

package/dist/components/forms/list.d.ts

@@ -1,4 +1,4 @@
-import type { FormInputProps } from "./types";
+import { FormInputProps } from './types';
 type ListInputProps = FormInputProps & {
     onChange?: (list: string[]) => void;
     defaultValue?: string[];

package/dist/components/forms/select.d.ts

@@ -1,5 +1,5 @@
-import { ComponentPropsWithRef } from "react";
-import { FormInputProps } from "./types";
+import { ComponentPropsWithRef } from 'react';
+import { FormInputProps } from './types';
 export interface SelectProps extends ComponentPropsWithRef<"select">, FormInputProps {
     options: {
         value: string;

package/dist/components/forms/text-input.d.ts

@@ -1,5 +1,5 @@
-import type { ComponentPropsWithRef } from "react";
-import type { FormInputProps } from "./types";
+import { ComponentPropsWithRef } from 'react';
+import { FormInputProps } from './types';
 interface TextInputProps extends ComponentPropsWithRef<"input">, FormInputProps {
 }
 export declare const TextInput: ({ error, className, ...props }: TextInputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/forms/textarea.d.ts

@@ -1,5 +1,5 @@
-import type { ComponentPropsWithRef } from "react";
-import type { FormInputProps } from "./types";
+import { ComponentPropsWithRef } from 'react';
+import { FormInputProps } from './types';
 interface TextareaProps extends ComponentPropsWithRef<"textarea">, FormInputProps {
 }
 export declare const Textarea: ({ className, error, ...props }: TextareaProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/forms/types.d.ts

@@ -1,4 +1,4 @@
-import type { ComponentPropsWithRef } from "react";
+import { ComponentPropsWithRef } from 'react';
 export interface FormInputProps {
     id?: string;
     name?: string;

package/dist/components/icon.d.ts

@@ -1,5 +1,5 @@
-import { type DPGIconName } from "@digitalpromise/icons";
-import { type ComponentPropsWithRef } from "react";
+import { DPGIconName } from '@digitalpromise/icons';
+import { ComponentPropsWithRef } from 'react';
 interface IconProps extends ComponentPropsWithRef<"svg"> {
     name: DPGIconName;
 }

package/dist/components/index.d.ts

@@ -1,8 +1,8 @@
-import { default as Button } from "./button";
-import { default as Logo } from "./logo";
-import { default as Pagination } from "./pagination";
-import { default as Search } from "./search";
-import { default as Table } from "./table";
-export type { TableColumn } from "./table";
+import { default as Button } from './button';
+import { default as Logo } from './logo';
+import { default as Pagination } from './pagination';
+import { default as Search } from './search';
+import { default as Table } from './table';
+export type { TableColumn } from './table';
 export { Button, Logo, Pagination, Search, Table };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/tab-list.d.ts

@@ -1,4 +1,4 @@
-import { type ReactNode } from "react";
+import { ReactNode } from 'react';
 export interface TabProps {
     id: string;
     label: ReactNode;

package/dist/components/table.d.ts

@@ -1,4 +1,4 @@
-import type { ReactNode } from "react";
+import { ReactNode } from 'react';
 export type TableColumn<TRow> = {
     key: string;
     header: string;

package/dist/forms.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("react"),g=require("./icon-zoFkg03T.cjs"),I=({error:a,className:r,label:t,...l})=>{const n=l.id||l.name;return e.jsxs("div",{className:"flex gap-3 items-center",children:[e.jsx("input",{type:"checkbox",className:`transition-colors appearance-none cursor-pointer bg-neutral-1 border-2 border-gray-5 rounded-sm w-5 h-5 grid place-content-center hover:bg-gray-1 hover:border-neutral-5 before:hidden before:content-['\\2713'] before:text-neutral-1 before:font-bold checked:bg-blue-3 checked:border-blue-4 checked:hover:bg-blue-4 checked:hover:border-blue-5 checked:before:inline-block ${r??""}`.trim(),...l,id:n}),e.jsx("label",{"data-error":a||null,htmlFor:n,className:"data-error:text-red-4",children:t})]})},p=({children:a,error:r,instructions:t,className:l,onChange:n,remover:d,...i})=>{const s=u.useRef(null),[v,m]=u.useState(!1),[b,j]=u.useState([]),h=b.length>0,w=o=>{o.preventDefault(),m(!1),s.current&&o.dataTransfer.files.length>0&&(s.current.files=o.dataTransfer.files,o.dataTransfer.clearData(),s.current.dispatchEvent(new Event("change",{bubbles:!0})))},y=o=>{n&&n(o);const k=Array.from(o.currentTarget.files??[]).map(c=>{if(c.type.includes("image")){const F=URL.createObjectURL(c);return e.jsx("img",{alt:"",src:F,className:"max-h-full max-w-full object-contain"},c.name)}else return e.jsx("p",{children:c.name},c.name)});j(k)},N=()=>{s.current&&(s.current.value="",s.current.files=null,s.current.dispatchEvent(new Event("change",{bubbles:!0})))},x={onClick:o=>{o.preventDefault(),N()}},D=d?u.cloneElement(d,x):e.jsx(g.Button,{type:"button",variant:"tertiary",state:"decolor",...x,children:"Remove Files"}),f=o=>{o.preventDefault(),m(!0)};return e.jsxs("div",{children:[e.jsxs("label",{"data-showing-preview":h||null,"data-is-dragging":v||null,onDragLeave:()=>m(!1),onDragEnter:f,onDragOver:f,onDrop:w,htmlFor:i.id,"data-error":r||null,className:`flex items-center justify-center rounded-lg border border-dashed border-blue-3 px-7 py-8 font-medium text-blue-3 data-showing-preview:w-max data-showing-preview:border-gray-3 data-showing-preview:text-gray-3 data-is-dragging:border-blue-5 data-is-dragging:bg-blue-1 data-showing-preview:py-5 data-is-dragging:text-blue-4 ${l??""} cursor-default`.trim(),children:[e.jsx("input",{...i,ref:s,onChange:y,className:"sr-only",type:"file"}),h?e.jsxs(e.Fragment,{children:[e.jsx("aside",{className:"grid grid-cols-2 grid-rows-2 w-11 h-11",children:b}),D]}):a??e.jsxs("p",{className:"pointer-events-none select-none",children:[e.jsx(g.Icon,{name:"Upload"})," Click or drop to upload"]})]}),t&&e.jsx("p",{className:"font-light leading-6",children:t})]})},T=a=>{const r=e.jsx(g.Button,{type:"button",variant:"tertiary",state:"decolor",children:"Remove Image"});return e.jsx(p,{...a,multiple:!1,remover:r,accept:"image/png image/svg+xml"})},q=({noValidate:a,className:r,...t})=>e.jsx("form",{className:`container flex flex-col gap-7 max-w-[45rem] ${r??""}`.trim(),...t,noValidate:a??!0}),C=({className:a,label:r,required:t,error:l,...n})=>e.jsx("label",{"data-required":t||null,"data-error":l||null,...n,className:`text-base font-medium leading-5 data-error:text-red-4 data-required:after:content-['*'] data-required:after:text-red-4 data-required:after:ml-1 ${a??""}`.trim(),children:r}),S=({Input:a,inputProps:r,errorMessage:t,label:l,labelClassname:n})=>{const d=!!t,i=r?.id||r?.name;return e.jsxs("div",{className:"flex flex-col gap-3",children:[e.jsx(C,{label:l,className:n,htmlFor:i,required:r?.required,error:d}),e.jsx(a,{error:d,...r,id:i}),t&&e.jsx("p",{className:"text-red-4",children:t})]})},E=({options:a,error:r,className:t,...l})=>e.jsx("select",{...l,"data-error":r||null,className:`border border-gray-5 rounded-sm text-base leading-5 px-[0.94rem] py-[0.69rem] focus-within:border-transparent focus-within:outline-blue-4 data-error:border-red-4 data-error:outline-red-4 ${t??""}`.trim(),children:a.map(n=>e.jsx("option",{className:"hover:bg-gray-3",value:n.value,children:n.label},[l.name,n.label].join()))}),R=({error:a,className:r,...t})=>e.jsx("input",{"data-error":a||null,className:`border border-gray-5 rounded-sm text-base leading-5 px-[0.94rem] py-[0.69rem] focus-within:border-transparent focus-within:outline-blue-4 data-error:border-red-4 data-error:outline-red-4 ${r??""}`.trim(),...t,type:"text"}),$=({className:a,error:r,...t})=>e.jsx("textarea",{"data-error":r||null,className:`border border-gray-5 rounded-sm text-base leading-5 px-[0.94rem] py-[0.69rem] focus-within:border-transparent focus-within:outline-blue-4 data-error:border-red-4 data-error:outline-red-4 ${a??""}`.trim(),...t});exports.Checkbox=I;exports.Dropzone=p;exports.Form=q;exports.FormField=S;exports.Select=E;exports.SingleImageDropzone=T;exports.TextInput=R;exports.Textarea=$;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("react"),g=require("./icon-DjGt_3uE.cjs"),I=({error:a,className:r,label:t,...l})=>{const n=l.id||l.name;return e.jsxs("div",{className:"flex gap-3 items-center",children:[e.jsx("input",{type:"checkbox",className:`transition-colors appearance-none cursor-pointer bg-neutral-1 border-2 border-gray-5 rounded-sm w-5 h-5 grid place-content-center hover:bg-gray-1 hover:border-neutral-5 before:hidden before:content-['\\2713'] before:text-neutral-1 before:font-bold checked:bg-blue-3 checked:border-blue-4 checked:hover:bg-blue-4 checked:hover:border-blue-5 checked:before:inline-block ${r??""}`.trim(),...l,id:n}),e.jsx("label",{"data-error":a||null,htmlFor:n,className:"data-error:text-red-4",children:t})]})},p=({children:a,error:r,instructions:t,className:l,onChange:n,remover:d,...i})=>{const s=u.useRef(null),[v,m]=u.useState(!1),[b,j]=u.useState([]),h=b.length>0,w=o=>{o.preventDefault(),m(!1),s.current&&o.dataTransfer.files.length>0&&(s.current.files=o.dataTransfer.files,o.dataTransfer.clearData(),s.current.dispatchEvent(new Event("change",{bubbles:!0})))},y=o=>{n&&n(o);const k=Array.from(o.currentTarget.files??[]).map(c=>{if(c.type.includes("image")){const F=URL.createObjectURL(c);return e.jsx("img",{alt:"",src:F,className:"max-h-full max-w-full object-contain"},c.name)}else return e.jsx("p",{children:c.name},c.name)});j(k)},N=()=>{s.current&&(s.current.value="",s.current.files=null,s.current.dispatchEvent(new Event("change",{bubbles:!0})))},x={onClick:o=>{o.preventDefault(),N()}},D=d?u.cloneElement(d,x):e.jsx(g.Button,{type:"button",variant:"tertiary",state:"decolor",...x,children:"Remove Files"}),f=o=>{o.preventDefault(),m(!0)};return e.jsxs("div",{children:[e.jsxs("label",{"data-showing-preview":h||null,"data-is-dragging":v||null,onDragLeave:()=>m(!1),onDragEnter:f,onDragOver:f,onDrop:w,htmlFor:i.id,"data-error":r||null,className:`flex items-center justify-center rounded-lg border border-dashed border-blue-3 px-7 py-8 font-medium text-blue-3 data-showing-preview:w-max data-showing-preview:border-gray-3 data-showing-preview:text-gray-3 data-is-dragging:border-blue-5 data-is-dragging:bg-blue-1 data-showing-preview:py-5 data-is-dragging:text-blue-4 ${l??""} cursor-default`.trim(),children:[e.jsx("input",{...i,ref:s,onChange:y,className:"sr-only",type:"file"}),h?e.jsxs(e.Fragment,{children:[e.jsx("aside",{className:"grid grid-cols-2 grid-rows-2 w-11 h-11",children:b}),D]}):a??e.jsxs("p",{className:"pointer-events-none select-none",children:[e.jsx(g.Icon,{name:"Upload"})," Click or drop to upload"]})]}),t&&e.jsx("p",{className:"font-light leading-6",children:t})]})},T=a=>{const r=e.jsx(g.Button,{type:"button",variant:"tertiary",state:"decolor",children:"Remove Image"});return e.jsx(p,{...a,multiple:!1,remover:r,accept:"image/png image/svg+xml"})},q=({noValidate:a,className:r,...t})=>e.jsx("form",{className:`container flex flex-col gap-7 max-w-[45rem] ${r??""}`.trim(),...t,noValidate:a??!0}),C=({className:a,label:r,required:t,error:l,...n})=>e.jsx("label",{"data-required":t||null,"data-error":l||null,...n,className:`text-base font-medium leading-5 data-error:text-red-4 data-required:after:content-['*'] data-required:after:text-red-4 data-required:after:ml-1 ${a??""}`.trim(),children:r}),S=({Input:a,inputProps:r,errorMessage:t,label:l,labelClassname:n})=>{const d=!!t,i=r?.id||r?.name;return e.jsxs("div",{className:"flex flex-col gap-3",children:[e.jsx(C,{label:l,className:n,htmlFor:i,required:r?.required,error:d}),e.jsx(a,{error:d,...r,id:i}),t&&e.jsx("p",{className:"text-red-4",children:t})]})},E=({options:a,error:r,className:t,...l})=>e.jsx("select",{...l,"data-error":r||null,className:`border border-gray-5 rounded-sm text-base leading-5 px-[0.94rem] py-[0.69rem] focus-within:border-transparent focus-within:outline-blue-4 data-error:border-red-4 data-error:outline-red-4 ${t??""}`.trim(),children:a.map(n=>e.jsx("option",{className:"hover:bg-gray-3",value:n.value,children:n.label},[l.name,n.label].join()))}),R=({error:a,className:r,...t})=>e.jsx("input",{"data-error":a||null,className:`border border-gray-5 rounded-sm text-base leading-5 px-[0.94rem] py-[0.69rem] focus-within:border-transparent focus-within:outline-blue-4 data-error:border-red-4 data-error:outline-red-4 ${r??""}`.trim(),...t,type:"text"}),$=({className:a,error:r,...t})=>e.jsx("textarea",{"data-error":r||null,className:`border border-gray-5 rounded-sm text-base leading-5 px-[0.94rem] py-[0.69rem] focus-within:border-transparent focus-within:outline-blue-4 data-error:border-red-4 data-error:outline-red-4 ${a??""}`.trim(),...t});exports.Checkbox=I;exports.Dropzone=p;exports.Form=q;exports.FormField=S;exports.Select=E;exports.SingleImageDropzone=T;exports.TextInput=R;exports.Textarea=$;

package/dist/forms.js

@@ -1,6 +1,6 @@
 import { jsxs as i, jsx as e, Fragment as C } from "react/jsx-runtime";
 import { useRef as E, useState as p, cloneElement as T } from "react";
-import { B as v, I as $ } from "./icon-CkLgh924.js";
+import { B as v, I as $ } from "./icon-BR2zaZo5.js";
 const S = ({
   error: a,
   className: r,