@frontify/fondue-components 27.0.1 → 28.0.0

package/dist/fondue-components87.js

@@ -1,22 +1,14 @@
-const n = "_root_nzunx_5", o = "_slot_nzunx_67", t = "_input_nzunx_67", c = "_placeholder_nzunx_72", s = "_iconSuccess_nzunx_150", _ = "_iconError_nzunx_158", r = "_loadingStatus_nzunx_171", u = "_inputWrapper_nzunx_191", p = {
+const n = "_root_bn9za_3", t = "_mainContent_bn9za_15", o = "_actionButton_bn9za_28", a = "_secondaryContent_bn9za_123", e = {
   root: n,
-  slot: o,
-  input: t,
-  placeholder: c,
-  iconSuccess: s,
-  iconError: _,
-  loadingStatus: r,
-  inputWrapper: u
+  mainContent: t,
+  actionButton: o,
+  secondaryContent: a
 };
 export {
-  p as default,
-  _ as iconError,
-  s as iconSuccess,
-  t as input,
-  u as inputWrapper,
-  r as loadingStatus,
-  c as placeholder,
+  o as actionButton,
+  e as default,
+  t as mainContent,
   n as root,
-  o as slot
+  a as secondaryContent
 };
 //# sourceMappingURL=fondue-components87.js.map

package/dist/fondue-components87.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components87.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}
+{"version":3,"file":"fondue-components87.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/fondue-components88.js

@@ -1,28 +1,71 @@
-const t = "_root_3dhca_5", o = "_textareaWrapper_3dhca_62", s = "_textarea_3dhca_62", a = "_slot_3dhca_120", _ = "_decorator_3dhca_145", c = "_tools_3dhca_158", r = "_toolsButton_3dhca_190", e = "_success_3dhca_222", n = "_error_3dhca_226", d = "_loadingStatus_3dhca_230", l = "_spin_3dhca_1", h = {
-  root: t,
-  textareaWrapper: o,
-  textarea: s,
-  slot: a,
-  decorator: _,
-  tools: c,
-  toolsButton: r,
-  success: e,
-  error: n,
-  loadingStatus: d,
-  spin: l
+import { useRef as W, useState as p, useEffect as w, useLayoutEffect as I } from "react";
+const T = (e, s) => e.filter((f) => {
+  var c;
+  const t = (c = f.ref) == null ? void 0 : c.current;
+  return t ? t.offsetLeft + t.offsetWidth > (s == null ? void 0 : s.scrollLeft) + s.offsetWidth || t.offsetLeft - s.scrollLeft < 0 : !1;
+}), a = (e, s) => {
+  const f = s.current, t = e == null ? void 0 : e.querySelector('[data-state="active"]');
+  if (!e || !(t instanceof HTMLButtonElement) || !(f instanceof HTMLSpanElement))
+    return;
+  const u = getComputedStyle(e).direction === "rtl", r = (e == null ? void 0 : e.scrollLeft) > (t == null ? void 0 : t.offsetLeft), l = (t == null ? void 0 : t.offsetLeft) + (t == null ? void 0 : t.offsetWidth) > (e == null ? void 0 : e.offsetWidth), o = (n) => u ? e.offsetWidth - n - t.offsetWidth : n;
+  if (r) {
+    if (e.offsetWidth > t.offsetWidth + t.offsetLeft)
+      f.style.insetInlineStart = `${o(t.offsetLeft)}px`;
+    else {
+      const i = e.offsetWidth - t.offsetWidth;
+      f.style.insetInlineStart = `${o(i)}px`;
+    }
+    f.style.width = `${t == null ? void 0 : t.offsetWidth}px`;
+  } else if (l) {
+    const n = e.clientWidth - t.offsetWidth;
+    f.style.insetInlineStart = `${o(n)}px`, f.style.width = `${t.offsetWidth}px`;
+  } else
+    f.style.insetInlineStart = `${o(t.offsetLeft)}px`, f.style.width = `${t.offsetWidth}px`;
+}, b = ({
+  activeTab: e
+}) => {
+  const s = W(null), f = W(null), [t, c] = p([]), [u, r] = p([]);
+  return w(() => {
+    const o = s.current, n = o == null ? void 0 : o.querySelector('[data-state="active"]');
+    n instanceof HTMLButtonElement && o instanceof HTMLDivElement && (a(o, f), n.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "end" }));
+  }, [e, f]), I(() => {
+    var i;
+    const o = s.current, n = o == null ? void 0 : o.querySelector('[data-state="active"]');
+    if (o instanceof HTMLDivElement && n instanceof HTMLButtonElement) {
+      a(o, f);
+      const d = new MutationObserver(() => {
+        n.scrollIntoView({ behavior: "instant", block: "nearest", inline: "end" }), a(o, f);
+      });
+      o.parentNode && d.observe(o.parentNode, { childList: !0 });
+      const h = new IntersectionObserver(
+        () => {
+          r(T(t, o)), a(o, f);
+        },
+        {
+          root: o,
+          threshold: 1
+        }
+      );
+      for (const v of t)
+        (i = v.ref) != null && i.current && h.observe(v.ref.current);
+      return () => {
+        h.disconnect(), d.disconnect();
+      };
+    }
+  }, [t, s, f]), {
+    triggerListRef: s,
+    activeIndicatorRef: f,
+    triggersOutOfView: u,
+    triggers: t,
+    addTrigger: (o) => {
+      o.previousElement || c((n) => [...n, o]), c((n) => {
+        const i = n.findIndex((d) => d.element === o.previousElement);
+        return n[i] = o, [...n];
+      });
+    }
+  };
 };
 export {
-  _ as decorator,
-  h as default,
-  n as error,
-  d as loadingStatus,
-  t as root,
-  a as slot,
-  l as spin,
-  e as success,
-  s as textarea,
-  o as textareaWrapper,
-  c as tools,
-  r as toolsButton
+  b as useTabTriggers
 };
 //# sourceMappingURL=fondue-components88.js.map

