@douyinfe/semi-icons 2.1.1 → 2.1.2

package/lib/cjs/index.d.ts

@@ -0,0 +1,4 @@
+import Icon from './components/Icon';
+export * from './components/Icon';
+export * from './icons';
+export default Icon;

package/lib/cjs/index.js

@@ -0,0 +1,57 @@
+"use strict";
+
+var _context, _context2;
+
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+
+var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
+
+var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _exportNames = {};
+exports.default = void 0;
+
+var _Icon = _interopRequireWildcard(require("./components/Icon"));
+
+_forEachInstanceProperty(_context = _Object$keys(_Icon)).call(_context, function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Icon[key]) return;
+
+  _Object$defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Icon[key];
+    }
+  });
+});
+
+var _icons = require("./icons");
+
+_forEachInstanceProperty(_context2 = _Object$keys(_icons)).call(_context2, function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _icons[key]) return;
+
+  _Object$defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _icons[key];
+    }
+  });
+});
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var _default = _Icon.default;
+exports.default = _default;

package/lib/cjs/styles/variables.css

@@ -0,0 +1,3 @@
+/* shadow */
+/* sizing */
+/* spacing */

package/lib/cjs/styles/variables.scss

@@ -0,0 +1,7 @@
+
+$width-icon_extra_small: $width-icon-extra-small; // 图标尺寸 - 超小
+$width-icon_small: $width-icon-small; // 图标尺寸 - 小
+$width-icon_medium: $width-icon-medium; // 图标尺寸 - 中
+$width-icon_large: $width-icon-large; // 图标尺寸 - 大
+$width-icon_extra_large: $width-icon-extra-large; // 图标尺寸 - 超大
+$motion-icon_spin-animationDuration: .6s;

package/lib/es/components/Icon.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode, DetailedHTMLProps, ComponentType } from 'react';
-import '../styles/icon.scss';
+import '../styles/icons.css';
 export declare type IconSize = 'extra-small' | 'small' | 'default' | 'large' | 'extra-large';
 export interface IconProps extends DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> {
     svg: ReactNode;

package/lib/es/components/Icon.js

@@ -18,7 +18,7 @@ var __rest = this && this.__rest || function (s, e) {
 import React from 'react';
 import { BASE_CLASS_PREFIX } from '../env';
 import cls from 'classnames';
-import '../styles/icon.css';
+import '../styles/icons.css';
 const Icon = /*#__PURE__*/React.forwardRef((props, ref) => {
   var _context;
 

package/lib/es/icons/IconFeishuLogo.js

@@ -12,9 +12,19 @@ function SvgComponent(props) {
     focusable: false,
     "aria-hidden": true
   }, props), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M10.396 12.9586L15.7149 7.59084C15.5779 7.34131 15.5 7.05475 15.5 6.75C15.5 5.78351 16.2835 5 17.25 5C17.549 5 17.8305 5.07501 18.0768 5.20723L22.2456 1L0 7.44405L5.28847 12.6722L10.396 12.9586ZM11.1685 13.7194L11.5483 18.9896L16.6209 24L23.0001 1.77899L18.827 5.99044C18.9379 6.22018 19 6.47784 19 6.75C19 7.7165 18.2165 8.5 17.25 8.5C16.9835 8.5 16.731 8.44045 16.5049 8.33391L11.1685 13.7194Z",
+    d: "M6.13732 3.80654C8.76716 5.98777 11.0232 8.49408 12.7428 11.4327L14.4397 9.75535C15.2458 8.96545 16.2113 8.34129 17.258 7.93496C16.7802 6.31936 16.0033 4.98005 14.9403 3.65376C14.8135 3.49449 14.6185 3.40346 14.4137 3.40346L6.28362 3.40021C6.06906 3.40021 5.9748 3.67001 6.13732 3.80654Z",
+    fill: "currentColor"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M20.5703 14.1922L20.58 14.1793L20.6155 14.1146C20.6026 14.1372 20.5864 14.1631 20.5703 14.1922Z",
+    fill: "currentColor"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M11.0361 14.5567C12.2714 15.0833 13.3766 15.5287 14.6899 15.883C17.0207 16.5136 19.2311 15.5709 20.3234 13.4872L21.6432 10.8541C21.939 10.2105 22.3128 9.6156 22.7647 9.07273C21.9715 8.78016 21.3149 8.63064 20.4534 8.63064C18.5518 8.63064 16.7606 9.36205 15.4018 10.6948L13.3831 12.6875C12.6647 13.3929 11.878 14.0203 11.0361 14.5567Z",
+    fill: "currentColor"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M20.7945 13.7752L20.8039 13.7566L20.8101 13.7473C20.8039 13.7535 20.8007 13.7659 20.7945 13.7752Z",
+    fill: "currentColor"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M1.62519 9.74885C1.47889 9.60906 1.23511 9.70983 1.23511 9.91463L1.23834 17.8724C1.23834 18.1 1.34887 18.3112 1.53416 18.4348C3.66663 19.8521 6.15343 20.5998 8.72151 20.5998C11.166 20.5998 13.5488 19.9171 15.6098 18.6266C16.3867 18.139 16.9979 17.7099 17.6512 17.0792C16.6013 17.388 15.4472 17.4075 14.2835 17.0922C9.37815 15.7594 5.20097 13.2044 1.62519 9.74885Z",
     fill: "currentColor"
   }));
 }

