@oracle/oraclejet-preact 14.1.2 → 14.1.3

package/es/UNSAFE_Label.css

@@ -1,13 +1,13 @@
-._1ma1y3w{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-label-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-line-height);word-break:break-word;}
-.klp4dd{color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color);text-align:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-text-align);width:100%;}
-.j5sfno{color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color);}
-._1ragloq{display:block;box-sizing:border-box;padding-inline-end:calc(2 * var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding));color:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-color);max-width:100%;}
-.eqy4zk{inset-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);top:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height);transition-property:none;transform:none;background-color:transparent;position:absolute;margin-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-top-edge-label-to-value-padding);white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
-._1ef1j3r{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height);}
-._1xs4qlg{position:absolute;inset-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height)/ 2);transform:translateY(-50%);transition-property:all;transition-duration:.25s;transition-timing-function:ease;transition-delay:.1s;white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
-._1swtzog{transition-property:top,font-weight,font-size,transform;transition-duration:.25s;transition-timing-function:ease;transition-delay:.1s;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height);transform:none;top:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top);}
-._1ar580p{transition-property:none;color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color-disabled);}
-._1ygefir{color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-label-color-focus);}
-.b29r5z{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3);}
-.ggricd{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3);}
-.w29o3f{white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
+._1k3q38m{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-label-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-line-height);word-break:break-word;}
+._1k20s61{color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color);text-align:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-text-align);width:100%;}
+._1s2oo0s{color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color);}
+._8lyrp5{display:block;box-sizing:border-box;padding-inline-end:calc(2 * var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding));color:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-color);max-width:100%;}
+._1gpp5gu{inset-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);top:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height);transition-property:none;transform:none;background-color:transparent;position:absolute;margin-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-top-edge-label-to-value-padding);white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
+._14pw5l0{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height);}
+.q07tcg{position:absolute;inset-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height)/ 2);transform:translateY(-50%);transition-property:all;transition-duration:.25s;transition-timing-function:ease;transition-delay:.1s;white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
+._1273hhk{transition-property:top,font-weight,font-size,transform;transition-duration:.25s;transition-timing-function:ease;transition-delay:.1s;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height);transform:none;top:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top);}
+.zneoy0{transition-property:none;color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color-disabled);}
+.a78iiq{color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-label-color-focus);}
+._19kbuqw{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3);}
+.ws230v{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3);}
+._1wgoiyu{white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}

package/es/UNSAFE_Label.js

@@ -1,5 +1,5 @@
-/* @oracle/oraclejet-preact: 14.1.2 */
-import { _ as __rest } from './tslib.es6-c0e58804.js';
+/* @oracle/oraclejet-preact: 14.1.3 */
+import { _ as __rest } from './tslib.es6-d9bdbdae.js';
 import { jsx } from 'preact/jsx-runtime';
 import { useFormFieldContext } from './hooks/UNSAFE_useFormFieldContext.js';
 import { classNames } from './utils/UNSAFE_classNames.js';
