@carbon/charts 0.41.88 → 0.41.92

package/styles/vendor/carbon-components/scss/globals/scss/vendor/@carbon/styles/scss/utilities/_convert.scss

@@ -0,0 +1,39 @@
+//
+// Copyright IBM Corp. 2018, 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.
+//
+
+/// Default font size
+/// @type Number
+/// @access public
+$base-font-size: 16px !default;
+
+/// Convert a given px unit to a rem unit
+/// @param {Number} $px - Number with px unit
+/// @return {Number} Number with rem unit
+/// @access public
+/// @group utilities
+@function rem($px) {
+  @if unit($px) != 'px' {
+    // TODO: update to @error in v11
+    @warn "Expected argument $px to be of type `px`, instead received: `#{unit($px)}`";
+  }
+
+  @return ($px / $base-font-size) * 1rem;
+}
+
+/// Convert a given px unit to a em unit
+/// @param {Number} $px - Number with px unit
+/// @return {Number} Number with em unit
+/// @access public
+/// @group utilities
+@function em($px) {
+  @if unit($px) != 'px' {
+    // TODO: update to @error in v11
+    @warn "Expected argument $px to be of type `px`, instead received: `#{unit($px)}`";
+  }
+
+  @return ($px / $base-font-size) * 1em;
+}

package/styles/vendor/carbon-components/scss/globals/scss/vendor/@carbon/styles/scss/utilities/_custom-property.scss

