@frontify/fondue-components 1.2.2 → 1.3.0

package/dist/fondue-components21.js

@@ -0,0 +1,28 @@
+import { useMemo as f, useCallback as d, useState as v, useRef as S, useEffect as m } from "react";
+const U = ({
+  prop: e,
+  defaultProp: n,
+  onChange: s = () => {
+  }
+}) => {
+  const [o, c] = b({ defaultProp: n, onChange: s }), t = e !== void 0, i = t ? e : o, r = f(() => s, [s]), a = d(
+    (l) => {
+      if (t) {
+        const u = typeof l == "function" ? l(e) : l;
+        u !== e && r(u);
+      } else
+        c(l);
+    },
+    [t, e, c, r]
+  );
+  return [i, a];
+}, b = ({ defaultProp: e, onChange: n }) => {
+  const s = v(e), [o] = s, c = S(o), t = f(() => n, [n]);
+  return m(() => {
+    c.current !== o && (t == null || t(o), c.current = o);
+  }, [o, c, t]), s;
+};
+export {
+  U as useControllableState
+};
+//# sourceMappingURL=fondue-components21.js.map

package/dist/fondue-components21.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fondue-components21.js","sources":["../src/hooks/useControllableState.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type Dispatch, type SetStateAction, useCallback, useMemo, useState, useRef, useEffect } from 'react';\n\n// Radix UI handy hook for handling controlled and uncontrolled state\n// Source: https://github.com/radix-ui/primitives/blob/main/packages/react/use-controllable-state/src/useControllableState.tsx\n\ntype UseControllableStateParams<TValue> = {\n    prop?: TValue;\n    defaultProp?: TValue;\n    onChange?: (state: TValue) => void;\n};\n\ntype SetStateFn<T> = (prevState?: T) => T;\n\nexport const useControllableState = <TValue>({\n    prop,\n    defaultProp,\n    onChange = () => {},\n}: UseControllableStateParams<TValue>) => {\n    const [uncontrolledProp, setUncontrolledProp] = useUncontrolledState({ defaultProp, onChange });\n    const isControlled = prop !== undefined;\n    const value = isControlled ? prop : uncontrolledProp;\n    const handleChange = useMemo(() => onChange, [onChange]);\n\n    const setValue: Dispatch<SetStateAction<TValue | undefined>> = useCallback(\n        (nextValue) => {\n            if (isControlled) {\n                const setter = nextValue as SetStateFn<TValue>;\n                const value = typeof nextValue === 'function' ? setter(prop) : nextValue;\n                if (value !== prop) {\n                    handleChange(value as TValue);\n                }\n            } else {\n                setUncontrolledProp(nextValue);\n            }\n        },\n        [isControlled, prop, setUncontrolledProp, handleChange],\n    );\n\n    return [value, setValue] as const;\n};\n\nconst useUncontrolledState = <TValue>({ defaultProp, onChange }: Omit<UseControllableStateParams<TValue>, 'prop'>) => {\n    const uncontrolledState = useState<TValue | undefined>(defaultProp);\n    const [value] = uncontrolledState;\n    const prevValueRef = useRef(value);\n    const handleChange = useMemo(() => onChange, [onChange]);\n\n    useEffect(() => {\n        if (prevValueRef.current !== value) {\n            handleChange?.(value as TValue);\n            prevValueRef.current = value;\n        }\n    }, [value, prevValueRef, handleChange]);\n\n    return uncontrolledState;\n};\n"],"names":["useControllableState","prop","defaultProp","onChange","uncontrolledProp","setUncontrolledProp","useUncontrolledState","isControlled","value","handleChange","useMemo","setValue","useCallback","nextValue","uncontrolledState","useState","prevValueRef","useRef","useEffect"],"mappings":";AAeO,MAAMA,IAAuB,CAAS;AAAA,EACzC,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC,IAAW,MAAM;AAAA,EAAC;AACtB,MAA0C;AAChC,QAAA,CAACC,GAAkBC,CAAmB,IAAIC,EAAqB,EAAE,aAAAJ,GAAa,UAAAC,GAAU,GACxFI,IAAeN,MAAS,QACxBO,IAAQD,IAAeN,IAAOG,GAC9BK,IAAeC,EAAQ,MAAMP,GAAU,CAACA,CAAQ,CAAC,GAEjDQ,IAAyDC;AAAA,IAC3D,CAACC,MAAc;AACX,UAAIN,GAAc;AAEd,cAAMC,IAAQ,OAAOK,KAAc,aADpBA,EACwCZ,CAAI,IAAIY;AAC/D,QAAIL,MAAUP,KACVQ,EAAaD,CAAe;AAAA,MAChC;AAEA,QAAAH,EAAoBQ,CAAS;AAAA,IAErC;AAAA,IACA,CAACN,GAAcN,GAAMI,GAAqBI,CAAY;AAAA,EAAA;AAGnD,SAAA,CAACD,GAAOG,CAAQ;AAC3B,GAEML,IAAuB,CAAS,EAAE,aAAAJ,GAAa,UAAAC,QAAiE;AAC5G,QAAAW,IAAoBC,EAA6Bb,CAAW,GAC5D,CAACM,CAAK,IAAIM,GACVE,IAAeC,EAAOT,CAAK,GAC3BC,IAAeC,EAAQ,MAAMP,GAAU,CAACA,CAAQ,CAAC;AAEvD,SAAAe,EAAU,MAAM;AACR,IAAAF,EAAa,YAAYR,MACzBC,KAAA,QAAAA,EAAeD,IACfQ,EAAa,UAAUR;AAAA,EAE5B,GAAA,CAACA,GAAOQ,GAAcP,CAAY,CAAC,GAE/BK;AACX;"}