@@ -9,19 +9,19 @@ import 'preact';
 import 'preact/hooks';
 
 const labelStyles = {
-  base: "_1ma1y3w",
-  startBase: "klp4dd",
-  topBase: "j5sfno",
-  insideBase: "_1ragloq",
-  insideReadonlyInEnabledForm: "eqy4zk",
-  insideReadonlyNotInEnabledForm: "_1ef1j3r",
-  insideNonReadonly: "_1xs4qlg",
-  insideNonReadonlyHasValue: "_1swtzog",
-  insideDisabled: "_1ar580p",
-  insideFocused: "_1ygefir",
-  insideError: "b29r5z",
-  insideWarning: "ggricd",
-  noWrap: "w29o3f"
+  base: "_1k3q38m",
+  startBase: "_1k20s61",
+  topBase: "_1s2oo0s",
+  insideBase: "_8lyrp5",
+  insideReadonlyInEnabledForm: "_1gpp5gu",
+  insideReadonlyNotInEnabledForm: "_14pw5l0",
+  insideNonReadonly: "q07tcg",
+  insideNonReadonlyHasValue: "_1273hhk",
+  insideDisabled: "zneoy0",
+  insideFocused: "a78iiq",
+  insideError: "_19kbuqw",
+  insideWarning: "ws230v",
+  noWrap: "_1wgoiyu"
 };
 
 const StyledLabel = _a => {

package/es/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,QAAA;cAAA,UAAA;+BAAA,QAAA;kCAAA,UAAA;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,MAAA,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,cAAA,EAAA,CAAA;AAEA,EAAA,MAAAC,aAAA,GAAAR,OAAA,KAAA,QAAA,IAAAA,OAAA,KAAA,aAAA,IAAAA,OAAA,KAAA,eAAA,eAGQP,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,qCAoBQP,WAAA,CAAAgB,MACAhB,WAAA,CAAAqB,WACAR,aAAA,KAAA,UAAA,IAAAb,WAAA,CAAAsB,2CAIAtB,WAAA,CAAAgB,MACAhB,WAAA,CAAAuB,SACAV,aAAA,KAAA,UAAA,IAAAb,WAAA,CAAAsB,oBA5BR,CAVF;;;EA2CE,OAAAE,GAAA,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,MAAA,CAAAP,EAAA,EAAA,CAAA,OAAA,CAAA,CAAA,CAAA;;EACpB,MAAA;IAAAC,QAAA;IAAA2B,UAAA;IAAAxB,SAAA;AAAAK,IAAAA,UAAAA;AAAA,GAAA,GAAAoB,mBAAA,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,UAAA;cAAA,SAAA;+BAAA,UAAA;kCAAA,UAAA;qBAAA,QAAA;6BAAA,UAAA;kBAAA,QAAA;iBAAA,QAAA;eAAA,UAAA;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,MAAA,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,cAAA,EAAA,CAAA;AAEA,EAAA,MAAAC,aAAA,GAAAR,OAAA,KAAA,QAAA,IAAAA,OAAA,KAAA,aAAA,IAAAA,OAAA,KAAA,eAAA,eAGQP,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,qCAoBQP,WAAA,CAAAgB,MACAhB,WAAA,CAAAqB,WACAR,aAAA,KAAA,UAAA,IAAAb,WAAA,CAAAsB,2CAIAtB,WAAA,CAAAgB,MACAhB,WAAA,CAAAuB,SACAV,aAAA,KAAA,UAAA,IAAAb,WAAA,CAAAsB,oBA5BR,CAVF;;;EA2CE,OAAAE,GAAA,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,MAAA,CAAAP,EAAA,EAAA,CAAA,OAAA,CAAA,CAAA,CAAA;;EACpB,MAAA;IAAAC,QAAA;IAAA2B,UAAA;IAAAxB,SAAA;AAAAK,IAAAA,UAAAA;AAAA,GAAA,GAAAoB,mBAAA,EAAA,CAAA;;;;;;;;AAWF;;ACtLA;;;;;;AAMG;;;;;;;"}

package/es/UNSAFE_LabelValueLayout.css

@@ -1,9 +1,9 @@
-.i9tpwk{display:block;flex-grow:0;flex-shrink:1;box-sizing:border-box;}
-.mxk62s{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-to-value-padding);}
-._1y6n3mz{flex-basis:100%;width:100%;max-width:100%;padding-block-end:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-top-edge-label-to-value-padding);}
-._1bquupt{padding-block-end:0;}
-._12lyiwn{display:block;color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-font-size);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-line-height);width:100%;}
-._1ftje7o{display:inline-flex;align-items:center;}
-._10f89fm{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height);}
-.a1drba{white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
-.jhhf7i{flex:1 1 100%;width:100%;max-width:100%;}
+._1jzi9ne{display:block;flex-grow:0;flex-shrink:1;box-sizing:border-box;}
+._1q77gfp{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-to-value-padding);}
+._1ur22y1{flex-basis:100%;width:100%;max-width:100%;padding-block-end:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-top-edge-label-to-value-padding);}
+._1p6khqz{padding-block-end:0;}
+._1j9tg0d{display:block;color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-font-size);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-line-height);width:100%;}
+._198se2n{display:inline-flex;align-items:center;}
+.p0u2r5{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height);}
+._1mu8fpe{white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
+.e6ufhb{flex:1 1 100%;width:100%;max-width:100%;}

package/es/UNSAFE_LabelValueLayout.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.1.2 */
+/* @oracle/oraclejet-preact: 14.1.3 */
 import { jsxs, jsx } from 'preact/jsx-runtime';
 import { classNames } from './utils/UNSAFE_classNames.js';
 import "./UNSAFE_LabelValueLayout.css";
@@ -6,36 +6,36 @@ import { Flex } from './UNSAFE_Flex.js';
 import { useFormContext } from './hooks/UNSAFE_useFormContext.js';
 import { useFormFieldContext } from './hooks/UNSAFE_useFormFieldContext.js';
 import { sizeToCSS } from './utils/UNSAFE_size.js';
-import './tslib.es6-c0e58804.js';
+import './tslib.es6-d9bdbdae.js';
 import './utils/UNSAFE_interpolations/dimensions.js';
 import './utils/UNSAFE_arrayUtils.js';
-import './_curry1-e3c6d072.js';
+import './_curry1-e379049d.js';
 import './utils/UNSAFE_mergeInterpolations.js';
-import './_curry3-5e1ce5aa.js';
-import './_curry2-791029c0.js';
-import './_has-8fca21a0.js';
+import './_curry3-3d6e7df3.js';
+import './_curry2-1c000ff2.js';
+import './_has-25764044.js';
 import './utils/UNSAFE_interpolations/boxalignment.js';
-import './keys-471c8d5b.js';
+import './keys-0514dd90.js';
 import './utils/UNSAFE_interpolations/flexbox.js';
 import './utils/UNSAFE_interpolations/flexitem.js';
 import 'preact';
 import 'preact/hooks';
 
 const labelSlotStyles = {
-  base: "i9tpwk",
-  start: "mxk62s",
-  top: "_1y6n3mz",
-  topPureReadonly: "_1bquupt"
+  base: "_1jzi9ne",
+  start: "_1q77gfp",
+  top: "_1ur22y1",
+  topPureReadonly: "_1p6khqz"
 };
 const labelInnerStyles = {
   // base is labelEdge 'top'
-  base: "_12lyiwn",
-  start: "_1ftje7o",
-  startNotPureReadonly: "_10f89fm",
+  base: "_1j9tg0d",
+  start: "_198se2n",
+  startNotPureReadonly: "p0u2r5",
   // TODO: Use Text Component instead of CSS
-  noWrap: "a1drba"
+  noWrap: "_1mu8fpe"
 };
-const valueSlotStyles = "jhhf7i";
+const valueSlotStyles = "e6ufhb";
 const LabelValueLayout = ({
   label,
   labelEdge,

package/es/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,QAAA;OAAA,UAAA;;AAAA,CAAA,CAAA;AAuBA,MAAAC,gBAAA,GAAA;;QAAA,UAAA;SAAA,UAAA;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,SAAA,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,cAAA,EAAA,CAAA;EACA,MAAA;AAAAH,IAAAA,UAAAA;AAAA,GAAA,GAAAI,mBAAA,EAAA,CAAA;EACA,MAAAC,cAAA,GAAAN,YAAA,IAAAE,cAAA,IAAA,CAAAF,YAAA,IAAAC,UAAA,CAAA;wCAEEZ,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;wCAGApB,gBAAA,CAAAiB,MACAb,SAAA,KAAA,OAAA,IAAAJ,gBAAA,CAAAkB,0FAEAL,aAAA,KAAA,UAAA,IAAAb,gBAAA,CAAAqB;AAGF,EAAA,OAAAC,IAAA,CAAAC,IAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAAAC,IAAAA,IAAA,EAAA,MAAA;AAAAC,IAAAA,KAAA,EAAA,OAAA;AAAA,GAAA,EAAA;IAAAtB,QAAA,EAAA,CAAAuB,GAAA,CAAA,KAAA,EAAAJ,MAAA,CAAAC,MAAA,CAAA;AAAAI,MAAAA,KAAA,EAAAC,iBAAA;AAAAC,MAAAA,KAAA,EAAAC,WAAAA;AAAA,KAAA,EAAA;MAAA3B,QAAA,EAAAuB,GAAA,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,GAAA,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,UAAA;;AAAA,CAAA,CAAA;AAuBA,MAAAC,gBAAA,GAAA;;QAAA,UAAA;SAAA,UAAA;wBAAA,QAAA;;;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,SAAA,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,cAAA,EAAA,CAAA;EACA,MAAA;AAAAH,IAAAA,UAAAA;AAAA,GAAA,GAAAI,mBAAA,EAAA,CAAA;EACA,MAAAC,cAAA,GAAAN,YAAA,IAAAE,cAAA,IAAA,CAAAF,YAAA,IAAAC,UAAA,CAAA;wCAEEZ,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;wCAGApB,gBAAA,CAAAiB,MACAb,SAAA,KAAA,OAAA,IAAAJ,gBAAA,CAAAkB,0FAEAL,aAAA,KAAA,UAAA,IAAAb,gBAAA,CAAAqB;AAGF,EAAA,OAAAC,IAAA,CAAAC,IAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAAAC,IAAAA,IAAA,EAAA,MAAA;AAAAC,IAAAA,KAAA,EAAA,OAAA;AAAA,GAAA,EAAA;IAAAtB,QAAA,EAAA,CAAAuB,GAAA,CAAA,KAAA,EAAAJ,MAAA,CAAAC,MAAA,CAAA;AAAAI,MAAAA,KAAA,EAAAC,iBAAA;AAAAC,MAAAA,KAAA,EAAAC,WAAAA;AAAA,KAAA,EAAA;MAAA3B,QAAA,EAAAuB,GAAA,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,GAAA,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/es/UNSAFE_Layer.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.1.2 */
+/* @oracle/oraclejet-preact: 14.1.3 */
 import { useContext, useMemo, useState, useLayoutEffect, createPortal, forwardRef, useCallback } from 'preact/compat';
 import { createContext } from 'preact';
 import { jsx, jsxs } from 'preact/jsx-runtime';

package/es/UNSAFE_Link.css

@@ -1,5 +1,5 @@
-.hpurec{display:inline;color:var(--oj-c-link-text-color);text-decoration-color:var(--oj-c-link-text-color);text-decoration-thickness:1px;text-underline-offset:var(--oj-c-link-text-underline-offset);cursor:var( --oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);}.hpurec:visited{color:--oj-c-link-text-color-visited;}.hpurec:active{color:--oj-c-link-text-color-active;}.hpurec:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;outline-offset:1px;}
-._17safpd{--oj-c-link-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);--oj-c-link-text-color-visited:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);--oj-c-link-text-color-active:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);}
-.rvizer{--oj-c-link-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);--oj-c-link-text-color-visited:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);--oj-c-link-text-color-active:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);}
-._16fvhw6{text-decoration-line:var(--oj-c-link-standalone-text-decoration);}._16fvhw6:hover{text-decoration-line:var(--oj-c-link-standalone-text-decoration-hover);}._16fvhw6:active{text-decoration-line:var(--oj-c-link-standalone-text-decoration-hover);}
-._18fv7ry{text-decoration-line:var(--oj-c-link-embedded-text-decoration);}._18fv7ry:hover{text-decoration-line:var(--oj-c-link-embedded-text-decoration-hover);}._18fv7ry:active{text-decoration-line:var(--oj-c-link-embedded-text-decoration-hover);}
+.y1dxuc{display:inline;color:var(--oj-c-link-text-color);text-decoration-color:var(--oj-c-link-text-color);text-decoration-thickness:1px;text-underline-offset:var(--oj-c-link-text-underline-offset);cursor:var( --oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);}.y1dxuc:visited{color:--oj-c-link-text-color-visited;}.y1dxuc:active{color:--oj-c-link-text-color-active;}.y1dxuc:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;outline-offset:1px;}
+._5aefxn{--oj-c-link-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);--oj-c-link-text-color-visited:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);--oj-c-link-text-color-active:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);}
+._1kqoqup{--oj-c-link-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);--oj-c-link-text-color-visited:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);--oj-c-link-text-color-active:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);}
+._1pvdgvj{text-decoration-line:var(--oj-c-link-standalone-text-decoration);}._1pvdgvj:hover{text-decoration-line:var(--oj-c-link-standalone-text-decoration-hover);}._1pvdgvj:active{text-decoration-line:var(--oj-c-link-standalone-text-decoration-hover);}
+._1dl2hf9{text-decoration-line:var(--oj-c-link-embedded-text-decoration);}._1dl2hf9:hover{text-decoration-line:var(--oj-c-link-embedded-text-decoration-hover);}._1dl2hf9:active{text-decoration-line:var(--oj-c-link-embedded-text-decoration-hover);}

