@scality/core-ui 0.193.0 → 0.195.0

package/dist/components/charts/linetimeseries/useChartData.js

@@ -0,0 +1,207 @@
+import { useMemo } from 'react';
+import { useChartLegend } from '../legend/ChartLegendWrapper';
+import { addMissingDataPoint, normalizeChartDataWithUnits, } from '../common/chartUtils';
+import { isSymmetricalSeries } from './LineTimeSerieChart.types';
+/**
+ * Hook that processes chart data for LineTimeSerieChart.
+ * Handles data normalization, unit scaling, empty data handling, and series grouping.
+ */
+export function useChartData({ series, startingTimeStamp, duration, interval, yAxisType, unitRange, }) {
+    const { getColor, selectedResources } = useChartLegend();
+    /**
+     * Determines if the series data is empty.
+     * Used for conditional rendering and empty state handling.
+     */
+    const isSeriesEmpty = useMemo(() => {
+        return (!series ||
+            (Array.isArray(series) && series.length === 0) ||
+            (isSymmetricalSeries(series) &&
+                (!series.above || series.above.length === 0) &&
+                (!series.below || series.below.length === 0)));
+    }, [series]);
+    /**
+     * Processes raw series data into Recharts-compatible format.
+     * - Fills missing data points based on time interval
+     * - Converts timestamps to milliseconds
+     * - For symmetrical charts, negates "below" series values
+     * - For empty data, generates placeholder data with NaN values
+     */
+    const chartData = useMemo(() => {
+        if (isSeriesEmpty) {
+            // Generate timestamps for the time range with NaN values for each series from legend
+            const emptyDataPoints = addMissingDataPoint([], startingTimeStamp, duration, interval);
+            return emptyDataPoints.map(([timestamp]) => {
+                const dataPoint = {
+                    timestamp: timestamp * 1000,
+                };
+                selectedResources.forEach((resource) => {
+                    dataPoint[resource] = NaN;
+                });
+                return dataPoint;
+            });
+        }
+        // Add missing data points to each series
+        const normalizedSeries = yAxisType === 'symmetrical' && isSymmetricalSeries(series)
+            ? {
+                above: series.above
+                    ? series.above.map((line) => ({
+                        ...line,
+                        data: addMissingDataPoint(line.data, startingTimeStamp, duration, interval),
+                    }))
+                    : [],
+                below: series.below
+                    ? series.below.map((line) => ({
+                        ...line,
+                        data: addMissingDataPoint(line.data, startingTimeStamp, duration, interval).map(([timestamp, value]) => [
+                            timestamp,
+                            value === null ? null : `-${Number(value)}`,
+                        ]),
+                    }))
+                    : [],
+            }
+            : series.map((line) => ({
+                ...line,
+                data: addMissingDataPoint(line.data, startingTimeStamp, duration, interval),
+            }));
+        // Convert to Recharts format (array of objects with timestamp and values)
+        const dataPointsByTime = {};
+        const seriesToProcess = yAxisType === 'symmetrical' && isSymmetricalSeries(normalizedSeries)
+            ? [...normalizedSeries.above, ...normalizedSeries.below]
+            : normalizedSeries;
+        seriesToProcess.forEach((serie) => {
+            const label = serie.getTooltipLabel(serie.metricPrefix, serie.resource);
+            serie.data.forEach((point) => {
+                const timestamp = typeof point[0] === 'number' ? point[0] * 1000 : Number(point[0]);
+                const value = point[1];
+                if (!dataPointsByTime[timestamp]) {
+                    dataPointsByTime[timestamp] = { timestamp };
+                }
+                dataPointsByTime[timestamp][label] =
+                    typeof value === 'string' ? Number(value) : value;
+            });
+        });
+        return Object.values(dataPointsByTime).sort((a, b) => a.timestamp - b.timestamp);
+    }, [series, startingTimeStamp, duration, interval, yAxisType, selectedResources, isSeriesEmpty]);
+    /**
+     * Calculates evenly spaced X-axis tick positions.
+     * Adds padding to avoid labels at the very edges (10% on each side).
+     */
+    const xAxisTicks = useMemo(() => {
+        if (!chartData || chartData.length === 0)
+            return [];
+        const timestamps = chartData
+            .map((d) => d.timestamp)
+            .filter((t) => t !== null && t !== undefined);
+        if (timestamps.length === 0)
+            return [];
+        const minTimestamp = Math.min(...timestamps);
+        const maxTimestamp = Math.max(...timestamps);
+        const timeRange = maxTimestamp - minTimestamp;
+        const padding = timeRange * 0.1;
+        const paddedStart = minTimestamp + padding;
+        const paddedEnd = maxTimestamp - padding;
+        const paddedRange = paddedEnd - paddedStart;
+        const numTicks = 5;
+        const tickInterval = paddedRange / (numTicks - 1);
+        return Array.from({ length: numTicks }, (_, index) => paddedStart + index * tickInterval);
+    }, [chartData]);
+    /**
+     * Normalizes data values and determines unit scaling.
+     * - Extracts valid numeric values from chart data
+     * - Applies unit range thresholds (e.g., B/s → KiB/s → MiB/s)
+     * - Calculates Y-axis domain
+     */
+    const { topValue, unitLabel, rechartsData, topDomain } = useMemo(() => {
+        var _a;
+        const values = chartData.flatMap((dataPoint) => Object.entries(dataPoint)
+            .filter(([key]) => key !== 'timestamp')
+            .map(([_, value]) => {
+            if (value === null || value === undefined)
+                return null;
+            const num = typeof value === 'string'
+                ? Number(value)
+                : typeof value === 'number'
+                    ? value
+                    : null;
+            return num !== null && !isNaN(num) ? num : null;
+        })
+            .filter((value) => value !== null));
+        // Default values for empty charts
+        if (values.length === 0 || values.every((value) => value === 0)) {
+            return {
+                topValue: 1,
+                unitLabel: yAxisType === 'percentage' ? '%' : undefined,
+                rechartsData: chartData,
+                topDomain: 1,
+            };
+        }
+        const top = Math.abs(Math.max(...values));
+        const bottom = Math.abs(Math.min(...values));
+        const maxValue = Math.max(top, bottom);
+        const result = normalizeChartDataWithUnits(chartData, maxValue, unitRange, 'timestamp');
+        const finalTopDomain = yAxisType === 'percentage'
+            ? Math.max(result.topDomain, 100)
+            : result.topDomain;
+        return {
+            topValue: yAxisType === 'percentage'
+                ? Math.max(result.topValue, 100)
+                : result.topValue,
+            unitLabel: (_a = result.unitLabel) !== null && _a !== void 0 ? _a : (yAxisType === 'percentage' ? '%' : undefined),
+            rechartsData: result.rechartsData,
+            topDomain: finalTopDomain,
+        };
+    }, [chartData, yAxisType, unitRange]);
+    /**
+     * Computes the line configurations for rendering.
+     * Handles both empty series (using legend resources) and populated series.
+     */
+    const linesToRender = useMemo(() => {
+        if (isSeriesEmpty) {
+            // For empty series, create lines for each resource from legend
+            return selectedResources.map((resource) => ({
+                key: `empty-${resource}`,
+                dataKey: resource,
+                stroke: getColor(resource) || '',
+            }));
+        }
+        // For populated series, create lines from actual series data
+        const allSeries = isSymmetricalSeries(series)
+            ? [...(series.above || []), ...(series.below || [])]
+            : series;
+        return allSeries
+            .filter((serie) => selectedResources.includes(serie.resource))
+            .map((serie, index) => {
+            const label = serie.getTooltipLabel(serie.metricPrefix, serie.resource);
+            return {
+                key: `${serie.resource}-${index}`,
+                dataKey: label,
+                stroke: getColor(serie.resource) || '',
+                strokeDasharray: serie.isLineDashed ? '4 4' : undefined,
+            };
+        });
+    }, [series, getColor, selectedResources, isSeriesEmpty]);
+    /**
+     * Computes the set of "below" series labels for symmetrical charts.
+     * Used to reliably determine separator placement in the tooltip.
+     */
+    const belowSeriesLabels = useMemo(() => {
+        if (yAxisType !== 'symmetrical' || !series || !isSymmetricalSeries(series)) {
+            return undefined;
+        }
+        const labels = new Set();
+        (series.below || []).forEach((serie) => {
+            const label = serie.getTooltipLabel(serie.metricPrefix, serie.resource);
+            labels.add(label);
+        });
+        return labels;
+    }, [series, yAxisType]);
+    return {
+        rechartsData,
+        topDomain,
+        topValue,
+        unitLabel,
+        xAxisTicks,
+        linesToRender,
+        belowSeriesLabels,
+    };
+}

