@pexip/components 18.0.1 → 19.0.0

package/CHANGELOG.md

@@ -1,5 +1,47 @@
 # Changelog
 
+## 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

package/design-tokens/build-scripts/fetchWithAccessToken.mjs

@@ -1,5 +1,3 @@
-import fetch from 'node-fetch';
-
 import {API_URL} from './constants.mjs';
 
 export async function fetchWithAccessToken(path, parse = 'json') {

package/design-tokens/mixins/_focus.scss

@@ -1,7 +1,8 @@
 @use 'sass:map';
 @import '../variables.scss';
 
-.light {
+.light,
+:global(.light) {
     @include create-token(
         light-box-shadow-focus,
         var(--surface-toggle-on-disabled)
@@ -12,7 +13,8 @@
     );
 }
 
-.dark {
+.dark,
+:global(.dark) {
     @include create-token(
         dark-box-shadow-focus,
         var(--surface-toggle-on-disabled)

package/design-tokens/position.scss

@@ -19,3 +19,10 @@
         position: sticky !important;
     }
 }
+
+// top-0 bottom-0 etc.
+@each $side in (top, right, bottom, left) {
+    .#{$side}-0 {
+        #{$side}: 0;
+    }
+}

package/design-tokens/variables.legacy.scss

@@ -91,6 +91,7 @@
                 'box-shadow-hover': color('deep-blue-90'),
                 'indicator-hover': color('deep-blue-50'),
                 'background-focus': color('deep-blue-90'),
+                'background-checked-focus': color('deep-blue-90'),
                 'box-shadow-focus': color('green-100'),
                 'background-checked': color('deep-blue-80'),
                 'box-shadow-checked': color('deep-blue-50'),
@@ -109,6 +110,7 @@
                 'box-shadow-hover': color('deep-blue-40'),
                 'indicator-hover': color('deep-blue-50'),
                 'background-focus': color('deep-blue-20'),
+                'background-checked-focus': color('deep-blue-20'),
                 'box-shadow-focus': color('green-100'),
                 'background-checked': color('deep-blue-40'),
                 'box-shadow-checked': color('deep-blue-50'),