@carbon/charts 0.58.1 → 1.0.1

package/styles/vendor/carbon-components/scss/components/treeview/_treeview.scss

@@ -1,178 +0,0 @@
-//
-// Copyright IBM Corp. 2016, 2018
-//
-// This source code is licensed under the Apache-2.0 license found in the
-// LICENSE file in the root directory of this source tree.
-//
-
-//-----------------------------
-// Treeview
-//-----------------------------
-
-@import '../../globals/scss/vars';
-@import '../../globals/scss/vendor/@carbon/elements/scss/import-once/import-once';
-@import '../../globals/scss/helper-mixins';
-@import '../../globals/scss/typography';
-
-/// Treeview styles
-/// @access private
-/// @group treeview
-@mixin treeview {
-  .#{$prefix}--tree {
-    overflow: hidden;
-
-    .#{$prefix}--tree-node {
-      padding-left: $spacing-05;
-      background-color: $ui-01;
-      color: $text-02;
-
-      &:focus {
-        outline: none;
-      }
-    }
-
-    .#{$prefix}--tree-node:focus > .#{$prefix}--tree-node__label {
-      @include focus-outline('outline');
-    }
-
-    .#{$prefix}--tree-node--disabled:focus > .#{$prefix}--tree-node__label {
-      outline: none;
-    }
-
-    .#{$prefix}--tree-node--disabled,
-    .#{$prefix}--tree-node--disabled .#{$prefix}--tree-node__label:hover,
-    .#{$prefix}--tree-node--disabled
-      .#{$prefix}--tree-node__label:hover
-      .#{$prefix}--tree-node__label__details {
-      background-color: $disabled-01;
-      color: $disabled-02;
-    }
-
-    .#{$prefix}--tree-node--disabled .#{$prefix}--tree-parent-node__toggle-icon,
-    .#{$prefix}--tree-node--disabled .#{$prefix}--tree-node__icon,
-    .#{$prefix}--tree-node--disabled
-      .#{$prefix}--tree-node__label:hover
-      .#{$prefix}--tree-parent-node__toggle-icon,
-    .#{$prefix}--tree-node--disabled
-      .#{$prefix}--tree-node__label:hover
-      .#{$prefix}--tree-node__icon {
-      fill: $disabled-02;
-    }
-
-    .#{$prefix}--tree-node--disabled,
-    .#{$prefix}--tree-node--disabled
-      .#{$prefix}--tree-parent-node__toggle-icon:hover {
-      cursor: not-allowed;
-    }
-
-    .#{$prefix}--tree-node__label {
-      display: flex;
-      min-height: rem(32px);
-      flex: 1;
-      align-items: center;
-
-      &:hover {
-        background-color: $hover-ui;
-        color: $text-01;
-      }
-    }
-
-    .#{$prefix}--tree-node__label:hover .#{$prefix}--tree-node__label__details {
-      color: $text-01;
-    }
-
-    .#{$prefix}--tree-node__label:hover
-      .#{$prefix}--tree-parent-node__toggle-icon,
-    .#{$prefix}--tree-node__label:hover .#{$prefix}--tree-node__icon {
-      fill: $icon-01;
-    }
-
-    .#{$prefix}--tree-leaf-node {
-      display: flex;
-      padding-left: $spacing-08;
-    }
-
-    .#{$prefix}--tree-leaf-node.#{$prefix}--tree-node--with-icon {
-      padding-left: $spacing-07;
-    }
-
-    .#{$prefix}--tree-node__label__details {
-      display: flex;
-      align-items: center;
-    }
-
-    .#{$prefix}--tree-node--with-icon .#{$prefix}--tree-parent-node__toggle {
-      margin-right: 0;
-    }
-
-    .#{$prefix}--tree-parent-node__toggle {
-      padding: 0;
-      border: 0;
-      margin-right: $spacing-03;
-
-      &:hover {
-        cursor: pointer;
-      }
-
-      &:focus {
-        outline: none;
-      }
-    }
-
-    .#{$prefix}--tree-parent-node__toggle-icon {
-      fill: $icon-02;
-      transform: rotate(-90deg);
-      transition: all $duration--fast-02 motion(standard, productive);
-    }
-
-    .#{$prefix}--tree-parent-node__toggle-icon--expanded {
-      transform: rotate(0);
-    }
-
-    .#{$prefix}--tree-node__icon {
-      flex-shrink: 0;
-      margin-right: $spacing-03;
-      fill: $icon-02;
-    }
-
-    .#{$prefix}--tree-node--selected > .#{$prefix}--tree-node__label {
-      background-color: $selected-ui;
-      color: $text-01;
-
-      &:hover {
-        background-color: $hover-selected-ui;
-      }
-    }
-
-    .#{$prefix}--tree-node--selected
-      > .#{$prefix}--tree-node__label
-      .#{$prefix}--tree-parent-node__toggle-icon,
-    .#{$prefix}--tree-node--selected
-      > .#{$prefix}--tree-node__label
-      .#{$prefix}--tree-node__icon {
-      fill: $icon-01;
-    }
-
-    .#{$prefix}--tree-node--active > .#{$prefix}--tree-node__label {
-      position: relative;
-
-      &::before {
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: rem(4px);
-        height: 100%;
-        background-color: $interactive-04;
-        content: '';
-      }
-    }
-  }
-
-  .#{$prefix}--tree--compact .#{$prefix}--tree-node__label {
-    min-height: rem(24px);
-  }
-}
-
-@include exports('treeview') {
-  @include treeview;
-}

