@postenbring/hedwig-react 0.0.58 → 0.0.59
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/_tsup-dts-rollup.d.mts +78 -81
- package/dist/_tsup-dts-rollup.d.ts +78 -81
- package/dist/chunk-2YL2MVWN.mjs +1 -0
- package/dist/{chunk-T3ADJNOV.mjs → chunk-37WVYY6X.mjs} +1 -1
- package/dist/chunk-37WVYY6X.mjs.map +1 -0
- package/dist/{chunk-CA226LBE.mjs → chunk-5MDJP43L.mjs} +5 -5
- package/dist/chunk-6QV3OV66.mjs +1 -0
- package/dist/chunk-DY7LD3X3.mjs +1 -0
- package/dist/{chunk-QGMW5QJ3.mjs → chunk-SBJBQUKE.mjs} +6 -6
- package/dist/{chunk-UTVSGTRJ.mjs → chunk-XMB45ILT.mjs} +2 -2
- package/dist/chunk-XMB45ILT.mjs.map +1 -0
- package/dist/{list → description-list}/description-list.js +1 -1
- package/dist/description-list/description-list.js.map +1 -0
- package/dist/{list → description-list}/description-list.mjs +1 -1
- package/dist/description-list/description-list.mjs.map +1 -0
- package/dist/description-list/index.d.mts +2 -0
- package/dist/description-list/index.d.ts +2 -0
- package/dist/description-list/index.js +82 -0
- package/dist/description-list/index.js.map +1 -0
- package/dist/description-list/index.mjs +9 -0
- package/dist/description-list/index.mjs.map +1 -0
- package/dist/form/fieldset/fieldset.js.map +1 -1
- package/dist/form/fieldset/fieldset.mjs +1 -1
- package/dist/form/fieldset/index.js.map +1 -1
- package/dist/form/fieldset/index.mjs +1 -1
- package/dist/form/index.js.map +1 -1
- package/dist/form/index.mjs +7 -7
- package/dist/index-no-css.d.mts +2 -2
- package/dist/index-no-css.d.ts +2 -2
- package/dist/index-no-css.js +87 -87
- package/dist/index-no-css.js.map +1 -1
- package/dist/index-no-css.mjs +17 -16
- package/dist/index.d.mts +2 -2
- package/dist/index.d.ts +2 -2
- package/dist/index.js +87 -87
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +17 -16
- package/dist/index.mjs.map +1 -1
- package/dist/list/index.d.mts +0 -2
- package/dist/list/index.d.ts +0 -2
- package/dist/list/index.js +7 -35
- package/dist/list/index.js.map +1 -1
- package/dist/list/index.mjs +1 -5
- package/dist/navbar/index.mjs +2 -2
- package/dist/tabs/index.mjs +2 -2
- package/package.json +2 -2
- package/dist/chunk-E2LKLNGA.mjs +0 -1
- package/dist/chunk-KOAR6LZG.mjs +0 -1
- package/dist/chunk-T3ADJNOV.mjs.map +0 -1
- package/dist/chunk-UTVSGTRJ.mjs.map +0 -1
- package/dist/list/description-list.js.map +0 -1
- /package/dist/{chunk-E2LKLNGA.mjs.map → chunk-2YL2MVWN.mjs.map} +0 -0
- /package/dist/{chunk-CA226LBE.mjs.map → chunk-5MDJP43L.mjs.map} +0 -0
- /package/dist/{chunk-KOAR6LZG.mjs.map → chunk-6QV3OV66.mjs.map} +0 -0
- /package/dist/{list/description-list.mjs.map → chunk-DY7LD3X3.mjs.map} +0 -0
- /package/dist/{chunk-QGMW5QJ3.mjs.map → chunk-SBJBQUKE.mjs.map} +0 -0
- /package/dist/{list → description-list}/description-list.d.mts +0 -0
- /package/dist/{list → description-list}/description-list.d.ts +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/form/fieldset/fieldset.tsx","../../../src/form/error-message/error-message.tsx"],"sourcesContent":["import { useId, forwardRef } from \"react\";\nimport type { FieldsetHTMLAttributes, HTMLAttributes, ReactNode, CSSProperties } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { ErrorMessage } from \"../error-message\";\n\nexport interface FieldsetProps extends FieldsetHTMLAttributes<HTMLFieldSetElement> {\n className?: string;\n style?: CSSProperties;\n errorMessage?: ReactNode;\n legendProps?: HTMLAttributes<HTMLElement> & { size: \"default\" | \"large\" };\n legend: ReactNode;\n children: ReactNode;\n}\n\
|
|
1
|
+
{"version":3,"sources":["../../../src/form/fieldset/fieldset.tsx","../../../src/form/error-message/error-message.tsx"],"sourcesContent":["import { useId, forwardRef } from \"react\";\nimport type { FieldsetHTMLAttributes, HTMLAttributes, ReactNode, CSSProperties } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { ErrorMessage } from \"../error-message\";\n\nexport interface FieldsetProps extends FieldsetHTMLAttributes<HTMLFieldSetElement> {\n className?: string;\n style?: CSSProperties;\n errorMessage?: ReactNode;\n legendProps?: HTMLAttributes<HTMLElement> & { size: \"default\" | \"large\" };\n legend: ReactNode;\n children: ReactNode;\n}\n\nexport const Fieldset = forwardRef<HTMLFieldSetElement, FieldsetProps>(function Fieldset(\n {\n className,\n style,\n errorMessage,\n legendProps: { size: legendSize = \"default\", className: legendClassName, ...legendProps } = {},\n legend,\n children,\n ...rest\n },\n ref,\n) {\n const errorMessageId = useId();\n\n return (\n <fieldset\n aria-describedby={errorMessage ? errorMessageId : undefined}\n aria-invalid={errorMessage ? true : undefined}\n className={clsx(\"hds-fieldset\", className as undefined)}\n ref={ref}\n style={style}\n {...rest}\n >\n <legend\n className={clsx(\n \"hds-fieldset__legend\",\n { [`hds-fieldset__legend--${legendSize}`]: legendSize },\n legendClassName as undefined,\n )}\n {...legendProps}\n >\n {legend}\n </legend>\n <div className={clsx(\"hds-fieldset__input-wrapper\")}>{children}</div>\n <ErrorMessage id={errorMessageId}>{errorMessage}</ErrorMessage>\n </fieldset>\n );\n});\n","import { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport type { ReactNode } from \"react\";\n\nexport interface ErrorMessageProps {\n children: ReactNode;\n id: string;\n className?: string;\n}\n\nexport function ErrorMessage({ children, id, className }: ErrorMessageProps) {\n return (\n <div\n aria-live=\"assertive\"\n className={clsx(\"hds-error-message\", className as undefined)}\n id={id}\n >\n {children}\n </div>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkC;AAElC,IAAAA,0BAAqB;;;ACFrB,6BAAqB;AAWjB;AAFG,SAAS,aAAa,EAAE,UAAU,IAAI,UAAU,GAAsB;AAC3E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,eAAW,6BAAK,qBAAqB,SAAsB;AAAA,MAC3D;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;;;ADUI,IAAAC,sBAAA;AAfG,IAAM,eAAW,yBAA+C,SAASC,UAC9E,IASA,KACA;AAVA,eAIe;AAAA,IAHb;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa,KAA+E,CAAC;AAAA,EAnBjG,IAeE,IAIe,SAAE,QAAM,aAAa,WAAW,WAAW,gBAnB5D,IAmBiB,IAA+D,wBAA/D,IAA+D,CAA7D,QAA8B,eAJ/C,SAKE;AAAA;AAAA,IACA;AAAA,EArBJ,IAeE,IAOK,iBAPL,IAOK;AAAA,IANH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAKF,QAAM,qBAAiB,oBAAM;AAE7B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,oBAAkB,eAAe,iBAAiB;AAAA,MAClD,gBAAc,eAAe,OAAO;AAAA,MACpC,eAAW,8BAAK,gBAAgB,SAAsB;AAAA,MACtD;AAAA,MACA;AAAA,OACI,OANL;AAAA,MAQC;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,eAAW;AAAA,cACT;AAAA,cACA,EAAE,CAAC,yBAAyB,UAAU,EAAE,GAAG,WAAW;AAAA,cACtD;AAAA,YACF;AAAA,aACI,cANL;AAAA,YAQE;AAAA;AAAA,QACH;AAAA,QACA,6CAAC,SAAI,eAAW,8BAAK,6BAA6B,GAAI,UAAS;AAAA,QAC/D,6CAAC,gBAAa,IAAI,gBAAiB,wBAAa;AAAA;AAAA;AAAA,EAClD;AAEJ,CAAC;","names":["import_typed_classname","import_jsx_runtime","Fieldset"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/form/fieldset/index.tsx","../../../src/form/fieldset/fieldset.tsx","../../../src/form/error-message/error-message.tsx"],"sourcesContent":["export { Fieldset } from \"./fieldset\";\nexport type * from \"./fieldset\";\n","import { useId, forwardRef } from \"react\";\nimport type { FieldsetHTMLAttributes, HTMLAttributes, ReactNode, CSSProperties } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { ErrorMessage } from \"../error-message\";\n\nexport interface FieldsetProps extends FieldsetHTMLAttributes<HTMLFieldSetElement> {\n className?: string;\n style?: CSSProperties;\n errorMessage?: ReactNode;\n legendProps?: HTMLAttributes<HTMLElement> & { size: \"default\" | \"large\" };\n legend: ReactNode;\n children: ReactNode;\n}\n\
|
|
1
|
+
{"version":3,"sources":["../../../src/form/fieldset/index.tsx","../../../src/form/fieldset/fieldset.tsx","../../../src/form/error-message/error-message.tsx"],"sourcesContent":["export { Fieldset } from \"./fieldset\";\nexport type * from \"./fieldset\";\n","import { useId, forwardRef } from \"react\";\nimport type { FieldsetHTMLAttributes, HTMLAttributes, ReactNode, CSSProperties } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { ErrorMessage } from \"../error-message\";\n\nexport interface FieldsetProps extends FieldsetHTMLAttributes<HTMLFieldSetElement> {\n className?: string;\n style?: CSSProperties;\n errorMessage?: ReactNode;\n legendProps?: HTMLAttributes<HTMLElement> & { size: \"default\" | \"large\" };\n legend: ReactNode;\n children: ReactNode;\n}\n\nexport const Fieldset = forwardRef<HTMLFieldSetElement, FieldsetProps>(function Fieldset(\n {\n className,\n style,\n errorMessage,\n legendProps: { size: legendSize = \"default\", className: legendClassName, ...legendProps } = {},\n legend,\n children,\n ...rest\n },\n ref,\n) {\n const errorMessageId = useId();\n\n return (\n <fieldset\n aria-describedby={errorMessage ? errorMessageId : undefined}\n aria-invalid={errorMessage ? true : undefined}\n className={clsx(\"hds-fieldset\", className as undefined)}\n ref={ref}\n style={style}\n {...rest}\n >\n <legend\n className={clsx(\n \"hds-fieldset__legend\",\n { [`hds-fieldset__legend--${legendSize}`]: legendSize },\n legendClassName as undefined,\n )}\n {...legendProps}\n >\n {legend}\n </legend>\n <div className={clsx(\"hds-fieldset__input-wrapper\")}>{children}</div>\n <ErrorMessage id={errorMessageId}>{errorMessage}</ErrorMessage>\n </fieldset>\n );\n});\n","import { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport type { ReactNode } from \"react\";\n\nexport interface ErrorMessageProps {\n children: ReactNode;\n id: string;\n className?: string;\n}\n\nexport function ErrorMessage({ children, id, className }: ErrorMessageProps) {\n return (\n <div\n aria-live=\"assertive\"\n className={clsx(\"hds-error-message\", className as undefined)}\n id={id}\n >\n {children}\n </div>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAAkC;AAElC,IAAAA,0BAAqB;;;ACFrB,6BAAqB;AAWjB;AAFG,SAAS,aAAa,EAAE,UAAU,IAAI,UAAU,GAAsB;AAC3E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,eAAW,6BAAK,qBAAqB,SAAsB;AAAA,MAC3D;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;;;ADUI,IAAAC,sBAAA;AAfG,IAAM,eAAW,yBAA+C,SAASC,UAC9E,IASA,KACA;AAVA,eAIe;AAAA,IAHb;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa,KAA+E,CAAC;AAAA,EAnBjG,IAeE,IAIe,SAAE,QAAM,aAAa,WAAW,WAAW,gBAnB5D,IAmBiB,IAA+D,wBAA/D,IAA+D,CAA7D,QAA8B,eAJ/C,SAKE;AAAA;AAAA,IACA;AAAA,EArBJ,IAeE,IAOK,iBAPL,IAOK;AAAA,IANH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAKF,QAAM,qBAAiB,oBAAM;AAE7B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,oBAAkB,eAAe,iBAAiB;AAAA,MAClD,gBAAc,eAAe,OAAO;AAAA,MACpC,eAAW,8BAAK,gBAAgB,SAAsB;AAAA,MACtD;AAAA,MACA;AAAA,OACI,OANL;AAAA,MAQC;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,eAAW;AAAA,cACT;AAAA,cACA,EAAE,CAAC,yBAAyB,UAAU,EAAE,GAAG,WAAW;AAAA,cACtD;AAAA,YACF;AAAA,aACI,cANL;AAAA,YAQE;AAAA;AAAA,QACH;AAAA,QACA,6CAAC,SAAI,eAAW,8BAAK,6BAA6B,GAAI,UAAS;AAAA,QAC/D,6CAAC,gBAAa,IAAI,gBAAiB,wBAAa;AAAA;AAAA;AAAA,EAClD;AAEJ,CAAC;","names":["import_typed_classname","import_jsx_runtime","Fieldset"]}
|
package/dist/form/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/form/index.tsx","../../src/form/fieldset/fieldset.tsx","../../src/form/error-message/error-message.tsx","../../src/form/input/input.tsx","../../src/form/input-group/input-group.tsx","../../src/form/select/select.tsx","../../src/form/textarea/textarea.tsx","../../src/form/checkbox/checkbox.tsx","../../src/form/radiobutton/radiobutton.tsx"],"sourcesContent":["export * from \"./fieldset\";\nexport * from \"./input\";\nexport * from \"./select\";\nexport * from \"./textarea\";\nexport * from \"./checkbox\";\nexport * from \"./radiobutton\";\nexport * from \"./error-message\";\n","import { useId, forwardRef } from \"react\";\nimport type { FieldsetHTMLAttributes, HTMLAttributes, ReactNode, CSSProperties } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { ErrorMessage } from \"../error-message\";\n\nexport interface FieldsetProps extends FieldsetHTMLAttributes<HTMLFieldSetElement> {\n className?: string;\n style?: CSSProperties;\n errorMessage?: ReactNode;\n legendProps?: HTMLAttributes<HTMLElement> & { size: \"default\" | \"large\" };\n legend: ReactNode;\n children: ReactNode;\n}\n\n/**\n * 🚨 WORK IN PROGRESS 🚨\n */\nexport const Fieldset = forwardRef<HTMLFieldSetElement, FieldsetProps>(function Fieldset(\n {\n className,\n style,\n errorMessage,\n legendProps: { size: legendSize = \"default\", className: legendClassName, ...legendProps } = {},\n legend,\n children,\n ...rest\n },\n ref,\n) {\n const errorMessageId = useId();\n\n return (\n <fieldset\n aria-describedby={errorMessage ? errorMessageId : undefined}\n aria-invalid={errorMessage ? true : undefined}\n className={clsx(\"hds-fieldset\", className as undefined)}\n ref={ref}\n style={style}\n {...rest}\n >\n <legend\n className={clsx(\n \"hds-fieldset__legend\",\n { [`hds-fieldset__legend--${legendSize}`]: legendSize },\n legendClassName as undefined,\n )}\n {...legendProps}\n >\n {legend}\n </legend>\n <div className={clsx(\"hds-fieldset__input-wrapper\")}>{children}</div>\n <ErrorMessage id={errorMessageId}>{errorMessage}</ErrorMessage>\n </fieldset>\n );\n});\n","import { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport type { ReactNode } from \"react\";\n\nexport interface ErrorMessageProps {\n children: ReactNode;\n id: string;\n className?: string;\n}\n\nexport function ErrorMessage({ children, id, className }: ErrorMessageProps) {\n return (\n <div\n aria-live=\"assertive\"\n className={clsx(\"hds-error-message\", className as undefined)}\n id={id}\n >\n {children}\n </div>\n );\n}\n","import { forwardRef } from \"react\";\nimport type { InputHTMLAttributes } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { InputGroup } from \"../input-group\";\nimport type { InputGroupProps } from \"../input-group\";\n\nexport type InputProps = Omit<InputGroupProps & InputHTMLAttributes<HTMLInputElement>, \"children\">;\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(function Input(\n { className, variant, errorMessage, labelProps, label, id, style, disabled, readOnly, ...rest },\n ref,\n) {\n return (\n <InputGroup\n className={clsx(\"hds-input\", className as undefined)}\n disabled={disabled}\n errorMessage={errorMessage}\n id={id}\n label={label}\n labelProps={labelProps}\n readOnly={readOnly}\n style={style}\n variant={variant}\n >\n <input {...rest} disabled={disabled} readOnly={readOnly} ref={ref} />\n </InputGroup>\n );\n});\n\nInput.displayName = \"Input\";\n","import { useId, forwardRef, Children, isValidElement, cloneElement } from \"react\";\nimport type { LabelHTMLAttributes, ReactNode, CSSProperties } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { ErrorMessage } from \"../error-message\";\n\ninterface InputProps {\n \"aria-describedby\"?: string;\n \"aria-invalid\"?: boolean;\n id?: string;\n className?: string;\n}\n\nexport interface InputGroupProps {\n id?: string;\n className?: string;\n style?: CSSProperties;\n variant?: \"default\" | \"white\";\n errorMessage?: ReactNode;\n labelProps?: LabelHTMLAttributes<HTMLLabelElement>;\n label: ReactNode;\n disabled?: boolean;\n readOnly?: boolean;\n children: ReactNode;\n}\n\nexport const InputGroup = forwardRef<HTMLDivElement, InputGroupProps>(function InputGroup(\n {\n id,\n className,\n style,\n variant = \"default\",\n errorMessage,\n labelProps: { className: labelClassName, ...labelProps } = {},\n label,\n disabled,\n readOnly,\n children,\n ...rest\n },\n ref,\n) {\n const errorMessageId = useId();\n const inputId = useId();\n\n const renderInput = () => {\n const input = Children.toArray(children)[0];\n\n if (!isValidElement<InputProps>(input)) {\n return;\n }\n\n return cloneElement<InputProps>(input, {\n \"aria-describedby\": errorMessage ? errorMessageId : undefined,\n \"aria-invalid\": errorMessage ? true : undefined,\n id: id ?? inputId,\n ...input.props,\n className: clsx(\"hds-input-group__input\", input.props.className as undefined),\n });\n };\n\n return (\n <div\n className={clsx(\n \"hds-input-group\",\n {\n [`hds-input-group--${variant}`]: variant,\n \"hds-input-group--error\": errorMessage,\n },\n className as undefined,\n )}\n ref={ref}\n style={style}\n {...rest}\n >\n <label\n className={clsx(\"hds-input-group__label\", labelClassName as undefined)}\n {...labelProps}\n htmlFor={id ?? inputId}\n >\n {label}\n </label>\n <div\n className={clsx(\"hds-input-group__input-wrapper\")}\n data-disabled={disabled}\n data-readonly={readOnly}\n >\n {renderInput()}\n </div>\n <ErrorMessage id={errorMessageId}>{errorMessage}</ErrorMessage>\n </div>\n );\n});\n","import { forwardRef } from \"react\";\nimport type { SelectHTMLAttributes } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { InputGroup } from \"../input-group\";\nimport type { InputGroupProps } from \"../input-group\";\n\nexport type SelectProps = Omit<\n InputGroupProps & SelectHTMLAttributes<HTMLSelectElement>,\n \"readOnly\"\n>;\n\nexport const Select = forwardRef<HTMLSelectElement, SelectProps>(function Select(\n { className, variant, errorMessage, labelProps, label, id, style, disabled, children, ...rest },\n ref,\n) {\n return (\n <InputGroup\n className={clsx(\"hds-select\", className as undefined)}\n disabled={disabled}\n errorMessage={errorMessage}\n id={id}\n label={label}\n labelProps={labelProps}\n style={style}\n variant={variant}\n >\n <select {...rest} disabled={disabled} ref={ref}>\n {children}\n </select>\n </InputGroup>\n );\n});\n\nSelect.displayName = \"Select\";\n","import { forwardRef } from \"react\";\nimport type { TextareaHTMLAttributes } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { InputGroup } from \"../input-group\";\nimport type { InputGroupProps } from \"../input-group\";\n\nexport type TextareaProps = Omit<\n InputGroupProps & TextareaHTMLAttributes<HTMLTextAreaElement>,\n \"children\"\n>;\n\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(function Textarea(\n { className, variant, errorMessage, labelProps, label, id, style, disabled, readOnly, ...rest },\n ref,\n) {\n return (\n <InputGroup\n className={clsx(\"hds-textarea\", className as undefined)}\n disabled={disabled}\n errorMessage={errorMessage}\n id={id}\n label={label}\n labelProps={labelProps}\n readOnly={readOnly}\n style={style}\n variant={variant}\n >\n <textarea {...rest} disabled={disabled} readOnly={readOnly} ref={ref} />\n </InputGroup>\n );\n});\n\nTextarea.displayName = \"Textarea\";\n","import type { InputHTMLAttributes } from \"react\";\nimport React, { forwardRef } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\n\nexport interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"defaultValue\"> {\n variant?: \"plain\" | \"bounding-box\";\n hasError?: boolean;\n title?: string;\n}\n\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(\n ({ variant = \"plain\", hasError, title, children, className, ...rest }, ref) => {\n return (\n <div\n className={clsx(\n \"hds-checkbox\",\n {\n [`hds-checkbox--${variant}`]: variant === \"bounding-box\",\n \"hds-checkbox--error\": hasError,\n },\n className as undefined,\n )}\n >\n <label>\n <input {...rest} aria-invalid={hasError ? true : undefined} ref={ref} type=\"checkbox\" />\n <span aria-hidden className=\"hds-checkbox__checkmark\" />\n {title ? <p className=\"hds-checkbox__title\">{title}</p> : children}\n </label>\n {title ? children : null}\n </div>\n );\n },\n);\nCheckbox.displayName = \"Checkbox\";\n","import type { InputHTMLAttributes } from \"react\";\nimport React, { forwardRef } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\n\nexport interface RadiobuttonProps\n extends Omit<InputHTMLAttributes<HTMLInputElement>, \"defaultValue\"> {\n variant?: \"plain\" | \"bounding-box\";\n hasError?: boolean;\n title?: string;\n}\n\nexport const Radiobutton = forwardRef<HTMLInputElement, RadiobuttonProps>(\n ({ variant = \"plain\", hasError, title, children, className, ...rest }, ref) => {\n return (\n <div\n className={clsx(\n \"hds-radiobutton\",\n {\n [`hds-radiobutton--${variant}`]: variant === \"bounding-box\",\n \"hds-radiobutton--error\": hasError,\n },\n className as undefined,\n )}\n >\n <label>\n <input {...rest} ref={ref} type=\"radio\" />\n <span aria-hidden className=\"hds-radiobutton__checkmark\" />\n {title ? <p className=\"hds-radiobutton__title\">{title}</p> : children}\n </label>\n {title ? children : null}\n </div>\n );\n },\n);\nRadiobutton.displayName = \"Radiobutton\";\n"],"mappings":"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","names":["import_typed_classname","import_jsx_runtime","Fieldset","import_react","import_typed_classname","import_react","import_typed_classname","import_jsx_runtime","InputGroup","import_jsx_runtime","Input","import_react","import_typed_classname","import_jsx_runtime","Select","import_react","import_typed_classname","import_jsx_runtime","Textarea","import_react","import_typed_classname","import_jsx_runtime","import_react","import_typed_classname","import_jsx_runtime"]}
|
|
1
|
+
{"version":3,"sources":["../../src/form/index.tsx","../../src/form/fieldset/fieldset.tsx","../../src/form/error-message/error-message.tsx","../../src/form/input/input.tsx","../../src/form/input-group/input-group.tsx","../../src/form/select/select.tsx","../../src/form/textarea/textarea.tsx","../../src/form/checkbox/checkbox.tsx","../../src/form/radiobutton/radiobutton.tsx"],"sourcesContent":["export * from \"./fieldset\";\nexport * from \"./input\";\nexport * from \"./select\";\nexport * from \"./textarea\";\nexport * from \"./checkbox\";\nexport * from \"./radiobutton\";\nexport * from \"./error-message\";\n","import { useId, forwardRef } from \"react\";\nimport type { FieldsetHTMLAttributes, HTMLAttributes, ReactNode, CSSProperties } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { ErrorMessage } from \"../error-message\";\n\nexport interface FieldsetProps extends FieldsetHTMLAttributes<HTMLFieldSetElement> {\n className?: string;\n style?: CSSProperties;\n errorMessage?: ReactNode;\n legendProps?: HTMLAttributes<HTMLElement> & { size: \"default\" | \"large\" };\n legend: ReactNode;\n children: ReactNode;\n}\n\nexport const Fieldset = forwardRef<HTMLFieldSetElement, FieldsetProps>(function Fieldset(\n {\n className,\n style,\n errorMessage,\n legendProps: { size: legendSize = \"default\", className: legendClassName, ...legendProps } = {},\n legend,\n children,\n ...rest\n },\n ref,\n) {\n const errorMessageId = useId();\n\n return (\n <fieldset\n aria-describedby={errorMessage ? errorMessageId : undefined}\n aria-invalid={errorMessage ? true : undefined}\n className={clsx(\"hds-fieldset\", className as undefined)}\n ref={ref}\n style={style}\n {...rest}\n >\n <legend\n className={clsx(\n \"hds-fieldset__legend\",\n { [`hds-fieldset__legend--${legendSize}`]: legendSize },\n legendClassName as undefined,\n )}\n {...legendProps}\n >\n {legend}\n </legend>\n <div className={clsx(\"hds-fieldset__input-wrapper\")}>{children}</div>\n <ErrorMessage id={errorMessageId}>{errorMessage}</ErrorMessage>\n </fieldset>\n );\n});\n","import { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport type { ReactNode } from \"react\";\n\nexport interface ErrorMessageProps {\n children: ReactNode;\n id: string;\n className?: string;\n}\n\nexport function ErrorMessage({ children, id, className }: ErrorMessageProps) {\n return (\n <div\n aria-live=\"assertive\"\n className={clsx(\"hds-error-message\", className as undefined)}\n id={id}\n >\n {children}\n </div>\n );\n}\n","import { forwardRef } from \"react\";\nimport type { InputHTMLAttributes } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { InputGroup } from \"../input-group\";\nimport type { InputGroupProps } from \"../input-group\";\n\nexport type InputProps = Omit<InputGroupProps & InputHTMLAttributes<HTMLInputElement>, \"children\">;\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(function Input(\n { className, variant, errorMessage, labelProps, label, id, style, disabled, readOnly, ...rest },\n ref,\n) {\n return (\n <InputGroup\n className={clsx(\"hds-input\", className as undefined)}\n disabled={disabled}\n errorMessage={errorMessage}\n id={id}\n label={label}\n labelProps={labelProps}\n readOnly={readOnly}\n style={style}\n variant={variant}\n >\n <input {...rest} disabled={disabled} readOnly={readOnly} ref={ref} />\n </InputGroup>\n );\n});\n\nInput.displayName = \"Input\";\n","import { useId, forwardRef, Children, isValidElement, cloneElement } from \"react\";\nimport type { LabelHTMLAttributes, ReactNode, CSSProperties } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { ErrorMessage } from \"../error-message\";\n\ninterface InputProps {\n \"aria-describedby\"?: string;\n \"aria-invalid\"?: boolean;\n id?: string;\n className?: string;\n}\n\nexport interface InputGroupProps {\n id?: string;\n className?: string;\n style?: CSSProperties;\n variant?: \"default\" | \"white\";\n errorMessage?: ReactNode;\n labelProps?: LabelHTMLAttributes<HTMLLabelElement>;\n label: ReactNode;\n disabled?: boolean;\n readOnly?: boolean;\n children: ReactNode;\n}\n\nexport const InputGroup = forwardRef<HTMLDivElement, InputGroupProps>(function InputGroup(\n {\n id,\n className,\n style,\n variant = \"default\",\n errorMessage,\n labelProps: { className: labelClassName, ...labelProps } = {},\n label,\n disabled,\n readOnly,\n children,\n ...rest\n },\n ref,\n) {\n const errorMessageId = useId();\n const inputId = useId();\n\n const renderInput = () => {\n const input = Children.toArray(children)[0];\n\n if (!isValidElement<InputProps>(input)) {\n return;\n }\n\n return cloneElement<InputProps>(input, {\n \"aria-describedby\": errorMessage ? errorMessageId : undefined,\n \"aria-invalid\": errorMessage ? true : undefined,\n id: id ?? inputId,\n ...input.props,\n className: clsx(\"hds-input-group__input\", input.props.className as undefined),\n });\n };\n\n return (\n <div\n className={clsx(\n \"hds-input-group\",\n {\n [`hds-input-group--${variant}`]: variant,\n \"hds-input-group--error\": errorMessage,\n },\n className as undefined,\n )}\n ref={ref}\n style={style}\n {...rest}\n >\n <label\n className={clsx(\"hds-input-group__label\", labelClassName as undefined)}\n {...labelProps}\n htmlFor={id ?? inputId}\n >\n {label}\n </label>\n <div\n className={clsx(\"hds-input-group__input-wrapper\")}\n data-disabled={disabled}\n data-readonly={readOnly}\n >\n {renderInput()}\n </div>\n <ErrorMessage id={errorMessageId}>{errorMessage}</ErrorMessage>\n </div>\n );\n});\n","import { forwardRef } from \"react\";\nimport type { SelectHTMLAttributes } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { InputGroup } from \"../input-group\";\nimport type { InputGroupProps } from \"../input-group\";\n\nexport type SelectProps = Omit<\n InputGroupProps & SelectHTMLAttributes<HTMLSelectElement>,\n \"readOnly\"\n>;\n\nexport const Select = forwardRef<HTMLSelectElement, SelectProps>(function Select(\n { className, variant, errorMessage, labelProps, label, id, style, disabled, children, ...rest },\n ref,\n) {\n return (\n <InputGroup\n className={clsx(\"hds-select\", className as undefined)}\n disabled={disabled}\n errorMessage={errorMessage}\n id={id}\n label={label}\n labelProps={labelProps}\n style={style}\n variant={variant}\n >\n <select {...rest} disabled={disabled} ref={ref}>\n {children}\n </select>\n </InputGroup>\n );\n});\n\nSelect.displayName = \"Select\";\n","import { forwardRef } from \"react\";\nimport type { TextareaHTMLAttributes } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { InputGroup } from \"../input-group\";\nimport type { InputGroupProps } from \"../input-group\";\n\nexport type TextareaProps = Omit<\n InputGroupProps & TextareaHTMLAttributes<HTMLTextAreaElement>,\n \"children\"\n>;\n\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(function Textarea(\n { className, variant, errorMessage, labelProps, label, id, style, disabled, readOnly, ...rest },\n ref,\n) {\n return (\n <InputGroup\n className={clsx(\"hds-textarea\", className as undefined)}\n disabled={disabled}\n errorMessage={errorMessage}\n id={id}\n label={label}\n labelProps={labelProps}\n readOnly={readOnly}\n style={style}\n variant={variant}\n >\n <textarea {...rest} disabled={disabled} readOnly={readOnly} ref={ref} />\n </InputGroup>\n );\n});\n\nTextarea.displayName = \"Textarea\";\n","import type { InputHTMLAttributes } from \"react\";\nimport React, { forwardRef } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\n\nexport interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"defaultValue\"> {\n variant?: \"plain\" | \"bounding-box\";\n hasError?: boolean;\n title?: string;\n}\n\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(\n ({ variant = \"plain\", hasError, title, children, className, ...rest }, ref) => {\n return (\n <div\n className={clsx(\n \"hds-checkbox\",\n {\n [`hds-checkbox--${variant}`]: variant === \"bounding-box\",\n \"hds-checkbox--error\": hasError,\n },\n className as undefined,\n )}\n >\n <label>\n <input {...rest} aria-invalid={hasError ? true : undefined} ref={ref} type=\"checkbox\" />\n <span aria-hidden className=\"hds-checkbox__checkmark\" />\n {title ? <p className=\"hds-checkbox__title\">{title}</p> : children}\n </label>\n {title ? children : null}\n </div>\n );\n },\n);\nCheckbox.displayName = \"Checkbox\";\n","import type { InputHTMLAttributes } from \"react\";\nimport React, { forwardRef } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\n\nexport interface RadiobuttonProps\n extends Omit<InputHTMLAttributes<HTMLInputElement>, \"defaultValue\"> {\n variant?: \"plain\" | \"bounding-box\";\n hasError?: boolean;\n title?: string;\n}\n\nexport const Radiobutton = forwardRef<HTMLInputElement, RadiobuttonProps>(\n ({ variant = \"plain\", hasError, title, children, className, ...rest }, ref) => {\n return (\n <div\n className={clsx(\n \"hds-radiobutton\",\n {\n [`hds-radiobutton--${variant}`]: variant === \"bounding-box\",\n \"hds-radiobutton--error\": hasError,\n },\n className as undefined,\n )}\n >\n <label>\n <input {...rest} ref={ref} type=\"radio\" />\n <span aria-hidden className=\"hds-radiobutton__checkmark\" />\n {title ? <p className=\"hds-radiobutton__title\">{title}</p> : children}\n </label>\n {title ? children : null}\n </div>\n );\n },\n);\nRadiobutton.displayName = \"Radiobutton\";\n"],"mappings":"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","names":["import_typed_classname","import_jsx_runtime","Fieldset","import_react","import_typed_classname","import_react","import_typed_classname","import_jsx_runtime","InputGroup","import_jsx_runtime","Input","import_react","import_typed_classname","import_jsx_runtime","Select","import_react","import_typed_classname","import_jsx_runtime","Textarea","import_react","import_typed_classname","import_jsx_runtime","import_react","import_typed_classname","import_jsx_runtime"]}
|
package/dist/form/index.mjs
CHANGED
|
@@ -1,4 +1,8 @@
|
|
|
1
1
|
import "../chunk-T24JZIQO.mjs";
|
|
2
|
+
import "../chunk-MQ3EEUTP.mjs";
|
|
3
|
+
import {
|
|
4
|
+
Radiobutton
|
|
5
|
+
} from "../chunk-SEKRICE4.mjs";
|
|
2
6
|
import "../chunk-BYEJZSG5.mjs";
|
|
3
7
|
import {
|
|
4
8
|
Select
|
|
@@ -10,7 +14,7 @@ import {
|
|
|
10
14
|
import "../chunk-LMF3QGSF.mjs";
|
|
11
15
|
import {
|
|
12
16
|
Fieldset
|
|
13
|
-
} from "../chunk-
|
|
17
|
+
} from "../chunk-37WVYY6X.mjs";
|
|
14
18
|
import "../chunk-7LPYJC6S.mjs";
|
|
15
19
|
import {
|
|
16
20
|
Input
|
|
@@ -18,17 +22,13 @@ import {
|
|
|
18
22
|
import "../chunk-Y5SUMFYJ.mjs";
|
|
19
23
|
import "../chunk-SKI2APSK.mjs";
|
|
20
24
|
import "../chunk-NSLSA7F7.mjs";
|
|
21
|
-
import "../chunk-MQ3EEUTP.mjs";
|
|
22
25
|
import {
|
|
23
|
-
|
|
24
|
-
} from "../chunk-
|
|
26
|
+
ErrorMessage
|
|
27
|
+
} from "../chunk-IL7576PP.mjs";
|
|
25
28
|
import "../chunk-YJOOSTJC.mjs";
|
|
26
29
|
import {
|
|
27
30
|
Checkbox
|
|
28
31
|
} from "../chunk-PXHYOQPB.mjs";
|
|
29
|
-
import {
|
|
30
|
-
ErrorMessage
|
|
31
|
-
} from "../chunk-IL7576PP.mjs";
|
|
32
32
|
import "../chunk-R4SQKVDQ.mjs";
|
|
33
33
|
export {
|
|
34
34
|
Checkbox,
|
package/dist/index-no-css.d.mts
CHANGED
|
@@ -34,6 +34,8 @@ export { CardBodyHeaderTitle } from './_tsup-dts-rollup';
|
|
|
34
34
|
export { CardBodyDescription } from './_tsup-dts-rollup';
|
|
35
35
|
export { CardBodyAction } from './_tsup-dts-rollup';
|
|
36
36
|
export { CardBodyActionArrow } from './_tsup-dts-rollup';
|
|
37
|
+
export { DescriptionList } from './_tsup-dts-rollup';
|
|
38
|
+
export { DescriptionListProps } from './_tsup-dts-rollup';
|
|
37
39
|
export { Fieldset } from './_tsup-dts-rollup';
|
|
38
40
|
export { FieldsetProps } from './_tsup-dts-rollup';
|
|
39
41
|
export { Input } from './_tsup-dts-rollup';
|
|
@@ -52,11 +54,9 @@ export { Container } from './_tsup-dts-rollup';
|
|
|
52
54
|
export { ContainerProps } from './_tsup-dts-rollup';
|
|
53
55
|
export { Link } from './_tsup-dts-rollup';
|
|
54
56
|
export { LinkProps } from './_tsup-dts-rollup';
|
|
55
|
-
export { DescriptionList } from './_tsup-dts-rollup';
|
|
56
57
|
export { UnorderedList } from './_tsup-dts-rollup';
|
|
57
58
|
export { OrderedList } from './_tsup-dts-rollup';
|
|
58
59
|
export { LinkList } from './_tsup-dts-rollup';
|
|
59
|
-
export { DescriptionListProps } from './_tsup-dts-rollup';
|
|
60
60
|
export { ListProps } from './_tsup-dts-rollup';
|
|
61
61
|
export { LinkListProps } from './_tsup-dts-rollup';
|
|
62
62
|
export { Message } from './_tsup-dts-rollup';
|
package/dist/index-no-css.d.ts
CHANGED
|
@@ -34,6 +34,8 @@ export { CardBodyHeaderTitle } from './_tsup-dts-rollup';
|
|
|
34
34
|
export { CardBodyDescription } from './_tsup-dts-rollup';
|
|
35
35
|
export { CardBodyAction } from './_tsup-dts-rollup';
|
|
36
36
|
export { CardBodyActionArrow } from './_tsup-dts-rollup';
|
|
37
|
+
export { DescriptionList } from './_tsup-dts-rollup';
|
|
38
|
+
export { DescriptionListProps } from './_tsup-dts-rollup';
|
|
37
39
|
export { Fieldset } from './_tsup-dts-rollup';
|
|
38
40
|
export { FieldsetProps } from './_tsup-dts-rollup';
|
|
39
41
|
export { Input } from './_tsup-dts-rollup';
|
|
@@ -52,11 +54,9 @@ export { Container } from './_tsup-dts-rollup';
|
|
|
52
54
|
export { ContainerProps } from './_tsup-dts-rollup';
|
|
53
55
|
export { Link } from './_tsup-dts-rollup';
|
|
54
56
|
export { LinkProps } from './_tsup-dts-rollup';
|
|
55
|
-
export { DescriptionList } from './_tsup-dts-rollup';
|
|
56
57
|
export { UnorderedList } from './_tsup-dts-rollup';
|
|
57
58
|
export { OrderedList } from './_tsup-dts-rollup';
|
|
58
59
|
export { LinkList } from './_tsup-dts-rollup';
|
|
59
|
-
export { DescriptionListProps } from './_tsup-dts-rollup';
|
|
60
60
|
export { ListProps } from './_tsup-dts-rollup';
|
|
61
61
|
export { LinkListProps } from './_tsup-dts-rollup';
|
|
62
62
|
export { Message } from './_tsup-dts-rollup';
|
package/dist/index-no-css.js
CHANGED
|
@@ -580,19 +580,45 @@ var CardComponent = Card;
|
|
|
580
580
|
CardComponent.Media = CardMediaComponent;
|
|
581
581
|
CardComponent.Body = CardBodyComponent;
|
|
582
582
|
|
|
583
|
+
// src/description-list/description-list.tsx
|
|
584
|
+
var import_typed_classname10 = require("@postenbring/hedwig-css/typed-classname");
|
|
585
|
+
var import_jsx_runtime10 = require("react/jsx-runtime");
|
|
586
|
+
function DescriptionList(_a) {
|
|
587
|
+
var _b = _a, {
|
|
588
|
+
variant = "vertical",
|
|
589
|
+
className
|
|
590
|
+
} = _b, rest = __objRest(_b, [
|
|
591
|
+
"variant",
|
|
592
|
+
"className"
|
|
593
|
+
]);
|
|
594
|
+
return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
|
|
595
|
+
"dl",
|
|
596
|
+
__spreadValues({
|
|
597
|
+
className: (0, import_typed_classname10.clsx)(
|
|
598
|
+
"hds-description-list",
|
|
599
|
+
{
|
|
600
|
+
"hds-description-list--horizontal": variant === "horizontal"
|
|
601
|
+
},
|
|
602
|
+
className
|
|
603
|
+
)
|
|
604
|
+
}, rest)
|
|
605
|
+
);
|
|
606
|
+
}
|
|
607
|
+
DescriptionList.displayName = "DescriptionList";
|
|
608
|
+
|
|
583
609
|
// src/form/fieldset/fieldset.tsx
|
|
584
610
|
var import_react9 = require("react");
|
|
585
|
-
var
|
|
611
|
+
var import_typed_classname12 = require("@postenbring/hedwig-css/typed-classname");
|
|
586
612
|
|
|
587
613
|
// src/form/error-message/error-message.tsx
|
|
588
|
-
var
|
|
589
|
-
var
|
|
614
|
+
var import_typed_classname11 = require("@postenbring/hedwig-css/typed-classname");
|
|
615
|
+
var import_jsx_runtime11 = require("react/jsx-runtime");
|
|
590
616
|
function ErrorMessage({ children, id, className }) {
|
|
591
|
-
return /* @__PURE__ */ (0,
|
|
617
|
+
return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
|
|
592
618
|
"div",
|
|
593
619
|
{
|
|
594
620
|
"aria-live": "assertive",
|
|
595
|
-
className: (0,
|
|
621
|
+
className: (0, import_typed_classname11.clsx)("hds-error-message", className),
|
|
596
622
|
id,
|
|
597
623
|
children
|
|
598
624
|
}
|
|
@@ -600,7 +626,7 @@ function ErrorMessage({ children, id, className }) {
|
|
|
600
626
|
}
|
|
601
627
|
|
|
602
628
|
// src/form/fieldset/fieldset.tsx
|
|
603
|
-
var
|
|
629
|
+
var import_jsx_runtime12 = require("react/jsx-runtime");
|
|
604
630
|
var Fieldset = (0, import_react9.forwardRef)(function Fieldset2(_a, ref) {
|
|
605
631
|
var _b = _a, {
|
|
606
632
|
className,
|
|
@@ -619,20 +645,20 @@ var Fieldset = (0, import_react9.forwardRef)(function Fieldset2(_a, ref) {
|
|
|
619
645
|
"children"
|
|
620
646
|
]);
|
|
621
647
|
const errorMessageId = (0, import_react9.useId)();
|
|
622
|
-
return /* @__PURE__ */ (0,
|
|
648
|
+
return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
|
|
623
649
|
"fieldset",
|
|
624
650
|
__spreadProps(__spreadValues({
|
|
625
651
|
"aria-describedby": errorMessage ? errorMessageId : void 0,
|
|
626
652
|
"aria-invalid": errorMessage ? true : void 0,
|
|
627
|
-
className: (0,
|
|
653
|
+
className: (0, import_typed_classname12.clsx)("hds-fieldset", className),
|
|
628
654
|
ref,
|
|
629
655
|
style
|
|
630
656
|
}, rest), {
|
|
631
657
|
children: [
|
|
632
|
-
/* @__PURE__ */ (0,
|
|
658
|
+
/* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
633
659
|
"legend",
|
|
634
660
|
__spreadProps(__spreadValues({
|
|
635
|
-
className: (0,
|
|
661
|
+
className: (0, import_typed_classname12.clsx)(
|
|
636
662
|
"hds-fieldset__legend",
|
|
637
663
|
{ [`hds-fieldset__legend--${legendSize}`]: legendSize },
|
|
638
664
|
legendClassName
|
|
@@ -641,8 +667,8 @@ var Fieldset = (0, import_react9.forwardRef)(function Fieldset2(_a, ref) {
|
|
|
641
667
|
children: legend
|
|
642
668
|
})
|
|
643
669
|
),
|
|
644
|
-
/* @__PURE__ */ (0,
|
|
645
|
-
/* @__PURE__ */ (0,
|
|
670
|
+
/* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: (0, import_typed_classname12.clsx)("hds-fieldset__input-wrapper"), children }),
|
|
671
|
+
/* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ErrorMessage, { id: errorMessageId, children: errorMessage })
|
|
646
672
|
]
|
|
647
673
|
})
|
|
648
674
|
);
|
|
@@ -650,12 +676,12 @@ var Fieldset = (0, import_react9.forwardRef)(function Fieldset2(_a, ref) {
|
|
|
650
676
|
|
|
651
677
|
// src/form/input/input.tsx
|
|
652
678
|
var import_react11 = require("react");
|
|
653
|
-
var
|
|
679
|
+
var import_typed_classname14 = require("@postenbring/hedwig-css/typed-classname");
|
|
654
680
|
|
|
655
681
|
// src/form/input-group/input-group.tsx
|
|
656
682
|
var import_react10 = require("react");
|
|
657
|
-
var
|
|
658
|
-
var
|
|
683
|
+
var import_typed_classname13 = require("@postenbring/hedwig-css/typed-classname");
|
|
684
|
+
var import_jsx_runtime13 = require("react/jsx-runtime");
|
|
659
685
|
var InputGroup = (0, import_react10.forwardRef)(function InputGroup2(_a, ref) {
|
|
660
686
|
var _b = _a, {
|
|
661
687
|
id,
|
|
@@ -693,13 +719,13 @@ var InputGroup = (0, import_react10.forwardRef)(function InputGroup2(_a, ref) {
|
|
|
693
719
|
"aria-invalid": errorMessage ? true : void 0,
|
|
694
720
|
id: id != null ? id : inputId
|
|
695
721
|
}, input.props), {
|
|
696
|
-
className: (0,
|
|
722
|
+
className: (0, import_typed_classname13.clsx)("hds-input-group__input", input.props.className)
|
|
697
723
|
}));
|
|
698
724
|
};
|
|
699
|
-
return /* @__PURE__ */ (0,
|
|
725
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
|
|
700
726
|
"div",
|
|
701
727
|
__spreadProps(__spreadValues({
|
|
702
|
-
className: (0,
|
|
728
|
+
className: (0, import_typed_classname13.clsx)(
|
|
703
729
|
"hds-input-group",
|
|
704
730
|
{
|
|
705
731
|
[`hds-input-group--${variant}`]: variant,
|
|
@@ -711,38 +737,38 @@ var InputGroup = (0, import_react10.forwardRef)(function InputGroup2(_a, ref) {
|
|
|
711
737
|
style
|
|
712
738
|
}, rest), {
|
|
713
739
|
children: [
|
|
714
|
-
/* @__PURE__ */ (0,
|
|
740
|
+
/* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
|
|
715
741
|
"label",
|
|
716
742
|
__spreadProps(__spreadValues({
|
|
717
|
-
className: (0,
|
|
743
|
+
className: (0, import_typed_classname13.clsx)("hds-input-group__label", labelClassName)
|
|
718
744
|
}, labelProps), {
|
|
719
745
|
htmlFor: id != null ? id : inputId,
|
|
720
746
|
children: label
|
|
721
747
|
})
|
|
722
748
|
),
|
|
723
|
-
/* @__PURE__ */ (0,
|
|
749
|
+
/* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
|
|
724
750
|
"div",
|
|
725
751
|
{
|
|
726
|
-
className: (0,
|
|
752
|
+
className: (0, import_typed_classname13.clsx)("hds-input-group__input-wrapper"),
|
|
727
753
|
"data-disabled": disabled,
|
|
728
754
|
"data-readonly": readOnly,
|
|
729
755
|
children: renderInput()
|
|
730
756
|
}
|
|
731
757
|
),
|
|
732
|
-
/* @__PURE__ */ (0,
|
|
758
|
+
/* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ErrorMessage, { id: errorMessageId, children: errorMessage })
|
|
733
759
|
]
|
|
734
760
|
})
|
|
735
761
|
);
|
|
736
762
|
});
|
|
737
763
|
|
|
738
764
|
// src/form/input/input.tsx
|
|
739
|
-
var
|
|
765
|
+
var import_jsx_runtime14 = require("react/jsx-runtime");
|
|
740
766
|
var Input = (0, import_react11.forwardRef)(function Input2(_a, ref) {
|
|
741
767
|
var _b = _a, { className, variant, errorMessage, labelProps, label, id, style, disabled, readOnly } = _b, rest = __objRest(_b, ["className", "variant", "errorMessage", "labelProps", "label", "id", "style", "disabled", "readOnly"]);
|
|
742
|
-
return /* @__PURE__ */ (0,
|
|
768
|
+
return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
743
769
|
InputGroup,
|
|
744
770
|
{
|
|
745
|
-
className: (0,
|
|
771
|
+
className: (0, import_typed_classname14.clsx)("hds-input", className),
|
|
746
772
|
disabled,
|
|
747
773
|
errorMessage,
|
|
748
774
|
id,
|
|
@@ -751,7 +777,7 @@ var Input = (0, import_react11.forwardRef)(function Input2(_a, ref) {
|
|
|
751
777
|
readOnly,
|
|
752
778
|
style,
|
|
753
779
|
variant,
|
|
754
|
-
children: /* @__PURE__ */ (0,
|
|
780
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("input", __spreadProps(__spreadValues({}, rest), { disabled, readOnly, ref }))
|
|
755
781
|
}
|
|
756
782
|
);
|
|
757
783
|
});
|
|
@@ -759,14 +785,14 @@ Input.displayName = "Input";
|
|
|
759
785
|
|
|
760
786
|
// src/form/select/select.tsx
|
|
761
787
|
var import_react12 = require("react");
|
|
762
|
-
var
|
|
763
|
-
var
|
|
788
|
+
var import_typed_classname15 = require("@postenbring/hedwig-css/typed-classname");
|
|
789
|
+
var import_jsx_runtime15 = require("react/jsx-runtime");
|
|
764
790
|
var Select = (0, import_react12.forwardRef)(function Select2(_a, ref) {
|
|
765
791
|
var _b = _a, { className, variant, errorMessage, labelProps, label, id, style, disabled, children } = _b, rest = __objRest(_b, ["className", "variant", "errorMessage", "labelProps", "label", "id", "style", "disabled", "children"]);
|
|
766
|
-
return /* @__PURE__ */ (0,
|
|
792
|
+
return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
767
793
|
InputGroup,
|
|
768
794
|
{
|
|
769
|
-
className: (0,
|
|
795
|
+
className: (0, import_typed_classname15.clsx)("hds-select", className),
|
|
770
796
|
disabled,
|
|
771
797
|
errorMessage,
|
|
772
798
|
id,
|
|
@@ -774,7 +800,7 @@ var Select = (0, import_react12.forwardRef)(function Select2(_a, ref) {
|
|
|
774
800
|
labelProps,
|
|
775
801
|
style,
|
|
776
802
|
variant,
|
|
777
|
-
children: /* @__PURE__ */ (0,
|
|
803
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("select", __spreadProps(__spreadValues({}, rest), { disabled, ref, children }))
|
|
778
804
|
}
|
|
779
805
|
);
|
|
780
806
|
});
|
|
@@ -782,14 +808,14 @@ Select.displayName = "Select";
|
|
|
782
808
|
|
|
783
809
|
// src/form/textarea/textarea.tsx
|
|
784
810
|
var import_react13 = require("react");
|
|
785
|
-
var
|
|
786
|
-
var
|
|
811
|
+
var import_typed_classname16 = require("@postenbring/hedwig-css/typed-classname");
|
|
812
|
+
var import_jsx_runtime16 = require("react/jsx-runtime");
|
|
787
813
|
var Textarea = (0, import_react13.forwardRef)(function Textarea2(_a, ref) {
|
|
788
814
|
var _b = _a, { className, variant, errorMessage, labelProps, label, id, style, disabled, readOnly } = _b, rest = __objRest(_b, ["className", "variant", "errorMessage", "labelProps", "label", "id", "style", "disabled", "readOnly"]);
|
|
789
|
-
return /* @__PURE__ */ (0,
|
|
815
|
+
return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
790
816
|
InputGroup,
|
|
791
817
|
{
|
|
792
|
-
className: (0,
|
|
818
|
+
className: (0, import_typed_classname16.clsx)("hds-textarea", className),
|
|
793
819
|
disabled,
|
|
794
820
|
errorMessage,
|
|
795
821
|
id,
|
|
@@ -798,7 +824,7 @@ var Textarea = (0, import_react13.forwardRef)(function Textarea2(_a, ref) {
|
|
|
798
824
|
readOnly,
|
|
799
825
|
style,
|
|
800
826
|
variant,
|
|
801
|
-
children: /* @__PURE__ */ (0,
|
|
827
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("textarea", __spreadProps(__spreadValues({}, rest), { disabled, readOnly, ref }))
|
|
802
828
|
}
|
|
803
829
|
);
|
|
804
830
|
});
|
|
@@ -806,15 +832,15 @@ Textarea.displayName = "Textarea";
|
|
|
806
832
|
|
|
807
833
|
// src/form/checkbox/checkbox.tsx
|
|
808
834
|
var import_react14 = require("react");
|
|
809
|
-
var
|
|
810
|
-
var
|
|
835
|
+
var import_typed_classname17 = require("@postenbring/hedwig-css/typed-classname");
|
|
836
|
+
var import_jsx_runtime17 = require("react/jsx-runtime");
|
|
811
837
|
var Checkbox = (0, import_react14.forwardRef)(
|
|
812
838
|
(_a, ref) => {
|
|
813
839
|
var _b = _a, { variant = "plain", hasError, title, children, className } = _b, rest = __objRest(_b, ["variant", "hasError", "title", "children", "className"]);
|
|
814
|
-
return /* @__PURE__ */ (0,
|
|
840
|
+
return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
|
|
815
841
|
"div",
|
|
816
842
|
{
|
|
817
|
-
className: (0,
|
|
843
|
+
className: (0, import_typed_classname17.clsx)(
|
|
818
844
|
"hds-checkbox",
|
|
819
845
|
{
|
|
820
846
|
[`hds-checkbox--${variant}`]: variant === "bounding-box",
|
|
@@ -823,10 +849,10 @@ var Checkbox = (0, import_react14.forwardRef)(
|
|
|
823
849
|
className
|
|
824
850
|
),
|
|
825
851
|
children: [
|
|
826
|
-
/* @__PURE__ */ (0,
|
|
827
|
-
/* @__PURE__ */ (0,
|
|
828
|
-
/* @__PURE__ */ (0,
|
|
829
|
-
title ? /* @__PURE__ */ (0,
|
|
852
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("label", { children: [
|
|
853
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("input", __spreadProps(__spreadValues({}, rest), { "aria-invalid": hasError ? true : void 0, ref, type: "checkbox" })),
|
|
854
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { "aria-hidden": true, className: "hds-checkbox__checkmark" }),
|
|
855
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "hds-checkbox__title", children: title }) : children
|
|
830
856
|
] }),
|
|
831
857
|
title ? children : null
|
|
832
858
|
]
|
|
@@ -838,15 +864,15 @@ Checkbox.displayName = "Checkbox";
|
|
|
838
864
|
|
|
839
865
|
// src/form/radiobutton/radiobutton.tsx
|
|
840
866
|
var import_react15 = require("react");
|
|
841
|
-
var
|
|
842
|
-
var
|
|
867
|
+
var import_typed_classname18 = require("@postenbring/hedwig-css/typed-classname");
|
|
868
|
+
var import_jsx_runtime18 = require("react/jsx-runtime");
|
|
843
869
|
var Radiobutton = (0, import_react15.forwardRef)(
|
|
844
870
|
(_a, ref) => {
|
|
845
871
|
var _b = _a, { variant = "plain", hasError, title, children, className } = _b, rest = __objRest(_b, ["variant", "hasError", "title", "children", "className"]);
|
|
846
|
-
return /* @__PURE__ */ (0,
|
|
872
|
+
return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
|
|
847
873
|
"div",
|
|
848
874
|
{
|
|
849
|
-
className: (0,
|
|
875
|
+
className: (0, import_typed_classname18.clsx)(
|
|
850
876
|
"hds-radiobutton",
|
|
851
877
|
{
|
|
852
878
|
[`hds-radiobutton--${variant}`]: variant === "bounding-box",
|
|
@@ -855,10 +881,10 @@ var Radiobutton = (0, import_react15.forwardRef)(
|
|
|
855
881
|
className
|
|
856
882
|
),
|
|
857
883
|
children: [
|
|
858
|
-
/* @__PURE__ */ (0,
|
|
859
|
-
/* @__PURE__ */ (0,
|
|
860
|
-
/* @__PURE__ */ (0,
|
|
861
|
-
title ? /* @__PURE__ */ (0,
|
|
884
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("label", { children: [
|
|
885
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)("input", __spreadProps(__spreadValues({}, rest), { ref, type: "radio" })),
|
|
886
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { "aria-hidden": true, className: "hds-radiobutton__checkmark" }),
|
|
887
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "hds-radiobutton__title", children: title }) : children
|
|
862
888
|
] }),
|
|
863
889
|
title ? children : null
|
|
864
890
|
]
|
|
@@ -869,16 +895,16 @@ var Radiobutton = (0, import_react15.forwardRef)(
|
|
|
869
895
|
Radiobutton.displayName = "Radiobutton";
|
|
870
896
|
|
|
871
897
|
// src/layout/container/container.tsx
|
|
872
|
-
var
|
|
898
|
+
var import_typed_classname19 = require("@postenbring/hedwig-css/typed-classname");
|
|
873
899
|
var import_react16 = require("react");
|
|
874
|
-
var
|
|
900
|
+
var import_jsx_runtime19 = require("react/jsx-runtime");
|
|
875
901
|
var Container = (0, import_react16.forwardRef)(
|
|
876
902
|
(_a, ref) => {
|
|
877
903
|
var _b = _a, { as: Component = "div", className, children, variant } = _b, rest = __objRest(_b, ["as", "className", "children", "variant"]);
|
|
878
|
-
return /* @__PURE__ */ (0,
|
|
904
|
+
return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
879
905
|
Component,
|
|
880
906
|
__spreadProps(__spreadValues({}, rest), {
|
|
881
|
-
className: (0,
|
|
907
|
+
className: (0, import_typed_classname19.clsx)(
|
|
882
908
|
"hds-container",
|
|
883
909
|
{ "hds-container--slim": variant === "slim" },
|
|
884
910
|
className
|
|
@@ -892,16 +918,16 @@ var Container = (0, import_react16.forwardRef)(
|
|
|
892
918
|
Container.displayName = "Container";
|
|
893
919
|
|
|
894
920
|
// src/link/link.tsx
|
|
895
|
-
var
|
|
921
|
+
var import_typed_classname20 = require("@postenbring/hedwig-css/typed-classname");
|
|
896
922
|
var import_react17 = require("react");
|
|
897
|
-
var
|
|
923
|
+
var import_jsx_runtime20 = require("react/jsx-runtime");
|
|
898
924
|
var Link = (0, import_react17.forwardRef)(
|
|
899
925
|
(_a, ref) => {
|
|
900
926
|
var _b = _a, { as: Component = "a", children, variant = "underline", size = "medium", className } = _b, rest = __objRest(_b, ["as", "children", "variant", "size", "className"]);
|
|
901
|
-
return /* @__PURE__ */ (0,
|
|
927
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
902
928
|
Component,
|
|
903
929
|
__spreadProps(__spreadValues({
|
|
904
|
-
className: (0,
|
|
930
|
+
className: (0, import_typed_classname20.clsx)(
|
|
905
931
|
"hds-link",
|
|
906
932
|
variant !== "underline" && `hds-link--${variant}`,
|
|
907
933
|
size !== "medium" && `hds-link--${size}`,
|
|
@@ -916,32 +942,6 @@ var Link = (0, import_react17.forwardRef)(
|
|
|
916
942
|
);
|
|
917
943
|
Link.displayName = "Link";
|
|
918
944
|
|
|
919
|
-
// src/list/description-list.tsx
|
|
920
|
-
var import_typed_classname20 = require("@postenbring/hedwig-css/typed-classname");
|
|
921
|
-
var import_jsx_runtime20 = require("react/jsx-runtime");
|
|
922
|
-
function DescriptionList(_a) {
|
|
923
|
-
var _b = _a, {
|
|
924
|
-
variant = "vertical",
|
|
925
|
-
className
|
|
926
|
-
} = _b, rest = __objRest(_b, [
|
|
927
|
-
"variant",
|
|
928
|
-
"className"
|
|
929
|
-
]);
|
|
930
|
-
return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
931
|
-
"dl",
|
|
932
|
-
__spreadValues({
|
|
933
|
-
className: (0, import_typed_classname20.clsx)(
|
|
934
|
-
"hds-description-list",
|
|
935
|
-
{
|
|
936
|
-
"hds-description-list--horizontal": variant === "horizontal"
|
|
937
|
-
},
|
|
938
|
-
className
|
|
939
|
-
)
|
|
940
|
-
}, rest)
|
|
941
|
-
);
|
|
942
|
-
}
|
|
943
|
-
DescriptionList.displayName = "DescriptionList";
|
|
944
|
-
|
|
945
945
|
// src/list/list.tsx
|
|
946
946
|
var import_typed_classname21 = require("@postenbring/hedwig-css/typed-classname");
|
|
947
947
|
var import_jsx_runtime21 = require("react/jsx-runtime");
|