@ultraviolet/icons 5.0.0-beta.5 → 5.0.0-beta.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -5
- package/dist/components/Logo/__generated__/ToucanTocoLogo.cjs +16 -0
- package/dist/components/Logo/__generated__/ToucanTocoLogo.d.ts +2 -0
- package/dist/components/Logo/__generated__/ToucanTocoLogo.js +16 -0
- package/dist/components/Logo/__generated__/index.d.ts +2 -1
- package/dist/components/Logo/index.cjs +2 -0
- package/dist/components/Logo/index.js +2 -0
- package/package.json +10 -8
package/README.md
CHANGED
|
@@ -6,10 +6,8 @@ Ultraviolet Icons is a set of components based on SVG icons. It provides a set o
|
|
|
6
6
|
|
|
7
7
|
## Get Started
|
|
8
8
|
|
|
9
|
-
For icons to work you will need to install some extra dependencies, such as `@ultraviolet/themes` and `@emotion/react`.
|
|
10
|
-
|
|
11
9
|
```sh
|
|
12
|
-
$ pnpm add @ultraviolet/icons @ultraviolet/themes
|
|
10
|
+
$ pnpm add @ultraviolet/icons @ultraviolet/themes
|
|
13
11
|
```
|
|
14
12
|
|
|
15
13
|
You can then add `ThemeProvider` to your applications and use the provided theme from `@ultraviolet/themes` or use your own.
|
|
@@ -17,10 +15,10 @@ You can then add `ThemeProvider` to your applications and use the provided theme
|
|
|
17
15
|
```tsx
|
|
18
16
|
import { ThemeProvider } from '@emotion/react'
|
|
19
17
|
import { SdkGoProductIcon } from '@ultraviolet/icons/product'
|
|
20
|
-
import {
|
|
18
|
+
import { theme } from '@ultraviolet/themes'
|
|
21
19
|
|
|
22
20
|
const App = () => (
|
|
23
|
-
<ThemeProvider theme={
|
|
21
|
+
<ThemeProvider theme={theme}>
|
|
24
22
|
<SdkGoProductIcon size="medium" variant="primary"/>
|
|
25
23
|
</ThemeProvider>
|
|
26
24
|
)
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
"use strict";
|
|
3
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
4
|
+
const jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
5
|
+
const Icon = require("../Icon.cjs");
|
|
6
|
+
const ToucanTocoLogo = ({
|
|
7
|
+
...props
|
|
8
|
+
}) => (
|
|
9
|
+
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
10
|
+
/* @__PURE__ */ jsxRuntime.jsxs(Icon.Icon, { ...props, children: [
|
|
11
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8.66583 1.02971C8.54698 1.01621 8.34979 1.00541 8.22554 1.00271L8.00895 1C8.00667 3.32587 7.9878 5.65282 8.00895 7.97861H14.9864C14.9826 7.67733 14.978 7.48654 14.973 7.42767C14.7839 5.25361 13.6602 3.36311 11.8397 2.1478C11.4939 1.91824 10.8024 1.56715 10.3946 1.41861C9.90836 1.24037 9.20065 1.08102 8.66583 1.02971Z", fill: "#A0D1C5" }),
|
|
12
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { clipRule: "evenodd", d: "M8.01197 4.97016L8.01496 6.51032C8.02306 8.34439 8.02036 8.50646 7.95283 8.97916C7.74215 10.454 7.09657 11.7775 6.06473 12.8418C4.8006 14.1464 3.18263 14.8811 1.35666 14.9811L1.01361 15V11.3697C1.01361 9.16824 1.02441 7.61779 1.04062 7.42871C1.2297 5.25429 2.35338 3.36348 4.17394 2.14797C4.51969 1.91838 5.21118 1.56723 5.61905 1.41866C6.10525 1.24039 6.81296 1.08104 7.34779 1.02972C7.46664 1.01621 7.66383 1.00539 7.78808 1.00269L8.00955 1L8.01197 4.97016ZM6.13884 3.9456C5.89387 3.9456 5.69527 4.14419 5.69527 4.38917C5.69527 4.63415 5.89387 4.83274 6.13884 4.83274C6.38382 4.83274 6.58242 4.63415 6.58242 4.38917C6.58242 4.14419 6.38382 3.9456 6.13884 3.9456Z", fill: "#404040", fillRule: "evenodd" }),
|
|
13
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5.4842 2.53423C5.89477 2.39377 6.24323 2.38027 6.65651 2.48831C7.17512 2.62607 7.64511 3.00693 7.88551 3.48233L8.00977 3.73354C8.15462 4.11533 8.11302 4.63383 8.00706 5.01117L7.95305 5.14624C7.81799 5.47577 7.46143 5.88095 7.14 6.07273C6.84288 6.2483 6.38099 6.36714 6.06766 6.34284L5.9164 6.33203L5.92449 6.44278C5.93259 6.52111 5.91908 6.57244 5.88397 6.61565C5.83265 6.68047 5.83266 6.68049 5.92989 6.91277C6.31615 7.80954 6.22432 8.68743 5.65978 9.52208C4.81973 10.7619 3.01537 11.7208 1.29205 11.8478C1.05165 11.8667 1.04083 11.864 1.04083 11.8126C1.04083 11.764 1.06514 11.7559 1.32445 11.7397C2.29146 11.6776 3.3368 11.3075 4.22817 10.7106C5.17087 10.0812 5.77053 9.29787 5.9434 8.47673C5.96501 8.37408 5.98392 8.1472 5.98392 7.97163C5.98392 7.60428 5.91368 7.27742 5.76782 6.94788C5.69489 6.78582 5.66788 6.75341 5.61386 6.75341C5.33295 6.75341 5.18709 6.45359 5.38696 6.28612L5.46531 6.22128L5.29784 6.14836C5.08175 6.05652 4.78191 5.81341 4.60634 5.59461C4.18226 5.06519 4.06882 4.371 4.29571 3.72003C4.47939 3.18791 4.94938 2.72061 5.4842 2.53423ZM5.70352 6.3955C5.6333 6.32258 5.57117 6.31178 5.49554 6.35769C5.40641 6.40902 5.45773 6.58458 5.58197 6.65211C5.62249 6.67372 5.62789 6.67103 5.61709 6.62511C5.60358 6.57379 5.6279 6.56029 5.73864 6.56299C5.79536 6.56569 5.77375 6.46303 5.70352 6.3955ZM7.65374 3.62685C7.34852 3.00018 6.62192 2.61123 5.93313 2.70846C5.26325 2.8003 4.7068 3.2784 4.51773 3.92127C4.29083 4.69379 4.67169 5.54735 5.4037 5.9066C6.05737 6.22804 6.8164 6.09568 7.33772 5.57167C7.67266 5.23943 7.82931 4.86667 7.83202 4.39667C7.83472 4.08874 7.7942 3.91587 7.65374 3.62685Z", fill: "#F2C600" })
|
|
14
|
+
] })
|
|
15
|
+
);
|
|
16
|
+
exports.ToucanTocoLogo = ToucanTocoLogo;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsxs, jsx } from "@emotion/react/jsx-runtime";
|
|
3
|
+
import { Icon } from "../Icon.js";
|
|
4
|
+
const ToucanTocoLogo = ({
|
|
5
|
+
...props
|
|
6
|
+
}) => (
|
|
7
|
+
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
8
|
+
/* @__PURE__ */ jsxs(Icon, { ...props, children: [
|
|
9
|
+
/* @__PURE__ */ jsx("path", { d: "M8.66583 1.02971C8.54698 1.01621 8.34979 1.00541 8.22554 1.00271L8.00895 1C8.00667 3.32587 7.9878 5.65282 8.00895 7.97861H14.9864C14.9826 7.67733 14.978 7.48654 14.973 7.42767C14.7839 5.25361 13.6602 3.36311 11.8397 2.1478C11.4939 1.91824 10.8024 1.56715 10.3946 1.41861C9.90836 1.24037 9.20065 1.08102 8.66583 1.02971Z", fill: "#A0D1C5" }),
|
|
10
|
+
/* @__PURE__ */ jsx("path", { clipRule: "evenodd", d: "M8.01197 4.97016L8.01496 6.51032C8.02306 8.34439 8.02036 8.50646 7.95283 8.97916C7.74215 10.454 7.09657 11.7775 6.06473 12.8418C4.8006 14.1464 3.18263 14.8811 1.35666 14.9811L1.01361 15V11.3697C1.01361 9.16824 1.02441 7.61779 1.04062 7.42871C1.2297 5.25429 2.35338 3.36348 4.17394 2.14797C4.51969 1.91838 5.21118 1.56723 5.61905 1.41866C6.10525 1.24039 6.81296 1.08104 7.34779 1.02972C7.46664 1.01621 7.66383 1.00539 7.78808 1.00269L8.00955 1L8.01197 4.97016ZM6.13884 3.9456C5.89387 3.9456 5.69527 4.14419 5.69527 4.38917C5.69527 4.63415 5.89387 4.83274 6.13884 4.83274C6.38382 4.83274 6.58242 4.63415 6.58242 4.38917C6.58242 4.14419 6.38382 3.9456 6.13884 3.9456Z", fill: "#404040", fillRule: "evenodd" }),
|
|
11
|
+
/* @__PURE__ */ jsx("path", { d: "M5.4842 2.53423C5.89477 2.39377 6.24323 2.38027 6.65651 2.48831C7.17512 2.62607 7.64511 3.00693 7.88551 3.48233L8.00977 3.73354C8.15462 4.11533 8.11302 4.63383 8.00706 5.01117L7.95305 5.14624C7.81799 5.47577 7.46143 5.88095 7.14 6.07273C6.84288 6.2483 6.38099 6.36714 6.06766 6.34284L5.9164 6.33203L5.92449 6.44278C5.93259 6.52111 5.91908 6.57244 5.88397 6.61565C5.83265 6.68047 5.83266 6.68049 5.92989 6.91277C6.31615 7.80954 6.22432 8.68743 5.65978 9.52208C4.81973 10.7619 3.01537 11.7208 1.29205 11.8478C1.05165 11.8667 1.04083 11.864 1.04083 11.8126C1.04083 11.764 1.06514 11.7559 1.32445 11.7397C2.29146 11.6776 3.3368 11.3075 4.22817 10.7106C5.17087 10.0812 5.77053 9.29787 5.9434 8.47673C5.96501 8.37408 5.98392 8.1472 5.98392 7.97163C5.98392 7.60428 5.91368 7.27742 5.76782 6.94788C5.69489 6.78582 5.66788 6.75341 5.61386 6.75341C5.33295 6.75341 5.18709 6.45359 5.38696 6.28612L5.46531 6.22128L5.29784 6.14836C5.08175 6.05652 4.78191 5.81341 4.60634 5.59461C4.18226 5.06519 4.06882 4.371 4.29571 3.72003C4.47939 3.18791 4.94938 2.72061 5.4842 2.53423ZM5.70352 6.3955C5.6333 6.32258 5.57117 6.31178 5.49554 6.35769C5.40641 6.40902 5.45773 6.58458 5.58197 6.65211C5.62249 6.67372 5.62789 6.67103 5.61709 6.62511C5.60358 6.57379 5.6279 6.56029 5.73864 6.56299C5.79536 6.56569 5.77375 6.46303 5.70352 6.3955ZM7.65374 3.62685C7.34852 3.00018 6.62192 2.61123 5.93313 2.70846C5.26325 2.8003 4.7068 3.2784 4.51773 3.92127C4.29083 4.69379 4.67169 5.54735 5.4037 5.9066C6.05737 6.22804 6.8164 6.09568 7.33772 5.57167C7.67266 5.23943 7.82931 4.86667 7.83202 4.39667C7.83472 4.08874 7.7942 3.91587 7.65374 3.62685Z", fill: "#F2C600" })
|
|
12
|
+
] })
|
|
13
|
+
);
|
|
14
|
+
export {
|
|
15
|
+
ToucanTocoLogo
|
|
16
|
+
};
|
|
@@ -61,9 +61,10 @@ export { RedisLogo } from './RedisLogo';
|
|
|
61
61
|
export { RockyLinuxLogo } from './RockyLinuxLogo';
|
|
62
62
|
export { RustLogo } from './RustLogo';
|
|
63
63
|
export { TableauLogo } from './TableauLogo';
|
|
64
|
+
export { ToucanTocoLogo } from './ToucanTocoLogo';
|
|
64
65
|
export { TraefikLogo } from './TraefikLogo';
|
|
65
66
|
export { UbuntuLogo } from './UbuntuLogo';
|
|
66
67
|
export { VaultLogo } from './VaultLogo';
|
|
67
68
|
export { WindowsLogo } from './WindowsLogo';
|
|
68
69
|
export { WordpressLogo } from './WordpressLogo';
|
|
69
|
-
export type LogoIconNames = 'AirflowLogo' | 'AlmaLinuxLogo' | 'AlpineLinuxLogo' | 'AndroidLogo' | 'ApacheSparkLogo' | 'ArchLinuxLogo' | 'ArgoLogo' | 'BaaiLogo' | 'CPanelLogo' | 'CentosLogo' | 'DaskLogo' | 'DebianLogo' | 'DeepseekLogo' | 'DockerLogo' | 'DrupalLogo' | 'ElasticSearchLogo' | 'FedoraLogo' | 'GithubActionsLogo' | 'GithubLogo' | 'GitlabRunnerLogo' | 'GitlabLogo' | 'GmailLogo' | 'GoLogo' | 'GoogleLogo' | 'GrafanaLogo' | 'HuggingFaceLogo' | 'IstioLogo' | 'JenkinsLogo' | 'JoomlaLogo' | 'JupyterhubLogo' | 'KafkaLogo' | 'KibanaLogo' | 'KyutaiLogo' | 'LogstashLogo' | 'MetaLogo' | 'MetabaseLogo' | 'MicrosoftLogo' | 'MistralLogo' | 'NextcloudLogo' | 'NginxLogo' | 'NodeJsLogo' | 'OdooLogo' | 'OpenVpnLogo' | 'OracleLinuxLogo' | 'OutlookLogo' | 'OwnCloudLogo' | 'PhpLogo' | 'PleskLogo' | 'PowerBiLogo' | 'PrometheusLogo' | 'ProxmoxLogo' | 'PythonLogo' | 'QwenLogo' | 'RabbitmqLogo' | 'RedisLogo' | 'RockyLinuxLogo' | 'RustLogo' | 'TableauLogo' | 'TraefikLogo' | 'UbuntuLogo' | 'VaultLogo' | 'WindowsLogo' | 'WordpressLogo';
|
|
70
|
+
export type LogoIconNames = 'AirflowLogo' | 'AlmaLinuxLogo' | 'AlpineLinuxLogo' | 'AndroidLogo' | 'ApacheSparkLogo' | 'ArchLinuxLogo' | 'ArgoLogo' | 'BaaiLogo' | 'CPanelLogo' | 'CentosLogo' | 'DaskLogo' | 'DebianLogo' | 'DeepseekLogo' | 'DockerLogo' | 'DrupalLogo' | 'ElasticSearchLogo' | 'FedoraLogo' | 'GithubActionsLogo' | 'GithubLogo' | 'GitlabRunnerLogo' | 'GitlabLogo' | 'GmailLogo' | 'GoLogo' | 'GoogleLogo' | 'GrafanaLogo' | 'HuggingFaceLogo' | 'IstioLogo' | 'JenkinsLogo' | 'JoomlaLogo' | 'JupyterhubLogo' | 'KafkaLogo' | 'KibanaLogo' | 'KyutaiLogo' | 'LogstashLogo' | 'MetaLogo' | 'MetabaseLogo' | 'MicrosoftLogo' | 'MistralLogo' | 'NextcloudLogo' | 'NginxLogo' | 'NodeJsLogo' | 'OdooLogo' | 'OpenVpnLogo' | 'OracleLinuxLogo' | 'OutlookLogo' | 'OwnCloudLogo' | 'PhpLogo' | 'PleskLogo' | 'PowerBiLogo' | 'PrometheusLogo' | 'ProxmoxLogo' | 'PythonLogo' | 'QwenLogo' | 'RabbitmqLogo' | 'RedisLogo' | 'RockyLinuxLogo' | 'RustLogo' | 'TableauLogo' | 'ToucanTocoLogo' | 'TraefikLogo' | 'UbuntuLogo' | 'VaultLogo' | 'WindowsLogo' | 'WordpressLogo';
|
|
@@ -58,6 +58,7 @@ const RedisLogo = require("./__generated__/RedisLogo.cjs");
|
|
|
58
58
|
const RockyLinuxLogo = require("./__generated__/RockyLinuxLogo.cjs");
|
|
59
59
|
const RustLogo = require("./__generated__/RustLogo.cjs");
|
|
60
60
|
const TableauLogo = require("./__generated__/TableauLogo.cjs");
|
|
61
|
+
const ToucanTocoLogo = require("./__generated__/ToucanTocoLogo.cjs");
|
|
61
62
|
const TraefikLogo = require("./__generated__/TraefikLogo.cjs");
|
|
62
63
|
const UbuntuLogo = require("./__generated__/UbuntuLogo.cjs");
|
|
63
64
|
const VaultLogo = require("./__generated__/VaultLogo.cjs");
|
|
@@ -121,6 +122,7 @@ exports.RedisLogo = RedisLogo.RedisLogo;
|
|
|
121
122
|
exports.RockyLinuxLogo = RockyLinuxLogo.RockyLinuxLogo;
|
|
122
123
|
exports.RustLogo = RustLogo.RustLogo;
|
|
123
124
|
exports.TableauLogo = TableauLogo.TableauLogo;
|
|
125
|
+
exports.ToucanTocoLogo = ToucanTocoLogo.ToucanTocoLogo;
|
|
124
126
|
exports.TraefikLogo = TraefikLogo.TraefikLogo;
|
|
125
127
|
exports.UbuntuLogo = UbuntuLogo.UbuntuLogo;
|
|
126
128
|
exports.VaultLogo = VaultLogo.VaultLogo;
|
|
@@ -56,6 +56,7 @@ import { RedisLogo } from "./__generated__/RedisLogo.js";
|
|
|
56
56
|
import { RockyLinuxLogo } from "./__generated__/RockyLinuxLogo.js";
|
|
57
57
|
import { RustLogo } from "./__generated__/RustLogo.js";
|
|
58
58
|
import { TableauLogo } from "./__generated__/TableauLogo.js";
|
|
59
|
+
import { ToucanTocoLogo } from "./__generated__/ToucanTocoLogo.js";
|
|
59
60
|
import { TraefikLogo } from "./__generated__/TraefikLogo.js";
|
|
60
61
|
import { UbuntuLogo } from "./__generated__/UbuntuLogo.js";
|
|
61
62
|
import { VaultLogo } from "./__generated__/VaultLogo.js";
|
|
@@ -120,6 +121,7 @@ export {
|
|
|
120
121
|
RockyLinuxLogo,
|
|
121
122
|
RustLogo,
|
|
122
123
|
TableauLogo,
|
|
124
|
+
ToucanTocoLogo,
|
|
123
125
|
TraefikLogo,
|
|
124
126
|
UbuntuLogo,
|
|
125
127
|
VaultLogo,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ultraviolet/icons",
|
|
3
|
-
"version": "5.0.0-beta.
|
|
3
|
+
"version": "5.0.0-beta.7",
|
|
4
4
|
"description": "Ultraviolet Icons",
|
|
5
5
|
"homepage": "https://github.com/scaleway/ultraviolet#readme",
|
|
6
6
|
"repository": {
|
|
@@ -25,16 +25,18 @@
|
|
|
25
25
|
"darwin",
|
|
26
26
|
"linux"
|
|
27
27
|
],
|
|
28
|
-
"sideEffects": false,
|
|
29
28
|
"type": "module",
|
|
30
29
|
"module": "./dist/index.js",
|
|
31
30
|
"types": "./dist/index.d.ts",
|
|
32
31
|
"main": "./dist/index.cjs",
|
|
32
|
+
"sideEffects": [
|
|
33
|
+
"**/*.css",
|
|
34
|
+
"**/*.css.ts"
|
|
35
|
+
],
|
|
33
36
|
"exports": {
|
|
34
37
|
".": {
|
|
35
38
|
"types": "./dist/index.d.ts",
|
|
36
39
|
"require": "./dist/index.cjs",
|
|
37
|
-
"import": "./dist/index.js",
|
|
38
40
|
"default": "./dist/index.js"
|
|
39
41
|
},
|
|
40
42
|
"./*": {
|
|
@@ -103,17 +105,17 @@
|
|
|
103
105
|
"@babel/core": "7.28.4",
|
|
104
106
|
"@emotion/react": "11.14.0",
|
|
105
107
|
"@emotion/styled": "11.14.1",
|
|
106
|
-
"@types/react": "19.
|
|
107
|
-
"@types/react-dom": "19.
|
|
108
|
-
"react": "19.
|
|
109
|
-
"react-dom": "19.
|
|
108
|
+
"@types/react": "19.2.2",
|
|
109
|
+
"@types/react-dom": "19.2.2",
|
|
110
|
+
"react": "19.2.0",
|
|
111
|
+
"react-dom": "19.2.0",
|
|
110
112
|
"@utils/test": "0.0.1"
|
|
111
113
|
},
|
|
112
114
|
"dependencies": {
|
|
113
115
|
"@vanilla-extract/css": "1.17.4",
|
|
114
116
|
"@vanilla-extract/dynamic": "2.1.5",
|
|
115
117
|
"@vanilla-extract/recipes": "0.5.7",
|
|
116
|
-
"@ultraviolet/themes": "3.0.0-beta.
|
|
118
|
+
"@ultraviolet/themes": "3.0.0-beta.2"
|
|
117
119
|
},
|
|
118
120
|
"scripts": {
|
|
119
121
|
"type:generate": "tsc --declaration -p tsconfig.build.json",
|