@oracle/oraclejet-preact 14.0.12 → 14.0.13

package/es/UNSAFE_FocusTrap.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_FocusTrap.js","sources":["../../src/UNSAFE_FocusTrap/FocusGuard.tsx","../../src/UNSAFE_FocusTrap/FocusTrap.tsx","../../src/UNSAFE_FocusTrap/index.ts"],"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 */\n\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\ntype Props = {\n  onFocus: (event: FocusEvent) => void;\n};\n\nconst styles = {\n  guard: cssProps`${{\n    height: '0px',\n    left: 0,\n    position: 'fixed',\n    top: 0,\n    width: '1px'\n  }}`\n};\n\n/**\n * Styled FocusTrap sub-component to render non-visible focus guards\n */\nconst FocusGuard = forwardRef(({ onFocus }: Props, guardRef: ForwardedRef<HTMLDivElement>) => {\n  return <div class={styles.guard} onFocus={onFocus} ref={guardRef} tabIndex={0} />;\n});\n\nexport default FocusGuard;\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 { ComponentChildren, Fragment, RefObject } from 'preact';\nimport { useCallback, useEffect, useRef } from 'preact/compat';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport {\n  focusOn,\n  focusOnEnd,\n  focusOnStart,\n  focusWithin,\n  getActiveElement,\n  isTabbableElement\n} from '../utils/PRIVATE_tabbableUtils';\nimport FocusGuard from './FocusGuard';\n\ntype Props = {\n  children: ComponentChildren;\n  /**\n   * Optional Ref to an element to focus on when component mounts\n   * @default - undefined - behavior is to focus on first tabbableElement\n   */\n  autoFocusRef?: RefObject<HTMLElement | null>;\n\n  /**\n   * Sets whether focus is managed and whether guards are present\n   * @default false\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Why a isDisabled prop as compared to ONLY supporting conditional rendering?\n   *\n   *   1) We need an actual HTML Element for the trap, conditional rendering an element potentially breaks consumer CSS\n   *   2) Conditional rendering can short-circuit event bubbling in preact and lead to expected events not bubbling.\n   */\n\n  /**\n   * Optional Ref to element to focus on when component un-mounts, false to disable.\n   * @default - undefined - behavior is to focus on the original activeElement when focus trap was enabled\n   */\n  restoreFocusRef?: RefObject<HTMLElement> | false;\n};\n\n/**\n * Trap focus within a DOM node.  When a user hits Tab or Shift+Tab, focus remains in the focus trap.\n */\nexport const FocusTrap = ({\n  autoFocusRef,\n  children,\n  isDisabled = false,\n  restoreFocusRef\n}: Props) => {\n  const trapRef = useRef<HTMLDivElement>(null);\n  const startGuardRef = useRef<HTMLDivElement>(null);\n  const endGuardRef = useRef<HTMLDivElement>(null);\n  const lastActiveElementRef = useRef<HTMLElement | null>(null);\n\n  // classes to be set on the children wrapper\n  const classes = classNames([childrenStyles]);\n\n  /**\n   * contain focus if trap is enabled, and target is not already contained\n   *\n   * calling cases for side-effect of setting focus\n   *   - on initial mount of (enabled) trap, where target is not inside trap\n   *   - on enabling of a disabled trap, where target is not inside trap\n   *   - target of click event is outside of trap.\n   */\n  const conditionallyContainFocus = useCallback(\n    (target: HTMLElement | null) => {\n      const trap = trapRef.current;\n      //  short-circuit, if trap or target not valid\n      if (isDisabled || !trap || !target) return;\n\n      // just update ref if, target already has focus\n      if (target && hasFocus([trap, startGuardRef.current, endGuardRef.current], target)) {\n        lastActiveElementRef.current = target;\n        return;\n      }\n\n      // set focus to last active tab-stop if lastElement is defined and inside trap\n      if (lastActiveElementRef.current) {\n        focusOn(lastActiveElementRef.current);\n      } else {\n        // otherwise just contain focus within trap as target is outside enabled trap and we have no last-known tab-stop\n        focusWithin(trap);\n      }\n    },\n    [isDisabled]\n  );\n\n  // loop focus\n  const handleStartGuardOnFocus = (event: FocusEvent) => {\n    if (isDisabled || !trapRef.current) return;\n    focusOnEnd(trapRef.current);\n\n    // prevent scroll jump and bubbling this event up as a focus event\n    event.stopPropagation();\n    event.preventDefault();\n  };\n\n  const handleEndGuardOnFocus = (event: FocusEvent) => {\n    if (isDisabled || !trapRef.current) return;\n    focusOnStart(trapRef.current);\n\n    // prevent scroll jump and bubbling guard event up as a focus event\n    event.stopPropagation();\n    event.preventDefault();\n  };\n\n  const handleTrapOnFocus = (event: FocusEvent) => {\n    lastActiveElementRef.current = event.target as HTMLElement;\n  };\n\n  // handle initial render or re-render as enabled\n  useEffect(() => {\n    const trap = trapRef.current;\n    if (!trap || isDisabled) return;\n\n    const originalActiveElement = getActiveElement(trap);\n\n    // init focus\n    if (autoFocusRef && autoFocusRef.current) {\n      focusOn(autoFocusRef.current);\n    } else {\n      conditionallyContainFocus(originalActiveElement);\n    }\n\n    const restoreFocusRefForCleanup = restoreFocusRef;\n\n    return () => {\n      if (restoreFocusRefForCleanup === false) return;\n      restoreFocusAfterUnmount(restoreFocusRefForCleanup?.current || originalActiveElement);\n    };\n  }, [autoFocusRef, conditionallyContainFocus, isDisabled, restoreFocusRef]);\n\n  return (\n    <Fragment>\n      {!isDisabled && <FocusGuard onFocus={handleStartGuardOnFocus} ref={startGuardRef} />}\n      <div onFocus={handleTrapOnFocus} ref={trapRef} class={classes}>\n        {children}\n      </div>\n      {!isDisabled && <FocusGuard onFocus={handleEndGuardOnFocus} ref={endGuardRef} />}\n    </Fragment>\n  );\n};\n\n// setTimeout ensures that unmount lifecycle has completed\nconst restoreFocusAfterUnmount = (element: HTMLElement | null) => {\n  if (element && isTabbableElement(element)) {\n    setTimeout(() => {\n      focusOn(element);\n    }, 0);\n  }\n};\n\n// is focus already contained?\nconst hasFocus = (elements: (HTMLElement | null)[], target: Element) => {\n  if (elements.length === 0) return false;\n  const activeElement = target ?? getActiveElement(elements[0] as Node);\n  return elements.some((el) => el === activeElement || el?.contains(activeElement));\n};\n\n// remove margins from children\nconst childrenStyles = cssProps`${{\n  /* @ts-ignore */\n  '& > *': {\n    marginTop: '0 !important',\n    marginBottom: '0 !important',\n    marginLeft: '0 !important',\n    marginRight: '0 !important'\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 './FocusTrap';\n"],"names":["styles","FocusGuard","forwardRef","onFocus","guardRef","_jsx","class","guard","ref","tabIndex","FocusTrap","autoFocusRef","children","isDisabled","restoreFocusRef","trapRef","useRef","startGuardRef","endGuardRef","lastActiveElementRef","conditionallyContainFocus","useCallback","target","trap","current","hasFocus","focusOn","handleStartGuardOnFocus","event","focusOnEnd","handleEndGuardOnFocus","focusOnStart","handleTrapOnFocus","originalActiveElement","getActiveElement","restoreFocusAfterUnmount","restoreFocusRefForCleanup","element","isTabbableElement","elements","length","activeElement","childrenStyles"],"mappings":"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"}
+{"version":3,"file":"UNSAFE_FocusTrap.js","sources":["../../src/UNSAFE_FocusTrap/FocusGuard.tsx","../../src/UNSAFE_FocusTrap/FocusTrap.tsx","../../src/UNSAFE_FocusTrap/index.ts"],"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 */\n\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\ntype Props = {\n  onFocus: (event: FocusEvent) => void;\n};\n\nconst styles = {\n  guard: cssProps`${{\n    height: '0px',\n    left: 0,\n    position: 'fixed',\n    top: 0,\n    width: '1px'\n  }}`\n};\n\n/**\n * Styled FocusTrap sub-component to render non-visible focus guards\n */\nconst FocusGuard = forwardRef(({ onFocus }: Props, guardRef: ForwardedRef<HTMLDivElement>) => {\n  return <div class={styles.guard} onFocus={onFocus} ref={guardRef} tabIndex={0} />;\n});\n\nexport default FocusGuard;\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 { ComponentChildren, Fragment, RefObject } from 'preact';\nimport { useCallback, useEffect, useRef } from 'preact/compat';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport {\n  focusOn,\n  focusOnEnd,\n  focusOnStart,\n  focusWithin,\n  getActiveElement,\n  isTabbableElement\n} from '../utils/PRIVATE_tabbableUtils';\nimport FocusGuard from './FocusGuard';\n\ntype Props = {\n  children: ComponentChildren;\n  /**\n   * Optional Ref to an element to focus on when component mounts\n   * @default - undefined - behavior is to focus on first tabbableElement\n   */\n  autoFocusRef?: RefObject<HTMLElement | null>;\n\n  /**\n   * Sets whether focus is managed and whether guards are present\n   * @default false\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Why a isDisabled prop as compared to ONLY supporting conditional rendering?\n   *\n   *   1) We need an actual HTML Element for the trap, conditional rendering an element potentially breaks consumer CSS\n   *   2) Conditional rendering can short-circuit event bubbling in preact and lead to expected events not bubbling.\n   */\n\n  /**\n   * Optional Ref to element to focus on when component un-mounts, false to disable.\n   * @default - undefined - behavior is to focus on the original activeElement when focus trap was enabled\n   */\n  restoreFocusRef?: RefObject<HTMLElement> | false;\n};\n\n/**\n * Trap focus within a DOM node.  When a user hits Tab or Shift+Tab, focus remains in the focus trap.\n */\nexport const FocusTrap = ({\n  autoFocusRef,\n  children,\n  isDisabled = false,\n  restoreFocusRef\n}: Props) => {\n  const trapRef = useRef<HTMLDivElement>(null);\n  const startGuardRef = useRef<HTMLDivElement>(null);\n  const endGuardRef = useRef<HTMLDivElement>(null);\n  const lastActiveElementRef = useRef<HTMLElement | null>(null);\n\n  // classes to be set on the children wrapper\n  const classes = classNames([childrenStyles]);\n\n  /**\n   * contain focus if trap is enabled, and target is not already contained\n   *\n   * calling cases for side-effect of setting focus\n   *   - on initial mount of (enabled) trap, where target is not inside trap\n   *   - on enabling of a disabled trap, where target is not inside trap\n   *   - target of click event is outside of trap.\n   */\n  const conditionallyContainFocus = useCallback(\n    (target: HTMLElement | null) => {\n      const trap = trapRef.current;\n      //  short-circuit, if trap or target not valid\n      if (isDisabled || !trap || !target) return;\n\n      // just update ref if, target already has focus\n      if (target && hasFocus([trap, startGuardRef.current, endGuardRef.current], target)) {\n        lastActiveElementRef.current = target;\n        return;\n      }\n\n      // set focus to last active tab-stop if lastElement is defined and inside trap\n      if (lastActiveElementRef.current) {\n        focusOn(lastActiveElementRef.current);\n      } else {\n        // otherwise just contain focus within trap as target is outside enabled trap and we have no last-known tab-stop\n        focusWithin(trap);\n      }\n    },\n    [isDisabled]\n  );\n\n  // loop focus\n  const handleStartGuardOnFocus = (event: FocusEvent) => {\n    if (isDisabled || !trapRef.current) return;\n    focusOnEnd(trapRef.current);\n\n    // prevent scroll jump and bubbling this event up as a focus event\n    event.stopPropagation();\n    event.preventDefault();\n  };\n\n  const handleEndGuardOnFocus = (event: FocusEvent) => {\n    if (isDisabled || !trapRef.current) return;\n    focusOnStart(trapRef.current);\n\n    // prevent scroll jump and bubbling guard event up as a focus event\n    event.stopPropagation();\n    event.preventDefault();\n  };\n\n  const handleTrapOnFocus = (event: FocusEvent) => {\n    lastActiveElementRef.current = event.target as HTMLElement;\n  };\n\n  // handle initial render or re-render as enabled\n  useEffect(() => {\n    const trap = trapRef.current;\n    if (!trap || isDisabled) return;\n\n    const originalActiveElement = getActiveElement(trap);\n\n    // init focus\n    if (autoFocusRef && autoFocusRef.current) {\n      focusOn(autoFocusRef.current);\n    } else {\n      conditionallyContainFocus(originalActiveElement);\n    }\n\n    const restoreFocusRefForCleanup = restoreFocusRef;\n\n    return () => {\n      if (restoreFocusRefForCleanup === false) return;\n      restoreFocusAfterUnmount(restoreFocusRefForCleanup?.current || originalActiveElement);\n    };\n  }, [autoFocusRef, conditionallyContainFocus, isDisabled, restoreFocusRef]);\n\n  return (\n    <Fragment>\n      {!isDisabled && <FocusGuard onFocus={handleStartGuardOnFocus} ref={startGuardRef} />}\n      <div onFocus={handleTrapOnFocus} ref={trapRef} class={classes}>\n        {children}\n      </div>\n      {!isDisabled && <FocusGuard onFocus={handleEndGuardOnFocus} ref={endGuardRef} />}\n    </Fragment>\n  );\n};\n\n// setTimeout ensures that unmount lifecycle has completed\nconst restoreFocusAfterUnmount = (element: HTMLElement | null) => {\n  if (element && isTabbableElement(element)) {\n    setTimeout(() => {\n      focusOn(element);\n    }, 0);\n  }\n};\n\n// is focus already contained?\nconst hasFocus = (elements: (HTMLElement | null)[], target: Element) => {\n  if (elements.length === 0) return false;\n  const activeElement = target ?? getActiveElement(elements[0] as Node);\n  return elements.some((el) => el === activeElement || el?.contains(activeElement));\n};\n\n// remove margins from children\nconst childrenStyles = cssProps`${{\n  /* @ts-ignore */\n  '& > *': {\n    marginTop: '0 !important',\n    marginBottom: '0 !important',\n    marginLeft: '0 !important',\n    marginRight: '0 !important'\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 './FocusTrap';\n"],"names":["styles","FocusGuard","forwardRef","onFocus","guardRef","_jsx","class","guard","ref","tabIndex","FocusTrap","autoFocusRef","children","isDisabled","restoreFocusRef","trapRef","useRef","startGuardRef","endGuardRef","lastActiveElementRef","conditionallyContainFocus","useCallback","target","trap","current","hasFocus","focusOn","handleStartGuardOnFocus","event","focusOnEnd","handleEndGuardOnFocus","focusOnStart","handleTrapOnFocus","originalActiveElement","getActiveElement","restoreFocusAfterUnmount","restoreFocusRefForCleanup","element","isTabbableElement","elements","length","activeElement","childrenStyles"],"mappings":"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"}

