@oracle/oraclejet-preact 15.0.11 → 15.0.12

package/amd/TextTag-fc8b00ee.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextTag-fc8b00ee.js","sources":["../../src/UNSAFE_SelectMultiple/TextTag.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 */\n\nimport { useCallback, useEffect, useId, useRef } from 'preact/hooks';\nimport { preventDefault } from '../PRIVATE_SelectCommon';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { IconButton } from '../UNSAFE_IconButton';\nimport { Text } from '../UNSAFE_Text';\nimport { CloseIcon } from '../PRIVATE_ThemedIcons/CloseIcon';\nimport { TabbableModeContext } from '../hooks/UNSAFE_useTabbableMode';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { isBackspaceOrDelete } from '../utils/PRIVATE_keyboardUtils';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { textTagStyles } from './themes/TextTagStyles.css';\n\n/**\n * Props for the TextTag component\n */\ntype Props<V> = {\n  /**\n   * The label for the text tag\n   */\n  children: string;\n\n  /**\n   * Specifies whether to show the remove icon\n   */\n  removeIcon?: 'always' | 'never';\n\n  /**\n   * Indicates whether the component is focused\n   */\n  isFocused?: boolean;\n\n  /**\n   * Specifies if the TextTag component is selected\n   */\n  isSelected?: boolean;\n\n  /**\n   * Callback to be invoked when Delete/Backspace is pressed\n   */\n  onRemoveAction?: (value: V) => void;\n\n  /**\n   * Callback to be invoked when clicking on the text tag\n   */\n  onSelect?: (value: V) => void;\n\n  /**\n   * Callback to be invoked when the remove icon is clicked\n   */\n  onRemoveIconClick?: (value: V) => void;\n\n  /**\n   * The value of the text tag\n   */\n  value: V;\n};\n\n/**\n * The component for rendering selectable/removable TextTag\n *\n * @param param0 The props for the TextTag component\n */\nexport function TextTag<V>({\n  children,\n  removeIcon = 'never',\n  isSelected = false,\n  onRemoveAction,\n  onSelect,\n  onRemoveIconClick,\n  isFocused,\n  value\n}: Props<V>) {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const spanRef = useRef<HTMLSpanElement>(null);\n  const navigationTextId = useId();\n\n  const rootClasses = classNames([textTagStyles.base, isSelected && textTagStyles.selected]);\n\n  const onRemoveActionCallback = useCallback(() => {\n    onRemoveAction?.(value);\n  }, [value, onRemoveAction]);\n  const onSelectCallback = useCallback(() => {\n    onSelect?.(value);\n  }, [value, onSelect]);\n  const onRemoveIconClickCallback = useCallback(() => {\n    onRemoveIconClick?.(value);\n  }, [value, onRemoveIconClick]);\n  const onKeyUp = useCallback(\n    (event: KeyboardEvent) => {\n      if (isBackspaceOrDelete(event)) {\n        onRemoveActionCallback();\n        return;\n      }\n    },\n    [onRemoveActionCallback]\n  );\n\n  useEffect(() => {\n    if (isFocused && isSelected) {\n      spanRef.current?.focus();\n      spanRef.current?.scrollIntoView({ block: 'nearest' });\n    }\n  }, [isFocused, isSelected]);\n\n  return (\n    <>\n      <span\n        ref={spanRef}\n        class={rootClasses}\n        tabIndex={-1}\n        onClick={onSelectCallback}\n        onKeyUp={onKeyUp}\n        // Kill mouse down event to prevent focus transfer done by the parent container.\n        // We will programmatically take back focus in response to the onClick event.\n        onMouseDown={preventDefault}\n        role=\"option\"\n        aria-describedby={navigationTextId}\n        aria-selected={isSelected ? 'true' : 'false'}>\n        <Text size=\"md\" variant=\"inherit\">\n          {children}\n        </Text>\n        {removeIcon === 'always' && (\n          <TabbableModeContext.Provider value={{ isTabbable: false }}>\n            <IconButton size=\"xs\" variant=\"ghost\" onAction={onRemoveIconClickCallback}>\n              <CloseIcon />\n            </IconButton>\n          </TabbableModeContext.Provider>\n        )}\n      </span>\n      <HiddenAccessible id={navigationTextId}>\n        {translations.selectMultiple_removeSelectedTagInstructionText()}\n      </HiddenAccessible>\n    </>\n  );\n}\n"],"names":["children","removeIcon","isSelected","onRemoveAction","onSelect","onRemoveIconClick","isFocused","value","translations","useTranslationBundle","spanRef","useRef","navigationTextId","useId","rootClasses","classNames","textTagStyles","base","selected","onRemoveActionCallback","useCallback","onSelectCallback","onRemoveIconClickCallback","onKeyUp","event","isBackspaceOrDelete","useEffect","current","focus","scrollIntoView","block","_jsxs","jsxs","ref","class","tabIndex","onClick","onMouseDown","preventDefault","role","_jsx","Text","size","variant","TabbableModeContext","Provider","isTabbable","jsx","IconButton","onAction","CloseIcon","HiddenAccessible","id","selectMultiple_removeSelectedTagInstructionText"],"mappings":"8gBAuEM,UAAqBA,SACzBA,EAAQC,WACRA,EAAa,QAAOC,WACpBA,GAAa,EAAKC,eAClBA,EAAcC,SACdA,EAAQC,kBACRA,EAAiBC,UACjBA,EAASC,MACTA,IAEA,MAAMC,EAAeC,uBAAiC,4BAChDC,EAAUC,SAAwB,MAClCC,EAAmBC,EAAAA,QAEnBC,EAAcC,EAAUA,WAAC,CAACC,EAAaA,cAACC,KAAMf,GAAcc,EAAAA,cAAcE,WAE1EC,EAAyBC,EAAAA,aAAY,KACzCjB,IAAiBI,EAAM,GACtB,CAACA,EAAOJ,IACLkB,EAAmBD,EAAAA,aAAY,KACnChB,IAAWG,EAAM,GAChB,CAACA,EAAOH,IACLkB,EAA4BF,EAAAA,aAAY,KAC5Cf,IAAoBE,EAAM,GACzB,CAACA,EAAOF,IACLkB,EAAUH,eACbI,IACKC,EAAAA,oBAAoBD,IACtBL,GAED,GAEH,CAACA,IAUH,OAPAO,EAAAA,WAAU,KACJpB,GAAaJ,IACfQ,EAAQiB,SAASC,QACjBlB,EAAQiB,SAASE,eAAe,CAAEC,MAAO,YAC1C,GACA,CAACxB,EAAWJ,IAGb6B,EAAAA,2BACEA,EACEC,KAAA,OAAA,CAAAC,IAAKvB,EACLwB,MAAOpB,EACPqB,UAAW,EACXC,QAASf,EACTE,QAASA,EAGTc,YAAaC,EAAAA,eACbC,KAAK,4BACa3B,EAAgB,gBACnBV,EAAa,OAAS,kBACrCsC,EAAAA,IAACC,EAAAA,KAAK,CAAAC,KAAK,KAAKC,QAAQ,mBACrB3C,IAEa,WAAfC,GACCuC,MAACI,EAAmBA,oBAACC,SAAS,CAAAtC,MAAO,CAAEuC,YAAY,GACjD9C,SAAAwC,EAAAO,IAACC,EAAUA,WAAC,CAAAN,KAAK,KAAKC,QAAQ,QAAQM,SAAU3B,EAC9CtB,SAAAwC,EAAAO,IAACG,EAASA,UAAA,CAAA,UAKlBV,EAAAO,IAACI,EAAgBA,iBAAC,CAAAC,GAAIxC,EAAgBZ,SACnCQ,EAAa6C,sDAItB"}

package/amd/TextTagList-2b3c872c.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './hooks/UNSAFE_useFocusWithin', './hooks/UNSAFE_useUser', './utils/PRIVATE_keyboardUtils', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_classNames', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_mergeInterpolations', './TextTag-fc8b00ee', './UNSAFE_SelectMultiple/themes/TextTagListStyles.css', './useFocusWithin-f161bf5f', './classNames-b42a7cb0'], (function(e,t,r,l,s,n,a,u,i,o,c,d,v,f,h){"use strict";const b=u.stringLiteralArray(["maxWidth"]),m=Array.from(b,(e=>o.dimensionInterpolations[e])),g=c.mergeInterpolations(m);const x=r.forwardRef((function(e,r=(()=>{})){const{"aria-label":s,data:u,hasInsideLabel:i=!1,removeIcon:o="never",onExitNavigation:c,onRemove:b}=e,m=l.useRef(null),[x,p]=l.useState([]),{direction:A}=n.useUser(),S=l.useRef(-1),T=u.at(-1)?.value,k=l.useRef({value:T,index:u.length-1});k.current={value:T,index:u.length-1};const I=l.useCallback((e=>{const t=u.at(e)?.value;null!=t&&p([t])}),[u]),E=l.useCallback((()=>{p((e=>(S.current=-1,e.length?[]:e)))}),[]),F=l.useCallback((e=>{b?.([e]),c?.(),E()}),[E,c,b]),L=l.useCallback((e=>{const t=[...x];x.includes(e)||t.push(e),b?.(t),c?.(),E()}),[x,E,c,b]),N=l.useCallback((e=>{p([e]),S.current=u.findIndex((t=>t.value===e))}),[u,p]),U=l.useCallback((e=>{if(0!==u.length){if("ltr"===A&&"ArrowLeft"===e.code||"rtl"===A&&"ArrowRight"===e.code){if(0===S.current)return;return S.current-=1,void I(S.current)}return"ltr"===A&&"ArrowRight"===e.code||"rtl"===A&&"ArrowLeft"===e.code?S.current===u.length-1?void c?.():(S.current+=1,void I(S.current)):"Home"===e.code?(S.current=0,void I(S.current)):"End"===e.code?(S.current=u.length-1,void I(S.current)):a.isSelectAll(e)?(p(u.map((e=>e.value))),void e.preventDefault()):void 0}}),[u,A,c,I,p]),R=l.useCallback((()=>{p((e=>e.length||void 0===k.current.value?e:(S.current=k.current.index,[k.current.value])))}),[]),y=l.useCallback((()=>{E()}),[E]),{focusProps:C}=f.useFocusWithin({onBlurWithin:y});l.useImperativeHandle(r,(()=>({blur:y,focus:R})),[y,R]),l.useEffect((()=>{m.current?.scrollTo({left:m.current.scrollWidth*("ltr"===A?1:-1)})}),[u,A]);const _=g(e),w=h.classNames([v.textTagListStyles.textTagListBase,i&&v.textTagListStyles.textTagListInsideLabel]);return t.jsx("div",{class:w,ref:m,tabIndex:-1,onKeyDown:U,role:"listbox","aria-label":s,"aria-multiselectable":"true",style:_,...C,children:u.map(((e,r)=>t.jsx(d.TextTag,{isFocused:S.current===r,isSelected:x.includes(e.value),onRemoveAction:L,onSelect:N,onRemoveIconClick:F,removeIcon:o,value:e.value,children:e.label},e.value)))})}));e.TextTagList=x}));
+//# sourceMappingURL=TextTagList-2b3c872c.js.map

