v-eris 1.0.7 → 1.0.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "v-eris",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "description": "",
   "bootstrapVersion": 3,
   "styleLoaders": [],
@@ -10,7 +10,7 @@
   "scripts": {
     "webpack": "webpack --mode development",
     "auto": "tsc -watch - tsconfig.json",
-    "build": "yarn build:esm && yarn build:cjs",
+    "build": "yarn build:esm && yarn build:cjs && yarn copy",
     "build:esm": "tsc",
     "build:cjs": "tsc --module commonjs --outDir release/cjs",
     "tsc2": "tsc && tsc -m es6 --outDir release && webpack --mode development",
@@ -19,12 +19,14 @@
     "test": "echo \"Error: no test specified\" && exit 1",
     "start": "webpack-dev-server --mode development",
     "production": "webpack --mode production",
+    "copy": "copyfiles -u 2 \"./source/components/**/*.{css,scss}\" \"./release/cjs/components\"",
     "pub": "tsc && npm version patch --force && npm publish --access public"
   },
   "files": [
     "package.json",
     "tsconfig.json",
-    "release/*"
+    "release/*",
+    "types/*"
   ],
   "imports": {
     "@assets/*": "../assets/*",
@@ -54,10 +56,11 @@
     "webpack-cli": "^5.1.4"
   },
   "devDependencies": {
+    "copyfiles": "^2.4.1",
     "esbuild-loader": "^3.0.1",
-    "webpack-dev-server": "^4.15.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-router-dom": "^6.2.1"
+    "react-router-dom": "^6.2.1",
+    "webpack-dev-server": "^4.15.1"
   }
 }

package/release/cjs/components/Card/styles/index.scss

@@ -0,0 +1,19 @@
+.card{
+	padding: 0px;
+	margin: 0px;
+    box-sizing: border-box;
+    list-style: none;
+    position: relative;
+    border-radius: 2px;
+    background: #fff;
+	border: 1px solid #f0f0f0;
+	margin: 16px;
+
+	&-body{
+		padding: 18px;
+	}
+
+}
+.card-borderless{
+	border: 1px solid transparent;
+}

package/release/cjs/components/Column/styles/index.scss

@@ -0,0 +1,7 @@
+.column{
+	display: flex;
+	position: relative;
+	max-width: 100%;
+	min-height: 1px;
+	flex-direction: column;
+}

package/release/cjs/components/Divider/styles/index.scss

@@ -0,0 +1,32 @@
+.divider{
+	display: flex;
+	margin: 16px 0;
+	color: rgba(0, 0, 0, 0.85);
+	font-weight: 500;
+	font-size: 16px;
+	white-space: nowrap;
+	text-align: center;
+	border-top: 0;
+	border-top-color: rgba(0, 0, 0, 0.06);
+}
+.divider > div{
+	padding: 0px 18px;
+}
+.divider:before, .divider:after{
+	position: relative;
+	top: 50%;
+	width: 50%;
+	border-top: 1px solid transparent;
+	border-top-color: inherit;
+	border-bottom: 0;
+	transform: translateY(50%);
+	content: '';
+}
+.divider:before{
+	top: 50%;
+	width: 5%;
+}
+.divider:after{
+	top: 50%;
+	width: 95%;
+}

package/release/cjs/components/Editable/styles/index.scss

@@ -0,0 +1,42 @@
+.typography-editable{
+	position: relative;
+}
+.typography-editable > div:first-child{
+	position: relative;
+	padding: 0px;
+	display: inline-block;
+    white-space: pre-wrap;
+	margin-right: 6px;
+}
+.typography-editable > .icon{
+	top: -4px;
+};
+.typography-editable > textarea{
+	position: absolute;
+	left: 0px;
+	top: 0px;
+	margin: 0px;
+	resize: none;
+	padding: 3px 11px 3px 11px;
+	margin: -4px -12px -9px -12px;
+	box-sizing: border-box;
+	list-style: none;
+	display: inline-block;
+	width: 100%;
+	min-width: 0;
+	color: #000000d9;
+	font-size: 14px;
+	line-height: 1.56;
+	background-color: #fff;
+	background-image: none;
+	border: 1px solid #d9d9d9;
+	border-radius: 2px;
+	overflow: hidden;
+	transition: all .3s, height 0s;
+}
+.typography-editable > textarea:focus{
+	border-color: #40a9ff;
+	box-shadow: 0 0 0 2px #40a9ff;
+	border-right-width: 1px!important;
+	outline: 0;
+}

