@dynatrace/strato-icons 1.4.0 → 1.5.1

package/esm/lib/SvgIcon.js

@@ -1,11 +1,12 @@
-import React, {
+import { jsx } from "react/jsx-runtime";
+import {
   forwardRef
 } from "react";
 const SvgIcon = (
   /* @PURE____ */
   forwardRef(
     ({ size, children, ...remainingProps }, forwardedRef) => {
-      return /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ jsx(
         "svg",
         {
           focusable: "false",
@@ -17,9 +18,9 @@ const SvgIcon = (
           ref: forwardedRef,
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 20 20",
-          ...remainingProps
-        },
-        children
+          ...remainingProps,
+          children
+        }
       );
     }
   )

package/esm/lib/SvgIcon.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/lib/SvgIcon.tsx"],
-  "sourcesContent": ["import React, {\n  forwardRef,\n  type JSX,\n  type ReactNode,\n  type CSSProperties,\n} from 'react';\n\nimport type { SvgIconSize } from './types.js';\n\n/**\n * @public\n */\nexport interface SvgIconProps {\n  /** Test id used for selecting the component's container. */\n  'data-testid'?: string;\n  /** Icon name usable for identifying the icon properly. */\n  'data-iconname'?: string;\n  /**\n   * Size of the icon. Three predefined sizes are available, or specify a custom size in px.\n   * @defaultValue 20\n   */\n  size?: SvgIconSize | number;\n  /**\n   * Classname that gets applied to the root element of the component.\n   *\n   * Be aware that overriding certain styles may result in unexpected behavior!\n   */\n  className?: string;\n  /**\n   * Style attribute that will be mapped to the root element of the component.\n   *\n   * Be aware that overriding certain styles may result in unexpected behavior!\n   */\n  style?: CSSProperties;\n}\n\ninterface IntSvgIconProps extends SvgIconProps {\n  children: ReactNode;\n}\n\n/**\n * SvgIcon component that is used to render all generated icons\n */\nexport const SvgIcon = /* @PURE____ */ forwardRef<\n  SVGSVGElement,\n  IntSvgIconProps\n>(\n  (\n    { size, children, ...remainingProps }: IntSvgIconProps,\n    forwardedRef,\n  ): JSX.Element => {\n    return (\n      <svg\n        focusable=\"false\"\n        role=\"img\"\n        aria-hidden=\"true\"\n        fill=\"currentColor\"\n        width={getIconSize(size)}\n        height={getIconSize(size)}\n        ref={forwardedRef}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 20 20\"\n        {...remainingProps}\n      >\n        {children}\n      </svg>\n    );\n  },\n);\n\n/** Get the icon size in pixels */\nfunction getIconSize(size?: SvgIconSize | number): number {\n  if (typeof size === 'number') {\n    return size;\n  }\n\n  switch (size) {\n    case 'large':\n      return 32;\n    case 'small':\n      return 16;\n    default:\n      return 20;\n  }\n}\n"],
-  "mappings": "AAAA,OAAO;AAAA,EACL;AAAA,OAIK;AAsCA,MAAM;AAAA;AAAA,EAA0B;AAAA,IAIrC,CACE,EAAE,MAAM,UAAU,GAAG,eAAe,GACpC,iBACgB;AAChB,aACE;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,MAAK;AAAA,UACL,eAAY;AAAA,UACZ,MAAK;AAAA,UACL,OAAO,YAAY,IAAI;AAAA,UACvB,QAAQ,YAAY,IAAI;AAAA,UACxB,KAAK;AAAA,UACL,OAAM;AAAA,UACN,SAAQ;AAAA,UACP,GAAG;AAAA;AAAA,QAEH;AAAA,MACH;AAAA,IAEJ;AAAA,EACF;AAAA;AAGA,SAAS,YAAY,MAAqC;AACxD,MAAI,OAAO,SAAS,UAAU;AAC5B,WAAO;AAAA,EACT;AAEA,UAAQ,MAAM;AAAA,IACZ,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;",
+  "sourcesContent": ["import {\n  forwardRef,\n  type JSX,\n  type ReactNode,\n  type CSSProperties,\n} from 'react';\n\nimport type { SvgIconSize } from './types.js';\n\n/**\n * @public\n */\nexport interface SvgIconProps {\n  /** Test id used for selecting the component's container. */\n  'data-testid'?: string;\n  /** Icon name usable for identifying the icon properly. */\n  'data-iconname'?: string;\n  /**\n   * Size of the icon. Three predefined sizes are available, or specify a custom size in px.\n   * @defaultValue 20\n   */\n  size?: SvgIconSize | number;\n  /**\n   * Classname that gets applied to the root element of the component.\n   *\n   * Be aware that overriding certain styles may result in unexpected behavior!\n   */\n  className?: string;\n  /**\n   * Style attribute that will be mapped to the root element of the component.\n   *\n   * Be aware that overriding certain styles may result in unexpected behavior!\n   */\n  style?: CSSProperties;\n}\n\ninterface IntSvgIconProps extends SvgIconProps {\n  children: ReactNode;\n}\n\n/**\n * SvgIcon component that is used to render all generated icons\n */\nexport const SvgIcon = /* @PURE____ */ forwardRef<\n  SVGSVGElement,\n  IntSvgIconProps\n>(\n  (\n    { size, children, ...remainingProps }: IntSvgIconProps,\n    forwardedRef,\n  ): JSX.Element => {\n    return (\n      <svg\n        focusable=\"false\"\n        role=\"img\"\n        aria-hidden=\"true\"\n        fill=\"currentColor\"\n        width={getIconSize(size)}\n        height={getIconSize(size)}\n        ref={forwardedRef}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 20 20\"\n        {...remainingProps}\n      >\n        {children}\n      </svg>\n    );\n  },\n);\n\n/** Get the icon size in pixels */\nfunction getIconSize(size?: SvgIconSize | number): number {\n  if (typeof size === 'number') {\n    return size;\n  }\n\n  switch (size) {\n    case 'large':\n      return 32;\n    case 'small':\n      return 16;\n    default:\n      return 20;\n  }\n}\n"],
+  "mappings": "AAoDM;AApDN;AAAA,EACE;AAAA,OAIK;AAsCA,MAAM;AAAA;AAAA,EAA0B;AAAA,IAIrC,CACE,EAAE,MAAM,UAAU,GAAG,eAAe,GACpC,iBACgB;AAChB,aACE;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,MAAK;AAAA,UACL,eAAY;AAAA,UACZ,MAAK;AAAA,UACL,OAAO,YAAY,IAAI;AAAA,UACvB,QAAQ,YAAY,IAAI;AAAA,UACxB,KAAK;AAAA,UACL,OAAM;AAAA,UACN,SAAQ;AAAA,UACP,GAAG;AAAA,UAEH;AAAA;AAAA,MACH;AAAA,IAEJ;AAAA,EACF;AAAA;AAGA,SAAS,YAAY,MAAqC;AACxD,MAAI,OAAO,SAAS,UAAU;AAC5B,WAAO;AAAA,EACT;AAEA,UAAQ,MAAM;AAAA,IACZ,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;",
   "names": []
 }

package/index.d.ts

@@ -20,6 +20,7 @@ export { ApplicationObservabilitySignetIcon } from './__icons/ApplicationObserva
 export { ApplicationSecurityIcon } from './__icons/ApplicationSecurityIcon.js';
 export { ApplicationSecuritySignetIcon } from './__icons/ApplicationSecuritySignetIcon.js';
 export { ApplicationsIcon } from './__icons/ApplicationsIcon.js';
+export { ApproximateIcon } from './__icons/ApproximateIcon.js';
 export { AppsFunctionsSignetIcon } from './__icons/AppsFunctionsSignetIcon.js';
 export { AppsIcon } from './__icons/AppsIcon.js';
 export { AppsSignetIcon } from './__icons/AppsSignetIcon.js';
@@ -267,6 +268,7 @@ export { QueryTreeIcon } from './__icons/QueryTreeIcon.js';
 export { QueuesIcon } from './__icons/QueuesIcon.js';
 export { RadiusIcon } from './__icons/RadiusIcon.js';
 export { RamIcon } from './__icons/RamIcon.js';
+export { RangeIcon } from './__icons/RangeIcon.js';
 export { RedoIcon } from './__icons/RedoIcon.js';
 export { RefreshAutoIcon } from './__icons/RefreshAutoIcon.js';
 export { RefreshIcon } from './__icons/RefreshIcon.js';
@@ -282,6 +284,7 @@ export { RowsIcon } from './__icons/RowsIcon.js';
 export { SaveIcon } from './__icons/SaveIcon.js';
 export { ScatterplotIcon } from './__icons/ScatterplotIcon.js';
 export { SecurityAnalyticsSignetIcon } from './__icons/SecurityAnalyticsSignetIcon.js';
+export { SecurityConfigAndComplianceSignetIcon } from './__icons/SecurityConfigAndComplianceSignetIcon.js';
 export { SecurityCriticalIcon } from './__icons/SecurityCriticalIcon.js';
 export { SecurityHighIcon } from './__icons/SecurityHighIcon.js';
 export { SecurityIcon } from './__icons/SecurityIcon.js';

package/index.js

@@ -38,6 +38,7 @@ __export(index_exports, {
   ApplicationSecurityIcon: () => import_ApplicationSecurityIcon.ApplicationSecurityIcon,
   ApplicationSecuritySignetIcon: () => import_ApplicationSecuritySignetIcon.ApplicationSecuritySignetIcon,
   ApplicationsIcon: () => import_ApplicationsIcon.ApplicationsIcon,
+  ApproximateIcon: () => import_ApproximateIcon.ApproximateIcon,
   AppsFunctionsSignetIcon: () => import_AppsFunctionsSignetIcon.AppsFunctionsSignetIcon,
   AppsIcon: () => import_AppsIcon.AppsIcon,
   AppsSignetIcon: () => import_AppsSignetIcon.AppsSignetIcon,
@@ -285,6 +286,7 @@ __export(index_exports, {
   QueuesIcon: () => import_QueuesIcon.QueuesIcon,
   RadiusIcon: () => import_RadiusIcon.RadiusIcon,
   RamIcon: () => import_RamIcon.RamIcon,
+  RangeIcon: () => import_RangeIcon.RangeIcon,
   RedoIcon: () => import_RedoIcon.RedoIcon,
   RefreshAutoIcon: () => import_RefreshAutoIcon.RefreshAutoIcon,
   RefreshIcon: () => import_RefreshIcon.RefreshIcon,
@@ -300,6 +302,7 @@ __export(index_exports, {
   SaveIcon: () => import_SaveIcon.SaveIcon,
   ScatterplotIcon: () => import_ScatterplotIcon.ScatterplotIcon,
   SecurityAnalyticsSignetIcon: () => import_SecurityAnalyticsSignetIcon.SecurityAnalyticsSignetIcon,
+  SecurityConfigAndComplianceSignetIcon: () => import_SecurityConfigAndComplianceSignetIcon.SecurityConfigAndComplianceSignetIcon,
   SecurityCriticalIcon: () => import_SecurityCriticalIcon.SecurityCriticalIcon,
   SecurityHighIcon: () => import_SecurityHighIcon.SecurityHighIcon,
   SecurityIcon: () => import_SecurityIcon.SecurityIcon,
@@ -416,6 +419,7 @@ var import_ApplicationObservabilitySignetIcon = require("./__icons/ApplicationOb
 var import_ApplicationSecurityIcon = require("./__icons/ApplicationSecurityIcon.js");
 var import_ApplicationSecuritySignetIcon = require("./__icons/ApplicationSecuritySignetIcon.js");
 var import_ApplicationsIcon = require("./__icons/ApplicationsIcon.js");
+var import_ApproximateIcon = require("./__icons/ApproximateIcon.js");
 var import_AppsFunctionsSignetIcon = require("./__icons/AppsFunctionsSignetIcon.js");
 var import_AppsIcon = require("./__icons/AppsIcon.js");
 var import_AppsSignetIcon = require("./__icons/AppsSignetIcon.js");
@@ -663,6 +667,7 @@ var import_QueryTreeIcon = require("./__icons/QueryTreeIcon.js");
 var import_QueuesIcon = require("./__icons/QueuesIcon.js");
 var import_RadiusIcon = require("./__icons/RadiusIcon.js");
 var import_RamIcon = require("./__icons/RamIcon.js");
+var import_RangeIcon = require("./__icons/RangeIcon.js");
 var import_RedoIcon = require("./__icons/RedoIcon.js");
 var import_RefreshAutoIcon = require("./__icons/RefreshAutoIcon.js");
 var import_RefreshIcon = require("./__icons/RefreshIcon.js");
@@ -678,6 +683,7 @@ var import_RowsIcon = require("./__icons/RowsIcon.js");
 var import_SaveIcon = require("./__icons/SaveIcon.js");
 var import_ScatterplotIcon = require("./__icons/ScatterplotIcon.js");
 var import_SecurityAnalyticsSignetIcon = require("./__icons/SecurityAnalyticsSignetIcon.js");
+var import_SecurityConfigAndComplianceSignetIcon = require("./__icons/SecurityConfigAndComplianceSignetIcon.js");
 var import_SecurityCriticalIcon = require("./__icons/SecurityCriticalIcon.js");
 var import_SecurityHighIcon = require("./__icons/SecurityHighIcon.js");
 var import_SecurityIcon = require("./__icons/SecurityIcon.js");

package/lib/SvgIcon.d.ts

@@ -1,4 +1,4 @@
-import React, { type ReactNode, type CSSProperties } from 'react';
+import { type ReactNode, type CSSProperties } from 'react';
 import type { SvgIconSize } from './types.js';
 /**
  * @public
@@ -32,5 +32,5 @@ interface IntSvgIconProps extends SvgIconProps {
 /**
  * SvgIcon component that is used to render all generated icons
  */
-export declare const SvgIcon: React.ForwardRefExoticComponent<IntSvgIconProps & React.RefAttributes<SVGSVGElement>>;
+export declare const SvgIcon: import("react").ForwardRefExoticComponent<IntSvgIconProps & import("react").RefAttributes<SVGSVGElement>>;
 export {};

package/lib/SvgIcon.js

@@ -1,9 +1,7 @@
 "use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -17,26 +15,19 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var SvgIcon_exports = {};
 __export(SvgIcon_exports, {
   SvgIcon: () => SvgIcon
 });
 module.exports = __toCommonJS(SvgIcon_exports);
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 const SvgIcon = (
   /* @PURE____ */
   (0, import_react.forwardRef)(
     ({ size, children, ...remainingProps }, forwardedRef) => {
-      return /* @__PURE__ */ import_react.default.createElement(
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         "svg",
         {
           focusable: "false",
@@ -48,9 +39,9 @@ const SvgIcon = (
           ref: forwardedRef,
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 20 20",
-          ...remainingProps
-        },
-        children
+          ...remainingProps,
+          children
+        }
       );
     }
   )

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dynatrace/strato-icons",
   "private": false,
-  "version": "1.4.0",
+  "version": "1.5.1",
   "license": "Apache-2.0",
   "homepage": "https://developer.dynatrace.com/design/icons/",
   "types": "./index.d.ts",