@scaleflex/icons-tw 0.0.1 → 0.0.2

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/arrow-bottom.js CHANGED
@@ -6,7 +6,7 @@ export var ArrowBottom = function ArrowBottom(_ref) {
6
6
  var _ref$color = _ref.color,
7
7
  color = _ref$color === void 0 ? 'currentColor' : _ref$color,
8
8
  _ref$size = _ref.size,
9
- size = _ref$size === void 0 ? 14 : _ref$size,
9
+ size = _ref$size === void 0 ? '0.875rem' : _ref$size,
10
10
  ref = _ref.ref,
11
11
  rest = _objectWithoutProperties(_ref, _excluded);
12
12
  return /*#__PURE__*/React.createElement("svg", _extends({
package/arrow.js CHANGED
@@ -6,13 +6,13 @@ export var Arrow = function Arrow(_ref) {
6
6
  var _ref$stroke = _ref.stroke,
7
7
  stroke = _ref$stroke === void 0 ? 'currentColor' : _ref$stroke,
8
8
  _ref$size = _ref.size,
9
- size = _ref$size === void 0 ? 10 : _ref$size,
9
+ size = _ref$size === void 0 ? '0.625rem' : _ref$size,
10
10
  ref = _ref.ref,
11
11
  rest = _objectWithoutProperties(_ref, _excluded);
12
12
  return /*#__PURE__*/React.createElement("svg", _extends({
13
13
  "data-icon-name": "Arrow",
14
14
  ref: ref,
15
- width: size * (51 / 56),
15
+ width: size /* TODO: check if we need to set different width as it was: width={size * (51 / 56)}*/,
16
16
  height: size,
17
17
  viewBox: "0 0 51 56",
18
18
  fill: "none",
package/censor.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import type { IconProps } from './icon.props';
2
+ export declare const Censor: ({ color, size, ref, ...rest }: IconProps) => JSX.Element;
3
+ export default Censor;
package/censor.js ADDED
@@ -0,0 +1,35 @@
1
+ import _extends from "@babel/runtime/helpers/extends";
2
+ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
+ var _excluded = ["color", "size", "ref"];
4
+ import React from 'react';
5
+ export var Censor = function Censor(_ref) {
6
+ var _ref$color = _ref.color,
7
+ color = _ref$color === void 0 ? 'currentColor' : _ref$color,
8
+ _ref$size = _ref.size,
9
+ size = _ref$size === void 0 ? '0.875rem' : _ref$size,
10
+ ref = _ref.ref,
11
+ rest = _objectWithoutProperties(_ref, _excluded);
12
+ return /*#__PURE__*/React.createElement("svg", _extends({
13
+ "data-icon-name": "Censor",
14
+ ref: ref,
15
+ width: size,
16
+ height: size,
17
+ viewBox: "0 0 50 50",
18
+ fill: "none",
19
+ xmlns: "http://www.w3.org/2000/svg"
20
+ }, rest), /*#__PURE__*/React.createElement("g", {
21
+ clipPath: "url(#clip0)"
22
+ }, /*#__PURE__*/React.createElement("path", {
23
+ d: "M50.2754 25.076C50.2754 29.8718 40.0104 40.1521 25.3323 40.1521C11.0368 40.1521 0.312696 30.0249 0.312696 25.076C0.312696 20.1272 11.0368 10 25.2558 10C40.0869 10 50.2754 20.0507 50.2754 25.076ZM25.3323 12.7448C18.7152 12.7448 13.3174 18.2242 13.3174 25.0812C13.3174 31.933 18.7152 37.4124 25.3323 37.4124C31.9494 37.4124 37.3472 31.933 37.3472 25.0812C37.3472 18.3008 31.9494 12.7448 25.3323 12.7448ZM25.3323 17.2345C21.0722 17.2345 17.654 20.7344 17.654 25.076C17.654 29.4177 21.0773 32.9176 25.3323 32.9176C29.5924 32.9176 33.0106 29.4126 33.0106 25.076C32.9392 20.7344 29.5159 17.2345 25.3323 17.2345Z",
24
+ fill: color
25
+ }), /*#__PURE__*/React.createElement("path", {
26
+ d: "M2.76666 12.0969L49.4591 34.6982C50.1223 35.0196 50.3978 35.8104 50.0764 36.4737L49.4948 37.6726C49.1734 38.3358 48.3775 38.6113 47.7193 38.2899L1.02692 15.6886C0.363679 15.3672 0.0881775 14.5713 0.409596 13.9132L0.99121 12.7193C1.30753 12.0561 2.10342 11.7806 2.76666 12.0969Z",
27
+ fill: color
28
+ })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("rect", {
29
+ width: "50",
30
+ height: "50",
31
+ fill: "white",
32
+ transform: "translate(0.275391)"
33
+ })));
34
+ };
35
+ export default Censor;
package/copy-outline.js CHANGED
@@ -6,7 +6,7 @@ export var CopyOutline = function CopyOutline(_ref) {
6
6
  var _ref$color = _ref.color,
7
7
  color = _ref$color === void 0 ? 'currentColor' : _ref$color,
8
8
  _ref$size = _ref.size,
9
- size = _ref$size === void 0 ? 14 : _ref$size,
9
+ size = _ref$size === void 0 ? '0.875rem' : _ref$size,
10
10
  ref = _ref.ref,
11
11
  rest = _objectWithoutProperties(_ref, _excluded);
12
12
  return /*#__PURE__*/React.createElement("svg", _extends({
package/cross-outline.js CHANGED
@@ -6,7 +6,7 @@ export var CrossOutline = function CrossOutline(_ref) {
6
6
  var _ref$color = _ref.color,
7
7
  color = _ref$color === void 0 ? 'currentColor' : _ref$color,
8
8
  _ref$size = _ref.size,
9
- size = _ref$size === void 0 ? 14 : _ref$size,
9
+ size = _ref$size === void 0 ? '0.875rem' : _ref$size,
10
10
  ref = _ref.ref,
11
11
  rest = _objectWithoutProperties(_ref, _excluded);
12
12
  return /*#__PURE__*/React.createElement("svg", _extends({
package/download.js CHANGED
@@ -6,7 +6,7 @@ export var Download = function Download(_ref) {
6
6
  var _ref$color = _ref.color,
7
7
  color = _ref$color === void 0 ? 'currentColor' : _ref$color,
8
8
  _ref$size = _ref.size,
9
- size = _ref$size === void 0 ? 16 : _ref$size,
9
+ size = _ref$size === void 0 ? '1rem' : _ref$size,
10
10
  ref = _ref.ref,
11
11
  rest = _objectWithoutProperties(_ref, _excluded);
12
12
  return /*#__PURE__*/React.createElement("svg", _extends({
package/eye-closed.js CHANGED
@@ -6,7 +6,7 @@ export var EyeClosed = function EyeClosed(_ref) {
6
6
  var _ref$color = _ref.color,
7
7
  color = _ref$color === void 0 ? 'currentColor' : _ref$color,
8
8
  _ref$size = _ref.size,
9
- size = _ref$size === void 0 ? 14 : _ref$size,
9
+ size = _ref$size === void 0 ? '0.875rem' : _ref$size,
10
10
  ref = _ref.ref,
11
11
  rest = _objectWithoutProperties(_ref, _excluded);
12
12
  return /*#__PURE__*/React.createElement("svg", _extends({
package/eye-open.js CHANGED
@@ -6,7 +6,7 @@ export var EyeOpen = function EyeOpen(_ref) {
6
6
  var _ref$color = _ref.color,
7
7
  color = _ref$color === void 0 ? 'currentColor' : _ref$color,
8
8
  _ref$size = _ref.size,
9
- size = _ref$size === void 0 ? 14 : _ref$size,
9
+ size = _ref$size === void 0 ? '0.875rem' : _ref$size,
10
10
  ref = _ref.ref,
11
11
  rest = _objectWithoutProperties(_ref, _excluded);
12
12
  return /*#__PURE__*/React.createElement("svg", _extends({
package/heart.js CHANGED
@@ -6,7 +6,7 @@ export var Heart = function Heart(_ref) {
6
6
  var _ref$color = _ref.color,
7
7
  color = _ref$color === void 0 ? 'currentColor' : _ref$color,
8
8
  _ref$size = _ref.size,
9
- size = _ref$size === void 0 ? 14 : _ref$size,
9
+ size = _ref$size === void 0 ? '0.875rem' : _ref$size,
10
10
  ref = _ref.ref,
11
11
  rest = _objectWithoutProperties(_ref, _excluded);
12
12
  return /*#__PURE__*/React.createElement("svg", _extends({
package/icon.props.d.ts CHANGED
@@ -1,9 +1,9 @@
1
1
  import type { HTMLAttributes, Ref } from 'react';
2
- import type { IntrinsicComponent, StylableComponent } from './utils/types';
3
- export interface IconProps extends IntrinsicComponent<HTMLAttributes<SVGSVGElement>>, StylableComponent {
4
- size?: number;
5
- width?: string | number;
6
- height?: string | number;
2
+ import type { StylableComponent } from './utils/types';
3
+ export interface IconProps extends HTMLAttributes<SVGSVGElement>, StylableComponent {
4
+ size?: string;
5
+ width?: string;
6
+ height?: string;
7
7
  color?: string;
8
8
  color2?: string;
9
9
  stroke?: string;
package/intermediate.js CHANGED
@@ -6,7 +6,7 @@ export var Intermediate = function Intermediate(_ref) {
6
6
  var _ref$color = _ref.color,
7
7
  color = _ref$color === void 0 ? 'currentColor' : _ref$color,
8
8
  _ref$size = _ref.size,
9
- size = _ref$size === void 0 ? 14 : _ref$size,
9
+ size = _ref$size === void 0 ? '0.875rem' : _ref$size,
10
10
  ref = _ref.ref,
11
11
  rest = _objectWithoutProperties(_ref, _excluded);
12
12
  return /*#__PURE__*/React.createElement("svg", _extends({
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@scaleflex/icons-tw",
3
- "version": "0.0.1",
3
+ "version": "0.0.2",
4
4
  "author": "scaleflex",
5
5
  "repository": "github:scaleflex/ui",
6
6
  "homepage": "https://github.com/scaleflex/ui/blob/master/README.md",
package/search.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import type { IconProps } from './icon.props';
2
+ export declare const Search: ({ color, size, ref, ...rest }: IconProps) => JSX.Element;
3
+ export default Search;
package/search.js ADDED
@@ -0,0 +1,27 @@
1
+ import _extends from "@babel/runtime/helpers/extends";
2
+ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
+ var _excluded = ["color", "size", "ref"];
4
+ import React from 'react';
5
+ export var Search = function Search(_ref) {
6
+ var _ref$color = _ref.color,
7
+ color = _ref$color === void 0 ? 'currentColor' : _ref$color,
8
+ _ref$size = _ref.size,
9
+ size = _ref$size === void 0 ? '0.875rem' : _ref$size,
10
+ ref = _ref.ref,
11
+ rest = _objectWithoutProperties(_ref, _excluded);
12
+ return /*#__PURE__*/React.createElement("svg", _extends({
13
+ "data-icon-name": "Search",
14
+ ref: ref,
15
+ width: size,
16
+ height: size,
17
+ viewBox: "0 0 50 50",
18
+ fill: "none",
19
+ xmlns: "http://www.w3.org/2000/svg"
20
+ }, rest), /*#__PURE__*/React.createElement("path", {
21
+ d: "M44.8536 47.6383L32.947 37.4596C28.9393 40.6797 23.7488 42.2147 18.6058 41.6246C8.02873 40.411 0.369785 30.9133 1.56681 20.495C2.76383 10.0766 12.3775 2.56074 22.9546 3.77433C33.5317 4.98792 41.1906 14.4856 39.9936 24.904C39.5873 28.4405 38.2325 31.6745 36.0484 34.426L48.2992 45.0316C48.6435 45.4584 48.7716 46.0542 48.7057 46.6277C48.6398 47.2011 48.3909 47.6568 47.9478 48.0902C47.5157 48.428 46.9115 48.5523 46.3293 48.4855C45.7471 48.4187 45.1868 48.1607 44.8536 47.6383ZM5.54534 20.9514C4.6009 29.1715 10.6248 36.6415 18.97 37.599C27.3152 38.5566 34.8766 32.6452 35.821 24.4252C36.7654 16.2052 30.7415 8.73513 22.3963 7.77762C14.1591 6.73566 6.48978 12.7314 5.54534 20.9514Z",
22
+ fill: color,
23
+ stroke: color,
24
+ strokeWidth: "0.5"
25
+ }));
26
+ };
27
+ export default Search;
package/spinner.js CHANGED
@@ -6,7 +6,7 @@ export var Spinner = function Spinner(_ref) {
6
6
  var _ref$color = _ref.color,
7
7
  color = _ref$color === void 0 ? 'currentColor' : _ref$color,
8
8
  _ref$size = _ref.size,
9
- size = _ref$size === void 0 ? 28 : _ref$size,
9
+ size = _ref$size === void 0 ? '1.75rem' : _ref$size,
10
10
  ref = _ref.ref,
11
11
  rest = _objectWithoutProperties(_ref, _excluded);
12
12
  return /*#__PURE__*/React.createElement("svg", _extends({
package/success.js CHANGED
@@ -6,7 +6,7 @@ export var Success = function Success(_ref) {
6
6
  var _ref$color = _ref.color,
7
7
  color = _ref$color === void 0 ? 'currentColor' : _ref$color,
8
8
  _ref$size = _ref.size,
9
- size = _ref$size === void 0 ? 14 : _ref$size,
9
+ size = _ref$size === void 0 ? '0.875rem' : _ref$size,
10
10
  ref = _ref.ref,
11
11
  rest = _objectWithoutProperties(_ref, _excluded);
12
12
  return /*#__PURE__*/React.createElement("svg", _extends({
package/tick.js CHANGED
@@ -6,7 +6,7 @@ export var Tick = function Tick(_ref) {
6
6
  var _ref$color = _ref.color,
7
7
  color = _ref$color === void 0 ? 'currentColor' : _ref$color,
8
8
  _ref$size = _ref.size,
9
- size = _ref$size === void 0 ? 14 : _ref$size,
9
+ size = _ref$size === void 0 ? '0.875rem' : _ref$size,
10
10
  ref = _ref.ref,
11
11
  rest = _objectWithoutProperties(_ref, _excluded);
12
12
  return /*#__PURE__*/React.createElement("svg", _extends({
package/upload.js CHANGED
@@ -6,7 +6,7 @@ export var Upload = function Upload(_ref) {
6
6
  var _ref$color = _ref.color,
7
7
  color = _ref$color === void 0 ? 'currentColor' : _ref$color,
8
8
  _ref$size = _ref.size,
9
- size = _ref$size === void 0 ? 14 : _ref$size,
9
+ size = _ref$size === void 0 ? '0.875rem' : _ref$size,
10
10
  ref = _ref.ref,
11
11
  rest = _objectWithoutProperties(_ref, _excluded);
12
12
  return /*#__PURE__*/React.createElement("svg", _extends({