package/es/UNSAFE_Grid.css

@@ -1 +1 @@
-._1hmnriw{display:grid;}
+._3fzwot{display:grid;}

package/es/UNSAFE_Grid.js

@@ -1,20 +1,20 @@
-/* @oracle/oraclejet-preact: 14.0.12 */
-import { _ as __rest } from './tslib.es6-d3abf634.js';
+/* @oracle/oraclejet-preact: 14.0.13 */
+import { _ as __rest } from './tslib.es6-68e6c97c.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-1671d3fe.js';
-import './_curry1-741e4bea.js';
-import './_has-236af835.js';
+import './keys-b7a6d93b.js';
+import './_curry1-c100c79d.js';
+import './_has-53d27ca3.js';
 import './utils/UNSAFE_size.js';
 import './utils/UNSAFE_arrayUtils.js';
 import './utils/UNSAFE_classNames.js';
-import './_curry3-38b39c78.js';
-import './_curry2-17784d2a.js';
+import './_curry3-9bd04864.js';
+import './_curry2-827fde97.js';
 
-const baseStyles = "_1hmnriw";
+const baseStyles = "_3fzwot";
 const interpolations = [...Object.values(gridInterpolations), ...Object.values(boxAlignmentInterpolations)];
 const styleInterpolations = mergeInterpolations(interpolations);
 /**

package/es/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,UAAA,CAAA;AAEA,MAAAC,cAAA,GAAA,CACE,GAAAC,MAAA,CAAAC,MAAA,CAAAC,kBAAA,CADF,EAEE,GAAAF,MAAA,CAAAC,MAAA,CAAAE,0BAAA,CAFF,CAAA,CAAA;AAKA,MAAAC,mBAAA,GAAAC,mBAAA,CAAAN,cAAA,CAAA,CAAA;AAEA;;AAEG;;AACHO,MAAAA,IAAA,GAAAC,EAAA,IAAA;EAAqB,IAAA;AAAAC,IAAAA,QAAAA;AAAA,GAAA,GAAAD,EAAA;MAAAE,KAAA,GAAAC,MAAA,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,MAAA,CAAAC,EAAA,EAAA,CAAA,OAAA,CAAA,CAAA,CAAA;;EACA,MAAAI,SAAA,GAAAf,MAAA,CAAAgB,MAAA,CAAA,EAAA,EAAAF,MAAA,CAAA,CAAA;AACA,EAAA,OAAAG,GAAA,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,SAAA,CAAA;AAEA,MAAAC,cAAA,GAAA,CACE,GAAAC,MAAA,CAAAC,MAAA,CAAAC,kBAAA,CADF,EAEE,GAAAF,MAAA,CAAAC,MAAA,CAAAE,0BAAA,CAFF,CAAA,CAAA;AAKA,MAAAC,mBAAA,GAAAC,mBAAA,CAAAN,cAAA,CAAA,CAAA;AAEA;;AAEG;;AACHO,MAAAA,IAAA,GAAAC,EAAA,IAAA;EAAqB,IAAA;AAAAC,IAAAA,QAAAA;AAAA,GAAA,GAAAD,EAAA;MAAAE,KAAA,GAAAC,MAAA,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,MAAA,CAAAC,EAAA,EAAA,CAAA,OAAA,CAAA,CAAA,CAAA;;EACA,MAAAI,SAAA,GAAAf,MAAA,CAAAgB,MAAA,CAAA,EAAA,EAAAF,MAAA,CAAA,CAAA;AACA,EAAA,OAAAG,GAAA,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/es/UNSAFE_Heading.css

@@ -1,9 +1,9 @@
-.fk9kwo{margin:0;}
-._1wwt5qf{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xs-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xs-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xs-line-height);}
-._8bns1g{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-sm-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-sm-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-sm-line-height);}
-._1v6im9z{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-md-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-md-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-md-line-height);}
-._1ct18kt{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-lg-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-lg-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-lg-line-height);}
-._1groay1{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xl-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xl-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xl-line-height);}
-._1iqw4zn{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-2xl-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-2xl-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-2xl-line-height);}
-._1xrrcmn{font-size:inherit;font-weight:inherit;line-height:inherit;}
-._207ibp > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+.k9fnfm{margin:0;}
+._1qp00bq{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xs-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xs-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xs-line-height);}
+._1jxx799{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-sm-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-sm-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-sm-line-height);}
+._1ie7thy{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-md-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-md-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-md-line-height);}
+._1xnicp4{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-lg-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-lg-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-lg-line-height);}
+._1y805qt{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xl-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xl-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xl-line-height);}
+._19bioqx{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-2xl-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-2xl-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-2xl-line-height);}
+.nojtrt{font-size:inherit;font-weight:inherit;line-height:inherit;}
+._1c8d70w > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}

package/es/UNSAFE_Heading.js

@@ -1,15 +1,15 @@
-/* @oracle/oraclejet-preact: 14.0.12 */
-import { _ as __rest } from './tslib.es6-d3abf634.js';
+/* @oracle/oraclejet-preact: 14.0.13 */
+import { _ as __rest } from './tslib.es6-68e6c97c.js';
 import { jsx } from 'preact/jsx-runtime';
