{"version":3,"sources":["webpack:///./src/stories/Components/Forms/TextArea/TextArea.tsx","webpack:///./src/stories/Components/Forms/NewDatePicker/DatePicker.tsx","webpack:///./src/stories/Components/Forms/NewDatePicker/DatePicker.styles.ts","webpack:///./src/helpers/dateRangeStyles.ts","webpack:///./src/stories/Components/Forms/Textbox/Textbox.styles.ts","webpack:///./src/stories/Components/Forms/Label/Label.styles.ts","webpack:///./src/stories/Components/Forms/TextArea/TextArea.styles.ts"],"names":["TextArea","onKeyDown","e","key","toLowerCase","preventDefault","currentTarget","value","props","React","createElement","Fragment","Label","htmlFor","id","label","required","TextAreaStyles","Input","isValid","NewDatePicker","useState","startDate","start","setStart","endDate","end","setEnd","useEffect","containerRef","useRef","minDate","readOnlyInputs","useMemo","undefined","leadTimeDays","addYears","Date","addBusinessDays","isEqual","onStartDateChanged","onEndDateChanged","S","Wrapper","ref","LabelText","DatePicker","dateFormat","selectsRange","selectsEnd","onChange","dates","filterDate","date","day","getDay","isBefore","excludedDates","excludedDate","isRecurring","setFullYear","getFullYear","isAfter","inline","maxDate","placeholderText","styled","div","ButtonStyles","Button","DatePickerCss","InputStyles","ThemeSwitch","groundforceColour","brand","primary","base","generateOpacity","fonts","DaxPro","grey","grey20","css","DatePickerPluginCss","DateRangeCss","PluginCss","SvgSelectArrow","rgba","grey55","Regular","black","input","ClearInput","Container","LabelStyles","ErrorLabel","span","red","textarea"],"mappings":"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","file":"16-c929788adc8fe0091df5.js","sourcesContent":["import React from 'react';\r\nimport Label from '../Label/Label.styles';\r\nimport { TextAreaStyles } from './TextArea.styles';\r\nconst TextArea = ({ onKeyDown = (e) => {\r\n    if (e.key.toLowerCase() === 'enter') {\r\n        e.preventDefault(); // Stops weird behaviour\r\n        e.currentTarget.value = e.currentTarget.value + '\\r\\n'; // Allows for line return\r\n    }\r\n}, ...props }) => {\r\n    return (React.createElement(React.Fragment, null,\r\n        React.createElement(Label, { htmlFor: props.id },\r\n            props.label,\r\n            \" \",\r\n            props.required ? React.createElement(\"span\", null, \"*\") : null),\r\n        React.createElement(TextAreaStyles.Input, { ...props, isValid: props.isValid, onKeyDown: onKeyDown })));\r\n};\r\nexport default TextArea;\r\n","/* eslint-disable @typescript-eslint/no-unused-vars */\r\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\r\nimport DatePicker from 'react-datepicker';\r\nimport S from './DatePicker.styles';\r\nimport addBusinessDays from 'date-fns/addBusinessDays';\r\nimport isBefore from 'date-fns/isBefore';\r\nimport isAfter from 'date-fns/isAfter';\r\nimport addYears from 'date-fns/addYears';\r\nimport isEqual from 'date-fns/isEqual';\r\nconst NewDatePicker = (props) => {\r\n    const [start, setStart] = useState(props.startDate);\r\n    const [end, setEnd] = useState(props.endDate);\r\n    React.useEffect(() => {\r\n        if (props.startDate === null && !!start) {\r\n            setStart(null);\r\n        }\r\n    }, [props.startDate]);\r\n    React.useEffect(() => {\r\n        if (props.endDate === null && !!end) {\r\n            setEnd(null);\r\n        }\r\n    }, [props.endDate]);\r\n    const containerRef = useRef(null);\r\n    const readOnly = props.readOnlyInputs === true || props.readOnlyInputs === undefined;\r\n    const minDate = useMemo(() => {\r\n        if (props.leadTimeDays === undefined) {\r\n            return addYears(new Date(), -5);\r\n        }\r\n        if (props.leadTimeDays === 0) {\r\n            return new Date();\r\n        }\r\n        const minDate = addBusinessDays(new Date(), props.leadTimeDays + 1);\r\n        return minDate;\r\n    }, [props.leadTimeDays]);\r\n    const handleChange = (dates) => {\r\n        const [start, end] = dates;\r\n        if (props.selectsEnd) {\r\n            if (end !== null) {\r\n                setStart(start);\r\n                setEnd(end);\r\n            }\r\n            else {\r\n                setEnd(start);\r\n            }\r\n            return;\r\n        }\r\n        setStart(start);\r\n        setEnd(end);\r\n    };\r\n    useEffect(() => {\r\n        if (start !== null && (props.startDate ? !isEqual(props.startDate, start) : true)) {\r\n            props.onStartDateChanged(start);\r\n        }\r\n        if (end !== null && (props.endDate ? !isEqual(props.endDate, end) : true)) {\r\n            props.onEndDateChanged(end);\r\n        }\r\n    }, [start, end]);\r\n    const filterDate = (date) => {\r\n        const day = date.getDay();\r\n        const isWeekend = day === 0 || day === 6;\r\n        if (isWeekend) {\r\n            return false;\r\n        }\r\n        if (props.selectsEnd === true && props.startDate !== null) {\r\n            return !isBefore(date, props.startDate);\r\n        }\r\n        if (props.excludedDates) {\r\n            for (const excludedDate of props.excludedDates) {\r\n                const startDate = excludedDate.isRecurring\r\n                    ? new Date(excludedDate.startDate).setFullYear(date.getFullYear())\r\n                    : new Date(excludedDate.startDate);\r\n                const endDate = excludedDate.isRecurring\r\n                    ? new Date(excludedDate.endDate).setFullYear(date.getFullYear())\r\n                    : new Date(excludedDate.endDate);\r\n                if (!isBefore(date, startDate) && !isAfter(date, endDate)) {\r\n                    return false;\r\n                }\r\n            }\r\n        }\r\n        return true;\r\n    };\r\n    return (React.createElement(S.Wrapper, { ref: containerRef },\r\n        React.createElement(S.LabelText, null,\r\n            React.createElement(\"div\", null, props.label)),\r\n        React.createElement(DatePicker, { dateFormat: 'MMM d, yyyy', selectsRange: true, startDate: start, endDate: end, minDate: minDate, selectsEnd: props.selectsEnd, onChange: handleChange, filterDate: filterDate, inline: props.inline, maxDate: addYears(new Date(), 5), placeholderText: \"Enter a date\" })));\r\n};\r\nfunction isDateRange(date) {\r\n    return date.length !== undefined;\r\n}\r\nexport default NewDatePicker;\r\n","import brand from '@helpers/brand';\r\nimport { DatePickerCss } from '@helpers/dateRangeStyles';\r\nimport { fonts } from '@helpers/fonts';\r\nimport { ButtonStyles } from '@stories/Components/Buttons/Button/Button.styles';\r\nimport styled from 'styled-components';\r\nimport { InputStyles } from '../Textbox/Textbox.styles';\r\nimport { ThemeSwitch } from '@helpers/theme';\r\nconst Wrapper = styled.div `\r\n  ${ButtonStyles.Button} {\r\n    align-self: center;\r\n  }\r\n\r\n  ${DatePickerCss};\r\n\r\n  .react-datepicker__tab-loop {\r\n    display: contents;\r\n  }\r\n\r\n  .react-datepicker-wrapper {\r\n    grid-column: span 2;\r\n\r\n    input {\r\n      ${InputStyles};\r\n      width: 100%;\r\n    }\r\n  }\r\n\r\n  .react-datepicker__tab-loop__start,\r\n  .react-datepicker__tab-loop__end {\r\n    display: none;\r\n  }\r\n\r\n  .react-datepicker__day--in-range,\r\n  .react-datepicker__day--in-range:hover {\r\n    ${ThemeSwitch({ groundforceColour: brand.primary.base })};\r\n    background-color: var(--theme);\r\n  }\r\n\r\n  .react-datepicker__day--in-selecting-range {\r\n    ${ThemeSwitch({ generateOpacity: true })};\r\n    background-color: var(--theme-half-opacity) !important;\r\n  }\r\n\r\n  .react-datepicker__current-month {\r\n    font-size: 12px;\r\n  }\r\n\r\n  .react-datepicker__triangle {\r\n    margin-left: -20px !important;\r\n  }\r\n\r\n  .react-datepicker__day {\r\n    margin: 4px;\r\n    font-size: 11px;\r\n    width: 26px;\r\n    line-height: 22px;\r\n  }\r\n\r\n  .react-datepicker__day-name {\r\n    margin: 4px;\r\n    font-size: 11px;\r\n    width: 26px;\r\n  }\r\n`;\r\nconst LabelText = styled.div `\r\n  ${fonts.DaxPro['Medium']};\r\n  font-size: 18px;\r\n  color: ${brand.grey.grey20};\r\n  margin-bottom: 6px;\r\n`;\r\nexport default {\r\n    Wrapper,\r\n    LabelText,\r\n};\r\n","import { css } from 'styled-components';\r\nimport PluginCss from '!raw-loader!react-date-range/dist/styles.css';\r\nimport DatePickerPluginCss from '!raw-loader!react-datepicker/dist/react-datepicker.css';\r\nimport brand from './brand';\r\nimport { fonts } from './fonts';\r\nimport SvgSelectArrow from '@img/icons/select-arrow-up.svg';\r\nexport const DatePickerCss = css `\r\n  ${DatePickerPluginCss};\r\n`;\r\nexport const DateRangeCss = css `\r\n  ${PluginCss};\r\n\r\n  input,\r\n  select {\r\n    font-family: inherit;\r\n  }\r\n\r\n  // THEME - (fixed/modified) - react-date-range/dist/theme/default.css\r\n  .rdrCalendarWrapper {\r\n    color: #000000;\r\n    font-size: 12px;\r\n    ${fonts.DaxPro['Regular']};\r\n  }\r\n\r\n  .rdrDateDisplay {\r\n    margin: 0;\r\n  }\r\n\r\n  .rdrDateDisplayItem {\r\n    border-radius: 4px;\r\n    background-color: none;\r\n    box-shadow: none;\r\n    border: 1px solid #e5e5e5;\r\n  }\r\n\r\n  .rdrDateInput {\r\n    position: relative;\r\n\r\n    &:after {\r\n      content: '';\r\n      position: absolute;\r\n      top: 0;\r\n      right: 12px;\r\n      display: block;\r\n      width: 10px;\r\n      height: 100%;\r\n      background: url(${SvgSelectArrow}) no-repeat center;\r\n      transform: rotate(180deg);\r\n      background-size: contain;\r\n      pointer-events: none;\r\n    }\r\n  }\r\n\r\n  .rdrDateDisplayItem input {\r\n    cursor: pointer;\r\n    height: 2.5em;\r\n    line-height: 2.5em;\r\n    padding: 0 10px;\r\n    border: 0px;\r\n    background: transparent;\r\n    width: 100%;\r\n    color: #849095;\r\n    font-size: 14px;\r\n    color: ${brand.grey.grey20};\r\n    text-align: left;\r\n    font-family: inherit;\r\n  }\r\n\r\n  .rdrDateDisplayItemActive {\r\n    border-color: currentColor;\r\n  }\r\n\r\n  .rdrDateDisplayItemActive input {\r\n    color: ${brand.grey.grey20};\r\n  }\r\n\r\n  .rdrMonthAndYearWrapper {\r\n    align-items: center;\r\n    height: 60px;\r\n    padding-top: 10px;\r\n  }\r\n\r\n  .rdrMonthAndYearPickers {\r\n    font-weight: 600;\r\n  }\r\n\r\n  .rdrMonthAndYearPickers select {\r\n    -moz-appearance: none;\r\n    appearance: none;\r\n    -webkit-appearance: none;\r\n    border: 0;\r\n    background: transparent;\r\n    padding: 10px 30px 10px 10px;\r\n    border-radius: 4px;\r\n    outline: 0;\r\n    font-size: 14px;\r\n    color: #3e484f;\r\n    background-position: right 8px center;\r\n    cursor: pointer;\r\n    text-align: center;\r\n  }\r\n\r\n  .rdrMonthAndYearPickers select:hover {\r\n    background-color: none;\r\n  }\r\n\r\n  .rdrMonthPicker,\r\n  .rdrYearPicker {\r\n    position: relative;\r\n    margin: 0 5px;\r\n\r\n    &:after {\r\n      content: '';\r\n      position: absolute;\r\n      top: 0;\r\n      right: 12px;\r\n      display: block;\r\n      width: 10px;\r\n      height: 100%;\r\n      background: url(${SvgSelectArrow}) no-repeat center;\r\n      transform: rotate(180deg);\r\n      background-size: contain;\r\n      pointer-events: none;\r\n    }\r\n  }\r\n\r\n  .rdrNextPrevButton {\r\n    display: block;\r\n    width: 24px;\r\n    height: 24px;\r\n    margin: 0 0.833em;\r\n    padding: 0;\r\n    border: 0;\r\n    border-radius: 5px;\r\n    background: #eff2f7;\r\n  }\r\n\r\n  .rdrNextPrevButton:hover {\r\n    background: #e1e7f0;\r\n  }\r\n\r\n  .rdrNextPrevButton i {\r\n    display: block;\r\n    width: 0;\r\n    height: 0;\r\n    padding: 0;\r\n    text-align: center;\r\n    border-style: solid;\r\n    margin: auto;\r\n    transform: translate(-3px, 0px);\r\n  }\r\n\r\n  .rdrPprevButton i {\r\n    border-width: 4px 6px 4px 4px;\r\n    border-color: transparent rgb(52, 73, 94) transparent transparent;\r\n    transform: translate(-3px, 0px);\r\n  }\r\n\r\n  .rdrNextButton i {\r\n    margin: 0 0 0 7px;\r\n    border-width: 4px 4px 4px 6px;\r\n    border-color: transparent transparent transparent rgb(52, 73, 94);\r\n    transform: translate(3px, 0px);\r\n  }\r\n\r\n  .rdrWeekDays {\r\n    padding: 0 0.833em;\r\n  }\r\n\r\n  .rdrMonth {\r\n    padding: 0 0 1.666em 0;\r\n    width: 100%;\r\n  }\r\n\r\n  .rdrMonth .rdrWeekDays {\r\n    padding: 0;\r\n  }\r\n\r\n  .rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName {\r\n    display: none;\r\n  }\r\n\r\n  .rdrWeekDay {\r\n    font-weight: 400;\r\n    line-height: 2.667em;\r\n    color: rgb(132, 144, 149);\r\n  }\r\n\r\n  .rdrDay {\r\n    background: transparent;\r\n    -webkit-user-select: none;\r\n    -moz-user-select: none;\r\n    -ms-user-select: none;\r\n    user-select: none;\r\n    border: 0;\r\n    padding: 0;\r\n    line-height: 3em;\r\n    height: 3em;\r\n    text-align: center;\r\n    color: #1d2429;\r\n  }\r\n\r\n  .rdrDay:focus {\r\n    outline: 0;\r\n  }\r\n\r\n  .rdrDayNumber {\r\n    outline: 0;\r\n    font-weight: 300;\r\n    position: absolute;\r\n    left: 0;\r\n    right: 0;\r\n    top: 0;\r\n    bottom: 0;\r\n    top: 5px;\r\n    bottom: 5px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  .rdrDayToday .rdrDayNumber span {\r\n    font-weight: 500;\r\n  }\r\n\r\n  .rdrDayToday .rdrDayNumber span:after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 4px;\r\n    left: 50%;\r\n    transform: translate(-50%, 0);\r\n    width: 18px;\r\n    height: 2px;\r\n    border-radius: 2px;\r\n    background: ${brand.primary.base};\r\n  }\r\n\r\n  .rdrDayToday:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span:after,\r\n  .rdrDayToday:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span:after,\r\n  .rdrDayToday:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span:after,\r\n  .rdrDayToday:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span:after {\r\n    background: #fff;\r\n  }\r\n\r\n  .rdrDay:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span,\r\n  .rdrDay:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span,\r\n  .rdrDay:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span,\r\n  .rdrDay:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span {\r\n    color: rgba(255, 255, 255, 0.85);\r\n  }\r\n\r\n  .rdrSelected,\r\n  .rdrInRange,\r\n  .rdrStartEdge,\r\n  .rdrEndEdge {\r\n    background: currentColor;\r\n    position: absolute;\r\n    top: 5px;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 5px;\r\n  }\r\n\r\n  .rdrSelected {\r\n    left: 2px;\r\n    right: 2px;\r\n  }\r\n\r\n  .rdrInRange {\r\n  }\r\n\r\n  .rdrStartEdge {\r\n    border-top-left-radius: 1.042em;\r\n    border-bottom-left-radius: 1.042em;\r\n    left: 2px;\r\n  }\r\n\r\n  .rdrEndEdge {\r\n    border-top-right-radius: 1.042em;\r\n    border-bottom-right-radius: 1.042em;\r\n    right: 2px;\r\n  }\r\n\r\n  .rdrSelected {\r\n    border-radius: 1.042em;\r\n  }\r\n\r\n  .rdrDayStartOfMonth .rdrInRange,\r\n  .rdrDayStartOfMonth .rdrEndEdge,\r\n  .rdrDayStartOfWeek .rdrInRange,\r\n  .rdrDayStartOfWeek .rdrEndEdge {\r\n    border-top-left-radius: 1.042em;\r\n    border-bottom-left-radius: 1.042em;\r\n    left: 2px;\r\n  }\r\n\r\n  .rdrDayEndOfMonth .rdrInRange,\r\n  .rdrDayEndOfMonth .rdrStartEdge,\r\n  .rdrDayEndOfWeek .rdrInRange,\r\n  .rdrDayEndOfWeek .rdrStartEdge {\r\n    border-top-right-radius: 1.042em;\r\n    border-bottom-right-radius: 1.042em;\r\n    right: 2px;\r\n  }\r\n\r\n  .rdrDayStartOfMonth .rdrDayInPreview,\r\n  .rdrDayStartOfMonth .rdrDayEndPreview,\r\n  .rdrDayStartOfWeek .rdrDayInPreview,\r\n  .rdrDayStartOfWeek .rdrDayEndPreview {\r\n    border-top-left-radius: 1.333em;\r\n    border-bottom-left-radius: 1.333em;\r\n    border-left-width: 1px;\r\n    left: 0px;\r\n  }\r\n\r\n  .rdrDayEndOfMonth .rdrDayInPreview,\r\n  .rdrDayEndOfMonth .rdrDayStartPreview,\r\n  .rdrDayEndOfWeek .rdrDayInPreview,\r\n  .rdrDayEndOfWeek .rdrDayStartPreview {\r\n    border-top-right-radius: 1.333em;\r\n    border-bottom-right-radius: 1.333em;\r\n    border-right-width: 1px;\r\n    right: 0px;\r\n  }\r\n\r\n  .rdrDayStartPreview,\r\n  .rdrDayInPreview,\r\n  .rdrDayEndPreview {\r\n    background: rgba(255, 255, 255, 0.09);\r\n    position: absolute;\r\n    top: 3px;\r\n    left: 0px;\r\n    right: 0px;\r\n    bottom: 3px;\r\n    pointer-events: none;\r\n    border: 0px solid currentColor;\r\n    z-index: 1;\r\n  }\r\n\r\n  .rdrDayStartPreview {\r\n    border-top-width: 1px;\r\n    border-left-width: 1px;\r\n    border-bottom-width: 1px;\r\n    border-top-left-radius: 1.333em;\r\n    border-bottom-left-radius: 1.333em;\r\n    left: 0px;\r\n  }\r\n\r\n  .rdrDayInPreview {\r\n    border-top-width: 1px;\r\n    border-bottom-width: 1px;\r\n  }\r\n\r\n  .rdrDayEndPreview {\r\n    border-top-width: 1px;\r\n    border-right-width: 1px;\r\n    border-bottom-width: 1px;\r\n    border-top-right-radius: 1.333em;\r\n    border-bottom-right-radius: 1.333em;\r\n    right: 2px;\r\n    right: 0px;\r\n  }\r\n\r\n  .rdrDefinedRangesWrapper {\r\n    font-size: 12px;\r\n    width: 226px;\r\n    border-right: solid 1px #eff2f7;\r\n    background: #fff;\r\n  }\r\n\r\n  .rdrDefinedRangesWrapper .rdrStaticRangeSelected {\r\n    color: currentColor;\r\n    font-weight: 600;\r\n  }\r\n\r\n  .rdrStaticRange {\r\n    border: 0;\r\n    cursor: pointer;\r\n    display: block;\r\n    outline: 0;\r\n    border-bottom: 1px solid #eff2f7;\r\n    padding: 0;\r\n    background: #fff;\r\n  }\r\n\r\n  .rdrStaticRange:hover .rdrStaticRangeLabel,\r\n  .rdrStaticRange:focus .rdrStaticRangeLabel {\r\n    background: #eff2f7;\r\n  }\r\n\r\n  .rdrStaticRangeLabel {\r\n    display: block;\r\n    outline: 0;\r\n    line-height: 18px;\r\n    padding: 10px 20px;\r\n    text-align: left;\r\n  }\r\n\r\n  .rdrInputRanges {\r\n    padding: 10px 0;\r\n  }\r\n\r\n  .rdrInputRange {\r\n    align-items: center;\r\n    padding: 5px 20px;\r\n  }\r\n\r\n  .rdrInputRangeInput {\r\n    width: 30px;\r\n    height: 30px;\r\n    line-height: 30px;\r\n    border-radius: 4px;\r\n    text-align: center;\r\n    border: solid 1px rgb(222, 231, 235);\r\n    margin-right: 10px;\r\n    color: rgb(108, 118, 122);\r\n  }\r\n\r\n  .rdrInputRangeInput:focus,\r\n  .rdrInputRangeInput:hover {\r\n    border-color: rgb(180, 191, 196);\r\n    outline: 0;\r\n    color: #333;\r\n  }\r\n\r\n  .rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after {\r\n    content: '';\r\n    border: 1px solid currentColor;\r\n    border-radius: 1.333em;\r\n    position: absolute;\r\n    top: -2px;\r\n    bottom: -2px;\r\n    left: 0px;\r\n    right: 0px;\r\n    background: transparent;\r\n  }\r\n\r\n  .rdrDayPassive {\r\n    pointer-events: none;\r\n  }\r\n\r\n  .rdrDayPassive .rdrDayNumber span {\r\n    color: #d5dce0;\r\n  }\r\n\r\n  .rdrDayPassive .rdrInRange,\r\n  .rdrDayPassive .rdrStartEdge,\r\n  .rdrDayPassive .rdrEndEdge,\r\n  .rdrDayPassive .rdrSelected,\r\n  .rdrDayPassive .rdrDayStartPreview,\r\n  .rdrDayPassive .rdrDayInPreview,\r\n  .rdrDayPassive .rdrDayEndPreview {\r\n    display: none;\r\n  }\r\n\r\n  .rdrDayDisabled {\r\n    background-color: rgb(248, 248, 248);\r\n  }\r\n\r\n  .rdrDayDisabled .rdrDayNumber span {\r\n    color: #aeb9bf;\r\n  }\r\n\r\n  .rdrDayDisabled .rdrInRange,\r\n  .rdrDayDisabled .rdrStartEdge,\r\n  .rdrDayDisabled .rdrEndEdge,\r\n  .rdrDayDisabled .rdrSelected,\r\n  .rdrDayDisabled .rdrDayStartPreview,\r\n  .rdrDayDisabled .rdrDayInPreview,\r\n  .rdrDayDisabled .rdrDayEndPreview {\r\n    filter: grayscale(100%) opacity(60%);\r\n  }\r\n\r\n  .rdrMonthName {\r\n    text-align: left;\r\n    font-weight: 600;\r\n    color: #849095;\r\n    padding: 0.833em;\r\n  }\r\n`;\r\n","import brand from '@helpers/brand';\r\nimport { fonts } from '@helpers/fonts';\r\nimport { rgba } from 'polished';\r\nimport styled, { css } from 'styled-components';\r\nexport const InputStyles = css `\r\n  display: inline-block;\r\n  border-radius: 3px;\r\n  border: 1px solid ${rgba(brand.grey.grey55, 0.75)};\r\n  box-sizing: border-box !important;\r\n  ${fonts.DaxPro.Regular};\r\n  font-size: 18px;\r\n  color: ${brand.black};\r\n  height: 50px;\r\n  letter-spacing: -0.02em;\r\n  line-height: 1em;\r\n  margin: 0;\r\n  opacity: 1;\r\n  padding: 18px;\r\n  text-transform: none;\r\n  transition: opacity 0.3s ease-out;\r\n  width: auto;\r\n\r\n  &::placeholder {\r\n    color: ${rgba(brand.black, 0.5)};\r\n  }\r\n\r\n  &:disabled {\r\n    opacity: 0.4;\r\n  }\r\n\r\n  ${({ isValid }) => isValid === true || isValid === undefined\r\n    ? null\r\n    : css `\r\n          border: 1px solid red;\r\n        `}\r\n`;\r\nconst Input = styled.input `\r\n  ${InputStyles};\r\n\r\n  [data-show-clear='true'] & {\r\n    padding-right: 35px;\r\n    width: 100%;\r\n  }\r\n`;\r\nconst ClearInput = styled.div `\r\n  position: absolute;\r\n  top: 50%;\r\n  right: 10px;\r\n  height: 15px;\r\n  transform: translateY(-50%);\r\n  width: 15px;\r\n  cursor: pointer;\r\n`;\r\nconst Container = styled.div `\r\n  position: relative;\r\n  flex-grow: 1;\r\n\r\n  &[data-show-clear='false'] {\r\n    display: contents;\r\n  }\r\n`;\r\nexport default {\r\n    Input,\r\n    ClearInput,\r\n    Container,\r\n};\r\n","import brand from '@helpers/brand';\r\nimport { fonts } from '@helpers/fonts';\r\nimport styled from 'styled-components';\r\nconst Label = styled.label `\r\n  display: block;\r\n  font-size: 16px;\r\n  ${fonts.DaxPro['Bold']};\r\n  color: ${brand.grey.grey20};\r\n  margin-bottom: 6px;\r\n`;\r\nconst ErrorLabel = styled.span `\r\n  display: block;\r\n  font-size: 14px;\r\n  ${fonts.DaxPro['Bold']};\r\n  color: ${brand.red.base};\r\n  margin-bottom: 6px;\r\n`;\r\nexport const LabelStyles = {\r\n    Label,\r\n    ErrorLabel,\r\n};\r\nexport default Label;\r\n","import styled from 'styled-components';\r\nimport { InputStyles } from '../Textbox/Textbox.styles';\r\nconst Input = styled.textarea `\r\n  ${InputStyles};\r\n  min-height: 150px;\r\n`;\r\nexport const TextAreaStyles = {\r\n    Input,\r\n};\r\n"],"sourceRoot":""}