package/lib/es/styles/icons.css

@@ -0,0 +1,45 @@
+/* shadow */
+/* sizing */
+/* spacing */
+.semi-icon {
+  display: inline-block;
+  font-style: normal;
+  line-height: 0;
+  text-align: center;
+  text-transform: none;
+  text-rendering: optimizeLegibility;
+  fill: currentColor;
+}
+
+.semi-icon-extra-small {
+  font-size: 8px;
+}
+
+.semi-icon-small {
+  font-size: 12px;
+}
+
+.semi-icon-default {
+  font-size: 16px;
+}
+
+.semi-icon-large {
+  font-size: 20px;
+}
+
+.semi-icon-extra-large {
+  font-size: 24px;
+}
+
+.semi-icon-spinning {
+  animation: 0.6s linear infinite semi-icon-animation-rotate;
+}
+
+@keyframes semi-icon-animation-rotate {
+  from {
+    transform: rotate(0);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@douyinfe/semi-icons",
-  "version": "2.1.1",
+  "version": "2.1.2",
   "description": "semi icons",
   "keywords": [
     "semi",
@@ -8,7 +8,7 @@
   ],
   "author": "",
   "homepage": "",
-  "main": "lib/es/index.js",
+  "main": "lib/cjs/index.js",
   "module": "lib/es/index.js",
   "typings": "lib/es/index.d.ts",
   "license": "MIT",
@@ -38,7 +38,7 @@
     "@babel/plugin-transform-runtime": "^7.15.8",
     "@babel/preset-env": "^7.15.8",
     "@babel/preset-react": "^7.14.5",
-    "@douyinfe/semi-webpack-plugin": "2.1.1",
+    "@douyinfe/semi-webpack-plugin": "2.1.2",
     "babel-loader": "^8.2.2",
     "css-loader": "4.3.0",
     "del": "^6.0.0",
@@ -64,5 +64,5 @@
   "unpkgFiles": [
     "*"
   ],
-  "gitHead": "be28426a48482f95f11422cda5b5f2c0d86f4be5"
+  "gitHead": "49e7bdabe06525ab4990e5b12b5541e668aa6b11"
 }

package/src/components/Icon.tsx

@@ -1,7 +1,7 @@
 import React, { ReactNode, Ref, CSSProperties, DetailedHTMLProps, ComponentType } from 'react';
 import { BASE_CLASS_PREFIX } from '../env';
 import cls from 'classnames';
-import '../styles/icon.scss';
+import '../styles/icons.scss';
 
 export type IconSize = 'extra-small' | 'small' | 'default' | 'large' | 'extra-large';
 

package/src/icons/IconFeishuLogo.tsx

@@ -14,9 +14,23 @@ function SvgComponent(props: React.SVGProps<SVGSVGElement>) {
             {...props}
         >
             <path
-                fillRule="evenodd"
-                clipRule="evenodd"
-                d="M10.396 12.9586L15.7149 7.59084C15.5779 7.34131 15.5 7.05475 15.5 6.75C15.5 5.78351 16.2835 5 17.25 5C17.549 5 17.8305 5.07501 18.0768 5.20723L22.2456 1L0 7.44405L5.28847 12.6722L10.396 12.9586ZM11.1685 13.7194L11.5483 18.9896L16.6209 24L23.0001 1.77899L18.827 5.99044C18.9379 6.22018 19 6.47784 19 6.75C19 7.7165 18.2165 8.5 17.25 8.5C16.9835 8.5 16.731 8.44045 16.5049 8.33391L11.1685 13.7194Z"
+                d="M6.13732 3.80654C8.76716 5.98777 11.0232 8.49408 12.7428 11.4327L14.4397 9.75535C15.2458 8.96545 16.2113 8.34129 17.258 7.93496C16.7802 6.31936 16.0033 4.98005 14.9403 3.65376C14.8135 3.49449 14.6185 3.40346 14.4137 3.40346L6.28362 3.40021C6.06906 3.40021 5.9748 3.67001 6.13732 3.80654Z"
+                fill="currentColor"
+            />
+            <path
+                d="M20.5703 14.1922L20.58 14.1793L20.6155 14.1146C20.6026 14.1372 20.5864 14.1631 20.5703 14.1922Z"
+                fill="currentColor"
+            />
+            <path
+                d="M11.0361 14.5567C12.2714 15.0833 13.3766 15.5287 14.6899 15.883C17.0207 16.5136 19.2311 15.5709 20.3234 13.4872L21.6432 10.8541C21.939 10.2105 22.3128 9.6156 22.7647 9.07273C21.9715 8.78016 21.3149 8.63064 20.4534 8.63064C18.5518 8.63064 16.7606 9.36205 15.4018 10.6948L13.3831 12.6875C12.6647 13.3929 11.878 14.0203 11.0361 14.5567Z"
+                fill="currentColor"
+            />
+            <path
+                d="M20.7945 13.7752L20.8039 13.7566L20.8101 13.7473C20.8039 13.7535 20.8007 13.7659 20.7945 13.7752Z"
+                fill="currentColor"
+            />
+            <path
+                d="M1.62519 9.74885C1.47889 9.60906 1.23511 9.70983 1.23511 9.91463L1.23834 17.8724C1.23834 18.1 1.34887 18.3112 1.53416 18.4348C3.66663 19.8521 6.15343 20.5998 8.72151 20.5998C11.166 20.5998 13.5488 19.9171 15.6098 18.6266C16.3867 18.139 16.9979 17.7099 17.6512 17.0792C16.6013 17.388 15.4472 17.4075 14.2835 17.0922C9.37815 15.7594 5.20097 13.2044 1.62519 9.74885Z"
                 fill="currentColor"
             />
         </svg>

package/src/styles/icons.scss

@@ -0,0 +1,44 @@
+@import './variables.scss';
+
+.#{$prefix}-icon {
+    display: inline-block;
+    font-style: normal;
+    line-height: 0;
+    text-align: center;
+    text-transform: none;
+    text-rendering: optimizeLegibility;
+    fill: currentColor;
+}
+
+.#{$prefix}-icon-extra-small {
+    font-size: $width-icon_extra_small;
+}
+
+.#{$prefix}-icon-small {
+    font-size: $width-icon_small;
+}
+
+.#{$prefix}-icon-default {
+    font-size: $width-icon_medium;
+}
+
+.#{$prefix}-icon-large {
+    font-size: $width-icon_large;
+}
+
+.#{$prefix}-icon-extra-large {
+    font-size: $width-icon_extra_large;
+}
+
+.#{$prefix}-icon-spinning {
+    animation: $motion-icon_spin-animationDuration linear infinite #{$prefix}-icon-animation-rotate;
+}
+
+@keyframes #{$prefix}-icon-animation-rotate {
+    from {
+        transform: rotate(0);
+    }
+    to {
+        transform: rotate(360deg);
+    }
+}

