@cloudflare/component-icon 13.3.0 → 13.3.2

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 (9) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/Icon.stories.d.ts +1 -12
  3. package/es/Icon.stories.js +22 -54
  4. package/es/reactsvgs/PinOutline.js +4 -6
  5. package/es/reactsvgs/PinSolid.js +4 -6
  6. package/lib/Icon.stories.js +27 -111
  7. package/lib/reactsvgs/PinOutline.js +4 -6
  8. package/lib/reactsvgs/PinSolid.js +4 -6
  9. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # Change Log
2
2
 
3
+ ## 13.3.2
4
+
5
+ ### Patch Changes
6
+
7
+ - 5393268e6c: Add Icon Storybook stories dynamically
8
+
9
+ ## 13.3.1
10
+
11
+ ### Patch Changes
12
+
13
+ - 240793fed9: Standardized pin icon size & a11y attributes
14
+
3
15
  ## 13.3.0
4
16
 
5
17
  ### Minor Changes
package/dist/Icon.stories.d.ts CHANGED
@@ -85,15 +85,4 @@ declare const _default: ComponentMeta<React.ComponentType<{
85
85
  gridJustify?: ("start" | "end" | "center" | "stretch") | undefined;
86
86
  }>>;
87
87
  export default _default;
88
- export declare const AIAudit: () => JSX.Element;
89
- export declare const Captcha: () => JSX.Element;
90
- export declare const CloudflareEmailSecurity: () => JSX.Element;
91
- export declare const CloudMulti: () => JSX.Element;
92
- export declare const CloudInternet: () => JSX.Element;
93
- export declare const Garbage: () => JSX.Element;
94
- export declare const Inbox: () => JSX.Element;
95
- export declare const Spectrum: () => JSX.Element;
96
- export declare const Table: () => JSX.Element;
97
- export declare const ThumbsUp: () => JSX.Element;
98
- export declare const ThumbsDown: () => JSX.Element;
99
- export declare const CaretReorder2: () => JSX.Element;
88
+ export declare const AllIcons: () => JSX.Element;
package/es/Icon.stories.js CHANGED
@@ -1,60 +1,28 @@
1
1
  import React from 'react';
2
2
  import Icon from './Icon';
3
+ import IconComponents from './reactsvgs';
4
+ var iconTypes = Object.keys(IconComponents);
3
5
  export default {
4
6
  title: 'Example/Icon',
5
7
  component: Icon
6
8
  };
7
- export var AIAudit = () => /*#__PURE__*/React.createElement(Icon, {
8
- type: "ai-audit",
9
- size: 36
10
- });
11
- export var Captcha = () => /*#__PURE__*/React.createElement(Icon, {
12
- type: "captcha-outline",
13
- size: 36
14
- });
15
- export var CloudflareEmailSecurity = () => /*#__PURE__*/React.createElement(Icon, {
16
- type: "cloudflare-email-security",
17
- size: 36
18
- });
19
- export var CloudMulti = () => /*#__PURE__*/React.createElement(Icon, {
20
- type: "cloud-multi",
21
- size: 36
22
- });
23
- export var CloudInternet = () => /*#__PURE__*/React.createElement(Icon, {
24
- type: "cloud-internet",
25
- size: 36
26
- });
27
- export var Garbage = () => /*#__PURE__*/React.createElement(Icon, {
28
- type: "garbage",
29
- size: 36
30
- });
31
- export var Inbox = () => /*#__PURE__*/React.createElement(Icon, {
32
- type: "inbox",
33
- size: 36
34
- });
35
- export var Spectrum = () => /*#__PURE__*/React.createElement(Icon, {
36
- type: "spectrum",
37
- size: 36
38
- });
39
- export var Table = () => /*#__PURE__*/React.createElement(Icon, {
40
- type: "table",
41
- size: 36
42
- });
43
- export var ThumbsUp = () => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
44
- type: "thumbs-up-solid",
45
- size: 36
46
- }), /*#__PURE__*/React.createElement(Icon, {
47
- type: "thumbs-up-outline",
48
- size: 36
49
- }));
50
- export var ThumbsDown = () => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
51
- type: "thumbs-down-solid",
52
- size: 36
53
- }), /*#__PURE__*/React.createElement(Icon, {
54
- type: "thumbs-down-outline",
55
- size: 36
56
- }));
57
- export var CaretReorder2 = () => /*#__PURE__*/React.createElement(Icon, {
58
- type: "caret-reorder2",
59
- size: 36
60
- });
9
+ export var AllIcons = () => /*#__PURE__*/React.createElement("div", {
10
+ style: {
11
+ display: 'grid',
12
+ gridTemplateColumns: 'repeat(auto-fit, minmax(100px, 1fr))',
13
+ gap: 16
14
+ }
15
+ }, iconTypes.map(type => /*#__PURE__*/React.createElement("div", {
16
+ key: type,
17
+ style: {
18
+ textAlign: 'center'
19
+ }
20
+ }, /*#__PURE__*/React.createElement(Icon, {
21
+ type: type,
22
+ size: 36
23
+ }), /*#__PURE__*/React.createElement("div", {
24
+ style: {
25
+ fontSize: 12,
26
+ marginTop: 4
27
+ }
28
+ }, type))));
package/es/reactsvgs/PinOutline.js CHANGED
@@ -4,15 +4,13 @@ import * as React from 'react';
4
4
 
