@oracle/oraclejet-preact 20.1.4 → 20.1.5

package/cjs/ListStyles.styles2.css

@@ -1,11 +1,137 @@
-.ListStyles_listStyles_base__131gxbz0 {
-  background-color: inherit;
-  box-sizing: border-box;
+.ListStyles_listStyles_base__1wld4xf0 {
+  color: var(--oj-c-text-icon-primary);
   height: 100%;
-  position: relative;
-  width: 100%;
-  z-index: 0;
+  overflow-y: inherit;
+  overflow-anchor: none;
 }
-.ListStyles_listStyles_base__131gxbz0:focus {
+.ListStyles_listStyles_base__1wld4xf0:focus {
   outline-style: none;
+}
+.ListStyles_listStyles_userSelect__1wld4xf1 {
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+.ListStyles_listItemStyles_base__1wld4xf2 {
+  display: flex;
+  min-height: var(--oj-c-list-item-height);
+  box-sizing: border-box;
+  border-top: 1px solid transparent;
+  box-shadow: inset 0px -1px transparent;
+}
+.ListStyles_listItemStyles_checkboxContainer__1wld4xf3 {
+  width: 100%;
+}
+.ListStyles_sparkleStyles_base__1wld4xf4 {
+  position: absolute;
+  top: 0;
+  width: var(--oj-c-size-units, 0.25rem);
+  z-index: 1;
+  display: block;
+  background-image: var(--imageVars_sparkleImg__odczjta);
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+}
+.ListStyles_sparkleStyles_container__1wld4xf5 {
+  position: relative;
+}
+.ListStyles_skeletonStyles_container__1wld4xf6 {
+  height: 100%;
+  overflow-x: hidden;
+  overflow-y: hidden;
+}
+.ListStyles_paddingStyles_allPadding__1wld4xf7 {
+  padding-top: var(--oj-c-list-item-padding-vertical);
+  padding-bottom: var(--oj-c-list-item-padding-vertical);
+  padding-inline-start: var(--oj-c-list-item-padding-horizontal);
+  padding-inline-end: var(--oj-c-list-item-padding-horizontal);
+}
+.ListStyles_paddingStyles_topItemPadding__1wld4xf8 {
+  padding-top: var(--oj-c-list-item-padding-vertical);
+}
+.ListStyles_paddingStyles_bottomItemPadding__1wld4xf9 {
+  padding-bottom: var(--oj-c-list-item-padding-vertical);
+}
+.ListStyles_paddingStyles_startItemPadding__1wld4xfa {
+  padding-inline-start: var(--oj-c-list-item-padding-horizontal);
+}
+.ListStyles_paddingStyles_endItemPadding__1wld4xfb {
+  padding-inline-end: var(--oj-c-list-item-padding-horizontal);
+}
+.ListStyles_listItemMultiVariantStyles_gridlineTop_visible__1wld4xfc {
+  border-top-color: var(--oj-c-border-divider);
+}
+.ListStyles_listItemMultiVariantStyles_gridlineBottom_visible__1wld4xfe {
+  box-shadow: inset 0px -1px var(--oj-c-border-divider);
+}
+.ListStyles_listItemMultiVariantStyles_selected_isSelected__1wld4xfi {
+  background-color: var(--oj-c-surface-selected);
+}
+.ListStyles_listItemMultiVariantStyles_focusRingVisible_isFocusRingVisible__1wld4xfo {
+  outline-style: dotted;
+  outline-width: 1px;
+  outline-offset: -1px;
+  outline-color: var(--oj-c-border-keyboard-focus);
+}
+.ListStyles_listItemMultiVariantStyles_compound_0__1wld4xfw {
+  border-top-color: var(--oj-c-border-selected);
+  box-shadow: inset 0px -1px var(--oj-c-border-selected);
+}
+.ListStyles_listItemMultiVariantStyles_compound_2__1wld4xfy:not(:active) {
+  background-image: linear-gradient(var(--oj-c-overlay-hover), var(--oj-c-overlay-hover));
+}
+.ListStyles_listItemMultiVariantStyles_compound_3__1wld4xfz {
+  background-color: var(--oj-c-overlay-hover);
+}
+.ListStyles_listItemMultiVariantStyles_compound_4__1wld4xf10 {
+  background-image: linear-gradient(var(--oj-c-overlay-hover), var(--oj-c-overlay-hover));
+}
+.ListStyles_listItemMultiVariantStyles_compound_6__1wld4xf12 {
+  background-image: 
+    linear-gradient(
+      var(--oj-c-collection-header-surface-selected),
+      var(--oj-c-collection-header-surface-selected)
+    ),
+    linear-gradient(var(--oj-c-overlay-hover), var(--oj-c-overlay-hover));
+}
+.ListStyles_listGroupHeaderMultiVariantStyles_gridlineTop_visible__1wld4xf13 {
+  border-top-color: var(--oj-c-border-divider);
+}
+.ListStyles_listGroupHeaderMultiVariantStyles_gridlineBottom_visible__1wld4xf15 {
+  box-shadow: inset 0px -1px var(--oj-c-border-divider);
+}
+.ListStyles_listGroupHeaderMultiVariantStyles_expandable_isExpandable__1wld4xf17 {
+  cursor: pointer;
+}
+.ListStyles_listGroupHeaderMultiVariantStyles_expandable_notExpandable__1wld4xf18 {
+  position: sticky;
+  top: 0;
+}
+.ListStyles_listGroupHeaderMultiVariantStyles_focusRingVisible_isFocusRingVisible__1wld4xf1b {
+  outline-style: dotted;
+  outline-width: 1px;
+  outline-offset: -1px;
+  outline-color: var(--oj-c-border-keyboard-focus);
+}
+.ListStyles_listGroupHeaderMultiVariantStyles_compound_1__1wld4xf1i:not(:active) {
+  background-image: linear-gradient(var(--oj-c-overlay-hover), var(--oj-c-overlay-hover));
+}
+.ListStyles_listGroupHeaderMultiVariantStyles_compound_2__1wld4xf1j {
+  background-image: linear-gradient(var(--oj-c-overlay-active), var(--oj-c-overlay-active));
+}
+@media (hover: hover) {
+  .ListStyles_listItemMultiVariantStyles_compound_1__1wld4xfx:hover:not(:active) {
+    background-image: linear-gradient(var(--oj-c-overlay-hover), var(--oj-c-overlay-hover));
+  }
+  .ListStyles_listItemMultiVariantStyles_compound_5__1wld4xf11:hover:not(:active) {
+    background-image: 
+    linear-gradient(
+      var(--oj-c-collection-header-surface-selected),
+      var(--oj-c-collection-header-surface-selected)
+    ),
+    linear-gradient(var(--oj-c-overlay-hover), var(--oj-c-overlay-hover));
+  }
+  .ListStyles_listGroupHeaderMultiVariantStyles_compound_0__1wld4xf1h:hover:not(:active) {
+    background-image: linear-gradient(var(--oj-c-overlay-hover), var(--oj-c-overlay-hover));
+  }
 }

package/cjs/LiveRegion-60535481.js

@@ -0,0 +1,41 @@
+/* @oracle/oraclejet-preact: undefined */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var hooks = require('preact/hooks');
+
+var useTestId = require('./useTestId-a8b07506.js');
+
+var offScreenStyle = 'LiveRegionStyles_offScreenStyle__1uvpdtw0';
+
+/**
+ * A helper component that renders an aria-live region
+ *
+ * TODO: Create a more centralized component that can handle aria-live region for
+ * the whole application and use context api to communicate
+ */
+function LiveRegion({ testId, atomic = 'false', children = '', timeout = 100, type = 'polite' }) {
+    const ariaLiveText = useLiveText(children, timeout);
+    const testIdProps = useTestId.useTestId(testId);
+    return (jsxRuntime.jsx("span", { "aria-live": type, "aria-atomic": atomic, class: offScreenStyle, ...testIdProps, children: ariaLiveText }));
+}
+/**
+ * A custom hook for handling the aria-live region
+ *
+ * @param text The aria-live text to use
+ * @param timeout The timeout for setting the aria-live text async
+ * @returns The aria-live text
+ */
+function useLiveText(text, timeout) {
+    const [liveText, setLiveText] = hooks.useState('');
+    const updateText = hooks.useCallback(() => setLiveText(text), [text]);
+    const updateTextAsync = hooks.useCallback(() => setTimeout(updateText, timeout), [updateText, timeout]);
+    hooks.useEffect(() => {
+        const timeoutId = updateTextAsync();
+        return () => clearTimeout(timeoutId);
+    }, [updateTextAsync]);
+    return liveText;
+}
+
+exports.LiveRegion = LiveRegion;
+//# sourceMappingURL=LiveRegion-60535481.js.map

package/cjs/LiveRegion-60535481.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LiveRegion-60535481.js","sources":["../../src/UNSAFE_LiveRegion/LiveRegion.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'preact/hooks';\nimport { offScreenStyle } from './LiveRegionStyles.css';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\n\ntype Props = TestIdProps & {\n  /**\n   * Whether this live region is atomic\n   */\n  atomic?: 'true' | 'false';\n\n  /**\n   * The text to be read out in the live region\n   */\n  children?: string;\n\n  /**\n   * Timeout for updating the text\n   */\n  timeout?: number;\n\n  /**\n   * The value for the aria-live attribute\n   */\n  type?: 'assertive' | 'polite' | 'off';\n};\n\n/**\n * A helper component that renders an aria-live region\n *\n * TODO: Create a more centralized component that can handle aria-live region for\n * the whole application and use context api to communicate\n */\nfunction LiveRegion({\n  testId,\n  atomic = 'false',\n  children = '',\n  timeout = 100,\n  type = 'polite'\n}: Props) {\n  const ariaLiveText = useLiveText(children, timeout);\n  const testIdProps = useTestId(testId);\n\n  return (\n    <span aria-live={type} aria-atomic={atomic} class={offScreenStyle} {...testIdProps}>\n      {ariaLiveText}\n    </span>\n  );\n}\n\n/**\n * A custom hook for handling the aria-live region\n *\n * @param text The aria-live text to use\n * @param timeout The timeout for setting the aria-live text async\n * @returns The aria-live text\n */\nfunction useLiveText(text: string, timeout: number) {\n  const [liveText, setLiveText] = useState('');\n  const updateText = useCallback(() => setLiveText(text), [text]);\n  const updateTextAsync = useCallback(() => setTimeout(updateText, timeout), [updateText, timeout]);\n\n  useEffect(() => {\n    const timeoutId = updateTextAsync();\n\n    return () => clearTimeout(timeoutId);\n  }, [updateTextAsync]);\n\n  return liveText;\n}\n\nexport { LiveRegion };\n"],"names":["useTestId","_jsx","useState","useCallback","useEffect"],"mappings":";;;;;;;;;;AA0BA;;;;;AAKG;AACH,SAAS,UAAU,CAAC,EAClB,MAAM,EACN,MAAM,GAAG,OAAO,EAChB,QAAQ,GAAG,EAAE,EACb,OAAO,GAAG,GAAG,EACb,IAAI,GAAG,QAAQ,EACT,EAAA;IACN,MAAM,YAAY,GAAG,WAAW,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;AACpD,IAAA,MAAM,WAAW,GAAGA,mBAAS,CAAC,MAAM,CAAC,CAAC;AAEtC,IAAA,QACEC,cAAA,CAAA,MAAA,EAAA,EAAA,WAAA,EAAiB,IAAI,EAAA,aAAA,EAAe,MAAM,EAAE,KAAK,EAAE,cAAc,KAAM,WAAW,EAAA,QAAA,EAC/E,YAAY,EAAA,CACR,EACP;AACJ,CAAC;AAED;;;;;;AAMG;AACH,SAAS,WAAW,CAAC,IAAY,EAAE,OAAe,EAAA;IAChD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAGC,cAAQ,CAAC,EAAE,CAAC,CAAC;AAC7C,IAAA,MAAM,UAAU,GAAGC,iBAAW,CAAC,MAAM,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAChE,MAAM,eAAe,GAAGA,iBAAW,CAAC,MAAM,UAAU,CAAC,UAAU,EAAE,OAAO,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;IAElGC,eAAS,CAAC,MAAK;AACb,QAAA,MAAM,SAAS,GAAG,eAAe,EAAE,CAAC;AAEpC,QAAA,OAAO,MAAM,YAAY,CAAC,SAAS,CAAC,CAAC;AACvC,KAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;AAEtB,IAAA,OAAO,QAAQ,CAAC;AAClB;;;;"}

package/cjs/MaxLengthLiveRegion-82e6c492.js

@@ -0,0 +1,28 @@
+/* @oracle/oraclejet-preact: undefined */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var useDebounce = require('./useDebounce-4304cfbd.js');
+var useTranslationBundle = require('./useTranslationBundle-990e7928.js');
+var LiveRegion = require('./LiveRegion-60535481.js');
+
+const MAX_LENGTH_UPDATE_DELAY = 500;
+function MaxLengthLiveRegion({ isMaxLengthExceeded, maxLength, testId, valueLength = 0 }) {
+    // Comment copied from InputBase.js in Big JET:
+    // Only update the aria-live div when the user has paused for more than
+    // 500 milliseconds. That way, we avoid queued up aria-live messages which
+    // would be annoying and not helpful. The 500ms was agreed upon in the
+    // accessibility review meeting.
+    const debouncedRemainingChars = useDebounce.useDebounce(maxLength - valueLength, MAX_LENGTH_UPDATE_DELAY);
+    const translations = useTranslationBundle.useTranslationBundle('@oracle/oraclejet-preact');
+    const maxLengthExceededTranslatedString = translations.formControl_maxLengthExceeded({
+        MAX_LENGTH: `${maxLength}`
+    });
+    const remainingCharsTranslatedString = translations.formControl_maxLengthRemaining({
+        CHARACTER_COUNT: `${debouncedRemainingChars}`
+    });
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(LiveRegion.LiveRegion, { testId: testId ? testId + '_remainingChars' : undefined, children: remainingCharsTranslatedString }), isMaxLengthExceeded && (jsxRuntime.jsx(LiveRegion.LiveRegion, { testId: testId ? testId + '_exceeded' : undefined, type: "assertive", children: maxLengthExceededTranslatedString }))] }));
+}
+
+exports.MaxLengthLiveRegion = MaxLengthLiveRegion;
+//# sourceMappingURL=MaxLengthLiveRegion-82e6c492.js.map

