@oracle/oraclejet-preact 20.0.6 → 20.0.7

package/amd/{ScatterChart-86dc0c59.js → ScatterChart-568ef9fa.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './utils-8bf50f08', './MarkersWithLabel-2960e007', './dataStyleUtils-1a157bd8', './useUser-08901aba', './colorUtils-1c8d0c00', './accUtils-7e057eef', './ReferenceLineArea-450530dd', 'preact/compat', './Chart-44c6404b'], (function(e,t,i,n,r,s,a,o,d,l,g){"use strict";const h=l.forwardRef((({width:e,height:o,selectedIds:l=[],hiddenIds:h=[],highlightedIds:c,hideAndShowBehavior:f="none",orientation:x="vertical",yAxis:I,series:u,groups:m,getDataItem:p,selectionMode:S="none",drilling:y="off",dataLabelEffect:v="outline",...A},C)=>{const{direction:b,forcedColors:D}=s.useUser(),L="active"===D,T=void 0!==A.testId,w="rtl"===b,M="log"===I?.scale,E=A.xAxis?.timeAxisType,R=new Set(h),k=new Set(l),U=new Set(c),W="horizontal"===x,j=a.getColorRamp(),F=i.getSeriesData(u?.length,m?.length,p,R,M),z=(e,t)=>p(e,t),N=i.getMarkers();return t.jsx(g.Chart,{ref:C,width:e,height:o,selectedIds:k,hiddenIds:h,hideAndShowBehavior:f,orientation:x,yAxis:I,series:u,groups:m,overview:"off",defaultOverviewContentRenderer:()=>null,selectionMode:S,drilling:y,getDataItem:p,findNearest:(e,t)=>i.findNearestDataPoint(u,m,e,t,z,!1,(()=>({offset:0,dataWidth:0})),((e,t)=>t.transform(e)),M,0,R,E),getDataItemPos:(e,t)=>(i,n)=>{const r=F[i][n];if(null==r?.x&&r?.y)return;return{x:e.transform(r?.x),y:t.transform(r?.y),height:0,width:0}},getMarkerInfo:(e,t)=>({color:r.getItemColor(e,t,u,p),type:r.getMarkerType(e,t,p)}),renderGridLinesInFront:!1,isDataXAxis:!0,getNavUtil:(e,t)=>r.getLineAreaChartNavUtil(p,u.length,e,t,!1,w,W),getGapRatio:()=>1,getStartAndEndAxesOffset:()=>({startOffset:0,endOffset:0}),isRtl:w,...A,children:({xStartIndex:e,xEndIndex:r,xScale:s,yScale:a,activeId:o,focusedItemInfo:l,hoveredItemInfo:g,isPointInsideMarquee:h,defaultFontSize:f,getTextDimensions:I,axisStepWidth:C,getItemAriaLabel:b})=>t.jsx(t.Fragment,{children:F.map(((D,R)=>{if(0===D.length)return;const F=u[R],O=F.lineType&&"none"!==F.lineType,P=i.getLineAreaSegments(a,s,D,e,r,M,m,R,z,E,!0),H=void 0===c||0===c.length||U.has(F.id);return t.jsxs(t.Fragment,{children:[O&&t.jsx(d.LineSeries,{lineType:F.lineType,lineColor:F.lineColor,lineWidth:F.lineWidth,lineStyle:F.lineStyle,color:F.lineColor||j[R%j.length],lineSegmentCoords:P,isHorizontal:W,isHighlighted:H,seriesIndex:R,groupWidth:C,isRtl:w,timeAxisType:E}),t.jsx(n.MarkersWithLabel,{yScale:a,xScale:s,groups:m,series:F,timeAxisType:E,color:F.lineColor||j[R%j.length],seriesIndex:R,startIndex:e,endIndex:r,markerType:N[R%N.length],orientation:x,isLog:M,activeId:o,getDataItem:p,isPointInsideMarquee:h,selectedIds:k,highlightedIds:void 0!==c?U:void 0,focusedItemIndex:l.seriesIndex!==R||!l.isFocusVisible||A.isDataCursorEnabled&&A.dataCursorStyle?.isMarkerDisplayed?void 0:l.groupIndex,hoveredItemIndex:g?.isCurrent&&g.seriesIndex===R?g.groupIndex:void 0,isSelectionEnabled:"single"===S||"multiple"===S,isDrillEnabled:"on"===y,defaultFontSize:f,dataLabelEffect:v,isHighContrast:L,isTestEnv:T,isDataXAxis:!0,getItemAriaLabel:b,getTextDimensions:I,isRtl:w})]})}))})})}));e.ScatterChart=h}));
-//# sourceMappingURL=ScatterChart-86dc0c59.js.map
+define(['exports', 'preact/jsx-runtime', './utils-8bf50f08', './MarkersWithLabel-2960e007', './dataStyleUtils-1a157bd8', './useUser-08901aba', './colorUtils-1c8d0c00', './accUtils-7e057eef', './ReferenceLineArea-450530dd', 'preact/compat', './Chart-18ff7280'], (function(e,t,i,n,r,s,a,o,d,l,g){"use strict";const h=l.forwardRef((({width:e,height:o,selectedIds:l=[],hiddenIds:h=[],highlightedIds:c,hideAndShowBehavior:f="none",orientation:x="vertical",yAxis:I,series:u,groups:m,getDataItem:p,selectionMode:S="none",drilling:y="off",dataLabelEffect:v="outline",...A},C)=>{const{direction:b,forcedColors:D}=s.useUser(),L="active"===D,T=void 0!==A.testId,w="rtl"===b,M="log"===I?.scale,E=A.xAxis?.timeAxisType,R=new Set(h),k=new Set(l),U=new Set(c),W="horizontal"===x,j=a.getColorRamp(),F=i.getSeriesData(u?.length,m?.length,p,R,M),z=(e,t)=>p(e,t),N=i.getMarkers();return t.jsx(g.Chart,{ref:C,width:e,height:o,selectedIds:k,hiddenIds:h,hideAndShowBehavior:f,orientation:x,yAxis:I,series:u,groups:m,overview:"off",defaultOverviewContentRenderer:()=>null,selectionMode:S,drilling:y,getDataItem:p,findNearest:(e,t)=>i.findNearestDataPoint(u,m,e,t,z,!1,(()=>({offset:0,dataWidth:0})),((e,t)=>t.transform(e)),M,0,R,E),getDataItemPos:(e,t)=>(i,n)=>{const r=F[i][n];if(null==r?.x&&r?.y)return;return{x:e.transform(r?.x),y:t.transform(r?.y),height:0,width:0}},getMarkerInfo:(e,t)=>({color:r.getItemColor(e,t,u,p),type:r.getMarkerType(e,t,p)}),renderGridLinesInFront:!1,isDataXAxis:!0,getNavUtil:(e,t)=>r.getLineAreaChartNavUtil(p,u.length,e,t,!1,w,W),getGapRatio:()=>1,getStartAndEndAxesOffset:()=>({startOffset:0,endOffset:0}),isRtl:w,...A,children:({xStartIndex:e,xEndIndex:r,xScale:s,yScale:a,activeId:o,focusedItemInfo:l,hoveredItemInfo:g,isPointInsideMarquee:h,defaultFontSize:f,getTextDimensions:I,axisStepWidth:C,getItemAriaLabel:b})=>t.jsx(t.Fragment,{children:F.map(((D,R)=>{if(0===D.length)return;const F=u[R],O=F.lineType&&"none"!==F.lineType,P=i.getLineAreaSegments(a,s,D,e,r,M,m,R,z,E,!0),H=void 0===c||0===c.length||U.has(F.id);return t.jsxs(t.Fragment,{children:[O&&t.jsx(d.LineSeries,{lineType:F.lineType,lineColor:F.lineColor,lineWidth:F.lineWidth,lineStyle:F.lineStyle,color:F.lineColor||j[R%j.length],lineSegmentCoords:P,isHorizontal:W,isHighlighted:H,seriesIndex:R,groupWidth:C,isRtl:w,timeAxisType:E}),t.jsx(n.MarkersWithLabel,{yScale:a,xScale:s,groups:m,series:F,timeAxisType:E,color:F.lineColor||j[R%j.length],seriesIndex:R,startIndex:e,endIndex:r,markerType:N[R%N.length],orientation:x,isLog:M,activeId:o,getDataItem:p,isPointInsideMarquee:h,selectedIds:k,highlightedIds:void 0!==c?U:void 0,focusedItemIndex:l.seriesIndex!==R||!l.isFocusVisible||A.isDataCursorEnabled&&A.dataCursorStyle?.isMarkerDisplayed?void 0:l.groupIndex,hoveredItemIndex:g?.isCurrent&&g.seriesIndex===R?g.groupIndex:void 0,isSelectionEnabled:"single"===S||"multiple"===S,isDrillEnabled:"on"===y,defaultFontSize:f,dataLabelEffect:v,isHighContrast:L,isTestEnv:T,isDataXAxis:!0,getItemAriaLabel:b,getTextDimensions:I,isRtl:w})]})}))})})}));e.ScatterChart=h}));
+//# sourceMappingURL=ScatterChart-568ef9fa.js.map

