@ultraviolet/icons 2.7.3 → 2.7.4

package/dist/components/ProductIcon/index.js

@@ -8,7 +8,7 @@ const SIZES = {
   large: 48,
   xlarge: 64
 };
-const StyledIcon = /*#__PURE__*/_styled('svg', {
+const StyledIcon = component => /*#__PURE__*/_styled(component, {
   shouldForwardProp: prop => !['variant', 'disabled'].includes(prop),
   target: "euby9wl0"
 })("&{width:", ({
@@ -40,12 +40,15 @@ const ProductIcon = ({
   variant = 'primary',
   disabled,
   size = 'small'
-}) => jsx(StyledIcon, {
-  variant: variant,
-  disabled: disabled,
-  size: size,
-  viewBox: "0 0 64 64",
-  children: PRODUCT_ICONS[name]
-});
+}) => {
+  const Icon = StyledIcon(PRODUCT_ICONS[name]);
+  return jsx(Icon, {
+    variant: variant,
+    disabled: disabled,
+    size: size,
+    viewBox: "0 0 64 64",
+    children: PRODUCT_ICONS[name]
+  });
+};
 
 export { ProductIcon };

package/dist/index.d.ts

@@ -17,29 +17,29 @@ declare const Icon: react.ForwardRefExoticComponent<{
 } & Pick<SVGProps<SVGSVGElement>, "className" | "cursor" | "stroke" | "strokeWidth"> & react.RefAttributes<SVGSVGElement>>;
 
 declare const CATEGORY_ICONS: {
-    readonly baremetal: _emotion_react_jsx_runtime.JSX.Element;
-    readonly webHosting: _emotion_react_jsx_runtime.JSX.Element;
-    readonly vpc: _emotion_react_jsx_runtime.JSX.Element;
-    readonly useCase: _emotion_react_jsx_runtime.JSX.Element;
-    readonly toolsServices: _emotion_react_jsx_runtime.JSX.Element;
-    readonly storage: _emotion_react_jsx_runtime.JSX.Element;
-    readonly serverless: _emotion_react_jsx_runtime.JSX.Element;
-    readonly security: _emotion_react_jsx_runtime.JSX.Element;
-    readonly observability: _emotion_react_jsx_runtime.JSX.Element;
-    readonly network: _emotion_react_jsx_runtime.JSX.Element;
-    readonly managedServices: _emotion_react_jsx_runtime.JSX.Element;
-    readonly iot: _emotion_react_jsx_runtime.JSX.Element;
-    readonly documentation: _emotion_react_jsx_runtime.JSX.Element;
-    readonly dedicatedServer: _emotion_react_jsx_runtime.JSX.Element;
-    readonly datacenter: _emotion_react_jsx_runtime.JSX.Element;
-    readonly database: _emotion_react_jsx_runtime.JSX.Element;
-    readonly containers: _emotion_react_jsx_runtime.JSX.Element;
-    readonly console: _emotion_react_jsx_runtime.JSX.Element;
-    readonly compute: _emotion_react_jsx_runtime.JSX.Element;
-    readonly billing: _emotion_react_jsx_runtime.JSX.Element;
-    readonly ai: _emotion_react_jsx_runtime.JSX.Element;
-    readonly labs: _emotion_react_jsx_runtime.JSX.Element;
-    readonly devTools: _emotion_react_jsx_runtime.JSX.Element;
+    readonly baremetal: keyof JSX.IntrinsicElements;
+    readonly webHosting: keyof JSX.IntrinsicElements;
+    readonly vpc: keyof JSX.IntrinsicElements;
+    readonly useCase: keyof JSX.IntrinsicElements;
+    readonly toolsServices: keyof JSX.IntrinsicElements;
+    readonly storage: keyof JSX.IntrinsicElements;
+    readonly serverless: keyof JSX.IntrinsicElements;
+    readonly security: keyof JSX.IntrinsicElements;
+    readonly observability: keyof JSX.IntrinsicElements;
+    readonly network: keyof JSX.IntrinsicElements;
+    readonly managedServices: keyof JSX.IntrinsicElements;
+    readonly iot: keyof JSX.IntrinsicElements;
+    readonly documentation: keyof JSX.IntrinsicElements;
+    readonly dedicatedServer: keyof JSX.IntrinsicElements;
+    readonly datacenter: keyof JSX.IntrinsicElements;
+    readonly database: keyof JSX.IntrinsicElements;
+    readonly containers: keyof JSX.IntrinsicElements;
+    readonly console: keyof JSX.IntrinsicElements;
+    readonly compute: keyof JSX.IntrinsicElements;
+    readonly billing: keyof JSX.IntrinsicElements;
+    readonly ai: keyof JSX.IntrinsicElements;
+    readonly labs: keyof JSX.IntrinsicElements;
+    readonly devTools: keyof JSX.IntrinsicElements;
 };
 
 type CategoryIconProps = {
@@ -52,97 +52,97 @@ type CategoryIconProps = {
 declare const CategoryIcon: ({ name }: CategoryIconProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 declare const PRODUCT_ICONS: {
-    readonly documentDB: _emotion_react_jsx_runtime.JSX.Element;
-    readonly rabbitMQ: _emotion_react_jsx_runtime.JSX.Element;
-    readonly macMiniM2: _emotion_react_jsx_runtime.JSX.Element;
-    readonly appleSilicon: _emotion_react_jsx_runtime.JSX.Element;
-    readonly ipFailover: _emotion_react_jsx_runtime.JSX.Element;
-    readonly elasticMetal: _emotion_react_jsx_runtime.JSX.Element;
-    readonly dedicatedServer: _emotion_react_jsx_runtime.JSX.Element;
-    readonly volume: _emotion_react_jsx_runtime.JSX.Element;
-    readonly snapshots: _emotion_react_jsx_runtime.JSX.Element;
-    readonly securityGroup: _emotion_react_jsx_runtime.JSX.Element;
-    readonly placementGroup: _emotion_react_jsx_runtime.JSX.Element;
-    readonly instance: _emotion_react_jsx_runtime.JSX.Element;
-    readonly instanceGpu: _emotion_react_jsx_runtime.JSX.Element;
-    readonly instanceEnterprise: _emotion_react_jsx_runtime.JSX.Element;
-    readonly images: _emotion_react_jsx_runtime.JSX.Element;
-    readonly flexibleIp: _emotion_react_jsx_runtime.JSX.Element;
-    readonly dedibox: _emotion_react_jsx_runtime.JSX.Element;
-    readonly blockStorage: _emotion_react_jsx_runtime.JSX.Element;
-    readonly pool: _emotion_react_jsx_runtime.JSX.Element;
-    readonly k8sKosmos: _emotion_react_jsx_runtime.JSX.Element;
-    readonly kubernetes: _emotion_react_jsx_runtime.JSX.Element;
-    readonly registry: _emotion_react_jsx_runtime.JSX.Element;
-    readonly applicationLibrary: _emotion_react_jsx_runtime.JSX.Element;
-    readonly verifyCard: _emotion_react_jsx_runtime.JSX.Element;
-    readonly tutorial: _emotion_react_jsx_runtime.JSX.Element;
-    readonly terraform: _emotion_react_jsx_runtime.JSX.Element;
-    readonly smtp: _emotion_react_jsx_runtime.JSX.Element;
-    readonly sms: _emotion_react_jsx_runtime.JSX.Element;
-    readonly sepa: _emotion_react_jsx_runtime.JSX.Element;
-    readonly documentation: _emotion_react_jsx_runtime.JSX.Element;
-    readonly console: _emotion_react_jsx_runtime.JSX.Element;
-    readonly cli: _emotion_react_jsx_runtime.JSX.Element;
-    readonly changelog: _emotion_react_jsx_runtime.JSX.Element;
-    readonly cb: _emotion_react_jsx_runtime.JSX.Element;
-    readonly billing: _emotion_react_jsx_runtime.JSX.Element;
-    readonly advancedSettings: _emotion_react_jsx_runtime.JSX.Element;
-    readonly user: _emotion_react_jsx_runtime.JSX.Element;
-    readonly policy: _emotion_react_jsx_runtime.JSX.Element;
-    readonly multiUser: _emotion_react_jsx_runtime.JSX.Element;
-    readonly iam: _emotion_react_jsx_runtime.JSX.Element;
-    readonly application: _emotion_react_jsx_runtime.JSX.Element;
-    readonly redis: _emotion_react_jsx_runtime.JSX.Element;
-    readonly postgreSqlAndMySql: _emotion_react_jsx_runtime.JSX.Element;
-    readonly rdb: _emotion_react_jsx_runtime.JSX.Element;
-    readonly ipfs: _emotion_react_jsx_runtime.JSX.Element;
-    readonly webhosting: _emotion_react_jsx_runtime.JSX.Element;
-    readonly transactionalEmail: _emotion_react_jsx_runtime.JSX.Element;
-    readonly iot: _emotion_react_jsx_runtime.JSX.Element;
-    readonly iotEdge: _emotion_react_jsx_runtime.JSX.Element;
-    readonly hubNetworks: _emotion_react_jsx_runtime.JSX.Element;
-    readonly hubRoutes: _emotion_react_jsx_runtime.JSX.Element;
-    readonly devices: _emotion_react_jsx_runtime.JSX.Element;
-    readonly apiGateway: _emotion_react_jsx_runtime.JSX.Element;
-    readonly zone: _emotion_react_jsx_runtime.JSX.Element;
-    readonly vpc: _emotion_react_jsx_runtime.JSX.Element;
-    readonly sslCertificates: _emotion_react_jsx_runtime.JSX.Element;
-    readonly publicGateway: _emotion_react_jsx_runtime.JSX.Element;
-    readonly privateNetwork: _emotion_react_jsx_runtime.JSX.Element;
-    readonly lb: _emotion_react_jsx_runtime.JSX.Element;
-    readonly frontends: _emotion_react_jsx_runtime.JSX.Element;
-    readonly domains: _emotion_react_jsx_runtime.JSX.Element;
-    readonly dns: _emotion_react_jsx_runtime.JSX.Element;
-    readonly directConnect: _emotion_react_jsx_runtime.JSX.Element;
-    readonly cdn: _emotion_react_jsx_runtime.JSX.Element;
-    readonly backends: _emotion_react_jsx_runtime.JSX.Element;
-    readonly cockpit: _emotion_react_jsx_runtime.JSX.Element;
-    readonly functions: _emotion_react_jsx_runtime.JSX.Element;
-    readonly containers: _emotion_react_jsx_runtime.JSX.Element;
-    readonly nats: _emotion_react_jsx_runtime.JSX.Element;
-    readonly queueing: _emotion_react_jsx_runtime.JSX.Element;
-    readonly objectStorage: _emotion_react_jsx_runtime.JSX.Element;
-    readonly support: _emotion_react_jsx_runtime.JSX.Element;
-    readonly silverSupport: _emotion_react_jsx_runtime.JSX.Element;
-    readonly platinumSupport: _emotion_react_jsx_runtime.JSX.Element;
-    readonly goldSupport: _emotion_react_jsx_runtime.JSX.Element;
-    readonly basicSupport: _emotion_react_jsx_runtime.JSX.Element;
-    readonly abuse: _emotion_react_jsx_runtime.JSX.Element;
-    readonly secretManager: _emotion_react_jsx_runtime.JSX.Element;
-    readonly lifeCycleRules: _emotion_react_jsx_runtime.JSX.Element;
-    readonly packer: _emotion_react_jsx_runtime.JSX.Element;
-    readonly serverlessJobs: _emotion_react_jsx_runtime.JSX.Element;
-    readonly server: _emotion_react_jsx_runtime.JSX.Element;
-    readonly serverlessDB: _emotion_react_jsx_runtime.JSX.Element;
-    readonly sqs: _emotion_react_jsx_runtime.JSX.Element;
-    readonly sns: _emotion_react_jsx_runtime.JSX.Element;
-    readonly video: _emotion_react_jsx_runtime.JSX.Element;
-    readonly rocket: _emotion_react_jsx_runtime.JSX.Element;
-    readonly ipfsNaming: _emotion_react_jsx_runtime.JSX.Element;
-    readonly file: _emotion_react_jsx_runtime.JSX.Element;
-    readonly folder: _emotion_react_jsx_runtime.JSX.Element;
-    readonly apiKey: _emotion_react_jsx_runtime.JSX.Element;
+    readonly documentDB: keyof JSX.IntrinsicElements;
+    readonly rabbitMQ: keyof JSX.IntrinsicElements;
+    readonly macMiniM2: keyof JSX.IntrinsicElements;
+    readonly appleSilicon: keyof JSX.IntrinsicElements;
+    readonly ipFailover: keyof JSX.IntrinsicElements;
+    readonly elasticMetal: keyof JSX.IntrinsicElements;
+    readonly dedicatedServer: keyof JSX.IntrinsicElements;
+    readonly volume: keyof JSX.IntrinsicElements;
+    readonly snapshots: keyof JSX.IntrinsicElements;
+    readonly securityGroup: keyof JSX.IntrinsicElements;
+    readonly placementGroup: keyof JSX.IntrinsicElements;
+    readonly instance: keyof JSX.IntrinsicElements;
+    readonly instanceGpu: keyof JSX.IntrinsicElements;
+    readonly instanceEnterprise: keyof JSX.IntrinsicElements;
+    readonly images: keyof JSX.IntrinsicElements;
+    readonly flexibleIp: keyof JSX.IntrinsicElements;
+    readonly dedibox: keyof JSX.IntrinsicElements;
+    readonly blockStorage: keyof JSX.IntrinsicElements;
+    readonly pool: keyof JSX.IntrinsicElements;
+    readonly k8sKosmos: keyof JSX.IntrinsicElements;
+    readonly kubernetes: keyof JSX.IntrinsicElements;
+    readonly registry: keyof JSX.IntrinsicElements;
+    readonly applicationLibrary: keyof JSX.IntrinsicElements;
+    readonly verifyCard: keyof JSX.IntrinsicElements;
+    readonly tutorial: keyof JSX.IntrinsicElements;
+    readonly terraform: keyof JSX.IntrinsicElements;
+    readonly smtp: keyof JSX.IntrinsicElements;
+    readonly sms: keyof JSX.IntrinsicElements;
+    readonly sepa: keyof JSX.IntrinsicElements;
+    readonly documentation: keyof JSX.IntrinsicElements;
+    readonly console: keyof JSX.IntrinsicElements;
+    readonly cli: keyof JSX.IntrinsicElements;
+    readonly changelog: keyof JSX.IntrinsicElements;
+    readonly cb: keyof JSX.IntrinsicElements;
+    readonly billing: keyof JSX.IntrinsicElements;
+    readonly advancedSettings: keyof JSX.IntrinsicElements;
+    readonly user: keyof JSX.IntrinsicElements;
+    readonly policy: keyof JSX.IntrinsicElements;
+    readonly multiUser: keyof JSX.IntrinsicElements;
+    readonly iam: keyof JSX.IntrinsicElements;
+    readonly application: keyof JSX.IntrinsicElements;
+    readonly redis: keyof JSX.IntrinsicElements;
+    readonly postgreSqlAndMySql: keyof JSX.IntrinsicElements;
+    readonly rdb: keyof JSX.IntrinsicElements;
+    readonly ipfs: keyof JSX.IntrinsicElements;
+    readonly webhosting: keyof JSX.IntrinsicElements;
+    readonly transactionalEmail: keyof JSX.IntrinsicElements;
+    readonly iot: keyof JSX.IntrinsicElements;
+    readonly iotEdge: keyof JSX.IntrinsicElements;
+    readonly hubNetworks: keyof JSX.IntrinsicElements;
+    readonly hubRoutes: keyof JSX.IntrinsicElements;
+    readonly devices: keyof JSX.IntrinsicElements;
+    readonly apiGateway: keyof JSX.IntrinsicElements;
+    readonly zone: keyof JSX.IntrinsicElements;
+    readonly vpc: keyof JSX.IntrinsicElements;
+    readonly sslCertificates: keyof JSX.IntrinsicElements;
+    readonly publicGateway: keyof JSX.IntrinsicElements;
+    readonly privateNetwork: keyof JSX.IntrinsicElements;
+    readonly lb: keyof JSX.IntrinsicElements;
+    readonly frontends: keyof JSX.IntrinsicElements;
+    readonly domains: keyof JSX.IntrinsicElements;
+    readonly dns: keyof JSX.IntrinsicElements;
+    readonly directConnect: keyof JSX.IntrinsicElements;
+    readonly cdn: keyof JSX.IntrinsicElements;
+    readonly backends: keyof JSX.IntrinsicElements;
+    readonly cockpit: keyof JSX.IntrinsicElements;
+    readonly functions: keyof JSX.IntrinsicElements;
+    readonly containers: keyof JSX.IntrinsicElements;
+    readonly nats: keyof JSX.IntrinsicElements;
+    readonly queueing: keyof JSX.IntrinsicElements;
+    readonly objectStorage: keyof JSX.IntrinsicElements;
+    readonly support: keyof JSX.IntrinsicElements;
+    readonly silverSupport: keyof JSX.IntrinsicElements;
+    readonly platinumSupport: keyof JSX.IntrinsicElements;
+    readonly goldSupport: keyof JSX.IntrinsicElements;
+    readonly basicSupport: keyof JSX.IntrinsicElements;
+    readonly abuse: keyof JSX.IntrinsicElements;
+    readonly secretManager: keyof JSX.IntrinsicElements;
+    readonly lifeCycleRules: keyof JSX.IntrinsicElements;
+    readonly packer: keyof JSX.IntrinsicElements;
+    readonly serverlessJobs: keyof JSX.IntrinsicElements;
+    readonly server: keyof JSX.IntrinsicElements;
+    readonly serverlessDB: keyof JSX.IntrinsicElements;
+    readonly sqs: keyof JSX.IntrinsicElements;
+    readonly sns: keyof JSX.IntrinsicElements;
+    readonly video: keyof JSX.IntrinsicElements;
+    readonly rocket: keyof JSX.IntrinsicElements;
+    readonly ipfsNaming: keyof JSX.IntrinsicElements;
+    readonly file: keyof JSX.IntrinsicElements;
+    readonly folder: keyof JSX.IntrinsicElements;
+    readonly apiKey: keyof JSX.IntrinsicElements;
 };
 
 type Variants = 'primary' | 'danger' | 'warning';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ultraviolet/icons",
-  "version": "2.7.3",
+  "version": "2.7.4",
   "description": "Ultraviolet Icons",
   "homepage": "https://github.com/scaleway/ultraviolet#readme",
   "repository": {
@@ -32,13 +32,13 @@
     "default": "./dist/index.js"
   },
   "peerDependencies": {
-    "@emotion/react": "11.11.1",
+    "@emotion/react": "11.11.3",
     "@emotion/styled": "11.11.0",
     "react": "18.2.0",
     "react-dom": "18.2.0"
   },
   "devDependencies": {
-    "@babel/core": "7.23.6",
+    "@babel/core": "7.23.7",
     "@emotion/babel-plugin": "11.11.0",
     "@types/react": "18.2.45",
     "@types/react-dom": "18.2.18"
@@ -47,6 +47,7 @@
     "@ultraviolet/themes": "1.6.0"
   },
   "scripts": {
-    "build": "rollup -c ../../rollup.config.mjs"
+    "build": "rollup -c ../../rollup.config.mjs",
+    "typecheck": "tsc --noEmit"
   }
 }