package/amd/TextTagList-2b3c872c.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextTagList-2b3c872c.js","sources":["../../src/UNSAFE_SelectMultiple/TextTagList.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 */\n\nimport { Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useCallback, useEffect, useImperativeHandle, useRef, useState } from 'preact/hooks';\nimport { useFocusWithin } from '../hooks/UNSAFE_useFocusWithin';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { isSelectAll } from '../utils/PRIVATE_keyboardUtils';\nimport { stringLiteralArray } from '../utils/UNSAFE_arrayUtils';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { DimensionProps, dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { TextTag } from './TextTag';\nimport { textTagListStyles } from './themes/TextTagListStyles.css';\n\n/**\n * Data structure of the text tag item\n */\ntype TextTagItem<V> = {\n  label: string;\n  value: V;\n};\n\n/**\n * Type of the ref handle of the component\n */\ntype TextTagListHandle = {\n  /**\n   * Focuses the text tag container\n   */\n  focus: () => void;\n\n  /**\n   * Blurs the text tag container\n   */\n  blur: () => void;\n};\n\n/**\n * Supported style props\n */\nconst supportedDimensions = stringLiteralArray(['maxWidth']);\ntype SupportedDimensions = typeof supportedDimensions[number];\ntype StyleProps = Pick<DimensionProps, SupportedDimensions>;\n\n/**\n * Props for the TextTag component\n */\ntype Props<V> = StyleProps & {\n  /**\n   * Specifies accessible screen reader text.\n   */\n  'aria-label'?: string;\n\n  /**\n   * An array of objects which is used to stamp out the TextTag components\n   */\n  data: TextTagItem<V>[];\n\n  /**\n   * Flag to indicate if the label is inside the container\n   * TODO: Handle this in a more generic way if/when we make this component generic\n   */\n  hasInsideLabel?: boolean;\n\n  /**\n   * Specifies whether to show the remove icon in the TextTag components\n   */\n  removeIcon?: 'always' | 'never';\n\n  /**\n   * A callback function to be invoked when the component wants to exit the navigation.\n   * This happens when one presses Right arrow after reaching the end of the list (or Left\n   * arrow in RTL mode).\n   */\n  onExitNavigation?: () => void;\n\n  /**\n   * A callback function to be invoked when one or more text tags are removed\n   */\n  onRemove?: (items: V[]) => void;\n};\n\n/**\n * Setting up interpolations\n */\nconst supportedInterpolations = Array.from(supportedDimensions, (x) => dimensionInterpolations[x]);\nconst styleInterpolations = mergeInterpolations<StyleProps>(supportedInterpolations);\n\n/**\n * TextTagList component for rendering the collection of TextTags as well\n * as managing the navigation.\n *\n * @param param0 The props for the TextTagList component\n * @param ref The ref for the component\n */\nfunction _TextTagList<V>(props: Props<V>, ref: Ref<TextTagListHandle> = () => {}) {\n  // destructure props\n  const {\n    'aria-label': ariaLabel,\n    data,\n    hasInsideLabel = false,\n    removeIcon = 'never',\n    onExitNavigation,\n    onRemove\n  } = props;\n\n  // ref for setting the scroll position for the div\n  const divRef = useRef<HTMLDivElement>(null);\n\n  // Internal state for storing the current selected tags\n  const [selectedTags, setSelectedTags] = useState<V[]>([]);\n\n  // The navigation of focus will depend on the reading direction, so we need to\n  // get the current reading direction\n  const { direction } = useUser();\n\n  // Create a ref for maintaining the current selected tag. This is used for\n  // determining which tag needs to be selected next when pressing ArrowLeft or\n  // ArrowRight.\n  const currentSelectedTagIndex = useRef(-1);\n  // Create a ref that holds the last tag which is needed when receiving focus\n  // programmatically.\n  const lastTag = data.at(-1)?.value;\n  const lastTagMeta = useRef({ value: lastTag, index: data.length - 1 });\n  lastTagMeta.current = { value: lastTag, index: data.length - 1 };\n\n  // A function to select the tag at the given index\n  const selectTagAtIndex = useCallback(\n    (index: number) => {\n      const key = data.at(index)?.value;\n      if (key == null) return;\n      setSelectedTags([key]);\n    },\n    [data] // setSelectedTags is stable and not needed in dep array\n  );\n  // A function to clear the selection\n  const clearSelection = useCallback(() => {\n    setSelectedTags((previousSelectedTags) => {\n      currentSelectedTagIndex.current = -1;\n      return previousSelectedTags.length ? [] : previousSelectedTags;\n    });\n  }, []); // setSelectedTags is stable and not needed in dep array\n\n  // Handle the remove & delete events from the tags\n  const onTagRemoveIconClick = useCallback(\n    (value: V) => {\n      // on remove icon click we only need to remove the tag that\n      // invoked the event\n      onRemove?.([value]);\n      onExitNavigation?.();\n      // Firefox & Safari are not calling onBlur when focusing out of the\n      // tag list through onExitNavigation, so clear the selections explicitly\n      // here.\n      clearSelection();\n    },\n    [clearSelection, onExitNavigation, onRemove]\n  );\n  const onTagRemoveAction = useCallback(\n    (value: V) => {\n      // on delete action we need to remove the tag that invoked the delete action\n      // as well as the selected tags.\n      const valuesToRemove = [...selectedTags];\n      if (!selectedTags.includes(value)) {\n        valuesToRemove.push(value);\n      }\n      onRemove?.(valuesToRemove);\n      onExitNavigation?.();\n      // Firefox & Safari are not calling onBlur when focusing out of the\n      // tag list through onExitNavigation, so clear the selections explicitly\n      // here.\n      clearSelection();\n    },\n    [selectedTags, clearSelection, onExitNavigation, onRemove]\n  );\n\n  // Handle the select event from the tags\n  const onTagSelect = useCallback(\n    (value: V) => {\n      setSelectedTags([value]);\n      currentSelectedTagIndex.current = data.findIndex((tag) => tag.value === value);\n    },\n    [data, setSelectedTags]\n  );\n\n  // Handle keyDown event on the tags container\n  const onTagKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (data.length === 0) return;\n      // Move towards the beginning of the list when pressing\n      // Left arrow (or Right arrow in rtl).\n      if (\n        (direction === 'ltr' && event.code === 'ArrowLeft') ||\n        (direction === 'rtl' && event.code === 'ArrowRight')\n      ) {\n        if (currentSelectedTagIndex.current === 0) return;\n        currentSelectedTagIndex.current -= 1;\n        selectTagAtIndex(currentSelectedTagIndex.current);\n        return;\n      }\n\n      // Move towards the end of the list when pressing\n      // Right arrow (or Left arrow in rtl). If at the end,\n      // invoke onExitNavigation.\n      if (\n        (direction === 'ltr' && event.code === 'ArrowRight') ||\n        (direction === 'rtl' && event.code === 'ArrowLeft')\n      ) {\n        if (currentSelectedTagIndex.current === data.length - 1) {\n          // We have reached the end, so exit navigation\n          onExitNavigation?.();\n          return;\n        }\n        currentSelectedTagIndex.current += 1;\n        selectTagAtIndex(currentSelectedTagIndex.current);\n        return;\n      }\n\n      // When pressing the Home key, move the focus to the first tag\n      if (event.code === 'Home') {\n        currentSelectedTagIndex.current = 0;\n        selectTagAtIndex(currentSelectedTagIndex.current);\n        return;\n      }\n\n      // When pressing the End key, move the focus to the last tag\n      if (event.code === 'End') {\n        currentSelectedTagIndex.current = data.length - 1;\n        selectTagAtIndex(currentSelectedTagIndex.current);\n        return;\n      }\n\n      // If it is a Select All event, then select all the tags and do\n      // not move the focus\n      if (isSelectAll(event)) {\n        setSelectedTags(data.map((tag) => tag.value));\n        // prevent default to prevent selection of the whole screen\n        event.preventDefault();\n        return;\n      }\n    },\n    [data, direction, onExitNavigation, selectTagAtIndex, setSelectedTags]\n  );\n\n  const handleOnFocus = useCallback(() => {\n    setSelectedTags((previousSelectedTags) => {\n      // select the tag only if there are no current selected tags\n      // and there is data\n      if (previousSelectedTags.length || lastTagMeta.current.value === undefined)\n        return previousSelectedTags;\n\n      currentSelectedTagIndex.current = lastTagMeta.current.index;\n      return [lastTagMeta.current.value];\n    });\n  }, []); // setSelectedTags is stable and not needed in the dep array\n  const handleOnBlur = useCallback(() => {\n    clearSelection();\n  }, [clearSelection]);\n\n  // When blurring out of the component, remove all selections\n  const { focusProps } = useFocusWithin({\n    onBlurWithin: handleOnBlur\n  });\n\n  // Update the ref to include the handler methods\n  useImperativeHandle(\n    ref,\n    () => ({\n      blur: handleOnBlur,\n      focus: handleOnFocus\n    }),\n    [handleOnBlur, handleOnFocus]\n  );\n\n  useEffect(() => {\n    // every time the data is changed, scroll to the end of the list to show the latest added\n    // pill\n    // In ltr we need to scroll to the right, so positive value should be passed and in rtl we\n    // need to scroll to the left, so negative value should be passed\n    divRef.current?.scrollTo({\n      left: divRef.current.scrollWidth * (direction === 'ltr' ? 1 : -1)\n    });\n  }, [data, direction]);\n\n  // the styles for the component\n  const styles = styleInterpolations(props);\n  // TODO: use theming and multi-variant styles\n  // https://jira.oraclecorp.com/jira/browse/JET-57596\n  const rootClasses = classNames([\n    textTagListStyles.textTagListBase,\n    hasInsideLabel && textTagListStyles.textTagListInsideLabel\n  ]);\n\n  return (\n    <div\n      class={rootClasses}\n      ref={divRef}\n      tabIndex={-1}\n      onKeyDown={onTagKeyDown}\n      role=\"listbox\"\n      aria-label={ariaLabel}\n      aria-multiselectable=\"true\"\n      style={styles}\n      {...focusProps}>\n      {data.map((tag, index) => (\n        <TextTag\n          isFocused={currentSelectedTagIndex.current === index}\n          isSelected={selectedTags.includes(tag.value)}\n          key={tag.value}\n          onRemoveAction={onTagRemoveAction}\n          onSelect={onTagSelect}\n          onRemoveIconClick={onTagRemoveIconClick}\n          removeIcon={removeIcon}\n          value={tag.value}>\n          {tag.label}\n        </TextTag>\n      ))}\n    </div>\n  );\n}\n\nexport const TextTagList = forwardRef<TextTagListHandle, Props<any>>(_TextTagList);\n"],"names":["supportedDimensions","stringLiteralArray","supportedInterpolations","Array","from","x","dimensionInterpolations","styleInterpolations","mergeInterpolations","TextTagList","forwardRef","props","ref","ariaLabel","data","hasInsideLabel","removeIcon","onExitNavigation","onRemove","divRef","useRef","selectedTags","setSelectedTags","useState","direction","useUser","currentSelectedTagIndex","lastTag","at","value","lastTagMeta","index","length","current","selectTagAtIndex","useCallback","key","clearSelection","previousSelectedTags","onTagRemoveIconClick","onTagRemoveAction","valuesToRemove","includes","push","onTagSelect","findIndex","tag","onTagKeyDown","event","code","isSelectAll","map","preventDefault","handleOnFocus","undefined","handleOnBlur","focusProps","useFocusWithin","onBlurWithin","useImperativeHandle","blur","focus","useEffect","scrollTo","left","scrollWidth","styles","rootClasses","classNames","textTagListStyles","textTagListBase","textTagListInsideLabel","_jsx","class","tabIndex","onKeyDown","role","style","children","jsx","TextTag","isFocused","isSelected","onRemoveAction","onSelect","onRemoveIconClick","label"],"mappings":"8dA+CA,MAAMA,EAAsBC,EAAkBA,mBAAC,CAAC,aA6C1CC,EAA0BC,MAAMC,KAAKJ,GAAsBK,GAAMC,EAAuBA,wBAACD,KACzFE,EAAsBC,EAAAA,oBAAgCN,SA0O/CO,EAAcC,EAAUA,YAjOrC,SAAyBC,EAAiBC,EAA8B,UAEtE,MACE,aAAcC,EAASC,KACvBA,EAAIC,eACJA,GAAiB,EAAKC,WACtBA,EAAa,QAAOC,iBACpBA,EAAgBC,SAChBA,GACEP,EAGEQ,EAASC,SAAuB,OAG/BC,EAAcC,GAAmBC,EAAQA,SAAM,KAIhDC,UAAEA,GAAcC,EAAAA,UAKhBC,EAA0BN,EAAAA,QAAQ,GAGlCO,EAAUb,EAAKc,IAAI,IAAIC,MACvBC,EAAcV,SAAO,CAAES,MAAOF,EAASI,MAAOjB,EAAKkB,OAAS,IAClEF,EAAYG,QAAU,CAAEJ,MAAOF,EAASI,MAAOjB,EAAKkB,OAAS,GAG7D,MAAME,EAAmBC,eACtBJ,IACC,MAAMK,EAAMtB,EAAKc,GAAGG,IAAQF,MACjB,MAAPO,GACJd,EAAgB,CAACc,GAAK,GAExB,CAACtB,IAGGuB,EAAiBF,EAAAA,aAAY,KACjCb,GAAiBgB,IACfZ,EAAwBO,SAAW,EAC5BK,EAAqBN,OAAS,GAAKM,IAC1C,GACD,IAGGC,EAAuBJ,eAC1BN,IAGCX,IAAW,CAACW,IACZZ,MAIAoB,GAAgB,GAElB,CAACA,EAAgBpB,EAAkBC,IAE/BsB,EAAoBL,eACvBN,IAGC,MAAMY,EAAiB,IAAIpB,GACtBA,EAAaqB,SAASb,IACzBY,EAAeE,KAAKd,GAEtBX,IAAWuB,GACXxB,MAIAoB,GAAgB,GAElB,CAAChB,EAAcgB,EAAgBpB,EAAkBC,IAI7C0B,EAAcT,eACjBN,IACCP,EAAgB,CAACO,IACjBH,EAAwBO,QAAUnB,EAAK+B,WAAWC,GAAQA,EAAIjB,QAAUA,GAAM,GAEhF,CAACf,EAAMQ,IAIHyB,EAAeZ,eAClBa,IACC,GAAoB,IAAhBlC,EAAKkB,OAAT,CAGA,GACiB,QAAdR,GAAsC,cAAfwB,EAAMC,MACf,QAAdzB,GAAsC,eAAfwB,EAAMC,KAC9B,CACA,GAAwC,IAApCvB,EAAwBO,QAAe,OAG3C,OAFAP,EAAwBO,SAAW,OACnCC,EAAiBR,EAAwBO,QAE1C,CAKD,MACiB,QAAdT,GAAsC,eAAfwB,EAAMC,MACf,QAAdzB,GAAsC,cAAfwB,EAAMC,KAE1BvB,EAAwBO,UAAYnB,EAAKkB,OAAS,OAEpDf,OAGFS,EAAwBO,SAAW,OACnCC,EAAiBR,EAAwBO,UAKxB,SAAfe,EAAMC,MACRvB,EAAwBO,QAAU,OAClCC,EAAiBR,EAAwBO,UAKxB,QAAfe,EAAMC,MACRvB,EAAwBO,QAAUnB,EAAKkB,OAAS,OAChDE,EAAiBR,EAAwBO,UAMvCiB,EAAAA,YAAYF,IACd1B,EAAgBR,EAAKqC,KAAKL,GAAQA,EAAIjB,cAEtCmB,EAAMI,uBAHR,CA9C8B,CAmD7B,GAEH,CAACtC,EAAMU,EAAWP,EAAkBiB,EAAkBZ,IAGlD+B,EAAgBlB,EAAAA,aAAY,KAChCb,GAAiBgB,GAGXA,EAAqBN,aAAwCsB,IAA9BxB,EAAYG,QAAQJ,MAC9CS,GAETZ,EAAwBO,QAAUH,EAAYG,QAAQF,MAC/C,CAACD,EAAYG,QAAQJ,SAC5B,GACD,IACG0B,EAAepB,EAAAA,aAAY,KAC/BE,GAAgB,GACf,CAACA,KAGEmB,WAAEA,GAAeC,iBAAe,CACpCC,aAAcH,IAIhBI,EAAmBA,oBACjB/C,GACA,KAAO,CACLgD,KAAML,EACNM,MAAOR,KAET,CAACE,EAAcF,IAGjBS,EAAAA,WAAU,KAKR3C,EAAOc,SAAS8B,SAAS,CACvBC,KAAM7C,EAAOc,QAAQgC,aAA6B,QAAdzC,EAAsB,GAAK,IAC/D,GACD,CAACV,EAAMU,IAGV,MAAM0C,EAAS3D,EAAoBI,GAG7BwD,EAAcC,EAAAA,WAAW,CAC7BC,EAAAA,kBAAkBC,gBAClBvD,GAAkBsD,EAAiBA,kBAACE,yBAGtC,OACEC,aACEC,MAAON,EACPvD,IAAKO,EACLuD,UAAW,EACXC,UAAW5B,EACX6B,KAAK,UACO,aAAA/D,yBACS,OACrBgE,MAAOX,KACHV,EAAUsB,SACbhE,EAAKqC,KAAI,CAACL,EAAKf,IACdyC,EAAAO,IAACC,EAAOA,QAAA,CACNC,UAAWvD,EAAwBO,UAAYF,EAC/CmD,WAAY7D,EAAaqB,SAASI,EAAIjB,OAEtCsD,eAAgB3C,EAChB4C,SAAUxC,EACVyC,kBAAmB9C,EACnBvB,WAAYA,EACZa,MAAOiB,EAAIjB,MAAKiD,SACfhC,EAAIwC,OANAxC,EAAIjB,UAWnB"}

package/amd/Theme-redwood/theme.css

@@ -743,6 +743,11 @@
   --overlayDrawerBackgroundColor__1ekn0ug0: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-neutral0);
 }
 /* end:UNSAFE_DrawerPopup/themes/redwood/DrawerPopupBaseTheme.styles.css */
