@oracle/oraclejet-preact 14.0.12 → 14.0.13

package/cjs/UNSAFE_Icons.js

@@ -1,24 +1,24 @@
-/* @oracle/oraclejet-preact: 14.0.12 */
+/* @oracle/oraclejet-preact: 14.0.13 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var UNSAFE_Icons = require('./index-274b0c88.js');
+var UNSAFE_Icons = require('./index-74524ed9.js');
 require('preact/jsx-runtime');
 require('./UNSAFE_Icon.js');
-require('./Icon-12ceb9f7.js');
-require('./tslib.es6-632e7763.js');
+require('./Icon-11b0a36b.js');
+require('./tslib.es6-68281fb4.js');
 require('preact');
 
 require('./utils/UNSAFE_classNames.js');
-require('./classNames-fb6466b2.js');
+require('./classNames-d40c3bb0.js');
 require('./hooks/UNSAFE_useTooltip.js');
 require('preact/hooks');
 require('./hooks/UNSAFE_useId.js');
 require('./UNSAFE_Floating.js');
-require('./Floating-90ed02ef.js');
+require('./Floating-6f17a3a8.js');
 require('preact/compat');
-require('./index-2c74eb4c.js');
+require('./index-d3c1c545.js');
 require('./hooks/UNSAFE_useUser.js');
 require('./UNSAFE_Environment.js');
 require('./UNSAFE_Layer.js');
@@ -32,7 +32,7 @@ require('./hooks/UNSAFE_useFocus.js');
 require('./hooks/UNSAFE_useTouch.js');
 require('./utils/UNSAFE_mergeProps.js');
 require('./hooks/UNSAFE_useAnimation.js');
-require('./useAnimation-49ceba8b.js');
+require('./useAnimation-20e751df.js');
 require('./hooks/UNSAFE_useTheme.js');
 
 

package/cjs/UNSAFE_Indexer.js

@@ -1,49 +1,49 @@
-/* @oracle/oraclejet-preact: 14.0.12 */
+/* @oracle/oraclejet-preact: 14.0.13 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Indexer = require('./Indexer-78fae776.js');
+var Indexer = require('./Indexer-64bb9492.js');
 require('preact/jsx-runtime');
 require('preact');
 require('preact/hooks');
 require('./UNSAFE_Flex.js');
-require('./Flex-e97fcf61.js');
-require('./tslib.es6-632e7763.js');
+require('./Flex-80d2f63d.js');
+require('./tslib.es6-68281fb4.js');
 require('./utils/UNSAFE_interpolations/dimensions.js');
 require('./utils/UNSAFE_arrayUtils.js');
 require('./utils/UNSAFE_size.js');
-require('./_curry1-f9c3180c.js');
+require('./_curry1-2dba22ce.js');
 require('./utils/UNSAFE_mergeInterpolations.js');
 require('./utils/UNSAFE_classNames.js');
-require('./classNames-fb6466b2.js');
-require('./_curry3-b8e1c014.js');
-require('./_curry2-ad00fb4c.js');
-require('./_has-fc4b8585.js');
+require('./classNames-d40c3bb0.js');
+require('./_curry3-91c20c57.js');
+require('./_curry2-0a47f5f0.js');
+require('./_has-59869627.js');
 require("identity-obj-proxy");
 require('./utils/UNSAFE_interpolations/boxalignment.js');
-require('./keys-1af91f94.js');
+require('./keys-ba228c93.js');
 require('./utils/UNSAFE_interpolations/flexbox.js');
-require('./flexbox-b0d057b5.js');
+require('./flexbox-6854fddf.js');
 require('./utils/UNSAFE_interpolations/flexitem.js');
-require('./flexitem-4d8ef097.js');
+require('./flexitem-4537cc49.js');
 require('./utils/UNSAFE_mergeProps.js');
-require('./useSingleSelection-81d80a96.js');
+require('./useSingleSelection-6e465b4a.js');
 require('./hooks/PRIVATE_useCurrentKey.js');
 require('./utils/UNSAFE_keys.js');
 require('./hooks/PRIVATE_useCollectionFocusRing.js');
 require('./utils/PRIVATE_collectionUtils.js');
 require('./utils/PRIVATE_clientHints.js');
-require('./clientHints-e4650c83.js');
+require('./clientHints-42712533.js');
 require('./hooks/UNSAFE_useId.js');
 require('./hooks/UNSAFE_useTranslationBundle.js');
 require('./UNSAFE_Environment.js');
 require('./UNSAFE_Layer.js');
 require('preact/compat');
 require('./UNSAFE_HiddenAccessible.js');
-require('./HiddenAccessible-032c3a01.js');
+require('./HiddenAccessible-4bc3f846.js');
 require('./PRIVATE_Collection.js');
-require('./Collection-d3b3bce6.js');
+require('./Collection-8f66e678.js');
 
 /**
  * @license

package/cjs/UNSAFE_InputPassword.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.12 */
+/* @oracle/oraclejet-preact: 14.0.13 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -17,80 +17,80 @@ var UNSAFE_UserAssistance = require('./UNSAFE_UserAssistance.js');
 require("identity-obj-proxy");
 var hooks_UNSAFE_useTranslationBundle = require('./hooks/UNSAFE_useTranslationBundle.js');
 var hooks_UNSAFE_usePress = require('./hooks/UNSAFE_usePress.js');
-require('./index-dc7f0a72.js');
-var UNSAFE_Icons = require('./index-274b0c88.js');
+require('./index-5af13f52.js');
+var UNSAFE_Icons = require('./index-74524ed9.js');
 var hooks_UNSAFE_useClearIcon = require('./hooks/UNSAFE_useClearIcon.js');
 var utils_UNSAFE_componentUtils = require('./utils/UNSAFE_componentUtils.js');
-var ClearIcon = require('./ClearIcon-87fabc6e.js');
+var ClearIcon = require('./ClearIcon-28e8f116.js');
 var hooks_UNSAFE_useToggle = require('./hooks/UNSAFE_useToggle.js');
 var hooks_UNSAFE_useCurrentValueReducer = require('./hooks/UNSAFE_useCurrentValueReducer.js');
-var ReadonlyTextFieldInput = require('./ReadonlyTextFieldInput-c894b013.js');
-var TextFieldInput = require('./TextFieldInput-232676d1.js');
-require('./tslib.es6-632e7763.js');
+var ReadonlyTextFieldInput = require('./ReadonlyTextFieldInput-d3fa9a4e.js');
+var TextFieldInput = require('./TextFieldInput-55bfb355.js');
+require('./tslib.es6-68281fb4.js');
 require('./hooks/UNSAFE_useFocusWithin.js');
-require('./useFocusWithin-775c0a95.js');
+require('./useFocusWithin-6158dc74.js');
 require('preact');
 require('./hooks/UNSAFE_useId.js');
 require('./utils/UNSAFE_classNames.js');
-require('./classNames-fb6466b2.js');
+require('./classNames-d40c3bb0.js');
 require('./UNSAFE_LabelValueLayout.js');
 require('./UNSAFE_Flex.js');
-require('./Flex-e97fcf61.js');
+require('./Flex-80d2f63d.js');
 require('./utils/UNSAFE_interpolations/dimensions.js');
 require('./utils/UNSAFE_arrayUtils.js');
 require('./utils/UNSAFE_size.js');
-require('./_curry1-f9c3180c.js');
+require('./_curry1-2dba22ce.js');
 require('./utils/UNSAFE_mergeInterpolations.js');
-require('./_curry3-b8e1c014.js');
-require('./_curry2-ad00fb4c.js');
-require('./_has-fc4b8585.js');
+require('./_curry3-91c20c57.js');
+require('./_curry2-0a47f5f0.js');
+require('./_has-59869627.js');
 require('./utils/UNSAFE_interpolations/boxalignment.js');
-require('./keys-1af91f94.js');
+require('./keys-ba228c93.js');
 require('./utils/UNSAFE_interpolations/flexbox.js');
-require('./flexbox-b0d057b5.js');
+require('./flexbox-6854fddf.js');
 require('./utils/UNSAFE_interpolations/flexitem.js');
-require('./flexitem-4d8ef097.js');
-require('./FormControlUtils-67a74016.js');
+require('./flexitem-4537cc49.js');
+require('./FormControlUtils-3d89f9b6.js');
 require('./hooks/UNSAFE_useDebounce.js');
 require('./UNSAFE_LiveRegion.js');
-require('./InlineHelpSource-188b3e76.js');
+require('./InlineHelpSource-f489cfac.js');
 require('./hooks/UNSAFE_useTabbableMode.js');
 require('./UNSAFE_ComponentMessage.js');
-require('./ComponentMessage-95b8f9fe.js');
+require('./ComponentMessage-c6df803e.js');
 require('./PRIVATE_Message.js');
 require('./utils/PRIVATE_timer.js');
-require('./MessageCloseButton-f6800ac3.js');
+require('./MessageCloseButton-bb6d12f7.js');
 require('./UNSAFE_Button.js');
-require('./Button-11c818c7.js');
+require('./Button-bf65160a.js');
 require('./UNSAFE_BaseButton.js');
-require('./BaseButton-8a6255fe.js');
+require('./BaseButton-74c87501.js');
 require('./hooks/UNSAFE_useActive.js');
 require('./utils/PRIVATE_clientHints.js');
-require('./clientHints-e4650c83.js');
+require('./clientHints-42712533.js');
 require('./utils/UNSAFE_mergeProps.js');
-require('./MessageDetail-1f4c6371.js');
-require('./MessageFormattingUtils-7f535881.js');
+require('./MessageDetail-0e0add97.js');
+require('./MessageFormattingUtils-fb51598a.js');
 require('./utils/UNSAFE_getLocale.js');
 require('./utils/UNSAFE_stringUtils.js');
-require('./stringUtils-70baaa12.js');
-require('./Message.types-c4a698c9.js');
-require('./MessageStartIcon-1bf30ed8.js');
-require('./MessageSummary-8ea6ef13.js');
-require('./MessageTimestamp-e242e20c.js');
-require('./MessageUtils-87844fb6.js');
+require('./stringUtils-2982adef.js');
+require('./Message.types-d3dbb25c.js');
+require('./MessageStartIcon-8a7361d3.js');
+require('./MessageSummary-24d3b790.js');
+require('./MessageTimestamp-35ac4a69.js');
+require('./MessageUtils-06ca8238.js');
 require('./utils/UNSAFE_logger.js');
 require('./utils/UNSAFE_soundUtils.js');
-require('./MessagesManager-fc1af157.js');
+require('./MessagesManager-e62ebf0e.js');
 require('./PRIVATE_TransitionGroup.js');
 require('./hooks/UNSAFE_useAnimation.js');
-require('./useAnimation-49ceba8b.js');
+require('./useAnimation-20e751df.js');
 require('./hooks/UNSAFE_useMessagesContext.js');
 require('./UNSAFE_Icon.js');
-require('./Icon-12ceb9f7.js');
+require('./Icon-11b0a36b.js');
 require('./hooks/UNSAFE_useTooltip.js');
 require('./UNSAFE_Floating.js');
-require('./Floating-90ed02ef.js');
-require('./index-2c74eb4c.js');
+require('./Floating-6f17a3a8.js');
+require('./index-d3c1c545.js');
 require('./hooks/UNSAFE_useUser.js');
 require('./UNSAFE_Environment.js');
 require('./UNSAFE_Layer.js');
@@ -101,8 +101,8 @@ require('./hooks/UNSAFE_useFocus.js');
 require('./hooks/UNSAFE_useTouch.js');
 require('./hooks/UNSAFE_useTheme.js');
 require('./UNSAFE_HiddenAccessible.js');
-require('./HiddenAccessible-032c3a01.js');
-require('./ComponentMessageContainer-17d09cf4.js');
+require('./HiddenAccessible-4bc3f846.js');
+require('./ComponentMessageContainer-9635f2be.js');
 require('./utils/UNSAFE_interpolations/text.js');
 require('./hooks/UNSAFE_useTextFieldInputHandlers.js');
 
@@ -123,7 +123,7 @@ const ojButtonBorderlessChromeBorderColorHover = 'transparent'; // TODO: replace
 
 const ojButtonIconSize = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-icon-size-lg)';
 const revealToggleIconStyles = {
-  base: "_1qrt1cu"
+  base: "_1qiztef"
 };
 function RevealToggleIcon({
   isRevealed,

package/cjs/UNSAFE_InputText.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.12 */
+/* @oracle/oraclejet-preact: 14.0.13 */
 '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-87fabc6e.js');
