@stoplight/ui-kit 3.0.2 → 3.0.3

package/src/colors.ts

@@ -1,81 +0,0 @@
-export enum COLORS {
-  BLACK = 'black',
-  WHITE = 'white',
-
-  LIGHTEN = 'lighten',
-  LIGHTEN1 = 'lighten-1',
-  LIGHTEN2 = 'lighten-2',
-  LIGHTEN3 = 'lighten-3',
-  LIGHTEN4 = 'lighten-4',
-  LIGHTEN5 = 'lighten-5',
-  LIGHTEN6 = 'lighten-6',
-  LIGHTEN7 = 'lighten-7',
-  LIGHTEN8 = 'lighten-8',
-  LIGHTEN9 = 'lighten-9',
-
-  DARKEN = 'darken',
-  DARKEN1 = 'darken-1',
-  DARKEN2 = 'darken-2',
-  DARKEN3 = 'darken-3',
-  DARKEN4 = 'darken-4',
-  DARKEN5 = 'darken-5',
-  DARKEN6 = 'darken-6',
-  DARKEN7 = 'darken-7',
-  DARKEN8 = 'darken-8',
-  DARKEN9 = 'darken-9',
-
-  RED = 'red',
-  RED1 = 'red-1',
-  RED2 = 'red-2',
-  RED3 = 'red-3',
-  RED4 = 'red-4',
-  RED5 = 'red-5',
-  RED6 = 'red-6',
-  RED7 = 'red-7',
-  RED8 = 'red-8',
-  RED9 = 'red-9',
-
-  ORANGE = 'orange',
-  ORANGE1 = 'orange-1',
-  ORANGE2 = 'orange-2',
-  ORANGE3 = 'orange-3',
-  ORANGE4 = 'orange-4',
-  ORANGE5 = 'orange-5',
-  ORANGE6 = 'orange-6',
-  ORANGE7 = 'orange-7',
-  ORANGE8 = 'orange-8',
-  ORANGE9 = 'orange-9',
-
-  GREEN = 'green',
-  GREEN1 = 'green-1',
-  GREEN2 = 'green-2',
-  GREEN3 = 'green-3',
-  GREEN4 = 'green-4',
-  GREEN5 = 'green-5',
-  GREEN6 = 'green-6',
-  GREEN7 = 'green-7',
-  GREEN8 = 'green-8',
-  GREEN9 = 'green-9',
-
-  BLUE = 'blue',
-  BLUE1 = 'blue-1',
-  BLUE2 = 'blue-2',
-  BLUE3 = 'blue-3',
-  BLUE4 = 'blue-4',
-  BLUE5 = 'blue-5',
-  BLUE6 = 'blue-6',
-  BLUE7 = 'blue-7',
-  BLUE8 = 'blue-8',
-  BLUE9 = 'blue-9',
-
-  PURPLE = 'purple',
-  PURPLE1 = 'purple-1',
-  PURPLE2 = 'purple-2',
-  PURPLE3 = 'purple-3',
-  PURPLE4 = 'purple-4',
-  PURPLE5 = 'purple-5',
-  PURPLE6 = 'purple-6',
-  PURPLE7 = 'purple-7',
-  PURPLE8 = 'purple-8',
-  PURPLE9 = 'purple-9',
-}

package/src/index.ts

@@ -1,46 +0,0 @@
-/**
- * NOTE: any components with meaningful external dependencies should NOT be exported here. (general guideline is if dep is over 40kb)
- * Library users will need to `import { Select } from '@stoplight/ui-kit/Select` them specifically.
- *
- * includes:
- * Icons
- * Select
- * Table
- * DateTime
- */
-
-export * from './colors';
-export * from './classes';
-
-/**
- * COMPONENTS
- */
-export * from './CodeEditor';
-export * from './CodeViewer';
-export * from './FAIcon';
-export * from './FormButton';
-export * from './FormError';
-export * from './FormInput';
-export * from './SecretInput';
-export * from './TableOfContents';
-export * from './ThemeContainer';
-export * from './AutoSizer';
-
-/**
- * BLUEPRINT CORE
- */
-
-// @ts-ignore we redefine classes above which conflicts with the classes export in blueprint
-export * from '@blueprintjs/core';
-
-/**
- * React Autosize Input
- *
- * There is a bug with Blueprint's EditableText component causing Chrome & Electron to get into an infinite loop while calculating the input's width. We should use react-autosize-input instead.
- *
- * See the following:
- *
- * https://github.com/palantir/blueprint/issues/2021
- * https://github.com/stoplightio/studio/issues/76
- */
-export { default as AutosizeInput, AutosizeInputProps } from 'react-input-autosize';

