@pexip/components 19.3.0 → 20.0.0

package/@types/assets.d.ts

@@ -0,0 +1,13 @@
+declare module '*.png' {
+    const src: string;
+    export default src;
+}
+
+declare module '*.jpg' {
+    const src: string;
+    export default src;
+}
+declare module '*.gif' {
+    const src: string;
+    export default src;
+}

package/@types/css.d.ts

@@ -0,0 +1,4 @@
+declare module '*.css' {
+    const src: string;
+    export default src;
+}

package/CHANGELOG.md

@@ -1,5 +1,55 @@
 # Changelog
 
+## 20.0.0
+
+### Major Changes
+
+- 628319f: Stops publishing unused private `design-tokens` files.
+
+### Minor Changes
+
+- 5f24d86: Remove redundant buttonType from DropContent
+- 5f24d86: Add buttonType to DropContent, ConfirmableMultiselect and
+  MultiselectCore
+
+### Patch Changes
+
+- ebc96d5: Make generateURLsFromText return linkType = 'text' for decimal
+  numbers in text and pattern that may look like a hyperlink e.g. meeting.when
+  but is just missing a space at the beginning of the sentence 'meeting. when'
+
+  The following have previously been returned as link type but now become text
+  type: 'dd.dd', '1.50'
+
+- e745bca: Add optional floatRootInset prop to Draggable for per-edge boundary
+  insets
+- 1ea5c1d: `Draggable.tsx` removes `translate` property when taking over the
+  element.
+- fe0a0a4: Give Button a backgroundTransparency prop, this takes a decimal
+  number <= 1, if below 1 the Button has transparency.
+
+  FileUpload is modified to pass rest props to label, this has been done so that
+  FileUpload can be used as the trigger element of Tooltip, before this change a
+  tooltip would not display when FileUpload was used as child of Tooltip
+
+- fb41d4d: Changes related to Typescript V6 Upgrade
+- 44e4302: Adds more clear `biome-ignore lint/a11y/useAriaPropsSupportedByRole`
+  comment.
+- 6c2e607: Adds useModalWithoutPreventScroll hook. This hook provides modal
+  behavior like focus trapping, outside interaction blocking and dismiss
+  handling. Unlike the useModal hook that provides this behavior as well, this
+  hook does not prevent scroll, which makes it work well for modals that have
+  input fields, preventing scroll on iOS Safari causes the virtual keyboard to
+  cover part of the UI, possibly hiding the input field when typing on the
+  virtual keyboard.
+- 0b0bab3: Position Modal close button correctly
+- Updated dependencies [498ff3b]
+- Updated dependencies [fb41d4d]
+- Updated dependencies [b99c070]
+  - @pexip/utils@17.3.0
+  - @pexip/signal@16.9.5
+  - @pexip/hooks@21.0.7
+
 ## 19.3.0
 
 ### Minor Changes

package/api-docs/README.mdx

@@ -322,6 +322,7 @@ import '@pexip/components/dist/index.css';
 | [useFocusFromOpened](functions/useFocusFromOpened.mdx) | Use this hook to set the focus point on an element when something becomes opened, e.g. set focus on a panel container or menu container when it becomes visible so that the next time the user hits on the tab key the element that becomes focused on is potentially a tabbable element inside the container element. |
 | [useModal](functions/useModal.mdx) | - |
 | [useModalHandle](functions/useModalHandle.mdx) | - |
+| [useModalWithoutPreventScroll](functions/useModalWithoutPreventScroll.mdx) | Alternative to `useModal` that does not use `useModalOverlay`. |
 | [useOutOfViewNavigation](functions/useOutOfViewNavigation.mdx) | - |
 | [useScrollIntoView](functions/useScrollIntoView.mdx) | - |
 | [withColorScheme](functions/withColorScheme.mdx) | - |

package/api-docs/functions/useModalWithoutPreventScroll.mdx

@@ -0,0 +1,24 @@
+```ts
+function useModalWithoutPreventScroll(isOpen): object;
+```
+
+Alternative to `useModal` that does not use `useModalOverlay`.
+
+Provides modal behavior (focus trapping, outside interaction blocking, dismiss handling)
+without preventing scroll. This is useful on mobile Safari where `usePreventScroll` (used in implementation of useModalOverlay)
+causes the virtual keyboard to cover focused inputs.
+
+## Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `isOpen` | `boolean` |
+
+## Returns
+
+`object`
+
+| Name | Type | Default value |
+| ------ | ------ | ------ |
+| `ref` | `RefObject`\<`HTMLDivElement` \| `null`\> | - |
+| `modalProps` | `DOMAttributes`\<`FocusableElement`\> | `overlayProps` |

package/api-docs/variables/FileUpload.mdx

@@ -1,3 +1,3 @@
 ```ts
-const FileUpload: ForwardRefExoticComponent<object & RefAttributes<HTMLInputElement>>;
+const FileUpload: ForwardRefExoticComponent<object & Omit<Omit<DetailedHTMLProps<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref">, "onChange"> & RefAttributes<HTMLInputElement>>;
 ```

package/design-tokens/mixins/media-queries.scss

@@ -212,7 +212,7 @@
 
 @mixin mobile-portrait() {
     @include portrait {
-        @include md-down {
+        @include lg-down {
             @include touch {
                 @content;
             }