+/* start:UNSAFE_Floating/themes/redwood/FloatingBaseTheme.styles.css */
+.FloatingBaseTheme_baseTheme__18jw0qa0 {
+  --backgroundColor__ihlnqb0: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-neutral0);
+}
+/* end:UNSAFE_Floating/themes/redwood/FloatingBaseTheme.styles.css */
 /* start:UNSAFE_FilePicker/themes/redwood/FilePickerBaseTheme.styles.css */
 .FilePickerBaseTheme_baseTheme__gjv4mp0 {
   --borderColor__12s6ppx0: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-enabled);
@@ -750,11 +755,6 @@
   --borderWidth__12s6ppx2: 1px;
 }
 /* end:UNSAFE_FilePicker/themes/redwood/FilePickerBaseTheme.styles.css */
-/* start:UNSAFE_Floating/themes/redwood/FloatingBaseTheme.styles.css */
-.FloatingBaseTheme_baseTheme__18jw0qa0 {
-  --backgroundColor__ihlnqb0: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-neutral0);
-}
-/* end:UNSAFE_Floating/themes/redwood/FloatingBaseTheme.styles.css */
 /* start:UNSAFE_GroupedList/themes/redwood/GroupedListBaseTheme.styles.css */
 .GroupedListBaseTheme_baseTheme__1nfzl1m0 {
   --groupHeaderBgColorSticky__11yn0c70: rgb(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-palette-neutral-30));
@@ -778,22 +778,6 @@
   --textColorVisited__1w21kyl7: var(--textColor__1w21kyl5);
 }
 /* end:UNSAFE_Link/themes/redwood/LinkBaseTheme.styles.css */
-/* start:UNSAFE_Menu/themes/redwood/MenuDividerBaseTheme.styles.css */
-.MenuDividerBaseTheme_baseTheme__1wmh2g70 {
-  --verticalPadding__14rtvpd0: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
-}
-/* end:UNSAFE_Menu/themes/redwood/MenuDividerBaseTheme.styles.css */
-/* start:UNSAFE_Menu/themes/redwood/MenuItemBaseTheme.styles.css */
-.MenuItemBaseTheme_baseTheme__153jibj0 {
-  --iconSize__1qbg5hn0: calc(6 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
-  --startEdgeToStartIconPadding__1qbg5hn1: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
-  --endIconToEndEdgePadding__1qbg5hn2: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
-  --startIconToLabelPadding__1qbg5hn3: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
-  --labelToEndIconPadding__1qbg5hn4: calc(8 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
-  --textColor__1qbg5hn5: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);
-  --iconColor__1qbg5hn6: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);
-}
-/* end:UNSAFE_Menu/themes/redwood/MenuItemBaseTheme.styles.css */
 /* start:UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.styles.css */
 .MessageBannerBaseTheme_baseTheme__1mzbhvy0 {
   --backgroundColor__l2hi9d0: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-info-low, var(--oj-core-info-secondary-3));
@@ -805,14 +789,6 @@
   --summaryLineHeight__l2hi9d6: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-subheader-xs-line-height);
 }
 /* end:UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.styles.css */
-/* start:UNSAFE_MeterBar/themes/redwood/MeterBarBaseTheme.styles.css */
-.MeterBarBaseTheme_baseTheme__1n8hfuv0 {
-  --size__saju1q0: ;
-  --sizes-lg__saju1q1: calc(3 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
-  --sizes-md__saju1q2: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
-  --sizes-sm__saju1q3: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x));
-}
-/* end:UNSAFE_MeterBar/themes/redwood/MeterBarBaseTheme.styles.css */
 /* start:UNSAFE_MeterCircle/themes/redwood/MeterCircleBaseTheme.styles.css */
 .MeterCircleBaseTheme_baseTheme__jo6utu0 {
   --size__1qest1m0: ;
@@ -825,6 +801,14 @@
   --trackSizes-sm__1qest1m7: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x));
 }
 /* end:UNSAFE_MeterCircle/themes/redwood/MeterCircleBaseTheme.styles.css */
+/* start:UNSAFE_MeterBar/themes/redwood/MeterBarBaseTheme.styles.css */
+.MeterBarBaseTheme_baseTheme__1n8hfuv0 {
+  --size__saju1q0: ;
+  --sizes-lg__saju1q1: calc(3 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
+  --sizes-md__saju1q2: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
+  --sizes-sm__saju1q3: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x));
+}
+/* end:UNSAFE_MeterBar/themes/redwood/MeterBarBaseTheme.styles.css */
 /* start:UNSAFE_Popup/themes/redwood/PopupBaseTheme.styles.css */
 .PopupBaseTheme_baseTheme__17qjw4f0 {
   --borderColor__2ugez71: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-divider);
@@ -867,6 +851,22 @@
   --iconTransformActive__1681zg43: scale(0.75);
 }
 /* end:UNSAFE_Radio/themes/redwood/RadioIconBaseTheme.styles.css */
+/* start:UNSAFE_Menu/themes/redwood/MenuItemBaseTheme.styles.css */
+.MenuItemBaseTheme_baseTheme__153jibj0 {
+  --iconSize__1qbg5hn0: calc(6 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
+  --startEdgeToStartIconPadding__1qbg5hn1: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
+  --endIconToEndEdgePadding__1qbg5hn2: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
+  --startIconToLabelPadding__1qbg5hn3: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
+  --labelToEndIconPadding__1qbg5hn4: calc(8 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
+  --textColor__1qbg5hn5: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);
+  --iconColor__1qbg5hn6: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);
+}
+/* end:UNSAFE_Menu/themes/redwood/MenuItemBaseTheme.styles.css */
+/* start:UNSAFE_Menu/themes/redwood/MenuDividerBaseTheme.styles.css */
+.MenuDividerBaseTheme_baseTheme__1wmh2g70 {
+  --verticalPadding__14rtvpd0: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
+}
+/* end:UNSAFE_Menu/themes/redwood/MenuDividerBaseTheme.styles.css */
 /* start:UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.styles.css */
 .SkeletonBaseTheme_baseTheme__afgqbw0 {
   --bgColor-start__1mh02730: rgba(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-palette-neutral-170), 0.05);
@@ -882,13 +882,6 @@
   --borderWidthLeftRight__1j8m5ay4: 1.5px;
 }
 /* end:UNSAFE_TabBar/themes/redwood/TabBarItemBaseTheme.styles.css */
-/* start:UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.styles.css */
-.FormLayoutBaseTheme_baseTheme__sm2a4g0 {
-  --startEdgeLabelToValuePadding__vm51h40: calc(6 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
-  --startEdgeLabelTextAlign__vm51h41: end;
-  --topEdgeLabelToValuePadding__vm51h42: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
-}
-/* end:UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.styles.css */
 /* start:UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.styles.css */
 .UserAssistanceBaseTheme_baseTheme__j8tei50 {
   --inlineTextColor__1n9ixz60: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-secondary);
@@ -901,6 +894,13 @@
   --notificationCrossAxisOffset__5h4cac1: 0px;
 }
 /* end:UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.styles.css */
