@myst-theme/icons 0.1.1

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 ADDED
@@ -0,0 +1,13 @@
1
+ # @myst-theme/icons
2
+
3
+ MyST icons for React applications:
4
+
5
+ ```typescript
6
+ import { MystLogo, MadeWithMyst } from '@myst-theme/icons';
7
+ ```
8
+
9
+ You can control the size and fill using:
10
+
11
+ ```jsx
12
+ <MystLogo size={24} />
13
+ ```
@@ -0,0 +1,2 @@
1
+ export * from './myst';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}
@@ -0,0 +1,17 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
+ };
16
+ Object.defineProperty(exports, "__esModule", { value: true });
17
+ __exportStar(require("./myst"), exports);
@@ -0,0 +1,11 @@
1
+ /// <reference types="react" />
2
+ export declare function MystLogo({ size, fill, highlight, className, }: {
3
+ size?: number;
4
+ fill?: string | 'currentColor';
5
+ highlight?: string | 'currentColor';
6
+ className?: string;
7
+ }): JSX.Element;
8
+ export declare function MadeWithMyst({ url }: {
9
+ url?: string;
10
+ }): JSX.Element;
11
+ //# sourceMappingURL=myst.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"myst.d.ts","sourceRoot":"","sources":["../../src/myst.tsx"],"names":[],"mappings":";AAAA,wBAAgB,QAAQ,CAAC,EACvB,IAAS,EACT,IAAgB,EAChB,SAAqB,EACrB,SAAS,GACV,EAAE;IACD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,eAwBA;AAED,wBAAgB,YAAY,CAAC,EAAE,GAA6C,EAAE,EAAE;IAAE,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE,eAY/F"}
@@ -0,0 +1,12 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.MadeWithMyst = exports.MystLogo = void 0;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ function MystLogo({ size = 24, fill = '#616161', highlight = '#F37726', className, }) {
6
+ return ((0, jsx_runtime_1.jsx)("svg", Object.assign({ style: { width: size, height: size }, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 100 100", stroke: "none", className: className }, { children: (0, jsx_runtime_1.jsxs)("g", Object.assign({ id: "icon" }, { children: [(0, jsx_runtime_1.jsx)("path", { fill: fill, d: "M23.8,54.8v-3.6l4.7-0.8V17.5l-4.7-0.8V13H36l13.4,31.7h0.2l13-31.7h12.6v3.6l-4.7,0.8v32.9l4.7,0.8v3.6h-15\n v-3.6l4.9-0.8V20.8H65L51.4,53.3h-3.8l-14-32.5h-0.1l0.2,17.4v12.1l5,0.8v3.6H23.8z" }), (0, jsx_runtime_1.jsx)("path", { fill: highlight, d: "M47,86.9c0-5.9-3.4-8.8-10.1-8.8h-8.4c-5.2,0-9.4-1.3-12.5-3.8c-3.1-2.5-5.4-6.2-6.8-11l4.8-1.6\n c1.8,5.6,6.4,8.6,13.8,8.8h9.2c6.4,0,10.8,2.5,13.1,7.5c2.3-5,6.7-7.5,13.1-7.5h8.4c7.8,0,12.7-2.9,14.6-8.7l4.8,1.6\n c-1.4,4.9-3.6,8.6-6.8,11.1c-3.1,2.5-7.3,3.7-12.4,3.8H63c-6.7,0-10,2.9-10,8.8" })] })) })));
7
+ }
8
+ exports.MystLogo = MystLogo;
9
+ function MadeWithMyst({ url = 'https://myst-tools.org/made-with-myst' }) {
10
+ return ((0, jsx_runtime_1.jsxs)("a", Object.assign({ className: "flex w-fit mx-auto text-gray-700 hover:text-blue-700 dark:text-gray-200 dark:hover:text-blue-400", href: url, target: "_blank", rel: "noreferrer" }, { children: [(0, jsx_runtime_1.jsx)(MystLogo, {}), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "self-center text-sm ml-2" }, { children: "Made with MyST" }))] })));
11
+ }
12
+ exports.MadeWithMyst = MadeWithMyst;
@@ -0,0 +1,2 @@
1
+ export * from './myst';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}
@@ -0,0 +1 @@
1
+ export * from './myst';
@@ -0,0 +1,11 @@
1
+ /// <reference types="react" />
2
+ export declare function MystLogo({ size, fill, highlight, className, }: {
3
+ size?: number;
4
+ fill?: string | 'currentColor';
5
+ highlight?: string | 'currentColor';
6
+ className?: string;
7
+ }): JSX.Element;
8
+ export declare function MadeWithMyst({ url }: {
9
+ url?: string;
10
+ }): JSX.Element;
11
+ //# sourceMappingURL=myst.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"myst.d.ts","sourceRoot":"","sources":["../../src/myst.tsx"],"names":[],"mappings":";AAAA,wBAAgB,QAAQ,CAAC,EACvB,IAAS,EACT,IAAgB,EAChB,SAAqB,EACrB,SAAS,GACV,EAAE;IACD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,eAwBA;AAED,wBAAgB,YAAY,CAAC,EAAE,GAA6C,EAAE,EAAE;IAAE,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE,eAY/F"}
@@ -0,0 +1,7 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ export function MystLogo({ size = 24, fill = '#616161', highlight = '#F37726', className, }) {
3
+ return (_jsx("svg", Object.assign({ style: { width: size, height: size }, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 100 100", stroke: "none", className: className }, { children: _jsxs("g", Object.assign({ id: "icon" }, { children: [_jsx("path", { fill: fill, d: "M23.8,54.8v-3.6l4.7-0.8V17.5l-4.7-0.8V13H36l13.4,31.7h0.2l13-31.7h12.6v3.6l-4.7,0.8v32.9l4.7,0.8v3.6h-15\n v-3.6l4.9-0.8V20.8H65L51.4,53.3h-3.8l-14-32.5h-0.1l0.2,17.4v12.1l5,0.8v3.6H23.8z" }), _jsx("path", { fill: highlight, d: "M47,86.9c0-5.9-3.4-8.8-10.1-8.8h-8.4c-5.2,0-9.4-1.3-12.5-3.8c-3.1-2.5-5.4-6.2-6.8-11l4.8-1.6\n c1.8,5.6,6.4,8.6,13.8,8.8h9.2c6.4,0,10.8,2.5,13.1,7.5c2.3-5,6.7-7.5,13.1-7.5h8.4c7.8,0,12.7-2.9,14.6-8.7l4.8,1.6\n c-1.4,4.9-3.6,8.6-6.8,11.1c-3.1,2.5-7.3,3.7-12.4,3.8H63c-6.7,0-10,2.9-10,8.8" })] })) })));
4
+ }
5
+ export function MadeWithMyst({ url = 'https://myst-tools.org/made-with-myst' }) {
6
+ return (_jsxs("a", Object.assign({ className: "flex w-fit mx-auto text-gray-700 hover:text-blue-700 dark:text-gray-200 dark:hover:text-blue-400", href: url, target: "_blank", rel: "noreferrer" }, { children: [_jsx(MystLogo, {}), _jsx("span", Object.assign({ className: "self-center text-sm ml-2" }, { children: "Made with MyST" }))] })));
7
+ }
@@ -0,0 +1,2 @@
1
+ export * from './myst';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}
@@ -0,0 +1,11 @@
1
+ /// <reference types="react" />
2
+ export declare function MystLogo({ size, fill, highlight, className, }: {
3
+ size?: number;
4
+ fill?: string | 'currentColor';
5
+ highlight?: string | 'currentColor';
6
+ className?: string;
7
+ }): JSX.Element;
8
+ export declare function MadeWithMyst({ url }: {
9
+ url?: string;
10
+ }): JSX.Element;
11
+ //# sourceMappingURL=myst.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"myst.d.ts","sourceRoot":"","sources":["../../src/myst.tsx"],"names":[],"mappings":";AAAA,wBAAgB,QAAQ,CAAC,EACvB,IAAS,EACT,IAAgB,EAChB,SAAqB,EACrB,SAAS,GACV,EAAE;IACD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,eAwBA;AAED,wBAAgB,YAAY,CAAC,EAAE,GAA6C,EAAE,EAAE;IAAE,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE,eAY/F"}
package/package.json ADDED
@@ -0,0 +1,36 @@
1
+ {
2
+ "name": "@myst-theme/icons",
3
+ "version": "0.1.1",
4
+ "sideEffects": false,
5
+ "main": "dist/cjs/index.js",
6
+ "module": "dist/esm/index.js",
7
+ "types": "dist/types/index.d.ts",
8
+ "files": [
9
+ "dist"
10
+ ],
11
+ "license": "MIT",
12
+ "scripts": {
13
+ "clean": "rimraf dist",
14
+ "lint": "eslint src/**/**.ts*",
15
+ "lint:format": "prettier --check \"src/**/*.{ts,tsx,md}\"",
16
+ "dev": "npm-run-all --parallel \"build:* -- --watch\"",
17
+ "build:cjs": "tsc --module commonjs --outDir dist/cjs",
18
+ "build:esm": "tsc --module es2020 --outDir dist/esm",
19
+ "build:types": "tsc --declaration --emitDeclarationOnly --declarationMap --outDir dist/types",
20
+ "build": "npm-run-all -l clean -p build:cjs build:esm build:types"
21
+ },
22
+ "dependencies": {},
23
+ "peerDependencies": {
24
+ "@types/react": "^16.8 || ^17.0 || ^18.0",
25
+ "@types/react-dom": "^16.8 || ^17.0 || ^18.0",
26
+ "react": "^16.8 || ^17.0 || ^18.0",
27
+ "react-dom": "^16.8 || ^17.0 || ^18.0"
28
+ },
29
+ "devDependencies": {
30
+ "eslint": "^8.21.0",
31
+ "eslint-config-curvenote": "latest",
32
+ "npm-run-all": "^4.1.5",
33
+ "tsconfig": "latest",
34
+ "typescript": "latest"
35
+ }
36
+ }