@carbon/elements 10.55.0 → 11.0.0-rc.0

package/scss/layout/modules/_convert.scss

@@ -1,51 +0,0 @@
-//
-// 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 'sass:meta';
-@use 'sass:math';
-
-/// Default font size
-/// @type Number
-/// @access public
-/// @group @carbon/layout
-$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 @carbon/layout
-@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)}`";
-  }
-
-  @if meta.function-exists('div', 'math') {
-    @return math.div($px, $base-font-size) * 1rem;
-  } @else {
-    @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 @carbon/layout
-@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)}`";
-  }
-
-  @if meta.function-exists('div', 'math') {
-    @return math.div($px, $base-font-size) * 1em;
-  } @else {
-    @return ($px / $base-font-size) * 1em;
-  }
-}

package/scss/layout/modules/_spacing.scss

@@ -1,9 +0,0 @@
-//
-// 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 './generated/fluid-spacing';
-@forward './generated/spacing';

package/scss/layout/modules/_utilities.scss

@@ -1,41 +0,0 @@
-//
-// 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.
-//
-
-/// Map deep get
-/// @author Hugo Giraudel
-/// @access public
-/// @param {Map} $map - Map
-/// @param {Arglist} $keys - Key chain
-/// @return {*} Desired value
-/// @group @carbon/layout
-@function map-deep-get($map, $keys...) {
-  @each $key in $keys {
-    $map: map.get($map, $key);
-  }
-  @return $map;
-}
-
-/// Provide a map and index, and get back the relevant key value
-/// @access public
-/// @param {Map} $map - Map
-/// @param {Integer} $index - Key chain
-/// @return {String} Desired value
-/// @group @carbon/layout
-@function key-by-index($map, $index) {
-  $keys: map.keys($map);
-  @return nth($keys, $index);
-}
-
-/// Pass in a map, and get the last one in the list back
-/// @access public
-/// @param {Map} $map - Map
-/// @return {*} Desired value
-/// @group @carbon/layout
-@function last-map-item($map) {
-  $total-length: list.length($map);
-  @return map-get($map, carbon--key-by-index($map, $total-length));
-}

package/scss/layout/modules/generated/_fluid-spacing.scss

@@ -1,37 +0,0 @@
-// Code generated by @carbon/layout. DO NOT EDIT.
-//
-// Copyright IBM Corp. 2018, 2019
-//
-// This source code is licensed under the Apache-2.0 license found in the
-// LICENSE file in the root directory of this source tree.
-//
-
-/// @type Number
-/// @access public
-/// @group @carbon/layout
-$fluid-spacing-01: 0 !default;
-
-/// @type Number
-/// @access public
-/// @group @carbon/layout
-$fluid-spacing-02: 2vw !default;
-
-/// @type Number
-/// @access public
-/// @group @carbon/layout
-$fluid-spacing-03: 5vw !default;
-
-/// @type Number
-/// @access public
-/// @group @carbon/layout
-$fluid-spacing-04: 10vw !default;
-
-/// @type Map
-/// @access public
-/// @group @carbon/layout
-$fluid-spacing: (
-  fluid-spacing-01: $fluid-spacing-01,
-  fluid-spacing-02: $fluid-spacing-02,
-  fluid-spacing-03: $fluid-spacing-03,
-  fluid-spacing-04: $fluid-spacing-04,
-);

package/scss/layout/modules/generated/_spacing.scss

