@oracle/oraclejet 13.1.0 → 13.1.2

package/dist/js/libs/oraclejet-preact/amd/TextFieldInput-1e26e3af.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextFieldInput-1e26e3af.js","sources":["../../src/UNSAFE_TextField/FormControlUtils.ts","../../src/UNSAFE_TextField/TextFieldUtils.ts","../../src/UNSAFE_TextField/TextFieldInput.tsx"],"sourcesContent":["import { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\n\nconst rootStyles = {\n  base: cssProps`${{\n    verticalAlign: 'top'\n  }}`,\n\n  labelInside: cssProps`${{\n    maxWidth: '100%'\n  }}`\n};\n\nexport const getFormControlClasses = (hasInsideLabel?: boolean) => {\n  return classNames([rootStyles.base, hasInsideLabel && rootStyles.labelInside]);\n};\n\nexport const getLoadingAriaLabel = () => {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  return translations.formControl_loading();\n};\n","import { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\nconst textFieldStyles = {\n  base: cssProps`${{\n    display: 'inline-block',\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height)',\n    maxWidth: '100%',\n    width: '100%',\n    boxSizing: 'border-box'\n  }}`,\n\n  nonReadonly: cssProps`${{\n    fontWeight: '400',\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-font-size)'\n  }}`\n};\n\nconst readonlyStyles = {\n  base: cssProps`${{\n    fontWeight: 'var(--oj-form-control-font-weight-read-only)',\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-font-size)',\n    position: 'relative',\n    borderStyle: 'solid',\n    transitionProperty: 'border-color',\n    transitionDuration: '0.1s',\n    transitionTimingFunction: 'linear',\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-radius)',\n    flexDirection: 'row',\n    alignItems: 'center',\n    maxWidth: '100%',\n    width: '100%',\n    boxSizing: 'border-box'\n  }}`,\n\n  insideEnabledForm: cssProps`${{\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    borderWidth: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-width)',\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-color-disabled)',\n    backgroundColor: 'transparent',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height)',\n    minWidth: '1em',\n    display: 'inline-flex',\n    flex: '1'\n  }}`,\n\n  textarea: cssProps`${{\n    height: 'auto'\n  }}`,\n\n  insideEnabledFormLabelInside: cssProps`${{\n    minHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height)'\n  }}`,\n\n  notInsideEnabledForm: cssProps`${{\n    overflowX: 'visible',\n    overflowY: 'visible',\n    borderWidth: '0',\n    backgroundColor: 'transparent',\n    height: 'auto'\n  }}`,\n\n  textareaNotInsideEnabledForm: cssProps`${{\n    paddingTop: '0',\n    paddingBottom: '0'\n  }}`\n};\n\n//Consolidating all loading styles on form elements here\nexport const loadingStyles = cssProps`${{\n  backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-animation-skeleton-bg-end-color)',\n  backgroundSize: '200% 200%',\n  borderWidth: '0',\n  // need to use a var for the animation name because otherwise linaria will obfuscate it\n  // and make it different from the actual keyframes name\n  animationName: 'var(--oj-c-PRIVATE-DO-NOT-USE-private-preact-text-field-animation-name-skeleton)',\n  animationIterationCount: 'infinite',\n  animationDirection: 'alternate',\n  animationDuration: '1.5s',\n  opacity: '1'\n}}`;\n\nexport const getTextFieldClasses = (readonly?: boolean) => {\n  const classes = classNames([textFieldStyles.base, !readonly && textFieldStyles.nonReadonly]);\n  return classes;\n};\n\nexport const getReadonlyClasses = (\n  isInsideNonReadonlyForm?: boolean,\n  hasInsideLabel?: boolean,\n  variant?: 'textarea'\n) => {\n  const classes = classNames([\n    readonlyStyles.base,\n    variant === 'textarea' && readonlyStyles.textarea,\n    isInsideNonReadonlyForm\n      ? readonlyStyles.insideEnabledForm\n      : readonlyStyles.notInsideEnabledForm,\n    variant === 'textarea' &&\n      !isInsideNonReadonlyForm &&\n      readonlyStyles.textareaNotInsideEnabledForm,\n    isInsideNonReadonlyForm && hasInsideLabel && readonlyStyles.insideEnabledFormLabelInside\n  ]);\n  return classes;\n};\n\nexport const getInputId = (id?: string) => {\n  return (id ?? '') + '|input';\n};\n\nexport const isInputPlaceholderShown = (\n  hasInsideLabel: boolean,\n  hasValue: boolean,\n  isFocused?: boolean\n) => {\n  return !(hasInsideLabel && !hasValue && !isFocused);\n};\n","import { cssProps } from '@oracle/oraclejet-cssprops';\nimport { JSX, Ref } from 'preact';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { useTextFieldInputHandlers } from '../hooks/UNSAFE_useTextFieldInputHandlers';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport type { TextProps } from '../utils/UNSAFE_interpolations/text';\nimport { textInterpolations } from '../utils/UNSAFE_interpolations/text';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { ValueUpdateDetail } from '../utils/UNSAFE_valueUpdateDetail';\nimport { getLoadingAriaLabel } from './FormControlUtils';\nimport { isInputPlaceholderShown } from './TextFieldUtils';\n\nconst rootStyles = {\n  base: cssProps`${{\n    // normally removing an outline can cause accessibility issues, however\n    // on an input the cursor blinks so an outline is not required for\n    // accessibility. As of 6-11-14 only chrome is putting\n    // an outline on inputs anyway\n    outlineStyle: 'none',\n    outlineWidth: '0',\n    boxSizing: 'border-box',\n    fontFamily: 'inherit',\n    lineHeight: 'inherit',\n    fontWeight: 'inherit',\n    fontSize: '100%',\n    border: '0',\n    backgroundColor: 'transparent',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-color)',\n    width: '100%',\n    paddingTop: '0',\n    paddingRight: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding)',\n    paddingBottom: '0',\n    paddingLeft: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding)',\n\n    '&::selection': {\n      backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-selected)'\n    }\n  }}`,\n  textarea: cssProps`${{\n    paddingTop:\n      'calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height) - 1rem * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height))/ 2 - 1px)',\n    paddingBottom:\n      'calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height) - 1rem * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height))/ 2 - 1px)',\n    resize: 'none'\n  }}`,\n  password: cssProps`${{\n    '&::-ms-reveal': {\n      display: 'none'\n    }\n  }}`,\n  labelInsideBase: cssProps`${{\n    minHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height)',\n    paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-padding-top)',\n\n    '&:hover': {\n      backgroundColor: 'transparent'\n    }\n  }}`,\n  textareaLabelInsideBase: cssProps`${{\n    paddingTop: 0,\n    paddingBottom: 0,\n    // We are using a transparent border here instead of padding, due to how textarea scrolls the padding off the screen\n    // and the text content will clash with the inside label.\n    borderColor: 'transparent',\n    borderStyle: 'solid',\n    borderBlockStartWidth:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size) * var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height) + var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top))',\n    // The 0.25rem is an aesthetically pleasing amount of bottom padding\n    borderBlockEndWidth: '0.25rem'\n  }}`,\n\n  labelInsideNoValueAndHasFocus: cssProps`${{\n    animationName:\n      'var(--oj-c-PRIVATE-DO-NOT-USE-private-preact-text-field-animation-name-placeholder)',\n    animationDuration: 'var(--oj-c-PRIVATE-DO-NOT-USE-animation-duration-xlong)',\n    animationTimingFunction: 'var(--oj-c-PRIVATE-DO-NOT-USE-animation-ease-in)'\n  }}`,\n\n  hasStartContent: cssProps`${{\n    paddingInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-text-padding)'\n  }}`,\n\n  hasEndContent: cssProps`${{\n    paddingInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-text-padding)'\n  }}`,\n\n  disabled: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-color-disabled)'\n  }}`\n};\n\nconst interpolations = [...Object.values(textInterpolations)];\n\nconst styleInterpolations = mergeInterpolations<Props>(interpolations);\n\ntype Autocomplete = 'off' | 'on' | string;\n\ntype OrigPickedPropsFromInput = Pick<\n  JSX.HTMLAttributes<HTMLInputElement>,\n  'autofocus' | 'id' | 'placeholder' | 'required' | 'role' | 'spellcheck' | 'type'\n>;\ntype RenamedPropsFromInput = Omit<OrigPickedPropsFromInput, 'autofocus' | 'required'> & {\n  autoFocus?: OrigPickedPropsFromInput['autofocus'];\n  isRequired?: OrigPickedPropsFromInput['required'];\n};\ntype InputProps = {\n  as?: 'input';\n  type?: Pick<JSX.HTMLAttributes<HTMLInputElement>, 'type'>['type'];\n  rows?: never;\n  inputRef?: Ref<HTMLInputElement>;\n};\n\ntype TextAreaProps = {\n  as: 'textarea';\n  type?: never;\n  rows?: number;\n  inputRef?: Ref<HTMLTextAreaElement>;\n};\n\ntype UniqueProps = InputProps | TextAreaProps;\n\ntype AriaProps = {\n  ariaAutocomplete?: 'none' | 'inline' | 'list' | 'both';\n  ariaControls?: string;\n  ariaDescribedby?: string;\n  ariaExpanded?: boolean;\n  ariaInvalid?: string;\n  ariaLabel?: string;\n  ariaLabelledby?: string;\n};\n\ntype Props = UniqueProps &\n  TextProps &\n  RenamedPropsFromInput &\n  AriaProps & {\n    autoComplete?: Autocomplete;\n    // TODO: Should we expose has* props like these or should we pass this info\n    // via FormFieldContext?  (from review on 3/8/22)\n    currentCommitValue?: string;\n    hasEndContent?: boolean;\n    hasInsideLabel?: boolean;\n    hasStartContent?: boolean;\n    value?: string;\n    onInput?: (detail: ValueUpdateDetail<string>) => void;\n    onCommit?: (detail: ValueUpdateDetail<string>) => void;\n    onKeyDown?: (event: KeyboardEvent) => void;\n    onKeyUp?: (event: KeyboardEvent) => void;\n  };\n\nexport const TextFieldInput = ({\n  as,\n  ariaAutocomplete,\n  ariaControls,\n  ariaDescribedby,\n  ariaExpanded,\n  ariaInvalid,\n  ariaLabel,\n  ariaLabelledby,\n  autoComplete,\n  autoFocus,\n  currentCommitValue,\n  hasEndContent = false,\n  hasInsideLabel = false,\n  hasStartContent = false,\n  id,\n  inputRef,\n  placeholder,\n  isRequired,\n  role,\n  rows,\n  spellcheck,\n  type,\n  value = '',\n  onInput,\n  onCommit,\n  onKeyDown,\n  onKeyUp,\n  ...props\n}: Props) => {\n  const hasValue = value !== '';\n  const { isDisabled, isFocused, isLoading, isReadonly } = useFormFieldContext();\n  const myPlaceholder = isInputPlaceholderShown(hasInsideLabel, hasValue, isFocused)\n    ? placeholder\n    : undefined;\n  const { class: styleInterpolationClasses } = styleInterpolations(props);\n  const inputClasses = classNames([\n    'oj-c-text-field-input',\n    rootStyles.base,\n    as === 'textarea' && rootStyles.textarea,\n    type === 'password' && rootStyles.password,\n    hasInsideLabel &&\n      classNames([\n        rootStyles.labelInsideBase,\n        as === 'textarea' && rootStyles.textareaLabelInsideBase,\n        !hasValue && isFocused && rootStyles.labelInsideNoValueAndHasFocus\n      ]),\n    hasStartContent && rootStyles.hasStartContent,\n    hasEndContent && rootStyles.hasEndContent,\n    isDisabled && rootStyles.disabled,\n    styleInterpolationClasses\n  ]);\n  const Comp = as || 'input';\n  const handlers = useTextFieldInputHandlers({\n    currentCommitValue,\n    value,\n    onInput,\n    onCommit,\n    onKeyDown\n  });\n  // the implicit default for tabindex on an input is 0, so do not explicitly set it.\n  // TODO: for autoComplete='off', need to configure attrs appropriately to make sure it\n  // works across browsers and versions  (from review on 3/11/22)\n  return (\n    <Comp\n      aria-autocomplete={ariaAutocomplete}\n      aria-controls={ariaControls}\n      aria-describedby={ariaDescribedby}\n      aria-expanded={ariaExpanded}\n      aria-invalid={ariaInvalid}\n      aria-label={isLoading ? getLoadingAriaLabel() : ariaLabel ? ariaLabel : undefined}\n      aria-labelledby={ariaLabelledby}\n      aria-required={isRequired ? true : undefined}\n      autocomplete={autoComplete}\n      autofocus={autoFocus}\n      class={inputClasses}\n      disabled={isDisabled}\n      id={id}\n      onKeyUp={onKeyUp}\n      placeholder={myPlaceholder}\n      readonly={isReadonly}\n      // @ts-ignore\n      ref={inputRef}\n      role={role}\n      rows={rows}\n      spellcheck={spellcheck}\n      type={type}\n      value={value}\n      {...handlers}\n    />\n  );\n};\n"],"names":["rootStyles","getLoadingAriaLabel","useTranslationBundle","formControl_loading","textFieldStyles","readonlyStyles","interpolations","Object","values","textInterpolations","styleInterpolations","mergeInterpolations","_a","as","ariaAutocomplete","ariaControls","ariaDescribedby","ariaExpanded","ariaInvalid","ariaLabel","ariaLabelledby","autoComplete","autoFocus","currentCommitValue","hasEndContent","hasInsideLabel","hasStartContent","id","inputRef","placeholder","isRequired","role","rows","spellcheck","type","value","onInput","onCommit","onKeyDown","onKeyUp","props","__rest","hasValue","isDisabled","isFocused","isLoading","isReadonly","useFormFieldContext","classNames","Comp","_jsx","assign","undefined","autocomplete","autofocus","class","inputClasses","disabled","myPlaceholder","readonly","isInsideNonReadonlyForm","variant"],"mappings":"80CAKA,MAAAA,EAAA,SAAAA,UAcAC,EAAA,IACEC,uBAAA,4BACAC,sBClBFC,EAAA,UAAAA,WAeAC,EAAA,UAAAA,EAAA,SAAAA,EAAA,UAAAA,EAAA,UAAAA,EAAA,UAAAA,WCNAL,EAAA,SAAAA,EAAA,UAAAA,EAAA,SAAAA,EAAA,UAAAA,EAAA,SAAAA,EAAA,SAAAA,EAAA,SAAAA,EAAA,UAAAA,YA+EAM,EAAAC,mBAAAA,OAAAC,OAAAC,EAAAA,qBAEAC,EAAAC,EAAAA,oBAAAL,oBAwDAM,IAA+B,IAAAC,GAAAA,EAAAC,iBAAAA,EAAAC,aAAAA,EAAAC,gBAAAA,EAAAC,aAAAA,EAAAC,YAAAA,EAAAC,UAAAA,EAAAC,eAAAA,EAAAC,aAAAA,EAAAC,UAAAA,EAAAC,mBAAAA,EAAAC,cAAAA,GAAA,EAAAC,eAAAA,GAAA,EAAAC,gBAAAA,GAAA,EAAAC,GAAAA,EAAAC,SAAAA,EAAAC,YAAAA,EAAAC,WAAAA,EAAAC,KAAAA,EAAAC,KAAAA,EAAAC,WAAAA,EAAAC,KAAAA,EAAAC,MAAAA,EAAA,GAAAC,QAAAA,EAAAC,SAAAA,EAAAC,UAAAA,EAAAC,QAAAA,GAAA3B,EAAA4B,EAAAC,EAAAA,OAAA7B,EAAA,CAAA,KAAA,mBAAA,eAAA,kBAAA,eAAA,cAAA,YAAA,iBAAA,eAAA,YAAA,qBAAA,gBAAA,iBAAA,kBAAA,KAAA,WAAA,cAAA,aAAA,OAAA,OAAA,aAAA,OAAA,QAAA,UAAA,WAAA,YAAA,YA8B7B,MAAA8B,EAAA,KAAAP,GACAQ,WAAAA,EAAAC,UAAAA,EAAAC,UAAAA,EAAAC,WAAAA,GAAAC,EAAAA,wBDrEF,EAAAtB,EAAAiB,EAAAE,yBCuEIf,gEAKA7B,EACA,aAAAa,GAAAb,EACA,aAAAkC,GAAAlC,KAEEgD,aAAA,CACEhD,EACA,aAAAa,GAAAb,GACA0C,GAAAE,GAAA5C,uBAONiD,EAAApC,GAAA,wGAWA,OAAAqC,MAAAD,EAAA1C,OAAA4C,OAAA,CAAA,oBAAArC,EAAA,gBAAAC,EAAA,mBAAAC,EAAA,gBAAAC,EAAA,eAAAC,EAAA,aAAA2B,EAAA5C,IAAAkB,QAAAiC,EAAA,kBAAAhC,EAAA,kBAAAU,QAAAsB,EAAAC,aAAAhC,EAAAiC,UAAAhC,EAAAiC,MAAAC,EAAAC,SAAAd,EAAAhB,GAAAA,EAAAY,QAAAA,EAAAV,YAAA6B,EAAAC,SAAAb,iFFrMFrB,GACEuB,EAAAA,WAAA,CAAAhD,EAAAyB,GAAAzB,iBC2FF2B,wEAnBA,CAAAiC,EAAAnC,EAAAoC,kBAMIxD,EACA,aAAAwD,GAAAxD,QAIA,aAAAwD,IACED,GACAvD,EACFuD,GAAAnC,GAAApB,0BAnBJsD,GACEX,aAAA,CAAA5C,GAAAuD,GAAAvD,oBAdF"}

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_AspectRatio.css

@@ -1 +1 @@
-._atcn2l{position:relative;overflow-x:hidden;overflow-y:hidden;}._atcn2l::before{content:'';display:block;padding-bottom:calc(100% / (var(--oj-c-PRIVATE-DO-NOT-USE-aspect-ratio)));}._atcn2l > :first-child{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;}._atcn2l > img{object-fit:cover;}._atcn2l > video{object-fit:cover;}
+._r1ajir{position:relative;overflow-x:hidden;overflow-y:hidden;}._r1ajir::before{content:'';display:block;padding-bottom:calc(100% / (var(--oj-c-PRIVATE-DO-NOT-USE-aspect-ratio)));}._r1ajir > :first-child{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;}._r1ajir > img{object-fit:cover;}._r1ajir > video{object-fit:cover;}

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_AspectRatio.js

@@ -1,2 +1,2 @@
-define(["exports","./tslib.es6-6b9f8039","preact/jsx-runtime",'css!./UNSAFE_AspectRatio.css',"./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./utils/UNSAFE_arrayUtils","./classNames-b2629d24","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-a3acea83","./_curry1-b1038181","./_curry2-de7435f6","./_has-f8addc41"],(function(s,t,i,e,r,a,n,l,c,o,d,_,u,m,A){"use strict";const N=l.stringLiteralArray(["9/16","1/1","6/5","5/4","4/3","11/8","1.43/1","3/2","14/9","16/10","1.6180/1","5/3","16/9","1.85/1","1.9/1","2/1","2.2/1","64/21","2.4/1","2.414/1","2.76/1","32/9","18/5","4/1"]),U=l.stringLiteralArray(["maxWidth","minWidth","width"]),g=Array.from(U,(s=>r.dimensionInterpolations[s])),p=a.mergeInterpolations(g);s.AspectRatio=function(s){var{children:e,ratio:r="1/1"}=s,a=t.__rest(s,["children","ratio"]);const n=p(a),{class:l}=n,o=t.__rest(n,["class"]),d=Object.assign(Object.assign({},o),{"--oj-c-PRIVATE-DO-NOT-USE-aspect-ratio":r});return i.jsx("div",Object.assign({class:c.classNames(["_atcn2l",l]),style:d},{children:e}))},s.ratios=N,Object.defineProperty(s,"__esModule",{value:!0})}));
+define(["exports","./tslib.es6-e48c1294","preact/jsx-runtime",'css!./UNSAFE_AspectRatio.css',"./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./utils/UNSAFE_arrayUtils","./classNames-44d4671f","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-51f75ac3","./_curry1-d5fe99bc","./_curry2-8d1b30bf","./_has-d0968c29"],(function(s,t,i,r,e,a,n,l,c,o,d,_,u,m,A){"use strict";const N=l.stringLiteralArray(["9/16","1/1","6/5","5/4","4/3","11/8","1.43/1","3/2","14/9","16/10","1.6180/1","5/3","16/9","1.85/1","1.9/1","2/1","2.2/1","64/21","2.4/1","2.414/1","2.76/1","32/9","18/5","4/1"]),U=l.stringLiteralArray(["maxWidth","minWidth","width"]),f=Array.from(U,(s=>e.dimensionInterpolations[s])),g=a.mergeInterpolations(f);s.AspectRatio=function(s){var{children:r,ratio:e="1/1"}=s,a=t.__rest(s,["children","ratio"]);const n=g(a),{class:l}=n,o=t.__rest(n,["class"]),d=Object.assign(Object.assign({},o),{"--oj-c-PRIVATE-DO-NOT-USE-aspect-ratio":e});return i.jsx("div",Object.assign({class:c.classNames(["_r1ajir",l]),style:d},{children:r}))},s.ratios=N,Object.defineProperty(s,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_AspectRatio.js.map

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_Avatar.css

@@ -1,7 +1,7 @@
-._1bu6wv{display:inline-grid;height:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size);width:var(--oj-c-PRIVATE-DO-NOT-USE--avatar-size);}
-._0f93l{--oj-c-PRIVATE-DO-NOT-USE-avatar-border-radius:50%;}
-.y6dkls{border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-border-radius);align-self:stretch;align-items:center;justify-content:center;display:flex;height:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size);width:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size);grid-row-start:1;grid-column-start:1;grid-row-end:2;grid-column-end:2;background-position:center center;overflow-x:hidden;overflow-y:hidden;}
-._7b3rpj{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-bg-color);color:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-text-color);background-size:196px 196px;background-image:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-pattern);}
-.jduz12{background-size:cover;}
-.goml2v{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-initials-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-initials-font-weight);}
-._dpb87j{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-icon-font-size);}
+._78vmka{display:inline-grid;height:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size);width:var(--oj-c-PRIVATE-DO-NOT-USE--avatar-size);}
+._so5s2i{--oj-c-PRIVATE-DO-NOT-USE-avatar-border-radius:50%;}
+._aw5aqr{border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-border-radius);align-self:stretch;align-items:center;justify-content:center;display:flex;height:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size);width:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size);grid-row-start:1;grid-column-start:1;grid-row-end:2;grid-column-end:2;background-position:center center;overflow-x:hidden;overflow-y:hidden;}
+.bwy5yc{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-bg-color);color:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-text-color);background-size:196px 196px;background-image:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-pattern);}
+._v8v2kh{background-size:cover;}
+._3pdps{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-initials-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-initials-font-weight);}
+.dy18bt{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-icon-font-size);}

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_Avatar.js