+var ClearIcon = require('./ClearIcon-28e8f116.js');
 var hooks_UNSAFE_useCurrentValueReducer = require('./hooks/UNSAFE_useCurrentValueReducer.js');
-var ReadonlyTextFieldInput = require('./ReadonlyTextFieldInput-c894b013.js');
-var TextFieldInput = require('./TextFieldInput-232676d1.js');
-var clientHints = require('./clientHints-e4650c83.js');
+var ReadonlyTextFieldInput = require('./ReadonlyTextFieldInput-d3fa9a4e.js');
+var TextFieldInput = require('./TextFieldInput-55bfb355.js');
+var clientHints = require('./clientHints-42712533.js');
 require('./hooks/UNSAFE_useToggle.js');
-require('./tslib.es6-632e7763.js');
+require('./tslib.es6-68281fb4.js');
 require('./hooks/UNSAFE_useFocusWithin.js');
-require('./useFocusWithin-775c0a95.js');
+require('./useFocusWithin-6158dc74.js');
 require('./utils/UNSAFE_lengthFilter.js');
 require('./hooks/UNSAFE_useId.js');
 require('./utils/UNSAFE_classNames.js');
-require('./classNames-fb6466b2.js');
+require('./classNames-d40c3bb0.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-e97fcf61.js');
+require('./Flex-80d2f63d.js');
 require('./utils/UNSAFE_interpolations/dimensions.js');
 require('./utils/UNSAFE_arrayUtils.js');
 require('./utils/UNSAFE_size.js');