5
5
  var PinOutline = props => /*#__PURE__*/React.createElement("svg", _extends({}, props, {
6
6
  xmlns: "http://www.w3.org/2000/svg",
7
- width: "13",
8
- height: "12",
9
- viewBox: "0 0 13 12",
10
- fill: "none"
7
+ viewBox: "0 0 16 16",
8
+ "aria-hidden": !props['aria-label'],
9
+ focusable: "false"
11
10
  }), /*#__PURE__*/React.createElement("path", {
12
11
  fillRule: "evenodd",
13
12
  clipRule: "evenodd",
14
- d: "M11.2267 4.9072C10.9524 4.92098 10.677 4.90559 10.4053 4.86103L8.00907 7.26937C8.14328 8.09583 8.01152 8.95743 7.61377 9.71487C7.43702 10.0515 7.20775 10.3675 6.92595 10.6507L1.45095 5.14811C1.73275 4.86489 2.04718 4.63446 2.38208 4.45682C3.13572 4.05707 3.993 3.92464 4.81532 4.05953L7.21159 1.65119C7.16725 1.3782 7.15194 1.10136 7.16565 0.825717C7.17148 0.708423 7.1946 0.562821 7.22563 0.411507C7.31206 -0.00996931 7.82713 -0.136575 8.1299 0.167718L11.9437 4.00071C12.2307 4.28921 12.1315 4.77491 11.7322 4.84832C11.5649 4.87907 11.396 4.8987 11.2267 4.9072ZM6.87925 7.45471C6.95484 7.92023 6.91107 8.39992 6.74848 8.84522L3.24737 5.32647C3.69044 5.16306 4.16773 5.11907 4.63091 5.19505L5.20994 5.29003L8.40876 2.07509L9.98356 3.65782L6.78474 6.87276L6.87925 7.45471ZM0.297383 11.8101C0.549364 12.0633 0.957904 12.0633 1.20988 11.8101L4.18012 8.82486L3.26762 7.90776L0.297384 10.893C0.0454035 11.1462 0.0454033 11.5568 0.297383 11.8101Z",
15
- fill: "#595959"
13
+ d: "M11.2267 4.9072C10.9524 4.92098 10.677 4.90559 10.4053 4.86103L8.00907 7.26937C8.14328 8.09583 8.01152 8.95743 7.61377 9.71487C7.43702 10.0515 7.20775 10.3675 6.92595 10.6507L1.45095 5.14811C1.73275 4.86489 2.04718 4.63446 2.38208 4.45682C3.13572 4.05707 3.993 3.92464 4.81532 4.05953L7.21159 1.65119C7.16725 1.3782 7.15194 1.10136 7.16565 0.825717C7.17148 0.708423 7.1946 0.562821 7.22563 0.411507C7.31206 -0.00996931 7.82713 -0.136575 8.1299 0.167718L11.9437 4.00071C12.2307 4.28921 12.1315 4.77491 11.7322 4.84832C11.5649 4.87907 11.396 4.8987 11.2267 4.9072ZM6.87925 7.45471C6.95484 7.92023 6.91107 8.39992 6.74848 8.84522L3.24737 5.32647C3.69044 5.16306 4.16773 5.11907 4.63091 5.19505L5.20994 5.29003L8.40876 2.07509L9.98356 3.65782L6.78474 6.87276L6.87925 7.45471ZM0.297383 11.8101C0.549364 12.0633 0.957904 12.0633 1.20988 11.8101L4.18012 8.82486L3.26762 7.90776L0.297384 10.893C0.0454035 11.1462 0.0454033 11.5568 0.297383 11.8101Z"
16
14
  }));