@@ -1,2 +1,2 @@
-define(["exports","./tslib.es6-6b9f8039","preact/jsx-runtime","./utils/UNSAFE_classNames",'css!./UNSAFE_Avatar.css',"./classNames-b2629d24"],(function(s,e,a,c,i,r){"use strict";const n=s=>{var{src:c}=s,i=e.__rest(s,["src"]);const n=r.classNames([b.base,b.image]);return a.jsx(t,Object.assign({},i,{children:a.jsx("div",{class:n,style:{backgroundImage:`url(${c})`}})}))},l=s=>{var{children:c,initials:i}=s,n=e.__rest(s,["children","initials"]);const l=[b.base,b.content,i?b.initials:b.icon],d=i||c;return a.jsx(t,Object.assign({},n,{children:a.jsx("div",Object.assign({"aria-hidden":"true",class:r.classNames(l)},{children:d}))}))},t=({background:s="neutral",size:e="md",shape:c="square",children:i,accessibleLabel:n})=>{const l=r.classNames([d.base,`oj-c-avatar-bg-${s}`,`oj-c-avatar-${e}`,"circle"===c&&d.circle]);return n?a.jsx("div",Object.assign({"aria-label":n,role:"img",class:l},{children:i})):a.jsx("div",Object.assign({class:l},{children:i}))},d={base:"_1bu6wv",circle:"_0f93l"},b={base:"y6dkls",content:"_7b3rpj",image:"jduz12",initials:"goml2v",icon:"_dpb87j"};s.Avatar=function(s){var{children:c,src:i}=s,r=e.__rest(s,["children","src"]);return i&&!c?a.jsx(n,Object.assign({src:i},r)):a.jsx(l,Object.assign({},r,{children:c}))},Object.defineProperty(s,"__esModule",{value:!0})}));
+define(["exports","./tslib.es6-e48c1294","preact/jsx-runtime","./utils/UNSAFE_classNames",'css!./UNSAFE_Avatar.css',"./classNames-44d4671f"],(function(s,e,a,c,i,r){"use strict";const n=s=>{var{src:c}=s,i=e.__rest(s,["src"]);const n=r.classNames([b.base,b.image]);return a.jsx(l,Object.assign({},i,{children:a.jsx("div",{class:n,style:{backgroundImage:`url(${c})`}})}))},t=s=>{var{children:c,initials:i}=s,n=e.__rest(s,["children","initials"]);const t=[b.base,b.content,i?b.initials:b.icon],d=i||c;return a.jsx(l,Object.assign({},n,{children:a.jsx("div",Object.assign({"aria-hidden":"true",class:r.classNames(t)},{children:d}))}))},l=({background:s="neutral",size:e="md",shape:c="square",children:i,accessibleLabel:n})=>{const t=r.classNames([d.base,`oj-c-avatar-bg-${s}`,`oj-c-avatar-${e}`,"circle"===c&&d.circle]);return n?a.jsx("div",Object.assign({"aria-label":n,role:"img",class:t},{children:i})):a.jsx("div",Object.assign({class:t},{children:i}))},d={base:"_78vmka",circle:"_so5s2i"},b={base:"_aw5aqr",content:"bwy5yc",image:"_v8v2kh",initials:"_3pdps",icon:"dy18bt"};s.Avatar=function(s){var{children:c,src:i}=s,r=e.__rest(s,["children","src"]);return i&&!c?a.jsx(n,Object.assign({src:i},r)):a.jsx(t,Object.assign({},r,{children:c}))},Object.defineProperty(s,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_Avatar.js.map

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_Avatar.js","sources":["../../src/UNSAFE_Avatar/Avatar.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 { JSX } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\ntype Props = {\n  /**\n   * Specifies the source for the image of the avatar.  Will only be displayed if no icon component is specified as a child.  Image will be rendered as a\n   * background image.\n   */\n  src?: string;\n  /**\n   * Specifies the initials of the avatar.  Will only be displayed if both the src attribute and the child icon component are not specified.\n   */\n  initials?: string;\n  /**\n   * Specifies the background of the avatar.\n   */\n  background?:\n    | 'neutral'\n    | 'orange'\n    | 'green'\n    | 'teal'\n    | 'blue'\n    | 'slate'\n    | 'pink'\n    | 'purple'\n    | 'lilac'\n    | 'gray';\n\n  /**\n   * Specifies the size of the avatar.\n   */\n  size?: '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';\n\n  /**\n   * Specifies the shape of the avatar. Can be square or circle.  The default value of this\n   * property varies by theme.\n   */\n  shape?: 'square' | 'circle';\n  /**\n   * Avatar will set the aria-label attribute with accessibleLabel.\n   * If the component needs to be accessible, the aria label of the avatar must be populated.\n   * The component does not need to be accessible if any associated information (e.g. the name of the person represented by the avatar)\n   * is already available to assistive technologies (e.g when the name is rendered in addition to the avatar as part of the page content).\n   *\n   *  If accessibleLabel  is set, role will internally be set to 'img'.\n   */\n  accessibleLabel?: string;\n} & IntrinsicProps;\n\nexport function Avatar({ children, src, ...otherProps }: Props) {\n  if (src && !children) {\n    return <ImageAvatar src={src} {...otherProps}></ImageAvatar>;\n  } else {\n    return <ContentAvatar {...otherProps}>{children}</ContentAvatar>;\n  }\n}\n\nconst ImageAvatar = ({ src, ...otherProps }: Props) => {\n  const classes = classNames([contentStyles.base, contentStyles.image]);\n  return (\n    <AvatarWrapper {...otherProps}>\n      <div class={classes} style={{ backgroundImage: `url(${src})` }}></div>\n    </AvatarWrapper>\n  );\n};\n\nconst ContentAvatar = ({ children, initials, ...otherProps }: Props) => {\n  const classes = [\n    contentStyles.base,\n    contentStyles.content,\n    initials ? contentStyles.initials : contentStyles.icon\n  ];\n\n  const childContent = initials || children;\n  return (\n    <AvatarWrapper {...otherProps}>\n      <div aria-hidden=\"true\" class={classNames(classes)}>\n        {childContent}\n      </div>\n    </AvatarWrapper>\n  );\n};\n\nconst AvatarWrapper = ({\n  background = 'neutral',\n  size = 'md',\n  shape = 'square',\n  children,\n  accessibleLabel\n}: Props) => {\n  const classes = classNames([\n    styles.base,\n    `oj-c-avatar-bg-${background}`,\n    `oj-c-avatar-${size}`,\n    shape === 'circle' && styles.circle\n  ]);\n  if (accessibleLabel) {\n    return (\n      <div aria-label={accessibleLabel} role=\"img\" class={classes}>\n        {children}\n      </div>\n    );\n  } else {\n    return <div class={classes}>{children}</div>;\n  }\n};\n\nconst styles = {\n  base: cssProps`${{\n    display: 'inline-grid',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size)',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE--avatar-size)'\n  }}`,\n\n  circle: cssProps`${{\n    '--oj-c-PRIVATE-DO-NOT-USE-avatar-border-radius': '50%'\n  }}`\n};\n\nconst contentStyles = {\n  base: cssProps`${{\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-border-radius)',\n    alignSelf: 'stretch',\n    alignItems: 'center',\n    justifyContent: 'center',\n    display: 'flex',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size)',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size)',\n    gridRowStart: '1',\n    gridColumnStart: '1',\n    gridRowEnd: '2',\n    gridColumnEnd: '2',\n    backgroundPosition: 'center center',\n    overflowX: 'hidden',\n    overflowY: 'hidden'\n  }}`,\n  content: cssProps`${{\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-bg-color)',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-text-color)',\n    backgroundSize: '196px 196px',\n    backgroundImage: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-pattern)'\n  }}`,\n  image: cssProps`${{\n    backgroundSize: 'cover'\n  }}`,\n  initials: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-initials-font-size)',\n    fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-initials-font-weight)'\n  }}`,\n  icon: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-icon-font-size)'\n  }}`\n};\n"],"names":["ImageAvatar","_a","src","otherProps","__rest","classes","classNames","contentStyles","base","image","ContentAvatar","content","childContent","initials","children","AvatarWrapper","background","size","shape","accessibleLabel","styles","circle","_jsx","Object","assign","role","class"],"mappings":"iKAkEA,MAAAA,EAAAC,IAAqB,IAAAC,IAAAA,GAAAD,EAAAE,EAAAC,EAAAA,OAAAH,EAAA,CAAA,QACnB,MAAAI,EAAAC,EAAAA,WAAA,CAAAC,EAAAC,KAAAD,EAAAE,mHAQFC,EAAAT,uEACE,MAAAI,EAAA,CACEE,EAAAC,KACAD,EAAAI,6BAIFC,EAAAC,GAAAC,wIAUFC,EAAA,EAAAC,WAAAA,EAAA,UAAAC,KAAAA,EAAA,KAAAC,MAAAA,EAAA,SAAAJ,SAAAA,EAAAK,gBAAAA,4BAQIC,EAAAZ,KACA,kBAAAQ,IACAC,eAAAA,IACA,WAAAC,GAAAE,EAAAC,SAEF,OAAAF,EACEG,MAAA,MAAAC,OAAAC,OAAA,CAAA,aAAAL,EAAAM,KAAA,MAAAC,MAAArB,GAAA,CAAAS,SAAAA,KAMAQ,MAAA,MAAAC,OAAAC,OAAA,CAAAE,MAAArB,GAAA,CAAAS,SAAAA,MAIJM,EAAA,MAAA,2BAYAb,EAAA,MAAA,iBAAA,gBAAA,kBAAA,kCAtEA,SAAAN,4DACE,OAAAC,IAAAY,oCAGEQ,EAAAA,IAAAZ,EAAAa,OAAAC,OAAA,GAAArB,EAAA,CAAAW,SAAAA"}
+{"version":3,"file":"UNSAFE_Avatar.js","sources":["../../src/UNSAFE_Avatar/Avatar.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 { JSX } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\ntype Props = {\n  /**\n   * Specifies the source for the image of the avatar.  Will only be displayed if no icon component is specified as a child.  Image will be rendered as a\n   * background image.\n   */\n  src?: string;\n  /**\n   * Specifies the initials of the avatar.  Will only be displayed if both the src attribute and the child icon component are not specified.\n   */\n  initials?: string;\n  /**\n   * Specifies the background of the avatar.\n   */\n  background?:\n    | 'neutral'\n    | 'orange'\n    | 'green'\n    | 'teal'\n    | 'blue'\n    | 'slate'\n    | 'pink'\n    | 'purple'\n    | 'lilac'\n    | 'gray';\n\n  /**\n   * Specifies the size of the avatar.\n   */\n  size?: '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';\n\n  /**\n   * Specifies the shape of the avatar. Can be square or circle.  The default value of this\n   * property varies by theme.\n   */\n  shape?: 'square' | 'circle';\n  /**\n   * Avatar will set the aria-label attribute with accessibleLabel.\n   * If the component needs to be accessible, the aria label of the avatar must be populated.\n   * The component does not need to be accessible if any associated information (e.g. the name of the person represented by the avatar)\n   * is already available to assistive technologies (e.g when the name is rendered in addition to the avatar as part of the page content).\n   *\n   *  If accessibleLabel  is set, role will internally be set to 'img'.\n   */\n  accessibleLabel?: string;\n} & IntrinsicProps;\n\nexport function Avatar({ children, src, ...otherProps }: Props) {\n  if (src && !children) {\n    return <ImageAvatar src={src} {...otherProps}></ImageAvatar>;\n  } else {\n    return <ContentAvatar {...otherProps}>{children}</ContentAvatar>;\n  }\n}\n\nconst ImageAvatar = ({ src, ...otherProps }: Props) => {\n  const classes = classNames([contentStyles.base, contentStyles.image]);\n  return (\n    <AvatarWrapper {...otherProps}>\n      <div class={classes} style={{ backgroundImage: `url(${src})` }}></div>\n    </AvatarWrapper>\n  );\n};\n\nconst ContentAvatar = ({ children, initials, ...otherProps }: Props) => {\n  const classes = [\n    contentStyles.base,\n    contentStyles.content,\n    initials ? contentStyles.initials : contentStyles.icon\n  ];\n\n  const childContent = initials || children;\n  return (\n    <AvatarWrapper {...otherProps}>\n      <div aria-hidden=\"true\" class={classNames(classes)}>\n        {childContent}\n      </div>\n    </AvatarWrapper>\n  );\n};\n\nconst AvatarWrapper = ({\n  background = 'neutral',\n  size = 'md',\n  shape = 'square',\n  children,\n  accessibleLabel\n}: Props) => {\n  const classes = classNames([\n    styles.base,\n    `oj-c-avatar-bg-${background}`,\n    `oj-c-avatar-${size}`,\n    shape === 'circle' && styles.circle\n  ]);\n  if (accessibleLabel) {\n    return (\n      <div aria-label={accessibleLabel} role=\"img\" class={classes}>\n        {children}\n      </div>\n    );\n  } else {\n    return <div class={classes}>{children}</div>;\n  }\n};\n\nconst styles = {\n  base: cssProps`${{\n    display: 'inline-grid',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size)',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE--avatar-size)'\n  }}`,\n\n  circle: cssProps`${{\n    '--oj-c-PRIVATE-DO-NOT-USE-avatar-border-radius': '50%'\n  }}`\n};\n\nconst contentStyles = {\n  base: cssProps`${{\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-border-radius)',\n    alignSelf: 'stretch',\n    alignItems: 'center',\n    justifyContent: 'center',\n    display: 'flex',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size)',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size)',\n    gridRowStart: '1',\n    gridColumnStart: '1',\n    gridRowEnd: '2',\n    gridColumnEnd: '2',\n    backgroundPosition: 'center center',\n    overflowX: 'hidden',\n    overflowY: 'hidden'\n  }}`,\n  content: cssProps`${{\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-bg-color)',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-text-color)',\n    backgroundSize: '196px 196px',\n    backgroundImage: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-pattern)'\n  }}`,\n  image: cssProps`${{\n    backgroundSize: 'cover'\n  }}`,\n  initials: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-initials-font-size)',\n    fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-initials-font-weight)'\n  }}`,\n  icon: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-icon-font-size)'\n  }}`\n};\n"],"names":["ImageAvatar","_a","src","otherProps","__rest","classes","classNames","contentStyles","base","image","ContentAvatar","content","childContent","initials","children","AvatarWrapper","background","size","shape","accessibleLabel","styles","circle","_jsx","Object","assign","role","class"],"mappings":"iKAkEA,MAAAA,EAAAC,IAAqB,IAAAC,IAAAA,GAAAD,EAAAE,EAAAC,EAAAA,OAAAH,EAAA,CAAA,QACnB,MAAAI,EAAAC,EAAAA,WAAA,CAAAC,EAAAC,KAAAD,EAAAE,mHAQFC,EAAAT,uEACE,MAAAI,EAAA,CACEE,EAAAC,KACAD,EAAAI,6BAIFC,EAAAC,GAAAC,wIAUFC,EAAA,EAAAC,WAAAA,EAAA,UAAAC,KAAAA,EAAA,KAAAC,MAAAA,EAAA,SAAAJ,SAAAA,EAAAK,gBAAAA,4BAQIC,EAAAZ,KACA,kBAAAQ,IACAC,eAAAA,IACA,WAAAC,GAAAE,EAAAC,SAEF,OAAAF,EACEG,MAAA,MAAAC,OAAAC,OAAA,CAAA,aAAAL,EAAAM,KAAA,MAAAC,MAAArB,GAAA,CAAAS,SAAAA,KAMAQ,MAAA,MAAAC,OAAAC,OAAA,CAAAE,MAAArB,GAAA,CAAAS,SAAAA,MAIJM,EAAA,MAAA,4BAYAb,EAAA,MAAA,kBAAA,eAAA,mBAAA,iCAtEA,SAAAN,4DACE,OAAAC,IAAAY,oCAGEQ,EAAAA,IAAAZ,EAAAa,OAAAC,OAAA,GAAArB,EAAA,CAAAW,SAAAA"}

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_Badge.css

@@ -1,12 +1,12 @@
-.tn08m2{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color);color:var(--oj-c-PRIVATE-DO-NOT-USE-badge-text-color);display:inline-block;padding-top:0;padding-bottom:0;padding-left:var(--oj-c-PRIVATE-DO-NOT-USE-badge-padding);padding-right:var(--oj-c-PRIVATE-DO-NOT-USE-badge-padding);box-sizing:border-box;border-top-left-radius:var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius);border-top-right-radius:var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius);border-bottom-right-radius:var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius);border-bottom-left-radius:var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius);height:var(--oj-c-PRIVATE-DO-NOT-USE-badge-height);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-badge-height);min-width:var(--oj-c-PRIVATE-DO-NOT-USE-badge-height);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-badge-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-badge-font-weight);font-stretch:var(--oj-c-PRIVATE-DO-NOT-USE-badge-font-stretch);overflow-x:hidden;overflow-y:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;}
-.a7igkf{border-top-right-radius:0;border-bottom-right-radius:0;}
-._4uh43s{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-contrast);}
-.fa1e52{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-contrast);}
-.w2op4l{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-contrast);}
-._yaohz2{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-success-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-success-contrast);}
-._yvc3bl{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-contrast);}
-.n0gf0d{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-secondary-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-secondary-contrast);}
-.s5sehe{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-secondary-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-secondary-contrast);}
-._kv88wp{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-secondary-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-secondary-contrast);}
-._n1l5su{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-success-secondary-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-success-secondary-contrast);}
-._denzcr{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info--secondarycontrast);}
+._dn3l0o{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color);color:var(--oj-c-PRIVATE-DO-NOT-USE-badge-text-color);display:inline-block;padding-top:0;padding-bottom:0;padding-left:var(--oj-c-PRIVATE-DO-NOT-USE-badge-padding);padding-right:var(--oj-c-PRIVATE-DO-NOT-USE-badge-padding);box-sizing:border-box;border-top-left-radius:var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius);border-top-right-radius:var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius);border-bottom-right-radius:var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius);border-bottom-left-radius:var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius);height:var(--oj-c-PRIVATE-DO-NOT-USE-badge-height);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-badge-height);min-width:var(--oj-c-PRIVATE-DO-NOT-USE-badge-height);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-badge-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-badge-font-weight);font-stretch:var(--oj-c-PRIVATE-DO-NOT-USE-badge-font-stretch);overflow-x:hidden;overflow-y:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;}
+._u8x7pd{border-top-right-radius:0;border-bottom-right-radius:0;}
+._0a8o7n{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-contrast);}
+.evonxe{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-contrast);}
+.s0uepv{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-contrast);}
+.qy2uyq{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-success-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-success-contrast);}
+._r560dq{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-contrast);}
+.zs509m{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-secondary-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-secondary-contrast);}
+._o202w7{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-secondary-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-secondary-contrast);}
+.rjhulc{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-secondary-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-secondary-contrast);}
+._s312u0{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-success-secondary-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-success-secondary-contrast);}
+._54t5gj{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info--secondarycontrast);}

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_Badge.js

