@finsemble/finsemble-ui 6.4.0-beta.1 → 6.5.0

package/react/assets/css/shared/animations.css

@@ -1,99 +1,99 @@
-/* ----------------------------------------------
- * Generated by Animista on 2020-1-7 9:29:17
- * Licensed under FreeBSD License.
- * See http://animista.net/license for more info.
- * w: http://animista.net, t: @cssanimista
- * ---------------------------------------------- */
-
-/**
- * ----------------------------------------
- * animation slide-in-fwd-bottom
- * ----------------------------------------
- */
-@keyframes slide-in-fwd-bottom {
-	0% {
-		transform: translateZ(-1400px) translateY(800px);
-		opacity: 0;
-	}
-	100% {
-		transform: translateZ(0) translateY(0);
-		opacity: 1;
-	}
-}
-
-.slide-in-fwd-bottom {
-	animation: slide-in-fwd-bottom 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
-}
-
-/**
- * ----------------------------------------
- * animation slide-out-right
- * ----------------------------------------
- */
-@keyframes slide-out-right {
-	0% {
-		transform: translateX(0);
-		opacity: 1;
-	}
-	100% {
-		transform: translateX(1000px);
-		opacity: 0;
-	}
-}
-
-.slide-out-right {
-	animation: slide-out-right 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
-}
-
-/**
- * ----------------------------------------
- * animation slide-in-right
- * ----------------------------------------
- */
-
-@keyframes slide-in-right {
-	0% {
-		-webkit-transform: translateX(1000px);
-		transform: translateX(1000px);
-		opacity: 0;
-	}
-	100% {
-		-webkit-transform: translateX(0);
-		transform: translateX(0);
-		opacity: 1;
-	}
-}
-.slide-in-right {
-	animation: slide-in-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
-}
-
-/**
- * ----------------------------------------
- * animation slide-out-right-opaque
- * ----------------------------------------
- */
-@keyframes slide-out-right-opaque {
-	0% {
-		transform: translateX(0);
-	}
-	100% {
-		transform: translateX(1000px);
-	}
-}
-
-/**
- * ----------------------------------------
- * animation slide-in-right-opaque
- * ----------------------------------------
- */
-
-@keyframes slide-in-right-opaque {
-	0% {
-		-webkit-transform: translateX(1000px);
-		transform: translateX(1000px);
-	}
-	100% {
-		-webkit-transform: translateX(0);
-		transform: translateX(0);
-	}
-}
+/* ----------------------------------------------
+ * Generated by Animista on 2020-1-7 9:29:17
+ * Licensed under FreeBSD License.
+ * See http://animista.net/license for more info.
+ * w: http://animista.net, t: @cssanimista
+ * ---------------------------------------------- */
+
+/**
+ * ----------------------------------------
+ * animation slide-in-fwd-bottom
+ * ----------------------------------------
+ */
+@keyframes slide-in-fwd-bottom {
+	0% {
+		transform: translateZ(-1400px) translateY(800px);
+		opacity: 0;
+	}
+	100% {
+		transform: translateZ(0) translateY(0);
+		opacity: 1;
+	}
+}
+
+.slide-in-fwd-bottom {
+	animation: slide-in-fwd-bottom 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
+}
+
+/**
+ * ----------------------------------------
+ * animation slide-out-right
+ * ----------------------------------------
+ */
+@keyframes slide-out-right {
+	0% {
+		transform: translateX(0);
+		opacity: 1;
+	}
+	100% {
+		transform: translateX(1000px);
+		opacity: 0;
+	}
+}
+
+.slide-out-right {
+	animation: slide-out-right 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
+}
+
+/**
+ * ----------------------------------------
+ * animation slide-in-right
+ * ----------------------------------------
+ */
+
+@keyframes slide-in-right {
+	0% {
+		-webkit-transform: translateX(1000px);
+		transform: translateX(1000px);
+		opacity: 0;
+	}
+	100% {
+		-webkit-transform: translateX(0);
+		transform: translateX(0);
+		opacity: 1;
+	}
+}
+.slide-in-right {
+	animation: slide-in-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
+}
+
+/**
+ * ----------------------------------------
+ * animation slide-out-right-opaque
+ * ----------------------------------------
+ */
+@keyframes slide-out-right-opaque {
+	0% {
+		transform: translateX(0);
+	}
+	100% {
+		transform: translateX(1000px);
+	}
+}
+
+/**
+ * ----------------------------------------
+ * animation slide-in-right-opaque
+ * ----------------------------------------
+ */
+
+@keyframes slide-in-right-opaque {
+	0% {
+		-webkit-transform: translateX(1000px);
+		transform: translateX(1000px);
+	}
+	100% {
+		-webkit-transform: translateX(0);
+		transform: translateX(0);
+	}
+}

package/react/assets/css/tags.css

