@oracle/oraclejet-preact 15.0.12 → 15.0.14

package/amd/CardGrid-d44c7b13.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardGrid-d44c7b13.js","sources":["../../src/UNSAFE_CardGrid/CardGridItem.tsx","../../src/UNSAFE_CardGrid/CardGrid.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren } from 'preact';\nimport { memo } from 'preact/compat';\nimport { useRef, useLayoutEffect, useMemo, StateUpdater } from 'preact/hooks';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { mergeRefs } from '../utils/PRIVATE_refUtils';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { useAnimation, UseAnimationConfig } from '../hooks/UNSAFE_useAnimation';\nimport { TabbableModeContext } from '../hooks/UNSAFE_useTabbableMode';\nimport { FocusTrap } from '../UNSAFE_FocusTrap';\nimport { SelectionMode } from '../UNSAFE_Collection';\nimport { multiVariantStyles, styles } from './themes/CardGridStyles.css';\n\nexport const ITEM_STYLE_CLASS = 'oj-cardgrid-item';\nexport const ITEM_SELECTOR = '.' + ITEM_STYLE_CLASS;\n\n/**\n * Props for the CardGridItem Component\n */\nexport type Props<K, D> = {\n  children: ComponentChildren;\n  itemKey: K;\n  itemIndex: number;\n  itemData: D;\n  isTabbable: boolean;\n  isFocused: boolean;\n  isFocusRingVisible: boolean;\n  isSelected: boolean;\n  selectionMode: SelectionMode;\n  initialAnimation?: 'slideUp' | 'slideDown';\n  setCardDimension?: StateUpdater<{ width: number; height: number }>;\n};\n\n/**\n * The internal component used to render a single item in CardGrid.\n */\nexport function CardGridItem<K extends string | number, D>({\n  children,\n  itemKey,\n  itemIndex,\n  isTabbable,\n  isFocused,\n  isFocusRingVisible,\n  isSelected,\n  selectionMode,\n  initialAnimation,\n  setCardDimension\n}: Props<K, D>) {\n  const rootRef = useRef<HTMLDivElement>(null);\n\n  const variantClasses = multiVariantStyles({\n    itemFocused: isFocused && isFocusRingVisible ? 'isItemFocused' : 'isNotItemFocused',\n    itemInitialOpacity: initialAnimation ? 'isTransparent' : 'isNotTransparent'\n  });\n  const classes = classNames([ITEM_STYLE_CLASS, styles.itemStyle, variantClasses]);\n\n  // don't bubble Arrow Up/Down/Left/Right events to parent when in isTabbable mode\n  // this bubbling causes the outer CollectionFocus ring to change index while in the isTabbable mode.\n  const handleKeyDown = (event: KeyboardEvent) => {\n    if (\n      isTabbable &&\n      (event.key === 'ArrowDown' ||\n        event.key === 'ArrowUp' ||\n        event.key === 'ArrowLeft' ||\n        event.key === 'ArrowRight')\n    ) {\n      event.stopPropagation();\n    }\n  };\n\n  useLayoutEffect(() => {\n    const firstCard = rootRef.current?.firstElementChild as HTMLElement;\n    if (setCardDimension && firstCard) {\n      setCardDimension({ width: firstCard.offsetWidth, height: firstCard.offsetHeight });\n    }\n  }, []);\n\n  // todo: issue track in JET-57681, we currently have two useAnimation() because the opacity and\n  // slide up/down have different durations, and the current API couldn't handle this case, we will\n  // update this once the API is updated\n\n  // animation for slide up/down\n  const { nodeRef: nodeRefSlide } = useAnimation<'slideUp' | 'slideDown' | 'none', HTMLDivElement>(\n    initialAnimation || 'none',\n    animationConfigSlide(itemIndex)\n  );\n  // animation for opacity change\n  const { nodeRef: nodeRefOpacity } = useAnimation<'opacity' | 'none', HTMLDivElement>(\n    (initialAnimation && 'opacity') || 'none',\n    animationConfigOpacity(itemIndex)\n  );\n\n  const itemRefs = useMemo(\n    () => mergeRefs(rootRef, nodeRefSlide, nodeRefOpacity),\n    // spot an issue when we click the cards during animation is processing, the cards would not finish\n    // the current animations and stay as what it is, e.g. leave itself as half transparent.\n    // add initialAnimation to the dependency to prevent this issue.\n    [rootRef, nodeRefSlide, nodeRefOpacity, initialAnimation]\n  );\n\n  return (\n    <div\n      id={useId()}\n      ref={itemRefs}\n      class={classes}\n      role=\"gridcell\"\n      data-oj-key={itemKey}\n      onKeyDown={handleKeyDown}\n      aria-selected={selectionMode === 'none' ? undefined : isSelected}\n      {...(typeof itemKey === 'number' && { 'data-oj-key-type': 'number' })}>\n      <TabbableModeContext.Provider value={{ isTabbable }}>\n        <FocusTrap isDisabled={!isTabbable} restoreFocusRef={false}>\n          {children}\n        </FocusTrap>\n      </TabbableModeContext.Provider>\n    </div>\n  );\n}\n\nconst animationConfigSlide = (\n  index: number\n): UseAnimationConfig<'slideUp' | 'slideDown' | 'none', HTMLDivElement> => {\n  return {\n    animationStates: {\n      slideUp: {\n        from: {\n          translateY: '50px'\n        },\n        to: {\n          translateY: '0px'\n        },\n        options: {\n          duration: 300,\n          delay: index * 50,\n          easing: [0, 0, 0.2, 1]\n        }\n      },\n      slideDown: {\n        from: {\n          translateY: '-50px'\n        },\n        to: {\n          translateY: '0'\n        },\n        options: {\n          duration: 300,\n          delay: index * 50,\n          easing: [0, 0, 0.2, 1]\n        }\n      }\n    },\n    isAnimatedOnMount: true\n  };\n};\n\nconst animationConfigOpacity = (\n  index: number\n): UseAnimationConfig<'opacity' | 'none', HTMLDivElement> => {\n  return {\n    animationStates: {\n      opacity: {\n        from: {\n          opacity: 0\n        },\n        to: {\n          opacity: 1\n        },\n        options: {\n          duration: 150,\n          delay: index * 50,\n          easing: 'linear'\n        }\n      }\n    },\n    isAnimatedOnMount: true\n  };\n};\n\nexport const MemoizeCardGridItem = memo(\n  CardGridItem,\n  <K, D>(prev: Props<K, D>, next: Props<K, D>) => {\n    if (prev && next) {\n      return (\n        prev.itemKey === next.itemKey &&\n        prev.itemIndex === next.itemIndex &&\n        prev.itemData === next.itemData &&\n        prev.isTabbable === next.isTabbable &&\n        prev.isFocused === next.isFocused &&\n        prev.isFocusRingVisible === next.isFocusRingVisible &&\n        prev.isSelected === next.isSelected &&\n        prev.initialAnimation === next.initialAnimation\n      );\n    }\n    return false;\n  }\n);\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren } from 'preact';\nimport { useRef, useCallback, useEffect, useState } from 'preact/hooks';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { containsKey, Keys, isKeyDefined } from '../utils/UNSAFE_keys';\nimport { Size } from '../utils/UNSAFE_size';\nimport {\n  getPrevNextKeyByCount,\n  getFirstVisibleKey,\n  getViewportConfig,\n  findElementByKey,\n  keyExtractor,\n  handleSelectionRange\n} from '../utils/PRIVATE_collectionUtils';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { useCurrentKey } from '../hooks/PRIVATE_useCurrentKey';\nimport { useCollectionFocusRing } from '../hooks/PRIVATE_useCollectionFocusRing';\nimport { useTabbableModeSet } from '../hooks/PRIVATE_useTabbableModeSet';\nimport { useSelection, SelectionRangeDetail } from '../hooks/PRIVATE_useSelection';\nimport { ViewportConfig } from '../hooks/UNSAFE_useViewportIntersect';\nimport {\n  ItemContext,\n  ListItemContext,\n  CurrentKeyDetail,\n  SelectionDetail,\n  SelectionMode\n} from '../UNSAFE_Collection';\nimport { Grid } from '../UNSAFE_Grid';\nimport { Selector } from '../UNSAFE_Selector';\nimport { Skeleton } from '../UNSAFE_Skeleton';\nimport { SkeletonContainer } from '../PRIVATE_List/SkeletonContainer';\nimport { LoadMoreCollection, LOADMORE_STYLE_CLASS } from '../PRIVATE_LoadMoreCollection';\nimport { MemoizeCardGridItem, ITEM_SELECTOR } from './CardGridItem';\nimport { styles } from './themes/CardGridStyles.css';\n\n/**\n * Props for the GradGrid Component, which consist of some props from ListView\n */\ntype CardGridProps<K, D> = {\n  /**\n   * An array of shaped data that provide information to this CardGrid.\n   * If the value is null, then CardGrid will show loading indicator until the value is set.\n   */\n  data: D[] | null;\n  /**\n   * Callback function to handle when viewport has changed, including the case\n   * where user scrolls to the end of the component and there are more items to load.\n   */\n  onLoadMore?: () => void;\n  /**\n   * A boolean that indicates whether there are still more data to load.\n   */\n  hasMore?: boolean;\n  /**\n   * A callback function to get the key for a given row\n   */\n  getRowKey: (data: D) => K;\n  /**\n   * A function to render each item\n   */\n  children: (context: ListItemContext<K, D>) => ComponentChildren;\n  /**\n   * The key of the item that currently have keyboard focus. Ignored if the current item is not\n   * currently in the viewport.\n   */\n  currentKey?: K;\n  /**\n   * Callback function to handle when current focused item has changed.  The function should\n   * update the currentKey prop with a new current key.\n   */\n  onCurrentKeyChange?: (detail: CurrentKeyDetail<K>) => void;\n  /**\n   * The type of selection behavior that is enabled on the CardGrid. This property controls the number\n   * of selections that can be made via selection gestures at any given time.\n   */\n  selectionMode?: SelectionMode;\n  /**\n   * The keys of the current selected items in the CardGrid.\n   */\n  selectedKeys?: Keys<K>;\n  /**\n   * Callback function to handle when selection has changed.  The function should update\n   * the selectedKeys prop with a new set of selected keys.\n   */\n  onSelectionChange?: (detail: SelectionDetail<K>) => void;\n  /**\n   * The ViewportConfig currently contains only one property which allows application to specify what the scroller element should be.\n   * If not specified, then the root element of CardGrid itself will be the scroller element.\n   */\n  viewportConfig?: ViewportConfig;\n  /**\n   * An aria-label which defines a string value that labels this CardGrid.\n   * Either aria-label or aria-labelledby should be specified in order to make CardGrid accessible.\n   */\n  'aria-label'?: string;\n  /**\n   * An aria-labelledby which identifies the element(s) that labels this CardGrid.\n   * Either aria-label or aria-labelledby should be specified in order to make CardGrid accessible.\n   */\n  'aria-labelledby'?: string;\n  /**\n   * Specify animation when cards are initially rendered.\n   */\n  initialAnimation?: 'slideUp' | 'slideDown';\n  /**\n   * Size of the gutter between columns.\n   */\n  gutterSize?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n};\n\nexport function CardGrid<K extends string | number, D>({\n  children,\n  data,\n  onLoadMore = () => {},\n  hasMore = false,\n  getRowKey,\n  currentKey,\n  onCurrentKeyChange,\n  selectionMode = 'none',\n  selectedKeys = emptyKeys as Keys<K>,\n  onSelectionChange,\n  viewportConfig,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledBy,\n  initialAnimation = 'slideUp',\n  gutterSize = 'sm'\n}: CardGridProps<K, D>) {\n  const rootRef = useRef<HTMLDivElement>(null);\n\n  // tracking the anchor key which is used for shift+click selection\n  const anchorKey = useRef<K | undefined>();\n  // tracking pending current key in pointer down event\n  const pendingCurrentKey = useRef<K>();\n\n  const isInitialAnimation = useRef(true);\n  const [colCount, setColCount] = useState(0);\n  const [cardDimension, setCardDimension] = useState({ width: 0, height: 0 });\n\n  const gutterSizePX = gutterSizeMappings[gutterSize];\n  const gap = `${gutterSizePX / 4}x` as Size;\n  const gridTemplateColumns = cardDimension.width\n    ? `repeat(auto-fit, ${cardDimension.width}px)`\n    : undefined;\n  const gridProps = { gap, gridTemplateColumns };\n\n  const ariaMultiSelectable = selectionMode === 'none' ? undefined : selectionMode === 'multiple';\n  const ariaRowcount = hasMore || !data || colCount === 0 ? -1 : Math.ceil(data?.length / colCount);\n\n  /*****************************************************************************************/\n  /********************************* cardWidth and colCount ********************************/\n  /*****************************************************************************************/\n\n  // cards are fully rendered for the first time, only when cardWidth and colCount have defined and non-zero values\n  // for the first time, so the initial animation should not happen until this render.\n  useEffect(() => {\n    if (cardDimension.width && colCount) {\n      isInitialAnimation.current = false;\n    }\n  }, [cardDimension.width && colCount]);\n\n  const handleColCount = useCallback(\n    (rootWidth: number) => {\n      const newColCount = getColCount(\n        gutterSizePX,\n        cardDimension.width || DEFAULT_SKELETON_WIDTH,\n        rootWidth\n      );\n      if (newColCount > 0) {\n        setColCount(newColCount);\n      }\n    },\n    [gutterSizePX, cardDimension.width]\n  );\n\n  useEffect(() => {\n    const root = rootRef?.current;\n    if (root) {\n      handleColCount(root.offsetWidth);\n    }\n  }, [handleColCount]);\n\n  const handleResize = useCallback(\n    (entries: ResizeObserverEntry[]) => {\n      for (const entry of entries) {\n        // update colCount during resize\n        handleColCount(entry.contentRect.width);\n      }\n    },\n    [handleColCount]\n  );\n\n  /**\n   * Set up resize observer and update the colCount, to ensure keyboard navigation is correct\n   * after the resize\n   */\n  useEffect(() => {\n    const root = rootRef.current;\n    if (root) {\n      const resizeObserver = new ResizeObserver((entries: ResizeObserverEntry[]) => {\n        handleResize(entries);\n      });\n      resizeObserver.observe(root);\n      return () => {\n        resizeObserver.unobserve(root);\n      };\n    }\n    return undefined;\n  }, [handleResize]);\n\n  /*****************************************************************************************/\n  /************************************* Tabbable Mode *************************************/\n  /*****************************************************************************************/\n\n  const cardGridContains = (elem: Element | null) => {\n    return !!rootRef.current?.contains(elem);\n  };\n\n  let pendingFocusRingChange = false;\n  const [isCurrentTabbableKey, tabbableModeProps] = useTabbableModeSet(\n    cardGridContains,\n    (element) => {\n      return keyExtractor(element, ITEM_SELECTOR) as K;\n    },\n    currentKey,\n    // handle clean-up on disabling of the mode\n    (target: EventTarget | null, isKeyboardEvent) => {\n      if (cardGridContains(target as Element)) {\n        // delay focus reset for keyboard disable so focus is reset to CardGrid after the FocusTrap blur lifecycle completes.\n        // pointer initiated changes will fire the onBlur organically and delaying the focus, just generates an unwanted second blur\n        if (isKeyboardEvent) {\n          // do not show a focus ring during this timeOut\n          pendingFocusRingChange = true;\n          setTimeout(() => {\n            rootRef.current?.focus();\n          }, 0);\n        } else {\n          rootRef.current?.focus();\n        }\n      }\n      // otherwise target is not in list (including body, which target should be null in that case)\n    },\n    // set currentKey when mode is enabled\n    (key: K) => {\n      onCurrentKeyChange && onCurrentKeyChange({ value: key });\n    }\n  );\n\n  /*****************************************************************************************/\n  /********************************* Current Key and Focus *********************************/\n  /*****************************************************************************************/\n\n  const { currentKeyProps } = useCurrentKey(\n    (element) => keyExtractor(element, ITEM_SELECTOR),\n    selectionMode !== 'multiple',\n    // init a function every time to make sure we pass in the latest colCount.current,\n    // otherwise the new key might be wrong after resize\n    () => getPrevNextKeyByCount(data, getRowKey, currentKey, -colCount),\n    () => getPrevNextKeyByCount(data, getRowKey, currentKey, colCount),\n    () => getPrevNextKeyByCount(data, getRowKey, currentKey, -1),\n    () => getPrevNextKeyByCount(data, getRowKey, currentKey, 1),\n    currentKey,\n    onCurrentKeyChange\n  );\n\n  const [showFocusRing, focusRingProps] = useCollectionFocusRing(cardGridContains, [\n    'ArrowUp',\n    'ArrowDown',\n    'ArrowLeft',\n    'ArrowRight'\n  ]);\n\n  const handleInitialFocus = () => {\n    if (\n      !isKeyDefined(currentKey) &&\n      onCurrentKeyChange &&\n      isCurrentTabbableKey(undefined) &&\n      rootRef.current\n    ) {\n      const firstKey =\n        pendingCurrentKey.current || (getFirstVisibleKey(rootRef.current, ITEM_SELECTOR) as K);\n      if (isKeyDefined(firstKey)) {\n        onCurrentKeyChange({ value: firstKey });\n      }\n    }\n  };\n\n  /**\n   * Need to track pointer down element to set currentItem when initial focus happens\n   */\n  const handlePointerDown = (event: PointerEvent) => {\n    const key = keyExtractor(event.target as HTMLElement, ITEM_SELECTOR);\n    if (isKeyDefined(key)) {\n      pendingCurrentKey.current = key as K;\n    }\n  };\n\n  useEffect(() => {\n    if (currentKey != null && rootRef.current) {\n      const elem = findElementByKey(rootRef.current, currentKey, ITEM_SELECTOR);\n      if (elem) {\n        // make sure item is visible\n        elem.scrollIntoView({ block: 'nearest' });\n        const cell = elem.closest(`[role=gridcell]`);\n        if (cell) {\n          // update aria-activedescendant for screen reader\n          rootRef.current.setAttribute('aria-activedescendant', cell.id);\n        }\n      }\n    }\n    // listen to data because the current item would re-render when data is updated, i.e. the id\n    // of current item would be updated, so the currentKey itself couldn't guarantee the root has\n    // the latest aria-activedescendant\n  }, [currentKey, data]);\n\n  /*****************************************************************************************/\n  /*************************************** Selection ***************************************/\n  /*****************************************************************************************/\n\n  const handleSelectionChange = useCallback(\n    (detail: SelectionDetail<K>) => {\n      if (onSelectionChange) {\n        if (detail.value.all === false && detail.value.keys.size > 0) {\n          // the last key selected by a user gesture is the anchor key\n          anchorKey.current = Array.from(detail.value.keys.values()).pop();\n        }\n        onSelectionChange(detail);\n      }\n    },\n    [anchorKey, onSelectionChange]\n  );\n\n  const handleSelectionRangeChange = useCallback(\n    (detail: SelectionRangeDetail<K>) => {\n      if (data && onSelectionChange) {\n        const value = handleSelectionRange(detail, data, getRowKey);\n        // for non-virtualized CardGrid, value should always be an array\n        if (Array.isArray(value)) {\n          onSelectionChange({ value: { all: false, keys: new Set(value) }, target: null });\n        }\n      }\n    },\n    [data, onSelectionChange, onLoadMore]\n  );\n\n  const { selectionProps } = useSelection(\n    (element: HTMLElement) => {\n      if (element === rootRef.current) {\n        return currentKey === undefined ? null : currentKey;\n      }\n      return keyExtractor(element, ITEM_SELECTOR) as K;\n    },\n    selectedKeys,\n    selectionMode,\n    false,\n    'replace',\n    false,\n    handleSelectionChange,\n    anchorKey.current,\n    currentKey,\n    (currentKey: K | undefined, isPrev: boolean) => () =>\n      getPrevNextKeyByCount(data, getRowKey, currentKey, isPrev ? -colCount : colCount),\n    (currentKey: K | undefined, isPrev: boolean) => () =>\n      getPrevNextKeyByCount(data, getRowKey, currentKey, isPrev ? -1 : 1),\n    (key: K) => {\n      if (rootRef.current) {\n        const elem = findElementByKey(rootRef.current, key, ITEM_SELECTOR);\n        if (elem) {\n          elem.scrollIntoView({ block: 'nearest' });\n        }\n      }\n    },\n    handleSelectionRangeChange\n  );\n\n  /*****************************************************************************************/\n  /************************************ Child Component ************************************/\n  /*****************************************************************************************/\n\n  const getItemContext = useCallback(\n    (context: ItemContext<D>) => {\n      const key = getRowKey(context.data);\n      const selectorRenderer =\n        selectionMode === 'multiple'\n          ? () => (\n              <Selector\n                onChange={onSelectionChange}\n                rowKey={key}\n                selectedKeys={selectedKeys}></Selector>\n            )\n          : undefined;\n\n      return {\n        index: context.index,\n        data: context.data,\n        metadata: { key: key },\n        selector: selectorRenderer,\n        isSelected: containsKey(selectedKeys, key)\n      };\n    },\n    [selectionMode, selectedKeys, onSelectionChange]\n  );\n\n  const childrenComponent = (context: ItemContext<D>) => {\n    const cardItemContext = getItemContext(context);\n    const isTabbable = isCurrentTabbableKey(cardItemContext.metadata.key);\n    const isFocused = currentKey === cardItemContext.metadata.key && !isTabbable;\n    const isFocusRingVisible = isFocused && showFocusRing && !pendingFocusRingChange;\n    const isSelected = cardItemContext.isSelected;\n    const cardGridFunc = (context: ListItemContext<K, D>) => (\n      <MemoizeCardGridItem\n        key={cardItemContext.metadata.key}\n        itemKey={cardItemContext.metadata.key}\n        itemIndex={cardItemContext.index}\n        itemData={cardItemContext.data}\n        isTabbable={isTabbable}\n        isFocused={isFocused}\n        isFocusRingVisible={isFocusRingVisible}\n        isSelected={isSelected}\n        selectionMode={selectionMode}\n        {...(isInitialAnimation.current && { initialAnimation })}\n        {...(context.index === 0 && { setCardDimension })}>\n        {children(context)}\n      </MemoizeCardGridItem>\n    );\n    return cardGridFunc(cardItemContext);\n  };\n\n  // todo: issue track in JET-57952, need a way to show the skeletons in keyboard navigation\n  const skeletons = findDefaultLoadMoreIndicator(\n    gridProps,\n    data?.length || 0,\n    colCount,\n    cardDimension.height\n  );\n\n  viewportConfig = getViewportConfig(rootRef, viewportConfig);\n  const collectionComponent = (\n    <div role=\"row\">\n      <Grid {...gridProps}>\n        <LoadMoreCollection\n          data={data}\n          hasMore={hasMore}\n          onLoadMore={onLoadMore}\n          loadMoreIndicator={skeletons}\n          loadMoreThreshold={gutterSizePX + 4} // gap size + padding\n          viewportConfig={viewportConfig}>\n          {childrenComponent}\n        </LoadMoreCollection>\n      </Grid>\n    </div>\n  );\n\n  return (\n    <div\n      {...mergeProps(tabbableModeProps, currentKeyProps, focusRingProps, selectionProps, {\n        onFocus: handleInitialFocus,\n        onPointerDown: handlePointerDown\n      })}\n      ref={rootRef}\n      role=\"grid\"\n      class={styles.baseStyle}\n      tabIndex={0}\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledBy}\n      aria-multiselectable={ariaMultiSelectable}\n      aria-rowcount={ariaRowcount}\n      aria-colcount={colCount}>\n      {data == null ? defaultLoadingIndicator(gridProps) : collectionComponent}\n    </div>\n  );\n}\n\nconst emptyKeys = { all: false, keys: new Set() };\n\n/**\n * A mapping of gutterSize to concrete size that can be passed into Grid component\n * (specifically, in the format of `${number}x`)\n */\nconst gutterSizeMappings: Record<string, number> = {\n  xs: 12,\n  sm: 16,\n  md: 24,\n  lg: 48,\n  xl: 64\n};\n\n// these are arbitrary values by now, might update them with definite values in the future\nconst DEFAULT_SKELETON_NUMBER = 25;\nconst DEFAULT_SKELETON_WIDTH = 260;\nconst DEFAULT_SKELETON_HEIGHT = 300;\n\n/**\n * A function that returns an array of skeletons based on count\n * @param count the number of skeletons\n */\nconst getSkeletonsByCount = (count: number, isUnique?: boolean, height?: number) =>\n  [...Array(count)].map(() => (\n    // this map function keeps generating the same copy of skeletons with same keys even with useId() hook,\n    // so combine id with time to make the key unique. create unique skeletons if needed, otherwise the\n    // animations won't start at the same time\n    <SkeletonContainer key={isUnique && useId() + new Date().getTime()} minimumCount={1}>\n      {() => {\n        return <Skeleton height={`calc(${height || DEFAULT_SKELETON_HEIGHT}px)` as Size} />;\n      }}\n    </SkeletonContainer>\n  ));\n\n/**\n * The default loading indicator will display 25 card skeletons\n * @param gridProps the Grid props\n */\nconst defaultLoadingIndicator = (gridProps: any) => (\n  <Grid {...gridProps}>{getSkeletonsByCount(DEFAULT_SKELETON_NUMBER)}</Grid>\n);\n\n/**\n * A function that will return the load more skeletons based on the number of columns and items, and return\n * the corresponding number of columns that is used to layout the skeletons.\n * @param gridProps the Grid props\n * @param totalCount the number of all items\n * @param colCount the number of columns in a row\n */\nconst findDefaultLoadMoreIndicator = (\n  gridProps: any,\n  totalCount: number,\n  colCount: number,\n  skeletonHeight: number\n): ComponentChildren => {\n  // if the number of columns is unknown, return nothing\n  if (!colCount) {\n    return undefined;\n  }\n\n  const skeletonGridProps = { ...gridProps };\n  if (colCount && !totalCount) {\n    skeletonGridProps.gridTemplateColumns = `repeat(auto-fit, ${DEFAULT_SKELETON_WIDTH}px)`;\n  }\n\n  const skeletons = [];\n  const gridColumns: number[] = [];\n\n  const firstCount = colCount - (totalCount % colCount);\n  if (firstCount > 0) {\n    const firstSkeletons = getSkeletonsByCount(firstCount, true, skeletonHeight);\n    skeletons.push(firstSkeletons);\n    gridColumns.push(firstCount);\n  }\n  const secondCount = colCount;\n  if (firstCount < secondCount) {\n    const secondSkeletons = getSkeletonsByCount(secondCount, true, skeletonHeight);\n    skeletons.push(secondSkeletons);\n    gridColumns.push(secondCount);\n  }\n\n  // only apply LOADMORE_STYLE_CLASS on the first row, to avoid onLoadMore\n  // get called multiple times\n  const skeletonRows = skeletons.map((s, i) => (\n    <div\n      {...(i == 0 && { class: LOADMORE_STYLE_CLASS })}\n      style={{ gridColumn: `span ${gridColumns[i]}` }}>\n      <Grid {...skeletonGridProps}>{s}</Grid>\n    </div>\n  ));\n  return skeletonRows;\n};\n\nconst getColCount = (gapWidth: number, cardWidth?: number, rootWidth?: number) => {\n  if (!cardWidth || !rootWidth) return 0;\n\n  // if we have n cards, we have n-1 gaps\n  const colCount = Math.floor((rootWidth + gapWidth) / (gapWidth + cardWidth));\n  return colCount;\n};\n"],"names":["ITEM_STYLE_CLASS","ITEM_SELECTOR","animationConfigSlide","index","animationStates","slideUp","from","translateY","to","options","duration","delay","easing","slideDown","isAnimatedOnMount","animationConfigOpacity","opacity","MemoizeCardGridItem","memo","children","itemKey","itemIndex","isTabbable","isFocused","isFocusRingVisible","isSelected","selectionMode","initialAnimation","setCardDimension","rootRef","useRef","variantClasses","multiVariantStyles","itemFocused","itemInitialOpacity","classes","classNames","styles","itemStyle","useLayoutEffect","firstCard","current","firstElementChild","width","offsetWidth","height","offsetHeight","nodeRef","nodeRefSlide","useAnimation","nodeRefOpacity","itemRefs","useMemo","mergeRefs","_jsx","id","useId","ref","class","role","onKeyDown","event","key","stopPropagation","undefined","TabbableModeContext","Provider","value","FocusTrap","isDisabled","restoreFocusRef","prev","next","itemData","emptyKeys","all","keys","Set","gutterSizeMappings","xs","sm","md","lg","xl","DEFAULT_SKELETON_WIDTH","getSkeletonsByCount","count","isUnique","Array","map","jsxRuntime","jsx","SkeletonContainer","minimumCount","Skeleton","Date","getTime","defaultLoadingIndicator","gridProps","Grid","findDefaultLoadMoreIndicator","totalCount","colCount","skeletonHeight","skeletonGridProps","gridTemplateColumns","skeletons","gridColumns","firstCount","firstSkeletons","push","secondCount","secondSkeletons","s","i","LOADMORE_STYLE_CLASS","style","gridColumn","getColCount","gapWidth","cardWidth","rootWidth","Math","floor","data","onLoadMore","hasMore","getRowKey","currentKey","onCurrentKeyChange","selectedKeys","onSelectionChange","viewportConfig","ariaLabel","ariaLabelledBy","gutterSize","anchorKey","pendingCurrentKey","isInitialAnimation","setColCount","useState","cardDimension","gutterSizePX","gap","ariaMultiSelectable","ariaRowcount","ceil","length","useEffect","handleColCount","useCallback","newColCount","root","handleResize","entries","entry","contentRect","resizeObserver","ResizeObserver","observe","unobserve","cardGridContains","elem","contains","pendingFocusRingChange","isCurrentTabbableKey","tabbableModeProps","useTabbableModeSet","element","keyExtractor","target","isKeyboardEvent","setTimeout","focus","currentKeyProps","useCurrentKey","getPrevNextKeyByCount","showFocusRing","focusRingProps","useCollectionFocusRing","findElementByKey","scrollIntoView","block","cell","closest","setAttribute","handleSelectionChange","detail","size","values","pop","handleSelectionRangeChange","handleSelectionRange","isArray","selectionProps","useSelection","isPrev","getItemContext","context","selectorRenderer","Selector","onChange","rowKey","metadata","selector","containsKey","getViewportConfig","collectionComponent","LoadMoreCollection","loadMoreIndicator","loadMoreThreshold","cardItemContext","cardGridFunc","mergeProps","onFocus","isKeyDefined","firstKey","getFirstVisibleKey","onPointerDown","baseStyle","tabIndex"],"mappings":"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"}

package/amd/CheckboxRadioContext-760123a1.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact', 'preact/hooks'], (function(e,t,o){"use strict";const c=t.createContext({});e.CheckboxRadioContext=c,e.useCheckboxRadioContext=()=>o.useContext(c)}));
+//# sourceMappingURL=CheckboxRadioContext-760123a1.js.map

package/amd/CheckboxRadioContext-760123a1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxRadioContext-760123a1.js","sources":["../../src/PRIVATE_CheckboxRadioField/CheckboxRadioContext.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 { createContext } from 'preact';\nimport { useContext } from 'preact/hooks';\n\ntype CheckboxRadioContextValue = {\n  isFocusRingShown?: boolean;\n};\n\nconst CheckboxRadioContext = createContext<CheckboxRadioContextValue>(\n  {} as CheckboxRadioContextValue\n);\nconst useCheckboxRadioContext = () => useContext(CheckboxRadioContext);\n\nexport { CheckboxRadioContext, useCheckboxRadioContext };\n"],"names":["CheckboxRadioContext","createContext","useContext"],"mappings":"yEAeA,MAAMA,EAAuBC,EAAaA,cACxC,uDAE8B,IAAMC,EAAAA,WAAWF"}

package/amd/Chip-da09e472.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './hooks/UNSAFE_useActionable', 'preact/hooks', './hooks/UNSAFE_useTabbableMode', './UNSAFE_Chip/themes/ChipStyles.css', './hooks/UNSAFE_useInteractionStyle', './utils/UNSAFE_mergeProps'], (function(e,s,o,i,t,a,l,r){"use strict";e.Chip=function({isSelected:e,isDisabled:c,"aria-label":n,children:u,onToggle:b}){const d=i.useCallback((()=>{b?.({previousValue:e,value:!e})}),[e,b]),{actionableProps:p}=o.useActionable(d),{interactionProps:v,applyActiveStyle:h,applyHoverStyle:S,applyPseudoHoverStyle:y}=l.useInteractionStyle(),A=r.mergeProps(p,v),H=a.multiVariantStyles({disabled:c?"isDisabled":"notDisabled",hover:!S||c||e?"notHover":"isHover",pseudoHover:!y||c||e?"notPseudoHover":"isPseudoHover",active:e||h?"isActive":"notActive"}),{isTabbable:P}=t.useTabbableMode();return c?s.jsx("div",{class:H,children:u}):s.jsx("div",{...A,class:H,tabIndex:P?0:-1,"aria-label":n,role:"switch","aria-checked":e?"true":"false",children:u})}}));
+//# sourceMappingURL=Chip-da09e472.js.map