package/cjs/MaxLengthLiveRegion-82e6c492.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaxLengthLiveRegion-82e6c492.js","sources":["../../src/UNSAFE_TextField/MaxLengthLiveRegion.tsx"],"sourcesContent":["import { useDebounce } from '../hooks/UNSAFE_useDebounce';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\n\ntype Props = TestIdProps & {\n  isMaxLengthExceeded: boolean;\n  maxLength: number;\n  valueLength?: number;\n};\n\nconst MAX_LENGTH_UPDATE_DELAY = 500;\n\nexport function MaxLengthLiveRegion({\n  isMaxLengthExceeded,\n  maxLength,\n  testId,\n  valueLength = 0\n}: Props) {\n  // Comment copied from InputBase.js in Big JET:\n  // Only update the aria-live div when the user has paused for more than\n  // 500 milliseconds. That way, we avoid queued up aria-live messages which\n  // would be annoying and not helpful. The 500ms was agreed upon in the\n  // accessibility review meeting.\n  const debouncedRemainingChars = useDebounce(maxLength - valueLength, MAX_LENGTH_UPDATE_DELAY);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const maxLengthExceededTranslatedString = translations.formControl_maxLengthExceeded({\n    MAX_LENGTH: `${maxLength}`\n  });\n  const remainingCharsTranslatedString = translations.formControl_maxLengthRemaining({\n    CHARACTER_COUNT: `${debouncedRemainingChars}`\n  });\n\n  return (\n    <>\n      <LiveRegion testId={testId ? testId + '_remainingChars' : undefined}>\n        {remainingCharsTranslatedString}\n      </LiveRegion>\n      {isMaxLengthExceeded && (\n        <LiveRegion testId={testId ? testId + '_exceeded' : undefined} type=\"assertive\">\n          {maxLengthExceededTranslatedString}\n        </LiveRegion>\n      )}\n    </>\n  );\n}\n"],"names":["useDebounce","useTranslationBundle","_jsxs","_jsx","LiveRegion"],"mappings":";;;;;;;;AAYA,MAAM,uBAAuB,GAAG,GAAG,CAAC;AAEpB,SAAA,mBAAmB,CAAC,EAClC,mBAAmB,EACnB,SAAS,EACT,MAAM,EACN,WAAW,GAAG,CAAC,EACT,EAAA;;;;;;IAMN,MAAM,uBAAuB,GAAGA,uBAAW,CAAC,SAAS,GAAG,WAAW,EAAE,uBAAuB,CAAC,CAAC;AAC9F,IAAA,MAAM,YAAY,GAAGC,yCAAoB,CAAa,0BAA0B,CAAC,CAAC;AAClF,IAAA,MAAM,iCAAiC,GAAG,YAAY,CAAC,6BAA6B,CAAC;QACnF,UAAU,EAAE,CAAG,EAAA,SAAS,CAAE,CAAA;AAC3B,KAAA,CAAC,CAAC;AACH,IAAA,MAAM,8BAA8B,GAAG,YAAY,CAAC,8BAA8B,CAAC;QACjF,eAAe,EAAE,CAAG,EAAA,uBAAuB,CAAE,CAAA;AAC9C,KAAA,CAAC,CAAC;IAEH,QACEC,kDACEC,cAAC,CAAAC,qBAAU,IAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,iBAAiB,GAAG,SAAS,YAChE,8BAA8B,EAAA,CACpB,EACZ,mBAAmB,KAClBD,eAACC,qBAAU,EAAA,EAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,WAAW,GAAG,SAAS,EAAE,IAAI,EAAC,WAAW,EAAA,QAAA,EAC5E,iCAAiC,EACvB,CAAA,CACd,CACA,EAAA,CAAA,EACH;AACJ;;;;"}

package/cjs/Message-38d86090.js

@@ -3,14 +3,14 @@
 
 var jsxRuntime = require('preact/jsx-runtime');
 var hooks = require('preact/hooks');
-var Flex = require('./Flex-3a257bc3.js');
+var Flex = require('./Flex-ec48072d.js');
 var UNSAFE_MessageBanner_themes_redwood_MessageBannerTheme = require('./UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme.js');
 var useComponentTheme = require('./useComponentTheme-181c58a1.js');
 var timer = require('./timer-c32f7725.js');
 var classNames = require('./classNames-c14c6ef3.js');
 var Close = require('./Close-86edffef.js');
 var IconButton = require('./IconButton-d753d39b.js');
-var useTranslationBundle = require('./useTranslationBundle-12dd087d.js');
+var useTranslationBundle = require('./useTranslationBundle-990e7928.js');
 var PRIVATE_Message_themes_MessageStyles_css = require('./PRIVATE_Message/themes/MessageStyles.css.js');
 var preact = require('preact');
 var MessageFormattingUtils = require('./MessageFormattingUtils-539d75b0.js');

package/cjs/MessageLayer-f4b556ef.js

@@ -0,0 +1,61 @@
+/* @oracle/oraclejet-preact: undefined */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var Flex = require('./Flex-ec48072d.js');
+var WindowOverlay = require('./WindowOverlay-4c314c6e.js');
+var useUser = require('./useUser-cc045b3e.js');
+var Layer = require('./Layer-06e11b9c.js');
+require('preact/compat');
+require('./LayerHost-21391a0d.js');
+
+const positions = [
+    'top',
+    'top-left',
+    'top-right',
+    'top-start',
+    'top-end',
+    'bottom',
+    'bottom-left',
+    'bottom-right',
+    'bottom-start',
+    'bottom-end'
+];
+const MessageLayer = ({ children, offset, testId, position = 'bottom' }) => {
+    const side = position.split('-')[0];
+    let windowOverlayOffset;
+    if (typeof offset === 'number') {
+        windowOverlayOffset = { mainAxis: offset, crossAxis: offset };
+    }
+    else if (side == 'top' || side == 'bottom') {
+        windowOverlayOffset = { mainAxis: offset?.vertical, crossAxis: offset?.horizontal };
+    }
+    else {
+        windowOverlayOffset = { mainAxis: offset?.horizontal, crossAxis: offset?.vertical };
+    }
+    const { direction } = useUser.useUser();
+    const isLtr = direction === 'ltr';
+    let windowOverlayPlacement;
+    switch (position) {
+        case 'top-left':
+            windowOverlayPlacement = isLtr ? 'top-start' : 'top-end';
+            break;
+        case 'top-right':
+            windowOverlayPlacement = isLtr ? 'top-end' : 'top-start';
+            break;
+        case 'bottom-left':
+            windowOverlayPlacement = isLtr ? 'bottom-start' : 'bottom-end';
+            break;
+        case 'bottom-right':
+            windowOverlayPlacement = isLtr ? 'bottom-end' : 'bottom-start';
+            break;
+        default:
+            windowOverlayPlacement = position;
+            break;
+    }
+    return (jsxRuntime.jsx(Layer.Layer, { priority: "messages", level: "topLevel", children: jsxRuntime.jsx(WindowOverlay.WindowOverlay, { placement: windowOverlayPlacement, offset: windowOverlayOffset, children: jsxRuntime.jsx("div", { "data-testid": testId, children: jsxRuntime.jsx(Flex.Flex, { direction: "column", gap: "2x", children: children }) }) }) }));
+};
+
+exports.MessageLayer = MessageLayer;
+exports.positions = positions;
+//# sourceMappingURL=MessageLayer-f4b556ef.js.map

package/cjs/MessageLayer-f4b556ef.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageLayer-f4b556ef.js","sources":["../../src/PRIVATE_MessageLayer/MessageLayer.tsx"],"sourcesContent":["import { ComponentChildren } from 'preact';\nimport { Flex } from '../UNSAFE_Flex';\nimport { WindowOverlay, WindowOverlayPlacement } from '../UNSAFE_WindowOverlay';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { Layer } from '../UNSAFE_Layer';\n\nconst positions = [\n  'top',\n  'top-left',\n  'top-right',\n  'top-start',\n  'top-end',\n  'bottom',\n  'bottom-left',\n  'bottom-right',\n  'bottom-start',\n  'bottom-end'\n] as const;\n\ntype Position = (typeof positions)[number];\n\ntype Offset =\n  | number\n  | {\n      horizontal?: number;\n      vertical?: number;\n    };\n\ntype Props = {\n  children: ComponentChildren;\n\n  /**\n   * Defines the fixed position where the notifications will to be placed on the screen.\n   * - top-start resolves to top-left in LTR (top-right in RTL)\n   * - top-end resolves to top-right in LTR (top-left in RTL)\n   * - bottom-start resolves to bottom-left in LTR (bottom-right in RTL)\n   * - bottom-end resolves to bottom-right in LTR (bottom-left in RTL)\n   *\n   * default bottom\n   */\n  position?: Position;\n\n  /**\n   * Defines an offset (in pixels) in the placement. Value can be supplied as a number or\n   * an object with horizontal and vertical values.\n   *\n   * default 0\n   */\n  offset?: Offset;\n\n  /**\n   * The test id which is assigned to the \"data-testid\" for the component's element.\n   * Used for test automation, it is assigned to the wrapper element rendered by the component.\n   */\n  testId?: string;\n};\n\nconst MessageLayer = ({ children, offset, testId, position = 'bottom' }: Props) => {\n  const side = position.split('-')[0];\n  let windowOverlayOffset;\n  if (typeof offset === 'number') {\n    windowOverlayOffset = { mainAxis: offset, crossAxis: offset };\n  } else if (side == 'top' || side == 'bottom') {\n    windowOverlayOffset = { mainAxis: offset?.vertical, crossAxis: offset?.horizontal };\n  } else {\n    windowOverlayOffset = { mainAxis: offset?.horizontal, crossAxis: offset?.vertical };\n  }\n\n  const { direction } = useUser();\n  const isLtr = direction === 'ltr';\n  let windowOverlayPlacement: WindowOverlayPlacement | undefined;\n  switch (position) {\n    case 'top-left':\n      windowOverlayPlacement = isLtr ? 'top-start' : 'top-end';\n      break;\n    case 'top-right':\n      windowOverlayPlacement = isLtr ? 'top-end' : 'top-start';\n      break;\n    case 'bottom-left':\n      windowOverlayPlacement = isLtr ? 'bottom-start' : 'bottom-end';\n      break;\n    case 'bottom-right':\n      windowOverlayPlacement = isLtr ? 'bottom-end' : 'bottom-start';\n      break;\n    default:\n      windowOverlayPlacement = position;\n      break;\n  }\n  return (\n    <Layer priority=\"messages\" level=\"topLevel\">\n      <WindowOverlay placement={windowOverlayPlacement} offset={windowOverlayOffset}>\n        <div data-testid={testId}>\n          <Flex direction=\"column\" gap=\"2x\">\n            {children}\n          </Flex>\n        </div>\n      </WindowOverlay>\n    </Layer>\n  );\n};\n\nexport type { Position, Offset };\nexport { MessageLayer, positions };\n"],"names":["useUser","_jsx","Layer","WindowOverlay","Flex"],"mappings":";;;;;;;;;;;AAMA,MAAM,SAAS,GAAG;IAChB,KAAK;IACL,UAAU;IACV,WAAW;IACX,WAAW;IACX,SAAS;IACT,QAAQ;IACR,aAAa;IACb,cAAc;IACd,cAAc;IACd,YAAY;EACH;AAwCX,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,GAAG,QAAQ,EAAS,KAAI;IAChF,MAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;AACpC,IAAA,IAAI,mBAAmB,CAAC;AACxB,IAAA,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;QAC9B,mBAAmB,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC;KAC/D;SAAM,IAAI,IAAI,IAAI,KAAK,IAAI,IAAI,IAAI,QAAQ,EAAE;AAC5C,QAAA,mBAAmB,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC;KACrF;SAAM;AACL,QAAA,mBAAmB,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC;KACrF;AAED,IAAA,MAAM,EAAE,SAAS,EAAE,GAAGA,eAAO,EAAE,CAAC;AAChC,IAAA,MAAM,KAAK,GAAG,SAAS,KAAK,KAAK,CAAC;AAClC,IAAA,IAAI,sBAA0D,CAAC;IAC/D,QAAQ,QAAQ;AACd,QAAA,KAAK,UAAU;YACb,sBAAsB,GAAG,KAAK,GAAG,WAAW,GAAG,SAAS,CAAC;YACzD,MAAM;AACR,QAAA,KAAK,WAAW;YACd,sBAAsB,GAAG,KAAK,GAAG,SAAS,GAAG,WAAW,CAAC;YACzD,MAAM;AACR,QAAA,KAAK,aAAa;YAChB,sBAAsB,GAAG,KAAK,GAAG,cAAc,GAAG,YAAY,CAAC;YAC/D,MAAM;AACR,QAAA,KAAK,cAAc;YACjB,sBAAsB,GAAG,KAAK,GAAG,YAAY,GAAG,cAAc,CAAC;YAC/D,MAAM;AACR,QAAA;YACE,sBAAsB,GAAG,QAAQ,CAAC;YAClC,MAAM;KACT;AACD,IAAA,QACEC,cAAC,CAAAC,WAAK,IAAC,QAAQ,EAAC,UAAU,EAAC,KAAK,EAAC,UAAU,EAAA,QAAA,EACzCD,eAACE,2BAAa,EAAA,EAAC,SAAS,EAAE,sBAAsB,EAAE,MAAM,EAAE,mBAAmB,EAC3E,QAAA,EAAAF,cAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAkB,MAAM,EACtB,QAAA,EAAAA,cAAA,CAACG,SAAI,EAAC,EAAA,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,YAC9B,QAAQ,EAAA,CACJ,GACH,EACQ,CAAA,EAAA,CACV,EACR;AACJ;;;;;"}

package/cjs/MessagesManager-15a79f13.js

@@ -7,10 +7,10 @@ var SuccessS = require('./SuccessS-25f5a319.js');
 var ErrorS = require('./ErrorS-eecfc81d.js');
 var InformationS = require('./InformationS-697bb689.js');
 var WarningS = require('./WarningS-05e4f69d.js');
-var Flex = require('./Flex-3a257bc3.js');
+var Flex = require('./Flex-ec48072d.js');
 var PRIVATE_Message_themes_MessageStyles_css = require('./PRIVATE_Message/themes/MessageStyles.css.js');
-var useTranslationBundle = require('./useTranslationBundle-12dd087d.js');
-var useTestId = require('./useTestId-4f53d561.js');
+var useTranslationBundle = require('./useTranslationBundle-990e7928.js');
+var useTestId = require('./useTestId-a8b07506.js');
 var logger = require('./logger-2c9401cc.js');
 var soundUtils = require('./soundUtils-0dd9f572.js');
 var MessageFormattingUtils = require('./MessageFormattingUtils-539d75b0.js');

package/cjs/MeterCircleVariants.styles.css

@@ -1,24 +1,24 @@
-.MeterCircleVariants_multiVariantStyles_size_sm__1k0drkm0 {
+.MeterCircleVariants_multiVariantStyles_size_sm__id92ht0 {
   --size__1qest1m0: var(--sizes-sm__1qest1m4);
 }
-.MeterCircleVariants_multiVariantStyles_size_md__1k0drkm1 {
+.MeterCircleVariants_multiVariantStyles_size_md__id92ht1 {
   --size__1qest1m0: var(--sizes-md__1qest1m3);
 }
-.MeterCircleVariants_multiVariantStyles_size_lg__1k0drkm2 {
+.MeterCircleVariants_multiVariantStyles_size_lg__id92ht2 {
   --size__1qest1m0: var(--sizes-lg__1qest1m2);
 }
-.MeterCircleVariants_multiVariantStyles_size_fit__1k0drkm3 {
+.MeterCircleVariants_multiVariantStyles_size_fit__id92ht3 {
   --size__1qest1m0: var(--sizes-fit__1qest1m5);
 }
-.MeterCircleVariants_multiVariantStyles_trackSize_sm__1k0drkm4 {
+.MeterCircleVariants_multiVariantStyles_trackSize_sm__id92ht4 {
   --trackSize__1qest1m1: var(--trackSizes-sm__1qest1m8);
 }
-.MeterCircleVariants_multiVariantStyles_trackSize_md__1k0drkm5 {
+.MeterCircleVariants_multiVariantStyles_trackSize_md__id92ht5 {
   --trackSize__1qest1m1: var(--trackSizes-md__1qest1m7);
 }
-.MeterCircleVariants_multiVariantStyles_trackSize_lg__1k0drkm6 {
+.MeterCircleVariants_multiVariantStyles_trackSize_lg__id92ht6 {
   --trackSize__1qest1m1: var(--trackSizes-lg__1qest1m6);
 }
-.MeterCircleVariants_multiVariantStyles_trackSize_fit__1k0drkm7 {
+.MeterCircleVariants_multiVariantStyles_trackSize_fit__id92ht7 {
   --trackSize__1qest1m1: var(--trackSizes-fit__1qest1m9);
 }

package/cjs/MeterCircleVariants.styles2.css

@@ -1,24 +1,24 @@
-.MeterCircleVariants_multiVariantStyles_size_sm__id92ht0 {
+.MeterCircleVariants_multiVariantStyles_size_sm__1k0drkm0 {
   --size__1qest1m0: var(--sizes-sm__1qest1m4);
 }
-.MeterCircleVariants_multiVariantStyles_size_md__id92ht1 {
+.MeterCircleVariants_multiVariantStyles_size_md__1k0drkm1 {
   --size__1qest1m0: var(--sizes-md__1qest1m3);
 }
-.MeterCircleVariants_multiVariantStyles_size_lg__id92ht2 {
+.MeterCircleVariants_multiVariantStyles_size_lg__1k0drkm2 {
   --size__1qest1m0: var(--sizes-lg__1qest1m2);
 }
-.MeterCircleVariants_multiVariantStyles_size_fit__id92ht3 {
+.MeterCircleVariants_multiVariantStyles_size_fit__1k0drkm3 {
   --size__1qest1m0: var(--sizes-fit__1qest1m5);
 }
-.MeterCircleVariants_multiVariantStyles_trackSize_sm__id92ht4 {
+.MeterCircleVariants_multiVariantStyles_trackSize_sm__1k0drkm4 {
   --trackSize__1qest1m1: var(--trackSizes-sm__1qest1m8);
 }
-.MeterCircleVariants_multiVariantStyles_trackSize_md__id92ht5 {
+.MeterCircleVariants_multiVariantStyles_trackSize_md__1k0drkm5 {
   --trackSize__1qest1m1: var(--trackSizes-md__1qest1m7);
 }
-.MeterCircleVariants_multiVariantStyles_trackSize_lg__id92ht6 {
+.MeterCircleVariants_multiVariantStyles_trackSize_lg__1k0drkm6 {
   --trackSize__1qest1m1: var(--trackSizes-lg__1qest1m6);
 }
-.MeterCircleVariants_multiVariantStyles_trackSize_fit__id92ht7 {
+.MeterCircleVariants_multiVariantStyles_trackSize_fit__1k0drkm7 {
   --trackSize__1qest1m1: var(--trackSizes-fit__1qest1m9);
 }

package/cjs/Modal-b751b643.js

@@ -4,12 +4,12 @@
 var jsxRuntime = require('preact/jsx-runtime');
 var compat = require('preact/compat');
 var useModal = require('./useModal-0739a528.js');
-var Layer = require('./Layer-b60deb1b.js');
-require('./LayerHost-3cd73603.js');
+var Layer = require('./Layer-06e11b9c.js');
+require('./LayerHost-21391a0d.js');
 var preact = require('preact');
 var UNSAFE_Modal_themes_ModalStyles_css = require('./UNSAFE_Modal/themes/ModalStyles.css.js');
 var tabbableUtils = require('./tabbableUtils-22a50472.js');
-var popupUtils = require('./popupUtils-1d123cbe.js');
+var popupUtils = require('./popupUtils-79656e59.js');
 var clientHints = require('./clientHints-c40c5250.js');
 
 const LogicalParentRefContext = preact.createContext(undefined);