@oracle/oraclejet-preact 18.1.5 → 18.1.6

package/cjs/Label-c51bd5de.js

@@ -0,0 +1,85 @@
+/* @oracle/oraclejet-preact: undefined */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+require('./FormFieldContext-8418dc68.js');
+var useFormFieldContext = require('./useFormFieldContext-20f419ef.js');
+var classNames = require('./classNames-c14c6ef3.js');
+require('./FormContext-9452bd30.js');
+var useFormContext = require('./useFormContext-4c3091dc.js');
+var useComponentTheme = require('./useComponentTheme-082fc8e4.js');
+require('./TabbableModeContext-e99d527e.js');
+require('preact/hooks');
+require('./LayerHost-e7422109.js');
+require('preact/compat');
+
+
+require('./UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css.js');
+require('./Flex-1784952c.js');
+
+
+require('./UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css.js');
+require('preact');
+
+
+require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
+require('./tooltipUtils-de8fb707.js');
+
+require('./IconButton-fad4e4b2.js');
+
+require('./MessageFormattingUtils-42d84399.js');
+require('./logger-2b636482.js');
+require('./TransitionGroup-b239d98f.js');
+require('./MessagesContext-4e939750.js');
+
+
+
+require('./UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css.js');
+require('./InputGroupContext-05f2a46f.js');
+require('./Popup-75881ab5.js');
+require('./UNSAFE_Separator/themes/SeparatorStyles.css.js');
+var CompactLabelAssistance = require('./CompactLabelAssistance-d0290426.js');
+
+require('./UNSAFE_Popup/themes/redwood/PopupVariants.css.js');
+var UNSAFE_TextField_themes_redwood_TextFieldTheme = require('./UNSAFE_TextField/themes/redwood/TextFieldTheme.js');
+var UNSAFE_Label_themes_redwood_LabelTheme = require('./UNSAFE_Label/themes/redwood/LabelTheme.js');
+
+const StyledLabel = ({ hasValue, readonly, disabled, isFocused, isRequiredShown, helpIconId, helpSourceLink, helpSourceText, userAssistanceDensity = 'reflow', variant = 'inside', parentComponentVariant = 'textField', ...props }) => {
+    const { isFormLayout, isReadonly: isReadonlyForm, labelWrapping } = useFormContext.useFormContext();
+    const isInside = variant === 'inside';
+    const isTextField = parentComponentVariant === 'textField';
+    // because variants have to match strings, we have to take any boolean props and convert
+    // them to a string value, (ie prefixed with "is" or "non")
+    const { classes, styles: { uaDensityCompactLabel, uaDensityCompactLabelStart, uaDensityCompactLabelTopInside } } = useComponentTheme.useComponentTheme(UNSAFE_Label_themes_redwood_LabelTheme.LabelRedwoodTheme, {
+        labelWrapping,
+        position: variant,
+        inside: isInside ? 'isInside' : 'notInside',
+        inEnabledForm: isFormLayout && !isReadonlyForm ? 'isInEnabledForm' : 'notInEnabledForm',
+        readonly: readonly ? 'isReadonly' : 'notReadonly',
+        focused: isFocused ? 'isFocused' : 'nonFocused',
+        formLayout: isFormLayout ? 'isFormLayout' : 'nonFormLayout',
+        readonlyForm: isReadonlyForm ? 'isReadonlyForm' : 'notReadonlyForm',
+        textField: isTextField ? 'isTextField' : 'notTextField',
+        value: hasValue ? 'hasValue' : 'noValue',
+        valueOrFocus: hasValue || isFocused ? 'hasValueOrFocus' : 'noValueOrFocus',
+        animatedWhenInside: isTextField ? 'isAnimated' : 'notAnimated',
+        disabled: isTextField && disabled ? 'isDisabled' : 'nonDisabled',
+        userAssistanceDensity
+    });
+    const { baseTheme: textFieldTheme } = useComponentTheme.useComponentTheme(UNSAFE_TextField_themes_redwood_TextFieldTheme.TextFieldRedwoodTheme);
+    // TODO: We need to decide whether to standardize on 'class' or 'className'.  Otherwise, we'll
+    // run into issues destructuring style interpolations, for example having to concatenate both.
+    const compactLabelStyles = classNames.classNames([
+        uaDensityCompactLabel,
+        variant === 'start' ? uaDensityCompactLabelStart : uaDensityCompactLabelTopInside
+    ]);
+    const compactUADLabel = jsxRuntime.jsx("label", { ...props, class: compactLabelStyles });
+    return userAssistanceDensity === 'compact' ? (jsxRuntime.jsxs("div", { class: classNames.classNames([classes, textFieldTheme]), children: [variant !== 'start' && compactUADLabel, jsxRuntime.jsx(CompactLabelAssistance.CompactLabelAssistance, { isRequiredShown: isRequiredShown, helpIconId: helpIconId, helpSourceLink: helpSourceLink, helpSourceText: helpSourceText, labelEdge: variant === 'top' || variant === 'start' ? variant : 'inside' }), variant === 'start' && compactUADLabel] })) : (jsxRuntime.jsx("label", { ...props, class: classNames.classNames([classes, textFieldTheme]) }));
+};
+const Label = ({ forId, ...props }) => {
+    const { hasValue, isDisabled, isFocused, isReadonly } = useFormFieldContext.useFormFieldContext();
+    return (jsxRuntime.jsx(StyledLabel, { for: forId, hasValue: hasValue, disabled: isDisabled, isFocused: isFocused, readonly: isReadonly, ...props }));
+};
+
+exports.Label = Label;
+//# sourceMappingURL=Label-c51bd5de.js.map