package/es/UNSAFE_Link.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.1.2 */
+/* @oracle/oraclejet-preact: 14.1.3 */
 import { jsx } from 'preact/jsx-runtime';
 import "./UNSAFE_Link.css";
 import { classNames } from './utils/UNSAFE_classNames.js';
@@ -6,11 +6,11 @@ import { usePress } from './hooks/UNSAFE_usePress.js';
 import 'preact/hooks';
 
 const styles = {
-  default: "hpurec",
-  primary: "_17safpd",
-  secondary: "rvizer",
-  standalone: "_16fvhw6",
-  embedded: "_18fv7ry"
+  default: "y1dxuc",
+  primary: "_5aefxn",
+  secondary: "_1kqoqup",
+  standalone: "_1pvdgvj",
+  embedded: "_1dl2hf9"
 };
 
 const noop = () => {};

package/es/UNSAFE_Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_Link.js","sources":["../../src/UNSAFE_Link/Link.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { usePress } from '../hooks/UNSAFE_usePress';\n\ntype Props = {\n  /**\n   * Sets the URL that the hyperlink points to.\n   */\n  href: string;\n\n  /**\n   * Sets the variant.\n   */\n  variant?: 'default' | 'primary' | 'secondary';\n\n  /**\n   * Sets the placement.\n   */\n  placement?: 'standalone' | 'embedded';\n\n  /**\n   * Sets the target.\n   */\n  target?: string;\n\n  /**\n   * Specifies id for element (or elements) that describes the object.\n   */\n  ariaDescribedBy?: string;\n\n  /**\n   * A label to be used for accessibility purposes.\n   */\n  accessibleLabel?: string;\n\n  /**\n   * One or more ids (separated by spaces) of elements that label the Link.\n   */\n  ariaLabelledBy?: string;\n\n  /**\n   * Triggered when a link is clicked, whether by keyboard, mouse, or touch events.\n   */\n  onClick?: (event: Event) => void;\n\n  /**\n   * Specifies the children\n   */\n  children?: ComponentChildren;\n};\n\nconst styles = {\n  default: cssProps`${{\n    display: 'inline',\n    color: 'var(--oj-c-link-text-color)',\n    textDecorationColor: 'var(--oj-c-link-text-color)',\n    textDecorationThickness: '1px',\n    textUnderlineOffset: 'var(--oj-c-link-text-underline-offset)',\n    cursor: 'var( --oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable)',\n    '&:visited': { color: '--oj-c-link-text-color-visited' },\n    '&:active': { color: '--oj-c-link-text-color-active' },\n    '&:focus-visible': {\n      outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n      outlineStyle: 'dotted',\n      outlineWidth: '1px',\n      outlineOffset: '1px'\n    }\n  }}`,\n  primary: cssProps`${{\n    '--oj-c-link-text-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)',\n    '--oj-c-link-text-color-visited': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)',\n    '--oj-c-link-text-color-active': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)'\n  }}`,\n  secondary: cssProps`${{\n    '--oj-c-link-text-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary)',\n    '--oj-c-link-text-color-visited': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary)',\n    '--oj-c-link-text-color-active': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary)'\n  }}`,\n  standalone: cssProps`${{\n    textDecorationLine: 'var(--oj-c-link-standalone-text-decoration)',\n    '&:hover': { textDecorationLine: 'var(--oj-c-link-standalone-text-decoration-hover)' },\n    '&:active': { textDecorationLine: 'var(--oj-c-link-standalone-text-decoration-hover)' }\n  }}`,\n  embedded: cssProps`${{\n    textDecorationLine: 'var(--oj-c-link-embedded-text-decoration)',\n    '&:hover': { textDecorationLine: 'var(--oj-c-link-embedded-text-decoration-hover)' },\n    '&:active': { textDecorationLine: 'var(--oj-c-link-embedded-text-decoration-hover)' }\n  }}`\n};\n\nconst noop = () => {};\n\nexport function Link({\n  href,\n  variant = 'default',\n  placement = 'standalone',\n  target,\n  ariaDescribedBy,\n  accessibleLabel,\n  ariaLabelledBy,\n  children,\n  onClick\n}: Props) {\n  const linkClass = classNames([\n    styles.default,\n    styles[placement],\n    variant !== 'default' && styles[variant]\n  ]);\n  const { pressProps } = usePress(onClick ?? noop);\n  return (\n    <a\n      href={href}\n      aria-describedby={ariaDescribedBy}\n      aria-label={accessibleLabel}\n      aria-labelledby={ariaLabelledBy}\n      target={target}\n      {...pressProps}\n      class={linkClass}>\n      {children}\n    </a>\n  );\n}\n"],"names":["styles","noop","Link","href","variant","placement","target","ariaDescribedBy","accessibleLabel","ariaLabelledBy","children","onClick","default","pressProps","usePress"],"mappings":";;;;;;;AA2DA,MAAAA,MAAA,GAAA;WAAA,QAAA;WAAA,UAAA;aAAA,QAAA;cAAA,UAAA;;AAAA,CAAA,CAAA;;AAuCA,MAAAC,IAAA,GAAA,MAAA,EAAA,CAAA;;AAEA,SAAAC,IAAA,CAAA;EAAAC,IAAA;AAAAC,EAAAA,OAAA,GAAA,SAAA;AAAAC,EAAAA,SAAA,GAAA,YAAA;EAAAC,MAAA;EAAAC,eAAA;EAAAC,eAAA;EAAAC,cAAA;EAAAC,QAAA;AAAAC,EAAAA,OAAAA;AAAA,CAAA,EAAA;gCAYIX,MAAA,CAAAY,4BAEAR,OAAA,KAAA,SAAA,IAAAJ,MAAA,CAAAI,OAAA;EAEF,MAAA;AAAAS,IAAAA,UAAAA;AAAA,GAAA,GAAAC,QAAA,CAAAH,OAAA,KAAA,IAAA,IAAAA,OAAA,KAAA,KAAA,CAAA,GAAAA,OAAA,GAAAV,IAAA,CAAA,CAAA;;;;;;;;;;;;AAaF;;;;;;;"}
+{"version":3,"file":"UNSAFE_Link.js","sources":["../../src/UNSAFE_Link/Link.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { usePress } from '../hooks/UNSAFE_usePress';\n\ntype Props = {\n  /**\n   * Sets the URL that the hyperlink points to.\n   */\n  href: string;\n\n  /**\n   * Sets the variant.\n   */\n  variant?: 'default' | 'primary' | 'secondary';\n\n  /**\n   * Sets the placement.\n   */\n  placement?: 'standalone' | 'embedded';\n\n  /**\n   * Sets the target.\n   */\n  target?: string;\n\n  /**\n   * Specifies id for element (or elements) that describes the object.\n   */\n  ariaDescribedBy?: string;\n\n  /**\n   * A label to be used for accessibility purposes.\n   */\n  accessibleLabel?: string;\n\n  /**\n   * One or more ids (separated by spaces) of elements that label the Link.\n   */\n  ariaLabelledBy?: string;\n\n  /**\n   * Triggered when a link is clicked, whether by keyboard, mouse, or touch events.\n   */\n  onClick?: (event: Event) => void;\n\n  /**\n   * Specifies the children\n   */\n  children?: ComponentChildren;\n};\n\nconst styles = {\n  default: cssProps`${{\n    display: 'inline',\n    color: 'var(--oj-c-link-text-color)',\n    textDecorationColor: 'var(--oj-c-link-text-color)',\n    textDecorationThickness: '1px',\n    textUnderlineOffset: 'var(--oj-c-link-text-underline-offset)',\n    cursor: 'var( --oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable)',\n    '&:visited': { color: '--oj-c-link-text-color-visited' },\n    '&:active': { color: '--oj-c-link-text-color-active' },\n    '&:focus-visible': {\n      outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n      outlineStyle: 'dotted',\n      outlineWidth: '1px',\n      outlineOffset: '1px'\n    }\n  }}`,\n  primary: cssProps`${{\n    '--oj-c-link-text-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)',\n    '--oj-c-link-text-color-visited': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)',\n    '--oj-c-link-text-color-active': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)'\n  }}`,\n  secondary: cssProps`${{\n    '--oj-c-link-text-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary)',\n    '--oj-c-link-text-color-visited': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary)',\n    '--oj-c-link-text-color-active': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary)'\n  }}`,\n  standalone: cssProps`${{\n    textDecorationLine: 'var(--oj-c-link-standalone-text-decoration)',\n    '&:hover': { textDecorationLine: 'var(--oj-c-link-standalone-text-decoration-hover)' },\n    '&:active': { textDecorationLine: 'var(--oj-c-link-standalone-text-decoration-hover)' }\n  }}`,\n  embedded: cssProps`${{\n    textDecorationLine: 'var(--oj-c-link-embedded-text-decoration)',\n    '&:hover': { textDecorationLine: 'var(--oj-c-link-embedded-text-decoration-hover)' },\n    '&:active': { textDecorationLine: 'var(--oj-c-link-embedded-text-decoration-hover)' }\n  }}`\n};\n\nconst noop = () => {};\n\nexport function Link({\n  href,\n  variant = 'default',\n  placement = 'standalone',\n  target,\n  ariaDescribedBy,\n  accessibleLabel,\n  ariaLabelledBy,\n  children,\n  onClick\n}: Props) {\n  const linkClass = classNames([\n    styles.default,\n    styles[placement],\n    variant !== 'default' && styles[variant]\n  ]);\n  const { pressProps } = usePress(onClick ?? noop);\n  return (\n    <a\n      href={href}\n      aria-describedby={ariaDescribedBy}\n      aria-label={accessibleLabel}\n      aria-labelledby={ariaLabelledBy}\n      target={target}\n      {...pressProps}\n      class={linkClass}>\n      {children}\n    </a>\n  );\n}\n"],"names":["styles","noop","Link","href","variant","placement","target","ariaDescribedBy","accessibleLabel","ariaLabelledBy","children","onClick","default","pressProps","usePress"],"mappings":";;;;;;;AA2DA,MAAAA,MAAA,GAAA;WAAA,QAAA;WAAA,SAAA;aAAA,UAAA;cAAA,UAAA;;AAAA,CAAA,CAAA;;AAuCA,MAAAC,IAAA,GAAA,MAAA,EAAA,CAAA;;AAEA,SAAAC,IAAA,CAAA;EAAAC,IAAA;AAAAC,EAAAA,OAAA,GAAA,SAAA;AAAAC,EAAAA,SAAA,GAAA,YAAA;EAAAC,MAAA;EAAAC,eAAA;EAAAC,eAAA;EAAAC,cAAA;EAAAC,QAAA;AAAAC,EAAAA,OAAAA;AAAA,CAAA,EAAA;gCAYIX,MAAA,CAAAY,4BAEAR,OAAA,KAAA,SAAA,IAAAJ,MAAA,CAAAI,OAAA;EAEF,MAAA;AAAAS,IAAAA,UAAAA;AAAA,GAAA,GAAAC,QAAA,CAAAH,OAAA,KAAA,IAAA,IAAAA,OAAA,KAAA,KAAA,CAAA,GAAAA,OAAA,GAAAV,IAAA,CAAA,CAAA;;;;;;;;;;;;AAaF;;;;;;;"}

