@ultraviolet/icons 2.12.5 → 2.12.6

package/dist/components/Icon/index.js

@@ -1,120 +1,122 @@
-import _styled from '@emotion/styled/base';
-import { css } from '@emotion/react';
-import { forwardRef, useMemo } from 'react';
-import capitalize from '../../utils/capitalize.js';
-import { ICONS } from './Icons.js';
-import { SMALL_ICONS } from './SmallIcons.js';
-import { jsx } from '@emotion/react/jsx-runtime';
-
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var _ref = process.env.NODE_ENV === "production" ? {
-  name: "tgp1w5",
-  styles: "height:20px;width:20px;min-width:20px;min-height:20px"
-} : {
-  name: "tgp1w5",
-  styles: "height:20px;width:20px;min-width:20px;min-height:20px",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-var _ref2 = process.env.NODE_ENV === "production" ? {
-  name: "pm7qmu",
-  styles: "height:16px;width:16px;min-width:16px;min-height:16px"
-} : {
-  name: "pm7qmu",
-  styles: "height:16px;width:16px;min-width:16px;min-height:16px",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
+import { jsx } from "@emotion/react/jsx-runtime";
+import { css } from "@emotion/react";
+import styled from "@emotion/styled";
+import { forwardRef, useMemo } from "react";
+import capitalize from "../../utils/capitalize.js";
+import { ICONS } from "./Icons.js";
+import { SMALL_ICONS } from "./SmallIcons.js";
 const sizeStyles = ({
   size
 }) => {
-  if (size === 'small' || size === 16) {
-    return _ref2;
+  if (size === "small" || size === 16) {
+    return css`
+      height: 16px;
+      width: 16px;
+      min-width: 16px;
+      min-height: 16px;
+    `;
   }
-  if (size === 'large') {
-    return _ref;
+  if (size === "large") {
+    return css`
+      height: 20px;
+      width: 20px;
+      min-width: 20px;
+      min-height: 20px;
+    `;
   }
-  const pxSize = typeof size === 'number' && !Number.isNaN(size) ? `${size}px` : size;
-  return /*#__PURE__*/css("height:", pxSize, ";width:", pxSize, ";min-width:", pxSize, ";min-height:", pxSize, ";");
+  const pxSize = typeof size === "number" && !Number.isNaN(size) ? `${size}px` : size;
+  return css`
+    height: ${pxSize};
+    width: ${pxSize};
+    min-width: ${pxSize};
+    min-height: ${pxSize};
+  `;
 };
 const PROMINENCES = {
-  default: '',
-  strong: 'strong',
-  stronger: 'stronger',
-  weak: 'weak'
+  default: "",
+  strong: "strong",
+  stronger: "stronger",
+  weak: "weak"
 };
-const StyledIcon = component => /*#__PURE__*/_styled(component, {
-  shouldForwardProp: prop => !['size', 'sentiment', 'prominence', 'disabled'].includes(prop),
-  target: "e1gt4cfo0"
-})("vertical-align:middle;fill:", ({
-  theme,
-  sentiment,
-  prominence,
-  disabled
-}) => {
-  // stronger is available only for neutral sentiment
-  const definedProminence = sentiment !== 'neutral' && prominence === 'stronger' ? capitalize(PROMINENCES.default) : capitalize(PROMINENCES[prominence]);
+const StyledIcon = (component) => styled(component, {
+  shouldForwardProp: (prop) => !["size", "sentiment", "prominence", "disabled"].includes(prop)
+})`
+  vertical-align: middle;
+  fill: ${({ theme, sentiment, prominence, disabled }) => {
+  const definedProminence = sentiment !== "neutral" && prominence === "stronger" ? capitalize(PROMINENCES.default) : capitalize(PROMINENCES[prominence]);
   theme.colors[sentiment];
-  const icon = `icon${definedProminence}${disabled ? 'Disabled' : ''}`;
+  const icon = `icon${definedProminence}${disabled ? "Disabled" : ""}`;
   return theme.colors?.[sentiment]?.[icon] || sentiment;
-}, ";.fillStroke{stroke:", ({
-  theme,
-  sentiment,
-  prominence,
-  disabled
-}) => {
-  // stronger is available only for neutral color
-  const definedProminence = sentiment !== 'neutral' && prominence === 'stronger' ? capitalize(PROMINENCES.default) : capitalize(PROMINENCES[prominence]);
+}};
+
+  .fillStroke {
+    stroke: ${({ theme, sentiment, prominence, disabled }) => {
+  const definedProminence = sentiment !== "neutral" && prominence === "stronger" ? capitalize(PROMINENCES.default) : capitalize(PROMINENCES[prominence]);
   theme.colors[sentiment];
-  const icon = `icon${definedProminence}${disabled ? 'Disabled' : ''}`;
+  const icon = `icon${definedProminence}${disabled ? "Disabled" : ""}`;
   return theme.colors?.[sentiment]?.[icon] || sentiment;
-}, ";fill:none;}", sizeStyles, ";");
-/**
- * Icon component is our set of system icons in the design system. All of them are SVGs.
- */
-const Icon = /*#__PURE__*/forwardRef(({
-  name = 'alert',
-  color = 'currentColor',
-  sentiment,
-  size = '1em',
-  prominence = 'default',
-  className,
-  'data-testid': dataTestId,
-  stroke,
-  variant = 'filled',
-  cursor,
-  strokeWidth,
-  disabled
-}, ref) => {
-  const computedSentiment = sentiment ?? color;
-  const SystemIcon = useMemo(() => {
-    if (size === 'small' || size === 16) {
-      return StyledIcon(SMALL_ICONS[variant][name] || SMALL_ICONS.filled.alert);
-    }
-    return StyledIcon(ICONS[variant][name] || ICONS.filled.alert);
-  }, [name, size, variant]);
-
-  /**
-   * @deprecated to be removed in next major
-   */
-  const defaultViewBox = useMemo(() => {
-    if (['asterisk', 'close-circle-outline', 'drag-variant', 'expand-more', 'send', 'switch_orga'].includes(name)) {
-      return '0 0 24 24';
-    }
-    if (size === 'small' || size === 16) return '0 0 16 16';
-    return '0 0 20 20';
-  }, [name, size]);
-  return jsx(SystemIcon, {
-    ref: ref,
-    sentiment: computedSentiment,
-    prominence: prominence,
-    size: size,
-    viewBox: defaultViewBox,
-    className: className,
+}};
+    fill: none;
+  }
+  ${sizeStyles}
+`;
+const Icon = forwardRef(
+  ({
+    name = "alert",
+    color = "currentColor",
+    sentiment,
+    size = "1em",
+    prominence = "default",
+    className,
     "data-testid": dataTestId,
-    stroke: stroke,
-    cursor: cursor,
-    strokeWidth: strokeWidth,
-    disabled: disabled
-  });
-});
-
-export { Icon };
+    stroke,
+    variant = "filled",
+    cursor,
+    strokeWidth,
+    disabled
+  }, ref) => {
+    const computedSentiment = sentiment ?? color;
+    const SystemIcon = useMemo(() => {
+      if (size === "small" || size === 16) {
+        return StyledIcon(
+          SMALL_ICONS[variant][name] || SMALL_ICONS.filled.alert
+        );
+      }
+      return StyledIcon(ICONS[variant][name] || ICONS.filled.alert);
+    }, [name, size, variant]);
+    const defaultViewBox = useMemo(() => {
+      if ([
+        "asterisk",
+        "close-circle-outline",
+        "drag-variant",
+        "expand-more",
+        "send",
+        "switch_orga"
+      ].includes(name)) {
+        return "0 0 24 24";
+      }
+      if (size === "small" || size === 16)
+        return "0 0 16 16";
+      return "0 0 20 20";
+    }, [name, size]);
+    return /* @__PURE__ */ jsx(
+      SystemIcon,
+      {
+        ref,
+        sentiment: computedSentiment,
+        prominence,
+        size,
+        viewBox: defaultViewBox,
+        className,
+        "data-testid": dataTestId,
+        stroke,
+        cursor,
+        strokeWidth,
+        disabled
+      }
+    );
+  }
+);
+export {
+  Icon
+};

package/dist/components/ProductIcon/Icons.d.ts

@@ -0,0 +1,145 @@
+export declare const PRODUCT_ICONS: {
+    readonly additionalDisk: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly ansible: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly api: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly bandwidth: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly cloudHosting: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly coldStorage: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly dataWarehouse: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly ddos: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly ddxCoreServers: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly ddxProServers: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly ddxStartServers: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly dediBackup: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly edgeServices: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly elasticMetalAluminium: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly elasticMetalBeryllium: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly elasticMetalIridium: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly elasticMetalLithium: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly elasticMetalTitanium: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly iconElasticMetal: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly iconSdkJs: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly iconSdk: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly instanceCostOptimized: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly instanceLearn: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly instancePop: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly instanceWop: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly macMini: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly monitoring: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly os: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly rpnSan: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly rpnV1: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly rpnV2: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly rpn: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly sdkGo: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly sdkPython: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly serviceLevel: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly storeServers: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly webPlatform: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly documentDB: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly rabbitMQ: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly macMiniM2: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly appleSilicon: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly ipFailover: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly elasticMetal: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly dedicatedServer: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly volume: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly snapshots: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly securityGroup: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly placementGroup: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly instance: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly instanceGpu: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly instanceEnterprise: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly images: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly flexibleIp: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly dedibox: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly blockStorage: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly pool: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly k8sKosmos: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly kubernetes: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly registry: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly applicationLibrary: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly verifyCard: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly tutorial: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly terraform: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly smtp: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly sms: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly sepa: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly documentation: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly console: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly cli: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly changelog: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly cb: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly billing: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly advancedSettings: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly user: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly policy: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly multiUser: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly iam: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly application: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly redis: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly postgreSqlAndMySql: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly rdb: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly ipfs: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly webhosting: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly transactionalEmail: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly iot: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly iotEdge: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly hubNetworks: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly hubRoutes: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly devices: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly apiGateway: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly zone: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly vpc: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly sslCertificates: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly publicGateway: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly privateNetwork: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly lb: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly frontends: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly domains: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly dns: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly directConnect: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly cdn: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly backends: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly cockpit: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly functions: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly containers: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly nats: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly queueing: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly objectStorage: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly support: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly silverSupport: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly platinumSupport: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly goldSupport: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly basicSupport: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly abuse: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly secretManager: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly lifeCycleRules: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly packer: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly serverlessJobs: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly server: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly serverlessDB: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly sqs: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly sns: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly video: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly rocket: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly ipfsNaming: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly file: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly folder: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly apiKey: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly distributedDataLab: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly dedicatedControlPlane: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly qaas: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly router: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly jero: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly nabu: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly inference: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly managedSearchDataBase: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly costManager: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly vpsProServers: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly vpsServers: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly vpsStartServers: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly environmentalFootprintCalculator: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly accountExperience: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    readonly savingPlan: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+};