{duration} seconds
+.#{$ns}-disabled to .#{$ns}-select for icon coloring (not shown below).\n.#{$ns}-fill - Expand to fill parent container\n.#{$ns}-large - Large size\n.#{$ns}-minimal - Minimal appearance\n\nStyleguide select\n*/\n\n.#{$ns}-html-select,\n.#{$ns}-select {\n display: inline-block;\n letter-spacing: normal;\n position: relative;\n vertical-align: middle;\n\n select {\n @extend %pt-select;\n\n &:disabled {\n @extend %pt-select-disabled;\n }\n\n &::-ms-expand {\n // IE11 styling to hide the arrow\n display: none;\n }\n }\n\n .#{$ns}-icon {\n @extend %pt-select-arrow;\n @include pt-icon-colors();\n }\n\n &.#{$ns}-minimal select {\n @extend %pt-select-minimal;\n }\n\n &.#{$ns}-large {\n select {\n @extend %pt-select-large;\n }\n\n &::after, // CSS support\n .#{$ns}-icon {\n right: $pt-grid-size * 1.2;\n top: ($pt-button-height-large - $pt-icon-size-standard) / 2;\n }\n }\n\n &.#{$ns}-fill {\n &,\n select {\n width: 100%;\n }\n }\n\n .#{$ns}-dark & {\n select {\n @extend %pt-dark-select;\n }\n\n option {\n background-color: $dark-popover-background-color;\n color: $pt-dark-text-color;\n }\n\n option:disabled {\n color: $pt-dark-text-color-disabled;\n }\n\n &::after {\n color: $pt-dark-icon-color;\n }\n }\n}\n\n.#{$ns}-html-select {\n .#{$ns}-icon {\n @extend %pt-select-arrow;\n }\n}\n\n// N.B. this icon implementation is deprecated and will be removed in Blueprint 4.0\n.#{$ns}-select {\n &::after {\n @extend %pt-select-arrow;\n @include pt-icon();\n content: $pt-icon-double-caret-vertical;\n }\n}\n",null,".default-item-renderer {\n margin: auto 0px;\n}\n\n.default-item-renderer-pre {\n text-align: left;\n white-space: pre-wrap;\n max-width: 75vw;\n max-height: 75vh;\n overflow: auto;\n color: #555555;\n}\n\n.default-item-renderer-pre.small {\n height: 16vh;\n}\n",".default-collection-renderer-container {\n display: grid;\n grid-template-rows: auto;\n grid-template-columns: 50% 50%;\n grid-row-gap: 12px;\n grid-column-gap: 12px;\n padding: 12px 24px 0px 24px;\n min-width: 75vw;\n max-width: 100vw;\n justify-content: center;\n}\n\n@media only screen and (min-width: 1400px) {\n .default-collection-renderer-container {\n grid-template-columns: 33.33% 33.33% 33.33%;\n }\n}\n",".word-cloud {\n text-align: center;\n justify-content: center;\n}\n\n.word-cloud p {\n text-align: center;\n vertical-align: middle;\n width: 100%;\n}\n\n.word-cloud-item-renderer {\n margin: auto 0px;\n}\n\n.word-cloud-item-renderer-card.small {\n width: 100%;\n height: 27vh;\n overflow: auto;\n}\n\n.word-cloud-item-renderer-card {\n height: 100%;\n max-width: 75vw;\n max-height: 75vh;\n overflow: auto;\n}\n",".list-view-renderer-container {\n width: 75vw;\n margin: 12px 0px 0px 0px;\n justify-content: center;\n}\n\n.list-view-renderer-item {\n text-align: left;\n padding: 0px 4px;\n width: 100%;\n margin: auto 0px;\n}\n\n.list-view-renderer-item.divider {\n margin-top: 18px;\n}\n\n.list-view-renderer-item > pre {\n text-align: left;\n white-space: pre-wrap;\n max-width: 75vw;\n max-height: 75vh;\n overflow: auto;\n color: #555555;\n height: 16vh;\n}\n",".pagination {\n padding: 12px 0px;\n}\n","/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput { /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect { /* 1 */\n text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n display: none;\n}\n","// Copyright 2017 Palantir Technologies, Inc. All rights reserved.\n// Licensed under the Apache License, Version 2.0.\n\n// these implementations borrowed from Bourbon v5, and modified to fit our use cases.\n// changes: removed $asset-pipeline argument, added weight/style params like Bourbon v4.\n// https://github.com/thoughtbot/bourbon/blob/master/core/bourbon/library/_font-face.scss\n// https://github.com/thoughtbot/bourbon/blob/master/core/bourbon/utilities/_font-source-declaration.scss\n\n// Generates an `@font-face` declaration. You can choose the specific file\n// formats you need to output; the mixin supports `eot`, `ttf`, `svg`, `woff2`\n// and `woff`.\n//\n// @argument {string} $font-family\n//\n// @argument {string} $file-path\n//\n// @argument {string | list} $file-formats\n// List of the font file formats to include.\n//\n// @argument {string} $weight\n//\n// @argument {string} $style\n//\n// @content\n// Any additional CSS properties that are included in the `@include`\n// directive will be output within the `@font-face` declaration, e.g. you can\n// pass in `font-weight`, `font-style` and/or `unicode-range`.\n@mixin font-face(\n $font-family,\n $file-path,\n $file-formats,\n $font-weight: normal,\n $font-style: normal\n) {\n @font-face {\n font-family: $font-family;\n font-style: $font-style;\n font-weight: $font-weight;\n\n src: font-source-declaration(\n $font-family,\n $file-path,\n $file-formats\n );\n\n @content;\n }\n}\n\n@function font-source-declaration($font-family, $file-path, $file-formats) {\n $src: ();\n\n $formats-map: (\n eot: \"#{$file-path}.eot?#iefix\" format(\"embedded-opentype\"),\n woff2: \"#{$file-path}.woff2\" format(\"woff2\"),\n woff: \"#{$file-path}.woff\" format(\"woff\"),\n ttf: \"#{$file-path}.ttf\" format(\"truetype\"),\n svg: \"#{$file-path}.svg##{$font-family}\" format(\"svg\"),\n );\n\n @each $key, $values in $formats-map {\n @if list-contains($file-formats, $key) {\n $file-path: nth($values, 1);\n $font-format: nth($values, 2);\n\n $src: append($src, url($file-path) $font-format, comma);\n }\n }\n\n @return $src;\n}\n\n// Returns true if `$list` contains any of `$values`.\n@function list-contains($list, $values...) {\n @each $value in $values {\n @if type-of(index($list, $value)) != \"number\" {\n @return false;\n }\n }\n\n @return true;\n}\n","// Copyright 2015 Palantir Technologies, Inc. All rights reserved.\n// Licensed under the Apache License, Version 2.0.\n\n@import \"font-face\";\n\n$icon-font-path: \"../../resources/icons\" !default;\n$icon-font-formats: eot woff ttf !default;\n\n@include font-face(\"Icons16\", \"#{$icon-font-path}/icons-16\", $file-formats: $icon-font-formats);\n@include font-face(\"Icons20\", \"#{$icon-font-path}/icons-20\", $file-formats: $icon-font-formats);\n","// Copyright 2015 Palantir Technologies, Inc. All rights reserved.\n// Licensed under the Apache License, Version 2.0.\n\n@import \"common/variables\";\n@import \"common/mixins\";\n\n// Apply a natural box layout model to all elements, but allow components to change as necessary\nhtml {\n box-sizing: border-box;\n}\n\n// adjust box-sizing for every element ever\n*,\n*::before,\n*::after {\n box-sizing: inherit;\n}\n\n// Style resets on top of Normalize.css\n\nbody {\n @include base-typography();\n color: $pt-text-color;\n font-family: $pt-font-family;\n}\n\np {\n margin-bottom: $pt-grid-size;\n margin-top: 0;\n}\n\nsmall {\n font-size: $pt-font-size-small;\n}\n\nstrong {\n font-weight: 600;\n}\n\n// consistent cross-browser text selection\n::selection {\n background: $pt-text-selection-color;\n}\n","// Copyright 2015 Palantir Technologies, Inc. All rights reserved.\n// Licensed under the Apache License, Version 2.0.\n\n/* stylelint-disable @blueprintjs/no-color-literal */\n\n// \"Legacy\" Blueprint 3.x colors\n\n// Gray scale\n\n$black: #10161a !default;\n\n$dark-gray1: #182026 !default;\n$dark-gray2: #202b33 !default;\n$dark-gray3: #293742 !default;\n$dark-gray4: #30404d !default;\n$dark-gray5: #394b59 !default;\n\n$gray1: #5c7080 !default;\n$gray2: #738694 !default;\n$gray3: #8a9ba8 !default;\n$gray4: #a7b6c2 !default;\n$gray5: #bfccd6 !default;\n\n$light-gray1: #ced9e0 !default;\n$light-gray2: #d8e1e8 !default;\n$light-gray3: #e1e8ed !default;\n$light-gray4: #ebf1f5 !default;\n$light-gray5: #f5f8fa !default;\n\n$white: #ffffff !default;\n\n// Core colors\n\n$blue1: #0e5a8a !default;\n$blue2: #106ba3 !default;\n$blue3: #137cbd !default;\n$blue4: #2b95d6 !default;\n$blue5: #48aff0 !default;\n\n$green1: #0a6640 !default;\n$green2: #0d8050 !default;\n$green3: #0f9960 !default;\n$green4: #15b371 !default;\n$green5: #3dcc91 !default;\n\n$orange1: #a66321 !default;\n$orange2: #bf7326 !default;\n$orange3: #d9822b !default;\n$orange4: #f29d49 !default;\n$orange5: #ffb366 !default;\n\n$red1: #a82a2a !default;\n$red2: #c23030 !default;\n$red3: #db3737 !default;\n$red4: #f55656 !default;\n$red5: #ff7373 !default;\n\n// Extended colors\n\n$vermilion1: #9e2b0e !default;\n$vermilion2: #b83211 !default;\n$vermilion3: #d13913 !default;\n$vermilion4: #eb532d !default;\n$vermilion5: #ff6e4a !default;\n\n$rose1: #a82255 !default;\n$rose2: #c22762 !default;\n$rose3: #db2c6f !default;\n$rose4: #f5498b !default;\n$rose5: #ff66a1 !default;\n\n$violet1: #5c255c !default;\n$violet2: #752f75 !default;\n$violet3: #8f398f !default;\n$violet4: #a854a8 !default;\n$violet5: #c274c2 !default;\n\n$indigo1: #5642a6 !default;\n$indigo2: #634dbf !default;\n$indigo3: #7157d9 !default;\n$indigo4: #9179f2 !default;\n$indigo5: #ad99ff !default;\n\n$cobalt1: #1f4b99 !default;\n$cobalt2: #2458b3 !default;\n$cobalt3: #2965cc !default;\n$cobalt4: #4580e6 !default;\n$cobalt5: #669eff !default;\n\n$turquoise1: #008075 !default;\n$turquoise2: #00998c !default;\n$turquoise3: #00b3a4 !default;\n$turquoise4: #14ccbd !default;\n$turquoise5: #2ee6d6 !default;\n\n$forest1: #1d7324 !default;\n$forest2: #238c2c !default;\n$forest3: #29a634 !default;\n$forest4: #43bf4d !default;\n$forest5: #62d96b !default;\n\n$lime1: #728c23 !default;\n$lime2: #87a629 !default;\n$lime3: #9bbf30 !default;\n$lime4: #b6d94c !default;\n$lime5: #d1f26d !default;\n\n$gold1: #a67908 !default;\n$gold2: #bf8c0a !default;\n$gold3: #d99e0b !default;\n$gold4: #f2b824 !default;\n$gold5: #ffc940 !default;\n\n$sepia1: #63411e !default;\n$sepia2: #7d5125 !default;\n$sepia3: #96622d !default;\n$sepia4: #b07b46 !default;\n$sepia5: #c99765 !default;\n\n@import \"color-aliases\";\n","// Copyright 2015 Palantir Technologies, Inc. All rights reserved.\n// Licensed under the Apache License, Version 2.0.\n\n@import \"colors\";\n@import \"color-aliases\";\n@import \"mixins\";\n\n// Namespace appended to the beginning of each CSS class: `.#{$ns}-button`.\n// Do not quote this value, for Less consumers.\n$ns: bp3 !default;\n// Alias for BP users outside this repo\n$bp-ns: $ns;\n\n// easily the most important variable, so it comes up top\n// (so other variables can use it to define themselves)\n$pt-grid-size: 10px !default;\n\n// see https://bitsofco.de/the-new-system-font-stack/\n$pt-font-family: -apple-system,\n \"BlinkMacSystemFont\",\n \"Segoe UI\",\n \"Roboto\",\n \"Oxygen\",\n \"Ubuntu\",\n \"Cantarell\",\n \"Open Sans\",\n \"Helvetica Neue\",\n \"Icons16\", // support inline Palantir icons\n sans-serif !default;\n\n$pt-font-family-monospace: monospace !default;\n\n$pt-font-size: $pt-grid-size * 1.4 !default;\n$pt-font-size-large: $pt-grid-size * 1.6 !default;\n$pt-font-size-small: $pt-grid-size * 1.2 !default;\n\n// a little bit extra to ensure the height comes out to just over 18px (and browser rounds to 18px)\n$pt-line-height: ($pt-grid-size * 1.8) / $pt-font-size + 0.0001 !default;\n\n// Icon variables\n\n$icons16-family: \"Icons16\" !default;\n$icons20-family: \"Icons20\" !default;\n\n$pt-icon-size-standard: 16px !default;\n$pt-icon-size-large: 20px !default;\n\n// Grids & dimensions\n\n$pt-border-radius: floor($pt-grid-size / 3) !default;\n\n// Buttons\n$pt-button-height: $pt-grid-size * 3 !default;\n$pt-button-height-small: $pt-grid-size * 2.4 !default;\n$pt-button-height-smaller: $pt-grid-size * 2 !default;\n$pt-button-height-large: $pt-grid-size * 4 !default;\n\n// Inputs\n$pt-input-height: $pt-grid-size * 3 !default;\n$pt-input-height-large: $pt-grid-size * 4 !default;\n$pt-input-height-small: $pt-grid-size * 2.4 !default;\n\n// Others\n$pt-navbar-height: $pt-grid-size * 5 !default;\n\n// Z-indices\n$pt-z-index-base: 0 !default;\n$pt-z-index-content: $pt-z-index-base + 10 !default;\n$pt-z-index-overlay: $pt-z-index-content + 10 !default;\n$pt-z-index-dialog-header: $pt-z-index-overlay + 10 !default;\n\n// Shadow opacities\n$pt-border-shadow-opacity: 0.1 !default;\n$pt-drop-shadow-opacity: 0.2 !default;\n$pt-dark-border-shadow-opacity: $pt-border-shadow-opacity * 2 !default;\n$pt-dark-drop-shadow-opacity: $pt-drop-shadow-opacity * 2 !default;\n\n// Elevations\n// all shadow lists must be the same length to avoid flicker in transitions.\n$pt-elevation-shadow-0: 0 0 0 1px $pt-divider-black,\n 0 0 0 rgba($black, 0),\n 0 0 0 rgba($black, 0) !default;\n$pt-elevation-shadow-1: border-shadow($pt-border-shadow-opacity),\n 0 0 0 rgba($black, 0),\n 0 1px 1px rgba($black, $pt-drop-shadow-opacity) !default;\n$pt-elevation-shadow-2: border-shadow($pt-border-shadow-opacity),\n 0 1px 1px rgba($black, $pt-drop-shadow-opacity),\n 0 2px 6px rgba($black, $pt-drop-shadow-opacity) !default;\n$pt-elevation-shadow-3: border-shadow($pt-border-shadow-opacity),\n 0 2px 4px rgba($black, $pt-drop-shadow-opacity),\n 0 8px 24px rgba($black, $pt-drop-shadow-opacity) !default;\n$pt-elevation-shadow-4: border-shadow($pt-border-shadow-opacity),\n 0 4px 8px rgba($black, $pt-drop-shadow-opacity),\n 0 18px 46px 6px rgba($black, $pt-drop-shadow-opacity) !default;\n\n$pt-dark-elevation-shadow-0: 0 0 0 1px $pt-dark-divider-black,\n 0 0 0 rgba($black, 0),\n 0 0 0 rgba($black, 0) !default;\n$pt-dark-elevation-shadow-1: border-shadow($pt-dark-border-shadow-opacity),\n 0 0 0 rgba($black, 0),\n 0 1px 1px rgba($black, $pt-dark-drop-shadow-opacity) !default;\n$pt-dark-elevation-shadow-2: border-shadow($pt-dark-border-shadow-opacity),\n 0 1px 1px rgba($black, $pt-dark-drop-shadow-opacity),\n 0 2px 6px rgba($black, $pt-dark-drop-shadow-opacity) !default;\n$pt-dark-elevation-shadow-3: border-shadow($pt-dark-border-shadow-opacity),\n 0 2px 4px rgba($black, $pt-dark-drop-shadow-opacity),\n 0 8px 24px rgba($black, $pt-dark-drop-shadow-opacity) !default;\n$pt-dark-elevation-shadow-4: border-shadow($pt-dark-border-shadow-opacity),\n 0 4px 8px rgba($black, $pt-dark-drop-shadow-opacity),\n 0 18px 46px 6px rgba($black, $pt-dark-drop-shadow-opacity) !default;\n\n// Transitions\n$pt-transition-ease: cubic-bezier(0.4, 1, 0.75, 0.9) !default;\n$pt-transition-ease-bounce: cubic-bezier(0.54, 1.12, 0.38, 1.11) !default;\n$pt-transition-duration: 100ms !default;\n\n// Light theme styles\n\n$pt-input-box-shadow: inset border-shadow(0.15),\n inset 0 1px 1px rgba($black, $pt-drop-shadow-opacity) !default;\n\n$pt-dialog-box-shadow: $pt-elevation-shadow-4 !default;\n$pt-popover-box-shadow: $pt-elevation-shadow-3 !default;\n$pt-tooltip-box-shadow: $pt-popover-box-shadow !default;\n\n// Dark theme styles\n\n$pt-dark-input-box-shadow: inset border-shadow(0.3),\n inset 0 1px 1px rgba($black, $pt-dark-drop-shadow-opacity) !default;\n\n$pt-dark-dialog-box-shadow: $pt-dark-elevation-shadow-4 !default;\n$pt-dark-popover-box-shadow: $pt-dark-elevation-shadow-3 !default;\n$pt-dark-tooltip-box-shadow: $pt-dark-popover-box-shadow !default;\n","// Copyright 2015 Palantir Technologies, Inc. All rights reserved.\n// Licensed under the Apache License, Version 2.0.\n\n@import \"colors\";\n@import \"flex\";\n\n$pt-intent-colors: (\n \"primary\": $pt-intent-primary,\n \"success\": $pt-intent-success,\n \"warning\": $pt-intent-warning,\n \"danger\" : $pt-intent-danger,\n) !default;\n\n$pt-intent-text-colors: (\n \"primary\": $blue2,\n \"success\": $green2,\n \"warning\": $orange2,\n \"danger\" : $red2,\n) !default;\n\n$pt-dark-intent-text-colors: (\n \"primary\": $blue5,\n \"success\": $green5,\n \"warning\": $orange5,\n \"danger\" : $red5,\n) !default;\n\n@mixin intent-color($intentName) {\n color: map-get($pt-intent-colors, $intentName);\n}\n\n@mixin position-all($position, $value) {\n bottom: $value;\n left: $value;\n position: $position;\n right: $value;\n top: $value;\n}\n\n@mixin base-typography() {\n font-size: $pt-font-size;\n font-weight: 400;\n letter-spacing: 0;\n line-height: $pt-line-height;\n text-transform: none;\n}\n\n@mixin running-typography() {\n font-size: $pt-font-size;\n line-height: 1.5;\n}\n\n@mixin heading-typography() {\n color: $pt-heading-color;\n font-weight: 600;\n\n .#{$ns}-dark & {\n color: $pt-dark-heading-color;\n }\n}\n\n@mixin monospace-typography() {\n font-family: $pt-font-family-monospace;\n text-transform: none;\n}\n\n@mixin overflow-ellipsis() {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n word-wrap: normal;\n}\n\n@mixin focus-outline($offset: 2px) {\n outline: $pt-outline-color auto 2px;\n outline-offset: $offset;\n -moz-outline-radius: 6px;\n}\n\n@function border-shadow($alpha, $color: $black, $size: 1px) {\n @return 0 0 0 $size rgba($color, $alpha);\n}\n\n// returns the padding necessary to center text in a container of the given height.\n// default line-height is that of base typography, 18px assuming 14px font-size.\n\n@function centered-text($height, $line-height: floor($pt-font-size * $pt-line-height)) {\n @return floor(($height - $line-height) / 2);\n}\n\n// Removes the unit from a Sass numeric value (if present): `strip-unit(12px) => 12`\n// @see https://css-tricks.com/snippets/sass/strip-unit-function/\n\n@function strip-unit($number) {\n @if type-of($number) == \"number\" and not unitless($number) {\n @return $number / ($number * 0 + 1);\n }\n\n @return $number;\n}\n\n// Isolates z-indices\n\n@mixin new-render-layer() {\n transform: translateZ(0);\n}\n","// Copyright 2015 Palantir Technologies, Inc. All rights reserved.\n// Licensed under the Apache License, Version 2.0.\n\n$pt-intent-primary: $blue3 !default;\n$pt-intent-success: $green3 !default;\n$pt-intent-warning: $orange3 !default;\n$pt-intent-danger: $red3 !default;\n\n$pt-app-background-color: $light-gray5 !default;\n$pt-dark-app-background-color: $dark-gray3 !default;\n\n$pt-outline-color: rgba($blue3, 0.6);\n\n$pt-text-color: $dark-gray1 !default;\n$pt-text-color-muted: $gray1 !default;\n$pt-text-color-disabled: rgba($pt-text-color-muted, 0.6) !default;\n$pt-heading-color: $pt-text-color !default;\n$pt-link-color: $blue2 !default;\n$pt-dark-text-color: $light-gray5 !default;\n$pt-dark-text-color-muted: $gray4 !default;\n$pt-dark-text-color-disabled: rgba($pt-dark-text-color-muted, 0.6) !default;\n$pt-dark-heading-color: $pt-dark-text-color !default;\n$pt-dark-link-color: $blue5 !default;\n// Default text selection color using #7dbcff\n$pt-text-selection-color: rgba(125, 188, 255, 0.6) !default;\n\n$pt-icon-color: $pt-text-color-muted !default;\n$pt-icon-color-hover: $pt-text-color !default;\n$pt-icon-color-disabled: $pt-text-color-disabled !default;\n$pt-icon-color-selected: $pt-intent-primary !default;\n$pt-dark-icon-color: $pt-dark-text-color-muted !default;\n$pt-dark-icon-color-hover: $pt-dark-text-color !default;\n$pt-dark-icon-color-disabled: $pt-dark-text-color-disabled !default;\n$pt-dark-icon-color-selected: $pt-intent-primary !default;\n\n$pt-divider-black: rgba($black, 0.15) !default;\n$pt-dark-divider-black: rgba($black, 0.4) !default;\n$pt-dark-divider-white: rgba($white, 0.15) !default;\n\n$pt-code-text-color: $pt-text-color-muted !default;\n$pt-dark-code-text-color: $pt-dark-text-color-muted !default;\n$pt-code-background-color: rgba($white, 0.7) !default;\n$pt-dark-code-background-color: rgba($black, 0.3) !default;\n\n// \"cobalt\" is becoming \"cerulean\" in Blueprint 4.0\n// for a smoother migration, we provide these aliases so that consumers\n// can reference the new names in 3.x\n$cerulean1: $cobalt1;\n$cerulean2: $cobalt2;\n$cerulean3: $cobalt3;\n$cerulean4: $cobalt4;\n$cerulean5: $cobalt5;\n","@charset \"utf-8\"; // foreign characters ahead (in KSS markup)\n\n// Copyright 2015 Palantir Technologies, Inc. All rights reserved.\n// Licensed under the Apache License, Version 2.0.\n\n@import \"common/variables\";\n@import \"common/mixins\";\n@import \"~@blueprintjs/icons/src/icons\";\n\n/*\nHeadings\n\nMarkup:\n\n We build products that make people better at their most important\n work — the kind of work you read about on the front page of the\n newspaper, not just the technology section.\n
\nfirst.\n A successful data transformation requires the whole organization — users, the IT shop, and\n leadership — to operate in lockstep. With Foundry, the enterprise comes together to\n transform the organization and turn data into a competitive advantage.\n
\nUse the <code> tag for snippets of code.
Use the <pre> tag for blocks of code.\n
// code sample\nexport function hasModifier(\n modifiers: ts.ModifiersArray,\n ...modifierKinds: ts.SyntaxKind[],\n) {\n if (modifiers == null || modifierKinds == null) {\n return false;\n }\n return modifiers.some(m => modifierKinds.some(k => m.kind === k));\n} in links. markdown: [`code`](http://url)\n // $pt-link-color does not have good contrast with non-link 's in light theme, so we use a brighter hue\n color: $pt-intent-primary;\n\n .#{$ns}-dark & {\n color: inherit;\n }\n }\n}\n\n%code-block {\n @include monospace-typography();\n background: $pt-code-background-color;\n border-radius: $pt-border-radius;\n box-shadow: inset 0 0 0 1px $pt-divider-black;\n color: $pt-text-color;\n\n display: block;\n font-size: $pt-font-size - 1px;\n line-height: 1.4;\n margin: $pt-grid-size 0;\n padding: ($pt-grid-size * 1.3) ($pt-grid-size * 1.5) ($pt-grid-size * 1.2);\n word-break: break-all;\n word-wrap: break-word;\n\n .#{$ns}-dark & {\n background: $pt-dark-code-background-color;\n box-shadow: inset 0 0 0 1px $pt-dark-divider-black;\n color: $pt-dark-text-color;\n }\n\n > code {\n background: none;\n box-shadow: none;\n color: inherit;\n font-size: inherit;\n padding: 0;\n }\n}\n\n.#{$ns}-code {\n @extend %code;\n}\n\n.#{$ns}-code-block {\n @extend %code-block;\n}\n\n%keyboard {\n align-items: center;\n background: $white;\n border-radius: $pt-border-radius;\n box-shadow: $pt-elevation-shadow-1;\n color: $pt-text-color-muted;\n display: inline-flex;\n font-family: inherit;\n font-size: $pt-font-size-small;\n height: $pt-button-height-small;\n justify-content: center;\n line-height: $pt-button-height-small;\n min-width: $pt-button-height-small;\n padding: $pt-border-radius ($pt-border-radius * 2);\n vertical-align: middle;\n\n #{$icon-classes} {\n margin-right: $pt-grid-size / 2;\n }\n\n .#{$ns}-dark & {\n background: $dark-gray5;\n box-shadow: $pt-dark-elevation-shadow-1;\n color: $pt-dark-text-color-muted;\n }\n}\n\n.#{$ns}-key {\n @extend %keyboard;\n}\n\n/*\nBlock quotes\n\nMarkup:\n\n Premium Aerotec is a key supplier for Airbus, producing 30 million parts per year,\n which is huge complexity. Skywise helps us manage all the production steps.\n It gives Airbus much better visibility into where the product is in the supply chain,\n and it lets us immediately see our weak points so we can react on the spot.\n
\n\nStyleguide blockquote\n*/\n\n%blockquote {\n border-left: solid 4px rgba($gray4, 0.5);\n margin: 0 0 $pt-grid-size;\n padding: 0 ($pt-grid-size * 2);\n\n .#{$ns}-dark & {\n border-color: rgba($gray2, 0.5);\n }\n}\n\n.#{$ns}-blockquote {\n @extend %blockquote;\n}\n\n/*\nLists\n\nMarkup:\n\n - Item the first
\n - Item the second
\n - \n Item the third\n
\n - Item the fourth
\n - Item the fifth
\n
\n \n
\n\n.#{$ns}-list - Add a little spacing between items for readability.\n.#{$ns}-list-unstyled - Remove all list styling (including indicators) so you can add your own.\n\nStyleguide lists\n*/\n\n%list {\n margin: $pt-grid-size 0;\n padding-left: $pt-grid-size * 3;\n\n li:not(:last-child) {\n margin-bottom: $pt-grid-size / 2;\n }\n\n // nested lists\n ol,\n ul {\n margin-top: $pt-grid-size / 2;\n }\n}\n\n.#{$ns}-list {\n @extend %list;\n}\n\n.#{$ns}-list-unstyled {\n list-style: none;\n margin: 0;\n padding: 0;\n\n li {\n padding: 0;\n }\n}\n\n/*\nRight-to-left text\n\nMarkup:\nArabic:
\n\n لكل لأداء بمحاولة من. مدينة الواقعة يبق أي, وإعلان وقوعها، حول كل, حدى عجّل مشروط الخاسرة قد.\n من الذود تكبّد بين, و لها واحدة الأراضي. عل الصفحة والروسية يتم, أي للحكومة استعملت شيء. أم وصل زهاء اليا\n
\nHebrew:
\n\n כדי על עזרה יידיש הבהרה, מלא באגים טכניים דת. תנך או ברית ביולי. כתב בה הטבע למנוע, דת כלים פיסיקה החופשית זכר.\n מתן החלל מאמרשיחהצפה ב. הספרות אנציקלופדיה אם זכר, על שימושי שימושיים תאולוגיה עזה\n
\n\nStyleguide rtl\n*/\n\n.#{$ns}-rtl {\n text-align: right;\n}\n\n.#{$ns}-dark {\n color: $pt-dark-text-color;\n}\n","// Copyright 2016 Palantir Technologies, Inc. All rights reserved.\n// Licensed under the Apache License, Version 2.0.\n\n:focus {\n @include focus-outline();\n}\n\n// override any focus outline anywhere\n.#{$ns}-focus-disabled :focus {\n /* stylelint-disable declaration-no-important */\n outline: none !important;\n\n // special override for checkbox etc which render focus on a separate element\n ~ .#{$ns}-control-indicator {\n outline: none !important;\n }\n}\n","// Copyright 2016 Palantir Technologies, Inc. All rights reserved.\n// Licensed under the Apache License, Version 2.0.\n\n@import \"../../common/variables\";\n\n.#{$ns}-alert {\n max-width: $pt-grid-size * 40;\n padding: $pt-grid-size * 2;\n}\n\n.#{$ns}-alert-body {\n display: flex;\n\n .#{$ns}-icon {\n font-size: $pt-icon-size-large * 2;\n margin-right: $pt-grid-size * 2;\n margin-top: 0;\n }\n}\n\n.#{$ns}-alert-contents {\n word-break: break-word;\n}\n\n.#{$ns}-alert-footer {\n display: flex;\n flex-direction: row-reverse;\n margin-top: $pt-grid-size;\n\n .#{$ns}-button {\n margin-left: $pt-grid-size;\n }\n}\n","// Copyright 2016 Palantir Technologies, Inc. All rights reserved.\n// Licensed under the Apache License, Version 2.0.\n\n@import \"~@blueprintjs/icons/src/icons\";\n@import \"../../common/variables\";\n\n/*\nBreadcrumbs\n\nMarkup:\n\n\nStyleguide breadcrumbs\n*/\n\n.#{$ns}-breadcrumbs {\n align-items: center;\n cursor: default;\n display: flex;\n flex-wrap: wrap;\n height: $pt-input-height;\n list-style: none;\n // unstyled inline list reset\n margin: 0;\n padding: 0;\n\n // descendant selector because nothing should come between ul and li\n > li {\n align-items: center;\n display: flex;\n\n &::after {\n background: svg-icon(\"16px/chevron-right.svg\", (path: (fill: $pt-icon-color)));\n content: \"\";\n display: block;\n height: $pt-icon-size-standard;\n margin: 0 ($pt-grid-size / 2);\n width: $pt-icon-size-standard;\n }\n\n &:last-of-type::after {\n display: none;\n }\n }\n}\n\n.#{$ns}-breadcrumb,\n.#{$ns}-breadcrumb-current,\n.#{$ns}-breadcrumbs-collapsed {\n align-items: center;\n display: inline-flex;\n font-size: $pt-font-size-large;\n}\n\n.#{$ns}-breadcrumb,\n.#{$ns}-breadcrumbs-collapsed {\n color: $pt-text-color-muted;\n}\n\n.#{$ns}-breadcrumb {\n &:hover {\n text-decoration: none;\n }\n\n &.#{$ns}-disabled {\n color: $pt-text-color-disabled;\n cursor: not-allowed;\n }\n\n .#{$ns}-icon {\n margin-right: $pt-grid-size / 2;\n }\n}\n\n.#{$ns}-breadcrumb-current {\n color: inherit;\n font-weight: 600;\n\n .#{$ns}-input {\n font-size: inherit;\n font-weight: inherit;\n vertical-align: baseline;\n }\n}\n\n.#{$ns}-breadcrumbs-collapsed {\n background: $light-gray1;\n border: none;\n border-radius: $pt-border-radius;\n cursor: pointer;\n margin-right: 2px;\n padding: 1px ($pt-grid-size / 2);\n vertical-align: text-bottom;\n\n &::before {\n background: svg-icon(\"16px/more.svg\", (circle: (fill: $pt-icon-color))) center no-repeat;\n content: \"\";\n display: block;\n height: $pt-icon-size-standard;\n width: $pt-icon-size-standard;\n }\n\n &:hover {\n background: $gray5;\n color: $pt-text-color;\n text-decoration: none;\n }\n}\n\n.#{$ns}-dark {\n .#{$ns}-breadcrumb,\n .#{$ns}-breadcrumbs-collapsed {\n color: $pt-dark-text-color-muted;\n }\n\n .#{$ns}-breadcrumbs > li::after {\n color: $pt-dark-icon-color;\n }\n\n .#{$ns}-breadcrumb.#{$ns}-disabled {\n color: $pt-dark-text-color-disabled;\n }\n\n .#{$ns}-breadcrumb-current {\n color: $pt-dark-text-color;\n }\n\n .#{$ns}-breadcrumbs-collapsed {\n background: rgba($black, 0.4);\n\n &:hover {\n background: rgba($black, 0.6);\n color: $pt-dark-text-color;\n }\n }\n}\n","// Copyright 2015 Palantir Technologies, Inc. All rights reserved.\n// Licensed under the Apache License, Version 2.0.\n\n@import \"../../common/variables\";\n@import \"./common\";\n\n/*\nButton\n\nMarkup:\nAnchor\n\n\n:disabled - Disabled state\n.#{$ns}-active - Active appearance\n.#{$ns}-disabled - Disabled appearance\n.#{$ns}-intent-primary - Primary intent\n.#{$ns}-intent-success - Success intent\n.#{$ns}-intent-warning - Warning intent\n.#{$ns}-intent-danger - Danger intent\n.#{$ns}-minimal - More subtle appearance\n.#{$ns}-outlined - Subtle yet structured appearance\n.#{$ns}-large - Larger size\n.#{$ns}-small - Smaller size\n.#{$ns}-fill - Fill parent container\n\nStyleguide button\n*/\n.#{$ns}-button {\n @include pt-button-base();\n @include pt-button-height($pt-button-height);\n\n &:empty {\n // override padding from other modifiers (for CSS icon support)\n /* stylelint-disable-next-line declaration-no-important */\n padding: 0 !important;\n }\n\n &:disabled,\n &.#{$ns}-disabled {\n cursor: not-allowed;\n }\n\n &.#{$ns}-fill {\n display: flex;\n width: 100%;\n }\n\n &.#{$ns}-align-right,\n .#{$ns}-align-right & {\n text-align: right;\n }\n\n &.#{$ns}-align-left,\n .#{$ns}-align-left & {\n text-align: left;\n }\n\n // default styles\n &:not([class*=\"#{$ns}-intent-\"]) {\n @include pt-button();\n }\n\n // intents\n @each $intent, $colors in $button-intents {\n &.#{$ns}-intent-#{$intent} {\n @include pt-button-intent($colors...);\n }\n }\n\n &[class*=\"#{$ns}-intent-\"] .#{$ns}-button-spinner .#{$ns}-spinner-head {\n stroke: $white;\n }\n\n // size modifiers\n &.#{$ns}-large,\n .#{$ns}-large & {\n @include pt-button-height-large();\n }\n\n &.#{$ns}-small,\n .#{$ns}-small & {\n @include pt-button-height-small();\n }\n\n // loading state\n &.#{$ns}-loading {\n position: relative;\n\n &[class*=\"#{$ns}-icon-\"]::before {\n visibility: hidden;\n }\n\n .#{$ns}-button-spinner {\n margin: 0;\n // spinner appears centered within button\n position: absolute;\n }\n\n > :not(.#{$ns}-button-spinner) {\n visibility: hidden;\n }\n }\n\n // icons\n &[class*=\"#{$ns}-icon-\"] {\n &::before {\n @include pt-icon();\n color: $pt-icon-color;\n }\n }\n\n #{$icon-classes} {\n color: $pt-icon-color;\n\n &.#{$ns}-align-right {\n margin-left: $button-icon-spacing;\n }\n }\n\n // button with SVG icon only (no text or children)\n .#{$ns}-icon:first-child:last-child,\n // if loading, then it contains exactly [spinner, icon]\n .#{$ns}-spinner + .#{$ns}-icon:last-child {\n // center icon horizontally. this works for large buttons too.\n margin: 0 (-($pt-button-height - $pt-icon-size-standard) / 2);\n }\n\n // dark theme\n .#{$ns}-dark & {\n &:not([class*=\"#{$ns}-intent-\"]) {\n @include pt-dark-button();\n\n &[class*=\"#{$ns}-icon-\"]::before {\n color: $pt-dark-icon-color;\n }\n\n #{$icon-classes} {\n &:not([class*=\"#{$ns}-intent-\"]) {\n color: $pt-dark-icon-color;\n }\n }\n }\n\n &[class*=\"#{$ns}-intent-\"] {\n @include pt-dark-button-intent();\n\n .#{$ns}-button-spinner .#{$ns}-spinner-head {\n stroke: $dark-progress-head-color;\n }\n }\n }\n\n // disabled and intent button icon should use same color as text\n &:disabled,\n &.#{$ns}-disabled,\n &[class*=\"#{$ns}-intent-\"] {\n &::before,\n #{$icon-classes} {\n /* stylelint-disable-next-line declaration-no-important */\n color: inherit !important;\n }\n }\n\n // minimal must come last to override all default styles\n &.#{$ns}-minimal {\n @include pt-button-minimal();\n }\n\n // outline is based on the styles of minimal\n &.#{$ns}-outlined {\n @include pt-button-minimal();\n @include pt-button-outlined();\n }\n}\n\na.#{$ns}-button {\n text-align: center;\n text-decoration: none;\n transition: none;\n\n &,\n &:hover,\n &:active {\n // override global 'a' styles\n color: $pt-text-color;\n }\n\n &.#{$ns}-disabled {\n color: $button-color-disabled;\n }\n}\n\n.#{$ns}-button-text {\n // default: don't grow to fill but allow shrinking as necessary\n flex: 0 1 auto;\n}\n\n// when alignment is set, grow to fill and inherit `text-align` set on `.#{$ns}-button`\n.#{$ns}-button,\n.#{$ns}-button-group {\n &.#{$ns}-align-left,\n &.#{$ns}-align-right {\n .#{$ns}-button-text {\n flex: 1 1 auto;\n }\n }\n}\n","// Copyright 2015 Palantir Technologies, Inc. All rights reserved.\n// Licensed under the Apache License, Version 2.0.\n\n@import \"../../common/mixins\";\n@import \"../../common/variables\";\n@import \"../progress-bar/common\";\n\n$button-border-width: 1px !default;\n$button-padding: ($pt-grid-size / 2) $pt-grid-size !default;\n$button-padding-small: 0 ($pt-grid-size * 0.7) !default;\n$button-padding-large: ($pt-grid-size / 2) ($pt-grid-size * 1.5) !default;\n$button-icon-spacing: ($pt-button-height - $pt-icon-size-standard) / 2 !default;\n$button-icon-spacing-large: ($pt-button-height-large - $pt-icon-size-large) / 2 !default;\n\n/*\nCSS `border` property issues:\n- An element can only have one border.\n- Borders can't stack with shadows.\n- Borders modify the size of the element they're applied to.\n- Border positioning requires the extra `box-sizing` property.\n\n`box-shadow` doesn't have these issues, we're using it instead of `border`.\n*/\n$button-box-shadow:\n inset 0 0 0 $button-border-width rgba($black, 0.2),\n inset 0 (-$button-border-width) 0 rgba($black, 0.1) !default;\n$button-box-shadow-active:\n inset 0 0 0 $button-border-width rgba($black, 0.2),\n inset 0 1px 2px rgba($black, 0.2) !default;\n$button-intent-box-shadow:\n inset 0 0 0 $button-border-width rgba($black, 0.4),\n inset 0 (-$button-border-width) 0 rgba($black, 0.2) !default;\n$button-intent-box-shadow-active:\n inset 0 0 0 $button-border-width rgba($black, 0.4),\n inset 0 1px 2px rgba($black, 0.2) !default;\n\n/*\nOverlay shadows are used for default buttons\nfloating on top of other elements. This way, the\nshadows blend with the colors beneath it.\nSwitches and slider handles both use these variables.\n*/\n$button-box-shadow-overlay:\n 0 0 0 $button-border-width rgba($black, 0.2),\n 0 1px 1px rgba($black, 0.2) !default;\n$button-box-shadow-overlay-active:\n 0 0 0 $button-border-width rgba($black, 0.2),\n inset 0 1px 1px rgba($black, 0.1) !default;\n\n$dark-button-box-shadow:\n 0 0 0 $button-border-width rgba($black, 0.4) !default;\n$dark-button-box-shadow-active:\n 0 0 0 $button-border-width rgba($black, 0.6),\n inset 0 1px 2px rgba($black, 0.2) !default;\n$dark-button-intent-box-shadow:\n 0 0 0 $button-border-width rgba($black, 0.4) !default;\n$dark-button-intent-box-shadow-active:\n 0 0 0 $button-border-width rgba($black, 0.4),\n inset 0 1px 2px rgba($black, 0.2) !default;\n\n$button-gradient: linear-gradient(to bottom, rgba($white, 0.8), rgba($white, 0)) !default;\n$button-intent-gradient: linear-gradient(to bottom, rgba($white, 0.1), rgba($white, 0)) !default;\n$dark-button-gradient: linear-gradient(to bottom, rgba($white, 0.05), rgba($white, 0)) !default;\n\n$button-color-disabled: $pt-text-color-disabled !default;\n$button-background-color: $light-gray5 !default;\n$button-background-color-hover: $light-gray4 !default;\n$button-background-color-active: $light-gray2 !default;\n$button-background-color-disabled: rgba($light-gray1, 0.5) !default;\n$button-background-color-active-disabled: rgba($light-gray1, 0.7) !default;\n$button-intent-color-disabled: rgba($white, 0.6);\n$dark-button-color-disabled: $pt-dark-text-color-disabled !default;\n$dark-button-background-color: $dark-gray5 !default;\n$dark-button-background-color-hover: $dark-gray4 !default;\n$dark-button-background-color-active: $dark-gray2 !default;\n$dark-button-background-color-disabled: rgba($dark-gray5, 0.5) !default;\n$dark-button-background-color-active-disabled: rgba($dark-gray5, 0.7) !default;\n$dark-button-intent-color-disabled: rgba($white, 0.3);\n\n$minimal-button-divider-width: 1px !default;\n$minimal-button-background-color: none !default;\n$minimal-button-background-color-hover: rgba($gray4, 0.3) !default;\n$minimal-button-background-color-active: rgba($gray2, 0.3) !default;\n$dark-minimal-button-background-color: none !default;\n$dark-minimal-button-background-color-hover: rgba($gray3, 0.15) !default;\n$dark-minimal-button-background-color-active: rgba($gray3, 0.3) !default;\n\n$button-outlined-width: 1px !default;\n$button-outlined-border-intent-opacity: 0.6 !default;\n$button-outlined-border-disabled-intent-opacity: 0.2 !default;\n\n// \"intent\": (default, hover, active colors)\n$button-intents: (\n \"primary\": ($pt-intent-primary, $blue2, $blue1),\n \"success\": ($pt-intent-success, $green2, $green1),\n \"warning\": ($pt-intent-warning, $orange2, $orange1),\n \"danger\": ($pt-intent-danger, $red2, $red1)\n) !default;\n\n@mixin pt-button-base() {\n @include pt-flex-container(row, $button-icon-spacing, $inline: inline);\n align-items: center;\n\n border: none;\n border-radius: $pt-border-radius;\n cursor: pointer;\n font-size: $pt-font-size;\n justify-content: center;\n padding: $button-padding;\n text-align: left;\n vertical-align: middle;\n}\n\n@mixin pt-button-height($height) {\n min-height: $height;\n min-width: $height;\n}\n\n@mixin pt-button-height-large() {\n @include pt-button-height($pt-button-height-large);\n @include pt-flex-margin(row, $button-icon-spacing-large);\n font-size: $pt-font-size-large;\n padding: $button-padding-large;\n}\n\n@mixin pt-button-height-default() {\n @include pt-button-height($pt-button-height);\n padding: $button-padding;\n}\n\n@mixin pt-button-height-small() {\n @include pt-button-height($pt-button-height-small);\n padding: $button-padding-small;\n}\n\n@mixin pt-button() {\n background-color: $button-background-color;\n background-image: $button-gradient;\n box-shadow: $button-box-shadow;\n color: $pt-text-color;\n\n &:hover {\n @include pt-button-hover();\n }\n\n &:active,\n &.#{$ns}-active {\n @include pt-button-active();\n }\n\n &:disabled,\n &.#{$ns}-disabled {\n @include pt-button-disabled();\n }\n}\n\n@mixin pt-button-hover() {\n background-clip: padding-box;\n background-color: $button-background-color-hover;\n box-shadow: $button-box-shadow;\n}\n\n@mixin pt-button-active() {\n background-color: $button-background-color-active;\n background-image: none;\n box-shadow: $button-box-shadow-active;\n}\n\n@mixin pt-button-disabled() {\n background-color: $button-background-color-disabled;\n background-image: none;\n box-shadow: none;\n color: $button-color-disabled;\n cursor: not-allowed;\n outline: none;\n\n &.#{$ns}-active,\n &.#{$ns}-active:hover {\n background: $button-background-color-active-disabled;\n }\n}\n\n@mixin pt-button-intent($default-color, $hover-color, $active-color) {\n background-color: $default-color;\n background-image: $button-intent-gradient;\n box-shadow: $button-intent-box-shadow;\n color: $white;\n\n &:hover,\n &:active,\n &.#{$ns}-active {\n color: $white;\n }\n\n &:hover {\n background-color: $hover-color;\n box-shadow: $button-intent-box-shadow;\n }\n\n &:active,\n &.#{$ns}-active {\n background-color: $active-color;\n background-image: none;\n box-shadow: $button-intent-box-shadow-active;\n }\n\n &:disabled,\n &.#{$ns}-disabled {\n @include pt-button-intent-disabled($default-color);\n }\n}\n\n@mixin pt-button-intent-disabled($default-color) {\n background-color: rgba($default-color, 0.5);\n background-image: none;\n border-color: transparent;\n box-shadow: none;\n color: $button-intent-color-disabled;\n}\n\n@mixin pt-dark-button() {\n background-color: $dark-button-background-color;\n background-image: $dark-button-gradient;\n box-shadow: $dark-button-box-shadow;\n color: $pt-dark-text-color;\n\n &:hover,\n &:active,\n &.#{$ns}-active {\n color: $pt-dark-text-color;\n }\n\n &:hover {\n @include pt-dark-button-hover();\n }\n\n &:active,\n &.#{$ns}-active {\n @include pt-dark-button-active();\n }\n\n &:disabled,\n &.#{$ns}-disabled {\n @include pt-dark-button-disabled();\n }\n\n .#{$ns}-button-spinner .#{$ns}-spinner-head {\n background: $dark-progress-track-color;\n stroke: $dark-progress-head-color;\n }\n}\n\n@mixin pt-dark-button-hover() {\n background-color: $dark-button-background-color-hover;\n box-shadow: $dark-button-box-shadow;\n}\n\n@mixin pt-dark-button-active() {\n background-color: $dark-button-background-color-active;\n background-image: none;\n box-shadow: $dark-button-box-shadow-active;\n}\n\n@mixin pt-dark-button-disabled() {\n background-color: $dark-button-background-color-disabled;\n background-image: none;\n box-shadow: none;\n color: $dark-button-color-disabled;\n\n &.#{$ns}-active {\n background: $dark-button-background-color-active-disabled;\n }\n}\n\n@mixin pt-dark-button-intent() {\n box-shadow: $dark-button-intent-box-shadow;\n\n &:hover {\n box-shadow: $dark-button-intent-box-shadow;\n }\n\n &:active,\n &.#{$ns}-active {\n box-shadow: $dark-button-intent-box-shadow-active;\n }\n\n &:disabled,\n &.#{$ns}-disabled {\n @include pt-dark-button-intent-disabled();\n }\n}\n\n@mixin pt-dark-button-intent-disabled() {\n background-image: none;\n box-shadow: none;\n color: $dark-button-intent-color-disabled;\n}\n\n@mixin pt-button-minimal() {\n background: $minimal-button-background-color;\n box-shadow: none;\n\n &:hover {\n background: $minimal-button-background-color-hover;\n box-shadow: none;\n color: $pt-text-color;\n text-decoration: none;\n }\n\n &:active,\n &.#{$ns}-active {\n background: $minimal-button-background-color-active;\n box-shadow: none;\n color: $pt-text-color;\n }\n\n &:disabled,\n &:disabled:hover,\n &.#{$ns}-disabled,\n &.#{$ns}-disabled:hover {\n background: none;\n color: $pt-text-color-disabled;\n cursor: not-allowed;\n\n &.#{$ns}-active {\n background: $minimal-button-background-color-active;\n }\n }\n\n .#{$ns}-dark & {\n @include pt-dark-button-minimal();\n }\n\n @each $intent, $colors in $button-intents {\n &.#{$ns}-intent-#{$intent} {\n @include pt-button-minimal-intent(\n map-get($pt-intent-colors, $intent),\n map-get($pt-intent-text-colors, $intent),\n map-get($pt-dark-intent-text-colors, $intent)\n );\n }\n }\n}\n\n@mixin pt-dark-button-minimal() {\n background: $dark-minimal-button-background-color;\n box-shadow: none;\n color: inherit;\n\n &:hover,\n &:active,\n &.#{$ns}-active {\n background: none;\n box-shadow: none;\n }\n\n &:hover {\n background: $dark-minimal-button-background-color-hover;\n }\n\n &:active,\n &.#{$ns}-active {\n background: $dark-minimal-button-background-color-active;\n color: $pt-dark-text-color;\n }\n\n &:disabled,\n &:disabled:hover,\n &.#{$ns}-disabled,\n &.#{$ns}-disabled:hover {\n background: none;\n color: $pt-dark-text-color-disabled;\n cursor: not-allowed;\n\n &.#{$ns}-active {\n background: $dark-minimal-button-background-color-active;\n }\n }\n}\n\n@mixin pt-button-minimal-intent($intent-color, $text-color, $dark-text-color) {\n color: $text-color;\n\n &:hover,\n &:active,\n &.#{$ns}-active {\n background: none;\n box-shadow: none;\n color: $text-color;\n }\n\n &:hover {\n background: rgba($intent-color, 0.15);\n color: $text-color;\n }\n\n &:active,\n &.#{$ns}-active {\n background: rgba($intent-color, 0.3);\n color: $text-color;\n }\n\n &:disabled,\n &.#{$ns}-disabled {\n background: none;\n color: rgba($text-color, 0.5);\n\n &.#{$ns}-active {\n background: rgba($intent-color, 0.3);\n }\n }\n\n .#{$ns}-button-spinner .#{$ns}-spinner-head {\n stroke: $text-color;\n }\n\n .#{$ns}-dark & {\n color: $dark-text-color;\n\n &:hover {\n background: rgba($intent-color, 0.2);\n color: $dark-text-color;\n }\n\n &:active,\n &.#{$ns}-active {\n background: rgba($intent-color, 0.3);\n color: $dark-text-color;\n }\n\n &:disabled,\n &.#{$ns}-disabled {\n background: none;\n color: rgba($dark-text-color, 0.5);\n\n &.#{$ns}-active {\n background: rgba($intent-color, 0.3);\n }\n }\n }\n}\n\n@mixin pt-button-minimal-divider() {\n $divider-height: $pt-grid-size * 2;\n background: $pt-divider-black;\n\n margin: ($pt-button-height - $divider-height) / 2;\n width: $minimal-button-divider-width;\n\n .#{$ns}-dark & {\n background: $pt-dark-divider-white;\n }\n}\n\n@mixin pt-button-outlined() {\n border: $button-outlined-width solid rgba($pt-text-color, 0.2);\n box-sizing: border-box;\n\n &:disabled,\n &.#{$ns}-disabled,\n &:disabled:hover,\n &.#{$ns}-disabled:hover {\n border-color: rgba($pt-text-color-disabled, 0.1);\n }\n\n .#{$ns}-dark & {\n @include pt-dark-button-outlined();\n }\n\n @each $intent, $colors in $button-intents {\n &.#{$ns}-intent-#{$intent} {\n @include pt-button-outlined-intent(\n map-get($pt-intent-text-colors, $intent),\n map-get($pt-dark-intent-text-colors, $intent)\n );\n }\n }\n}\n\n@mixin pt-dark-button-outlined() {\n border-color: rgba($white, 0.4);\n\n &:disabled,\n &:disabled:hover,\n &.#{$ns}-disabled,\n &.#{$ns}-disabled:hover {\n border-color: rgba($white, 0.2);\n }\n}\n\n@mixin pt-button-outlined-intent($text-color, $dark-text-color) {\n border-color: rgba($text-color, $button-outlined-border-intent-opacity);\n\n &:disabled,\n &.#{$ns}-disabled {\n border-color: rgba($text-color, $button-outlined-border-disabled-intent-opacity);\n }\n\n .#{$ns}-dark & {\n border-color: rgba($dark-text-color, $button-outlined-border-intent-opacity);\n\n &:disabled,\n &.#{$ns}-disabled {\n border-color: rgba($dark-text-color, $button-outlined-border-disabled-intent-opacity);\n }\n }\n}\n","// Copyright 2018 Palantir Technologies, Inc. All rights reserved.\n// Licensed under the Apache License, Version 2.0.\n\n// this element becomes a flex container in the given direction.\n// supply `$margin` to put space between each child.\n// supply `$inline: inline` to use `display: flex-inline`.\n// customize `flex: 1 1` child selector with $fill.\n@mixin pt-flex-container($direction: row, $margin: none, $inline: none, $fill: \".#{$ns}-fill\") {\n @if $inline == inline or $inline == true {\n display: inline-flex;\n } @else {\n display: flex;\n }\n flex-direction: $direction;\n\n > * {\n flex-grow: 0;\n flex-shrink: 0;\n }\n\n > #{$fill} {\n flex-grow: 1;\n flex-shrink: 1;\n }\n\n @if $margin != none {\n @include pt-flex-margin($direction, $margin);\n }\n}\n\n// applies margin along axis of direction between every direct child, with no margins on either end.\n// $direction: row | column\n// $margin: margin[-right|-bottom] value\n@mixin pt-flex-margin($direction, $margin) {\n $margin-prop: if($direction == row, margin-right, margin-bottom);\n\n // CSS API support\n &::before,\n > * {\n // space after all children\n #{$margin-prop}: $margin;\n }\n\n // remove space after last child\n &:empty::before,\n > :last-child {\n #{$margin-prop}: 0;\n }\n}\n",null,"// Copyright 2015 Palantir Technologies, Inc. All rights reserved.\n// Licensed under the Apache License, Version 2.0.\n\n@import \"../../common/variables\";\n@import \"../forms/common\";\n@import \"./common\";\n\n/*\nButton groups\n\nMarkup:\n\n\n\n\n.#{$ns}-fill - Buttons expand equally to fill container\n.#{$ns}-large - Use large buttons\n.#{$ns}-minimal - Use minimal buttons\n.#{$ns}-vertical - Vertical layout\n\nStyleguide button-group\n*/\n\n.#{$ns}-button-group {\n display: inline-flex;\n\n .#{$ns}-button {\n // ensure button can never be smaller than its default size\n flex: 0 0 auto;\n position: relative;\n z-index: index($control-group-stack, \"button-default\");\n\n // the ordering of these z-index CSS rules is particular because of CSS\n // selector specificity. specifically, disabled styles should have\n // precedence over hover and active styles to prevent mouse interactions on\n // disabled buttons from reordering elements in the stack.\n\n &:focus {\n z-index: index($control-group-stack, \"button-focus\");\n }\n\n &:hover {\n z-index: index($control-group-stack, \"button-hover\");\n }\n\n &:active,\n &.#{$ns}-active {\n z-index: index($control-group-stack, \"button-active\");\n }\n\n &:disabled,\n &.#{$ns}-disabled {\n z-index: index($control-group-stack, \"button-disabled\");\n }\n\n &[class*=\"#{$ns}-intent-\"] {\n z-index: index($control-group-stack, \"intent-button-default\");\n\n &:focus {\n z-index: index($control-group-stack, \"intent-button-focus\");\n }\n\n &:hover {\n z-index: index($control-group-stack, \"intent-button-hover\");\n }\n\n &:active,\n &.#{$ns}-active {\n z-index: index($control-group-stack, \"intent-button-active\");\n }\n\n &:disabled,\n &.#{$ns}-disabled {\n z-index: index($control-group-stack, \"intent-button-disabled\");\n }\n }\n }\n\n // support wrapping buttons in a tooltip, which adds a wrapper element\n &:not(.#{$ns}-minimal) {\n > .#{$ns}-popover-wrapper:not(:first-child) .#{$ns}-button,\n > .#{$ns}-button:not(:first-child) {\n border-bottom-left-radius: 0;\n border-top-left-radius: 0;\n }\n\n > .#{$ns}-popover-wrapper:not(:last-child) .#{$ns}-button,\n > .#{$ns}-button:not(:last-child) {\n border-bottom-right-radius: 0;\n border-top-right-radius: 0;\n margin-right: -$button-border-width;\n }\n }\n\n &.#{$ns}-minimal {\n .#{$ns}-button {\n @include pt-button-minimal();\n }\n }\n\n .#{$ns}-popover-wrapper,\n .#{$ns}-popover-target {\n display: flex;\n flex: 1 1 auto;\n }\n\n /*\n Responsive\n\n Markup:\n \n
\n \n\n Styleguide button-group}-fill\n */\n\n &.#{$ns}-fill {\n display: flex;\n width: 100%;\n }\n\n .#{$ns}-button.#{$ns}-fill,\n &.#{$ns}-fill .#{$ns}-button:not(.#{$ns}-fixed) {\n flex: 1 1 auto;\n }\n\n /*\n Vertical button groups\n\n Markup:\n \n \n \n\n Styleguide button-group-vertical\n */\n\n &.#{$ns}-vertical {\n align-items: stretch;\n flex-direction: column;\n vertical-align: top;\n\n &.#{$ns}-fill {\n height: 100%;\n width: unset;\n }\n\n .#{$ns}-button {\n // we never want that margin-right when vertical\n margin-right: 0 !important; /* stylelint-disable-line declaration-no-important */\n // needed to ensure buttons take up the full width when wrapped in a Popover:\n width: 100%;\n }\n\n &:not(.#{$ns}-minimal) {\n > .#{$ns}-popover-wrapper:first-child .#{$ns}-button,\n > .#{$ns}-button:first-child {\n border-radius: $pt-border-radius $pt-border-radius 0 0;\n }\n\n > .#{$ns}-popover-wrapper:last-child .#{$ns}-button,\n > .#{$ns}-button:last-child {\n border-radius: 0 0 $pt-border-radius $pt-border-radius;\n }\n\n > .#{$ns}-popover-wrapper:not(:last-child) .#{$ns}-button,\n > .#{$ns}-button:not(:last-child) {\n margin-bottom: -$button-border-width;\n }\n }\n }\n\n &.#{$ns}-align-left .#{$ns}-button {\n text-align: left;\n }\n\n .#{$ns}-dark & {\n // support wrapping buttons in a Blueprint.Tooltip, which adds a wrapper element\n // in dark theme, we adjust the spacing between buttons for best visual results\n &:not(.#{$ns}-minimal) {\n // deeply nested selector necessary to target the appropriate popover\n // wrapper, yet ensure we only style buttons within the target.\n > .#{$ns}-popover-wrapper:not(:last-child) .#{$ns}-button,\n > .#{$ns}-button:not(:last-child) {\n margin-right: $button-border-width;\n }\n }\n\n &.#{$ns}-vertical {\n > .#{$ns}-popover-wrapper:not(:last-child) .#{$ns}-button,\n > .#{$ns}-button:not(:last-child) {\n margin-bottom: $button-border-width;\n }\n }\n }\n}\n","// Copyright 2015 Palantir Technologies, Inc. All rights reserved.\n// Licensed under the Apache License, Version 2.0.\n\n@import \"../../common/variables\";\n\n/*\nCallout\n\nMarkup:\n\n Callout Heading
\n It's dangerous to go alone! Take this.\n\n\n.#{$ns}-intent-primary - Primary intent\n.#{$ns}-intent-success - Success intent\n.#{$ns}-intent-warning - Warning intent\n.#{$ns}-intent-danger - Danger intent\n.#{$ns}-icon-info-sign - With an icon\n\nStyleguide callout\n*/\n\n.#{$ns}-callout {\n @include running-typography();\n background-color: rgba($gray3, 0.15);\n border-radius: $pt-border-radius;\n padding: $pt-grid-size ($pt-grid-size * 1.2) ($pt-grid-size * 0.9);\n position: relative;\n width: 100%;\n\n // CSS API support\n &[class*=\"#{$ns}-icon-\"] {\n padding-left: ($pt-grid-size * 2) + $pt-icon-size-large;\n\n &::before {\n @include pt-icon($pt-icon-size-large);\n color: $pt-icon-color;\n left: $pt-grid-size;\n position: absolute;\n top: $pt-grid-size;\n }\n }\n\n &.#{$ns}-callout-icon {\n padding-left: ($pt-grid-size * 2) + $pt-icon-size-large;\n\n > .#{$ns}-icon:first-child {\n color: $pt-icon-color;\n left: $pt-grid-size;\n position: absolute;\n top: $pt-grid-size;\n }\n }\n\n .#{$ns}-heading {\n line-height: $pt-icon-size-large;\n margin-bottom: $pt-grid-size / 2;\n margin-top: 0;\n\n &:last-child {\n margin-bottom: 0;\n }\n }\n\n .#{$ns}-dark & {\n background-color: rgba($gray3, 0.2);\n\n &[class*=\"#{$ns}-icon-\"]::before {\n color: $pt-dark-icon-color;\n }\n }\n\n @each $intent, $color in $pt-intent-colors {\n &.#{$ns}-intent-#{$intent} {\n background-color: rgba($color, 0.15);\n\n &[class*=\"#{$ns}-icon-\"]::before,\n > .#{$ns}-icon:first-child,\n .#{$ns}-heading {\n color: map-get($pt-intent-text-colors, $intent);\n }\n\n .#{$ns}-dark & {\n background-color: rgba($color, 0.25);\n\n &[class*=\"#{$ns}-icon-\"]::before,\n > .#{$ns}-icon:first-child,\n .#{$ns}-heading {\n color: map-get($pt-dark-intent-text-colors, $intent);\n }\n }\n }\n }\n\n .#{$ns}-running-text & {\n margin: ($pt-grid-size * 2) 0;\n }\n}\n","// Copyright 2015 Palantir Technologies, Inc. All rights reserved.\n// Licensed under the Apache License, Version 2.0.\n\n@import \"../../common/variables\";\n\n/*\nCards\n\nMarkup:\n\n We build products that make people better at their most important work.\n\n\n.#{$ns}-elevation-0 - Ground floor. This level provides just a gentle border shadow.\n.#{$ns}-elevation-1 - First. Subtle drop shadow intended for static containers.\n.#{$ns}-elevation-2 - Second. An even stronger shadow, moving on up.\n.#{$ns}-elevation-3 - Third. For containers overlaying content temporarily.\n.#{$ns}-elevation-4 - Fourth. The strongest shadow, usually for overlay containers on top of backdrops.\n.#{$ns}-interactive - On hover, increase elevation and use pointer cursor.\n\nStyleguide card\n*/\n\n$card-padding: $pt-grid-size * 2 !default;\n\n$card-background-color: $white !default;\n$dark-card-background-color: $dark-gray4 !default;\n\n$elevation-shadows: (\n $pt-elevation-shadow-0\n $pt-elevation-shadow-1\n $pt-elevation-shadow-2\n $pt-elevation-shadow-3\n $pt-elevation-shadow-4\n);\n$dark-elevation-shadows: (\n $pt-dark-elevation-shadow-0\n $pt-dark-elevation-shadow-1\n $pt-dark-elevation-shadow-2\n $pt-dark-elevation-shadow-3\n $pt-dark-elevation-shadow-4\n);\n\n.#{$ns}-card {\n background-color: $card-background-color;\n border-radius: $pt-border-radius;\n box-shadow: $pt-elevation-shadow-0;\n padding: $card-padding;\n transition: transform ($pt-transition-duration * 2) $pt-transition-ease,\n box-shadow ($pt-transition-duration * 2) $pt-transition-ease;\n\n &.#{$ns}-dark,\n .#{$ns}-dark & {\n background-color: $dark-card-background-color;\n box-shadow: $pt-dark-elevation-shadow-0;\n }\n}\n\n@for $index from 1 through length($elevation-shadows) {\n .#{$ns}-elevation-#{$index - 1} {\n box-shadow: nth($elevation-shadows, $index);\n\n &.#{$ns}-dark,\n .#{$ns}-dark & {\n box-shadow: nth($dark-elevation-shadows, $index);\n }\n }\n}\n\n.#{$ns}-card.#{$ns}-interactive {\n &:hover {\n box-shadow: $pt-elevation-shadow-3;\n cursor: pointer;\n\n &.#{$ns}-dark,\n .#{$ns}-dark & {\n box-shadow: $pt-dark-elevation-shadow-3;\n }\n }\n\n &:active {\n box-shadow: $pt-elevation-shadow-1;\n opacity: 0.9;\n transition-duration: 0;\n\n &.#{$ns}-dark,\n .#{$ns}-dark & {\n box-shadow: $pt-dark-elevation-shadow-1;\n }\n }\n}\n","// Copyright 2016 Palantir Technologies, Inc. All rights reserved.\n// Licensed under the Apache License, Version 2.0.\n\n@import \"../../common/variables\";\n\n$collapse-transition: ($pt-transition-duration * 2) $pt-transition-ease !default;\n\n.#{$ns}-collapse {\n height: 0;\n overflow-y: hidden;\n transition: height $collapse-transition;\n\n .#{$ns}-collapse-body {\n transition: transform $collapse-transition;\n\n &[aria-hidden=\"true\"] {\n display: none;\n }\n }\n}\n","// Copyright 2016 Palantir Technologies, Inc. All rights reserved.\n// Licensed under the Apache License, Version 2.0.\n\n.#{$ns}-context-menu .#{$ns}-popover-target {\n display: block;\n}\n\n.#{$ns}-context-menu-popover-target {\n position: fixed;\n}\n","// Copyright 2015 Palantir Technologies, Inc. All rights reserved.\n// Licensed under the Apache License, Version 2.0.\n\n@import \"~@blueprintjs/icons/src/icons\";\n@import \"../../common/mixins\";\n@import \"../../common/react-transition\";\n@import \"../../common/variables\";\n\n/*\nDialog\n\nMarkup:\n\n\n \n \n \n Dialog header
\n \n \n \n This dialog hasn't been wired up with any open or close interactions.\n It's just an example of markup and styles.\n \n \n \n\n\nStyleguide dialog\n*/\n\n$dialog-border-radius: $pt-border-radius * 2 !default;\n$dialog-margin: ($pt-grid-size * 3) 0 !default;\n$dialog-padding: $pt-grid-size * 2 !default;\n\n.#{$ns}-dialog-container {\n $dialog-transition-props: (\n opacity: (0, 1),\n transform: (scale(0.5), scale(1))\n );\n\n @include react-transition(\n \"#{$ns}-overlay\",\n $dialog-transition-props,\n $duration: $pt-transition-duration * 3,\n $easing: $pt-transition-ease-bounce,\n $before: \"&\",\n $after: \"> .#{$ns}-dialog\"\n );\n align-items: center;\n display: flex;\n justify-content: center;\n min-height: 100%;\n pointer-events: none;\n user-select: none;\n width: 100%;\n}\n\n.#{$ns}-dialog {\n background: $light-gray4;\n border-radius: $dialog-border-radius;\n box-shadow: $pt-dialog-box-shadow;\n display: flex;\n flex-direction: column;\n margin: $dialog-margin;\n padding-bottom: $pt-grid-size * 2;\n pointer-events: all;\n user-select: text;\n width: $pt-grid-size * 50;\n\n &:focus {\n outline: 0;\n }\n\n &.#{$ns}-dark,\n .#{$ns}-dark & {\n background: $pt-dark-app-background-color;\n box-shadow: $pt-dark-dialog-box-shadow;\n color: $pt-dark-text-color;\n }\n}\n\n.#{$ns}-dialog-header {\n align-items: center;\n background: $white;\n border-radius: $dialog-border-radius $dialog-border-radius 0 0;\n box-shadow: 0 1px 0 $pt-divider-black;\n display: flex;\n flex: 0 0 auto;\n min-height: $pt-icon-size-large + $dialog-padding;\n padding-left: $dialog-padding;\n padding-right: $dialog-padding / 4;\n z-index: 0;\n\n .#{$ns}-icon-large,\n .#{$ns}-icon {\n color: $pt-icon-color;\n flex: 0 0 auto;\n margin-right: $dialog-padding / 2;\n }\n\n .#{$ns}-heading {\n @include overflow-ellipsis();\n flex: 1 1 auto;\n line-height: inherit;\n margin: 0;\n\n &:last-child {\n margin-right: $dialog-padding;\n }\n }\n\n .#{$ns}-dark & {\n background: $dark-gray4;\n box-shadow: 0 1px 0 $pt-dark-divider-black;\n\n .#{$ns}-icon-large,\n .#{$ns}-icon {\n color: $pt-dark-icon-color;\n }\n }\n}\n\n.#{$ns}-dialog-body {\n flex: 1 1 auto;\n line-height: $pt-grid-size * 1.8;\n margin: $dialog-padding;\n}\n\n.#{$ns}-dialog-footer {\n flex: 0 0 auto;\n margin: 0 $dialog-padding;\n}\n\n.#{$ns}-dialog-footer-actions {\n display: flex;\n justify-content: flex-end;\n\n .#{$ns}-button {\n margin-left: $pt-grid-size;\n }\n}\n","// Copyright 2016 Palantir Technologies, Inc. All rights reserved.\n// Licensed under the Apache License, Version 2.0.\n\n/*\nA mixin to generate the classes for a React CSSTransition which animates any number of CSS\nproperties at once.\n\nTransitioned properties are specificed as a map of property names to lists of (inital value, final\nvalue). For enter & appear transitions, each property will transition from its initial to its final\nvalue. For exit transitions, each property will transition in reverse, from final to initial.\n\n**Simple example:**\n`@include react-transition(\"popover\", (opacity: 0 1), $before: \"&\");`\nTransition named \"popover\" moves opacity from 0 to 1. `\"&\"` indicates that the\nTransition classes are expected to be applied to this element, where the mixin is invoked.\n\n**Params:**\n$name: React transitionName prop\n$properties: map of CSS property to (initial, final) values\n$duration: transition duration\n$easing: transition easing function\n$delay: transition delay\n$before: selector text to insert before transition name (often to select self: &)\n$after: selector text to insert after transiton name (to select children)\n*/\n@mixin react-transition(\n $name,\n $properties,\n $duration: $pt-transition-duration,\n $easing: $pt-transition-ease,\n $delay: 0,\n $before: \"\",\n $after: \"\"\n) {\n @include each-prop($properties, 2);\n @include react-transition-phase(\n $name, \"enter\", $properties,\n $duration, $easing, $delay,\n $before, $after\n );\n @include react-transition-phase(\n $name, \"exit\", $properties,\n $duration, $easing, $delay,\n $before, $after\n );\n}\n\n/*\nA mixin to generate the classes for one phase of a React CSSTransition.\n`$phase` must be `appear` or `enter` or `exit`.\nIf `enter` phase is given then `appear` phase will be generated at the same time.\nIf `exit` phase is given then property values are animated in reverse, from final to initial.\n\n**Example:**\n@include react-transition-phase(toast, enter, $enter-translate, $before: \"&\");\n@include react-transition-phase(toast, leave, $leave-blur, $pt-transition-duration * 3, $before: \"&\");\n*/\n@mixin react-transition-phase(\n $name,\n $phase,\n $properties,\n $duration: $pt-transition-duration,\n $easing: $pt-transition-ease,\n $delay: 0,\n $before: \"\",\n $after: \"\"\n) {\n $start-index: 1;\n $end-index: 2;\n\n @if ($phase == \"exit\") {\n $start-index: 2;\n $end-index: 1;\n } @else if ($phase != \"enter\" and $phase != \"appear\") {\n @error \"Unknown transition phase: #{$phase}. Expected appear|enter|exit.\";\n }\n\n #{transition-name($phase, $name, $before, $after)} {\n @include each-prop($properties, $start-index);\n }\n\n #{transition-name(#{$phase}-active, $name, $before, $after)} {\n @include each-prop($properties, $end-index);\n transition-delay: $delay;\n transition-duration: $duration;\n transition-property: map-keys($properties);\n transition-timing-function: $easing;\n }\n}\n\n/*\nGiven map of properties to values, set each property to the value at the given index.\n(remember that sass indices are 1-based).\n\nExample: `each-prop((opacity: 0 1), 2)` will print \"opacity: 1\"\n*/\n@mixin each-prop($properties, $index) {\n @each $prop, $values in $properties {\n #{$prop}: nth($values, $index);\n }\n}\n\n/*\nFormat transition class name with all the bits.\n\"enter\" phase will include \"appear\" phase in returned name.\n*/\n@function transition-name($phase, $name, $before, $after) {\n $full-name: \"#{$before}.#{$name}-#{$phase}#{$after}\";\n\n @if ($phase == \"enter\") {\n @return ($full-name, transition-name(\"appear\", $name, $before, $after));\n } @else if ($phase == \"enter-active\") {\n @return ($full-name, transition-name(\"appear-active\", $name, $before, $after));\n } @else {\n @return $full-name;\n }\n}\n","// Copyright 2020 Palantir Technologies, Inc. All rights reserved.\n// Licensed under the Apache License, Version 2.0.\n\n@import \"~@blueprintjs/icons/src/icons\";\n@import \"../../common/mixins\";\n@import \"../../common/react-transition\";\n@import \"../../common/variables\";\n\n$dialog-border-radius: $pt-border-radius * 2 !default;\n$step-radius: $pt-border-radius * 2 !default;\n\n.#{$ns}-multistep-dialog-panels {\n display: flex;\n\n // If title doesn't exist, this element will be the first child and top\n // borders needs to be rounded.\n &:first-child {\n .#{$ns}-dialog-step-container:first-child {\n border-radius: $dialog-border-radius 0 0 0;\n }\n\n .#{$ns}-multistep-dialog-right-panel {\n border-top-right-radius: $dialog-border-radius;\n }\n }\n}\n\n.#{$ns}-multistep-dialog-left-panel {\n display: flex;\n flex: 1;\n flex-direction: column;\n\n .#{$ns}-dark & {\n background: $dark-gray2;\n }\n}\n\n.#{$ns}-multistep-dialog-right-panel {\n background-color: $light-gray5;\n border-left: 1px solid $pt-divider-black;\n border-radius: 0 0 $dialog-border-radius 0;\n flex: 3;\n min-width: 0;\n\n .#{$ns}-dark & {\n background-color: $dark-gray3;\n border-left: 1px solid $pt-dark-divider-black;\n }\n}\n\n.#{$ns}-multistep-dialog-footer {\n background-color: $white;\n border-radius: 0 0 $dialog-border-radius 0;\n border-top: 1px solid $pt-divider-black;\n display: flex;\n justify-content: space-between;\n padding: 10px;\n\n .#{$ns}-dark & {\n background: $dark-gray4;\n border-top: 1px solid $pt-dark-divider-black;\n }\n\n .#{$ns}-dialog-footer-actions {\n flex-grow: 1;\n }\n}\n\n.#{$ns}-dialog-step-container {\n background-color: $light-gray5;\n border-bottom: 1px solid $pt-divider-black;\n\n .#{$ns}-dark & {\n background: $dark-gray3;\n border-bottom: 1px solid $pt-dark-divider-black;\n }\n\n &.#{$ns}-dialog-step-viewed {\n background-color: $white;\n .#{$ns}-dark & {\n background: $dark-gray4;\n }\n }\n}\n\n.#{$ns}-dialog-step {\n align-items: center;\n background-color: $light-gray5;\n border-radius: $step-radius;\n cursor: not-allowed;\n display: flex;\n margin: 4px;\n padding: 6px 14px;\n\n .#{$ns}-dark & {\n background: $dark-gray3;\n }\n\n // by default, steps are inactive until they are visited\n .#{$ns}-dialog-step-viewed & {\n background-color: $white;\n cursor: pointer;\n\n .#{$ns}-dark & {\n background: $dark-gray4;\n }\n }\n\n &:hover {\n background-color: $light-gray5;\n\n .#{$ns}-dark & {\n background: $dark-gray3;\n }\n }\n}\n\n.#{$ns}-dialog-step-icon {\n align-items: center;\n background-color: $pt-text-color-disabled;\n border-radius: 50%;\n color: $white;\n display: flex;\n height: 25px;\n justify-content: center;\n width: 25px;\n\n .#{$ns}-dark & {\n background-color: $pt-dark-icon-color-disabled;\n }\n\n .#{$ns}-active.#{$ns}-dialog-step-viewed & {\n background-color: $blue4;\n }\n\n .#{$ns}-dialog-step-viewed & {\n background-color: $gray3;\n }\n}\n\n.#{$ns}-dialog-step-title {\n color: $pt-text-color-disabled;\n flex: 1;\n padding-left: 10px;\n\n .#{$ns}-dark & {\n color: $pt-dark-text-color-disabled;\n }\n\n // step title is active only when the step is selected\n .#{$ns}-active.#{$ns}-dialog-step-viewed & {\n color: $blue4;\n }\n\n .#{$ns}-dialog-step-viewed:not(.#{$ns}-active) & {\n color: $pt-text-color;\n\n .#{$ns}-dark & {\n color: $pt-dark-text-color;\n }\n }\n}\n","// Copyright 2018 Palantir Technologies, Inc. All rights reserved.\n// Licensed under the Apache License, Version 2.0.\n\n@import \"~@blueprintjs/icons/src/icons\";\n@import \"../../common/mixins\";\n@import \"../../common/react-transition\";\n@import \"../../common/variables\";\n\n$drawer-margin: ($pt-grid-size * 3) 0 !default;\n$drawer-padding: $pt-grid-size * 2 !default;\n\n$drawer-default-size: 50%;\n\n$drawer-background-color: $white !default;\n$dark-drawer-background-color: $dark-gray4 !default;\n\n.#{$ns}-drawer {\n background: $drawer-background-color;\n box-shadow: $pt-elevation-shadow-4;\n display: flex;\n flex-direction: column;\n margin: 0;\n padding: 0;\n\n &:focus {\n outline: 0;\n }\n\n &.#{$ns}-position-top {\n @include react-transition-phase(\n \"#{$ns}-overlay\",\n \"enter\",\n (transform: (translateY(-100%), translateY(0))),\n $pt-transition-duration * 2,\n $pt-transition-ease,\n $before: \"&\"\n );\n @include react-transition-phase(\n \"#{$ns}-overlay\",\n \"exit\",\n (transform: (translateY(-100%), translateY(0))),\n $pt-transition-duration,\n $before: \"&\"\n );\n height: $drawer-default-size;\n left: 0;\n right: 0;\n\n top: 0;\n }\n\n &.#{$ns}-position-bottom {\n @include react-transition-phase(\n \"#{$ns}-overlay\",\n \"enter\",\n (transform: (translateY(100%), translateY(0))),\n $pt-transition-duration * 2,\n $pt-transition-ease,\n $before: \"&\"\n );\n @include react-transition-phase(\n \"#{$ns}-overlay\",\n \"exit\",\n (transform: (translateY(100%), translateY(0))),\n $pt-transition-duration,\n $before: \"&\"\n );\n bottom: 0;\n height: $drawer-default-size;\n left: 0;\n\n right: 0;\n }\n\n &.#{$ns}-position-left {\n @include react-transition-phase(\n \"#{$ns}-overlay\",\n \"enter\",\n (transform: (translateX(-100%), translateX(0))),\n $pt-transition-duration * 2,\n $pt-transition-ease,\n $before: \"&\"\n );\n @include react-transition-phase(\n \"#{$ns}-overlay\",\n \"exit\",\n (transform: (translateX(-100%), translateX(0))),\n $pt-transition-duration,\n $before: \"&\"\n );\n bottom: 0;\n left: 0;\n\n top: 0;\n width: $drawer-default-size;\n }\n\n &.#{$ns}-position-right {\n @include react-transition-phase(\n \"#{$ns}-overlay\",\n \"enter\",\n (transform: (translateX(100%), translateX(0))),\n $pt-transition-duration * 2,\n $pt-transition-ease,\n $before: \"&\"\n );\n @include react-transition-phase(\n \"#{$ns}-overlay\",\n \"exit\",\n (transform: (translateX(100%), translateX(0))),\n $pt-transition-duration,\n $before: \"&\"\n );\n bottom: 0;\n right: 0;\n\n top: 0;\n width: $drawer-default-size;\n }\n\n &:not(.#{$ns}-position-top):not(.#{$ns}-position-bottom):not(.#{$ns}-position-left):not(\n .#{$ns}-position-right) {\n &:not(.#{$ns}-vertical) {\n @include react-transition-phase(\n \"#{$ns}-overlay\",\n \"enter\",\n (transform: (translateX(100%), translateX(0))),\n $pt-transition-duration * 2,\n $pt-transition-ease,\n $before: \"&\"\n );\n @include react-transition-phase(\n \"#{$ns}-overlay\",\n \"exit\",\n (transform: (translateX(100%), translateX(0))),\n $pt-transition-duration,\n $before: \"&\"\n );\n bottom: 0;\n right: 0;\n\n top: 0;\n width: $drawer-default-size;\n }\n\n &.#{$ns}-vertical {\n @include react-transition-phase(\n \"#{$ns}-overlay\",\n \"enter\",\n (transform: (translateY(100%), translateY(0))),\n $pt-transition-duration * 2,\n $pt-transition-ease,\n $before: \"&\"\n );\n @include react-transition-phase(\n \"#{$ns}-overlay\",\n \"exit\",\n (transform: (translateY(100%), translateY(0))),\n $pt-transition-duration,\n $before: \"&\"\n );\n bottom: 0;\n height: $drawer-default-size;\n left: 0;\n\n right: 0;\n }\n }\n\n &.#{$ns}-dark,\n .#{$ns}-dark & {\n background: $dark-drawer-background-color;\n box-shadow: $pt-dark-dialog-box-shadow;\n color: $pt-dark-text-color;\n }\n}\n\n.#{$ns}-drawer-header {\n align-items: center;\n border-radius: 0;\n box-shadow: 0 1px 0 $pt-divider-black;\n display: flex;\n flex: 0 0 auto;\n min-height: $pt-icon-size-large + $drawer-padding;\n padding: $drawer-padding / 4;\n padding-left: $drawer-padding;\n position: relative;\n\n .#{$ns}-icon-large,\n .#{$ns}-icon {\n color: $pt-icon-color;\n flex: 0 0 auto;\n margin-right: $drawer-padding / 2;\n }\n\n .#{$ns}-heading {\n @include overflow-ellipsis();\n flex: 1 1 auto;\n line-height: inherit;\n margin: 0;\n\n &:last-child {\n margin-right: $drawer-padding;\n }\n }\n\n .#{$ns}-dark & {\n box-shadow: 0 1px 0 $pt-dark-divider-black;\n\n .#{$ns}-icon-large,\n .#{$ns}-icon {\n color: $pt-dark-icon-color;\n }\n }\n}\n\n.#{$ns}-drawer-body {\n flex: 1 1 auto;\n line-height: $pt-grid-size * 1.8;\n overflow: auto;\n}\n\n.#{$ns}-drawer-footer {\n box-shadow: inset 0 1px 0 $pt-divider-black;\n flex: 0 0 auto;\n padding: $drawer-padding/2 $drawer-padding;\n position: relative;\n\n .#{$ns}-dark & {\n box-shadow: inset 0 1px 0 $pt-dark-divider-black;\n }\n}\n","// Copyright 2016 Palantir Technologies, Inc. All rights reserved.\n// Licensed under the Apache License, Version 2.0.\n\n@import \"../../common/variables\";\n@import \"../forms/common\";\n\n.#{$ns}-editable-text {\n cursor: text;\n display: inline-block;\n max-width: 100%;\n position: relative;\n vertical-align: top;\n white-space: nowrap;\n\n // input styles on the ::before\n &::before {\n @include position-all(absolute, -$pt-border-radius);\n border-radius: $pt-border-radius;\n content: \"\";\n transition: background-color $pt-transition-duration $pt-transition-ease,\n box-shadow $pt-transition-duration $pt-transition-ease;\n }\n\n &:hover::before {\n box-shadow: input-transition-shadow($input-shadow-color-focus),\n inset 0 0 0 1px $pt-divider-black;\n }\n\n &.#{$ns}-editable-text-editing::before {\n background-color: $input-background-color;\n box-shadow: input-transition-shadow($input-shadow-color-focus, true), $input-box-shadow-focus;\n }\n\n &.#{$ns}-disabled::before {\n box-shadow: none;\n }\n\n @each $intent, $color in $pt-intent-colors {\n &.#{$ns}-intent-#{$intent} {\n .#{$ns}-editable-text-input,\n .#{$ns}-editable-text-content {\n color: $color;\n }\n\n &:hover::before {\n box-shadow: input-transition-shadow($color), inset border-shadow(0.4, $color, 1px);\n }\n\n &.#{$ns}-editable-text-editing::before {\n box-shadow: input-transition-shadow($color, true), $input-box-shadow-focus;\n }\n }\n }\n\n .#{$ns}-dark & {\n &:hover::before {\n box-shadow: input-transition-shadow($dark-input-shadow-color-focus),\n inset 0 0 0 1px $pt-dark-divider-white;\n }\n\n &.#{$ns}-editable-text-editing::before {\n background-color: $dark-input-background-color;\n box-shadow: input-transition-shadow($dark-input-shadow-color-focus, true),\n $pt-dark-input-box-shadow;\n }\n\n &.#{$ns}-disabled::before {\n box-shadow: none;\n }\n\n @each $intent, $color in $pt-dark-intent-text-colors {\n &.#{$ns}-intent-#{$intent} {\n .#{$ns}-editable-text-content {\n color: $color;\n }\n\n &:hover::before {\n box-shadow: input-transition-shadow($color), inset border-shadow(0.4, $color, 1px);\n }\n\n &.#{$ns}-editable-text-editing::before {\n box-shadow: input-transition-shadow($color, true), $pt-dark-input-box-shadow;\n }\n }\n }\n }\n}\n\n.#{$ns}-editable-text-input,\n.#{$ns}-editable-text-content {\n color: inherit;\n display: inherit;\n font: inherit;\n letter-spacing: inherit;\n max-width: inherit;\n // inherit and respect parent bounds and text styles\n min-width: inherit;\n position: relative;\n // prevent user resizing of textarea\n resize: none;\n text-transform: inherit;\n vertical-align: top;\n}\n\n.#{$ns}-editable-text-input {\n @include pt-input-placeholder();\n background: none;\n // reset browser input styles (we're using an input solely because you can type in it)\n border: none;\n box-shadow: none;\n padding: 0;\n // IE11's textarea will otherwise inherit the white-space property from its direct parent\n white-space: pre-wrap;\n width: 100%;\n\n &:focus {\n outline: none;\n }\n\n &::-ms-clear {\n display: none;\n }\n}\n\n.#{$ns}-editable-text-content {\n overflow: hidden;\n // magical number to account for slight increase in input width for cursor bar\n padding-right: 2px;\n text-overflow: ellipsis;\n // preserve so trailing whitespace is included in scrollWidth\n white-space: pre;\n\n .#{$ns}-editable-text-editing > & {\n left: 0;\n position: absolute;\n visibility: hidden;\n }\n\n .#{$ns}-editable-text-placeholder > & {\n color: $input-placeholder-color;\n\n .#{$ns}-dark & {\n color: $dark-input-placeholder-color;\n }\n }\n}\n\n.#{$ns}-editable-text.#{$ns}-multiline {\n display: block;\n\n .#{$ns}-editable-text-content {\n overflow: auto;\n white-space: pre-wrap;\n word-wrap: break-word;\n }\n}\n","// Copyright 2015 Palantir Technologies, Inc. All rights reserved.\n// Licensed under the Apache License, Version 2.0.\n\n@import \"~@blueprintjs/icons/src/icons\";\n@import \"../../common/variables\";\n@import \"../button/common\";\n\n$input-padding-horizontal: $pt-grid-size !default;\n$input-small-padding: $pt-input-height-small - $pt-icon-size-standard !default;\n$input-font-weight: 400 !default;\n$input-transition: box-shadow $pt-transition-duration $pt-transition-ease;\n\n$input-color: $pt-text-color !default;\n$input-color-disabled: $button-color-disabled !default;\n$input-placeholder-color: $pt-text-color-disabled !default;\n$input-background-color: $white !default;\n$input-background-color-disabled: rgba($light-gray1, 0.5) !default;\n$input-shadow-color-focus: $pt-intent-primary !default;\n\n$dark-input-color: $pt-dark-text-color !default;\n$dark-input-color-disabled: $dark-button-color-disabled !default;\n$dark-input-placeholder-color: $pt-dark-text-color-disabled !default;\n$dark-input-background-color: rgba($black, 0.3) !default;\n$dark-input-background-color-disabled: rgba($dark-gray5, 0.5) !default;\n$dark-input-shadow-color-focus: $pt-intent-primary !default;\n\n$control-indicator-size: $pt-icon-size-standard !default;\n$control-indicator-size-large: $pt-icon-size-large !default;\n\n// avoids edge blurriness for light theme focused default input\n// second box-shadow of $pt-input-box-shadow\n$input-box-shadow-focus: inset 0 1px 1px rgba($black, $pt-drop-shadow-opacity) !default;\n\n// for best visual results, button group and control group elements should be\n// stacked in the following order to ensure sharp edges in all cases and states:\n\n$control-group-stack: (\n // lowest z-index\n \"input-disabled\",\n \"input-default\",\n \"button-disabled\",\n \"button-default\",\n \"button-focus\",\n \"button-hover\",\n \"button-active\",\n \"intent-button-disabled\",\n \"intent-button-default\",\n \"intent-button-focus\",\n \"intent-button-hover\",\n \"intent-button-active\",\n \"intent-input-default\",\n \"input-focus\",\n \"intent-input-focus\",\n \"input-group-children\",\n \"select-caret\"\n);\n\n// animating shadows requires the same number of shadows in different states\n@function input-transition-shadow($color: $input-shadow-color-focus, $focus: false) {\n @if $focus {\n @return\n border-shadow(1, $color, 1px),\n border-shadow(0.3, $color, 3px);\n } @else {\n @return\n border-shadow(0, $color, 0),\n border-shadow(0, $color, 0);\n }\n}\n\n@function dark-input-transition-shadow($color: $dark-input-shadow-color-focus, $focus: false) {\n @if $focus {\n @return\n border-shadow(1, $color, 1px),\n border-shadow(1, $color, 1px), // duplicating to minimize browser antialiasing in dark\n border-shadow(0.3, $color, 3px);\n } @else {\n @return\n border-shadow(0, $color, 0),\n border-shadow(0, $color, 0),\n border-shadow(0, $color, 0);\n }\n}\n\n@mixin pt-input() {\n @include pt-input-placeholder();\n appearance: none;\n background: $input-background-color;\n border: none;\n border-radius: $pt-border-radius;\n box-shadow: input-transition-shadow($input-shadow-color-focus), $pt-input-box-shadow;\n color: $input-color;\n font-size: $pt-font-size;\n font-weight: $input-font-weight;\n height: $pt-input-height;\n line-height: $pt-input-height;\n\n outline: none;\n padding: 0 $input-padding-horizontal;\n transition: $input-transition;\n vertical-align: middle;\n\n &:focus,\n &.#{$ns}-active {\n box-shadow: input-transition-shadow($input-shadow-color-focus, true), $input-box-shadow-focus;\n }\n\n &[type=\"search\"],\n &.#{$ns}-round {\n border-radius: $pt-input-height;\n // override normalize.css\n box-sizing: border-box;\n padding-left: $pt-grid-size;\n }\n\n &[readonly] {\n box-shadow: inset 0 0 0 1px $pt-divider-black;\n }\n\n &:disabled,\n &.#{$ns}-disabled {\n @include pt-input-disabled();\n }\n}\n\n@mixin pt-input-placeholder() {\n &::placeholder {\n color: $input-placeholder-color;\n // normalize.css sets an opacity less than 1, we don't want this\n opacity: 1;\n }\n}\n\n@mixin pt-input-disabled() {\n background: $input-background-color-disabled;\n box-shadow: none;\n color: $input-color-disabled;\n cursor: not-allowed;\n resize: none;\n}\n\n@mixin pt-input-large() {\n font-size: $pt-font-size-large;\n height: $pt-input-height-large;\n line-height: $pt-input-height-large;\n\n &[type=\"search\"],\n &.#{$ns}-round {\n padding: 0 ($input-padding-horizontal * 1.5);\n }\n}\n\n@mixin pt-input-small() {\n font-size: $pt-font-size-small;\n height: $pt-input-height-small;\n line-height: $pt-input-height-small;\n padding-left: $input-small-padding;\n padding-right: $input-small-padding;\n\n &[type=\"search\"],\n &.#{$ns}-round {\n padding: 0 ($input-small-padding * 1.5);\n }\n}\n\n@mixin pt-dark-input-disabled() {\n background: $dark-input-background-color-disabled;\n box-shadow: none;\n color: $dark-input-color-disabled;\n}\n\n@mixin pt-dark-input-placeholder() {\n &::placeholder {\n color: $dark-input-placeholder-color;\n }\n}\n\n@mixin pt-dark-input() {\n @include pt-dark-input-placeholder();\n background: $dark-input-background-color;\n\n box-shadow: dark-input-transition-shadow($dark-input-shadow-color-focus),\n $pt-dark-input-box-shadow;\n color: $dark-input-color;\n\n &:focus {\n box-shadow: dark-input-transition-shadow($dark-input-shadow-color-focus, true),\n $pt-dark-input-box-shadow;\n }\n\n &[readonly] {\n box-shadow: inset 0 0 0 1px $pt-dark-divider-black;\n }\n\n &:disabled,\n &.#{$ns}-disabled {\n @include pt-dark-input-disabled();\n }\n}\n\n@mixin pt-input-intent($color) {\n box-shadow: input-transition-shadow($color),\n inset border-shadow(1, $color),\n $pt-input-box-shadow;\n\n &:focus {\n box-shadow: input-transition-shadow($color, true),\n $input-box-shadow-focus;\n }\n\n &[readonly] {\n box-shadow: inset 0 0 0 1px $color;\n }\n\n &:disabled,\n &.#{$ns}-disabled {\n box-shadow: none;\n }\n}\n\n@mixin pt-dark-input-intent($color) {\n box-shadow: dark-input-transition-shadow($color),\n inset border-shadow(1, $color),\n $pt-dark-input-box-shadow;\n\n &:focus {\n box-shadow: dark-input-transition-shadow($color, true),\n $pt-dark-input-box-shadow;\n }\n\n &[readonly] {\n box-shadow: inset 0 0 0 1px $color;\n }\n\n &:disabled,\n &.#{$ns}-disabled {\n box-shadow: none;\n }\n}\n","// Copyright 2018 Palantir Technologies, Inc. All rights reserved.\n// Licensed under the Apache License, Version 2.0.\n\n@import \"../../common/variables\";\n\n$divider-margin: $pt-grid-size / 2 !default;\n\n.#{$ns}-divider {\n border-bottom: 1px solid $pt-divider-black;\n // since the element is empty, it will occupy minimal space and only show\n // the appropriate border based on direction of container.\n border-right: 1px solid $pt-divider-black;\n margin: $divider-margin;\n\n\n .#{$ns}-dark & {\n border-color: $pt-dark-divider-black;\n }\n}\n","// Copyright 2016 Palantir Technologies, Inc. All rights reserved.\n// Licensed under the Apache License, Version 2.0.\n\n@import \"../../common/variables\";\n@import \"../button/common\";\n@import \"./common\";\n@import \"../divider/divider\";\n\n/*\nControl groups\n\nMarkup:\n\n \n \n\n\n \n \n \n \n \n \n \n\n\n \n \n \n \n \n \n \n \n\n\n \n \n \n \n \n \n \n \n \n\n\nStyleguide control-group\n*/\n\n.#{$ns}-control-group {\n // create a new stacking context to isolate all the z-indices\n @include new-render-layer();\n @include pt-flex-container(row);\n // each child is full height\n align-items: stretch;\n\n // similarly to button groups, elements in control groups are stacked in a\n // very particular order for best visual results. in each level of selector\n // specificity, we define disabled styles last so that they override all other\n // equally-specific styles (e.g. we don't want mouse interactions or focus\n // changes to change the z-index of a disabled element).\n\n .#{$ns}-button,\n .#{$ns}-html-select,\n .#{$ns}-input,\n .#{$ns}-select {\n // create a new stacking context\n position: relative;\n }\n\n .#{$ns}-input {\n // inherit radius since it's most likely to be zero\n border-radius: inherit;\n z-index: index($control-group-stack, \"input-default\");\n\n &:focus {\n border-radius: $pt-border-radius;\n z-index: index($control-group-stack, \"input-focus\");\n }\n\n &[class*=\"#{$ns}-intent\"] {\n z-index: index($control-group-stack, \"intent-input-default\");\n\n &:focus {\n z-index: index($control-group-stack, \"intent-input-focus\");\n }\n }\n\n &[readonly],\n &:disabled,\n &.#{$ns}-disabled {\n z-index: index($control-group-stack, \"input-disabled\");\n }\n }\n\n .#{$ns}-input-group[class*=\"#{$ns}-intent\"] .#{$ns}-input {\n z-index: index($control-group-stack, \"intent-input-default\");\n\n &:focus {\n z-index: index($control-group-stack, \"intent-input-focus\");\n }\n }\n\n .#{$ns}-button,\n .#{$ns}-html-select select,\n .#{$ns}-select select {\n @include new-render-layer();\n // inherit radius since it's most likely to be zero\n border-radius: inherit;\n z-index: index($control-group-stack, \"button-default\");\n\n &:focus {\n z-index: index($control-group-stack, \"button-focus\");\n }\n\n &:hover {\n z-index: index($control-group-stack, \"button-hover\");\n }\n\n &:active {\n z-index: index($control-group-stack, \"button-active\");\n }\n\n &[readonly],\n &:disabled,\n &.#{$ns}-disabled {\n z-index: index($control-group-stack, \"button-disabled\");\n }\n\n &[class*=\"#{$ns}-intent\"] {\n z-index: index($control-group-stack, \"intent-button-default\");\n\n &:focus {\n z-index: index($control-group-stack, \"intent-button-focus\");\n }\n\n &:hover {\n z-index: index($control-group-stack, \"intent-button-hover\");\n }\n\n &:active {\n z-index: index($control-group-stack, \"intent-button-active\");\n }\n\n &[readonly],\n &:disabled,\n &.#{$ns}-disabled {\n z-index: index($control-group-stack, \"intent-button-disabled\");\n }\n }\n }\n\n // input group contents appear above input always\n .#{$ns}-input-group > .#{$ns}-icon,\n .#{$ns}-input-group > .#{$ns}-button,\n .#{$ns}-input-group > .#{$ns}-input-left-container,\n .#{$ns}-input-group > .#{$ns}-input-action {\n z-index: index($control-group-stack, \"input-group-children\");\n }\n\n // keep the select-menu carets on top of everything always (particularly when\n // .#{$ns}-selects are focused).\n .#{$ns}-select::after,\n .#{$ns}-html-select::after,\n .#{$ns}-select > .#{$ns}-icon,\n .#{$ns}-html-select > .#{$ns}-icon {\n z-index: index($control-group-stack, \"select-caret\");\n }\n\n // select container does not get focus directly (its