@oracle/oraclejet 13.1.6 → 13.1.8

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

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 13.1.6 */
+/* @oracle/oraclejet-preact: 13.1.8 */
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import { useState, useEffect, useRef } from 'preact/hooks';
 import { useId } from './hooks/UNSAFE_useId.js';
@@ -8,17 +8,17 @@ import { Flex } from './UNSAFE_Flex.js';
 import { CollapseIcon } from './UNSAFE_ThemedIcons.js';
 import { IcoChevronDown as SvgIcoChevronDown } from './UNSAFE_Icons.js';
 import { useAnimation } from './hooks/UNSAFE_useAnimation.js';
-import './tslib.es6-4841b746.js';
+import './tslib.es6-1b2cb453.js';
 import './utils/UNSAFE_interpolations/dimensions.js';
 import './utils/UNSAFE_arrayUtils.js';
 import './utils/UNSAFE_size.js';
 import './utils/UNSAFE_stringUtils.js';
-import './_curry1-17460104.js';
+import './_curry1-e2a8c360.js';
 import './utils/UNSAFE_mergeInterpolations.js';
-import './_curry2-e34f6093.js';
-import './_has-7b23fb27.js';
+import './_curry2-1e946095.js';
+import './_has-4bb22f8e.js';
 import './utils/UNSAFE_interpolations/boxalignment.js';
-import './keys-982bb558.js';
+import './keys-aee0a829.js';
 import './utils/UNSAFE_interpolations/flexbox.js';
 import './utils/UNSAFE_interpolations/flexitem.js';
 import './UNSAFE_Icon.js';
@@ -30,8 +30,8 @@ import 'preact/compat';
 import './hooks/UNSAFE_useTheme.js';
 
 const styles$1 = {
-  base: "ao6b2i",
-  disabled: "d7k3rn"
+  base: "_6y4kb9",
+  disabled: "_3f3eqn"
 };
 /**
  * Header icon subcomponent
@@ -60,8 +60,8 @@ const CollapsibleHeaderIcon = ({
 };
 
 const styles = {
-  base: "_0ksae4",
-  disabled: "_t6uatt"
+  base: "_yq1krk",
+  disabled: "_bq2xtj"
 };
 /**
  * Header subcomponent

package/dist/js/libs/oraclejet-preact/es/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","_jsx","_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","_jsx","_jsxs"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 13.1.6 */
+/* @oracle/oraclejet-preact: 13.1.8 */
 import { jsx } from 'preact/jsx-runtime';
 import { Fragment } from 'preact';
 

package/dist/js/libs/oraclejet-preact/es/UNSAFE_ComponentMessage.css

@@ -1,3 +1,3 @@
-._wcun8c{box-sizing:border-box;display:flex;flex-wrap:wrap;}
+.p6rseb{box-sizing:border-box;display:flex;flex-wrap:wrap;}
 
-.d4pczq{overflow-x:hidden;overflow-y:hidden;}
+._z0rk3{overflow-x:hidden;overflow-y:hidden;}

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

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 13.1.6 */
+/* @oracle/oraclejet-preact: 13.1.8 */
 import { jsxs, jsx } from 'preact/jsx-runtime';
 import './UNSAFE_ComponentMessage.css';
 import { useTranslationBundle } from './hooks/UNSAFE_useTranslationBundle.js';
@@ -11,17 +11,17 @@ import 'preact';
 import './UNSAFE_Layer.js';
 import 'preact/compat';
 import './UNSAFE_Flex.js';
-import './tslib.es6-4841b746.js';
+import './tslib.es6-1b2cb453.js';
 import './utils/UNSAFE_interpolations/dimensions.js';
 import './utils/UNSAFE_arrayUtils.js';
 import './utils/UNSAFE_size.js';
 import './utils/UNSAFE_stringUtils.js';
-import './_curry1-17460104.js';
+import './_curry1-e2a8c360.js';
 import './utils/UNSAFE_mergeInterpolations.js';
-import './_curry2-e34f6093.js';
-import './_has-7b23fb27.js';
+import './_curry2-1e946095.js';
+import './_has-4bb22f8e.js';
 import './utils/UNSAFE_interpolations/boxalignment.js';
-import './keys-982bb558.js';
+import './keys-aee0a829.js';
 import './utils/UNSAFE_interpolations/flexbox.js';
 import './utils/UNSAFE_interpolations/flexitem.js';
 import './utils/UNSAFE_getLocale.js';
@@ -34,7 +34,7 @@ import './utils/UNSAFE_logger.js';
 import './utils/UNSAFE_soundUtils.js';
 import './UNSAFE_TransitionGroup.js';
 
-const baseStyles = "_wcun8c";
+const baseStyles = "p6rseb";
 /**
  * The component that renders an individual message for inline component messaging.
  */
@@ -70,7 +70,7 @@ function ComponentMessage({
   }));
 }
 
