@finsemble/finsemble-ui 6.3.1 → 6.3.2

package/react/assets/css/dialogs.css

@@ -1,158 +1,158 @@
-/*!
- * dialogs.css
- * Copyright 2017 - 2020 by ChartIQ, Inc.
- * All rights reserved.
- */
-
-@import url("core/formElements.css");
-
-body.dialog {
-	-webkit-appearance: none;
-	overflow: hidden;
-	color: var(--dialog-font-color);
-	/* Styling for General Typography */
-	/* Always Show Number Input Arrows, Give A Bit Of Space */
-}
-
-body.dialog html:before,
-body.dialog html:after,
-body.dialog body:before,
-body.dialog body:after {
-	content: "";
-	background: var(--window-frame-inactive-color);
-	position: fixed;
-	display: block;
-	z-index: 2147483647;
-}
-
-body.dialog p {
-	margin: 8px 0px;
-}
-
-body.dialog .dialog {
-	background-color: var(--dialog-background-color);
-	padding: 32px;
-	user-select: none;
-}
-
-body.dialog .dialog-title {
-	height: 30px;
-	font-family: var(--dialog-title-font-family);
-	font-weight: var(--dialog-title-font-weight);
-	font-size: var(--dialog-title-font-size);
-	text-align: left;
-	color: var(--dialog-title-font-color);
-	padding: 0px 4px 4px 4px;
-}
-
-body.dialog .dialog-question {
-	height: 45px;
-	font-weight: var(--dialog-question-font-weight);
-	color: var(--dialog-question-font-color);
-	font-size: var(--dialog-question-font-size);
-	padding: 0px 4px;
-	margin-bottom: 10px;
-	text-align: left;
-	word-wrap: break-word;
-}
-
-.controls-wrapper .button-wrapper,
-body.dialog .button-wrapper {
-	display: flex;
-	justify-content: flex-end;
-}
-
-.controls-wrapper input[type="number"]::-webkit-inner-spin-button,
-.controls-wrapper input[type="number"]::-webkit-outer-spin-button,
-body.dialog input[type="number"]::-webkit-inner-spin-button,
-body.dialog input[type="number"]::-webkit-outer-spin-button {
-	opacity: 1;
-}
-
-.controls-wrapper input::-webkit-outer-spin-button,
-.controls-wrapper input::-webkit-inner-spin-button,
-body.dialog input::-webkit-outer-spin-button,
-body.dialog input::-webkit-inner-spin-button {
-	margin-left: 5px;
-}
-
-.controls-wrapper input:focus,
-body.dialog input:focus {
-	box-shadow: 0 0 5px rgba 81, 203, 238, 1;
-	border-bottom: 2px solid var(--dialog-input-border-focus-color);
-	outline: none;
-}
-
-.controls-wrapper input,
-body.dialog input {
-	font-family: var(--font-family);
-	-webkit-appearance: none;
-	color: var(--dialog-input-font-color);
-	text-align: left;
-	font-size: var(--dialog-input-font-size);
-	font-weight: var(--dialog-input-font-weight);
-	vertical-align: middle;
-	background-color: var(--dialog-input-background-color);
-	width: 100%;
-	height: 33px;
-	max-width: 100%;
-	padding: 3px 10px;
-	border: 0px;
-	border-bottom: 2px solid var(--dialog-input-border-color);
-	box-sizing: border-box;
-	transition: 0.2s ease-in;
-}
-
-.fsbl-button {
-	margin: 0px 6px;
-	width: 124px;
-	height: 35px;
-	border-radius: 4px;
-	text-align: center;
-	color: var(--button-solid-text);
-	font-weight: var(--button-font-weight);
-	font-size: var(--button-font-size);
-	transition: 0.2s ease;
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-	align-self: center;
-	letter-spacing: 0.4px;
-	line-height: 34px;
-	user-select: none;
-	position: relative;
-}
-
-.fsbl-button:hover {
-	transition: 0.2s ease-out;
-	cursor: pointer;
-}
-
-.fsbl-button-affirmative {
-	border: 1px solid var(--button-affirmative-border-color);
-	background-color: var(--button-affirmative-background-color);
-}
-
-.fsbl-button-affirmative:hover {
-	border: 1px solid var(--button-affirmative-border-hover-color);
-	background-color: var(--button-affirmative-background-hover-color);
-}
-
-.fsbl-button-neutral {
-	border: 1px solid var(--button-neutral-border-color);
-	background-color: var(--button-neutral-background-color);
-}
-
-.fsbl-button-neutral:hover {
-	text-decoration: underline;
-}
-
-.fsbl-button-negative {
-	border: 1px solid var(--button-negative-border-color);
-	background-color: var(--button-negative-background-color);
-}
-
-.fsbl-button-negative:hover {
-	border: 1px solid var(--button-negative-border-hover-color);
-	background-color: var(--button-negative-background-hover-color);
-}
+/*!
+ * dialogs.css
+ * Copyright 2017 - 2020 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+
+@import url("core/formElements.css");
+
+body.dialog {
+	-webkit-appearance: none;
+	overflow: hidden;
+	color: var(--dialog-font-color);
+	/* Styling for General Typography */
+	/* Always Show Number Input Arrows, Give A Bit Of Space */
+}
+
+body.dialog html:before,
+body.dialog html:after,
+body.dialog body:before,
+body.dialog body:after {
+	content: "";
+	background: var(--window-frame-inactive-color);
+	position: fixed;
+	display: block;
+	z-index: 2147483647;
+}
+
+body.dialog p {
+	margin: 8px 0px;
+}
+
+body.dialog .dialog {
+	background-color: var(--dialog-background-color);
+	padding: 32px;
+	user-select: none;
+}
+
+body.dialog .dialog-title {
+	height: 30px;
+	font-family: var(--dialog-title-font-family);
+	font-weight: var(--dialog-title-font-weight);
+	font-size: var(--dialog-title-font-size);
+	text-align: left;
+	color: var(--dialog-title-font-color);
+	padding: 0px 4px 4px 4px;
+}
+
+body.dialog .dialog-question {
+	height: 45px;
+	font-weight: var(--dialog-question-font-weight);
+	color: var(--dialog-question-font-color);
+	font-size: var(--dialog-question-font-size);
+	padding: 0px 4px;
+	margin-bottom: 10px;
+	text-align: left;
+	word-wrap: break-word;
+}
+
+.controls-wrapper .button-wrapper,
+body.dialog .button-wrapper {
+	display: flex;
+	justify-content: flex-end;
+}
+
+.controls-wrapper input[type="number"]::-webkit-inner-spin-button,
+.controls-wrapper input[type="number"]::-webkit-outer-spin-button,
+body.dialog input[type="number"]::-webkit-inner-spin-button,
+body.dialog input[type="number"]::-webkit-outer-spin-button {
+	opacity: 1;
+}
+
+.controls-wrapper input::-webkit-outer-spin-button,
+.controls-wrapper input::-webkit-inner-spin-button,
+body.dialog input::-webkit-outer-spin-button,
+body.dialog input::-webkit-inner-spin-button {
+	margin-left: 5px;
+}
+
+.controls-wrapper input:focus,
+body.dialog input:focus {
+	box-shadow: 0 0 5px rgba 81, 203, 238, 1;
+	border-bottom: 2px solid var(--dialog-input-border-focus-color);
+	outline: none;
+}
+
+.controls-wrapper input,
+body.dialog input {
+	font-family: var(--font-family);
+	-webkit-appearance: none;
+	color: var(--dialog-input-font-color);
+	text-align: left;
+	font-size: var(--dialog-input-font-size);
+	font-weight: var(--dialog-input-font-weight);
+	vertical-align: middle;
+	background-color: var(--dialog-input-background-color);
+	width: 100%;
+	height: 33px;
+	max-width: 100%;
+	padding: 3px 10px;
+	border: 0px;
+	border-bottom: 2px solid var(--dialog-input-border-color);
+	box-sizing: border-box;
+	transition: 0.2s ease-in;
+}
+
+.fsbl-button {
+	margin: 0px 6px;
+	width: 124px;
+	height: 35px;
+	border-radius: 4px;
+	text-align: center;
+	color: var(--button-solid-text);
+	font-weight: var(--button-font-weight);
+	font-size: var(--button-font-size);
+	transition: 0.2s ease;
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	align-self: center;
+	letter-spacing: 0.4px;
+	line-height: 34px;
+	user-select: none;
+	position: relative;
+}
+
+.fsbl-button:hover {
+	transition: 0.2s ease-out;
+	cursor: pointer;
+}
+
+.fsbl-button-affirmative {
+	border: 1px solid var(--button-affirmative-border-color);
+	background-color: var(--button-affirmative-background-color);
+}
+
+.fsbl-button-affirmative:hover {
+	border: 1px solid var(--button-affirmative-border-hover-color);
+	background-color: var(--button-affirmative-background-hover-color);
+}
+
+.fsbl-button-neutral {
+	border: 1px solid var(--button-neutral-border-color);
+	background-color: var(--button-neutral-background-color);
+}
+
+.fsbl-button-neutral:hover {
+	text-decoration: underline;
+}
+
+.fsbl-button-negative {
+	border: 1px solid var(--button-negative-border-color);
+	background-color: var(--button-negative-background-color);
+}
+
+.fsbl-button-negative:hover {
+	border: 1px solid var(--button-negative-border-hover-color);
+	background-color: var(--button-negative-background-hover-color);
+}