package/es/UNSAFE_ListItemLayout.css

@@ -1,10 +1,10 @@
-.l9wvb9 > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
-._1h5pq17{align-self:center;margin:-0.875rem -0.875rem;}
-._1a77tht{align-self:center;min-width:0;}
-.r9wcj5{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);}
-._1eghpa0{display:flex;flex-direction:column;}
-._1ob74u8{display:flex;flex-direction:row;justify-content:right;align-self:center;}
-.ygjsj8{display:flex;flex-direction:row;justify-content:right;}
-.bcih8x{align-self:end;}
+.x70bfe > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+._5ojpm{align-self:center;margin:-0.875rem -0.875rem;}
+.ul8ek4{align-self:center;min-width:0;}
+._1lnsto7{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);}
+._10mbut3{display:flex;flex-direction:column;}
+.ni4l3v{display:flex;flex-direction:row;justify-content:right;align-self:center;}
+.hipr3a{display:flex;flex-direction:row;justify-content:right;}
+.zlyiin{align-self:end;}
 
-._128jmce{display:flex;flex-direction:column;}
+._1488rwg{display:flex;flex-direction:column;}

package/es/UNSAFE_ListItemLayout.js

@@ -1,39 +1,39 @@
-/* @oracle/oraclejet-preact: 14.1.2 */
+/* @oracle/oraclejet-preact: 14.1.3 */
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import "./UNSAFE_ListItemLayout.css";
 import { Grid } from './UNSAFE_Grid.js';
 import { classNames } from './utils/UNSAFE_classNames.js';
 import { Text } from './UNSAFE_Text.js';
 import { useTabbableMode } from './hooks/UNSAFE_useTabbableMode.js';