-const rootStyles = "d4pczq";
+const rootStyles = "_z0rk3";
 /**
  * Converts the messages data into Item
  *

package/dist/js/libs/oraclejet-preact/es/UNSAFE_ComponentMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_ComponentMessage.js","sources":["../../src/UNSAFE_ComponentMessage/ComponentMessage.tsx","../../src/UNSAFE_ComponentMessage/ComponentMessageContainer.tsx"],"sourcesContent":["/**\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 */\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport {\n  isSeverityIconNeeded,\n  MessageStartIcon,\n  MessageSummary,\n  MessageSeverity,\n  severityBasedStyleClass\n} from '../UNSAFE_Message';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\nconst baseStyles = cssProps`${{\n  boxSizing: 'border-box',\n  // TODO: Use Flex Component instead of CSS\n  display: 'flex',\n  flexWrap: 'wrap'\n}}`;\n\n/**\n * A type for a single component message\n */\nexport type ComponentMessageItem = {\n  summary?: string;\n  detail?: string;\n  severity?: Exclude<MessageSeverity, 'none'>;\n};\n\n/**\n * Props for the Message Component\n */\ntype Props = {\n  /**\n   * The error detail text for the component message\n   */\n  detail?: ComponentMessageItem['detail'];\n\n  /**\n   * The label of the field which is showing this error\n   */\n  fieldLabel?: string;\n\n  /**\n   * The severity of the component message\n   */\n  severity?: ComponentMessageItem['severity'];\n};\n\n/**\n * The component that renders an individual message for inline component messaging.\n */\nexport function ComponentMessage({ detail, fieldLabel, severity = 'error' }: Props) {\n  const classes = classNames([baseStyles, severityBasedStyleClass(severity, 'inline')]);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const severityTranslations = {\n    confirmation: translations.confirmation(),\n    error: translations.error(),\n    info: translations.info(),\n    warning: translations.warn()\n  };\n\n  return (\n    <div class={classes} role=\"alert\" aria-atomic=\"true\">\n      {fieldLabel && <HiddenAccessible>{fieldLabel}</HiddenAccessible>}\n      {isSeverityIconNeeded(severity) && (\n        <MessageStartIcon\n          variant=\"inline\"\n          severity={severity}\n          translations={severityTranslations}\n        />\n      )}\n      {/* We will be using the MessageSummary component, as this aligns with the style required */}\n      <MessageSummary variant=\"inline\" text={detail} />\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 */\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { MessageAnimation, MessagesManager } from '../UNSAFE_Message';\nimport { Item } from '../utils/UNSAFE_dataProvider';\nimport { ComponentMessage, ComponentMessageItem } from './ComponentMessage';\n\nconst rootStyles = cssProps`${{\n  overflowX: 'hidden',\n  overflowY: 'hidden'\n}}`;\n\n/**\n * Converts the messages data into Item\n *\n * @param messages The messages data passed down as prop\n * @returns The messages data as Item\n */\nfunction generateMessagesData(messages: ComponentMessageItem[]) {\n  return messages.map<Item<number, ComponentMessageItem>>((message, index) => {\n    return {\n      key: index,\n      data: {\n        closeAffordance: 'off',\n        severity: message.severity || 'error',\n        detail: message.detail\n      }\n    };\n  });\n}\n\n/**\n * Props for the ComponentMessaging component\n */\ntype Props = {\n  /**\n   * An object of various animation effects for the transitions.\n   */\n  animations?: Record<string, MessageAnimation[]>;\n\n  /**\n   * The label of the field which is showing this error\n   */\n  fieldLabel?: string;\n\n  /**\n   * Data for the messages. This data is used for rendering each message.\n   */\n  messages?: ComponentMessageItem[];\n};\n\nexport function ComponentMessageContainer({ animations, fieldLabel, messages = [] }: Props) {\n  return (\n    <div class={rootStyles}>\n      <MessagesManager animations={animations} data={generateMessagesData(messages)}>\n        {({ item }) => (\n          <ComponentMessage\n            key={item.key}\n            detail={item.data.detail}\n            fieldLabel={fieldLabel}\n            severity={item.data.severity}\n          />\n        )}\n      </MessagesManager>\n    </div>\n  );\n}\n"],"names":["baseStyles","ComponentMessage","detail","fieldLabel","severity","classes","classNames","severityBasedStyleClass","translations","useTranslationBundle","severityTranslations","confirmation","error","info","warning","warn","rootStyles","generateMessagesData","messages","key","index","data","closeAffordance","message","ComponentMessageContainer","animations"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,MAAAA,UAAA,GAAA,SAAA,CAAA;AAoCA;;AAEG;;AACH,SAAAC,gBAAA,CAAA;EAAAC,MAAA;EAAAC,UAAA;AAAAC,EAAAA,QAAA,GAAA,OAAA;AAAA,CAAA,EAAA;AACE,EAAA,MAAAC,OAAA,GAAAC,UAAA,CAAA,CAAAN,UAAA,EAAAO,uBAAA,CAAAH,QAAA,EAAA,QAAA,CAAA,CAAA,CAAA,CAAA;AACA,EAAA,MAAAI,YAAA,GAAAC,oBAAA,CAAA,0BAAA,CAAA,CAAA;AACA,EAAA,MAAAC,oBAAA,GAAA;AACEC,IAAAA,YAAA,EAAAH,YAAA,CAAAG,YAAA,EADF;AAEEC,IAAAA,KAAA,EAAAJ,YAAA,CAAAI,KAAA,EAFF;AAGEC,IAAAA,IAAA,EAAAL,YAAA,CAAAK,IAAA,EAHF;IAIEC,OAAA,EAAAN,YAAA,CAAAO,IAAA,EAAA;GAJF,CAAA;;;;;;;;;;;;;;;;;AAqBF;;ACvEA,MAAAC,UAAA,GAAA,QAAA,CAAA;AAKA;;;;;AAKG;;AACH,SAAAC,oBAAA,CAAAC,QAAA,EAAA;;;AAGMC,MAAAA,GAAA,EAAAC;AACAC,MAAAA,IAAA,EAAA;AACEC,QAAAA,eAAA,EAAA,KADF;AAEElB,QAAAA,QAAA,EAAAmB,OAAA,CAAAnB,QAAA,IAAA,OAFF;;AAAA,OAAA;;AAMJ;AACF,CAAA;;AAsBA,SAAAoB,yBAAA,CAAA;EAAAC,UAAA;EAAAtB,UAAA;AAAAe,EAAAA,QAAA,GAAA,EAAA;AAAA,CAAA,EAAA;;;;;;;;;;;;;;;;;AAeA;;;;;;;"}
+{"version":3,"file":"UNSAFE_ComponentMessage.js","sources":["../../src/UNSAFE_ComponentMessage/ComponentMessage.tsx","../../src/UNSAFE_ComponentMessage/ComponentMessageContainer.tsx"],"sourcesContent":["/**\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 */\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport {\n  isSeverityIconNeeded,\n  MessageStartIcon,\n  MessageSummary,\n  MessageSeverity,\n  severityBasedStyleClass\n} from '../UNSAFE_Message';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\nconst baseStyles = cssProps`${{\n  boxSizing: 'border-box',\n  // TODO: Use Flex Component instead of CSS\n  display: 'flex',\n  flexWrap: 'wrap'\n}}`;\n\n/**\n * A type for a single component message\n */\nexport type ComponentMessageItem = {\n  summary?: string;\n  detail?: string;\n  severity?: Exclude<MessageSeverity, 'none'>;\n};\n\n/**\n * Props for the Message Component\n */\ntype Props = {\n  /**\n   * The error detail text for the component message\n   */\n  detail?: ComponentMessageItem['detail'];\n\n  /**\n   * The label of the field which is showing this error\n   */\n  fieldLabel?: string;\n\n  /**\n   * The severity of the component message\n   */\n  severity?: ComponentMessageItem['severity'];\n};\n\n/**\n * The component that renders an individual message for inline component messaging.\n */\nexport function ComponentMessage({ detail, fieldLabel, severity = 'error' }: Props) {\n  const classes = classNames([baseStyles, severityBasedStyleClass(severity, 'inline')]);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const severityTranslations = {\n    confirmation: translations.confirmation(),\n    error: translations.error(),\n    info: translations.info(),\n    warning: translations.warn()\n  };\n\n  return (\n    <div class={classes} role=\"alert\" aria-atomic=\"true\">\n      {fieldLabel && <HiddenAccessible>{fieldLabel}</HiddenAccessible>}\n      {isSeverityIconNeeded(severity) && (\n        <MessageStartIcon\n          variant=\"inline\"\n          severity={severity}\n          translations={severityTranslations}\n        />\n      )}\n      {/* We will be using the MessageSummary component, as this aligns with the style required */}\n      <MessageSummary variant=\"inline\" text={detail} />\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 */\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { MessageAnimation, MessagesManager } from '../UNSAFE_Message';\nimport { Item } from '../utils/UNSAFE_dataProvider';\nimport { ComponentMessage, ComponentMessageItem } from './ComponentMessage';\n\nconst rootStyles = cssProps`${{\n  overflowX: 'hidden',\n  overflowY: 'hidden'\n}}`;\n\n/**\n * Converts the messages data into Item\n *\n * @param messages The messages data passed down as prop\n * @returns The messages data as Item\n */\nfunction generateMessagesData(messages: ComponentMessageItem[]) {\n  return messages.map<Item<number, ComponentMessageItem>>((message, index) => {\n    return {\n      key: index,\n      data: {\n        closeAffordance: 'off',\n        severity: message.severity || 'error',\n        detail: message.detail\n      }\n    };\n  });\n}\n\n/**\n * Props for the ComponentMessaging component\n */\ntype Props = {\n  /**\n   * An object of various animation effects for the transitions.\n   */\n  animations?: Record<string, MessageAnimation[]>;\n\n  /**\n   * The label of the field which is showing this error\n   */\n  fieldLabel?: string;\n\n  /**\n   * Data for the messages. This data is used for rendering each message.\n   */\n  messages?: ComponentMessageItem[];\n};\n\nexport function ComponentMessageContainer({ animations, fieldLabel, messages = [] }: Props) {\n  return (\n    <div class={rootStyles}>\n      <MessagesManager animations={animations} data={generateMessagesData(messages)}>\n        {({ item }) => (\n          <ComponentMessage\n            key={item.key}\n            detail={item.data.detail}\n            fieldLabel={fieldLabel}\n            severity={item.data.severity}\n          />\n        )}\n      </MessagesManager>\n    </div>\n  );\n}\n"],"names":["baseStyles","ComponentMessage","detail","fieldLabel","severity","classes","classNames","severityBasedStyleClass","translations","useTranslationBundle","severityTranslations","confirmation","error","info","warning","warn","rootStyles","generateMessagesData","messages","key","index","data","closeAffordance","message","ComponentMessageContainer","animations"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,MAAAA,UAAA,GAAA,QAAA,CAAA;AAoCA;;AAEG;;AACH,SAAAC,gBAAA,CAAA;EAAAC,MAAA;EAAAC,UAAA;AAAAC,EAAAA,QAAA,GAAA,OAAA;AAAA,CAAA,EAAA;AACE,EAAA,MAAAC,OAAA,GAAAC,UAAA,CAAA,CAAAN,UAAA,EAAAO,uBAAA,CAAAH,QAAA,EAAA,QAAA,CAAA,CAAA,CAAA,CAAA;AACA,EAAA,MAAAI,YAAA,GAAAC,oBAAA,CAAA,0BAAA,CAAA,CAAA;AACA,EAAA,MAAAC,oBAAA,GAAA;AACEC,IAAAA,YAAA,EAAAH,YAAA,CAAAG,YAAA,EADF;AAEEC,IAAAA,KAAA,EAAAJ,YAAA,CAAAI,KAAA,EAFF;AAGEC,IAAAA,IAAA,EAAAL,YAAA,CAAAK,IAAA,EAHF;IAIEC,OAAA,EAAAN,YAAA,CAAAO,IAAA,EAAA;GAJF,CAAA;;;;;;;;;;;;;;;;;AAqBF;;ACvEA,MAAAC,UAAA,GAAA,QAAA,CAAA;AAKA;;;;;AAKG;;AACH,SAAAC,oBAAA,CAAAC,QAAA,EAAA;;;AAGMC,MAAAA,GAAA,EAAAC;AACAC,MAAAA,IAAA,EAAA;AACEC,QAAAA,eAAA,EAAA,KADF;AAEElB,QAAAA,QAAA,EAAAmB,OAAA,CAAAnB,QAAA,IAAA,OAFF;;AAAA,OAAA;;AAMJ;AACF,CAAA;;AAsBA,SAAAoB,yBAAA,CAAA;EAAAC,UAAA;EAAAtB,UAAA;AAAAe,EAAAA,QAAA,GAAA,EAAA;AAAA,CAAA,EAAA;;;;;;;;;;;;;;;;;AAeA;;;;;;;"}

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

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 13.1.6 */
+/* @oracle/oraclejet-preact: 13.1.8 */
 import { createContext } from 'preact';
 import { jsx } from 'preact/jsx-runtime';
 import { useMemo } from 'preact/hooks';

package/dist/js/libs/oraclejet-preact/es/UNSAFE_Flex.css

@@ -1 +1 @@
-._fmpck2{display:flex;}
+._nllnz8{display:flex;}

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

@@ -1,5 +1,5 @@
-/* @oracle/oraclejet-preact: 13.1.6 */
-import { _ as __rest } from './tslib.es6-4841b746.js';
+/* @oracle/oraclejet-preact: 13.1.8 */
+import { _ as __rest } from './tslib.es6-1b2cb453.js';
 import { jsx } from 'preact/jsx-runtime';
 import { dimensionInterpolations } from './utils/UNSAFE_interpolations/dimensions.js';
 import { mergeInterpolations } from './utils/UNSAFE_mergeInterpolations.js';
@@ -10,13 +10,13 @@ import { flexitemInterpolations } from './utils/UNSAFE_interpolations/flexitem.j
 import './utils/UNSAFE_arrayUtils.js';
 import './utils/UNSAFE_size.js';
 import './utils/UNSAFE_stringUtils.js';
-import './_curry1-17460104.js';
+import './_curry1-e2a8c360.js';
 import './utils/UNSAFE_classNames.js';
-import './_curry2-e34f6093.js';
-import './_has-7b23fb27.js';
-import './keys-982bb558.js';
+import './_curry2-1e946095.js';
+import './_has-4bb22f8e.js';
+import './keys-aee0a829.js';
 
-const baseStyles = "_fmpck2";
+const baseStyles = "_nllnz8";
 const interpolations = [...Object.values(dimensionInterpolations), ...Object.values(flexboxInterpolations), ...Object.values(flexitemInterpolations), ...Object.values(boxAlignmentInterpolations)];
 const styleInterpolations = mergeInterpolations(interpolations);
 const Flex = _a => {

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

@@ -1,8 +1,8 @@
-/* @oracle/oraclejet-preact: 13.1.6 */
+/* @oracle/oraclejet-preact: 13.1.8 */
 import { jsx } from 'preact/jsx-runtime';
 import { useLayoutEffect, useMemo } from 'preact/hooks';
 import { forwardRef } from 'preact/compat';
-import { u as useFloating, o as offset, b, D, L, N } from './index-cbbee28b.js';
+import { u as useFloating, o as offset, b, D, L, N } from './index-f3a5decd.js';
 import useOutsideClick from './hooks/UNSAFE_useOutsideClick.js';
 import './hooks/UNSAFE_useUser.js';
 import './UNSAFE_Environment.js';

package/dist/js/libs/oraclejet-preact/es/UNSAFE_Grid.css

@@ -1 +1 @@
-._jtf8ps{display:grid;}
+._5iavpr{display:grid;}

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

@@ -1,20 +1,20 @@
-/* @oracle/oraclejet-preact: 13.1.6 */
-import { _ as __rest } from './tslib.es6-4841b746.js';
+/* @oracle/oraclejet-preact: 13.1.8 */
+import { _ as __rest } from './tslib.es6-1b2cb453.js';
 import { jsx } from 'preact/jsx-runtime';
 import './UNSAFE_Grid.css';
 import { gridInterpolations } from './utils/UNSAFE_interpolations/grid.js';
 import { boxAlignmentInterpolations } from './utils/UNSAFE_interpolations/boxalignment.js';
 import { mergeInterpolations } from './utils/UNSAFE_mergeInterpolations.js';
-import './keys-982bb558.js';
-import './_curry1-17460104.js';
-import './_has-7b23fb27.js';
+import './keys-aee0a829.js';
+import './_curry1-e2a8c360.js';
+import './_has-4bb22f8e.js';
 import './utils/UNSAFE_size.js';
 import './utils/UNSAFE_stringUtils.js';
 import './utils/UNSAFE_arrayUtils.js';
 import './utils/UNSAFE_classNames.js';
-import './_curry2-e34f6093.js';
+import './_curry2-1e946095.js';
 
-const baseStyles = "_jtf8ps";
+const baseStyles = "_5iavpr";
 const interpolations = [...Object.values(gridInterpolations), ...Object.values(boxAlignmentInterpolations)];
 const styleInterpolations = mergeInterpolations(interpolations);
 /**

package/dist/js/libs/oraclejet-preact/es/UNSAFE_HiddenAccessible.css

@@ -1 +1 @@
-.dnug8e{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow-x:hidden;overflow-y:hidden;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;width:1px;position:absolute;}
+._s9rv49{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow-x:hidden;overflow-y:hidden;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;width:1px;position:absolute;}

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

@@ -1,8 +1,8 @@
-/* @oracle/oraclejet-preact: 13.1.6 */
+/* @oracle/oraclejet-preact: 13.1.8 */
 import { jsx } from 'preact/jsx-runtime';
 import './UNSAFE_HiddenAccessible.css';
 
-const hiddenAccessibleStyle = "dnug8e";
+const hiddenAccessibleStyle = "_s9rv49";
 /**
  * HiddenAccessible is a helper component that hides its children visually,
  * but keeps them visible to screen readers.

package/dist/js/libs/oraclejet-preact/es/UNSAFE_HiddenAccessible.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_HiddenAccessible.js","sources":["../../src/UNSAFE_HiddenAccessible/HiddenAccessible.tsx","../../src/UNSAFE_HiddenAccessible/index.ts"],"sourcesContent":["import { ComponentChildren } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\nconst hiddenAccessibleStyle = cssProps`${{\n  border: 0,\n  clip: 'rect(0 0 0 0)',\n  height: '1px',\n  margin: '-1px',\n  overflowX: 'hidden',\n  overflowY: 'hidden',\n  paddingTop: 0,\n  paddingRight: 0,\n  paddingBottom: 0,\n  paddingLeft: 0,\n  width: '1px',\n  position: 'absolute'\n}}`;\n\ntype HiddenAccessibleProps = {\n  /**\n   * Specifies the ComponentChildren\n   */\n  children?: ComponentChildren;\n};\n\n/**\n * HiddenAccessible is a helper component that hides its children visually,\n * but keeps them visible to screen readers.\n *\n */\nfunction HiddenAccessible({ children }: HiddenAccessibleProps) {\n  return <span class={hiddenAccessibleStyle}>{children}</span>;\n}\n\nexport { HiddenAccessible };\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 { HiddenAccessible } from './HiddenAccessible';\n"],"names":["hiddenAccessibleStyle","HiddenAccessible","children","_jsx","Object","assign","class"],"mappings":";;;;AAGA,MAAAA,qBAAA,GAAA,QAAA,CAAA;AAsBA;;;;AAIG;;AACH,SAAAC,gBAAA,CAAA;AAAAC,EAAAA,QAAAA;AAAA,CAAA,EAAA;AACE,EAAA,OAAAC,GAAA,CAAA,MAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAAAC,IAAAA,KAAA,EAAAN,qBAAAA;AAAA,GAAA,EAAA;AAAAE,IAAAA,QAAA,EAAAA,QAAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AACF;;AChCA;;;;;;AAMG;;;;;;;"}
+{"version":3,"file":"UNSAFE_HiddenAccessible.js","sources":["../../src/UNSAFE_HiddenAccessible/HiddenAccessible.tsx","../../src/UNSAFE_HiddenAccessible/index.ts"],"sourcesContent":["import { ComponentChildren } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\nconst hiddenAccessibleStyle = cssProps`${{\n  border: 0,\n  clip: 'rect(0 0 0 0)',\n  height: '1px',\n  margin: '-1px',\n  overflowX: 'hidden',\n  overflowY: 'hidden',\n  paddingTop: 0,\n  paddingRight: 0,\n  paddingBottom: 0,\n  paddingLeft: 0,\n  width: '1px',\n  position: 'absolute'\n}}`;\n\ntype HiddenAccessibleProps = {\n  /**\n   * Specifies the ComponentChildren\n   */\n  children?: ComponentChildren;\n};\n\n/**\n * HiddenAccessible is a helper component that hides its children visually,\n * but keeps them visible to screen readers.\n *\n */\nfunction HiddenAccessible({ children }: HiddenAccessibleProps) {\n  return <span class={hiddenAccessibleStyle}>{children}</span>;\n}\n\nexport { HiddenAccessible };\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 { HiddenAccessible } from './HiddenAccessible';\n"],"names":["hiddenAccessibleStyle","HiddenAccessible","children","_jsx","Object","assign","class"],"mappings":";;;;AAGA,MAAAA,qBAAA,GAAA,SAAA,CAAA;AAsBA;;;;AAIG;;AACH,SAAAC,gBAAA,CAAA;AAAAC,EAAAA,QAAAA;AAAA,CAAA,EAAA;AACE,EAAA,OAAAC,GAAA,CAAA,MAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAAAC,IAAAA,KAAA,EAAAN,qBAAAA;AAAA,GAAA,EAAA;AAAAE,IAAAA,QAAA,EAAAA,QAAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AACF;;AChCA;;;;;;AAMG;;;;;;;"}

package/dist/js/libs/oraclejet-preact/es/UNSAFE_HighlightText.css

@@ -1 +1 @@
-._o8aci{font-weight:700;}
+._s9b7w{font-weight:700;}

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

@@ -1,9 +1,9 @@
-/* @oracle/oraclejet-preact: 13.1.6 */
+/* @oracle/oraclejet-preact: 13.1.8 */
 import { jsx } from 'preact/jsx-runtime';
 import { Fragment } from 'preact';
 import './UNSAFE_HighlightText.css';
 
-const highlightStyles = "_o8aci";
+const highlightStyles = "_s9b7w";
 /**
  * Renders a text string with highlighting applied to the given text to match.
  */

package/dist/js/libs/oraclejet-preact/es/UNSAFE_Icon.css

@@ -1,21 +1,21 @@
-._m5n4o6{font-size:1em;}
-._i5scub{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);}
-.pk2ft2{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
-.hcvk14{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);}
-._73daim{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);}
-._u7qtc6{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x);}
-.n41j3g{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-6x);}
-.jyuwc0{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-7x);}
-._92fuh{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-8x);}
-._va87oj{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-9x);}
-._6rd56{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-10x);}
-._m2ozsb{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-11x);}
-._8p34jq{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-12x);}
-._urmj5e{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);}
-.u1eylf{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);}
-.v8tltu{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
-._t8ik6u{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3);}
-.fmswfw{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3);}
-._4cs4s2{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-success-3);}
-.p8xjon{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-3);}
-._si4xhl{color:currentColor;}
+._683hml{font-size:1em;}
+._t1b9ld{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);}
+._syfp5{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
+._nswh6d{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);}
+._wcctj0{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);}
+._7bdnbq{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x);}
+.ub12nf{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-6x);}
+.uh1an3{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-7x);}
+._0a72pp{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-8x);}
+._nwjqt{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-9x);}
+.foxeh2{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-10x);}
+.qfp7zd{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-11x);}
+._py9qt7{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-12x);}
+._lnakxa{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);}
+._xueqyx{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);}
+._g1ws7{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
+.g2y866{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3);}
+._1s4l1{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3);}
+._mlyg{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-success-3);}
+.qnsox2{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-3);}
+._grm2ul{color:currentColor;}

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

