@mmb-digital/design-system-web 0.1.264 → 0.1.265
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/index.cjs.js +39 -63
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +28 -8
- package/dist/index.esm.js +9 -33
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -2436,7 +2436,7 @@ type FileInputRemoveButtonTextComponent = ComponentType<{
|
|
|
2436
2436
|
}>;
|
|
2437
2437
|
type FileInputDropzoneSelectFilesComponent = ComponentType;
|
|
2438
2438
|
|
|
2439
|
-
interface
|
|
2439
|
+
interface FileInputControlProps extends FileInputSettings, DesignSystemBaseProps {
|
|
2440
2440
|
/** Component displayed when a file is dragged over the dropzone. */
|
|
2441
2441
|
DropzoneDragFilesHere: FileInputDropzoneDragFilesHereComponent;
|
|
2442
2442
|
/** Component displaying prompt to drag or select files for upload. */
|
|
@@ -2460,17 +2460,37 @@ interface FileInputProps extends FileInputSettings, DesignSystemBaseProps {
|
|
|
2460
2460
|
invalid?: boolean;
|
|
2461
2461
|
onBlur?: () => void;
|
|
2462
2462
|
onChange: (files: File[]) => void;
|
|
2463
|
-
/** @default FieldOptionality.required */
|
|
2464
|
-
optionality?: FieldOptionality;
|
|
2465
|
-
/** Text shown before the dropzone becomes visible. */
|
|
2466
|
-
placeholder: ReactElement | string;
|
|
2467
2463
|
value: File[];
|
|
2468
2464
|
}
|
|
2469
|
-
declare const
|
|
2465
|
+
declare const FileInputControl: React__default.ForwardRefExoticComponent<FileInputControlProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
2466
|
+
|
|
2467
|
+
declare const FileInput: React__default.ForwardRefExoticComponent<Omit<FileInputControlProps & {
|
|
2468
|
+
label?: React__default.ReactNode;
|
|
2469
|
+
colorScheme?: ColorScheme | undefined;
|
|
2470
|
+
mediaType?: MediaType | undefined;
|
|
2471
|
+
note?: React__default.ReactNode;
|
|
2472
|
+
tooltip?: TooltipInfoDescriptor | undefined;
|
|
2473
|
+
invalid?: boolean | undefined;
|
|
2474
|
+
name?: string | undefined;
|
|
2475
|
+
layout?: FieldWrapperLayout | undefined;
|
|
2476
|
+
errorMessage?: React__default.ReactNode;
|
|
2477
|
+
labelAs?: React__default.ElementType | undefined;
|
|
2478
|
+
labelHiddenText?: string | undefined;
|
|
2479
|
+
labelId?: string | undefined;
|
|
2480
|
+
labelSuffix?: React__default.ReactNode;
|
|
2481
|
+
addons?: FieldAddon[] | undefined;
|
|
2482
|
+
controlMobileWidth?: csstype.Property.Width | undefined;
|
|
2483
|
+
controlSectionWidth?: csstype.Property.Width | undefined;
|
|
2484
|
+
controlWidth?: csstype.Property.Width | undefined;
|
|
2485
|
+
hintText?: React__default.ReactNode;
|
|
2486
|
+
optionality?: FieldOptionality | undefined;
|
|
2487
|
+
successMessage?: React__default.ReactNode;
|
|
2488
|
+
} & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
|
|
2489
|
+
type FileInputProps = ComponentProps<typeof FileInput>;
|
|
2470
2490
|
|
|
2471
2491
|
interface FileInputFieldProps extends Omit<FileInputProps, 'onBlur' | 'onChange' | 'value'> {
|
|
2472
|
-
label?: ReactNode;
|
|
2473
2492
|
name: string;
|
|
2493
|
+
options?: RegisterOptions;
|
|
2474
2494
|
}
|
|
2475
2495
|
declare const FileInputField: (props: FileInputFieldProps) => React__default.JSX.Element;
|
|
2476
2496
|
|
|
@@ -2494,4 +2514,4 @@ declare const useMessageFormatter: <TInput extends unknown>(getMessage: (value:
|
|
|
2494
2514
|
|
|
2495
2515
|
declare const styled: typeof emotionStyled;
|
|
2496
2516
|
|
|
2497
|
-
export { Accordion, AccordionContent, type AccordionContentType, AccordionItem, type AccordionItemProps, type AccordionItemType, AccordionKeyValue, type AccordionKeyValueProps, type AccordionProps, AccordionVariant, BorderRadius, Button, type ButtonProps, ButtonSize, ButtonStyle, ButtonType, ButtonsLayout, ButtonsLayoutAlign, ButtonsLayoutDirection, type ButtonsLayoutProps, CalculatorResult, type CalculatorResultBodyItem, type CalculatorResultHeader, CalculatorResultInfoPosition, type CalculatorResultMain, type CalculatorResultModalDescriptor, type CalculatorResultProps, Checkbox, CheckboxControl, type CheckboxControlProps, CheckboxField, type CheckboxFieldProps, CheckboxPosition, type CheckboxProps, type ChooseColor, CircularProgressBar, type CircularProgressBarProps, type ColorObject, ColorScheme, ColorSchemeProvider, type ColorSchemeProviderProps, ComboBox, ComboBoxControl, type ComboBoxControlProps, ComboBoxField, type ComboBoxFieldProps, type ComboBoxItem, type ComboBoxItemOrder, ComboBoxItemOrderSource, type ComboBoxProps, type CreateTooltipInfoDescriptor, type CreateTooltipInfoDescriptorParam, DatePicker, DatePickerControl, type DatePickerControlProps, DatePickerField, type DatePickerFieldProps, type DatePickerProps, type DesignSystemBaseProps, DesignSystemProvider, type DesignSystemProviderProps, EmailInput, EmailInputField, type EmailInputFieldProps, type EmailInputProps, ErrorBox, type ErrorBoxItem, type ErrorBoxProps, type FieldAddon, FieldAddonPosition, type FieldConfig, FieldConfigProvider, type FieldConfigProviderProps, type FieldControlProps, FieldLabelStoreProvider, type FieldLabelStoreProviderProps, FieldOptionality, FieldWrapper, FieldWrapperLayout, type FieldWrapperProps, FileInput, type FileInputDropzoneDragFilesHereComponent, type FileInputDropzoneDragOrSelectFilesComponent, type FileInputDropzoneSelectFilesComponent, FileInputErrorCode, FileInputField, type FileInputFieldProps, type FileInputLimitDescriptionComponent, type FileInputProps, type FileInputRemoveButtonTextComponent, type FileInputSettings, type FileInputUploadErrorReasonComponent, type FileInputUploadFailedComponent, FlexWrap, FontWeight, FormErrorOutcome, type FormErrorOutcomeProps, FormErrorSummary, type FormErrorSummaryProps, FormProvider, type FormProviderProps, type FormSettings, FormSettingsContext, FormSettingsProvider, type FormSettingsProviderProps, FormSuccessOutcome, type FormSuccessOutcomeProps, FormatAmountCurrencyDisplay, FormatAmountGrouping, FormattedAmount$1 as FormattedAmount, type FormattedAmountProps$1 as FormattedAmountProps, FormattedHtmlMessage, type FormattedHtmlMessageProps, FormattedMessage, type FormattedMessageProps, _default as FormattedPercentage, type GetColor, IconProduct, type IconProductProps, IconProductSize, IconProductType, IconProductVariant, IconSystem, type IconSystemProps, IconSystemSize, IconSystemType, Infobox, type InfoboxProps, InfoboxSize, type InfoboxTextContent, InfoboxVariant, InputBase, type InputBaseProps, InputLabel, type InputLabelPassthroughProps, type InputLabelProps, InputLabelSize, InputSize, InputTextAlign, LabelTooltipPosition, Loader, LoaderOverlayBox, type LoaderOverlayBoxProps, type LoaderProps, LoaderSize, MaskedInput, MaskedInputBase, type MaskedInputBaseProps, MaskedInputField, type MaskedInputFieldProps, type MaskedInputProps, MediaType, MediaTypeProvider, type MediaTypeProviderProps, type MessageDescriptorWithPrimitiveValues, type MessageDescriptorWithValues, type MessageValues, Modal, type ModalOnClose, type ModalProps, ModalVerticalPosition, ModalWidthType, FormattedAmount as NextFormattedAmount, type FormattedAmountProps as NextFormattedAmountProps, NumberInput, NumberInputField, type NumberInputFieldProps, type NumberInputProps, Overflow, Paper, type PaperProps, PaperShadow, PhoneInput, PhoneInputField, type PhoneInputFieldProps, type PhoneInputProps, type PrimitiveMessageValues, ProgressPaper, type ProgressPaperProps, Radio, RadioButton, RadioButtonGroup, RadioButtonGroupControl, type RadioButtonGroupControlProps, RadioButtonGroupField, type RadioButtonGroupFieldProps, type RadioButtonGroupItem, RadioButtonGroupLayout, type RadioButtonGroupProps, type RadioButtonLabel, type RadioButtonProps, RadioControl, type RadioControlProps, RadioField, type RadioFieldProps, RadioGroup, RadioGroupControl, type RadioGroupControlProps, RadioGroupDirection, RadioGroupField, type RadioGroupFieldProps, type RadioGroupItem, type RadioGroupProps, RadioPosition, type RadioProps, ReasonForClosing, SearchInput, type SearchInputProps, Select, SelectControl, type SelectControlProps, SelectField, type SelectFieldProps, type SelectItem, type SelectItemOrder, SelectItemOrderSource, type SelectProps, SelectVariant, Slider, type SliderAriaValueTextFormatter, type SliderAriaValueTextFormatterDataContext, type SliderBreakpoint, SliderInput, SliderInputField, type SliderInputFieldProps, type SliderInputLimitExceededLiveTextFormatter, type SliderInputLimitExceededLiveTextFormatterDataContext, type SliderInputProps, SliderInputRoundingType, type SliderMinMaxLabels, type SliderProps, SliderStepType, type SliderSteps, Spacing, SpanButton, type SpanButtonProps, Stack, StackDirection, type StackProps, type TabItemType, Table, TableBody, type TableBodyProps, TableData, type TableDataProps, TableHead, TableHeadData, type TableHeadDataProps, type TableHeadProps, type TableProps, TableRow, type TableRowProps, TableTextAlign, TableVariant, Tabs, TabsActiveTabDefaultPosition, TabsItem, type TabsItemProps, type TabsProps, TabsSize, type TabsType, TabsVariant, Tag, TagIconPosition, type TagProps, TagSize, TagTextTransform, TagType, TextArea, TextAreaField, type TextAreaFieldProps, type TextAreaProps, TextDecoration, TextInput, TextInputField, type TextInputFieldProps, type TextInputProps, type Theme, type ThrownFormErrors, type ThrownFormLevelError, ThrownFormLevelErrorType, Toggle, type ToggleProps, TooltipCloseReason, type TooltipDescriptor, TooltipGeneral, type TooltipGeneralProps, TooltipInfo, TooltipInfoConditional, type TooltipInfoConditionalProps, type TooltipInfoDescriptor, TooltipInfoDisplayMethod, TooltipInfoDisplayableCheck, type TooltipInfoDisplayableCheckProps, type TooltipInfoProps, TooltipPlacement, type TooltipRenderParent, TrailingTextInput, type TrailingTextInputProps, Typography, type TypographyProps, TypographyTextAlign, TypographyVariant, type UseColorSchemeOptions, type UseColorSchemeParam, type UseDesignSystemOptions, type UseDesignSystemParam, type UseFormProps, type UseFormReturn, type UseFormSuccessOutcomeManagerReturn, type UseFormatAmountParam, type UseMediaTypeOptions, type UseMediaTypeParam, VisuallyHidden, type VisuallyHiddenProps, datePickerValueFormat, getColor, getTextDecorationStyle, identityFormatter, isRenderable, jsonFormatter, resolveBorderRadiusValue, resolveFlexWrapValue, resolveFontWeightValue, resolveOverflowValue, resolveSpacingValue, resolveTextDecorationValue, styled, theme, useChooseColor, useColorScheme, useCreateTooltipInfoDescriptor, useDesignSystem, useFieldConfig, useFieldLabels, useForm, useFormContext, useFormSuccessOutcomeManager, useFormatAmount$1 as useFormatAmount, useFormattedPercentage, useGetFormattedHtmlMessageIfDisplayable, useIsMessageDisplayable, useMediaType, useMessageFormatter, useFormatAmount as useNextFormatAmount, useRegisterFieldLabel, withFieldWrapper, withMaskedInputField };
|
|
2517
|
+
export { Accordion, AccordionContent, type AccordionContentType, AccordionItem, type AccordionItemProps, type AccordionItemType, AccordionKeyValue, type AccordionKeyValueProps, type AccordionProps, AccordionVariant, BorderRadius, Button, type ButtonProps, ButtonSize, ButtonStyle, ButtonType, ButtonsLayout, ButtonsLayoutAlign, ButtonsLayoutDirection, type ButtonsLayoutProps, CalculatorResult, type CalculatorResultBodyItem, type CalculatorResultHeader, CalculatorResultInfoPosition, type CalculatorResultMain, type CalculatorResultModalDescriptor, type CalculatorResultProps, Checkbox, CheckboxControl, type CheckboxControlProps, CheckboxField, type CheckboxFieldProps, CheckboxPosition, type CheckboxProps, type ChooseColor, CircularProgressBar, type CircularProgressBarProps, type ColorObject, ColorScheme, ColorSchemeProvider, type ColorSchemeProviderProps, ComboBox, ComboBoxControl, type ComboBoxControlProps, ComboBoxField, type ComboBoxFieldProps, type ComboBoxItem, type ComboBoxItemOrder, ComboBoxItemOrderSource, type ComboBoxProps, type CreateTooltipInfoDescriptor, type CreateTooltipInfoDescriptorParam, DatePicker, DatePickerControl, type DatePickerControlProps, DatePickerField, type DatePickerFieldProps, type DatePickerProps, type DesignSystemBaseProps, DesignSystemProvider, type DesignSystemProviderProps, EmailInput, EmailInputField, type EmailInputFieldProps, type EmailInputProps, ErrorBox, type ErrorBoxItem, type ErrorBoxProps, type FieldAddon, FieldAddonPosition, type FieldConfig, FieldConfigProvider, type FieldConfigProviderProps, type FieldControlProps, FieldLabelStoreProvider, type FieldLabelStoreProviderProps, FieldOptionality, FieldWrapper, FieldWrapperLayout, type FieldWrapperProps, FileInput, FileInputControl, type FileInputControlProps, type FileInputDropzoneDragFilesHereComponent, type FileInputDropzoneDragOrSelectFilesComponent, type FileInputDropzoneSelectFilesComponent, FileInputErrorCode, FileInputField, type FileInputFieldProps, type FileInputLimitDescriptionComponent, type FileInputProps, type FileInputRemoveButtonTextComponent, type FileInputSettings, type FileInputUploadErrorReasonComponent, type FileInputUploadFailedComponent, FlexWrap, FontWeight, FormErrorOutcome, type FormErrorOutcomeProps, FormErrorSummary, type FormErrorSummaryProps, FormProvider, type FormProviderProps, type FormSettings, FormSettingsContext, FormSettingsProvider, type FormSettingsProviderProps, FormSuccessOutcome, type FormSuccessOutcomeProps, FormatAmountCurrencyDisplay, FormatAmountGrouping, FormattedAmount$1 as FormattedAmount, type FormattedAmountProps$1 as FormattedAmountProps, FormattedHtmlMessage, type FormattedHtmlMessageProps, FormattedMessage, type FormattedMessageProps, _default as FormattedPercentage, type GetColor, IconProduct, type IconProductProps, IconProductSize, IconProductType, IconProductVariant, IconSystem, type IconSystemProps, IconSystemSize, IconSystemType, Infobox, type InfoboxProps, InfoboxSize, type InfoboxTextContent, InfoboxVariant, InputBase, type InputBaseProps, InputLabel, type InputLabelPassthroughProps, type InputLabelProps, InputLabelSize, InputSize, InputTextAlign, LabelTooltipPosition, Loader, LoaderOverlayBox, type LoaderOverlayBoxProps, type LoaderProps, LoaderSize, MaskedInput, MaskedInputBase, type MaskedInputBaseProps, MaskedInputField, type MaskedInputFieldProps, type MaskedInputProps, MediaType, MediaTypeProvider, type MediaTypeProviderProps, type MessageDescriptorWithPrimitiveValues, type MessageDescriptorWithValues, type MessageValues, Modal, type ModalOnClose, type ModalProps, ModalVerticalPosition, ModalWidthType, FormattedAmount as NextFormattedAmount, type FormattedAmountProps as NextFormattedAmountProps, NumberInput, NumberInputField, type NumberInputFieldProps, type NumberInputProps, Overflow, Paper, type PaperProps, PaperShadow, PhoneInput, PhoneInputField, type PhoneInputFieldProps, type PhoneInputProps, type PrimitiveMessageValues, ProgressPaper, type ProgressPaperProps, Radio, RadioButton, RadioButtonGroup, RadioButtonGroupControl, type RadioButtonGroupControlProps, RadioButtonGroupField, type RadioButtonGroupFieldProps, type RadioButtonGroupItem, RadioButtonGroupLayout, type RadioButtonGroupProps, type RadioButtonLabel, type RadioButtonProps, RadioControl, type RadioControlProps, RadioField, type RadioFieldProps, RadioGroup, RadioGroupControl, type RadioGroupControlProps, RadioGroupDirection, RadioGroupField, type RadioGroupFieldProps, type RadioGroupItem, type RadioGroupProps, RadioPosition, type RadioProps, ReasonForClosing, SearchInput, type SearchInputProps, Select, SelectControl, type SelectControlProps, SelectField, type SelectFieldProps, type SelectItem, type SelectItemOrder, SelectItemOrderSource, type SelectProps, SelectVariant, Slider, type SliderAriaValueTextFormatter, type SliderAriaValueTextFormatterDataContext, type SliderBreakpoint, SliderInput, SliderInputField, type SliderInputFieldProps, type SliderInputLimitExceededLiveTextFormatter, type SliderInputLimitExceededLiveTextFormatterDataContext, type SliderInputProps, SliderInputRoundingType, type SliderMinMaxLabels, type SliderProps, SliderStepType, type SliderSteps, Spacing, SpanButton, type SpanButtonProps, Stack, StackDirection, type StackProps, type TabItemType, Table, TableBody, type TableBodyProps, TableData, type TableDataProps, TableHead, TableHeadData, type TableHeadDataProps, type TableHeadProps, type TableProps, TableRow, type TableRowProps, TableTextAlign, TableVariant, Tabs, TabsActiveTabDefaultPosition, TabsItem, type TabsItemProps, type TabsProps, TabsSize, type TabsType, TabsVariant, Tag, TagIconPosition, type TagProps, TagSize, TagTextTransform, TagType, TextArea, TextAreaField, type TextAreaFieldProps, type TextAreaProps, TextDecoration, TextInput, TextInputField, type TextInputFieldProps, type TextInputProps, type Theme, type ThrownFormErrors, type ThrownFormLevelError, ThrownFormLevelErrorType, Toggle, type ToggleProps, TooltipCloseReason, type TooltipDescriptor, TooltipGeneral, type TooltipGeneralProps, TooltipInfo, TooltipInfoConditional, type TooltipInfoConditionalProps, type TooltipInfoDescriptor, TooltipInfoDisplayMethod, TooltipInfoDisplayableCheck, type TooltipInfoDisplayableCheckProps, type TooltipInfoProps, TooltipPlacement, type TooltipRenderParent, TrailingTextInput, type TrailingTextInputProps, Typography, type TypographyProps, TypographyTextAlign, TypographyVariant, type UseColorSchemeOptions, type UseColorSchemeParam, type UseDesignSystemOptions, type UseDesignSystemParam, type UseFormProps, type UseFormReturn, type UseFormSuccessOutcomeManagerReturn, type UseFormatAmountParam, type UseMediaTypeOptions, type UseMediaTypeParam, VisuallyHidden, type VisuallyHiddenProps, datePickerValueFormat, getColor, getTextDecorationStyle, identityFormatter, isRenderable, jsonFormatter, resolveBorderRadiusValue, resolveFlexWrapValue, resolveFontWeightValue, resolveOverflowValue, resolveSpacingValue, resolveTextDecorationValue, styled, theme, useChooseColor, useColorScheme, useCreateTooltipInfoDescriptor, useDesignSystem, useFieldConfig, useFieldLabels, useForm, useFormContext, useFormSuccessOutcomeManager, useFormatAmount$1 as useFormatAmount, useFormattedPercentage, useGetFormattedHtmlMessageIfDisplayable, useIsMessageDisplayable, useMediaType, useMessageFormatter, useFormatAmount as useNextFormatAmount, useRegisterFieldLabel, withFieldWrapper, withMaskedInputField };
|
package/dist/index.esm.js
CHANGED
|
@@ -1637,36 +1637,12 @@ object-assign
|
|
|
1637
1637
|
&:focus-visible {
|
|
1638
1638
|
outline-width: 3px;
|
|
1639
1639
|
outline-style: solid;
|
|
1640
|
-
outline-color: ${c=>c.$
|
|
1640
|
+
outline-color: ${c=>c.$invalid?c.$chooseColor(c.theme.colors.border.error):c.$chooseColor(c.theme.colors.focus)};
|
|
1641
1641
|
outline-offset: 2px;
|
|
1642
1642
|
}
|
|
1643
1643
|
|
|
1644
|
-
${c=>c.$
|
|
1645
|
-
`,oy=$.
|
|
1646
|
-
display: flex;
|
|
1647
|
-
flex-direction: column;
|
|
1648
|
-
gap: ${c=>c.theme.spacing.sm};
|
|
1649
|
-
align-items: center;
|
|
1650
|
-
justify-content: space-between;
|
|
1651
|
-
|
|
1652
|
-
${({$mediaType:c,theme:e})=>c===Rc.desktop&&R("flex-direction:row;gap:",e.spacing.lg,";align-items:start;"+("production"===process.env.NODE_ENV?"":";label:PlaceholderWrapper;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlBsYWNlaG9sZGVyLnN0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVdRIiwiZmlsZSI6IlBsYWNlaG9sZGVyLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTWVkaWFUeXBlIH0gZnJvbSAnQC9tZWRpYSc7XG5pbXBvcnQgeyBzdHlsZWQgfSBmcm9tICdAL3N0eWxpbmcvc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmV4cG9ydCBjb25zdCBQbGFjZWhvbGRlcldyYXBwZXIgPSBzdHlsZWQuZGl2IGBcclxuXHRkaXNwbGF5OiBmbGV4O1xyXG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XHJcblx0Z2FwOiAkeyhwcm9wcykgPT4gcHJvcHMudGhlbWUuc3BhY2luZy5zbX07XHJcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcclxuXHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XHJcblxyXG5cdCR7KHsgJG1lZGlhVHlwZSwgdGhlbWUgfSkgPT4gJG1lZGlhVHlwZSA9PT0gTWVkaWFUeXBlLmRlc2t0b3AgJiZcbiAgICBjc3MgYFxyXG5cdFx0XHRmbGV4LWRpcmVjdGlvbjogcm93O1xyXG5cdFx0XHRnYXA6ICR7dGhlbWUuc3BhY2luZy5sZ307XHJcblx0XHRcdGFsaWduLWl0ZW1zOiBzdGFydDtcclxuXHRcdGB9XHJcbmA7XG5leHBvcnQgY29uc3QgQWRkRmlsZVdyYXBwZXIgPSBzdHlsZWQuZGl2IGBcclxuXHRkaXNwbGF5OiBmbGV4O1xyXG5cdGZsZXgtd3JhcDogbm93cmFwO1xyXG5cdGdhcDogJHsocHJvcHMpID0+IHByb3BzLnRoZW1lLnNwYWNpbmcueHhzfTtcclxuXHRhbGlnbi1pdGVtczogY2VudGVyO1xyXG5cdHBhZGRpbmctcmlnaHQ6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZS5zcGFjaW5nLnh4c307XHJcblx0d2hpdGUtc3BhY2U6IG5vd3JhcDtcclxuXHRjdXJzb3I6IHBvaW50ZXI7XHJcblx0Ym9yZGVyLXJhZGl1czogJHsocHJvcHMpID0+IHByb3BzLnRoZW1lLmJvcmRlclJhZGl1cy54eHN9O1xyXG5cclxuXHQmOmZvY3VzLXZpc2libGUge1xyXG5cdFx0b3V0bGluZS13aWR0aDogM3B4O1xyXG5cdFx0b3V0bGluZS1zdHlsZTogc29saWQ7XHJcblx0XHRvdXRsaW5lLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuJGNob29zZUNvbG9yKHByb3BzLnRoZW1lLmNvbG9ycy5mb2N1cyl9O1xyXG5cdFx0b3V0bGluZS1vZmZzZXQ6IDJweDtcclxuXHR9XHJcbmA7XG4vLyMgc291cmNlTWFwcGluZ1VSTD1QbGFjZWhvbGRlci5zdHlsZS5qcy5tYXAiXX0= */")}
|
|
1653
|
-
`,ay=$.div`
|
|
1654
|
-
display: flex;
|
|
1655
|
-
flex-wrap: nowrap;
|
|
1656
|
-
gap: ${c=>c.theme.spacing.xxs};
|
|
1657
|
-
align-items: center;
|
|
1658
|
-
padding-right: ${c=>c.theme.spacing.xxs};
|
|
1659
|
-
white-space: nowrap;
|
|
1660
|
-
cursor: pointer;
|
|
1661
|
-
border-radius: ${c=>c.theme.borderRadius.xxs};
|
|
1662
|
-
|
|
1663
|
-
&:focus-visible {
|
|
1664
|
-
outline-width: 3px;
|
|
1665
|
-
outline-style: solid;
|
|
1666
|
-
outline-color: ${c=>c.$chooseColor(c.theme.colors.focus)};
|
|
1667
|
-
outline-offset: 2px;
|
|
1668
|
-
}
|
|
1669
|
-
`,iy=a(((c,l)=>{const{fileInputSettings:t,LimitDescription:n,onClick:o,text:a}=c,i=Z(),{chooseColor:u,mediaType:b}=Vc(c),r=d((c=>{"Space"!==c.code&&"Enter"!==c.key||o()}),[o]);return e.createElement(oy,{$mediaType:b},e.createElement(ay,{$chooseColor:u,ref:l,role:"button",tabIndex:0,onClick:o,onKeyDown:r},e.createElement(nl,{size:jc.big,stroke:i.colors.fg.brand.default.light,type:Oc.plus}),e.createElement(zc,{color:i.colors.fg.brand.default.light,variant:O.textSm,weight:ec.medium500},a)),e.createElement(zc,{color:i.colors.fg.neutral.subtle.light,fullWidth:!0,textAlign:b===Rc.desktop?j.right:j.center,variant:O.textSm,weight:ec.regular400},e.createElement(n,Object.assign({},t))))}));iy.displayName="Placeholder";const uy=$.li`
|
|
1644
|
+
${c=>c.$invalid&&R("border-color:",c.$chooseColor(c.theme.colors.border.error),";border-style:solid;border-width:2px;"+("production"===process.env.NODE_ENV?"":";label:Wrapper;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGVJbnB1dENvbnRyb2wuc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUJRIiwiZmlsZSI6IkZpbGVJbnB1dENvbnRyb2wuc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBzdHlsZWQgfSBmcm9tICdAL3N0eWxpbmcvc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdiBgXHJcblx0cGFkZGluZzogMCAkeyhwcm9wcykgPT4gcHJvcHMudGhlbWUuc3BhY2luZy5tZH07XHJcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLiRhY3RpdmUgPyBwcm9wcy4kY2hvb3NlQ29sb3IocHJvcHMudGhlbWUuY29sb3JzLmJnLmJyYW5kLmRlZmF1bHQpIDogcHJvcHMuJGNob29zZUNvbG9yKHByb3BzLnRoZW1lLmNvbG9ycy5iZy5uZXV0cmFsLndoaXRlKX07XHJcblx0Ym9yZGVyLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuJGNob29zZUNvbG9yKHByb3BzLnRoZW1lLmNvbG9ycy5ib3JkZXIubmV1dHJhbC5kZWZhdWx0KX07XHJcblx0Ym9yZGVyLXN0eWxlOiBkYXNoZWQ7XHJcblx0Ym9yZGVyLXdpZHRoOiAxcHg7XHJcblx0Ym9yZGVyLXJhZGl1czogJHsocHJvcHMpID0+IHByb3BzLnRoZW1lLmJvcmRlclJhZGl1cy54c307XHJcblx0dHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciA1MDBtcztcclxuXHJcblx0Jjpob3ZlciB7XHJcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuJGNob29zZUNvbG9yKHByb3BzLnRoZW1lLmNvbG9ycy5iZy5icmFuZC5kZWZhdWx0KX07XHJcblx0fVxyXG5cclxuXHQmOmZvY3VzLXZpc2libGUge1xyXG5cdFx0b3V0bGluZS13aWR0aDogM3B4O1xyXG5cdFx0b3V0bGluZS1zdHlsZTogc29saWQ7XHJcblx0XHRvdXRsaW5lLWNvbG9yOiAkeyhwcm9wcykgPT4gKHByb3BzLiRpbnZhbGlkID8gcHJvcHMuJGNob29zZUNvbG9yKHByb3BzLnRoZW1lLmNvbG9ycy5ib3JkZXIuZXJyb3IpIDogcHJvcHMuJGNob29zZUNvbG9yKHByb3BzLnRoZW1lLmNvbG9ycy5mb2N1cykpfTtcclxuXHRcdG91dGxpbmUtb2Zmc2V0OiAycHg7XHJcblx0fVxyXG5cclxuXHQkeyhwcm9wcykgPT4gcHJvcHMuJGludmFsaWQgJiZcbiAgICBjc3MgYFxyXG5cdFx0XHRib3JkZXItY29sb3I6ICR7cHJvcHMuJGNob29zZUNvbG9yKHByb3BzLnRoZW1lLmNvbG9ycy5ib3JkZXIuZXJyb3IpfTtcclxuXHRcdFx0Ym9yZGVyLXN0eWxlOiBzb2xpZDtcclxuXHRcdFx0Ym9yZGVyLXdpZHRoOiAycHg7XHJcblx0XHRgfVxyXG5gO1xuLy8jIHNvdXJjZU1hcHBpbmdVUkw9RmlsZUlucHV0Q29udHJvbC5zdHlsZS5qcy5tYXAiXX0= */")}
|
|
1645
|
+
`,oy=$.li`
|
|
1670
1646
|
display: flex;
|
|
1671
1647
|
gap: ${c=>c.theme.spacing.xs};
|
|
1672
1648
|
align-items: start;
|
|
@@ -1675,12 +1651,12 @@ object-assign
|
|
|
1675
1651
|
border-top-color: ${c=>c.theme.colors.border.neutral.subtlest.light};
|
|
1676
1652
|
border-top-style: solid;
|
|
1677
1653
|
border-top-width: 1px;
|
|
1678
|
-
`,
|
|
1654
|
+
`,ay=$.div`
|
|
1679
1655
|
display: flex;
|
|
1680
1656
|
flex-direction: column;
|
|
1681
1657
|
gap: ${c=>c.theme.spacing.xxs};
|
|
1682
1658
|
align-items: start;
|
|
1683
|
-
`,
|
|
1659
|
+
`,iy=c=>{const{error:l,UploadErrorReason:t,UploadFailed:n}=c,d=Z();return e.createElement(oy,null,e.createElement(nl,{ariaHidden:!0,size:jc.big,stroke:d.colors.icon.error.light,type:Oc.close}),e.createElement(ay,{role:"alert"},e.createElement(zc,{color:d.colors.fg.error.light,variant:O.textSm,weight:ec.medium500},e.createElement(n,{fileName:l.fileName})),e.createElement(zc,{color:d.colors.fg.neutral.subtle.light,variant:O.textSm,weight:ec.regular400},e.createElement(t,{errorCode:l.code}))))},uy=$.li`
|
|
1684
1660
|
display: flex;
|
|
1685
1661
|
gap: ${c=>c.theme.spacing.xs};
|
|
1686
1662
|
align-items: center;
|
|
@@ -1689,17 +1665,17 @@ object-assign
|
|
|
1689
1665
|
border-top-color: ${c=>c.theme.colors.border.neutral.subtlest.light};
|
|
1690
1666
|
border-top-style: solid;
|
|
1691
1667
|
border-top-width: 1px;
|
|
1692
|
-
`,
|
|
1668
|
+
`,by=$.div`
|
|
1693
1669
|
display: flex;
|
|
1694
1670
|
flex-direction: row;
|
|
1695
1671
|
gap: ${c=>c.theme.spacing.xs};
|
|
1696
1672
|
align-items: center;
|
|
1697
1673
|
overflow: hidden;
|
|
1698
|
-
`,
|
|
1674
|
+
`,ry=$.div`
|
|
1699
1675
|
overflow: hidden;
|
|
1700
1676
|
text-overflow: ellipsis;
|
|
1701
1677
|
white-space: nowrap;
|
|
1702
|
-
`,
|
|
1678
|
+
`,gy=$.div`
|
|
1703
1679
|
display: flex;
|
|
1704
1680
|
flex-direction: row;
|
|
1705
1681
|
flex-wrap: nowrap;
|
|
@@ -1715,5 +1691,5 @@ object-assign
|
|
|
1715
1691
|
outline-color: ${c=>c.theme.colors.border.error.light};
|
|
1716
1692
|
outline-offset: 2px;
|
|
1717
1693
|
}
|
|
1718
|
-
`,
|
|
1694
|
+
`,Xy=c=>{const{file:l,getRemoveButtonAriaLabel:t,onRemove:n,RemoveButtonText:o}=c,a=Z(),i=d((c=>{"Space"!==c.code&&"Enter"!==c.key||(n(),c.stopPropagation())}),[n]);return e.createElement(uy,null,e.createElement(by,null,e.createElement(nl,{ariaHidden:!0,size:jc.big,stroke:a.colors.icon.neutral.light,type:Oc.fileText}),e.createElement(ry,null,e.createElement(zc,{color:a.colors.fg.neutral.default.light,variant:O.textSm,weight:ec.medium500},l.name))),e.createElement(gy,{"aria-label":t(l.name),role:"button",tabIndex:0,onClick:n,onKeyDown:i},e.createElement(zc,{color:a.colors.fg.error.light,variant:O.textXs,weight:ec.medium500},e.createElement(o,{fileName:l.name})),e.createElement(nl,{ariaHidden:!0,size:jc.small,stroke:a.colors.icon.error.light,type:Oc.trash})))},sy=c=>{const{getRemoveButtonAriaLabel:l,items:t,onFileRemove:n,RemoveButtonText:d,UploadErrorReason:o,UploadFailed:a}=c;return e.createElement("ul",null,t.map(((c,t)=>c.type===Ph.file?e.createElement(Xy,{key:t,file:c.file,getRemoveButtonAriaLabel:l,RemoveButtonText:d,onRemove:()=>n(c.file)}):e.createElement(iy,{key:t,error:c.error,UploadErrorReason:o,UploadFailed:a}))))},Gy=a(((c,l)=>{const{DropzoneDragFilesHere:n,DropzoneDragOrSelectFiles:o,DropzoneSelectFiles:a,fileExtensions:i,getFileRemovedLiveText:b,getFilesAddedLiveText:r,getRemoveButtonAriaLabel:g,invalid:X=!1,LimitDescription:s,maxFiles:G,maxSize:x,maxTotalSize:H,onBlur:I,onChange:m,RemoveButtonText:R,UploadErrorReason:p,UploadFailed:h,value:y}=c,[C,W]=u(!1),[J,A]=u([]),v=ql(`(min-width: ${Z().breakpoints.sm})`),{chooseColor:Y,colorScheme:V,mediaType:F}=Vc(c,{defaultMediaType:v?Rc.desktop:Rc.mobile}),B=t((()=>i.map($h)),[i]),[N,k]=u(void 0),f={maxSize:x,fileExtensions:B,maxFiles:G,maxTotalSize:H},L=d(((c,e)=>{var l;const t=e.map(_h);let n=y.reduce(((c,e)=>c+e.size),0);const d=c.filter((c=>{if("number"==typeof H&&n+c.size>H)return t.push({code:Eh.totalFileSizeTooLarge,fileName:c.name}),!1;const e=c.name.toLowerCase().split(".").pop();return void 0!==e&&B.includes(e)?(n+=c.size,!0):(t.push({code:Eh.unsupportedFormat,fileName:c.name}),!1)}));m([...y,...d]),null==I||I();const o=d.map((c=>({file:c,type:Ph.file}))),a=t.map((c=>({error:c,type:Ph.error})));A((c=>[...c.filter((c=>c.type===Ph.file)),...o,...a])),k(null!==(l=null==r?void 0:r(d.map((c=>c.name))))&&void 0!==l?l:void 0)}),[B,y,r,H,I,m]),{getInputProps:S,getRootProps:w,isDragActive:O,open:j}=z({onDrop:L,multiple:!0,maxFiles:G,maxSize:x,noClick:!0}),D=d((c=>{m(y.filter((e=>e!==c))),A(J.filter((e=>e.type!==Ph.file||e.file!==c))),k(null==b?void 0:b(c.name))}),[J,y,m,k,b]),U=w({onMouseEnter:()=>W(!0),onMouseLeave:()=>W(!1),role:"none"}),M=Qn([U.ref,l]);return e.createElement(e.Fragment,null,e.createElement($u,{"aria-live":"polite"},N),e.createElement(dy,Object.assign({$active:O||C,$chooseColor:Y,$invalid:X},U,{ref:M}),e.createElement(ny,{colorScheme:V,dragActive:O,DropzoneDragFilesHere:n,DropzoneDragOrSelectFiles:o,DropzoneSelectFiles:a,fileInputSettings:f,LimitDescription:s,mediaType:F,onOpenClick:()=>j()}),e.createElement("input",Object.assign({},S())),e.createElement(sy,{getRemoveButtonAriaLabel:g,items:J,RemoveButtonText:R,UploadErrorReason:p,UploadFailed:h,onFileRemove:D})))}));Gy.displayName="FileInputControl";const xy=Hx(Gy),Hy=a(((c,l)=>{const{labelAs:t="span"}=c,n=U(c,["labelAs"]);return e.createElement(xy,Object.assign({},n,{labelAs:t,ref:l}))}));Hy.displayName="FileInput";const Iy=c=>{const{name:l,options:t}=c,n=U(c,["name","options"]),{field:d,fieldState:{error:o}}=N({defaultValue:[],name:l,rules:t});return e.createElement(Hy,Object.assign({errorMessage:null==o?void 0:o.message},d,n))};export{Il as Accordion,Rl as AccordionContent,Hl as AccordionItem,hl as AccordionKeyValue,dl as AccordionVariant,ic as BorderRadius,Dd as Button,Cl as ButtonSize,yl as ButtonStyle,Wl as ButtonType,Ch as ButtonsLayout,ah as ButtonsLayoutAlign,ih as ButtonsLayoutDirection,rb as CalculatorResult,qu as CalculatorResultInfoPosition,WI as Checkbox,mI as CheckboxControl,JI as CheckboxField,RI as CheckboxPosition,ci as CircularProgressBar,Cc as ColorScheme,yc as ColorSchemeProvider,Nh as ComboBox,Bh as ComboBoxControl,kh as ComboBoxField,Yh as ComboBoxItemOrderSource,XI as DatePicker,rI as DatePickerControl,sI as DatePickerField,Yc as DesignSystemProvider,mx as EmailInput,Rx as EmailInputField,ta as ErrorBox,sx as FieldAddonPosition,Lc as FieldConfigProvider,Bc as FieldLabelStoreProvider,gx as FieldOptionality,Gx as FieldWrapper,VG as FieldWrapperLayout,Hy as FileInput,Gy as FileInputControl,Eh as FileInputErrorCode,Iy as FileInputField,bc as FlexWrap,ec as FontWeight,zh as FormErrorOutcome,Oh as FormErrorSummary,jh as FormProvider,fh as FormSettingsContext,Lh as FormSettingsProvider,Uh as FormSuccessOutcome,hb as FormatAmountCurrencyDisplay,yb as FormatAmountGrouping,Fb as FormattedAmount,xu as FormattedHtmlMessage,Gu as FormattedMessage,Cb as FormattedPercentage,Ka as IconProduct,aa as IconProductSize,oa as IconProductType,ia as IconProductVariant,nl as IconSystem,jc as IconSystemSize,Oc as IconSystemType,gi as Infobox,li as InfoboxSize,ei as InfoboxVariant,$G as InputBase,lx as InputLabel,qG as InputLabelSize,vG as InputSize,YG as InputTextAlign,Xx as LabelTooltipPosition,mb as Loader,Zb as LoaderOverlayBox,Xb as LoaderSize,kH as MaskedInput,NH as MaskedInputBase,LH as MaskedInputField,Rc as MediaType,mc as MediaTypeProvider,su as Modal,Ki as ModalVerticalPosition,Pi as ModalWidthType,Bb as NextFormattedAmount,wH as NumberInput,zH as NumberInputField,oc as Overflow,wm as Paper,Lm as PaperShadow,DH as PhoneInput,UH as PhoneInputField,Mm as ProgressPaper,zI as Radio,qI as RadioButton,im as RadioButtonGroup,om as RadioButtonGroupControl,um as RadioButtonGroupField,dm as RadioButtonGroupLayout,BI as RadioControl,OI as RadioField,QI as RadioGroup,MI as RadioGroupControl,jI as RadioGroupDirection,EI as RadioGroupField,NI as RadioPosition,_i as ReasonForClosing,TH as SearchInput,dh as Select,nh as SelectControl,oh as SelectField,Sp as SelectItemOrderSource,Lp as SelectVariant,_o as Slider,lI as SliderInput,tI as SliderInputField,QH as SliderInputRoundingType,ko as SliderStepType,q as Spacing,xl as SpanButton,tb as Stack,cb as StackDirection,xi as Table,Hi as TableBody,mi as TableData,Zi as TableHead,hi as TableHeadData,Ci as TableRow,si as TableTextAlign,Xi as TableVariant,Ei as Tabs,Ai as TabsActiveTabDefaultPosition,ki as TabsItem,Ji as TabsSize,Wi as TabsVariant,fm as Tag,Wm as TagIconPosition,ym as TagSize,Cm as TagTextTransform,hm as TagType,gm as TextArea,Xm as TextAreaField,gc as TextDecoration,dI as TextInput,oI as TextInputField,Mh as ThrownFormLevelErrorType,pm as Toggle,vu as TooltipCloseReason,Vu as TooltipGeneral,Bu as TooltipInfo,ku as TooltipInfoConditional,Au as TooltipInfoDisplayMethod,Nu as TooltipInfoDisplayableCheck,Ju as TooltipPlacement,iI as TrailingTextInput,zc as Typography,j as TypographyTextAlign,O as TypographyVariant,$u as VisuallyHidden,gI as datePickerValueFormat,Wc as getColor,sc as getTextDecorationStyle,Qm as identityFormatter,jd as isRenderable,Em as jsonFormatter,uc as resolveBorderRadiusValue,rc as resolveFlexWrapValue,lc as resolveFontWeightValue,ac as resolveOverflowValue,cc as resolveSpacingValue,Xc as resolveTextDecorationValue,$ as styled,dc as theme,Jc as useChooseColor,vc as useColorScheme,fu as useCreateTooltipInfoDescriptor,Vc as useDesignSystem,Sc as useFieldConfig,Nc as useFieldLabels,Th as useForm,Sh as useFormContext,Qh as useFormSuccessOutcomeManager,vb as useFormatAmount,pb as useFormattedPercentage,mu as useGetFormattedHtmlMessageIfDisplayable,Iu as useIsMessageDisplayable,pc as useMediaType,Pm as useMessageFormatter,Yb as useNextFormatAmount,kc as useRegisterFieldLabel,Hx as withFieldWrapper,fH as withMaskedInputField};
|
|
1719
1695
|
//# sourceMappingURL=index.esm.js.map
|