@helsenorge/designsystem-react 2.3.0 → 2.5.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/Button.js +1 -1
- package/Button.js.map +1 -1
- package/CHANGELOG.md +22 -2
- package/FormGroup.js +1 -1
- package/FormGroup.js.map +1 -1
- package/HelpBubble.js +1 -1
- package/HelpBubble.js.map +1 -1
- package/Input.js +1 -1
- package/Input.js.map +1 -1
- package/Modal.js +1 -1
- package/Modal.js.map +1 -1
- package/Panel.js +1 -1
- package/Panel.js.map +1 -1
- package/Select.js +2 -0
- package/Select.js.map +1 -0
- package/Textarea.js +1 -1
- package/Textarea.js.map +1 -1
- package/Tooltip.js +1 -1
- package/Tooltip.js.map +1 -1
- package/TooltipWord.js +2 -0
- package/TooltipWord.js.map +1 -0
- package/__mocks__/uuid.js +1 -1
- package/__mocks__/uuid.js.map +1 -1
- package/components/AnchorLink/index.js +1 -1
- package/components/Avatar/index.js +1 -1
- package/components/Avatar/index.js.map +1 -1
- package/components/Button/index.js +1 -1
- package/components/ButtonWithModal/index.js +1 -1
- package/components/ButtonWithModal/index.js.map +1 -1
- package/components/Checkbox/index.js +1 -1
- package/components/Close/index.js +1 -1
- package/components/Dropdown/index.js +1 -1
- package/components/Dropdown/index.js.map +1 -1
- package/components/Duolist/Duolist.d.ts +6 -4
- package/components/Duolist/Duolist.d.ts.map +1 -1
- package/components/Duolist/componentdata.json +1 -1
- package/components/Duolist/index.js +1 -1
- package/components/Duolist/index.js.map +1 -1
- package/components/Duolist/styles.module.scss +0 -1
- package/components/Expander/index.js +1 -1
- package/components/Expander/index.js.map +1 -1
- package/components/ExpanderList/index.js +1 -1
- package/components/ExpanderList/index.js.map +1 -1
- package/components/FormExample/FormExample.d.ts +2 -1
- package/components/FormExample/FormExample.d.ts.map +1 -1
- package/components/FormExample/componentdata.json +1 -1
- package/components/FormExample/index.js +3 -3
- package/components/FormExample/index.js.map +1 -1
- package/components/FormGroup/FormGroup.d.ts.map +1 -1
- package/components/FormGroup/index.js +1 -1
- package/components/HelpBubble/HelpBubble.d.ts +8 -5
- package/components/HelpBubble/HelpBubble.d.ts.map +1 -1
- package/components/HelpBubble/componentdata.json +1 -1
- package/components/HelpBubble/index.js +1 -1
- package/components/HelpBubble/styles.module.scss +41 -34
- package/components/HelpBubble/styles.module.scss.d.ts +9 -10
- package/components/HelpBubble/utils.d.ts +27 -0
- package/components/HelpBubble/utils.d.ts.map +1 -0
- package/components/HelpBubbleExample/componentdata.json +1 -1
- package/components/HelpBubbleExample/index.js +1 -1
- package/components/HelpBubbleExample/index.js.map +1 -1
- package/components/HighlightBox/index.js +1 -1
- package/components/HighlightBox/index.js.map +1 -1
- package/components/HorizontalScroll/index.js +1 -1
- package/components/HorizontalScroll/styles.module.scss +2 -2
- package/components/Icons/AcupunctureBack.js +1 -1
- package/components/Icons/AcupunctureBack.js.map +1 -1
- package/components/Icons/AlarmClock.js +1 -1
- package/components/Icons/AlarmClock.js.map +1 -1
- package/components/Icons/AlertSignFill.js +1 -1
- package/components/Icons/AlertSignFill.js.map +1 -1
- package/components/Icons/AlertSignStroke.js +1 -1
- package/components/Icons/AlertSignStroke.js.map +1 -1
- package/components/Icons/Archive.js +1 -1
- package/components/Icons/Archive.js.map +1 -1
- package/components/Icons/ArrowDown.js +1 -1
- package/components/Icons/ArrowDown.js.map +1 -1
- package/components/Icons/ArrowLeft.js +1 -1
- package/components/Icons/ArrowLeft.js.map +1 -1
- package/components/Icons/ArrowRight.js +1 -1
- package/components/Icons/ArrowRight.js.map +1 -1
- package/components/Icons/ArrowUp.js +1 -1
- package/components/Icons/ArrowUp.js.map +1 -1
- package/components/Icons/ArrowUpRight.js +1 -1
- package/components/Icons/ArrowUpRight.js.map +1 -1
- package/components/Icons/Attachment.js +1 -1
- package/components/Icons/Attachment.js.map +1 -1
- package/components/Icons/Avatar.js +1 -1
- package/components/Icons/Avatar.js.map +1 -1
- package/components/Icons/Bus.js +1 -1
- package/components/Icons/Bus.js.map +1 -1
- package/components/Icons/Calendar.js +1 -1
- package/components/Icons/Calendar.js.map +1 -1
- package/components/Icons/CalendarChange.js +1 -1
- package/components/Icons/CalendarChange.js.map +1 -1
- package/components/Icons/CalendarCheck.js +1 -1
- package/components/Icons/CalendarCheck.js.map +1 -1
- package/components/Icons/CalendarSave.js +1 -1
- package/components/Icons/CalendarSave.js.map +1 -1
- package/components/Icons/Change.js +1 -1
- package/components/Icons/Change.js.map +1 -1
- package/components/Icons/Check.js +1 -1
- package/components/Icons/Check.js.map +1 -1
- package/components/Icons/CheckFill.js +1 -1
- package/components/Icons/CheckFill.js.map +1 -1
- package/components/Icons/ChevronDown.js +1 -1
- package/components/Icons/ChevronDown.js.map +1 -1
- package/components/Icons/ChevronLeft.js +1 -1
- package/components/Icons/ChevronLeft.js.map +1 -1
- package/components/Icons/ChevronRight.js +1 -1
- package/components/Icons/ChevronRight.js.map +1 -1
- package/components/Icons/ChevronUp.js +1 -1
- package/components/Icons/ChevronUp.js.map +1 -1
- package/components/Icons/ChevronsDown.js +1 -1
- package/components/Icons/ChevronsDown.js.map +1 -1
- package/components/Icons/ChevronsUp.js +1 -1
- package/components/Icons/ChevronsUp.js.map +1 -1
- package/components/Icons/Contacts.js +1 -1
- package/components/Icons/Contacts.js.map +1 -1
- package/components/Icons/Copy.js +1 -1
- package/components/Icons/Copy.js.map +1 -1
- package/components/Icons/Download.js +1 -1
- package/components/Icons/Download.js.map +1 -1
- package/components/Icons/EChat.js +1 -1
- package/components/Icons/EChat.js.map +1 -1
- package/components/Icons/EnterFullScreen.js +1 -1
- package/components/Icons/EnterFullScreen.js.map +1 -1
- package/components/Icons/Envelope.js +1 -1
- package/components/Icons/Envelope.js.map +1 -1
- package/components/Icons/Eraser.js +1 -1
- package/components/Icons/Eraser.js.map +1 -1
- package/components/Icons/ErrorSignFill.js +1 -1
- package/components/Icons/ErrorSignFill.js.map +1 -1
- package/components/Icons/ErrorSignStroke.js +1 -1
- package/components/Icons/ErrorSignStroke.js.map +1 -1
- package/components/Icons/ExitFullScreen.js +1 -1
- package/components/Icons/ExitFullScreen.js.map +1 -1
- package/components/Icons/Eye.js +1 -1
- package/components/Icons/Eye.js.map +1 -1
- package/components/Icons/Form.js +1 -1
- package/components/Icons/Form.js.map +1 -1
- package/components/Icons/Forward.js +1 -1
- package/components/Icons/Forward.js.map +1 -1
- package/components/Icons/Gallery.js +1 -1
- package/components/Icons/Gallery.js.map +1 -1
- package/components/Icons/Globe.js +1 -1
- package/components/Icons/Globe.js.map +1 -1
- package/components/Icons/Group.js +1 -1
- package/components/Icons/Group.js.map +1 -1
- package/components/Icons/Heart.js +1 -1
- package/components/Icons/Heart.js.map +1 -1
- package/components/Icons/HelpSign.js +1 -1
- package/components/Icons/HelpSign.js.map +1 -1
- package/components/Icons/History.js +1 -1
- package/components/Icons/History.js.map +1 -1
- package/components/Icons/Home.js +1 -1
- package/components/Icons/Home.js.map +1 -1
- package/components/Icons/Hospital.js +1 -1
- package/components/Icons/Hospital.js.map +1 -1
- package/components/Icons/Hourglass.js +1 -1
- package/components/Icons/Hourglass.js.map +1 -1
- package/components/Icons/Icon.js +1 -1
- package/components/Icons/Icon.js.map +1 -1
- package/components/Icons/InfoSignFill.js +1 -1
- package/components/Icons/InfoSignFill.js.map +1 -1
- package/components/Icons/InfoSignStroke.js +1 -1
- package/components/Icons/InfoSignStroke.js.map +1 -1
- package/components/Icons/Journal.js +1 -1
- package/components/Icons/Journal.js.map +1 -1
- package/components/Icons/List.js +1 -1
- package/components/Icons/List.js.map +1 -1
- package/components/Icons/Location.js +1 -1
- package/components/Icons/Location.js.map +1 -1
- package/components/Icons/Lock.js +1 -1
- package/components/Icons/Lock.js.map +1 -1
- package/components/Icons/Medicine.js +1 -1
- package/components/Icons/Medicine.js.map +1 -1
- package/components/Icons/Menu.js +1 -1
- package/components/Icons/Menu.js.map +1 -1
- package/components/Icons/Minus.js +1 -1
- package/components/Icons/Minus.js.map +1 -1
- package/components/Icons/MobilePhone.js +1 -1
- package/components/Icons/MobilePhone.js.map +1 -1
- package/components/Icons/NoAccess.js +1 -1
- package/components/Icons/NoAccess.js.map +1 -1
- package/components/Icons/NoEye.js +1 -1
- package/components/Icons/NoEye.js.map +1 -1
- package/components/Icons/NoFilter.js +1 -1
- package/components/Icons/NoFilter.js.map +1 -1
- package/components/Icons/PaperPlane.js +1 -1
- package/components/Icons/PaperPlane.js.map +1 -1
- package/components/Icons/Pause.js +1 -1
- package/components/Icons/Pause.js.map +1 -1
- package/components/Icons/Pencil.js +1 -1
- package/components/Icons/Pencil.js.map +1 -1
- package/components/Icons/PersonalPlan.js +1 -1
- package/components/Icons/PersonalPlan.js.map +1 -1
- package/components/Icons/Play.js +1 -1
- package/components/Icons/Play.js.map +1 -1
- package/components/Icons/PlusLarge.js +1 -1
- package/components/Icons/PlusLarge.js.map +1 -1
- package/components/Icons/PlusSmall.js +1 -1
- package/components/Icons/PlusSmall.js.map +1 -1
- package/components/Icons/Printer.js +1 -1
- package/components/Icons/Printer.js.map +1 -1
- package/components/Icons/QrCode.js +1 -1
- package/components/Icons/QrCode.js.map +1 -1
- package/components/Icons/Receptionist.js +1 -1
- package/components/Icons/Receptionist.js.map +1 -1
- package/components/Icons/Referral.js +1 -1
- package/components/Icons/Referral.js.map +1 -1
- package/components/Icons/Refresh.js +1 -1
- package/components/Icons/Refresh.js.map +1 -1
- package/components/Icons/Reply.js +1 -1
- package/components/Icons/Reply.js.map +1 -1
- package/components/Icons/Save.js +1 -1
- package/components/Icons/Save.js.map +1 -1
- package/components/Icons/Search.js +1 -1
- package/components/Icons/Search.js.map +1 -1
- package/components/Icons/SectionSign.js +1 -1
- package/components/Icons/SectionSign.js.map +1 -1
- package/components/Icons/Settings.js +1 -1
- package/components/Icons/Settings.js.map +1 -1
- package/components/Icons/Share.js +1 -1
- package/components/Icons/Share.js.map +1 -1
- package/components/Icons/SpeechBubble.js +1 -1
- package/components/Icons/SpeechBubble.js.map +1 -1
- package/components/Icons/Stopwatch.js +1 -1
- package/components/Icons/Stopwatch.js.map +1 -1
- package/components/Icons/SupportingPerson.js +1 -1
- package/components/Icons/SupportingPerson.js.map +1 -1
- package/components/Icons/Syringe.js +1 -1
- package/components/Icons/Syringe.js.map +1 -1
- package/components/Icons/TimePassing.js +1 -1
- package/components/Icons/TimePassing.js.map +1 -1
- package/components/Icons/Toolbox.js +1 -1
- package/components/Icons/Toolbox.js.map +1 -1
- package/components/Icons/TrashCan.js +1 -1
- package/components/Icons/TrashCan.js.map +1 -1
- package/components/Icons/Undo.js +1 -1
- package/components/Icons/Undo.js.map +1 -1
- package/components/Icons/Upload.js +1 -1
- package/components/Icons/Upload.js.map +1 -1
- package/components/Icons/Vaccine.js +1 -1
- package/components/Icons/Vaccine.js.map +1 -1
- package/components/Icons/VerticalDots.js +1 -1
- package/components/Icons/VerticalDots.js.map +1 -1
- package/components/Icons/VideoCamera.js +1 -1
- package/components/Icons/VideoCamera.js.map +1 -1
- package/components/Icons/VideoChat.js +1 -1
- package/components/Icons/VideoChat.js.map +1 -1
- package/components/Icons/Wallet.js +1 -1
- package/components/Icons/Wallet.js.map +1 -1
- package/components/Icons/Watch.js +1 -1
- package/components/Icons/Watch.js.map +1 -1
- package/components/Icons/X.js +1 -1
- package/components/Icons/X.js.map +1 -1
- package/components/Icons/Zoom.js +1 -1
- package/components/Icons/Zoom.js.map +1 -1
- package/components/Icons/index.js +1 -1
- package/components/Input/Input.d.ts +0 -1
- package/components/Input/Input.d.ts.map +1 -1
- package/components/Input/index.js +1 -1
- package/components/LinkList/LinkList.d.ts +4 -0
- package/components/LinkList/LinkList.d.ts.map +1 -1
- package/components/LinkList/index.js +1 -1
- package/components/LinkList/index.js.map +1 -1
- package/components/Loader/index.js +1 -1
- package/components/Loader/index.js.map +1 -1
- package/components/Modal/Modal.d.ts.map +1 -1
- package/components/Modal/index.js +1 -1
- package/components/NotificationPanel/index.js +1 -1
- package/components/NotificationPanel/index.js.map +1 -1
- package/components/Panel/index.js +1 -1
- package/components/PanelList/index.js +1 -1
- package/components/PanelList/index.js.map +1 -1
- package/components/Progressbar/index.js +1 -1
- package/components/Progressbar/index.js.map +1 -1
- package/components/RadioButton/index.js +1 -1
- package/components/Select/Select.d.ts +30 -0
- package/components/Select/Select.d.ts.map +1 -0
- package/components/Select/componentdata.json +1 -0
- package/components/Select/index.d.ts +4 -0
- package/components/Select/index.d.ts.map +1 -0
- package/components/Select/index.js +2 -0
- package/components/Select/index.js.map +1 -0
- package/components/Select/styles.module.scss +125 -0
- package/components/Select/styles.module.scss.d.ts +21 -0
- package/components/Slider/index.js +1 -1
- package/components/Slider/index.js.map +1 -1
- package/components/StatusDot/index.js +1 -1
- package/components/StatusDot/index.js.map +1 -1
- package/components/Table/TableExpandedRow/index.js +1 -1
- package/components/Table/TableExpanderCell/index.js +1 -1
- package/components/Table/TableHeadCell/index.js +1 -1
- package/components/Table/TableRow/index.js +1 -1
- package/components/Table/index.js +1 -1
- package/components/Table/index.js.map +1 -1
- package/components/Tag/index.js +1 -1
- package/components/Tag/index.js.map +1 -1
- package/components/Textarea/Textarea.d.ts.map +1 -1
- package/components/Textarea/index.js +1 -1
- package/components/Tile/index.js +1 -1
- package/components/Tile/index.js.map +1 -1
- package/components/Tooltip/Tooltip.d.ts +11 -12
- package/components/Tooltip/Tooltip.d.ts.map +1 -1
- package/components/Tooltip/TooltipWord/TooltipWord.d.ts +20 -0
- package/components/Tooltip/TooltipWord/TooltipWord.d.ts.map +1 -0
- package/components/Tooltip/TooltipWord/componentdata.json +1 -0
- package/components/Tooltip/TooltipWord/index.d.ts +4 -0
- package/components/Tooltip/TooltipWord/index.d.ts.map +1 -0
- package/components/Tooltip/TooltipWord/index.js +2 -0
- package/components/Tooltip/TooltipWord/index.js.map +1 -0
- package/components/Tooltip/{styles.module.scss → TooltipWord/styles.module.scss} +3 -6
- package/components/Tooltip/{styles.module.scss.d.ts → TooltipWord/styles.module.scss.d.ts} +0 -0
- package/components/Tooltip/componentdata.json +1 -1
- package/components/Tooltip/index.js +1 -1
- package/components/TooltipExample/TooltipExample.d.ts.map +1 -1
- package/components/TooltipExample/componentdata.json +1 -1
- package/components/TooltipExample/index.js +1 -1
- package/components/TooltipExample/index.js.map +1 -1
- package/components/Validation/index.js +1 -1
- package/constants.d.ts +2 -0
- package/constants.d.ts.map +1 -1
- package/constants.js +1 -1
- package/constants.js.map +1 -1
- package/hooks/useDelayedState.d.ts +9 -0
- package/hooks/useDelayedState.d.ts.map +1 -0
- package/hooks/useDelayedState.js +2 -0
- package/hooks/useDelayedState.js.map +1 -0
- package/hooks/useFocusTrap.d.ts +2 -1
- package/hooks/useFocusTrap.d.ts.map +1 -1
- package/hooks/useFocusTrap.js +1 -1
- package/hooks/useFocusTrap.js.map +1 -1
- package/hooks/useFocusableElements.js +1 -1
- package/hooks/useFocusableElements.js.map +1 -1
- package/hooks/useIntersectionObserver.d.ts +1 -1
- package/hooks/useIntersectionObserver.d.ts.map +1 -1
- package/hooks/useIntersectionObserver.js.map +1 -1
- package/hooks/useInterval.d.ts +9 -0
- package/hooks/useInterval.d.ts.map +1 -0
- package/hooks/useInterval.js +2 -0
- package/hooks/useInterval.js.map +1 -0
- package/hooks/useIsVisible.d.ts +1 -1
- package/hooks/useIsVisible.d.ts.map +1 -1
- package/hooks/useIsVisible.js +1 -1
- package/hooks/useIsVisible.js.map +1 -1
- package/hooks/useLayoutEvent.js +1 -1
- package/hooks/useLayoutEvent.js.map +1 -1
- package/hooks/useSize.d.ts +2 -1
- package/hooks/useSize.d.ts.map +1 -1
- package/hooks/useSize.js +1 -1
- package/hooks/useSize.js.map +1 -1
- package/hooks/useSticky.js +1 -1
- package/hooks/useSticky.js.map +1 -1
- package/hooks/useUuid.js +1 -1
- package/hooks/useUuid.js.map +1 -1
- package/index.js +1 -1
- package/package.json +1 -1
- package/utils/accessibility.js +2 -0
- package/utils/accessibility.js.map +1 -0
- package/utils/debounce.js +2 -0
- package/utils/debounce.js.map +1 -0
- package/utils/environment.js +2 -0
- package/utils/environment.js.map +1 -0
- package/utils/loremtext.js +2 -0
- package/utils/loremtext.js.map +1 -0
- package/utils/refs.js +2 -0
- package/utils/refs.js.map +1 -0
- package/utils/uuid.js +2 -0
- package/utils/uuid.js.map +1 -0
- package/utils/viewport.js +2 -0
- package/utils/viewport.js.map +1 -0
- package/uuid.js +1 -1
- package/uuid.js.map +1 -1
- package/accessibility.js +0 -2
- package/accessibility.js.map +0 -1
- package/debounce.js +0 -2
- package/debounce.js.map +0 -1
- package/hooks/useGetDOMRect.d.ts +0 -11
- package/hooks/useGetDOMRect.d.ts.map +0 -1
- package/hooks/useGetDOMRect.js +0 -2
- package/hooks/useGetDOMRect.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormGroup.d.ts","sourceRoot":"","sources":["../../../src/components/FormGroup/FormGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAe,QAAQ,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"FormGroup.d.ts","sourceRoot":"","sources":["../../../src/components/FormGroup/FormGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAe,QAAQ,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAQrE,oBAAY,aAAa,GAAG,UAAU,GAAG,KAAK,CAAC;AAE/C,MAAM,WAAW,cAAc;IAC7B,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,IAAI,CAAC,EAAE,MAAM,OAAO,QAAQ,CAAC;IAC7B,2CAA2C;IAC3C,OAAO,CAAC,EAAE,MAAM,OAAO,WAAW,CAAC;IACnC,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iDAAiD;IACjD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uCAAuC;IACvC,UAAU,CAAC,EAAE,aAAa,CAAC;CAC5B;AAED,eAAO,MAAM,SAAS,uFAyFpB,CAAC;AAEH,eAAe,SAAS,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import"../../FormGroup.js";import{F as
|
|
1
|
+
import"../../FormGroup.js";import{F as I,F as J}from"../../FormGroup.js";import"react";import"classnames";import"./styles.module.scss";import"../../Checkbox.js";import"../../uuid.js";import"../../utils/environment.js";import"../Icons/Check.js";import"../Icons/Icon.js";import"../../constants.js";import"../../hooks/useUuid.js";import"../../theme/currys/color.js";import"../../theme/index.js";import"../../theme/palette.js";import"../../theme/spacers.js";import"../../theme/grid.js";import"../Checkbox/styles.module.scss";import"../../RadioButton.js";import"../RadioButton/styles.module.scss";import"../../Input.js";import"../../hooks/useBreakpoint.js";import"../../ErrorWrapper.js";import"../ErrorWrapper/styles.module.scss";import"../Input/styles.module.scss";import"../../Title.js";import"../Title/styles.module.scss";import"../../FormLayout.js";import"../FormLayout/styles.module.scss";import"../../Select.js";import"../Select/styles.module.scss";import"../Icons/ChevronDown.js";export{I as FormGroup,J as default};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -4,22 +4,23 @@ export declare enum HelpBubbleVariant {
|
|
|
4
4
|
positionbelow = "positionbelow",
|
|
5
5
|
positionabove = "positionabove"
|
|
6
6
|
}
|
|
7
|
+
declare type HelpBubbleRole = 'tooltip';
|
|
7
8
|
export interface HelpBubbleProps {
|
|
8
9
|
/** Id of the HelpBubble */
|
|
9
10
|
helpBubbleId?: string;
|
|
10
|
-
/**
|
|
11
|
+
/** Content shown inside HelpBubble. Note that if role="tooltip", you must not include interactive/focusable elements. */
|
|
11
12
|
children: React.ReactNode;
|
|
12
13
|
/** Ref for the element the HelpBubble is placed upon */
|
|
13
14
|
controllerRef: React.RefObject<HTMLElement | SVGSVGElement>;
|
|
14
15
|
/** Adds custom classes to the element. */
|
|
15
16
|
className?: string;
|
|
16
|
-
/** Determines the placement of the helpbubble */
|
|
17
|
+
/** Determines the placement of the helpbubble. Default: automatic positioning. */
|
|
17
18
|
variant?: keyof typeof HelpBubbleVariant;
|
|
18
|
-
/**
|
|
19
|
+
/** Show the bubble. Default: false. */
|
|
19
20
|
showBubble?: boolean;
|
|
20
|
-
/**
|
|
21
|
+
/** Hide the close button in the bubble. Close button is never rendered if role="tooltip". */
|
|
21
22
|
noCloseButton?: boolean;
|
|
22
|
-
/** Visible text on the link */
|
|
23
|
+
/** Visible text on the link. Link is never rendered if role="tooltip". */
|
|
23
24
|
linkText?: string;
|
|
24
25
|
/** Url the link leads to */
|
|
25
26
|
linkUrl?: string;
|
|
@@ -29,6 +30,8 @@ export interface HelpBubbleProps {
|
|
|
29
30
|
onClose?: () => void;
|
|
30
31
|
/** aria-label to be passed onto Close */
|
|
31
32
|
closeAriaLabel?: string;
|
|
33
|
+
/** Sets role of the HelpBubble element. If set to "tooltip", */
|
|
34
|
+
role?: HelpBubbleRole;
|
|
32
35
|
/** Sets the data-testid attribute. */
|
|
33
36
|
testId?: string;
|
|
34
37
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HelpBubble.d.ts","sourceRoot":"","sources":["../../../src/components/HelpBubble/HelpBubble.tsx"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"HelpBubble.d.ts","sourceRoot":"","sources":["../../../src/components/HelpBubble/HelpBubble.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAa3D,oBAAY,iBAAiB;IAC3B,iBAAiB,sBAAsB;IACvC,aAAa,kBAAkB;IAC/B,aAAa,kBAAkB;CAChC;AAED,aAAK,cAAc,GAAG,SAAS,CAAC;AAEhC,MAAM,WAAW,eAAe;IAC9B,2BAA2B;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yHAAyH;IACzH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,wDAAwD;IACxD,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,aAAa,CAAC,CAAC;IAC5D,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kFAAkF;IAClF,OAAO,CAAC,EAAE,MAAM,OAAO,iBAAiB,CAAC;IACzC,uCAAuC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6FAA6F;IAC7F,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4BAA4B;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,qDAAqD;IACrD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,yCAAyC;IACzC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iEAAiE;IACjE,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA2GzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"props":{"helpBubbleId":{"defaultValue":null,"description":"Id of the HelpBubble","name":"helpBubbleId","parent":{"fileName":"src/components/HelpBubble/HelpBubble.tsx","name":"HelpBubbleProps"},"declarations":[{"fileName":"src/components/HelpBubble/HelpBubble.tsx","name":"HelpBubbleProps"}],"required":false,"type":{"name":"string"}},"children":{"defaultValue":null,"description":"
|
|
1
|
+
{"props":{"helpBubbleId":{"defaultValue":null,"description":"Id of the HelpBubble","name":"helpBubbleId","parent":{"fileName":"src/components/HelpBubble/HelpBubble.tsx","name":"HelpBubbleProps"},"declarations":[{"fileName":"src/components/HelpBubble/HelpBubble.tsx","name":"HelpBubbleProps"}],"required":false,"type":{"name":"string"}},"children":{"defaultValue":null,"description":"Content shown inside HelpBubble. Note that if role=\"tooltip\", you must not include interactive/focusable elements.","name":"children","parent":{"fileName":"src/components/HelpBubble/HelpBubble.tsx","name":"HelpBubbleProps"},"declarations":[{"fileName":"src/components/HelpBubble/HelpBubble.tsx","name":"HelpBubbleProps"},{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"ReactNode"}},"controllerRef":{"defaultValue":null,"description":"Ref for the element the HelpBubble is placed upon","name":"controllerRef","parent":{"fileName":"src/components/HelpBubble/HelpBubble.tsx","name":"HelpBubbleProps"},"declarations":[{"fileName":"src/components/HelpBubble/HelpBubble.tsx","name":"HelpBubbleProps"}],"required":true,"type":{"name":"RefObject<HTMLElement | SVGSVGElement>"}},"className":{"defaultValue":null,"description":"Adds custom classes to the element.","name":"className","parent":{"fileName":"src/components/HelpBubble/HelpBubble.tsx","name":"HelpBubbleProps"},"declarations":[{"fileName":"src/components/HelpBubble/HelpBubble.tsx","name":"HelpBubbleProps"}],"required":false,"type":{"name":"string"}},"variant":{"defaultValue":null,"description":"Determines the placement of the helpbubble. Default: automatic positioning.","name":"variant","parent":{"fileName":"src/components/HelpBubble/HelpBubble.tsx","name":"HelpBubbleProps"},"declarations":[{"fileName":"src/components/HelpBubble/HelpBubble.tsx","name":"HelpBubbleProps"}],"required":false,"type":{"name":"enum","raw":"\"positionautomatic\" | \"positionbelow\" | \"positionabove\"","value":[{"value":"\"positionautomatic\""},{"value":"\"positionbelow\""},{"value":"\"positionabove\""}]}},"showBubble":{"defaultValue":null,"description":"Show the bubble. Default: false.","name":"showBubble","parent":{"fileName":"src/components/HelpBubble/HelpBubble.tsx","name":"HelpBubbleProps"},"declarations":[{"fileName":"src/components/HelpBubble/HelpBubble.tsx","name":"HelpBubbleProps"}],"required":false,"type":{"name":"boolean"}},"noCloseButton":{"defaultValue":null,"description":"Hide the close button in the bubble. Close button is never rendered if role=\"tooltip\".","name":"noCloseButton","parent":{"fileName":"src/components/HelpBubble/HelpBubble.tsx","name":"HelpBubbleProps"},"declarations":[{"fileName":"src/components/HelpBubble/HelpBubble.tsx","name":"HelpBubbleProps"}],"required":false,"type":{"name":"boolean"}},"linkText":{"defaultValue":null,"description":"Visible text on the link. Link is never rendered if role=\"tooltip\".","name":"linkText","parent":{"fileName":"src/components/HelpBubble/HelpBubble.tsx","name":"HelpBubbleProps"},"declarations":[{"fileName":"src/components/HelpBubble/HelpBubble.tsx","name":"HelpBubbleProps"}],"required":false,"type":{"name":"string"}},"linkUrl":{"defaultValue":null,"description":"Url the link leads to","name":"linkUrl","parent":{"fileName":"src/components/HelpBubble/HelpBubble.tsx","name":"HelpBubbleProps"},"declarations":[{"fileName":"src/components/HelpBubble/HelpBubble.tsx","name":"HelpBubbleProps"}],"required":false,"type":{"name":"string"}},"onLinkClick":{"defaultValue":null,"description":"Function is called when link is clicked","name":"onLinkClick","parent":{"fileName":"src/components/HelpBubble/HelpBubble.tsx","name":"HelpBubbleProps"},"declarations":[{"fileName":"src/components/HelpBubble/HelpBubble.tsx","name":"HelpBubbleProps"}],"required":false,"type":{"name":"(() => void)"}},"onClose":{"defaultValue":null,"description":"Function is called when user clicks the button","name":"onClose","parent":{"fileName":"src/components/HelpBubble/HelpBubble.tsx","name":"HelpBubbleProps"},"declarations":[{"fileName":"src/components/HelpBubble/HelpBubble.tsx","name":"HelpBubbleProps"}],"required":false,"type":{"name":"(() => void)"}},"closeAriaLabel":{"defaultValue":null,"description":"aria-label to be passed onto Close","name":"closeAriaLabel","parent":{"fileName":"src/components/HelpBubble/HelpBubble.tsx","name":"HelpBubbleProps"},"declarations":[{"fileName":"src/components/HelpBubble/HelpBubble.tsx","name":"HelpBubbleProps"}],"required":false,"type":{"name":"string"}},"role":{"defaultValue":null,"description":"Sets role of the HelpBubble element. If set to \"tooltip\",","name":"role","parent":{"fileName":"src/components/HelpBubble/HelpBubble.tsx","name":"HelpBubbleProps"},"declarations":[{"fileName":"src/components/HelpBubble/HelpBubble.tsx","name":"HelpBubbleProps"}],"required":false,"type":{"name":"enum","raw":"\"tooltip\"","value":[{"value":"\"tooltip\""}]}},"testId":{"defaultValue":null,"description":"Sets the data-testid attribute.","name":"testId","parent":{"fileName":"src/components/HelpBubble/HelpBubble.tsx","name":"HelpBubbleProps"},"declarations":[{"fileName":"src/components/HelpBubble/HelpBubble.tsx","name":"HelpBubbleProps"}],"required":false,"type":{"name":"string"}}}}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import"../../HelpBubble.js";import{a as
|
|
1
|
+
import"../../HelpBubble.js";import{a as D,H as E}from"../../HelpBubble.js";import"classnames";import"react";import"../../constants.js";import"../../hooks/useInterval.js";import"../../hooks/useIsVisible.js";import"../../hooks/useIntersectionObserver.js";import"../../hooks/useLayoutEvent.js";import"../../utils/debounce.js";import"../../hooks/useSize.js";import"../../AnchorLink.js";import"../Icons/Icon.js";import"../../hooks/useUuid.js";import"../../uuid.js";import"../../utils/environment.js";import"../Icons/ArrowUpRight.js";import"../../theme/currys/color.js";import"../../theme/index.js";import"../../theme/palette.js";import"../../theme/spacers.js";import"../../theme/grid.js";import"../../hooks/useHover.js";import"../AnchorLink/styles.module.scss";import"../../Close.js";import"../Icons/X.js";import"../Close/styles.module.scss";import"../../hooks/useBreakpoint.js";import"./styles.module.scss";export{D as HelpBubbleVariant,E as default};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
@import '../AnchorLink/styles.module.scss';
|
|
6
6
|
|
|
7
7
|
.helpbubble {
|
|
8
|
+
$bubble: &;
|
|
8
9
|
display: flex;
|
|
9
10
|
position: fixed;
|
|
10
11
|
align-items: flex-start !important;
|
|
@@ -15,32 +16,41 @@
|
|
|
15
16
|
line-height: $lineheight-size-sm;
|
|
16
17
|
background-color: $white;
|
|
17
18
|
z-index: 3;
|
|
18
|
-
visibility:
|
|
19
|
+
visibility: hidden;
|
|
20
|
+
|
|
21
|
+
& + &__arrow {
|
|
22
|
+
visibility: hidden;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
&--visible {
|
|
26
|
+
visibility: visible;
|
|
27
|
+
|
|
28
|
+
& + #{$bubble}__arrow {
|
|
29
|
+
visibility: visible;
|
|
30
|
+
}
|
|
31
|
+
}
|
|
19
32
|
|
|
20
33
|
border: getSpacer(4xs) solid $plum600;
|
|
21
34
|
border-radius: 9px;
|
|
22
35
|
box-shadow: 0 2px 18px 0 rgba(0, 0, 0, 0.15);
|
|
23
36
|
|
|
24
|
-
&--initial-render {
|
|
25
|
-
visibility: hidden;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
37
|
@media (min-width: map-get($grid-breakpoints, lg)) {
|
|
29
38
|
font-size: $font-size-md;
|
|
30
39
|
line-height: $lineheight-size-md;
|
|
31
40
|
}
|
|
32
41
|
|
|
33
|
-
&
|
|
42
|
+
&__content {
|
|
43
|
+
order: 1;
|
|
34
44
|
display: flex;
|
|
35
45
|
width: max-content;
|
|
36
46
|
flex-direction: column;
|
|
37
47
|
align-items: flex-start;
|
|
38
48
|
overflow-wrap: anywhere;
|
|
39
49
|
row-gap: getSpacer(2xs);
|
|
40
|
-
padding: getSpacer(s)
|
|
50
|
+
padding: getSpacer(s) getSpacer(s) getSpacer(m) getSpacer(s);
|
|
41
51
|
|
|
42
|
-
&--
|
|
43
|
-
padding:
|
|
52
|
+
&--close {
|
|
53
|
+
padding-right: 0;
|
|
44
54
|
}
|
|
45
55
|
|
|
46
56
|
> p {
|
|
@@ -48,38 +58,35 @@
|
|
|
48
58
|
}
|
|
49
59
|
}
|
|
50
60
|
|
|
51
|
-
&__link
|
|
61
|
+
&__link {
|
|
52
62
|
all: unset;
|
|
53
63
|
@include anchorlink;
|
|
54
64
|
}
|
|
55
65
|
|
|
56
|
-
&__close
|
|
66
|
+
&__close {
|
|
67
|
+
order: 2;
|
|
57
68
|
padding: getSpacer(2xs) getSpacer(2xs) 0px 0px;
|
|
58
69
|
}
|
|
59
|
-
}
|
|
60
70
|
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
71
|
+
&__arrow {
|
|
72
|
+
width: 0;
|
|
73
|
+
height: 0;
|
|
74
|
+
position: fixed;
|
|
75
|
+
border-style: solid;
|
|
76
|
+
border-color: transparent;
|
|
77
|
+
z-index: 4;
|
|
68
78
|
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
&--initial-render {
|
|
83
|
-
visibility: hidden;
|
|
79
|
+
&--over {
|
|
80
|
+
border-width: 10px 10px;
|
|
81
|
+
border-bottom-color: $white;
|
|
82
|
+
-webkit-filter: drop-shadow($plum600 0px 2px 6px 2px);
|
|
83
|
+
filter: drop-shadow(0px -0.185rem 0px $plum600);
|
|
84
|
+
}
|
|
85
|
+
&--under {
|
|
86
|
+
border-width: 10px 10px;
|
|
87
|
+
border-top-color: $white;
|
|
88
|
+
-webkit-filter: drop-shadow($plum600 0px 2px 6px 2px);
|
|
89
|
+
filter: drop-shadow(0px 0.2rem 0px $plum600);
|
|
90
|
+
}
|
|
84
91
|
}
|
|
85
92
|
}
|
|
@@ -3,16 +3,15 @@ export type Styles = {
|
|
|
3
3
|
anchorlink__icon: string;
|
|
4
4
|
'anchorlink-wrapper': string;
|
|
5
5
|
helpbubble: string;
|
|
6
|
-
|
|
7
|
-
'
|
|
8
|
-
'
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
'
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
'helpbubble
|
|
15
|
-
'helpbubble-arrow--under': string;
|
|
6
|
+
helpbubble__arrow: string;
|
|
7
|
+
'helpbubble__arrow--over': string;
|
|
8
|
+
'helpbubble__arrow--under': string;
|
|
9
|
+
helpbubble__close: string;
|
|
10
|
+
helpbubble__content: string;
|
|
11
|
+
'helpbubble__content--close': string;
|
|
12
|
+
helpbubble__link: string;
|
|
13
|
+
helpbubble__link__icon: string;
|
|
14
|
+
'helpbubble--visible': string;
|
|
16
15
|
};
|
|
17
16
|
|
|
18
17
|
export type ClassNames = keyof Styles;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { CSSProperties } from 'react';
|
|
2
|
+
import { HelpBubbleVariant } from './HelpBubble';
|
|
3
|
+
/**
|
|
4
|
+
* Beregn om hjelpeboblen skal vises over eller under kontrolleren
|
|
5
|
+
* @param controllerSize DOMRect for controlleren
|
|
6
|
+
* @param bubbleSize DOMRect for hjelpeboblen
|
|
7
|
+
* @param variant Ønsket plassering av hjelpeboblen (over/under/automatisk)
|
|
8
|
+
* @returns Om hjelpeboblen skal vises over eller under
|
|
9
|
+
*/
|
|
10
|
+
export declare const getVerticalPosition: (controllerSize: DOMRect, bubbleSize: DOMRect, variant: keyof typeof HelpBubbleVariant) => keyof typeof HelpBubbleVariant;
|
|
11
|
+
/**
|
|
12
|
+
* Finn riktig plassering av hjelpeboblen
|
|
13
|
+
* @param controllerSize DOMRect for controlleren
|
|
14
|
+
* @param bubbleSize DOMRect for hjelpeboblen
|
|
15
|
+
* @param variant Ønsket plassering av hjelpeboblen (over/under)
|
|
16
|
+
* @returns CSSProperties som plasserer hjelpeboblen riktig
|
|
17
|
+
*/
|
|
18
|
+
export declare const getBubbleStyle: (controllerSize: DOMRect, bubbleSize: DOMRect, variant: keyof typeof HelpBubbleVariant) => CSSProperties;
|
|
19
|
+
/**
|
|
20
|
+
* Finn riktig plassering av pilen
|
|
21
|
+
* @param bubbleStyle CSSProperties for hjelpeboblen
|
|
22
|
+
* @param controllerSize DOMRect for kontrolleren
|
|
23
|
+
* @param verticalPosition Ønsket plassering av hjelpeboblen (over/under)
|
|
24
|
+
* @returns CSSProperties som plasserer pilen riktig
|
|
25
|
+
*/
|
|
26
|
+
export declare const getArrowStyle: (bubbleStyle: CSSProperties, controllerSize: DOMRect, verticalPosition: keyof typeof HelpBubbleVariant) => CSSProperties;
|
|
27
|
+
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/HelpBubble/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAkBjD;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,mBACd,OAAO,cACX,OAAO,WACV,MAAM,wBAAwB,KACtC,MAAM,wBASR,CAAC;AAsKF;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,mBAAoB,OAAO,cAAc,OAAO,WAAW,MAAM,wBAAwB,KAAG,aA0BtH,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,gBACX,aAAa,kBACV,OAAO,oBACL,MAAM,wBAAwB,KAC/C,aA+BF,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"props":{"helpBubbleId":{"defaultValue":null,"description":"Id of the HelpBubble","name":"helpBubbleId","parent":{"fileName":"designsystem/src/components/HelpBubble/HelpBubble.tsx","name":"HelpBubbleProps"},"declarations":[{"fileName":"designsystem/src/components/HelpBubble/HelpBubble.tsx","name":"HelpBubbleProps"}],"required":false,"type":{"name":"string"}},"children":{"defaultValue":null,"description":"
|
|
1
|
+
{"props":{"helpBubbleId":{"defaultValue":null,"description":"Id of the HelpBubble","name":"helpBubbleId","parent":{"fileName":"designsystem/src/components/HelpBubble/HelpBubble.tsx","name":"HelpBubbleProps"},"declarations":[{"fileName":"designsystem/src/components/HelpBubble/HelpBubble.tsx","name":"HelpBubbleProps"}],"required":false,"type":{"name":"string"}},"children":{"defaultValue":null,"description":"Content shown inside HelpBubble. Note that if role=\"tooltip\", you must not include interactive/focusable elements.","name":"children","parent":{"fileName":"designsystem/src/components/HelpBubble/HelpBubble.tsx","name":"HelpBubbleProps"},"declarations":[{"fileName":"designsystem/src/components/HelpBubble/HelpBubble.tsx","name":"HelpBubbleProps"},{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"ReactNode"}},"controllerRef":{"defaultValue":null,"description":"Ref for the element the HelpBubble is placed upon","name":"controllerRef","parent":{"fileName":"designsystem/src/components/HelpBubble/HelpBubble.tsx","name":"HelpBubbleProps"},"declarations":[{"fileName":"designsystem/src/components/HelpBubble/HelpBubble.tsx","name":"HelpBubbleProps"}],"required":true,"type":{"name":"RefObject<HTMLElement | SVGSVGElement>"}},"className":{"defaultValue":null,"description":"Adds custom classes to the element.","name":"className","parent":{"fileName":"designsystem/src/components/HelpBubble/HelpBubble.tsx","name":"HelpBubbleProps"},"declarations":[{"fileName":"designsystem/src/components/HelpBubble/HelpBubble.tsx","name":"HelpBubbleProps"}],"required":false,"type":{"name":"string"}},"variant":{"defaultValue":null,"description":"Determines the placement of the helpbubble. Default: automatic positioning.","name":"variant","parent":{"fileName":"designsystem/src/components/HelpBubble/HelpBubble.tsx","name":"HelpBubbleProps"},"declarations":[{"fileName":"designsystem/src/components/HelpBubble/HelpBubble.tsx","name":"HelpBubbleProps"}],"required":false,"type":{"name":"enum","raw":"\"positionautomatic\" | \"positionbelow\" | \"positionabove\"","value":[{"value":"\"positionautomatic\""},{"value":"\"positionbelow\""},{"value":"\"positionabove\""}]}},"showBubble":{"defaultValue":null,"description":"Show the bubble. Default: false.","name":"showBubble","parent":{"fileName":"designsystem/src/components/HelpBubble/HelpBubble.tsx","name":"HelpBubbleProps"},"declarations":[{"fileName":"designsystem/src/components/HelpBubble/HelpBubble.tsx","name":"HelpBubbleProps"}],"required":false,"type":{"name":"boolean"}},"noCloseButton":{"defaultValue":null,"description":"Hide the close button in the bubble. Close button is never rendered if role=\"tooltip\".","name":"noCloseButton","parent":{"fileName":"designsystem/src/components/HelpBubble/HelpBubble.tsx","name":"HelpBubbleProps"},"declarations":[{"fileName":"designsystem/src/components/HelpBubble/HelpBubble.tsx","name":"HelpBubbleProps"}],"required":false,"type":{"name":"boolean"}},"linkText":{"defaultValue":null,"description":"Visible text on the link. Link is never rendered if role=\"tooltip\".","name":"linkText","parent":{"fileName":"designsystem/src/components/HelpBubble/HelpBubble.tsx","name":"HelpBubbleProps"},"declarations":[{"fileName":"designsystem/src/components/HelpBubble/HelpBubble.tsx","name":"HelpBubbleProps"}],"required":false,"type":{"name":"string"}},"linkUrl":{"defaultValue":null,"description":"Url the link leads to","name":"linkUrl","parent":{"fileName":"designsystem/src/components/HelpBubble/HelpBubble.tsx","name":"HelpBubbleProps"},"declarations":[{"fileName":"designsystem/src/components/HelpBubble/HelpBubble.tsx","name":"HelpBubbleProps"}],"required":false,"type":{"name":"string"}},"onLinkClick":{"defaultValue":null,"description":"Function is called when link is clicked","name":"onLinkClick","parent":{"fileName":"designsystem/src/components/HelpBubble/HelpBubble.tsx","name":"HelpBubbleProps"},"declarations":[{"fileName":"designsystem/src/components/HelpBubble/HelpBubble.tsx","name":"HelpBubbleProps"}],"required":false,"type":{"name":"(() => void)"}},"onClose":{"defaultValue":null,"description":"Function is called when user clicks the button","name":"onClose","parent":{"fileName":"designsystem/src/components/HelpBubble/HelpBubble.tsx","name":"HelpBubbleProps"},"declarations":[{"fileName":"designsystem/src/components/HelpBubble/HelpBubble.tsx","name":"HelpBubbleProps"}],"required":false,"type":{"name":"(() => void)"}},"closeAriaLabel":{"defaultValue":null,"description":"aria-label to be passed onto Close","name":"closeAriaLabel","parent":{"fileName":"designsystem/src/components/HelpBubble/HelpBubble.tsx","name":"HelpBubbleProps"},"declarations":[{"fileName":"designsystem/src/components/HelpBubble/HelpBubble.tsx","name":"HelpBubbleProps"}],"required":false,"type":{"name":"string"}},"role":{"defaultValue":null,"description":"Sets role of the HelpBubble element. If set to \"tooltip\",","name":"role","parent":{"fileName":"designsystem/src/components/HelpBubble/HelpBubble.tsx","name":"HelpBubbleProps"},"declarations":[{"fileName":"designsystem/src/components/HelpBubble/HelpBubble.tsx","name":"HelpBubbleProps"}],"required":false,"type":{"name":"enum","raw":"\"tooltip\"","value":[{"value":"\"tooltip\""}]}},"testId":{"defaultValue":null,"description":"Sets the data-testid attribute.","name":"testId","parent":{"fileName":"designsystem/src/components/HelpBubble/HelpBubble.tsx","name":"HelpBubbleProps"},"declarations":[{"fileName":"designsystem/src/components/HelpBubble/HelpBubble.tsx","name":"HelpBubbleProps"}],"required":false,"type":{"name":"string"}}}}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import i,{useRef as o}from"react";import{H as r}from"../../HelpBubble.js";import"classnames";import"../../constants.js";import"../../hooks/
|
|
1
|
+
import i,{useRef as o}from"react";import{H as r}from"../../HelpBubble.js";import"classnames";import"../../constants.js";import"../../hooks/useInterval.js";import"../../hooks/useIsVisible.js";import"../../hooks/useIntersectionObserver.js";import"../../hooks/useLayoutEvent.js";import"../../utils/debounce.js";import"../../hooks/useSize.js";import"../../AnchorLink.js";import"../Icons/Icon.js";import"../../hooks/useUuid.js";import"../../uuid.js";import"../../utils/environment.js";import"../Icons/ArrowUpRight.js";import"../../theme/currys/color.js";import"../../theme/index.js";import"../../theme/palette.js";import"../../theme/spacers.js";import"../../theme/grid.js";import"../../hooks/useHover.js";import"../AnchorLink/styles.module.scss";import"../../Close.js";import"../Icons/X.js";import"../Close/styles.module.scss";import"../../hooks/useBreakpoint.js";import"../HelpBubble/styles.module.scss";const V=e=>{const t=o(null);return i.createElement("div",null,i.createElement("span",null,"Consequat adipisicing nostrud non in labore sunt consequat mollit dolore quis voluptate eu veniam adipisicing. Dolor ipsum excepteur anim id ea dolore esse. Sint exercitation duis pariatur in qui ea reprehenderit consectetur sunt minim in ut cupidatat dolore. Eiusmod ut Lorem nostrud id adipisicing ullamco enim. Velit officia mollit laboris amet reprehenderit ad. Nisi cupidatat dolor voluptate officia mollit eu nostrud ipsum. Dolor labore ullamco nostrud consectetur dolor duis qui magna reprehenderit. Esse reprehenderit dolor fugiat sunt adipisicing est. Aliquip duis pariatur labore amet sit occaecat ea eiusmod cillum. Adipisicing magna aute officia cillum non."),i.createElement("div",{style:{position:"relative",display:"inline"}},i.createElement("span",{ref:t,style:{display:"inline-block",color:"red"}},"Jeg er en tooltip tekst."),i.createElement(r,{...e,onClose:()=>{alert("Bubble closed")},controllerRef:t},e.children)),i.createElement("span",null,"Consequat adipisicing nostrud non in labore sunt consequat mollit dolore quis voluptate eu veniam adipisicing. Dolor ipsum excepteur anim id ea dolore esse. Sint exercitation duis pariatur in qui ea reprehenderit consectetur sunt minim in ut cupidatat dolore. Eiusmod ut Lorem nostrud id adipisicing ullamco enim. Velit officia mollit laboris amet reprehenderit ad. Nisi cupidatat dolor voluptate officia mollit eu nostrud ipsum. Dolor labore ullamco nostrud consectetur dolor duis qui magna reprehenderit. Esse reprehenderit dolor fugiat sunt adipisicing est. Aliquip duis pariatur labore amet sit occaecat ea eiusmod cillum. Adipisicing magna aute officia cillum non."))};export{V as default};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/components/HelpBubbleExample/HelpBubbleExample.tsx"],"sourcesContent":["import React, { useRef } from 'react';\n\nimport HelpBubble, { HelpBubbleProps } from '../HelpBubble/HelpBubble';\n\nconst HelpBubbleExample: React.FC<HelpBubbleProps> = props => {\n const controllerRef = useRef<HTMLSpanElement>(null);\n\n return (\n <div>\n <span>\n {\n 'Consequat adipisicing nostrud non in labore sunt consequat mollit dolore quis voluptate eu veniam adipisicing. Dolor ipsum excepteur anim id ea dolore esse. Sint exercitation duis pariatur in qui ea reprehenderit consectetur sunt minim in ut cupidatat dolore. Eiusmod ut Lorem nostrud id adipisicing ullamco enim. Velit officia mollit laboris amet reprehenderit ad. Nisi cupidatat dolor voluptate officia mollit eu nostrud ipsum. Dolor labore ullamco nostrud consectetur dolor duis qui magna reprehenderit. Esse reprehenderit dolor fugiat sunt adipisicing est. Aliquip duis pariatur labore amet sit occaecat ea eiusmod cillum. Adipisicing magna aute officia cillum non.'\n }\n </span>\n <div style={{ position: 'relative', display: 'inline' }}>\n <span ref={controllerRef} style={{ display: 'inline-block', color: 'red' }}>\n {'Jeg er en tooltip tekst.'}\n </span>\n <HelpBubble\n {...props}\n onClose={() => {\n alert('Bubble closed');\n }}\n controllerRef={controllerRef}\n >\n {props.children}\n </HelpBubble>\n </div>\n <span>\n {\n 'Consequat adipisicing nostrud non in labore sunt consequat mollit dolore quis voluptate eu veniam adipisicing. Dolor ipsum excepteur anim id ea dolore esse. Sint exercitation duis pariatur in qui ea reprehenderit consectetur sunt minim in ut cupidatat dolore. Eiusmod ut Lorem nostrud id adipisicing ullamco enim. Velit officia mollit laboris amet reprehenderit ad. Nisi cupidatat dolor voluptate officia mollit eu nostrud ipsum. Dolor labore ullamco nostrud consectetur dolor duis qui magna reprehenderit. Esse reprehenderit dolor fugiat sunt adipisicing est. Aliquip duis pariatur labore amet sit occaecat ea eiusmod cillum. Adipisicing magna aute officia cillum non.'\n }\n </span>\n </div>\n );\n};\n\nexport default HelpBubbleExample;\n"],"names":["HelpBubbleExample","props","controllerRef","useRef","React","HelpBubble"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/components/HelpBubbleExample/HelpBubbleExample.tsx"],"sourcesContent":["import React, { useRef } from 'react';\n\nimport HelpBubble, { HelpBubbleProps } from '../HelpBubble/HelpBubble';\n\nconst HelpBubbleExample: React.FC<HelpBubbleProps> = props => {\n const controllerRef = useRef<HTMLSpanElement>(null);\n\n return (\n <div>\n <span>\n {\n 'Consequat adipisicing nostrud non in labore sunt consequat mollit dolore quis voluptate eu veniam adipisicing. Dolor ipsum excepteur anim id ea dolore esse. Sint exercitation duis pariatur in qui ea reprehenderit consectetur sunt minim in ut cupidatat dolore. Eiusmod ut Lorem nostrud id adipisicing ullamco enim. Velit officia mollit laboris amet reprehenderit ad. Nisi cupidatat dolor voluptate officia mollit eu nostrud ipsum. Dolor labore ullamco nostrud consectetur dolor duis qui magna reprehenderit. Esse reprehenderit dolor fugiat sunt adipisicing est. Aliquip duis pariatur labore amet sit occaecat ea eiusmod cillum. Adipisicing magna aute officia cillum non.'\n }\n </span>\n <div style={{ position: 'relative', display: 'inline' }}>\n <span ref={controllerRef} style={{ display: 'inline-block', color: 'red' }}>\n {'Jeg er en tooltip tekst.'}\n </span>\n <HelpBubble\n {...props}\n onClose={() => {\n alert('Bubble closed');\n }}\n controllerRef={controllerRef}\n >\n {props.children}\n </HelpBubble>\n </div>\n <span>\n {\n 'Consequat adipisicing nostrud non in labore sunt consequat mollit dolore quis voluptate eu veniam adipisicing. Dolor ipsum excepteur anim id ea dolore esse. Sint exercitation duis pariatur in qui ea reprehenderit consectetur sunt minim in ut cupidatat dolore. Eiusmod ut Lorem nostrud id adipisicing ullamco enim. Velit officia mollit laboris amet reprehenderit ad. Nisi cupidatat dolor voluptate officia mollit eu nostrud ipsum. Dolor labore ullamco nostrud consectetur dolor duis qui magna reprehenderit. Esse reprehenderit dolor fugiat sunt adipisicing est. Aliquip duis pariatur labore amet sit occaecat ea eiusmod cillum. Adipisicing magna aute officia cillum non.'\n }\n </span>\n </div>\n );\n};\n\nexport default HelpBubbleExample;\n"],"names":["HelpBubbleExample","props","controllerRef","useRef","React","HelpBubble"],"mappings":"o4BAIA,MAAMA,EAAwDC,GAAA,CACtD,MAAAC,EAAgBC,EAAwB,IAAI,EAElD,uBACG,MACC,KAAAC,EAAA,cAAC,OAEG,KAAA,+pBAEJ,EACCA,EAAA,cAAA,MAAA,CAAI,MAAO,CAAE,SAAU,WAAY,QAAS,QAAS,CAAA,EACnDA,EAAA,cAAA,OAAA,CAAK,IAAKF,EAAe,MAAO,CAAE,QAAS,eAAgB,MAAO,KAAM,CACtE,EAAA,0BACH,EACCE,EAAA,cAAAC,EAAA,CACE,GAAGJ,EACJ,QAAS,IAAM,CACb,MAAM,eAAe,CACvB,EACA,cAAAC,CAAA,EAECD,EAAM,QACT,CACF,EACCG,EAAA,cAAA,OAAA,KAEG,+pBAEJ,CACF,CAEJ"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e from"react";import l from"classnames";import t from"./styles.module.scss";import{AnalyticsId as g,IconSize as p}from"../../constants.js";import{Icon as E}from"../Icons/Icon.js";import"../../theme/grid.js";import{useBreakpoint as N,Breakpoint as v}from"../../hooks/useBreakpoint.js";import"../../hooks/useUuid.js";import"../../uuid.js";var w=(i=>(i.medium="medium",i.large="large",i.fluid="fluid",i))(w||{});const d=({className:i,size:r,children:h})=>e.createElement("div",{className:i,"data-testid":"highlightbox-wrapper"},e.createElement("div",{className:t.highlightbox__row},e.createElement("div",{className:l(t.highlightbox__col,r==="medium"&&t["highlightbox__col--offset"])},h))),_=({children:i})=>e.createElement("div",{className:t["highlightbox__content-wrapper"]},e.createElement("div",{className:l(t.highlightbox__row)},i))
|
|
1
|
+
import e from"react";import l from"classnames";import t from"./styles.module.scss";import{AnalyticsId as g,IconSize as p}from"../../constants.js";import{Icon as E}from"../Icons/Icon.js";import"../../theme/grid.js";import{useBreakpoint as N,Breakpoint as v}from"../../hooks/useBreakpoint.js";import"../../hooks/useUuid.js";import"../../uuid.js";import"../../utils/environment.js";var w=(i=>(i.medium="medium",i.large="large",i.fluid="fluid",i))(w||{});const d=({className:i,size:r,children:h})=>e.createElement("div",{className:i,"data-testid":"highlightbox-wrapper"},e.createElement("div",{className:t.highlightbox__row},e.createElement("div",{className:l(t.highlightbox__col,r==="medium"&&t["highlightbox__col--offset"])},h))),_=({children:i})=>e.createElement("div",{className:t["highlightbox__content-wrapper"]},e.createElement("div",{className:l(t.highlightbox__row)},i)),A=i=>{const{children:r,color:h="white",size:a="medium",testId:o,svgIcon:n,htmlMarkup:x="div",className:f}=i,u=N(),m=l(t.highlightbox,t[`highlightbox--${h}`],t[`highlightbox--${a}`],n&&t["highlightbox--has-icon"],{container:a==="medium"||a==="large"},f),c=()=>{if(n){const b=a==="large"&&u&&u>=v.md?p.Medium:p.Small;return e.createElement(e.Fragment,null,e.createElement("div",{className:t.highlightbox__icon},e.createElement(E,{svgIcon:n,size:b})),e.createElement("div",{className:t.highlightbox__content},r))}return r},s=x;return a==="medium"?e.createElement(d,{className:m,size:a},e.createElement(s,{className:t["highlightbox__content-wrapper"],"data-testid":o,"data-analyticsid":g.HighlightBox},c())):a==="large"&&n?e.createElement(d,{className:m,size:a},e.createElement(_,null,e.createElement(s,{className:l(t.highlightbox__col,t["highlightbox__col--large-with-icon"]),"data-testid":o,"data-analyticsid":g.HighlightBox},c()))):a==="large"?e.createElement(d,{className:m,size:a},e.createElement(_,null,e.createElement(s,{className:l(t.highlightbox__col,t["highlightbox__col--offset"]),"data-testid":o,"data-analyticsid":g.HighlightBox},c()))):a==="fluid"?e.createElement(s,{className:m,"data-testid":o},c()):null};export{w as HighlightBoxSize,A as default};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/components/HighlightBox/HighlightBox.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { PaletteNames } from '../../theme/palette';\n\nimport styles from './styles.module.scss';\nimport { AnalyticsId } from '../../constants';\nimport Icon, { SvgIcon, IconSize } from '../Icons';\nimport { useBreakpoint, Breakpoint } from '../..';\n\nexport type HighlightBoxColors = Extract<PaletteNames, 'white' | 'blueberry' | 'cherry' | 'neutral' | 'kiwi' | 'plum'>;\n\nexport enum HighlightBoxSize {\n medium = 'medium',\n large = 'large',\n fluid = 'fluid',\n}\n\nexport type HighlightBoxTags = Exclude<\n keyof HTMLElementTagNameMap,\n 'dir' | 'font' | 'frame' | 'frameset' | 'marquee' | 'applet' | 'basefont'\n>;\n\ninterface HighlightBoxProps {\n /** What's in the box? */\n children: React.ReactNode;\n /** Changes the background color. Default: white */\n color?: HighlightBoxColors;\n /** Changes the size. Default: medium */\n size?: keyof typeof HighlightBoxSize;\n /** Adds an icon to the highlightbox. */\n svgIcon?: SvgIcon;\n /** Changes the underlying element. Default: div */\n htmlMarkup?: HighlightBoxTags;\n /** Adds custom classes to the element. */\n className?: string;\n /** Sets the data-testid attribute. */\n testId?: string;\n}\n\ninterface WrapperProps {\n className: string;\n size?: keyof typeof HighlightBoxSize;\n}\n\nconst Wrapper: React.FC<WrapperProps> = ({ className, size, children }) => (\n <div className={className} data-testid={'highlightbox-wrapper'}>\n <div className={styles.highlightbox__row}>\n <div className={classNames(styles.highlightbox__col, size === HighlightBoxSize.medium && styles['highlightbox__col--offset'])}>\n {children}\n </div>\n </div>\n </div>\n);\n\nconst ContentWrapper: React.FC = ({ children }) => (\n <div className={styles['highlightbox__content-wrapper']}>\n <div className={classNames(styles.highlightbox__row)}>{children}</div>\n </div>\n);\n\nconst HighlightBox: React.FC<HighlightBoxProps> = props => {\n const { children, color = 'white', size = HighlightBoxSize.medium, testId, svgIcon, htmlMarkup = 'div', className } = props;\n const breakpoint = useBreakpoint();\n\n const containerClassName = classNames(\n styles['highlightbox'],\n styles[`highlightbox--${color}`],\n styles[`highlightbox--${size}`],\n svgIcon && styles['highlightbox--has-icon'],\n { container: size === 'medium' || size === 'large' },\n className\n );\n\n const renderContent = () => {\n if (svgIcon) {\n const iconSize = size === HighlightBoxSize.large && breakpoint && breakpoint >= Breakpoint.md ? IconSize.Medium : IconSize.Small;\n return (\n <>\n <div className={styles.highlightbox__icon}>\n <Icon svgIcon={svgIcon} size={iconSize} />\n </div>\n <div className={styles.highlightbox__content}>{children}</div>\n </>\n );\n }\n\n return children;\n };\n\n const CustomTag = htmlMarkup;\n\n if (size === HighlightBoxSize.medium) {\n return (\n <Wrapper className={containerClassName} size={size}>\n <CustomTag className={styles['highlightbox__content-wrapper']} data-testid={testId} data-analyticsid={AnalyticsId.HighlightBox}>\n {renderContent()}\n </CustomTag>\n </Wrapper>\n );\n }\n\n if (size === HighlightBoxSize.large && svgIcon) {\n return (\n <Wrapper className={containerClassName} size={size}>\n <ContentWrapper>\n <CustomTag\n className={classNames(styles.highlightbox__col, styles['highlightbox__col--large-with-icon'])}\n data-testid={testId}\n data-analyticsid={AnalyticsId.HighlightBox}\n >\n {renderContent()}\n </CustomTag>\n </ContentWrapper>\n </Wrapper>\n );\n }\n\n if (size === HighlightBoxSize.large) {\n return (\n <Wrapper className={containerClassName} size={size}>\n <ContentWrapper>\n <CustomTag\n className={classNames(styles.highlightbox__col, styles['highlightbox__col--offset'])}\n data-testid={testId}\n data-analyticsid={AnalyticsId.HighlightBox}\n >\n {renderContent()}\n </CustomTag>\n </ContentWrapper>\n </Wrapper>\n );\n }\n\n if (size === HighlightBoxSize.fluid) {\n return (\n <CustomTag className={containerClassName} data-testid={testId}>\n {renderContent()}\n </CustomTag>\n );\n }\n\n return null;\n};\n\nexport default HighlightBox;\n"],"names":["HighlightBoxSize","Wrapper","className","size","children","React","styles","classNames","ContentWrapper","HighlightBox","props","color","testId","svgIcon","htmlMarkup","breakpoint","useBreakpoint","containerClassName","renderContent","iconSize","Breakpoint","IconSize","Icon","CustomTag","AnalyticsId"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/components/HighlightBox/HighlightBox.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { PaletteNames } from '../../theme/palette';\n\nimport styles from './styles.module.scss';\nimport { AnalyticsId } from '../../constants';\nimport Icon, { SvgIcon, IconSize } from '../Icons';\nimport { useBreakpoint, Breakpoint } from '../..';\n\nexport type HighlightBoxColors = Extract<PaletteNames, 'white' | 'blueberry' | 'cherry' | 'neutral' | 'kiwi' | 'plum'>;\n\nexport enum HighlightBoxSize {\n medium = 'medium',\n large = 'large',\n fluid = 'fluid',\n}\n\nexport type HighlightBoxTags = Exclude<\n keyof HTMLElementTagNameMap,\n 'dir' | 'font' | 'frame' | 'frameset' | 'marquee' | 'applet' | 'basefont'\n>;\n\ninterface HighlightBoxProps {\n /** What's in the box? */\n children: React.ReactNode;\n /** Changes the background color. Default: white */\n color?: HighlightBoxColors;\n /** Changes the size. Default: medium */\n size?: keyof typeof HighlightBoxSize;\n /** Adds an icon to the highlightbox. */\n svgIcon?: SvgIcon;\n /** Changes the underlying element. Default: div */\n htmlMarkup?: HighlightBoxTags;\n /** Adds custom classes to the element. */\n className?: string;\n /** Sets the data-testid attribute. */\n testId?: string;\n}\n\ninterface WrapperProps {\n className: string;\n size?: keyof typeof HighlightBoxSize;\n}\n\nconst Wrapper: React.FC<WrapperProps> = ({ className, size, children }) => (\n <div className={className} data-testid={'highlightbox-wrapper'}>\n <div className={styles.highlightbox__row}>\n <div className={classNames(styles.highlightbox__col, size === HighlightBoxSize.medium && styles['highlightbox__col--offset'])}>\n {children}\n </div>\n </div>\n </div>\n);\n\nconst ContentWrapper: React.FC = ({ children }) => (\n <div className={styles['highlightbox__content-wrapper']}>\n <div className={classNames(styles.highlightbox__row)}>{children}</div>\n </div>\n);\n\nconst HighlightBox: React.FC<HighlightBoxProps> = props => {\n const { children, color = 'white', size = HighlightBoxSize.medium, testId, svgIcon, htmlMarkup = 'div', className } = props;\n const breakpoint = useBreakpoint();\n\n const containerClassName = classNames(\n styles['highlightbox'],\n styles[`highlightbox--${color}`],\n styles[`highlightbox--${size}`],\n svgIcon && styles['highlightbox--has-icon'],\n { container: size === 'medium' || size === 'large' },\n className\n );\n\n const renderContent = () => {\n if (svgIcon) {\n const iconSize = size === HighlightBoxSize.large && breakpoint && breakpoint >= Breakpoint.md ? IconSize.Medium : IconSize.Small;\n return (\n <>\n <div className={styles.highlightbox__icon}>\n <Icon svgIcon={svgIcon} size={iconSize} />\n </div>\n <div className={styles.highlightbox__content}>{children}</div>\n </>\n );\n }\n\n return children;\n };\n\n const CustomTag = htmlMarkup;\n\n if (size === HighlightBoxSize.medium) {\n return (\n <Wrapper className={containerClassName} size={size}>\n <CustomTag className={styles['highlightbox__content-wrapper']} data-testid={testId} data-analyticsid={AnalyticsId.HighlightBox}>\n {renderContent()}\n </CustomTag>\n </Wrapper>\n );\n }\n\n if (size === HighlightBoxSize.large && svgIcon) {\n return (\n <Wrapper className={containerClassName} size={size}>\n <ContentWrapper>\n <CustomTag\n className={classNames(styles.highlightbox__col, styles['highlightbox__col--large-with-icon'])}\n data-testid={testId}\n data-analyticsid={AnalyticsId.HighlightBox}\n >\n {renderContent()}\n </CustomTag>\n </ContentWrapper>\n </Wrapper>\n );\n }\n\n if (size === HighlightBoxSize.large) {\n return (\n <Wrapper className={containerClassName} size={size}>\n <ContentWrapper>\n <CustomTag\n className={classNames(styles.highlightbox__col, styles['highlightbox__col--offset'])}\n data-testid={testId}\n data-analyticsid={AnalyticsId.HighlightBox}\n >\n {renderContent()}\n </CustomTag>\n </ContentWrapper>\n </Wrapper>\n );\n }\n\n if (size === HighlightBoxSize.fluid) {\n return (\n <CustomTag className={containerClassName} data-testid={testId}>\n {renderContent()}\n </CustomTag>\n );\n }\n\n return null;\n};\n\nexport default HighlightBox;\n"],"names":["HighlightBoxSize","Wrapper","className","size","children","React","styles","classNames","ContentWrapper","HighlightBox","props","color","testId","svgIcon","htmlMarkup","breakpoint","useBreakpoint","containerClassName","renderContent","iconSize","Breakpoint","IconSize","Icon","CustomTag","AnalyticsId"],"mappings":"2XAWY,IAAAA,GAAAA,IACVA,EAAA,OAAS,SACTA,EAAA,MAAQ,QACRA,EAAA,MAAQ,QAHEA,IAAAA,GAAA,CAAA,CAAA,EAiCZ,MAAMC,EAAkC,CAAC,CAAE,UAAAC,EAAW,KAAAC,EAAM,SAAAC,CAAA,IACzDC,EAAA,cAAA,MAAA,CAAI,UAAAH,EAAsB,cAAa,sBAAA,EACrCG,EAAA,cAAA,MAAA,CAAI,UAAWC,EAAO,iBAAA,EACpBD,EAAA,cAAA,MAAA,CAAI,UAAWE,EAAWD,EAAO,kBAAmBH,IAAS,UAA2BG,EAAO,4BAA4B,CAAA,EACzHF,CACH,CACF,CACF,EAGII,EAA2B,CAAC,CAAE,SAAAJ,CAAA,IACjCC,EAAA,cAAA,MAAA,CAAI,UAAWC,EAAO,gCAAA,EACpBD,EAAA,cAAA,MAAA,CAAI,UAAWE,EAAWD,EAAO,iBAAiB,CAAA,EAAIF,CAAS,CAClE,EAGIK,EAAqDC,GAAA,CACnD,KAAA,CAAE,SAAAN,EAAU,MAAAO,EAAQ,QAAS,KAAAR,EAAO,SAAyB,OAAAS,EAAQ,QAAAC,EAAS,WAAAC,EAAa,MAAO,UAAAZ,CAAA,EAAcQ,EAChHK,EAAaC,IAEbC,EAAqBV,EACzBD,EAAO,aACPA,EAAO,iBAAiBK,KACxBL,EAAO,iBAAiBH,KACxBU,GAAWP,EAAO,0BAClB,CAAE,UAAWH,IAAS,UAAYA,IAAS,OAAQ,EACnDD,CAAA,EAGIgB,EAAgB,IAAM,CAC1B,GAAIL,EAAS,CACL,MAAAM,EAAWhB,IAAS,SAA0BY,GAAcA,GAAcK,EAAW,GAAKC,EAAS,OAASA,EAAS,MAC3H,uCAEKhB,EAAA,cAAA,MAAA,CAAI,UAAWC,EAAO,kBAAA,EACpBD,EAAA,cAAAiB,EAAA,CAAK,QAAAT,EAAkB,KAAMM,CAAU,CAAA,CAC1C,EACCd,EAAA,cAAA,MAAA,CAAI,UAAWC,EAAO,qBAAA,EAAwBF,CAAS,CAC1D,CAEJ,CAEO,OAAAA,CAAA,EAGHmB,EAAYT,EAElB,OAAIX,IAAS,SAERE,EAAA,cAAAJ,EAAA,CAAQ,UAAWgB,EAAoB,KAAAd,CAAA,EACrCE,EAAA,cAAAkB,EAAA,CAAU,UAAWjB,EAAO,iCAAkC,cAAaM,EAAQ,mBAAkBY,EAAY,YAAA,EAC/GN,EACH,CAAA,CACF,EAIAf,IAAS,SAA0BU,EAElCR,EAAA,cAAAJ,EAAA,CAAQ,UAAWgB,EAAoB,KAAAd,CAAA,EACtCE,EAAA,cAACG,OACEH,EAAA,cAAAkB,EAAA,CACC,UAAWhB,EAAWD,EAAO,kBAAmBA,EAAO,qCAAqC,EAC5F,cAAaM,EACb,mBAAkBY,EAAY,YAAA,EAE7BN,EAAA,CACH,CACF,CACF,EAIAf,IAAS,QAERE,EAAA,cAAAJ,EAAA,CAAQ,UAAWgB,EAAoB,KAAAd,CAAA,EACtCE,EAAA,cAACG,OACEH,EAAA,cAAAkB,EAAA,CACC,UAAWhB,EAAWD,EAAO,kBAAmBA,EAAO,4BAA4B,EACnF,cAAaM,EACb,mBAAkBY,EAAY,YAAA,EAE7BN,EAAA,CACH,CACF,CACF,EAIAf,IAAS,QAERE,EAAA,cAAAkB,EAAA,CAAU,UAAWN,EAAoB,cAAaL,CAAA,EACpDM,EACH,CAAA,EAIG,IACT"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import"../../HorizontalScroll.js";import{H as c,H as e}from"../../HorizontalScroll.js";import"react";import"classnames";import"../../hooks/useIsVisible.js";import"../../hooks/useIntersectionObserver.js";import"../../hooks/useSize.js";import"../../debounce.js";import"./styles.module.scss";export{c as HorizontalScroll,e as default};
|
|
1
|
+
import"../../HorizontalScroll.js";import{H as c,H as e}from"../../HorizontalScroll.js";import"react";import"classnames";import"../../hooks/useIsVisible.js";import"../../hooks/useIntersectionObserver.js";import"../../hooks/useSize.js";import"../../utils/debounce.js";import"./styles.module.scss";export{c as HorizontalScroll,e as default};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
$gradient: rgba(0, 0, 0, 0.27), rgba(0, 0, 0, 0.27) 18%, transparent;
|
|
4
4
|
|
|
5
5
|
.horizontalscroll {
|
|
6
|
-
|
|
6
|
+
position: relative;
|
|
7
7
|
&__viewport {
|
|
8
8
|
display: flex;
|
|
9
9
|
&--overflow {
|
|
@@ -12,7 +12,7 @@ $gradient: rgba(0, 0, 0, 0.27), rgba(0, 0, 0, 0.27) 18%, transparent;
|
|
|
12
12
|
}
|
|
13
13
|
}
|
|
14
14
|
&__indicator {
|
|
15
|
-
position:
|
|
15
|
+
position: absolute;
|
|
16
16
|
width: 23px;
|
|
17
17
|
top: 0;
|
|
18
18
|
height: 100%;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import m from"react";import{getIcon as l}from"./Icon.js";import{IconSize as e}from"../../constants.js";import"classnames";import"../../hooks/useUuid.js";import"../../uuid.js";const
|
|
1
|
+
import m from"react";import{getIcon as l}from"./Icon.js";import{IconSize as e}from"../../constants.js";import"classnames";import"../../hooks/useUuid.js";import"../../uuid.js";import"../../utils/environment.js";const f=({size:t,isHovered:a})=>{const c=m.createElement("path",{d:"m27.102 20.225-.65-.035-.648-.038c-.076 1.296.525 4.04 3.344 5.14l.473-1.212c-2.631-1.027-2.525-3.74-2.52-3.855Zm-9.046.062c.018.123.419 3.035-1.931 4.197l.576 1.166c3.21-1.589 2.665-5.398 2.64-5.559l-1.285.196Zm5.187-6.273-1.292-.143c-.032.285-.765 7.027.006 11.311.798 4.434.75 6.08.706 7.67-.012.39-.022.778-.022 1.203 0 2.117-.53 4.801-.535 4.827l1.275.254c.023-.114.559-2.834.559-5.08 0-.412.01-.789.022-1.167.047-1.657.096-3.37-.726-7.937-.737-4.097-.001-10.87.007-10.938Zm9.796 17.308c-.714-3.144 1.866-11.586 1.892-11.67l-1.242-.384c-.111.36-2.71 8.861-1.918 12.342.249 1.094.602 2.195.976 3.36.786 2.451 1.599 4.986 1.568 7.842l1.3.014c.032-3.067-.851-5.822-1.631-8.253-.364-1.137-.71-2.21-.945-3.25Zm5.792 3.227a12.168 12.168 0 0 1-.208-4.413c.642-4.714 1.623-12.97.973-15.302-1.144-4.102-3.798-4.643-6.364-5.166-.866-.176-1.761-.359-2.623-.677-2.974-1.1-2.816-3.649-2.807-3.757l-.648-.053-.648-.057c-.11 1.251.51 3.924 3.652 5.085.955.354 1.9.546 2.815.733 2.48.506 4.44.905 5.37 4.242.424 1.516.046 7.04-1.01 14.776a13.492 13.492 0 0 0 .243 4.923l2.435 8.122 1.245-.373-2.425-8.083Zm-26.295-2.113.36.626c.033-.092.064-.183.094-.273.362-1.064.674-1.983.757-2.462.127-.736-.48-3.117-1.211-5.528v7.637Zm-.038-11.928c.479 1.356 2.847 8.213 2.53 10.041-.101.58-.413 1.496-.807 2.658-.861 2.54-2.163 6.373-2.216 9.622l-1.3-.02c.007-.442.042-.893.087-1.346-1.263-1.264-2.512-2.77-3.715-4.5a10.752 10.752 0 0 1-1.928-5.84c-.087-3.004.227-7.25.457-10.348.12-1.62.224-3.02.238-3.788.07-3.992 2.909-6.589 8.436-7.719 3.426-.7 3.07-3.977 3.053-4.115l1.29-.157c.194 1.59-.412 4.795-4.083 5.545-4.917 1.005-7.337 3.122-7.396 6.47-.015.804-.115 2.152-.241 3.86-.228 3.071-.54 7.277-.454 10.214a9.456 9.456 0 0 0 1.695 5.135 33.597 33.597 0 0 0 2.875 3.61c.318-1.785.832-3.566 1.33-5.117l-1.026-1.778a.651.651 0 0 1-.087-.325V20.724c0-.316.228-.587.54-.64a.646.646 0 0 1 .722.424Zm7.633 16.87a.65.65 0 1 0 .706 1.093.65.65 0 0 0-.706-1.093Zm4.797 0a.65.65 0 1 0 .703 1.093.65.65 0 0 0-.703-1.093Zm-4.476-2.512a.649.649 0 1 0 .704 1.092.649.649 0 1 0-.704-1.092Zm7.067 0a.65.65 0 1 0 .706 1.093.65.65 0 0 0-.706-1.093Zm0-2.727a.65.65 0 1 0 .706 1.093.65.65 0 0 0-.706-1.093Zm2.2 0a.65.65 0 1 0 .706 1.093.65.65 0 0 0-.706-1.093Zm-13.68 0a.65.65 0 1 0 .703 1.092.65.65 0 0 0-.703-1.092Zm2.2 2.727a.65.65 0 1 0 .703 1.092.65.65 0 0 0-.703-1.092Zm0-2.727a.65.65 0 1 0 .703 1.092.65.65 0 0 0-.703-1.092Zm2.213.06a.649.649 0 1 0 .704 1.092.649.649 0 1 0-.704-1.092Zm4.806 2.667a.649.649 0 1 0 .704 1.092.649.649 0 1 0-.704-1.092Zm.96-2.533a.65.65 0 1 1-1.092.704.65.65 0 0 1 1.092-.704Z",fillRule:"evenodd"}),Z=m.createElement("path",{d:"m27.102 20.225-.649-.035-.649-.038c-.076 1.296.525 4.04 3.344 5.14l.473-1.212c-2.63-1.027-2.525-3.74-2.519-3.855Zm-9.046.062c.018.124.42 3.035-1.932 4.197l.577 1.166c3.21-1.589 2.665-5.398 2.64-5.559l-1.285.196Zm5.186-6.273-1.292-.143c-.032.285-.764 7.027.006 11.311.798 4.434.751 6.08.706 7.67-.01.39-.022.778-.022 1.203 0 2.117-.529 4.801-.535 4.827l1.276.254c.022-.114.56-2.834.56-5.08 0-.412.01-.789.02-1.167.048-1.657.097-3.37-.725-7.937-.737-4.097 0-10.87.006-10.938Zm9.797 17.308c-.715-3.144 1.866-11.586 1.892-11.67l-1.243-.384c-.11.36-2.708 8.861-1.917 12.343.248 1.093.602 2.193.975 3.357.786 2.452 1.6 4.987 1.57 7.844l1.3.014c.031-3.067-.853-5.823-1.633-8.254-.364-1.137-.708-2.21-.944-3.25Zm5.792 3.227a12.149 12.149 0 0 1-.208-4.413c.784-5.76 1.59-13.089.973-15.302-1.144-4.102-3.798-4.643-6.364-5.166-.866-.176-1.762-.359-2.624-.677-2.973-1.1-2.815-3.649-2.807-3.757l-.648-.053-.647-.057c-.11 1.251.511 3.924 3.652 5.085.955.354 1.9.546 2.814.733 2.481.506 4.441.905 5.372 4.242.422 1.514.045 7.038-1.01 14.776a13.495 13.495 0 0 0 .241 4.923l2.436 8.122 1.245-.373-2.425-8.083Zm-26.296-2.113.362.626.093-.273c.361-1.064.673-1.983.756-2.462.128-.736-.478-3.117-1.21-5.528v7.637Zm-.037-11.928c.478 1.356 2.847 8.213 2.53 10.041-.102.58-.413 1.496-.807 2.658-.862 2.54-2.163 6.373-2.217 9.622l-1.299-.02c.007-.442.041-.893.087-1.346-1.263-1.264-2.513-2.77-3.715-4.5a10.747 10.747 0 0 1-1.928-5.84c-.088-3.004.227-7.25.457-10.35.12-1.619.224-3.018.237-3.786.072-3.992 2.91-6.589 8.436-7.719 3.427-.7 3.071-3.977 3.054-4.115l1.291-.157c.192 1.59-.414 4.795-4.085 5.545-4.917 1.006-7.336 3.122-7.396 6.47-.014.804-.114 2.152-.24 3.858-.228 3.072-.54 7.28-.454 10.216a9.448 9.448 0 0 0 1.695 5.135 33.474 33.474 0 0 0 2.875 3.61c.318-1.785.831-3.566 1.33-5.117l-1.027-1.778a.651.651 0 0 1-.087-.325V20.724a.651.651 0 0 1 1.263-.216Zm7.633 17.67a.649.649 0 1 0 .704 1.092.649.649 0 1 0-.704-1.092Zm4.796 0a.65.65 0 1 0 .704 1.092.65.65 0 0 0-.704-1.092Zm-4.476-3.312a.65.65 0 1 0 .706 1.093.65.65 0 0 0-.706-1.093Zm7.068 0a.649.649 0 1 0 .704 1.092.65.65 0 1 0-.704-1.092Zm0-3.327a.649.649 0 1 0 .704 1.092.65.65 0 1 0-.704-1.092Zm2.2 0a.649.649 0 1 0 .704 1.092.65.65 0 1 0-.704-1.092Zm-13.68 0a.649.649 0 1 0 .704 1.092.649.649 0 1 0-.704-1.092Zm2.2 3.327a.649.649 0 1 0 .704 1.092.649.649 0 1 0-.704-1.092Zm0-3.327a.649.649 0 1 0 .704 1.092.649.649 0 1 0-.704-1.092Zm2.212.06a.65.65 0 1 0 .706 1.093.65.65 0 0 0-.706-1.093Zm4.807 3.267a.65.65 0 1 0 .703 1.093.65.65 0 0 0-.703-1.093Zm.96-3.133a.649.649 0 1 1-1.093.704.649.649 0 1 1 1.092-.704Z",fillRule:"evenodd"});return l(e.Medium,a,c,Z)};export{f as default};
|
|
2
2
|
//# sourceMappingURL=AcupunctureBack.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AcupunctureBack.js","sources":["../../../src/components/Icons/AcupunctureBack.tsx"],"sourcesContent":["import React from 'react';\nimport { IconSize } from '.';\nimport { getIcon, SvgPathProps } from './Icon';\n\nconst AcupunctureBack: React.FC<SvgPathProps> = ({ size, isHovered }: SvgPathProps): JSX.Element => {\n const normal = (\n <path\n d=\"m27.102 20.225-.65-.035-.648-.038c-.076 1.296.525 4.04 3.344 5.14l.473-1.212c-2.631-1.027-2.525-3.74-2.52-3.855Zm-9.046.062c.018.123.419 3.035-1.931 4.197l.576 1.166c3.21-1.589 2.665-5.398 2.64-5.559l-1.285.196Zm5.187-6.273-1.292-.143c-.032.285-.765 7.027.006 11.311.798 4.434.75 6.08.706 7.67-.012.39-.022.778-.022 1.203 0 2.117-.53 4.801-.535 4.827l1.275.254c.023-.114.559-2.834.559-5.08 0-.412.01-.789.022-1.167.047-1.657.096-3.37-.726-7.937-.737-4.097-.001-10.87.007-10.938Zm9.796 17.308c-.714-3.144 1.866-11.586 1.892-11.67l-1.242-.384c-.111.36-2.71 8.861-1.918 12.342.249 1.094.602 2.195.976 3.36.786 2.451 1.599 4.986 1.568 7.842l1.3.014c.032-3.067-.851-5.822-1.631-8.253-.364-1.137-.71-2.21-.945-3.25Zm5.792 3.227a12.168 12.168 0 0 1-.208-4.413c.642-4.714 1.623-12.97.973-15.302-1.144-4.102-3.798-4.643-6.364-5.166-.866-.176-1.761-.359-2.623-.677-2.974-1.1-2.816-3.649-2.807-3.757l-.648-.053-.648-.057c-.11 1.251.51 3.924 3.652 5.085.955.354 1.9.546 2.815.733 2.48.506 4.44.905 5.37 4.242.424 1.516.046 7.04-1.01 14.776a13.492 13.492 0 0 0 .243 4.923l2.435 8.122 1.245-.373-2.425-8.083Zm-26.295-2.113.36.626c.033-.092.064-.183.094-.273.362-1.064.674-1.983.757-2.462.127-.736-.48-3.117-1.211-5.528v7.637Zm-.038-11.928c.479 1.356 2.847 8.213 2.53 10.041-.101.58-.413 1.496-.807 2.658-.861 2.54-2.163 6.373-2.216 9.622l-1.3-.02c.007-.442.042-.893.087-1.346-1.263-1.264-2.512-2.77-3.715-4.5a10.752 10.752 0 0 1-1.928-5.84c-.087-3.004.227-7.25.457-10.348.12-1.62.224-3.02.238-3.788.07-3.992 2.909-6.589 8.436-7.719 3.426-.7 3.07-3.977 3.053-4.115l1.29-.157c.194 1.59-.412 4.795-4.083 5.545-4.917 1.005-7.337 3.122-7.396 6.47-.015.804-.115 2.152-.241 3.86-.228 3.071-.54 7.277-.454 10.214a9.456 9.456 0 0 0 1.695 5.135 33.597 33.597 0 0 0 2.875 3.61c.318-1.785.832-3.566 1.33-5.117l-1.026-1.778a.651.651 0 0 1-.087-.325V20.724c0-.316.228-.587.54-.64a.646.646 0 0 1 .722.424Zm7.633 16.87a.65.65 0 1 0 .706 1.093.65.65 0 0 0-.706-1.093Zm4.797 0a.65.65 0 1 0 .703 1.093.65.65 0 0 0-.703-1.093Zm-4.476-2.512a.649.649 0 1 0 .704 1.092.649.649 0 1 0-.704-1.092Zm7.067 0a.65.65 0 1 0 .706 1.093.65.65 0 0 0-.706-1.093Zm0-2.727a.65.65 0 1 0 .706 1.093.65.65 0 0 0-.706-1.093Zm2.2 0a.65.65 0 1 0 .706 1.093.65.65 0 0 0-.706-1.093Zm-13.68 0a.65.65 0 1 0 .703 1.092.65.65 0 0 0-.703-1.092Zm2.2 2.727a.65.65 0 1 0 .703 1.092.65.65 0 0 0-.703-1.092Zm0-2.727a.65.65 0 1 0 .703 1.092.65.65 0 0 0-.703-1.092Zm2.213.06a.649.649 0 1 0 .704 1.092.649.649 0 1 0-.704-1.092Zm4.806 2.667a.649.649 0 1 0 .704 1.092.649.649 0 1 0-.704-1.092Zm.96-2.533a.65.65 0 1 1-1.092.704.65.65 0 0 1 1.092-.704Z\"\n fillRule=\"evenodd\"\n />\n );\n\n const normalHover = (\n <path\n d=\"m27.102 20.225-.649-.035-.649-.038c-.076 1.296.525 4.04 3.344 5.14l.473-1.212c-2.63-1.027-2.525-3.74-2.519-3.855Zm-9.046.062c.018.124.42 3.035-1.932 4.197l.577 1.166c3.21-1.589 2.665-5.398 2.64-5.559l-1.285.196Zm5.186-6.273-1.292-.143c-.032.285-.764 7.027.006 11.311.798 4.434.751 6.08.706 7.67-.01.39-.022.778-.022 1.203 0 2.117-.529 4.801-.535 4.827l1.276.254c.022-.114.56-2.834.56-5.08 0-.412.01-.789.02-1.167.048-1.657.097-3.37-.725-7.937-.737-4.097 0-10.87.006-10.938Zm9.797 17.308c-.715-3.144 1.866-11.586 1.892-11.67l-1.243-.384c-.11.36-2.708 8.861-1.917 12.343.248 1.093.602 2.193.975 3.357.786 2.452 1.6 4.987 1.57 7.844l1.3.014c.031-3.067-.853-5.823-1.633-8.254-.364-1.137-.708-2.21-.944-3.25Zm5.792 3.227a12.149 12.149 0 0 1-.208-4.413c.784-5.76 1.59-13.089.973-15.302-1.144-4.102-3.798-4.643-6.364-5.166-.866-.176-1.762-.359-2.624-.677-2.973-1.1-2.815-3.649-2.807-3.757l-.648-.053-.647-.057c-.11 1.251.511 3.924 3.652 5.085.955.354 1.9.546 2.814.733 2.481.506 4.441.905 5.372 4.242.422 1.514.045 7.038-1.01 14.776a13.495 13.495 0 0 0 .241 4.923l2.436 8.122 1.245-.373-2.425-8.083Zm-26.296-2.113.362.626.093-.273c.361-1.064.673-1.983.756-2.462.128-.736-.478-3.117-1.21-5.528v7.637Zm-.037-11.928c.478 1.356 2.847 8.213 2.53 10.041-.102.58-.413 1.496-.807 2.658-.862 2.54-2.163 6.373-2.217 9.622l-1.299-.02c.007-.442.041-.893.087-1.346-1.263-1.264-2.513-2.77-3.715-4.5a10.747 10.747 0 0 1-1.928-5.84c-.088-3.004.227-7.25.457-10.35.12-1.619.224-3.018.237-3.786.072-3.992 2.91-6.589 8.436-7.719 3.427-.7 3.071-3.977 3.054-4.115l1.291-.157c.192 1.59-.414 4.795-4.085 5.545-4.917 1.006-7.336 3.122-7.396 6.47-.014.804-.114 2.152-.24 3.858-.228 3.072-.54 7.28-.454 10.216a9.448 9.448 0 0 0 1.695 5.135 33.474 33.474 0 0 0 2.875 3.61c.318-1.785.831-3.566 1.33-5.117l-1.027-1.778a.651.651 0 0 1-.087-.325V20.724a.651.651 0 0 1 1.263-.216Zm7.633 17.67a.649.649 0 1 0 .704 1.092.649.649 0 1 0-.704-1.092Zm4.796 0a.65.65 0 1 0 .704 1.092.65.65 0 0 0-.704-1.092Zm-4.476-3.312a.65.65 0 1 0 .706 1.093.65.65 0 0 0-.706-1.093Zm7.068 0a.649.649 0 1 0 .704 1.092.65.65 0 1 0-.704-1.092Zm0-3.327a.649.649 0 1 0 .704 1.092.65.65 0 1 0-.704-1.092Zm2.2 0a.649.649 0 1 0 .704 1.092.65.65 0 1 0-.704-1.092Zm-13.68 0a.649.649 0 1 0 .704 1.092.649.649 0 1 0-.704-1.092Zm2.2 3.327a.649.649 0 1 0 .704 1.092.649.649 0 1 0-.704-1.092Zm0-3.327a.649.649 0 1 0 .704 1.092.649.649 0 1 0-.704-1.092Zm2.212.06a.65.65 0 1 0 .706 1.093.65.65 0 0 0-.706-1.093Zm4.807 3.267a.65.65 0 1 0 .703 1.093.65.65 0 0 0-.703-1.093Zm.96-3.133a.649.649 0 1 1-1.093.704.649.649 0 1 1 1.092-.704Z\"\n fillRule=\"evenodd\"\n />\n );\n\n return getIcon(IconSize.Medium, isHovered, normal, normalHover);\n};\n\nexport default AcupunctureBack;\n"],"names":["AcupunctureBack","size","isHovered","normal","React","normalHover","getIcon","IconSize"],"mappings":"
|
|
1
|
+
{"version":3,"file":"AcupunctureBack.js","sources":["../../../src/components/Icons/AcupunctureBack.tsx"],"sourcesContent":["import React from 'react';\nimport { IconSize } from '.';\nimport { getIcon, SvgPathProps } from './Icon';\n\nconst AcupunctureBack: React.FC<SvgPathProps> = ({ size, isHovered }: SvgPathProps): JSX.Element => {\n const normal = (\n <path\n d=\"m27.102 20.225-.65-.035-.648-.038c-.076 1.296.525 4.04 3.344 5.14l.473-1.212c-2.631-1.027-2.525-3.74-2.52-3.855Zm-9.046.062c.018.123.419 3.035-1.931 4.197l.576 1.166c3.21-1.589 2.665-5.398 2.64-5.559l-1.285.196Zm5.187-6.273-1.292-.143c-.032.285-.765 7.027.006 11.311.798 4.434.75 6.08.706 7.67-.012.39-.022.778-.022 1.203 0 2.117-.53 4.801-.535 4.827l1.275.254c.023-.114.559-2.834.559-5.08 0-.412.01-.789.022-1.167.047-1.657.096-3.37-.726-7.937-.737-4.097-.001-10.87.007-10.938Zm9.796 17.308c-.714-3.144 1.866-11.586 1.892-11.67l-1.242-.384c-.111.36-2.71 8.861-1.918 12.342.249 1.094.602 2.195.976 3.36.786 2.451 1.599 4.986 1.568 7.842l1.3.014c.032-3.067-.851-5.822-1.631-8.253-.364-1.137-.71-2.21-.945-3.25Zm5.792 3.227a12.168 12.168 0 0 1-.208-4.413c.642-4.714 1.623-12.97.973-15.302-1.144-4.102-3.798-4.643-6.364-5.166-.866-.176-1.761-.359-2.623-.677-2.974-1.1-2.816-3.649-2.807-3.757l-.648-.053-.648-.057c-.11 1.251.51 3.924 3.652 5.085.955.354 1.9.546 2.815.733 2.48.506 4.44.905 5.37 4.242.424 1.516.046 7.04-1.01 14.776a13.492 13.492 0 0 0 .243 4.923l2.435 8.122 1.245-.373-2.425-8.083Zm-26.295-2.113.36.626c.033-.092.064-.183.094-.273.362-1.064.674-1.983.757-2.462.127-.736-.48-3.117-1.211-5.528v7.637Zm-.038-11.928c.479 1.356 2.847 8.213 2.53 10.041-.101.58-.413 1.496-.807 2.658-.861 2.54-2.163 6.373-2.216 9.622l-1.3-.02c.007-.442.042-.893.087-1.346-1.263-1.264-2.512-2.77-3.715-4.5a10.752 10.752 0 0 1-1.928-5.84c-.087-3.004.227-7.25.457-10.348.12-1.62.224-3.02.238-3.788.07-3.992 2.909-6.589 8.436-7.719 3.426-.7 3.07-3.977 3.053-4.115l1.29-.157c.194 1.59-.412 4.795-4.083 5.545-4.917 1.005-7.337 3.122-7.396 6.47-.015.804-.115 2.152-.241 3.86-.228 3.071-.54 7.277-.454 10.214a9.456 9.456 0 0 0 1.695 5.135 33.597 33.597 0 0 0 2.875 3.61c.318-1.785.832-3.566 1.33-5.117l-1.026-1.778a.651.651 0 0 1-.087-.325V20.724c0-.316.228-.587.54-.64a.646.646 0 0 1 .722.424Zm7.633 16.87a.65.65 0 1 0 .706 1.093.65.65 0 0 0-.706-1.093Zm4.797 0a.65.65 0 1 0 .703 1.093.65.65 0 0 0-.703-1.093Zm-4.476-2.512a.649.649 0 1 0 .704 1.092.649.649 0 1 0-.704-1.092Zm7.067 0a.65.65 0 1 0 .706 1.093.65.65 0 0 0-.706-1.093Zm0-2.727a.65.65 0 1 0 .706 1.093.65.65 0 0 0-.706-1.093Zm2.2 0a.65.65 0 1 0 .706 1.093.65.65 0 0 0-.706-1.093Zm-13.68 0a.65.65 0 1 0 .703 1.092.65.65 0 0 0-.703-1.092Zm2.2 2.727a.65.65 0 1 0 .703 1.092.65.65 0 0 0-.703-1.092Zm0-2.727a.65.65 0 1 0 .703 1.092.65.65 0 0 0-.703-1.092Zm2.213.06a.649.649 0 1 0 .704 1.092.649.649 0 1 0-.704-1.092Zm4.806 2.667a.649.649 0 1 0 .704 1.092.649.649 0 1 0-.704-1.092Zm.96-2.533a.65.65 0 1 1-1.092.704.65.65 0 0 1 1.092-.704Z\"\n fillRule=\"evenodd\"\n />\n );\n\n const normalHover = (\n <path\n d=\"m27.102 20.225-.649-.035-.649-.038c-.076 1.296.525 4.04 3.344 5.14l.473-1.212c-2.63-1.027-2.525-3.74-2.519-3.855Zm-9.046.062c.018.124.42 3.035-1.932 4.197l.577 1.166c3.21-1.589 2.665-5.398 2.64-5.559l-1.285.196Zm5.186-6.273-1.292-.143c-.032.285-.764 7.027.006 11.311.798 4.434.751 6.08.706 7.67-.01.39-.022.778-.022 1.203 0 2.117-.529 4.801-.535 4.827l1.276.254c.022-.114.56-2.834.56-5.08 0-.412.01-.789.02-1.167.048-1.657.097-3.37-.725-7.937-.737-4.097 0-10.87.006-10.938Zm9.797 17.308c-.715-3.144 1.866-11.586 1.892-11.67l-1.243-.384c-.11.36-2.708 8.861-1.917 12.343.248 1.093.602 2.193.975 3.357.786 2.452 1.6 4.987 1.57 7.844l1.3.014c.031-3.067-.853-5.823-1.633-8.254-.364-1.137-.708-2.21-.944-3.25Zm5.792 3.227a12.149 12.149 0 0 1-.208-4.413c.784-5.76 1.59-13.089.973-15.302-1.144-4.102-3.798-4.643-6.364-5.166-.866-.176-1.762-.359-2.624-.677-2.973-1.1-2.815-3.649-2.807-3.757l-.648-.053-.647-.057c-.11 1.251.511 3.924 3.652 5.085.955.354 1.9.546 2.814.733 2.481.506 4.441.905 5.372 4.242.422 1.514.045 7.038-1.01 14.776a13.495 13.495 0 0 0 .241 4.923l2.436 8.122 1.245-.373-2.425-8.083Zm-26.296-2.113.362.626.093-.273c.361-1.064.673-1.983.756-2.462.128-.736-.478-3.117-1.21-5.528v7.637Zm-.037-11.928c.478 1.356 2.847 8.213 2.53 10.041-.102.58-.413 1.496-.807 2.658-.862 2.54-2.163 6.373-2.217 9.622l-1.299-.02c.007-.442.041-.893.087-1.346-1.263-1.264-2.513-2.77-3.715-4.5a10.747 10.747 0 0 1-1.928-5.84c-.088-3.004.227-7.25.457-10.35.12-1.619.224-3.018.237-3.786.072-3.992 2.91-6.589 8.436-7.719 3.427-.7 3.071-3.977 3.054-4.115l1.291-.157c.192 1.59-.414 4.795-4.085 5.545-4.917 1.006-7.336 3.122-7.396 6.47-.014.804-.114 2.152-.24 3.858-.228 3.072-.54 7.28-.454 10.216a9.448 9.448 0 0 0 1.695 5.135 33.474 33.474 0 0 0 2.875 3.61c.318-1.785.831-3.566 1.33-5.117l-1.027-1.778a.651.651 0 0 1-.087-.325V20.724a.651.651 0 0 1 1.263-.216Zm7.633 17.67a.649.649 0 1 0 .704 1.092.649.649 0 1 0-.704-1.092Zm4.796 0a.65.65 0 1 0 .704 1.092.65.65 0 0 0-.704-1.092Zm-4.476-3.312a.65.65 0 1 0 .706 1.093.65.65 0 0 0-.706-1.093Zm7.068 0a.649.649 0 1 0 .704 1.092.65.65 0 1 0-.704-1.092Zm0-3.327a.649.649 0 1 0 .704 1.092.65.65 0 1 0-.704-1.092Zm2.2 0a.649.649 0 1 0 .704 1.092.65.65 0 1 0-.704-1.092Zm-13.68 0a.649.649 0 1 0 .704 1.092.649.649 0 1 0-.704-1.092Zm2.2 3.327a.649.649 0 1 0 .704 1.092.649.649 0 1 0-.704-1.092Zm0-3.327a.649.649 0 1 0 .704 1.092.649.649 0 1 0-.704-1.092Zm2.212.06a.65.65 0 1 0 .706 1.093.65.65 0 0 0-.706-1.093Zm4.807 3.267a.65.65 0 1 0 .703 1.093.65.65 0 0 0-.703-1.093Zm.96-3.133a.649.649 0 1 1-1.093.704.649.649 0 1 1 1.092-.704Z\"\n fillRule=\"evenodd\"\n />\n );\n\n return getIcon(IconSize.Medium, isHovered, normal, normalHover);\n};\n\nexport default AcupunctureBack;\n"],"names":["AcupunctureBack","size","isHovered","normal","React","normalHover","getIcon","IconSize"],"mappings":"kNAIA,MAAMA,EAA0C,CAAC,CAAE,KAAAC,EAAM,UAAAC,KAA2C,CAClG,MAAMC,EACHC,EAAA,cAAA,OAAA,CACC,EAAE,mhFACF,SAAS,SAAA,CACX,EAGIC,EACHD,EAAA,cAAA,OAAA,CACC,EAAE,6/EACF,SAAS,SAAA,CACX,EAGF,OAAOE,EAAQC,EAAS,OAAQL,EAAWC,EAAQE,CAAW,CAChE"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import a from"react";import{getIcon as c}from"./Icon.js";import"classnames";import"../../constants.js";import"../../hooks/useUuid.js";import"../../uuid.js";const
|
|
1
|
+
import a from"react";import{getIcon as c}from"./Icon.js";import"classnames";import"../../constants.js";import"../../hooks/useUuid.js";import"../../uuid.js";import"../../utils/environment.js";const E=({size:l,isHovered:e})=>c(l,e,a.createElement("g",{fillRule:"evenodd"},a.createElement("path",{d:"M24.65 25.937h-4.88v-1.3h3.58v-4.862h1.3zM16.272 36.651l-.954-.883 2.632-2.845.954.883zM31.728 36.651l-2.632-2.845.954-.883 2.632 2.845z"}),a.createElement("path",{d:"M24 14.602c-5.447 0-9.879 4.432-9.879 9.88 0 5.446 4.432 9.877 9.879 9.877 5.447 0 9.878-4.43 9.878-9.878 0-5.447-4.431-9.879-9.878-9.879m0 21.057c-6.164 0-11.179-5.015-11.179-11.178 0-6.164 5.015-11.179 11.179-11.179 6.164 0 11.178 5.015 11.178 11.18 0 6.162-5.014 11.177-11.178 11.177"}),a.createElement("path",{d:"M16.287 12.44h-.005a3.418 3.418 0 00-2.435 1.013 3.435 3.435 0 00.557 5.306 11.19 11.19 0 014.936-4.43 3.407 3.407 0 00-3.053-1.89zm-1.33 8.03l-.556-.241a4.74 4.74 0 01-2.859-4.336 4.707 4.707 0 011.384-3.357 4.715 4.715 0 013.354-1.396h.007c2.08 0 3.892 1.344 4.513 3.346l.18.579-.565.219a9.885 9.885 0 00-5.178 4.649l-.28.538zm13.704-6.14a11.179 11.179 0 014.935 4.428 3.438 3.438 0 001.563-2.879 3.45 3.45 0 00-3.446-3.44h-.006a3.407 3.407 0 00-3.046 1.89zm4.382 6.14l-.28-.537a9.884 9.884 0 00-5.178-4.649l-.563-.22.179-.578a4.713 4.713 0 014.504-3.346h.008a4.75 4.75 0 014.745 4.737 4.738 4.738 0 01-2.86 4.35l-.555.242z"})),a.createElement("g",{fillRule:"evenodd"},a.createElement("path",{d:"M24.65 25.937h-4.88v-1.3h3.58v-4.862h1.3zM16.272 36.651l-.954-.883 2.632-2.845.954.883zM31.728 36.651l-2.632-2.845.954-.883 2.632 2.845z"}),a.createElement("path",{d:"M24 14.602c-5.447 0-9.88 4.432-9.88 9.88 0 5.446 4.433 9.877 9.88 9.877 5.447 0 9.878-4.43 9.878-9.878 0-5.447-4.431-9.879-9.878-9.879m0 21.057c-6.164 0-11.18-5.015-11.18-11.178 0-6.164 5.016-11.179 11.18-11.179s11.178 5.015 11.178 11.18c0 6.162-5.014 11.177-11.178 11.177"}),a.createElement("path",{d:"M28.66 14.329a11.184 11.184 0 014.936 4.43 3.437 3.437 0 00-1.878-6.319h-.006a3.407 3.407 0 00-3.052 1.889zm4.383 6.142l-.28-.538a9.88 9.88 0 00-5.179-4.649l-.564-.22.18-.578c.621-2.002 2.434-3.346 4.512-3.346h.008a4.715 4.715 0 013.354 1.396 4.71 4.71 0 011.384 3.357 4.742 4.742 0 01-2.859 4.336l-.556.242zm7.718-7.195l-1.3-.008c.014-2.44-1.794-5.082-4.737-5.1l.008-1.3c3.746.022 6.047 3.343 6.03 6.408"}),a.createElement("path",{d:"M43.778 13.225l-1.3-.008c.011-1.962-.72-3.954-2.006-5.465-.99-1.163-2.744-2.552-5.477-2.568l.008-1.299c2.516.014 4.81 1.088 6.46 3.024 1.484 1.744 2.328 4.046 2.315 6.316m-27.491-.785h-.005a3.418 3.418 0 00-2.435 1.013 3.435 3.435 0 00.557 5.306 11.179 11.179 0 014.936-4.43 3.407 3.407 0 00-3.053-1.89zm-1.33 8.03l-.556-.241a4.74 4.74 0 01-2.86-4.336 4.707 4.707 0 011.385-3.357 4.715 4.715 0 013.354-1.396h.007c2.079 0 3.892 1.344 4.513 3.346l.179.579-.564.219a9.882 9.882 0 00-5.178 4.649l-.28.538zm-7.718-7.194c-.018-3.065 2.283-6.386 6.03-6.407l.008 1.3c-2.944.017-4.752 2.66-4.738 5.099l-1.3.008z"}),a.createElement("path",{d:"M4.254 13.006c-.025-4.378 3.256-9.122 8.6-9.152l.007 1.3c-4.54.025-7.328 4.092-7.307 7.844l-1.3.008z"})),a.createElement("path",{fillRule:"evenodd",d:"M23.869 33.994c-5.32 0-9.646-4.326-9.646-9.644a9.588 9.588 0 011.98-5.83c.03-.04.06-.082.09-.12a9.601 9.601 0 011.07-1.15l.13-.118a9.554 9.554 0 011.375-1.013 9.573 9.573 0 015-1.413 9.577 9.577 0 014.997 1.41l.108.066a9.63 9.63 0 011.397 1.066c.387.354.747.737 1.072 1.15.032.04.061.082.092.122a9.576 9.576 0 011.98 5.83c0 5.318-4.327 9.644-9.645 9.644zM12.945 15.76a3.187 3.187 0 01.936-2.272 3.19 3.19 0 012.27-.944h.006c1.137 0 2.158.599 2.726 1.549-.028.012-.05.031-.077.044a11.47 11.47 0 00-2.445 1.64c-.08.07-.156.14-.233.21-.32.297-.628.61-.913.942-.03.035-.062.065-.091.1-.312.372-.596.769-.859 1.18-.019.028-.043.053-.062.084a3.196 3.196 0 01-1.258-2.533zm18.632-3.216h.005c.855 0 1.66.332 2.266.936a3.196 3.196 0 01-.315 4.811c-.019-.03-.044-.056-.063-.087-.264-.41-.548-.806-.86-1.178l-.082-.09c-.29-.337-.6-.653-.925-.954l-.223-.203a11.462 11.462 0 00-2.445-1.64c-.027-.013-.053-.032-.08-.046a3.165 3.165 0 012.722-1.549zm3.705 11.807c0-1.593-.33-3.11-.923-4.488a4.95 4.95 0 00.738-7.635 4.947 4.947 0 00-3.515-1.452h-.008a4.926 4.926 0 00-4.37 2.661 11.37 11.37 0 00-6.67 0 4.924 4.924 0 00-4.377-2.661h-.009a4.945 4.945 0 00-3.519 1.464 4.94 4.94 0 00-1.454 3.523 4.968 4.968 0 002.202 4.101 11.33 11.33 0 00-.922 4.487c0 3.686 1.763 6.96 4.484 9.048l-1.925 2.08 1.299 1.2 2.122-2.294a11.34 11.34 0 005.434 1.379c1.965 0 3.817-.5 5.434-1.379l2.12 2.294 1.3-1.2-1.926-2.08c2.72-2.088 4.485-5.362 4.485-9.048zm-12.297-.078h-3.346v1.768h5.114v-6.395h-1.768v4.627z"}),a.createElement("path",{fillRule:"evenodd",d:"M33.534 18.292c-.021-.033-.048-.062-.07-.095-.26-.404-.539-.795-.847-1.162-.037-.043-.077-.082-.114-.125a11.665 11.665 0 00-1.134-1.14 11.395 11.395 0 00-2.434-1.632c-.028-.013-.053-.032-.08-.046a3.168 3.168 0 012.725-1.549h.006a3.192 3.192 0 012.27.944 3.198 3.198 0 01-.322 4.805zm-9.666 15.702c-5.318 0-9.644-4.326-9.644-9.644a9.578 9.578 0 011.98-5.83l.09-.121a9.623 9.623 0 011.072-1.15 9.615 9.615 0 011.5-1.128 9.58 9.58 0 015.002-1.415 9.58 9.58 0 014.996 1.41l.111.067c.447.28.868.598 1.262.944l.142.129a9.7 9.7 0 011.058 1.137c.036.045.07.093.105.139a9.573 9.573 0 011.97 5.818c0 5.318-4.326 9.644-9.644 9.644zM12.945 15.759a3.213 3.213 0 013.204-3.216h.007c1.138 0 2.158.599 2.727 1.549-.026.012-.048.03-.075.043a11.458 11.458 0 00-3.595 2.796c-.028.033-.06.063-.087.096-.313.373-.597.77-.861 1.18-.02.03-.043.056-.062.085a3.196 3.196 0 01-1.258-2.533zm23.616.003a4.947 4.947 0 00-1.453-3.523 4.945 4.945 0 00-3.52-1.464h-.008c-1.87 0-3.53 1.04-4.378 2.661a11.355 11.355 0 00-3.334-.499c-1.16 0-2.278.176-3.333.5a4.926 4.926 0 00-4.38-2.662h-.008a4.986 4.986 0 00-4.97 4.987 4.963 4.963 0 002.2 4.101 11.352 11.352 0 00-.921 4.487c0 3.686 1.763 6.959 4.483 9.048l-1.925 2.079 1.297 1.202 2.123-2.295c1.617.88 3.469 1.38 5.434 1.38 1.966 0 3.816-.5 5.433-1.38l2.124 2.295 1.297-1.202-1.925-2.08c2.72-2.088 4.484-5.361 4.484-9.047 0-1.593-.33-3.109-.922-4.487a4.963 4.963 0 002.202-4.101zm2.661-7.097c-1.18-1.383-2.82-2.152-4.62-2.162l-.01 1.768c1.638.01 2.689.844 3.284 1.541a5.158 5.158 0 011.218 3.323l1.77.01a6.96 6.96 0 00-1.642-4.48zM13.137 6.503c-3.892.022-6.282 3.466-6.264 6.643l1.768-.01c-.013-2.327 1.707-4.849 4.504-4.865l-.008-1.768zm9.846 17.768h-3.345v1.769h5.115v-6.395h-1.77v4.626z"}));export{E as default};
|
|
2
2
|
//# sourceMappingURL=AlarmClock.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AlarmClock.js","sources":["../../../src/components/Icons/AlarmClock.tsx"],"sourcesContent":["import React from 'react';\nimport { getIcon, SvgPathProps } from './Icon';\n\nconst AlarmClock: React.FC<SvgPathProps> = ({ size, isHovered }: SvgPathProps): JSX.Element => {\n const normal = (\n <g fillRule=\"evenodd\">\n <path d=\"M24.65 25.937h-4.88v-1.3h3.58v-4.862h1.3zM16.272 36.651l-.954-.883 2.632-2.845.954.883zM31.728 36.651l-2.632-2.845.954-.883 2.632 2.845z\" />\n <path d=\"M24 14.602c-5.447 0-9.879 4.432-9.879 9.88 0 5.446 4.432 9.877 9.879 9.877 5.447 0 9.878-4.43 9.878-9.878 0-5.447-4.431-9.879-9.878-9.879m0 21.057c-6.164 0-11.179-5.015-11.179-11.178 0-6.164 5.015-11.179 11.179-11.179 6.164 0 11.178 5.015 11.178 11.18 0 6.162-5.014 11.177-11.178 11.177\" />\n <path d=\"M16.287 12.44h-.005a3.418 3.418 0 00-2.435 1.013 3.435 3.435 0 00.557 5.306 11.19 11.19 0 014.936-4.43 3.407 3.407 0 00-3.053-1.89zm-1.33 8.03l-.556-.241a4.74 4.74 0 01-2.859-4.336 4.707 4.707 0 011.384-3.357 4.715 4.715 0 013.354-1.396h.007c2.08 0 3.892 1.344 4.513 3.346l.18.579-.565.219a9.885 9.885 0 00-5.178 4.649l-.28.538zm13.704-6.14a11.179 11.179 0 014.935 4.428 3.438 3.438 0 001.563-2.879 3.45 3.45 0 00-3.446-3.44h-.006a3.407 3.407 0 00-3.046 1.89zm4.382 6.14l-.28-.537a9.884 9.884 0 00-5.178-4.649l-.563-.22.179-.578a4.713 4.713 0 014.504-3.346h.008a4.75 4.75 0 014.745 4.737 4.738 4.738 0 01-2.86 4.35l-.555.242z\" />\n </g>\n );\n\n const normalHover = (\n <g fillRule=\"evenodd\">\n <path d=\"M24.65 25.937h-4.88v-1.3h3.58v-4.862h1.3zM16.272 36.651l-.954-.883 2.632-2.845.954.883zM31.728 36.651l-2.632-2.845.954-.883 2.632 2.845z\" />\n <path d=\"M24 14.602c-5.447 0-9.88 4.432-9.88 9.88 0 5.446 4.433 9.877 9.88 9.877 5.447 0 9.878-4.43 9.878-9.878 0-5.447-4.431-9.879-9.878-9.879m0 21.057c-6.164 0-11.18-5.015-11.18-11.178 0-6.164 5.016-11.179 11.18-11.179s11.178 5.015 11.178 11.18c0 6.162-5.014 11.177-11.178 11.177\" />\n <path d=\"M28.66 14.329a11.184 11.184 0 014.936 4.43 3.437 3.437 0 00-1.878-6.319h-.006a3.407 3.407 0 00-3.052 1.889zm4.383 6.142l-.28-.538a9.88 9.88 0 00-5.179-4.649l-.564-.22.18-.578c.621-2.002 2.434-3.346 4.512-3.346h.008a4.715 4.715 0 013.354 1.396 4.71 4.71 0 011.384 3.357 4.742 4.742 0 01-2.859 4.336l-.556.242zm7.718-7.195l-1.3-.008c.014-2.44-1.794-5.082-4.737-5.1l.008-1.3c3.746.022 6.047 3.343 6.03 6.408\" />\n <path d=\"M43.778 13.225l-1.3-.008c.011-1.962-.72-3.954-2.006-5.465-.99-1.163-2.744-2.552-5.477-2.568l.008-1.299c2.516.014 4.81 1.088 6.46 3.024 1.484 1.744 2.328 4.046 2.315 6.316m-27.491-.785h-.005a3.418 3.418 0 00-2.435 1.013 3.435 3.435 0 00.557 5.306 11.179 11.179 0 014.936-4.43 3.407 3.407 0 00-3.053-1.89zm-1.33 8.03l-.556-.241a4.74 4.74 0 01-2.86-4.336 4.707 4.707 0 011.385-3.357 4.715 4.715 0 013.354-1.396h.007c2.079 0 3.892 1.344 4.513 3.346l.179.579-.564.219a9.882 9.882 0 00-5.178 4.649l-.28.538zm-7.718-7.194c-.018-3.065 2.283-6.386 6.03-6.407l.008 1.3c-2.944.017-4.752 2.66-4.738 5.099l-1.3.008z\" />\n <path d=\"M4.254 13.006c-.025-4.378 3.256-9.122 8.6-9.152l.007 1.3c-4.54.025-7.328 4.092-7.307 7.844l-1.3.008z\" />\n </g>\n );\n\n const xSmall = (\n <path\n fillRule=\"evenodd\"\n d=\"M23.869 33.994c-5.32 0-9.646-4.326-9.646-9.644a9.588 9.588 0 011.98-5.83c.03-.04.06-.082.09-.12a9.601 9.601 0 011.07-1.15l.13-.118a9.554 9.554 0 011.375-1.013 9.573 9.573 0 015-1.413 9.577 9.577 0 014.997 1.41l.108.066a9.63 9.63 0 011.397 1.066c.387.354.747.737 1.072 1.15.032.04.061.082.092.122a9.576 9.576 0 011.98 5.83c0 5.318-4.327 9.644-9.645 9.644zM12.945 15.76a3.187 3.187 0 01.936-2.272 3.19 3.19 0 012.27-.944h.006c1.137 0 2.158.599 2.726 1.549-.028.012-.05.031-.077.044a11.47 11.47 0 00-2.445 1.64c-.08.07-.156.14-.233.21-.32.297-.628.61-.913.942-.03.035-.062.065-.091.1-.312.372-.596.769-.859 1.18-.019.028-.043.053-.062.084a3.196 3.196 0 01-1.258-2.533zm18.632-3.216h.005c.855 0 1.66.332 2.266.936a3.196 3.196 0 01-.315 4.811c-.019-.03-.044-.056-.063-.087-.264-.41-.548-.806-.86-1.178l-.082-.09c-.29-.337-.6-.653-.925-.954l-.223-.203a11.462 11.462 0 00-2.445-1.64c-.027-.013-.053-.032-.08-.046a3.165 3.165 0 012.722-1.549zm3.705 11.807c0-1.593-.33-3.11-.923-4.488a4.95 4.95 0 00.738-7.635 4.947 4.947 0 00-3.515-1.452h-.008a4.926 4.926 0 00-4.37 2.661 11.37 11.37 0 00-6.67 0 4.924 4.924 0 00-4.377-2.661h-.009a4.945 4.945 0 00-3.519 1.464 4.94 4.94 0 00-1.454 3.523 4.968 4.968 0 002.202 4.101 11.33 11.33 0 00-.922 4.487c0 3.686 1.763 6.96 4.484 9.048l-1.925 2.08 1.299 1.2 2.122-2.294a11.34 11.34 0 005.434 1.379c1.965 0 3.817-.5 5.434-1.379l2.12 2.294 1.3-1.2-1.926-2.08c2.72-2.088 4.485-5.362 4.485-9.048zm-12.297-.078h-3.346v1.768h5.114v-6.395h-1.768v4.627z\"\n />\n );\n\n const xSmallHover = (\n <path\n fillRule=\"evenodd\"\n d=\"M33.534 18.292c-.021-.033-.048-.062-.07-.095-.26-.404-.539-.795-.847-1.162-.037-.043-.077-.082-.114-.125a11.665 11.665 0 00-1.134-1.14 11.395 11.395 0 00-2.434-1.632c-.028-.013-.053-.032-.08-.046a3.168 3.168 0 012.725-1.549h.006a3.192 3.192 0 012.27.944 3.198 3.198 0 01-.322 4.805zm-9.666 15.702c-5.318 0-9.644-4.326-9.644-9.644a9.578 9.578 0 011.98-5.83l.09-.121a9.623 9.623 0 011.072-1.15 9.615 9.615 0 011.5-1.128 9.58 9.58 0 015.002-1.415 9.58 9.58 0 014.996 1.41l.111.067c.447.28.868.598 1.262.944l.142.129a9.7 9.7 0 011.058 1.137c.036.045.07.093.105.139a9.573 9.573 0 011.97 5.818c0 5.318-4.326 9.644-9.644 9.644zM12.945 15.759a3.213 3.213 0 013.204-3.216h.007c1.138 0 2.158.599 2.727 1.549-.026.012-.048.03-.075.043a11.458 11.458 0 00-3.595 2.796c-.028.033-.06.063-.087.096-.313.373-.597.77-.861 1.18-.02.03-.043.056-.062.085a3.196 3.196 0 01-1.258-2.533zm23.616.003a4.947 4.947 0 00-1.453-3.523 4.945 4.945 0 00-3.52-1.464h-.008c-1.87 0-3.53 1.04-4.378 2.661a11.355 11.355 0 00-3.334-.499c-1.16 0-2.278.176-3.333.5a4.926 4.926 0 00-4.38-2.662h-.008a4.986 4.986 0 00-4.97 4.987 4.963 4.963 0 002.2 4.101 11.352 11.352 0 00-.921 4.487c0 3.686 1.763 6.959 4.483 9.048l-1.925 2.079 1.297 1.202 2.123-2.295c1.617.88 3.469 1.38 5.434 1.38 1.966 0 3.816-.5 5.433-1.38l2.124 2.295 1.297-1.202-1.925-2.08c2.72-2.088 4.484-5.361 4.484-9.047 0-1.593-.33-3.109-.922-4.487a4.963 4.963 0 002.202-4.101zm2.661-7.097c-1.18-1.383-2.82-2.152-4.62-2.162l-.01 1.768c1.638.01 2.689.844 3.284 1.541a5.158 5.158 0 011.218 3.323l1.77.01a6.96 6.96 0 00-1.642-4.48zM13.137 6.503c-3.892.022-6.282 3.466-6.264 6.643l1.768-.01c-.013-2.327 1.707-4.849 4.504-4.865l-.008-1.768zm9.846 17.768h-3.345v1.769h5.115v-6.395h-1.77v4.626z\"\n />\n );\n\n return getIcon(size, isHovered, normal, normalHover, xSmall, xSmallHover);\n};\n\nexport default AlarmClock;\n"],"names":["AlarmClock","size","isHovered","getIcon","React"],"mappings":"
|
|
1
|
+
{"version":3,"file":"AlarmClock.js","sources":["../../../src/components/Icons/AlarmClock.tsx"],"sourcesContent":["import React from 'react';\nimport { getIcon, SvgPathProps } from './Icon';\n\nconst AlarmClock: React.FC<SvgPathProps> = ({ size, isHovered }: SvgPathProps): JSX.Element => {\n const normal = (\n <g fillRule=\"evenodd\">\n <path d=\"M24.65 25.937h-4.88v-1.3h3.58v-4.862h1.3zM16.272 36.651l-.954-.883 2.632-2.845.954.883zM31.728 36.651l-2.632-2.845.954-.883 2.632 2.845z\" />\n <path d=\"M24 14.602c-5.447 0-9.879 4.432-9.879 9.88 0 5.446 4.432 9.877 9.879 9.877 5.447 0 9.878-4.43 9.878-9.878 0-5.447-4.431-9.879-9.878-9.879m0 21.057c-6.164 0-11.179-5.015-11.179-11.178 0-6.164 5.015-11.179 11.179-11.179 6.164 0 11.178 5.015 11.178 11.18 0 6.162-5.014 11.177-11.178 11.177\" />\n <path d=\"M16.287 12.44h-.005a3.418 3.418 0 00-2.435 1.013 3.435 3.435 0 00.557 5.306 11.19 11.19 0 014.936-4.43 3.407 3.407 0 00-3.053-1.89zm-1.33 8.03l-.556-.241a4.74 4.74 0 01-2.859-4.336 4.707 4.707 0 011.384-3.357 4.715 4.715 0 013.354-1.396h.007c2.08 0 3.892 1.344 4.513 3.346l.18.579-.565.219a9.885 9.885 0 00-5.178 4.649l-.28.538zm13.704-6.14a11.179 11.179 0 014.935 4.428 3.438 3.438 0 001.563-2.879 3.45 3.45 0 00-3.446-3.44h-.006a3.407 3.407 0 00-3.046 1.89zm4.382 6.14l-.28-.537a9.884 9.884 0 00-5.178-4.649l-.563-.22.179-.578a4.713 4.713 0 014.504-3.346h.008a4.75 4.75 0 014.745 4.737 4.738 4.738 0 01-2.86 4.35l-.555.242z\" />\n </g>\n );\n\n const normalHover = (\n <g fillRule=\"evenodd\">\n <path d=\"M24.65 25.937h-4.88v-1.3h3.58v-4.862h1.3zM16.272 36.651l-.954-.883 2.632-2.845.954.883zM31.728 36.651l-2.632-2.845.954-.883 2.632 2.845z\" />\n <path d=\"M24 14.602c-5.447 0-9.88 4.432-9.88 9.88 0 5.446 4.433 9.877 9.88 9.877 5.447 0 9.878-4.43 9.878-9.878 0-5.447-4.431-9.879-9.878-9.879m0 21.057c-6.164 0-11.18-5.015-11.18-11.178 0-6.164 5.016-11.179 11.18-11.179s11.178 5.015 11.178 11.18c0 6.162-5.014 11.177-11.178 11.177\" />\n <path d=\"M28.66 14.329a11.184 11.184 0 014.936 4.43 3.437 3.437 0 00-1.878-6.319h-.006a3.407 3.407 0 00-3.052 1.889zm4.383 6.142l-.28-.538a9.88 9.88 0 00-5.179-4.649l-.564-.22.18-.578c.621-2.002 2.434-3.346 4.512-3.346h.008a4.715 4.715 0 013.354 1.396 4.71 4.71 0 011.384 3.357 4.742 4.742 0 01-2.859 4.336l-.556.242zm7.718-7.195l-1.3-.008c.014-2.44-1.794-5.082-4.737-5.1l.008-1.3c3.746.022 6.047 3.343 6.03 6.408\" />\n <path d=\"M43.778 13.225l-1.3-.008c.011-1.962-.72-3.954-2.006-5.465-.99-1.163-2.744-2.552-5.477-2.568l.008-1.299c2.516.014 4.81 1.088 6.46 3.024 1.484 1.744 2.328 4.046 2.315 6.316m-27.491-.785h-.005a3.418 3.418 0 00-2.435 1.013 3.435 3.435 0 00.557 5.306 11.179 11.179 0 014.936-4.43 3.407 3.407 0 00-3.053-1.89zm-1.33 8.03l-.556-.241a4.74 4.74 0 01-2.86-4.336 4.707 4.707 0 011.385-3.357 4.715 4.715 0 013.354-1.396h.007c2.079 0 3.892 1.344 4.513 3.346l.179.579-.564.219a9.882 9.882 0 00-5.178 4.649l-.28.538zm-7.718-7.194c-.018-3.065 2.283-6.386 6.03-6.407l.008 1.3c-2.944.017-4.752 2.66-4.738 5.099l-1.3.008z\" />\n <path d=\"M4.254 13.006c-.025-4.378 3.256-9.122 8.6-9.152l.007 1.3c-4.54.025-7.328 4.092-7.307 7.844l-1.3.008z\" />\n </g>\n );\n\n const xSmall = (\n <path\n fillRule=\"evenodd\"\n d=\"M23.869 33.994c-5.32 0-9.646-4.326-9.646-9.644a9.588 9.588 0 011.98-5.83c.03-.04.06-.082.09-.12a9.601 9.601 0 011.07-1.15l.13-.118a9.554 9.554 0 011.375-1.013 9.573 9.573 0 015-1.413 9.577 9.577 0 014.997 1.41l.108.066a9.63 9.63 0 011.397 1.066c.387.354.747.737 1.072 1.15.032.04.061.082.092.122a9.576 9.576 0 011.98 5.83c0 5.318-4.327 9.644-9.645 9.644zM12.945 15.76a3.187 3.187 0 01.936-2.272 3.19 3.19 0 012.27-.944h.006c1.137 0 2.158.599 2.726 1.549-.028.012-.05.031-.077.044a11.47 11.47 0 00-2.445 1.64c-.08.07-.156.14-.233.21-.32.297-.628.61-.913.942-.03.035-.062.065-.091.1-.312.372-.596.769-.859 1.18-.019.028-.043.053-.062.084a3.196 3.196 0 01-1.258-2.533zm18.632-3.216h.005c.855 0 1.66.332 2.266.936a3.196 3.196 0 01-.315 4.811c-.019-.03-.044-.056-.063-.087-.264-.41-.548-.806-.86-1.178l-.082-.09c-.29-.337-.6-.653-.925-.954l-.223-.203a11.462 11.462 0 00-2.445-1.64c-.027-.013-.053-.032-.08-.046a3.165 3.165 0 012.722-1.549zm3.705 11.807c0-1.593-.33-3.11-.923-4.488a4.95 4.95 0 00.738-7.635 4.947 4.947 0 00-3.515-1.452h-.008a4.926 4.926 0 00-4.37 2.661 11.37 11.37 0 00-6.67 0 4.924 4.924 0 00-4.377-2.661h-.009a4.945 4.945 0 00-3.519 1.464 4.94 4.94 0 00-1.454 3.523 4.968 4.968 0 002.202 4.101 11.33 11.33 0 00-.922 4.487c0 3.686 1.763 6.96 4.484 9.048l-1.925 2.08 1.299 1.2 2.122-2.294a11.34 11.34 0 005.434 1.379c1.965 0 3.817-.5 5.434-1.379l2.12 2.294 1.3-1.2-1.926-2.08c2.72-2.088 4.485-5.362 4.485-9.048zm-12.297-.078h-3.346v1.768h5.114v-6.395h-1.768v4.627z\"\n />\n );\n\n const xSmallHover = (\n <path\n fillRule=\"evenodd\"\n d=\"M33.534 18.292c-.021-.033-.048-.062-.07-.095-.26-.404-.539-.795-.847-1.162-.037-.043-.077-.082-.114-.125a11.665 11.665 0 00-1.134-1.14 11.395 11.395 0 00-2.434-1.632c-.028-.013-.053-.032-.08-.046a3.168 3.168 0 012.725-1.549h.006a3.192 3.192 0 012.27.944 3.198 3.198 0 01-.322 4.805zm-9.666 15.702c-5.318 0-9.644-4.326-9.644-9.644a9.578 9.578 0 011.98-5.83l.09-.121a9.623 9.623 0 011.072-1.15 9.615 9.615 0 011.5-1.128 9.58 9.58 0 015.002-1.415 9.58 9.58 0 014.996 1.41l.111.067c.447.28.868.598 1.262.944l.142.129a9.7 9.7 0 011.058 1.137c.036.045.07.093.105.139a9.573 9.573 0 011.97 5.818c0 5.318-4.326 9.644-9.644 9.644zM12.945 15.759a3.213 3.213 0 013.204-3.216h.007c1.138 0 2.158.599 2.727 1.549-.026.012-.048.03-.075.043a11.458 11.458 0 00-3.595 2.796c-.028.033-.06.063-.087.096-.313.373-.597.77-.861 1.18-.02.03-.043.056-.062.085a3.196 3.196 0 01-1.258-2.533zm23.616.003a4.947 4.947 0 00-1.453-3.523 4.945 4.945 0 00-3.52-1.464h-.008c-1.87 0-3.53 1.04-4.378 2.661a11.355 11.355 0 00-3.334-.499c-1.16 0-2.278.176-3.333.5a4.926 4.926 0 00-4.38-2.662h-.008a4.986 4.986 0 00-4.97 4.987 4.963 4.963 0 002.2 4.101 11.352 11.352 0 00-.921 4.487c0 3.686 1.763 6.959 4.483 9.048l-1.925 2.079 1.297 1.202 2.123-2.295c1.617.88 3.469 1.38 5.434 1.38 1.966 0 3.816-.5 5.433-1.38l2.124 2.295 1.297-1.202-1.925-2.08c2.72-2.088 4.484-5.361 4.484-9.047 0-1.593-.33-3.109-.922-4.487a4.963 4.963 0 002.202-4.101zm2.661-7.097c-1.18-1.383-2.82-2.152-4.62-2.162l-.01 1.768c1.638.01 2.689.844 3.284 1.541a5.158 5.158 0 011.218 3.323l1.77.01a6.96 6.96 0 00-1.642-4.48zM13.137 6.503c-3.892.022-6.282 3.466-6.264 6.643l1.768-.01c-.013-2.327 1.707-4.849 4.504-4.865l-.008-1.768zm9.846 17.768h-3.345v1.769h5.115v-6.395h-1.77v4.626z\"\n />\n );\n\n return getIcon(size, isHovered, normal, normalHover, xSmall, xSmallHover);\n};\n\nexport default AlarmClock;\n"],"names":["AlarmClock","size","isHovered","getIcon","React"],"mappings":"+LAGA,MAAMA,EAAqC,CAAC,CAAE,KAAAC,EAAM,UAAAC,KAiC3CC,EAAQF,EAAMC,EA/BlBE,EAAA,cAAA,IAAA,CAAE,SAAS,SAAA,EACTA,EAAA,cAAA,OAAA,CAAK,EAAE,0IAAA,CAA2I,EAClJA,EAAA,cAAA,OAAA,CAAK,EAAE,gSAAA,CAAiS,EACxSA,EAAA,cAAA,OAAA,CAAK,EAAE,mnBAAonB,CAAA,CAC9nB,EAICA,EAAA,cAAA,IAAA,CAAE,SAAS,SAAA,EACTA,EAAA,cAAA,OAAA,CAAK,EAAE,0IAAA,CAA2I,EAClJA,EAAA,cAAA,OAAA,CAAK,EAAE,kRAAA,CAAmR,EAC1RA,EAAA,cAAA,OAAA,CAAK,EAAE,sZAAA,CAAuZ,EAC9ZA,EAAA,cAAA,OAAA,CAAK,EAAE,4lBAAA,CAA6lB,EACpmBA,EAAA,cAAA,OAAA,CAAK,EAAE,sGAAuG,CAAA,CACjH,EAICA,EAAA,cAAA,OAAA,CACC,SAAS,UACT,EAAE,q8CAAA,CACJ,EAICA,EAAA,cAAA,OAAA,CACC,SAAS,UACT,EAAE,6qDAAA,CACJ,CAGsE"}
|