package/cjs/Label-c51bd5de.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label-c51bd5de.js","sources":["../../src/UNSAFE_Label/Label.tsx"],"sourcesContent":["import { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { StyledComponentProps } from '../utils/UNSAFE_typeUtils';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { CompactLabelAssistance } from '../UNSAFE_UserAssistance';\n\nimport { LabelStyles, LabelVariantOptions } from './themes/LabelStyles.css';\nimport { TextFieldRedwoodTheme } from '../UNSAFE_TextField/themes/redwood/TextFieldTheme';\nimport { LabelRedwoodTheme } from './themes/redwood/LabelTheme';\n\ntype StyleProps = Exclude<Props, 'children' | 'forId' | 'id'> & {\n  hasValue?: boolean;\n  isFocused?: boolean;\n  readonly?: boolean;\n  disabled?: boolean;\n};\n\ntype StyledLabelProps = StyledComponentProps<'label', StyleProps> & {\n  onClick?: (e: MouseEvent) => void;\n};\n\nconst StyledLabel = ({\n  hasValue,\n  readonly,\n  disabled,\n  isFocused,\n  isRequiredShown,\n  helpIconId,\n  helpSourceLink,\n  helpSourceText,\n  userAssistanceDensity = 'reflow',\n  variant = 'inside',\n  parentComponentVariant = 'textField',\n  ...props\n}: StyledLabelProps) => {\n  const { isFormLayout, isReadonly: isReadonlyForm, labelWrapping } = useFormContext();\n\n  const isInside = variant === 'inside';\n  const isTextField = parentComponentVariant === 'textField';\n\n  // because variants have to match strings, we have to take any boolean props and convert\n  // them to a string value, (ie prefixed with \"is\" or \"non\")\n  const {\n    classes,\n    styles: { uaDensityCompactLabel, uaDensityCompactLabelStart, uaDensityCompactLabelTopInside }\n  } = useComponentTheme<LabelVariantOptions, LabelStyles>(LabelRedwoodTheme, {\n    labelWrapping,\n    position: variant,\n    inside: isInside ? 'isInside' : 'notInside',\n    inEnabledForm: isFormLayout && !isReadonlyForm ? 'isInEnabledForm' : 'notInEnabledForm',\n    readonly: readonly ? 'isReadonly' : 'notReadonly',\n    focused: isFocused ? 'isFocused' : 'nonFocused',\n    formLayout: isFormLayout ? 'isFormLayout' : 'nonFormLayout',\n    readonlyForm: isReadonlyForm ? 'isReadonlyForm' : 'notReadonlyForm',\n    textField: isTextField ? 'isTextField' : 'notTextField',\n    value: hasValue ? 'hasValue' : 'noValue',\n    valueOrFocus: hasValue || isFocused ? 'hasValueOrFocus' : 'noValueOrFocus',\n    animatedWhenInside: isTextField ? 'isAnimated' : 'notAnimated',\n    disabled: isTextField && disabled ? 'isDisabled' : 'nonDisabled',\n    userAssistanceDensity\n  });\n\n  const { baseTheme: textFieldTheme } = useComponentTheme(TextFieldRedwoodTheme);\n\n  // TODO: We need to decide whether to standardize on 'class' or 'className'.  Otherwise, we'll\n  // run into issues destructuring style interpolations, for example having to concatenate both.\n\n  const compactLabelStyles = classNames([\n    uaDensityCompactLabel,\n    variant === 'start' ? uaDensityCompactLabelStart : uaDensityCompactLabelTopInside\n  ]);\n  const compactUADLabel = <label {...props} class={compactLabelStyles} />;\n\n  return userAssistanceDensity === 'compact' ? (\n    <div class={classNames([classes, textFieldTheme])}>\n      {variant !== 'start' && compactUADLabel}\n      <CompactLabelAssistance\n        isRequiredShown={isRequiredShown}\n        helpIconId={helpIconId}\n        helpSourceLink={helpSourceLink}\n        helpSourceText={helpSourceText}\n        labelEdge={variant === 'top' || variant === 'start' ? variant : 'inside'}\n      />\n      {variant === 'start' && compactUADLabel}\n    </div>\n  ) : (\n    <label {...props} class={classNames([classes, textFieldTheme])} />\n  );\n};\n\ntype Props = {\n  /**\n   * Specifies how messages and assistive text are shown.\n   */\n  userAssistanceDensity?: 'reflow' | 'efficient' | 'compact';\n  /**\n   * Id to use for the help icon in compact user assistance density.\n   */\n  helpIconId?: string;\n  /**\n   * Help source link for compact user assistance density.\n   */\n  helpSourceLink?: string;\n  /**\n   * Help source text for compact user assistance density.\n   */\n  helpSourceText?: string;\n  /**\n   * Specifies whether to show an indicator on screen that a value is required, for example\n   * before the user has committed a value.\n   */\n  isRequiredShown?: boolean;\n  /**\n   * The text to be used for the label\n   */\n  children?: string;\n  /**\n   * The id to set on the label\n   */\n  id?: string;\n  /**\n   * The id of the form control for which this label will be used\n   */\n  forId?: string;\n  /**\n   * Determines how the label is going to be styled\n   */\n  variant?: 'inside' | 'start' | 'top';\n  /**\n   * Determines how the label is going to be styled in based on parent component.\n   */\n  parentComponentVariant?:\n    | 'textField'\n    | 'radioSet'\n    | 'checkboxSet'\n    | 'richRadioSet'\n    | 'richCheckboxSet'\n    | 'formComponentWrapper';\n  /**\n   * Handler called when the label is clicked.\n   */\n  onClick?: (e: MouseEvent) => void;\n};\n\nexport const Label = ({ forId, ...props }: Props) => {\n  const { hasValue, isDisabled, isFocused, isReadonly } = useFormFieldContext();\n  return (\n    <StyledLabel\n      for={forId}\n      hasValue={hasValue}\n      disabled={isDisabled}\n      isFocused={isFocused}\n      readonly={isReadonly}\n      {...props}\n    />\n  );\n};\n"],"names":["useFormContext","useComponentTheme","LabelRedwoodTheme","TextFieldRedwoodTheme","classNames","_jsx","_jsxs","CompactLabelAssistance","useFormFieldContext"],"mappings":"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"}

package/cjs/LineAreaChart-05a58ac5.js

@@ -0,0 +1,172 @@
+/* @oracle/oraclejet-preact: undefined */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var layoutUtils = require('./layoutUtils-0615d614.js');
+var chartUtils = require('./chartUtils-851ca0ed.js');
+var useChartDnd = require('./useChartDnd-765ad341.js');
+var LineSeries = require('./LineSeries-e66c1f73.js');
+var dataStyleUtils = require('./dataStyleUtils-e5ab11d0.js');
+var useUser = require('./useUser-3175822e.js');
+var colorUtils = require('./colorUtils-d762d81b.js');
+require('./accUtils-dcffb3de.js');
+var Common_themes_themeContract_css = require('./Common/themes/themeContract.css.js');
+var Chart = require('./Chart-13ccd345.js');
+
+function OverviewLineAreaChart(props) {
+    return (jsxRuntime.jsx(LineAreaChart, { datatip: () => ({ content: '' }), zoomAndScroll: "off", overview: "off", plotArea: {
+            yMajorTick: {
+                isRendered: false
+            }
+        }, xAxis: {
+            tickLabel: {
+                autoRotate: false,
+                // @ts-ignore
+                isRendered: props.xAxis?.timeAxisType ? true : false
+            }
+        }, series: props.series, groups: props.groups, getDataItem: props.getDataItem, yAxis: {
+            tickLabel: {
+                isRendered: false
+            }
+        }, type: props.type }));
+}
+
+const AXIS_OFFSET = 0.2;
+const LINE_WITH_AREA_OPACITY = 0.2;
+/**
+ * The LineAreaChart displays information graphically using lines and filled areas, making relationships among the data easier to understand.
+ */
+function LineAreaChart({ width, height, selectedIds = [], hiddenIds = [], highlightedIds, hideAndShowBehavior = 'none', orientation = 'vertical', yAxis, series, groups, isStacked = false, getDataItem, selectionMode = 'none', drilling = 'off', type = 'line', overview = 'off', dataLabelEffect = 'outline', ...props }) {
+    const { direction, forcedColors } = useUser.useUser();
+    const isHighContrast = forcedColors === 'active';
+    const isTestEnv = props.testId !== undefined;
+    const isRtl = direction === 'rtl';
+    const isLog = yAxis?.scale === 'log';
+    const timeAxisType = props.xAxis?.timeAxisType;
+    const hiddenSet = new Set(hiddenIds);
+    const selectedSet = new Set(selectedIds);
+    const highlightedSet = new Set(highlightedIds);
+    const isHoriz = orientation === 'horizontal';
+    const colors = colorUtils.getColorRamp();
+    const renderedSeries = isStacked
+        ? useChartDnd.getCumulativeSeries(series.length, groups.length, getDataItem, hiddenSet, isLog)
+        : useChartDnd.getSeriesData(series?.length, groups?.length, getDataItem, hiddenSet, isLog);
+    const renderedGetDataItem = (seriesIndex, groupIndex) => {
+        if (!isStacked)
+            return getDataItem(seriesIndex, groupIndex);
+        return {
+            ...getDataItem(seriesIndex, groupIndex),
+            value: renderedSeries[seriesIndex][groupIndex]
+        };
+    };
+    const getGapRatio = () => {
+        return 1;
+    };
+    const getNextChartItemFunc = (startIndex, endIndex) => {
+        // TODO: JET-71332
+        //@ts-ignore
+        return dataStyleUtils.getLineAreaChartNavUtil(getDataItem, series.length, startIndex, endIndex, isStacked, isRtl, isHoriz);
+    };
+    const getDataItemPos = (xScale, yScale) => {
+        return (seriesIndex, groupIndex) => {
+            return chartUtils.getLineAreaChartItemPosition(seriesIndex, groupIndex, renderedSeries, getDataItem, groups, isHoriz, xScale, yScale, timeAxisType);
+        };
+    };
+    const getMarkerColorAndType = (seriesIndex, groupIndex) => {
+        return {
+            color: dataStyleUtils.getItemColor(seriesIndex, groupIndex, series, getDataItem),
+            type: dataStyleUtils.getMarkerType(seriesIndex, groupIndex, getDataItem)
+        };
+    };
+    const findNearest = (xScale, yScale) => {
+        const getSeriesDataInfo = () => {
+            return {
+                offset: 0,
+                dataWidth: 0
+            };
+        };
+        const getYCoord = (value, yScale) => {
+            return yScale.transform(value);
+        };
+        return layoutUtils.findNearestDataPoint(series, groups, xScale, yScale, renderedGetDataItem, isStacked, getSeriesDataInfo, getYCoord, isLog, 0, hiddenSet, timeAxisType);
+    };
+    const markers = useChartDnd.getMarkers();
+    const areaOpacity = type === 'lineWithArea' ? LINE_WITH_AREA_OPACITY : 1;
+    const isAreaRendered = type === 'area' || type === 'lineWithArea';
+    const isContrastLineNeeded = type === 'area';
+    const allLineSegmentCoords = [];
+    return (jsxRuntime.jsx(Chart.Chart, { width: width, height: height, selectedIds: selectedSet, hiddenIds: hiddenIds, hideAndShowBehavior: hideAndShowBehavior, orientation: orientation, yAxis: yAxis, series: series, groups: groups, selectionMode: selectionMode, drilling: drilling, isStacked: isStacked, getDataItem: getDataItem, findNearest: findNearest, getDataItemPos: getDataItemPos, getMarkerInfo: getMarkerColorAndType, renderGridLinesInFront: isAreaRendered, getNavUtil: getNextChartItemFunc, getGapRatio: getGapRatio, offset: AXIS_OFFSET, isRtl: isRtl, overview: overview, defaultOverviewContentRenderer: () => {
+            return (jsxRuntime.jsx(OverviewLineAreaChart, { series: series, groups: groups, getDataItem: getDataItem, type: type }));
+        }, ...props, children: ({ xStartIndex, xEndIndex, xScale, yScale, activeId, focusedItemInfo, hoveredItemInfo, isPointInsideMarquee, defaultFontSize, getTextDimensions }) => {
+            return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [renderedSeries.map((lineAreaSeries, index) => {
+                        if (lineAreaSeries.length === 0) {
+                            /* TODO: need a better way to handle when a series is hidden. */
+                            return;
+                        }
+                        const seriesItem = series[index];
+                        const lineSegmentCoords = useChartDnd.getLineAreaSegments(yScale, xScale, lineAreaSeries, xStartIndex, xEndIndex, isHoriz, isLog, groups, index, renderedGetDataItem, timeAxisType);
+                        allLineSegmentCoords[index] = lineSegmentCoords[0];
+                        const isBottomSegmentCurved = seriesItem.lineType === 'curved' &&
+                            isStacked &&
+                            renderedSeries.length > 1 &&
+                            index > 0;
+                        const isHighlighted = highlightedIds === undefined ||
+                            highlightedIds.length === 0 ||
+                            highlightedSet.has(seriesItem.id);
+                        const prevCoords = isStacked && index != 0
+                            ? allLineSegmentCoords.reduce((prevValue, newValue, j) => {
+                                // find the index i such that i < index, and series i  has at least
+                                // one or more data item unhidden. Only such series will can be
+                                // used as bottomCoord for current series. Otherwise we have to use
+                                // baseline coord
+                                if (j >= index) {
+                                    return prevValue;
+                                }
+                                if (newValue.length > 0) {
+                                    return j;
+                                }
+                                return prevValue;
+                            }, 0)
+                            : undefined;
+                        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [isAreaRendered && (jsxRuntime.jsx(chartUtils.AreaSeries, { yScale: yScale, lineType: seriesItem.lineType, color: seriesItem.areaColor || colors[index % colors.length], isHorizontal: isHoriz, areaColorOpacity: areaOpacity, isBottomSegmentCurved: isBottomSegmentCurved, bottomCoords: prevCoords !== undefined &&
+                                        allLineSegmentCoords[prevCoords].some((value) => value != null)
+                                        ? allLineSegmentCoords[prevCoords]
+                                        : undefined, lineSegments: lineSegmentCoords, isLog: isLog, isHighlighted: isHighlighted, seriesIndex: index })), jsxRuntime.jsx(LineSeries.LineSeries, { lineType: seriesItem.lineType, 
+                                    /* TODO: confirm with UX if this is contrastLine (changes depending on dark/light mode) or always white.
+                                        It's always white in legacy.*/
+                                    lineColor: isContrastLineNeeded ? Common_themes_themeContract_css.colorSchemeVars.dvt.contrastLine : seriesItem.lineColor, 
+                                    /* The area generated in legacy are bit apart and not touching when stacked. Preact areas are a bit closer than legacy when curved.
+                                      Increased the contrast linewidth (to 2.5 from legacy 1.25) to give legacy visual treatment.
+                                      TODO: investivage why legacy areas are not touching. maybe we want to do the same in preact svg utils that
+                                      generates this curve.
+                                     */
+                                    lineWidth: isContrastLineNeeded ? (isStacked ? 2.5 : 1.25) : seriesItem.lineWidth, lineStyle: seriesItem.lineStyle, color: seriesItem.lineColor || colors[index % colors.length], lineSegmentCoords: lineSegmentCoords, isHorizontal: isHoriz, isHighlighted: isHighlighted, seriesIndex: index }), 
+                                /*for non stacked charts, markers should render in the order of series.
+                                 some markers might get hidden behind area but this preserves the legacy behavior. */
+                                !isStacked && (jsxRuntime.jsx(LineSeries.MarkersWithLabel, { yScale: yScale, xScale: xScale, groups: groups, series: seriesItem, timeAxisType: timeAxisType, color: seriesItem.lineColor ||
+                                        seriesItem.areaColor ||
+                                        colors[index % colors.length] /* TODO : make this use getItemColor function from dataStyleUtils. */, seriesIndex: index, startIndex: xStartIndex, endIndex: xEndIndex, markerType: markers[index % markers.length], orientation: orientation, isLog: isLog, activeId: activeId, getDataItem: getDataItem, isPointInsideMarquee: isPointInsideMarquee, selectedIds: selectedSet, highlightedIds: highlightedIds !== undefined ? highlightedSet : undefined, focusedItemIndex: focusedItemInfo.seriesIndex === index &&
+                                        focusedItemInfo.isFocusVisible &&
+                                        !(props.isDataCursorEnabled && props.dataCursorStyle?.isMarkerDisplayed)
+                                        ? focusedItemInfo.groupIndex
+                                        : undefined, hoveredItemIndex: hoveredItemInfo?.isCurrent && hoveredItemInfo.seriesIndex === index
+                                        ? hoveredItemInfo.groupIndex
+                                        : undefined, isSelectionEnabled: selectionMode === 'single' || selectionMode === 'multiple', isDrillEnabled: drilling === 'on', defaultFontSize: defaultFontSize, dataLabelEffect: dataLabelEffect, isHighContrast: isHighContrast, isTestEnv: isTestEnv, getTextDimensions: getTextDimensions }))] }));
+                    }), isStacked &&
+                        renderedSeries.map((lineAreaSeries, index) => {
+                            if (lineAreaSeries.length === 0) {
+                                /* TODO: need a better way to handle when a series is hidden.*/
+                                return;
+                            }
+                            const seriesItem = series[index];
+                            return (jsxRuntime.jsx(LineSeries.MarkersWithLabel, { yScale: yScale, series: series[index], xScale: xScale, groups: groups, timeAxisType: timeAxisType, color: seriesItem.lineColor || seriesItem.areaColor || colors[index % colors.length], seriesIndex: index, isPointInsideMarquee: isPointInsideMarquee, startIndex: xStartIndex, endIndex: xEndIndex, markerType: markers[index % markers.length], orientation: orientation, isLog: isLog, activeId: activeId, getDataItem: renderedGetDataItem, selectedIds: selectedSet, focusedItemIndex: focusedItemInfo.seriesIndex === index && focusedItemInfo.isFocusVisible
+                                    ? focusedItemInfo.groupIndex
+                                    : undefined, hoveredItemIndex: hoveredItemInfo?.isCurrent && hoveredItemInfo.seriesIndex === index
+                                    ? hoveredItemInfo.groupIndex
+                                    : undefined, isSelectionEnabled: selectionMode === 'single' || selectionMode === 'multiple', isDrillEnabled: drilling === 'on', defaultFontSize: defaultFontSize, dataLabelEffect: dataLabelEffect, isHighContrast: isHighContrast, isTestEnv: isTestEnv, getTextDimensions: getTextDimensions }));
+                        })] }));
+        } }));
+}
+
+exports.LineAreaChart = LineAreaChart;
+//# sourceMappingURL=LineAreaChart-05a58ac5.js.map

