@finsemble/finsemble-ui 1.0.0-beta-3 → 1.0.0-beta-6

package/react/assets/css/defaultTheme.css

@@ -1,312 +0,0 @@
-/*!
- * defaultTheme.css
- * Copyright 2017 - 2020 by ChartIQ, Inc.
- * All rights reserved.
- */
-
-:root {
-	/* Color Variables:  Use these variables to make broad-sweeping changes to the colors throughout the application. */
-	--core-primary: #22262f;
-	--core-primary-1: #171a20;
-	--core-primary-2: #373b43;
-	--core-primary-3: #3d4455;
-	--core-primary-4: #5b606f;
-	--core-primary-5: #acb2c0;
-	--accent-primary: #42a5ba;
-	--accent-primary-1: #36788b;
-	--accent-positive: #2cc13f;
-	--accent-positive-1: #27ae38;
-	--accent-aware: #f5a623;
-	--accent-aware-1: #dc951f;
-	--accent-aware-2: #f0e400d9;
-	--accent-negative: #f26666;
-	--accent-negative-1: #b54f4f;
-	--scrollbar-color: #fff;
-
-	/* Font Variables:  Use these variables to make changes to the global font styles. */
-	--font-family: "OpenSans", sans-serif;
-	--font-color: #fff;
-	--font-color-1: var(--core-primary-5);
-	--font-color-1-shadow: rgb(172 178 192 / 80%); /* 172, 178, 19 same as --font-color-1: var(--core-primary-5);  */
-	--font-color-2: #000;
-	--font-shadow: rgb(0 0 0 / 50%);
-	--font-shadow-light: rgb(255 255 255 / 40%);
-	--font-color-3: rgb(10 140 244);
-	--font-weight: 600;
-	--font-weight-1: 400;
-	--font-weight-2: bold;
-	--font-size: 12px;
-	--font-size-large: 14px;
-	--font-size-larger: 16px;
-	--font-size-xl: 21px;
-
-	/* Component Variables:  Use these variables to make granular changes to specific components. */
-
-	/* Toolbar */
-	--toolbar-font-size: var(--font-size);
-	--toolbar-font-color: var(--font-color);
-	--toolbar-font-weight: var(--font-weight);
-	--toolbar-height: 39px;
-	--toolbar-brand-logo-width: 14px;
-	--toolbar-brand-logo-height: 16px;
-	--toolbar-favorite-delete-icon: var(--core-primary-5);
-	--toolbar-favorite-delete-icon-hover: var(--accent-negative);
-	--toolbar-background-color: var(--core-primary);
-	--toolbar-button-hover-color: var(--core-primary-3);
-	--toolbar-resize-area-color: var(--core-primary-3);
-	--toolbar-icon-workspace-color: var(--accent-aware);
-	--toolbar-icon-app-color: var(--accent-primary);
-	--toolbar-icon-font-size: 13px;
-	--toolbar-icon-color: var(--font-color);
-	--toolbar-separator: 1px solid rgb(255 255 255 / 30%);
-	--dashbar-divider-color: var(--toolbar-font-color);
-
-	/* Window Title bar */
-	--titleBar-height: 25px;
-	--titleBar-font-size: var(--font-size);
-	--titleBar-icon-font-size: 8px;
-	--titleBar-font-weight: var(--font-weight);
-	--titleBar-active-font-color: var(--font-color); /* Not in use by default */
-	--titleBar-inactive-font-color: var(--font-color-1);
-	--titleBar-linker-font-color: var(--font-color-2);
-	--titleBar-linker-font-color-blur: var(--font-color);
-	--titleBar-background-inactive-color: var(--core-primary);
-	--titleBar-background-active-color: var(--core-primary);
-	--titlebar-tab-active-font-color: var(--font-color);
-	--titlebar-tab-inactive-font-color: var(--font-color-1);
-	--titlebar-tab-hover-font-color: var(--font-color);
-	--titlebar-tab-icon-font-color: var(--accent-primary);
-	--titlebar-tab-hover-background-color: var(--core-primary-2);
-	--titlebar-tab-active-background-color: var(--core-primary-3);
-	--titlebar-tab-inactive-background-color: var(--core-primary-1);
-	--titlebar-tab-ghost-background-color: var(--accent-primary-1);
-	--titlebar-tab-ghost-border-color: var(--accent-primary);
-	--titlebar-icon-color: var(--font-color-1);
-	--titlebar-icon-hover-color: var(--font-color);
-	--titleBar-button-hover-active-color: var(--core-primary-4);
-	--titleBar-button-hover-inactive-color: var(--core-primary-3);
-	--titleBar-button-highlight-active-color: var(--accent-primary);
-	--titleBar-button-highlight-inactive-color: var(--accent-primary-1);
-	--titleBar-button-hover-negative-color: var(--accent-negative);
-	--titleBar-button-hover-linker-group: var(--core-primary-3);
-
-	/* Dialogs (e.g., singleInput and yesNo) */
-	--dialog-title-font-size: 21px;
-	--dialog-title-font-weight: var(--font-weight-1);
-	--dialog-title-font-family: var(--font-family);
-	--dialog-title-font-color: var(--font-color);
-	--dialog-question-font-size: var(--font-size);
-	--dialog-question-font-weight: var(--font-weight-1);
-	--dialog-question-font-color: var(--font-color-1);
-	--dialog-background-color: var(--core-primary);
-	--dialog-font-color: var(--font-color);
-	--dialog-input-font-size: var(--font-size);
-	--dialog-input-font-color: var(--font-color);
-	--dialog-input-font-weight: var(--font-weight-1);
-	--dialog-input-background-color: transparent;
-	--dialog-input-border-color: var(--core-primary-3);
-	--dialog-input-border-focus-color: var(--accent-primary-1);
-	--dialog-input-border-error-color: var(--accent-negative);
-
-	/* Buttons and Inputs */
-	--button-font-size: var(--font-size);
-	--button-font-weight: var(--font-weight);
-	--button-affirmative-background-color: var(--accent-primary);
-	--button-affirmative-border-color: transparent;
-	--button-affirmative-background-hover-color: var(--accent-primary-1);
-	--button-affirmative-border-hover-color: transparent;
-	--button-neutral-background-color: transparent;
-	--button-neutral-border-color: transparent;
-	--button-neutral-border-hover-color: var(--core-primary-5);
-	--button-negative-background-color: var(--accent-negative);
-	--button-negative-border-color: var(--accent-negative-1);
-	--button-negative-background-hover-color: var(--accent-negative-1);
-	--button-negative-border-hover-color: var(--accent-negative-1);
-	--button-disabled-color: var(--core-primary-4);
-	--input-negative-border-color: var(--accent-negative); /* Currently not in use */
-
-	/* Menus */
-	--menu-font-size: var(--font-size);
-	--menu-font-icon-size: 13px;
-	--menu-action-icon-color: var(--core-primary-5);
-	--menu-font-weight: var(--font-weight);
-	--menu-font-color: var(--font-color);
-	--menu-active-workspace-font-weight: var(--font-weight-2);
-	--menu-active-workspace-font-color: var(--accent-aware);
-	--menu-background-color: var(--core-primary);
-	--menu-dragHandle-color: var(--core-primary-4);
-	--menu-actions-background-color: var(--core-primary);
-	--menu-actions-hover-color: var(--core-primary-3);
-	--menu-content-background-color: var(--core-primary);
-	--menu-content-hover-color: var(--core-primary-3);
-	--menu-favorite-hover-color: var(--accent-primary);
-	--menu-favorite-active-hover-color: var(--accent-primary-1);
-	--menu-delete-background-hover-color: var(--accent-negative);
-	--menu-linker-selected-font-color: var(--font-color);
-	--menu-linker-selected-font-size: var(--font-size);
-	--icon-avatar-default-background-color: var(--core-primary-4);
-	--icon-avatar-workspace-background-color: var(--accent-positive);
-	--icon-avatar-component-background-color: var(--accent-primary);
-	--icon-avatar-component-inactive-background-color: var(--accent-primary-1);
-
-	/* Search Menu */
-	--search-menu-font-size: var(--font-size);
-	--search-menu-font-color: var(--core-primary-5);
-	--search-input-font-color: black;
-	--search-input-background-color: white;
-	--search-input-border-color: var(--core-primary-3);
-	--search-input-focused-border-color: var(--accent-primary);
-	--search-input-clear-search-color: var(--core-primary-5);
-	--search-input-clear-search-hover-color: var(--menu-font-color);
-	--search-menu-header-color: var(--accent-primary);
-	--search-hover-background-color: var(--core-primary-3);
-	--search-header-font-size: 14px;
-	--search-header-font-color: var(--accent-primary);
-	--search-header-font-weight: var(--font-weight-2);
-	--search-result-font-color: var(--core-primary-5);
-	--search-result-font-weight: var(--font-weight-1);
-	--search-result-highlighter-color: var(--menu-font-color);
-	--search-result-selected-color: var(--core-primary-3);
-
-	/* Window Frame */
-	--window-frame-inactive-color: var(--core-primary);
-	--window-frame-active-color: var(--core-primary-2);
-	--window-border-color: rgb(61 69 85 / 20%);
-
-	/* Window Scrims and Masks */
-	--groupMask-background-color: var(--accent-primary);
-	--groupMask-border-color: var(--accent-primary-1);
-	--scrim-icon-font-color: var(--font-color);
-	--scrim-icon-font-size: 100px;
-	--scrim-positive-background-color: var(--accent-primary-1);
-	--scrim-negative-background-color: var(--accent-negative);
-
-	/* User Preferences */
-	--content-font-size: var(--font-size);
-	--content-header-font-size: 16px;
-	--content-header-font-color: var(--accent-primary);
-	--content-font-color: var(--font-color);
-	--content-font-weight: var(--font-weight);
-	--content-nav-header-font-size: 16px;
-	--content-nav-header-font-weight: var(--font-weight);
-	--content-nav-header-background-color: var(--core-primary-2);
-	--content-nav-background-color: var(--core-primary);
-	--content-nav-highlighter: var(--core-primary-3);
-	--content-nav-highlighter-hover: var(--core-primary-2);
-	--content-background-color: var(--core-primary-1);
-	--content-hint-font-color: var(--font-color-1);
-	--content-component-list-font-size: var(--font-size);
-	--content-list-border-color: var(--core-primary-5);
-	--content-list-highlighter: var(--core-primary-3);
-	--content-list-drag-icon-color: var(--core-primary-4);
-	--content-list-item-flagged-color: var(--accent-primary);
-	--content-list-editor-font-color: var(--font-color);
-	--content-list-editor-highlighted-text: var(--accent-primary);
-	--content-button-label-font-size: var(--font-size);
-	--content-button-disabled-border-color: var(--core-primary-2);
-	--content-button-icon-color: var(--font-color-1);
-	--content-button-neutral-hover-color: var(--core-primary-4);
-	--content-checkbox-check-color: var(--font-color);
-	--content-checkbox-background-color: var(--accent-primary);
-	--content-checkbox-unchecked-border-color: var(--core-primary-5);
-	--content-card-background-color: var(--core-primary-2);
-	--content-card-bestMatch-background-color: var(--core-primary-2);
-	--content-card-icon-background-color: var(--accent-primary-1);
-	--content-card-icon-font-size: 20px;
-	--content-card-title-font-size: var(--font-size);
-	--content-back-font-size: 13px;
-	--content-close-hover-color: var(--accent-negative);
-	--content-warning-text: var(--accent-aware);
-	--content-restart-button-color: var(--accent-primary-1);
-
-	/* Notifications */
-	--notification-body-background-color: var(--toolbar-background-color);
-	--notification-body-font-color: var(--font-color);
-	--notification-body-font-family: var(--font-family);
-	--notification-logo-width: 14px;
-	--notification-title-font-size: 13px;
-	--notification-title-font-weight: var(--font-weight);
-	--notification-close-icon-hover-color: var(--accent-negative);
-	--notification-description-font-size: 13px;
-
-	/* Process Monitor */
-	--procMonitor-font-color: var(--font-color);
-	--procMonitor-font-size: var(--font-size);
-	--procMonitor-font-weight: var(--font-weight-1);
-	--procMonitor-component-name-font-weight: var(--font-weight-1);
-	--procMonitor-process-name-font-weight: var(--font-weight);
-	--procMonitor-background-color: var(--core-primary);
-	--procMonitor-list-border-color: var(--core-primary-3);
-	--procMonitor-close-component-font-color: var(--font-color-1);
-	--procMonitor-warning-background-color: var(--accent-aware-1);
-	--procMonitor-negative-border-color: var(--accent-negative-1);
-	--procMonitor-negative-background-color: var(--accent-negative);
-	--procMonitor-close-hover-color: var(--accent-negative);
-
-	/* App Catalog */
-	--catalog-font-size-header: 14px;
-	--catalog-font-size-text: var(--font-size);
-	--catalog-font-weight: var(--font-weight);
-	--catalog-carousel-font-weight: var(--font-weight-2);
-	--catalog-font-color: var(--font-color);
-	--catalog-tag-font-color: var(--core-primary-5);
-	--catalog-toast-background-color: var(--core-primary);
-	--catalog-background-color: var(--core-primary-1);
-	--catalog-pagination-dots-color: var(--core-primary-3);
-	--catalog-pagination-dots-active-color: var(--core-primary-4);
-	--catalog-hero-border-color: transparent;
-	--catalog-hero-background-color: var(--core-primary-2);
-	--catalog-card-background-color: var(--core-primary);
-	--catalog-card-checkmark-unselected-color: var(--core-primary-4);
-	--catalog-card-checkmark-selected-color: var(--accent-positive);
-	--catalog-section-header-font-color: var(--accent-primary);
-	--catalog-search-border-color: var(--core-primary-4);
-	--catalog-search-active-border-color: var(--accent-primary-1);
-	--catalog-disabled-button-background-color: var(--core-primary-3);
-
-	/* Shared Tag Styles */
-	--tag-font-size: 11px;
-	--tag-background-color: var(--core-primary-2);
-	--tag-background-hover-color: var(--core-primary-3);
-	--tag-font-color: var(--font-color);
-	--tag-font-weight: var(--font-weight-1);
-	--tag-close-icon-hover-color: var(--accent-negative);
-	--tag-checkmark-icon-color: var(--accent-positive);
-
-	/* App Menu */
-	--appMenu-font-size: var(--font-size);
-	--appMenu-font-weight: var(--font-weight);
-	--appMenu-tag-font-weight: var(--font-weight-1);
-	--appMenu-font-color: var(--font-color);
-	--appMenu-leftNav-background-color: var(--core-primary);
-	--appMenu-close-hover-color: var(--accent-negative);
-	--appMenu-leftNav-highlighter-hover: var(--core-primary-2);
-	--appMenu-leftNav-highlighter: var(--core-primary-3);
-	--appMenu-leftNav-icon-color: var(--core-primary-4);
-	--appMenu-leftNav-contextMenu-background-color: var(--core-primary-3);
-	--appMenu-background-color: var(--core-primary-1);
-	--appMenu-actions-menu-background-color: var(--core-primary-2);
-	--appMenu-app-item-hover-background-color: var(--core-primary-3);
-	--appMenu-app-favorite-color: var(--accent-primary);
-	--appMenu-app-icon-color: var(--accent-primary);
-	--appMenu-sort-inactive-border-color: var(--core-primary-5);
-	--appMenu-sort-active-color: var(--accent-primary-1);
-	--appMenu-search-input-inactive-color: var(--core-primary-3);
-	--appMenu-search-input-active-color: var(--accent-primary-1);
-	--appMenu-search-input-error-color: var(--accent-negative);
-	--appMenu-edit-icon-hover-color: var(--core-primary-4);
-	--appMenu-separator-color: var(--core-primary-3);
-	--appMenu-icon-color: var(--font-color-1);
-
-	/* Notifications */
-	--notification-primary-color: var(--core-primary);
-	--notification-secondary-color: var(--core-primary-5);
-	--notification-contrast-color: var(--accent-primary);
-	--notification-secondary-contrast-color: var(--core-primary-1);
-	--notification-background-color: var(--notification-primary-color);
-	--notification-drawer-background-color: var(--notification-secondary-contrast-color);
-	--notification-font-family: var(--font-family);
-	--notification-font-color: var(--font-color);
-	--notification-alert-dot-color: var(--accent-negative-1);
-	--notification-highlight-border-color: var(--accent-aware-2);
-}