package/dist/fondue-components22.js

@@ -0,0 +1,11 @@
+const t = "tw-inline-grid tw-h-9 tw-grid-flow-col tw-auto-cols-[1fr] tw-items-stretch tw-bg-base-alt disabled:tw-bg-base-alt tw-border tw-border-line-strong tw-rounded tw-relative tw-min-w-max tw-font-sans tw-font-normal tw-text-center tw-isolate", e = "tw-peer tw-group tw-flex tw-items-stretch tw-justify-center tw-select-none first:tw-rounded-l-[inherit] [&:nth-last-child(2)]:tw-rounded-r-[inherit] focus-visible:tw-rounded-[inherit] focus-visible:tw-outline focus-visible:tw-outline-blue", a = "tw-hidden tw-absolute -tw-z-[1] tw-top-0 tw-left-0 tw-h-full tw-pointer-events-none tw-transition-transform before:tw-content-[''] before:tw-inset-0 before:tw-absolute before:tw-rounded-[calc(var(--radius)-var(--line-width))] before:tw-bg-white peer-disabled:before:tw-bg-box-disabled before:tw-shadow-[0_0_0_var(--line-width)_var(--line-color-xx-strong)] peer-disabled:before:tw-shadow-[0_0_0_var(--line-width)_var(--line-color-x-strong)] peer-data-[state=on]:tw-block [&:nth-child(2)]:tw-w-[calc(100%/1)] [&:nth-child(3)]:tw-w-[calc(100%/2)] [&:nth-child(4)]:tw-w-[calc(100%/3)] [&:nth-child(5)]:tw-w-[calc(100%/4)] [&:nth-child(6)]:tw-w-[calc(100%/5)] [&:nth-child(7)]:tw-w-[calc(100%/6)] [&:nth-child(8)]:tw-w-[calc(100%/7)] [&:nth-child(9)]:tw-w-[calc(100%/8)] [&:nth-child(10)]:tw-w-[calc(100%/9)] [&:nth-child(11)]:tw-w-[calc(100%/10)] peer-[[data-state=on]:nth-child(1)]:tw-translate-x-[0%] peer-[[data-state=on]:nth-child(2)]:tw-translate-x-[100%] peer-[[data-state=on]:nth-child(3)]:tw-translate-x-[200%] peer-[[data-state=on]:nth-child(4)]:tw-translate-x-[300%] peer-[[data-state=on]:nth-child(5)]:tw-translate-x-[400%] peer-[[data-state=on]:nth-child(6)]:tw-translate-x-[500%] peer-[[data-state=on]:nth-child(7)]:tw-translate-x-[600%] peer-[[data-state=on]:nth-child(8)]:tw-translate-x-[700%] peer-[[data-state=on]:nth-child(9)]:tw-translate-x-[800%] peer-[[data-state=on]:nth-child(10)]:tw-translate-x-[900%]", n = "-tw-z-[1] tw-min-w-px tw-w-px -tw-mx-[0.5px] tw-bg-line-strong tw-transition-opacity tw-ease-out group-first:tw-opacity-0 group-first:tw-ease-in group-data-[state=on]:tw-opacity-0 group-data-[state=on]:tw-ease-in group-focus-visible:tw-opacity-0 group-focus-visible:tw-ease-in [[data-state=on]_+_*_&]:tw-opacity-0 [[data-state=on]_+_*_&]:tw-ease-in group-focus-visible:tw-duration-0", o = "tw-flex tw-flex-grow tw-items-center tw-justify-center tw-rounded-[inherit] tw-px-4 tw-gap-2 tw-text-body-medium group-data-[state=off]:group-enabled:hover:tw-bg-[#00005506] [&_svg]:tw-shrink-0", w = "tw-inline-flex tw-gap-2 tw-items-center tw-justify-center tw-transition-opacity group-disabled:tw-text-box-disabled-inverse tw-font-medium tw-opacity-0 tw-ease-in group-data-[state=on]:tw-opacity-100 group-data-[state=on]:tw-ease-out", i = "tw-absolute tw-inline-flex tw-gap-2 tw-items-center tw-justify-center tw-transition-opacity group-disabled:tw-text-box-disabled-inverse tw-font-normal tw-opacity-100 tw-ease-out group-data-[state=on]:tw-opacity-0 group-data-[state=on]:tw-ease-in";
+export {
+  a as segmentedControlActiveIndicatorStyles,
+  w as segmentedControlItemLabelActiveStyles,
+  i as segmentedControlItemLabelInactiveStyles,
+  o as segmentedControlItemLabelStyles,
+  n as segmentedControlItemSeparatorStyles,
+  e as segmentedControlItemStyles,
+  t as segmentedControlRootStyles
+};
+//# sourceMappingURL=fondue-components22.js.map