package/dist/fondue-components88.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components88.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}
+{"version":3,"file":"fondue-components88.js","sources":["../src/components/Tabs/hooks/useTabTriggers.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type RefObject, useEffect, useLayoutEffect, useRef, useState } from 'react';\n\nimport { type TabTrigger } from '../types';\n\nconst getOverflowingTriggers = (triggers: TabTrigger[], triggerListElement: HTMLDivElement) => {\n    return triggers.filter((trigger) => {\n        const triggerElement = trigger.ref?.current;\n        if (!triggerElement) {\n            return false;\n        }\n        return (\n            triggerElement.offsetLeft + triggerElement.offsetWidth >\n                triggerListElement?.scrollLeft + triggerListElement.offsetWidth ||\n            triggerElement.offsetLeft - triggerListElement.scrollLeft < 0\n        );\n    });\n};\n\nconst moveActiveIndicator = (triggerListElement: HTMLDivElement, activeIndicatorRef: RefObject<HTMLSpanElement>) => {\n    const activeIndicatorElement = activeIndicatorRef.current;\n    const activeTriggerElement = triggerListElement?.querySelector('[data-state=\"active\"]');\n\n    if (\n        !triggerListElement ||\n        !(activeTriggerElement instanceof HTMLButtonElement) ||\n        !(activeIndicatorElement instanceof HTMLSpanElement)\n    ) {\n        return;\n    }\n\n    // Get the computed direction to handle RTL correctly\n    const direction = getComputedStyle(triggerListElement).direction;\n    const isRTL = direction === 'rtl';\n\n    const isOverflowingLeft = triggerListElement?.scrollLeft > activeTriggerElement?.offsetLeft;\n    const isOverflowingRight =\n        activeTriggerElement?.offsetLeft + activeTriggerElement?.offsetWidth > triggerListElement?.offsetWidth;\n\n    // Helper function to calculate position based on direction\n    const getInlineStartPosition = (position: number) => {\n        if (isRTL) {\n            // In RTL, insetInlineStart maps to 'right', so we need to calculate from the right edge\n            return triggerListElement.offsetWidth - position - activeTriggerElement.offsetWidth;\n        }\n        return position;\n    };\n\n    if (isOverflowingLeft) {\n        const willFitAllItemsToTheLeft =\n            triggerListElement.offsetWidth > activeTriggerElement.offsetWidth + activeTriggerElement.offsetLeft;\n        if (willFitAllItemsToTheLeft) {\n            activeIndicatorElement.style.insetInlineStart = `${getInlineStartPosition(activeTriggerElement.offsetLeft)}px`;\n        } else {\n            const position = triggerListElement.offsetWidth - activeTriggerElement.offsetWidth;\n            activeIndicatorElement.style.insetInlineStart = `${getInlineStartPosition(position)}px`;\n        }\n        activeIndicatorElement.style.width = `${activeTriggerElement?.offsetWidth}px`;\n    } else if (isOverflowingRight) {\n        const position = triggerListElement.clientWidth - activeTriggerElement.offsetWidth;\n        activeIndicatorElement.style.insetInlineStart = `${getInlineStartPosition(position)}px`;\n        activeIndicatorElement.style.width = `${activeTriggerElement.offsetWidth}px`;\n    } else {\n        activeIndicatorElement.style.insetInlineStart = `${getInlineStartPosition(activeTriggerElement.offsetLeft)}px`;\n        activeIndicatorElement.style.width = `${activeTriggerElement.offsetWidth}px`;\n    }\n};\n\nexport const useTabTriggers = ({\n    activeTab,\n}: {\n    activeTab?: string;\n}): {\n    triggerListRef: RefObject<HTMLDivElement>;\n    activeIndicatorRef: RefObject<HTMLSpanElement>;\n    triggers: TabTrigger[];\n    triggersOutOfView: TabTrigger[];\n    addTrigger: (trigger: TabTrigger) => void;\n} => {\n    const triggerListRef = useRef<HTMLDivElement | null>(null);\n    const activeIndicatorRef = useRef<HTMLSpanElement | null>(null);\n    const [triggers, setTriggers] = useState<TabTrigger[]>([]);\n    const [triggersOutOfView, setTriggersOutOfView] = useState<TabTrigger[]>([]);\n\n    // move the active indicator and scroll to the correct position when the tab changes\n    useEffect(() => {\n        const triggerListElement = triggerListRef.current;\n        const activeTriggerElement = triggerListElement?.querySelector('[data-state=\"active\"]');\n\n        if (activeTriggerElement instanceof HTMLButtonElement && triggerListElement instanceof HTMLDivElement) {\n            moveActiveIndicator(triggerListElement, activeIndicatorRef);\n            activeTriggerElement.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'end' });\n        }\n    }, [activeTab, activeIndicatorRef]);\n\n    useLayoutEffect(() => {\n        const triggerListElement = triggerListRef.current;\n        const activeTriggerElement = triggerListElement?.querySelector('[data-state=\"active\"]');\n\n        if (triggerListElement instanceof HTMLDivElement && activeTriggerElement instanceof HTMLButtonElement) {\n            // move the active indicator to the initial active tab\n            moveActiveIndicator(triggerListElement, activeIndicatorRef);\n\n            // observe addition of the dropdown trigger which reduces the available width\n            const mutationObserver = new MutationObserver(() => {\n                activeTriggerElement.scrollIntoView({ behavior: 'instant', block: 'nearest', inline: 'end' });\n                moveActiveIndicator(triggerListElement, activeIndicatorRef);\n            });\n            if (triggerListElement.parentNode) {\n                mutationObserver.observe(triggerListElement.parentNode, { childList: true });\n            }\n\n            // calculate the overflowing elements when item starts overflowing the parent\n            const intersectionObserver = new IntersectionObserver(\n                () => {\n                    setTriggersOutOfView(getOverflowingTriggers(triggers, triggerListElement));\n                    moveActiveIndicator(triggerListElement, activeIndicatorRef);\n                },\n                {\n                    root: triggerListElement,\n                    threshold: 1,\n                },\n            );\n            for (const trigger of triggers) {\n                if (trigger.ref?.current) {\n                    intersectionObserver.observe(trigger.ref.current);\n                }\n            }\n\n            return () => {\n                intersectionObserver.disconnect();\n                mutationObserver.disconnect();\n            };\n        }\n    }, [triggers, triggerListRef, activeIndicatorRef]);\n\n    const addTrigger = (trigger: TabTrigger) => {\n        if (!trigger.previousElement) {\n            setTriggers((prev) => [...prev, trigger]);\n        }\n\n        setTriggers((prev) => {\n            const index = prev.findIndex((element) => element.element === trigger.previousElement);\n            prev[index] = trigger;\n            return [...prev];\n        });\n    };\n\n    return {\n        triggerListRef,\n        activeIndicatorRef,\n        triggersOutOfView,\n        triggers,\n        addTrigger,\n    };\n};\n"],"names":["getOverflowingTriggers","triggers","triggerListElement","trigger","triggerElement","_a","moveActiveIndicator","activeIndicatorRef","activeIndicatorElement","activeTriggerElement","isRTL","isOverflowingLeft","isOverflowingRight","getInlineStartPosition","position","useTabTriggers","activeTab","triggerListRef","useRef","setTriggers","useState","triggersOutOfView","setTriggersOutOfView","useEffect","useLayoutEffect","mutationObserver","intersectionObserver","prev","index","element"],"mappings":"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"}

