@finsemble/finsemble-ui 7.3.9 → 7.3.10

package/react/assets/css/download.css

@@ -0,0 +1,119 @@
+body {
+	overflow-x: hidden;
+}
+
+.download-header {
+	display: flex;
+	width: 191px;
+	height: 31px;
+	margin: 20px 156px 10px 0;
+	font-family: OpenSans;
+	font-size: 21px;
+}
+
+.download-title {
+	display: inline-block;
+}
+
+.download-settings {
+	margin: 0 19.6px 0 105%;
+}
+
+.no-downloads {
+	margin: 20px 0 16px 21px;
+}
+
+.download-row {
+	margin: 10px 16px 15.9px 20px;
+	border-bottom: solid 1px #979797;
+}
+
+.download-progress-button-row {
+	display: inline-block;
+	margin-bottom: 20px;
+}
+
+.download-name {
+	margin: 0 196px 0 0;
+	font-family: OpenSans;
+	font-size: 12px;
+	font-weight: bold;
+	font-stretch: normal;
+	font-style: normal;
+	line-height: 1.5;
+	letter-spacing: normal;
+	color: #fff;
+}
+
+.download-url {
+	margin: 0 0 16px;
+	width: 80%;
+	font-family: OpenSans;
+	font-size: 12px;
+	font-weight: normal;
+	font-stretch: normal;
+	font-style: normal;
+	letter-spacing: normal;
+	color: #5b606f;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	overflow: hidden;
+}
+
+.download-progress {
+	width: 98px;
+	height: 12px;
+	margin: 17px 12px 28px 0;
+	font-family: OpenSans;
+	font-size: 10px;
+	font-weight: normal;
+	font-stretch: normal;
+	font-style: normal;
+	line-height: 1.2;
+	letter-spacing: normal;
+	color: #fff;
+}
+
+.download-buttons {
+	height: 12px;
+	margin: 16px 0 20px 3px;
+	font-family: OpenSans;
+	font-size: 10px;
+	font-weight: normal;
+	font-stretch: normal;
+	font-style: normal;
+	line-height: 1.2;
+	letter-spacing: normal;
+	color: #fff;
+}
+
+.download-remove {
+	width: 9.6px;
+	height: 9.6px;
+	margin: 0 19.6px 0 90%;
+	object-fit: contain;
+}
+
+.button-container-icon span.btn-label {
+	font-size: 10px;
+}
+
+.finsemble-download-pause svg {
+	fill: #fdda0d;
+}
+
+.finsemble-download-cancel svg {
+	fill: #f26666;
+}
+
+.finsemble-download-resume svg {
+	fill: #2cc13f;
+}
+
+.download-settings-button svg .finsemble-download-remove svg {
+	fill: #979797;
+}
+
+.finsemble-download-folder svg {
+	fill: #42a5ba;
+}

package/react/assets/css/finsemble.css

@@ -10,7 +10,6 @@
 @import url("core/formElements.css");
 @import url("./font-finance.css");
 @import url("./fonts/Open_Sans/OpenSans-Definition.css");
-@import url("./focus.css");
 
 @import url("./shared/common.css");
 

package/react/assets/css/finsemble.lazy.css

@@ -0,0 +1,4 @@
+/* 	This file is a wrapper that allows finsemble.css to be loaded lazily by style-loader.
+	See the <FinsembleCSS> component for more information.
+*/
+@import url("./finsemble.css");

package/react/assets/css/floatingFocus.lazy.css

@@ -0,0 +1,66 @@
+/**
+This is the CSS for the floating focus accessibility helper @q42/floating-focus-a11y.
+
+It is necessary for us to load this CSS lazily to avoid the styles being automatically injected
+when the floating focus is imported. This can cause problems when UI code is run in preloads (such
+as injected windowTitleBars).
+**/
+
+/* Hide focus indicator from everything by default */
+*:focus {
+	outline: none;
+}
+
+/**
+This CSS has been copied from @q42/floating-focus-a11y/dist/unstyled.
+**/
+.floating-focus {
+	border: 0 solid currentcolor;
+	position: absolute;
+	transform: translate(-50%, -50%);
+	opacity: 0;
+	will-change: top, left, width, height;
+	box-sizing: content-box;
+	pointer-events: none;
+	overflow: hidden;
+	z-index: 9999999999;
+}
+
+.floating-focus.moving {
+	transition-property: opacity, left, top, width, height, border-width, border-radius;
+	transition-duration: 0.2s, 0.1s, 0.1s, 0.1s, 0.1s, 0.1s, 0.1s;
+	transition-timing-function: linear, ease, ease, ease, ease, ease, ease;
+}
+
+.floating-focus.enabled.visible {
+	opacity: 1;
+}
+
+.floating-focus::after {
+	content: "";
+	background: currentcolor;
+	position: absolute;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left: 0;
+	opacity: 0;
+	transition: opacity 0.2s linear;
+}
+
+.floating-focus.helper::after {
+	transition-duration: 0.1s;
+	opacity: 0.3;
+}
+
+.floating-focused {
+	/* stylelint-disable */
+	outline-style: none !important;
+	/* stylelint-enable */
+}
+
+.floating-focused::-moz-focus-inner {
+	/* stylelint-disable */
+	border: 0 !important;
+	/* stylelint-enable */
+}

package/react/assets/css/fonts/icons-reference.html

