colibri-ui 0.7.83 → 0.7.85

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.
Files changed (21) hide show
  1. package/Avatar/assets/user-circle.svg.js +53 -0
  2. package/Avatar/index.js +2 -2
  3. package/Chip/Chip.module.css +1 -3
  4. package/Grid/Grid.module.css +1 -1
  5. package/Grid/index.js +1 -1
  6. package/Menu/components/MenuItem/index.js +1 -1
  7. package/TabsMenu/Tab/Tab.props.d.ts +0 -1
  8. package/TabsMenu/index.js +2 -3
  9. package/TabsMenu/index.props.d.ts +0 -1
  10. package/esm/Avatar/assets/user-circle.svg.js +28 -0
  11. package/esm/Avatar/index.js +2 -2
  12. package/esm/Chip/Chip.module.css +1 -3
  13. package/esm/Grid/Grid.module.css +1 -1
  14. package/esm/Grid/index.js +1 -1
  15. package/esm/Menu/components/MenuItem/index.js +1 -1
  16. package/esm/TabsMenu/Tab/Tab.props.d.ts +0 -1
  17. package/esm/TabsMenu/index.js +2 -3
  18. package/esm/TabsMenu/index.props.d.ts +0 -1
  19. package/package.json +1 -1
  20. package/Avatar/assets/male-circle.svg.js +0 -62
  21. package/esm/Avatar/assets/male-circle.svg.js +0 -37
package/Avatar/assets/user-circle.svg.js ADDED
@@ -0,0 +1,53 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var React = require('react');
6
+
7
+ function _interopNamespace(e) {
8
+ if (e && e.__esModule) return e;
9
+ var n = Object.create(null);
10
+ if (e) {
11
+ Object.keys(e).forEach(function (k) {
12
+ if (k !== 'default') {
13
+ var d = Object.getOwnPropertyDescriptor(e, k);
14
+ Object.defineProperty(n, k, d.get ? d : {
15
+ enumerable: true,
16
+ get: function () { return e[k]; }
17
+ });
18
+ }
19
+ });
20
+ }
21
+ n.default = e;
22
+ return Object.freeze(n);
23
+ }
24
+
25
+ var React__namespace = /*#__PURE__*/_interopNamespace(React);
26
+
27
+ var _g, _defs;
28
+ function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
29
+ var SvgUserCircle = function SvgUserCircle(props) {
30
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends({
31
+ xmlns: "http://www.w3.org/2000/svg",
32
+ width: 42,
33
+ height: 42,
34
+ fill: "none"
35
+ }, props), _g || (_g = /*#__PURE__*/React__namespace.createElement("g", {
36
+ clipPath: "url(#user-circle_svg__a)"
37
+ }, /*#__PURE__*/React__namespace.createElement("path", {
38
+ fill: "#ECEEF2",
39
+ d: "M21.266 41.475C32.717 41.475 42 32.194 42 20.745S32.717.013 21.266.013C9.816.014.532 9.295.532 20.744s9.283 20.731 20.734 20.731"
40
+ }), /*#__PURE__*/React__namespace.createElement("path", {
41
+ fill: "#000",
42
+ d: "M11.949 19.867a1.866 1.866 0 1 0 0-3.732 1.866 1.866 0 0 0 0 3.732M26.044 30.49c.29 1.953-.396 3.77-1.887 4.53-1.49.76-3.364.246-4.772-1.136 1.01-.185 2.208-.558 3.559-1.247 1.35-.688 2.356-1.437 3.1-2.147M26.048 19.867a1.866 1.866 0 1 0 0-3.732 1.866 1.866 0 0 0 0 3.732M20.765 15.72l2.955 7.878h-5.91z"
43
+ }))), _defs || (_defs = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
44
+ id: "user-circle_svg__a"
45
+ }, /*#__PURE__*/React__namespace.createElement("path", {
46
+ fill: "#fff",
47
+ d: "M0 0h42v41.475H0z"
48
+ })))));
49
+ };
50
+ var userCircleUrl = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2242%22%20height%3D%2242%22%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20fill%3D%22%23ECEEF2%22%20d%3D%22M21.266%2041.475C32.717%2041.475%2042%2032.194%2042%2020.745S32.717.013%2021.266.013C9.816.014.532%209.295.532%2020.744s9.283%2020.731%2020.734%2020.731%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M11.949%2019.867a1.866%201.866%200%201%200%200-3.732%201.866%201.866%200%200%200%200%203.732%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20fillRule%3D%22evenodd%22%20d%3D%22M26.044%2030.49c.29%201.953-.396%203.77-1.887%204.53-1.49.76-3.364.246-4.772-1.136%201.01-.185%202.208-.558%203.559-1.247%201.35-.688%202.356-1.437%203.1-2.147%22%20clipRule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M26.048%2019.867a1.866%201.866%200%201%200%200-3.732%201.866%201.866%200%200%200%200%203.732%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20fillRule%3D%22evenodd%22%20d%3D%22m20.765%2015.72%202.955%207.878h-5.91z%22%20clipRule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h42v41.475H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E";
51
+
52
+ exports.ReactComponent = SvgUserCircle;
53
+ exports.default = userCircleUrl;
package/Avatar/index.js CHANGED
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var React = require('react');
6
6
  var classNames = require('classnames/bind');