@@ -1,5 +1,5 @@
-/* @oracle/oraclejet-preact: 13.1.6 */
-import { _ as __rest } from './tslib.es6-4841b746.js';
+/* @oracle/oraclejet-preact: 13.1.8 */
+import { _ as __rest } from './tslib.es6-1b2cb453.js';
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import './UNSAFE_Icon.css';
 import { classNames } from './utils/UNSAFE_classNames.js';
@@ -63,29 +63,29 @@ const SemanticSvg = _a => {
 
 
 const sizeStyles = {
-  '1em': "_m5n4o6",
-  '1x': "_i5scub",
-  '2x': "pk2ft2",
-  '3x': "hcvk14",
-  '4x': "_73daim",
-  '5x': "_u7qtc6",
-  '6x': "n41j3g",
-  '7x': "jyuwc0",
-  '8x': "_92fuh",
-  '9x': "_va87oj",
-  '10x': "_6rd56",
-  '11x': "_m2ozsb",
-  '12x': "_8p34jq"
+  '1em': "_683hml",
+  '1x': "_t1b9ld",
+  '2x': "_syfp5",
+  '3x': "_nswh6d",
+  '4x': "_wcctj0",
+  '5x': "_7bdnbq",
+  '6x': "ub12nf",
+  '7x': "uh1an3",
+  '8x': "_0a72pp",
+  '9x': "_nwjqt",
+  '10x': "foxeh2",
+  '11x': "qfp7zd",
+  '12x': "_py9qt7"
 };
 const colorStyles = {
-  primary: "_urmj5e",
-  secondary: "u1eylf",
-  disabled: "v8tltu",
-  danger: "_t8ik6u",
-  warning: "fmswfw",
-  success: "_4cs4s2",
-  info: "p8xjon",
-  currentColor: "_si4xhl"
+  primary: "_lnakxa",
+  secondary: "_xueqyx",
+  disabled: "_g1ws7",
+  danger: "g2y866",
+  warning: "_1s4l1",
+  success: "_mlyg",
+  info: "qnsox2",
+  currentColor: "_grm2ul"
 };
 
 // Returns a component that renders one of the given icon components based on reading direction

package/dist/js/libs/oraclejet-preact/es/UNSAFE_Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_Icon.js","sources":["../../src/UNSAFE_Icon/Icon.tsx","../../src/UNSAFE_Icon/withDirectionIcon.tsx","../../src/UNSAFE_Icon/withThemeIcon.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 { JSX } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\ntype IntrinsicProps = JSX.SVGAttributes<SVGSVGElement>;\n\ntype Props = Pick<IntrinsicProps, 'viewBox' | 'children'> & {\n  /**\n   * The size of the component. Defaults to '1em', which means the font size of the parent is used.\n   */\n  size?: keyof typeof sizeStyles;\n  /**\n   * The color of the component. Defaults to 'currentColor', which behaves like the CSS 'currentColor' value.\n   */\n  color?: keyof typeof colorStyles;\n  /**\n   * A label to be used for accessibility purposes.\n   */\n  accessibleLabel?: string;\n};\n\nexport const Icon = ({\n  size = '1em',\n  color = 'currentColor',\n  accessibleLabel = '',\n  viewBox = 'none',\n  children\n}: Props) => (\n  <Svg\n    height=\"1em\"\n    width=\"1em\"\n    viewBox={viewBox}\n    accessibleLabel={accessibleLabel}\n    class={classNames([colorStyles[color], sizeStyles[size]])}>\n    {children}\n  </Svg>\n);\n\ntype BaseSvgProps = Pick<IntrinsicProps, 'height' | 'width' | 'viewBox' | 'class' | 'children'>;\ntype SvgProps = BaseSvgProps & {\n  accessibleLabel: string;\n};\n\nconst Svg = ({ accessibleLabel, ...otherProps }: SvgProps) =>\n  accessibleLabel !== '' ? (\n    <SemanticSvg accessibleLabel={accessibleLabel} {...otherProps} />\n  ) : (\n    <DecorativeSvg {...otherProps} />\n  );\n\nconst DecorativeSvg = (props: BaseSvgProps) => <svg {...props} />;\n\n// TODO: When we're able to, implement Preact tooltips instead,\n// remove the title element, and set an aria-label on the svg.\n// See JET-50716\nconst SemanticSvg = ({ accessibleLabel, children, ...props }: SvgProps) => (\n  <svg role=\"img\" {...props}>\n    <title>{accessibleLabel}</title>\n    {children}\n  </svg>\n);\n\n// TODO: Remove this and refactor as necessary to uptake\n// the dimensions type and values when they're available.\n// See JET-50717\nconst sizeStyles = {\n  '1em': cssProps`${{\n    fontSize: '1em'\n  }}`,\n  '1x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x)'\n  }}`,\n  '2x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)'\n  }}`,\n  '3x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x)'\n  }}`,\n  '4x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)'\n  }}`,\n  '5x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x)'\n  }}`,\n  '6x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-6x)'\n  }}`,\n  '7x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-7x)'\n  }}`,\n  '8x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-8x)'\n  }}`,\n  '9x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-9x)'\n  }}`,\n  '10x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-10x)'\n  }}`,\n  '11x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-11x)'\n  }}`,\n  '12x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-12x)'\n  }}`\n};\n\nconst colorStyles = {\n  primary: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)'\n  }}`,\n  secondary: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary)'\n  }}`,\n  disabled: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)'\n  }}`,\n  danger: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3)'\n  }}`,\n  warning: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3)'\n  }}`,\n  success: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-success-3)'\n  }}`,\n  info: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-3)'\n  }}`,\n  currentColor: cssProps`${{\n    color: 'currentColor'\n  }}`\n};\n","import { ComponentProps } from 'preact';\nimport { Icon } from './Icon';\nimport { useUser } from '../hooks/UNSAFE_useUser';\n\ntype Props = Omit<ComponentProps<typeof Icon>, 'viewBox'>;\n\n// Returns a component that renders one of the given icon components based on reading direction\nexport const withDirectionIcon = (LtrIcon: typeof Icon, RtlIcon: typeof Icon) => {\n  const { direction } = useUser();\n  return (props: Props) => {\n    return direction === 'ltr' ? <LtrIcon {...props} /> : <RtlIcon {...props} />;\n  };\n};\n","import { ComponentProps } from 'preact';\nimport { Icon } from './Icon';\nimport { RootTheme } from '../UNSAFE_Environment';\nimport { useTheme } from '../hooks/UNSAFE_useTheme';\n\ntype Props = Omit<ComponentProps<typeof Icon>, 'viewBox'>;\n\ntype ThemeIcons = Record<RootTheme['name'], typeof Icon>;\n\n// Returns a component that renders one of the given icon components based on theme\nexport const withThemeIcon = (themeIcons: ThemeIcons) => {\n  const { name } = useTheme();\n  return (props: Props) => {\n    const Component = themeIcons[name];\n    return <Component {...props} />;\n  };\n};\n"],"names":["Icon","size","color","accessibleLabel","viewBox","children","_jsx","Svg","Object","assign","height","width","class","classNames","colorStyles","sizeStyles","_a","otherProps","__rest","DecorativeSvg","props","SemanticSvg","_jsxs","role"],"mappings":";;;;;;;;;;;;;AA4BA,MAAAA,IAAA,GAAA,CAAA;AAAAC,EAAAA,IAAA,GAAA,KAAA;AAAAC,EAAAA,KAAA,GAAA,cAAA;AAAAC,EAAAA,eAAA,GAAA,EAAA;AAAAC,EAAAA,OAAA,GAAA,MAAA;AAAAC,EAAAA,QAAAA;AAAA,CAAA,KAAAC,GAAA,CAAAC,GAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAAAC,EAAAA,MAAA,EAAA,KAAA;AAAAC,EAAAA,KAAA,EAAA,KAAA;AAAAP,EAAAA,OAAA,EAAAA,OAAA;AAAAD,EAAAA,eAAA,EAAAA,eAAA;AAAAS,EAAAA,KAAA,EAAAC,UAAA,CAAA,CAAAC,WAAA,CAAAZ,KAAA,CAAA,EAAAa,UAAA,CAAAd,IAAA,CAAA,CAAA,CAAA;AAAA,CAAA,EAAA;AAAAI,EAAAA,QAAA,EAAAA,QAAAA;AAAA,CAAA,CAAA,EAAA;;AAsBA,MAAAE,GAAA,GAAAS,EAAA,IAAA;EAAa,IAAA;AAAAb,IAAAA,eAAAA;AAAA,GAAA,GAAAa,EAAA;MAAAC,UAAA,GAAAC,MAAA,CAAAF,EAAA,EAAA,CAAA,iBAAA,CAAA,CAAA,CAAA;;;;;CAAb,CAAA;;AAOA,MAAAG,aAAA,GAAAC,KAAA,IAAAd,GAAA,CAAA,KAAA,EAAAE,MAAA,CAAAC,MAAA,CAAA,EAAA,EAAAW,KAAA,CAAA,CAAA;AAGA;AACA;;;AACA,MAAAC,WAAA,GAAAL,EAAA,IAAA;;;;;;;AAA2E,EAAA,OAAAM,IAAA,CAAA,KAAA,EAAAd,MAAA,CAAAC,MAAA,CAAA;AAAAc,IAAAA,IAAA,EAAA,KAAA;GAAA,EAAAH,KAAA,EAAA;AAAAf,IAAAA,QAAA,EAAA,CAAAC,GAAA,CAAA,OAAA,EAAA;AAAAD,MAAAA,QAAA,EAAAF,eAAAA;KAAA,CAAA,EAAAE,QAAA,CAAA;AAAA,GAAA,CAAA,CAAA,CAAA;CAA3E;AAQA;AACA;;;AACA,MAAAU,UAAA,GAAA;OAAA,EAAA,SAAA;MAAA,EAAA,SAAA;MAAA,EAAA,QAAA;MAAA,EAAA,QAAA;MAAA,EAAA,SAAA;MAAA,EAAA,SAAA;MAAA,EAAA,QAAA;MAAA,EAAA,QAAA;MAAA,EAAA,QAAA;MAAA,EAAA,SAAA;OAAA,EAAA,QAAA;OAAA,EAAA,SAAA;;AAAA,CAAA,CAAA;AA0CA,MAAAD,WAAA,GAAA;WAAA,SAAA;aAAA,QAAA;YAAA,QAAA;UAAA,SAAA;WAAA,QAAA;WAAA,SAAA;QAAA,QAAA;;AAAA,CAAA;;AC5GA;MACa,iBAAiB,GAAG,CAAC,OAAoB,EAAE,OAAoB,KAAI;AAC9E,IAAA,MAAM,EAAE,SAAS,EAAE,GAAG,OAAO,EAAE,CAAC;IAChC,OAAO,CAAC,KAAY,KAAI;AACtB,QAAA,OAAO,SAAS,KAAK,KAAK,GAAGR,IAAC,OAAO,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,KAAK,CAAI,CAAA,GAAGA,GAAA,CAAC,OAAO,EAAK,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,KAAK,EAAI,CAAC;AAC/E,KAAC,CAAC;AACJ;;ACHA;AACa,MAAA,aAAa,GAAG,CAAC,UAAsB,KAAI;AACtD,IAAA,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC5B,OAAO,CAAC,KAAY,KAAI;AACtB,QAAA,MAAM,SAAS,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;AACnC,QAAA,OAAOA,GAAC,CAAA,SAAS,EAAK,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,KAAK,EAAI,CAAC;AAClC,KAAC,CAAC;AACJ;;;;;;;"}
+{"version":3,"file":"UNSAFE_Icon.js","sources":["../../src/UNSAFE_Icon/Icon.tsx","../../src/UNSAFE_Icon/withDirectionIcon.tsx","../../src/UNSAFE_Icon/withThemeIcon.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 { JSX } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\ntype IntrinsicProps = JSX.SVGAttributes<SVGSVGElement>;\n\ntype Props = Pick<IntrinsicProps, 'viewBox' | 'children'> & {\n  /**\n   * The size of the component. Defaults to '1em', which means the font size of the parent is used.\n   */\n  size?: keyof typeof sizeStyles;\n  /**\n   * The color of the component. Defaults to 'currentColor', which behaves like the CSS 'currentColor' value.\n   */\n  color?: keyof typeof colorStyles;\n  /**\n   * A label to be used for accessibility purposes.\n   */\n  accessibleLabel?: string;\n};\n\nexport const Icon = ({\n  size = '1em',\n  color = 'currentColor',\n  accessibleLabel = '',\n  viewBox = 'none',\n  children\n}: Props) => (\n  <Svg\n    height=\"1em\"\n    width=\"1em\"\n    viewBox={viewBox}\n    accessibleLabel={accessibleLabel}\n    class={classNames([colorStyles[color], sizeStyles[size]])}>\n    {children}\n  </Svg>\n);\n\ntype BaseSvgProps = Pick<IntrinsicProps, 'height' | 'width' | 'viewBox' | 'class' | 'children'>;\ntype SvgProps = BaseSvgProps & {\n  accessibleLabel: string;\n};\n\nconst Svg = ({ accessibleLabel, ...otherProps }: SvgProps) =>\n  accessibleLabel !== '' ? (\n    <SemanticSvg accessibleLabel={accessibleLabel} {...otherProps} />\n  ) : (\n    <DecorativeSvg {...otherProps} />\n  );\n\nconst DecorativeSvg = (props: BaseSvgProps) => <svg {...props} />;\n\n// TODO: When we're able to, implement Preact tooltips instead,\n// remove the title element, and set an aria-label on the svg.\n// See JET-50716\nconst SemanticSvg = ({ accessibleLabel, children, ...props }: SvgProps) => (\n  <svg role=\"img\" {...props}>\n    <title>{accessibleLabel}</title>\n    {children}\n  </svg>\n);\n\n// TODO: Remove this and refactor as necessary to uptake\n// the dimensions type and values when they're available.\n// See JET-50717\nconst sizeStyles = {\n  '1em': cssProps`${{\n    fontSize: '1em'\n  }}`,\n  '1x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x)'\n  }}`,\n  '2x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)'\n  }}`,\n  '3x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x)'\n  }}`,\n  '4x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)'\n  }}`,\n  '5x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x)'\n  }}`,\n  '6x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-6x)'\n  }}`,\n  '7x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-7x)'\n  }}`,\n  '8x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-8x)'\n  }}`,\n  '9x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-9x)'\n  }}`,\n  '10x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-10x)'\n  }}`,\n  '11x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-11x)'\n  }}`,\n  '12x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-12x)'\n  }}`\n};\n\nconst colorStyles = {\n  primary: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)'\n  }}`,\n  secondary: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary)'\n  }}`,\n  disabled: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)'\n  }}`,\n  danger: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3)'\n  }}`,\n  warning: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3)'\n  }}`,\n  success: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-success-3)'\n  }}`,\n  info: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-3)'\n  }}`,\n  currentColor: cssProps`${{\n    color: 'currentColor'\n  }}`\n};\n","import { ComponentProps } from 'preact';\nimport { Icon } from './Icon';\nimport { useUser } from '../hooks/UNSAFE_useUser';\n\ntype Props = Omit<ComponentProps<typeof Icon>, 'viewBox'>;\n\n// Returns a component that renders one of the given icon components based on reading direction\nexport const withDirectionIcon = (LtrIcon: typeof Icon, RtlIcon: typeof Icon) => {\n  const { direction } = useUser();\n  return (props: Props) => {\n    return direction === 'ltr' ? <LtrIcon {...props} /> : <RtlIcon {...props} />;\n  };\n};\n","import { ComponentProps } from 'preact';\nimport { Icon } from './Icon';\nimport { RootTheme } from '../UNSAFE_Environment';\nimport { useTheme } from '../hooks/UNSAFE_useTheme';\n\ntype Props = Omit<ComponentProps<typeof Icon>, 'viewBox'>;\n\ntype ThemeIcons = Record<RootTheme['name'], typeof Icon>;\n\n// Returns a component that renders one of the given icon components based on theme\nexport const withThemeIcon = (themeIcons: ThemeIcons) => {\n  const { name } = useTheme();\n  return (props: Props) => {\n    const Component = themeIcons[name];\n    return <Component {...props} />;\n  };\n};\n"],"names":["Icon","size","color","accessibleLabel","viewBox","children","_jsx","Svg","Object","assign","height","width","class","classNames","colorStyles","sizeStyles","_a","otherProps","__rest","DecorativeSvg","props","SemanticSvg","_jsxs","role"],"mappings":";;;;;;;;;;;;;AA4BA,MAAAA,IAAA,GAAA,CAAA;AAAAC,EAAAA,IAAA,GAAA,KAAA;AAAAC,EAAAA,KAAA,GAAA,cAAA;AAAAC,EAAAA,eAAA,GAAA,EAAA;AAAAC,EAAAA,OAAA,GAAA,MAAA;AAAAC,EAAAA,QAAAA;AAAA,CAAA,KAAAC,GAAA,CAAAC,GAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAAAC,EAAAA,MAAA,EAAA,KAAA;AAAAC,EAAAA,KAAA,EAAA,KAAA;AAAAP,EAAAA,OAAA,EAAAA,OAAA;AAAAD,EAAAA,eAAA,EAAAA,eAAA;AAAAS,EAAAA,KAAA,EAAAC,UAAA,CAAA,CAAAC,WAAA,CAAAZ,KAAA,CAAA,EAAAa,UAAA,CAAAd,IAAA,CAAA,CAAA,CAAA;AAAA,CAAA,EAAA;AAAAI,EAAAA,QAAA,EAAAA,QAAAA;AAAA,CAAA,CAAA,EAAA;;AAsBA,MAAAE,GAAA,GAAAS,EAAA,IAAA;EAAa,IAAA;AAAAb,IAAAA,eAAAA;AAAA,GAAA,GAAAa,EAAA;MAAAC,UAAA,GAAAC,MAAA,CAAAF,EAAA,EAAA,CAAA,iBAAA,CAAA,CAAA,CAAA;;;;;CAAb,CAAA;;AAOA,MAAAG,aAAA,GAAAC,KAAA,IAAAd,GAAA,CAAA,KAAA,EAAAE,MAAA,CAAAC,MAAA,CAAA,EAAA,EAAAW,KAAA,CAAA,CAAA;AAGA;AACA;;;AACA,MAAAC,WAAA,GAAAL,EAAA,IAAA;;;;;;;AAA2E,EAAA,OAAAM,IAAA,CAAA,KAAA,EAAAd,MAAA,CAAAC,MAAA,CAAA;AAAAc,IAAAA,IAAA,EAAA,KAAA;GAAA,EAAAH,KAAA,EAAA;AAAAf,IAAAA,QAAA,EAAA,CAAAC,GAAA,CAAA,OAAA,EAAA;AAAAD,MAAAA,QAAA,EAAAF,eAAAA;KAAA,CAAA,EAAAE,QAAA,CAAA;AAAA,GAAA,CAAA,CAAA,CAAA;CAA3E;AAQA;AACA;;;AACA,MAAAU,UAAA,GAAA;OAAA,EAAA,SAAA;MAAA,EAAA,SAAA;MAAA,EAAA,QAAA;MAAA,EAAA,SAAA;MAAA,EAAA,SAAA;MAAA,EAAA,SAAA;MAAA,EAAA,QAAA;MAAA,EAAA,QAAA;MAAA,EAAA,SAAA;MAAA,EAAA,QAAA;OAAA,EAAA,QAAA;OAAA,EAAA,QAAA;;AAAA,CAAA,CAAA;AA0CA,MAAAD,WAAA,GAAA;WAAA,SAAA;aAAA,SAAA;YAAA,QAAA;UAAA,QAAA;WAAA,QAAA;WAAA,OAAA;QAAA,QAAA;;AAAA,CAAA;;AC5GA;MACa,iBAAiB,GAAG,CAAC,OAAoB,EAAE,OAAoB,KAAI;AAC9E,IAAA,MAAM,EAAE,SAAS,EAAE,GAAG,OAAO,EAAE,CAAC;IAChC,OAAO,CAAC,KAAY,KAAI;AACtB,QAAA,OAAO,SAAS,KAAK,KAAK,GAAGR,IAAC,OAAO,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,KAAK,CAAI,CAAA,GAAGA,GAAA,CAAC,OAAO,EAAK,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,KAAK,EAAI,CAAC;AAC/E,KAAC,CAAC;AACJ;;ACHA;AACa,MAAA,aAAa,GAAG,CAAC,UAAsB,KAAI;AACtD,IAAA,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC5B,OAAO,CAAC,KAAY,KAAI;AACtB,QAAA,MAAM,SAAS,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;AACnC,QAAA,OAAOA,GAAC,CAAA,SAAS,EAAK,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,KAAK,EAAI,CAAC;AAClC,KAAC,CAAC;AACJ;;;;;;;"}

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