-require('./_curry1-f9c3180c.js');
+require('./_curry1-2dba22ce.js');
 require('./utils/UNSAFE_mergeInterpolations.js');
-require('./_curry3-b8e1c014.js');
-require('./_curry2-ad00fb4c.js');
-require('./_has-fc4b8585.js');
+require('./_curry3-91c20c57.js');
+require('./_curry2-0a47f5f0.js');
+require('./_has-59869627.js');
 require('./utils/UNSAFE_interpolations/boxalignment.js');
-require('./keys-1af91f94.js');
+require('./keys-ba228c93.js');
 require('./utils/UNSAFE_interpolations/flexbox.js');
-require('./flexbox-b0d057b5.js');
+require('./flexbox-6854fddf.js');
 require('./utils/UNSAFE_interpolations/flexitem.js');
-require('./flexitem-4d8ef097.js');
-require('./FormControlUtils-67a74016.js');
+require('./flexitem-4537cc49.js');
+require('./FormControlUtils-3d89f9b6.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-188b3e76.js');
+require('./InlineHelpSource-f489cfac.js');
 require('./UNSAFE_ComponentMessage.js');
-require('./ComponentMessage-95b8f9fe.js');
+require('./ComponentMessage-c6df803e.js');
 require('./PRIVATE_Message.js');
 require('./utils/PRIVATE_timer.js');