-import { k as keys_1 } from './keys-1671d3fe.js';
+import { k as keys_1 } from './keys-b7a6d93b.js';
 import { stringLiteralArray } from './utils/UNSAFE_arrayUtils.js';
 import "./UNSAFE_Heading.css";
 import { mergeInterpolations } from './utils/UNSAFE_mergeInterpolations.js';
-import './_curry1-741e4bea.js';
-import './_has-236af835.js';
+import './_curry1-c100c79d.js';
+import './_has-53d27ca3.js';
 import './utils/UNSAFE_classNames.js';
-import './_curry3-38b39c78.js';
-import './_curry2-17784d2a.js';
+import './_curry3-9bd04864.js';
+import './_curry2-827fde97.js';
 
 const headingElementTypes = stringLiteralArray(['h1', 'h2', 'h3', 'h4', 'h5', 'h6']);
 const headingsizeMap = {
@@ -21,17 +21,17 @@ const headingsizeMap = {
   h6: 'xs'
 };
 const styles = {
-  base: "fk9kwo",
+  base: "k9fnfm",
   size: {
-    xs: "_1wwt5qf",
-    sm: "_8bns1g",
-    md: "_1v6im9z",
-    lg: "_1ct18kt",
-    xl: "_1groay1",
-    '2xl': "_1iqw4zn",
-    inherit: "_1xrrcmn"
+    xs: "_1qp00bq",
+    sm: "_1jxx799",
+    md: "_1ie7thy",
+    lg: "_1xnicp4",
+    xl: "_1y805qt",
+    '2xl': "_19bioqx",
+    inherit: "nojtrt"
   },
-  childrenMargins: "_207ibp"
+  childrenMargins: "_1c8d70w"
 };
 const sizeOptions = keys_1(styles.size);
 const interpolations = [() => ({

package/es/UNSAFE_Heading.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_Heading.js","sources":["../../src/UNSAFE_Heading/Heading.tsx"],"sourcesContent":["import { ComponentChildren } from 'preact';\nimport keys from 'ramda/src/keys';\nimport { stringLiteralArray } from '../utils/UNSAFE_arrayUtils';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\n\nexport const headingElementTypes = stringLiteralArray(['h1', 'h2', 'h3', 'h4', 'h5', 'h6']);\n\ntype ElementType = typeof headingElementTypes[number];\n\ntype HeadingProps = {\n  /**\n   * Specifies the heading tag\n   */\n  as: ElementType;\n\n  /**\n   * Specifies the text \"style\". Sets font size and line height.   */\n\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'inherit';\n\n  /**\n   * Specifies the header id\n   */\n  id?: string;\n\n  /**\n   * Specifies the children\n   */\n  children: ComponentChildren;\n};\n\nconst headingsizeMap: { [headingType in ElementType]: string } = {\n  h1: '2xl',\n  h2: 'xl',\n  h3: 'lg',\n  h4: 'md',\n  h5: 'sm',\n  h6: 'xs'\n};\n\nconst styles = {\n  base: cssProps`${{\n    margin: 0\n  }}`,\n  size: {\n    xs: cssProps`${{\n      fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xs-font-size)',\n      fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xs-font-weight)',\n      lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xs-line-height)'\n    }}`,\n    sm: cssProps`${{\n      fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-sm-font-size)',\n      fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-sm-font-weight)',\n      lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-sm-line-height)'\n    }}`,\n    md: cssProps`${{\n      fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-md-font-size)',\n      fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-md-font-weight)',\n      lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-md-line-height)'\n    }}`,\n    lg: cssProps`${{\n      fontSize: `var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-lg-font-size)`,\n      fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-lg-font-weight)',\n      lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-lg-line-height)'\n    }}`,\n    xl: cssProps`${{\n      fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xl-font-size)',\n      fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xl-font-weight)',\n      lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xl-line-height)'\n    }}`,\n    '2xl': cssProps`${{\n      fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-2xl-font-size)',\n      fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-2xl-font-weight)',\n      lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-2xl-line-height)'\n    }}`,\n    inherit: cssProps`${{\n      fontSize: 'inherit',\n      fontWeight: 'inherit',\n      lineHeight: 'inherit'\n    }}`\n  },\n\n  childrenMargins: cssProps`${{\n    /* @ts-ignore */\n    '& > *': {\n      marginTop: '0 !important',\n      marginBottom: '0 !important',\n      marginLeft: '0 !important',\n      marginRight: '0 !important'\n    }\n  }}`\n};\n\nexport const sizeOptions = keys(styles.size);\n\nconst interpolations = [\n  () => ({ class: styles.base }),\n  ({ size = '2xl' }: Pick<HeadingProps, 'size'>) => ({\n    class: styles.size[size]\n  })\n];\n\nconst styleInterpolations = mergeInterpolations<Omit<HeadingProps, 'children'>>(interpolations);\n\nexport function Heading({ children, ...props }: HeadingProps) {\n  const Component = props.as;\n  //@ts-ignore\n  props.size = props.size ?? headingsizeMap[Component];\n  const { class: cls, ...style } = styleInterpolations(props);\n  return (\n    <Component className={cls} style={style} id={props.id}>\n      <span className={styles.childrenMargins}>{children}</span>\n    </Component>\n  );\n}\n"],"names":["headingElementTypes","stringLiteralArray","headingsizeMap","h1","h2","h3","h4","h5","h6","styles","size","sizeOptions","keys","interpolations","class","styleInterpolations","mergeInterpolations","Heading","_a","children","props","__rest","Component","as","_b","_c","cls","style","_jsx","Object","assign","className","id","childrenMargins"],"mappings":";;;;;;;;;;;;;MAMAA,mBAAA,GAAAC,kBAAA,CAAA,CAAA,IAAA,EAAA,IAAA,EAAA,IAAA,EAAA,IAAA,EAAA,IAAA,EAAA,IAAA,CAAA,EAAA;AA0BA,MAAAC,cAAA,GAAA;AACEC,EAAAA,EAAA,EAAA,KADF;AAEEC,EAAAA,EAAA,EAAA,IAFF;AAGEC,EAAAA,EAAA,EAAA,IAHF;AAIEC,EAAAA,EAAA,EAAA,IAJF;AAKEC,EAAAA,EAAA,EAAA,IALF;AAMEC,EAAAA,EAAA,EAAA,IAAA;AANF,CAAA,CAAA;AASA,MAAAC,MAAA,GAAA;QAAA,QAAA;AAIEC,EAAAA,IAAA,EAAA;QAAA,UAAA;QAAA,SAAA;QAAA,UAAA;QAAA,UAAA;QAAA,UAAA;SAAA,EAAA,UAAA;;GAJF;;AAAA,CAAA,CAAA;AAqDA,MAAAC,WAAA,GAAAC,MAAA,CAAAH,MAAA,CAAAC,IAAA,EAAA;AAEA,MAAAG,cAAA,GAAA;;EAAA;;;AAGIC,EAAAA,KAAA,EAAAL,MAAA,CAAAC,IAAA,CAAAA,IAAA,CAAA;EAHJ,CAAA,CAAA;AAOA,MAAAK,mBAAA,GAAAC,mBAAA,CAAAH,cAAA,CAAA,CAAA;AAEA,SAAAI,OAAA,CAAAC,EAAA,EAAA;;;EAAwB,IAAA;AAAAC,IAAAA,QAAAA;AAAA,GAAA,GAAAD,EAAA;MAAAE,KAAA,GAAAC,MAAA,CAAAH,EAAA,EAAA,CAAA,UAAA,CAAA,CAAA,CAAA;;AACtB,EAAA,MAAAI,SAAA,GAAAF,KAAA,CAAAG,EAAA,CADF;;EAGEH,KAAA,CAAAV,IAAA,GAAA,CAAAc,EAAA,GAAAJ,KAAA,CAAAV,IAAA,MAAA,IAAA,IAAAc,EAAA,KAAA,KAAA,CAAA,GAAAA,EAAA,GAAAtB,cAAA,CAAAoB,SAAA,CAAA,CAAA;;AACA,EAAA,MAAAG,EAAA,GAAAV,mBAAA,CAAAK,KAAA,CAAA;QAAA;AAAAN,IAAAA,KAAA,EAAAY,GAAAA;AAAA,GAAA,GAAAD,EAAA;QAAAE,KAAA,GAAAN,MAAA,CAAAI,EAAA,EAAA,CAAA,OAAA,CAAA,CAAA,CAAA;;AACA,EAAA,OAAAG,GAAA,CAAAN,SAAA,EAAAO,MAAA,CAAAC,MAAA,CAAA;AAAAC,IAAAA,SAAA,EAAAL,GAAA;AAAAC,IAAAA,KAAA,EAAAA,KAAA;IAAAK,EAAA,EAAAZ,KAAA,CAAAY,EAAAA;AAAA,GAAA,EAAA;IAAAb,QAAA,EAAAS,GAAA,CAAA,MAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;MAAAC,SAAA,EAAAtB,MAAA,CAAAwB,eAAAA;AAAA,KAAA,EAAA;AAAAd,MAAAA,QAAA,EAAAA,QAAAA;AAAA,KAAA,CAAA,CAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AAKF;;;;;;;"}
+{"version":3,"file":"UNSAFE_Heading.js","sources":["../../src/UNSAFE_Heading/Heading.tsx"],"sourcesContent":["import { ComponentChildren } from 'preact';\nimport keys from 'ramda/src/keys';\nimport { stringLiteralArray } from '../utils/UNSAFE_arrayUtils';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\n\nexport const headingElementTypes = stringLiteralArray(['h1', 'h2', 'h3', 'h4', 'h5', 'h6']);\n\ntype ElementType = typeof headingElementTypes[number];\n\ntype HeadingProps = {\n  /**\n   * Specifies the heading tag\n   */\n  as: ElementType;\n\n  /**\n   * Specifies the text \"style\". Sets font size and line height.   */\n\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'inherit';\n\n  /**\n   * Specifies the header id\n   */\n  id?: string;\n\n  /**\n   * Specifies the children\n   */\n  children: ComponentChildren;\n};\n\nconst headingsizeMap: { [headingType in ElementType]: string } = {\n  h1: '2xl',\n  h2: 'xl',\n  h3: 'lg',\n  h4: 'md',\n  h5: 'sm',\n  h6: 'xs'\n};\n\nconst styles = {\n  base: cssProps`${{\n    margin: 0\n  }}`,\n  size: {\n    xs: cssProps`${{\n      fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xs-font-size)',\n      fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xs-font-weight)',\n      lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xs-line-height)'\n    }}`,\n    sm: cssProps`${{\n      fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-sm-font-size)',\n      fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-sm-font-weight)',\n      lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-sm-line-height)'\n    }}`,\n    md: cssProps`${{\n      fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-md-font-size)',\n      fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-md-font-weight)',\n      lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-md-line-height)'\n    }}`,\n    lg: cssProps`${{\n      fontSize: `var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-lg-font-size)`,\n      fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-lg-font-weight)',\n      lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-lg-line-height)'\n    }}`,\n    xl: cssProps`${{\n      fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xl-font-size)',\n      fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xl-font-weight)',\n      lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xl-line-height)'\n    }}`,\n    '2xl': cssProps`${{\n      fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-2xl-font-size)',\n      fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-2xl-font-weight)',\n      lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-2xl-line-height)'\n    }}`,\n    inherit: cssProps`${{\n      fontSize: 'inherit',\n      fontWeight: 'inherit',\n      lineHeight: 'inherit'\n    }}`\n  },\n\n  childrenMargins: cssProps`${{\n    /* @ts-ignore */\n    '& > *': {\n      marginTop: '0 !important',\n      marginBottom: '0 !important',\n      marginLeft: '0 !important',\n      marginRight: '0 !important'\n    }\n  }}`\n};\n\nexport const sizeOptions = keys(styles.size);\n\nconst interpolations = [\n  () => ({ class: styles.base }),\n  ({ size = '2xl' }: Pick<HeadingProps, 'size'>) => ({\n    class: styles.size[size]\n  })\n];\n\nconst styleInterpolations = mergeInterpolations<Omit<HeadingProps, 'children'>>(interpolations);\n\nexport function Heading({ children, ...props }: HeadingProps) {\n  const Component = props.as;\n  //@ts-ignore\n  props.size = props.size ?? headingsizeMap[Component];\n  const { class: cls, ...style } = styleInterpolations(props);\n  return (\n    <Component className={cls} style={style} id={props.id}>\n      <span className={styles.childrenMargins}>{children}</span>\n    </Component>\n  );\n}\n"],"names":["headingElementTypes","stringLiteralArray","headingsizeMap","h1","h2","h3","h4","h5","h6","styles","size","sizeOptions","keys","interpolations","class","styleInterpolations","mergeInterpolations","Heading","_a","children","props","__rest","Component","as","_b","_c","cls","style","_jsx","Object","assign","className","id","childrenMargins"],"mappings":";;;;;;;;;;;;;MAMAA,mBAAA,GAAAC,kBAAA,CAAA,CAAA,IAAA,EAAA,IAAA,EAAA,IAAA,EAAA,IAAA,EAAA,IAAA,EAAA,IAAA,CAAA,EAAA;AA0BA,MAAAC,cAAA,GAAA;AACEC,EAAAA,EAAA,EAAA,KADF;AAEEC,EAAAA,EAAA,EAAA,IAFF;AAGEC,EAAAA,EAAA,EAAA,IAHF;AAIEC,EAAAA,EAAA,EAAA,IAJF;AAKEC,EAAAA,EAAA,EAAA,IALF;AAMEC,EAAAA,EAAA,EAAA,IAAA;AANF,CAAA,CAAA;AASA,MAAAC,MAAA,GAAA;QAAA,QAAA;AAIEC,EAAAA,IAAA,EAAA;QAAA,UAAA;QAAA,UAAA;QAAA,UAAA;QAAA,UAAA;QAAA,UAAA;SAAA,EAAA,UAAA;;GAJF;;AAAA,CAAA,CAAA;AAqDA,MAAAC,WAAA,GAAAC,MAAA,CAAAH,MAAA,CAAAC,IAAA,EAAA;AAEA,MAAAG,cAAA,GAAA;;EAAA;;;AAGIC,EAAAA,KAAA,EAAAL,MAAA,CAAAC,IAAA,CAAAA,IAAA,CAAA;EAHJ,CAAA,CAAA;AAOA,MAAAK,mBAAA,GAAAC,mBAAA,CAAAH,cAAA,CAAA,CAAA;AAEA,SAAAI,OAAA,CAAAC,EAAA,EAAA;;;EAAwB,IAAA;AAAAC,IAAAA,QAAAA;AAAA,GAAA,GAAAD,EAAA;MAAAE,KAAA,GAAAC,MAAA,CAAAH,EAAA,EAAA,CAAA,UAAA,CAAA,CAAA,CAAA;;AACtB,EAAA,MAAAI,SAAA,GAAAF,KAAA,CAAAG,EAAA,CADF;;EAGEH,KAAA,CAAAV,IAAA,GAAA,CAAAc,EAAA,GAAAJ,KAAA,CAAAV,IAAA,MAAA,IAAA,IAAAc,EAAA,KAAA,KAAA,CAAA,GAAAA,EAAA,GAAAtB,cAAA,CAAAoB,SAAA,CAAA,CAAA;;AACA,EAAA,MAAAG,EAAA,GAAAV,mBAAA,CAAAK,KAAA,CAAA;QAAA;AAAAN,IAAAA,KAAA,EAAAY,GAAAA;AAAA,GAAA,GAAAD,EAAA;QAAAE,KAAA,GAAAN,MAAA,CAAAI,EAAA,EAAA,CAAA,OAAA,CAAA,CAAA,CAAA;;AACA,EAAA,OAAAG,GAAA,CAAAN,SAAA,EAAAO,MAAA,CAAAC,MAAA,CAAA;AAAAC,IAAAA,SAAA,EAAAL,GAAA;AAAAC,IAAAA,KAAA,EAAAA,KAAA;IAAAK,EAAA,EAAAZ,KAAA,CAAAY,EAAAA;AAAA,GAAA,EAAA;IAAAb,QAAA,EAAAS,GAAA,CAAA,MAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;MAAAC,SAAA,EAAAtB,MAAA,CAAAwB,eAAAA;AAAA,KAAA,EAAA;AAAAd,MAAAA,QAAA,EAAAA,QAAAA;AAAA,KAAA,CAAA,CAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AAKF;;;;;;;"}

package/es/UNSAFE_HiddenAccessible.css

@@ -1 +1 @@
-._1ni6gid{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;}
+._1w41w5n{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/es/UNSAFE_HiddenAccessible.js

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

package/es/UNSAFE_HighlightText.css

@@ -1 +1 @@
-._10r6m4v{font-weight:700;}
+._19lx7vc{font-weight:700;}

package/es/UNSAFE_HighlightText.js

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

package/es/UNSAFE_Icon.css

@@ -1,21 +1,21 @@
-._3bmwsf{font-size:1em;}
-._1ydk05v{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);}
-.qtc5fe{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
-._1j5a46y{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);}
-.zdikeb{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);}
-.rocxod{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x);}
-._1p4dqbi{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-6x);}
-.o3ccsp{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-7x);}
-.ejr5l2{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-8x);}
-.grnzeu{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-9x);}
-.ya4r80{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-10x);}
-.menf9z{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-11x);}
-.g426yz{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-12x);}
-.w2akqb{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);}
-.mbjdup{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);}
-.ecuedp{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
-._1x1oteo{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3);}
-._1jj7f9l{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3);}
-._1yjn4tp{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-success-3);}
-._1exb81o{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-3);}
-.mwppom{color:currentColor;}
+.x4im83{font-size:1em;}
+.j9tkqi{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);}
+.vr0tvr{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
+._1phtohc{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);}
+._1mhqs9n{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);}
+.n2pqru{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x);}
+._1f069hf{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-6x);}
+.xves5f{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-7x);}
+.uubpzl{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-8x);}
+._18v5hoc{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-9x);}
+.lctgvd{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-10x);}
+._1ra2nty{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-11x);}
+.ds5yf3{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-12x);}
+.jy7041{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);}
+._10mu38y{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);}
+._1ocd9bz{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
+._1iv64nj{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3);}
+._185v48e{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3);}
+.bu7gyk{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-success-3);}
+._1qme6kx{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-3);}
+.xu8rxv{color:currentColor;}

