@oracle/oraclejet-preact 14.1.5 → 14.1.6

package/es/UNSAFE_ListItemLayout.css

@@ -1,10 +1,10 @@
-.ynd5t7 > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
-.ahbuaw{align-self:center;margin:-0.875rem -0.875rem;}
-.bdrupu{align-self:center;min-width:0;}
-._1yp3uhr{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);}
-._1fyokva{display:flex;flex-direction:column;}
-.q4tt1s{display:flex;flex-direction:row;justify-content:right;align-self:center;}
-.cxpmu{display:flex;flex-direction:row;justify-content:right;}
-.rx07kc{align-self:end;}
+.e6288i > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+._120noxi{align-self:center;margin:-0.875rem -0.875rem;}
+.g2ke7c{align-self:center;min-width:0;}
+._1y9b2mv{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);}
+._8iwsxt{display:flex;flex-direction:column;}
+._10jj3fl{display:flex;flex-direction:row;justify-content:right;align-self:center;}
+.e2sqty{display:flex;flex-direction:row;justify-content:right;}
+._1w7o6pe{align-self:end;}
 
-.vtccng{display:flex;flex-direction:column;}
+.y1ugrf{display:flex;flex-direction:column;}

package/es/UNSAFE_ListItemLayout.js

@@ -1,39 +1,39 @@
-/* @oracle/oraclejet-preact: 14.1.5 */
+/* @oracle/oraclejet-preact: 14.1.6 */
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import "./UNSAFE_ListItemLayout.css";
 import { Grid } from './UNSAFE_Grid.js';
 import { classNames } from './utils/UNSAFE_classNames.js';
 import { Text } from './UNSAFE_Text.js';
 import { useTabbableMode } from './hooks/UNSAFE_useTabbableMode.js';
-import './tslib.es6-a3e7ccbd.js';
+import './tslib.es6-6d6c24be.js';
 import './utils/UNSAFE_interpolations/grid.js';
 import './utils/UNSAFE_interpolations/boxalignment.js';
-import './keys-c998dc53.js';
-import './_curry1-e88bb1f4.js';
-import './_has-62fb6322.js';
+import './keys-5f7cf8d0.js';
+import './_curry1-88605b19.js';
+import './_has-7e77579f.js';
 import './utils/UNSAFE_size.js';
 import './utils/UNSAFE_arrayUtils.js';
 import './utils/UNSAFE_mergeInterpolations.js';
-import './_curry3-2f55388c.js';
-import './_curry2-0c5fdcaf.js';
+import './_curry3-c3f862d0.js';
+import './_curry2-677e2e20.js';
 import 'preact';
 import 'preact/hooks';
 
-const childrenStyles = "ynd5t7"; // TODO: revisit idea of negative margin when selector has a proper API for handling spacing
+const childrenStyles = "e6288i"; // TODO: revisit idea of negative margin when selector has a proper API for handling spacing
 // Jira: JET-54543
 // negative margin added to selector
 
-const selectorStyles = "ahbuaw"; // most content will be vertically centered
+const selectorStyles = "_120noxi"; // most content will be vertically centered
 
-const centerVerticalStyles = "bdrupu"; // extra spacing is needed between meta, trailing, and action components
+const centerVerticalStyles = "g2ke7c"; // extra spacing is needed between meta, trailing, and action components
 
-const leftPaddingStyles = "_1yp3uhr"; // the central text area displays overline, primary, secondary, and tertiary in a column
+const leftPaddingStyles = "_1y9b2mv"; // the central text area displays overline, primary, secondary, and tertiary in a column
 
-const flexColumnStyles$1 = "_1fyokva"; // "extra" components in row 1 and the link in row 2 are justified on the righthand side of the list item layout
+const flexColumnStyles$1 = "_8iwsxt"; // "extra" components in row 1 and the link in row 2 are justified on the righthand side of the list item layout
 
