npm - @carbon/charts - Versions diffs - 0.58.1 → 1.0.1 - Mend

@carbon/charts 0.58.1 → 1.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2553) hide show

package/styles/vendor/carbon-components/src/globals/scss/README.md DELETED Viewed

@@ -1,96 +0,0 @@
-# `scss`
-See [docs](http://carbondesignsystem.com/getting-started/developers) to get
-started with Carbon SCSS.
-## Usage with another design system
-While we do _not_ recommend using Carbon along with another design system in one
-application because doing so loses cohesiveness in your application's user
-experience, you can use "selector namspacing" technique e.g. while you are
-migrating from another design system to Carbon and just flipping the switch at
-once is extremely hard.
-Below example generates CSS files whose CSS selectors are namespaced, e.g.
-`textarea` selector converted to `.carbon textarea`:
-```javascript
-const gulp = require('gulp');
-const postcss = require('gulp-postcss');
-const prefixSelector = require('postcss-prefix-selector');
-gulp.task('postcss:carbon', () =>
-  gulp
-    .src('node_modules/carbon-components/css/carbon-components.css')
-    .pipe(
-      postcss([
-        prefixSelector({
-          prefix: '.carbon',
-          transform: (prefix, selector, prefixedSelector) => {
-            const list = [prefixedSelector, selector + prefix];
-            if (selector === 'html' || selector === 'body') {
-              // Mimics styles to `<html>`/`<body>` with e.g. `.carbon--body`
-              list.push(`${prefix}--${selector}`);
-            }
-            return list;
-          },
-        }),
-      ])
-    )
-    .pipe(gulp.dest('dist'))
-);
-gulp.task('postcss:another-design-system', () =>
-  gulp
-    .src('node_modules/another-design-system/path/to/another-design-system.css')
-    .pipe(
-      postcss([
-        prefixSelector({
-          prefix: '.another-design-system',
-          transform: (prefix, selector, prefixedSelector) => {
-            const list = [prefixedSelector, selector + prefix];
-            if (selector === 'html' || selector === 'body') {
-              // Mimics styles to `<html>`/`<body>` with e.g. `.another-design-system--body`
-              list.push(`${prefix}--${selector}`);
-            }
-            return list;
-          },
-        }),
-      ])
-    )
-    .pipe(gulp.dest('dist'))
-);
-gulp.task('postcss', ['postcss:carbon', 'postcss:another-design-system']);
-```
-Below HTML is an example using a Carbon button is used along with a button with
-another design system, using what above build step generates:
-```html
-<!DOCTYPE html>
-<html>
-  <head>
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="./dist/carbon-components.css"
-    />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="./dist/another-design-system.css"
-    />
-  </head>
-  <body>
-    <div class="bx--body carbon--body carbon--html">
-      <button class="carbon bx--btn bx--btn--primary">Carbon</button>
-    </div>
-    <div class="another-design-system--body another-design-system--html">
-      <button class="another-design-system btn btn-primary">
-        Another design system
-      </button>
-    </div>
-  </body>
-</html>
-```

package/styles/vendor/carbon-components/src/globals/scss/_colors.scss DELETED Viewed

@@ -1,11 +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.
-//
-//-----------
-// v10 COLORS
-//-----------
-@import './vendor/@carbon/elements/scss/colors/colors';

package/styles/vendor/carbon-components/src/globals/scss/_component-tokens.scss DELETED Viewed

@@ -1,81 +0,0 @@
-//
-// Copyright IBM Corp. 2020
-//
-// 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 'vars';
-@import 'theme';
-@import 'feature-flags';
-$enable-css-custom-properties: feature-flag-enabled(
-  'enable-css-custom-properties'
-);
-/// Get a component token value.
-/// @access private
-/// @param {Map} $tokens - Map of component tokens
-/// @param {String} $name - Token name
-/// @example get-token-value($component-tokens, 'tag-background-red');
-/// @returns {String} Token value
-/// @group component-tokens
-@function get-token-value($tokens, $name, $force-static-values: false) {
-  $emit-as-css-custom-property: $force-static-values == false and
-    feature-flag-enabled('enable-css-custom-properties');
-  @if map-has-key($tokens, $name) {
-    $config: map-get($tokens, $name);
-    $fallback: map-get($config, 'fallback');
-    $options: map-get($config, 'values');
-    @each $option in $options {
-      $theme: map-get($option, 'theme');
-      @if is-subset-of-theme($carbon--theme, $theme) == true {
-        $value: map-get($option, 'value');
-        @return if(
-          $emit-as-css-custom-property,
-          var(--#{$custom-property-prefix}-#{$name}, #{$value}),
-          $value
-        );
-      }
-    }
-    @return if(
-      $emit-as-css-custom-property,
-      var(--#{$custom-property-prefix}-#{$name}, #{$fallback}),
-      $fallback
-    );
-  } @else {
-    @error 'Unable to find the token #{$name} in the given map';
-    @return null;
-  }
-}
-/// Check to see if $b is a subset of $a, meaning that all properties of the
-/// $b are defined in $a and have the same value.
-/// @access private
-/// @param {Map} $a The potential superset of $b
-/// @param {Map} $b The potential subset of $a
-/// @returns {Boolean}
-@function is-subset-of-theme($a, $b) {
-  @each $key, $expected in $b {
-    $actual: map-get($a, $key);
-    @if $expected != $actual {
-      @return false;
-    }
-  }
-  @return true;
-}
-/// @access private
-/// @param {Map} $tokens - Map of component tokens
-/// @example @include emit-component-tokens($component-tokens);
-@mixin emit-component-tokens($tokens) {
-  @each $key, $options in $tokens {
-    @include custom-property($key, get-token-value($tokens, $key, true));
-  }
-}

package/styles/vendor/carbon-components/src/globals/scss/_css--body.scss DELETED Viewed

@@ -1,31 +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 'vars';
-@import 'typography';
-@import 'css--reset';
-@import './vendor/@carbon/elements/scss/import-once/import-once';
-/// Body styles
-/// @access private
-/// @group global-body
-@mixin css-body {
-  body {
-    @include reset;
-    @include type-style('body-short-01');
-    background-color: $ui-background;
-    color: $text-01;
-    line-height: 1;
-  }
-}
-@include exports('css--body') {
-  @if variable-exists('css--body') == false or $css--body == true {
-    @include css-body;
-  }
-}

package/styles/vendor/carbon-components/src/globals/scss/_css--font-face.scss DELETED Viewed

@@ -1,20 +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 './vendor/@carbon/elements/scss/import-once/import-once';
-@import './vendor/@carbon/elements/scss/type/font-face/mono';
-@import './vendor/@carbon/elements/scss/type/font-face/sans';
-@include exports('css--font-face') {
-  @if not variable-exists('css--font-face') or $css--font-face == true {
-    @include carbon--font-face-mono();
-    @include carbon--font-face-sans();
-    @if not variable-exists('css--plex') or $css--plex == false {
-      @warn 'Usage of Helvetica font in `carbon-components` has been removed. IBM Plex will be emitted instead';
-    }
-  }
-}

package/styles/vendor/carbon-components/src/globals/scss/_css--helpers.scss DELETED Viewed

@@ -1,45 +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 'vars';
-@import 'css--reset';
-@import 'typography';
-@import './vendor/@carbon/elements/scss/import-once/import-once';
-/// Include styles for screen reader/assistive text
-/// @access public
-/// @group global-helpers
-@mixin css-helpers {
-  .#{$prefix}--assistive-text,
-  .#{$prefix}--visually-hidden {
-    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}--body {
-    @include reset;
-    @include type-style('body-short-01');
-    background-color: $ui-background;
-    color: $text-01;
-    line-height: 1;
-  }
-}
-@include exports('css--helpers') {
-  @if variable-exists('css--helpers') == false or $css--helpers == true {
-    @include css-helpers;
-  }
-}

package/styles/vendor/carbon-components/src/globals/scss/_css--reset.scss DELETED Viewed

@@ -1,207 +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 './vendor/@carbon/elements/scss/import-once/import-once';
-@import './vendor/@carbon/elements/scss/type/reset';
-@import './vendor/@carbon/elements/scss/icons/mixins';
-/// Resets default browser styling
-/// @access public
-/// @group global-reset
-@mixin reset {
-  @if variable-exists(css--reset) == false or $css--reset == false {
-    box-sizing: border-box;
-    padding: 0;
-    border: 0;
-    margin: 0;
-    font-family: inherit;
-    font-size: 100%;
-    vertical-align: baseline;
-    *,
-    *::before,
-    *::after {
-      box-sizing: inherit;
-    }
-  }
-}
-@include exports('css--reset') {
-  @if variable-exists(css--reset) == false or $css--reset == true {
-    // http://cssreset.com/scripts/eric-meyer-reset-css/
-    html,
-    body,
-    div,
-    span,
-    applet,
-    object,
-    iframe,
-    h1,
-    h2,
-    h3,
-    h4,
-    h5,
-    h6,
-    p,
-    blockquote,
-    pre,
-    a,
-    abbr,
-    acronym,
-    address,
-    big,
-    cite,
-    code,
-    del,
-    dfn,
-    em,
-    img,
-    ins,
-    kbd,
-    q,
-    s,
-    samp,
-    small,
-    strike,
-    strong,
-    sub,
-    sup,
-    tt,
-    var,
-    b,
-    u,
-    i,
-    center,
-    dl,
-    dt,
-    dd,
-    ol,
-    ul,
-    li,
-    fieldset,
-    form,
-    label,
-    legend,
-    table,
-    caption,
-    tbody,
-    tfoot,
-    thead,
-    tr,
-    th,
-    td,
-    article,
-    aside,
-    canvas,
-    details,
-    embed,
-    figure,
-    figcaption,
-    footer,
-    header,
-    hgroup,
-    menu,
-    nav,
-    output,
-    ruby,
-    section,
-    summary,
-    time,
-    mark,
-    audio,
-    video {
-      padding: 0;
-      border: 0;
-      margin: 0;
-      font: inherit;
-      font-size: 100%;
-      vertical-align: baseline;
-    }
-    // Chrome 62 fix
-    button,
-    select,
-    input,
-    textarea {
-      border-radius: 0;
-      font-family: inherit;
-    }
-    input[type='text']::-ms-clear {
-      display: none;
-    }
-    /* HTML5 display-role reset for older browsers */
-    article,
-    aside,
-    details,
-    figcaption,
-    figure,
-    footer,
-    header,
-    hgroup,
-    main,
-    menu,
-    nav,
-    section {
-      display: block;
-    }
-    body {
-      line-height: 1;
-    }
-    sup {
-      vertical-align: super;
-    }
-    sub {
-      vertical-align: sub;
-    }
-    ol,
-    ul {
-      list-style: none;
-    }
-    blockquote,
-    q {
-      quotes: none;
-    }
-    blockquote::before,
-    blockquote::after,
-    q::before,
-    q::after {
-      content: '';
-    }
-    table {
-      border-collapse: collapse;
-      border-spacing: 0;
-    }
-    * {
-      box-sizing: border-box;
-    }
-    // Fix to remove added margins on buttons in safari (see #5155)
-    button {
-      margin: 0;
-    }
-    @include carbon--type-reset;
-    @include carbon--icons;
-  }
-}
-@include exports('css--default-type') {
-  @if variable-exists(css--default-type) == false or $css--default-type == true
-  {
-    @include carbon--default-type;
-  }
-}

package/styles/vendor/carbon-components/src/globals/scss/_deprecate.scss DELETED Viewed

@@ -1,23 +0,0 @@
-/// Generic `deprecate` mixin that is being used to indicate that a component is
-/// no longer going to be present in the next major release of Carbon.
-/// @access public
-/// @param {String} $reason - The message
-/// @param {Bool} $condition [true] - `true` to emit the given deprecation messsage
-/// @param {Bool} $remove-deprecated [false] - `true` to omit the content if $condition is `true`
-/// @group global-deprecate
-@mixin deprecate($reason, $condition: true, $remove-deprecated: false) {
-  $deprecations--entry: false !default;
-  @if not $condition {
-    @content;
-  } @else {
-    @if ($deprecations--entry == true) {
-      $deprecations--reasons: append($deprecations--reasons, $reason) !global;
-    } @else {
-      @warn 'Deprecated code was found, this code will be removed before the next release of Carbon. REASON: #{$reason}';
-    }
-    @if not $remove-deprecated {
-      @content;
-    }
-  }
-}

package/styles/vendor/carbon-components/src/globals/scss/_feature-flags.scss DELETED Viewed

@@ -1,77 +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.
-//
-//-------------------------
-// 🎌 Feature Flags
-//-------------------------
-/// Initialize the feature flag map with default values.
-/// @access public
-/// @type Map
-/// @group feature-flags
-/// @example
-/// @example scss - Overriding defaults from the `$default-feature-flags` map
-///   $feature-flags: (
-///     ui-shell: false,
-///     grid: true,
-///     grid-columns-16: false,
-///     grid--fallback: false,
-///   );
-$feature-flags: () !default;
-/// Default feature flag values
-/// @access private
-/// @type Map
-/// @group feature-flags
-$default-feature-flags: (
-  ui-shell: true,
-  grid: true,
-  grid-columns-16: false,
-  grid--fallback: false,
-  enable-css-custom-properties: false,
-  enable-v11-release: false,
-);
-$feature-flags: map-merge($default-feature-flags, $feature-flags);
-@if feature-flag-enabled('enable-v11-release') == true {
-  @if variable-exists(css--disable-css-custom-properties) ==
-    false or
-    $css--disable-css-custom-properties ==
-    false
-  {
-    $feature-flags: map-merge(
-      $feature-flags,
-      (
-        enable-css-custom-properties: true,
-      )
-    );
-  }
-}
-@if map-get($feature-flags, grid) != true {
-  // We supported a flag for experimental grid in the past that we want to keep
-  // supporting till our next major release. These two @if statements will assign
-  // these values over into the map if they are defined.
-  @if variable-exists(css--use-experimental-grid) == true {
-    $feature-flags: map-merge(
-      $feature-flags,
-      (
-        grid: $css--use-experimental-grid,
-      )
-    );
-  }
-  @if variable-exists(css--use-experimental-grid-fallback) == true {
-    $feature-flags: map-merge(
-      $feature-flags,
-      (
-        grid--fallback: $css--use-experimental-grid-fallback,
-      )
-    );
-  }
-}

package/styles/vendor/carbon-components/src/globals/scss/_functions.scss DELETED Viewed

@@ -1,27 +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 'feature-flags';
-/// Used for enabling features
-/// @access public
-/// @param {String} $feature - Feature from `$default-feature-flags`
-/// @return {Bool}
-/// @example scss
-///   // Will include code inside of { } only if `components-x` is true
-///   @if feature-flag-enabled('components-x') { ... }
-/// @group feature-flags
-@function feature-flag-enabled($feature) {
-  @if variable-exists(feature-flags) ==
-    true and
-    map-get($feature-flags, $feature) ==
-    true
-  {
-    @return true;
-  }
-  @return false;
-}

package/styles/vendor/carbon-components/src/globals/scss/_helper-classes.scss DELETED Viewed

@@ -1,28 +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 'vars';
-@import './vendor/@carbon/elements/scss/import-once/import-once';
-@include exports('helper-classes') {
-  .#{$prefix}--text-truncate--end {
-    display: inline-block;
-    overflow: hidden;
-    width: 100%;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-  .#{$prefix}--text-truncate--front {
-    display: inline-block;
-    overflow: hidden;
-    width: 100%;
-    direction: rtl;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-}