package/release/cjs/components/Icons/styles/index.scss

@@ -0,0 +1,60 @@
+@import "../../../../assets/styles/preset";
+
+@font-face {
+	font-family: icomoon;
+	src: url(/assets/fonts/icomoon.ttf);
+}
+
+.icon{
+	font-family: icomoon;
+	font-size: 90%;
+	display: inline-block;
+	color: inherit;
+	font-style: normal;
+	line-height: 1;
+	text-align: center;
+	text-transform: none;
+	//vertical-align: -0.125em;
+	text-rendering: optimizeLegibility;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+.icon-transition{
+	transition: all .2s ease-in-out;
+}
+.icon-active{
+	color: $icons-accent;
+	cursor: pointer;
+}
+.icon-active:hover{
+	color: $icons-accent-hover;
+}
+
+.icon-arrow{
+	position: relative;
+	top: 50%;
+	right: 16px;
+	width: 10px;
+	transform: translateY(-50%);
+}
+.icon-arrow:before, .icon-arrow:after{
+	position: absolute;
+	width: 6px;
+	height: 1.5px;
+	background-color: currentColor;
+	border-radius: 2px;
+	content: "";
+	transition: transform .2s ease-in-out;
+}
+.icon-arrow:before{
+	transform: rotate(-45deg) translate(-2.5px);
+}
+.icon-arrow:after{
+	transform: rotate(225deg) translate(-2.5px);
+}
+.icon-arrow-reverse.icon-arrow:before{
+	transform: rotate(45deg) translate(-2.5px);
+}
+.icon-arrow-reverse.icon-arrow:after{
+	transform: rotate(135deg) translate(-2.5px);
+}

package/release/cjs/components/List/styles/index.scss

@@ -0,0 +1,55 @@
+.list{
+	display: flex;
+	flex-direction: column;
+	flex-wrap: nowrap;
+	box-sizing: border-box;
+	margin: 0;
+	padding: 0;
+	border-right: 1px solid #f0f0f0;
+	user-select: none;
+	padding-left: 20px;
+}
+.list-item{
+	display: flex;
+	flex-direction: column;
+	flex-wrap: nowrap;
+	z-index: 0;
+
+	&-title{
+		background-color: #fff;
+		padding: 9px 0px;
+		display: flex;
+		flex-direction: row;
+		flex-wrap: nowrap;
+		align-items: center;
+		justify-content: flex-start;
+		cursor: pointer;
+	}
+	&-children{
+		overflow: hidden;
+		transition: all 0.15s ease-in-out;
+	}
+	&-title > .icon{
+		margin-right: 10px;
+	}
+	&-title > .icon:last-child{
+		margin-left: auto;
+		display: none;
+	}
+	&-expandable > &-title > .icon:last-child{
+		display: block;
+	}
+
+	&-title:hover{
+		color: #1890ff;
+	}
+	&-chain > &-title{
+		color: #1890ff;
+	}
+	&-selected &-title{
+		color: #1890ff !important;
+		background-color: #e6f7ff !important;
+		border-right: 2px solid #1890ff !important;		
+	}
+
+}

package/release/cjs/components/Row/styles/index.scss

@@ -0,0 +1,5 @@
+.row{
+	display: flex;
+	flex-flow: row wrap;
+	flex-wrap: nowrap;
+}

package/release/cjs/components/Tooltip/styles/index.scss

@@ -0,0 +1,48 @@
+.tooltip{
+	position: fixed;
+	padding: 4px 8px;
+	opacity: 0;
+	border-radius: 4px;
+	max-height: 0;
+	max-width: 256px;
+	transition: all .2s 0.05s ease-in-out, left 0s, top 0s, height 0s;
+	transform: scale(0.7);
+	background: #424242;
+	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.22);
+
+	&-arrow{
+		width: 0;
+		height: 0;
+		border-left: 7px solid transparent;
+		border-right: 7px solid transparent;
+		border-top: 7px solid #424242;
+		position: absolute;
+		bottom: -7px;
+		left: 50%;
+		margin-left: -7px;
+		transition: all .2s 0.05s ease-in-out;
+	};
+
+}
+.tooltip-active{
+	transform: scale(1.0);
+	max-height: 99999px;
+	opacity: 1;
+}
+.tooltip-hidden{
+	padding: 0px;
+}
+.tooltip-hidden .tooltip-arrow{
+	transform: scaleY(0.0);
+}
+.tooltip > div{
+	transition: all .2s;
+	max-height: 0;
+	overflow: hidden;
+}
+.tooltip-active > div{
+	max-height: 99999px;
+};
+.tooltip > div > .typography{
+	color: #f4f4f4;
+}