package/react/assets/css/dialogs.css

@@ -1,160 +0,0 @@
-/*!
- * dialogs.css
- * Copyright 2017 - 2020 by ChartIQ, Inc.
- * All rights reserved.
- */
-
-@import url("core/formElements.css");
-
-body.dialog {
-	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 0;
-}
-
-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: 0 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: 0 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);
-	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: 0;
-	border-bottom: 2px solid var(--dialog-input-border-color);
-	box-sizing: border-box;
-	transition: 0.2s ease-in;
-}
-
-.fsbl-button {
-	margin: 0 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/dialogs.lazy.css

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

package/react/assets/css/favorites.css

@@ -1,56 +0,0 @@
-/*!
- * 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;
-}
-
-.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;
-	filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
-	/* stylelint-disable-next-line function-no-unknown */
-	filter: alpha(opacity=20);
-}
-
-#favoritesContainer {
-	overflow: hidden;
-	display: flex;
-	flex-direction: row;
-	align-content: center;
-	align-items: stretch;
-}

package/react/assets/css/finsemble.css

@@ -1,40 +0,0 @@
-/*!
- * 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("./font-finance.css");
-@import url("./fonts/Open_Sans/OpenSans-Definition.css");
-
-@import url("./shared/common.css");
-
-.hidden {
-	/* stylelint-disable-next-line declaration-no-important */
-	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/finsemble.lazy.css

@@ -1,4 +0,0 @@
-/* 	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

@@ -1,56 +0,0 @@
-/**
-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;
-	-webkit-transform: translate(-50%, -50%);
-	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 {
-	outline-style: none !important;
-}
-.floating-focused::-moz-focus-inner {
-	border: 0 !important;
-}