@@ -1,7 +1,7 @@
-/* @oracle/oraclejet-preact: 13.1.6 */
+/* @oracle/oraclejet-preact: 13.1.8 */
 import { jsx } from 'preact/jsx-runtime';
 import { Icon } from './UNSAFE_Icon.js';
-import './tslib.es6-4841b746.js';
+import './tslib.es6-1b2cb453.js';
 
 import './utils/UNSAFE_classNames.js';
 import './hooks/UNSAFE_useUser.js';

package/dist/js/libs/oraclejet-preact/es/UNSAFE_InputPassword.css

@@ -1 +1 @@
-.ozggly{display:inline-flex;align-items:center;justify-content:center;cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);padding-inline:0;padding-block:0;border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);border-color:transparent;background-color:transparent;width:2.75rem;height:2.75rem;line-height:2.75rem;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-icon-size-lg);}.ozggly:hover{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);border-color:transparent;}
+._fcvmuf{display:inline-flex;align-items:center;justify-content:center;cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);padding-inline:0;padding-block:0;border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);border-color:transparent;background-color:transparent;width:2.75rem;height:2.75rem;line-height:2.75rem;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-icon-size-lg);}._fcvmuf:hover{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);border-color:transparent;}

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

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 13.1.6 */
+/* @oracle/oraclejet-preact: 13.1.8 */
 import { jsx } from 'preact/jsx-runtime';
 import { forwardRef } from 'preact/compat';
 import { useCallback } from 'preact/hooks';
