From a476ea5bb863bc4a718bf859120836ab21be76d4 Mon Sep 17 00:00:00 2001 From: Andrea Del Rio Date: Sun, 7 Jul 2024 10:51:53 -0700 Subject: [PATCH 1/5] add new expand glyphs --- packages/eui/src-docs/src/views/icon/icons.js | 2 + .../icon/__snapshots__/icon.test.tsx.snap | 46 +++++++++++++++++++ .../icon/assets/minus_in_square.tsx | 39 ++++++++++++++++ .../components/icon/assets/plus_in_square.tsx | 39 ++++++++++++++++ packages/eui/src/components/icon/icon_map.ts | 2 + .../components/icon/svgs/minus_in_square.svg | 4 ++ .../components/icon/svgs/plus_in_square.svg | 4 ++ 7 files changed, 136 insertions(+) create mode 100644 packages/eui/src/components/icon/assets/minus_in_square.tsx create mode 100644 packages/eui/src/components/icon/assets/plus_in_square.tsx create mode 100644 packages/eui/src/components/icon/svgs/minus_in_square.svg create mode 100644 packages/eui/src/components/icon/svgs/plus_in_square.svg diff --git a/packages/eui/src-docs/src/views/icon/icons.js b/packages/eui/src-docs/src/views/icon/icons.js index 6274d3edb8e..6660ba41ffe 100644 --- a/packages/eui/src-docs/src/views/icon/icons.js +++ b/packages/eui/src-docs/src/views/icon/icons.js @@ -183,6 +183,7 @@ export const iconTypes = [ 'minus', 'minusInCircle', 'minusInCircleFilled', + 'minusInSquare', 'mobile', 'moon', 'move', @@ -213,6 +214,7 @@ export const iconTypes = [ 'plus', 'plusInCircle', 'plusInCircleFilled', + 'plusInSquare', 'popout', 'push', 'questionInCircle', diff --git a/packages/eui/src/components/icon/__snapshots__/icon.test.tsx.snap b/packages/eui/src/components/icon/__snapshots__/icon.test.tsx.snap index 8a5bef95744..74a8bb52187 100644 --- a/packages/eui/src/components/icon/__snapshots__/icon.test.tsx.snap +++ b/packages/eui/src/components/icon/__snapshots__/icon.test.tsx.snap @@ -7732,6 +7732,29 @@ exports[`EuiIcon props type minusInCircleFilled is rendered 1`] = ` `; +exports[`EuiIcon props type minusInSquare is rendered 1`] = ` + +`; + exports[`EuiIcon props type mobile is rendered 1`] = ` `; @@ -3292,6 +3296,7 @@ exports[`EuiIcon props type fieldStatistics is rendered 1`] = ` class="euiIcon emotion-euiIcon-m-isLoaded" data-icon-type="fieldStatistics" data-is-loaded="true" + fill="currentColor" height="16" role="img" viewBox="0 0 16 16" @@ -3305,6 +3310,7 @@ exports[`EuiIcon props type fieldStatistics is rendered 1`] = ` d="M3.5 6h3.837a5.54 5.54 0 0 0-1.08 1H3.5a.5.5 0 0 1 0-1Zm0 6h1.707c.098.345.228.677.388.991A.505.505 0 0 1 5.5 13h-2a.5.5 0 0 1 0-1Zm0-8a.5.5 0 0 1 0-1h9a.5.5 0 0 1 0 1h-9ZM3 9.5a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 0-1h-1a.5.5 0 0 0-.5.5Z" /> @@ -9116,13 +9122,19 @@ exports[`EuiIcon props type singleMetricViewer is rendered 1`] = ` xmlns="http://www.w3.org/2000/svg" > `; diff --git a/packages/eui/src/components/icon/assets/anomaly_chart.tsx b/packages/eui/src/components/icon/assets/anomaly_chart.tsx index 86b402a8fed..a7242c5c70e 100644 --- a/packages/eui/src/components/icon/assets/anomaly_chart.tsx +++ b/packages/eui/src/components/icon/assets/anomaly_chart.tsx @@ -29,7 +29,11 @@ const EuiIconAnomalyChart = ({ > {title ? {title} : null} - + ); export const icon = EuiIconAnomalyChart; diff --git a/packages/eui/src/components/icon/assets/change_point_detection.tsx b/packages/eui/src/components/icon/assets/change_point_detection.tsx index 2f5436cf41b..d2f43881800 100644 --- a/packages/eui/src/components/icon/assets/change_point_detection.tsx +++ b/packages/eui/src/components/icon/assets/change_point_detection.tsx @@ -29,7 +29,11 @@ const EuiIconChangePointDetection = ({ > {title ? {title} : null} - + ); export const icon = EuiIconChangePointDetection; diff --git a/packages/eui/src/components/icon/assets/field_statistics.tsx b/packages/eui/src/components/icon/assets/field_statistics.tsx index 100cc40f498..e4c8424a1ab 100644 --- a/packages/eui/src/components/icon/assets/field_statistics.tsx +++ b/packages/eui/src/components/icon/assets/field_statistics.tsx @@ -23,6 +23,7 @@ const EuiIconFieldStatistics = ({ xmlns="http://www.w3.org/2000/svg" width={16} height={16} + fill="currentColor" viewBox="0 0 16 16" aria-labelledby={titleId} {...props} @@ -33,6 +34,7 @@ const EuiIconFieldStatistics = ({ ); diff --git a/packages/eui/src/components/icon/assets/single_metric_viewer.tsx b/packages/eui/src/components/icon/assets/single_metric_viewer.tsx index cc5a3ef8a04..6a9717e8012 100644 --- a/packages/eui/src/components/icon/assets/single_metric_viewer.tsx +++ b/packages/eui/src/components/icon/assets/single_metric_viewer.tsx @@ -28,9 +28,21 @@ const EuiIconSingleMetricViewer = ({ {...props} > {title ? {title} : null} - - - + + + ); export const icon = EuiIconSingleMetricViewer;