package/amd/{ScatterChart-86dc0c59.js.map → ScatterChart-568ef9fa.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ScatterChart-86dc0c59.js","sources":["../../src/UNSAFE_ScatterChart/ScatterChart.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 { ScatterChartProps, ScatterItem } from './scatterChart.types';\nimport { findNearestDataPoint } from '#utils/PRIVATE_chartUtils/layoutUtils';\nimport { getMarkers, getSeriesData } from '#utils/PRIVATE_chartUtils/utils';\nimport { MarkersWithLabel } from '#PRIVATE_Chart/MarkersWithLabel';\nimport { getLineAreaChartNavUtil } from '#utils/PRIVATE_chartUtils/navUtils';\nimport { Chart } from '#PRIVATE_Chart';\nimport { Scale, TimeAxisProps, SizeHandle } from '#utils/UNSAFE_visTypes/chart';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { getColorRamp } from '#utils/UNSAFE_visUtils';\nimport { Point } from '#utils/PRIVATE_visSVGUtils';\nimport { getLineAreaSegments } from '#utils/PRIVATE_chartUtils/utils';\nimport { getItemColor, getMarkerType } from '#utils/PRIVATE_chartUtils/dataStyleUtils';\nimport { LineSeries } from '#PRIVATE_LineAreaComponents/LineSeries';\nimport { forwardRef, Ref } from 'preact/compat';\nimport { VNode } from 'preact';\n\nexport type ForwardRefScatterChart = <K extends string | number, D extends ScatterItem<K>>(\n  props: ScatterChartProps<K, D> & {\n    ref?: Ref<SizeHandle>;\n  }\n) => VNode | null;\n\n/**\n * Scatter charts define data items using x and y values, making them useful for viewing relationships between 2 dimensions.\n */\nexport const ScatterChart = forwardRef(\n  <K extends string | number, D extends ScatterItem<K>>(\n    {\n      width,\n      height,\n      selectedIds = [],\n      hiddenIds = [],\n      highlightedIds,\n      hideAndShowBehavior = 'none',\n      orientation = 'vertical',\n      yAxis,\n      series,\n      groups,\n      getDataItem,\n      selectionMode = 'none',\n      drilling = 'off',\n      dataLabelEffect = 'outline',\n      ...props\n    }: ScatterChartProps<K, D>,\n    ref: Ref<SizeHandle>\n  ) => {\n    const { direction, forcedColors } = useUser();\n    const isHighContrast = forcedColors === 'active';\n    const isTestEnv = props.testId !== undefined;\n    const isRtl = direction === 'rtl';\n    const isLog = yAxis?.scale === 'log';\n    const timeAxisType = (props.xAxis as TimeAxisProps)?.timeAxisType;\n    const hiddenSet = new Set(hiddenIds);\n    const selectedSet = new Set(selectedIds);\n    const highlightedSet = new Set(highlightedIds);\n    const isHoriz = orientation === 'horizontal';\n    const colors = getColorRamp();\n    const renderedSeries = getSeriesData<K, D>(\n      series?.length,\n      groups?.length,\n      getDataItem,\n      hiddenSet,\n      isLog\n    );\n\n    const renderedGetDataItem = (seriesIndex: number, groupIndex: number): D | undefined =>\n      getDataItem(seriesIndex, groupIndex);\n\n    const getGapRatio = () => {\n      return 1;\n    };\n\n    const getNextChartItemFunc = (startIndex: number, endIndex: number) => {\n      // TODO: JET-71301\n      return getLineAreaChartNavUtil<D>(\n        getDataItem,\n        series.length,\n        startIndex,\n        endIndex,\n        false,\n        isRtl,\n        isHoriz\n      );\n    };\n\n    const getDataItemPos = (xScale: Scale, yScale: Scale) => {\n      return (seriesIndex: number, groupIndex: number) => {\n        // Scatter shouldn't create renderedSeries. Can filter for hidden item here.\n        // TODO: JET-71332\n        const item = renderedSeries[seriesIndex][groupIndex] as { x: number; y: number };\n        if (item?.x == null && item?.y) {\n          return;\n        }\n        const x = xScale.transform(item?.x!);\n        const y = yScale.transform(item?.y!);\n        return { x, y, height: 0, width: 0 };\n      };\n    };\n\n    const getMarkerColorAndType = (seriesIndex: number, groupIndex: number) => {\n      return {\n        color: getItemColor(seriesIndex, groupIndex, series, getDataItem),\n        type: getMarkerType(seriesIndex, groupIndex, getDataItem)\n      };\n    };\n\n    const findNearest = (xScale: Scale, yScale: Scale) => {\n      const getSeriesDataInfo = () => {\n        return {\n          offset: 0,\n          dataWidth: 0\n        };\n      };\n\n      const getYCoord = (value: number, yScale: Scale) => {\n        return yScale.transform(value);\n      };\n\n      return findNearestDataPoint<K, D>(\n        series,\n        groups,\n        xScale,\n        yScale,\n        renderedGetDataItem,\n        false,\n        getSeriesDataInfo,\n        getYCoord,\n        isLog,\n        0,\n        hiddenSet,\n        timeAxisType\n      );\n    };\n    const markers = getMarkers();\n    const getOffset = () => {\n      return { startOffset: 0, endOffset: 0 };\n    };\n    return (\n      <Chart\n        ref={ref}\n        width={width}\n        height={height}\n        selectedIds={selectedSet}\n        hiddenIds={hiddenIds}\n        hideAndShowBehavior={hideAndShowBehavior}\n        orientation={orientation}\n        yAxis={yAxis}\n        series={series}\n        groups={groups}\n        overview=\"off\"\n        defaultOverviewContentRenderer={() => null}\n        selectionMode={selectionMode}\n        drilling={drilling}\n        getDataItem={getDataItem}\n        findNearest={findNearest}\n        getDataItemPos={getDataItemPos}\n        getMarkerInfo={getMarkerColorAndType}\n        renderGridLinesInFront={false}\n        isDataXAxis={true}\n        getNavUtil={getNextChartItemFunc}\n        getGapRatio={getGapRatio}\n        getStartAndEndAxesOffset={getOffset}\n        isRtl={isRtl}\n        {...props}>\n        {({\n          xStartIndex,\n          xEndIndex,\n          xScale,\n          yScale,\n          activeId,\n          focusedItemInfo,\n          hoveredItemInfo,\n          isPointInsideMarquee,\n          defaultFontSize,\n          getTextDimensions,\n          axisStepWidth,\n          getItemAriaLabel\n        }) => {\n          return (\n            <>\n              {renderedSeries.map((lineAreaSeries, index) => {\n                if (lineAreaSeries.length === 0) {\n                  /* TODO: need a better way to handle when a series is hidden. */\n                  return;\n                }\n                const seriesItem = series[index];\n                const isLineRendered = seriesItem.lineType && seriesItem.lineType !== 'none';\n                const lineSegmentCoords: Point[][] = getLineAreaSegments<K, D>(\n                  yScale,\n                  xScale,\n                  lineAreaSeries,\n                  xStartIndex,\n                  xEndIndex,\n                  isLog,\n                  groups,\n                  index,\n                  renderedGetDataItem,\n                  timeAxisType,\n                  true\n                );\n\n                const isHighlighted =\n                  highlightedIds === undefined ||\n                  highlightedIds.length === 0 ||\n                  highlightedSet.has(seriesItem.id);\n\n                return (\n                  <>\n                    {isLineRendered && (\n                      <LineSeries\n                        lineType={seriesItem.lineType}\n                        /* TODO: confirm with UX if this is contrastLine (changes depending on dark/light mode) or always white. \n                        It's always white in legacy.*/\n                        lineColor={seriesItem.lineColor}\n                        /* The area generated in legacy are bit apart and not touching when stacked. Preact areas are a bit closer than legacy when curved. \n                      Increased the contrast linewidth (to 2.5 from legacy 1.25) to give legacy visual treatment.\n                      TODO: investivage why legacy areas are not touching. maybe we want to do the same in preact svg utils that\n                      generates this curve.\n                     */\n                        lineWidth={seriesItem.lineWidth}\n                        lineStyle={seriesItem.lineStyle}\n                        color={seriesItem.lineColor || colors[index % colors.length]}\n                        lineSegmentCoords={lineSegmentCoords}\n                        isHorizontal={isHoriz}\n                        isHighlighted={isHighlighted}\n                        seriesIndex={index}\n                        groupWidth={axisStepWidth}\n                        isRtl={isRtl}\n                        timeAxisType={timeAxisType}\n                      />\n                    )}\n                    <MarkersWithLabel\n                      yScale={yScale}\n                      xScale={xScale}\n                      groups={groups}\n                      series={seriesItem}\n                      timeAxisType={timeAxisType}\n                      color={\n                        seriesItem.lineColor ||\n                        colors[\n                          index % colors.length\n                        ] /* TODO : make this use getItemColor function from dataStyleUtils. */\n                      }\n                      seriesIndex={index}\n                      startIndex={xStartIndex}\n                      endIndex={xEndIndex}\n                      markerType={markers[index % markers.length]}\n                      orientation={orientation}\n                      isLog={isLog}\n                      activeId={activeId}\n                      getDataItem={getDataItem}\n                      isPointInsideMarquee={isPointInsideMarquee}\n                      selectedIds={selectedSet}\n                      highlightedIds={highlightedIds !== undefined ? highlightedSet : undefined}\n                      focusedItemIndex={\n                        focusedItemInfo.seriesIndex === index &&\n                        focusedItemInfo.isFocusVisible &&\n                        !(props.isDataCursorEnabled && props.dataCursorStyle?.isMarkerDisplayed)\n                          ? focusedItemInfo.groupIndex\n                          : undefined\n                      }\n                      hoveredItemIndex={\n                        hoveredItemInfo?.isCurrent && hoveredItemInfo.seriesIndex === index\n                          ? hoveredItemInfo.groupIndex\n                          : undefined\n                      }\n                      isSelectionEnabled={\n                        selectionMode === 'single' || selectionMode === 'multiple'\n                      }\n                      isDrillEnabled={drilling === 'on'}\n                      defaultFontSize={defaultFontSize}\n                      dataLabelEffect={dataLabelEffect}\n                      isHighContrast={isHighContrast}\n                      isTestEnv={isTestEnv}\n                      isDataXAxis={true}\n                      getItemAriaLabel={getItemAriaLabel}\n                      getTextDimensions={getTextDimensions}\n                      isRtl={isRtl}\n                    />\n                  </>\n                );\n              })}\n            </>\n          );\n        }}\n      </Chart>\n    );\n  }\n) as ForwardRefScatterChart;\n"],"names":["ScatterChart","forwardRef","width","height","selectedIds","hiddenIds","highlightedIds","hideAndShowBehavior","orientation","yAxis","series","groups","getDataItem","selectionMode","drilling","dataLabelEffect","props","ref","direction","forcedColors","useUser","isHighContrast","isTestEnv","undefined","testId","isRtl","isLog","scale","timeAxisType","xAxis","hiddenSet","Set","selectedSet","highlightedSet","isHoriz","colors","getColorRamp","renderedSeries","getSeriesData","length","renderedGetDataItem","seriesIndex","groupIndex","markers","getMarkers","_jsx","Chart","overview","defaultOverviewContentRenderer","findNearest","xScale","yScale","findNearestDataPoint","offset","dataWidth","value","transform","getDataItemPos","item","x","y","getMarkerInfo","color","getItemColor","type","getMarkerType","renderGridLinesInFront","isDataXAxis","getNavUtil","startIndex","endIndex","getLineAreaChartNavUtil","getGapRatio","getStartAndEndAxesOffset","startOffset","endOffset","children","xStartIndex","xEndIndex","activeId","focusedItemInfo","hoveredItemInfo","isPointInsideMarquee","defaultFontSize","getTextDimensions","axisStepWidth","getItemAriaLabel","jsx","_Fragment","Fragment","map","lineAreaSeries","index","seriesItem","isLineRendered","lineType","lineSegmentCoords","getLineAreaSegments","isHighlighted","has","id","_jsxs","LineSeries","lineColor","lineWidth","lineStyle","isHorizontal","groupWidth","MarkersWithLabel","markerType","focusedItemIndex","isFocusVisible","isDataCursorEnabled","dataCursorStyle","isMarkerDisplayed","hoveredItemIndex","isCurrent","isSelectionEnabled","isDrillEnabled"],"mappings":"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"}
+{"version":3,"file":"ScatterChart-568ef9fa.js","sources":["../../src/UNSAFE_ScatterChart/ScatterChart.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 { ScatterChartProps, ScatterItem } from './scatterChart.types';\nimport { findNearestDataPoint } from '#utils/PRIVATE_chartUtils/layoutUtils';\nimport { getMarkers, getSeriesData } from '#utils/PRIVATE_chartUtils/utils';\nimport { MarkersWithLabel } from '#PRIVATE_Chart/MarkersWithLabel';\nimport { getLineAreaChartNavUtil } from '#utils/PRIVATE_chartUtils/navUtils';\nimport { Chart } from '#PRIVATE_Chart';\nimport { Scale, TimeAxisProps, SizeHandle } from '#utils/UNSAFE_visTypes/chart';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { getColorRamp } from '#utils/UNSAFE_visUtils';\nimport { Point } from '#utils/PRIVATE_visSVGUtils';\nimport { getLineAreaSegments } from '#utils/PRIVATE_chartUtils/utils';\nimport { getItemColor, getMarkerType } from '#utils/PRIVATE_chartUtils/dataStyleUtils';\nimport { LineSeries } from '#PRIVATE_LineAreaComponents/LineSeries';\nimport { forwardRef, Ref } from 'preact/compat';\nimport { VNode } from 'preact';\n\nexport type ForwardRefScatterChart = <K extends string | number, D extends ScatterItem<K>>(\n  props: ScatterChartProps<K, D> & {\n    ref?: Ref<SizeHandle>;\n  }\n) => VNode | null;\n\n/**\n * Scatter charts define data items using x and y values, making them useful for viewing relationships between 2 dimensions.\n */\nexport const ScatterChart = forwardRef(\n  <K extends string | number, D extends ScatterItem<K>>(\n    {\n      width,\n      height,\n      selectedIds = [],\n      hiddenIds = [],\n      highlightedIds,\n      hideAndShowBehavior = 'none',\n      orientation = 'vertical',\n      yAxis,\n      series,\n      groups,\n      getDataItem,\n      selectionMode = 'none',\n      drilling = 'off',\n      dataLabelEffect = 'outline',\n      ...props\n    }: ScatterChartProps<K, D>,\n    ref: Ref<SizeHandle>\n  ) => {\n    const { direction, forcedColors } = useUser();\n    const isHighContrast = forcedColors === 'active';\n    const isTestEnv = props.testId !== undefined;\n    const isRtl = direction === 'rtl';\n    const isLog = yAxis?.scale === 'log';\n    const timeAxisType = (props.xAxis as TimeAxisProps)?.timeAxisType;\n    const hiddenSet = new Set(hiddenIds);\n    const selectedSet = new Set(selectedIds);\n    const highlightedSet = new Set(highlightedIds);\n    const isHoriz = orientation === 'horizontal';\n    const colors = getColorRamp();\n    const renderedSeries = getSeriesData<K, D>(\n      series?.length,\n      groups?.length,\n      getDataItem,\n      hiddenSet,\n      isLog\n    );\n\n    const renderedGetDataItem = (seriesIndex: number, groupIndex: number): D | undefined =>\n      getDataItem(seriesIndex, groupIndex);\n\n    const getGapRatio = () => {\n      return 1;\n    };\n\n    const getNextChartItemFunc = (startIndex: number, endIndex: number) => {\n      // TODO: JET-71301\n      return getLineAreaChartNavUtil<D>(\n        getDataItem,\n        series.length,\n        startIndex,\n        endIndex,\n        false,\n        isRtl,\n        isHoriz\n      );\n    };\n\n    const getDataItemPos = (xScale: Scale, yScale: Scale) => {\n      return (seriesIndex: number, groupIndex: number) => {\n        // Scatter shouldn't create renderedSeries. Can filter for hidden item here.\n        // TODO: JET-71332\n        const item = renderedSeries[seriesIndex][groupIndex] as { x: number; y: number };\n        if (item?.x == null && item?.y) {\n          return;\n        }\n        const x = xScale.transform(item?.x!);\n        const y = yScale.transform(item?.y!);\n        return { x, y, height: 0, width: 0 };\n      };\n    };\n\n    const getMarkerColorAndType = (seriesIndex: number, groupIndex: number) => {\n      return {\n        color: getItemColor(seriesIndex, groupIndex, series, getDataItem),\n        type: getMarkerType(seriesIndex, groupIndex, getDataItem)\n      };\n    };\n\n    const findNearest = (xScale: Scale, yScale: Scale) => {\n      const getSeriesDataInfo = () => {\n        return {\n          offset: 0,\n          dataWidth: 0\n        };\n      };\n\n      const getYCoord = (value: number, yScale: Scale) => {\n        return yScale.transform(value);\n      };\n\n      return findNearestDataPoint<K, D>(\n        series,\n        groups,\n        xScale,\n        yScale,\n        renderedGetDataItem,\n        false,\n        getSeriesDataInfo,\n        getYCoord,\n        isLog,\n        0,\n        hiddenSet,\n        timeAxisType\n      );\n    };\n    const markers = getMarkers();\n    const getOffset = () => {\n      return { startOffset: 0, endOffset: 0 };\n    };\n    return (\n      <Chart\n        ref={ref}\n        width={width}\n        height={height}\n        selectedIds={selectedSet}\n        hiddenIds={hiddenIds}\n        hideAndShowBehavior={hideAndShowBehavior}\n        orientation={orientation}\n        yAxis={yAxis}\n        series={series}\n        groups={groups}\n        overview=\"off\"\n        defaultOverviewContentRenderer={() => null}\n        selectionMode={selectionMode}\n        drilling={drilling}\n        getDataItem={getDataItem}\n        findNearest={findNearest}\n        getDataItemPos={getDataItemPos}\n        getMarkerInfo={getMarkerColorAndType}\n        renderGridLinesInFront={false}\n        isDataXAxis={true}\n        getNavUtil={getNextChartItemFunc}\n        getGapRatio={getGapRatio}\n        getStartAndEndAxesOffset={getOffset}\n        isRtl={isRtl}\n        {...props}>\n        {({\n          xStartIndex,\n          xEndIndex,\n          xScale,\n          yScale,\n          activeId,\n          focusedItemInfo,\n          hoveredItemInfo,\n          isPointInsideMarquee,\n          defaultFontSize,\n          getTextDimensions,\n          axisStepWidth,\n          getItemAriaLabel\n        }) => {\n          return (\n            <>\n              {renderedSeries.map((lineAreaSeries, index) => {\n                if (lineAreaSeries.length === 0) {\n                  /* TODO: need a better way to handle when a series is hidden. */\n                  return;\n                }\n                const seriesItem = series[index];\n                const isLineRendered = seriesItem.lineType && seriesItem.lineType !== 'none';\n                const lineSegmentCoords: Point[][] = getLineAreaSegments<K, D>(\n                  yScale,\n                  xScale,\n                  lineAreaSeries,\n                  xStartIndex,\n                  xEndIndex,\n                  isLog,\n                  groups,\n                  index,\n                  renderedGetDataItem,\n                  timeAxisType,\n                  true\n                );\n\n                const isHighlighted =\n                  highlightedIds === undefined ||\n                  highlightedIds.length === 0 ||\n                  highlightedSet.has(seriesItem.id);\n\n                return (\n                  <>\n                    {isLineRendered && (\n                      <LineSeries\n                        lineType={seriesItem.lineType}\n                        /* TODO: confirm with UX if this is contrastLine (changes depending on dark/light mode) or always white. \n                        It's always white in legacy.*/\n                        lineColor={seriesItem.lineColor}\n                        /* The area generated in legacy are bit apart and not touching when stacked. Preact areas are a bit closer than legacy when curved. \n                      Increased the contrast linewidth (to 2.5 from legacy 1.25) to give legacy visual treatment.\n                      TODO: investivage why legacy areas are not touching. maybe we want to do the same in preact svg utils that\n                      generates this curve.\n                     */\n                        lineWidth={seriesItem.lineWidth}\n                        lineStyle={seriesItem.lineStyle}\n                        color={seriesItem.lineColor || colors[index % colors.length]}\n                        lineSegmentCoords={lineSegmentCoords}\n                        isHorizontal={isHoriz}\n                        isHighlighted={isHighlighted}\n                        seriesIndex={index}\n                        groupWidth={axisStepWidth}\n                        isRtl={isRtl}\n                        timeAxisType={timeAxisType}\n                      />\n                    )}\n                    <MarkersWithLabel\n                      yScale={yScale}\n                      xScale={xScale}\n                      groups={groups}\n                      series={seriesItem}\n                      timeAxisType={timeAxisType}\n                      color={\n                        seriesItem.lineColor ||\n                        colors[\n                          index % colors.length\n                        ] /* TODO : make this use getItemColor function from dataStyleUtils. */\n                      }\n                      seriesIndex={index}\n                      startIndex={xStartIndex}\n                      endIndex={xEndIndex}\n                      markerType={markers[index % markers.length]}\n                      orientation={orientation}\n                      isLog={isLog}\n                      activeId={activeId}\n                      getDataItem={getDataItem}\n                      isPointInsideMarquee={isPointInsideMarquee}\n                      selectedIds={selectedSet}\n                      highlightedIds={highlightedIds !== undefined ? highlightedSet : undefined}\n                      focusedItemIndex={\n                        focusedItemInfo.seriesIndex === index &&\n                        focusedItemInfo.isFocusVisible &&\n                        !(props.isDataCursorEnabled && props.dataCursorStyle?.isMarkerDisplayed)\n                          ? focusedItemInfo.groupIndex\n                          : undefined\n                      }\n                      hoveredItemIndex={\n                        hoveredItemInfo?.isCurrent && hoveredItemInfo.seriesIndex === index\n                          ? hoveredItemInfo.groupIndex\n                          : undefined\n                      }\n                      isSelectionEnabled={\n                        selectionMode === 'single' || selectionMode === 'multiple'\n                      }\n                      isDrillEnabled={drilling === 'on'}\n                      defaultFontSize={defaultFontSize}\n                      dataLabelEffect={dataLabelEffect}\n                      isHighContrast={isHighContrast}\n                      isTestEnv={isTestEnv}\n                      isDataXAxis={true}\n                      getItemAriaLabel={getItemAriaLabel}\n                      getTextDimensions={getTextDimensions}\n                      isRtl={isRtl}\n                    />\n                  </>\n                );\n              })}\n            </>\n          );\n        }}\n      </Chart>\n    );\n  }\n) as ForwardRefScatterChart;\n"],"names":["ScatterChart","forwardRef","width","height","selectedIds","hiddenIds","highlightedIds","hideAndShowBehavior","orientation","yAxis","series","groups","getDataItem","selectionMode","drilling","dataLabelEffect","props","ref","direction","forcedColors","useUser","isHighContrast","isTestEnv","undefined","testId","isRtl","isLog","scale","timeAxisType","xAxis","hiddenSet","Set","selectedSet","highlightedSet","isHoriz","colors","getColorRamp","renderedSeries","getSeriesData","length","renderedGetDataItem","seriesIndex","groupIndex","markers","getMarkers","_jsx","Chart","overview","defaultOverviewContentRenderer","findNearest","xScale","yScale","findNearestDataPoint","offset","dataWidth","value","transform","getDataItemPos","item","x","y","getMarkerInfo","color","getItemColor","type","getMarkerType","renderGridLinesInFront","isDataXAxis","getNavUtil","startIndex","endIndex","getLineAreaChartNavUtil","getGapRatio","getStartAndEndAxesOffset","startOffset","endOffset","children","xStartIndex","xEndIndex","activeId","focusedItemInfo","hoveredItemInfo","isPointInsideMarquee","defaultFontSize","getTextDimensions","axisStepWidth","getItemAriaLabel","jsx","_Fragment","Fragment","map","lineAreaSeries","index","seriesItem","isLineRendered","lineType","lineSegmentCoords","getLineAreaSegments","isHighlighted","has","id","_jsxs","LineSeries","lineColor","lineWidth","lineStyle","isHorizontal","groupWidth","MarkersWithLabel","markerType","focusedItemIndex","isFocusVisible","isDataCursorEnabled","dataCursorStyle","isMarkerDisplayed","hoveredItemIndex","isCurrent","isSelectionEnabled","isDrillEnabled"],"mappings":"wSAiCa,MAAAA,EAAeC,EAAAA,YAC1B,EAEIC,QACAC,SACAC,cAAc,GACdC,YAAY,GACZC,iBACAC,sBAAsB,OACtBC,cAAc,WACdC,QACAC,SACAC,SACAC,cACAC,gBAAgB,OAChBC,WAAW,MACXC,kBAAkB,aACfC,GAELC,KAEA,MAAMC,UAAEA,EAASC,aAAEA,GAAiBC,EAAOA,UACrCC,EAAkC,WAAjBF,EACjBG,OAA6BC,IAAjBP,EAAMQ,OAClBC,EAAsB,QAAdP,EACRQ,EAAyB,QAAjBjB,GAAOkB,MACfC,EAAgBZ,EAAMa,OAAyBD,aAC/CE,EAAY,IAAIC,IAAI1B,GACpB2B,EAAc,IAAID,IAAI3B,GACtB6B,EAAiB,IAAIF,IAAIzB,GACzB4B,EAA0B,eAAhB1B,EACV2B,EAASC,EAAAA,eACTC,EAAiBC,gBACrB5B,GAAQ6B,OACR5B,GAAQ4B,OACR3B,EACAkB,EACAJ,GAGIc,EAAsB,CAACC,EAAqBC,IAChD9B,EAAY6B,EAAaC,GAmErBC,EAAUC,EAAAA,aAIhB,OACEC,EAAAA,IAACC,EAAAA,MAAK,CACJ7B,IAAKA,EACLf,MAAOA,EACPC,OAAQA,EACRC,YAAa4B,EACb3B,UAAWA,EACXE,oBAAqBA,EACrBC,YAAaA,EACbC,MAAOA,EACPC,OAAQA,EACRC,OAAQA,EACRoC,SAAS,MACTC,+BAAgC,IAAM,KACtCnC,cAAeA,EACfC,SAAUA,EACVF,YAAaA,EACbqC,YAhDgB,CAACC,EAAeC,IAY3BC,EAAoBA,qBACzB1C,EACAC,EACAuC,EACAC,EACAX,GACA,GAjBwB,KACjB,CACLa,OAAQ,EACRC,UAAW,MAIG,CAACC,EAAeJ,IACzBA,EAAOK,UAAUD,IAYxB7B,EACA,EACAI,EACAF,GAyBA6B,eAtEmB,CAACP,EAAeC,IAC9B,CAACV,EAAqBC,KAG3B,MAAMgB,EAAOrB,EAAeI,GAAaC,GACzC,GAAe,MAAXgB,GAAMC,GAAaD,GAAME,EAC3B,OAIF,MAAO,CAAED,EAFCT,EAAOM,UAAUE,GAAMC,GAErBC,EADFT,EAAOK,UAAUE,GAAME,GAClBzD,OAAQ,EAAGD,MAAO,EAAG,EA6DpC2D,cAzD0B,CAACpB,EAAqBC,KAC3C,CACLoB,MAAOC,EAAAA,aAAatB,EAAaC,EAAYhC,EAAQE,GACrDoD,KAAMC,EAAaA,cAACxB,EAAaC,EAAY9B,KAuD7CsD,wBAAwB,EACxBC,aAAa,EACbC,WAvFyB,CAACC,EAAoBC,IAEzCC,EAAuBA,wBAC5B3D,EACAF,EAAO6B,OACP8B,EACAC,GACA,EACA7C,EACAS,GA+EAsC,YA5FgB,IACX,EA4FLC,yBA3Bc,KACT,CAAEC,YAAa,EAAGC,UAAW,IA2BlClD,MAAOA,KACHT,EACH4D,SAAA,EACCC,cACAC,YACA5B,SACAC,SACA4B,WACAC,kBACAC,kBACAC,uBACAC,kBACAC,oBACAC,gBACAC,sBAGEzC,EACG0C,IAAAC,EAAAC,SAAA,CAAAb,SAAAvC,EAAeqD,KAAI,CAACC,EAAgBC,KACnC,GAA8B,IAA1BD,EAAepD,OAEjB,OAEF,MAAMsD,EAAanF,EAAOkF,GACpBE,EAAiBD,EAAWE,UAAoC,SAAxBF,EAAWE,SACnDC,EAA+BC,EAAmBA,oBACtD9C,EACAD,EACAyC,EACAd,EACAC,EACApD,EACAf,EACAiF,EACApD,EACAZ,GACA,GAGIsE,OACe3E,IAAnBjB,GAC0B,IAA1BA,EAAeiC,QACfN,EAAekE,IAAIN,EAAWO,IAEhC,OACEC,OAAAb,EAAAA,SAAA,CAAAZ,SAAA,CACGkB,GACCjD,EAAA0C,IAACe,aAAU,CACTP,SAAUF,EAAWE,SAGrBQ,UAAWV,EAAWU,UAMtBC,UAAWX,EAAWW,UACtBC,UAAWZ,EAAWY,UACtB3C,MAAO+B,EAAWU,WAAapE,EAAOyD,EAAQzD,EAAOI,QACrDyD,kBAAmBA,EACnBU,aAAcxE,EACdgE,cAAeA,EACfzD,YAAamD,EACbe,WAAYtB,EACZ5D,MAAOA,EACPG,aAAcA,IAGlBiB,EAAA0C,IAACqB,mBACC,CAAAzD,OAAQA,EACRD,OAAQA,EACRvC,OAAQA,EACRD,OAAQmF,EACRjE,aAAcA,EACdkC,MACE+B,EAAWU,WACXpE,EACEyD,EAAQzD,EAAOI,QAGnBE,YAAamD,EACbvB,WAAYQ,EACZP,SAAUQ,EACV+B,WAAYlE,EAAQiD,EAAQjD,EAAQJ,QACpC/B,YAAaA,EACbkB,MAAOA,EACPqD,SAAUA,EACVnE,YAAaA,EACbsE,qBAAsBA,EACtB9E,YAAa4B,EACb1B,oBAAmCiB,IAAnBjB,EAA+B2B,OAAiBV,EAChEuF,iBACE9B,EAAgBvC,cAAgBmD,IAChCZ,EAAgB+B,gBACd/F,EAAMgG,qBAAuBhG,EAAMiG,iBAAiBC,uBAElD3F,EADAyD,EAAgBtC,WAGtByE,iBACElC,GAAiBmC,WAAanC,EAAgBxC,cAAgBmD,EAC1DX,EAAgBvC,gBAChBnB,EAEN8F,mBACoB,WAAlBxG,GAAgD,aAAlBA,EAEhCyG,eAA6B,OAAbxG,EAChBqE,gBAAiBA,EACjBpE,gBAAiBA,EACjBM,eAAgBA,EAChBC,UAAWA,EACX6C,aAAa,EACbmB,iBAAkBA,EAClBF,kBAAmBA,EACnB3D,MAAOA,MAGX,OAMZ"}

package/amd/Theme-redwood/theme.css

@@ -11,28 +11,6 @@
   --backgroundColor__ihlnqb0: transparent;
 }
 /* end:UNSAFE_Floating/themes/redwood/FloatingBaseTheme.styles.css */
-/* start:PRIVATE_Axis/themes/redwood/AxisBaseTheme.styles.css */
-.AxisBaseTheme_baseTheme__14uuhu50 {
-  --axisTitleTextColor__1veqowy0: var(--oj-c-text-icon-secondary);
-  --axisTickLabelTextColor__1veqowy1: var(--oj-c-text-icon-secondary);
-}
-/* end:PRIVATE_Axis/themes/redwood/AxisBaseTheme.styles.css */
-/* start:PRIVATE_BaseCardView/themes/redwood/BaseCardViewBaseTheme.styles.css */
-:root, .oj-density-dependent {
-  --oj-c-card-view-gutter-size-xs: calc(3 * var(--oj-c-size-units, 0.25rem));
-  --oj-c-card-view-gutter-size-sm: calc(calc(4 * var(--oj-c-size-units, 0.25rem)) + var(--oj-c-density-units, 0px));
-  --oj-c-card-view-gutter-size-md: calc(calc(6 * var(--oj-c-size-units, 0.25rem)) + calc(3 * var(--oj-c-density-units, 0px)));
-  --oj-c-card-view-gutter-size-lg: calc(calc(12 * var(--oj-c-size-units, 0.25rem)) + calc(9 * var(--oj-c-density-units, 0px)));
-  --oj-c-card-view-gutter-size-xl: calc(calc(16 * var(--oj-c-size-units, 0.25rem)) + calc(13 * var(--oj-c-density-units, 0px)));
-}
-/* end:PRIVATE_BaseCardView/themes/redwood/BaseCardViewBaseTheme.styles.css */
-/* start:UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.styles.css */
-.SkeletonBaseTheme_baseTheme__afgqbw0 {
-  --bgColor-base__1mh02730: rgb(var(--oj-c-palette-neutral-170));
-  --opacity-start__1mh02731: 0.05;
-  --opacity-end__1mh02732: 0.15;
-}
-/* end:UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.styles.css */
 /* start:hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css */
 .TooltipContentBaseTheme_baseTheme__sanbbo0 {
   --maxWidth__1x922a00: ;
@@ -64,6 +42,44 @@
   --variants-datatip-paddingVertical__1x922a0q: calc(2 * var(--oj-c-size-units, 0.25rem));
 }
 /* end:hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css */
+/* start:PRIVATE_BaseCardView/themes/redwood/BaseCardViewBaseTheme.styles.css */
+:root, .oj-density-dependent {
+  --oj-c-card-view-gutter-size-xs: calc(3 * var(--oj-c-size-units, 0.25rem));
+  --oj-c-card-view-gutter-size-sm: calc(calc(4 * var(--oj-c-size-units, 0.25rem)) + var(--oj-c-density-units, 0px));
+  --oj-c-card-view-gutter-size-md: calc(calc(6 * var(--oj-c-size-units, 0.25rem)) + calc(3 * var(--oj-c-density-units, 0px)));
+  --oj-c-card-view-gutter-size-lg: calc(calc(12 * var(--oj-c-size-units, 0.25rem)) + calc(9 * var(--oj-c-density-units, 0px)));
+  --oj-c-card-view-gutter-size-xl: calc(calc(16 * var(--oj-c-size-units, 0.25rem)) + calc(13 * var(--oj-c-density-units, 0px)));
+}
+/* end:PRIVATE_BaseCardView/themes/redwood/BaseCardViewBaseTheme.styles.css */
+/* start:UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.styles.css */
+.SkeletonBaseTheme_baseTheme__afgqbw0 {
+  --bgColor-base__1mh02730: rgb(var(--oj-c-palette-neutral-170));
+  --opacity-start__1mh02731: 0.05;
+  --opacity-end__1mh02732: 0.15;
+}
+/* end:UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.styles.css */
+/* start:UNSAFE_Menu/themes/redwood/MenuSeparatorBaseTheme.styles.css */
+.MenuSeparatorBaseTheme_baseTheme__bwp4nk0 {
+  --verticalPadding__168r8wj0: calc(2 * var(--oj-c-size-units, 0.25rem));
+}
+/* end:UNSAFE_Menu/themes/redwood/MenuSeparatorBaseTheme.styles.css */
+/* start:UNSAFE_Menu/themes/redwood/MenuItemBaseTheme.styles.css */
+.MenuItemBaseTheme_baseTheme__153jibj0 {
+  --iconSize__1qbg5hn0: calc(5 * var(--oj-c-size-units, 0.25rem));
+  --startEdgeToStartIconPadding__1qbg5hn1: calc(4 * var(--oj-c-size-units, 0.25rem));
+  --endIconToEndEdgePadding__1qbg5hn2: calc(4 * var(--oj-c-size-units, 0.25rem));
+  --startIconToLabelPadding__1qbg5hn3: calc(4 * var(--oj-c-size-units, 0.25rem));
+  --labelToEndIconPadding__1qbg5hn4: calc(8 * var(--oj-c-size-units, 0.25rem));
+  --textColor__1qbg5hn5: var(--oj-c-text-icon-primary);
+  --iconColor__1qbg5hn6: var(--oj-c-text-icon-primary);
+}
+/* end:UNSAFE_Menu/themes/redwood/MenuItemBaseTheme.styles.css */
+/* start:UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.styles.css */
+.WindowOverlayBaseTheme_baseTheme__1qrldld0 {
+  --notificationMainAxisOffset__5h4cac0: 0px;
+  --notificationCrossAxisOffset__5h4cac1: 0px;
+}
+/* end:UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.styles.css */
 /* start:UNSAFE_BaseButton/themes/redwood/BaseButtonBaseTheme.styles.css */
 :root, .oj-c-colorscheme-light {
   --oj-c-base-button-variants-outlined-base-background-color: transparent;
@@ -214,6 +230,30 @@
   --oj-c-base-button-sizes-lg-height: calc(calc(13 * var(--oj-c-size-units, 0.25rem)) + calc(2 * var(--oj-c-density-units, 0px)));
 }
 /* end:UNSAFE_BaseButton/themes/redwood/BaseButtonBaseTheme.styles.css */
+/* start:UNSAFE_Checkbox/themes/redwood/CheckboxBaseTheme.styles.css */
+.CheckboxBaseTheme_baseTheme__lptpwa0 {
+  --iconToTextGap__1qyga5a1: calc(2 * var(--oj-c-size-units, 0.25rem));
+  --outlineWidth__1qyga5a0: 1px;
+}
+:root, .oj-density-dependent {
+  --rowHeight__1qyga5a2: calc(calc(9 * var(--oj-c-size-units, 0.25rem)) + calc(2 * var(--oj-c-density-units, 0px)));
+}
+/* end:UNSAFE_Checkbox/themes/redwood/CheckboxBaseTheme.styles.css */
+/* start:UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.styles.css */
+.UserAssistanceBaseTheme_baseTheme__j8tei50 {
+  --inlineTextColor__1n9ixz60: var(--oj-c-text-icon-secondary);
+  --inlineFontSize__1n9ixz61: var(--oj-c-body-xs-font-size);
+}
+/* end:UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.styles.css */
+/* start:UNSAFE_Popup/themes/redwood/PopupBaseTheme.styles.css */
+.PopupBaseTheme_baseTheme__17qjw4f0 {
+  --borderColor__2ugez71: var(--oj-c-border-divider);
+  --boxShadow__2ugez73: var(--oj-c-box-shadow-xs);
+  --borderRadius__2ugez72: var(--oj-c-border-radius-sm);
+  --backgroundColor__2ugez70: var(--oj-c-surface-popup);
+  --padding__2ugez74: calc(2 * var(--oj-c-size-units, 0.25rem));
+}
+/* end:UNSAFE_Popup/themes/redwood/PopupBaseTheme.styles.css */
 /* start:UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.styles.css */
 :root, .oj-scale-dependent, :root.oj-scale-sm, :root.oj-scale-md {
   --oj-c-button-label-layout-icon-size: ;
@@ -289,28 +329,83 @@
   --sizes-embeddedlg-textToEdgePadding__1onk43qq: calc(4 * var(--oj-c-size-units, 0.25rem));
 }
 /* end:UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.styles.css */
-/* start:UNSAFE_Menu/themes/redwood/MenuItemBaseTheme.styles.css */
-.MenuItemBaseTheme_baseTheme__153jibj0 {
-  --iconSize__1qbg5hn0: calc(5 * var(--oj-c-size-units, 0.25rem));
-  --startEdgeToStartIconPadding__1qbg5hn1: calc(4 * var(--oj-c-size-units, 0.25rem));
-  --endIconToEndEdgePadding__1qbg5hn2: calc(4 * var(--oj-c-size-units, 0.25rem));
-  --startIconToLabelPadding__1qbg5hn3: calc(4 * var(--oj-c-size-units, 0.25rem));
-  --labelToEndIconPadding__1qbg5hn4: calc(8 * var(--oj-c-size-units, 0.25rem));
-  --textColor__1qbg5hn5: var(--oj-c-text-icon-primary);
-  --iconColor__1qbg5hn6: var(--oj-c-text-icon-primary);
+/* start:UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.styles.css */
+.ComponentMessageBaseTheme_baseTheme__tgaz2j0 {
+  --startIconColor__1aj7c360: var(--oj-c-text-icon-info);
+  --startIconSize__1aj7c361:  1rem;
+  --summaryTextColor__1aj7c362: var(--inlineTextColor__1n9ixz60);
+  --summaryTextWeight__1aj7c363: 400;
+  --summaryTextSize__1aj7c364: var(--inlineFontSize__1n9ixz61);
+  --summaryLineHeight__1aj7c365: 1.333rem;
 }
-/* end:UNSAFE_Menu/themes/redwood/MenuItemBaseTheme.styles.css */
-/* start:UNSAFE_Menu/themes/redwood/MenuSeparatorBaseTheme.styles.css */
-.MenuSeparatorBaseTheme_baseTheme__bwp4nk0 {
-  --verticalPadding__168r8wj0: calc(2 * var(--oj-c-size-units, 0.25rem));
+/* end:UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.styles.css */
+/* start:UNSAFE_Label/themes/redwood/LabelBaseTheme.styles.css */
+.LabelBaseTheme_baseTheme__mpxezv0 {
+  --fontWeight__kn3t7f0: 600;
+  --lineHeight__kn3t7f1: var(--oj-c-body-sm-line-height);
+  --color__kn3t7f2: var(--oj-c-text-icon-primary);
+  --colorDisabled__kn3t7f3: var(--oj-c-text-icon-disabled);
+  --insideEdgeFontSize__kn3t7f4: var(--oj-c-body-xs-font-size);
+  --insideEdgeFontWeight__kn3t7f5: 600;
+  --insideEdgeLineHeight__kn3t7f6: var(--oj-c-body-xs-line-height);
+  --insideEdgeColor__kn3t7f7: var(--oj-c-text-icon-secondary);
+  --formLayoutTopEdgeLabelTextAlign__kn3t7f8: end;
 }
-/* end:UNSAFE_Menu/themes/redwood/MenuSeparatorBaseTheme.styles.css */
-/* start:UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.styles.css */
-.WindowOverlayBaseTheme_baseTheme__1qrldld0 {
-  --notificationMainAxisOffset__5h4cac0: 0px;
-  --notificationCrossAxisOffset__5h4cac1: 0px;
+:root, .oj-scale-dependent, :root.oj-scale-sm, :root.oj-scale-md, .oj-density-dependent {
+  --fontSize__kn3t7f9: var(--oj-c-body-sm-font-size);
+  --insideEdgePositionTop__kn3t7fa: calc(calc(2 * var(--oj-c-size-units, 0.25rem)) + var(--oj-c-density-units, 0px));
 }
-/* end:UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.styles.css */
+.oj-scale-sm, :root.oj-scale-sm {
+  --fontSize__kn3t7f9: var(--oj-c-body-md-font-size);
+  --insideEdgePositionTop__kn3t7fa: max(calc(var(--oj-c-size-units, 0.25rem) + var(--oj-c-density-units, 0px)),3px);
+}
+.oj-scale-md, :root.oj-scale-md {
+  --fontSize__kn3t7f9: var(--oj-c-body-md-font-size);
+  --insideEdgePositionTop__kn3t7fa: max(calc(calc(1.14 * var(--oj-c-size-units, 0.25rem)) + var(--oj-c-density-units, 0px)),3.5px);
+}
+.oj-scale-lg {
+  --fontSize__kn3t7f9: var(--oj-c-body-sm-font-size);
+  --insideEdgePositionTop__kn3t7fa: calc(calc(2 * var(--oj-c-size-units, 0.25rem)) + var(--oj-c-density-units, 0px));
+}
+:root, .oj-density-dependent {
+  --formLayoutTopEdgeLabelToValuePadding__kn3t7fb: calc(calc(2 * var(--oj-c-size-units, 0.25rem)) + var(--oj-c-density-units, 0px));
+}
+/* end:UNSAFE_Label/themes/redwood/LabelBaseTheme.styles.css */
+/* start:UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.styles.css */
+.MessageBannerBaseTheme_baseTheme__1mzbhvy0 {
+  --backgroundColor__l2hi9d0: var(--oj-c-surface-info-low);
+  --startIconColor__l2hi9d1: var(--oj-c-text-icon-info);
+  --startIconSize__l2hi9d2: calc(4 * var(--oj-c-size-units, 0.25rem));
+  --summaryTextColor__l2hi9d3: var(--oj-c-text-icon-info);
+  --summaryTextWeight__l2hi9d4: var(--oj-c-subheading-xs-font-weight);
+  --summaryTextSize__l2hi9d5: var(--oj-c-subheading-xs-font-size);
+  --summaryLineHeight__l2hi9d6: var(--oj-c-subheading-xs-line-height);
+}
+/* end:UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.styles.css */
+/* start:UNSAFE_RadioItem/themes/redwood/RadioBaseTheme.styles.css */
+.RadioBaseTheme_baseTheme__1xmeiy50 {
+  --iconToTextGap__11tjnon1: calc(2 * var(--oj-c-size-units, 0.25rem));
+  --outlineWidth__11tjnon0: 1px;
+}
+:root, .oj-density-dependent {
+  --rowHeight__11tjnon2: calc(calc(9 * var(--oj-c-size-units, 0.25rem)) + calc(2 * var(--oj-c-density-units, 0px)));
+}
+/* end:UNSAFE_RadioItem/themes/redwood/RadioBaseTheme.styles.css */
+/* start:UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.styles.css */
+.FormLayoutBaseTheme_baseTheme__sm2a4g0 {
+  --startEdgeLabelToValuePadding__vm51h40: calc(6 * var(--oj-c-size-units, 0.25rem));
+  --startEdgeLabelTextAlign__vm51h41: end;
+}
+:root, .oj-density-dependent {
+  --topEdgeLabelToValuePadding__vm51h42: calc(calc(2 * var(--oj-c-size-units, 0.25rem)) + var(--oj-c-density-units, 0px));
+}
+/* end:UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.styles.css */
+/* start:PRIVATE_Axis/themes/redwood/AxisBaseTheme.styles.css */
+.AxisBaseTheme_baseTheme__14uuhu50 {
+  --axisTitleTextColor__1veqowy0: var(--oj-c-text-icon-secondary);
+  --axisTickLabelTextColor__1veqowy1: var(--oj-c-text-icon-secondary);
+}
+/* end:PRIVATE_Axis/themes/redwood/AxisBaseTheme.styles.css */
 /* start:PRIVATE_CollapsibleNavigationList/themes/redwood/CollapsibleNavigationListItemBaseTheme.styles.css */
 .CollapsibleNavigationListItemBaseTheme_baseTheme__3jk9pr0 {
   --oj-c-navigation-list-child-item-padding: calc(5 * var(--oj-c-size-units, 0.25rem));
@@ -381,101 +476,6 @@
   --sizes-md-padding__88ut8n17: calc(3 * var(--oj-c-size-units, 0.25rem));
 }
 /* end:UNSAFE_Badge/themes/redwood/BadgeThemeBaseTheme.styles.css */
-/* start:UNSAFE_Checkbox/themes/redwood/CheckboxBaseTheme.styles.css */
-.CheckboxBaseTheme_baseTheme__lptpwa0 {
-  --iconToTextGap__1qyga5a1: calc(2 * var(--oj-c-size-units, 0.25rem));
-  --outlineWidth__1qyga5a0: 1px;
-}
-:root, .oj-density-dependent {
-  --rowHeight__1qyga5a2: calc(calc(9 * var(--oj-c-size-units, 0.25rem)) + calc(2 * var(--oj-c-density-units, 0px)));
-}
-/* end:UNSAFE_Checkbox/themes/redwood/CheckboxBaseTheme.styles.css */
-/* start:UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.styles.css */
-.UserAssistanceBaseTheme_baseTheme__j8tei50 {
-  --inlineTextColor__1n9ixz60: var(--oj-c-text-icon-secondary);
-  --inlineFontSize__1n9ixz61: var(--oj-c-body-xs-font-size);
-}
-/* end:UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.styles.css */
-/* start:UNSAFE_Popup/themes/redwood/PopupBaseTheme.styles.css */
-.PopupBaseTheme_baseTheme__17qjw4f0 {
-  --borderColor__2ugez71: var(--oj-c-border-divider);
-  --boxShadow__2ugez73: var(--oj-c-box-shadow-xs);
-  --borderRadius__2ugez72: var(--oj-c-border-radius-sm);
-  --backgroundColor__2ugez70: var(--oj-c-surface-popup);
-  --padding__2ugez74: calc(2 * var(--oj-c-size-units, 0.25rem));
-}
-/* end:UNSAFE_Popup/themes/redwood/PopupBaseTheme.styles.css */
-/* start:UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.styles.css */
-.ComponentMessageBaseTheme_baseTheme__tgaz2j0 {
-  --startIconColor__1aj7c360: var(--oj-c-text-icon-info);
-  --startIconSize__1aj7c361:  1rem;
-  --summaryTextColor__1aj7c362: var(--inlineTextColor__1n9ixz60);
-  --summaryTextWeight__1aj7c363: 400;
-  --summaryTextSize__1aj7c364: var(--inlineFontSize__1n9ixz61);
-  --summaryLineHeight__1aj7c365: 1.333rem;
-}
-/* end:UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.styles.css */
-/* start:UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.styles.css */
-.MessageBannerBaseTheme_baseTheme__1mzbhvy0 {
-  --backgroundColor__l2hi9d0: var(--oj-c-surface-info-low);
-  --startIconColor__l2hi9d1: var(--oj-c-text-icon-info);
-  --startIconSize__l2hi9d2: calc(4 * var(--oj-c-size-units, 0.25rem));
-  --summaryTextColor__l2hi9d3: var(--oj-c-text-icon-info);
-  --summaryTextWeight__l2hi9d4: var(--oj-c-subheading-xs-font-weight);
-  --summaryTextSize__l2hi9d5: var(--oj-c-subheading-xs-font-size);
-  --summaryLineHeight__l2hi9d6: var(--oj-c-subheading-xs-line-height);
-}
-/* end:UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.styles.css */
-/* start:UNSAFE_Label/themes/redwood/LabelBaseTheme.styles.css */
-.LabelBaseTheme_baseTheme__mpxezv0 {
-  --fontWeight__kn3t7f0: 600;
-  --lineHeight__kn3t7f1: var(--oj-c-body-sm-line-height);
-  --color__kn3t7f2: var(--oj-c-text-icon-primary);
-  --colorDisabled__kn3t7f3: var(--oj-c-text-icon-disabled);
-  --insideEdgeFontSize__kn3t7f4: var(--oj-c-body-xs-font-size);
-  --insideEdgeFontWeight__kn3t7f5: 600;
-  --insideEdgeLineHeight__kn3t7f6: var(--oj-c-body-xs-line-height);
-  --insideEdgeColor__kn3t7f7: var(--oj-c-text-icon-secondary);
-  --formLayoutTopEdgeLabelTextAlign__kn3t7f8: end;
-}
-:root, .oj-scale-dependent, :root.oj-scale-sm, :root.oj-scale-md, .oj-density-dependent {
-  --fontSize__kn3t7f9: var(--oj-c-body-sm-font-size);
-  --insideEdgePositionTop__kn3t7fa: calc(calc(2 * var(--oj-c-size-units, 0.25rem)) + var(--oj-c-density-units, 0px));
-}
-.oj-scale-sm, :root.oj-scale-sm {
-  --fontSize__kn3t7f9: var(--oj-c-body-md-font-size);
-  --insideEdgePositionTop__kn3t7fa: max(calc(var(--oj-c-size-units, 0.25rem) + var(--oj-c-density-units, 0px)),3px);
-}
-.oj-scale-md, :root.oj-scale-md {
-  --fontSize__kn3t7f9: var(--oj-c-body-md-font-size);
-  --insideEdgePositionTop__kn3t7fa: max(calc(calc(1.14 * var(--oj-c-size-units, 0.25rem)) + var(--oj-c-density-units, 0px)),3.5px);
-}
-.oj-scale-lg {
-  --fontSize__kn3t7f9: var(--oj-c-body-sm-font-size);
-  --insideEdgePositionTop__kn3t7fa: calc(calc(2 * var(--oj-c-size-units, 0.25rem)) + var(--oj-c-density-units, 0px));
-}
-:root, .oj-density-dependent {
-  --formLayoutTopEdgeLabelToValuePadding__kn3t7fb: calc(calc(2 * var(--oj-c-size-units, 0.25rem)) + var(--oj-c-density-units, 0px));
-}
-/* end:UNSAFE_Label/themes/redwood/LabelBaseTheme.styles.css */
-/* start:UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.styles.css */
-.FormLayoutBaseTheme_baseTheme__sm2a4g0 {
-  --startEdgeLabelToValuePadding__vm51h40: calc(6 * var(--oj-c-size-units, 0.25rem));
-  --startEdgeLabelTextAlign__vm51h41: end;
-}
-:root, .oj-density-dependent {
-  --topEdgeLabelToValuePadding__vm51h42: calc(calc(2 * var(--oj-c-size-units, 0.25rem)) + var(--oj-c-density-units, 0px));
-}
-/* end:UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.styles.css */
-/* start:UNSAFE_RadioItem/themes/redwood/RadioBaseTheme.styles.css */
-.RadioBaseTheme_baseTheme__1xmeiy50 {
-  --iconToTextGap__11tjnon1: calc(2 * var(--oj-c-size-units, 0.25rem));
-  --outlineWidth__11tjnon0: 1px;
-}
-:root, .oj-density-dependent {
-  --rowHeight__11tjnon2: calc(calc(9 * var(--oj-c-size-units, 0.25rem)) + calc(2 * var(--oj-c-density-units, 0px)));
-}
-/* end:UNSAFE_RadioItem/themes/redwood/RadioBaseTheme.styles.css */
 /* start:PRIVATE_List/themes/redwood/ListBaseTheme.styles.css */
 :root, .oj-density-dependent {
   --oj-c-list-item-height: calc(calc(12 * var(--oj-c-size-units, 0.25rem)) + calc(2 * var(--oj-c-density-units, 0px)));
@@ -501,16 +501,6 @@
   --textColorVisited__1w21kyl8: var(--textColor__1w21kyl6);
 }
 /* end:UNSAFE_Link/themes/redwood/LinkBaseTheme.styles.css */
-/* start:PRIVATE_TableList/themes/redwood/ListBaseTheme.styles.css */
-.ListBaseTheme_baseTheme__9nal0u0 {
-  --gridlineWidth__63ilwe0: 1px;
-}
-:root, .oj-density-dependent {
-  --oj-c-list-row-height: calc(calc(12 * var(--oj-c-size-units, 0.25rem)) + calc(2 * var(--oj-c-density-units, 0px)));
-  --oj-c-list-cell-padding-vertical: calc(calc(3 * var(--oj-c-size-units, 0.25rem)) + var(--oj-c-density-units, 0px));
-  --oj-c-list-cell-padding-horizontal: calc(calc(4 * var(--oj-c-size-units, 0.25rem)));
-}
-/* end:PRIVATE_TableList/themes/redwood/ListBaseTheme.styles.css */
 /* start:PRIVATE_Table/themes/redwood/TableBaseTheme.styles.css */
 .TableBaseTheme_baseTheme__10g2zer0 {
   --gridlineWidth__efrfp90: 1px;
@@ -554,6 +544,22 @@
   --footerBorderColor__9f8o6io: transparent;
 }
 /* end:UNSAFE_Dialog/themes/redwood/DialogBaseTheme.styles.css */
+/* start:PRIVATE_TableList/themes/redwood/ListBaseTheme.styles.css */
+.ListBaseTheme_baseTheme__9nal0u0 {
+  --gridlineWidth__63ilwe0: 1px;
+}
+:root, .oj-density-dependent {
+  --oj-c-list-row-height: calc(calc(12 * var(--oj-c-size-units, 0.25rem)) + calc(2 * var(--oj-c-density-units, 0px)));
+  --oj-c-list-cell-padding-vertical: calc(calc(3 * var(--oj-c-size-units, 0.25rem)) + var(--oj-c-density-units, 0px));
+  --oj-c-list-cell-padding-horizontal: calc(calc(4 * var(--oj-c-size-units, 0.25rem)));
+}
+/* end:PRIVATE_TableList/themes/redwood/ListBaseTheme.styles.css */
+/* start:UNSAFE_ButtonLayout/themes/redwood/ButtonLayoutBaseTheme.styles.css */
+.ButtonLayoutBaseTheme_baseTheme__8fzs170 {
+  --spacing-lg-columnGap__rt5x5j0: calc(4 * var(--oj-c-size-units, 0.25rem));
+  --spacing-sm-columnGap__rt5x5j1: var(--oj-c-size-units, 0.25rem);
+}
+/* end:UNSAFE_ButtonLayout/themes/redwood/ButtonLayoutBaseTheme.styles.css */
 /* start:UNSAFE_Avatar/themes/redwood/AvatarBaseTheme.styles.css */
 .AvatarBaseTheme_baseTheme__se034w0 {
   --bgColor__n2nsgo0: ;
@@ -632,12 +638,6 @@
   --shapes-circle-borderRadius__n2nsgo21: 50%;
 }
 /* end:UNSAFE_Avatar/themes/redwood/AvatarBaseTheme.styles.css */
-/* start:UNSAFE_ButtonLayout/themes/redwood/ButtonLayoutBaseTheme.styles.css */
-.ButtonLayoutBaseTheme_baseTheme__8fzs170 {
-  --spacing-lg-columnGap__rt5x5j0: calc(4 * var(--oj-c-size-units, 0.25rem));
-  --spacing-sm-columnGap__rt5x5j1: var(--oj-c-size-units, 0.25rem);
-}
-/* end:UNSAFE_ButtonLayout/themes/redwood/ButtonLayoutBaseTheme.styles.css */
 /* start:UNSAFE_ColorSwatch/themes/redwood/ColorSwatchBaseTheme.styles.css */
 .ColorSwatchBaseTheme_baseTheme__j3p4lr0 {
   --borderRadius__1bc16n60: var(--oj-c-border-radius-sm);
@@ -654,6 +654,21 @@
   --maxHeight__1urfhqt3: calc(85 * var(--oj-c-size-units, 0.25rem));
 }
 /* end:UNSAFE_ColorPicker/themes/redwood/ColorPickerBaseTheme.styles.css */
+/* start:UNSAFE_DrawerLayout/themes/redwood/DrawerLayoutBaseTheme.styles.css */
+.DrawerLayoutBaseTheme_baseTheme__qqda4t0 {
+  --overlayDrawerBackgroundColor__37aqbl0: var(--oj-c-surface-neutral10);
+}
+/* end:UNSAFE_DrawerLayout/themes/redwood/DrawerLayoutBaseTheme.styles.css */
+/* start:UNSAFE_ConveyorBelt/themes/redwood/ConveyorBeltBaseTheme.styles.css */
+.ConveyorBeltBaseTheme_baseTheme__1ktowgq0 {
+  --boxShadow-width__114pbvl0: var(--oj-c-size-units, 0.25rem);
+}
+/* end:UNSAFE_ConveyorBelt/themes/redwood/ConveyorBeltBaseTheme.styles.css */
+/* start:UNSAFE_DrawerPopup/themes/redwood/DrawerPopupBaseTheme.styles.css */
+.DrawerPopupBaseTheme_baseTheme__11hfduf0 {
+  --overlayDrawerBackgroundColor__1ekn0ug0: var(--oj-c-surface-neutral10);
+}
+/* end:UNSAFE_DrawerPopup/themes/redwood/DrawerPopupBaseTheme.styles.css */
 /* start:UNSAFE_DatePicker/themes/redwood/DatePickerBaseTheme.styles.css */
 .DatePickerBaseTheme_baseTheme__tg9grh0 {
   --width__1wy4iwf0: 100%;
@@ -665,16 +680,6 @@
   --todayFooterButtonHeight__1wy4iwf6: calc(102 * var(--oj-c-size-units, 0.25rem));
 }
 /* end:UNSAFE_DatePicker/themes/redwood/DatePickerBaseTheme.styles.css */
-/* start:UNSAFE_ConveyorBelt/themes/redwood/ConveyorBeltBaseTheme.styles.css */
-.ConveyorBeltBaseTheme_baseTheme__1ktowgq0 {
-  --boxShadow-width__114pbvl0: var(--oj-c-size-units, 0.25rem);
-}
-/* end:UNSAFE_ConveyorBelt/themes/redwood/ConveyorBeltBaseTheme.styles.css */
-/* start:UNSAFE_DrawerLayout/themes/redwood/DrawerLayoutBaseTheme.styles.css */
-.DrawerLayoutBaseTheme_baseTheme__qqda4t0 {
-  --overlayDrawerBackgroundColor__37aqbl0: var(--oj-c-surface-neutral10);
-}
-/* end:UNSAFE_DrawerLayout/themes/redwood/DrawerLayoutBaseTheme.styles.css */
 /* start:UNSAFE_FilePicker/themes/redwood/FilePickerBaseTheme.styles.css */
 .FilePickerBaseTheme_baseTheme__gjv4mp0 {
   --borderColor__12s6ppx0: var(--oj-c-border-enabled);
@@ -682,17 +687,6 @@
   --borderWidth__12s6ppx2: 1px;
 }
 /* end:UNSAFE_FilePicker/themes/redwood/FilePickerBaseTheme.styles.css */
-/* start:UNSAFE_DrawerPopup/themes/redwood/DrawerPopupBaseTheme.styles.css */
-.DrawerPopupBaseTheme_baseTheme__11hfduf0 {
-  --overlayDrawerBackgroundColor__1ekn0ug0: var(--oj-c-surface-neutral10);
-}
-/* end:UNSAFE_DrawerPopup/themes/redwood/DrawerPopupBaseTheme.styles.css */
-/* start:UNSAFE_Indexer/themes/redwood/IndexerBaseTheme.styles.css */
-.IndexerBaseTheme_baseTheme__k2mgdb0 {
-  --textColor__1gj3n970: var(--oj-c-text-icon-primary);
-  --fontSize__1gj3n971: var(--oj-c-body-sm-font-size);
-}
-/* end:UNSAFE_Indexer/themes/redwood/IndexerBaseTheme.styles.css */
 /* start:UNSAFE_FormLayout/themes/redwood/FormLayoutBaseTheme.styles.css */
 .FormLayoutBaseTheme_baseTheme__1sotkej0 {
   --columnGapWidthMd__pa4rfz2: calc(6 * var(--oj-c-size-units, 0.25rem));
@@ -703,6 +697,12 @@
   --columnGapWidth__pa4rfz5: inherit;
 }
 /* end:UNSAFE_FormLayout/themes/redwood/FormLayoutBaseTheme.styles.css */
+/* start:UNSAFE_Indexer/themes/redwood/IndexerBaseTheme.styles.css */
+.IndexerBaseTheme_baseTheme__k2mgdb0 {
+  --textColor__1gj3n970: var(--oj-c-text-icon-primary);
+  --fontSize__1gj3n971: var(--oj-c-body-sm-font-size);
+}
+/* end:UNSAFE_Indexer/themes/redwood/IndexerBaseTheme.styles.css */
 /* start:UNSAFE_ProgressCircle/themes/redwood/ProgressCircleBaseTheme.styles.css */
 .ProgressCircleBaseTheme_baseTheme__1qsbny60 {
   --size__lborgv0: ;
@@ -715,21 +715,6 @@
   --sizes-lg-trackWidth__lborgv7: calc(1.5 * var(--oj-c-size-units, 0.25rem));
 }
 /* end:UNSAFE_ProgressCircle/themes/redwood/ProgressCircleBaseTheme.styles.css */
-/* start:UNSAFE_MessageToast/themes/redwood/MessageToastBaseTheme.styles.css */
-.MessageToastBaseTheme_baseTheme__3146600 {
-  --backgroundColor__zw7y740: rgb(var(--oj-c-palette-neutral-50));
-  --maxWidthLg__zw7y741: calc(150 * var(--oj-c-size-units, 0.25rem));
-  --maxWidthMd__zw7y742: calc(100vw - calc(12 * var(--oj-c-size-units, 0.25rem)));
-  --maxWidthSm__zw7y743: calc(100vw - calc(8 * var(--oj-c-size-units, 0.25rem)));
-  --startIconColor__zw7y744: var(--oj-c-text-icon-primary);
-  --startIconSize__zw7y745: calc(6 * var(--oj-c-size-units, 0.25rem));
-  --summaryTextColor__zw7y746: var(--oj-c-text-icon-primary);
-  --summaryTextWeight__zw7y747: normal;
-  --summaryTextSize__zw7y748: var(--oj-c-body-md-font-size);
-  --summaryLineHeight__zw7y749: var(--oj-c-body-md-line-height);
-  --detailTextColor__zw7y74a: var(--oj-c-text-icon-secondary);
-}
-/* end:UNSAFE_MessageToast/themes/redwood/MessageToastBaseTheme.styles.css */
 /* start:UNSAFE_MeterBar/themes/redwood/MeterBarBaseTheme.styles.css */
 .MeterBarBaseTheme_baseTheme__1n8hfuv0 {
   --size__saju1q0: ;
@@ -782,14 +767,21 @@
   --removeIconPadding__1497t56i: calc(4 * var(--oj-c-size-units, 0.25rem));
 }
 /* end:UNSAFE_NavigationList/themes/redwood/NavigationListItemBaseTheme.styles.css */
-/* start:UNSAFE_RadioItem/themes/redwood/RadioIconBaseTheme.styles.css */
-.RadioIconBaseTheme_baseTheme__1j9fixc0 {
-  --iconSize__bwcdcl0: var(--iconSize__bwcdcl0);
-  --iconColorSelected__bwcdcl1: var(--oj-c-text-icon-primary);
-  --iconColorUnselected__bwcdcl2: var(--oj-c-text-icon-primary);
-  --iconTransformActive__bwcdcl3: scale(0.75);
+/* start:UNSAFE_MessageToast/themes/redwood/MessageToastBaseTheme.styles.css */
+.MessageToastBaseTheme_baseTheme__3146600 {
+  --backgroundColor__zw7y740: rgb(var(--oj-c-palette-neutral-50));
+  --maxWidthLg__zw7y741: calc(150 * var(--oj-c-size-units, 0.25rem));
+  --maxWidthMd__zw7y742: calc(100vw - calc(12 * var(--oj-c-size-units, 0.25rem)));
+  --maxWidthSm__zw7y743: calc(100vw - calc(8 * var(--oj-c-size-units, 0.25rem)));
+  --startIconColor__zw7y744: var(--oj-c-text-icon-primary);
+  --startIconSize__zw7y745: calc(6 * var(--oj-c-size-units, 0.25rem));
+  --summaryTextColor__zw7y746: var(--oj-c-text-icon-primary);
+  --summaryTextWeight__zw7y747: normal;
+  --summaryTextSize__zw7y748: var(--oj-c-body-md-font-size);
+  --summaryLineHeight__zw7y749: var(--oj-c-body-md-line-height);
+  --detailTextColor__zw7y74a: var(--oj-c-text-icon-secondary);
 }
-/* end:UNSAFE_RadioItem/themes/redwood/RadioIconBaseTheme.styles.css */
+/* end:UNSAFE_MessageToast/themes/redwood/MessageToastBaseTheme.styles.css */
 /* start:UNSAFE_TabBarCommon/themes/redwood/TabBarItemBaseTheme.styles.css */
 .TabBarItemBaseTheme_baseTheme__1izcbv90 {
   --labelColor__1vg465e0: var(--oj-c-text-icon-secondary);
@@ -805,6 +797,19 @@
   --stackedHeight__1vg465e8: calc(calc(18.5 * var(--oj-c-size-units, 0.25rem)) + calc(2 * var(--oj-c-density-units, 0px)));
 }
 /* end:UNSAFE_TabBarCommon/themes/redwood/TabBarItemBaseTheme.styles.css */
+/* start:UNSAFE_RadioItem/themes/redwood/RadioIconBaseTheme.styles.css */
+.RadioIconBaseTheme_baseTheme__1j9fixc0 {
+  --iconSize__bwcdcl0: var(--iconSize__bwcdcl0);
+  --iconColorSelected__bwcdcl1: var(--oj-c-text-icon-primary);
+  --iconColorUnselected__bwcdcl2: var(--oj-c-text-icon-primary);
+  --iconTransformActive__bwcdcl3: scale(0.75);
+}
+/* end:UNSAFE_RadioItem/themes/redwood/RadioIconBaseTheme.styles.css */
+/* start:UNSAFE_Switch/themes/redwood/SwitchBaseTheme.styles.css */
+:root, .oj-density-dependent {
+  --switchRowHeight__18c4k1l0: calc(calc(9 * var(--oj-c-size-units, 0.25rem)) + calc(2 * var(--oj-c-density-units, 0px)));
+}
+/* end:UNSAFE_Switch/themes/redwood/SwitchBaseTheme.styles.css */
 /* start:UNSAFE_RatingGauge/themes/redwood/RatingGaugeBaseTheme.styles.css */
 .RatingGaugeBaseTheme_baseTheme__1u6vk8m0 {
   --colorSelected__1kgzocs0: var(--oj-c-text-icon-primary);
@@ -841,11 +846,6 @@
   --colors-danger-colorSelectedReadonly__1kgzocsv: var(--oj-c-dvt-threshold-danger);
 }
 /* end:UNSAFE_RatingGauge/themes/redwood/RatingGaugeBaseTheme.styles.css */
-/* start:UNSAFE_Switch/themes/redwood/SwitchBaseTheme.styles.css */
-:root, .oj-density-dependent {
-  --switchRowHeight__18c4k1l0: calc(calc(9 * var(--oj-c-size-units, 0.25rem)) + calc(2 * var(--oj-c-density-units, 0px)));
-}
-/* end:UNSAFE_Switch/themes/redwood/SwitchBaseTheme.styles.css */
 /* start:UNSAFE_Train/themes/redwood/TrainBaseTheme.styles.css */
 .TrainBaseTheme_baseTheme__kpes8h0 {
   --stepWidth__wmjnh60: calc(28 * var(--oj-c-size-units, 0.25rem));