package/amd/Chip-da09e472.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip-da09e472.js","sources":["../../src/UNSAFE_Chip/Chip.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 { useActionable } from '../hooks/UNSAFE_useActionable';\nimport { useCallback } from 'preact/hooks';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\nimport { multiVariantStyles } from './themes/ChipStyles.css';\nimport { useInteractionStyle } from '../hooks/UNSAFE_useInteractionStyle';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\n\ntype SelectedChangeDetail = { previousValue?: boolean; value?: boolean };\n\ntype Props = {\n  /**\n   * Specifies if the chip component is selected.\n   */\n  isSelected?: boolean;\n  /**\n   * Disables the component.\n   */\n  isDisabled?: boolean;\n  /**\n   * Specifies some screen reader text.\n   */\n  'aria-label'?: string;\n  children: string;\n  /**\n   * Triggered when a chip is clickable, whether by keyboard, mouse, or touch events.\n   */\n  onToggle?: (detail: SelectedChangeDetail) => void;\n  //\n};\n\nexport function Chip({\n  isSelected,\n  isDisabled,\n  'aria-label': accessibleLabel,\n  children,\n  onToggle\n}: Props) {\n  const handleAction = useCallback(() => {\n    onToggle?.({ previousValue: isSelected, value: !isSelected });\n  }, [isSelected, onToggle]);\n  const { actionableProps } = useActionable(handleAction);\n  const { interactionProps, applyActiveStyle, applyHoverStyle, applyPseudoHoverStyle } =\n    useInteractionStyle();\n\n  const mergedProps = mergeProps(actionableProps, interactionProps);\n\n  const classes = multiVariantStyles({\n    disabled: isDisabled ? 'isDisabled' : 'notDisabled',\n    hover: applyHoverStyle && !isDisabled && !isSelected ? 'isHover' : 'notHover',\n    pseudoHover:\n      applyPseudoHoverStyle && !isDisabled && !isSelected ? 'isPseudoHover' : 'notPseudoHover',\n    active: isSelected || applyActiveStyle ? 'isActive' : 'notActive'\n  });\n\n  const { isTabbable } = useTabbableMode();\n\n  return isDisabled ? (\n    <div class={classes}>{children}</div>\n  ) : (\n    <div\n      {...mergedProps}\n      class={classes}\n      tabIndex={isTabbable ? 0 : -1}\n      aria-label={accessibleLabel}\n      role=\"switch\"\n      aria-checked={isSelected ? 'true' : 'false'}>\n      {children}\n    </div>\n  );\n}\n"],"names":["isSelected","isDisabled","accessibleLabel","children","onToggle","handleAction","useCallback","previousValue","value","actionableProps","useActionable","interactionProps","applyActiveStyle","applyHoverStyle","applyPseudoHoverStyle","useInteractionStyle","mergedProps","mergeProps","classes","multiVariantStyles","disabled","hover","pseudoHover","active","isTabbable","useTabbableMode","_jsx","class","jsx","tabIndex","role"],"mappings":"6QAqCgB,UAAKA,WACnBA,EAAUC,WACVA,EACA,aAAcC,EAAeC,SAC7BA,EAAQC,SACRA,IAEA,MAAMC,EAAeC,EAAAA,aAAY,KAC/BF,IAAW,CAAEG,cAAeP,EAAYQ,OAAQR,GAAa,GAC5D,CAACA,EAAYI,KACVK,gBAAEA,GAAoBC,EAAaA,cAACL,IACpCM,iBAAEA,EAAgBC,iBAAEA,EAAgBC,gBAAEA,EAAeC,sBAAEA,GAC3DC,EAAAA,sBAEIC,EAAcC,EAAAA,WAAWR,EAAiBE,GAE1CO,EAAUC,EAAAA,mBAAmB,CACjCC,SAAUnB,EAAa,aAAe,cACtCoB,OAAOR,GAAoBZ,GAAeD,EAAyB,WAAZ,UACvDsB,aACER,GAA0Bb,GAAeD,EAA+B,iBAAlB,gBACxDuB,OAAQvB,GAAcY,EAAmB,WAAa,eAGlDY,WAAEA,GAAeC,EAAAA,kBAEvB,OAAOxB,EACLyB,EAAAA,IAAK,MAAA,CAAAC,MAAOT,EAAUf,SAAAA,IAEtBuB,EAAAE,IAAA,MAAA,IACMZ,EACJW,MAAOT,EACPW,SAAUL,EAAa,GAAK,EAAC,aACjBtB,EACZ4B,KAAK,SAAQ,eACC9B,EAAa,OAAS,QACnCG,SAAAA,GAGP"}

package/amd/ClearIcon-ca52a681.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './hooks/UNSAFE_usePress', './hooks/UNSAFE_useTranslationBundle', 'css!./ClearIconStyles.styles.css'], (function(e,s,n,r,t,l){"use strict";var o="ClearIconStyles_clearIconStyles__8wwy0m0";const a=()=>{};e.ClearIcon=function({onClick:e}){const l=n.useCallback((e=>{e.preventDefault()}),[]),{pressProps:c}=r.usePress(e??a),i=t.useTranslationBundle("@oracle/oraclejet-preact").formControl_clear();return s.jsx("span",{"aria-hidden":"true",class:o,tabIndex:-1,onMouseDown:l,title:i,...c,children:s.jsx("svg",{height:"24",viewBox:"0 0 24 24",width:"24",xmlns:"http://www.w3.org/2000/svg",children:s.jsx("path",{d:"m12 1c6.065 0 11 4.935 11 11s-4.935 11-11 11-11-4.935-11-11 4.935-11 11-11zm3.4979817 6-3.4979817 3.498-3.49798173-3.498-1.50201827 1.50201827 3.498 3.49798173-3.498 3.4979817 1.50201827 1.5020183 3.49798173-3.498 3.4979817 3.498 1.5020183-1.5020183-3.498-3.4979817 3.498-3.49798173z",fill:"#100f0e","fill-rule":"evenodd"})})})}}));
+//# sourceMappingURL=ClearIcon-ca52a681.js.map

package/amd/ClearIcon-ca52a681.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClearIcon-ca52a681.js","sources":["../../src/UNSAFE_InputText/ClearIcon.tsx"],"sourcesContent":["import { useCallback } from 'preact/hooks';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { clearIconStyles } from './ClearIconStyles.css';\n\ntype Props = {\n  onClick?: () => void;\n};\n\nconst noop = () => {};\n\nexport function ClearIcon({ onClick }: Props) {\n  const killEvent = useCallback((event: Event) => {\n    event.preventDefault();\n  }, []);\n  const { pressProps } = usePress(onClick ?? noop);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const clearStr = translations.formControl_clear();\n\n  return (\n    <span\n      aria-hidden=\"true\"\n      class={clearIconStyles}\n      tabIndex={-1}\n      onMouseDown={killEvent}\n      title={clearStr}\n      {...pressProps}>\n      <svg height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"m12 1c6.065 0 11 4.935 11 11s-4.935 11-11 11-11-4.935-11-11 4.935-11 11-11zm3.4979817 6-3.4979817 3.498-3.49798173-3.498-1.50201827 1.50201827 3.498 3.49798173-3.498 3.4979817 1.50201827 1.5020183 3.49798173-3.498 3.4979817 3.498 1.5020183-1.5020183-3.498-3.4979817 3.498-3.49798173z\"\n          fill=\"#100f0e\"\n          fill-rule=\"evenodd\"\n        />\n      </svg>\n    </span>\n  );\n}\n"],"names":["noop","onClick","killEvent","useCallback","event","preventDefault","pressProps","usePress","clearStr","useTranslationBundle","formControl_clear","_jsx","jsx","class","clearIconStyles","tabIndex","onMouseDown","title","children","height","viewBox","width","xmlns","d","fill"],"mappings":"2OAUA,MAAMA,EAAO,mBAEG,UAAUC,QAAEA,IAC1B,MAAMC,EAAYC,eAAaC,IAC7BA,EAAMC,gBAAgB,GACrB,KACGC,WAAEA,GAAeC,EAAQA,SAACN,GAAWD,GAErCQ,EADeC,uBAAiC,4BACxBC,oBAE9B,OACEC,EACcC,IAAA,OAAA,CAAA,cAAA,OACZC,MAAOC,EACPC,UAAW,EACXC,YAAad,EACbe,MAAOT,KACHF,EAAUY,SACdP,EAAAA,IAAK,MAAA,CAAAQ,OAAO,KAAKC,QAAQ,YAAYC,MAAM,KAAKC,MAAM,6BACpDJ,SAAAP,MAAA,OAAA,CACEY,EAAE,8RACFC,KAAK,UACK,YAAA,eAKpB"}

package/amd/Collapsible-ea25cd32.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './hooks/UNSAFE_useId', 'preact', './utils/UNSAFE_classNames', './hooks/UNSAFE_useComponentTheme', './UNSAFE_Flex', './UNSAFE_Divider', './PRIVATE_ThemedIcons/ExpandIcon', './PRIVATE_ThemedIcons/CollapseIcon', './PRIVATE_ThemedIcons/CollapseUpIcon', './index-a0955ddd', './index-cbf056c6', './hooks/UNSAFE_usePress', './UNSAFE_Collapsible/themes/redwood/CollapsibleTheme', './classNames-06ec52d8', './Flex-d9b40658', './Divider-4c74780a', './hooks/UNSAFE_useAnimation', './useAnimation-f70f93a7'], (function(e,n,s,i,a,o,t,l,d,r,c,u,h,b,p,x,m,g,v,E,S){"use strict";const C=({isExpanded:e,isDisabled:s,iconPosition:i})=>{const a=s?"disabled":"primary",o="start"===i&&e?h.SvgChevronDown:c.CollapseIcon,t="end"===i&&e?b.SvgChevronUp:h.SvgChevronDown,l="start"===i?o:t;return n.jsx(l,{size:"6x",color:a})},f=({children:e,id:i,contentId:o,isDisabled:l,isExpanded:d,iconPosition:r,variant:c="basic",toggleHandler:u,accessibleLabel:h,accessibleLabelId:b})=>{const[E,S]=s.useState(!1),f=s.useRef(!1),{classes:j,styles:I}=t.useComponentTheme(x.CollapsibleRedwoodTheme,{disabled:l?"isDisabled":"notDisabled",divider:"horizontal-rule"===c?"hasDivider":"noDivider",focused:E?"isFocused":"notFocused"}),F=m.classNames([I.headerChildrenStyle,"end"===r&&I.iconEndStyle,"start"===r&&I.iconStartStyle]),D=s.useCallback((e=>{if(u(e.target),E){(window&&"PointerEvent"in window&&e instanceof PointerEvent||e instanceof MouseEvent)&&S(!1)}}),[u]),{pressProps:N}=p.usePress(D,{isDisabled:l,isRepeat:!1}),T=s.useCallback((e=>{"focusin"!==e.type||f.current?S(!1):S(!0)}),[]),y=()=>{f.current=!0},A=()=>{f.current=!1},P=h?{"aria-label":h}:b?{"aria-labelledby":b}:{"aria-labelledby":i};return n.jsxs(n.Fragment,{children:[n.jsx("div",{id:i,className:j,...N,children:n.jsx(g.Flex,{align:"center",justify:"start"===r?"start":"between",children:n.jsxs(a.Fragment,{children:["end"===r&&n.jsx("div",{className:F,children:e}),n.jsx("div",{tabIndex:0,role:"button","aria-controls":o,"aria-expanded":d,onFocus:T,onBlur:T,onMouseDown:y,onMouseUp:A,className:I.chevronStyle,...P,children:n.jsx(C,{iconPosition:r,isExpanded:d,isDisabled:l})}),"start"===r&&n.jsx("div",{className:F,children:e})]})})}),"horizontal-rule"===c&&n.jsx(v.Divider,{})]})},j=({children:e,id:i,isExpanded:a,onTransitionEnd:o})=>{const[l,d]=s.useState(a?"expanding":"unmounted"),{styles:r}=t.useComponentTheme(x.CollapsibleRedwoodTheme),c=s.useRef({overflowY:"hidden",maxHeight:a?"none":"0"});s.useEffect((()=>{("unmounted"!==l||a)&&d(a?"expanding":"collapsing")}),[a,l]);const{nodeRef:u}=S.useAnimation(l,{animationStates:I,onAnimationEnd:({animationState:e})=>{"collapsing"===e&&d("unmounted"),o?.()}});return n.jsx("div",{className:r.contentChildrenStyle,ref:u,id:i,tabIndex:-1,style:c.current,"aria-hidden":!a||void 0,children:"unmounted"!==l&&e})},I={expanding:e=>({to:{maxHeight:`${e.scrollHeight}px`},options:{duration:400},end:{maxHeight:"none"}}),collapsing:e=>({..."none"===e.style.maxHeight&&{from:{maxHeight:`${e.scrollHeight}px`}},to:{maxHeight:"0"},options:{duration:400}})};e.Collapsible=({header:e,children:a,isDisabled:o=!1,isExpanded:t=!1,iconPosition:l="start",variant:d="basic",onToggle:r,onTransitionEnd:c,"aria-label":u,"aria-labelledby":h})=>{const b=i.useId(),p=`oj-collapsible-header-${b}`,x=`oj-collapsible-content-${b}`,m=s.useCallback((e=>{o||r?.({value:!t,target:e})}),[o,r,t]),g=s.useCallback((()=>{c?.({value:t})}),[c,t]);return n.jsxs(n.Fragment,{children:[n.jsx(f,{id:p,contentId:x,toggleHandler:m,isDisabled:o,isExpanded:t,iconPosition:l,variant:d,accessibleLabel:u,accessibleLabelId:h,children:e}),n.jsx(j,{id:x,isExpanded:t,onTransitionEnd:g,children:a})]})}}));
+//# sourceMappingURL=Collapsible-ea25cd32.js.map