package/react/assets/css/favorites.css

@@ -1,101 +1,101 @@
-/*!
- * favorites.css
- * Copyright 2017 - 2020 by ChartIQ, Inc.
- * All rights reserved.
- */
-
-.finsemble-toolbar-button:hover {
-	background: var(--menu-content-hover-color);
-	outline: none;
-}
-
-.finsemble-toolbar-button-label {
-	white-space: nowrap;
-}
-
-/*
-.favorite-maker {
-	position: absolute;
-	right: 0;
-}
-*/
-
-.rearrange-region div {
-	cursor: pointer;
-}
-
-#toolbar-delete {
-	visibility: visible;
-	font-size: 8px;
-	padding-right: 4px;
-	padding-top: 4px;
-	align-self: bottom;
-	margin-left: 1em;
-	color: var(--toolbar-favorite-delete-icon);
-}
-
-#toolbar-delete:hover {
-	color: var(--toolbar-favorite-delete-icon-hover);
-}
-
-/* All the .gu-* styles are used by Dragula to make reordering a component beautiful */
-/* The mirror of the item that's being dragged */
-.gu-mirror {
-	/* We don't want to see the mirror of the dragged component */
-	opacity: 0;
-}
-
-/* The item that's being dragged */
-.gu-transit {
-	opacity: 0.2;
-	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
-	filter: alpha(opacity=20);
-}
-
-.chevron-container {
-	display: flex;
-	align-items: center;
-}
-
-.scroll-button {
-	color: var(--toolbar-scroll-button-color);
-	margin: 8px 3px;
-	padding: 5px;
-	font-size: 10px;
-	border: 1px solid transparent;
-	border-radius: 50px;
-	height: 10px;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-}
-
-.ff-chevron-left:before {
-	padding-right: 2px;
-}
-
-.ff-chevron-right:before {
-	padding-left: 2px;
-}
-
-.scroll-button:hover {
-	background: var(--toolbar-button-hover-color);
-	cursor: pointer;
-}
-
-.greyedOut {
-	opacity: 0.3;
-}
-
-.greyedOut:hover {
-	background: transparent;
-	cursor: default;
-}
-
-#favoritesContainer {
-	overflow: hidden;
-	display: flex;
-	flex-direction: row;
-	align-content: center;
-	align-items: stretch;
-}
+/*!
+ * favorites.css
+ * Copyright 2017 - 2020 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+
+.finsemble-toolbar-button:hover {
+	background: var(--menu-content-hover-color);
+	outline: none;
+}
+
+.finsemble-toolbar-button-label {
+	white-space: nowrap;
+}
+
+/*
+.favorite-maker {
+	position: absolute;
+	right: 0;
+}
+*/
+
+.rearrange-region div {
+	cursor: pointer;
+}
+
+#toolbar-delete {
+	visibility: visible;
+	font-size: 8px;
+	padding-right: 4px;
+	padding-top: 4px;
+	align-self: bottom;
+	margin-left: 1em;
+	color: var(--toolbar-favorite-delete-icon);
+}
+
+#toolbar-delete:hover {
+	color: var(--toolbar-favorite-delete-icon-hover);
+}
+
+/* All the .gu-* styles are used by Dragula to make reordering a component beautiful */
+/* The mirror of the item that's being dragged */
+.gu-mirror {
+	/* We don't want to see the mirror of the dragged component */
+	opacity: 0;
+}
+
+/* The item that's being dragged */
+.gu-transit {
+	opacity: 0.2;
+	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
+	filter: alpha(opacity=20);
+}
+
+.chevron-container {
+	display: flex;
+	align-items: center;
+}
+
+.scroll-button {
+	color: var(--toolbar-scroll-button-color);
+	margin: 8px 3px;
+	padding: 5px;
+	font-size: 10px;
+	border: 1px solid transparent;
+	border-radius: 50px;
+	height: 10px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+
+.ff-chevron-left:before {
+	padding-right: 2px;
+}
+
+.ff-chevron-right:before {
+	padding-left: 2px;
+}
+
+.scroll-button:hover {
+	background: var(--toolbar-button-hover-color);
+	cursor: pointer;
+}
+
+.greyedOut {
+	opacity: 0.3;
+}
+
+.greyedOut:hover {
+	background: transparent;
+	cursor: default;
+}
+
+#favoritesContainer {
+	overflow: hidden;
+	display: flex;
+	flex-direction: row;
+	align-content: center;
+	align-items: stretch;
+}

