@frontify/guideline-blocks-settings 2.1.5 → 2.1.6

package/dist/components/Attachments/AttachmentsButtonTrigger.es.js

@@ -1,28 +1,27 @@
-import { jsxs as a, jsx as t } from "react/jsx-runtime";
-import { IconPaperclip as c, IconCaretDown as i } from "@frontify/fondue/icons";
-import { forwardRef as s } from "react";
-import { joinClassNames as w } from "../../utilities/react/joinClassNames.es.js";
-const d = s(
-  ({ children: e, isFlyoutOpen: n, ...o }, r) => /* @__PURE__ */ a(
-    "button",
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import { Button as s } from "@frontify/fondue/components";
+import { IconPaperclip as a, IconCaretDown as m } from "@frontify/fondue/icons";
+import { forwardRef as n } from "react";
+const p = n(
+  ({ children: r, ...o }, e) => /* @__PURE__ */ i(
+    s,
     {
-      ref: r,
-      className: w([
-        "tw-flex tw-text-x-small tw-font-primary tw-items-center tw-gap-1 tw-rounded-full tw-outline tw-outline-1 tw-outline-offset-1 tw-p-1.5 tw-outline-line-mid",
-        n ? "tw-bg-container-secondary-active tw-text-container-secondary-on-secondary-container" : "tw-bg-surface hover:tw-bg-container-secondary-hover active:tw-bg-container-secondary-active tw-text-container-secondary-on-secondary-container hover:tw-text-container-secondary-on-secondary-container active:tw-text-container-secondary-on-secondary-container"
-      ]),
+      ref: e,
+      size: "small",
+      rounding: "full",
+      emphasis: "default",
       "data-test-id": "attachments-button-trigger",
       ...o,
       children: [
-        /* @__PURE__ */ t(c, { size: "16" }),
-        e,
-        /* @__PURE__ */ t(i, { size: "12" })
+        /* @__PURE__ */ t(a, { size: "16" }),
+        r,
+        /* @__PURE__ */ t(m, { size: "12" })
       ]
     }
   )
 );
-d.displayName = "AttachmentsButtonTrigger";
+p.displayName = "AttachmentsButtonTrigger";
 export {
-  d as AttachmentsButtonTrigger
+  p as AttachmentsButtonTrigger
 };
 //# sourceMappingURL=AttachmentsButtonTrigger.es.js.map

package/dist/components/Attachments/AttachmentsButtonTrigger.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"AttachmentsButtonTrigger.es.js","sources":["../../../src/components/Attachments/AttachmentsButtonTrigger.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { IconCaretDown, IconPaperclip } from '@frontify/fondue/icons';\nimport { forwardRef } from 'react';\n\nimport { joinClassNames } from '../../utilities';\n\nimport { type AttachmentsTriggerProps } from './types';\n\nexport const AttachmentsButtonTrigger = forwardRef<HTMLButtonElement, AttachmentsTriggerProps>(\n    ({ children, isFlyoutOpen, ...props }, ref) => (\n        <button\n            ref={ref}\n            className={joinClassNames([\n                'tw-flex tw-text-x-small tw-font-primary tw-items-center tw-gap-1 tw-rounded-full tw-outline tw-outline-1 tw-outline-offset-1 tw-p-1.5 tw-outline-line-mid',\n                isFlyoutOpen\n                    ? 'tw-bg-container-secondary-active tw-text-container-secondary-on-secondary-container'\n                    : 'tw-bg-surface hover:tw-bg-container-secondary-hover active:tw-bg-container-secondary-active tw-text-container-secondary-on-secondary-container hover:tw-text-container-secondary-on-secondary-container active:tw-text-container-secondary-on-secondary-container',\n            ])}\n            data-test-id=\"attachments-button-trigger\"\n            {...props}\n        >\n            <IconPaperclip size=\"16\" />\n            {children}\n            <IconCaretDown size=\"12\" />\n        </button>\n    ),\n);\n\nAttachmentsButtonTrigger.displayName = 'AttachmentsButtonTrigger';\n"],"names":["AttachmentsButtonTrigger","forwardRef","children","isFlyoutOpen","props","ref","jsxs","joinClassNames","jsx","IconPaperclip","IconCaretDown"],"mappings":";;;;AASO,MAAMA,IAA2BC;AAAA,EACpC,CAAC,EAAE,UAAAC,GAAU,cAAAC,GAAc,GAAGC,EAAA,GAASC,MACnC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAD;AAAA,MACA,WAAWE,EAAe;AAAA,QACtB;AAAA,QACAJ,IACM,wFACA;AAAA,MAAA,CACT;AAAA,MACD,gBAAa;AAAA,MACZ,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAI,EAACC,GAAA,EAAc,MAAK,KAAA,CAAK;AAAA,QACxBP;AAAA,QACD,gBAAAM,EAACE,GAAA,EAAc,MAAK,KAAA,CAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGrC;AAEAV,EAAyB,cAAc;"}
+{"version":3,"file":"AttachmentsButtonTrigger.es.js","sources":["../../../src/components/Attachments/AttachmentsButtonTrigger.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { Button } from '@frontify/fondue/components';\nimport { IconCaretDown, IconPaperclip } from '@frontify/fondue/icons';\nimport { forwardRef } from 'react';\n\nimport { type AttachmentsTriggerProps } from './types';\n\nexport const AttachmentsButtonTrigger = forwardRef<HTMLButtonElement, AttachmentsTriggerProps>(\n    ({ children, ...props }, ref) => (\n        <Button\n            ref={ref}\n            size=\"small\"\n            rounding=\"full\"\n            emphasis=\"default\"\n            data-test-id=\"attachments-button-trigger\"\n            {...props}\n        >\n            <IconPaperclip size=\"16\" />\n            {children}\n            <IconCaretDown size=\"12\" />\n        </Button>\n    ),\n);\n\nAttachmentsButtonTrigger.displayName = 'AttachmentsButtonTrigger';\n"],"names":["AttachmentsButtonTrigger","forwardRef","children","props","ref","jsxs","Button","jsx","IconPaperclip","IconCaretDown"],"mappings":";;;;AAQO,MAAMA,IAA2BC;AAAA,EACpC,CAAC,EAAE,UAAAC,GAAU,GAAGC,EAAA,GAASC,MACrB,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,KAAAF;AAAA,MACA,MAAK;AAAA,MACL,UAAS;AAAA,MACT,UAAS;AAAA,MACT,gBAAa;AAAA,MACZ,GAAGD;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAI,EAACC,GAAA,EAAc,MAAK,KAAA,CAAK;AAAA,QACxBN;AAAA,QACD,gBAAAK,EAACE,GAAA,EAAc,MAAK,KAAA,CAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGrC;AAEAT,EAAyB,cAAc;"}

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

@@ -1,32 +1,26 @@
-import { jsxs as a, jsx as t } from "react/jsx-runtime";
-import { Tooltip as o } from "@frontify/fondue/components";
-import { IconArrowCircleDown as w } from "@frontify/fondue/icons";
-import { useFocusRing as s } from "@react-aria/focus";
-import { joinClassNames as m } from "../../utilities/react/joinClassNames.es.js";
-const g = ({ onDownload: r, ariaLabel: e }) => {
-  const { isFocused: n, focusProps: i } = s();
-  return /* @__PURE__ */ a(o.Root, { enterDelay: 500, children: [
-    /* @__PURE__ */ t(o.Trigger, { asChild: !0, children: /* @__PURE__ */ t(
-      "button",
-      {
-        type: "button",
-        tabIndex: 0,
-        "aria-label": e ?? "Download",
-        ...i,
-        className: m([
-          "tw-outline-none tw-rounded-medium",
-          n && "tw-ring-4 tw-ring-blue tw-ring-offset-2 dark:tw-ring-offset-black tw-outline-none"
-        ]),
-        onClick: r,
-        onPointerDown: (l) => l.preventDefault(),
-        "data-test-id": "download-button",
-        children: /* @__PURE__ */ t("span", { className: "tw-flex tw-text-x-small tw-font-primary tw-items-center tw-gap-1 tw-rounded-full tw-bg-primary-on-primary hover:tw-bg-primary-on-primary active:tw-bg-primary-on-primary tw-text-primary tw-outline tw-outline-1 tw-outline-offset-1 tw-p-1.5 tw-outline-line-mid", children: /* @__PURE__ */ t(w, { size: "16" }) })
-      }
-    ) }),
-    /* @__PURE__ */ t(o.Content, { side: "top", children: "Download" })
-  ] });
-};
+import { jsxs as n, jsx as o } from "react/jsx-runtime";
+import { Tooltip as t, Button as i } from "@frontify/fondue/components";
+import { IconArrowCircleDown as l } from "@frontify/fondue/icons";
+const u = ({ onDownload: e, ariaLabel: r }) => /* @__PURE__ */ n(t.Root, { enterDelay: 500, children: [
+  /* @__PURE__ */ o(t.Trigger, { asChild: !0, children: /* @__PURE__ */ o(
+    i,
+    {
+      "aria-label": r ?? "Download",
+      onPress: e,
+      "data-test-id": "download-button",
+      aspect: "square",
+      emphasis: "default",
+      rounding: "full",
+      size: "small",
+      type: "button",
+      variant: "default",
+      hugWidth: !0,
+      children: /* @__PURE__ */ o(l, { size: 16 })
+    }
+  ) }),
+  /* @__PURE__ */ o(t.Content, { side: "top", children: "Download" })
+] });
 export {
-  g as DownloadButton
+  u 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 { 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-medium',\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-x-small tw-font-primary tw-items-center tw-gap-1 tw-rounded-full tw-bg-primary-on-primary hover:tw-bg-primary-on-primary active:tw-bg-primary-on-primary tw-text-primary tw-outline tw-outline-1 tw-outline-offset-1 tw-p-1.5 tw-outline-line-mid\">\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,qQACZ,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;"}
+{"version":3,"file":"DownloadButton.es.js","sources":["../../../src/components/DownloadButton/DownloadButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { Button, Tooltip } from '@frontify/fondue/components';\nimport { IconArrowCircleDown } from '@frontify/fondue/icons';\n\nimport { type DownloadButtonProps } from './types';\n\nexport const DownloadButton = ({ onDownload, ariaLabel }: DownloadButtonProps) => {\n    return (\n        <Tooltip.Root enterDelay={500}>\n            <Tooltip.Trigger asChild>\n                <Button\n                    aria-label={ariaLabel ?? 'Download'}\n                    onPress={onDownload}\n                    data-test-id=\"download-button\"\n                    aspect=\"square\"\n                    emphasis=\"default\"\n                    rounding=\"full\"\n                    size=\"small\"\n                    type=\"button\"\n                    variant=\"default\"\n                    hugWidth\n                >\n                    <IconArrowCircleDown size={16} />\n                </Button>\n            </Tooltip.Trigger>\n            <Tooltip.Content side=\"top\">Download</Tooltip.Content>\n        </Tooltip.Root>\n    );\n};\n"],"names":["DownloadButton","onDownload","ariaLabel","jsxs","Tooltip","jsx","Button","IconArrowCircleDown"],"mappings":";;;AAOO,MAAMA,IAAiB,CAAC,EAAE,YAAAC,GAAY,WAAAC,QAErC,gBAAAC,EAACC,EAAQ,MAAR,EAAa,YAAY,KACtB,UAAA;AAAA,EAAA,gBAAAC,EAACD,EAAQ,SAAR,EAAgB,SAAO,IACpB,UAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,cAAYJ,KAAa;AAAA,MACzB,SAASD;AAAA,MACT,gBAAa;AAAA,MACb,QAAO;AAAA,MACP,UAAS;AAAA,MACT,UAAS;AAAA,MACT,MAAK;AAAA,MACL,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,UAAQ;AAAA,MAER,UAAA,gBAAAI,EAACE,GAAA,EAAoB,MAAM,GAAA,CAAI;AAAA,IAAA;AAAA,EAAA,GAEvC;AAAA,oBACCH,EAAQ,SAAR,EAAgB,MAAK,OAAM,UAAA,WAAA,CAAQ;AAAA,GACxC;"}