-const flexRowStyles = "q4tt1s";
-const rightJustifyStyles = "cxpmu";
-const rowAlignStyles = "rx07kc";
+const flexRowStyles = "_10jj3fl";
+const rightJustifyStyles = "e2sqty";
+const rowAlignStyles = "_1w7o6pe";
 function ListItemLayout({
   children,
   selector,
@@ -190,7 +190,7 @@ function ListItemText({ children, variant }) {
     return isTabbable ? jsx("div", Object.assign({ tabIndex: 0 }, { children: textContent })) : textContent;
 }
 
-const flexColumnStyles = "vtccng";
+const flexColumnStyles = "y1ugrf";
 function ListItemTextLayout({
   primary,
   secondary,

package/es/UNSAFE_ListItemLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_ListItemLayout.js","sources":["../../src/UNSAFE_ListItemLayout/ListItemLayout.tsx","../../src/UNSAFE_ListItemLayout/ListItemText.tsx","../../src/UNSAFE_ListItemLayout/ListItemTextLayout.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, JSX } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { Grid } from '../UNSAFE_Grid';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\ntype Props = {\n  children?: ComponentChildren;\n  /**\n   * The centermost element that should display more important data.\n   */\n  primary?: ComponentChildren;\n  /**\n   * Render Selector component in the leftmost column of the grid.\n   */\n  selector?: ComponentChildren;\n  /**\n   * Visual element to the left of the primary section.\n   * Supports image, avatar, badge, initials, or icon.\n   */\n  leading?: ComponentChildren;\n  /**\n   * A section that is rendered above the primary line.\n   */\n  overline?: ComponentChildren;\n  /**\n   * A section below the primary line.\n   */\n  secondary?: ComponentChildren;\n  /**\n   * Another section below secondary.\n   */\n  tertiary?: ComponentChildren;\n  /**\n   * Provides information about other data.\n   * Some examples of basic metadata are author, date created, date modified, file size, abbreviations, etc.\n   */\n  metadata?: ComponentChildren;\n  /**\n   * Visual element to the right of the primary section and metadata.\n   * Example components are image, avatar, badge, initials, or icon.\n   */\n  trailing?: ComponentChildren;\n  /**\n   * The action prop displays either one primary action or one or more secondary actions.\n   * A common example is using Toolbar.\n   */\n  action?: ComponentChildren;\n  /**\n   * Additional section separated with a space between itself and tertiary.\n   */\n  quaternary?: ComponentChildren;\n  /**\n   * Navigation should normally be used for linking away from the layout.\n   */\n  navigation?: ComponentChildren;\n} & IntrinsicProps;\n\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// TODO: revisit idea of negative margin when selector has a proper API for handling spacing\n// Jira: JET-54543\n// negative margin added to selector\nconst selectorStyles = cssProps`${{\n  alignSelf: 'center',\n  margin: '-0.875rem -0.875rem'\n}}`;\n\n// most content will be vertically centered\nconst centerVerticalStyles = cssProps`${{\n  alignSelf: 'center',\n  minWidth: 0\n}}`;\n\n// extra spacing is needed between meta, trailing, and action components\nconst leftPaddingStyles = cssProps`${{\n  paddingInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)'\n}}`;\n\n// the central text area displays overline, primary, secondary, and tertiary in a column\nconst flexColumnStyles = cssProps`${{\n  display: 'flex',\n  flexDirection: 'column'\n}}`;\n\n// \"extra\" components in row 1 and the link in row 2 are justified on the righthand side of the list item layout\nconst flexRowStyles = cssProps`${{\n  display: 'flex',\n  flexDirection: 'row',\n  justifyContent: 'right',\n  alignSelf: 'center'\n}}`;\n\nconst rightJustifyStyles = cssProps`${{\n  display: 'flex',\n  flexDirection: 'row',\n  justifyContent: 'right'\n}}`;\n\nconst rowAlignStyles = cssProps`${{\n  alignSelf: 'end'\n}}`;\n\nexport function ListItemLayout({\n  children,\n  selector,\n  leading,\n  primary,\n  secondary,\n  tertiary,\n  overline,\n  metadata,\n  trailing,\n  action,\n  quaternary,\n  navigation\n}: Props) {\n  // generate grid skeleton, adding cells based on which props are defined\n  const { columnsTemplate, firstCell, secondCell, lastCell, hasSecondRow } = getColumnsTemplate(\n    selector,\n    leading,\n    metadata,\n    trailing,\n    action,\n    quaternary,\n    navigation\n  );\n\n  // if ListItemLayout component has a child (ListItemTextLayout) then render that instead of individual props\n  const textArea = children ? (\n    <div className={childrenStyles}>{children}</div>\n  ) : (\n    <div className={flexColumnStyles}>\n      <div>{overline}</div>\n      <div>{primary}</div>\n      <div>{secondary}</div>\n      <div>{tertiary}</div>\n    </div>\n  );\n\n  // a second row is needed when quaternary or navigation are defined\n  const secondRow = hasSecondRow\n    ? [\n        firstCell && <span> </span>,\n        secondCell && <span> </span>,\n        <div className={rowAlignStyles}>{quaternary}</div>,\n        lastCell && <div className={rightJustifyStyles}>{navigation}</div>\n      ]\n    : null;\n\n  return (\n    <Grid gap=\"4x\" gridTemplateColumns={columnsTemplate}>\n      {firstCell}\n      {secondCell}\n      <div className={centerVerticalStyles}>{textArea}</div>\n      {lastCell}\n      {secondRow}\n    </Grid>\n  );\n}\n\nfunction getColumnsTemplate(\n  selector: ComponentChildren,\n  leading: ComponentChildren,\n  metadata: ComponentChildren,\n  trailing: ComponentChildren,\n  action: ComponentChildren,\n  quaternary: ComponentChildren,\n  navigation: ComponentChildren\n) {\n  const columnsTemplateBuilder = [];\n\n  let firstCell = null;\n  if (selector) {\n    columnsTemplateBuilder.push('auto');\n    firstCell = <div className={selectorStyles}>{selector}</div>;\n  }\n\n  let secondCell = null;\n  if (leading) {\n    columnsTemplateBuilder.push('auto');\n    secondCell = <div className={centerVerticalStyles}>{leading}</div>;\n  }\n\n  columnsTemplateBuilder.push('1fr'); // Text area always gets 1 full fraction of allotted space\n\n  let lastCell = null;\n  if (metadata || trailing || action || navigation) {\n    columnsTemplateBuilder.push('auto');\n    lastCell = (\n      <div className={flexRowStyles}>\n        <div className={classNames([centerVerticalStyles, metadata ? leftPaddingStyles : ''])}>\n          {metadata}\n        </div>\n        <div className={classNames([centerVerticalStyles, trailing ? leftPaddingStyles : ''])}>\n          {trailing}\n        </div>\n        <div className={classNames([centerVerticalStyles, action ? leftPaddingStyles : ''])}>\n          {action}\n        </div>\n      </div>\n    );\n  }\n\n  const columnsTemplate = columnsTemplateBuilder.join(' ');\n  const hasSecondRow = quaternary || navigation ? true : false;\n\n  return { columnsTemplate, firstCell, secondCell, lastCell, hasSecondRow };\n}\n","/**\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, ComponentProps } from 'preact';\nimport { Text } from '../UNSAFE_Text';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\ntype Props = {\n  children?: string;\n  /**\n   * Name of the text slot which determines styling\n   */\n  variant: 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'overline' | 'metadata';\n} & IntrinsicProps;\n\nconst textVariants: Record<Props['variant'], ComponentProps<typeof Text>['variant']> = {\n  primary: 'primary',\n  secondary: 'primary',\n  tertiary: 'secondary',\n  quaternary: 'secondary',\n  overline: 'secondary',\n  metadata: 'secondary'\n};\n\nconst textSizes: Record<Props['variant'], ComponentProps<typeof Text>['size']> = {\n  primary: 'md',\n  secondary: 'sm',\n  tertiary: 'xs',\n  quaternary: 'sm',\n  overline: 'xs',\n  metadata: 'sm'\n};\n\nconst textLineClamps: Record<Props['variant'], ComponentProps<typeof Text>['lineClamp']> = {\n  primary: undefined,\n  secondary: 2,\n  tertiary: 2,\n  quaternary: 2,\n  overline: 1,\n  metadata: 1\n};\n\nexport function ListItemText({ children, variant }: Props) {\n  const { isTabbable } = useTabbableMode();\n\n  const textContent = (\n    <Text\n      variant={textVariants[variant]}\n      size={textSizes[variant]}\n      lineClamp={textLineClamps[variant]}>\n      {children}\n    </Text>\n  );\n\n  return isTabbable ? <div tabIndex={0}>{textContent}</div> : textContent;\n}\n","/**\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 { ListItemText } from './ListItemText';\n\ntype IntrinsicProps = JSX.HTMLAttributes<HTMLDivElement>;\ntype Props = {\n  /**\n   * The primary prop takes a simple string that will be formatted and placed in the center of the text area.\n   */\n  primary?: string;\n  /**\n   * The secondary prop takes a simple string that will be formatted and placed below the primary text.\n   */\n  secondary?: string;\n  /**\n   * The tertiary prop takes a simple string that will be formatted and placed below the secondary text.\n   */\n  tertiary?: string;\n  /**\n   * The overline prop takes a simple string that will be formatted and placed above the primary text.\n   */\n  overline?: string;\n} & IntrinsicProps;\n\nconst flexColumnStyles = cssProps`${{\n  display: 'flex',\n  flexDirection: 'column'\n}}`;\n\nexport function ListItemTextLayout({ primary, secondary, tertiary, overline }: Props) {\n  return (\n    <div className={flexColumnStyles}>\n      <ListItemText variant=\"overline\">{overline}</ListItemText>\n      <ListItemText variant=\"primary\">{primary}</ListItemText>\n      <ListItemText variant=\"secondary\">{secondary}</ListItemText>\n      <ListItemText variant=\"tertiary\">{tertiary}</ListItemText>\n    </div>\n  );\n}\n"],"names":["childrenStyles","selectorStyles","centerVerticalStyles","leftPaddingStyles","flexColumnStyles","flexRowStyles","rightJustifyStyles","rowAlignStyles","ListItemLayout","children","selector","leading","primary","secondary","tertiary","overline","metadata","trailing","action","quaternary","navigation","columnsTemplate","firstCell","secondCell","lastCell","hasSecondRow","getColumnsTemplate","textArea","_jsx","Object","assign","className","_jsxs","Grid","gap","gridTemplateColumns","secondRow","columnsTemplateBuilder","push","classNames","ListItemTextLayout"],"mappings":"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"}
+{"version":3,"file":"UNSAFE_ListItemLayout.js","sources":["../../src/UNSAFE_ListItemLayout/ListItemLayout.tsx","../../src/UNSAFE_ListItemLayout/ListItemText.tsx","../../src/UNSAFE_ListItemLayout/ListItemTextLayout.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, JSX } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { Grid } from '../UNSAFE_Grid';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\ntype Props = {\n  children?: ComponentChildren;\n  /**\n   * The centermost element that should display more important data.\n   */\n  primary?: ComponentChildren;\n  /**\n   * Render Selector component in the leftmost column of the grid.\n   */\n  selector?: ComponentChildren;\n  /**\n   * Visual element to the left of the primary section.\n   * Supports image, avatar, badge, initials, or icon.\n   */\n  leading?: ComponentChildren;\n  /**\n   * A section that is rendered above the primary line.\n   */\n  overline?: ComponentChildren;\n  /**\n   * A section below the primary line.\n   */\n  secondary?: ComponentChildren;\n  /**\n   * Another section below secondary.\n   */\n  tertiary?: ComponentChildren;\n  /**\n   * Provides information about other data.\n   * Some examples of basic metadata are author, date created, date modified, file size, abbreviations, etc.\n   */\n  metadata?: ComponentChildren;\n  /**\n   * Visual element to the right of the primary section and metadata.\n   * Example components are image, avatar, badge, initials, or icon.\n   */\n  trailing?: ComponentChildren;\n  /**\n   * The action prop displays either one primary action or one or more secondary actions.\n   * A common example is using Toolbar.\n   */\n  action?: ComponentChildren;\n  /**\n   * Additional section separated with a space between itself and tertiary.\n   */\n  quaternary?: ComponentChildren;\n  /**\n   * Navigation should normally be used for linking away from the layout.\n   */\n  navigation?: ComponentChildren;\n} & IntrinsicProps;\n\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// TODO: revisit idea of negative margin when selector has a proper API for handling spacing\n// Jira: JET-54543\n// negative margin added to selector\nconst selectorStyles = cssProps`${{\n  alignSelf: 'center',\n  margin: '-0.875rem -0.875rem'\n}}`;\n\n// most content will be vertically centered\nconst centerVerticalStyles = cssProps`${{\n  alignSelf: 'center',\n  minWidth: 0\n}}`;\n\n// extra spacing is needed between meta, trailing, and action components\nconst leftPaddingStyles = cssProps`${{\n  paddingInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)'\n}}`;\n\n// the central text area displays overline, primary, secondary, and tertiary in a column\nconst flexColumnStyles = cssProps`${{\n  display: 'flex',\n  flexDirection: 'column'\n}}`;\n\n// \"extra\" components in row 1 and the link in row 2 are justified on the righthand side of the list item layout\nconst flexRowStyles = cssProps`${{\n  display: 'flex',\n  flexDirection: 'row',\n  justifyContent: 'right',\n  alignSelf: 'center'\n}}`;\n\nconst rightJustifyStyles = cssProps`${{\n  display: 'flex',\n  flexDirection: 'row',\n  justifyContent: 'right'\n}}`;\n\nconst rowAlignStyles = cssProps`${{\n  alignSelf: 'end'\n}}`;\n\nexport function ListItemLayout({\n  children,\n  selector,\n  leading,\n  primary,\n  secondary,\n  tertiary,\n  overline,\n  metadata,\n  trailing,\n  action,\n  quaternary,\n  navigation\n}: Props) {\n  // generate grid skeleton, adding cells based on which props are defined\n  const { columnsTemplate, firstCell, secondCell, lastCell, hasSecondRow } = getColumnsTemplate(\n    selector,\n    leading,\n    metadata,\n    trailing,\n    action,\n    quaternary,\n    navigation\n  );\n\n  // if ListItemLayout component has a child (ListItemTextLayout) then render that instead of individual props\n  const textArea = children ? (\n    <div className={childrenStyles}>{children}</div>\n  ) : (\n    <div className={flexColumnStyles}>\n      <div>{overline}</div>\n      <div>{primary}</div>\n      <div>{secondary}</div>\n      <div>{tertiary}</div>\n    </div>\n  );\n\n  // a second row is needed when quaternary or navigation are defined\n  const secondRow = hasSecondRow\n    ? [\n        firstCell && <span> </span>,\n        secondCell && <span> </span>,\n        <div className={rowAlignStyles}>{quaternary}</div>,\n        lastCell && <div className={rightJustifyStyles}>{navigation}</div>\n      ]\n    : null;\n\n  return (\n    <Grid gap=\"4x\" gridTemplateColumns={columnsTemplate}>\n      {firstCell}\n      {secondCell}\n      <div className={centerVerticalStyles}>{textArea}</div>\n      {lastCell}\n      {secondRow}\n    </Grid>\n  );\n}\n\nfunction getColumnsTemplate(\n  selector: ComponentChildren,\n  leading: ComponentChildren,\n  metadata: ComponentChildren,\n  trailing: ComponentChildren,\n  action: ComponentChildren,\n  quaternary: ComponentChildren,\n  navigation: ComponentChildren\n) {\n  const columnsTemplateBuilder = [];\n\n  let firstCell = null;\n  if (selector) {\n    columnsTemplateBuilder.push('auto');\n    firstCell = <div className={selectorStyles}>{selector}</div>;\n  }\n\n  let secondCell = null;\n  if (leading) {\n    columnsTemplateBuilder.push('auto');\n    secondCell = <div className={centerVerticalStyles}>{leading}</div>;\n  }\n\n  columnsTemplateBuilder.push('1fr'); // Text area always gets 1 full fraction of allotted space\n\n  let lastCell = null;\n  if (metadata || trailing || action || navigation) {\n    columnsTemplateBuilder.push('auto');\n    lastCell = (\n      <div className={flexRowStyles}>\n        <div className={classNames([centerVerticalStyles, metadata ? leftPaddingStyles : ''])}>\n          {metadata}\n        </div>\n        <div className={classNames([centerVerticalStyles, trailing ? leftPaddingStyles : ''])}>\n          {trailing}\n        </div>\n        <div className={classNames([centerVerticalStyles, action ? leftPaddingStyles : ''])}>\n          {action}\n        </div>\n      </div>\n    );\n  }\n\n  const columnsTemplate = columnsTemplateBuilder.join(' ');\n  const hasSecondRow = quaternary || navigation ? true : false;\n\n  return { columnsTemplate, firstCell, secondCell, lastCell, hasSecondRow };\n}\n","/**\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, ComponentProps } from 'preact';\nimport { Text } from '../UNSAFE_Text';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\ntype Props = {\n  children?: string;\n  /**\n   * Name of the text slot which determines styling\n   */\n  variant: 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'overline' | 'metadata';\n} & IntrinsicProps;\n\nconst textVariants: Record<Props['variant'], ComponentProps<typeof Text>['variant']> = {\n  primary: 'primary',\n  secondary: 'primary',\n  tertiary: 'secondary',\n  quaternary: 'secondary',\n  overline: 'secondary',\n  metadata: 'secondary'\n};\n\nconst textSizes: Record<Props['variant'], ComponentProps<typeof Text>['size']> = {\n  primary: 'md',\n  secondary: 'sm',\n  tertiary: 'xs',\n  quaternary: 'sm',\n  overline: 'xs',\n  metadata: 'sm'\n};\n\nconst textLineClamps: Record<Props['variant'], ComponentProps<typeof Text>['lineClamp']> = {\n  primary: undefined,\n  secondary: 2,\n  tertiary: 2,\n  quaternary: 2,\n  overline: 1,\n  metadata: 1\n};\n\nexport function ListItemText({ children, variant }: Props) {\n  const { isTabbable } = useTabbableMode();\n\n  const textContent = (\n    <Text\n      variant={textVariants[variant]}\n      size={textSizes[variant]}\n      lineClamp={textLineClamps[variant]}>\n      {children}\n    </Text>\n  );\n\n  return isTabbable ? <div tabIndex={0}>{textContent}</div> : textContent;\n}\n","/**\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 { ListItemText } from './ListItemText';\n\ntype IntrinsicProps = JSX.HTMLAttributes<HTMLDivElement>;\ntype Props = {\n  /**\n   * The primary prop takes a simple string that will be formatted and placed in the center of the text area.\n   */\n  primary?: string;\n  /**\n   * The secondary prop takes a simple string that will be formatted and placed below the primary text.\n   */\n  secondary?: string;\n  /**\n   * The tertiary prop takes a simple string that will be formatted and placed below the secondary text.\n   */\n  tertiary?: string;\n  /**\n   * The overline prop takes a simple string that will be formatted and placed above the primary text.\n   */\n  overline?: string;\n} & IntrinsicProps;\n\nconst flexColumnStyles = cssProps`${{\n  display: 'flex',\n  flexDirection: 'column'\n}}`;\n\nexport function ListItemTextLayout({ primary, secondary, tertiary, overline }: Props) {\n  return (\n    <div className={flexColumnStyles}>\n      <ListItemText variant=\"overline\">{overline}</ListItemText>\n      <ListItemText variant=\"primary\">{primary}</ListItemText>\n      <ListItemText variant=\"secondary\">{secondary}</ListItemText>\n      <ListItemText variant=\"tertiary\">{tertiary}</ListItemText>\n    </div>\n  );\n}\n"],"names":["childrenStyles","selectorStyles","centerVerticalStyles","leftPaddingStyles","flexColumnStyles","flexRowStyles","rightJustifyStyles","rowAlignStyles","ListItemLayout","children","selector","leading","primary","secondary","tertiary","overline","metadata","trailing","action","quaternary","navigation","columnsTemplate","firstCell","secondCell","lastCell","hasSecondRow","getColumnsTemplate","textArea","_jsx","Object","assign","className","_jsxs","Grid","gap","gridTemplateColumns","secondRow","columnsTemplateBuilder","push","classNames","ListItemTextLayout"],"mappings":"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"}

package/es/UNSAFE_ListView.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.1.5 */
+/* @oracle/oraclejet-preact: 14.1.6 */
 import { jsx } from 'preact/jsx-runtime';
 import { List } from './PRIVATE_List.js';
 import 'preact/hooks';
@@ -6,7 +6,7 @@ import 'preact/hooks';
 import './utils/UNSAFE_classNames.js';
 import './utils/UNSAFE_mergeProps.js';
 import './utils/UNSAFE_keys.js';
-import './LoadMoreCollection-a6959af2.js';
+import './LoadMoreCollection-145e821b.js';
 import './PRIVATE_Collection.js';
 import 'preact';
 import './hooks/UNSAFE_useViewportIntersect.js';
@@ -16,9 +16,9 @@ import './hooks/UNSAFE_useTabbableMode.js';
 import './UNSAFE_FocusTrap.js';
 import 'preact/compat';
 import './utils/PRIVATE_tabbableUtils.js';
-import './_curry1-e88bb1f4.js';
-import './_curry2-0c5fdcaf.js';
-import './_curry3-2f55388c.js';
+import './_curry1-88605b19.js';
+import './_curry2-677e2e20.js';
+import './_curry3-c3f862d0.js';
 import './hooks/UNSAFE_useId.js';
 import './hooks/PRIVATE_useSelection.js';
 import './hooks/PRIVATE_useCurrentKey.js';
@@ -27,15 +27,15 @@ import './hooks/PRIVATE_useTabbableModeSet.js';
 import './hooks/PRIVATE_useItemAction.js';
 import './utils/PRIVATE_collectionUtils.js';
 import './UNSAFE_Skeleton.js';
-import './tslib.es6-a3e7ccbd.js';
+import './tslib.es6-6d6c24be.js';
 import './utils/UNSAFE_interpolations/dimensions.js';
 import './utils/UNSAFE_size.js';
 import './utils/UNSAFE_mergeInterpolations.js';
-import './_has-62fb6322.js';
+import './_has-7e77579f.js';
 import './utils/UNSAFE_interpolations/borders.js';
 import './UNSAFE_Flex.js';
 import './utils/UNSAFE_interpolations/boxalignment.js';
-import './keys-c998dc53.js';
+import './keys-5f7cf8d0.js';
 import './utils/UNSAFE_interpolations/flexbox.js';
 import './utils/UNSAFE_interpolations/flexitem.js';
 import './UNSAFE_Selector.js';
@@ -44,7 +44,7 @@ import './UNSAFE_Icons.js';
 import './UNSAFE_Icon.js';
 import './hooks/UNSAFE_useTooltip.js';
 import './UNSAFE_Floating.js';
-import './index-e2b41a4a.js';
+import './index-64ecf0b2.js';
 import './hooks/UNSAFE_useUser.js';
 import './UNSAFE_Environment.js';
 import './UNSAFE_Layer.js';

package/es/UNSAFE_LiveRegion.css

@@ -1 +1 @@
-.i697u1{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;}
+.ailwtr{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_LiveRegion.js

@@ -1,9 +1,9 @@
-/* @oracle/oraclejet-preact: 14.1.5 */
+/* @oracle/oraclejet-preact: 14.1.6 */
 import { jsx } from 'preact/jsx-runtime';
 import "./UNSAFE_LiveRegion.css";
 import { useState, useCallback, useEffect } from 'preact/hooks';
 
-const offScreenStyle = "i697u1";
+const offScreenStyle = "ailwtr";
 /**
  * A helper component that renders an aria-live region
  *

package/es/UNSAFE_LoadMoreCollection.js

@@ -1,5 +1,5 @@
-/* @oracle/oraclejet-preact: 14.1.5 */
-export { L as LoadMoreCollection } from './LoadMoreCollection-a6959af2.js';
+/* @oracle/oraclejet-preact: 14.1.6 */
+export { L as LoadMoreCollection } from './LoadMoreCollection-145e821b.js';
 import 'preact/jsx-runtime';
 import 'preact/hooks';
 import './PRIVATE_Collection.js';

package/es/UNSAFE_Menu.css

@@ -1,27 +1,27 @@
-._55xkm0{cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable) !important;width:100%;padding-top:var(--oj-PRIVATE-DO-NOT-USE-collection-list-cell-padding-vertical);padding-bottom:var(--oj-PRIVATE-DO-NOT-USE-collection-list-cell-padding-vertical);padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-menu-start-edge-to-start-icon-padding);padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-menu-end-icon-to-end-edge-padding);box-sizing:border-box;min-height:var( --oj-c-PRIVATE-NOT-USE-collection-list-row-height);display:flex;text-align:start;align-items:center;text-decoration-line:none !important;outline-style:none;}
-.wxlnwo{outline-style:dotted;outline-offset:1px;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);}
-.qllwp0{color:var(--oj-c-PRIVATE-DO-NOT-USE-menu-text-color);}.qllwp0:active{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-active);color:var(--oj-c-PRIVATE-DO-NOT-USE-menu-text-color);}
-.g0nt41:not(:active){background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);}
-@media(hover:hover){.okcesu:hover:not(:active){background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);}}
-.beuvd5{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-danger-low);}.beuvd5:active{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-danger-hover);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-danger);}
-.sqgxbu{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-danger-hover);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-danger);}
-@media(hover:hover){._14vjsjh:hover{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-danger-hover);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-danger);}}
-._195el16{display:flex;align-items:center;overflow-x:hidden;overflow-y:hidden;}
-._1ahm64y{flex-grow:1;min-height:var(--oj-c-PRIVATE-DO-NOT-USE-menu-icon-size);}
-.k7ydba{flex-shrink:0;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-menu-icon-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-menu-icon-size);width:var(--oj-c-PRIVATE-DO-NOT-USE-menu-icon-size);}
-.u5l6yz{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-menu-start-icon-to-label-padding);}
-._1w7lbqc{margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-menu-label-to-end-icon-padding);}
-.l6zzn{cursor:default !important;color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}.l6zzn:active{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
+.uy86jc{cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable) !important;width:100%;padding-top:var(--oj-PRIVATE-DO-NOT-USE-collection-list-cell-padding-vertical);padding-bottom:var(--oj-PRIVATE-DO-NOT-USE-collection-list-cell-padding-vertical);padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-menu-start-edge-to-start-icon-padding);padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-menu-end-icon-to-end-edge-padding);box-sizing:border-box;min-height:var( --oj-c-PRIVATE-NOT-USE-collection-list-row-height);display:flex;text-align:start;align-items:center;text-decoration-line:none !important;outline-style:none;}
+._1ay8lpv{outline-style:dotted;outline-offset:1px;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);}
+._183pxal{color:var(--oj-c-PRIVATE-DO-NOT-USE-menu-text-color);}._183pxal:active{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-active);color:var(--oj-c-PRIVATE-DO-NOT-USE-menu-text-color);}
+._1631jy8:not(:active){background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);}
+@media(hover:hover){._1avpdme:hover:not(:active){background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);}}
+._1w2fc41{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-danger-low);}._1w2fc41:active{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-danger-hover);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-danger);}
+._1jigcrp{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-danger-hover);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-danger);}
+@media(hover:hover){._1l42a7d:hover{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-danger-hover);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-danger);}}
+.w2zj5e{display:flex;align-items:center;overflow-x:hidden;overflow-y:hidden;}
+._1flx4yv{flex-grow:1;min-height:var(--oj-c-PRIVATE-DO-NOT-USE-menu-icon-size);}
+._22n6tp{flex-shrink:0;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-menu-icon-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-menu-icon-size);width:var(--oj-c-PRIVATE-DO-NOT-USE-menu-icon-size);}
+._15d9cuq{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-menu-start-icon-to-label-padding);}
+.bzjo3e{margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-menu-label-to-end-icon-padding);}
+._109xf4m{cursor:default !important;color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}._109xf4m:active{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
 
-._16k9pck{padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-menu-divider-vertical-padding);padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-menu-divider-vertical-padding);}
+.m4hqe7{padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-menu-divider-vertical-padding);padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-menu-divider-vertical-padding);}
 
