@unicom-cloud/icons 0.1.8 → 0.1.9

package/IconUiLoadingRing.jsx

@@ -0,0 +1,68 @@
+import { forwardRef } from 'react';
+import useProps from './useProps';
+
+function Icon(props, ref) {
+  const props_ = useProps({ ...props, name: 'ui-loading-ring' });
+
+  const e = (
+    <svg
+      width='1em'
+      height='1em'
+      viewBox='0 0 44 44'
+      stroke='currentColor'
+      ref={ref}
+      {...props_}
+    >
+      <g fill='none' fillRule='evenodd' strokeWidth='2'>
+        <circle cx='22' cy='22' r='1'>
+          <animate
+            attributeName='r'
+            begin='0s'
+            dur='1.8s'
+            values='1;20'
+            calcMode='spline'
+            keyTimes='0;1'
+            keySplines='0.165,0.84,0.44,1'
+            repeatCount='indefinite'
+          />
+          <animate
+            attributeName='stroke-opacity'
+            begin='0s'
+            dur='1.8s'
+            values='1;0'
+            calcMode='spline'
+            keyTimes='0;1'
+            keySplines='0.3,0.61,0.355,1'
+            repeatCount='indefinite'
+          />
+        </circle>
+        <circle cx='22' cy='22' r='1'>
+          <animate
+            attributeName='r'
+            begin='-0.9s'
+            dur='1.8s'
+            values='1;20'
+            calcMode='spline'
+            keyTimes='0;1'
+            keySplines='0.165,0.84,0.44,1'
+            repeatCount='indefinite'
+          />
+          <animate
+            attributeName='stroke-opacity'
+            begin='-0.9s'
+            dur='1.8s'
+            values='1;0'
+            calcMode='spline'
+            keyTimes='0;1'
+            keySplines='0.3,0.61,0.355,1'
+            repeatCount='indefinite'
+          />
+        </circle>
+      </g>
+    </svg>
+  );
+  return e;
+}
+
+const IconUiLoadingRing = forwardRef(Icon);
+export default IconUiLoadingRing;

package/IconUiLoadingSpinner.jsx

@@ -0,0 +1,49 @@
+import { forwardRef } from 'react';
+import useProps from './useProps';
+
+function Icon(props, ref) {
+  const props_ = useProps({ ...props, name: 'ui-loading-spinner' });
+
+  const e = (
+    <svg
+      width='1em'
+      height='1em'
+      stroke='currentColor'
+      viewBox='0 0 24 24'
+      fill='none'
+      ref={ref}
+      {...props_}
+      strokeWidth='2'
+      strokeLinecap='round'
+    >
+      <circle cx='12' cy='12' r='9.5'>
+        <animateTransform
+          attributeName='transform'
+          type='rotate'
+          from='0 12 12'
+          to='360 12 12'
+          dur='2s'
+          repeatCount='indefinite'
+        />
+        <animate
+          attributeName='stroke-dasharray'
+          values='0,150;42,150;42,150'
+          keyTimes='0;0.475;1'
+          dur='1.5s'
+          repeatCount='indefinite'
+        />
+        <animate
+          attributeName='stroke-dashoffset'
+          values='0;-16;-59'
+          keyTimes='0;0.475;1'
+          dur='1.5s'
+          repeatCount='indefinite'
+        />
+      </circle>
+    </svg>
+  );
+  return e;
+}
+
+const IconUiLoadingSpinner = forwardRef(Icon);
+export default IconUiLoadingSpinner;

package/IconUiMobileCircleDisabled.jsx

@@ -16,7 +16,7 @@ function Icon(props, ref) {
     >
       <path
         d='M18.375 10a8.375 8.375 0 1 1-16.75 0 8.375 8.375 0 0 1 16.75 0z'
-        stroke='#E5E6EB'
+        stroke='#e5e6eb'
         strokeWidth='1.25'
       />
     </svg>

package/IconUiMobileSquareDisabled.jsx

@@ -15,7 +15,7 @@ function Icon(props, ref) {
       {...props_}
     >
       <path
-        stroke='#E5E6EB'
+        stroke='#e5e6eb'
         d='M15.6 2.5H4.4c-1 0-1.9.8-1.9 1.9v11.2c0 1 .8 1.9 1.9 1.9h11.2c1 0 1.9-.8 1.9-1.9V4.4c0-1.1-.8-1.9-1.9-1.9z'
       />
     </svg>

package/package.json

@@ -1 +1 @@
-{"name":"@unicom-cloud/icons","version":"0.1.8","dependencies":{},"peerDependencies":{"dayjs":"^1.11.10","lodash":"^4.17.21","react":"^18.3.1","react-dom":"^18.3.1"},"main":"./index.js","type":"module","types":"types/index.d.ts","publishConfig":{"registry":"https://registry.npmjs.org/","access":"public"}}
+{"name":"@unicom-cloud/icons","version":"0.1.9","dependencies":{},"peerDependencies":{"dayjs":"^1.11.10","lodash":"^4.17.21","react":"^18.3.1","react-dom":"^18.3.1"},"main":"./index.js","type":"module","types":"types/index.d.ts","publishConfig":{"registry":"https://registry.npmjs.org/","access":"public"}}

package/ui.js

@@ -137,6 +137,11 @@ export { default as IconUiLineHeight } from './IconUiLineHeight';
 export { default as IconUiLink } from './IconUiLink';
 export { default as IconUiList } from './IconUiList';
 export { default as IconUiLiveBroadcast } from './IconUiLiveBroadcast';
+export { default as IconUiLoadingBall } from './IconUiLoadingBall';
+export { default as IconUiLoadingDots } from './IconUiLoadingDots';
+export { default as IconUiLoadingInfinity } from './IconUiLoadingInfinity';
+export { default as IconUiLoadingRing } from './IconUiLoadingRing';
+export { default as IconUiLoadingSpinner } from './IconUiLoadingSpinner';
 export { default as IconUiLoading } from './IconUiLoading';
 export { default as IconUiLocation } from './IconUiLocation';
 export { default as IconUiLock } from './IconUiLock';