package/dist/fondue-components22.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fondue-components22.js","sources":["../src/components/SegmentedControl/styles/segmentedControlStyles.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nexport const segmentedControlRootStyles =\n    'tw-inline-grid tw-h-9 tw-grid-flow-col tw-auto-cols-[1fr] tw-items-stretch tw-bg-base-alt disabled:tw-bg-base-alt ' +\n    'tw-border tw-border-line-strong tw-rounded tw-relative tw-min-w-max tw-font-sans tw-font-normal tw-text-center tw-isolate';\n\nexport const segmentedControlItemStyles =\n    'tw-peer tw-group tw-flex tw-items-stretch tw-justify-center tw-select-none ' +\n    // Apply border radius based on the index\n    'first:tw-rounded-l-[inherit] [&:nth-last-child(2)]:tw-rounded-r-[inherit] ' +\n    // Focus styles for keyboard navigation\n    'focus-visible:tw-rounded-[inherit] focus-visible:tw-outline focus-visible:tw-outline-blue';\n\nexport const segmentedControlActiveIndicatorStyles =\n    'tw-hidden tw-absolute -tw-z-[1] tw-top-0 tw-left-0 tw-h-full tw-pointer-events-none tw-transition-transform ' +\n    // Outline of active item\n    \"before:tw-content-[''] before:tw-inset-0 before:tw-absolute before:tw-rounded-[calc(var(--radius)-var(--line-width))] before:tw-bg-white peer-disabled:before:tw-bg-box-disabled \" +\n    'before:tw-shadow-[0_0_0_var(--line-width)_var(--line-color-xx-strong)] peer-disabled:before:tw-shadow-[0_0_0_var(--line-width)_var(--line-color-x-strong)] ' +\n    // Show the active indicator when the state is on\n    'peer-data-[state=on]:tw-block ' +\n    // Used to animate the active indicator horizontally\n    '[&:nth-child(2)]:tw-w-[calc(100%/1)] [&:nth-child(3)]:tw-w-[calc(100%/2)] ' +\n    '[&:nth-child(4)]:tw-w-[calc(100%/3)] [&:nth-child(5)]:tw-w-[calc(100%/4)] ' +\n    '[&:nth-child(6)]:tw-w-[calc(100%/5)] [&:nth-child(7)]:tw-w-[calc(100%/6)] ' +\n    '[&:nth-child(8)]:tw-w-[calc(100%/7)] [&:nth-child(9)]:tw-w-[calc(100%/8)] ' +\n    '[&:nth-child(10)]:tw-w-[calc(100%/9)] [&:nth-child(11)]:tw-w-[calc(100%/10)] ' +\n    'peer-[[data-state=on]:nth-child(1)]:tw-translate-x-[0%] ' +\n    'peer-[[data-state=on]:nth-child(2)]:tw-translate-x-[100%] ' +\n    'peer-[[data-state=on]:nth-child(3)]:tw-translate-x-[200%] ' +\n    'peer-[[data-state=on]:nth-child(4)]:tw-translate-x-[300%] ' +\n    'peer-[[data-state=on]:nth-child(5)]:tw-translate-x-[400%] ' +\n    'peer-[[data-state=on]:nth-child(6)]:tw-translate-x-[500%] ' +\n    'peer-[[data-state=on]:nth-child(7)]:tw-translate-x-[600%] ' +\n    'peer-[[data-state=on]:nth-child(8)]:tw-translate-x-[700%] ' +\n    'peer-[[data-state=on]:nth-child(9)]:tw-translate-x-[800%] ' +\n    'peer-[[data-state=on]:nth-child(10)]:tw-translate-x-[900%]';\n\nexport const segmentedControlItemSeparatorStyles =\n    '-tw-z-[1] tw-min-w-px tw-w-px -tw-mx-[0.5px] tw-bg-line-strong tw-transition-opacity tw-ease-out ' +\n    // Hide the separator when the state is on to rely on the active item's border\n    'group-first:tw-opacity-0 group-first:tw-ease-in ' +\n    'group-data-[state=on]:tw-opacity-0 group-data-[state=on]:tw-ease-in ' +\n    'group-focus-visible:tw-opacity-0 group-focus-visible:tw-ease-in ' +\n    '[[data-state=on]_+_*_&]:tw-opacity-0 [[data-state=on]_+_*_&]:tw-ease-in ' +\n    // Remove transition is the control is focused\n    'group-focus-visible:tw-duration-0';\n\nexport const segmentedControlItemLabelStyles =\n    'tw-flex tw-flex-grow tw-items-center tw-justify-center tw-rounded-[inherit] tw-px-4 tw-gap-2 tw-text-body-medium ' +\n    // Hover on unselected items but not when disabled\n    'group-data-[state=off]:group-enabled:hover:tw-bg-[#00005506] ' +\n    // Prevent shrinking of icons\n    '[&_svg]:tw-shrink-0';\n\nexport const segmentedControlItemLabelActiveStyles =\n    'tw-inline-flex tw-gap-2 tw-items-center tw-justify-center tw-transition-opacity group-disabled:tw-text-box-disabled-inverse tw-font-medium ' +\n    'tw-opacity-0 tw-ease-in group-data-[state=on]:tw-opacity-100 ' +\n    'group-data-[state=on]:tw-ease-out';\n\nexport const segmentedControlItemLabelInactiveStyles =\n    'tw-absolute tw-inline-flex tw-gap-2 tw-items-center tw-justify-center tw-transition-opacity group-disabled:tw-text-box-disabled-inverse tw-font-normal ' +\n    'tw-opacity-100 tw-ease-out group-data-[state=on]:tw-opacity-0 ' +\n    'group-data-[state=on]:tw-ease-in';\n"],"names":["segmentedControlRootStyles","segmentedControlItemStyles","segmentedControlActiveIndicatorStyles","segmentedControlItemSeparatorStyles","segmentedControlItemLabelStyles","segmentedControlItemLabelActiveStyles","segmentedControlItemLabelInactiveStyles"],"mappings":"AAEO,MAAMA,IACT,+OAGSC,IACT,kPAMSC,IACT,i5CAuBSC,IACT,kYASSC,IACT,qMAMSC,IACT,6OAISC,IACT;"}