package/styles/vendor/carbon-components/scss/components/ui-shell/_content.scss

@@ -1,38 +0,0 @@
-//
-// Copyright IBM Corp. 2016, 2018
-//
-// This source code is licensed under the Apache-2.0 license found in the
-// LICENSE file in the root directory of this source tree.
-//
-
-@import '../../globals/scss/functions';
-@import '../../globals/scss/vars';
-@import 'functions';
-
-/// UI shell content
-/// @access private
-/// @group ui-shell
-@mixin carbon-content {
-  .#{$prefix}--content {
-    padding: 2rem;
-    will-change: margin-left;
-  }
-
-  .#{$prefix}--header ~ .#{$prefix}--content {
-    margin-top: mini-units(6);
-  }
-
-  .#{$prefix}--side-nav ~ .#{$prefix}--content {
-    margin-left: mini-units(6);
-  }
-
-  .#{$prefix}--side-nav.#{$prefix}--side-nav--expanded ~ .#{$prefix}--content {
-    margin-left: mini-units(32);
-  }
-}
-
-@include exports('carbon-content') {
-  @if feature-flag-enabled('ui-shell') {
-    @include carbon-content;
-  }
-}

package/styles/vendor/carbon-components/scss/components/ui-shell/_functions.scss

@@ -1,16 +0,0 @@
-//
-// Copyright IBM Corp. 2016, 2018
-//
-// This source code is licensed under the Apache-2.0 license found in the
-// LICENSE file in the root directory of this source tree.
-//
-
-@import 'variables';
-
-/// Get a `rem` value based for a number of mini-units.
-/// @param {Number} $count
-/// @returns {Number} In rem
-/// @group ui-shell
-@function mini-units($count) {
-  @return $unit * $count;
-}

package/styles/vendor/carbon-components/scss/components/ui-shell/_header-panel.scss