package/src/styles/_blueprint.scss

@@ -1,16 +0,0 @@
-/*
- * BLUEPRINT BASE
- */
-
-@import 'blueprint/variables';
-
-@import './blueprint/src/typography';
-@import './blueprint/src/accessibility/focus-states';
-
-@import './blueprint/src/components/index';
-
-/**
-  * BLUEPRINT SELECT
-  */
-
-@import './blueprint/select/blueprint-select.scss';

package/src/styles/_components.scss

@@ -1,9 +0,0 @@
-
-
-@import './components/Code/base';
-@import './components/Dialog/base';
-@import './components/Dropdown/base';
-@import './components/ScrollContainer/base';
-@import './components/SimpleTabs/base';
-@import './components/FormGroup/base';
-@import './components/TableOfContents/base';

package/src/styles/_monaco.scss

@@ -1,13 +0,0 @@
-.monaco-editor {
-  color: var(--editor-fg);
-
-  .margin,
-  .monaco-editor-background,
-  .inputarea.ime-input {
-    background-color: var(--editor-bg);
-  }
-
-  .inputarea.ime-input {
-    color: var(--editor-fg);
-  }
-}

package/src/styles/_tailwind.scss

@@ -1 +0,0 @@
-@import './tailwind/base';

package/src/styles/_ui-kit.scss

@@ -1,117 +0,0 @@
-@import './common/utils';
-@import './common/theme';
-@import './common/css-variables';
-
-@import './blueprint';
-@import './components';
-@import './monaco';
-@import './tailwind';
-
-a {
-  color: var(--color-link);
-
-  // simple reset when using link in random places like around a <Card />
-  &.reset {
-    color: inherit;
-    text-decoration: none;
-  }
-
-  &.no-underline {
-    text-decoration: none;
-  }
-}
-
-#{ns} a {
-  color: get-color(info, 6);
-}
-
-.#{$ns}-label {
-  font-weight: get-font-weight(semibold);
-}
-
-.#{$ns}-select-popover .#{$ns}-menu {
-  max-width: 400px;
-  max-height: 300px;
-  overflow: auto;
-  padding: 10px;
-}
-
-.#{$ns}-select-popover .#{$ns}-menu .#{$ns}-menu-item-label {
-  font-size: 10px;
-}
-
-// tailwind sets fontsize on headers to base so reset to chrome defaults
-h1 {
-  font-size: 2rem;
-  font-weight: bold;
-}
-h2 {
-  font-size: 1.5rem;
-  font-weight: bold;
-}
-h3 {
-  font-size: 1.17rem;
-  font-weight: bold;
-}
-
-h4 {
-  font-size: 1rem;
-  font-weight: bold;
-}
-
-h5 {
-  font-size: 0.83rem;
-  font-weight: bold;
-}
-
-h6 {
-  font-size: 0.67;
-  font-weight: bold;
-}
-
-.select-all {
-  -webkit-user-select: all;
-  -moz-user-select: all;
-  -ms-user-select: all;
-  user-select: all;
-}
-
-.bg-gutter {
-  background-color: var(--gutter-bg);
-}
-
-.text-gutter {
-  color: var(--gutter-fg);
-}
-
-.border-sidebar {
-  border-color: var(--sidebar-border);
-}
-
-.bg-sidebar {
-  background-color: var(--sidebar-bg);
-}
-
-.text-sidebar {
-  color: var(--sidebar-fg);
-}
-
-.border-editor {
-  border-color: var(--editor-border);
-}
-
-.bg-editor {
-  background-color: var(--editor-bg);
-}
-
-.text-editor {
-  color: var(--editor-fg);
-}
-
-.text-link {
-  color: var(--color-link);
-  &:hover {
-    text-decoration: underline;
-    cursor: pointer;
-  }
-}

package/src/styles/blueprint/_color-aliases.scss