package/dist/fondue-components23.js

@@ -0,0 +1,8 @@
+const t = 'tw-group tw-relative tw-flex tw-items-stretch tw-font-sans tw-font-normal tw-text-start tw-h-9 tw-text-body-medium tw-transition-colors tw-bg-base dark:tw-bg-transparent tw-rounded tw-border tw-border-line-strong hover:tw-border-line-x-strong has-[:focus-visible]:tw-border-line-xx-strong has-[input[readonly]]:tw-border-transparent has-[input:disabled]:tw-border-line-weak has-[input:disabled]:tw-bg-box-disabled data-[status="success"]:tw-border-text-positive data-[status="error"]:tw-border-text-negative ', e = 'tw-peer/input tw-w-full tw-bg-transparent tw-flex tw-items-center [text-align:inherit] tw-indent-3 tw-outline-none tw-rounded-[calc(var(--radius)_-_var(--line-width))] has-[~_div:not([data-name="right"])]:tw-indent-0 has-[~_:not([data-name="right"])]:tw-pl-0 has-[~_:not([data-name="right"])]:tw-rounded-l-none has-[~_[data-name="right"]]:tw-pr-0 has-[~_[data-name="right"]]:tw-rounded-r-none [~_:not([data-name="right"])_~_:not([data-name="left"])]:tw-pr-0 [~_:not([data-name="right"])_~_:not([data-name="left"])]:tw-rounded-r-none[&[readonly]]:tw-cursor-text [&[readonly]]:tw-text-text-weak [&[readonly]]:tw-indent-0 disabled:tw-cursor-text disabled:tw-text-text-disabled ', r = 'tw-peer tw-shrink-0 tw-flex tw-items-center tw-cursor-text tw-gap-1.5 tw-pl-3 tw-pr-1.5 [&:not([data-name="right"])]:-tw-order-1 [&:not([data-name="right"])]:tw-mx-0 data-[name="right"]:tw-order-[0] data-[name="right"]:tw-mx-0 data-[name="right"]:tw-pr-3 [&:not([data-name="right"])_~_:not([data-name="left"])]:tw-order-[0] [&:not([data-name="right"])_~_:not([data-name="left"])]:tw-mx-0 peer-[&[readonly]]/input:tw-text-text-weak peer-[&[readonly]]/input:[&:not([data-name="right"])]:tw-pl-0 peer-disabled/input:tw-text-text-disabled ', a = "tw-flex tw-absolute tw-size-6 -tw-top-3 -tw-right-3 tw-pointer-events-none tw-items-center tw-justify-center tw-bg-base tw-border tw-border-line-strong tw-rounded-full before:tw-flex before:tw-items-center before:tw-justify-center before:tw-size-4 before:tw-rounded-full before:tw-border before:tw-border-solid before:tw-border-text-interactive before:tw-border-t-transparent before:tw-animate-spin";
+export {
+  e as inputStyles,
+  a as loadingStatusStyles,
+  t as rootStyles,
+  r as slotStyles
+};
+//# sourceMappingURL=fondue-components23.js.map

