@amboss/design-system 3.44.0 → 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.js +1 -1
- package/build/cjs/components/RoundButton/RoundButton.d.ts +3 -1
- package/build/cjs/components/RoundButton/RoundButton.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 -10
- package/build/cjs/web-tokens/assets/icons.json +2 -2
- package/build/cjs/web-tokens/visualConfig.d.ts +19 -7
- 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.js +1 -1
- package/build/esm/components/RoundButton/RoundButton.d.ts +3 -1
- package/build/esm/components/RoundButton/RoundButton.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 -10
- package/build/esm/web-tokens/assets/icons.json +2 -2
- package/build/esm/web-tokens/visualConfig.d.ts +19 -7
- package/build/esm/web-tokens/visualConfig.js +1 -1
- package/build/scss/_dark.scss +9 -1
- package/build/scss/_light.scss +9 -1
- package/build/scss/_variables.scss +9 -1
- 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"})))};
|
|
@@ -1 +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:"
|
|
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})))});
|
|
@@ -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"));
|
|
@@ -1319,6 +1319,24 @@
|
|
|
1319
1319
|
"darkOriginalValue": "neutral.black-transparent02",
|
|
1320
1320
|
"lightValue": "rgba(0, 0, 0, 0.6)",
|
|
1321
1321
|
"lightOriginalValue": "neutral.black-transparent02"
|
|
1322
|
+
},
|
|
1323
|
+
"color-background-ai-default": {
|
|
1324
|
+
"name": "background.ai",
|
|
1325
|
+
"description": "Used for background of certain UI elements related to AI features",
|
|
1326
|
+
"subState": "default",
|
|
1327
|
+
"darkValue": "#6d37c8",
|
|
1328
|
+
"darkOriginalValue": "night-purple.regular",
|
|
1329
|
+
"lightValue": "#6934c4",
|
|
1330
|
+
"lightOriginalValue": "purple.dark01"
|
|
1331
|
+
},
|
|
1332
|
+
"color-background-aiSubtle-default": {
|
|
1333
|
+
"name": "background.aiSubtle",
|
|
1334
|
+
"description": "Use in combination with color.purple.accent for UI elements related to AI features that are less important or to indicate selected state of certain UI elements (e.g. segmented control or callout)",
|
|
1335
|
+
"subState": "default",
|
|
1336
|
+
"darkValue": "#2f1c4f",
|
|
1337
|
+
"darkOriginalValue": "night-purple.dark02",
|
|
1338
|
+
"lightValue": "#edeafd",
|
|
1339
|
+
"lightOriginalValue": "purple.light03"
|
|
1322
1340
|
}
|
|
1323
1341
|
},
|
|
1324
1342
|
"text": {
|
|
@@ -1518,6 +1536,15 @@
|
|
|
1518
1536
|
"darkOriginalValue": "night-gray.light02",
|
|
1519
1537
|
"lightValue": "#40515e",
|
|
1520
1538
|
"lightOriginalValue": "gray.dark01"
|
|
1539
|
+
},
|
|
1540
|
+
"color-text-ai-default": {
|
|
1541
|
+
"name": "text.ai",
|
|
1542
|
+
"description": "Used for text of certain UI elements related to AI features",
|
|
1543
|
+
"subState": "default",
|
|
1544
|
+
"darkValue": "#c1acff",
|
|
1545
|
+
"darkOriginalValue": "night-purple.light02",
|
|
1546
|
+
"lightValue": "#5325a2",
|
|
1547
|
+
"lightOriginalValue": "purple.dark02"
|
|
1521
1548
|
}
|
|
1522
1549
|
},
|
|
1523
1550
|
"icon": {
|
|
@@ -1736,6 +1763,24 @@
|
|
|
1736
1763
|
"darkOriginalValue": "night-brand.light02",
|
|
1737
1764
|
"lightValue": "#047a88",
|
|
1738
1765
|
"lightOriginalValue": "brand.dark01"
|
|
1766
|
+
},
|
|
1767
|
+
"color-icon-ai-default": {
|
|
1768
|
+
"name": "icon.ai",
|
|
1769
|
+
"description": "Used for ai icons",
|
|
1770
|
+
"subState": "default",
|
|
1771
|
+
"darkValue": "#c1acff",
|
|
1772
|
+
"darkOriginalValue": "night-purple.light02",
|
|
1773
|
+
"lightValue": "#6934c4",
|
|
1774
|
+
"lightOriginalValue": "purple.dark01"
|
|
1775
|
+
},
|
|
1776
|
+
"color-icon-ai-hover": {
|
|
1777
|
+
"name": "icon.ai",
|
|
1778
|
+
"description": "Hover color for ai icons",
|
|
1779
|
+
"subState": "hover",
|
|
1780
|
+
"darkValue": "#ddd7fd",
|
|
1781
|
+
"darkOriginalValue": "night-purple.light03",
|
|
1782
|
+
"lightValue": "#5325a2",
|
|
1783
|
+
"lightOriginalValue": "purple.dark02"
|
|
1739
1784
|
}
|
|
1740
1785
|
},
|
|
1741
1786
|
"border": {
|
|
@@ -1876,6 +1921,42 @@
|
|
|
1876
1921
|
"darkOriginalValue": "night-orange.regular",
|
|
1877
1922
|
"lightValue": "#f6c66f",
|
|
1878
1923
|
"lightOriginalValue": "orange.light01"
|
|
1924
|
+
},
|
|
1925
|
+
"color-border-ai-default": {
|
|
1926
|
+
"name": "border.ai",
|
|
1927
|
+
"description": "Use for border of certain UI elements related to AI features",
|
|
1928
|
+
"subState": "default",
|
|
1929
|
+
"darkValue": "#9369ff",
|
|
1930
|
+
"darkOriginalValue": "night-purple.light01",
|
|
1931
|
+
"lightValue": "#8a61f1",
|
|
1932
|
+
"lightOriginalValue": "purple.regular"
|
|
1933
|
+
},
|
|
1934
|
+
"color-border-ai-hover": {
|
|
1935
|
+
"name": "border.ai",
|
|
1936
|
+
"description": "Hover color for border of certain UI elements related to AI features",
|
|
1937
|
+
"subState": "hover",
|
|
1938
|
+
"darkValue": "#c1acff",
|
|
1939
|
+
"darkOriginalValue": "night-purple.light02",
|
|
1940
|
+
"lightValue": "#6934c4",
|
|
1941
|
+
"lightOriginalValue": "purple.dark01"
|
|
1942
|
+
},
|
|
1943
|
+
"color-border-ai-active": {
|
|
1944
|
+
"name": "border.ai",
|
|
1945
|
+
"description": "Active color for border of certain UI elements related to AI features",
|
|
1946
|
+
"subState": "active",
|
|
1947
|
+
"darkValue": "#ddd7fd",
|
|
1948
|
+
"darkOriginalValue": "night-purple.light03",
|
|
1949
|
+
"lightValue": "#5325a2",
|
|
1950
|
+
"lightOriginalValue": "purple.dark02"
|
|
1951
|
+
},
|
|
1952
|
+
"color-border-ai-disabled": {
|
|
1953
|
+
"name": "border.ai",
|
|
1954
|
+
"description": "Use for border of certain UI elements related to AI features in disabled state",
|
|
1955
|
+
"subState": "disabled",
|
|
1956
|
+
"darkValue": "rgba(109, 55, 200, 0.3)",
|
|
1957
|
+
"darkOriginalValue": "night-purple.regular-transparent",
|
|
1958
|
+
"lightValue": "rgba(138, 97, 241, 0.3)",
|
|
1959
|
+
"lightOriginalValue": "purple.regular-transparent02"
|
|
1879
1960
|
}
|
|
1880
1961
|
},
|
|
1881
1962
|
"divider": {
|
|
@@ -2053,16 +2134,6 @@
|
|
|
2053
2134
|
"lightOriginalValue": "brand.dark02"
|
|
2054
2135
|
}
|
|
2055
2136
|
},
|
|
2056
|
-
"prompt-button": {
|
|
2057
|
-
"color-prompt-button-standalone-foreground": {
|
|
2058
|
-
"name": "prompt-button.standalone",
|
|
2059
|
-
"subState": "foreground",
|
|
2060
|
-
"darkValue": "#c1acff",
|
|
2061
|
-
"darkOriginalValue": "night-purple.light02",
|
|
2062
|
-
"lightValue": "#6934c4",
|
|
2063
|
-
"lightOriginalValue": "purple.dark01"
|
|
2064
|
-
}
|
|
2065
|
-
},
|
|
2066
2137
|
"default-ring": {
|
|
2067
2138
|
"shadow-default-ring": {
|
|
2068
2139
|
"name": "default-ring",
|