@@ -1,2 +1,2 @@
-define(["exports","./Badge-d07224d4","preact/jsx-runtime","./utils/UNSAFE_classNames","./classNames-b2629d24",'css!./UNSAFE_Badge.css'],(function(e,s,a,d,t,i){"use strict";e.Badge=s.Badge,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","./Badge-18b73d2c","preact/jsx-runtime","./utils/UNSAFE_classNames","./classNames-44d4671f",'css!./UNSAFE_Badge.css'],(function(e,s,a,t,d,i){"use strict";e.Badge=s.Badge,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_Badge.js.map

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_Button.css

@@ -1,16 +1,16 @@
-._7o813{overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;}
-.crsnwq{display:inline-flex;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-size);font-weight:normal;margin-top:0;margin-bottom:0;}
-._efs9a{margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-button-text-to-edge-padding);}
-.hf587x{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-button-text-to-edge-padding);}
-._mt4ti1{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-text-padding);margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding);}
-._tq9g87{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding);margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding);}
-.qm9re7{margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-text-padding);margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding);}
-._n8ktld{cursor:inherit;display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;}
+.z6ppq4{align-items:center;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-button-bg-color);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-button-border-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-button-border-radius);border-style:solid;border-width:1px;box-sizing:border-box;color:var(--oj-c-PRIVATE-DO-NOT-USE-button-text-color);cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);display:inline-block;font-family:inherit;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-button-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-button-font-weight);height:var(--oj-c-PRIVATE-DO-NOT-USE-button-height);justify-content:center;min-width:var(--oj-c-PRIVATE-DO-NOT-USE-button-height);overflow-x:hidden;padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-button-text-to-edge-padding);padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-button-text-to-edge-padding);padding-top:0;padding-bottom:0;pointer-events:auto;text-overflow:ellipsis;vertical-align:top;-webkit-tap-highlight-color:rgba(0,0,0,0);white-space:nowrap;}.z6ppq4:active:enabled{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-button-bg-color-active);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-button-border-color-active);color:var(--oj-c-PRIVATE-DO-NOT-USE-button-text-color-active);}.z6ppq4:focus{outline-style:dotted;outline-offset:1px;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);}@supports selector(:focus-visible){.z6ppq4:focus{outline:none;}}.z6ppq4:focus-visible{outline-style:dotted;outline-offset:1px;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);}
+._ud9bv5:not(:active){background-color:var(--oj-c-PRIVATE-DO-NOT-USE-button-bg-color-hover);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-button-border-color-hover);color:var(--oj-c-PRIVATE-DO-NOT-USE-button-text-color-hover);}
+@media(hover:hover){._xi10xf:hover:enabled:not(:active){background-color:var(--oj-c-PRIVATE-DO-NOT-USE-button-bg-color-hover);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-button-border-color-hover);color:var(--oj-c-PRIVATE-DO-NOT-USE-button-text-color-hover);}}
+.wcqoyh{box-sizing:border-box;cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);height:var(--oj-c-PRIVATE-DO-NOT-USE-button-height);}
+._75qpkv{padding-inline-start:0;padding-inline-end:0;}
+._eg4g6q{pointer-events:none;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-button-bg-color-disabled);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-button-border-color-disabled);color:var(--oj-c-PRIVATE-DO-NOT-USE-button-text-color-disabled);}
+.r1xdh5{border-left-width:0;border-right-width:0;border-block-end-width:0;width:100%;border-top-left-radius:0;border-top-right-radius:0;}
 
