npm - @dnb/eufemia - Versions diffs - 10.75.2 → 10.75.3 - Mend

@dnb/eufemia 10.75.2 → 10.75.3

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.

Files changed (368) hide show

package/components/date-picker/DatePickerInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DatePickerInput.js","names":["React","useCallback","useContext","useMemo","useRef","useState","isValid","parseISO","classnames","TextMask","Button","Input","SubmitButton","warn","validateDOMAttributes","toCapitalized","IS_ANDROID","IS_IOS","convertStringToDate","formatDate","DatePickerContext","Context","useTranslation","usePartialDates","useInputDates","defaultProps","separatorRegExp","statusState","opened","DatePickerInput","externalProps","props","_objectSpread","maskOrder","defaultMaskOrder","maskPlaceholder","defaultMaskPlaceholder","DatePicker","isRange","id","title","submitAttributes","onFocus","onBlur","onChange","onSubmit","selectedDateTitle","showInput","inputElement","lang","disabled","skeleton","size","status","statusProps","attributes","_objectWithoutProperties","_excluded","focusState","setFocusState","partialDatesRef","setPartialDates","invalidDatesRef","invalidStartDate","invalidEndDate","isDateFullyFilledOutRef","updateDates","callOnChangeHandler","getReturnObject","startDate","endDate","onType","label","inputDates","updateInputDates","translation","locale","hasHadValidDate","modeDate","inputRefs","startDayRef","current","undefined","startMonthRef","startYearRef","endDayRef","endMonthRef","endYearRef","dateRefs","startDay","startMonth","startYear","endDay","endMonth","endYear","syncDateRefs","temporaryDates","refList","focusMode","maskList","separators","match","split","reduce","acc","cur","push","length","shift","copyHandler","event","mode","date","preventDefault","valueToCopy","clipboardData","setData","pasteHandler","success","window","getData","possibleFormats","forEach","sep","replace","reverse","join","index","dateFormat","error","callOnChangeAsInvalid","state","datesFromContext","derivedStartDate","derivedEndDate","callOnChange","_ref","dates","callOnType","_ref2","getDates","partialStartDate","partialEndDate","parsedStartDate","parsedEndDate","isStartDateValid","isEndDateValid","_getReturnObject","is_valid","is_valid_start_date","is_valid_end_date","returnObject","_excluded2","typedDates","start_date","end_date","setDate","type","persist","value","target","fallback","year","getFullYear","month","getMonth","day","getDate","Date","parseFloat","String","isValidDate","test","dateString","dateSetters","set_startDay","set_startMonth","set_startYear","set_endDay","set_endMonth","set_endYear","onFocusHandler","isNaN","setCursorPosition","onBlurHandler","onKeyDownHandler","keyCode","key","selectionStart","selectionEnd","getAttribute","firstSelectionStart","firstSelectionEnd","wait","secondSelectionStart","refListArray","findIndex","_ref3","isLastChar","isFirstChar","isMovingForward","isExplicitForward","hasNextField","_refListArray","nextSibling","withoutDelay","name","slice","isMovingBackward","isPressingBackspace","_refListArray2","prevSibling","endPos","onInputHandler","currentTarget","nativeEvent","inputType","getPlaceholderChar","indexOf","generateDateList","element","map","i","placeholderChar","isRangeLabel","onInput","onKeyDown","e","onPaste","onCopy","DateField","isValidElement","InputElement","inputSizeClassName","createElement","Fragment","_extends","className","mask","inputRef","hidden","htmlFor","renderInputElement","startDateList","endDateList","_span","ariaLabel","openPickerText","SubmitElement","innerRef","ref","input_state","input_element","status_state","submit_element","icon","variant","on_submit","on_click","position","arguments","options","focus","select","setSelectionRange","process","env","NODE_ENV","setTimeout","_ref4","_excluded3","guide","inputMode","showMask","keepCharPositions","autoComplete","autoCapitalize","spellCheck","autoCorrect","dateRefValue","inputDateValue","duration","Promise","r"],"sources":["../../../../src/components/date-picker/DatePickerInput.tsx"],"sourcesContent":["/*\n Web DatePicker Component\n \n /\n\nimport React, {\n MutableRefObject,\n useCallback,\n useContext,\n useMemo,\n useRef,\n useState,\n} from 'react'\n\n// date-fns\nimport isValid from 'date-fns/isValid'\nimport parseISO from 'date-fns/parseISO'\n\nimport classnames from 'classnames'\nimport TextMask, { TextMaskProps } from '../input-masked/TextMask'\nimport Button from '../button/Button'\nimport Input, { SubmitButton } from '../input/Input'\nimport type { InputInputElement, InputSize } from '../Input'\nimport {\n warn,\n validateDOMAttributes,\n toCapitalized,\n} from '../../shared/component-helper'\nimport { IS_ANDROID, IS_IOS } from '../../shared/helpers'\nimport { convertStringToDate, formatDate } from './DatePickerCalc'\nimport DatePickerContext from './DatePickerContext'\n\nimport type {\n FormStatusProps,\n FormStatusState,\n FormStatusText,\n} from '../FormStatus'\nimport type { SkeletonShow } from '../Skeleton'\nimport { ReturnObject } from './DatePickerProvider'\nimport { DatePickerEventAttributes, DatePickerProps } from './DatePicker'\nimport { Context, useTranslation } from '../../shared'\nimport usePartialDates from './hooks/usePartialDates'\nimport useInputDates, { DatePickerInputDates } from './hooks/useInputDates'\n\nexport type DatePickerInputProps = Omit<\n React.HTMLProps<HTMLInputElement>,\n \| 'children'\n \| 'ref'\n \| 'value'\n \| 'size'\n \| 'onFocus'\n \| 'onBlur'\n \| 'onSubmit'\n \| 'label'\n> & {\n selectedDateTitle?: string\n maskOrder?: DatePickerProps['maskOrder']\n maskPlaceholder?: DatePickerProps['maskPlaceholder']\n separatorRegExp?: RegExp\n submitAttributes?: Record<string, unknown>\n isRange?: boolean\n /*\n The sizes you can choose is `small` (1.5rem), `default` (2rem), `medium` (2.5rem) and `large` (3rem) are supported component sizes. Defaults to `default` / `null`.\n /\n size?: InputSize\n /\n Text with a status message. The style defaults to an error message. You can use `true` to only get the status color, without a message.\n /\n status?: FormStatusText\n /\n Defines the state of the status. Currently, there are two statuses `[error, info]`. Defaults to `error`.\n /\n statusState?: FormStatusState\n /\n Use an object to define additional FormStatus properties.\n /\n statusProps?: FormStatusProps\n /\n Gives you the possibility to use a plain/vanilla `<input />` HTML element by defining it as a string `input_element=\"input\"`, a React element, or a render function `input_element={(internalProps) => (<Return />)}`. Can also be used in circumstances where the `react-text-mask` not should be used, e.g. in testing environments. Defaults to custom masked input.\n /\n inputElement?: InputInputElement\n /\n If set to `true`, an overlaying skeleton with animation will be shown.\n /\n skeleton?: SkeletonShow\n /\n To open the date-picker by default. Defaults to `false`.\n /\n opened?: boolean\n showInput?: boolean\n onSubmit?: (event: React.MouseEvent<HTMLButtonElement>) => void\n onChange?: (\n event: ReturnObject<React.ChangeEvent<HTMLInputElement>>\n ) => void\n /\n Will be called once the input gets focus.\n /\n onFocus?: (\n event: ReturnObject<React.FocusEvent<HTMLInputElement>>\n ) => void\n /\n Will be called once the input lose focus.\n */\n onBlur?: (\n event: ReturnObject<React.FocusEvent<HTMLInputElement>>\n ) => void\n}\n\nexport type InvalidDates = {\n invalidDate?: string\n invalidStartDate?: string\n invalidEndDate?: string\n}\n\nconst defaultProps: DatePickerInputProps = {\n separatorRegExp: /[-/ ]/g,\n statusState: 'error',\n opened: false,\n}\n\nfunction DatePickerInput(externalProps: DatePickerInputProps) {\n const props = { ...defaultProps, ...externalProps }\n\n const {\n maskOrder: defaultMaskOrder,\n maskPlaceholder: defaultMaskPlaceholder,\n } = useTranslation().DatePicker\n\n const {\n isRange,\n maskOrder = defaultMaskOrder,\n separatorRegExp,\n id,\n title,\n submitAttributes,\n maskPlaceholder = defaultMaskPlaceholder, // eslint-disable-line\n onFocus,\n onBlur,\n onChange, // eslint-disable-line\n onSubmit, // eslint-disable-line\n selectedDateTitle, // eslint-disable-line\n showInput, // eslint-disable-line\n inputElement,\n lang,\n disabled,\n skeleton,\n opened,\n size,\n status,\n statusState,\n statusProps,\n\n ...attributes\n } = props\n const [focusState, setFocusState] = useState<string>('virgin')\n\n const { partialDatesRef, setPartialDates } = usePartialDates()\n\n const invalidDatesRef = useRef<InvalidDates>({\n invalidStartDate: null,\n invalidEndDate: null,\n })\n const isDateFullyFilledOutRef = useRef(false)\n\n const {\n updateDates,\n callOnChangeHandler,\n getReturnObject,\n startDate,\n endDate,\n props: { onType, label },\n } = useContext(DatePickerContext)\n\n const { inputDates, updateInputDates } = useInputDates({\n startDate,\n endDate,\n })\n\n const translation = useTranslation().DatePicker\n const { locale } = useContext(Context)\n\n const hasHadValidDate = isValid(startDate) \|\| isValid(endDate)\n\n const modeDate = useMemo(\n () => ({\n startDate,\n endDate,\n }),\n [startDate, endDate]\n )\n\n const inputRefs = useRef<\n Record<string, MutableRefObject<HTMLInputElement>>\n >({\n startDayRef: { current: undefined },\n startMonthRef: { current: undefined },\n startYearRef: { current: undefined },\n endDayRef: { current: undefined },\n endMonthRef: { current: undefined },\n endYearRef: { current: undefined },\n })\n\n const dateRefs = useRef<DatePickerInputDates>({\n startDay: '',\n startMonth: '',\n startYear: '',\n endDay: '',\n endMonth: '',\n endYear: '',\n })\n\n // Keep dateRefs in sync with inputDates on re-render\n syncDateRefs(dateRefs, inputDates)\n\n const temporaryDates = useRef<Record<string, Date>>({\n startDate: undefined,\n endDate: undefined,\n })\n\n const refList = useRef<Array<MutableRefObject<HTMLInputElement>>>()\n\n const focusMode = useRef<string>()\n\n const maskList = useMemo(() => {\n const separators = maskOrder.match(separatorRegExp)\n\n return maskOrder\n .split(separatorRegExp)\n .reduce<Array<string>>((acc, cur) => {\n if (!cur) {\n return acc\n }\n\n acc.push(cur)\n\n if (separators.length > 0) {\n // makes sure that separators are added at the correct places and removed from array when added\n acc.push(separators.shift())\n }\n\n return acc\n }, [])\n }, [maskOrder, separatorRegExp])\n\n const copyHandler = useCallback(\n (\n event: React.ClipboardEvent<HTMLInputElement>,\n mode: DatePickerEventAttributes['mode']\n ) => {\n const date = mode === 'end' ? endDate : startDate\n if (isValid(date)) {\n event.preventDefault()\n const valueToCopy = formatDate(date, { locale })\n event.clipboardData.setData('text/plain', valueToCopy)\n }\n },\n [endDate, locale, startDate]\n )\n\n const pasteHandler = useCallback(\n async (event: React.ClipboardEvent<HTMLInputElement>) => {\n if (!focusMode.current) {\n return // Stop here\n }\n\n const success = (\n event.clipboardData \|\|\n (typeof window !== 'undefined' && window['clipboardData'])\n ).getData('text/plain')\n\n if (!success) {\n return // Stop here\n }\n\n event.preventDefault()\n\n try {\n const separators = ['.', '/']\n const possibleFormats = ['yyyy-MM-dd']\n\n // TODO: Merge these loops\n possibleFormats.forEach((date) => {\n separators.forEach((sep) => {\n possibleFormats.push(date.replace(/-/g, sep))\n })\n })\n\n possibleFormats.forEach((date) => {\n possibleFormats.push(date.split('').reverse().join(''))\n })\n\n let date: Date\n let index = 0\n\n for (index; index < possibleFormats.length; ++index) {\n date = convertStringToDate(success, {\n dateFormat: possibleFormats[index],\n })\n\n if (date) {\n break\n }\n }\n\n const mode =\n focusMode.current === 'start' ? 'startDate' : 'endDate'\n\n if (date) {\n updateDates({\n [mode]: date,\n })\n }\n } catch (error: unknown) {\n warn(error)\n }\n },\n [updateDates]\n )\n\n const callOnChangeAsInvalid = useCallback(\n (state: {\n endDate?: Date\n starDate?: Date\n event: React.ChangeEvent<HTMLInputElement>\n }) => {\n // Should fire if user has filled out an invalid date,\n // or if the date was valid. Like if the user has pressed backspace or removed the valid date.\n if (isDateFullyFilledOutRef.current \|\| hasHadValidDate) {\n const datesFromContext = { startDate, endDate }\n\n const {\n startDate: derivedStartDate,\n endDate: derivedEndDate,\n event,\n } = {\n ...state,\n ...datesFromContext,\n }\n\n callOnChangeHandler({\n startDate: derivedStartDate,\n endDate: derivedEndDate,\n event,\n ...invalidDatesRef.current,\n })\n }\n },\n [callOnChangeHandler, hasHadValidDate, startDate, endDate]\n )\n\n const callOnChange = useCallback(\n ({\n startDate,\n endDate,\n event,\n }: {\n startDate?: Date\n endDate?: Date\n event:\n \| React.ChangeEvent<HTMLInputElement>\n \| React.KeyboardEvent<HTMLInputElement>\n }) => {\n const state = {}\n if (typeof startDate !== 'undefined' && isValid(startDate)) {\n state['startDate'] = startDate\n }\n if (!isRange) {\n endDate = startDate\n }\n if (typeof endDate !== 'undefined' && isValid(endDate)) {\n state['endDate'] = endDate\n }\n\n updateDates(state, (dates) => {\n if (\n (typeof startDate !== 'undefined' && isValid(startDate)) \|\|\n (typeof endDate !== 'undefined' && isValid(endDate))\n ) {\n callOnChangeHandler({\n event,\n ...dates,\n ...invalidDatesRef.current,\n })\n }\n })\n },\n [updateDates, callOnChangeHandler, isRange]\n )\n\n const callOnType = useCallback(\n ({ event }: { event: React.ChangeEvent<HTMLInputElement> }) => {\n const getDates = () =>\n ['start', 'end'].reduce(\n (acc, mode) => {\n acc[`${mode}Date`] = [\n dateRefs.current[`${mode}Year`] \|\|\n inputDates[`${mode}Year`] \|\|\n 'yyyy',\n dateRefs.current[`${mode}Month`] \|\|\n inputDates[`${mode}Month`] \|\|\n 'mm',\n dateRefs.current[`${mode}Day`] \|\|\n inputDates[`${mode}Day`] \|\|\n 'dd',\n ].join('-')\n return acc\n },\n { startDate: undefined, endDate: undefined }\n )\n\n // Get the typed dates, so we can ...\n const { startDate, endDate } = getDates()\n\n // Get the partial dates, so we can know if something was typed or not in an optional date field\n setPartialDates({\n partialStartDate: startDate,\n // Only set endDate if in range mode\n ...(isRange && { partialEndDate: endDate }),\n })\n\n const parsedStartDate = parseISO(startDate)\n const parsedEndDate = parseISO(endDate)\n\n const isStartDateValid = isValid(parsedStartDate)\n const isEndDateValid = isValid(parsedEndDate)\n\n const {\n is_valid,\n is_valid_start_date,\n is_valid_end_date,\n ...returnObject\n } = getReturnObject({\n startDate: isStartDateValid ? parsedStartDate : null,\n endDate: isEndDateValid ? parsedEndDate : null,\n event,\n ...partialDatesRef.current,\n ...invalidDatesRef.current,\n })\n\n // Re-assigns dates to the typed date, instead of `null` from getReturnObject, if dates are invalid\n const typedDates = {\n ...(!isRange && is_valid === false && { date: startDate }),\n ...(isRange &&\n is_valid_start_date === false && { start_date: startDate }),\n ...(isRange &&\n is_valid_end_date === false && { end_date: endDate }),\n }\n\n onType?.({\n is_valid,\n is_valid_start_date,\n is_valid_end_date,\n ...returnObject,\n ...typedDates,\n })\n },\n [\n setPartialDates,\n isRange,\n getReturnObject,\n partialDatesRef,\n onType,\n inputDates,\n ]\n )\n\n const setDate = useCallback(\n (\n event: React.ChangeEvent<HTMLInputElement>,\n mode: 'start' \| 'end',\n type: 'Day' \| 'Month' \| 'Year'\n ) => {\n event.persist() // since we have later a state update and afterwards the callback\n\n const value = (event.target as HTMLInputElement).value\n\n dateRefs.current[`${mode}${type}`] = value\n\n if (modeDate[`${mode}Date`]) {\n temporaryDates.current[`${mode}Date`] = modeDate[`${mode}Date`]\n }\n\n const fallback = temporaryDates.current[`${mode}Date`]\n\n // provide fallbacks to create a temp fallback\n const year =\n dateRefs.current[`${mode}Year`] \|\|\n (fallback && fallback.getFullYear())\n const month =\n dateRefs.current[`${mode}Month`] \|\|\n (fallback && fallback.getMonth() + 1)\n const day =\n dateRefs.current[`${mode}Day`] \|\| (fallback && fallback.getDate())\n\n // calculate new date\n const date = new Date(\n parseFloat(String(year)),\n parseFloat(String(month)) - 1,\n parseFloat(String(day))\n )\n\n const isValidDate =\n !/[^0-9]/.test(String(day)) &&\n !/[^0-9]/.test(String(month)) &&\n !/[^0-9]/.test(String(year)) &&\n isValid(date) &&\n date.getDate() == parseFloat(String(day)) &&\n date.getMonth() + 1 == parseFloat(String(month)) &&\n date.getFullYear() == parseFloat(String(year))\n\n const dateString = `${year}-${month}-${day}`\n\n isDateFullyFilledOutRef.current =\n /^[0-9]{4}-[0-9]{2}-[0-9]{2}$/.test(dateString)\n\n // update the date\n if (isValidDate) {\n invalidDatesRef.current = {\n ...invalidDatesRef.current,\n ...(mode === 'start'\n ? { invalidStartDate: null }\n : { invalidEndDate: null }),\n }\n\n callOnChange({\n [`${mode}Date`]: date,\n event,\n })\n } else {\n updateDates({\n [`${mode}Date`]: null,\n })\n updateInputDates({ [`${mode}${type}`]: value })\n\n invalidDatesRef.current = {\n ...invalidDatesRef.current,\n ...(mode === 'start'\n ? { invalidStartDate: dateString }\n : { invalidEndDate: dateString }),\n }\n\n callOnChangeAsInvalid({\n [`${mode}Date`]: null,\n event,\n })\n }\n\n callOnType({ event })\n },\n [\n updateDates,\n callOnChange,\n callOnChangeAsInvalid,\n callOnType,\n modeDate,\n dateRefs,\n temporaryDates,\n updateInputDates,\n ]\n )\n\n const dateSetters = useMemo(\n () => ({\n set_startDay: (event: React.ChangeEvent<HTMLInputElement>) => {\n setDate(event, 'start', 'Day')\n },\n\n set_startMonth: (event: React.ChangeEvent<HTMLInputElement>) => {\n setDate(event, 'start', 'Month')\n },\n\n set_startYear: (event: React.ChangeEvent<HTMLInputElement>) => {\n setDate(event, 'start', 'Year')\n },\n\n set_endDay: (event: React.ChangeEvent<HTMLInputElement>) => {\n setDate(event, 'end', 'Day')\n },\n\n set_endMonth: (event: React.ChangeEvent<HTMLInputElement>) => {\n setDate(event, 'end', 'Month')\n },\n\n set_endYear: (event: React.ChangeEvent<HTMLInputElement>) => {\n setDate(event, 'end', 'Year')\n },\n }),\n [setDate]\n )\n\n const onFocusHandler = useCallback(\n (event: React.FocusEvent<HTMLInputElement>) => {\n setFocusState('focus')\n\n onFocus?.({\n ...event,\n ...getReturnObject({ event }),\n })\n\n if (isNaN(parseFloat(event.target.value))) {\n setCursorPosition(event.target)\n }\n },\n [getReturnObject, onFocus]\n )\n\n const onBlurHandler = useCallback(\n (event: React.FocusEvent<HTMLInputElement>) => {\n focusMode.current = null\n setFocusState('blur')\n\n onBlur?.({\n ...event,\n ...getReturnObject({ event, ...partialDatesRef.current }),\n })\n },\n [onBlur, getReturnObject, partialDatesRef]\n )\n\n const onKeyDownHandler = useCallback(\n async (event: React.KeyboardEvent<HTMLInputElement>) => {\n const keyCode = event.key\n const target = event.target as HTMLInputElement\n\n if (target.selectionStart !== target.selectionEnd) {\n setCursorPosition(target)\n }\n\n // The rest is for value entry\n\n const size = parseFloat(target.getAttribute('size'))\n const firstSelectionStart = target.selectionStart\n const firstSelectionEnd = target.selectionEnd\n\n // To get the correct position afterwards.\n // Use 10ms in order to make it work on iOS Safari\n await wait(IS_IOS ? 10 : 1)\n\n const secondSelectionStart = target.selectionStart\n\n // Always false (since the old keycode function set number keys to undefined) but needed to not break tests\n const isValid = /[0-9]/g.test(keyCode)\n const refListArray = refList.current\n\n const index = refListArray.findIndex(\n ({ current }) => current === target\n )\n\n const isLastChar = secondSelectionStart === size\n const isFirstChar = firstSelectionStart === size\n\n const isMovingForward =\n keyCode !== 'ArrowLeft' &&\n keyCode !== 'Backspace' &&\n isValid &&\n isLastChar\n\n const isExplicitForward =\n (keyCode === 'ArrowRight' \|\| keyCode === 'Enter') && isFirstChar\n\n const hasNextField = index < refListArray.length - 1\n\n if (hasNextField && (isMovingForward \|\| isExplicitForward)) {\n // stop in case there is no next input element\n if (!refListArray[index + 1].current) {\n return // stop here\n }\n const nextSibling = refListArray[index + 1]?.current\n\n if (nextSibling) {\n setCursorPosition(nextSibling, 0, { withoutDelay: true })\n }\n\n // When the cursor is at the end of the input\n // and the user types a number, we want to set the value on the next input.\n if (\n parseFloat(keyCode) <= 9 &&\n firstSelectionStart === target.size\n ) {\n const name = toCapitalized(\n nextSibling\n .getAttribute('class')\n .match(/__input--(day\|month\|year)($\|\\s)/)[1]\n )\n const mode = nextSibling\n .getAttribute('id')\n .match(/-(start\|end)-(day\|month\|year)/)[1]\n\n dateSetters[`set_${mode}${name}`]({\n persist: () => null,\n ...event,\n target: {\n value: keyCode + nextSibling.value.slice(1),\n },\n })\n\n setCursorPosition(nextSibling, 1)\n }\n } else if (index > 0 && firstSelectionStart === firstSelectionEnd) {\n const isMovingBackward =\n keyCode === 'ArrowLeft' && firstSelectionStart === 0\n const isPressingBackspace =\n keyCode === 'Backspace' && firstSelectionStart <= 1\n\n if (isMovingBackward \|\| isPressingBackspace) {\n const prevSibling = refListArray[index - 1]?.current\n if (prevSibling) {\n const endPos = prevSibling.value.length\n setCursorPosition(prevSibling, endPos, {\n withoutDelay: true,\n })\n }\n }\n }\n },\n [dateSetters]\n )\n\n const onInputHandler = useCallback(\n (event) => {\n const target = event.currentTarget\n\n // Add support for \"backspace\" on Android virtual keyboard\n if (\n IS_ANDROID &&\n event.nativeEvent.inputType === 'deleteContentBackward' &&\n target.selectionStart === 0 &&\n target.selectionEnd === 0\n ) {\n onKeyDownHandler({\n ...event,\n key: 'Backspace',\n })\n }\n },\n [onKeyDownHandler]\n )\n\n const getPlaceholderChar = useCallback(\n (value: string) => {\n const index = maskOrder.indexOf(value)\n return maskPlaceholder[index]\n },\n [maskOrder, maskPlaceholder]\n )\n\n // TODO: Replace with MultiInputMask\n const generateDateList = useCallback(\n (\n element: Omit<React.HTMLProps<HTMLInputElement>, 'size'> &\n DatePickerEventAttributes,\n mode: 'start' \| 'end'\n ) => {\n return maskList.map((value, i) => {\n const state = value.slice(0, 1)\n const placeholderChar = getPlaceholderChar(value)\n const { day, month, year } = translation\n const isRangeLabel = isRange ? `${translation[mode]} ` : ''\n\n if (!separatorRegExp.test(value)) {\n if (!inputElement) {\n element = {\n ...element,\n onInput: onInputHandler,\n onKeyDown: onKeyDownHandler,\n onFocus: (e) => {\n focusMode.current = mode\n onFocusHandler(e)\n },\n onBlur: onBlurHandler,\n onPaste: pasteHandler,\n onCopy: (event) => {\n copyHandler(event, mode)\n },\n placeholderChar,\n }\n }\n\n // this makes it possible to use a vanilla <input /> like: input_element=\"input\"\n const DateField =\n inputElement && React.isValidElement(inputElement)\n ? inputElement.type\n : InputElement\n\n const inputSizeClassName =\n size && `dnb-date-picker__input--${size}`\n\n switch (state) {\n case 'd':\n refList.current.push(inputRefs.current[`${mode}DayRef`])\n\n return (\n <React.Fragment key={'dd' + i}>\n <DateField\n {...element}\n id={`${id}-${mode}-day`}\n key={'di' + i}\n className={classnames(\n element.className,\n 'dnb-date-picker__input',\n 'dnb-date-picker__input--day',\n inputSizeClassName\n )}\n size={2}\n mask={[/[0-9]/, /[0-9]/]}\n inputRef={inputRefs.current[`${mode}DayRef`]}\n onChange={dateSetters[`set_${mode}Day`]}\n value={inputDates[`${mode}Day`] \|\| ''}\n aria-labelledby={`${id}-${mode}-day-label`}\n />\n <label\n key={'dl' + i}\n hidden\n id={`${id}-${mode}-day-label`}\n htmlFor={`${id}-${mode}-day`}\n >\n {isRangeLabel + day}\n </label>\n </React.Fragment>\n )\n case 'm':\n refList.current.push(inputRefs.current[`${mode}MonthRef`])\n\n return (\n <React.Fragment key={'mm' + i}>\n <DateField\n {...element}\n id={`${id}-${mode}-month`}\n key={'mi' + i}\n className={classnames(\n element.className,\n 'dnb-date-picker__input',\n 'dnb-date-picker__input--month',\n inputSizeClassName\n )}\n size={2}\n mask={[/[0-9]/, /[0-9]/]}\n inputRef={inputRefs.current[`${mode}MonthRef`]}\n onChange={dateSetters[`set_${mode}Month`]}\n value={inputDates[`${mode}Month`] \|\| ''}\n aria-labelledby={`${id}-${mode}-month-label`}\n />\n <label\n key={'ml' + i}\n hidden\n id={`${id}-${mode}-month-label`}\n htmlFor={`${id}-${mode}-month`}\n >\n {isRangeLabel + month}\n </label>\n </React.Fragment>\n )\n case 'y':\n refList.current.push(inputRefs.current[`${mode}YearRef`])\n\n return (\n <React.Fragment key={'yy' + i}>\n <DateField\n {...element}\n id={`${id}-${mode}-year`}\n key={'yi' + i}\n className={classnames(\n element.className,\n 'dnb-date-picker__input',\n 'dnb-date-picker__input--year',\n inputSizeClassName\n )}\n size={4}\n mask={[/[0-9]/, /[0-9]/, /[0-9]/, /[0-9]/]}\n inputRef={inputRefs.current[`${mode}YearRef`]}\n onChange={dateSetters[`set_${mode}Year`]}\n value={inputDates[`${mode}Year`] \|\| ''}\n aria-labelledby={`${id}-${mode}-year-label`}\n />\n <label\n key={'yl' + i}\n hidden\n id={`${id}-${mode}-year-label`}\n htmlFor={`${id}-${mode}-year`}\n >\n {isRangeLabel + year}\n </label>\n </React.Fragment>\n )\n }\n }\n return (\n <span\n key={'s' + i}\n className=\"dnb-date-picker--separator\"\n aria-hidden\n >\n {placeholderChar}\n </span>\n )\n })\n },\n [\n maskList,\n getPlaceholderChar,\n translation,\n isRange,\n separatorRegExp,\n inputElement,\n size,\n onInputHandler,\n onKeyDownHandler,\n pasteHandler,\n onBlurHandler,\n onFocusHandler,\n id,\n dateSetters,\n inputDates,\n ]\n )\n\n const renderInputElement = useCallback(\n (\n element: React.HTMLProps<HTMLInputElement> &\n DatePickerEventAttributes\n ) => {\n refList.current = []\n const startDateList = generateDateList(element, 'start')\n const endDateList = generateDateList(element, 'end')\n\n return (\n <span\n id={`${id}-input`}\n className=\"dnb-date-picker__input__wrapper\"\n >\n {startDateList}\n {isRange && (\n <span className=\"dnb-date-picker--separator\" aria-hidden>\n {' – '}\n </span>\n )}\n {isRange && endDateList}\n </span>\n )\n },\n [id, isRange, generateDateList]\n )\n\n const ariaLabel = useMemo(\n () =>\n selectedDateTitle\n ? `${selectedDateTitle}, ${translation.openPickerText}`\n : translation.openPickerText,\n [selectedDateTitle, translation]\n )\n\n validateDOMAttributes(props, attributes)\n validateDOMAttributes(null, submitAttributes)\n\n const SubmitElement: React.ElementType = useMemo(\n () => (showInput ? SubmitButton : Button),\n [showInput]\n )\n\n if (!showInput) {\n // Use Button inner ref\n submitAttributes.innerRef = submitAttributes.ref\n submitAttributes.ref = null\n }\n\n return (\n <fieldset className=\"dnb-date-picker__fieldset\" lang={lang}>\n {label && <legend className=\"dnb-sr-only\">{label}</legend>}\n <Input\n id={`${id}__input`}\n input_state={disabled ? 'disabled' : focusState}\n input_element={\n inputElement && typeof inputElement !== 'string'\n ? typeof inputElement === 'function'\n ? inputElement(props)\n : inputElement\n : renderInputElement\n }\n disabled={disabled \|\| skeleton}\n skeleton={skeleton}\n size={size}\n status={!opened ? status : null}\n status_state={statusState}\n {...statusProps}\n submit_element={\n <SubmitElement\n id={id}\n disabled={disabled}\n skeleton={skeleton}\n className={classnames(\n showInput && 'dnb-button--input-button',\n opened ? 'dnb-button--active' : null\n )}\n aria-label={ariaLabel}\n title={title}\n size={size}\n status={status}\n status_state={statusState}\n type=\"button\"\n icon=\"calendar\"\n variant=\"secondary\"\n on_submit={onSubmit}\n on_click={onSubmit}\n {...submitAttributes}\n {...statusProps}\n />\n }\n lang={lang}\n {...attributes}\n />\n </fieldset>\n )\n}\n\nexport default DatePickerInput\n\nfunction setCursorPosition(\n target: HTMLInputElement,\n position = 0,\n options?: { withoutDelay?: boolean }\n) {\n target.focus()\n\n const select = () => {\n target.setSelectionRange(position, position)\n }\n\n // Delay for correct iOS Safari appearance\n if (!options?.withoutDelay && process.env.NODE_ENV !== 'test') {\n setTimeout(select, 0)\n } else {\n select()\n }\n}\n\nfunction InputElement({ className, value, ...props }: TextMaskProps) {\n return (\n <TextMask\n guide={true}\n inputMode=\"numeric\"\n showMask={true}\n keepCharPositions={false} // so we can overwrite next value, if it already exists\n autoComplete=\"off\"\n autoCapitalize=\"none\"\n spellCheck={false}\n autoCorrect=\"off\"\n className={classnames(\n className,\n /\\d+/.test(String(value)) && 'dnb-date-picker__input--highlight'\n )}\n value={value}\n {...props}\n />\n )\n}\n\nfunction syncDateRefs(\n dateRefs: React.MutableRefObject<DatePickerInputDates>,\n inputDates: DatePickerInputDates\n) {\n for (const date in dateRefs.current) {\n const dateRefValue = dateRefs.current[date]\n const inputDateValue = inputDates[date]\n\n if (dateRefValue !== inputDateValue) {\n dateRefs.current[date] = inputDateValue\n }\n }\n}\n\nconst wait = (duration: number) =>\n new Promise((r) => setTimeout(r, duration))\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"DatePickerInput.js","names":["React","useCallback","useContext","useMemo","useRef","useState","isValid","parseISO","classnames","TextMask","Button","Input","SubmitButton","warn","validateDOMAttributes","toCapitalized","IS_ANDROID","IS_IOS","convertStringToDate","formatDate","DatePickerContext","Context","useTranslation","usePartialDates","useInputDates","defaultProps","separatorRegExp","statusState","opened","DatePickerInput","externalProps","props","_objectSpread","maskOrder","defaultMaskOrder","maskPlaceholder","defaultMaskPlaceholder","DatePicker","isRange","id","title","submitAttributes","onFocus","onBlur","onChange","onSubmit","selectedDateTitle","showInput","inputElement","lang","disabled","skeleton","size","status","statusProps","attributes","_objectWithoutProperties","_excluded","focusState","setFocusState","partialDatesRef","setPartialDates","invalidDatesRef","invalidStartDate","invalidEndDate","isDateFullyFilledOutRef","updateDates","callOnChangeHandler","getReturnObject","startDate","endDate","onType","label","inputDates","updateInputDates","translation","locale","hasHadValidDate","modeDate","inputRefs","startDayRef","current","undefined","startMonthRef","startYearRef","endDayRef","endMonthRef","endYearRef","dateRefs","startDay","startMonth","startYear","endDay","endMonth","endYear","syncDateRefs","temporaryDates","refList","focusMode","maskList","separators","match","split","reduce","acc","cur","push","length","shift","copyHandler","event","mode","date","preventDefault","valueToCopy","clipboardData","setData","pasteHandler","success","window","getData","possibleFormats","forEach","sep","replace","reverse","join","index","dateFormat","error","callOnChangeAsInvalid","params","datesFromContext","derivedStartDate","derivedEndDate","callOnChange","_ref","state","dates","callOnType","_ref2","getDates","partialStartDate","partialEndDate","parsedStartDate","parsedEndDate","isStartDateValid","isEndDateValid","_getReturnObject","is_valid","is_valid_start_date","is_valid_end_date","returnObject","_excluded2","typedDates","start_date","end_date","setDate","type","persist","value","target","fallback","year","getFullYear","month","getMonth","day","getDate","Date","parseFloat","String","isValidDate","test","dateString","dateSetters","set_startDay","set_startMonth","set_startYear","set_endDay","set_endMonth","set_endYear","onFocusHandler","isNaN","setCursorPosition","onBlurHandler","onKeyDownHandler","keyCode","key","selectionStart","selectionEnd","getAttribute","firstSelectionStart","firstSelectionEnd","wait","secondSelectionStart","refListArray","findIndex","_ref3","isLastChar","isFirstChar","isMovingForward","isExplicitForward","hasNextField","_refListArray","nextSibling","withoutDelay","name","slice","isMovingBackward","isPressingBackspace","_refListArray2","prevSibling","endPos","onInputHandler","currentTarget","nativeEvent","inputType","getPlaceholderChar","indexOf","generateDateList","element","map","i","placeholderChar","isRangeLabel","onInput","onKeyDown","e","onPaste","onCopy","DateField","isValidElement","InputElement","inputSizeClassName","createElement","Fragment","_extends","className","mask","inputRef","hidden","htmlFor","renderInputElement","startDateList","endDateList","_span","ariaLabel","openPickerText","SubmitElement","innerRef","ref","input_state","input_element","status_state","submit_element","icon","variant","on_submit","on_click","position","arguments","options","focus","select","setSelectionRange","process","env","NODE_ENV","setTimeout","_ref4","_excluded3","guide","inputMode","showMask","keepCharPositions","autoComplete","autoCapitalize","spellCheck","autoCorrect","dateRefValue","inputDateValue","duration","Promise","r"],"sources":["../../../../src/components/date-picker/DatePickerInput.tsx"],"sourcesContent":["/*\n Web DatePicker Component\n \n /\n\nimport React, {\n MutableRefObject,\n useCallback,\n useContext,\n useMemo,\n useRef,\n useState,\n} from 'react'\n\n// date-fns\nimport isValid from 'date-fns/isValid'\nimport parseISO from 'date-fns/parseISO'\n\nimport classnames from 'classnames'\nimport TextMask, { TextMaskProps } from '../input-masked/TextMask'\nimport Button from '../button/Button'\nimport Input, { SubmitButton } from '../input/Input'\nimport type { InputInputElement, InputSize } from '../Input'\nimport {\n warn,\n validateDOMAttributes,\n toCapitalized,\n} from '../../shared/component-helper'\nimport { IS_ANDROID, IS_IOS } from '../../shared/helpers'\nimport { convertStringToDate, formatDate } from './DatePickerCalc'\nimport DatePickerContext from './DatePickerContext'\n\nimport type {\n FormStatusProps,\n FormStatusState,\n FormStatusText,\n} from '../FormStatus'\nimport type { SkeletonShow } from '../Skeleton'\nimport { ReturnObject } from './DatePickerProvider'\nimport { DatePickerEventAttributes, DatePickerProps } from './DatePicker'\nimport { Context, useTranslation } from '../../shared'\nimport usePartialDates from './hooks/usePartialDates'\nimport useInputDates, { DatePickerInputDates } from './hooks/useInputDates'\n\nexport type DatePickerInputProps = Omit<\n React.HTMLProps<HTMLInputElement>,\n \| 'children'\n \| 'ref'\n \| 'value'\n \| 'size'\n \| 'onFocus'\n \| 'onBlur'\n \| 'onSubmit'\n \| 'label'\n> & {\n selectedDateTitle?: string\n maskOrder?: DatePickerProps['maskOrder']\n maskPlaceholder?: DatePickerProps['maskPlaceholder']\n separatorRegExp?: RegExp\n submitAttributes?: Record<string, unknown>\n isRange?: boolean\n /*\n The sizes you can choose is `small` (1.5rem), `default` (2rem), `medium` (2.5rem) and `large` (3rem) are supported component sizes. Defaults to `default` / `null`.\n /\n size?: InputSize\n /\n Text with a status message. The style defaults to an error message. You can use `true` to only get the status color, without a message.\n /\n status?: FormStatusText\n /\n Defines the state of the status. Currently, there are two statuses `[error, info]`. Defaults to `error`.\n /\n statusState?: FormStatusState\n /\n Use an object to define additional FormStatus properties.\n /\n statusProps?: FormStatusProps\n /\n Gives you the possibility to use a plain/vanilla `<input />` HTML element by defining it as a string `input_element=\"input\"`, a React element, or a render function `input_element={(internalProps) => (<Return />)}`. Can also be used in circumstances where the `react-text-mask` not should be used, e.g. in testing environments. Defaults to custom masked input.\n /\n inputElement?: InputInputElement\n /\n If set to `true`, an overlaying skeleton with animation will be shown.\n /\n skeleton?: SkeletonShow\n /\n To open the date-picker by default. Defaults to `false`.\n /\n opened?: boolean\n showInput?: boolean\n onSubmit?: (event: React.MouseEvent<HTMLButtonElement>) => void\n onChange?: (\n event: ReturnObject<React.ChangeEvent<HTMLInputElement>>\n ) => void\n /\n Will be called once the input gets focus.\n /\n onFocus?: (\n event: ReturnObject<React.FocusEvent<HTMLInputElement>>\n ) => void\n /\n Will be called once the input lose focus.\n */\n onBlur?: (\n event: ReturnObject<React.FocusEvent<HTMLInputElement>>\n ) => void\n}\n\nexport type InvalidDates = {\n invalidDate?: string\n invalidStartDate?: string\n invalidEndDate?: string\n}\n\nconst defaultProps: DatePickerInputProps = {\n separatorRegExp: /[-/ ]/g,\n statusState: 'error',\n opened: false,\n}\n\nfunction DatePickerInput(externalProps: DatePickerInputProps) {\n const props = { ...defaultProps, ...externalProps }\n\n const {\n maskOrder: defaultMaskOrder,\n maskPlaceholder: defaultMaskPlaceholder,\n } = useTranslation().DatePicker\n\n const {\n isRange,\n maskOrder = defaultMaskOrder,\n separatorRegExp,\n id,\n title,\n submitAttributes,\n maskPlaceholder = defaultMaskPlaceholder, // eslint-disable-line\n onFocus,\n onBlur,\n onChange, // eslint-disable-line\n onSubmit, // eslint-disable-line\n selectedDateTitle, // eslint-disable-line\n showInput, // eslint-disable-line\n inputElement,\n lang,\n disabled,\n skeleton,\n opened,\n size,\n status,\n statusState,\n statusProps,\n\n ...attributes\n } = props\n const [focusState, setFocusState] = useState<string>('virgin')\n\n const { partialDatesRef, setPartialDates } = usePartialDates()\n\n const invalidDatesRef = useRef<InvalidDates>({\n invalidStartDate: null,\n invalidEndDate: null,\n })\n const isDateFullyFilledOutRef = useRef(false)\n\n const {\n updateDates,\n callOnChangeHandler,\n getReturnObject,\n startDate,\n endDate,\n props: { onType, label },\n } = useContext(DatePickerContext)\n\n const { inputDates, updateInputDates } = useInputDates({\n startDate,\n endDate,\n })\n\n const translation = useTranslation().DatePicker\n const { locale } = useContext(Context)\n\n const hasHadValidDate = isValid(startDate) \|\| isValid(endDate)\n\n const modeDate = useMemo(\n () => ({\n startDate,\n endDate,\n }),\n [startDate, endDate]\n )\n\n const inputRefs = useRef<\n Record<string, MutableRefObject<HTMLInputElement>>\n >({\n startDayRef: { current: undefined },\n startMonthRef: { current: undefined },\n startYearRef: { current: undefined },\n endDayRef: { current: undefined },\n endMonthRef: { current: undefined },\n endYearRef: { current: undefined },\n })\n\n const dateRefs = useRef<DatePickerInputDates>({\n startDay: '',\n startMonth: '',\n startYear: '',\n endDay: '',\n endMonth: '',\n endYear: '',\n })\n\n // Keep dateRefs in sync with inputDates on re-render\n syncDateRefs(dateRefs, inputDates)\n\n const temporaryDates = useRef<Record<string, Date>>({\n startDate: undefined,\n endDate: undefined,\n })\n\n const refList = useRef<Array<MutableRefObject<HTMLInputElement>>>()\n\n const focusMode = useRef<string>()\n\n const maskList = useMemo(() => {\n const separators = maskOrder.match(separatorRegExp)\n\n return maskOrder\n .split(separatorRegExp)\n .reduce<Array<string>>((acc, cur) => {\n if (!cur) {\n return acc\n }\n\n acc.push(cur)\n\n if (separators.length > 0) {\n // makes sure that separators are added at the correct places and removed from array when added\n acc.push(separators.shift())\n }\n\n return acc\n }, [])\n }, [maskOrder, separatorRegExp])\n\n const copyHandler = useCallback(\n (\n event: React.ClipboardEvent<HTMLInputElement>,\n mode: DatePickerEventAttributes['mode']\n ) => {\n const date = mode === 'end' ? endDate : startDate\n if (isValid(date)) {\n event.preventDefault()\n const valueToCopy = formatDate(date, { locale })\n event.clipboardData.setData('text/plain', valueToCopy)\n }\n },\n [endDate, locale, startDate]\n )\n\n const pasteHandler = useCallback(\n async (event: React.ClipboardEvent<HTMLInputElement>) => {\n if (!focusMode.current) {\n return // Stop here\n }\n\n const success = (\n event.clipboardData \|\|\n (typeof window !== 'undefined' && window['clipboardData'])\n ).getData('text/plain')\n\n if (!success) {\n return // Stop here\n }\n\n event.preventDefault()\n\n try {\n const separators = ['.', '/']\n const possibleFormats = ['yyyy-MM-dd']\n\n // TODO: Merge these loops\n possibleFormats.forEach((date) => {\n separators.forEach((sep) => {\n possibleFormats.push(date.replace(/-/g, sep))\n })\n })\n\n possibleFormats.forEach((date) => {\n possibleFormats.push(date.split('').reverse().join(''))\n })\n\n let date: Date\n let index = 0\n\n for (index; index < possibleFormats.length; ++index) {\n date = convertStringToDate(success, {\n dateFormat: possibleFormats[index],\n })\n\n if (date) {\n break\n }\n }\n\n const mode =\n focusMode.current === 'start' ? 'startDate' : 'endDate'\n\n if (date) {\n updateDates({\n [mode]: date,\n })\n }\n } catch (error: unknown) {\n warn(error)\n }\n },\n [updateDates]\n )\n\n const callOnChangeAsInvalid = useCallback(\n (params: {\n endDate?: Date\n startDate?: Date\n event: React.ChangeEvent<HTMLInputElement>\n }) => {\n // Should fire if user has filled out an invalid date,\n // or if the date was valid. Like if the user has pressed backspace or removed the valid date.\n if (isDateFullyFilledOutRef.current \|\| hasHadValidDate) {\n const datesFromContext = { startDate, endDate }\n\n const {\n startDate: derivedStartDate,\n endDate: derivedEndDate,\n event,\n } = {\n ...datesFromContext,\n ...params,\n }\n\n callOnChangeHandler({\n startDate: derivedStartDate,\n endDate: derivedEndDate,\n event,\n ...invalidDatesRef.current,\n })\n }\n },\n [callOnChangeHandler, hasHadValidDate, startDate, endDate]\n )\n\n const callOnChange = useCallback(\n ({\n startDate,\n endDate,\n event,\n }: {\n startDate?: Date\n endDate?: Date\n event:\n \| React.ChangeEvent<HTMLInputElement>\n \| React.KeyboardEvent<HTMLInputElement>\n }) => {\n const state = {}\n if (typeof startDate !== 'undefined' && isValid(startDate)) {\n state['startDate'] = startDate\n }\n if (!isRange) {\n endDate = startDate\n }\n if (typeof endDate !== 'undefined' && isValid(endDate)) {\n state['endDate'] = endDate\n }\n\n updateDates(state, (dates) => {\n if (\n (typeof startDate !== 'undefined' && isValid(startDate)) \|\|\n (typeof endDate !== 'undefined' && isValid(endDate))\n ) {\n callOnChangeHandler({\n event,\n ...dates,\n ...invalidDatesRef.current,\n })\n }\n })\n },\n [updateDates, callOnChangeHandler, isRange]\n )\n\n const callOnType = useCallback(\n ({ event }: { event: React.ChangeEvent<HTMLInputElement> }) => {\n const getDates = () =>\n ['start', 'end'].reduce(\n (acc, mode) => {\n acc[`${mode}Date`] = [\n dateRefs.current[`${mode}Year`] \|\|\n inputDates[`${mode}Year`] \|\|\n 'yyyy',\n dateRefs.current[`${mode}Month`] \|\|\n inputDates[`${mode}Month`] \|\|\n 'mm',\n dateRefs.current[`${mode}Day`] \|\|\n inputDates[`${mode}Day`] \|\|\n 'dd',\n ].join('-')\n return acc\n },\n { startDate: undefined, endDate: undefined }\n )\n\n // Get the typed dates, so we can ...\n const { startDate, endDate } = getDates()\n\n // Get the partial dates, so we can know if something was typed or not in an optional date field\n setPartialDates({\n partialStartDate: startDate,\n // Only set endDate if in range mode\n ...(isRange && { partialEndDate: endDate }),\n })\n\n const parsedStartDate = parseISO(startDate)\n const parsedEndDate = parseISO(endDate)\n\n const isStartDateValid = isValid(parsedStartDate)\n const isEndDateValid = isValid(parsedEndDate)\n\n const {\n is_valid,\n is_valid_start_date,\n is_valid_end_date,\n ...returnObject\n } = getReturnObject({\n startDate: isStartDateValid ? parsedStartDate : null,\n endDate: isEndDateValid ? parsedEndDate : null,\n event,\n ...partialDatesRef.current,\n ...invalidDatesRef.current,\n })\n\n // Re-assigns dates to the typed date, instead of `null` from getReturnObject, if dates are invalid\n const typedDates = {\n ...(!isRange && is_valid === false && { date: startDate }),\n ...(isRange &&\n is_valid_start_date === false && { start_date: startDate }),\n ...(isRange &&\n is_valid_end_date === false && { end_date: endDate }),\n }\n\n onType?.({\n is_valid,\n is_valid_start_date,\n is_valid_end_date,\n ...returnObject,\n ...typedDates,\n })\n },\n [\n setPartialDates,\n isRange,\n getReturnObject,\n partialDatesRef,\n onType,\n inputDates,\n ]\n )\n\n const setDate = useCallback(\n (\n event: React.ChangeEvent<HTMLInputElement>,\n mode: 'start' \| 'end',\n type: 'Day' \| 'Month' \| 'Year'\n ) => {\n event.persist() // since we have later a state update and afterwards the callback\n\n const value = (event.target as HTMLInputElement).value\n\n dateRefs.current[`${mode}${type}`] = value\n\n if (modeDate[`${mode}Date`]) {\n temporaryDates.current[`${mode}Date`] = modeDate[`${mode}Date`]\n }\n\n const fallback = temporaryDates.current[`${mode}Date`]\n\n // provide fallbacks to create a temp fallback\n const year =\n dateRefs.current[`${mode}Year`] \|\|\n (fallback && fallback.getFullYear())\n const month =\n dateRefs.current[`${mode}Month`] \|\|\n (fallback && fallback.getMonth() + 1)\n const day =\n dateRefs.current[`${mode}Day`] \|\| (fallback && fallback.getDate())\n\n // calculate new date\n const date = new Date(\n parseFloat(String(year)),\n parseFloat(String(month)) - 1,\n parseFloat(String(day))\n )\n\n const isValidDate =\n !/[^0-9]/.test(String(day)) &&\n !/[^0-9]/.test(String(month)) &&\n !/[^0-9]/.test(String(year)) &&\n isValid(date) &&\n date.getDate() == parseFloat(String(day)) &&\n date.getMonth() + 1 == parseFloat(String(month)) &&\n date.getFullYear() == parseFloat(String(year))\n\n const dateString = `${year}-${month}-${day}`\n\n isDateFullyFilledOutRef.current =\n /^[0-9]{4}-[0-9]{2}-[0-9]{2}$/.test(dateString)\n\n // update the date\n if (isValidDate) {\n invalidDatesRef.current = {\n ...invalidDatesRef.current,\n ...(mode === 'start'\n ? { invalidStartDate: null }\n : { invalidEndDate: null }),\n }\n\n callOnChange({\n [`${mode}Date`]: date,\n event,\n })\n } else {\n updateDates({\n [`${mode}Date`]: null,\n })\n updateInputDates({ [`${mode}${type}`]: value })\n\n invalidDatesRef.current = {\n ...invalidDatesRef.current,\n ...(mode === 'start'\n ? { invalidStartDate: dateString }\n : { invalidEndDate: dateString }),\n }\n\n callOnChangeAsInvalid({\n [`${mode}Date`]: null,\n event,\n })\n }\n\n callOnType({ event })\n },\n [\n updateDates,\n callOnChange,\n callOnChangeAsInvalid,\n callOnType,\n modeDate,\n dateRefs,\n temporaryDates,\n updateInputDates,\n ]\n )\n\n const dateSetters = useMemo(\n () => ({\n set_startDay: (event: React.ChangeEvent<HTMLInputElement>) => {\n setDate(event, 'start', 'Day')\n },\n\n set_startMonth: (event: React.ChangeEvent<HTMLInputElement>) => {\n setDate(event, 'start', 'Month')\n },\n\n set_startYear: (event: React.ChangeEvent<HTMLInputElement>) => {\n setDate(event, 'start', 'Year')\n },\n\n set_endDay: (event: React.ChangeEvent<HTMLInputElement>) => {\n setDate(event, 'end', 'Day')\n },\n\n set_endMonth: (event: React.ChangeEvent<HTMLInputElement>) => {\n setDate(event, 'end', 'Month')\n },\n\n set_endYear: (event: React.ChangeEvent<HTMLInputElement>) => {\n setDate(event, 'end', 'Year')\n },\n }),\n [setDate]\n )\n\n const onFocusHandler = useCallback(\n (event: React.FocusEvent<HTMLInputElement>) => {\n setFocusState('focus')\n\n onFocus?.({\n ...event,\n ...getReturnObject({ event }),\n })\n\n if (isNaN(parseFloat(event.target.value))) {\n setCursorPosition(event.target)\n }\n },\n [getReturnObject, onFocus]\n )\n\n const onBlurHandler = useCallback(\n (event: React.FocusEvent<HTMLInputElement>) => {\n focusMode.current = null\n setFocusState('blur')\n\n onBlur?.({\n ...event,\n ...getReturnObject({ event, ...partialDatesRef.current }),\n })\n },\n [onBlur, getReturnObject, partialDatesRef]\n )\n\n const onKeyDownHandler = useCallback(\n async (event: React.KeyboardEvent<HTMLInputElement>) => {\n const keyCode = event.key\n const target = event.target as HTMLInputElement\n\n if (target.selectionStart !== target.selectionEnd) {\n setCursorPosition(target)\n }\n\n // The rest is for value entry\n\n const size = parseFloat(target.getAttribute('size'))\n const firstSelectionStart = target.selectionStart\n const firstSelectionEnd = target.selectionEnd\n\n // To get the correct position afterwards.\n // Use 10ms in order to make it work on iOS Safari\n await wait(IS_IOS ? 10 : 1)\n\n const secondSelectionStart = target.selectionStart\n\n // Always false (since the old keycode function set number keys to undefined) but needed to not break tests\n const isValid = /[0-9]/g.test(keyCode)\n const refListArray = refList.current\n\n const index = refListArray.findIndex(\n ({ current }) => current === target\n )\n\n const isLastChar = secondSelectionStart === size\n const isFirstChar = firstSelectionStart === size\n\n const isMovingForward =\n keyCode !== 'ArrowLeft' &&\n keyCode !== 'Backspace' &&\n isValid &&\n isLastChar\n\n const isExplicitForward =\n (keyCode === 'ArrowRight' \|\| keyCode === 'Enter') && isFirstChar\n\n const hasNextField = index < refListArray.length - 1\n\n if (hasNextField && (isMovingForward \|\| isExplicitForward)) {\n // stop in case there is no next input element\n if (!refListArray[index + 1].current) {\n return // stop here\n }\n const nextSibling = refListArray[index + 1]?.current\n\n if (nextSibling) {\n setCursorPosition(nextSibling, 0, { withoutDelay: true })\n }\n\n // When the cursor is at the end of the input\n // and the user types a number, we want to set the value on the next input.\n if (\n parseFloat(keyCode) <= 9 &&\n firstSelectionStart === target.size\n ) {\n const name = toCapitalized(\n nextSibling\n .getAttribute('class')\n .match(/__input--(day\|month\|year)($\|\\s)/)[1]\n )\n const mode = nextSibling\n .getAttribute('id')\n .match(/-(start\|end)-(day\|month\|year)/)[1]\n\n dateSetters[`set_${mode}${name}`]({\n persist: () => null,\n ...event,\n target: {\n value: keyCode + nextSibling.value.slice(1),\n },\n })\n\n setCursorPosition(nextSibling, 1)\n }\n } else if (index > 0 && firstSelectionStart === firstSelectionEnd) {\n const isMovingBackward =\n keyCode === 'ArrowLeft' && firstSelectionStart === 0\n const isPressingBackspace =\n keyCode === 'Backspace' && firstSelectionStart <= 1\n\n if (isMovingBackward \|\| isPressingBackspace) {\n const prevSibling = refListArray[index - 1]?.current\n if (prevSibling) {\n const endPos = prevSibling.value.length\n setCursorPosition(prevSibling, endPos, {\n withoutDelay: true,\n })\n }\n }\n }\n },\n [dateSetters]\n )\n\n const onInputHandler = useCallback(\n (event) => {\n const target = event.currentTarget\n\n // Add support for \"backspace\" on Android virtual keyboard\n if (\n IS_ANDROID &&\n event.nativeEvent.inputType === 'deleteContentBackward' &&\n target.selectionStart === 0 &&\n target.selectionEnd === 0\n ) {\n onKeyDownHandler({\n ...event,\n key: 'Backspace',\n })\n }\n },\n [onKeyDownHandler]\n )\n\n const getPlaceholderChar = useCallback(\n (value: string) => {\n const index = maskOrder.indexOf(value)\n return maskPlaceholder[index]\n },\n [maskOrder, maskPlaceholder]\n )\n\n // TODO: Replace with MultiInputMask\n const generateDateList = useCallback(\n (\n element: Omit<React.HTMLProps<HTMLInputElement>, 'size'> &\n DatePickerEventAttributes,\n mode: 'start' \| 'end'\n ) => {\n return maskList.map((value, i) => {\n const state = value.slice(0, 1)\n const placeholderChar = getPlaceholderChar(value)\n const { day, month, year } = translation\n const isRangeLabel = isRange ? `${translation[mode]} ` : ''\n\n if (!separatorRegExp.test(value)) {\n if (!inputElement) {\n element = {\n ...element,\n onInput: onInputHandler,\n onKeyDown: onKeyDownHandler,\n onFocus: (e) => {\n focusMode.current = mode\n onFocusHandler(e)\n },\n onBlur: onBlurHandler,\n onPaste: pasteHandler,\n onCopy: (event) => {\n copyHandler(event, mode)\n },\n placeholderChar,\n }\n }\n\n // this makes it possible to use a vanilla <input /> like: input_element=\"input\"\n const DateField =\n inputElement && React.isValidElement(inputElement)\n ? inputElement.type\n : InputElement\n\n const inputSizeClassName =\n size && `dnb-date-picker__input--${size}`\n\n switch (state) {\n case 'd':\n refList.current.push(inputRefs.current[`${mode}DayRef`])\n\n return (\n <React.Fragment key={'dd' + i}>\n <DateField\n {...element}\n id={`${id}-${mode}-day`}\n key={'di' + i}\n className={classnames(\n element.className,\n 'dnb-date-picker__input',\n 'dnb-date-picker__input--day',\n inputSizeClassName\n )}\n size={2}\n mask={[/[0-9]/, /[0-9]/]}\n inputRef={inputRefs.current[`${mode}DayRef`]}\n onChange={dateSetters[`set_${mode}Day`]}\n value={inputDates[`${mode}Day`] \|\| ''}\n aria-labelledby={`${id}-${mode}-day-label`}\n />\n <label\n key={'dl' + i}\n hidden\n id={`${id}-${mode}-day-label`}\n htmlFor={`${id}-${mode}-day`}\n >\n {isRangeLabel + day}\n </label>\n </React.Fragment>\n )\n case 'm':\n refList.current.push(inputRefs.current[`${mode}MonthRef`])\n\n return (\n <React.Fragment key={'mm' + i}>\n <DateField\n {...element}\n id={`${id}-${mode}-month`}\n key={'mi' + i}\n className={classnames(\n element.className,\n 'dnb-date-picker__input',\n 'dnb-date-picker__input--month',\n inputSizeClassName\n )}\n size={2}\n mask={[/[0-9]/, /[0-9]/]}\n inputRef={inputRefs.current[`${mode}MonthRef`]}\n onChange={dateSetters[`set_${mode}Month`]}\n value={inputDates[`${mode}Month`] \|\| ''}\n aria-labelledby={`${id}-${mode}-month-label`}\n />\n <label\n key={'ml' + i}\n hidden\n id={`${id}-${mode}-month-label`}\n htmlFor={`${id}-${mode}-month`}\n >\n {isRangeLabel + month}\n </label>\n </React.Fragment>\n )\n case 'y':\n refList.current.push(inputRefs.current[`${mode}YearRef`])\n\n return (\n <React.Fragment key={'yy' + i}>\n <DateField\n {...element}\n id={`${id}-${mode}-year`}\n key={'yi' + i}\n className={classnames(\n element.className,\n 'dnb-date-picker__input',\n 'dnb-date-picker__input--year',\n inputSizeClassName\n )}\n size={4}\n mask={[/[0-9]/, /[0-9]/, /[0-9]/, /[0-9]/]}\n inputRef={inputRefs.current[`${mode}YearRef`]}\n onChange={dateSetters[`set_${mode}Year`]}\n value={inputDates[`${mode}Year`] \|\| ''}\n aria-labelledby={`${id}-${mode}-year-label`}\n />\n <label\n key={'yl' + i}\n hidden\n id={`${id}-${mode}-year-label`}\n htmlFor={`${id}-${mode}-year`}\n >\n {isRangeLabel + year}\n </label>\n </React.Fragment>\n )\n }\n }\n return (\n <span\n key={'s' + i}\n className=\"dnb-date-picker--separator\"\n aria-hidden\n >\n {placeholderChar}\n </span>\n )\n })\n },\n [\n maskList,\n getPlaceholderChar,\n translation,\n isRange,\n separatorRegExp,\n inputElement,\n size,\n onInputHandler,\n onKeyDownHandler,\n pasteHandler,\n onBlurHandler,\n onFocusHandler,\n id,\n dateSetters,\n inputDates,\n ]\n )\n\n const renderInputElement = useCallback(\n (\n element: React.HTMLProps<HTMLInputElement> &\n DatePickerEventAttributes\n ) => {\n refList.current = []\n const startDateList = generateDateList(element, 'start')\n const endDateList = generateDateList(element, 'end')\n\n return (\n <span\n id={`${id}-input`}\n className=\"dnb-date-picker__input__wrapper\"\n >\n {startDateList}\n {isRange && (\n <span className=\"dnb-date-picker--separator\" aria-hidden>\n {' – '}\n </span>\n )}\n {isRange && endDateList}\n </span>\n )\n },\n [id, isRange, generateDateList]\n )\n\n const ariaLabel = useMemo(\n () =>\n selectedDateTitle\n ? `${selectedDateTitle}, ${translation.openPickerText}`\n : translation.openPickerText,\n [selectedDateTitle, translation]\n )\n\n validateDOMAttributes(props, attributes)\n validateDOMAttributes(null, submitAttributes)\n\n const SubmitElement: React.ElementType = useMemo(\n () => (showInput ? SubmitButton : Button),\n [showInput]\n )\n\n if (!showInput) {\n // Use Button inner ref\n submitAttributes.innerRef = submitAttributes.ref\n submitAttributes.ref = null\n }\n\n return (\n <fieldset className=\"dnb-date-picker__fieldset\" lang={lang}>\n {label && <legend className=\"dnb-sr-only\">{label}</legend>}\n <Input\n id={`${id}__input`}\n input_state={disabled ? 'disabled' : focusState}\n input_element={\n inputElement && typeof inputElement !== 'string'\n ? typeof inputElement === 'function'\n ? inputElement(props)\n : inputElement\n : renderInputElement\n }\n disabled={disabled \|\| skeleton}\n skeleton={skeleton}\n size={size}\n status={!opened ? status : null}\n status_state={statusState}\n {...statusProps}\n submit_element={\n <SubmitElement\n id={id}\n disabled={disabled}\n skeleton={skeleton}\n className={classnames(\n showInput && 'dnb-button--input-button',\n opened ? 'dnb-button--active' : null\n )}\n aria-label={ariaLabel}\n title={title}\n size={size}\n status={status}\n status_state={statusState}\n type=\"button\"\n icon=\"calendar\"\n variant=\"secondary\"\n on_submit={onSubmit}\n on_click={onSubmit}\n {...submitAttributes}\n {...statusProps}\n />\n }\n lang={lang}\n {...attributes}\n />\n </fieldset>\n )\n}\n\nexport default DatePickerInput\n\nfunction setCursorPosition(\n target: HTMLInputElement,\n position = 0,\n options?: { withoutDelay?: boolean }\n) {\n target.focus()\n\n const select = () => {\n target.setSelectionRange(position, position)\n }\n\n // Delay for correct iOS Safari appearance\n if (!options?.withoutDelay && process.env.NODE_ENV !== 'test') {\n setTimeout(select, 0)\n } else {\n select()\n }\n}\n\nfunction InputElement({ className, value, ...props }: TextMaskProps) {\n return (\n <TextMask\n guide={true}\n inputMode=\"numeric\"\n showMask={true}\n keepCharPositions={false} // so we can overwrite next value, if it already exists\n autoComplete=\"off\"\n autoCapitalize=\"none\"\n spellCheck={false}\n autoCorrect=\"off\"\n className={classnames(\n className,\n /\\d+/.test(String(value)) && 'dnb-date-picker__input--highlight'\n )}\n value={value}\n {...props}\n />\n )\n}\n\nfunction syncDateRefs(\n dateRefs: React.MutableRefObject<DatePickerInputDates>,\n inputDates: DatePickerInputDates\n) {\n for (const date in dateRefs.current) {\n const dateRefValue = dateRefs.current[date]\n const inputDateValue = inputDates[date]\n\n if (dateRefValue !== inputDateValue) {\n dateRefs.current[date] = inputDateValue\n }\n }\n}\n\nconst wait = (duration: number) =>\n new Promise((r) => setTimeout(r, duration))\n"],"mappings":"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","ignoreList":[]}

package/components/date-picker/style/dnb-date-picker.css CHANGED Viewed

@@ -204,7 +204,6 @@ html[data-whatinput=keyboard] .dnb-date-picker__container table.dnb-no-focus:foc
 .dnb-date-picker .dnb-input__input.dnb-date-picker__input--label-alignment-right, .dnb-core-style .dnb-date-picker__input--label-alignment-right {
   flex-flow: row-reverse;
   width: -webkit-fit-content;
-  width: -moz-fit-content;
   width: fit-content;
 }
 .dnb-date-picker .dnb-input__input.dnb-date-picker__input:first-of-type, .dnb-date-picker__input:first-of-type {

package/components/date-picker/style/dnb-date-picker.min.css CHANGED Viewed

	@@ -1 +1 @@
1	- .dnb-date-picker{--date-picker-input-height:2rem;--date-picker-day-width:2rem;--date-picker-day-horizontal-spacing:4px;align-items:center;column-gap:var(--spacing-small);display:inline-flex;font-size:var(--font-size-small);line-height:var(--line-height-basis)}.dnb-date-picker__inner{display:inline-flex;flex-direction:column;line-height:var(--date-picker-input-height)}.dnb-date-picker__row{display:inline-flex}.dnb-date-picker__shell{display:inline-flex;flex-direction:column;position:relative;top:0}.dnb-date-picker__input__wrapper{display:inline-flex;height:inherit;white-space:nowrap}.dnb-date-picker__triangle{margin:0 1.5rem;overflow:hidden;pointer-events:none;right:auto;top:calc(2px - var(--date-picker-input-height)/2)}.dnb-date-picker__triangle,.dnb-date-picker__triangle:before{height:calc(var(--date-picker-input-height)/2);left:0;position:absolute;width:calc(var(--date-picker-input-height)/2)}.dnb-date-picker__triangle:before{background-color:var(--color-white);border:1px solid var(--color-black-border);content:"";top:0;transform:translateY(60%) rotate(45deg)}.dnb-date-picker__container{display:block;left:-1rem;position:absolute;top:var(--date-picker-input-height);z-index:3}.dnb-date-picker__container--small{top:1.5rem}.dnb-date-picker__container--medium{top:2.5rem}.dnb-date-picker__container--large{top:3rem}.dnb-date-picker__container--show-input{left:0}.dnb-date-picker__container--right{left:auto;right:-1rem}.dnb-date-picker__container--show-input.dnb-date-picker__container--right{left:auto;right:0}.dnb-date-picker__container--opened{z-index:100}.dnb-date-picker__container--opened:not(.dnb-date-picker__container--opened--no-animation){animation:date-picker-slide-down .2s ease-out 1 forwards}.dnb-date-picker__container--opened--no-animation,html[data-visual-test] .dnb-date-picker__container--opened{animation:date-picker-slide-down 1ms ease-out 1 forwards}.dnb-date-picker__container--hidden{display:none}.dnb-date-picker__container--closed:not(.dnb-date-picker__container--closed--no-animation){animation:date-picker-slide-up .15s ease-out 1 forwards}.dnb-date-picker__container--closed--no-animation,html[data-visual-test] .dnb-date-picker__container--closed{animation:date-picker-slide-up 1ms ease-out 1 forwards}.dnb-date-picker__container--right .dnb-date-picker__triangle{left:auto;right:0}.dnb-date-picker__container table{margin:0;position:relative;z-index:1}.dnb-date-picker__container table.dnb-no-focus:focus{outline:none}html[data-whatinput=keyboard] .dnb-date-picker__container table.dnb-no-focus:focus{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-core-style .dnb-date-picker__input,.dnb-date-picker .dnb-input__input.dnb-date-picker__input,.dnb-date-picker__input{background:transparent;border:none;display:inline-block;font-family:var(--font-family-monospace);margin:0;outline:none;overflow:visible;padding:0 .125rem;text-align:center;transform:translateY(0);white-space:nowrap;width:auto}@supports (-webkit-appearance:none) and (not (overflow:-webkit-marquee)) and (not (-ms-ime-align:auto)) and (not (-moz-appearance:none)){.dnb-core-style .dnb-date-picker__input,.dnb-date-picker .dnb-input__input.dnb-date-picker__input,.dnb-date-picker__input{margin:0 -4px}}@supports (-ms-ime-align:auto){.dnb-core-style .dnb-date-picker__input,.dnb-date-picker .dnb-input__input.dnb-date-picker__input,.dnb-date-picker__input{margin:0 -5px}}@supports (-webkit-touch-callout:none){.dnb-core-style .dnb-date-picker__input,.dnb-date-picker .dnb-input__input.dnb-date-picker__input,.dnb-date-picker__input{text-indent:-2px}.dnb-core-style .dnb-date-picker__input:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input:not(:root),.dnb-date-picker__input:not(:root){margin:0}}@supports (-webkit-appearance:none) and (stroke-color:transparent) and (not (-webkit-touch-callout:none)){.dnb-core-style .dnb-date-picker__input:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input:not(:root),.dnb-date-picker__input:not(:root){margin:0 -4px}.dnb-core-style .dnb-date-picker__input:first-of-type:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input:first-of-type:not(:root),.dnb-date-picker__input:first-of-type:not(:root){margin-left:.8rem}.dnb-core-style .dnb-date-picker__input:last-of-type:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input:last-of-type:not(:root),.dnb-date-picker__input:last-of-type:not(:root){margin-right:2.2rem}}.dnb-core-style .dnb-date-picker__input--small .dnb-date-picker .dnb-input__input.dnb-date-picker__input--small,.dnb-core-style .dnb-date-picker__input--small--has-submit-element .dnb-core-style .dnb-date-picker__input--small__input,.dnb-core-style .dnb-date-picker__input--small--has-submit-element .dnb-date-picker .dnb-input__input.dnb-date-picker__input--small__input,.dnb-core-style .dnb-date-picker__input--small--has-submit-element .dnb-date-picker__input--small__input,.dnb-core-style .dnb-date-picker__input--small.dnb-date-picker__input--small,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--small .dnb-date-picker .dnb-input__input.dnb-date-picker__input--small,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--small.dnb-date-picker__input--small,.dnb-date-picker__input--small .dnb-date-picker .dnb-input__input.dnb-date-picker__input--small,.dnb-date-picker__input--small.dnb-date-picker__input--small{padding-right:.125rem}.dnb-core-style .dnb-date-picker__input--small:last-of-type:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input--small:last-of-type:not(:root),.dnb-date-picker__input--small:last-of-type:not(:root){margin-right:2.2rem}.dnb-core-style .dnb-date-picker__input--medium .dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium,.dnb-core-style .dnb-date-picker__input--medium--has-submit-element .dnb-core-style .dnb-date-picker__input--medium__input,.dnb-core-style .dnb-date-picker__input--medium--has-submit-element .dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium__input,.dnb-core-style .dnb-date-picker__input--medium--has-submit-element .dnb-date-picker__input--medium__input,.dnb-core-style .dnb-date-picker__input--medium.dnb-date-picker__input--medium,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium .dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium.dnb-date-picker__input--medium,.dnb-date-picker__input--medium .dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium,.dnb-date-picker__input--medium.dnb-date-picker__input--medium{padding-right:.125rem}.dnb-core-style .dnb-date-picker__input--medium:last-of-type:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium:last-of-type:not(:root),.dnb-date-picker__input--medium:last-of-type:not(:root){margin-right:3.2rem}.dnb-core-style .dnb-date-picker__input--large .dnb-date-picker .dnb-input__input.dnb-date-picker__input--large,.dnb-core-style .dnb-date-picker__input--large--has-submit-element .dnb-core-style .dnb-date-picker__input--large__input,.dnb-core-style .dnb-date-picker__input--large--has-submit-element .dnb-date-picker .dnb-input__input.dnb-date-picker__input--large__input,.dnb-core-style .dnb-date-picker__input--large--has-submit-element .dnb-date-picker__input--large__input,.dnb-core-style .dnb-date-picker__input--large.dnb-date-picker__input--large,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--large .dnb-date-picker .dnb-input__input.dnb-date-picker__input--large,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--large.dnb-date-picker__input--large,.dnb-date-picker__input--large .dnb-date-picker .dnb-input__input.dnb-date-picker__input--large,.dnb-date-picker__input--large.dnb-date-picker__input--large{padding-right:.125rem}.dnb-core-style .dnb-date-picker__input--large:last-of-type:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input--large:last-of-type:not(:root),.dnb-date-picker__input--large:last-of-type:not(:root){margin-right:4rem}.dnb-core-style .dnb-date-picker__input--label-alignment-right,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--label-alignment-right,.dnb-date-picker__input--label-alignment-right{flex-flow:row-reverse;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.dnb-date-picker .dnb-input__input.dnb-date-picker__input:first-of-type,.dnb-date-picker__input:first-of-type{margin-left:.8rem}.dnb-date-picker .dnb-input__input.dnb-date-picker__input:last-of-type,.dnb-date-picker__input:last-of-type{margin-right:2.2rem}.dnb-date-picker .dnb-input__shell{display:none}.dnb-date-picker--show-input .dnb-input__shell{display:flex}.dnb-date-picker:not(.dnb-date-picker--show-input) .dnb-input__status--error .dnb-input__shell{box-shadow:none}.dnb-input__submit-button button:focus~.dnb-date-picker__input__wrapper{display:block}.dnb-date-picker:not(.dnb-date-picker--show-input) .dnb-input__submit-element,.dnb-input__submit-element>.dnb-date-picker .dnb-input__submit-element{margin-left:0}.dnb-date-picker__views{display:flex;user-select:none;-webkit-user-select:none}@media screen and (max-width:60em){.dnb-date-picker__views{flex-direction:column}}.dnb-date-picker__calendar{padding:1rem;position:relative}.dnb-date-picker__calendar:after{bottom:0;content:"";height:1px;position:absolute;width:calc(100% - 2rem)}.dnb-date-picker:not(.dnb-date-picker--show-footer) .dnb-date-picker__calendar:after{content:none}.dnb-date-picker__header{line-height:var(--line-height-basis);min-height:2.5rem}.dnb-date-picker__addon,.dnb-date-picker__header{display:flex;justify-content:space-between;padding-bottom:1rem;position:relative}.dnb-date-picker__addon:after,.dnb-date-picker__header:after{bottom:0;content:"";height:1px;position:absolute;width:100%}.dnb-date-picker__addon{display:flex;flex-flow:row wrap;gap:1rem;justify-content:flex-start;padding:1rem}.dnb-date-picker__addon:after{left:1rem;width:calc(100% - 2rem)}.dnb-date-picker__footer{display:flex;justify-content:space-between;padding:1rem;position:relative}.dnb-date-picker__labels__day{padding-bottom:.5rem;padding-top:1.5rem}.dnb-date-picker__days,.dnb-date-picker__labels{display:flex;flex-wrap:wrap;list-style:none;margin:0;max-width:18rem;min-width:18rem;padding:0}.dnb-date-picker__day,.dnb-date-picker__labels__day{display:flex;flex-basis:14.2857142857%;justify-content:center}.dnb-date-picker__day{margin:var(--date-picker-day-horizontal-spacing) 0;position:relative}.dnb-date-picker__day,.dnb-date-picker__day .dnb-button{height:var(--date-picker-day-width);width:var(--date-picker-day-width)}.dnb-date-picker__day .dnb-button{box-shadow:none;position:absolute;top:0;white-space:nowrap}.dnb-date-picker__day .dnb-button__bounding{border-radius:0;transform:scale(1.28)}.dnb-date-picker__day .dnb-button__text{transform:translateY(0)}.dnb-date-picker__day--selectable:hover{z-index:2}.dnb-date-picker__day--end-date .dnb-button,.dnb-date-picker__day--start-date .dnb-button{z-index:1}.dnb-date-picker__day--end-date,.dnb-date-picker__day--start-date{position:relative}.dnb-date-picker__day--end-date:after,.dnb-date-picker__day--start-date:after{content:"";height:100%;position:absolute;top:0;width:calc(var(--date-picker-day-width)/2)}.dnb-date-picker__day--start-date:after{left:auto;right:0}.dnb-date-picker__day--end-date:after{left:0;right:auto}.dnb-date-picker__day--start-date.dnb-date-picker__day--end-date:after{content:none}.dnb-date-picker .rtl{direction:rtl}.dnb-date-picker .rtl .dnb-date-picker__next:before,.dnb-date-picker .rtl .dnb-date-picker__prev:before{transform:scaleX(-1)}.dnb-date-picker__inner>.dnb-form-status{margin-top:.5rem;order:2}.dnb-date-picker--vertical{align-items:flex-start;display:flex;flex-direction:column}.dnb-date-picker>.dnb-form-label{line-height:var(--line-height-basis);margin-right:0}@media screen and (max-width:40em){.dnb-date-picker{flex-wrap:wrap}.dnb-date-picker>.dnb-form-label{margin-bottom:.5rem;margin-top:.5rem}}.dnb-date-picker--stretch{display:flex;flex-grow:1}.dnb-date-picker--stretch .dnb-date-picker__inner,.dnb-date-picker--stretch .dnb-date-picker__shell,.dnb-form-row--horizontal .dnb-date-picker--stretch{width:100%}.dnb-date-picker:not(.dnb-date-picker--vertical)[class=__status]{align-items:flex-start}.dnb-date-picker:not(.dnb-date-picker--vertical)[class=__status]>.dnb-form-label{margin-top:.25rem}.dnb-date-picker:not(.dnb-date-picker--show-input) .dnb-input__submit-button .dnb-button{border-radius:50%}@media screen and (max-width:40em){.dnb-responsive-component .dnb-date-picker{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:.5rem}.dnb-responsive-component .dnb-date-picker>.dnb-form-label{margin-bottom:.5rem}.dnb-responsive-component .dnb-date-picker__helper{display:none}}.dnb-date-picker .dnb-input__submit-button .dnb-button.dnb-skeleton{visibility:hidden}.dnb-core-style .dnb-date-picker__fieldset,.dnb-date-picker__fieldset{border:none;padding:0}.dnb-core-style .dnb-date-picker__fieldset:not([class=space__top]),.dnb-date-picker__fieldset:not([class=space__top]){margin-top:0}.dnb-core-style .dnb-date-picker__fieldset:not([class=space__bottom]),.dnb-date-picker__fieldset:not([class=space__bottom]){margin-bottom:0}.dnb-core-style .dnb-date-picker__fieldset:not([class=space__left]),.dnb-date-picker__fieldset:not([class=space__left]){margin-left:0}.dnb-core-style .dnb-date-picker__fieldset:not([class=space__right]),.dnb-date-picker__fieldset:not([class=space__right]){margin-right:0}.dnb-date-picker__portal{--date-picker-input-height:2rem;--date-picker-day-width:2rem;--date-picker-day-horizontal-spacing:4px;left:0;line-height:var(--date-picker-input-height);position:absolute;z-index:calc(var(--modal-z-index) + 10)}@keyframes date-picker-slide-down{0%{opacity:0}to{opacity:1}}@keyframes date-picker-slide-up{0%{opacity:1}to{opacity:0}}
1	+ .dnb-date-picker{--date-picker-input-height:2rem;--date-picker-day-width:2rem;--date-picker-day-horizontal-spacing:4px;align-items:center;column-gap:var(--spacing-small);display:inline-flex;font-size:var(--font-size-small);line-height:var(--line-height-basis)}.dnb-date-picker__inner{display:inline-flex;flex-direction:column;line-height:var(--date-picker-input-height)}.dnb-date-picker__row{display:inline-flex}.dnb-date-picker__shell{display:inline-flex;flex-direction:column;position:relative;top:0}.dnb-date-picker__input__wrapper{display:inline-flex;height:inherit;white-space:nowrap}.dnb-date-picker__triangle{margin:0 1.5rem;overflow:hidden;pointer-events:none;right:auto;top:calc(2px - var(--date-picker-input-height)/2)}.dnb-date-picker__triangle,.dnb-date-picker__triangle:before{height:calc(var(--date-picker-input-height)/2);left:0;position:absolute;width:calc(var(--date-picker-input-height)/2)}.dnb-date-picker__triangle:before{background-color:var(--color-white);border:1px solid var(--color-black-border);content:"";top:0;transform:translateY(60%) rotate(45deg)}.dnb-date-picker__container{display:block;left:-1rem;position:absolute;top:var(--date-picker-input-height);z-index:3}.dnb-date-picker__container--small{top:1.5rem}.dnb-date-picker__container--medium{top:2.5rem}.dnb-date-picker__container--large{top:3rem}.dnb-date-picker__container--show-input{left:0}.dnb-date-picker__container--right{left:auto;right:-1rem}.dnb-date-picker__container--show-input.dnb-date-picker__container--right{left:auto;right:0}.dnb-date-picker__container--opened{z-index:100}.dnb-date-picker__container--opened:not(.dnb-date-picker__container--opened--no-animation){animation:date-picker-slide-down .2s ease-out 1 forwards}.dnb-date-picker__container--opened--no-animation,html[data-visual-test] .dnb-date-picker__container--opened{animation:date-picker-slide-down 1ms ease-out 1 forwards}.dnb-date-picker__container--hidden{display:none}.dnb-date-picker__container--closed:not(.dnb-date-picker__container--closed--no-animation){animation:date-picker-slide-up .15s ease-out 1 forwards}.dnb-date-picker__container--closed--no-animation,html[data-visual-test] .dnb-date-picker__container--closed{animation:date-picker-slide-up 1ms ease-out 1 forwards}.dnb-date-picker__container--right .dnb-date-picker__triangle{left:auto;right:0}.dnb-date-picker__container table{margin:0;position:relative;z-index:1}.dnb-date-picker__container table.dnb-no-focus:focus{outline:none}html[data-whatinput=keyboard] .dnb-date-picker__container table.dnb-no-focus:focus{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-core-style .dnb-date-picker__input,.dnb-date-picker .dnb-input__input.dnb-date-picker__input,.dnb-date-picker__input{background:transparent;border:none;display:inline-block;font-family:var(--font-family-monospace);margin:0;outline:none;overflow:visible;padding:0 .125rem;text-align:center;transform:translateY(0);white-space:nowrap;width:auto}@supports (-webkit-appearance:none) and (not (overflow:-webkit-marquee)) and (not (-ms-ime-align:auto)) and (not (-moz-appearance:none)){.dnb-core-style .dnb-date-picker__input,.dnb-date-picker .dnb-input__input.dnb-date-picker__input,.dnb-date-picker__input{margin:0 -4px}}@supports (-ms-ime-align:auto){.dnb-core-style .dnb-date-picker__input,.dnb-date-picker .dnb-input__input.dnb-date-picker__input,.dnb-date-picker__input{margin:0 -5px}}@supports (-webkit-touch-callout:none){.dnb-core-style .dnb-date-picker__input,.dnb-date-picker .dnb-input__input.dnb-date-picker__input,.dnb-date-picker__input{text-indent:-2px}.dnb-core-style .dnb-date-picker__input:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input:not(:root),.dnb-date-picker__input:not(:root){margin:0}}@supports (-webkit-appearance:none) and (stroke-color:transparent) and (not (-webkit-touch-callout:none)){.dnb-core-style .dnb-date-picker__input:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input:not(:root),.dnb-date-picker__input:not(:root){margin:0 -4px}.dnb-core-style .dnb-date-picker__input:first-of-type:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input:first-of-type:not(:root),.dnb-date-picker__input:first-of-type:not(:root){margin-left:.8rem}.dnb-core-style .dnb-date-picker__input:last-of-type:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input:last-of-type:not(:root),.dnb-date-picker__input:last-of-type:not(:root){margin-right:2.2rem}}.dnb-core-style .dnb-date-picker__input--small .dnb-date-picker .dnb-input__input.dnb-date-picker__input--small,.dnb-core-style .dnb-date-picker__input--small--has-submit-element .dnb-core-style .dnb-date-picker__input--small__input,.dnb-core-style .dnb-date-picker__input--small--has-submit-element .dnb-date-picker .dnb-input__input.dnb-date-picker__input--small__input,.dnb-core-style .dnb-date-picker__input--small--has-submit-element .dnb-date-picker__input--small__input,.dnb-core-style .dnb-date-picker__input--small.dnb-date-picker__input--small,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--small .dnb-date-picker .dnb-input__input.dnb-date-picker__input--small,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--small.dnb-date-picker__input--small,.dnb-date-picker__input--small .dnb-date-picker .dnb-input__input.dnb-date-picker__input--small,.dnb-date-picker__input--small.dnb-date-picker__input--small{padding-right:.125rem}.dnb-core-style .dnb-date-picker__input--small:last-of-type:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input--small:last-of-type:not(:root),.dnb-date-picker__input--small:last-of-type:not(:root){margin-right:2.2rem}.dnb-core-style .dnb-date-picker__input--medium .dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium,.dnb-core-style .dnb-date-picker__input--medium--has-submit-element .dnb-core-style .dnb-date-picker__input--medium__input,.dnb-core-style .dnb-date-picker__input--medium--has-submit-element .dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium__input,.dnb-core-style .dnb-date-picker__input--medium--has-submit-element .dnb-date-picker__input--medium__input,.dnb-core-style .dnb-date-picker__input--medium.dnb-date-picker__input--medium,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium .dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium.dnb-date-picker__input--medium,.dnb-date-picker__input--medium .dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium,.dnb-date-picker__input--medium.dnb-date-picker__input--medium{padding-right:.125rem}.dnb-core-style .dnb-date-picker__input--medium:last-of-type:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium:last-of-type:not(:root),.dnb-date-picker__input--medium:last-of-type:not(:root){margin-right:3.2rem}.dnb-core-style .dnb-date-picker__input--large .dnb-date-picker .dnb-input__input.dnb-date-picker__input--large,.dnb-core-style .dnb-date-picker__input--large--has-submit-element .dnb-core-style .dnb-date-picker__input--large__input,.dnb-core-style .dnb-date-picker__input--large--has-submit-element .dnb-date-picker .dnb-input__input.dnb-date-picker__input--large__input,.dnb-core-style .dnb-date-picker__input--large--has-submit-element .dnb-date-picker__input--large__input,.dnb-core-style .dnb-date-picker__input--large.dnb-date-picker__input--large,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--large .dnb-date-picker .dnb-input__input.dnb-date-picker__input--large,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--large.dnb-date-picker__input--large,.dnb-date-picker__input--large .dnb-date-picker .dnb-input__input.dnb-date-picker__input--large,.dnb-date-picker__input--large.dnb-date-picker__input--large{padding-right:.125rem}.dnb-core-style .dnb-date-picker__input--large:last-of-type:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input--large:last-of-type:not(:root),.dnb-date-picker__input--large:last-of-type:not(:root){margin-right:4rem}.dnb-core-style .dnb-date-picker__input--label-alignment-right,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--label-alignment-right,.dnb-date-picker__input--label-alignment-right{flex-flow:row-reverse;width:-webkit-fit-content;width:fit-content}.dnb-date-picker .dnb-input__input.dnb-date-picker__input:first-of-type,.dnb-date-picker__input:first-of-type{margin-left:.8rem}.dnb-date-picker .dnb-input__input.dnb-date-picker__input:last-of-type,.dnb-date-picker__input:last-of-type{margin-right:2.2rem}.dnb-date-picker .dnb-input__shell{display:none}.dnb-date-picker--show-input .dnb-input__shell{display:flex}.dnb-date-picker:not(.dnb-date-picker--show-input) .dnb-input__status--error .dnb-input__shell{box-shadow:none}.dnb-input__submit-button button:focus~.dnb-date-picker__input__wrapper{display:block}.dnb-date-picker:not(.dnb-date-picker--show-input) .dnb-input__submit-element,.dnb-input__submit-element>.dnb-date-picker .dnb-input__submit-element{margin-left:0}.dnb-date-picker__views{display:flex;user-select:none;-webkit-user-select:none}@media screen and (max-width:60em){.dnb-date-picker__views{flex-direction:column}}.dnb-date-picker__calendar{padding:1rem;position:relative}.dnb-date-picker__calendar:after{bottom:0;content:"";height:1px;position:absolute;width:calc(100% - 2rem)}.dnb-date-picker:not(.dnb-date-picker--show-footer) .dnb-date-picker__calendar:after{content:none}.dnb-date-picker__header{line-height:var(--line-height-basis);min-height:2.5rem}.dnb-date-picker__addon,.dnb-date-picker__header{display:flex;justify-content:space-between;padding-bottom:1rem;position:relative}.dnb-date-picker__addon:after,.dnb-date-picker__header:after{bottom:0;content:"";height:1px;position:absolute;width:100%}.dnb-date-picker__addon{display:flex;flex-flow:row wrap;gap:1rem;justify-content:flex-start;padding:1rem}.dnb-date-picker__addon:after{left:1rem;width:calc(100% - 2rem)}.dnb-date-picker__footer{display:flex;justify-content:space-between;padding:1rem;position:relative}.dnb-date-picker__labels__day{padding-bottom:.5rem;padding-top:1.5rem}.dnb-date-picker__days,.dnb-date-picker__labels{display:flex;flex-wrap:wrap;list-style:none;margin:0;max-width:18rem;min-width:18rem;padding:0}.dnb-date-picker__day,.dnb-date-picker__labels__day{display:flex;flex-basis:14.2857142857%;justify-content:center}.dnb-date-picker__day{margin:var(--date-picker-day-horizontal-spacing) 0;position:relative}.dnb-date-picker__day,.dnb-date-picker__day .dnb-button{height:var(--date-picker-day-width);width:var(--date-picker-day-width)}.dnb-date-picker__day .dnb-button{box-shadow:none;position:absolute;top:0;white-space:nowrap}.dnb-date-picker__day .dnb-button__bounding{border-radius:0;transform:scale(1.28)}.dnb-date-picker__day .dnb-button__text{transform:translateY(0)}.dnb-date-picker__day--selectable:hover{z-index:2}.dnb-date-picker__day--end-date .dnb-button,.dnb-date-picker__day--start-date .dnb-button{z-index:1}.dnb-date-picker__day--end-date,.dnb-date-picker__day--start-date{position:relative}.dnb-date-picker__day--end-date:after,.dnb-date-picker__day--start-date:after{content:"";height:100%;position:absolute;top:0;width:calc(var(--date-picker-day-width)/2)}.dnb-date-picker__day--start-date:after{left:auto;right:0}.dnb-date-picker__day--end-date:after{left:0;right:auto}.dnb-date-picker__day--start-date.dnb-date-picker__day--end-date:after{content:none}.dnb-date-picker .rtl{direction:rtl}.dnb-date-picker .rtl .dnb-date-picker__next:before,.dnb-date-picker .rtl .dnb-date-picker__prev:before{transform:scaleX(-1)}.dnb-date-picker__inner>.dnb-form-status{margin-top:.5rem;order:2}.dnb-date-picker--vertical{align-items:flex-start;display:flex;flex-direction:column}.dnb-date-picker>.dnb-form-label{line-height:var(--line-height-basis);margin-right:0}@media screen and (max-width:40em){.dnb-date-picker{flex-wrap:wrap}.dnb-date-picker>.dnb-form-label{margin-bottom:.5rem;margin-top:.5rem}}.dnb-date-picker--stretch{display:flex;flex-grow:1}.dnb-date-picker--stretch .dnb-date-picker__inner,.dnb-date-picker--stretch .dnb-date-picker__shell,.dnb-form-row--horizontal .dnb-date-picker--stretch{width:100%}.dnb-date-picker:not(.dnb-date-picker--vertical)[class=__status]{align-items:flex-start}.dnb-date-picker:not(.dnb-date-picker--vertical)[class=__status]>.dnb-form-label{margin-top:.25rem}.dnb-date-picker:not(.dnb-date-picker--show-input) .dnb-input__submit-button .dnb-button{border-radius:50%}@media screen and (max-width:40em){.dnb-responsive-component .dnb-date-picker{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:.5rem}.dnb-responsive-component .dnb-date-picker>.dnb-form-label{margin-bottom:.5rem}.dnb-responsive-component .dnb-date-picker__helper{display:none}}.dnb-date-picker .dnb-input__submit-button .dnb-button.dnb-skeleton{visibility:hidden}.dnb-core-style .dnb-date-picker__fieldset,.dnb-date-picker__fieldset{border:none;padding:0}.dnb-core-style .dnb-date-picker__fieldset:not([class=space__top]),.dnb-date-picker__fieldset:not([class=space__top]){margin-top:0}.dnb-core-style .dnb-date-picker__fieldset:not([class=space__bottom]),.dnb-date-picker__fieldset:not([class=space__bottom]){margin-bottom:0}.dnb-core-style .dnb-date-picker__fieldset:not([class=space__left]),.dnb-date-picker__fieldset:not([class=space__left]){margin-left:0}.dnb-core-style .dnb-date-picker__fieldset:not([class=space__right]),.dnb-date-picker__fieldset:not([class=space__right]){margin-right:0}.dnb-date-picker__portal{--date-picker-input-height:2rem;--date-picker-day-width:2rem;--date-picker-day-horizontal-spacing:4px;left:0;line-height:var(--date-picker-input-height);position:absolute;z-index:calc(var(--modal-z-index) + 10)}@keyframes date-picker-slide-down{0%{opacity:0}to{opacity:1}}@keyframes date-picker-slide-up{0%{opacity:1}to{opacity:0}}

package/components/dialog/style/dnb-dialog.css CHANGED Viewed

@@ -305,8 +305,4 @@ html:not([data-visual-test]) .dnb-dialog--hide {
       max-height: 82vh;
     }
   }
-}
-[data-visual-test].hide-page-content #___gatsby {
-  opacity: 0;
 }

package/components/dialog/style/dnb-dialog.min.css CHANGED Viewed

	@@ -1 +1 @@
1	- @keyframes show-modal{0%{opacity:.1;transform:translate3d(0,-1rem,0)}to{opacity:1;transform:translateZ(0)}}@keyframes hide-modal{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,1rem,0)}}@keyframes show-drawer{to{opacity:1;transform:translateZ(0)}}@keyframes hide-drawer-left{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-20rem,0,0)}}@keyframes hide-drawer-top{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,-20rem,0)}}@keyframes hide-drawer-bottom{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,20rem,0)}}@keyframes hide-drawer-right{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(20rem,0,0)}}@keyframes show-modal-overlay{0%{opacity:0}to{opacity:1}}@keyframes hide-modal-overlay{0%{opacity:1}to{opacity:0}}.dnb-dialog{--dialog-min-width:320px;--dialog-avg-width:60vw;--dialog-max-width:49rem;--dialog-confirm-max-width:40rem;--dialog-spacing:2rem;--dialog-spacing-minus:-2rem;--dialog-radius:0.5rem;-webkit-tap-highlight-color:rgba(0,0,0,0);background:var(--dialog-background);border:none;border-radius:var(--dialog-radius);box-shadow:var(--shadow-default);max-height:100vh;overflow:hidden;position:relative;-webkit-user-select:text;user-select:text}.dnb-dialog>.dnb-scroll-view{height:100%;max-height:90vh}.dnb-dialog__inner{display:flex;flex-direction:column;height:100%;position:relative;width:100%}.dnb-dialog--information{max-width:var(--dialog-max-width);min-width:var(--dialog-min-width);width:var(--dialog-avg-width)}.dnb-dialog--confirmation{margin-left:1rem;margin-right:1rem;max-width:var(--dialog-confirm-max-width)}@media screen and (max-width:40em){.dnb-dialog--auto-fullscreen{border-radius:0;box-shadow:none;height:100vh;margin:auto 0;max-height:100vh;max-width:100%;width:100%}}.dnb-dialog--fullscreen{border-radius:0;box-shadow:none;height:100vh;margin:auto 0;max-height:100vh;max-width:100%;width:100%}.dnb-dialog--spacing.dnb-dialog--information .dnb-dialog__content{padding-bottom:calc(var(--dialog-spacing)2)}.dnb-dialog--spacing.dnb-dialog--information .dnb-dialog__inner{padding-left:calc(var(--dialog-spacing)1.75);padding-right:calc(var(--dialog-spacing)1.75)}@media screen and (max-width:72em){.dnb-dialog--spacing.dnb-dialog--information .dnb-dialog__inner{padding-left:calc(var(--dialog-spacing));padding-right:calc(var(--dialog-spacing))}}@media screen and (max-width:40em){.dnb-dialog--spacing.dnb-dialog--information .dnb-dialog__inner{padding-left:calc(var(--dialog-spacing)/2);padding-right:calc(var(--dialog-spacing)/2)}}.dnb-dialog--spacing.dnb-dialog--information .dnb-dialog__navigation.dnb-section{margin-bottom:calc(var(--dialog-spacing)/2);margin-top:calc(var(--dialog-spacing))}@media screen and (max-width:60em){.dnb-dialog--spacing.dnb-dialog--information .dnb-dialog__navigation.dnb-section{margin-top:calc(var(--dialog-spacing)/2)}}.dnb-dialog--spacing.dnb-dialog--confirmation .dnb-dialog__inner{padding:calc(var(--dialog-spacing))}.dnb-dialog__align--centered .dnb-dialog__inner{align-items:center;justify-content:center}.dnb-dialog__align--centered .dnb-dialog__title,.dnb-dialog__align--centered.dnb-dialog--confirmation .dnb-dialog__content{text-align:center}.dnb-dialog__content{position:relative;z-index:1}.dnb-dialog__actions{display:flex;flex-flow:row wrap;gap:1rem;justify-content:center;padding-top:1.5rem;width:100%}.dnb-dialog--information .dnb-dialog__actions{justify-content:left}.dnb-dialog__align--center .dnb-dialog__content{align-items:center;text-align:center}.dnb-dialog__align--right .dnb-dialog__content{align-items:flex-end;text-align:right}.dnb-dialog__title~.dnb-dialog__content{padding-top:calc(var(--dialog-spacing)/2)}@media screen and (max-width:60em){.dnb-dialog__title{font-size:var(--font-size-large)!important;line-height:var(--line-height-medium)!important}}@media screen and (max-width:40em){.dnb-dialog__title{font-size:var(--font-size-medium)!important;line-height:var(--line-height-lead)!important}}.dnb-dialog--information .dnb-dialog__title{margin-bottom:var(--spacing-small)!important}.dnb-dialog--confirmation .dnb-dialog__title{margin-bottom:var(--spacing-x-small)!important}.dnb-dialog__navigation.dnb-section{display:flex;flex-direction:row;justify-content:space-between}html:not([data-visual-test]) .dnb-dialog{animation:show-modal var(--modal-animation-duration) ease-out}html:not([data-visual-test]) .dnb-dialog--hide{animation:hide-modal .22s ease-in-out forwards}.dnb-dialog--no-animation{animation-duration:0ms!important}@media screen and (max-width:40em){.dnb-dialog--no-animation-on-mobile{animation-delay:0ms!important;animation-duration:0ms!important}}.dnb-dialog__body{margin-bottom:calc(var(--dialog-spacing-minus)2);padding-bottom:calc(var(--dialog-spacing)2)}.dnb-dialog__header:after{height:600%;top:-500%}.dnb-dialog__header .dnb-modal__title,.dnb-dialog__header [class=dnb-h--]{padding:0}.dnb-dialog__header .dnb-modal__title:not([class=__top]),.dnb-dialog__header [class=dnb-h--]:not([class=__top]){margin-top:0}.dnb-dialog__header .dnb-modal__title:not([class=__bottom]),.dnb-dialog__header [class=dnb-h--]:not([class=__bottom]){margin-bottom:0}.dnb-dialog--spacing .dnb-dialog__header .dnb-tabs{margin-top:3.5rem}.dnb-dialog__icon{display:flex}.dnb-dialog__icon__primary.dnb-icon--border{--icon-border-positioning--default:var(--dialog-icon-positioning);color:var(--dialog-icon-color)}.dnb-dialog__icon__primary.dnb-icon--border svg{position:relative;z-index:1}.dnb-dialog__icon__primary.dnb-icon--border:after{background-color:var(--dialog-icon-background);border:none}.dnb-dialog__icon__primary.dnb-dialog__icon--warning{--dialog-icon-color:var(--dialog-icon-color--warning);--dialog-icon-background:var(--dialog-icon-background--warning)}.dnb-dialog__icon__primary.dnb-dialog__icon--info{--dialog-icon-color:var(--dialog-icon-color--info);--dialog-icon-background:var(--dialog-icon-background--info)}.dnb-dialog__icon~.dnb-dialog__header{margin-top:1.5rem}@supports (-webkit-touch-callout:none){@media (max-height:40em){.dnb-dialog .dnb-scroll-view{max-height:82vh}}}~~[data-visual-test].hide-page-content #___gatsby{opacity:0}~~
1	+ @keyframes show-modal{0%{opacity:.1;transform:translate3d(0,-1rem,0)}to{opacity:1;transform:translateZ(0)}}@keyframes hide-modal{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,1rem,0)}}@keyframes show-drawer{to{opacity:1;transform:translateZ(0)}}@keyframes hide-drawer-left{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-20rem,0,0)}}@keyframes hide-drawer-top{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,-20rem,0)}}@keyframes hide-drawer-bottom{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,20rem,0)}}@keyframes hide-drawer-right{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(20rem,0,0)}}@keyframes show-modal-overlay{0%{opacity:0}to{opacity:1}}@keyframes hide-modal-overlay{0%{opacity:1}to{opacity:0}}.dnb-dialog{--dialog-min-width:320px;--dialog-avg-width:60vw;--dialog-max-width:49rem;--dialog-confirm-max-width:40rem;--dialog-spacing:2rem;--dialog-spacing-minus:-2rem;--dialog-radius:0.5rem;-webkit-tap-highlight-color:rgba(0,0,0,0);background:var(--dialog-background);border:none;border-radius:var(--dialog-radius);box-shadow:var(--shadow-default);max-height:100vh;overflow:hidden;position:relative;-webkit-user-select:text;user-select:text}.dnb-dialog>.dnb-scroll-view{height:100%;max-height:90vh}.dnb-dialog__inner{display:flex;flex-direction:column;height:100%;position:relative;width:100%}.dnb-dialog--information{max-width:var(--dialog-max-width);min-width:var(--dialog-min-width);width:var(--dialog-avg-width)}.dnb-dialog--confirmation{margin-left:1rem;margin-right:1rem;max-width:var(--dialog-confirm-max-width)}@media screen and (max-width:40em){.dnb-dialog--auto-fullscreen{border-radius:0;box-shadow:none;height:100vh;margin:auto 0;max-height:100vh;max-width:100%;width:100%}}.dnb-dialog--fullscreen{border-radius:0;box-shadow:none;height:100vh;margin:auto 0;max-height:100vh;max-width:100%;width:100%}.dnb-dialog--spacing.dnb-dialog--information .dnb-dialog__content{padding-bottom:calc(var(--dialog-spacing)2)}.dnb-dialog--spacing.dnb-dialog--information .dnb-dialog__inner{padding-left:calc(var(--dialog-spacing)1.75);padding-right:calc(var(--dialog-spacing)1.75)}@media screen and (max-width:72em){.dnb-dialog--spacing.dnb-dialog--information .dnb-dialog__inner{padding-left:calc(var(--dialog-spacing));padding-right:calc(var(--dialog-spacing))}}@media screen and (max-width:40em){.dnb-dialog--spacing.dnb-dialog--information .dnb-dialog__inner{padding-left:calc(var(--dialog-spacing)/2);padding-right:calc(var(--dialog-spacing)/2)}}.dnb-dialog--spacing.dnb-dialog--information .dnb-dialog__navigation.dnb-section{margin-bottom:calc(var(--dialog-spacing)/2);margin-top:calc(var(--dialog-spacing))}@media screen and (max-width:60em){.dnb-dialog--spacing.dnb-dialog--information .dnb-dialog__navigation.dnb-section{margin-top:calc(var(--dialog-spacing)/2)}}.dnb-dialog--spacing.dnb-dialog--confirmation .dnb-dialog__inner{padding:calc(var(--dialog-spacing))}.dnb-dialog__align--centered .dnb-dialog__inner{align-items:center;justify-content:center}.dnb-dialog__align--centered .dnb-dialog__title,.dnb-dialog__align--centered.dnb-dialog--confirmation .dnb-dialog__content{text-align:center}.dnb-dialog__content{position:relative;z-index:1}.dnb-dialog__actions{display:flex;flex-flow:row wrap;gap:1rem;justify-content:center;padding-top:1.5rem;width:100%}.dnb-dialog--information .dnb-dialog__actions{justify-content:left}.dnb-dialog__align--center .dnb-dialog__content{align-items:center;text-align:center}.dnb-dialog__align--right .dnb-dialog__content{align-items:flex-end;text-align:right}.dnb-dialog__title~.dnb-dialog__content{padding-top:calc(var(--dialog-spacing)/2)}@media screen and (max-width:60em){.dnb-dialog__title{font-size:var(--font-size-large)!important;line-height:var(--line-height-medium)!important}}@media screen and (max-width:40em){.dnb-dialog__title{font-size:var(--font-size-medium)!important;line-height:var(--line-height-lead)!important}}.dnb-dialog--information .dnb-dialog__title{margin-bottom:var(--spacing-small)!important}.dnb-dialog--confirmation .dnb-dialog__title{margin-bottom:var(--spacing-x-small)!important}.dnb-dialog__navigation.dnb-section{display:flex;flex-direction:row;justify-content:space-between}html:not([data-visual-test]) .dnb-dialog{animation:show-modal var(--modal-animation-duration) ease-out}html:not([data-visual-test]) .dnb-dialog--hide{animation:hide-modal .22s ease-in-out forwards}.dnb-dialog--no-animation{animation-duration:0ms!important}@media screen and (max-width:40em){.dnb-dialog--no-animation-on-mobile{animation-delay:0ms!important;animation-duration:0ms!important}}.dnb-dialog__body{margin-bottom:calc(var(--dialog-spacing-minus)2);padding-bottom:calc(var(--dialog-spacing)2)}.dnb-dialog__header:after{height:600%;top:-500%}.dnb-dialog__header .dnb-modal__title,.dnb-dialog__header [class=dnb-h--]{padding:0}.dnb-dialog__header .dnb-modal__title:not([class=__top]),.dnb-dialog__header [class=dnb-h--]:not([class=__top]){margin-top:0}.dnb-dialog__header .dnb-modal__title:not([class=__bottom]),.dnb-dialog__header [class=dnb-h--]:not([class=__bottom]){margin-bottom:0}.dnb-dialog--spacing .dnb-dialog__header .dnb-tabs{margin-top:3.5rem}.dnb-dialog__icon{display:flex}.dnb-dialog__icon__primary.dnb-icon--border{--icon-border-positioning--default:var(--dialog-icon-positioning);color:var(--dialog-icon-color)}.dnb-dialog__icon__primary.dnb-icon--border svg{position:relative;z-index:1}.dnb-dialog__icon__primary.dnb-icon--border:after{background-color:var(--dialog-icon-background);border:none}.dnb-dialog__icon__primary.dnb-dialog__icon--warning{--dialog-icon-color:var(--dialog-icon-color--warning);--dialog-icon-background:var(--dialog-icon-background--warning)}.dnb-dialog__icon__primary.dnb-dialog__icon--info{--dialog-icon-color:var(--dialog-icon-color--info);--dialog-icon-background:var(--dialog-icon-background--info)}.dnb-dialog__icon~.dnb-dialog__header{margin-top:1.5rem}@supports (-webkit-touch-callout:none){@media (max-height:40em){.dnb-dialog .dnb-scroll-view{max-height:82vh}}}

