@oracle/oraclejet 13.1.6 → 13.1.7

package/dist/js/libs/oraclejet-preact/cjs/UNSAFE_Center.js

@@ -1,30 +1,30 @@
-/* @oracle/oraclejet-preact: 13.1.6 */
+/* @oracle/oraclejet-preact: 13.1.7 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-62eac431.js');
+var tslib_es6 = require('./tslib.es6-68f3ebc0.js');
 var jsxRuntime = require('preact/jsx-runtime');
 require('./UNSAFE_Flex.js');
-var Flex = require('./Flex-23697a68.js');
+var Flex = require('./Flex-c16771a2.js');
 require('./utils/UNSAFE_interpolations/dimensions.js');
 require('./utils/UNSAFE_arrayUtils.js');
 require('./utils/UNSAFE_size.js');
 require('./utils/UNSAFE_stringUtils.js');
-require('./stringUtils-cdc98174.js');
-require('./_curry1-b9b70ee3.js');
+require('./stringUtils-6fda114f.js');
+require('./_curry1-4b6ce994.js');
 require('./utils/UNSAFE_mergeInterpolations.js');
 require('./utils/UNSAFE_classNames.js');
-require('./classNames-31f93733.js');
-require('./_curry2-f5cfe141.js');
-require('./_has-482dcc67.js');
+require('./classNames-8dfca077.js');
+require('./_curry2-cf9bdd26.js');
+require('./_has-fcbdf6a8.js');
 
 require('./utils/UNSAFE_interpolations/boxalignment.js');
-require('./keys-41dcae84.js');
+require('./keys-4d79e70b.js');
 require('./utils/UNSAFE_interpolations/flexbox.js');
-require('./flexbox-3cc62100.js');
+require('./flexbox-fa5ea718.js');
 require('./utils/UNSAFE_interpolations/flexitem.js');
-require('./flexitem-a4c8fd91.js');
+require('./flexitem-85bfc93a.js');
 
 /**
  * Center is a convenience component that creates a flexbox

package/dist/js/libs/oraclejet-preact/cjs/UNSAFE_Chip.js

@@ -1,9 +1,9 @@
-/* @oracle/oraclejet-preact: 13.1.6 */
+/* @oracle/oraclejet-preact: 13.1.7 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Chip = require('./Chip-8a7a9f02.js');
+var Chip = require('./Chip-0bc90901.js');
 require('preact/jsx-runtime');
 require('./hooks/UNSAFE_useActionable.js');
 require('./utils/UNSAFE_mergeProps.js');
@@ -15,7 +15,7 @@ require('./hooks/UNSAFE_useFocus.js');
 require('./hooks/UNSAFE_usePress.js');
 require('identity-obj-proxy');
 require('./utils/UNSAFE_classNames.js');
-require('./classNames-31f93733.js');
+require('./classNames-8dfca077.js');
 
 
 

package/dist/js/libs/oraclejet-preact/cjs/UNSAFE_Collapsible.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 13.1.6 */
+/* @oracle/oraclejet-preact: 13.1.7 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -9,29 +9,29 @@ var hooks_UNSAFE_useId = require('./hooks/UNSAFE_useId.js');
 require('identity-obj-proxy');
 require('./utils/UNSAFE_classNames.js');
 require('./UNSAFE_Flex.js');
-var UNSAFE_ThemedIcons = require('./index-a3b08c95.js');
-var classNames = require('./classNames-31f93733.js');
-var UNSAFE_Icons = require('./index-d42816f0.js');
-var Flex = require('./Flex-23697a68.js');
+var UNSAFE_ThemedIcons = require('./index-84988ddd.js');
+var classNames = require('./classNames-8dfca077.js');
+var UNSAFE_Icons = require('./index-54ffa6d4.js');
+var Flex = require('./Flex-c16771a2.js');
 var hooks_UNSAFE_useAnimation = require('./hooks/UNSAFE_useAnimation.js');
-require('./tslib.es6-62eac431.js');
+require('./tslib.es6-68f3ebc0.js');
 require('./utils/UNSAFE_interpolations/dimensions.js');
 require('./utils/UNSAFE_arrayUtils.js');
 require('./utils/UNSAFE_size.js');
 require('./utils/UNSAFE_stringUtils.js');
-require('./stringUtils-cdc98174.js');
-require('./_curry1-b9b70ee3.js');
+require('./stringUtils-6fda114f.js');
+require('./_curry1-4b6ce994.js');
 require('./utils/UNSAFE_mergeInterpolations.js');
-require('./_curry2-f5cfe141.js');
-require('./_has-482dcc67.js');
+require('./_curry2-cf9bdd26.js');
+require('./_has-fcbdf6a8.js');
 require('./utils/UNSAFE_interpolations/boxalignment.js');
-require('./keys-41dcae84.js');
+require('./keys-4d79e70b.js');
 require('./utils/UNSAFE_interpolations/flexbox.js');
-require('./flexbox-3cc62100.js');
+require('./flexbox-fa5ea718.js');
 require('./utils/UNSAFE_interpolations/flexitem.js');
-require('./flexitem-a4c8fd91.js');
+require('./flexitem-85bfc93a.js');
 require('./UNSAFE_Icon.js');
-require('./Icon-773481b1.js');
+require('./Icon-93f95c9e.js');
 require('./hooks/UNSAFE_useUser.js');
 require('./UNSAFE_Environment.js');
 require('preact');
@@ -40,8 +40,8 @@ require('preact/compat');
 require('./hooks/UNSAFE_useTheme.js');
 
 const styles$1 = {
-  base: "ao6b2i",
-  disabled: "d7k3rn"
+  base: "_o8l4yr",
+  disabled: "_5syh6y"
 };
 /**
  * Header icon subcomponent
@@ -70,8 +70,8 @@ const CollapsibleHeaderIcon = ({
 };
 
 const styles = {
-  base: "_0ksae4",
-  disabled: "_t6uatt"
+  base: "_i2y3yq",
+  disabled: "_a1i7td"
 };
 /**
  * Header subcomponent

package/dist/js/libs/oraclejet-preact/cjs/UNSAFE_Collapsible.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_Collapsible.js","sources":["../../src/UNSAFE_Collapsible/CollapsibleHeaderIcon.tsx","../../src/UNSAFE_Collapsible/CollapsibleHeader.tsx","../../src/UNSAFE_Collapsible/CollapsibleContent.tsx","../../src/UNSAFE_Collapsible/Collapsible.tsx","../../src/UNSAFE_Collapsible/index.ts"],"sourcesContent":["import { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { ExpandIcon, CollapseIcon } from '../UNSAFE_ThemedIcons';\n\ntype IconProps = {\n  contentId: string;\n  isDisabled: boolean;\n  headerId: string;\n  isExpanded: boolean;\n  onClick?: (event: Event) => void;\n};\n\nconst styles = {\n  base: cssProps`${{\n    display: 'flex',\n    alignItems: 'center',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-private-button-ghost-chrome-text-color)',\n    backgroundColor: 'transparent',\n    border: 'none',\n    cursor: 'pointer',\n    paddingTop: '5px',\n    paddingRight: '5px',\n    paddingBottom: '5px',\n    paddingLeft: '5px',\n    marginInlineStart: '-8px'\n  }}`,\n  disabled: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)',\n    cursor: 'auto'\n  }}`\n};\n\n/**\n * Header icon subcomponent\n */\nexport const CollapsibleHeaderIcon = ({\n  contentId,\n  isDisabled,\n  headerId,\n  isExpanded,\n  onClick\n}: IconProps) => {\n  const classes = classNames([styles.base, isDisabled && styles.disabled]);\n  const Icon = isExpanded ? ExpandIcon : CollapseIcon;\n  return (\n    <button\n      class={classes}\n      aria-labelledby={headerId}\n      aria-controls={contentId}\n      aria-expanded={isExpanded}\n      onClick={onClick}>\n      <Icon size=\"6x\" />\n    </button>\n  );\n};\n","import { JSX } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { Flex } from '../UNSAFE_Flex';\nimport { CollapsibleHeaderIcon } from './CollapsibleHeaderIcon';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'id' | 'children'>;\n\ntype HeaderProps = IntrinsicProps & {\n  id: string;\n  contentId: string;\n  isDisabled: boolean;\n  isExpanded: boolean;\n  toggleHandler: () => void;\n};\n\nconst styles = {\n  base: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-heading-text-color)',\n    paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x)',\n    paddingRight: '0',\n    paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x)',\n    paddingLeft: '0',\n    cursor: 'pointer'\n  }}`,\n  disabled: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)',\n    cursor: 'auto'\n  }}`\n};\n\n/**\n * Header subcomponent\n */\nexport const CollapsibleHeader = ({\n  children,\n  id,\n  contentId,\n  isDisabled,\n  isExpanded,\n  toggleHandler\n}: HeaderProps) => {\n  const classes = classNames([styles.base, isDisabled && styles.disabled]);\n\n  return (\n    <div id={id} class={classes} onClick={toggleHandler}>\n      <Flex align=\"center\">\n        <CollapsibleHeaderIcon\n          isDisabled={isDisabled}\n          headerId={id}\n          contentId={contentId}\n          isExpanded={isExpanded}\n        />\n        {children}\n      </Flex>\n    </div>\n  );\n};\n","import { JSX } from 'preact';\nimport { useState, useEffect } from 'preact/hooks';\n\nimport { useAnimation, UseAnimationConfig } from '../hooks/UNSAFE_useAnimation';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\n\ntype ContentProps = IntrinsicProps & {\n  id: string;\n  isExpanded: boolean;\n  onTransitionEnd: () => void;\n};\nexport const CollapsibleContent = ({ children, id, isExpanded, onTransitionEnd }: ContentProps) => {\n  const [state, setState] = useState<'mounting' | 'mounted' | 'unmounting' | 'unmounted'>(\n    isExpanded ? 'mounted' : 'unmounted'\n  );\n\n  const [prevExpanded, setPrevExpanded] = useState<boolean>(isExpanded);\n  const isAnimating = isExpanded !== prevExpanded || ['mounting', 'unmounting'].includes(state);\n\n  useEffect(() => {\n    if (isAnimating) {\n      setState(isExpanded ? 'mounting' : 'unmounting');\n    }\n  }, [isExpanded, isAnimating]);\n\n  const { nodeRef } = useAnimation<'expanded' | 'collapsed', HTMLDivElement>(\n    ['mounted', 'mounting'].includes(state) ? 'expanded' : 'collapsed',\n    {\n      animationStates,\n      onAnimationEnd: ({ animationState }) => {\n        const isExpanded = animationState === 'expanded';\n        setState(isExpanded ? 'mounted' : 'unmounted');\n        setPrevExpanded(isExpanded);\n        onTransitionEnd?.();\n      }\n    }\n  );\n  return (\n    <div ref={nodeRef} id={id} tabIndex={-1} aria-hidden={!isExpanded || undefined}>\n      {(isAnimating || state === 'mounted') && children}\n    </div>\n  );\n};\n\n/**\n * The transition from collapsed to expanded works as follows:\n * 1. When the component is initially rendered in the collapsed state, we\n *    explicitly set maxHeight and overflowY from \"to\" configuration.\n * 2. When the expanded prop changes from false to true, we first mount the content children.\n * 3. Once this is mounted we trigger an animation updating animationState value of useAnimationHook.\n * 4. Configuration is represented inside hook. Passed config depends if previous animation was completed or not.\n *    We could check that based on node.style.maxHeight.\n *\n * The transition from expanded to collapsed is similar:\n * 1. We trigger an animation updating animationState value of useAnimationHook.\n * 2. Once animation is completed, with the help of end config,we set max-Height as 'none'.\n *    This will allow us to keep adding content.\n * 3. Once this is done, onAnimationEnd is called(as 'from collapsed to expanded\"). Here, content children are unmouunted.\n *\n * In some future, handling unmounting would be handled using another API agnostic to useAnimation hook. For now, this is handled by user.\n */\n\nconst animationStates: UseAnimationConfig<\n  'expanded' | 'collapsed',\n  HTMLDivElement\n>['animationStates'] = {\n  expanded: (node) => {\n    return {\n      to: {\n        maxHeight: `${node.scrollHeight}px`,\n        overflowY: 'hidden'\n      },\n      options: {\n        duration: 400\n      },\n      end: {\n        maxHeight: 'none'\n      }\n    };\n  },\n  collapsed: (node) => {\n    return {\n      ...(node.style.maxHeight === 'none' && {\n        from: {\n          maxHeight: `${node.scrollHeight}px`\n        }\n      }),\n      to: {\n        overflowY: 'hidden',\n        maxHeight: '0'\n      },\n      options: {\n        duration: 400\n      }\n    };\n  }\n};\n","import { ComponentChildren, JSX } from 'preact';\nimport { useRef } from 'preact/hooks';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { CollapsibleHeader } from './CollapsibleHeader';\nimport { CollapsibleContent } from './CollapsibleContent';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'id' | 'children'>;\n\ntype Props = IntrinsicProps & {\n  /**\n   * Collapsible's header. If not specified, the header contains only an open/close icon. Note that the header text is required for JET collapsible for accessibility purposes.\n   */\n  header?: ComponentChildren;\n\n  /**\n   * Disables the collapsible if set to true\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Specifies if the content is expanded\n   */\n  isExpanded?: boolean;\n\n  /**\n   * Property that triggers a callback immediately when toggle happens and value of expanded property should be updated\n   */\n  onToggle?: (details: ToggleDetail) => void;\n\n  /**\n   * Property that triggers a callback after toggle animation is done\n   */\n  onTransitionEnd?: (details: ToggleDetail) => void;\n};\n\nexport type ToggleDetail = {\n  value: boolean;\n};\n\n/**\n * Controlled Collapsible component\n */\nexport const Collapsible = ({\n  id,\n  header,\n  children,\n  isDisabled = false,\n  isExpanded = false,\n  onToggle,\n  onTransitionEnd\n}: Props) => {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const uniqueID = useId();\n  const headerId = `oj-collapsible-header-${uniqueID}`;\n  const contentId = `oj-collapsible-content-${uniqueID}`;\n\n  /**\n   * Function handling toggle and invoking callback for collapsing/expanding\n   */\n  const toggleHandler = () => {\n    if (isDisabled) {\n      return;\n    }\n    onToggle?.({\n      value: !isExpanded\n    });\n  };\n\n  /**\n   * Function that is triggerd when animation ends\n   */\n  const transitionEndHandler = () => {\n    onTransitionEnd?.({\n      value: isExpanded\n    });\n  };\n\n  return (\n    <div id={id} ref={rootRef}>\n      <CollapsibleHeader\n        id={headerId}\n        contentId={contentId}\n        toggleHandler={toggleHandler}\n        isDisabled={isDisabled}\n        isExpanded={isExpanded}>\n        {header}\n      </CollapsibleHeader>\n      <CollapsibleContent\n        id={contentId}\n        isExpanded={isExpanded}\n        onTransitionEnd={transitionEndHandler}>\n        {children}\n      </CollapsibleContent>\n    </div>\n  );\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nexport * from './Collapsible';\n"],"names":["styles","CollapsibleHeaderIcon","contentId","isDisabled","headerId","isExpanded","onClick","classes","classNames","base","disabled","CollapsibleHeader","children","id","toggleHandler","useState","useEffect","useAnimation","_jsx","useRef","useId","_jsxs"],"mappings":"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"}
+{"version":3,"file":"UNSAFE_Collapsible.js","sources":["../../src/UNSAFE_Collapsible/CollapsibleHeaderIcon.tsx","../../src/UNSAFE_Collapsible/CollapsibleHeader.tsx","../../src/UNSAFE_Collapsible/CollapsibleContent.tsx","../../src/UNSAFE_Collapsible/Collapsible.tsx","../../src/UNSAFE_Collapsible/index.ts"],"sourcesContent":["import { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { ExpandIcon, CollapseIcon } from '../UNSAFE_ThemedIcons';\n\ntype IconProps = {\n  contentId: string;\n  isDisabled: boolean;\n  headerId: string;\n  isExpanded: boolean;\n  onClick?: (event: Event) => void;\n};\n\nconst styles = {\n  base: cssProps`${{\n    display: 'flex',\n    alignItems: 'center',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-private-button-ghost-chrome-text-color)',\n    backgroundColor: 'transparent',\n    border: 'none',\n    cursor: 'pointer',\n    paddingTop: '5px',\n    paddingRight: '5px',\n    paddingBottom: '5px',\n    paddingLeft: '5px',\n    marginInlineStart: '-8px'\n  }}`,\n  disabled: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)',\n    cursor: 'auto'\n  }}`\n};\n\n/**\n * Header icon subcomponent\n */\nexport const CollapsibleHeaderIcon = ({\n  contentId,\n  isDisabled,\n  headerId,\n  isExpanded,\n  onClick\n}: IconProps) => {\n  const classes = classNames([styles.base, isDisabled && styles.disabled]);\n  const Icon = isExpanded ? ExpandIcon : CollapseIcon;\n  return (\n    <button\n      class={classes}\n      aria-labelledby={headerId}\n      aria-controls={contentId}\n      aria-expanded={isExpanded}\n      onClick={onClick}>\n      <Icon size=\"6x\" />\n    </button>\n  );\n};\n","import { JSX } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { Flex } from '../UNSAFE_Flex';\nimport { CollapsibleHeaderIcon } from './CollapsibleHeaderIcon';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'id' | 'children'>;\n\ntype HeaderProps = IntrinsicProps & {\n  id: string;\n  contentId: string;\n  isDisabled: boolean;\n  isExpanded: boolean;\n  toggleHandler: () => void;\n};\n\nconst styles = {\n  base: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-heading-text-color)',\n    paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x)',\n    paddingRight: '0',\n    paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x)',\n    paddingLeft: '0',\n    cursor: 'pointer'\n  }}`,\n  disabled: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)',\n    cursor: 'auto'\n  }}`\n};\n\n/**\n * Header subcomponent\n */\nexport const CollapsibleHeader = ({\n  children,\n  id,\n  contentId,\n  isDisabled,\n  isExpanded,\n  toggleHandler\n}: HeaderProps) => {\n  const classes = classNames([styles.base, isDisabled && styles.disabled]);\n\n  return (\n    <div id={id} class={classes} onClick={toggleHandler}>\n      <Flex align=\"center\">\n        <CollapsibleHeaderIcon\n          isDisabled={isDisabled}\n          headerId={id}\n          contentId={contentId}\n          isExpanded={isExpanded}\n        />\n        {children}\n      </Flex>\n    </div>\n  );\n};\n","import { JSX } from 'preact';\nimport { useState, useEffect } from 'preact/hooks';\n\nimport { useAnimation, UseAnimationConfig } from '../hooks/UNSAFE_useAnimation';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\n\ntype ContentProps = IntrinsicProps & {\n  id: string;\n  isExpanded: boolean;\n  onTransitionEnd: () => void;\n};\nexport const CollapsibleContent = ({ children, id, isExpanded, onTransitionEnd }: ContentProps) => {\n  const [state, setState] = useState<'mounting' | 'mounted' | 'unmounting' | 'unmounted'>(\n    isExpanded ? 'mounted' : 'unmounted'\n  );\n\n  const [prevExpanded, setPrevExpanded] = useState<boolean>(isExpanded);\n  const isAnimating = isExpanded !== prevExpanded || ['mounting', 'unmounting'].includes(state);\n\n  useEffect(() => {\n    if (isAnimating) {\n      setState(isExpanded ? 'mounting' : 'unmounting');\n    }\n  }, [isExpanded, isAnimating]);\n\n  const { nodeRef } = useAnimation<'expanded' | 'collapsed', HTMLDivElement>(\n    ['mounted', 'mounting'].includes(state) ? 'expanded' : 'collapsed',\n    {\n      animationStates,\n      onAnimationEnd: ({ animationState }) => {\n        const isExpanded = animationState === 'expanded';\n        setState(isExpanded ? 'mounted' : 'unmounted');\n        setPrevExpanded(isExpanded);\n        onTransitionEnd?.();\n      }\n    }\n  );\n  return (\n    <div ref={nodeRef} id={id} tabIndex={-1} aria-hidden={!isExpanded || undefined}>\n      {(isAnimating || state === 'mounted') && children}\n    </div>\n  );\n};\n\n/**\n * The transition from collapsed to expanded works as follows:\n * 1. When the component is initially rendered in the collapsed state, we\n *    explicitly set maxHeight and overflowY from \"to\" configuration.\n * 2. When the expanded prop changes from false to true, we first mount the content children.\n * 3. Once this is mounted we trigger an animation updating animationState value of useAnimationHook.\n * 4. Configuration is represented inside hook. Passed config depends if previous animation was completed or not.\n *    We could check that based on node.style.maxHeight.\n *\n * The transition from expanded to collapsed is similar:\n * 1. We trigger an animation updating animationState value of useAnimationHook.\n * 2. Once animation is completed, with the help of end config,we set max-Height as 'none'.\n *    This will allow us to keep adding content.\n * 3. Once this is done, onAnimationEnd is called(as 'from collapsed to expanded\"). Here, content children are unmouunted.\n *\n * In some future, handling unmounting would be handled using another API agnostic to useAnimation hook. For now, this is handled by user.\n */\n\nconst animationStates: UseAnimationConfig<\n  'expanded' | 'collapsed',\n  HTMLDivElement\n>['animationStates'] = {\n  expanded: (node) => {\n    return {\n      to: {\n        maxHeight: `${node.scrollHeight}px`,\n        overflowY: 'hidden'\n      },\n      options: {\n        duration: 400\n      },\n      end: {\n        maxHeight: 'none'\n      }\n    };\n  },\n  collapsed: (node) => {\n    return {\n      ...(node.style.maxHeight === 'none' && {\n        from: {\n          maxHeight: `${node.scrollHeight}px`\n        }\n      }),\n      to: {\n        overflowY: 'hidden',\n        maxHeight: '0'\n      },\n      options: {\n        duration: 400\n      }\n    };\n  }\n};\n","import { ComponentChildren, JSX } from 'preact';\nimport { useRef } from 'preact/hooks';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { CollapsibleHeader } from './CollapsibleHeader';\nimport { CollapsibleContent } from './CollapsibleContent';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'id' | 'children'>;\n\ntype Props = IntrinsicProps & {\n  /**\n   * Collapsible's header. If not specified, the header contains only an open/close icon. Note that the header text is required for JET collapsible for accessibility purposes.\n   */\n  header?: ComponentChildren;\n\n  /**\n   * Disables the collapsible if set to true\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Specifies if the content is expanded\n   */\n  isExpanded?: boolean;\n\n  /**\n   * Property that triggers a callback immediately when toggle happens and value of expanded property should be updated\n   */\n  onToggle?: (details: ToggleDetail) => void;\n\n  /**\n   * Property that triggers a callback after toggle animation is done\n   */\n  onTransitionEnd?: (details: ToggleDetail) => void;\n};\n\nexport type ToggleDetail = {\n  value: boolean;\n};\n\n/**\n * Controlled Collapsible component\n */\nexport const Collapsible = ({\n  id,\n  header,\n  children,\n  isDisabled = false,\n  isExpanded = false,\n  onToggle,\n  onTransitionEnd\n}: Props) => {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const uniqueID = useId();\n  const headerId = `oj-collapsible-header-${uniqueID}`;\n  const contentId = `oj-collapsible-content-${uniqueID}`;\n\n  /**\n   * Function handling toggle and invoking callback for collapsing/expanding\n   */\n  const toggleHandler = () => {\n    if (isDisabled) {\n      return;\n    }\n    onToggle?.({\n      value: !isExpanded\n    });\n  };\n\n  /**\n   * Function that is triggerd when animation ends\n   */\n  const transitionEndHandler = () => {\n    onTransitionEnd?.({\n      value: isExpanded\n    });\n  };\n\n  return (\n    <div id={id} ref={rootRef}>\n      <CollapsibleHeader\n        id={headerId}\n        contentId={contentId}\n        toggleHandler={toggleHandler}\n        isDisabled={isDisabled}\n        isExpanded={isExpanded}>\n        {header}\n      </CollapsibleHeader>\n      <CollapsibleContent\n        id={contentId}\n        isExpanded={isExpanded}\n        onTransitionEnd={transitionEndHandler}>\n        {children}\n      </CollapsibleContent>\n    </div>\n  );\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nexport * from './Collapsible';\n"],"names":["styles","CollapsibleHeaderIcon","contentId","isDisabled","headerId","isExpanded","onClick","classes","classNames","base","disabled","CollapsibleHeader","children","id","toggleHandler","useState","useEffect","useAnimation","_jsx","useRef","useId","_jsxs"],"mappings":"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"}

