fix: inline blueprint sass (#199)

* chore: inline the blueprintjs sass files

pulled from node_modules as-is

* fix: small changes to make blueprint work w sass

* oops

* run sass-migrator division

Author: marbemac

src/styles/_blueprint.scss

@@ -4,13 +4,13 @@
 
 @import 'blueprint/variables';
 
-@import '~@blueprintjs/core/src/typography';
-@import '~@blueprintjs/core/src/accessibility/focus-states';
+@import './blueprint/src/typography';
+@import './blueprint/src/accessibility/focus-states';
 
-@import '~@blueprintjs/core/src/components/index';
+@import './blueprint/src/components/index';
 
 /**
   * BLUEPRINT SELECT
   */
 
-@import '~@blueprintjs/select/src/blueprint-select.scss';
+@import './blueprint/select/blueprint-select.scss';

src/styles/blueprint/_variables.scss

@@ -1,3 +1,5 @@
+@use "sass:math";
+
 @import "colors";
 
 @import '~@blueprintjs/core/src/common/_mixins.scss';
@@ -25,7 +27,7 @@ $pt-font-size-large: get-font-size(lg);
 $pt-font-size-small: get-font-size(sm);
 
 // a little bit extra to ensure the height comes out to just over 18px (and browser rounds to 18px)
-$pt-line-height: ($pt-grid-size * 1.8) / $pt-font-size + 0.0001 !default;
+$pt-line-height: math.div($pt-grid-size * 1.8, $pt-font-size) + 0.0001 !default;
 
 // Icon variables
 

src/styles/blueprint/select/blueprint-select.scss

@@ -0,0 +1,8 @@
+/*
+
+Copyright 2017-present Palantir Technologies, Inc. All rights reserved.
+Licensed under the Apache License, Version 2.0.
+
+*/
+
+@import "./components/index";

src/styles/blueprint/select/components/_index.scss

@@ -0,0 +1,6 @@
+// Copyright 2017 Palantir Technologies, Inc. All rights reserved.
+// Licensed under the Apache License, Version 2.0.
+
+@import "omnibar/omnibar";
+@import "select/multi-select";
+@import "select/select";

src/styles/blueprint/select/components/omnibar/_omnibar.scss

@@ -0,0 +1,63 @@
+// Copyright 2017 Palantir Technologies, Inc. All rights reserved.
+// Licensed under the Apache License, Version 2.0.
+
+@import "~@blueprintjs/core/src/common/react-transition";
+@import "~@blueprintjs/core/src/common/variables";
+
+$omnibar-height: 60vh !default;
+$omnibar-width: $pt-grid-size * 50 !default;
+$omnibar-input-height: $pt-grid-size * 4;
+
+.#{$ns}-omnibar {
+  $omnibar-transition-props: (
+    filter: (blur($pt-grid-size * 2), blur(0)),
+    opacity: (0.2, 1),
+  );
+
+  @include react-transition(
+    "#{$ns}-overlay",
+    $omnibar-transition-props,
+    $duration: $pt-transition-duration * 2,
+    $easing: $pt-transition-ease,
+    $before: "&"
+  );
+  background-color: $white;
+  border-radius: $pt-border-radius;
+  box-shadow: $pt-elevation-shadow-4;
+  left: calc(50% - #{$omnibar-width * 0.5});
+  top: (100 - $omnibar-height) * 0.5;
+  width: $omnibar-width;
+  z-index: $pt-z-index-overlay + 1;
+
+  .#{$ns}-input {
+    background-color: transparent;
+    border-radius: 0;
+
+    &,
+    &:focus {
+      box-shadow: none;
+    }
+  }
+
+  .#{$ns}-menu {
+    background-color: transparent;
+    border-radius: 0;
+    box-shadow: inset 0 1px 0 $pt-divider-black;
+    max-height: calc(#{$omnibar-height} - #{$omnibar-input-height});
+    overflow: auto;
+
+    &:empty {
+      display: none;
+    }
+  }
+
+  .#{$ns}-dark &,
+  &.#{$ns}-dark {
+    background-color: $dark-gray4;
+    box-shadow: $pt-dark-elevation-shadow-4;
+  }
+}
+
+.#{$ns}-omnibar-overlay .#{$ns}-overlay-backdrop {
+  background-color: rgba($black, 0.2);
+}

src/styles/blueprint/select/components/select/_multi-select.scss

@@ -0,0 +1,17 @@
+// Copyright 2017 Palantir Technologies, Inc. All rights reserved.
+// Licensed under the Apache License, Version 2.0.
+
+@import "~@blueprintjs/core/src/common/variables";
+@import "../select/select";
+
+.#{$ns}-multi-select {
+  min-width: $pt-grid-size * 15;
+}
+
+.#{$ns}-multi-select-popover {
+  .#{$ns}-menu {
+    max-height: $select-popover-max-height;
+    max-width: $select-popover-max-width;
+    overflow: auto;
+  }
+}

src/styles/blueprint/select/components/select/_select.scss

@@ -0,0 +1,31 @@
+// Copyright 2017 Palantir Technologies, Inc. All rights reserved.
+// Licensed under the Apache License, Version 2.0.
+
+@import "~@blueprintjs/core/src/common/variables";
+
+$select-popover-max-height: $pt-grid-size * 30 !default;
+$select-popover-max-width: $pt-grid-size * 40 !default;
+
+.#{$ns}-select-popover {
+  .#{$ns}-popover-content {
+    // use padding on container rather than margin on input group
+    // because top margin leaves some empty space with no background color.
+    padding: $pt-grid-size * 0.5;
+  }
+
+  .#{$ns}-input-group {
+    margin-bottom: 0;
+  }
+
+  .#{$ns}-menu {
+    max-height: $select-popover-max-height;
+    max-width: $select-popover-max-width;
+    overflow: auto;
+    padding: 0;
+
+    &:not(:first-child) {
+      // adjust padding to account for that on .#{$ns}-popover-content above
+      padding-top: $pt-grid-size * 0.5;
+    }
+  }
+}

src/styles/blueprint/src/_reset.scss

@@ -0,0 +1,43 @@
+// Copyright 2015 Palantir Technologies, Inc. All rights reserved.
+// Licensed under the Apache License, Version 2.0.
+
+@import "common/variables";
+@import "common/mixins";
+
+// Apply a natural box layout model to all elements, but allow components to change as necessary
+html {
+  box-sizing: border-box;
+}
+
+// adjust box-sizing for every element ever
+*,
+*::before,
+*::after {
+  box-sizing: inherit;
+}
+
+// Style resets on top of Normalize.css
+
+body {
+  @include base-typography();
+  color: $pt-text-color;
+  font-family: $pt-font-family;
+}
+
+p {
+  margin-bottom: $pt-grid-size;
+  margin-top: 0;
+}
+
+small {
+  font-size: $pt-font-size-small;
+}
+
+strong {
+  font-weight: 600;
+}
+
+// consistent cross-browser text selection
+::selection {
+  background: $pt-text-selection-color;
+}