-require('./MessageCloseButton-f6800ac3.js');
+require('./MessageCloseButton-bb6d12f7.js');
 require('./UNSAFE_Button.js');
-require('./Button-11c818c7.js');
+require('./Button-bf65160a.js');
 require('./UNSAFE_BaseButton.js');
-require('./BaseButton-8a6255fe.js');
+require('./BaseButton-74c87501.js');
 require('./hooks/UNSAFE_usePress.js');
 require('./hooks/UNSAFE_useActive.js');
 require('./utils/UNSAFE_mergeProps.js');
-require('./index-dc7f0a72.js');
-require('./index-274b0c88.js');
+require('./index-5af13f52.js');
+require('./index-74524ed9.js');
 require('./UNSAFE_Icon.js');
-require('./Icon-12ceb9f7.js');
+require('./Icon-11b0a36b.js');
 require('./hooks/UNSAFE_useTooltip.js');
 require('./UNSAFE_Floating.js');
-require('./Floating-90ed02ef.js');
-require('./index-2c74eb4c.js');
+require('./Floating-6f17a3a8.js');
+require('./index-d3c1c545.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-49ceba8b.js');
+require('./useAnimation-20e751df.js');
 require('./hooks/UNSAFE_useTheme.js');
-require('./MessageDetail-1f4c6371.js');
-require('./MessageFormattingUtils-7f535881.js');
+require('./MessageDetail-0e0add97.js');
+require('./MessageFormattingUtils-fb51598a.js');
 require('./utils/UNSAFE_getLocale.js');
 require('./utils/UNSAFE_stringUtils.js');