@@ -0,0 +1,56 @@
+//
+// Copyright IBM Corp. 2018, 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.
+//
+
+@use '../config';
+
+// Some CSS Custom Property terminology
+// @see https://www.w3.org/TR/css-variables-1/
+//
+// <custom-property-name>:
+//   Any valid identifer that starts with two dashes (--)
+//
+// A declaration:
+//   CSS Custom Properties can be used as declarations in a CSS selector. They
+//   take on the form of:
+//
+//   <custom-property-name>: <declaration-value>;
+//
+// The var() notation:
+//   You can use a CSS Custom Property as a substitute for a value of another
+//   property using the var() function. This function has the following syntax:
+//
+//   var( <custom-property-name> [, <declarative-value> ]? )
+//
+//   This function takes in an optional fallback value if the CSS Custom
+//   Property has not been previously defined
+
+/// Get the <custom-property-name> for a given string
+/// @param {String} $name
+/// @returns {String}
+@function get-name($name) {
+  @return --#{config.$prefix}-#{$name};
+}
+
+/// Get the var() representation for a given token
+/// @param {String} $name
+/// @param {Any} $fallback
+/// @returns var()
+@function get-var($name, $fallback: false) {
+  @if $fallback {
+    @return var(--#{config.$prefix}-#{$name}, #{$fallback});
+  }
+  @return var(--#{config.$prefix}-#{$name});
+}
+
+/// Emit a declaration which sets the value of a CSS Custom Property using the
+/// $name as the <custom-property-name> and the $value as the
+/// <declaration-value>
+/// @param {String} $name
+/// @param {any} $value
+@mixin declaration($name, $value) {
+  #{get-name($name)}: #{$value};
+}

package/styles/vendor/carbon-components/scss/globals/scss/vendor/@carbon/styles/scss/utilities/_focus-outline.scss

@@ -0,0 +1,60 @@
+//
+// Copyright IBM Corp. 2021
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@use '../theme';
+
+/// Adds outline styles depending on specific type
+/// @access public
+/// @param {String} $type ['border'] - Type of outline from: `border`, `blurred`, `outline`, `invalid`, `reset`
+/// @example @include focus-outline('outline');
+/// @group utilities
+@mixin focus-outline($type: 'border') {
+  @if ($type == 'border') {
+    outline: 1px solid theme.$focus;
+
+    @media screen and (prefers-contrast) {
+      outline-style: dotted;
+    }
+  }
+
+  @if ($type == 'blurred') {
+    box-shadow: 0 0 0 3px theme.$focus;
+    outline: 1px solid transparent;
+  }
+
+  @if ($type == 'outline') {
+    outline: 2px solid theme.$focus;
+    outline-offset: -2px;
+
+    @media screen and (prefers-contrast) {
+      outline-style: dotted;
+    }
+  }
+
+  @if ($type == 'outline-compat') {
+    box-sizing: border-box;
+    border: 2px solid theme.$focus;
+
+    @media screen and (prefers-contrast) {
+      border-style: dotted;
+    }
+  }
+
+  @if ($type == 'invalid') {
+    outline: 2px solid theme.$support-error;
+    outline-offset: -2px;
+
+    @media screen and (prefers-contrast) {
+      outline-style: dotted;
+    }
+  }
+
+  @if ($type == 'reset') {
+    outline: 2px solid transparent;
+    outline-offset: -2px;
+  }
+}

package/styles/vendor/carbon-components/scss/globals/scss/vendor/@carbon/styles/scss/utilities/_high-contrast-mode.scss

@@ -0,0 +1,37 @@
+//
+// Copyright IBM Corp. 2021
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+/// Windows HCM Mixin
+/// @access public
+/// @example @include high-contrast-mode;
+/// @group utilities
+/// Set HCM styles at the end of each file to ensure they are not overwritten
+@mixin high-contrast-mode($type: '') {
+  @media screen and (-ms-high-contrast: active),
+    (forced-colors: active),
+    (prefers-contrast) {
+    @if ($type == 'icon-fill') {
+      fill: ButtonText;
+    }
+
+    @if ($type == 'focus') {
+      color: Highlight;
+      outline: 1px solid Highlight;
+    }
+
+    @if ($type == 'outline') {
+      outline: 1px solid transparent;
+    }
+
+    @if ($type == 'disabled') {
+      color: GrayText;
+      fill: GrayText;
+    }
+
+    @content;
+  }
+}

package/styles/vendor/carbon-components/scss/globals/scss/vendor/@carbon/styles/scss/utilities/_index.scss

@@ -0,0 +1,22 @@
+//
+// Copyright IBM Corp. 2018, 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.
+//
+
+@forward 'box-shadow';
+@forward 'button-reset' as button-*;
+@forward 'component-reset' as component-*;
+@forward 'convert' show em, rem;
+@forward 'focus-outline';
+@forward 'high-contrast-mode';
+@forward 'keyframes';
+@forward 'placeholder-colors';
+@forward 'rotate';
+@forward 'skeleton';
+@forward 'text-overflow';
+@forward 'text-truncate';
+@forward 'tooltip';
+@forward 'visually-hidden';
+@forward 'z-index';

package/styles/vendor/carbon-components/scss/globals/scss/vendor/@carbon/styles/scss/utilities/_keyframes.scss

@@ -0,0 +1,76 @@
+//
+// Copyright IBM Corp. 2021
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@mixin content-visible {
+  opacity: 1;
+  visibility: inherit;
+}
+
+@mixin content-hidden {
+  opacity: 0;
+  visibility: hidden;
+}
+
+@keyframes hide-feedback {
+  0% {
+    @include content-visible;
+  }
+  100% {
+    @include content-hidden;
+  }
+}
+
+@keyframes show-feedback {
+  0% {
+    @include content-hidden;
+  }
+  100% {
+    @include content-visible;
+  }
+}
+
+@keyframes skeleton {
+  0% {
+    opacity: 0.3;
+    transform: scaleX(0);
+    transform-origin: left;
+  }
+  20% {
+    opacity: 1;
+    transform: scaleX(1);
+    transform-origin: left;
+  }
+  28% {
+    transform: scaleX(1);
+    transform-origin: right;
+  }
+  51% {
+    transform: scaleX(0);
+    transform-origin: right;
+  }
+  58% {
+    transform: scaleX(0);
+    transform-origin: right;
+  }
+  82% {
+    transform: scaleX(1);
+    transform-origin: right;
+  }
+  83% {
+    transform: scaleX(1);
+    transform-origin: left;
+  }
+  96% {
+    transform: scaleX(0);
+    transform-origin: left;
+  }
+  100% {
+    opacity: 0.3;
+    transform: scaleX(0);
+    transform-origin: left;
+  }
+}

package/styles/vendor/carbon-components/scss/globals/scss/vendor/@carbon/styles/scss/utilities/_layer-set.scss

@@ -0,0 +1,38 @@
+//
+// Copyright IBM Corp. 2021
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@use 'sass:list';
+@use 'sass:meta';
+@use '../config' as *;
+@use './custom-property';
+
+/// Define a map of layer sets, each set should have values for each layer in
+/// the application. The key of this map is used for the CSS Custom Property
+/// name whose value is updated as more layers are added.
+/// @type {Map}
+$layer-sets: () !default;
+
+/// Emit the layer tokens defined in $layer-sets for the given $level
+/// @param {Number} $level
+@mixin -emit-layer-tokens($level) {
+  @each $key, $layer-set in $layer-sets {
+    $value: list.nth($layer-set, $level);
+    @include custom-property.declaration($key, $value);
+  }
+}
+
+:root {
+  @include -emit-layer-tokens(1);
+}
+
+.#{$prefix}--layer {
+  @include -emit-layer-tokens(2);
+
+  .#{$prefix}--layer {
+    @include -emit-layer-tokens(3);
+  }
+}