-.ti2iwv{align-items:center;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-button-bg-color);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-button-border-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-button-border-radius);border-style:solid;border-width:1px;box-sizing:border-box;color:var(--oj-c-PRIVATE-DO-NOT-USE-button-text-color);cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);display:inline-block;font-family:inherit;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-button-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-button-font-weight);height:var(--oj-c-PRIVATE-DO-NOT-USE-button-height);justify-content:center;min-width:var(--oj-c-PRIVATE-DO-NOT-USE-button-height);overflow-x:hidden;padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-button-text-to-edge-padding);padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-button-text-to-edge-padding);padding-top:0;padding-bottom:0;pointer-events:auto;text-overflow:ellipsis;vertical-align:top;-webkit-tap-highlight-color:rgba(0,0,0,0);white-space:nowrap;}.ti2iwv:active:enabled{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-button-bg-color-active);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-button-border-color-active);color:var(--oj-c-PRIVATE-DO-NOT-USE-button-text-color-active);}.ti2iwv:focus{outline-style:dotted;outline-offset:1px;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);}@supports selector(:focus-visible){.ti2iwv:focus{outline:none;}}.ti2iwv:focus-visible{outline-style:dotted;outline-offset:1px;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);}
-.osopbs:not(:active){background-color:var(--oj-c-PRIVATE-DO-NOT-USE-button-bg-color-hover);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-button-border-color-hover);color:var(--oj-c-PRIVATE-DO-NOT-USE-button-text-color-hover);}
-@media(hover:hover){._ihlhc5:hover:enabled:not(:active){background-color:var(--oj-c-PRIVATE-DO-NOT-USE-button-bg-color-hover);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-button-border-color-hover);color:var(--oj-c-PRIVATE-DO-NOT-USE-button-text-color-hover);}}
-._78n5ru{box-sizing:border-box;cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);height:var(--oj-c-PRIVATE-DO-NOT-USE-button-height);}
-._4hlig6{padding-inline-start:0;padding-inline-end:0;}
-._1ex26q{pointer-events:none;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-button-bg-color-disabled);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-button-border-color-disabled);color:var(--oj-c-PRIVATE-DO-NOT-USE-button-text-color-disabled);}
-.q1x2eq{border-left-width:0;border-right-width:0;border-block-end-width:0;width:100%;border-top-left-radius:0;border-top-right-radius:0;}
+.qlyicf{overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;}
+._8xt507{display:inline-flex;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-size);font-weight:normal;margin-top:0;margin-bottom:0;}
+._q8d6l{margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-button-text-to-edge-padding);}
+._k234vn{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-button-text-to-edge-padding);}
+.yv7fz6{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-text-padding);margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding);}
+._ius20{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding);margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding);}
+._lh35c6{margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-text-padding);margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding);}
+.f74daf{cursor:inherit;display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;}

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_Button.js

@@ -1,2 +1,2 @@
-define(["exports","./Button-999cdf0e","preact/jsx-runtime","./tslib.es6-6b9f8039",'css!./UNSAFE_Button.css',"./hooks/UNSAFE_usePress","preact/hooks","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./utils/UNSAFE_classNames","./classNames-b2629d24","preact/compat","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-a3acea83","./_curry1-b1038181","./utils/UNSAFE_mergeInterpolations","./_curry2-de7435f6","./_has-f8addc41","./utils/PRIVATE_clientHints","./clientHints-c614d879"],(function(s,t,e,i,o,r,l,n,a,u,c,_,U,N,d,A,E,F,S,p,f,m,b){"use strict";s.Button=t.Button,Object.defineProperty(s,"__esModule",{value:!0})}));
+define(["exports","./Button-2475ca3b","preact/jsx-runtime","./tslib.es6-e48c1294",'css!./UNSAFE_Button.css',"./hooks/UNSAFE_usePress","preact/hooks","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./utils/UNSAFE_classNames","./classNames-44d4671f","preact/compat","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-51f75ac3","./_curry1-d5fe99bc","./utils/UNSAFE_mergeInterpolations","./_curry2-8d1b30bf","./_has-d0968c29","./utils/PRIVATE_clientHints","./clientHints-8e59ad19"],(function(s,t,e,i,o,r,l,n,u,a,c,_,U,N,A,E,d,F,S,p,f,b,m){"use strict";s.Button=t.Button,Object.defineProperty(s,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_Button.js.map

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_Center.js

@@ -1,2 +1,2 @@
-define(["exports","./tslib.es6-6b9f8039","preact/jsx-runtime","./UNSAFE_Flex","./Flex-ba68c691","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-a3acea83","./_curry1-b1038181","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-b2629d24","./_curry2-de7435f6","./_has-f8addc41",'module',"./utils/UNSAFE_interpolations/boxalignment","./keys-9527ebf1","./utils/UNSAFE_interpolations/flexbox","./flexbox-a1508bc2","./utils/UNSAFE_interpolations/flexitem","./flexitem-15df728b"],(function(e,i,t,s,l,n,r,a,c,o,u,_,d,f,b,h,x,F,U,N,A,E,S){"use strict";e.Center=function(e){var{children:s,width:n="100%",height:r="100%"}=e,a=i.__rest(e,["children","width","height"]);return t.jsx(l.Flex,Object.assign({},a,{justify:"center",align:"center",width:n,height:r},{children:s}))},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","./tslib.es6-e48c1294","preact/jsx-runtime","./UNSAFE_Flex","./Flex-dc5b7dbf","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-51f75ac3","./_curry1-d5fe99bc","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-44d4671f","./_curry2-8d1b30bf","./_has-d0968c29",'module',"./utils/UNSAFE_interpolations/boxalignment","./keys-9e797107","./utils/UNSAFE_interpolations/flexbox","./flexbox-60178875","./utils/UNSAFE_interpolations/flexitem","./flexitem-05dfdc65"],(function(e,i,t,s,l,n,r,a,c,o,u,d,_,f,h,x,F,U,N,b,A,E,S){"use strict";e.Center=function(e){var{children:s,width:n="100%",height:r="100%"}=e,a=i.__rest(e,["children","width","height"]);return t.jsx(l.Flex,Object.assign({},a,{justify:"center",align:"center",width:n,height:r},{children:s}))},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_Center.js.map

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_Chip.css

@@ -1,6 +1,6 @@
-._sxeu7d{cursor:var( --oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);}._sxeu7d:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;outline-offset:1px;}
-.vds7d{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color);color:var(--oj-c-PRIVATE-DO-NOT-USE-chip-text-color);display:inline-block;padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);padding-right:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);padding-left:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);box-sizing:border-box;border-top-left-radius:var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius);border-top-right-radius:var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius);border-bottom-right-radius:var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius);border-bottom-left-radius:var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius);height:2rem;min-width:2rem;line-height:var(--oj-c-PRIVATE-DO-NOT-USE-chip-line-height);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-chip-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-chip-font-weight);overflow-x:hidden;overflow-y:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;}
-._07cpx4{--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-color-disabled-1);--oj-c-PRIVATE-DO-NOT-USE-chip-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
-.vrs1no{--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-1);--oj-c-PRIVATE-DO-NOT-USE-chip-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-contrast);}
-.sz8twf{--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-1);--oj-c-PRIVATE-DO-NOT-USE-chip-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-contrast);}
-.q6dzqw{--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-3);--oj-c-PRIVATE-DO-NOT-USE-chip-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-contrast);}
+.pfyumg{cursor:var( --oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);}.pfyumg:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;outline-offset:1px;}
+.nec29p{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color);color:var(--oj-c-PRIVATE-DO-NOT-USE-chip-text-color);display:inline-block;padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);padding-right:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);padding-left:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);box-sizing:border-box;border-top-left-radius:var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius);border-top-right-radius:var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius);border-bottom-right-radius:var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius);border-bottom-left-radius:var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius);height:2rem;min-width:2rem;line-height:var(--oj-c-PRIVATE-DO-NOT-USE-chip-line-height);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-chip-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-chip-font-weight);overflow-x:hidden;overflow-y:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;}
+._hilwal{--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-color-disabled-1);--oj-c-PRIVATE-DO-NOT-USE-chip-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
+._19rlb{--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-1);--oj-c-PRIVATE-DO-NOT-USE-chip-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-contrast);}
+._vjjtkr{--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-1);--oj-c-PRIVATE-DO-NOT-USE-chip-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-contrast);}
+.w18tcm{--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-3);--oj-c-PRIVATE-DO-NOT-USE-chip-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-contrast);}

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_Chip.js