+/* start:UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.styles.css */
+.FormLayoutBaseTheme_baseTheme__sm2a4g0 {
+  --startEdgeLabelToValuePadding__vm51h40: calc(6 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
+  --startEdgeLabelTextAlign__vm51h41: end;
+  --topEdgeLabelToValuePadding__vm51h42: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
+}
+/* end:UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.styles.css */
 /* start:UNSAFE_Avatar/themes/redwood/AvatarBaseTheme.styles.css */
 .AvatarBaseTheme_baseTheme__se034w0 {
   --bgColor__n2nsgo0: ;
@@ -1185,37 +1185,6 @@
   --labelColorDisabled__wmjnh613: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-disabled);
 }
 /* end:UNSAFE_Train/themes/redwood/TrainBaseTheme.styles.css */
-/* start:hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css */
-.TooltipContentBaseTheme_baseTheme__sanbbo0 {
-  --maxWidth__1x922a00: ;
-  --backgroundColor__1x922a01: ;
-  --textColor__1x922a02: ;
-  --fontSize__1x922a03: ;
-  --lineHeight__1x922a04: ;
-  --borderRadius__1x922a05: ;
-  --borderColor__1x922a06: ;
-  --paddingHorizontal__1x922a07: ;
-  --paddingVertical__1x922a08: ;
-  --variants-tooltip-maxWidth__1x922a09: calc(72 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
-  --variants-tooltip-backgroundColor__1x922a0a: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-neutral30);
-  --variants-tooltip-textColor__1x922a0b: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);
-  --variants-tooltip-fontSize__1x922a0c: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-sm-font-size);
-  --variants-tooltip-lineHeight__1x922a0d: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-sm-line-height);
-  --variants-tooltip-borderRadius__1x922a0e: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-radius-md);
-  --variants-tooltip-borderColor__1x922a0f: transparent;
-  --variants-tooltip-paddingHorizontal__1x922a0g: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
-  --variants-tooltip-paddingVertical__1x922a0h: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x));
-  --variants-datatip-maxWidth__1x922a0i: calc(72 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
-  --variants-datatip-backgroundColor__1x922a0j: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-neutral0);
-  --variants-datatip-textColor__1x922a0k: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);
-  --variants-datatip-fontSize__1x922a0l: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-xs-font-size);
-  --variants-datatip-lineHeight__1x922a0m: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-xs-line-height);
-  --variants-datatip-borderRadius__1x922a0n: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-radius-md);
-  --variants-datatip-borderColor__1x922a0o: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-enabled);
-  --variants-datatip-paddingHorizontal__1x922a0p: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
-  --variants-datatip-paddingVertical__1x922a0q: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
-}
-/* end:hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css */
 /* start:Common/themes/redwood/theme.styles.css */
 :root, .oj-c-colorscheme-dependent {
   --oj-c-EXPERIMENTAL-DO-NOT-USE-cursor-clickable: pointer;
@@ -1821,6 +1790,37 @@
   --oj-c-EXPERIMENTAL-DO-NOT-USE-label-lg-font-size: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size);
 }
 /* end:Common/themes/redwood/theme.styles.css */
+/* start:hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css */
+.TooltipContentBaseTheme_baseTheme__sanbbo0 {
+  --maxWidth__1x922a00: ;
+  --backgroundColor__1x922a01: ;
+  --textColor__1x922a02: ;
+  --fontSize__1x922a03: ;
+  --lineHeight__1x922a04: ;
+  --borderRadius__1x922a05: ;
+  --borderColor__1x922a06: ;
+  --paddingHorizontal__1x922a07: ;
+  --paddingVertical__1x922a08: ;
+  --variants-tooltip-maxWidth__1x922a09: calc(72 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
+  --variants-tooltip-backgroundColor__1x922a0a: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-neutral30);
+  --variants-tooltip-textColor__1x922a0b: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);
+  --variants-tooltip-fontSize__1x922a0c: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-sm-font-size);
+  --variants-tooltip-lineHeight__1x922a0d: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-sm-line-height);
+  --variants-tooltip-borderRadius__1x922a0e: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-radius-md);
+  --variants-tooltip-borderColor__1x922a0f: transparent;
+  --variants-tooltip-paddingHorizontal__1x922a0g: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
+  --variants-tooltip-paddingVertical__1x922a0h: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x));
+  --variants-datatip-maxWidth__1x922a0i: calc(72 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
+  --variants-datatip-backgroundColor__1x922a0j: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-neutral0);
+  --variants-datatip-textColor__1x922a0k: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);
+  --variants-datatip-fontSize__1x922a0l: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-xs-font-size);
+  --variants-datatip-lineHeight__1x922a0m: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-xs-line-height);
+  --variants-datatip-borderRadius__1x922a0n: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-radius-md);
+  --variants-datatip-borderColor__1x922a0o: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-enabled);
+  --variants-datatip-paddingHorizontal__1x922a0p: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
+  --variants-datatip-paddingVertical__1x922a0q: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
+}
+/* end:hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css */
 /* start:UNSAFE_TextField/themes/redwood/TextFieldBaseTheme.styles.css */
 .TextFieldBaseTheme_baseTheme__1qsscqw0 {
   --borderColor__w6gg1y0: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-enabled);

package/amd/Theme-stable/theme.css

@@ -764,22 +764,6 @@
   --textColorVisited__1w21kyl7: var(--textColor__1w21kyl5);
 }
 /* end:UNSAFE_Link/themes/stable/LinkBaseTheme.styles.css */
-/* start:UNSAFE_Menu/themes/stable/MenuDividerBaseTheme.styles.css */
-.MenuDividerBaseTheme_baseTheme__m2xq7y0 {
-  --verticalPadding__14rtvpd0: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
-}
-/* end:UNSAFE_Menu/themes/stable/MenuDividerBaseTheme.styles.css */
-/* start:UNSAFE_Menu/themes/stable/MenuItemBaseTheme.styles.css */
-.MenuItemBaseTheme_baseTheme__1n321v10 {
-  --iconSize__1qbg5hn0: calc(6 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
-  --startEdgeToStartIconPadding__1qbg5hn1: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
-  --endIconToEndEdgePadding__1qbg5hn2: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
-  --startIconToLabelPadding__1qbg5hn3: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
-  --labelToEndIconPadding__1qbg5hn4: calc(8 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
-  --textColor__1qbg5hn5: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);
-  --iconColor__1qbg5hn6: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);
-}
-/* end:UNSAFE_Menu/themes/stable/MenuItemBaseTheme.styles.css */
 /* start:UNSAFE_MessageBanner/themes/stable/MessageBannerBaseTheme.styles.css */
 .MessageBannerBaseTheme_baseTheme__70l3ii0 {
   --backgroundColor__l2hi9d0: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-info-low, var(--oj-core-info-secondary-3));
@@ -826,6 +810,22 @@
   --borderRadius__irxz4j1: 3px;
 }
 /* end:UNSAFE_ProgressBar/themes/stable/ProgressBarBaseTheme.styles.css */
+/* start:UNSAFE_Menu/themes/stable/MenuItemBaseTheme.styles.css */
+.MenuItemBaseTheme_baseTheme__1n321v10 {
+  --iconSize__1qbg5hn0: calc(6 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
+  --startEdgeToStartIconPadding__1qbg5hn1: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
+  --endIconToEndEdgePadding__1qbg5hn2: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
+  --startIconToLabelPadding__1qbg5hn3: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
+  --labelToEndIconPadding__1qbg5hn4: calc(8 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
+  --textColor__1qbg5hn5: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);
+  --iconColor__1qbg5hn6: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);
+}
+/* end:UNSAFE_Menu/themes/stable/MenuItemBaseTheme.styles.css */
+/* start:UNSAFE_Menu/themes/stable/MenuDividerBaseTheme.styles.css */
+.MenuDividerBaseTheme_baseTheme__m2xq7y0 {
+  --verticalPadding__14rtvpd0: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
+}
+/* end:UNSAFE_Menu/themes/stable/MenuDividerBaseTheme.styles.css */
 /* start:UNSAFE_ProgressCircle/themes/stable/ProgressCircleBaseTheme.styles.css */
 .ProgressCircleBaseTheme_baseTheme__28qd3w0 {
   --size__lborgv0: ;
@@ -838,14 +838,12 @@
   --sizes-lg-trackWidth__lborgv7: calc(1.5 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
 }
 /* end:UNSAFE_ProgressCircle/themes/stable/ProgressCircleBaseTheme.styles.css */
-/* start:UNSAFE_Radio/themes/stable/RadioIconBaseTheme.styles.css */
-.RadioIconBaseTheme_baseTheme__14isyso0 {
-  --iconSize__1681zg40: var(--iconSize__1681zg40);
-  --iconColorSelected__1681zg41: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);
-  --iconColorUnselected__1681zg42: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);
-  --iconTransformActive__1681zg43: scale(0.75);
+/* start:UNSAFE_Skeleton/themes/stable/SkeletonBaseTheme.styles.css */
+.SkeletonBaseTheme_baseTheme__1ki8b5s0 {
+  --bgColor-start__1mh02730: rgba(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-palette-neutral-170), 0.05);
+  --bgColor-end__1mh02731: rgba(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-palette-neutral-170), 0.15);
 }
-/* end:UNSAFE_Radio/themes/stable/RadioIconBaseTheme.styles.css */
+/* end:UNSAFE_Skeleton/themes/stable/SkeletonBaseTheme.styles.css */
 /* start:UNSAFE_Radio/themes/stable/RadioBaseTheme.styles.css */
 .RadioBaseTheme_baseTheme__1byoavv0 {
   --iconToTextGap__uwoc4u2: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
@@ -853,28 +851,14 @@
   --rowHeight__uwoc4u1: calc(9 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
 }
 /* end:UNSAFE_Radio/themes/stable/RadioBaseTheme.styles.css */
-/* start:UNSAFE_Skeleton/themes/stable/SkeletonBaseTheme.styles.css */
-.SkeletonBaseTheme_baseTheme__1ki8b5s0 {
-  --bgColor-start__1mh02730: rgba(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-palette-neutral-170), 0.05);
-  --bgColor-end__1mh02731: rgba(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-palette-neutral-170), 0.15);
-}
-/* end:UNSAFE_Skeleton/themes/stable/SkeletonBaseTheme.styles.css */
-/* start:UNSAFE_TabBar/themes/stable/TabBarItemBaseTheme.styles.css */
-.TabBarItemBaseTheme_baseTheme__dkwpqi0 {
-  --labelColor__1j8m5ay0: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-secondary);
-  --labelColorSelected__1j8m5ay1: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);
-  --iconSize__1j8m5ay2: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
-  --borderWidthBottom__1j8m5ay3: 3px;
-  --borderWidthLeftRight__1j8m5ay4: 0px;
-}
-/* end:UNSAFE_TabBar/themes/stable/TabBarItemBaseTheme.styles.css */
-/* start:UNSAFE_TextField/themes/stable/FormLayoutBaseTheme.styles.css */
-.FormLayoutBaseTheme_baseTheme__1vw20cf0 {
-  --startEdgeLabelToValuePadding__vm51h40: 1.5rem;
-  --startEdgeLabelTextAlign__vm51h41: end;
-  --topEdgeLabelToValuePadding__vm51h42: 0.5rem;
+/* start:UNSAFE_Radio/themes/stable/RadioIconBaseTheme.styles.css */
+.RadioIconBaseTheme_baseTheme__14isyso0 {
+  --iconSize__1681zg40: var(--iconSize__1681zg40);
+  --iconColorSelected__1681zg41: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);
+  --iconColorUnselected__1681zg42: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);
+  --iconTransformActive__1681zg43: scale(0.75);
 }
-/* end:UNSAFE_TextField/themes/stable/FormLayoutBaseTheme.styles.css */
+/* end:UNSAFE_Radio/themes/stable/RadioIconBaseTheme.styles.css */
 /* start:UNSAFE_UserAssistance/themes/stable/UserAssistanceBaseTheme.styles.css */
 .UserAssistanceBaseTheme_baseTheme__1rv7xfv0 {
   --inlineTextColor__1n9ixz60: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-secondary);
@@ -887,6 +871,22 @@
   --notificationCrossAxisOffset__5h4cac1: 0px;
 }
 /* end:UNSAFE_WindowOverlay/themes/stable/WindowOverlayBaseTheme.styles.css */