17
15
 
18
16
  export default PinOutline;
package/es/reactsvgs/PinSolid.js CHANGED
@@ -4,15 +4,13 @@ import * as React from 'react';
4
4
 
5
5
  var PinSolid = props => /*#__PURE__*/React.createElement("svg", _extends({}, props, {
6
6
  xmlns: "http://www.w3.org/2000/svg",
7
- width: "13",
8
- height: "12",
9
- viewBox: "0 0 13 12",
10
- fill: "none"
7
+ viewBox: "0 0 16 16",
8
+ "aria-hidden": !props['aria-label'],
9
+ focusable: "false"
11
10
  }), /*#__PURE__*/React.createElement("path", {
12
11
  fillRule: "nonzero",
13
12
  clipRule: "evenodd",
14
- d: "M11.2267 4.9072C10.9524 4.92098 10.677 4.90559 10.4053 4.86103L8.00907 7.26937C8.14328 8.09583 8.01152 8.95743 7.61377 9.71487C7.43702 10.0515 7.20775 10.3675 6.92595 10.6507L1.45095 5.14811C1.73275 4.86489 2.04718 4.63446 2.38208 4.45682C3.13572 4.05707 3.993 3.92464 4.81532 4.05953L7.21159 1.65119C7.16725 1.3782 7.15194 1.10136 7.16565 0.825717C7.17148 0.708423 7.1946 0.562821 7.22563 0.411507C7.31206 -0.00996931 7.82713 -0.136575 8.1299 0.167718L11.9437 4.00071C12.2307 4.28921 12.1315 4.77491 11.7322 4.84832C11.5649 4.87907 11.396 4.8987 11.2267 4.9072ZM6.87925 7.45471C6.95484 7.92023 6.91107 8.39992 6.74848 8.84522L3.24737 5.32647C3.69044 5.16306 4.16773 5.11907 4.63091 5.19505L5.20994 5.29003L8.40876 2.07509L9.98356 3.65782L6.78474 6.87276L6.87925 7.45471ZM0.297383 11.8101C0.549364 12.0633 0.957904 12.0633 1.20988 11.8101L4.18012 8.82486L3.26762 7.90776L0.297384 10.893C0.0454035 11.1462 0.0454033 11.5568 0.297383 11.8101Z",
15
- fill: "#595959"
13
+ d: "M11.2267 4.9072C10.9524 4.92098 10.677 4.90559 10.4053 4.86103L8.00907 7.26937C8.14328 8.09583 8.01152 8.95743 7.61377 9.71487C7.43702 10.0515 7.20775 10.3675 6.92595 10.6507L1.45095 5.14811C1.73275 4.86489 2.04718 4.63446 2.38208 4.45682C3.13572 4.05707 3.993 3.92464 4.81532 4.05953L7.21159 1.65119C7.16725 1.3782 7.15194 1.10136 7.16565 0.825717C7.17148 0.708423 7.1946 0.562821 7.22563 0.411507C7.31206 -0.00996931 7.82713 -0.136575 8.1299 0.167718L11.9437 4.00071C12.2307 4.28921 12.1315 4.77491 11.7322 4.84832C11.5649 4.87907 11.396 4.8987 11.2267 4.9072ZM6.87925 7.45471C6.95484 7.92023 6.91107 8.39992 6.74848 8.84522L3.24737 5.32647C3.69044 5.16306 4.16773 5.11907 4.63091 5.19505L5.20994 5.29003L8.40876 2.07509L9.98356 3.65782L6.78474 6.87276L6.87925 7.45471ZM0.297383 11.8101C0.549364 12.0633 0.957904 12.0633 1.20988 11.8101L4.18012 8.82486L3.26762 7.90776L0.297384 10.893C0.0454035 11.1462 0.0454033 11.5568 0.297383 11.8101Z"
16
14
  }));
17
15
 
18
16
  export default PinSolid;