package/es/UNSAFE_Icon.js

@@ -1,5 +1,5 @@
-/* @oracle/oraclejet-preact: 14.0.12 */
-import { _ as __rest } from './tslib.es6-d3abf634.js';
+/* @oracle/oraclejet-preact: 14.0.13 */
+import { _ as __rest } from './tslib.es6-68e6c97c.js';
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import { Fragment } from 'preact';
 import "./UNSAFE_Icon.css";
@@ -11,7 +11,7 @@ import 'preact/hooks';
 import './hooks/UNSAFE_useId.js';
 import './UNSAFE_Floating.js';
 import 'preact/compat';
-import './index-6eadec6f.js';
+import './index-0dc67b71.js';
 import './utils/PRIVATE_floatingUtils.js';
 import './utils/PRIVATE_refUtils.js';
 import './hooks/UNSAFE_useOutsideClick.js';
@@ -91,29 +91,29 @@ const SemanticSvg = _a => {
 
 
 const sizeStyles = {
-  '1em': "_3bmwsf",
-  '1x': "_1ydk05v",
-  '2x': "qtc5fe",
-  '3x': "_1j5a46y",
-  '4x': "zdikeb",
-  '5x': "rocxod",
-  '6x': "_1p4dqbi",
-  '7x': "o3ccsp",
-  '8x': "ejr5l2",
-  '9x': "grnzeu",
-  '10x': "ya4r80",
-  '11x': "menf9z",
-  '12x': "g426yz"
+  '1em': "x4im83",
+  '1x': "j9tkqi",
+  '2x': "vr0tvr",
+  '3x': "_1phtohc",
+  '4x': "_1mhqs9n",
+  '5x': "n2pqru",
+  '6x': "_1f069hf",
+  '7x': "xves5f",
+  '8x': "uubpzl",
+  '9x': "_18v5hoc",
+  '10x': "lctgvd",
+  '11x': "_1ra2nty",
+  '12x': "ds5yf3"
 };
 const colorStyles = {
-  primary: "w2akqb",
-  secondary: "mbjdup",
-  disabled: "ecuedp",
-  danger: "_1x1oteo",
-  warning: "_1jj7f9l",
-  success: "_1yjn4tp",
-  info: "_1exb81o",
-  currentColor: "mwppom"
+  primary: "jy7041",
+  secondary: "_10mu38y",
+  disabled: "_1ocd9bz",
+  danger: "_1iv64nj",
+  warning: "_185v48e",
+  success: "bu7gyk",
+  info: "_1qme6kx",
+  currentColor: "xu8rxv"
 };
 
 // Returns a component that renders one of the given icon components based on reading direction

package/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, Fragment } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { useTooltip } from '../hooks/UNSAFE_useTooltip';\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\nconst SemanticSvg = ({ accessibleLabel, children, ...props }: SvgProps) => {\n  const { tooltipContent, tooltipProps } = useTooltip({\n    text: accessibleLabel,\n    anchor: {\n      x: 'element',\n      y: 'element'\n    },\n    position: 'bottom',\n    offset: {\n      mainAxis: 8, // redwood tooltip design spec\n      crossAxis: 0\n    }\n  });\n\n  return (\n    <Fragment>\n      <svg role=\"img\" {...props} {...tooltipProps} aria-label={accessibleLabel}>\n        {children}\n      </svg>\n      {tooltipContent}\n    </Fragment>\n  );\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  return (props: Props) => {\n    const { direction } = useUser();\n    return direction === 'ltr' ? <LtrIcon {...props} /> : <RtlIcon {...props} />;\n  };\n};\n","import { ComponentProps } from 'preact';\nimport { Icon } from './Icon';\nimport { useTheme } from '../hooks/UNSAFE_useTheme';\n\ntype Props = Omit<ComponentProps<typeof Icon>, 'viewBox'>;\n\ntype ThemeType = ReturnType<typeof useTheme>;\n\ntype ThemeIcons = Record<ThemeType['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  return (props: Props) => {\n    const { name } = useTheme();\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","tooltipContent","tooltipProps","useTooltip","text","anchor","x","y","position","offset","mainAxis","crossAxis"],"mappings":"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"}
+{"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, Fragment } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { useTooltip } from '../hooks/UNSAFE_useTooltip';\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\nconst SemanticSvg = ({ accessibleLabel, children, ...props }: SvgProps) => {\n  const { tooltipContent, tooltipProps } = useTooltip({\n    text: accessibleLabel,\n    anchor: {\n      x: 'element',\n      y: 'element'\n    },\n    position: 'bottom',\n    offset: {\n      mainAxis: 8, // redwood tooltip design spec\n      crossAxis: 0\n    }\n  });\n\n  return (\n    <Fragment>\n      <svg role=\"img\" {...props} {...tooltipProps} aria-label={accessibleLabel}>\n        {children}\n      </svg>\n      {tooltipContent}\n    </Fragment>\n  );\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  return (props: Props) => {\n    const { direction } = useUser();\n    return direction === 'ltr' ? <LtrIcon {...props} /> : <RtlIcon {...props} />;\n  };\n};\n","import { ComponentProps } from 'preact';\nimport { Icon } from './Icon';\nimport { useTheme } from '../hooks/UNSAFE_useTheme';\n\ntype Props = Omit<ComponentProps<typeof Icon>, 'viewBox'>;\n\ntype ThemeType = ReturnType<typeof useTheme>;\n\ntype ThemeIcons = Record<ThemeType['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  return (props: Props) => {\n    const { name } = useTheme();\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","tooltipContent","tooltipProps","useTooltip","text","anchor","x","y","position","offset","mainAxis","crossAxis"],"mappings":"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"}

package/es/UNSAFE_Icons.js

@@ -1,7 +1,7 @@
-/* @oracle/oraclejet-preact: 14.0.12 */
+/* @oracle/oraclejet-preact: 14.0.13 */
 import { jsx } from 'preact/jsx-runtime';
 import { Icon } from './UNSAFE_Icon.js';
-import './tslib.es6-d3abf634.js';
+import './tslib.es6-68e6c97c.js';
 import 'preact';
 
 import './utils/UNSAFE_classNames.js';
@@ -10,7 +10,7 @@ import 'preact/hooks';
 import './hooks/UNSAFE_useId.js';
 import './UNSAFE_Floating.js';
 import 'preact/compat';
-import './index-6eadec6f.js';
+import './index-0dc67b71.js';
 import './hooks/UNSAFE_useUser.js';
 import './UNSAFE_Environment.js';
 import './UNSAFE_Layer.js';

package/es/UNSAFE_Indexer.css

@@ -1,8 +1,8 @@
-.mbr12v{text-align:center;height:1rem;width:1.5rem;color:var(--oj-c-PRIVATE-DO-NOT-USE-indexer-text-color);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-indexer-font-size);line-height:1rem;}
-.u8kmvv{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
-.mq3m{outline-style:dotted;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:-1px;}
-._6etofs{font-weight:bold;}
-.pspjjx::after{content:"●";}
+.mblxmt{height:100%;}
+.upv3z8{list-style-type:none;margin:0px;margin-top:auto;margin-bottom:auto;padding-top:0;padding-bottom:0;padding-left:0;padding-right:0;outline-style:none;}
 
-._5gtuk2{height:100%;}
-._1au7ato{list-style-type:none;margin:0px;margin-top:auto;margin-bottom:auto;padding-top:0;padding-bottom:0;padding-left:0;padding-right:0;outline-style:none;}
+._1n8pfbx{text-align:center;height:1rem;width:1.5rem;color:var(--oj-c-PRIVATE-DO-NOT-USE-indexer-text-color);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-indexer-font-size);line-height:1rem;}
+.u3vz3n{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
+.lpq8rd{outline-style:dotted;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:-1px;}
+._1ws7go8{font-weight:bold;}
+._1r9jizl::after{content:"●";}

package/es/UNSAFE_Indexer.js

@@ -1,11 +1,11 @@
-/* @oracle/oraclejet-preact: 14.0.12 */
+/* @oracle/oraclejet-preact: 14.0.13 */
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import { Fragment, createRef } from 'preact';
 import { useRef, useState, useCallback, useEffect } from 'preact/hooks';
 import { Flex } from './UNSAFE_Flex.js';
 import "./UNSAFE_Indexer.css";
 import { mergeProps } from './utils/UNSAFE_mergeProps.js';
-import { u as useSingleSelection } from './useSingleSelection-f16aaf27.js';
+import { u as useSingleSelection } from './useSingleSelection-06587bde.js';
 import { useCurrentKey } from './hooks/PRIVATE_useCurrentKey.js';
 import { useCollectionFocusRing } from './hooks/PRIVATE_useCollectionFocusRing.js';
 import { keyExtractor, getPrevNextKey } from './utils/PRIVATE_collectionUtils.js';
@@ -14,19 +14,19 @@ import { useId } from './hooks/UNSAFE_useId.js';
 import { useTranslationBundle } from './hooks/UNSAFE_useTranslationBundle.js';
 import { HiddenAccessible } from './UNSAFE_HiddenAccessible.js';
 import { Collection } from './PRIVATE_Collection.js';
-import { _ as __rest } from './tslib.es6-d3abf634.js';
+import { _ as __rest } from './tslib.es6-68e6c97c.js';
 import { classNames } from './utils/UNSAFE_classNames.js';
 import { forwardRef } from 'preact/compat';
 import './utils/UNSAFE_interpolations/dimensions.js';
 import './utils/UNSAFE_arrayUtils.js';
 import './utils/UNSAFE_size.js';
-import './_curry1-741e4bea.js';
+import './_curry1-c100c79d.js';
 import './utils/UNSAFE_mergeInterpolations.js';
-import './_curry3-38b39c78.js';
-import './_curry2-17784d2a.js';
-import './_has-236af835.js';
+import './_curry3-9bd04864.js';
+import './_curry2-827fde97.js';
+import './_has-53d27ca3.js';
 import './utils/UNSAFE_interpolations/boxalignment.js';
-import './keys-1671d3fe.js';
+import './keys-b7a6d93b.js';
 import './utils/UNSAFE_interpolations/flexbox.js';
 import './utils/UNSAFE_interpolations/flexitem.js';
 import './utils/UNSAFE_keys.js';
@@ -44,15 +44,15 @@ const SECTION_OTHERS = Object.freeze({
   label: '#'
 });
 const liStyles = {
-  base: "mbr12v",
-  disabled: "u8kmvv",
-  focused: "mq3m",
-  selected: "_6etofs"
+  base: "_1n8pfbx",
+  disabled: "u3vz3n",
+  focused: "lpq8rd",
+  selected: "_1ws7go8"
 };
 const ITEM_STYLE_CLASS = liStyles.base;
 const ITEM_SELECTOR = '.' + ITEM_STYLE_CLASS;
 const dotStyles = {
-  base: "pspjjx"
+  base: "_1r9jizl"
 };
 const SectionItem = forwardRef((props, ref) => {
   const translations = useTranslationBundle('@oracle/oraclejet-preact');
@@ -196,10 +196,10 @@ function isInSeparatorMiddle(index, from, to) {
 }
 
 const styles = {
-  base: "_5gtuk2"
+  base: "mblxmt"
 };
 const ulStyles = {
-  base: "_1au7ato"
+  base: "upv3z8"
 };
 const defaultSections = [{
   key: 'A'