@carbon/type 11.1.0-rc.0 → 11.2.0

package/scss/vendor/@carbon/grid/_mixins.scss

@@ -1,316 +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";
-
-@use 'config' as *;
-@use 'breakpoint' as *;
-
-// -----------------------------------------------------------------------------
-// Columns
-// -----------------------------------------------------------------------------
-
-/// Used to initialize the default properties for a column class, most notably
-/// for setting width and default gutters when a column's breakpoint has not been
-/// hit yet.
-/// @param {Number} $gutter [$grid-gutter] - The gutter for the grid system
-/// @param {Number} $collapsed-gutter [$grid-gutter--condensed] - The condensed mode gutter
-/// @access private
-/// @group @carbon/grid
-@mixin -make-col-ready(
-  $gutter: $grid-gutter,
-  $condensed-gutter: $grid-gutter--condensed
-) {
-  // Prevent columns from becoming too narrow when at smaller grid tiers by
-  // always setting `width: 100%;`. This works because we use `flex` values
-  // later on to override this initial width.
-  width: 100%;
-  padding-right: ($gutter * 0.5);
-  padding-left: ($gutter * 0.5);
-
-  // For our condensed use-case, our gutters collapse to 2px solid, 1px on each
-  // side.
-  .#{$prefix}--row--condensed &,
-  .#{$prefix}--grid--condensed & {
-    padding-right: ($condensed-gutter * 0.5);
-    padding-left: ($condensed-gutter * 0.5);
-  }
-
-  // For our narrow use-case, our container hangs 16px into the gutter
-  .#{$prefix}--row--narrow &,
-  .#{$prefix}--grid--narrow & {
-    padding-right: ($gutter * 0.5);
-    padding-left: 0;
-  }
-}
-
-/// Define the width of the column for a given span and column count.
-/// A width of 0 will hide the column entirely.
-/// @param {Number} $span - The number of columns covered
-/// @param {Number} $columns - The total number of columns available
-/// @access private
-/// @group @carbon/grid
-@mixin -make-col($span, $columns) {
-  @if $span == 0 {
-    display: none;
-  } @else {
-    // Explicitly include `display: block` to override
-    display: block;
-    // Add a `max-width` to ensure content within each column does not blow out
-    // the width of the column. Applies to IE10+ and Firefox. Chrome and Safari
-    // do not appear to require this.
-    @if meta.function-exists('div', 'math') {
-      max-width: math.percentage(math.div($span, $columns));
-      flex: 0 0 math.percentage(math.div($span, $columns));
-    } @else {
-      max-width: math.percentage(($span / $columns));
-      flex: 0 0 math.percentage(($span / $columns));
-    }
-  }
-}
-
-/// Create a column offset for a given span and column count.
-/// @param {Number} $span - The number of columns the offset should cover
-/// @param {Number} $columns - The total number of columns available
-/// @access private
-/// @group @carbon/grid
-@mixin -make-col-offset($span, $columns) {
-  $offset: 0;
-  @if meta.function-exists('div', 'math') {
-    $offset: math.div($span, $columns);
-  } @else {
-    $offset: ($span / $columns);
-  }
-  @if $offset == 0 {
-    margin-left: 0;
-  } @else {
-    margin-left: math.percentage($offset);
-  }
-}
-
-/// Output the CSS required for all the columns in a given grid system.
-/// @param {Map} $breakpoints [$grid-breakpoints] - The breakpoints in the grid system
-/// @param {Number} $gutter [$grid-gutter] - The gutter for the grid system
-/// @access private
-/// @group @carbon/grid
-@mixin -make-grid-columns(
-  $breakpoints: $grid-breakpoints,
-  $gutter: $grid-gutter
-) {
-  .#{$prefix}--col {
-    @include -make-col-ready($gutter);
-  }
-
-  @each $breakpoint in map-keys($breakpoints) {
-    $infix: breakpoint-infix($breakpoint);
-    $columns: map.get(map.get($breakpoints, $breakpoint), columns);
-
-    // Allow columns to stretch full width below their breakpoints
-    @for $i from 0 through $columns {
-      .#{$prefix}--col#{$infix}-#{$i} {
-        @include -make-col-ready($gutter);
-      }
-    }
-
-    .#{$prefix}--col#{$infix},
-    .#{$prefix}--col#{$infix}--auto {
-      @include -make-col-ready($gutter);
-    }
-
-    @include breakpoint($breakpoint, $breakpoints) {
-      // Provide basic `.col-{bp}` classes for equal-width flexbox columns
-      .#{$prefix}--col,
-      .#{$prefix}--col#{$infix} {
-        max-width: 100%;
-        flex-basis: 0;
-        flex-grow: 1;
-      }
-
-      .#{$prefix}--col--auto,
-      .#{$prefix}--col#{$infix}--auto {
-        width: auto;
-        // Reset earlier grid tiers
-        max-width: 100%;
-        flex: 1 0 0%;
-      }
-
-      @for $i from 0 through $columns {
-        .#{$prefix}--col#{$infix}-#{$i} {
-          @include -make-col($i, $columns);
-        }
-      }
-
-      @for $i from 0 through ($columns - 1) {
-        @if not($infix == '') {
-          .#{$prefix}--offset#{$infix}-#{$i} {
-            @include -make-col-offset($i, $columns);
-          }
-        }
-      }
-    }
-  }
-}
-
-// -----------------------------------------------------------------------------
-// Rows
-// -----------------------------------------------------------------------------
-
-/// Define the properties for a selector assigned to a row in the grid system.
-/// @param {Number} $gutter [$grid-gutter] - The gutter in the grid system
-/// @access private
-/// @group @carbon/grid
-@mixin make-row($gutter: $grid-gutter) {
-  display: flex;
-  flex-wrap: wrap;
-  margin-right: -1 * $gutter * 0.5;
-  margin-left: -1 * $gutter * 0.5;
-}
-
-// -----------------------------------------------------------------------------
-// No gutter
-// -----------------------------------------------------------------------------
-
-/// Add `no-gutter` and `no-gutter--{start,end}` classes to the output CSS. These
-/// classes are useful for dropping the gutter in fluid situations.
-/// @access private
-/// @group @carbon/grid
-@mixin -no-gutter {
-  .#{$prefix}--no-gutter,
-  .#{$prefix}--row.#{$prefix}--no-gutter [class*='#{$prefix}--col'] {
-    padding-right: 0;
-    padding-left: 0;
-  }
-
-  .#{$prefix}--no-gutter--start,
-  .#{$prefix}--row.#{$prefix}--no-gutter--start [class*='#{$prefix}--col'] {
-    padding-left: 0;
-  }
-
-  .#{$prefix}--no-gutter--end,
-  .#{$prefix}--row.#{$prefix}--no-gutter--end [class*='#{$prefix}--col'] {
-    padding-right: 0;
-  }
-}
-
-// -----------------------------------------------------------------------------
-// Hang
-// -----------------------------------------------------------------------------
-
-/// Add `hang--start` and `hang--end` classes for a given gutter. These classes are
-/// used alongside `no-gutter--start` and `no-gutter--end` to "hang" type.
-/// @param {Number} $gutter [$grid-gutter] - The gutter in the grid system
-/// @access private
-/// @group @carbon/grid
-@mixin -hang($gutter: $grid-gutter) {
-  .#{$prefix}--hang--start {
-    padding-left: ($gutter * 0.5);
-  }
-
-  .#{$prefix}--hang--end {
-    padding-right: ($gutter * 0.5);
-  }
-}
-
-// -----------------------------------------------------------------------------
-// Grid
-// -----------------------------------------------------------------------------
-
-/// Create the container for a grid. Will cause full-bleed for the grid unless
-/// max-width properties are added with `-make-container-max-widths`
-/// @param {Map} $breakpoints [$grid-breakpoints] - A map of breakpoints where the key is the name
-/// @access private
-/// @group @carbon/grid
-@mixin -make-container($breakpoints: $grid-breakpoints) {
-  margin-right: auto;
-  margin-left: auto;
-
-  @include -set-largest-breakpoint();
-
-  @each $name, $value in $breakpoints {
-    $prev-breakpoint: map.get($breakpoints, breakpoint-prev($name));
-    $margin: map.get($value, margin);
-
-    @if $prev-breakpoint {
-      $prev-margin: map.get($prev-breakpoint, margin);
-      @if $prev-margin != $margin {
-        @include breakpoint($name) {
-          padding-right: #{($grid-gutter * 0.5) + $margin};
-          padding-left: #{($grid-gutter * 0.5) + $margin};
-        }
-      }
-    } @else {
-      @include breakpoint($name) {
-        padding-right: #{($grid-gutter * 0.5) + $margin};
-        padding-left: #{($grid-gutter * 0.5) + $margin};
-      }
-    }
-  }
-}
-
-/// Get the last breakpoint width and set max-width to its value
-/// @param {Map} $breakpoints [$grid-breakpoints] - A map of breakpoints where the key is the name
-/// @access private
-/// @group @carbon/grid
-@mixin -set-largest-breakpoint($breakpoints: $grid-breakpoints) {
-  $largest-breakpoint: last-map-item($breakpoints);
-
-  max-width: map.get($largest-breakpoint, 'width');
-}
-
-/// Add in the max-widths for each breakpoint to the container
-/// @param {Map} $breakpoints [$grid-breakpoints] - A map of breakpoints where the key is the name
-/// @access private
-/// @group @carbon/grid
-@mixin -make-container-max-widths($breakpoints: $grid-breakpoints) {
-  @each $name, $value in $breakpoints {
-    @include breakpoint($name) {
-      max-width: map.get($value, width);
-    }
-  }
-}
-
-/// Generate the CSS for a grid for the given breakpoints and gutters
-/// @param {Map} $breakpoints [$grid-breakpoints] - The default breakpoints
-/// @param {Number} $grid-gutter [$grid-gutter] - The default gutters
-/// @param {Number} $condensed-gutter [$grid-gutter--condensed] - The condensed mode gutter
-/// @access public
-/// @group @carbon/grid
-@mixin grid(
-  $breakpoints: $grid-breakpoints,
-  $grid-gutter: $grid-gutter,
-  $condensed-gutter: $grid-gutter--condensed
-) {
-  .#{$prefix}--grid {
-    @include -make-container($breakpoints);
-  }
-
-  @include largest-breakpoint($breakpoints) {
-    .#{$prefix}--grid--full-width {
-      max-width: 100%;
-    }
-  }
-
-  .#{$prefix}--row {
-    @include make-row();
-  }
-
-  .#{$prefix}--row-padding [class*='#{$prefix}--col'],
-  .#{$prefix}--col-padding {
-    padding-top: $grid-gutter * 0.5;
-    padding-bottom: $grid-gutter * 0.5;
-  }
-
-  .#{$prefix}--grid--condensed [class*='#{$prefix}--col'] {
-    padding-top: $condensed-gutter * 0.5;
-    padding-bottom: $condensed-gutter * 0.5;
-  }
-
-  @include -make-grid-columns($breakpoints, $grid-gutter);
-  @include -no-gutter();
-  @include -hang($grid-gutter);
-}

