@carbon/type 10.36.0 → 10.38.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/type",
   "description": "Typography for digital and software products using the Carbon Design System",
-  "version": "10.36.0",
+  "version": "10.38.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -38,11 +38,11 @@
   },
   "dependencies": {
     "@carbon/import-once": "^10.6.0",
-    "@carbon/layout": "^10.32.0"
+    "@carbon/layout": "^10.34.0"
   },
   "devDependencies": {
-    "@carbon/cli": "^10.29.0",
-    "@carbon/test-utils": "^10.19.0",
+    "@carbon/cli": "^10.31.0",
+    "@carbon/test-utils": "^10.20.0",
     "change-case": "^4.1.1",
     "rimraf": "^3.0.0"
   },
@@ -52,5 +52,5 @@
     "sassDir": "scss",
     "needs": "^1.3.0"
   },
-  "gitHead": "3dd237d343adc0b378d12e933bd99b8beca7b250"
+  "gitHead": "f6352a1010117000ce4ca9f71315b67b1ec8e396"
 }

package/scss/_inlined/_styles.import.scss

@@ -19,6 +19,7 @@
 // compatibility file to ensure we continue to support node-sass and dart-sass
 // in v10.
 
+@use "sass:meta";
 @use "sass:math";
 @import '../vendor/@carbon/layout/breakpoint'; /* stylelint-disable-line no-invalid-position-at-import-rule */
 @import 'font-family'; /* stylelint-disable-line no-invalid-position-at-import-rule */
@@ -582,7 +583,11 @@ $tokens: (
 /// @access public
 /// @group @carbon/type
 @function strip-unit($value) {
-  @return math.div($value, $value * 0 + 1);
+  @if meta.function-exists('div', 'math') {
+    @return math.div($value, $value * 0 + 1);
+  } @else {
+    @return $value / ($value * 0 + 1);
+  }
 }
 
 /// This helper includes fluid type styles for the given token value. Fluid type

package/scss/_inlined/_styles.scss

@@ -19,7 +19,7 @@
 // compatibility file to ensure we continue to support node-sass and dart-sass
 // in v10.
 
-/* stylelint-disable number-max-precision */
+// stylelint-disable number-max-precision
 
 @import '../vendor/@carbon/layout/breakpoint';
 @import 'font-family';

package/scss/_styles.import.scss

@@ -19,6 +19,7 @@
 // compatibility file to ensure we continue to support node-sass and dart-sass
 // in v10.
 
+@use "sass:meta";
 @use "sass:math";
 @import '@carbon/layout/scss/breakpoint'; /* stylelint-disable-line no-invalid-position-at-import-rule */
 @import 'font-family'; /* stylelint-disable-line no-invalid-position-at-import-rule */
@@ -582,7 +583,11 @@ $tokens: (
 /// @access public
 /// @group @carbon/type
 @function strip-unit($value) {
-  @return math.div($value, $value * 0 + 1);
+  @if meta.function-exists('div', 'math') {
+    @return math.div($value, $value * 0 + 1);
+  } @else {
+    @return $value / ($value * 0 + 1);
+  }
 }
 
 /// This helper includes fluid type styles for the given token value. Fluid type

package/scss/_styles.scss

@@ -19,7 +19,7 @@
 // compatibility file to ensure we continue to support node-sass and dart-sass
 // in v10.
 
-/* stylelint-disable number-max-precision */
+// stylelint-disable number-max-precision
 
 @import '@carbon/layout/scss/breakpoint';
 @import 'font-family';

package/scss/modules/_styles.scss

@@ -5,7 +5,7 @@
 // LICENSE file in the root directory of this source tree.
 //
 
-/* stylelint-disable number-max-precision */
+// stylelint-disable number-max-precision
 
 @use 'sass:map';
 @use '@carbon/layout';

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

@@ -19,6 +19,7 @@
 // compatibility file to ensure we continue to support node-sass and dart-sass
 // in v10.
 
+@use 'sass:meta';
 @use 'sass:math';
 
 /// Default font size
@@ -38,7 +39,11 @@ $carbon--base-font-size: 16px !default;
     @warn "Expected argument $px to be of type `px`, instead received: `#{unit($px)}`";
   }
 
-  @return math.div($px, $carbon--base-font-size) * 1rem;
+  @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
@@ -52,5 +57,9 @@ $carbon--base-font-size: 16px !default;
     @warn "Expected argument $px to be of type `px`, instead received: `#{unit($px)}`";
   }
 
-  @return math.div($px, $carbon--base-font-size) * 1em;
+  @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/layout/_key-height.import.scss

@@ -19,6 +19,7 @@
 // compatibility file to ensure we continue to support node-sass and dart-sass
 // in v10.
 
+@use 'sass:meta';
 @use "sass:math";
 @import 'breakpoint'; /* stylelint-disable-line no-invalid-position-at-import-rule */
 @import 'utilities'; /* stylelint-disable-line no-invalid-position-at-import-rule */
@@ -39,7 +40,11 @@
     $margin: map-get($values, margin);
     $columns: map-get($values, columns);
 
-    @return math.div($width - (2 * $margin), $columns);
+    @if meta.function-exists('div', 'math') {
+      @return math.div($width - (2 * $margin), $columns);
+    } @else {
+      @return (($width - (2 * $margin)) / $columns);
+    }
   } @else {
     @warn 'Breakpoint: `#{$breakpoint}` is not a valid breakpoint.';
   }

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

@@ -5,6 +5,7 @@
 // LICENSE file in the root directory of this source tree.
 //
 
+@use 'sass:meta';
 @use 'sass:math';
 
 /// Default font size
@@ -24,7 +25,11 @@ $base-font-size: 16px !default;
     @warn "Expected argument $px to be of type `px`, instead received: `#{unit($px)}`";
   }
 
-  @return math.div($px, $base-font-size) * 1rem;
+  @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
@@ -38,5 +43,9 @@ $base-font-size: 16px !default;
     @warn "Expected argument $px to be of type `px`, instead received: `#{unit($px)}`";
   }
 
-  @return math.div($px, $base-font-size) * 1em;
+  @if meta.function-exists('div', 'math') {
+    @return math.div($px, $base-font-size) * 1em;
+  } @else {
+    @return ($px / $base-font-size) * 1em;
+  }
 }