@amboss/design-system 3.43.3 → 3.45.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/cjs/components/Button/Button.d.ts +1 -0
- package/build/cjs/components/Button/Button.js +1 -1
- package/build/cjs/components/Card/CardHeader/CardHeader.d.ts +3 -3
- package/build/cjs/components/Card/CardHeader/CardHeader.js +1 -1
- package/build/cjs/components/DropdownMenu/DropdownMenu.d.ts +13 -7
- package/build/cjs/components/DropdownMenu/DropdownMenu.js +1 -1
- package/build/cjs/components/DropdownMenu/Menu.d.ts +2 -2
- package/build/cjs/components/DropdownMenu/Menu.js +1 -1
- package/build/cjs/components/DropdownMenu/MenuItem.d.ts +1 -2
- package/build/cjs/components/DropdownMenu/MenuItem.js +1 -1
- package/build/cjs/components/Form/DatePicker/Calendar.d.ts +19 -19
- package/build/cjs/components/Form/DatePicker/Calendar.js +1 -1
- package/build/cjs/components/Form/DatePicker/DatePicker.js +1 -1
- package/build/cjs/components/Form/DatePicker/DatePickerButton.d.ts +1 -1
- package/build/cjs/components/Form/DatePicker/DatePickerButton.js +1 -1
- package/build/cjs/components/Form/DatePicker/DatePickerInput.js +1 -1
- package/build/cjs/components/Form/DatePicker/DatePickerPopover.d.ts +6 -4
- package/build/cjs/components/Form/DatePicker/DatePickerPopover.js +1 -1
- package/build/cjs/components/Form/DatePicker/types.d.ts +10 -4
- package/build/cjs/components/Form/PasswordInput/PasswordInputButton.js +1 -1
- package/build/cjs/components/PromptButton/PromptButton.d.ts +15 -0
- package/build/cjs/components/PromptButton/PromptButton.js +1 -0
- package/build/cjs/components/RoundButton/RoundButton.d.ts +3 -1
- package/build/cjs/components/RoundButton/RoundButton.js +1 -1
- package/build/cjs/index.d.ts +1 -0
- package/build/cjs/index.js +1 -1
- package/build/cjs/shared/popupMenu/getMenuStyle.d.ts +1 -1
- package/build/cjs/shared/popupMenu/getMenuStyle.js +1 -1
- package/build/cjs/shared/popupMenu/usePopupMenu.d.ts +2 -1
- package/build/cjs/shared/popupMenu/usePopupMenu.js +1 -1
- package/build/cjs/types/index.d.ts +4 -0
- package/build/cjs/types/index.js +1 -1
- package/build/cjs/web-tokens/_colors.json +81 -0
- package/build/cjs/web-tokens/assets/icons.json +2 -2
- package/build/cjs/web-tokens/visualConfig.d.ts +19 -0
- package/build/cjs/web-tokens/visualConfig.js +1 -1
- package/build/esm/components/Button/Button.d.ts +1 -0
- package/build/esm/components/Button/Button.js +1 -1
- package/build/esm/components/Card/CardHeader/CardHeader.d.ts +3 -3
- package/build/esm/components/Card/CardHeader/CardHeader.js +1 -1
- package/build/esm/components/DropdownMenu/DropdownMenu.d.ts +13 -7
- package/build/esm/components/DropdownMenu/DropdownMenu.js +1 -1
- package/build/esm/components/DropdownMenu/Menu.d.ts +2 -2
- package/build/esm/components/DropdownMenu/Menu.js +1 -1
- package/build/esm/components/DropdownMenu/MenuItem.d.ts +1 -2
- package/build/esm/components/DropdownMenu/MenuItem.js +1 -1
- package/build/esm/components/Form/DatePicker/Calendar.d.ts +19 -19
- package/build/esm/components/Form/DatePicker/Calendar.js +1 -1
- package/build/esm/components/Form/DatePicker/DatePicker.js +1 -1
- package/build/esm/components/Form/DatePicker/DatePickerButton.d.ts +1 -1
- package/build/esm/components/Form/DatePicker/DatePickerButton.js +1 -1
- package/build/esm/components/Form/DatePicker/DatePickerInput.js +1 -1
- package/build/esm/components/Form/DatePicker/DatePickerPopover.d.ts +6 -4
- package/build/esm/components/Form/DatePicker/DatePickerPopover.js +1 -1
- package/build/esm/components/Form/DatePicker/types.d.ts +10 -4
- package/build/esm/components/Form/PasswordInput/PasswordInputButton.js +1 -1
- package/build/esm/components/PromptButton/PromptButton.d.ts +15 -0
- package/build/esm/components/PromptButton/PromptButton.js +1 -0
- package/build/esm/components/RoundButton/RoundButton.d.ts +3 -1
- package/build/esm/components/RoundButton/RoundButton.js +1 -1
- package/build/esm/index.d.ts +1 -0
- package/build/esm/index.js +1 -1
- package/build/esm/shared/popupMenu/getMenuStyle.d.ts +1 -1
- package/build/esm/shared/popupMenu/getMenuStyle.js +1 -1
- package/build/esm/shared/popupMenu/usePopupMenu.d.ts +2 -1
- package/build/esm/shared/popupMenu/usePopupMenu.js +1 -1
- package/build/esm/types/index.d.ts +4 -0
- package/build/esm/types/index.js +1 -1
- package/build/esm/web-tokens/_colors.json +81 -0
- package/build/esm/web-tokens/assets/icons.json +2 -2
- package/build/esm/web-tokens/visualConfig.d.ts +19 -0
- package/build/esm/web-tokens/visualConfig.js +1 -1
- package/build/scss/_dark.scss +9 -0
- package/build/scss/_light.scss +9 -0
- package/build/scss/_variables.scss +9 -0
- package/package.json +7 -6
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"DatePicker",{enumerable:!0,get:function(){return DatePicker}});const _react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_FormField=require("../FormField/FormField"),_useFormFieldMessageId=require("../FormField/useFormFieldMessageId"),_dateMask=require("../dateMask"),_DatePickerInput=require("./DatePickerInput"),_DatePickerPopover=require("./DatePickerPopover"),_dateUtils=require("./dateUtils"),DatePicker=_react.default.forwardRef(({format="US",maskBlocks,onAccept,onComplete,label,labelHint,hideLabel,hint,errorMessages,hasError=!1,disabled,slotProps,value:valueProp,"aria-describedby":ariaDescribedBy,"data-e2e-test-id":dataE2eTestId,...rest},ref)=>{let{id,ariaDescribedByProp}=(0,_useFormFieldMessageId.useFormFieldMessageId)({ariaDescribedBy,errorMessages,hint}),labelHintText=labelHint??_dateMask.FORMAT_TO_LABEL_HINT[format],calendarButtonRef=(0,_react.useRef)(null),[isCalendarOpen,setIsCalendarOpen]=(0,_react.useState)(!1),[calendarOpenValue,setCalendarOpenValue]=(0,_react.useState)(null),[internalValue,setInternalValue]=(0,_react.useState)(""),isControlled=void 0!==valueProp,value=isControlled?valueProp:internalValue,calendarId=(0,_react.useId)(),{minYear,maxYear}=(0,_dateMask.getYearRangeFromMaskBlocks)(maskBlocks),calendarYears=(0,_react.useMemo)(()=>(0,_dateUtils.getYears)(minYear??_dateUtils.DEFAULT_MIN_YEAR,maxYear??_dateUtils.DEFAULT_MAX_YEAR),[minYear,maxYear]),calendarDisplay=(0,_react.useMemo)(()=>{let monthNames=(0,_dateUtils.getMonthNames)(format),weekdayLabels=(0,_dateUtils.getWeekdayLabels)(format);return{monthNames,weekdayLabels,weekStartsOnMonday:"DE"===format,formatDayForAria:date=>(0,_dateUtils.formatDate)(date,format)}},[format]),isPlaceholderShown=slotProps?.input?.placeholder?.visible??!1,defaultPlaceholders=(0,_react.useMemo)(()=>(0,_dateUtils.getPlaceholderChars)(format),[format]),placeholders=(0,_react.useMemo)(()=>{let overrides=slotProps?.input?.placeholder?.chars;return overrides?{dayPlaceholderChar:overrides.day??defaultPlaceholders.dayPlaceholderChar,monthPlaceholderChar:overrides.month??defaultPlaceholders.monthPlaceholderChar,yearPlaceholderChar:overrides.year??defaultPlaceholders.yearPlaceholderChar}:defaultPlaceholders},[defaultPlaceholders,slotProps?.input?.placeholder?.chars]),maskOptions=(0,_react.useMemo)(()=>(0,_dateMask.getMaskOptions)({format,isPlaceholderShown,dayPlaceholderChar:placeholders.dayPlaceholderChar,monthPlaceholderChar:placeholders.monthPlaceholderChar,yearPlaceholderChar:placeholders.yearPlaceholderChar,maskBlocks}),[format,isPlaceholderShown,placeholders,maskBlocks]),handleAcceptFromInput=(0,_react.useCallback)((maskValue,unmaskedValue,typedValue)=>{isControlled||setInternalValue(maskValue),onAccept?.(maskValue,unmaskedValue,typedValue)},[isControlled,onAccept]),handleCalendarSelect=(0,_react.useCallback)(date=>{let formatted=(0,_dateUtils.formatDate)(date,format);isControlled||setInternalValue(formatted),onAccept?.(formatted,formatted.replace(/\D/g,""),formatted),setIsCalendarOpen(!1)},[format,isControlled,onAccept]),handleVisibilityChange=(0,_react.useCallback)(visible=>{if(visible){let raw=value??"";setCalendarOpenValue((0,_dateUtils.parseDate)(raw,format)??null)}setIsCalendarOpen(visible)},[format,value]);return _react.default.createElement(_FormField.FormField,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"DatePicker",disabled:disabled,label:label,labelHint:labelHintText,hideLabel:hideLabel,hint:hint,errorMessages:errorMessages,messageId:id},_react.default.createElement(_DatePickerInput.DatePickerInput,{...rest,ref:ref,maskOptions:maskOptions,onAccept:handleAcceptFromInput,onComplete:onComplete,hasError:hasError,disabled:disabled,slotProps:slotProps,value:value,calendarMeta:{buttonRef:calendarButtonRef,isOpen:isCalendarOpen,id:calendarId},...ariaDescribedByProp}),_react.default.createElement(_DatePickerPopover.DatePickerPopover,{triggerRef:calendarButtonRef,isVisible:isCalendarOpen,onVisibilityChange:handleVisibilityChange,value:calendarOpenValue,onSelect:handleCalendarSelect,calendarDisplay:{monthNames:calendarDisplay.monthNames,weekdayLabels:calendarDisplay.weekdayLabels,weekStartsOnMonday:calendarDisplay.weekStartsOnMonday},id:calendarId,years:calendarYears,
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"DatePicker",{enumerable:!0,get:function(){return DatePicker}});const _react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_FormField=require("../FormField/FormField"),_useFormFieldMessageId=require("../FormField/useFormFieldMessageId"),_dateMask=require("../dateMask"),_DatePickerInput=require("./DatePickerInput"),_DatePickerPopover=require("./DatePickerPopover"),_dateUtils=require("./dateUtils"),DatePicker=_react.default.forwardRef(({format="US",maskBlocks,onAccept,onComplete,label,labelHint,hideLabel,hint,errorMessages,hasError=!1,disabled,slotProps,value:valueProp,"aria-describedby":ariaDescribedBy,"data-e2e-test-id":dataE2eTestId,...rest},ref)=>{let{id,ariaDescribedByProp}=(0,_useFormFieldMessageId.useFormFieldMessageId)({ariaDescribedBy,errorMessages,hint}),labelHintText=labelHint??_dateMask.FORMAT_TO_LABEL_HINT[format],calendarButtonRef=(0,_react.useRef)(null),[isCalendarOpen,setIsCalendarOpen]=(0,_react.useState)(!1),[calendarOpenValue,setCalendarOpenValue]=(0,_react.useState)(null),[internalValue,setInternalValue]=(0,_react.useState)(""),isControlled=void 0!==valueProp,value=isControlled?valueProp:internalValue,calendarId=(0,_react.useId)(),{minYear,maxYear}=(0,_dateMask.getYearRangeFromMaskBlocks)(maskBlocks),calendarYears=(0,_react.useMemo)(()=>(0,_dateUtils.getYears)(minYear??_dateUtils.DEFAULT_MIN_YEAR,maxYear??_dateUtils.DEFAULT_MAX_YEAR),[minYear,maxYear]),calendarDisplay=(0,_react.useMemo)(()=>{let monthNames=(0,_dateUtils.getMonthNames)(format),weekdayLabels=(0,_dateUtils.getWeekdayLabels)(format);return{monthNames,weekdayLabels,weekStartsOnMonday:"DE"===format,formatDayForAria:date=>(0,_dateUtils.formatDate)(date,format)}},[format]),isPlaceholderShown=slotProps?.input?.placeholder?.visible??!1,defaultPlaceholders=(0,_react.useMemo)(()=>(0,_dateUtils.getPlaceholderChars)(format),[format]),placeholders=(0,_react.useMemo)(()=>{let overrides=slotProps?.input?.placeholder?.chars;return overrides?{dayPlaceholderChar:overrides.day??defaultPlaceholders.dayPlaceholderChar,monthPlaceholderChar:overrides.month??defaultPlaceholders.monthPlaceholderChar,yearPlaceholderChar:overrides.year??defaultPlaceholders.yearPlaceholderChar}:defaultPlaceholders},[defaultPlaceholders,slotProps?.input?.placeholder?.chars]),maskOptions=(0,_react.useMemo)(()=>(0,_dateMask.getMaskOptions)({format,isPlaceholderShown,dayPlaceholderChar:placeholders.dayPlaceholderChar,monthPlaceholderChar:placeholders.monthPlaceholderChar,yearPlaceholderChar:placeholders.yearPlaceholderChar,maskBlocks}),[format,isPlaceholderShown,placeholders,maskBlocks]),handleAcceptFromInput=(0,_react.useCallback)((maskValue,unmaskedValue,typedValue)=>{isControlled||setInternalValue(maskValue),onAccept?.(maskValue,unmaskedValue,typedValue)},[isControlled,onAccept]),handleCalendarSelect=(0,_react.useCallback)(date=>{let formatted=(0,_dateUtils.formatDate)(date,format);isControlled||setInternalValue(formatted),onAccept?.(formatted,formatted.replace(/\D/g,""),formatted),setIsCalendarOpen(!1)},[format,isControlled,onAccept]),handleVisibilityChange=(0,_react.useCallback)(visible=>{if(visible){let raw=value??"";setCalendarOpenValue((0,_dateUtils.parseDate)(raw,format)??null)}setIsCalendarOpen(visible)},[format,value]);return _react.default.createElement(_FormField.FormField,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"DatePicker",disabled:disabled,label:label,labelHint:labelHintText,hideLabel:hideLabel,hint:hint,errorMessages:errorMessages,messageId:id},_react.default.createElement(_DatePickerInput.DatePickerInput,{...rest,ref:ref,maskOptions:maskOptions,onAccept:handleAcceptFromInput,onComplete:onComplete,hasError:hasError,disabled:disabled,slotProps:slotProps,value:value,calendarMeta:{buttonRef:calendarButtonRef,isOpen:isCalendarOpen,id:calendarId},...ariaDescribedByProp}),_react.default.createElement(_DatePickerPopover.DatePickerPopover,{triggerRef:calendarButtonRef,isVisible:isCalendarOpen,onVisibilityChange:handleVisibilityChange,value:calendarOpenValue,onSelect:handleCalendarSelect,calendarDisplay:{monthNames:calendarDisplay.monthNames,weekdayLabels:calendarDisplay.weekdayLabels,weekStartsOnMonday:calendarDisplay.weekStartsOnMonday},id:calendarId,years:calendarYears,slotProps:{calendar:{monthSelect:{"aria-label":slotProps.calendar.ariaLabelMonth},yearSelect:{"aria-label":slotProps.calendar.ariaLabelYear},grid:{"aria-label":slotProps.calendar.ariaLabelCalendarGrid},interactiveBoxDay:{formatAriaLabelDay:calendarDisplay.formatDayForAria},formatAriaLabel:slotProps.calendar.formatAriaLabel}}}))});
|
|
@@ -5,7 +5,7 @@ export type DatePickerButtonProps = {
|
|
|
5
5
|
readOnly?: boolean;
|
|
6
6
|
/** Whether the associated calendar popover is currently open. */
|
|
7
7
|
isOpen: boolean;
|
|
8
|
-
|
|
8
|
+
"aria-label": string;
|
|
9
9
|
/** Id of the calendar region (used for aria-controls). */
|
|
10
10
|
calendarId: string;
|
|
11
11
|
onClick?: (e: React.MouseEvent) => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"DatePickerButton",{enumerable:!0,get:function(){return DatePickerButton}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_Icon=require("../../Icon/Icon"),_ScreenReaderText=require("../../Utilities/ScreenReaderText/ScreenReaderText"),handleIconBorderColor=(t,err)=>err?t.values.color.icon.error.default:"transparent",handleIconLeftBorderColor=(t,err)=>err?t.values.color.border.error.default:t.values.color.border.primary.default,StyledIconBtn=(0,_styled.default)("button",{target:"
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"DatePickerButton",{enumerable:!0,get:function(){return DatePickerButton}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_Icon=require("../../Icon/Icon"),_ScreenReaderText=require("../../Utilities/ScreenReaderText/ScreenReaderText"),handleIconBorderColor=(t,err)=>err?t.values.color.icon.error.default:"transparent",handleIconLeftBorderColor=(t,err)=>err?t.values.color.border.error.default:t.values.color.border.primary.default,StyledIconBtn=(0,_styled.default)("button",{target:"eluxdn80",label:"StyledIconBtn"})(({theme,hasError})=>({"&[type='button']":{appearance:"none",MozAppearance:"none",WebkitAppearance:"none"},position:"absolute",top:0,right:0,border:"1px solid",borderColor:handleIconBorderColor(theme,hasError??!1),borderLeftColor:handleIconLeftBorderColor(theme,hasError??!1),padding:`calc(${theme.variables.size.spacing.s} - 1px) ${theme.variables.size.spacing.s}`,borderRadius:theme.variables.size.borderRadius.xs,borderBottomLeftRadius:"0",borderTopLeftRadius:"0",color:theme.values.color.text.secondary.default,backgroundColor:"inherit",cursor:"pointer","&:hover":{backgroundColor:theme.values.color.background.transparent.hover,borderColor:theme.values.color.border.primary.hover},"&:active":{color:theme.values.color.text.primary.default,backgroundColor:theme.values.color.background.transparent.active,borderColor:theme.values.color.border.primary.active},"&:disabled":{backgroundColor:theme.values.color.background.transparent.default,borderLeftColor:theme.values.color.border.primary.disabled,pointerEvents:"none"},...hasError&&{boxShadow:`0 0 0 1px inset ${theme.values.color.border.error.default}`,"&:hover":{backgroundColor:theme.values.color.background.transparent.hover,borderColor:theme.values.color.border.error.default}},"& svg":{pointerEvents:"none"}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRm9ybS9EYXRlUGlja2VyL0RhdGVQaWNrZXJCdXR0b24udHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9Gb3JtL0RhdGVQaWNrZXIvRGF0ZVBpY2tlckJ1dHRvbi50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBSZWFjdEVsZW1lbnQgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VJZCwgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uLy4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgU2NyZWVuUmVhZGVyVGV4dCB9IGZyb20gXCIuLi8uLi9VdGlsaXRpZXMvU2NyZWVuUmVhZGVyVGV4dC9TY3JlZW5SZWFkZXJUZXh0XCI7XG5cbmV4cG9ydCB0eXBlIERhdGVQaWNrZXJCdXR0b25Qcm9wcyA9IHtcbiAgaGFzRXJyb3I6IGJvb2xlYW47XG4gIGRpc2FibGVkOiBib29sZWFuO1xuICByZWFkT25seT86IGJvb2xlYW47XG4gIC8qKiBXaGV0aGVyIHRoZSBhc3NvY2lhdGVkIGNhbGVuZGFyIHBvcG92ZXIgaXMgY3VycmVudGx5IG9wZW4uICovXG4gIGlzT3BlbjogYm9vbGVhbjtcbiAgXCJhcmlhLWxhYmVsXCI6IHN0cmluZztcbiAgLyoqIElkIG9mIHRoZSBjYWxlbmRhciByZWdpb24gKHVzZWQgZm9yIGFyaWEtY29udHJvbHMpLiAqL1xuICBjYWxlbmRhcklkOiBzdHJpbmc7XG4gIG9uQ2xpY2s/OiAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZDtcbn07XG5cbnR5cGUgSWNvblByb3BzID0ge1xuICBoYXNFcnJvcj86IGJvb2xlYW47XG59O1xuXG5jb25zdCBoYW5kbGVJY29uQm9yZGVyQ29sb3IgPSAodDogVGhlbWUsIGVycjogYm9vbGVhbikgPT4ge1xuICBpZiAoZXJyKSByZXR1cm4gdC52YWx1ZXMuY29sb3IuaWNvbi5lcnJvci5kZWZhdWx0O1xuICByZXR1cm4gXCJ0cmFuc3BhcmVudFwiO1xufTtcbmNvbnN0IGhhbmRsZUljb25MZWZ0Qm9yZGVyQ29sb3IgPSAodDogVGhlbWUsIGVycjogYm9vbGVhbikgPT4ge1xuICBpZiAoZXJyKSByZXR1cm4gdC52YWx1ZXMuY29sb3IuYm9yZGVyLmVycm9yLmRlZmF1bHQ7XG4gIHJldHVybiB0LnZhbHVlcy5jb2xvci5ib3JkZXIucHJpbWFyeS5kZWZhdWx0O1xufTtcblxuY29uc3QgU3R5bGVkSWNvbkJ0biA9IHN0eWxlZC5idXR0b248SWNvblByb3BzPigoeyB0aGVtZSwgaGFzRXJyb3IgfSkgPT4gKHtcbiAgXCImW3R5cGU9J2J1dHRvbiddXCI6IHtcbiAgICBhcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICBNb3pBcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICBXZWJraXRBcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgfSxcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgdG9wOiAwLFxuICByaWdodDogMCxcbiAgYm9yZGVyOiBcIjFweCBzb2xpZFwiLFxuICBib3JkZXJDb2xvcjogaGFuZGxlSWNvbkJvcmRlckNvbG9yKHRoZW1lLCBoYXNFcnJvciA/PyBmYWxzZSksXG4gIGJvcmRlckxlZnRDb2xvcjogaGFuZGxlSWNvbkxlZnRCb3JkZXJDb2xvcih0aGVtZSwgaGFzRXJyb3IgPz8gZmFsc2UpLFxuICBwYWRkaW5nOiBgY2FsYygke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuc30gLSAxcHgpICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zfWAsXG4gIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLnhzLFxuICBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiBcIjBcIixcbiAgYm9yZGVyVG9wTGVmdFJhZGl1czogXCIwXCIsXG4gIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgYmFja2dyb3VuZENvbG9yOiBcImluaGVyaXRcIixcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmhvdmVyLFxuICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnkuaG92ZXIsXG4gIH0sXG4gIFwiJjphY3RpdmVcIjoge1xuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5hY3RpdmUsXG4gICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIucHJpbWFyeS5hY3RpdmUsXG4gIH0sXG4gIFwiJjpkaXNhYmxlZFwiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5kZWZhdWx0LFxuICAgIGJvcmRlckxlZnRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5wcmltYXJ5LmRpc2FibGVkLFxuICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiLFxuICB9LFxuICAuLi4oaGFzRXJyb3IgJiYge1xuICAgIGJveFNoYWRvdzogYDAgMCAwIDFweCBpbnNldCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuZXJyb3IuZGVmYXVsdH1gLFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmhvdmVyLFxuICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuZXJyb3IuZGVmYXVsdCxcbiAgICB9LFxuICB9KSxcbiAgXCImIHN2Z1wiOiB7XG4gICAgcG9pbnRlckV2ZW50czogXCJub25lXCIsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBEYXRlUGlja2VyQnV0dG9uID0gZm9yd2FyZFJlZjxcbiAgSFRNTEJ1dHRvbkVsZW1lbnQsXG4gIERhdGVQaWNrZXJCdXR0b25Qcm9wc1xuPihcbiAgKFxuICAgIHtcbiAgICAgIGhhc0Vycm9yLFxuICAgICAgZGlzYWJsZWQsXG4gICAgICByZWFkT25seSxcbiAgICAgIGlzT3BlbixcbiAgICAgIFwiYXJpYS1sYWJlbFwiOiBhcmlhTGFiZWwsXG4gICAgICBjYWxlbmRhcklkLFxuICAgICAgb25DbGljayxcbiAgICB9LFxuICAgIHJlZlxuICApOiBSZWFjdEVsZW1lbnQgPT4ge1xuICAgIGNvbnN0IHNjcmVlblJlYWRlclRleHRJZCA9IHVzZUlkKCk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPD5cbiAgICAgICAgPFNjcmVlblJlYWRlclRleHQgaWQ9e3NjcmVlblJlYWRlclRleHRJZH0+e2FyaWFMYWJlbH08L1NjcmVlblJlYWRlclRleHQ+XG4gICAgICAgIDxTdHlsZWRJY29uQnRuXG4gICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgICBoYXNFcnJvcj17aGFzRXJyb3J9XG4gICAgICAgICAgZGlzYWJsZWQ9e3JlYWRPbmx5IHx8IGRpc2FibGVkfVxuICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgIGFyaWEtaGFzcG9wdXA9XCJkaWFsb2dcIlxuICAgICAgICAgIGFyaWEtZXhwYW5kZWQ9e2lzT3Blbn1cbiAgICAgICAgICBhcmlhLWNvbnRyb2xzPXtjYWxlbmRhcklkfVxuICAgICAgICAgIGFyaWEtbGFiZWxsZWRieT17c2NyZWVuUmVhZGVyVGV4dElkfVxuICAgICAgICA+XG4gICAgICAgICAgPEljb25cbiAgICAgICAgICAgIG5hbWU9XCJjYWxlbmRhclwiXG4gICAgICAgICAgICBzaXplPVwic1wiXG4gICAgICAgICAgICBjb2xvcj17cmVhZE9ubHkgPyBcInF1YXRlcm5hcnlcIiA6IFwidGVydGlhcnlcIn1cbiAgICAgICAgICAvPlxuICAgICAgICA8L1N0eWxlZEljb25CdG4+XG4gICAgICA8Lz5cbiAgICApO1xuICB9XG4pO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDc0IifQ== */"),DatePickerButton=(0,_react.forwardRef)(({hasError,disabled,readOnly,isOpen,"aria-label":ariaLabel,calendarId,onClick},ref)=>{let screenReaderTextId=(0,_react.useId)();return _react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_ScreenReaderText.ScreenReaderText,{id:screenReaderTextId},ariaLabel),_react.default.createElement(StyledIconBtn,{ref:ref,onClick:onClick,hasError:hasError,disabled:readOnly||disabled,type:"button","aria-haspopup":"dialog","aria-expanded":isOpen,"aria-controls":calendarId,"aria-labelledby":screenReaderTextId},_react.default.createElement(_Icon.Icon,{name:"calendar",size:"s",color:readOnly?"quaternary":"tertiary"})))});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"DatePickerInput",{enumerable:!0,get:function(){return DatePickerInput}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_MaskedInput=require("../MaskedInput/MaskedInput"),_DatePickerButton=require("./DatePickerButton"),StyledContainer=(0,_styled.default)("div",{target:"edhbre20",label:"StyledContainer"})({width:"100%",display:"flex",alignItems:"center",flexDirection:"row",position:"relative"},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRm9ybS9EYXRlUGlja2VyL0RhdGVQaWNrZXJJbnB1dC50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0Zvcm0vRGF0ZVBpY2tlci9EYXRlUGlja2VySW5wdXQudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cblxuaW1wb3J0IHR5cGUgeyBSZWZPYmplY3QgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VSZWYsIGZvcndhcmRSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHR5cGUgeyBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBGYWN0b3J5QXJnIH0gZnJvbSBcImltYXNrXCI7XG5pbXBvcnQgeyB1c2VNYXNrZWRJbnB1dCB9IGZyb20gXCIuLi9NYXNrZWRJbnB1dC9NYXNrZWRJbnB1dFwiO1xuaW1wb3J0IHR5cGUgeyBEYXRlUGlja2VyUHJvcHMgfSBmcm9tIFwiLi90eXBlc1wiO1xuaW1wb3J0IHsgRGF0ZVBpY2tlckJ1dHRvbiB9IGZyb20gXCIuL0RhdGVQaWNrZXJCdXR0b25cIjtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdih7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG59KTtcblxudHlwZSBTdHlsZWREYXRlSW5wdXRQcm9wcyA9IHtcbiAgaGFzRXJyb3I/OiBib29sZWFuO1xuICByZWFkT25seT86IGJvb2xlYW47XG59O1xuXG5jb25zdCBoYW5kbGVCb3JkZXJDb2xvciA9ICh7XG4gIHRoZW1lLFxuICBoYXNFcnJvcixcbiAgcmVhZE9ubHksXG59OiB7XG4gIHRoZW1lOiBUaGVtZTtcbiAgaGFzRXJyb3I6IGJvb2xlYW47XG4gIHJlYWRPbmx5OiBib29sZWFuO1xufSkgPT4ge1xuICBpZiAoaGFzRXJyb3IpIHJldHVybiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLmVycm9yLmRlZmF1bHQ7XG4gIGlmIChyZWFkT25seSkgcmV0dXJuIHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIucHJpbWFyeS5kaXNhYmxlZDtcbiAgcmV0dXJuIHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIucHJpbWFyeS5kZWZhdWx0O1xufTtcblxuY29uc3QgU3R5bGVkRGF0ZUlucHV0ID0gc3R5bGVkLmlucHV0PFN0eWxlZERhdGVJbnB1dFByb3BzPihcbiAgKHsgdGhlbWUsIGhhc0Vycm9yLCByZWFkT25seSB9KSA9PiAoe1xuICAgIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gICAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQubSxcbiAgICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LnhsLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLnhzLFxuICAgIGJvcmRlcldpZHRoOiBcIjFweFwiLFxuICAgIGJvcmRlclN0eWxlOiBcInNvbGlkXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIHBhZGRpbmc6IGBjYWxjKCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54c30gLSAxcHgpICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zfWAsXG4gICAgcGFkZGluZ1JpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4bCxcbiAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgICBib3JkZXJDb2xvcjogaGFuZGxlQm9yZGVyQ29sb3Ioe1xuICAgICAgdGhlbWUsXG4gICAgICBoYXNFcnJvcjogaGFzRXJyb3IgPz8gZmFsc2UsXG4gICAgICByZWFkT25seTogcmVhZE9ubHkgPz8gZmFsc2UsXG4gICAgfSksXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgXCImOjpwbGFjZWhvbGRlclwiOiB7XG4gICAgICBmb250U3R5bGU6IFwiaXRhbGljXCIsXG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQudGVydGlhcnkuZGVmYXVsdCxcbiAgICAgIG9wYWNpdHk6IHRoZW1lLnZhcmlhYmxlcy5vcGFjaXR5LnZpc2libGUsXG4gICAgfSxcbiAgICBcIiY6LW1zLWlucHV0LXBsYWNlaG9sZGVyXCI6IHtcbiAgICAgIGZvbnRTdHlsZTogXCJpdGFsaWNcIixcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC50ZXJ0aWFyeS5kZWZhdWx0LFxuICAgIH0sXG4gICAgXCImOjotbXMtaW5wdXQtcGxhY2Vob2xkZXJcIjoge1xuICAgICAgZm9udFN0eWxlOiBcIml0YWxpY1wiLFxuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnRlcnRpYXJ5LmRlZmF1bHQsXG4gICAgfSxcbiAgICAuLi4oaGFzRXJyb3IgJiYge1xuICAgICAgYm94U2hhZG93OiBgMCAwIDAgMXB4IGluc2V0ICR7dGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5lcnJvci5kZWZhdWx0fWAsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgdHlwZSBEYXRlUGlja2VySW5wdXRQcm9wcyA9IE9taXQ8XG4gIERhdGVQaWNrZXJQcm9wcyxcbiAgXCJmb3JtYXRcIiB8IFwibWFza0Jsb2Nrc1wiXG4+ICYge1xuICAvKiogSU1hc2sgb3B0aW9ucyAoYnVpbHQgYnkgcm9vdCBmcm9tIGZvcm1hdC9tYXNrQmxvY2tzKS4gKi9cbiAgbWFza09wdGlvbnM6IEZhY3RvcnlBcmc7XG4gIC8qKiBJbnRlcm5hbCB3aXJpbmcgYmV0d2VlbiBpbnB1dCBhbmQgY2FsZW5kYXIgYnV0dG9uL3BvcG92ZXIuICovXG4gIGNhbGVuZGFyTWV0YToge1xuICAgIC8qKiBSZWYgZm9yIHRoZSBjYWxlbmRhciB0cmlnZ2VyIGJ1dHRvbiAoaW5qZWN0ZWQgYnkgRGF0ZVBpY2tlciB3aGVuIGNvbXBvc2luZyB3aXRoIERhdGVQaWNrZXJQb3BvdmVyKS4gKi9cbiAgICBidXR0b25SZWY/OiBSZWFjdC5SZWZPYmplY3Q8SFRNTEJ1dHRvbkVsZW1lbnQ+O1xuICAgIC8qKiBXaGV0aGVyIHRoZSBjYWxlbmRhciBwb3BvdmVyIGlzIG9wZW4gKGZvciBhcmlhLWxhYmVsIG9uIHRoZSBidXR0b24pLiAqL1xuICAgIGlzT3BlbjogYm9vbGVhbjtcbiAgICAvKiogSWQgb2YgdGhlIGNhbGVuZGFyIHJlZ2lvbiwgdXNlZCBmb3IgYXJpYS1jb250cm9scyBmcm9tIHRoZSB0cmlnZ2VyIGJ1dHRvbi4gKi9cbiAgICBpZDogc3RyaW5nO1xuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IERhdGVQaWNrZXJJbnB1dCA9IGZvcndhcmRSZWY8XG4gIEhUTUxJbnB1dEVsZW1lbnQsXG4gIERhdGVQaWNrZXJJbnB1dFByb3BzXG4+KFxuICAoXG4gICAge1xuICAgICAgbWFza09wdGlvbnMsXG4gICAgICBvbkFjY2VwdCxcbiAgICAgIG9uQ29tcGxldGUsXG4gICAgICBoYXNFcnJvciA9IGZhbHNlLFxuICAgICAgZGlzYWJsZWQsXG4gICAgICByZWFkT25seSxcbiAgICAgIHZhbHVlLFxuICAgICAgcGxhY2Vob2xkZXIsXG4gICAgICBzbG90UHJvcHMsXG4gICAgICBjYWxlbmRhck1ldGEsXG4gICAgICAuLi5yZXN0XG4gICAgfSxcbiAgICByZWZcbiAgKTogUmVhY3QuUmVhY3RFbGVtZW50ID0+IHtcbiAgICBjb25zdCBpbnRlcm5hbFJlZiA9IHVzZVJlZjxIVE1MSW5wdXRFbGVtZW50PihudWxsKTtcbiAgICBjb25zdCBpbnRlcm5hbENhbGVuZGFyQnV0dG9uUmVmID0gdXNlUmVmPEhUTUxCdXR0b25FbGVtZW50PihudWxsKTtcbiAgICBjb25zdCBpbnB1dFJlZiA9IChyZWYgYXMgUmVmT2JqZWN0PEhUTUxJbnB1dEVsZW1lbnQ+KSB8fCBpbnRlcm5hbFJlZjtcbiAgICBjb25zdCBidXR0b25SZWYgPSBjYWxlbmRhck1ldGEuYnV0dG9uUmVmID8/IGludGVybmFsQ2FsZW5kYXJCdXR0b25SZWY7XG4gICAgY29uc3QgY2FsZW5kYXJPcGVuID0gY2FsZW5kYXJNZXRhLmlzT3BlbjtcblxuICAgIGNvbnN0IGNhbGVuZGFyQnV0dG9uQXJpYUxhYmVsID0gY2FsZW5kYXJPcGVuXG4gICAgICA/IHNsb3RQcm9wcy5jYWxlbmRhckJ1dHRvbi5hcmlhTGFiZWxDbG9zZVxuICAgICAgOiBzbG90UHJvcHMuY2FsZW5kYXJCdXR0b24uYXJpYUxhYmVsT3BlbjtcblxuICAgIHVzZU1hc2tlZElucHV0KHtcbiAgICAgIGlucHV0UmVmLFxuICAgICAgbWFza09wdGlvbnMsXG4gICAgICB2YWx1ZSxcbiAgICAgIG9uQWNjZXB0LFxuICAgICAgb25Db21wbGV0ZSxcbiAgICB9KTtcblxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkQ29udGFpbmVyPlxuICAgICAgICA8U3R5bGVkRGF0ZUlucHV0XG4gICAgICAgICAgey4uLnJlc3R9XG4gICAgICAgICAgcmVmPXtpbnB1dFJlZn1cbiAgICAgICAgICB0eXBlPVwidGV4dFwiXG4gICAgICAgICAgcGxhY2Vob2xkZXI9eyFyZWFkT25seSA/IHBsYWNlaG9sZGVyIDogdW5kZWZpbmVkfVxuICAgICAgICAgIGhhc0Vycm9yPXtoYXNFcnJvcn1cbiAgICAgICAgICByZWFkT25seT17cmVhZE9ubHl9XG4gICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgIGFyaWEtaW52YWxpZD17aGFzRXJyb3J9XG4gICAgICAgIC8+XG4gICAgICAgIDxEYXRlUGlja2VyQnV0dG9uXG4gICAgICAgICAgcmVmPXtidXR0b25SZWZ9XG4gICAgICAgICAgaGFzRXJyb3I9e2hhc0Vycm9yfVxuICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZCA/PyBmYWxzZX1cbiAgICAgICAgICByZWFkT25seT17cmVhZE9ubHl9XG4gICAgICAgICAgaXNPcGVuPXtjYWxlbmRhck9wZW59XG4gICAgICAgICAgY2FsZW5kYXJJZD17Y2FsZW5kYXJNZXRhLmlkfVxuICAgICAgICAgIGFyaWFMYWJlbD17Y2FsZW5kYXJCdXR0b25BcmlhTGFiZWx9XG4gICAgICAgIC8+XG4gICAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgICApO1xuICB9XG4pO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVd3QiJ9 */"),handleBorderColor=({theme,hasError,readOnly})=>hasError?theme.values.color.border.error.default:readOnly?theme.values.color.border.primary.disabled:theme.values.color.border.primary.default,StyledDateInput=(0,_styled.default)("input",{target:"edhbre21",label:"StyledDateInput"})(({theme,hasError,readOnly})=>({fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.m,lineHeight:theme.variables.size.lineHeight.xl,borderRadius:theme.variables.size.borderRadius.xs,borderWidth:"1px",borderStyle:"solid",width:"100%",padding:`calc(${theme.variables.size.spacing.xs} - 1px) ${theme.variables.size.spacing.s}`,paddingRight:theme.variables.size.spacing.xxl,boxSizing:"border-box",color:theme.values.color.text.secondary.default,borderColor:handleBorderColor({theme,hasError:hasError??!1,readOnly:readOnly??!1}),backgroundColor:theme.values.color.background.primary.default,"&::placeholder":{fontStyle:"italic",color:theme.values.color.text.tertiary.default,opacity:theme.variables.opacity.visible},"&:-ms-input-placeholder":{fontStyle:"italic",color:theme.values.color.text.tertiary.default},"&::-ms-input-placeholder":{fontStyle:"italic",color:theme.values.color.text.tertiary.default},...hasError&&{boxShadow:`0 0 0 1px inset ${theme.values.color.border.error.default}`}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRm9ybS9EYXRlUGlja2VyL0RhdGVQaWNrZXJJbnB1dC50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0Zvcm0vRGF0ZVBpY2tlci9EYXRlUGlja2VySW5wdXQudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cblxuaW1wb3J0IHR5cGUgeyBSZWZPYmplY3QgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VSZWYsIGZvcndhcmRSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHR5cGUgeyBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBGYWN0b3J5QXJnIH0gZnJvbSBcImltYXNrXCI7XG5pbXBvcnQgeyB1c2VNYXNrZWRJbnB1dCB9IGZyb20gXCIuLi9NYXNrZWRJbnB1dC9NYXNrZWRJbnB1dFwiO1xuaW1wb3J0IHR5cGUgeyBEYXRlUGlja2VyUHJvcHMgfSBmcm9tIFwiLi90eXBlc1wiO1xuaW1wb3J0IHsgRGF0ZVBpY2tlckJ1dHRvbiB9IGZyb20gXCIuL0RhdGVQaWNrZXJCdXR0b25cIjtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdih7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG59KTtcblxudHlwZSBTdHlsZWREYXRlSW5wdXRQcm9wcyA9IHtcbiAgaGFzRXJyb3I/OiBib29sZWFuO1xuICByZWFkT25seT86IGJvb2xlYW47XG59O1xuXG5jb25zdCBoYW5kbGVCb3JkZXJDb2xvciA9ICh7XG4gIHRoZW1lLFxuICBoYXNFcnJvcixcbiAgcmVhZE9ubHksXG59OiB7XG4gIHRoZW1lOiBUaGVtZTtcbiAgaGFzRXJyb3I6IGJvb2xlYW47XG4gIHJlYWRPbmx5OiBib29sZWFuO1xufSkgPT4ge1xuICBpZiAoaGFzRXJyb3IpIHJldHVybiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLmVycm9yLmRlZmF1bHQ7XG4gIGlmIChyZWFkT25seSkgcmV0dXJuIHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIucHJpbWFyeS5kaXNhYmxlZDtcbiAgcmV0dXJuIHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIucHJpbWFyeS5kZWZhdWx0O1xufTtcblxuY29uc3QgU3R5bGVkRGF0ZUlucHV0ID0gc3R5bGVkLmlucHV0PFN0eWxlZERhdGVJbnB1dFByb3BzPihcbiAgKHsgdGhlbWUsIGhhc0Vycm9yLCByZWFkT25seSB9KSA9PiAoe1xuICAgIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gICAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQubSxcbiAgICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LnhsLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLnhzLFxuICAgIGJvcmRlcldpZHRoOiBcIjFweFwiLFxuICAgIGJvcmRlclN0eWxlOiBcInNvbGlkXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIHBhZGRpbmc6IGBjYWxjKCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54c30gLSAxcHgpICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zfWAsXG4gICAgcGFkZGluZ1JpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4bCxcbiAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgICBib3JkZXJDb2xvcjogaGFuZGxlQm9yZGVyQ29sb3Ioe1xuICAgICAgdGhlbWUsXG4gICAgICBoYXNFcnJvcjogaGFzRXJyb3IgPz8gZmFsc2UsXG4gICAgICByZWFkT25seTogcmVhZE9ubHkgPz8gZmFsc2UsXG4gICAgfSksXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgXCImOjpwbGFjZWhvbGRlclwiOiB7XG4gICAgICBmb250U3R5bGU6IFwiaXRhbGljXCIsXG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQudGVydGlhcnkuZGVmYXVsdCxcbiAgICAgIG9wYWNpdHk6IHRoZW1lLnZhcmlhYmxlcy5vcGFjaXR5LnZpc2libGUsXG4gICAgfSxcbiAgICBcIiY6LW1zLWlucHV0LXBsYWNlaG9sZGVyXCI6IHtcbiAgICAgIGZvbnRTdHlsZTogXCJpdGFsaWNcIixcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC50ZXJ0aWFyeS5kZWZhdWx0LFxuICAgIH0sXG4gICAgXCImOjotbXMtaW5wdXQtcGxhY2Vob2xkZXJcIjoge1xuICAgICAgZm9udFN0eWxlOiBcIml0YWxpY1wiLFxuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnRlcnRpYXJ5LmRlZmF1bHQsXG4gICAgfSxcbiAgICAuLi4oaGFzRXJyb3IgJiYge1xuICAgICAgYm94U2hhZG93OiBgMCAwIDAgMXB4IGluc2V0ICR7dGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5lcnJvci5kZWZhdWx0fWAsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgdHlwZSBEYXRlUGlja2VySW5wdXRQcm9wcyA9IE9taXQ8XG4gIERhdGVQaWNrZXJQcm9wcyxcbiAgXCJmb3JtYXRcIiB8IFwibWFza0Jsb2Nrc1wiXG4+ICYge1xuICAvKiogSU1hc2sgb3B0aW9ucyAoYnVpbHQgYnkgcm9vdCBmcm9tIGZvcm1hdC9tYXNrQmxvY2tzKS4gKi9cbiAgbWFza09wdGlvbnM6IEZhY3RvcnlBcmc7XG4gIC8qKiBJbnRlcm5hbCB3aXJpbmcgYmV0d2VlbiBpbnB1dCBhbmQgY2FsZW5kYXIgYnV0dG9uL3BvcG92ZXIuICovXG4gIGNhbGVuZGFyTWV0YToge1xuICAgIC8qKiBSZWYgZm9yIHRoZSBjYWxlbmRhciB0cmlnZ2VyIGJ1dHRvbiAoaW5qZWN0ZWQgYnkgRGF0ZVBpY2tlciB3aGVuIGNvbXBvc2luZyB3aXRoIERhdGVQaWNrZXJQb3BvdmVyKS4gKi9cbiAgICBidXR0b25SZWY/OiBSZWFjdC5SZWZPYmplY3Q8SFRNTEJ1dHRvbkVsZW1lbnQ+O1xuICAgIC8qKiBXaGV0aGVyIHRoZSBjYWxlbmRhciBwb3BvdmVyIGlzIG9wZW4gKGZvciBhcmlhLWxhYmVsIG9uIHRoZSBidXR0b24pLiAqL1xuICAgIGlzT3BlbjogYm9vbGVhbjtcbiAgICAvKiogSWQgb2YgdGhlIGNhbGVuZGFyIHJlZ2lvbiwgdXNlZCBmb3IgYXJpYS1jb250cm9scyBmcm9tIHRoZSB0cmlnZ2VyIGJ1dHRvbi4gKi9cbiAgICBpZDogc3RyaW5nO1xuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IERhdGVQaWNrZXJJbnB1dCA9IGZvcndhcmRSZWY8XG4gIEhUTUxJbnB1dEVsZW1lbnQsXG4gIERhdGVQaWNrZXJJbnB1dFByb3BzXG4+KFxuICAoXG4gICAge1xuICAgICAgbWFza09wdGlvbnMsXG4gICAgICBvbkFjY2VwdCxcbiAgICAgIG9uQ29tcGxldGUsXG4gICAgICBoYXNFcnJvciA9IGZhbHNlLFxuICAgICAgZGlzYWJsZWQsXG4gICAgICByZWFkT25seSxcbiAgICAgIHZhbHVlLFxuICAgICAgcGxhY2Vob2xkZXIsXG4gICAgICBzbG90UHJvcHMsXG4gICAgICBjYWxlbmRhck1ldGEsXG4gICAgICAuLi5yZXN0XG4gICAgfSxcbiAgICByZWZcbiAgKTogUmVhY3QuUmVhY3RFbGVtZW50ID0+IHtcbiAgICBjb25zdCBpbnRlcm5hbFJlZiA9IHVzZVJlZjxIVE1MSW5wdXRFbGVtZW50PihudWxsKTtcbiAgICBjb25zdCBpbnRlcm5hbENhbGVuZGFyQnV0dG9uUmVmID0gdXNlUmVmPEhUTUxCdXR0b25FbGVtZW50PihudWxsKTtcbiAgICBjb25zdCBpbnB1dFJlZiA9IChyZWYgYXMgUmVmT2JqZWN0PEhUTUxJbnB1dEVsZW1lbnQ+KSB8fCBpbnRlcm5hbFJlZjtcbiAgICBjb25zdCBidXR0b25SZWYgPSBjYWxlbmRhck1ldGEuYnV0dG9uUmVmID8/IGludGVybmFsQ2FsZW5kYXJCdXR0b25SZWY7XG4gICAgY29uc3QgY2FsZW5kYXJPcGVuID0gY2FsZW5kYXJNZXRhLmlzT3BlbjtcblxuICAgIGNvbnN0IGNhbGVuZGFyQnV0dG9uQXJpYUxhYmVsID0gY2FsZW5kYXJPcGVuXG4gICAgICA/IHNsb3RQcm9wcy5jYWxlbmRhckJ1dHRvbi5hcmlhTGFiZWxDbG9zZVxuICAgICAgOiBzbG90UHJvcHMuY2FsZW5kYXJCdXR0b24uYXJpYUxhYmVsT3BlbjtcblxuICAgIHVzZU1hc2tlZElucHV0KHtcbiAgICAgIGlucHV0UmVmLFxuICAgICAgbWFza09wdGlvbnMsXG4gICAgICB2YWx1ZSxcbiAgICAgIG9uQWNjZXB0LFxuICAgICAgb25Db21wbGV0ZSxcbiAgICB9KTtcblxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkQ29udGFpbmVyPlxuICAgICAgICA8U3R5bGVkRGF0ZUlucHV0XG4gICAgICAgICAgey4uLnJlc3R9XG4gICAgICAgICAgcmVmPXtpbnB1dFJlZn1cbiAgICAgICAgICB0eXBlPVwidGV4dFwiXG4gICAgICAgICAgcGxhY2Vob2xkZXI9eyFyZWFkT25seSA/IHBsYWNlaG9sZGVyIDogdW5kZWZpbmVkfVxuICAgICAgICAgIGhhc0Vycm9yPXtoYXNFcnJvcn1cbiAgICAgICAgICByZWFkT25seT17cmVhZE9ubHl9XG4gICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgIGFyaWEtaW52YWxpZD17aGFzRXJyb3J9XG4gICAgICAgIC8+XG4gICAgICAgIDxEYXRlUGlja2VyQnV0dG9uXG4gICAgICAgICAgcmVmPXtidXR0b25SZWZ9XG4gICAgICAgICAgaGFzRXJyb3I9e2hhc0Vycm9yfVxuICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZCA/PyBmYWxzZX1cbiAgICAgICAgICByZWFkT25seT17cmVhZE9ubHl9XG4gICAgICAgICAgaXNPcGVuPXtjYWxlbmRhck9wZW59XG4gICAgICAgICAgY2FsZW5kYXJJZD17Y2FsZW5kYXJNZXRhLmlkfVxuICAgICAgICAgIGFyaWFMYWJlbD17Y2FsZW5kYXJCdXR0b25BcmlhTGFiZWx9XG4gICAgICAgIC8+XG4gICAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgICApO1xuICB9XG4pO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNDd0IifQ== */"),DatePickerInput=(0,_react.forwardRef)(({maskOptions,onAccept,onComplete,hasError=!1,disabled,readOnly,value,placeholder,slotProps,calendarMeta,...rest},ref)=>{let internalRef=(0,_react.useRef)(null),internalCalendarButtonRef=(0,_react.useRef)(null),inputRef=ref||internalRef,buttonRef=calendarMeta.buttonRef??internalCalendarButtonRef,calendarOpen=calendarMeta.isOpen,calendarButtonAriaLabel=calendarOpen?slotProps.calendarButton.ariaLabelClose:slotProps.calendarButton.ariaLabelOpen;return(0,_MaskedInput.useMaskedInput)({inputRef,maskOptions,value,onAccept,onComplete}),_react.default.createElement(StyledContainer,null,_react.default.createElement(StyledDateInput,{...rest,ref:inputRef,type:"text",placeholder:readOnly?void 0:placeholder,hasError:hasError,readOnly:readOnly,disabled:disabled,"aria-invalid":hasError}),_react.default.createElement(_DatePickerButton.DatePickerButton,{ref:buttonRef,hasError:hasError,disabled:disabled??!1,readOnly:readOnly,isOpen:calendarOpen,calendarId:calendarMeta.id,ariaLabel:calendarButtonAriaLabel}))});
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"DatePickerInput",{enumerable:!0,get:function(){return DatePickerInput}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_MaskedInput=require("../MaskedInput/MaskedInput"),_DatePickerButton=require("./DatePickerButton"),StyledContainer=(0,_styled.default)("div",{target:"e1mx9upe0",label:"StyledContainer"})({width:"100%",display:"flex",alignItems:"center",flexDirection:"row",position:"relative"},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRm9ybS9EYXRlUGlja2VyL0RhdGVQaWNrZXJJbnB1dC50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0Zvcm0vRGF0ZVBpY2tlci9EYXRlUGlja2VySW5wdXQudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cblxuaW1wb3J0IHR5cGUgeyBSZWZPYmplY3QgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VSZWYsIGZvcndhcmRSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHR5cGUgeyBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBGYWN0b3J5QXJnIH0gZnJvbSBcImltYXNrXCI7XG5pbXBvcnQgeyB1c2VNYXNrZWRJbnB1dCB9IGZyb20gXCIuLi9NYXNrZWRJbnB1dC9NYXNrZWRJbnB1dFwiO1xuaW1wb3J0IHR5cGUgeyBEYXRlUGlja2VyUHJvcHMgfSBmcm9tIFwiLi90eXBlc1wiO1xuaW1wb3J0IHsgRGF0ZVBpY2tlckJ1dHRvbiB9IGZyb20gXCIuL0RhdGVQaWNrZXJCdXR0b25cIjtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdih7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG59KTtcblxudHlwZSBTdHlsZWREYXRlSW5wdXRQcm9wcyA9IHtcbiAgaGFzRXJyb3I/OiBib29sZWFuO1xuICByZWFkT25seT86IGJvb2xlYW47XG59O1xuXG5jb25zdCBoYW5kbGVCb3JkZXJDb2xvciA9ICh7XG4gIHRoZW1lLFxuICBoYXNFcnJvcixcbiAgcmVhZE9ubHksXG59OiB7XG4gIHRoZW1lOiBUaGVtZTtcbiAgaGFzRXJyb3I6IGJvb2xlYW47XG4gIHJlYWRPbmx5OiBib29sZWFuO1xufSkgPT4ge1xuICBpZiAoaGFzRXJyb3IpIHJldHVybiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLmVycm9yLmRlZmF1bHQ7XG4gIGlmIChyZWFkT25seSkgcmV0dXJuIHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIucHJpbWFyeS5kaXNhYmxlZDtcbiAgcmV0dXJuIHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIucHJpbWFyeS5kZWZhdWx0O1xufTtcblxuY29uc3QgU3R5bGVkRGF0ZUlucHV0ID0gc3R5bGVkLmlucHV0PFN0eWxlZERhdGVJbnB1dFByb3BzPihcbiAgKHsgdGhlbWUsIGhhc0Vycm9yLCByZWFkT25seSB9KSA9PiAoe1xuICAgIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gICAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQubSxcbiAgICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LnhsLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLnhzLFxuICAgIGJvcmRlcldpZHRoOiBcIjFweFwiLFxuICAgIGJvcmRlclN0eWxlOiBcInNvbGlkXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIHBhZGRpbmc6IGBjYWxjKCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54c30gLSAxcHgpICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zfWAsXG4gICAgcGFkZGluZ1JpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4bCxcbiAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgICBib3JkZXJDb2xvcjogaGFuZGxlQm9yZGVyQ29sb3Ioe1xuICAgICAgdGhlbWUsXG4gICAgICBoYXNFcnJvcjogaGFzRXJyb3IgPz8gZmFsc2UsXG4gICAgICByZWFkT25seTogcmVhZE9ubHkgPz8gZmFsc2UsXG4gICAgfSksXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgXCImOjpwbGFjZWhvbGRlclwiOiB7XG4gICAgICBmb250U3R5bGU6IFwiaXRhbGljXCIsXG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQudGVydGlhcnkuZGVmYXVsdCxcbiAgICAgIG9wYWNpdHk6IHRoZW1lLnZhcmlhYmxlcy5vcGFjaXR5LnZpc2libGUsXG4gICAgfSxcbiAgICBcIiY6LW1zLWlucHV0LXBsYWNlaG9sZGVyXCI6IHtcbiAgICAgIGZvbnRTdHlsZTogXCJpdGFsaWNcIixcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC50ZXJ0aWFyeS5kZWZhdWx0LFxuICAgIH0sXG4gICAgXCImOjotbXMtaW5wdXQtcGxhY2Vob2xkZXJcIjoge1xuICAgICAgZm9udFN0eWxlOiBcIml0YWxpY1wiLFxuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnRlcnRpYXJ5LmRlZmF1bHQsXG4gICAgfSxcbiAgICAuLi4oaGFzRXJyb3IgJiYge1xuICAgICAgYm94U2hhZG93OiBgMCAwIDAgMXB4IGluc2V0ICR7dGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5lcnJvci5kZWZhdWx0fWAsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgdHlwZSBEYXRlUGlja2VySW5wdXRQcm9wcyA9IE9taXQ8XG4gIERhdGVQaWNrZXJQcm9wcyxcbiAgXCJmb3JtYXRcIiB8IFwibWFza0Jsb2Nrc1wiXG4+ICYge1xuICAvKiogSU1hc2sgb3B0aW9ucyAoYnVpbHQgYnkgcm9vdCBmcm9tIGZvcm1hdC9tYXNrQmxvY2tzKS4gKi9cbiAgbWFza09wdGlvbnM6IEZhY3RvcnlBcmc7XG4gIC8qKiBJbnRlcm5hbCB3aXJpbmcgYmV0d2VlbiBpbnB1dCBhbmQgY2FsZW5kYXIgYnV0dG9uL3BvcG92ZXIuICovXG4gIGNhbGVuZGFyTWV0YToge1xuICAgIC8qKiBSZWYgZm9yIHRoZSBjYWxlbmRhciB0cmlnZ2VyIGJ1dHRvbiAoaW5qZWN0ZWQgYnkgRGF0ZVBpY2tlciB3aGVuIGNvbXBvc2luZyB3aXRoIERhdGVQaWNrZXJQb3BvdmVyKS4gKi9cbiAgICBidXR0b25SZWY/OiBSZWFjdC5SZWZPYmplY3Q8SFRNTEJ1dHRvbkVsZW1lbnQ+O1xuICAgIC8qKiBXaGV0aGVyIHRoZSBjYWxlbmRhciBwb3BvdmVyIGlzIG9wZW4gKGZvciBhcmlhLWxhYmVsIG9uIHRoZSBidXR0b24pLiAqL1xuICAgIGlzT3BlbjogYm9vbGVhbjtcbiAgICAvKiogSWQgb2YgdGhlIGNhbGVuZGFyIHJlZ2lvbiwgdXNlZCBmb3IgYXJpYS1jb250cm9scyBmcm9tIHRoZSB0cmlnZ2VyIGJ1dHRvbi4gKi9cbiAgICBpZDogc3RyaW5nO1xuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IERhdGVQaWNrZXJJbnB1dCA9IGZvcndhcmRSZWY8XG4gIEhUTUxJbnB1dEVsZW1lbnQsXG4gIERhdGVQaWNrZXJJbnB1dFByb3BzXG4+KFxuICAoXG4gICAge1xuICAgICAgbWFza09wdGlvbnMsXG4gICAgICBvbkFjY2VwdCxcbiAgICAgIG9uQ29tcGxldGUsXG4gICAgICBoYXNFcnJvciA9IGZhbHNlLFxuICAgICAgZGlzYWJsZWQsXG4gICAgICByZWFkT25seSxcbiAgICAgIHZhbHVlLFxuICAgICAgcGxhY2Vob2xkZXIsXG4gICAgICBzbG90UHJvcHMsXG4gICAgICBjYWxlbmRhck1ldGEsXG4gICAgICAuLi5yZXN0XG4gICAgfSxcbiAgICByZWZcbiAgKTogUmVhY3QuUmVhY3RFbGVtZW50ID0+IHtcbiAgICBjb25zdCBpbnRlcm5hbFJlZiA9IHVzZVJlZjxIVE1MSW5wdXRFbGVtZW50PihudWxsKTtcbiAgICBjb25zdCBpbnRlcm5hbENhbGVuZGFyQnV0dG9uUmVmID0gdXNlUmVmPEhUTUxCdXR0b25FbGVtZW50PihudWxsKTtcbiAgICBjb25zdCBpbnB1dFJlZiA9IChyZWYgYXMgUmVmT2JqZWN0PEhUTUxJbnB1dEVsZW1lbnQ+KSB8fCBpbnRlcm5hbFJlZjtcbiAgICBjb25zdCBidXR0b25SZWYgPSBjYWxlbmRhck1ldGEuYnV0dG9uUmVmID8/IGludGVybmFsQ2FsZW5kYXJCdXR0b25SZWY7XG4gICAgY29uc3QgY2FsZW5kYXJPcGVuID0gY2FsZW5kYXJNZXRhLmlzT3BlbjtcblxuICAgIGNvbnN0IGNhbGVuZGFyQnV0dG9uQXJpYUxhYmVsID0gY2FsZW5kYXJPcGVuXG4gICAgICA/IHNsb3RQcm9wcy5jYWxlbmRhckJ1dHRvbi5hcmlhTGFiZWxDbG9zZVxuICAgICAgOiBzbG90UHJvcHMuY2FsZW5kYXJCdXR0b24uYXJpYUxhYmVsT3BlbjtcblxuICAgIHVzZU1hc2tlZElucHV0KHtcbiAgICAgIGlucHV0UmVmLFxuICAgICAgbWFza09wdGlvbnMsXG4gICAgICB2YWx1ZSxcbiAgICAgIG9uQWNjZXB0LFxuICAgICAgb25Db21wbGV0ZSxcbiAgICB9KTtcblxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkQ29udGFpbmVyPlxuICAgICAgICA8U3R5bGVkRGF0ZUlucHV0XG4gICAgICAgICAgey4uLnJlc3R9XG4gICAgICAgICAgcmVmPXtpbnB1dFJlZn1cbiAgICAgICAgICB0eXBlPVwidGV4dFwiXG4gICAgICAgICAgcGxhY2Vob2xkZXI9eyFyZWFkT25seSA/IHBsYWNlaG9sZGVyIDogdW5kZWZpbmVkfVxuICAgICAgICAgIGhhc0Vycm9yPXtoYXNFcnJvcn1cbiAgICAgICAgICByZWFkT25seT17cmVhZE9ubHl9XG4gICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgIGFyaWEtaW52YWxpZD17aGFzRXJyb3J9XG4gICAgICAgIC8+XG4gICAgICAgIDxEYXRlUGlja2VyQnV0dG9uXG4gICAgICAgICAgcmVmPXtidXR0b25SZWZ9XG4gICAgICAgICAgaGFzRXJyb3I9e2hhc0Vycm9yfVxuICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZCA/PyBmYWxzZX1cbiAgICAgICAgICByZWFkT25seT17cmVhZE9ubHl9XG4gICAgICAgICAgaXNPcGVuPXtjYWxlbmRhck9wZW59XG4gICAgICAgICAgY2FsZW5kYXJJZD17Y2FsZW5kYXJNZXRhLmlkfVxuICAgICAgICAgIGFyaWEtbGFiZWw9e2NhbGVuZGFyQnV0dG9uQXJpYUxhYmVsfVxuICAgICAgICAvPlxuICAgICAgPC9TdHlsZWRDb250YWluZXI+XG4gICAgKTtcbiAgfVxuKTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXd0IifQ== */"),handleBorderColor=({theme,hasError,readOnly})=>hasError?theme.values.color.border.error.default:readOnly?theme.values.color.border.primary.disabled:theme.values.color.border.primary.default,StyledDateInput=(0,_styled.default)("input",{target:"e1mx9upe1",label:"StyledDateInput"})(({theme,hasError,readOnly})=>({fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.m,lineHeight:theme.variables.size.lineHeight.xl,borderRadius:theme.variables.size.borderRadius.xs,borderWidth:"1px",borderStyle:"solid",width:"100%",padding:`calc(${theme.variables.size.spacing.xs} - 1px) ${theme.variables.size.spacing.s}`,paddingRight:theme.variables.size.spacing.xxl,boxSizing:"border-box",color:theme.values.color.text.secondary.default,borderColor:handleBorderColor({theme,hasError:hasError??!1,readOnly:readOnly??!1}),backgroundColor:theme.values.color.background.primary.default,"&::placeholder":{fontStyle:"italic",color:theme.values.color.text.tertiary.default,opacity:theme.variables.opacity.visible},"&:-ms-input-placeholder":{fontStyle:"italic",color:theme.values.color.text.tertiary.default},"&::-ms-input-placeholder":{fontStyle:"italic",color:theme.values.color.text.tertiary.default},...hasError&&{boxShadow:`0 0 0 1px inset ${theme.values.color.border.error.default}`}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRm9ybS9EYXRlUGlja2VyL0RhdGVQaWNrZXJJbnB1dC50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0Zvcm0vRGF0ZVBpY2tlci9EYXRlUGlja2VySW5wdXQudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cblxuaW1wb3J0IHR5cGUgeyBSZWZPYmplY3QgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VSZWYsIGZvcndhcmRSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHR5cGUgeyBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBGYWN0b3J5QXJnIH0gZnJvbSBcImltYXNrXCI7XG5pbXBvcnQgeyB1c2VNYXNrZWRJbnB1dCB9IGZyb20gXCIuLi9NYXNrZWRJbnB1dC9NYXNrZWRJbnB1dFwiO1xuaW1wb3J0IHR5cGUgeyBEYXRlUGlja2VyUHJvcHMgfSBmcm9tIFwiLi90eXBlc1wiO1xuaW1wb3J0IHsgRGF0ZVBpY2tlckJ1dHRvbiB9IGZyb20gXCIuL0RhdGVQaWNrZXJCdXR0b25cIjtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdih7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG59KTtcblxudHlwZSBTdHlsZWREYXRlSW5wdXRQcm9wcyA9IHtcbiAgaGFzRXJyb3I/OiBib29sZWFuO1xuICByZWFkT25seT86IGJvb2xlYW47XG59O1xuXG5jb25zdCBoYW5kbGVCb3JkZXJDb2xvciA9ICh7XG4gIHRoZW1lLFxuICBoYXNFcnJvcixcbiAgcmVhZE9ubHksXG59OiB7XG4gIHRoZW1lOiBUaGVtZTtcbiAgaGFzRXJyb3I6IGJvb2xlYW47XG4gIHJlYWRPbmx5OiBib29sZWFuO1xufSkgPT4ge1xuICBpZiAoaGFzRXJyb3IpIHJldHVybiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLmVycm9yLmRlZmF1bHQ7XG4gIGlmIChyZWFkT25seSkgcmV0dXJuIHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIucHJpbWFyeS5kaXNhYmxlZDtcbiAgcmV0dXJuIHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIucHJpbWFyeS5kZWZhdWx0O1xufTtcblxuY29uc3QgU3R5bGVkRGF0ZUlucHV0ID0gc3R5bGVkLmlucHV0PFN0eWxlZERhdGVJbnB1dFByb3BzPihcbiAgKHsgdGhlbWUsIGhhc0Vycm9yLCByZWFkT25seSB9KSA9PiAoe1xuICAgIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gICAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQubSxcbiAgICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LnhsLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLnhzLFxuICAgIGJvcmRlcldpZHRoOiBcIjFweFwiLFxuICAgIGJvcmRlclN0eWxlOiBcInNvbGlkXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIHBhZGRpbmc6IGBjYWxjKCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54c30gLSAxcHgpICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zfWAsXG4gICAgcGFkZGluZ1JpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4bCxcbiAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgICBib3JkZXJDb2xvcjogaGFuZGxlQm9yZGVyQ29sb3Ioe1xuICAgICAgdGhlbWUsXG4gICAgICBoYXNFcnJvcjogaGFzRXJyb3IgPz8gZmFsc2UsXG4gICAgICByZWFkT25seTogcmVhZE9ubHkgPz8gZmFsc2UsXG4gICAgfSksXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgXCImOjpwbGFjZWhvbGRlclwiOiB7XG4gICAgICBmb250U3R5bGU6IFwiaXRhbGljXCIsXG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQudGVydGlhcnkuZGVmYXVsdCxcbiAgICAgIG9wYWNpdHk6IHRoZW1lLnZhcmlhYmxlcy5vcGFjaXR5LnZpc2libGUsXG4gICAgfSxcbiAgICBcIiY6LW1zLWlucHV0LXBsYWNlaG9sZGVyXCI6IHtcbiAgICAgIGZvbnRTdHlsZTogXCJpdGFsaWNcIixcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC50ZXJ0aWFyeS5kZWZhdWx0LFxuICAgIH0sXG4gICAgXCImOjotbXMtaW5wdXQtcGxhY2Vob2xkZXJcIjoge1xuICAgICAgZm9udFN0eWxlOiBcIml0YWxpY1wiLFxuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnRlcnRpYXJ5LmRlZmF1bHQsXG4gICAgfSxcbiAgICAuLi4oaGFzRXJyb3IgJiYge1xuICAgICAgYm94U2hhZG93OiBgMCAwIDAgMXB4IGluc2V0ICR7dGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5lcnJvci5kZWZhdWx0fWAsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgdHlwZSBEYXRlUGlja2VySW5wdXRQcm9wcyA9IE9taXQ8XG4gIERhdGVQaWNrZXJQcm9wcyxcbiAgXCJmb3JtYXRcIiB8IFwibWFza0Jsb2Nrc1wiXG4+ICYge1xuICAvKiogSU1hc2sgb3B0aW9ucyAoYnVpbHQgYnkgcm9vdCBmcm9tIGZvcm1hdC9tYXNrQmxvY2tzKS4gKi9cbiAgbWFza09wdGlvbnM6IEZhY3RvcnlBcmc7XG4gIC8qKiBJbnRlcm5hbCB3aXJpbmcgYmV0d2VlbiBpbnB1dCBhbmQgY2FsZW5kYXIgYnV0dG9uL3BvcG92ZXIuICovXG4gIGNhbGVuZGFyTWV0YToge1xuICAgIC8qKiBSZWYgZm9yIHRoZSBjYWxlbmRhciB0cmlnZ2VyIGJ1dHRvbiAoaW5qZWN0ZWQgYnkgRGF0ZVBpY2tlciB3aGVuIGNvbXBvc2luZyB3aXRoIERhdGVQaWNrZXJQb3BvdmVyKS4gKi9cbiAgICBidXR0b25SZWY/OiBSZWFjdC5SZWZPYmplY3Q8SFRNTEJ1dHRvbkVsZW1lbnQ+O1xuICAgIC8qKiBXaGV0aGVyIHRoZSBjYWxlbmRhciBwb3BvdmVyIGlzIG9wZW4gKGZvciBhcmlhLWxhYmVsIG9uIHRoZSBidXR0b24pLiAqL1xuICAgIGlzT3BlbjogYm9vbGVhbjtcbiAgICAvKiogSWQgb2YgdGhlIGNhbGVuZGFyIHJlZ2lvbiwgdXNlZCBmb3IgYXJpYS1jb250cm9scyBmcm9tIHRoZSB0cmlnZ2VyIGJ1dHRvbi4gKi9cbiAgICBpZDogc3RyaW5nO1xuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IERhdGVQaWNrZXJJbnB1dCA9IGZvcndhcmRSZWY8XG4gIEhUTUxJbnB1dEVsZW1lbnQsXG4gIERhdGVQaWNrZXJJbnB1dFByb3BzXG4+KFxuICAoXG4gICAge1xuICAgICAgbWFza09wdGlvbnMsXG4gICAgICBvbkFjY2VwdCxcbiAgICAgIG9uQ29tcGxldGUsXG4gICAgICBoYXNFcnJvciA9IGZhbHNlLFxuICAgICAgZGlzYWJsZWQsXG4gICAgICByZWFkT25seSxcbiAgICAgIHZhbHVlLFxuICAgICAgcGxhY2Vob2xkZXIsXG4gICAgICBzbG90UHJvcHMsXG4gICAgICBjYWxlbmRhck1ldGEsXG4gICAgICAuLi5yZXN0XG4gICAgfSxcbiAgICByZWZcbiAgKTogUmVhY3QuUmVhY3RFbGVtZW50ID0+IHtcbiAgICBjb25zdCBpbnRlcm5hbFJlZiA9IHVzZVJlZjxIVE1MSW5wdXRFbGVtZW50PihudWxsKTtcbiAgICBjb25zdCBpbnRlcm5hbENhbGVuZGFyQnV0dG9uUmVmID0gdXNlUmVmPEhUTUxCdXR0b25FbGVtZW50PihudWxsKTtcbiAgICBjb25zdCBpbnB1dFJlZiA9IChyZWYgYXMgUmVmT2JqZWN0PEhUTUxJbnB1dEVsZW1lbnQ+KSB8fCBpbnRlcm5hbFJlZjtcbiAgICBjb25zdCBidXR0b25SZWYgPSBjYWxlbmRhck1ldGEuYnV0dG9uUmVmID8/IGludGVybmFsQ2FsZW5kYXJCdXR0b25SZWY7XG4gICAgY29uc3QgY2FsZW5kYXJPcGVuID0gY2FsZW5kYXJNZXRhLmlzT3BlbjtcblxuICAgIGNvbnN0IGNhbGVuZGFyQnV0dG9uQXJpYUxhYmVsID0gY2FsZW5kYXJPcGVuXG4gICAgICA/IHNsb3RQcm9wcy5jYWxlbmRhckJ1dHRvbi5hcmlhTGFiZWxDbG9zZVxuICAgICAgOiBzbG90UHJvcHMuY2FsZW5kYXJCdXR0b24uYXJpYUxhYmVsT3BlbjtcblxuICAgIHVzZU1hc2tlZElucHV0KHtcbiAgICAgIGlucHV0UmVmLFxuICAgICAgbWFza09wdGlvbnMsXG4gICAgICB2YWx1ZSxcbiAgICAgIG9uQWNjZXB0LFxuICAgICAgb25Db21wbGV0ZSxcbiAgICB9KTtcblxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkQ29udGFpbmVyPlxuICAgICAgICA8U3R5bGVkRGF0ZUlucHV0XG4gICAgICAgICAgey4uLnJlc3R9XG4gICAgICAgICAgcmVmPXtpbnB1dFJlZn1cbiAgICAgICAgICB0eXBlPVwidGV4dFwiXG4gICAgICAgICAgcGxhY2Vob2xkZXI9eyFyZWFkT25seSA/IHBsYWNlaG9sZGVyIDogdW5kZWZpbmVkfVxuICAgICAgICAgIGhhc0Vycm9yPXtoYXNFcnJvcn1cbiAgICAgICAgICByZWFkT25seT17cmVhZE9ubHl9XG4gICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgIGFyaWEtaW52YWxpZD17aGFzRXJyb3J9XG4gICAgICAgIC8+XG4gICAgICAgIDxEYXRlUGlja2VyQnV0dG9uXG4gICAgICAgICAgcmVmPXtidXR0b25SZWZ9XG4gICAgICAgICAgaGFzRXJyb3I9e2hhc0Vycm9yfVxuICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZCA/PyBmYWxzZX1cbiAgICAgICAgICByZWFkT25seT17cmVhZE9ubHl9XG4gICAgICAgICAgaXNPcGVuPXtjYWxlbmRhck9wZW59XG4gICAgICAgICAgY2FsZW5kYXJJZD17Y2FsZW5kYXJNZXRhLmlkfVxuICAgICAgICAgIGFyaWEtbGFiZWw9e2NhbGVuZGFyQnV0dG9uQXJpYUxhYmVsfVxuICAgICAgICAvPlxuICAgICAgPC9TdHlsZWRDb250YWluZXI+XG4gICAgKTtcbiAgfVxuKTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQ3dCIn0= */"),DatePickerInput=(0,_react.forwardRef)(({maskOptions,onAccept,onComplete,hasError=!1,disabled,readOnly,value,placeholder,slotProps,calendarMeta,...rest},ref)=>{let internalRef=(0,_react.useRef)(null),internalCalendarButtonRef=(0,_react.useRef)(null),inputRef=ref||internalRef,buttonRef=calendarMeta.buttonRef??internalCalendarButtonRef,calendarOpen=calendarMeta.isOpen,calendarButtonAriaLabel=calendarOpen?slotProps.calendarButton.ariaLabelClose:slotProps.calendarButton.ariaLabelOpen;return(0,_MaskedInput.useMaskedInput)({inputRef,maskOptions,value,onAccept,onComplete}),_react.default.createElement(StyledContainer,null,_react.default.createElement(StyledDateInput,{...rest,ref:inputRef,type:"text",placeholder:readOnly?void 0:placeholder,hasError:hasError,readOnly:readOnly,disabled:disabled,"aria-invalid":hasError}),_react.default.createElement(_DatePickerButton.DatePickerButton,{ref:buttonRef,hasError:hasError,disabled:disabled??!1,readOnly:readOnly,isOpen:calendarOpen,calendarId:calendarMeta.id,"aria-label":calendarButtonAriaLabel}))});
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import type { CalendarDisplay, CalendarSlotProps } from "./Calendar";
|
|
2
|
+
import type { CalendarDisplay, CalendarProps, CalendarSlotProps } from "./Calendar";
|
|
3
3
|
export type DatePickerPopoverProps = {
|
|
4
4
|
/** Ref to the element that triggers the calendar (e.g. the calendar icon button). */
|
|
5
5
|
triggerRef: React.RefObject<HTMLButtonElement>;
|
|
@@ -19,7 +19,9 @@ export type DatePickerPopoverProps = {
|
|
|
19
19
|
years: number[];
|
|
20
20
|
/** Optional test id for the calendar content. */
|
|
21
21
|
"data-e2e-test-id"?: string;
|
|
22
|
-
/** Slot props for
|
|
23
|
-
|
|
22
|
+
/** Slot props for child components */
|
|
23
|
+
slotProps: {
|
|
24
|
+
calendar: CalendarSlotProps & Pick<CalendarProps, "formatAriaLabel">;
|
|
25
|
+
};
|
|
24
26
|
};
|
|
25
|
-
export declare function DatePickerPopover({ triggerRef, isVisible, onVisibilityChange, value, onSelect, calendarDisplay, id, years,
|
|
27
|
+
export declare function DatePickerPopover({ triggerRef, isVisible, onVisibilityChange, value, onSelect, calendarDisplay, id, years, slotProps, "data-e2e-test-id": dataE2eTestId, }: DatePickerPopoverProps): React.ReactElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"DatePickerPopover",{enumerable:!0,get:function(){return DatePickerPopover}});const _react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_default")._(require("react")),_BasePopover=require("../../Toggletip/BasePopover"),_Calendar=require("./Calendar"),_Box=require("../../Box/Box");function DatePickerPopover({triggerRef,isVisible,onVisibilityChange,value,onSelect,calendarDisplay,id,years,
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"DatePickerPopover",{enumerable:!0,get:function(){return DatePickerPopover}});const _react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_default")._(require("react")),_BasePopover=require("../../Toggletip/BasePopover"),_Calendar=require("./Calendar"),_Box=require("../../Box/Box");function DatePickerPopover({triggerRef,isVisible,onVisibilityChange,value,onSelect,calendarDisplay,id,years,slotProps,"data-e2e-test-id":dataE2eTestId="datepicker-calendar"}){let content=_react.default.createElement(_Box.Box,{space:"m"},_react.default.createElement(_Calendar.Calendar,{value:value,onSelect:onSelect,calendarDisplay:calendarDisplay,years:years,id:id,"data-e2e-test-id":dataE2eTestId,formatAriaLabel:slotProps.calendar.formatAriaLabel,slotProps:{yearSelect:slotProps.calendar.yearSelect,monthSelect:slotProps.calendar.monthSelect,grid:slotProps.calendar.grid,interactiveBoxDay:slotProps.calendar.interactiveBoxDay}}));return _react.default.createElement(_BasePopover.BasePopover,{name:"DatePickerPopover",content:content,externalTriggerRef:triggerRef,isVisible:isVisible,onVisibilityChange:onVisibilityChange,contentPadding:"m",maxWidth:320,placement:"bottom-left",defaultVerticalPlacement:"bottom",role:"dialog",hideArrow:!0,dismissOnOutsideClick:!0,disableInitialFocus:!0})}
|
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
import type { InputHTMLAttributes } from "react";
|
|
2
2
|
import type { FormFieldProps } from "../FormField/FormField";
|
|
3
3
|
import type { DateFormat, DateMaskBlocks } from "../dateMask";
|
|
4
|
-
import type { CalendarA11yProps } from "./Calendar";
|
|
5
|
-
type DatePickerCalendarA11yProps = Omit<CalendarA11yProps, "formatAriaLabelDay">;
|
|
6
4
|
export type DatePickerProps = {
|
|
7
5
|
/** Date display format. `"US"` = MM/DD/YYYY, `"DE"` = DD.MM.YYYY, `"RoW"` = DD/MM/YYYY. Default: `"US"`. */
|
|
8
6
|
format?: DateFormat;
|
|
@@ -50,7 +48,16 @@ export type DatePickerProps = {
|
|
|
50
48
|
ariaLabelClose: string;
|
|
51
49
|
};
|
|
52
50
|
/** Required. Calendar month/year select and grid labels for screen readers (use app-level translations). */
|
|
53
|
-
calendar:
|
|
51
|
+
calendar: {
|
|
52
|
+
/** Label for the month select (screen readers). */
|
|
53
|
+
ariaLabelMonth: string;
|
|
54
|
+
/** Label for the year select (screen readers). */
|
|
55
|
+
ariaLabelYear: string;
|
|
56
|
+
/** Label for the calendar day grid (screen readers). */
|
|
57
|
+
ariaLabelCalendarGrid: string;
|
|
58
|
+
/** Returns the accessible label for the calendar region. */
|
|
59
|
+
formatAriaLabel: (monthName: string, year: number) => string;
|
|
60
|
+
};
|
|
54
61
|
};
|
|
55
62
|
} & FormFieldProps & Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "onChange" | "value"> & {
|
|
56
63
|
/** Controlled value (masked string). When provided, the input is controlled. */
|
|
@@ -58,4 +65,3 @@ export type DatePickerProps = {
|
|
|
58
65
|
/** When true, shows the input in an error state (e.g. red border). */
|
|
59
66
|
hasError?: boolean;
|
|
60
67
|
};
|
|
61
|
-
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"PasswordInputButton",{enumerable:!0,get:function(){return PasswordInputButton}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_Icon=require("../../Icon/Icon"),_ScreenReaderText=require("../../Utilities/ScreenReaderText/ScreenReaderText"),handleIconBorderColor=(theme,hasError)=>hasError?theme.values.color.icon.error.default:"transparent",handleIconLeftBorderColor=(theme,hasError)=>hasError?theme.values.color.border.error.default:theme.values.color.border.primary.default,handleClick=({e,disabled,onIconClick,onToggle})=>{disabled&&e.preventDefault(),onIconClick?.(e),onToggle()},StyledIconBtn=(0,_styled.default)("button",{target:"
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"PasswordInputButton",{enumerable:!0,get:function(){return PasswordInputButton}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_Icon=require("../../Icon/Icon"),_ScreenReaderText=require("../../Utilities/ScreenReaderText/ScreenReaderText"),handleIconBorderColor=(theme,hasError)=>hasError?theme.values.color.icon.error.default:"transparent",handleIconLeftBorderColor=(theme,hasError)=>hasError?theme.values.color.border.error.default:theme.values.color.border.primary.default,handleClick=({e,disabled,onIconClick,onToggle})=>{disabled&&e.preventDefault(),onIconClick?.(e),onToggle()},StyledIconBtn=(0,_styled.default)("button",{target:"edrbxqz0",label:"StyledIconBtn"})(({theme,hasError})=>({"&[type='button']":{appearance:"none",MozAppearance:"none",WebkitAppearance:"none"},position:"absolute",top:0,right:0,border:"1px solid",borderColor:handleIconBorderColor(theme,hasError),borderLeftColor:handleIconLeftBorderColor(theme,hasError),padding:`calc(${theme.variables.size.spacing.s} - 1px) ${theme.variables.size.spacing.s}`,borderRadius:theme.variables.size.borderRadius.xs,borderBottomLeftRadius:"0",borderTopLeftRadius:"0",color:theme.values.color.text.secondary.default,backgroundColor:"inherit",cursor:"pointer","&:hover":{backgroundColor:theme.values.color.background.transparent.hover,borderColor:theme.values.color.border.primary.hover},"&:active":{color:theme.values.color.text.primary.default,backgroundColor:theme.values.color.background.transparent.active,borderColor:theme.values.color.border.primary.active},"&:disabled":{backgroundColor:theme.values.color.background.transparent.default,borderLeftColor:theme.values.color.border.primary.disabled,pointerEvents:"none"},...hasError&&{boxShadow:`0 0 0 1px inset ${theme.values.color.border.error.default}`,"&:hover":{backgroundColor:theme.values.color.background.transparent.hover,borderColor:theme.values.color.border.error.default}},"& svg":{pointerEvents:"none"}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRm9ybS9QYXNzd29yZElucHV0L1Bhc3N3b3JkSW5wdXRCdXR0b24udHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9Gb3JtL1Bhc3N3b3JkSW5wdXQvUGFzc3dvcmRJbnB1dEJ1dHRvbi50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBSZWFjdEVsZW1lbnQgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VJZCwgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi8uLi9JY29uL0ljb25cIjtcbmltcG9ydCB7IFNjcmVlblJlYWRlclRleHQgfSBmcm9tIFwiLi4vLi4vVXRpbGl0aWVzL1NjcmVlblJlYWRlclRleHQvU2NyZWVuUmVhZGVyVGV4dFwiO1xuXG50eXBlIFBhc3N3b3JkSW5wdXRCdXR0b25Qcm9wcyA9IHtcbiAgb25JY29uQ2xpY2s/OiAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZDtcbiAgaGFzRXJyb3I6IGJvb2xlYW47XG4gIGRpc2FibGVkOiBib29sZWFuO1xuICByZWFkT25seTogYm9vbGVhbjtcbiAgYXJpYUxhYmVsOiBzdHJpbmc7XG4gIGlzUGFzc3dvcmRWaXNpYmxlOiBib29sZWFuO1xuICBvblRvZ2dsZTogKCkgPT4gdm9pZDtcbn07XG5cbnR5cGUgSWNvblByb3BzID0ge1xuICBoYXNFcnJvcj86IGJvb2xlYW47XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgb25DaGFuZ2U/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICB0YWJJbmRleD86IG51bWJlcjtcbn07XG5cbmNvbnN0IGhhbmRsZUljb25Cb3JkZXJDb2xvciA9ICh0aGVtZTogVGhlbWUsIGhhc0Vycm9yOiBib29sZWFuKSA9PiB7XG4gIGlmIChoYXNFcnJvcikgcmV0dXJuIHRoZW1lLnZhbHVlcy5jb2xvci5pY29uLmVycm9yLmRlZmF1bHQ7XG4gIHJldHVybiBcInRyYW5zcGFyZW50XCI7XG59O1xuXG5jb25zdCBoYW5kbGVJY29uTGVmdEJvcmRlckNvbG9yID0gKHRoZW1lOiBUaGVtZSwgaGFzRXJyb3I6IGJvb2xlYW4pID0+IHtcbiAgaWYgKGhhc0Vycm9yKSByZXR1cm4gdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5lcnJvci5kZWZhdWx0O1xuICByZXR1cm4gdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5wcmltYXJ5LmRlZmF1bHQ7XG59O1xuXG5jb25zdCBoYW5kbGVDbGljayA9ICh7XG4gIGUsXG4gIGRpc2FibGVkLFxuICBvbkljb25DbGljayxcbiAgb25Ub2dnbGUsXG59OiB7XG4gIGU6IFJlYWN0Lk1vdXNlRXZlbnQ7XG4gIGRpc2FibGVkOiBQYXNzd29yZElucHV0QnV0dG9uUHJvcHNbXCJkaXNhYmxlZFwiXTtcbiAgb25JY29uQ2xpY2s6IFBhc3N3b3JkSW5wdXRCdXR0b25Qcm9wc1tcIm9uSWNvbkNsaWNrXCJdO1xuICBvblRvZ2dsZTogUGFzc3dvcmRJbnB1dEJ1dHRvblByb3BzW1wib25Ub2dnbGVcIl07XG59KSA9PiB7XG4gIGlmIChkaXNhYmxlZCkge1xuICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgfVxuICBvbkljb25DbGljaz8uKGUpO1xuICBvblRvZ2dsZSgpO1xufTtcblxuY29uc3QgU3R5bGVkSWNvbkJ0biA9IHN0eWxlZC5idXR0b248SWNvblByb3BzPigoeyB0aGVtZSwgaGFzRXJyb3IgfSkgPT4gKHtcbiAgXCImW3R5cGU9J2J1dHRvbiddXCI6IHtcbiAgICBhcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICBNb3pBcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICBXZWJraXRBcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgfSxcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgdG9wOiAwLFxuICByaWdodDogMCxcbiAgYm9yZGVyOiBcIjFweCBzb2xpZFwiLFxuICBib3JkZXJDb2xvcjogaGFuZGxlSWNvbkJvcmRlckNvbG9yKHRoZW1lLCBoYXNFcnJvciksXG4gIGJvcmRlckxlZnRDb2xvcjogaGFuZGxlSWNvbkxlZnRCb3JkZXJDb2xvcih0aGVtZSwgaGFzRXJyb3IpLFxuICBwYWRkaW5nOiBgY2FsYygke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuc30gLSAxcHgpICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zfWAsXG4gIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLnhzLFxuICBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiBcIjBcIixcbiAgYm9yZGVyVG9wTGVmdFJhZGl1czogXCIwXCIsXG4gIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgYmFja2dyb3VuZENvbG9yOiBcImluaGVyaXRcIixcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmhvdmVyLFxuICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnkuaG92ZXIsXG4gIH0sXG4gIFwiJjphY3RpdmVcIjoge1xuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5hY3RpdmUsXG4gICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIucHJpbWFyeS5hY3RpdmUsXG4gIH0sXG4gIFwiJjpkaXNhYmxlZFwiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5kZWZhdWx0LFxuICAgIGJvcmRlckxlZnRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5wcmltYXJ5LmRpc2FibGVkLFxuICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiLFxuICB9LFxuICAuLi4oaGFzRXJyb3IgJiYge1xuICAgIGJveFNoYWRvdzogYDAgMCAwIDFweCBpbnNldCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuZXJyb3IuZGVmYXVsdH1gLFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmhvdmVyLFxuICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuZXJyb3IuZGVmYXVsdCxcbiAgICB9LFxuICB9KSxcbiAgXCImIHN2Z1wiOiB7XG4gICAgcG9pbnRlckV2ZW50czogXCJub25lXCIsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBQYXNzd29yZElucHV0QnV0dG9uID0gKHtcbiAgaGFzRXJyb3IsXG4gIGRpc2FibGVkLFxuICBvbkljb25DbGljayxcbiAgcmVhZE9ubHksXG4gIGFyaWFMYWJlbCxcbiAgaXNQYXNzd29yZFZpc2libGUsXG4gIG9uVG9nZ2xlLFxufTogUGFzc3dvcmRJbnB1dEJ1dHRvblByb3BzKTogUmVhY3RFbGVtZW50ID0+IHtcbiAgY29uc3QgW2lzQnV0dG9uRm9jdXNlZCwgc2V0SXNCdXR0b25Gb2N1c2VkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3Qgc2NyZWVuUmVhZGVyVGV4dElkID0gdXNlSWQoKTtcbiAgY29uc3Qgc2NyZWVuUmVhZGVyVGV4dCA9IGlzQnV0dG9uRm9jdXNlZCA/IGFyaWFMYWJlbCA6IFwiXCI7XG4gIGNvbnN0IGV5ZUljb24gPSBpc1Bhc3N3b3JkVmlzaWJsZSA/IFwiZXllXCIgOiBcImV5ZS1vZmZcIjtcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8U2NyZWVuUmVhZGVyVGV4dCBpZD17c2NyZWVuUmVhZGVyVGV4dElkfT5cbiAgICAgICAge3NjcmVlblJlYWRlclRleHR9XG4gICAgICA8L1NjcmVlblJlYWRlclRleHQ+XG4gICAgICA8U3R5bGVkSWNvbkJ0blxuICAgICAgICBvbkNsaWNrPXsoZSkgPT4gaGFuZGxlQ2xpY2soeyBlLCBkaXNhYmxlZCwgb25JY29uQ2xpY2ssIG9uVG9nZ2xlIH0pfVxuICAgICAgICBoYXNFcnJvcj17aGFzRXJyb3J9XG4gICAgICAgIG9uRm9jdXM9eygpID0+IHNldElzQnV0dG9uRm9jdXNlZCh0cnVlKX1cbiAgICAgICAgb25CbHVyPXsoKSA9PiBzZXRJc0J1dHRvbkZvY3VzZWQoZmFsc2UpfVxuICAgICAgICBkaXNhYmxlZD17cmVhZE9ubHkgfHwgZGlzYWJsZWR9XG4gICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICBhcmlhLWxhYmVsbGVkYnk9e3NjcmVlblJlYWRlclRleHRJZH1cbiAgICAgID5cbiAgICAgICAgPEljb25cbiAgICAgICAgICBuYW1lPXtleWVJY29ufVxuICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICBjb2xvcj17cmVhZE9ubHkgPyBcInF1YXRlcm5hcnlcIiA6IFwidGVydGlhcnlcIn1cbiAgICAgICAgLz5cbiAgICAgIDwvU3R5bGVkSWNvbkJ0bj5cbiAgICA8Lz5cbiAgKTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0RzQiJ9 */"),PasswordInputButton=({hasError,disabled,onIconClick,readOnly,ariaLabel,isPasswordVisible,onToggle})=>{let[isButtonFocused,setIsButtonFocused]=(0,_react.useState)(!1),screenReaderTextId=(0,_react.useId)();return _react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_ScreenReaderText.ScreenReaderText,{id:screenReaderTextId},isButtonFocused?ariaLabel:""),_react.default.createElement(StyledIconBtn,{onClick:e=>handleClick({e,disabled,onIconClick,onToggle}),hasError:hasError,onFocus:()=>setIsButtonFocused(!0),onBlur:()=>setIsButtonFocused(!1),disabled:readOnly||disabled,type:"button","aria-labelledby":screenReaderTextId},_react.default.createElement(_Icon.Icon,{name:isPasswordVisible?"eye":"eye-off",size:"s",color:readOnly?"quaternary":"tertiary"})))};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import type { IconName } from "../Icon/Icon";
|
|
3
|
+
import type { PolymorphicComponentPropsWithRef } from "../../types";
|
|
4
|
+
export type PromptButtonProps = {
|
|
5
|
+
leftIcon?: IconName;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
children: React.ReactNode;
|
|
8
|
+
/** Ignored when `as` is not "button". */
|
|
9
|
+
type?: "submit" | "button" | "reset";
|
|
10
|
+
variant?: "standalone";
|
|
11
|
+
"data-e2e-test-id"?: string;
|
|
12
|
+
};
|
|
13
|
+
type PromptButtonComponent = <C extends React.ElementType = "button">(props: PolymorphicComponentPropsWithRef<C, PromptButtonProps>) => React.ReactNode | null;
|
|
14
|
+
export declare const PromptButton: PromptButtonComponent;
|
|
15
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"PromptButton",{enumerable:!0,get:function(){return PromptButton}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/_interop_require_default._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_ispropvalid=/*#__PURE__*/_interop_require_default._(require("@emotion/is-prop-valid")),_Icon=require("../Icon/Icon"),_mixins=require("../../shared/mixins"),_Inline=require("../Inline/Inline"),StyledPromptButton=(0,_styled.default)("button",{shouldForwardProp:prop=>(0,_ispropvalid.default)(prop),target:"ex81aex0",label:"StyledPromptButton"})(({theme,disabled,leftIcon,variant})=>{let verticalPadding=`calc(${theme.variables.size.spacing.xs} - 2px)`;return{...(0,_mixins.getButtonAppearanceReset)(),borderRadius:theme.variables.size.borderRadius.full,fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.s,lineHeight:theme.variables.size.lineHeight.xs,fontWeight:theme.variables.weight.bold,cursor:"pointer",userSelect:"none",color:theme.values.color.text.secondary.default,backgroundColor:theme.values.color.background.primary.default,border:`2px solid ${theme.values.color.border.secondary.default}`,padding:`${verticalPadding} ${theme.variables.size.spacing.m}`,...leftIcon&&{padding:`${verticalPadding} ${theme.variables.size.spacing.m} ${verticalPadding} ${theme.variables.size.spacing.s}`},..."standalone"===variant&&{color:theme.values.color.text.ai.default},...!disabled&&{"&:hover, &:active":{backgroundColor:theme.values.color.background.transparent.hover,borderColor:theme.values.color.border.secondary.hover}},...disabled&&{...(0,_mixins.getDisabledStyles)({theme})}}},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUHJvbXB0QnV0dG9uL1Byb21wdEJ1dHRvbi50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL1Byb21wdEJ1dHRvbi9Qcm9tcHRCdXR0b24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IGlzUHJvcFZhbGlkIGZyb20gXCJAZW1vdGlvbi9pcy1wcm9wLXZhbGlkXCI7XG5pbXBvcnQgdHlwZSB7IEljb25OYW1lIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB0eXBlIHtcbiAgUG9seW1vcnBoaWNSZWYsXG4gIFBvbHltb3JwaGljQ29tcG9uZW50UHJvcHNXaXRoUmVmLFxufSBmcm9tIFwiLi4vLi4vdHlwZXNcIjtcblxuaW1wb3J0IHtcbiAgZ2V0QnV0dG9uQXBwZWFyYW5jZVJlc2V0LFxuICBnZXREaXNhYmxlZFN0eWxlcyxcbn0gZnJvbSBcIi4uLy4uL3NoYXJlZC9taXhpbnNcIjtcbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi9JbmxpbmUvSW5saW5lXCI7XG5cbmV4cG9ydCB0eXBlIFByb21wdEJ1dHRvblByb3BzID0ge1xuICBsZWZ0SWNvbj86IEljb25OYW1lO1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG4gIC8qKiBJZ25vcmVkIHdoZW4gYGFzYCBpcyBub3QgXCJidXR0b25cIi4gKi9cbiAgdHlwZT86IFwic3VibWl0XCIgfCBcImJ1dHRvblwiIHwgXCJyZXNldFwiO1xuICB2YXJpYW50PzogXCJzdGFuZGFsb25lXCI7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufTtcblxuY29uc3QgQk9SREVSX1dJRFRIID0gMjtcbmNvbnN0IFN0eWxlZFByb21wdEJ1dHRvbiA9IHN0eWxlZChcImJ1dHRvblwiLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiAocHJvcCkgPT4gaXNQcm9wVmFsaWQocHJvcCksXG59KTxQYXJ0aWFsPFByb21wdEJ1dHRvblByb3BzPj4oKHsgdGhlbWUsIGRpc2FibGVkLCBsZWZ0SWNvbiwgdmFyaWFudCB9KSA9PiB7XG4gIGNvbnN0IHZlcnRpY2FsUGFkZGluZyA9IGBjYWxjKCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54c30gLSAke0JPUkRFUl9XSURUSH1weClgO1xuXG4gIHJldHVybiB7XG4gICAgLi4uZ2V0QnV0dG9uQXBwZWFyYW5jZVJlc2V0KCksXG5cbiAgICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5mdWxsLFxuICAgIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gICAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQucyxcbiAgICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LnhzLFxuICAgIGZvbnRXZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy53ZWlnaHQuYm9sZCxcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIHVzZXJTZWxlY3Q6IFwibm9uZVwiLFxuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnByaW1hcnkuZGVmYXVsdCxcbiAgICBib3JkZXI6IGAke0JPUkRFUl9XSURUSH1weCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuc2Vjb25kYXJ5LmRlZmF1bHR9YCxcbiAgICBwYWRkaW5nOiBgJHt2ZXJ0aWNhbFBhZGRpbmd9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfWAsXG5cbiAgICAuLi4obGVmdEljb24gJiYge1xuICAgICAgcGFkZGluZzogYCR7dmVydGljYWxQYWRkaW5nfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX0gJHt2ZXJ0aWNhbFBhZGRpbmd9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zfWAsXG4gICAgfSksXG5cbiAgICAuLi4odmFyaWFudCA9PT0gXCJzdGFuZGFsb25lXCIgJiYge1xuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LmFpLmRlZmF1bHQsXG4gICAgfSksXG5cbiAgICAuLi4oIWRpc2FibGVkICYmIHtcbiAgICAgIFwiJjpob3ZlciwgJjphY3RpdmVcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmhvdmVyLFxuICAgICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuaG92ZXIsXG4gICAgICB9LFxuICAgIH0pLFxuXG4gICAgLi4uKGRpc2FibGVkICYmIHtcbiAgICAgIC4uLmdldERpc2FibGVkU3R5bGVzKHsgdGhlbWUgfSksXG4gICAgfSksXG4gIH07XG59KTtcblxudHlwZSBQcm9tcHRCdXR0b25Db21wb25lbnQgPSA8QyBleHRlbmRzIFJlYWN0LkVsZW1lbnRUeXBlID0gXCJidXR0b25cIj4oXG4gIHByb3BzOiBQb2x5bW9ycGhpY0NvbXBvbmVudFByb3BzV2l0aFJlZjxDLCBQcm9tcHRCdXR0b25Qcm9wcz5cbikgPT4gUmVhY3QuUmVhY3ROb2RlIHwgbnVsbDtcblxuZXhwb3J0IGNvbnN0IFByb21wdEJ1dHRvbjogUHJvbXB0QnV0dG9uQ29tcG9uZW50ID0gUmVhY3QuZm9yd2FyZFJlZihcbiAgPEMgZXh0ZW5kcyBSZWFjdC5FbGVtZW50VHlwZSA9IFwiYnV0dG9uXCI+KFxuICAgIHtcbiAgICAgIGFzLFxuICAgICAgY2hpbGRyZW4sXG4gICAgICBkaXNhYmxlZCA9IGZhbHNlLFxuICAgICAgbGVmdEljb24sXG4gICAgICB0eXBlID0gXCJidXR0b25cIixcbiAgICAgIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICAgICAgLi4ucmVzdFxuICAgIH06IFBvbHltb3JwaGljQ29tcG9uZW50UHJvcHNXaXRoUmVmPEMsIFByb21wdEJ1dHRvblByb3BzPixcbiAgICByZWY/OiBQb2x5bW9ycGhpY1JlZjxDPlxuICApID0+IChcbiAgICA8U3R5bGVkUHJvbXB0QnV0dG9uXG4gICAgICByZWY9e3JlZn1cbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiUHJvbXB0QnV0dG9uXCJcbiAgICAgIGFzPXthc31cbiAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgIHR5cGU9e2FzICYmIGFzICE9PSBcImJ1dHRvblwiID8gdW5kZWZpbmVkIDogdHlwZX1cbiAgICAgIGxlZnRJY29uPXtsZWZ0SWNvbn1cbiAgICAgIHsuLi5yZXN0fVxuICAgID5cbiAgICAgIDxJbmxpbmUgYWxpZ25JdGVtcz1cImNlbnRlclwiIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCIgc3BhY2U9XCJ4eHNcIj5cbiAgICAgICAge2xlZnRJY29uICYmIChcbiAgICAgICAgICA8SWNvblxuICAgICAgICAgICAgYXJpYS1oaWRkZW5cbiAgICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICAgIG5hbWU9e2xlZnRJY29ufVxuICAgICAgICAgICAgZGF0YS10ZXN0aWQ9e2xlZnRJY29ufVxuICAgICAgICAgICAgZGF0YS1lMmUtdGVzdC1pZD17bGVmdEljb259XG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9JbmxpbmU+XG4gICAgPC9TdHlsZWRQcm9tcHRCdXR0b24+XG4gIClcbik7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEIyQiJ9 */"),PromptButton=_react.default.forwardRef(({as,children,disabled=!1,leftIcon,type="button","data-e2e-test-id":dataE2eTestId,...rest},ref)=>_react.default.createElement(StyledPromptButton,{ref:ref,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"PromptButton",as:as,disabled:disabled,type:as&&"button"!==as?void 0:type,leftIcon:leftIcon,...rest},_react.default.createElement(_Inline.Inline,{alignItems:"center",vAlignItems:"center",space:"xxs"},leftIcon&&_react.default.createElement(_Icon.Icon,{"aria-hidden":!0,size:"s",name:leftIcon,"data-testid":leftIcon,"data-e2e-test-id":leftIcon}),children)));
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import type { IconName } from "../Icon/Icon";
|
|
3
3
|
import type { ButtonProps } from "../Button/Button";
|
|
4
|
-
import type { PolymorphicComponentPropsWithRef } from "../../types";
|
|
4
|
+
import type { PolymorphicComponentPropsWithRef, RoundButtonSize } from "../../types";
|
|
5
5
|
export type RoundButtonProps = Omit<ButtonProps, "destructive" | "loading" | "leftIcon" | "rightIcon" | "fullWidth" | "privateProps" | "size"> & {
|
|
6
6
|
/** The centered icon to be displayed. */
|
|
7
7
|
icon: IconName;
|
|
8
|
+
/** The size of the round button. */
|
|
9
|
+
size?: RoundButtonSize;
|
|
8
10
|
};
|
|
9
11
|
type RoundButtonComponent = <C extends React.ElementType = "button">(props: PolymorphicComponentPropsWithRef<C, RoundButtonProps>) => React.ReactNode | null;
|
|
10
12
|
export declare const RoundButton: RoundButtonComponent;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"RoundButton",{enumerable:!0,get:function(){return RoundButton}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_ariaAttributes=require("../../shared/ariaAttributes"),_Icon=require("../Icon/Icon"),_Inline=require("../Inline/Inline"),StyledRoundButton=(0,_styled.default)("button",{target:"ee5hqc50",label:"StyledRoundButton"})(({theme,variant,disabled})=>({"&[type='button']":{appearance:"none",MozAppearance:"none",WebkitAppearance:"none"},border:0,display:"inline-block",textTransform:"none",textDecoration:"none",borderRadius:"100%",fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.s,lineHeight:theme.variables.size.lineHeight.xs,fontWeight:theme.variables.weight.bold,padding:theme.variables.size.spacing.xs,cursor:"pointer",...disabled&&{opacity:theme.variables.opacity.disabled,cursor:"not-allowed"},..."primary"===variant&&{backgroundColor:theme.values.color.background.accent.default,color:theme.values.color.text.onAccent.default,...!disabled&&{"&:hover":{backgroundColor:theme.values.color.background.accent.hover},"&:active":{backgroundColor:theme.values.color.background.accent.active}}},..."secondary"===variant&&{border:"2px solid",color:theme.values.color.text.secondary.default,backgroundColor:theme.values.color.background.transparent.default,borderColor:theme.values.color.border.secondary.default,padding:parseInt(theme.variables.size.spacing.xs,10)-2,...!disabled&&{"&:hover":{borderColor:theme.values.color.border.secondary.hover,backgroundColor:theme.values.color.background.transparent.hover},"&:active":{borderColor:theme.values.color.border.secondary.active}}},..."tertiary"===variant&&{color:theme.values.color.text.secondary.default,backgroundColor:theme.values.color.background.transparent.default,...!disabled&&{"&:hover":{color:theme.values.color.text.secondary.default,backgroundColor:theme.values.color.background.transparent.hover},"&:active":{color:theme.values.color.text.primary.default,backgroundColor:theme.values.color.background.transparent.active}}}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUm91bmRCdXR0b24vUm91bmRCdXR0b24udHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9Sb3VuZEJ1dHRvbi9Sb3VuZEJ1dHRvbi50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGdldEFyaWFBdHRyaWJ1dGVzIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9hcmlhQXR0cmlidXRlc1wiO1xuaW1wb3J0IHR5cGUgeyBJY29uTmFtZSB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7IEljb24gfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHR5cGUgeyBCdXR0b25Qcm9wcyB9IGZyb20gXCIuLi9CdXR0b24vQnV0dG9uXCI7XG5pbXBvcnQgdHlwZSB7XG4gIFBvbHltb3JwaGljUmVmLFxuICBQb2x5bW9ycGhpY0NvbXBvbmVudFByb3BzV2l0aFJlZixcbn0gZnJvbSBcIi4uLy4uL3R5cGVzXCI7XG5cbmNvbnN0IFN0eWxlZFJvdW5kQnV0dG9uID0gc3R5bGVkLmJ1dHRvbjxQYXJ0aWFsPFJvdW5kQnV0dG9uUHJvcHM+PihcbiAgKHsgdGhlbWUsIHZhcmlhbnQsIGRpc2FibGVkIH0pID0+ICh7XG4gICAgXCImW3R5cGU9J2J1dHRvbiddXCI6IHtcbiAgICAgIGFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgICAgTW96QXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgICBXZWJraXRBcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICB9LFxuICAgIGJvcmRlcjogMCxcbiAgICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICAgIHRleHRUcmFuc2Zvcm06IFwibm9uZVwiLFxuICAgIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcbiAgICBib3JkZXJSYWRpdXM6IFwiMTAwJVwiLFxuICAgIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gICAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQucyxcbiAgICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LnhzLFxuICAgIGZvbnRXZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy53ZWlnaHQuYm9sZCxcbiAgICBwYWRkaW5nOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgLi4uKGRpc2FibGVkICYmIHtcbiAgICAgIG9wYWNpdHk6IHRoZW1lLnZhcmlhYmxlcy5vcGFjaXR5LmRpc2FibGVkLFxuICAgICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gICAgfSksXG4gICAgLi4uKHZhcmlhbnQgPT09IFwicHJpbWFyeVwiICYmIHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYWNjZW50LmRlZmF1bHQsXG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQub25BY2NlbnQuZGVmYXVsdCxcbiAgICAgIC4uLighZGlzYWJsZWQgJiYge1xuICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYWNjZW50LmhvdmVyLFxuICAgICAgICB9LFxuICAgICAgICBcIiY6YWN0aXZlXCI6IHtcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmFjY2VudC5hY3RpdmUsXG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICB9KSxcbiAgICAuLi4odmFyaWFudCA9PT0gXCJzZWNvbmRhcnlcIiAmJiB7XG4gICAgICBib3JkZXI6IFwiMnB4IHNvbGlkXCIsXG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuc2Vjb25kYXJ5LmRlZmF1bHQsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmRlZmF1bHQsXG4gICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgICAgIHBhZGRpbmc6IHBhcnNlSW50KHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMsIDEwKSAtIDIsXG4gICAgICAuLi4oIWRpc2FibGVkICYmIHtcbiAgICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuaG92ZXIsXG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5ob3ZlcixcbiAgICAgICAgfSxcbiAgICAgICAgXCImOmFjdGl2ZVwiOiB7XG4gICAgICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuc2Vjb25kYXJ5LmFjdGl2ZSxcbiAgICAgICAgfSxcbiAgICAgIH0pLFxuICAgIH0pLFxuICAgIC4uLih2YXJpYW50ID09PSBcInRlcnRpYXJ5XCIgJiYge1xuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnNlY29uZGFyeS5kZWZhdWx0LFxuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5kZWZhdWx0LFxuICAgICAgLi4uKCFkaXNhYmxlZCAmJiB7XG4gICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnNlY29uZGFyeS5kZWZhdWx0LFxuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuaG92ZXIsXG4gICAgICAgIH0sXG4gICAgICAgIFwiJjphY3RpdmVcIjoge1xuICAgICAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5hY3RpdmUsXG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCB0eXBlIFJvdW5kQnV0dG9uUHJvcHMgPSBPbWl0PFxuICBCdXR0b25Qcm9wcyxcbiAgfCBcImRlc3RydWN0aXZlXCJcbiAgfCBcImxvYWRpbmdcIlxuICB8IFwibGVmdEljb25cIlxuICB8IFwicmlnaHRJY29uXCJcbiAgfCBcImZ1bGxXaWR0aFwiXG4gIHwgXCJwcml2YXRlUHJvcHNcIlxuICB8IFwic2l6ZVwiXG4+ICYge1xuICAvKiogVGhlIGNlbnRlcmVkIGljb24gdG8gYmUgZGlzcGxheWVkLiAqL1xuICBpY29uOiBJY29uTmFtZTtcbn07XG5cbnR5cGUgUm91bmRCdXR0b25Db21wb25lbnQgPSA8QyBleHRlbmRzIFJlYWN0LkVsZW1lbnRUeXBlID0gXCJidXR0b25cIj4oXG4gIHByb3BzOiBQb2x5bW9ycGhpY0NvbXBvbmVudFByb3BzV2l0aFJlZjxDLCBSb3VuZEJ1dHRvblByb3BzPlxuKSA9PiBSZWFjdC5SZWFjdE5vZGUgfCBudWxsO1xuXG5leHBvcnQgY29uc3QgUm91bmRCdXR0b246IFJvdW5kQnV0dG9uQ29tcG9uZW50ID0gUmVhY3QuZm9yd2FyZFJlZihcbiAgPEMgZXh0ZW5kcyBSZWFjdC5FbGVtZW50VHlwZSA9IFwiYnV0dG9uXCI+KFxuICAgIHtcbiAgICAgIGFyaWFBdHRyaWJ1dGVzLFxuICAgICAgb25DbGljayxcbiAgICAgIG9uRm9jdXMsXG4gICAgICBvbkJsdXIsXG4gICAgICB0eXBlID0gXCJidXR0b25cIixcbiAgICAgIGRpc2FibGVkLFxuICAgICAgdmFyaWFudCA9IFwidGVydGlhcnlcIixcbiAgICAgIGFzLFxuICAgICAgaWNvbixcbiAgICAgIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICAgICAgLi4ucmVzdFxuICAgIH06IFBvbHltb3JwaGljQ29tcG9uZW50UHJvcHNXaXRoUmVmPEMsIFJvdW5kQnV0dG9uUHJvcHM+LFxuICAgIHJlZj86IFBvbHltb3JwaGljUmVmPEM+XG4gICkgPT4ge1xuICAgIGNvbnN0IG1lcmdlZEFyaWFBdHRyaWJ1dGVzID0gZ2V0QXJpYUF0dHJpYnV0ZXMocmVzdCwgYXJpYUF0dHJpYnV0ZXMpO1xuICAgIGNvbnN0IGhhbmRsZUNsaWNrID0gdXNlQ2FsbGJhY2soXG4gICAgICAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4ge1xuICAgICAgICBpZiAoZGlzYWJsZWQpIHtcbiAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKG9uQ2xpY2spIHtcbiAgICAgICAgICBvbkNsaWNrKGUpO1xuICAgICAgICB9XG4gICAgICB9LFxuICAgICAgW2Rpc2FibGVkLCBvbkNsaWNrXVxuICAgICk7XG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRSb3VuZEJ1dHRvblxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgICAgZGF0YS1kcy1pZD1cIlJvdW5kQnV0dG9uXCJcbiAgICAgICAgYXM9e2FzfVxuICAgICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIHR5cGU9e2FzID09PSBcImFcIiA/IHVuZGVmaW5lZCA6IHR5cGV9XG4gICAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsaWNrfVxuICAgICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgICAgey4uLnJlc3R9XG4gICAgICAgIHsuLi5tZXJnZWRBcmlhQXR0cmlidXRlc31cbiAgICAgID5cbiAgICAgICAgPElubGluZSB2QWxpZ25JdGVtcz1cImNlbnRlclwiIGFsaWduSXRlbXM9XCJjZW50ZXJcIiBzcGFjZT1cInh4c1wiIG5vV3JhcD5cbiAgICAgICAgICB7aWNvbiAmJiAoXG4gICAgICAgICAgICA8SWNvblxuICAgICAgICAgICAgICBzaXplPVwic1wiXG4gICAgICAgICAgICAgIG5hbWU9e2ljb259XG4gICAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtpY29ufVxuICAgICAgICAgICAgICBkYXRhLWUyZS10ZXN0LWlkPXtpY29ufVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICApfVxuICAgICAgICA8L0lubGluZT5cbiAgICAgIDwvU3R5bGVkUm91bmRCdXR0b24+XG4gICAgKTtcbiAgfVxuKTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhMEIifQ== */"),RoundButton=_react.default.forwardRef(({ariaAttributes,onClick,onFocus,onBlur,type="button",disabled,variant="tertiary",as,icon,"data-e2e-test-id":dataE2eTestId,...rest},ref)=>{let mergedAriaAttributes=(0,_ariaAttributes.getAriaAttributes)(rest,ariaAttributes),handleClick=(0,_react.useCallback)(e=>{disabled&&e.preventDefault(),onClick&&onClick(e)},[disabled,onClick]);return _react.default.createElement(StyledRoundButton,{ref:ref,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"RoundButton",as:as,variant:variant,disabled:disabled,type:"a"===as?void 0:type,onClick:handleClick,onFocus:onFocus,onBlur:onBlur,...rest,...mergedAriaAttributes},_react.default.createElement(_Inline.Inline,{vAlignItems:"center",alignItems:"center",space:"xxs",noWrap:!0},icon&&_react.default.createElement(_Icon.Icon,{size:"s",name:icon,"data-testid":icon,"data-e2e-test-id":icon})))});
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"RoundButton",{enumerable:!0,get:function(){return RoundButton}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_ariaAttributes=require("../../shared/ariaAttributes"),_Icon=require("../Icon/Icon"),_Inline=require("../Inline/Inline"),StyledRoundButton=(0,_styled.default)("button",{target:"e1k0oyrd0",label:"StyledRoundButton"})(({theme,variant,size,disabled})=>({"&[type='button']":{appearance:"none",MozAppearance:"none",WebkitAppearance:"none"},border:0,display:"inline-block",textTransform:"none",textDecoration:"none",borderRadius:"100%",fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.s,lineHeight:theme.variables.size.lineHeight.xs,fontWeight:theme.variables.weight.bold,padding:theme.variables.size.spacing.xxs,cursor:"pointer",...disabled&&{opacity:theme.variables.opacity.disabled,cursor:"not-allowed"},..."s"===size&&{padding:theme.variables.size.spacing.xs},..."m"===size&&{padding:theme.variables.size.spacing.s},..."primary"===variant&&{backgroundColor:theme.values.color.background.accent.default,color:theme.values.color.text.onAccent.default,...!disabled&&{"&:hover":{backgroundColor:theme.values.color.background.accent.hover},"&:active":{backgroundColor:theme.values.color.background.accent.active}}},..."secondary"===variant&&{border:"2px solid",color:theme.values.color.text.secondary.default,backgroundColor:theme.values.color.background.transparent.default,borderColor:theme.values.color.border.secondary.default,padding:`${parseInt(theme.variables.size.spacing.xxs,10)-2}px`,..."s"===size&&{padding:`${parseInt(theme.variables.size.spacing.xs,10)-2}px`},..."m"===size&&{padding:`${parseInt(theme.variables.size.spacing.s,10)-2}px`},...!disabled&&{"&:hover":{borderColor:theme.values.color.border.secondary.hover,backgroundColor:theme.values.color.background.transparent.hover},"&:active":{borderColor:theme.values.color.border.secondary.active}}},..."tertiary"===variant&&{color:theme.values.color.text.secondary.default,backgroundColor:theme.values.color.background.transparent.default,...!disabled&&{"&:hover":{color:theme.values.color.text.secondary.default,backgroundColor:theme.values.color.background.transparent.hover},"&:active":{color:theme.values.color.text.primary.default,backgroundColor:theme.values.color.background.transparent.active}}}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUm91bmRCdXR0b24vUm91bmRCdXR0b24udHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9Sb3VuZEJ1dHRvbi9Sb3VuZEJ1dHRvbi50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGdldEFyaWFBdHRyaWJ1dGVzIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9hcmlhQXR0cmlidXRlc1wiO1xuaW1wb3J0IHR5cGUgeyBJY29uTmFtZSB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7IEljb24gfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHR5cGUgeyBCdXR0b25Qcm9wcyB9IGZyb20gXCIuLi9CdXR0b24vQnV0dG9uXCI7XG5pbXBvcnQgdHlwZSB7XG4gIFBvbHltb3JwaGljUmVmLFxuICBQb2x5bW9ycGhpY0NvbXBvbmVudFByb3BzV2l0aFJlZixcbiAgUm91bmRCdXR0b25TaXplLFxufSBmcm9tIFwiLi4vLi4vdHlwZXNcIjtcblxuY29uc3QgQk9SREVSX1dJRFRIID0gMjtcblxuY29uc3QgU3R5bGVkUm91bmRCdXR0b24gPSBzdHlsZWQuYnV0dG9uPFBhcnRpYWw8Um91bmRCdXR0b25Qcm9wcz4+KFxuICAoeyB0aGVtZSwgdmFyaWFudCwgc2l6ZSwgZGlzYWJsZWQgfSkgPT4gKHtcbiAgICBcIiZbdHlwZT0nYnV0dG9uJ11cIjoge1xuICAgICAgYXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgICBNb3pBcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICAgIFdlYmtpdEFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgIH0sXG4gICAgYm9yZGVyOiAwLFxuICAgIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gICAgdGV4dFRyYW5zZm9ybTogXCJub25lXCIsXG4gICAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuICAgIGJvcmRlclJhZGl1czogXCIxMDAlXCIsXG4gICAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5zLFxuICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQueHMsXG4gICAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ib2xkLFxuICAgIHBhZGRpbmc6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgLi4uKGRpc2FibGVkICYmIHtcbiAgICAgIG9wYWNpdHk6IHRoZW1lLnZhcmlhYmxlcy5vcGFjaXR5LmRpc2FibGVkLFxuICAgICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gICAgfSksXG4gICAgLi4uKHNpemUgPT09IFwic1wiICYmIHtcbiAgICAgIHBhZGRpbmc6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMsXG4gICAgfSksXG4gICAgLi4uKHNpemUgPT09IFwibVwiICYmIHtcbiAgICAgIHBhZGRpbmc6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcucyxcbiAgICB9KSxcbiAgICAuLi4odmFyaWFudCA9PT0gXCJwcmltYXJ5XCIgJiYge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnQuZGVmYXVsdCxcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5vbkFjY2VudC5kZWZhdWx0LFxuICAgICAgLi4uKCFkaXNhYmxlZCAmJiB7XG4gICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnQuaG92ZXIsXG4gICAgICAgIH0sXG4gICAgICAgIFwiJjphY3RpdmVcIjoge1xuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYWNjZW50LmFjdGl2ZSxcbiAgICAgICAgfSxcbiAgICAgIH0pLFxuICAgIH0pLFxuICAgIC4uLih2YXJpYW50ID09PSBcInNlY29uZGFyeVwiICYmIHtcbiAgICAgIGJvcmRlcjogYCR7Qk9SREVSX1dJRFRIfXB4IHNvbGlkYCxcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuZGVmYXVsdCxcbiAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnNlY29uZGFyeS5kZWZhdWx0LFxuICAgICAgcGFkZGluZzogYCR7XG4gICAgICAgIHBhcnNlSW50KHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzLCAxMCkgLSBCT1JERVJfV0lEVEhcbiAgICAgIH1weGAsIC8vIEFkanVzdCBwYWRkaW5nIHRvIGFjY291bnQgZm9yIGJvcmRlciB3aWR0aFxuICAgICAgLi4uKHNpemUgPT09IFwic1wiICYmIHtcbiAgICAgICAgcGFkZGluZzogYCR7XG4gICAgICAgICAgcGFyc2VJbnQodGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cywgMTApIC0gQk9SREVSX1dJRFRIXG4gICAgICAgIH1weGAsIC8vIEFkanVzdCBwYWRkaW5nIHRvIGFjY291bnQgZm9yIGJvcmRlciB3aWR0aFxuICAgICAgfSksXG4gICAgICAuLi4oc2l6ZSA9PT0gXCJtXCIgJiYge1xuICAgICAgICBwYWRkaW5nOiBgJHtcbiAgICAgICAgICBwYXJzZUludCh0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnMsIDEwKSAtIEJPUkRFUl9XSURUSFxuICAgICAgICB9cHhgLCAvLyBBZGp1c3QgcGFkZGluZyB0byBhY2NvdW50IGZvciBib3JkZXIgd2lkdGhcbiAgICAgIH0pLFxuICAgICAgLi4uKCFkaXNhYmxlZCAmJiB7XG4gICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuc2Vjb25kYXJ5LmhvdmVyLFxuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuaG92ZXIsXG4gICAgICAgIH0sXG4gICAgICAgIFwiJjphY3RpdmVcIjoge1xuICAgICAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnNlY29uZGFyeS5hY3RpdmUsXG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICB9KSxcbiAgICAuLi4odmFyaWFudCA9PT0gXCJ0ZXJ0aWFyeVwiICYmIHtcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuZGVmYXVsdCxcbiAgICAgIC4uLighZGlzYWJsZWQgJiYge1xuICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmhvdmVyLFxuICAgICAgICB9LFxuICAgICAgICBcIiY6YWN0aXZlXCI6IHtcbiAgICAgICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQucHJpbWFyeS5kZWZhdWx0LFxuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuYWN0aXZlLFxuICAgICAgICB9LFxuICAgICAgfSksXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgdHlwZSBSb3VuZEJ1dHRvblByb3BzID0gT21pdDxcbiAgQnV0dG9uUHJvcHMsXG4gIHwgXCJkZXN0cnVjdGl2ZVwiXG4gIHwgXCJsb2FkaW5nXCJcbiAgfCBcImxlZnRJY29uXCJcbiAgfCBcInJpZ2h0SWNvblwiXG4gIHwgXCJmdWxsV2lkdGhcIlxuICB8IFwicHJpdmF0ZVByb3BzXCJcbiAgfCBcInNpemVcIlxuPiAmIHtcbiAgLyoqIFRoZSBjZW50ZXJlZCBpY29uIHRvIGJlIGRpc3BsYXllZC4gKi9cbiAgaWNvbjogSWNvbk5hbWU7XG4gIC8qKiBUaGUgc2l6ZSBvZiB0aGUgcm91bmQgYnV0dG9uLiAqL1xuICBzaXplPzogUm91bmRCdXR0b25TaXplO1xufTtcblxudHlwZSBSb3VuZEJ1dHRvbkNvbXBvbmVudCA9IDxDIGV4dGVuZHMgUmVhY3QuRWxlbWVudFR5cGUgPSBcImJ1dHRvblwiPihcbiAgcHJvcHM6IFBvbHltb3JwaGljQ29tcG9uZW50UHJvcHNXaXRoUmVmPEMsIFJvdW5kQnV0dG9uUHJvcHM+XG4pID0+IFJlYWN0LlJlYWN0Tm9kZSB8IG51bGw7XG5cbmV4cG9ydCBjb25zdCBSb3VuZEJ1dHRvbjogUm91bmRCdXR0b25Db21wb25lbnQgPSBSZWFjdC5mb3J3YXJkUmVmKFxuICA8QyBleHRlbmRzIFJlYWN0LkVsZW1lbnRUeXBlID0gXCJidXR0b25cIj4oXG4gICAge1xuICAgICAgYXJpYUF0dHJpYnV0ZXMsXG4gICAgICBvbkNsaWNrLFxuICAgICAgb25Gb2N1cyxcbiAgICAgIG9uQmx1cixcbiAgICAgIHR5cGUgPSBcImJ1dHRvblwiLFxuICAgICAgZGlzYWJsZWQsXG4gICAgICB2YXJpYW50ID0gXCJ0ZXJ0aWFyeVwiLFxuICAgICAgc2l6ZSA9IFwic1wiLFxuICAgICAgYXMsXG4gICAgICBpY29uLFxuICAgICAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gICAgICAuLi5yZXN0XG4gICAgfTogUG9seW1vcnBoaWNDb21wb25lbnRQcm9wc1dpdGhSZWY8QywgUm91bmRCdXR0b25Qcm9wcz4sXG4gICAgcmVmPzogUG9seW1vcnBoaWNSZWY8Qz5cbiAgKSA9PiB7XG4gICAgY29uc3QgbWVyZ2VkQXJpYUF0dHJpYnV0ZXMgPSBnZXRBcmlhQXR0cmlidXRlcyhyZXN0LCBhcmlhQXR0cmlidXRlcyk7XG5cbiAgICBjb25zdCBoYW5kbGVDbGljayA9IHVzZUNhbGxiYWNrKFxuICAgICAgKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHtcbiAgICAgICAgaWYgKGRpc2FibGVkKSB7XG4gICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICB9XG4gICAgICAgIGlmIChvbkNsaWNrKSB7XG4gICAgICAgICAgb25DbGljayhlKTtcbiAgICAgICAgfVxuICAgICAgfSxcbiAgICAgIFtkaXNhYmxlZCwgb25DbGlja11cbiAgICApO1xuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkUm91bmRCdXR0b25cbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICAgIGRhdGEtZHMtaWQ9XCJSb3VuZEJ1dHRvblwiXG4gICAgICAgIGFzPXthc31cbiAgICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICB0eXBlPXthcyA9PT0gXCJhXCIgPyB1bmRlZmluZWQgOiB0eXBlfVxuICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja31cbiAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgIHsuLi5yZXN0fVxuICAgICAgICB7Li4ubWVyZ2VkQXJpYUF0dHJpYnV0ZXN9XG4gICAgICA+XG4gICAgICAgIDxJbmxpbmUgdkFsaWduSXRlbXM9XCJjZW50ZXJcIiBhbGlnbkl0ZW1zPVwiY2VudGVyXCIgc3BhY2U9XCJ4eHNcIiBub1dyYXA+XG4gICAgICAgICAge2ljb24gJiYgKFxuICAgICAgICAgICAgPEljb25cbiAgICAgICAgICAgICAgc2l6ZT1cInNcIlxuICAgICAgICAgICAgICBuYW1lPXtpY29ufVxuICAgICAgICAgICAgICBkYXRhLXRlc3RpZD17aWNvbn1cbiAgICAgICAgICAgICAgZGF0YS1lMmUtdGVzdC1pZD17aWNvbn1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9JbmxpbmU+XG4gICAgICA8L1N0eWxlZFJvdW5kQnV0dG9uPlxuICAgICk7XG4gIH1cbik7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0IwQiJ9 */"),RoundButton=_react.default.forwardRef(({ariaAttributes,onClick,onFocus,onBlur,type="button",disabled,variant="tertiary",size="s",as,icon,"data-e2e-test-id":dataE2eTestId,...rest},ref)=>{let mergedAriaAttributes=(0,_ariaAttributes.getAriaAttributes)(rest,ariaAttributes),handleClick=(0,_react.useCallback)(e=>{disabled&&e.preventDefault(),onClick&&onClick(e)},[disabled,onClick]);return _react.default.createElement(StyledRoundButton,{ref:ref,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"RoundButton",as:as,variant:variant,size:size,disabled:disabled,type:"a"===as?void 0:type,onClick:handleClick,onFocus:onFocus,onBlur:onBlur,...rest,...mergedAriaAttributes},_react.default.createElement(_Inline.Inline,{vAlignItems:"center",alignItems:"center",space:"xxs",noWrap:!0},icon&&_react.default.createElement(_Icon.Icon,{size:"s",name:icon,"data-testid":icon,"data-e2e-test-id":icon})))});
|
package/build/cjs/index.d.ts
CHANGED
|
@@ -68,6 +68,7 @@ export * from "./components/Patterns/Modal/Modal";
|
|
|
68
68
|
export * from "./components/PictogramButton/PictogramButton";
|
|
69
69
|
export * from "./components/Popover/Popover";
|
|
70
70
|
export * from "./components/ProgressBar/ProgressBar";
|
|
71
|
+
export * from "./components/PromptButton/PromptButton";
|
|
71
72
|
export * from "./components/PromptInput/PromptInput";
|
|
72
73
|
export * from "./components/SplashCard/SplashCard";
|
|
73
74
|
export * from "./components/SplashCardMedia/SplashCardMedia";
|
package/build/cjs/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get CacheProvider(){return _react.CacheProvider},get ThemeProvider(){return _react.ThemeProvider},get createCache(){return _cache.default},get dark(){return dark},get light(){return light}};for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:Object.getOwnPropertyDescriptor(all,name).get});const _export_star=require("@swc/helpers/_/_export_star"),_interop_require_default=require("@swc/helpers/_/_interop_require_default"),_visualConfig=require("./web-tokens/visualConfig"),_react=require("@emotion/react"),_cache=/*#__PURE__*/_interop_require_default._(require("@emotion/cache"));_export_star._(require("./components/AccessCardItem/AccessCardItem"),exports),_export_star._(require("./components/Avatar/Avatar"),exports),_export_star._(require("./components/AvatarGroup/AvatarGroup"),exports),_export_star._(require("./components/Badge/Badge"),exports),_export_star._(require("./components/BinaryFeedback/BinaryFeedback"),exports),_export_star._(require("./components/Box/Box"),exports),_export_star._(require("./components/BulkActionsToolbar/BulkActionsToolbar"),exports),_export_star._(require("./components/Button/Button"),exports),_export_star._(require("./components/Callout/Callout"),exports),_export_star._(require("./components/Card/Card"),exports),_export_star._(require("./components/Card/CardBox"),exports),_export_star._(require("./components/CatalogCard/CatalogCard"),exports),_export_star._(require("./components/CheckboxCard/CheckboxCard"),exports),_export_star._(require("./components/Collapsible/Collapsible"),exports),_export_star._(require("./components/ColorIndicator/ColorIndicator"),exports),_export_star._(require("./components/ColorPicker/ColorPicker"),exports),_export_star._(require("./components/Column/Columns"),exports),_export_star._(require("./components/Container"),exports),_export_star._(require("./components/CountButton/CountButton"),exports),_export_star._(require("./components/DataTable"),exports),_export_star._(require("./components/Divider/Divider"),exports),_export_star._(require("./components/DropdownMenu/DropdownMenu"),exports),_export_star._(require("./components/EntityList"),exports),_export_star._(require("./components/EntityTree"),exports),_export_star._(require("./components/Composite/FilterDialog/FilterDialog"),exports),_export_star._(require("./components/Form/Checkbox/Checkbox"),exports),_export_star._(require("./components/Form/Combobox/Combobox"),exports),_export_star._(require("./components/Form/DateInput/DateInput"),exports),_export_star._(require("./components/Form/DatePicker"),exports),_export_star._(require("./components/Form/FormFieldGroup/FormFieldGroup"),exports),_export_star._(require("./components/Form/Input"),exports),_export_star._(require("./components/Form/MaskedInput/MaskedInput"),exports),_export_star._(require("./components/Form/PasswordInput"),exports),_export_star._(require("./components/Form/Radio/Radio"),exports),_export_star._(require("./components/Form/RadioButton/RadioButton"),exports),_export_star._(require("./components/Form/RangeInput/RangeInput"),exports),_export_star._(require("./components/Form/SearchInput/SearchInput"),exports),_export_star._(require("./components/Form/SegmentedControl/SegmentedControl"),exports),_export_star._(require("./components/Form/Select"),exports),_export_star._(require("./components/Form/ToolbarToggle/ToolbarToggle"),exports),_export_star._(require("./components/Form/Textarea/Textarea"),exports),_export_star._(require("./components/Form/Toggle/Toggle"),exports),_export_star._(require("./components/Form/ToggleButton/ToggleButton"),exports),_export_star._(require("./components/Grid/Grid"),exports),_export_star._(require("./components/Icon/Icon"),exports),_export_star._(require("./components/IconTile/IconTile"),exports),_export_star._(require("./components/Image/Image"),exports),_export_star._(require("./components/Inline/Inline"),exports),_export_star._(require("./components/InteractiveBox/InteractiveBox"),exports),_export_star._(require("./components/Lightbox/Lightbox"),exports),_export_star._(require("./components/Link/Link"),exports),_export_star._(require("./components/LoadingSpinner/LoadingSpinner"),exports),_export_star._(require("./components/Logo/Logo"),exports),_export_star._(require("./components/MediaItem"),exports),_export_star._(require("./components/MediaViewerBar/MediaViewerBar"),exports),_export_star._(require("./components/MediaViewerCarousel/MediaViewerCarousel"),exports),_export_star._(require("./components/NavBar"),exports),_export_star._(require("./components/Notification/Notification"),exports),_export_star._(require("./components/Pagination/Pagination"),exports),_export_star._(require("./components/Patterns/ButtonGroup/ButtonGroup"),exports),_export_star._(require("./components/Patterns/Modal/Modal"),exports),_export_star._(require("./components/PictogramButton/PictogramButton"),exports),_export_star._(require("./components/Popover/Popover"),exports),_export_star._(require("./components/ProgressBar/ProgressBar"),exports),_export_star._(require("./components/PromptInput/PromptInput"),exports),_export_star._(require("./components/SplashCard/SplashCard"),exports),_export_star._(require("./components/SplashCardMedia/SplashCardMedia"),exports),_export_star._(require("./components/QBankRichText/QBankRichText"),exports),_export_star._(require("./components/RadioCard/RadioCard"),exports),_export_star._(require("./components/RoundButton/RoundButton"),exports),_export_star._(require("./components/SearchResult/SearchResult"),exports),_export_star._(require("./components/SegmentedProgressBar/SegmentedProgressBar"),exports),_export_star._(require("./components/Sheet/Sheet"),exports),_export_star._(require("./components/Stack/Stack"),exports),_export_star._(require("./components/SubThemeProvider/SubThemeProvider"),exports),_export_star._(require("./components/Tabs/Tabs"),exports),_export_star._(require("./components/Tag/Tag"),exports),_export_star._(require("./components/TagGroup/TagGroup"),exports),_export_star._(require("./components/Toast"),exports),_export_star._(require("./components/Toggletip/Toggletip"),exports),_export_star._(require("./components/Tooltip/Tooltip"),exports),_export_star._(require("./components/Tutorialtip/Tutorialtip"),exports),_export_star._(require("./components/Typography/Header"),exports),_export_star._(require("./components/Typography/StyledText/StyledText"),exports),_export_star._(require("./components/Typography/Text"),exports),_export_star._(require("./components/Typography/TextClamped/TextClamped"),exports),_export_star._(require("./components/UserHighlightTooltip/UserHighlightTooltip"),exports),_export_star._(require("./components/Utilities/AnimatedBorder/useAnimatedBorder"),exports),_export_star._(require("./components/Utilities/ContainerQuery/ContainerQuery"),exports),_export_star._(require("./components/Utilities/Expandable/Expandable"),exports),_export_star._(require("./components/Utilities/ScreenReaderText/ScreenReaderText"),exports),_export_star._(require("./components/Patterns/EmptyState/EmptyState"),exports),_export_star._(require("./components/Content/ContentBox/ContentBox"),exports),_export_star._(require("./components/Content/ContentFontResizer"),exports),_export_star._(require("./components/Content/ContentHeading/ContentHeading"),exports),_export_star._(require("./components/Content/ContentLink/ContentLink"),exports),_export_star._(require("./components/Content/ContentPictogramButton/ContentPictogramButton"),exports),_export_star._(require("./components/Content/ContentText/ContentText"),exports),_export_star._(require("./components/Content/ContentList"),exports),_export_star._(require("./components/Content/ContentTable"),exports),_export_star._(require("./components/Content/ContentTableModal/ContentTableModal"),exports),_export_star._(require("./components/Content/DosageButton"),exports),_export_star._(require("./components/Content/ReferenceButton"),exports);const{dark,light}=_visualConfig.ambossVisualConfiguration;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get CacheProvider(){return _react.CacheProvider},get ThemeProvider(){return _react.ThemeProvider},get createCache(){return _cache.default},get dark(){return dark},get light(){return light}};for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:Object.getOwnPropertyDescriptor(all,name).get});const _export_star=require("@swc/helpers/_/_export_star"),_interop_require_default=require("@swc/helpers/_/_interop_require_default"),_visualConfig=require("./web-tokens/visualConfig"),_react=require("@emotion/react"),_cache=/*#__PURE__*/_interop_require_default._(require("@emotion/cache"));_export_star._(require("./components/AccessCardItem/AccessCardItem"),exports),_export_star._(require("./components/Avatar/Avatar"),exports),_export_star._(require("./components/AvatarGroup/AvatarGroup"),exports),_export_star._(require("./components/Badge/Badge"),exports),_export_star._(require("./components/BinaryFeedback/BinaryFeedback"),exports),_export_star._(require("./components/Box/Box"),exports),_export_star._(require("./components/BulkActionsToolbar/BulkActionsToolbar"),exports),_export_star._(require("./components/Button/Button"),exports),_export_star._(require("./components/Callout/Callout"),exports),_export_star._(require("./components/Card/Card"),exports),_export_star._(require("./components/Card/CardBox"),exports),_export_star._(require("./components/CatalogCard/CatalogCard"),exports),_export_star._(require("./components/CheckboxCard/CheckboxCard"),exports),_export_star._(require("./components/Collapsible/Collapsible"),exports),_export_star._(require("./components/ColorIndicator/ColorIndicator"),exports),_export_star._(require("./components/ColorPicker/ColorPicker"),exports),_export_star._(require("./components/Column/Columns"),exports),_export_star._(require("./components/Container"),exports),_export_star._(require("./components/CountButton/CountButton"),exports),_export_star._(require("./components/DataTable"),exports),_export_star._(require("./components/Divider/Divider"),exports),_export_star._(require("./components/DropdownMenu/DropdownMenu"),exports),_export_star._(require("./components/EntityList"),exports),_export_star._(require("./components/EntityTree"),exports),_export_star._(require("./components/Composite/FilterDialog/FilterDialog"),exports),_export_star._(require("./components/Form/Checkbox/Checkbox"),exports),_export_star._(require("./components/Form/Combobox/Combobox"),exports),_export_star._(require("./components/Form/DateInput/DateInput"),exports),_export_star._(require("./components/Form/DatePicker"),exports),_export_star._(require("./components/Form/FormFieldGroup/FormFieldGroup"),exports),_export_star._(require("./components/Form/Input"),exports),_export_star._(require("./components/Form/MaskedInput/MaskedInput"),exports),_export_star._(require("./components/Form/PasswordInput"),exports),_export_star._(require("./components/Form/Radio/Radio"),exports),_export_star._(require("./components/Form/RadioButton/RadioButton"),exports),_export_star._(require("./components/Form/RangeInput/RangeInput"),exports),_export_star._(require("./components/Form/SearchInput/SearchInput"),exports),_export_star._(require("./components/Form/SegmentedControl/SegmentedControl"),exports),_export_star._(require("./components/Form/Select"),exports),_export_star._(require("./components/Form/ToolbarToggle/ToolbarToggle"),exports),_export_star._(require("./components/Form/Textarea/Textarea"),exports),_export_star._(require("./components/Form/Toggle/Toggle"),exports),_export_star._(require("./components/Form/ToggleButton/ToggleButton"),exports),_export_star._(require("./components/Grid/Grid"),exports),_export_star._(require("./components/Icon/Icon"),exports),_export_star._(require("./components/IconTile/IconTile"),exports),_export_star._(require("./components/Image/Image"),exports),_export_star._(require("./components/Inline/Inline"),exports),_export_star._(require("./components/InteractiveBox/InteractiveBox"),exports),_export_star._(require("./components/Lightbox/Lightbox"),exports),_export_star._(require("./components/Link/Link"),exports),_export_star._(require("./components/LoadingSpinner/LoadingSpinner"),exports),_export_star._(require("./components/Logo/Logo"),exports),_export_star._(require("./components/MediaItem"),exports),_export_star._(require("./components/MediaViewerBar/MediaViewerBar"),exports),_export_star._(require("./components/MediaViewerCarousel/MediaViewerCarousel"),exports),_export_star._(require("./components/NavBar"),exports),_export_star._(require("./components/Notification/Notification"),exports),_export_star._(require("./components/Pagination/Pagination"),exports),_export_star._(require("./components/Patterns/ButtonGroup/ButtonGroup"),exports),_export_star._(require("./components/Patterns/Modal/Modal"),exports),_export_star._(require("./components/PictogramButton/PictogramButton"),exports),_export_star._(require("./components/Popover/Popover"),exports),_export_star._(require("./components/ProgressBar/ProgressBar"),exports),_export_star._(require("./components/PromptButton/PromptButton"),exports),_export_star._(require("./components/PromptInput/PromptInput"),exports),_export_star._(require("./components/SplashCard/SplashCard"),exports),_export_star._(require("./components/SplashCardMedia/SplashCardMedia"),exports),_export_star._(require("./components/QBankRichText/QBankRichText"),exports),_export_star._(require("./components/RadioCard/RadioCard"),exports),_export_star._(require("./components/RoundButton/RoundButton"),exports),_export_star._(require("./components/SearchResult/SearchResult"),exports),_export_star._(require("./components/SegmentedProgressBar/SegmentedProgressBar"),exports),_export_star._(require("./components/Sheet/Sheet"),exports),_export_star._(require("./components/Stack/Stack"),exports),_export_star._(require("./components/SubThemeProvider/SubThemeProvider"),exports),_export_star._(require("./components/Tabs/Tabs"),exports),_export_star._(require("./components/Tag/Tag"),exports),_export_star._(require("./components/TagGroup/TagGroup"),exports),_export_star._(require("./components/Toast"),exports),_export_star._(require("./components/Toggletip/Toggletip"),exports),_export_star._(require("./components/Tooltip/Tooltip"),exports),_export_star._(require("./components/Tutorialtip/Tutorialtip"),exports),_export_star._(require("./components/Typography/Header"),exports),_export_star._(require("./components/Typography/StyledText/StyledText"),exports),_export_star._(require("./components/Typography/Text"),exports),_export_star._(require("./components/Typography/TextClamped/TextClamped"),exports),_export_star._(require("./components/UserHighlightTooltip/UserHighlightTooltip"),exports),_export_star._(require("./components/Utilities/AnimatedBorder/useAnimatedBorder"),exports),_export_star._(require("./components/Utilities/ContainerQuery/ContainerQuery"),exports),_export_star._(require("./components/Utilities/Expandable/Expandable"),exports),_export_star._(require("./components/Utilities/ScreenReaderText/ScreenReaderText"),exports),_export_star._(require("./components/Patterns/EmptyState/EmptyState"),exports),_export_star._(require("./components/Content/ContentBox/ContentBox"),exports),_export_star._(require("./components/Content/ContentFontResizer"),exports),_export_star._(require("./components/Content/ContentHeading/ContentHeading"),exports),_export_star._(require("./components/Content/ContentLink/ContentLink"),exports),_export_star._(require("./components/Content/ContentPictogramButton/ContentPictogramButton"),exports),_export_star._(require("./components/Content/ContentText/ContentText"),exports),_export_star._(require("./components/Content/ContentList"),exports),_export_star._(require("./components/Content/ContentTable"),exports),_export_star._(require("./components/Content/ContentTableModal/ContentTableModal"),exports),_export_star._(require("./components/Content/DosageButton"),exports),_export_star._(require("./components/Content/ReferenceButton"),exports);const{dark,light}=_visualConfig.ambossVisualConfiguration;
|
|
@@ -3,4 +3,4 @@ export type MenuStyle = {
|
|
|
3
3
|
top: number;
|
|
4
4
|
left: number;
|
|
5
5
|
};
|
|
6
|
-
export declare function getMenuStyle(triggerRef: RefObject<any>, menuRef: RefObject<any>, document: Document, window: Window): MenuStyle;
|
|
6
|
+
export declare function getMenuStyle(triggerRef: RefObject<any>, menuRef: RefObject<any>, document: Document, window: Window, placement?: "auto" | "left" | "right"): MenuStyle;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";function getMenuStyle(triggerRef,menuRef,document,window){let triggerRect=triggerRef.current.getBoundingClientRect(),menuRect=menuRef.current.getBoundingClientRect(),viewportWidth=document.documentElement.clientWidth,viewportHeight=document.documentElement.clientHeight,verticalPlacement="bottom",
|
|
1
|
+
"use strict";function getMenuStyle(triggerRef,menuRef,document,window,placement){let triggerRect=triggerRef.current.getBoundingClientRect(),menuRect=menuRef.current.getBoundingClientRect(),viewportWidth=document.documentElement.clientWidth,viewportHeight=document.documentElement.clientHeight,verticalPlacement="bottom",anchorEdge="right"===placement?"right":"left",top=0,left=0;return triggerRect.bottom+menuRect.height>=viewportHeight&&triggerRect.top>menuRect.height&&(verticalPlacement="top"),(!placement||"auto"===placement)&&triggerRect.left+menuRect.width>=viewportWidth&&(anchorEdge="right"),top="top"===verticalPlacement?triggerRect.top-menuRect.height-8:triggerRect.bottom+8,left="right"===anchorEdge?triggerRect.right-menuRect.width:triggerRect.left,{top:top+window.scrollY,left:left+window.scrollX}}Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"getMenuStyle",{enumerable:!0,get:function(){return getMenuStyle}});
|
|
@@ -4,8 +4,9 @@ type UsePopupMenuProps = {
|
|
|
4
4
|
isOpen: boolean;
|
|
5
5
|
triggerRef: RefObject<any>;
|
|
6
6
|
menuRef: RefObject<any>;
|
|
7
|
+
placement?: "auto" | "left" | "right";
|
|
7
8
|
};
|
|
8
|
-
export declare function usePopupMenu({ triggerRef, menuRef, isOpen, }: UsePopupMenuProps): {
|
|
9
|
+
export declare function usePopupMenu({ triggerRef, menuRef, isOpen, placement, }: UsePopupMenuProps): {
|
|
9
10
|
menuStyle: MenuStyle;
|
|
10
11
|
calculateStyle: () => void;
|
|
11
12
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"usePopupMenu",{enumerable:!0,get:function(){return usePopupMenu}});const _react=require("react"),_useDocument=require("../useDocument"),_useWindow=require("../useWindow"),_getMenuStyle=require("./getMenuStyle");function usePopupMenu({triggerRef,menuRef,isOpen}){let document=(0,_useDocument.useDocument)(),window=(0,_useWindow.useWindow)(),[menuStyle,setMenuStyle]=(0,_react.useState)({top:0,left:0}),calculateStyle=(0,_react.useCallback)(()=>{triggerRef.current&&menuRef.current&&setMenuStyle((0,_getMenuStyle.getMenuStyle)(triggerRef,menuRef,document,window))},[triggerRef,menuRef,document,window]);return(0,_react.useLayoutEffect)(()=>{let handleScrollEvent=evt=>{menuRef.current&&menuRef.current.contains(evt.target)||calculateStyle()};return isOpen&&(calculateStyle(),window.addEventListener("resize",calculateStyle),window.addEventListener("scroll",handleScrollEvent,!0)),()=>{window.removeEventListener("resize",calculateStyle),window.removeEventListener("scroll",handleScrollEvent,!0)}},[isOpen,calculateStyle,window,menuRef]),{menuStyle,calculateStyle}}
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"usePopupMenu",{enumerable:!0,get:function(){return usePopupMenu}});const _react=require("react"),_useDocument=require("../useDocument"),_useWindow=require("../useWindow"),_getMenuStyle=require("./getMenuStyle");function usePopupMenu({triggerRef,menuRef,isOpen,placement}){let document=(0,_useDocument.useDocument)(),window=(0,_useWindow.useWindow)(),[menuStyle,setMenuStyle]=(0,_react.useState)({top:0,left:0}),calculateStyle=(0,_react.useCallback)(()=>{triggerRef.current&&menuRef.current&&setMenuStyle((0,_getMenuStyle.getMenuStyle)(triggerRef,menuRef,document,window,placement))},[triggerRef,menuRef,document,window,placement]);return(0,_react.useLayoutEffect)(()=>{let handleScrollEvent=evt=>{menuRef.current&&menuRef.current.contains(evt.target)||calculateStyle()};return isOpen&&(calculateStyle(),window.addEventListener("resize",calculateStyle),window.addEventListener("scroll",handleScrollEvent,!0)),()=>{window.removeEventListener("resize",calculateStyle),window.removeEventListener("scroll",handleScrollEvent,!0)}},[isOpen,calculateStyle,window,menuRef]),{menuStyle,calculateStyle}}
|
|
@@ -60,6 +60,10 @@ export type MQ<T> = [T, T?, T?] | {
|
|
|
60
60
|
};
|
|
61
61
|
export declare const ButtonSizeRuntype: Union<[Literal<"s">, Literal<"m">, Literal<"l">]>;
|
|
62
62
|
export type ButtonSize = Static<typeof ButtonSizeRuntype>;
|
|
63
|
+
export declare const RoundButtonSizeRuntype: Union<[Literal<"xs">, Literal<"s">, Literal<"m">]>;
|
|
64
|
+
export type RoundButtonSize = Static<typeof RoundButtonSizeRuntype>;
|
|
65
|
+
export declare const DropdownMenuSizeRuntype: Union<[Literal<"xs">, Literal<"s">, Literal<"m">]>;
|
|
66
|
+
export type DropdownMenuSize = Static<typeof DropdownMenuSizeRuntype>;
|
|
63
67
|
export declare const HyphensRuntype: Union<[Literal<"auto">, Literal<"none">, Literal<"manual">]>;
|
|
64
68
|
export type Hyphens = Static<typeof HyphensRuntype>;
|
|
65
69
|
export declare const OverflowWrapRuntype: Union<[Literal<"normal">, Literal<"break-word">]>;
|
package/build/cjs/types/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get BaseColorsRuntype(){return BaseColorsRuntype},get BaseTagSizeRuntype(){return BaseTagSizeRuntype},get BaseVariationsRuntype(){return BaseVariationsRuntype},get BorderRadiusRuntype(){return BorderRadiusRuntype},get ButtonSizeRuntype(){return ButtonSizeRuntype},get CalloutVariationsRuntype(){return CalloutVariationsRuntype},get ColumnAlignmentRunType(){return ColumnAlignmentRunType},get ColumsSizesRuntype(){return ColumsSizesRuntype},get HorizontalAlignmentRuntype(){return HorizontalAlignmentRuntype},get HyphensRuntype(){return HyphensRuntype},get IconSizesRuntype(){return IconSizesRuntype},get IconsColorsRuntime(){return IconsColorsRuntime},get IconsVariationsRuntype(){return IconsVariationsRuntype},get InputTextSizeRuntype(){return InputTextSizeRuntype},get LightboxVerticalAlignmentRuntype(){return LightboxVerticalAlignmentRuntype},get LinkColorsRuntype(){return LinkColorsRuntype},get LinkTextSizeRuntype(){return LinkTextSizeRuntype},get LinkVariationsRuntype(){return LinkVariationsRuntype},get ListSizeRuntype(){return ListSizeRuntype},get MediaItemSizeRuntype(){return MediaItemSizeRuntype},get OrderRuntype(){return OrderRuntype},get OverflowWrapRuntype(){return OverflowWrapRuntype},get PictogramVariationsRuntype(){return PictogramVariationsRuntype},get SpaceSizesRuntype(){return SpaceSizesRuntype},get StackHorizontalAlignmentRuntype(){return StackHorizontalAlignmentRuntype},get StackVerticalAlignmentRuntype(){return StackVerticalAlignmentRuntype},get TextAlignmentRuntype(){return TextAlignmentRuntype},get TextColorsRuntype(){return TextColorsRuntype},get TextSizeRuntype(){return TextSizeRuntype},get TextVariationsRuntype(){return TextVariationsRuntype},get TextWeightRuntype(){return TextWeightRuntype},get ToggleSizeRuntype(){return ToggleSizeRuntype},get VerticalAlignmentRuntype(){return VerticalAlignmentRuntype}};for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:Object.getOwnPropertyDescriptor(all,name).get});const _runtypes=require("runtypes"),LinkTextSizeRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("xs"),(0,_runtypes.Literal)("s"),(0,_runtypes.Literal)("m"),(0,_runtypes.Literal)("l")),TextSizeRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("xs"),(0,_runtypes.Literal)("s"),(0,_runtypes.Literal)("m")),InputTextSizeRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("s"),(0,_runtypes.Literal)("m")),BaseTagSizeRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("s"),(0,_runtypes.Literal)("m")),BorderRadiusRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("none"),(0,_runtypes.Literal)("xs"),(0,_runtypes.Literal)("s"),(0,_runtypes.Literal)("m")),TextAlignmentRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("left"),(0,_runtypes.Literal)("right"),(0,_runtypes.Literal)("center")),HorizontalAlignmentRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("left"),(0,_runtypes.Literal)("right"),(0,_runtypes.Literal)("center"),(0,_runtypes.Literal)("spaceBetween")),VerticalAlignmentRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("top"),(0,_runtypes.Literal)("bottom"),(0,_runtypes.Literal)("center"),(0,_runtypes.Literal)("stretch")),StackVerticalAlignmentRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("top"),(0,_runtypes.Literal)("bottom"),(0,_runtypes.Literal)("center"),(0,_runtypes.Literal)("spaceBetween")),LightboxVerticalAlignmentRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("top"),(0,_runtypes.Literal)("center")),StackHorizontalAlignmentRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("left"),(0,_runtypes.Literal)("right"),(0,_runtypes.Literal)("center"),(0,_runtypes.Literal)("stretch")),SpaceSizesRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("zero"),(0,_runtypes.Literal)("xxxs"),(0,_runtypes.Literal)("xxs"),(0,_runtypes.Literal)("xs"),(0,_runtypes.Literal)("s"),(0,_runtypes.Literal)("m"),(0,_runtypes.Literal)("l"),(0,_runtypes.Literal)("xl"),(0,_runtypes.Literal)("xxl")),ColumsSizesRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)(1),(0,_runtypes.Literal)(2),(0,_runtypes.Literal)(3),(0,_runtypes.Literal)(4),(0,_runtypes.Literal)(5),(0,_runtypes.Literal)(6),(0,_runtypes.Literal)(7),(0,_runtypes.Literal)(8),(0,_runtypes.Literal)(9),(0,_runtypes.Literal)(10),(0,_runtypes.Literal)(11),(0,_runtypes.Literal)(12),(0,_runtypes.Literal)("auto"),(0,_runtypes.Literal)("narrow"),(0,_runtypes.Literal)("fill")),ColumnAlignmentRunType=(0,_runtypes.Union)((0,_runtypes.Literal)("auto"),(0,_runtypes.Literal)("start"),(0,_runtypes.Literal)("center"),(0,_runtypes.Literal)("end")),OrderRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("first"),(0,_runtypes.Literal)("last"),(0,_runtypes.Literal)("unset")),BaseVariationsRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("primary"),(0,_runtypes.Literal)("secondary"),(0,_runtypes.Literal)("tertiary")),BaseColorsRuntype=(0,_runtypes.Union)(BaseVariationsRuntype,(0,_runtypes.Literal)("accent"),(0,_runtypes.Literal)("onAccent")),PictogramVariationsRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("secondary"),(0,_runtypes.Literal)("tertiary"),(0,_runtypes.Literal)("quaternary")),TextColorsRuntype=(0,_runtypes.Union)(BaseColorsRuntype,(0,_runtypes.Literal)("success"),(0,_runtypes.Literal)("info"),(0,_runtypes.Literal)("error"),(0,_runtypes.Literal)("warning")),TextVariationsRuntype=(0,_runtypes.Union)(BaseVariationsRuntype,(0,_runtypes.Literal)("success"),(0,_runtypes.Literal)("info"),(0,_runtypes.Literal)("error"),(0,_runtypes.Literal)("warning")),TextWeightRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("normal"),(0,_runtypes.Literal)("bold"),(0,_runtypes.Literal)("black"),(0,_runtypes.Literal)("inherit")),IconsColorsRuntime=(0,_runtypes.Union)(BaseColorsRuntype,(0,_runtypes.Literal)("success"),(0,_runtypes.Literal)("info"),(0,_runtypes.Literal)("error"),(0,_runtypes.Literal)("warning"),(0,_runtypes.Literal)("inherit"),(0,_runtypes.Literal)("brand"),(0,_runtypes.Literal)("quaternary")),IconsVariationsRuntype=(0,_runtypes.Union)(BaseVariationsRuntype,(0,_runtypes.Literal)("success"),(0,_runtypes.Literal)("info"),(0,_runtypes.Literal)("error"),(0,_runtypes.Literal)("warning"),(0,_runtypes.Literal)("inherit"),(0,_runtypes.Literal)("brand")),IconSizesRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("s"),(0,_runtypes.Literal)("m"),(0,_runtypes.Literal)("l")),CalloutVariationsRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("info"),(0,_runtypes.Literal)("success"),(0,_runtypes.Literal)("error"),(0,_runtypes.Literal)("warning"),(0,_runtypes.Literal)("neutral"),(0,_runtypes.Literal)("ai")),LinkVariationsRuntype=(0,_runtypes.Union)(BaseVariationsRuntype),LinkColorsRuntype=(0,_runtypes.Union)(BaseColorsRuntype),ButtonSizeRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("s"),(0,_runtypes.Literal)("m"),(0,_runtypes.Literal)("l")),HyphensRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("auto"),(0,_runtypes.Literal)("none"),(0,_runtypes.Literal)("manual")),OverflowWrapRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("normal"),(0,_runtypes.Literal)("break-word")),ToggleSizeRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("s"),(0,_runtypes.Literal)("m")),ListSizeRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("xs"),(0,_runtypes.Literal)("s"),(0,_runtypes.Literal)("m"),(0,_runtypes.Literal)("l")),MediaItemSizeRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("xs"),(0,_runtypes.Literal)("s"),(0,_runtypes.Literal)("m"),(0,_runtypes.Literal)("l"),(0,_runtypes.Literal)("xl"));
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get BaseColorsRuntype(){return BaseColorsRuntype},get BaseTagSizeRuntype(){return BaseTagSizeRuntype},get BaseVariationsRuntype(){return BaseVariationsRuntype},get BorderRadiusRuntype(){return BorderRadiusRuntype},get ButtonSizeRuntype(){return ButtonSizeRuntype},get CalloutVariationsRuntype(){return CalloutVariationsRuntype},get ColumnAlignmentRunType(){return ColumnAlignmentRunType},get ColumsSizesRuntype(){return ColumsSizesRuntype},get DropdownMenuSizeRuntype(){return DropdownMenuSizeRuntype},get HorizontalAlignmentRuntype(){return HorizontalAlignmentRuntype},get HyphensRuntype(){return HyphensRuntype},get IconSizesRuntype(){return IconSizesRuntype},get IconsColorsRuntime(){return IconsColorsRuntime},get IconsVariationsRuntype(){return IconsVariationsRuntype},get InputTextSizeRuntype(){return InputTextSizeRuntype},get LightboxVerticalAlignmentRuntype(){return LightboxVerticalAlignmentRuntype},get LinkColorsRuntype(){return LinkColorsRuntype},get LinkTextSizeRuntype(){return LinkTextSizeRuntype},get LinkVariationsRuntype(){return LinkVariationsRuntype},get ListSizeRuntype(){return ListSizeRuntype},get MediaItemSizeRuntype(){return MediaItemSizeRuntype},get OrderRuntype(){return OrderRuntype},get OverflowWrapRuntype(){return OverflowWrapRuntype},get PictogramVariationsRuntype(){return PictogramVariationsRuntype},get RoundButtonSizeRuntype(){return RoundButtonSizeRuntype},get SpaceSizesRuntype(){return SpaceSizesRuntype},get StackHorizontalAlignmentRuntype(){return StackHorizontalAlignmentRuntype},get StackVerticalAlignmentRuntype(){return StackVerticalAlignmentRuntype},get TextAlignmentRuntype(){return TextAlignmentRuntype},get TextColorsRuntype(){return TextColorsRuntype},get TextSizeRuntype(){return TextSizeRuntype},get TextVariationsRuntype(){return TextVariationsRuntype},get TextWeightRuntype(){return TextWeightRuntype},get ToggleSizeRuntype(){return ToggleSizeRuntype},get VerticalAlignmentRuntype(){return VerticalAlignmentRuntype}};for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:Object.getOwnPropertyDescriptor(all,name).get});const _runtypes=require("runtypes"),LinkTextSizeRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("xs"),(0,_runtypes.Literal)("s"),(0,_runtypes.Literal)("m"),(0,_runtypes.Literal)("l")),TextSizeRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("xs"),(0,_runtypes.Literal)("s"),(0,_runtypes.Literal)("m")),InputTextSizeRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("s"),(0,_runtypes.Literal)("m")),BaseTagSizeRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("s"),(0,_runtypes.Literal)("m")),BorderRadiusRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("none"),(0,_runtypes.Literal)("xs"),(0,_runtypes.Literal)("s"),(0,_runtypes.Literal)("m")),TextAlignmentRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("left"),(0,_runtypes.Literal)("right"),(0,_runtypes.Literal)("center")),HorizontalAlignmentRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("left"),(0,_runtypes.Literal)("right"),(0,_runtypes.Literal)("center"),(0,_runtypes.Literal)("spaceBetween")),VerticalAlignmentRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("top"),(0,_runtypes.Literal)("bottom"),(0,_runtypes.Literal)("center"),(0,_runtypes.Literal)("stretch")),StackVerticalAlignmentRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("top"),(0,_runtypes.Literal)("bottom"),(0,_runtypes.Literal)("center"),(0,_runtypes.Literal)("spaceBetween")),LightboxVerticalAlignmentRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("top"),(0,_runtypes.Literal)("center")),StackHorizontalAlignmentRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("left"),(0,_runtypes.Literal)("right"),(0,_runtypes.Literal)("center"),(0,_runtypes.Literal)("stretch")),SpaceSizesRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("zero"),(0,_runtypes.Literal)("xxxs"),(0,_runtypes.Literal)("xxs"),(0,_runtypes.Literal)("xs"),(0,_runtypes.Literal)("s"),(0,_runtypes.Literal)("m"),(0,_runtypes.Literal)("l"),(0,_runtypes.Literal)("xl"),(0,_runtypes.Literal)("xxl")),ColumsSizesRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)(1),(0,_runtypes.Literal)(2),(0,_runtypes.Literal)(3),(0,_runtypes.Literal)(4),(0,_runtypes.Literal)(5),(0,_runtypes.Literal)(6),(0,_runtypes.Literal)(7),(0,_runtypes.Literal)(8),(0,_runtypes.Literal)(9),(0,_runtypes.Literal)(10),(0,_runtypes.Literal)(11),(0,_runtypes.Literal)(12),(0,_runtypes.Literal)("auto"),(0,_runtypes.Literal)("narrow"),(0,_runtypes.Literal)("fill")),ColumnAlignmentRunType=(0,_runtypes.Union)((0,_runtypes.Literal)("auto"),(0,_runtypes.Literal)("start"),(0,_runtypes.Literal)("center"),(0,_runtypes.Literal)("end")),OrderRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("first"),(0,_runtypes.Literal)("last"),(0,_runtypes.Literal)("unset")),BaseVariationsRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("primary"),(0,_runtypes.Literal)("secondary"),(0,_runtypes.Literal)("tertiary")),BaseColorsRuntype=(0,_runtypes.Union)(BaseVariationsRuntype,(0,_runtypes.Literal)("accent"),(0,_runtypes.Literal)("onAccent")),PictogramVariationsRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("secondary"),(0,_runtypes.Literal)("tertiary"),(0,_runtypes.Literal)("quaternary")),TextColorsRuntype=(0,_runtypes.Union)(BaseColorsRuntype,(0,_runtypes.Literal)("success"),(0,_runtypes.Literal)("info"),(0,_runtypes.Literal)("error"),(0,_runtypes.Literal)("warning")),TextVariationsRuntype=(0,_runtypes.Union)(BaseVariationsRuntype,(0,_runtypes.Literal)("success"),(0,_runtypes.Literal)("info"),(0,_runtypes.Literal)("error"),(0,_runtypes.Literal)("warning")),TextWeightRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("normal"),(0,_runtypes.Literal)("bold"),(0,_runtypes.Literal)("black"),(0,_runtypes.Literal)("inherit")),IconsColorsRuntime=(0,_runtypes.Union)(BaseColorsRuntype,(0,_runtypes.Literal)("success"),(0,_runtypes.Literal)("info"),(0,_runtypes.Literal)("error"),(0,_runtypes.Literal)("warning"),(0,_runtypes.Literal)("inherit"),(0,_runtypes.Literal)("brand"),(0,_runtypes.Literal)("quaternary")),IconsVariationsRuntype=(0,_runtypes.Union)(BaseVariationsRuntype,(0,_runtypes.Literal)("success"),(0,_runtypes.Literal)("info"),(0,_runtypes.Literal)("error"),(0,_runtypes.Literal)("warning"),(0,_runtypes.Literal)("inherit"),(0,_runtypes.Literal)("brand")),IconSizesRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("s"),(0,_runtypes.Literal)("m"),(0,_runtypes.Literal)("l")),CalloutVariationsRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("info"),(0,_runtypes.Literal)("success"),(0,_runtypes.Literal)("error"),(0,_runtypes.Literal)("warning"),(0,_runtypes.Literal)("neutral"),(0,_runtypes.Literal)("ai")),LinkVariationsRuntype=(0,_runtypes.Union)(BaseVariationsRuntype),LinkColorsRuntype=(0,_runtypes.Union)(BaseColorsRuntype),ButtonSizeRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("s"),(0,_runtypes.Literal)("m"),(0,_runtypes.Literal)("l")),RoundButtonSizeRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("xs"),(0,_runtypes.Literal)("s"),(0,_runtypes.Literal)("m")),DropdownMenuSizeRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("xs"),(0,_runtypes.Literal)("s"),(0,_runtypes.Literal)("m")),HyphensRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("auto"),(0,_runtypes.Literal)("none"),(0,_runtypes.Literal)("manual")),OverflowWrapRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("normal"),(0,_runtypes.Literal)("break-word")),ToggleSizeRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("s"),(0,_runtypes.Literal)("m")),ListSizeRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("xs"),(0,_runtypes.Literal)("s"),(0,_runtypes.Literal)("m"),(0,_runtypes.Literal)("l")),MediaItemSizeRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("xs"),(0,_runtypes.Literal)("s"),(0,_runtypes.Literal)("m"),(0,_runtypes.Literal)("l"),(0,_runtypes.Literal)("xl"));
|