@oracle/oraclejet-preact 14.0.10 → 14.1.1

package/cjs/UNSAFE_InputText.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.10 */
+/* @oracle/oraclejet-preact: 14.1.1 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -20,19 +20,19 @@ var UNSAFE_TextField = require('./UNSAFE_TextField.js');
 var UNSAFE_UserAssistance = require('./UNSAFE_UserAssistance.js');
 require('./utils/PRIVATE_clientHints.js');
 var utils_UNSAFE_componentUtils = require('./utils/UNSAFE_componentUtils.js');
-var ClearIcon = require('./ClearIcon-58fe58f6.js');
+var ClearIcon = require('./ClearIcon-76cb0289.js');
 var hooks_UNSAFE_useCurrentValueReducer = require('./hooks/UNSAFE_useCurrentValueReducer.js');
-var ReadonlyTextFieldInput = require('./ReadonlyTextFieldInput-6f3d70b8.js');
-var TextFieldInput = require('./TextFieldInput-8cdaa6a6.js');
-var clientHints = require('./clientHints-fe9f5782.js');
+var ReadonlyTextFieldInput = require('./ReadonlyTextFieldInput-fc320579.js');
+var TextFieldInput = require('./TextFieldInput-1b78e77e.js');
+var clientHints = require('./clientHints-5c8adda8.js');
 require('./hooks/UNSAFE_useToggle.js');
-require('./tslib.es6-9714acb3.js');
+require('./tslib.es6-337905dc.js');
 require('./hooks/UNSAFE_useFocusWithin.js');
-require('./useFocusWithin-6d679223.js');
+require('./useFocusWithin-e520c4be.js');
 require('./utils/UNSAFE_lengthFilter.js');
 require('./hooks/UNSAFE_useId.js');
 require('./utils/UNSAFE_classNames.js');
-require('./classNames-27243499.js');
+require('./classNames-28108b7d.js');
 require("identity-obj-proxy");
 require('./UNSAFE_PrefixSuffix.js');
 require('./hooks/UNSAFE_useUser.js');
@@ -40,75 +40,75 @@ require('./UNSAFE_Environment.js');
 require('./UNSAFE_Layer.js');
 require('./UNSAFE_LabelValueLayout.js');
 require('./UNSAFE_Flex.js');
-require('./Flex-a6d5e94c.js');
+require('./Flex-d73eb41d.js');
 require('./utils/UNSAFE_interpolations/dimensions.js');
 require('./utils/UNSAFE_arrayUtils.js');
 require('./utils/UNSAFE_size.js');
-require('./_curry1-60ff2cd2.js');
+require('./_curry1-3251b1fd.js');
 require('./utils/UNSAFE_mergeInterpolations.js');
-require('./_curry3-c0edc5d7.js');
-require('./_curry2-735704b3.js');
-require('./_has-15002155.js');
+require('./_curry3-047e03f4.js');
+require('./_curry2-44662556.js');
+require('./_has-c5b8419a.js');
 require('./utils/UNSAFE_interpolations/boxalignment.js');
-require('./keys-e2b4166b.js');
+require('./keys-dc35838f.js');
 require('./utils/UNSAFE_interpolations/flexbox.js');
-require('./flexbox-60cc4198.js');
+require('./flexbox-5a021af6.js');
 require('./utils/UNSAFE_interpolations/flexitem.js');
-require('./flexitem-c1a7b47f.js');
-require('./FormControlUtils-e9e11ef7.js');
+require('./flexitem-382affea.js');
+require('./FormControlUtils-7539b8f1.js');
 require('./hooks/UNSAFE_useTranslationBundle.js');
 require('./hooks/UNSAFE_useDebounce.js');
 require('./UNSAFE_LiveRegion.js');
 require('./hooks/UNSAFE_useTabbableMode.js');
 require('./utils/UNSAFE_interpolations/text.js');
 require('./hooks/UNSAFE_useTextFieldInputHandlers.js');
-require('./InlineHelpSource-94f0f5d2.js');
+require('./InlineHelpSource-20c3c60a.js');
 require('./UNSAFE_ComponentMessage.js');
-require('./ComponentMessage-1203d9ca.js');
+require('./ComponentMessage-7dfa8503.js');
 require('./PRIVATE_Message.js');
 require('./utils/PRIVATE_timer.js');
-require('./MessageCloseButton-692a8c5c.js');
+require('./MessageCloseButton-a8bd364b.js');
 require('./UNSAFE_Button.js');
-require('./Button-dd6bb7d8.js');
+require('./Button-6445c7e0.js');
 require('./UNSAFE_BaseButton.js');
-require('./BaseButton-226b2c2c.js');
+require('./BaseButton-3d18e665.js');
 require('./hooks/UNSAFE_usePress.js');
 require('./hooks/UNSAFE_useActive.js');
 require('./utils/UNSAFE_mergeProps.js');
-require('./index-4d7b10cb.js');
-require('./index-cbca41dd.js');
+require('./index-e82ec2db.js');
+require('./index-411b8231.js');
 require('./UNSAFE_Icon.js');
-require('./Icon-61857d56.js');
+require('./Icon-bbcfe43f.js');
 require('./hooks/UNSAFE_useTooltip.js');
 require('./UNSAFE_Floating.js');
-require('./Floating-46f59df8.js');
-require('./index-a2f673ec.js');
+require('./Floating-939d2a3b.js');
+require('./index-81333995.js');
 require('./utils/PRIVATE_floatingUtils.js');
 require('./utils/PRIVATE_refUtils.js');
 require('./hooks/UNSAFE_useOutsideClick.js');
 require('./hooks/UNSAFE_useFocus.js');
 require('./hooks/UNSAFE_useTouch.js');
 require('./hooks/UNSAFE_useAnimation.js');
-require('./useAnimation-2784700e.js');
+require('./useAnimation-4166b248.js');
 require('./hooks/UNSAFE_useTheme.js');
-require('./MessageDetail-432460d5.js');
-require('./MessageFormattingUtils-88f46956.js');
+require('./MessageDetail-b28bd9ad.js');
+require('./MessageFormattingUtils-a039de2b.js');
 require('./utils/UNSAFE_getLocale.js');
 require('./utils/UNSAFE_stringUtils.js');
-require('./stringUtils-1253ae3a.js');
-require('./Message.types-87463820.js');
-require('./MessageStartIcon-6cf48ec6.js');
-require('./MessageSummary-b217aae0.js');
-require('./MessageTimestamp-f07e8f15.js');
-require('./MessageUtils-94a2b928.js');
+require('./stringUtils-95025658.js');
+require('./Message.types-4f6f7327.js');
+require('./MessageStartIcon-862d55ff.js');
+require('./MessageSummary-7a4248a7.js');
+require('./MessageTimestamp-5d131ec4.js');
+require('./MessageUtils-3abefcfc.js');
 require('./utils/UNSAFE_logger.js');
 require('./utils/UNSAFE_soundUtils.js');
-require('./MessagesManager-f6d1a3cc.js');
+require('./MessagesManager-4ef3c3fe.js');
 require('./PRIVATE_TransitionGroup.js');
 require('./hooks/UNSAFE_useMessagesContext.js');
 require('./UNSAFE_HiddenAccessible.js');
-require('./HiddenAccessible-6ce33bf2.js');
-require('./ComponentMessageContainer-dad38b84.js');
+require('./HiddenAccessible-88a41d06.js');
+require('./ComponentMessageContainer-3c22e7ef.js');
 
 const InputText = compat.forwardRef(({ ariaDescribedBy, assistiveText, autoComplete = 'off', autoFocus = false, hasClearIcon = 'never', endContent, helpSourceLink, helpSourceText, isDisabled: propIsDisabled, isReadonly: propIsReadonly, isRequired = false, isRequiredShown, label, labelEdge: propLabelEdge, labelStartWidth: propLabelStartWidth, maxLength, maxLengthUnit, messages, placeholder, prefix, role, startContent, suffix, textAlign: propTextAlign, userAssistanceDensity: propUserAssistanceDensity, value, variant = 'default', virtualKeyboard, onInput, onCommit }, ref) => {
     const { currentCommitValue, dispatch } = hooks_UNSAFE_useCurrentValueReducer.useCurrentValueReducer({ value });

package/cjs/UNSAFE_Label.js

@@ -1,32 +1,32 @@
-/* @oracle/oraclejet-preact: 14.0.10 */
+/* @oracle/oraclejet-preact: 14.1.1 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-9714acb3.js');
+var tslib_es6 = require('./tslib.es6-337905dc.js');
 var jsxRuntime = require('preact/jsx-runtime');
 var hooks_UNSAFE_useFormFieldContext = require('./hooks/UNSAFE_useFormFieldContext.js');
 require('./utils/UNSAFE_classNames.js');
 require("identity-obj-proxy");
 var hooks_UNSAFE_useFormContext = require('./hooks/UNSAFE_useFormContext.js');
-var classNames = require('./classNames-27243499.js');
+var classNames = require('./classNames-28108b7d.js');
 require('preact');
 require('preact/hooks');
 
 const labelStyles = {
-  base: "dybz3j",
-  startBase: "_4it40h",
-  topBase: "_1mdyavl",
-  insideBase: "_1xot6s7",
-  insideReadonlyInEnabledForm: "yk97fl",
-  insideReadonlyNotInEnabledForm: "mrzj3b",
-  insideNonReadonly: "_1t0jivt",
-  insideNonReadonlyHasValue: "xujbtp",
-  insideDisabled: "_1b4ktyc",
-  insideFocused: "sa0xy8",
-  insideError: "_1kx0wgq",
-  insideWarning: "_6jz3u7",
-  noWrap: "_1k4ofgv"
+  base: "_15ejhsv",
+  startBase: "_1nf3idz",
+  topBase: "op6e1b",
+  insideBase: "x8s8uf",
+  insideReadonlyInEnabledForm: "_1fig6a6",
+  insideReadonlyNotInEnabledForm: "_1unj1qp",
+  insideNonReadonly: "go8ebr",
+  insideNonReadonlyHasValue: "_1fhw6py",
+  insideDisabled: "_19ssu2e",
+  insideFocused: "smvwsq",
+  insideError: "_18t3r3w",
+  insideWarning: "_1de0eri",
+  noWrap: "_1gl773h"
 };
 
 const StyledLabel = _a => {

package/cjs/UNSAFE_Label.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_Label.js","sources":["../../src/UNSAFE_Label/Label.tsx","../../src/UNSAFE_Label/index.ts"],"sourcesContent":["import { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { StyledComponentProps } from '../utils/UNSAFE_typeUtils';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\n\nconst labelStyles = {\n  base: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-font-size)',\n    fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-font-weight)',\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-line-height)',\n    // TODO: Evaluate usage of Text Component instead of CSS (we might not be able to as we might need label element)\n    wordBreak: 'break-word'\n  }}`,\n  startBase: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-color)',\n    // TODO: Reevaluate which component should handle the text align\n    textAlign: 'var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-text-align)',\n    width: '100%'\n  }}`,\n  topBase: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-color)'\n  }}`,\n  insideBase: cssProps`${{\n    display: 'block',\n    boxSizing: 'border-box',\n    // TODO: Reevaluate which component should handle the padding\n    paddingInlineEnd: 'calc(2 * var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding))',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-color)',\n    maxWidth: '100%'\n  }}`,\n  insideReadonlyInEnabledForm: cssProps`${{\n    insetInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding)',\n    top: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top)',\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size)',\n    fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight)',\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height)',\n    transitionProperty: 'none',\n    transform: 'none',\n    backgroundColor: 'transparent',\n    position: 'absolute',\n    marginBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-top-edge-label-to-value-padding)',\n    whiteSpace: 'nowrap',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    textOverflow: 'ellipsis'\n  }}`,\n  insideReadonlyNotInEnabledForm: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size)',\n    fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight)',\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height)'\n  }}`,\n  insideNonReadonly: cssProps`${{\n    position: 'absolute',\n    insetInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding)',\n    top: 'calc(var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height)/ 2)',\n    transform: 'translateY(-50%)',\n    transitionProperty: 'all',\n    transitionDuration: '.25s',\n    transitionTimingFunction: 'ease',\n    transitionDelay: '.1s',\n    whiteSpace: 'nowrap',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    textOverflow: 'ellipsis'\n  }}`,\n  insideNonReadonlyHasValue: cssProps`${{\n    transitionProperty: 'top, font-weight, font-size, transform',\n    transitionDuration: '.25s',\n    transitionTimingFunction: 'ease',\n    transitionDelay: '.1s',\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size)',\n    fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight)',\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height)',\n    transform: 'none',\n    top: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top)'\n  }}`,\n  insideDisabled: cssProps`${{\n    transitionProperty: 'none',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-color-disabled)'\n  }}`,\n  insideFocused: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-label-color-focus)'\n  }}`,\n  insideError: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3)'\n  }}`,\n  insideWarning: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3)'\n  }}`,\n\n  noWrap: cssProps`${{\n    whiteSpace: 'nowrap',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    textOverflow: 'ellipsis'\n  }}`\n};\n\ntype StyleProps = Pick<Props, 'variant'> & {\n  hasValue?: boolean;\n  isFocused?: boolean;\n};\ntype StyledLabelProps = StyledComponentProps<'label', StyleProps>;\n\nconst StyledLabel = ({\n  hasValue,\n  readonly,\n  disabled,\n  isFocused,\n  variant = 'inside',\n  ...props\n}: StyledLabelProps) => {\n  const { isFormLayout, isReadonly: isReadonlyForm, labelWrapping } = useFormContext();\n\n  const cssClassNames =\n    variant === 'inside' || variant === 'insideError' || variant === 'insideWarning'\n      ? classNames([\n          labelStyles.base,\n          labelStyles.insideBase,\n          readonly &&\n            (isFormLayout && !isReadonlyForm\n              ? labelStyles.insideReadonlyInEnabledForm\n              : labelStyles.insideReadonlyNotInEnabledForm),\n          !readonly && labelStyles.insideNonReadonly,\n          !readonly && (hasValue || isFocused) && labelStyles.insideNonReadonlyHasValue,\n          !readonly && isFocused && labelStyles.insideFocused,\n          disabled && labelStyles.insideDisabled,\n          !disabled &&\n            !readonly &&\n            (variant === 'insideError' || variant === 'insideWarning') &&\n            labelStyles[variant]\n        ])\n      : variant === 'start'\n      ? classNames([\n          labelStyles.base,\n          labelStyles.startBase,\n          labelWrapping === 'truncate' && labelStyles.noWrap\n        ])\n      : variant === 'top'\n      ? classNames([\n          labelStyles.base,\n          labelStyles.topBase,\n          labelWrapping === 'truncate' && labelStyles.noWrap\n        ])\n      : undefined;\n  // TODO: We need to decide whether to standardize on 'class' or 'className'.  Otherwise, we'll\n  // run into issues destructuring style interpolations, for example having to concatenate both.\n  return <label {...props} class={cssClassNames} />;\n};\n\ntype Props = {\n  /**\n   * The text to be used for the label\n   */\n  children?: string;\n  /**\n   * The id to set on the label\n   */\n  id?: string;\n  /**\n   * The id of the form control for which this label will be used\n   */\n  forId?: string;\n  /**\n   * Determines how the label is going to be styled\n   */\n  variant?: 'inside' | 'start' | 'top' | 'insideError' | 'insideWarning';\n};\n\nexport const Label = ({ forId, ...props }: Props) => {\n  const { hasValue, isDisabled, isFocused, isReadonly } = useFormFieldContext();\n  return (\n    <StyledLabel\n      for={forId}\n      hasValue={hasValue}\n      disabled={isDisabled}\n      isFocused={isFocused}\n      readonly={isReadonly}\n      {...props}\n    />\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 */\n\nexport { Label } from './Label';\n"],"names":["labelStyles","StyledLabel","_a","hasValue","readonly","disabled","isFocused","variant","props","__rest","isFormLayout","isReadonly","isReadonlyForm","labelWrapping","useFormContext","cssClassNames","base","insideBase","insideReadonlyNotInEnabledForm","insideNonReadonly","insideFocused","startBase","noWrap","topBase","_jsx","Object","assign","class","Label","forId","isDisabled","useFormFieldContext"],"mappings":";;;;;;;;;;;;;;;AAMA,MAAAA,WAAA,GAAA;QAAA,QAAA;aAAA,SAAA;WAAA,UAAA;cAAA,UAAA;+BAAA,QAAA;kCAAA,QAAA;qBAAA,UAAA;6BAAA,QAAA;kBAAA,UAAA;iBAAA,QAAA;eAAA,UAAA;iBAAA,SAAA;;AAAA,CAAA,CAAA;;AAmGA,MAAAC,WAAA,GAAAC,EAAA,IAAA;EAAqB,IAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,SAAA;AAAAC,IAAAA,OAAA,GAAA,QAAA;AAAA,GAAA,GAAAL,EAAA;AAAA,MAAAM,KAAA,GAAAC,gBAAA,CAAAP,EAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,WAAA,EAAA,SAAA,CAAA,CAAA,CAAA;;EAQnB,MAAA;IAAAQ,YAAA;AAAAC,IAAAA,UAAA,EAAAC,cAAA;AAAAC,IAAAA,aAAAA;AAAA,GAAA,GAAAC,0CAAA,EAAA,CAAA;AAEA,EAAA,MAAAC,aAAA,GAAAR,OAAA,KAAA,QAAA,IAAAA,OAAA,KAAA,aAAA,IAAAA,OAAA,KAAA,eAAA,0BAGQP,WAAA,CAAAgB,MACAhB,WAAA,CAAAiB,qGAIIjB,WAAA,CAAAkB,iCACJ,CAAAd,QAAA,IAAAJ,WAAA,CAAAmB,kGAEA,CAAAf,QAAA,IAAAE,SAAA,IAAAN,WAAA,CAAAoB,uDAEA,CAAAf,QAAA,IACE,CAAAD,QADF,KAEEG,OAAA,KAAA,aAAA,IAAAA,OAAA,KAAA,eAFF,2BAbR,gDAoBQP,WAAA,CAAAgB,MACAhB,WAAA,CAAAqB,WACAR,aAAA,KAAA,UAAA,IAAAb,WAAA,CAAAsB,sDAIAtB,WAAA,CAAAgB,MACAhB,WAAA,CAAAuB,SACAV,aAAA,KAAA,UAAA,IAAAb,WAAA,CAAAsB,oBA5BR,CAVF;;;EA2CE,OAAAE,cAAA,CAAA,OAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,EAAAlB,KAAA,EAAA;AAAAmB,IAAAA,KAAA,EAAAZ,aAAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AACF,CA5CA,CAAA;;AAiEAa,MAAAA,KAAA,GAAA1B,EAAA,IAAA;EAAsB,IAAA;AAAA2B,IAAAA,KAAAA;AAAA,GAAA,GAAA3B,EAAA;MAAAM,KAAA,GAAAC,gBAAA,CAAAP,EAAA,EAAA,CAAA,OAAA,CAAA,CAAA,CAAA;;EACpB,MAAA;IAAAC,QAAA;IAAA2B,UAAA;IAAAxB,SAAA;AAAAK,IAAAA,UAAAA;AAAA,GAAA,GAAAoB,oDAAA,EAAA,CAAA;;;;;;;;AAWF;;ACtLA;;;;;;AAMG;;;;;;;"}
+{"version":3,"file":"UNSAFE_Label.js","sources":["../../src/UNSAFE_Label/Label.tsx","../../src/UNSAFE_Label/index.ts"],"sourcesContent":["import { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { StyledComponentProps } from '../utils/UNSAFE_typeUtils';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\n\nconst labelStyles = {\n  base: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-font-size)',\n    fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-font-weight)',\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-line-height)',\n    // TODO: Evaluate usage of Text Component instead of CSS (we might not be able to as we might need label element)\n    wordBreak: 'break-word'\n  }}`,\n  startBase: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-color)',\n    // TODO: Reevaluate which component should handle the text align\n    textAlign: 'var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-text-align)',\n    width: '100%'\n  }}`,\n  topBase: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-color)'\n  }}`,\n  insideBase: cssProps`${{\n    display: 'block',\n    boxSizing: 'border-box',\n    // TODO: Reevaluate which component should handle the padding\n    paddingInlineEnd: 'calc(2 * var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding))',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-color)',\n    maxWidth: '100%'\n  }}`,\n  insideReadonlyInEnabledForm: cssProps`${{\n    insetInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding)',\n    top: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top)',\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size)',\n    fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight)',\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height)',\n    transitionProperty: 'none',\n    transform: 'none',\n    backgroundColor: 'transparent',\n    position: 'absolute',\n    marginBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-top-edge-label-to-value-padding)',\n    whiteSpace: 'nowrap',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    textOverflow: 'ellipsis'\n  }}`,\n  insideReadonlyNotInEnabledForm: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size)',\n    fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight)',\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height)'\n  }}`,\n  insideNonReadonly: cssProps`${{\n    position: 'absolute',\n    insetInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding)',\n    top: 'calc(var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height)/ 2)',\n    transform: 'translateY(-50%)',\n    transitionProperty: 'all',\n    transitionDuration: '.25s',\n    transitionTimingFunction: 'ease',\n    transitionDelay: '.1s',\n    whiteSpace: 'nowrap',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    textOverflow: 'ellipsis'\n  }}`,\n  insideNonReadonlyHasValue: cssProps`${{\n    transitionProperty: 'top, font-weight, font-size, transform',\n    transitionDuration: '.25s',\n    transitionTimingFunction: 'ease',\n    transitionDelay: '.1s',\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size)',\n    fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight)',\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height)',\n    transform: 'none',\n    top: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top)'\n  }}`,\n  insideDisabled: cssProps`${{\n    transitionProperty: 'none',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-color-disabled)'\n  }}`,\n  insideFocused: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-label-color-focus)'\n  }}`,\n  insideError: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3)'\n  }}`,\n  insideWarning: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3)'\n  }}`,\n\n  noWrap: cssProps`${{\n    whiteSpace: 'nowrap',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    textOverflow: 'ellipsis'\n  }}`\n};\n\ntype StyleProps = Pick<Props, 'variant'> & {\n  hasValue?: boolean;\n  isFocused?: boolean;\n};\ntype StyledLabelProps = StyledComponentProps<'label', StyleProps>;\n\nconst StyledLabel = ({\n  hasValue,\n  readonly,\n  disabled,\n  isFocused,\n  variant = 'inside',\n  ...props\n}: StyledLabelProps) => {\n  const { isFormLayout, isReadonly: isReadonlyForm, labelWrapping } = useFormContext();\n\n  const cssClassNames =\n    variant === 'inside' || variant === 'insideError' || variant === 'insideWarning'\n      ? classNames([\n          labelStyles.base,\n          labelStyles.insideBase,\n          readonly &&\n            (isFormLayout && !isReadonlyForm\n              ? labelStyles.insideReadonlyInEnabledForm\n              : labelStyles.insideReadonlyNotInEnabledForm),\n          !readonly && labelStyles.insideNonReadonly,\n          !readonly && (hasValue || isFocused) && labelStyles.insideNonReadonlyHasValue,\n          !readonly && isFocused && labelStyles.insideFocused,\n          disabled && labelStyles.insideDisabled,\n          !disabled &&\n            !readonly &&\n            (variant === 'insideError' || variant === 'insideWarning') &&\n            labelStyles[variant]\n        ])\n      : variant === 'start'\n      ? classNames([\n          labelStyles.base,\n          labelStyles.startBase,\n          labelWrapping === 'truncate' && labelStyles.noWrap\n        ])\n      : variant === 'top'\n      ? classNames([\n          labelStyles.base,\n          labelStyles.topBase,\n          labelWrapping === 'truncate' && labelStyles.noWrap\n        ])\n      : undefined;\n  // TODO: We need to decide whether to standardize on 'class' or 'className'.  Otherwise, we'll\n  // run into issues destructuring style interpolations, for example having to concatenate both.\n  return <label {...props} class={cssClassNames} />;\n};\n\ntype Props = {\n  /**\n   * The text to be used for the label\n   */\n  children?: string;\n  /**\n   * The id to set on the label\n   */\n  id?: string;\n  /**\n   * The id of the form control for which this label will be used\n   */\n  forId?: string;\n  /**\n   * Determines how the label is going to be styled\n   */\n  variant?: 'inside' | 'start' | 'top' | 'insideError' | 'insideWarning';\n};\n\nexport const Label = ({ forId, ...props }: Props) => {\n  const { hasValue, isDisabled, isFocused, isReadonly } = useFormFieldContext();\n  return (\n    <StyledLabel\n      for={forId}\n      hasValue={hasValue}\n      disabled={isDisabled}\n      isFocused={isFocused}\n      readonly={isReadonly}\n      {...props}\n    />\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 */\n\nexport { Label } from './Label';\n"],"names":["labelStyles","StyledLabel","_a","hasValue","readonly","disabled","isFocused","variant","props","__rest","isFormLayout","isReadonly","isReadonlyForm","labelWrapping","useFormContext","cssClassNames","base","insideBase","insideReadonlyNotInEnabledForm","insideNonReadonly","insideFocused","startBase","noWrap","topBase","_jsx","Object","assign","class","Label","forId","isDisabled","useFormFieldContext"],"mappings":";;;;;;;;;;;;;;;AAMA,MAAAA,WAAA,GAAA;QAAA,UAAA;aAAA,UAAA;WAAA,QAAA;cAAA,QAAA;+BAAA,UAAA;kCAAA,UAAA;qBAAA,QAAA;6BAAA,UAAA;kBAAA,UAAA;iBAAA,QAAA;eAAA,UAAA;iBAAA,UAAA;;AAAA,CAAA,CAAA;;AAmGA,MAAAC,WAAA,GAAAC,EAAA,IAAA;EAAqB,IAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,SAAA;AAAAC,IAAAA,OAAA,GAAA,QAAA;AAAA,GAAA,GAAAL,EAAA;AAAA,MAAAM,KAAA,GAAAC,gBAAA,CAAAP,EAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,WAAA,EAAA,SAAA,CAAA,CAAA,CAAA;;EAQnB,MAAA;IAAAQ,YAAA;AAAAC,IAAAA,UAAA,EAAAC,cAAA;AAAAC,IAAAA,aAAAA;AAAA,GAAA,GAAAC,0CAAA,EAAA,CAAA;AAEA,EAAA,MAAAC,aAAA,GAAAR,OAAA,KAAA,QAAA,IAAAA,OAAA,KAAA,aAAA,IAAAA,OAAA,KAAA,eAAA,0BAGQP,WAAA,CAAAgB,MACAhB,WAAA,CAAAiB,qGAIIjB,WAAA,CAAAkB,iCACJ,CAAAd,QAAA,IAAAJ,WAAA,CAAAmB,kGAEA,CAAAf,QAAA,IAAAE,SAAA,IAAAN,WAAA,CAAAoB,uDAEA,CAAAf,QAAA,IACE,CAAAD,QADF,KAEEG,OAAA,KAAA,aAAA,IAAAA,OAAA,KAAA,eAFF,2BAbR,gDAoBQP,WAAA,CAAAgB,MACAhB,WAAA,CAAAqB,WACAR,aAAA,KAAA,UAAA,IAAAb,WAAA,CAAAsB,sDAIAtB,WAAA,CAAAgB,MACAhB,WAAA,CAAAuB,SACAV,aAAA,KAAA,UAAA,IAAAb,WAAA,CAAAsB,oBA5BR,CAVF;;;EA2CE,OAAAE,cAAA,CAAA,OAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,EAAAlB,KAAA,EAAA;AAAAmB,IAAAA,KAAA,EAAAZ,aAAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AACF,CA5CA,CAAA;;AAiEAa,MAAAA,KAAA,GAAA1B,EAAA,IAAA;EAAsB,IAAA;AAAA2B,IAAAA,KAAAA;AAAA,GAAA,GAAA3B,EAAA;MAAAM,KAAA,GAAAC,gBAAA,CAAAP,EAAA,EAAA,CAAA,OAAA,CAAA,CAAA,CAAA;;EACpB,MAAA;IAAAC,QAAA;IAAA2B,UAAA;IAAAxB,SAAA;AAAAK,IAAAA,UAAAA;AAAA,GAAA,GAAAoB,oDAAA,EAAA,CAAA;;;;;;;;AAWF;;ACtLA;;;;;;AAMG;;;;;;;"}

package/cjs/UNSAFE_LabelValueLayout.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.10 */
+/* @oracle/oraclejet-preact: 14.1.1 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -10,40 +10,40 @@ require('./UNSAFE_Flex.js');
 var hooks_UNSAFE_useFormContext = require('./hooks/UNSAFE_useFormContext.js');
 var hooks_UNSAFE_useFormFieldContext = require('./hooks/UNSAFE_useFormFieldContext.js');
 var utils_UNSAFE_size = require('./utils/UNSAFE_size.js');
-var classNames = require('./classNames-27243499.js');
-var Flex = require('./Flex-a6d5e94c.js');
-require('./tslib.es6-9714acb3.js');
+var classNames = require('./classNames-28108b7d.js');
+var Flex = require('./Flex-d73eb41d.js');
+require('./tslib.es6-337905dc.js');
 require('./utils/UNSAFE_interpolations/dimensions.js');
 require('./utils/UNSAFE_arrayUtils.js');
-require('./_curry1-60ff2cd2.js');
+require('./_curry1-3251b1fd.js');
 require('./utils/UNSAFE_mergeInterpolations.js');
-require('./_curry3-c0edc5d7.js');
-require('./_curry2-735704b3.js');
-require('./_has-15002155.js');
+require('./_curry3-047e03f4.js');
+require('./_curry2-44662556.js');
+require('./_has-c5b8419a.js');
 require('./utils/UNSAFE_interpolations/boxalignment.js');
-require('./keys-e2b4166b.js');
+require('./keys-dc35838f.js');
 require('./utils/UNSAFE_interpolations/flexbox.js');
-require('./flexbox-60cc4198.js');
+require('./flexbox-5a021af6.js');
 require('./utils/UNSAFE_interpolations/flexitem.js');
-require('./flexitem-c1a7b47f.js');
+require('./flexitem-382affea.js');
 require('preact');
 require('preact/hooks');
 
 const labelSlotStyles = {
-  base: "i17oxf",
-  start: "_7ecnop",
-  top: "_127453p",
-  topPureReadonly: "_1qatjqc"
+  base: "_1ef456e",
+  start: "_15qtkad",
+  top: "_1ephiw",
+  topPureReadonly: "_8v91ed"
 };
 const labelInnerStyles = {
   // base is labelEdge 'top'
-  base: "_5qhaaq",
-  start: "wxxolb",
-  startNotPureReadonly: "_19du0ji",
+  base: "_1g0o1fd",
+  start: "jo1doh",
+  startNotPureReadonly: "_13ctxzc",
   // TODO: Use Text Component instead of CSS
-  noWrap: "u6hh9c"
+  noWrap: "_1u67gie"
 };
-const valueSlotStyles = "elusah";
+const valueSlotStyles = "_1tcd5tu";
 const LabelValueLayout = ({
   label,
   labelEdge,

package/cjs/UNSAFE_LabelValueLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_LabelValueLayout.js","sources":["../../src/UNSAFE_LabelValueLayout/LabelValueLayout.tsx","../../src/UNSAFE_LabelValueLayout/index.ts"],"sourcesContent":["import { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { ComponentChildren, JSX } from 'preact';\nimport { Flex } from '../UNSAFE_Flex';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { sizeToCSS, Size } from '../utils/UNSAFE_size';\n\nconst labelSlotStyles = {\n  base: cssProps`${{\n    display: 'block',\n    flexGrow: '0',\n    flexShrink: '1',\n    boxSizing: 'border-box'\n  }}`,\n  start: cssProps`${{\n    paddingInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-to-value-padding)'\n  }}`,\n\n  top: cssProps`${{\n    flexBasis: '100%',\n    width: '100%',\n    maxWidth: '100%',\n    paddingBlockEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-top-edge-label-to-value-padding)'\n  }}`,\n\n  topPureReadonly: cssProps`${{\n    paddingBlockEnd: 0\n  }}`\n};\n\nconst labelInnerStyles = {\n  // base is labelEdge 'top'\n  base: cssProps`${{\n    display: 'block',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-color)',\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-font-size)',\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-line-height)',\n    width: '100%'\n  }}`,\n  start: cssProps`${{\n    display: 'inline-flex',\n    alignItems: 'center'\n  }}`,\n  startNotPureReadonly: cssProps`${{\n    minHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height)'\n  }}`,\n  // TODO: Use Text Component instead of CSS\n  noWrap: cssProps`${{\n    whiteSpace: 'nowrap',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    textOverflow: 'ellipsis'\n  }}`\n};\n\nconst valueSlotStyles = cssProps`${{\n  flex: '1 1 100%',\n  width: '100%',\n  maxWidth: '100%'\n}}`;\n\ntype Props = {\n  /**\n   * Label content of the layout\n   */\n  label?: ComponentChildren;\n  /**\n   * Defines how the label is going to be positioned\n   */\n  labelEdge?: 'start' | 'top';\n  /**\n   * Defines the label width for labelEdge 'start' ('top' is always 100%)\n   */\n  labelStartWidth?: Size;\n  /**\n   * Value content of the layout\n   */\n  children: ComponentChildren;\n};\n\nexport const LabelValueLayout = ({\n  label,\n  labelEdge,\n  children,\n  labelStartWidth = '33%'\n}: Props) => {\n  const width = sizeToCSS(labelStartWidth);\n  const valueWidth = `calc(100% - ${width})`;\n  const labelStyles: JSX.CSSProperties =\n    labelEdge === 'start' ? { flexBasis: width, width: width, maxWidth: width } : {};\n  const valueStyles: JSX.CSSProperties =\n    labelEdge === 'start' ? { flexBasis: valueWidth, width: valueWidth, maxWidth: valueWidth } : {};\n\n  const { isFormLayout, isReadonly: isFormReadonly, labelWrapping } = useFormContext();\n  const { isReadonly } = useFormFieldContext();\n  const isPureReadonly = (isFormLayout && isFormReadonly) || (!isFormLayout && isReadonly);\n  const labelStyleClasses = classNames([\n    labelSlotStyles.base,\n    labelEdge === 'start' && labelSlotStyles.start,\n    // labelEdge === 'start' && isPureReadonly && labelSlotStyles.startReadonly,\n    // labelEdge === 'start' && !isPureReadonly && labelSlotStyles.startNotPureReadonly,\n    labelEdge === 'top' && labelSlotStyles.top,\n    labelEdge === 'top' && isPureReadonly && labelSlotStyles.topPureReadonly\n  ]);\n  const labelInnerClasses = classNames([\n    labelInnerStyles.base,\n    labelEdge === 'start' && labelInnerStyles.start,\n    labelEdge === 'start' && !isPureReadonly && labelInnerStyles.startNotPureReadonly,\n    labelWrapping === 'truncate' && labelInnerStyles.noWrap\n  ]);\n\n  return (\n    <Flex wrap=\"wrap\" align=\"start\">\n      <div class={labelStyleClasses} style={labelStyles}>\n        <div class={labelInnerClasses}>{label}</div>\n      </div>\n      <div class={valueSlotStyles} style={valueStyles}>\n        {children}\n      </div>\n    </Flex>\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 */\n\nexport { LabelValueLayout } from './LabelValueLayout';\n"],"names":["labelSlotStyles","labelInnerStyles","valueSlotStyles","LabelValueLayout","label","labelEdge","children","labelStartWidth","width","sizeToCSS","valueWidth","isFormLayout","isReadonly","isFormReadonly","labelWrapping","useFormContext","useFormFieldContext","isPureReadonly","base","start","top","topPureReadonly","noWrap","_jsxs","Flex","Object","assign","wrap","align","_jsx","class","labelStyleClasses","style","labelStyles","labelInnerClasses","valueStyles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,MAAAA,eAAA,GAAA;QAAA,QAAA;SAAA,SAAA;OAAA,UAAA;;AAAA,CAAA,CAAA;AAuBA,MAAAC,gBAAA,GAAA;;QAAA,SAAA;SAAA,QAAA;wBAAA,UAAA;;;AAAA,CAAA,CAAA;AAyBA,MAAAC,eAAA,GAAA,QAAA,CAAA;AAyBA,MAAAC,gBAAA,GAAA,CAAA;EAAAC,KAAA;EAAAC,SAAA;EAAAC,QAAA;AAAAC,EAAAA,eAAA,GAAA,KAAA;AAAA,CAAA,KAAA;AAME,EAAA,MAAAC,KAAA,GAAAC,2BAAA,CAAAF,eAAA,CAAA,CAAA;AACA,EAAA,MAAAG,UAAA,GAAA,CAAAF,YAAAA,EAAAA,KAAA,CAAA,CAAA,CAAA,CAAA;;;;;;;;;;;EAMA,MAAA;IAAAG,YAAA;AAAAC,IAAAA,UAAA,EAAAC,cAAA;AAAAC,IAAAA,aAAAA;AAAA,GAAA,GAAAC,0CAAA,EAAA,CAAA;EACA,MAAA;AAAAH,IAAAA,UAAAA;AAAA,GAAA,GAAAI,oDAAA,EAAA,CAAA;EACA,MAAAC,cAAA,GAAAN,YAAA,IAAAE,cAAA,IAAA,CAAAF,YAAA,IAAAC,UAAA,CAAA;mDAEEZ,eAAA,CAAAkB,MACAb,SAAA,KAAA,OAAA,IAAAL,eAAA,CAAAmB;;AAGAd,EAAAA,SAAA,KAAA,KAAA,IAAAL,eAAA,CAAAoB,KACAf,SAAA,KAAA,KAAA,IAAAY,cAAA,IAAAjB,eAAA,CAAAqB;mDAGApB,gBAAA,CAAAiB,MACAb,SAAA,KAAA,OAAA,IAAAJ,gBAAA,CAAAkB,0FAEAL,aAAA,KAAA,UAAA,IAAAb,gBAAA,CAAAqB;AAGF,EAAA,OAAAC,eAAA,CAAAC,SAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAAAC,IAAAA,IAAA,EAAA,MAAA;AAAAC,IAAAA,KAAA,EAAA,OAAA;AAAA,GAAA,EAAA;IAAAtB,QAAA,EAAA,CAAAuB,cAAA,CAAA,KAAA,EAAAJ,MAAA,CAAAC,MAAA,CAAA;AAAAI,MAAAA,KAAA,EAAAC,iBAAA;AAAAC,MAAAA,KAAA,EAAAC,WAAAA;AAAA,KAAA,EAAA;MAAA3B,QAAA,EAAAuB,cAAA,CAAA,KAAA,EAAAJ,MAAA,CAAAC,MAAA,CAAA;AAAAI,QAAAA,KAAA,EAAAI,iBAAAA;AAAA,OAAA,EAAA;AAAA5B,QAAAA,QAAA,EAAAF,KAAAA;AAAA,OAAA,CAAA,CAAA;KAAA,CAAA,CAAA,EAAAyB,cAAA,CAAA,KAAA,EAAAJ,MAAA,CAAAC,MAAA,CAAA;AAAAI,MAAAA,KAAA,EAAA5B,eAAA;AAAA8B,MAAAA,KAAA,EAAAG,WAAAA;AAAA,KAAA,EAAA;AAAA7B,MAAAA,QAAA,EAAAA,QAAAA;AAAA,KAAA,CAAA,CAAA,CAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AAUF;;AC1HA;;;;;;AAMG;;;;;;;"}
+{"version":3,"file":"UNSAFE_LabelValueLayout.js","sources":["../../src/UNSAFE_LabelValueLayout/LabelValueLayout.tsx","../../src/UNSAFE_LabelValueLayout/index.ts"],"sourcesContent":["import { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { ComponentChildren, JSX } from 'preact';\nimport { Flex } from '../UNSAFE_Flex';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { sizeToCSS, Size } from '../utils/UNSAFE_size';\n\nconst labelSlotStyles = {\n  base: cssProps`${{\n    display: 'block',\n    flexGrow: '0',\n    flexShrink: '1',\n    boxSizing: 'border-box'\n  }}`,\n  start: cssProps`${{\n    paddingInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-to-value-padding)'\n  }}`,\n\n  top: cssProps`${{\n    flexBasis: '100%',\n    width: '100%',\n    maxWidth: '100%',\n    paddingBlockEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-top-edge-label-to-value-padding)'\n  }}`,\n\n  topPureReadonly: cssProps`${{\n    paddingBlockEnd: 0\n  }}`\n};\n\nconst labelInnerStyles = {\n  // base is labelEdge 'top'\n  base: cssProps`${{\n    display: 'block',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-color)',\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-font-size)',\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-line-height)',\n    width: '100%'\n  }}`,\n  start: cssProps`${{\n    display: 'inline-flex',\n    alignItems: 'center'\n  }}`,\n  startNotPureReadonly: cssProps`${{\n    minHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height)'\n  }}`,\n  // TODO: Use Text Component instead of CSS\n  noWrap: cssProps`${{\n    whiteSpace: 'nowrap',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    textOverflow: 'ellipsis'\n  }}`\n};\n\nconst valueSlotStyles = cssProps`${{\n  flex: '1 1 100%',\n  width: '100%',\n  maxWidth: '100%'\n}}`;\n\ntype Props = {\n  /**\n   * Label content of the layout\n   */\n  label?: ComponentChildren;\n  /**\n   * Defines how the label is going to be positioned\n   */\n  labelEdge?: 'start' | 'top';\n  /**\n   * Defines the label width for labelEdge 'start' ('top' is always 100%)\n   */\n  labelStartWidth?: Size;\n  /**\n   * Value content of the layout\n   */\n  children: ComponentChildren;\n};\n\nexport const LabelValueLayout = ({\n  label,\n  labelEdge,\n  children,\n  labelStartWidth = '33%'\n}: Props) => {\n  const width = sizeToCSS(labelStartWidth);\n  const valueWidth = `calc(100% - ${width})`;\n  const labelStyles: JSX.CSSProperties =\n    labelEdge === 'start' ? { flexBasis: width, width: width, maxWidth: width } : {};\n  const valueStyles: JSX.CSSProperties =\n    labelEdge === 'start' ? { flexBasis: valueWidth, width: valueWidth, maxWidth: valueWidth } : {};\n\n  const { isFormLayout, isReadonly: isFormReadonly, labelWrapping } = useFormContext();\n  const { isReadonly } = useFormFieldContext();\n  const isPureReadonly = (isFormLayout && isFormReadonly) || (!isFormLayout && isReadonly);\n  const labelStyleClasses = classNames([\n    labelSlotStyles.base,\n    labelEdge === 'start' && labelSlotStyles.start,\n    // labelEdge === 'start' && isPureReadonly && labelSlotStyles.startReadonly,\n    // labelEdge === 'start' && !isPureReadonly && labelSlotStyles.startNotPureReadonly,\n    labelEdge === 'top' && labelSlotStyles.top,\n    labelEdge === 'top' && isPureReadonly && labelSlotStyles.topPureReadonly\n  ]);\n  const labelInnerClasses = classNames([\n    labelInnerStyles.base,\n    labelEdge === 'start' && labelInnerStyles.start,\n    labelEdge === 'start' && !isPureReadonly && labelInnerStyles.startNotPureReadonly,\n    labelWrapping === 'truncate' && labelInnerStyles.noWrap\n  ]);\n\n  return (\n    <Flex wrap=\"wrap\" align=\"start\">\n      <div class={labelStyleClasses} style={labelStyles}>\n        <div class={labelInnerClasses}>{label}</div>\n      </div>\n      <div class={valueSlotStyles} style={valueStyles}>\n        {children}\n      </div>\n    </Flex>\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 */\n\nexport { LabelValueLayout } from './LabelValueLayout';\n"],"names":["labelSlotStyles","labelInnerStyles","valueSlotStyles","LabelValueLayout","label","labelEdge","children","labelStartWidth","width","sizeToCSS","valueWidth","isFormLayout","isReadonly","isFormReadonly","labelWrapping","useFormContext","useFormFieldContext","isPureReadonly","base","start","top","topPureReadonly","noWrap","_jsxs","Flex","Object","assign","wrap","align","_jsx","class","labelStyleClasses","style","labelStyles","labelInnerClasses","valueStyles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,MAAAA,eAAA,GAAA;QAAA,UAAA;SAAA,UAAA;OAAA,SAAA;;AAAA,CAAA,CAAA;AAuBA,MAAAC,gBAAA,GAAA;;QAAA,UAAA;SAAA,QAAA;wBAAA,UAAA;;;AAAA,CAAA,CAAA;AAyBA,MAAAC,eAAA,GAAA,UAAA,CAAA;AAyBA,MAAAC,gBAAA,GAAA,CAAA;EAAAC,KAAA;EAAAC,SAAA;EAAAC,QAAA;AAAAC,EAAAA,eAAA,GAAA,KAAA;AAAA,CAAA,KAAA;AAME,EAAA,MAAAC,KAAA,GAAAC,2BAAA,CAAAF,eAAA,CAAA,CAAA;AACA,EAAA,MAAAG,UAAA,GAAA,CAAAF,YAAAA,EAAAA,KAAA,CAAA,CAAA,CAAA,CAAA;;;;;;;;;;;EAMA,MAAA;IAAAG,YAAA;AAAAC,IAAAA,UAAA,EAAAC,cAAA;AAAAC,IAAAA,aAAAA;AAAA,GAAA,GAAAC,0CAAA,EAAA,CAAA;EACA,MAAA;AAAAH,IAAAA,UAAAA;AAAA,GAAA,GAAAI,oDAAA,EAAA,CAAA;EACA,MAAAC,cAAA,GAAAN,YAAA,IAAAE,cAAA,IAAA,CAAAF,YAAA,IAAAC,UAAA,CAAA;mDAEEZ,eAAA,CAAAkB,MACAb,SAAA,KAAA,OAAA,IAAAL,eAAA,CAAAmB;;AAGAd,EAAAA,SAAA,KAAA,KAAA,IAAAL,eAAA,CAAAoB,KACAf,SAAA,KAAA,KAAA,IAAAY,cAAA,IAAAjB,eAAA,CAAAqB;mDAGApB,gBAAA,CAAAiB,MACAb,SAAA,KAAA,OAAA,IAAAJ,gBAAA,CAAAkB,0FAEAL,aAAA,KAAA,UAAA,IAAAb,gBAAA,CAAAqB;AAGF,EAAA,OAAAC,eAAA,CAAAC,SAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAAAC,IAAAA,IAAA,EAAA,MAAA;AAAAC,IAAAA,KAAA,EAAA,OAAA;AAAA,GAAA,EAAA;IAAAtB,QAAA,EAAA,CAAAuB,cAAA,CAAA,KAAA,EAAAJ,MAAA,CAAAC,MAAA,CAAA;AAAAI,MAAAA,KAAA,EAAAC,iBAAA;AAAAC,MAAAA,KAAA,EAAAC,WAAAA;AAAA,KAAA,EAAA;MAAA3B,QAAA,EAAAuB,cAAA,CAAA,KAAA,EAAAJ,MAAA,CAAAC,MAAA,CAAA;AAAAI,QAAAA,KAAA,EAAAI,iBAAAA;AAAA,OAAA,EAAA;AAAA5B,QAAAA,QAAA,EAAAF,KAAAA;AAAA,OAAA,CAAA,CAAA;KAAA,CAAA,CAAA,EAAAyB,cAAA,CAAA,KAAA,EAAAJ,MAAA,CAAAC,MAAA,CAAA;AAAAI,MAAAA,KAAA,EAAA5B,eAAA;AAAA8B,MAAAA,KAAA,EAAAG,WAAAA;AAAA,KAAA,EAAA;AAAA7B,MAAAA,QAAA,EAAAA,QAAAA;AAAA,KAAA,CAAA,CAAA,CAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AAUF;;AC1HA;;;;;;AAMG;;;;;;;"}

package/cjs/UNSAFE_Layer.js

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

package/cjs/UNSAFE_Link/__tests__/Link.spec.js

@@ -0,0 +1,79 @@
+/* @oracle/oraclejet-preact: 14.1.1 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var preact$1 = require('preact');
+var preact = require('@testing-library/preact');
+var chai = require('chai');
+var Link = require('../../Link-9c197075.js');
+var userEvent = require('@testing-library/user-event');
+require("identity-obj-proxy");
+require('../../utils/UNSAFE_classNames.js');
+require('../../classNames-28108b7d.js');
+require('../../hooks/UNSAFE_usePress.js');
+require('preact/hooks');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var userEvent__default = /*#__PURE__*/_interopDefaultLegacy(userEvent);
+
+describe('Test Link component', () => {
+    it('render', () => {
+        const content = preact.render(jsxRuntime.jsx(Link.Link, Object.assign({ href: "#" }, { children: "Link" })));
+        const link = content.queryByText('Link', { exact: false });
+        chai.expect(link).not.null;
+    });
+    it('applies default CSS classes', async function () {
+        const content = preact.render(jsxRuntime.jsx(Link.Link, Object.assign({ href: "#" }, { children: "Link" })));
+        const firstElement = content.container.firstElementChild;
+        // @ts-ignore
+        const classList = firstElement.classList;
+        chai.expect(classList.length).equals(2);
+    });
+    it('variant selected', async function () {
+        const content = preact.render(jsxRuntime.jsx(Link.Link, Object.assign({ href: "#", variant: "primary" }, { children: "Link" })));
+        const firstElement = content.container.firstElementChild;
+        // @ts-ignore
+        const classList = firstElement.classList;
+        chai.expect(classList.length).equals(3);
+    });
+    it('event', async function () {
+        let count = 0;
+        const increment = () => count++;
+        const content = preact.render(jsxRuntime.jsx(Link.Link, Object.assign({ href: "#", onClick: increment }, { children: "Link" })));
+        const link = await content.findByText('Link');
+        chai.expect(link).not.null;
+        userEvent__default["default"].click(link);
+        chai.expect(count).equals(1);
+    });
+    it('has single label id as aria-labelledby attribute value', async () => {
+        const labelId = 'sampleLabelId';
+        const content = preact.render(jsxRuntime.jsxs(preact$1.Fragment, { children: [jsxRuntime.jsx("p", { id: labelId }), jsxRuntime.jsx(Link.Link, Object.assign({ href: "#", ariaLabelledBy: labelId }, { children: "Link" }))] }));
+        const link = await content.findByText('Link');
+        const ariaLabelledBy = link.getAttribute('aria-labelledBy');
+        chai.expect(ariaLabelledBy).to.equal(labelId);
+    });
+    it('has multiple label ids as aria-labelledby attribute value', async () => {
+        const labelId1 = 'sampleLabelId1';
+        const labelId2 = 'sampleLabelId2';
+        const content = preact.render(jsxRuntime.jsxs(preact$1.Fragment, { children: [jsxRuntime.jsx("p", { id: labelId1 }), jsxRuntime.jsx("p", { id: labelId2 }), jsxRuntime.jsx(Link.Link, Object.assign({ href: "#", ariaLabelledBy: `${labelId1} ${labelId2}` }, { children: "Link" }))] }));
+        const link = await content.findByText('Link');
+        const ariaLabelledBy = link.getAttribute('aria-labelledBy');
+        chai.expect(ariaLabelledBy).to.equal(`${labelId1} ${labelId2}`);
+    });
+    it('has accessible aria-label and aria-describedby values', async () => {
+        var _a;
+        const testAccessibleLabel = 'TEST-ACCESSIBLE-LABEL';
+        const testAriaDescribedBy = 'TEST ARIA-DESCRIBED-BY';
+        const content = preact.render(jsxRuntime.jsx(preact$1.Fragment, { children: jsxRuntime.jsx(Link.Link, Object.assign({ href: "#", accessibleLabel: testAccessibleLabel, ariaDescribedBy: testAriaDescribedBy }, { children: "Link" })) }));
+        const link = await content.findByText('Link');
+        chai.expect(link.getAttribute('aria-label')).equals(testAccessibleLabel);
+        const describedByIds = (_a = link.getAttribute('aria-describedby')) === null || _a === void 0 ? void 0 : _a.split(' ');
+        if (describedByIds && describedByIds.length > 0) {
+            chai.expect(describedByIds[0]).equals('TEST');
+            chai.expect(describedByIds[1]).equals('ARIA-DESCRIBED-BY');
+        }
+    });
+});
+/*  */
+//# sourceMappingURL=Link.spec.js.map

package/cjs/UNSAFE_Link/__tests__/Link.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.spec.js","sources":["../../../../src/UNSAFE_Link/__tests__/Link.spec.tsx"],"sourcesContent":["import { Fragment } from 'preact';\nimport { render } from '@testing-library/preact';\nimport { expect } from 'chai';\nimport { Link } from '../Link';\nimport userEvent from '@testing-library/user-event';\n\ndescribe('Test Link component', () => {\n  it('render', () => {\n    const content = render(<Link href=\"#\">Link</Link>);\n    const link = content.queryByText('Link', { exact: false });\n    expect(link).not.null;\n  });\n\n  it('applies default CSS classes', async function () {\n    const content = render(<Link href=\"#\">Link</Link>);\n    const firstElement = content.container.firstElementChild;\n    // @ts-ignore\n    const classList = firstElement.classList;\n    expect(classList.length).equals(2);\n  });\n\n  it('variant selected', async function () {\n    const content = render(\n      <Link href=\"#\" variant=\"primary\">\n        Link\n      </Link>\n    );\n    const firstElement = content.container.firstElementChild;\n    // @ts-ignore\n    const classList = firstElement.classList;\n    expect(classList.length).equals(3);\n  });\n\n  it('event', async function () {\n    let count = 0;\n    const increment = () => count++;\n    const content = render(\n      <Link href=\"#\" onClick={increment}>\n        Link\n      </Link>\n    );\n    const link = await content.findByText('Link');\n    expect(link).not.null;\n    userEvent.click(link);\n    expect(count).equals(1);\n  });\n\n  it('has single label id as aria-labelledby attribute value', async () => {\n    const labelId = 'sampleLabelId';\n    const content = render(\n      <Fragment>\n        <p id={labelId}></p>\n        <Link href=\"#\" ariaLabelledBy={labelId}>\n          Link\n        </Link>\n      </Fragment>\n    );\n    const link = await content.findByText('Link');\n    const ariaLabelledBy = link.getAttribute('aria-labelledBy');\n    expect(ariaLabelledBy).to.equal(labelId);\n  });\n\n  it('has multiple label ids as aria-labelledby attribute value', async () => {\n    const labelId1 = 'sampleLabelId1';\n    const labelId2 = 'sampleLabelId2';\n    const content = render(\n      <Fragment>\n        <p id={labelId1}></p>\n        <p id={labelId2}></p>\n        <Link href=\"#\" ariaLabelledBy={`${labelId1} ${labelId2}`}>\n          Link\n        </Link>\n      </Fragment>\n    );\n    const link = await content.findByText('Link');\n    const ariaLabelledBy = link.getAttribute('aria-labelledBy');\n    expect(ariaLabelledBy).to.equal(`${labelId1} ${labelId2}`);\n  });\n\n  it('has accessible aria-label and aria-describedby values', async () => {\n    const testAccessibleLabel = 'TEST-ACCESSIBLE-LABEL';\n    const testAriaDescribedBy = 'TEST ARIA-DESCRIBED-BY';\n    const content = render(\n      <Fragment>\n        <Link href=\"#\" accessibleLabel={testAccessibleLabel} ariaDescribedBy={testAriaDescribedBy}>\n          Link\n        </Link>\n      </Fragment>\n    );\n    const link = await content.findByText('Link');\n    expect(link.getAttribute('aria-label')).equals(testAccessibleLabel);\n    const describedByIds = link.getAttribute('aria-describedby')?.split(' ');\n    if (describedByIds && describedByIds.length > 0) {\n      expect(describedByIds[0]).equals('TEST');\n      expect(describedByIds[1]).equals('ARIA-DESCRIBED-BY');\n    }\n  });\n});\n"],"names":["render","_jsx","Link","expect","userEvent","_jsxs","Fragment"],"mappings":"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"}

package/cjs/UNSAFE_Link.js

@@ -1,13 +1,13 @@
-/* @oracle/oraclejet-preact: 14.0.10 */
+/* @oracle/oraclejet-preact: 14.1.1 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Link = require('./Link-1750e761.js');
+var Link = require('./Link-9c197075.js');
 require('preact/jsx-runtime');
 require("identity-obj-proxy");
 require('./utils/UNSAFE_classNames.js');
-require('./classNames-27243499.js');
+require('./classNames-28108b7d.js');
 require('./hooks/UNSAFE_usePress.js');
 require('preact/hooks');
 

package/cjs/UNSAFE_ListItemLayout/__tests__/ListItemLayout.spec.js

@@ -0,0 +1,55 @@
+/* @oracle/oraclejet-preact: 14.1.1 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var preact = require('@testing-library/preact');
+var chai = require('chai');
+var ListItemTextLayout = require('../../ListItemTextLayout-5fbd8f83.js');
+var hooks_UNSAFE_useTabbableMode = require('../../hooks/UNSAFE_useTabbableMode.js');
+require("identity-obj-proxy");
+require('../../UNSAFE_Grid.js');
+require('../../tslib.es6-337905dc.js');
+require('../../utils/UNSAFE_interpolations/grid.js');
+require('../../utils/UNSAFE_interpolations/boxalignment.js');
+require('../../keys-dc35838f.js');
+require('../../_curry1-3251b1fd.js');
+require('../../_has-c5b8419a.js');
+require('../../utils/UNSAFE_size.js');
+require('../../utils/UNSAFE_arrayUtils.js');
+require('../../utils/UNSAFE_mergeInterpolations.js');
+require('../../utils/UNSAFE_classNames.js');
+require('../../classNames-28108b7d.js');
+require('../../_curry3-047e03f4.js');
+require('../../_curry2-44662556.js');
+require('../../UNSAFE_Text.js');
+require('../../Text-4f6998f4.js');
+require('preact');
+require('preact/hooks');
+
+afterEach(preact.cleanup);
+describe('Test ListItemLayout component', () => {
+    it('render ListItemLayout', async function () {
+        const content = preact.render(jsxRuntime.jsx(ListItemTextLayout.ListItemLayout, { primary: "Simple Text" }));
+        const label = await content.findByText('Simple Text');
+        chai.expect(label).not.to.be.null;
+    });
+    it('render ListItemText', async function () {
+        const content = preact.render(jsxRuntime.jsx(ListItemTextLayout.ListItemLayout, { primary: jsxRuntime.jsx(ListItemTextLayout.ListItemText, Object.assign({ variant: "primary" }, { children: "ListItemText Sample" })) }));
+        const label = await content.findByText('ListItemText Sample');
+        chai.expect(label).not.to.be.null;
+    });
+    it('render ListItemTextLayout', async function () {
+        const content = preact.render(jsxRuntime.jsx(ListItemTextLayout.ListItemLayout, { children: jsxRuntime.jsx(ListItemTextLayout.ListItemTextLayout, { primary: "ListItemTextLayout Sample" }) }));
+        const label = await content.findByText('ListItemTextLayout Sample');
+        chai.expect(label).not.to.be.null;
+    });
+    it('ListItemText, TabbableModeContext isTabbable=true', async () => {
+        const { container } = preact.render(jsxRuntime.jsx(hooks_UNSAFE_useTabbableMode.TabbableModeContext.Provider, Object.assign({ value: { isTabbable: true } }, { children: jsxRuntime.jsx(ListItemTextLayout.ListItemText, Object.assign({ variant: "secondary" }, { children: "Tabbing with mode" })) })));
+        const div = container.querySelector('div');
+        chai.expect(div).not.to.be.null;
+        const tabindex = div === null || div === void 0 ? void 0 : div.getAttribute('tabindex');
+        chai.expect(tabindex).to.equal('0');
+    });
+});
+/*  */
+//# sourceMappingURL=ListItemLayout.spec.js.map

package/cjs/UNSAFE_ListItemLayout/__tests__/ListItemLayout.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemLayout.spec.js","sources":["../../../../src/UNSAFE_ListItemLayout/__tests__/ListItemLayout.spec.tsx"],"sourcesContent":["import { cleanup, render } from '@testing-library/preact';\nimport { expect } from 'chai';\nimport { ListItemLayout } from '../ListItemLayout';\nimport { ListItemText } from '../ListItemText';\nimport { ListItemTextLayout } from '../ListItemTextLayout';\nimport { TabbableModeContext } from '../../hooks/UNSAFE_useTabbableMode';\n\nafterEach(cleanup);\n\ndescribe('Test ListItemLayout component', () => {\n  it('render ListItemLayout', async function () {\n    const content = render(<ListItemLayout primary=\"Simple Text\" />);\n    const label = await content.findByText('Simple Text');\n    expect(label).not.to.be.null;\n  });\n\n  it('render ListItemText', async function () {\n    const content = render(\n      <ListItemLayout\n        primary={<ListItemText variant=\"primary\">ListItemText Sample</ListItemText>}\n      />\n    );\n    const label = await content.findByText('ListItemText Sample');\n    expect(label).not.to.be.null;\n  });\n\n  it('render ListItemTextLayout', async function () {\n    const content = render(\n      <ListItemLayout>\n        <ListItemTextLayout primary=\"ListItemTextLayout Sample\" />\n      </ListItemLayout>\n    );\n    const label = await content.findByText('ListItemTextLayout Sample');\n    expect(label).not.to.be.null;\n  });\n\n  it('ListItemText, TabbableModeContext isTabbable=true', async () => {\n    const { container } = render(\n      <TabbableModeContext.Provider value={{ isTabbable: true }}>\n        <ListItemText variant=\"secondary\">Tabbing with mode</ListItemText>\n      </TabbableModeContext.Provider>\n    );\n\n    const div = container.querySelector('div');\n    expect(div).not.to.be.null;\n\n    const tabindex = div?.getAttribute('tabindex');\n    expect(tabindex).to.equal('0');\n  });\n});\n"],"names":["cleanup","render","_jsx","ListItemLayout","expect","ListItemText","ListItemTextLayout","TabbableModeContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,SAAS,CAACA,cAAO,CAAC,CAAC;AAEnB,QAAQ,CAAC,+BAA+B,EAAE,MAAK;IAC7C,EAAE,CAAC,uBAAuB,EAAE,kBAAK;AAC/B,QAAA,MAAM,OAAO,GAAGC,aAAM,CAACC,cAAC,CAAAC,iCAAc,EAAC,EAAA,OAAO,EAAC,aAAa,EAAG,CAAA,CAAC,CAAC;QACjE,MAAM,KAAK,GAAG,MAAM,OAAO,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;QACtDC,WAAM,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;AAC/B,KAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qBAAqB,EAAE,kBAAK;AAC7B,QAAA,MAAM,OAAO,GAAGH,aAAM,CACpBC,cAAC,CAAAC,iCAAc,IACb,OAAO,EAAED,cAAC,CAAAG,+BAAY,kBAAC,OAAO,EAAC,SAAS,EAAmC,EAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,CAAA,CAAA,EAAA,CAC3E,CACH,CAAC;QACF,MAAM,KAAK,GAAG,MAAM,OAAO,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAAC;QAC9DD,WAAM,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;AAC/B,KAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2BAA2B,EAAE,kBAAK;AACnC,QAAA,MAAM,OAAO,GAAGH,aAAM,CACpBC,cAAA,CAACC,iCAAc,EACb,EAAA,QAAA,EAAAD,cAAA,CAACI,qCAAkB,EAAA,EAAC,OAAO,EAAC,2BAA2B,EAAG,CAAA,EAAA,CAC3C,CAClB,CAAC;QACF,MAAM,KAAK,GAAG,MAAM,OAAO,CAAC,UAAU,CAAC,2BAA2B,CAAC,CAAC;QACpEF,WAAM,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;AAC/B,KAAC,CAAC,CAAC;AAEH,IAAA,EAAE,CAAC,mDAAmD,EAAE,YAAW;AACjE,QAAA,MAAM,EAAE,SAAS,EAAE,GAAGH,aAAM,CAC1BC,cAAC,CAAAK,gDAAmB,CAAC,QAAQ,EAAC,MAAA,CAAA,MAAA,CAAA,EAAA,KAAK,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,EACvD,EAAA,EAAA,QAAA,EAAAL,cAAA,CAACG,+BAAY,EAAA,MAAA,CAAA,MAAA,CAAA,EAAC,OAAO,EAAC,WAAW,EAAA,EAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,CAAA,CAAiC,EACrC,CAAA,CAAA,CAChC,CAAC;QAEF,MAAM,GAAG,GAAG,SAAS,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC3CD,WAAM,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;AAE3B,QAAA,MAAM,QAAQ,GAAG,GAAG,KAAA,IAAA,IAAH,GAAG,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAH,GAAG,CAAE,YAAY,CAAC,UAAU,CAAC,CAAC;QAC/CA,WAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AACjC,KAAC,CAAC,CAAC;AACL,CAAC,CAAC;;;;;"}

package/cjs/UNSAFE_ListItemLayout.js

@@ -1,27 +1,27 @@
-/* @oracle/oraclejet-preact: 14.0.10 */
+/* @oracle/oraclejet-preact: 14.1.1 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var ListItemTextLayout = require('./ListItemTextLayout-0ea9c299.js');
+var ListItemTextLayout = require('./ListItemTextLayout-5fbd8f83.js');
 require('preact/jsx-runtime');
 require("identity-obj-proxy");
 require('./UNSAFE_Grid.js');
-require('./tslib.es6-9714acb3.js');
+require('./tslib.es6-337905dc.js');
 require('./utils/UNSAFE_interpolations/grid.js');
 require('./utils/UNSAFE_interpolations/boxalignment.js');
-require('./keys-e2b4166b.js');
-require('./_curry1-60ff2cd2.js');
-require('./_has-15002155.js');
+require('./keys-dc35838f.js');
+require('./_curry1-3251b1fd.js');
+require('./_has-c5b8419a.js');
 require('./utils/UNSAFE_size.js');
 require('./utils/UNSAFE_arrayUtils.js');
 require('./utils/UNSAFE_mergeInterpolations.js');
 require('./utils/UNSAFE_classNames.js');
-require('./classNames-27243499.js');
-require('./_curry3-c0edc5d7.js');
-require('./_curry2-735704b3.js');
+require('./classNames-28108b7d.js');
+require('./_curry3-047e03f4.js');
+require('./_curry2-44662556.js');
 require('./UNSAFE_Text.js');
-require('./Text-ee3a3409.js');
+require('./Text-4f6998f4.js');
 require('./hooks/UNSAFE_useTabbableMode.js');
 require('preact');
 require('preact/hooks');