package/dist/components/charts/linetimeseries/useChartHover.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Gets the currently hovered chart ID.
+ * Called at tooltip render time to get the latest value.
+ */
+export declare function getCurrentlyHoveredChartId(): string | null;
+/**
+ * Hook to manage chart hover state for tooltip display.
+ * Ensures only one chart shows its tooltip at a time when using syncId.
+ */
+export declare function useChartHover(): {
+    handleMouseEnter: () => void;
+    handleMouseLeave: () => void;
+    chartId: string;
+};
+//# sourceMappingURL=useChartHover.d.ts.map

package/dist/components/charts/linetimeseries/useChartHover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChartHover.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/charts/linetimeseries/useChartHover.ts"],"names":[],"mappings":"AAQA;;;GAGG;AACH,wBAAgB,0BAA0B,IAAI,MAAM,GAAG,IAAI,CAE1D;AAED;;;GAGG;AACH,wBAAgB,aAAa;;;;EAc5B"}

package/dist/components/charts/linetimeseries/useChartHover.js

@@ -0,0 +1,29 @@
+import { useCallback, useId } from 'react';
+/**
+ * Module-level tracker to ensure only one chart tooltip is shown at a time
+ * when multiple charts are synced via syncId.
+ */
+let currentlyHoveredChartId = null;
+/**
+ * Gets the currently hovered chart ID.
+ * Called at tooltip render time to get the latest value.
+ */
+export function getCurrentlyHoveredChartId() {
+    return currentlyHoveredChartId;
+}
+/**
+ * Hook to manage chart hover state for tooltip display.
+ * Ensures only one chart shows its tooltip at a time when using syncId.
+ */
+export function useChartHover() {
+    const chartId = useId();
+    const handleMouseEnter = useCallback(() => {
+        currentlyHoveredChartId = chartId;
+    }, [chartId]);
+    const handleMouseLeave = useCallback(() => {
+        if (currentlyHoveredChartId === chartId) {
+            currentlyHoveredChartId = null;
+        }
+    }, [chartId]);
+    return { handleMouseEnter, handleMouseLeave, chartId };
+}

package/dist/components/checkbox/Checkbox.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/checkbox/Checkbox.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAc,MAAM,OAAO,CAAC;AAOrE,MAAM,MAAM,KAAK,GAAG;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CACvD,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;AAE1C,QAAA,MAAM,QAAQ;YAPJ,MAAM;YACN,MAAM;cACJ,OAAO;eACN,OAAO;eACP,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI;4FA0BtD,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"Checkbox.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/checkbox/Checkbox.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAc,MAAM,OAAO,CAAC;AAoBrE,MAAM,MAAM,KAAK,GAAG;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CACvD,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;AAE1C,QAAA,MAAM,QAAQ;YAPJ,MAAM;YACN,MAAM;cACJ,OAAO;eACN,OAAO;eACP,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI;4FA0BtD,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/checkbox/Checkbox.component.js

@@ -4,8 +4,18 @@ import styled from 'styled-components';
 import { spacing, Stack } from '../../spacing';
 import { Text } from '../text/Text.component';
 import { FocusVisibleStyle } from '../buttonv2/Buttonv2.component';