-require('./stringUtils-70baaa12.js');
-require('./Message.types-c4a698c9.js');
-require('./MessageStartIcon-1bf30ed8.js');
-require('./MessageSummary-8ea6ef13.js');
-require('./MessageTimestamp-e242e20c.js');
-require('./MessageUtils-87844fb6.js');
+require('./stringUtils-2982adef.js');
+require('./Message.types-d3dbb25c.js');
+require('./MessageStartIcon-8a7361d3.js');
+require('./MessageSummary-24d3b790.js');
+require('./MessageTimestamp-35ac4a69.js');
+require('./MessageUtils-06ca8238.js');
 require('./utils/UNSAFE_logger.js');
 require('./utils/UNSAFE_soundUtils.js');
-require('./MessagesManager-fc1af157.js');
+require('./MessagesManager-e62ebf0e.js');
 require('./PRIVATE_TransitionGroup.js');
 require('./hooks/UNSAFE_useMessagesContext.js');
 require('./UNSAFE_HiddenAccessible.js');
-require('./HiddenAccessible-032c3a01.js');
-require('./ComponentMessageContainer-17d09cf4.js');
+require('./HiddenAccessible-4bc3f846.js');
+require('./ComponentMessageContainer-9635f2be.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.12 */
+/* @oracle/oraclejet-preact: 14.0.13 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-632e7763.js');
+var tslib_es6 = require('./tslib.es6-68281fb4.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-fb6466b2.js');
+var classNames = require('./classNames-d40c3bb0.js');
 require('preact');
 require('preact/hooks');
 
 const labelStyles = {
-  base: "_1iyexnf",
-  startBase: "t284vj",
-  topBase: "_1o4enuq",
-  insideBase: "imvm4s",
-  insideReadonlyInEnabledForm: "_1o4gd1t",
-  insideReadonlyNotInEnabledForm: "tnu6dn",
-  insideNonReadonly: "_1kucqu6",
-  insideNonReadonlyHasValue: "_1uvtqvm",
-  insideDisabled: "_1pwkfm8",
-  insideFocused: "_1f2ts94",
-  insideError: "cmn2yv",
-  insideWarning: "v3o6vi",
-  noWrap: "vhmk38"
+  base: "_17harex",
+  startBase: "_1cjxrjx",
+  topBase: "ps9vsr",
+  insideBase: "sd17j5",
+  insideReadonlyInEnabledForm: "q1rtiv",
+  insideReadonlyNotInEnabledForm: "tfreom",
+  insideNonReadonly: "qcs10",
+  insideNonReadonlyHasValue: "ope8jn",
+  insideDisabled: "_1p8wdl1",
+  insideFocused: "_7mzlxv",
+  insideError: "ibc97l",
+  insideWarning: "wj6ljt",
+  noWrap: "_15kfwsg"
 };
 
 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,UAAA;aAAA,QAAA;WAAA,UAAA;cAAA,QAAA;+BAAA,UAAA;kCAAA,QAAA;qBAAA,UAAA;6BAAA,UAAA;kBAAA,UAAA;iBAAA,UAAA;eAAA,QAAA;iBAAA,QAAA;;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,QAAA;kCAAA,QAAA;qBAAA,OAAA;6BAAA,QAAA;kBAAA,UAAA;iBAAA,SAAA;eAAA,QAAA;iBAAA,QAAA;;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.12 */
+/* @oracle/oraclejet-preact: 14.0.13 */
 '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-fb6466b2.js');