package/components/dialog/style/dnb-dialog.scss CHANGED Viewed

@@ -259,8 +259,3 @@
     }
   }
 }
-[data-visual-test].hide-page-content #___gatsby {
-  // NB: visibility: hidden; does not work here, because puppeteer does not find the selectors anymore
-  opacity: 0;
-}

package/components/drawer/DrawerDocs.js CHANGED Viewed

@@ -25,7 +25,7 @@ export const DrawerProperties = {
     status: 'optional'
   },
   spacing: {
-    doc: 'If set to `false` then the drawer content will be shown without any spacing. Defaults to `true`. ',
+    doc: 'If set to `false` then the drawer content will be shown without any spacing. Defaults to `true`.',
     type: 'boolean',
     status: 'optional'
   },
@@ -55,7 +55,7 @@ export const DrawerProperties = {
     status: 'optional'
   },
   fullscreen: {
-    doc: 'If set to `true` then the drawer content will be shown as fullscreen, without showing the original content behind. Can be set to `false` to omit the auto fullscreen. Defaults to `auto`. ',
+    doc: 'If set to `true` then the drawer content will be shown as fullscreen, without showing the original content behind. Can be set to `false` to omit the auto fullscreen. Defaults to `auto`.',
     type: ['boolean', 'string'],
     status: 'optional'
   }

