diff --git a/WORKSPACE b/WORKSPACE index 9ea47a1d3..70afdb1f3 100644 --- a/WORKSPACE +++ b/WORKSPACE @@ -175,33 +175,6 @@ container_pull( repository = "trinodb/trino", ) -# Fetch Redis source (binaries are not distributed). -# Urls and hashes come from here: https://github.com/redis/redis-hashes/blob/master/README. -http_file( - name = "redis-source", - sha256 = "12ad49b163af5ef39466e8d2f7d212a58172116e5b441eebecb4e6ca22363d94", - urls = ["http://download.redis.io/releases/redis-6.0.6.tar.gz"], -) - -# Sass requirements. -http_archive( - name = "io_bazel_rules_sass", - sha256 = "77e241148f26d5dbb98f96fe0029d8f221c6cb75edbb83e781e08ac7f5322c5f", - strip_prefix = "rules_sass-1.24.0", - url = "https://github.com/bazelbuild/rules_sass/archive/1.24.0.zip", -) - -# Fetch required transitive dependencies. This is an optional step because you -# can always fetch the required NodeJS transitive dependency on your own. -load("@io_bazel_rules_sass//:package.bzl", "rules_sass_dependencies") - -rules_sass_dependencies() - -# Setup repositories which are needed for the Sass rules. -load("@io_bazel_rules_sass//:defs.bzl", "sass_repositories") - -sass_repositories() - # Gcloud SDK binaries. load("//tools/gcloud:repository_rules.bzl", "gcloud_sdk") @@ -233,27 +206,6 @@ go_repository( version = "v0.3.2", ) -go_repository( - name = "com_github_go_stack_stack", - importpath = "github.com/go-stack/stack", - sum = "h1:5SgMzNM5HxrEjV0ww2lTmX6E2Izsfxas4+YHWRs3Lsk=", - version = "v1.8.0", -) - -go_repository( - name = "com_github_golang_protobuf", - importpath = "github.com/golang/protobuf", - sum = "h1:6nsPYzhq5kReh6QImI3k5qWzO4PEbvbIW2cwSfR/6xs=", - version = "v1.3.2", -) - -go_repository( - name = "org_mongodb_go_mongo_driver", - importpath = "go.mongodb.org/mongo-driver", - sum = "h1:6fhXjXSzzXRQdqtFKOI1CDw6Gw5x6VflovRpfbrlVi0=", - version = "v1.2.0", -) - container_pull( name = "debian_base", # docker manifest inspect index.docker.io/debian:bullseye diff --git a/app/BUILD b/app/BUILD deleted file mode 100644 index dd0f5f7dc..000000000 --- a/app/BUILD +++ /dev/null @@ -1,108 +0,0 @@ -package(default_visibility = ["//visibility:public"]) - -load("//tools:css_typings.bzl", "css_typings") - -filegroup( - name = "assets", - srcs = glob([ - "**/*.html", - "public/**/*.*", - ]), -) - -load("@io_bazel_rules_sass//:defs.bzl", "multi_sass_binary") - -multi_sass_binary( - name = "sass", - srcs = glob(["**/*.scss"]), - output_style = "expanded", - sourcemap = False, -) - -css_typings( - name = "css_typings", - srcs = [ - ":sass", - ], -) - -load("//tools:ts_library.bzl", "ts_library") - -ts_library( - name = "app", - srcs = glob( - [ - "**/*.ts", - "**/*.tsx", - ], - exclude = ["webpack.ts"], - ), - data = [":sass"], - deps = [ - ":css_typings", - "//protos:ts", - "//tools/protobufjs:grpc_web_rpc_impl", - "@npm//@blueprintjs/core", - "@npm//@types/node", - "@npm//@types/react", - "@npm//@types/react-dom", - "@npm//@types/react-router", - "@npm//protobufjs", - "@npm//react", - "@npm//react-dom", - "@npm//react-router", - ], -) - -load("@npm//webpack-dev-server:index.bzl", "webpack_dev_server") - -webpack_dev_server( - name = "devserver", - args = [ - "--config=app/webpack.config.js", - "--output=./app.bundle.js", - "--history-api-fallback", - ], - data = [ - ":app", - ":assets", - ":sass", - ":webpack.config.js", - "@npm//webpack-cli", - ], - tags = [ - "ibazel_notify_changes", - ], -) - -load("@npm//webpack:index.bzl", "webpack") - -webpack( - name = "bundler", - data = [ - ":app", - ":assets", - ":sass", - ":webpack.config.js", - "@npm//webpack-cli", - ], -) - -load("@build_bazel_rules_nodejs//:index.bzl", "npm_package_bin") - -npm_package_bin( - name = "bundle", - outs = [ - "app.bundle.js", - ], - args = [ - "--config=app/webpack.config.js", - "--output=$(location app.bundle.js)", - ], - data = [ - ":webpack.config.js", - "@npm//css-loader", - "@npm//style-loader", - ], - tool = ":bundler", -) diff --git a/app/index.html b/app/index.html deleted file mode 100644 index 56fe82d68..000000000 --- a/app/index.html +++ /dev/null @@ -1,54 +0,0 @@ - - - - - - - - -
- -
-
- - - diff --git a/app/index.tsx b/app/index.tsx deleted file mode 100644 index c7529ce70..000000000 --- a/app/index.tsx +++ /dev/null @@ -1,23 +0,0 @@ -import * as React from "react"; -import { browserHistory, Route, Router } from "react-router"; - -import { Overview } from "df/app/overview"; -import { Service } from "df/app/service"; -import * as ReactDOM from "react-dom"; - -const service = Service.get(); - -async function render() { - const metadata = await service.metadata({}); - ReactDOM.render( - - } - /> - , - document.getElementById("root") - ); -} - -const _ = render(); diff --git a/app/overview.scss b/app/overview.scss deleted file mode 100644 index 8c57d21ed..000000000 --- a/app/overview.scss +++ /dev/null @@ -1,5 +0,0 @@ -.overviewContainer { - display: flex; - flex-direction: column; - height: 100vh; -} diff --git a/app/overview.tsx b/app/overview.tsx deleted file mode 100644 index 260a87656..000000000 --- a/app/overview.tsx +++ /dev/null @@ -1,28 +0,0 @@ -import { Button, Navbar, NavbarGroup, Tag } from "@blueprintjs/core"; -import * as React from "react"; - -import * as styles from "df/app/overview.css"; -import { Service } from "df/app/service"; -import { dataform } from "df/protos/ts"; - -interface IProps { - service: Service; - metadata: dataform.server.MetadataResponse; -} - -export class Overview extends React.Component { - public render() { - return ( -
- - - - - - {this.props.metadata.projectDir} - - -
- ); - } -} diff --git a/app/public/new_logo_with_text.svg b/app/public/new_logo_with_text.svg deleted file mode 100644 index 983c07f84..000000000 --- a/app/public/new_logo_with_text.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/app/service.ts b/app/service.ts deleted file mode 100644 index 194b380a5..000000000 --- a/app/service.ts +++ /dev/null @@ -1,16 +0,0 @@ -import { dataform } from "df/protos/ts"; -import { rpcImpl } from "df/tools/protobufjs/grpc_web_rpc_impl"; - -export class Service extends dataform.server.Service { - public static get(): Service { - if (!Service.instance) { - Service.instance = new Service(); - } - return Service.instance; - } - private static instance: Service; - - constructor() { - super(rpcImpl("http://localhost:9111", "dataform.server.Service"), false, false); - } -} diff --git a/app/webpack.config.js b/app/webpack.config.js deleted file mode 100644 index f6f2f8c05..000000000 --- a/app/webpack.config.js +++ /dev/null @@ -1,105 +0,0 @@ -const path = require("path"); -const webpack = require("webpack"); -const fs = require("fs"); - -module.exports = (env, argv) => { - const config = { - mode: argv.mode || "development", - entry: [path.resolve(process.env.RUNFILES, "df/app/index")], - output: { - path: path.dirname(path.resolve(argv.output)), - filename: path.basename(argv.output) - }, - optimization: { - minimize: argv.mode === "production" - }, - watchOptions: { - ignored: [/node_modules/] - }, - stats: { - warnings: true - }, - node: { - fs: "empty", - child_process: "empty" - }, - devServer: { - port: 9110, - open: false, - publicPath: "/", - contentBase: path.resolve("./app"), - stats: { - colors: true - }, - after: (_, socket) => { - // Listen to STDIN, which is written to by ibazel to tell it to reload. - // Must check the message so we only bundle after a successful build completes. - process.stdin.on("data", data => { - if (!String(data).includes("IBAZEL_BUILD_COMPLETED SUCCESS")) { - return; - } - socket.sockWrite(socket.sockets, "content-changed"); - }); - } - }, - resolve: { - extensions: [".ts", ".tsx", ".js", ".jsx", ".json", ".css"], - alias: { - df: path.resolve(process.env.RUNFILES, "df") - } - }, - - plugins: [ - new webpack.optimize.LimitChunkCountPlugin({ - maxChunks: 1 - }) - ], - module: { - rules: [ - { - test: /\.css$/, - include: /node_modules/, - use: ["style-loader", "css-loader"] - }, - { - test: /\.css$/, - exclude: /node_modules/, - use: [ - { loader: "style-loader" }, - { - loader: "css-loader", - query: { - modules: true - } - } - ] - } - ] - } - }; - // Only add the babel transpilation in production mode. - if (argv.mode === "production") { - config.module.rules.push({ - test: /\.jsx?$/, - exclude: /node_modules/, - use: [ - { - loader: "babel-loader", - options: { - presets: [["env", { targets: { browsers: ["defaults"] } }]], - plugins: [ - [ - "transform-runtime", - { - polyfill: false, - regenerator: true - } - ] - ] - } - } - ] - }); - } - return config; -}; diff --git a/components/BUILD b/components/BUILD deleted file mode 100644 index 8798c51ac..000000000 --- a/components/BUILD +++ /dev/null @@ -1,43 +0,0 @@ -package(default_visibility = ["//visibility:public"]) - -load("//tools:ts_library.bzl", "ts_library") -load("@df//tools:css_typings.bzl", "css_typings") -load("@io_bazel_rules_sass//:defs.bzl", "multi_sass_binary") -load("@io_bazel_rules_sass//:defs.bzl", "sass_library") - -multi_sass_binary( - name = "sass", - srcs = glob(["*.scss"]), - output_style = "expanded", - sourcemap = False, -) - -css_typings( - name = "css_typings", - srcs = [ - ":sass", - ], -) - -ts_library( - name = "components", - srcs = glob(["*.tsx"]), - data = [ - ":sass", - ], - deps = [ - ":css_typings", - "//:modules-fix", - "@npm//@blueprintjs/core", - "@npm//@blueprintjs/icons", - "@npm//@blueprintjs/select", - "@npm//@types/node", - "@npm//@types/react", - "@npm//@types/react-router", - "@npm//@types/validator", - "@npm//re-resizable", - "@npm//react", - "@npm//react-router", - "@npm//validator", - ], -) diff --git a/components/blueprint/BUILD b/components/blueprint/BUILD deleted file mode 100644 index b758607ec..000000000 --- a/components/blueprint/BUILD +++ /dev/null @@ -1,23 +0,0 @@ -load("@io_bazel_rules_sass//:defs.bzl", "multi_sass_binary") -load("//tools:ts_library.bzl", "ts_library") - -package(default_visibility = ["//visibility:public"]) - -multi_sass_binary( - name = "sass", - srcs = glob(["*.scss"]), - output_style = "expanded", - sourcemap = False, -) - -ts_library( - name = "inject_global_styles", - srcs = ["inject_global_styles.ts"], - data = [ - ":sass", - ], - deps = [ - "//:modules-fix", - "@npm//@types/node", - ], -) diff --git a/components/blueprint/buttons.global.scss b/components/blueprint/buttons.global.scss deleted file mode 100644 index 59491e880..000000000 --- a/components/blueprint/buttons.global.scss +++ /dev/null @@ -1,741 +0,0 @@ -/*! - -Copyright 2017-present Palantir Technologies, Inc. All rights reserved. -Licensed under the Apache License, Version 2.0. - -*/ - -.bp3-button { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - border: none; - border-radius: 4px; - cursor: pointer; - padding: 5px 10px; - vertical-align: middle; - text-align: left; - font-size: 12px; - min-width: 30px; - min-height: 30px; - text-transform: uppercase; - font-weight: 600; -} -.bp3-button > * { - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-negative: 0; - flex-shrink: 0; -} - -.bp3-button .bp3-button-text { - padding: 0px 10px; -} - -.bp3-button > .bp3-fill { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; -} -.bp3-button::before, -.bp3-button > * { - margin-right: 7px; -} -.bp3-button:empty::before, -.bp3-button > :last-child { - margin-right: 0; -} -.bp3-button:empty { - padding: 0 !important; -} -.bp3-button:disabled, -.bp3-button.bp3-disabled { - cursor: not-allowed; -} -.bp3-button.bp3-fill { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - width: 100%; -} -.bp3-button.bp3-align-right, -.bp3-align-right .bp3-button { - text-align: right; -} -.bp3-button:not([class*="bp3-intent-"]) { - background-color: var(--none); - color: var(--textPrimary); -} -.bp3-button:not([class*="bp3-intent-"]):hover { - background-clip: padding-box; - background-color: var(--noneHover); -} -.bp3-button:not([class*="bp3-intent-"]):active, -.bp3-button:not([class*="bp3-intent-"]).bp3-active { - background-color: var(--noneActive); - background-image: none; -} -.bp3-button:not([class*="bp3-intent-"]):disabled, -.bp3-button:not([class*="bp3-intent-"]).bp3-disabled { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; - background-color: var(--noneDisabled); - cursor: not-allowed; - color: var(--textSecondary); -} -.bp3-button:not([class*="bp3-intent-"]):disabled.bp3-active, -.bp3-button:not([class*="bp3-intent-"]):disabled.bp3-active:hover, -.bp3-button:not([class*="bp3-intent-"]).bp3-disabled.bp3-active, -.bp3-button:not([class*="bp3-intent-"]).bp3-disabled.bp3-active:hover { - background: var(--noneHover); -} -.bp3-button.bp3-intent-primary { - background-color: var(--primary); - color: var(--white); -} -.bp3-button.bp3-intent-primary:hover, -.bp3-button.bp3-intent-primary:active, -.bp3-button.bp3-intent-primary.bp3-active { - color: var(--white); -} -.bp3-button.bp3-intent-primary:hover { - background-color: var(--primaryHover); -} -.bp3-button.bp3-intent-primary:active, -.bp3-button.bp3-intent-primary.bp3-active { - background-color: var(--primaryActive); -} -.bp3-button.bp3-intent-primary:disabled, -.bp3-button.bp3-intent-primary.bp3-disabled { - border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; - background-color: var(--primaryDisabled); - color: var(--textSecondary); -} -.bp3-button.bp3-intent-success { - background-color: var(--success); - color: var(--white); -} -.bp3-button.bp3-intent-success:hover, -.bp3-button.bp3-intent-success:active, -.bp3-button.bp3-intent-success.bp3-active { - color: var(--white); -} -.bp3-button.bp3-intent-success:hover { - background-color: var(--successHover); -} -.bp3-button.bp3-intent-success:active, -.bp3-button.bp3-intent-success.bp3-active { - background-color: var(--successActive); -} -.bp3-button.bp3-intent-success:disabled, -.bp3-button.bp3-intent-success.bp3-disabled { - border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; - background-color: var(--successDisabled); - color: var(--textSecondary); -} -.bp3-button.bp3-intent-warning { - background-color: var(--warning); - color: var(--white); -} -.bp3-button.bp3-intent-warning:hover, -.bp3-button.bp3-intent-warning:active, -.bp3-button.bp3-intent-warning.bp3-active { - color: var(--white); -} -.bp3-button.bp3-intent-warning:hover { - background-color: var(--warningHover); -} -.bp3-button.bp3-intent-warning:active, -.bp3-button.bp3-intent-warning.bp3-active { - background-color: var(--warningActive); -} -.bp3-button.bp3-intent-warning:disabled, -.bp3-button.bp3-intent-warning.bp3-disabled { - border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; - background-color: var(--warningDisabled); - color: var(--textSecondary); -} -.bp3-button.bp3-intent-danger { - background-color: var(--danger); - color: var(--white); -} -.bp3-button.bp3-intent-danger:hover, -.bp3-button.bp3-intent-danger:active, -.bp3-button.bp3-intent-danger.bp3-active { - color: var(--white); -} -.bp3-button.bp3-intent-danger:hover { - background-color: var(--dangerHover); -} -.bp3-button.bp3-intent-danger:active, -.bp3-button.bp3-intent-danger.bp3-active { - background-color: var(--dangerActive); -} -.bp3-button.bp3-intent-danger:disabled, -.bp3-button.bp3-intent-danger.bp3-disabled { - border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; - background-color: var(--dangerDisabled); - color: var(--textSecondary); -} -.bp3-button[class*="bp3-intent-"] .bp3-button-spinner .bp3-spinner-head { - stroke: var(--shade1); -} -.bp3-button.bp3-large, -.bp3-large .bp3-button { - min-width: 40px; - min-height: 40px; - padding: 5px 15px; - font-size: 14px; -} -.bp3-button.bp3-large::before, -.bp3-button.bp3-large > *, -.bp3-large .bp3-button::before, -.bp3-large .bp3-button > * { - margin-right: 10px; -} -.bp3-button.bp3-large:empty::before, -.bp3-button.bp3-large > :last-child, -.bp3-large .bp3-button:empty::before, -.bp3-large .bp3-button > :last-child { - margin-right: 0; -} -.bp3-button.bp3-small, -.bp3-small .bp3-button { - min-width: 24px; - min-height: 24px; - padding: 0 7px; -} -.bp3-button.bp3-loading { - position: relative; -} -.bp3-button.bp3-loading[class*="bp3-icon-"]::before { - visibility: hidden; -} -.bp3-button.bp3-loading .bp3-button-spinner { - position: absolute; - margin: 0; -} -.bp3-button.bp3-loading > :not(.bp3-button-spinner) { - visibility: hidden; -} - -.bp3-button[class*="bp3-icon-"]::before { - line-height: 1; - font-family: "Icons16", sans-serif; - font-size: 16px; - font-weight: 400; - font-style: normal; - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; - color: var(--textSecondary); -} -.bp3-button .bp3-icon, -.bp3-button .bp3-icon-standard, -.bp3-button .bp3-icon-large { - color: var(--textSecondary); -} -.bp3-button .bp3-icon.bp3-align-right, -.bp3-button .bp3-icon-standard.bp3-align-right, -.bp3-button .bp3-icon-large.bp3-align-right { - margin-left: 7px; -} -.bp3-button .bp3-icon:first-child:last-child, -.bp3-button .bp3-spinner + .bp3-icon:last-child { - margin: 0 -7px; -} - -.bp3-button:disabled::before, -.bp3-button:disabled .bp3-icon, -.bp3-button:disabled .bp3-icon-standard, -.bp3-button:disabled .bp3-icon-large, -.bp3-button.bp3-disabled::before, -.bp3-button.bp3-disabled .bp3-icon, -.bp3-button.bp3-disabled .bp3-icon-standard, -.bp3-button.bp3-disabled .bp3-icon-large, -.bp3-button[class*="bp3-intent-"]::before, -.bp3-button[class*="bp3-intent-"] .bp3-icon, -.bp3-button[class*="bp3-intent-"] .bp3-icon-standard, -.bp3-button[class*="bp3-intent-"] .bp3-icon-large { - color: inherit !important; -} -.bp3-button.bp3-minimal { - -webkit-box-shadow: none; - box-shadow: none; - background: none; -} -.bp3-button.bp3-minimal:hover { - -webkit-box-shadow: none; - box-shadow: none; - background: rgba(167, 182, 194, 0.3); - text-decoration: none; - color: var(--textPrimary); -} -.bp3-button.bp3-minimal:active, -.bp3-button.bp3-minimal.bp3-active { - -webkit-box-shadow: none; - box-shadow: none; - background: rgba(115, 134, 148, 0.3); - color: var(--textPrimary); -} -.bp3-button.bp3-minimal:disabled, -.bp3-button.bp3-minimal:disabled:hover, -.bp3-button.bp3-minimal.bp3-disabled, -.bp3-button.bp3-minimal.bp3-disabled:hover { - background: none; - cursor: not-allowed; - color: var(--textSecondary); -} -.bp3-button.bp3-minimal:disabled.bp3-active, -.bp3-button.bp3-minimal:disabled:hover.bp3-active, -.bp3-button.bp3-minimal.bp3-disabled.bp3-active, -.bp3-button.bp3-minimal.bp3-disabled:hover.bp3-active { - background: rgba(115, 134, 148, 0.3); -} -.bp3-button.bp3-minimal.bp3-intent-primary { - color: var(--primary); -} -.bp3-button.bp3-minimal.bp3-intent-primary:hover, -.bp3-button.bp3-minimal.bp3-intent-primary:active, -.bp3-button.bp3-minimal.bp3-intent-primary.bp3-active { - -webkit-box-shadow: none; - box-shadow: none; - background: none; - color: var(--primary); -} -.bp3-button.bp3-minimal.bp3-intent-primary:hover { - background: rgba(47, 65, 155, 0.15); - color: var(--primary); -} -.bp3-button.bp3-minimal.bp3-intent-primary:active, -.bp3-button.bp3-minimal.bp3-intent-primary.bp3-active { - background: rgba(47, 65, 155, 0.3); - color: var(--primaryHover); -} -.bp3-button.bp3-minimal.bp3-intent-primary:disabled, -.bp3-button.bp3-minimal.bp3-intent-primary.bp3-disabled { - background: none; - color: rgba(10, 34, 153, 0.5); -} -.bp3-button.bp3-minimal.bp3-intent-primary:disabled.bp3-active, -.bp3-button.bp3-minimal.bp3-intent-primary.bp3-disabled.bp3-active { - background: rgba(47, 65, 155, 0.3); -} -.bp3-button.bp3-minimal.bp3-intent-primary .bp3-button-spinner .bp3-spinner-head { - stroke: var(--primary); -} -.bp3-button.bp3-minimal.bp3-intent-success { - color: var(--successHover); -} -.bp3-button.bp3-minimal.bp3-intent-success:hover, -.bp3-button.bp3-minimal.bp3-intent-success:active, -.bp3-button.bp3-minimal.bp3-intent-success.bp3-active { - background: none; - color: var(--successHover); -} -.bp3-button.bp3-minimal.bp3-intent-success:hover { - background: rgba(15, 153, 96, 0.15); - color: var(--successHover); -} -.bp3-button.bp3-minimal.bp3-intent-success:active, -.bp3-button.bp3-minimal.bp3-intent-success.bp3-active { - background: rgba(15, 153, 96, 0.3); - color: var(--successHover); -} -.bp3-button.bp3-minimal.bp3-intent-success:disabled, -.bp3-button.bp3-minimal.bp3-intent-success.bp3-disabled { - background: none; - color: rgba(13, 128, 80, 0.5); -} -.bp3-button.bp3-minimal.bp3-intent-success:disabled.bp3-active, -.bp3-button.bp3-minimal.bp3-intent-success.bp3-disabled.bp3-active { - background: rgba(15, 153, 96, 0.3); -} -.bp3-button.bp3-minimal.bp3-intent-success .bp3-button-spinner .bp3-spinner-head { - stroke: var(--successHover); -} -.bp3-button.bp3-minimal.bp3-intent-warning { - color: var(--warningHover); -} -.bp3-button.bp3-minimal.bp3-intent-warning:hover, -.bp3-button.bp3-minimal.bp3-intent-warning:active, -.bp3-button.bp3-minimal.bp3-intent-warning.bp3-active { - color: var(--warningHover); -} -.bp3-button.bp3-minimal.bp3-intent-warning:hover { - background: rgba(217, 130, 43, 0.15); - color: var(--warningHover); -} -.bp3-button.bp3-minimal.bp3-intent-warning:active, -.bp3-button.bp3-minimal.bp3-intent-warning.bp3-active { - background: rgba(217, 130, 43, 0.3); - color: var(--warningHover); -} -.bp3-button.bp3-minimal.bp3-intent-warning:disabled, -.bp3-button.bp3-minimal.bp3-intent-warning.bp3-disabled { - background: none; - color: rgba(191, 115, 38, 0.5); -} -.bp3-button.bp3-minimal.bp3-intent-warning:disabled.bp3-active, -.bp3-button.bp3-minimal.bp3-intent-warning.bp3-disabled.bp3-active { - background: rgba(217, 130, 43, 0.3); -} -.bp3-button.bp3-minimal.bp3-intent-warning .bp3-button-spinner .bp3-spinner-head { - stroke: var(--warningHover); -} - -.bp3-button.bp3-minimal.bp3-intent-danger { - color: var(--dangerHover); -} -.bp3-button.bp3-minimal.bp3-intent-danger:hover, -.bp3-button.bp3-minimal.bp3-intent-danger:active, -.bp3-button.bp3-minimal.bp3-intent-danger.bp3-active { - -webkit-box-shadow: none; - box-shadow: none; - background: none; - color: var(--dangerHover); -} -.bp3-button.bp3-minimal.bp3-intent-danger:hover { - background: rgba(219, 55, 55, 0.15); - color: var(--dangerHover); -} -.bp3-button.bp3-minimal.bp3-intent-danger:active, -.bp3-button.bp3-minimal.bp3-intent-danger.bp3-active { - background: rgba(219, 55, 55, 0.3); - color: var(--dangerHover); -} -.bp3-button.bp3-minimal.bp3-intent-danger:disabled, -.bp3-button.bp3-minimal.bp3-intent-danger.bp3-disabled { - background: none; - color: rgba(194, 48, 48, 0.5); -} -.bp3-button.bp3-minimal.bp3-intent-danger:disabled.bp3-active, -.bp3-button.bp3-minimal.bp3-intent-danger.bp3-disabled.bp3-active { - background: rgba(219, 55, 55, 0.3); -} -.bp3-button.bp3-minimal.bp3-intent-danger .bp3-button-spinner .bp3-spinner-head { - stroke: var(--dangerHover); -} - -a.bp3-button { - text-align: center; - text-decoration: none; - -webkit-transition: none; - transition: none; -} -a.bp3-button, -a.bp3-button:hover, -a.bp3-button:active { - color: var(--textPrimary); -} -a.bp3-button.bp3-disabled { - color: var(--textSecondary); -} - -.bp3-button-text { - -webkit-box-flex: 0; - -ms-flex: 0 1 auto; - flex: 0 1 auto; -} - -.bp3-button.bp3-align-left .bp3-button-text, -.bp3-button.bp3-align-right .bp3-button-text, -.bp3-button-group.bp3-align-left .bp3-button-text, -.bp3-button-group.bp3-align-right .bp3-button-text { - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; -} - -.bp3-button-group { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; -} -.bp3-button-group .bp3-button { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - position: relative; - z-index: 4; -} -.bp3-button-group .bp3-button:focus { - z-index: 5; -} -.bp3-button-group .bp3-button:hover { - z-index: 6; -} -.bp3-button-group .bp3-button:active, -.bp3-button-group .bp3-button.bp3-active { - z-index: 7; -} -.bp3-button-group .bp3-button:disabled, -.bp3-button-group .bp3-button.bp3-disabled { - z-index: 3; -} -.bp3-button-group .bp3-button[class*="bp3-intent-"] { - z-index: 9; -} -.bp3-button-group .bp3-button[class*="bp3-intent-"]:focus { - z-index: 10; -} -.bp3-button-group .bp3-button[class*="bp3-intent-"]:hover { - z-index: 11; -} -.bp3-button-group .bp3-button[class*="bp3-intent-"]:active, -.bp3-button-group .bp3-button[class*="bp3-intent-"].bp3-active { - z-index: 12; -} -.bp3-button-group .bp3-button[class*="bp3-intent-"]:disabled, -.bp3-button-group .bp3-button[class*="bp3-intent-"].bp3-disabled { - z-index: 8; -} -.bp3-button-group:not(.bp3-minimal) > .bp3-popover-wrapper:not(:first-child) .bp3-button, -.bp3-button-group:not(.bp3-minimal) > .bp3-button:not(:first-child) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.bp3-button-group:not(.bp3-minimal) > .bp3-popover-wrapper:not(:last-child) .bp3-button, -.bp3-button-group:not(.bp3-minimal) > .bp3-button:not(:last-child) { - margin-right: -1px; - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.bp3-button-group.bp3-minimal .bp3-button { - -webkit-box-shadow: none; - box-shadow: none; - background: none; -} -.bp3-button-group.bp3-minimal .bp3-button:hover { - -webkit-box-shadow: none; - box-shadow: none; - background: rgba(167, 182, 194, 0.3); - text-decoration: none; - color: var(--textPrimary); -} -.bp3-button-group.bp3-minimal .bp3-button:active, -.bp3-button-group.bp3-minimal .bp3-button.bp3-active { - -webkit-box-shadow: none; - box-shadow: none; - background: rgba(115, 134, 148, 0.3); - color: var(--textPrimary); -} -.bp3-button-group.bp3-minimal .bp3-button:disabled, -.bp3-button-group.bp3-minimal .bp3-button:disabled:hover, -.bp3-button-group.bp3-minimal .bp3-button.bp3-disabled, -.bp3-button-group.bp3-minimal .bp3-button.bp3-disabled:hover { - background: none; - cursor: not-allowed; - color: var(--textSecondary); -} -.bp3-button-group.bp3-minimal .bp3-button:disabled.bp3-active, -.bp3-button-group.bp3-minimal .bp3-button:disabled:hover.bp3-active, -.bp3-button-group.bp3-minimal .bp3-button.bp3-disabled.bp3-active, -.bp3-button-group.bp3-minimal .bp3-button.bp3-disabled:hover.bp3-active { - background: rgba(115, 134, 148, 0.3); -} -.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-primary { - color: var(--primaryHover); -} -.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-primary:hover, -.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-primary:active, -.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-primary.bp3-active { - -webkit-box-shadow: none; - box-shadow: none; - background: none; - color: var(--primaryHover); -} -.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-primary:hover { - background: rgba(47, 65, 155, 0.15); - color: var(--primaryHover); -} -.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-primary:active, -.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-primary.bp3-active { - background: rgba(47, 65, 155, 0.3); - color: var(--primaryHover); -} -.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-primary:disabled, -.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-primary.bp3-disabled { - background: none; - color: rgba(10, 34, 153, 0.5); -} -.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-primary:disabled.bp3-active, -.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-primary.bp3-disabled.bp3-active { - background: rgba(47, 65, 155, 0.3); -} -.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-primary .bp3-button-spinner .bp3-spinner-head { - stroke: var(--primaryHover); -} -.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-success { - color: var(--successHover); -} -.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-success:hover, -.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-success:active, -.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-success.bp3-active { - -webkit-box-shadow: none; - box-shadow: none; - background: none; - color: var(--successHover); -} -.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-success:hover { - background: rgba(15, 153, 96, 0.15); - color: var(--successHover); -} -.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-success:active, -.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-success.bp3-active { - background: rgba(15, 153, 96, 0.3); - color: var(--successHover); -} -.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-success:disabled, -.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-success.bp3-disabled { - background: none; - color: rgba(13, 128, 80, 0.5); -} -.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-success:disabled.bp3-active, -.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-success.bp3-disabled.bp3-active { - background: rgba(15, 153, 96, 0.3); -} -.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-success .bp3-button-spinner .bp3-spinner-head { - stroke: var(--successHover); -} -.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-warning { - color: var(--warningHover); -} -.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-warning:hover, -.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-warning:active, -.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-warning.bp3-active { - -webkit-box-shadow: none; - box-shadow: none; - background: none; - color: var(--warningHover); -} -.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-warning:hover { - background: rgba(217, 130, 43, 0.15); - color: var(--warningHover); -} -.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-warning:active, -.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-warning.bp3-active { - background: rgba(217, 130, 43, 0.3); - color: var(--warningHover); -} -.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-warning:disabled, -.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-warning.bp3-disabled { - background: none; - color: rgba(191, 115, 38, 0.5); -} -.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-warning:disabled.bp3-active, -.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-warning.bp3-disabled.bp3-active { - background: rgba(217, 130, 43, 0.3); -} -.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-warning .bp3-button-spinner .bp3-spinner-head { - stroke: var(--warningHover); -} -.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-danger { - color: var(--dangerHover); -} -.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-danger:hover, -.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-danger:active, -.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-danger.bp3-active { - -webkit-box-shadow: none; - box-shadow: none; - background: none; - color: var(--dangerHover); -} -.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-danger:hover { - background: rgba(219, 55, 55, 0.15); - color: var(--dangerHover); -} -.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-danger:active, -.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-danger.bp3-active { - background: rgba(219, 55, 55, 0.3); - color: var(--dangerHover); -} -.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-danger:disabled, -.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-danger.bp3-disabled { - background: none; - color: rgba(194, 48, 48, 0.5); -} -.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-danger:disabled.bp3-active, -.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-danger.bp3-disabled.bp3-active { - background: rgba(219, 55, 55, 0.3); -} -.bp3-button-group.bp3-minimal .bp3-button.bp3-intent-danger .bp3-button-spinner .bp3-spinner-head { - stroke: var(--dangerHover); -} -.bp3-button-group .bp3-popover-wrapper, -.bp3-button-group .bp3-popover-target { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; -} -.bp3-button-group.bp3-fill { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - width: 100%; -} -.bp3-button-group .bp3-button.bp3-fill, -.bp3-button-group.bp3-fill .bp3-button:not(.bp3-fixed) { - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; -} -.bp3-button-group.bp3-vertical { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - vertical-align: top; -} -.bp3-button-group.bp3-vertical.bp3-fill { - width: unset; - height: 100%; -} -.bp3-button-group.bp3-vertical .bp3-button { - margin-right: 0 !important; - width: 100%; -} -.bp3-button-group.bp3-vertical:not(.bp3-minimal) > .bp3-popover-wrapper:first-child .bp3-button, -.bp3-button-group.bp3-vertical:not(.bp3-minimal) > .bp3-button:first-child { - border-radius: 3px 3px 0 0; -} -.bp3-button-group.bp3-vertical:not(.bp3-minimal) > .bp3-popover-wrapper:last-child .bp3-button, -.bp3-button-group.bp3-vertical:not(.bp3-minimal) > .bp3-button:last-child { - border-radius: 0 0 3px 3px; -} -.bp3-button-group.bp3-vertical:not(.bp3-minimal) - > .bp3-popover-wrapper:not(:last-child) - .bp3-button, -.bp3-button-group.bp3-vertical:not(.bp3-minimal) > .bp3-button:not(:last-child) { - margin-bottom: -1px; -} -.bp3-button-group.bp3-align-left .bp3-button { - text-align: left; -} diff --git a/components/blueprint/callout.global.scss b/components/blueprint/callout.global.scss deleted file mode 100644 index 820a2f7fe..000000000 --- a/components/blueprint/callout.global.scss +++ /dev/null @@ -1,84 +0,0 @@ -/*! - -Copyright 2017-present Palantir Technologies, Inc. All rights reserved. -Licensed under the Apache License, Version 2.0. - -*/ - -.bp3-callout { - line-height: 1.5; - font-size: 14px; - position: relative; - border-radius: 3px; - background-color: rgba(138, 155, 168, 0.25); - width: unset; - padding: 10px 12px 9px; -} -.bp3-callout[class*="bp3-icon-"] { - padding-left: 40px; -} -.bp3-callout[class*="bp3-icon-"]::before { - line-height: 1; - font-family: "Icons20", sans-serif; - font-size: 20px; - font-weight: 400; - font-style: normal; - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; - position: absolute; - top: 10px; - left: 10px; - color: var(--textSecondary); -} -.bp3-callout.bp3-callout-icon { - padding-left: 40px; -} -.bp3-callout.bp3-callout-icon > .bp3-icon:first-child { - position: absolute; - top: 10px; - left: 10px; - color: var(--textSecondary); -} -.bp3-callout .bp3-heading { - margin-top: 0; - margin-bottom: 5px; - line-height: 20px; -} -.bp3-callout .bp3-heading:last-child { - margin-bottom: 0; -} -.bp3-callout.bp3-intent-primary { - background-color: rgba(47, 65, 155, 0.25); -} -.bp3-callout.bp3-intent-primary[class*="bp3-icon-"]::before, -.bp3-callout.bp3-intent-primary > .bp3-icon:first-child, -.bp3-callout.bp3-intent-primary .bp3-heading { - color: var(--primary); -} -.bp3-callout.bp3-intent-success { - background-color: rgba(15, 153, 96, 0.25); -} -.bp3-callout.bp3-intent-success[class*="bp3-icon-"]::before, -.bp3-callout.bp3-intent-success > .bp3-icon:first-child, -.bp3-callout.bp3-intent-success .bp3-heading { - color: var(--success); -} -.bp3-callout.bp3-intent-warning { - background-color: rgba(217, 130, 43, 0.25); -} -.bp3-callout.bp3-intent-warning[class*="bp3-icon-"]::before, -.bp3-callout.bp3-intent-warning > .bp3-icon:first-child, -.bp3-callout.bp3-intent-warning .bp3-heading { - color: var(--warning); -} -.bp3-callout.bp3-intent-danger { - background-color: rgba(219, 55, 55, 0.25); -} -.bp3-callout.bp3-intent-danger[class*="bp3-icon-"]::before, -.bp3-callout.bp3-intent-danger > .bp3-icon:first-child, -.bp3-callout.bp3-intent-danger .bp3-heading { - color: var(--danger); -} -.bp3-running-text .bp3-callout { - margin: 20px 0; -} diff --git a/components/blueprint/card.global.scss b/components/blueprint/card.global.scss deleted file mode 100644 index c68c36349..000000000 --- a/components/blueprint/card.global.scss +++ /dev/null @@ -1,37 +0,0 @@ -/*! - -Copyright 2017-present Palantir Technologies, Inc. All rights reserved. -Licensed under the Apache License, Version 2.0. - -*/ - -.bp3-card { - border-radius: 3px; - box-shadow: var(--cardShadow); - background-color: var(--shade1); - padding: 20px; - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.4, 1, 0.75, 0.9), - -webkit-box-shadow 200ms cubic-bezier(0.4, 1, 0.75, 0.9); - transition: -webkit-transform 200ms cubic-bezier(0.4, 1, 0.75, 0.9), - -webkit-box-shadow 200ms cubic-bezier(0.4, 1, 0.75, 0.9); - transition: transform 200ms cubic-bezier(0.4, 1, 0.75, 0.9), - box-shadow 200ms cubic-bezier(0.4, 1, 0.75, 0.9); - transition: transform 200ms cubic-bezier(0.4, 1, 0.75, 0.9), - box-shadow 200ms cubic-bezier(0.4, 1, 0.75, 0.9), - -webkit-transform 200ms cubic-bezier(0.4, 1, 0.75, 0.9), - -webkit-box-shadow 200ms cubic-bezier(0.4, 1, 0.75, 0.9); -} - -.bp3-card.bp3-interactive:hover { - -webkit-box-shadow: 0 0 0 1px var(--tint), 0 2px 4px var(--tint), 0 8px 24px var(--tint); - box-shadow: 0 0 0 1px var(--tint), 0 2px 4px var(--tint), 0 8px 24px var(--tint); - cursor: pointer; -} - -.bp3-card.bp3-interactive:active { - opacity: 0.9; - -webkit-box-shadow: 0 0 0 1px var(--tint), 0 0 0 var(--tint), 0 1px 1px var(--tint); - box-shadow: 0 0 0 1px var(--tint), 0 0 0 var(--tint), 0 1px 1px var(--tint); - -webkit-transition-duration: 0; - transition-duration: 0; -} diff --git a/components/blueprint/colors.global.scss b/components/blueprint/colors.global.scss deleted file mode 100644 index 841171bc4..000000000 --- a/components/blueprint/colors.global.scss +++ /dev/null @@ -1,139 +0,0 @@ -// Blueprint3 names retained, comments after are style sheet names. -// Figma sheet: https://www.figma.com/file/xWfg99T1WrJJlNxEREOstC/Colors -$theme-shared: ( - // Primary - "mainBlue": #2f419b, - // Success - "success": #0f9960, - // Secondary B - "warning": #d9822b, - // Error - "danger": #db3737, - //Secondary C - "highlight": #ff5881, - "gitGreen": #2cbe4e, - "gitOrange": #dbab09, - "gitRed": #cb2431, - "gitBlue": #3572b0, - "white": #fbfbfb, - "grey": #8c8c8c, - "black": #050505, - "whiteTint": #fbfbfba0, - "successHover": #0d8050, - "warningHover": #bf7326, - "dangerHover": #c23030, - "successActive": #0a6640, - "warningActive": #a66321, - "dangerActive": #a82a2a, - "successDisabled": #0f996080, - "warningDisabled": #d9822b80, - "dangerDisabled": #db3737a0 -); - -$theme-light: ( - "linkColor": #2f419b, - "primary": #2f419b, - "primaryHover": #0a2299, - "primaryActive": #001787, - "primaryDisabled": #2f419b80, - "primarySubtle": #2f419ba0, - "textPrimary": #343434, - "textSecondary": #6c6c6c, - "textInvert": #fbfbfb, - "shade0": #f4f7fa, - "shade1": #ffffff, - "shade2": #e8e8e8, - "shade3": #dddddd, - "shade4": #d1d1d1, - "shade5": #8c8c8c, - "shade6": #191919, - "popUp": #ffffff, - "popUpText": #343434, - "none": #2f419b20, - "noneHover": #2f419b30, - "noneActive": #2f419b40, - "noneDisabled": #f4f7fa, - "noneSubtle": #20202080, - "thickTint": #10161ab3, - "tint": #10161a30, - "gitGreenHighlight": #d5f2dc, - "gitOrangeHighlight": #f8eece, - "gitRedHighlight": #f5d3d6, - "gitBlueHighlight": #d7e3ef -); - -$theme-dark: ( - "linkColor": #5c6cbd, - "primary": #4c5c9d, - "primaryHover": #3b4a86, - "primaryActive": #2d3b72, - "primaryDisabled": #202c5a, - "primarySubtle": #4c5c9da0, - "textPrimary": #eeeeee, - "textSecondary": #bcc1d6, - "textInvert": #343434, - "shade0": #141518, - "shade1": #22232b, - "shade2": #262735, - "shade3": #2f314d, - "shade4": #b6b6b6, - "shade5": #f3f3f3, - "shade6": #f9f9f9, - "popUp": #2f314d, - "popUpText": #fbfbfb, - "none": #4c5c9d40, - "noneHover": #4c5c9d55, - "noneActive": #4c5c9d70, - "noneDisabled": #141518, - "noneSubtle": #80808080, - "thickTint": #2a4c8d60, - "tint": #10161a30, - "gitGreenHighlight": #092610, - "gitOrangeHighlight": #2c2202, - "gitRedHighlight": #29070a, - "gitBlueHighlight": #0b1723 -); - -.light { - // Define a css variable for each color in the theme. - @each $name, $color in $theme-light { - --#{$name}: #{$color}; - } - - @each $name, $color in $theme-shared { - --#{$name}: #{$color}; - } - - --cardShadow: 0px 2px 4px #00000024; - --cardHoverShadow: 0px 20px 30px #0000001a; - --topBarShadow: 0px 3px 4px -2px #00000030; - --dialogShadow: 0px 34px 60px #00000012; - --popUpShadow: 0px 0px 4px #00000060; - - --border: 2px solid var(--shade0); - - --invert: none; - --uninvert: invert(1); -} - -.dark { - @each $name, $color in $theme-dark { - --#{$name}: #{$color}; - } - - @each $name, $color in $theme-shared { - --#{$name}: #{$color}; - } - - // Shadow's have to be much darker in dark mode to be visible. - --cardShadow: none; - --cardHoverShadow: none; - --topBarShadow: 0px 3px 4px -2px #000000b0; - --dialogShadow: none; - --popUpShadow: none; - - --border: 2px solid var(--shade2); - - --invert: invert(1); - --uninvert: none; -} diff --git a/components/blueprint/core.global.scss b/components/blueprint/core.global.scss deleted file mode 100644 index e6e2b8c99..000000000 --- a/components/blueprint/core.global.scss +++ /dev/null @@ -1,3909 +0,0 @@ -@charset "UTF-8"; -/*! - -Copyright 2015-present Palantir Technologies, Inc. All rights reserved. -Licensed under the Apache License, Version 2.0. - -*/ - -html { - -webkit-box-sizing: border-box; - box-sizing: border-box; -} - -*, -*::before, -*::after { - -webkit-box-sizing: inherit; - box-sizing: inherit; -} - -p { - margin-top: 0; - margin-bottom: 10px; -} - -small { - font-size: 12px; -} - -strong { - font-weight: 600; -} - -::-moz-selection { - background: rgba(125, 188, 255, 0.6); -} - -::selection { - background: rgba(125, 188, 255, 0.6); -} - -.bp3-heading { - color: var(--textPrimary); - font-weight: 600; - margin: 0 0 10px; - padding: 0; -} - -h1.bp3-heading, -.bp3-running-text h1 { - line-height: 40px; - font-size: 36px; -} - -h2.bp3-heading, -.bp3-running-text h2 { - line-height: 32px; - font-size: 28px; -} - -h3.bp3-heading, -.bp3-running-text h3 { - line-height: 28px; - font-size: 22px; -} - -h4.bp3-heading, -.bp3-running-text h4 { - line-height: 21px; - font-size: 18px; -} - -h5.bp3-heading, -.bp3-running-text h5 { - line-height: 19px; - font-size: 16px; -} - -h6.bp3-heading, -.bp3-running-text h6 { - line-height: 16px; - font-size: 14px; -} -.bp3-ui-text { - text-transform: none; - line-height: 1.28581; - letter-spacing: 0; - font-size: 14px; - font-weight: 400; -} - -.bp3-monospace-text { - text-transform: none; - font-family: monospace; -} - -.bp3-text-muted { - color: var(--textSecondary); -} - -.bp3-text-muted { - color: var(--textSecondary); -} - -.bp3-text-disabled { - color: var(--textSecondary); -} - -.bp3-text-overflow-ellipsis { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - word-wrap: normal; -} -.bp3-running-text { - line-height: 1.5; - font-size: 14px; -} -.bp3-running-text h1 { - color: var(--textPrimary); - font-weight: 600; - margin-top: 40px; - margin-bottom: 20px; -} -.bp3-running-text h2 { - color: var(--textPrimary); - font-weight: 600; - margin-top: 40px; - margin-bottom: 20px; -} -.bp3-running-text h3 { - color: var(--textPrimary); - font-weight: 600; - margin-top: 40px; - margin-bottom: 20px; -} -.bp3-running-text h4 { - color: var(--textPrimary); - font-weight: 600; - margin-top: 40px; - margin-bottom: 20px; -} -.bp3-running-text h5 { - color: var(--textPrimary); - font-weight: 600; - margin-top: 40px; - margin-bottom: 20px; -} -.bp3-running-text h6 { - color: var(--textPrimary); - font-weight: 600; - margin-top: 40px; - margin-bottom: 20px; -} - -.bp3-running-text hr { - margin: 20px 0; - border: none; - border-bottom: 1px solid var(--tint); -} - -.bp3-running-text p { - margin: 0 0 10px; - padding: 0; -} - -.bp3-text-large { - font-size: 16px; -} - -.bp3-text-small { - font-size: 12px; -} -a { - text-decoration: none; - color: var(--linkColor); -} -a:hover { - cursor: pointer; - text-decoration: underline; - color: var(--primary); -} -a .bp3-icon, -a .bp3-icon-standard, -a .bp3-icon-large { - color: inherit; -} -a code, -.bp3-running-text code, -.bp3-running-text a > code, -a > .bp3-code { - color: var(--primary); -} - -.bp3-running-text pre, -.bp3-code-block { - text-transform: none; - font-family: monospace; - display: block; - margin: 10px 0; - border-radius: 3px; - -webkit-box-shadow: inset 0 0 0 1px var(--tint); - box-shadow: inset 0 0 0 1px var(--tint); - background: var(--tint); - padding: 13px 15px 12px; - line-height: 1.4; - color: var(--textPrimary); - font-size: 13px; - word-break: break-all; - word-wrap: break-word; -} -.bp3-running-text pre > code, -.bp3-code-block > code { - -webkit-box-shadow: none; - box-shadow: none; - background: none; - padding: 0; - color: inherit; - font-size: inherit; -} - -.bp3-running-text kbd, -.bp3-key { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 3px; - -webkit-box-shadow: 0 0 0 1px var(--tint), 0 0 0 var(--tint), 0 1px 1px var(--tint); - box-shadow: 0 0 0 1px var(--tint), 0 0 0 var(--tint), 0 1px 1px var(--tint); - background: var(--shade1); - min-width: 24px; - height: 24px; - padding: 3px 6px; - vertical-align: middle; - line-height: 24px; - color: var(--textSecondary); - font-family: inherit; - font-size: 12px; -} -.bp3-running-text kbd .bp3-icon, -.bp3-key .bp3-icon, -.bp3-running-text kbd .bp3-icon-standard, -.bp3-key .bp3-icon-standard, -.bp3-running-text kbd .bp3-icon-large, -.bp3-key .bp3-icon-large { - margin-right: 5px; -} -.bp3-running-text ul, -.bp3-running-text ol, -.bp3-list { - margin: 10px 0; - padding-left: 30px; -} -.bp3-running-text ul li:not(:last-child), -.bp3-running-text ol li:not(:last-child), -.bp3-list li:not(:last-child) { - margin-bottom: 5px; -} -.bp3-running-text ul ol, -.bp3-running-text ol ol, -.bp3-list ol, -.bp3-running-text ul ul, -.bp3-running-text ol ul, -.bp3-list ul { - margin-top: 5px; -} - -.bp3-list-unstyled { - margin: 0; - padding: 0; - list-style: none; -} -.bp3-list-unstyled li { - padding: 0; -} -.bp3-rtl { - text-align: right; -} - -:focus { - outline: rgba(47, 65, 155, 0.6) auto 2px; - outline-offset: 2px; - -moz-outline-radius: 6px; -} - -.bp3-focus-disabled :focus { - outline: none !important; -} -.bp3-focus-disabled :focus ~ .bp3-control-indicator { - outline: none !important; -} - -.bp3-alert { - max-width: 400px; - padding: 20px; -} - -.bp3-alert-body { - display: -webkit-box; - display: -ms-flexbox; - display: flex; -} -.bp3-alert-body .bp3-icon { - margin-top: 0; - margin-right: 20px; - font-size: 40px; -} - -.bp3-alert-footer { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: reverse; - -ms-flex-direction: row-reverse; - flex-direction: row-reverse; - margin-top: 10px; -} -.bp3-alert-footer .bp3-button { - margin-left: 10px; -} -.bp3-breadcrumbs { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - margin: 0; - cursor: default; - height: 30px; - padding: 0; - list-style: none; -} -.bp3-breadcrumbs > li { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} -.bp3-breadcrumbs > li::after { - display: block; - margin: 0 5px; - background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.71 7.29l-4-4a1.003 1.003 0 0 0-1.42 1.42L8.59 8 5.3 11.29c-.19.18-.3.43-.3.71a1.003 1.003 0 0 0 1.71.71l4-4c.18-.18.29-.43.29-.71 0-.28-.11-.53-.29-.71z' fill='%235C7080'/%3e%3c/svg%3e"); - width: 16px; - height: 16px; - content: ""; -} -.bp3-breadcrumbs > li:last-of-type::after { - display: none; -} - -.bp3-breadcrumb, -.bp3-breadcrumb-current, -.bp3-breadcrumbs-collapsed { - display: inline-block; - font-size: 16px; -} - -.bp3-breadcrumb, -.bp3-breadcrumbs-collapsed { - color: var(--textSecondary); -} - -.bp3-breadcrumb:hover { - text-decoration: none; -} - -.bp3-breadcrumb.bp3-disabled { - cursor: not-allowed; - color: var(--textSecondary); -} - -.bp3-breadcrumb-current { - color: inherit; - font-weight: 600; -} -.bp3-breadcrumb-current .bp3-input { - vertical-align: baseline; - font-size: inherit; - font-weight: inherit; -} - -.bp3-breadcrumbs-collapsed { - margin-right: 2px; - border: none; - border-radius: 3px; - background: #ced9e0; - cursor: pointer; - padding: 1px 5px; - vertical-align: text-bottom; -} -.bp3-breadcrumbs-collapsed::before { - display: block; - background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cg fill='%235C7080'%3e%3ccircle cx='2' cy='8.03' r='2'/%3e%3ccircle cx='14' cy='8.03' r='2'/%3e%3ccircle cx='8' cy='8.03' r='2'/%3e%3c/g%3e%3c/svg%3e") - center no-repeat; - width: 16px; - height: 16px; - content: ""; -} -.bp3-breadcrumbs-collapsed:hover { - background: var(--textSecondary); - text-decoration: none; - color: var(--textPrimary); -} - -.bp3-collapse { - height: 0; - overflow-y: hidden; - -webkit-transition: height 200ms cubic-bezier(0.4, 1, 0.75, 0.9); - transition: height 200ms cubic-bezier(0.4, 1, 0.75, 0.9); -} -.bp3-collapse .bp3-collapse-body { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.4, 1, 0.75, 0.9); - transition: -webkit-transform 200ms cubic-bezier(0.4, 1, 0.75, 0.9); - transition: transform 200ms cubic-bezier(0.4, 1, 0.75, 0.9); - transition: transform 200ms cubic-bezier(0.4, 1, 0.75, 0.9), - -webkit-transform 200ms cubic-bezier(0.4, 1, 0.75, 0.9); -} -.bp3-collapse .bp3-collapse-body[aria-hidden="true"] { - display: none; -} - -.bp3-context-menu .bp3-popover-target { - display: block; -} - -.bp3-context-menu-popover-target { - position: fixed; -} - -.bp3-divider { - margin: 5px; -} - -.bp3-editable-text { - display: inline-block; - position: relative; - cursor: text; - max-width: 100%; - vertical-align: top; - white-space: nowrap; -} -.bp3-editable-text::before { - position: absolute; - top: -3px; - right: -3px; - bottom: -3px; - left: -3px; - border-radius: 3px; - content: ""; - -webkit-transition: background-color 100ms cubic-bezier(0.4, 1, 0.75, 0.9), - -webkit-box-shadow 100ms cubic-bezier(0.4, 1, 0.75, 0.9); - transition: background-color 100ms cubic-bezier(0.4, 1, 0.75, 0.9), - -webkit-box-shadow 100ms cubic-bezier(0.4, 1, 0.75, 0.9); - transition: background-color 100ms cubic-bezier(0.4, 1, 0.75, 0.9), - box-shadow 100ms cubic-bezier(0.4, 1, 0.75, 0.9); - transition: background-color 100ms cubic-bezier(0.4, 1, 0.75, 0.9), - box-shadow 100ms cubic-bezier(0.4, 1, 0.75, 0.9), - -webkit-box-shadow 100ms cubic-bezier(0.4, 1, 0.75, 0.9); -} -.bp3-editable-text:hover::before { - -webkit-box-shadow: 0 0 0 0 rgba(47, 65, 155, 0), 0 0 0 0 rgba(47, 65, 155, 0), - inset 0 0 0 1px var(--tint); - box-shadow: 0 0 0 0 rgba(47, 65, 155, 0), 0 0 0 0 rgba(47, 65, 155, 0), - inset 0 0 0 1px var(--tint); -} -.bp3-editable-text.bp3-editable-text-editing::before { - -webkit-box-shadow: 0 0 0 1px var(--primary), 0 0 0 3px rgba(47, 65, 155, 0.3), - inset 0 1px 1px var(--tint); - box-shadow: 0 0 0 1px var(--primary), 0 0 0 3px rgba(47, 65, 155, 0.3), - inset 0 1px 1px var(--tint); - background-color: var(--shade1); -} -.bp3-editable-text.bp3-disabled::before { - -webkit-box-shadow: none; - box-shadow: none; -} -.bp3-editable-text.bp3-intent-primary .bp3-editable-text-input, -.bp3-editable-text.bp3-intent-primary .bp3-editable-text-content { - color: var(--primary); -} -.bp3-editable-text.bp3-intent-primary:hover::before { - -webkit-box-shadow: 0 0 0 0 rgba(47, 65, 155, 0), 0 0 0 0 rgba(47, 65, 155, 0), - inset 0 0 0 1px rgba(47, 65, 155, 0.4); - box-shadow: 0 0 0 0 rgba(47, 65, 155, 0), 0 0 0 0 rgba(47, 65, 155, 0), - inset 0 0 0 1px rgba(47, 65, 155, 0.4); -} -.bp3-editable-text.bp3-intent-primary.bp3-editable-text-editing::before { - -webkit-box-shadow: 0 0 0 1px var(--primary), 0 0 0 3px rgba(47, 65, 155, 0.3), - inset 0 1px 1px var(--tint); - box-shadow: 0 0 0 1px var(--primary), 0 0 0 3px rgba(47, 65, 155, 0.3), - inset 0 1px 1px var(--tint); -} -.bp3-editable-text.bp3-intent-success .bp3-editable-text-input, -.bp3-editable-text.bp3-intent-success .bp3-editable-text-content { - color: var(--success); -} -.bp3-editable-text.bp3-intent-success:hover::before { - -webkit-box-shadow: 0 0 0 0 rgba(15, 153, 96, 0), 0 0 0 0 rgba(15, 153, 96, 0), - inset 0 0 0 1px rgba(15, 153, 96, 0.4); - box-shadow: 0 0 0 0 rgba(15, 153, 96, 0), 0 0 0 0 rgba(15, 153, 96, 0), - inset 0 0 0 1px rgba(15, 153, 96, 0.4); -} -.bp3-editable-text.bp3-intent-success.bp3-editable-text-editing::before { - -webkit-box-shadow: 0 0 0 1px var(--success), 0 0 0 3px rgba(15, 153, 96, 0.3), - inset 0 1px 1px var(--tint); - box-shadow: 0 0 0 1px var(--success), 0 0 0 3px rgba(15, 153, 96, 0.3), - inset 0 1px 1px var(--tint); -} -.bp3-editable-text.bp3-intent-warning .bp3-editable-text-input, -.bp3-editable-text.bp3-intent-warning .bp3-editable-text-content { - color: var(--warning); -} -.bp3-editable-text.bp3-intent-warning:hover::before { - -webkit-box-shadow: 0 0 0 0 rgba(217, 130, 43, 0), 0 0 0 0 rgba(217, 130, 43, 0), - inset 0 0 0 1px rgba(217, 130, 43, 0.4); - box-shadow: 0 0 0 0 rgba(217, 130, 43, 0), 0 0 0 0 rgba(217, 130, 43, 0), - inset 0 0 0 1px rgba(217, 130, 43, 0.4); -} -.bp3-editable-text.bp3-intent-warning.bp3-editable-text-editing::before { - -webkit-box-shadow: 0 0 0 1px var(--warning), 0 0 0 3px rgba(217, 130, 43, 0.3), - inset 0 1px 1px var(--tint); - box-shadow: 0 0 0 1px var(--warning), 0 0 0 3px rgba(217, 130, 43, 0.3), - inset 0 1px 1px var(--tint); -} -.bp3-editable-text.bp3-intent-danger .bp3-editable-text-input, -.bp3-editable-text.bp3-intent-danger .bp3-editable-text-content { - color: var(--danger); -} -.bp3-editable-text.bp3-intent-danger:hover::before { - -webkit-box-shadow: 0 0 0 0 rgba(219, 55, 55, 0), 0 0 0 0 rgba(219, 55, 55, 0), - inset 0 0 0 1px rgba(219, 55, 55, 0.4); - box-shadow: 0 0 0 0 rgba(219, 55, 55, 0), 0 0 0 0 rgba(219, 55, 55, 0), - inset 0 0 0 1px rgba(219, 55, 55, 0.4); -} -.bp3-editable-text.bp3-intent-danger.bp3-editable-text-editing::before { - -webkit-box-shadow: 0 0 0 1px var(--danger), 0 0 0 3px rgba(219, 55, 55, 0.3), - inset 0 1px 1px var(--tint); - box-shadow: 0 0 0 1px var(--danger), 0 0 0 3px rgba(219, 55, 55, 0.3), inset 0 1px 1px var(--tint); -} -.bp3-editable-text-input, -.bp3-editable-text-content { - display: inherit; - position: relative; - min-width: inherit; - max-width: inherit; - vertical-align: top; - text-transform: inherit; - letter-spacing: inherit; - color: inherit; - font: inherit; - resize: none; -} - -.bp3-editable-text-input { - border: none; - -webkit-box-shadow: none; - box-shadow: none; - background: none; - width: 100%; - padding: 0; - white-space: pre-wrap; -} -.bp3-editable-text-input::-webkit-input-placeholder { - opacity: 1; - color: var(--textSecondary); -} -.bp3-editable-text-input::-ms-input-placeholder { - opacity: 1; - color: var(--textSecondary); -} -.bp3-editable-text-input::placeholder { - opacity: 1; - color: var(--textSecondary); -} -.bp3-editable-text-input:focus { - outline: none; -} -.bp3-editable-text-input::-ms-clear { - display: none; -} - -.bp3-editable-text-content { - overflow: hidden; - padding-right: 2px; - text-overflow: ellipsis; - white-space: pre; -} -.bp3-editable-text-editing > .bp3-editable-text-content { - position: absolute; - left: 0; - visibility: hidden; -} -.bp3-editable-text-placeholder > .bp3-editable-text-content { - color: var(--textSecondary); -} - -.bp3-editable-text.bp3-multiline { - display: block; -} -.bp3-editable-text.bp3-multiline .bp3-editable-text-content { - overflow: auto; - white-space: pre-wrap; - word-wrap: break-word; -} -.bp3-control-group { - -webkit-transform: translateZ(0); - transform: translateZ(0); - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; -} -.bp3-control-group > * { - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-negative: 0; - flex-shrink: 0; -} -.bp3-control-group > .bp3-fill { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; -} -.bp3-control-group .bp3-button, -.bp3-control-group .bp3-html-select, -.bp3-control-group .bp3-input, -.bp3-control-group .bp3-select { - position: relative; -} -.bp3-control-group .bp3-input { - z-index: 2; - border-radius: inherit; -} -.bp3-control-group .bp3-input:focus { - z-index: 14; - border-radius: 3px; -} -.bp3-control-group .bp3-input[class*="bp3-intent"] { - z-index: 13; -} -.bp3-control-group .bp3-input[class*="bp3-intent"]:focus { - z-index: 15; -} -.bp3-control-group .bp3-input[readonly], -.bp3-control-group .bp3-input:disabled, -.bp3-control-group .bp3-input.bp3-disabled { - z-index: 1; -} -.bp3-control-group .bp3-input-group[class*="bp3-intent"] .bp3-input { - z-index: 13; -} -.bp3-control-group .bp3-input-group[class*="bp3-intent"] .bp3-input:focus { - z-index: 15; -} -.bp3-control-group .bp3-button, -.bp3-control-group .bp3-html-select select, -.bp3-control-group .bp3-select select { - z-index: 4; - border-radius: inherit; -} -.bp3-control-group .bp3-button:focus, -.bp3-control-group .bp3-html-select select:focus, -.bp3-control-group .bp3-select select:focus { - position: relative; - z-index: 5; -} -.bp3-control-group .bp3-button:hover, -.bp3-control-group .bp3-html-select select:hover, -.bp3-control-group .bp3-select select:hover { - z-index: 6; -} -.bp3-control-group .bp3-button:active, -.bp3-control-group .bp3-html-select select:active, -.bp3-control-group .bp3-select select:active { - z-index: 7; -} -.bp3-control-group .bp3-button[readonly], -.bp3-control-group .bp3-button:disabled, -.bp3-control-group .bp3-button.bp3-disabled, -.bp3-control-group .bp3-html-select select[readonly], -.bp3-control-group .bp3-html-select select:disabled, -.bp3-control-group .bp3-html-select select.bp3-disabled, -.bp3-control-group .bp3-select select[readonly], -.bp3-control-group .bp3-select select:disabled, -.bp3-control-group .bp3-select select.bp3-disabled { - z-index: 3; -} -.bp3-control-group .bp3-button[class*="bp3-intent"], -.bp3-control-group .bp3-html-select select[class*="bp3-intent"], -.bp3-control-group .bp3-select select[class*="bp3-intent"] { - z-index: 9; -} -.bp3-control-group .bp3-button[class*="bp3-intent"]:focus, -.bp3-control-group .bp3-html-select select[class*="bp3-intent"]:focus, -.bp3-control-group .bp3-select select[class*="bp3-intent"]:focus { - z-index: 10; -} -.bp3-control-group .bp3-button[class*="bp3-intent"]:hover, -.bp3-control-group .bp3-html-select select[class*="bp3-intent"]:hover, -.bp3-control-group .bp3-select select[class*="bp3-intent"]:hover { - z-index: 11; -} -.bp3-control-group .bp3-button[class*="bp3-intent"]:active, -.bp3-control-group .bp3-html-select select[class*="bp3-intent"]:active, -.bp3-control-group .bp3-select select[class*="bp3-intent"]:active { - z-index: 12; -} -.bp3-control-group .bp3-button[class*="bp3-intent"][readonly], -.bp3-control-group .bp3-button[class*="bp3-intent"]:disabled, -.bp3-control-group .bp3-button[class*="bp3-intent"].bp3-disabled, -.bp3-control-group .bp3-html-select select[class*="bp3-intent"][readonly], -.bp3-control-group .bp3-html-select select[class*="bp3-intent"]:disabled, -.bp3-control-group .bp3-html-select select[class*="bp3-intent"].bp3-disabled, -.bp3-control-group .bp3-select select[class*="bp3-intent"][readonly], -.bp3-control-group .bp3-select select[class*="bp3-intent"]:disabled, -.bp3-control-group .bp3-select select[class*="bp3-intent"].bp3-disabled { - z-index: 8; -} -.bp3-control-group .bp3-input-group > .bp3-icon, -.bp3-control-group .bp3-input-group > .bp3-button, -.bp3-control-group .bp3-input-group > .bp3-input-action { - z-index: 16; -} -.bp3-control-group .bp3-select::after, -.bp3-control-group .bp3-html-select::after, -.bp3-control-group .bp3-select > .bp3-icon, -.bp3-control-group .bp3-html-select > .bp3-icon { - z-index: 17; -} -.bp3-control-group:not(.bp3-vertical) > * { - margin-right: -1px; -} -.bp3-control-group .bp3-popover-wrapper, -.bp3-control-group .bp3-popover-target { - border-radius: inherit; -} -.bp3-control-group > :first-child { - border-radius: 3px 0 0 3px; -} -.bp3-control-group > :last-child { - margin-right: 0; - border-radius: 0 3px 3px 0; -} -.bp3-control-group > :only-child { - margin-right: 0; - border-radius: 3px; -} -.bp3-control-group .bp3-input-group .bp3-button { - border-radius: 3px; -} -.bp3-control-group > .bp3-fill { - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; -} -.bp3-control-group.bp3-fill > *:not(.bp3-fixed) { - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; -} -.bp3-control-group.bp3-vertical { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; -} -.bp3-control-group.bp3-vertical > * { - margin-top: -1px; -} -.bp3-control-group.bp3-vertical > :first-child { - margin-top: 0; - border-radius: 3px 3px 0 0; -} -.bp3-control-group.bp3-vertical > :last-child { - border-radius: 0 0 3px 3px; -} -.bp3-control { - display: block; - position: relative; - margin-bottom: 10px; - cursor: pointer; - text-transform: none; -} -.bp3-control input:checked ~ .bp3-control-indicator { - background-color: var(--primary); - color: var(--textPrimary); -} -.bp3-control:hover input:checked ~ .bp3-control-indicator { - background-color: var(--primaryHover); -} -.bp3-control input:not(:disabled):active:checked ~ .bp3-control-indicator { - -webkit-box-shadow: inset 0 0 0 1px var(--tint), inset 0 1px 2px var(--tint); - box-shadow: inset 0 0 0 1px var(--tint), inset 0 1px 2px var(--tint); - background: var(--primaryActive); -} -.bp3-control input:disabled:checked ~ .bp3-control-indicator { - -webkit-box-shadow: none; - box-shadow: none; - background: var(--primaryDisabled); -} -.bp3-control:not(.bp3-align-right) { - padding-left: 26px; -} -.bp3-control:not(.bp3-align-right) .bp3-control-indicator { - margin-left: -26px; -} -.bp3-control.bp3-align-right { - padding-right: 26px; -} -.bp3-control.bp3-align-right .bp3-control-indicator { - margin-right: -26px; -} -.bp3-control.bp3-disabled { - cursor: not-allowed; - color: var(--textSecondary); -} -.bp3-control.bp3-inline { - display: inline-block; - margin-right: 20px; -} -.bp3-control input { - position: absolute; - top: 0; - left: 0; - opacity: 0; - z-index: -1; -} -.bp3-control .bp3-control-indicator { - display: inline-block; - position: relative; - margin-top: -3px; - margin-right: 10px; - border: none; - background-clip: padding-box; - background-color: var(--none); - cursor: pointer; - width: 1em; - height: 1em; - vertical-align: middle; - font-size: 16px; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} -.bp3-control .bp3-control-indicator::before { - display: block; - width: 1em; - height: 1em; - content: ""; -} -.bp3-control:hover .bp3-control-indicator { - background-color: var(--noneHover); -} -.bp3-control input:not(:disabled):active ~ .bp3-control-indicator { - -webkit-box-shadow: inset 0 0 0 1px var(--tint), inset 0 1px 2px var(--tint); - box-shadow: inset 0 0 0 1px var(--tint), inset 0 1px 2px var(--tint); - background: var(--noneActive); -} -.bp3-control input:disabled ~ .bp3-control-indicator { - -webkit-box-shadow: none; - box-shadow: none; - background: var(--noneDisabled); - cursor: not-allowed; -} -.bp3-control input:focus ~ .bp3-control-indicator { - outline: rgba(47, 65, 155, 0.6) auto 2px; - outline-offset: 2px; - -moz-outline-radius: 6px; -} -.bp3-control.bp3-align-right .bp3-control-indicator { - float: right; - margin-top: 1px; - margin-left: 10px; -} -.bp3-control.bp3-large { - font-size: 16px; -} -.bp3-control.bp3-large:not(.bp3-align-right) { - padding-left: 30px; -} -.bp3-control.bp3-large:not(.bp3-align-right) .bp3-control-indicator { - margin-left: -30px; -} -.bp3-control.bp3-large.bp3-align-right { - padding-right: 30px; -} -.bp3-control.bp3-large.bp3-align-right .bp3-control-indicator { - margin-right: -30px; -} -.bp3-control.bp3-large .bp3-control-indicator { - font-size: 20px; -} -.bp3-control.bp3-large.bp3-align-right .bp3-control-indicator { - margin-top: 0; -} -.bp3-control.bp3-checkbox input:indeterminate ~ .bp3-control-indicator { - background-color: var(--primary); - color: var(--textInvert); -} -.bp3-control.bp3-checkbox:hover input:indeterminate ~ .bp3-control-indicator { - background-color: var(--primaryHover); -} -.bp3-control.bp3-checkbox input:not(:disabled):active:indeterminate ~ .bp3-control-indicator { - -webkit-box-shadow: inset 0 0 0 1px var(--tint), inset 0 1px 2px var(--tint); - box-shadow: inset 0 0 0 1px var(--tint), inset 0 1px 2px var(--tint); - background: var(--primaryActive); -} -.bp3-control.bp3-checkbox input:disabled:indeterminate ~ .bp3-control-indicator { - -webkit-box-shadow: none; - box-shadow: none; - background: var(--primaryDisabled); -} -.bp3-control.bp3-checkbox .bp3-control-indicator { - border-radius: 3px; -} -.bp3-control.bp3-checkbox input:checked ~ .bp3-control-indicator::before { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 5c-.28 0-.53.11-.71.29L7 9.59l-2.29-2.3a1.003 1.003 0 0 0-1.42 1.42l3 3c.18.18.43.29.71.29s.53-.11.71-.29l5-5A1.003 1.003 0 0 0 12 5z' fill='white'/%3e%3c/svg%3e"); -} -.bp3-control.bp3-checkbox input:indeterminate ~ .bp3-control-indicator::before { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 7H5c-.55 0-1 .45-1 1s.45 1 1 1h6c.55 0 1-.45 1-1s-.45-1-1-1z' fill='white'/%3e%3c/svg%3e"); -} -.bp3-control.bp3-radio .bp3-control-indicator { - border-radius: 50%; -} -.bp3-control.bp3-radio input:checked ~ .bp3-control-indicator::before { - background-image: radial-gradient(var(--shade1), var(--shade1) 28%, transparent 32%); -} -.bp3-control.bp3-radio input:checked:disabled ~ .bp3-control-indicator::before { - opacity: 0.5; -} -.bp3-control.bp3-radio input:focus ~ .bp3-control-indicator { - -moz-outline-radius: 16px; -} -.bp3-control.bp3-switch input ~ .bp3-control-indicator { - background: rgba(167, 182, 194, 0.5); -} -.bp3-control.bp3-switch:hover input ~ .bp3-control-indicator { - background: rgba(115, 134, 148, 0.5); -} -.bp3-control.bp3-switch input:not(:disabled):active ~ .bp3-control-indicator { - background: var(--textSecondary); -} -.bp3-control.bp3-switch input:disabled ~ .bp3-control-indicator { - background: var(--noneDisabled); -} -.bp3-control.bp3-switch input:checked ~ .bp3-control-indicator { - background: var(--primary); -} -.bp3-control.bp3-switch:hover input:checked ~ .bp3-control-indicator { - background: var(--primaryHover); -} -.bp3-control.bp3-switch input:checked:not(:disabled):active ~ .bp3-control-indicator { - background: var(--primaryActive); -} -.bp3-control.bp3-switch input:checked:disabled ~ .bp3-control-indicator { - background: var(--primaryDisabled); -} -.bp3-control.bp3-switch:not(.bp3-align-right) { - padding-left: 38px; -} -.bp3-control.bp3-switch:not(.bp3-align-right) .bp3-control-indicator { - margin-left: -38px; -} -.bp3-control.bp3-switch.bp3-align-right { - padding-right: 38px; -} -.bp3-control.bp3-switch.bp3-align-right .bp3-control-indicator { - margin-right: -38px; -} -.bp3-control.bp3-switch .bp3-control-indicator { - border: none; - border-radius: 1.75em; - -webkit-box-shadow: none !important; - box-shadow: none !important; - width: auto; - min-width: 1.75em; - -webkit-transition: background-color 100ms cubic-bezier(0.4, 1, 0.75, 0.9); - transition: background-color 100ms cubic-bezier(0.4, 1, 0.75, 0.9); -} -.bp3-control.bp3-switch .bp3-control-indicator::before { - position: absolute; - left: 0; - margin: 2px; - border-radius: 50%; - -webkit-box-shadow: 0 0 0 1px var(--tint), 0 1px 1px var(--tint); - box-shadow: 0 0 0 1px var(--tint), 0 1px 1px var(--tint); - background: var(--shade1); - width: calc(1em - 4px); - height: calc(1em - 4px); - -webkit-transition: left 100ms cubic-bezier(0.4, 1, 0.75, 0.9); - transition: left 100ms cubic-bezier(0.4, 1, 0.75, 0.9); -} -.bp3-control.bp3-switch input:checked ~ .bp3-control-indicator::before { - left: calc(100% - 1em); -} -.bp3-control.bp3-switch.bp3-large:not(.bp3-align-right) { - padding-left: 45px; -} -.bp3-control.bp3-switch.bp3-large:not(.bp3-align-right) .bp3-control-indicator { - margin-left: -45px; -} -.bp3-control.bp3-switch.bp3-large.bp3-align-right { - padding-right: 45px; -} -.bp3-control.bp3-switch.bp3-large.bp3-align-right .bp3-control-indicator { - margin-right: -45px; -} -.bp3-control.bp3-switch .bp3-switch-inner-text { - text-align: center; - font-size: 0.7em; -} -.bp3-control.bp3-switch .bp3-control-indicator-child:first-child { - visibility: hidden; - margin-right: 1.2em; - margin-left: 0.5em; - line-height: 0; -} -.bp3-control.bp3-switch .bp3-control-indicator-child:last-child { - visibility: visible; - margin-right: 0.5em; - margin-left: 1.2em; - line-height: 1em; -} -.bp3-control.bp3-switch - input:checked - ~ .bp3-control-indicator - .bp3-control-indicator-child:first-child { - visibility: visible; - line-height: 1em; -} -.bp3-control.bp3-switch - input:checked - ~ .bp3-control-indicator - .bp3-control-indicator-child:last-child { - visibility: hidden; - line-height: 0; -} -.bp3-file-input { - display: inline-block; - position: relative; - cursor: pointer; - height: 30px; -} -.bp3-file-input input { - opacity: 0; - margin: 0; - min-width: 200px; -} -.bp3-file-input input:disabled + .bp3-file-upload-input, -.bp3-file-input input.bp3-disabled + .bp3-file-upload-input { - -webkit-box-shadow: none; - box-shadow: none; - background: var(--noneDisabled); - cursor: not-allowed; - color: var(--textSecondary); - resize: none; -} -.bp3-file-input input:disabled + .bp3-file-upload-input::after, -.bp3-file-input input.bp3-disabled + .bp3-file-upload-input::after { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; - background-color: var(--noneDisabled); - cursor: not-allowed; - color: var(--textSecondary); -} -.bp3-file-input input:disabled + .bp3-file-upload-input::after.bp3-active, -.bp3-file-input input:disabled + .bp3-file-upload-input::after.bp3-active:hover, -.bp3-file-input input.bp3-disabled + .bp3-file-upload-input::after.bp3-active, -.bp3-file-input input.bp3-disabled + .bp3-file-upload-input::after.bp3-active:hover { - background: rgba(206, 217, 224, 0.7); -} -.bp3-file-input.bp3-file-input-has-selection .bp3-file-upload-input { - color: var(--textPrimary); -} -.bp3-file-input.bp3-fill { - width: 100%; -} -.bp3-file-input.bp3-large, -.bp3-large .bp3-file-input { - height: 40px; -} - -.bp3-file-upload-input { - outline: none; - border: none; - border-radius: 3px; - -webkit-box-shadow: 0 0 0 0 rgba(47, 65, 155, 0), 0 0 0 0 rgba(47, 65, 155, 0), - inset 0 0 0 1px var(--tint), inset 0 1px 1px var(--tint); - box-shadow: 0 0 0 0 rgba(47, 65, 155, 0), 0 0 0 0 rgba(47, 65, 155, 0), - inset 0 0 0 1px var(--tint), inset 0 1px 1px var(--tint); - background: var(--shade1); - height: 30px; - padding: 0 10px; - vertical-align: middle; - line-height: 30px; - color: var(--textPrimary); - font-size: 14px; - font-weight: 400; - -webkit-transition: -webkit-box-shadow 100ms cubic-bezier(0.4, 1, 0.75, 0.9); - transition: -webkit-box-shadow 100ms cubic-bezier(0.4, 1, 0.75, 0.9); - transition: box-shadow 100ms cubic-bezier(0.4, 1, 0.75, 0.9); - transition: box-shadow 100ms cubic-bezier(0.4, 1, 0.75, 0.9), - -webkit-box-shadow 100ms cubic-bezier(0.4, 1, 0.75, 0.9); - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - word-wrap: normal; - position: absolute; - top: 0; - right: 0; - left: 0; - padding-right: 80px; - color: var(--textSecondary); - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} -.bp3-file-upload-input::-webkit-input-placeholder { - opacity: 1; - color: var(--textSecondary); -} -.bp3-file-upload-input::-ms-input-placeholder { - opacity: 1; - color: var(--textSecondary); -} -.bp3-file-upload-input::placeholder { - opacity: 1; - color: var(--textSecondary); -} -.bp3-file-upload-input:focus, -.bp3-file-upload-input.bp3-active { - -webkit-box-shadow: 0 0 0 1px var(--primary), 0 0 0 3px rgba(47, 65, 155, 0.3), - inset 0 1px 1px var(--tint); - box-shadow: 0 0 0 1px var(--primary), 0 0 0 3px rgba(47, 65, 155, 0.3), - inset 0 1px 1px var(--tint); -} -.bp3-file-upload-input[type="search"], -.bp3-file-upload-input.bp3-round { - border-radius: 30px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - padding-left: 10px; -} -.bp3-file-upload-input[readonly] { - -webkit-box-shadow: inset 0 0 0 1px var(--tint); - box-shadow: inset 0 0 0 1px var(--tint); -} -.bp3-file-upload-input:disabled, -.bp3-file-upload-input.bp3-disabled { - -webkit-box-shadow: none; - box-shadow: none; - background: var(--noneDisabled); - cursor: not-allowed; - color: var(--textSecondary); - resize: none; -} -.bp3-file-upload-input::after { - background-color: var(--none); - color: var(--textPrimary); - min-width: 24px; - min-height: 24px; - position: absolute; - top: 0; - right: 0; - margin: 3px; - border-radius: 3px; - width: 70px; - text-align: center; - line-height: 24px; - content: "Browse"; -} -.bp3-file-upload-input::after:hover { - background-clip: padding-box; - background-color: var(--noneHover); -} -.bp3-file-upload-input::after:active, -.bp3-file-upload-input::after.bp3-active { - -webkit-box-shadow: inset 0 0 0 1px var(--tint), inset 0 1px 2px var(--tint); - box-shadow: inset 0 0 0 1px var(--tint), inset 0 1px 2px var(--tint); - background-color: var(--noneActive); -} -.bp3-file-upload-input::after:disabled, -.bp3-file-upload-input::after.bp3-disabled { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; - background-color: var(--noneDisabled); - cursor: not-allowed; - color: var(--textSecondary); -} -.bp3-file-upload-input::after:disabled.bp3-active, -.bp3-file-upload-input::after:disabled.bp3-active:hover, -.bp3-file-upload-input::after.bp3-disabled.bp3-active, -.bp3-file-upload-input::after.bp3-disabled.bp3-active:hover { - background: rgba(206, 217, 224, 0.7); -} -.bp3-file-upload-input:hover::after { - background-clip: padding-box; - background-color: var(--noneHover); -} -.bp3-file-upload-input:active::after { - -webkit-box-shadow: inset 0 0 0 1px var(--tint), inset 0 1px 2px var(--tint); - box-shadow: inset 0 0 0 1px var(--tint), inset 0 1px 2px var(--tint); - background-color: var(--noneActive); -} -.bp3-large .bp3-file-upload-input { - height: 40px; - line-height: 40px; - font-size: 16px; - padding-right: 95px; -} -.bp3-large .bp3-file-upload-input[type="search"], -.bp3-large .bp3-file-upload-input.bp3-round { - padding: 0 15px; -} -.bp3-large .bp3-file-upload-input::after { - min-width: 30px; - min-height: 30px; - margin: 5px; - width: 85px; - line-height: 30px; -} - -.bp3-form-group { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - margin: 0 0 15px; -} -.bp3-form-group label.bp3-label { - margin-bottom: 5px; -} -.bp3-form-group .bp3-control { - margin-top: 7px; -} -.bp3-form-group .bp3-form-helper-text { - margin-top: 5px; - color: var(--textSecondary); - font-size: 12px; -} -.bp3-form-group.bp3-intent-primary .bp3-form-helper-text { - color: var(--primary); -} -.bp3-form-group.bp3-intent-success .bp3-form-helper-text { - color: var(--success); -} -.bp3-form-group.bp3-intent-warning .bp3-form-helper-text { - color: var(--warning); -} -.bp3-form-group.bp3-intent-danger .bp3-form-helper-text { - color: var(--danger); -} -.bp3-form-group.bp3-inline { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; -} -.bp3-form-group.bp3-inline.bp3-large label.bp3-label { - margin: 0 10px 0 0; - line-height: 40px; -} -.bp3-form-group.bp3-inline label.bp3-label { - margin: 0 10px 0 0; - line-height: 30px; -} -.bp3-form-group.bp3-disabled .bp3-label, -.bp3-form-group.bp3-disabled .bp3-text-muted, -.bp3-form-group.bp3-disabled .bp3-form-helper-text { - color: var(--textSecondary) !important; -} -.bp3-input-group { - display: block; - position: relative; -} -.bp3-input-group .bp3-input { - position: relative; - width: 100%; -} -.bp3-input-group .bp3-input:not(:first-child) { - padding-left: 30px; -} -.bp3-input-group .bp3-input:not(:last-child) { - padding-right: 30px; -} -.bp3-input-group .bp3-input-action, -.bp3-input-group > .bp3-button, -.bp3-input-group > .bp3-icon { - position: absolute; - top: 0; -} -.bp3-input-group .bp3-input-action:first-child, -.bp3-input-group > .bp3-button:first-child, -.bp3-input-group > .bp3-icon:first-child { - left: 0; -} -.bp3-input-group .bp3-input-action:last-child, -.bp3-input-group > .bp3-button:last-child, -.bp3-input-group > .bp3-icon:last-child { - right: 0; -} -.bp3-input-group .bp3-button { - min-width: 24px; - min-height: 24px; - margin: 3px; - padding: 0 7px; -} -.bp3-input-group .bp3-button:empty { - padding: 0; -} -.bp3-input-group > .bp3-icon { - z-index: 1; - color: var(--textSecondary); -} -.bp3-input-group > .bp3-icon:empty { - line-height: 1; - font-family: "Icons16", sans-serif; - font-size: 16px; - font-weight: 400; - font-style: normal; - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; -} -.bp3-input-group > .bp3-icon, -.bp3-input-group .bp3-input-action > .bp3-spinner { - margin: 7px; -} -.bp3-input-group .bp3-tag { - margin: 5px; -} -.bp3-input-group .bp3-input:not(:focus) + .bp3-button.bp3-minimal:not(:hover):not(:focus), -.bp3-input-group - .bp3-input:not(:focus) - + .bp3-input-action - .bp3-button.bp3-minimal:not(:hover):not(:focus) { - color: var(--textSecondary); -} -.bp3-input-group .bp3-input:not(:focus) + .bp3-button.bp3-minimal:not(:hover):not(:focus) .bp3-icon, -.bp3-input-group - .bp3-input:not(:focus) - + .bp3-button.bp3-minimal:not(:hover):not(:focus) - .bp3-icon-standard, -.bp3-input-group - .bp3-input:not(:focus) - + .bp3-button.bp3-minimal:not(:hover):not(:focus) - .bp3-icon-large, -.bp3-input-group - .bp3-input:not(:focus) - + .bp3-input-action - .bp3-button.bp3-minimal:not(:hover):not(:focus) - .bp3-icon, -.bp3-input-group - .bp3-input:not(:focus) - + .bp3-input-action - .bp3-button.bp3-minimal:not(:hover):not(:focus) - .bp3-icon-standard, -.bp3-input-group - .bp3-input:not(:focus) - + .bp3-input-action - .bp3-button.bp3-minimal:not(:hover):not(:focus) - .bp3-icon-large { - color: var(--textSecondary); -} -.bp3-input-group .bp3-input:not(:focus) + .bp3-button.bp3-minimal:disabled, -.bp3-input-group .bp3-input:not(:focus) + .bp3-input-action .bp3-button.bp3-minimal:disabled { - color: var(--textSecondary) !important; -} -.bp3-input-group .bp3-input:not(:focus) + .bp3-button.bp3-minimal:disabled .bp3-icon, -.bp3-input-group .bp3-input:not(:focus) + .bp3-button.bp3-minimal:disabled .bp3-icon-standard, -.bp3-input-group .bp3-input:not(:focus) + .bp3-button.bp3-minimal:disabled .bp3-icon-large, -.bp3-input-group - .bp3-input:not(:focus) - + .bp3-input-action - .bp3-button.bp3-minimal:disabled - .bp3-icon, -.bp3-input-group - .bp3-input:not(:focus) - + .bp3-input-action - .bp3-button.bp3-minimal:disabled - .bp3-icon-standard, -.bp3-input-group - .bp3-input:not(:focus) - + .bp3-input-action - .bp3-button.bp3-minimal:disabled - .bp3-icon-large { - color: var(--textSecondary) !important; -} -.bp3-input-group.bp3-disabled { - cursor: not-allowed; -} -.bp3-input-group.bp3-disabled .bp3-icon { - color: var(--textSecondary); -} -.bp3-input-group.bp3-large .bp3-button { - min-width: 30px; - min-height: 30px; - margin: 5px; -} -.bp3-input-group.bp3-large > .bp3-icon, -.bp3-input-group.bp3-large .bp3-input-action > .bp3-spinner { - margin: 12px; -} -.bp3-input-group.bp3-large .bp3-input { - height: 40px; - line-height: 40px; - font-size: 16px; -} -.bp3-input-group.bp3-large .bp3-input[type="search"], -.bp3-input-group.bp3-large .bp3-input.bp3-round { - padding: 0 15px; -} -.bp3-input-group.bp3-large .bp3-input:not(:first-child) { - padding-left: 40px; -} -.bp3-input-group.bp3-large .bp3-input:not(:last-child) { - padding-right: 40px; -} -.bp3-input-group.bp3-small .bp3-button { - min-width: 20px; - min-height: 20px; - margin: 2px; -} -.bp3-input-group.bp3-small .bp3-tag { - min-width: 20px; - min-height: 20px; - margin: 2px; -} -.bp3-input-group.bp3-small > .bp3-icon, -.bp3-input-group.bp3-small .bp3-input-action > .bp3-spinner { - margin: 4px; -} -.bp3-input-group.bp3-small .bp3-input { - height: 24px; - padding-right: 8px; - padding-left: 8px; - line-height: 24px; - font-size: 12px; -} -.bp3-input-group.bp3-small .bp3-input[type="search"], -.bp3-input-group.bp3-small .bp3-input.bp3-round { - padding: 0 12px; -} -.bp3-input-group.bp3-small .bp3-input:not(:first-child) { - padding-left: 24px; -} -.bp3-input-group.bp3-small .bp3-input:not(:last-child) { - padding-right: 24px; -} -.bp3-input-group.bp3-fill { - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - width: 100%; -} -.bp3-input-group.bp3-round .bp3-button, -.bp3-input-group.bp3-round .bp3-input, -.bp3-input-group.bp3-round .bp3-tag { - border-radius: 30px; -} -.bp3-input-group.bp3-intent-primary .bp3-input { - -webkit-box-shadow: 0 0 0 0 rgba(47, 65, 155, 0), 0 0 0 0 rgba(47, 65, 155, 0), - inset 0 0 0 1px var(--primary), inset 0 0 0 1px var(--tint), inset 0 1px 1px var(--tint); - box-shadow: 0 0 0 0 rgba(47, 65, 155, 0), 0 0 0 0 rgba(47, 65, 155, 0), - inset 0 0 0 1px var(--primary), inset 0 0 0 1px var(--tint), inset 0 1px 1px var(--tint); -} -.bp3-input-group.bp3-intent-primary .bp3-input:focus { - -webkit-box-shadow: 0 0 0 1px var(--primary), 0 0 0 3px rgba(47, 65, 155, 0.3), - inset 0 1px 1px var(--tint); - box-shadow: 0 0 0 1px var(--primary), 0 0 0 3px rgba(47, 65, 155, 0.3), - inset 0 1px 1px var(--tint); -} -.bp3-input-group.bp3-intent-primary .bp3-input[readonly] { - -webkit-box-shadow: inset 0 0 0 1px var(--primary); - box-shadow: inset 0 0 0 1px var(--primary); -} -.bp3-input-group.bp3-intent-primary .bp3-input:disabled, -.bp3-input-group.bp3-intent-primary .bp3-input.bp3-disabled { - -webkit-box-shadow: none; - box-shadow: none; -} -.bp3-input-group.bp3-intent-primary > .bp3-icon { - color: var(--primaryHover); -} -.bp3-input-group.bp3-intent-success .bp3-input { - -webkit-box-shadow: 0 0 0 0 rgba(15, 153, 96, 0), 0 0 0 0 rgba(15, 153, 96, 0), - inset 0 0 0 1px var(--success), inset 0 0 0 1px var(--tint), inset 0 1px 1px var(--tint); - box-shadow: 0 0 0 0 rgba(15, 153, 96, 0), 0 0 0 0 rgba(15, 153, 96, 0), - inset 0 0 0 1px var(--success), inset 0 0 0 1px var(--tint), inset 0 1px 1px var(--tint); -} -.bp3-input-group.bp3-intent-success .bp3-input:focus { - -webkit-box-shadow: 0 0 0 1px var(--success), 0 0 0 3px rgba(15, 153, 96, 0.3), - inset 0 1px 1px var(--tint); - box-shadow: 0 0 0 1px var(--success), 0 0 0 3px rgba(15, 153, 96, 0.3), - inset 0 1px 1px var(--tint); -} -.bp3-input-group.bp3-intent-success .bp3-input[readonly] { - -webkit-box-shadow: inset 0 0 0 1px var(--success); - box-shadow: inset 0 0 0 1px var(--success); -} -.bp3-input-group.bp3-intent-success .bp3-input:disabled, -.bp3-input-group.bp3-intent-success .bp3-input.bp3-disabled { - -webkit-box-shadow: none; - box-shadow: none; -} -.bp3-input-group.bp3-intent-success > .bp3-icon { - color: var(--successHover); -} -.bp3-input-group.bp3-intent-warning .bp3-input { - -webkit-box-shadow: 0 0 0 0 rgba(217, 130, 43, 0), 0 0 0 0 rgba(217, 130, 43, 0), - inset 0 0 0 1px var(--warning), inset 0 0 0 1px var(--tint), inset 0 1px 1px var(--tint); - box-shadow: 0 0 0 0 rgba(217, 130, 43, 0), 0 0 0 0 rgba(217, 130, 43, 0), - inset 0 0 0 1px var(--warning), inset 0 0 0 1px var(--tint), inset 0 1px 1px var(--tint); -} -.bp3-input-group.bp3-intent-warning .bp3-input:focus { - -webkit-box-shadow: 0 0 0 1px var(--warning), 0 0 0 3px rgba(217, 130, 43, 0.3), - inset 0 1px 1px var(--tint); - box-shadow: 0 0 0 1px var(--warning), 0 0 0 3px rgba(217, 130, 43, 0.3), - inset 0 1px 1px var(--tint); -} -.bp3-input-group.bp3-intent-warning .bp3-input[readonly] { - -webkit-box-shadow: inset 0 0 0 1px var(--warning); - box-shadow: inset 0 0 0 1px var(--warning); -} -.bp3-input-group.bp3-intent-warning .bp3-input:disabled, -.bp3-input-group.bp3-intent-warning .bp3-input.bp3-disabled { - -webkit-box-shadow: none; - box-shadow: none; -} -.bp3-input-group.bp3-intent-warning > .bp3-icon { - color: var(--warningHover); -} -.bp3-input-group.bp3-intent-danger .bp3-input { - -webkit-box-shadow: 0 0 0 0 rgba(219, 55, 55, 0), 0 0 0 0 rgba(219, 55, 55, 0), - inset 0 0 0 1px var(--danger), inset 0 0 0 1px var(--tint), inset 0 1px 1px var(--tint); - box-shadow: 0 0 0 0 rgba(219, 55, 55, 0), 0 0 0 0 rgba(219, 55, 55, 0), - inset 0 0 0 1px var(--danger), inset 0 0 0 1px var(--tint), inset 0 1px 1px var(--tint); -} -.bp3-input-group.bp3-intent-danger .bp3-input:focus { - -webkit-box-shadow: 0 0 0 1px var(--danger), 0 0 0 3px rgba(219, 55, 55, 0.3), - inset 0 1px 1px var(--tint); - box-shadow: 0 0 0 1px var(--danger), 0 0 0 3px rgba(219, 55, 55, 0.3), inset 0 1px 1px var(--tint); -} -.bp3-input-group.bp3-intent-danger .bp3-input[readonly] { - -webkit-box-shadow: inset 0 0 0 1px var(--danger); - box-shadow: inset 0 0 0 1px var(--danger); -} -.bp3-input-group.bp3-intent-danger .bp3-input:disabled, -.bp3-input-group.bp3-intent-danger .bp3-input.bp3-disabled { - -webkit-box-shadow: none; - box-shadow: none; -} -.bp3-input-group.bp3-intent-danger > .bp3-icon { - color: var(--dangerHover); -} -.bp3-input { - outline: none; - border: none; - border-radius: 3px; - -webkit-box-shadow: 0 0 0 0 rgba(47, 65, 155, 0), 0 0 0 0 rgba(47, 65, 155, 0), - inset 0 0 0 1px var(--tint), inset 0 1px 1px var(--tint); - box-shadow: 0 0 0 0 rgba(47, 65, 155, 0), 0 0 0 0 rgba(47, 65, 155, 0), - inset 0 0 0 1px var(--tint), inset 0 1px 1px var(--tint); - background: var(--shade0); - height: 30px; - padding: 0 10px; - vertical-align: middle; - line-height: 30px; - color: var(--textPrimary); - font-size: 14px; - font-weight: 400; - -webkit-transition: -webkit-box-shadow 100ms cubic-bezier(0.4, 1, 0.75, 0.9); - transition: -webkit-box-shadow 100ms cubic-bezier(0.4, 1, 0.75, 0.9); - transition: box-shadow 100ms cubic-bezier(0.4, 1, 0.75, 0.9); - transition: box-shadow 100ms cubic-bezier(0.4, 1, 0.75, 0.9), - -webkit-box-shadow 100ms cubic-bezier(0.4, 1, 0.75, 0.9); - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; -} -.bp3-input::-webkit-input-placeholder { - opacity: 1; - color: var(--textSecondary); -} -.bp3-input::-ms-input-placeholder { - opacity: 1; - color: var(--textSecondary); -} -.bp3-input::placeholder { - opacity: 1; - color: var(--textSecondary); -} -.bp3-input:focus, -.bp3-input.bp3-active { - -webkit-box-shadow: 0 0 0 1px var(--primary), 0 0 0 3px rgba(47, 65, 155, 0.3), - inset 0 1px 1px var(--tint); - box-shadow: 0 0 0 1px var(--primary), 0 0 0 3px rgba(47, 65, 155, 0.3), - inset 0 1px 1px var(--tint); -} -.bp3-input[type="search"], -.bp3-input.bp3-round { - border-radius: 30px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - padding-left: 10px; -} -.bp3-input[readonly] { - -webkit-box-shadow: inset 0 0 0 1px var(--tint); - box-shadow: inset 0 0 0 1px var(--tint); -} -.bp3-input:disabled, -.bp3-input.bp3-disabled { - -webkit-box-shadow: none; - box-shadow: none; - background: var(--noneDisabled); - cursor: not-allowed; - color: var(--textSecondary); - resize: none; -} -.bp3-input.bp3-large { - height: 40px; - line-height: 40px; - font-size: 16px; -} -.bp3-input.bp3-large[type="search"], -.bp3-input.bp3-large.bp3-round { - padding: 0 15px; -} -.bp3-input.bp3-small { - height: 24px; - padding-right: 8px; - padding-left: 8px; - line-height: 24px; - font-size: 12px; -} -.bp3-input.bp3-small[type="search"], -.bp3-input.bp3-small.bp3-round { - padding: 0 12px; -} -.bp3-input.bp3-fill { - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - width: 100%; -} -.bp3-input.bp3-intent-primary { - -webkit-box-shadow: 0 0 0 0 rgba(47, 65, 155, 0), 0 0 0 0 rgba(47, 65, 155, 0), - inset 0 0 0 1px var(--primary), inset 0 0 0 1px var(--tint), inset 0 1px 1px var(--tint); - box-shadow: 0 0 0 0 rgba(47, 65, 155, 0), 0 0 0 0 rgba(47, 65, 155, 0), - inset 0 0 0 1px var(--primary), inset 0 0 0 1px var(--tint), inset 0 1px 1px var(--tint); -} -.bp3-input.bp3-intent-primary:focus { - -webkit-box-shadow: 0 0 0 1px var(--primary), 0 0 0 3px rgba(47, 65, 155, 0.3), - inset 0 1px 1px var(--tint); - box-shadow: 0 0 0 1px var(--primary), 0 0 0 3px rgba(47, 65, 155, 0.3), - inset 0 1px 1px var(--tint); -} -.bp3-input.bp3-intent-primary[readonly] { - -webkit-box-shadow: inset 0 0 0 1px var(--primary); - box-shadow: inset 0 0 0 1px var(--primary); -} -.bp3-input.bp3-intent-primary:disabled, -.bp3-input.bp3-intent-primary.bp3-disabled { - -webkit-box-shadow: none; - box-shadow: none; -} -.bp3-input.bp3-intent-success { - -webkit-box-shadow: 0 0 0 0 rgba(15, 153, 96, 0), 0 0 0 0 rgba(15, 153, 96, 0), - inset 0 0 0 1px var(--success), inset 0 0 0 1px var(--tint), inset 0 1px 1px var(--tint); - box-shadow: 0 0 0 0 rgba(15, 153, 96, 0), 0 0 0 0 rgba(15, 153, 96, 0), - inset 0 0 0 1px var(--success), inset 0 0 0 1px var(--tint), inset 0 1px 1px var(--tint); -} -.bp3-input.bp3-intent-success:focus { - -webkit-box-shadow: 0 0 0 1px var(--success), 0 0 0 3px rgba(15, 153, 96, 0.3), - inset 0 1px 1px var(--tint); - box-shadow: 0 0 0 1px var(--success), 0 0 0 3px rgba(15, 153, 96, 0.3), - inset 0 1px 1px var(--tint); -} -.bp3-input.bp3-intent-success[readonly] { - -webkit-box-shadow: inset 0 0 0 1px var(--success); - box-shadow: inset 0 0 0 1px var(--success); -} -.bp3-input.bp3-intent-success:disabled, -.bp3-input.bp3-intent-success.bp3-disabled { - -webkit-box-shadow: none; - box-shadow: none; -} -.bp3-input.bp3-intent-warning { - -webkit-box-shadow: 0 0 0 0 rgba(217, 130, 43, 0), 0 0 0 0 rgba(217, 130, 43, 0), - inset 0 0 0 1px var(--warning), inset 0 0 0 1px var(--tint), inset 0 1px 1px var(--tint); - box-shadow: 0 0 0 0 rgba(217, 130, 43, 0), 0 0 0 0 rgba(217, 130, 43, 0), - inset 0 0 0 1px var(--warning), inset 0 0 0 1px var(--tint), inset 0 1px 1px var(--tint); -} -.bp3-input.bp3-intent-warning:focus { - -webkit-box-shadow: 0 0 0 1px var(--warning), 0 0 0 3px rgba(217, 130, 43, 0.3), - inset 0 1px 1px var(--tint); - box-shadow: 0 0 0 1px var(--warning), 0 0 0 3px rgba(217, 130, 43, 0.3), - inset 0 1px 1px var(--tint); -} -.bp3-input.bp3-intent-warning[readonly] { - -webkit-box-shadow: inset 0 0 0 1px var(--warning); - box-shadow: inset 0 0 0 1px var(--warning); -} -.bp3-input.bp3-intent-warning:disabled, -.bp3-input.bp3-intent-warning.bp3-disabled { - -webkit-box-shadow: none; - box-shadow: none; -} -.bp3-input.bp3-intent-danger { - -webkit-box-shadow: 0 0 0 0 rgba(219, 55, 55, 0), 0 0 0 0 rgba(219, 55, 55, 0), - inset 0 0 0 1px var(--danger), inset 0 0 0 1px var(--tint), inset 0 1px 1px var(--tint); - box-shadow: 0 0 0 0 rgba(219, 55, 55, 0), 0 0 0 0 rgba(219, 55, 55, 0), - inset 0 0 0 1px var(--danger), inset 0 0 0 1px var(--tint), inset 0 1px 1px var(--tint); -} -.bp3-input.bp3-intent-danger:focus { - -webkit-box-shadow: 0 0 0 1px var(--danger), 0 0 0 3px rgba(219, 55, 55, 0.3), - inset 0 1px 1px var(--tint); - box-shadow: 0 0 0 1px var(--danger), 0 0 0 3px rgba(219, 55, 55, 0.3), inset 0 1px 1px var(--tint); -} -.bp3-input.bp3-intent-danger[readonly] { - -webkit-box-shadow: inset 0 0 0 1px var(--danger); - box-shadow: inset 0 0 0 1px var(--danger); -} -.bp3-input.bp3-intent-danger:disabled, -.bp3-input.bp3-intent-danger.bp3-disabled { - -webkit-box-shadow: none; - box-shadow: none; -} -.bp3-input::-ms-clear { - display: none; -} -textarea.bp3-input { - max-width: 100%; - padding: 10px; -} -textarea.bp3-input, -textarea.bp3-input.bp3-large, -textarea.bp3-input.bp3-small { - height: auto; - line-height: inherit; -} -textarea.bp3-input.bp3-small { - padding: 8px; -} -label.bp3-label { - display: block; - margin-top: 0; - margin-bottom: 15px; -} -label.bp3-label .bp3-html-select, -label.bp3-label .bp3-input, -label.bp3-label .bp3-select, -label.bp3-label .bp3-slider, -label.bp3-label .bp3-popover-wrapper { - display: block; - margin-top: 5px; - text-transform: none; -} -label.bp3-label .bp3-select select, -label.bp3-label .bp3-html-select select { - width: 100%; - vertical-align: top; - font-weight: 400; -} -label.bp3-label.bp3-disabled, -label.bp3-label.bp3-disabled .bp3-text-muted { - color: var(--textSecondary); -} -label.bp3-label.bp3-inline { - line-height: 30px; -} -label.bp3-label.bp3-inline .bp3-html-select, -label.bp3-label.bp3-inline .bp3-input, -label.bp3-label.bp3-inline .bp3-input-group, -label.bp3-label.bp3-inline .bp3-select, -label.bp3-label.bp3-inline .bp3-popover-wrapper { - display: inline-block; - margin: 0 0 0 5px; - vertical-align: top; -} -label.bp3-label.bp3-inline .bp3-input-group .bp3-input { - margin-left: 0; -} -label.bp3-label.bp3-inline.bp3-large { - line-height: 40px; -} -label.bp3-label:not(.bp3-inline) .bp3-popover-target { - display: block; -} -.bp3-numeric-input .bp3-button-group.bp3-vertical > .bp3-button { - -webkit-box-flex: 1; - -ms-flex: 1 1 14px; - flex: 1 1 14px; - width: 30px; - min-height: 0; - padding: 0; -} -.bp3-numeric-input .bp3-button-group.bp3-vertical > .bp3-button:first-child { - border-radius: 0 3px 0 0; -} -.bp3-numeric-input .bp3-button-group.bp3-vertical > .bp3-button:last-child { - border-radius: 0 0 3px 0; -} - -.bp3-numeric-input .bp3-button-group.bp3-vertical:first-child > .bp3-button:first-child { - border-radius: 3px 0 0 0; -} - -.bp3-numeric-input .bp3-button-group.bp3-vertical:first-child > .bp3-button:last-child { - border-radius: 0 0 0 3px; -} - -.bp3-numeric-input.bp3-large .bp3-button-group.bp3-vertical > .bp3-button { - width: 40px; -} - -form { - display: block; -} -.bp3-html-select select, -.bp3-select select { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - border: none; - border-radius: 3px; - cursor: pointer; - padding: 5px 10px; - vertical-align: middle; - text-align: left; - font-size: 14px; - background-color: var(--textPrimary); - color: var(--textPrimary); - border-radius: 3px; - width: 100%; - height: 30px; - padding: 0 25px 0 10px; - -moz-appearance: none; - -webkit-appearance: none; -} -.bp3-html-select select > *, -.bp3-select select > * { - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-negative: 0; - flex-shrink: 0; -} -.bp3-html-select select > .bp3-fill, -.bp3-select select > .bp3-fill { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; -} -.bp3-html-select select::before, -.bp3-select select::before, -.bp3-html-select select > *, -.bp3-select select > * { - margin-right: 7px; -} -.bp3-html-select select:empty::before, -.bp3-select select:empty::before, -.bp3-html-select select > :last-child, -.bp3-select select > :last-child { - margin-right: 0; -} -.bp3-html-select select:hover, -.bp3-select select:hover { - background-clip: padding-box; - background-color: var(--noneHover); -} -.bp3-html-select select:active, -.bp3-select select:active, -.bp3-html-select select.bp3-active, -.bp3-select select.bp3-active { - -webkit-box-shadow: inset 0 0 0 1px var(--tint), inset 0 1px 2px var(--tint); - box-shadow: inset 0 0 0 1px var(--tint), inset 0 1px 2px var(--tint); - background-color: var(--noneActive); -} -.bp3-html-select select:disabled, -.bp3-select select:disabled, -.bp3-html-select select.bp3-disabled, -.bp3-select select.bp3-disabled { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; - background-color: var(--noneDisabled); - cursor: not-allowed; - color: var(--textSecondary); -} -.bp3-html-select select:disabled.bp3-active, -.bp3-select select:disabled.bp3-active, -.bp3-html-select select:disabled.bp3-active:hover, -.bp3-select select:disabled.bp3-active:hover, -.bp3-html-select select.bp3-disabled.bp3-active, -.bp3-select select.bp3-disabled.bp3-active, -.bp3-html-select select.bp3-disabled.bp3-active:hover, -.bp3-select select.bp3-disabled.bp3-active:hover { - background: rgba(206, 217, 224, 0.7); -} - -.bp3-html-select.bp3-minimal select, -.bp3-select.bp3-minimal select { - -webkit-box-shadow: none; - box-shadow: none; - background: none; -} -.bp3-html-select.bp3-minimal select:hover, -.bp3-select.bp3-minimal select:hover { - -webkit-box-shadow: none; - box-shadow: none; - background: var(--noneHover); - text-decoration: none; - color: var(--textPrimary); -} -.bp3-html-select.bp3-minimal select:active, -.bp3-select.bp3-minimal select:active, -.bp3-html-select.bp3-minimal select.bp3-active, -.bp3-select.bp3-minimal select.bp3-active { - -webkit-box-shadow: none; - box-shadow: none; - background: var(--noneActive); - color: var(--textPrimary); -} -.bp3-html-select.bp3-minimal select:disabled, -.bp3-select.bp3-minimal select:disabled, -.bp3-html-select.bp3-minimal select:disabled:hover, -.bp3-select.bp3-minimal select:disabled:hover, -.bp3-html-select.bp3-minimal select.bp3-disabled, -.bp3-select.bp3-minimal select.bp3-disabled, -.bp3-html-select.bp3-minimal select.bp3-disabled:hover, -.bp3-select.bp3-minimal select.bp3-disabled:hover { - background: none; - cursor: not-allowed; - color: var(--textSecondary); -} -.bp3-html-select.bp3-minimal select:disabled.bp3-active, -.bp3-select.bp3-minimal select:disabled.bp3-active, -.bp3-html-select.bp3-minimal select:disabled:hover.bp3-active, -.bp3-select.bp3-minimal select:disabled:hover.bp3-active, -.bp3-html-select.bp3-minimal select.bp3-disabled.bp3-active, -.bp3-select.bp3-minimal select.bp3-disabled.bp3-active, -.bp3-html-select.bp3-minimal select.bp3-disabled:hover.bp3-active, -.bp3-select.bp3-minimal select.bp3-disabled:hover.bp3-active { - background: var(--noneActive); -} -.bp3-html-select.bp3-minimal select.bp3-intent-primary, -.bp3-select.bp3-minimal select.bp3-intent-primary { - color: var(--primaryHover); -} -.bp3-html-select.bp3-minimal select.bp3-intent-primary:hover, -.bp3-select.bp3-minimal select.bp3-intent-primary:hover, -.bp3-html-select.bp3-minimal select.bp3-intent-primary:active, -.bp3-select.bp3-minimal select.bp3-intent-primary:active, -.bp3-html-select.bp3-minimal select.bp3-intent-primary.bp3-active, -.bp3-select.bp3-minimal select.bp3-intent-primary.bp3-active { - -webkit-box-shadow: none; - box-shadow: none; - background: none; - color: var(--primaryHover); -} -.bp3-html-select.bp3-minimal select.bp3-intent-primary:hover, -.bp3-select.bp3-minimal select.bp3-intent-primary:hover { - background: rgba(47, 65, 155, 0.15); - color: var(--primaryHover); -} -.bp3-html-select.bp3-minimal select.bp3-intent-primary:active, -.bp3-select.bp3-minimal select.bp3-intent-primary:active, -.bp3-html-select.bp3-minimal select.bp3-intent-primary.bp3-active, -.bp3-select.bp3-minimal select.bp3-intent-primary.bp3-active { - background: rgba(47, 65, 155, 0.3); - color: var(--primaryHover); -} -.bp3-html-select.bp3-minimal select.bp3-intent-primary:disabled, -.bp3-select.bp3-minimal select.bp3-intent-primary:disabled, -.bp3-html-select.bp3-minimal select.bp3-intent-primary.bp3-disabled, -.bp3-select.bp3-minimal select.bp3-intent-primary.bp3-disabled { - background: none; - color: rgba(10, 34, 153, 0.5); -} -.bp3-html-select.bp3-minimal select.bp3-intent-primary:disabled.bp3-active, -.bp3-select.bp3-minimal select.bp3-intent-primary:disabled.bp3-active, -.bp3-html-select.bp3-minimal select.bp3-intent-primary.bp3-disabled.bp3-active, -.bp3-select.bp3-minimal select.bp3-intent-primary.bp3-disabled.bp3-active { - background: rgba(47, 65, 155, 0.3); -} -.bp3-html-select.bp3-minimal select.bp3-intent-primary .bp3-button-spinner .bp3-spinner-head, -.bp3-select.bp3-minimal select.bp3-intent-primary .bp3-button-spinner .bp3-spinner-head { - stroke: var(--primaryHover); -} -.bp3-html-select.bp3-minimal select.bp3-intent-success, -.bp3-select.bp3-minimal select.bp3-intent-success { - color: var(--successHover); -} -.bp3-html-select.bp3-minimal select.bp3-intent-success:hover, -.bp3-select.bp3-minimal select.bp3-intent-success:hover, -.bp3-html-select.bp3-minimal select.bp3-intent-success:active, -.bp3-select.bp3-minimal select.bp3-intent-success:active, -.bp3-html-select.bp3-minimal select.bp3-intent-success.bp3-active, -.bp3-select.bp3-minimal select.bp3-intent-success.bp3-active { - -webkit-box-shadow: none; - box-shadow: none; - background: none; - color: var(--successHover); -} -.bp3-html-select.bp3-minimal select.bp3-intent-success:hover, -.bp3-select.bp3-minimal select.bp3-intent-success:hover { - background: rgba(15, 153, 96, 0.15); - color: var(--successHover); -} -.bp3-html-select.bp3-minimal select.bp3-intent-success:active, -.bp3-select.bp3-minimal select.bp3-intent-success:active, -.bp3-html-select.bp3-minimal select.bp3-intent-success.bp3-active, -.bp3-select.bp3-minimal select.bp3-intent-success.bp3-active { - background: rgba(15, 153, 96, 0.3); - color: var(--successHover); -} -.bp3-html-select.bp3-minimal select.bp3-intent-success:disabled, -.bp3-select.bp3-minimal select.bp3-intent-success:disabled, -.bp3-html-select.bp3-minimal select.bp3-intent-success.bp3-disabled, -.bp3-select.bp3-minimal select.bp3-intent-success.bp3-disabled { - background: none; - color: rgba(13, 128, 80, 0.5); -} -.bp3-html-select.bp3-minimal select.bp3-intent-success:disabled.bp3-active, -.bp3-select.bp3-minimal select.bp3-intent-success:disabled.bp3-active, -.bp3-html-select.bp3-minimal select.bp3-intent-success.bp3-disabled.bp3-active, -.bp3-select.bp3-minimal select.bp3-intent-success.bp3-disabled.bp3-active { - background: rgba(15, 153, 96, 0.3); -} -.bp3-html-select.bp3-minimal select.bp3-intent-success .bp3-button-spinner .bp3-spinner-head, -.bp3-select.bp3-minimal select.bp3-intent-success .bp3-button-spinner .bp3-spinner-head { - stroke: var(--successHover); -} -.bp3-html-select.bp3-minimal select.bp3-intent-warning, -.bp3-select.bp3-minimal select.bp3-intent-warning { - color: var(--warningHover); -} -.bp3-html-select.bp3-minimal select.bp3-intent-warning:hover, -.bp3-select.bp3-minimal select.bp3-intent-warning:hover, -.bp3-html-select.bp3-minimal select.bp3-intent-warning:active, -.bp3-select.bp3-minimal select.bp3-intent-warning:active, -.bp3-html-select.bp3-minimal select.bp3-intent-warning.bp3-active, -.bp3-select.bp3-minimal select.bp3-intent-warning.bp3-active { - -webkit-box-shadow: none; - box-shadow: none; - background: none; - color: var(--warningHover); -} -.bp3-html-select.bp3-minimal select.bp3-intent-warning:hover, -.bp3-select.bp3-minimal select.bp3-intent-warning:hover { - background: rgba(217, 130, 43, 0.15); - color: var(--warningHover); -} -.bp3-html-select.bp3-minimal select.bp3-intent-warning:active, -.bp3-select.bp3-minimal select.bp3-intent-warning:active, -.bp3-html-select.bp3-minimal select.bp3-intent-warning.bp3-active, -.bp3-select.bp3-minimal select.bp3-intent-warning.bp3-active { - background: rgba(217, 130, 43, 0.3); - color: var(--warningHover); -} -.bp3-html-select.bp3-minimal select.bp3-intent-warning:disabled, -.bp3-select.bp3-minimal select.bp3-intent-warning:disabled, -.bp3-html-select.bp3-minimal select.bp3-intent-warning.bp3-disabled, -.bp3-select.bp3-minimal select.bp3-intent-warning.bp3-disabled { - background: none; - color: rgba(191, 115, 38, 0.5); -} -.bp3-html-select.bp3-minimal select.bp3-intent-warning:disabled.bp3-active, -.bp3-select.bp3-minimal select.bp3-intent-warning:disabled.bp3-active, -.bp3-html-select.bp3-minimal select.bp3-intent-warning.bp3-disabled.bp3-active, -.bp3-select.bp3-minimal select.bp3-intent-warning.bp3-disabled.bp3-active { - background: rgba(217, 130, 43, 0.3); -} -.bp3-html-select.bp3-minimal select.bp3-intent-warning .bp3-button-spinner .bp3-spinner-head, -.bp3-select.bp3-minimal select.bp3-intent-warning .bp3-button-spinner .bp3-spinner-head { - stroke: var(--warningHover); -} -.bp3-html-select.bp3-minimal select.bp3-intent-danger, -.bp3-select.bp3-minimal select.bp3-intent-danger { - color: var(--dangerHover); -} -.bp3-html-select.bp3-minimal select.bp3-intent-danger:hover, -.bp3-select.bp3-minimal select.bp3-intent-danger:hover, -.bp3-html-select.bp3-minimal select.bp3-intent-danger:active, -.bp3-select.bp3-minimal select.bp3-intent-danger:active, -.bp3-html-select.bp3-minimal select.bp3-intent-danger.bp3-active, -.bp3-select.bp3-minimal select.bp3-intent-danger.bp3-active { - -webkit-box-shadow: none; - box-shadow: none; - background: none; - color: var(--dangerHover); -} -.bp3-html-select.bp3-minimal select.bp3-intent-danger:hover, -.bp3-select.bp3-minimal select.bp3-intent-danger:hover { - background: rgba(219, 55, 55, 0.15); - color: var(--dangerHover); -} -.bp3-html-select.bp3-minimal select.bp3-intent-danger:active, -.bp3-select.bp3-minimal select.bp3-intent-danger:active, -.bp3-html-select.bp3-minimal select.bp3-intent-danger.bp3-active, -.bp3-select.bp3-minimal select.bp3-intent-danger.bp3-active { - background: rgba(219, 55, 55, 0.3); - color: var(--dangerHover); -} -.bp3-html-select.bp3-minimal select.bp3-intent-danger:disabled, -.bp3-select.bp3-minimal select.bp3-intent-danger:disabled, -.bp3-html-select.bp3-minimal select.bp3-intent-danger.bp3-disabled, -.bp3-select.bp3-minimal select.bp3-intent-danger.bp3-disabled { - background: none; - color: rgba(194, 48, 48, 0.5); -} -.bp3-html-select.bp3-minimal select.bp3-intent-danger:disabled.bp3-active, -.bp3-select.bp3-minimal select.bp3-intent-danger:disabled.bp3-active, -.bp3-html-select.bp3-minimal select.bp3-intent-danger.bp3-disabled.bp3-active, -.bp3-select.bp3-minimal select.bp3-intent-danger.bp3-disabled.bp3-active { - background: rgba(219, 55, 55, 0.3); -} -.bp3-html-select.bp3-minimal select.bp3-intent-danger .bp3-button-spinner .bp3-spinner-head, -.bp3-select.bp3-minimal select.bp3-intent-danger .bp3-button-spinner .bp3-spinner-head { - stroke: var(--dangerHover); -} - -.bp3-html-select.bp3-large select, -.bp3-select.bp3-large select { - height: 40px; - padding-right: 35px; - font-size: 16px; -} - -.bp3-html-select select:disabled, -.bp3-select select:disabled { - -webkit-box-shadow: none; - box-shadow: none; - background-color: var(--noneDisabled); - cursor: not-allowed; - color: var(--textSecondary); -} - -.bp3-html-select .bp3-icon, -.bp3-select .bp3-icon, -.bp3-select::after { - position: absolute; - top: 7px; - right: 7px; - color: var(--textSecondary); - pointer-events: none; -} -.bp3-html-select .bp3-disabled.bp3-icon, -.bp3-select .bp3-disabled.bp3-icon, -.bp3-disabled.bp3-select::after { - color: var(--textSecondary); -} -.bp3-html-select, -.bp3-select { - display: inline-block; - position: relative; - vertical-align: middle; - letter-spacing: normal; -} -.bp3-html-select select::-ms-expand, -.bp3-select select::-ms-expand { - display: none; -} -.bp3-html-select .bp3-icon, -.bp3-select .bp3-icon { - color: var(--textSecondary); -} -.bp3-html-select .bp3-icon:hover, -.bp3-select .bp3-icon:hover { - color: var(--textPrimary); -} -.bp3-html-select.bp3-large::after, -.bp3-html-select.bp3-large .bp3-icon, -.bp3-select.bp3-large::after, -.bp3-select.bp3-large .bp3-icon { - top: 12px; - right: 12px; -} -.bp3-html-select.bp3-fill, -.bp3-html-select.bp3-fill select, -.bp3-select.bp3-fill, -.bp3-select.bp3-fill select { - width: 100%; -} - -.bp3-select::after { - line-height: 1; - font-family: "Icons16", sans-serif; - font-size: 16px; - font-weight: 400; - font-style: normal; - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; - content: ""; -} -.bp3-running-text table, -table.bp3-html-table { - border-spacing: 0; - font-size: 14px; -} -.bp3-running-text table th, -table.bp3-html-table th, -.bp3-running-text table td, -table.bp3-html-table td { - padding: 11px; - vertical-align: top; - text-align: left; -} -.bp3-running-text table th, -table.bp3-html-table th { - color: var(--textPrimary); - font-weight: 600; -} - -.bp3-running-text table td, -table.bp3-html-table td { - color: var(--textPrimary); -} -.bp3-running-text table tbody tr:first-child th, -table.bp3-html-table tbody tr:first-child th, -.bp3-running-text table tbody tr:first-child td, -table.bp3-html-table tbody tr:first-child td { - -webkit-box-shadow: inset 0 1px 0 0 var(--tint); - box-shadow: inset 0 1px 0 0 var(--tint); -} - -table.bp3-html-table.bp3-html-table-condensed th, -table.bp3-html-table.bp3-html-table-condensed td, -table.bp3-html-table.bp3-small th, -table.bp3-html-table.bp3-small td { - padding-top: 6px; - padding-bottom: 6px; -} - -table.bp3-html-table.bp3-html-table-striped tbody tr:nth-child(odd) td { - background: rgba(191, 204, 214, 0.15); -} - -table.bp3-html-table.bp3-html-table-bordered th:not(:first-child) { - -webkit-box-shadow: inset 1px 0 0 0 var(--tint); - box-shadow: inset 1px 0 0 0 var(--tint); -} - -table.bp3-html-table.bp3-html-table-bordered tbody tr td { - -webkit-box-shadow: inset 0 1px 0 0 var(--tint); - box-shadow: inset 0 1px 0 0 var(--tint); -} -table.bp3-html-table.bp3-html-table-bordered tbody tr td:not(:first-child) { - -webkit-box-shadow: inset 1px 1px 0 0 var(--tint); - box-shadow: inset 1px 1px 0 0 var(--tint); -} - -table.bp3-html-table.bp3-html-table-bordered.bp3-html-table-striped tbody tr:not(:first-child) td { - -webkit-box-shadow: none; - box-shadow: none; -} -table.bp3-html-table.bp3-html-table-bordered.bp3-html-table-striped - tbody - tr:not(:first-child) - td:not(:first-child) { - -webkit-box-shadow: inset 1px 0 0 0 var(--tint); - box-shadow: inset 1px 0 0 0 var(--tint); -} - -table.bp3-html-table.bp3-interactive tbody tr:hover td { - background-color: rgba(191, 204, 214, 0.3); - cursor: pointer; -} - -table.bp3-html-table.bp3-interactive tbody tr:active td { - background-color: rgba(191, 204, 214, 0.4); -} - -.bp3-key-combo { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} -.bp3-key-combo > * { - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-negative: 0; - flex-shrink: 0; -} -.bp3-key-combo > .bp3-fill { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; -} -.bp3-key-combo::before, -.bp3-key-combo > * { - margin-right: 5px; -} -.bp3-key-combo:empty::before, -.bp3-key-combo > :last-child { - margin-right: 0; -} - -.bp3-hotkey-dialog { - top: 40px; - padding-bottom: 0; -} -.bp3-hotkey-dialog .bp3-dialog-body { - margin: 0; - padding: 0; -} -.bp3-hotkey-dialog .bp3-hotkey-label { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; -} - -.bp3-hotkey-column { - margin: auto; - max-height: 80vh; - overflow-y: auto; - padding: 30px; -} -.bp3-hotkey-column .bp3-heading { - margin-bottom: 20px; -} -.bp3-hotkey-column .bp3-heading:not(:first-child) { - margin-top: 40px; -} - -.bp3-hotkey { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; - margin-right: 0; - margin-left: 0; -} -.bp3-hotkey:not(:last-child) { - margin-bottom: 10px; -} -.bp3-submenu > .bp3-popover-wrapper { - display: block; -} - -.bp3-submenu .bp3-popover-target { - display: block; -} - -.bp3-submenu.bp3-popover { - -webkit-box-shadow: none; - box-shadow: none; - padding: 0 5px; -} -.bp3-submenu.bp3-popover > .bp3-popover-content { - -webkit-box-shadow: 0 0 0 1px var(--tint), 0 2px 4px var(--tint), 0 8px 24px var(--tint); - box-shadow: 0 0 0 1px var(--tint), 0 2px 4px var(--tint), 0 8px 24px var(--tint); -} -.bp3-menu { - margin: 0; - border-radius: 3px; - background: inherit; - min-width: 180px; - padding: 5px; - list-style: none; - text-align: left; - color: var(--textPrimary); -} - -.bp3-menu-divider { - display: block; - margin: 5px; - border-top: 1px solid var(--tint); -} - -.bp3-menu-item { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; - border-radius: 2px; - padding: 5px 7px; - text-decoration: none; - line-height: 20px; - color: inherit; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} -.bp3-menu-item > * { - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-negative: 0; - flex-shrink: 0; -} -.bp3-menu-item > .bp3-fill { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; -} -.bp3-menu-item::before, -.bp3-menu-item > * { - margin-right: 7px; -} -.bp3-menu-item:empty::before, -.bp3-menu-item > :last-child { - margin-right: 0; -} -.bp3-menu-item > .bp3-fill { - word-break: break-word; -} -.bp3-menu-item:hover, -.bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item { - background-color: var(--noneHover); - cursor: pointer; - text-decoration: none; -} -.bp3-menu-item.bp3-disabled { - background-color: inherit; - cursor: not-allowed; - color: var(--textSecondary); -} -.bp3-menu-item.bp3-intent-primary { - color: var(--white); - background-color: var(--primary); -} -.bp3-menu-item.bp3-intent-primary .bp3-icon { - color: inherit; -} -.bp3-menu-item.bp3-intent-primary::before, -.bp3-menu-item.bp3-intent-primary::after, -.bp3-menu-item.bp3-intent-primary .bp3-menu-item-label { - color: var(--white); -} -.bp3-menu-item.bp3-intent-primary:hover, -.bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-primary.bp3-menu-item, -.bp3-menu-item.bp3-intent-primary.bp3-active { - background-color: var(--primaryHover); -} -.bp3-menu-item.bp3-intent-primary:active { - background-color: var(--primaryActive); -} -.bp3-menu-item.bp3-intent-primary:hover, -.bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-primary.bp3-menu-item, -.bp3-menu-item.bp3-intent-primary:hover::before, -.bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-primary.bp3-menu-item::before, -.bp3-menu-item.bp3-intent-primary:hover::after, -.bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-primary.bp3-menu-item::after, -.bp3-menu-item.bp3-intent-primary:hover .bp3-menu-item-label, -.bp3-submenu - .bp3-popover-target.bp3-popover-open - > .bp3-intent-primary.bp3-menu-item - .bp3-menu-item-label, -.bp3-menu-item.bp3-intent-primary:active, -.bp3-menu-item.bp3-intent-primary:active::before, -.bp3-menu-item.bp3-intent-primary:active::after, -.bp3-menu-item.bp3-intent-primary:active .bp3-menu-item-label, -.bp3-menu-item.bp3-intent-primary.bp3-active, -.bp3-menu-item.bp3-intent-primary.bp3-active::before, -.bp3-menu-item.bp3-intent-primary.bp3-active::after, -.bp3-menu-item.bp3-intent-primary.bp3-active .bp3-menu-item-label { - color: var(--white); -} -.bp3-menu-item.bp3-intent-success { - color: var(--successHover); -} -.bp3-menu-item.bp3-intent-success .bp3-icon { - color: inherit; -} -.bp3-menu-item.bp3-intent-success::before, -.bp3-menu-item.bp3-intent-success::after, -.bp3-menu-item.bp3-intent-success .bp3-menu-item-label { - color: var(--successHover); -} -.bp3-menu-item.bp3-intent-success:hover, -.bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-success.bp3-menu-item, -.bp3-menu-item.bp3-intent-success.bp3-active { - background-color: var(--success); -} -.bp3-menu-item.bp3-intent-success:active { - background-color: var(--successHover); -} -.bp3-menu-item.bp3-intent-success:hover, -.bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-success.bp3-menu-item, -.bp3-menu-item.bp3-intent-success:hover::before, -.bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-success.bp3-menu-item::before, -.bp3-menu-item.bp3-intent-success:hover::after, -.bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-success.bp3-menu-item::after, -.bp3-menu-item.bp3-intent-success:hover .bp3-menu-item-label, -.bp3-submenu - .bp3-popover-target.bp3-popover-open - > .bp3-intent-success.bp3-menu-item - .bp3-menu-item-label, -.bp3-menu-item.bp3-intent-success:active, -.bp3-menu-item.bp3-intent-success:active::before, -.bp3-menu-item.bp3-intent-success:active::after, -.bp3-menu-item.bp3-intent-success:active .bp3-menu-item-label, -.bp3-menu-item.bp3-intent-success.bp3-active, -.bp3-menu-item.bp3-intent-success.bp3-active::before, -.bp3-menu-item.bp3-intent-success.bp3-active::after, -.bp3-menu-item.bp3-intent-success.bp3-active .bp3-menu-item-label { - color: var(--textInvert); -} -.bp3-menu-item.bp3-intent-warning { - color: var(--warningHover); -} -.bp3-menu-item.bp3-intent-warning .bp3-icon { - color: inherit; -} -.bp3-menu-item.bp3-intent-warning::before, -.bp3-menu-item.bp3-intent-warning::after, -.bp3-menu-item.bp3-intent-warning .bp3-menu-item-label { - color: var(--warningHover); -} -.bp3-menu-item.bp3-intent-warning:hover, -.bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-warning.bp3-menu-item, -.bp3-menu-item.bp3-intent-warning.bp3-active { - background-color: var(--warning); -} -.bp3-menu-item.bp3-intent-warning:active { - background-color: var(--warningHover); -} -.bp3-menu-item.bp3-intent-warning:hover, -.bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-warning.bp3-menu-item, -.bp3-menu-item.bp3-intent-warning:hover::before, -.bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-warning.bp3-menu-item::before, -.bp3-menu-item.bp3-intent-warning:hover::after, -.bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-warning.bp3-menu-item::after, -.bp3-menu-item.bp3-intent-warning:hover .bp3-menu-item-label, -.bp3-submenu - .bp3-popover-target.bp3-popover-open - > .bp3-intent-warning.bp3-menu-item - .bp3-menu-item-label, -.bp3-menu-item.bp3-intent-warning:active, -.bp3-menu-item.bp3-intent-warning:active::before, -.bp3-menu-item.bp3-intent-warning:active::after, -.bp3-menu-item.bp3-intent-warning:active .bp3-menu-item-label, -.bp3-menu-item.bp3-intent-warning.bp3-active, -.bp3-menu-item.bp3-intent-warning.bp3-active::before, -.bp3-menu-item.bp3-intent-warning.bp3-active::after, -.bp3-menu-item.bp3-intent-warning.bp3-active .bp3-menu-item-label { - color: var(--textInvert); -} -.bp3-menu-item.bp3-intent-danger { - color: var(--dangerHover); -} -.bp3-menu-item.bp3-intent-danger .bp3-icon { - color: inherit; -} -.bp3-menu-item.bp3-intent-danger::before, -.bp3-menu-item.bp3-intent-danger::after, -.bp3-menu-item.bp3-intent-danger .bp3-menu-item-label { - color: var(--dangerHover); -} -.bp3-menu-item.bp3-intent-danger:hover, -.bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-danger.bp3-menu-item, -.bp3-menu-item.bp3-intent-danger.bp3-active { - background-color: var(--danger); -} -.bp3-menu-item.bp3-intent-danger:active { - background-color: var(--dangerHover); -} -.bp3-menu-item.bp3-intent-danger:hover, -.bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-danger.bp3-menu-item, -.bp3-menu-item.bp3-intent-danger:hover::before, -.bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-danger.bp3-menu-item::before, -.bp3-menu-item.bp3-intent-danger:hover::after, -.bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-intent-danger.bp3-menu-item::after, -.bp3-menu-item.bp3-intent-danger:hover .bp3-menu-item-label, -.bp3-submenu - .bp3-popover-target.bp3-popover-open - > .bp3-intent-danger.bp3-menu-item - .bp3-menu-item-label, -.bp3-menu-item.bp3-intent-danger:active, -.bp3-menu-item.bp3-intent-danger:active::before, -.bp3-menu-item.bp3-intent-danger:active::after, -.bp3-menu-item.bp3-intent-danger:active .bp3-menu-item-label, -.bp3-menu-item.bp3-intent-danger.bp3-active, -.bp3-menu-item.bp3-intent-danger.bp3-active::before, -.bp3-menu-item.bp3-intent-danger.bp3-active::after, -.bp3-menu-item.bp3-intent-danger.bp3-active .bp3-menu-item-label { - color: var(--textInvert); -} -.bp3-menu-item::before { - line-height: 1; - font-family: "Icons16", sans-serif; - font-size: 16px; - font-weight: 400; - font-style: normal; - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; - margin-right: 7px; -} -.bp3-menu-item::before, -.bp3-menu-item > .bp3-icon { - margin-top: 2px; - color: var(--textSecondary); -} -.bp3-menu-item .bp3-menu-item-label { - color: var(--textSecondary); -} -.bp3-menu-item:hover, -.bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item { - color: inherit; -} -.bp3-menu-item.bp3-active, -.bp3-menu-item:active { - background-color: var(--noneActive); -} -.bp3-menu-item.bp3-disabled { - outline: none !important; - background-color: inherit !important; - cursor: not-allowed !important; - color: var(--textSecondary) !important; -} -.bp3-menu-item.bp3-disabled::before, -.bp3-menu-item.bp3-disabled > .bp3-icon, -.bp3-menu-item.bp3-disabled .bp3-menu-item-label { - color: var(--textSecondary) !important; -} -.bp3-large .bp3-menu-item { - padding: 9px 7px; - line-height: 22px; - font-size: 16px; -} -.bp3-large .bp3-menu-item .bp3-icon { - margin-top: 3px; -} -.bp3-large .bp3-menu-item::before { - line-height: 1; - font-family: "Icons20", sans-serif; - font-size: 20px; - font-weight: 400; - font-style: normal; - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; - margin-top: 1px; - margin-right: 10px; -} - -button.bp3-menu-item { - border: none; - background: none; - width: 100%; - text-align: left; -} -.bp3-menu-header { - display: block; - margin: 5px; - border-top: 1px solid var(--tint); - cursor: default; - padding-left: 2px; -} - -.bp3-menu-header:first-of-type { - border-top: none; -} -.bp3-menu-header > h6 { - color: var(--textPrimary); - font-weight: 600; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - word-wrap: normal; - margin: 0; - padding: 10px 7px 0 1px; - line-height: 17px; -} - -.bp3-menu-header:first-of-type > h6 { - padding-top: 0; -} -.bp3-large .bp3-menu-header > h6 { - padding-top: 15px; - padding-bottom: 5px; - font-size: 18px; -} -.bp3-large .bp3-menu-header:first-of-type > h6 { - padding-top: 0; -} - -.bp3-label .bp3-menu { - margin-top: 5px; -} - -.bp3-non-ideal-state { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - width: 100%; - height: 100%; - text-align: center; -} -.bp3-non-ideal-state > * { - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-negative: 0; - flex-shrink: 0; -} -.bp3-non-ideal-state > .bp3-fill { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; -} -.bp3-non-ideal-state::before, -.bp3-non-ideal-state > * { - margin-bottom: 20px; -} -.bp3-non-ideal-state:empty::before, -.bp3-non-ideal-state > :last-child { - margin-bottom: 0; -} -.bp3-non-ideal-state > * { - max-width: 400px; -} - -.bp3-non-ideal-state-visual { - color: var(--textSecondary); - font-size: 60px; -} - -.bp3-overflow-list { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - min-width: 0; -} - -.bp3-overflow-list-spacer { - -ms-flex-negative: 1; - flex-shrink: 1; - width: 1px; -} - -body.bp3-overlay-open { - overflow: hidden; -} - -.bp3-overlay { - position: static; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 20; -} -.bp3-overlay:not(.bp3-overlay-open) { - pointer-events: none; -} -.bp3-overlay.bp3-overlay-container { - position: fixed; - overflow: hidden; -} -.bp3-overlay.bp3-overlay-container.bp3-overlay-inline { - position: absolute; -} -.bp3-overlay.bp3-overlay-scroll-container { - position: fixed; - overflow: auto; -} -.bp3-overlay.bp3-overlay-scroll-container.bp3-overlay-inline { - position: absolute; -} -.bp3-overlay.bp3-overlay-inline { - display: inline; - overflow: visible; -} - -.bp3-overlay-content { - position: fixed; - z-index: 20; -} -.bp3-overlay-inline .bp3-overlay-content, -.bp3-overlay-scroll-container .bp3-overlay-content { - position: absolute; -} - -.bp3-overlay-backdrop { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - opacity: 1; - z-index: 20; - background-color: var(--thickTint); - overflow: auto; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} -.bp3-overlay-backdrop.bp3-overlay-enter, -.bp3-overlay-backdrop.bp3-overlay-appear { - opacity: 0; -} -.bp3-overlay-backdrop.bp3-overlay-enter-active, -.bp3-overlay-backdrop.bp3-overlay-appear-active { - opacity: 1; - -webkit-transition-property: opacity; - transition-property: opacity; - -webkit-transition-duration: 200ms; - transition-duration: 200ms; - -webkit-transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9); - transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9); - -webkit-transition-delay: 0; - transition-delay: 0; -} -.bp3-overlay-backdrop.bp3-overlay-exit { - opacity: 1; -} -.bp3-overlay-backdrop.bp3-overlay-exit-active { - opacity: 0; - -webkit-transition-property: opacity; - transition-property: opacity; - -webkit-transition-duration: 200ms; - transition-duration: 200ms; - -webkit-transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9); - transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9); - -webkit-transition-delay: 0; - transition-delay: 0; -} -.bp3-overlay-backdrop:focus { - outline: none; -} -.bp3-overlay-inline .bp3-overlay-backdrop { - position: absolute; -} -.bp3-panel-stack { - position: relative; - overflow: hidden; -} - -.bp3-panel-stack-header { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-negative: 0; - flex-shrink: 0; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - z-index: 1; - -webkit-box-shadow: 0 1px var(--tint); - box-shadow: 0 1px var(--tint); - height: 30px; -} - -.bp3-panel-stack-header > span { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; -} -.bp3-panel-stack-header .bp3-heading { - margin: 0 5px; -} - -.bp3-button.bp3-panel-stack-header-back { - margin-left: 5px; - padding-left: 0; - white-space: nowrap; -} -.bp3-button.bp3-panel-stack-header-back .bp3-icon { - margin: 0 2px; -} - -.bp3-panel-stack-view { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - margin-right: -1px; - border-right: 1px solid var(--tint); - background-color: var(--shade1); - overflow-y: auto; -} - -.bp3-panel-stack-push .bp3-panel-stack-enter, -.bp3-panel-stack-push .bp3-panel-stack-appear { - -webkit-transform: translateX(100%); - transform: translateX(100%); - opacity: 0; -} - -.bp3-panel-stack-push .bp3-panel-stack-enter-active, -.bp3-panel-stack-push .bp3-panel-stack-appear-active { - -webkit-transform: translate(0%); - transform: translate(0%); - opacity: 1; - -webkit-transition-property: opacity, -webkit-transform; - transition-property: opacity, -webkit-transform; - transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - -webkit-transition-duration: 400ms; - transition-duration: 400ms; - -webkit-transition-timing-function: ease; - transition-timing-function: ease; - -webkit-transition-delay: 0; - transition-delay: 0; -} - -.bp3-panel-stack-push .bp3-panel-stack-exit { - -webkit-transform: translate(0%); - transform: translate(0%); - opacity: 1; -} - -.bp3-panel-stack-push .bp3-panel-stack-exit-active { - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - opacity: 0; - -webkit-transition-property: opacity, -webkit-transform; - transition-property: opacity, -webkit-transform; - transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - -webkit-transition-duration: 400ms; - transition-duration: 400ms; - -webkit-transition-timing-function: ease; - transition-timing-function: ease; - -webkit-transition-delay: 0; - transition-delay: 0; -} - -.bp3-panel-stack-pop .bp3-panel-stack-enter, -.bp3-panel-stack-pop .bp3-panel-stack-appear { - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - opacity: 0; -} - -.bp3-panel-stack-pop .bp3-panel-stack-enter-active, -.bp3-panel-stack-pop .bp3-panel-stack-appear-active { - -webkit-transform: translate(0%); - transform: translate(0%); - opacity: 1; - -webkit-transition-property: opacity, -webkit-transform; - transition-property: opacity, -webkit-transform; - transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - -webkit-transition-duration: 400ms; - transition-duration: 400ms; - -webkit-transition-timing-function: ease; - transition-timing-function: ease; - -webkit-transition-delay: 0; - transition-delay: 0; -} - -.bp3-panel-stack-pop .bp3-panel-stack-exit { - -webkit-transform: translate(0%); - transform: translate(0%); - opacity: 1; -} - -.bp3-panel-stack-pop .bp3-panel-stack-exit-active { - -webkit-transform: translateX(100%); - transform: translateX(100%); - opacity: 0; - -webkit-transition-property: opacity, -webkit-transform; - transition-property: opacity, -webkit-transform; - transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - -webkit-transition-duration: 400ms; - transition-duration: 400ms; - -webkit-transition-timing-function: ease; - transition-timing-function: ease; - -webkit-transition-delay: 0; - transition-delay: 0; -} - -.bp3-transition-container { - opacity: 1; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - z-index: 20; -} -.bp3-transition-container.bp3-popover-enter, -.bp3-transition-container.bp3-popover-appear { - opacity: 0; -} -.bp3-transition-container.bp3-popover-enter-active, -.bp3-transition-container.bp3-popover-appear-active { - opacity: 1; - -webkit-transition-property: opacity; - transition-property: opacity; - -webkit-transition-duration: 100ms; - transition-duration: 100ms; - -webkit-transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9); - transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9); - -webkit-transition-delay: 0; - transition-delay: 0; -} -.bp3-transition-container.bp3-popover-exit { - opacity: 1; -} -.bp3-transition-container.bp3-popover-exit-active { - opacity: 0; - -webkit-transition-property: opacity; - transition-property: opacity; - -webkit-transition-duration: 100ms; - transition-duration: 100ms; - -webkit-transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9); - transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9); - -webkit-transition-delay: 0; - transition-delay: 0; -} -.bp3-transition-container:focus { - outline: none; -} -.bp3-transition-container.bp3-popover-leave .bp3-popover-content { - pointer-events: none; -} -.bp3-transition-container[data-x-out-of-boundaries] { - display: none; -} - -span.bp3-popover-target { - display: inline-block; -} - -.bp3-portal { - position: absolute; - top: 0; - right: 0; - left: 0; -} -@-webkit-keyframes linear-progress-bar-stripes { - from { - background-position: 0 0; - } - to { - background-position: 30px 0; - } -} -@keyframes linear-progress-bar-stripes { - from { - background-position: 0 0; - } - to { - background-position: 30px 0; - } -} - -.bp3-progress-bar { - display: block; - position: relative; - border-radius: 40px; - background: var(--tint); - width: 100%; - height: 8px; - overflow: hidden; -} -.bp3-progress-bar .bp3-progress-meter { - position: absolute; - border-radius: 40px; - background: linear-gradient( - -45deg, - rgba(255, 255, 255, 0.2) 25%, - transparent 25%, - transparent 50%, - rgba(255, 255, 255, 0.2) 50%, - rgba(255, 255, 255, 0.2) 75%, - transparent 75% - ); - background-color: rgba(92, 112, 128, 0.8); - background-size: 30px 30px; - width: 100%; - height: 100%; - -webkit-transition: width 200ms cubic-bezier(0.4, 1, 0.75, 0.9); - transition: width 200ms cubic-bezier(0.4, 1, 0.75, 0.9); -} -.bp3-progress-bar:not(.bp3-no-animation):not(.bp3-no-stripes) .bp3-progress-meter { - animation: linear-progress-bar-stripes 300ms linear infinite reverse; -} - -.bp3-progress-bar.bp3-intent-primary .bp3-progress-meter { - background-color: var(--primary); -} - -.bp3-progress-bar.bp3-intent-success .bp3-progress-meter { - background-color: var(--success); -} - -.bp3-progress-bar.bp3-intent-warning .bp3-progress-meter { - background-color: var(--warning); -} - -.bp3-progress-bar.bp3-intent-danger .bp3-progress-meter { - background-color: var(--danger); -} -@-webkit-keyframes skeleton-glow { - from { - border-color: rgba(206, 217, 224, 0.2); - background: rgba(206, 217, 224, 0.2); - } - to { - border-color: var(--tint); - background: var(--tint); - } -} -@keyframes skeleton-glow { - from { - border-color: rgba(206, 217, 224, 0.2); - background: rgba(206, 217, 224, 0.2); - } - to { - border-color: var(--tint); - background: var(--tint); - } -} -.bp3-skeleton { - border-color: rgba(206, 217, 224, 0.2) !important; - border-radius: 2px; - -webkit-box-shadow: none !important; - box-shadow: none !important; - background: rgba(206, 217, 224, 0.2); - background-clip: padding-box !important; - cursor: default; - color: transparent !important; - -webkit-animation: 1000ms linear infinite alternate skeleton-glow; - animation: 1000ms linear infinite alternate skeleton-glow; - pointer-events: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} -.bp3-skeleton::before, -.bp3-skeleton::after, -.bp3-skeleton * { - visibility: hidden !important; -} -.bp3-slider { - width: 100%; - min-width: 150px; - height: 40px; - position: relative; - outline: none; - cursor: default; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} -.bp3-slider:hover { - cursor: pointer; -} -.bp3-slider:active { - cursor: -webkit-grabbing; - cursor: grabbing; -} -.bp3-slider.bp3-disabled { - opacity: 0.5; - cursor: not-allowed; -} -.bp3-slider.bp3-slider-unlabeled { - height: 16px; -} - -.bp3-slider-track, -.bp3-slider-progress { - top: 5px; - right: 0; - left: 0; - height: 6px; - position: absolute; -} - -.bp3-slider-track { - border-radius: 3px; - overflow: hidden; -} - -.bp3-slider-progress { - background: var(--tint); -} -.bp3-slider-progress.bp3-intent-primary { - background-color: var(--primary); -} -.bp3-slider-progress.bp3-intent-success { - background-color: var(--success); -} -.bp3-slider-progress.bp3-intent-warning { - background-color: var(--warning); -} -.bp3-slider-progress.bp3-intent-danger { - background-color: var(--danger); -} - -.bp3-slider-handle { - background-color: var(--textPrimary); - color: var(--textPrimary); - position: absolute; - top: 0; - left: 0; - border-radius: 3px; - -webkit-box-shadow: 0 0 0 1px var(--tint), 0 1px 1px var(--tint); - box-shadow: 0 0 0 1px var(--tint), 0 1px 1px var(--tint); - cursor: pointer; - width: 16px; - height: 16px; -} -.bp3-slider-handle:hover { - background-clip: padding-box; - background-color: var(--noneHover); -} -.bp3-slider-handle:active, -.bp3-slider-handle.bp3-active { - -webkit-box-shadow: inset 0 0 0 1px var(--tint), inset 0 1px 2px var(--tint); - box-shadow: inset 0 0 0 1px var(--tint), inset 0 1px 2px var(--tint); - background-color: var(--noneActive); -} -.bp3-slider-handle:disabled, -.bp3-slider-handle.bp3-disabled { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; - background-color: var(--noneDisabled); - cursor: not-allowed; - color: var(--textSecondary); -} -.bp3-slider-handle:disabled.bp3-active, -.bp3-slider-handle:disabled.bp3-active:hover, -.bp3-slider-handle.bp3-disabled.bp3-active, -.bp3-slider-handle.bp3-disabled.bp3-active:hover { - background: rgba(206, 217, 224, 0.7); -} -.bp3-slider-handle:focus { - z-index: 1; -} -.bp3-slider-handle:hover { - background-clip: padding-box; - background-color: var(--noneHover); - z-index: 2; - -webkit-box-shadow: 0 0 0 1px var(--tint), 0 1px 1px var(--tint); - box-shadow: 0 0 0 1px var(--tint), 0 1px 1px var(--tint); - cursor: -webkit-grab; - cursor: grab; -} -.bp3-slider-handle.bp3-active { - -webkit-box-shadow: inset 0 0 0 1px var(--tint), inset 0 1px 2px var(--tint); - box-shadow: inset 0 0 0 1px var(--tint), inset 0 1px 2px var(--tint); - background-color: var(--noneActive); - -webkit-box-shadow: 0 0 0 1px var(--tint), inset 0 1px 1px var(--tint); - box-shadow: 0 0 0 1px var(--tint), inset 0 1px 1px var(--tint); - cursor: -webkit-grabbing; - cursor: grabbing; -} -.bp3-disabled .bp3-slider-handle { - -webkit-box-shadow: none; - box-shadow: none; - background: var(--textSecondary); - pointer-events: none; -} -.bp3-slider-handle .bp3-slider-label { - margin-left: 8px; - border-radius: 3px; - -webkit-box-shadow: 0 0 0 1px var(--tint), 0 2px 4px var(--tint), 0 8px 24px var(--tint); - box-shadow: 0 0 0 1px var(--tint), 0 2px 4px var(--tint), 0 8px 24px var(--tint); - background: #394b59; - color: var(--textPrimary); -} - -.bp3-disabled .bp3-slider-handle .bp3-slider-label { - -webkit-box-shadow: none; - box-shadow: none; -} -.bp3-slider-handle.bp3-start, -.bp3-slider-handle.bp3-end { - width: 8px; -} -.bp3-slider-handle.bp3-start { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.bp3-slider-handle.bp3-end { - margin-left: 8px; - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.bp3-slider-handle.bp3-end .bp3-slider-label { - margin-left: 0; -} - -.bp3-slider-label { - -webkit-transform: translate(-50%, 20px); - transform: translate(-50%, 20px); - display: inline-block; - position: absolute; - padding: 2px 5px; - vertical-align: top; - line-height: 1; - font-size: 12px; -} - -.bp3-slider.bp3-vertical { - width: 40px; - min-width: 40px; - height: 150px; -} -.bp3-slider.bp3-vertical .bp3-slider-track, -.bp3-slider.bp3-vertical .bp3-slider-progress { - top: 0; - bottom: 0; - left: 5px; - width: 6px; - height: auto; -} -.bp3-slider.bp3-vertical .bp3-slider-progress { - top: auto; -} -.bp3-slider.bp3-vertical .bp3-slider-label { - -webkit-transform: translate(20px, 50%); - transform: translate(20px, 50%); -} -.bp3-slider.bp3-vertical .bp3-slider-handle { - top: auto; -} -.bp3-slider.bp3-vertical .bp3-slider-handle .bp3-slider-label { - margin-top: -8px; - margin-left: 0; -} -.bp3-slider.bp3-vertical .bp3-slider-handle.bp3-end, -.bp3-slider.bp3-vertical .bp3-slider-handle.bp3-start { - margin-left: 0; - width: 16px; - height: 8px; -} -.bp3-slider.bp3-vertical .bp3-slider-handle.bp3-start { - border-top-left-radius: 0; - border-bottom-right-radius: 3px; -} -.bp3-slider.bp3-vertical .bp3-slider-handle.bp3-start .bp3-slider-label { - -webkit-transform: translate(20px); - transform: translate(20px); -} -.bp3-slider.bp3-vertical .bp3-slider-handle.bp3-end { - margin-bottom: 8px; - border-top-left-radius: 3px; - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; -} - -@-webkit-keyframes pt-spinner-animation { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} - -@keyframes pt-spinner-animation { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} - -.bp3-spinner { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - overflow: hidden; - vertical-align: middle; -} -.bp3-spinner svg { - display: block; -} -.bp3-spinner path { - fill-opacity: 0; -} -.bp3-spinner .bp3-spinner-head { - -webkit-transform-origin: center; - transform-origin: center; - -webkit-transition: stroke-dashoffset 200ms cubic-bezier(0.4, 1, 0.75, 0.9); - transition: stroke-dashoffset 200ms cubic-bezier(0.4, 1, 0.75, 0.9); - stroke: rgba(92, 112, 128, 0.8); - stroke-linecap: round; -} -.bp3-spinner .bp3-spinner-track { - stroke: var(--tint); -} - -.bp3-spinner-animation { - -webkit-animation: pt-spinner-animation 500ms linear infinite; - animation: pt-spinner-animation 500ms linear infinite; -} -.bp3-no-spin > .bp3-spinner-animation { - -webkit-animation: none; - animation: none; -} - -.bp3-spinner.bp3-intent-primary .bp3-spinner-head { - stroke: var(--primary); -} - -.bp3-spinner.bp3-intent-success .bp3-spinner-head { - stroke: var(--success); -} - -.bp3-spinner.bp3-intent-warning .bp3-spinner-head { - stroke: var(--warning); -} - -.bp3-spinner.bp3-intent-danger .bp3-spinner-head { - stroke: var(--danger); -} -.bp3-tabs.bp3-vertical { - display: -webkit-box; - display: -ms-flexbox; - display: flex; -} -.bp3-tabs.bp3-vertical > .bp3-tab-list { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; -} -.bp3-tabs.bp3-vertical > .bp3-tab-list .bp3-tab { - border-radius: 3px; - width: 100%; - padding: 0 10px; -} -.bp3-tabs.bp3-vertical > .bp3-tab-list .bp3-tab[aria-selected="true"] { - -webkit-box-shadow: none; - box-shadow: none; - background-color: rgba(47, 65, 155, 0.2); -} -.bp3-tabs.bp3-vertical > .bp3-tab-list .bp3-tab-indicator-wrapper .bp3-tab-indicator { - top: 0; - right: 0; - bottom: 0; - left: 0; - border-radius: 3px; - background-color: rgba(47, 65, 155, 0.2); - height: auto; -} -.bp3-tabs.bp3-vertical > .bp3-tab-panel { - margin-top: 0; - padding-left: 20px; -} - -.bp3-tab-list { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - -webkit-box-align: end; - -ms-flex-align: end; - align-items: flex-end; - position: relative; - margin: 0; - border: none; - padding: 0; - list-style: none; - background-color: inherit; -} -.bp3-tab-list > *:not(:last-child) { - margin-right: 20px; -} - -.bp3-tab { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - word-wrap: normal; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - position: relative; - cursor: pointer; - max-width: 100%; - vertical-align: top; - line-height: 30px; - color: var(--textPrimary); - font-size: 14px; -} -.bp3-tab a { - display: block; - text-decoration: none; - color: inherit; -} -.bp3-tab-indicator-wrapper ~ .bp3-tab { - -webkit-box-shadow: none !important; - box-shadow: none !important; - background-color: transparent !important; -} -.bp3-tab[aria-disabled="true"] { - cursor: not-allowed; - color: var(--textSecondary); -} -.bp3-tab[aria-selected="true"] { - border-radius: 0; - -webkit-box-shadow: inset 0 -3px 0 var(--primary); - box-shadow: inset 0 -3px 0 var(--primary); -} -.bp3-tab[aria-selected="true"], -.bp3-tab:not([aria-disabled="true"]):hover { - color: var(--primary); -} -.bp3-tab:focus { - -moz-outline-radius: 0; -} -.bp3-large > .bp3-tab { - line-height: 40px; - font-size: 16px; -} - -.bp3-tab-panel { - margin-top: 20px; -} -.bp3-tab-panel[aria-hidden="true"] { - display: none; -} - -.bp3-tab-indicator-wrapper { - position: absolute; - top: 0; - left: 0; - -webkit-transform: translateX(0), translateY(0); - transform: translateX(0), translateY(0); - -webkit-transition: height, width, -webkit-transform; - transition: height, width, -webkit-transform; - transition: height, transform, width; - transition: height, transform, width, -webkit-transform; - -webkit-transition-duration: 200ms; - transition-duration: 200ms; - -webkit-transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9); - transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9); - pointer-events: none; -} -.bp3-tab-indicator-wrapper .bp3-tab-indicator { - position: absolute; - right: 0; - bottom: 0; - left: 0; - background-color: var(--primaryHover); - height: 3px; -} -.bp3-tab-indicator-wrapper.bp3-no-animation { - -webkit-transition: none; - transition: none; -} - -.bp3-flex-expander { - -webkit-box-flex: 1; - -ms-flex: 1 1; - flex: 1 1; -} - -.bp3-input-ghost { - border: none; - -webkit-box-shadow: none; - box-shadow: none; - background: none; - padding: 0; - color: var(--textPrimary); -} -.bp3-input-ghost::-webkit-input-placeholder { - opacity: 1; - color: var(--textSecondary); -} -.bp3-input-ghost::-ms-input-placeholder { - opacity: 1; - color: var(--textSecondary); -} -.bp3-input-ghost::placeholder { - opacity: 1; - color: var(--textSecondary); -} -.bp3-input-ghost:focus { - outline: none !important; -} -.bp3-tree .bp3-icon, -.bp3-tree .bp3-icon-standard, -.bp3-tree .bp3-icon-large { - color: var(--textSecondary); -} -.bp3-tree .bp3-icon.bp3-intent-primary, -.bp3-tree .bp3-icon-standard.bp3-intent-primary, -.bp3-tree .bp3-icon-large.bp3-intent-primary { - color: var(--primary); -} -.bp3-tree .bp3-icon.bp3-intent-success, -.bp3-tree .bp3-icon-standard.bp3-intent-success, -.bp3-tree .bp3-icon-large.bp3-intent-success { - color: var(--success); -} -.bp3-tree .bp3-icon.bp3-intent-warning, -.bp3-tree .bp3-icon-standard.bp3-intent-warning, -.bp3-tree .bp3-icon-large.bp3-intent-warning { - color: var(--warning); -} -.bp3-tree .bp3-icon.bp3-intent-danger, -.bp3-tree .bp3-icon-standard.bp3-intent-danger, -.bp3-tree .bp3-icon-large.bp3-intent-danger { - color: var(--danger); -} - -.bp3-tree-node-list { - margin: 0; - padding-left: 0; - list-style: none; -} - -.bp3-tree-root { - position: relative; - background-color: transparent; - cursor: default; - padding-left: 0; -} - -.bp3-tree-node-content-0 { - padding-left: 0px; -} - -.bp3-tree-node-content-1 { - padding-left: 23px; -} - -.bp3-tree-node-content-2 { - padding-left: 46px; -} - -.bp3-tree-node-content-3 { - padding-left: 69px; -} - -.bp3-tree-node-content-4 { - padding-left: 92px; -} - -.bp3-tree-node-content-5 { - padding-left: 115px; -} - -.bp3-tree-node-content-6 { - padding-left: 138px; -} - -.bp3-tree-node-content-7 { - padding-left: 161px; -} - -.bp3-tree-node-content-8 { - padding-left: 184px; -} - -.bp3-tree-node-content-9 { - padding-left: 207px; -} - -.bp3-tree-node-content-10 { - padding-left: 230px; -} - -.bp3-tree-node-content-11 { - padding-left: 253px; -} - -.bp3-tree-node-content-12 { - padding-left: 276px; -} - -.bp3-tree-node-content-13 { - padding-left: 299px; -} - -.bp3-tree-node-content-14 { - padding-left: 322px; -} - -.bp3-tree-node-content-15 { - padding-left: 345px; -} - -.bp3-tree-node-content-16 { - padding-left: 368px; -} - -.bp3-tree-node-content-17 { - padding-left: 391px; -} - -.bp3-tree-node-content-18 { - padding-left: 414px; -} - -.bp3-tree-node-content-19 { - padding-left: 437px; -} - -.bp3-tree-node-content-20 { - padding-left: 460px; -} - -.bp3-tree-node-content { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - width: 100%; - height: 30px; - padding-right: 5px; -} -.bp3-tree-node-content:hover { - background-color: var(--noneHover); -} - -.bp3-tree-node-caret, -.bp3-tree-node-caret-none { - min-width: 30px; -} - -.bp3-tree-node-caret { - color: var(--textSecondary); - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - cursor: pointer; - padding: 7px; - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.4, 1, 0.75, 0.9); - transition: -webkit-transform 200ms cubic-bezier(0.4, 1, 0.75, 0.9); - transition: transform 200ms cubic-bezier(0.4, 1, 0.75, 0.9); - transition: transform 200ms cubic-bezier(0.4, 1, 0.75, 0.9), - -webkit-transform 200ms cubic-bezier(0.4, 1, 0.75, 0.9); -} -.bp3-tree-node-caret:hover { - color: var(--textPrimary); -} -.bp3-tree-node-caret.bp3-tree-node-caret-open { - -webkit-transform: rotate(90deg); - transform: rotate(90deg); -} -.bp3-tree-node-caret.bp3-icon-standard::before { - content: ""; -} - -.bp3-tree-node-icon { - position: relative; - margin-right: 7px; -} - -.bp3-tree-node-label { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - word-wrap: normal; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - position: relative; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} -.bp3-tree-node-label span { - display: inline; -} - -.bp3-tree-node-secondary-label { - padding: 0 5px; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} -.bp3-tree-node-secondary-label .bp3-popover-wrapper, -.bp3-tree-node-secondary-label .bp3-popover-target { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.bp3-tree-node.bp3-disabled .bp3-tree-node-content { - background-color: inherit; - cursor: not-allowed; - color: var(--textSecondary); -} - -.bp3-tree-node.bp3-disabled .bp3-tree-node-caret, -.bp3-tree-node.bp3-disabled .bp3-tree-node-icon { - cursor: not-allowed; - color: var(--textSecondary); -} - -.bp3-tree-node.bp3-tree-node-selected > .bp3-tree-node-content { - background-color: var(--noneActive); -} - -/*# sourceMappingURL=blueprint.css.map */ diff --git a/components/blueprint/custom.global.scss b/components/blueprint/custom.global.scss deleted file mode 100644 index e46f452f1..000000000 --- a/components/blueprint/custom.global.scss +++ /dev/null @@ -1,117 +0,0 @@ -/*! - -Copyright 2017-present Palantir Technologies, Inc. All rights reserved. -Licensed under the Apache License, Version 2.0. - -*/ - -.bp3-table-container { - -webkit-box-shadow: none !important; - box-shadow: none !important; -} - -.bp3-tree-node-label a { - color: inherit; -} - -.bp3-tree-node-label a:hover { - text-decoration: none; -} - -h1, -h2, -h3, -h4 { - font-family: "Poppins"; -} - -* { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - text-rendering: optimizeLegibility; -} - -a, -a:hover { - text-decoration: none; -} - -p { - margin: 10px 0px 10px; - line-height: 24px; -} - -pre { - margin: 0px; - white-space: pre-wrap; - white-space: -moz-pre-wrap; - white-space: -pre-wrap; - white-space: -o-pre-wrap; - word-wrap: break-word; -} - -input { - color: var(--textPrimary); -} - -// Global normalization. - -body { - margin: 0; - font-family: "Open Sans", "sans-serif"; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - color: var(--textPrimary); - font-size: 14px; - line-height: 1.3; -} - -::-webkit-scrollbar { - width: 6px; - height: 6px; - background-color: transparent; -} - -::-webkit-scrollbar-track { - background-color: transparent; -} - -::-webkit-scrollbar-thumb { - background-color: #aaa; -} - -// Blueprint overrides. - -.bp3-popover .bp3-menu { - max-height: 600px; - overflow: auto; -} - -.bp3-navbar .bp3-control { - margin: 0px; -} - -.bp3-callout-title { - display: inline; - margin-left: 10px; -} - -.bp3-callout { - width: unset; -} - -.bp3-callout-icon { - margin-right: 0px; -} - -.bp3-tree-node-content { - height: 30px; -} - -table.bp3-html-table td { - vertical-align: middle; -} - -iframe { - border: none; -} diff --git a/components/blueprint/datetime.global.scss b/components/blueprint/datetime.global.scss deleted file mode 100644 index 7deb27d1b..000000000 --- a/components/blueprint/datetime.global.scss +++ /dev/null @@ -1,361 +0,0 @@ -/*! - -Copyright 2015-present Palantir Technologies, Inc. All rights reserved. -Licensed under the Apache License, Version 2.0. - -*/ - -.bp3-datepicker { - position: relative; - border-radius: 3px; - background: var(--shade1); - padding: 5px; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} -.bp3-datepicker .DayPicker { - display: inline-block; - position: relative; - min-width: 210px; - vertical-align: top; -} -.bp3-datepicker .DayPicker:focus { - outline: none; -} -.bp3-datepicker .DayPicker-Month { - display: inline-table; - margin: 0 5px 5px; - border-collapse: collapse; - border-spacing: 0; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} -.bp3-datepicker .DayPicker-Month + .bp3-datepicker .DayPicker-Month { - margin-left: 10px; -} -.bp3-datepicker .DayPicker-Caption { - display: table-caption; -} -.bp3-datepicker .DayPicker-Weekdays { - display: table-header-group; -} -.bp3-datepicker .DayPicker-WeekdaysRow { - display: table-row; -} -.bp3-datepicker .DayPicker-Weekday { - display: table-cell; - width: 30px; - height: 30px; - vertical-align: middle; - text-align: center; - line-height: 1; - padding-top: 5px; - font-weight: 600; -} -.bp3-datepicker .DayPicker-Weekday abbr[title] { - text-decoration: none; -} -.bp3-datepicker .DayPicker-Body { - display: table-row-group; -} -.bp3-datepicker .DayPicker-Week { - display: table-row; -} -.bp3-datepicker .DayPicker-WeekNumber { - display: table-cell; - width: 30px; - height: 30px; - vertical-align: middle; - text-align: center; - line-height: 1; - color: var(--shade2); - font-size: 14px; -} -.bp3-datepicker .DayPicker-Day { - display: table-cell; - width: 30px; - height: 30px; - vertical-align: middle; - text-align: center; - line-height: 1; - border-radius: 3px; - cursor: pointer; -} -.bp3-datepicker .DayPicker-Day.DayPicker-Day--outside { - color: var(--shade2); -} -.bp3-datepicker .DayPicker-Day:hover, -.bp3-datepicker .DayPicker-Day:focus { - background: var(--shade3); - color: var(--textPrimary); -} -.bp3-datepicker .DayPicker-Day:active { - background: var(--shade2); -} -.bp3-datepicker .DayPicker-Day.DayPicker-Day--selected { - border-radius: 3px; - background-color: var(--primary); - color: var(--white); -} -.bp3-datepicker .DayPicker-Day.DayPicker-Day--selected:hover { - background-color: var(--primaryHover); -} -.bp3-datepicker .DayPicker-Day.DayPicker-Day--disabled { - background: none; - cursor: not-allowed; - color: var(--primaryDisabled); -} - -.bp3-datepicker-navbar { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - position: absolute; - top: 0; - right: 0; - left: 0; - height: 30px; -} -.bp3-datepicker-navbar > .DayPicker-NavButton--prev { - margin-right: auto; -} -.bp3-datepicker-navbar > .DayPicker-NavButton--next { - margin-left: auto; -} - -.bp3-datepicker-caption { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; - margin: 0 25px 5px; -} -.bp3-datepicker-caption > * { - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-negative: 0; - flex-shrink: 0; -} -.bp3-datepicker-caption > :first-child { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; -} -.bp3-datepicker-caption select { - padding-right: 16px; - padding-left: 5px; - font-weight: 600; -} -.bp3-datepicker-caption select + .bp3-icon { - right: 2px; -} -.bp3-datepicker-caption + .bp3-divider { - margin: 0; -} - -.bp3-datepicker-month-select { - -ms-flex-negative: 1; - flex-shrink: 1; -} - -.bp3-datepicker-year-select { - -ms-flex-negative: 1; - flex-shrink: 1; - min-width: 60px; -} - -.bp3-datepicker-caption-measure { - padding-left: 5px; - font-weight: 600; -} - -.bp3-datepicker-footer { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; -} - -.bp3-daterangepicker { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - white-space: nowrap; -} -.bp3-daterangepicker .DayPicker:first-of-type .bp3-datepicker-navbar { - left: 5px; -} -.bp3-daterangepicker .DayPicker-NavButton--interactionDisabled { - display: none; -} -.bp3-daterangepicker .bp3-daterangepicker-timepickers { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-pack: distribute; - justify-content: space-around; -} -.bp3-daterangepicker.bp3-daterangepicker-contiguous .DayPicker { - min-width: 220px; -} -.bp3-daterangepicker.bp3-daterangepicker-single-month .DayPicker { - min-width: 210px; -} -.bp3-daterangepicker .DayPicker-Day--outside { - visibility: hidden; -} -.bp3-daterangepicker .DayPicker-Day--hovered-range { - border-radius: 0; -} -.bp3-daterangepicker - .DayPicker-Day--hovered-range:not(.DayPicker-Day--selected):not(.DayPicker-Day--selected-range):not(.DayPicker-Day--selected-range-start):not(.DayPicker-Day--selected-range-end) { - background-color: var(--shade2); -} -.bp3-daterangepicker .DayPicker-Day--selected-range { - border-radius: 0; - background-color: var(--shade2); -} -.bp3-daterangepicker .DayPicker-Day--selected-range:hover { - background-color: var(--shade3); -} -.bp3-daterangepicker - .DayPicker-Day--selected-range-start:not(.DayPicker-Day--selected-range-end):not(.DayPicker-Day--hovered-range-end) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.bp3-daterangepicker - .DayPicker-Day--selected-range-end:not(.DayPicker-Day--selected-range-start):not(.DayPicker-Day--hovered-range-start) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.bp3-daterangepicker .DayPicker-Day--hovered-range-start:not(.DayPicker-Day--hovered-range-end) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.bp3-daterangepicker .DayPicker-Day--hovered-range-end:not(.DayPicker-Day--hovered-range-start) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} - -.bp3-menu.bp3-daterangepicker-shortcuts { - min-width: 120px; - padding: 0; -} -.bp3-timepicker { - white-space: nowrap; -} -.bp3-timepicker .bp3-timepicker-arrow-row { - padding: 0 1px; -} -.bp3-timepicker .bp3-timepicker-arrow-button { - color: var(--none); - display: inline-block; - width: 33px; - padding: 4px 0; - text-align: center; -} -.bp3-timepicker .bp3-timepicker-arrow-button:hover { - color: var(--noneHover); -} -.bp3-timepicker .bp3-timepicker-arrow-button + .bp3-timepicker-arrow-button { - margin-left: 11px; -} -.bp3-timepicker .bp3-timepicker-arrow-button:hover { - cursor: pointer; -} -.bp3-timepicker .bp3-timepicker-input-row { - display: inline-block; - border-radius: 3px; - background: var(--shade1); - height: 30px; - padding: 0 1px; - vertical-align: middle; - line-height: 28px; -} -.bp3-timepicker .bp3-timepicker-divider-text { - display: inline-block; - width: 11px; - text-align: center; - color: var(--textSecondary); - font-size: 16px; -} -.bp3-timepicker .bp3-timepicker-input { - outline: 0; - border: 0; - border-radius: 3px; - background: var(--shade0); - width: 33px; - height: 28px; - padding: 0; - text-align: center; - color: var(--textPrimary); -} -.bp3-timepicker .bp3-timepicker-input:focus { - background: var(--shade1); -} -.bp3-timepicker .bp3-timepicker-ampm-select { - margin-left: 5px; -} -.bp3-timepicker.bp3-disabled .bp3-timepicker-input-row { - -webkit-box-shadow: none; - box-shadow: none; - background: var(--noneDisabled); - cursor: not-allowed; - color: var(--textSecondary); - resize: none; -} -.bp3-timepicker.bp3-disabled .bp3-timepicker-input, -.bp3-timepicker.bp3-disabled .bp3-timepicker-divider-text { - cursor: not-allowed; - color: var(--textSecondary); -} -.bp3-timepicker.bp3-disabled .bp3-timepicker-arrow-button, -.bp3-timepicker.bp3-disabled .bp3-timepicker-arrow-button:hover { - cursor: not-allowed; - color: var(--textSecondary); -} - -.bp3-datepicker .bp3-timepicker { - margin-top: 5px; - margin-bottom: 10px; - text-align: center; -} -.bp3-datepicker .bp3-timepicker:last-child { - margin-bottom: 5px; -} -.bp3-datetimepicker { - border-radius: 3px; - background-color: var(--shade1); - padding: 10px; - text-align: center; -} -.bp3-datetimepicker .bp3-datepicker { - border-bottom: var(--border); - padding: 0 0 10px; -} -.bp3-datetimepicker .bp3-timepicker { - margin-top: 10px; -} - -.bp3-dateinput-popover { - padding: 0; -} -/*# sourceMappingURL=blueprint-datetime.css.map */ diff --git a/components/blueprint/dialog.global.scss b/components/blueprint/dialog.global.scss deleted file mode 100644 index 9985822d6..000000000 --- a/components/blueprint/dialog.global.scss +++ /dev/null @@ -1,161 +0,0 @@ -/*! - -Copyright 2017-present Palantir Technologies, Inc. All rights reserved. -Licensed under the Apache License, Version 2.0. - -*/ - -.bp3-dialog-container { - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - width: 100%; - min-height: 100%; - pointer-events: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} -.bp3-dialog-container.bp3-overlay-enter > .bp3-dialog, -.bp3-dialog-container.bp3-overlay-appear > .bp3-dialog { - opacity: 0; - -webkit-transform: scale(0.5); - transform: scale(0.5); -} -.bp3-dialog-container.bp3-overlay-enter-active > .bp3-dialog, -.bp3-dialog-container.bp3-overlay-appear-active > .bp3-dialog { - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); - -webkit-transition-property: opacity, -webkit-transform; - transition-property: opacity, -webkit-transform; - transition-property: opacity, transform; - transition-property: opacity, transform, -webkit-transform; - -webkit-transition-duration: 300ms; - transition-duration: 300ms; - -webkit-transition-timing-function: cubic-bezier(0.54, 1.12, 0.38, 1.11); - transition-timing-function: cubic-bezier(0.54, 1.12, 0.38, 1.11); - -webkit-transition-delay: 0; - transition-delay: 0; -} -.bp3-dialog-container.bp3-overlay-exit > .bp3-dialog { - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); -} -.bp3-dialog-container.bp3-overlay-exit-active > .bp3-dialog { - opacity: 0; - -webkit-transform: scale(0.5); - transform: scale(0.5); - -webkit-transition-property: opacity, -webkit-transform; - transition-property: opacity, -webkit-transform; - transition-property: opacity, transform; - transition-property: opacity, transform, -webkit-transform; - -webkit-transition-duration: 300ms; - transition-duration: 300ms; - -webkit-transition-timing-function: cubic-bezier(0.54, 1.12, 0.38, 1.11); - transition-timing-function: cubic-bezier(0.54, 1.12, 0.38, 1.11); - -webkit-transition-delay: 0; - transition-delay: 0; -} - -.bp3-dialog { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - margin: 30px 0; - border-radius: 6px; - -webkit-box-shadow: 0 0 0 1px var(--tint), 0 4px 8px var(--tint), 0 18px 46px 6px var(--tint); - box-shadow: 0 0 0 1px var(--tint), 0 4px 8px var(--tint), 0 18px 46px 6px var(--tint); - background: var(--shade1); - width: 500px; - pointer-events: all; - -webkit-user-select: text; - -moz-user-select: text; - -ms-user-select: text; - user-select: text; -} -.bp3-dialog:focus { - outline: 0; -} -.bp3-dialog-header { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - border-radius: 6px 6px 0 0; - -webkit-box-shadow: 0 1px 0 var(--tint); - box-shadow: 0 1px 0 var(--tint); - background: var(--shade1); - min-height: 40px; - padding-right: 5px; - padding-left: 20px; -} -.bp3-dialog-header .bp3-icon-large, -.bp3-dialog-header .bp3-icon { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - margin-right: 10px; - color: var(--textSecondary); -} -.bp3-dialog-header .bp3-heading { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - word-wrap: normal; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - margin: 0; - line-height: inherit; -} -.bp3-dialog-header .bp3-heading:last-child { - margin-right: 20px; -} - -.bp3-dialog-body { - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - margin: 20px; - line-height: 18px; -} - -.bp3-dialog-footer { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - margin: 0 20px; -} - -.bp3-dialog-footer-actions { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.bp3-dialog-footer-actions .bp3-button { - margin-left: 10px; -} diff --git a/components/blueprint/drawer.global.scss b/components/blueprint/drawer.global.scss deleted file mode 100644 index 86d7e21c8..000000000 --- a/components/blueprint/drawer.global.scss +++ /dev/null @@ -1,346 +0,0 @@ -/*! - -Copyright 2017-present Palantir Technologies, Inc. All rights reserved. -Licensed under the Apache License, Version 2.0. - -*/ - -.bp3-drawer { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - margin: 0; - -webkit-box-shadow: 0 0 0 1px var(--tint), 0 4px 8px var(--tint), 0 18px 46px 6px var(--tint); - box-shadow: 0 0 0 1px var(--tint), 0 4px 8px var(--tint), 0 18px 46px 6px var(--tint); - background: var(--shade1); - padding: 0; -} -.bp3-drawer:focus { - outline: 0; -} -.bp3-drawer.bp3-position-top { - top: 0; - right: 0; - left: 0; - height: 50%; -} -.bp3-drawer.bp3-position-top.bp3-overlay-enter, -.bp3-drawer.bp3-position-top.bp3-overlay-appear { - -webkit-transform: translateY(-100%); - transform: translateY(-100%); -} -.bp3-drawer.bp3-position-top.bp3-overlay-enter-active, -.bp3-drawer.bp3-position-top.bp3-overlay-appear-active { - -webkit-transform: translateY(0); - transform: translateY(0); - -webkit-transition-property: -webkit-transform; - transition-property: -webkit-transform; - transition-property: transform; - transition-property: transform, -webkit-transform; - -webkit-transition-duration: 200ms; - transition-duration: 200ms; - -webkit-transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9); - transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9); - -webkit-transition-delay: 0; - transition-delay: 0; -} -.bp3-drawer.bp3-position-top.bp3-overlay-exit { - -webkit-transform: translateY(0); - transform: translateY(0); -} -.bp3-drawer.bp3-position-top.bp3-overlay-exit-active { - -webkit-transform: translateY(-100%); - transform: translateY(-100%); - -webkit-transition-property: -webkit-transform; - transition-property: -webkit-transform; - transition-property: transform; - transition-property: transform, -webkit-transform; - -webkit-transition-duration: 100ms; - transition-duration: 100ms; - -webkit-transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9); - transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9); - -webkit-transition-delay: 0; - transition-delay: 0; -} -.bp3-drawer.bp3-position-bottom { - right: 0; - bottom: 0; - left: 0; - height: 50%; -} -.bp3-drawer.bp3-position-bottom.bp3-overlay-enter, -.bp3-drawer.bp3-position-bottom.bp3-overlay-appear { - -webkit-transform: translateY(100%); - transform: translateY(100%); -} -.bp3-drawer.bp3-position-bottom.bp3-overlay-enter-active, -.bp3-drawer.bp3-position-bottom.bp3-overlay-appear-active { - -webkit-transform: translateY(0); - transform: translateY(0); - -webkit-transition-property: -webkit-transform; - transition-property: -webkit-transform; - transition-property: transform; - transition-property: transform, -webkit-transform; - -webkit-transition-duration: 200ms; - transition-duration: 200ms; - -webkit-transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9); - transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9); - -webkit-transition-delay: 0; - transition-delay: 0; -} -.bp3-drawer.bp3-position-bottom.bp3-overlay-exit { - -webkit-transform: translateY(0); - transform: translateY(0); -} -.bp3-drawer.bp3-position-bottom.bp3-overlay-exit-active { - -webkit-transform: translateY(100%); - transform: translateY(100%); - -webkit-transition-property: -webkit-transform; - transition-property: -webkit-transform; - transition-property: transform; - transition-property: transform, -webkit-transform; - -webkit-transition-duration: 100ms; - transition-duration: 100ms; - -webkit-transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9); - transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9); - -webkit-transition-delay: 0; - transition-delay: 0; -} -.bp3-drawer.bp3-position-left { - top: 0; - bottom: 0; - left: 0; - width: 50%; -} -.bp3-drawer.bp3-position-left.bp3-overlay-enter, -.bp3-drawer.bp3-position-left.bp3-overlay-appear { - -webkit-transform: translateX(-100%); - transform: translateX(-100%); -} -.bp3-drawer.bp3-position-left.bp3-overlay-enter-active, -.bp3-drawer.bp3-position-left.bp3-overlay-appear-active { - -webkit-transform: translateX(0); - transform: translateX(0); - -webkit-transition-property: -webkit-transform; - transition-property: -webkit-transform; - transition-property: transform; - transition-property: transform, -webkit-transform; - -webkit-transition-duration: 200ms; - transition-duration: 200ms; - -webkit-transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9); - transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9); - -webkit-transition-delay: 0; - transition-delay: 0; -} -.bp3-drawer.bp3-position-left.bp3-overlay-exit { - -webkit-transform: translateX(0); - transform: translateX(0); -} -.bp3-drawer.bp3-position-left.bp3-overlay-exit-active { - -webkit-transform: translateX(-100%); - transform: translateX(-100%); - -webkit-transition-property: -webkit-transform; - transition-property: -webkit-transform; - transition-property: transform; - transition-property: transform, -webkit-transform; - -webkit-transition-duration: 100ms; - transition-duration: 100ms; - -webkit-transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9); - transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9); - -webkit-transition-delay: 0; - transition-delay: 0; -} -.bp3-drawer.bp3-position-right { - top: 0; - right: 0; - bottom: 0; - width: 50%; -} -.bp3-drawer.bp3-position-right.bp3-overlay-enter, -.bp3-drawer.bp3-position-right.bp3-overlay-appear { - -webkit-transform: translateX(100%); - transform: translateX(100%); -} -.bp3-drawer.bp3-position-right.bp3-overlay-enter-active, -.bp3-drawer.bp3-position-right.bp3-overlay-appear-active { - -webkit-transform: translateX(0); - transform: translateX(0); - -webkit-transition-property: -webkit-transform; - transition-property: -webkit-transform; - transition-property: transform; - transition-property: transform, -webkit-transform; - -webkit-transition-duration: 200ms; - transition-duration: 200ms; - -webkit-transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9); - transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9); - -webkit-transition-delay: 0; - transition-delay: 0; -} -.bp3-drawer.bp3-position-right.bp3-overlay-exit { - -webkit-transform: translateX(0); - transform: translateX(0); -} -.bp3-drawer.bp3-position-right.bp3-overlay-exit-active { - -webkit-transform: translateX(100%); - transform: translateX(100%); - -webkit-transition-property: -webkit-transform; - transition-property: -webkit-transform; - transition-property: transform; - transition-property: transform, -webkit-transform; - -webkit-transition-duration: 100ms; - transition-duration: 100ms; - -webkit-transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9); - transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9); - -webkit-transition-delay: 0; - transition-delay: 0; -} -.bp3-drawer:not(.bp3-position-top):not(.bp3-position-bottom):not(.bp3-position-left):not(.bp3-position-right):not(.bp3-vertical) { - top: 0; - right: 0; - bottom: 0; - width: 50%; -} -.bp3-drawer:not(.bp3-position-top):not(.bp3-position-bottom):not(.bp3-position-left):not(.bp3-position-right):not(.bp3-vertical).bp3-overlay-enter, -.bp3-drawer:not(.bp3-position-top):not(.bp3-position-bottom):not(.bp3-position-left):not(.bp3-position-right):not(.bp3-vertical).bp3-overlay-appear { - -webkit-transform: translateX(100%); - transform: translateX(100%); -} -.bp3-drawer:not(.bp3-position-top):not(.bp3-position-bottom):not(.bp3-position-left):not(.bp3-position-right):not(.bp3-vertical).bp3-overlay-enter-active, -.bp3-drawer:not(.bp3-position-top):not(.bp3-position-bottom):not(.bp3-position-left):not(.bp3-position-right):not(.bp3-vertical).bp3-overlay-appear-active { - -webkit-transform: translateX(0); - transform: translateX(0); - -webkit-transition-property: -webkit-transform; - transition-property: -webkit-transform; - transition-property: transform; - transition-property: transform, -webkit-transform; - -webkit-transition-duration: 200ms; - transition-duration: 200ms; - -webkit-transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9); - transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9); - -webkit-transition-delay: 0; - transition-delay: 0; -} -.bp3-drawer:not(.bp3-position-top):not(.bp3-position-bottom):not(.bp3-position-left):not(.bp3-position-right):not(.bp3-vertical).bp3-overlay-exit { - -webkit-transform: translateX(0); - transform: translateX(0); -} -.bp3-drawer:not(.bp3-position-top):not(.bp3-position-bottom):not(.bp3-position-left):not(.bp3-position-right):not(.bp3-vertical).bp3-overlay-exit-active { - -webkit-transform: translateX(100%); - transform: translateX(100%); - -webkit-transition-property: -webkit-transform; - transition-property: -webkit-transform; - transition-property: transform; - transition-property: transform, -webkit-transform; - -webkit-transition-duration: 100ms; - transition-duration: 100ms; - -webkit-transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9); - transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9); - -webkit-transition-delay: 0; - transition-delay: 0; -} -.bp3-drawer:not(.bp3-position-top):not(.bp3-position-bottom):not(.bp3-position-left):not(.bp3-position-right).bp3-vertical { - right: 0; - bottom: 0; - left: 0; - height: 50%; -} -.bp3-drawer:not(.bp3-position-top):not(.bp3-position-bottom):not(.bp3-position-left):not(.bp3-position-right).bp3-vertical.bp3-overlay-enter, -.bp3-drawer:not(.bp3-position-top):not(.bp3-position-bottom):not(.bp3-position-left):not(.bp3-position-right).bp3-vertical.bp3-overlay-appear { - -webkit-transform: translateY(100%); - transform: translateY(100%); -} -.bp3-drawer:not(.bp3-position-top):not(.bp3-position-bottom):not(.bp3-position-left):not(.bp3-position-right).bp3-vertical.bp3-overlay-enter-active, -.bp3-drawer:not(.bp3-position-top):not(.bp3-position-bottom):not(.bp3-position-left):not(.bp3-position-right).bp3-vertical.bp3-overlay-appear-active { - -webkit-transform: translateY(0); - transform: translateY(0); - -webkit-transition-property: -webkit-transform; - transition-property: -webkit-transform; - transition-property: transform; - transition-property: transform, -webkit-transform; - -webkit-transition-duration: 200ms; - transition-duration: 200ms; - -webkit-transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9); - transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9); - -webkit-transition-delay: 0; - transition-delay: 0; -} -.bp3-drawer:not(.bp3-position-top):not(.bp3-position-bottom):not(.bp3-position-left):not(.bp3-position-right).bp3-vertical.bp3-overlay-exit { - -webkit-transform: translateY(0); - transform: translateY(0); -} -.bp3-drawer:not(.bp3-position-top):not(.bp3-position-bottom):not(.bp3-position-left):not(.bp3-position-right).bp3-vertical.bp3-overlay-exit-active { - -webkit-transform: translateY(100%); - transform: translateY(100%); - -webkit-transition-property: -webkit-transform; - transition-property: -webkit-transform; - transition-property: transform; - transition-property: transform, -webkit-transform; - -webkit-transition-duration: 100ms; - transition-duration: 100ms; - -webkit-transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9); - transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9); - -webkit-transition-delay: 0; - transition-delay: 0; -} - -.bp3-drawer-header { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - position: relative; - border-radius: 0; - -webkit-box-shadow: 0 1px 0 var(--tint); - box-shadow: 0 1px 0 var(--tint); - min-height: 40px; - padding: 5px; - padding-left: 20px; -} -.bp3-drawer-header .bp3-icon-large, -.bp3-drawer-header .bp3-icon { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - margin-right: 10px; - color: var(--textSecondary); -} -.bp3-drawer-header .bp3-heading { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - word-wrap: normal; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - margin: 0; - line-height: inherit; -} -.bp3-drawer-header .bp3-heading:last-child { - margin-right: 20px; -} -.bp3-drawer-body { - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - overflow: auto; - line-height: 18px; -} - -.bp3-drawer-footer { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - position: relative; - -webkit-box-shadow: inset 0 1px 0 var(--tint); - box-shadow: inset 0 1px 0 var(--tint); - padding: 10px 20px; -} diff --git a/components/blueprint/icons.global.scss b/components/blueprint/icons.global.scss deleted file mode 100644 index 67416f5f8..000000000 --- a/components/blueprint/icons.global.scss +++ /dev/null @@ -1,1954 +0,0 @@ -/*! - -Copyright 2017-present Palantir Technologies, Inc. All rights reserved. -Licensed under the Apache License, Version 2.0. - -*/ - -@font-face { - font-family: "Icons16"; - font-weight: normal; - font-style: normal; - src: url("/resources/icons/icons-16.eot?#iefix") format("embedded-opentype"), - url("/resources/icons/icons-16.woff") format("woff"), - url("/resources/icons/icons-16.ttf") format("truetype"); -} - -@font-face { - font-family: "Icons20"; - font-weight: normal; - font-style: normal; - src: url("/resources/icons/icons-20.eot?#iefix") format("embedded-opentype"), - url("/resources/icons/icons-20.woff") format("woff"), - url("/resources/icons/icons-20.ttf") format("truetype"); -} - -.bp3-icon { - display: inline-block; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - vertical-align: text-bottom; -} -.bp3-icon:not(:empty)::before { - content: "" !important; - content: unset !important; -} -.bp3-icon > svg { - display: block; -} -.bp3-icon > svg:not([fill]) { - fill: currentColor; -} - -.bp3-icon.bp3-intent-primary, -.bp3-icon-standard.bp3-intent-primary, -.bp3-icon-large.bp3-intent-primary { - color: var(--primaryHover); -} - -.bp3-icon.bp3-intent-success, -.bp3-icon-standard.bp3-intent-success, -.bp3-icon-large.bp3-intent-success { - color: var(--successHover); -} - -.bp3-icon.bp3-intent-warning, -.bp3-icon-standard.bp3-intent-warning, -.bp3-icon-large.bp3-intent-warning { - color: var(--warningHover); -} - -.bp3-icon.bp3-intent-danger, -.bp3-icon-standard.bp3-intent-danger, -.bp3-icon-large.bp3-intent-danger { - color: var(--dangerHover); -} - -span.bp3-icon-standard { - line-height: 1; - font-family: "Icons16", sans-serif; - font-size: 16px; - font-weight: 400; - font-style: normal; - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; - display: inline-block; -} - -span.bp3-icon-large { - line-height: 1; - font-family: "Icons20", sans-serif; - font-size: 20px; - font-weight: 400; - font-style: normal; - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; - display: inline-block; -} - -span.bp3-icon:empty { - line-height: 1; - font-family: "Icons20"; - font-size: inherit; - font-weight: 400; - font-style: normal; -} -span.bp3-icon:empty::before { - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; -} - -.bp3-icon-add::before { - content: ""; -} - -.bp3-icon-add-column-left::before { - content: ""; -} - -.bp3-icon-add-column-right::before { - content: ""; -} - -.bp3-icon-add-row-bottom::before { - content: ""; -} - -.bp3-icon-add-row-top::before { - content: ""; -} - -.bp3-icon-add-to-artifact::before { - content: ""; -} - -.bp3-icon-add-to-folder::before { - content: ""; -} - -.bp3-icon-airplane::before { - content: ""; -} - -.bp3-icon-align-center::before { - content: ""; -} - -.bp3-icon-align-justify::before { - content: ""; -} - -.bp3-icon-align-left::before { - content: ""; -} - -.bp3-icon-align-right::before { - content: ""; -} - -.bp3-icon-alignment-bottom::before { - content: ""; -} - -.bp3-icon-alignment-horizontal-center::before { - content: ""; -} - -.bp3-icon-alignment-left::before { - content: ""; -} - -.bp3-icon-alignment-right::before { - content: ""; -} - -.bp3-icon-alignment-top::before { - content: ""; -} - -.bp3-icon-alignment-vertical-center::before { - content: ""; -} - -.bp3-icon-annotation::before { - content: ""; -} - -.bp3-icon-application::before { - content: ""; -} - -.bp3-icon-applications::before { - content: ""; -} - -.bp3-icon-arrow-bottom-left::before { - content: "↙"; -} - -.bp3-icon-arrow-bottom-right::before { - content: "↘"; -} - -.bp3-icon-arrow-down::before { - content: "↓"; -} - -.bp3-icon-arrow-left::before { - content: "←"; -} - -.bp3-icon-arrow-right::before { - content: "→"; -} - -.bp3-icon-arrow-top-left::before { - content: "↖"; -} - -.bp3-icon-arrow-top-right::before { - content: "↗"; -} - -.bp3-icon-arrow-up::before { - content: "↑"; -} - -.bp3-icon-arrows-horizontal::before { - content: "↔"; -} - -.bp3-icon-arrows-vertical::before { - content: "↕"; -} - -.bp3-icon-asterisk::before { - content: "*"; -} - -.bp3-icon-automatic-updates::before { - content: ""; -} - -.bp3-icon-badge::before { - content: ""; -} - -.bp3-icon-ban-circle::before { - content: ""; -} - -.bp3-icon-bank-account::before { - content: ""; -} - -.bp3-icon-barcode::before { - content: ""; -} - -.bp3-icon-blank::before { - content: ""; -} - -.bp3-icon-blocked-person::before { - content: ""; -} - -.bp3-icon-bold::before { - content: ""; -} - -.bp3-icon-book::before { - content: ""; -} - -.bp3-icon-bookmark::before { - content: ""; -} - -.bp3-icon-box::before { - content: ""; -} - -.bp3-icon-briefcase::before { - content: ""; -} - -.bp3-icon-build::before { - content: ""; -} - -.bp3-icon-calculator::before { - content: ""; -} - -.bp3-icon-calendar::before { - content: ""; -} - -.bp3-icon-camera::before { - content: ""; -} - -.bp3-icon-caret-down::before { - content: "⌄"; -} - -.bp3-icon-caret-left::before { - content: "〈"; -} - -.bp3-icon-caret-right::before { - content: "〉"; -} - -.bp3-icon-caret-up::before { - content: "⌃"; -} - -.bp3-icon-cell-tower::before { - content: ""; -} - -.bp3-icon-changes::before { - content: ""; -} - -.bp3-icon-chart::before { - content: ""; -} - -.bp3-icon-chat::before { - content: ""; -} - -.bp3-icon-chevron-backward::before { - content: ""; -} - -.bp3-icon-chevron-down::before { - content: ""; -} - -.bp3-icon-chevron-forward::before { - content: ""; -} - -.bp3-icon-chevron-left::before { - content: ""; -} - -.bp3-icon-chevron-right::before { - content: ""; -} - -.bp3-icon-chevron-up::before { - content: ""; -} - -.bp3-icon-circle::before { - content: ""; -} - -.bp3-icon-circle-arrow-down::before { - content: ""; -} - -.bp3-icon-circle-arrow-left::before { - content: ""; -} - -.bp3-icon-circle-arrow-right::before { - content: ""; -} - -.bp3-icon-circle-arrow-up::before { - content: ""; -} - -.bp3-icon-citation::before { - content: ""; -} - -.bp3-icon-clean::before { - content: ""; -} - -.bp3-icon-clipboard::before { - content: ""; -} - -.bp3-icon-cloud::before { - content: "☁"; -} - -.bp3-icon-cloud-download::before { - content: ""; -} - -.bp3-icon-cloud-upload::before { - content: ""; -} - -.bp3-icon-code::before { - content: ""; -} - -.bp3-icon-code-block::before { - content: ""; -} - -.bp3-icon-cog::before { - content: ""; -} - -.bp3-icon-collapse-all::before { - content: ""; -} - -.bp3-icon-column-layout::before { - content: ""; -} - -.bp3-icon-comment::before { - content: ""; -} - -.bp3-icon-comparison::before { - content: ""; -} - -.bp3-icon-compass::before { - content: ""; -} - -.bp3-icon-compressed::before { - content: ""; -} - -.bp3-icon-confirm::before { - content: ""; -} - -.bp3-icon-console::before { - content: ""; -} - -.bp3-icon-contrast::before { - content: ""; -} - -.bp3-icon-control::before { - content: ""; -} - -.bp3-icon-credit-card::before { - content: ""; -} - -.bp3-icon-cross::before { - content: "✗"; -} - -.bp3-icon-crown::before { - content: ""; -} - -.bp3-icon-cube::before { - content: ""; -} - -.bp3-icon-cube-add::before { - content: ""; -} - -.bp3-icon-cube-remove::before { - content: ""; -} - -.bp3-icon-curved-range-chart::before { - content: ""; -} - -.bp3-icon-cut::before { - content: ""; -} - -.bp3-icon-dashboard::before { - content: ""; -} - -.bp3-icon-database::before { - content: ""; -} - -.bp3-icon-delete::before { - content: ""; -} - -.bp3-icon-delta::before { - content: "Δ"; -} - -.bp3-icon-derive-column::before { - content: ""; -} - -.bp3-icon-desktop::before { - content: ""; -} - -.bp3-icon-diagram-tree::before { - content: ""; -} - -.bp3-icon-direction-left::before { - content: ""; -} - -.bp3-icon-direction-right::before { - content: ""; -} - -.bp3-icon-disable::before { - content: ""; -} - -.bp3-icon-document::before { - content: ""; -} - -.bp3-icon-document-open::before { - content: ""; -} - -.bp3-icon-document-share::before { - content: ""; -} - -.bp3-icon-dollar::before { - content: "$"; -} - -.bp3-icon-dot::before { - content: "•"; -} - -.bp3-icon-double-caret-horizontal::before { - content: ""; -} - -.bp3-icon-double-caret-vertical::before { - content: ""; -} - -.bp3-icon-double-chevron-down::before { - content: ""; -} - -.bp3-icon-double-chevron-left::before { - content: ""; -} - -.bp3-icon-double-chevron-right::before { - content: ""; -} - -.bp3-icon-double-chevron-up::before { - content: ""; -} - -.bp3-icon-doughnut-chart::before { - content: ""; -} - -.bp3-icon-download::before { - content: ""; -} - -.bp3-icon-drag-handle-horizontal::before { - content: ""; -} - -.bp3-icon-drag-handle-vertical::before { - content: ""; -} - -.bp3-icon-draw::before { - content: ""; -} - -.bp3-icon-drive-time::before { - content: ""; -} - -.bp3-icon-duplicate::before { - content: ""; -} - -.bp3-icon-edit::before { - content: "✎"; -} - -.bp3-icon-eject::before { - content: "⏏"; -} - -.bp3-icon-endorsed::before { - content: ""; -} - -.bp3-icon-envelope::before { - content: "✉"; -} - -.bp3-icon-eraser::before { - content: ""; -} - -.bp3-icon-error::before { - content: ""; -} - -.bp3-icon-euro::before { - content: "€"; -} - -.bp3-icon-exchange::before { - content: ""; -} - -.bp3-icon-exclude-row::before { - content: ""; -} - -.bp3-icon-expand-all::before { - content: ""; -} - -.bp3-icon-export::before { - content: ""; -} - -.bp3-icon-eye-off::before { - content: ""; -} - -.bp3-icon-eye-on::before { - content: ""; -} - -.bp3-icon-eye-open::before { - content: ""; -} - -.bp3-icon-fast-backward::before { - content: ""; -} - -.bp3-icon-fast-forward::before { - content: ""; -} - -.bp3-icon-feed::before { - content: ""; -} - -.bp3-icon-feed-subscribed::before { - content: ""; -} - -.bp3-icon-film::before { - content: ""; -} - -.bp3-icon-filter::before { - content: ""; -} - -.bp3-icon-filter-keep::before { - content: ""; -} - -.bp3-icon-filter-list::before { - content: ""; -} - -.bp3-icon-filter-remove::before { - content: ""; -} - -.bp3-icon-flag::before { - content: "⚑"; -} - -.bp3-icon-flame::before { - content: ""; -} - -.bp3-icon-flash::before { - content: ""; -} - -.bp3-icon-floppy-disk::before { - content: ""; -} - -.bp3-icon-flow-branch::before { - content: ""; -} - -.bp3-icon-flow-end::before { - content: ""; -} - -.bp3-icon-flow-linear::before { - content: ""; -} - -.bp3-icon-flow-review::before { - content: ""; -} - -.bp3-icon-flow-review-branch::before { - content: ""; -} - -.bp3-icon-flows::before { - content: ""; -} - -.bp3-icon-folder-close::before { - content: ""; -} - -.bp3-icon-folder-new::before { - content: ""; -} - -.bp3-icon-folder-open::before { - content: ""; -} - -.bp3-icon-folder-shared::before { - content: ""; -} - -.bp3-icon-folder-shared-open::before { - content: ""; -} - -.bp3-icon-follower::before { - content: ""; -} - -.bp3-icon-following::before { - content: ""; -} - -.bp3-icon-font::before { - content: ""; -} - -.bp3-icon-fork::before { - content: ""; -} - -.bp3-icon-form::before { - content: ""; -} - -.bp3-icon-full-circle::before { - content: ""; -} - -.bp3-icon-full-stacked-chart::before { - content: ""; -} - -.bp3-icon-fullscreen::before { - content: ""; -} - -.bp3-icon-function::before { - content: ""; -} - -.bp3-icon-gantt-chart::before { - content: ""; -} - -.bp3-icon-geolocation::before { - content: ""; -} - -.bp3-icon-geosearch::before { - content: ""; -} - -.bp3-icon-git-branch::before { - content: ""; -} - -.bp3-icon-git-commit::before { - content: ""; -} - -.bp3-icon-git-merge::before { - content: ""; -} - -.bp3-icon-git-new-branch::before { - content: ""; -} - -.bp3-icon-git-pull::before { - content: ""; -} - -.bp3-icon-git-push::before { - content: ""; -} - -.bp3-icon-git-repo::before { - content: ""; -} - -.bp3-icon-glass::before { - content: ""; -} - -.bp3-icon-globe::before { - content: ""; -} - -.bp3-icon-globe-network::before { - content: ""; -} - -.bp3-icon-graph::before { - content: ""; -} - -.bp3-icon-graph-remove::before { - content: ""; -} - -.bp3-icon-grid::before { - content: ""; -} - -.bp3-icon-grid-view::before { - content: ""; -} - -.bp3-icon-group-objects::before { - content: ""; -} - -.bp3-icon-grouped-bar-chart::before { - content: ""; -} - -.bp3-icon-hand::before { - content: ""; -} - -.bp3-icon-hand-down::before { - content: ""; -} - -.bp3-icon-hand-left::before { - content: ""; -} - -.bp3-icon-hand-right::before { - content: ""; -} - -.bp3-icon-hand-up::before { - content: ""; -} - -.bp3-icon-header::before { - content: ""; -} - -.bp3-icon-header-one::before { - content: ""; -} - -.bp3-icon-header-two::before { - content: ""; -} - -.bp3-icon-headset::before { - content: ""; -} - -.bp3-icon-heart::before { - content: "♥"; -} - -.bp3-icon-heart-broken::before { - content: ""; -} - -.bp3-icon-heat-grid::before { - content: ""; -} - -.bp3-icon-heatmap::before { - content: ""; -} - -.bp3-icon-help::before { - content: "?"; -} - -.bp3-icon-helper-management::before { - content: ""; -} - -.bp3-icon-highlight::before { - content: ""; -} - -.bp3-icon-history::before { - content: ""; -} - -.bp3-icon-home::before { - content: "⌂"; -} - -.bp3-icon-horizontal-bar-chart::before { - content: ""; -} - -.bp3-icon-horizontal-bar-chart-asc::before { - content: ""; -} - -.bp3-icon-horizontal-bar-chart-desc::before { - content: ""; -} - -.bp3-icon-horizontal-distribution::before { - content: ""; -} - -.bp3-icon-id-number::before { - content: ""; -} - -.bp3-icon-image-rotate-left::before { - content: ""; -} - -.bp3-icon-image-rotate-right::before { - content: ""; -} - -.bp3-icon-import::before { - content: ""; -} - -.bp3-icon-inbox::before { - content: ""; -} - -.bp3-icon-inbox-filtered::before { - content: ""; -} - -.bp3-icon-inbox-geo::before { - content: ""; -} - -.bp3-icon-inbox-search::before { - content: ""; -} - -.bp3-icon-inbox-update::before { - content: ""; -} - -.bp3-icon-info-sign::before { - content: "ℹ"; -} - -.bp3-icon-inheritance::before { - content: ""; -} - -.bp3-icon-inner-join::before { - content: ""; -} - -.bp3-icon-insert::before { - content: ""; -} - -.bp3-icon-intersection::before { - content: ""; -} - -.bp3-icon-ip-address::before { - content: ""; -} - -.bp3-icon-issue::before { - content: ""; -} - -.bp3-icon-issue-closed::before { - content: ""; -} - -.bp3-icon-issue-new::before { - content: ""; -} - -.bp3-icon-italic::before { - content: ""; -} - -.bp3-icon-join-table::before { - content: ""; -} - -.bp3-icon-key::before { - content: ""; -} - -.bp3-icon-key-backspace::before { - content: ""; -} - -.bp3-icon-key-command::before { - content: ""; -} - -.bp3-icon-key-control::before { - content: ""; -} - -.bp3-icon-key-delete::before { - content: ""; -} - -.bp3-icon-key-enter::before { - content: ""; -} - -.bp3-icon-key-escape::before { - content: ""; -} - -.bp3-icon-key-option::before { - content: ""; -} - -.bp3-icon-key-shift::before { - content: ""; -} - -.bp3-icon-key-tab::before { - content: ""; -} - -.bp3-icon-known-vehicle::before { - content: ""; -} - -.bp3-icon-label::before { - content: ""; -} - -.bp3-icon-layer::before { - content: ""; -} - -.bp3-icon-layers::before { - content: ""; -} - -.bp3-icon-layout::before { - content: ""; -} - -.bp3-icon-layout-auto::before { - content: ""; -} - -.bp3-icon-layout-balloon::before { - content: ""; -} - -.bp3-icon-layout-circle::before { - content: ""; -} - -.bp3-icon-layout-grid::before { - content: ""; -} - -.bp3-icon-layout-group-by::before { - content: ""; -} - -.bp3-icon-layout-hierarchy::before { - content: ""; -} - -.bp3-icon-layout-linear::before { - content: ""; -} - -.bp3-icon-layout-skew-grid::before { - content: ""; -} - -.bp3-icon-layout-sorted-clusters::before { - content: ""; -} - -.bp3-icon-left-join::before { - content: ""; -} - -.bp3-icon-lifesaver::before { - content: ""; -} - -.bp3-icon-lightbulb::before { - content: ""; -} - -.bp3-icon-link::before { - content: ""; -} - -.bp3-icon-list::before { - content: "☰"; -} - -.bp3-icon-list-columns::before { - content: ""; -} - -.bp3-icon-list-detail-view::before { - content: ""; -} - -.bp3-icon-locate::before { - content: ""; -} - -.bp3-icon-lock::before { - content: ""; -} - -.bp3-icon-log-in::before { - content: ""; -} - -.bp3-icon-log-out::before { - content: ""; -} - -.bp3-icon-manual::before { - content: ""; -} - -.bp3-icon-manually-entered-data::before { - content: ""; -} - -.bp3-icon-map::before { - content: ""; -} - -.bp3-icon-map-create::before { - content: ""; -} - -.bp3-icon-map-marker::before { - content: ""; -} - -.bp3-icon-maximize::before { - content: ""; -} - -.bp3-icon-media::before { - content: ""; -} - -.bp3-icon-menu::before { - content: ""; -} - -.bp3-icon-menu-closed::before { - content: ""; -} - -.bp3-icon-menu-open::before { - content: ""; -} - -.bp3-icon-merge-columns::before { - content: ""; -} - -.bp3-icon-merge-links::before { - content: ""; -} - -.bp3-icon-minimize::before { - content: ""; -} - -.bp3-icon-minus::before { - content: "−"; -} - -.bp3-icon-mobile-phone::before { - content: ""; -} - -.bp3-icon-mobile-video::before { - content: ""; -} - -.bp3-icon-moon::before { - content: ""; -} - -.bp3-icon-more::before { - content: ""; -} - -.bp3-icon-mountain::before { - content: ""; -} - -.bp3-icon-move::before { - content: ""; -} - -.bp3-icon-mugshot::before { - content: ""; -} - -.bp3-icon-multi-select::before { - content: ""; -} - -.bp3-icon-music::before { - content: ""; -} - -.bp3-icon-new-grid-item::before { - content: ""; -} - -.bp3-icon-new-link::before { - content: ""; -} - -.bp3-icon-new-object::before { - content: ""; -} - -.bp3-icon-new-person::before { - content: ""; -} - -.bp3-icon-new-prescription::before { - content: ""; -} - -.bp3-icon-new-text-box::before { - content: ""; -} - -.bp3-icon-ninja::before { - content: ""; -} - -.bp3-icon-notifications::before { - content: ""; -} - -.bp3-icon-notifications-updated::before { - content: ""; -} - -.bp3-icon-numbered-list::before { - content: ""; -} - -.bp3-icon-numerical::before { - content: ""; -} - -.bp3-icon-office::before { - content: ""; -} - -.bp3-icon-offline::before { - content: ""; -} - -.bp3-icon-oil-field::before { - content: ""; -} - -.bp3-icon-one-column::before { - content: ""; -} - -.bp3-icon-outdated::before { - content: ""; -} - -.bp3-icon-page-layout::before { - content: ""; -} - -.bp3-icon-panel-stats::before { - content: ""; -} - -.bp3-icon-panel-table::before { - content: ""; -} - -.bp3-icon-paperclip::before { - content: ""; -} - -.bp3-icon-paragraph::before { - content: ""; -} - -.bp3-icon-path::before { - content: ""; -} - -.bp3-icon-path-search::before { - content: ""; -} - -.bp3-icon-pause::before { - content: ""; -} - -.bp3-icon-people::before { - content: ""; -} - -.bp3-icon-percentage::before { - content: ""; -} - -.bp3-icon-person::before { - content: ""; -} - -.bp3-icon-phone::before { - content: "☎"; -} - -.bp3-icon-pie-chart::before { - content: ""; -} - -.bp3-icon-pin::before { - content: ""; -} - -.bp3-icon-pivot::before { - content: ""; -} - -.bp3-icon-pivot-table::before { - content: ""; -} - -.bp3-icon-play::before { - content: ""; -} - -.bp3-icon-plus::before { - content: "+"; -} - -.bp3-icon-polygon-filter::before { - content: ""; -} - -.bp3-icon-power::before { - content: ""; -} - -.bp3-icon-predictive-analysis::before { - content: ""; -} - -.bp3-icon-prescription::before { - content: ""; -} - -.bp3-icon-presentation::before { - content: ""; -} - -.bp3-icon-print::before { - content: "⎙"; -} - -.bp3-icon-projects::before { - content: ""; -} - -.bp3-icon-properties::before { - content: ""; -} - -.bp3-icon-property::before { - content: ""; -} - -.bp3-icon-publish-function::before { - content: ""; -} - -.bp3-icon-pulse::before { - content: ""; -} - -.bp3-icon-random::before { - content: ""; -} - -.bp3-icon-record::before { - content: ""; -} - -.bp3-icon-redo::before { - content: ""; -} - -.bp3-icon-refresh::before { - content: ""; -} - -.bp3-icon-regression-chart::before { - content: ""; -} - -.bp3-icon-remove::before { - content: ""; -} - -.bp3-icon-remove-column::before { - content: ""; -} - -.bp3-icon-remove-column-left::before { - content: ""; -} - -.bp3-icon-remove-column-right::before { - content: ""; -} - -.bp3-icon-remove-row-bottom::before { - content: ""; -} - -.bp3-icon-remove-row-top::before { - content: ""; -} - -.bp3-icon-repeat::before { - content: ""; -} - -.bp3-icon-resolve::before { - content: ""; -} - -.bp3-icon-rig::before { - content: ""; -} - -.bp3-icon-right-join::before { - content: ""; -} - -.bp3-icon-ring::before { - content: ""; -} - -.bp3-icon-rotate-document::before { - content: ""; -} - -.bp3-icon-rotate-page::before { - content: ""; -} - -.bp3-icon-satellite::before { - content: ""; -} - -.bp3-icon-saved::before { - content: ""; -} - -.bp3-icon-scatter-plot::before { - content: ""; -} - -.bp3-icon-search::before { - content: ""; -} - -.bp3-icon-search-around::before { - content: ""; -} - -.bp3-icon-search-template::before { - content: ""; -} - -.bp3-icon-search-text::before { - content: ""; -} - -.bp3-icon-segmented-control::before { - content: ""; -} - -.bp3-icon-select::before { - content: ""; -} - -.bp3-icon-selection::before { - content: "⦿"; -} - -.bp3-icon-send-to::before { - content: ""; -} - -.bp3-icon-send-to-graph::before { - content: ""; -} - -.bp3-icon-send-to-map::before { - content: ""; -} - -.bp3-icon-series-add::before { - content: ""; -} - -.bp3-icon-series-configuration::before { - content: ""; -} - -.bp3-icon-series-derived::before { - content: ""; -} - -.bp3-icon-series-filtered::before { - content: ""; -} - -.bp3-icon-series-search::before { - content: ""; -} - -.bp3-icon-settings::before { - content: ""; -} - -.bp3-icon-share::before { - content: ""; -} - -.bp3-icon-shield::before { - content: ""; -} - -.bp3-icon-shop::before { - content: ""; -} - -.bp3-icon-shopping-cart::before { - content: ""; -} - -.bp3-icon-sim-card::before { - content: ""; -} - -.bp3-icon-slash::before { - content: ""; -} - -.bp3-icon-small-cross::before { - content: ""; -} - -.bp3-icon-small-minus::before { - content: ""; -} - -.bp3-icon-small-plus::before { - content: ""; -} - -.bp3-icon-small-tick::before { - content: ""; -} - -.bp3-icon-snowflake::before { - content: ""; -} - -.bp3-icon-social-media::before { - content: ""; -} - -.bp3-icon-sort::before { - content: ""; -} - -.bp3-icon-sort-alphabetical::before { - content: ""; -} - -.bp3-icon-sort-alphabetical-desc::before { - content: ""; -} - -.bp3-icon-sort-asc::before { - content: ""; -} - -.bp3-icon-sort-desc::before { - content: ""; -} - -.bp3-icon-sort-numerical::before { - content: ""; -} - -.bp3-icon-sort-numerical-desc::before { - content: ""; -} - -.bp3-icon-split-columns::before { - content: ""; -} - -.bp3-icon-square::before { - content: ""; -} - -.bp3-icon-stacked-chart::before { - content: ""; -} - -.bp3-icon-star::before { - content: "★"; -} - -.bp3-icon-star-empty::before { - content: "☆"; -} - -.bp3-icon-step-backward::before { - content: ""; -} - -.bp3-icon-step-chart::before { - content: ""; -} - -.bp3-icon-step-forward::before { - content: ""; -} - -.bp3-icon-stop::before { - content: ""; -} - -.bp3-icon-strikethrough::before { - content: ""; -} - -.bp3-icon-style::before { - content: ""; -} - -.bp3-icon-swap-horizontal::before { - content: ""; -} - -.bp3-icon-swap-vertical::before { - content: ""; -} - -.bp3-icon-symbol-circle::before { - content: ""; -} - -.bp3-icon-symbol-cross::before { - content: ""; -} - -.bp3-icon-symbol-diamond::before { - content: ""; -} - -.bp3-icon-symbol-square::before { - content: ""; -} - -.bp3-icon-symbol-triangle-down::before { - content: ""; -} - -.bp3-icon-symbol-triangle-up::before { - content: ""; -} - -.bp3-icon-tag::before { - content: ""; -} - -.bp3-icon-take-action::before { - content: ""; -} - -.bp3-icon-taxi::before { - content: ""; -} - -.bp3-icon-text-highlight::before { - content: ""; -} - -.bp3-icon-th::before { - content: ""; -} - -.bp3-icon-th-derived::before { - content: ""; -} - -.bp3-icon-th-filtered::before { - content: ""; -} - -.bp3-icon-th-list::before { - content: ""; -} - -.bp3-icon-thumbs-down::before { - content: ""; -} - -.bp3-icon-thumbs-up::before { - content: ""; -} - -.bp3-icon-tick::before { - content: "✓"; -} - -.bp3-icon-tick-circle::before { - content: ""; -} - -.bp3-icon-time::before { - content: "⏲"; -} - -.bp3-icon-timeline-area-chart::before { - content: ""; -} - -.bp3-icon-timeline-bar-chart::before { - content: ""; -} - -.bp3-icon-timeline-events::before { - content: ""; -} - -.bp3-icon-timeline-line-chart::before { - content: ""; -} - -.bp3-icon-tint::before { - content: ""; -} - -.bp3-icon-torch::before { - content: ""; -} - -.bp3-icon-train::before { - content: ""; -} - -.bp3-icon-translate::before { - content: ""; -} - -.bp3-icon-trash::before { - content: ""; -} - -.bp3-icon-tree::before { - content: ""; -} - -.bp3-icon-trending-down::before { - content: ""; -} - -.bp3-icon-trending-up::before { - content: ""; -} - -.bp3-icon-two-columns::before { - content: ""; -} - -.bp3-icon-underline::before { - content: "⎁"; -} - -.bp3-icon-undo::before { - content: "⎌"; -} - -.bp3-icon-ungroup-objects::before { - content: ""; -} - -.bp3-icon-unknown-vehicle::before { - content: ""; -} - -.bp3-icon-unlock::before { - content: ""; -} - -.bp3-icon-unpin::before { - content: ""; -} - -.bp3-icon-unresolve::before { - content: ""; -} - -.bp3-icon-updated::before { - content: ""; -} - -.bp3-icon-upload::before { - content: ""; -} - -.bp3-icon-user::before { - content: ""; -} - -.bp3-icon-variable::before { - content: ""; -} - -.bp3-icon-vertical-bar-chart-asc::before { - content: ""; -} - -.bp3-icon-vertical-bar-chart-desc::before { - content: ""; -} - -.bp3-icon-vertical-distribution::before { - content: ""; -} - -.bp3-icon-video::before { - content: ""; -} - -.bp3-icon-volume-down::before { - content: ""; -} - -.bp3-icon-volume-off::before { - content: ""; -} - -.bp3-icon-volume-up::before { - content: ""; -} - -.bp3-icon-walk::before { - content: ""; -} - -.bp3-icon-warning-sign::before { - content: ""; -} - -.bp3-icon-waterfall-chart::before { - content: ""; -} - -.bp3-icon-widget::before { - content: ""; -} - -.bp3-icon-widget-button::before { - content: ""; -} - -.bp3-icon-widget-footer::before { - content: ""; -} - -.bp3-icon-widget-header::before { - content: ""; -} - -.bp3-icon-wrench::before { - content: ""; -} - -.bp3-icon-zoom-in::before { - content: ""; -} - -.bp3-icon-zoom-out::before { - content: ""; -} - -.bp3-icon-zoom-to-fit::before { - content: ""; -} - -/*# sourceMappingURL=blueprint-icons.css.map */ diff --git a/components/blueprint/inject_global_styles.ts b/components/blueprint/inject_global_styles.ts deleted file mode 100644 index 034f61267..000000000 --- a/components/blueprint/inject_global_styles.ts +++ /dev/null @@ -1,19 +0,0 @@ -export function injectGlobalStyles() { - require("df/components/blueprint/buttons.global.css"); - require("df/components/blueprint/callout.global.css"); - require("df/components/blueprint/card.global.css"); - require("df/components/blueprint/dialog.global.css"); - require("df/components/blueprint/drawer.global.css"); - require("df/components/blueprint/navbar.global.css"); - require("df/components/blueprint/popover.global.css"); - require("df/components/blueprint/toast.global.css"); - require("df/components/blueprint/tooltip.global.css"); - require("df/components/blueprint/core.global.css"); - require("df/components/blueprint/tag.global.css"); - require("df/components/blueprint/icons.global.css"); - require("df/components/blueprint/datetime.global.css"); - require("df/components/blueprint/table.global.css"); - require("df/components/blueprint/select.global.css"); - require("df/components/blueprint/custom.global.css"); - require("df/components/blueprint/colors.global.css"); -} diff --git a/components/blueprint/navbar.global.scss b/components/blueprint/navbar.global.scss deleted file mode 100644 index fead7ced5..000000000 --- a/components/blueprint/navbar.global.scss +++ /dev/null @@ -1,50 +0,0 @@ -/*! - -Copyright 2017-present Palantir Technologies, Inc. All rights reserved. -Licensed under the Apache License, Version 2.0. - -*/ - -.bp3-navbar { - position: relative; - z-index: 10; - width: 100%; - height: 50px; - padding: 0 15px; - -webkit-box-shadow: var(--topBarShadow); - box-shadow: var(--topBarShadow); - background-color: var(--shade1); -} -.bp3-navbar.bp3-fixed-top { - position: fixed; - top: 0; - right: 0; - left: 0; -} - -.bp3-navbar-heading { - margin-right: 15px; - font-size: 16px; -} - -.bp3-navbar-group { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - height: 50px; -} -.bp3-navbar-group.bp3-align-left { - float: left; -} -.bp3-navbar-group.bp3-align-right { - float: right; -} - -.bp3-navbar-divider { - margin: 0 10px; - border-left: 1px solid var(--tint); - height: 20px; -} diff --git a/components/blueprint/popover.global.scss b/components/blueprint/popover.global.scss deleted file mode 100644 index 8f502b7a1..000000000 --- a/components/blueprint/popover.global.scss +++ /dev/null @@ -1,283 +0,0 @@ -/*! - -Copyright 2017-present Palantir Technologies, Inc. All rights reserved. -Licensed under the Apache License, Version 2.0. - -*/ - -.bp3-popover { - -webkit-box-shadow: var(--popUpShadow); - box-shadow: var(--popUpShadow); - -webkit-transform: scale(1); - transform: scale(1); - display: inline-block; - z-index: 20; - border-radius: 3px; -} -.bp3-popover .bp3-popover-arrow { - position: absolute; - width: 30px; - height: 30px; -} -.bp3-popover .bp3-popover-arrow::before { - margin: 5px; - width: 20px; - height: 20px; -} -.bp3-tether-element-attached-bottom.bp3-tether-target-attached-top > .bp3-popover { - margin-top: -17px; - margin-bottom: 17px; -} -.bp3-tether-element-attached-bottom.bp3-tether-target-attached-top - > .bp3-popover - > .bp3-popover-arrow { - bottom: -11px; -} -.bp3-tether-element-attached-bottom.bp3-tether-target-attached-top - > .bp3-popover - > .bp3-popover-arrow - svg { - -webkit-transform: rotate(-90deg); - transform: rotate(-90deg); -} -.bp3-tether-element-attached-left.bp3-tether-target-attached-right > .bp3-popover { - margin-left: 17px; -} -.bp3-tether-element-attached-left.bp3-tether-target-attached-right - > .bp3-popover - > .bp3-popover-arrow { - left: -11px; -} -.bp3-tether-element-attached-left.bp3-tether-target-attached-right - > .bp3-popover - > .bp3-popover-arrow - svg { - -webkit-transform: rotate(0); - transform: rotate(0); -} -.bp3-tether-element-attached-top.bp3-tether-target-attached-bottom > .bp3-popover { - margin-top: 17px; -} -.bp3-tether-element-attached-top.bp3-tether-target-attached-bottom - > .bp3-popover - > .bp3-popover-arrow { - top: -11px; -} -.bp3-tether-element-attached-top.bp3-tether-target-attached-bottom - > .bp3-popover - > .bp3-popover-arrow - svg { - -webkit-transform: rotate(90deg); - transform: rotate(90deg); -} -.bp3-tether-element-attached-right.bp3-tether-target-attached-left > .bp3-popover { - margin-right: 17px; - margin-left: -17px; -} -.bp3-tether-element-attached-right.bp3-tether-target-attached-left - > .bp3-popover - > .bp3-popover-arrow { - right: -11px; -} -.bp3-tether-element-attached-right.bp3-tether-target-attached-left - > .bp3-popover - > .bp3-popover-arrow - svg { - -webkit-transform: rotate(180deg); - transform: rotate(180deg); -} -.bp3-tether-element-attached-middle > .bp3-popover > .bp3-popover-arrow { - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); -} -.bp3-tether-element-attached-center > .bp3-popover > .bp3-popover-arrow { - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); -} -.bp3-tether-element-attached-top.bp3-tether-target-attached-top - > .bp3-popover - > .bp3-popover-arrow { - top: -0.3934px; -} -.bp3-tether-element-attached-right.bp3-tether-target-attached-right - > .bp3-popover - > .bp3-popover-arrow { - right: -0.3934px; -} -.bp3-tether-element-attached-left.bp3-tether-target-attached-left - > .bp3-popover - > .bp3-popover-arrow { - left: -0.3934px; -} -.bp3-tether-element-attached-bottom.bp3-tether-target-attached-bottom - > .bp3-popover - > .bp3-popover-arrow { - bottom: -0.3934px; -} -.bp3-tether-element-attached-top.bp3-tether-element-attached-left > .bp3-popover { - -webkit-transform-origin: top left; - transform-origin: top left; -} -.bp3-tether-element-attached-top.bp3-tether-element-attached-center > .bp3-popover { - -webkit-transform-origin: top center; - transform-origin: top center; -} -.bp3-tether-element-attached-top.bp3-tether-element-attached-right > .bp3-popover { - -webkit-transform-origin: top right; - transform-origin: top right; -} -.bp3-tether-element-attached-middle.bp3-tether-element-attached-left > .bp3-popover { - -webkit-transform-origin: center left; - transform-origin: center left; -} -.bp3-tether-element-attached-middle.bp3-tether-element-attached-center > .bp3-popover { - -webkit-transform-origin: center center; - transform-origin: center center; -} -.bp3-tether-element-attached-middle.bp3-tether-element-attached-right > .bp3-popover { - -webkit-transform-origin: center right; - transform-origin: center right; -} -.bp3-tether-element-attached-bottom.bp3-tether-element-attached-left > .bp3-popover { - -webkit-transform-origin: bottom left; - transform-origin: bottom left; -} -.bp3-tether-element-attached-bottom.bp3-tether-element-attached-center > .bp3-popover { - -webkit-transform-origin: bottom center; - transform-origin: bottom center; -} -.bp3-tether-element-attached-bottom.bp3-tether-element-attached-right > .bp3-popover { - -webkit-transform-origin: bottom right; - transform-origin: bottom right; -} -.bp3-popover .bp3-popover-content { - background: var(--popUp); - color: var(--popUpText); -} -.bp3-popover .bp3-popover-arrow::before { - -webkit-box-shadow: 1px 1px 6px var(--tint); - box-shadow: 1px 1px 6px var(--tint); -} -.bp3-popover .bp3-popover-arrow-border { - fill: var(--popUp); - fill-opacity: 0.1; -} -.bp3-popover .bp3-popover-arrow-fill { - fill: var(--popUp); -} -.bp3-popover-enter > .bp3-popover, -.bp3-popover-appear > .bp3-popover { - -webkit-transform: scale(0.3); - transform: scale(0.3); -} -.bp3-popover-enter-active > .bp3-popover, -.bp3-popover-appear-active > .bp3-popover { - -webkit-transform: scale(1); - transform: scale(1); - -webkit-transition-property: -webkit-transform; - transition-property: -webkit-transform; - transition-property: transform; - transition-property: transform, -webkit-transform; - -webkit-transition-duration: 300ms; - transition-duration: 300ms; - -webkit-transition-timing-function: cubic-bezier(0.54, 1.12, 0.38, 1.11); - transition-timing-function: cubic-bezier(0.54, 1.12, 0.38, 1.11); - -webkit-transition-delay: 0; - transition-delay: 0; -} -.bp3-popover-exit > .bp3-popover { - -webkit-transform: scale(1); - transform: scale(1); -} -.bp3-popover-exit-active > .bp3-popover { - -webkit-transform: scale(0.3); - transform: scale(0.3); - -webkit-transition-property: -webkit-transform; - transition-property: -webkit-transform; - transition-property: transform; - transition-property: transform, -webkit-transform; - -webkit-transition-duration: 300ms; - transition-duration: 300ms; - -webkit-transition-timing-function: cubic-bezier(0.54, 1.12, 0.38, 1.11); - transition-timing-function: cubic-bezier(0.54, 1.12, 0.38, 1.11); - -webkit-transition-delay: 0; - transition-delay: 0; -} -.bp3-popover .bp3-popover-content { - position: relative; - border-radius: 3px; -} -.bp3-popover.bp3-popover-content-sizing .bp3-popover-content { - max-width: 350px; - padding: 20px; -} -.bp3-popover-target + .bp3-overlay .bp3-popover.bp3-popover-content-sizing { - width: 350px; -} -.bp3-popover.bp3-minimal { - margin: 0 !important; -} -.bp3-popover.bp3-minimal .bp3-popover-arrow { - display: none; -} -.bp3-popover.bp3-minimal.bp3-popover { - -webkit-transform: scale(1); - transform: scale(1); -} -.bp3-popover-enter > .bp3-popover.bp3-minimal.bp3-popover, -.bp3-popover-appear > .bp3-popover.bp3-minimal.bp3-popover { - -webkit-transform: scale(1); - transform: scale(1); -} -.bp3-popover-enter-active > .bp3-popover.bp3-minimal.bp3-popover, -.bp3-popover-appear-active > .bp3-popover.bp3-minimal.bp3-popover { - -webkit-transform: scale(1); - transform: scale(1); - -webkit-transition-property: -webkit-transform; - transition-property: -webkit-transform; - transition-property: transform; - transition-property: transform, -webkit-transform; - -webkit-transition-duration: 100ms; - transition-duration: 100ms; - -webkit-transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9); - transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9); - -webkit-transition-delay: 0; - transition-delay: 0; -} -.bp3-popover-exit > .bp3-popover.bp3-minimal.bp3-popover { - -webkit-transform: scale(1); - transform: scale(1); -} -.bp3-popover-exit-active > .bp3-popover.bp3-minimal.bp3-popover { - -webkit-transform: scale(1); - transform: scale(1); - -webkit-transition-property: -webkit-transform; - transition-property: -webkit-transform; - transition-property: transform; - transition-property: transform, -webkit-transform; - -webkit-transition-duration: 100ms; - transition-duration: 100ms; - -webkit-transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9); - transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9); - -webkit-transition-delay: 0; - transition-delay: 0; -} - -.bp3-popover-arrow::before { - display: block; - position: absolute; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - border-radius: 2px; - content: ""; -} - -.bp3-tether-pinned .bp3-popover-arrow { - display: none; -} - -.bp3-popover-backdrop { - background: rgba(255, 255, 255, 0); -} diff --git a/components/blueprint/select.global.scss b/components/blueprint/select.global.scss deleted file mode 100644 index aa87fef25..000000000 --- a/components/blueprint/select.global.scss +++ /dev/null @@ -1,133 +0,0 @@ -/*! - -Copyright 2017-present Palantir Technologies, Inc. All rights reserved. -Licensed under the Apache License, Version 2.0. - -*/ - -.bp3-omnibar { - -webkit-filter: blur(0); - filter: blur(0); - opacity: 1; - top: 20vh; - left: calc(50% - 250px); - z-index: 21; - border-radius: 3px; - -webkit-box-shadow: 0 0 0 1px var(--tint), 0 4px 8px var(--tint), 0 18px 46px 6px var(--tint); - box-shadow: 0 0 0 1px var(--tint), 0 4px 8px var(--tint), 0 18px 46px 6px var(--tint); - background-color: var(--shade1); - width: 500px; -} -.bp3-omnibar.bp3-overlay-enter, -.bp3-omnibar.bp3-overlay-appear { - -webkit-filter: blur(20px); - filter: blur(20px); - opacity: 0.2; -} -.bp3-omnibar.bp3-overlay-enter-active, -.bp3-omnibar.bp3-overlay-appear-active { - -webkit-filter: blur(0); - filter: blur(0); - opacity: 1; - -webkit-transition-property: opacity, -webkit-filter; - transition-property: opacity, -webkit-filter; - transition-property: filter, opacity; - transition-property: filter, opacity, -webkit-filter; - -webkit-transition-duration: 200ms; - transition-duration: 200ms; - -webkit-transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9); - transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9); - -webkit-transition-delay: 0; - transition-delay: 0; -} -.bp3-omnibar.bp3-overlay-exit { - -webkit-filter: blur(0); - filter: blur(0); - opacity: 1; -} -.bp3-omnibar.bp3-overlay-exit-active { - -webkit-filter: blur(20px); - filter: blur(20px); - opacity: 0.2; - -webkit-transition-property: opacity, -webkit-filter; - transition-property: opacity, -webkit-filter; - transition-property: filter, opacity; - transition-property: filter, opacity, -webkit-filter; - -webkit-transition-duration: 200ms; - transition-duration: 200ms; - -webkit-transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9); - transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9); - -webkit-transition-delay: 0; - transition-delay: 0; -} -.bp3-omnibar .bp3-input { - border-radius: 0; - background-color: transparent; -} -.bp3-omnibar .bp3-input, -.bp3-omnibar .bp3-input:focus { - -webkit-box-shadow: none; - box-shadow: none; -} -.bp3-omnibar .bp3-menu { - border-radius: 0; - -webkit-box-shadow: inset 0 1px 0 var(--tint); - box-shadow: inset 0 1px 0 var(--tint); - background-color: transparent; - max-height: calc(60vh - 40px); - overflow: auto; -} -.bp3-omnibar .bp3-menu:empty { - display: none; -} - -.bp3-omnibar-overlay .bp3-overlay-backdrop { - background-color: var(--tint); -} - -.bp3-select-popover .bp3-popover-content { - padding: 5px; -} - -.bp3-select-popover .bp3-input-group { - margin-bottom: 0; -} - -.bp3-select-popover .bp3-menu { - max-width: 400px; - max-height: 300px; - overflow: auto; - padding: 0; -} -.bp3-select-popover .bp3-menu:not(:first-child) { - padding-top: 5px; -} - -.bp3-multi-select { - min-width: 150px; -} - -.bp3-multi-select-popover .bp3-menu { - max-width: 400px; - max-height: 300px; - overflow: auto; -} - -.bp3-select-popover .bp3-popover-content { - padding: 5px; -} - -.bp3-select-popover .bp3-input-group { - margin-bottom: 0; -} - -.bp3-select-popover .bp3-menu { - max-width: 400px; - max-height: 300px; - overflow: auto; - padding: 0; -} -.bp3-select-popover .bp3-menu:not(:first-child) { - padding-top: 5px; -} -/*# sourceMappingURL=blueprint-select.css.map */ diff --git a/components/blueprint/table.global.scss b/components/blueprint/table.global.scss deleted file mode 100644 index 57c7f38ca..000000000 --- a/components/blueprint/table.global.scss +++ /dev/null @@ -1,1097 +0,0 @@ -/*! - -Copyright 2016-present Palantir Technologies, Inc. All rights reserved. -Licensed under the Apache License, Version 2.0. - -*/ - -@-webkit-keyframes skeleton-fade-in { - 0% { - opacity: 0; - } - 100% { - opacity: 1; - } -} -@keyframes skeleton-fade-in { - 0% { - opacity: 0; - } - 100% { - opacity: 1; - } -} -@keyframes skeleton-fade-in { - 0% { - opacity: 0; - } - 100% { - opacity: 1; - } -} -.bp3-table-cell { - display: inline-block; - height: 20px; - padding: 0 10px; - line-height: 20px; - font-size: 12px; - -webkit-transition: color 300ms; - transition: color 300ms; -} -.bp3-table-cell.bp3-intent-primary { - background-color: rgba(19, 124, 189, 0.1); - color: var(--primary); -} -.bp3-table-cell.bp3-intent-success { - background-color: rgba(15, 153, 96, 0.1); - color: var(--success); -} -.bp3-table-cell.bp3-intent-warning { - background-color: rgba(217, 130, 43, 0.1); - color: var(--warning); -} -.bp3-table-cell.bp3-intent-danger { - background-color: rgba(219, 55, 55, 0.1); - color: var(--danger); -} -.bp3-table-editing-enabled .bp3-table-cell { - cursor: text; -} -.bp3-table-selection-enabled .bp3-table-cell { - cursor: cell; -} -.bp3-table-cell.bp3-table-truncated-cell { - overflow: hidden; -} -.bp3-table-cell.bp3-large, -.bp3-large .bp3-table-cell { - height: 30px; - line-height: 30px; - font-size: 14px; -} -.bp3-table-cell.bp3-loading { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - color: transparent; -} -.bp3-table-cell:focus { - outline: none; -} - -.bp3-table-cell-interactive { - z-index: 21; -} - -.bp3-table-striped .bp3-table-cell-ledger-even { - background-color: var(--shade1); -} - -.bp3-table-striped .bp3-table-cell-ledger-odd { - background-color: var(--shade0); -} - -.bp3-table-editable-name input { - height: 20px; -} - -.bp3-table-editable-text { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - padding: 0 10px; -} -.bp3-table-null { - color: rgba(92, 112, 128, 0.5); -} - -.bp3-table-truncated-value { - position: absolute; - top: 0; - right: 35px; - left: 10px; - max-height: 100%; - overflow: hidden; - text-overflow: ellipsis; -} - -.bp3-table-truncated-format-text { - position: absolute; - top: 0; - right: 10px; - left: 10px; - max-height: 100%; - overflow: hidden; - text-overflow: ellipsis; -} - -.bp3-table-truncated-popover-target { - position: absolute; - top: 0; - right: 5px; - bottom: 0; - opacity: 0.3; - border-radius: 3px; - cursor: pointer; - padding: 0 5px; - text-align: center; -} -.bp3-table-truncated-popover-target .bp3-icon-standard { - line-height: 20px; -} -.bp3-table-truncated-popover-target.bp3-popover-open { - opacity: 1; -} -.bp3-table-truncated-popover-target.bp3-popover-open .bp3-icon-standard { - color: var(--primary); -} -.bp3-table-truncated-popover-target:hover { - opacity: 1; -} - -.bp3-table-truncated-popover { - min-width: 200px; - max-width: 600px; - max-height: 300px; - overflow: auto; - padding: 10px 10px; - font-family: monospace; -} - -.bp3-table-popover-whitespace-pre { - white-space: pre; -} - -.bp3-table-popover-whitespace-normal { - white-space: normal; -} - -.bp3-table-menu { - -webkit-box-shadow: 0 1px 0 var(--shade3), 1px 0 0 var(--shade3); - box-shadow: 0 1px 0 var(--shade3), 1px 0 0 var(--shade3); -} - -.bp3-table-header { - -webkit-box-shadow: 0 1px 0 var(--shade3); - box-shadow: 0 1px 0 var(--shade3); -} - -.bp3-table-cell { - -webkit-box-shadow: inset 0 -1px 0 var(--shade3), inset -1px 0 0 var(--shade3); - box-shadow: inset 0 -1px 0 var(--shade3), inset -1px 0 0 var(--shade3); -} - -.bp3-table-horizontal-cell-divider { - -webkit-box-shadow: inset 0 1px 0 var(--shade3); - box-shadow: inset 0 1px 0 var(--shade3); - height: 1px; -} - -.bp3-table-column-headers .bp3-table-header { - -webkit-box-shadow: 0 1px 0 var(--shade3), inset -1px 0 0 var(--shade3); - box-shadow: 0 1px 0 var(--shade3), inset -1px 0 0 var(--shade3); -} -.bp3-table-column-headers .bp3-table-header::before { - right: 1px; - bottom: 0; -} - -.bp3-table-row-headers .bp3-table-header { - -webkit-box-shadow: inset 0 -1px 0 var(--shade3), 1px 0 0 var(--shade3); - box-shadow: inset 0 -1px 0 var(--shade3), 1px 0 0 var(--shade3); -} -.bp3-table-row-headers .bp3-table-header::before { - right: 0; - bottom: 1px; -} - -.bp3-table-body .bp3-table-last-in-row { - -webkit-box-shadow: inset 0 -1px 0 var(--shade3), 1px 0 0 var(--shade3); - box-shadow: inset 0 -1px 0 var(--shade3), 1px 0 0 var(--shade3); -} - -.bp3-table-body .bp3-table-last-in-column { - -webkit-box-shadow: 0 1px 0 var(--shade3), inset -1px 0 0 var(--shade3); - box-shadow: 0 1px 0 var(--shade3), inset -1px 0 0 var(--shade3); -} - -.bp3-table-body .bp3-table-last-in-row.bp3-table-last-in-column { - -webkit-box-shadow: 0 1px 0 var(--shade3), 1px 0 0 var(--shade3); - box-shadow: 0 1px 0 var(--shade3), 1px 0 0 var(--shade3); -} - -.bp3-table-quadrant-top-left .bp3-table-cell.bp3-table-last-in-row { - -webkit-box-shadow: inset 0 -1px 0 var(--shade3), inset -3px 0 0 var(--shade3); - box-shadow: inset 0 -1px 0 var(--shade3), inset -3px 0 0 var(--shade3); -} - -.bp3-table-quadrant-top-left .bp3-table-cell.bp3-table-last-in-column { - -webkit-box-shadow: inset 0 -3px 0 var(--shade3), inset -1px 0 0 var(--shade3); - box-shadow: inset 0 -3px 0 var(--shade3), inset -1px 0 0 var(--shade3); -} - -.bp3-table-quadrant-top-left .bp3-table-cell.bp3-table-last-in-column.bp3-table-last-in-row { - -webkit-box-shadow: inset 0 -3px 0 var(--shade3), inset -3px 0 0 var(--shade3); - box-shadow: inset 0 -3px 0 var(--shade3), inset -3px 0 0 var(--shade3); -} - -.bp3-table-quadrant-top-left .bp3-table-header.bp3-table-last-in-row { - -webkit-box-shadow: 0 1px 0 var(--shade3), inset -3px 0 0 var(--shade3); - box-shadow: 0 1px 0 var(--shade3), inset -3px 0 0 var(--shade3); -} -.bp3-table-quadrant-top-left .bp3-table-header.bp3-table-last-in-row::before { - right: 3px; - bottom: 0; -} - -.bp3-table-quadrant-top-left .bp3-table-header.bp3-table-last-in-column { - -webkit-box-shadow: inset 0 -3px 0 var(--shade3), 1px 0 0 var(--shade3); - box-shadow: inset 0 -3px 0 var(--shade3), 1px 0 0 var(--shade3); -} -.bp3-table-quadrant-top-left .bp3-table-header.bp3-table-last-in-column::before { - right: 0; - bottom: 3px; -} - -.bp3-table-quadrant-left .bp3-table-cell.bp3-table-last-in-row { - -webkit-box-shadow: inset 0 -1px 0 var(--shade3), inset -3px 0 0 var(--shade3); - box-shadow: inset 0 -1px 0 var(--shade3), inset -3px 0 0 var(--shade3); -} - -.bp3-table-quadrant-top .bp3-table-cell.bp3-table-last-in-column { - -webkit-box-shadow: inset 0 -3px 0 var(--shade3), inset -1px 0 0 var(--shade3); - box-shadow: inset 0 -3px 0 var(--shade3), inset -1px 0 0 var(--shade3); -} - -@keyframes skeleton-fade-in { - 0% { - opacity: 0; - } - 100% { - opacity: 1; - } -} -.bp3-table-header { - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; - position: relative; - text-overflow: ellipsis; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} -.bp3-table-header::before { - display: block; - position: absolute; - top: 0; - left: 0; - content: ""; -} -.bp3-table-header .bp3-table-row-name, -.bp3-table-header .bp3-table-column-name, -.bp3-table-header .bp3-table-header-content { - position: relative; - width: 100%; -} -.bp3-table-selection-enabled .bp3-table-header:hover::before, -.bp3-table-header.bp3-table-header-active::before { - background-color: var(--shade2); -} -.bp3-table-header.bp3-table-header-selected::before { - background-image: -webkit-gradient( - linear, - left top, - right top, - from(rgba(19, 124, 189, 0.1)), - to(rgba(19, 124, 189, 0.1)) - ); - background-image: linear-gradient(90deg, rgba(19, 124, 189, 0.1), rgba(19, 124, 189, 0.1)); -} - -.bp3-table-th-menu-container { - -ms-flex-negative: 0; - flex-shrink: 0; - position: absolute; - right: 1px; - opacity: 0; - text-align: right; -} -.bp3-table-header:hover .bp3-table-th-menu-container, -.bp3-table-header-active .bp3-table-th-menu-container, -.bp3-table-th-menu-container.bp3-table-th-menu-open { - opacity: 1; -} -.bp3-table-interaction-bar .bp3-table-th-menu-container { - line-height: 20px; -} - -.bp3-table-th-menu-container-background { - position: absolute; - top: 0; - right: 0; - width: 50px; - height: 30px; - pointer-events: none; -} -.bp3-table-interaction-bar .bp3-table-th-menu-container-background { - height: 20px; -} -.bp3-table-th-menu-open .bp3-table-th-menu-container-background { - background-image: -webkit-gradient( - linear, - left top, - right top, - from(rgba(245, 248, 250, 0)), - color-stop(50%, var(--shade0)) - ); - background-image: linear-gradient(90deg, rgba(245, 248, 250, 0) 0%, var(--shade0) 50%); -} -.bp3-table-header:hover .bp3-table-th-menu-container-background, -.bp3-table-header-active .bp3-table-th-menu-container-background, -.bp3-table-th-menu-open .bp3-table-th-menu-container-background { - background-image: -webkit-gradient( - linear, - left top, - right top, - from(rgba(245, 248, 250, 0)), - color-stop(50%, var(--shade0)) - ); - background-image: linear-gradient(90deg, rgba(245, 248, 250, 0) 0%, var(--shade0) 50%); -} -.bp3-table-selection-enabled .bp3-table-header:hover .bp3-table-th-menu-container-background, -.bp3-table-selection-enabled .bp3-table-header-active .bp3-table-th-menu-container-background { - background-image: -webkit-gradient( - linear, - left top, - right top, - from(rgba(225, 232, 237, 0)), - color-stop(50%, var(--shade2)) - ); - background-image: linear-gradient(90deg, rgba(225, 232, 237, 0) 0%, var(--shade2) 50%); -} -.bp3-table-selection-enabled - .bp3-table-header.bp3-table-header-selected - .bp3-table-th-menu-container-background { - background-image: -webkit-gradient( - linear, - left top, - right top, - from(rgba(222, 236, 244, 0)), - color-stop(50%, #deecf4) - ); - background-image: linear-gradient(90deg, rgba(222, 236, 244, 0) 0%, #deecf4 50%); -} -.bp3-table-selection-enabled - .bp3-table-header.bp3-table-header-selected:hover - .bp3-table-th-menu-container-background { - background-image: -webkit-gradient( - linear, - left top, - right top, - from(rgba(204, 221, 232, 0)), - color-stop(50%, #ccdde8) - ); - background-image: linear-gradient(90deg, rgba(204, 221, 232, 0) 0%, #ccdde8 50%); -} - -.bp3-table-th-menu { - position: relative; - cursor: pointer; - width: 30px; - height: 30px; -} -.bp3-table-interaction-bar .bp3-table-th-menu { - right: 1px; - width: 20px; - height: 20px; - text-align: center; -} -.bp3-table-interaction-bar .bp3-table-th-menu .bp3-icon { - margin: 2px; - margin-left: 3px; - vertical-align: top; -} -.bp3-table-th-menu .bp3-icon { - margin-top: 7px; - margin-right: 7px; - border-radius: 3px; - -webkit-box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2); - box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2); - background-color: var(--shade0); - color: var(--textSecondary); -} -.bp3-table-selection-enabled .bp3-table-th-menu .bp3-icon { - background-color: var(--shade2); -} -.bp3-table-selection-enabled - .bp3-table-header.bp3-table-header-selected - .bp3-table-th-menu - .bp3-icon { - background-color: linear-gradient(90deg, rgba(222, 236, 244, 0) 0%, #deecf4 50%); -} -.bp3-table-th-menu:hover .bp3-icon { - -webkit-box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4); - box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4); - color: var(--textPrimary); -} -.bp3-table-th-menu.bp3-popover-open .bp3-icon { - -webkit-box-shadow: none; - box-shadow: none; - background-color: var(--primary); - color: var(--shade1); -} - -.bp3-table-thead { - display: block; - white-space: nowrap; -} - -.bp3-table-column-header-tr { - display: -webkit-box; - display: -ms-flexbox; - display: flex; -} -.bp3-table-column-header-tr .bp3-table-header { - -webkit-box-flex: 0; - -ms-flex: 0 0; - flex: 0 0; -} - -.bp3-table-column-headers .bp3-table-interaction-bar { - position: relative; - height: 20px; -} - -.bp3-table-column-headers .bp3-table-header { - min-height: 30px; - vertical-align: top; - line-height: 30px; -} - -.bp3-table-row-headers .bp3-table-header { - min-width: 30px; - overflow: hidden; - line-height: 20px; -} - -.bp3-table-column-name-text, -.bp3-table-row-name-text { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - pointer-events: none; -} - -.bp3-table-truncated-text { - max-height: 100%; - overflow: hidden; - text-overflow: ellipsis; -} - -.bp3-table-no-wrap-text { - white-space: nowrap; -} - -.bp3-table-column-name-text { - padding: 0 10px; -} - -.bp3-table-editable-name { - display: block; - pointer-events: all; -} -.bp3-table-editable-name.bp3-editable-text::before { - top: -1px; - right: -10px; - bottom: 0; - left: -11px; - border-radius: 0; -} -.bp3-table-editable-name.bp3-editable-text:not(.bp3-editable-editing)::before { - -webkit-box-shadow: none; - box-shadow: none; -} -.bp3-table-editable-name.bp3-editable-text.bp3-editable-editing::before { - top: 0px; - right: -9px; - bottom: 1px; - left: -10px; - cursor: text; -} -.bp3-table-editable-name.bp3-editable-text.bp3-editable-editing.bp3-table-editable-text::before { - right: 1px; - left: 0px; -} -.bp3-table-column-name .bp3-table-editable-name.bp3-editable-text::before { - bottom: -1px; -} -.bp3-table-column-name .bp3-table-editable-name.bp3-editable-text.bp3-editable-editing::before { - bottom: 0; -} - -.bp3-table-column-name-text .bp3-table-editable-name input { - height: 30px; -} - -.bp3-table-column-name { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - text-align: left; - font-size: 14px; -} - -.bp3-table-row-name { - display: block; - padding: 0 5px; - text-align: right; - font-size: 12px; -} - -.bp3-table-header-content { - white-space: normal; - font-size: 14px; -} -.bp3-table-header-content .is-searchable:not(.is-focused) > .Select-control { - -webkit-box-shadow: none; - box-shadow: none; - background: none; -} -.bp3-table-header-content .is-searchable > .Select-control { - border-radius: 0; -} -.bp3-table-header-content .is-searchable > .Select-control .Select-value { - cursor: pointer; -} -.bp3-table-header-content .Select-value { - right: -1px; -} - -.bp3-table-column-name, -.bp3-table-row-name { - -webkit-transition: color 300ms; - transition: color 300ms; -} - -.bp3-table-header.bp3-loading { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; -} -.bp3-table-header.bp3-loading .bp3-table-column-name, -.bp3-table-header.bp3-loading .bp3-table-row-name { - -webkit-box-flex: 1; - -ms-flex: 1; - flex: 1; -} -.bp3-table-header.bp3-loading .bp3-table-column-name-text { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - padding: 10px; -} -.bp3-table-header.bp3-loading .bp3-table-column-name-text .bp3-skeleton { - height: 8px; -} -.bp3-table-header.bp3-loading .bp3-table-row-name { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; -} -.bp3-table-selection-enabled.bp3-table-column-headers .bp3-table-header { - cursor: s-resize; -} -.bp3-table-selection-enabled.bp3-table-column-headers - .bp3-table-header.bp3-table-header-reorderable { - cursor: -webkit-grab; - cursor: grab; -} -.bp3-table-selection-enabled.bp3-table-column-headers - .bp3-table-header.bp3-table-header-reorderable:active { - cursor: -webkit-grabbing; - cursor: grabbing; -} -.bp3-table-selection-enabled.bp3-table-column-headers - .bp3-table-header.bp3-table-header-reorderable - .bp3-table-interaction-bar { - cursor: -webkit-grab; - cursor: grab; -} -.bp3-table-selection-enabled.bp3-table-column-headers - .bp3-table-header.bp3-table-header-reorderable - .bp3-table-interaction-bar:active { - cursor: -webkit-grabbing; - cursor: grabbing; -} - -.bp3-table-selection-enabled.bp3-table-row-headers .bp3-table-header { - cursor: e-resize; -} -.bp3-table-selection-enabled.bp3-table-row-headers .bp3-table-header.bp3-table-header-reorderable { - cursor: -webkit-grab; - cursor: grab; -} -.bp3-table-selection-enabled.bp3-table-row-headers - .bp3-table-header.bp3-table-header-reorderable:active { - cursor: -webkit-grabbing; - cursor: grabbing; -} -.bp3-table-selection-enabled.bp3-table-row-headers - .bp3-table-header.bp3-table-header-reorderable - .bp3-table-interaction-bar { - cursor: -webkit-grab; - cursor: grab; -} -.bp3-table-selection-enabled.bp3-table-row-headers - .bp3-table-header.bp3-table-header-reorderable - .bp3-table-interaction-bar:active { - cursor: -webkit-grabbing; - cursor: grabbing; -} - -.bp3-table-selection-enabled.bp3-table-menu { - cursor: se-resize; -} - -.bp3-table-selection-enabled .bp3-editable-text::before, -.bp3-table-selection-enabled .bp3-editable-content { - cursor: cell; -} - -.bp3-table-column-header-cell.bp3-table-has-reorder-handle:not(.bp3-table-has-interaction-bar) - .bp3-table-column-name-text { - padding-left: 22px; -} - -.bp3-table-column-header-cell.bp3-table-has-reorder-handle:not(.bp3-table-has-interaction-bar) - .bp3-table-editable-name::before { - left: -22px; -} - -.bp3-table-reorder-handle-target { - cursor: -webkit-grab; - cursor: grab; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - position: absolute; - top: 0; - bottom: 0; - left: 0; - width: 22px; - color: rgba(92, 112, 128, 0.5); -} -.bp3-table-reorder-handle-target:active { - cursor: -webkit-grabbing; - cursor: grabbing; -} -.bp3-table-reorder-handle-target:hover { - color: var(--textPrimary); -} -.bp3-table-reorder-handle-target:active { - color: var(--primary); -} - -.bp3-table-reorder-handle { - display: -webkit-box; - display: -ms-flexbox; - display: flex; -} - -.bp3-table-resize-handle-target { - position: absolute; - opacity: 0; - z-index: 20; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} -.bp3-table-resize-handle-target:hover, -.bp3-table-resize-handle-target.bp3-table-dragging { - opacity: 1; -} -.bp3-table-resize-handle-target.bp3-table-resize-vertical { - top: 0; - right: 0; - bottom: -1px; - cursor: ew-resize; - width: 5px; -} -.bp3-table-resize-handle-target.bp3-table-resize-horizontal { - right: -1px; - bottom: 0; - left: 0; - cursor: ns-resize; - height: 5px; -} - -.bp3-table-resize-handle { - position: absolute; - z-index: 20; - background-color: var(--primary); -} -.bp3-table-resize-handle.bp3-table-dragging { - background-color: var(--primary); -} - -.bp3-table-resize-vertical .bp3-table-resize-handle { - top: 0; - bottom: 0; - left: 2px; - width: 3px; -} - -.bp3-table-resize-horizontal .bp3-table-resize-handle { - top: 2px; - right: 0; - left: 0; - height: 3px; -} - -.bp3-table-resize-guides .bp3-table-horizontal-guide { - margin-top: -3px; - background-color: var(--primary); - height: 3px; -} -.bp3-table-resize-guides .bp3-table-horizontal-guide.bp3-table-horizontal-guide-flush-top { - margin-top: 0; -} - -.bp3-table-resize-guides .bp3-table-vertical-guide { - margin-left: -3px; - background-color: var(--primary); - width: 3px; -} -.bp3-table-resize-guides .bp3-table-vertical-guide.bp3-table-vertical-guide-flush-left { - margin-left: 0; -} -.bp3-table-overlay-layer { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 20; - overflow: hidden; - pointer-events: none; -} - -.bp3-table-overlay { - position: absolute; -} - -.bp3-table-region { - border: 1px solid #8a9ba8; - background-color: rgba(138, 155, 168, 0.1); -} - -.bp3-table-selection-region { - border: 1px solid var(--primary); - background-color: rgba(19, 124, 189, 0.1); -} -.bp3-table-column-headers .bp3-table-selection-region { - background-color: transparent; -} -.bp3-table-row-headers .bp3-table-selection-region { - background-color: transparent; -} - -.bp3-table-focus-region { - border: 2px solid var(--primary); -} - -.bp3-table-column-headers .bp3-table-region { - border-bottom: none; -} - -.bp3-table-row-headers .bp3-table-region { - border-right: none; -} - -.bp3-table-vertical-guide { - top: 0; - bottom: 0; -} - -.bp3-table-horizontal-guide { - right: 0; - left: 0; -} - -.bp3-table-reordering-cursor-overlay { - cursor: -webkit-grabbing; - cursor: grabbing; -} -.bp3-table-reordering .bp3-table-reordering-cursor-overlay { - pointer-events: all; -} -.bp3-table-quadrant-stack { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - position: relative; - height: 100%; -} - -.bp3-table-quadrant { - position: absolute; - top: 0; - left: 0; - background: var(--shade0); - overflow: hidden; -} -.bp3-table-quadrant-scroll-container { - -webkit-transform: translateZ(0); - transform: translateZ(0); - position: relative; - top: 0; - right: 0; - bottom: 0; - left: 0; - overflow: auto; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} -.bp3-table-no-vertical-scroll .bp3-table-quadrant-scroll-container { - overflow-y: hidden; -} -.bp3-table-no-horizontal-scroll .bp3-table-quadrant-scroll-container { - overflow-x: hidden; -} - -.bp3-table-quadrant-body-container { - position: relative; -} - -.bp3-table-quadrant-main { - position: relative; - top: auto; - left: auto; - z-index: 0; - width: 100%; - height: 100%; -} -.bp3-table-quadrant-main .bp3-table-quadrant-scroll-container { - width: 100%; - height: 100%; -} -.bp3-table-quadrant-main .bp3-table-cell-client { - background: var(--shade1); -} - -.bp3-table-quadrant-top { - right: 0; - z-index: 1; -} -.bp3-table-quadrant-top .bp3-table-quadrant-scroll-container { - bottom: -20px; - overflow-y: hidden; -} - -.bp3-table-quadrant-left { - bottom: 0; - z-index: 2; - -webkit-transition: width 100ms cubic-bezier(0.4, 1, 0.75, 0.9); - transition: width 100ms cubic-bezier(0.4, 1, 0.75, 0.9); -} -.bp3-table-quadrant-left .bp3-table-quadrant-scroll-container { - position: absolute; - top: 0; - right: -20px; - bottom: 0; - height: auto; - overflow-x: hidden; -} -.bp3-table-quadrant-left .bp3-table-body-virtual-client { - min-width: 1px; -} - -.bp3-table-quadrant-top-left { - z-index: 3; - -webkit-transition: width 100ms cubic-bezier(0.4, 1, 0.75, 0.9); - transition: width 100ms cubic-bezier(0.4, 1, 0.75, 0.9); -} -.bp3-table-quadrant-top-left .bp3-table-quadrant-scroll-container { - right: -20px; - bottom: -20px; - overflow-x: hidden; - overflow-y: hidden; -} -.bp3-table-quadrant-top-left .bp3-table-body-virtual-client { - min-width: 1px; -} - -.bp3-table-container { - -webkit-box-shadow: var(--cardShadow); - box-shadow: var(--cardShadow); - -webkit-transform: translateZ(0); - transform: translateZ(0); - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - background-color: var(--shade1); - max-width: 100%; - height: 100%; - min-height: 60px; - max-height: 100%; - overflow: hidden; -} -.bp3-table-container .bp3-loading { - color: transparent; -} -.bp3-table-container .bp3-loading .bp3-skeleton { - opacity: 0; - height: 5px; - -webkit-animation: 300ms linear forwards skeleton-fade-in, - 1000ms linear infinite alternate skeleton-glow; - animation: 300ms linear forwards skeleton-fade-in, 1000ms linear infinite alternate skeleton-glow; - -webkit-animation-delay: 0s, 300ms; - animation-delay: 0s, 300ms; -} - -.bp3-table-top-container { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - min-height: 0%; -} -.bp3-table-container.bp3-table-no-rows .bp3-table-top-container { - padding-bottom: 1px; -} - -.bp3-table-bottom-container { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - height: 100%; - min-height: 0%; - color: var(--textPrimary); -} - -.bp3-table-menu { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - position: relative; - z-index: 13; - background-color: var(--shade1); -} -.bp3-table-column-headers { - display: block; - position: relative; - z-index: 11; - background-color: var(--shade0); - color: var(--textPrimary); -} - -.bp3-table-row-headers { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - position: relative; - z-index: 12; - background-color: var(--shade1); - color: var(--textSecondary); - -webkit-transition: width 100ms cubic-bezier(0.4, 1, 0.75, 0.9); - transition: width 100ms cubic-bezier(0.4, 1, 0.75, 0.9); -} - -.bp3-table-body { - -webkit-box-flex: 1; - -ms-flex: 1 1 100%; - flex: 1 1 100%; - position: relative; - z-index: 10; - overflow: scroll; -} - -.bp3-table-body-virtual-client { - position: relative; -} - -.bp3-table-cell-client { - background: var(--shade1); -} -.bp3-table-tbody { - display: block; - white-space: nowrap; -} - -.bp3-table-cell { - display: inline-block; -} - -.bp3-table-no-layout { - display: inline-block; - position: absolute; -} - -.bp3-table-scrollbar-measure { - position: absolute; - top: -9999px; - width: 100px; - height: 100px; - overflow: scroll; -} -/*# sourceMappingURL=table.css.map */ diff --git a/components/blueprint/tag.global.scss b/components/blueprint/tag.global.scss deleted file mode 100644 index fbbf22170..000000000 --- a/components/blueprint/tag.global.scss +++ /dev/null @@ -1,456 +0,0 @@ -/*! - -Copyright 2017-present Palantir Technologies, Inc. All rights reserved. -Licensed under the Apache License, Version 2.0. - -*/ - -.bp3-tag { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - position: relative; - border: none; - border-radius: 4px; - -webkit-box-shadow: none; - box-shadow: none; - background-color: var(--noneSubtle); - min-width: 20px; - max-width: 100%; - min-height: 20px; - line-height: 16px; - padding: 3px 8px; - color: var(--white); -} - -.bp3-tag.bp3-interactive { - cursor: pointer; -} -.bp3-tag.bp3-interactive:hover { - background-color: rgba(92, 112, 128, 0.85); -} -.bp3-tag.bp3-interactive.bp3-active, -.bp3-tag.bp3-interactive:active { - background-color: rgba(92, 112, 128, 0.7); -} -.bp3-tag > * { - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-negative: 0; - flex-shrink: 0; -} -.bp3-tag > .bp3-fill { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; -} -.bp3-tag::before, -.bp3-tag > * { - margin-right: 4px; -} -.bp3-tag:empty::before, -.bp3-tag > :last-child { - margin-right: 0; -} -.bp3-tag:focus { - outline: rgba(47, 65, 155, 0.6) auto 2px; - outline-offset: 0; - -moz-outline-radius: 6px; -} -.bp3-tag.bp3-round { - border-radius: 30px; - padding-right: 8px; - padding-left: 8px; -} - -.bp3-tag > .bp3-icon, -.bp3-tag .bp3-icon-standard, -.bp3-tag .bp3-icon-large { - fill: var(--shade1); -} -.bp3-tag.bp3-large, -.bp3-large .bp3-tag { - min-width: 30px; - min-height: 30px; - padding: 0 10px; - line-height: 20px; - font-size: 14px; -} -.bp3-tag.bp3-large::before, -.bp3-tag.bp3-large > *, -.bp3-large .bp3-tag::before, -.bp3-large .bp3-tag > * { - margin-right: 7px; -} -.bp3-tag.bp3-large:empty::before, -.bp3-tag.bp3-large > :last-child, -.bp3-large .bp3-tag:empty::before, -.bp3-large .bp3-tag > :last-child { - margin-right: 0; -} -.bp3-tag.bp3-large.bp3-round, -.bp3-large .bp3-tag.bp3-round { - padding-right: 12px; - padding-left: 12px; -} -.bp3-tag.bp3-intent-primary { - background: var(--primarySubtle); - color: var(--white); -} -.bp3-tag.bp3-intent-primary.bp3-interactive { - cursor: pointer; -} -.bp3-tag.bp3-intent-primary.bp3-interactive:hover { - background-color: rgba(47, 65, 155, 0.85); -} -.bp3-tag.bp3-intent-primary.bp3-interactive.bp3-active, -.bp3-tag.bp3-intent-primary.bp3-interactive:active { - background-color: rgba(47, 65, 155, 0.7); -} -.bp3-tag.bp3-intent-success { - background: var(--successDisabled); - color: var(--white); -} -.bp3-tag.bp3-intent-success.bp3-interactive { - cursor: pointer; -} -.bp3-tag.bp3-intent-success.bp3-interactive:hover { - background-color: rgba(15, 153, 96, 0.85); -} -.bp3-tag.bp3-intent-success.bp3-interactive.bp3-active, -.bp3-tag.bp3-intent-success.bp3-interactive:active { - background-color: rgba(15, 153, 96, 0.7); -} -.bp3-tag.bp3-intent-warning { - background: var(--warningDisabled); - color: var(--white); -} -.bp3-tag.bp3-intent-warning.bp3-interactive { - cursor: pointer; -} -.bp3-tag.bp3-intent-warning.bp3-interactive:hover { - background-color: rgba(217, 130, 43, 0.85); -} -.bp3-tag.bp3-intent-warning.bp3-interactive.bp3-active, -.bp3-tag.bp3-intent-warning.bp3-interactive:active { - background-color: rgba(217, 130, 43, 0.7); -} -.bp3-tag.bp3-intent-danger { - background: var(--dangerDisabled); - color: var(--white); -} -.bp3-tag.bp3-intent-danger.bp3-interactive { - cursor: pointer; -} -.bp3-tag.bp3-intent-danger.bp3-interactive:hover { - background-color: rgba(219, 55, 55, 0.85); -} -.bp3-tag.bp3-intent-danger.bp3-interactive.bp3-active, -.bp3-tag.bp3-intent-danger.bp3-interactive:active { - background-color: rgba(219, 55, 55, 0.7); -} -.bp3-tag.bp3-fill { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - width: 100%; -} -.bp3-tag.bp3-minimal > .bp3-icon, -.bp3-tag.bp3-minimal .bp3-icon-standard, -.bp3-tag.bp3-minimal .bp3-icon-large { - fill: var(--textSecondary); -} -.bp3-tag.bp3-minimal:not([class*="bp3-intent-"]) { - background-color: rgba(138, 155, 168, 0.2); - color: var(--textPrimary); -} -.bp3-tag.bp3-minimal:not([class*="bp3-intent-"]).bp3-interactive { - cursor: pointer; -} -.bp3-tag.bp3-minimal:not([class*="bp3-intent-"]).bp3-interactive:hover { - background-color: rgba(92, 112, 128, 0.3); -} -.bp3-tag.bp3-minimal:not([class*="bp3-intent-"]).bp3-interactive.bp3-active, -.bp3-tag.bp3-minimal:not([class*="bp3-intent-"]).bp3-interactive:active { - background-color: rgba(92, 112, 128, 0.4); -} - -.bp3-tag.bp3-minimal.bp3-intent-primary { - background-color: rgba(47, 65, 155, 0.2); - color: var(--primary); -} -.bp3-tag.bp3-minimal.bp3-intent-primary.bp3-interactive { - cursor: pointer; -} -.bp3-tag.bp3-minimal.bp3-intent-primary.bp3-interactive:hover { - background-color: rgba(47, 65, 155, 0.3); -} -.bp3-tag.bp3-minimal.bp3-intent-primary.bp3-interactive.bp3-active, -.bp3-tag.bp3-minimal.bp3-intent-primary.bp3-interactive:active { - background-color: rgba(47, 65, 155, 0.4); -} -.bp3-tag.bp3-minimal.bp3-intent-primary > .bp3-icon, -.bp3-tag.bp3-minimal.bp3-intent-primary .bp3-icon-standard, -.bp3-tag.bp3-minimal.bp3-intent-primary .bp3-icon-large { - fill: var(--primary); -} - -.bp3-tag.bp3-minimal.bp3-intent-success { - background-color: rgba(15, 153, 96, 0.2); - color: var(--success); -} -.bp3-tag.bp3-minimal.bp3-intent-success.bp3-interactive { - cursor: pointer; -} -.bp3-tag.bp3-minimal.bp3-intent-success.bp3-interactive:hover { - background-color: rgba(15, 153, 96, 0.3); -} -.bp3-tag.bp3-minimal.bp3-intent-success.bp3-interactive.bp3-active, -.bp3-tag.bp3-minimal.bp3-intent-success.bp3-interactive:active { - background-color: rgba(15, 153, 96, 0.4); -} -.bp3-tag.bp3-minimal.bp3-intent-success > .bp3-icon, -.bp3-tag.bp3-minimal.bp3-intent-success .bp3-icon-standard, -.bp3-tag.bp3-minimal.bp3-intent-success .bp3-icon-large { - fill: var(--success); -} -.bp3-tag.bp3-minimal.bp3-intent-warning { - background-color: rgba(217, 130, 43, 0.2); - color: var(--warning); -} -.bp3-tag.bp3-minimal.bp3-intent-warning.bp3-interactive { - cursor: pointer; -} -.bp3-tag.bp3-minimal.bp3-intent-warning.bp3-interactive:hover { - background-color: rgba(217, 130, 43, 0.3); -} -.bp3-tag.bp3-minimal.bp3-intent-warning.bp3-interactive.bp3-active, -.bp3-tag.bp3-minimal.bp3-intent-warning.bp3-interactive:active { - background-color: rgba(217, 130, 43, 0.4); -} -.bp3-tag.bp3-minimal.bp3-intent-warning > .bp3-icon, -.bp3-tag.bp3-minimal.bp3-intent-warning .bp3-icon-standard, -.bp3-tag.bp3-minimal.bp3-intent-warning .bp3-icon-large { - fill: var(--warning); -} -.bp3-tag.bp3-minimal.bp3-intent-danger { - background-color: rgba(219, 55, 55, 0.2); - color: var(--danger); -} -.bp3-tag.bp3-minimal.bp3-intent-danger.bp3-interactive { - cursor: pointer; -} -.bp3-tag.bp3-minimal.bp3-intent-danger.bp3-interactive:hover { - background-color: rgba(219, 55, 55, 0.3); -} -.bp3-tag.bp3-minimal.bp3-intent-danger.bp3-interactive.bp3-active, -.bp3-tag.bp3-minimal.bp3-intent-danger.bp3-interactive:active { - background-color: rgba(219, 55, 55, 0.4); -} -.bp3-tag.bp3-minimal.bp3-intent-danger > .bp3-icon, -.bp3-tag.bp3-minimal.bp3-intent-danger .bp3-icon-standard, -.bp3-tag.bp3-minimal.bp3-intent-danger .bp3-icon-large { - fill: var(--danger); -} - -.bp3-tag-remove { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - opacity: 0.5; - margin-top: -2px; - margin-right: -6px !important; - margin-bottom: -2px; - border: none; - background: none; - cursor: pointer; - padding: 2px; - padding-left: 0; - color: inherit; -} -.bp3-tag-remove:hover { - opacity: 0.8; - background: none; - text-decoration: none; -} -.bp3-tag-remove:active { - opacity: 1; -} -.bp3-tag-remove:empty::before { - line-height: 1; - font-family: "Icons16", sans-serif; - font-size: 16px; - font-weight: 400; - font-style: normal; - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; - content: ""; -} -.bp3-large .bp3-tag-remove { - margin-right: -10px !important; - padding: 5px; - padding-left: 0; -} -.bp3-large .bp3-tag-remove:empty::before { - line-height: 1; - font-family: "Icons20", sans-serif; - font-size: 20px; - font-weight: 400; - font-style: normal; -} -.bp3-tag-input { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; - cursor: text; - height: auto; - min-height: 30px; - padding-right: 0; - padding-left: 5px; - line-height: inherit; -} -.bp3-tag-input > * { - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-negative: 0; - flex-shrink: 0; -} -.bp3-tag-input > .bp3-tag-input-values { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; -} -.bp3-tag-input .bp3-tag-input-icon { - margin-top: 7px; - margin-right: 7px; - margin-left: 2px; - color: var(--textSecondary); -} -.bp3-tag-input .bp3-tag-input-values { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -ms-flex-item-align: stretch; - align-self: stretch; - margin-top: 4px; - margin-right: 7px; -} -.bp3-tag-input .bp3-tag-input-values > * { - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-negative: 0; - flex-shrink: 0; -} -.bp3-tag-input .bp3-tag-input-values > .bp3-fill { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; -} -.bp3-tag-input .bp3-tag-input-values::before, -.bp3-tag-input .bp3-tag-input-values > * { - margin-right: 5px; -} -.bp3-tag-input .bp3-tag-input-values:empty::before, -.bp3-tag-input .bp3-tag-input-values > :last-child { - margin-right: 0; -} -.bp3-tag-input .bp3-tag-input-values:first-child .bp3-input-ghost:first-child { - padding-left: 5px; -} -.bp3-tag-input .bp3-tag-input-values > * { - margin-bottom: 5px; -} -.bp3-tag-input .bp3-tag { - overflow-wrap: break-word; -} -.bp3-tag-input .bp3-tag.bp3-active { - outline: rgba(47, 65, 155, 0.6) auto 2px; - outline-offset: 0; - -moz-outline-radius: 6px; -} -.bp3-tag-input .bp3-input-ghost { - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - width: 80px; - line-height: 20px; -} -.bp3-tag-input .bp3-input-ghost:disabled, -.bp3-tag-input .bp3-input-ghost.bp3-disabled { - cursor: not-allowed; -} -.bp3-tag-input .bp3-button, -.bp3-tag-input .bp3-spinner { - margin: 3px; - margin-left: 0; -} -.bp3-tag-input .bp3-button { - min-width: 24px; - min-height: 24px; - padding: 0 7px; -} -.bp3-tag-input.bp3-large { - height: auto; - min-height: 40px; -} -.bp3-tag-input.bp3-large::before, -.bp3-tag-input.bp3-large > * { - margin-right: 10px; -} -.bp3-tag-input.bp3-large:empty::before, -.bp3-tag-input.bp3-large > :last-child { - margin-right: 0; -} -.bp3-tag-input.bp3-large .bp3-tag-input-icon { - margin-top: 10px; - margin-left: 5px; -} -.bp3-tag-input.bp3-large .bp3-input-ghost { - line-height: 30px; -} -.bp3-tag-input.bp3-large .bp3-button { - min-width: 30px; - min-height: 30px; - padding: 5px 10px; - margin: 5px; - margin-left: 0; -} -.bp3-tag-input.bp3-large .bp3-spinner { - margin: 8px; - margin-left: 0; -} -.bp3-tag-input.bp3-active { - background-color: var(--shade0); -} diff --git a/components/blueprint/toast.global.scss b/components/blueprint/toast.global.scss deleted file mode 100644 index f0f5129ce..000000000 --- a/components/blueprint/toast.global.scss +++ /dev/null @@ -1,215 +0,0 @@ -/*! - -Copyright 2017-present Palantir Technologies, Inc. All rights reserved. -Licensed under the Apache License, Version 2.0. - -*/ - -.bp3-toast { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; - position: relative !important; - margin: 20px 0 0; - border-radius: 3px; - -webkit-box-shadow: 0 0 0 1px var(--tint), 0 2px 4px var(--tint), 0 8px 24px var(--tint); - box-shadow: 0 0 0 1px var(--tint), 0 2px 4px var(--tint), 0 8px 24px var(--tint); - background-color: var(--shade1); - min-width: 300px; - max-width: 500px; - pointer-events: all; -} -.bp3-toast.bp3-toast-enter, -.bp3-toast.bp3-toast-appear { - -webkit-transform: translateY(-40px); - transform: translateY(-40px); -} -.bp3-toast.bp3-toast-enter-active, -.bp3-toast.bp3-toast-appear-active { - -webkit-transform: translateY(0); - transform: translateY(0); - -webkit-transition-property: -webkit-transform; - transition-property: -webkit-transform; - transition-property: transform; - transition-property: transform, -webkit-transform; - -webkit-transition-duration: 300ms; - transition-duration: 300ms; - -webkit-transition-timing-function: cubic-bezier(0.54, 1.12, 0.38, 1.11); - transition-timing-function: cubic-bezier(0.54, 1.12, 0.38, 1.11); - -webkit-transition-delay: 0; - transition-delay: 0; -} -.bp3-toast.bp3-toast-enter ~ .bp3-toast, -.bp3-toast.bp3-toast-appear ~ .bp3-toast { - -webkit-transform: translateY(-40px); - transform: translateY(-40px); -} -.bp3-toast.bp3-toast-enter-active ~ .bp3-toast, -.bp3-toast.bp3-toast-appear-active ~ .bp3-toast { - -webkit-transform: translateY(0); - transform: translateY(0); - -webkit-transition-property: -webkit-transform; - transition-property: -webkit-transform; - transition-property: transform; - transition-property: transform, -webkit-transform; - -webkit-transition-duration: 300ms; - transition-duration: 300ms; - -webkit-transition-timing-function: cubic-bezier(0.54, 1.12, 0.38, 1.11); - transition-timing-function: cubic-bezier(0.54, 1.12, 0.38, 1.11); - -webkit-transition-delay: 0; - transition-delay: 0; -} -.bp3-toast.bp3-toast-exit { - opacity: 1; - -webkit-filter: blur(0); - filter: blur(0); -} -.bp3-toast.bp3-toast-exit-active { - opacity: 0; - -webkit-filter: blur(10px); - filter: blur(10px); - -webkit-transition-property: opacity, -webkit-filter; - transition-property: opacity, -webkit-filter; - transition-property: opacity, filter; - transition-property: opacity, filter, -webkit-filter; - -webkit-transition-duration: 300ms; - transition-duration: 300ms; - -webkit-transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9); - transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9); - -webkit-transition-delay: 0; - transition-delay: 0; -} -.bp3-toast.bp3-toast-exit ~ .bp3-toast { - -webkit-transform: translateY(0); - transform: translateY(0); -} -.bp3-toast.bp3-toast-exit-active ~ .bp3-toast { - -webkit-transform: translateY(-40px); - transform: translateY(-40px); - -webkit-transition-property: -webkit-transform; - transition-property: -webkit-transform; - transition-property: transform; - transition-property: transform, -webkit-transform; - -webkit-transition-duration: 100ms; - transition-duration: 100ms; - -webkit-transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9); - transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9); - -webkit-transition-delay: 50ms; - transition-delay: 50ms; -} -.bp3-toast .bp3-button-group { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - padding: 5px; - padding-left: 0; -} -.bp3-toast > .bp3-icon { - margin: 12px; - margin-right: 0; - color: var(--textSecondary); -} -.bp3-toast[class*="bp3-intent-"] a { - color: var(--white); -} -.bp3-toast[class*="bp3-intent-"] a:hover { - color: var(--white); -} -.bp3-toast[class*="bp3-intent-"] > .bp3-icon { - color: var(--white); -} -.bp3-toast[class*="bp3-intent-"] .bp3-button, -.bp3-toast[class*="bp3-intent-"] .bp3-button::before, -.bp3-toast[class*="bp3-intent-"] .bp3-button .bp3-icon, -.bp3-toast[class*="bp3-intent-"] .bp3-button:active { - color: var(--white) !important; -} -.bp3-toast[class*="bp3-intent-"] .bp3-button:focus { - outline-color: rgba(255, 255, 255, 0.5); -} -.bp3-toast[class*="bp3-intent-"] .bp3-button:hover { - background-color: rgba(255, 255, 255, 0.15) !important; - color: var(--white) !important; -} -.bp3-toast[class*="bp3-intent-"] .bp3-button:active { - background-color: rgba(255, 255, 255, 0.3) !important; - color: var(--white) !important; -} -.bp3-toast[class*="bp3-intent-"] .bp3-button::after { - background: rgba(255, 255, 255, 0.3) !important; -} -.bp3-toast.bp3-intent-primary { - background-color: var(--primary); - color: var(--white); -} -.bp3-toast.bp3-intent-success { - background-color: var(--success); - color: var(--white); -} -.bp3-toast.bp3-intent-warning { - background-color: var(--warning); - color: var(--white); -} -.bp3-toast.bp3-intent-danger { - background-color: var(--danger); - color: var(--white); -} - -.bp3-toast-message { - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - padding: 11px; -} - -.bp3-toast-container { - display: -webkit-box !important; - display: -ms-flexbox !important; - display: flex !important; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - position: fixed; - right: 0; - left: 0; - z-index: 40; - overflow: hidden; - padding: 0 20px 20px; - pointer-events: none; -} -.bp3-toast-container.bp3-toast-container-top { - top: 0; - bottom: auto; -} -.bp3-toast-container.bp3-toast-container-bottom { - -webkit-box-orient: vertical; - -webkit-box-direction: reverse; - -ms-flex-direction: column-reverse; - flex-direction: column-reverse; - top: auto; - bottom: 0; -} -.bp3-toast-container.bp3-toast-container-left { - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; -} -.bp3-toast-container.bp3-toast-container-right { - -webkit-box-align: end; - -ms-flex-align: end; - align-items: flex-end; -} - -.bp3-toast-container-bottom .bp3-toast.bp3-toast-enter:not(.bp3-toast-enter-active), -.bp3-toast-container-bottom .bp3-toast.bp3-toast-enter:not(.bp3-toast-enter-active) ~ .bp3-toast, -.bp3-toast-container-bottom .bp3-toast.bp3-toast-leave-active ~ .bp3-toast { - -webkit-transform: translateY(60px); - transform: translateY(60px); -} diff --git a/components/blueprint/tooltip.global.scss b/components/blueprint/tooltip.global.scss deleted file mode 100644 index 695eb4062..000000000 --- a/components/blueprint/tooltip.global.scss +++ /dev/null @@ -1,241 +0,0 @@ -/*! - -Copyright 2017-present Palantir Technologies, Inc. All rights reserved. -Licensed under the Apache License, Version 2.0. - -*/ - -.bp3-tooltip { - -webkit-box-shadow: var(--popUpShadow); - box-shadow: var(--popUpShadow); - -webkit-transform: scale(1); - transform: scale(1); -} -.bp3-tooltip .bp3-popover-arrow { - position: absolute; - width: 22px; - height: 22px; -} -.bp3-tooltip .bp3-popover-arrow::before { - margin: 4px; - width: 14px; - height: 14px; -} -.bp3-tether-element-attached-bottom.bp3-tether-target-attached-top > .bp3-tooltip { - margin-top: -11px; - margin-bottom: 11px; -} -.bp3-tether-element-attached-bottom.bp3-tether-target-attached-top - > .bp3-tooltip - > .bp3-popover-arrow { - bottom: -8px; -} -.bp3-tether-element-attached-bottom.bp3-tether-target-attached-top - > .bp3-tooltip - > .bp3-popover-arrow - svg { - -webkit-transform: rotate(-90deg); - transform: rotate(-90deg); -} -.bp3-tether-element-attached-left.bp3-tether-target-attached-right > .bp3-tooltip { - margin-left: 11px; -} -.bp3-tether-element-attached-left.bp3-tether-target-attached-right - > .bp3-tooltip - > .bp3-popover-arrow { - left: -8px; -} -.bp3-tether-element-attached-left.bp3-tether-target-attached-right - > .bp3-tooltip - > .bp3-popover-arrow - svg { - -webkit-transform: rotate(0); - transform: rotate(0); -} -.bp3-tether-element-attached-top.bp3-tether-target-attached-bottom > .bp3-tooltip { - margin-top: 11px; -} -.bp3-tether-element-attached-top.bp3-tether-target-attached-bottom - > .bp3-tooltip - > .bp3-popover-arrow { - top: -8px; -} -.bp3-tether-element-attached-top.bp3-tether-target-attached-bottom - > .bp3-tooltip - > .bp3-popover-arrow - svg { - -webkit-transform: rotate(90deg); - transform: rotate(90deg); -} -.bp3-tether-element-attached-right.bp3-tether-target-attached-left > .bp3-tooltip { - margin-right: 11px; - margin-left: -11px; -} -.bp3-tether-element-attached-right.bp3-tether-target-attached-left - > .bp3-tooltip - > .bp3-popover-arrow { - right: -8px; -} -.bp3-tether-element-attached-right.bp3-tether-target-attached-left - > .bp3-tooltip - > .bp3-popover-arrow - svg { - -webkit-transform: rotate(180deg); - transform: rotate(180deg); -} -.bp3-tether-element-attached-middle > .bp3-tooltip > .bp3-popover-arrow { - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); -} -.bp3-tether-element-attached-center > .bp3-tooltip > .bp3-popover-arrow { - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); -} -.bp3-tether-element-attached-top.bp3-tether-target-attached-top - > .bp3-tooltip - > .bp3-popover-arrow { - top: -0.22183px; -} -.bp3-tether-element-attached-right.bp3-tether-target-attached-right - > .bp3-tooltip - > .bp3-popover-arrow { - right: -0.22183px; -} -.bp3-tether-element-attached-left.bp3-tether-target-attached-left - > .bp3-tooltip - > .bp3-popover-arrow { - left: -0.22183px; -} -.bp3-tether-element-attached-bottom.bp3-tether-target-attached-bottom - > .bp3-tooltip - > .bp3-popover-arrow { - bottom: -0.22183px; -} -.bp3-tether-element-attached-top.bp3-tether-element-attached-left > .bp3-tooltip { - -webkit-transform-origin: top left; - transform-origin: top left; -} -.bp3-tether-element-attached-top.bp3-tether-element-attached-center > .bp3-tooltip { - -webkit-transform-origin: top center; - transform-origin: top center; -} -.bp3-tether-element-attached-top.bp3-tether-element-attached-right > .bp3-tooltip { - -webkit-transform-origin: top right; - transform-origin: top right; -} -.bp3-tether-element-attached-middle.bp3-tether-element-attached-left > .bp3-tooltip { - -webkit-transform-origin: center left; - transform-origin: center left; -} -.bp3-tether-element-attached-middle.bp3-tether-element-attached-center > .bp3-tooltip { - -webkit-transform-origin: center center; - transform-origin: center center; -} -.bp3-tether-element-attached-middle.bp3-tether-element-attached-right > .bp3-tooltip { - -webkit-transform-origin: center right; - transform-origin: center right; -} -.bp3-tether-element-attached-bottom.bp3-tether-element-attached-left > .bp3-tooltip { - -webkit-transform-origin: bottom left; - transform-origin: bottom left; -} -.bp3-tether-element-attached-bottom.bp3-tether-element-attached-center > .bp3-tooltip { - -webkit-transform-origin: bottom center; - transform-origin: bottom center; -} -.bp3-tether-element-attached-bottom.bp3-tether-element-attached-right > .bp3-tooltip { - -webkit-transform-origin: bottom right; - transform-origin: bottom right; -} -.bp3-tooltip .bp3-popover-content { - background: var(--popUp); - color: var(--textPrimary); -} -.bp3-tooltip .bp3-popover-arrow::before { - -webkit-box-shadow: 1px 1px 6px var(--tint); - box-shadow: 1px 1px 6px var(--tint); -} -.bp3-tooltip .bp3-popover-arrow-border { - fill: var(--popUp); - fill-opacity: 0.1; -} -.bp3-tooltip .bp3-popover-arrow-fill { - fill: var(--popUp); -} -.bp3-popover-enter > .bp3-tooltip, -.bp3-popover-appear > .bp3-tooltip { - -webkit-transform: scale(0.8); - transform: scale(0.8); -} -.bp3-popover-enter-active > .bp3-tooltip, -.bp3-popover-appear-active > .bp3-tooltip { - -webkit-transform: scale(1); - transform: scale(1); - -webkit-transition-property: -webkit-transform; - transition-property: -webkit-transform; - transition-property: transform; - transition-property: transform, -webkit-transform; - -webkit-transition-duration: 100ms; - transition-duration: 100ms; - -webkit-transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9); - transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9); - -webkit-transition-delay: 0; - transition-delay: 0; -} -.bp3-popover-exit > .bp3-tooltip { - -webkit-transform: scale(1); - transform: scale(1); -} -.bp3-popover-exit-active > .bp3-tooltip { - -webkit-transform: scale(0.8); - transform: scale(0.8); - -webkit-transition-property: -webkit-transform; - transition-property: -webkit-transform; - transition-property: transform; - transition-property: transform, -webkit-transform; - -webkit-transition-duration: 100ms; - transition-duration: 100ms; - -webkit-transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9); - transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9); - -webkit-transition-delay: 0; - transition-delay: 0; -} -.bp3-tooltip .bp3-popover-content { - padding: 10px 12px; -} - -.bp3-tooltip.bp3-intent-primary .bp3-popover-content { - background: var(--primary); - color: var(--textInvert); -} -.bp3-tooltip.bp3-intent-primary .bp3-popover-arrow-fill { - fill: var(--primary); -} -.bp3-tooltip.bp3-intent-success .bp3-popover-content { - background: var(--success); - color: var(--textInvert); -} -.bp3-tooltip.bp3-intent-success .bp3-popover-arrow-fill { - fill: var(--success); -} -.bp3-tooltip.bp3-intent-warning .bp3-popover-content { - background: var(--warning); - color: var(--textInvert); -} -.bp3-tooltip.bp3-intent-warning .bp3-popover-arrow-fill { - fill: var(--warning); -} -.bp3-tooltip.bp3-intent-danger .bp3-popover-content { - background: var(--danger); - color: var(--textInvert); -} -.bp3-tooltip.bp3-intent-danger .bp3-popover-arrow-fill { - fill: var(--danger); -} - -.bp3-tooltip-indicator { - border-bottom: dotted 1px; - cursor: help; -} diff --git a/components/breadcrumb.scss b/components/breadcrumb.scss deleted file mode 100644 index cc43bfce6..000000000 --- a/components/breadcrumb.scss +++ /dev/null @@ -1,13 +0,0 @@ -.container { - display: flex; - text-transform: uppercase; - white-space: pre; -} - -.container > :not(:last-child) { - cursor: pointer; -} - -.container > :last-child { - font-weight: bold; -} diff --git a/components/breadcrumb.tsx b/components/breadcrumb.tsx deleted file mode 100644 index 0163c6a42..000000000 --- a/components/breadcrumb.tsx +++ /dev/null @@ -1,27 +0,0 @@ -import { H6 } from "@blueprintjs/core"; -import * as React from "react"; -import { Link } from "react-router"; - -import * as styles from "df/components/breadcrumb.css"; - -export interface IBreadCrumbProps { - pathParts: Array<{ label: string; onClick?: () => void; to?: string }>; -} - -export function BreadCrumb({ pathParts }: IBreadCrumbProps) { - return ( -
- {pathParts.slice(0, -1).map((pathPart, index) => ( - -
- - {pathPart.label} - -
- {" > "} - - ))} -
{pathParts.slice(-1)[0].label}
-
- ); -} diff --git a/components/card.scss b/components/card.scss deleted file mode 100644 index 99149eb3b..000000000 --- a/components/card.scss +++ /dev/null @@ -1,112 +0,0 @@ -.cardContainer { - display: flex; - overflow: auto; - max-width: 100%; - border-radius: 5px; - padding: 0; - &:not(.minimal) { - background-color: var(--shade1); - box-shadow: var(--cardShadow); - } - &.headerless { - padding-top: 20px; - } - word-wrap: break-word; -} - -.flexCardContainer { - display: flex; -} - -.masonryCardContainer { - display: inline-block; - margin: 10px 0; - width: 100%; -} - -.cardActions { - display: flex; - - > *:not(:first-child) { - margin-left: 10px; - } - - &.left { - justify-content: flex-start; - } - &.right { - justify-content: flex-end; - } - &.center { - justify-content: center; - } -} - -.cardActionsSpacer { - flex-grow: 1; -} - -.cardHeaderContainer { - display: flex; - align-items: center; - justify-content: space-between; - padding: 12px 20px; - - h2, - h3 { - overflow: hidden; - text-overflow: ellipsis; - margin: 0; - } -} - -.cardMainContainer { - display: inline-flex; - flex-direction: column; - flex-grow: 1; - width: 100%; -} - -.cardSecondaryActionsContainer { - display: flex; -} - -.cardContentContainer { - > *:not(.cardMedia) { - margin-bottom: 10px; - } - - > *:not(.cardMedia):not(:first-child) { - margin-top: 10px; - } - - > *:not(.cardMedia):first-child { - margin-top: 0; - } - - .cardActions { - margin-top: 20px !important; - } - - padding: 0px 20px 12px; -} - -.fullWidthCardContentContainer { - padding: 0px; -} - -.cardGrid { - display: grid; - grid-row-gap: 20px; - grid-column-gap: 20px; - margin: 20px; -} - -.cardList > * { - margin-bottom: 20px; -} - -.cardMasonry { - column-gap: 20px; - margin: 10px 20px 10px; -} diff --git a/components/card.tsx b/components/card.tsx deleted file mode 100644 index 1627da998..000000000 --- a/components/card.tsx +++ /dev/null @@ -1,148 +0,0 @@ -import { Alignment, H3 } from "@blueprintjs/core"; -import * as React from "react"; - -import { BreadCrumb, IBreadCrumbProps } from "df/components/breadcrumb"; -import * as styles from "df/components/card.css"; - -export interface ICardProps { - header?: React.ReactNode; - headerRight?: React.ReactNode; - minimal?: boolean; - fullWidth?: boolean; - masonryCard?: boolean; - breadCrumbs?: IBreadCrumbProps; -} - -export const Card = ({ - header, - headerRight, - children, - className, - minimal, - fullWidth, - masonryCard, - breadCrumbs, - ...rest -}: React.PropsWithChildren & React.HTMLAttributes) => ( -
-
- {breadCrumbs && ( - - - - )} - {(header || headerRight) && ( - - {header &&

{header}

} - {headerRight && ( - {headerRight} - )} - - )} -
- {children} -
-
-
-); - -export interface ICardActionsProps { - align?: Alignment; -} - -export const CardActions = ({ - children, - align = "left", - className, - ...rest -}: React.PropsWithChildren & React.HTMLAttributes) => ( - <> -
-
- {children} -
- -); - -export const CardMedia = ({ - children, - className, - ...rest -}: React.PropsWithChildren<{}> & React.HTMLAttributes) => ( -
- {children} -
-); - -export interface ICardGridProps { - minWidth?: number; -} - -export const CardGrid = ({ - minWidth = 400, - children, - className, - ...rest -}: ICardGridProps & React.PropsWithChildren<{}> & React.HTMLAttributes) => { - return ( -
- {children} -
- ); -}; - -export const CardList = ({ - className, - children, - ...rest -}: React.PropsWithChildren<{}> & React.HTMLAttributes) => { - return ( -
- {children} -
- ); -}; - -export interface ICardMasonryProps { - columns?: number; - minCardWidth?: number; -} - -export const CardMasonry = ({ - children, - className, - columns, - minCardWidth, - ...rest -}: ICardMasonryProps & React.PropsWithChildren<{}> & React.HTMLAttributes) => { - const numOfColumns = columns || 2; - return ( -
- {children} -
- ); -}; diff --git a/components/charts/BUILD b/components/charts/BUILD deleted file mode 100644 index 60b1ed665..000000000 --- a/components/charts/BUILD +++ /dev/null @@ -1,38 +0,0 @@ -package(default_visibility = ["//visibility:public"]) - -load("//tools:ts_library.bzl", "ts_library") -load("@df//tools:css_typings.bzl", "css_typings") -load("@io_bazel_rules_sass//:defs.bzl", "multi_sass_binary") - -multi_sass_binary( - name = "sass", - srcs = glob(["*.scss"]), - output_style = "expanded", - sourcemap = False, -) - -css_typings( - name = "css_typings", - srcs = [ - ":sass", - ], -) - -ts_library( - name = "charts", - srcs = glob(["*.tsx"]), - data = [ - ":sass", - ], - deps = [ - ":css_typings", - "//:modules-fix", - "@npm//@nivo/bar", - "@npm//@nivo/core", - "@npm//@nivo/line", - "@npm//@types/react", - "@npm//@types/react-router", - "@npm//react", - "@npm//react-router", - ], -) diff --git a/components/charts/_common.scss b/components/charts/_common.scss deleted file mode 100644 index 4f71bbb01..000000000 --- a/components/charts/_common.scss +++ /dev/null @@ -1,15 +0,0 @@ -.container { - width: 100%; - max-width: 1200px; - overflow: hidden; -} - -.chartContent { - position: absolute; - width: 100%; - height: 100%; -} - -.chartContent svg { - overflow: visible; -} diff --git a/components/charts/bar.scss b/components/charts/bar.scss deleted file mode 100644 index 0ab61dc0b..000000000 --- a/components/charts/bar.scss +++ /dev/null @@ -1 +0,0 @@ -@use "common"; diff --git a/components/charts/bar.tsx b/components/charts/bar.tsx deleted file mode 100644 index f366f22d4..000000000 --- a/components/charts/bar.tsx +++ /dev/null @@ -1,57 +0,0 @@ -import { BarSvgProps, ResponsiveBar } from "@nivo/bar"; -import * as React from "react"; - -import * as styles from "df/components/charts/bar.css"; -import { IChartProps, nivoTheme } from "df/components/charts/common"; -import { generateAxis } from "df/components/charts/common"; - -// Required as Nivo bar data is just `object[]`. -type BarData = Array<{ - [x: string]: string | number; - id: string; -}>; - -export const Bar = (props: BarSvgProps & IChartProps) => { - const { data, horizontal, formatCountValue, margin } = props; - const categoryAxisValues = (data as BarData).map(datum => datum.id); - const { categoryAxisPadding, countAxisPadding, categoryAxis, countAxis } = generateAxis({ - ...props, - categoryAxisValues - }); - - return ( -
- ( -
-
{id}
-
- - {formatCountValue(value)} - -
-
- )} - {...props} - /> -
- ); -}; diff --git a/components/charts/common.tsx b/components/charts/common.tsx deleted file mode 100644 index 5765eda75..000000000 --- a/components/charts/common.tsx +++ /dev/null @@ -1,85 +0,0 @@ -import * as React from "react"; - -export interface IChartProps { - horizontal?: boolean; - formatCountValue?: (value: React.ReactText) => string; - maxLabelLength?: number; - dateFormat?: boolean; -} - -interface IChartPadding { - categoryAxisPadding: number; - countAxisPadding: number; - longestCategoryAxisValue: number; -} - -export function generateAxis({ - maxLabelLength, - horizontal, - categoryAxisValues, - formatCountValue, - dateFormat -}: IChartProps & { categoryAxisValues: string[] }) { - // TODO: Update the nivo.rocks library to calculate spacing for axis properly. - - const longestCategoryAxisValue = Math.min( - categoryAxisValues - .map(value => String(value)) - .reduce((acc, val) => (acc > val.length ? acc : val.length), 0), - maxLabelLength - ); - - const categoryAxisPadding = - longestCategoryAxisValue < 12 || dateFormat - ? 0 - : horizontal - ? longestCategoryAxisValue * 5 - : longestCategoryAxisValue * 2; - const countAxisPadding = - longestCategoryAxisValue < 12 || dateFormat ? 0 : horizontal ? 0 : longestCategoryAxisValue * 2; - - const categoryAxis = { - tickRotation: !!horizontal ? 0 : -30, - format: dateFormat - ? "%b %d" - : (value: React.ReactText) => formatStringValue(value, longestCategoryAxisValue) - }; - const countAxis = { - format: (value: React.ReactText) => formatCountValue(value) - }; - - return { categoryAxisPadding, countAxisPadding, categoryAxis, countAxis }; -} - -export function formatStringValue(value: React.ReactText, maxLength = 14): string { - const stringValue = String(value); - return stringValue.length > maxLength - ? `${stringValue.substring(0, maxLength - 3)}...` - : stringValue; -} - -export const nivoTheme = { - tooltip: { - container: { - boxShadow: "var(--popUpShadow)", - backgroundColor: "var(--shade0)", - borderRadius: "5px", - padding: "9px 12px" - } - }, - axis: { - ticks: { - text: { - fill: "var(--textPrimary)", - fontSize: "12px", - fontFamily: "Open Sans" - } - } - }, - crosshair: { - line: { - stroke: "var(--textSecondary)", - strokeWidth: 2 - } - } -}; diff --git a/components/charts/line.scss b/components/charts/line.scss deleted file mode 100644 index a0022130c..000000000 --- a/components/charts/line.scss +++ /dev/null @@ -1,8 +0,0 @@ -@use "common"; - -.tooltip { - box-shadow: var(--popUpShadow); - background: var(--shade1); - padding: 9px 12px; - border-radius: 5px; -} diff --git a/components/charts/line.tsx b/components/charts/line.tsx deleted file mode 100644 index ea433bfea..000000000 --- a/components/charts/line.tsx +++ /dev/null @@ -1,75 +0,0 @@ -import { LineSvgProps, ResponsiveLine } from "@nivo/line"; -import { Serie } from "@nivo/line"; -import * as React from "react"; - -import { IChartProps, nivoTheme } from "df/components/charts/common"; -import { generateAxis } from "df/components/charts/common"; -import * as styles from "df/components/charts/line.css"; - -export const Line = (props: LineSvgProps & IChartProps) => { - const { data, horizontal, formatCountValue, margin } = props; - const categoryAxisValues = data.map(datum => datum.id.toString()); - const { categoryAxisPadding, countAxisPadding, categoryAxis, countAxis } = generateAxis({ - categoryAxisValues, - ...props - }); - - return ( -
- { - const date = slice.points[0].data.xFormatted; - return ( -
- {slice.points.map((point, index) => ( - <> -
- {point.serieId !== "default" ? `${point.serieId}, ${date}` : date} -
-
- - {formatCountValue(point.data.yFormatted)} - -
- - ))} -
- ); - }} - pointSize={8} - pointBorderWidth={2} - pointColor="var(--shade1)" - pointBorderColor={{ from: "serieColor" }} - theme={nivoTheme} - {...props} - /> -
- ); -}; diff --git a/components/collapse.scss b/components/collapse.scss deleted file mode 100644 index eaeba19ec..000000000 --- a/components/collapse.scss +++ /dev/null @@ -1,10 +0,0 @@ -.messageContainer { - display: flex; - flex-direction: row; - align-items: center; - word-break: break-all; -} - -.messageContainerFullWidth { - justify-content: space-between; -} diff --git a/components/collapse.tsx b/components/collapse.tsx deleted file mode 100644 index 45e44199e..000000000 --- a/components/collapse.tsx +++ /dev/null @@ -1,45 +0,0 @@ -import { Button, Collapse } from "@blueprintjs/core"; -import { useState } from "react"; -import * as React from "react"; - -import * as styles from "df/components/collapse.css"; - -export interface ISimpleCollapseProps { - message?: React.ReactNode; - className?: string; - defaultOpen?: boolean; - fullWidth?: boolean; -} - -export function SimpleCollapse({ - message, - className, - children, - defaultOpen, - fullWidth = true -}: React.PropsWithChildren) { - const [show, updateShow] = useState(!!defaultOpen); - const cssStyles = [styles.messageContainer]; - if (className) { - cssStyles.push(className); - } - if (fullWidth) { - cssStyles.push(styles.messageContainerFullWidth); - } - return ( - <> -
- {message || <>} - {children && ( -
- {children && {children}} - - ); -} diff --git a/components/controlled_dialog.tsx b/components/controlled_dialog.tsx deleted file mode 100644 index 6ae01ebf0..000000000 --- a/components/controlled_dialog.tsx +++ /dev/null @@ -1,115 +0,0 @@ -import { Button, Classes, IButtonProps, Intent } from "@blueprintjs/core"; -import * as React from "react"; - -import { CardActions } from "df/components/card"; -import { Dialog } from "df/components/dialog"; - -export interface IControlledDialogProps { - title?: string; - ref?: React.RefObject; - openButton?: React.ReactElement; - onConfirm?: () => void; - onClose?: (e: any) => void; - cancelButtonText?: string; - confirmButtonProps?: IButtonProps & React.ButtonHTMLAttributes; - confirmHidden?: boolean; - disable?: boolean; - width?: string; -} - -interface IState { - isOpen: boolean; -} - -export class ControlledDialog extends React.Component { - constructor(props: IControlledDialogProps) { - super(props); - this.state = { isOpen: false }; - } - - public showDialog() { - this.setState({ isOpen: true }); - } - - public render() { - const { - disable, - openButton, - title, - confirmHidden, - confirmButtonProps, - cancelButtonText, - onClose, - onConfirm, - width, - children - } = this.props; - return ( - <> - { - this.setState({ isOpen: disable ? false : true }); - e.stopPropagation(); - }} - > - {openButton} - - { - this.setState({ isOpen: false }); - if (onClose) { - onClose(e); - } - }} - hasBackdrop={true} - usePortal={true} - autoFocus={true} - style={{ width: width || "600px" }} - > -
{ - if (e.key === "Enter" && !confirmButtonProps?.disabled) { - e.preventDefault(); - if (onConfirm) { - onConfirm(); - } - this.setState({ isOpen: false }); - } - }} - > - {children} -
- - - - ); - } -} diff --git a/components/dialog.scss b/components/dialog.scss deleted file mode 100644 index 42e8c5653..000000000 --- a/components/dialog.scss +++ /dev/null @@ -1,3 +0,0 @@ -.dialog > .dialogCard { - background-color: var(--shade1); -} diff --git a/components/dialog.tsx b/components/dialog.tsx deleted file mode 100644 index 46acf11fc..000000000 --- a/components/dialog.tsx +++ /dev/null @@ -1,27 +0,0 @@ -import { Dialog as BlueprintDialog, IDialogProps } from "@blueprintjs/core"; -import * as React from "react"; - -import { Card } from "df/components/card"; -import * as styles from "df/components/dialog.css"; - -export const Dialog = ({ - title, - className, - children, - ...rest -}: React.PropsWithChildren) => { - return ( - - - {children} - - - ); -}; diff --git a/components/error_boundary.scss b/components/error_boundary.scss deleted file mode 100644 index ef414c6b7..000000000 --- a/components/error_boundary.scss +++ /dev/null @@ -1,39 +0,0 @@ -.errorPageContainer { - background-color: var(--shade0); - height: 100%; - width: 100%; -} - -.errorPageCard { - margin-top: 10px; -} - -.errorComponentWrapper { - margin: 10px; -} - -.errorButton { - margin-left: 5px; -} - -.errorTitleContainer { - display: flex; - align-items: center; - justify-content: space-between; -} - -.contactUsLink { - color: inherit; - text-decoration: underline; -} - -.contactUsLink:hover { - text-decoration: none; - color: inherit; -} - -.content_centered { - max-width: 900px; - margin-left: auto; - margin-right: auto; -} diff --git a/components/error_boundary.tsx b/components/error_boundary.tsx deleted file mode 100644 index 4d0a2c813..000000000 --- a/components/error_boundary.tsx +++ /dev/null @@ -1,136 +0,0 @@ -import { Button, Callout, Card, Collapse, H4, Intent } from "@blueprintjs/core"; -import * as React from "react"; - -import * as styles from "df/components/error_boundary.css"; - -export interface IBaseErrorProps { - customTitle?: React.ReactNode | string; - customIntent?: Intent; - sinkMethod?: (error: Error, id: string) => void; -} - -export interface IErrorCalloutProps extends IBaseErrorProps { - errorMessage?: string; -} - -interface IBaseErrorState { - showErrorDetails: boolean; -} - -class BaseErrorCallout extends React.Component { - public state: IBaseErrorState = { - showErrorDetails: false - }; - - public toggleShowErrorDetails = () => { - this.setState({ showErrorDetails: !this.state.showErrorDetails }); - }; - - public render() { - const { showErrorDetails } = this.state; - const { - customTitle = "Something went wrong. Try refreshing the page or", - customIntent = Intent.DANGER, - errorMessage - } = this.props; - return ( - -

- - {customTitle} - {!errorMessage &&
} - (window as any).Intercom && (window as any).Intercom("show")} - > - {" "} - contact us for help - - . - - - {!!errorMessage && ( -

- - 
{errorMessage}
- - - ); - } -} - -export class ErrorPageWithCallout extends React.Component { - public render() { - return ( -
- - - -
- ); - } -} - -const ErrorBoundaryComponent = (props: IErrorCalloutProps) => ( -
- -
-); - -const ErrorBoundaryPage = (props: IErrorCalloutProps) => ( -
- - - -
-); - -export interface IErrorBoundaryState { - errorMessage?: string; -} - -export interface IErrorBoundaryProps extends IBaseErrorProps { - type: "page" | "component"; - id: string; -} - -export class ErrorBoundary extends React.Component { - public static getDerivedStateFromError(error: Error) { - return { errorMessage: error.toString() }; - } - - public state: IErrorBoundaryState = { - errorMessage: "" - }; - - public componentDidCatch(error: Error) { - if (!!this.props.sinkMethod) { - this.props.sinkMethod(error, this.props.id); - } - } - - public render() { - const { errorMessage } = this.state; - if (errorMessage) { - return ( - <> - {this.props.type === "page" && ( - - )} - {this.props.type === "component" && ( - - )} - - ); - } - - return this.props.children; - } -} diff --git a/components/flex.scss b/components/flex.scss deleted file mode 100644 index f0f6fe02d..000000000 --- a/components/flex.scss +++ /dev/null @@ -1,21 +0,0 @@ -.flex { - display: flex; -} - -.flex.row { - flex-direction: row; - .item.fill { - min-width: 0px; - } -} - -.flex.column { - flex-direction: column; - .item.fill { - min-height: 0px; - } -} - -.flex .item.fill { - flex-grow: 1; -} diff --git a/components/flex.tsx b/components/flex.tsx deleted file mode 100644 index 9535070d8..000000000 --- a/components/flex.tsx +++ /dev/null @@ -1,68 +0,0 @@ -import * as bp from "@blueprintjs/core"; -import Resizable from "re-resizable"; -import * as React from "react"; - -import * as styles from "df/components/flex.css"; - -export interface IFlexItemProps extends React.HTMLAttributes { - width?: number; - height?: number; - resizable?: bp.Position[]; - fill?: boolean; -} - -export const FlexItem = (props: IFlexItemProps) => { - const { width, height, resizable, fill, ...remainingProps } = props; - const classNames = [styles.item, props.className]; - if (props.resizable && props.resizable.length > 0) { - return ( - ({ ...accumulator, [position]: true }), - {} - )} - > - {props.children} - - ); - } - if (props.fill) { - classNames.push(styles.fill); - } - const style = { ...props.style }; - if (props.width) { - style.width = props.width + "px"; - style.minWidth = style.width; - style.maxWidth = style.width; - } - if (props.height) { - style.height = props.height + "px"; - style.minHeight = style.height; - style.maxHeight = style.height; - } - return ( -
- {props.children} -
- ); -}; - -export interface IFlexProps extends React.HTMLAttributes { - direction?: "row" | "column"; - children?: Array> | React.ReactElement; -} - -export const Flex = (props: IFlexProps) => { - const { direction, ...remainingProps } = props; - const classNames = [styles.flex, styles[props.direction || "row"], props.className]; - return ( -
- {props.children} -
- ); -}; diff --git a/components/forms.scss b/components/forms.scss deleted file mode 100644 index 12a422d9d..000000000 --- a/components/forms.scss +++ /dev/null @@ -1,4 +0,0 @@ -.validationErrors { - margin: 5px 0px; - color: var(--danger); -} diff --git a/components/forms.tsx b/components/forms.tsx deleted file mode 100644 index 87d1ffb36..000000000 --- a/components/forms.tsx +++ /dev/null @@ -1,321 +0,0 @@ -import { - FileInput as BlueprintFileInput, - H5, - HTMLInputProps, - IFileInputProps as IBlueprintFileInputProps, - IInputGroupProps, - InputGroup, - ITagInputProps, - TagInput -} from "@blueprintjs/core"; -import * as React from "react"; -import { useState } from "react"; - -import * as styles from "df/components/forms.css"; -import validator from 'validator'; - -export interface IValidationRule { - predicate: (val: T) => boolean; - message: string | ((val: T) => string); -} - -export class ValidationRules { - public static required(name?: string): IValidationRule { - return { - predicate: v => !!v, - message: `${name || "Field"} is required.` - }; - } - - public static email(): IValidationRule { - return { - predicate: v => !v || validator.isEmail(v), - message: "One of the emails is in an invalid format." - }; - } - - public static url(): IValidationRule { - return { - predicate: v => !v || validator.isURL(v, { - protocols: ["http", "https"] - }), - message: "URL is invalid." - }; - } - - public static noWhitespace(): IValidationRule { - return { - predicate: v => !v?.match(/\s/), - message: "May not contain whitespace." - }; - } - - public static forArray(validationRule: IValidationRule): IValidationRule { - return { - predicate: values => values.every(value => validationRule.predicate(value)), - message: values => - values - .filter(value => !validationRule.predicate(value)) - .map(value => - typeof validationRule.message === "string" - ? validationRule.message - : validationRule.message(value) - ) - .join(" ") - }; - } - - public static errors(value: T, ...rules: Array>): string[] { - return rules - .filter(rule => !rule.predicate(value)) - .map(rule => (typeof rule.message === "string" ? rule.message : rule.message(value))); - } -} - -/** - * Creates a strongly typed state object form managing forms. - * - * ```tsx - * const form = useForm({ email: { default: "", rules: EMAIL_REGEX_RULE }}); - * return ( - * <> - * form.email.set(e.target.value)} /> - * {form.email.errors()} - *