@oracle/oraclejet-preact 14.1.1 → 14.1.3

package/es/UNSAFE_ListItemLayout.css

@@ -1,10 +1,10 @@
-._1xcjnx6 > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
-._1f0snig{align-self:center;margin:-0.875rem -0.875rem;}
-._1xduslh{align-self:center;min-width:0;}
-.ykqj9e{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);}
-.t15azo{display:flex;flex-direction:column;}
-.saw92n{display:flex;flex-direction:row;justify-content:right;align-self:center;}
-._1sric4v{display:flex;flex-direction:row;justify-content:right;}
-._11hhta6{align-self:end;}
+.x70bfe > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+._5ojpm{align-self:center;margin:-0.875rem -0.875rem;}
+.ul8ek4{align-self:center;min-width:0;}
+._1lnsto7{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);}
+._10mbut3{display:flex;flex-direction:column;}
+.ni4l3v{display:flex;flex-direction:row;justify-content:right;align-self:center;}
+.hipr3a{display:flex;flex-direction:row;justify-content:right;}
+.zlyiin{align-self:end;}
 
-._1tax011{display:flex;flex-direction:column;}
+._1488rwg{display:flex;flex-direction:column;}

package/es/UNSAFE_ListItemLayout.js

@@ -1,39 +1,39 @@
-/* @oracle/oraclejet-preact: 14.1.1 */
+/* @oracle/oraclejet-preact: 14.1.3 */
 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-724d273f.js';
+import './tslib.es6-d9bdbdae.js';
 import './utils/UNSAFE_interpolations/grid.js';
 import './utils/UNSAFE_interpolations/boxalignment.js';
-import './keys-80e99f26.js';
-import './_curry1-2e8e0d03.js';
-import './_has-f0e635df.js';
+import './keys-0514dd90.js';
+import './_curry1-e379049d.js';
+import './_has-25764044.js';
 import './utils/UNSAFE_size.js';
 import './utils/UNSAFE_arrayUtils.js';
 import './utils/UNSAFE_mergeInterpolations.js';
-import './_curry3-41970884.js';
-import './_curry2-881202fe.js';
+import './_curry3-3d6e7df3.js';
+import './_curry2-1c000ff2.js';
 import 'preact';
 import 'preact/hooks';
 
-const childrenStyles = "_1xcjnx6"; // TODO: revisit idea of negative margin when selector has a proper API for handling spacing
+const childrenStyles = "x70bfe"; // 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 = "_1f0snig"; // most content will be vertically centered
+const selectorStyles = "_5ojpm"; // most content will be vertically centered
 
-const centerVerticalStyles = "_1xduslh"; // extra spacing is needed between meta, trailing, and action components
+const centerVerticalStyles = "ul8ek4"; // extra spacing is needed between meta, trailing, and action components
 
-const leftPaddingStyles = "ykqj9e"; // the central text area displays overline, primary, secondary, and tertiary in a column
+const leftPaddingStyles = "_1lnsto7"; // the central text area displays overline, primary, secondary, and tertiary in a column
 
-const flexColumnStyles$1 = "t15azo"; // "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 = "_10mbut3"; // "extra" components in row 1 and the link in row 2 are justified on the righthand side of the list item layout
 
-const flexRowStyles = "saw92n";
-const rightJustifyStyles = "_1sric4v";
-const rowAlignStyles = "_11hhta6";
+const flexRowStyles = "ni4l3v";
+const rightJustifyStyles = "hipr3a";
+const rowAlignStyles = "zlyiin";
 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 = "_1tax011";
+const flexColumnStyles = "_1488rwg";
 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.1 */
+/* @oracle/oraclejet-preact: 14.1.3 */
 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-5d52230f.js';
+import './LoadMoreCollection-099cec18.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-2e8e0d03.js';
-import './_curry2-881202fe.js';
-import './_curry3-41970884.js';
+import './_curry1-e379049d.js';
+import './_curry2-1c000ff2.js';
+import './_curry3-3d6e7df3.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-724d273f.js';
+import './tslib.es6-d9bdbdae.js';
 import './utils/UNSAFE_interpolations/dimensions.js';
 import './utils/UNSAFE_size.js';
 import './utils/UNSAFE_mergeInterpolations.js';