@@ -1,43 +0,0 @@
-// Copyright 2015 Palantir Technologies, Inc. All rights reserved.
-// Licensed under the Apache License, Version 2.0.
-
-$pt-intent-primary: $blue3 !default;
-$pt-intent-success: $green3 !default;
-$pt-intent-warning: $orange3 !default;
-$pt-intent-danger: $red3 !default;
-
-$pt-app-background-color: $light-gray5 !default;
-$pt-dark-app-background-color: $dark-gray3 !default;
-
-$pt-outline-color: rgba($blue3, 0.6);
-
-$pt-text-color: $dark-gray1 !default;
-$pt-text-color-muted: $gray1 !default;
-$pt-text-color-disabled: rgba($pt-text-color-muted, 0.6) !default;
-$pt-heading-color: $pt-text-color !default;
-$pt-link-color: $blue2 !default;
-$pt-dark-text-color: $light-gray5 !default;
-$pt-dark-text-color-muted: $gray4 !default;
-$pt-dark-text-color-disabled: rgba($pt-dark-text-color-muted, 0.6) !default;
-$pt-dark-heading-color: $pt-dark-text-color !default;
-$pt-dark-link-color: $blue5 !default;
-// Default text selection color using #7dbcff
-$pt-text-selection-color: rgba(125, 188, 255, 0.6) !default;
-
-$pt-icon-color: $pt-text-color-muted !default;
-$pt-icon-color-hover: $pt-text-color !default;
-$pt-icon-color-disabled: $pt-text-color-disabled !default;
-$pt-icon-color-selected: $pt-intent-primary !default;
-$pt-dark-icon-color: $pt-dark-text-color-muted !default;
-$pt-dark-icon-color-hover: $pt-dark-text-color !default;
-$pt-dark-icon-color-disabled: $pt-dark-text-color-disabled !default;
-$pt-dark-icon-color-selected: $pt-intent-primary !default;
-
-$pt-divider-black: rgba($black, 0.15) !default;
-$pt-dark-divider-black: rgba($black, 0.4) !default;
-$pt-dark-divider-white: rgba($white, 0.15) !default;
-
-$pt-code-text-color: $pt-text-color-muted !default;
-$pt-dark-code-text-color: $pt-dark-text-color-muted !default;
-$pt-code-background-color: rgba($white, 0.7) !default;
-$pt-dark-code-background-color: rgba($black, 0.3) !default;

package/src/styles/blueprint/_colors.scss