@@ -1,2 +1,2 @@
-define(["exports","./Chip-254e8642","preact/jsx-runtime","./hooks/UNSAFE_useActionable","./utils/UNSAFE_mergeProps","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","preact/hooks","./hooks/UNSAFE_useActive","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_usePress",'css!./UNSAFE_Chip.css',"./utils/UNSAFE_classNames","./classNames-b2629d24"],(function(e,s,o,i,u,t,r,a,c,h,A,N,_,l){"use strict";e.Chip=s.Chip,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","./Chip-c651e960","preact/jsx-runtime","./hooks/UNSAFE_useActionable","./utils/UNSAFE_mergeProps","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","preact/hooks","./hooks/UNSAFE_useActive","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_usePress",'css!./UNSAFE_Chip.css',"./utils/UNSAFE_classNames","./classNames-44d4671f"],(function(e,s,o,i,u,t,r,c,a,h,A,N,_,l){"use strict";e.Chip=s.Chip,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_Chip.js.map

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_Collapsible.css

@@ -1,5 +1,5 @@
-._5zk568{color:var(--oj-c-PRIVATE-DO-NOT-USE-heading-text-color);padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);padding-right:0;padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);padding-left:0;cursor:pointer;}
-._1458rr{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);cursor:auto;}
+.dcvlkc{color:var(--oj-c-PRIVATE-DO-NOT-USE-heading-text-color);padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);padding-right:0;padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);padding-left:0;cursor:pointer;}
+._4c9368{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);cursor:auto;}
 
-._qztm4t{display:flex;align-items:center;color:var(--oj-c-PRIVATE-DO-NOT-USE-private-button-ghost-chrome-text-color);background-color:transparent;border:none;cursor:pointer;padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px;margin-inline-start:-8px;}
-._fwsa20{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);cursor:auto;}
+.wh7yhm{display:flex;align-items:center;color:var(--oj-c-PRIVATE-DO-NOT-USE-private-button-ghost-chrome-text-color);background-color:transparent;border:none;cursor:pointer;padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px;margin-inline-start:-8px;}
+._hcqcsy{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);cursor:auto;}

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_Collapsible.js

