@frontify/guideline-blocks-settings 1.0.13 → 2.0.0

package/dist/components/BlockItemWrapper/Toolbar/MenuToolbarButton/MenuToolbarButton.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuToolbarButton.es.js","sources":["../../../../../src/components/BlockItemWrapper/Toolbar/MenuToolbarButton/MenuToolbarButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { useMemoizedId } from '@frontify/fondue';\nimport { Dropdown, Tooltip } from '@frontify/fondue/components';\nimport { IconDotsHorizontal } from '@frontify/fondue/icons';\n\nimport { BaseToolbarButton } from '../BaseToolbarButton';\nimport { useDragPreviewContext } from '../context';\nimport { useMultiFlyoutState } from '../hooks';\n\nexport const DEFAULT_MENU_BUTTON_ID = 'menu';\n\nexport type MenuToolbarButtonProps = {\n    items: {\n        title: string;\n        onClick: () => void;\n        icon: JSX.Element;\n        style?: 'default' | 'danger';\n    }[][];\n    flyoutId?: string;\n    tooltip?: string;\n};\n\nexport const MenuToolbarButton = ({\n    items,\n    flyoutId = DEFAULT_MENU_BUTTON_ID,\n    tooltip = 'Options',\n}: MenuToolbarButtonProps) => {\n    const id = useMemoizedId(flyoutId);\n    const { isOpen, onOpenChange } = useMultiFlyoutState(id);\n    const isDragPreview = useDragPreviewContext();\n\n    return (\n        <Dropdown.Root open={isOpen && !isDragPreview} onOpenChange={onOpenChange}>\n            <Tooltip.Root>\n                <Tooltip.Trigger asChild>\n                    <Dropdown.Trigger asChild>\n                        <BaseToolbarButton data-test-id=\"block-item-wrapper-toolbar-flyout\">\n                            <IconDotsHorizontal size=\"16\" />\n                        </BaseToolbarButton>\n                    </Dropdown.Trigger>\n                </Tooltip.Trigger>\n                <Dropdown.Content>\n                    {items.map((block, blockIndex) => (\n                        <Dropdown.Group key={blockIndex}>\n                            {block.map((item, itemIndex) => (\n                                <Dropdown.Item\n                                    data-test-id=\"menu-item\"\n                                    onSelect={() => {\n                                        onOpenChange(false);\n                                        item.onClick();\n                                    }}\n                                    emphasis={item.style || 'default'}\n                                    key={`${blockIndex}-${itemIndex}`}\n                                >\n                                    <div className=\"tw-mr-2\">{item.icon}</div>\n                                    <span>{item.title}</span>\n                                </Dropdown.Item>\n                            ))}\n                        </Dropdown.Group>\n                    ))}\n                </Dropdown.Content>\n                <Tooltip.Content>{tooltip}</Tooltip.Content>\n            </Tooltip.Root>\n        </Dropdown.Root>\n    );\n};\n"],"names":["DEFAULT_MENU_BUTTON_ID","MenuToolbarButton","items","flyoutId","tooltip","id","useMemoizedId","isOpen","onOpenChange","useMultiFlyoutState","isDragPreview","useDragPreviewContext","jsx","Dropdown","jsxs","Tooltip","BaseToolbarButton","IconDotsHorizontal","block","blockIndex","item","itemIndex"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUO,MAAMA,IAAyB,QAazBC,KAAoB,CAAC;AAAA,EAC9B,OAAAC;AAAA,EACA,UAAAC,IAAWH;AAAA,EACX,SAAAI,IAAU;AACd,MAA8B;AAC1B,QAAMC,IAAKC,EAAcH,CAAQ,GAC3B,EAAE,QAAAI,GAAQ,cAAAC,MAAiBC,EAAoBJ,CAAE,GACjDK,IAAgBC,EAAA;AAEtB,SACI,gBAAAC,EAACC,EAAS,MAAT,EAAc,MAAMN,KAAU,CAACG,GAAe,cAAAF,GAC3C,UAAA,gBAAAM,EAACC,EAAQ,MAAR,EACG,UAAA;AAAA,IAAA,gBAAAH,EAACG,EAAQ,SAAR,EAAgB,SAAO,IACpB,UAAA,gBAAAH,EAACC,EAAS,SAAT,EAAiB,SAAO,IACrB,UAAA,gBAAAD,EAACI,GAAA,EAAkB,gBAAa,qCAC5B,UAAA,gBAAAJ,EAACK,KAAmB,MAAK,KAAA,CAAK,GAClC,EAAA,CACJ,EAAA,CACJ;AAAA,sBACCJ,EAAS,SAAT,EACI,UAAAX,EAAM,IAAI,CAACgB,GAAOC,MACf,gBAAAP,EAACC,EAAS,OAAT,EACI,YAAM,IAAI,CAACO,GAAMC,MACd,gBAAAP;AAAA,MAACD,EAAS;AAAA,MAAT;AAAA,QACG,gBAAa;AAAA,QACb,UAAU,MAAM;AACZ,UAAAL,EAAa,EAAK,GAClBY,EAAK,QAAA;AAAA,QACT;AAAA,QACA,UAAUA,EAAK,SAAS;AAAA,QAGxB,UAAA;AAAA,UAAA,gBAAAR,EAAC,OAAA,EAAI,WAAU,WAAW,UAAAQ,EAAK,MAAK;AAAA,UACpC,gBAAAR,EAAC,QAAA,EAAM,UAAAQ,EAAK,MAAA,CAAM;AAAA,QAAA;AAAA,MAAA;AAAA,MAHb,GAAGD,CAAU,IAAIE,CAAS;AAAA,IAAA,CAKtC,EAAA,GAdgBF,CAerB,CACH,GACL;AAAA,IACA,gBAAAP,EAACG,EAAQ,SAAR,EAAiB,UAAAX,EAAA,CAAQ;AAAA,EAAA,EAAA,CAC9B,EAAA,CACJ;AAER;"}
+{"version":3,"file":"MenuToolbarButton.es.js","sources":["../../../../../src/components/BlockItemWrapper/Toolbar/MenuToolbarButton/MenuToolbarButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { useMemoizedId } from '@frontify/fondue';\nimport { Dropdown, Tooltip } from '@frontify/fondue/components';\nimport { IconDotsHorizontal } from '@frontify/fondue/icons';\n\nimport { BaseToolbarButton } from '../BaseToolbarButton';\nimport { useDragPreviewContext } from '../context';\nimport { useMultiFlyoutState } from '../hooks';\n\nexport const DEFAULT_MENU_BUTTON_ID = 'menu';\n\nexport type MenuToolbarButtonProps = {\n    items: {\n        title: string;\n        onClick: () => void;\n        icon: JSX.Element;\n        style?: 'default' | 'danger';\n    }[][];\n    flyoutId?: string;\n    tooltip?: string;\n};\n\nexport const MenuToolbarButton = ({\n    items,\n    flyoutId = DEFAULT_MENU_BUTTON_ID,\n    tooltip = 'Options',\n}: MenuToolbarButtonProps) => {\n    const id = useMemoizedId(flyoutId);\n    const { isOpen, onOpenChange } = useMultiFlyoutState(id);\n    const isDragPreview = useDragPreviewContext();\n\n    return (\n        <Dropdown.Root open={isOpen && !isDragPreview} onOpenChange={onOpenChange}>\n            <Tooltip.Root>\n                <Tooltip.Trigger asChild>\n                    <Dropdown.Trigger asChild>\n                        <BaseToolbarButton data-test-id=\"block-item-wrapper-toolbar-flyout\">\n                            <IconDotsHorizontal size=\"16\" />\n                        </BaseToolbarButton>\n                    </Dropdown.Trigger>\n                </Tooltip.Trigger>\n                <Dropdown.Content>\n                    {items.map((block, blockIndex) => (\n                        <Dropdown.Group key={blockIndex}>\n                            {block.map((item, itemIndex) => (\n                                <Dropdown.Item\n                                    data-test-id=\"menu-item\"\n                                    onSelect={() => {\n                                        onOpenChange(false);\n                                        item.onClick();\n                                    }}\n                                    emphasis={item.style || 'default'}\n                                    key={`${blockIndex}-${itemIndex}`}\n                                >\n                                    <div className=\"tw-mr-2\">{item.icon}</div>\n                                    <span>{item.title}</span>\n                                </Dropdown.Item>\n                            ))}\n                        </Dropdown.Group>\n                    ))}\n                </Dropdown.Content>\n                <Tooltip.Content>{tooltip}</Tooltip.Content>\n            </Tooltip.Root>\n        </Dropdown.Root>\n    );\n};\n"],"names":["DEFAULT_MENU_BUTTON_ID","MenuToolbarButton","items","flyoutId","tooltip","id","useMemoizedId","isOpen","onOpenChange","useMultiFlyoutState","isDragPreview","useDragPreviewContext","jsx","Dropdown","jsxs","Tooltip","BaseToolbarButton","IconDotsHorizontal","block","blockIndex","item","itemIndex"],"mappings":";;;;;;;AAUO,MAAMA,IAAyB,QAazBC,IAAoB,CAAC;AAAA,EAC9B,OAAAC;AAAA,EACA,UAAAC,IAAWH;AAAA,EACX,SAAAI,IAAU;AACd,MAA8B;AAC1B,QAAMC,IAAKC,EAAcH,CAAQ,GAC3B,EAAE,QAAAI,GAAQ,cAAAC,MAAiBC,EAAoBJ,CAAE,GACjDK,IAAgBC,EAAA;AAEtB,SACI,gBAAAC,EAACC,EAAS,MAAT,EAAc,MAAMN,KAAU,CAACG,GAAe,cAAAF,GAC3C,UAAA,gBAAAM,EAACC,EAAQ,MAAR,EACG,UAAA;AAAA,IAAA,gBAAAH,EAACG,EAAQ,SAAR,EAAgB,SAAO,IACpB,UAAA,gBAAAH,EAACC,EAAS,SAAT,EAAiB,SAAO,IACrB,UAAA,gBAAAD,EAACI,GAAA,EAAkB,gBAAa,qCAC5B,UAAA,gBAAAJ,EAACK,KAAmB,MAAK,KAAA,CAAK,GAClC,EAAA,CACJ,EAAA,CACJ;AAAA,sBACCJ,EAAS,SAAT,EACI,UAAAX,EAAM,IAAI,CAACgB,GAAOC,MACf,gBAAAP,EAACC,EAAS,OAAT,EACI,YAAM,IAAI,CAACO,GAAMC,MACd,gBAAAP;AAAA,MAACD,EAAS;AAAA,MAAT;AAAA,QACG,gBAAa;AAAA,QACb,UAAU,MAAM;AACZ,UAAAL,EAAa,EAAK,GAClBY,EAAK,QAAA;AAAA,QACT;AAAA,QACA,UAAUA,EAAK,SAAS;AAAA,QAGxB,UAAA;AAAA,UAAA,gBAAAR,EAAC,OAAA,EAAI,WAAU,WAAW,UAAAQ,EAAK,MAAK;AAAA,UACpC,gBAAAR,EAAC,QAAA,EAAM,UAAAQ,EAAK,MAAA,CAAM;AAAA,QAAA;AAAA,MAAA;AAAA,MAHb,GAAGD,CAAU,IAAIE,CAAS;AAAA,IAAA,CAKtC,EAAA,GAdgBF,CAerB,CACH,GACL;AAAA,IACA,gBAAAP,EAACG,EAAQ,SAAR,EAAiB,UAAAX,EAAA,CAAQ;AAAA,EAAA,EAAA,CAC9B,EAAA,CACJ;AAER;"}

package/dist/components/BlockItemWrapper/Toolbar/Toolbar.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.es.js","sources":["../../../../src/components/BlockItemWrapper/Toolbar/Toolbar.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { AttachmentsToolbarButton } from './AttachmentsToolbarButton';\nimport { DragHandleToolbarButton } from './DragHandleToolbarButton';\nimport { FlyoutToolbarButton } from './FlyoutToolbarButton';\nimport { MenuToolbarButton } from './MenuToolbarButton';\nimport { ToolbarButton } from './ToolbarButton';\nimport { ToolbarSegment } from './ToolbarSegment';\nimport { type ToolbarProps } from './types';\n\nexport const Toolbar = ({ items, attachments }: ToolbarProps) => (\n    <div\n        data-test-id=\"block-item-wrapper-toolbar\"\n        className=\"tw-rounded-md tw-bg-base tw-border tw-border-line-strong tw-divide-x tw-divide-line-strong tw-shadow-lg tw-flex tw-flex-none tw-items-center tw-isolate\"\n    >\n        {attachments.isEnabled && (\n            <ToolbarSegment>\n                <AttachmentsToolbarButton />\n            </ToolbarSegment>\n        )}\n        {items.length > 0 && (\n            <ToolbarSegment>\n                {items.map((item) => {\n                    switch (item.type) {\n                        case 'dragHandle':\n                            // eslint-disable-next-line @typescript-eslint/restrict-plus-operands\n                            return <DragHandleToolbarButton key={item.tooltip + item.type} {...item} />;\n                        case 'menu':\n                            // eslint-disable-next-line @typescript-eslint/restrict-plus-operands, @typescript-eslint/no-base-to-string\n                            return <MenuToolbarButton key={item.tooltip + item.type} {...item} />;\n                        case 'flyout':\n                            // eslint-disable-next-line @typescript-eslint/restrict-plus-operands, @typescript-eslint/no-base-to-string\n                            return <FlyoutToolbarButton key={item.tooltip + item.type} {...item} />;\n                        default:\n                            // eslint-disable-next-line @typescript-eslint/restrict-plus-operands\n                            return <ToolbarButton key={item.tooltip + item.type} {...item} />;\n                    }\n                })}\n            </ToolbarSegment>\n        )}\n    </div>\n);\n"],"names":["Toolbar","items","attachments","jsxs","jsx","ToolbarSegment","AttachmentsToolbarButton","item","DragHandleToolbarButton","MenuToolbarButton","FlyoutToolbarButton","ToolbarButton"],"mappings":";;;;;;;AAUO,MAAMA,IAAU,CAAC,EAAE,OAAAC,GAAO,aAAAC,QAC7B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,gBAAa;AAAA,IACb,WAAU;AAAA,IAET,UAAA;AAAA,MAAAD,EAAY,aACT,gBAAAE,EAACC,GAAA,EACG,UAAA,gBAAAD,EAACE,KAAyB,GAC9B;AAAA,MAEHL,EAAM,SAAS,KACZ,gBAAAG,EAACC,KACI,UAAAJ,EAAM,IAAI,CAACM,MAAS;AACjB,gBAAQA,EAAK,MAAA;AAAA,UACT,KAAK;AAED,qCAAQC,GAAA,EAAwD,GAAGD,KAA9BA,EAAK,UAAUA,EAAK,IAAgB;AAAA,UAC7E,KAAK;AAED,qCAAQE,GAAA,EAAkD,GAAGF,KAA9BA,EAAK,UAAUA,EAAK,IAAgB;AAAA,UACvE,KAAK;AAED,qCAAQG,GAAA,EAAoD,GAAGH,KAA9BA,EAAK,UAAUA,EAAK,IAAgB;AAAA,UACzE;AAEI,qCAAQI,GAAA,EAA8C,GAAGJ,KAA9BA,EAAK,UAAUA,EAAK,IAAgB;AAAA,QAAA;AAAA,MAE3E,CAAC,EAAA,CACL;AAAA,IAAA;AAAA,EAAA;AAER;"}
+{"version":3,"file":"Toolbar.es.js","sources":["../../../../src/components/BlockItemWrapper/Toolbar/Toolbar.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { AttachmentsToolbarButton } from './AttachmentsToolbarButton';\nimport { DragHandleToolbarButton } from './DragHandleToolbarButton';\nimport { FlyoutToolbarButton } from './FlyoutToolbarButton';\nimport { MenuToolbarButton } from './MenuToolbarButton';\nimport { ToolbarButton } from './ToolbarButton';\nimport { ToolbarSegment } from './ToolbarSegment';\nimport { type ToolbarProps } from './types';\n\nexport const Toolbar = ({ items, attachments }: ToolbarProps) => (\n    <div\n        data-test-id=\"block-item-wrapper-toolbar\"\n        className=\"tw-rounded-md tw-bg-base tw-border tw-border-line-strong tw-divide-x tw-divide-line-strong tw-shadow-lg tw-flex tw-flex-none tw-items-center tw-isolate\"\n    >\n        {attachments.isEnabled && (\n            <ToolbarSegment>\n                <AttachmentsToolbarButton />\n            </ToolbarSegment>\n        )}\n        {items.length > 0 && (\n            <ToolbarSegment>\n                {items.map((item) => {\n                    switch (item.type) {\n                        case 'dragHandle':\n                            return <DragHandleToolbarButton key={item.tooltip + item.type} {...item} />;\n                        case 'menu':\n                            return <MenuToolbarButton key={item.tooltip + item.type} {...item} />;\n                        case 'flyout':\n                            // eslint-disable-next-line @typescript-eslint/restrict-plus-operands, @typescript-eslint/no-base-to-string\n                            return <FlyoutToolbarButton key={item.tooltip + item.type} {...item} />;\n                        default:\n                            return <ToolbarButton key={item.tooltip + item.type} {...item} />;\n                    }\n                })}\n            </ToolbarSegment>\n        )}\n    </div>\n);\n"],"names":["Toolbar","items","attachments","jsxs","jsx","ToolbarSegment","AttachmentsToolbarButton","item","DragHandleToolbarButton","MenuToolbarButton","FlyoutToolbarButton","ToolbarButton"],"mappings":";;;;;;;AAUO,MAAMA,IAAU,CAAC,EAAE,OAAAC,GAAO,aAAAC,QAC7B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,gBAAa;AAAA,IACb,WAAU;AAAA,IAET,UAAA;AAAA,MAAAD,EAAY,aACT,gBAAAE,EAACC,GAAA,EACG,UAAA,gBAAAD,EAACE,KAAyB,GAC9B;AAAA,MAEHL,EAAM,SAAS,KACZ,gBAAAG,EAACC,KACI,UAAAJ,EAAM,IAAI,CAACM,MAAS;AACjB,gBAAQA,EAAK,MAAA;AAAA,UACT,KAAK;AACD,qCAAQC,GAAA,EAAwD,GAAGD,KAA9BA,EAAK,UAAUA,EAAK,IAAgB;AAAA,UAC7E,KAAK;AACD,qCAAQE,GAAA,EAAkD,GAAGF,KAA9BA,EAAK,UAAUA,EAAK,IAAgB;AAAA,UACvE,KAAK;AAED,qCAAQG,GAAA,EAAoD,GAAGH,KAA9BA,EAAK,UAAUA,EAAK,IAAgB;AAAA,UACzE;AACI,qCAAQI,GAAA,EAA8C,GAAGJ,KAA9BA,EAAK,UAAUA,EAAK,IAAgB;AAAA,QAAA;AAAA,MAE3E,CAAC,EAAA,CACL;AAAA,IAAA;AAAA,EAAA;AAER;"}

package/dist/components/BlockItemWrapper/Toolbar/ToolbarButtonTooltip.es.js

@@ -1,5 +1,5 @@
 import { jsxs as l, jsx as o } from "react/jsx-runtime";
-import { Tooltip as t } from "../../../node_modules/.pnpm/@frontify_fondue-components@24.0.0_@frontify_fondue-icons@0.22.0_react-dom@18.3.1_react_870f8cc1d831f9180d95daa07a18de35/node_modules/@frontify/fondue-components/dist/fondue-components33.es.js";
+import { Tooltip as t } from "@frontify/fondue/components";
 const d = ({ content: e, children: r, open: i, disabled: n }) => n ? r : /* @__PURE__ */ l(t.Root, { enterDelay: 300, open: i, children: [
   /* @__PURE__ */ o(t.Trigger, { asChild: !0, children: r }),
   /* @__PURE__ */ o(t.Content, { side: "top", children: /* @__PURE__ */ o("div", { children: e }) })

package/dist/components/DownloadButton/DownloadButton.es.js

@@ -1,28 +1,32 @@
 import { jsxs as l, jsx as t } from "react/jsx-runtime";
-import { IconArrowCircleDown16 as a, FOCUS_STYLE as w } from "@frontify/fondue";
-import { useFocusRing as d } from "@react-aria/focus";
-import { Tooltip as o } from "../../node_modules/.pnpm/@frontify_fondue-components@24.0.0_@frontify_fondue-icons@0.22.0_react-dom@18.3.1_react_870f8cc1d831f9180d95daa07a18de35/node_modules/@frontify/fondue-components/dist/fondue-components33.es.js";
+import { Tooltip as o } from "@frontify/fondue/components";
+import { IconArrowCircleDown as w } from "@frontify/fondue/icons";
+import { useFocusRing as a } from "@react-aria/focus";
 import { joinClassNames as u } from "../../utilities/react/joinClassNames.es.js";
-const x = ({ onDownload: e, ariaLabel: n }) => {
-  const { isFocused: r, focusProps: s } = d();
+const p = ({ onDownload: e, ariaLabel: n }) => {
+  const { isFocused: r, focusProps: i } = a();
   return /* @__PURE__ */ l(o.Root, { enterDelay: 500, children: [
     /* @__PURE__ */ t(o.Trigger, { asChild: !0, children: /* @__PURE__ */ t(
       "button",
       {
+        type: "button",
         tabIndex: 0,
         "aria-label": n ?? "Download",
-        ...s,
-        className: u(["tw-outline-none tw-rounded", r && w]),
+        ...i,
+        className: u([
+          "tw-outline-none tw-rounded",
+          r && "tw-ring-4 tw-ring-blue tw-ring-offset-2 dark:tw-ring-offset-black tw-outline-none"
+        ]),
         onClick: e,
-        onPointerDown: (i) => i.preventDefault(),
+        onPointerDown: (s) => s.preventDefault(),
         "data-test-id": "download-button",
-        children: /* @__PURE__ */ t("span", { className: "tw-flex tw-text-xs tw-font-body tw-items-center tw-gap-1 tw-rounded-full tw-bg-box-neutral-strong-inverse hover:tw-bg-box-neutral-strong-inverse-hover active:tw-bg-box-neutral-strong-inverse-pressed tw-text-box-neutral-strong tw-outline tw-outline-1 tw-outline-offset-1 tw-p-1.5 tw-outline-line", children: /* @__PURE__ */ t(a, {}) })
+        children: /* @__PURE__ */ t("span", { className: "tw-flex tw-text-xs tw-font-body tw-items-center tw-gap-1 tw-rounded-full tw-bg-box-neutral-strong-inverse hover:tw-bg-box-neutral-strong-inverse-hover active:tw-bg-box-neutral-strong-inverse-pressed tw-text-box-neutral-strong tw-outline tw-outline-1 tw-outline-offset-1 tw-p-1.5 tw-outline-line", children: /* @__PURE__ */ t(w, { size: "16" }) })
       }
     ) }),
     /* @__PURE__ */ t(o.Content, { side: "top", children: "Download" })
   ] });
 };
 export {
-  x as DownloadButton
+  p as DownloadButton
 };
 //# sourceMappingURL=DownloadButton.es.js.map

package/dist/components/DownloadButton/DownloadButton.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"DownloadButton.es.js","sources":["../../../src/components/DownloadButton/DownloadButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { FOCUS_STYLE, IconArrowCircleDown16 } from '@frontify/fondue';\nimport { Tooltip } from '@frontify/fondue/components';\nimport { useFocusRing } from '@react-aria/focus';\n\nimport { joinClassNames } from '../../utilities';\n\nimport { type DownloadButtonProps } from './types';\n\nexport const DownloadButton = ({ onDownload, ariaLabel }: DownloadButtonProps) => {\n    const { isFocused, focusProps } = useFocusRing();\n\n    return (\n        <Tooltip.Root enterDelay={500}>\n            <Tooltip.Trigger asChild>\n                <button\n                    tabIndex={0}\n                    aria-label={ariaLabel ?? 'Download'}\n                    {...focusProps}\n                    className={joinClassNames(['tw-outline-none tw-rounded', isFocused && FOCUS_STYLE])}\n                    onClick={onDownload}\n                    onPointerDown={(e) => e.preventDefault()}\n                    data-test-id=\"download-button\"\n                >\n                    <span className=\"tw-flex tw-text-xs tw-font-body tw-items-center tw-gap-1 tw-rounded-full tw-bg-box-neutral-strong-inverse hover:tw-bg-box-neutral-strong-inverse-hover active:tw-bg-box-neutral-strong-inverse-pressed tw-text-box-neutral-strong tw-outline tw-outline-1 tw-outline-offset-1 tw-p-1.5 tw-outline-line\">\n                        <IconArrowCircleDown16 />\n                    </span>\n                </button>\n            </Tooltip.Trigger>\n            <Tooltip.Content side=\"top\">Download</Tooltip.Content>\n        </Tooltip.Root>\n    );\n};\n"],"names":["DownloadButton","onDownload","ariaLabel","isFocused","focusProps","useFocusRing","jsxs","Tooltip","jsx","joinClassNames","FOCUS_STYLE","e","IconArrowCircleDown16"],"mappings":";;;;;AAUO,MAAMA,IAAiB,CAAC,EAAE,YAAAC,GAAY,WAAAC,QAAqC;AAC9E,QAAM,EAAE,WAAAC,GAAW,YAAAC,EAAA,IAAeC,EAAA;AAElC,SACI,gBAAAC,EAACC,EAAQ,MAAR,EAAa,YAAY,KACtB,UAAA;AAAA,IAAA,gBAAAC,EAACD,EAAQ,SAAR,EAAgB,SAAO,IACpB,UAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,UAAU;AAAA,QACV,cAAYN,KAAa;AAAA,QACxB,GAAGE;AAAA,QACJ,WAAWK,EAAe,CAAC,8BAA8BN,KAAaO,CAAW,CAAC;AAAA,QAClF,SAAST;AAAA,QACT,eAAe,CAACU,MAAMA,EAAE,eAAA;AAAA,QACxB,gBAAa;AAAA,QAEb,4BAAC,QAAA,EAAK,WAAU,0SACZ,UAAA,gBAAAH,EAACI,KAAsB,EAAA,CAC3B;AAAA,MAAA;AAAA,IAAA,GAER;AAAA,sBACCL,EAAQ,SAAR,EAAgB,MAAK,OAAM,UAAA,WAAA,CAAQ;AAAA,EAAA,GACxC;AAER;"}
+{"version":3,"file":"DownloadButton.es.js","sources":["../../../src/components/DownloadButton/DownloadButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { Tooltip } from '@frontify/fondue/components';\nimport { IconArrowCircleDown } from '@frontify/fondue/icons';\nimport { useFocusRing } from '@react-aria/focus';\n\nimport { joinClassNames } from '../../utilities';\n\nimport { type DownloadButtonProps } from './types';\n\nexport const DownloadButton = ({ onDownload, ariaLabel }: DownloadButtonProps) => {\n    const { isFocused, focusProps } = useFocusRing();\n\n    return (\n        <Tooltip.Root enterDelay={500}>\n            <Tooltip.Trigger asChild>\n                <button\n                    type=\"button\"\n                    tabIndex={0}\n                    aria-label={ariaLabel ?? 'Download'}\n                    {...focusProps}\n                    className={joinClassNames([\n                        'tw-outline-none tw-rounded',\n                        isFocused &&\n                            'tw-ring-4 tw-ring-blue tw-ring-offset-2 dark:tw-ring-offset-black tw-outline-none',\n                    ])}\n                    onClick={onDownload}\n                    onPointerDown={(e) => e.preventDefault()}\n                    data-test-id=\"download-button\"\n                >\n                    <span className=\"tw-flex tw-text-xs tw-font-body tw-items-center tw-gap-1 tw-rounded-full tw-bg-box-neutral-strong-inverse hover:tw-bg-box-neutral-strong-inverse-hover active:tw-bg-box-neutral-strong-inverse-pressed tw-text-box-neutral-strong tw-outline tw-outline-1 tw-outline-offset-1 tw-p-1.5 tw-outline-line\">\n                        <IconArrowCircleDown size=\"16\" />\n                    </span>\n                </button>\n            </Tooltip.Trigger>\n            <Tooltip.Content side=\"top\">Download</Tooltip.Content>\n        </Tooltip.Root>\n    );\n};\n"],"names":["DownloadButton","onDownload","ariaLabel","isFocused","focusProps","useFocusRing","jsxs","Tooltip","jsx","joinClassNames","e","IconArrowCircleDown"],"mappings":";;;;;AAUO,MAAMA,IAAiB,CAAC,EAAE,YAAAC,GAAY,WAAAC,QAAqC;AAC9E,QAAM,EAAE,WAAAC,GAAW,YAAAC,EAAA,IAAeC,EAAA;AAElC,SACI,gBAAAC,EAACC,EAAQ,MAAR,EAAa,YAAY,KACtB,UAAA;AAAA,IAAA,gBAAAC,EAACD,EAAQ,SAAR,EAAgB,SAAO,IACpB,UAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL,UAAU;AAAA,QACV,cAAYN,KAAa;AAAA,QACxB,GAAGE;AAAA,QACJ,WAAWK,EAAe;AAAA,UACtB;AAAA,UACAN,KACI;AAAA,QAAA,CACP;AAAA,QACD,SAASF;AAAA,QACT,eAAe,CAACS,MAAMA,EAAE,eAAA;AAAA,QACxB,gBAAa;AAAA,QAEb,UAAA,gBAAAF,EAAC,UAAK,WAAU,0SACZ,4BAACG,GAAA,EAAoB,MAAK,MAAK,EAAA,CACnC;AAAA,MAAA;AAAA,IAAA,GAER;AAAA,sBACCJ,EAAQ,SAAR,EAAgB,MAAK,OAAM,UAAA,WAAA,CAAQ;AAAA,EAAA,GACxC;AAER;"}