@dynatrace/strato-components 3.11.2 → 3.12.0

package/esm/forms/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/forms/index.ts"],
-  "sourcesContent": ["export type { BaseInputButtonProps } from './_base-input/BaseInputButton.js';\nexport type { BaseInputContentProps } from './_base-input/BaseInputContent.js';\nexport type { BaseInputButtonProps as TextInputButtonProps } from './_base-input/BaseInputButton.js';\nexport type { BaseInputProps } from './_base-input/base-input.types.js';\nexport type { BaseInputContentProps as TextInputContentProps } from './_base-input/BaseInputContent.js';\nexport { Checkbox } from './checkbox/Checkbox.js';\nexport type { CheckboxProps } from './checkbox/Checkbox.js';\nexport { Calendar as _Calendar } from './calendar/Calendar.js';\nexport type {\n  CalendarProps as _CalendarProps,\n  CalendarStrictValueType as _CalendarOnChangeType,\n  CalendarValueType as _CalendarValueType,\n} from './calendar/Calendar.types.js';\nexport type { CalendarType as _CalendarType } from './calendar/types/calendarConfiguration.js';\nexport { getFormattedDateTime } from './forms-core/time/date-time.js';\nexport { DateTimePicker } from './date-time-picker/DateTimePicker.js';\nexport type {\n  DateTimePickerPrecision,\n  DateTimePickerProps,\n  DateTimePickerType,\n  DateTimePickerTypeProps,\n} from './date-time-picker/types.js';\nexport { FieldSet } from './forms-core/components/field-set/FieldSet.js';\nexport type { FieldSetProps } from './forms-core/components/field-set/FieldSet.js';\nexport type { FieldSetLegendProps } from './forms-core/components/field-set/FieldSet.js';\nexport { FormField } from './forms-core/components/form-field/FormField.js';\nexport type { FormFieldProps } from './forms-core/components/form-field/FormField.js';\nexport { _FormFieldContext } from './forms-core/contexts/FormFieldContext.js';\nexport type { SharedFormFieldContextProps } from './forms-core/contexts/FormFieldContext.js';\nexport type {\n  // eslint-disable-next-line @typescript-eslint/no-deprecated -- APPDEV-18321\n  FormFieldReducerAction,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated -- APPDEV-18321\n  FormFieldReducerActionPayload,\n  FormFieldAction,\n} from './forms-core/state/formfield-state-reducer.js';\nexport type { SharedFormFieldProps } from './forms-core/types/formfield.types.js';\nexport { FormFieldMessages } from './forms-core/components/form-field-messages/FormFieldMessages.js';\nexport type { FormFieldMessageProps } from './forms-core/components/form-field-messages/FormFieldMessages.js';\nexport type {\n  FormFieldControlMessage,\n  FormFieldCustomMessage,\n} from './forms-core/types/formfield-messages.types.js';\nexport type { FormFieldMessageItemProps } from './forms-core/components/form-field-messages/FormFieldMessageItem.js';\nexport type { FormFieldMessageBaseItemProps } from './forms-core/components/form-field-messages/FormFieldMessageBaseItem.js';\nexport { createForm as _createForm } from './form/createForm.js';\nexport { Form as _Form } from './form/Form.js';\nexport type { FormProps as _FormProps } from './form/Form.js';\nexport { FormMessages as _FormMessages } from './form/FormMessages.js';\nexport type {\n  FormMessagesOwnProps as _FormMessagesOwnProps,\n  FormMessagesProps as _FormMessagesProps,\n} from './form/FormMessages.js';\nexport { FormValidationError as _FormValidationError } from './form/form-error-classes.js';\nexport { useForm as _useForm } from './form/hooks/useForm.js';\nexport { useFormRegistration as _useFormRegistration } from './form/hooks/useFormRegistration.js';\nexport type { FormRegistrationOptions as _FormRegistrationOptions } from './form/hooks/useFormRegistration.js';\nexport type {\n  ControlValidationError as _ControlValidationError,\n  FormApi as _FormApi,\n  FormControlValidator as _FormControlValidator,\n  FormControlValidatorResult as _FormControlValidatorResult,\n  FormFieldSnapshot as _FormFieldSnapshot,\n  FormInvalidContext as _FormInvalidContext,\n  FormSnapshot as _FormSnapshot,\n  FormStatus as _FormStatus,\n  FormSubmitContext as _FormSubmitContext,\n  FormValidator as _FormValidator,\n} from './form/form.types.js';\nexport { Hint } from './forms-core/components/hint/Hint.js';\nexport type { HintProps } from './forms-core/components/hint/Hint.js';\nexport { Label } from './forms-core/components/label/Label.js';\nexport type { LabelProps } from './forms-core/components/label/Label.js';\n/* eslint-disable-next-line @typescript-eslint/no-deprecated */\nexport { NumberInput } from './number-input/NumberInput.js';\n/* eslint-disable-next-line @typescript-eslint/no-deprecated */\nexport type { NumberInputProps } from './number-input/NumberInputBase.js';\nexport { NumberInput as NumberInputV2 } from './number-input-v2/NumberInput.js';\nexport type { NumberInputProps as NumberInputV2Props } from './number-input-v2/NumberInput.js';\nexport { PasswordInput } from './password-input/PasswordInput.js';\nexport type { PasswordInputProps } from './password-input/PasswordInput.js';\nexport type { PasswordInputTooltipProps } from './password-input/PasswordInputTooltip.js';\nexport { Radio } from './radio/Radio.js';\nexport type { RadioProps } from './radio/Radio.js';\nexport { RadioGroup } from './radio/RadioGroup.js';\nexport type { RadioGroupProps } from './radio/RadioGroup.js';\nexport { SearchInput } from './search-input/SearchInput.js';\nexport type { SearchInputProps } from './search-input/SearchInput.js';\nexport type { SearchInputStepperProps } from './search-input/Stepper.js';\n\nexport { Select } from './select/Select.js';\nexport type {\n  SelectOnChangeValue,\n  SelectFormsProps,\n  SelectBaseProps,\n} from './select/Select.js';\nexport { SelectContent } from './select/SelectContent.js';\nexport type { SelectContentProps } from './select/SelectContent.js';\n\nexport { SelectCustomTrigger } from './select/SelectCustomTrigger.js';\nexport type { SelectCustomTriggerProps } from './select/SelectCustomTrigger.js';\n\nexport { SelectDisplayValue } from './select/SelectDisplayValue.js';\nexport type { SelectDisplayValueProps } from './select/SelectDisplayValue.js';\n\nexport { SelectEmptyState } from './select/SelectEmptyState.js';\nexport type { SelectEmptyStateProps } from './select/SelectEmptyState.js';\n\nexport { SelectFilter } from './select/SelectFilter.js';\nexport type { SelectFilterProps } from './select/SelectFilter.js';\n\nexport { SelectGroup, SelectGroupLabel } from './select/SelectGroup.js';\n\nexport type {\n  SelectGroupLabelProps,\n  SelectGroupProps,\n} from './select/SelectGroup.js';\n\nexport { SelectOption } from './select/SelectOption.js';\nexport type { SelectOptionProps } from './select/SelectOption.js';\n\nexport { SelectPrefix } from './select/SelectPrefix.js';\nexport type { SelectPrefixProps } from './select/SelectPrefix.js';\n\nexport { SelectSuffix } from './select/SelectSuffix.js';\nexport type { SelectSuffixProps } from './select/SelectSuffix.js';\n\nexport { SelectTrigger } from './select/SelectTrigger.js';\nexport type { SelectTriggerProps } from './select/SelectTrigger.js';\n\nexport type {\n  SelectContentWidthOptionsType,\n  SelectTriggerWidthOptionsType,\n  SelectMultiValue,\n  SelectSingleValue,\n} from './select/types.js';\n\nexport {\n  isFormControlRef as _isFormControlRef,\n  isFormControlWithOverlayRef as _isFormControlWithOverlayRef,\n} from './shared-types.js';\nexport type {\n  FormControlRef,\n  FormControlWithOverlayRef,\n  TimeRangePickerRef,\n} from './shared-types.js';\nexport {\n  NativeValidityStateKeys,\n  StratoValidityStateKeys,\n  ValidationError,\n  ValidityStateKey,\n} from './validation/types.js';\nexport type {\n  NativeValidityStateKey,\n  StratoValidityStateKey,\n  ValidationErrorOptions,\n  ValidationErrorSource,\n  ValidationState,\n  ValidationStatus,\n  ValidationTrigger,\n} from './validation/types.js';\nexport type { MessageTarget as _MessageTarget } from './validation/message-routing.js';\nexport { NumberSpinButton as _NumberSpinButton } from './spin-buttons/number-spin-button/NumberSpinButton.js';\nexport type {\n  NumberSpinButtonDisplayFormat as _NumberSpinButtonDisplayFormat,\n  NumberSpinButtonProps as _NumberSpinButtonProps,\n  NumberSpinButtonRef as _NumberSpinButtonRef,\n} from './spin-buttons/number-spin-button/types.js';\nexport { SpinButtonGroup as _SpinButtonGroup } from './spin-buttons/spin-button-group/SpinButtonGroup.js';\nexport type {\n  SpinButtonGroupProps as _SpinButtonGroupProps,\n  SpinButtonGroupSeparatorProps as _SpinButtonGroupSeparatorProps,\n} from './spin-buttons/spin-button-group/types.js';\nexport { TextSpinButton as _TextSpinButton } from './spin-buttons/text-spin-button/TextSpinButton.js';\nexport type {\n  TextSpinButtonProps as _TextSpinButtonProps,\n  TextSpinButtonRef as _TextSpinButtonRef,\n} from './spin-buttons/text-spin-button/types.js';\nexport type { SpinButtonTextSelection as _SpinButtonTextSelection } from './spin-buttons/types.js';\nexport { Switch } from './switch/Switch.js';\nexport type { SwitchProps } from './switch/Switch.js';\nexport { TextArea } from './text-area/TextArea.js';\nexport type { TextAreaProps, TextAreaInputRef } from './text-area/TextArea.js';\nexport { TextInput } from './text-input/TextInput.js';\nexport type {\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  TextInputControlledProps,\n  TextInputProps,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  TextInputUncontrolledProps,\n} from './text-input/TextInput.js';\n\nexport { DateTimeRangePicker as _DateTimeRangePicker } from './date-time-range-picker/DateTimeRangePicker.js';\nexport type {\n  DateTimeRangePickerProps as _DateTimeRangePickerProps,\n  DateTimeRangePickerRef as _DateTimeRangePickerRef,\n} from './date-time-range-picker/types.js';\n\nexport {\n  ToggleButtonGroup,\n  type ToggleButtonGroupProps,\n} from './toggle-button-group/ToggleButtonGroup.js';\nexport type { ToggleButtonGroupItemProps } from './toggle-button-group/Item.js';\nexport type { ToggleButtonGroupPrefixProps } from './toggle-button-group/Prefix.js';\nexport type { ToggleButtonGroupSuffixProps } from './toggle-button-group/Suffix.js';\n"],
-  "mappings": "AAKA,SAAS,gBAAgB;AAEzB,SAAqB,gBAAiB;AAOtC,SAAS,4BAA4B;AACrC,SAAS,sBAAsB;AAO/B,SAAS,gBAAgB;AAGzB,SAAS,iBAAiB;AAE1B,SAAS,yBAAyB;AAUlC,SAAS,yBAAyB;AAQlC,SAAuB,kBAAmB;AAC1C,SAAiB,YAAa;AAE9B,SAAyB,oBAAqB;AAK9C,SAAgC,2BAA4B;AAC5D,SAAoB,eAAgB;AACpC,SAAgC,2BAA4B;AAc5D,SAAS,YAAY;AAErB,SAAS,aAAa;AAGtB,SAAS,mBAAmB;AAG5B,SAAwB,eAAfA,oBAAoC;AAE7C,SAAS,qBAAqB;AAG9B,SAAS,aAAa;AAEtB,SAAS,kBAAkB;AAE3B,SAAS,mBAAmB;AAI5B,SAAS,cAAc;AAMvB,SAAS,qBAAqB;AAG9B,SAAS,2BAA2B;AAGpC,SAAS,0BAA0B;AAGnC,SAAS,wBAAwB;AAGjC,SAAS,oBAAoB;AAG7B,SAAS,aAAa,wBAAwB;AAO9C,SAAS,oBAAoB;AAG7B,SAAS,oBAAoB;AAG7B,SAAS,oBAAoB;AAG7B,SAAS,qBAAqB;AAU9B;AAAA,EACsB;AAAA,EACW;AAAA,OAC1B;AAMP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAWP,SAA6B,wBAAyB;AAMtD,SAA4B,uBAAwB;AAKpD,SAA2B,sBAAuB;AAMlD,SAAS,cAAc;AAEvB,SAAS,gBAAgB;AAEzB,SAAS,iBAAiB;AAS1B,SAAgC,2BAA4B;AAM5D;AAAA,EACE;AAAA,OAEK;",
+  "sourcesContent": ["export type { BaseInputButtonProps } from './_base-input/BaseInputButton.js';\nexport type { BaseInputContentProps } from './_base-input/BaseInputContent.js';\nexport type { BaseInputButtonProps as TextInputButtonProps } from './_base-input/BaseInputButton.js';\nexport type { BaseInputProps } from './_base-input/base-input.types.js';\nexport type { BaseInputContentProps as TextInputContentProps } from './_base-input/BaseInputContent.js';\nexport { Checkbox } from './checkbox/Checkbox.js';\nexport type { CheckboxProps } from './checkbox/Checkbox.js';\nexport { Calendar as _Calendar } from './calendar/Calendar.js';\nexport type {\n  CalendarProps as _CalendarProps,\n  CalendarStrictValueType as _CalendarOnChangeType,\n  CalendarValueType as _CalendarValueType,\n} from './calendar/Calendar.types.js';\nexport type { CalendarType as _CalendarType } from './calendar/types/calendarConfiguration.js';\nexport { getFormattedDateTime } from './forms-core/time/date-time.js';\nexport { DateTimePicker } from './date-time-picker/DateTimePicker.js';\nexport type {\n  DateTimePickerPrecision,\n  DateTimePickerProps,\n  DateTimePickerType,\n  DateTimePickerTypeProps,\n} from './date-time-picker/types.js';\nexport { FieldSet } from './forms-core/components/field-set/FieldSet.js';\nexport type { FieldSetProps } from './forms-core/components/field-set/FieldSet.js';\nexport type { FieldSetLegendProps } from './forms-core/components/field-set/FieldSet.js';\nexport { FormField } from './forms-core/components/form-field/FormField.js';\nexport type { FormFieldProps } from './forms-core/components/form-field/FormField.js';\nexport { _FormFieldContext } from './forms-core/contexts/FormFieldContext.js';\nexport type { SharedFormFieldContextProps } from './forms-core/contexts/FormFieldContext.js';\nexport type {\n  // eslint-disable-next-line @typescript-eslint/no-deprecated -- APPDEV-18321\n  FormFieldReducerAction,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated -- APPDEV-18321\n  FormFieldReducerActionPayload,\n  FormFieldAction,\n} from './forms-core/state/formfield-state-reducer.js';\nexport type { SharedFormFieldProps } from './forms-core/types/formfield.types.js';\nexport { FormFieldMessages } from './forms-core/components/form-field-messages/FormFieldMessages.js';\nexport type { FormFieldMessageProps } from './forms-core/components/form-field-messages/FormFieldMessages.js';\nexport type {\n  FormFieldControlMessage,\n  FormFieldCustomMessage,\n} from './forms-core/types/formfield-messages.types.js';\nexport type { FormFieldMessageItemProps } from './forms-core/components/form-field-messages/FormFieldMessageItem.js';\nexport type { FormFieldMessageBaseItemProps } from './forms-core/components/form-field-messages/FormFieldMessageBaseItem.js';\nexport { createForm as _createForm } from './form/createForm.js';\nexport { Form as _Form } from './form/Form.js';\nexport type { FormProps as _FormProps } from './form/Form.js';\nexport { FormMessages as _FormMessages } from './form/FormMessages.js';\nexport type {\n  FormMessagesOwnProps as _FormMessagesOwnProps,\n  FormMessagesProps as _FormMessagesProps,\n} from './form/FormMessages.js';\nexport { FormValidationError as _FormValidationError } from './form/form-error-classes.js';\nexport { useForm as _useForm } from './form/hooks/useForm.js';\nexport { useFormRegistration as _useFormRegistration } from './form/hooks/useFormRegistration.js';\nexport type { FormRegistrationOptions as _FormRegistrationOptions } from './form/hooks/useFormRegistration.js';\nexport type {\n  ControlValidationError as _ControlValidationError,\n  FormApi as _FormApi,\n  FormControlValidator as _FormControlValidator,\n  FormControlValidatorResult as _FormControlValidatorResult,\n  FormFieldSnapshot as _FormFieldSnapshot,\n  FormInvalidContext as _FormInvalidContext,\n  FormSnapshot as _FormSnapshot,\n  FormStatus as _FormStatus,\n  FormSubmitContext as _FormSubmitContext,\n  FormValidator as _FormValidator,\n} from './form/form.types.js';\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport { Hint } from './forms-core/components/hint/Hint.js';\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport type { HintProps } from './forms-core/components/hint/Hint.js';\nexport { Label } from './forms-core/components/label/Label.js';\nexport type { LabelProps } from './forms-core/components/label/Label.js';\n/* eslint-disable-next-line @typescript-eslint/no-deprecated */\nexport { NumberInput } from './number-input/NumberInput.js';\n/* eslint-disable-next-line @typescript-eslint/no-deprecated */\nexport type { NumberInputProps } from './number-input/NumberInputBase.js';\nexport { NumberInput as NumberInputV2 } from './number-input-v2/NumberInput.js';\nexport type { NumberInputProps as NumberInputV2Props } from './number-input-v2/NumberInput.js';\nexport { PasswordInput } from './password-input/PasswordInput.js';\nexport type { PasswordInputProps } from './password-input/PasswordInput.js';\nexport type { PasswordInputTooltipProps } from './password-input/PasswordInputTooltip.js';\nexport { Radio } from './radio/Radio.js';\nexport type { RadioProps } from './radio/Radio.js';\nexport { RadioGroup } from './radio/RadioGroup.js';\nexport type { RadioGroupProps } from './radio/RadioGroup.js';\nexport { SearchInput } from './search-input/SearchInput.js';\nexport type { SearchInputProps } from './search-input/SearchInput.js';\nexport type { SearchInputStepperProps } from './search-input/Stepper.js';\n\nexport { Select } from './select/Select.js';\nexport type {\n  SelectOnChangeValue,\n  SelectFormsProps,\n  SelectBaseProps,\n} from './select/Select.js';\nexport { SelectContent } from './select/SelectContent.js';\nexport type { SelectContentProps } from './select/SelectContent.js';\n\nexport { SelectCustomTrigger } from './select/SelectCustomTrigger.js';\nexport type { SelectCustomTriggerProps } from './select/SelectCustomTrigger.js';\n\nexport { SelectDisplayValue } from './select/SelectDisplayValue.js';\nexport type { SelectDisplayValueProps } from './select/SelectDisplayValue.js';\n\nexport { SelectEmptyState } from './select/SelectEmptyState.js';\nexport type { SelectEmptyStateProps } from './select/SelectEmptyState.js';\n\nexport { SelectFilter } from './select/SelectFilter.js';\nexport type { SelectFilterProps } from './select/SelectFilter.js';\n\nexport { SelectGroup, SelectGroupLabel } from './select/SelectGroup.js';\n\nexport type {\n  SelectGroupLabelProps,\n  SelectGroupProps,\n} from './select/SelectGroup.js';\n\nexport { SelectOption } from './select/SelectOption.js';\nexport type { SelectOptionProps } from './select/SelectOption.js';\n\nexport { SelectPrefix } from './select/SelectPrefix.js';\nexport type { SelectPrefixProps } from './select/SelectPrefix.js';\n\nexport { SelectSuffix } from './select/SelectSuffix.js';\nexport type { SelectSuffixProps } from './select/SelectSuffix.js';\n\nexport { SelectTrigger } from './select/SelectTrigger.js';\nexport type { SelectTriggerProps } from './select/SelectTrigger.js';\n\nexport type {\n  SelectContentWidthOptionsType,\n  SelectTriggerWidthOptionsType,\n  SelectMultiValue,\n  SelectSingleValue,\n} from './select/types.js';\n\nexport {\n  isFormControlRef as _isFormControlRef,\n  isFormControlWithOverlayRef as _isFormControlWithOverlayRef,\n} from './shared-types.js';\nexport type {\n  FormControlRef,\n  FormControlWithOverlayRef,\n  TimeRangePickerRef,\n} from './shared-types.js';\nexport {\n  NativeValidityStateKeys,\n  StratoValidityStateKeys,\n  ValidationError,\n  ValidityStateKey,\n} from './validation/types.js';\nexport type {\n  NativeValidityStateKey,\n  StratoValidityStateKey,\n  ValidationErrorOptions,\n  ValidationErrorSource,\n  ValidationState,\n  ValidationStatus,\n  ValidationTrigger,\n} from './validation/types.js';\nexport type { MessageTarget as _MessageTarget } from './validation/message-routing.js';\nexport { NumberSpinButton as _NumberSpinButton } from './spin-buttons/number-spin-button/NumberSpinButton.js';\nexport type {\n  NumberSpinButtonDisplayFormat as _NumberSpinButtonDisplayFormat,\n  NumberSpinButtonProps as _NumberSpinButtonProps,\n  NumberSpinButtonRef as _NumberSpinButtonRef,\n} from './spin-buttons/number-spin-button/types.js';\nexport { SpinButtonGroup as _SpinButtonGroup } from './spin-buttons/spin-button-group/SpinButtonGroup.js';\nexport type {\n  SpinButtonGroupProps as _SpinButtonGroupProps,\n  SpinButtonGroupSeparatorProps as _SpinButtonGroupSeparatorProps,\n} from './spin-buttons/spin-button-group/types.js';\nexport { TextSpinButton as _TextSpinButton } from './spin-buttons/text-spin-button/TextSpinButton.js';\nexport type {\n  TextSpinButtonProps as _TextSpinButtonProps,\n  TextSpinButtonRef as _TextSpinButtonRef,\n} from './spin-buttons/text-spin-button/types.js';\nexport type { SpinButtonTextSelection as _SpinButtonTextSelection } from './spin-buttons/types.js';\nexport { Switch } from './switch/Switch.js';\nexport type { SwitchProps } from './switch/Switch.js';\nexport { TextArea } from './text-area/TextArea.js';\nexport type { TextAreaProps, TextAreaInputRef } from './text-area/TextArea.js';\nexport { TextInput } from './text-input/TextInput.js';\nexport type {\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  TextInputControlledProps,\n  TextInputProps,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  TextInputUncontrolledProps,\n} from './text-input/TextInput.js';\n\nexport { DateTimeRangePicker as _DateTimeRangePicker } from './date-time-range-picker/DateTimeRangePicker.js';\nexport type {\n  DateTimeRangePickerProps as _DateTimeRangePickerProps,\n  DateTimeRangePickerRef as _DateTimeRangePickerRef,\n} from './date-time-range-picker/types.js';\n\nexport {\n  ToggleButtonGroup,\n  type ToggleButtonGroupProps,\n} from './toggle-button-group/ToggleButtonGroup.js';\nexport type { ToggleButtonGroupItemProps } from './toggle-button-group/Item.js';\nexport type { ToggleButtonGroupPrefixProps } from './toggle-button-group/Prefix.js';\nexport type { ToggleButtonGroupSuffixProps } from './toggle-button-group/Suffix.js';\n"],
+  "mappings": "AAKA,SAAS,gBAAgB;AAEzB,SAAqB,gBAAiB;AAOtC,SAAS,4BAA4B;AACrC,SAAS,sBAAsB;AAO/B,SAAS,gBAAgB;AAGzB,SAAS,iBAAiB;AAE1B,SAAS,yBAAyB;AAUlC,SAAS,yBAAyB;AAQlC,SAAuB,kBAAmB;AAC1C,SAAiB,YAAa;AAE9B,SAAyB,oBAAqB;AAK9C,SAAgC,2BAA4B;AAC5D,SAAoB,eAAgB;AACpC,SAAgC,2BAA4B;AAe5D,SAAS,YAAY;AAGrB,SAAS,aAAa;AAGtB,SAAS,mBAAmB;AAG5B,SAAwB,eAAfA,oBAAoC;AAE7C,SAAS,qBAAqB;AAG9B,SAAS,aAAa;AAEtB,SAAS,kBAAkB;AAE3B,SAAS,mBAAmB;AAI5B,SAAS,cAAc;AAMvB,SAAS,qBAAqB;AAG9B,SAAS,2BAA2B;AAGpC,SAAS,0BAA0B;AAGnC,SAAS,wBAAwB;AAGjC,SAAS,oBAAoB;AAG7B,SAAS,aAAa,wBAAwB;AAO9C,SAAS,oBAAoB;AAG7B,SAAS,oBAAoB;AAG7B,SAAS,oBAAoB;AAG7B,SAAS,qBAAqB;AAU9B;AAAA,EACsB;AAAA,EACW;AAAA,OAC1B;AAMP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAWP,SAA6B,wBAAyB;AAMtD,SAA4B,uBAAwB;AAKpD,SAA2B,sBAAuB;AAMlD,SAAS,cAAc;AAEvB,SAAS,gBAAgB;AAEzB,SAAS,iBAAiB;AAS1B,SAAgC,2BAA4B;AAM5D;AAAA,EACE;AAAA,OAEK;",
   "names": ["NumberInput"]
 }