package/dist/fondue-components23.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fondue-components23.js","sources":["../src/components/TextInput/styles/textInputStyles.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nexport const rootStyles =\n    'tw-group tw-relative tw-flex tw-items-stretch tw-font-sans tw-font-normal tw-text-start tw-h-9 tw-text-body-medium tw-transition-colors ' +\n    // Focus and border styles\n    'tw-bg-base dark:tw-bg-transparent tw-rounded tw-border tw-border-line-strong hover:tw-border-line-x-strong has-[:focus-visible]:tw-border-line-xx-strong ' +\n    // Readonly styles\n    'has-[input[readonly]]:tw-border-transparent ' +\n    // Disabled styles\n    'has-[input:disabled]:tw-border-line-weak has-[input:disabled]:tw-bg-box-disabled ' +\n    // Success and error status styles\n    'data-[status=\"success\"]:tw-border-text-positive data-[status=\"error\"]:tw-border-text-negative ';\n\nexport const inputStyles =\n    'tw-peer/input tw-w-full tw-bg-transparent tw-flex tw-items-center [text-align:inherit] tw-indent-3 tw-outline-none tw-rounded-[calc(var(--radius)_-_var(--line-width))] ' +\n    // Remove border-radius and text-indent/padding on the left if there’s a left-side slot\n    'has-[~_div:not([data-name=\"right\"])]:tw-indent-0 has-[~_:not([data-name=\"right\"])]:tw-pl-0 has-[~_:not([data-name=\"right\"])]:tw-rounded-l-none ' +\n    // Remove border-radius and padding on the right if there’s a right-side slot\n    'has-[~_[data-name=\"right\"]]:tw-pr-0 has-[~_[data-name=\"right\"]]:tw-rounded-r-none ' +\n    '[~_:not([data-name=\"right\"])_~_:not([data-name=\"left\"])]:tw-pr-0 [~_:not([data-name=\"right\"])_~_:not([data-name=\"left\"])]:tw-rounded-r-none' +\n    // Readonly styles\n    '[&[readonly]]:tw-cursor-text [&[readonly]]:tw-text-text-weak [&[readonly]]:tw-indent-0 ' +\n    // Disabled styles\n    'disabled:tw-cursor-text disabled:tw-text-text-disabled ';\n\nexport const slotStyles =\n    'tw-peer tw-shrink-0 tw-flex tw-items-center tw-cursor-text tw-gap-1.5 tw-pl-3 tw-pr-1.5 ' +\n    // Left slot\n    '[&:not([data-name=\"right\"])]:-tw-order-1 [&:not([data-name=\"right\"])]:tw-mx-0 ' +\n    // Right slot\n    'data-[name=\"right\"]:tw-order-[0] data-[name=\"right\"]:tw-mx-0 data-[name=\"right\"]:tw-pr-3 ' +\n    // 2 slots without any name should be implicitly ordered\n    '[&:not([data-name=\"right\"])_~_:not([data-name=\"left\"])]:tw-order-[0] [&:not([data-name=\"right\"])_~_:not([data-name=\"left\"])]:tw-mx-0 ' +\n    // Readonly color styles\n    'peer-[&[readonly]]/input:tw-text-text-weak peer-[&[readonly]]/input:[&:not([data-name=\"right\"])]:tw-pl-0 ' +\n    // Disabled color styles\n    'peer-disabled/input:tw-text-text-disabled ';\n\nexport const loadingStatusStyles =\n    'tw-flex tw-absolute tw-size-6 -tw-top-3 -tw-right-3 tw-pointer-events-none ' +\n    'tw-items-center tw-justify-center tw-bg-base tw-border tw-border-line-strong tw-rounded-full ' +\n    'before:tw-flex before:tw-items-center before:tw-justify-center before:tw-size-4 before:tw-rounded-full ' +\n    'before:tw-border before:tw-border-solid before:tw-border-text-interactive before:tw-border-t-transparent before:tw-animate-spin';\n"],"names":["rootStyles","inputStyles","slotStyles","loadingStatusStyles"],"mappings":"AAEO,MAAMA,IACT,ggBAUSC,IACT,sqBAWSC,IACT,2hBAYSC,IACT;"}