package/lib/Icon.stories.js CHANGED
@@ -3,130 +3,46 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.default = exports.ThumbsUp = exports.ThumbsDown = exports.Table = exports.Spectrum = exports.Inbox = exports.Garbage = exports.CloudflareEmailSecurity = exports.CloudMulti = exports.CloudInternet = exports.CaretReorder2 = exports.Captcha = exports.AIAudit = void 0;
6
+ exports.default = exports.AllIcons = void 0;
7
7
 
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
 
10
10
  var _Icon = _interopRequireDefault(require("./Icon"));
11
11
 
12
+ var _reactsvgs = _interopRequireDefault(require("./reactsvgs"));
13
+
12
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
15
 
16
+ var iconTypes = Object.keys(_reactsvgs.default);
14
17
  var _default = {
15
18
  title: 'Example/Icon',
16
19
  component: _Icon.default
17
20
  };
18
21
  exports.default = _default;
19
22
 
20
- var AIAudit = function AIAudit() {
21
- return /*#__PURE__*/_react.default.createElement(_Icon.default, {
22
- type: "ai-audit",
23
- size: 36
24
- });
25
- };
26
-
27
- exports.AIAudit = AIAudit;
28
-
29
- var Captcha = function Captcha() {
30
- return /*#__PURE__*/_react.default.createElement(_Icon.default, {
31
- type: "captcha-outline",
32
- size: 36
33
- });
34
- };
35
-
36
- exports.Captcha = Captcha;
37
-
38
- var CloudflareEmailSecurity = function CloudflareEmailSecurity() {
39
- return /*#__PURE__*/_react.default.createElement(_Icon.default, {
40
- type: "cloudflare-email-security",
41
- size: 36
42
- });
43
- };
44
-
45
- exports.CloudflareEmailSecurity = CloudflareEmailSecurity;
46
-
47
- var CloudMulti = function CloudMulti() {
48
- return /*#__PURE__*/_react.default.createElement(_Icon.default, {
49
- type: "cloud-multi",
50
- size: 36
51
- });
52
- };
53
-
54
- exports.CloudMulti = CloudMulti;
55
-
56
- var CloudInternet = function CloudInternet() {
57
- return /*#__PURE__*/_react.default.createElement(_Icon.default, {
58
- type: "cloud-internet",
59
- size: 36
60
- });
61
- };
62
-
63
- exports.CloudInternet = CloudInternet;
64
-
65
- var Garbage = function Garbage() {
66
- return /*#__PURE__*/_react.default.createElement(_Icon.default, {
67
- type: "garbage",
68
- size: 36
69
- });
70
- };
71
-
72
- exports.Garbage = Garbage;
73
-
74
- var Inbox = function Inbox() {
75
- return /*#__PURE__*/_react.default.createElement(_Icon.default, {
76
- type: "inbox",
77
- size: 36
78
- });
79
- };
80
-
81
- exports.Inbox = Inbox;
82
-
83
- var Spectrum = function Spectrum() {
84
- return /*#__PURE__*/_react.default.createElement(_Icon.default, {
85
- type: "spectrum",
86
- size: 36
87
- });
88
- };
89
-
90
- exports.Spectrum = Spectrum;
91
-
92
- var Table = function Table() {
93
- return /*#__PURE__*/_react.default.createElement(_Icon.default, {
94
- type: "table",
95
- size: 36
96
- });
97
- };
98
-
99
- exports.Table = Table;
100
-
101
- var ThumbsUp = function ThumbsUp() {
102
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
103
- type: "thumbs-up-solid",
104
- size: 36
105
- }), /*#__PURE__*/_react.default.createElement(_Icon.default, {
106
- type: "thumbs-up-outline",
107
- size: 36
108
- }));
109
- };
110
-
111
- exports.ThumbsUp = ThumbsUp;
112
-
113
- var ThumbsDown = function ThumbsDown() {
114
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
115
- type: "thumbs-down-solid",
116
- size: 36
117
- }), /*#__PURE__*/_react.default.createElement(_Icon.default, {
118
- type: "thumbs-down-outline",
119
- size: 36
23
+ var AllIcons = function AllIcons() {
24
+ return /*#__PURE__*/_react.default.createElement("div", {
25
+ style: {
26
+ display: 'grid',
27
+ gridTemplateColumns: 'repeat(auto-fit, minmax(100px, 1fr))',
28
+ gap: 16
29
+ }
30
+ }, iconTypes.map(function (type) {
31
+ return /*#__PURE__*/_react.default.createElement("div", {
32
+ key: type,
33
+ style: {
34
+ textAlign: 'center'
35
+ }
36
+ }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
37
+ type: type,
38
+ size: 36
39
+ }), /*#__PURE__*/_react.default.createElement("div", {
40
+ style: {
41
+ fontSize: 12,
42
+ marginTop: 4
43
+ }
44
+ }, type));
120
45
  }));
121
46
  };
