@hashicorp/mds-react 0.9.13 → 0.9.15

package/components/form/file-input/index.d.ts

@@ -1,27 +0,0 @@
-import { HTMLProps, ReactNode } from 'react';
-interface FileInputBaseProps {
-    isRequired?: boolean;
-    className?: string;
-    id?: string;
-    /**
-     * Can be used to supply any props that the native `<input>` element supports.
-     * Since this is for file input, we omit `type`, see here: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file
-     */
-    field: Omit<HTMLProps<HTMLInputElement>, 'type' | 'id'>;
-    error?: ReactNode;
-}
-declare const FileInputBase: {
-    ({ isRequired, className, id, field, error, ...rest }: FileInputBaseProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-interface FileInputFieldProps extends FileInputBaseProps {
-    label?: ReactNode;
-    helperText?: ReactNode;
-    error?: ReactNode;
-    isOptional?: boolean;
-}
-declare const FileInputField: {
-    ({ id, label, helperText, error, field, className, isRequired, isOptional, ...rest }: FileInputFieldProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export { FileInputBase, FileInputField };

package/components/form/helper-text/index.d.ts

@@ -1,11 +0,0 @@
-import { ReactNode } from 'react';
-interface HelperTextProps {
-    children: ReactNode;
-    className?: string;
-    controlId?: string;
-}
-declare const HelperText: {
-    ({ children, className, controlId, ...rest }: HelperTextProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export { HelperText };

package/components/form/indicator/index.d.ts

@@ -1,9 +0,0 @@
-interface IndicatorProps {
-    isOptional?: boolean;
-    isRequired?: boolean;
-}
-declare const Indicator: {
-    ({ isOptional, isRequired }: IndicatorProps): import("react/jsx-runtime").JSX.Element | null;
-    displayName: string;
-};
-export { Indicator };

package/components/form/label/index.d.ts

@@ -1,14 +0,0 @@
-import { ReactNode } from 'react';
-interface LabelProps {
-    badgeText?: string;
-    className?: string;
-    controlId: string;
-    children: ReactNode;
-    isRequired?: boolean;
-    isOptional?: boolean;
-}
-declare const Label: {
-    ({ badgeText, className, controlId, children, isRequired, isOptional, ...rest }: LabelProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export { Label };

package/components/form/legend/index.d.ts

@@ -1,12 +0,0 @@
-import { ReactNode } from 'react';
-interface LegendProps {
-    className?: string;
-    isRequired?: boolean;
-    isOptional?: boolean;
-    children: ReactNode;
-}
-declare const Legend: {
-    ({ className, isRequired, isOptional, children, ...rest }: LegendProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export { Legend };

package/components/form/radio/form-radio.module.scss

@@ -1,74 +0,0 @@
-/*
-* FORM > RADIO
-*/
-
-/* "BASE" CONTROL */
-
-.radio {
-	width: var(--mds-form-radio-size);
-	height: var(--mds-form-radio-size);
-	margin: 0;
-	padding: 0;
-	background-position: center center;
-	background-size: var(--mds-form-radio-background-image-size)
-		var(--mds-form-radio-background-image-size);
-	border-style: solid;
-	border-width: var(--mds-form-radio-border-width);
-	border-radius: 50%;
-	cursor: pointer;
-	appearance: none;
-
-	/* STATUS */
-
-	/* base (default) */
-
-	&:not(:checked) {
-		background-color: var(--mds-form-control-base-surface-color-default);
-		border-color: var(--mds-form-control-base-border-color-default);
-		box-shadow: var(--mds-elevation-inset-box-shadow);
-	}
-
-	&:checked {
-		background-color: var(--mds-form-control-checked-surface-color-default);
-		background-image: var(--mds-form-radio-background-image-data-url);
-		border-color: var(--mds-form-control-checked-border-color-default);
-	}
-
-	/* hover */
-
-	&:hover:not(:checked) {
-		background-color: var(--mds-form-control-base-surface-color-hover);
-		border-color: var(--mds-form-control-base-border-color-hover);
-	}
-
-	&:hover:checked {
-		background-color: var(--mds-form-control-checked-border-color-default);
-		border-color: var(--mds-form-control-checked-border-color-hover);
-	}
-
-	/* focus (same for all the states) */
-
-	&:focus {
-		outline: 3px solid var(--mds-color-focus-action-external);
-		outline-offset: 1px;
-	}
-
-	/* DISABLED */
-
-	&:disabled:not(:checked) {
-		background-color: var(--mds-form-control-disabled-surface-color);
-		border-color: var(--mds-form-control-disabled-border-color);
-		box-shadow: none;
-		cursor: not-allowed;
-	}
-
-	&:disabled:checked {
-		background-color: var(--mds-form-control-disabled-surface-color);
-		background-image: var(
-			--mds-form-radio-background-image-data-url-disabled
-		);
-		border-color: var(--mds-form-control-disabled-border-color);
-		box-shadow: none;
-		cursor: not-allowed;
-	}
-}

package/components/form/radio/index.d.ts

@@ -1,42 +0,0 @@
-import { HTMLProps, ReactNode } from 'react';
-import { FieldsetProps } from '../fieldset';
-interface RadioBaseProps {
-    id: string;
-    required?: boolean;
-    field: HTMLProps<HTMLInputElement>;
-    className?: string;
-    testingKey?: string;
-}
-declare const RadioBase: {
-    ({ id, required, field, className, testingKey, }: RadioBaseProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-interface RadioFieldProps {
-    isInvalid?: boolean;
-    isLoading?: boolean;
-    isRequired?: boolean;
-    isOptional?: boolean;
-    id?: string;
-    label?: ReactNode;
-    helperText?: ReactNode;
-    error?: ReactNode;
-    field: HTMLProps<HTMLInputElement>;
-    className?: string;
-    testingKey?: string;
-}
-declare const RadioField: {
-    ({ isInvalid, isLoading, isRequired, isOptional, id, label, helperText, error, field, className, testingKey, ...rest }: RadioFieldProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-type RadioGroupProps = FieldsetProps;
-declare const RadioGroup: {
-    Root: {
-        ({ layout, legend, isOptional, isRequired, children, }: RadioGroupProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    Field: {
-        (props: RadioFieldProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-};
-export { RadioGroup, RadioBase, RadioField };

package/components/form/radio-card/description.d.ts

@@ -1,3 +0,0 @@
-export default function Description({ description }: {
-    description: string;
-}): import("react/jsx-runtime").JSX.Element;

package/components/form/radio-card/form-radio-card.module.css

@@ -1,153 +0,0 @@
-/*
-* FORM > RADIO-CARD
-*/
-
-/* RadioCard Group */
-
-.radio-cards {
-	& legend {
-		margin-bottom: 12px;
-	}
-
-	& .has-fluid-width {
-		flex: 1 0 0;
-	}
-
-	& .has-fixed-width {
-		flex: 1 0 100%;
-	}
-}
-
-/* RadioCard */
-
-.radio-card {
-	display: flex;
-	flex-direction: column;
-	background-color: var(--mds-color-surface-primary);
-	border: var(--mds-form-radiocard-border-width) solid
-		var(--mds-color-border-primary);
-	border-radius: var(--mds-form-radiocard-border-radius);
-	box-shadow: var(--mds-elevation-mid-box-shadow);
-	cursor: pointer;
-
-	/* prevent focus on the form control as it is handled at the card level */
-	& .control {
-		outline-color: transparent;
-	}
-
-	/* STATES */
-
-	&:hover {
-		box-shadow: var(--mds-elevation-high-box-shadow);
-		transition: var(--mds-form-radiocard-transition-duration);
-	}
-
-	&:focus-within {
-		border-color: var(--mds-color-focus-action-internal);
-		box-shadow: 0 0 0 3px var(--mds-color-focus-action-external);
-	}
-
-	&.checked {
-		border-color: var(--mds-color-focus-action-internal);
-
-		& .control-wrapper {
-			background-color: var(--mds-color-surface-action);
-			border-color: var(--mds-color-border-action);
-		}
-	}
-
-	&.disabled {
-		background-color: var(--mds-color-surface-interactive-disabled);
-		border-color: var(--mds-color-border-primary);
-		box-shadow: none;
-		cursor: not-allowed;
-
-		& .control-wrapper {
-			background-color: var(--mds-color-surface-interactive-disabled);
-			border-color: var(--mds-color-border-primary);
-		}
-	}
-}
-
-/* ALIGNMENT */
-
-.align-left {
-	text-align: left;
-}
-
-.align-center {
-	text-align: center;
-}
-
-/* CONTROL POSITION */
-
-.control-bottom {
-	& .control-wrapper {
-		border-top-width: var(--mds-form-radiocard-border-width);
-		border-top-style: solid;
-		border-bottom-right-radius: inherit;
-		border-bottom-left-radius: inherit;
-	}
-}
-
-.control-left {
-	flex-direction: row-reverse;
-
-	& .control-wrapper {
-		display: flex;
-		align-items: center;
-		border-right-width: var(--mds-form-radiocard-border-width);
-		border-right-style: solid;
-		border-top-left-radius: inherit;
-		border-bottom-left-radius: inherit;
-	}
-}
-
-.content {
-	flex: 1;
-	padding: var(--mds-form-radiocard-content-padding);
-}
-
-.label {
-	display: block;
-	margin: 8px 0;
-	color: var(--mds-form-label-color);
-	overflow-wrap: break-word;
-
-	&:first-child {
-		margin-top: 0;
-	}
-
-	@media (max-width: 767px) {
-		font-size: var(--mds-typography-body-200-font-size);
-		line-height: var(--mds-typography-body-200-line-height);
-	}
-}
-
-.description {
-	display: block;
-	color: var(--mds-color-foreground-primary);
-}
-
-.control-wrapper {
-	padding: var(--mds-form-radiocard-control-padding);
-	background-color: var(--mds-color-surface-faint);
-	border-color: var(--mds-color-border-primary);
-}
-
-.control {
-	display: block;
-	margin: auto;
-}
-
-.badges {
-	display: flex;
-	justify-content: center;
-	flex-wrap: wrap;
-	gap: var(--mds-spacing-02);
-	margin-bottom: 12px;
-}
-
-.icon-center {
-	margin: auto;
-}

package/components/form/radio-card/group.d.ts

@@ -1,11 +0,0 @@
-import { Fieldset } from '../fieldset';
-import { ComponentProps, ReactNode } from 'react';
-export interface RadioCardGroupProps extends ComponentProps<typeof Fieldset> {
-    children: ReactNode;
-    legend: ReactNode;
-}
-declare const RadioCardGroup: {
-    ({ layout, isRequired, isOptional, error, legend, helperText, children, ...rest }: RadioCardGroupProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export { RadioCardGroup };

package/components/form/radio-card/index.d.ts

@@ -1,48 +0,0 @@
-import { RadioCardGroup } from './group';
-import { HTMLProps, ReactNode } from 'react';
-import { BadgeProps } from '../../badge';
-export declare const DEFAULT_CONTROL_POSITION = "bottom";
-export declare const DEFAULT_ALIGNMENT = "left";
-export declare const CONTROL_POSITIONS: readonly ["bottom", "left"];
-export declare const ALIGNMENTS: readonly ["left", "center"];
-interface RadioCardProps {
-    /**
-     * Sets the position of the form control in relation to the Radio Card content.
-     */
-    controlPosition?: (typeof CONTROL_POSITIONS)[number];
-    /**
-     * Sets the alignment of the Radio Card content.
-     */
-    alignment?: (typeof ALIGNMENTS)[number];
-    /**
-     * any valid CSS width (%, vw, etc)
-     * This parameter will set the width of the card, wrapping cards on multiple rows if necessary.
-     * You can use it to define the number of Radio Cards shown per row (for example `25%`
-     * will result in 4 cards).
-     */
-    maxWidth?: `${number}px` | `${number}vw` | `${number}%`;
-    /**
-     * Renders <Badge /> component.
-     */
-    badges?: Array<BadgeProps>;
-    /**
-     * The name of the flight icon to render.
-     */
-    icon?: string;
-    /**
-     * The label text.
-     */
-    label?: string;
-    /**
-     * The description text.
-     */
-    description?: string;
-    children?: ReactNode;
-    field: HTMLProps<HTMLInputElement>;
-    id?: string;
-}
-declare const RadioCard: {
-    ({ controlPosition, alignment, maxWidth, field, icon, label, description, badges, children, }: RadioCardProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export { RadioCardGroup, RadioCard };

package/components/form/radio-card/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/form/radio-card/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { useId } from 'react'\nimport { Badge } from '../../badge'\nimport { FlightIcon } from '../../flight-icon'\nimport { RadioBase } from '../radio'\nimport { RadioCardGroup } from './group'\nimport Label from './label'\nimport Description from './description'\nimport type { HTMLProps, ReactNode } from 'react'\nimport type { BadgeProps } from '../../badge'\nimport s from './form-radio-card.module.css'\n\nexport const DEFAULT_CONTROL_POSITION = 'bottom'\nexport const DEFAULT_ALIGNMENT = 'left'\nexport const CONTROL_POSITIONS = ['bottom', 'left'] as const\nexport const ALIGNMENTS = ['left', 'center'] as const\n\ninterface RadioCardProps {\n\t/**\n\t * Sets the position of the form control in relation to the Radio Card content.\n\t */\n\tcontrolPosition?: (typeof CONTROL_POSITIONS)[number]\n\t/**\n\t * Sets the alignment of the Radio Card content.\n\t */\n\talignment?: (typeof ALIGNMENTS)[number]\n\t/**\n\t * any valid CSS width (%, vw, etc)\n\t * This parameter will set the width of the card, wrapping cards on multiple rows if necessary.\n\t * You can use it to define the number of Radio Cards shown per row (for example `25%`\n\t * will result in 4 cards).\n\t */\n\tmaxWidth?: `${number}px` | `${number}vw` | `${number}%`\n\t/**\n\t * Renders <Badge /> component.\n\t */\n\tbadges?: Array<BadgeProps>\n\t/**\n\t * The name of the flight icon to render.\n\t */\n\ticon?: string\n\t/**\n\t * The label text.\n\t */\n\tlabel?: string\n\t/**\n\t * The description text.\n\t */\n\tdescription?: string\n\t/*\n\t * Optional children rendered below the label and description (if provided).\n\t */\n\tchildren?: ReactNode\n\tfield: HTMLProps<HTMLInputElement>\n\tid?: string\n}\n\nconst RadioCard = ({\n\tcontrolPosition = DEFAULT_CONTROL_POSITION,\n\talignment = DEFAULT_ALIGNMENT,\n\tmaxWidth,\n\tfield,\n\ticon,\n\tlabel,\n\tdescription,\n\tbadges,\n\tchildren,\n}: RadioCardProps) => {\n\tconst generatedId = useId()\n\n\treturn (\n\t\t<label\n\t\t\thtmlFor={generatedId}\n\t\t\tstyle={{ maxWidth }}\n\t\t\tclassName={classNames(\n\t\t\t\ts['radio-card'],\n\t\t\t\ts[`control-${controlPosition}`],\n\t\t\t\ts[`align-${alignment}`],\n\t\t\t\t{\n\t\t\t\t\t[s['checked']]: field.checked,\n\t\t\t\t\t[s['disabled']]: field.disabled,\n\t\t\t\t\t[s['has-fixed-width']]: maxWidth,\n\t\t\t\t\t[s['has-fluid-width']]: !maxWidth,\n\t\t\t\t}\n\t\t\t)}\n\t\t>\n\t\t\t<span className={s['content']}>\n\t\t\t\t{icon && (\n\t\t\t\t\t<FlightIcon\n\t\t\t\t\t\tname={icon}\n\t\t\t\t\t\tsize={24}\n\t\t\t\t\t\tisInlineBlock={false}\n\t\t\t\t\t\tclassName={classNames({\n\t\t\t\t\t\t\t[s['icon-center']]: alignment === 'center',\n\t\t\t\t\t\t})}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t{label && <Label label={label} />}\n\t\t\t\t{badges?.length ? (\n\t\t\t\t\t<div className={s.badges}>\n\t\t\t\t\t\t{badges.map((badge) => (\n\t\t\t\t\t\t\t<Badge {...badge} key={badge.text} />\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t) : null}\n\t\t\t\t{description && <Description description={description} />}\n\t\t\t\t{children}\n\t\t\t</span>\n\t\t\t<span className={s['control-wrapper']}>\n\t\t\t\t<RadioBase className={s.control} id={generatedId} field={field} />\n\t\t\t</span>\n\t\t</label>\n\t)\n}\n\nRadioCard.displayName = 'RadioCard'\n\nexport { RadioCardGroup, RadioCard }\n"],"names":["DEFAULT_CONTROL_POSITION","DEFAULT_ALIGNMENT","RadioCard","controlPosition","alignment","maxWidth","field","icon","label","description","badges","children","generatedId","useId","jsxs","classNames","s","jsx","FlightIcon","Label","badge","createElement","Badge","Description","RadioBase"],"mappings":";;;;;;;;;AAYO,MAAMA,IAA2B,UAC3BC,IAAoB,QA4C3BC,IAAY,CAAC;AAAA,EAClB,iBAAAC,IAAkBH;AAAA,EAClB,WAAAI,IAAYH;AAAA,EACZ,UAAAI;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AACD,MAAsB;AACrB,QAAMC,IAAcC,EAAA;AAEpB,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,SAASF;AAAA,MACT,OAAO,EAAE,UAAAP,EAAA;AAAA,MACT,WAAWU;AAAA,QACVC,EAAE,YAAY;AAAA,QACdA,EAAE,WAAWb,CAAe,EAAE;AAAA,QAC9Ba,EAAE,SAASZ,CAAS,EAAE;AAAA,QACtB;AAAA,UACC,CAACY,EAAE,OAAU,GAAGV,EAAM;AAAA,UACtB,CAACU,EAAE,QAAW,GAAGV,EAAM;AAAA,UACvB,CAACU,EAAE,iBAAiB,CAAC,GAAGX;AAAA,UACxB,CAACW,EAAE,iBAAiB,CAAC,GAAG,CAACX;AAAA,QAAA;AAAA,MAC1B;AAAA,MAGD,UAAA;AAAA,QAAA,gBAAAS,EAAC,QAAA,EAAK,WAAWE,EAAE,SACjB,UAAA;AAAA,UAAAT,KACA,gBAAAU;AAAA,YAACC;AAAA,YAAA;AAAA,cACA,MAAMX;AAAA,cACN,MAAM;AAAA,cACN,eAAe;AAAA,cACf,WAAWQ,EAAW;AAAA,gBACrB,CAACC,EAAE,aAAa,CAAC,GAAGZ,MAAc;AAAA,cAAA,CAClC;AAAA,YAAA;AAAA,UAAA;AAAA,UAGFI,KAAS,gBAAAS,EAACE,GAAA,EAAM,OAAAX,EAAA,CAAc;AAAA,UAC9BE,GAAQ,SACR,gBAAAO,EAAC,OAAA,EAAI,WAAWD,EAAE,QAChB,YAAO,IAAI,CAACI,MACZ,gBAAAC,EAACC,GAAA,EAAO,GAAGF,GAAO,KAAKA,EAAM,KAAA,CAAM,CACnC,GACF,IACG;AAAA,UACHX,KAAe,gBAAAQ,EAACM,GAAA,EAAY,aAAAd,EAAA,CAA0B;AAAA,UACtDE;AAAA,QAAA,GACF;AAAA,QACA,gBAAAM,EAAC,QAAA,EAAK,WAAWD,EAAE,iBAAiB,GACnC,UAAA,gBAAAC,EAACO,GAAA,EAAU,WAAWR,EAAE,SAAS,IAAIJ,GAAa,OAAAN,GAAc,EAAA,CACjE;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGH;AAEAJ,EAAU,cAAc;"}

package/components/form/radio-card/label.d.ts

@@ -1,3 +0,0 @@
-export default function Label({ label }: {
-    label: string;
-}): import("react/jsx-runtime").JSX.Element;

package/components/form/select/form-select.module.css

@@ -1,89 +0,0 @@
-/*
-* FORM > SELECT
-*/
-
-/* "BASE" CONTROL */
-
-.select {
-	composes: mds-typography-font-weight-regular from global;
-	max-width: 100%;
-	padding: var(--mds-padding);
-	padding-right: calc(
-		var(--mds-padding) + 24px
-	); /* extra space for the icon */
-
-	color: var(--mds-form-control-base-foreground-value-color);
-	background-color: var(--mds-form-control-base-surface-color-default);
-	background-image: var(--mds-form-select-background-image-data-url);
-	background-repeat: no-repeat;
-	background-position: right
-		var(--mds-form-select-background-image-position-right-x) top
-		var(--mds-form-select-background-image-position-top-y); /* we have to take into account the border */
-
-	background-size: var(--mds-form-select-background-image-size)
-		var(--mds-form-select-background-image-size);
-	border: var(--mds-form-control-border-width) solid
-		var(--mds-form-control-base-border-color-default);
-	border-radius: var(--mds-form-control-border-radius);
-	box-shadow: var(--mds-elevation-low-box-shadow);
-	appearance: none;
-
-	/* STATUS */
-
-	&:hover {
-		border-color: var(--mds-form-control-base-border-color-hover);
-	}
-
-	/* focus (same for all the states) */
-
-	&:focus {
-		border-color: var(--mds-color-focus-action-internal);
-
-		/* Notice: Safari doesn't apply a rounded border */
-		outline: 3px solid var(--mds-color-focus-action-external);
-		outline-offset: 0;
-	}
-
-	/* DISABLED */
-
-	&:disabled {
-		color: var(--mds-form-control-disabled-foreground-color);
-		background-color: var(--mds-form-control-disabled-surface-color);
-		background-image: var(
-			--mds-form-select-background-image-data-url-disabled
-		);
-		border-color: var(--mds-form-control-disabled-border-color);
-		box-shadow: none;
-		cursor: not-allowed;
-	}
-
-	/* INVALID */
-
-	&.invalid {
-		border-color: var(--mds-form-control-invalid-border-color-default);
-
-		&:hover {
-			border-color: var(--mds-form-control-invalid-border-color-hover);
-		}
-
-		&:focus {
-			border-color: var(--mds-color-focus-critical-internal);
-			outline-color: var(--mds-color-focus-critical-external);
-		}
-	}
-}
-
-.medium {
-	composes: mds-typography-legacy-body-200 from global;
-
-	--mds-padding: var(--mds-form-control-padding);
-}
-
-.large {
-	composes: mds-typography-legacy-body-300 from global;
-
-	--mds-padding: calc(var(--mds-form-control-padding) + 4px);
-
-	min-height: 3rem;
-	background-position: right 11px top 16px; /* we have to take into account the border */
-}

package/components/form/select/index.d.ts

@@ -1,22 +0,0 @@
-import { HTMLProps, ReactNode } from 'react';
-interface SelectFieldProps {
-    isInvalid?: boolean;
-    isLoading?: boolean;
-    isRequired?: boolean;
-    isOptional?: boolean;
-    id?: string;
-    label?: ReactNode;
-    helperText?: ReactNode;
-    error?: ReactNode;
-    field: HTMLProps<HTMLSelectElement>;
-    children: ReactNode;
-    className?: string;
-    size?: 'medium' | 'large';
-    disabled?: boolean;
-    multiple?: boolean;
-}
-declare const SelectField: {
-    ({ isInvalid, isLoading, isRequired, isOptional, id, label, helperText, error, field, children, className, size, ...rest }: SelectFieldProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export { SelectField };

package/components/form/select/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/form/select/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport type { HTMLProps, ReactNode } from 'react'\nimport { useId } from 'react'\nimport { Field } from '../field'\nimport s from './form-select.module.css'\n\ninterface SelectBaseProps {\n\tisInvalid?: boolean\n\tisLoading?: boolean\n\trequired?: boolean\n\tclassName?: string\n\tid: string\n\tfield: HTMLProps<HTMLSelectElement>\n\tchildren: ReactNode\n\tsize: 'medium' | 'large'\n\terror?: ReactNode\n\tdisabled?: boolean\n}\n\nconst SelectBase = ({\n\tisInvalid,\n\tisLoading,\n\tclassName,\n\tid,\n\tfield,\n\tchildren,\n\tsize,\n\terror,\n\t...rest\n}: SelectBaseProps) => {\n\treturn (\n\t\t<select\n\t\t\tid={id}\n\t\t\tclassName={classNames(\n\t\t\t\ts.select,\n\t\t\t\ts[size],\n\t\t\t\t{\n\t\t\t\t\t[s.invalid]: isInvalid,\n\t\t\t\t},\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\taria-describedby={`${error ? 'error' : 'helper-text'}-${id}`}\n\t\t\t{...field}\n\t\t\t{...rest}\n\t\t>\n\t\t\t{children}\n\t\t</select>\n\t)\n}\n\ninterface SelectFieldProps {\n\tisInvalid?: boolean\n\tisLoading?: boolean\n\tisRequired?: boolean\n\tisOptional?: boolean\n\tid?: string\n\tlabel?: ReactNode\n\thelperText?: ReactNode\n\terror?: ReactNode\n\tfield: HTMLProps<HTMLSelectElement>\n\tchildren: ReactNode\n\tclassName?: string\n\tsize?: 'medium' | 'large'\n\tdisabled?: boolean\n\tmultiple?: boolean\n}\n\nconst SelectField = ({\n\tisInvalid,\n\tisLoading,\n\tisRequired,\n\tisOptional,\n\tid,\n\tlabel,\n\thelperText,\n\terror,\n\tfield,\n\tchildren,\n\tclassName,\n\tsize = 'medium',\n\t...rest\n}: SelectFieldProps) => {\n\tconst generatedId = useId()\n\tconst inputId = id ?? generatedId\n\n\treturn (\n\t\t<Field\n\t\t\tlabel={label}\n\t\t\thelperText={helperText}\n\t\t\terror={error}\n\t\t\tisRequired={isRequired}\n\t\t\tisOptional={isOptional}\n\t\t\tid={inputId}\n\t\t\tlayout=\"vertical\"\n\t\t\tclassName={className}\n\t\t>\n\t\t\t<SelectBase\n\t\t\t\tid={inputId}\n\t\t\t\tisInvalid={isInvalid}\n\t\t\t\trequired={isRequired}\n\t\t\t\tfield={field}\n\t\t\t\tsize={size}\n\t\t\t\t{...rest}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</SelectBase>\n\t\t</Field>\n\t)\n}\n\nSelectField.displayName = 'SelectField'\n\nexport { SelectField }\n"],"names":["SelectBase","isInvalid","isLoading","className","id","field","children","size","error","rest","jsx","classNames","s","SelectField","isRequired","isOptional","label","helperText","generatedId","useId","inputId","Field"],"mappings":";;;;;AAmBA,MAAMA,IAAa,CAAC;AAAA,EACnB,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACJ,MAEE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACA,IAAAN;AAAA,IACA,WAAWO;AAAA,MACVC,EAAE;AAAA,MACFA,EAAEL,CAAI;AAAA,MACN;AAAA,QACC,CAACK,EAAE,OAAO,GAAGX;AAAA,MAAA;AAAA,MAEdE;AAAA,IAAA;AAAA,IAED,oBAAkB,GAAGK,IAAQ,UAAU,aAAa,IAAIJ,CAAE;AAAA,IACzD,GAAGC;AAAA,IACH,GAAGI;AAAA,IAEH,UAAAH;AAAA,EAAA;AAAA,GAsBEO,IAAc,CAAC;AAAA,EACpB,WAAAZ;AAAA,EACA,WAAAC;AAAA,EACA,YAAAY;AAAA,EACA,YAAAC;AAAA,EACA,IAAAX;AAAA,EACA,OAAAY;AAAA,EACA,YAAAC;AAAA,EACA,OAAAT;AAAA,EACA,OAAAH;AAAA,EACA,UAAAC;AAAA,EACA,WAAAH;AAAA,EACA,MAAAI,IAAO;AAAA,EACP,GAAGE;AACJ,MAAwB;AACvB,QAAMS,IAAcC,EAAA,GACdC,IAAUhB,KAAMc;AAEtB,SACC,gBAAAR;AAAA,IAACW;AAAA,IAAA;AAAA,MACA,OAAAL;AAAA,MACA,YAAAC;AAAA,MACA,OAAAT;AAAA,MACA,YAAAM;AAAA,MACA,YAAAC;AAAA,MACA,IAAIK;AAAA,MACJ,QAAO;AAAA,MACP,WAAAjB;AAAA,MAEA,UAAA,gBAAAO;AAAA,QAACV;AAAA,QAAA;AAAA,UACA,IAAIoB;AAAA,UACJ,WAAAnB;AAAA,UACA,UAAUa;AAAA,UACV,OAAAT;AAAA,UACA,MAAAE;AAAA,UACC,GAAGE;AAAA,UAEH,UAAAH;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGH;AAEAO,EAAY,cAAc;"}