@@ -1,91 +0,0 @@
-// Code generated by @carbon/layout. DO NOT EDIT.
-//
-// Copyright IBM Corp. 2018, 2019
-//
-// This source code is licensed under the Apache-2.0 license found in the
-// LICENSE file in the root directory of this source tree.
-//
-
-/// @type Number
-/// @access public
-/// @group @carbon/layout
-$spacing-01: 0.125rem !default;
-
-/// @type Number
-/// @access public
-/// @group @carbon/layout
-$spacing-02: 0.25rem !default;
-
-/// @type Number
-/// @access public
-/// @group @carbon/layout
-$spacing-03: 0.5rem !default;
-
-/// @type Number
-/// @access public
-/// @group @carbon/layout
-$spacing-04: 0.75rem !default;
-
-/// @type Number
-/// @access public
-/// @group @carbon/layout
-$spacing-05: 1rem !default;
-
-/// @type Number
-/// @access public
-/// @group @carbon/layout
-$spacing-06: 1.5rem !default;
-
-/// @type Number
-/// @access public
-/// @group @carbon/layout
-$spacing-07: 2rem !default;
-
-/// @type Number
-/// @access public
-/// @group @carbon/layout
-$spacing-08: 2.5rem !default;
-
-/// @type Number
-/// @access public
-/// @group @carbon/layout
-$spacing-09: 3rem !default;
-
-/// @type Number
-/// @access public
-/// @group @carbon/layout
-$spacing-10: 4rem !default;
-
-/// @type Number
-/// @access public
-/// @group @carbon/layout
-$spacing-11: 5rem !default;
-
-/// @type Number
-/// @access public
-/// @group @carbon/layout
-$spacing-12: 6rem !default;
-
-/// @type Number
-/// @access public
-/// @group @carbon/layout
-$spacing-13: 10rem !default;
-
-/// @type Map
-/// @access public
-/// @group @carbon/layout
-$spacing: (
-  spacing-01: $spacing-01,
-  spacing-02: $spacing-02,
-  spacing-03: $spacing-03,
-  spacing-04: $spacing-04,
-  spacing-05: $spacing-05,
-  spacing-06: $spacing-06,
-  spacing-07: $spacing-07,
-  spacing-08: $spacing-08,
-  spacing-09: $spacing-09,
-  spacing-10: $spacing-10,
-  spacing-11: $spacing-11,
-  spacing-12: $spacing-12,
-  spacing-13: $spacing-13,
-);

package/scss/motion/index.scss

@@ -1,8 +0,0 @@
-//
-// 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.
-//
-
-@import 'motion';

package/scss/motion/motion.scss

@@ -1,78 +0,0 @@
-//
-// 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.
-//
-
-/// @access public
-/// @group @carbon/motion
-$fast-01: 70ms !default;
-
-/// @access public
-/// @group @carbon/motion
-$fast-02: 110ms !default;
-
-/// @access public
-/// @group @carbon/motion
-$moderate-01: 150ms !default;
-
-/// @access public
-/// @group @carbon/motion
-$moderate-02: 240ms !default;
-
-/// @access public
-/// @group @carbon/motion
-$slow-01: 400ms !default;
-
-/// @access public
-/// @group @carbon/motion
-$slow-02: 700ms !default;
-
-/// Common component easings
-/// @type Map
-/// @access public
-/// @group @carbon/motion
-$carbon--easings: (
-  standard: (
-    productive: cubic-bezier(0.2, 0, 0.38, 0.9),
-    expressive: cubic-bezier(0.4, 0.14, 0.3, 1),
-  ),
-  entrance: (
-    productive: cubic-bezier(0, 0, 0.38, 0.9),
-    expressive: cubic-bezier(0, 0, 0.3, 1),
-  ),
-  exit: (
-    productive: cubic-bezier(0.2, 0, 1, 0.9),
-    expressive: cubic-bezier(0.4, 0.14, 1, 1),
-  ),
-);
-
-/// Get the transition-timing-function for a given easing and motion mode
-/// @param {String} $name - Can be `standard`, `entrance`, or `exit`
-/// @param {String} $mode [productive] - Can be `productive` or `expressive`
-/// @param {Map} $easings [$carbon--easings] - Easings map
-/// @access public
-/// @group @carbon/motion
-/// @return {Function} CSS `cubic-bezier()` function
-@function carbon--motion($name, $mode: productive, $easings: $carbon--easings) {
-  @if map-has-key($easings, $name) {
-    $easing: map-get($easings, $name);
-    @if map-has-key($easing, $mode) {
-      @return map-get($easing, $mode);
-    } @else {
-      @error 'Unable to find a mode for the easing #{$easing} called: #{$mode}.';
-    }
-  } @else {
-    @error 'Unable to find an easing named #{$name} in our supported easings.';
-  }
-}
-
-/// Set the transition-timing-function for a given easing and motion mode
-/// @param {String} $name - The name of the easing curve to apply
-/// @param {String} $mode - The mode for the easing curve to use
-/// @access public
-/// @group @carbon/motion
-@mixin carbon--motion($name, $mode) {
-  transition-timing-function: carbon--motion($name, $mode);
-}

