@carbon/elements 10.40.0 → 10.42.0

package/scss/type/vendor/@carbon/layout/_key-height.scss

@@ -4,6 +4,20 @@
 // 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
+// ------------------------------------------
+//
+// This file is intended to be consumed and processed with node-sass/libsass.
+// Sass language features only available in dart-sass, such as `math.div`,
+// should not be used.
+//
+// The `.import` suffixed version of this file eg. `_filename.import.scss`
+// is intended to be compatible with dart-sass.
+//
+// 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.
 
 @import 'breakpoint';
 @import 'utilities';

package/scss/type/vendor/@carbon/layout/modules/_breakpoint.scss

@@ -57,7 +57,7 @@ $grid-breakpoints: (
 ) !default;
 
 /// Get the value of the next breakpoint, or null for the last breakpoint
-/// @param {String} $name - The name of the brekapoint
+/// @param {String} $name - The name of the breakpoint
 /// @param {Map} $breakpoints [$grid-breakpoints] - A map of breakpoints where the key is the name of the breakpoint and the value is the values for the breakpoint
 /// @param {List} $breakpoint-names [map-keys($breakpoints)] - A list of names from the `$breakpoints` map
 /// @return {String}
@@ -76,7 +76,7 @@ $grid-breakpoints: (
 }
 
 /// Get the value of the previous breakpoint, or null for the first breakpoint
-/// @param {String} $name - The name of the brekapoint
+/// @param {String} $name - The name of the breakpoint
 /// @param {Map} $breakpoints [$grid-breakpoints] - A map of breakpoints where the key is the name of the breakpoint and the value is the values for the breakpoint
 /// @param {List} $breakpoint-names [map-keys($breakpoints)] - A list of names from the `$breakpoints` map
 /// @return {String}
@@ -95,7 +95,7 @@ $grid-breakpoints: (
 }
 
 /// Check to see if the given breakpoint name
-/// @param {String} $name - The name of the brekapoint
+/// @param {String} $name - The name of the breakpoint
 /// @param {Map} $breakpoints [$grid-breakpoints] - A map of breakpoints where the key is the name of the breakpoint and the value is the values for the breakpoint
 /// @return {Bool}
 /// @access public
@@ -114,7 +114,7 @@ $grid-breakpoints: (
   @return key-by-index($breakpoints, $total-breakpoints);
 }
 
-/// Get the infix for a given breakpoint in a list of breakpoints. Usesful for generate the size part in a selector, for example: `.prefix--col-sm-2`.
+/// Get the infix for a given breakpoint in a list of breakpoints. Useful for generating the size part in a selector, for example: `.prefix--col-sm-2`.
 /// @param {String} $name - The name of the breakpoint
 /// @return {String}
 /// @access public

package/scss/type/vendor/@carbon/layout/modules/_convert.scss

@@ -5,6 +5,8 @@
 // LICENSE file in the root directory of this source tree.
 //
 
+@use 'sass:math';
+
 /// Default font size
 /// @type Number
 /// @access public
@@ -22,7 +24,7 @@ $base-font-size: 16px !default;
     @warn "Expected argument $px to be of type `px`, instead received: `#{unit($px)}`";
   }
 
-  @return ($px / $base-font-size) * 1rem;
+  @return math.div($px, $base-font-size) * 1rem;
 }
 
 /// Convert a given px unit to a em unit
@@ -36,5 +38,5 @@ $base-font-size: 16px !default;
     @warn "Expected argument $px to be of type `px`, instead received: `#{unit($px)}`";
   }
 
-  @return ($px / $base-font-size) * 1em;
+  @return math.div($px, $base-font-size) * 1em;
 }

package/src/__tests__/__snapshots__/PublicAPI-test.js.snap

@@ -31,6 +31,10 @@ Array [
   "blue70",
   "blue80",
   "blue90",
+  "body01",
+  "body02",
+  "bodyCompact01",
+  "bodyCompact02",
   "bodyLong01",
   "bodyLong02",
   "bodyShort01",
@@ -124,6 +128,17 @@ Array [
   "fieldDisabled",
   "fieldHover",
   "fluid",
+  "fluidDisplay01",
+  "fluidDisplay02",
+  "fluidDisplay03",
+  "fluidDisplay04",
+  "fluidHeading03",
+  "fluidHeading04",
+  "fluidHeading05",
+  "fluidHeading06",
+  "fluidParagraph01",
+  "fluidQuotation01",
+  "fluidQuotation02",
   "fluidSpacing",
   "fluidSpacing01",
   "fluidSpacing02",
@@ -166,6 +181,13 @@ Array [
   "green90",
   "heading01",
   "heading02",
+  "heading03",
+  "heading04",
+  "heading05",
+  "heading06",
+  "heading07",
+  "headingCompact01",
+  "headingCompact02",
   "helperText01",
   "helperText02",
   "highlight",
@@ -226,6 +248,8 @@ Array [
   "layout05",
   "layout06",
   "layout07",
+  "legal01",
+  "legal02",
   "link01",
   "link02",
   "linkInverse",