@@ -17,20 +17,20 @@ import './UNSAFE_ThemedIcons.js';
 import { IcoViewHide as SvgIcoViewHide, IcoView as SvgIcoView } from './UNSAFE_Icons.js';
 import { useClearIcon } from './hooks/UNSAFE_useClearIcon.js';
 import { beforeVNode } from './utils/UNSAFE_componentUtils.js';
-import { C as ClearIcon } from './ClearIcon-23b21166.js';
+import { C as ClearIcon } from './ClearIcon-b2800ea6.js';
 import { useToggle } from './hooks/UNSAFE_useToggle.js';
 import { useCurrentValueReducer } from './hooks/UNSAFE_useCurrentValueReducer.js';
-import './tslib.es6-4841b746.js';
+import './tslib.es6-1b2cb453.js';
 import './hooks/UNSAFE_useFocusWithin.js';
 import 'preact';
 import './hooks/UNSAFE_useId.js';
 import './utils/UNSAFE_classNames.js';
 import './utils/UNSAFE_interpolations/text.js';
-import './keys-982bb558.js';
-import './_curry1-17460104.js';
-import './_has-7b23fb27.js';
+import './keys-aee0a829.js';
+import './_curry1-e2a8c360.js';
+import './_has-4bb22f8e.js';
 import './utils/UNSAFE_mergeInterpolations.js';
