# Changelog ## 20.4.0 ### Minor Changes - b72433f: Stop in-meeting notification tooltips painting over the panels. - The meeting was wrapped in two `position: fixed` elements, which establish a stacking context around the whole app. Everything portalled to `` — tooltips, modals — landed outside it, so no `z-index` could order them against anything inside, such as the side panels. Both wrappers are now `position: absolute`, leaving the page in a single stacking context where the design tokens actually govern the order. - `NotificationTooltip` takes a `zIndex` prop to override where it stacks and defaults it to the `components-z-index-tooltip` token, whose base value is react-aria's top layer (`100000`) so ordinary tooltips float above content while apps can still tune stacking via the token (e.g. trieste). The in-meeting controls, the folded selfview, the input control balloon and the user menu pass `TOOLTIP_Z_INDEX_BELOW_OVERLAYS` so they sit just under the panels and modals that cover their triggers. - Fix the preflight "no audio detected" tooltip painting over modals. - The permissions help-video modal stacks one above the tooltip token so it opens above the (top-layer) tooltip it is launched from. - eb69d83: `DropContent` supports `anchorRef` prop. ### Patch Changes - Updated dependencies [8b563f5] - @pexip/utils@17.5.0 - @pexip/hooks@21.0.10 ## 20.3.0 ### Minor Changes - f0569ae: Adds support for custom focus styles to `InteractiveElement`. ### Patch Changes - 3f7ea58: Describe the microphone test before it starts, and announce countdowns, recording completion, and sound-test label changes without competing modal refocus. - 8d38605: Fix keyboard focus order across interactive components: - Place `NotificationTooltip` actions after their trigger and restore focus when dismissed - Close `AriaMenu` when Tab is pressed on a menu item - Allow focused drag handles to move `Draggable` elements with arrow keys - Remove single-item `CondensedTabs` from the tab order ## 20.2.0 ### Minor Changes - bb40023: Add optional `hasDivider` prop to `ActionsRow` component. Defaults to `true` to preserve existing behavior. Set to `false` to hide the divider. - 54883ee: Add `IconSupportAgent` and `IconTranslation`. - ca742b0: Fix shrinking icon in `ListLink`. Support `fontVariant` in `PlainMenuEntry` in `Menu`. - 35a460a: Add `descriptionUrlLinks` prop to `ConfirmationModal` to control whether URLs in the description are rendered as clickable links - db2c663: Add `presentationElementClassName` prop to `Modal`. - cbe8f20: Export `MultiselectCore` so apps can reuse the shared select trigger with a custom menu. - 593d327: Add nested submenu support to `AriaMenu`, including: - Item and custom-content submenus - Configurable back navigation - Accessible labelling and keyboard navigation - Focus restoration and scrollable overflow - Optional submenu indicators and trailing icons Also expose scrollbar styling on `Panel` and keep portalled tooltips interactive inside React Aria overlays. - 031693b: Export `buttonVariantsValues`. - 81f985c: Add `titleWordBreak` prop to `ConfirmationModal` - 27917fb: Add `ToggleSwitchDisplay` presentational component for rendering toggle state without interactive elements. Refactor `ToggleSwitch` to compose `ToggleSwitchDisplay` internally. - ee5a093: Hand tooltip positioning over to react-aria's `useOverlayPosition`. - `Tooltip`, `CustomTooltip` and `NotificationTooltip` are now positioned, flipped and kept inside the viewport by react-aria instead of hard-coded CSS offsets. This fixes tooltips escaping the viewport, e.g. at 400% browser zoom. - The arrow is placed with react-aria's `arrowProps` and oriented with the resolved `data-placement`, so it stays attached to and pointing at the trigger. - The CSS placement classes on the tooltip content were removed in favour of `data-placement`. - The in-meeting control tooltips now hide with the rest of the UI when it auto-hides, which they no longer inherited once portalled. - **Breaking:** the `usePortal` prop was removed from `NotificationTooltip`; the tooltip is always rendered in a portal. - e4a320d: Add renderText prop to PreferenceInput to allow replacing the value's Text element ### Patch Changes - 8ef9f04: `AriaMenu` items accept an `isChecked` prop, which renders the item as a `menuitemcheckbox` and reports its state. Use it for items that toggle something, so the state is announced on the focusable item rather than on a presentational control inside it. - b1f3f9e: Improve accessible danger styling for shared menu and select components. AriaMenu now supports a danger state for menu items, and Select updates its danger tokens to use higher-contrast colors. - 3e652a1: Update Captions header layout to show speakers on the left with ellipsis truncation and timestamp on the right. Add `timestamp` prop for `Captions` component. - 8ef9f04: `CondensedTabs` now exposes its selected state to assistive technology. Tabs carry `aria-selected`, the tablist is a single tab stop with a roving `tabindex`, and arrow/Home/End keys move between tabs. - 380b19c: Draggable: added support for [data-drag-handle] and [data-no-drag] regions — pointer-down inside a no-drag region is ignored unless it originates from a drag handle, with matching grab/grabbing cursor styling. AriaMenu: menu items now support an optional description rendered below the label; preventFocusOnPress is stripped from the DOM button props. Modal: added withAlternativeMaskColor prop and a new alternative-modal-mask-color token. Sheet: added withMask, withShadow, innerFullHeight, and custom heightPortrait/heightLandscape (dvh) props with orientation-based media queries. Added a new md (36px) avatar/circle size (Avatar, RoundIndicator, sizes, design tokens) and an $alpha-70 token. Added and exported a new useBoundingRect hook (observes an element's bounding rect via ResizeObserver, polls ref.current, with optional window-resize/orientation updates); also exported the KEYBOARD_EVENT_KEY constant. Scrollbars: removed the redundant children prop from its type. - 1c01e62: Add `language` icon - 8f2380a: Default button type "button" for `ListBoxLink` to prevent it being a submit type. - 3dba14c: Fix horizontal scroll on multiselect dropdown - 542adab: Fix crash in `AriaMenu` when items are hidden via branding `hiddenFunctionality`. Items whose `data-testid` is overridden to a Fragment are now filtered out before entering the react-aria collection, preventing a null ref focus crash on keyboard navigation. - 33cba9e: Fix copyStyles test to use a lightweight DOM mock that avoids triggering happy-dom resource loading. - f378928: Stop `aria-label` from overriding visible text in `MultistepIndicator`: - Steps no longer carry a 0-based `step N` label that hides the visible step name. A label is only set when the step name is not rendered, and it uses the same 1-based number as the visible step. - The wrapping list is no longer named after the current step; an `aria-label` can be supplied by the consumer instead. - 571f17c: Fix CSP style-src-elem violation in PopOutWindow when rendering into an about:blank window by inlining stylesheet rules instead of using link elements. - d066ed1: Restore borders and selection states in forced colors (high contrast) mode for `Box` (and so `Panel`/`Modal`), `Button`, `Tabs`, `CondensedTabs`, `ToggleSwitch`, `Pill` (and so `Toast`/`NotificationToast`) and `InfoCard` - a84b03f: Adds top and bottom margin to `Divider` inside `InnerAriaMenuItem`. - 265c898: Migrate test runner from Jest to Vitest. - 55018dc: Fix `Modal` becoming non-interactive when opened over a react-aria modal overlay (e.g. the mobile participants panel). The modal portal is now flagged as a react-aria top layer so it is no longer marked `inert`, which previously made its buttons unresponsive and, on touch, caused taps to fall through and close the modal without running the action. - 3dba14c: Fix clicking an option label in `Multiselect` and `ConfirmableMultiselect` not toggling the checkbox. The label was passed to `Checkbox` as an inline component, which made React remount it on every render and prevented the browser from firing a `click` event on it. `DropContent` now keeps `onContentVisibilityChange` in a ref, so passing an inline callback no longer re-runs the effect on every render. - 8b420de: allow for containerRef on Input, setting a ref on the container for the input element - 5650609: Remove the unused `@types/prettier` dev dependency. It shadowed the optional `@types/prettier` peer of `storybook`, which made Yarn resolve a second virtual instance of `storybook` for this package and duplicated `storybook/theming` in Storybook production builds. - e0979b2: Fixed `Draggable` cancelling the first drag. The drag effect tracked the element through `ref.current`, which is `null` on the initial render and only populated on the next render, causing the effect to tear down and re-arm mid-drag. The element is now held in state via a merged callback ref, so the first drag completes reliably. - 1d41a9d: - CondensedTabs: updated active tab contrast to meet WCAG non-text contrast requirements - AriaMenu: active/highlighted item now uses accent background with white text for contrast; disabled items are excluded from keyboard focus navigation; focus indicator uses configurable box-shadow mixin with suppress-on-hover to avoid conflicts with hover state - Button: translucent button active state uses accent surface background and white text - Input: focus outline added via the configurable focus mixin; light and dark focused stories added - ToggleSwitch: focus styling migrated to the configurable box-shadow mixin with reduced shadow widths; light/dark checked/unchecked focus stories added - Select: focus styling consolidated into the configurable box-shadow mixin, removing hardcoded box-shadow overrides - Focus mixin (\_focus.scss): refactored to accept `$border-width`, `$shadow-width-inset`, `$shadow-width`, `suppress-on-hover`, and `color-scheme` parameters for per-component customization - b3eedbb: Migrate stories to Storybook 10: import `action` from `storybook/actions`, testing helpers from `storybook/test` and doc blocks from `@storybook/addon-docs/blocks`, replace the per-story `backgrounds` parameter with the `backgrounds` global, and drop the removed `@storybook/addon-actions`, `@storybook/blocks` and `@storybook/test` dev dependencies. - 8f82582: Change colors of the `MultiStepIndicator` steps to be white - 62e149e: Checkbox now correctly applies visible focus styling by importing Checkbox token definitions into the module stylesheet. Added a dedicated test id on the Checkbox checkmark container span to make focus-state assertions more stable in end-to-end tests. New Checkbox Storybook stories for focus verification in both light and dark - Updated dependencies [5a17991] - Updated dependencies [380b19c] - Updated dependencies [265c898] - @pexip/utils@17.4.1 - @pexip/hooks@21.0.9 - @pexip/signal@16.9.6 ## 20.1.0 ### Minor Changes - d7432f8: Add `variant` prop to `CondensedTabs` with `underline` style support. Add `isFullWidth` and `noMargin` props to `Sheet`. - 300946c: Adds `className` optional prop to `withTransition` - c064e2d: - Add `withTopDivider` / `withBottomDivider` props to `AriaMenuItem` for rendering dividers around menu items - Move Menu section divider inside `` for consistent padding with menu items - Add `role="separator"` to dividers for accessibility - Update divider color tokens (`neutral-30` / `neutral-80`), preserve old values in `variables.legacy.scss` - Add `WithDividers` story for AriaMenu - fe02b23: Adds 'right' and 'left' position to `NotificationTooltip` ### Patch Changes - 15954c9: Lint - 6732861: Fix issue with the css overrides. - Updated dependencies [44ad859] - Updated dependencies [514c523] - @pexip/utils@17.4.0 - @pexip/hooks@21.0.8 ## 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 - 4940c23: Support showing `speakers` in the `Captions` - a728249: Add `Details` component. - a02f422: Support custom MenuEntry in Menu Component - a02f422: Add and export PlainMenuEntry component - 4940c23: Change `default` dark background in `FullSizeWindow` from `dark-blue` to `gray` and make a fallback for legacy theme ### Patch Changes - 18ff23c: Make cursor default on Button Add data-dragging attribute to Draggable - d42aaa6: Extra small border radius for Menu. - ea290e6: Update background-blur and background-replace icons Update icons build script to allow fetching only icon with --icon-name arg - 64f614b: `ConfirmationModal`'s `onConfirm` and `onCancel` take in non-optional Event arg. - Updated dependencies [1fff975] - Updated dependencies [3963c2e] - Updated dependencies [762ebd2] - Updated dependencies [4d2da34] - @pexip/utils@17.2.0 - @pexip/signal@16.9.4 - @pexip/hooks@21.0.6 ## 19.2.0 ### Minor Changes - 3b4f202: Distributes additional `components-no-global-styles.css` build without global styles. - 8c3bb88: Checkbox supports custom label and MultiSelect component supports descriptions ### Patch Changes - 13e3722: Generate the package documentation in a folder called doc-dist - Updated dependencies [13e3722] - @pexip/signal@16.9.3 - @pexip/hooks@21.0.5 - @pexip/utils@17.1.3 ## 19.1.3 ### Patch Changes - Updated dependencies [0e1a7b7] - @pexip/utils@17.1.2 - @pexip/hooks@21.0.4 ## 19.1.2 ### Patch Changes - aac2518: Add test ID props to NumberStepInput - testIDDecrement - testIDIncrement - testIDInput - Updated dependencies [aac2518] - Updated dependencies [aac2518] - @pexip/utils@17.1.1 - @pexip/signal@16.9.2 - @pexip/hooks@21.0.3 ## 19.1.1 ### Patch Changes - 3d191f7: Allow CoreHeader to style start enhancer with enhancerStartClassName prop - af038f3: Update Biome v2 - Updated dependencies [4068f02] - Updated dependencies [a551f01] - @pexip/utils@17.1.0 - @pexip/signal@16.9.1 - @pexip/hooks@21.0.2 ## 19.1.0 ### Minor Changes - 34173ad: Add generics for `Select` id type. - 1363dec: Support `renderInactive` in `Tabs`. - 4a3e51d: support `confirmButtonVariant` in `ConfirmationModal` - 543eb35: Add `enhancerStart` and `enhancerEnd` to `Breadcrumbs`. - f830960: Make NotificationTooltip header to be optional ### Patch Changes - da3296c: Adapt the max-height for modals in Safari for iPhone. This keeps the modal from exceeding the viewport height. Modify the StatsModal to wrap its content in a div to allow scrolling the content without scrolling the whole modal. - 716c654: Forward Audio element ref - edaace4: - Tooltip positioning logic now correctly flips for RTL languages, ensuring tooltips align and overlap as expected for both LTR and RTL. - - 759cc23: Fix `InnerAriaMenuItem` and make sure the `onAction` is invoked only once - 79a0145: use useAriaTooltip hook for NotificationTooltip. This has been done so that NotificationTooltip's render in a portal, allowing it to be visible if the target element is inside a container with overflow hidden. - e776d0e: Remove `setState` from render in `UserMenuDropContent` - cae9d93: Icon updates. - Updated dependencies [adc1a50] - @pexip/utils@17.0.1 - @pexip/hooks@21.0.1 - @pexip/signal@16.9.0 ## 19.0.0 ### Major Changes - ebdcd8e: Bump to react 19 ### Minor Changes - be12a15: Export `LoadingBox` and enable passing element to `NotificationTooltip` as `ctaText` - bb16324: Added SearchInput component - 13eec74: Add `top-0` `bottom-0` etc. positional css utility classes. - 13eec74: Add `action` to `BreadcrumbItem`. ### Patch Changes - 1e1b286: Reset input inside `FileUpload.view` component after each file upload so we are able to trigger when we upload the same image twice - 0c1678b: Remove `node-fetch` - 932f7f8: Give CollapsableContainer footerContent prop displaying content inside BoxFooter - 49ca3ca: Typescript type updates for the storybook stories - 153f287: Does not use package imports of itself. - Updated dependencies [ebdcd8e] - Updated dependencies [6fddc11] - @pexip/hooks@21.0.0 - @pexip/signal@16.9.0 - @pexip/utils@17.0.0 ## 18.1.0 ### Minor Changes - 7ee3659: Adds `stateAfterTransition` optional prop to `withTransition`. - `unmount` makes the HoC return null (default) - `hide` gives the HoC `display:none` style ### Patch Changes - ff51205: fix Video and Draggable component focus border - b678653: Allow CollapsableContainer to set a data-testid ## 18.0.1 ### Patch Changes - 57aed1e: Update icons - 7772a61: Add aria-label for ThreeColumnSelector & CollapsableContainer buttons - @pexip/hooks@20.0.0 - @pexip/signal@16.8.0 - @pexip/utils@17.0.0 ## 18.0.0 ### Major Changes - 2bfd9e1: Adds esm entry points. - f8913c6: Draggable component stops `pointerdown` propagation. - 75c8fd5: CollapsableContainer component must take isOpen and onToggle props and control the isOpen state outside the component ### Minor Changes - 1b214a0: Add new icons. - a043359: Adds support for `itemClassName` to `AriaMenu` which is passed to each individual item. - 683f9dc: Adds Columns icon ListLink component gets optional iconAlignedStart prop, Icon appears to the left of link text if true Menu component uses ListLink and a menu item can define iconAlignedStart. New components added: CollpasableContainer, ThreeColumnSelector - 045340e: Allow `summary` elements for `InteractiveElement`. - 3555d9d: Adds `build:sourcemap` script. - 8bdba01: Adds `withScrollbars` prop to `Panel`. - df83605: Introduce new color for the `primary` `ProgressBar` variant - 7aefc30: Add Header and Children ClassNames to Box Component - ed53b05: Upgrade Typescript - 9651b1e: - Adds `BulletPoint` icon. - Introduces `isValidIconName` typeguard. - 95aebc3: Migrate to Vite.js V6 - 0106183: Support RTL languages - 8fdea2f: Adds support for `BadgeCounter` children wrapper classname. ### Patch Changes - 94f9086: Allow FullSizeWindow to have background=white - 1abfe03: Biome linting - 0b3a726: Make `BoxHeader` have box sizing `border-box`. - 367bcd6: Fixes fetch icon script, fixes white icons. - 51703af: Adjust focus contrast for the new theme and keep the fallbacks in the legacy theme - e76a15e: Migrate to biome linter - Updated dependencies [2bfd9e1] - Updated dependencies [4fe77de] - Updated dependencies [f8913c6] - Updated dependencies [2bbff64] - Updated dependencies [db3a370] - Updated dependencies [4ea0492] - Updated dependencies [3555d9d] - Updated dependencies [1601985] - Updated dependencies [3cb5aee] - Updated dependencies [fa06b8b] - Updated dependencies [84956b8] - Updated dependencies [ed53b05] - Updated dependencies [941363c] - Updated dependencies [d681fd3] - Updated dependencies [e76a15e] - @pexip/utils@17.0.0 - @pexip/hooks@20.0.0 - @pexip/signal@16.8.0 ## 17.1.0 ### Minor Changes - d2b4d22: Introducing `user-select` css helper classes ## 17.0.0 ### Major Changes - 15f9674: - Adds `none` size to `Modal` size modifier which skips `width` styles - `useMobileDevice` considers `${TOUCH_DEVICE} and ${LANDSCAPE} and ${mediaBreakpointDown('lg')}` a mobile device in addition to `${TOUCH_DEVICE} and ${PORTRAIT} and ${mediaBreakpointDown('md')}`. - added two new mixins `mobile-portrait` and `mobile-landscape`, with `mobile` mixin including these both - fcacb46: - removes `buttonTooltip`, `buttonTooltipPosition` from `AriaMenuProps`, type `button` a generic `ReactElement` so we can pass any interactive element as the `AriaMenu` trigger component. - eba25c0: Introduce new pexip colors to the components library. Provide `theme-legacy` as a fallback. Components library now supports new Pexip colors based on our design system. You can still use our legacy theme: ```tsx {children} ``` Sync up design tokens from figma and export it in `variables.css` and `variables.ts`. ### Minor Changes - f9f2867: Introduces `pointerCaptureTarget` prop for `Draggable`. It specifies which element will be the pointer capture target if `pointerCapture` is set to `true`. - 3d72739: Turn off box shadow for `StatCardBox`. Accept div props for `StatCardRow`. - 3aaa924: Support `figureClassName` and `captionClassName` in `StatCard`. - bb6297c: Allow `PreferenceWrapper` to also take `div` props. - bb6297c: Export `ThemeContext`. - 3d72739: Add `textStyle` and `textClassName` to `TextLink`. - 6267a3e: @pexip/components Add ellipsis-multiline mixin, allows ellipsis on text with multiple lines Give Box component headerContentBelowDivider prop, allows rendering of React Element below the Box header's divider/bottom border Give Scrollbars component's scrolling div a data-testid value Create CondensedTabs components - eda3361: Adds `useMobileDeviceLandscape` and `useMobileDevicePortrait` hooks. - bb6297c: Add `overflow.scss` with related utility classes. - f025402: Flip show password-icon for `PasswordInput`. Take translations as props. - 8f35a13: Adds `b-none` helper class for `border: 0`. - b79c1a5: - `Panel`: Now a `forwardRef` component. Renders scrollbars only if there are any children. - `Box`: Renders children wrapper only if there are any. - 3d72739: Hover effect in `StatCard` placed behind `withHover` prop. ### Patch Changes - 0932c52: Make tooltip markup semantically correct. - 56cc914: Add role="complementary" to AriaMenu - a99c099: added refresh-step-name action to `multistepIndicatorReducer`, enabling it to reflect translated step name in `MultistepIndicator` on ad-hoc language changes - 262122d: Add `colorScheme` to `ThemeProvider`. This makes it possible to access the css custom properties by just using the ThemeProvider. - f025402: Add some padding to `PasswordInput` icon. - 1965f23: Add back `color-brand` overrides for buttons - 6663887: Draggable calls `releasePointerCapture` on `pointerup`. - 2b3afb0: Cancel drag changes if `Draggable` sideEffect re-renders whilst dragging. - 1b9bc12: Removes `-webkit-appearance` and `appearance` styles for button-like elements - 9b42c7a: Import new `Authenticated` and `NotAuthenticated` icons and use it in Participant panel - 8282958: Use @react-aria/tooltip with CustomTooltip component - 2a48655: Adjusts `InnerAriaMenuItem` hover & active styles. - 0f2c13e: prevent default `onPointerUp` event to prevent unexpected aria menu item selection when the menu is opened by mouse click - Updated dependencies [164a3e2] - Updated dependencies [b13010c] - Updated dependencies [10fdb9d] - Updated dependencies [66a8f72] - Updated dependencies [d8f7f78] - @pexip/utils@16.13.0 - @pexip/hooks@19.0.1 - @pexip/signal@16.7.1 ## 16.17.0 ### Minor Changes - 60db2da: Add more flex classes for `justify-content`, `justify-items`, `align-content` and `align-items`. - c891aed: Add required props `ariaLabelDecrement` and `ariaLabelIncrement` to component `NumberStepInput` - 744cdb4: Add optional `scrollElementClassname` property to the `Panel` component - 60db2da: Add `topEnd` and `bottomEnd` tooltip positions. Add `defaultOpen` in `Tooltip`. Use in stories. - 60db2da: Extract `StatCardBox` from `StatCard`. - 893f3c1: `AriaMenu`: Add optional tooltip to menu trigger button - 9fde123: - `BadgeCounter`: Add optional `badgeClassName` property to allow custom style of the badge - `AriaMenu`: Add optional `menuClassName` property to allow custom style of the menu, and some default styling updates on the component - 60db2da: Pass `StatCardBox` props through `StatCard`. - 60db2da: Support `offset` and `crossOffset` in `Tooltip`. - 0cd9ec0: - Update stories for `PreferenceInput` and `PreferenceWrapper`. Add more stories. - Only set minimum height for `PreferenceWrapper`. - Remove automatic padding for `PreferenceInput`. - a2ab4d9: Don't automatically use label as title for Tag. - 9e050cf: Introduce `scrollable` prop for `Box` which allows content inside the box to be scrollable - 60db2da: Add d-none class. ### Patch Changes - 6fb1adb: Syntax updates for Storybook components - 7d719e1: added step value property to NumberStepInput - 56bdd94: Emit open state of AriaMenu through signal - d98fe9d: Move to module type. - c0427ff: Defaults `BadgeCounter`'s `number` property to 0. - cbebfea: Add `build:watch` command. - 4efc2ec: BoxFooter can take individual padding sizes. Panel can control scrolling of Scrollbars component - 5b593f7: `CircleCountDown`: Refactoring due to CSS syntax updates - a4acb0b: Puts `input` element of `Checkbox` on top of the checkmark `span` via z-index. - acd7aba: Moves `jest` to individual packages, enabling them to have their own individual config. - ebba026: Introduced `useModal` hook to manage aria-hidden attributes in specific cases. It is used in `Sheet` component and `DeviceSelectionStep` view Refactored `useFocusForm` hook to allow specific focus on element without bluring it right after focus Added property propagation to `Announcer` component. It is used to mark the `Announcer` as excluded from aria-hidden="true" logic e.g. - 9e97e2a: Left align Menu component list item button text - 18dd095: Extended components by an Announcer that offers ARIA live regions feature. - 9e53576: `Checkbox`: Set `aria-labelledby` property by default based on `name` property - 60db2da: Rename `StatCardRow` type to `StatCardRowData`. `StatCardRow` component supports `position` prop. - 2375b52: `Menu` sets `role="menu"` by default and `DropContent` removes to set `role="menu"` by default - 60db2da: `StatIndicator` takes div props. - 1672449: Update icons - b2d6c0a: Refactoring of Storybook stories showcasing the components - 1b1a926: Integrated Announcer component (aria-live region feature) with Select and Toast components - d583549: `AriaMenu`: Omit ignored properties for trigger button - c0ff33a: Add `CustomTooltip` position variants story. - 55137c7: Give AriaMenu optional headerContent prop which gives the possibility to add content above menu items - Updated dependencies [d98fe9d] - Updated dependencies [56bdd94] - @pexip/signal@16.7.1 - @pexip/hooks@19.0.0 - @pexip/utils@16.12.1 ## 16.16.0 ### Minor Changes - 2db8d74: Add vite plugin and scripts to auto-generate scss declaration files - d24cfe4: Export type StatCardRow - b4aac5b: Bump react-dom version and update eslint rule against test files - d24cfe4: Add `className` prop to `StatCard` - d24cfe4: Add `warning` and `success` variant to `StatCard`. Use `variant` property for this instead of `colorScheme`. - 3967409: Runtime rewrite of the svgs to avoid duplicated ids when using multiple instances of the same icon that has ids in the markup ### Patch Changes - 9aa96ab: Do not pass ariaLabel prop to div element inside Modal, pass aria-label instead - 1f78677: Make components more keyboard accessible. Draggable component can be opted into being moveable with arrow keys. Modals and UserMenu (DropContent) can be closed with escape key. ToogleSwitch can be toggled with enter key. MultistepIndicator items can now be tabbed over. - 438e40e: Fix horizontal scrollbar for `Scrollbar` component - Updated dependencies [fd8190c] - Updated dependencies [1f78677] - Updated dependencies [b4aac5b] - @pexip/hooks@18.0.0 - @pexip/signal@16.7.0 - @pexip/utils@16.12.0 ## 16.15.1 ### Patch Changes - Updated dependencies [6cb27d9] - @pexip/utils@16.12.0 - @pexip/hooks@17.1.2 ## 16.15.0 ### Minor Changes - 9bd40c5: Changes to the Input to only have one label to be compliant with wcag ## 16.14.0 ### Minor Changes - ae7b35d: Adds `share` icon. - 4db949e: `AriaMenu`: Add props for placement and offset of the popover - bae1125: Always group page buttons when using `PaginationNavGrouped` - bae1125: Optional `totalPagesCount` (previously `pageLength`) in `TablePagination`. - b3497ad: Introduces `BadgeCounter` variants - `info` and `notification`. Default is `notification` - bae1125: Rename `pageLength` to `totalPageCount` for `TablePaginationNav` ### Patch Changes - 9046f9d: `NumberStepInput` uses `name` prop to build testid. - f087818: Replaced title attribute of UserMenuDropContent by tooltip component Added translation for settings button tooltip and settings button aria label Added "endBottom" position to Tooltip - 53d90af: Introduced new drop down menu component based on React Aria (https://react-spectrum.adobe.com/react-aria) - e2b4da2: @pexip/components Make Video component ref handle focus on video element - ec6dac2: Update placholder text color - Updated dependencies [bfb8058] - @pexip/utils@16.11.0 - @pexip/hooks@17.1.1 - @pexip/signal@16.7.0 ## 16.13.0 ### Minor Changes - fec1c90: Format following Prettier update - fb30f43: Adds optional `onContentVisibilityChange` prop to UserMenuDropContent. - ec134d1: Node.js and Storybook upgrade and migration - fb398e1: Modals can be draggable - a69e59d: Add optional prop `flexDirection` to the `DropContent` component - a595c96: Update webapp3 product name from "Pexip Connect for Web" to "Pexip" ### Patch Changes - 5707670: Give NotificationTooltip component shouldCloseOnOutsideClick prop, if true then clicking outside the tooltip will close it - c26a496: Accessibility tweaks - c1caa26: Update types for `ConfirmationModal` - 744444c: tweak Scrim z-index values - a4de0e2: make all other steps inactive in MultistepIndicator reducer's activate-step action, there should only be one active step at a time - f149c11: Add z-index to the modal wrapper - 7d81303: Tweak class names - e13034a: - Storybook upgrade followup - `UserMenuDropContent` - removes border - c1caa26: Pass `className` in `Panel` component - 68d9813: migrate Tooltip to react-aria https://react-spectrum.adobe.com/react-aria/ - bb91862: Adjusts `BadgeCounter` style. - 9ef9970: Add transparentAlternative Button variant, add using medium value on Icon size prop - Updated dependencies [4a1908a] - Updated dependencies [ec134d1] - Updated dependencies [24fe7e1] - @pexip/signal@16.7.0 - @pexip/hooks@17.1.0 - @pexip/utils@16.10.0 ## 16.12.1 ### Patch Changes - de0a150e: Typo fix for TagList story - 8d493614: add testid to BadgeCounter - a9a49f7dce: Fix zero pages calculation in TablePagination. - f2f106c3: ### add auto scrolling support for drag and drop - `Draggable` allows an optional `scrollElementRef` that is used to to detect the need of auto scrolling. - Scrolling speed can be set by `scrollTimer` (default 30 ms). - Scroll offset per "scroll step" for auto scrolling can be set by `scrollOffset` (default 10 px). - `pointerCapture` can be activated for dragged element by `pointerCapture` property (default false). - `Draggable` allows optional "lock style". Which means the the drag direction can be locked horizontal or vertical. That can be set by `LockStyle` property. (default `LockStyle.NONE`) - `Panel` allows to set the overflow to hidden by `overflowHidden` property. - `Panel` suppports a ref to the scrollElement by `scrollElemenRef` property. - 96f3ce8802: Typescript and tests updates after `yarn.lock` file maintenance - Updated dependencies [7b29d953] - @pexip/utils@16.9.0 - @pexip/hooks@17.0.1 - @pexip/signal@16.6.0 ## 16.12.0 ### Minor Changes - 680becae: allowing passing `titleTestId` and `subtitleTestId` to `Section` - 3527507c08: `Toast` - provides way to dismiss a Toast if `onDismiss` prop is specified. `NotificationToast` - forwards `onDismiss` prop to `Toast` - 3bfb629a5a: Describtion of `ConfirmationModal` detects links. - 7295a95a: Add SimpleButton component. Refactor Button to use SimpleButton and composition. - 66b7f66e: Add useGroupedPagesNav hook - 92084ee0: Add IconBackToTop, IconBluetooth, IconFecc, IconLocation, IconHeadset, IconHospital, IconKey, IconMove, IconPhoneHorisontal, IconPhoneTalk, IconPin, IconRecording, IconSettingsMeeting, IconTimer Replace IconPauseRound to IconPause - 05d14293a5: Add new warning variant for StatIndicator - ed24b398: Adds `colorScheme` prop to `UserMenuDropContent`. - 562947533b: - adds `wordBreak` property to `Text` `typescript wordBreak?: 'normal' | 'breakAll' | 'keepAll' | 'overflowWrap' ` - adds `descriptionWordBreak` property to `ConfirmationModal` ```typescript descriptionWordBreak?: TextProps['wordBreak']; ``` - 284ea444db: - update `TablePagination` stylings - adds `isSticky` property to `TablePagination` ```typescript isSticky?: boolean; ``` - adds `maxUngroupedPageButtons` property to `TablePagination` ```typescript maxUngroupedPageButtons?: number; // default and minimum value 16 ``` - adds `resultsCountComponent` property to `TablePagination` ```typescript resultsCountComponent?: React.FC; type TableResultsCountProps = { endCount: number; isDisabled?: boolean; startCount: number; totalCount: number; }; ``` - adds `nextPageButtonChildren` and `previousPageButtonChildren` property to `TablePagination` ```typescript nextPageButtonChildren?: React.ReactNode; // default value 'Next' previousPageButtonChildren?: React.ReactNode; // default value 'Previous' ``` - 92f3a497bf: Replace default icon in `UserMenuButton` and support overriding `modifier` in there. - 577f804902: Adds `IconPause` ### Patch Changes - e3b13cb6c2: Remove duplicated description from ConfirmationModal - 57103e32e5: Add 'large' size for Modal and new type ModalSizeModifier - e7a2b3ff61: Add isSelectable option to MultistepIndicator - e90ac2a4: Give the Tab component a testId - 288ec5d3: add `isSorted` prop to SortingIndicator - 88363b2f: revert Tooltip/DropContent React.Portal usage - 5ad0e3562f: Adjust sticky TablePagination component z-index - 59541f4ab3: Update @testing-library/dom dependency. - df5c5eaece: Panel and Box css updates - 4ea55a5205: Prettier and linting for new prettier version. - 46b53d56: Uses correct app name (Pexip Connect for Web) in `AboutModal` - 40615b95: change property 'header' to be 'React.ReactNode' for 'NotificationTooltip' - e7a2b3ff61: add warning icon - Updated dependencies [244cb04c] - Updated dependencies [88363b2f] - Updated dependencies [244cb04c] - Updated dependencies [4ea55a5205] - @pexip/hooks@17.0.0 - @pexip/utils@16.8.0 - @pexip/signal@16.6.0 ## 16.11.0 ### Minor Changes - 3353033: Move `isDisabled` from `MultiselectOption` to `Option`. ### Patch Changes - acd55a9: Allow ExpanderCell to take textVariant prop. - 267898b: adds onPointerDownCapture prop to Menu component, which is passed to the dropdown list - c3f46b6: add missing breakout-rooms-16 icon - 3353033: Fix Checkbox color for indeterminate state. - Updated dependencies [bcfa59f] - @pexip/signal@16.6.0 - @pexip/hooks@16.4.2 ## 16.10.0 ### Minor Changes - 7f59a752: Adds `data-testid` attributes to `BreakoutRoom`-related components. - dfd80cb1: Update color palette of `Button` variant "bordered" in light theme - fe6ce452: - Simplifies css class hierarchy of `Divider` component - Adds `onPointerMoveExtra` prop to `Draggable`. A callback to be ran on `pointermove` event. - 8b6184da: Export TextProps type. - 237ed011: Support `withScrollbars` prop in `Modal`. ## 16.9.0 ### Minor Changes - bfe4ce46: Support ReactNode subtitle in SectionAccordion - 9fa7884d: Design tokens - Add `success-hover-color` palette - Add `dangerBordered` variant - Add icons for breakout rooms UI Components - Add `Panel` component, a reusable panel with header section, content section and footer section - Update `Box` to allow header and footer content in props. The added `BoxHeader` can be used as header - Update `nonBrandableButtonVariantValues` to include `dangerBordered` variant - Update `NumberStepInput` styling in dark scheme - Update `Modal` with header and footer props for content and styling - Update `Menu` to allow sections in the menu to have a title - Update `KebabMenuButton` with props for `ButtonVariant` and if `reactiveButtonStyles` should be applied (e.g. hover state) - Update `Draggable` with prop on pointerup ### Patch Changes - bfe4ce46: Fix Toast and NotificationToast stories - Updated dependencies [9fa7884d] - @pexip/utils@16.7.0 - @pexip/hooks@16.4.1 ## 16.8.0 ### Minor Changes - 632964f: Output TypeScript Declaration files in dist directories - a810b8a512: @pexip/components - Adds `shield` icon - Fixes `svgo` script @pexip/plugin-api - Adds more flexibility to opening a `Toast` ```typescript isDanger?: boolean; isInterrupt?: boolean; position?: 'topCenter' | 'bottomCenter'; timeout?: number; ``` ### Patch Changes - 37c62e9c50: Plumbs through `enhancerEnd` prop to `AboutText` via `AboutModal` - Updated dependencies [fbf7a1f] - @pexip/hooks@16.4.0 - @pexip/signal@16.5.0 - @pexip/utils@16.6.0 ## 16.7.1 ### Patch Changes - Updated dependencies [94b7f753] - @pexip/utils@16.6.0 - @pexip/hooks@16.3.6 ## 16.7.0 ### Minor Changes - fbee652d: Increase Modal `medium` sizeModifier to 650px - 5f67a9a4: Introduce `size` prop in SvgImage ### Patch Changes - 39753307: Fix types in DragAndUploadFiles. And remove unnecessary div props in the types. - Updated dependencies [456c06c6] - @pexip/utils@16.5.0 - @pexip/hooks@16.3.5 ## 16.6.0 ### Minor Changes - 85dc585d34: @pexip/components: Adds support for a ConfirmationModal with a single button @pexip/plugin-api: Adds support for a Prompt with a single button - 88b5f2b: Support splash screen in the MeetingVideo component - 9060e442c8: Ability to resume paused/suspended Video - 2d84f61dce: Remove ForwardRefVideo ### Patch Changes - Updated dependencies [3ba403f688] - @pexip/utils@16.4.1 - @pexip/hooks@16.3.4 ## 16.5.4 ### Patch Changes - Updated dependencies [e6ef1f2] - Updated dependencies [6225612] - @pexip/utils@16.4.0 - @pexip/signal@16.5.0 - @pexip/hooks@16.3.3 ## 16.5.3 ### Patch Changes - cf5b6bb: DropContent does not consider interactive element click as outside one - Updated dependencies [6534b17] - Updated dependencies [cf5b6bb] - @pexip/signal@16.4.0 - @pexip/hooks@16.3.2 ## 16.5.2 ### Patch Changes - 3e8e6e9a: Don't show the Row in AboutText if the prop is not present ## 16.5.1 ### Patch Changes - Updated dependencies [4763e5b4] - @pexip/utils@16.3.1 - @pexip/hooks@16.3.1 ## 16.5.0 ### Minor Changes - 976fd0b4: Add onActiveTabChange prop to Tabs component ## 16.4.0 ### Minor Changes - c1f69f96: Add isTooltipEnabled to Tooltip. - 2b2d2d4b: - Add bottomLeft/Right and topLeft/Right to TooltipPosition. - Export `TooltipPositionValue` for convenience. - 7e53c6b6: FullSizeWindow supports `overlay` and `overlayOpacity` props ### Patch Changes - 7e53c6b6: RangeSlider supports `className` prop - 7bec0813: Exits pip mode on Video.tsx component unmount ## 16.3.0 ### Minor Changes - 968b379e: Suppress browser auto translation for name Name should not be translated to avoid confusion, see [#3586](https://gitlab.com/pexip/zoo/-/issues/3586). ### Patch Changes - @pexip/bundler@16.3.0 - @pexip/hooks@16.3.0 - @pexip/signal@16.3.0 - @pexip/utils@16.3.0 ## 16.2.0 ### Minor Changes - f8f8bba2: Fix Audio element to only include track tag when there is captionsSrc ### Patch Changes - @pexip/bundler@16.2.0 - @pexip/hooks@16.2.0 - @pexip/signal@16.2.0 - @pexip/utils@16.2.0 ## 16.1.0 ### Patch Changes - dc095ba4: FullSizeWindow prioritizes brand-background when available - 18f60d66: added a send icon - @pexip/bundler@16.1.0 - @pexip/hooks@16.1.0 - @pexip/signal@16.1.0 - @pexip/utils@16.1.0 ## 16.0.0 ### Minor Changes - cf3d8c0e: Replace `isWrapping` with more generic `whiteSpace` prop ### Patch Changes - @pexip/bundler@16.0.0 - @pexip/hooks@16.0.0 - @pexip/signal@16.0.0 - @pexip/utils@16.0.0 ## 15.0.0 ### Minor Changes - a6d3487e: adds AssetPreviewButton/ColorPickerPreviewButton ### Patch Changes - ca531278: opt-in `FullSizeWindow`, `RoundIndicator`, and `VideoWrapper` to scoped branding - @pexip/bundler@15.0.0 - @pexip/hooks@15.0.0 - @pexip/signal@15.0.0 - @pexip/utils@15.0.0 ## 14.1.0 ### Patch Changes - @pexip/bundler@14.1.0 - @pexip/hooks@14.1.0 - @pexip/signal@14.1.0 - @pexip/utils@14.1.0 ## 14.0.0 ### Patch Changes - 3d82d2e8: add optional `labelClassName` to ToggleSwitch - @pexip/bundler@14.0.0 - @pexip/hooks@14.0.0 - @pexip/signal@14.0.0 - @pexip/utils@14.0.0 ## 13.2.0 ### Patch Changes - @pexip/bundler@13.2.0 - @pexip/hooks@13.2.0 - @pexip/signal@13.2.0 - @pexip/utils@13.2.0 ## 13.1.0 ### Patch Changes - @pexip/bundler@13.1.0 - @pexip/hooks@13.1.0 - @pexip/signal@13.1.0 - @pexip/utils@13.1.0 ## 13.0.0 ### Patch Changes - cce5c3bd: Replace deprecated React.ReactChild with React.ReactNode - @pexip/bundler@13.0.0 - @pexip/hooks@13.0.0 - @pexip/signal@13.0.0 - @pexip/utils@13.0.0 ## 12.0.0 ### Major Changes - c47a148f: FullSizeWindow background prop changes from secondary/tertiary to dark/light. This change was made to match the API of colorScheme. Consumers should update the background prop on FullSizeWindow usage i.e. background="secondary" becomes background="dark" ### Minor Changes - 35a76c5b: - Add titleEnhancerEnd prop to SectionAccordion - Rename prop confirmedValue to initialValue for PreferenceInput - Use PreferenceWrapper for PerferenceMultiselect ### Patch Changes - 4a186b8b: add optional chaining to prevent error being thrown in useFocusTrap when undefined.toLowerCase() is called - Updated dependencies [4a186b8b] - Updated dependencies [52cd2cdb] - @pexip/hooks@12.0.0 - @pexip/signal@12.0.0 - @pexip/bundler@12.0.0 - @pexip/utils@12.0.0 ## 11.0.0 ### Patch Changes - @pexip/bundler@11.0.0 - @pexip/hooks@11.0.0 - @pexip/signal@11.0.0 - @pexip/utils@11.0.0 ## 10.1.0 ### Minor Changes - cfa50208: Add live streaming icon ### Patch Changes - @pexip/bundler@10.1.0 - @pexip/hooks@10.1.0 - @pexip/signal@10.1.0 - @pexip/utils@10.1.0 ## 10.0.0 ### Minor Changes - 2489e5c4: Change FileUpload and DragAndUploadFiles types and add update FullSizeWindow component - 97c0e2ea: - Add onClear callback alternative for Input. - Support click on label in TagList/Tag. - Support wrapper input in Menu. ### Patch Changes - @pexip/bundler@10.0.0 - @pexip/hooks@10.0.0 - @pexip/signal@10.0.0 - @pexip/utils@10.0.0 ## 9.0.0 ### Patch Changes - @pexip/bundler@9.0.0 - @pexip/hooks@9.0.0 - @pexip/signal@9.0.0 - @pexip/utils@9.0.0 ## 8.0.0 ### Patch Changes - @pexip/bundler@8.0.0 - @pexip/hooks@8.0.0 - @pexip/signal@8.0.0 - @pexip/utils@8.0.0 ## 7.0.0 ### Patch Changes - 17f74cf3: Remove fixed width on Logo component set a max height and width on Logo component usage in InfoCard. Portrait logos were too big before this change - Updated dependencies [16854bc7] - @pexip/utils@7.0.0 - @pexip/hooks@7.0.0 - @pexip/signal@7.0.0 - @pexip/bundler@7.0.0 ## 6.0.0 ### Minor Changes - f98c3836: components: Button component has hideChildren prop added and hideChildrenOnMobile prop removed. This way the hideChildren boolean allows the call site to decide when children should be hidden, like for instance if we should hide children in md breakpoint, hideChildrenOnMobile only allowed you to hide them for mobile media-components: modifies ChatPanelToggle, ParticipantsPanelToggle to hide button text at lgDown ResponsiveButton is changed to allow call site to decide when to hide children (button text), but defaults to hiding them at mdDown breakpoint ### Patch Changes - d3fb0ab7: change InputLabel fontVariant to be BodyBold - 07e85517: Change default color to Deep Blue 20 for the Multistep Line Step - @pexip/bundler@6.0.0 - @pexip/hooks@6.0.0 - @pexip/signal@6.0.0 - @pexip/utils@6.0.0 ## 5.0.0 ### Minor Changes - 4e2ec296: Allow enhanceStart in Toast ### Patch Changes - Updated dependencies [2e36be80] - @pexip/utils@5.0.0 - @pexip/hooks@5.0.0 - @pexip/bundler@5.0.0 - @pexip/signal@5.0.0 ## 4.0.0 ### Major Changes - 5e7d3eb33f: - UserAvatar is renamed to Avatar - Previous Avatar instance is removed - Logic for UserAvatar is separated from the RoundIndicator - RoundIndicator component is added and used in Avatar - RoundIndicator is used in UserMenuButton - UserMenuButton now takes in ButtonVariant as a prop `variant` - 51d46f29f3: Fonts are no longer included in the main CSS bundle and will have to be imported explicitly ### Minor Changes - 2643bf0e: Add onContentVisibilityChange in props of MultiselectCore and ConfirmableMultiselect - c6df55c9d7: Explicitly set label for input in Input component. This allows adding other input controls next to the text input. - df9a325970: - Support children in TagList/Tag component. - Move title prop to wrapper in TagList/Tag component. - 9e3618dd15: Add wrapperClassName to Modal. This allows for using disable-animation properly. - 76944a99eb: Update font sizes for mobile, round up rems for all font sizes - a43a1f21d8: Adds RadioButton component - f119cadf36: Adds `neutral` and `bordered` Button variants - fc180a8a: Add hover and active background color for KebabMenuButton ### Patch Changes - @pexip/bundler@4.0.0 - @pexip/hooks@4.0.0 - @pexip/signal@4.0.0 - @pexip/utils@4.0.0 ## 2.1.0 ### Minor Changes - b7ba44bb8: SCSS function changes. suppose there exists some hex #333333. color() returns a custom property that points to #333333 and color-hex() returns the raw hex value of #333333. - db2fdc643: - Add several new colors: signal-orange-130, signal-orange-80, signal-green-130, green-130, deep-blue-5 - Add a new Text variant: warning - 7c492b3c6: Adds `interactiveElement` to `DropContent` to remove wrapper if a different element is to be used. - 03f26ef20: - Added `useTextComponent` in the `Button` component to apply a default `Text` component for the `Button`'s children elements. When `useTextComponent` is `true` for the `Button`, `fontVariant` and `textVariant` can also be used. - 35b7e9bc4: - `Modal` supports both primary and secondary color themes - `ref` added to `Box` - 234a0b888: - Use new design for default removeButton in TagList/Tag. - Convert `Icon.stories` to storybook controls. - 42b2531a8: - Update `Checkbox` colors - Add `isDisabled` state to items in `Multiselect` component/s - DropContent takes in `isContentTextWrapped` prop - Add `flex-shrink-0` and `flex-grow-0` CSS helpers - 60e8c856a: - Convert Spinner.stories to storybook controls. - Fix disable-animation for Spinner. - d8b45fe54: - Adds hasCellVerticalGutter prop to Grid - Adds hasVerticalGutter prop to Cell - 1c2291b6e: Extend CustomerTooltip component with two new positions topStart, bottomStart. - 754852a8d: - Remove the default arrows on `Input` with type `number` - Adds `isDisabled` to `NumberStepInput` - `Input`'s input element now has class name - Move `input` overrides to `reset.css` so browser-specific pseudo properties are not doubled and canceled out - Adds `isWrapping` prop to `Text` - 6879ded4d: Add classname injection for ProgressBar. - 3b7561d0f: adds a brandable prototype to the storybook - 6879ded4d: Add PasswordInput from Trieste - 3640e6e33: Separate Tag component, improve TagList stylings and allow to truncate tags into a number count - 3137f61ed: Spacer component is deprecated now - 03f26ef20: Adds `isUnderlined` prop for `Text` - f3af6fb0c: Made NumberStepInput uncontrolled - d1808c2fd: Support misc aria fields for `Menu`, as well as `tabIndex`. - f0b80c712: fix `useFocusTrap` rerender issue and switch to ref callback pattern - 00c70f45d: - Support `variant` in `TagList` component. - Support `isInteractive` in `TagList`/`Tag` component. - Use `nowrap` for TagList/Tag text. - 613c29470: - Separate `enhancerEnd` and `meta` when `canOnlyToggleWithTitle` flag is active on `Accordion` - Convert `Accordion` from `details`/`summary` to `div` with proper roles `group`/`button`. This is due to the conflict between the default behaviour of `details` and when there are other interactive elements inside the `summary` tag - 55af27557: - Handles `isDisabled` for checkboxes in `Multiselect` and `ConfirmableMultiselect` - 1cee7c177: Adds isLoading prop to MenuAction - 1f277edcd: changes colorScheme from 'primary' | 'secondary' to 'dark' | 'light' - 2cc985151: Add `closeOnOutsideClick` to Modal component; default on to preserve current behaviour. - 8e8ad2c84: - Added `StepNumber` component - Added `MultistepIndicator` component - Added `useMultistepIndicator` convenience hook to be used with `MultistepIndicator` - Added `flex-wrap`, `flex-wrap-reverse` and `flex-no-wrap` CSS helper classes - Cleanup for `UserAvatar` component - bc8617e8f: - In `Text`, `TextLink`, `TextHeading` and other `Text`-like components, changed `colorScheme` to only take in `ColorScheme` type - In `Text`, `TextLink`, `TextHeading` and other `Text`-like components, added `variant` prop that changes colour based on the `colorScheme` - In `Text`, `TextLink`, `TextHeading` and other `Text`-like components, added `isUppercase` and `isTruncated` prop - Changed default `TextLink` colour - 18245d566: Update colours for Button variants - 19c26d33b: Add `variant` to `Section` component. ### Patch Changes - 8e7228443: locally scope the button variant tokens - 235cb9687: sass has been moved to devDependencies - 6879ded4d: Fix unintented event propagation in PasswordInput - 4642355a5: Only use `box-shadow` on `Button` and `InteractiveElement` for more flexibility on building components - 19c26d33b: Fix css for disabled DropContent. - a275fc460: Remove extra height for AccordionButton; code improvements - Updated dependencies [19b7323d5] - Updated dependencies [36e71f58b] - Updated dependencies [3b3883832] - Updated dependencies [c60c818ae] - @pexip/bundler@2.1.0 - @pexip/utils@2.1.0 - @pexip/hooks@2.0.1 ## 2.0.0 ### Minor Changes - 386c68fc2: Revert default target on `Menu` links - 2269c058b: Export internal Menu types/components - 9f08c326a: Added ConfirmableMultiselect component - cf2493ea9: Fix blocked device selection issues ## @pexip/aquila - Add i18n to `DeviceSelect` component - Use `MissDeviceAlert` component only when there is denied device or no device available for selection ## @pexip/components - Add `errorTextId` prop to `Select` component for testing ## @pexip/media - Add more props to Media Add `status`, `expectedAudioInput`, `expectedVideoInput`, `constraints` to `Media` ## @pexip/media-control - Add `findDeviceFromDeviceConstraints` util Find device from the device list with provided constraints, i.e. `InputDeviceConstraint` -> `MediaDeviceInfoLike | true | undefined`. It returns `true` meaning that it can be any devices, `undefined` means device not found, otherwise, the matched device will be returned - bb9e2f7a9: Menu.MenuAction takes optional url, onClick is optional - 658688e17: Increase font sizes for mobile - 98b7bf619: Export Tooltip positions - bfe4742da: Added the focus trap utility to the `Modal` component - e002a85d3: Menu now supports custom wrappers for link, such as react-router - 297d5a322: Improve Sheet layout, add more sizes for Group - 7caa0a08c: Separated DropContent interactive element from content, added built-in interactive element - 986efa9f0: - Exports TestId from the library - Fixes Multiselect width when fullWidth flag is on - a5f69d3ae: Add helper classes and update docs. Add `ListBoxLink` and `ListBoxElement`. Move `ContextMenu`, `ProgressBar`, `FullscreenLayout`, `FullscreenOverlay`, `CircleTimer`, `PopOutWindow`. Remove unused `Status` component. ### Patch Changes - a7bae6219: Disable hover states for touch devices - 6d9a3efbe: Add mobile device permission views - 68abfc956: Extend `Group` to include `fullWidth` modifier and `Button` to has `fluid` modifier - 1a6e2d98c: - Add noHover prop for Button - Use pointer events on DropContent - e9f24cc19: - Toast component correctly renders text colors when using colorScheme - Made danger colors consistent for colorScheme - Fix bug where toast blocks copying meeting link - 838280a6c: adds a 'success' and 'obvious' button variant - 913eec72b: alternate button variant added - ac2514420: Moved styling to own file instead of using helpers on ActionsRow - 711ea3c33: Fixes Multiselect menu when fullWidth modifier is applied - 9549d4594: modal consumers can now opt out of using a portal - e8df7c1d6: Extend Pill and Toast to include `danger` variant - 4a2c0949e: Make getInitials fallback cofigurable, make it empty string by default - 6e897cf07: don't display button text on mobile - Updated dependencies [89ef2b1aa] - Updated dependencies [90bc17450] - Updated dependencies [945ca1989] - @pexip/hooks@2.0.0 - @pexip/utils@2.0.0 ## 1.5.0 ### Minor Changes - ee3fba1bb: Add mobile type system, add size for `CoreHeader`, change `Logo` size ### Patch Changes - cd370f297: Change styling for default scrollbar ## 1.4.0 ### Minor Changes - Allow hide arrow in NotificationTooltip ## 1.4.1 ### Patch Changes - Fixes onChange method bug in `CustomTooltip` ## 1.4.0 ### Minor Changes - 5c9120efd: Track changes using changesets ### Patch Changes - Updated dependencies [5c9120efd] - @pexip/hooks@1.4.0 ## [0.51.1] - 2021-03-23 ### Fixed - Move some devDeps to deps [#1397](https://gitlab.com/pexip/zoo/-/issues/1397) ## [0.51.0] - 2021-03-23 ### Added - New color from design system, `deep-blue-60` - Export color palette as `Color` and `RgbColor` enums ### Changed - Update import script to generate new color enum file - Update `Breadcrumb` colors and spacing ## [0.50.0] - 2021-03-22 ### Changed - `Modal` now renders through a React Portal ## [0.49.0] - 2021-03-19 ### Added - `isMirrored` prop for `Video` ## [0.48.0] - 2021-03-18 ### Added - new icons from figma ## [0.47.0] - 2021-03-15 ### Added - `onOutsideClose` prop for `DropContent` ## [0.46.0] - 2021-03-15 ## Added - `ConfirmationModal` component ## [0.45.1] - 2021-03-15 ### Fixed - `URLToLink` does not match single-character domains [#3914](https://github.com/pexip/aquila-research/issues/3914) ## [0.45.0] - 2021-03-15 ### Fixed - Correctly support `disabled` state for `ListLink` ## [0.44.0] - 2021-03-12 ### Added - `Sheet` component ## [0.43.0] - 2021-03-10 ### Added - `LineHeading` component ## [0.42.0] - 2021-03-08 ### Added - `ActionsRow` component ## [0.41.0] - 2021-03-08 ### Added - New `AspectRatio` component ## Changed - Change `FullSizeWindow` positioning ## [0.40.0] - 2021-03-05 ### Added - Add `Menu` component ## [0.39.0] - 2021-03-05 ### Added - Export types `BreadcrumbItem` from `Breadcrumbs` - Export types `StatusItem` and `ActivityCardAction` from `ActivityCard` ## [0.38.0] - 2021-03-05 ### Added - Export `AboutText` from `AboutModal` - Add `enhancerEnd` to `AboutText` ## [0.37.0] - 2021-03-04 ### Added - Added `ActivityCard` and `CardLayout` component ## [0.36.1] - 2021-03-02 ### Added - `mediumWidth` modifier to `Wrapper` - `hasBorder` and `sizeModifier` to `ListLink` - `fullWidth` modifier to `CallToAction` ## [0.36.0] - 2021-02-22 ### Added - Add `PreferenceMultiselect` component [#3585](https://github.com/pexip/aquila-research/issues/3585) ## [0.35.2] - 2021-02-22 ### Added - Added "auto" sizeModifier to `Modal` component ## [0.35.1] - 2021-02-19 ### Added - `CustomTooltip` support for arbitrary props (`{...props}`) ## [0.35.0] - 2021-02-19 ### Added - Add `Multiselect` component [#3554](https://github.com/pexip/aquila-research/issues/3554) ## [0.34.2] - 2021-02-19 ### Fixed - `UserAvatar` style tokens to match Figma Designs [#3564](https://github.com/pexip/aquila-research/pull/3564) ## [0.34.1] - 2021-02-18 ### Added - Added `Breadcrumbs` component ## [0.34.0] - 2021-02-18 ### Added - `onContentVisibilityChange` callback to `DropContent` props [#3551](https://github.com/pexip/aquila-research/pull/3551) ## [0.33.1] - 2021-02-11 ### Fixed - Prevent `UserAvatar` from shrinking (`flex-shrink` set to `0`) ## [0.33.0] - 2021-02-09 ### Added - Fire event when `Video` component goes into Picture-in-picture mode ## [0.32.2] - 2021-02-10 ### Added - add flex helper classes `justify-content-space-between` ## [0.32.1] - 2021-02-09 ### Fixed - `Box` now has `shadowModifier` - `Button` disables hover when `isDisabled` is set ## [0.32.0] - 2020-02-09 ### Added - new icons from figma ### Changed - split up the build-script for icons in download and generate, the download part generate json files which the generate script can use to create the svg files and collection. I've checked in the json files so that we can easily regenerate without having to download the icons first (that part takes ages). ## [0.31.1] - 2021-02-08 ### Fixed - Exports `NumberStepInput` and `Taglist` in components package ## [0.31.0] - 2021-02-06 ### Added - Display helper classes `d-block`, `d-inline`, `d-flex` and `d-inline-block` - Some flex helper classes `justify-content`, `align-items`, `flex-grow`, `flex-shrink`, `flex-direction` - Other spacing helper classes for axes (`mx-*`, `my-*`), auto (`ml-auto`) and all directions (`m-*`, `p-*`) ### Fixed - `TextLink` has disabled styling ## [0.30.1] - 2020-02-04 ### Added - `htmlTag='div'` to `InteractiveElement` - `Button` has no **onHover** effects when `htmlTag='div'` [#3299](https://github.com/pexip/aquila-research/pull/3299) ## [0.30.0] - 2020-02-01 ### Added - `useInput` hook for state keeping with Input - stories for spacer ### Changed - Removed size-{8-10} from allSizes as size-7 is the biggest we ever define ## [0.29.0] - 2020-02-02 ### Added - `URLToLink` component for transform URLs in text into `TextLink` > > > > > > > master ## [0.28.1] - 2021-01-26 ### Changed - Added `audio` props to `Audio` element ## [0.28.0] - 2020-01-22 ### Added - `TextArea` component ## [0.27.3] - 2021-01-22 ### Changed - `PreferenceInput` supports modes: save on change, save only on confirm, disable cancel editing on error ## [0.27.2] - 2020-01-21 ### Changed - Added `isWithBorder` and `isWithShadow` props to Box component ## [0.27.1] - 2020-01-21 ### Added - `NumberStepInput` component ## [0.27.0] - 2020-01-19 ### Added - Added `date` type for the `Input` component ## [0.26.1] - 2020-01-19 ### Added - `TagList` component ## [0.26.0] - 2020-01-18 ### Added - Added `PreferenceInput` component - Added `StatIndicator` component - Added `StatCard` component ## [0.25.4] - 2020-01-12 ### Added - Added wrapper to `DropContent` to pass down `className` when `isDisabled` prop is set ### Fixed - Removed `min-width` from `Cell` ## [0.25.3] - 2020-12-16 ### Fixed - Added test IDs to AboutModal text. [#2813](https://github.com/pexip/aquila-research/issues/2813) ## [0.25.2] - 2020-12-15 ### Fixed - Made UserAvatar in User static width. - `max-width` removed from `User`'s text wrapper. [#2773](https://github.com/pexip/aquila-research/issues/2798) ## [0.25.1] - 2020-12-15 ### Fixed - Make `onDismiss` optional for `Toast`. ## [0.25.0] - 2020-12-15 ### Added - `tabEnhancerStart` and `tabEnhancerEnd` to `Tab` component - `noButtonPadding` to `Tabs` component - `useTabs` hook can be used to implement custom tabs - `withTabName` HOC can be used for passing components to the `Tabs` component as a tab button ## [0.24.1] - 2020-12-15 ### Changed - `UserMenuButton` renders _vertical more_ icon for avatar when `displayName` is an empty string. [#2773](https://github.com/pexip/aquila-research/pull/2773/) ## [0.23.5] – 2020-12-14 ### Changed - Wraps `Checkbox` component with forwardRef - Adds an `indeterminate` style to `Checkbox` (Trieste) [#2773](https://github.com/pexip/aquila-research/pull/2713) ## [0.23.4] - 2020-12-11 ### Fixed - Use rebase instead of copy for assets, as copy is rather broken in postcss-url ## [0.23.3] - 2020-12-10 ### Fixed - Tweaks to the Video component. Set sinkId when they are tracks + remove play on pause, which was reported in sentry ## [0.23.2] - 2020-12-09 ### Fixed - Load Scrim images directly, let bundler do conversion to base64 ## [0.23.1] - 2020-12-09 ### Fixed - Replace Scrim background gradient with base64 image to make animations more performant ## [0.22.2] - 2020-11-27 ### Fixed - Give the video a maximum length of 100% so we see all of it. ## [0.22.1] - 2020-11-26 ### Fixed - `pointer-events: none;` added to `Scrim` to allow covered components to be clickable. [#2469](https://github.com/pexip/aquila-research/pull/2496) ## [0.22.0] - 2020-11-26 ### Added - Extends `ListLink` component to support a fixed or hover icon and a disabled style ## [0.21.0] - 2020-11-24 ### Added - Extends `Section` component to support color schemes ## [0.20.0] - 2020-11-24 ### Added - Add `SectionAccordion` component ## [0.19.1] - 2020-11-24 ### Fixed - Accordion summary content not being aligned in Safari [#2469](https://github.com/pexip/aquila-research/pull/2469) ## [0.19.0] - 2020-11-20 ### Added - Add `Scrim` component ## [0.16.1] - 2020-11-16 ### Fixed - Prevent stopping video when autoPlay [#2311](https://github.com/pexip/aquila-research/pull/2311) ## [0.16.0] - 2020-11-16 ### Added - Add CustomTooltip component [#2298](https://github.com/pexip/aquila-research/pull/2298)