-import './_has-f0e635df.js';
+import './_has-25764044.js';
 import './utils/UNSAFE_interpolations/borders.js';
 import './UNSAFE_Flex.js';
 import './utils/UNSAFE_interpolations/boxalignment.js';
-import './keys-80e99f26.js';
+import './keys-0514dd90.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-e46c8745.js';
+import './index-35af0841.js';
 import './hooks/UNSAFE_useUser.js';
 import './UNSAFE_Environment.js';
 import './UNSAFE_Layer.js';

package/es/UNSAFE_LiveRegion.css

@@ -1 +1 @@
-.vvhxni{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;}
+.b6x6rj{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.1 */
+/* @oracle/oraclejet-preact: 14.1.3 */
 import { jsx } from 'preact/jsx-runtime';
 import "./UNSAFE_LiveRegion.css";
 import { useState, useCallback, useEffect } from 'preact/hooks';
 
-const offScreenStyle = "vvhxni";
+const offScreenStyle = "b6x6rj";
 /**
  * A helper component that renders an aria-live region
  *

package/es/UNSAFE_LoadMoreCollection.js

@@ -1,5 +1,5 @@
-/* @oracle/oraclejet-preact: 14.1.1 */
-export { L as LoadMoreCollection } from './LoadMoreCollection-5d52230f.js';
+/* @oracle/oraclejet-preact: 14.1.3 */
+export { L as LoadMoreCollection } from './LoadMoreCollection-099cec18.js';
 import 'preact/jsx-runtime';
 import 'preact/hooks';
 import './PRIVATE_Collection.js';

package/es/UNSAFE_Menu.css

@@ -1,27 +1,27 @@
-._1d7zly7{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;}
-.mmcinp{outline-style:dotted;outline-offset:1px;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);}
-._1r7zvlr{color:var(--oj-c-PRIVATE-DO-NOT-USE-menu-text-color);}._1r7zvlr: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);}
-._168csby:not(:active){background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);}
-@media(hover:hover){._1vp759f:hover:not(:active){background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);}}
-.poflzi{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-danger-low);}.poflzi: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);}
-._1ll8894{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){._18dx7j0: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);}}
-._1iz69uv{display:flex;align-items:center;overflow-x:hidden;overflow-y:hidden;}
-._1763a7e{flex-grow:1;min-height:var(--oj-c-PRIVATE-DO-NOT-USE-menu-icon-size);}
-.z8rmsq{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);}
-.y7qasj{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-menu-start-icon-to-label-padding);}
-.b128sm{margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-menu-label-to-end-icon-padding);}
-.mxvvpk{cursor:default !important;color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}.mxvvpk:active{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
+._7o1ogl{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);}
 
-._1q4fleo{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);}
+.gx4lpa{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;}
+._6owk68{outline-style:dotted;outline-offset:1px;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);}
+.lwhvj0{color:var(--oj-c-PRIVATE-DO-NOT-USE-menu-text-color);}.lwhvj0: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);}
+.abxia9:not(:active){background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);}
+@media(hover:hover){._1b9wtpz:hover:not(:active){background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);}}
+.i5cv9m{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-danger-low);}.i5cv9m: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);}
+._52a041{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){.d6v3m4: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);}}
+.yq6y6r{display:flex;align-items:center;overflow-x:hidden;overflow-y:hidden;}
+._12mlthk{flex-grow:1;min-height:var(--oj-c-PRIVATE-DO-NOT-USE-menu-icon-size);}
+._9ob4fk{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);}
+._1irvgv5{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-menu-start-icon-to-label-padding);}
+.gxb0vl{margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-menu-label-to-end-icon-padding);}
+._12gqctt{cursor:default !important;color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}._12gqctt:active{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
 
-._171odlb{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);}
+._1ayu8vz{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);}
 
-.e82fuh{position:fixed;top:0;bottom:0;left:0;right:0;z-index:var(--oj-c-PRIVATE-DO-NOT-USE-core-z-index-popup);}
-.zowobw{position:absolute;top:0;bottom:0;left:0;right:0;}
-.fvumwf{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;}
-.kqx8ie{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-scrim-color);}
+._31kqiu{position:fixed;top:0;bottom:0;left:0;right:0;z-index:var(--oj-c-PRIVATE-DO-NOT-USE-core-z-index-popup);}
+.t84lw1{position:absolute;top:0;bottom:0;left:0;right:0;}
+._1gpmup7{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;}
+._6emnsq{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-scrim-color);}
 
