@bigbinary/neeto-icons 1.20.28 → 1.20.30
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/README.md +23 -0
- package/dist/cjs/elements/Alert.js +44 -0
- package/dist/cjs/elements/Alert.js.map +1 -0
- package/dist/cjs/elements/AndroidMockup.js +308 -0
- package/dist/cjs/elements/AndroidMockup.js.map +1 -0
- package/dist/cjs/elements/Arrow.js +44 -0
- package/dist/cjs/elements/Arrow.js.map +1 -0
- package/dist/cjs/elements/Avatar.js +53 -0
- package/dist/cjs/elements/Avatar.js.map +1 -0
- package/dist/cjs/elements/Browser.js +89 -0
- package/dist/cjs/elements/Browser.js.map +1 -0
- package/dist/cjs/elements/Button.js +49 -0
- package/dist/cjs/elements/Button.js.map +1 -0
- package/dist/cjs/elements/Calendar.js +50 -0
- package/dist/cjs/elements/Calendar.js.map +1 -0
- package/dist/cjs/elements/Checkbox.js +52 -0
- package/dist/cjs/elements/Checkbox.js.map +1 -0
- package/dist/cjs/elements/Circle.js +45 -0
- package/dist/cjs/elements/Circle.js.map +1 -0
- package/dist/cjs/elements/Dropdown.js +51 -0
- package/dist/cjs/elements/Dropdown.js.map +1 -0
- package/dist/cjs/elements/IPhoneMockup.js +147 -0
- package/dist/cjs/elements/IPhoneMockup.js.map +1 -0
- package/dist/cjs/elements/Image.js +43 -0
- package/dist/cjs/elements/Image.js.map +1 -0
- package/dist/cjs/elements/Input.js +49 -0
- package/dist/cjs/elements/Input.js.map +1 -0
- package/dist/cjs/elements/Keyboard.js +41 -0
- package/dist/cjs/elements/Keyboard.js.map +1 -0
- package/dist/cjs/elements/Label.js +41 -0
- package/dist/cjs/elements/Label.js.map +1 -0
- package/dist/cjs/elements/Line.js +41 -0
- package/dist/cjs/elements/Line.js.map +1 -0
- package/dist/cjs/elements/LineChart.js +47 -0
- package/dist/cjs/elements/LineChart.js.map +1 -0
- package/dist/cjs/elements/Link.js +44 -0
- package/dist/cjs/elements/Link.js.map +1 -0
- package/dist/cjs/elements/List.js +49 -0
- package/dist/cjs/elements/List.js.map +1 -0
- package/dist/cjs/elements/Notes.js +60 -0
- package/dist/cjs/elements/Notes.js.map +1 -0
- package/dist/cjs/elements/Overlay.js +59 -0
- package/dist/cjs/elements/Overlay.js.map +1 -0
- package/dist/cjs/elements/PieChart.js +48 -0
- package/dist/cjs/elements/PieChart.js.map +1 -0
- package/dist/cjs/elements/Radio.js +44 -0
- package/dist/cjs/elements/Radio.js.map +1 -0
- package/dist/cjs/elements/Rectangle.js +41 -0
- package/dist/cjs/elements/Rectangle.js.map +1 -0
- package/dist/cjs/elements/Scrollbar.js +54 -0
- package/dist/cjs/elements/Scrollbar.js.map +1 -0
- package/dist/cjs/elements/Search.js +57 -0
- package/dist/cjs/elements/Search.js.map +1 -0
- package/dist/cjs/elements/Slider.js +60 -0
- package/dist/cjs/elements/Slider.js.map +1 -0
- package/dist/cjs/elements/Subtitle.js +41 -0
- package/dist/cjs/elements/Subtitle.js.map +1 -0
- package/dist/cjs/elements/Table.js +43 -0
- package/dist/cjs/elements/Table.js.map +1 -0
- package/dist/cjs/elements/Tabs.js +49 -0
- package/dist/cjs/elements/Tabs.js.map +1 -0
- package/dist/cjs/elements/TextBlock.js +46 -0
- package/dist/cjs/elements/TextBlock.js.map +1 -0
- package/dist/cjs/elements/Title.js +41 -0
- package/dist/cjs/elements/Title.js.map +1 -0
- package/dist/cjs/elements/ToggleSwitch.js +90 -0
- package/dist/cjs/elements/ToggleSwitch.js.map +1 -0
- package/dist/cjs/elements/Toolbar.js +46 -0
- package/dist/cjs/elements/Toolbar.js.map +1 -0
- package/dist/cjs/elements/Tooltip.js +53 -0
- package/dist/cjs/elements/Tooltip.js.map +1 -0
- package/dist/cjs/elements/Video.js +49 -0
- package/dist/cjs/elements/Video.js.map +1 -0
- package/dist/cjs/elements/YesNo.js +55 -0
- package/dist/cjs/elements/YesNo.js.map +1 -0
- package/dist/cjs/elements/index.js +304 -0
- package/dist/cjs/elements/index.js.map +1 -0
- package/dist/cjs/icons/MyPreferences.js +69 -0
- package/dist/cjs/icons/MyPreferences.js.map +1 -0
- package/dist/cjs/icons/index.js +8 -0
- package/dist/cjs/icons/index.js.map +1 -1
- package/dist/elements/Alert.js +34 -0
- package/dist/elements/Alert.js.map +1 -0
- package/dist/elements/AndroidMockup.js +298 -0
- package/dist/elements/AndroidMockup.js.map +1 -0
- package/dist/elements/Arrow.js +34 -0
- package/dist/elements/Arrow.js.map +1 -0
- package/dist/elements/Avatar.js +43 -0
- package/dist/elements/Avatar.js.map +1 -0
- package/dist/elements/Browser.js +79 -0
- package/dist/elements/Browser.js.map +1 -0
- package/dist/elements/Button.js +39 -0
- package/dist/elements/Button.js.map +1 -0
- package/dist/elements/Calendar.js +40 -0
- package/dist/elements/Calendar.js.map +1 -0
- package/dist/elements/Checkbox.js +42 -0
- package/dist/elements/Checkbox.js.map +1 -0
- package/dist/elements/Circle.js +35 -0
- package/dist/elements/Circle.js.map +1 -0
- package/dist/elements/Dropdown.js +41 -0
- package/dist/elements/Dropdown.js.map +1 -0
- package/dist/elements/IPhoneMockup.js +137 -0
- package/dist/elements/IPhoneMockup.js.map +1 -0
- package/dist/elements/Image.js +33 -0
- package/dist/elements/Image.js.map +1 -0
- package/dist/elements/Input.js +39 -0
- package/dist/elements/Input.js.map +1 -0
- package/dist/elements/Keyboard.js +31 -0
- package/dist/elements/Keyboard.js.map +1 -0
- package/dist/elements/Label.js +31 -0
- package/dist/elements/Label.js.map +1 -0
- package/dist/elements/Line.js +31 -0
- package/dist/elements/Line.js.map +1 -0
- package/dist/elements/LineChart.js +37 -0
- package/dist/elements/LineChart.js.map +1 -0
- package/dist/elements/Link.js +34 -0
- package/dist/elements/Link.js.map +1 -0
- package/dist/elements/List.js +39 -0
- package/dist/elements/List.js.map +1 -0
- package/dist/elements/Notes.js +50 -0
- package/dist/elements/Notes.js.map +1 -0
- package/dist/elements/Overlay.js +49 -0
- package/dist/elements/Overlay.js.map +1 -0
- package/dist/elements/PieChart.js +38 -0
- package/dist/elements/PieChart.js.map +1 -0
- package/dist/elements/Radio.js +34 -0
- package/dist/elements/Radio.js.map +1 -0
- package/dist/elements/Rectangle.js +31 -0
- package/dist/elements/Rectangle.js.map +1 -0
- package/dist/elements/Scrollbar.js +44 -0
- package/dist/elements/Scrollbar.js.map +1 -0
- package/dist/elements/Search.js +47 -0
- package/dist/elements/Search.js.map +1 -0
- package/dist/elements/Slider.js +50 -0
- package/dist/elements/Slider.js.map +1 -0
- package/dist/elements/Subtitle.js +31 -0
- package/dist/elements/Subtitle.js.map +1 -0
- package/dist/elements/Table.js +33 -0
- package/dist/elements/Table.js.map +1 -0
- package/dist/elements/Tabs.js +39 -0
- package/dist/elements/Tabs.js.map +1 -0
- package/dist/elements/TextBlock.js +36 -0
- package/dist/elements/TextBlock.js.map +1 -0
- package/dist/elements/Title.js +31 -0
- package/dist/elements/Title.js.map +1 -0
- package/dist/elements/ToggleSwitch.js +80 -0
- package/dist/elements/ToggleSwitch.js.map +1 -0
- package/dist/elements/Toolbar.js +36 -0
- package/dist/elements/Toolbar.js.map +1 -0
- package/dist/elements/Tooltip.js +43 -0
- package/dist/elements/Tooltip.js.map +1 -0
- package/dist/elements/Video.js +39 -0
- package/dist/elements/Video.js.map +1 -0
- package/dist/elements/YesNo.js +45 -0
- package/dist/elements/YesNo.js.map +1 -0
- package/dist/elements/index.js +39 -0
- package/dist/elements/index.js.map +1 -0
- package/dist/icons/MyPreferences.js +59 -0
- package/dist/icons/MyPreferences.js.map +1 -0
- package/dist/icons/index.js +2 -1
- package/dist/icons/index.js.map +1 -1
- package/elements.d.ts +41 -0
- package/icons.d.ts +1 -0
- package/package.json +11 -1
package/README.md
CHANGED
|
@@ -37,6 +37,7 @@ Check the [Frontend package development guide](https://neeto-engineering.neetokb
|
|
|
37
37
|
- `typefaceLogos/` for product typeface logos
|
|
38
38
|
- `appIcons/` for app icons
|
|
39
39
|
- `misc/` for miscellaneous icons
|
|
40
|
+
- `elements/` for elements
|
|
40
41
|
|
|
41
42
|
2. **Name the file appropriately -**
|
|
42
43
|
Use PascalCase for the file name (e.g., `NewIcon.svg`).
|
|
@@ -108,6 +109,28 @@ Anywhere in your React file
|
|
|
108
109
|
| width | string, number | 100% | Value supplied to width attribute of SVG element. |
|
|
109
110
|
| className | string | | Classes supplied to the SVG element. |
|
|
110
111
|
|
|
112
|
+
|
|
113
|
+
|
|
114
|
+
### Elements
|
|
115
|
+
|
|
116
|
+
```javascript
|
|
117
|
+
import { Keyboard } from "@bigbinary/neeto-icons/elements";
|
|
118
|
+
```
|
|
119
|
+
|
|
120
|
+
Anywhere in your React file
|
|
121
|
+
|
|
122
|
+
```jsx
|
|
123
|
+
<Keyboard height={80} width={41} />
|
|
124
|
+
```
|
|
125
|
+
|
|
126
|
+
| Name | Type | Default | Description |
|
|
127
|
+
| :-------- | :------------- | :------ | :------------------------------------------------- |
|
|
128
|
+
| height | string, number | 26 | Value supplied to height attribute of SVG element. |
|
|
129
|
+
| width | string, number | 80 | Value supplied to width attribute of SVG element. |
|
|
130
|
+
| className | string | | Classes supplied to the SVG element. |
|
|
131
|
+
|
|
132
|
+
|
|
133
|
+
|
|
111
134
|
## How it works
|
|
112
135
|
|
|
113
136
|
- We use a custom rollup plugin (which can be found in `build/index.mjs`) to
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
10
|
+
var _excluded = ["width", "height"];
|
|
11
|
+
|
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
+
|
|
14
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
15
|
+
|
|
16
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
17
|
+
|
|
18
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
19
|
+
|
|
20
|
+
var Alert = function Alert(_ref) {
|
|
21
|
+
var _ref$width = _ref.width,
|
|
22
|
+
width = _ref$width === void 0 ? 80 : _ref$width,
|
|
23
|
+
_ref$height = _ref.height,
|
|
24
|
+
height = _ref$height === void 0 ? 26 : _ref$height,
|
|
25
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
26
|
+
|
|
27
|
+
return /*#__PURE__*/_react.default.createElement("svg", _extends({
|
|
28
|
+
width: width,
|
|
29
|
+
height: height,
|
|
30
|
+
fill: "none",
|
|
31
|
+
viewBox: "0 0 80 26"
|
|
32
|
+
}, props), /*#__PURE__*/_react.default.createElement("path", {
|
|
33
|
+
stroke: "#101828",
|
|
34
|
+
strokeLinecap: "round",
|
|
35
|
+
strokeLinejoin: "round",
|
|
36
|
+
strokeWidth: 1.5,
|
|
37
|
+
d: "M40 10.332v4M38.362 4.923l-8.106 13.534a1.915 1.915 0 0 0 1.636 2.871h16.214a1.913 1.913 0 0 0 1.636-2.87L41.638 4.922a1.913 1.913 0 0 0-3.275 0v.001ZM40 17.332h.01",
|
|
38
|
+
"data-dark-mode-color": "true"
|
|
39
|
+
}));
|
|
40
|
+
};
|
|
41
|
+
|
|
42
|
+
var _default = Alert;
|
|
43
|
+
exports.default = _default;
|
|
44
|
+
//# sourceMappingURL=Alert.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../generate/elements/Alert.js"],"names":["Alert","width","height","props"],"mappings":";;;;;;;AAAA;;;;;;;;;;;;AACA,IAAMA,KAAK,GAAG,SAARA,KAAQ,OAA2C;AAAA,wBAAxCC,KAAwC;AAAA,MAAxCA,KAAwC,2BAAhC,EAAgC;AAAA,yBAA5BC,MAA4B;AAAA,MAA5BA,MAA4B,4BAAnB,EAAmB;AAAA,MAAZC,KAAY;;AACvD,sBACE;AACE,IAAA,KAAK,EAAEF,KADT;AAEE,IAAA,MAAM,EAAEC,MAFV;AAGE,IAAA,IAAI,EAAC,MAHP;AAIE,IAAA,OAAO,EAAC;AAJV,KAKMC,KALN,gBAOE;AACE,IAAA,MAAM,EAAC,SADT;AAEE,IAAA,aAAa,EAAC,OAFhB;AAGE,IAAA,cAAc,EAAC,OAHjB;AAIE,IAAA,WAAW,EAAE,GAJf;AAKE,IAAA,CAAC,EAAC,sKALJ;AAME,4BAAqB;AANvB,IAPF,CADF;AAkBD,CAnBD;;eAoBeH,K","sourcesContent":["import React from \"react\";\nconst Alert = ({ width = 80, height = 26, ...props }) => {\n return (\n <svg\n width={width}\n height={height}\n fill=\"none\"\n viewBox=\"0 0 80 26\"\n {...props}\n >\n <path\n stroke=\"#101828\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n strokeWidth={1.5}\n d=\"M40 10.332v4M38.362 4.923l-8.106 13.534a1.915 1.915 0 0 0 1.636 2.871h16.214a1.913 1.913 0 0 0 1.636-2.87L41.638 4.922a1.913 1.913 0 0 0-3.275 0v.001ZM40 17.332h.01\"\n data-dark-mode-color=\"true\"\n />\n </svg>\n );\n};\nexport default Alert;\n"],"file":"Alert.js"}
|
|
@@ -0,0 +1,308 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
10
|
+
var _excluded = ["width", "height"];
|
|
11
|
+
|
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
+
|
|
14
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
15
|
+
|
|
16
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
17
|
+
|
|
18
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
19
|
+
|
|
20
|
+
var AndroidMockup = function AndroidMockup(_ref) {
|
|
21
|
+
var _ref$width = _ref.width,
|
|
22
|
+
width = _ref$width === void 0 ? 80 : _ref$width,
|
|
23
|
+
_ref$height = _ref.height,
|
|
24
|
+
height = _ref$height === void 0 ? 26 : _ref$height,
|
|
25
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
26
|
+
|
|
27
|
+
return /*#__PURE__*/_react.default.createElement("svg", _extends({
|
|
28
|
+
width: width,
|
|
29
|
+
height: height,
|
|
30
|
+
fill: "none",
|
|
31
|
+
viewBox: "0 0 80 26"
|
|
32
|
+
}, props), /*#__PURE__*/_react.default.createElement("path", {
|
|
33
|
+
fill: "#101828",
|
|
34
|
+
stroke: "#1A1A1A",
|
|
35
|
+
strokeWidth: 0.058,
|
|
36
|
+
d: "M35.308 1.029h8.519c.446 0 .784.134 1.01.36.227.227.346.55.346.933V23.75c0 .674-.547 1.221-1.221 1.221H35.25a1.221 1.221 0 0 1-1.221-1.221V2.298c0-.678.474-1.27 1.279-1.27Z"
|
|
37
|
+
}), /*#__PURE__*/_react.default.createElement("g", {
|
|
38
|
+
clipPath: "url(#AndroidMockup_js__a)",
|
|
39
|
+
"data-figma-skip-parse": "true"
|
|
40
|
+
}, /*#__PURE__*/_react.default.createElement("foreignObject", {
|
|
41
|
+
width: 2028.12,
|
|
42
|
+
height: 2028.12,
|
|
43
|
+
x: -1014.06,
|
|
44
|
+
y: -1014.06,
|
|
45
|
+
transform: "matrix(0 .01188 -.00547 0 39.606 12.99)"
|
|
46
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
47
|
+
xmlns: "http://www.w3.org/1999/xhtml",
|
|
48
|
+
style: {
|
|
49
|
+
background: "conic-gradient(from 90deg,#3f3f3f 0deg,#5c5c5c 38.2895deg,#454545 40.2708deg,#000 43.1375deg,#464646 47.5174deg,#636161 85.4292deg,#606060 134.137deg,#000 135.905deg,#ababab 139.397deg,#6d6d6d 156.8deg,#7a7a7a 179.477deg,#7c7c7c 213.466deg,#545454 221.509deg,#000 224.586deg,#505050 226.956deg,#444 302.028deg,#343434 311.987deg,#000 315.712deg,#252527 319.352deg,#363636 348.207deg,#3f3f3f 360deg)",
|
|
50
|
+
height: "100%",
|
|
51
|
+
width: "100%",
|
|
52
|
+
opacity: 1
|
|
53
|
+
}
|
|
54
|
+
}))), /*#__PURE__*/_react.default.createElement("path", {
|
|
55
|
+
stroke: "#1A1A1A",
|
|
56
|
+
strokeWidth: 0.058,
|
|
57
|
+
d: "M43.87 1.144h-8.543c-.364 0-.654.113-.853.314-.2.201-.31.493-.31.854V23.76c0 .594.481 1.076 1.076 1.076h8.731c.595 0 1.077-.482 1.077-1.077l.02-21.432-1.198-1.183Zm0 0c.41 0 .708.131.904.342m-.904-.342.904.342m0 0c.196.212.293.507.293.84l-.293-.84Z",
|
|
58
|
+
"data-figma-gradient-fill": "{\"type\":\"GRADIENT_ANGULAR\",\"stops\":[{\"color\":{\"r\":0.36250001192092896,\"g\":0.36250001192092896,\"b\":0.36250001192092896,\"a\":1.0},\"position\":0.10635985434055328},{\"color\":{\"r\":0.27058824896812439,\"g\":0.27058824896812439,\"b\":0.27058824896812439,\"a\":1.0},\"position\":0.11186322569847107},{\"color\":{\"r\":0.0,\"g\":0.0,\"b\":0.0,\"a\":1.0},\"position\":0.11982651799917221},{\"color\":{\"r\":0.27450981736183167,\"g\":0.27450981736183167,\"b\":0.27450981736183167,\"a\":1.0},\"position\":0.13199278712272644},{\"color\":{\"r\":0.38823530077934265,\"g\":0.38039216399192810,\"b\":0.38039216399192810,\"a\":1.0},\"position\":0.23730345070362091},{\"color\":{\"r\":0.37647059559822083,\"g\":0.37647059559822083,\"b\":0.37647059559822083,\"a\":1.0},\"position\":0.37260404229164124},{\"color\":{\"r\":0.0,\"g\":0.0,\"b\":0.0,\"a\":1.0},\"position\":0.37751340866088867},{\"color\":{\"r\":0.67058825492858887,\"g\":0.67058825492858887,\"b\":0.67058825492858887,\"a\":1.0},\"position\":0.38721415400505066},{\"color\":{\"r\":0.42745098471641541,\"g\":0.42745098471641541,\"b\":0.42745098471641541,\"a\":1.0},\"position\":0.43555471301078796},{\"color\":{\"r\":0.47843137383460999,\"g\":0.47843137383460999,\"b\":0.47843137383460999,\"a\":1.0},\"position\":0.49854609370231628},{\"color\":{\"r\":0.48627451062202454,\"g\":0.48627451062202454,\"b\":0.48627451062202454,\"a\":1.0},\"position\":0.59296053647994995},{\"color\":{\"r\":0.32941177487373352,\"g\":0.32941177487373352,\"b\":0.32941177487373352,\"a\":1.0},\"position\":0.61530184745788574},{\"color\":{\"r\":0.0,\"g\":0.0,\"b\":0.0,\"a\":1.0},\"position\":0.62385094165802002},{\"color\":{\"r\":0.31372550129890442,\"g\":0.31372550129890442,\"b\":0.31372550129890442,\"a\":1.0},\"position\":0.63043242692947388},{\"color\":{\"r\":0.26666668057441711,\"g\":0.26666668057441711,\"b\":0.26666668057441711,\"a\":1.0},\"position\":0.83896654844284058},{\"color\":{\"r\":0.20392157137393951,\"g\":0.20392157137393951,\"b\":0.20392157137393951,\"a\":1.0},\"position\":0.86663019657135010},{\"color\":{\"r\":0.0,\"g\":0.0,\"b\":0.0,\"a\":1.0},\"position\":0.87697714567184448},{\"color\":{\"r\":0.14509804546833038,\"g\":0.14509804546833038,\"b\":0.15294118225574493,\"a\":1.0},\"position\":0.88708794116973877},{\"color\":{\"r\":0.21176470816135406,\"g\":0.21176470816135406,\"b\":0.21176470816135406,\"a\":1.0},\"position\":0.96724039316177368}],\"stopsVar\":[],\"transform\":{\"m00\":6.7002323125020806e-16,\"m01\":-10.942309379577637,\"m02\":45.076831817626953,\"m10\":23.750,\"m11\":1.4542682201629481e-15,\"m12\":1.1152343750},\"opacity\":1.0,\"blendMode\":\"NORMAL\",\"visible\":true}"
|
|
59
|
+
}), /*#__PURE__*/_react.default.createElement("path", {
|
|
60
|
+
fill: "#F6F7F8",
|
|
61
|
+
stroke: "#101828",
|
|
62
|
+
strokeWidth: 0.019,
|
|
63
|
+
d: "M43.865 1.27h-8.5c-.314 0-.578.084-.765.261-.186.177-.292.446-.292.81v21.42c0 .535.435.97.97.97h8.684a.971.971 0 0 0 .97-.97V2.336c0-.343-.105-.61-.291-.792-.187-.181-.454-.275-.776-.275Z"
|
|
64
|
+
}), /*#__PURE__*/_react.default.createElement("rect", {
|
|
65
|
+
width: 4.269,
|
|
66
|
+
height: 0.087,
|
|
67
|
+
x: 37.49,
|
|
68
|
+
y: 1.115,
|
|
69
|
+
fill: "#1A1A1A",
|
|
70
|
+
rx: 0.043
|
|
71
|
+
}), /*#__PURE__*/_react.default.createElement("g", {
|
|
72
|
+
filter: "url(#AndroidMockup_js__b)"
|
|
73
|
+
}, /*#__PURE__*/_react.default.createElement("circle", {
|
|
74
|
+
cx: 39.62,
|
|
75
|
+
cy: 1.88,
|
|
76
|
+
r: 0.255,
|
|
77
|
+
fill: "#101828"
|
|
78
|
+
}), /*#__PURE__*/_react.default.createElement("circle", {
|
|
79
|
+
cx: 39.62,
|
|
80
|
+
cy: 1.88,
|
|
81
|
+
r: 0.243,
|
|
82
|
+
stroke: "url(#AndroidMockup_js__c)",
|
|
83
|
+
strokeWidth: 0.024
|
|
84
|
+
})), /*#__PURE__*/_react.default.createElement("path", {
|
|
85
|
+
fill: "url(#AndroidMockup_js__d)",
|
|
86
|
+
d: "M39.722 1.993a.153.153 0 1 1-.204-.227.153.153 0 0 1 .204.227Z"
|
|
87
|
+
}), /*#__PURE__*/_react.default.createElement("g", {
|
|
88
|
+
clipPath: "url(#AndroidMockup_js__e)",
|
|
89
|
+
"data-figma-skip-parse": "true"
|
|
90
|
+
}, /*#__PURE__*/_react.default.createElement("foreignObject", {
|
|
91
|
+
width: 3012.95,
|
|
92
|
+
height: 3012.95,
|
|
93
|
+
x: -1506.47,
|
|
94
|
+
y: -1506.47,
|
|
95
|
+
transform: "matrix(-.00011 .0001 -.0001 -.00011 39.62 1.88)"
|
|
96
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
97
|
+
xmlns: "http://www.w3.org/1999/xhtml",
|
|
98
|
+
style: {
|
|
99
|
+
background: "conic-gradient(from 90deg,transparent 0deg,transparent 148.125deg,#000 183.75deg,transparent 294.375deg,transparent 360deg)",
|
|
100
|
+
height: "100%",
|
|
101
|
+
width: "100%",
|
|
102
|
+
opacity: 1
|
|
103
|
+
}
|
|
104
|
+
}))), /*#__PURE__*/_react.default.createElement("path", {
|
|
105
|
+
d: "M39.722 1.993a.153.153 0 1 1-.204-.227.153.153 0 0 1 .204.227Z",
|
|
106
|
+
"data-figma-gradient-fill": "{\"type\":\"GRADIENT_ANGULAR\",\"stops\":[{\"color\":{\"r\":0.0,\"g\":0.0,\"b\":0.0,\"a\":0.0},\"position\":0.41145834326744080},{\"color\":{\"r\":0.0,\"g\":0.0,\"b\":0.0,\"a\":1.0},\"position\":0.51041668653488159},{\"color\":{\"r\":0.0,\"g\":0.0,\"b\":0.0,\"a\":0.0},\"position\":0.81770831346511841}],\"stopsVar\":[],\"transform\":{\"m00\":-0.22716559469699860,\"m01\":-0.20467200875282288,\"m02\":39.836090087890625,\"m10\":0.20467200875282288,\"m11\":-0.22716559469699860,\"m12\":1.8906952142715454},\"opacity\":1.0,\"blendMode\":\"NORMAL\",\"visible\":true}"
|
|
107
|
+
}), /*#__PURE__*/_react.default.createElement("g", {
|
|
108
|
+
clipPath: "url(#AndroidMockup_js__f)",
|
|
109
|
+
"data-figma-skip-parse": "true"
|
|
110
|
+
}, /*#__PURE__*/_react.default.createElement("foreignObject", {
|
|
111
|
+
width: 3012.95,
|
|
112
|
+
height: 3012.95,
|
|
113
|
+
x: -1506.47,
|
|
114
|
+
y: -1506.47,
|
|
115
|
+
transform: "matrix(-.00011 .0001 -.0001 -.00011 39.62 1.88)"
|
|
116
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
117
|
+
xmlns: "http://www.w3.org/1999/xhtml",
|
|
118
|
+
style: {
|
|
119
|
+
background: "conic-gradient(from 90deg,#000 0deg,#000 33.8466deg,rgba(0,0,0,.13) 60.5113deg,rgba(0,0,0,.13) 108.052deg,#000 165.195deg,#000 228.075deg,transparent 243.85deg,transparent 316.969deg,#000 360deg)",
|
|
120
|
+
height: "100%",
|
|
121
|
+
width: "100%",
|
|
122
|
+
opacity: 1
|
|
123
|
+
}
|
|
124
|
+
}))), /*#__PURE__*/_react.default.createElement("path", {
|
|
125
|
+
d: "M39.722 1.993a.153.153 0 1 1-.204-.227.153.153 0 0 1 .204.227Z",
|
|
126
|
+
"data-figma-gradient-fill": "{\"type\":\"GRADIENT_ANGULAR\",\"stops\":[{\"color\":{\"r\":0.0,\"g\":0.0,\"b\":0.0,\"a\":1.0},\"position\":0.094018273055553436},{\"color\":{\"r\":0.0,\"g\":0.0,\"b\":0.0,\"a\":0.12999999523162842},\"position\":0.16808699071407318},{\"color\":{\"r\":0.0,\"g\":0.0,\"b\":0.0,\"a\":0.12999999523162842},\"position\":0.30014511942863464},{\"color\":{\"r\":0.0,\"g\":0.0,\"b\":0.0,\"a\":1.0},\"position\":0.45887422561645508},{\"color\":{\"r\":0.0,\"g\":0.0,\"b\":0.0,\"a\":1.0},\"position\":0.63354188203811646},{\"color\":{\"r\":0.0,\"g\":0.0,\"b\":0.0,\"a\":0.0},\"position\":0.67736220359802246},{\"color\":{\"r\":0.0,\"g\":0.0,\"b\":0.0,\"a\":0.0},\"position\":0.88046979904174805},{\"color\":{\"r\":0.0,\"g\":0.0,\"b\":0.0,\"a\":1.0},\"position\":1.0}],\"stopsVar\":[],\"transform\":{\"m00\":-0.22716559469699860,\"m01\":-0.20467200875282288,\"m02\":39.836090087890625,\"m10\":0.20467200875282288,\"m11\":-0.22716559469699860,\"m12\":1.8906952142715454},\"opacity\":1.0,\"blendMode\":\"NORMAL\",\"visible\":true}"
|
|
127
|
+
}), /*#__PURE__*/_react.default.createElement("path", {
|
|
128
|
+
fill: "url(#AndroidMockup_js__g)",
|
|
129
|
+
d: "M39.708 1.837a.054.054 0 0 1-.06.043.048.048 0 0 1-.04-.058.054.054 0 0 1 .06-.043c.028.004.046.03.04.058Z"
|
|
130
|
+
}), /*#__PURE__*/_react.default.createElement("g", {
|
|
131
|
+
fill: "#1A1A1A",
|
|
132
|
+
stroke: "#1A1A1A",
|
|
133
|
+
strokeWidth: 0.01,
|
|
134
|
+
filter: "url(#AndroidMockup_js__h)"
|
|
135
|
+
}, /*#__PURE__*/_react.default.createElement("path", {
|
|
136
|
+
d: "M45.217 4.716h.052c.024 0 .044.02.044.043v2.779c0 .024-.02.043-.044.043h-.052V4.716ZM45.217 9.485h.052c.024 0 .044.02.044.044v1.432c0 .024-.02.043-.044.043h-.052V9.486Z"
|
|
137
|
+
})), /*#__PURE__*/_react.default.createElement("path", {
|
|
138
|
+
fill: "#191919",
|
|
139
|
+
d: "M43.461 24.808h.212V25h-.212zM35.481 24.808h.212V25h-.212zM45.039 3.077h.173v.26h-.173zM34 3.077h.192v.26H34z"
|
|
140
|
+
}), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("radialGradient", {
|
|
141
|
+
id: "AndroidMockup_js__c",
|
|
142
|
+
cx: 0,
|
|
143
|
+
cy: 0,
|
|
144
|
+
r: 1,
|
|
145
|
+
gradientTransform: "rotate(55.222 18.153 38.548) scale(.5584)",
|
|
146
|
+
gradientUnits: "userSpaceOnUse"
|
|
147
|
+
}, /*#__PURE__*/_react.default.createElement("stop", {
|
|
148
|
+
stopColor: "#121212"
|
|
149
|
+
}), /*#__PURE__*/_react.default.createElement("stop", {
|
|
150
|
+
offset: 1,
|
|
151
|
+
stopColor: "#090909"
|
|
152
|
+
})), /*#__PURE__*/_react.default.createElement("radialGradient", {
|
|
153
|
+
id: "AndroidMockup_js__d",
|
|
154
|
+
cx: 0,
|
|
155
|
+
cy: 0,
|
|
156
|
+
r: 1,
|
|
157
|
+
gradientTransform: "matrix(-.11358 .10234 -.10234 -.11358 39.62 1.88)",
|
|
158
|
+
gradientUnits: "userSpaceOnUse"
|
|
159
|
+
}, /*#__PURE__*/_react.default.createElement("stop", {
|
|
160
|
+
offset: 0.214,
|
|
161
|
+
stopColor: "#191919"
|
|
162
|
+
}), /*#__PURE__*/_react.default.createElement("stop", {
|
|
163
|
+
offset: 0.271,
|
|
164
|
+
stopColor: "#365153"
|
|
165
|
+
}), /*#__PURE__*/_react.default.createElement("stop", {
|
|
166
|
+
offset: 0.396,
|
|
167
|
+
stopColor: "#1F5558"
|
|
168
|
+
}), /*#__PURE__*/_react.default.createElement("stop", {
|
|
169
|
+
offset: 0.516,
|
|
170
|
+
stopColor: "#60ACBA"
|
|
171
|
+
}), /*#__PURE__*/_react.default.createElement("stop", {
|
|
172
|
+
offset: 0.714,
|
|
173
|
+
stopColor: "#416961"
|
|
174
|
+
}), /*#__PURE__*/_react.default.createElement("stop", {
|
|
175
|
+
offset: 0.917,
|
|
176
|
+
stopColor: "#191919"
|
|
177
|
+
})), /*#__PURE__*/_react.default.createElement("radialGradient", {
|
|
178
|
+
id: "AndroidMockup_js__g",
|
|
179
|
+
cx: 0,
|
|
180
|
+
cy: 0,
|
|
181
|
+
r: 1,
|
|
182
|
+
gradientTransform: "rotate(101.258 19.078 17.186) scale(.05136 .05049)",
|
|
183
|
+
gradientUnits: "userSpaceOnUse"
|
|
184
|
+
}, /*#__PURE__*/_react.default.createElement("stop", {
|
|
185
|
+
offset: 0.125,
|
|
186
|
+
stopColor: "#58A9D7"
|
|
187
|
+
}), /*#__PURE__*/_react.default.createElement("stop", {
|
|
188
|
+
offset: 1,
|
|
189
|
+
stopOpacity: 0
|
|
190
|
+
})), /*#__PURE__*/_react.default.createElement("clipPath", {
|
|
191
|
+
id: "AndroidMockup_js__a"
|
|
192
|
+
}, /*#__PURE__*/_react.default.createElement("path", {
|
|
193
|
+
strokeWidth: 0.058,
|
|
194
|
+
d: "M43.87 1.144h-8.543c-.364 0-.654.113-.853.314-.2.201-.31.493-.31.854V23.76c0 .594.481 1.076 1.076 1.076h8.731c.595 0 1.077-.482 1.077-1.077l.02-21.432-1.198-1.183Zm0 0c.41 0 .708.131.904.342m-.904-.342.904.342m0 0c.196.212.293.507.293.84l-.293-.84Z"
|
|
195
|
+
})), /*#__PURE__*/_react.default.createElement("clipPath", {
|
|
196
|
+
id: "AndroidMockup_js__e"
|
|
197
|
+
}, /*#__PURE__*/_react.default.createElement("path", {
|
|
198
|
+
d: "M39.722 1.993a.153.153 0 1 1-.204-.227.153.153 0 0 1 .204.227Z"
|
|
199
|
+
})), /*#__PURE__*/_react.default.createElement("clipPath", {
|
|
200
|
+
id: "AndroidMockup_js__f"
|
|
201
|
+
}, /*#__PURE__*/_react.default.createElement("path", {
|
|
202
|
+
d: "M39.722 1.993a.153.153 0 1 1-.204-.227.153.153 0 0 1 .204.227Z"
|
|
203
|
+
})), /*#__PURE__*/_react.default.createElement("filter", {
|
|
204
|
+
id: "AndroidMockup_js__b",
|
|
205
|
+
width: 0.543,
|
|
206
|
+
height: 0.543,
|
|
207
|
+
x: 39.349,
|
|
208
|
+
y: 1.608,
|
|
209
|
+
colorInterpolationFilters: "sRGB",
|
|
210
|
+
filterUnits: "userSpaceOnUse"
|
|
211
|
+
}, /*#__PURE__*/_react.default.createElement("feFlood", {
|
|
212
|
+
floodOpacity: 0,
|
|
213
|
+
result: "BackgroundImageFix"
|
|
214
|
+
}), /*#__PURE__*/_react.default.createElement("feColorMatrix", {
|
|
215
|
+
in: "SourceAlpha",
|
|
216
|
+
result: "hardAlpha",
|
|
217
|
+
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
|
|
218
|
+
}), /*#__PURE__*/_react.default.createElement("feMorphology", {
|
|
219
|
+
in: "SourceAlpha",
|
|
220
|
+
operator: "dilate",
|
|
221
|
+
radius: 0.004,
|
|
222
|
+
result: "effect1_dropShadow_224_89"
|
|
223
|
+
}), /*#__PURE__*/_react.default.createElement("feOffset", null), /*#__PURE__*/_react.default.createElement("feGaussianBlur", {
|
|
224
|
+
stdDeviation: 0.006
|
|
225
|
+
}), /*#__PURE__*/_react.default.createElement("feColorMatrix", {
|
|
226
|
+
values: "0 0 0 0 0.0705882 0 0 0 0 0.0313726 0 0 0 0 0.0235294 0 0 0 1 0"
|
|
227
|
+
}), /*#__PURE__*/_react.default.createElement("feBlend", {
|
|
228
|
+
in2: "BackgroundImageFix",
|
|
229
|
+
result: "effect1_dropShadow_224_89"
|
|
230
|
+
}), /*#__PURE__*/_react.default.createElement("feBlend", {
|
|
231
|
+
in: "SourceGraphic",
|
|
232
|
+
in2: "effect1_dropShadow_224_89",
|
|
233
|
+
result: "shape"
|
|
234
|
+
})), /*#__PURE__*/_react.default.createElement("filter", {
|
|
235
|
+
id: "AndroidMockup_js__h",
|
|
236
|
+
width: 0.115,
|
|
237
|
+
height: 6.376,
|
|
238
|
+
x: 45.202,
|
|
239
|
+
y: 4.672,
|
|
240
|
+
colorInterpolationFilters: "sRGB",
|
|
241
|
+
filterUnits: "userSpaceOnUse"
|
|
242
|
+
}, /*#__PURE__*/_react.default.createElement("feFlood", {
|
|
243
|
+
floodOpacity: 0,
|
|
244
|
+
result: "BackgroundImageFix"
|
|
245
|
+
}), /*#__PURE__*/_react.default.createElement("feBlend", {
|
|
246
|
+
in: "SourceGraphic",
|
|
247
|
+
in2: "BackgroundImageFix",
|
|
248
|
+
result: "shape"
|
|
249
|
+
}), /*#__PURE__*/_react.default.createElement("feColorMatrix", {
|
|
250
|
+
in: "SourceAlpha",
|
|
251
|
+
result: "hardAlpha",
|
|
252
|
+
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
|
|
253
|
+
}), /*#__PURE__*/_react.default.createElement("feOffset", {
|
|
254
|
+
dy: 0.038
|
|
255
|
+
}), /*#__PURE__*/_react.default.createElement("feGaussianBlur", {
|
|
256
|
+
stdDeviation: 0.019
|
|
257
|
+
}), /*#__PURE__*/_react.default.createElement("feComposite", {
|
|
258
|
+
in2: "hardAlpha",
|
|
259
|
+
k2: -1,
|
|
260
|
+
k3: 1,
|
|
261
|
+
operator: "arithmetic"
|
|
262
|
+
}), /*#__PURE__*/_react.default.createElement("feColorMatrix", {
|
|
263
|
+
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0"
|
|
264
|
+
}), /*#__PURE__*/_react.default.createElement("feBlend", {
|
|
265
|
+
in2: "shape",
|
|
266
|
+
result: "effect1_innerShadow_224_89"
|
|
267
|
+
}), /*#__PURE__*/_react.default.createElement("feColorMatrix", {
|
|
268
|
+
in: "SourceAlpha",
|
|
269
|
+
result: "hardAlpha",
|
|
270
|
+
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
|
|
271
|
+
}), /*#__PURE__*/_react.default.createElement("feOffset", {
|
|
272
|
+
dy: -0.038
|
|
273
|
+
}), /*#__PURE__*/_react.default.createElement("feGaussianBlur", {
|
|
274
|
+
stdDeviation: 0.019
|
|
275
|
+
}), /*#__PURE__*/_react.default.createElement("feComposite", {
|
|
276
|
+
in2: "hardAlpha",
|
|
277
|
+
k2: -1,
|
|
278
|
+
k3: 1,
|
|
279
|
+
operator: "arithmetic"
|
|
280
|
+
}), /*#__PURE__*/_react.default.createElement("feColorMatrix", {
|
|
281
|
+
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0"
|
|
282
|
+
}), /*#__PURE__*/_react.default.createElement("feBlend", {
|
|
283
|
+
in2: "effect1_innerShadow_224_89",
|
|
284
|
+
result: "effect2_innerShadow_224_89"
|
|
285
|
+
}), /*#__PURE__*/_react.default.createElement("feColorMatrix", {
|
|
286
|
+
in: "SourceAlpha",
|
|
287
|
+
result: "hardAlpha",
|
|
288
|
+
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
|
|
289
|
+
}), /*#__PURE__*/_react.default.createElement("feOffset", {
|
|
290
|
+
dx: -0.019
|
|
291
|
+
}), /*#__PURE__*/_react.default.createElement("feGaussianBlur", {
|
|
292
|
+
stdDeviation: 0.005
|
|
293
|
+
}), /*#__PURE__*/_react.default.createElement("feComposite", {
|
|
294
|
+
in2: "hardAlpha",
|
|
295
|
+
k2: -1,
|
|
296
|
+
k3: 1,
|
|
297
|
+
operator: "arithmetic"
|
|
298
|
+
}), /*#__PURE__*/_react.default.createElement("feColorMatrix", {
|
|
299
|
+
values: "0 0 0 0 0.294118 0 0 0 0 0.294118 0 0 0 0 0.294118 0 0 0 1 0"
|
|
300
|
+
}), /*#__PURE__*/_react.default.createElement("feBlend", {
|
|
301
|
+
in2: "effect2_innerShadow_224_89",
|
|
302
|
+
result: "effect3_innerShadow_224_89"
|
|
303
|
+
}))));
|
|
304
|
+
};
|
|
305
|
+
|
|
306
|
+
var _default = AndroidMockup;
|
|
307
|
+
exports.default = _default;
|
|
308
|
+
//# sourceMappingURL=AndroidMockup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../generate/elements/AndroidMockup.js"],"names":["AndroidMockup","width","height","props","background","opacity"],"mappings":"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","sourcesContent":["import React from \"react\";\nconst AndroidMockup = ({ width = 80, height = 26, ...props }) => {\n return (\n <svg\n width={width}\n height={height}\n fill=\"none\"\n viewBox=\"0 0 80 26\"\n {...props}\n >\n <path\n fill=\"#101828\"\n stroke=\"#1A1A1A\"\n strokeWidth={0.058}\n d=\"M35.308 1.029h8.519c.446 0 .784.134 1.01.36.227.227.346.55.346.933V23.75c0 .674-.547 1.221-1.221 1.221H35.25a1.221 1.221 0 0 1-1.221-1.221V2.298c0-.678.474-1.27 1.279-1.27Z\"\n />\n <g clipPath=\"url(#AndroidMockup_js__a)\" data-figma-skip-parse=\"true\">\n <foreignObject\n width={2028.12}\n height={2028.12}\n x={-1014.06}\n y={-1014.06}\n transform=\"matrix(0 .01188 -.00547 0 39.606 12.99)\"\n >\n <div\n xmlns=\"http://www.w3.org/1999/xhtml\"\n style={{\n background:\n \"conic-gradient(from 90deg,#3f3f3f 0deg,#5c5c5c 38.2895deg,#454545 40.2708deg,#000 43.1375deg,#464646 47.5174deg,#636161 85.4292deg,#606060 134.137deg,#000 135.905deg,#ababab 139.397deg,#6d6d6d 156.8deg,#7a7a7a 179.477deg,#7c7c7c 213.466deg,#545454 221.509deg,#000 224.586deg,#505050 226.956deg,#444 302.028deg,#343434 311.987deg,#000 315.712deg,#252527 319.352deg,#363636 348.207deg,#3f3f3f 360deg)\",\n height: \"100%\",\n width: \"100%\",\n opacity: 1,\n }}\n />\n </foreignObject>\n </g>\n <path\n stroke=\"#1A1A1A\"\n strokeWidth={0.058}\n d=\"M43.87 1.144h-8.543c-.364 0-.654.113-.853.314-.2.201-.31.493-.31.854V23.76c0 .594.481 1.076 1.076 1.076h8.731c.595 0 1.077-.482 1.077-1.077l.02-21.432-1.198-1.183Zm0 0c.41 0 .708.131.904.342m-.904-.342.904.342m0 0c.196.212.293.507.293.84l-.293-.84Z\"\n data-figma-gradient-fill='{\"type\":\"GRADIENT_ANGULAR\",\"stops\":[{\"color\":{\"r\":0.36250001192092896,\"g\":0.36250001192092896,\"b\":0.36250001192092896,\"a\":1.0},\"position\":0.10635985434055328},{\"color\":{\"r\":0.27058824896812439,\"g\":0.27058824896812439,\"b\":0.27058824896812439,\"a\":1.0},\"position\":0.11186322569847107},{\"color\":{\"r\":0.0,\"g\":0.0,\"b\":0.0,\"a\":1.0},\"position\":0.11982651799917221},{\"color\":{\"r\":0.27450981736183167,\"g\":0.27450981736183167,\"b\":0.27450981736183167,\"a\":1.0},\"position\":0.13199278712272644},{\"color\":{\"r\":0.38823530077934265,\"g\":0.38039216399192810,\"b\":0.38039216399192810,\"a\":1.0},\"position\":0.23730345070362091},{\"color\":{\"r\":0.37647059559822083,\"g\":0.37647059559822083,\"b\":0.37647059559822083,\"a\":1.0},\"position\":0.37260404229164124},{\"color\":{\"r\":0.0,\"g\":0.0,\"b\":0.0,\"a\":1.0},\"position\":0.37751340866088867},{\"color\":{\"r\":0.67058825492858887,\"g\":0.67058825492858887,\"b\":0.67058825492858887,\"a\":1.0},\"position\":0.38721415400505066},{\"color\":{\"r\":0.42745098471641541,\"g\":0.42745098471641541,\"b\":0.42745098471641541,\"a\":1.0},\"position\":0.43555471301078796},{\"color\":{\"r\":0.47843137383460999,\"g\":0.47843137383460999,\"b\":0.47843137383460999,\"a\":1.0},\"position\":0.49854609370231628},{\"color\":{\"r\":0.48627451062202454,\"g\":0.48627451062202454,\"b\":0.48627451062202454,\"a\":1.0},\"position\":0.59296053647994995},{\"color\":{\"r\":0.32941177487373352,\"g\":0.32941177487373352,\"b\":0.32941177487373352,\"a\":1.0},\"position\":0.61530184745788574},{\"color\":{\"r\":0.0,\"g\":0.0,\"b\":0.0,\"a\":1.0},\"position\":0.62385094165802002},{\"color\":{\"r\":0.31372550129890442,\"g\":0.31372550129890442,\"b\":0.31372550129890442,\"a\":1.0},\"position\":0.63043242692947388},{\"color\":{\"r\":0.26666668057441711,\"g\":0.26666668057441711,\"b\":0.26666668057441711,\"a\":1.0},\"position\":0.83896654844284058},{\"color\":{\"r\":0.20392157137393951,\"g\":0.20392157137393951,\"b\":0.20392157137393951,\"a\":1.0},\"position\":0.86663019657135010},{\"color\":{\"r\":0.0,\"g\":0.0,\"b\":0.0,\"a\":1.0},\"position\":0.87697714567184448},{\"color\":{\"r\":0.14509804546833038,\"g\":0.14509804546833038,\"b\":0.15294118225574493,\"a\":1.0},\"position\":0.88708794116973877},{\"color\":{\"r\":0.21176470816135406,\"g\":0.21176470816135406,\"b\":0.21176470816135406,\"a\":1.0},\"position\":0.96724039316177368}],\"stopsVar\":[],\"transform\":{\"m00\":6.7002323125020806e-16,\"m01\":-10.942309379577637,\"m02\":45.076831817626953,\"m10\":23.750,\"m11\":1.4542682201629481e-15,\"m12\":1.1152343750},\"opacity\":1.0,\"blendMode\":\"NORMAL\",\"visible\":true}'\n />\n <path\n fill=\"#F6F7F8\"\n stroke=\"#101828\"\n strokeWidth={0.019}\n d=\"M43.865 1.27h-8.5c-.314 0-.578.084-.765.261-.186.177-.292.446-.292.81v21.42c0 .535.435.97.97.97h8.684a.971.971 0 0 0 .97-.97V2.336c0-.343-.105-.61-.291-.792-.187-.181-.454-.275-.776-.275Z\"\n />\n <rect\n width={4.269}\n height={0.087}\n x={37.49}\n y={1.115}\n fill=\"#1A1A1A\"\n rx={0.043}\n />\n <g filter=\"url(#AndroidMockup_js__b)\">\n <circle cx={39.62} cy={1.88} r={0.255} fill=\"#101828\" />\n <circle\n cx={39.62}\n cy={1.88}\n r={0.243}\n stroke=\"url(#AndroidMockup_js__c)\"\n strokeWidth={0.024}\n />\n </g>\n <path\n fill=\"url(#AndroidMockup_js__d)\"\n d=\"M39.722 1.993a.153.153 0 1 1-.204-.227.153.153 0 0 1 .204.227Z\"\n />\n <g clipPath=\"url(#AndroidMockup_js__e)\" data-figma-skip-parse=\"true\">\n <foreignObject\n width={3012.95}\n height={3012.95}\n x={-1506.47}\n y={-1506.47}\n transform=\"matrix(-.00011 .0001 -.0001 -.00011 39.62 1.88)\"\n >\n <div\n xmlns=\"http://www.w3.org/1999/xhtml\"\n style={{\n background:\n \"conic-gradient(from 90deg,transparent 0deg,transparent 148.125deg,#000 183.75deg,transparent 294.375deg,transparent 360deg)\",\n height: \"100%\",\n width: \"100%\",\n opacity: 1,\n }}\n />\n </foreignObject>\n </g>\n <path\n d=\"M39.722 1.993a.153.153 0 1 1-.204-.227.153.153 0 0 1 .204.227Z\"\n data-figma-gradient-fill='{\"type\":\"GRADIENT_ANGULAR\",\"stops\":[{\"color\":{\"r\":0.0,\"g\":0.0,\"b\":0.0,\"a\":0.0},\"position\":0.41145834326744080},{\"color\":{\"r\":0.0,\"g\":0.0,\"b\":0.0,\"a\":1.0},\"position\":0.51041668653488159},{\"color\":{\"r\":0.0,\"g\":0.0,\"b\":0.0,\"a\":0.0},\"position\":0.81770831346511841}],\"stopsVar\":[],\"transform\":{\"m00\":-0.22716559469699860,\"m01\":-0.20467200875282288,\"m02\":39.836090087890625,\"m10\":0.20467200875282288,\"m11\":-0.22716559469699860,\"m12\":1.8906952142715454},\"opacity\":1.0,\"blendMode\":\"NORMAL\",\"visible\":true}'\n />\n <g clipPath=\"url(#AndroidMockup_js__f)\" data-figma-skip-parse=\"true\">\n <foreignObject\n width={3012.95}\n height={3012.95}\n x={-1506.47}\n y={-1506.47}\n transform=\"matrix(-.00011 .0001 -.0001 -.00011 39.62 1.88)\"\n >\n <div\n xmlns=\"http://www.w3.org/1999/xhtml\"\n style={{\n background:\n \"conic-gradient(from 90deg,#000 0deg,#000 33.8466deg,rgba(0,0,0,.13) 60.5113deg,rgba(0,0,0,.13) 108.052deg,#000 165.195deg,#000 228.075deg,transparent 243.85deg,transparent 316.969deg,#000 360deg)\",\n height: \"100%\",\n width: \"100%\",\n opacity: 1,\n }}\n />\n </foreignObject>\n </g>\n <path\n d=\"M39.722 1.993a.153.153 0 1 1-.204-.227.153.153 0 0 1 .204.227Z\"\n data-figma-gradient-fill='{\"type\":\"GRADIENT_ANGULAR\",\"stops\":[{\"color\":{\"r\":0.0,\"g\":0.0,\"b\":0.0,\"a\":1.0},\"position\":0.094018273055553436},{\"color\":{\"r\":0.0,\"g\":0.0,\"b\":0.0,\"a\":0.12999999523162842},\"position\":0.16808699071407318},{\"color\":{\"r\":0.0,\"g\":0.0,\"b\":0.0,\"a\":0.12999999523162842},\"position\":0.30014511942863464},{\"color\":{\"r\":0.0,\"g\":0.0,\"b\":0.0,\"a\":1.0},\"position\":0.45887422561645508},{\"color\":{\"r\":0.0,\"g\":0.0,\"b\":0.0,\"a\":1.0},\"position\":0.63354188203811646},{\"color\":{\"r\":0.0,\"g\":0.0,\"b\":0.0,\"a\":0.0},\"position\":0.67736220359802246},{\"color\":{\"r\":0.0,\"g\":0.0,\"b\":0.0,\"a\":0.0},\"position\":0.88046979904174805},{\"color\":{\"r\":0.0,\"g\":0.0,\"b\":0.0,\"a\":1.0},\"position\":1.0}],\"stopsVar\":[],\"transform\":{\"m00\":-0.22716559469699860,\"m01\":-0.20467200875282288,\"m02\":39.836090087890625,\"m10\":0.20467200875282288,\"m11\":-0.22716559469699860,\"m12\":1.8906952142715454},\"opacity\":1.0,\"blendMode\":\"NORMAL\",\"visible\":true}'\n />\n <path\n fill=\"url(#AndroidMockup_js__g)\"\n d=\"M39.708 1.837a.054.054 0 0 1-.06.043.048.048 0 0 1-.04-.058.054.054 0 0 1 .06-.043c.028.004.046.03.04.058Z\"\n />\n <g\n fill=\"#1A1A1A\"\n stroke=\"#1A1A1A\"\n strokeWidth={0.01}\n filter=\"url(#AndroidMockup_js__h)\"\n >\n <path d=\"M45.217 4.716h.052c.024 0 .044.02.044.043v2.779c0 .024-.02.043-.044.043h-.052V4.716ZM45.217 9.485h.052c.024 0 .044.02.044.044v1.432c0 .024-.02.043-.044.043h-.052V9.486Z\" />\n </g>\n <path\n fill=\"#191919\"\n d=\"M43.461 24.808h.212V25h-.212zM35.481 24.808h.212V25h-.212zM45.039 3.077h.173v.26h-.173zM34 3.077h.192v.26H34z\"\n />\n <defs>\n <radialGradient\n id=\"AndroidMockup_js__c\"\n cx={0}\n cy={0}\n r={1}\n gradientTransform=\"rotate(55.222 18.153 38.548) scale(.5584)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor=\"#121212\" />\n <stop offset={1} stopColor=\"#090909\" />\n </radialGradient>\n <radialGradient\n id=\"AndroidMockup_js__d\"\n cx={0}\n cy={0}\n r={1}\n gradientTransform=\"matrix(-.11358 .10234 -.10234 -.11358 39.62 1.88)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset={0.214} stopColor=\"#191919\" />\n <stop offset={0.271} stopColor=\"#365153\" />\n <stop offset={0.396} stopColor=\"#1F5558\" />\n <stop offset={0.516} stopColor=\"#60ACBA\" />\n <stop offset={0.714} stopColor=\"#416961\" />\n <stop offset={0.917} stopColor=\"#191919\" />\n </radialGradient>\n <radialGradient\n id=\"AndroidMockup_js__g\"\n cx={0}\n cy={0}\n r={1}\n gradientTransform=\"rotate(101.258 19.078 17.186) scale(.05136 .05049)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset={0.125} stopColor=\"#58A9D7\" />\n <stop offset={1} stopOpacity={0} />\n </radialGradient>\n <clipPath id=\"AndroidMockup_js__a\">\n <path\n strokeWidth={0.058}\n d=\"M43.87 1.144h-8.543c-.364 0-.654.113-.853.314-.2.201-.31.493-.31.854V23.76c0 .594.481 1.076 1.076 1.076h8.731c.595 0 1.077-.482 1.077-1.077l.02-21.432-1.198-1.183Zm0 0c.41 0 .708.131.904.342m-.904-.342.904.342m0 0c.196.212.293.507.293.84l-.293-.84Z\"\n />\n </clipPath>\n <clipPath id=\"AndroidMockup_js__e\">\n <path d=\"M39.722 1.993a.153.153 0 1 1-.204-.227.153.153 0 0 1 .204.227Z\" />\n </clipPath>\n <clipPath id=\"AndroidMockup_js__f\">\n <path d=\"M39.722 1.993a.153.153 0 1 1-.204-.227.153.153 0 0 1 .204.227Z\" />\n </clipPath>\n <filter\n id=\"AndroidMockup_js__b\"\n width={0.543}\n height={0.543}\n x={39.349}\n y={1.608}\n colorInterpolationFilters=\"sRGB\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feFlood floodOpacity={0} result=\"BackgroundImageFix\" />\n <feColorMatrix\n in=\"SourceAlpha\"\n result=\"hardAlpha\"\n values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n />\n <feMorphology\n in=\"SourceAlpha\"\n operator=\"dilate\"\n radius={0.004}\n result=\"effect1_dropShadow_224_89\"\n />\n <feOffset />\n <feGaussianBlur stdDeviation={0.006} />\n <feColorMatrix values=\"0 0 0 0 0.0705882 0 0 0 0 0.0313726 0 0 0 0 0.0235294 0 0 0 1 0\" />\n <feBlend\n in2=\"BackgroundImageFix\"\n result=\"effect1_dropShadow_224_89\"\n />\n <feBlend\n in=\"SourceGraphic\"\n in2=\"effect1_dropShadow_224_89\"\n result=\"shape\"\n />\n </filter>\n <filter\n id=\"AndroidMockup_js__h\"\n width={0.115}\n height={6.376}\n x={45.202}\n y={4.672}\n colorInterpolationFilters=\"sRGB\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feFlood floodOpacity={0} result=\"BackgroundImageFix\" />\n <feBlend in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\" />\n <feColorMatrix\n in=\"SourceAlpha\"\n result=\"hardAlpha\"\n values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n />\n <feOffset dy={0.038} />\n <feGaussianBlur stdDeviation={0.019} />\n <feComposite in2=\"hardAlpha\" k2={-1} k3={1} operator=\"arithmetic\" />\n <feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0\" />\n <feBlend in2=\"shape\" result=\"effect1_innerShadow_224_89\" />\n <feColorMatrix\n in=\"SourceAlpha\"\n result=\"hardAlpha\"\n values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n />\n <feOffset dy={-0.038} />\n <feGaussianBlur stdDeviation={0.019} />\n <feComposite in2=\"hardAlpha\" k2={-1} k3={1} operator=\"arithmetic\" />\n <feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0\" />\n <feBlend\n in2=\"effect1_innerShadow_224_89\"\n result=\"effect2_innerShadow_224_89\"\n />\n <feColorMatrix\n in=\"SourceAlpha\"\n result=\"hardAlpha\"\n values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n />\n <feOffset dx={-0.019} />\n <feGaussianBlur stdDeviation={0.005} />\n <feComposite in2=\"hardAlpha\" k2={-1} k3={1} operator=\"arithmetic\" />\n <feColorMatrix values=\"0 0 0 0 0.294118 0 0 0 0 0.294118 0 0 0 0 0.294118 0 0 0 1 0\" />\n <feBlend\n in2=\"effect2_innerShadow_224_89\"\n result=\"effect3_innerShadow_224_89\"\n />\n </filter>\n </defs>\n </svg>\n );\n};\nexport default AndroidMockup;\n"],"file":"AndroidMockup.js"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
10
|
+
var _excluded = ["width", "height"];
|
|
11
|
+
|
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
+
|
|
14
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
15
|
+
|
|
16
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
17
|
+
|
|
18
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
19
|
+
|
|
20
|
+
var Arrow = function Arrow(_ref) {
|
|
21
|
+
var _ref$width = _ref.width,
|
|
22
|
+
width = _ref$width === void 0 ? 80 : _ref$width,
|
|
23
|
+
_ref$height = _ref.height,
|
|
24
|
+
height = _ref$height === void 0 ? 26 : _ref$height,
|
|
25
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
26
|
+
|
|
27
|
+
return /*#__PURE__*/_react.default.createElement("svg", _extends({
|
|
28
|
+
width: width,
|
|
29
|
+
height: height,
|
|
30
|
+
fill: "none",
|
|
31
|
+
viewBox: "0 0 80 26"
|
|
32
|
+
}, props), /*#__PURE__*/_react.default.createElement("path", {
|
|
33
|
+
stroke: "#101828",
|
|
34
|
+
strokeLinecap: "round",
|
|
35
|
+
strokeLinejoin: "round",
|
|
36
|
+
strokeWidth: 1.5,
|
|
37
|
+
d: "M28 13.013h24.98M46.997 19l5.976-5.977-5.976-5.977",
|
|
38
|
+
"data-dark-mode-color": "true"
|
|
39
|
+
}));
|
|
40
|
+
};
|
|
41
|
+
|
|
42
|
+
var _default = Arrow;
|
|
43
|
+
exports.default = _default;
|
|
44
|
+
//# sourceMappingURL=Arrow.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../generate/elements/Arrow.js"],"names":["Arrow","width","height","props"],"mappings":";;;;;;;AAAA;;;;;;;;;;;;AACA,IAAMA,KAAK,GAAG,SAARA,KAAQ,OAA2C;AAAA,wBAAxCC,KAAwC;AAAA,MAAxCA,KAAwC,2BAAhC,EAAgC;AAAA,yBAA5BC,MAA4B;AAAA,MAA5BA,MAA4B,4BAAnB,EAAmB;AAAA,MAAZC,KAAY;;AACvD,sBACE;AACE,IAAA,KAAK,EAAEF,KADT;AAEE,IAAA,MAAM,EAAEC,MAFV;AAGE,IAAA,IAAI,EAAC,MAHP;AAIE,IAAA,OAAO,EAAC;AAJV,KAKMC,KALN,gBAOE;AACE,IAAA,MAAM,EAAC,SADT;AAEE,IAAA,aAAa,EAAC,OAFhB;AAGE,IAAA,cAAc,EAAC,OAHjB;AAIE,IAAA,WAAW,EAAE,GAJf;AAKE,IAAA,CAAC,EAAC,oDALJ;AAME,4BAAqB;AANvB,IAPF,CADF;AAkBD,CAnBD;;eAoBeH,K","sourcesContent":["import React from \"react\";\nconst Arrow = ({ width = 80, height = 26, ...props }) => {\n return (\n <svg\n width={width}\n height={height}\n fill=\"none\"\n viewBox=\"0 0 80 26\"\n {...props}\n >\n <path\n stroke=\"#101828\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n strokeWidth={1.5}\n d=\"M28 13.013h24.98M46.997 19l5.976-5.977-5.976-5.977\"\n data-dark-mode-color=\"true\"\n />\n </svg>\n );\n};\nexport default Arrow;\n"],"file":"Arrow.js"}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
10
|
+
var _excluded = ["width", "height"];
|
|
11
|
+
|
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
+
|
|
14
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
15
|
+
|
|
16
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
17
|
+
|
|
18
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
19
|
+
|
|
20
|
+
var Avatar = function Avatar(_ref) {
|
|
21
|
+
var _ref$width = _ref.width,
|
|
22
|
+
width = _ref$width === void 0 ? 80 : _ref$width,
|
|
23
|
+
_ref$height = _ref.height,
|
|
24
|
+
height = _ref$height === void 0 ? 26 : _ref$height,
|
|
25
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
26
|
+
|
|
27
|
+
return /*#__PURE__*/_react.default.createElement("svg", _extends({
|
|
28
|
+
width: width,
|
|
29
|
+
height: height,
|
|
30
|
+
fill: "none",
|
|
31
|
+
viewBox: "0 0 80 26"
|
|
32
|
+
}, props), /*#__PURE__*/_react.default.createElement("circle", {
|
|
33
|
+
cx: 40,
|
|
34
|
+
cy: 13,
|
|
35
|
+
r: 11,
|
|
36
|
+
fill: "#101828",
|
|
37
|
+
"data-dark-mode-color": "true"
|
|
38
|
+
}), /*#__PURE__*/_react.default.createElement("circle", {
|
|
39
|
+
cx: 40,
|
|
40
|
+
cy: 10,
|
|
41
|
+
r: 3,
|
|
42
|
+
fill: "#E9EBED",
|
|
43
|
+
"data-theme-inverted": "true"
|
|
44
|
+
}), /*#__PURE__*/_react.default.createElement("path", {
|
|
45
|
+
fill: "#E9EBED",
|
|
46
|
+
d: "M35 17a3 3 0 0 1 3-3h4a3 3 0 0 1 3 3v1H35v-1Z",
|
|
47
|
+
"data-theme-inverted": "true"
|
|
48
|
+
}));
|
|
49
|
+
};
|
|
50
|
+
|
|
51
|
+
var _default = Avatar;
|
|
52
|
+
exports.default = _default;
|
|
53
|
+
//# sourceMappingURL=Avatar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../generate/elements/Avatar.js"],"names":["Avatar","width","height","props"],"mappings":";;;;;;;AAAA;;;;;;;;;;;;AACA,IAAMA,MAAM,GAAG,SAATA,MAAS,OAA2C;AAAA,wBAAxCC,KAAwC;AAAA,MAAxCA,KAAwC,2BAAhC,EAAgC;AAAA,yBAA5BC,MAA4B;AAAA,MAA5BA,MAA4B,4BAAnB,EAAmB;AAAA,MAAZC,KAAY;;AACxD,sBACE;AACE,IAAA,KAAK,EAAEF,KADT;AAEE,IAAA,MAAM,EAAEC,MAFV;AAGE,IAAA,IAAI,EAAC,MAHP;AAIE,IAAA,OAAO,EAAC;AAJV,KAKMC,KALN,gBAOE;AACE,IAAA,EAAE,EAAE,EADN;AAEE,IAAA,EAAE,EAAE,EAFN;AAGE,IAAA,CAAC,EAAE,EAHL;AAIE,IAAA,IAAI,EAAC,SAJP;AAKE,4BAAqB;AALvB,IAPF,eAcE;AAAQ,IAAA,EAAE,EAAE,EAAZ;AAAgB,IAAA,EAAE,EAAE,EAApB;AAAwB,IAAA,CAAC,EAAE,CAA3B;AAA8B,IAAA,IAAI,EAAC,SAAnC;AAA6C,2BAAoB;AAAjE,IAdF,eAeE;AACE,IAAA,IAAI,EAAC,SADP;AAEE,IAAA,CAAC,EAAC,+CAFJ;AAGE,2BAAoB;AAHtB,IAfF,CADF;AAuBD,CAxBD;;eAyBeH,M","sourcesContent":["import React from \"react\";\nconst Avatar = ({ width = 80, height = 26, ...props }) => {\n return (\n <svg\n width={width}\n height={height}\n fill=\"none\"\n viewBox=\"0 0 80 26\"\n {...props}\n >\n <circle\n cx={40}\n cy={13}\n r={11}\n fill=\"#101828\"\n data-dark-mode-color=\"true\"\n />\n <circle cx={40} cy={10} r={3} fill=\"#E9EBED\" data-theme-inverted=\"true\" />\n <path\n fill=\"#E9EBED\"\n d=\"M35 17a3 3 0 0 1 3-3h4a3 3 0 0 1 3 3v1H35v-1Z\"\n data-theme-inverted=\"true\"\n />\n </svg>\n );\n};\nexport default Avatar;\n"],"file":"Avatar.js"}
|