-import './_curry2-e34f6093.js';
+import './_curry2-1e946095.js';
 import './UNSAFE_LabelValueLayout.js';
 import './UNSAFE_Flex.js';
 import './utils/UNSAFE_interpolations/dimensions.js';
@@ -74,7 +74,7 @@ const ojButtonBorderlessChromeBorderColorHover = 'transparent'; // TODO: replace
 
 const ojButtonIconSize = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-icon-size-lg)';
 const revealToggleIconStyles = {
-  base: "ozggly"
+  base: "_fcvmuf"
 };
 function RevealToggleIcon({
   isRevealed,

package/dist/js/libs/oraclejet-preact/es/UNSAFE_InputText.css

@@ -1 +1 @@
-._f39pa3{display:inline-flex;align-items:center;justify-content:center;cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);padding-inline:0;padding-block:0;border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);width:2.75rem;height:2.75rem;line-height:2.75rem;}._f39pa3:hover{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);border-color:transparent;}
+._iotr1{display:inline-flex;align-items:center;justify-content:center;cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);padding-inline:0;padding-block:0;border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);width:2.75rem;height:2.75rem;line-height:2.75rem;}._iotr1:hover{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);border-color:transparent;}

package/dist/js/libs/oraclejet-preact/es/UNSAFE_InputText.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 13.1.6 */
+/* @oracle/oraclejet-preact: 13.1.8 */
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import { Fragment } from 'preact';
 import { forwardRef } from 'preact/compat';