package/cjs/LineAreaChart-05a58ac5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineAreaChart-05a58ac5.js","sources":["../../src/UNSAFE_LineAreaChart/OverviewLineWithAreaChart.tsx","../../src/UNSAFE_LineAreaChart/LineAreaChart.tsx"],"sourcesContent":["import { LineAreaChart } from './LineAreaChart';\nimport { LineAreaChartProps, LineAreaItem } from './lineAreaChart.types';\n\nexport function OverviewLineAreaChart<K extends string | number, D extends LineAreaItem<K>>(\n  props: LineAreaChartProps<K, D>\n) {\n  return (\n    <LineAreaChart\n      datatip={() => ({ content: '' })}\n      zoomAndScroll=\"off\"\n      overview=\"off\"\n      plotArea={{\n        yMajorTick: {\n          isRendered: false\n        }\n      }}\n      xAxis={{\n        tickLabel: {\n          autoRotate: false,\n          // @ts-ignore\n          isRendered: props.xAxis?.timeAxisType ? true : false\n        }\n      }}\n      series={props.series}\n      groups={props.groups}\n      getDataItem={props.getDataItem}\n      yAxis={{\n        tickLabel: {\n          isRendered: false\n        }\n      }}\n      type={props.type}\n    />\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { LineAreaChartProps, LineAreaItem } from './lineAreaChart.types';\nimport { findNearestDataPoint } from '#utils/PRIVATE_chartUtils/layoutUtils';\nimport { AreaSeries } from '#PRIVATE_LineAreaComponents/AreaSeries';\nimport { getCumulativeSeries, 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 } from '#utils/UNSAFE_visTypes/chart';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { getColorRamp } from '#utils/UNSAFE_visUtils';\nimport { LineSeries } from '#PRIVATE_LineAreaComponents/LineSeries';\nimport { Point } from '#utils/PRIVATE_visSVGUtils';\nimport { getLineAreaSegments } from '#utils/PRIVATE_chartUtils/utils';\nimport { colorSchemeVars } from '#Common/themes/themeContract.css';\nimport { getItemColor, getMarkerType } from '#utils/PRIVATE_chartUtils/dataStyleUtils';\nimport { getLineAreaChartItemPosition } from '#PRIVATE_LineAreaComponents/utils/chartUtils';\nimport { OverviewLineAreaChart } from './OverviewLineWithAreaChart';\n\nconst AXIS_OFFSET = 0.2;\nconst LINE_WITH_AREA_OPACITY = 0.2;\n\n/**\n * The LineAreaChart displays information graphically using lines and filled areas, making relationships among the data easier to understand.\n */\nexport function LineAreaChart<K extends string | number, D extends LineAreaItem<K>>({\n  width,\n  height,\n  selectedIds = [],\n  hiddenIds = [],\n  highlightedIds,\n  hideAndShowBehavior = 'none',\n  orientation = 'vertical',\n  yAxis,\n  series,\n  groups,\n  isStacked = false,\n  getDataItem,\n  selectionMode = 'none',\n  drilling = 'off',\n  type = 'line',\n  overview = 'off',\n  dataLabelEffect = 'outline',\n  ...props\n}: LineAreaChartProps<K, D>) {\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 = isStacked\n    ? getCumulativeSeries(series.length, groups.length, getDataItem, hiddenSet, isLog)\n    : getSeriesData(series?.length, groups?.length, getDataItem, hiddenSet, isLog);\n\n  const renderedGetDataItem = (seriesIndex: number, groupIndex: number): D | undefined => {\n    if (!isStacked) return getDataItem(seriesIndex, groupIndex);\n    return {\n      ...getDataItem(seriesIndex, groupIndex),\n      value: renderedSeries[seriesIndex][groupIndex]\n    } as D;\n  };\n\n  const getGapRatio = () => {\n    return 1;\n  };\n\n  const getNextChartItemFunc = (startIndex: number, endIndex: number) => {\n    // TODO: JET-71332\n    //@ts-ignore\n    return getLineAreaChartNavUtil<D>(\n      getDataItem,\n      series.length,\n      startIndex,\n      endIndex,\n      isStacked,\n      isRtl,\n      isHoriz\n    );\n  };\n\n  const getDataItemPos = (xScale: Scale, yScale: Scale) => {\n    return (seriesIndex: number, groupIndex: number) => {\n      return getLineAreaChartItemPosition(\n        seriesIndex,\n        groupIndex,\n        renderedSeries,\n        getDataItem,\n        groups,\n        isHoriz,\n        xScale,\n        yScale,\n        timeAxisType\n      );\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      isStacked,\n      getSeriesDataInfo,\n      getYCoord,\n      isLog,\n      0,\n      hiddenSet,\n      timeAxisType\n    );\n  };\n  const markers = getMarkers();\n  const areaOpacity = type === 'lineWithArea' ? LINE_WITH_AREA_OPACITY : 1;\n  const isAreaRendered = type === 'area' || type === 'lineWithArea';\n  const isContrastLineNeeded = type === 'area';\n  const allLineSegmentCoords: Point[][] = [];\n  return (\n    <Chart\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      selectionMode={selectionMode}\n      drilling={drilling}\n      isStacked={isStacked}\n      getDataItem={getDataItem}\n      findNearest={findNearest}\n      getDataItemPos={getDataItemPos}\n      getMarkerInfo={getMarkerColorAndType}\n      renderGridLinesInFront={isAreaRendered}\n      getNavUtil={getNextChartItemFunc}\n      getGapRatio={getGapRatio}\n      offset={AXIS_OFFSET}\n      isRtl={isRtl}\n      overview={overview}\n      defaultOverviewContentRenderer={() => {\n        return (\n          <OverviewLineAreaChart\n            series={series}\n            groups={groups}\n            getDataItem={getDataItem}\n            type={type}\n          />\n        );\n      }}\n      {...props}>\n      {({\n        xStartIndex,\n        xEndIndex,\n        xScale,\n        yScale,\n        activeId,\n        focusedItemInfo,\n        hoveredItemInfo,\n        isPointInsideMarquee,\n        defaultFontSize,\n        getTextDimensions\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 lineSegmentCoords: Point[][] = getLineAreaSegments<K, D>(\n                yScale,\n                xScale,\n                lineAreaSeries,\n                xStartIndex,\n                xEndIndex,\n                isHoriz,\n                isLog,\n                groups,\n                index,\n                renderedGetDataItem,\n                timeAxisType\n              );\n              allLineSegmentCoords[index] = lineSegmentCoords[0];\n              const isBottomSegmentCurved =\n                seriesItem.lineType === 'curved' &&\n                isStacked &&\n                renderedSeries.length > 1 &&\n                index > 0;\n\n              const isHighlighted =\n                highlightedIds === undefined ||\n                highlightedIds.length === 0 ||\n                highlightedSet.has(seriesItem.id);\n\n              const prevCoords =\n                isStacked && index != 0\n                  ? allLineSegmentCoords.reduce((prevValue, newValue, j) => {\n                      // find the index i such that i < index, and series i  has at least\n                      // one or more data item unhidden. Only such series will can be\n                      // used as bottomCoord for current series. Otherwise we have to use\n                      // baseline coord\n                      if (j >= index) {\n                        return prevValue;\n                      }\n                      if (newValue.length > 0) {\n                        return j;\n                      }\n                      return prevValue;\n                    }, 0)\n                  : undefined;\n\n              return (\n                <>\n                  {isAreaRendered && (\n                    <AreaSeries\n                      yScale={yScale}\n                      lineType={seriesItem.lineType}\n                      color={seriesItem.areaColor || colors[index % colors.length]}\n                      isHorizontal={isHoriz}\n                      areaColorOpacity={areaOpacity}\n                      isBottomSegmentCurved={isBottomSegmentCurved}\n                      bottomCoords={\n                        prevCoords !== undefined &&\n                        allLineSegmentCoords[prevCoords].some((value) => value != null)\n                          ? allLineSegmentCoords[prevCoords]\n                          : undefined\n                      }\n                      lineSegments={lineSegmentCoords}\n                      isLog={isLog}\n                      isHighlighted={isHighlighted}\n                      seriesIndex={index}\n                    />\n                  )}\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={\n                      isContrastLineNeeded ? colorSchemeVars.dvt.contrastLine : seriesItem.lineColor\n                    }\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={\n                      isContrastLineNeeded ? (isStacked ? 2.5 : 1.25) : seriesItem.lineWidth\n                    }\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                  />\n                  {\n                    /*for non stacked charts, markers should render in the order of series.\n                     some markers might get hidden behind area but this preserves the legacy behavior. */\n                    !isStacked && (\n                      <MarkersWithLabel\n                        yScale={yScale}\n                        xScale={xScale}\n                        groups={groups}\n                        series={seriesItem}\n                        timeAxisType={timeAxisType}\n                        color={\n                          seriesItem.lineColor ||\n                          seriesItem.areaColor ||\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                        getTextDimensions={getTextDimensions}\n                      />\n                    )\n                  }\n                </>\n              );\n            })}\n            {isStacked &&\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                return (\n                  <MarkersWithLabel\n                    yScale={yScale}\n                    series={series[index]}\n                    xScale={xScale}\n                    groups={groups}\n                    timeAxisType={timeAxisType}\n                    color={\n                      seriesItem.lineColor || seriesItem.areaColor || colors[index % colors.length]\n                    }\n                    seriesIndex={index}\n                    isPointInsideMarquee={isPointInsideMarquee}\n                    startIndex={xStartIndex}\n                    endIndex={xEndIndex}\n                    markerType={markers[index % markers.length]}\n                    orientation={orientation}\n                    isLog={isLog}\n                    activeId={activeId}\n                    getDataItem={renderedGetDataItem}\n                    selectedIds={selectedSet}\n                    focusedItemIndex={\n                      focusedItemInfo.seriesIndex === index && focusedItemInfo.isFocusVisible\n                        ? focusedItemInfo.groupIndex\n                        : undefined\n                    }\n                    hoveredItemIndex={\n                      hoveredItemInfo?.isCurrent && hoveredItemInfo.seriesIndex === index\n                        ? hoveredItemInfo.groupIndex\n                        : undefined\n                    }\n                    isSelectionEnabled={selectionMode === 'single' || selectionMode === 'multiple'}\n                    isDrillEnabled={drilling === 'on'}\n                    defaultFontSize={defaultFontSize}\n                    dataLabelEffect={dataLabelEffect}\n                    isHighContrast={isHighContrast}\n                    isTestEnv={isTestEnv}\n                    getTextDimensions={getTextDimensions}\n                  />\n                );\n              })}\n          </>\n        );\n      }}\n    </Chart>\n  );\n}\n"],"names":["_jsx","useUser","getColorRamp","getCumulativeSeries","getSeriesData","getLineAreaChartNavUtil","getLineAreaChartItemPosition","getItemColor","getMarkerType","findNearestDataPoint","getMarkers","Chart","_jsxs","_Fragment","getLineAreaSegments","AreaSeries","LineSeries","colorSchemeVars","MarkersWithLabel"],"mappings":"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"}