-._18vpgqc{outline-style:none;}
-._106oim9{padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
-._709siw{padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x);padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
+._1x3hibx{outline-style:none;}
+._1t08gre{padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
+.r1vide{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.1 */
-import { _ as __rest } from './tslib.es6-724d273f.js';
+/* @oracle/oraclejet-preact: 14.1.3 */
+import { _ as __rest } from './tslib.es6-d9bdbdae.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-4f7b29ea.js';
+import { u as useModal } from './useModal-4a2af3fa.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-e46c8745.js';
+import './index-35af0841.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-2e8e0d03.js';
-import './_curry3-41970884.js';
-import './_curry2-881202fe.js';
-import './_has-f0e635df.js';
+import './_curry1-e379049d.js';
+import './_curry3-3d6e7df3.js';
+import './_curry2-1c000ff2.js';
+import './_has-25764044.js';
 import './hooks/UNSAFE_useToggle.js';
 
 /**
@@ -226,9 +226,9 @@ const getMenuPointerDown = () => {
 };
 
 const styles$4 = {
-  menuContainer: "_18vpgqc",
-  dropdownMenuContainer: "_106oim9",
-  sheetMenuContainer: "_709siw"
+  menuContainer: "_1x3hibx",
+  dropdownMenuContainer: "_1t08gre",
+  sheetMenuContainer: "r1vide"
 };
 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: "_171odlb"
+  base: "_1ayu8vz"
 };
 const DropdownMenu = _a => {
   var {
@@ -426,10 +426,10 @@ function useMenuSwipe(onSwipe, { threshold = 10, maximumTime = 300, tolerance =
 }
 
 const styles$2 = {
-  modalWrapper: "e82fuh",
-  modalContainer: "zowobw",
-  sheetMenuContainerWrapper: "fvumwf",
-  modalBackdrop: "kqx8ie"
+  modalWrapper: "_31kqiu",
+  modalContainer: "t84lw1",
+  sheetMenuContainerWrapper: "_1gpmup7",
+  modalBackdrop: "_6emnsq"
 };
 
 const ModalWrapper = ({
@@ -529,26 +529,26 @@ function useMenuContext() {
 }
 
 const styles$1 = {
-  menuItemContainer: "_1d7zly7",
-  focused: "mmcinp",
+  menuItemContainer: "gx4lpa",
+  focused: "_6owk68",
   variant: {
     default: {
-      menuItemContainer: "_1r7zvlr",
-      hover: "_168csby",
-      pseudohover: "_1vp759f"
+      menuItemContainer: "lwhvj0",
+      hover: "abxia9",
+      pseudohover: "_1b9wtpz"
     },
     destructive: {
-      menuItemContainer: "poflzi",
-      hover: "_1ll8894",
-      pseudohover: "_18dx7j0"
+      menuItemContainer: "i5cv9m",
+      hover: "_52a041",
+      pseudohover: "d6v3m4"
     }
   },
-  iconLabelContainer: "_1iz69uv",
-  labelContainer: "_1763a7e",
-  iconContainer: "z8rmsq",
-  startIconContainer: "y7qasj",
-  endIconContainer: "b128sm",
-  disabledContainer: "mxvvpk"
+  iconLabelContainer: "yq6y6r",
+  labelContainer: "_12mlthk",
+  iconContainer: "_9ob4fk",
+  startIconContainer: "_1irvgv5",
+  endIconContainer: "gxb0vl",
+  disabledContainer: "_12gqctt"
 };
 function MenuItem(props) {
   return jsx(BaseMenuItem, Object.assign({}, props, {
@@ -640,7 +640,7 @@ function BaseMenuItem({
 }
 
 const styles = {
-  menuDividerContainer: "_1q4fleo"
+  menuDividerContainer: "_7o1ogl"
 };
 function MenuDivider() {
   return jsx("div", Object.assign({