@@ -1,2 +1,2 @@
-define(["exports","preact/jsx-runtime","preact/hooks","./hooks/UNSAFE_useId",'css!./UNSAFE_Collapsible.css',"./utils/UNSAFE_classNames","./UNSAFE_Flex","./index-8472e92c","./classNames-b2629d24","./index-d0bde6b8","./Flex-ba68c691","./hooks/UNSAFE_useAnimation","./tslib.es6-6b9f8039","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-a3acea83","./_curry1-b1038181","./utils/UNSAFE_mergeInterpolations","./_curry2-de7435f6","./_has-f8addc41","./utils/UNSAFE_interpolations/boxalignment","./keys-9527ebf1","./utils/UNSAFE_interpolations/flexbox","./flexbox-a1508bc2","./utils/UNSAFE_interpolations/flexitem","./flexitem-15df728b","./UNSAFE_Icon","./Icon-c904953e","./hooks/UNSAFE_useUser","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat","./hooks/UNSAFE_useTheme"],(function(e,n,i,s,t,o,a,d,l,r,c,u,x,m,b,g,p,h,E,_,f,j,S,N,U,A,F,I,v,k,O,H,y,C,D,T){"use strict";const w="_qztm4t",z="_fwsa20",$=({contentId:e,isDisabled:i,headerId:s,isExpanded:t,onClick:o})=>{const a=l.classNames([w,i&&z]),c=t?r.SvgIcoChevronDown:d.CollapseIcon;return n.jsx("button",Object.assign({class:a,"aria-labelledby":s,"aria-controls":e,"aria-expanded":t,onClick:o},{children:n.jsx(c,{size:"6x"})}))},R="_5zk568",Y="_1458rr",q=({children:e,id:i,contentId:s,isDisabled:t,isExpanded:o,toggleHandler:a})=>{const d=l.classNames([R,t&&Y]);return n.jsx("div",Object.assign({id:i,class:d,onClick:a},{children:n.jsxs(c.Flex,Object.assign({align:"center"},{children:[n.jsx($,{isDisabled:t,headerId:i,contentId:s,isExpanded:o}),e]}))}))},L=({children:e,id:s,isExpanded:t,onTransitionEnd:o})=>{const[a,d]=i.useState(t?"mounted":"unmounted"),[l,r]=i.useState(t),c=t!==l||["mounting","unmounting"].includes(a);i.useEffect((()=>{c&&d(t?"mounting":"unmounting")}),[t,c]);const{nodeRef:x}=u.useAnimation(["mounted","mounting"].includes(a)?"expanded":"collapsed",{animationStates:M,onAnimationEnd:({animationState:e})=>{const n="expanded"===e;d(n?"mounted":"unmounted"),r(n),null==o||o()}});return n.jsx("div",Object.assign({ref:x,id:s,tabIndex:-1,"aria-hidden":!t||void 0},{children:(c||"mounted"===a)&&e}))},M={expanded:e=>({to:{maxHeight:`${e.scrollHeight}px`,overflowY:"hidden"},options:{duration:400},end:{maxHeight:"none"}}),collapsed:e=>Object.assign(Object.assign({},"none"===e.style.maxHeight&&{from:{maxHeight:`${e.scrollHeight}px`}}),{to:{overflowY:"hidden",maxHeight:"0"},options:{duration:400}})};e.Collapsible=({id:e,header:t,children:o,isDisabled:a=!1,isExpanded:d=!1,onToggle:l,onTransitionEnd:r})=>{const c=i.useRef(null),u=s.useId(),x=`oj-collapsible-header-${u}`,m=`oj-collapsible-content-${u}`;return n.jsxs("div",Object.assign({id:e,ref:c},{children:[n.jsx(q,Object.assign({id:x,contentId:m,toggleHandler:()=>{a||null==l||l({value:!d})},isDisabled:a,isExpanded:d},{children:t})),n.jsx(L,Object.assign({id:m,isExpanded:d,onTransitionEnd:()=>{null==r||r({value:d})}},{children:o}))]}))},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","preact/jsx-runtime","preact/hooks","./hooks/UNSAFE_useId",'css!./UNSAFE_Collapsible.css',"./utils/UNSAFE_classNames","./UNSAFE_Flex","./index-99b23138","./classNames-44d4671f","./index-c5f59df4","./Flex-dc5b7dbf","./hooks/UNSAFE_useAnimation","./tslib.es6-e48c1294","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-51f75ac3","./_curry1-d5fe99bc","./utils/UNSAFE_mergeInterpolations","./_curry2-8d1b30bf","./_has-d0968c29","./utils/UNSAFE_interpolations/boxalignment","./keys-9e797107","./utils/UNSAFE_interpolations/flexbox","./flexbox-60178875","./utils/UNSAFE_interpolations/flexitem","./flexitem-05dfdc65","./UNSAFE_Icon","./Icon-6913b599","./hooks/UNSAFE_useUser","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat","./hooks/UNSAFE_useTheme"],(function(e,n,i,s,t,o,d,a,l,c,r,u,x,m,h,b,g,p,E,f,_,j,S,N,U,A,F,I,v,k,y,O,H,C,D,T){"use strict";const w="wh7yhm",$="_hcqcsy",z=({contentId:e,isDisabled:i,headerId:s,isExpanded:t,onClick:o})=>{const d=l.classNames([w,i&&$]),r=t?c.SvgIcoChevronDown:a.CollapseIcon;return n.jsx("button",Object.assign({class:d,"aria-labelledby":s,"aria-controls":e,"aria-expanded":t,onClick:o},{children:n.jsx(r,{size:"6x"})}))},R="dcvlkc",Y="_4c9368",q=({children:e,id:i,contentId:s,isDisabled:t,isExpanded:o,toggleHandler:d})=>{const a=l.classNames([R,t&&Y]);return n.jsx("div",Object.assign({id:i,class:a,onClick:d},{children:n.jsxs(r.Flex,Object.assign({align:"center"},{children:[n.jsx(z,{isDisabled:t,headerId:i,contentId:s,isExpanded:o}),e]}))}))},L=({children:e,id:s,isExpanded:t,onTransitionEnd:o})=>{const[d,a]=i.useState(t?"mounted":"unmounted"),[l,c]=i.useState(t),r=t!==l||["mounting","unmounting"].includes(d);i.useEffect((()=>{r&&a(t?"mounting":"unmounting")}),[t,r]);const{nodeRef:x}=u.useAnimation(["mounted","mounting"].includes(d)?"expanded":"collapsed",{animationStates:M,onAnimationEnd:({animationState:e})=>{const n="expanded"===e;a(n?"mounted":"unmounted"),c(n),null==o||o()}});return n.jsx("div",Object.assign({ref:x,id:s,tabIndex:-1,"aria-hidden":!t||void 0},{children:(r||"mounted"===d)&&e}))},M={expanded:e=>({to:{maxHeight:`${e.scrollHeight}px`,overflowY:"hidden"},options:{duration:400},end:{maxHeight:"none"}}),collapsed:e=>Object.assign(Object.assign({},"none"===e.style.maxHeight&&{from:{maxHeight:`${e.scrollHeight}px`}}),{to:{overflowY:"hidden",maxHeight:"0"},options:{duration:400}})};e.Collapsible=({id:e,header:t,children:o,isDisabled:d=!1,isExpanded:a=!1,onToggle:l,onTransitionEnd:c})=>{const r=i.useRef(null),u=s.useId(),x=`oj-collapsible-header-${u}`,m=`oj-collapsible-content-${u}`;return n.jsxs("div",Object.assign({id:e,ref:r},{children:[n.jsx(q,Object.assign({id:x,contentId:m,toggleHandler:()=>{d||null==l||l({value:!a})},isDisabled:d,isExpanded:a},{children:t})),n.jsx(L,Object.assign({id:m,isExpanded:a,onTransitionEnd:()=>{null==c||c({value:a})}},{children:o}))]}))},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_Collapsible.js.map

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_Collapsible.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_Collapsible.js","sources":["../../src/UNSAFE_Collapsible/CollapsibleHeaderIcon.tsx","../../src/UNSAFE_Collapsible/CollapsibleHeader.tsx","../../src/UNSAFE_Collapsible/CollapsibleContent.tsx","../../src/UNSAFE_Collapsible/Collapsible.tsx"],"sourcesContent":["import { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { ExpandIcon, CollapseIcon } from '../UNSAFE_ThemedIcons';\n\ntype IconProps = {\n  contentId: string;\n  isDisabled: boolean;\n  headerId: string;\n  isExpanded: boolean;\n  onClick?: (event: Event) => void;\n};\n\nconst styles = {\n  base: cssProps`${{\n    display: 'flex',\n    alignItems: 'center',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-private-button-ghost-chrome-text-color)',\n    backgroundColor: 'transparent',\n    border: 'none',\n    cursor: 'pointer',\n    paddingTop: '5px',\n    paddingRight: '5px',\n    paddingBottom: '5px',\n    paddingLeft: '5px',\n    marginInlineStart: '-8px'\n  }}`,\n  disabled: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)',\n    cursor: 'auto'\n  }}`\n};\n\n/**\n * Header icon subcomponent\n */\nexport const CollapsibleHeaderIcon = ({\n  contentId,\n  isDisabled,\n  headerId,\n  isExpanded,\n  onClick\n}: IconProps) => {\n  const classes = classNames([styles.base, isDisabled && styles.disabled]);\n  const Icon = isExpanded ? ExpandIcon : CollapseIcon;\n  return (\n    <button\n      class={classes}\n      aria-labelledby={headerId}\n      aria-controls={contentId}\n      aria-expanded={isExpanded}\n      onClick={onClick}>\n      <Icon size=\"6x\" />\n    </button>\n  );\n};\n","import { JSX } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { Flex } from '../UNSAFE_Flex';\nimport { CollapsibleHeaderIcon } from './CollapsibleHeaderIcon';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'id' | 'children'>;\n\ntype HeaderProps = IntrinsicProps & {\n  id: string;\n  contentId: string;\n  isDisabled: boolean;\n  isExpanded: boolean;\n  toggleHandler: () => void;\n};\n\nconst styles = {\n  base: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-heading-text-color)',\n    paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x)',\n    paddingRight: '0',\n    paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x)',\n    paddingLeft: '0',\n    cursor: 'pointer'\n  }}`,\n  disabled: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)',\n    cursor: 'auto'\n  }}`\n};\n\n/**\n * Header subcomponent\n */\nexport const CollapsibleHeader = ({\n  children,\n  id,\n  contentId,\n  isDisabled,\n  isExpanded,\n  toggleHandler\n}: HeaderProps) => {\n  const classes = classNames([styles.base, isDisabled && styles.disabled]);\n\n  return (\n    <div id={id} class={classes} onClick={toggleHandler}>\n      <Flex align=\"center\">\n        <CollapsibleHeaderIcon\n          isDisabled={isDisabled}\n          headerId={id}\n          contentId={contentId}\n          isExpanded={isExpanded}\n        />\n        {children}\n      </Flex>\n    </div>\n  );\n};\n","import { JSX } from 'preact';\nimport { useState, useEffect } from 'preact/hooks';\n\nimport { useAnimation, UseAnimationConfig } from '../hooks/UNSAFE_useAnimation';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\n\ntype ContentProps = IntrinsicProps & {\n  id: string;\n  isExpanded: boolean;\n  onTransitionEnd: () => void;\n};\nexport const CollapsibleContent = ({ children, id, isExpanded, onTransitionEnd }: ContentProps) => {\n  const [state, setState] = useState<'mounting' | 'mounted' | 'unmounting' | 'unmounted'>(\n    isExpanded ? 'mounted' : 'unmounted'\n  );\n\n  const [prevExpanded, setPrevExpanded] = useState<boolean>(isExpanded);\n  const isAnimating = isExpanded !== prevExpanded || ['mounting', 'unmounting'].includes(state);\n\n  useEffect(() => {\n    if (isAnimating) {\n      setState(isExpanded ? 'mounting' : 'unmounting');\n    }\n  }, [isExpanded, isAnimating]);\n\n  const { nodeRef } = useAnimation<'expanded' | 'collapsed', HTMLDivElement>(\n    ['mounted', 'mounting'].includes(state) ? 'expanded' : 'collapsed',\n    {\n      animationStates,\n      onAnimationEnd: ({ animationState }) => {\n        const isExpanded = animationState === 'expanded';\n        setState(isExpanded ? 'mounted' : 'unmounted');\n        setPrevExpanded(isExpanded);\n        onTransitionEnd?.();\n      }\n    }\n  );\n  return (\n    <div ref={nodeRef} id={id} tabIndex={-1} aria-hidden={!isExpanded || undefined}>\n      {(isAnimating || state === 'mounted') && children}\n    </div>\n  );\n};\n\n/**\n * The transition from collapsed to expanded works as follows:\n * 1. When the component is initially rendered in the collapsed state, we\n *    explicitly set maxHeight and overflowY from \"to\" configuration.\n * 2. When the expanded prop changes from false to true, we first mount the content children.\n * 3. Once this is mounted we trigger an animation updating animationState value of useAnimationHook.\n * 4. Configuration is represented inside hook. Passed config depends if previous animation was completed or not.\n *    We could check that based on node.style.maxHeight.\n *\n * The transition from expanded to collapsed is similar:\n * 1. We trigger an animation updating animationState value of useAnimationHook.\n * 2. Once animation is completed, with the help of end config,we set max-Height as 'none'.\n *    This will allow us to keep adding content.\n * 3. Once this is done, onAnimationEnd is called(as 'from collapsed to expanded\"). Here, content children are unmouunted.\n *\n * In some future, handling unmounting would be handled using another API agnostic to useAnimation hook. For now, this is handled by user.\n */\n\nconst animationStates: UseAnimationConfig<\n  'expanded' | 'collapsed',\n  HTMLDivElement\n>['animationStates'] = {\n  expanded: (node) => {\n    return {\n      to: {\n        maxHeight: `${node.scrollHeight}px`,\n        overflowY: 'hidden'\n      },\n      options: {\n        duration: 400\n      },\n      end: {\n        maxHeight: 'none'\n      }\n    };\n  },\n  collapsed: (node) => {\n    return {\n      ...(node.style.maxHeight === 'none' && {\n        from: {\n          maxHeight: `${node.scrollHeight}px`\n        }\n      }),\n      to: {\n        overflowY: 'hidden',\n        maxHeight: '0'\n      },\n      options: {\n        duration: 400\n      }\n    };\n  }\n};\n","import { ComponentChildren, JSX } from 'preact';\nimport { useRef } from 'preact/hooks';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { CollapsibleHeader } from './CollapsibleHeader';\nimport { CollapsibleContent } from './CollapsibleContent';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'id' | 'children'>;\n\ntype Props = IntrinsicProps & {\n  /**\n   * Collapsible's header. If not specified, the header contains only an open/close icon. Note that the header text is required for JET collapsible for accessibility purposes.\n   */\n  header?: ComponentChildren;\n\n  /**\n   * Disables the collapsible if set to true\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Specifies if the content is expanded\n   */\n  isExpanded?: boolean;\n\n  /**\n   * Property that triggers a callback immediately when toggle happens and value of expanded property should be updated\n   */\n  onToggle?: (details: ToggleDetail) => void;\n\n  /**\n   * Property that triggers a callback after toggle animation is done\n   */\n  onTransitionEnd?: (details: ToggleDetail) => void;\n};\n\nexport type ToggleDetail = {\n  value: boolean;\n};\n\n/**\n * Controlled Collapsible component\n */\nexport const Collapsible = ({\n  id,\n  header,\n  children,\n  isDisabled = false,\n  isExpanded = false,\n  onToggle,\n  onTransitionEnd\n}: Props) => {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const uniqueID = useId();\n  const headerId = `oj-collapsible-header-${uniqueID}`;\n  const contentId = `oj-collapsible-content-${uniqueID}`;\n\n  /**\n   * Function handling toggle and invoking callback for collapsing/expanding\n   */\n  const toggleHandler = () => {\n    if (isDisabled) {\n      return;\n    }\n    onToggle?.({\n      value: !isExpanded\n    });\n  };\n\n  /**\n   * Function that is triggerd when animation ends\n   */\n  const transitionEndHandler = () => {\n    onTransitionEnd?.({\n      value: isExpanded\n    });\n  };\n\n  return (\n    <div id={id} ref={rootRef}>\n      <CollapsibleHeader\n        id={headerId}\n        contentId={contentId}\n        toggleHandler={toggleHandler}\n        isDisabled={isDisabled}\n        isExpanded={isExpanded}>\n        {header}\n      </CollapsibleHeader>\n      <CollapsibleContent\n        id={contentId}\n        isExpanded={isExpanded}\n        onTransitionEnd={transitionEndHandler}>\n        {children}\n      </CollapsibleContent>\n    </div>\n  );\n};\n"],"names":["styles","CollapsibleHeaderIcon","contentId","isDisabled","headerId","isExpanded","onClick","classes","classNames","CollapsibleHeader","children","id","toggleHandler","CollapsibleContent","onTransitionEnd","state","setState","useState","prevExpanded","setPrevExpanded","isAnimating","includes","useEffect","nodeRef","useAnimation","animationStates","onAnimationEnd","animationState","_jsx","Object","assign","ref","tabIndex","undefined","expanded","node","to","maxHeight","scrollHeight","overflowY","options","duration","end","collapsed","style","from","header","onToggle","rootRef","useRef","uniqueID","useId","_jsxs","jsx","value"],"mappings":"86BAYA,MAAAA,EAAA,UAAAA,YAuBAC,EAAA,EAAAC,UAAAA,EAAAC,WAAAA,EAAAC,SAAAA,EAAAC,WAAAA,EAAAC,QAAAA,MAOE,MAAAC,EAAAC,EAAAA,WAAA,CAAAR,EAAAG,GAAAH,8LC1BFA,EAAA,UAAAA,YAkBAS,EAAA,EAAAC,SAAAA,EAAAC,GAAAA,EAAAT,UAAAA,EAAAC,WAAAA,EAAAE,WAAAA,EAAAO,cAAAA,MAQE,MAAAL,EAAAC,EAAAA,WAAA,CAAAR,EAAAG,GAAAH,sMC9BWa,EAAqB,EAAGH,SAAAA,EAAUC,GAAAA,EAAIN,WAAAA,EAAYS,gBAAAA,MAC7D,MAAOC,EAAOC,GAAYC,EAAQA,SAChCZ,EAAa,UAAY,cAGpBa,EAAcC,GAAmBF,EAAQA,SAAUZ,GACpDe,EAAcf,IAAea,GAAgB,CAAC,WAAY,cAAcG,SAASN,GAEvFO,EAAAA,WAAU,KACJF,GACFJ,EAASX,EAAa,WAAa,gBAEpC,CAACA,EAAYe,IAEhB,MAAMG,QAAEA,GAAYC,EAAYA,aAC9B,CAAC,UAAW,YAAYH,SAASN,GAAS,WAAa,YACvD,CACEU,gBAAAA,EACAC,eAAgB,EAAGC,eAAAA,MACjB,MAAMtB,EAAgC,aAAnBsB,EACnBX,EAASX,EAAa,UAAY,aAClCc,EAAgBd,GAChBS,MAAAA,GAAAA,OAIN,OACEc,MAAA,MAAAC,OAAAC,OAAA,CAAKC,IAAKR,EAASZ,GAAIA,EAAIqB,UAAW,EAAC,eAAgB3B,QAAc4B,GAClE,CAAAvB,UAACU,GAAyB,YAAVL,IAAwBL,MAuBzCe,EAGiB,CACrBS,SAAWC,IACF,CACLC,GAAI,CACFC,UAAW,GAAGF,EAAKG,iBACnBC,UAAW,UAEbC,QAAS,CACPC,SAAU,KAEZC,IAAK,CACHL,UAAW,UAIjBM,UAAYR,GAELN,OAAAC,OAAAD,OAAAC,OAAA,GAA0B,SAAzBK,EAAKS,MAAMP,WAAwB,CACrCQ,KAAM,CACJR,UAAW,GAAGF,EAAKG,oBAErB,CACFF,GAAI,CACFG,UAAW,SACXF,UAAW,KAEbG,QAAS,CACPC,SAAU,sBCnDS,EACzB9B,GAAAA,EACAmC,OAAAA,EACApC,SAAAA,EACAP,WAAAA,GAAa,EACbE,WAAAA,GAAa,EACb0C,SAAAA,EACAjC,gBAAAA,MAEA,MAAMkC,EAAUC,SAAuB,MACjCC,EAAWC,EAAAA,QACX/C,EAAoC,yBAAA8C,IACpChD,EAAsC,0BAAAgD,IAuB5C,OACEE,OAAK,MAAAvB,OAAAC,OAAA,CAAAnB,GAAIA,EAAIoB,IAAKiB,GAAO,CAAAtC,SAAA,CACvBkB,EAACyB,IAAA5C,iBACCE,GAAIP,EACJF,UAAWA,EACXU,cAvBgB,KAChBT,GAGJ4C,MAAAA,GAAAA,EAAW,CACTO,OAAQjD,KAmBNF,WAAYA,EACZE,WAAYA,GACX,CAAAK,SAAAoC,KAEHlB,EAAAA,IAACf,EACCgB,OAAAC,OAAA,CAAAnB,GAAIT,EACJG,WAAYA,EACZS,gBAnBuB,KAC3BA,MAAAA,GAAAA,EAAkB,CAChBwC,MAAOjD,MAiBgC,CAAAK,SACpCA"}
+{"version":3,"file":"UNSAFE_Collapsible.js","sources":["../../src/UNSAFE_Collapsible/CollapsibleHeaderIcon.tsx","../../src/UNSAFE_Collapsible/CollapsibleHeader.tsx","../../src/UNSAFE_Collapsible/CollapsibleContent.tsx","../../src/UNSAFE_Collapsible/Collapsible.tsx"],"sourcesContent":["import { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { ExpandIcon, CollapseIcon } from '../UNSAFE_ThemedIcons';\n\ntype IconProps = {\n  contentId: string;\n  isDisabled: boolean;\n  headerId: string;\n  isExpanded: boolean;\n  onClick?: (event: Event) => void;\n};\n\nconst styles = {\n  base: cssProps`${{\n    display: 'flex',\n    alignItems: 'center',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-private-button-ghost-chrome-text-color)',\n    backgroundColor: 'transparent',\n    border: 'none',\n    cursor: 'pointer',\n    paddingTop: '5px',\n    paddingRight: '5px',\n    paddingBottom: '5px',\n    paddingLeft: '5px',\n    marginInlineStart: '-8px'\n  }}`,\n  disabled: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)',\n    cursor: 'auto'\n  }}`\n};\n\n/**\n * Header icon subcomponent\n */\nexport const CollapsibleHeaderIcon = ({\n  contentId,\n  isDisabled,\n  headerId,\n  isExpanded,\n  onClick\n}: IconProps) => {\n  const classes = classNames([styles.base, isDisabled && styles.disabled]);\n  const Icon = isExpanded ? ExpandIcon : CollapseIcon;\n  return (\n    <button\n      class={classes}\n      aria-labelledby={headerId}\n      aria-controls={contentId}\n      aria-expanded={isExpanded}\n      onClick={onClick}>\n      <Icon size=\"6x\" />\n    </button>\n  );\n};\n","import { JSX } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { Flex } from '../UNSAFE_Flex';\nimport { CollapsibleHeaderIcon } from './CollapsibleHeaderIcon';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'id' | 'children'>;\n\ntype HeaderProps = IntrinsicProps & {\n  id: string;\n  contentId: string;\n  isDisabled: boolean;\n  isExpanded: boolean;\n  toggleHandler: () => void;\n};\n\nconst styles = {\n  base: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-heading-text-color)',\n    paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x)',\n    paddingRight: '0',\n    paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x)',\n    paddingLeft: '0',\n    cursor: 'pointer'\n  }}`,\n  disabled: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)',\n    cursor: 'auto'\n  }}`\n};\n\n/**\n * Header subcomponent\n */\nexport const CollapsibleHeader = ({\n  children,\n  id,\n  contentId,\n  isDisabled,\n  isExpanded,\n  toggleHandler\n}: HeaderProps) => {\n  const classes = classNames([styles.base, isDisabled && styles.disabled]);\n\n  return (\n    <div id={id} class={classes} onClick={toggleHandler}>\n      <Flex align=\"center\">\n        <CollapsibleHeaderIcon\n          isDisabled={isDisabled}\n          headerId={id}\n          contentId={contentId}\n          isExpanded={isExpanded}\n        />\n        {children}\n      </Flex>\n    </div>\n  );\n};\n","import { JSX } from 'preact';\nimport { useState, useEffect } from 'preact/hooks';\n\nimport { useAnimation, UseAnimationConfig } from '../hooks/UNSAFE_useAnimation';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\n\ntype ContentProps = IntrinsicProps & {\n  id: string;\n  isExpanded: boolean;\n  onTransitionEnd: () => void;\n};\nexport const CollapsibleContent = ({ children, id, isExpanded, onTransitionEnd }: ContentProps) => {\n  const [state, setState] = useState<'mounting' | 'mounted' | 'unmounting' | 'unmounted'>(\n    isExpanded ? 'mounted' : 'unmounted'\n  );\n\n  const [prevExpanded, setPrevExpanded] = useState<boolean>(isExpanded);\n  const isAnimating = isExpanded !== prevExpanded || ['mounting', 'unmounting'].includes(state);\n\n  useEffect(() => {\n    if (isAnimating) {\n      setState(isExpanded ? 'mounting' : 'unmounting');\n    }\n  }, [isExpanded, isAnimating]);\n\n  const { nodeRef } = useAnimation<'expanded' | 'collapsed', HTMLDivElement>(\n    ['mounted', 'mounting'].includes(state) ? 'expanded' : 'collapsed',\n    {\n      animationStates,\n      onAnimationEnd: ({ animationState }) => {\n        const isExpanded = animationState === 'expanded';\n        setState(isExpanded ? 'mounted' : 'unmounted');\n        setPrevExpanded(isExpanded);\n        onTransitionEnd?.();\n      }\n    }\n  );\n  return (\n    <div ref={nodeRef} id={id} tabIndex={-1} aria-hidden={!isExpanded || undefined}>\n      {(isAnimating || state === 'mounted') && children}\n    </div>\n  );\n};\n\n/**\n * The transition from collapsed to expanded works as follows:\n * 1. When the component is initially rendered in the collapsed state, we\n *    explicitly set maxHeight and overflowY from \"to\" configuration.\n * 2. When the expanded prop changes from false to true, we first mount the content children.\n * 3. Once this is mounted we trigger an animation updating animationState value of useAnimationHook.\n * 4. Configuration is represented inside hook. Passed config depends if previous animation was completed or not.\n *    We could check that based on node.style.maxHeight.\n *\n * The transition from expanded to collapsed is similar:\n * 1. We trigger an animation updating animationState value of useAnimationHook.\n * 2. Once animation is completed, with the help of end config,we set max-Height as 'none'.\n *    This will allow us to keep adding content.\n * 3. Once this is done, onAnimationEnd is called(as 'from collapsed to expanded\"). Here, content children are unmouunted.\n *\n * In some future, handling unmounting would be handled using another API agnostic to useAnimation hook. For now, this is handled by user.\n */\n\nconst animationStates: UseAnimationConfig<\n  'expanded' | 'collapsed',\n  HTMLDivElement\n>['animationStates'] = {\n  expanded: (node) => {\n    return {\n      to: {\n        maxHeight: `${node.scrollHeight}px`,\n        overflowY: 'hidden'\n      },\n      options: {\n        duration: 400\n      },\n      end: {\n        maxHeight: 'none'\n      }\n    };\n  },\n  collapsed: (node) => {\n    return {\n      ...(node.style.maxHeight === 'none' && {\n        from: {\n          maxHeight: `${node.scrollHeight}px`\n        }\n      }),\n      to: {\n        overflowY: 'hidden',\n        maxHeight: '0'\n      },\n      options: {\n        duration: 400\n      }\n    };\n  }\n};\n","import { ComponentChildren, JSX } from 'preact';\nimport { useRef } from 'preact/hooks';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { CollapsibleHeader } from './CollapsibleHeader';\nimport { CollapsibleContent } from './CollapsibleContent';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'id' | 'children'>;\n\ntype Props = IntrinsicProps & {\n  /**\n   * Collapsible's header. If not specified, the header contains only an open/close icon. Note that the header text is required for JET collapsible for accessibility purposes.\n   */\n  header?: ComponentChildren;\n\n  /**\n   * Disables the collapsible if set to true\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Specifies if the content is expanded\n   */\n  isExpanded?: boolean;\n\n  /**\n   * Property that triggers a callback immediately when toggle happens and value of expanded property should be updated\n   */\n  onToggle?: (details: ToggleDetail) => void;\n\n  /**\n   * Property that triggers a callback after toggle animation is done\n   */\n  onTransitionEnd?: (details: ToggleDetail) => void;\n};\n\nexport type ToggleDetail = {\n  value: boolean;\n};\n\n/**\n * Controlled Collapsible component\n */\nexport const Collapsible = ({\n  id,\n  header,\n  children,\n  isDisabled = false,\n  isExpanded = false,\n  onToggle,\n  onTransitionEnd\n}: Props) => {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const uniqueID = useId();\n  const headerId = `oj-collapsible-header-${uniqueID}`;\n  const contentId = `oj-collapsible-content-${uniqueID}`;\n\n  /**\n   * Function handling toggle and invoking callback for collapsing/expanding\n   */\n  const toggleHandler = () => {\n    if (isDisabled) {\n      return;\n    }\n    onToggle?.({\n      value: !isExpanded\n    });\n  };\n\n  /**\n   * Function that is triggerd when animation ends\n   */\n  const transitionEndHandler = () => {\n    onTransitionEnd?.({\n      value: isExpanded\n    });\n  };\n\n  return (\n    <div id={id} ref={rootRef}>\n      <CollapsibleHeader\n        id={headerId}\n        contentId={contentId}\n        toggleHandler={toggleHandler}\n        isDisabled={isDisabled}\n        isExpanded={isExpanded}>\n        {header}\n      </CollapsibleHeader>\n      <CollapsibleContent\n        id={contentId}\n        isExpanded={isExpanded}\n        onTransitionEnd={transitionEndHandler}>\n        {children}\n      </CollapsibleContent>\n    </div>\n  );\n};\n"],"names":["styles","CollapsibleHeaderIcon","contentId","isDisabled","headerId","isExpanded","onClick","classes","classNames","CollapsibleHeader","children","id","toggleHandler","CollapsibleContent","onTransitionEnd","state","setState","useState","prevExpanded","setPrevExpanded","isAnimating","includes","useEffect","nodeRef","useAnimation","animationStates","onAnimationEnd","animationState","_jsx","Object","assign","ref","tabIndex","undefined","expanded","node","to","maxHeight","scrollHeight","overflowY","options","duration","end","collapsed","style","from","header","onToggle","rootRef","useRef","uniqueID","useId","_jsxs","jsx","value"],"mappings":"86BAYA,MAAAA,EAAA,SAAAA,YAuBAC,EAAA,EAAAC,UAAAA,EAAAC,WAAAA,EAAAC,SAAAA,EAAAC,WAAAA,EAAAC,QAAAA,MAOE,MAAAC,EAAAC,EAAAA,WAAA,CAAAR,EAAAG,GAAAH,8LC1BFA,EAAA,SAAAA,YAkBAS,EAAA,EAAAC,SAAAA,EAAAC,GAAAA,EAAAT,UAAAA,EAAAC,WAAAA,EAAAE,WAAAA,EAAAO,cAAAA,MAQE,MAAAL,EAAAC,EAAAA,WAAA,CAAAR,EAAAG,GAAAH,sMC9BWa,EAAqB,EAAGH,SAAAA,EAAUC,GAAAA,EAAIN,WAAAA,EAAYS,gBAAAA,MAC7D,MAAOC,EAAOC,GAAYC,EAAQA,SAChCZ,EAAa,UAAY,cAGpBa,EAAcC,GAAmBF,EAAQA,SAAUZ,GACpDe,EAAcf,IAAea,GAAgB,CAAC,WAAY,cAAcG,SAASN,GAEvFO,EAAAA,WAAU,KACJF,GACFJ,EAASX,EAAa,WAAa,gBAEpC,CAACA,EAAYe,IAEhB,MAAMG,QAAEA,GAAYC,EAAYA,aAC9B,CAAC,UAAW,YAAYH,SAASN,GAAS,WAAa,YACvD,CACEU,gBAAAA,EACAC,eAAgB,EAAGC,eAAAA,MACjB,MAAMtB,EAAgC,aAAnBsB,EACnBX,EAASX,EAAa,UAAY,aAClCc,EAAgBd,GAChBS,MAAAA,GAAAA,OAIN,OACEc,MAAA,MAAAC,OAAAC,OAAA,CAAKC,IAAKR,EAASZ,GAAIA,EAAIqB,UAAW,EAAC,eAAgB3B,QAAc4B,GAClE,CAAAvB,UAACU,GAAyB,YAAVL,IAAwBL,MAuBzCe,EAGiB,CACrBS,SAAWC,IACF,CACLC,GAAI,CACFC,UAAW,GAAGF,EAAKG,iBACnBC,UAAW,UAEbC,QAAS,CACPC,SAAU,KAEZC,IAAK,CACHL,UAAW,UAIjBM,UAAYR,GAELN,OAAAC,OAAAD,OAAAC,OAAA,GAA0B,SAAzBK,EAAKS,MAAMP,WAAwB,CACrCQ,KAAM,CACJR,UAAW,GAAGF,EAAKG,oBAErB,CACFF,GAAI,CACFG,UAAW,SACXF,UAAW,KAEbG,QAAS,CACPC,SAAU,sBCnDS,EACzB9B,GAAAA,EACAmC,OAAAA,EACApC,SAAAA,EACAP,WAAAA,GAAa,EACbE,WAAAA,GAAa,EACb0C,SAAAA,EACAjC,gBAAAA,MAEA,MAAMkC,EAAUC,SAAuB,MACjCC,EAAWC,EAAAA,QACX/C,EAAoC,yBAAA8C,IACpChD,EAAsC,0BAAAgD,IAuB5C,OACEE,OAAK,MAAAvB,OAAAC,OAAA,CAAAnB,GAAIA,EAAIoB,IAAKiB,GAAO,CAAAtC,SAAA,CACvBkB,EAACyB,IAAA5C,iBACCE,GAAIP,EACJF,UAAWA,EACXU,cAvBgB,KAChBT,GAGJ4C,MAAAA,GAAAA,EAAW,CACTO,OAAQjD,KAmBNF,WAAYA,EACZE,WAAYA,GACX,CAAAK,SAAAoC,KAEHlB,EAAAA,IAACf,EACCgB,OAAAC,OAAA,CAAAnB,GAAIT,EACJG,WAAYA,EACZS,gBAnBuB,KAC3BA,MAAAA,GAAAA,EAAkB,CAChBwC,MAAOjD,MAiBgC,CAAAK,SACpCA"}

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_Collection.js