@@ -1168,7 +1168,7 @@
 						}
 					});
 				}
-			}.call(this));
+			}).call(this);
 		</script>
 	</body>
 </html>

package/react/assets/css/linkerWindow.css

@@ -12,11 +12,6 @@ body .linkerContainer {
 	overflow: hidden;
 }
 
-#main {
-	padding: 5px;
-	background-color: var(--menu-background-color);
-}
-
 .linkerContainer {
 	width: 100%;
 	display: flex;

package/react/assets/css/processMonitor.css

@@ -47,7 +47,7 @@ body.process-monitor {
 }
 
 .process-list {
-	height: calc(100vh - 185px);
+	height: calc(100vh - 160px);
 	overflow-y: auto;
 }
 
@@ -76,6 +76,10 @@ body.process-monitor {
 	width: 40%;
 }
 
+.process-name-collapsible {
+	cursor: pointer;
+}
+
 .process-name {
 	font-weight: var(--procMonitor-process-name-font-weight);
 	font-style: italic;
@@ -117,9 +121,6 @@ body.process-monitor {
 
 .child-window-name {
 	font-weight: var(--procMonitor-component-name-font-weight);
-}
-
-.advanced .child-window-name {
 	cursor: pointer;
 }
 
@@ -214,3 +215,7 @@ body.process-monitor {
 	border-radius: inherit;
 	background-color: rgb(0 0 0 / 20%);
 }
+
+.summary-statistic-number {
+	white-space: nowrap;
+}

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

@@ -55,13 +55,11 @@
 
 @keyframes slide-in-right {
 	0% {
-		transform: translateX(1000px);
 		transform: translateX(1000px);
 		opacity: 0;
 	}
 
 	100% {
-		transform: translateX(0);
 		transform: translateX(0);
 		opacity: 1;
 	}
@@ -95,11 +93,9 @@
 @keyframes slide-in-right-opaque {
 	0% {
 		transform: translateX(1000px);
-		transform: translateX(1000px);
 	}
 
 	100% {
 		transform: translateX(0);
-		transform: translateX(0);
 	}
 }

package/react/assets/css/toolbar.css

@@ -144,7 +144,7 @@
 	white-space: nowrap;
 }
 
-.finsemble-toolbar-workspace-button-label.finsemble-toolbar-button[data-hover="true"] {
+.finsemble-toolbar-workspace-button-label.finsemble-toolbar-button:hover {
 	background: var(--toolbar-button-hover-color);
 	border: 1px solid transparent;
 	cursor: pointer;
@@ -170,12 +170,12 @@
 	padding-left: 5px;
 }
 
-.divider {
+.finsemble-toolbar-body .divider {
 	display: flex;
 	align-self: center;
 }
 
-.divider::before {
+.finsemble-toolbar-body .divider::before {
 	height: 24px;
 	border-right: var(--toolbar-separator);
 	content: "";

package/react/assets/css/userPreferences.css

@@ -141,6 +141,11 @@ img {
 	overflow: auto;
 }
 
+.complex-menu-content-row .checkbox-wrapper {
+	display: flex;
+	align-items: center;
+}
+
 .items-header {
 	font-size: 1.4em;
 }
@@ -404,6 +409,22 @@ img {
 	color: var(--core-primary-5);
 }
 
+.download-header {
+	margin: 30px 29px 10px 10px;
+	font-family: OpenSans;
+	font-size: 21px;
+	font-weight: bold;
+}
+
+.download-location-row {
+	display: flex;
+}
+
+.download-location-label {
+	display: inline-block;
+	padding-right: 10px;
+}
+
 .disabled-restart {
 	/* stylelint-disable-next-line declaration-no-important */
 	color: var(--core-primary-5) !important;
@@ -448,12 +469,16 @@ option:focus {
 	text-align: center;
 }
 
+.dashbar-items-table tr.dashbar-preferences-item td span.finsembleToggle {
+	display: flex;
+}
+
 /* Notifications Preferences */
 
 .notifications-main-preferences__container {
 	display: flex;
 	flex-direction: column;
-	padding: 5px 15px;
+	padding: 5px 15px 5px 30px;
 }
 
 .notifications-main-preferences__container .row-section {
@@ -520,6 +545,31 @@ option:focus {
 	margin-left: auto;
 }
 
+.finsemble-dropdown__btn.file-left {
+	width: 348px;
+	border-radius: 0;
+	background-color: #5b606f;
+}
+
+.finsemble-dropdown__btn.file-left i {
+	margin-left: auto;
+}
+
+.finsemble-dropdown__btn-options.file-options-left {
+	margin-right: auto;
+	max-width: 400px;
+	width: 360px;
+	white-space: normal;
+	overflow-wrap: break-word;
+	text-align: left;
+	top: 100%;
+	right: auto;
+	left: 0;
+	background-color: #5b606f;
+	border-radius: 0;
+	padding: 5px 2px;
+}
+
 .heading-larger {
 	font-size: var(--font-size-larger);
 	color: var(--core-primary-5);
@@ -574,3 +624,11 @@ option:focus {
 .complex-menu-wrapper .workspace-list .individual-workspace-action:hover {
 	color: var(--font-color);
 }
+
+.reset-preferences {
+	padding-top: 50px;
+}
+
+.reset-preferences-label {
+	padding-left: 10px;
+}