package/cjs/Link-c928d5f1.js

@@ -0,0 +1,35 @@
+/* @oracle/oraclejet-preact: undefined */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var classNames = require('./classNames-c14c6ef3.js');
+var usePressClick = require('./usePressClick-7a34624a.js');
+var useComponentTheme = require('./useComponentTheme-082fc8e4.js');
+var useInteractionStyle = require('./useInteractionStyle-379ee8fa.js');
+var UNSAFE_Link_themes_redwood_LinkTheme = require('./UNSAFE_Link/themes/redwood/LinkTheme.js');
+require('./TabbableModeContext-e99d527e.js');
+var useTabbableMode = require('./useTabbableMode-5c8fd9e5.js');
+var useTestId = require('./useTestId-1fac9baa.js');
+
+const noop = () => { };
+/**
+ * Link component creates a hyperlink.
+ */
+function Link({ href, variant, placement = 'standalone', target, testId, 'aria-describedby': ariaDescribedBy, 'aria-label': accessibleLabel, 'aria-labelledby': ariaLabelledBy, children, onClick, isDisabled }) {
+    const { interactionProps, applyPseudoHoverStyle, applyHoverStyle } = useInteractionStyle.useInteractionStyle();
+    const { classes } = useComponentTheme.useComponentTheme(UNSAFE_Link_themes_redwood_LinkTheme.LinkRedwoodTheme, {
+        needsEventsHover: applyHoverStyle ? 'isNeedsEventsHover' : 'notNeedsEventsHover',
+        pseudoHover: applyPseudoHoverStyle ? 'isPseudoHover' : 'notPseudoHover',
+        variant,
+        placement,
+        disabled: isDisabled ? 'isDisabled' : 'notDisabled'
+    });
+    const { isTabbable } = useTabbableMode.useTabbableMode();
+    const linkClasses = classNames.classNames([classes]);
+    const { pressProps } = usePressClick.usePressClick(onClick ?? noop);
+    const testIdProps = useTestId.useTestId(testId);
+    return (jsxRuntime.jsx("a", { tabIndex: isTabbable && !isDisabled ? 0 : -1, href: !isDisabled ? href : undefined, "aria-describedby": ariaDescribedBy, "aria-label": accessibleLabel, "aria-labelledby": ariaLabelledBy, target: target, ...(!isDisabled && pressProps), ...interactionProps, ...testIdProps, class: linkClasses, children: children }));
+}
+
+exports.Link = Link;
+//# sourceMappingURL=Link-c928d5f1.js.map