@@ -1,2 +1,2 @@
-define(["exports","./Collection-81a37433","preact/jsx-runtime","preact"],(function(e,t,o,c){"use strict";e.Collection=t.Collection,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","./Collection-c53abf9c","preact/jsx-runtime","preact"],(function(e,t,c,o){"use strict";e.Collection=t.Collection,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_Collection.js.map

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_ComponentMessage.css

@@ -1,3 +1,3 @@
-.n1cjnf{box-sizing:border-box;display:flex;flex-wrap:wrap;}
+._epu3y5{box-sizing:border-box;display:flex;flex-wrap:wrap;}
 
-.yqm965{overflow-x:hidden;overflow-y:hidden;}
+._ao9dfs{overflow-x:hidden;overflow-y:hidden;}

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_ComponentMessage.js

@@ -1,2 +1,2 @@
-define(["exports","./ComponentMessage-773523b0","./ComponentMessageContainer-0a82edf7","preact/jsx-runtime",'css!./UNSAFE_ComponentMessage.css',"./hooks/UNSAFE_useTranslationBundle","preact/hooks","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat","./UNSAFE_HiddenAccessible","./HiddenAccessible-9a62f23f","./UNSAFE_Message","./UNSAFE_Flex","./Flex-ba68c691","./tslib.es6-6b9f8039","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-a3acea83","./_curry1-b1038181","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-b2629d24","./_curry2-de7435f6","./_has-f8addc41","./utils/UNSAFE_interpolations/boxalignment","./keys-9527ebf1","./utils/UNSAFE_interpolations/flexbox","./flexbox-a1508bc2","./utils/UNSAFE_interpolations/flexitem","./flexitem-15df728b","./MessageCloseButton-104b16ed","./MessageDetail-d90dbb66","./MessageFormattingUtils-ce5ff913","./utils/UNSAFE_getLocale","./Message.types-a4166152","./MessageStartIcon-26ba679d","./index-8472e92c","./UNSAFE_Icon","./Icon-c904953e","./hooks/UNSAFE_useUser","./hooks/UNSAFE_useTheme","./index-d0bde6b8","./MessageSummary-ab6ea303","./MessageTimestamp-f9e19dea","./MessageUtils-59029b39","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-8ce3be5e","./UNSAFE_TransitionGroup"],(function(e,s,t,a,i,n,o,l,r,U,c,u,_,d,g,F,b,A,N,S,E,m,p,f,M,x,C,y,h,k,I,T,j,v,B,H,L,z,D,G,O,P,q,w,J,K,Q,R,V,W,X,Y,Z){"use strict";e.ComponentMessage=s.ComponentMessage,e.ComponentMessageContainer=t.ComponentMessageContainer,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","./ComponentMessage-f064233a","./ComponentMessageContainer-71c6ad99","preact/jsx-runtime",'css!./UNSAFE_ComponentMessage.css',"./hooks/UNSAFE_useTranslationBundle","preact/hooks","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat","./UNSAFE_HiddenAccessible","./HiddenAccessible-4ed3d9c7","./UNSAFE_Message","./UNSAFE_Flex","./Flex-dc5b7dbf","./tslib.es6-e48c1294","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-51f75ac3","./_curry1-d5fe99bc","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-44d4671f","./_curry2-8d1b30bf","./_has-d0968c29","./utils/UNSAFE_interpolations/boxalignment","./keys-9e797107","./utils/UNSAFE_interpolations/flexbox","./flexbox-60178875","./utils/UNSAFE_interpolations/flexitem","./flexitem-05dfdc65","./MessageCloseButton-100cc125","./MessageDetail-3c64fbc1","./MessageFormattingUtils-35846490","./utils/UNSAFE_getLocale","./Message.types-c45c271f","./MessageStartIcon-f3da6a12","./index-99b23138","./UNSAFE_Icon","./Icon-6913b599","./hooks/UNSAFE_useUser","./hooks/UNSAFE_useTheme","./index-c5f59df4","./MessageSummary-5684b699","./MessageTimestamp-3fd96875","./MessageUtils-52f83c33","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-332b057b","./UNSAFE_TransitionGroup"],(function(e,s,t,i,n,a,o,l,r,c,U,u,_,d,g,F,A,N,S,E,m,f,p,b,M,x,C,y,h,k,I,T,j,v,B,H,L,z,D,G,O,P,q,w,J,K,Q,R,V,W,X,Y,Z){"use strict";e.ComponentMessage=s.ComponentMessage,e.ComponentMessageContainer=t.ComponentMessageContainer,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_ComponentMessage.js.map

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_Flex.css

@@ -1 +1 @@
-._hpdtdu{display:flex;}
+._2q701j{display:flex;}

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_Flex.js

@@ -1,2 +1,2 @@
-define(["exports","./Flex-ba68c691","./tslib.es6-6b9f8039","preact/jsx-runtime","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-a3acea83","./_curry1-b1038181","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-b2629d24","./_curry2-de7435f6","./_has-f8addc41",'css!./UNSAFE_Flex.css',"./utils/UNSAFE_interpolations/boxalignment","./keys-9527ebf1","./utils/UNSAFE_interpolations/flexbox","./flexbox-a1508bc2","./utils/UNSAFE_interpolations/flexitem","./flexitem-15df728b"],(function(e,i,s,t,l,a,n,r,o,u,_,b,c,f,x,F,U,N,d,A,E,S){"use strict";e.Flex=i.Flex,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","./Flex-dc5b7dbf","./tslib.es6-e48c1294","preact/jsx-runtime","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-51f75ac3","./_curry1-d5fe99bc","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-44d4671f","./_curry2-8d1b30bf","./_has-d0968c29",'css!./UNSAFE_Flex.css',"./utils/UNSAFE_interpolations/boxalignment","./keys-9e797107","./utils/UNSAFE_interpolations/flexbox","./flexbox-60178875","./utils/UNSAFE_interpolations/flexitem","./flexitem-05dfdc65"],(function(e,i,s,t,l,n,r,a,o,u,c,_,f,d,x,F,U,N,b,A,E,S){"use strict";e.Flex=i.Flex,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_Flex.js.map

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_Floating.js

@@ -1,2 +1,2 @@
-define(["exports","./Floating-671b5951","preact/jsx-runtime","preact/hooks","preact/compat","./index-614e09d5","./hooks/UNSAFE_useUser","./UNSAFE_Environment","preact","./UNSAFE_Layer","./hooks/UNSAFE_useOutsideClick","./utils/UNSAFE_arrayUtils"],(function(e,t,o,i,r,s,a,n,c,u,l,F){"use strict";e.Floating=t.Floating,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","./Floating-538f13fa","preact/jsx-runtime","preact/hooks","preact/compat","./index-ee090323","./hooks/UNSAFE_useUser","./UNSAFE_Environment","preact","./UNSAFE_Layer","./hooks/UNSAFE_useOutsideClick","./utils/UNSAFE_arrayUtils"],(function(e,t,o,i,r,s,a,n,c,u,l,F){"use strict";e.Floating=t.Floating,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_Floating.js.map

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_Grid.css

@@ -1 +1 @@
-._5kzhi2{display:grid;}
+._5aq8es{display:grid;}

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_Grid.js

@@ -1,2 +1,2 @@
-function _toConsumableArray(r){return _arrayWithoutHoles(r)||_iterableToArray(r)||_unsupportedIterableToArray(r)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(r,t){if(r){if("string"==typeof r)return _arrayLikeToArray(r,t);var e=Object.prototype.toString.call(r).slice(8,-1);return"Object"===e&&r.constructor&&(e=r.constructor.name),"Map"===e||"Set"===e?Array.from(r):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?_arrayLikeToArray(r,t):void 0}}function _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r)}function _arrayWithoutHoles(r){if(Array.isArray(r))return _arrayLikeToArray(r)}function _arrayLikeToArray(r,t){(null==t||t>r.length)&&(t=r.length);for(var e=0,a=new Array(t);e<t;e++)a[e]=r[e];return a}define(["exports","./tslib.es6-6b9f8039","preact/jsx-runtime",'css!./UNSAFE_Grid.css',"./utils/UNSAFE_interpolations/grid","./utils/UNSAFE_interpolations/boxalignment","./utils/UNSAFE_mergeInterpolations","./keys-9527ebf1","./_curry1-b1038181","./_has-f8addc41","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-a3acea83","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_classNames","./classNames-b2629d24","./_curry2-de7435f6"],(function(r,t,e,a,n,o,i,s,l,u,c,y,_,b,d,A,p){"use strict";const f=[].concat(_toConsumableArray(Object.values(n.gridInterpolations)),_toConsumableArray(Object.values(o.boxAlignmentInterpolations))),m=i.mergeInterpolations(f);r.Grid=r=>{var{children:a}=r,n=t.__rest(r,["children"]);const o=m(n),{class:i}=o,s=t.__rest(o,["class"]),l=Object.assign({},s);return e.jsx("div",Object.assign({class:`_5kzhi2 ${i}`,style:l},{children:a}))},Object.defineProperty(r,"__esModule",{value:!0})}));
+function _toConsumableArray(r){return _arrayWithoutHoles(r)||_iterableToArray(r)||_unsupportedIterableToArray(r)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(r,e){if(r){if("string"==typeof r)return _arrayLikeToArray(r,e);var t=Object.prototype.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,e):void 0}}function _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r)}function _arrayWithoutHoles(r){if(Array.isArray(r))return _arrayLikeToArray(r)}function _arrayLikeToArray(r,e){(null==e||e>r.length)&&(e=r.length);for(var t=0,a=new Array(e);t<e;t++)a[t]=r[t];return a}define(["exports","./tslib.es6-e48c1294","preact/jsx-runtime",'css!./UNSAFE_Grid.css',"./utils/UNSAFE_interpolations/grid","./utils/UNSAFE_interpolations/boxalignment","./utils/UNSAFE_mergeInterpolations","./keys-9e797107","./_curry1-d5fe99bc","./_has-d0968c29","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-51f75ac3","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_classNames","./classNames-44d4671f","./_curry2-8d1b30bf"],(function(r,e,t,a,n,o,i,s,l,u,c,y,_,b,d,A,p){"use strict";const f=[].concat(_toConsumableArray(Object.values(n.gridInterpolations)),_toConsumableArray(Object.values(o.boxAlignmentInterpolations))),m=i.mergeInterpolations(f);r.Grid=r=>{var{children:a}=r,n=e.__rest(r,["children"]);const o=m(n),{class:i}=o,s=e.__rest(o,["class"]),l=Object.assign({},s);return t.jsx("div",Object.assign({class:`_5aq8es ${i}`,style:l},{children:a}))},Object.defineProperty(r,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_Grid.js.map

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_HiddenAccessible.css

@@ -1 +1 @@
-.aei1uf{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;}
+.lg08dd{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/dist/js/libs/oraclejet-preact/amd/UNSAFE_HiddenAccessible.js

@@ -1,2 +1,2 @@
-define(["exports","./HiddenAccessible-9a62f23f","preact/jsx-runtime",'css!./UNSAFE_HiddenAccessible.css'],(function(e,i,s,c){"use strict";e.HiddenAccessible=i.HiddenAccessible,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","./HiddenAccessible-4ed3d9c7","preact/jsx-runtime",'css!./UNSAFE_HiddenAccessible.css'],(function(e,i,c,d){"use strict";e.HiddenAccessible=i.HiddenAccessible,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_HiddenAccessible.js.map

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_HighlightText.css

@@ -1 +1 @@
-._xwz06k{font-weight:700;}
+._j038us{font-weight:700;}

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_HighlightText.js

@@ -1,2 +1,2 @@
-define(["exports","./HighlightText-107c8f33","preact/jsx-runtime","preact",'css!./UNSAFE_HighlightText.css'],(function(e,t,i,r,c){"use strict";e.HighlightText=t.HighlightText,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","./HighlightText-3e08b2b3","preact/jsx-runtime","preact",'css!./UNSAFE_HighlightText.css'],(function(e,t,i,r,g){"use strict";e.HighlightText=t.HighlightText,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_HighlightText.js.map

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_Icon.css

@@ -1,21 +1,21 @@
-._c4fe53{font-size:1em;}
-.rrae9h{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);}
-._by48t9{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
-.fdupy4{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);}
-.osiq1l{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);}
-.gvtc7g{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x);}
-._41uyo8{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-6x);}
-._ss8mw{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-7x);}
-._hbuhmw{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-8x);}
-._i1hrcm{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-9x);}
-.opk1y{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-10x);}
-._0xd71v{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-11x);}
-._ipt43g{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-12x);}
-.bd7zl7{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);}
-.knq0dk{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);}
-._jz995w{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
-._8dj6gg{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3);}
-.yhzbxr{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3);}
-._bxs21n{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-success-3);}
-._84wwqe{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-3);}
-.f2jaxp{color:currentColor;}
+._pos1kn{font-size:1em;}
+._qdhwmf{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);}
+.nf2ree{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
+.kcu53l{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);}
+.xvrkoh{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);}
+._62pu7g{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x);}
+._1vq42d{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-6x);}
+._wma32x{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-7x);}
+._3ilova{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-8x);}
+._j5g7t5{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-9x);}
+._s3rcr0{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-10x);}
+.rdeb05{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-11x);}
+._481ztu{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-12x);}
+._2zzxdg{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);}
+.b8u3rs{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);}
+._h2fp8l{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
+._0dn7u0{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3);}
+._saezr5{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3);}
+._i4ybtj{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-success-3);}
+._6hi27k{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-3);}
+.e0mm6t{color:currentColor;}

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_Icon.js