package/scss/themes/_mixins.scss

@@ -1,39 +0,0 @@
-//
-// 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.
-//
-
-/// @access private
-/// @group @carbon/themes
-$custom-property-prefix: 'cds' !default;
-
-/// @access private
-/// @group @carbon/themes
-@mixin custom-property($name, $value, $prefix: $custom-property-prefix) {
-  @if type-of($value) == map {
-    @each $property, $property-value in $value {
-      // Only support one-level of depth for values that are maps. This is to
-      // avoid bringing properties like `breakpoints` on type tokens
-      @if type-of($property-value) != map {
-        @include custom-property('#{$name}-#{$property}', $property-value);
-      }
-    }
-  } @else {
-    --#{$prefix}-#{$name}: #{$value};
-  }
-}
-
-/// @access private
-/// @group @carbon/themes
-@function should-emit($theme-a, $theme-b, $token, $emit-difference) {
-  @if $emit-difference == false {
-    @return true;
-  }
-  @return map-get($theme-a, $token) != map-get($theme-b, $token);
-}
-
-// We import mixins last so that these methods are made available to the
-// carbon--theme mixin
-@import './generated/mixins';

package/scss/themes/_theme-maps.scss

@@ -1,9 +0,0 @@
-//
-// 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.
-//
-
-@import './generated/tokens';
-@import './generated/themes';

package/scss/themes/_tokens.scss

@@ -1,8 +0,0 @@
-//
-// 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.
-//
-
-@import './generated/tokens';

package/scss/themes/compat/_themes.scss

@@ -1,8 +0,0 @@
-//
-// 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 'generated/themes';

package/scss/themes/compat/_tokens.scss

@@ -1,8 +0,0 @@
-//
-// 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 'generated/tokens';

package/scss/themes/compat/generated/_themes.scss