122
47
 
123
- exports.ThumbsDown = ThumbsDown;
124
-
125
- var CaretReorder2 = function CaretReorder2() {
126
- return /*#__PURE__*/_react.default.createElement(_Icon.default, {
127
- type: "caret-reorder2",
128
- size: 36
129
- });
130
- };
131
-
132
- exports.CaretReorder2 = CaretReorder2;
48
+ exports.AllIcons = AllIcons;
package/lib/reactsvgs/PinOutline.js CHANGED
@@ -18,15 +18,13 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
18
18
  var PinOutline = function PinOutline(props) {
19
19
  return /*#__PURE__*/React.createElement("svg", _extends({}, props, {
20
20
  xmlns: "http://www.w3.org/2000/svg",
21
- width: "13",
22
- height: "12",
23
- viewBox: "0 0 13 12",
24
- fill: "none"
21
+ viewBox: "0 0 16 16",
22
+ "aria-hidden": !props['aria-label'],
23
+ focusable: "false"
25
24
  }), /*#__PURE__*/React.createElement("path", {
26
25
  fillRule: "evenodd",
27
26
  clipRule: "evenodd",
28
- d: "M11.2267 4.9072C10.9524 4.92098 10.677 4.90559 10.4053 4.86103L8.00907 7.26937C8.14328 8.09583 8.01152 8.95743 7.61377 9.71487C7.43702 10.0515 7.20775 10.3675 6.92595 10.6507L1.45095 5.14811C1.73275 4.86489 2.04718 4.63446 2.38208 4.45682C3.13572 4.05707 3.993 3.92464 4.81532 4.05953L7.21159 1.65119C7.16725 1.3782 7.15194 1.10136 7.16565 0.825717C7.17148 0.708423 7.1946 0.562821 7.22563 0.411507C7.31206 -0.00996931 7.82713 -0.136575 8.1299 0.167718L11.9437 4.00071C12.2307 4.28921 12.1315 4.77491 11.7322 4.84832C11.5649 4.87907 11.396 4.8987 11.2267 4.9072ZM6.87925 7.45471C6.95484 7.92023 6.91107 8.39992 6.74848 8.84522L3.24737 5.32647C3.69044 5.16306 4.16773 5.11907 4.63091 5.19505L5.20994 5.29003L8.40876 2.07509L9.98356 3.65782L6.78474 6.87276L6.87925 7.45471ZM0.297383 11.8101C0.549364 12.0633 0.957904 12.0633 1.20988 11.8101L4.18012 8.82486L3.26762 7.90776L0.297384 10.893C0.0454035 11.1462 0.0454033 11.5568 0.297383 11.8101Z",
29
- fill: "#595959"
27
+ d: "M11.2267 4.9072C10.9524 4.92098 10.677 4.90559 10.4053 4.86103L8.00907 7.26937C8.14328 8.09583 8.01152 8.95743 7.61377 9.71487C7.43702 10.0515 7.20775 10.3675 6.92595 10.6507L1.45095 5.14811C1.73275 4.86489 2.04718 4.63446 2.38208 4.45682C3.13572 4.05707 3.993 3.92464 4.81532 4.05953L7.21159 1.65119C7.16725 1.3782 7.15194 1.10136 7.16565 0.825717C7.17148 0.708423 7.1946 0.562821 7.22563 0.411507C7.31206 -0.00996931 7.82713 -0.136575 8.1299 0.167718L11.9437 4.00071C12.2307 4.28921 12.1315 4.77491 11.7322 4.84832C11.5649 4.87907 11.396 4.8987 11.2267 4.9072ZM6.87925 7.45471C6.95484 7.92023 6.91107 8.39992 6.74848 8.84522L3.24737 5.32647C3.69044 5.16306 4.16773 5.11907 4.63091 5.19505L5.20994 5.29003L8.40876 2.07509L9.98356 3.65782L6.78474 6.87276L6.87925 7.45471ZM0.297383 11.8101C0.549364 12.0633 0.957904 12.0633 1.20988 11.8101L4.18012 8.82486L3.26762 7.90776L0.297384 10.893C0.0454035 11.1462 0.0454033 11.5568 0.297383 11.8101Z"
30
28
  }));
31
29
  };