@@ -1,51 +0,0 @@
-//
-// Copyright IBM Corp. 2016, 2018
-//
-// This source code is licensed under the Apache-2.0 license found in the
-// LICENSE file in the root directory of this source tree.
-//
-
-@import '../../globals/scss/css--helpers';
-@import '../../globals/scss/helper-mixins';
-@import '../../globals/scss/typography';
-@import '../../globals/scss/layout';
-@import '../../globals/scss/vars';
-@import 'functions';
-@import 'theme';
-
-/// UI shell side nav
-/// @access private
-/// @group ui-shell
-@mixin carbon-header-panel {
-  //----------------------------------------------------------------------------
-  // Header Panel
-  //----------------------------------------------------------------------------
-  .#{$prefix}--header-panel {
-    @include carbon--motion(exit, productive);
-
-    position: fixed;
-    z-index: z('header');
-    top: carbon--mini-units(6);
-    right: 0;
-    bottom: 0;
-    overflow: hidden;
-    width: 0;
-    border: none;
-    background-color: $shell-panel-bg-01;
-    color: $shell-panel-text-01;
-    transition: width 0.11s;
-    will-change: width;
-  }
-
-  .#{$prefix}--header-panel--expanded {
-    width: carbon--mini-units(32);
-    border-right: 1px solid $shell-panel-border;
-    border-left: 1px solid $shell-panel-border;
-  }
-}
-
-@include exports('carbon-header-panel') {
-  @if feature-flag-enabled('ui-shell') {
-    @include carbon-header-panel;
-  }
-}

package/styles/vendor/carbon-components/scss/components/ui-shell/_header.scss