package/src/svgs/feishu_logo.svg

@@ -1 +1 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.396 12.9586L15.7149 7.59084C15.5779 7.34131 15.5 7.05475 15.5 6.75C15.5 5.78351 16.2835 5 17.25 5C17.549 5 17.8305 5.07501 18.0768 5.20723L22.2456 1L0 7.44405L5.28847 12.6722L10.396 12.9586ZM11.1685 13.7194L11.5483 18.9896L16.6209 24L23.0001 1.77899L18.827 5.99044C18.9379 6.22018 19 6.47784 19 6.75C19 7.7165 18.2165 8.5 17.25 8.5C16.9835 8.5 16.731 8.44045 16.5049 8.33391L11.1685 13.7194Z" fill="black"/></svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.13732 3.80654C8.76716 5.98777 11.0232 8.49408 12.7428 11.4327L14.4397 9.75535C15.2458 8.96545 16.2113 8.34129 17.258 7.93496C16.7802 6.31936 16.0033 4.98005 14.9403 3.65376C14.8135 3.49449 14.6185 3.40346 14.4137 3.40346L6.28362 3.40021C6.06906 3.40021 5.9748 3.67001 6.13732 3.80654Z" fill="black"/><path d="M20.5703 14.1922L20.58 14.1793L20.6155 14.1146C20.6026 14.1372 20.5864 14.1631 20.5703 14.1922Z" fill="black"/><path d="M11.0361 14.5567C12.2714 15.0833 13.3766 15.5287 14.6899 15.883C17.0207 16.5136 19.2311 15.5709 20.3234 13.4872L21.6432 10.8541C21.939 10.2105 22.3128 9.6156 22.7647 9.07273C21.9715 8.78016 21.3149 8.63064 20.4534 8.63064C18.5518 8.63064 16.7606 9.36205 15.4018 10.6948L13.3831 12.6875C12.6647 13.3929 11.878 14.0203 11.0361 14.5567Z" fill="black"/><path d="M20.7945 13.7752L20.8039 13.7566L20.8101 13.7473C20.8039 13.7535 20.8007 13.7659 20.7945 13.7752Z" fill="black"/><path d="M1.62519 9.74885C1.47889 9.60906 1.23511 9.70983 1.23511 9.91463L1.23834 17.8724C1.23834 18.1 1.34887 18.3112 1.53416 18.4348C3.66663 19.8521 6.15343 20.5998 8.72151 20.5998C11.166 20.5998 13.5488 19.9171 15.6098 18.6266C16.3867 18.139 16.9979 17.7099 17.6512 17.0792C16.6013 17.388 15.4472 17.4075 14.2835 17.0922C9.37815 15.7594 5.20097 13.2044 1.62519 9.74885Z" fill="black"/></svg>