@splunk/react-icons 5.9.0 → 5.10.0

package/icon-catalog.json

@@ -389,6 +389,30 @@
       "outlined"
     ]
   },
+  {
+    "name": "ArrowTrendRightDown",
+    "key": "./ArrowTrendRightDown",
+    "category": "Visualization",
+    "description": "Represents negative trend status, downward trajectory, underperformance",
+    "keywords": "decline, decrease, reduction, negative delta",
+    "variants": [
+      "default",
+      "filled",
+      "outlined"
+    ]
+  },
+  {
+    "name": "ArrowTrendRightUp",
+    "key": "./ArrowTrendRightUp",
+    "category": "Visualization",
+    "description": "Represents positive trend status, upward trajectory, growth",
+    "keywords": "increase, improvement, positive delta, outperformance",
+    "variants": [
+      "default",
+      "filled",
+      "outlined"
+    ]
+  },
   {
     "name": "ArrowTriangleDown",
     "key": "./ArrowTriangleDown",
@@ -616,6 +640,186 @@
       "outlined"
     ]
   },
+  {
+    "name": "BackgroundBalloon",
+    "key": "./BackgroundBalloon",
+    "category": "Severity",
+    "description": "*Background UI element only for severity and notification icons. Do not use as normal icons.",
+    "keywords": "fill and outline, visibility",
+    "variants": [
+      "default",
+      "filled",
+      "outlined"
+    ]
+  },
+  {
+    "name": "BackgroundBell",
+    "key": "./BackgroundBell",
+    "category": "Severity",
+    "description": "*Background UI element only for severity and notification icons. Do not use as normal icons.",
+    "keywords": "fill and outline, visibility",
+    "variants": [
+      "default",
+      "filled",
+      "outlined"
+    ]
+  },
+  {
+    "name": "BackgroundCircle",
+    "key": "./BackgroundCircle",
+    "category": "Severity",
+    "description": "*Background UI element only for severity and notification icons. Do not use as normal icons.",
+    "keywords": "fill and outline, visibility",
+    "variants": [
+      "default",
+      "filled",
+      "outlined"
+    ]
+  },
+  {
+    "name": "BackgroundDiamond",
+    "key": "./BackgroundDiamond",
+    "category": "Severity",
+    "description": "*Background UI element only for severity and notification icons. Do not use as normal icons.",
+    "keywords": "fill and outline, visibility",
+    "variants": [
+      "default",
+      "filled",
+      "outlined"
+    ]
+  },
+  {
+    "name": "BackgroundFire",
+    "key": "./BackgroundFire",
+    "category": "Severity",
+    "description": "*Background UI element only for severity and notification icons. Do not use as normal icons.",
+    "keywords": "fill and outline, visibility",
+    "variants": [
+      "default",
+      "filled",
+      "outlined"
+    ]
+  },
+  {
+    "name": "BackgroundFlame",
+    "key": "./BackgroundFlame",
+    "category": "Severity",
+    "description": "*Background UI element only for severity and notification icons. Do not use as normal icons.",
+    "keywords": "fill and outline, visibility",
+    "variants": [
+      "default",
+      "filled",
+      "outlined"
+    ]
+  },
+  {
+    "name": "BackgroundHexagon",
+    "key": "./BackgroundHexagon",
+    "category": "Severity",
+    "description": "*Background UI element only for severity and notification icons. Do not use as normal icons.",
+    "keywords": "fill and outline, visibility",
+    "variants": [
+      "default",
+      "filled",
+      "outlined"
+    ]
+  },
+  {
+    "name": "BackgroundLightning",
+    "key": "./BackgroundLightning",
+    "category": "Severity",
+    "description": "*Background UI element only for severity and notification icons. Do not use as normal icons.",
+    "keywords": "fill and outline, visibility",
+    "variants": [
+      "default",
+      "filled",
+      "outlined"
+    ]
+  },
+  {
+    "name": "BackgroundSquare",
+    "key": "./BackgroundSquare",
+    "category": "Severity",
+    "description": "*Background UI element only for severity and notification icons. Do not use as normal icons.",
+    "keywords": "fill and outline, visibility",
+    "variants": [
+      "default",
+      "filled",
+      "outlined"
+    ]
+  },
+  {
+    "name": "BackgroundStarEightPoints",
+    "key": "./BackgroundStarEightPoints",
+    "category": "Severity",
+    "description": "*Background UI element only for severity and notification icons. Do not use as normal icons.",
+    "keywords": "fill and outline, visibility",
+    "variants": [
+      "default",
+      "filled",
+      "outlined"
+    ]
+  },
+  {
+    "name": "BackgroundStarSparklesDouble",
+    "key": "./BackgroundStarSparklesDouble",
+    "category": "Severity",
+    "description": "*Background UI element only for severity and notification icons. Do not use as normal icons.",
+    "keywords": "fill and outline, visibility",
+    "variants": [
+      "default",
+      "filled",
+      "outlined"
+    ]
+  },
+  {
+    "name": "BackgroundTriangle",
+    "key": "./BackgroundTriangle",
+    "category": "Severity",
+    "description": "*Background UI element only for severity and notification icons. Do not use as normal icons.",
+    "keywords": "fill and outline, visibility",
+    "variants": [
+      "default",
+      "filled",
+      "outlined"
+    ]
+  },
+  {
+    "name": "BackgroundTriangleDown",
+    "key": "./BackgroundTriangleDown",
+    "category": "Severity",
+    "description": "*Background UI element only for severity and notification icons. Do not use as normal icons.",
+    "keywords": "fill and outline, visibility",
+    "variants": [
+      "default",
+      "filled",
+      "outlined"
+    ]
+  },
+  {
+    "name": "BackgroundTrianglesLayeredDouble",
+    "key": "./BackgroundTrianglesLayeredDouble",
+    "category": "Severity",
+    "description": "*Background UI element only for severity and notification icons. Do not use as normal icons.",
+    "keywords": "fill and outline, visibility",
+    "variants": [
+      "default",
+      "filled",
+      "outlined"
+    ]
+  },
+  {
+    "name": "BackgroundTrianglesLayeredTriple",
+    "key": "./BackgroundTrianglesLayeredTriple",
+    "category": "Severity",
+    "description": "*Background UI element only for severity and notification icons. Do not use as normal icons.",
+    "keywords": "fill and outline, visibility",
+    "variants": [
+      "default",
+      "filled",
+      "outlined"
+    ]
+  },
   {
     "name": "Balloon",
     "key": "./Balloon",
@@ -1519,6 +1723,30 @@
       "outlined"
     ]
   },