package/dist/js/libs/oraclejet-preact/cjs/UNSAFE_Collection.js

@@ -1,9 +1,9 @@
-/* @oracle/oraclejet-preact: 13.1.6 */
+/* @oracle/oraclejet-preact: 13.1.7 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Collection = require('./Collection-77d056bc.js');
+var Collection = require('./Collection-0aac7ff4.js');
 require('preact/jsx-runtime');
 require('preact');
 

package/dist/js/libs/oraclejet-preact/cjs/UNSAFE_ComponentMessage.js

@@ -1,10 +1,10 @@
-/* @oracle/oraclejet-preact: 13.1.6 */
+/* @oracle/oraclejet-preact: 13.1.7 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var ComponentMessage = require('./ComponentMessage-3d1a3ad3.js');
-var ComponentMessageContainer = require('./ComponentMessageContainer-5f081dde.js');
+var ComponentMessage = require('./ComponentMessage-1ce1784a.js');
+var ComponentMessageContainer = require('./ComponentMessageContainer-56bbf06d.js');
 require('preact/jsx-runtime');
 require('identity-obj-proxy');
 require('./hooks/UNSAFE_useTranslationBundle.js');
@@ -14,46 +14,46 @@ require('preact');
 require('./UNSAFE_Layer.js');
 require('preact/compat');
 require('./UNSAFE_HiddenAccessible.js');
-require('./HiddenAccessible-c7e6a57f.js');
+require('./HiddenAccessible-a7ff7227.js');
 require('./UNSAFE_Message.js');
 require('./UNSAFE_Flex.js');
-require('./Flex-23697a68.js');
-require('./tslib.es6-62eac431.js');
+require('./Flex-c16771a2.js');
+require('./tslib.es6-68f3ebc0.js');
 require('./utils/UNSAFE_interpolations/dimensions.js');
 require('./utils/UNSAFE_arrayUtils.js');
 require('./utils/UNSAFE_size.js');
 require('./utils/UNSAFE_stringUtils.js');
-require('./stringUtils-cdc98174.js');
-require('./_curry1-b9b70ee3.js');
+require('./stringUtils-6fda114f.js');
+require('./_curry1-4b6ce994.js');
 require('./utils/UNSAFE_mergeInterpolations.js');
 require('./utils/UNSAFE_classNames.js');
-require('./classNames-31f93733.js');
-require('./_curry2-f5cfe141.js');
-require('./_has-482dcc67.js');
+require('./classNames-8dfca077.js');
+require('./_curry2-cf9bdd26.js');
+require('./_has-fcbdf6a8.js');
 require('./utils/UNSAFE_interpolations/boxalignment.js');
-require('./keys-41dcae84.js');
+require('./keys-4d79e70b.js');
 require('./utils/UNSAFE_interpolations/flexbox.js');
-require('./flexbox-3cc62100.js');
+require('./flexbox-fa5ea718.js');
 require('./utils/UNSAFE_interpolations/flexitem.js');
-require('./flexitem-a4c8fd91.js');
-require('./MessageCloseButton-477227b6.js');
-require('./MessageDetail-0fc2a9a4.js');
-require('./MessageFormattingUtils-684d6e79.js');
+require('./flexitem-85bfc93a.js');
+require('./MessageCloseButton-aab9ea3e.js');
+require('./MessageDetail-874c7b94.js');
+require('./MessageFormattingUtils-4a1d3c8b.js');
 require('./utils/UNSAFE_getLocale.js');
-require('./Message.types-cc15d643.js');
-require('./MessageStartIcon-2a3f1315.js');
-require('./index-a3b08c95.js');
+require('./Message.types-85623773.js');
+require('./MessageStartIcon-73354b22.js');
+require('./index-84988ddd.js');
 require('./UNSAFE_Icon.js');
-require('./Icon-773481b1.js');
+require('./Icon-93f95c9e.js');
 require('./hooks/UNSAFE_useUser.js');
 require('./hooks/UNSAFE_useTheme.js');
-require('./index-d42816f0.js');
-require('./MessageSummary-aba1defe.js');
-require('./MessageTimestamp-dc640a54.js');
-require('./MessageUtils-47d2527c.js');
+require('./index-54ffa6d4.js');
+require('./MessageSummary-6a8d35ea.js');
+require('./MessageTimestamp-d7d9a1e7.js');
+require('./MessageUtils-9f3ad139.js');
 require('./utils/UNSAFE_logger.js');
 require('./utils/UNSAFE_soundUtils.js');
-require('./MessagesManager-e35a1b8d.js');
+require('./MessagesManager-4e973c1c.js');
 require('./UNSAFE_TransitionGroup.js');
 
 

package/dist/js/libs/oraclejet-preact/cjs/UNSAFE_Environment.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 13.1.6 */
+/* @oracle/oraclejet-preact: 13.1.7 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/js/libs/oraclejet-preact/cjs/UNSAFE_Flex.js

@@ -1,29 +1,29 @@
-/* @oracle/oraclejet-preact: 13.1.6 */
+/* @oracle/oraclejet-preact: 13.1.7 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Flex = require('./Flex-23697a68.js');
-require('./tslib.es6-62eac431.js');
+var Flex = require('./Flex-c16771a2.js');
+require('./tslib.es6-68f3ebc0.js');
 require('preact/jsx-runtime');
 require('./utils/UNSAFE_interpolations/dimensions.js');
 require('./utils/UNSAFE_arrayUtils.js');
 require('./utils/UNSAFE_size.js');
 require('./utils/UNSAFE_stringUtils.js');
-require('./stringUtils-cdc98174.js');
-require('./_curry1-b9b70ee3.js');
+require('./stringUtils-6fda114f.js');
+require('./_curry1-4b6ce994.js');
 require('./utils/UNSAFE_mergeInterpolations.js');
 require('./utils/UNSAFE_classNames.js');
-require('./classNames-31f93733.js');
-require('./_curry2-f5cfe141.js');
-require('./_has-482dcc67.js');
+require('./classNames-8dfca077.js');
+require('./_curry2-cf9bdd26.js');
+require('./_has-fcbdf6a8.js');
 require('identity-obj-proxy');
 require('./utils/UNSAFE_interpolations/boxalignment.js');
-require('./keys-41dcae84.js');
+require('./keys-4d79e70b.js');
 require('./utils/UNSAFE_interpolations/flexbox.js');
-require('./flexbox-3cc62100.js');
+require('./flexbox-fa5ea718.js');
 require('./utils/UNSAFE_interpolations/flexitem.js');
-require('./flexitem-a4c8fd91.js');
+require('./flexitem-85bfc93a.js');
 
 
 

package/dist/js/libs/oraclejet-preact/cjs/UNSAFE_Floating.js

@@ -1,13 +1,13 @@
-/* @oracle/oraclejet-preact: 13.1.6 */
+/* @oracle/oraclejet-preact: 13.1.7 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Floating = require('./Floating-c2f7e158.js');
+var Floating = require('./Floating-8d476309.js');
 require('preact/jsx-runtime');
 require('preact/hooks');
 require('preact/compat');
-require('./index-a1e48d11.js');
+require('./index-cb02dfc8.js');
 require('./hooks/UNSAFE_useUser.js');
 require('./UNSAFE_Environment.js');
 require('preact');

package/dist/js/libs/oraclejet-preact/cjs/UNSAFE_Grid.js

@@ -1,26 +1,26 @@
-/* @oracle/oraclejet-preact: 13.1.6 */
+/* @oracle/oraclejet-preact: 13.1.7 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-62eac431.js');
+var tslib_es6 = require('./tslib.es6-68f3ebc0.js');
 var jsxRuntime = require('preact/jsx-runtime');
 require('identity-obj-proxy');
 var utils_UNSAFE_interpolations_grid = require('./utils/UNSAFE_interpolations/grid.js');
 var utils_UNSAFE_interpolations_boxalignment = require('./utils/UNSAFE_interpolations/boxalignment.js');
 var utils_UNSAFE_mergeInterpolations = require('./utils/UNSAFE_mergeInterpolations.js');
-require('./keys-41dcae84.js');
-require('./_curry1-b9b70ee3.js');
-require('./_has-482dcc67.js');
+require('./keys-4d79e70b.js');
+require('./_curry1-4b6ce994.js');
+require('./_has-fcbdf6a8.js');
 require('./utils/UNSAFE_size.js');
 require('./utils/UNSAFE_stringUtils.js');
-require('./stringUtils-cdc98174.js');
+require('./stringUtils-6fda114f.js');
 require('./utils/UNSAFE_arrayUtils.js');
 require('./utils/UNSAFE_classNames.js');
-require('./classNames-31f93733.js');
-require('./_curry2-f5cfe141.js');
+require('./classNames-8dfca077.js');
+require('./_curry2-cf9bdd26.js');
 
-const baseStyles = "_jtf8ps";
+const baseStyles = "_gltoh";
 const interpolations = [...Object.values(utils_UNSAFE_interpolations_grid.gridInterpolations), ...Object.values(utils_UNSAFE_interpolations_boxalignment.boxAlignmentInterpolations)];
 const styleInterpolations = utils_UNSAFE_mergeInterpolations.mergeInterpolations(interpolations);
 /**

package/dist/js/libs/oraclejet-preact/cjs/UNSAFE_Grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_Grid.js","sources":["../../src/UNSAFE_Grid/Grid.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { gridInterpolations } from '../utils/UNSAFE_interpolations/grid';\nimport type { GridProps } from '../utils/UNSAFE_interpolations/grid';\nimport { boxAlignmentInterpolations } from '../utils/UNSAFE_interpolations/boxalignment';\nimport type { BoxAlignmentProps } from '../utils/UNSAFE_interpolations/boxalignment';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\n\ntype Props = GridProps &\n  BoxAlignmentProps & {\n    /**\n     * The children to put in the grid.\n     */\n    children?: ComponentChildren;\n  };\n\nconst baseStyles = cssProps`${{ display: 'grid' }}`;\n\nconst interpolations = [\n  ...Object.values(gridInterpolations),\n  ...Object.values(boxAlignmentInterpolations)\n];\n\nconst styleInterpolations = mergeInterpolations<Props>(interpolations);\n\n/**\n * An implicit grid. Resize your browser to see how items reflow.\n */\nexport const Grid = ({ children, ...props }: Props) => {\n  const { class: cls, ...styles } = styleInterpolations(props);\n  const allStyles = { ...styles };\n  return (\n    <div class={`${baseStyles} ${cls}`} style={allStyles}>\n      {children}\n    </div>\n  );\n};\n"],"names":["baseStyles","interpolations","Object","values","gridInterpolations","boxAlignmentInterpolations","styleInterpolations","mergeInterpolations","Grid","_a","children","props","__rest","_b","class","cls","styles","allStyles","assign","_jsx","style"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAuBA,MAAAA,UAAA,GAAA,SAAA,CAAA;AAEA,MAAAC,cAAA,GAAA,CACE,GAAAC,MAAA,CAAAC,MAAA,CAAAC,mDAAA,CADF,EAEE,GAAAF,MAAA,CAAAC,MAAA,CAAAE,mEAAA,CAFF,CAAA,CAAA;AAKA,MAAAC,mBAAA,GAAAC,oDAAA,CAAAN,cAAA,CAAA,CAAA;AAEA;;AAEG;;AACHO,MAAAA,IAAA,GAAAC,EAAA,IAAA;EAAqB,IAAA;AAAAC,IAAAA,QAAAA;AAAA,GAAA,GAAAD,EAAA;MAAAE,KAAA,GAAAC,gBAAA,CAAAH,EAAA,EAAA,CAAA,UAAA,CAAA,CAAA,CAAA;;AACnB,EAAA,MAAAI,EAAA,GAAAP,mBAAA,CAAAK,KAAA,CAAA;QAAA;AAAAG,IAAAA,KAAA,EAAAC,GAAAA;AAAA,GAAA,GAAAF,EAAA;QAAAG,MAAA,GAAAJ,gBAAA,CAAAC,EAAA,EAAA,CAAA,OAAA,CAAA,CAAA,CAAA;;EACA,MAAAI,SAAA,GAAAf,MAAA,CAAAgB,MAAA,CAAA,EAAA,EAAAF,MAAA,CAAA,CAAA;AACA,EAAA,OAAAG,cAAA,CAAA,KAAA,EAAAjB,MAAA,CAAAgB,MAAA,CAAA;AAAAJ,IAAAA,KAAA,EAAA,CAAA,EAAAd,UAAA,CAAA,CAAA,EAAAe,GAAA,CAAA,CAAA;AAAAK,IAAAA,KAAA,EAAAH,SAAAA;AAAA,GAAA,EAAA;AAAAP,IAAAA,QAAA,EAAAA,QAAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AAKF;;;;;;;"}
+{"version":3,"file":"UNSAFE_Grid.js","sources":["../../src/UNSAFE_Grid/Grid.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { gridInterpolations } from '../utils/UNSAFE_interpolations/grid';\nimport type { GridProps } from '../utils/UNSAFE_interpolations/grid';\nimport { boxAlignmentInterpolations } from '../utils/UNSAFE_interpolations/boxalignment';\nimport type { BoxAlignmentProps } from '../utils/UNSAFE_interpolations/boxalignment';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\n\ntype Props = GridProps &\n  BoxAlignmentProps & {\n    /**\n     * The children to put in the grid.\n     */\n    children?: ComponentChildren;\n  };\n\nconst baseStyles = cssProps`${{ display: 'grid' }}`;\n\nconst interpolations = [\n  ...Object.values(gridInterpolations),\n  ...Object.values(boxAlignmentInterpolations)\n];\n\nconst styleInterpolations = mergeInterpolations<Props>(interpolations);\n\n/**\n * An implicit grid. Resize your browser to see how items reflow.\n */\nexport const Grid = ({ children, ...props }: Props) => {\n  const { class: cls, ...styles } = styleInterpolations(props);\n  const allStyles = { ...styles };\n  return (\n    <div class={`${baseStyles} ${cls}`} style={allStyles}>\n      {children}\n    </div>\n  );\n};\n"],"names":["baseStyles","interpolations","Object","values","gridInterpolations","boxAlignmentInterpolations","styleInterpolations","mergeInterpolations","Grid","_a","children","props","__rest","_b","class","cls","styles","allStyles","assign","_jsx","style"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAuBA,MAAAA,UAAA,GAAA,QAAA,CAAA;AAEA,MAAAC,cAAA,GAAA,CACE,GAAAC,MAAA,CAAAC,MAAA,CAAAC,mDAAA,CADF,EAEE,GAAAF,MAAA,CAAAC,MAAA,CAAAE,mEAAA,CAFF,CAAA,CAAA;AAKA,MAAAC,mBAAA,GAAAC,oDAAA,CAAAN,cAAA,CAAA,CAAA;AAEA;;AAEG;;AACHO,MAAAA,IAAA,GAAAC,EAAA,IAAA;EAAqB,IAAA;AAAAC,IAAAA,QAAAA;AAAA,GAAA,GAAAD,EAAA;MAAAE,KAAA,GAAAC,gBAAA,CAAAH,EAAA,EAAA,CAAA,UAAA,CAAA,CAAA,CAAA;;AACnB,EAAA,MAAAI,EAAA,GAAAP,mBAAA,CAAAK,KAAA,CAAA;QAAA;AAAAG,IAAAA,KAAA,EAAAC,GAAAA;AAAA,GAAA,GAAAF,EAAA;QAAAG,MAAA,GAAAJ,gBAAA,CAAAC,EAAA,EAAA,CAAA,OAAA,CAAA,CAAA,CAAA;;EACA,MAAAI,SAAA,GAAAf,MAAA,CAAAgB,MAAA,CAAA,EAAA,EAAAF,MAAA,CAAA,CAAA;AACA,EAAA,OAAAG,cAAA,CAAA,KAAA,EAAAjB,MAAA,CAAAgB,MAAA,CAAA;AAAAJ,IAAAA,KAAA,EAAA,CAAA,EAAAd,UAAA,CAAA,CAAA,EAAAe,GAAA,CAAA,CAAA;AAAAK,IAAAA,KAAA,EAAAH,SAAAA;AAAA,GAAA,EAAA;AAAAP,IAAAA,QAAA,EAAAA,QAAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AAKF;;;;;;;"}

package/dist/js/libs/oraclejet-preact/cjs/UNSAFE_HiddenAccessible.js

@@ -1,9 +1,9 @@
-/* @oracle/oraclejet-preact: 13.1.6 */
+/* @oracle/oraclejet-preact: 13.1.7 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var HiddenAccessible = require('./HiddenAccessible-c7e6a57f.js');
+var HiddenAccessible = require('./HiddenAccessible-a7ff7227.js');
 require('preact/jsx-runtime');
 require('identity-obj-proxy');
 

package/dist/js/libs/oraclejet-preact/cjs/UNSAFE_HighlightText.js

@@ -1,9 +1,9 @@
-/* @oracle/oraclejet-preact: 13.1.6 */
+/* @oracle/oraclejet-preact: 13.1.7 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var HighlightText = require('./HighlightText-55e2a12b.js');
+var HighlightText = require('./HighlightText-d5725596.js');
 require('preact/jsx-runtime');
 require('preact');
 require('identity-obj-proxy');

package/dist/js/libs/oraclejet-preact/cjs/UNSAFE_Icon.js

@@ -1,16 +1,16 @@
-/* @oracle/oraclejet-preact: 13.1.6 */
+/* @oracle/oraclejet-preact: 13.1.7 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Icon = require('./Icon-773481b1.js');
+var Icon = require('./Icon-93f95c9e.js');
 var jsxRuntime = require('preact/jsx-runtime');
 var hooks_UNSAFE_useUser = require('./hooks/UNSAFE_useUser.js');
 var hooks_UNSAFE_useTheme = require('./hooks/UNSAFE_useTheme.js');
-require('./tslib.es6-62eac431.js');
+require('./tslib.es6-68f3ebc0.js');
 require('identity-obj-proxy');
 require('./utils/UNSAFE_classNames.js');
-require('./classNames-31f93733.js');
+require('./classNames-8dfca077.js');
 require('preact/hooks');
 require('./UNSAFE_Environment.js');
 require('preact');

package/dist/js/libs/oraclejet-preact/cjs/UNSAFE_Icons.js

@@ -1,16 +1,16 @@
-/* @oracle/oraclejet-preact: 13.1.6 */
+/* @oracle/oraclejet-preact: 13.1.7 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var UNSAFE_Icons = require('./index-d42816f0.js');
+var UNSAFE_Icons = require('./index-54ffa6d4.js');
 require('preact/jsx-runtime');
 require('./UNSAFE_Icon.js');
-require('./Icon-773481b1.js');
-require('./tslib.es6-62eac431.js');
+require('./Icon-93f95c9e.js');
+require('./tslib.es6-68f3ebc0.js');
 
 require('./utils/UNSAFE_classNames.js');
-require('./classNames-31f93733.js');
+require('./classNames-8dfca077.js');
 require('./hooks/UNSAFE_useUser.js');
 require('preact/hooks');
 require('./UNSAFE_Environment.js');

package/dist/js/libs/oraclejet-preact/cjs/UNSAFE_InputPassword.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 13.1.6 */
+/* @oracle/oraclejet-preact: 13.1.7 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -17,70 +17,70 @@ var UNSAFE_UserAssistance = require('./UNSAFE_UserAssistance.js');
 require('identity-obj-proxy');
 var hooks_UNSAFE_useTranslationBundle = require('./hooks/UNSAFE_useTranslationBundle.js');
 var hooks_UNSAFE_usePress = require('./hooks/UNSAFE_usePress.js');
-require('./index-a3b08c95.js');
-var UNSAFE_Icons = require('./index-d42816f0.js');
+require('./index-84988ddd.js');
+var UNSAFE_Icons = require('./index-54ffa6d4.js');
 var hooks_UNSAFE_useClearIcon = require('./hooks/UNSAFE_useClearIcon.js');
 var utils_UNSAFE_componentUtils = require('./utils/UNSAFE_componentUtils.js');
-var ClearIcon = require('./ClearIcon-52014b31.js');
+var ClearIcon = require('./ClearIcon-83e8c8b3.js');
 var hooks_UNSAFE_useToggle = require('./hooks/UNSAFE_useToggle.js');
 var hooks_UNSAFE_useCurrentValueReducer = require('./hooks/UNSAFE_useCurrentValueReducer.js');
-var TextFieldInput = require('./TextFieldInput-52f16518.js');
-require('./tslib.es6-62eac431.js');
+var TextFieldInput = require('./TextFieldInput-0f81632c.js');
+require('./tslib.es6-68f3ebc0.js');
 require('./hooks/UNSAFE_useFocusWithin.js');
-require('./useFocusWithin-d8d21b0c.js');
+require('./useFocusWithin-2d33b76d.js');
 require('preact');
 require('./hooks/UNSAFE_useId.js');
 require('./utils/UNSAFE_classNames.js');
-require('./classNames-31f93733.js');
+require('./classNames-8dfca077.js');
 require('./utils/UNSAFE_interpolations/text.js');
-require('./keys-41dcae84.js');
-require('./_curry1-b9b70ee3.js');
-require('./_has-482dcc67.js');
+require('./keys-4d79e70b.js');
+require('./_curry1-4b6ce994.js');
+require('./_has-fcbdf6a8.js');
 require('./utils/UNSAFE_mergeInterpolations.js');
-require('./_curry2-f5cfe141.js');
+require('./_curry2-cf9bdd26.js');
 require('./UNSAFE_LabelValueLayout.js');
 require('./UNSAFE_Flex.js');
-require('./Flex-23697a68.js');
+require('./Flex-c16771a2.js');
 require('./utils/UNSAFE_interpolations/dimensions.js');
 require('./utils/UNSAFE_arrayUtils.js');
 require('./utils/UNSAFE_size.js');
 require('./utils/UNSAFE_stringUtils.js');
-require('./stringUtils-cdc98174.js');
+require('./stringUtils-6fda114f.js');
 require('./utils/UNSAFE_interpolations/boxalignment.js');
 require('./utils/UNSAFE_interpolations/flexbox.js');
-require('./flexbox-3cc62100.js');
+require('./flexbox-fa5ea718.js');
 require('./utils/UNSAFE_interpolations/flexitem.js');
-require('./flexitem-a4c8fd91.js');
+require('./flexitem-85bfc93a.js');
 require('./hooks/UNSAFE_useDebounce.js');
 require('./UNSAFE_LiveRegion.js');
 require('./UNSAFE_ComponentMessage.js');
-require('./ComponentMessage-3d1a3ad3.js');
+require('./ComponentMessage-1ce1784a.js');
 require('./UNSAFE_HiddenAccessible.js');
-require('./HiddenAccessible-c7e6a57f.js');
+require('./HiddenAccessible-a7ff7227.js');
 require('./UNSAFE_Message.js');
-require('./MessageCloseButton-477227b6.js');
-require('./MessageDetail-0fc2a9a4.js');
-require('./MessageFormattingUtils-684d6e79.js');
+require('./MessageCloseButton-aab9ea3e.js');
+require('./MessageDetail-874c7b94.js');
+require('./MessageFormattingUtils-4a1d3c8b.js');
 require('./utils/UNSAFE_getLocale.js');
-require('./Message.types-cc15d643.js');
-require('./MessageStartIcon-2a3f1315.js');
-require('./MessageSummary-aba1defe.js');
-require('./MessageTimestamp-dc640a54.js');
-require('./MessageUtils-47d2527c.js');
+require('./Message.types-85623773.js');
+require('./MessageStartIcon-73354b22.js');
+require('./MessageSummary-6a8d35ea.js');
+require('./MessageTimestamp-d7d9a1e7.js');
+require('./MessageUtils-9f3ad139.js');
 require('./utils/UNSAFE_logger.js');
 require('./utils/UNSAFE_soundUtils.js');
-require('./MessagesManager-e35a1b8d.js');
+require('./MessagesManager-4e973c1c.js');
 require('./UNSAFE_TransitionGroup.js');
 require('./UNSAFE_Icon.js');
-require('./Icon-773481b1.js');
+require('./Icon-93f95c9e.js');
 require('./hooks/UNSAFE_useUser.js');
 require('./UNSAFE_Environment.js');
 require('./UNSAFE_Layer.js');
 require('./hooks/UNSAFE_useTheme.js');
-require('./ComponentMessageContainer-5f081dde.js');
+require('./ComponentMessageContainer-56bbf06d.js');
 require('./hooks/UNSAFE_useTextFieldInputHandlers.js');
 require('./utils/PRIVATE_clientHints.js');
-require('./clientHints-b9188192.js');
+require('./clientHints-bf27b62a.js');
 
 // will need to refactor to use that.
 // TODO: replace this with var(--oj-c-PRIVATE-DO-NOT-USE-button-height) once it is available
@@ -99,7 +99,7 @@ const ojButtonBorderlessChromeBorderColorHover = 'transparent'; // TODO: replace
 
 const ojButtonIconSize = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-icon-size-lg)';
 const revealToggleIconStyles = {
-  base: "ozggly"
+  base: "_5b7ieb"
 };
 function RevealToggleIcon({
   isRevealed,