@@ -1,271 +0,0 @@
-// Code generated by @carbon/themes. DO NOT EDIT.
-//
-// Copyright IBM Corp. 2018, 2019
-//
-// This source code is licensed under the Apache-2.0 license found in the
-// LICENSE file in the root directory of this source tree.
-//
-
-/// Token values for the white theme
-$white: (
-  active-danger: #750e13,
-  active-light-ui: #c6c6c6,
-  active-primary: #002d9c,
-  active-secondary: #6f6f6f,
-  active-tertiary: #002d9c,
-  active-ui: #c6c6c6,
-  button-separator: #e0e0e0,
-  danger-01: #da1e28,
-  danger-02: #da1e28,
-  decorative-01: #e0e0e0,
-  disabled-01: #f4f4f4,
-  disabled-02: #c6c6c6,
-  disabled-03: #8d8d8d,
-  hover-danger: #b81921,
-  hover-field: #e5e5e5,
-  hover-light-ui: #e5e5e5,
-  hover-primary: #0353e9,
-  hover-primary-text: #0043ce,
-  hover-row: #e5e5e5,
-  hover-secondary: #4c4c4c,
-  hover-selected-ui: #cacaca,
-  hover-tertiary: #0353e9,
-  hover-ui: #e5e5e5,
-  icon-01: #161616,
-  icon-02: #525252,
-  icon-03: #ffffff,
-  interactive-01: #0f62fe,
-  interactive-02: #393939,
-  interactive-03: #0f62fe,
-  interactive-04: #0f62fe,
-  inverse-01: #ffffff,
-  inverse-02: #393939,
-  inverse-focus-ui: #ffffff,
-  inverse-hover-ui: #4c4c4c,
-  inverse-link: #78a9ff,
-  inverse-support-01: #fa4d56,
-  inverse-support-02: #42be65,
-  inverse-support-03: #f1c21b,
-  inverse-support-04: #4589ff,
-  link-01: #0f62fe,
-  link-02: #0043ce,
-  overlay-01: rgba(22, 22, 22, 0.5),
-  selected-light-ui: #e0e0e0,
-  selected-ui: #e0e0e0,
-  skeleton-01: #e5e5e5,
-  skeleton-02: #c6c6c6,
-  support-01: #da1e28,
-  support-02: #198038,
-  support-03: #f1c21b,
-  support-04: #0043ce,
-  text-01: #161616,
-  text-02: #525252,
-  text-03: #a8a8a8,
-  text-04: #ffffff,
-  text-05: #6f6f6f,
-  ui-01: #f4f4f4,
-  ui-02: #ffffff,
-  ui-03: #e0e0e0,
-  ui-04: #8d8d8d,
-  ui-05: #161616,
-  ui-background: #ffffff,
-  visited-link: #8a3ffc,
-) !default;
-
-/// Token values for the g10 theme
-$g10: (
-  active-danger: #750e13,
-  active-light-ui: #c6c6c6,
-  active-primary: #002d9c,
-  active-secondary: #6f6f6f,
-  active-tertiary: #002d9c,
-  active-ui: #c6c6c6,
-  button-separator: #e0e0e0,
-  danger-01: #da1e28,
-  danger-02: #da1e28,
-  decorative-01: #e0e0e0,
-  disabled-01: #ffffff,
-  disabled-02: #c6c6c6,
-  disabled-03: #8d8d8d,
-  hover-danger: #b81921,
-  hover-field: #e5e5e5,
-  hover-light-ui: #e5e5e5,
-  hover-primary: #0353e9,
-  hover-primary-text: #0043ce,
-  hover-row: #e5e5e5,
-  hover-secondary: #4c4c4c,
-  hover-selected-ui: #cacaca,
-  hover-tertiary: #0353e9,
-  hover-ui: #e5e5e5,
-  icon-01: #161616,
-  icon-02: #525252,
-  icon-03: #ffffff,
-  interactive-01: #0f62fe,
-  interactive-02: #393939,
-  interactive-03: #0f62fe,
-  interactive-04: #0f62fe,
-  inverse-01: #ffffff,
-  inverse-02: #393939,
-  inverse-focus-ui: #ffffff,
-  inverse-hover-ui: #4c4c4c,
-  inverse-link: #78a9ff,
-  inverse-support-01: #fa4d56,
-  inverse-support-02: #42be65,
-  inverse-support-03: #f1c21b,
-  inverse-support-04: #4589ff,
-  link-01: #0f62fe,
-  link-02: #0043ce,
-  overlay-01: rgba(22, 22, 22, 0.5),
-  selected-light-ui: #e0e0e0,
-  selected-ui: #e0e0e0,
-  skeleton-01: #e5e5e5,
-  skeleton-02: #c6c6c6,
-  support-01: #da1e28,
-  support-02: #198038,
-  support-03: #f1c21b,
-  support-04: #0043ce,
-  text-01: #161616,
-  text-02: #525252,
-  text-03: #a8a8a8,
-  text-04: #ffffff,
-  text-05: #6f6f6f,
-  ui-01: #ffffff,
-  ui-02: #f4f4f4,
-  ui-03: #e0e0e0,
-  ui-04: #8d8d8d,
-  ui-05: #161616,
-  ui-background: #f4f4f4,
-  visited-link: #8a3ffc,
-) !default;
-
-/// Token values for the g90 theme
-$g90: (
-  active-danger: #750e13,
-  active-light-ui: #8d8d8d,
-  active-primary: #002d9c,
-  active-secondary: #393939,
-  active-tertiary: #c6c6c6,
-  active-ui: #6f6f6f,
-  button-separator: #161616,
-  danger-01: #da1e28,
-  danger-02: #ff8389,
-  decorative-01: #6f6f6f,
-  disabled-01: #393939,
-  disabled-02: #6f6f6f,
-  disabled-03: #a8a8a8,
-  hover-danger: #b81921,
-  hover-field: #4c4c4c,
-  hover-light-ui: #656565,
-  hover-primary: #0353e9,
-  hover-primary-text: #a6c8ff,
-  hover-row: #4c4c4c,
-  hover-secondary: #606060,
-  hover-selected-ui: #656565,
-  hover-tertiary: #f4f4f4,
-  hover-ui: #4c4c4c,
-  icon-01: #f4f4f4,
-  icon-02: #c6c6c6,
-  icon-03: #ffffff,
-  interactive-01: #0f62fe,
-  interactive-02: #6f6f6f,
-  interactive-03: #ffffff,
-  interactive-04: #4589ff,
-  inverse-01: #161616,
-  inverse-02: #f4f4f4,
-  inverse-focus-ui: #0f62fe,
-  inverse-hover-ui: #e5e5e5,
-  inverse-link: #0f62fe,
-  inverse-support-01: #da1e28,
-  inverse-support-02: #24a148,
-  inverse-support-03: #f1c21b,
-  inverse-support-04: #0f62fe,
-  link-01: #78a9ff,
-  link-02: #a6c8ff,
-  overlay-01: rgba(0, 0, 0, 0.65),
-  selected-light-ui: #6f6f6f,
-  selected-ui: #525252,
-  skeleton-01: #353535,
-  skeleton-02: #525252,
-  support-01: #ff8389,
-  support-02: #42be65,
-  support-03: #f1c21b,
-  support-04: #4589ff,
-  text-01: #f4f4f4,
-  text-02: #c6c6c6,
-  text-03: #6f6f6f,
-  text-04: #ffffff,
-  text-05: #8d8d8d,
-  ui-01: #393939,
-  ui-02: #525252,
-  ui-03: #525252,
-  ui-04: #8d8d8d,
-  ui-05: #f4f4f4,
-  ui-background: #262626,
-  visited-link: #be95ff,
-) !default;
-
-/// Token values for the g100 theme
-$g100: (
-  active-danger: #750e13,
-  active-light-ui: #6f6f6f,
-  active-primary: #002d9c,
-  active-secondary: #393939,
-  active-tertiary: #c6c6c6,
-  active-ui: #525252,
-  button-separator: #161616,
-  danger-01: #da1e28,
-  danger-02: #fa4d56,
-  decorative-01: #525252,
-  disabled-01: #262626,
-  disabled-02: #525252,
-  disabled-03: #8d8d8d,
-  hover-danger: #b81921,
-  hover-field: #353535,
-  hover-light-ui: #4c4c4c,
-  hover-primary: #0353e9,
-  hover-primary-text: #a6c8ff,
-  hover-row: #353535,
-  hover-secondary: #606060,
-  hover-selected-ui: #4c4c4c,
-  hover-tertiary: #f4f4f4,
-  hover-ui: #353535,
-  icon-01: #f4f4f4,
-  icon-02: #c6c6c6,
-  icon-03: #ffffff,
-  interactive-01: #0f62fe,
-  interactive-02: #6f6f6f,
-  interactive-03: #ffffff,
-  interactive-04: #4589ff,
-  inverse-01: #161616,
-  inverse-02: #f4f4f4,
-  inverse-focus-ui: #0f62fe,
-  inverse-hover-ui: #e5e5e5,
-  inverse-link: #0f62fe,
-  inverse-support-01: #da1e28,
-  inverse-support-02: #24a148,
-  inverse-support-03: #f1c21b,
-  inverse-support-04: #0f62fe,
-  link-01: #78a9ff,
-  link-02: #a6c8ff,
-  overlay-01: rgba(0, 0, 0, 0.65),
-  selected-light-ui: #525252,
-  selected-ui: #393939,
-  skeleton-01: #353535,
-  skeleton-02: #525252,
-  support-01: #fa4d56,
-  support-02: #42be65,
-  support-03: #f1c21b,
-  support-04: #4589ff,
-  text-01: #f4f4f4,
-  text-02: #c6c6c6,
-  text-03: #6f6f6f,
-  text-04: #ffffff,
-  text-05: #8d8d8d,
-  ui-01: #262626,
-  ui-02: #393939,
-  ui-03: #393939,
-  ui-04: #6f6f6f,
-  ui-05: #f4f4f4,
-  ui-background: #161616,
-  visited-link: #be95ff,
-) !default;