+const getCheckmarkSvgUrl = (color) => {
+    const encodedColor = color.replace('#', '%23');
+    return `url('data:image/svg+xml,%3Csvg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg"%3E %3Cpath d="M3 6.68646L5.0671 9L9 3" stroke="${encodedColor}" stroke-width="1.5"/%3E %3C/svg%3E')`;
+};
+const getIndeterminateSvgUrl = (color) => {
+    const encodedColor = color.replace('#', '%23');
+    return `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E %3Cline x1='6' y1='12' x2='20' y2='12' style='stroke:${encodedColor};stroke-width:4'/%3E %3C/svg%3E")`;
+};
+const CheckboxInput = styled.input `
+	transform: scale(1.5);`;
 const Checkbox = forwardRef(({ disabled, checked, label, value, onChange, ...rest }, ref) => {
-    return (_jsx(StyledCheckbox, { checked: checked, disabled: disabled, className: "sc-checkbox", children: _jsxs(Stack, { children: [_jsx("input", { type: "checkbox", checked: checked, disabled: disabled, value: value, onChange: onChange, ref: ref, ...rest }), label && _jsx(Text, { children: label })] }) }));
+    return (_jsx(StyledCheckbox, { checked: checked, disabled: disabled, className: "sc-checkbox", children: _jsxs(Stack, { children: [_jsx(CheckboxInput, { type: "checkbox", checked: checked, disabled: disabled, value: value, onChange: onChange, ref: ref, ...rest }), label && _jsx(Text, { children: label })] }) }));
 });
 export { Checkbox };
 const StyledCheckbox = styled.label `
@@ -42,8 +52,7 @@ const StyledCheckbox = styled.label `
     border: 0;
     background-color: transparent;
     background-size: contain;
-    box-shadow: inset 0 0 0 ${spacing.r1}
-      ${(props) => props.theme.textSecondary};
+    box-shadow: inset 0 0 0 ${spacing.r1} ${(props) => props.theme.textSecondary};
   }
 
   /* Checked */
@@ -54,7 +63,7 @@ const StyledCheckbox = styled.label `
 
   [type='checkbox']:checked::before {
     box-shadow: none;
-    background-image: url('data:image/svg+xml,%3Csvg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg"%3E %3Cpath d="M3 6.68646L5.0671 9L9 3" stroke="${(props) => props.theme.textPrimary.replace('#', '%23')}" stroke-width="1.5"/%3E %3C/svg%3E');
+    background-image: ${(props) => getCheckmarkSvgUrl(props.theme.textPrimary)};
     background-repeat: no-repeat;
     background-position: center;
   }
@@ -62,10 +71,9 @@ const StyledCheckbox = styled.label `
   /* Indeterminate */
 
   [type='checkbox']:indeterminate::before {
-    box-shadow: inset 0 0 0 ${spacing.r1}
-      ${(props) => props.theme.selectedActive};
+    box-shadow: inset 0 0 0 ${spacing.r1} ${(props) => props.theme.selectedActive};
     background-color: ${(props) => props.theme.highlight};
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E %3Cline x1='6' y1='12' x2='20' y2='12' style='stroke:${(props) => props.theme.textPrimary.replace('#', '%23')};stroke-width:4'/%3E %3C/svg%3E");
+    background-image: ${(props) => getIndeterminateSvgUrl(props.theme.textPrimary)};
   }
 
   /* Hover & focus */

package/dist/components/constrainedtext/Constrainedtext.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Constrainedtext.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/constrainedtext/Constrainedtext.component.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAK9C,OAAO,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAErE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;IACpD,YAAY,CAAC,EAAE,aAAa,CAAC,YAAY,EAAE,cAAc,CAAC,CAAC;IAC3D,gBAAgB,CAAC,EAAE,aAAa,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,WAAW,CAAC;CAC3B,CAAC;AAwDF,iBAAS,eAAe,CAAC,EACvB,IAAI,EACJ,YAAY,EACZ,gBAAgB,EAChB,SAAa,EACb,KAAK,EACL,QAAgB,GACjB,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAqCrB;AAED,OAAO,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"Constrainedtext.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/constrainedtext/Constrainedtext.component.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAK9C,OAAO,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAErE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;IACpD,YAAY,CAAC,EAAE,aAAa,CAAC,YAAY,EAAE,cAAc,CAAC,CAAC;IAC3D,gBAAgB,CAAC,EAAE,aAAa,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,WAAW,CAAC;CAC3B,CAAC;AAyDF,iBAAS,eAAe,CAAC,EACvB,IAAI,EACJ,YAAY,EACZ,gBAAgB,EAChB,SAAa,EACb,KAAK,EACL,QAAgB,GACjB,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAqCrB;AAED,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/constrainedtext/Constrainedtext.component.js

@@ -17,11 +17,12 @@ const ConstrainedTextContainer = styled.div `
   -webkit-line-clamp: ${props.lineClamp};
   -webkit-box-orient: vertical;
   overflow-wrap: break-word;
-  word-break: break-all;
+  word-break: normal;
+  line-height: 1.2;
   `
     : `overflow-wrap: break-word;
       white-space: nowrap;
-      word-break: break-all;
+      word-break: normal;
       `};
 `;
 const BlockTooltip = styled.div `