package/release/cjs/components/Typography/styles/index.scss

@@ -0,0 +1,28 @@
+@import "../../../../assets/styles/preset";
+
+.typography{
+	font-family: $fonts;
+	font-size: 14px;
+    font-weight: normal;
+    color: rgba(0, 0, 0, 0.85);
+    overflow-wrap: break-word;
+	line-height: 1.56;
+}
+.typography-q{
+	color: inherit;
+}
+.typography-italic{
+	font-style: italic;
+}
+.typography-strong{
+	font-weight: bold;
+}
+.typography-link, .typography-link > a{
+	font-weight: bold;
+	color: $link;
+	cursor: pointer;
+	text-decoration: none;
+}
+.typography-transition{
+	transition: all .2s ease-in-out;
+}

package/types/components/Card/index.d.ts

@@ -0,0 +1,3 @@
+import "./styles/index.scss";
+export declare const Card: (props: any) => any;
+//# sourceMappingURL=index.d.ts.map

package/types/components/Card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../source/components/Card/index.tsx"],"names":[],"mappings":"AAIA,OAAO,qBAAqB,CAAA;AAE5B,eAAO,MAAM,IAAI,qBAoBhB,CAAC"}

package/types/components/Column/index.d.ts

@@ -0,0 +1,3 @@
+import "./styles/index.scss";
+export declare const Column: (props: any) => any;
+//# sourceMappingURL=index.d.ts.map

package/types/components/Column/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../source/components/Column/index.tsx"],"names":[],"mappings":"AAIA,OAAO,qBAAqB,CAAA;AAI5B,eAAO,MAAM,MAAM,qBAiBlB,CAAC"}

package/types/components/Divider/index.d.ts

@@ -0,0 +1,3 @@
+import "./styles/index.scss";
+export declare const Divider: (props: any) => any;
+//# sourceMappingURL=index.d.ts.map

package/types/components/Divider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../source/components/Divider/index.tsx"],"names":[],"mappings":"AAKA,OAAO,qBAAqB,CAAA;AAE5B,eAAO,MAAM,OAAO,qBAWnB,CAAC"}

package/types/components/Editable/index.d.ts

@@ -0,0 +1,3 @@
+import "./styles/index.scss";
+export declare function Editable(props: any): any;
+//# sourceMappingURL=index.d.ts.map

package/types/components/Editable/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../source/components/Editable/index.tsx"],"names":[],"mappings":"AAIA,OAAO,qBAAqB,CAAA;AAK5B,wBAAgB,QAAQ,CAAE,KAAK,KAAA,OA2F9B"}

package/types/components/Eris/index.d.ts

@@ -0,0 +1,2 @@
+export declare const Eris: (props: any) => any;
+//# sourceMappingURL=index.d.ts.map

package/types/components/Eris/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../source/components/Eris/index.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,qBAehB,CAAC"}

package/types/components/Flex/index.d.ts

@@ -0,0 +1,3 @@
+import "./styles/index.scss";
+export declare const Flex: (props: any, ref: any) => any;
+//# sourceMappingURL=index.d.ts.map

package/types/components/Flex/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../source/components/Flex/index.tsx"],"names":[],"mappings":"AAIA,OAAO,qBAAqB,CAAA;AAE5B,eAAO,MAAM,IAAI,+BAYhB,CAAC"}