@pexip/components 20.1.0 → 20.3.0

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 (123) hide show
  1. package/CHANGELOG.md +197 -0
  2. package/api-docs/README.mdx +10 -2
  3. package/api-docs/enumerations/TestId.mdx +1 -0
  4. package/api-docs/functions/useBoundingRect.mdx +42 -0
  5. package/api-docs/interfaces/IconCollection.mdx +3 -0
  6. package/api-docs/type-aliases/AriaMenuItem.mdx +5 -0
  7. package/api-docs/type-aliases/AriaMenuProps.mdx +4 -0
  8. package/api-docs/type-aliases/AriaSubMenu.mdx +27 -0
  9. package/api-docs/type-aliases/AriaSubMenuContentHelpers.mdx +13 -0
  10. package/api-docs/type-aliases/MenuItem.mdx +2 -1
  11. package/api-docs/type-aliases/MultiselectCoreProps.mdx +3 -0
  12. package/api-docs/variables/AriaMenu.mdx +3 -1
  13. package/api-docs/variables/CircleCountDown.mdx +1 -0
  14. package/api-docs/variables/Draggable.mdx +52 -0
  15. package/api-docs/variables/InteractiveElement.mdx +1 -1
  16. package/api-docs/variables/KEYBOARD_EVENT_KEY.mdx +16 -0
  17. package/api-docs/variables/MultiselectCore.mdx +27 -0
  18. package/api-docs/variables/MultistepIndicator.mdx +1 -0
  19. package/api-docs/variables/PreferenceInput.mdx +1 -0
  20. package/api-docs/variables/RefButton.mdx +1 -1
  21. package/api-docs/variables/RefInteractiveElement.mdx +1 -1
  22. package/api-docs/variables/RefSimpleButton.mdx +1 -1
  23. package/api-docs/variables/Sheet.mdx +9 -1
  24. package/api-docs/variables/ToggleSwitchDisplay.mdx +16 -0
  25. package/api-docs/variables/buttonVariantsValues.mdx +3 -0
  26. package/design-tokens/mixins/_focus.scss +54 -10
  27. package/design-tokens/mixins/media-queries.scss +12 -0
  28. package/design-tokens/tokens/zIndex.tokens.scss +2 -1
  29. package/dist/components-no-global-styles.css +1 -1
  30. package/dist/components.cjs +2 -2
  31. package/dist/components.css +1 -1
  32. package/dist/components.js +6384 -8031
  33. package/dist/types/design-tokens/generated/Icons.d.ts +3 -0
  34. package/dist/types/design-tokens/generated/Icons.d.ts.map +1 -1
  35. package/dist/types/src/components/elements/ActionsRow/ActionsRow.d.ts +1 -0
  36. package/dist/types/src/components/elements/ActionsRow/ActionsRow.d.ts.map +1 -1
  37. package/dist/types/src/components/elements/Button/Button.d.ts +1 -0
  38. package/dist/types/src/components/elements/Button/Button.d.ts.map +1 -1
  39. package/dist/types/src/components/elements/Checkbox/Checkbox.d.ts.map +1 -1
  40. package/dist/types/src/components/elements/Draggable/Draggable.view.d.ts +45 -0
  41. package/dist/types/src/components/elements/Draggable/Draggable.view.d.ts.map +1 -1
  42. package/dist/types/src/components/elements/Input/Input.d.ts +1 -0
  43. package/dist/types/src/components/elements/Input/Input.d.ts.map +1 -1
  44. package/dist/types/src/components/elements/InteractiveElement/InteractiveElement.d.ts +6 -8
  45. package/dist/types/src/components/elements/InteractiveElement/InteractiveElement.d.ts.map +1 -1
  46. package/dist/types/src/components/elements/ListBoxLink/ListBoxLink.d.ts +2 -2
  47. package/dist/types/src/components/elements/ListBoxLink/ListBoxLink.d.ts.map +1 -1
  48. package/dist/types/src/components/elements/ListLink/ListLink.d.ts +8 -5
  49. package/dist/types/src/components/elements/ListLink/ListLink.d.ts.map +1 -1
  50. package/dist/types/src/components/elements/Panel/Panel.d.ts +1 -0
  51. package/dist/types/src/components/elements/Panel/Panel.d.ts.map +1 -1
  52. package/dist/types/src/components/elements/Scrollbars/Scrollbars.d.ts +0 -1
  53. package/dist/types/src/components/elements/Scrollbars/Scrollbars.d.ts.map +1 -1
  54. package/dist/types/src/components/elements/SimpleButton/SimpleButton.d.ts +1 -0
  55. package/dist/types/src/components/elements/SimpleButton/SimpleButton.d.ts.map +1 -1
  56. package/dist/types/src/components/elements/ToggleSwitch/ToggleSwitch.d.ts.map +1 -1
  57. package/dist/types/src/components/elements/ToggleSwitch/ToggleSwitchDisplay.d.ts +28 -0
  58. package/dist/types/src/components/elements/ToggleSwitch/ToggleSwitchDisplay.d.ts.map +1 -0
  59. package/dist/types/src/components/elements/Tooltip/NotificationTooltip.d.ts +2 -1
  60. package/dist/types/src/components/elements/Tooltip/NotificationTooltip.d.ts.map +1 -1
  61. package/dist/types/src/components/elements/Tooltip/Tooltip.d.ts.map +1 -1
  62. package/dist/types/src/components/modules/AriaMenu/AriaMenu.d.ts +3 -1
  63. package/dist/types/src/components/modules/AriaMenu/AriaMenu.d.ts.map +1 -1
  64. package/dist/types/src/components/modules/AriaMenu/AriaMenu.types.d.ts +109 -1
  65. package/dist/types/src/components/modules/AriaMenu/AriaMenu.types.d.ts.map +1 -1
  66. package/dist/types/src/components/modules/AriaMenu/InnerAriaMenu.d.ts +36 -4
  67. package/dist/types/src/components/modules/AriaMenu/InnerAriaMenu.d.ts.map +1 -1
  68. package/dist/types/src/components/modules/AriaMenu/InnerAriaMenuButton.d.ts +3 -6
  69. package/dist/types/src/components/modules/AriaMenu/InnerAriaMenuButton.d.ts.map +1 -1
  70. package/dist/types/src/components/modules/AriaMenu/InnerAriaMenuItem.d.ts +3 -0
  71. package/dist/types/src/components/modules/AriaMenu/InnerAriaMenuItem.d.ts.map +1 -1
  72. package/dist/types/src/components/modules/AriaMenu/InnerAriaMenuNavigator.d.ts +22 -0
  73. package/dist/types/src/components/modules/AriaMenu/InnerAriaMenuNavigator.d.ts.map +1 -0
  74. package/dist/types/src/components/modules/AriaMenu/InnerAriaMenuPopover.d.ts.map +1 -1
  75. package/dist/types/src/components/modules/Avatar/Avatar.utils.d.ts +2 -2
  76. package/dist/types/src/components/modules/Avatar/Avatar.utils.d.ts.map +1 -1
  77. package/dist/types/src/components/modules/Captions/Captions.view.d.ts +1 -0
  78. package/dist/types/src/components/modules/Captions/Captions.view.d.ts.map +1 -1
  79. package/dist/types/src/components/modules/CircleCountDown/CircleCountDown.view.d.ts +1 -0
  80. package/dist/types/src/components/modules/CircleCountDown/CircleCountDown.view.d.ts.map +1 -1
  81. package/dist/types/src/components/modules/CondensedTabs/CondensedTabs.view.d.ts.map +1 -1
  82. package/dist/types/src/components/modules/ConfirmationModal/ConfirmationModal.d.ts +2 -0
  83. package/dist/types/src/components/modules/ConfirmationModal/ConfirmationModal.d.ts.map +1 -1
  84. package/dist/types/src/components/modules/DropContent/DropContent.d.ts +1 -0
  85. package/dist/types/src/components/modules/DropContent/DropContent.d.ts.map +1 -1
  86. package/dist/types/src/components/modules/Menu/Menu.d.ts +3 -1
  87. package/dist/types/src/components/modules/Menu/Menu.d.ts.map +1 -1
  88. package/dist/types/src/components/modules/Menu/types.d.ts +4 -2
  89. package/dist/types/src/components/modules/Menu/types.d.ts.map +1 -1
  90. package/dist/types/src/components/modules/Modal/Modal.d.ts +3 -0
  91. package/dist/types/src/components/modules/Modal/Modal.d.ts.map +1 -1
  92. package/dist/types/src/components/modules/Multiselect/ConfirmableMultiselect.d.ts.map +1 -1
  93. package/dist/types/src/components/modules/Multiselect/Multiselect.d.ts +8 -0
  94. package/dist/types/src/components/modules/Multiselect/Multiselect.d.ts.map +1 -1
  95. package/dist/types/src/components/modules/Multiselect/MultiselectCore.d.ts.map +1 -1
  96. package/dist/types/src/components/modules/MultistepIndicator/MultistepIndicator.d.ts +1 -0
  97. package/dist/types/src/components/modules/MultistepIndicator/MultistepIndicator.d.ts.map +1 -1
  98. package/dist/types/src/components/modules/MultistepIndicator/MultistepIndicator.utils.d.ts +1 -2
  99. package/dist/types/src/components/modules/MultistepIndicator/MultistepIndicator.utils.d.ts.map +1 -1
  100. package/dist/types/src/components/modules/MultistepIndicator/OrdinalText.view.d.ts.map +1 -1
  101. package/dist/types/src/components/modules/PopOutWindow/PopOutWindow.d.ts.map +1 -1
  102. package/dist/types/src/components/modules/PopOutWindow/copyStyles.d.ts +23 -0
  103. package/dist/types/src/components/modules/PopOutWindow/copyStyles.d.ts.map +1 -0
  104. package/dist/types/src/components/modules/PreferenceInput/PreferenceInput.d.ts +2 -0
  105. package/dist/types/src/components/modules/PreferenceInput/PreferenceInput.d.ts.map +1 -1
  106. package/dist/types/src/components/modules/Sheet/Sheet.d.ts +10 -1
  107. package/dist/types/src/components/modules/Sheet/Sheet.d.ts.map +1 -1
  108. package/dist/types/src/constants/keyboard.d.ts +2 -0
  109. package/dist/types/src/constants/keyboard.d.ts.map +1 -1
  110. package/dist/types/src/exports.d.ts +7 -1
  111. package/dist/types/src/exports.d.ts.map +1 -1
  112. package/dist/types/src/hooks/useAriaTooltip.d.ts +20 -4
  113. package/dist/types/src/hooks/useAriaTooltip.d.ts.map +1 -1
  114. package/dist/types/src/hooks/useBoundingRect.d.ts +27 -0
  115. package/dist/types/src/hooks/useBoundingRect.d.ts.map +1 -0
  116. package/dist/types/src/hooks/useNotificationTooltipInteractions.d.ts +34 -0
  117. package/dist/types/src/hooks/useNotificationTooltipInteractions.d.ts.map +1 -0
  118. package/dist/types/src/types/sizes.d.ts +1 -1
  119. package/dist/types/src/types/sizes.d.ts.map +1 -1
  120. package/dist/types/src/utils/imageSrc.d.ts +1 -1
  121. package/dist/types/src/utils/testIds.d.ts +1 -0
  122. package/dist/types/src/utils/testIds.d.ts.map +1 -1
  123. package/package.json +14 -25