7
7
  var constants = require('./constants.js');
8
- var maleCircle = require('./assets/male-circle.svg.js');
8
+ var userCircle = require('./assets/user-circle.svg.js');
9
9
  var orgCircle = require('./assets/org-circle.svg.js');
10
10
  var styles = require('./Avatar.module.css');
11
11
  var index_props = require('./index.props.js');
@@ -28,7 +28,7 @@ var Avatar = /*#__PURE__*/React.memo(function (props) {
28
28
  _c = props.accountType,
29
29
  accountType = _c === void 0 ? index_props.AccountType.Organization : _c;
30
30
  var isOrg = accountType === index_props.AccountType.Organization;
31
- var stubImageURL = isOrg ? orgCircle.default : maleCircle.default;
31
+ var stubImageURL = isOrg ? orgCircle.default : userCircle.default;
32
32
  return /*#__PURE__*/React__default.default.createElement("img", {
33
33
  alt: title,
34
34
  src: avatarURL || stubImageURL,
package/Chip/Chip.module.css CHANGED
@@ -6,9 +6,7 @@
6
6
  .inner {
7
7
  box-sizing: border-box;
8
8
  display: flex;
9
- font-family: Roboto, Arial, sans-serif;
10
- -webkit-font-smoothing: antialiased;
11
- -moz-osx-font-smoothing: grayscale;
9
+ font: inherit;
12
10
  min-width: 0;
13
11
  place-items: stretch flex-start;
14
12
  transition-duration: 0.3s;
package/Grid/Grid.module.css CHANGED
@@ -6,7 +6,7 @@
6
6
  @supports (display: grid) {
7
7
  .root {
8
8
  display: grid;
9
- grid-auto-rows: minmax(150px, auto);
9
+ grid-auto-rows: minmax(50px, auto);
10
10
  grid-gap: 10px;
11
11
  }
12
12
  .root > * {
package/Grid/index.js CHANGED
@@ -19,7 +19,7 @@ var Grid = function Grid(_a) {
19
19
  _c = _a.gridColumnGap,
20
20
  gridColumnGap = _c === void 0 ? 16 : _c,
21
21
  _d = _a.gridItemMinWidth,
22
- gridItemMinWidth = _d === void 0 ? 250 : _d,
22
+ gridItemMinWidth = _d === void 0 ? 100 : _d,
23
23
  className = _a.className;
24
24
  return /*#__PURE__*/React__default.default.createElement("div", {
25
25
  className: classNames__default.default(styles__default.default.root, className),
package/Menu/components/MenuItem/index.js CHANGED
@@ -26,7 +26,7 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
26
26
  ref: ref,
27
27
  "data-component": "menu-item",
28
28
  style: {
29
- backgroundColor: isSelected ? "var(--palette-primary-1, rgb(232, 240, 254))" : "transparent"
29
+ backgroundColor: isSelected ? "var(--palette-primary-1, rgb(232, 240, 254))" : ""
30
30
  },
31
31
  "data-testid": "menuitem",
32
32
  className: clx("item", (_b = {
package/TabsMenu/Tab/Tab.props.d.ts CHANGED
@@ -9,7 +9,6 @@ export type TabProps = {
9
9
  onClick?: MouseEventHandler<HTMLLIElement>;
10
10
  innerRef?: RefObject<HTMLLIElement>;
11
11
  className?: string;
12
- role?: string;
13
12
  tabIndex?: number;
14
13
  onKeyDown?: KeyboardEventHandler<HTMLElement>;
15
14
  size?: Size;
package/TabsMenu/index.js CHANGED
@@ -24,9 +24,8 @@ var TabsMenu = function TabsMenu(_a) {
24
24
  tabs = _a.tabs,
25
25
  _b = _a.size,
26
26
  size = _b === void 0 ? "m" : _b,
27
- externalTabsRefs = _a.tabsRefs,
28
- props = tslib.__rest(_a, ["activeTab", "onChange", "className", "innerRef", "tabs", "size", "tabsRefs"]);
29
- var tabsRefs = externalTabsRefs || React.useMemo(function () {
27
+ props = tslib.__rest(_a, ["activeTab", "onChange", "className", "innerRef", "tabs", "size"]);
28
+ var tabsRefs = React.useMemo(function () {
30
29
  return tabs.map(function () {
31
30
  return /*#__PURE__*/React.createRef();
32
31
  });
package/TabsMenu/index.props.d.ts CHANGED
@@ -5,7 +5,6 @@ export type TabsMenuProps = {
5
5
  activeTab?: string;
6
6
  onChange?: (tabId: string) => void;
7
7
  tabs: TabProps[];
8
- tabsRefs?: RefObject<HTMLLIElement>[];
9
8
  innerRef?: RefObject<HTMLUListElement>;
10
9
  className?: string;
11
10
  size?: Size;
package/esm/Avatar/assets/user-circle.svg.js ADDED
@@ -0,0 +1,28 @@
1
+ import * as React from 'react';
2
+
3
+ var _g, _defs;
4
+ function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
5
+ var SvgUserCircle = function SvgUserCircle(props) {
6
+ return /*#__PURE__*/React.createElement("svg", _extends({
7
+ xmlns: "http://www.w3.org/2000/svg",
8
+ width: 42,
9
+ height: 42,
10
+ fill: "none"
11
+ }, props), _g || (_g = /*#__PURE__*/React.createElement("g", {
12
+ clipPath: "url(#user-circle_svg__a)"
13
+ }, /*#__PURE__*/React.createElement("path", {
14
+ fill: "#ECEEF2",
15
+ d: "M21.266 41.475C32.717 41.475 42 32.194 42 20.745S32.717.013 21.266.013C9.816.014.532 9.295.532 20.744s9.283 20.731 20.734 20.731"
16
+ }), /*#__PURE__*/React.createElement("path", {
17
+ fill: "#000",
18
+ d: "M11.949 19.867a1.866 1.866 0 1 0 0-3.732 1.866 1.866 0 0 0 0 3.732M26.044 30.49c.29 1.953-.396 3.77-1.887 4.53-1.49.76-3.364.246-4.772-1.136 1.01-.185 2.208-.558 3.559-1.247 1.35-.688 2.356-1.437 3.1-2.147M26.048 19.867a1.866 1.866 0 1 0 0-3.732 1.866 1.866 0 0 0 0 3.732M20.765 15.72l2.955 7.878h-5.91z"
19
+ }))), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
20
+ id: "user-circle_svg__a"
21
+ }, /*#__PURE__*/React.createElement("path", {
22
+ fill: "#fff",
23
+ d: "M0 0h42v41.475H0z"
24
+ })))));
25
+ };
26
+ var userCircleUrl = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2242%22%20height%3D%2242%22%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20fill%3D%22%23ECEEF2%22%20d%3D%22M21.266%2041.475C32.717%2041.475%2042%2032.194%2042%2020.745S32.717.013%2021.266.013C9.816.014.532%209.295.532%2020.744s9.283%2020.731%2020.734%2020.731%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M11.949%2019.867a1.866%201.866%200%201%200%200-3.732%201.866%201.866%200%200%200%200%203.732%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20fillRule%3D%22evenodd%22%20d%3D%22M26.044%2030.49c.29%201.953-.396%203.77-1.887%204.53-1.49.76-3.364.246-4.772-1.136%201.01-.185%202.208-.558%203.559-1.247%201.35-.688%202.356-1.437%203.1-2.147%22%20clipRule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M26.048%2019.867a1.866%201.866%200%201%200%200-3.732%201.866%201.866%200%200%200%200%203.732%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20fillRule%3D%22evenodd%22%20d%3D%22m20.765%2015.72%202.955%207.878h-5.91z%22%20clipRule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h42v41.475H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E";
27
+
28
+ export { SvgUserCircle as ReactComponent, userCircleUrl as default };
package/esm/Avatar/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import React__default, { memo } from 'react';
2
2
  import classNames from 'classnames/bind';
3
3
  import { AvatarSizes } from './constants.js';
4
- import maleCircleUrl from './assets/male-circle.svg.js';
4
+ import userCircleUrl from './assets/user-circle.svg.js';
5
5
  import orgCircleUrl from './assets/org-circle.svg.js';
6
6
  import styles from './Avatar.module.css';
7
7
  import { AccountType } from './index.props.js';
@@ -18,7 +18,7 @@ var Avatar = /*#__PURE__*/memo(function (props) {
18
18
  _c = props.accountType,
19
19
  accountType = _c === void 0 ? AccountType.Organization : _c;
20
20
  var isOrg = accountType === AccountType.Organization;
21
- var stubImageURL = isOrg ? orgCircleUrl : maleCircleUrl;
21
+ var stubImageURL = isOrg ? orgCircleUrl : userCircleUrl;
22
22
  return /*#__PURE__*/React__default.createElement("img", {
23
23
  alt: title,
24
24
  src: avatarURL || stubImageURL,
package/esm/Chip/Chip.module.css CHANGED
@@ -6,9 +6,7 @@
6
6
  .inner {
7
7
  box-sizing: border-box;
8
8
  display: flex;
9
- font-family: Roboto, Arial, sans-serif;
10
- -webkit-font-smoothing: antialiased;
11
- -moz-osx-font-smoothing: grayscale;
9
+ font: inherit;
12
10
  min-width: 0;
13
11
  place-items: stretch flex-start;
14
12
  transition-duration: 0.3s;
package/esm/Grid/Grid.module.css CHANGED
@@ -6,7 +6,7 @@
6
6
  @supports (display: grid) {
7
7
  .root {
8
8
  display: grid;
9
- grid-auto-rows: minmax(150px, auto);
9
+ grid-auto-rows: minmax(50px, auto);
10
10
  grid-gap: 10px;
11
11
  }
12
12
  .root > * {
package/esm/Grid/index.js CHANGED
@@ -9,7 +9,7 @@ var Grid = function Grid(_a) {
9
9
  _c = _a.gridColumnGap,
10
10
  gridColumnGap = _c === void 0 ? 16 : _c,
11
11
  _d = _a.gridItemMinWidth,
12
- gridItemMinWidth = _d === void 0 ? 250 : _d,
12
+ gridItemMinWidth = _d === void 0 ? 100 : _d,
13
13
  className = _a.className;
14
14
  return /*#__PURE__*/React__default.createElement("div", {
15
15
  className: classNames(styles.root, className),
package/esm/Menu/components/MenuItem/index.js CHANGED
@@ -16,7 +16,7 @@ var MenuItem = /*#__PURE__*/forwardRef(function (_a, ref) {
16
16
  ref: ref,
17
17
  "data-component": "menu-item",
18
18
  style: {
19
- backgroundColor: isSelected ? "var(--palette-primary-1, rgb(232, 240, 254))" : "transparent"
19
+ backgroundColor: isSelected ? "var(--palette-primary-1, rgb(232, 240, 254))" : ""
20
20
  },
21
21
  "data-testid": "menuitem",
22
22
  className: clx("item", (_b = {
package/esm/TabsMenu/Tab/Tab.props.d.ts CHANGED
@@ -9,7 +9,6 @@ export type TabProps = {
9
9
  onClick?: MouseEventHandler<HTMLLIElement>;
10
10
  innerRef?: RefObject<HTMLLIElement>;
11
11
  className?: string;
12
- role?: string;
13
12
  tabIndex?: number;
14
13
  onKeyDown?: KeyboardEventHandler<HTMLElement>;
15
14
  size?: Size;
package/esm/TabsMenu/index.js CHANGED
@@ -14,9 +14,8 @@ var TabsMenu = function TabsMenu(_a) {
14
14
  tabs = _a.tabs,
15
15
  _b = _a.size,
16
16
  size = _b === void 0 ? "m" : _b,
17
- externalTabsRefs = _a.tabsRefs,
18
- props = __rest(_a, ["activeTab", "onChange", "className", "innerRef", "tabs", "size", "tabsRefs"]);
19
- var tabsRefs = externalTabsRefs || useMemo(function () {
17
+ props = __rest(_a, ["activeTab", "onChange", "className", "innerRef", "tabs", "size"]);
18
+ var tabsRefs = useMemo(function () {
20
19
  return tabs.map(function () {
21
20
  return /*#__PURE__*/createRef();
22
21
  });
package/esm/TabsMenu/index.props.d.ts CHANGED
@@ -5,7 +5,6 @@ export type TabsMenuProps = {
5
5
  activeTab?: string;
6
6
  onChange?: (tabId: string) => void;
7
7
  tabs: TabProps[];
8
- tabsRefs?: RefObject<HTMLLIElement>[];
9
8
  innerRef?: RefObject<HTMLUListElement>;
10
9
  className?: string;
11
10
  size?: Size;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "colibri-ui",
3
- "version": "0.7.83",
3
+ "version": "0.7.85",
4
4
  "description": "React UI components library",
5
5
  "main": "index.js",
6
6
  "scripts": {},
package/Avatar/assets/male-circle.svg.js DELETED
@@ -1,62 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var React = require('react');
6
-
7
- function _interopNamespace(e) {
8
- if (e && e.__esModule) return e;
9
- var n = Object.create(null);
10
- if (e) {
11
- Object.keys(e).forEach(function (k) {
12
- if (k !== 'default') {
13
- var d = Object.getOwnPropertyDescriptor(e, k);
14
- Object.defineProperty(n, k, d.get ? d : {
15
- enumerable: true,
16
- get: function () { return e[k]; }
17
- });
18
- }
19
- });
20
- }
21
- n.default = e;
22
- return Object.freeze(n);
23
- }
24
-
25
- var React__namespace = /*#__PURE__*/_interopNamespace(React);
26
-
27
- var _circle, _mask, _g;
28
- function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
29
- var SvgMaleCircle = function SvgMaleCircle(props) {
30
- return /*#__PURE__*/React__namespace.createElement("svg", _extends({
31
- xmlns: "http://www.w3.org/2000/svg",
32
- width: 42,
33
- height: 42,
34
- fill: "none"
35
- }, props), _circle || (_circle = /*#__PURE__*/React__namespace.createElement("circle", {
36
- cx: 21,
37
- cy: 21,
38
- r: 21,
39
- fill: "#eceef2"
40
- })), _mask || (_mask = /*#__PURE__*/React__namespace.createElement("mask", {
41
- id: "male-circle_svg__a",
42
- width: 42,
43
- height: 42,
44
- x: 0,
45
- y: 0,
46
- maskUnits: "userSpaceOnUse"
47
- }, /*#__PURE__*/React__namespace.createElement("circle", {
48
- cx: 21,
49
- cy: 21,
50
- r: 21,
51
- fill: "#eceef2"
52
- }))), _g || (_g = /*#__PURE__*/React__namespace.createElement("g", {
53
- mask: "url(#male-circle_svg__a)"
54
- }, /*#__PURE__*/React__namespace.createElement("path", {
55
- fill: "#bcc1cc",
56
- d: "M14.263 22.623c.242.876 1.197 1.356 1.38 2.246q.047.22.096.49c.246 1.331.695 1.944 1.228 2.22.398.205.709.595.63 1.036-.055.31-.174.608-.4.816-.52.473-2.07.675-3.75.895-1.26.164-2.592.339-3.613.644-2.443.727-2.742 4.037-2.815 6.318a3.484 3.484 0 0 0 2.937 3.521l9.974 1.576a4 4 0 0 0 1.444-.035l10.016-2.095c2.04-.427 3.428-2.358 2.864-4.364-.46-1.636-1.155-3.386-2.147-4.213-.942-.786-2.864-1.1-4.605-1.384-1.405-.23-2.691-.44-3.248-.863-.388-.294-.448-.848-.409-1.332a.56.56 0 0 1 .26-.409c.882-.597 1.106-1.223 1.477-2.666.076-.299.136-.544.184-.744.116-.483.683-.887.922-1.323.175-.315.862-2.777.862-3.223 0-.497-.676-1.067-.564-1.55.158-.677.318-1.562.318-2.355 0-2.004-1.952-4.829-6.649-4.829-1.683 0-2.276.621-2.839 1.212a1.14 1.14 0 0 1-.857.332c-2.607-.05-2.873 1.175-3.066 2.3-.176 1.03.212 2.85.45 3.811.044.183-.289.539-.45.636-.368.22.124 2.443.37 3.332"
57
- }))));
58
- };
59
- var maleCircleUrl = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2242%22%20height%3D%2242%22%20fill%3D%22none%22%20viewBox%3D%220%200%2042%2042%22%3E%3Ccircle%20cx%3D%2221%22%20cy%3D%2221%22%20r%3D%2221%22%20fill%3D%22%23eceef2%22%2F%3E%3Cmask%20id%3D%22male-circle_svg__a%22%20width%3D%2242%22%20height%3D%2242%22%20x%3D%220%22%20y%3D%220%22%20maskUnits%3D%22userSpaceOnUse%22%3E%3Ccircle%20cx%3D%2221%22%20cy%3D%2221%22%20r%3D%2221%22%20fill%3D%22%23eceef2%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url%28%23male-circle_svg__a%29%22%3E%3Cpath%20fill%3D%22%23bcc1cc%22%20d%3D%22M14.263%2022.623c.242.876%201.197%201.356%201.38%202.246.031.147.063.31.096.49.246%201.331.695%201.944%201.228%202.22.398.205.709.595.63%201.036-.055.31-.174.608-.4.816-.52.473-2.07.675-3.75.895-1.26.164-2.592.339-3.613.644-2.443.727-2.742%204.037-2.815%206.318a3.484%203.484%200%20002.937%203.521l9.974%201.576a4%204%200%20001.444-.035l10.016-2.095c2.04-.427%203.428-2.358%202.864-4.364-.46-1.636-1.155-3.386-2.147-4.213-.942-.786-2.864-1.1-4.605-1.384-1.405-.23-2.691-.44-3.248-.863-.388-.294-.448-.848-.409-1.332a.56.56%200%2001.26-.409c.882-.597%201.106-1.223%201.477-2.666.076-.299.136-.544.184-.744.116-.483.683-.887.922-1.323.175-.315.862-2.777.862-3.223%200-.497-.676-1.067-.564-1.55.158-.677.318-1.562.318-2.355%200-2.004-1.952-4.829-6.649-4.829-1.683%200-2.276.621-2.839%201.212a1.142%201.142%200%2001-.857.332c-2.607-.05-2.873%201.175-3.066%202.3-.176%201.03.212%202.85.45%203.811.044.183-.289.539-.45.636-.368.22.124%202.443.37%203.332z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E";
60
-
61
- exports.ReactComponent = SvgMaleCircle;
62
- exports.default = maleCircleUrl;
package/esm/Avatar/assets/male-circle.svg.js DELETED
@@ -1,37 +0,0 @@
1
- import * as React from 'react';
2
-
3
- var _circle, _mask, _g;
4
- function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
5
- var SvgMaleCircle = function SvgMaleCircle(props) {
6
- return /*#__PURE__*/React.createElement("svg", _extends({
7
- xmlns: "http://www.w3.org/2000/svg",
8
- width: 42,
9
- height: 42,
10
- fill: "none"
11
- }, props), _circle || (_circle = /*#__PURE__*/React.createElement("circle", {
12
- cx: 21,
13
- cy: 21,
14
- r: 21,
15
- fill: "#eceef2"
16
- })), _mask || (_mask = /*#__PURE__*/React.createElement("mask", {
17
- id: "male-circle_svg__a",
18
- width: 42,
19
- height: 42,
20
- x: 0,
21
- y: 0,
22
- maskUnits: "userSpaceOnUse"
23
- }, /*#__PURE__*/React.createElement("circle", {
24
- cx: 21,
25
- cy: 21,
26
- r: 21,
27
- fill: "#eceef2"
28
- }))), _g || (_g = /*#__PURE__*/React.createElement("g", {
29
- mask: "url(#male-circle_svg__a)"
30
- }, /*#__PURE__*/React.createElement("path", {
31
- fill: "#bcc1cc",
32
- d: "M14.263 22.623c.242.876 1.197 1.356 1.38 2.246q.047.22.096.49c.246 1.331.695 1.944 1.228 2.22.398.205.709.595.63 1.036-.055.31-.174.608-.4.816-.52.473-2.07.675-3.75.895-1.26.164-2.592.339-3.613.644-2.443.727-2.742 4.037-2.815 6.318a3.484 3.484 0 0 0 2.937 3.521l9.974 1.576a4 4 0 0 0 1.444-.035l10.016-2.095c2.04-.427 3.428-2.358 2.864-4.364-.46-1.636-1.155-3.386-2.147-4.213-.942-.786-2.864-1.1-4.605-1.384-1.405-.23-2.691-.44-3.248-.863-.388-.294-.448-.848-.409-1.332a.56.56 0 0 1 .26-.409c.882-.597 1.106-1.223 1.477-2.666.076-.299.136-.544.184-.744.116-.483.683-.887.922-1.323.175-.315.862-2.777.862-3.223 0-.497-.676-1.067-.564-1.55.158-.677.318-1.562.318-2.355 0-2.004-1.952-4.829-6.649-4.829-1.683 0-2.276.621-2.839 1.212a1.14 1.14 0 0 1-.857.332c-2.607-.05-2.873 1.175-3.066 2.3-.176 1.03.212 2.85.45 3.811.044.183-.289.539-.45.636-.368.22.124 2.443.37 3.332"
33
- }))));
34
- };
35
- var maleCircleUrl = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2242%22%20height%3D%2242%22%20fill%3D%22none%22%20viewBox%3D%220%200%2042%2042%22%3E%3Ccircle%20cx%3D%2221%22%20cy%3D%2221%22%20r%3D%2221%22%20fill%3D%22%23eceef2%22%2F%3E%3Cmask%20id%3D%22male-circle_svg__a%22%20width%3D%2242%22%20height%3D%2242%22%20x%3D%220%22%20y%3D%220%22%20maskUnits%3D%22userSpaceOnUse%22%3E%3Ccircle%20cx%3D%2221%22%20cy%3D%2221%22%20r%3D%2221%22%20fill%3D%22%23eceef2%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url%28%23male-circle_svg__a%29%22%3E%3Cpath%20fill%3D%22%23bcc1cc%22%20d%3D%22M14.263%2022.623c.242.876%201.197%201.356%201.38%202.246.031.147.063.31.096.49.246%201.331.695%201.944%201.228%202.22.398.205.709.595.63%201.036-.055.31-.174.608-.4.816-.52.473-2.07.675-3.75.895-1.26.164-2.592.339-3.613.644-2.443.727-2.742%204.037-2.815%206.318a3.484%203.484%200%20002.937%203.521l9.974%201.576a4%204%200%20001.444-.035l10.016-2.095c2.04-.427%203.428-2.358%202.864-4.364-.46-1.636-1.155-3.386-2.147-4.213-.942-.786-2.864-1.1-4.605-1.384-1.405-.23-2.691-.44-3.248-.863-.388-.294-.448-.848-.409-1.332a.56.56%200%2001.26-.409c.882-.597%201.106-1.223%201.477-2.666.076-.299.136-.544.184-.744.116-.483.683-.887.922-1.323.175-.315.862-2.777.862-3.223%200-.497-.676-1.067-.564-1.55.158-.677.318-1.562.318-2.355%200-2.004-1.952-4.829-6.649-4.829-1.683%200-2.276.621-2.839%201.212a1.142%201.142%200%2001-.857.332c-2.607-.05-2.873%201.175-3.066%202.3-.176%201.03.212%202.85.45%203.811.044.183-.289.539-.45.636-.368.22.124%202.443.37%203.332z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E";
36
-
37
- export { SvgMaleCircle as ReactComponent, maleCircleUrl as default };