@geneui/components 3.0.0-next-ed7bf62-05032025 → 3.0.0-next-d82ed4a-12032025

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.
Files changed (26) hide show
  1. package/Checkbox.js +2 -2
  2. package/GeneUIProvider.js +4 -1340
  3. package/Info.js +2 -1
  4. package/KeyValue.js +2 -1
  5. package/Label.js +2 -2
  6. package/Pill.js +2 -2
  7. package/Popover.js +3 -2
  8. package/ProgressBar.js +2 -2
  9. package/Tag.js +2 -2
  10. package/Text.js +2 -2
  11. package/Tooltip.js +2 -1
  12. package/components/providers/GeneUIProvider/GeneUIProvider.d.ts +2 -1
  13. package/hooks/index.d.ts +2 -0
  14. package/hooks/useBreakpoint/index.d.ts +1 -0
  15. package/hooks/useBreakpoint/useBreakpoint.d.ts +3 -0
  16. package/hooks/useClickOutside/index.d.ts +1 -0
  17. package/hooks/useClickOutside/useClickOutside.d.ts +4 -0
  18. package/hooks/useDeviceInfo/useDeviceInfo.d.ts +3 -2
  19. package/hooks/useWindowSize/useWindowSize.d.ts +3 -2
  20. package/{index-24d8893c.js → index-633639a4.js} +1 -1
  21. package/index-9d92561b.js +1382 -0
  22. package/index.js +12 -21
  23. package/package.json +1 -1
  24. package/types/index.d.ts +4 -1
  25. package/useEllipsisDetection-5eab9668.js +28 -0
  26. package/useEllipsisDetection-e545ae62.js +0 -23
package/Info.js CHANGED
@@ -6,7 +6,8 @@ import { s as styleInject } from './style-inject.es-746bb8ed.js';
6
6
  import './ArrowLeft-b88e2ba8.js';
7
7
  import './floating-ui.react-0485e4db.js';
8
8
  import 'react-dom';
9
- import './GeneUIProvider.js';
9
+ import './index-9d92561b.js';
10
+ import './useDebounceCallback-999deae7.js';
10
11
 
11
12
  var css_248z = ".info{border-radius:var(--guit-ref-radius-3xsmall);line-height:0}.info_appearance_default{color:var(--guit-sem-color-foreground-neutral-2)}.info_appearance_brand{color:var(--guit-sem-color-foreground-brand)}.info_appearance_inverse{color:var(--guit-sem-color-foreground-inverse)}.info_disabled{color:var(--guit-sem-color-foreground-disabled);pointer-events:none}";
12
13
  styleInject(css_248z);
package/KeyValue.js CHANGED
@@ -7,7 +7,8 @@ import './ArrowLeft-b88e2ba8.js';
7
7
  import './Tooltip.js';
8
8
  import './floating-ui.react-0485e4db.js';
9
9
  import 'react-dom';
10
- import './GeneUIProvider.js';
10
+ import './index-9d92561b.js';
11
+ import './useDebounceCallback-999deae7.js';
11
12
 
12
13
  var css_248z = ".keyValue{display:inline-flex;max-width:100%}.keyValue_direction_vertical{flex-direction:column}.keyValue_direction_horizontal.keyValue_spaceBetween{width:100%}.keyValue__content{align-items:center;color:var(--guit-sem-color-foreground-neutral-2);display:flex;flex:1}.keyValue__value{color:var(--guit-sem-color-foreground-neutral-1);word-break:break-word}.keyValue_size_large{gap:var(--guit-ref-spacing-medium)}.keyValue_size_large .keyValue__content{gap:var(--guit-ref-spacing-xsmall)}.keyValue_size_large .keyValue__title,.keyValue_size_large .keyValue__value{font-family:var(--guit-sem-font-label-large-default-medium-font-family),sans-serif;font-size:var(--guit-sem-font-label-large-default-semibold-font-size);font-weight:var(--guit-sem-font-label-large-default-medium-font-weight);line-height:var(--guit-sem-font-label-large-default-semibold-line-height)}.keyValue_size_medium{gap:var(--guit-ref-spacing-medium)}.keyValue_size_medium .keyValue__content{gap:var(--guit-ref-spacing-xsmall)}.keyValue_size_medium .keyValue__title,.keyValue_size_medium .keyValue__value{font-family:var(--guit-sem-font-label-medium-default-semibold-font-family),sans-serif;font-size:var(--guit-sem-font-label-medium-default-semibold-font-size);font-weight:var(--guit-sem-font-label-medium-default-medium-font-weight);line-height:var(--guit-sem-font-label-medium-default-semibold-line-height)}";