package/styles/vendor/carbon-components/scss/globals/scss/vendor/@carbon/styles/scss/utilities/_placeholder-colors.scss

@@ -0,0 +1,17 @@
+//
+// Copyright IBM Corp. 2021
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@use '../theme' as *;
+
+/// Adds placeholder text color
+/// @access public
+/// @example @include placeholder-colors;
+/// @group utilities
+@mixin placeholder-colors {
+  color: $text-placeholder;
+  opacity: 1;
+}

package/styles/vendor/carbon-components/scss/globals/scss/vendor/@carbon/styles/scss/utilities/_rotate.scss

@@ -0,0 +1,19 @@
+//
+// Copyright IBM Corp. 2021
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+/// Adds rotational transformation
+/// @access public
+/// @param {Number} $deg - How many degrees to rotate
+/// @param {Number} $speed - Speed of rotation
+/// @param {Value} $origin [center] - `transform-origin`
+/// @example @include rotate(90deg, 300ms);
+/// @group utilities
+@mixin rotate($deg, $speed, $origin: center) {
+  transform: rotate($deg);
+  transform-origin: $origin;
+  transition: transform $speed;
+}

package/styles/vendor/carbon-components/scss/globals/scss/vendor/@carbon/styles/scss/utilities/_skeleton.scss

@@ -0,0 +1,44 @@
+//
+// Copyright IBM Corp. 2021
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@use 'keyframes';
+@use '../theme' as *;
+
+/// Skeleton loading animation
+/// @access public
+/// @example @include skeleton;
+/// @group utilities
+@mixin skeleton {
+  position: relative;
+  padding: 0;
+  border: none;
+  background: $skeleton-background;
+  box-shadow: none;
+  pointer-events: none;
+
+  &:hover,
+  &:focus,
+  &:active {
+    border: none;
+    cursor: default;
+    outline: none;
+  }
+
+  &::before {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    animation: 3000ms ease-in-out skeleton infinite;
+    background: $skeleton-element;
+    content: '';
+    will-change: transform-origin, transform, opacity;
+
+    @media (prefers-reduced-motion: reduce) {
+      animation: none;
+    }
+  }
+}

package/styles/vendor/carbon-components/scss/globals/scss/vendor/@carbon/styles/scss/utilities/_text-overflow.scss

@@ -0,0 +1,23 @@
+//
+// Copyright IBM Corp. 2021
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+/// Adds text overflow styling
+/// @access public
+/// @param {Number} $width [false] - Value of width if you want to set width, else nothing
+/// @example @include text-overflow(300px);
+/// @group utilities
+@mixin text-overflow($width: false) {
+  display: block;
+  overflow-x: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+
+  // apply a width if width parameter exists
+  @if ($width) {
+    width: $width;
+  }
+}

package/styles/vendor/carbon-components/scss/globals/scss/vendor/@carbon/styles/scss/utilities/_text-truncate.scss

@@ -0,0 +1,29 @@
+//
+// Copyright IBM Corp. 2021
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+// Text truncation at the end of text
+/// @access public
+/// @group utilities
+@mixin text-truncate-end {
+  display: inline-block;
+  overflow: hidden;
+  width: 100%;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+// Text truncation at the beginning of text
+/// @access public
+/// @group utilities
+@mixin text-truncate-front {
+  display: inline-block;
+  overflow: hidden;
+  width: 100%;
+  direction: rtl;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}