@@ -1,136 +1,136 @@
-/*!
- * tags.css
- * Copyright 2017 - 2020 by ChartIQ, Inc.
- * All rights reserved.
- */
-
-.tags-menu-wrapper {
-	height: 24px;
-	border-radius: 12px;
-	background: var(--tag-background-color);
-	color: var(--tag-font-color);
-	padding: 0px 5px 0px 9px;
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	position: absolute;
-	user-select: none;
-	font-size: var(--menu-font-size);
-	font-weight: var(--tag-font-weight);
-	transition: 0.2s background;
-}
-
-.tags-menu-wrapper:hover {
-	background-color: var(--tag-background-hover-color);
-}
-
-.filter-sort .tags-menu-wrapper {
-	position: fixed;
-	top: 13px;
-	right: 8px;
-}
-
-/* Different positioning for the catalog vs the launcher. */
-.app-catalog .tags-menu-wrapper {
-	top: 8px;
-	right: 22px;
-}
-
-.tags-menu-wrapper span {
-	line-height: 17px;
-	font-size: var(--tag-font-size);
-	cursor: pointer;
-}
-
-.tags-menu-wrapper span i {
-	padding: 0px 5px;
-	font-size: 6px;
-}
-
-.tags-menu {
-	z-index: 11;
-	top: 22px;
-	position: absolute;
-	width: 130px;
-	max-height: 200px;
-	overflow-y: auto;
-	border-radius: 3px;
-	background-color: var(--tag-background-color);
-	padding: 5px 0px;
-	margin-top: 5px;
-}
-
-.tags-menu ul {
-	padding: 0px;
-	margin: 0px;
-}
-
-.tags-menu li {
-	cursor: pointer;
-	line-height: 19px;
-	font-size: 11px;
-	list-style: none;
-	color: var(--tag-font-color);
-	padding: 0px 6px;
-	display: flex;
-	align-items: center;
-}
-
-.tags-menu .ff-check-mark {
-	color: var(--tag-checkmark-icon-color);
-}
-
-.tags-checkmark-wrapper {
-	width: 10px;
-}
-
-.app-tag {
-	height: 20px;
-	border-radius: 12px;
-	background-color: var(--tag-background-color);
-	user-select: none;
-	margin: 0px 4px 4px 0px;
-	padding: 5px 7px 0px 9px;
-}
-
-.app-tag .tag-content {
-	display: flex;
-	flex-direction: row;
-	justify-content: center;
-	align-items: center;
-	font-size: var(--tag-font-size);
-	font-weight: var(--tag-font-weight);
-	font-style: normal;
-	font-stretch: normal;
-	line-height: normal;
-	letter-spacing: normal;
-	color: var(--tag-font-color);
-	cursor: default;
-}
-
-.tag-delete {
-	cursor: pointer;
-	padding: 0px 2px;
-	font-size: 8px;
-}
-
-.tag-delete:hover {
-	color: var(--tag-close-icon-hover-color);
-}
-
-.tag-name {
-	margin-right: 2px;
-}
-
-.app-card .tag-name:hover {
-	text-decoration: underline;
-}
-
-.tag-content .ff-close {
-	padding-top: 0px;
-}
-
-.label-bar .ff-close {
-	padding-top: 2px;
-	font-size: 8px;
-}
+/*!
+ * tags.css
+ * Copyright 2017 - 2020 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+
+.tags-menu-wrapper {
+	height: 24px;
+	border-radius: 12px;
+	background: var(--tag-background-color);
+	color: var(--tag-font-color);
+	padding: 0px 5px 0px 9px;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	position: absolute;
+	user-select: none;
+	font-size: var(--menu-font-size);
+	font-weight: var(--tag-font-weight);
+	transition: 0.2s background;
+}
+
+.tags-menu-wrapper:hover {
+	background-color: var(--tag-background-hover-color);
+}
+
+.filter-sort .tags-menu-wrapper {
+	position: fixed;
+	top: 13px;
+	right: 8px;
+}
+
+/* Different positioning for the catalog vs the launcher. */
+.app-catalog .tags-menu-wrapper {
+	top: 8px;
+	right: 22px;
+}
+
+.tags-menu-wrapper span {
+	line-height: 17px;
+	font-size: var(--tag-font-size);
+	cursor: pointer;
+}
+
+.tags-menu-wrapper span i {
+	padding: 0px 5px;
+	font-size: 6px;
+}
+
+.tags-menu {
+	z-index: 11;
+	top: 22px;
+	position: absolute;
+	width: 130px;
+	max-height: 200px;
+	overflow-y: auto;
+	border-radius: 3px;
+	background-color: var(--tag-background-color);
+	padding: 5px 0px;
+	margin-top: 5px;
+}
+
+.tags-menu ul {
+	padding: 0px;
+	margin: 0px;
+}
+
+.tags-menu li {
+	cursor: pointer;
+	line-height: 19px;
+	font-size: 11px;
+	list-style: none;
+	color: var(--tag-font-color);
+	padding: 0px 6px;
+	display: flex;
+	align-items: center;
+}
+
+.tags-menu .ff-check-mark {
+	color: var(--tag-checkmark-icon-color);
+}
+
+.tags-checkmark-wrapper {
+	width: 10px;
+}
+
+.app-tag {
+	height: 20px;
+	border-radius: 12px;
+	background-color: var(--tag-background-color);
+	user-select: none;
+	margin: 0px 4px 4px 0px;
+	padding: 5px 7px 0px 9px;
+}
+
+.app-tag .tag-content {
+	display: flex;
+	flex-direction: row;
+	justify-content: center;
+	align-items: center;
+	font-size: var(--tag-font-size);
+	font-weight: var(--tag-font-weight);
+	font-style: normal;
+	font-stretch: normal;
+	line-height: normal;
+	letter-spacing: normal;
+	color: var(--tag-font-color);
+	cursor: default;
+}
+
+.tag-delete {
+	cursor: pointer;
+	padding: 0px 2px;
+	font-size: 8px;
+}
+
+.tag-delete:hover {
+	color: var(--tag-close-icon-hover-color);
+}
+
+.tag-name {
+	margin-right: 2px;
+}
+
+.app-card .tag-name:hover {
+	text-decoration: underline;
+}
+
+.tag-content .ff-close {
+	padding-top: 0px;
+}
+
+.label-bar .ff-close {
+	padding-top: 2px;
+	font-size: 8px;
+}