package/esm/forms/radio/styles.css

@@ -1,12 +1,12 @@
-._h96idu0-3-11-2 {
+._h96idu0-3-12-0 {
   display: flex;
   flex-direction: column;
   gap: var(--dt-spacings-size-4, 4px);
 }
-._h96idu1-3-11-2 {
+._h96idu1-3-12-0 {
   cursor: default;
 }
-._h96idu5-3-11-2 {
+._h96idu5-3-12-0 {
   display: flex;
   gap: var(--dt-spacings-size-8, 8px);
   position: relative;
@@ -15,14 +15,14 @@
   vertical-align: middle;
   cursor: pointer;
 }
-._h96idu5-3-11-2._h96idu3-3-11-2 {
+._h96idu5-3-12-0._h96idu3-3-12-0 {
   cursor: not-allowed;
   color: var(--dt-colors-text-neutral-disabled, #595a7d80);
 }
-._h96idu1-3-11-2 ._h96idu5-3-11-2 {
+._h96idu1-3-12-0 ._h96idu5-3-12-0 {
   cursor: default;
 }
-._h96idu6-3-11-2 {
+._h96idu6-3-12-0 {
   position: relative;
   display: inline-flex;
   align-items: center;
@@ -31,38 +31,38 @@
   min-width: var(--dt-spacings-size-20, 20px);
   height: var(--dt-spacings-size-20, 20px);
   border-radius: var(--dt-borders-radius-field-emphasized, 9999px);
-  background-color: var(--_bx32h3-3-11-2);
+  background-color: var(--_bx32h3-3-12-0);
 }
-._h96idu7-3-11-2 {
+._h96idu7-3-12-0 {
   background-color: var(--dt-colors-background-field-neutral-disabled, #e4e5eb80);
   box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--dt-colors-border-neutral-disabled, #dadbe480);
 }
-._h96idue-3-11-2 {
+._h96idue-3-12-0 {
   background-color: var(--dt-colors-background-field-neutral-disabled, #e4e5eb80);
 }
-._h96idug-3-11-2 {
+._h96idug-3-12-0 {
   box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--dt-colors-border-critical-accent, #bb0731);
 }
-._h96iduh-3-11-2 {
+._h96iduh-3-12-0 {
   box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--dt-colors-border-neutral-accent, #595a7d);
 }
-._h96idui-3-11-2 {
+._h96idui-3-12-0 {
   box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--dt-colors-border-neutral-disabled, #dadbe480);
 }
-._h96iduj-3-11-2 {
+._h96iduj-3-12-0 {
   background-color: var(--dt-colors-background-field-critical-emphasized, #f8e1e1);
   box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--dt-colors-border-critical-accent, #bb0731);
 }
-._h96iduk-3-11-2 {
+._h96iduk-3-12-0 {
   height: 100%;
-  fill: var(--_bx32h1-3-11-2);
+  fill: var(--_bx32h1-3-12-0);
 }
-._h96idu5-3-11-2:not(._h96idu4-3-11-2) ._h96iduk-3-11-2 {
+._h96idu5-3-12-0:not(._h96idu4-3-12-0) ._h96iduk-3-12-0 {
   display: none;
 }
-._h96idu1-3-11-2 ._h96iduk-3-11-2 {
+._h96idu1-3-12-0 ._h96iduk-3-12-0 {
   fill: var(--dt-colors-icon-neutral-subdued, #595a7d);
 }
-._h96idu2-3-11-2._h96idu1-3-11-2 ._h96iduk-3-11-2 {
+._h96idu2-3-12-0._h96idu1-3-12-0 ._h96iduk-3-12-0 {
   fill: var(--dt-colors-icon-critical-default, #bb0731);
 }

package/esm/forms/radio/styles.sty.js

@@ -2,14 +2,14 @@ import "../../core/components/app-root/AppRoot.css";
 import "../../styles/field.css";
 import "./styles.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var checked = "_h96idu4-3-11-2";
-var disabled = "_h96idu3-3-11-2";
-var group = "_h96idu0-3-11-2";
-var hasError = "_h96idu2-3-11-2";
-var innerKnob = "_h96iduk-3-11-2";
-var knob = _7a468({ defaultClassName: "_h96idu6-3-11-2", variantClassNames: { disabled: { true: "_h96idu7-3-11-2" }, checked: { true: "_h96idu8-3-11-2", false: "_h96idu9-3-11-2" }, hasError: { true: "_h96idua-3-11-2", false: "_h96idub-3-11-2" }, isFocusVisible: { true: "_h96iduc-3-11-2", false: "_h96idud-3-11-2" }, readOnly: { true: "_h96idue-3-11-2", false: "_h96iduf-3-11-2" } }, defaultVariants: {}, compoundVariants: [[{ checked: false, hasError: true, isFocusVisible: false, disabled: false, readOnly: false }, "_h96idug-3-11-2"], [{ checked: false, hasError: false, isFocusVisible: false, disabled: false, readOnly: false }, "_h96iduh-3-11-2"], [{ readOnly: true, disabled: false }, "_h96idui-3-11-2"], [{ readOnly: true, hasError: true, disabled: false }, "_h96iduj-3-11-2"]] });
-var label = "_h96idu5-3-11-2";
-var readOnly = "_h96idu1-3-11-2";
+var checked = "_h96idu4-3-12-0";
+var disabled = "_h96idu3-3-12-0";
+var group = "_h96idu0-3-12-0";
+var hasError = "_h96idu2-3-12-0";
+var innerKnob = "_h96iduk-3-12-0";
+var knob = _7a468({ defaultClassName: "_h96idu6-3-12-0", variantClassNames: { disabled: { true: "_h96idu7-3-12-0" }, checked: { true: "_h96idu8-3-12-0", false: "_h96idu9-3-12-0" }, hasError: { true: "_h96idua-3-12-0", false: "_h96idub-3-12-0" }, isFocusVisible: { true: "_h96iduc-3-12-0", false: "_h96idud-3-12-0" }, readOnly: { true: "_h96idue-3-12-0", false: "_h96iduf-3-12-0" } }, defaultVariants: {}, compoundVariants: [[{ checked: false, hasError: true, isFocusVisible: false, disabled: false, readOnly: false }, "_h96idug-3-12-0"], [{ checked: false, hasError: false, isFocusVisible: false, disabled: false, readOnly: false }, "_h96iduh-3-12-0"], [{ readOnly: true, disabled: false }, "_h96idui-3-12-0"], [{ readOnly: true, hasError: true, disabled: false }, "_h96iduj-3-12-0"]] });
+var label = "_h96idu5-3-12-0";
+var readOnly = "_h96idu1-3-12-0";
 export {
   checked,
   disabled,

package/esm/forms/radio/styles.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/radio/styles.css.ts"],
-  "sourcesContent": ["import '../../core/components/app-root/AppRoot.css';\nimport '../../styles/field.css';\nimport './styles.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var checked = '_h96idu4-3-11-2';\nexport var disabled = '_h96idu3-3-11-2';\nexport var group = '_h96idu0-3-11-2';\nexport var hasError = '_h96idu2-3-11-2';\nexport var innerKnob = '_h96iduk-3-11-2';\nexport var knob = _7a468({defaultClassName:'_h96idu6-3-11-2',variantClassNames:{disabled:{true:'_h96idu7-3-11-2'},checked:{true:'_h96idu8-3-11-2',false:'_h96idu9-3-11-2'},hasError:{true:'_h96idua-3-11-2',false:'_h96idub-3-11-2'},isFocusVisible:{true:'_h96iduc-3-11-2',false:'_h96idud-3-11-2'},readOnly:{true:'_h96idue-3-11-2',false:'_h96iduf-3-11-2'}},defaultVariants:{},compoundVariants:[[{checked:false,hasError:true,isFocusVisible:false,disabled:false,readOnly:false},'_h96idug-3-11-2'],[{checked:false,hasError:false,isFocusVisible:false,disabled:false,readOnly:false},'_h96iduh-3-11-2'],[{readOnly:true,disabled:false},'_h96idui-3-11-2'],[{readOnly:true,hasError:true,disabled:false},'_h96iduj-3-11-2']]});\nexport var label = '_h96idu5-3-11-2';\nexport var readOnly = '_h96idu1-3-11-2';"],
+  "sourcesContent": ["import '../../core/components/app-root/AppRoot.css';\nimport '../../styles/field.css';\nimport './styles.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var checked = '_h96idu4-3-12-0';\nexport var disabled = '_h96idu3-3-12-0';\nexport var group = '_h96idu0-3-12-0';\nexport var hasError = '_h96idu2-3-12-0';\nexport var innerKnob = '_h96iduk-3-12-0';\nexport var knob = _7a468({defaultClassName:'_h96idu6-3-12-0',variantClassNames:{disabled:{true:'_h96idu7-3-12-0'},checked:{true:'_h96idu8-3-12-0',false:'_h96idu9-3-12-0'},hasError:{true:'_h96idua-3-12-0',false:'_h96idub-3-12-0'},isFocusVisible:{true:'_h96iduc-3-12-0',false:'_h96idud-3-12-0'},readOnly:{true:'_h96idue-3-12-0',false:'_h96iduf-3-12-0'}},defaultVariants:{},compoundVariants:[[{checked:false,hasError:true,isFocusVisible:false,disabled:false,readOnly:false},'_h96idug-3-12-0'],[{checked:false,hasError:false,isFocusVisible:false,disabled:false,readOnly:false},'_h96iduh-3-12-0'],[{readOnly:true,disabled:false},'_h96idui-3-12-0'],[{readOnly:true,hasError:true,disabled:false},'_h96iduj-3-12-0']]});\nexport var label = '_h96idu5-3-12-0';\nexport var readOnly = '_h96idu1-3-12-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,UAAU;AACd,IAAI,WAAW;AACf,IAAI,QAAQ;AACZ,IAAI,WAAW;AACf,IAAI,YAAY;AAChB,IAAI,OAAO,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,UAAS,EAAC,MAAK,kBAAiB,GAAE,SAAQ,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,GAAE,UAAS,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,GAAE,gBAAe,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,GAAE,UAAS,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,CAAC,EAAC,SAAQ,OAAM,UAAS,MAAK,gBAAe,OAAM,UAAS,OAAM,UAAS,MAAK,GAAE,iBAAiB,GAAE,CAAC,EAAC,SAAQ,OAAM,UAAS,OAAM,gBAAe,OAAM,UAAS,OAAM,UAAS,MAAK,GAAE,iBAAiB,GAAE,CAAC,EAAC,UAAS,MAAK,UAAS,MAAK,GAAE,iBAAiB,GAAE,CAAC,EAAC,UAAS,MAAK,UAAS,MAAK,UAAS,MAAK,GAAE,iBAAiB,CAAC,EAAC,CAAC;AAC9rB,IAAI,QAAQ;AACZ,IAAI,WAAW;",
   "names": []
 }

package/esm/forms/search-input/SearchInput.css

@@ -1,6 +1,6 @@
-._1mumub80-3-11-2 {
+._1mumub80-3-12-0 {
   min-width: 192px;
 }
-._1mumub81-3-11-2 {
+._1mumub81-3-12-0 {
   min-width: 272px;
 }

package/esm/forms/search-input/SearchInput.sty.js

@@ -1,6 +1,6 @@
 import "./SearchInput.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var searchInput = _7a468({ defaultClassName: "_1mumub80-3-11-2", variantClassNames: { hasStepper: { true: "_1mumub81-3-11-2" } }, defaultVariants: {}, compoundVariants: [] });
+var searchInput = _7a468({ defaultClassName: "_1mumub80-3-12-0", variantClassNames: { hasStepper: { true: "_1mumub81-3-12-0" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   searchInput
 };

package/esm/forms/search-input/SearchInput.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/search-input/SearchInput.css.ts"],
-  "sourcesContent": ["import './SearchInput.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var searchInput = _7a468({defaultClassName:'_1mumub80-3-11-2',variantClassNames:{hasStepper:{true:'_1mumub81-3-11-2'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './SearchInput.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var searchInput = _7a468({defaultClassName:'_1mumub80-3-12-0',variantClassNames:{hasStepper:{true:'_1mumub81-3-12-0'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,cAAc,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,YAAW,EAAC,MAAK,mBAAkB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/forms/search-input/Stepper.css

@@ -1,21 +1,21 @@
-._s3yy5s0-3-11-2 {
+._s3yy5s0-3-12-0 {
   display: flex;
   gap: var(--dt-spacings-size-4, 4px);
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
   align-items: center;
 }
-._s3yy5s1-3-11-2 {
+._s3yy5s1-3-12-0 {
   display: flex;
   gap: var(--dt-spacings-size-0, 0);
 }
-._s3yy5s2-3-11-2 {
+._s3yy5s2-3-12-0 {
   margin: 0;
 }
-._s3yy5s1-3-11-2 > ._s3yy5s2-3-11-2:first-child {
+._s3yy5s1-3-12-0 > ._s3yy5s2-3-12-0:first-child {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
-._s3yy5s1-3-11-2 > ._s3yy5s2-3-11-2:last-child {
+._s3yy5s1-3-12-0 > ._s3yy5s2-3-12-0:last-child {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }

package/esm/forms/search-input/Stepper.js

@@ -44,7 +44,14 @@ const Stepper = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsx(Divider, { orientation: "vertical", className: baseInputStyles.divider }),
+    /* @__PURE__ */ jsx(
+      Divider,
+      {
+        orientation: "vertical",
+        className: baseInputStyles.divider,
+        "aria-hidden": true
+      }
+    ),
     /* @__PURE__ */ jsxs("div", { className: styles.stepperButtons, role: "group", children: [
       /* @__PURE__ */ jsx(
         Button,

package/esm/forms/search-input/Stepper.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/search-input/Stepper.tsx"],
-  "sourcesContent": ["import { useContext, MouseEvent } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { ChevronDownIcon, ChevronUpIcon } from '@dynatrace/strato-icons';\n\nimport * as styles from './Stepper.sty.js';\nimport { Button } from '../../buttons/button/Button.js';\nimport { devLog } from '../../core/utils/logging.js';\nimport { Divider } from '../../layouts/divider/Divider.js';\nimport { Flex } from '../../layouts/flex/Flex.js';\nimport * as baseInputStyles from '../_base-input/BaseInput.sty.js';\nimport { BaseInputContext } from '../_base-input/contexts/BaseInputContext.js';\n\n//#region Typings\n\n/**\n * The properties of the SearchInput Stepper.\n * @public\n */\nexport type SearchInputStepperProps = {\n  /** The zero-based index of the current match. */\n  current: number;\n  /** Called when the current match index should change. */\n  onCurrentChange: (value: number) => void;\n  /** The total number of matches. */\n  total: number;\n};\n\n//#endregion Typings\n\nexport const Stepper = ({\n  current,\n  onCurrentChange,\n  total,\n}: SearchInputStepperProps) => {\n  const intl = useIntl();\n  const { hasError, disabled, ariaDisabled } = useContext(BaseInputContext);\n  const disabledOrAriaDisabled = disabled || ariaDisabled || false;\n\n  if (current > total) {\n    devLog(\n      `The current match index (${current}) is greater than the total number of matches (${total}). Please ensure that the current index is zero-based and less than the total.`,\n    );\n  }\n\n  const currentDisplay = total === 0 ? 0 : current + 1;\n\n  return (\n    <Flex gap={4}>\n      <output\n        className={styles.matchPositionIndicators}\n        aria-live=\"polite\"\n        aria-label={intl.formatMessage(\n          {\n            id: 'tw9ulrSgegYXHq69',\n            defaultMessage: 'Match {current} of {total}',\n            description: 'Label for the current match position',\n          },\n          { current: currentDisplay, total },\n        )}\n      >\n        <span>{currentDisplay}</span> / <span>{total}</span>\n      </output>\n      <Divider orientation=\"vertical\" className={baseInputStyles.divider} />\n      <div className={styles.stepperButtons} role=\"group\">\n        <Button\n          onClick={(e: MouseEvent) => {\n            e.stopPropagation();\n            onCurrentChange(current === 0 ? total - 1 : current - 1);\n          }}\n          className={styles.stepperButton}\n          color={hasError ? 'critical' : 'neutral'}\n          disabled={disabledOrAriaDisabled || total === 0}\n          aria-label={intl.formatMessage({\n            id: 'GLK6cN59tiRO9GDp',\n            defaultMessage: 'Previous match',\n            description: 'Label for the previous match button',\n          })}\n        >\n          <Button.Prefix>\n            <ChevronUpIcon />\n          </Button.Prefix>\n        </Button>\n        <Button\n          onClick={(e: MouseEvent) => {\n            e.stopPropagation();\n            onCurrentChange(current === total - 1 ? 0 : current + 1);\n          }}\n          className={styles.stepperButton}\n          color={hasError ? 'critical' : 'neutral'}\n          disabled={disabledOrAriaDisabled || total === 0}\n          aria-label={intl.formatMessage({\n            id: 'JLMJNMOPi2dCAbD1',\n            defaultMessage: 'Next match',\n            description: 'Label for the next match button',\n          })}\n        >\n          <Button.Prefix>\n            <ChevronDownIcon />\n          </Button.Prefix>\n        </Button>\n      </div>\n    </Flex>\n  );\n};\n\n(Stepper as typeof Stepper & { displayName: string }).displayName =\n  'SearchInput.Stepper';\n"],
-  "mappings": "AAiDM,SAYE,KAZF;AAjDN,SAAS,kBAA8B;AACvC,SAAS,eAAe;AAExB,SAAS,iBAAiB,qBAAqB;AAE/C,YAAY,YAAY;AACxB,SAAS,cAAc;AACvB,SAAS,cAAc;AACvB,SAAS,eAAe;AACxB,SAAS,YAAY;AACrB,YAAY,qBAAqB;AACjC,SAAS,wBAAwB;AAmB1B,MAAM,UAAU,CAAC;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AACF,MAA+B;AAC7B,QAAM,OAAO,QAAQ;AACrB,QAAM,EAAE,UAAU,UAAU,aAAa,IAAI,WAAW,gBAAgB;AACxE,QAAM,yBAAyB,YAAY,gBAAgB;AAE3D,MAAI,UAAU,OAAO;AACnB;AAAA,MACE,4BAA4B,OAAO,kDAAkD,KAAK;AAAA,IAC5F;AAAA,EACF;AAEA,QAAM,iBAAiB,UAAU,IAAI,IAAI,UAAU;AAEnD,SACE,qBAAC,QAAK,KAAK,GACT;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,OAAO;AAAA,QAClB,aAAU;AAAA,QACV,cAAY,KAAK;AAAA,UACf;AAAA,YACE,IAAI;AAAA,YACJ,gBAAgB;AAAA,YAChB,aAAa;AAAA,UACf;AAAA,UACA,EAAE,SAAS,gBAAgB,MAAM;AAAA,QACnC;AAAA,QAEA;AAAA,8BAAC,UAAM,0BAAe;AAAA,UAAO;AAAA,UAAG,oBAAC,UAAM,iBAAM;AAAA;AAAA;AAAA,IAC/C;AAAA,IACA,oBAAC,WAAQ,aAAY,YAAW,WAAW,gBAAgB,SAAS;AAAA,IACpE,qBAAC,SAAI,WAAW,OAAO,gBAAgB,MAAK,SAC1C;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,SAAS,CAAC,MAAkB;AAC1B,cAAE,gBAAgB;AAClB,4BAAgB,YAAY,IAAI,QAAQ,IAAI,UAAU,CAAC;AAAA,UACzD;AAAA,UACA,WAAW,OAAO;AAAA,UAClB,OAAO,WAAW,aAAa;AAAA,UAC/B,UAAU,0BAA0B,UAAU;AAAA,UAC9C,cAAY,KAAK,cAAc;AAAA,YAC7B,IAAI;AAAA,YACJ,gBAAgB;AAAA,YAChB,aAAa;AAAA,UACf,CAAC;AAAA,UAED,8BAAC,OAAO,QAAP,EACC,8BAAC,iBAAc,GACjB;AAAA;AAAA,MACF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,SAAS,CAAC,MAAkB;AAC1B,cAAE,gBAAgB;AAClB,4BAAgB,YAAY,QAAQ,IAAI,IAAI,UAAU,CAAC;AAAA,UACzD;AAAA,UACA,WAAW,OAAO;AAAA,UAClB,OAAO,WAAW,aAAa;AAAA,UAC/B,UAAU,0BAA0B,UAAU;AAAA,UAC9C,cAAY,KAAK,cAAc;AAAA,YAC7B,IAAI;AAAA,YACJ,gBAAgB;AAAA,YAChB,aAAa;AAAA,UACf,CAAC;AAAA,UAED,8BAAC,OAAO,QAAP,EACC,8BAAC,mBAAgB,GACnB;AAAA;AAAA,MACF;AAAA,OACF;AAAA,KACF;AAEJ;AAEC,QAAqD,cACpD;",
+  "sourcesContent": ["import { useContext, MouseEvent } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { ChevronDownIcon, ChevronUpIcon } from '@dynatrace/strato-icons';\n\nimport * as styles from './Stepper.sty.js';\nimport { Button } from '../../buttons/button/Button.js';\nimport { devLog } from '../../core/utils/logging.js';\nimport { Divider } from '../../layouts/divider/Divider.js';\nimport { Flex } from '../../layouts/flex/Flex.js';\nimport * as baseInputStyles from '../_base-input/BaseInput.sty.js';\nimport { BaseInputContext } from '../_base-input/contexts/BaseInputContext.js';\n\n//#region Typings\n\n/**\n * The properties of the SearchInput Stepper.\n * @public\n */\nexport type SearchInputStepperProps = {\n  /** The zero-based index of the current match. */\n  current: number;\n  /** Called when the current match index should change. */\n  onCurrentChange: (value: number) => void;\n  /** The total number of matches. */\n  total: number;\n};\n\n//#endregion Typings\n\nexport const Stepper = ({\n  current,\n  onCurrentChange,\n  total,\n}: SearchInputStepperProps) => {\n  const intl = useIntl();\n  const { hasError, disabled, ariaDisabled } = useContext(BaseInputContext);\n  const disabledOrAriaDisabled = disabled || ariaDisabled || false;\n\n  if (current > total) {\n    devLog(\n      `The current match index (${current}) is greater than the total number of matches (${total}). Please ensure that the current index is zero-based and less than the total.`,\n    );\n  }\n\n  const currentDisplay = total === 0 ? 0 : current + 1;\n\n  return (\n    <Flex gap={4}>\n      <output\n        className={styles.matchPositionIndicators}\n        aria-live=\"polite\"\n        aria-label={intl.formatMessage(\n          {\n            id: 'tw9ulrSgegYXHq69',\n            defaultMessage: 'Match {current} of {total}',\n            description: 'Label for the current match position',\n          },\n          { current: currentDisplay, total },\n        )}\n      >\n        <span>{currentDisplay}</span> / <span>{total}</span>\n      </output>\n      <Divider\n        orientation=\"vertical\"\n        className={baseInputStyles.divider}\n        aria-hidden\n      />\n      <div className={styles.stepperButtons} role=\"group\">\n        <Button\n          onClick={(e: MouseEvent) => {\n            e.stopPropagation();\n            onCurrentChange(current === 0 ? total - 1 : current - 1);\n          }}\n          className={styles.stepperButton}\n          color={hasError ? 'critical' : 'neutral'}\n          disabled={disabledOrAriaDisabled || total === 0}\n          aria-label={intl.formatMessage({\n            id: 'GLK6cN59tiRO9GDp',\n            defaultMessage: 'Previous match',\n            description: 'Label for the previous match button',\n          })}\n        >\n          <Button.Prefix>\n            <ChevronUpIcon />\n          </Button.Prefix>\n        </Button>\n        <Button\n          onClick={(e: MouseEvent) => {\n            e.stopPropagation();\n            onCurrentChange(current === total - 1 ? 0 : current + 1);\n          }}\n          className={styles.stepperButton}\n          color={hasError ? 'critical' : 'neutral'}\n          disabled={disabledOrAriaDisabled || total === 0}\n          aria-label={intl.formatMessage({\n            id: 'JLMJNMOPi2dCAbD1',\n            defaultMessage: 'Next match',\n            description: 'Label for the next match button',\n          })}\n        >\n          <Button.Prefix>\n            <ChevronDownIcon />\n          </Button.Prefix>\n        </Button>\n      </div>\n    </Flex>\n  );\n};\n\n(Stepper as typeof Stepper & { displayName: string }).displayName =\n  'SearchInput.Stepper';\n"],
+  "mappings": "AAiDM,SAYE,KAZF;AAjDN,SAAS,kBAA8B;AACvC,SAAS,eAAe;AAExB,SAAS,iBAAiB,qBAAqB;AAE/C,YAAY,YAAY;AACxB,SAAS,cAAc;AACvB,SAAS,cAAc;AACvB,SAAS,eAAe;AACxB,SAAS,YAAY;AACrB,YAAY,qBAAqB;AACjC,SAAS,wBAAwB;AAmB1B,MAAM,UAAU,CAAC;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AACF,MAA+B;AAC7B,QAAM,OAAO,QAAQ;AACrB,QAAM,EAAE,UAAU,UAAU,aAAa,IAAI,WAAW,gBAAgB;AACxE,QAAM,yBAAyB,YAAY,gBAAgB;AAE3D,MAAI,UAAU,OAAO;AACnB;AAAA,MACE,4BAA4B,OAAO,kDAAkD,KAAK;AAAA,IAC5F;AAAA,EACF;AAEA,QAAM,iBAAiB,UAAU,IAAI,IAAI,UAAU;AAEnD,SACE,qBAAC,QAAK,KAAK,GACT;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,OAAO;AAAA,QAClB,aAAU;AAAA,QACV,cAAY,KAAK;AAAA,UACf;AAAA,YACE,IAAI;AAAA,YACJ,gBAAgB;AAAA,YAChB,aAAa;AAAA,UACf;AAAA,UACA,EAAE,SAAS,gBAAgB,MAAM;AAAA,QACnC;AAAA,QAEA;AAAA,8BAAC,UAAM,0BAAe;AAAA,UAAO;AAAA,UAAG,oBAAC,UAAM,iBAAM;AAAA;AAAA;AAAA,IAC/C;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,aAAY;AAAA,QACZ,WAAW,gBAAgB;AAAA,QAC3B,eAAW;AAAA;AAAA,IACb;AAAA,IACA,qBAAC,SAAI,WAAW,OAAO,gBAAgB,MAAK,SAC1C;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,SAAS,CAAC,MAAkB;AAC1B,cAAE,gBAAgB;AAClB,4BAAgB,YAAY,IAAI,QAAQ,IAAI,UAAU,CAAC;AAAA,UACzD;AAAA,UACA,WAAW,OAAO;AAAA,UAClB,OAAO,WAAW,aAAa;AAAA,UAC/B,UAAU,0BAA0B,UAAU;AAAA,UAC9C,cAAY,KAAK,cAAc;AAAA,YAC7B,IAAI;AAAA,YACJ,gBAAgB;AAAA,YAChB,aAAa;AAAA,UACf,CAAC;AAAA,UAED,8BAAC,OAAO,QAAP,EACC,8BAAC,iBAAc,GACjB;AAAA;AAAA,MACF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,SAAS,CAAC,MAAkB;AAC1B,cAAE,gBAAgB;AAClB,4BAAgB,YAAY,QAAQ,IAAI,IAAI,UAAU,CAAC;AAAA,UACzD;AAAA,UACA,WAAW,OAAO;AAAA,UAClB,OAAO,WAAW,aAAa;AAAA,UAC/B,UAAU,0BAA0B,UAAU;AAAA,UAC9C,cAAY,KAAK,cAAc;AAAA,YAC7B,IAAI;AAAA,YACJ,gBAAgB;AAAA,YAChB,aAAa;AAAA,UACf,CAAC;AAAA,UAED,8BAAC,OAAO,QAAP,EACC,8BAAC,mBAAgB,GACnB;AAAA;AAAA,MACF;AAAA,OACF;AAAA,KACF;AAEJ;AAEC,QAAqD,cACpD;",
   "names": []
 }

package/esm/forms/search-input/Stepper.sty.js

@@ -5,9 +5,9 @@ import "../hooks/useAutofillEvent.css";
 import "../_base-input/BaseInput.css";
 import "../_base-input/BaseInputContent.css";
 import "./Stepper.css";
-var matchPositionIndicators = "_s3yy5s0-3-11-2 _o6rxr70-3-11-2 _da9a8v0-3-11-2 _da9a8v2-3-11-2 _da9a8v3-3-11-2 _da9a8vb-3-11-2";
-var stepperButton = "_s3yy5s2-3-11-2 _1a8lqy9e-3-11-2";
-var stepperButtons = "_s3yy5s1-3-11-2";
+var matchPositionIndicators = "_s3yy5s0-3-12-0 _o6rxr70-3-12-0 _da9a8v0-3-12-0 _da9a8v2-3-12-0 _da9a8v3-3-12-0 _da9a8vb-3-12-0";
+var stepperButton = "_s3yy5s2-3-12-0 _1a8lqy9e-3-12-0";
+var stepperButtons = "_s3yy5s1-3-12-0";
 export {
   matchPositionIndicators,
   stepperButton,

package/esm/forms/search-input/Stepper.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/search-input/Stepper.css.ts"],
-  "sourcesContent": ["import '../../core/components/app-root/AppRoot.css';\nimport '../../styles/field.css';\nimport '../../styles/textStyle.css';\nimport '../hooks/useAutofillEvent.css';\nimport '../_base-input/BaseInput.css';\nimport '../_base-input/BaseInputContent.css';\nimport './Stepper.css';\nexport var matchPositionIndicators = '_s3yy5s0-3-11-2 _o6rxr70-3-11-2 _da9a8v0-3-11-2 _da9a8v2-3-11-2 _da9a8v3-3-11-2 _da9a8vb-3-11-2';\nexport var stepperButton = '_s3yy5s2-3-11-2 _1a8lqy9e-3-11-2';\nexport var stepperButtons = '_s3yy5s1-3-11-2';"],
+  "sourcesContent": ["import '../../core/components/app-root/AppRoot.css';\nimport '../../styles/field.css';\nimport '../../styles/textStyle.css';\nimport '../hooks/useAutofillEvent.css';\nimport '../_base-input/BaseInput.css';\nimport '../_base-input/BaseInputContent.css';\nimport './Stepper.css';\nexport var matchPositionIndicators = '_s3yy5s0-3-12-0 _o6rxr70-3-12-0 _da9a8v0-3-12-0 _da9a8v2-3-12-0 _da9a8v3-3-12-0 _da9a8vb-3-12-0';\nexport var stepperButton = '_s3yy5s2-3-12-0 _1a8lqy9e-3-12-0';\nexport var stepperButtons = '_s3yy5s1-3-12-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACA,IAAI,0BAA0B;AAC9B,IAAI,gBAAgB;AACpB,IAAI,iBAAiB;",
   "names": []
 }