@@ -1,17 +1,33 @@
1
1
  import React from 'react';
2
2
  import type { TooltipPosition, ExtendedTooltipPosition } from '..';
3
- export declare const useAriaTooltip: ({ isOpen, tooltipContent, closeDelay, defaultOpen, delay, crossOffset, offset, position, }: {
3
+ /**
4
+ * Visible gap left between the trigger and the tooltip, measured from the arrow
5
+ * tip for the tooltips that render one.
6
+ */
7
+ export declare const TOOLTIP_GAP = 4;
8
+ export declare const useAriaTooltip: ({ ariaDescribedBy, ariaLabel, ariaLabelledBy, isOpen, closeDelay, defaultOpen, delay, id, onOpenChange, overlayRef: providedOverlayRef, crossOffset, offset, position, role, targetRef: providedTargetRef, zIndex, }: {
9
+ ariaDescribedBy?: string;
10
+ ariaLabel?: string;
11
+ ariaLabelledBy?: string;
4
12
  isOpen?: boolean;
5
- tooltipContent: React.ReactNode;
6
13
  closeDelay?: number;
7
14
  crossOffset?: number;
8
15
  defaultOpen?: boolean;
9
16
  delay?: number;
17
+ id?: string;
18
+ onOpenChange?: (isOpen: boolean) => void;
19
+ overlayRef?: React.RefObject<HTMLDivElement | null>;
10
20
  offset?: number;
11
21
  position: TooltipPosition | ExtendedTooltipPosition;
22
+ role?: React.AriaRole;
23
+ targetRef?: React.RefObject<HTMLDivElement | null>;
24
+ zIndex?: number | string;
12
25
  }) => {
13
- targetRef: React.RefObject<null>;
26
+ targetRef: React.RefObject<HTMLDivElement | null>;
27
+ overlayRef: React.RefObject<HTMLDivElement | null>;
14
28
  triggerProps: import("@react-types/shared").DOMAttributes<import("@react-types/shared").FocusableElement>;
15
- tooltip: React.JSX.Element | null;
29
+ arrowProps: import("@react-types/shared").DOMAttributes<import("@react-types/shared").FocusableElement>;
30
+ placement: import("@react-types/overlays").PlacementAxis | null;
31
+ renderTooltip: (content: React.ReactNode) => React.JSX.Element | null;
16
32
  };
17
33
  //# sourceMappingURL=useAriaTooltip.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"useAriaTooltip.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useAriaTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAK7C,OAAO,KAAK,EAAC,eAAe,EAAE,uBAAuB,EAAC,MAAM,IAAI,CAAC;AAGjE,eAAO,MAAM,cAAc,GAAI,4FAS5B;IACC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,eAAe,GAAG,uBAAuB,CAAC;CACvD;;;;CA4CA,CAAC"}
1
+ {"version":3,"file":"useAriaTooltip.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useAriaTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAKjD,OAAO,KAAK,EAAC,eAAe,EAAE,uBAAuB,EAAC,MAAM,IAAI,CAAC;AAqBjE;;;GAGG;AACH,eAAO,MAAM,WAAW,IAAI,CAAC;AAS7B,eAAO,MAAM,cAAc,GAAI,sNAiB5B;IACC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACpD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,eAAe,GAAG,uBAAuB,CAAC;IACpD,IAAI,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC;IACtB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACnD,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B;;;;;;6BA6CiB,KAAK,CAAC,SAAS;CA4DhC,CAAC"}
@@ -0,0 +1,27 @@
1
+ /**
2
+ * Observes a HTMLElement and returns its bounding rect.
3
+ * Updates when the element's size changes.
4
+ *
5
+ * If a ref to a HTMLElement is passed and ref.current is null it polls the ref to detect when
6
+ * the HTMLElement value gets assigned to ref.current, this is useful in case the Component
7
+ * using this hook does not rerender when ref.current changes.
8
+ *
9
+ * @param element - The HTMLElement, null, or a ref to an HTMLElement to observe
10
+ * @param updateOnWindowResize - Whether to update the rect on window resize (default: false)
11
+ * @param windowResizeThrottle - Throttle interval in ms for window resize updates (default: 0)
12
+ * @returns The DOMRect of the element, or undefined if element is not available
13
+ *
14
+ * @example
15
+ * ```ts
16
+ * const ref = useRef<HTMLDivElement>(null);
17
+ * const rect = useBoundingRect(ref);
18
+ *
19
+ * const [element, setElement] = useState<HTMLDivElement | null>(null);
20
+ * const rect2 = useBoundingRect(element);
21
+ *
22
+ * // Update on window resize with 150ms throttle
23
+ * const rect3 = useBoundingRect(ref, true, 150);
24
+ * ```
25
+ */
26
+ export declare const useBoundingRect: (element: HTMLElement | null | React.RefObject<HTMLElement | null>, updateOnWindowResize?: boolean, windowResizeThrottle?: number) => DOMRect | undefined;
27
+ //# sourceMappingURL=useBoundingRect.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useBoundingRect.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useBoundingRect.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,eAAe,GACxB,SAAS,WAAW,GAAG,IAAI,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EACjE,8BAA4B,EAC5B,6BAAwB,KACzB,OAAO,GAAG,SAkHZ,CAAC"}
@@ -0,0 +1,34 @@
1
+ import type { FocusEvent, KeyboardEvent } from 'react';
2
+ type SetTooltipVisibility = (options: {
3
+ isVisible: boolean;
4
+ isControlled?: boolean;
5
+ }) => void;
6
+ /**
7
+ * Manages dismissal and logical focus order for a portalled notification
8
+ * tooltip.
9
+ *
10
+ * @example
11
+ * const interactions = useNotificationTooltipInteractions({
12
+ * setVisible,
13
+ * shouldCloseOnOutsideClick: true,
14
+ * });
15
+ */
16
+ export declare const useNotificationTooltipInteractions: ({ setVisible, shouldCloseOnOutsideClick, }: {
17
+ setVisible: SetTooltipVisibility;
18
+ shouldCloseOnOutsideClick: boolean;
19
+ }) => {
20
+ close: () => void;
21
+ handleGuardFocus: (event: FocusEvent<HTMLSpanElement>) => void;
22
+ handleOpenChange: (isOpen: boolean) => void;
23
+ handleTooltipEndGuardFocus: (event: FocusEvent<HTMLSpanElement>) => void;
24
+ handleTooltipKeyDown: (event: KeyboardEvent<HTMLDivElement>) => void;
25
+ handleTooltipStartGuardFocus: (event: FocusEvent<HTMLSpanElement>) => void;
26
+ outsideClickRef: import("react").RefCallback<HTMLElement>;
27
+ overlayRef: import("react").RefObject<HTMLDivElement | null>;
28
+ tabOrderGuardRef: import("react").RefObject<HTMLSpanElement | null>;
29
+ targetRef: import("react").RefObject<HTMLDivElement | null>;
30
+ tooltipEndGuardRef: import("react").RefObject<HTMLSpanElement | null>;
31
+ tooltipStartGuardRef: import("react").RefObject<HTMLSpanElement | null>;
32
+ };
33
+ export {};
34
+ //# sourceMappingURL=useNotificationTooltipInteractions.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useNotificationTooltipInteractions.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useNotificationTooltipInteractions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,UAAU,EAAE,aAAa,EAAC,MAAM,OAAO,CAAC;AAMrD,KAAK,oBAAoB,GAAG,CAAC,OAAO,EAAE;IAClC,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B,KAAK,IAAI,CAAC;AAEX;;;;;;;;;GASG;AACH,eAAO,MAAM,kCAAkC,GAAI,4CAGhD;IACC,UAAU,EAAE,oBAAoB,CAAC;IACjC,yBAAyB,EAAE,OAAO,CAAC;CACtC;;8BAqHe,UAAU,CAAC,eAAe,CAAC;+BA1F1B,OAAO;wCA8ER,UAAU,CAAC,eAAe,CAAC;kCA4C3B,aAAa,CAAC,cAAc,CAAC;0CAxD7B,UAAU,CAAC,eAAe,CAAC;;;;;;;CA6F1C,CAAC"}
@@ -8,7 +8,7 @@ export declare const logoSizeModifiersValues: readonly ["mini", "compact", "smal
8
8
  export type LogoSizeModifier = typeof logoSizeModifiersValues[number];
9
9
  export declare const standardSizeModifiersValues: readonly ["small", "medium", "large"];
10
10
  export type StandardSizeModifier = typeof standardSizeModifiersValues[number];
11
- export declare const extendedFixedSizeModifiersValues: readonly ["compact", "small", "medium", "large"];
11
+ export declare const extendedFixedSizeModifiersValues: readonly ["compact", "md", "small", "medium", "large"];
12
12
  export type ExtendedFixedSizeModifier = typeof extendedFixedSizeModifiersValues[number];
13
13
  export declare const extendedSizeModifiersValues: readonly ["none", "compact", "small", "medium", "large"];
14
14
  export type ExtendedSizeModifier = typeof extendedSizeModifiersValues[number];
@@ -1 +1 @@
1
- {"version":3,"file":"sizes.d.ts","sourceRoot":"","sources":["../../../../src/types/sizes.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,2FASjB,CAAC;AACX,MAAM,MAAM,OAAO,GAAG,OAAO,cAAc,CAAC,MAAM,CAAC,CAAC;AAEpD,eAAO,MAAM,uBAAuB,8BAA+B,CAAC;AACpE,MAAM,MAAM,gBAAgB,GAAG,OAAO,uBAAuB,CAAC,MAAM,CAAC,CAAC;AAEtE,eAAO,MAAM,mBAAmB,yCAGtB,CAAC;AACX,MAAM,MAAM,YAAY,GAAG,OAAO,mBAAmB,CAAC,MAAM,CAAC,CAAC;AAE9D,eAAO,MAAM,uBAAuB,iDAG1B,CAAC;AACX,MAAM,MAAM,gBAAgB,GAAG,OAAO,uBAAuB,CAAC,MAAM,CAAC,CAAC;AAEtE,eAAO,MAAM,2BAA2B,uCAG9B,CAAC;AACX,MAAM,MAAM,oBAAoB,GAAG,OAAO,2BAA2B,CAAC,MAAM,CAAC,CAAC;AAE9E,eAAO,MAAM,gCAAgC,kDAGnC,CAAC;AACX,MAAM,MAAM,yBAAyB,GAAG,OAAO,gCAAgC,CAAC,MAAM,CAAC,CAAC;AAExF,eAAO,MAAM,2BAA2B,0DAI9B,CAAC;AACX,MAAM,MAAM,oBAAoB,GAAG,OAAO,2BAA2B,CAAC,MAAM,CAAC,CAAC;AAE9E,eAAO,MAAM,wBAAwB,kEAK3B,CAAC;AACX,MAAM,MAAM,iBAAiB,GAAG,OAAO,wBAAwB,CAAC,MAAM,CAAC,CAAC;AAExE,eAAO,MAAM,+BAA+B,+CAGlC,CAAC;AACX,MAAM,MAAM,wBAAwB,GAAG,OAAO,+BAA+B,CAAC,MAAM,CAAC,CAAC;AAEtF,eAAO,MAAM,qBAAqB,mDAAiD,CAAC;AACpF,MAAM,MAAM,qBAAqB,GAAG,OAAO,qBAAqB,CAAC,MAAM,CAAC,CAAC"}
1
+ {"version":3,"file":"sizes.d.ts","sourceRoot":"","sources":["../../../../src/types/sizes.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,2FASjB,CAAC;AACX,MAAM,MAAM,OAAO,GAAG,OAAO,cAAc,CAAC,MAAM,CAAC,CAAC;AAEpD,eAAO,MAAM,uBAAuB,8BAA+B,CAAC;AACpE,MAAM,MAAM,gBAAgB,GAAG,OAAO,uBAAuB,CAAC,MAAM,CAAC,CAAC;AAEtE,eAAO,MAAM,mBAAmB,yCAGtB,CAAC;AACX,MAAM,MAAM,YAAY,GAAG,OAAO,mBAAmB,CAAC,MAAM,CAAC,CAAC;AAE9D,eAAO,MAAM,uBAAuB,iDAG1B,CAAC;AACX,MAAM,MAAM,gBAAgB,GAAG,OAAO,uBAAuB,CAAC,MAAM,CAAC,CAAC;AAEtE,eAAO,MAAM,2BAA2B,uCAG9B,CAAC;AACX,MAAM,MAAM,oBAAoB,GAAG,OAAO,2BAA2B,CAAC,MAAM,CAAC,CAAC;AAE9E,eAAO,MAAM,gCAAgC,wDAInC,CAAC;AACX,MAAM,MAAM,yBAAyB,GAAG,OAAO,gCAAgC,CAAC,MAAM,CAAC,CAAC;AAExF,eAAO,MAAM,2BAA2B,0DAI9B,CAAC;AACX,MAAM,MAAM,oBAAoB,GAAG,OAAO,2BAA2B,CAAC,MAAM,CAAC,CAAC;AAE9E,eAAO,MAAM,wBAAwB,kEAK3B,CAAC;AACX,MAAM,MAAM,iBAAiB,GAAG,OAAO,wBAAwB,CAAC,MAAM,CAAC,CAAC;AAExE,eAAO,MAAM,+BAA+B,+CAGlC,CAAC;AACX,MAAM,MAAM,wBAAwB,GAAG,OAAO,+BAA+B,CAAC,MAAM,CAAC,CAAC;AAEtF,eAAO,MAAM,qBAAqB,mDAAiD,CAAC;AACpF,MAAM,MAAM,qBAAqB,GAAG,OAAO,qBAAqB,CAAC,MAAM,CAAC,CAAC"}
@@ -10,7 +10,7 @@ export declare const isBackgroundImageSrcEmpty: (backgroundImageSrc: BackgroundI
10
10
  export declare const getSmallToLargeSrcSetEntries: (srcSet: SrcSet) => [string, string][];
11
11
  export declare const getHighestResolutionImageUrlFromSrcSet: (srcSet: SrcSet) => string | null;
12
12
  export declare const getHighestResolutionImageUrlFromBreakpointImageSet: (breakpointImageSet: BreakpointImageSet) => string | null;
13
- export declare const getFilledBreakpointImageSet: (breakpointImageSet: BreakpointImageSet) => Partial<Record<"xs" | "sm" | "md" | "lg" | "xl", string>>;
13
+ export declare const getFilledBreakpointImageSet: (breakpointImageSet: BreakpointImageSet) => Partial<Record<"md" | "xs" | "sm" | "lg" | "xl", string>>;
14
14
  type BreakpointBackgroundImageVariable = `--${Breakpoint}-background-image`;
15
15
  export declare const getBackgroundImageCSSVariablesFromBreakpointImageSet: (breakpointImageSet: BreakpointImageSet) => Partial<Record<BreakpointBackgroundImageVariable, string>>;
16
16
  export {};
@@ -4,6 +4,7 @@ export declare enum TestId {
4
4
  ButtonThreeColumnSelector = "button-three-column-selector",
5
5
  ButtonCollapsableContainerToggle = "button-collapsable-container-toggle",
6
6
  CheckboxCheck = "checkbox-check",
7
+ CheckboxCheckContainer = "checkbox-check-container",
7
8
  ConfirmableMultiselectConfirm = "confirmable-multiselect-confirm",
8
9
  HeaderCore = "header-core",
9
10
  HeaderCoreEnhancers = "header-core-enhancers",
@@ -1 +1 @@
1
- {"version":3,"file":"testIds.d.ts","sourceRoot":"","sources":["../../../../src/utils/testIds.ts"],"names":[],"mappings":"AAAA,oBAAY,MAAM;IACd,kBAAkB,yBAAyB;IAC3C,gBAAgB,uBAAuB;IACvC,yBAAyB,iCAAiC;IAC1D,gCAAgC,wCAAwC;IACxE,aAAa,mBAAmB;IAChC,6BAA6B,oCAAoC;IACjE,UAAU,gBAAgB;IAC1B,mBAAmB,0BAA0B;IAC7C,iBAAiB,wBAAwB;IACzC,QAAQ,cAAc;IACtB,gBAAgB,uBAAuB;IACvC,SAAS,eAAe;IACxB,eAAe,qBAAqB;IACpC,eAAe,qBAAqB;IACpC,kBAAkB,wBAAwB;IAC1C,wBAAwB,+BAA+B;IACvD,wBAAwB,+BAA+B;IACvD,wBAAwB,+BAA+B;IACvD,yBAAyB,gCAAgC;IACzD,uBAAuB,8BAA8B;IACrD,sBAAsB,6BAA6B;IACnD,iBAAiB,sBAAsB;IACvC,uBAAuB,8BAA8B;IACrD,uBAAuB,8BAA8B;IACrD,UAAU,gBAAgB;IAC1B,aAAa,mBAAmB;IAChC,UAAU,gBAAgB;IAC1B,UAAU,gBAAgB;IAC1B,gBAAgB,uBAAuB;IACvC,mBAAmB,0BAA0B;IAC7C,GAAG,QAAQ;IACX,YAAY,kBAAkB;IAC9B,QAAQ,cAAc;IAGtB,iBAAiB,wBAAwB;IACzC,kBAAkB,0BAA0B;IAC5C,OAAO,YAAY;IAGnB,mBAAmB,0BAA0B;IAC7C,mBAAmB,0BAA0B;IAC7C,eAAe,sBAAsB;IACrC,iBAAiB,sBAAsB;IACvC,mBAAmB,0BAA0B;CAChD"}
1
+ {"version":3,"file":"testIds.d.ts","sourceRoot":"","sources":["../../../../src/utils/testIds.ts"],"names":[],"mappings":"AAAA,oBAAY,MAAM;IACd,kBAAkB,yBAAyB;IAC3C,gBAAgB,uBAAuB;IACvC,yBAAyB,iCAAiC;IAC1D,gCAAgC,wCAAwC;IACxE,aAAa,mBAAmB;IAChC,sBAAsB,6BAA6B;IACnD,6BAA6B,oCAAoC;IACjE,UAAU,gBAAgB;IAC1B,mBAAmB,0BAA0B;IAC7C,iBAAiB,wBAAwB;IACzC,QAAQ,cAAc;IACtB,gBAAgB,uBAAuB;IACvC,SAAS,eAAe;IACxB,eAAe,qBAAqB;IACpC,eAAe,qBAAqB;IACpC,kBAAkB,wBAAwB;IAC1C,wBAAwB,+BAA+B;IACvD,wBAAwB,+BAA+B;IACvD,wBAAwB,+BAA+B;IACvD,yBAAyB,gCAAgC;IACzD,uBAAuB,8BAA8B;IACrD,sBAAsB,6BAA6B;IACnD,iBAAiB,sBAAsB;IACvC,uBAAuB,8BAA8B;IACrD,uBAAuB,8BAA8B;IACrD,UAAU,gBAAgB;IAC1B,aAAa,mBAAmB;IAChC,UAAU,gBAAgB;IAC1B,UAAU,gBAAgB;IAC1B,gBAAgB,uBAAuB;IACvC,mBAAmB,0BAA0B;IAC7C,GAAG,QAAQ;IACX,YAAY,kBAAkB;IAC9B,QAAQ,cAAc;IAGtB,iBAAiB,wBAAwB;IACzC,kBAAkB,0BAA0B;IAC5C,OAAO,YAAY;IAGnB,mBAAmB,0BAA0B;IAC7C,mBAAmB,0BAA0B;IAC7C,eAAe,sBAAsB;IACrC,iBAAiB,sBAAsB;IACvC,mBAAmB,0BAA0B;CAChD"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pexip/components",
3
- "version": "20.1.0",
3
+ "version": "20.3.0",
4
4
  "homepage": "https://developer.pexip.com",
5
5
  "bugs": "https://gitlab.com/pexip/zoo/issues",
6
6
  "repository": {
@@ -62,16 +62,16 @@
62
62
  "lint": "yarn run -T biome lint",
63
63
  "prepack": "yarn clean && yarn build && yarn docs",
64
64
  "prettier": "prettier --ignore-path ../../.gitignore \"**/*.+(js|json|ts|tsx)\"",
65
- "test": "jest",
65
+ "test": "pexip-bundler test",
66
66
  "tsc": "tsc --noEmit",
67
67
  "typecheck": "yarn tsc --noEmit -p .",
68
68
  "typescript-declarations": "tsc --project tsconfig.declarations.json",
69
69
  "docs": "typedoc"
70
70
  },
71
71
  "dependencies": {
72
- "@pexip/hooks": "21.0.8",
73
- "@pexip/signal": "16.9.5",
74
- "@pexip/utils": "17.4.0",
72
+ "@pexip/hooks": "21.0.9",
73
+ "@pexip/signal": "16.9.6",
74
+ "@pexip/utils": "17.4.1",
75
75
  "@react-aria/button": "^3.14.1",
76
76
  "@react-aria/interactions": "^3.25.5",
77
77
  "@react-aria/menu": "^3.19.1",
@@ -95,41 +95,30 @@
95
95
  },
96
96
  "devDependencies": {
97
97
  "@mdx-js/react": "^1.6.22",
98
- "@pexip/bundler": "18.2.1",
98
+ "@pexip/bundler": "18.3.0",
99
99
  "@react-types/button": "^3.9.2",
100
100
  "@react-types/menu": "^3.9.7",
101
101
  "@react-types/shared": "^3.22.1",
102
- "@storybook/addon-actions": "^8.6.18",
103
- "@storybook/addon-docs": "^8.6.18",
104
- "@storybook/blocks": "^8.6.18",
105
- "@storybook/react": "^8.6.18",
102
+ "@storybook/addon-docs": "^10.5.0",
103
+ "@storybook/react": "^10.5.0",
106
104
  "@swc/core": "^1.15.33",
107
- "@swc/jest": "^0.2.39",
108
- "@testing-library/dom": "^10.4.0",
109
- "@testing-library/jest-dom": "^6.4.5",
110
- "@testing-library/react": "^16.3.0",
111
- "@testing-library/user-event": "^14.5.2",
105
+ "@testing-library/dom": "^10.4.1",
106
+ "@testing-library/jest-dom": "^7.0.1",
107
+ "@testing-library/react": "^16.3.2",
108
+ "@testing-library/user-event": "^14.6.1",
112
109
  "@types/classnames": "^2.2.10",
113
110
  "@types/csso": "^5.0.0",
114
- "@types/jest-axe": "^3.5.9",
115
- "@types/prettier": "^2.0.2",
116
111
  "@types/react": "19.2.5",
117
112
  "@types/react-dom": "^19.2.3",
118
- "@types/testing-library__jest-dom": "^5.14.9",
119
- "@types/testing-library__react-hooks": "^4.0.0",
120
- "@types/testing-library__user-event": "^4.2.0",
121
113
  "@types/uuid": "^8.3.0",
122
114
  "builtin-modules": "^3.1.0",
123
115
  "identity-obj-proxy": "^3.0.0",
124
- "jest": "^29.5.12",
125
- "jest-axe": "^8.0.0",
126
- "jest-junit": "^16.0.0",
127
116
  "prettier": "^3.2.5",
128
117
  "react": "19.2.3",
129
118
  "react-dom": "19.2.3",
130
- "storybook": "^8.6.18",
119
+ "storybook": "^10.5.0",
131
120
  "svgo": "^3.2.0",
132
- "typedoc": "^0.28.18",
121
+ "typedoc": "^0.28.20",
133
122
  "typedoc-plugin-markdown": "^4.11.0",
134
123
  "typescript": "~6.0.2"
135
124
  },