-import './tslib.es6-c0e58804.js';
+import './tslib.es6-d9bdbdae.js';
 import './utils/UNSAFE_interpolations/grid.js';
 import './utils/UNSAFE_interpolations/boxalignment.js';
-import './keys-471c8d5b.js';
-import './_curry1-e3c6d072.js';
-import './_has-8fca21a0.js';
+import './keys-0514dd90.js';
+import './_curry1-e379049d.js';
+import './_has-25764044.js';
 import './utils/UNSAFE_size.js';
 import './utils/UNSAFE_arrayUtils.js';
 import './utils/UNSAFE_mergeInterpolations.js';
-import './_curry3-5e1ce5aa.js';
-import './_curry2-791029c0.js';
+import './_curry3-3d6e7df3.js';
+import './_curry2-1c000ff2.js';
 import 'preact';
 import 'preact/hooks';
 
-const childrenStyles = "l9wvb9"; // TODO: revisit idea of negative margin when selector has a proper API for handling spacing
+const childrenStyles = "x70bfe"; // TODO: revisit idea of negative margin when selector has a proper API for handling spacing
 // Jira: JET-54543
 // negative margin added to selector
 
-const selectorStyles = "_1h5pq17"; // most content will be vertically centered
+const selectorStyles = "_5ojpm"; // most content will be vertically centered
 
