@cloudflare/component-icon 13.3.0 → 13.3.1

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 +6 -0
  2. package/dist/Icon.stories.d.ts +1 -0
  3. package/es/Icon.stories.js +8 -1
  4. package/es/reactsvgs/PinOutline.js +4 -6
  5. package/es/reactsvgs/PinSolid.js +4 -6
  6. package/lib/Icon.stories.js +14 -2
  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,11 @@
1
1
  # Change Log
2
2
 
3
+ ## 13.3.1
4
+
5
+ ### Patch Changes
6
+
7
+ - 240793fed9: Standardized pin icon size & a11y attributes
8
+
3
9
  ## 13.3.0
4
10
 
5
11
  ### Minor Changes
package/dist/Icon.stories.d.ts CHANGED
@@ -97,3 +97,4 @@ export declare const Table: () => JSX.Element;
97
97
  export declare const ThumbsUp: () => JSX.Element;
98
98
  export declare const ThumbsDown: () => JSX.Element;
99
99
  export declare const CaretReorder2: () => JSX.Element;
100
+ export declare const Pin: () => JSX.Element;
package/es/Icon.stories.js CHANGED
@@ -57,4 +57,11 @@ export var ThumbsDown = () => /*#__PURE__*/React.createElement(React.Fragment, n
57
57
  export var CaretReorder2 = () => /*#__PURE__*/React.createElement(Icon, {
58
58
  type: "caret-reorder2",
59
59
  size: 36
60
- });
60
+ });
61
+ export var Pin = () => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
62
+ type: "pin-solid",
63
+ size: 36
64
+ }), /*#__PURE__*/React.createElement(Icon, {
65
+ type: "pin-outline",
66
+ size: 36
67
+ }));
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,7 +3,7 @@
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.ThumbsUp = exports.ThumbsDown = exports.Table = exports.Spectrum = exports.Pin = exports.Inbox = exports.Garbage = exports.CloudflareEmailSecurity = exports.CloudMulti = exports.CloudInternet = exports.CaretReorder2 = exports.Captcha = exports.AIAudit = void 0;
7
7
 
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
 
@@ -129,4 +129,16 @@ var CaretReorder2 = function CaretReorder2() {
129
129
  });
130
130
  };
131
131
 
132
- exports.CaretReorder2 = CaretReorder2;
132
+ exports.CaretReorder2 = CaretReorder2;
133
+
134
+ var Pin = function Pin() {
135
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
136
+ type: "pin-solid",
137
+ size: 36
138
+ }), /*#__PURE__*/_react.default.createElement(_Icon.default, {
139
+ type: "pin-outline",
140
+ size: 36
141
+ }));
142
+ };
143
+
144
+ exports.Pin = Pin;
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.1",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",
7
7
  "author": "Frontend Team <frontend@cloudflare.com>",