package/amd/Collapsible-ea25cd32.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible-ea25cd32.js","sources":["../../src/UNSAFE_Collapsible/CollapsibleHeaderIcon.tsx","../../src/UNSAFE_Collapsible/CollapsibleHeader.tsx","../../src/UNSAFE_Collapsible/CollapsibleContent.tsx","../../src/UNSAFE_Collapsible/Collapsible.tsx"],"sourcesContent":["import { ExpandIcon } from '../PRIVATE_ThemedIcons/ExpandIcon';\nimport { CollapseIcon } from '../PRIVATE_ThemedIcons/CollapseIcon';\nimport { CollapseUpIcon } from '../PRIVATE_ThemedIcons/CollapseUpIcon';\n\ntype IconProps = {\n  isExpanded: boolean;\n  isDisabled?: boolean;\n  iconPosition?: 'start' | 'end';\n};\n\n/**\n * Header icon subcomponent\n */\nexport const CollapsibleHeaderIcon = ({ isExpanded, isDisabled, iconPosition }: IconProps) => {\n  const color = isDisabled ? 'disabled' : 'primary';\n  const startIcon = iconPosition === 'start' && isExpanded ? ExpandIcon : CollapseIcon;\n  const endIcon = iconPosition === 'end' && isExpanded ? CollapseUpIcon : ExpandIcon;\n  const Icon = iconPosition === 'start' ? startIcon : endIcon;\n\n  return <Icon size=\"6x\" color={color} />;\n};\n","import { Fragment } from 'preact';\nimport { useCallback, useState, useRef } from 'preact/hooks';\n\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { CollapsibleVariantOptions, CollapsibleStyles } from './themes/CollapsibleStyles.css';\n\nimport { Flex } from '../UNSAFE_Flex';\nimport { Divider } from '../UNSAFE_Divider';\nimport { CollapsibleHeaderIcon } from './CollapsibleHeaderIcon';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { CollapsibleRedwoodTheme } from './themes/redwood/CollapsibleTheme';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'id' | 'children'>;\n\ntype HeaderProps = IntrinsicProps & {\n  id: string;\n  contentId: string;\n  isDisabled: boolean;\n  isExpanded: boolean;\n  iconPosition?: 'start' | 'end';\n  variant?: 'basic' | 'horizontal-rule';\n  toggleHandler: (target: EventTarget | null) => void;\n  accessibleLabel?: string;\n  accessibleLabelId?: string;\n};\n\n/**\n * Header subcomponent\n */\n\nexport const CollapsibleHeader = ({\n  children,\n  id,\n  contentId,\n  isDisabled,\n  isExpanded,\n  iconPosition,\n  variant = 'basic',\n  toggleHandler,\n  accessibleLabel,\n  accessibleLabelId\n}: HeaderProps) => {\n  const [hasFocus, setFocus] = useState<boolean>(false);\n  const isMouseDown = useRef<boolean>(false);\n\n  const { classes, styles } = useComponentTheme<CollapsibleVariantOptions, CollapsibleStyles>(\n    CollapsibleRedwoodTheme,\n    {\n      disabled: isDisabled ? 'isDisabled' : 'notDisabled',\n      divider: variant === 'horizontal-rule' ? 'hasDivider' : 'noDivider',\n      focused: hasFocus ? 'isFocused' : 'notFocused'\n    }\n  );\n\n  const childrenClasses = classNames([\n    styles.headerChildrenStyle,\n    iconPosition === 'end' && styles.iconEndStyle,\n    iconPosition === 'start' && styles.iconStartStyle\n  ]);\n\n  const pressHandler = useCallback(\n    (event: Event) => {\n      toggleHandler(event.target);\n      // if the header has focus highlight and the toggle was caused by a pointer action,\n      // remove focus highlight from the header div\n      // the test environment may not support PointerEvent, make sure it is supported\n      if (hasFocus) {\n        const hasPointerEvent = window && 'PointerEvent' in window;\n        if ((hasPointerEvent && event instanceof PointerEvent) || event instanceof MouseEvent) {\n          setFocus(false);\n        }\n      }\n    },\n    [toggleHandler]\n  );\n\n  const { pressProps } = usePress(pressHandler, {\n    isDisabled,\n    isRepeat: false\n  });\n\n  // if focused, we want to render the focus highlight on the collapsible header div\n  const onFocus = useCallback((event: Event) => {\n    if (event.type === 'focusin' && !isMouseDown.current) {\n      setFocus(true);\n    } else {\n      setFocus(false);\n    }\n  }, []);\n\n  const mouseDownHandler = () => {\n    isMouseDown.current = true;\n  };\n\n  const mouseUpHandler = () => {\n    isMouseDown.current = false;\n  };\n\n  // Resolve accessible label. By default, the expand button is labelled by the header content.\n  // If accessibleLabel or accessibleLabeleId is specified, they get used instead.\n  const ariaLabelProp = accessibleLabel\n    ? { 'aria-label': accessibleLabel }\n    : accessibleLabelId\n    ? { 'aria-labelledby': accessibleLabelId }\n    : { 'aria-labelledby': id };\n\n  const getHeader = () => (\n    <Fragment>\n      {iconPosition === 'end' && <div className={childrenClasses}>{children}</div>}\n      <div\n        tabIndex={0}\n        role={'button'}\n        aria-controls={contentId}\n        aria-expanded={isExpanded}\n        onFocus={onFocus}\n        onBlur={onFocus}\n        onMouseDown={mouseDownHandler}\n        onMouseUp={mouseUpHandler}\n        className={styles.chevronStyle}\n        {...ariaLabelProp}>\n        <CollapsibleHeaderIcon\n          iconPosition={iconPosition}\n          isExpanded={isExpanded}\n          isDisabled={isDisabled}\n        />\n      </div>\n      {iconPosition === 'start' && <div className={childrenClasses}>{children}</div>}\n    </Fragment>\n  );\n\n  return (\n    <>\n      <div id={id} className={classes} {...pressProps}>\n        <Flex align=\"center\" justify={iconPosition === 'start' ? 'start' : 'between'}>\n          {getHeader()}\n        </Flex>\n      </div>\n      {variant === 'horizontal-rule' && <Divider />}\n    </>\n  );\n};\n","import { JSX } from 'preact';\nimport { useState, useEffect, useRef } from 'preact/hooks';\nimport { useAnimation, UseAnimationConfig } from '../hooks/UNSAFE_useAnimation';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { CollapsibleStyles } from './themes/CollapsibleStyles.css';\n\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { CollapsibleRedwoodTheme } from './themes/redwood/CollapsibleTheme';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'children'>;\n\ntype ContentProps = IntrinsicProps & {\n  id: string;\n  isExpanded: boolean;\n  onTransitionEnd: () => void;\n};\n\n/**\n * The 'collapsing' and 'expanding' states are related to the animation. The 'unmounted' state\n * is used for conditional rendering. In this state, the Collapsible content is completely removed\n * from the DOM. The 'unmounted' state is set either as an initial state or when collapsing\n * animation ends.\n */\ntype Status = 'collapsing' | 'expanding' | 'unmounted';\n\nexport const CollapsibleContent = ({ children, id, isExpanded, onTransitionEnd }: ContentProps) => {\n  const [state, setState] = useState<Status>(isExpanded ? 'expanding' : 'unmounted');\n\n  const { styles } = useComponentTheme<never, CollapsibleStyles>(CollapsibleRedwoodTheme);\n\n  /**\n   * 1. On initial render, Preact sets style.maxHeight field to 0 or 'none'.\n   * 2. During expanding animation, useAnimation hook uses WAAPI to animate the maxHeight out\n   *    to the expanded value.\n   * 3. On subsequent re-renders, Preact does never updates the style.maxHeight value\n   *    because even though we are telling Preact that maxHeight should be 0 or 'none', Preact\n   *    considers the maxHeight value is 0 or 'none' as it is not aware that we changed this value\n   *    in step 2. So from Preact's perspective there is no difference.\n   */\n  const contentInitialStyle = useRef<JSX.CSSProperties>({\n    overflowY: 'hidden',\n    maxHeight: isExpanded ? 'none' : '0'\n  });\n\n  useEffect(() => {\n    // Ignore state update on initial render\n    if (state === 'unmounted' && !isExpanded) {\n      return;\n    }\n    setState(isExpanded ? 'expanding' : 'collapsing');\n  }, [isExpanded, state]);\n\n  const { nodeRef } = useAnimation<Status, HTMLDivElement>(state, {\n    animationStates,\n    onAnimationEnd: ({ animationState }) => {\n      if (animationState === 'collapsing') {\n        setState('unmounted');\n      }\n      onTransitionEnd?.();\n    }\n  });\n\n  return (\n    <div\n      className={styles.contentChildrenStyle}\n      ref={nodeRef}\n      id={id}\n      tabIndex={-1}\n      style={contentInitialStyle.current}\n      aria-hidden={!isExpanded || undefined}>\n      {state !== 'unmounted' && 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 */\nconst animationStates: UseAnimationConfig<Status, HTMLDivElement>['animationStates'] = {\n  expanding: (node) => ({\n    to: {\n      maxHeight: `${node.scrollHeight}px`\n    },\n    options: {\n      duration: 400\n    },\n    end: {\n      maxHeight: 'none'\n    }\n  }),\n  collapsing: (node) => ({\n    ...(node.style.maxHeight === 'none' && {\n      from: {\n        maxHeight: `${node.scrollHeight}px`\n      }\n    }),\n    to: {\n      maxHeight: '0'\n    },\n    options: {\n      duration: 400\n    }\n  })\n};\n","import { ComponentChildren } from 'preact';\nimport { useCallback } from 'preact/hooks';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { CollapsibleHeader } from './CollapsibleHeader';\nimport { CollapsibleContent } from './CollapsibleContent';\n\ntype Props = {\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   * The content node to be collapsed\n   */\n  children?: 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   * Changes chevron icon placement at the end of the collapsible header\n   */\n  iconPosition?: 'start' | 'end';\n\n  /**\n   * Controls the header display which con include a divider below the collapsible header\n   */\n  variant?: 'basic' | 'horizontal-rule';\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: TransitionEnd) => void;\n\n  /**\n   * An alternative accessible label. By default, the header content is used as Collapsible's accessible label.\n   * If required, the user can set a custom 'accessibleLabel' value.\n   */\n  'aria-label'?: string;\n\n  /**\n   * An alternative accessible label id. By default, the header content is used as Collapsible's accessible label.\n   * If required, the user can specify an element id within the header to be used as the accessible label.\n   * If both 'accessibleLabel' and 'accessibilityId' are specified, the 'accessibleLabelId' is ignored.\n   */\n  'aria-labelledby'?: string;\n};\n\ntype ToggleDetail = TransitionEnd & {\n  target: EventTarget | null;\n};\n\ntype TransitionEnd = {\n  value: boolean;\n};\n\n/**\n * A collapsible displays a header that can be expanded to show its content.\n */\n\nexport const Collapsible = ({\n  header,\n  children,\n  isDisabled = false,\n  isExpanded = false,\n  iconPosition = 'start',\n  variant = 'basic',\n  onToggle,\n  onTransitionEnd,\n  'aria-label': accessibleLabel,\n  'aria-labelledby': accessibleLabelId\n}: Props) => {\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 = useCallback(\n    (target: EventTarget | null) => {\n      if (isDisabled) {\n        return;\n      }\n      onToggle?.({\n        value: !isExpanded,\n        target\n      });\n    },\n    [isDisabled, onToggle, isExpanded]\n  );\n\n  /**\n   * Function that is triggerd when animation ends\n   */\n  const transitionEndHandler = useCallback(() => {\n    onTransitionEnd?.({\n      value: isExpanded\n    });\n  }, [onTransitionEnd, isExpanded]);\n\n  return (\n    <>\n      <CollapsibleHeader\n        id={headerId}\n        contentId={contentId}\n        toggleHandler={toggleHandler}\n        isDisabled={isDisabled}\n        isExpanded={isExpanded}\n        iconPosition={iconPosition}\n        variant={variant}\n        accessibleLabel={accessibleLabel}\n        accessibleLabelId={accessibleLabelId}>\n        {header}\n      </CollapsibleHeader>\n      <CollapsibleContent\n        id={contentId}\n        isExpanded={isExpanded}\n        onTransitionEnd={transitionEndHandler}>\n        {children}\n      </CollapsibleContent>\n    </>\n  );\n};\n"],"names":["CollapsibleHeaderIcon","isExpanded","isDisabled","iconPosition","color","startIcon","ExpandIcon","CollapseIcon","endIcon","CollapseUpIcon","Icon","_jsx","size","CollapsibleHeader","children","id","contentId","variant","toggleHandler","accessibleLabel","accessibleLabelId","hasFocus","setFocus","useState","isMouseDown","useRef","classes","styles","useComponentTheme","CollapsibleRedwoodTheme","disabled","divider","focused","childrenClasses","classNames","headerChildrenStyle","iconEndStyle","iconStartStyle","pressHandler","useCallback","event","target","window","PointerEvent","MouseEvent","pressProps","usePress","isRepeat","onFocus","type","current","mouseDownHandler","mouseUpHandler","ariaLabelProp","_jsxs","jsx","className","Flex","align","justify","Fragment","tabIndex","role","onBlur","onMouseDown","onMouseUp","chevronStyle","Divider","CollapsibleContent","onTransitionEnd","state","setState","contentInitialStyle","overflowY","maxHeight","useEffect","nodeRef","useAnimation","animationStates","onAnimationEnd","animationState","contentChildrenStyle","ref","style","undefined","expanding","node","to","scrollHeight","options","duration","end","collapsing","from","header","onToggle","uniqueID","useId","headerId","value","transitionEndHandler","jsxs","_Fragment"],"mappings":"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"}

package/amd/Collection-a4937bab.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact'], (function(e,t,n){"use strict";e.Collection=function({items:e,children:i}){return t.jsx(n.Fragment,{children:e.map(((e,t)=>i({index:t,data:e})))})}}));
+//# sourceMappingURL=Collection-a4937bab.js.map

package/amd/Collection-a4937bab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collection-a4937bab.js","sources":["../../src/PRIVATE_Collection/Collection.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren, Fragment } from 'preact';\nimport { ItemContext } from '../UNSAFE_Collection';\n\n/**\n * Props for the Collection Component\n */\nexport type Props<D> = {\n  /**\n   * An array of data\n   */\n  items: D[];\n  /**\n   * A function to render each item\n   */\n  children: (context: ItemContext<D>) => ComponentChildren;\n};\n\n/**\n * Component that renders an array of data.\n */\nexport function Collection<D>({ items, children }: Props<D>) {\n  return (\n    <Fragment>\n      {items.map((data: D, index: number) => {\n        const ctx = { index, data };\n        return children(ctx);\n      })}\n    </Fragment>\n  );\n}\n"],"names":["items","children","_jsx","jsx","Fragment","map","data","index"],"mappings":"sGA2B8BA,MAAEA,EAAKC,SAAEA,IACrC,OACEC,EAAAC,IAACC,EAAQA,SAAA,CAAAH,SACND,EAAMK,KAAI,CAACC,EAASC,IAEZN,EADK,CAAEM,QAAOD,YAK7B"}

package/amd/ColorUtils-402b536f.js

@@ -0,0 +1,2 @@
+define(['exports'], (function(e){"use strict";function f(e){let f=e;const a=d(f);a&&(f=a);const r=f.indexOf("(");let n;return r<0?(n=[],f.length>7?(n[0]=parseInt(f.substr(3,2),16),n[1]=parseInt(f.substr(5,2),16),n[2]=parseInt(f.substr(7,2),16),n[3]=parseInt(f.substr(1,2),16)/255):(n[0]=parseInt(f.substr(1,2),16),n[1]=parseInt(f.substr(3,2),16),n[2]=parseInt(f.substr(5,2),16),n[3]=1)):n=f.substring(r+1).match(/[^,|)]+/gm)?.map((e=>parseFloat(e))),n}function a(e,f){const a=e+.05,r=f+.05;return a>r?a/r:r/a}function r(e){const a=function(e){const f=e/255;return f<.03928?f/12.92:Math.pow((f+.055)/1.055,2.4)},r=f(e),n=r?.[0],d=r?.[1],t=r?.[2];return.2126*a(n)+.7152*a(d)+.0722*a(t)}const n={};function d(e){return n[e.toLowerCase()]}n.aliceblue="#f0f8ff",n.antiquewhite="#faEbd7",n.aqua="#00ffff",n.aquamarine="#7fffd4",n.azure="#f0ffff",n.beige="#f5f5dc",n.bisque="#ffE4c4",n.black="#000000",n.blanchedalmond="#ffEbcd",n.blue="#0000ff",n.blueviolet="#8a2bE2",n.brown="#a52a2a",n.burlywood="#dEb887",n.cadetblue="#5f9Ea0",n.chartreuse="#7fff00",n.chocolate="#d2691E",n.coral="#ff7f50",n.cornflowerblue="#6495Ed",n.cornsilk="#fff8dc",n.crimson="#dc143c",n.cyan="#00ffff",n.darkblue="#00008b",n.darkcyan="#008b8b",n.darkgoldenrod="#b8860b",n.darkgray="#a9a9a9",n.darkgreen="#006400",n.darkkhaki="#bdb76b",n.darkmagenta="#8b008b",n.darkolivegreen="#556b2f",n.darkorange="#ff8c00",n.darkorchid="#9932cc",n.darkred="#8b0000",n.darksalmon="#E9967a",n.darkseagreen="#8fbc8f",n.darkslateblue="#483d8b",n.darkslategray="#2f4f4f",n.darkturquoise="#00cEd1",n.darkviolet="#9400d3",n.deeppink="#ff1493",n.deepskyblue="#00bfff",n.dimgray="#696969",n.dodgerblue="#1E90ff",n.firebrick="#b22222",n.floralwhite="#fffaf0",n.forestgreen="#228b22",n.fuchsia="#ff00ff",n.gainsboro="#dcdcdc",n.ghostwhite="#f8f8ff",n.gold="#ffd700",n.goldenrod="#daa520",n.gray="#808080",n.green="#008000",n.greenyellow="#adff2f",n.honeydew="#f0fff0",n.hotpink="#ff69b4",n["indianred "]="#cd5c5c",n["indigo "]="#4b0082",n.ivory="#fffff0",n.khaki="#f0E68c",n.lavender="#E6E6fa",n.lavenderblush="#fff0f5",n.lawngreen="#7cfc00",n.lemonchiffon="#fffacd",n.lightblue="#add8E6",n.lightcoral="#f08080",n.lightcyan="#E0ffff",n.lightgoldenrodyellow="#fafad2",n.lightgray="#d3d3d3",n.lightgreen="#90EE90",n.lightpink="#ffb6c1",n.lightsalmon="#ffa07a",n.lightseagreen="#20b2aa",n.lightskyblue="#87cEfa",n.lightslategray="#778899",n.lightsteelblue="#b0c4dE",n.lightyellow="#ffffE0",n.lime="#00ff00",n.limegreen="#32cd32",n.linen="#faf0E6",n.magenta="#ff00ff",n.maroon="#800000",n.mediumaquamarine="#66cdaa",n.mediumblue="#0000cd",n.mediumorchid="#ba55d3",n.mediumpurple="#9370db",n.mediumseagreen="#3cb371",n.mediumslateblue="#7b68EE",n.mediumspringgreen="#00fa9a",n.mediumturquoise="#48d1cc",n.mediumvioletred="#c71585",n.midnightblue="#191970",n.mintcream="#f5fffa",n.mistyrose="#ffE4E1",n.moccasin="#ffE4b5",n.navajowhite="#ffdEad",n.navy="#000080",n.oldlace="#fdf5E6",n.olive="#808000",n.olivedrab="#6b8E23",n.orange="#ffa500",n.orangered="#ff4500",n.orchid="#da70d6",n.palegoldenrod="#EEE8aa",n.palegreen="#98fb98",n.paleturquoise="#afEEEE",n.palevioletred="#db7093",n.papayawhip="#ffEfd5",n.peachpuff="#ffdab9",n.peru="#cd853f",n.pink="#ffc0cb",n.plum="#dda0dd",n.powderblue="#b0E0E6",n.purple="#800080",n.rebeccapurple="#663399",n.red="#ff0000",n.rosybrown="#bc8f8f",n.royalblue="#4169E1",n.saddlebrown="#8b4513",n.salmon="#fa8072",n.sandybrown="#f4a460",n.seagreen="#2E8b57",n.seashell="#fff5EE",n.sienna="#a0522d",n.silver="#c0c0c0",n.skyblue="#87cEEb",n.slateblue="#6a5acd",n.slategray="#708090",n.snow="#fffafa",n.springgreen="#00ff7f",n.steelblue="#4682b4",n.tan="#d2b48c",n.teal="#008080",n.thistle="#d8bfd8",n.tomato="#ff6347",n.turquoise="#40E0d0",n.violet="#EE82EE",n.wheat="#f5dEb3",n.white="#ffffff",n.whitesmoke="#f5f5f5",n.yellow="#ffff00",n.yellowgreen="#9acd32",n.transparent="rgba(255,255,255,0)",e._lightenColor=function(e,a){const r=f(e);if(r){const e=255*(1-a)+a*r[0],f=255*(1-a)+a*r[1],n=255*(1-a)+a*r[2];return"rgb("+Math.floor(e)+","+Math.floor(f)+","+Math.floor(n)+")"}return""},e.getColorFromName=d,e.getContrastRatioByLuminance=a,e.getContrastingTextColor=function(e){const f=r(e);return a(f,1)>a(f,0)?"#FFFFFF":"#000000"},e.getLuminance=r,e.getRGBA=f}));
+//# sourceMappingURL=ColorUtils-402b536f.js.map