13
14
  styleInject(css_248z);
package/Label.js CHANGED
@@ -1,12 +1,12 @@
1
1
  import React__default, { useRef } from 'react';
2
2
  import { c as classNames } from './index-ce02421b.js';
3
3
  import Tooltip from './Tooltip.js';
4
- import { u as useEllipsisDetection } from './useEllipsisDetection-e545ae62.js';
4
+ import { u as useEllipsisDetection } from './useEllipsisDetection-5eab9668.js';
5
5
  import { s as styleInject } from './style-inject.es-746bb8ed.js';
6
6
  import Info from './Info.js';
7
7
  import './floating-ui.react-0485e4db.js';
8
8
  import 'react-dom';
9
- import './GeneUIProvider.js';
9
+ import './index-9d92561b.js';
10
10
  import './useDebounceCallback-999deae7.js';
11
11
  import './InfoOutline-dd2e89d9.js';
12
12
  import './ArrowLeft-b88e2ba8.js';
package/Pill.js CHANGED
@@ -2,11 +2,11 @@ import React__default, { useState, useRef, useEffect } from 'react';
2
2
  import { c as classNames } from './index-ce02421b.js';
3
3
  import { _ as _objectWithoutProperties, a as _extends } from './ArrowLeft-b88e2ba8.js';
4
4
  import Tooltip from './Tooltip.js';
5
- import { u as useEllipsisDetection } from './useEllipsisDetection-e545ae62.js';
5
+ import { u as useEllipsisDetection } from './useEllipsisDetection-5eab9668.js';
6
6
  import { s as styleInject } from './style-inject.es-746bb8ed.js';
7
7
  import './floating-ui.react-0485e4db.js';
8
8
  import 'react-dom';
9
- import './GeneUIProvider.js';
9
+ import './index-9d92561b.js';
10
10
  import './useDebounceCallback-999deae7.js';
11
11
 
12
12
  var _excluded = ["size", "color"];
package/Popover.js CHANGED
@@ -1,4 +1,4 @@
1
- export { P as Popover, a as PopoverBody, b as PopoverFooter, c as PopoverFooterActions } from './index-24d8893c.js';
1
+ export { P as Popover, a as PopoverBody, b as PopoverFooter, c as PopoverFooterActions } from './index-633639a4.js';
2
2
  import 'react';
3
3
  import './floating-ui.react-0485e4db.js';
4
4
  import 'react-dom';
@@ -6,7 +6,8 @@ import './Close-e8302008.js';
6
6
  import './ArrowLeft-b88e2ba8.js';
7
7
  import './InfoOutline-dd2e89d9.js';
8
8
  import './style-inject.es-746bb8ed.js';
9
- import './GeneUIProvider.js';
9
+ import './index-9d92561b.js';
10
+ import './useDebounceCallback-999deae7.js';
10
11
  import './Button.js';
11
12
  import './index-ce02421b.js';
12
13
  import './Loader.js';
package/ProgressBar.js CHANGED
@@ -9,9 +9,9 @@ import './WarningFill-143d0870.js';
9
9
  import './Tooltip.js';
10
10
  import './floating-ui.react-0485e4db.js';
11
11
  import 'react-dom';
12
- import './GeneUIProvider.js';
13
- import './useEllipsisDetection-e545ae62.js';
12
+ import './index-9d92561b.js';
14
13
  import './useDebounceCallback-999deae7.js';
14
+ import './useEllipsisDetection-5eab9668.js';
15
15
  import './Info.js';
16
16
  import './InfoOutline-dd2e89d9.js';
17
17
 