package/dist/components/coreuithemeprovider/CoreUiThemeProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CoreUiThemeProvider.d.ts","sourceRoot":"","sources":["../../../src/lib/components/coreuithemeprovider/CoreUiThemeProvider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAmB,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEjE,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,WAAW,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,QAAA,MAAM,mBAAmB,wBAAyB,KAAK,4CAStD,CAAC;AAEF,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"CoreUiThemeProvider.d.ts","sourceRoot":"","sources":["../../../src/lib/components/coreuithemeprovider/CoreUiThemeProvider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAmB,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEjE,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,WAAW,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,QAAA,MAAM,mBAAmB,GAAI,qBAAqB,KAAK,4CAStD,CAAC;AAEF,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/components/date/FormattedDateTime.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormattedDateTime.d.ts","sourceRoot":"","sources":["../../../src/lib/components/date/FormattedDateTime.tsx"],"names":[],"mappings":"AAGA;;;GAGG;AACH,eAAO,MAAM,kBAAkB,qBAK7B,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,kCAAkC,qBAI7C,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,aAAa,qBAKxB,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,kBAAkB,qBAI7B,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,oBAAoB,qBAK/B,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,aAAa,qBAIxB,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,qBAAqB,qBAIhC,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,0BAA0B,qBAKrC,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,wCAAwC,qBAUpD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iCAAiC,qBAM5C,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,sCAAsC,qBAUlD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,wBAAwB,qBAInC,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,mBAAmB,qBAG9B,CAAC;AAEH,KAAK,sBAAsB,GAAG;IAC5B,MAAM,EACF,MAAM,GACN,WAAW,GACX,kBAAkB,GAClB,MAAM,GACN,aAAa,GACb,UAAU,GACV,mCAAmC,GACnC,0CAA0C,GAC1C,wCAAwC,GACxC,WAAW,GACX,2BAA2B,GAC3B,YAAY,GACZ,gBAAgB,GAChB,WAAW,GACX,uBAAuB,GACvB,sBAAsB,CAAC;IAE3B,KAAK,EAAE,IAAI,CAAC;CACb,CAAC;AAaF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,iBAAiB,uBAG3B,sBAAsB,4CA+JxB,CAAC"}
+{"version":3,"file":"FormattedDateTime.d.ts","sourceRoot":"","sources":["../../../src/lib/components/date/FormattedDateTime.tsx"],"names":[],"mappings":"AAGA;;;GAGG;AACH,eAAO,MAAM,kBAAkB,qBAK7B,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,kCAAkC,qBAI7C,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,aAAa,qBAKxB,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,kBAAkB,qBAI7B,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,oBAAoB,qBAK/B,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,aAAa,qBAIxB,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,qBAAqB,qBAIhC,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,0BAA0B,qBAKrC,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,wCAAwC,qBAUpD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iCAAiC,qBAM5C,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,sCAAsC,qBAUlD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,wBAAwB,qBAInC,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,mBAAmB,qBAG9B,CAAC;AAEH,KAAK,sBAAsB,GAAG;IAC5B,MAAM,EACF,MAAM,GACN,WAAW,GACX,kBAAkB,GAClB,MAAM,GACN,aAAa,GACb,UAAU,GACV,mCAAmC,GACnC,0CAA0C,GAC1C,wCAAwC,GACxC,WAAW,GACX,2BAA2B,GAC3B,YAAY,GACZ,gBAAgB,GAChB,WAAW,GACX,uBAAuB,GACvB,sBAAsB,CAAC;IAE3B,KAAK,EAAE,IAAI,CAAC;CACb,CAAC;AAaF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,iBAAiB,GAAI,oBAG/B,sBAAsB,4CA+JxB,CAAC"}

package/dist/components/dropdown/Dropdown.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/dropdown/Dropdown.component.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAgB,SAAS,EAAS,MAAM,kBAAkB,CAAC;AAGlE,MAAM,MAAM,IAAI,GAAG;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;CAC9B,CAAC;AACF,KAAK,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;AACzB,KAAK,KAAK,GAAG;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,KAAK,CAAC;IACb,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC;AA6DF,iBAAS,QAAQ,CAAC,EAChB,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,IAAa,EACb,OAA2B,EAC3B,KAAK,EACL,KAAY,EACZ,SAAoB,EACpB,GAAG,IAAI,EACR,EAAE,KAAK,2CA2EP;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"Dropdown.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/dropdown/Dropdown.component.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAgB,SAAS,EAAS,MAAM,kBAAkB,CAAC;AAGlE,MAAM,MAAM,IAAI,GAAG;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;CAC9B,CAAC;AACF,KAAK,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;AACzB,KAAK,KAAK,GAAG;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,KAAK,CAAC;IACb,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC;AAgEF,iBAAS,QAAQ,CAAC,EAChB,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,IAAa,EACb,OAA2B,EAC3B,KAAK,EACL,KAAY,EACZ,SAAoB,EACpB,GAAG,IAAI,EACR,EAAE,KAAK,2CA2EP;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/dropdown/Dropdown.component.js

