@splunk/react-icons 5.9.0 → 5.11.0

package/enterprise/TriangleUp.js

@@ -63,15 +63,15 @@
         e.d(r, {
         default: () => /* binding */ i
     });
-    // CONCATENATED MODULE: external "react"
+    // external "react"
     const t = require("react");
     var n =  e.n(t);
-    // CONCATENATED MODULE: external "@splunk/react-icons/SVGInternal"
+    // external "@splunk/react-icons/SVGInternal"
     const a = require("@splunk/react-icons/SVGInternal");
     var o =  e.n(a);
-    // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
+    // external "@splunk/ui-utils/i18n"
     const u = require("@splunk/ui-utils/i18n");
-    // CONCATENATED MODULE: ./src/enterprise/TriangleUp.tsx
+    // ./src/enterprise/TriangleUp.tsx
     function l() {
         return l = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {

package/enterprise/TriangleUpSmall.js

@@ -63,15 +63,15 @@
         e.d(r, {
         default: () => /* binding */ i
     });
-    // CONCATENATED MODULE: external "react"
+    // external "react"
     const t = require("react");
     var n =  e.n(t);
-    // CONCATENATED MODULE: external "@splunk/react-icons/SVGInternal"
+    // external "@splunk/react-icons/SVGInternal"
     const a = require("@splunk/react-icons/SVGInternal");
     var o =  e.n(a);
-    // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
+    // external "@splunk/ui-utils/i18n"
     const l = require("@splunk/ui-utils/i18n");
-    // CONCATENATED MODULE: ./src/enterprise/TriangleUpSmall.tsx
+    // ./src/enterprise/TriangleUpSmall.tsx
     function u() {
         return u = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {

package/enterprise/Upload.js

@@ -63,15 +63,15 @@
         e.d(r, {
         default: () => /* binding */ u
     });
-    // CONCATENATED MODULE: external "react"
+    // external "react"
     const t = require("react");
     var n =  e.n(t);
-    // CONCATENATED MODULE: external "@splunk/react-icons/SVGInternal"
+    // external "@splunk/react-icons/SVGInternal"
     const o = require("@splunk/react-icons/SVGInternal");
     var a =  e.n(o);
-    // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
+    // external "@splunk/ui-utils/i18n"
     const c = require("@splunk/ui-utils/i18n");
-    // CONCATENATED MODULE: ./src/enterprise/Upload.tsx
+    // ./src/enterprise/Upload.tsx
     function l() {
         return l = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {

package/enterprise/User.js

@@ -63,15 +63,15 @@
         e.d(r, {
         default: () => /* binding */ l
     });
-    // CONCATENATED MODULE: external "react"
+    // external "react"
     const t = require("react");
     var n =  e.n(t);
-    // CONCATENATED MODULE: external "@splunk/react-icons/SVGInternal"
+    // external "@splunk/react-icons/SVGInternal"
     const a = require("@splunk/react-icons/SVGInternal");
     var o =  e.n(a);
-    // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
+    // external "@splunk/ui-utils/i18n"
     const c = require("@splunk/ui-utils/i18n");
-    // CONCATENATED MODULE: ./src/enterprise/User.tsx
+    // ./src/enterprise/User.tsx
     function u() {
         return u = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {

package/enterprise/Warning.js

@@ -63,15 +63,15 @@
         e.d(r, {
         default: () => /* binding */ c
     });
-    // CONCATENATED MODULE: external "react"
+    // external "react"
     const t = require("react");
     var n =  e.n(t);
-    // CONCATENATED MODULE: external "@splunk/react-icons/SVGInternal"
+    // external "@splunk/react-icons/SVGInternal"
     const a = require("@splunk/react-icons/SVGInternal");
     var o =  e.n(a);
-    // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
+    // external "@splunk/ui-utils/i18n"
     const l = require("@splunk/ui-utils/i18n");
-    // CONCATENATED MODULE: ./src/enterprise/Warning.tsx
+    // ./src/enterprise/Warning.tsx
     function u() {
         return u = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {

package/enterprise/ZoomIn.js

@@ -63,15 +63,15 @@
         e.d(r, {
         default: () => /* binding */ i
     });
-    // CONCATENATED MODULE: external "react"
+    // external "react"
     const t = require("react");
     var n =  e.n(t);
-    // CONCATENATED MODULE: external "@splunk/react-icons/SVGInternal"
+    // external "@splunk/react-icons/SVGInternal"
     const o = require("@splunk/react-icons/SVGInternal");
     var a =  e.n(o);
-    // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
+    // external "@splunk/ui-utils/i18n"
     const l = require("@splunk/ui-utils/i18n");
-    // CONCATENATED MODULE: ./src/enterprise/ZoomIn.tsx
+    // ./src/enterprise/ZoomIn.tsx
     function u() {
         return u = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {

package/enterprise/ZoomOut.js

@@ -63,15 +63,15 @@
         e.d(r, {
         default: () => /* binding */ i
     });
-    // CONCATENATED MODULE: external "react"
+    // external "react"
     const t = require("react");
     var n =  e.n(t);
-    // CONCATENATED MODULE: external "@splunk/react-icons/SVGInternal"
+    // external "@splunk/react-icons/SVGInternal"
     const a = require("@splunk/react-icons/SVGInternal");
     var o =  e.n(a);
-    // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
+    // external "@splunk/ui-utils/i18n"
     const l = require("@splunk/ui-utils/i18n");
-    // CONCATENATED MODULE: ./src/enterprise/ZoomOut.tsx
+    // ./src/enterprise/ZoomOut.tsx
     function u() {
         return u = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {

package/enterprise/ZoomReset.js

@@ -63,15 +63,15 @@
         e.d(r, {
         default: () => /* binding */ i
     });
-    // CONCATENATED MODULE: external "react"
+    // external "react"
     const t = require("react");
     var n =  e.n(t);
-    // CONCATENATED MODULE: external "@splunk/react-icons/SVGInternal"
+    // external "@splunk/react-icons/SVGInternal"
     const l = require("@splunk/react-icons/SVGInternal");
     var a =  e.n(l);
-    // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
+    // external "@splunk/ui-utils/i18n"
     const o = require("@splunk/ui-utils/i18n");
-    // CONCATENATED MODULE: ./src/enterprise/ZoomReset.tsx
+    // ./src/enterprise/ZoomReset.tsx
     function u() {
         return u = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {

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",
@@ -7324,6 +7564,17 @@
       "outlined"
     ]
   },
+  {
+    "name": "TextWenA",
+    "key": "./TextWenA",
+    "category": "Formatting",
+    "description": "Translate from other language",
+    "keywords": "Translation, English, Chinese character, word, select, culture",
+    "variants": [
+      "default",
+      "outlined"
+    ]
+  },
   {
     "name": "ThumbsDown",
     "key": "./ThumbsDown",
@@ -7623,6 +7874,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 +7958,18 @@
       "outlined"
     ]
   },
+  {
+    "name": "WindowPulse",
+    "key": "./WindowPulse",
+    "category": "Objects",
+    "description": "Monitoring activities, server and application status",
+    "keywords": "admin, anomaly, line chart, health, activity",
+    "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.11.0",
   "description": "Library of various React icons",
   "license": "Apache-2.0",
   "author": "Splunk Inc.",
@@ -11,12 +11,12 @@
     "docs:publish:external": "eval $(splunk-docs-package docs-external --suffix=public) && artifact-ci publish generic $DOCS_GEN_OUTPUT_NAME $DOCS_GEN_REMOTE_PATH",
     "docs:start": "webpack serve --config docs.gen.webpack.config.js",
     "eslint": "eslint src --ext \".ts,.tsx\"",
-    "eslint:fix": "eslint src --ext \".ts, .tsx\" --fix",
-    "eslint:ci": "yarn run eslint -- -f junit -o test-reports/lint-results.xml",
+    "eslint:fix": "yarn run eslint --fix",
+    "eslint:ci": "yarn run eslint -f junit -o test-reports/lint-results.xml",
     "fetch-figma": "node ./scripts/fetch-figma.js",
-    "lint": "yarn run eslint && yarn run stylelint",
+    "lint": "yarn run stylelint && yarn run eslint",
     "lint:ci": "yarn run eslint:ci && yarn run stylelint",
-    "lint:quiet": "yarn run eslint --quiet && yarn run stylelint",
+    "lint:quiet": "yarn run lint --quiet",
     "start": "cross-env NODE_ENV=development webpack --watch",
     "storybook": "sb dev -p 6006",
     "storybook:visual": "sb dev -p 6006 -c .storybook-visual",
@@ -34,15 +34,15 @@
     "styled-components": "^5.3.10"
   },
   "dependencies": {
-    "@splunk/ui-utils": "^1.12.0",
-    "lodash": "^4.17.14",
+    "@splunk/ui-utils": "^1.14.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",
@@ -65,7 +65,6 @@
     "babel-plugin-transform-require-context": "^0.1.1",
     "cross-env": "^6.0.3",
     "eslint": "^8.57.1",
-    "eslint-config-airbnb": "^19.0.4",
     "eslint-config-prettier": "^9.1.0",
     "eslint-import-resolver-webpack": "^0.13.4",
     "eslint-plugin-import": "^2.30.1",
@@ -77,7 +76,7 @@
     "jest-environment-jsdom": "^30.1.2",
     "jest-image-snapshot": "^5.1.0",
     "jest-stare": "^2.4.1",
-    "playwright": "^1.45.0",
+    "playwright": "^1.59.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "regenerator-runtime": "^0.13.11",
@@ -86,7 +85,7 @@
     "stylelint": "^15.11.0",
     "svgo": "^3.0.2",
     "typescript": "^5.8.3",
-    "webpack": "^5.88.2",
+    "webpack": "^5.106.2",
     "webpack-cli": "^5.1.4",
     "webpack-dev-server": "^5.2.2",
     "webpack-merge": "^5.9.0"

package/stubs-splunkui.d.ts

@@ -1,6 +0,0 @@
-declare const __DEV__: boolean;
-
-declare module '@splunk/ui-utils/i18n' {
-    // for now, assume this is guaranteed to return a string (and not undefined, null, ...)
-    function _(...args: any[]): string;
-}

package/test-runner-jest.config.js

@@ -32,7 +32,4 @@ module.exports = {
         ],
         '../../infra/visual-tests/orphaned-snapshot-check-reporter.js',
     ],
-    globals: {
-        __DEV__: true,
-    },
 };

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;