@ultraviolet/icons 2.1.0 → 2.3.0

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.
Files changed (4) hide show
  1. package/dist/components/ProductIcon/Icons.js +57 -0
  2. package/dist/components/ProductIcon/index.js +14 -9
  3. package/dist/index.d.ts +1 -0
  4. package/package.json +4 -4
package/dist/components/ProductIcon/Icons.js CHANGED
@@ -2930,6 +2930,63 @@ const PRODUCT_ICONS = {
2930
2930
  })]
2931
2931
  })
2932
2932
  })]
2933
+ }),
2934
+ ipfsNaming: /*#__PURE__*/jsx("g", {
2935
+ className: "IPFS-Naming",
2936
+ children: /*#__PURE__*/jsxs("g", {
2937
+ className: "Serverless-Functions",
2938
+ children: [/*#__PURE__*/jsx("g", {
2939
+ className: ".Square",
2940
+ children: /*#__PURE__*/jsx("path", {
2941
+ fill: "#F1EEFC",
2942
+ d: "M0 16C0 7.163 7.163 0 16 0h32c8.837 0 16 7.163 16 16v32c0 8.837-7.163 16-16 16H16C7.163 64 0 56.837 0 48V16Z",
2943
+ className: "fillWeak"
2944
+ })
2945
+ }), /*#__PURE__*/jsxs("g", {
2946
+ className: "Icon",
2947
+ children: [/*#__PURE__*/jsxs("g", {
2948
+ className: "icon",
2949
+ children: [/*#__PURE__*/jsx("path", {
2950
+ fill: "#521094",
2951
+ fillRule: "evenodd",
2952
+ d: "M27.873 30.883c.27.494.097 1.118-.385 1.393l-2.438 1.395L32 37.647l6.95-3.976-2.438-1.395a1.037 1.037 0 0 1-.385-1.393.988.988 0 0 1 1.36-.394l4 2.289c.317.18.513.522.513.893v9.756c0 .37-.196.713-.512.894l-9 5.148a.98.98 0 0 1-.976 0l-9-5.148a1.028 1.028 0 0 1-.512-.894V33.67c0-.37.196-.713.512-.893l4-2.289a.988.988 0 0 1 1.36.394ZM40 35.416l-7 4.005v7.41l7-4.005v-7.41Zm-9 11.415v-7.41l-7-4.005v7.41l7 4.005Z",
2953
+ className: "fill",
2954
+ clipRule: "evenodd"
2955
+ }), /*#__PURE__*/jsx("path", {
2956
+ fill: "#A060F6",
2957
+ fillRule: "evenodd",
2958
+ d: "M27.873 25.765c.27.493.097 1.117-.385 1.393L19 32.014v13.974l13 7.437 13-7.437V32.014l-8.488-4.856a1.037 1.037 0 0 1-.385-1.393.988.988 0 0 1 1.36-.395l9 5.15c.317.18.513.522.513.893v15.176c0 .37-.196.712-.512.893l-14 8.01a.98.98 0 0 1-.976 0l-14-8.01A1.028 1.028 0 0 1 17 46.59V31.413c0-.371.196-.713.512-.894l9-5.149a.988.988 0 0 1 1.36.395Z",
2959
+ className: "fillStrong",
2960
+ clipRule: "evenodd"
2961
+ }), /*#__PURE__*/jsx("path", {
2962
+ fill: "#A060F6",
2963
+ fillRule: "evenodd",
2964
+ d: "M47.707 56.888c.39-.4.39-1.048 0-1.448l-5.5-5.63a.984.984 0 0 0-1.414 0 1.041 1.041 0 0 0 0 1.447l5.5 5.63c.39.4 1.024.4 1.414 0Zm-31.414 0c-.39-.4-.39-1.048 0-1.448l5.5-5.63a.984.984 0 0 1 1.414 0c.39.399.39 1.047 0 1.447l-5.5 5.63c-.39.4-1.024.4-1.414 0ZM46 38.76c0-.565.448-1.024 1-1.024h7.5c.552 0 1 .459 1 1.024s-.448 1.024-1 1.024H47c-.552 0-1-.459-1-1.024Zm-38 0c0-.565.448-1.024 1-1.024h7.5c.552 0 1 .459 1 1.024s-.448 1.024-1 1.024H9c-.552 0-1-.459-1-1.024Z",
2965
+ className: "fillStrong",
2966
+ clipRule: "evenodd"
2967
+ })]
2968
+ }), /*#__PURE__*/jsxs("g", {
2969
+ className: "icon",
2970
+ children: [/*#__PURE__*/jsx("path", {
2971
+ fill: "#521094",
2972
+ fillRule: "evenodd",
2973
+ d: "M17 9.071C17 7.375 18.343 6 20 6h24c1.657 0 3 1.375 3 3.071V19.31c0 1.696-1.343 3.071-3 3.071H20c-1.657 0-3-1.375-3-3.071V9.07Zm3-1.024c-.552 0-1 .459-1 1.024V19.31c0 .565.448 1.023 1 1.023h24c.552 0 1-.458 1-1.023V9.07c0-.565-.448-1.024-1-1.024H20Z",
2974
+ className: "fill",
2975
+ clipRule: "evenodd"
2976
+ }), /*#__PURE__*/jsx("path", {
2977
+ fill: "#521094",
2978
+ fillRule: "evenodd",
2979
+ d: "M32 21.356c.552 0 1 .459 1 1.024v10.238c0 .565-.448 1.023-1 1.023s-1-.458-1-1.023V22.38c0-.565.448-1.024 1-1.024Z",
2980
+ className: "fill",
2981
+ clipRule: "evenodd"
2982
+ }), /*#__PURE__*/jsx("path", {
2983
+ fill: "#521094",
2984
+ d: "m24.828 9.467-2.344 8.914h-1.48l2.343-8.914h1.481Zm4.138 4.097v1.37h-3.367v-1.37h3.367Zm4.717 0v1.37h-3.367v-1.37h3.367Zm4.717 0v1.37h-3.367v-1.37H38.4Zm4.592-4.097-2.344 8.914h-1.48l2.343-8.914h1.481Z",
2985
+ className: "fill"
2986
+ })]
2987
+ })]
2988
+ })]
2989
+ })
2933
2990
  })