package/react/assets/css/finsemble.css

@@ -1,38 +1,38 @@
-/*!
- * finsemble.css
- * Copyright 2017 - 2020 by ChartIQ, Inc.
- * All rights reserved.
- */
-
-@import url("./defaultTheme.css");
-@import url("core/icons.css");
-@import url("core/windowFrame.css");
-@import url("core/formElements.css");
-@import url("core/notifications.css");
-@import url("./font-finance.css");
-@import url("./fonts/Open_Sans/OpenSans-Definition.css");
-@import url("./focus.css");
-.hidden {
-	display: none !important;
-}
-
-.flex-start {
-	align-self: flex-start;
-}
-
-/* Gives the control icons the proper width on websites using bootstrap. */
-
-i,
-i:before,
-i:after,
-.fsbl-window-manager-icon {
-	box-sizing: content-box;
-}
-
-body {
-	font-weight: var(--font-weight);
-	font-family: var(--font-family);
-	color: var(--font-color);
-	font-size: var(--font-size);
-	background: var(--core-primary-1);
-}
+/*!
+ * finsemble.css
+ * Copyright 2017 - 2020 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+
+@import url("./defaultTheme.css");
+@import url("core/icons.css");
+@import url("core/windowFrame.css");
+@import url("core/formElements.css");
+@import url("core/notifications.css");
+@import url("./font-finance.css");
+@import url("./fonts/Open_Sans/OpenSans-Definition.css");
+@import url("./focus.css");
+.hidden {
+	display: none !important;
+}
+
+.flex-start {
+	align-self: flex-start;
+}
+
+/* Gives the control icons the proper width on websites using bootstrap. */
+
+i,
+i:before,
+i:after,
+.fsbl-window-manager-icon {
+	box-sizing: content-box;
+}
+
+body {
+	font-weight: var(--font-weight);
+	font-family: var(--font-family);
+	color: var(--font-color);
+	font-size: var(--font-size);
+	background: var(--core-primary-1);
+}

package/react/assets/css/focus.css

@@ -1,4 +1,4 @@
-/* Hide focus indicator from everything by default */
-*:focus {
-	outline: none;
-}
+/* Hide focus indicator from everything by default */
+*:focus {
+	outline: none;
+}