package/cjs/Link-c928d5f1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link-c928d5f1.js","sources":["../../src/UNSAFE_Link/Link.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { usePressClick } from '#hooks/UNSAFE_usePressClick';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { LinkVariantOptions } from './themes/LinkStyles.css';\nimport { useInteractionStyle } from '../hooks/UNSAFE_useInteractionStyle';\nimport { LinkRedwoodTheme } from './themes/redwood/LinkTheme';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\nimport { useTestId, TestIdProps } from '../hooks/UNSAFE_useTestId';\ntype Props = {\n  /**\n   * Sets the URL that the hyperlink points to.\n   */\n  href: string;\n\n  /**\n   * Sets the variant. The default value of this property is theme driven.\n   */\n  variant?: 'standard' | 'primary' | 'secondary';\n\n  /**\n   * Sets the placement.\n   */\n  placement?: 'standalone' | 'embedded';\n\n  /**\n   * Sets the target.\n   */\n  target?: string;\n\n  /**\n   * Specifies id for element (or elements) that describes the object.\n   */\n  'aria-describedby'?: string;\n\n  /**\n   * A label to be used for accessibility purposes.\n   */\n  'aria-label'?: string;\n\n  /**\n   * One or more ids (separated by spaces) of elements that label the Link.\n   */\n  'aria-labelledby'?: string;\n\n  /**\n   * Triggered when a link is clicked, whether by keyboard, mouse, or touch events.\n   */\n  onClick?: (event: Event) => void;\n\n  /**\n   * Specifies the children\n   */\n  children?: ComponentChildren;\n\n  /**\n   * Specifies that the link element should be disabled.\n   */\n  isDisabled?: boolean;\n} & TestIdProps;\n\nconst noop = () => {};\n/**\n * Link component creates a hyperlink.\n */\nexport function Link({\n  href,\n  variant,\n  placement = 'standalone',\n  target,\n  testId,\n  'aria-describedby': ariaDescribedBy,\n  'aria-label': accessibleLabel,\n  'aria-labelledby': ariaLabelledBy,\n  children,\n  onClick,\n  isDisabled\n}: Props) {\n  const { interactionProps, applyPseudoHoverStyle, applyHoverStyle } = useInteractionStyle();\n  const { classes } = useComponentTheme<LinkVariantOptions>(LinkRedwoodTheme, {\n    needsEventsHover: applyHoverStyle ? 'isNeedsEventsHover' : 'notNeedsEventsHover',\n    pseudoHover: applyPseudoHoverStyle ? 'isPseudoHover' : 'notPseudoHover',\n    variant,\n    placement,\n    disabled: isDisabled ? 'isDisabled' : 'notDisabled'\n  });\n  const { isTabbable } = useTabbableMode();\n  const linkClasses = classNames([classes]);\n  const { pressProps } = usePressClick(onClick ?? noop);\n  const testIdProps = useTestId(testId);\n  return (\n    <a\n      tabIndex={isTabbable && !isDisabled ? 0 : -1}\n      href={!isDisabled ? href : undefined}\n      aria-describedby={ariaDescribedBy}\n      aria-label={accessibleLabel}\n      aria-labelledby={ariaLabelledBy}\n      target={target}\n      {...(!isDisabled && pressProps)}\n      {...interactionProps}\n      {...testIdProps}\n      class={linkClasses}>\n      {children}\n    </a>\n  );\n}\n"],"names":["useInteractionStyle","useComponentTheme","LinkRedwoodTheme","useTabbableMode","classNames","usePressClick","useTestId","_jsx"],"mappings":";;;;;;;;;;;;;AAoEA,MAAM,IAAI,GAAG,MAAK,GAAG,CAAC;AACtB;;AAEG;AACa,SAAA,IAAI,CAAC,EACnB,IAAI,EACJ,OAAO,EACP,SAAS,GAAG,YAAY,EACxB,MAAM,EACN,MAAM,EACN,kBAAkB,EAAE,eAAe,EACnC,YAAY,EAAE,eAAe,EAC7B,iBAAiB,EAAE,cAAc,EACjC,QAAQ,EACR,OAAO,EACP,UAAU,EACJ,EAAA;IACN,MAAM,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,eAAe,EAAE,GAAGA,uCAAmB,EAAE,CAAC;AAC3F,IAAA,MAAM,EAAE,OAAO,EAAE,GAAGC,mCAAiB,CAAqBC,qDAAgB,EAAE;QAC1E,gBAAgB,EAAE,eAAe,GAAG,oBAAoB,GAAG,qBAAqB;QAChF,WAAW,EAAE,qBAAqB,GAAG,eAAe,GAAG,gBAAgB;QACvE,OAAO;QACP,SAAS;QACT,QAAQ,EAAE,UAAU,GAAG,YAAY,GAAG,aAAa;AACpD,KAAA,CAAC,CAAC;AACH,IAAA,MAAM,EAAE,UAAU,EAAE,GAAGC,+BAAe,EAAE,CAAC;IACzC,MAAM,WAAW,GAAGC,qBAAU,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;IAC1C,MAAM,EAAE,UAAU,EAAE,GAAGC,2BAAa,CAAC,OAAO,IAAI,IAAI,CAAC,CAAC;AACtD,IAAA,MAAM,WAAW,GAAGC,mBAAS,CAAC,MAAM,CAAC,CAAC;IACtC,QACEC,cACE,CAAA,GAAA,EAAA,EAAA,QAAQ,EAAE,UAAU,IAAI,CAAC,UAAU,GAAG,CAAC,GAAG,CAAC,CAAC,EAC5C,IAAI,EAAE,CAAC,UAAU,GAAG,IAAI,GAAG,SAAS,EAAA,kBAAA,EAClB,eAAe,EAAA,YAAA,EACrB,eAAe,EAAA,iBAAA,EACV,cAAc,EAC/B,MAAM,EAAE,MAAM,EAAA,IACT,CAAC,UAAU,IAAI,UAAU,CAAC,EAC3B,GAAA,gBAAgB,EAChB,GAAA,WAAW,EACf,KAAK,EAAE,WAAW,EACjB,QAAA,EAAA,QAAQ,EACP,CAAA,EACJ;AACJ;;;;"}