@@ -56,6 +56,9 @@ const DropdownMenuItemStyled = styled.li `
   &:active {
     background-color: ${getThemePropSelector('highlight')};
   }
+  &:last-child {
+    border-bottom: 0.3px solid ${getThemePropSelector('border')};
+  }
 `;
 const Caret = styled.span `
   margin-left: ${spacing.r16};

package/dist/components/error-pages/ErrorPage401.component.js

@@ -23,6 +23,6 @@ function ErrorPage401({ supportLink = undefined, locale = 'en', onReturnHomeClic
         locale = 'en';
     // Ensure the locale formatting is consistent
     locale = locale.toLowerCase();
-    return (_jsxs(ErrorPageContainer, { className: "sc-error-page401", ...rest, children: [_jsxs(Row, { children: [_jsx(Icon, { name: "Exclamation-triangle", size: "2x", color: "statusWarning" }), _jsx(Title, { children: translations[locale].unexpected_error })] }), _jsx(Row, { children: _jsxs(Description, { children: [_jsx(DescriptionContent, { children: translations[locale].error_desc }), supportLink && (_jsxs(DescriptionContent, { children: [translations[locale].may_also_contact, _jsxs(Link, { href: supportLink, children: ["support ", _jsx(Icon, { name: "External-link" })] }), translations[locale].to_report_issue] }))] }) }), onReturnHomeClick && (_jsx(Button, { label: translations[locale].return_home, variant: "secondary", onClick: onReturnHomeClick }))] }));
+    return (_jsxs(ErrorPageContainer, { className: "sc-error-page401", ...rest, children: [_jsxs(Row, { children: [_jsx(Icon, { name: "Exclamation-circle", size: "2x", color: "statusWarning" }), _jsx(Title, { children: translations[locale].unexpected_error })] }), _jsx(Row, { children: _jsxs(Description, { children: [_jsx(DescriptionContent, { children: translations[locale].error_desc }), supportLink && (_jsxs(DescriptionContent, { children: [translations[locale].may_also_contact, _jsxs(Link, { href: supportLink, children: ["support ", _jsx(Icon, { name: "External-link" })] }), translations[locale].to_report_issue] }))] }) }), onReturnHomeClick && (_jsx(Button, { label: translations[locale].return_home, variant: "secondary", onClick: onReturnHomeClick }))] }));
 }
 export { ErrorPage401 };

package/dist/components/error-pages/ErrorPage404.component.js

@@ -21,6 +21,6 @@ function ErrorPage404({ locale = 'en', onReturnHomeClick, ...rest }) {
         locale = 'en';
     // Ensure the locale formatting is consistent
     locale = locale.toLowerCase();
-    return (_jsxs(ErrorPageContainer, { className: "sc-error-page404", ...rest, children: [_jsxs(Row, { children: [_jsx(Icon, { name: "Exclamation-triangle", size: "2x", color: "statusWarning" }), _jsx(Title, { children: translations[locale].not_exist })] }), _jsx(Row, { children: _jsxs(Description, { children: [_jsx(DescriptionContent, { children: translations[locale].error_desc }), _jsx(DescriptionContent, { children: translations[locale].should_do })] }) }), onReturnHomeClick && (_jsx(Button, { label: translations[locale].return_home, variant: "secondary", onClick: onReturnHomeClick }))] }));
+    return (_jsxs(ErrorPageContainer, { className: "sc-error-page404", ...rest, children: [_jsxs(Row, { children: [_jsx(Icon, { name: "Exclamation-circle", size: "2x", color: "statusWarning" }), _jsx(Title, { children: translations[locale].not_exist })] }), _jsx(Row, { children: _jsxs(Description, { children: [_jsx(DescriptionContent, { children: translations[locale].error_desc }), _jsx(DescriptionContent, { children: translations[locale].should_do })] }) }), onReturnHomeClick && (_jsx(Button, { label: translations[locale].return_home, variant: "secondary", onClick: onReturnHomeClick }))] }));
 }
 export { ErrorPage404 };

package/dist/components/error-pages/ErrorPage500.component.js

@@ -25,7 +25,7 @@ function ErrorPage500({ supportLink = undefined, locale = 'en', onReturnHomeClic
         locale = 'en';
     // Ensure the locale formatting is consistent
     locale = locale.toLowerCase();
-    return (_jsxs(ErrorPageContainer, { className: "sc-error-page500", ...rest, children: [_jsxs(Row, { children: [_jsx(Icon, { name: "Exclamation-triangle", size: "2x", color: "statusWarning" }), _jsx(Title, { children: translations[locale].unexpected_error })] }), _jsx(Row, { children: _jsxs(Description, { children: [_jsx(DescriptionContent, { children: errorMessage
+    return (_jsxs(ErrorPageContainer, { className: "sc-error-page500", ...rest, children: [_jsxs(Row, { children: [_jsx(Icon, { name: "Exclamation-circle", size: "2x", color: "statusWarning" }), _jsx(Title, { children: translations[locale].unexpected_error })] }), _jsx(Row, { children: _jsxs(Description, { children: [_jsx(DescriptionContent, { children: errorMessage
                                 ? errorMessage[locale]
                                 : translations[locale].error_desc }), _jsx(DescriptionContent, { children: translations[locale].should_do }), supportLink && (_jsxs(DescriptionContent, { children: [translations[locale].may_also_contact, _jsxs(Link, { href: supportLink, children: ["support ", _jsx(Icon, { name: "External-link" })] }), translations[locale].to_report_issue] }))] }) }), onReturnHomeClick && (_jsx(Button, { label: translations[locale].return_home, variant: "secondary", onClick: onReturnHomeClick }))] }));
 }

package/dist/components/form/Form.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Form.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/form/Form.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,kBAAkB,EAGlB,YAAY,EACZ,SAAS,EAKV,MAAM,OAAO,CAAC;AAKf,OAAO,EAAQ,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAKxD,QAAA,MAAM,kBAAkB,cAAc,CAAC;AACvC,QAAA,MAAM,YAAY,WAAW,CAAC;AAG9B,KAAK,SAAS,GAAG,IAAI,CACnB,kBAAkB,CAAC,eAAe,CAAC,EACnC,YAAY,GAAG,gBAAgB,CAChC,GAAG;IACF,QAAQ,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IAClC,WAAW,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC;IAChC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB,CAAC;AAEF,KAAK,aAAa,GAAG;IACnB,MAAM,EAAE;QACN,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,IAAI,CAAC,EAAE,QAAQ,CAAC;KACjB,CAAC;CACH,GAAG,SAAS,CAAC;AACd,KAAK,YAAY,GAAG;IAAE,MAAM,EAAE;QAAE,IAAI,EAAE,KAAK,CAAA;KAAE,CAAA;CAAE,GAAG,SAAS,CAAC;AAyD5D,KAAK,YAAY,GAAG;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,cAAc,GAAG;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,YAAY,CAAC,YAAY,CAAC,CAAC;IACpC,SAAS,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACtC,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,QAAA,MAAM,SAAS,6GAWZ,cAAc,4CAyGhB,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACtB,QAAQ,EAAE,YAAY,CAAC,cAAc,CAAC,GAAG,YAAY,CAAC,cAAc,CAAC,EAAE,CAAC;IACxE,KAAK,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAChE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B,CAAC;AAEF,QAAA,MAAM,WAAW,wDAKd,gBAAgB,4CAmClB,CAAC;AAgGF,QAAA,MAAM,IAAI,4HAYT,CAAC;AASF,QAAA,MAAM,eAAe;;YANX,MAAM;eACH,OAAO;eACP,OAAO;CAWnB,CAAC;AAEF,OAAO,EACL,IAAI,EACJ,WAAW,EACX,SAAS,EACT,eAAe,EACf,kBAAkB,EAClB,YAAY,GACb,CAAC"}
+{"version":3,"file":"Form.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/form/Form.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,kBAAkB,EAGlB,YAAY,EACZ,SAAS,EAKV,MAAM,OAAO,CAAC;AAKf,OAAO,EAAQ,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAKxD,QAAA,MAAM,kBAAkB,cAAc,CAAC;AACvC,QAAA,MAAM,YAAY,WAAW,CAAC;AAG9B,KAAK,SAAS,GAAG,IAAI,CACnB,kBAAkB,CAAC,eAAe,CAAC,EACnC,YAAY,GAAG,gBAAgB,CAChC,GAAG;IACF,QAAQ,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IAClC,WAAW,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC;IAChC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB,CAAC;AAEF,KAAK,aAAa,GAAG;IACnB,MAAM,EAAE;QACN,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,IAAI,CAAC,EAAE,QAAQ,CAAC;KACjB,CAAC;CACH,GAAG,SAAS,CAAC;AACd,KAAK,YAAY,GAAG;IAAE,MAAM,EAAE;QAAE,IAAI,EAAE,KAAK,CAAA;KAAE,CAAA;CAAE,GAAG,SAAS,CAAC;AAyD5D,KAAK,YAAY,GAAG;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,cAAc,GAAG;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,YAAY,CAAC,YAAY,CAAC,CAAC;IACpC,SAAS,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACtC,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,QAAA,MAAM,SAAS,GAAI,0GAWhB,cAAc,4CA2FhB,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACtB,QAAQ,EAAE,YAAY,CAAC,cAAc,CAAC,GAAG,YAAY,CAAC,cAAc,CAAC,EAAE,CAAC;IACxE,KAAK,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAChE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B,CAAC;AAEF,QAAA,MAAM,WAAW,GAAI,qDAKlB,gBAAgB,4CAmClB,CAAC;AAgGF,QAAA,MAAM,IAAI,4HAYT,CAAC;AASF,QAAA,MAAM,eAAe;;YANX,MAAM;eACH,OAAO;eACP,OAAO;CAWnB,CAAC;AAEF,OAAO,EACL,IAAI,EACJ,WAAW,EACX,SAAS,EACT,eAAe,EACf,kBAAkB,EAClB,YAAY,GACb,CAAC"}

package/dist/components/form/Form.component.js

@@ -7,7 +7,7 @@ import { Box } from '../box/Box';
 import { Icon } from '../icon/Icon.component';
 import { IconHelp } from '../iconhelper/IconHelper';
 import { ScrollbarWrapper } from '../scrollbarwrapper/ScrollbarWrapper.component';
-import { Text } from '../text/Text.component';
+import { HelperText, Text } from '../text/Text.component';
 const DESCRIPTION_PREFIX = 'describe-';
 const LABEL_PREFIX = 'label-';
 const maxWidthTooltip = { maxWidth: '20rem' };
@@ -80,9 +80,9 @@ const FormGroup = ({ direction = 'horizontal', label, id, labelHelpTooltip, cont
     return (_jsx(FieldContext.Provider, { value: value, children: _jsxs(Box, { display: "flex", flexDirection: direction === 'horizontal' ? 'row' : 'column', alignItems: "baseline", gap: direction === 'horizontal' ? spacing['r32'] : spacing['r4'], children: [_jsx("div", { style: {
                         width: maxLabelWidth === 0 ? 'max-content' : `${maxLabelWidth}px`,
                         flex: 'none',
-                    }, children: _jsxs("label", { htmlFor: id, id: `${LABEL_PREFIX}${id}`, ref: labelRef, style: { opacity: disabled ? 0.5 : 1 }, children: [_jsxs(Text, { children: [label, requireMode !== 'all' && required && ' *', requireMode === 'all' && !required && ' (optional)'] }), labelHelpTooltip && (_jsx(Box, { display: "inline-block", marginLeft: spacing.r8, style: { whiteSpace: 'nowrap' }, children: _jsx(IconHelp, { tooltipMessage: labelHelpTooltip, overlayStyle: maxWidthTooltip }) }))] }) }), _jsxs(Stack, { direction: helpErrorPosition === 'right' ? 'horizontal' : 'vertical', gap: helpErrorPosition === 'right' ? 'r8' : 'r4', children: [content, error ? (_jsx(Text, { variant: "Smaller", color: "statusCritical", isEmphazed: true, id: `${DESCRIPTION_PREFIX}${id}`, children: error })) : help ? (_jsx("div", { style: {
+                    }, children: _jsxs("label", { htmlFor: id, id: `${LABEL_PREFIX}${id}`, ref: labelRef, style: { opacity: disabled ? 0.5 : 1 }, children: [_jsxs(Text, { children: [label, requireMode !== 'all' && required && ' *', requireMode === 'all' && !required && ' (optional)'] }), labelHelpTooltip && (_jsx(Box, { display: "inline-block", marginLeft: spacing.r8, style: { whiteSpace: 'nowrap' }, children: _jsx(IconHelp, { tooltipMessage: labelHelpTooltip, overlayStyle: maxWidthTooltip }) }))] }) }), _jsxs(Stack, { direction: helpErrorPosition === 'right' ? 'horizontal' : 'vertical', gap: helpErrorPosition === 'right' ? 'r8' : 'r4', children: [content, error ? (_jsx(HelperText, { color: "statusCritical", id: `${DESCRIPTION_PREFIX}${id}`, children: error })) : help ? (_jsx("div", { style: {
                                 opacity: disabled ? 0.5 : 1,
-                            }, children: _jsx(Text, { variant: "Smaller", color: "textSecondary", isEmphazed: true, id: `${DESCRIPTION_PREFIX}${id}`, children: help }) })) : (_jsx(Text, { variant: "Smaller", isEmphazed: true, children: "\u00A0" }))] })] }) }));
+                            }, children: _jsx(HelperText, { color: "textSecondary", id: `${DESCRIPTION_PREFIX}${id}`, children: help }) })) : (_jsx(HelperText, { children: "\u00A0" }))] })] }) }));
 };
 const FormSection = ({ children, title, forceLabelWidth, rightActions, }) => {
     const [maxLabelWidth, setMaxLabelWidth] = useState(forceLabelWidth || 0);

package/dist/components/icon/CustomsIcons.d.ts

@@ -9,4 +9,14 @@ export declare const RemoteGroup: ({ ariaLabel, color, size }: {
     color: any;
     size: any;
 }) => import("react/jsx-runtime").JSX.Element;
+export declare const Bucket: ({ ariaLabel, color, size }: {
+    ariaLabel: any;
+    color: any;
+    size: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const Buckets: ({ ariaLabel, color, size }: {
+    ariaLabel: any;
+    color: any;
+    size: any;
+}) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=CustomsIcons.d.ts.map

package/dist/components/icon/CustomsIcons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CustomsIcons.d.ts","sourceRoot":"","sources":["../../../src/lib/components/icon/CustomsIcons.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,UAAW,MAAM,GAAG,SAAS,KAAG,MAKvD,CAAC;AAEF,eAAO,MAAM,UAAU;;;;6CAoBtB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;6CAoBvB,CAAC"}
+{"version":3,"file":"CustomsIcons.d.ts","sourceRoot":"","sources":["../../../src/lib/components/icon/CustomsIcons.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,GAAI,OAAO,MAAM,GAAG,SAAS,KAAG,MAKvD,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI;;;;CAA0B,4CAoBpD,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI;;;;CAA0B,4CAoBrD,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI;;;;CAA0B,4CAgBhD,CAAC;AAEF,eAAO,MAAM,OAAO,GAAI;;;;CAA0B,4CAgBjD,CAAC"}

package/dist/components/icon/CustomsIcons.js

@@ -14,3 +14,11 @@ export const RemoteGroup = ({ ariaLabel, color, size }) => {
     const getColor = useGetColor(color);
     return (_jsxs("svg", { viewBox: "0 0 19 17", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: 'svg-inline--fa ' + (size ? `fa-${size}` : ''), "aria-label": ariaLabel, children: [_jsx("path", { d: "M16.5902 0.5C17.4071 0.5 18.0984 1.1875 18.0984 2V12C18.0984 12.8438 17.4071 13.5 16.5902 13.5H10.5574L11.0601 15H13.3224C13.7309 15 14.0765 15.3438 14.0765 15.75C14.0765 16.1875 13.7309 16.5 13.3224 16.5H4.77596C4.33607 16.5 4.02186 16.1875 4.02186 15.75C4.02186 15.3438 4.33607 15 4.77596 15H7.03825L7.54098 13.5H1.5082C0.659836 13.5 0 12.8438 0 12V2C0 1.1875 0.659836 0.5 1.5082 0.5H16.5902ZM16.0874 11.5V2.5H2.01093V11.5H16.0874Z", fill: getColor }), _jsx("path", { d: "M4.8 7.85714C4.125 7.85714 3.6 7.29464 3.6 6.57143C3.6 5.8683 4.125 5.28571 4.8 5.28571C5.45625 5.28571 6 5.8683 6 6.57143C6 7.29464 5.45625 7.85714 4.8 7.85714ZM13.2 7.85714C12.525 7.85714 12 7.29464 12 6.57143C12 5.8683 12.525 5.28571 13.2 5.28571C13.8563 5.28571 14.4 5.8683 14.4 6.57143C14.4 7.29464 13.8563 7.85714 13.2 7.85714ZM13.8 8.5C14.4563 8.5 15 9.08259 15 9.78571V10.4286C15 10.7902 14.7188 11.0714 14.4 11.0714H13.1625C13.0313 10.1272 12.5063 9.32366 11.7375 8.8817C11.9625 8.66071 12.2625 8.5 12.6 8.5H13.8ZM9 8.5C7.8375 8.5 6.9 7.49554 6.9 6.25C6.9 5.02455 7.8375 4 9 4C10.1438 4 11.1 5.02455 11.1 6.25C11.1 7.49554 10.1438 8.5 9 8.5ZM10.425 9.14286C11.625 9.14286 12.6 10.1875 12.6 11.4732V12.0357C12.6 12.5781 12.1875 13 11.7 13H6.3C5.79375 13 5.4 12.5781 5.4 12.0357V11.4732C5.4 10.1875 6.35625 9.14286 7.55625 9.14286H7.70625C8.1 9.34375 8.53125 9.46429 9 9.46429C9.45 9.46429 9.88125 9.34375 10.275 9.14286H10.425ZM6.24375 8.8817C5.475 9.32366 4.95 10.1272 4.81875 11.0714H3.6C3.2625 11.0714 3 10.7902 3 10.4286V9.78571C3 9.08259 3.525 8.5 4.2 8.5H5.4C5.71875 8.5 6.01875 8.66071 6.24375 8.8817Z", fill: getColor })] }));
 };
+export const Bucket = ({ ariaLabel, color, size }) => {
+    const getColor = useGetColor(color);
+    return (_jsx("svg", { viewBox: "0 0 32 28", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: 'svg-inline--fa ' + (size ? `fa-${size}` : ''), "aria-label": ariaLabel, children: _jsx("path", { d: "M30.0239 0C31.2114 0 32.1489 1.125 31.9614 2.3125L28.5239 24.5625C28.2114 26.5625 26.5239 28 24.5239 28H7.46143C5.46143 28 3.77393 26.5625 3.52393 24.5625L0.0239303 2.3125C-0.16357 1.125 0.77393 0 2.02393 0H30.0239ZM27.6489 4H4.33643L6.21143 16H25.7739L27.6489 4Z", fill: getColor }) }));
+};
+export const Buckets = ({ ariaLabel, color, size }) => {
+    const getColor = useGetColor(color);
+    return (_jsx("svg", { viewBox: "0 0 37 28", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: 'svg-inline--fa ' + (size ? `fa-${size}` : ''), "aria-label": ariaLabel, children: _jsx("path", { d: "M35.1063 9.33301C35.9032 9.33313 36.5329 10.0834 36.4071 10.875L34.0995 25.708C33.8897 27.0412 32.7571 27.9999 31.4149 28H24.1278C26.417 27.5019 28.221 25.649 28.5985 23.2334V23.2305L29.0975 20H32.2538L33.5126 12H30.3329L30.745 9.33301H35.1063ZM28.0223 0C29.1305 0.000168028 30.0049 1.04998 29.8299 2.1582L26.6219 22.9248C26.3303 24.7915 24.7552 26.1338 22.8885 26.1338H6.96373C5.09707 26.1338 3.52226 24.7915 3.28893 22.9248L0.0223272 2.1582C-0.152604 1.04996 0.721996 0.000113715 1.88854 0H28.0223ZM4.04674 3.7334L5.79674 14.9336H24.0555L25.8055 3.7334H4.04674ZM22.4901 12H17.8671L18.0135 12.9336H15.2987L14.9725 10.875C14.8467 10.0834 15.4756 9.33323 16.3143 9.33301H22.9071L22.4901 12Z", fill: getColor }) }));
+};

package/dist/components/icon/Icon.component.d.ts

@@ -1,136 +1,7 @@
 import { SizeProp } from '@fortawesome/fontawesome-svg-core';
 import { CSSProperties } from 'react';
 import { CoreUITheme } from '../../style/theme';
-export declare const iconTable: {
-    Account: string;
-    Backend: string;
-    Tape: string;
-    'Node-backend': string;
-    'Volume-backend': string;
-    'Node-pdf': string;
-    'Volume-pdf': string;
-    Network: string;
-    Bucket: string;
-    'Cloud-backend': string;
-    Datacenter: string;
-    'Simple-user': string;
-    User: string;
-    Group: string;
-    Alert: string;
-    Bell: string;
-    'Lat-menu': string;
-    Dashboard: string;
-    Workflow: string;
-    Expiration: string;
-    Replication: string;
-    Transition: string;
-    Discovery: string;
-    Metrics: string;
-    Edit: string;
-    Logs: string;
-    Lock: string;
-    'Lock-open': string;
-    'Create-add': string;
-    Delete: string;
-    Save: string;
-    'External-link': string;
-    Link: string;
-    Unlink: string;
-    Close: string;
-    'Dropdown-down': string;
-    'Dropdown-up': string;
-    Search: string;
-    More: string;
-    Info: string;
-    Sync: string;
-    Export: string;
-    Copy: string;
-    'Simple-upload': string;
-    Upload: string;
-    'Add-plus': string;
-    Minus: string;
-    'Remove-minus': string;
-    Sort: string;
-    'Sort-up': string;
-    'Sort-down': string;
-    Calendar: string;
-    'Calendar-minus': string;
-    'Arrow-up': string;
-    'Arrow-down': string;
-    'Arrow-right': string;
-    'Arrow-left': string;
-    'Arrow-alt-circle-up': string;
-    Folder: string;
-    File: string;
-    'File-invoice': string;
-    License: string;
-    'Deletion-marker': string;
-    'Map-marker': string;
-    Location: string;
-    'Info-circle': string;
-    'Exclamation-triangle': string;
-    'Exclamation-circle': string;
-    Exclamation: string;
-    Check: string;
-    Protected: string;
-    'Chevron-left': string;
-    'Chevron-right': string;
-    'Chevron-down': string;
-    'Chevron-up': string;
-    'Angle-right': string;
-    'Angle-double-right': string;
-    Language: string;
-    Theme: string;
-    Documentation: string;
-    Support: string;
-    EULA: string;
-    'Log-out': string;
-    Hourglass: string;
-    Pause: string;
-    'Pause-circle': string;
-    'Play-circle': string;
-    Upgrade: string;
-    Expansion: string;
-    Rebalance: string;
-    Maintenance: string;
-    Role: string;
-    'Change-erasure': string;
-    'Circle-health': string;
-    'Circle-empty': string;
-    'Dot-circle': string;
-    'Check-circle': string;
-    'Times-circle': string;
-    Toolbox: string;
-    Cubes: string;
-    Policy: string;
-    Pen: string;
-    Pencil: string;
-    Eye: string;
-    EyeSlash: string;
-    Snowflake: string;
-    Key: string;
-    Filter: string;
-    Download: string;
-    Certificate: string;
-    Redo: string;
-    Eraser: string;
-    'ID-card': string;
-    Setting: string;
-    Desktop: string;
-    Globe: string;
-    Satellite: string;
-    LightMode: string;
-    DarkMode: string;
-    News: string;
-    Ring: string;
-    Stop: string;
-    Play: string;
-    Mail: string;
-    ThumbsUp: string;
-    ThumbsDown: string;
-    Sidebar: string;
-    Bookopen: string;
-};
+import { iconTable } from './iconTable';
 type IconProps = {
     'aria-label'?: string;
     color?: string;
@@ -157,5 +28,5 @@ export declare const IconWrapper: import("styled-components").StyledComponent<"d
     size: SizeProp;
 }, never>;
 declare function Icon({ withWrapper, ...props }: Props): import("react/jsx-runtime").JSX.Element;
-export { Icon };
+export { Icon, iconTable };
 //# sourceMappingURL=Icon.component.d.ts.map

package/dist/components/icon/Icon.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/icon/Icon.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAE7D,OAAO,EACL,aAAa,EAKd,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAOhD,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiIrB,CAAC;AAEF,KAAK,SAAS,GAAG;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,MAAM,CAC9B,MAAM,EACN,CAAC,CAAC,KAAK,EAAE,SAAS,KAAK,GAAG,CAAC,OAAO,CAAC,GAAG;IAAE,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,CAQ/D,CAAC;AAgBF,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,SAAS,GAAG,MAAM,OAAO,WAAW,CAAC;AACzE,MAAM,MAAM,SAAS,GAAG,MAAM,WAAW,CAAC;AAC1C,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAiBF,eAAO,MAAM,WAAW;UAAsB,QAAQ;SAiCrD,CAAC;AA2DF,iBAAS,IAAI,CAAC,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,2CAU7C;AAED,OAAO,EAAE,IAAI,EAAE,CAAC"}
+{"version":3,"file":"Icon.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/icon/Icon.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAE7D,OAAO,EACL,aAAa,EAKd,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGhD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAKxC,KAAK,SAAS,GAAG;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,MAAM,CAC9B,MAAM,EACN,CAAC,CAAC,KAAK,EAAE,SAAS,KAAK,GAAG,CAAC,OAAO,CAAC,GAAG;IAAE,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,CAc/D,CAAC;AAkBF,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,SAAS,GAAG,MAAM,OAAO,WAAW,CAAC;AACzE,MAAM,MAAM,SAAS,GAAG,MAAM,WAAW,CAAC;AAC1C,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAiBF,eAAO,MAAM,WAAW;UAAsB,QAAQ;SAiCrD,CAAC;AA6DF,iBAAS,IAAI,CAAC,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,2CAU7C;AAED,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC"}