package/components/drawer/DrawerDocs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DrawerDocs.js","names":["DrawerProperties","containerPlacement","doc","type","status","title","minWidth","maxWidth","className","spacing","preventCoreStyle","navContent","headerContent","modalContent","alignContent","fullscreen"],"sources":["../../../../src/components/drawer/DrawerDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const DrawerProperties: PropertiesTableProps = {\n containerPlacement: {\n doc: 'Defines on what side the Drawer should be opened. Can be set to `left`, `right`, `top` and `bottom`. Defaults to `right`.',\n type: ['left', 'right', 'top', 'bottom'],\n status: 'optional',\n },\n title: {\n doc: 'The drawer title. Displays on the very top of the content.',\n type: 'React.ReactNode',\n status: 'optional',\n },\n minWidth: {\n doc: \"The minimum Drawer content width, defined by a CSS width value like `50vw` (50% of the viewport). Be careful on using fixed `minWidth` so you don't break responsiveness. Defaults to `30rem` (average width is set to `60vw`).\",\n type: ['string', 'number'],\n status: 'optional',\n },\n maxWidth: {\n doc: 'The maximum Drawer content width, defined by a CSS width value like `20rem`. Defaults to `60rem` (average width is set to `60vw`).',\n type: ['string', 'number'],\n status: 'optional',\n },\n className: {\n doc: 'Give the Drawer content a class name (maps to `dnb-drawer`).',\n type: 'string',\n status: 'optional',\n },\n spacing: {\n doc: 'If set to `false` then the drawer content will be shown without any spacing. Defaults to `true`. ',\n type: 'boolean',\n status: 'optional',\n },\n preventCoreStyle: {\n doc: 'By default the drawer content gets added the core style class `dnb-core-style`. Use `false` to disable this behavior.',\n type: 'boolean',\n status: 'optional',\n },\n navContent: {\n doc: 'The content which will appear in the navigation, above the header, and side-by-side the close button.',\n type: 'React.ReactNode',\n status: 'optional',\n },\n headerContent: {\n doc: 'The content which will appear in the header of the drawer.',\n type: 'React.ReactNode',\n status: 'optional',\n },\n modalContent: {\n doc: 'The content which will appear when triggering the drawer.',\n type: 'React.ReactNode',\n status: 'optional',\n },\n alignContent: {\n doc: 'Define the inner horizontal alignment of the content. Can be set to `left`, `center`, `right` and `centered`. If `centered`, then the content will also be centered vertically. Defaults to `left`.',\n type: ['left', 'right', 'centered', 'center'],\n status: 'optional',\n },\n fullscreen: {\n doc: 'If set to `true` then the drawer content will be shown as fullscreen, without showing the original content behind. Can be set to `false` to omit the auto fullscreen. Defaults to `auto`. ',\n type: ['boolean', 'string'],\n status: 'optional',\n },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,gBAAsC,GAAG;EACpDC,kBAAkB,EAAE;IAClBC,GAAG,EAAE,2HAA2H;IAChIC,IAAI,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,CAAC;IACxCC,MAAM,EAAE;EACV,CAAC;EACDC,KAAK,EAAE;IACLH,GAAG,EAAE,4DAA4D;IACjEC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV,CAAC;EACDE,QAAQ,EAAE;IACRJ,GAAG,EAAE,iOAAiO;IACtOC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV,CAAC;EACDG,QAAQ,EAAE;IACRL,GAAG,EAAE,oIAAoI;IACzIC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV,CAAC;EACDI,SAAS,EAAE;IACTN,GAAG,EAAE,8DAA8D;IACnEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDK,OAAO,EAAE;IACPP,GAAG,EAAE,~~mGAAmG~~;~~IACxGC~~,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDM,gBAAgB,EAAE;IAChBR,GAAG,EAAE,uHAAuH;IAC5HC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDO,UAAU,EAAE;IACVT,GAAG,EAAE,uGAAuG;IAC5GC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV,CAAC;EACDQ,aAAa,EAAE;IACbV,GAAG,EAAE,4DAA4D;IACjEC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV,CAAC;EACDS,YAAY,EAAE;IACZX,GAAG,EAAE,2DAA2D;IAChEC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV,CAAC;EACDU,YAAY,EAAE;IACZZ,GAAG,EAAE,qMAAqM;IAC1MC,IAAI,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,CAAC;IAC7CC,MAAM,EAAE;EACV,CAAC;EACDW,UAAU,EAAE;IACVb,GAAG,EAAE,~~4LAA4L~~;~~IACjMC~~,IAAI,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC;IAC3BC,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}
1	+ {"version":3,"file":"DrawerDocs.js","names":["DrawerProperties","containerPlacement","doc","type","status","title","minWidth","maxWidth","className","spacing","preventCoreStyle","navContent","headerContent","modalContent","alignContent","fullscreen"],"sources":["../../../../src/components/drawer/DrawerDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const DrawerProperties: PropertiesTableProps = {\n containerPlacement: {\n doc: 'Defines on what side the Drawer should be opened. Can be set to `left`, `right`, `top` and `bottom`. Defaults to `right`.',\n type: ['left', 'right', 'top', 'bottom'],\n status: 'optional',\n },\n title: {\n doc: 'The drawer title. Displays on the very top of the content.',\n type: 'React.ReactNode',\n status: 'optional',\n },\n minWidth: {\n doc: \"The minimum Drawer content width, defined by a CSS width value like `50vw` (50% of the viewport). Be careful on using fixed `minWidth` so you don't break responsiveness. Defaults to `30rem` (average width is set to `60vw`).\",\n type: ['string', 'number'],\n status: 'optional',\n },\n maxWidth: {\n doc: 'The maximum Drawer content width, defined by a CSS width value like `20rem`. Defaults to `60rem` (average width is set to `60vw`).',\n type: ['string', 'number'],\n status: 'optional',\n },\n className: {\n doc: 'Give the Drawer content a class name (maps to `dnb-drawer`).',\n type: 'string',\n status: 'optional',\n },\n spacing: {\n doc: 'If set to `false` then the drawer content will be shown without any spacing. Defaults to `true`.',\n type: 'boolean',\n status: 'optional',\n },\n preventCoreStyle: {\n doc: 'By default the drawer content gets added the core style class `dnb-core-style`. Use `false` to disable this behavior.',\n type: 'boolean',\n status: 'optional',\n },\n navContent: {\n doc: 'The content which will appear in the navigation, above the header, and side-by-side the close button.',\n type: 'React.ReactNode',\n status: 'optional',\n },\n headerContent: {\n doc: 'The content which will appear in the header of the drawer.',\n type: 'React.ReactNode',\n status: 'optional',\n },\n modalContent: {\n doc: 'The content which will appear when triggering the drawer.',\n type: 'React.ReactNode',\n status: 'optional',\n },\n alignContent: {\n doc: 'Define the inner horizontal alignment of the content. Can be set to `left`, `center`, `right` and `centered`. If `centered`, then the content will also be centered vertically. Defaults to `left`.',\n type: ['left', 'right', 'centered', 'center'],\n status: 'optional',\n },\n fullscreen: {\n doc: 'If set to `true` then the drawer content will be shown as fullscreen, without showing the original content behind. Can be set to `false` to omit the auto fullscreen. Defaults to `auto`.',\n type: ['boolean', 'string'],\n status: 'optional',\n },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,gBAAsC,GAAG;EACpDC,kBAAkB,EAAE;IAClBC,GAAG,EAAE,2HAA2H;IAChIC,IAAI,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,CAAC;IACxCC,MAAM,EAAE;EACV,CAAC;EACDC,KAAK,EAAE;IACLH,GAAG,EAAE,4DAA4D;IACjEC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV,CAAC;EACDE,QAAQ,EAAE;IACRJ,GAAG,EAAE,iOAAiO;IACtOC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV,CAAC;EACDG,QAAQ,EAAE;IACRL,GAAG,EAAE,oIAAoI;IACzIC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV,CAAC;EACDI,SAAS,EAAE;IACTN,GAAG,EAAE,8DAA8D;IACnEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDK,OAAO,EAAE;IACPP,GAAG,EAAE,kGAAkG;IACvGC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDM,gBAAgB,EAAE;IAChBR,GAAG,EAAE,uHAAuH;IAC5HC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDO,UAAU,EAAE;IACVT,GAAG,EAAE,uGAAuG;IAC5GC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV,CAAC;EACDQ,aAAa,EAAE;IACbV,GAAG,EAAE,4DAA4D;IACjEC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV,CAAC;EACDS,YAAY,EAAE;IACZX,GAAG,EAAE,2DAA2D;IAChEC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV,CAAC;EACDU,YAAY,EAAE;IACZZ,GAAG,EAAE,qMAAqM;IAC1MC,IAAI,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,CAAC;IAC7CC,MAAM,EAAE;EACV,CAAC;EACDW,UAAU,EAAE;IACVb,GAAG,EAAE,2LAA2L;IAChMC,IAAI,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC;IAC3BC,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}

package/components/drawer/style/dnb-drawer.css CHANGED Viewed

@@ -342,8 +342,4 @@ html:not([data-visual-test]) .dnb-drawer--hide.dnb-drawer--bottom {
     animation-delay: 0ms !important;
     animation-duration: 0ms !important;
   }
-}
-[data-visual-test].hide-page-content #___gatsby {
-  opacity: 0;
 }

package/components/drawer/style/dnb-drawer.min.css CHANGED Viewed

	@@ -1 +1 @@
1	- @keyframes show-modal{0%{opacity:.1;transform:translate3d(0,-1rem,0)}to{opacity:1;transform:translateZ(0)}}@keyframes hide-modal{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,1rem,0)}}@keyframes show-drawer{to{opacity:1;transform:translateZ(0)}}@keyframes hide-drawer-left{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-20rem,0,0)}}@keyframes hide-drawer-top{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,-20rem,0)}}@keyframes hide-drawer-bottom{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,20rem,0)}}@keyframes hide-drawer-right{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(20rem,0,0)}}@keyframes show-modal-overlay{0%{opacity:0}to{opacity:1}}@keyframes hide-modal-overlay{0%{opacity:1}to{opacity:0}}.dnb-drawer{--drawer-width:40vw;--drawer-min-width:384px;--drawer-max-width:40rem;--drawer-spacing:2rem;--drawer-spacing-minus:-2rem;-webkit-tap-highlight-color:rgba(0,0,0,0);border:none;border-radius:0;box-shadow:none;box-shadow:var(--shadow-default);height:100vh;max-height:100vh;max-width:100%;max-width:var(--drawer-max-width);min-width:var(--drawer-min-width);position:relative;-webkit-user-select:text;user-select:text;width:100%;width:var(--drawer-width)}@media screen and (max-width:40em){.dnb-drawer{--drawer-width:100vw;--drawer-min-width:none;--drawer-max-width:none}.dnb-drawer--auto-fullscreen{border-radius:0;box-shadow:none;height:100vh;max-height:100vh;max-width:100%;width:100%}}.dnb-drawer__inner{background-color:var(--modal-background-color,transparent);display:flex;flex-direction:column;height:calc(100% - var(--header-height, 0));position:relative;width:100%;z-index:10}.dnb-drawer__align--centered .dnb-drawer__inner{align-items:center;justify-content:center}.dnb-drawer__content{position:relative;z-index:1}.dnb-drawer--spacing .dnb-drawer__content{padding:0 var(--drawer-spacing)}@media screen and (min-width:80.00625em){.dnb-drawer--spacing .dnb-drawer__content{padding:0 calc(var(--drawer-spacing)1.75)}}@media screen and (max-width:60em){.dnb-drawer--spacing .dnb-drawer__content{padding:0 calc(var(--drawer-spacing)/1.33333)}}@media screen and (max-width:40em){.dnb-drawer--spacing .dnb-drawer__content{padding:0 calc(var(--drawer-spacing)/2)}}.dnb-drawer__align--center .dnb-drawer__content{align-items:center;text-align:center}.dnb-drawer__align--right .dnb-drawer__content{align-items:flex-end;text-align:right}.dnb-drawer--bottom,.dnb-drawer--top{height:40vh;max-width:100%;width:100vw}@media screen and (max-height:40em){.dnb-drawer--bottom,.dnb-drawer--top{height:100vw;max-height:auto;min-height:auto}}.dnb-drawer--fullscreen{border-radius:0;box-shadow:none;height:100vh;max-height:100vh;max-width:100%;width:100%}html:not([data-visual-test]) .dnb-drawer{animation:show-drawer var(--modal-animation-duration) ease-out forwards;opacity:.1}html:not([data-visual-test]) .dnb-drawer--left{transform:translate3d(-20rem,0,0)}html:not([data-visual-test]) .dnb-drawer--right{transform:translate3d(20rem,0,0)}html:not([data-visual-test]) .dnb-drawer--top{transform:translate3d(0,-20rem,0)}html:not([data-visual-test]) .dnb-drawer--bottom{transform:translate3d(0,20rem,0)}html:not([data-visual-test]) .dnb-drawer--hide.dnb-drawer--left{animation:hide-drawer-left var(--modal-animation-duration) ease-in-out forwards}html:not([data-visual-test]) .dnb-drawer--hide.dnb-drawer--right{animation:hide-drawer-right var(--modal-animation-duration) ease-in-out forwards}html:not([data-visual-test]) .dnb-drawer--hide.dnb-drawer--top{animation:hide-drawer-top var(--modal-animation-duration) ease-in-out forwards}html:not([data-visual-test]) .dnb-drawer--hide.dnb-drawer--bottom{animation:hide-drawer-bottom var(--modal-animation-duration) ease-in-out forwards}.dnb-drawer--no-animation{animation-duration:0ms!important}@media screen and (max-width:40em){.dnb-drawer--no-animation-on-mobile{animation-duration:0ms!important}}.dnb-drawer__root{align-items:flex-start;justify-content:flex-start}@media screen and (max-width:60em){.dnb-drawer__title{font-size:var(--font-size-large)!important;line-height:var(--line-height-medium)!important}}.dnb-drawer__title~.dnb-drawer__content{padding-top:calc(var(--drawer-spacing)/1.33333)}.dnb-drawer .dnb-drawer__header .dnb-drawer__title,.dnb-drawer .dnb-drawer__header [class=dnb-h--]{padding:0}.dnb-drawer .dnb-drawer__header .dnb-drawer__title:not([class=__top]),.dnb-drawer .dnb-drawer__header [class=dnb-h--]:not([class=__top]){margin-top:0}.dnb-drawer .dnb-drawer__header .dnb-drawer__title:not([class=__bottom]),.dnb-drawer .dnb-drawer__header [class=dnb-h--]:not([class=__bottom]){margin-bottom:0}.dnb-drawer .dnb-drawer__header:after{height:600%;top:-500%}.dnb-drawer--spacing .dnb-drawer__header{padding:0 var(--drawer-spacing)}@media screen and (min-width:80.00625em){.dnb-drawer--spacing .dnb-drawer__header{padding:0 calc(var(--drawer-spacing)1.75)}}@media screen and (max-width:60em){.dnb-drawer--spacing .dnb-drawer__header{padding:0 calc(var(--drawer-spacing)/1.33333)}}@media screen and (max-width:40em){.dnb-drawer--spacing .dnb-drawer__header{padding:0 calc(var(--drawer-spacing)/2)}}.dnb-drawer--spacing .dnb-drawer__header .dnb-tabs{margin-top:var(--drawer-spacing)}.dnb-drawer__body{margin-bottom:calc(var(--drawer-spacing-minus)2);padding-bottom:calc(var(--drawer-spacing)2)}@supports (-webkit-touch-callout:none){.dnb-drawer__body{padding-bottom:calc(var(--drawer-spacing-minus)8)}}.dnb-drawer__navigation.dnb-section{display:flex;flex-direction:row;justify-content:space-between}.dnb-drawer--spacing .dnb-drawer__navigation.dnb-section{left:0;margin:var(--drawer-spacing) 0;padding:0 var(--drawer-spacing);position:sticky;top:0;z-index:99}@media screen and (min-width:80.00625em){.dnb-drawer--spacing .dnb-drawer__navigation.dnb-section{padding:0 calc(var(--drawer-spacing)*1.75)}}@media screen and (max-width:60em){.dnb-drawer--spacing .dnb-drawer__navigation.dnb-section{padding:0 calc(var(--drawer-spacing)/1.33333)}}@media screen and (max-width:40em){.dnb-drawer--spacing .dnb-drawer__navigation.dnb-section{padding:0 calc(var(--drawer-spacing)/2)}}.dnb-drawer--spacing .dnb-drawer__navigation.dnb-section.dnb-drawer__navigation--sticky{z-index:2999}.dnb-drawer .dnb-drawer__navigation--sticky:before{bottom:0;box-shadow:var(--shadow-default);content:"";height:300%;left:0;position:absolute;right:0;z-index:-1}.dnb-drawer .dnb-drawer__navigation:not(.dnb-drawer__navigation--sticky):after{color:transparent}@media screen and (max-width:40em){.dnb-drawer--no-animation-on-mobile{animation-delay:0ms!important;animation-duration:0ms!important}}~~[data-visual-test].hide-page-content #___gatsby{opacity:0}~~
1	+ @keyframes show-modal{0%{opacity:.1;transform:translate3d(0,-1rem,0)}to{opacity:1;transform:translateZ(0)}}@keyframes hide-modal{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,1rem,0)}}@keyframes show-drawer{to{opacity:1;transform:translateZ(0)}}@keyframes hide-drawer-left{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-20rem,0,0)}}@keyframes hide-drawer-top{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,-20rem,0)}}@keyframes hide-drawer-bottom{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,20rem,0)}}@keyframes hide-drawer-right{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(20rem,0,0)}}@keyframes show-modal-overlay{0%{opacity:0}to{opacity:1}}@keyframes hide-modal-overlay{0%{opacity:1}to{opacity:0}}.dnb-drawer{--drawer-width:40vw;--drawer-min-width:384px;--drawer-max-width:40rem;--drawer-spacing:2rem;--drawer-spacing-minus:-2rem;-webkit-tap-highlight-color:rgba(0,0,0,0);border:none;border-radius:0;box-shadow:none;box-shadow:var(--shadow-default);height:100vh;max-height:100vh;max-width:100%;max-width:var(--drawer-max-width);min-width:var(--drawer-min-width);position:relative;-webkit-user-select:text;user-select:text;width:100%;width:var(--drawer-width)}@media screen and (max-width:40em){.dnb-drawer{--drawer-width:100vw;--drawer-min-width:none;--drawer-max-width:none}.dnb-drawer--auto-fullscreen{border-radius:0;box-shadow:none;height:100vh;max-height:100vh;max-width:100%;width:100%}}.dnb-drawer__inner{background-color:var(--modal-background-color,transparent);display:flex;flex-direction:column;height:calc(100% - var(--header-height, 0));position:relative;width:100%;z-index:10}.dnb-drawer__align--centered .dnb-drawer__inner{align-items:center;justify-content:center}.dnb-drawer__content{position:relative;z-index:1}.dnb-drawer--spacing .dnb-drawer__content{padding:0 var(--drawer-spacing)}@media screen and (min-width:80.00625em){.dnb-drawer--spacing .dnb-drawer__content{padding:0 calc(var(--drawer-spacing)1.75)}}@media screen and (max-width:60em){.dnb-drawer--spacing .dnb-drawer__content{padding:0 calc(var(--drawer-spacing)/1.33333)}}@media screen and (max-width:40em){.dnb-drawer--spacing .dnb-drawer__content{padding:0 calc(var(--drawer-spacing)/2)}}.dnb-drawer__align--center .dnb-drawer__content{align-items:center;text-align:center}.dnb-drawer__align--right .dnb-drawer__content{align-items:flex-end;text-align:right}.dnb-drawer--bottom,.dnb-drawer--top{height:40vh;max-width:100%;width:100vw}@media screen and (max-height:40em){.dnb-drawer--bottom,.dnb-drawer--top{height:100vw;max-height:auto;min-height:auto}}.dnb-drawer--fullscreen{border-radius:0;box-shadow:none;height:100vh;max-height:100vh;max-width:100%;width:100%}html:not([data-visual-test]) .dnb-drawer{animation:show-drawer var(--modal-animation-duration) ease-out forwards;opacity:.1}html:not([data-visual-test]) .dnb-drawer--left{transform:translate3d(-20rem,0,0)}html:not([data-visual-test]) .dnb-drawer--right{transform:translate3d(20rem,0,0)}html:not([data-visual-test]) .dnb-drawer--top{transform:translate3d(0,-20rem,0)}html:not([data-visual-test]) .dnb-drawer--bottom{transform:translate3d(0,20rem,0)}html:not([data-visual-test]) .dnb-drawer--hide.dnb-drawer--left{animation:hide-drawer-left var(--modal-animation-duration) ease-in-out forwards}html:not([data-visual-test]) .dnb-drawer--hide.dnb-drawer--right{animation:hide-drawer-right var(--modal-animation-duration) ease-in-out forwards}html:not([data-visual-test]) .dnb-drawer--hide.dnb-drawer--top{animation:hide-drawer-top var(--modal-animation-duration) ease-in-out forwards}html:not([data-visual-test]) .dnb-drawer--hide.dnb-drawer--bottom{animation:hide-drawer-bottom var(--modal-animation-duration) ease-in-out forwards}.dnb-drawer--no-animation{animation-duration:0ms!important}@media screen and (max-width:40em){.dnb-drawer--no-animation-on-mobile{animation-duration:0ms!important}}.dnb-drawer__root{align-items:flex-start;justify-content:flex-start}@media screen and (max-width:60em){.dnb-drawer__title{font-size:var(--font-size-large)!important;line-height:var(--line-height-medium)!important}}.dnb-drawer__title~.dnb-drawer__content{padding-top:calc(var(--drawer-spacing)/1.33333)}.dnb-drawer .dnb-drawer__header .dnb-drawer__title,.dnb-drawer .dnb-drawer__header [class=dnb-h--]{padding:0}.dnb-drawer .dnb-drawer__header .dnb-drawer__title:not([class=__top]),.dnb-drawer .dnb-drawer__header [class=dnb-h--]:not([class=__top]){margin-top:0}.dnb-drawer .dnb-drawer__header .dnb-drawer__title:not([class=__bottom]),.dnb-drawer .dnb-drawer__header [class=dnb-h--]:not([class=__bottom]){margin-bottom:0}.dnb-drawer .dnb-drawer__header:after{height:600%;top:-500%}.dnb-drawer--spacing .dnb-drawer__header{padding:0 var(--drawer-spacing)}@media screen and (min-width:80.00625em){.dnb-drawer--spacing .dnb-drawer__header{padding:0 calc(var(--drawer-spacing)1.75)}}@media screen and (max-width:60em){.dnb-drawer--spacing .dnb-drawer__header{padding:0 calc(var(--drawer-spacing)/1.33333)}}@media screen and (max-width:40em){.dnb-drawer--spacing .dnb-drawer__header{padding:0 calc(var(--drawer-spacing)/2)}}.dnb-drawer--spacing .dnb-drawer__header .dnb-tabs{margin-top:var(--drawer-spacing)}.dnb-drawer__body{margin-bottom:calc(var(--drawer-spacing-minus)2);padding-bottom:calc(var(--drawer-spacing)2)}@supports (-webkit-touch-callout:none){.dnb-drawer__body{padding-bottom:calc(var(--drawer-spacing-minus)8)}}.dnb-drawer__navigation.dnb-section{display:flex;flex-direction:row;justify-content:space-between}.dnb-drawer--spacing .dnb-drawer__navigation.dnb-section{left:0;margin:var(--drawer-spacing) 0;padding:0 var(--drawer-spacing);position:sticky;top:0;z-index:99}@media screen and (min-width:80.00625em){.dnb-drawer--spacing .dnb-drawer__navigation.dnb-section{padding:0 calc(var(--drawer-spacing)*1.75)}}@media screen and (max-width:60em){.dnb-drawer--spacing .dnb-drawer__navigation.dnb-section{padding:0 calc(var(--drawer-spacing)/1.33333)}}@media screen and (max-width:40em){.dnb-drawer--spacing .dnb-drawer__navigation.dnb-section{padding:0 calc(var(--drawer-spacing)/2)}}.dnb-drawer--spacing .dnb-drawer__navigation.dnb-section.dnb-drawer__navigation--sticky{z-index:2999}.dnb-drawer .dnb-drawer__navigation--sticky:before{bottom:0;box-shadow:var(--shadow-default);content:"";height:300%;left:0;position:absolute;right:0;z-index:-1}.dnb-drawer .dnb-drawer__navigation:not(.dnb-drawer__navigation--sticky):after{color:transparent}@media screen and (max-width:40em){.dnb-drawer--no-animation-on-mobile{animation-delay:0ms!important;animation-duration:0ms!important}}