package/dist/fondue-components24.js

@@ -0,0 +1,18 @@
+import { sv as t } from "./fondue-components13.js";
+const o = t({
+  base: "tw-bg-box-neutral-mighty tw-text-box-neutral-mighty-inverse tw-rounded tw-max-w-48 tw-text-sm tw-overflow-hidden",
+  variants: {
+    padding: {
+      spacious: "tw-px-3 tw-py-2",
+      compact: "tw-px-2 tw-py-1"
+    }
+  },
+  defaultVariants: {
+    padding: "spacious"
+  }
+}), e = "tw-w-2 tw-h-2 tw-bg-box-neutral-mighty tw-border-r tw-border-b tw-border-r-line-mighty tw-border-b-line-mighty tw-rotate-45 -tw-translate-y-1 tw-rounded-br-small";
+export {
+  e as tooltipArrowStyles,
+  o as tooltipContentStyles
+};
+//# sourceMappingURL=fondue-components24.js.map

package/dist/fondue-components24.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fondue-components24.js","sources":["../src/components/Tooltip/styles/tooltipStyles.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { sv } from '#/utilities/styleUtilities';\n\nexport const tooltipContentStyles = sv({\n    base: 'tw-bg-box-neutral-mighty tw-text-box-neutral-mighty-inverse tw-rounded tw-max-w-48 tw-text-sm tw-overflow-hidden',\n    variants: {\n        padding: {\n            spacious: 'tw-px-3 tw-py-2',\n            compact: 'tw-px-2 tw-py-1',\n        },\n    },\n    defaultVariants: {\n        padding: 'spacious',\n    },\n});\n\nexport const tooltipArrowStyles =\n    'tw-w-2 tw-h-2 tw-bg-box-neutral-mighty tw-border-r tw-border-b tw-border-r-line-mighty tw-border-b-line-mighty tw-rotate-45 -tw-translate-y-1 tw-rounded-br-small';\n"],"names":["tooltipContentStyles","sv","tooltipArrowStyles"],"mappings":";AAIO,MAAMA,IAAuBC,EAAG;AAAA,EACnC,MAAM;AAAA,EACN,UAAU;AAAA,IACN,SAAS;AAAA,MACL,UAAU;AAAA,MACV,SAAS;AAAA,IACb;AAAA,EACJ;AAAA,EACA,iBAAiB;AAAA,IACb,SAAS;AAAA,EACb;AACJ,CAAC,GAEYC,IACT;"}