-var Flex = require('./Flex-e97fcf61.js');
-require('./tslib.es6-632e7763.js');
+var classNames = require('./classNames-d40c3bb0.js');
+var Flex = require('./Flex-80d2f63d.js');
+require('./tslib.es6-68281fb4.js');
 require('./utils/UNSAFE_interpolations/dimensions.js');
 require('./utils/UNSAFE_arrayUtils.js');
-require('./_curry1-f9c3180c.js');
+require('./_curry1-2dba22ce.js');
 require('./utils/UNSAFE_mergeInterpolations.js');
-require('./_curry3-b8e1c014.js');
-require('./_curry2-ad00fb4c.js');
-require('./_has-fc4b8585.js');
+require('./_curry3-91c20c57.js');
+require('./_curry2-0a47f5f0.js');
+require('./_has-59869627.js');
 require('./utils/UNSAFE_interpolations/boxalignment.js');
-require('./keys-1af91f94.js');
+require('./keys-ba228c93.js');
 require('./utils/UNSAFE_interpolations/flexbox.js');
-require('./flexbox-b0d057b5.js');
+require('./flexbox-6854fddf.js');
 require('./utils/UNSAFE_interpolations/flexitem.js');
-require('./flexitem-4d8ef097.js');
+require('./flexitem-4537cc49.js');
 require('preact');
 require('preact/hooks');
 
 const labelSlotStyles = {
-  base: "_1yzkxmo",
-  start: "a9hnfa",
-  top: "vgdj60",
-  topPureReadonly: "jgnt9q"
+  base: "_127e4jw",
+  start: "virntd",
+  top: "_1ry553v",
+  topPureReadonly: "_1fipv03"
 };
 const labelInnerStyles = {
   // base is labelEdge 'top'
-  base: "_1itgmq",
-  start: "_1qs8ztp",
-  startNotPureReadonly: "_189n7i2",
+  base: "_2r0s50",
+  start: "_16sc7ni",
+  startNotPureReadonly: "_16pmq3v",
   // TODO: Use Text Component instead of CSS
-  noWrap: "_14cvnum"
+  noWrap: "hfx7xm"
 };
-const valueSlotStyles = "_7hu7gm";
+const valueSlotStyles = "ryxt0";
 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,UAAA;SAAA,QAAA;OAAA,QAAA;;AAAA,CAAA,CAAA;AAuBA,MAAAC,gBAAA,GAAA;;QAAA,SAAA;SAAA,UAAA;wBAAA,UAAA;;;AAAA,CAAA,CAAA;AAyBA,MAAAC,eAAA,GAAA,SAAA,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,QAAA;OAAA,UAAA;;AAAA,CAAA,CAAA;AAuBA,MAAAC,gBAAA,GAAA;;QAAA,SAAA;SAAA,UAAA;wBAAA,UAAA;;;AAAA,CAAA,CAAA;AAyBA,MAAAC,eAAA,GAAA,OAAA,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.12 */
+/* @oracle/oraclejet-preact: 14.0.13 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/UNSAFE_Link.js

@@ -1,13 +1,13 @@
-/* @oracle/oraclejet-preact: 14.0.12 */
+/* @oracle/oraclejet-preact: 14.0.13 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Link = require('./Link-b2bb7549.js');
+var Link = require('./Link-345a7b87.js');
 require('preact/jsx-runtime');
 require("identity-obj-proxy");
 require('./utils/UNSAFE_classNames.js');
-require('./classNames-fb6466b2.js');
+require('./classNames-d40c3bb0.js');
 require('./hooks/UNSAFE_usePress.js');
 require('preact/hooks');