package/dist/fondue-components89.js

@@ -1,12 +1,18 @@
-const s = "_base_vux45_1", t = "_dark_vux45_249", _ = "_light_vux45_331", a = {
-  base: s,
-  dark: t,
-  light: _
+const t = "_root_ujssn_5", r = "_triggerListWrapper_ujssn_17", s = "_trigger_ujssn_17", n = "_activeIndicator_ujssn_65", e = "_triggerList_ujssn_17", i = "_content_ujssn_159", o = {
+  root: t,
+  triggerListWrapper: r,
+  trigger: s,
+  activeIndicator: n,
+  triggerList: e,
+  content: i
 };
 export {
-  s as base,
-  t as dark,
-  a as default,
-  _ as light
+  n as activeIndicator,
+  i as content,
+  o as default,
+  t as root,
+  s as trigger,
+  e as triggerList,
+  r as triggerListWrapper
 };
 //# sourceMappingURL=fondue-components89.js.map

package/dist/fondue-components89.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components89.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"fondue-components89.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/fondue-components9.js

@@ -2,11 +2,11 @@ import { jsx as o, jsxs as E } from "react/jsx-runtime";
 import { IconCross as L } from "@frontify/fondue-icons";
 import * as r from "@radix-ui/react-dialog";
 import { createContext as _, forwardRef as d, useRef as k, useContext as G, useMemo as I } from "react";
-import { useSyncRefs as J } from "./fondue-components51.js";
-import { useTranslation as K } from "./fondue-components39.js";
-import { addShowFocusRing as Q, addAutoFocusAttribute as U } from "./fondue-components52.js";
-import { useFondueTheme as V, ThemeProvider as W } from "./fondue-components36.js";
-import s from "./fondue-components53.js";
+import { useSyncRefs as J } from "./fondue-components52.js";
+import { useTranslation as K } from "./fondue-components40.js";
+import { addShowFocusRing as Q, addAutoFocusAttribute as U } from "./fondue-components53.js";
+import { useFondueTheme as V, ThemeProvider as W } from "./fondue-components37.js";
+import s from "./fondue-components54.js";
 const D = _({ isModal: !1 });
 D.displayName = "DialogContext";
 const T = ({ children: t, modal: e, onOpenChange: a, open: i }) => {

package/dist/fondue-components90.js

@@ -1,29 +1,28 @@
-const e = {
-  ColorPicker_selectColor: "Select Color",
-  ColorPicker_selectFormat: "Select a color format",
-  ColorPicker_hexValue: "Hex color value",
-  ColorPicker_redChannel: "Red Color Channel",
-  ColorPicker_greenChannel: "Green Color Channel",
-  ColorPicker_blueChannel: "Blue Color Channel",
-  ColorPicker_opacity: "Color Opacity",
-  Dialog_close: "Close",
-  Flyout_close: "Close",
-  Select_clear: "clear input",
-  Select_toggleMenu: "toggle menu",
-  Select_error: "Error",
-  Select_selectedCount: "${count} selected: ${items}",
-  Select_singleItemSelected: "1 item selected",
-  Select_multipleItemsSelected: "${count} items selected",
-  Select_additionalItemsSelected: "${count} additional items selected",
-  Switch_defaultLabel: "Switch",
-  Table_sortByDescending: "Sort by ${column} descending",
-  Table_sortByAscending: "Sort by ${column} ascending",
-  Table_sortDescending: "Sort descending",
-  Table_sortAscending: "Sort ascending",
-  Badge_dismiss: "Dismiss ${label}",
-  Notice_dismiss: "Dismiss notice"
+const o = "_root_1m55x_2", _ = {
+  root: o,
+  "weight-default": "_weight-default_1m55x_7",
+  "weight-strong": "_weight-strong_1m55x_11",
+  "weight-x-strong": "_weight-x-strong_1m55x_15",
+  "size-x-small": "_size-x-small_1m55x_19",
+  "size-small": "_size-small_1m55x_24",
+  "size-medium": "_size-medium_1m55x_29",
+  "size-large": "_size-large_1m55x_34",
+  "color-default": "_color-default_1m55x_39",
+  "color-weak": "_color-weak_1m55x_43",
+  "color-disabled": "_color-disabled_1m55x_47",
+  "color-negative": "_color-negative_1m55x_51",
+  "color-positive": "_color-positive_1m55x_55",
+  "color-warning": "_color-warning_1m55x_59",
+  "color-interactive": "_color-interactive_1m55x_63",
+  "color-box-neutral": "_color-box-neutral_1m55x_67",
+  "color-box-selected": "_color-box-selected_1m55x_71",
+  "color-box-disabled": "_color-box-disabled_1m55x_75",
+  "color-box-positive": "_color-box-positive_1m55x_79",
+  "color-box-negative": "_color-box-negative_1m55x_83",
+  "color-box-warning": "_color-box-warning_1m55x_87"
 };
 export {
-  e as enUS
+  _ as default,
+  o as root
 };
 //# sourceMappingURL=fondue-components90.js.map

package/dist/fondue-components90.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components90.js","sources":["../src/locales/en-US.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nexport const enUS = {\n    ColorPicker_selectColor: 'Select Color',\n    ColorPicker_selectFormat: 'Select a color format',\n    ColorPicker_hexValue: 'Hex color value',\n    ColorPicker_redChannel: 'Red Color Channel',\n    ColorPicker_greenChannel: 'Green Color Channel',\n    ColorPicker_blueChannel: 'Blue Color Channel',\n    ColorPicker_opacity: 'Color Opacity',\n    Dialog_close: 'Close',\n    Flyout_close: 'Close',\n    Select_clear: 'clear input',\n    Select_toggleMenu: 'toggle menu',\n    Select_error: 'Error',\n    Select_selectedCount: '${count} selected: ${items}',\n    Select_singleItemSelected: '1 item selected',\n    Select_multipleItemsSelected: '${count} items selected',\n    Select_additionalItemsSelected: '${count} additional items selected',\n    Switch_defaultLabel: 'Switch',\n    Table_sortByDescending: 'Sort by ${column} descending',\n    Table_sortByAscending: 'Sort by ${column} ascending',\n    Table_sortDescending: 'Sort descending',\n    Table_sortAscending: 'Sort ascending',\n    Badge_dismiss: 'Dismiss ${label}',\n    Notice_dismiss: 'Dismiss notice',\n};\n"],"names":["enUS"],"mappings":"AAEO,MAAMA,IAAO;AAAA,EAChB,yBAAyB;AAAA,EACzB,0BAA0B;AAAA,EAC1B,sBAAsB;AAAA,EACtB,wBAAwB;AAAA,EACxB,0BAA0B;AAAA,EAC1B,yBAAyB;AAAA,EACzB,qBAAqB;AAAA,EACrB,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,cAAc;AAAA,EACd,sBAAsB;AAAA,EACtB,2BAA2B;AAAA,EAC3B,8BAA8B;AAAA,EAC9B,gCAAgC;AAAA,EAChC,qBAAqB;AAAA,EACrB,wBAAwB;AAAA,EACxB,uBAAuB;AAAA,EACvB,sBAAsB;AAAA,EACtB,qBAAqB;AAAA,EACrB,eAAe;AAAA,EACf,gBAAgB;AACpB;"}
+{"version":3,"file":"fondue-components90.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/fondue-components91.js

@@ -1,10 +1,22 @@
-const o = "_root_jwtp8_4", t = "_arrow_jwtp8_27", r = {
-  root: o,
-  arrow: t
+const n = "_root_nzunx_5", o = "_slot_nzunx_67", t = "_input_nzunx_67", c = "_placeholder_nzunx_72", s = "_iconSuccess_nzunx_150", _ = "_iconError_nzunx_158", r = "_loadingStatus_nzunx_171", u = "_inputWrapper_nzunx_191", p = {
+  root: n,
+  slot: o,
+  input: t,
+  placeholder: c,
+  iconSuccess: s,
+  iconError: _,
+  loadingStatus: r,
+  inputWrapper: u
 };
 export {
-  t as arrow,
-  r as default,
-  o as root
+  p as default,
+  _ as iconError,
+  s as iconSuccess,
+  t as input,
+  u as inputWrapper,
+  r as loadingStatus,
+  c as placeholder,
+  n as root,
+  o as slot
 };
 //# sourceMappingURL=fondue-components91.js.map

package/dist/fondue-components91.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components91.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"fondue-components91.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/dist/fondue-components92.js

@@ -1,8 +1,28 @@
-const o = "_root_1y4f3_2", t = {
-  root: o
+const t = "_root_3dhca_5", o = "_textareaWrapper_3dhca_62", s = "_textarea_3dhca_62", a = "_slot_3dhca_120", _ = "_decorator_3dhca_145", c = "_tools_3dhca_158", r = "_toolsButton_3dhca_190", e = "_success_3dhca_222", n = "_error_3dhca_226", d = "_loadingStatus_3dhca_230", l = "_spin_3dhca_1", h = {
+  root: t,
+  textareaWrapper: o,
+  textarea: s,
+  slot: a,
+  decorator: _,
+  tools: c,
+  toolsButton: r,
+  success: e,
+  error: n,
+  loadingStatus: d,
+  spin: l
 };
 export {
-  t as default,
-  o as root
+  _ as decorator,
+  h as default,
+  n as error,
+  d as loadingStatus,
+  t as root,
+  a as slot,
+  l as spin,
+  e as success,
+  s as textarea,
+  o as textareaWrapper,
+  c as tools,
+  r as toolsButton
 };
 //# sourceMappingURL=fondue-components92.js.map

package/dist/fondue-components92.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components92.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"file":"fondue-components92.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/dist/fondue-components93.js

@@ -1,8 +1,12 @@
-const r = (e) => {
-  if (e)
-    return `rgba(${e.red}, ${e.green}, ${e.blue}, ${e.alpha ?? 1})`;
+const s = "_base_vux45_1", t = "_dark_vux45_249", _ = "_light_vux45_331", a = {
+  base: s,
+  dark: t,
+  light: _
 };
 export {
-  r as colorToCss
+  s as base,
+  t as dark,
+  a as default,
+  _ as light
 };
 //# sourceMappingURL=fondue-components93.js.map

package/dist/fondue-components93.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components93.js","sources":["../src/components/Badge/utils.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type RgbaColor } from './types';\n\nexport const DEFAULT_COLOR = { red: 255, green: 255, blue: 255, alpha: 1, name: '' };\n\n/**\n * Converts a color object to a CSS color string.\n * @param {RgbaColor} color - The color object to be converted.\n * @returns {string}\n * @example\n * colorToCss({ red: 255, green: 255, blue: 255, alpha: 1 }); // 'rgba(255, 255, 255, 1)'\n * @example\n * colorToCss({ red: 255, green: 87, blue: 51, alpha: 1 }); // 'rgba(255, 87, 51, 1)'\n * @example\n * colorToCss({ red: 0, green: 0, blue: 0, alpha: 0 }); // 'rgba(0, 0, 0, 0)'\n */\nexport const colorToCss = (color?: RgbaColor) => {\n    if (!color) {\n        return undefined;\n    }\n    return `rgba(${color.red}, ${color.green}, ${color.blue}, ${color.alpha ?? 1})`;\n};\n"],"names":["colorToCss","color"],"mappings":"AAiBO,MAAMA,IAAa,CAACC,MAAsB;AAC7C,MAAKA;AAGL,WAAO,QAAQA,EAAM,GAAG,KAAKA,EAAM,KAAK,KAAKA,EAAM,IAAI,KAAKA,EAAM,SAAS,CAAC;AAChF;"}
+{"version":3,"file":"fondue-components93.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/fondue-components94.js

@@ -1,20 +1,34 @@
-const o = "_root_18649_5", c = "_caret_18649_43", t = "_colorName_18649_58", _ = "_colorIndicator_18649_61", n = "_button_18649_82", r = "_actions_18649_113", a = "_clearIcon_18649_122", s = {
-  root: o,
-  caret: c,
-  colorName: t,
-  colorIndicator: _,
-  button: n,
-  actions: r,
-  clearIcon: a
+import { enUS as e } from "./fondue-components121.js";
+const l = {
+  ColorPicker_selectColor: "Select Color",
+  ColorPicker_selectFormat: "Select a color format",
+  ColorPicker_hexValue: "Hex color value",
+  ColorPicker_redChannel: "Red Color Channel",
+  ColorPicker_greenChannel: "Green Color Channel",
+  ColorPicker_blueChannel: "Blue Color Channel",
+  ColorPicker_opacity: "Color Opacity",
+  DatePicker_selectDate: "Select Date",
+  Dialog_close: "Close",
+  Flyout_close: "Close",
+  Select_clear: "clear input",
+  Select_toggleMenu: "toggle menu",
+  Select_error: "Error",
+  Select_selectedCount: "${count} selected: ${items}",
+  Select_singleItemSelected: "1 item selected",
+  Select_multipleItemsSelected: "${count} items selected",
+  Select_additionalItemsSelected: "${count} additional items selected",
+  Switch_defaultLabel: "Switch",
+  Table_sortByDescending: "Sort by ${column} descending",
+  Table_sortByAscending: "Sort by ${column} ascending",
+  Table_sortDescending: "Sort descending",
+  Table_sortAscending: "Sort ascending",
+  Badge_dismiss: "Dismiss ${label}",
+  Notice_dismiss: "Dismiss notice"
+}, t = {
+  translationStrings: l,
+  dateLocale: e
 };
 export {
-  r as actions,
-  n as button,
-  c as caret,
-  a as clearIcon,
-  _ as colorIndicator,
-  t as colorName,
-  s as default,
-  o as root
+  t as enUS
 };
 //# sourceMappingURL=fondue-components94.js.map

package/dist/fondue-components94.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components94.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
+{"version":3,"file":"fondue-components94.js","sources":["../src/locales/en-US.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { enUS as dateLocale } from 'date-fns/locale';\n\nconst translations = {\n    ColorPicker_selectColor: 'Select Color',\n    ColorPicker_selectFormat: 'Select a color format',\n    ColorPicker_hexValue: 'Hex color value',\n    ColorPicker_redChannel: 'Red Color Channel',\n    ColorPicker_greenChannel: 'Green Color Channel',\n    ColorPicker_blueChannel: 'Blue Color Channel',\n    ColorPicker_opacity: 'Color Opacity',\n    DatePicker_selectDate: 'Select Date',\n    Dialog_close: 'Close',\n    Flyout_close: 'Close',\n    Select_clear: 'clear input',\n    Select_toggleMenu: 'toggle menu',\n    Select_error: 'Error',\n    Select_selectedCount: '${count} selected: ${items}',\n    Select_singleItemSelected: '1 item selected',\n    Select_multipleItemsSelected: '${count} items selected',\n    Select_additionalItemsSelected: '${count} additional items selected',\n    Switch_defaultLabel: 'Switch',\n    Table_sortByDescending: 'Sort by ${column} descending',\n    Table_sortByAscending: 'Sort by ${column} ascending',\n    Table_sortDescending: 'Sort descending',\n    Table_sortAscending: 'Sort ascending',\n    Badge_dismiss: 'Dismiss ${label}',\n    Notice_dismiss: 'Dismiss notice',\n};\n\nexport const enUS = {\n    translationStrings: translations,\n    dateLocale,\n};\n"],"names":["translations","enUS","dateLocale"],"mappings":";AAIA,MAAMA,IAAe;AAAA,EACjB,yBAAyB;AAAA,EACzB,0BAA0B;AAAA,EAC1B,sBAAsB;AAAA,EACtB,wBAAwB;AAAA,EACxB,0BAA0B;AAAA,EAC1B,yBAAyB;AAAA,EACzB,qBAAqB;AAAA,EACrB,uBAAuB;AAAA,EACvB,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,cAAc;AAAA,EACd,sBAAsB;AAAA,EACtB,2BAA2B;AAAA,EAC3B,8BAA8B;AAAA,EAC9B,gCAAgC;AAAA,EAChC,qBAAqB;AAAA,EACrB,wBAAwB;AAAA,EACxB,uBAAuB;AAAA,EACvB,sBAAsB;AAAA,EACtB,qBAAqB;AAAA,EACrB,eAAe;AAAA,EACf,gBAAgB;AACpB,GAEaC,IAAO;AAAA,EAChB,oBAAoBD;AAAA,EAAA,YACpBE;AACJ;"}