@@ -15,21 +15,21 @@ import { ReadonlyTextField, ReadonlyTextFieldInput, TextFieldInput, MaxLengthLiv
 import { InlineUserAssistance } from './UNSAFE_UserAssistance.js';
 import { getClientHints } from './utils/PRIVATE_clientHints.js';
 import { beforeVNode } from './utils/UNSAFE_componentUtils.js';
-import { C as ClearIcon } from './ClearIcon-23b21166.js';
+import { C as ClearIcon } from './ClearIcon-b2800ea6.js';
 import { useCurrentValueReducer } from './hooks/UNSAFE_useCurrentValueReducer.js';
 import './hooks/UNSAFE_useToggle.js';
-import './tslib.es6-4841b746.js';
+import './tslib.es6-1b2cb453.js';
 import './hooks/UNSAFE_useFocusWithin.js';
 import './utils/UNSAFE_lengthFilter.js';
 import './hooks/UNSAFE_useId.js';
 import './utils/UNSAFE_classNames.js';
 import './UNSAFE_InputText.css';
 import './utils/UNSAFE_interpolations/text.js';
-import './keys-982bb558.js';
-import './_curry1-17460104.js';
-import './_has-7b23fb27.js';
+import './keys-aee0a829.js';
+import './_curry1-e2a8c360.js';
+import './_has-4bb22f8e.js';
 import './utils/UNSAFE_mergeInterpolations.js';
-import './_curry2-e34f6093.js';
+import './_curry2-1e946095.js';
 import './hooks/UNSAFE_useTranslationBundle.js';
 import './UNSAFE_Environment.js';
 import './UNSAFE_Layer.js';