package/amd/ColorUtils-402b536f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorUtils-402b536f.js","sources":["../../src/utils/PRIVATE_visColorUtils/ColorUtils.ts"],"sourcesContent":["/**\n *  Returns a specifed channel value from a css color specification (#, rgb(), rgba()).\n *  If an alpha channel is requested and a # or rgb string is supplied,\n *  an implied value of 1 is returned.\n *  @private\n *  @param  {String} colorString  The color string.\n *  @return The channel value as a decimal number (between 0 and 255).\n */\nexport function getRGBA(colorString: string) {\n  let clr = colorString;\n\n  // If clr is a named color, then convert into usable format\n  const namedColor = getColorFromName(clr);\n  if (namedColor) clr = namedColor;\n\n  // Alpha support\n  // if (clr.charAt(0) === '#') return clr.length > 7 ? parseInt(clr.substring(1, 3), 16) / 255 : 1;\n\n  const x1 = clr.indexOf('(');\n  let ar;\n  if (x1 < 0) {\n    ar = [];\n    //: parse channels for different # formats\n    if (clr.length > 7) {\n      //  #aarrggbb format\n      ar[0] = parseInt(clr.substr(3, 2), 16);\n      ar[1] = parseInt(clr.substr(5, 2), 16);\n      ar[2] = parseInt(clr.substr(7, 2), 16);\n      ar[3] = parseInt(clr.substr(1, 2), 16) / 255;\n    } else {\n      //  #rrggbb format\n      ar[0] = parseInt(clr.substr(1, 2), 16);\n      ar[1] = parseInt(clr.substr(3, 2), 16);\n      ar[2] = parseInt(clr.substr(5, 2), 16);\n      ar[3] = 1;\n    }\n  } else {\n    //  rgb() or rgba() format\n    ar = clr\n      .substring(x1 + 1)\n      .match(/[^,|)]+/gm)\n      ?.map((x) => parseFloat(x));\n  }\n\n  return ar;\n}\n\n/**\n * Returns the contrast ratio between two relative luminance values. The ratio can range from 1 to 21.\n * Follows the formula in www.w3.org/TR/WCAG20/#contrast-ratiodef\n * @param {number} luminance1\n * @param {number} luminance2\n * @return {number} The contrast ratio.\n */\nexport function getContrastRatioByLuminance(luminance1: number, luminance2: number) {\n  const l1 = luminance1 + 0.05;\n  const l2 = luminance2 + 0.05;\n  return l1 > l2 ? l1 / l2 : l2 / l1;\n}\n\n/**\n * Returns the relative brightness of any point in a colorspace, normalized to 0 for darkest black and 1 for lightest white.\n * Follows the formula in www.w3.org/TR/WCAG20/#relativeluminancedef\n * @param {string} color\n * @return {number} The relative luminance of the provided color.\n */\nexport function getLuminance(color: string) {\n  const transform = function (c: any) {\n    const cs = c / 255;\n    return cs < 0.03928 ? cs / 12.92 : Math.pow((cs + 0.055) / 1.055, 2.4);\n  };\n\n  const rgba = getRGBA(color);\n  const r = rgba?.[0];\n  const g = rgba?.[1];\n  const b = rgba?.[2];\n  return 0.2126 * transform(r) + 0.7152 * transform(g) + 0.0722 * transform(b);\n}\n\n/**\n * Returns a contrasting text color for the specified background color.\n * @param {string} backgroundColor The background color.\n * @return {string} A constrasting color for use on text.\n */\nexport function getContrastingTextColor(backgroundColor: string) {\n  // TODO: Retrieve from cache if it has been computed before\n  const luminance = getLuminance(backgroundColor);\n  const whiteContrast = getContrastRatioByLuminance(luminance, 1);\n  const blackContrast = getContrastRatioByLuminance(luminance, 0);\n  const textColor = whiteContrast > blackContrast ? '#FFFFFF' : '#000000';\n  return textColor;\n}\n\n/**\n * Helper function to lighten a color by blending in white\n * @param {string} color The color to lighten\n * @param {number} opacity The decimal amount of white to blend into the color from 0-1\n * @return {string}\n * @private\n */\nexport function _lightenColor(color: string, opacity: number) {\n  const rgba = getRGBA(color);\n  if (rgba) {\n    const r = rgba[0];\n    const g = rgba[1];\n    const b = rgba[2];\n    const lighterR = (1 - opacity) * 255 + opacity * r;\n    const lighterG = (1 - opacity) * 255 + opacity * g;\n    const lighterB = (1 - opacity) * 255 + opacity * b;\n    return (\n      'rgb(' + Math.floor(lighterR) + ',' + Math.floor(lighterG) + ',' + Math.floor(lighterB) + ')'\n    );\n  }\n  return '';\n}\n\n/**\n * colormap const\n */\nconst colorMap: { [key: string]: string } = {};\ncolorMap['aliceblue'] = '#f0f8ff';\ncolorMap['antiquewhite'] = '#faEbd7';\ncolorMap['aqua'] = '#00ffff';\ncolorMap['aquamarine'] = '#7fffd4';\ncolorMap['azure'] = '#f0ffff';\ncolorMap['beige'] = '#f5f5dc';\ncolorMap['bisque'] = '#ffE4c4';\ncolorMap['black'] = '#000000';\ncolorMap['blanchedalmond'] = '#ffEbcd';\ncolorMap['blue'] = '#0000ff';\ncolorMap['blueviolet'] = '#8a2bE2';\ncolorMap['brown'] = '#a52a2a';\ncolorMap['burlywood'] = '#dEb887';\ncolorMap['cadetblue'] = '#5f9Ea0';\ncolorMap['chartreuse'] = '#7fff00';\ncolorMap['chocolate'] = '#d2691E';\ncolorMap['coral'] = '#ff7f50';\ncolorMap['cornflowerblue'] = '#6495Ed';\ncolorMap['cornsilk'] = '#fff8dc';\ncolorMap['crimson'] = '#dc143c';\ncolorMap['cyan'] = '#00ffff';\ncolorMap['darkblue'] = '#00008b';\ncolorMap['darkcyan'] = '#008b8b';\ncolorMap['darkgoldenrod'] = '#b8860b';\ncolorMap['darkgray'] = '#a9a9a9';\ncolorMap['darkgreen'] = '#006400';\ncolorMap['darkkhaki'] = '#bdb76b';\ncolorMap['darkmagenta'] = '#8b008b';\ncolorMap['darkolivegreen'] = '#556b2f';\ncolorMap['darkorange'] = '#ff8c00';\ncolorMap['darkorchid'] = '#9932cc';\ncolorMap['darkred'] = '#8b0000';\ncolorMap['darksalmon'] = '#E9967a';\ncolorMap['darkseagreen'] = '#8fbc8f';\ncolorMap['darkslateblue'] = '#483d8b';\ncolorMap['darkslategray'] = '#2f4f4f';\ncolorMap['darkturquoise'] = '#00cEd1';\ncolorMap['darkviolet'] = '#9400d3';\ncolorMap['deeppink'] = '#ff1493';\ncolorMap['deepskyblue'] = '#00bfff';\ncolorMap['dimgray'] = '#696969';\ncolorMap['dodgerblue'] = '#1E90ff';\ncolorMap['firebrick'] = '#b22222';\ncolorMap['floralwhite'] = '#fffaf0';\ncolorMap['forestgreen'] = '#228b22';\ncolorMap['fuchsia'] = '#ff00ff';\ncolorMap['gainsboro'] = '#dcdcdc';\ncolorMap['ghostwhite'] = '#f8f8ff';\ncolorMap['gold'] = '#ffd700';\ncolorMap['goldenrod'] = '#daa520';\ncolorMap['gray'] = '#808080';\ncolorMap['green'] = '#008000';\ncolorMap['greenyellow'] = '#adff2f';\ncolorMap['honeydew'] = '#f0fff0';\ncolorMap['hotpink'] = '#ff69b4';\ncolorMap['indianred '] = '#cd5c5c';\ncolorMap['indigo '] = '#4b0082';\ncolorMap['ivory'] = '#fffff0';\ncolorMap['khaki'] = '#f0E68c';\ncolorMap['lavender'] = '#E6E6fa';\ncolorMap['lavenderblush'] = '#fff0f5';\ncolorMap['lawngreen'] = '#7cfc00';\ncolorMap['lemonchiffon'] = '#fffacd';\ncolorMap['lightblue'] = '#add8E6';\ncolorMap['lightcoral'] = '#f08080';\ncolorMap['lightcyan'] = '#E0ffff';\ncolorMap['lightgoldenrodyellow'] = '#fafad2';\ncolorMap['lightgray'] = '#d3d3d3';\ncolorMap['lightgreen'] = '#90EE90';\ncolorMap['lightpink'] = '#ffb6c1';\ncolorMap['lightsalmon'] = '#ffa07a';\ncolorMap['lightseagreen'] = '#20b2aa';\ncolorMap['lightskyblue'] = '#87cEfa';\ncolorMap['lightslategray'] = '#778899';\ncolorMap['lightsteelblue'] = '#b0c4dE';\ncolorMap['lightyellow'] = '#ffffE0';\ncolorMap['lime'] = '#00ff00';\ncolorMap['limegreen'] = '#32cd32';\ncolorMap['linen'] = '#faf0E6';\ncolorMap['magenta'] = '#ff00ff';\ncolorMap['maroon'] = '#800000';\ncolorMap['mediumaquamarine'] = '#66cdaa';\ncolorMap['mediumblue'] = '#0000cd';\ncolorMap['mediumorchid'] = '#ba55d3';\ncolorMap['mediumpurple'] = '#9370db';\ncolorMap['mediumseagreen'] = '#3cb371';\ncolorMap['mediumslateblue'] = '#7b68EE';\ncolorMap['mediumspringgreen'] = '#00fa9a';\ncolorMap['mediumturquoise'] = '#48d1cc';\ncolorMap['mediumvioletred'] = '#c71585';\ncolorMap['midnightblue'] = '#191970';\ncolorMap['mintcream'] = '#f5fffa';\ncolorMap['mistyrose'] = '#ffE4E1';\ncolorMap['moccasin'] = '#ffE4b5';\ncolorMap['navajowhite'] = '#ffdEad';\ncolorMap['navy'] = '#000080';\ncolorMap['oldlace'] = '#fdf5E6';\ncolorMap['olive'] = '#808000';\ncolorMap['olivedrab'] = '#6b8E23';\ncolorMap['orange'] = '#ffa500';\ncolorMap['orangered'] = '#ff4500';\ncolorMap['orchid'] = '#da70d6';\ncolorMap['palegoldenrod'] = '#EEE8aa';\ncolorMap['palegreen'] = '#98fb98';\ncolorMap['paleturquoise'] = '#afEEEE';\ncolorMap['palevioletred'] = '#db7093';\ncolorMap['papayawhip'] = '#ffEfd5';\ncolorMap['peachpuff'] = '#ffdab9';\ncolorMap['peru'] = '#cd853f';\ncolorMap['pink'] = '#ffc0cb';\ncolorMap['plum'] = '#dda0dd';\ncolorMap['powderblue'] = '#b0E0E6';\ncolorMap['purple'] = '#800080';\ncolorMap['rebeccapurple'] = '#663399';\ncolorMap['red'] = '#ff0000';\ncolorMap['rosybrown'] = '#bc8f8f';\ncolorMap['royalblue'] = '#4169E1';\ncolorMap['saddlebrown'] = '#8b4513';\ncolorMap['salmon'] = '#fa8072';\ncolorMap['sandybrown'] = '#f4a460';\ncolorMap['seagreen'] = '#2E8b57';\ncolorMap['seashell'] = '#fff5EE';\ncolorMap['sienna'] = '#a0522d';\ncolorMap['silver'] = '#c0c0c0';\ncolorMap['skyblue'] = '#87cEEb';\ncolorMap['slateblue'] = '#6a5acd';\ncolorMap['slategray'] = '#708090';\ncolorMap['snow'] = '#fffafa';\ncolorMap['springgreen'] = '#00ff7f';\ncolorMap['steelblue'] = '#4682b4';\ncolorMap['tan'] = '#d2b48c';\ncolorMap['teal'] = '#008080';\ncolorMap['thistle'] = '#d8bfd8';\ncolorMap['tomato'] = '#ff6347';\ncolorMap['turquoise'] = '#40E0d0';\ncolorMap['violet'] = '#EE82EE';\ncolorMap['wheat'] = '#f5dEb3';\ncolorMap['white'] = '#ffffff';\ncolorMap['whitesmoke'] = '#f5f5f5';\ncolorMap['yellow'] = '#ffff00';\ncolorMap['yellowgreen'] = '#9acd32';\ncolorMap['transparent'] = 'rgba(255,255,255,0)';\n\n/**\n * Returns a color definition string from the named color.\n * @param {String}  name  The color name.\n * @type {String}\n * @return  An #rrggbb color string.\n */\nexport function getColorFromName(name: string) {\n  return colorMap[name.toLowerCase()];\n}\n"],"names":["getRGBA","colorString","clr","namedColor","getColorFromName","x1","indexOf","ar","length","parseInt","substr","substring","match","map","x","parseFloat","getContrastRatioByLuminance","luminance1","luminance2","l1","l2","getLuminance","color","transform","c","cs","Math","pow","rgba","r","g","b","colorMap","name","toLowerCase","opacity","lighterR","lighterG","lighterB","floor","backgroundColor","luminance"],"mappings":"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"}

package/amd/Common/themes/redwood/theme.base.tokens.js

@@ -1,2 +1,2 @@
-define(['exports', '../../../UNSAFE_Theme', '../themeContract.css', '../../../utils-81df4684'], (function(o,s,e,r){"use strict";const t={cursor:{clickable:"pointer"},boxShadow:{xs:`rgba(${e.colorSchemeVars.boxshadow.shadowcolor}, .12) 0 ${r.xUnits(.25)} ${r.xUnits(1)} 0`,sm:`rgba(${e.colorSchemeVars.boxshadow.shadowcolor}, .16) 0 ${r.xUnits(1)} ${r.xUnits(2)} 0`,md:`rgba(${e.colorSchemeVars.boxshadow.shadowcolor}, .2) 0 ${r.xUnits(1.5)} ${r.xUnits(3)} 0`,lg:`rgba(${e.colorSchemeVars.boxshadow.shadowcolor}, .24) 0 ${r.xUnits(2)} ${r.xUnits(4)} 0`,xl:`rgba(${e.colorSchemeVars.boxshadow.shadowcolor}, .28) 0 ${r.xUnits(3)} ${r.xUnits(5)} 0`},borderRadius:{sm:r.xUnits(.5),md:r.xUnits(1),lg:r.xUnits(1.5),xl:r.xUnits(2)}},a={listRowHeight:r.xUnits(12),listCellPaddingVertical:r.xUnits(3),sparkleImg:"url(./images/AI-Sparkle.gif), url(../../css/redwood/images/AI-Sparkle.gif)"},i={label:{sm:{fontSize:e.typographyVars.body.xs.fontSize},md:{fontSize:e.typographyVars.body.sm.fontSize},lg:{fontSize:e.typographyVars.body.md.fontSize}}};o.base=t,o.collection=a,o.dvt=i,Object.defineProperty(o,"__esModule",{value:!0})}));
+define(['exports', '../../../UNSAFE_Theme', '../themeContract.css', '../../../utils-5c3646a3'], (function(o,s,e,r){"use strict";const t={cursor:{clickable:"pointer"},boxShadow:{xs:`rgba(${e.colorSchemeVars.boxshadow.shadowcolor}, .12) 0 ${r.xUnits(.25)} ${r.xUnits(1)} 0`,sm:`rgba(${e.colorSchemeVars.boxshadow.shadowcolor}, .16) 0 ${r.xUnits(1)} ${r.xUnits(2)} 0`,md:`rgba(${e.colorSchemeVars.boxshadow.shadowcolor}, .2) 0 ${r.xUnits(1.5)} ${r.xUnits(3)} 0`,lg:`rgba(${e.colorSchemeVars.boxshadow.shadowcolor}, .24) 0 ${r.xUnits(2)} ${r.xUnits(4)} 0`,xl:`rgba(${e.colorSchemeVars.boxshadow.shadowcolor}, .28) 0 ${r.xUnits(3)} ${r.xUnits(5)} 0`},borderRadius:{sm:r.xUnits(.5),md:r.xUnits(1),lg:r.xUnits(1.5),xl:r.xUnits(2)}},a={listRowHeight:r.xUnits(12),listCellPaddingVertical:r.xUnits(3),sparkleImg:"url(./images/AI-Sparkle.gif), url(../../css/redwood/images/AI-Sparkle.gif)"},i={label:{sm:{fontSize:e.typographyVars.body.xs.fontSize},md:{fontSize:e.typographyVars.body.sm.fontSize},lg:{fontSize:e.typographyVars.body.md.fontSize}}};o.base=t,o.collection=a,o.dvt=i,Object.defineProperty(o,"__esModule",{value:!0})}));
 //# sourceMappingURL=theme.base.tokens.js.map

package/amd/Common/themes/redwood/theme.dark.tokens.js

@@ -1,2 +1,2 @@
-define(['exports', '../../../utils-81df4684', '../themeContract.css'], (function(e,r,a){"use strict";const t={palette:{neutral:{0:"0, 0, 0",10:"10, 10, 9",20:"18, 17, 15",30:"23, 22, 20",40:"35, 33, 31",50:"49, 46, 43",60:"67, 63, 59",70:"78, 73, 68",80:"91, 85, 81",90:"107, 101, 96",100:"124, 117, 112",110:"135, 129, 124",120:"146, 139, 134",130:"157, 150, 145",140:"170, 163, 158",150:"184, 178, 173",160:"200, 195, 191",170:"212, 207, 204",180:"231, 227, 225",190:"241, 238, 237",200:"255, 255, 255"},danger:{10:"18, 5, 3",20:"32, 9, 5",30:"41, 12, 7",40:"64, 18, 11",50:"89, 24, 15",60:"119, 32, 20",70:"138, 37, 24",80:"160, 43, 28",90:"188, 52, 33",100:"216, 63, 42",110:"224, 82, 62",120:"231, 98, 80",130:"238, 115, 98",140:"245, 133, 118",150:"253, 151, 138",160:"255, 176, 166",170:"255, 193, 185",180:"255, 220, 216",190:"255, 234, 232"},success:{10:"7, 11, 3",20:"11, 17, 4",30:"16, 25, 7",40:"24, 37, 10",50:"33, 52, 14",60:"44, 70, 19",70:"51, 82, 22",80:"60, 95, 26",90:"70, 113, 31",100:"81, 131, 36",110:"91, 144, 43",120:"100, 154, 50",130:"110, 167, 58",140:"121, 181, 66",150:"134, 196, 76",160:"159, 211, 109",170:"179, 221, 140",180:"211, 236, 187",190:"228, 244, 212"},warning:{10:"15, 8, 1",20:"25, 14, 2",30:"33, 18, 2",40:"50, 28, 3",50:"70, 39, 5",60:"95, 53, 7",70:"110, 62, 8",80:"128, 72, 9",90:"151, 86, 11",100:"174, 101, 14",110:"185, 113, 27",120:"196, 124, 39",130:"208, 136, 52",140:"221, 149, 66",150:"236, 164, 82",160:"243, 185, 118",170:"246, 201, 148",180:"250, 224, 193",190:"252, 237, 218"},info:{10:"1, 11, 15",20:"2, 19, 24",30:"2, 24, 31",40:"3, 37, 49",50:"4, 51, 67",60:"6, 69, 91",70:"10, 80, 104",80:"17, 93, 120",90:"26, 110, 140",100:"36, 127, 159",110:"57, 139, 168",120:"73, 149, 176",130:"93, 161, 185",140:"114, 173, 195",150:"135, 186, 205",160:"163, 202, 217",170:"182, 213, 225",180:"213, 231, 238",190:"229, 241, 245"},brand:{10:"10, 8, 4",20:"19, 16, 9",30:"26, 22, 12",40:"38, 32, 18",50:"54, 46, 25",60:"73, 62, 34",70:"85, 72, 40",80:"99, 84, 47",90:"118, 100, 56",100:"137, 116, 65",110:"150, 127, 71",120:"162, 137, 76",130:"175, 149, 83",140:"190, 162, 90",150:"206, 176, 97",160:"226, 192, 107",170:"240, 204, 114",180:"247, 226, 176",190:"250, 238, 209"}},overlay:{hover:r.rgba(a.colorSchemeVars.palette.neutral[200],.08),active:r.rgba(a.colorSchemeVars.palette.neutral[200],.12),dangerHover:r.rgba(a.colorSchemeVars.palette.danger[60],.32),dangerActive:r.rgba(a.colorSchemeVars.palette.danger[60],.2),scrim:r.rgba(a.colorSchemeVars.palette.neutral[0],.4),inverseHover:r.rgba(a.colorSchemeVars.palette.neutral[20],.08),inverseActive:r.rgba(a.colorSchemeVars.palette.neutral[20],.16)},pageBackground:{neutral0:r.rgb(a.colorSchemeVars.palette.neutral[10]),neutral10:r.rgb(a.colorSchemeVars.palette.neutral[20]),neutral20:r.rgb(a.colorSchemeVars.palette.neutral[30]),neutral30:r.rgb(a.colorSchemeVars.palette.neutral[40]),neutral40:r.rgb(a.colorSchemeVars.palette.neutral[50])},surface:{neutral0:r.rgb(a.colorSchemeVars.palette.neutral[10]),neutral10:r.rgb(a.colorSchemeVars.palette.neutral[20]),neutral20:r.rgb(a.colorSchemeVars.palette.neutral[30]),neutral30:r.rgb(a.colorSchemeVars.palette.neutral[40]),selected:r.rgb(a.colorSchemeVars.palette.brand[70]),disabled:r.rgba(a.colorSchemeVars.palette.neutral[200],.04),neutral:{low:r.rgb(a.colorSchemeVars.palette.neutral[40]),subtle:r.rgba(a.colorSchemeVars.palette.neutral[200],.16),strong:r.rgb(a.colorSchemeVars.palette.neutral[100])},success:{low:r.rgb(a.colorSchemeVars.palette.success[40]),subtle:r.rgba(a.colorSchemeVars.palette.success[70],.6),strong:r.rgb(a.colorSchemeVars.palette.success[100])},info:{low:r.rgb(a.colorSchemeVars.palette.info[40]),subtle:r.rgba(a.colorSchemeVars.palette.info[70],.6),strong:r.rgb(a.colorSchemeVars.palette.info[100])},warning:{low:r.rgb(a.colorSchemeVars.palette.warning[40]),subtle:r.rgba(a.colorSchemeVars.palette.warning[70],.6),strong:r.rgb(a.colorSchemeVars.palette.warning[100])},danger:{low:r.rgb(a.colorSchemeVars.palette.danger[40]),subtle:r.rgba(a.colorSchemeVars.palette.danger[70],.6),strong:r.rgb(a.colorSchemeVars.palette.danger[100])}},border:{enabled:r.rgba(a.colorSchemeVars.palette.neutral[200],.5),disabled:r.rgba(a.colorSchemeVars.palette.neutral[200],.2),divider:r.rgba(a.colorSchemeVars.palette.neutral[200],.12),selected:r.rgb(a.colorSchemeVars.palette.brand[170]),dropLine:r.rgb(a.colorSchemeVars.palette.brand[170]),selectedNeutral:r.rgb(a.colorSchemeVars.palette.neutral[200]),warning:r.rgb(a.colorSchemeVars.palette.warning[120]),danger:r.rgb(a.colorSchemeVars.palette.danger[120]),keyboardFocus:r.rgb(a.colorSchemeVars.palette.neutral[200])},boxshadow:{shadowcolor:a.colorSchemeVars.palette.neutral[0]},textIcon:{primary:r.rgb(a.colorSchemeVars.palette.neutral[200]),secondary:r.rgba(a.colorSchemeVars.palette.neutral[200],.7),disabled:r.rgba(a.colorSchemeVars.palette.neutral[200],.4),inverse:r.rgb(a.colorSchemeVars.palette.neutral[10]),link:r.rgb(a.colorSchemeVars.palette.brand[170]),success:r.rgb(a.colorSchemeVars.palette.success[120]),info:r.rgb(a.colorSchemeVars.palette.info[120]),warning:r.rgb(a.colorSchemeVars.palette.warning[120]),danger:r.rgb(a.colorSchemeVars.palette.danger[120]),successLow:r.rgb(a.colorSchemeVars.palette.success[100]),infoLow:r.rgb(a.colorSchemeVars.palette.info[100]),warningLow:r.rgb(a.colorSchemeVars.palette.warning[100]),dangerLow:r.rgb(a.colorSchemeVars.palette.danger[100]),onColor:r.rgb(a.colorSchemeVars.palette.neutral[200])},collection:{header:{text:r.rgb(a.colorSchemeVars.textIcon.primary),surface:{selected:r.rgba(a.colorSchemeVars.palette.neutral[200],.12),partialSelected:r.rgba(a.colorSchemeVars.palette.neutral[200],.04)}}},collectionGrid:{cell:{surfaceEdit:r.rgb(a.colorSchemeVars.palette.neutral[0])}},measure:{track:{enabled:r.rgba(a.colorSchemeVars.palette.neutral[200],.16),disabled:r.rgba(a.colorSchemeVars.palette.neutral[200],.16)},fill:{enabled:r.rgb(a.colorSchemeVars.palette.neutral[200]),disabled:r.rgba(a.colorSchemeVars.palette.neutral[200],.3)},thumb:{surface:r.fallbackVar(a.globalVars.currentBackgroundColor,a.colorSchemeVars.palette.neutral[0])},reference:{line:r.rgba(a.colorSchemeVars.palette.neutral[200],.8),lineContrast:r.rgba(a.colorSchemeVars.palette.neutral[20],.7),area:r.rgba(a.colorSchemeVars.palette.neutral[200],.08)}},dvt:{contrastLine:r.rgb(a.colorSchemeVars.palette.neutral[20]),paletteQualitative:{1:"36, 93, 99",2:"222, 127, 17",3:"95, 185, 181",4:"78, 65, 55",5:"160, 201, 140",6:"180, 114, 130",7:"131, 64, 30",8:"158, 127, 204",9:"251, 194, 106",10:"88, 49, 110",11:"95, 162, 186",12:"49, 122, 69"},threshold:{success:r.rgb(a.colorSchemeVars.palette.success[100]),warning:"rgb(207, 124, 0)",danger:r.rgb(a.colorSchemeVars.palette.danger[100])},marquee:{border:r.rgba(a.colorSchemeVars.palette.neutral[190],.8),surface:r.rgba(a.colorSchemeVars.palette.neutral[20],.1)},referenceObject:{area:r.rgba(a.colorSchemeVars.palette.neutral[170],.08),line:r.rgba(a.colorSchemeVars.palette.neutral[190],.8)},overview:{background:r.rgb(a.colorSchemeVars.palette.neutral[50]),windowBackground:r.rgb(a.colorSchemeVars.palette.neutral[0]),windowBorder:r.rgb(a.colorSchemeVars.palette.neutral[170])}}};e.colorScheme=t,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../../../utils-5c3646a3', '../themeContract.css'], (function(e,r,a){"use strict";const t={palette:{neutral:{0:"0, 0, 0",10:"10, 10, 9",20:"18, 17, 15",30:"23, 22, 20",40:"35, 33, 31",50:"49, 46, 43",60:"67, 63, 59",70:"78, 73, 68",80:"91, 85, 81",90:"107, 101, 96",100:"124, 117, 112",110:"135, 129, 124",120:"146, 139, 134",130:"157, 150, 145",140:"170, 163, 158",150:"184, 178, 173",160:"200, 195, 191",170:"212, 207, 204",180:"231, 227, 225",190:"241, 238, 237",200:"255, 255, 255"},danger:{10:"18, 5, 3",20:"32, 9, 5",30:"41, 12, 7",40:"64, 18, 11",50:"89, 24, 15",60:"119, 32, 20",70:"138, 37, 24",80:"160, 43, 28",90:"188, 52, 33",100:"216, 63, 42",110:"224, 82, 62",120:"231, 98, 80",130:"238, 115, 98",140:"245, 133, 118",150:"253, 151, 138",160:"255, 176, 166",170:"255, 193, 185",180:"255, 220, 216",190:"255, 234, 232"},success:{10:"7, 11, 3",20:"11, 17, 4",30:"16, 25, 7",40:"24, 37, 10",50:"33, 52, 14",60:"44, 70, 19",70:"51, 82, 22",80:"60, 95, 26",90:"70, 113, 31",100:"81, 131, 36",110:"91, 144, 43",120:"100, 154, 50",130:"110, 167, 58",140:"121, 181, 66",150:"134, 196, 76",160:"159, 211, 109",170:"179, 221, 140",180:"211, 236, 187",190:"228, 244, 212"},warning:{10:"15, 8, 1",20:"25, 14, 2",30:"33, 18, 2",40:"50, 28, 3",50:"70, 39, 5",60:"95, 53, 7",70:"110, 62, 8",80:"128, 72, 9",90:"151, 86, 11",100:"174, 101, 14",110:"185, 113, 27",120:"196, 124, 39",130:"208, 136, 52",140:"221, 149, 66",150:"236, 164, 82",160:"243, 185, 118",170:"246, 201, 148",180:"250, 224, 193",190:"252, 237, 218"},info:{10:"1, 11, 15",20:"2, 19, 24",30:"2, 24, 31",40:"3, 37, 49",50:"4, 51, 67",60:"6, 69, 91",70:"10, 80, 104",80:"17, 93, 120",90:"26, 110, 140",100:"36, 127, 159",110:"57, 139, 168",120:"73, 149, 176",130:"93, 161, 185",140:"114, 173, 195",150:"135, 186, 205",160:"163, 202, 217",170:"182, 213, 225",180:"213, 231, 238",190:"229, 241, 245"},brand:{10:"10, 8, 4",20:"19, 16, 9",30:"26, 22, 12",40:"38, 32, 18",50:"54, 46, 25",60:"73, 62, 34",70:"85, 72, 40",80:"99, 84, 47",90:"118, 100, 56",100:"137, 116, 65",110:"150, 127, 71",120:"162, 137, 76",130:"175, 149, 83",140:"190, 162, 90",150:"206, 176, 97",160:"226, 192, 107",170:"240, 204, 114",180:"247, 226, 176",190:"250, 238, 209"}},overlay:{hover:r.rgba(a.colorSchemeVars.palette.neutral[200],.08),active:r.rgba(a.colorSchemeVars.palette.neutral[200],.12),dangerHover:r.rgba(a.colorSchemeVars.palette.danger[60],.32),dangerActive:r.rgba(a.colorSchemeVars.palette.danger[60],.2),scrim:r.rgba(a.colorSchemeVars.palette.neutral[0],.4),inverseHover:r.rgba(a.colorSchemeVars.palette.neutral[20],.08),inverseActive:r.rgba(a.colorSchemeVars.palette.neutral[20],.16)},pageBackground:{neutral0:r.rgb(a.colorSchemeVars.palette.neutral[10]),neutral10:r.rgb(a.colorSchemeVars.palette.neutral[20]),neutral20:r.rgb(a.colorSchemeVars.palette.neutral[30]),neutral30:r.rgb(a.colorSchemeVars.palette.neutral[40]),neutral40:r.rgb(a.colorSchemeVars.palette.neutral[50])},surface:{neutral0:r.rgb(a.colorSchemeVars.palette.neutral[10]),neutral10:r.rgb(a.colorSchemeVars.palette.neutral[20]),neutral20:r.rgb(a.colorSchemeVars.palette.neutral[30]),neutral30:r.rgb(a.colorSchemeVars.palette.neutral[40]),selected:r.rgb(a.colorSchemeVars.palette.brand[70]),disabled:r.rgba(a.colorSchemeVars.palette.neutral[200],.04),neutral:{low:r.rgb(a.colorSchemeVars.palette.neutral[40]),subtle:r.rgba(a.colorSchemeVars.palette.neutral[200],.16),strong:r.rgb(a.colorSchemeVars.palette.neutral[100])},success:{low:r.rgb(a.colorSchemeVars.palette.success[40]),subtle:r.rgba(a.colorSchemeVars.palette.success[70],.6),strong:r.rgb(a.colorSchemeVars.palette.success[100])},info:{low:r.rgb(a.colorSchemeVars.palette.info[40]),subtle:r.rgba(a.colorSchemeVars.palette.info[70],.6),strong:r.rgb(a.colorSchemeVars.palette.info[100])},warning:{low:r.rgb(a.colorSchemeVars.palette.warning[40]),subtle:r.rgba(a.colorSchemeVars.palette.warning[70],.6),strong:r.rgb(a.colorSchemeVars.palette.warning[100])},danger:{low:r.rgb(a.colorSchemeVars.palette.danger[40]),subtle:r.rgba(a.colorSchemeVars.palette.danger[70],.6),strong:r.rgb(a.colorSchemeVars.palette.danger[100])}},border:{enabled:r.rgba(a.colorSchemeVars.palette.neutral[200],.5),disabled:r.rgba(a.colorSchemeVars.palette.neutral[200],.2),divider:r.rgba(a.colorSchemeVars.palette.neutral[200],.12),selected:r.rgb(a.colorSchemeVars.palette.brand[170]),dropLine:r.rgb(a.colorSchemeVars.palette.brand[170]),selectedNeutral:r.rgb(a.colorSchemeVars.palette.neutral[200]),warning:r.rgb(a.colorSchemeVars.palette.warning[120]),danger:r.rgb(a.colorSchemeVars.palette.danger[120]),keyboardFocus:r.rgb(a.colorSchemeVars.palette.neutral[200])},boxshadow:{shadowcolor:a.colorSchemeVars.palette.neutral[0]},textIcon:{primary:r.rgb(a.colorSchemeVars.palette.neutral[200]),secondary:r.rgba(a.colorSchemeVars.palette.neutral[200],.7),disabled:r.rgba(a.colorSchemeVars.palette.neutral[200],.4),inverse:r.rgb(a.colorSchemeVars.palette.neutral[10]),link:r.rgb(a.colorSchemeVars.palette.brand[170]),success:r.rgb(a.colorSchemeVars.palette.success[120]),info:r.rgb(a.colorSchemeVars.palette.info[120]),warning:r.rgb(a.colorSchemeVars.palette.warning[120]),danger:r.rgb(a.colorSchemeVars.palette.danger[120]),successLow:r.rgb(a.colorSchemeVars.palette.success[100]),infoLow:r.rgb(a.colorSchemeVars.palette.info[100]),warningLow:r.rgb(a.colorSchemeVars.palette.warning[100]),dangerLow:r.rgb(a.colorSchemeVars.palette.danger[100]),onColor:r.rgb(a.colorSchemeVars.palette.neutral[200])},collection:{header:{text:r.rgb(a.colorSchemeVars.textIcon.primary),surface:{selected:r.rgba(a.colorSchemeVars.palette.neutral[200],.12),partialSelected:r.rgba(a.colorSchemeVars.palette.neutral[200],.04)}}},collectionGrid:{cell:{surfaceEdit:r.rgb(a.colorSchemeVars.palette.neutral[0])}},measure:{track:{enabled:r.rgba(a.colorSchemeVars.palette.neutral[200],.16),disabled:r.rgba(a.colorSchemeVars.palette.neutral[200],.16)},fill:{enabled:r.rgb(a.colorSchemeVars.palette.neutral[200]),disabled:r.rgba(a.colorSchemeVars.palette.neutral[200],.3)},thumb:{surface:r.fallbackVar(a.globalVars.currentBackgroundColor,a.colorSchemeVars.palette.neutral[0])},reference:{line:r.rgba(a.colorSchemeVars.palette.neutral[200],.8),lineContrast:r.rgba(a.colorSchemeVars.palette.neutral[20],.7),area:r.rgba(a.colorSchemeVars.palette.neutral[200],.08)}},dvt:{contrastLine:r.rgb(a.colorSchemeVars.palette.neutral[20]),paletteQualitative:{1:"36, 93, 99",2:"222, 127, 17",3:"95, 185, 181",4:"78, 65, 55",5:"160, 201, 140",6:"180, 114, 130",7:"131, 64, 30",8:"158, 127, 204",9:"251, 194, 106",10:"88, 49, 110",11:"95, 162, 186",12:"49, 122, 69"},threshold:{success:r.rgb(a.colorSchemeVars.palette.success[100]),warning:"rgb(207, 124, 0)",danger:r.rgb(a.colorSchemeVars.palette.danger[100])},marquee:{border:r.rgba(a.colorSchemeVars.palette.neutral[190],.8),surface:r.rgba(a.colorSchemeVars.palette.neutral[20],.1)},referenceObject:{area:r.rgba(a.colorSchemeVars.palette.neutral[170],.08),line:r.rgba(a.colorSchemeVars.palette.neutral[190],.8)},overview:{background:r.rgb(a.colorSchemeVars.palette.neutral[50]),windowBackground:r.rgb(a.colorSchemeVars.palette.neutral[0]),windowBorder:r.rgb(a.colorSchemeVars.palette.neutral[170])}}};e.colorScheme=t,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=theme.dark.tokens.js.map

package/amd/Common/themes/redwood/theme.light.tokens.js

@@ -1,2 +1,2 @@
-define(['exports', '../../../utils-81df4684', '../themeContract.css'], (function(e,r,a){"use strict";const t={palette:{neutral:{0:"255,255,255",10:"251,249,248",20:"245,244,242",30:"241,239,237",40:"228,225,221",50:"212,207,202",60:"188,182,177",70:"174,168,162",80:"158,152,146",90:"139,133,128",100:"122,115,110",110:"111,105,100",120:"102,95,91",130:"92,86,81",140:"81,76,71",150:"71,66,62",160:"58,54,50",170:"49,45,42",180:"32,30,28",190:"22,21,19",200:"0,0,0"},danger:{10:"255,248,247",20:"255,241,239",30:"255,235,232",40:"255,217,211",50:"255,193,184",60:"255,157,144",70:"255,134,117",80:"254,105,84",90:"236,79,58",100:"214,59,37",110:"195,53,34",120:"179,49,31",130:"162,44,28",140:"143,39,25",150:"124,34,22",160:"102,28,18",170:"86,24,15",180:"60,17,11",190:"42,12,7"},success:{10:"244,252,235",20:"235,248,222",30:"228,245,211",40:"207,235,179",50:"177,221,136",60:"138,201,79",70:"125,186,69",80:"111,169,57",90:"94,148,43",100:"80,130,35",110:"73,118,32",120:"67,107,29",130:"60,96,26",140:"53,86,23",150:"46,73,20",160:"38,61,16",170:"31,51,14",180:"21,35,9",190:"15,23,6"},warning:{10:"254,249,242",20:"253,242,229",30:"252,237,220",40:"249,221,188",50:"246,199,146",60:"240,169,87",70:"235,150,50",80:"225,130,18",90:"198,113,14",100:"172,99,12",110:"156,89,11",120:"143,82,10",130:"129,73,9",140:"114,65,8",150:"99,56,7",160:"81,47,6",170:"69,39,5",180:"46,26,3",190:"32,18,2"},info:{10:"246,250,252",20:"237,246,249",30:"228,241,247",40:"208,229,238",50:"180,213,225",60:"143,191,208",70:"121,177,198",80:"95,162,186",90:"65,144,172",100:"34,126,158",110:"14,114,149",120:"0,104,140",130:"2,94,126",140:"4,83,111",150:"6,72,95",160:"6,60,78",170:"5,50,66",180:"4,35,45",190:"2,24,31"},brand:{10:"246,250,252",20:"237,246,249",30:"228,241,247",40:"208,229,238",50:"180,213,225",60:"143,191,208",70:"121,177,198",80:"95,162,186",90:"65,144,172",100:"34,126,158",110:"14,114,149",120:"0,104,140",130:"2,94,126",140:"4,83,111",150:"6,72,95",160:"6,60,78",170:"5,50,66",180:"4,35,45",190:"2,24,31"}},overlay:{hover:r.rgba(a.colorSchemeVars.palette.neutral[190],.08),active:r.rgba(a.colorSchemeVars.palette.neutral[190],.16),dangerHover:r.rgba(a.colorSchemeVars.palette.danger[60],.16),dangerActive:r.rgba(a.colorSchemeVars.palette.danger[60],.2),scrim:r.rgba(a.colorSchemeVars.palette.neutral[190],.4),inverseHover:r.rgba(a.colorSchemeVars.palette.neutral[0],.08),inverseActive:r.rgba(a.colorSchemeVars.palette.neutral[0],.12)},pageBackground:{neutral0:r.rgb(a.colorSchemeVars.palette.neutral[0]),neutral10:r.rgb(a.colorSchemeVars.palette.neutral[10]),neutral20:r.rgb(a.colorSchemeVars.palette.neutral[20]),neutral30:r.rgb(a.colorSchemeVars.palette.neutral[30]),neutral40:r.rgb(a.colorSchemeVars.palette.neutral[40])},surface:{neutral0:r.rgb(a.colorSchemeVars.palette.neutral[0]),neutral10:r.rgb(a.colorSchemeVars.palette.neutral[10]),neutral20:r.rgb(a.colorSchemeVars.palette.neutral[20]),neutral30:r.rgb(a.colorSchemeVars.palette.neutral[30]),selected:r.rgb(a.colorSchemeVars.palette.brand[30]),disabled:r.rgba(a.colorSchemeVars.palette.neutral[190],.04),neutral:{low:r.rgb(a.colorSchemeVars.palette.neutral[10]),subtle:r.rgba(a.colorSchemeVars.palette.neutral[190],.08),strong:r.rgb(a.colorSchemeVars.palette.neutral[100])},success:{low:r.rgb(a.colorSchemeVars.palette.success[10]),subtle:r.rgba(a.colorSchemeVars.palette.success[60],.4),strong:r.rgb(a.colorSchemeVars.palette.success[100])},info:{low:r.rgb(a.colorSchemeVars.palette.info[10]),subtle:r.rgba(a.colorSchemeVars.palette.info[60],.4),strong:r.rgb(a.colorSchemeVars.palette.info[100])},warning:{low:r.rgb(a.colorSchemeVars.palette.warning[10]),subtle:r.rgba(a.colorSchemeVars.palette.warning[60],.4),strong:r.rgb(a.colorSchemeVars.palette.warning[100])},danger:{low:r.rgb(a.colorSchemeVars.palette.danger[10]),subtle:r.rgba(a.colorSchemeVars.palette.danger[60],.4),strong:r.rgb(a.colorSchemeVars.palette.danger[100])}},border:{enabled:r.rgba(a.colorSchemeVars.palette.neutral[190],.5),disabled:r.rgba(a.colorSchemeVars.palette.neutral[190],.2),divider:r.rgba(a.colorSchemeVars.palette.neutral[190],.12),selected:r.rgb(a.colorSchemeVars.palette.brand[100]),dropLine:r.rgb(a.colorSchemeVars.palette.brand[100]),selectedNeutral:r.rgb(a.colorSchemeVars.palette.neutral[190]),warning:r.rgb(a.colorSchemeVars.palette.warning[120]),danger:r.rgb(a.colorSchemeVars.palette.danger[120]),keyboardFocus:r.rgb(a.colorSchemeVars.palette.neutral[190])},boxshadow:{shadowcolor:a.colorSchemeVars.palette.neutral[200]},textIcon:{primary:r.rgb(a.colorSchemeVars.palette.neutral[190]),secondary:r.rgba(a.colorSchemeVars.palette.neutral[190],.7),disabled:r.rgba(a.colorSchemeVars.palette.neutral[190],.4),inverse:r.rgb(a.colorSchemeVars.palette.neutral[0]),onColor:r.rgb(a.colorSchemeVars.palette.neutral[0]),link:r.rgb(a.colorSchemeVars.palette.brand[120]),success:r.rgb(a.colorSchemeVars.palette.success[120]),info:r.rgb(a.colorSchemeVars.palette.info[120]),warning:r.rgb(a.colorSchemeVars.palette.warning[120]),danger:r.rgb(a.colorSchemeVars.palette.danger[120]),successLow:r.rgb(a.colorSchemeVars.palette.success[100]),infoLow:r.rgb(a.colorSchemeVars.palette.info[100]),warningLow:r.rgb(a.colorSchemeVars.palette.warning[100]),dangerLow:r.rgb(a.colorSchemeVars.palette.danger[100])},collection:{header:{text:r.rgb(a.colorSchemeVars.textIcon.primary),surface:{selected:r.rgba(a.colorSchemeVars.palette.neutral[190],.12),partialSelected:r.rgba(a.colorSchemeVars.palette.neutral[190],.04)}}},collectionGrid:{cell:{surfaceEdit:r.rgb(a.colorSchemeVars.palette.neutral[0])}},measure:{track:{enabled:r.rgba(a.colorSchemeVars.palette.neutral[170],.15),disabled:r.rgba(a.colorSchemeVars.palette.neutral[190],.16)},fill:{enabled:r.rgb(a.colorSchemeVars.palette.neutral[190]),disabled:r.rgba(a.colorSchemeVars.palette.neutral[190],.2)},thumb:{surface:r.fallbackVar(a.globalVars.currentBackgroundColor,a.colorSchemeVars.palette.neutral[0])},reference:{line:r.rgba(a.colorSchemeVars.palette.neutral[190],.8),lineContrast:r.rgba(a.colorSchemeVars.palette.neutral[20],.7),area:r.rgba(a.colorSchemeVars.palette.neutral[170],.08)}},dvt:{contrastLine:r.rgb(a.colorSchemeVars.palette.neutral[20]),paletteQualitative:{1:"36, 93, 99",2:"222, 127, 17",3:"95, 185, 181",4:"78, 65, 55",5:"160, 201, 140",6:"180, 114, 130",7:"131, 64, 30",8:"158, 127, 204",9:"251, 194, 106",10:"88, 49, 110",11:"95, 162, 186",12:"49, 122, 69"},threshold:{success:r.rgb(a.colorSchemeVars.palette.success[100]),warning:"rgb(207, 124, 0)",danger:r.rgb(a.colorSchemeVars.palette.danger[100])},marquee:{border:r.rgba(a.colorSchemeVars.palette.neutral[190],.8),surface:r.rgba(a.colorSchemeVars.palette.neutral[20],.1)},referenceObject:{area:r.rgba(a.colorSchemeVars.palette.neutral[170],.08),line:r.rgba(a.colorSchemeVars.palette.neutral[190],.8)},overview:{background:r.rgb(a.colorSchemeVars.palette.neutral[50]),windowBackground:r.rgb(a.colorSchemeVars.palette.neutral[0]),windowBorder:r.rgb(a.colorSchemeVars.palette.neutral[170])}}};e.colorScheme=t,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../../../utils-5c3646a3', '../themeContract.css'], (function(e,r,a){"use strict";const t={palette:{neutral:{0:"255,255,255",10:"251,249,248",20:"245,244,242",30:"241,239,237",40:"228,225,221",50:"212,207,202",60:"188,182,177",70:"174,168,162",80:"158,152,146",90:"139,133,128",100:"122,115,110",110:"111,105,100",120:"102,95,91",130:"92,86,81",140:"81,76,71",150:"71,66,62",160:"58,54,50",170:"49,45,42",180:"32,30,28",190:"22,21,19",200:"0,0,0"},danger:{10:"255,248,247",20:"255,241,239",30:"255,235,232",40:"255,217,211",50:"255,193,184",60:"255,157,144",70:"255,134,117",80:"254,105,84",90:"236,79,58",100:"214,59,37",110:"195,53,34",120:"179,49,31",130:"162,44,28",140:"143,39,25",150:"124,34,22",160:"102,28,18",170:"86,24,15",180:"60,17,11",190:"42,12,7"},success:{10:"244,252,235",20:"235,248,222",30:"228,245,211",40:"207,235,179",50:"177,221,136",60:"138,201,79",70:"125,186,69",80:"111,169,57",90:"94,148,43",100:"80,130,35",110:"73,118,32",120:"67,107,29",130:"60,96,26",140:"53,86,23",150:"46,73,20",160:"38,61,16",170:"31,51,14",180:"21,35,9",190:"15,23,6"},warning:{10:"254,249,242",20:"253,242,229",30:"252,237,220",40:"249,221,188",50:"246,199,146",60:"240,169,87",70:"235,150,50",80:"225,130,18",90:"198,113,14",100:"172,99,12",110:"156,89,11",120:"143,82,10",130:"129,73,9",140:"114,65,8",150:"99,56,7",160:"81,47,6",170:"69,39,5",180:"46,26,3",190:"32,18,2"},info:{10:"246,250,252",20:"237,246,249",30:"228,241,247",40:"208,229,238",50:"180,213,225",60:"143,191,208",70:"121,177,198",80:"95,162,186",90:"65,144,172",100:"34,126,158",110:"14,114,149",120:"0,104,140",130:"2,94,126",140:"4,83,111",150:"6,72,95",160:"6,60,78",170:"5,50,66",180:"4,35,45",190:"2,24,31"},brand:{10:"246,250,252",20:"237,246,249",30:"228,241,247",40:"208,229,238",50:"180,213,225",60:"143,191,208",70:"121,177,198",80:"95,162,186",90:"65,144,172",100:"34,126,158",110:"14,114,149",120:"0,104,140",130:"2,94,126",140:"4,83,111",150:"6,72,95",160:"6,60,78",170:"5,50,66",180:"4,35,45",190:"2,24,31"}},overlay:{hover:r.rgba(a.colorSchemeVars.palette.neutral[190],.08),active:r.rgba(a.colorSchemeVars.palette.neutral[190],.16),dangerHover:r.rgba(a.colorSchemeVars.palette.danger[60],.16),dangerActive:r.rgba(a.colorSchemeVars.palette.danger[60],.2),scrim:r.rgba(a.colorSchemeVars.palette.neutral[190],.4),inverseHover:r.rgba(a.colorSchemeVars.palette.neutral[0],.08),inverseActive:r.rgba(a.colorSchemeVars.palette.neutral[0],.12)},pageBackground:{neutral0:r.rgb(a.colorSchemeVars.palette.neutral[0]),neutral10:r.rgb(a.colorSchemeVars.palette.neutral[10]),neutral20:r.rgb(a.colorSchemeVars.palette.neutral[20]),neutral30:r.rgb(a.colorSchemeVars.palette.neutral[30]),neutral40:r.rgb(a.colorSchemeVars.palette.neutral[40])},surface:{neutral0:r.rgb(a.colorSchemeVars.palette.neutral[0]),neutral10:r.rgb(a.colorSchemeVars.palette.neutral[10]),neutral20:r.rgb(a.colorSchemeVars.palette.neutral[20]),neutral30:r.rgb(a.colorSchemeVars.palette.neutral[30]),selected:r.rgb(a.colorSchemeVars.palette.brand[30]),disabled:r.rgba(a.colorSchemeVars.palette.neutral[190],.04),neutral:{low:r.rgb(a.colorSchemeVars.palette.neutral[10]),subtle:r.rgba(a.colorSchemeVars.palette.neutral[190],.08),strong:r.rgb(a.colorSchemeVars.palette.neutral[100])},success:{low:r.rgb(a.colorSchemeVars.palette.success[10]),subtle:r.rgba(a.colorSchemeVars.palette.success[60],.4),strong:r.rgb(a.colorSchemeVars.palette.success[100])},info:{low:r.rgb(a.colorSchemeVars.palette.info[10]),subtle:r.rgba(a.colorSchemeVars.palette.info[60],.4),strong:r.rgb(a.colorSchemeVars.palette.info[100])},warning:{low:r.rgb(a.colorSchemeVars.palette.warning[10]),subtle:r.rgba(a.colorSchemeVars.palette.warning[60],.4),strong:r.rgb(a.colorSchemeVars.palette.warning[100])},danger:{low:r.rgb(a.colorSchemeVars.palette.danger[10]),subtle:r.rgba(a.colorSchemeVars.palette.danger[60],.4),strong:r.rgb(a.colorSchemeVars.palette.danger[100])}},border:{enabled:r.rgba(a.colorSchemeVars.palette.neutral[190],.5),disabled:r.rgba(a.colorSchemeVars.palette.neutral[190],.2),divider:r.rgba(a.colorSchemeVars.palette.neutral[190],.12),selected:r.rgb(a.colorSchemeVars.palette.brand[100]),dropLine:r.rgb(a.colorSchemeVars.palette.brand[100]),selectedNeutral:r.rgb(a.colorSchemeVars.palette.neutral[190]),warning:r.rgb(a.colorSchemeVars.palette.warning[120]),danger:r.rgb(a.colorSchemeVars.palette.danger[120]),keyboardFocus:r.rgb(a.colorSchemeVars.palette.neutral[190])},boxshadow:{shadowcolor:a.colorSchemeVars.palette.neutral[200]},textIcon:{primary:r.rgb(a.colorSchemeVars.palette.neutral[190]),secondary:r.rgba(a.colorSchemeVars.palette.neutral[190],.7),disabled:r.rgba(a.colorSchemeVars.palette.neutral[190],.4),inverse:r.rgb(a.colorSchemeVars.palette.neutral[0]),onColor:r.rgb(a.colorSchemeVars.palette.neutral[0]),link:r.rgb(a.colorSchemeVars.palette.brand[120]),success:r.rgb(a.colorSchemeVars.palette.success[120]),info:r.rgb(a.colorSchemeVars.palette.info[120]),warning:r.rgb(a.colorSchemeVars.palette.warning[120]),danger:r.rgb(a.colorSchemeVars.palette.danger[120]),successLow:r.rgb(a.colorSchemeVars.palette.success[100]),infoLow:r.rgb(a.colorSchemeVars.palette.info[100]),warningLow:r.rgb(a.colorSchemeVars.palette.warning[100]),dangerLow:r.rgb(a.colorSchemeVars.palette.danger[100])},collection:{header:{text:r.rgb(a.colorSchemeVars.textIcon.primary),surface:{selected:r.rgba(a.colorSchemeVars.palette.neutral[190],.12),partialSelected:r.rgba(a.colorSchemeVars.palette.neutral[190],.04)}}},collectionGrid:{cell:{surfaceEdit:r.rgb(a.colorSchemeVars.palette.neutral[0])}},measure:{track:{enabled:r.rgba(a.colorSchemeVars.palette.neutral[170],.15),disabled:r.rgba(a.colorSchemeVars.palette.neutral[190],.16)},fill:{enabled:r.rgb(a.colorSchemeVars.palette.neutral[190]),disabled:r.rgba(a.colorSchemeVars.palette.neutral[190],.2)},thumb:{surface:r.fallbackVar(a.globalVars.currentBackgroundColor,a.colorSchemeVars.palette.neutral[0])},reference:{line:r.rgba(a.colorSchemeVars.palette.neutral[190],.8),lineContrast:r.rgba(a.colorSchemeVars.palette.neutral[20],.7),area:r.rgba(a.colorSchemeVars.palette.neutral[170],.08)}},dvt:{contrastLine:r.rgb(a.colorSchemeVars.palette.neutral[20]),paletteQualitative:{1:"36, 93, 99",2:"222, 127, 17",3:"95, 185, 181",4:"78, 65, 55",5:"160, 201, 140",6:"180, 114, 130",7:"131, 64, 30",8:"158, 127, 204",9:"251, 194, 106",10:"88, 49, 110",11:"95, 162, 186",12:"49, 122, 69"},threshold:{success:r.rgb(a.colorSchemeVars.palette.success[100]),warning:"rgb(207, 124, 0)",danger:r.rgb(a.colorSchemeVars.palette.danger[100])},marquee:{border:r.rgba(a.colorSchemeVars.palette.neutral[190],.8),surface:r.rgba(a.colorSchemeVars.palette.neutral[20],.1)},referenceObject:{area:r.rgba(a.colorSchemeVars.palette.neutral[170],.08),line:r.rgba(a.colorSchemeVars.palette.neutral[190],.8)},overview:{background:r.rgb(a.colorSchemeVars.palette.neutral[50]),windowBackground:r.rgb(a.colorSchemeVars.palette.neutral[0]),windowBorder:r.rgb(a.colorSchemeVars.palette.neutral[170])}}};e.colorScheme=t,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=theme.light.tokens.js.map

package/amd/Common/themes/redwood/theme.typography.tokens.js

@@ -1,2 +1,2 @@
-define(['exports', '../../../utils-81df4684', '../themeContract.css'], (function(i,t,e){"use strict";const n={heading:{xs:{fontSize:t.xUnits(5),lineHeight:"1.4",fontWeight:"800"},sm:{fontSize:t.xUnits(6),lineHeight:"1.3333",fontWeight:"800"},md:{fontSize:t.xUnits(7),lineHeight:"1.2857",fontWeight:"800"},lg:{fontSize:t.xUnits(8),lineHeight:"1.25",fontWeight:"800"},xl:{fontSize:t.xUnits(9),lineHeight:"1.222",fontWeight:"800"},"2xl":{fontSize:t.xUnits(10),lineHeight:"1.3",fontWeight:"800"}},subheader:{"2xs":{fontSize:t.xUnits(3.5),lineHeight:"1.4286",fontWeight:"700"},xs:{fontSize:t.xUnits(4),lineHeight:"1.5",fontWeight:"700"},sm:{fontSize:t.xUnits(5),lineHeight:"1.4",fontWeight:"700"},md:{fontSize:t.xUnits(6),lineHeight:"1.3333",fontWeight:"700"},lg:{fontSize:t.xUnits(7),lineHeight:"1.2857",fontWeight:"700"},xl:{fontSize:t.xUnits(8),lineHeight:"1.25",fontWeight:"700"},"2xl":{fontSize:t.xUnits(9),lineHeight:"1.2222",fontWeight:"700"}},body:{"2xs":{fontSize:t.max(t.xUnits(2.5),"10px"),lineHeight:"1.2",fontWeight:{regular:"400",semibold:"600",bold:"700"}},xs:{fontSize:t.max(t.xUnits(3),"12px"),lineHeight:"1.3333",fontWeight:{regular:"400",semibold:"600",bold:"700"}},sm:{fontSize:t.max(t.xUnits(3.4375),"12px"),lineHeight:"1.2",fontWeight:{regular:"400",semibold:"600",bold:"700"}},md:{fontSize:t.max(t.xUnits(4),"12px"),lineHeight:"1.25",fontWeight:{regular:"400",semibold:"600",bold:"700"}},lg:{fontSize:t.max(t.xUnits(4.5),"14px"),lineHeight:"1.3333",fontWeight:{regular:"400",semibold:"600",bold:"700"}},xl:{fontSize:t.max(t.xUnits(5),"16px"),lineHeight:"1.4",fontWeight:{regular:"400",semibold:"600",bold:"700"}}}};i.typography=n,Object.defineProperty(i,"__esModule",{value:!0})}));
+define(['exports', '../../../utils-5c3646a3', '../themeContract.css'], (function(i,t,e){"use strict";const n={heading:{xs:{fontSize:t.xUnits(5),lineHeight:"1.4",fontWeight:"800"},sm:{fontSize:t.xUnits(6),lineHeight:"1.3333",fontWeight:"800"},md:{fontSize:t.xUnits(7),lineHeight:"1.2857",fontWeight:"800"},lg:{fontSize:t.xUnits(8),lineHeight:"1.25",fontWeight:"800"},xl:{fontSize:t.xUnits(9),lineHeight:"1.222",fontWeight:"800"},"2xl":{fontSize:t.xUnits(10),lineHeight:"1.3",fontWeight:"800"}},subheader:{"2xs":{fontSize:t.xUnits(3.5),lineHeight:"1.4286",fontWeight:"700"},xs:{fontSize:t.xUnits(4),lineHeight:"1.5",fontWeight:"700"},sm:{fontSize:t.xUnits(5),lineHeight:"1.4",fontWeight:"700"},md:{fontSize:t.xUnits(6),lineHeight:"1.3333",fontWeight:"700"},lg:{fontSize:t.xUnits(7),lineHeight:"1.2857",fontWeight:"700"},xl:{fontSize:t.xUnits(8),lineHeight:"1.25",fontWeight:"700"},"2xl":{fontSize:t.xUnits(9),lineHeight:"1.2222",fontWeight:"700"}},body:{"2xs":{fontSize:t.max(t.xUnits(2.5),"10px"),lineHeight:"1.2",fontWeight:{regular:"400",semibold:"600",bold:"700"}},xs:{fontSize:t.max(t.xUnits(3),"12px"),lineHeight:"1.3333",fontWeight:{regular:"400",semibold:"600",bold:"700"}},sm:{fontSize:t.max(t.xUnits(3.4375),"12px"),lineHeight:"1.2",fontWeight:{regular:"400",semibold:"600",bold:"700"}},md:{fontSize:t.max(t.xUnits(4),"12px"),lineHeight:"1.25",fontWeight:{regular:"400",semibold:"600",bold:"700"}},lg:{fontSize:t.max(t.xUnits(4.5),"14px"),lineHeight:"1.3333",fontWeight:{regular:"400",semibold:"600",bold:"700"}},xl:{fontSize:t.max(t.xUnits(5),"16px"),lineHeight:"1.4",fontWeight:{regular:"400",semibold:"600",bold:"700"}}}};i.typography=n,Object.defineProperty(i,"__esModule",{value:!0})}));
 //# sourceMappingURL=theme.typography.tokens.js.map

package/amd/Common/themes/stable/theme.base.tokens.js

@@ -1,2 +1,2 @@
-define(['exports', '../../../UNSAFE_Theme', '../themeContract.css', '../../../utils-81df4684'], (function(o,s,t,e){"use strict";const r={cursor:{clickable:"pointer"},boxShadow:{xs:`rgba(${t.colorSchemeVars.boxshadow.shadowcolor}, .12) 0 ${e.xUnits(.25)} ${e.xUnits(1)} 0`,sm:`rgba(${t.colorSchemeVars.boxshadow.shadowcolor}, .16) 0 ${e.xUnits(1)} ${e.xUnits(2)} 0`,md:`rgba(${t.colorSchemeVars.boxshadow.shadowcolor}, .2) 0 ${e.xUnits(1.5)} ${e.xUnits(3)} 0`,lg:`rgba(${t.colorSchemeVars.boxshadow.shadowcolor}, .24) 0 ${e.xUnits(2)} ${e.xUnits(4)} 0`,xl:`rgba(${t.colorSchemeVars.boxshadow.shadowcolor}, .28) 0 ${e.xUnits(3)} ${e.xUnits(5)} 0`},borderRadius:{sm:e.xUnits(.5),md:e.xUnits(1),lg:e.xUnits(1.5),xl:e.xUnits(2)}},a={listRowHeight:e.xUnits(10),listCellPaddingVertical:e.xUnits(3),sparkleImg:"none"},i={label:{sm:{fontSize:t.typographyVars.body.xs.fontSize},md:{fontSize:t.typographyVars.body.sm.fontSize},lg:{fontSize:t.typographyVars.body.md.fontSize}}};o.base=r,o.collection=a,o.dvt=i,Object.defineProperty(o,"__esModule",{value:!0})}));
+define(['exports', '../../../UNSAFE_Theme', '../themeContract.css', '../../../utils-5c3646a3'], (function(o,s,t,e){"use strict";const r={cursor:{clickable:"pointer"},boxShadow:{xs:`rgba(${t.colorSchemeVars.boxshadow.shadowcolor}, .12) 0 ${e.xUnits(.25)} ${e.xUnits(1)} 0`,sm:`rgba(${t.colorSchemeVars.boxshadow.shadowcolor}, .16) 0 ${e.xUnits(1)} ${e.xUnits(2)} 0`,md:`rgba(${t.colorSchemeVars.boxshadow.shadowcolor}, .2) 0 ${e.xUnits(1.5)} ${e.xUnits(3)} 0`,lg:`rgba(${t.colorSchemeVars.boxshadow.shadowcolor}, .24) 0 ${e.xUnits(2)} ${e.xUnits(4)} 0`,xl:`rgba(${t.colorSchemeVars.boxshadow.shadowcolor}, .28) 0 ${e.xUnits(3)} ${e.xUnits(5)} 0`},borderRadius:{sm:e.xUnits(.5),md:e.xUnits(1),lg:e.xUnits(1.5),xl:e.xUnits(2)}},a={listRowHeight:e.xUnits(10),listCellPaddingVertical:e.xUnits(3),sparkleImg:"none"},i={label:{sm:{fontSize:t.typographyVars.body.xs.fontSize},md:{fontSize:t.typographyVars.body.sm.fontSize},lg:{fontSize:t.typographyVars.body.md.fontSize}}};o.base=r,o.collection=a,o.dvt=i,Object.defineProperty(o,"__esModule",{value:!0})}));
 //# sourceMappingURL=theme.base.tokens.js.map

package/amd/Common/themes/stable/theme.dark.tokens.js

@@ -1,2 +1,2 @@
-define(['exports', '../../../utils-81df4684', '../themeContract.css'], (function(e,r,a){"use strict";const t={palette:{neutral:{0:"0,0,0",10:"10,10,10",20:"15,15,15",30:"22,22,22",40:"33,33,33",50:"46,46,46",60:"63,63,63",70:"73,73,73",80:"85,85,85",90:"101,101,101",100:"118,118,118",110:"129,129,129",120:"139,139,139",130:"151,151,151",140:"164,164,164",150:"178,178,178",160:"195,195,195",170:"207,207,207",180:"228,228,228",190:"238,238,238",200:"254,254,254"},danger:{10:"20,5,3",20:"32,9,6",30:"44,12,8",40:"64,17,11",50:"89,24,16",60:"119,33,21",70:"137,38,24",80:"159,44,28",90:"188,52,33",100:"218,60,38",110:"232,74,52",120:"242,88,67",130:"253,103,82",140:"255,127,109",150:"255,150,136",160:"255,176,165",170:"255,193,185",180:"255,220,216",190:"255,234,232"},success:{10:"7,11,3",20:"11,18,5",30:"15,24,6",40:"23,37,10",50:"32,52,14",60:"44,70,19",70:"51,82,22",80:"59,95,26",90:"71,113,31",100:"82,131,36",110:"90,144,41",120:"99,155,48",130:"110,167,57",140:"121,181,66",150:"134,196,76",160:"158,212,107",170:"179,221,139",180:"211,236,185",190:"228,244,210"},warning:{10:"13,7,1",20:"25,15,2",30:"32,18,2",40:"49,28,4",50:"69,39,5",60:"94,54,7",70:"109,63,8",80:"127,73,9",90:"151,86,11",100:"175,100,12",110:"192,109,14",120:"207,118,15",130:"224,128,16",140:"233,144,42",150:"239,163,75",160:"243,185,118",170:"246,200,148",180:"250,224,194",190:"252,236,219"},info:{10:"1,12,15",20:"2,17,23",30:"3,25,32",40:"4,36,48",50:"5,51,67",60:"7,69,91",70:"5,80,106",80:"2,93,125",90:"8,110,146",100:"38,127,159",110:"58,139,169",120:"74,149,176",130:"93,161,185",140:"115,173,195",150:"136,186,205",160:"163,202,217",170:"182,213,226",180:"212,231,239",190:"229,241,247"},brand:{10:"0,10,16",20:"0,18,29",30:"0,23,37",40:"1,36,57",50:"1,49,80",60:"1,66,108",70:"1,77,125",80:"1,89,145",90:"2,106,171",100:"2,123,199",110:"28,136,205",120:"49,147,209",130:"72,159,214",140:"97,172,220",150:"124,186,226",160:"154,202,233",170:"175,213,237",180:"210,231,245",190:"228,241,249"}},overlay:{hover:r.rgba(a.colorSchemeVars.palette.neutral[200],.08),active:r.rgba(a.colorSchemeVars.palette.neutral[200],.12),dangerHover:r.rgba(a.colorSchemeVars.palette.danger[60],.32),dangerActive:r.rgba(a.colorSchemeVars.palette.danger[60],.4),scrim:r.rgba(a.colorSchemeVars.palette.neutral[200],.4),inverseHover:r.rgba(a.colorSchemeVars.palette.neutral[20],.08),inverseActive:r.rgba(a.colorSchemeVars.palette.neutral[20],.16)},pageBackground:{neutral0:r.rgb(a.colorSchemeVars.palette.neutral[10]),neutral10:r.rgb(a.colorSchemeVars.palette.neutral[20]),neutral20:r.rgb(a.colorSchemeVars.palette.neutral[30]),neutral30:r.rgb(a.colorSchemeVars.palette.neutral[40]),neutral40:r.rgb(a.colorSchemeVars.palette.neutral[50])},surface:{neutral0:r.rgb(a.colorSchemeVars.palette.neutral[10]),neutral10:r.rgb(a.colorSchemeVars.palette.neutral[20]),neutral20:r.rgb(a.colorSchemeVars.palette.neutral[30]),neutral30:r.rgb(a.colorSchemeVars.palette.neutral[40]),selected:r.rgb(a.colorSchemeVars.palette.brand[70]),disabled:r.rgba(a.colorSchemeVars.palette.neutral[200],.04),neutral:{low:r.rgb(a.colorSchemeVars.palette.neutral[40]),subtle:r.rgba(a.colorSchemeVars.palette.neutral[200],.16),strong:r.rgb(a.colorSchemeVars.palette.neutral[100])},success:{low:r.rgb(a.colorSchemeVars.palette.success[40]),subtle:r.rgba(a.colorSchemeVars.palette.success[70],.6),strong:r.rgb(a.colorSchemeVars.palette.success[100])},info:{low:r.rgb(a.colorSchemeVars.palette.info[40]),subtle:r.rgba(a.colorSchemeVars.palette.info[70],.6),strong:r.rgb(a.colorSchemeVars.palette.info[100])},warning:{low:r.rgb(a.colorSchemeVars.palette.warning[40]),subtle:r.rgba(a.colorSchemeVars.palette.warning[70],.6),strong:r.rgb(a.colorSchemeVars.palette.warning[100])},danger:{low:r.rgb(a.colorSchemeVars.palette.danger[40]),subtle:r.rgba(a.colorSchemeVars.palette.danger[70],.6),strong:r.rgb(a.colorSchemeVars.palette.danger[100])}},border:{enabled:r.rgba(a.colorSchemeVars.palette.neutral[200],.5),disabled:r.rgba(a.colorSchemeVars.palette.neutral[200],.2),divider:r.rgba(a.colorSchemeVars.palette.neutral[200],.12),selected:r.rgb(a.colorSchemeVars.palette.brand[170]),dropLine:r.rgb(a.colorSchemeVars.palette.brand[170]),selectedNeutral:r.rgb(a.colorSchemeVars.palette.neutral[200]),warning:r.rgb(a.colorSchemeVars.palette.warning[110]),danger:r.rgb(a.colorSchemeVars.palette.danger[110]),keyboardFocus:r.rgb(a.colorSchemeVars.palette.neutral[200])},boxshadow:{shadowcolor:a.colorSchemeVars.palette.neutral[0]},textIcon:{primary:r.rgb(a.colorSchemeVars.palette.neutral[200]),secondary:r.rgba(a.colorSchemeVars.palette.neutral[200],.7),disabled:r.rgba(a.colorSchemeVars.palette.neutral[200],.4),inverse:r.rgb(a.colorSchemeVars.palette.neutral[10]),link:r.rgb(a.colorSchemeVars.palette.brand[170]),success:r.rgb(a.colorSchemeVars.palette.success[120]),info:r.rgb(a.colorSchemeVars.palette.info[120]),warning:r.rgb(a.colorSchemeVars.palette.warning[120]),danger:r.rgb(a.colorSchemeVars.palette.danger[120]),successLow:r.rgb(a.colorSchemeVars.palette.success[100]),infoLow:r.rgb(a.colorSchemeVars.palette.info[100]),warningLow:r.rgb(a.colorSchemeVars.palette.warning[100]),dangerLow:r.rgb(a.colorSchemeVars.palette.danger[100]),onColor:r.rgb(a.colorSchemeVars.palette.neutral[200])},collection:{header:{text:r.rgb(a.colorSchemeVars.textIcon.primary),surface:{selected:r.rgba(a.colorSchemeVars.palette.neutral[200],.12),partialSelected:r.rgba(a.colorSchemeVars.palette.neutral[200],.04)}}},collectionGrid:{cell:{surfaceEdit:r.rgb(a.colorSchemeVars.palette.neutral[0])}},measure:{track:{enabled:r.rgba(a.colorSchemeVars.palette.neutral[200],.16),disabled:r.rgba(a.colorSchemeVars.palette.neutral[200],.16)},fill:{enabled:r.rgb(a.colorSchemeVars.palette.neutral[200]),disabled:r.rgba(a.colorSchemeVars.palette.neutral[200],.3)},thumb:{surface:r.fallbackVar(a.globalVars.currentBackgroundColor,a.colorSchemeVars.palette.neutral[0])},reference:{line:r.rgba(a.colorSchemeVars.palette.neutral[200],.8),lineContrast:r.rgba(a.colorSchemeVars.palette.neutral[20],.7),area:r.rgba(a.colorSchemeVars.palette.neutral[200],.08)}},dvt:{contrastLine:r.rgb(a.colorSchemeVars.palette.neutral[20]),paletteQualitative:{1:"36, 93, 99",2:"222, 127, 17",3:"95, 185, 181",4:"78, 65, 55",5:"160, 201, 140",6:"180, 114, 130",7:"131, 64, 30",8:"158, 127, 204",9:"251, 194, 106",10:"88, 49, 110",11:"95, 162, 186",12:"49, 122, 69"},threshold:{success:r.rgb(a.colorSchemeVars.palette.success[100]),warning:"rgb(207, 124, 0)",danger:r.rgb(a.colorSchemeVars.palette.danger[100])},marquee:{border:r.rgba(a.colorSchemeVars.palette.neutral[190],.8),surface:r.rgba(a.colorSchemeVars.palette.neutral[20],.1)},referenceObject:{area:r.rgba(a.colorSchemeVars.palette.neutral[170],.08),line:r.rgba(a.colorSchemeVars.palette.neutral[190],.8)},overview:{background:r.rgb(a.colorSchemeVars.palette.neutral[50]),windowBackground:r.rgb(a.colorSchemeVars.palette.neutral[0]),windowBorder:r.rgb(a.colorSchemeVars.palette.neutral[170])}}};e.colorScheme=t,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../../../utils-5c3646a3', '../themeContract.css'], (function(e,r,a){"use strict";const t={palette:{neutral:{0:"0,0,0",10:"10,10,10",20:"15,15,15",30:"22,22,22",40:"33,33,33",50:"46,46,46",60:"63,63,63",70:"73,73,73",80:"85,85,85",90:"101,101,101",100:"118,118,118",110:"129,129,129",120:"139,139,139",130:"151,151,151",140:"164,164,164",150:"178,178,178",160:"195,195,195",170:"207,207,207",180:"228,228,228",190:"238,238,238",200:"254,254,254"},danger:{10:"20,5,3",20:"32,9,6",30:"44,12,8",40:"64,17,11",50:"89,24,16",60:"119,33,21",70:"137,38,24",80:"159,44,28",90:"188,52,33",100:"218,60,38",110:"232,74,52",120:"242,88,67",130:"253,103,82",140:"255,127,109",150:"255,150,136",160:"255,176,165",170:"255,193,185",180:"255,220,216",190:"255,234,232"},success:{10:"7,11,3",20:"11,18,5",30:"15,24,6",40:"23,37,10",50:"32,52,14",60:"44,70,19",70:"51,82,22",80:"59,95,26",90:"71,113,31",100:"82,131,36",110:"90,144,41",120:"99,155,48",130:"110,167,57",140:"121,181,66",150:"134,196,76",160:"158,212,107",170:"179,221,139",180:"211,236,185",190:"228,244,210"},warning:{10:"13,7,1",20:"25,15,2",30:"32,18,2",40:"49,28,4",50:"69,39,5",60:"94,54,7",70:"109,63,8",80:"127,73,9",90:"151,86,11",100:"175,100,12",110:"192,109,14",120:"207,118,15",130:"224,128,16",140:"233,144,42",150:"239,163,75",160:"243,185,118",170:"246,200,148",180:"250,224,194",190:"252,236,219"},info:{10:"1,12,15",20:"2,17,23",30:"3,25,32",40:"4,36,48",50:"5,51,67",60:"7,69,91",70:"5,80,106",80:"2,93,125",90:"8,110,146",100:"38,127,159",110:"58,139,169",120:"74,149,176",130:"93,161,185",140:"115,173,195",150:"136,186,205",160:"163,202,217",170:"182,213,226",180:"212,231,239",190:"229,241,247"},brand:{10:"0,10,16",20:"0,18,29",30:"0,23,37",40:"1,36,57",50:"1,49,80",60:"1,66,108",70:"1,77,125",80:"1,89,145",90:"2,106,171",100:"2,123,199",110:"28,136,205",120:"49,147,209",130:"72,159,214",140:"97,172,220",150:"124,186,226",160:"154,202,233",170:"175,213,237",180:"210,231,245",190:"228,241,249"}},overlay:{hover:r.rgba(a.colorSchemeVars.palette.neutral[200],.08),active:r.rgba(a.colorSchemeVars.palette.neutral[200],.12),dangerHover:r.rgba(a.colorSchemeVars.palette.danger[60],.32),dangerActive:r.rgba(a.colorSchemeVars.palette.danger[60],.4),scrim:r.rgba(a.colorSchemeVars.palette.neutral[200],.4),inverseHover:r.rgba(a.colorSchemeVars.palette.neutral[20],.08),inverseActive:r.rgba(a.colorSchemeVars.palette.neutral[20],.16)},pageBackground:{neutral0:r.rgb(a.colorSchemeVars.palette.neutral[10]),neutral10:r.rgb(a.colorSchemeVars.palette.neutral[20]),neutral20:r.rgb(a.colorSchemeVars.palette.neutral[30]),neutral30:r.rgb(a.colorSchemeVars.palette.neutral[40]),neutral40:r.rgb(a.colorSchemeVars.palette.neutral[50])},surface:{neutral0:r.rgb(a.colorSchemeVars.palette.neutral[10]),neutral10:r.rgb(a.colorSchemeVars.palette.neutral[20]),neutral20:r.rgb(a.colorSchemeVars.palette.neutral[30]),neutral30:r.rgb(a.colorSchemeVars.palette.neutral[40]),selected:r.rgb(a.colorSchemeVars.palette.brand[70]),disabled:r.rgba(a.colorSchemeVars.palette.neutral[200],.04),neutral:{low:r.rgb(a.colorSchemeVars.palette.neutral[40]),subtle:r.rgba(a.colorSchemeVars.palette.neutral[200],.16),strong:r.rgb(a.colorSchemeVars.palette.neutral[100])},success:{low:r.rgb(a.colorSchemeVars.palette.success[40]),subtle:r.rgba(a.colorSchemeVars.palette.success[70],.6),strong:r.rgb(a.colorSchemeVars.palette.success[100])},info:{low:r.rgb(a.colorSchemeVars.palette.info[40]),subtle:r.rgba(a.colorSchemeVars.palette.info[70],.6),strong:r.rgb(a.colorSchemeVars.palette.info[100])},warning:{low:r.rgb(a.colorSchemeVars.palette.warning[40]),subtle:r.rgba(a.colorSchemeVars.palette.warning[70],.6),strong:r.rgb(a.colorSchemeVars.palette.warning[100])},danger:{low:r.rgb(a.colorSchemeVars.palette.danger[40]),subtle:r.rgba(a.colorSchemeVars.palette.danger[70],.6),strong:r.rgb(a.colorSchemeVars.palette.danger[100])}},border:{enabled:r.rgba(a.colorSchemeVars.palette.neutral[200],.5),disabled:r.rgba(a.colorSchemeVars.palette.neutral[200],.2),divider:r.rgba(a.colorSchemeVars.palette.neutral[200],.12),selected:r.rgb(a.colorSchemeVars.palette.brand[170]),dropLine:r.rgb(a.colorSchemeVars.palette.brand[170]),selectedNeutral:r.rgb(a.colorSchemeVars.palette.neutral[200]),warning:r.rgb(a.colorSchemeVars.palette.warning[110]),danger:r.rgb(a.colorSchemeVars.palette.danger[110]),keyboardFocus:r.rgb(a.colorSchemeVars.palette.neutral[200])},boxshadow:{shadowcolor:a.colorSchemeVars.palette.neutral[0]},textIcon:{primary:r.rgb(a.colorSchemeVars.palette.neutral[200]),secondary:r.rgba(a.colorSchemeVars.palette.neutral[200],.7),disabled:r.rgba(a.colorSchemeVars.palette.neutral[200],.4),inverse:r.rgb(a.colorSchemeVars.palette.neutral[10]),link:r.rgb(a.colorSchemeVars.palette.brand[170]),success:r.rgb(a.colorSchemeVars.palette.success[120]),info:r.rgb(a.colorSchemeVars.palette.info[120]),warning:r.rgb(a.colorSchemeVars.palette.warning[120]),danger:r.rgb(a.colorSchemeVars.palette.danger[120]),successLow:r.rgb(a.colorSchemeVars.palette.success[100]),infoLow:r.rgb(a.colorSchemeVars.palette.info[100]),warningLow:r.rgb(a.colorSchemeVars.palette.warning[100]),dangerLow:r.rgb(a.colorSchemeVars.palette.danger[100]),onColor:r.rgb(a.colorSchemeVars.palette.neutral[200])},collection:{header:{text:r.rgb(a.colorSchemeVars.textIcon.primary),surface:{selected:r.rgba(a.colorSchemeVars.palette.neutral[200],.12),partialSelected:r.rgba(a.colorSchemeVars.palette.neutral[200],.04)}}},collectionGrid:{cell:{surfaceEdit:r.rgb(a.colorSchemeVars.palette.neutral[0])}},measure:{track:{enabled:r.rgba(a.colorSchemeVars.palette.neutral[200],.16),disabled:r.rgba(a.colorSchemeVars.palette.neutral[200],.16)},fill:{enabled:r.rgb(a.colorSchemeVars.palette.neutral[200]),disabled:r.rgba(a.colorSchemeVars.palette.neutral[200],.3)},thumb:{surface:r.fallbackVar(a.globalVars.currentBackgroundColor,a.colorSchemeVars.palette.neutral[0])},reference:{line:r.rgba(a.colorSchemeVars.palette.neutral[200],.8),lineContrast:r.rgba(a.colorSchemeVars.palette.neutral[20],.7),area:r.rgba(a.colorSchemeVars.palette.neutral[200],.08)}},dvt:{contrastLine:r.rgb(a.colorSchemeVars.palette.neutral[20]),paletteQualitative:{1:"36, 93, 99",2:"222, 127, 17",3:"95, 185, 181",4:"78, 65, 55",5:"160, 201, 140",6:"180, 114, 130",7:"131, 64, 30",8:"158, 127, 204",9:"251, 194, 106",10:"88, 49, 110",11:"95, 162, 186",12:"49, 122, 69"},threshold:{success:r.rgb(a.colorSchemeVars.palette.success[100]),warning:"rgb(207, 124, 0)",danger:r.rgb(a.colorSchemeVars.palette.danger[100])},marquee:{border:r.rgba(a.colorSchemeVars.palette.neutral[190],.8),surface:r.rgba(a.colorSchemeVars.palette.neutral[20],.1)},referenceObject:{area:r.rgba(a.colorSchemeVars.palette.neutral[170],.08),line:r.rgba(a.colorSchemeVars.palette.neutral[190],.8)},overview:{background:r.rgb(a.colorSchemeVars.palette.neutral[50]),windowBackground:r.rgb(a.colorSchemeVars.palette.neutral[0]),windowBorder:r.rgb(a.colorSchemeVars.palette.neutral[170])}}};e.colorScheme=t,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=theme.dark.tokens.js.map

package/amd/Common/themes/stable/theme.light.tokens.js

@@ -1,2 +1,2 @@
-define(['exports', '../../../utils-81df4684', '../themeContract.css'], (function(e,r,a){"use strict";const t={palette:{neutral:{0:"254, 254, 254",10:"249, 249, 249",20:"244, 244, 244",30:"239, 239, 239",40:"226, 226, 226",50:"207, 207, 207",60:"184, 184, 184",70:"169, 169, 169",80:"153, 153, 153",90:"134, 134, 134",100:"117, 117, 117",110:"97, 97, 97",120:"87, 87, 87",130:"76, 76, 76",140:"67, 67, 67",150:"67, 67, 67",160:"54, 54, 54",170:"45, 45, 45",180:"31, 31, 31",190:"22, 22, 22",200:"00, 00, 00"},danger:{10:"255, 248, 247",20:"255, 241, 239",30:"255, 235, 232",40:"255, 217, 211",50:"255, 193, 184",60:"255, 157, 144",70:"255, 134, 117",80:"254, 104, 84",90:"236, 79, 58",100:"214, 59, 37",110:"195, 53, 34",120:"179, 49, 31",130:"170, 34, 34",140:"143, 39, 25",150:"124, 34, 22",160:"102, 28, 18",170:"86, 24, 15",180:"60,17,11",190:"42,12,7"},success:{10:"244, 252, 235",20:"235, 248, 222",30:"228, 245, 211",40:"207, 235, 179",50:"177, 221, 136",60:"138, 201, 79",70:"125, 186, 69",80:"111, 169, 57",90:"94, 148, 43",100:"80, 130, 35",110:"73, 118, 32",120:"67, 107, 29",130:"60, 96, 26",140:"53, 86, 23",150:"46, 73, 20",160:"38, 61, 16",170:"31, 51, 14",180:"21,35,9",190:"15,23,6"},warning:{10:"254,249,242",20:"253,242,229",30:"252,237,220",40:"249,221,188",50:"246,199,146",60:"240,169,87",70:"235,150,50",80:"225,130,18",90:"198,113,14",100:"172,99,12",110:"156,89,11",120:"143,82,10",130:"129,73,9",140:"114,65,8",150:"99,56,7",160:"81,47,6",170:"69,39,5",180:"46,26,3",190:"32,18,2"},info:{10:"246,250,252",20:"237,246,249",30:"228,241,247",40:"208,229,238",50:"180,213,225",60:"143,191,208",70:"121,177,198",80:"95,162,186",90:"65,144,172",100:"34,126,158",110:"14,114,149",120:"0,104,140",130:"2,94,126",140:"4,83,111",150:"6,72,95",160:"6,60,78",170:"5,50,66",180:"4,35,45",190:"2,24,31"},brand:{10:"246,250,253",20:"236,245,251",30:"228,241,249",40:"206,229,244",50:"175,213,237",60:"131,190,228",70:"105,177,222",80:"75,161,215",90:"36,141,206",100:"2,120,195",110:"2,110,177",120:"2,101,163",130:"1,91,146",140:"1,80,130",150:"1,70,113",160:"1,58,93",170:"1,48,78",180:"4,33,56",190:"2,22,42"}},overlay:{hover:r.rgba(a.colorSchemeVars.palette.neutral[190],.04),active:r.rgba(a.colorSchemeVars.palette.neutral[190],.06),dangerHover:r.rgba(a.colorSchemeVars.palette.danger[60],.16),dangerActive:r.rgba(a.colorSchemeVars.palette.danger[60],.2),scrim:r.rgba(a.colorSchemeVars.palette.neutral[190],.4),inverseHover:r.rgba(a.colorSchemeVars.palette.neutral[0],.08),inverseActive:r.rgba(a.colorSchemeVars.palette.neutral[0],.12)},pageBackground:{neutral0:r.rgb(a.colorSchemeVars.palette.neutral[0]),neutral10:r.rgb(a.colorSchemeVars.palette.neutral[10]),neutral20:r.rgb(a.colorSchemeVars.palette.neutral[20]),neutral30:r.rgb(a.colorSchemeVars.palette.neutral[30]),neutral40:r.rgb(a.colorSchemeVars.palette.neutral[40])},surface:{neutral0:r.rgb(a.colorSchemeVars.palette.neutral[0]),neutral10:r.rgb(a.colorSchemeVars.palette.neutral[10]),neutral20:r.rgb(a.colorSchemeVars.palette.neutral[20]),neutral30:r.rgb(a.colorSchemeVars.palette.neutral[30]),selected:r.rgb(a.colorSchemeVars.palette.brand[30]),disabled:r.rgba(a.colorSchemeVars.palette.neutral[190],.04),neutral:{low:r.rgb(a.colorSchemeVars.palette.neutral[10]),subtle:r.rgba(a.colorSchemeVars.palette.neutral[190],.08),strong:r.rgb(a.colorSchemeVars.palette.neutral[100])},success:{low:r.rgb(a.colorSchemeVars.palette.success[10]),subtle:r.rgba(a.colorSchemeVars.palette.success[60],.4),strong:r.rgb(a.colorSchemeVars.palette.success[100])},info:{low:r.rgb(a.colorSchemeVars.palette.info[10]),subtle:r.rgba(a.colorSchemeVars.palette.info[60],.4),strong:r.rgb(a.colorSchemeVars.palette.info[100])},warning:{low:r.rgb(a.colorSchemeVars.palette.warning[10]),subtle:r.rgba(a.colorSchemeVars.palette.warning[60],.4),strong:r.rgb(a.colorSchemeVars.palette.warning[100])},danger:{low:r.rgb(a.colorSchemeVars.palette.danger[10]),subtle:r.rgba(a.colorSchemeVars.palette.danger[60],.4),strong:r.rgb(a.colorSchemeVars.palette.danger[100])}},border:{enabled:r.rgba(a.colorSchemeVars.palette.neutral[190],.5),disabled:r.rgba(a.colorSchemeVars.palette.neutral[190],.2),divider:r.rgba(a.colorSchemeVars.palette.neutral[190],.12),selected:r.rgb(a.colorSchemeVars.palette.brand[110]),dropLine:r.rgb(a.colorSchemeVars.palette.brand[100]),selectedNeutral:r.rgb(a.colorSchemeVars.palette.neutral[190]),warning:r.rgb(a.colorSchemeVars.palette.warning[100]),danger:r.rgb(a.colorSchemeVars.palette.danger[100]),keyboardFocus:r.rgb(a.colorSchemeVars.palette.neutral[190])},boxshadow:{shadowcolor:a.colorSchemeVars.palette.neutral[200]},textIcon:{primary:r.rgb(a.colorSchemeVars.palette.neutral[190]),secondary:r.rgba(a.colorSchemeVars.palette.neutral[190],.7),disabled:r.rgba(a.colorSchemeVars.palette.neutral[190],.4),inverse:r.rgb(a.colorSchemeVars.palette.neutral[0]),link:r.rgb(a.colorSchemeVars.palette.brand[120]),success:r.rgb(a.colorSchemeVars.palette.success[120]),info:r.rgb(a.colorSchemeVars.palette.info[120]),warning:r.rgb(a.colorSchemeVars.palette.warning[120]),danger:r.rgb(a.colorSchemeVars.palette.danger[120]),successLow:r.rgb(a.colorSchemeVars.palette.success[100]),infoLow:r.rgb(a.colorSchemeVars.palette.info[100]),warningLow:r.rgb(a.colorSchemeVars.palette.warning[100]),dangerLow:r.rgb(a.colorSchemeVars.palette.danger[100]),onColor:r.rgb(a.colorSchemeVars.palette.neutral[0])},collection:{header:{text:r.rgb(a.colorSchemeVars.textIcon.primary),surface:{selected:r.rgba(a.colorSchemeVars.palette.neutral[190],.12),partialSelected:r.rgba(a.colorSchemeVars.palette.neutral[190],.04)}}},collectionGrid:{cell:{surfaceEdit:r.rgb(a.colorSchemeVars.palette.neutral[0])}},measure:{track:{enabled:r.rgba(a.colorSchemeVars.palette.neutral[190],.16),disabled:r.rgba(a.colorSchemeVars.palette.neutral[190],.16)},fill:{enabled:r.rgb(a.colorSchemeVars.palette.neutral[190]),disabled:r.rgba(a.colorSchemeVars.palette.neutral[190],.2)},thumb:{surface:r.fallbackVar(a.globalVars.currentBackgroundColor,a.colorSchemeVars.palette.neutral[0])},reference:{line:r.rgba(a.colorSchemeVars.palette.neutral[190],.8),lineContrast:r.rgba(a.colorSchemeVars.palette.neutral[20],.7),area:r.rgba(a.colorSchemeVars.palette.neutral[170],.08)}},dvt:{contrastLine:r.rgb(a.colorSchemeVars.palette.neutral[20]),paletteQualitative:{1:"36, 93, 99",2:"222, 127, 17",3:"95, 185, 181",4:"78, 65, 55",5:"160, 201, 140",6:"180, 114, 130",7:"131, 64, 30",8:"158, 127, 204",9:"251, 194, 106",10:"88, 49, 110",11:"95, 162, 186",12:"49, 122, 69"},threshold:{success:r.rgb(a.colorSchemeVars.palette.success[100]),warning:"rgb(207, 124, 0)",danger:r.rgb(a.colorSchemeVars.palette.danger[100])},marquee:{border:r.rgba(a.colorSchemeVars.palette.neutral[190],.8),surface:r.rgba(a.colorSchemeVars.palette.neutral[20],.1)},referenceObject:{area:r.rgba(a.colorSchemeVars.palette.neutral[170],.08),line:r.rgba(a.colorSchemeVars.palette.neutral[190],.8)},overview:{background:r.rgb(a.colorSchemeVars.palette.neutral[50]),windowBackground:r.rgb(a.colorSchemeVars.palette.neutral[0]),windowBorder:r.rgb(a.colorSchemeVars.palette.neutral[170])}}};e.colorScheme=t,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../../../utils-5c3646a3', '../themeContract.css'], (function(e,r,a){"use strict";const t={palette:{neutral:{0:"254, 254, 254",10:"249, 249, 249",20:"244, 244, 244",30:"239, 239, 239",40:"226, 226, 226",50:"207, 207, 207",60:"184, 184, 184",70:"169, 169, 169",80:"153, 153, 153",90:"134, 134, 134",100:"117, 117, 117",110:"97, 97, 97",120:"87, 87, 87",130:"76, 76, 76",140:"67, 67, 67",150:"67, 67, 67",160:"54, 54, 54",170:"45, 45, 45",180:"31, 31, 31",190:"22, 22, 22",200:"00, 00, 00"},danger:{10:"255, 248, 247",20:"255, 241, 239",30:"255, 235, 232",40:"255, 217, 211",50:"255, 193, 184",60:"255, 157, 144",70:"255, 134, 117",80:"254, 104, 84",90:"236, 79, 58",100:"214, 59, 37",110:"195, 53, 34",120:"179, 49, 31",130:"170, 34, 34",140:"143, 39, 25",150:"124, 34, 22",160:"102, 28, 18",170:"86, 24, 15",180:"60,17,11",190:"42,12,7"},success:{10:"244, 252, 235",20:"235, 248, 222",30:"228, 245, 211",40:"207, 235, 179",50:"177, 221, 136",60:"138, 201, 79",70:"125, 186, 69",80:"111, 169, 57",90:"94, 148, 43",100:"80, 130, 35",110:"73, 118, 32",120:"67, 107, 29",130:"60, 96, 26",140:"53, 86, 23",150:"46, 73, 20",160:"38, 61, 16",170:"31, 51, 14",180:"21,35,9",190:"15,23,6"},warning:{10:"254,249,242",20:"253,242,229",30:"252,237,220",40:"249,221,188",50:"246,199,146",60:"240,169,87",70:"235,150,50",80:"225,130,18",90:"198,113,14",100:"172,99,12",110:"156,89,11",120:"143,82,10",130:"129,73,9",140:"114,65,8",150:"99,56,7",160:"81,47,6",170:"69,39,5",180:"46,26,3",190:"32,18,2"},info:{10:"246,250,252",20:"237,246,249",30:"228,241,247",40:"208,229,238",50:"180,213,225",60:"143,191,208",70:"121,177,198",80:"95,162,186",90:"65,144,172",100:"34,126,158",110:"14,114,149",120:"0,104,140",130:"2,94,126",140:"4,83,111",150:"6,72,95",160:"6,60,78",170:"5,50,66",180:"4,35,45",190:"2,24,31"},brand:{10:"246,250,253",20:"236,245,251",30:"228,241,249",40:"206,229,244",50:"175,213,237",60:"131,190,228",70:"105,177,222",80:"75,161,215",90:"36,141,206",100:"2,120,195",110:"2,110,177",120:"2,101,163",130:"1,91,146",140:"1,80,130",150:"1,70,113",160:"1,58,93",170:"1,48,78",180:"4,33,56",190:"2,22,42"}},overlay:{hover:r.rgba(a.colorSchemeVars.palette.neutral[190],.04),active:r.rgba(a.colorSchemeVars.palette.neutral[190],.06),dangerHover:r.rgba(a.colorSchemeVars.palette.danger[60],.16),dangerActive:r.rgba(a.colorSchemeVars.palette.danger[60],.2),scrim:r.rgba(a.colorSchemeVars.palette.neutral[190],.4),inverseHover:r.rgba(a.colorSchemeVars.palette.neutral[0],.08),inverseActive:r.rgba(a.colorSchemeVars.palette.neutral[0],.12)},pageBackground:{neutral0:r.rgb(a.colorSchemeVars.palette.neutral[0]),neutral10:r.rgb(a.colorSchemeVars.palette.neutral[10]),neutral20:r.rgb(a.colorSchemeVars.palette.neutral[20]),neutral30:r.rgb(a.colorSchemeVars.palette.neutral[30]),neutral40:r.rgb(a.colorSchemeVars.palette.neutral[40])},surface:{neutral0:r.rgb(a.colorSchemeVars.palette.neutral[0]),neutral10:r.rgb(a.colorSchemeVars.palette.neutral[10]),neutral20:r.rgb(a.colorSchemeVars.palette.neutral[20]),neutral30:r.rgb(a.colorSchemeVars.palette.neutral[30]),selected:r.rgb(a.colorSchemeVars.palette.brand[30]),disabled:r.rgba(a.colorSchemeVars.palette.neutral[190],.04),neutral:{low:r.rgb(a.colorSchemeVars.palette.neutral[10]),subtle:r.rgba(a.colorSchemeVars.palette.neutral[190],.08),strong:r.rgb(a.colorSchemeVars.palette.neutral[100])},success:{low:r.rgb(a.colorSchemeVars.palette.success[10]),subtle:r.rgba(a.colorSchemeVars.palette.success[60],.4),strong:r.rgb(a.colorSchemeVars.palette.success[100])},info:{low:r.rgb(a.colorSchemeVars.palette.info[10]),subtle:r.rgba(a.colorSchemeVars.palette.info[60],.4),strong:r.rgb(a.colorSchemeVars.palette.info[100])},warning:{low:r.rgb(a.colorSchemeVars.palette.warning[10]),subtle:r.rgba(a.colorSchemeVars.palette.warning[60],.4),strong:r.rgb(a.colorSchemeVars.palette.warning[100])},danger:{low:r.rgb(a.colorSchemeVars.palette.danger[10]),subtle:r.rgba(a.colorSchemeVars.palette.danger[60],.4),strong:r.rgb(a.colorSchemeVars.palette.danger[100])}},border:{enabled:r.rgba(a.colorSchemeVars.palette.neutral[190],.5),disabled:r.rgba(a.colorSchemeVars.palette.neutral[190],.2),divider:r.rgba(a.colorSchemeVars.palette.neutral[190],.12),selected:r.rgb(a.colorSchemeVars.palette.brand[110]),dropLine:r.rgb(a.colorSchemeVars.palette.brand[100]),selectedNeutral:r.rgb(a.colorSchemeVars.palette.neutral[190]),warning:r.rgb(a.colorSchemeVars.palette.warning[100]),danger:r.rgb(a.colorSchemeVars.palette.danger[100]),keyboardFocus:r.rgb(a.colorSchemeVars.palette.neutral[190])},boxshadow:{shadowcolor:a.colorSchemeVars.palette.neutral[200]},textIcon:{primary:r.rgb(a.colorSchemeVars.palette.neutral[190]),secondary:r.rgba(a.colorSchemeVars.palette.neutral[190],.7),disabled:r.rgba(a.colorSchemeVars.palette.neutral[190],.4),inverse:r.rgb(a.colorSchemeVars.palette.neutral[0]),link:r.rgb(a.colorSchemeVars.palette.brand[120]),success:r.rgb(a.colorSchemeVars.palette.success[120]),info:r.rgb(a.colorSchemeVars.palette.info[120]),warning:r.rgb(a.colorSchemeVars.palette.warning[120]),danger:r.rgb(a.colorSchemeVars.palette.danger[120]),successLow:r.rgb(a.colorSchemeVars.palette.success[100]),infoLow:r.rgb(a.colorSchemeVars.palette.info[100]),warningLow:r.rgb(a.colorSchemeVars.palette.warning[100]),dangerLow:r.rgb(a.colorSchemeVars.palette.danger[100]),onColor:r.rgb(a.colorSchemeVars.palette.neutral[0])},collection:{header:{text:r.rgb(a.colorSchemeVars.textIcon.primary),surface:{selected:r.rgba(a.colorSchemeVars.palette.neutral[190],.12),partialSelected:r.rgba(a.colorSchemeVars.palette.neutral[190],.04)}}},collectionGrid:{cell:{surfaceEdit:r.rgb(a.colorSchemeVars.palette.neutral[0])}},measure:{track:{enabled:r.rgba(a.colorSchemeVars.palette.neutral[190],.16),disabled:r.rgba(a.colorSchemeVars.palette.neutral[190],.16)},fill:{enabled:r.rgb(a.colorSchemeVars.palette.neutral[190]),disabled:r.rgba(a.colorSchemeVars.palette.neutral[190],.2)},thumb:{surface:r.fallbackVar(a.globalVars.currentBackgroundColor,a.colorSchemeVars.palette.neutral[0])},reference:{line:r.rgba(a.colorSchemeVars.palette.neutral[190],.8),lineContrast:r.rgba(a.colorSchemeVars.palette.neutral[20],.7),area:r.rgba(a.colorSchemeVars.palette.neutral[170],.08)}},dvt:{contrastLine:r.rgb(a.colorSchemeVars.palette.neutral[20]),paletteQualitative:{1:"36, 93, 99",2:"222, 127, 17",3:"95, 185, 181",4:"78, 65, 55",5:"160, 201, 140",6:"180, 114, 130",7:"131, 64, 30",8:"158, 127, 204",9:"251, 194, 106",10:"88, 49, 110",11:"95, 162, 186",12:"49, 122, 69"},threshold:{success:r.rgb(a.colorSchemeVars.palette.success[100]),warning:"rgb(207, 124, 0)",danger:r.rgb(a.colorSchemeVars.palette.danger[100])},marquee:{border:r.rgba(a.colorSchemeVars.palette.neutral[190],.8),surface:r.rgba(a.colorSchemeVars.palette.neutral[20],.1)},referenceObject:{area:r.rgba(a.colorSchemeVars.palette.neutral[170],.08),line:r.rgba(a.colorSchemeVars.palette.neutral[190],.8)},overview:{background:r.rgb(a.colorSchemeVars.palette.neutral[50]),windowBackground:r.rgb(a.colorSchemeVars.palette.neutral[0]),windowBorder:r.rgb(a.colorSchemeVars.palette.neutral[170])}}};e.colorScheme=t,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=theme.light.tokens.js.map

package/amd/Common/themes/stable/theme.typography.tokens.js

@@ -1,2 +1,2 @@
-define(['exports', '../../../UNSAFE_Theme', '../../../utils-81df4684', '../themeContract.css'], (function(i,t,e,n){"use strict";const o={heading:{xs:{fontSize:e.xUnits(5),lineHeight:"1.25",fontWeight:"800"},sm:{fontSize:e.xUnits(6),lineHeight:"1.25",fontWeight:"800"},md:{fontSize:e.xUnits(7),lineHeight:"1.25",fontWeight:"800"},lg:{fontSize:e.xUnits(8),lineHeight:"1.25",fontWeight:"800"},xl:{fontSize:e.xUnits(9),lineHeight:"1.25",fontWeight:"800"},"2xl":{fontSize:e.xUnits(10),lineHeight:"1.25",fontWeight:"800"}},subheader:{"2xs":{fontSize:e.xUnits(3),lineHeight:"1.25",fontWeight:"700"},xs:{fontSize:e.xUnits(4),lineHeight:"1.25",fontWeight:"700"},sm:{fontSize:e.xUnits(5),lineHeight:"1.25",fontWeight:"700"},md:{fontSize:e.xUnits(6),lineHeight:"1.25",fontWeight:"700"},lg:{fontSize:e.xUnits(7),lineHeight:"1.25",fontWeight:"700"},xl:{fontSize:e.xUnits(8),lineHeight:"1.25",fontWeight:"700"},"2xl":{fontSize:e.xUnits(9),lineHeight:"1.25",fontWeight:"700"}},body:{"2xs":{fontSize:e.max(e.xUnits(2.5),"10px"),lineHeight:"1.25",fontWeight:{regular:"400",semibold:"600",bold:"700"}},xs:{fontSize:e.max(e.xUnits(3),"12px"),lineHeight:"1.25",fontWeight:{regular:"400",semibold:"600",bold:"700"}},sm:{fontSize:e.max(e.xUnits(3.4375),"12px"),lineHeight:"1.25",fontWeight:{regular:"400",semibold:"600",bold:"700"}},md:{fontSize:e.max(e.xUnits(4),"12px"),lineHeight:"1.25",fontWeight:{regular:"400",semibold:"600",bold:"700"}},lg:{fontSize:e.max(e.xUnits(4.5),"14px"),lineHeight:"1.25",fontWeight:{regular:"400",semibold:"600",bold:"700"}},xl:{fontSize:e.max(e.xUnits(5),"16px"),lineHeight:"1.25",fontWeight:{regular:"400",semibold:"600",bold:"700"}}}};i.typography=o,Object.defineProperty(i,"__esModule",{value:!0})}));
+define(['exports', '../../../UNSAFE_Theme', '../../../utils-5c3646a3', '../themeContract.css'], (function(i,t,e,n){"use strict";const o={heading:{xs:{fontSize:e.xUnits(5),lineHeight:"1.25",fontWeight:"800"},sm:{fontSize:e.xUnits(6),lineHeight:"1.25",fontWeight:"800"},md:{fontSize:e.xUnits(7),lineHeight:"1.25",fontWeight:"800"},lg:{fontSize:e.xUnits(8),lineHeight:"1.25",fontWeight:"800"},xl:{fontSize:e.xUnits(9),lineHeight:"1.25",fontWeight:"800"},"2xl":{fontSize:e.xUnits(10),lineHeight:"1.25",fontWeight:"800"}},subheader:{"2xs":{fontSize:e.xUnits(3),lineHeight:"1.25",fontWeight:"700"},xs:{fontSize:e.xUnits(4),lineHeight:"1.25",fontWeight:"700"},sm:{fontSize:e.xUnits(5),lineHeight:"1.25",fontWeight:"700"},md:{fontSize:e.xUnits(6),lineHeight:"1.25",fontWeight:"700"},lg:{fontSize:e.xUnits(7),lineHeight:"1.25",fontWeight:"700"},xl:{fontSize:e.xUnits(8),lineHeight:"1.25",fontWeight:"700"},"2xl":{fontSize:e.xUnits(9),lineHeight:"1.25",fontWeight:"700"}},body:{"2xs":{fontSize:e.max(e.xUnits(2.5),"10px"),lineHeight:"1.25",fontWeight:{regular:"400",semibold:"600",bold:"700"}},xs:{fontSize:e.max(e.xUnits(3),"12px"),lineHeight:"1.25",fontWeight:{regular:"400",semibold:"600",bold:"700"}},sm:{fontSize:e.max(e.xUnits(3.4375),"12px"),lineHeight:"1.25",fontWeight:{regular:"400",semibold:"600",bold:"700"}},md:{fontSize:e.max(e.xUnits(4),"12px"),lineHeight:"1.25",fontWeight:{regular:"400",semibold:"600",bold:"700"}},lg:{fontSize:e.max(e.xUnits(4.5),"14px"),lineHeight:"1.25",fontWeight:{regular:"400",semibold:"600",bold:"700"}},xl:{fontSize:e.max(e.xUnits(5),"16px"),lineHeight:"1.25",fontWeight:{regular:"400",semibold:"600",bold:"700"}}}};i.typography=o,Object.defineProperty(i,"__esModule",{value:!0})}));
 //# sourceMappingURL=theme.typography.tokens.js.map

package/amd/CompactHelpSource-53d42f46.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './hooks/UNSAFE_useTabbableMode', './hooks/UNSAFE_useTranslationBundle', './utils/UNSAFE_classNames', './PRIVATE_ThemedIcons/HelpIcon', './UNSAFE_Popup', './hooks/UNSAFE_useFocusWithin', './useFocusWithin-ac09e844', './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css', './hooks/UNSAFE_useComponentTheme', './UNSAFE_Label/themes/redwood/LabelTheme', './classNames-06ec52d8'], (function(e,s,o,n,u,t,c,r,a,i,l,p,d,h){"use strict";function f(){const e=o.useRef(null),{focusProps:s,isFocused:n}=i.useFocusWithin();return{isFocused:n,popupProps:{onTransitionEnd:o.useCallback((o=>{o?(s.onfocusin&&e.current?.addEventListener("focusin",s.onfocusin,!1),s.onfocusout&&e.current?.addEventListener("focusout",s.onfocusout,!1)):(s.onfocusin&&e.current?.removeEventListener("focusin",s.onfocusin,!1),s.onfocusout&&e.current?.removeEventListener("focusout",s.onfocusout,!1))}),[s.onfocusin,s.onfocusout,e]),ref:e}}}e.CompactHelpSource=function({children:e,id:t,labelEdge:a,source:i}){const[b,m]=o.useState(!1),E=u.useTranslationBundle("@oracle/oraclejet-preact").userAssistance_learnMore(),{isTabbable:F,tabbableModeProps:A}=n.useTabbableMode(),S=o.useRef(null),T=e??E,{baseTheme:N}=p.useComponentTheme(d.LabelRedwoodTheme),_=h.classNames([N,l.helpIconBase,"start"===a&&l.helpIconLabelEdgeStart]),{isFocused:x,popupProps:U}=f(),L=!0===b||!0===x;return s.jsxs(s.Fragment,{children:[s.jsx("a",{target:"_blank",...i&&{href:i},"aria-label":T,class:_,id:t,ref:S,role:"link",onMouseEnter:()=>m(!0),onMouseLeave:()=>m(!1),onFocus:()=>m(!0),onBlur:()=>m(!1),...F?{tabIndex:0}:A,children:s.jsx(c.HelpIcon,{})}),s.jsx(r.Popup,{...U,placement:"end-top-corner",isOpen:L,anchorRef:S,flipOptions:{mainAxis:!0,crossAxis:!1},children:s.jsx("div",{class:l.helpContentStyles,children:T})})]})},e.usePopupFocusWithin=f}));
+//# sourceMappingURL=CompactHelpSource-53d42f46.js.map

package/amd/CompactHelpSource-53d42f46.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompactHelpSource-53d42f46.js","sources":["../../src/UNSAFE_UserAssistance/usePopupFocusWithin.ts","../../src/UNSAFE_UserAssistance/CompactHelpSource.tsx"],"sourcesContent":["import { useCallback, useRef } from 'preact/hooks';\n\nimport { useFocusWithin } from '../hooks/UNSAFE_useFocusWithin';\n\nexport function usePopupFocusWithin() {\n  const ref = useRef<HTMLElement | null>(null);\n  const { focusProps, isFocused } = useFocusWithin();\n\n  const onTransitionEnd = useCallback(\n    (isAfterOpen?: boolean) => {\n      if (isAfterOpen) {\n        if (focusProps.onfocusin) {\n          ref.current?.addEventListener('focusin', focusProps.onfocusin, false);\n        }\n        if (focusProps.onfocusout) {\n          ref.current?.addEventListener('focusout', focusProps.onfocusout, false);\n        }\n      } else {\n        if (focusProps.onfocusin) {\n          ref.current?.removeEventListener('focusin', focusProps.onfocusin, false);\n        }\n        if (focusProps.onfocusout) {\n          ref.current?.removeEventListener('focusout', focusProps.onfocusout, false);\n        }\n      }\n    },\n    [focusProps.onfocusin, focusProps.onfocusout, ref]\n  );\n\n  return {\n    isFocused,\n    popupProps: {\n      onTransitionEnd,\n      ref\n    }\n  };\n}\n","import { useState, useRef } from 'preact/hooks';\n\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { HelpIcon } from '../PRIVATE_ThemedIcons/HelpIcon';\nimport { Popup } from '../UNSAFE_Popup';\nimport { usePopupFocusWithin } from './usePopupFocusWithin';\nimport {\n  helpIconBase,\n  helpIconLabelEdgeStart,\n  helpContentStyles\n} from './themes/UserAssistanceStyles.css';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { LabelRedwoodTheme } from '../UNSAFE_Label/themes/redwood/LabelTheme';\n\ntype Props = {\n  children?: string;\n  id?: string;\n  labelEdge?: 'inside' | 'start' | 'top';\n  source?: string;\n};\n\nexport function CompactHelpSource({ children, id, labelEdge, source }: Props) {\n  const [isOver, setOver] = useState(false);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const userAssistance_learnMoreStr = translations.userAssistance_learnMore();\n  const { isTabbable, tabbableModeProps } = useTabbableMode();\n  const flip = { mainAxis: true, crossAxis: false };\n  // TODO: Implement and use a preact Link component instead of using an anchor tag\n  const anchorRef = useRef<HTMLAnchorElement>(null);\n\n  const text = children ?? userAssistance_learnMoreStr;\n\n  // helpIconBase references 'Label' vars, so we need to get the baseTheme for 'Label' and include it in the class list\n  // so that we pick up the definitions for the labelVars we are using.\n  const { baseTheme: labelBaseTheme } = useComponentTheme(LabelRedwoodTheme);\n\n  const styles = classNames([\n    labelBaseTheme,\n    helpIconBase,\n    labelEdge === 'start' && helpIconLabelEdgeStart\n  ]);\n\n  const { isFocused: isPopupFocused, popupProps } = usePopupFocusWithin();\n\n  const isOpen = isOver === true || isPopupFocused === true;\n\n  return (\n    <>\n      <a\n        target=\"_blank\"\n        {...(source && { href: source })}\n        aria-label={text}\n        class={styles}\n        id={id}\n        ref={anchorRef}\n        role=\"link\"\n        onMouseEnter={() => setOver(true)}\n        onMouseLeave={() => setOver(false)}\n        onFocus={() => setOver(true)}\n        onBlur={() => setOver(false)}\n        {...(!isTabbable ? tabbableModeProps : { tabIndex: 0 })}>\n        <HelpIcon />\n      </a>\n      <Popup\n        {...popupProps}\n        placement=\"end-top-corner\"\n        isOpen={isOpen}\n        anchorRef={anchorRef}\n        flipOptions={flip}>\n        <div class={helpContentStyles}>{text}</div>\n      </Popup>\n    </>\n  );\n}\n"],"names":["usePopupFocusWithin","ref","useRef","focusProps","isFocused","useFocusWithin","popupProps","onTransitionEnd","useCallback","isAfterOpen","onfocusin","current","addEventListener","onfocusout","removeEventListener","children","id","labelEdge","source","isOver","setOver","useState","userAssistance_learnMoreStr","useTranslationBundle","userAssistance_learnMore","isTabbable","tabbableModeProps","useTabbableMode","anchorRef","text","baseTheme","labelBaseTheme","useComponentTheme","LabelRedwoodTheme","styles","classNames","helpIconBase","helpIconLabelEdgeStart","isPopupFocused","isOpen","_jsxs","_Fragment","_jsx","target","href","class","role","onMouseEnter","onMouseLeave","onFocus","onBlur","tabIndex","jsx","HelpIcon","Popup","placement","flipOptions","mainAxis","crossAxis","helpContentStyles"],"mappings":"qeAIgBA,IACd,MAAMC,EAAMC,SAA2B,OACjCC,WAAEA,EAAUC,UAAEA,GAAcC,EAAcA,iBAuBhD,MAAO,CACLD,YACAE,WAAY,CACVC,gBAxBoBC,eACrBC,IACKA,GACEN,EAAWO,WACbT,EAAIU,SAASC,iBAAiB,UAAWT,EAAWO,WAAW,GAE7DP,EAAWU,YACbZ,EAAIU,SAASC,iBAAiB,WAAYT,EAAWU,YAAY,KAG/DV,EAAWO,WACbT,EAAIU,SAASG,oBAAoB,UAAWX,EAAWO,WAAW,GAEhEP,EAAWU,YACbZ,EAAIU,SAASG,oBAAoB,WAAYX,EAAWU,YAAY,GAEvE,GAEH,CAACV,EAAWO,UAAWP,EAAWU,WAAYZ,IAO5CA,OAGN,qBCZM,UAA4Bc,SAAEA,EAAQC,GAAEA,EAAEC,UAAEA,EAASC,OAAEA,IAC3D,MAAOC,EAAQC,GAAWC,EAAQA,UAAC,GAE7BC,EADeC,uBAAiC,4BACLC,4BAC3CC,WAAEA,EAAUC,kBAAEA,GAAsBC,EAAeA,kBAGnDC,EAAY1B,SAA0B,MAEtC2B,EAAOd,GAAYO,GAIjBQ,UAAWC,GAAmBC,EAAiBA,kBAACC,EAAiBA,mBAEnEC,EAASC,EAAAA,WAAW,CACxBJ,EACAK,EAAYA,aACE,UAAdnB,GAAyBoB,EAAsBA,0BAGzCjC,UAAWkC,EAAchC,WAAEA,GAAeN,IAE5CuC,GAAoB,IAAXpB,IAAsC,IAAnBmB,EAElC,OACEE,EAAAA,KAAAC,EAAAA,SAAA,CAAA1B,SAAA,CACE2B,MACE,IAAA,CAAAC,OAAO,YACFzB,GAAU,CAAE0B,KAAM1B,GACX,aAAAW,EACZgB,MAAOX,EACPlB,GAAIA,EACJf,IAAK2B,EACLkB,KAAK,OACLC,aAAc,IAAM3B,GAAQ,GAC5B4B,aAAc,IAAM5B,GAAQ,GAC5B6B,QAAS,IAAM7B,GAAQ,GACvB8B,OAAQ,IAAM9B,GAAQ,MAChBK,EAAiC,CAAE0B,SAAU,GAAhCzB,EAAoCX,SACvD2B,EAACU,IAAAC,EAAQA,eAEXX,MAACY,EAAAA,MACK,IAAAhD,EACJiD,UAAU,iBACVhB,OAAQA,EACRX,UAAWA,EACX4B,YA1CO,CAAEC,UAAU,EAAMC,WAAW,GA2CpC3C,SAAA2B,EAAAA,IAAA,MAAA,CAAKG,MAAOc,EAAAA,kBAAiB5C,SAAGc,QAIxC"}

package/amd/ComponentMessage-cf3b2cb4.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './hooks/UNSAFE_useComponentTheme', './hooks/UNSAFE_useTranslationBundle', './PRIVATE_Message', './UNSAFE_HiddenAccessible', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageTheme', './HiddenAccessible-c7cb684e', './MessageUtils-91cabd11', './MessageStartIcon-e8d45a5d', './MessageSummary-aaa91597'], (function(e,s,n,a,o,r,t,i,c,d,l){"use strict";e.ComponentMessage=function({detail:e,fieldLabel:o,severity:r="error"}){const{classes:m}=n.useComponentTheme(t.ComponentMessageRedwoodTheme,{severity:r??"none"}),u=a.useTranslationBundle("@oracle/oraclejet-preact"),g={confirmation:u.confirmation(),error:u.error(),info:u.info(),warning:u.warn()};return s.jsxs("div",{class:m,role:"alert","aria-atomic":"true",children:[o&&s.jsx(i.HiddenAccessible,{children:o}),c.isSeverityIconNeeded(r)&&s.jsx(d.MessageStartIcon,{variant:"inline",severity:r,translations:g}),s.jsx(l.MessageSummary,{variant:"inline",text:e})]})}}));
+//# sourceMappingURL=ComponentMessage-cf3b2cb4.js.map

package/amd/ComponentMessage-cf3b2cb4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentMessage-cf3b2cb4.js","sources":["../../src/UNSAFE_ComponentMessage/ComponentMessage.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { isSeverityIconNeeded, MessageStartIcon, MessageSummary } from '../PRIVATE_Message';\nimport { BundleType } from '../resources/nls/bundle';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { ComponentMessageVariantOptions } from './themes/ComponentMessageStyles.css';\nimport { ComponentMessageRedwoodTheme } from './themes/redwood/ComponentMessageTheme';\n\n/**\n * A type for a single component message\n */\nexport type ComponentMessageItem = {\n  summary?: string;\n  detail?: string;\n  severity?: 'confirmation' | 'error' | 'info' | 'warning';\n};\n\n/**\n * Props for the Message Component\n */\ntype Props = {\n  /**\n   * The error detail text for the component message\n   */\n  detail?: ComponentMessageItem['detail'];\n\n  /**\n   * The label of the field which is showing this error\n   */\n  fieldLabel?: string;\n\n  /**\n   * The severity of the component message\n   */\n  severity?: ComponentMessageItem['severity'];\n};\n\n/**\n * The component that renders an individual message for inline component messaging.\n */\nexport function ComponentMessage({ detail, fieldLabel, severity = 'error' }: Props) {\n  const { classes } = useComponentTheme<ComponentMessageVariantOptions>(\n    ComponentMessageRedwoodTheme,\n    {\n      severity: severity ?? 'none'\n    }\n  );\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const severityTranslations = {\n    confirmation: translations.confirmation(),\n    error: translations.error(),\n    info: translations.info(),\n    warning: translations.warn()\n  };\n\n  return (\n    <div class={classes} role=\"alert\" aria-atomic=\"true\">\n      {fieldLabel && <HiddenAccessible>{fieldLabel}</HiddenAccessible>}\n      {isSeverityIconNeeded(severity) && (\n        <MessageStartIcon\n          variant=\"inline\"\n          severity={severity}\n          translations={severityTranslations}\n        />\n      )}\n      {/* We will be using the MessageSummary component, as this aligns with the style required */}\n      <MessageSummary variant=\"inline\" text={detail} />\n    </div>\n  );\n}\n"],"names":["detail","fieldLabel","severity","classes","useComponentTheme","ComponentMessageRedwoodTheme","translations","useTranslationBundle","severityTranslations","confirmation","error","info","warning","warn","_jsxs","jsxs","class","role","children","_jsx","jsx","HiddenAccessible","isSeverityIconNeeded","MessageStartIcon","variant","MessageSummary","text"],"mappings":"qZAgDM,UAA2BA,OAAEA,EAAMC,WAAEA,EAAUC,SAAEA,EAAW,UAChE,MAAMC,QAAEA,GAAYC,EAAiBA,kBACnCC,+BACA,CACEH,SAAUA,GAAY,SAIpBI,EAAeC,uBAAiC,4BAChDC,EAAuB,CAC3BC,aAAcH,EAAaG,eAC3BC,MAAOJ,EAAaI,QACpBC,KAAML,EAAaK,OACnBC,QAASN,EAAaO,QAGxB,OACEC,EAAKC,KAAA,MAAA,CAAAC,MAAOb,EAASc,KAAK,QAAoB,cAAA,OAC3CC,SAAA,CAAAjB,GAAckB,EAACC,IAAAC,mBAAkB,CAAAH,SAAAjB,IACjCqB,EAAAA,qBAAqBpB,IACpBiB,EAAAA,IAACI,EAAgBA,kBACfC,QAAQ,SACRtB,SAAUA,EACVI,aAAcE,IAIlBW,EAAAA,IAACM,EAAcA,eAAA,CAACD,QAAQ,SAASE,KAAM1B,MAG7C"}

package/amd/ComponentMessageContainer-1800c6ff.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './PRIVATE_Message', './ComponentMessage-cf3b2cb4', './UNSAFE_ComponentMessage/themes/ComponentMessageStyles.css', './MessagesManager-b5173db8'], (function(e,s,a,t,n,i){"use strict";function o(e){return e.map(((e,s)=>({key:s,data:{closeAffordance:"off",severity:e.severity||"error",detail:e.detail}})))}e.ComponentMessageContainer=function({fieldLabel:e,messages:a=[]}){return s.jsx("div",{class:n.componentMessageContainerBase,children:s.jsx(i.MessagesManager,{data:o(a),children:({item:a})=>s.jsx(t.ComponentMessage,{detail:a.data.detail,fieldLabel:e,severity:a.data.severity},a.key)})})}}));
+//# sourceMappingURL=ComponentMessageContainer-1800c6ff.js.map

package/amd/ComponentMessageContainer-1800c6ff.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentMessageContainer-1800c6ff.js","sources":["../../src/UNSAFE_ComponentMessage/ComponentMessageContainer.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { MessagesManager } from '../PRIVATE_Message';\nimport { Item } from '../utils/UNSAFE_dataProvider';\nimport { ComponentMessage, ComponentMessageItem } from './ComponentMessage';\nimport { componentMessageContainerBase } from './themes/ComponentMessageStyles.css';\n\n/**\n * Converts the messages data into Item\n *\n * @param messages The messages data passed down as prop\n * @returns The messages data as Item\n */\nfunction generateMessagesData(messages: ComponentMessageItem[]) {\n  return messages.map<Item<number, ComponentMessageItem>>((message, index) => {\n    return {\n      key: index,\n      data: {\n        closeAffordance: 'off',\n        severity: message.severity || 'error',\n        detail: message.detail\n      }\n    };\n  });\n}\n\n/**\n * Props for the ComponentMessaging component\n */\ntype Props = {\n  /**\n   * The label of the field which is showing this error\n   */\n  fieldLabel?: string;\n\n  /**\n   * Data for the messages. This data is used for rendering each message.\n   */\n  messages?: ComponentMessageItem[];\n};\n\nexport function ComponentMessageContainer({ fieldLabel, messages = [] }: Props) {\n  return (\n    <div class={componentMessageContainerBase}>\n      <MessagesManager data={generateMessagesData(messages)}>\n        {({ item }) => (\n          <ComponentMessage\n            key={item.key}\n            detail={item.data.detail}\n            fieldLabel={fieldLabel}\n            severity={item.data.severity}\n          />\n        )}\n      </MessagesManager>\n    </div>\n  );\n}\n"],"names":["generateMessagesData","messages","map","message","index","key","data","closeAffordance","severity","detail","fieldLabel","_jsx","class","componentMessageContainerBase","MessagesManager","children","item","jsx","ComponentMessage"],"mappings":"yNAmBA,SAASA,EAAqBC,GAC5B,OAAOA,EAASC,KAAwC,CAACC,EAASC,KACzD,CACLC,IAAKD,EACLE,KAAM,CACJC,gBAAiB,MACjBC,SAAUL,EAAQK,UAAY,QAC9BC,OAAQN,EAAQM,WAIxB,6BAiBM,UAAoCC,WAAEA,EAAUT,SAAEA,EAAW,KACjE,OACEU,EAAAA,IAAK,MAAA,CAAAC,MAAOC,EAA6BA,uCACvCF,MAACG,EAAAA,gBAAgB,CAAAR,KAAMN,EAAqBC,GACzCc,SAAA,EAAGC,UACFL,EAAAM,IAACC,EAAgBA,iBAAA,CAEfT,OAAQO,EAAKV,KAAKG,OAClBC,WAAYA,EACZF,SAAUQ,EAAKV,KAAKE,UAHfQ,EAAKX,QAStB"}

package/amd/Divider-4c74780a.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './utils/UNSAFE_classNames', './UNSAFE_Divider/themes/DividerStyles.css', './classNames-06ec52d8'], (function(s,e,i,t,a){"use strict";s.Divider=function({orientation:s="horizontal"}){const i=t.multiVariantStyles({orientation:s}),r=a.classNames([i,t.styles.dividerBase]);return e.jsx("span",{class:r,role:"separator","aria-orientation":s})}}));
+//# sourceMappingURL=Divider-4c74780a.js.map