@ultraviolet/icons 2.12.5 → 2.12.6

package/dist/index.d.ts

@@ -1,231 +1 @@
-import * as react from 'react';
-import { SVGProps } from 'react';
-import { consoleLightTheme } from '@ultraviolet/themes';
-import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
-
-type Color = Extract<keyof typeof consoleLightTheme.colors, 'primary' | 'secondary' | 'neutral' | 'success' | 'danger' | 'warning' | 'info'>;
-/**
- * Icon component is our set of system icons in the design system. All of them are SVGs.
- */
-declare const Icon: react.ForwardRefExoticComponent<{
-    /**
-     * ⚠️`string` and `number` are deprecated. Use `small` and `large` only.
-     */
-    size?: string | number | undefined;
-    name?: "anchor" | "arrow-down" | "arrow-left-bottom" | "arrow-left-double" | "arrow-left" | "arrow-right-bottom" | "arrow-right-double" | "arrow-right" | "arrow-up" | "asterisk" | "attach" | "burger" | "cancel" | "check" | "close" | "close-circle-outline" | "copy-content" | "detach" | "dots-horizontal" | "dots-vertical" | "download" | "drag-vertical" | "drag-variant" | "east" | "equal" | "escape" | "expand" | "expand-more" | "github" | "instagram" | "linkedIn" | "logout" | "minus" | "north" | "open-in-new" | "organization" | "plus" | "progress-check" | "ray-end-arrow" | "ray-start-arrow" | "ray-start-end" | "ray-top-arrow" | "reboot" | "restore" | "revoke" | "rss" | "search" | "send" | "slack" | "sort" | "south" | "switch_orga" | "x" | "upload" | "view" | "west" | "youtube" | "address" | "alert" | "auto-fix" | "book-open-outline" | "bullhorn" | "calculator" | "calendar-range" | "chat" | "checkbox-circle-outline" | "clock-outline" | "console" | "credentials" | "credit-card" | "database" | "delete" | "doc" | "earth" | "email-remove-outline" | "email-outline" | "eye-off" | "eye" | "filter" | "folder" | "help-circle-outline" | "id" | "information-outline" | "lock" | "members" | "moon" | "mosaic" | "pen" | "pencil" | "phone" | "play-circle-outline" | "privacy" | "profile" | "rocket" | "settings" | "sun" | "support" | "unlock" | "weather-night" | "pin" | "unpin" | undefined;
-    prominence?: "strong" | "stronger" | "weak" | "default" | undefined;
-    /**
-     * @deprecated use `sentiment` property instead
-     */
-    color?: Color | undefined;
-    sentiment?: Color | undefined;
-    variant?: "outlined" | "filled" | undefined;
-    'data-testid'?: string | undefined;
-    disabled?: boolean | undefined;
-} & Pick<SVGProps<SVGSVGElement>, "className" | "stroke" | "cursor" | "strokeWidth"> & react.RefAttributes<SVGSVGElement>>;
-
-declare const CATEGORY_ICONS: {
-    readonly baremetal: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly webHosting: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly vpc: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly useCase: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly toolsServices: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly storage: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly serverless: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly security: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly observability: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly network: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly managedServices: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly iot: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly documentation: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly dedicatedServer: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly datacenter: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly database: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly containers: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly console: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly compute: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly billing: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly ai: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly labs: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly devTools: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly pin: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly applicationIntegration: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-};
-
-type CategoryIconProps = {
-    name: keyof typeof CATEGORY_ICONS;
-    variant?: 'primary' | 'neutral';
-    disabled?: boolean;
-};
-/**
- * CategoryIcon component is used to render category icons, those icons are more complex than system icons
- * as they involve multiple colors that changes depending on theme.
- */
-declare const CategoryIcon: ({ name, variant, disabled, }: CategoryIconProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-declare const PRODUCT_ICONS: {
-    readonly additionalDisk: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly ansible: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly api: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly bandwidth: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly cloudHosting: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly coldStorage: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly dataWarehouse: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly ddos: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly ddxCoreServers: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly ddxProServers: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly ddxStartServers: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly dediBackup: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly edgeServices: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly elasticMetalAluminium: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly elasticMetalBeryllium: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly elasticMetalIridium: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly elasticMetalLithium: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly elasticMetalTitanium: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly iconElasticMetal: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly iconSdkJs: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly iconSdk: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly instanceCostOptimized: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly instanceLearn: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly instancePop: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly instanceWop: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly macMini: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly monitoring: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly os: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly rpnSan: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly rpnV1: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly rpnV2: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly rpn: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly sdkGo: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly sdkPython: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly serviceLevel: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly storeServers: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly webPlatform: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly documentDB: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly rabbitMQ: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly macMiniM2: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly appleSilicon: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly ipFailover: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly elasticMetal: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly dedicatedServer: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly volume: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly snapshots: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly securityGroup: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly placementGroup: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly instance: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly instanceGpu: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly instanceEnterprise: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly images: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly flexibleIp: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly dedibox: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly blockStorage: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly pool: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly k8sKosmos: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly kubernetes: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly registry: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly applicationLibrary: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly verifyCard: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly tutorial: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly terraform: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly smtp: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly sms: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly sepa: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly documentation: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly console: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly cli: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly changelog: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly cb: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly billing: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly advancedSettings: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly user: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly policy: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly multiUser: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly iam: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly application: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly redis: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly postgreSqlAndMySql: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly rdb: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly ipfs: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly webhosting: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly transactionalEmail: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly iot: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly iotEdge: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly hubNetworks: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly hubRoutes: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly devices: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly apiGateway: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly zone: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly vpc: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly sslCertificates: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly publicGateway: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly privateNetwork: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly lb: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly frontends: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly domains: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly dns: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly directConnect: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly cdn: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly backends: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly cockpit: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly functions: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly containers: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly nats: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly queueing: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly objectStorage: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly support: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly silverSupport: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly platinumSupport: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly goldSupport: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly basicSupport: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly abuse: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly secretManager: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly lifeCycleRules: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly packer: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly serverlessJobs: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly server: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly serverlessDB: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly sqs: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly sns: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly video: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly rocket: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly ipfsNaming: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly file: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly folder: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly apiKey: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly distributedDataLab: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly dedicatedControlPlane: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly qaas: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly router: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly jero: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly nabu: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly inference: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly managedSearchDataBase: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly costManager: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly vpsProServers: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly vpsServers: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly vpsStartServers: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly environmentalFootprintCalculator: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly accountExperience: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-    readonly savingPlan: react.FunctionComponent<react.SVGProps<SVGSVGElement>>;
-};
-
-type Variants = 'primary' | 'danger' | 'warning' | 'original';
-declare const SIZES: {
-    small: number;
-    medium: number;
-    large: number;
-    xlarge: number;
-};
-type ProductIconProps = {
-    name: keyof typeof PRODUCT_ICONS;
-    variant?: Variants;
-    disabled?: boolean;
-    size?: keyof typeof SIZES;
-};
-/**
- * ProductIcon component is used to render a set of icons that are linked to a product or service.
- * Those icons are made of multiple colors that changes automatically based on the current theme.
- */
-declare const ProductIcon: ({ name, variant, disabled, size, }: ProductIconProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-export { CategoryIcon, Icon, ProductIcon };
+export * from './components';

package/dist/index.js

@@ -1,3 +1,8 @@
-export { Icon } from './components/Icon/index.js';
-export { CategoryIcon } from './components/CategoryIcon/index.js';
-export { ProductIcon } from './components/ProductIcon/index.js';
+import { Icon } from "./components/Icon/index.js";
+import { CategoryIcon } from "./components/CategoryIcon/index.js";
+import { ProductIcon } from "./components/ProductIcon/index.js";
+export {
+  CategoryIcon,
+  Icon,
+  ProductIcon
+};

package/dist/utils/capitalize.d.ts

@@ -0,0 +1,2 @@
+declare const capitalize: (value: string) => string;
+export default capitalize;

package/dist/utils/capitalize.js

@@ -1,3 +1,4 @@
-const capitalize = value => value.charAt(0).toUpperCase() + value.slice(1);
-
-export { capitalize as default };
+const capitalize = (value) => value.charAt(0).toUpperCase() + value.slice(1);
+export {
+  capitalize as default
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ultraviolet/icons",
-  "version": "2.12.5",
+  "version": "2.12.6",
   "description": "Ultraviolet Icons",
   "homepage": "https://github.com/scaleway/ultraviolet#readme",
   "repository": {
@@ -19,7 +19,7 @@
   },
   "engines": {
     "node": ">=18.x",
-    "pnpm": ">=8.0.0"
+    "pnpm": ">=9.x"
   },
   "os": [
     "darwin",
@@ -27,27 +27,34 @@
   ],
   "sideEffects": false,
   "type": "module",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "exports": {
-    "types": "./dist/index.d.ts",
-    "default": "./dist/index.js"
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    }
   },
   "peerDependencies": {
     "@emotion/react": "11.11.4",
     "@emotion/styled": "11.11.5",
-    "react": "18.2.0",
-    "react-dom": "18.2.0"
+    "react": "18.3.1",
+    "react-dom": "18.3.1"
   },
   "devDependencies": {
-    "@babel/core": "7.24.4",
+    "@babel/core": "7.24.5",
     "@emotion/babel-plugin": "11.11.0",
-    "@types/react": "18.2.79",
-    "@types/react-dom": "18.2.25"
+    "@types/react": "18.3.1",
+    "@types/react-dom": "18.3.0"
   },
   "dependencies": {
-    "@ultraviolet/themes": "1.10.0"
+    "@ultraviolet/themes": "1.10.1"
   },
   "scripts": {
-    "build": "rollup -c ../../rollup.config.mjs",
+    "build:rollup": "rollup -c ../../rollup.config.mjs",
+    "type:generate": "tsc --declaration -p tsconfig.build.json",
+    "build": "vite build --config vite.config.ts && pnpm run type:generate",
+    "build:profile": "npx vite-bundle-visualizer -c vite.config.ts",
     "typecheck": "tsc --noEmit"
   }
 }