-const centerVerticalStyles = "_1a77tht"; // extra spacing is needed between meta, trailing, and action components
+const centerVerticalStyles = "ul8ek4"; // extra spacing is needed between meta, trailing, and action components
 
-const leftPaddingStyles = "r9wcj5"; // the central text area displays overline, primary, secondary, and tertiary in a column
+const leftPaddingStyles = "_1lnsto7"; // the central text area displays overline, primary, secondary, and tertiary in a column
 
-const flexColumnStyles$1 = "_1eghpa0"; // "extra" components in row 1 and the link in row 2 are justified on the righthand side of the list item layout
+const flexColumnStyles$1 = "_10mbut3"; // "extra" components in row 1 and the link in row 2 are justified on the righthand side of the list item layout
 
-const flexRowStyles = "_1ob74u8";
-const rightJustifyStyles = "ygjsj8";
-const rowAlignStyles = "bcih8x";
+const flexRowStyles = "ni4l3v";
+const rightJustifyStyles = "hipr3a";
+const rowAlignStyles = "zlyiin";
 function ListItemLayout({
   children,
   selector,
@@ -190,7 +190,7 @@ function ListItemText({ children, variant }) {
     return isTabbable ? jsx("div", Object.assign({ tabIndex: 0 }, { children: textContent })) : textContent;
 }
 
-const flexColumnStyles = "_128jmce";
+const flexColumnStyles = "_1488rwg";
 function ListItemTextLayout({
   primary,
   secondary,

package/es/UNSAFE_ListItemLayout.js.map

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

package/es/UNSAFE_ListView.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.1.2 */
+/* @oracle/oraclejet-preact: 14.1.3 */
 import { jsx } from 'preact/jsx-runtime';
 import { List } from './PRIVATE_List.js';
 import 'preact/hooks';
@@ -6,7 +6,7 @@ import 'preact/hooks';
 import './utils/UNSAFE_classNames.js';
 import './utils/UNSAFE_mergeProps.js';
 import './utils/UNSAFE_keys.js';
-import './LoadMoreCollection-629e105d.js';
+import './LoadMoreCollection-099cec18.js';
 import './PRIVATE_Collection.js';
 import 'preact';
 import './hooks/UNSAFE_useViewportIntersect.js';
@@ -16,9 +16,9 @@ import './hooks/UNSAFE_useTabbableMode.js';
 import './UNSAFE_FocusTrap.js';
 import 'preact/compat';
 import './utils/PRIVATE_tabbableUtils.js';
-import './_curry1-e3c6d072.js';
-import './_curry2-791029c0.js';
-import './_curry3-5e1ce5aa.js';
+import './_curry1-e379049d.js';
+import './_curry2-1c000ff2.js';
+import './_curry3-3d6e7df3.js';
 import './hooks/UNSAFE_useId.js';
 import './hooks/PRIVATE_useSelection.js';
 import './hooks/PRIVATE_useCurrentKey.js';
@@ -27,15 +27,15 @@ import './hooks/PRIVATE_useTabbableModeSet.js';
 import './hooks/PRIVATE_useItemAction.js';
 import './utils/PRIVATE_collectionUtils.js';
 import './UNSAFE_Skeleton.js';
-import './tslib.es6-c0e58804.js';
+import './tslib.es6-d9bdbdae.js';
 import './utils/UNSAFE_interpolations/dimensions.js';
 import './utils/UNSAFE_size.js';
 import './utils/UNSAFE_mergeInterpolations.js';
-import './_has-8fca21a0.js';
+import './_has-25764044.js';
 import './utils/UNSAFE_interpolations/borders.js';
 import './UNSAFE_Flex.js';
 import './utils/UNSAFE_interpolations/boxalignment.js';
-import './keys-471c8d5b.js';
+import './keys-0514dd90.js';
 import './utils/UNSAFE_interpolations/flexbox.js';
 import './utils/UNSAFE_interpolations/flexitem.js';
 import './UNSAFE_Selector.js';
@@ -44,7 +44,7 @@ import './UNSAFE_Icons.js';
 import './UNSAFE_Icon.js';
 import './hooks/UNSAFE_useTooltip.js';
 import './UNSAFE_Floating.js';
-import './index-f7e6e87e.js';
+import './index-35af0841.js';
 import './hooks/UNSAFE_useUser.js';
 import './UNSAFE_Environment.js';
 import './UNSAFE_Layer.js';

package/es/UNSAFE_LiveRegion.css

@@ -1 +1 @@
-._16m5yu8{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow-x:hidden;overflow-y:hidden;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;width:1px;position:absolute;}
+.b6x6rj{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow-x:hidden;overflow-y:hidden;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;width:1px;position:absolute;}

package/es/UNSAFE_LiveRegion.js

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

package/es/UNSAFE_LiveRegion.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_LiveRegion.js","sources":["../../src/UNSAFE_LiveRegion/LiveRegion.tsx","../../src/UNSAFE_LiveRegion/index.ts"],"sourcesContent":["import { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useCallback, useEffect, useState } from 'preact/hooks';\n\nconst offScreenStyle = cssProps`${{\n  border: 0,\n  clip: 'rect(0 0 0 0)',\n  height: '1px',\n  margin: '-1px',\n  overflowX: 'hidden',\n  overflowY: 'hidden',\n  paddingTop: 0,\n  paddingRight: 0,\n  paddingBottom: 0,\n  paddingLeft: 0,\n  width: '1px',\n  position: 'absolute'\n}}`;\n\ntype Props = {\n  /**\n   * Whether this live region is atomic\n   */\n  atomic?: 'true' | 'false';\n\n  /**\n   * The text to be read out in the live region\n   */\n  children?: string;\n\n  /**\n   * Timeout for updating the text\n   */\n  timeout?: number;\n\n  /**\n   * The value for the aria-live attribute\n   */\n  type?: 'assertive' | 'polite' | 'off';\n};\n\n/**\n * A helper component that renders an aria-live region\n *\n * TODO: Create a more centralized component that can handle aria-live region for\n * the whole application and use context api to communicate\n */\nfunction LiveRegion({ atomic = 'false', children = '', timeout = 100, type = 'polite' }: Props) {\n  const ariaLiveText = useLiveText(children, timeout);\n\n  return (\n    <span aria-live={type} aria-atomic={atomic} class={offScreenStyle}>\n      {ariaLiveText}\n    </span>\n  );\n}\n\n/**\n * A custom hook for handling the aria-live region\n *\n * @param text The aria-live text to use\n * @param timeout The timeout for setting the aria-live text async\n * @returns The aria-live text\n */\nfunction useLiveText(text: string, timeout: number) {\n  const [liveText, setLiveText] = useState<string>();\n  const updateText = useCallback(() => setLiveText(text), [text]);\n  const updateTextAsync = useCallback(() => setTimeout(updateText, timeout), [updateText, timeout]);\n\n  useEffect(() => {\n    const timeoutId = updateTextAsync();\n\n    return () => clearTimeout(timeoutId);\n  }, [updateTextAsync]);\n\n  return liveText;\n}\n\nexport { LiveRegion };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nexport { LiveRegion } from './LiveRegion';\n"],"names":["offScreenStyle","LiveRegion","atomic","children","timeout","type","_jsx","Object","assign","class","ariaLiveText","useLiveText","text","updateText","useCallback","setLiveText","timeoutId","updateTextAsync","clearTimeout","liveText"],"mappings":";;;;;AAGA,MAAAA,cAAA,GAAA,UAAA,CAAA;AAqCA;;;;;AAKG;;AACH,SAAAC,UAAA,CAAA;AAAAC,EAAAA,MAAA,GAAA,OAAA;AAAAC,EAAAA,QAAA,GAAA,EAAA;AAAAC,EAAAA,OAAA,GAAA,GAAA;AAAAC,EAAAA,IAAA,GAAA,QAAA;AAAA,CAAA,EAAA;;AAGE,EAAA,OAAAC,GAAA,CAAA,MAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAAA,IAAA,WAAA,EAAAH,IAAA;AAAA,IAAA,aAAA,EAAAH,MAAA;AAAAO,IAAAA,KAAA,EAAAT,cAAAA;AAAA,GAAA,EAAA;AAAAG,IAAAA,QAAA,EAAAO,YAAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AAKF,CAAA;AAEA;;;;;;AAMG;;;AACH,SAAAC,WAAA,CAAAC,IAAA,EAAAR,OAAA,EAAA;;AAEE,EAAA,MAAAS,UAAA,GAAAC,WAAA,CAAA,MAAAC,WAAA,CAAAH,IAAA,CAAA,EAAA,CAAAA,IAAA,CAAA,CAAA,CAAA;;;IAIE,MAAAI,SAAA,GAAAC,eAAA,EAAA,CAAA;AAEA,IAAA,OAAA,MAAAC,YAAA,CAAAF,SAAA,CAAA,CAAA;AACF,KAAA,CAAAC,eAAA;AAEA,EAAA,OAAAE,QAAA,CAAA;AACF;;AC3EA;;;;;;AAMG;;;;;;;"}
+{"version":3,"file":"UNSAFE_LiveRegion.js","sources":["../../src/UNSAFE_LiveRegion/LiveRegion.tsx","../../src/UNSAFE_LiveRegion/index.ts"],"sourcesContent":["import { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useCallback, useEffect, useState } from 'preact/hooks';\n\nconst offScreenStyle = cssProps`${{\n  border: 0,\n  clip: 'rect(0 0 0 0)',\n  height: '1px',\n  margin: '-1px',\n  overflowX: 'hidden',\n  overflowY: 'hidden',\n  paddingTop: 0,\n  paddingRight: 0,\n  paddingBottom: 0,\n  paddingLeft: 0,\n  width: '1px',\n  position: 'absolute'\n}}`;\n\ntype Props = {\n  /**\n   * Whether this live region is atomic\n   */\n  atomic?: 'true' | 'false';\n\n  /**\n   * The text to be read out in the live region\n   */\n  children?: string;\n\n  /**\n   * Timeout for updating the text\n   */\n  timeout?: number;\n\n  /**\n   * The value for the aria-live attribute\n   */\n  type?: 'assertive' | 'polite' | 'off';\n};\n\n/**\n * A helper component that renders an aria-live region\n *\n * TODO: Create a more centralized component that can handle aria-live region for\n * the whole application and use context api to communicate\n */\nfunction LiveRegion({ atomic = 'false', children = '', timeout = 100, type = 'polite' }: Props) {\n  const ariaLiveText = useLiveText(children, timeout);\n\n  return (\n    <span aria-live={type} aria-atomic={atomic} class={offScreenStyle}>\n      {ariaLiveText}\n    </span>\n  );\n}\n\n/**\n * A custom hook for handling the aria-live region\n *\n * @param text The aria-live text to use\n * @param timeout The timeout for setting the aria-live text async\n * @returns The aria-live text\n */\nfunction useLiveText(text: string, timeout: number) {\n  const [liveText, setLiveText] = useState<string>();\n  const updateText = useCallback(() => setLiveText(text), [text]);\n  const updateTextAsync = useCallback(() => setTimeout(updateText, timeout), [updateText, timeout]);\n\n  useEffect(() => {\n    const timeoutId = updateTextAsync();\n\n    return () => clearTimeout(timeoutId);\n  }, [updateTextAsync]);\n\n  return liveText;\n}\n\nexport { LiveRegion };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nexport { LiveRegion } from './LiveRegion';\n"],"names":["offScreenStyle","LiveRegion","atomic","children","timeout","type","_jsx","Object","assign","class","ariaLiveText","useLiveText","text","updateText","useCallback","setLiveText","timeoutId","updateTextAsync","clearTimeout","liveText"],"mappings":";;;;;AAGA,MAAAA,cAAA,GAAA,QAAA,CAAA;AAqCA;;;;;AAKG;;AACH,SAAAC,UAAA,CAAA;AAAAC,EAAAA,MAAA,GAAA,OAAA;AAAAC,EAAAA,QAAA,GAAA,EAAA;AAAAC,EAAAA,OAAA,GAAA,GAAA;AAAAC,EAAAA,IAAA,GAAA,QAAA;AAAA,CAAA,EAAA;;AAGE,EAAA,OAAAC,GAAA,CAAA,MAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAAA,IAAA,WAAA,EAAAH,IAAA;AAAA,IAAA,aAAA,EAAAH,MAAA;AAAAO,IAAAA,KAAA,EAAAT,cAAAA;AAAA,GAAA,EAAA;AAAAG,IAAAA,QAAA,EAAAO,YAAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AAKF,CAAA;AAEA;;;;;;AAMG;;;AACH,SAAAC,WAAA,CAAAC,IAAA,EAAAR,OAAA,EAAA;;AAEE,EAAA,MAAAS,UAAA,GAAAC,WAAA,CAAA,MAAAC,WAAA,CAAAH,IAAA,CAAA,EAAA,CAAAA,IAAA,CAAA,CAAA,CAAA;;;IAIE,MAAAI,SAAA,GAAAC,eAAA,EAAA,CAAA;AAEA,IAAA,OAAA,MAAAC,YAAA,CAAAF,SAAA,CAAA,CAAA;AACF,KAAA,CAAAC,eAAA;AAEA,EAAA,OAAAE,QAAA,CAAA;AACF;;AC3EA;;;;;;AAMG;;;;;;;"}

package/es/UNSAFE_LoadMoreCollection.js

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