@openmrs/esm-styleguide 5.4.1-pre.1513 → 5.4.1-pre.1518

package/.turbo/turbo-build.log

@@ -1,4 +1,4 @@
-@openmrs/esm-styleguide:build: cache hit, replaying output 846f340caf421b7a
+@openmrs/esm-styleguide:build: cache hit, replaying output 7c031ae0453017af
 @openmrs/esm-styleguide:build: assets by info 2.4 MiB [immutable]
 @openmrs/esm-styleguide:build:   assets by path *.woff 1.35 MiB
 @openmrs/esm-styleguide:build:     asset d96e5a614e96c351c453.woff 24.5 KiB [emitted] [immutable] [from: ../../../node_modules/@ibm/plex/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-SemiBoldItalic-Cyrillic.woff] (auxiliary name: main)
@@ -47,4 +47,4 @@
 @openmrs/esm-styleguide:build: You can limit the size of your bundles by using import() or require.ensure to lazy load some parts of your application.
 @openmrs/esm-styleguide:build: For more info visit https://webpack.js.org/guides/code-splitting/
 @openmrs/esm-styleguide:build: 
-@openmrs/esm-styleguide:build: webpack 5.88.0 compiled with 3 warnings in 15720 ms
+@openmrs/esm-styleguide:build: webpack 5.88.0 compiled with 3 warnings in 15865 ms

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openmrs/esm-styleguide",
-  "version": "5.4.1-pre.1513",
+  "version": "5.4.1-pre.1518",
   "license": "MPL-2.0",
   "description": "The styleguide for OpenMRS SPA",
   "browser": "dist/openmrs-esm-styleguide.js",
@@ -60,9 +60,9 @@
     "rxjs": "6.x"
   },
   "devDependencies": {
-    "@openmrs/esm-extensions": "5.4.1-pre.1513",
-    "@openmrs/esm-react-utils": "5.4.1-pre.1513",
-    "@openmrs/esm-state": "5.4.1-pre.1513",
+    "@openmrs/esm-extensions": "5.4.1-pre.1518",
+    "@openmrs/esm-react-utils": "5.4.1-pre.1518",
+    "@openmrs/esm-state": "5.4.1-pre.1518",
     "autoprefixer": "^9.8.8",
     "css-minimizer-webpack-plugin": "^1.2.0",
     "i18next": "^21.10.0",

package/src/public.ts

@@ -12,3 +12,4 @@ export { type SnackbarDescriptor, type SnackbarType, type SnackbarMeta } from '.
 export * from './left-nav';
 export * from './error-state';
 export * from './datepicker';
+export * from './responsive-wrapper';

package/src/responsive-wrapper/responsive-wrapper.component.tsx

@@ -11,7 +11,7 @@ export type ResponsiveWrapperProps = {
  * On desktop, it renders the children as is, while on a tablet, it wraps them in a Carbon Layer https://react.carbondesignsystem.com/?path=/docs/components-layer--overview component.
  * This provides a light background for form inputs on tablets, in accordance with the design requirements.
  */
-export default function ResponsiveWrapper({ children }: ResponsiveWrapperProps) {
+export function ResponsiveWrapper({ children }: ResponsiveWrapperProps) {
   const layout = useLayoutType();
   const isTablet = layout === 'tablet';