+/* start:UNSAFE_TextField/themes/stable/FormLayoutBaseTheme.styles.css */
+.FormLayoutBaseTheme_baseTheme__1vw20cf0 {
+  --startEdgeLabelToValuePadding__vm51h40: 1.5rem;
+  --startEdgeLabelTextAlign__vm51h41: end;
+  --topEdgeLabelToValuePadding__vm51h42: 0.5rem;
+}
+/* end:UNSAFE_TextField/themes/stable/FormLayoutBaseTheme.styles.css */
+/* start:UNSAFE_TabBar/themes/stable/TabBarItemBaseTheme.styles.css */
+.TabBarItemBaseTheme_baseTheme__dkwpqi0 {
+  --labelColor__1j8m5ay0: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-secondary);
+  --labelColorSelected__1j8m5ay1: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);
+  --iconSize__1j8m5ay2: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
+  --borderWidthBottom__1j8m5ay3: 3px;
+  --borderWidthLeftRight__1j8m5ay4: 0px;
+}
+/* end:UNSAFE_TabBar/themes/stable/TabBarItemBaseTheme.styles.css */
 /* start:UNSAFE_Avatar/themes/stable/AvatarBaseTheme.styles.css */
 .AvatarBaseTheme_baseTheme__1ocpbnd0 {
   --bgColor__n2nsgo0: ;

package/amd/TooltipContentVariants.styles.css

@@ -1,4 +1,4 @@
-.TooltipContentVariants_multiVariantStyles_variant_tooltip__1ycsr170 {
+.TooltipContentVariants_multiVariantStyles_variant_tooltip__1o562t70 {
   --maxWidth__1x922a00: var(--variants-tooltip-maxWidth__1x922a09);
   --backgroundColor__1x922a01: var(--variants-tooltip-backgroundColor__1x922a0a);
   --textColor__1x922a02: var(--variants-tooltip-textColor__1x922a0b);
@@ -9,7 +9,7 @@
   --paddingHorizontal__1x922a07: var(--variants-tooltip-paddingHorizontal__1x922a0g);
   --paddingVertical__1x922a08: var(--variants-tooltip-paddingVertical__1x922a0h);
 }
-.TooltipContentVariants_multiVariantStyles_variant_datatip__1ycsr171 {
+.TooltipContentVariants_multiVariantStyles_variant_datatip__1o562t71 {
   --maxWidth__1x922a00: var(--variants-datatip-maxWidth__1x922a0i);
   --backgroundColor__1x922a01: var(--variants-datatip-backgroundColor__1x922a0j);
   --textColor__1x922a02: var(--variants-datatip-textColor__1x922a0k);

package/amd/TooltipContentVariants.styles2.css

@@ -1,4 +1,4 @@
-.TooltipContentVariants_multiVariantStyles_variant_tooltip__1o562t70 {
+.TooltipContentVariants_multiVariantStyles_variant_tooltip__1ycsr170 {
   --maxWidth__1x922a00: var(--variants-tooltip-maxWidth__1x922a09);
   --backgroundColor__1x922a01: var(--variants-tooltip-backgroundColor__1x922a0a);
   --textColor__1x922a02: var(--variants-tooltip-textColor__1x922a0b);
@@ -9,7 +9,7 @@
   --paddingHorizontal__1x922a07: var(--variants-tooltip-paddingHorizontal__1x922a0g);
   --paddingVertical__1x922a08: var(--variants-tooltip-paddingVertical__1x922a0h);
 }
-.TooltipContentVariants_multiVariantStyles_variant_datatip__1o562t71 {
+.TooltipContentVariants_multiVariantStyles_variant_datatip__1ycsr171 {
   --maxWidth__1x922a00: var(--variants-datatip-maxWidth__1x922a0i);
   --backgroundColor__1x922a01: var(--variants-datatip-backgroundColor__1x922a0j);
   --textColor__1x922a02: var(--variants-datatip-textColor__1x922a0k);

package/amd/UNSAFE_AspectRatio.css

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

package/amd/UNSAFE_AspectRatio.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'css!./UNSAFE_AspectRatio.css', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_mergeInterpolations', './utils/UNSAFE_classNames', './utils/UNSAFE_arrayUtils', './classNames-f315301d', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-f2f2e07a', './Common/themes/themeContract.css', './_curry1-ca693728', './_curry3-d728bf0f', './_curry2-b575a156', './_has-b1157113'], (function(s,t,e,i,r,a,n,o,l,c,m,u,d,_,A,f){"use strict";const N="_10t5g6n",h=n.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"]),p=n.stringLiteralArray(["maxWidth","minWidth","width"]),y=Array.from(p,(s=>i.dimensionInterpolations[s])),E=r.mergeInterpolations(y);s.AspectRatio=function({children:s,ratio:e="1/1",...i}){const{class:r,...a}=E(i),n={...a,"--oj-c-PRIVATE-DO-NOT-USE-aspect-ratio":e};return t.jsx("div",{class:o.classNames([N,r]),style:n,children:s})},s.ratios=h,Object.defineProperty(s,"__esModule",{value:!0})}));
+define(['exports', 'preact/jsx-runtime', 'css!./UNSAFE_AspectRatio.css', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_mergeInterpolations', './utils/UNSAFE_classNames', './utils/UNSAFE_arrayUtils', './classNames-b42a7cb0', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-81df4684', './Common/themes/themeContract.css', './_curry1-683f4bea', './_curry3-d0bb1841', './_curry2-7e36243f', './_has-e3c91494'], (function(s,e,t,i,r,a,n,o,c,l,m,u,d,_,A,N){"use strict";const h="e8ako2",p=n.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"]),y=n.stringLiteralArray(["maxWidth","minWidth","width"]),f=Array.from(y,(s=>i.dimensionInterpolations[s])),E=r.mergeInterpolations(f);s.AspectRatio=function({children:s,ratio:t="1/1",...i}){const{class:r,...a}=E(i),n={...a,"--oj-c-PRIVATE-DO-NOT-USE-aspect-ratio":t};return e.jsx("div",{class:o.classNames([h,r]),style:n,children:s})},s.ratios=p,Object.defineProperty(s,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_AspectRatio.js.map

package/amd/UNSAFE_AspectRatio.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_AspectRatio.js","sources":["../../src/UNSAFE_AspectRatio/AspectRatio.tsx"],"sourcesContent":["import { VNode } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { stringLiteralArray } from '../utils/UNSAFE_arrayUtils';\n\n// AspectRatio uses the common padding-bottom as a percentage\n// hack to get aspect-ratio to work.\n// CSS now has an aspect-ratio attribute that makes this super easy.\n// aspect-ratio is supported in all major browsers, most recently in Safari 15.\n// https://developer.mozilla.org/en-US/docs/Web/CSS/aspect-ratio\n// However, it isn't until jet 14 that we drop support for Safari 14.\n// When jet 14 comes out we can replace the padding-bottom hack with aspect-ratio css property.\n// Also a user could just put aspect-ratio directly on their dom, instead of wrapping\n// it inside this AspectRatio component.\n\n// NOTE: padding-bottom has to be on a dom node that is the child of a dom node that has\n// width, not the same dom node. From css doc:\n// The size of the padding as a percentage, relative to the width of the containing block.\n// So the root dom node has the dimensions styling and the '::before' dom node\n// has the padding information.\n// 100%/ratio. 100/(4/3) = 75%\n// e.g., 16/9 = 56.25%, 4/3 = 75%, 1/1=100%, 2/1=50%\n\nconst baseDivStyles = cssProps`${{\n  position: 'relative',\n  overflowX: 'hidden',\n  overflowY: 'hidden',\n\n  '&::before': {\n    content: \"''\",\n    display: 'block',\n    paddingBottom: 'calc(100% / (var(--oj-c-PRIVATE-DO-NOT-USE-aspect-ratio)))'\n  },\n  // TODO: Revisit. there is no support for combinators, but combinators are necessary for the AspectRatio component, so it's an exception.\n  /* @ts-ignore */\n  '& > :first-child': {\n    position: 'absolute',\n    top: '0',\n    bottom: '0',\n    left: '0',\n    right: '0',\n    width: '100%',\n    height: '100%'\n  },\n  /* @ts-ignore */\n  '& > img': {\n    objectFit: 'cover'\n  },\n  /* @ts-ignore */\n  '& > video': {\n    objectFit: 'cover'\n  }\n}}`;\n\n// common aspect ratios\n// The box’s preferred aspect ratio is the specified ratio of width / height.\n// The ratio has a '/' as a separator and not a ':' because the '/' is what\n// the CSS aspect-ratio uses.\n// TODO: Don't use fixed ratios. Let them specify any number\nexport const ratios = stringLiteralArray([\n  '9/16',\n  '1/1',\n  '6/5',\n  '5/4',\n  '4/3',\n  '11/8',\n  '1.43/1',\n  '3/2',\n  '14/9',\n  '16/10',\n  '1.6180/1',\n  '5/3',\n  '16/9',\n  '1.85/1',\n  '1.9/1',\n  '2/1',\n  '2.2/1',\n  '64/21',\n  '2.4/1',\n  '2.414/1',\n  '2.76/1',\n  '32/9',\n  '18/5',\n  '4/1'\n]);\ntype Ratio = typeof ratios[number];\n\nconst dimensions = stringLiteralArray(['maxWidth', 'minWidth', 'width']);\n\ntype Dimension = typeof dimensions[number];\n\n// This component has some StyleInterpolationProps. Those are the width properties of the DimensionProps.\ntype StyleInterpolationProps = Pick<DimensionProps, Dimension>;\n\ntype AspectRatioProps = StyleInterpolationProps & {\n  /**\n   * The box’s preferred aspect ratio is the specified ratio of width / height. When ratio is 1/1\n   * it is a square.\n   */\n  ratio?: Ratio;\n  /**\n   * The child.\n   */\n  children: VNode<any>;\n};\n\n// Create an array [dimensionInterpolations['maxWidth'], dimensionInterpolations['width'], dimensionInterpolations['minWidth']]\nconst widthDimensionInterpolation = Array.from(dimensions, (x) => dimensionInterpolations[x]);\nconst interpolations = mergeInterpolations<StyleInterpolationProps>(widthDimensionInterpolation);\n\n/**\n * The AspectRatio component displays its content with a certain ratio based on the dimension\n * properties. Overflow content is hidden.\n *\n * It uses a common padding-bottom hack to do this. In future versions it will\n * be implemented using the CSS's aspect-ratio property when the browsers we need to support\n * all have it. For example, Safari 15 has it, but we won't drop Safari 14 until jet 14.\n *\n */\nexport function AspectRatio({ children, ratio = '1/1', ...props }: AspectRatioProps) {\n  const { class: cls, ...styles } = interpolations(props);\n  const stylesWithAspectRatioVar = { ...styles, '--oj-c-PRIVATE-DO-NOT-USE-aspect-ratio': ratio };\n  return (\n    <div class={classNames([baseDivStyles, cls])} style={stylesWithAspectRatioVar}>\n      {children}\n    </div>\n  );\n}\n"],"names":["baseDivStyles","ratios","stringLiteralArray","dimensions","widthDimensionInterpolation","Array","from","x","dimensionInterpolations","interpolations","mergeInterpolations","children","ratio","props","class","cls","styles"],"mappings":"ybA0BA,MAAAA,EA6BC,WAODC,EAAAC,EAAAA,mBAAA,qLA4BAC,EAAAD,EAAAA,mBAAA,CAAA,WAAA,WAAA,UAoBAE,EAAAC,MAAAC,KAAAH,GAAAI,GAAAC,EAAAA,wBAAAD,KACAE,EAAAC,EAAAA,oBAAAN,iBAWA,UAAAO,SAAAA,EAAAC,MAAAA,EAAA,SAAAC,IACE,MAAAC,MAAAC,KAAAC,GAAAP,EAAAI,yHAOF"}
+{"version":3,"file":"UNSAFE_AspectRatio.js","sources":["../../src/UNSAFE_AspectRatio/AspectRatio.tsx"],"sourcesContent":["import { VNode } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { stringLiteralArray } from '../utils/UNSAFE_arrayUtils';\n\n// AspectRatio uses the common padding-bottom as a percentage\n// hack to get aspect-ratio to work.\n// CSS now has an aspect-ratio attribute that makes this super easy.\n// aspect-ratio is supported in all major browsers, most recently in Safari 15.\n// https://developer.mozilla.org/en-US/docs/Web/CSS/aspect-ratio\n// However, it isn't until jet 14 that we drop support for Safari 14.\n// When jet 14 comes out we can replace the padding-bottom hack with aspect-ratio css property.\n// Also a user could just put aspect-ratio directly on their dom, instead of wrapping\n// it inside this AspectRatio component.\n\n// NOTE: padding-bottom has to be on a dom node that is the child of a dom node that has\n// width, not the same dom node. From css doc:\n// The size of the padding as a percentage, relative to the width of the containing block.\n// So the root dom node has the dimensions styling and the '::before' dom node\n// has the padding information.\n// 100%/ratio. 100/(4/3) = 75%\n// e.g., 16/9 = 56.25%, 4/3 = 75%, 1/1=100%, 2/1=50%\n\nconst baseDivStyles = cssProps`${{\n  position: 'relative',\n  overflowX: 'hidden',\n  overflowY: 'hidden',\n\n  '&::before': {\n    content: \"''\",\n    display: 'block',\n    paddingBottom: 'calc(100% / (var(--oj-c-PRIVATE-DO-NOT-USE-aspect-ratio)))'\n  },\n  // TODO: Revisit. there is no support for combinators, but combinators are necessary for the AspectRatio component, so it's an exception.\n  /* @ts-ignore */\n  '& > :first-child': {\n    position: 'absolute',\n    top: '0',\n    bottom: '0',\n    left: '0',\n    right: '0',\n    width: '100%',\n    height: '100%'\n  },\n  /* @ts-ignore */\n  '& > img': {\n    objectFit: 'cover'\n  },\n  /* @ts-ignore */\n  '& > video': {\n    objectFit: 'cover'\n  }\n}}`;\n\n// common aspect ratios\n// The box’s preferred aspect ratio is the specified ratio of width / height.\n// The ratio has a '/' as a separator and not a ':' because the '/' is what\n// the CSS aspect-ratio uses.\n// TODO: Don't use fixed ratios. Let them specify any number\nexport const ratios = stringLiteralArray([\n  '9/16',\n  '1/1',\n  '6/5',\n  '5/4',\n  '4/3',\n  '11/8',\n  '1.43/1',\n  '3/2',\n  '14/9',\n  '16/10',\n  '1.6180/1',\n  '5/3',\n  '16/9',\n  '1.85/1',\n  '1.9/1',\n  '2/1',\n  '2.2/1',\n  '64/21',\n  '2.4/1',\n  '2.414/1',\n  '2.76/1',\n  '32/9',\n  '18/5',\n  '4/1'\n]);\ntype Ratio = typeof ratios[number];\n\nconst dimensions = stringLiteralArray(['maxWidth', 'minWidth', 'width']);\n\ntype Dimension = typeof dimensions[number];\n\n// This component has some StyleInterpolationProps. Those are the width properties of the DimensionProps.\ntype StyleInterpolationProps = Pick<DimensionProps, Dimension>;\n\ntype AspectRatioProps = StyleInterpolationProps & {\n  /**\n   * The box’s preferred aspect ratio is the specified ratio of width / height. When ratio is 1/1\n   * it is a square.\n   */\n  ratio?: Ratio;\n  /**\n   * The child.\n   */\n  children: VNode<any>;\n};\n\n// Create an array [dimensionInterpolations['maxWidth'], dimensionInterpolations['width'], dimensionInterpolations['minWidth']]\nconst widthDimensionInterpolation = Array.from(dimensions, (x) => dimensionInterpolations[x]);\nconst interpolations = mergeInterpolations<StyleInterpolationProps>(widthDimensionInterpolation);\n\n/**\n * The AspectRatio component displays its content with a certain ratio based on the dimension\n * properties. Overflow content is hidden.\n *\n * It uses a common padding-bottom hack to do this. In future versions it will\n * be implemented using the CSS's aspect-ratio property when the browsers we need to support\n * all have it. For example, Safari 15 has it, but we won't drop Safari 14 until jet 14.\n *\n */\nexport function AspectRatio({ children, ratio = '1/1', ...props }: AspectRatioProps) {\n  const { class: cls, ...styles } = interpolations(props);\n  const stylesWithAspectRatioVar = { ...styles, '--oj-c-PRIVATE-DO-NOT-USE-aspect-ratio': ratio };\n  return (\n    <div class={classNames([baseDivStyles, cls])} style={stylesWithAspectRatioVar}>\n      {children}\n    </div>\n  );\n}\n"],"names":["baseDivStyles","ratios","stringLiteralArray","dimensions","widthDimensionInterpolation","Array","from","x","dimensionInterpolations","interpolations","mergeInterpolations","children","ratio","props","class","cls","styles"],"mappings":"ybA0BA,MAAAA,EA6BC,SAODC,EAAAC,EAAAA,mBAAA,qLA4BAC,EAAAD,EAAAA,mBAAA,CAAA,WAAA,WAAA,UAoBAE,EAAAC,MAAAC,KAAAH,GAAAI,GAAAC,EAAAA,wBAAAD,KACAE,EAAAC,EAAAA,oBAAAN,iBAWA,UAAAO,SAAAA,EAAAC,MAAAA,EAAA,SAAAC,IACE,MAAAC,MAAAC,KAAAC,GAAAP,EAAAI,yHAOF"}

package/amd/UNSAFE_Avatar/themes/redwood/AvatarTheme.js

@@ -1,2 +1,2 @@
-define(['exports', '../AvatarStyles.css', './AvatarBaseTheme.css', './AvatarVariants.css', 'css!./../../../AvatarStyles.styles.css', 'module', 'css!./../../../AvatarVariants.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-c2882f8e'], (function(e,s,a,t,r,i,l,c){"use strict";const n={baseTheme:a.baseTheme,multiVariantStyles:t.multiVariantStyles,variants:s.variants,styles:s.styles};e.AvatarRedwoodTheme=n,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../AvatarStyles.css', './AvatarBaseTheme.css', './AvatarVariants.css', 'css!./../../../AvatarStyles.styles.css', 'module', 'css!./../../../AvatarVariants.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-ac7dbfe1'], (function(e,s,a,t,r,i,l,c){"use strict";const n={baseTheme:a.baseTheme,multiVariantStyles:t.multiVariantStyles,variants:s.variants,styles:s.styles};e.AvatarRedwoodTheme=n,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=AvatarTheme.js.map

package/amd/UNSAFE_Avatar/themes/redwood/AvatarVariants.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'css!./../../../AvatarStyles.styles.css', 'css!./../../../AvatarVariants.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-c2882f8e'], (function(a,t,_,r){"use strict";var s=r.createRuntimeFn({defaultClassName:"AvatarStyles_base__167n05h0",variantClassNames:{size:{"2xs":"AvatarVariants_multiVariantStyles_size_2xs__1h7waq80",xs:"AvatarVariants_multiVariantStyles_size_xs__1h7waq81",sm:"AvatarVariants_multiVariantStyles_size_sm__1h7waq82",md:"AvatarVariants_multiVariantStyles_size_md__1h7waq83",lg:"AvatarVariants_multiVariantStyles_size_lg__1h7waq84",xl:"AvatarVariants_multiVariantStyles_size_xl__1h7waq85","2xl":"AvatarVariants_multiVariantStyles_size_2xl__1h7waq86"},background:{neutral:"AvatarVariants_multiVariantStyles_background_neutral__1h7waq87",orange:"AvatarVariants_multiVariantStyles_background_orange__1h7waq88",green:"AvatarVariants_multiVariantStyles_background_green__1h7waq89",teal:"AvatarVariants_multiVariantStyles_background_teal__1h7waq8a",blue:"AvatarVariants_multiVariantStyles_background_blue__1h7waq8b",slate:"AvatarVariants_multiVariantStyles_background_slate__1h7waq8c",pink:"AvatarVariants_multiVariantStyles_background_pink__1h7waq8d",purple:"AvatarVariants_multiVariantStyles_background_purple__1h7waq8e",lilac:"AvatarVariants_multiVariantStyles_background_lilac__1h7waq8f",gray:"AvatarVariants_multiVariantStyles_background_gray__1h7waq8g"},shape:{circle:"AvatarVariants_multiVariantStyles_shape_circle__1h7waq8h",square:"AvatarVariants_multiVariantStyles_shape_square__1h7waq8i"}},defaultVariants:{background:"neutral",size:"md",shape:"square"},compoundVariants:[[{size:"2xs",shape:"square"},"AvatarVariants_multiVariantStyles_compound_0__1h7waq8j"],[{size:"xs",shape:"square"},"AvatarVariants_multiVariantStyles_compound_1__1h7waq8k"],[{size:"sm",shape:"square"},"AvatarVariants_multiVariantStyles_compound_2__1h7waq8l"],[{size:"md",shape:"square"},"AvatarVariants_multiVariantStyles_compound_3__1h7waq8m"],[{size:"lg",shape:"square"},"AvatarVariants_multiVariantStyles_compound_4__1h7waq8n"],[{size:"xl",shape:"square"},"AvatarVariants_multiVariantStyles_compound_5__1h7waq8o"],[{size:"2xl",shape:"square"},"AvatarVariants_multiVariantStyles_compound_6__1h7waq8p"]]});a.multiVariantStyles=s,Object.defineProperty(a,"__esModule",{value:!0})}));
+define(['exports', 'css!./../../../AvatarStyles.styles.css', 'css!./../../../AvatarVariants.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-ac7dbfe1'], (function(a,t,_,r){"use strict";var s=r.createRuntimeFn({defaultClassName:"AvatarStyles_base__167n05h0",variantClassNames:{size:{"2xs":"AvatarVariants_multiVariantStyles_size_2xs__1h7waq80",xs:"AvatarVariants_multiVariantStyles_size_xs__1h7waq81",sm:"AvatarVariants_multiVariantStyles_size_sm__1h7waq82",md:"AvatarVariants_multiVariantStyles_size_md__1h7waq83",lg:"AvatarVariants_multiVariantStyles_size_lg__1h7waq84",xl:"AvatarVariants_multiVariantStyles_size_xl__1h7waq85","2xl":"AvatarVariants_multiVariantStyles_size_2xl__1h7waq86"},background:{neutral:"AvatarVariants_multiVariantStyles_background_neutral__1h7waq87",orange:"AvatarVariants_multiVariantStyles_background_orange__1h7waq88",green:"AvatarVariants_multiVariantStyles_background_green__1h7waq89",teal:"AvatarVariants_multiVariantStyles_background_teal__1h7waq8a",blue:"AvatarVariants_multiVariantStyles_background_blue__1h7waq8b",slate:"AvatarVariants_multiVariantStyles_background_slate__1h7waq8c",pink:"AvatarVariants_multiVariantStyles_background_pink__1h7waq8d",purple:"AvatarVariants_multiVariantStyles_background_purple__1h7waq8e",lilac:"AvatarVariants_multiVariantStyles_background_lilac__1h7waq8f",gray:"AvatarVariants_multiVariantStyles_background_gray__1h7waq8g"},shape:{circle:"AvatarVariants_multiVariantStyles_shape_circle__1h7waq8h",square:"AvatarVariants_multiVariantStyles_shape_square__1h7waq8i"}},defaultVariants:{background:"neutral",size:"md",shape:"square"},compoundVariants:[[{size:"2xs",shape:"square"},"AvatarVariants_multiVariantStyles_compound_0__1h7waq8j"],[{size:"xs",shape:"square"},"AvatarVariants_multiVariantStyles_compound_1__1h7waq8k"],[{size:"sm",shape:"square"},"AvatarVariants_multiVariantStyles_compound_2__1h7waq8l"],[{size:"md",shape:"square"},"AvatarVariants_multiVariantStyles_compound_3__1h7waq8m"],[{size:"lg",shape:"square"},"AvatarVariants_multiVariantStyles_compound_4__1h7waq8n"],[{size:"xl",shape:"square"},"AvatarVariants_multiVariantStyles_compound_5__1h7waq8o"],[{size:"2xl",shape:"square"},"AvatarVariants_multiVariantStyles_compound_6__1h7waq8p"]]});a.multiVariantStyles=s,Object.defineProperty(a,"__esModule",{value:!0})}));
 //# sourceMappingURL=AvatarVariants.css.js.map

package/amd/UNSAFE_Avatar/themes/stable/AvatarTheme.js

@@ -1,2 +1,2 @@
-define(['exports', '../AvatarStyles.css', './AvatarBaseTheme.css', './AvatarVariants.css', 'css!./../../../AvatarStyles.styles.css', 'module', 'css!./../../../AvatarVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-c2882f8e'], (function(e,s,a,t,r,l,i,c){"use strict";const n={baseTheme:a.baseTheme,multiVariantStyles:t.multiVariantStyles,variants:s.variants,styles:s.styles};e.AvatarStableTheme=n,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../AvatarStyles.css', './AvatarBaseTheme.css', './AvatarVariants.css', 'css!./../../../AvatarStyles.styles.css', 'module', 'css!./../../../AvatarVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-ac7dbfe1'], (function(e,s,a,t,r,l,i,c){"use strict";const n={baseTheme:a.baseTheme,multiVariantStyles:t.multiVariantStyles,variants:s.variants,styles:s.styles};e.AvatarStableTheme=n,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=AvatarTheme.js.map

package/amd/UNSAFE_Avatar/themes/stable/AvatarVariants.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'css!./../../../AvatarStyles.styles.css', 'css!./../../../AvatarVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-c2882f8e'], (function(a,t,i,_){"use strict";var r=_.createRuntimeFn({defaultClassName:"AvatarStyles_base__167n05h0",variantClassNames:{size:{"2xs":"AvatarVariants_multiVariantStyles_size_2xs__4ilptg0",xs:"AvatarVariants_multiVariantStyles_size_xs__4ilptg1",sm:"AvatarVariants_multiVariantStyles_size_sm__4ilptg2",md:"AvatarVariants_multiVariantStyles_size_md__4ilptg3",lg:"AvatarVariants_multiVariantStyles_size_lg__4ilptg4",xl:"AvatarVariants_multiVariantStyles_size_xl__4ilptg5","2xl":"AvatarVariants_multiVariantStyles_size_2xl__4ilptg6"},background:{neutral:"AvatarVariants_multiVariantStyles_background_neutral__4ilptg7",orange:"AvatarVariants_multiVariantStyles_background_orange__4ilptg8",green:"AvatarVariants_multiVariantStyles_background_green__4ilptg9",teal:"AvatarVariants_multiVariantStyles_background_teal__4ilptga",blue:"AvatarVariants_multiVariantStyles_background_blue__4ilptgb",slate:"AvatarVariants_multiVariantStyles_background_slate__4ilptgc",pink:"AvatarVariants_multiVariantStyles_background_pink__4ilptgd",purple:"AvatarVariants_multiVariantStyles_background_purple__4ilptge",lilac:"AvatarVariants_multiVariantStyles_background_lilac__4ilptgf",gray:"AvatarVariants_multiVariantStyles_background_gray__4ilptgg"},shape:{circle:"AvatarVariants_multiVariantStyles_shape_circle__4ilptgh",square:"AvatarVariants_multiVariantStyles_shape_square__4ilptgi"}},defaultVariants:{background:"neutral",size:"md",shape:"circle"},compoundVariants:[[{size:"2xs",shape:"square"},"AvatarVariants_multiVariantStyles_compound_0__4ilptgj"],[{size:"xs",shape:"square"},"AvatarVariants_multiVariantStyles_compound_1__4ilptgk"],[{size:"sm",shape:"square"},"AvatarVariants_multiVariantStyles_compound_2__4ilptgl"],[{size:"md",shape:"square"},"AvatarVariants_multiVariantStyles_compound_3__4ilptgm"],[{size:"lg",shape:"square"},"AvatarVariants_multiVariantStyles_compound_4__4ilptgn"],[{size:"xl",shape:"square"},"AvatarVariants_multiVariantStyles_compound_5__4ilptgo"],[{size:"2xl",shape:"square"},"AvatarVariants_multiVariantStyles_compound_6__4ilptgp"]]});a.multiVariantStyles=r,Object.defineProperty(a,"__esModule",{value:!0})}));
+define(['exports', 'css!./../../../AvatarStyles.styles.css', 'css!./../../../AvatarVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-ac7dbfe1'], (function(a,t,i,_){"use strict";var r=_.createRuntimeFn({defaultClassName:"AvatarStyles_base__167n05h0",variantClassNames:{size:{"2xs":"AvatarVariants_multiVariantStyles_size_2xs__4ilptg0",xs:"AvatarVariants_multiVariantStyles_size_xs__4ilptg1",sm:"AvatarVariants_multiVariantStyles_size_sm__4ilptg2",md:"AvatarVariants_multiVariantStyles_size_md__4ilptg3",lg:"AvatarVariants_multiVariantStyles_size_lg__4ilptg4",xl:"AvatarVariants_multiVariantStyles_size_xl__4ilptg5","2xl":"AvatarVariants_multiVariantStyles_size_2xl__4ilptg6"},background:{neutral:"AvatarVariants_multiVariantStyles_background_neutral__4ilptg7",orange:"AvatarVariants_multiVariantStyles_background_orange__4ilptg8",green:"AvatarVariants_multiVariantStyles_background_green__4ilptg9",teal:"AvatarVariants_multiVariantStyles_background_teal__4ilptga",blue:"AvatarVariants_multiVariantStyles_background_blue__4ilptgb",slate:"AvatarVariants_multiVariantStyles_background_slate__4ilptgc",pink:"AvatarVariants_multiVariantStyles_background_pink__4ilptgd",purple:"AvatarVariants_multiVariantStyles_background_purple__4ilptge",lilac:"AvatarVariants_multiVariantStyles_background_lilac__4ilptgf",gray:"AvatarVariants_multiVariantStyles_background_gray__4ilptgg"},shape:{circle:"AvatarVariants_multiVariantStyles_shape_circle__4ilptgh",square:"AvatarVariants_multiVariantStyles_shape_square__4ilptgi"}},defaultVariants:{background:"neutral",size:"md",shape:"circle"},compoundVariants:[[{size:"2xs",shape:"square"},"AvatarVariants_multiVariantStyles_compound_0__4ilptgj"],[{size:"xs",shape:"square"},"AvatarVariants_multiVariantStyles_compound_1__4ilptgk"],[{size:"sm",shape:"square"},"AvatarVariants_multiVariantStyles_compound_2__4ilptgl"],[{size:"md",shape:"square"},"AvatarVariants_multiVariantStyles_compound_3__4ilptgm"],[{size:"lg",shape:"square"},"AvatarVariants_multiVariantStyles_compound_4__4ilptgn"],[{size:"xl",shape:"square"},"AvatarVariants_multiVariantStyles_compound_5__4ilptgo"],[{size:"2xl",shape:"square"},"AvatarVariants_multiVariantStyles_compound_6__4ilptgp"]]});a.multiVariantStyles=r,Object.defineProperty(a,"__esModule",{value:!0})}));
 //# sourceMappingURL=AvatarVariants.css.js.map

package/amd/UNSAFE_Avatar.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './utils/UNSAFE_classNames', './hooks/UNSAFE_useComponentTheme', './UNSAFE_Avatar/themes/redwood/AvatarTheme', './classNames-f315301d', './utils/UNSAFE_logger', './_curry1-ca693728', './_curry2-b575a156', './UNSAFE_Avatar/themes/AvatarStyles.css', 'css!./AvatarStyles.styles.css', './UNSAFE_Avatar/themes/redwood/AvatarBaseTheme.css', 'module', './UNSAFE_Avatar/themes/redwood/AvatarVariants.css', 'css!./AvatarVariants.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-c2882f8e'], (function(e,s,a,r,t,c,l,n,i,o,d,m,h,u,A,v){"use strict";const y=({src:e,...a})=>{const{styles:{base:l,image:n}}=r.useComponentTheme(t.AvatarRedwoodTheme),i=c.classNames([l,n]);return s.jsx(S,{...a,children:s.jsx("div",{class:i,style:{backgroundImage:`url(${e})`}})})},N=({children:e,initials:a,...l})=>{const{styles:{baseStyle:n,content:i,initialsStyle:o,icon:d}}=r.useComponentTheme(t.AvatarRedwoodTheme),m=[n,i,a?o:d],h=a||e;return s.jsx(S,{...l,children:s.jsx("div",{"aria-hidden":"true",class:c.classNames(m),children:h})})},S=({background:e,size:a,shape:l,children:n,...i})=>{const{classes:o}=r.useComponentTheme(t.AvatarRedwoodTheme,{shape:l,size:a,background:e}),d=c.classNames([o]);return i["aria-label"]?s.jsx("div",{"aria-label":i["aria-label"],role:"img",class:d,children:n}):s.jsx("div",{class:o,children:n})};e.Avatar=function({children:e,src:a,...r}){return a&&!e?s.jsx(y,{src:a,...r}):s.jsx(N,{...r,children:e})},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'preact/jsx-runtime', './utils/UNSAFE_classNames', './hooks/UNSAFE_useComponentTheme', './UNSAFE_Avatar/themes/redwood/AvatarTheme', './classNames-b42a7cb0', './utils/UNSAFE_logger', './_curry1-683f4bea', './_curry2-7e36243f', './UNSAFE_Avatar/themes/AvatarStyles.css', 'css!./AvatarStyles.styles.css', './UNSAFE_Avatar/themes/redwood/AvatarBaseTheme.css', 'module', './UNSAFE_Avatar/themes/redwood/AvatarVariants.css', 'css!./AvatarVariants.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-ac7dbfe1'], (function(e,s,a,r,t,c,l,n,i,o,d,m,h,u,A,v){"use strict";const b=({src:e,...a})=>{const{styles:{base:l,image:n}}=r.useComponentTheme(t.AvatarRedwoodTheme),i=c.classNames([l,n]);return s.jsx(N,{...a,children:s.jsx("div",{class:i,style:{backgroundImage:`url(${e})`}})})},y=({children:e,initials:a,...l})=>{const{styles:{baseStyle:n,content:i,initialsStyle:o,icon:d}}=r.useComponentTheme(t.AvatarRedwoodTheme),m=[n,i,a?o:d],h=a||e;return s.jsx(N,{...l,children:s.jsx("div",{"aria-hidden":"true",class:c.classNames(m),children:h})})},N=({background:e,size:a,shape:l,children:n,...i})=>{const{classes:o}=r.useComponentTheme(t.AvatarRedwoodTheme,{shape:l,size:a,background:e}),d=c.classNames([o]);return i["aria-label"]?s.jsx("div",{"aria-label":i["aria-label"],role:"img",class:d,children:n}):s.jsx("div",{class:o,children:n})};e.Avatar=function({children:e,src:a,...r}){return a&&!e?s.jsx(b,{src:a,...r}):s.jsx(y,{...r,children:e})},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_Avatar.js.map

package/amd/UNSAFE_Badge/themes/redwood/BadgeTheme.js

@@ -1,2 +1,2 @@
-define(['exports', '../BadgeStyles.css', './BadgeThemeBaseTheme.css', './BadgeVariants.css', 'css!./../../../BadgeStyles.styles.css', 'module', 'css!./../../../BadgeVariants.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-c2882f8e'], (function(e,s,a,t,i,l,c,n){"use strict";const r={baseTheme:a.baseTheme,multiVariantStyles:t.multiVariantStyles,variants:s.variants,styles:s.styles};e.BadgeRedwoodTheme=r,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../BadgeStyles.css', './BadgeThemeBaseTheme.css', './BadgeVariants.css', 'css!./../../../BadgeStyles.styles.css', 'module', 'css!./../../../BadgeVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-ac7dbfe1'], (function(e,s,a,t,i,l,c,n){"use strict";const d={baseTheme:a.baseTheme,multiVariantStyles:t.multiVariantStyles,variants:s.variants,styles:s.styles};e.BadgeRedwoodTheme=d,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=BadgeTheme.js.map

package/amd/UNSAFE_Badge/themes/redwood/BadgeTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"BadgeTheme.js","sources":["../../../../../src/UNSAFE_Badge/themes/redwood/BadgeTheme.ts"],"sourcesContent":["import { styles, variants, BadgeTheme } from '../BadgeStyles.css';\nimport { baseTheme } from './BadgeThemeBaseTheme.css';\nimport { multiVariantStyles } from './BadgeVariants.css';\n\n/*******************\n * Component Theme\n *******************/\n\nconst BadgeRedwoodTheme: BadgeTheme = {\n  baseTheme,\n  multiVariantStyles,\n  variants,\n  styles\n};\n\n/*******************\n * Exports\n *******************/\n\nexport { BadgeRedwoodTheme };\n"],"names":["BadgeRedwoodTheme","baseTheme","multiVariantStyles","variants","styles"],"mappings":"+SAQA,MAAMA,EAAgC,WACpCC,EAASA,6BACTC,EAAkBA,4BAClBC,EAAQA,gBACRC,EAAMA"}
+{"version":3,"file":"BadgeTheme.js","sources":["../../../../../src/UNSAFE_Badge/themes/redwood/BadgeTheme.ts"],"sourcesContent":["import { styles, variants, BadgeTheme } from '../BadgeStyles.css';\nimport { baseTheme } from './BadgeThemeBaseTheme.css';\nimport { multiVariantStyles } from './BadgeVariants.css';\n\n/*******************\n * Component Theme\n *******************/\n\nconst BadgeRedwoodTheme: BadgeTheme = {\n  baseTheme,\n  multiVariantStyles,\n  variants,\n  styles\n};\n\n/*******************\n * Exports\n *******************/\n\nexport { BadgeRedwoodTheme };\n"],"names":["BadgeRedwoodTheme","baseTheme","multiVariantStyles","variants","styles"],"mappings":"gTAQA,MAAMA,EAAgC,WACpCC,EAASA,6BACTC,EAAkBA,4BAClBC,EAAQA,gBACRC,EAAMA"}

package/amd/UNSAFE_Badge/themes/redwood/BadgeVariants.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'css!./../../../BadgeStyles.styles.css', 'css!./../../../BadgeVariants.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-c2882f8e'], (function(a,t,e,n){"use strict";var i=n.createRuntimeFn({defaultClassName:"BadgeStyles_base__r1bnwu0",variantClassNames:{edge:{none:"BadgeVariants_multiVariantStyles_edge_none__24kjgj0",end:"BadgeVariants_multiVariantStyles_edge_end__24kjgj1"},size:{sm:"BadgeVariants_multiVariantStyles_size_sm__24kjgj2",md:"BadgeVariants_multiVariantStyles_size_md__24kjgj3"},variant:{neutral:"BadgeVariants_multiVariantStyles_variant_neutral__24kjgj4",danger:"BadgeVariants_multiVariantStyles_variant_danger__24kjgj5",warning:"BadgeVariants_multiVariantStyles_variant_warning__24kjgj6",success:"BadgeVariants_multiVariantStyles_variant_success__24kjgj7",info:"BadgeVariants_multiVariantStyles_variant_info__24kjgj8",neutralSubtle:"BadgeVariants_multiVariantStyles_variant_neutralSubtle__24kjgj9",dangerSubtle:"BadgeVariants_multiVariantStyles_variant_dangerSubtle__24kjgja",warningSubtle:"BadgeVariants_multiVariantStyles_variant_warningSubtle__24kjgjb",successSubtle:"BadgeVariants_multiVariantStyles_variant_successSubtle__24kjgjc",infoSubtle:"BadgeVariants_multiVariantStyles_variant_infoSubtle__24kjgjd"}},defaultVariants:{variant:"neutral",size:"md"},compoundVariants:[]});a.multiVariantStyles=i,Object.defineProperty(a,"__esModule",{value:!0})}));
+define(['exports', 'css!./../../../BadgeStyles.styles.css', 'css!./../../../BadgeVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-ac7dbfe1'], (function(a,t,e,n){"use strict";var i=n.createRuntimeFn({defaultClassName:"BadgeStyles_base__r1bnwu0",variantClassNames:{edge:{none:"BadgeVariants_multiVariantStyles_edge_none__24kjgj0",end:"BadgeVariants_multiVariantStyles_edge_end__24kjgj1"},size:{sm:"BadgeVariants_multiVariantStyles_size_sm__24kjgj2",md:"BadgeVariants_multiVariantStyles_size_md__24kjgj3"},variant:{neutral:"BadgeVariants_multiVariantStyles_variant_neutral__24kjgj4",danger:"BadgeVariants_multiVariantStyles_variant_danger__24kjgj5",warning:"BadgeVariants_multiVariantStyles_variant_warning__24kjgj6",success:"BadgeVariants_multiVariantStyles_variant_success__24kjgj7",info:"BadgeVariants_multiVariantStyles_variant_info__24kjgj8",neutralSubtle:"BadgeVariants_multiVariantStyles_variant_neutralSubtle__24kjgj9",dangerSubtle:"BadgeVariants_multiVariantStyles_variant_dangerSubtle__24kjgja",warningSubtle:"BadgeVariants_multiVariantStyles_variant_warningSubtle__24kjgjb",successSubtle:"BadgeVariants_multiVariantStyles_variant_successSubtle__24kjgjc",infoSubtle:"BadgeVariants_multiVariantStyles_variant_infoSubtle__24kjgjd"}},defaultVariants:{variant:"neutral",size:"md"},compoundVariants:[]});a.multiVariantStyles=i,Object.defineProperty(a,"__esModule",{value:!0})}));
 //# sourceMappingURL=BadgeVariants.css.js.map

package/amd/UNSAFE_Badge/themes/stable/BadgeTheme.js

@@ -1,2 +1,2 @@
-define(['exports', '../BadgeStyles.css', './BadgeThemeBaseTheme.css', './BadgeVariants.css', 'css!./../../../BadgeStyles.styles.css', 'module', 'css!./../../../BadgeVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-c2882f8e'], (function(e,s,a,t,l,i,c,n){"use strict";const r={baseTheme:a.baseTheme,multiVariantStyles:t.multiVariantStyles,variants:s.variants,styles:s.styles};e.BadgeStableTheme=r,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../BadgeStyles.css', './BadgeThemeBaseTheme.css', './BadgeVariants.css', 'css!./../../../BadgeStyles.styles.css', 'module', 'css!./../../../BadgeVariants.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-ac7dbfe1'], (function(e,s,a,t,l,i,c,n){"use strict";const r={baseTheme:a.baseTheme,multiVariantStyles:t.multiVariantStyles,variants:s.variants,styles:s.styles};e.BadgeStableTheme=r,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=BadgeTheme.js.map

package/amd/UNSAFE_Badge/themes/stable/BadgeTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"BadgeTheme.js","sources":["../../../../../src/UNSAFE_Badge/themes/stable/BadgeTheme.ts"],"sourcesContent":["import { styles, variants, BadgeTheme } from '../BadgeStyles.css';\nimport { baseTheme } from './BadgeThemeBaseTheme.css';\nimport { multiVariantStyles } from './BadgeVariants.css';\n\n/*******************\n * Component Theme\n *******************/\n\nconst BadgeStableTheme: BadgeTheme = {\n  baseTheme,\n  multiVariantStyles,\n  variants,\n  styles\n};\n\n/*******************\n * Exports\n *******************/\n\nexport { BadgeStableTheme };\n"],"names":["BadgeStableTheme","baseTheme","multiVariantStyles","variants","styles"],"mappings":"gTAQA,MAAMA,EAA+B,WACnCC,EAASA,6BACTC,EAAkBA,4BAClBC,EAAQA,gBACRC,EAAMA"}
+{"version":3,"file":"BadgeTheme.js","sources":["../../../../../src/UNSAFE_Badge/themes/stable/BadgeTheme.ts"],"sourcesContent":["import { styles, variants, BadgeTheme } from '../BadgeStyles.css';\nimport { baseTheme } from './BadgeThemeBaseTheme.css';\nimport { multiVariantStyles } from './BadgeVariants.css';\n\n/*******************\n * Component Theme\n *******************/\n\nconst BadgeStableTheme: BadgeTheme = {\n  baseTheme,\n  multiVariantStyles,\n  variants,\n  styles\n};\n\n/*******************\n * Exports\n *******************/\n\nexport { BadgeStableTheme };\n"],"names":["BadgeStableTheme","baseTheme","multiVariantStyles","variants","styles"],"mappings":"+SAQA,MAAMA,EAA+B,WACnCC,EAASA,6BACTC,EAAkBA,4BAClBC,EAAQA,gBACRC,EAAMA"}

package/amd/UNSAFE_Badge/themes/stable/BadgeVariants.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'css!./../../../BadgeStyles.styles.css', 'css!./../../../BadgeVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-c2882f8e'], (function(a,t,e,n){"use strict";var i=n.createRuntimeFn({defaultClassName:"BadgeStyles_base__r1bnwu0",variantClassNames:{edge:{none:"BadgeVariants_multiVariantStyles_edge_none__1h6m6d70",end:"BadgeVariants_multiVariantStyles_edge_end__1h6m6d71"},size:{sm:"BadgeVariants_multiVariantStyles_size_sm__1h6m6d72",md:"BadgeVariants_multiVariantStyles_size_md__1h6m6d73"},variant:{neutral:"BadgeVariants_multiVariantStyles_variant_neutral__1h6m6d74",danger:"BadgeVariants_multiVariantStyles_variant_danger__1h6m6d75",warning:"BadgeVariants_multiVariantStyles_variant_warning__1h6m6d76",success:"BadgeVariants_multiVariantStyles_variant_success__1h6m6d77",info:"BadgeVariants_multiVariantStyles_variant_info__1h6m6d78",neutralSubtle:"BadgeVariants_multiVariantStyles_variant_neutralSubtle__1h6m6d79",dangerSubtle:"BadgeVariants_multiVariantStyles_variant_dangerSubtle__1h6m6d7a",warningSubtle:"BadgeVariants_multiVariantStyles_variant_warningSubtle__1h6m6d7b",successSubtle:"BadgeVariants_multiVariantStyles_variant_successSubtle__1h6m6d7c",infoSubtle:"BadgeVariants_multiVariantStyles_variant_infoSubtle__1h6m6d7d"}},defaultVariants:{variant:"neutral",size:"md"},compoundVariants:[]});a.multiVariantStyles=i,Object.defineProperty(a,"__esModule",{value:!0})}));
+define(['exports', 'css!./../../../BadgeStyles.styles.css', 'css!./../../../BadgeVariants.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-ac7dbfe1'], (function(a,t,e,n){"use strict";var i=n.createRuntimeFn({defaultClassName:"BadgeStyles_base__r1bnwu0",variantClassNames:{edge:{none:"BadgeVariants_multiVariantStyles_edge_none__1h6m6d70",end:"BadgeVariants_multiVariantStyles_edge_end__1h6m6d71"},size:{sm:"BadgeVariants_multiVariantStyles_size_sm__1h6m6d72",md:"BadgeVariants_multiVariantStyles_size_md__1h6m6d73"},variant:{neutral:"BadgeVariants_multiVariantStyles_variant_neutral__1h6m6d74",danger:"BadgeVariants_multiVariantStyles_variant_danger__1h6m6d75",warning:"BadgeVariants_multiVariantStyles_variant_warning__1h6m6d76",success:"BadgeVariants_multiVariantStyles_variant_success__1h6m6d77",info:"BadgeVariants_multiVariantStyles_variant_info__1h6m6d78",neutralSubtle:"BadgeVariants_multiVariantStyles_variant_neutralSubtle__1h6m6d79",dangerSubtle:"BadgeVariants_multiVariantStyles_variant_dangerSubtle__1h6m6d7a",warningSubtle:"BadgeVariants_multiVariantStyles_variant_warningSubtle__1h6m6d7b",successSubtle:"BadgeVariants_multiVariantStyles_variant_successSubtle__1h6m6d7c",infoSubtle:"BadgeVariants_multiVariantStyles_variant_infoSubtle__1h6m6d7d"}},defaultVariants:{variant:"neutral",size:"md"},compoundVariants:[]});a.multiVariantStyles=i,Object.defineProperty(a,"__esModule",{value:!0})}));
 //# sourceMappingURL=BadgeVariants.css.js.map