package/components/drawer/style/dnb-drawer.scss CHANGED Viewed

@@ -269,8 +269,3 @@
     }
   }
 }
-[data-visual-test].hide-page-content #___gatsby {
-  // NB: visibility: hidden; does not work here, because puppeteer does not find the selectors anymore
-  opacity: 0;
-}

package/components/form-label/style/dnb-form-label.css CHANGED Viewed

@@ -14,7 +14,6 @@
 }
 .dnb-form-label[for] {
   width: -webkit-fit-content;
-  width: -moz-fit-content;
   width: fit-content;
 }
 .dnb-form-label--vertical {

package/components/form-label/style/dnb-form-label.min.css CHANGED Viewed

	@@ -1 +1 @@
1	- .dnb-form-label{color:inherit;display:inline-block;font-size:var(--font-size-basis);padding:0;text-align:left;vertical-align:baseline;white-space:pre-wrap;word-break:normal}.dnb-form-label[for]{width:-webkit-fit-content;width~~:-moz-fit-content;width~~:fit-content}.dnb-form-label--vertical{display:block;margin-bottom:.5rem;margin-right:0}.dnb-form-label--interactive{cursor:pointer}.dnb-form-label[disabled]{cursor:not-allowed}legend.dnb-form-label{display:inline-block}
1	+ .dnb-form-label{color:inherit;display:inline-block;font-size:var(--font-size-basis);padding:0;text-align:left;vertical-align:baseline;white-space:pre-wrap;word-break:normal}.dnb-form-label[for]{width:-webkit-fit-content;width:fit-content}.dnb-form-label--vertical{display:block;margin-bottom:.5rem;margin-right:0}.dnb-form-label--interactive{cursor:pointer}.dnb-form-label[disabled]{cursor:not-allowed}legend.dnb-form-label{display:inline-block}

package/components/form-row/FormRow.d.ts CHANGED Viewed

@@ -49,7 +49,7 @@ export interface FormRowProps
    */
   direction?: FormRowDirection;
   /**
-   * will force both `direction` and `label_direction` to be **vertical** if set to `true`
+   * will force both `direction` and `label_direction` to be **vertical** if set to `true`.
    */
   vertical?: boolean;
   /**

package/components/form-row/FormRowDocs.js CHANGED Viewed

@@ -20,7 +20,7 @@ export const FormRowProperties = {
     status: 'optional'
   },
   vertical: {
-    doc: 'will force both `direction` and `label_direction` to be **vertical** if set to `true`',
+    doc: 'will force both `direction` and `label_direction` to be **vertical** if set to `true`.',
     type: 'boolean',
     status: 'optional'
   },

package/components/form-row/FormRowDocs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FormRowDocs.js","names":["FormRowProperties","label","doc","type","status","label_direction","label_sr_only","direction","vertical","centered","wrap","responsive","section_style","section_spacing","no_fieldset","label_class","locale","disabled","skeleton"],"sources":["../../../../src/components/form-row/FormRowDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const FormRowProperties: PropertiesTableProps = {\n label: {\n doc: 'use either the `label` property or provide a custom one.',\n type: 'React.ReactNode',\n status: 'optional',\n },\n label_direction: {\n doc: 'use `label_direction=\"vertical\"` to change the label/legend layout direction. Defaults to `horizontal`.',\n type: ['vertical', 'horizontal'],\n status: 'optional',\n },\n label_sr_only: {\n doc: 'use `true` to make the label only readable by screen readers.',\n type: 'boolean',\n status: 'optional',\n },\n direction: {\n doc: 'to define the layout direction on how the next component should be placed on. Can be either `vertical` or `horizontal`. Defaults to `horizontal`.',\n type: ['vertical', 'horizontal'],\n status: 'optional',\n },\n vertical: {\n doc: 'will force both `direction` and `label_direction` to be vertical if set to `true`',\n type: 'boolean',\n status: 'optional',\n },\n centered: {\n doc: 'will center all children vertically as long as the screen does not hit a mobile width.',\n type: 'boolean',\n status: 'optional',\n },\n wrap: {\n doc: 'forces the content of a FormRow to wrap. Make sure you always define spacing as `right=\"...\"` and not `left`, this way components will align left once they wrap. Defaults to `false`.',\n type: 'boolean',\n status: 'optional',\n },\n responsive: {\n doc: 'to force responsiveness on form components (like [Input](/uilib/components/input) and their labels ([FormLabel](/uilib/components/form-label)), set the property to `true`. Defaults to `false`.',\n type: 'boolean',\n status: 'optional',\n },\n section_style: {\n doc: 'to enable the visual helper `.dnb-section` class. Use a supported modifier from the [Section component](/uilib/components/section/properties). Defaults to `null`.',\n type: ['divider', 'white', 'transparent'],\n status: 'optional',\n },\n section_spacing: {\n doc: 'to modify the `spacing`. Use a supported modifier from the [Section component](/uilib/components/section/properties). Defaults to `null`.',\n type: ['x-small', 'small', 'medium', 'large', 'x-large', 'xx-large'],\n status: 'optional',\n },\n no_fieldset: {\n doc: 'if set to `true`, then the internal `legend` element will be a `label` instead, and no `<fieldset>` is used. Keep in mind, that `<legend>` and `<fieldset>` is only used if a `label` is provided. Defaults to `false`.',\n type: 'boolean',\n status: 'optional',\n },\n label_class: {\n doc: 'if you need to style the \"legend\", then you can either send in a custom Component, like `label={ <H2> }`, or define your styling class with the `label_class` property.',\n type: 'string',\n status: 'optional',\n },\n locale: {\n doc: 'Send along a different locale to all nested components.',\n type: 'string',\n status: 'optional',\n },\n disabled: {\n doc: 'if set to `true`, every component inside will be disabled. Defaults to `false`.',\n type: 'boolean',\n status: 'optional',\n },\n skeleton: {\n doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',\n type: 'boolean',\n status: 'optional',\n },\n '[Space](/uilib/layout/space/properties)': {\n doc: 'Spacing properties like `top` or `bottom` are supported.',\n type: ['string', 'object'],\n status: 'optional',\n },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,iBAAuC,GAAG;EACrDC,KAAK,EAAE;IACLC,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV,CAAC;EACDC,eAAe,EAAE;IACfH,GAAG,EAAE,yGAAyG;IAC9GC,IAAI,EAAE,CAAC,UAAU,EAAE,YAAY,CAAC;IAChCC,MAAM,EAAE;EACV,CAAC;EACDE,aAAa,EAAE;IACbJ,GAAG,EAAE,+DAA+D;IACpEC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDG,SAAS,EAAE;IACTL,GAAG,EAAE,mJAAmJ;IACxJC,IAAI,EAAE,CAAC,UAAU,EAAE,YAAY,CAAC;IAChCC,MAAM,EAAE;EACV,CAAC;EACDI,QAAQ,EAAE;IACRN,GAAG,EAAE,~~uFAAuF~~;~~IAC5FC~~,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDK,QAAQ,EAAE;IACRP,GAAG,EAAE,wFAAwF;IAC7FC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDM,IAAI,EAAE;IACJR,GAAG,EAAE,wLAAwL;IAC7LC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDO,UAAU,EAAE;IACVT,GAAG,EAAE,kMAAkM;IACvMC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDQ,aAAa,EAAE;IACbV,GAAG,EAAE,oKAAoK;IACzKC,IAAI,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,aAAa,CAAC;IACzCC,MAAM,EAAE;EACV,CAAC;EACDS,eAAe,EAAE;IACfX,GAAG,EAAE,2IAA2I;IAChJC,IAAI,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,CAAC;IACpEC,MAAM,EAAE;EACV,CAAC;EACDU,WAAW,EAAE;IACXZ,GAAG,EAAE,6NAA6N;IAClOC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDW,WAAW,EAAE;IACXb,GAAG,EAAE,yKAAyK;IAC9KC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDY,MAAM,EAAE;IACNd,GAAG,EAAE,yDAAyD;IAC9DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDa,QAAQ,EAAE;IACRf,GAAG,EAAE,iFAAiF;IACtFC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDc,QAAQ,EAAE;IACRhB,GAAG,EAAE,wEAAwE;IAC7EC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}
1	+ {"version":3,"file":"FormRowDocs.js","names":["FormRowProperties","label","doc","type","status","label_direction","label_sr_only","direction","vertical","centered","wrap","responsive","section_style","section_spacing","no_fieldset","label_class","locale","disabled","skeleton"],"sources":["../../../../src/components/form-row/FormRowDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const FormRowProperties: PropertiesTableProps = {\n label: {\n doc: 'use either the `label` property or provide a custom one.',\n type: 'React.ReactNode',\n status: 'optional',\n },\n label_direction: {\n doc: 'use `label_direction=\"vertical\"` to change the label/legend layout direction. Defaults to `horizontal`.',\n type: ['vertical', 'horizontal'],\n status: 'optional',\n },\n label_sr_only: {\n doc: 'use `true` to make the label only readable by screen readers.',\n type: 'boolean',\n status: 'optional',\n },\n direction: {\n doc: 'to define the layout direction on how the next component should be placed on. Can be either `vertical` or `horizontal`. Defaults to `horizontal`.',\n type: ['vertical', 'horizontal'],\n status: 'optional',\n },\n vertical: {\n doc: 'will force both `direction` and `label_direction` to be vertical if set to `true`.',\n type: 'boolean',\n status: 'optional',\n },\n centered: {\n doc: 'will center all children vertically as long as the screen does not hit a mobile width.',\n type: 'boolean',\n status: 'optional',\n },\n wrap: {\n doc: 'forces the content of a FormRow to wrap. Make sure you always define spacing as `right=\"...\"` and not `left`, this way components will align left once they wrap. Defaults to `false`.',\n type: 'boolean',\n status: 'optional',\n },\n responsive: {\n doc: 'to force responsiveness on form components (like [Input](/uilib/components/input) and their labels ([FormLabel](/uilib/components/form-label)), set the property to `true`. Defaults to `false`.',\n type: 'boolean',\n status: 'optional',\n },\n section_style: {\n doc: 'to enable the visual helper `.dnb-section` class. Use a supported modifier from the [Section component](/uilib/components/section/properties). Defaults to `null`.',\n type: ['divider', 'white', 'transparent'],\n status: 'optional',\n },\n section_spacing: {\n doc: 'to modify the `spacing`. Use a supported modifier from the [Section component](/uilib/components/section/properties). Defaults to `null`.',\n type: ['x-small', 'small', 'medium', 'large', 'x-large', 'xx-large'],\n status: 'optional',\n },\n no_fieldset: {\n doc: 'if set to `true`, then the internal `legend` element will be a `label` instead, and no `<fieldset>` is used. Keep in mind, that `<legend>` and `<fieldset>` is only used if a `label` is provided. Defaults to `false`.',\n type: 'boolean',\n status: 'optional',\n },\n label_class: {\n doc: 'if you need to style the \"legend\", then you can either send in a custom Component, like `label={ <H2> }`, or define your styling class with the `label_class` property.',\n type: 'string',\n status: 'optional',\n },\n locale: {\n doc: 'Send along a different locale to all nested components.',\n type: 'string',\n status: 'optional',\n },\n disabled: {\n doc: 'if set to `true`, every component inside will be disabled. Defaults to `false`.',\n type: 'boolean',\n status: 'optional',\n },\n skeleton: {\n doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',\n type: 'boolean',\n status: 'optional',\n },\n '[Space](/uilib/layout/space/properties)': {\n doc: 'Spacing properties like `top` or `bottom` are supported.',\n type: ['string', 'object'],\n status: 'optional',\n },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,iBAAuC,GAAG;EACrDC,KAAK,EAAE;IACLC,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV,CAAC;EACDC,eAAe,EAAE;IACfH,GAAG,EAAE,yGAAyG;IAC9GC,IAAI,EAAE,CAAC,UAAU,EAAE,YAAY,CAAC;IAChCC,MAAM,EAAE;EACV,CAAC;EACDE,aAAa,EAAE;IACbJ,GAAG,EAAE,+DAA+D;IACpEC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDG,SAAS,EAAE;IACTL,GAAG,EAAE,mJAAmJ;IACxJC,IAAI,EAAE,CAAC,UAAU,EAAE,YAAY,CAAC;IAChCC,MAAM,EAAE;EACV,CAAC;EACDI,QAAQ,EAAE;IACRN,GAAG,EAAE,wFAAwF;IAC7FC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDK,QAAQ,EAAE;IACRP,GAAG,EAAE,wFAAwF;IAC7FC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDM,IAAI,EAAE;IACJR,GAAG,EAAE,wLAAwL;IAC7LC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDO,UAAU,EAAE;IACVT,GAAG,EAAE,kMAAkM;IACvMC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDQ,aAAa,EAAE;IACbV,GAAG,EAAE,oKAAoK;IACzKC,IAAI,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,aAAa,CAAC;IACzCC,MAAM,EAAE;EACV,CAAC;EACDS,eAAe,EAAE;IACfX,GAAG,EAAE,2IAA2I;IAChJC,IAAI,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,CAAC;IACpEC,MAAM,EAAE;EACV,CAAC;EACDU,WAAW,EAAE;IACXZ,GAAG,EAAE,6NAA6N;IAClOC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDW,WAAW,EAAE;IACXb,GAAG,EAAE,yKAAyK;IAC9KC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDY,MAAM,EAAE;IACNd,GAAG,EAAE,yDAAyD;IAC9DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDa,QAAQ,EAAE;IACRf,GAAG,EAAE,iFAAiF;IACtFC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDc,QAAQ,EAAE;IACRhB,GAAG,EAAE,wEAAwE;IAC7EC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}