@@ -1,379 +0,0 @@
-//
-// Copyright IBM Corp. 2016, 2018
-//
-// This source code is licensed under the Apache-2.0 license found in the
-// LICENSE file in the root directory of this source tree.
-//
-
-@import '../../globals/scss/functions';
-@import '../../globals/scss/helper-classes';
-@import '../../globals/scss/helper-mixins';
-@import '../../globals/scss/layout';
-@import '../../globals/scss/vars';
-@import '../../globals/scss/typography';
-@import 'theme';
-@import 'functions';
-
-/// UI shell header
-/// @access private
-/// @group ui-shell
-@mixin carbon-header {
-  .#{$prefix}--header {
-    position: fixed;
-    z-index: z('header');
-    top: 0;
-    right: 0;
-    left: 0;
-    display: flex;
-    height: mini-units(6);
-    align-items: center;
-    border-bottom: 1px solid $shell-header-border-01;
-    background-color: $shell-header-bg-01;
-  }
-
-  .#{$prefix}--header__action {
-    @include button-reset();
-
-    width: mini-units(6);
-    height: mini-units(6);
-    border: rem(1px) solid transparent;
-    transition: background-color $duration--fast-02,
-      border-color $duration--fast-02;
-  }
-
-  .#{$prefix}--header__action
-    > svg.#{$prefix}--navigation-menu-panel-collapse-icon,
-  .#{$prefix}--header__action--active
-    > svg.#{$prefix}--navigation-menu-panel-expand-icon {
-    display: none;
-  }
-
-  .#{$prefix}--header__action--active
-    > svg.#{$prefix}--navigation-menu-panel-collapse-icon {
-    display: inline;
-  }
-
-  .#{$prefix}--header__action:hover {
-    background-color: $shell-header-bg-04;
-  }
-
-  .#{$prefix}--header__action--active {
-    border-right: 1px solid $shell-header-border-01;
-    border-bottom: 1px solid $shell-header-bg-01;
-    border-left: 1px solid $shell-header-border-01;
-  }
-
-  .#{$prefix}--header__action:focus {
-    border-color: $shell-header-focus;
-    outline: none;
-  }
-
-  .#{$prefix}--header__action:active {
-    background-color: $shell-header-bg-03;
-  }
-
-  .#{$prefix}--header__action.#{$prefix}--btn--icon-only.#{$prefix}--tooltip__trigger {
-    justify-content: center;
-  }
-
-  .#{$prefix}--header__action > svg {
-    fill: $shell-header-icon-02;
-  }
-
-  .#{$prefix}--header__menu-trigger > svg {
-    fill: $shell-header-icon-01;
-  }
-
-  .#{$prefix}--header__menu-trigger:hover {
-    fill: $shell-header-bg-02;
-  }
-
-  .#{$prefix}--header__menu-toggle {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-
-  .#{$prefix}--header__menu-toggle__hidden {
-    @include carbon--breakpoint('lg') {
-      display: none;
-    }
-  }
-
-  //--------------------------------------------------------------------------
-  // Header - Name
-  //--------------------------------------------------------------------------
-  a.#{$prefix}--header__name {
-    @include type-style('body-short-01');
-
-    display: flex;
-    height: 100%;
-    align-items: center;
-    padding: 0 mini-units(4) 0 mini-units(2);
-    border: rem(2px) solid transparent;
-    font-weight: 600;
-    letter-spacing: 0.1px;
-    line-height: 1.25rem;
-    outline: none;
-    text-decoration: none;
-    transition: border-color $duration--fast-02;
-    user-select: none;
-  }
-
-  a.#{$prefix}--header__name:focus {
-    border-color: $shell-header-focus;
-  }
-
-  .#{$prefix}--header__name--prefix {
-    font-weight: 400;
-  }
-
-  a.#{$prefix}--header__name,
-  a.#{$prefix}--header__name:hover {
-    color: $shell-header-text-01;
-  }
-
-  .#{$prefix}--header__menu-toggle:not(.#{$prefix}--header__menu-toggle__hidden)
-    ~ .#{$prefix}--header__name {
-    padding-left: rem(8px);
-  }
-
-  //--------------------------------------------------------------------------
-  // Header - Navigation
-  //--------------------------------------------------------------------------
-  .#{$prefix}--header__nav {
-    position: relative;
-    display: none;
-    height: 100%;
-    padding-left: mini-units(2);
-
-    @include carbon--breakpoint('lg') {
-      display: block;
-    }
-
-    &::before {
-      position: absolute;
-      top: 50%;
-      left: 0;
-      display: block;
-      width: rem(1px);
-      height: rem(24px);
-      background-color: $shell-header-border-01;
-      content: '';
-      transform: translateY(-50%);
-    }
-  }
-
-  .#{$prefix}--header__menu-bar {
-    display: flex;
-    height: 100%;
-    padding: 0;
-    margin: 0;
-    list-style: none;
-  }
-
-  a.#{$prefix}--header__menu-item {
-    position: relative;
-    display: flex;
-    // Used for links that are directly in the menubar to span the full height
-    height: 100%;
-    align-items: center;
-    padding: 0 mini-units(2);
-    // Used for focus styles
-    border: 2px solid transparent;
-    color: $shell-header-text-02;
-    // Text styles
-    font-size: rem(14px);
-    font-weight: 400;
-    letter-spacing: 0;
-    line-height: 1.125rem;
-    // Reset link styles and make sure the text isn't selectable
-    text-decoration: none;
-    transition: background-color $duration--fast-02,
-      border-color $duration--fast-02, color $duration--fast-02;
-    user-select: none;
-  }
-
-  a.#{$prefix}--header__menu-item:hover {
-    background-color: $shell-header-bg-02;
-    color: $shell-header-text-01;
-  }
-
-  .#{$prefix}--header__action:active,
-  a.#{$prefix}--header__menu-item:active {
-    background-color: $shell-header-bg-03;
-    color: $shell-header-text-01;
-  }
-
-  a.#{$prefix}--header__menu-item:focus {
-    border-color: $shell-header-focus;
-    color: $shell-header-text-01;
-    outline: none;
-  }
-
-  a.#{$prefix}--header__menu-item:hover > svg,
-  a.#{$prefix}--header__menu-item:active > svg,
-  a.#{$prefix}--header__menu-item:focus > svg {
-    fill: $shell-header-icon-01;
-  }
-
-  // Styles for selected state
-
-  a.#{$prefix}--header__menu-item[aria-current='page']::after,
-  .#{$prefix}--header__menu-item--current::after {
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: -2px;
-    left: 0;
-    width: 100%;
-    border-bottom: 3px solid $inverse-support-04;
-    content: '';
-  }
-
-  a.#{$prefix}--header__menu-item[aria-current='page']:focus::after,
-  .#{$prefix}--header__menu-item--current:focus::after {
-    border: 0;
-  }
-
-  a.#{$prefix}--header__menu-item[aria-current='page']:focus,
-  a.#{$prefix}--header__menu-item.#{$prefix}--header__menu-item--current:focus {
-    border: 2px solid $shell-header-focus;
-  }
-
-  .#{$prefix}--header__submenu {
-    position: relative;
-  }
-
-  .#{$prefix}--header__submenu--current::after {
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    width: 100%;
-    border-bottom: 3px solid $border-interactive;
-    content: '';
-  }
-
-  .#{$prefix}--header__submenu--current:focus {
-    border: 2px solid $focus;
-  }
-
-  .#{$prefix}--header__submenu--current:focus::after {
-    border: 0;
-  }
-
-  .#{$prefix}--header__menu-title[aria-haspopup='true'] {
-    position: relative;
-  }
-
-  .#{$prefix}--header__menu-title[aria-expanded='true'] {
-    // Note: needs to be higher than menu. Adding 1 here instead of moving to
-    // the next level.
-    z-index: #{z('header') + 1};
-    background-color: $shell-header-bg-06;
-    color: $shell-header-focus;
-  }
-
-  .#{$prefix}--header__menu-title[aria-expanded='true']
-    > .#{$prefix}--header__menu-arrow {
-    transform: rotate(180deg);
-  }
-
-  .#{$prefix}--header__menu {
-    display: none;
-    padding: 0;
-    margin: 0;
-    list-style: none;
-  }
-
-  .#{$prefix}--header__menu-title[aria-expanded='true']
-    + .#{$prefix}--header__menu {
-    position: absolute;
-    z-index: z('header');
-    bottom: 0;
-    left: 0;
-    display: flex;
-    width: mini-units(25);
-    flex-direction: column;
-    background-color: $shell-header-bg-06;
-    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
-    transform: translateY(100%);
-  }
-
-  .#{$prefix}--header__menu-title[aria-expanded='true']
-    + .#{$prefix}--header__menu
-    .#{$prefix}--header__menu-item:hover {
-    background-color: $shell-header-bg-04;
-  }
-
-  .#{$prefix}--header__menu-title[aria-expanded='true']
-    + .#{$prefix}--header__menu
-    .#{$prefix}--header__menu-item:active {
-    background-color: $shell-header-bg-03;
-  }
-
-  .#{$prefix}--header__menu .#{$prefix}--header__menu-item {
-    height: mini-units(6);
-  }
-
-  .#{$prefix}--header__menu .#{$prefix}--header__menu-item:hover {
-    background-color: $shell-header-bg-06;
-    color: $shell-header-text-01;
-  }
-
-  .#{$prefix}--header__menu-arrow {
-    margin-left: mini-units(1);
-    fill: $shell-header-icon-03;
-    transition: transform $duration--fast-02, fill $duration--fast-02;
-  }
-
-  //--------------------------------------------------------------------------
-  // Header - Global
-  //--------------------------------------------------------------------------
-  .#{$prefix}--header__global {
-    display: flex;
-    height: 100%;
-    flex: 1 1 0%;
-    justify-content: flex-end;
-  }
-
-  //--------------------------------------------------------------------------
-  // Header - Skip to content
-  //--------------------------------------------------------------------------
-  .#{$prefix}--skip-to-content {
-    position: absolute;
-    overflow: hidden;
-    width: 1px;
-    height: 1px;
-    padding: 0;
-    border: 0;
-    margin: -1px;
-    clip: rect(0, 0, 0, 0);
-    visibility: inherit;
-    white-space: nowrap;
-  }
-
-  .#{$prefix}--skip-to-content:focus {
-    z-index: 9999;
-    top: 0;
-    left: 0;
-    display: flex;
-    width: auto;
-    height: 3rem;
-    align-items: center;
-    padding: 0 1rem;
-    border: 4px solid $ibm-color__blue-60;
-    background-color: $shell-header-bg-01;
-    clip: auto;
-    color: $shell-header-text-01;
-    outline: none;
-  }
-}
-
-@include exports('carbon-header') {
-  @if feature-flag-enabled('ui-shell') {
-    @include carbon-header;
-  }
-}