@@ -1,115 +0,0 @@
-@import '../common/theme';
-
-// Gray scale
-
-$black: #10161a !default;
-
-$dark-gray1: get-color(gray, 9);
-$dark-gray2: get-color(gray, 8);
-$dark-gray3: get-color(gray, 8);
-$dark-gray4: get-color(gray, 7);
-$dark-gray5: get-color(gray, 7);
-
-$gray1: get-color(gray, 7);
-$gray2: get-color(gray, 6);
-$gray3: get-color(gray, 6);
-$gray4: get-color(gray, 5);
-$gray5: get-color(gray, 4);
-
-$light-gray1: get-color(gray, 3);
-$light-gray2: get-color(gray, 2);
-$light-gray3: get-color(gray, 2);
-$light-gray4: get-color(gray, 1);
-$light-gray5: get-color(gray, 1);
-
-$white: #ffffff !default;
-
-// Core colors
-
-$blue1: get-color(blue, 8);
-$blue2: get-color(blue, 7);
-$blue3: get-color(blue, 6);
-$blue4: get-color(blue, 5);
-$blue5: get-color(blue, 4);
-
-$green1: get-color(green, 8);
-$green2: get-color(green, 7);
-$green3: get-color(green, 6);
-$green4: get-color(green, 5);
-$green5: get-color(green, 4);
-
-$orange1: get-color(orange, 8);
-$orange2: get-color(orange, 7);
-$orange3: get-color(orange, 6);
-$orange4: get-color(orange, 5);
-$orange5: get-color(orange, 4);
-
-$red1: get-color(red, 8);
-$red2: get-color(red, 7);
-$red3: get-color(red, 6);
-$red4: get-color(red, 5);
-$red5: get-color(red, 4);
-
-// Extended colors
-
-$vermilion1: #9e2b0e !default;
-$vermilion2: #b83211 !default;
-$vermilion3: #d13913 !default;
-$vermilion4: #eb532d !default;
-$vermilion5: #ff6e4a !default;
-
-$rose1: #a82255 !default;
-$rose2: #c22762 !default;
-$rose3: #db2c6f !default;
-$rose4: #f5498b !default;
-$rose5: #ff66a1 !default;
-
-$violet1: #5c255c !default;
-$violet2: #752f75 !default;
-$violet3: #8f398f !default;
-$violet4: #a854a8 !default;
-$violet5: #c274c2 !default;
-
-$indigo1: get-color(purple, 8);
-$indigo2: get-color(purple, 7);
-$indigo3: get-color(purple, 6);
-$indigo4: get-color(purple, 5);
-$indigo5: get-color(purple, 4);
-
-$cobalt1: #1f4b99 !default;
-$cobalt2: #2458b3 !default;
-$cobalt3: #2965cc !default;
-$cobalt4: #4580e6 !default;
-$cobalt5: #669eff !default;
-
-$turquoise1: #008075 !default;
-$turquoise2: #00998c !default;
-$turquoise3: #00b3a4 !default;
-$turquoise4: #14ccbd !default;
-$turquoise5: #2ee6d6 !default;
-
-$forest1: #1d7324 !default;
-$forest2: #238c2c !default;
-$forest3: #29a634 !default;
-$forest4: #43bf4d !default;
-$forest5: #62d96b !default;
-
-$lime1: #728c23 !default;
-$lime2: #87a629 !default;
-$lime3: #9bbf30 !default;
-$lime4: #b6d94c !default;
-$lime5: #d1f26d !default;
-
-$gold1: #a67908 !default;
-$gold2: #bf8c0a !default;
-$gold3: #d99e0b !default;
-$gold4: #f2b824 !default;
-$gold5: #ffc940 !default;
-
-$sepia1: #63411e !default;
-$sepia2: #7d5125 !default;
-$sepia3: #96622d !default;
-$sepia4: #b07b46 !default;
-$sepia5: #c99765 !default;
-
-@import "color-aliases";

package/src/styles/blueprint/_variables.scss