package/scss/vendor/@carbon/grid/vendor/@carbon/layout/_convert.import.scss

@@ -1,63 +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.
-//
-//-------------------------------------------
-// Compatibility notes (*.import.scss)
-// ------------------------------------------
-//
-// This file is intended to be consumed and processed with dart-sass.
-// It is incompatible with node-sass/libsass as it contains sass language features
-// or functions that are unavailable in node-sass/libsass, such as `math.div`.
-//
-// The non-`.import` suffixed version of this file eg. `_filename.scss`
-// is intended to be compatible with node-sass/libsass.
-//
-// Styles authored within this file must be duplicated to the corresponding
-// compatibility file to ensure we continue to support node-sass and dart-sass
-// in v10.
-
-@use 'sass:meta';
-@use 'sass:math';
-
-/// Default font size
-/// @type Number
-/// @access public
-/// @group @carbon/layout
-$carbon--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 carbon--rem($px) {
-  @if unit($px) != 'px' {
-    @error "Expected argument $px to be of type `px`, instead received: `#{unit($px)}`";
-  }
-
-  @if meta.function-exists('div', 'math') {
-    @return math.div($px, $carbon--base-font-size) * 1rem;
-  } @else {
-    @return ($px / $carbon--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 carbon--em($px) {
-  @if unit($px) != 'px' {
-    @error "Expected argument $px to be of type `px`, instead received: `#{unit($px)}`";
-  }
-
-  @if meta.function-exists('div', 'math') {
-    @return math.div($px, $carbon--base-font-size) * 1em;
-  } @else {
-    @return ($px / $carbon--base-font-size) * 1em;
-  }
-}

package/scss/vendor/@carbon/grid/vendor/@carbon/layout/_convert.scss

@@ -1,49 +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' {
-    @error "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' {
-    @error "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/vendor/@carbon/grid/vendor/@carbon/layout/_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/vendor/@carbon/grid/vendor/@carbon/layout/_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/vendor/@carbon/grid/vendor/@carbon/layout/generated/_container.scss

@@ -1,43 +0,0 @@
-// Code generated by @carbon/layout. DO NOT EDIT.
-//
-// Copyright IBM Corp. 2018, 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.
-//
-
-/// @type Number
-/// @access public
-/// @group @carbon/layout
-$container-01: 1.5rem !default;
-
-/// @type Number
-/// @access public
-/// @group @carbon/layout
-$container-02: 2rem !default;
-
-/// @type Number
-/// @access public
-/// @group @carbon/layout
-$container-03: 2.5rem !default;
-
-/// @type Number
-/// @access public
-/// @group @carbon/layout
-$container-04: 3rem !default;
-
-/// @type Number
-/// @access public
-/// @group @carbon/layout
-$container-05: 4rem !default;
-
-/// @type Map
-/// @access public
-/// @group @carbon/layout
-$container: (
-  container-01: $container-01,
-  container-02: $container-02,
-  container-03: $container-03,
-  container-04: $container-04,
-  container-05: $container-05,
-);

package/scss/vendor/@carbon/grid/vendor/@carbon/layout/generated/_fluid-spacing.scss

@@ -1,37 +0,0 @@
-// Code generated by @carbon/layout. DO NOT EDIT.
-//
-// Copyright IBM Corp. 2018, 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.
-//
-
-/// @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/vendor/@carbon/grid/vendor/@carbon/layout/generated/_icon-size.scss

@@ -1,25 +0,0 @@
-// Code generated by @carbon/layout. DO NOT EDIT.
-//
-// Copyright IBM Corp. 2018, 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.
-//
-
-/// @type Number
-/// @access public
-/// @group @carbon/layout
-$icon-size-01: 1rem !default;
-
-/// @type Number
-/// @access public
-/// @group @carbon/layout
-$icon-size-02: 1.25rem !default;
-
-/// @type Map
-/// @access public
-/// @group @carbon/layout
-$icon-size: (
-  icon-size-01: $icon-size-01,
-  icon-size-02: $icon-size-02,
-);

package/scss/vendor/@carbon/grid/vendor/@carbon/layout/generated/_size.scss

@@ -1,17 +0,0 @@
-// Code generated by @carbon/layout. DO NOT EDIT.
-//
-// Copyright IBM Corp. 2018, 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.
-//
-
-/// @type Number
-/// @access public
-/// @group @carbon/layout
-$size-xs: 1.5rem;
-$size-sm: 2rem;
-$size-md: 2.5rem;
-$size-lg: 3rem;
-$size-xl: 4rem;
-$size-2xl: 5rem;

package/scss/vendor/@carbon/grid/vendor/@carbon/layout/generated/_spacing.scss

@@ -1,91 +0,0 @@
-// Code generated by @carbon/layout. DO NOT EDIT.
-//
-// Copyright IBM Corp. 2018, 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.
-//
-
-/// @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,
-);