@@ -1,2 +1,2 @@
-define(["exports","./Icon-c904953e","preact/jsx-runtime","./hooks/UNSAFE_useUser","./hooks/UNSAFE_useTheme","./tslib.es6-6b9f8039",'css!./UNSAFE_Icon.css',"./utils/UNSAFE_classNames","./classNames-b2629d24","preact/hooks","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat"],(function(e,s,t,n,c,r,o,i,a,u,m,h,j,l){"use strict";e.Icon=s.Icon,e.withDirectionIcon=(e,s)=>{const{direction:c}=n.useUser();return n=>"ltr"===c?t.jsx(e,Object.assign({},n)):t.jsx(s,Object.assign({},n))},e.withThemeIcon=e=>{const{name:s}=c.useTheme();return n=>{const c=e[s];return t.jsx(c,Object.assign({},n))}},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","./Icon-6913b599","preact/jsx-runtime","./hooks/UNSAFE_useUser","./hooks/UNSAFE_useTheme","./tslib.es6-e48c1294",'css!./UNSAFE_Icon.css',"./utils/UNSAFE_classNames","./classNames-44d4671f","preact/hooks","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat"],(function(e,s,t,n,c,r,o,i,a,u,m,h,j,l){"use strict";e.Icon=s.Icon,e.withDirectionIcon=(e,s)=>{const{direction:c}=n.useUser();return n=>"ltr"===c?t.jsx(e,Object.assign({},n)):t.jsx(s,Object.assign({},n))},e.withThemeIcon=e=>{const{name:s}=c.useTheme();return n=>{const c=e[s];return t.jsx(c,Object.assign({},n))}},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_Icon.js.map

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_Icons.js

@@ -1,2 +1,2 @@
-define(["exports","./index-d0bde6b8","preact/jsx-runtime","./UNSAFE_Icon","./Icon-c904953e","./tslib.es6-6b9f8039",'module',"./utils/UNSAFE_classNames","./classNames-b2629d24","./hooks/UNSAFE_useUser","preact/hooks","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat","./hooks/UNSAFE_useTheme"],(function(o,e,c,n,r,S,s,i,I,t,v,a,h,g,f,b){"use strict";o.CheckboxOff=e.SvgCheckboxOff,o.CheckboxOn=e.SvgCheckboxOn,o.IcoChevronDown=e.SvgIcoChevronDown,o.IcoChevronLeft=e.SvgIcoChevronLeft,o.IcoChevronRight=e.SvgIcoChevronRight,o.IcoErrorS=e.SvgIcoErrorS,o.IcoInformationS=e.SvgIcoInformationS,o.IcoSuccessS=e.SvgIcoSuccessS,o.IcoView=e.SvgIcoView,o.IcoViewHide=e.SvgIcoViewHide,o.IcoWarningS=e.SvgIcoWarningS,Object.defineProperty(o,"__esModule",{value:!0})}));
+define(["exports","./index-c5f59df4","preact/jsx-runtime","./UNSAFE_Icon","./Icon-6913b599","./tslib.es6-e48c1294",'module',"./utils/UNSAFE_classNames","./classNames-44d4671f","./hooks/UNSAFE_useUser","preact/hooks","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat","./hooks/UNSAFE_useTheme"],(function(o,e,c,n,r,S,s,i,I,t,v,a,h,g,f,u){"use strict";o.CheckboxOff=e.SvgCheckboxOff,o.CheckboxOn=e.SvgCheckboxOn,o.IcoChevronDown=e.SvgIcoChevronDown,o.IcoChevronLeft=e.SvgIcoChevronLeft,o.IcoChevronRight=e.SvgIcoChevronRight,o.IcoErrorS=e.SvgIcoErrorS,o.IcoInformationS=e.SvgIcoInformationS,o.IcoSuccessS=e.SvgIcoSuccessS,o.IcoView=e.SvgIcoView,o.IcoViewHide=e.SvgIcoViewHide,o.IcoWarningS=e.SvgIcoWarningS,Object.defineProperty(o,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_Icons.js.map

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_InputPassword.css

@@ -1 +1 @@
-._f2rlos{display:inline-flex;align-items:center;justify-content:center;cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);padding-inline:0;padding-block:0;border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);border-color:transparent;background-color:transparent;width:2.75rem;height:2.75rem;line-height:2.75rem;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-icon-size-lg);}._f2rlos:hover{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);border-color:transparent;}
+._zlste{display:inline-flex;align-items:center;justify-content:center;cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);padding-inline:0;padding-block:0;border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);border-color:transparent;background-color:transparent;width:2.75rem;height:2.75rem;line-height:2.75rem;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-icon-size-lg);}._zlste:hover{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);border-color:transparent;}