-._12yb6re{max-width:90vw;width:max-content;border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-lg);box-shadow:var(--oj-c-PRIVATE-DO-NOT-USE-core-dropdown-box-shadow);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-content);}
+._9qv38x{max-width:90vw;width:max-content;border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-lg);box-shadow:var(--oj-c-PRIVATE-DO-NOT-USE-core-dropdown-box-shadow);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-content);}
 
-.tshc4{position:fixed;top:0;bottom:0;left:0;right:0;z-index:var(--oj-c-PRIVATE-DO-NOT-USE-core-z-index-popup);}
-._9l763n{position:absolute;top:0;bottom:0;left:0;right:0;}
-._1j5qs35{border-radius:16px 16px 0 0;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-content);position:absolute;bottom:0;left:0;right:0;max-height:calc(100% - 96px);overflow-y:auto;overscroll-behavior-y:contain;touch-action:pan-y;user-select:none;}
-.f40ayj{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-scrim-color);}
+._1tnuge4{position:fixed;top:0;bottom:0;left:0;right:0;z-index:var(--oj-c-PRIVATE-DO-NOT-USE-core-z-index-popup);}
+._1jiarqe{position:absolute;top:0;bottom:0;left:0;right:0;}
+._1rbaa1g{border-radius:16px 16px 0 0;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-content);position:absolute;bottom:0;left:0;right:0;max-height:calc(100% - 96px);overflow-y:auto;overscroll-behavior-y:contain;touch-action:pan-y;user-select:none;}
+._13n37ll{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-scrim-color);}
 