32
30
 
package/lib/reactsvgs/PinSolid.js CHANGED
@@ -18,15 +18,13 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
18
18
  var PinSolid = function PinSolid(props) {
19
19
  return /*#__PURE__*/React.createElement("svg", _extends({}, props, {
20
20
  xmlns: "http://www.w3.org/2000/svg",
21
- width: "13",
22
- height: "12",
23
- viewBox: "0 0 13 12",
24
- fill: "none"
21
+ viewBox: "0 0 16 16",
22
+ "aria-hidden": !props['aria-label'],
23
+ focusable: "false"
25
24
  }), /*#__PURE__*/React.createElement("path", {
26
25
  fillRule: "nonzero",
27
26
  clipRule: "evenodd",
28
- d: "M11.2267 4.9072C10.9524 4.92098 10.677 4.90559 10.4053 4.86103L8.00907 7.26937C8.14328 8.09583 8.01152 8.95743 7.61377 9.71487C7.43702 10.0515 7.20775 10.3675 6.92595 10.6507L1.45095 5.14811C1.73275 4.86489 2.04718 4.63446 2.38208 4.45682C3.13572 4.05707 3.993 3.92464 4.81532 4.05953L7.21159 1.65119C7.16725 1.3782 7.15194 1.10136 7.16565 0.825717C7.17148 0.708423 7.1946 0.562821 7.22563 0.411507C7.31206 -0.00996931 7.82713 -0.136575 8.1299 0.167718L11.9437 4.00071C12.2307 4.28921 12.1315 4.77491 11.7322 4.84832C11.5649 4.87907 11.396 4.8987 11.2267 4.9072ZM6.87925 7.45471C6.95484 7.92023 6.91107 8.39992 6.74848 8.84522L3.24737 5.32647C3.69044 5.16306 4.16773 5.11907 4.63091 5.19505L5.20994 5.29003L8.40876 2.07509L9.98356 3.65782L6.78474 6.87276L6.87925 7.45471ZM0.297383 11.8101C0.549364 12.0633 0.957904 12.0633 1.20988 11.8101L4.18012 8.82486L3.26762 7.90776L0.297384 10.893C0.0454035 11.1462 0.0454033 11.5568 0.297383 11.8101Z",
29
- fill: "#595959"
27
+ d: "M11.2267 4.9072C10.9524 4.92098 10.677 4.90559 10.4053 4.86103L8.00907 7.26937C8.14328 8.09583 8.01152 8.95743 7.61377 9.71487C7.43702 10.0515 7.20775 10.3675 6.92595 10.6507L1.45095 5.14811C1.73275 4.86489 2.04718 4.63446 2.38208 4.45682C3.13572 4.05707 3.993 3.92464 4.81532 4.05953L7.21159 1.65119C7.16725 1.3782 7.15194 1.10136 7.16565 0.825717C7.17148 0.708423 7.1946 0.562821 7.22563 0.411507C7.31206 -0.00996931 7.82713 -0.136575 8.1299 0.167718L11.9437 4.00071C12.2307 4.28921 12.1315 4.77491 11.7322 4.84832C11.5649 4.87907 11.396 4.8987 11.2267 4.9072ZM6.87925 7.45471C6.95484 7.92023 6.91107 8.39992 6.74848 8.84522L3.24737 5.32647C3.69044 5.16306 4.16773 5.11907 4.63091 5.19505L5.20994 5.29003L8.40876 2.07509L9.98356 3.65782L6.78474 6.87276L6.87925 7.45471ZM0.297383 11.8101C0.549364 12.0633 0.957904 12.0633 1.20988 11.8101L4.18012 8.82486L3.26762 7.90776L0.297384 10.893C0.0454035 11.1462 0.0454033 11.5568 0.297383 11.8101Z"
30
28
  }));
31
29
  };
32
30
 
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@cloudflare/component-icon",
3
3
  "description": "Cloudflare Icon Component",
4
- "version": "13.3.0",
4
+ "version": "13.3.2",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",
7
7
  "author": "Frontend Team <frontend@cloudflare.com>",