@@ -1,124 +0,0 @@
-@use "sass:math";
-
-@import "colors";
-
-@import '~@blueprintjs/core/src/common/_mixins.scss';
-
-@import '../common/theme';
-
-/*
- * THIS FILE IS A REMAPPING OF THE BLUEPRINT VARIABLES TO OUR STOPLIGHT ONES
- * THIS FILE SHOULD NOT NEED TO UPDATED DIRECTLY
- */
-
-// Namespace appended to the beginning of each CSS class: `.#{$ns}-button`.
-// Do not quote this value, for Less consumers.
-$ns: bp3 !default;
-
-// easily the most important variable, so it comes up top
-// (so other variables can use it to define themselves)
-$pt-grid-size: 10px !default;
-
-$pt-font-family: get-font-family(sans);
-$pt-font-family-monospace: get-font-family(mono);
-
-$pt-font-size: get-font-size(base);
-$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: math.div($pt-grid-size * 1.8, $pt-font-size) + 0.0001 !default;
-
-// Icon variables
-
-$icons16-family: "Icons16" !default;
-$icons20-family: "Icons20" !default;
-
-$pt-icon-size-standard: 16px !default;
-$pt-icon-size-large: 20px !default;
-
-// Grids & dimensions
-
-$pt-border-radius: get-border-radius(default);
-
-// Buttons
-$pt-button-height: $pt-grid-size * 3 !default;
-$pt-button-height-small: $pt-grid-size * 2.4 !default;
-$pt-button-height-smaller: $pt-grid-size * 2 !default;
-$pt-button-height-large: $pt-grid-size * 4 !default;
-
-// Inputs
-$pt-input-height: $pt-grid-size * 3 !default;
-$pt-input-height-large: $pt-grid-size * 4 !default;
-$pt-input-height-small: $pt-grid-size * 2.4 !default;
-
-// Others
-$pt-navbar-height: $pt-grid-size * 5 !default;
-
-// Z-indices
-$pt-z-index-base: 0 !default;
-$pt-z-index-content: $pt-z-index-base + 10 !default;
-$pt-z-index-overlay: $pt-z-index-content + 10 !default;
-
-// Shadow opacities
-$pt-border-shadow-opacity: 0.1 !default;
-$pt-drop-shadow-opacity: 0.2 !default;
-$pt-dark-border-shadow-opacity: $pt-border-shadow-opacity * 2 !default;
-$pt-dark-drop-shadow-opacity: $pt-drop-shadow-opacity * 2 !default;
-
-// Elevations
-// all shadow lists must be the same length to avoid flicker in transitions.
-$pt-elevation-shadow-0: 0 0 0 1px $pt-divider-black,
-                        0 0 0 rgba($black, 0),
-                        0 0 0 rgba($black, 0) !default;
-$pt-elevation-shadow-1: border-shadow($pt-border-shadow-opacity),
-                        0 0 0 rgba($black, 0),
-                        0 1px 1px rgba($black, $pt-drop-shadow-opacity) !default;
-$pt-elevation-shadow-2: border-shadow($pt-border-shadow-opacity),
-                        0 1px 1px rgba($black, $pt-drop-shadow-opacity),
-                        0 2px 6px rgba($black, $pt-drop-shadow-opacity) !default;
-$pt-elevation-shadow-3: border-shadow($pt-border-shadow-opacity),
-                        0 2px 4px rgba($black, $pt-drop-shadow-opacity),
-                        0 8px 24px rgba($black, $pt-drop-shadow-opacity) !default;
-$pt-elevation-shadow-4: border-shadow($pt-border-shadow-opacity),
-                        0 4px 8px rgba($black, $pt-drop-shadow-opacity),
-                        0 18px 46px 6px rgba($black, $pt-drop-shadow-opacity) !default;
-
-$pt-dark-elevation-shadow-0: 0 0 0 1px $pt-dark-divider-black,
-                             0 0 0 rgba($black, 0),
-                             0 0 0 rgba($black, 0) !default;
-$pt-dark-elevation-shadow-1: border-shadow($pt-dark-border-shadow-opacity),
-                             0 0 0 rgba($black, 0),
-                             0 1px 1px rgba($black, $pt-dark-drop-shadow-opacity) !default;
-$pt-dark-elevation-shadow-2: border-shadow($pt-dark-border-shadow-opacity),
-                             0 1px 1px rgba($black, $pt-dark-drop-shadow-opacity),
-                             0 2px 6px rgba($black, $pt-dark-drop-shadow-opacity) !default;
-$pt-dark-elevation-shadow-3: border-shadow($pt-dark-border-shadow-opacity),
-                             0 2px 4px rgba($black, $pt-dark-drop-shadow-opacity),
-                             0 8px 24px rgba($black, $pt-dark-drop-shadow-opacity) !default;
-$pt-dark-elevation-shadow-4: border-shadow($pt-dark-border-shadow-opacity),
-                             0 4px 8px rgba($black, $pt-dark-drop-shadow-opacity),
-                             0 18px 46px 6px rgba($black, $pt-dark-drop-shadow-opacity) !default;
-
-// Transitions
-$pt-transition-ease: cubic-bezier(0.4, 1, 0.75, 0.9);
-$pt-transition-ease-bounce: cubic-bezier(0.54, 1.12, 0.38, 1.11);
-$pt-transition-duration: 50ms !default;
-
-// Light theme styles
-
-$pt-input-box-shadow: inset border-shadow(0.15),
-                      inset 0 1px 1px rgba($black, $pt-drop-shadow-opacity) !default;
-
-$pt-dialog-box-shadow: $pt-elevation-shadow-4 !default;
-$pt-popover-box-shadow: $pt-elevation-shadow-3 !default;
-$pt-tooltip-box-shadow: $pt-popover-box-shadow !default;
-
-// Dark theme styles
-
-$pt-dark-input-box-shadow: inset border-shadow(0.3),
-                           inset 0 1px 1px rgba($black, $pt-dark-drop-shadow-opacity) !default;
-
-$pt-dark-dialog-box-shadow: $pt-dark-elevation-shadow-4 !default;
-$pt-dark-popover-box-shadow: $pt-dark-elevation-shadow-3 !default;
-$pt-dark-tooltip-box-shadow: $pt-dark-popover-box-shadow !default;

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

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

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

@@ -1,6 +0,0 @@
-// 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";

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

@@ -1,63 +0,0 @@
-// 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);
-}

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

@@ -1,17 +0,0 @@
-// 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;
-  }
-}