+  {
+    "name": "ChartLineTrendDown",
+    "key": "./ChartLineTrendDown",
+    "category": "Visualization",
+    "description": "Down trend icon with arrow right down",
+    "keywords": "decreasing, delta, minus, low value, negative",
+    "variants": [
+      "default",
+      "filled",
+      "outlined"
+    ]
+  },
+  {
+    "name": "ChartLineTrendUp",
+    "key": "./ChartLineTrendUp",
+    "category": "Visualization",
+    "description": "Up trend icon with arrow right up",
+    "keywords": "increasing, delta, plus, high value, positive",
+    "variants": [
+      "default",
+      "filled",
+      "outlined"
+    ]
+  },
   {
     "name": "ChartLineUnderlineDotted",
     "key": "./ChartLineUnderlineDotted",
@@ -2212,6 +2440,18 @@
       "outlined"
     ]
   },
+  {
+    "name": "CogSquare",
+    "key": "./CogSquare",
+    "category": "Notifications",
+    "description": "User customized event icon for indication, notification, alert, and warning.",
+    "keywords": "caution, box, settings, configurations, status",
+    "variants": [
+      "default",
+      "filled",
+      "outlined"
+    ]
+  },
   {
     "name": "Cogs",
     "key": "./Cogs",
@@ -7623,6 +7863,18 @@
       "outlined"
     ]
   },