package/Tag.js CHANGED
@@ -5,14 +5,14 @@ import { S as SvgErrorAlertFill } from './ErrorAlertFill-a0afebbf.js';
5
5
  import { _ as _objectWithoutProperties, a as _extends } from './ArrowLeft-b88e2ba8.js';
6
6
  import { S as SvgWarningFill } from './WarningFill-143d0870.js';
7
7
  import Button from './Button.js';
8
- import { u as useEllipsisDetection } from './useEllipsisDetection-e545ae62.js';
8
+ import { u as useEllipsisDetection } from './useEllipsisDetection-5eab9668.js';
9
9
  import { s as styleInject } from './style-inject.es-746bb8ed.js';
10
10
  import Tooltip from './Tooltip.js';
11
11
  import './Loader.js';
12
+ import './index-9d92561b.js';
12
13
  import './useDebounceCallback-999deae7.js';
13
14
  import './floating-ui.react-0485e4db.js';
14
15
  import 'react-dom';
15
- import './GeneUIProvider.js';
16
16
 
17
17
  var _excluded = ["size", "color"];
18
18
  var SvgTagOutline = function SvgTagOutline(_ref) {
package/Text.js CHANGED
@@ -1,11 +1,11 @@
1
1
  import React__default, { useRef } from 'react';
2
2
  import { c as classNames } from './index-ce02421b.js';
3
3
  import Tooltip from './Tooltip.js';
4
- import { u as useEllipsisDetection } from './useEllipsisDetection-e545ae62.js';
4
+ import { u as useEllipsisDetection } from './useEllipsisDetection-5eab9668.js';
5
5
  import { s as styleInject } from './style-inject.es-746bb8ed.js';
6
6
  import './floating-ui.react-0485e4db.js';
7
7
  import 'react-dom';
8
- import './GeneUIProvider.js';
8
+ import './index-9d92561b.js';
9
9
  import './useDebounceCallback-999deae7.js';
10
10
 
11
11
  var css_248z = ".text_variant_headingXLargeSemibold{font-family:var(--guit-sem-font-heading-xlarge-semibold-font-family);font-size:var(--guit-sem-font-heading-xlarge-semibold-font-size);font-weight:var(--guit-sem-font-heading-xlarge-semibold-font-weight);line-height:var(--guit-sem-font-heading-xlarge-semibold-line-height)}.text_variant_headingLargeSemibold{font-family:var(--guit-sem-font-heading-large-semibold-font-family);font-size:var(--guit-sem-font-heading-large-semibold-font-size);font-weight:var(--guit-sem-font-heading-large-semibold-font-weight);line-height:var(--guit-sem-font-heading-large-semibold-line-height)}.text_variant_headingMediumSemibold{font-family:var(--guit-sem-font-heading-medium-semibold-font-family);font-size:var(--guit-sem-font-heading-medium-semibold-font-size);font-weight:var(--guit-sem-font-heading-medium-semibold-font-weight);line-height:var(--guit-sem-font-heading-medium-semibold-line-height)}.text_variant_headingSmallSemibold{font-family:var(--guit-sem-font-heading-small-semibold-font-family);font-size:var(--guit-sem-font-heading-small-semibold-font-size);font-weight:var(--guit-sem-font-heading-small-semibold-font-weight);line-height:var(--guit-sem-font-heading-small-semibold-line-height)}.text_variant_headingXSmallSemibold{font-family:var(--guit-sem-font-heading-xsmall-semibold-font-family);font-size:var(--guit-sem-font-heading-xsmall-semibold-font-size);font-weight:var(--guit-sem-font-heading-xsmall-semibold-font-weight);line-height:var(--guit-sem-font-heading-xsmall-semibold-line-height)}.text_variant_subheadingLargeSemibold{font-family:var(--guit-sem-font-subheading-large-semibold-font-family);font-size:var(--guit-sem-font-subheading-large-semibold-font-size);font-weight:var(--guit-sem-font-subheading-large-semibold-font-weight);line-height:var(--guit-sem-font-subheading-large-semibold-line-height)}.text_variant_subheadingMediumSemibold{font-family:var(--guit-sem-font-subheading-medium-semibold-font-family);font-size:var(--guit-sem-font-subheading-medium-semibold-font-size);font-weight:var(--guit-sem-font-subheading-medium-semibold-font-weight);line-height:var(--guit-sem-font-subheading-medium-semibold-line-height)}.text_variant_labelLargeSemibold{font-family:var(--guit-sem-font-label-large-default-semibold-font-family);font-size:var(--guit-sem-font-label-large-default-semibold-font-size);font-weight:var(--guit-sem-font-label-large-default-semibold-font-weight);line-height:var(--guit-sem-font-label-large-default-semibold-line-height)}.text_variant_labelLargeMedium{font-family:var(--guit-sem-font-label-large-default-medium-font-family);font-size:var(--guit-sem-font-label-large-default-medium-font-size);font-weight:var(--guit-sem-font-label-large-default-medium-font-weight);line-height:var(--guit-sem-font-label-large-default-medium-line-height)}.text_variant_labelMediumSemibold{font-family:var(--guit-sem-font-label-medium-default-semibold-font-family);font-size:var(--guit-sem-font-label-medium-default-semibold-font-size);font-weight:var(--guit-sem-font-label-medium-default-semibold-font-weight);line-height:var(--guit-sem-font-label-medium-default-semibold-line-height)}.text_variant_labelMediumMedium{font-family:var(--guit-sem-font-label-medium-default-medium-font-family);font-size:var(--guit-sem-font-label-medium-default-medium-font-size);font-weight:var(--guit-sem-font-label-medium-default-medium-font-weight);line-height:var(--guit-sem-font-label-medium-default-medium-line-height)}.text_variant_labelSmallSemibold{font-family:var(--guit-sem-font-label-small-default-semibold-font-family);font-size:var(--guit-sem-font-label-small-default-semibold-font-size);font-weight:var(--guit-sem-font-label-small-default-semibold-font-weight);line-height:var(--guit-sem-font-label-small-default-semibold-line-height)}.text_variant_labelSmallMedium{font-family:var(--guit-sem-font-label-small-default-medium-font-family);font-size:var(--guit-sem-font-label-small-default-medium-font-size);font-weight:var(--guit-sem-font-label-small-default-medium-font-weight);line-height:var(--guit-sem-font-label-small-default-medium-line-height)}.text_variant_bodyLargeMedium_hasSpace,.text_variant_bodyLargeRegular_hasSpace,.text_variant_bodyLargeSemibold_hasSpace{margin-block-end:2.4rem}.text_variant_bodyMediumMedium_hasSpace,.text_variant_bodyMediumRegular_hasSpace,.text_variant_bodyMediumSemibold_hasSpace{margin-block-end:2rem}.text_variant_bodyLargeSemibold{font-family:var(--guit-sem-font-body-large-default-semibold-font-family);font-size:var(--guit-sem-font-body-large-default-semibold-font-size);font-weight:var(--guit-sem-font-body-large-default-semibold-font-weight);line-height:var(--guit-sem-font-body-large-default-semibold-line-height)}.text_variant_bodyLargeMedium{font-family:var(--guit-sem-font-body-large-default-medium-font-family);font-size:var(--guit-sem-font-body-large-default-medium-font-size);font-weight:var(--guit-sem-font-body-large-default-medium-font-weight);line-height:var(--guit-sem-font-body-large-default-medium-line-height)}.text_variant_bodyLargeRegular{font-family:var(--guit-sem-font-body-large-default-regular-font-family);font-size:var(--guit-sem-font-body-large-default-regular-font-size);font-weight:var(--guit-sem-font-body-large-default-regular-font-weight);line-height:var(--guit-sem-font-body-large-default-regular-line-height)}.text_variant_bodyMediumSemibold{font-family:var(--guit-sem-font-body-medium-default-semibold-font-family);font-size:var(--guit-sem-font-body-medium-default-semibold-font-size);font-weight:var(--guit-sem-font-body-medium-default-semibold-font-weight);line-height:var(--guit-sem-font-body-medium-default-semibold-line-height)}.text_variant_bodyMediumMedium{font-family:var(--guit-sem-font-body-medium-default-medium-font-family);font-size:var(--guit-sem-font-body-medium-default-medium-font-size);font-weight:var(--guit-sem-font-body-medium-default-medium-font-weight);line-height:var(--guit-sem-font-body-medium-default-medium-line-height)}.text_variant_bodyMediumRegular{font-family:var(--guit-sem-font-body-medium-default-regular-font-family);font-size:var(--guit-sem-font-body-medium-default-regular-font-size);font-weight:var(--guit-sem-font-body-medium-default-regular-font-weight);line-height:var(--guit-sem-font-body-medium-default-regular-line-height)}.text_variant_captionLargeMedium_hasSpace,.text_variant_captionLargeRegular_hasSpace,.text_variant_captionLargeSemibold_hasSpace{margin-block-end:1.6rem}.text_variant_captionMediumMedium_hasSpace,.text_variant_captionMediumRegular_hasSpace,.text_variant_captionMediumSemibold_hasSpace{margin-block-end:1.4rem}.text_variant_captionLargeSemibold{font-family:var(--guit-sem-font-caption-large-semibold-font-family);font-size:var(--guit-sem-font-caption-large-semibold-font-size);font-weight:var(--guit-sem-font-caption-large-semibold-font-weight);letter-spacing:var(--guit-sem-font-caption-large-semibold-letter-spacing);line-height:var(--guit-sem-font-caption-large-semibold-line-height)}.text_variant_captionLargeMedium{font-family:var(--guit-sem-font-caption-large-medium-font-family);font-size:var(--guit-sem-font-caption-large-medium-font-size);font-weight:var(--guit-sem-font-caption-large-medium-font-weight);letter-spacing:var(--guit-sem-font-caption-large-medium-letter-spacing);line-height:var(--guit-sem-font-caption-large-medium-line-height)}.text_variant_captionLargeRegular{font-family:var(--guit-sem-font-caption-large-regular-font-family);font-size:var(--guit-sem-font-caption-large-regular-font-size);font-weight:var(--guit-sem-font-caption-large-regular-font-weight);letter-spacing:var(--guit-sem-font-caption-large-regular-letter-spacing);line-height:var(--guit-sem-font-caption-large-regular-line-height)}.text_variant_captionMediumSemibold{font-family:var(--guit-sem-font-caption-medium-semibold-font-family);font-size:var(--guit-sem-font-caption-medium-semibold-font-size);font-weight:var(--guit-sem-font-caption-medium-semibold-font-weight);letter-spacing:var(--guit-sem-font-caption-medium-semibold-letter-spacing);line-height:var(--guit-sem-font-caption-medium-semibold-line-height)}.text_variant_captionMediumMedium{font-family:var(--guit-sem-font-caption-medium-medium-font-family);font-size:var(--guit-sem-font-caption-medium-medium-font-size);font-weight:var(--guit-sem-font-caption-medium-medium-font-weight);letter-spacing:var(--guit-sem-font-caption-medium-medium-letter-spacing);line-height:var(--guit-sem-font-caption-medium-medium-line-height)}.text_variant_captionMediumRegular{font-family:var(--guit-sem-font-caption-medium-regular-font-family);font-size:var(--guit-sem-font-caption-medium-regular-font-size);font-weight:var(--guit-sem-font-caption-medium-regular-font-weight);letter-spacing:var(--guit-sem-font-caption-medium-regular-letter-spacing);line-height:var(--guit-sem-font-caption-medium-regular-line-height)}.text_alignment_start{text-align:start}.text_alignment_center{text-align:center}.text_alignment_end{text-align:end}.text_case_uppercase{text-transform:uppercase}.text_decoration_underline{text-decoration:underline}.text_decoration_lineThrough{text-decoration:line-through}";
package/Tooltip.js CHANGED
@@ -1,8 +1,9 @@
1
1
  import React__default, { useContext, useState, useRef, useEffect, Children, cloneElement, Fragment } from 'react';
2
2
  import { u as useFloating, p as platform, h as offset, i as flip, a as arrow, j as shift, b as autoUpdate, k as useHover, g as useInteractions, F as FloatingPortal } from './floating-ui.react-0485e4db.js';
3
3
  import { s as styleInject } from './style-inject.es-746bb8ed.js';
4
- import { GeneUIDesignSystemContext } from './GeneUIProvider.js';
4
+ import { a as GeneUIDesignSystemContext } from './index-9d92561b.js';
5
5
  import 'react-dom';
6
+ import './useDebounceCallback-999deae7.js';
6
7
 
7
8
  var reactIsExports = {};
8
9
  var reactIs = {
package/components/providers/GeneUIProvider/GeneUIProvider.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  import React, { JSX } from "react";
2
+ import { DeviceTypes, ThemesTypes } from "@types";
2
3
  import "../../../assets/styles/reset.scss";
3
4
  import "../../../assets/styles/utils.scss";
4
5
  import "./GeneUIProvider.scss";
5
- type ThemesTypes = "light" | "dark";
6
6
  type TokensType = {
7
7
  [key: string]: string | number;
8
8
  } | null;
@@ -10,6 +10,7 @@ interface IGeneUIDesignSystemContext {
10
10
  theme: ThemesTypes;
11
11
  tokens: TokensType;
12
12
  geneUIProviderRef: React.MutableRefObject<null>;
13
+ breakpoint: DeviceTypes | null;
13
14
  }
14
15
  declare const GeneUIDesignSystemContext: React.Context<IGeneUIDesignSystemContext>;
15
16
  interface IGeneUIProviderProps {
package/hooks/index.d.ts CHANGED
@@ -2,4 +2,6 @@ export { default as useDebounce } from "./useDebounceCallback";
2
2
  export { default as useEllipsisDetection } from "./useEllipsisDetection";
3
3
  export { default as useScrollLock } from "./useScrollLock";
4
4
  export { default as useWindowSize } from "./useWindowSize";
5
+ export { default as useClickOutside } from "./useClickOutside";
5
6
  export { default as useDeviceInfo } from "./useDeviceInfo";
7
+ export { default as useBreakpoint } from "./useBreakpoint";
package/hooks/useBreakpoint/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export { default } from "./useBreakpoint";
package/hooks/useBreakpoint/useBreakpoint.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import { BreakpointsTypes, DeviceTypes } from "@types";
2
+ declare const useBreakpoint: (breakpoints: BreakpointsTypes) => DeviceTypes;
3
+ export default useBreakpoint;
package/hooks/useClickOutside/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export { default } from "./useClickOutside";
package/hooks/useClickOutside/useClickOutside.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import { RefObject } from "react";
2
+ type IClickOutside = (node: HTMLElement | null) => void;
3
+ declare const useClickOutside: (callback: (e: MouseEvent) => void, relativeElements?: RefObject<HTMLElement>[]) => IClickOutside;
4
+ export default useClickOutside;
package/hooks/useDeviceInfo/useDeviceInfo.d.ts CHANGED
@@ -1,8 +1,9 @@
1
- import { OS } from "@types";
1
+ import { OSTypes } from "@types";
2
2
  interface IDeviceInfo {
3
3
  isMobile: boolean;
4
4
  isDesktop: boolean;
5
- os: OS;
5
+ isTouch: boolean;
6
+ os: OSTypes;
6
7
  isWindows: boolean;
7
8
  isMacOS: boolean;
8
9
  isLinux: boolean;
package/hooks/useWindowSize/useWindowSize.d.ts CHANGED
@@ -1,5 +1,6 @@
1
- declare const useWindowSize: () => {
1
+ interface IWindowSize {
2
2
  width: number;
3
3
  height: number;
4
- };
4
+ }
5
+ declare const useWindowSize: () => IWindowSize;
5
6
  export default useWindowSize;
package/{index-24d8893c.js → index-633639a4.js} RENAMED
@@ -3,7 +3,7 @@ import { u as useFloating, p as platform, o as offset, f as flip, a as arrow, s
3
3
  import { S as SvgClose } from './Close-e8302008.js';
4
4
  import { S as SvgInfoOutline } from './InfoOutline-dd2e89d9.js';
5
5
  import { s as styleInject } from './style-inject.es-746bb8ed.js';
6
- import { GeneUIDesignSystemContext } from './GeneUIProvider.js';
6
+ import { a as GeneUIDesignSystemContext } from './index-9d92561b.js';
7
7
  import Button from './Button.js';
8
8
 
9
9
  var css_248z = ".popover{background-color:var(--guit-sem-color-background-neutral-1-nudge);border-top-left-radius:var(--guit-ref-radius-2xsmall);border-top-right-radius:var(--guit-ref-radius-2xsmall);filter:drop-shadow(var(--guit-sem-shadow-floating-2-position-x-1) var(--guit-sem-shadow-floating-2-position-y-1) var(--guit-sem-shadow-floating-2-blur-1) var(--guit-sem-color-floating-2-rgba-1)) drop-shadow(var(--guit-sem-shadow-floating-2-position-x-2) var(--guit-sem-shadow-floating-2-position-y-2) var(--guit-sem-shadow-floating-2-blur-2) var(--guit-sem-color-floating-2-rgba-2))}.popover:not(.popover_size_mobile){border-bottom-left-radius:var(--guit-ref-radius-2xsmall);border-bottom-right-radius:var(--guit-ref-radius-2xsmall)}.popover:not(.popover_size_mobile) .popover__arrow{position:absolute}.popover:not(.popover_size_mobile) .popover__arrowPath{fill:var(--guit-sem-color-background-neutral-1-nudge)}.popover_position_top .popover__arrow{transform:rotate(180deg)}.popover_position_bottom .popover__arrow{transform:rotate(0deg)}.popover_position_left .popover__arrow{transform:rotate(90deg)}.popover_position_right .popover__arrow{transform:rotate(-90deg)}.popover_size_xLarge{width:72rem}.popover_size_xLarge .popover__body{height:15.4rem}.popover_size_xLarge .popover__footer{height:6.4rem}.popover_size_large{width:48rem}.popover_size_medium{width:36rem}.popover_size_large .popover__body,.popover_size_medium .popover__body{height:17.2rem}.popover_size_large .popover__footer,.popover_size_medium .popover__footer{height:5.6rem}.popover_size_small{width:24rem}.popover_size_small .popover__body{height:8.8rem}.popover_size_small .popover__footer{height:5.6rem}.popover_size_mobile{min-width:32rem;width:100%}.popover_size_mobile .popover__body{height:17.2rem}.popover_size_mobile .popover__footer{height:6.4rem}.popover__header{border-bottom:var(--guit-ref-border-width-thin) var(--guit-ref-border-style-solid) var(--guit-sem-color-border-neutral-2);height:4.8rem;justify-content:space-between;padding-inline:var(--guit-ref-spacing-large)}.popover__header,.popover__title{align-items:center;column-gap:var(--guit-ref-spacing-xsmall);display:flex}.popover__title{color:var(--guit-sem-color-foreground-neutral-2);flex:1;overflow:hidden}.popover__title_icon{flex:0 0 auto}.popover__title_text{font-family:var(--guit-sem-font-label-medium-default-semibold-font-family);font-size:var(--guit-sem-font-label-medium-default-semibold-font-size);font-weight:var(--guit-sem-font-label-medium-default-semibold-font-weight);line-height:var(--guit-sem-font-label-medium-default-semibold-line-height)}.popover__close{flex:0 0 auto}.popover__body{padding-block:var(--guit-ref-spacing-large);padding-inline:var(--guit-ref-spacing-large)}.popover__content{height:100%;overflow-y:auto;width:100%}.popover__footer{border-top:var(--guit-ref-border-width-thin) var(--guit-ref-border-style-solid) var(--guit-sem-color-border-neutral-2);justify-content:space-between;padding-block:var(--guit-ref-spacing-large);padding-inline:var(--guit-ref-spacing-large)}.popover__footer,.popover__footer_buttons{align-items:center;column-gap:var(--guit-ref-spacing-xsmall);display:flex}.popover__footer_buttons{margin-inline-start:auto}";