-.pzg8vc{outline-style:none;}
-.age93b{padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
-._1lmt3my{padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x);padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
+.szytpt{outline-style:none;}
+.yya9pc{padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
+._1e9ndpz{padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x);padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}

package/es/UNSAFE_Menu.js

@@ -1,5 +1,5 @@
-/* @oracle/oraclejet-preact: 14.1.5 */
-import { _ as __rest } from './tslib.es6-a3e7ccbd.js';
+/* @oracle/oraclejet-preact: 14.1.6 */
+import { _ as __rest } from './tslib.es6-6d6c24be.js';
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import { Layer } from './UNSAFE_Layer.js';
 import { getClientHints } from './utils/PRIVATE_clientHints.js';
@@ -12,23 +12,23 @@ import { mergeProps } from './utils/UNSAFE_mergeProps.js';
 import { classNames } from './utils/UNSAFE_classNames.js';
 import { createContext } from 'preact';
 import { useOutsideClick } from './hooks/UNSAFE_useOutsideClick.js';
-import { u as useModal } from './useModal-434a6cb0.js';
+import { u as useModal } from './useModal-af15a37d.js';
 import { Text } from './UNSAFE_Text.js';
 import { useHover } from './hooks/UNSAFE_useHover.js';
 import { useId } from './hooks/UNSAFE_useId.js';
 import { usePress } from './hooks/UNSAFE_usePress.js';
 import { Divider } from './UNSAFE_Divider.js';
-import './index-e2b41a4a.js';
+import './index-64ecf0b2.js';
 import './hooks/UNSAFE_useUser.js';
 import './UNSAFE_Environment.js';
 import './utils/PRIVATE_floatingUtils.js';
 import './utils/PRIVATE_refUtils.js';
 import './utils/UNSAFE_arrayUtils.js';
 import './utils/UNSAFE_mergeInterpolations.js';
-import './_curry1-e88bb1f4.js';
-import './_curry3-2f55388c.js';
-import './_curry2-0c5fdcaf.js';
-import './_has-62fb6322.js';
+import './_curry1-88605b19.js';
+import './_curry3-c3f862d0.js';
+import './_curry2-677e2e20.js';
+import './_has-7e77579f.js';
 import './hooks/UNSAFE_useToggle.js';
 
 /**
@@ -226,9 +226,9 @@ const getMenuPointerDown = () => {
 };
 
 const styles$4 = {
-  menuContainer: "pzg8vc",
-  dropdownMenuContainer: "age93b",
-  sheetMenuContainer: "_1lmt3my"
+  menuContainer: "szytpt",
+  dropdownMenuContainer: "yya9pc",
+  sheetMenuContainer: "_1e9ndpz"
 };
 const MenuContainer = ({
   children,
@@ -303,7 +303,7 @@ const MenuContainer = ({
 const styles$3 = {
   // TODO: Handle vertical and horizontal overflow. Get rid of maxWidth on a next drop so horizontal and also vertical flow is handled correctly.
   // It's hard to relay just in css, we might need to relay on some kind of observer. Maybe should be handled on Floating/Dropdown component.
-  base: "_12yb6re"
+  base: "_9qv38x"
 };
 const DropdownMenu = _a => {
   var {
@@ -426,10 +426,10 @@ function useMenuSwipe(onSwipe, { threshold = 10, maximumTime = 300, tolerance =
 }
 
 const styles$2 = {
-  modalWrapper: "tshc4",
-  modalContainer: "_9l763n",
-  sheetMenuContainerWrapper: "_1j5qs35",
-  modalBackdrop: "f40ayj"
+  modalWrapper: "_1tnuge4",
+  modalContainer: "_1jiarqe",
+  sheetMenuContainerWrapper: "_1rbaa1g",
+  modalBackdrop: "_13n37ll"
 };
 
 const ModalWrapper = ({
@@ -529,26 +529,26 @@ function useMenuContext() {
 }
 
 const styles$1 = {
-  menuItemContainer: "_55xkm0",
-  focused: "wxlnwo",
+  menuItemContainer: "uy86jc",
+  focused: "_1ay8lpv",
   variant: {
     default: {
-      menuItemContainer: "qllwp0",
-      hover: "g0nt41",
-      pseudohover: "okcesu"
+      menuItemContainer: "_183pxal",
+      hover: "_1631jy8",
+      pseudohover: "_1avpdme"
     },
     destructive: {
-      menuItemContainer: "beuvd5",
-      hover: "sqgxbu",
-      pseudohover: "_14vjsjh"
+      menuItemContainer: "_1w2fc41",
+      hover: "_1jigcrp",
+      pseudohover: "_1l42a7d"
     }
   },
-  iconLabelContainer: "_195el16",
-  labelContainer: "_1ahm64y",
-  iconContainer: "k7ydba",
-  startIconContainer: "u5l6yz",
-  endIconContainer: "_1w7lbqc",
-  disabledContainer: "l6zzn"
+  iconLabelContainer: "w2zj5e",
+  labelContainer: "_1flx4yv",
+  iconContainer: "_22n6tp",
+  startIconContainer: "_15d9cuq",
+  endIconContainer: "bzjo3e",
+  disabledContainer: "_109xf4m"
 };
 function MenuItem(props) {
   return jsx(BaseMenuItem, Object.assign({}, props, {
@@ -640,7 +640,7 @@ function BaseMenuItem({
 }
 
 const styles = {
-  menuDividerContainer: "_16k9pck"
+  menuDividerContainer: "m4hqe7"
 };
 function MenuDivider() {
   return jsx("div", Object.assign({