+  {
+    "name": "WindowBellList",
+    "key": "./WindowBellList",
+    "category": "Objects",
+    "description": "Alert and warning management, triggered alerts, notification list",
+    "keywords": "configuration, setting, admin, tasks",
+    "variants": [
+      "default",
+      "filled",
+      "outlined"
+    ]
+  },
   {
     "name": "WindowChevronsSlash",
     "key": "./WindowChevronsSlash",
@@ -7695,6 +7947,18 @@
       "outlined"
     ]
   },
+  {
+    "name": "WindowPulse",
+    "key": "./WindowPulse",
+    "category": "Objects",
+    "description": "Monitoring activities, server and application status",
+    "keywords": "admin, anomaly, line chart, health",
+    "variants": [
+      "default",
+      "filled",
+      "outlined"
+    ]
+  },
   {
     "name": "WindowUser",
     "key": "./WindowUser",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@splunk/react-icons",
-  "version": "5.9.0",
+  "version": "5.10.0",
   "description": "Library of various React icons",
   "license": "Apache-2.0",
   "author": "Splunk Inc.",
@@ -34,15 +34,15 @@
     "styled-components": "^5.3.10"
   },
   "dependencies": {
-    "@splunk/ui-utils": "^1.12.0",
-    "lodash": "^4.17.14",
+    "@splunk/ui-utils": "^1.13.0",
+    "lodash": "^4.18.1",
     "prop-types": "^15.6.2"
   },
   "devDependencies": {
     "@babel/core": "^7.28.0",
     "@babel/plugin-transform-runtime": "^7.28.0",
     "@splunk/babel-preset": "^4.0.0",
-    "@splunk/eslint-config": "^5.0.0",
+    "@splunk/eslint-config": "^5.1.0",
     "@splunk/stylelint-config": "^5.0.0",
     "@splunk/webpack-configs": "^7.0.3",
     "@storybook/csf-tools": "^7.6.20",

package/types/icons/ArrowTrendRightDown.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import SVG from '@splunk/react-icons/SVG';
+export interface IconBaseProps extends React.ComponentProps<typeof SVG> {
+    children?: React.ReactNode;
+    /**
+     *  Defaults to outlined, determines the variant of the icon to be rendered
+     */
+    variant?: 'default' | 'outlined' | 'filled';
+}
+/**
+ * @description Represents negative trend status, downward trajectory, underperformance
+ * @category Visualization
+ * @keywords decline, decrease, reduction, negative delta
+ * @variants outlined,filled
+ */
+declare const ArrowTrendRightDown: ({ children, variant, ...otherprops }: IconBaseProps) => React.JSX.Element | null;
+export default ArrowTrendRightDown;

package/types/icons/ArrowTrendRightUp.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import SVG from '@splunk/react-icons/SVG';
+export interface IconBaseProps extends React.ComponentProps<typeof SVG> {
+    children?: React.ReactNode;
+    /**
+     *  Defaults to outlined, determines the variant of the icon to be rendered
+     */
+    variant?: 'default' | 'outlined' | 'filled';
+}
+/**
+ * @description Represents positive trend status, upward trajectory, growth
+ * @category Visualization
+ * @keywords increase, improvement, positive delta, outperformance
+ * @variants outlined,filled
+ */
+declare const ArrowTrendRightUp: ({ children, variant, ...otherprops }: IconBaseProps) => React.JSX.Element | null;
+export default ArrowTrendRightUp;

package/types/icons/BackgroundBalloon.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import SVG from '@splunk/react-icons/SVG';
+export interface IconBaseProps extends React.ComponentProps<typeof SVG> {
+    children?: React.ReactNode;
+    /**
+     *  Defaults to outlined, determines the variant of the icon to be rendered
+     */
+    variant?: 'default' | 'outlined' | 'filled';
+}
+/**
+ * @description *Background UI element only for severity and notification icons. Do not use as normal icons.
+ * @category Severity
+ * @keywords fill and outline, visibility
+ * @variants outlined,filled
+ */
+declare const BackgroundBalloon: ({ children, variant, ...otherprops }: IconBaseProps) => React.JSX.Element | null;
+export default BackgroundBalloon;

package/types/icons/BackgroundBell.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import SVG from '@splunk/react-icons/SVG';
+export interface IconBaseProps extends React.ComponentProps<typeof SVG> {
+    children?: React.ReactNode;
+    /**
+     *  Defaults to outlined, determines the variant of the icon to be rendered
+     */
+    variant?: 'default' | 'outlined' | 'filled';
+}
+/**
+ * @description *Background UI element only for severity and notification icons. Do not use as normal icons.
+ * @category Severity
+ * @keywords fill and outline, visibility
+ * @variants outlined,filled
+ */
+declare const BackgroundBell: ({ children, variant, ...otherprops }: IconBaseProps) => React.JSX.Element | null;
+export default BackgroundBell;

package/types/icons/BackgroundCircle.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import SVG from '@splunk/react-icons/SVG';
+export interface IconBaseProps extends React.ComponentProps<typeof SVG> {
+    children?: React.ReactNode;
+    /**
+     *  Defaults to outlined, determines the variant of the icon to be rendered
+     */
+    variant?: 'default' | 'outlined' | 'filled';
+}
+/**
+ * @description *Background UI element only for severity and notification icons. Do not use as normal icons.
+ * @category Severity
+ * @keywords fill and outline, visibility
+ * @variants outlined,filled
+ */
+declare const BackgroundCircle: ({ children, variant, ...otherprops }: IconBaseProps) => React.JSX.Element | null;
+export default BackgroundCircle;

package/types/icons/BackgroundDiamond.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import SVG from '@splunk/react-icons/SVG';
+export interface IconBaseProps extends React.ComponentProps<typeof SVG> {
+    children?: React.ReactNode;
+    /**
+     *  Defaults to outlined, determines the variant of the icon to be rendered
+     */
+    variant?: 'default' | 'outlined' | 'filled';
+}
+/**
+ * @description *Background UI element only for severity and notification icons. Do not use as normal icons.
+ * @category Severity
+ * @keywords fill and outline, visibility
+ * @variants outlined,filled
+ */
+declare const BackgroundDiamond: ({ children, variant, ...otherprops }: IconBaseProps) => React.JSX.Element | null;
+export default BackgroundDiamond;

package/types/icons/BackgroundFire.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import SVG from '@splunk/react-icons/SVG';
+export interface IconBaseProps extends React.ComponentProps<typeof SVG> {
+    children?: React.ReactNode;
+    /**
+     *  Defaults to outlined, determines the variant of the icon to be rendered
+     */
+    variant?: 'default' | 'outlined' | 'filled';
+}
+/**
+ * @description *Background UI element only for severity and notification icons. Do not use as normal icons.
+ * @category Severity
+ * @keywords fill and outline, visibility
+ * @variants outlined,filled
+ */
+declare const BackgroundFire: ({ children, variant, ...otherprops }: IconBaseProps) => React.JSX.Element | null;
+export default BackgroundFire;

package/types/icons/BackgroundFlame.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import SVG from '@splunk/react-icons/SVG';
+export interface IconBaseProps extends React.ComponentProps<typeof SVG> {
+    children?: React.ReactNode;
+    /**
+     *  Defaults to outlined, determines the variant of the icon to be rendered
+     */
+    variant?: 'default' | 'outlined' | 'filled';
+}
+/**
+ * @description *Background UI element only for severity and notification icons. Do not use as normal icons.
+ * @category Severity
+ * @keywords fill and outline, visibility
+ * @variants outlined,filled
+ */
+declare const BackgroundFlame: ({ children, variant, ...otherprops }: IconBaseProps) => React.JSX.Element | null;
+export default BackgroundFlame;

package/types/icons/BackgroundHexagon.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import SVG from '@splunk/react-icons/SVG';
+export interface IconBaseProps extends React.ComponentProps<typeof SVG> {
+    children?: React.ReactNode;
+    /**
+     *  Defaults to outlined, determines the variant of the icon to be rendered
+     */
+    variant?: 'default' | 'outlined' | 'filled';
+}
+/**
+ * @description *Background UI element only for severity and notification icons. Do not use as normal icons.
+ * @category Severity
+ * @keywords fill and outline, visibility
+ * @variants outlined,filled
+ */
+declare const BackgroundHexagon: ({ children, variant, ...otherprops }: IconBaseProps) => React.JSX.Element | null;
+export default BackgroundHexagon;

package/types/icons/BackgroundLightning.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import SVG from '@splunk/react-icons/SVG';
+export interface IconBaseProps extends React.ComponentProps<typeof SVG> {
+    children?: React.ReactNode;
+    /**
+     *  Defaults to outlined, determines the variant of the icon to be rendered
+     */
+    variant?: 'default' | 'outlined' | 'filled';
+}
+/**
+ * @description *Background UI element only for severity and notification icons. Do not use as normal icons.
+ * @category Severity
+ * @keywords fill and outline, visibility
+ * @variants outlined,filled
+ */
+declare const BackgroundLightning: ({ children, variant, ...otherprops }: IconBaseProps) => React.JSX.Element | null;
+export default BackgroundLightning;

package/types/icons/BackgroundSquare.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import SVG from '@splunk/react-icons/SVG';
+export interface IconBaseProps extends React.ComponentProps<typeof SVG> {
+    children?: React.ReactNode;
+    /**
+     *  Defaults to outlined, determines the variant of the icon to be rendered
+     */
+    variant?: 'default' | 'outlined' | 'filled';
+}
+/**
+ * @description *Background UI element only for severity and notification icons. Do not use as normal icons.
+ * @category Severity
+ * @keywords fill and outline, visibility
+ * @variants outlined,filled
+ */
+declare const BackgroundSquare: ({ children, variant, ...otherprops }: IconBaseProps) => React.JSX.Element | null;
+export default BackgroundSquare;

package/types/icons/BackgroundStarEightPoints.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import SVG from '@splunk/react-icons/SVG';
+export interface IconBaseProps extends React.ComponentProps<typeof SVG> {
+    children?: React.ReactNode;
+    /**
+     *  Defaults to outlined, determines the variant of the icon to be rendered
+     */
+    variant?: 'default' | 'outlined' | 'filled';
+}
+/**
+ * @description *Background UI element only for severity and notification icons. Do not use as normal icons.
+ * @category Severity
+ * @keywords fill and outline, visibility
+ * @variants outlined,filled
+ */
+declare const BackgroundStarEightPoints: ({ children, variant, ...otherprops }: IconBaseProps) => React.JSX.Element | null;
+export default BackgroundStarEightPoints;

package/types/icons/BackgroundStarSparklesDouble.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import SVG from '@splunk/react-icons/SVG';
+export interface IconBaseProps extends React.ComponentProps<typeof SVG> {
+    children?: React.ReactNode;
+    /**
+     *  Defaults to outlined, determines the variant of the icon to be rendered
+     */
+    variant?: 'default' | 'outlined' | 'filled';
+}
+/**
+ * @description *Background UI element only for severity and notification icons. Do not use as normal icons.
+ * @category Severity
+ * @keywords fill and outline, visibility
+ * @variants outlined,filled
+ */
+declare const BackgroundStarSparklesDouble: ({ children, variant, ...otherprops }: IconBaseProps) => React.JSX.Element | null;
+export default BackgroundStarSparklesDouble;

package/types/icons/BackgroundTriangle.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import SVG from '@splunk/react-icons/SVG';
+export interface IconBaseProps extends React.ComponentProps<typeof SVG> {
+    children?: React.ReactNode;
+    /**
+     *  Defaults to outlined, determines the variant of the icon to be rendered
+     */
+    variant?: 'default' | 'outlined' | 'filled';
+}
+/**
+ * @description *Background UI element only for severity and notification icons. Do not use as normal icons.
+ * @category Severity
+ * @keywords fill and outline, visibility
+ * @variants outlined,filled
+ */
+declare const BackgroundTriangle: ({ children, variant, ...otherprops }: IconBaseProps) => React.JSX.Element | null;
+export default BackgroundTriangle;

package/types/icons/BackgroundTriangleDown.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import SVG from '@splunk/react-icons/SVG';
+export interface IconBaseProps extends React.ComponentProps<typeof SVG> {
+    children?: React.ReactNode;
+    /**
+     *  Defaults to outlined, determines the variant of the icon to be rendered
+     */
+    variant?: 'default' | 'outlined' | 'filled';
+}
+/**
+ * @description *Background UI element only for severity and notification icons. Do not use as normal icons.
+ * @category Severity
+ * @keywords fill and outline, visibility
+ * @variants outlined,filled
+ */
+declare const BackgroundTriangleDown: ({ children, variant, ...otherprops }: IconBaseProps) => React.JSX.Element | null;
+export default BackgroundTriangleDown;

package/types/icons/BackgroundTrianglesLayeredDouble.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import SVG from '@splunk/react-icons/SVG';
+export interface IconBaseProps extends React.ComponentProps<typeof SVG> {
+    children?: React.ReactNode;
+    /**
+     *  Defaults to outlined, determines the variant of the icon to be rendered
+     */
+    variant?: 'default' | 'outlined' | 'filled';
+}
+/**
+ * @description *Background UI element only for severity and notification icons. Do not use as normal icons.
+ * @category Severity
+ * @keywords fill and outline, visibility
+ * @variants outlined,filled
+ */
+declare const BackgroundTrianglesLayeredDouble: ({ children, variant, ...otherprops }: IconBaseProps) => React.JSX.Element | null;
+export default BackgroundTrianglesLayeredDouble;

package/types/icons/BackgroundTrianglesLayeredTriple.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import SVG from '@splunk/react-icons/SVG';
+export interface IconBaseProps extends React.ComponentProps<typeof SVG> {
+    children?: React.ReactNode;
+    /**
+     *  Defaults to outlined, determines the variant of the icon to be rendered
+     */
+    variant?: 'default' | 'outlined' | 'filled';
+}
+/**
+ * @description *Background UI element only for severity and notification icons. Do not use as normal icons.
+ * @category Severity
+ * @keywords fill and outline, visibility
+ * @variants outlined,filled
+ */
+declare const BackgroundTrianglesLayeredTriple: ({ children, variant, ...otherprops }: IconBaseProps) => React.JSX.Element | null;
+export default BackgroundTrianglesLayeredTriple;

package/types/icons/ChartLineTrendDown.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import SVG from '@splunk/react-icons/SVG';
+export interface IconBaseProps extends React.ComponentProps<typeof SVG> {
+    children?: React.ReactNode;
+    /**
+     *  Defaults to outlined, determines the variant of the icon to be rendered
+     */
+    variant?: 'default' | 'outlined' | 'filled';
+}
+/**
+ * @description Down trend icon with arrow right down
+ * @category Visualization
+ * @keywords decreasing, delta, minus, low value, negative
+ * @variants outlined,filled
+ */
+declare const ChartLineTrendDown: ({ children, variant, ...otherprops }: IconBaseProps) => React.JSX.Element | null;
+export default ChartLineTrendDown;