package/cjs/LinkVariants.styles.css

@@ -9,11 +9,12 @@
   --textColorActive__1w21kyl7: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-secondary);
 }
 .LinkVariants_multiVariantStyles_placement_standalone__18dr6fk3 {
+  align-items: center;
   -webkit-text-decoration-line: var(--standaloneTextDecoration__1w21kyl0);
           text-decoration-line: var(--standaloneTextDecoration__1w21kyl0);
   min-height: 24px;
   min-width: 24px;
-  display: inline-block;
+  display: inline-flex;
   font-weight: var(--standaloneFontWeight__1w21kyl2);
 }
 .LinkVariants_multiVariantStyles_placement_standalone__18dr6fk3:active {

package/cjs/LinkVariants.styles2.css

@@ -9,11 +9,12 @@
   --textColorActive__1w21kyl7: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-secondary);
 }
 .LinkVariants_multiVariantStyles_placement_standalone__1gbyfwi3 {
+  align-items: center;
   -webkit-text-decoration-line: var(--standaloneTextDecoration__1w21kyl0);
           text-decoration-line: var(--standaloneTextDecoration__1w21kyl0);
   min-height: 24px;
   min-width: 24px;
-  display: inline-block;
+  display: inline-flex;
   font-weight: var(--standaloneFontWeight__1w21kyl2);
 }
 .LinkVariants_multiVariantStyles_placement_standalone__1gbyfwi3:active {