@doist/reactist 19.0.1 → 19.1.0
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 +12 -0
- package/dist/reactist.cjs.development.js +2 -1
- package/dist/reactist.cjs.development.js.map +1 -1
- package/dist/reactist.cjs.production.min.js +1 -1
- package/dist/reactist.cjs.production.min.js.map +1 -1
- package/es/new-components/spinner/spinner.js +2 -1
- package/es/new-components/spinner/spinner.js.map +1 -1
- package/lib/new-components/banner/banner.d.ts +28 -0
- package/lib/new-components/banner/banner.test.d.ts +1 -0
- package/lib/new-components/banner/index.d.ts +2 -0
- package/lib/new-components/spinner/spinner.js +1 -1
- package/lib/new-components/spinner/spinner.js.map +1 -1
- package/package.json +5 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"spinner.js","sources":["../../../src/new-components/spinner/spinner.tsx"],"sourcesContent":["import * as React from 'react'\nimport styles from './spinner.module.css'\n\nfunction Spinner({ size = 24 }: { size?: number }) {\n return (\n <svg
|
|
1
|
+
{"version":3,"file":"spinner.js","sources":["../../../src/new-components/spinner/spinner.tsx"],"sourcesContent":["import * as React from 'react'\nimport styles from './spinner.module.css'\n\nfunction Spinner({ size = 24 }: { size?: number }) {\n return (\n <svg\n aria-hidden\n width={size}\n height={size}\n viewBox=\"0 0 24 24\"\n className={styles.svg}\n data-chromatic=\"ignore\"\n >\n <g fill=\"none\" fillRule=\"nonzero\">\n <path\n className={styles.tint}\n d=\"M17.945 3.958A9.955 9.955 0 0 0 12 2c-2.19 0-4.217.705-5.865 1.9L5.131 2.16A11.945 11.945 0 0 1 12 0c2.59 0 4.99.82 6.95 2.217l-1.005 1.741z\"\n />\n <path\n className={styles.fill}\n d=\"M5.13 2.16L6.136 3.9A9.987 9.987 0 0 0 2 12c0 5.523 4.477 10 10 10s10-4.477 10-10a9.986 9.986 0 0 0-4.055-8.042l1.006-1.741A11.985 11.985 0 0 1 24 12c0 6.627-5.373 12-12 12S0 18.627 0 12c0-4.073 2.029-7.671 5.13-9.84z\"\n />\n </g>\n </svg>\n )\n}\n\nexport { Spinner }\n"],"names":["Spinner","size","React","width","height","viewBox","className","styles","svg","fill","fillRule","tint","d"],"mappings":";;;AAGA,SAASA,OAAT,CAAiB;EAAEC,IAAI,GAAG;AAAT,CAAjB;EACI,oBACIC,aAAA,MAAA;;IAEIC,KAAK,EAAEF;IACPG,MAAM,EAAEH;IACRI,OAAO,EAAC;IACRC,SAAS,EAAEC,MAAM,CAACC;sBACH;GANnB,eAQIN,aAAA,IAAA;IAAGO,IAAI,EAAC;IAAOC,QAAQ,EAAC;GAAxB,eACIR,aAAA,OAAA;IACII,SAAS,EAAEC,MAAM,CAACI;IAClBC,CAAC,EAAC;GAFN,CADJ,eAKIV,aAAA,OAAA;IACII,SAAS,EAAEC,MAAM,CAACE;IAClBG,CAAC,EAAC;GAFN,CALJ,CARJ,CADJ;AAqBH;;;;"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export declare type BannerTone = 'info' | 'promotion';
|
|
3
|
+
declare type BannerProps = {
|
|
4
|
+
id?: string;
|
|
5
|
+
/**
|
|
6
|
+
* The tone of the Banner. Affects the background color and the outline.
|
|
7
|
+
*/
|
|
8
|
+
tone: BannerTone;
|
|
9
|
+
/**
|
|
10
|
+
* The icon that should be added inside the Banner.
|
|
11
|
+
*/
|
|
12
|
+
icon: React.ReactChild;
|
|
13
|
+
/**
|
|
14
|
+
* The title to be displayed at the top of the Banner.
|
|
15
|
+
*/
|
|
16
|
+
title: React.ReactNode;
|
|
17
|
+
/**
|
|
18
|
+
* An optional description to be displayed inside the Banner.
|
|
19
|
+
*/
|
|
20
|
+
description?: React.ReactNode;
|
|
21
|
+
/**
|
|
22
|
+
* An optional action to displayed inside the Banner.
|
|
23
|
+
*/
|
|
24
|
+
action?: React.ReactChild;
|
|
25
|
+
};
|
|
26
|
+
declare const Banner: React.ForwardRefExoticComponent<BannerProps & React.RefAttributes<HTMLDivElement>>;
|
|
27
|
+
export { Banner };
|
|
28
|
+
export type { BannerProps };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("./spinner.module.css.js");exports.Spinner=function({size:
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("./spinner.module.css.js");exports.Spinner=function({size:a=24}){return e.createElement("svg",{"aria-hidden":!0,width:a,height:a,viewBox:"0 0 24 24",className:t.default.svg,"data-chromatic":"ignore"},e.createElement("g",{fill:"none",fillRule:"nonzero"},e.createElement("path",{className:t.default.tint,d:"M17.945 3.958A9.955 9.955 0 0 0 12 2c-2.19 0-4.217.705-5.865 1.9L5.131 2.16A11.945 11.945 0 0 1 12 0c2.59 0 4.99.82 6.95 2.217l-1.005 1.741z"}),e.createElement("path",{className:t.default.fill,d:"M5.13 2.16L6.136 3.9A9.987 9.987 0 0 0 2 12c0 5.523 4.477 10 10 10s10-4.477 10-10a9.986 9.986 0 0 0-4.055-8.042l1.006-1.741A11.985 11.985 0 0 1 24 12c0 6.627-5.373 12-12 12S0 18.627 0 12c0-4.073 2.029-7.671 5.13-9.84z"})))};
|
|
2
2
|
//# sourceMappingURL=spinner.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"spinner.js","sources":["../../../src/new-components/spinner/spinner.tsx"],"sourcesContent":["import * as React from 'react'\nimport styles from './spinner.module.css'\n\nfunction Spinner({ size = 24 }: { size?: number }) {\n return (\n <svg
|
|
1
|
+
{"version":3,"file":"spinner.js","sources":["../../../src/new-components/spinner/spinner.tsx"],"sourcesContent":["import * as React from 'react'\nimport styles from './spinner.module.css'\n\nfunction Spinner({ size = 24 }: { size?: number }) {\n return (\n <svg\n aria-hidden\n width={size}\n height={size}\n viewBox=\"0 0 24 24\"\n className={styles.svg}\n data-chromatic=\"ignore\"\n >\n <g fill=\"none\" fillRule=\"nonzero\">\n <path\n className={styles.tint}\n d=\"M17.945 3.958A9.955 9.955 0 0 0 12 2c-2.19 0-4.217.705-5.865 1.9L5.131 2.16A11.945 11.945 0 0 1 12 0c2.59 0 4.99.82 6.95 2.217l-1.005 1.741z\"\n />\n <path\n className={styles.fill}\n d=\"M5.13 2.16L6.136 3.9A9.987 9.987 0 0 0 2 12c0 5.523 4.477 10 10 10s10-4.477 10-10a9.986 9.986 0 0 0-4.055-8.042l1.006-1.741A11.985 11.985 0 0 1 24 12c0 6.627-5.373 12-12 12S0 18.627 0 12c0-4.073 2.029-7.671 5.13-9.84z\"\n />\n </g>\n </svg>\n )\n}\n\nexport { Spinner }\n"],"names":["size","React","width","height","viewBox","className","styles","svg","fill","fillRule","tint","d"],"mappings":"gJAGA,UAAiBA,KAAEA,EAAO,KACtB,OACIC,wCAEIC,MAAOF,EACPG,OAAQH,EACRI,QAAQ,YACRC,UAAWC,UAAOC,qBACH,UAEfN,qBAAGO,KAAK,OAAOC,SAAS,WACpBR,wBACII,UAAWC,UAAOI,KAClBC,EAAE,iJAENV,wBACII,UAAWC,UAAOE,KAClBG,EAAE"}
|
package/package.json
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
"email": "henning@doist.com",
|
|
7
7
|
"url": "http://doist.com"
|
|
8
8
|
},
|
|
9
|
-
"version": "19.0
|
|
9
|
+
"version": "19.1.0",
|
|
10
10
|
"license": "MIT",
|
|
11
11
|
"homepage": "https://github.com/Doist/reactist#readme",
|
|
12
12
|
"repository": {
|
|
@@ -46,7 +46,8 @@
|
|
|
46
46
|
"type-check": "tsc --noEmit -p ./tsconfig.json",
|
|
47
47
|
"lint": "eslint --format codeframe --cache --ext js,jsx,ts,tsx ./",
|
|
48
48
|
"storybook": "start-storybook -p 6006",
|
|
49
|
-
"prettify": "prettier --write \"./**/*.{js,jsx,ts,tsx,json,css,scss,less,md,mdx}\""
|
|
49
|
+
"prettify": "prettier --write \"./**/*.{js,jsx,ts,tsx,json,css,scss,less,md,mdx}\"",
|
|
50
|
+
"plop": "plop"
|
|
50
51
|
},
|
|
51
52
|
"peerDependencies": {
|
|
52
53
|
"classnames": "^2.2.5",
|
|
@@ -96,6 +97,7 @@
|
|
|
96
97
|
"autoprefixer": "^9.8.0",
|
|
97
98
|
"babel-core": "^7.0.0-bridge.0",
|
|
98
99
|
"babel-loader": "^8.1.0",
|
|
100
|
+
"chromatic": "^6.11.4",
|
|
99
101
|
"classnames": "^2.2.5",
|
|
100
102
|
"css-loader": "^4.2.2",
|
|
101
103
|
"cssnano": "^4.1.10",
|
|
@@ -118,6 +120,7 @@
|
|
|
118
120
|
"mockdate": "^3.0.2",
|
|
119
121
|
"optimize-css-assets-webpack-plugin": "^5.0.3",
|
|
120
122
|
"path": "^0.12.7",
|
|
123
|
+
"plop": "^3.1.1",
|
|
121
124
|
"prettier": "2.1.2",
|
|
122
125
|
"raw-loader": "^4.0.1",
|
|
123
126
|
"react": "^17.0.2",
|