@douyinfe/semi-icons-lab 2.48.1-alpha.1 → 2.49.0

package/README.md

@@ -23,3 +23,10 @@ import { IconAnchor } from '@douyinfe/semi-icons-lab';
 ReactDOM.render(<IconAnchor />, root);
 ```
 
+
+
+## How to contribute icon to this package
+- Add the svg file under the path ```src/svgs/```, naming references to other files.
+- Run command ```lerna run build:icon --scope @douyinfe/semi-icons```, the corresponding tsx file will be generated under the path ```src/icons```.
+- Add the category and name of the new icon to the ```src/svgs/meta.json``` file.
+- Finally, run command ```yarn docsite``` and go to the icon page to confirm whether the icon is successfully added.

package/dist/umd/semi-icons-lab.js

@@ -174,6 +174,7 @@ __webpack_require__.d(__webpack_exports__, {
   "IconButton": () => (/* reexport */ IconButton),
   "IconCalendar": () => (/* reexport */ IconCalendar),
   "IconCard": () => (/* reexport */ IconCard),
+  "IconCarousel": () => (/* reexport */ IconCarousel),
   "IconCascader": () => (/* reexport */ IconCascader),
   "IconChangelog": () => (/* reexport */ IconChangelog),
   "IconCheckbox": () => (/* reexport */ IconCheckbox),
@@ -181,11 +182,13 @@ __webpack_require__.d(__webpack_exports__, {
   "IconCollapsible": () => (/* reexport */ IconCollapsible),
   "IconColorPlatte": () => (/* reexport */ IconColorPlatte),
   "IconColorPlatteNew": () => (/* reexport */ IconColorPlatteNew),
+  "IconConfig": () => (/* reexport */ IconConfig),
   "IconDarkMode": () => (/* reexport */ IconDarkMode),
   "IconDatePicker": () => (/* reexport */ IconDatePicker),
   "IconDescriptions": () => (/* reexport */ IconDescriptions),
   "IconDivider": () => (/* reexport */ IconDivider),
   "IconDropdown": () => (/* reexport */ IconDropdown),
+  "IconEmpty": () => (/* reexport */ IconEmpty),
   "IconFaq": () => (/* reexport */ IconFaq),
   "IconForm": () => (/* reexport */ IconForm),
   "IconGettingStarted": () => (/* reexport */ IconGettingStarted),
@@ -202,6 +205,7 @@ __webpack_require__.d(__webpack_exports__, {
   "IconModal": () => (/* reexport */ IconModal),
   "IconNavigation": () => (/* reexport */ IconNavigation),
   "IconNotification": () => (/* reexport */ IconNotification),
+  "IconOverflow": () => (/* reexport */ IconOverflow),
   "IconPagination": () => (/* reexport */ IconPagination),
   "IconPopconfirm": () => (/* reexport */ IconPopconfirm),
   "IconPopover": () => (/* reexport */ IconPopover),
@@ -222,7 +226,9 @@ __webpack_require__.d(__webpack_exports__, {
   "IconTag": () => (/* reexport */ IconTag),
   "IconTagInput": () => (/* reexport */ IconTagInput),
   "IconTimePicker": () => (/* reexport */ IconTimePicker),
+  "IconTimeline": () => (/* reexport */ IconTimeline),
   "IconToast": () => (/* reexport */ IconToast),
+  "IconToken": () => (/* reexport */ IconToken),
   "IconTooltip": () => (/* reexport */ IconTooltip),
   "IconTransfer": () => (/* reexport */ IconTransfer),
   "IconTree": () => (/* reexport */ IconTree),
@@ -231,7 +237,6 @@ __webpack_require__.d(__webpack_exports__, {
   "IconUpload": () => (/* reexport */ IconUpload),
   "IconVersionTwo": () => (/* reexport */ IconVersionTwo),
   "IconWheelChair": () => (/* reexport */ IconWheelChair),
-  "convertIcon": () => (/* reexport */ convertIcon),
   "default": () => (/* binding */ es)
 });
 
@@ -707,6 +712,51 @@ function IconCard_SvgComponent(props) {
 }
 const IconCard_IconComponent = convertIcon(IconCard_SvgComponent, 'card');
 /* harmony default export */ const IconCard = (IconCard_IconComponent);
+;// CONCATENATED MODULE: ./lib/es/icons/IconCarousel.js
+
+
+function IconCarousel_SvgComponent(props) {
+  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    focusable: false,
+    "aria-hidden": true
+  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("rect", {
+    x: 10.5,
+    y: 7.5,
+    width: 11,
+    height: 11,
+    rx: 2,
+    fill: "#DDE3E8"
+  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("rect", {
+    x: 2.5,
+    y: 7.5,
+    width: 12,
+    height: 11,
+    rx: 2,
+    fill: "#AAB2BF"
+  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("rect", {
+    x: 5,
+    y: 5.5,
+    width: 14,
+    height: 13,
+    rx: 2,
+    fill: "#6A6F7F"
+  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
+    d: "M12.1824 10.7059C12.768 9.76471 14.232 9.76471 14.8176 10.7059L16.7939 13.8824C17.3795 14.8235 16.6475 16 15.4763 16H11.5237C10.3525 16 9.62051 14.8235 10.2061 13.8824L12.1824 10.7059Z",
+    fill: "#DDE3E8"
+  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("circle", {
+    cx: 8.5,
+    cy: 9.5,
+    r: 1.5,
+    fill: "white"
+  }));
+}
+const IconCarousel_IconComponent = convertIcon(IconCarousel_SvgComponent, 'carousel');
+/* harmony default export */ const IconCarousel = (IconCarousel_IconComponent);
 ;// CONCATENATED MODULE: ./lib/es/icons/IconCascader.js
 
 
@@ -944,6 +994,37 @@ function IconColorPlatte_SvgComponent(props) {
 }
 const IconColorPlatte_IconComponent = convertIcon(IconColorPlatte_SvgComponent, 'color-platte');
 /* harmony default export */ const IconColorPlatte = (IconColorPlatte_IconComponent);
+;// CONCATENATED MODULE: ./lib/es/icons/IconConfig.js
+
+
+function IconConfig_SvgComponent(props) {
+  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    focusable: false,
+    "aria-hidden": true
+  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M10.2983 1C9.83136 1 9.4266 1.32309 9.32313 1.77838L8.6518 4.73223C8.2046 4.93859 7.77969 5.18502 7.38167 5.46689L4.48633 4.57087C4.04031 4.43284 3.55812 4.62183 3.32467 5.02617L1.6229 7.97373C1.38945 8.37807 1.46688 8.89015 1.80943 9.20741L4.03314 11.2669C4.01121 11.5083 4 11.7529 4 12C4 12.2471 4.0112 12.4916 4.03313 12.733L1.80943 14.7925C1.46688 15.1098 1.38945 15.6218 1.6229 16.0262L3.32467 18.9737C3.55812 19.3781 4.0403 19.5671 4.48633 19.429L7.38158 18.533C7.77963 18.8149 8.20457 19.0614 8.6518 19.2678L9.32313 22.2216C9.4266 22.6769 9.83136 23 10.2983 23H13.7018C14.1687 23 14.5735 22.6769 14.6769 22.2216L15.3483 19.2677C15.7955 19.0614 16.2204 18.8149 16.6185 18.533L19.5138 19.429C19.9598 19.5671 20.442 19.3781 20.6755 18.9737L22.3772 16.0262C22.6107 15.6218 22.5333 15.1098 22.1907 14.7925L19.9669 12.7329C19.9888 12.4915 20 12.2471 20 12C20 11.7529 19.9888 11.5084 19.9669 11.267L22.1907 9.20741C22.5333 8.89015 22.6107 8.37807 22.3772 7.97373L20.6755 5.02617C20.442 4.62183 19.9598 4.43284 19.5138 4.57087L16.6184 5.46692C16.2204 5.18505 15.7955 4.93863 15.3483 4.73226L14.6769 1.77838C14.5735 1.32309 14.1687 1 13.7018 1H10.2983Z",
+    fill: "#DDE3E8"
+  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16ZM12 18C15.3137 18 18 15.3137 18 12C18 8.68629 15.3137 6 12 6C8.68629 6 6 8.68629 6 12C6 15.3137 8.68629 18 12 18Z",
+    fill: "#AAB2BF"
+  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("circle", {
+    cx: 12,
+    cy: 12,
+    r: 3,
+    fill: "#324350"
+  }));
+}
+const IconConfig_IconComponent = convertIcon(IconConfig_SvgComponent, 'config');
+/* harmony default export */ const IconConfig = (IconConfig_IconComponent);
 ;// CONCATENATED MODULE: ./lib/es/icons/IconDarkMode.js
 
 
@@ -1163,6 +1244,59 @@ function IconDropdown_SvgComponent(props) {
 }
 const IconDropdown_IconComponent = convertIcon(IconDropdown_SvgComponent, 'dropdown');
 /* harmony default export */ const IconDropdown = (IconDropdown_IconComponent);
+;// CONCATENATED MODULE: ./lib/es/icons/IconEmpty.js
+
+
+function IconEmpty_SvgComponent(props) {
+  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    focusable: false,
+    "aria-hidden": true
+  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
+    d: "M5.44134 9.08345C5.78441 8.41807 6.47035 8 7.21896 8H16.7804C17.5293 8 18.2155 8.4184 18.5584 9.08417L21.9336 15.6367L2.12891 15.5078L5.44134 9.08345Z",
+    fill: "#AAB2BF"
+  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
+    d: "M6.72999 11.3166C6.89478 10.9658 7.2475 10.7417 7.63513 10.7417H16.3649C16.7525 10.7417 17.1052 10.9657 17.27 11.3166L19 14.9999H5L6.72999 11.3166Z",
+    fill: "#6A6F7F"
+  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
+    d: "M2 16C2 15.4477 2.44772 15 3 15H21C21.5523 15 22 15.4477 22 16V21C22 21.5523 21.5523 22 21 22H3C2.44772 22 2 21.5523 2 21V16Z",
+    fill: "#DDE3E8"
+  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("rect", {
+    x: 11,
+    y: 1,
+    width: 2,
+    height: 5,
+    rx: 1,
+    fill: "#AAB2BF"
+  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("rect", {
+    x: 3.879,
+    y: 4.293,
+    width: 2,
+    height: 4.3448,
+    rx: 1,
+    transform: "rotate(-45 3.87866 4.29285)",
+    fill: "#AAB2BF"
+  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("rect", {
+    x: 18.573,
+    y: 2.879,
+    width: 2,
+    height: 4.2175,
+    rx: 1,
+    transform: "rotate(45 18.5731 2.87866)",
+    fill: "#AAB2BF"
+  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("circle", {
+    cx: 12,
+    cy: 18.5,
+    r: 1.5,
+    fill: "#AAB2BF"
+  }));
+}
+const IconEmpty_IconComponent = convertIcon(IconEmpty_SvgComponent, 'empty');
+/* harmony default export */ const IconEmpty = (IconEmpty_IconComponent);
 ;// CONCATENATED MODULE: ./lib/es/icons/IconFaq.js
 
 
@@ -1829,6 +1963,44 @@ function IconNotification_SvgComponent(props) {
 }
 const IconNotification_IconComponent = convertIcon(IconNotification_SvgComponent, 'notification');
 /* harmony default export */ const IconNotification = (IconNotification_IconComponent);
+;// CONCATENATED MODULE: ./lib/es/icons/IconOverflow.js
+
+
+function IconOverflow_SvgComponent(props) {
+  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    focusable: false,
+    "aria-hidden": true
+  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("rect", {
+    x: 1,
+    y: 4,
+    width: 22,
+    height: 16,
+    rx: 3,
+    fill: "#DDE3E8"
+  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("circle", {
+    cx: 6,
+    cy: 12,
+    r: 2,
+    fill: "#6A6F7F"
+  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("circle", {
+    cx: 12,
+    cy: 12,
+    r: 2,
+    fill: "#6A6F7F"
+  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("circle", {
+    cx: 18,
+    cy: 12,
+    r: 2,
+    fill: "#6A6F7F"
+  }));
+}
+const IconOverflow_IconComponent = convertIcon(IconOverflow_SvgComponent, 'overflowList');
+/* harmony default export */ const IconOverflow = (IconOverflow_IconComponent);
 ;// CONCATENATED MODULE: ./lib/es/icons/IconPagination.js
 
 
@@ -2071,7 +2243,7 @@ function IconScrollList_SvgComponent(props) {
     fill: "#DDE3E8"
   }));
 }
-const IconScrollList_IconComponent = convertIcon(IconScrollList_SvgComponent, 'scroll-list');
+const IconScrollList_IconComponent = convertIcon(IconScrollList_SvgComponent, 'scrolllist');
 /* harmony default export */ const IconScrollList = (IconScrollList_IconComponent);
 ;// CONCATENATED MODULE: ./lib/es/icons/IconSelect.js
 
@@ -2580,6 +2752,43 @@ function IconTimePicker_SvgComponent(props) {
 }
 const IconTimePicker_IconComponent = convertIcon(IconTimePicker_SvgComponent, 'time-picker');
 /* harmony default export */ const IconTimePicker = (IconTimePicker_IconComponent);
+;// CONCATENATED MODULE: ./lib/es/icons/IconTimeline.js
+
+
+function IconTimeline_SvgComponent(props) {
+  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    focusable: false,
+    "aria-hidden": true
+  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("rect", {
+    x: 3,
+    y: 11,
+    width: 18,
+    height: 2,
+    fill: "#AAB2BF"
+  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("circle", {
+    cx: 4,
+    cy: 12,
+    r: 3,
+    fill: "#DDE3E8"
+  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("circle", {
+    cx: 12,
+    cy: 12,
+    r: 3,
+    fill: "#DDE3E8"
+  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("circle", {
+    cx: 20,
+    cy: 12,
+    r: 3,
+    fill: "#4CC3FA"
+  }));
+}
+const IconTimeline_IconComponent = convertIcon(IconTimeline_SvgComponent, 'timeline');
+/* harmony default export */ const IconTimeline = (IconTimeline_IconComponent);
 ;// CONCATENATED MODULE: ./lib/es/icons/IconToast.js
 
 
@@ -2627,6 +2836,46 @@ function IconToast_SvgComponent(props) {
 }
 const IconToast_IconComponent = convertIcon(IconToast_SvgComponent, 'toast');
 /* harmony default export */ const IconToast = (IconToast_IconComponent);
+;// CONCATENATED MODULE: ./lib/es/icons/IconToken.js
+
+
+function IconToken_SvgComponent(props) {
+  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    focusable: false,
+    "aria-hidden": true
+  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("rect", {
+    width: 8,
+    height: 8,
+    rx: 4,
+    fill: "#F0B114"
+  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("rect", {
+    y: 10,
+    width: 8,
+    height: 8,
+    rx: 4,
+    fill: "#E91E63"
+  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("rect", {
+    x: 10,
+    width: 8,
+    height: 8,
+    rx: 4,
+    fill: "#0077FA"
+  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("rect", {
+    x: 10,
+    y: 10,
+    width: 8,
+    height: 8,
+    rx: 4,
+    fill: "#00B3A1"
+  }));
+}
+const IconToken_IconComponent = convertIcon(IconToken_SvgComponent, 'token');
+/* harmony default export */ const IconToken = (IconToken_IconComponent);
 ;// CONCATENATED MODULE: ./lib/es/icons/IconTooltip.js
 
 
@@ -2948,8 +3197,13 @@ const IconWheelChair_IconComponent = convertIcon(IconWheelChair_SvgComponent, 'w
 
 
 
-;// CONCATENATED MODULE: ./lib/es/index.js
 
+
+
+
+
+
+;// CONCATENATED MODULE: ./lib/es/index.js
 
 
 /* harmony default export */ const es = (components_Icon);