2934
2991
  };
2935
2992
 
package/dist/components/ProductIcon/index.js CHANGED
@@ -16,31 +16,36 @@ const StyledIcon = /*#__PURE__*/_styled('svg', {
16
16
  size
17
17
  } = _ref;
18
18
  return `${SIZES[size]}px`;
19
- }, ";height:", _ref2 => {
19
+ }, ";min-width:", _ref2 => {
20
20
  let {
21
21
  size
22
22
  } = _ref2;
23
23
  return `${SIZES[size]}px`;
24
- }, ";}path[fill].fill{fill:", _ref3 => {
24
+ }, ";height:", _ref3 => {
25
+ let {
26
+ size
27
+ } = _ref3;
28
+ return `${SIZES[size]}px`;
29
+ }, ";}path[fill].fill{fill:", _ref4 => {
25
30
  let {
26
31
  theme,
27
32
  variant,
28
33
  disabled
29
- } = _ref3;
34
+ } = _ref4;
30
35
  return `${theme.colors.other.icon.product[variant][disabled ? 'fillDisabled' : 'fill']}`;
31
- }, ";}path[fill].fillStrong{fill:", _ref4 => {
36
+ }, ";}path[fill].fillStrong{fill:", _ref5 => {
32
37
  let {
33
38
  theme,
34
39
  variant,
35
40
  disabled
36
- } = _ref4;
41
+ } = _ref5;
37
42
  return `${theme.colors.other.icon.product[variant][disabled ? 'fillStrongDisabled' : 'fillStrong']}`;
38
- }, ";}path[fill].fillWeak{fill:", _ref5 => {
43
+ }, ";}path[fill].fillWeak{fill:", _ref6 => {
39
44
  let {
40
45
  theme,
41
46
  variant,
42
47
  disabled
43
- } = _ref5;
48
+ } = _ref6;
44
49
  return `${theme.colors.other.icon.product[variant][disabled ? 'fillWeakDisabled' : 'fillWeak']}`;
45
50
  }, ";}");
46
51
 
@@ -48,13 +53,13 @@ const StyledIcon = /*#__PURE__*/_styled('svg', {
48
53
  * ProductIcon component is used to render a set of icons that are linked to a product or service.
49
54
  * Those icons are made of multiple colors that changes automatically based on the current theme.
50
55
  */
51
- const ProductIcon = _ref6 => {
56
+ const ProductIcon = _ref7 => {
52
57
  let {
53
58
  name,
54
59
  variant = 'primary',
55
60
  disabled,
56
61
  size = 'small'
57
- } = _ref6;
62
+ } = _ref7;
58
63
  return jsx(StyledIcon, {
59
64
  variant: variant,
60
65
  disabled: disabled,
package/dist/index.d.ts CHANGED
@@ -139,6 +139,7 @@ declare const PRODUCT_ICONS: {
139
139
  readonly sns: _emotion_react_jsx_runtime.JSX.Element;
140
140
  readonly video: _emotion_react_jsx_runtime.JSX.Element;
141
141
  readonly rocket: _emotion_react_jsx_runtime.JSX.Element;
142
+ readonly ipfsNaming: _emotion_react_jsx_runtime.JSX.Element;
142
143
  };
143
144
 
144
145
  type Variants = 'primary' | 'danger' | 'warning';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ultraviolet/icons",
3
- "version": "2.1.0",
3
+ "version": "2.3.0",
4
4
  "description": "Ultraviolet Icons",
5
5
  "homepage": "https://github.com/scaleway/ultraviolet#readme",
6
6
  "repository": {
@@ -38,10 +38,10 @@
38
38
  "react-dom": "18.2.0"
39
39
  },
40
40
  "devDependencies": {
41
- "@babel/core": "7.22.20",
41
+ "@babel/core": "7.23.0",
42
42
  "@emotion/babel-plugin": "11.11.0",
43
- "@types/react": "18.2.22",
44
- "@types/react-dom": "18.2.7"
43
+ "@types/react": "18.2.25",
44
+ "@types/react-dom": "18.2.10"
45
45
  },
46
46
  "dependencies": {
47
47
  "@ultraviolet/themes": "1.2.1"