@arc-ui/icons 11.3.0 → 11.4.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.
- package/package.json +1 -1
- package/react/BtIconChevronDownMid.d.ts +5 -0
- package/react/BtIconChevronDownMid.js +21 -0
- package/react/BtIconChevronUpMid.d.ts +5 -0
- package/react/BtIconChevronUpMid.js +21 -0
- package/tokens/css/svg.css +2 -0
- package/tokens/js/icon-names.ts +2 -0
- package/tokens/js/svg.js +576 -574
- package/tokens/scss/svg.scss +2 -0
package/package.json
CHANGED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
const React = require("react");
|
|
2
|
+
const BtIconChevronDownMid = props =>
|
|
3
|
+
/*#__PURE__*/ React.createElement(
|
|
4
|
+
"svg",
|
|
5
|
+
Object.assign(
|
|
6
|
+
{
|
|
7
|
+
viewBox: "0 0 32 32",
|
|
8
|
+
fill: "none",
|
|
9
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
10
|
+
},
|
|
11
|
+
props
|
|
12
|
+
),
|
|
13
|
+
/*#__PURE__*/ React.createElement("path", {
|
|
14
|
+
fillRule: "evenodd",
|
|
15
|
+
clipRule: "evenodd",
|
|
16
|
+
d:
|
|
17
|
+
"M16.0001 18.0909L21.7041 12.3935C21.9566 12.1415 22.2987 12 22.6554 12C23.0121 12 23.3543 12.1415 23.6068 12.3935C23.7316 12.5181 23.8306 12.6661 23.8982 12.829C23.9657 12.9919 24.0005 13.1665 24.0005 13.3429C24.0005 13.5192 23.9657 13.6938 23.8982 13.8567C23.8306 14.0196 23.7316 14.1676 23.6068 14.2922L16.9508 20.9402C16.6983 21.1918 16.3565 21.3331 16.0001 21.3331C15.6437 21.3331 15.3018 21.1918 15.0494 20.9402L8.39342 14.2922C8.26861 14.1676 8.16959 14.0196 8.10202 13.8567C8.03446 13.6938 7.99969 13.5192 7.99969 13.3429C7.99969 13.1665 8.03446 12.9919 8.10202 12.829C8.16959 12.6661 8.26861 12.5181 8.39342 12.3935C8.6459 12.1415 8.98804 12 9.34475 12C9.70147 12 10.0436 12.1415 10.2961 12.3935L16.0001 18.0909Z",
|
|
18
|
+
fill: "currentColor"
|
|
19
|
+
})
|
|
20
|
+
);
|
|
21
|
+
module.exports.BtIconChevronDownMid = BtIconChevronDownMid;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
const React = require("react");
|
|
2
|
+
const BtIconChevronUpMid = props =>
|
|
3
|
+
/*#__PURE__*/ React.createElement(
|
|
4
|
+
"svg",
|
|
5
|
+
Object.assign(
|
|
6
|
+
{
|
|
7
|
+
viewBox: "0 0 32 32",
|
|
8
|
+
fill: "none",
|
|
9
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
10
|
+
},
|
|
11
|
+
props
|
|
12
|
+
),
|
|
13
|
+
/*#__PURE__*/ React.createElement("path", {
|
|
14
|
+
fillRule: "evenodd",
|
|
15
|
+
clipRule: "evenodd",
|
|
16
|
+
d:
|
|
17
|
+
"M15.9999 13.9091L10.2959 19.6065C10.0434 19.8585 9.7013 20 9.34458 20C8.98787 20 8.64572 19.8585 8.39325 19.6065C8.26843 19.4819 8.16941 19.3339 8.10185 19.171C8.03429 19.0081 7.99951 18.8335 7.99951 18.6571C7.99951 18.4808 8.03429 18.3062 8.10185 18.1433C8.16941 17.9804 8.26843 17.8324 8.39325 17.7078L15.0492 11.0598C15.3017 10.8082 15.6435 10.6669 15.9999 10.6669C16.3563 10.6669 16.6982 10.8082 16.9506 11.0598L23.6066 17.7078C23.7314 17.8324 23.8304 17.9804 23.898 18.1433C23.9655 18.3062 24.0003 18.4808 24.0003 18.6571C24.0003 18.8335 23.9655 19.0081 23.898 19.171C23.8304 19.3339 23.7314 19.4819 23.6066 19.6065C23.3541 19.8585 23.012 20 22.6552 20C22.2985 20 21.9564 19.8585 21.7039 19.6065L15.9999 13.9091Z",
|
|
18
|
+
fill: "currentColor"
|
|
19
|
+
})
|
|
20
|
+
);
|
|
21
|
+
module.exports.BtIconChevronUpMid = BtIconChevronUpMid;
|
package/tokens/css/svg.css
CHANGED
|
@@ -96,6 +96,7 @@
|
|
|
96
96
|
--bt-icon-chat-typing-fill: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath d='M16 6C8.268 6 2 10.477 2 16s6.268 10 14 10a19.226 19.226 0 004.012-.422l4.613 2.348A1 1 0 0026 26.999v-4.007A8.789 8.789 0 0030 16c0-5.523-6.268-10-14-10zm-6 11a1 1 0 111-1 1 1 0 01-1 1zm6 0a1 1 0 111-1 1 1 0 01-1 1zm6 0a1 1 0 111-1 1 1 0 01-1 1z' fill='currentColor'/%3e%3c/svg%3e");
|
|
97
97
|
--bt-icon-chevron-down: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath d='M16 23.445L2.17 9.615a.5.5 0 01.708-.706L16 22.03 29.122 8.909a.5.5 0 11.707.707z' fill='currentColor'/%3e%3c/svg%3e");
|
|
98
98
|
--bt-icon-chevron-down-2px: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath d='M15.993 23.914L2.294 10.207a1 1 0 111.414-1.414l12.285 12.293L28.292 8.793a1 1 0 111.414 1.414z' fill='currentColor'/%3e%3c/svg%3e");
|
|
99
|
+
--bt-icon-chevron-down-mid: url("data:image/svg+xml,%3csvg viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 18.09l5.704-5.697a1.347 1.347 0 012.296.95 1.342 1.342 0 01-.393.95L16.95 20.94a1.347 1.347 0 01-1.902 0l-6.656-6.648A1.342 1.342 0 019.345 12c.356 0 .699.142.951.393L16 18.091z' fill='currentColor'/%3e%3c/svg%3e");
|
|
99
100
|
--bt-icon-chevron-left: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath d='M22.737 29.975a.498.498 0 01-.353-.146L8.556 16 22.384 2.171a.5.5 0 01.707.707L9.97 16l13.12 13.122a.5.5 0 01-.353.853z' fill='currentColor'/%3e%3c/svg%3e");
|
|
100
101
|
--bt-icon-chevron-left-2px: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath d='M22.5 29.999a.997.997 0 01-.707-.293L8.086 15.993 21.793 2.294a1 1 0 011.414 1.415L10.914 15.994 23.207 28.29a1 1 0 01-.707 1.707z' fill='currentColor'/%3e%3c/svg%3e");
|
|
101
102
|
--bt-icon-chevron-left-mid: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.621 8l2.849 2.852a.673.673 0 01-.732 1.097.671.671 0 01-.218-.145L6.196 8.476a.673.673 0 010-.951L9.52 4.197a.67.67 0 011.146.476c0 .178-.07.349-.196.475L7.62 8z' fill='currentColor'/%3e%3c/svg%3e");
|
|
@@ -104,6 +105,7 @@
|
|
|
104
105
|
--bt-icon-chevron-right-mid: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.045 8L6.197 5.148a.673.673 0 01.731-1.097.67.67 0 01.218.146l3.324 3.328a.673.673 0 010 .95l-3.324 3.329A.67.67 0 016 11.328c0-.178.07-.35.197-.476L9.045 8z' fill='currentColor'/%3e%3c/svg%3e");
|
|
105
106
|
--bt-icon-chevron-up: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath d='M29.476 23.238a.498.498 0 01-.354-.147L16 9.97 2.878 23.091a.5.5 0 01-.707-.707L16 8.555l13.83 13.83a.5.5 0 01-.354.853z' fill='currentColor'/%3e%3c/svg%3e");
|
|
106
107
|
--bt-icon-chevron-up-2px: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath d='M28.999 23.5a.997.997 0 01-.707-.293L16.007 10.914 3.708 23.207a1 1 0 01-1.414-1.414L16.007 8.086l13.7 13.707a1 1 0 01-.708 1.707z' fill='currentColor'/%3e%3c/svg%3e");
|
|
108
|
+
--bt-icon-chevron-up-mid: url("data:image/svg+xml,%3csvg viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 13.91l-5.704 5.697A1.347 1.347 0 018 18.657a1.341 1.341 0 01.393-.95l6.656-6.647a1.347 1.347 0 011.902 0l6.656 6.648A1.342 1.342 0 0122.655 20c-.357 0-.699-.142-.951-.393L16 13.909z' fill='currentColor'/%3e%3c/svg%3e");
|
|
107
109
|
--bt-icon-clipboard: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath d='M24.024 4H20v-.024A.977.977 0 0019.024 3h-6.048a.977.977 0 00-.976.976V4H7.976A.977.977 0 007 4.976v23.048a.977.977 0 00.976.976h16.048a.977.977 0 00.976-.976V4.976A.977.977 0 0024.024 4zM19 3.976V5l-6 .024L12.976 4zM8 28.024L7.976 5H12v.024a.977.977 0 00.976.976h6.048A.977.977 0 0020 5.024v-.026l4-.022L24.024 28z' fill='currentColor'/%3e%3c/svg%3e");
|
|
108
110
|
--bt-icon-clipboard-fill: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath d='M24.024 4H20v-.024A.977.977 0 0019.024 3h-6.048a.977.977 0 00-.976.976V4H7.976A.977.977 0 007 4.976v23.048a.977.977 0 00.976.976h16.048a.977.977 0 00.976-.976V4.976A.977.977 0 0024.024 4zM19 3.976V5l-6 .024L12.976 4z' fill='currentColor'/%3e%3c/svg%3e");
|
|
109
111
|
--bt-icon-clipboard-tick: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cdefs/%3e%3cpath d='M24.024 4H20v-.024A.977.977 0 0019.024 3h-6.048a.977.977 0 00-.976.976V4H7.976A.977.977 0 007 4.976v23.048a.977.977 0 00.976.976h16.048a.977.977 0 00.976-.976V4.976A.977.977 0 0024.024 4zM19 3.976V5l-6 .024L12.976 4zM8 28.024L7.976 5H12v.024a.977.977 0 00.976.976h6.048A.977.977 0 0020 5.024v-.026l4-.022L24.024 28z'/%3e%3cpath d='M20.146 13.146L14.5 18.793l-2.646-2.646a.5.5 0 00-.707.707l3.353 3.353 6.354-6.354a.5.5 0 00-.707-.707z'/%3e%3c/svg%3e");
|
package/tokens/js/icon-names.ts
CHANGED
|
@@ -96,6 +96,7 @@ export const iconNames = [
|
|
|
96
96
|
"BtIconChatTypingFill",
|
|
97
97
|
"BtIconChevronDown",
|
|
98
98
|
"BtIconChevronDown2Px",
|
|
99
|
+
"BtIconChevronDownMid",
|
|
99
100
|
"BtIconChevronLeft",
|
|
100
101
|
"BtIconChevronLeft2Px",
|
|
101
102
|
"BtIconChevronLeftMid",
|
|
@@ -104,6 +105,7 @@ export const iconNames = [
|
|
|
104
105
|
"BtIconChevronRightMid",
|
|
105
106
|
"BtIconChevronUp",
|
|
106
107
|
"BtIconChevronUp2Px",
|
|
108
|
+
"BtIconChevronUpMid",
|
|
107
109
|
"BtIconClipboard",
|
|
108
110
|
"BtIconClipboardFill",
|
|
109
111
|
"BtIconClipboardTick",
|