@carbon/type 10.45.2 → 10.45.4

package/README.md

@@ -266,3 +266,12 @@ check out our [Contributing Guide](/.github/CONTRIBUTING.md)! 👀
 ## 📝 License
 
 Licensed under the [Apache 2.0 License](/LICENSE).
+
+## <picture><source height="20" width="20" media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/ibm-telemetry/telemetry-js/main/docs/images/ibm-telemetry-dark.svg"><source height="20" width="20" media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/ibm-telemetry/telemetry-js/main/docs/images/ibm-telemetry-light.svg"><img height="20" width="20" alt="IBM Telemetry" src="https://raw.githubusercontent.com/ibm-telemetry/telemetry-js/main/docs/images/ibm-telemetry-light.svg"></picture> IBM Telemetry
+
+This package uses IBM Telemetry to collect metrics data. By installing this
+package as a dependency you are agreeing to telemetry collection. To opt out,
+see
+[Opting out of IBM Telemetry data collection](https://github.com/ibm-telemetry/telemetry-js/tree/main#opting-out-of-ibm-telemetry-data-collection).
+For more information on the data being collected, please see the
+[IBM Telemetry documentation](https://github.com/ibm-telemetry/telemetry-js/tree/main#ibm-telemetry-collection-basics).

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/type",
   "description": "Typography for digital and software products using the Carbon Design System",
-  "version": "10.45.2",
+  "version": "10.45.4",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -17,7 +17,8 @@
     "scss",
     "src",
     "umd",
-    "index.scss"
+    "index.scss",
+    "telemetry.yml"
   ],
   "keywords": [
     "eyeglass-module",
@@ -34,15 +35,17 @@
   },
   "scripts": {
     "build": "yarn clean && carbon-cli bundle src/index.js --name CarbonType && carbon-cli inline && carbon-cli check \"scss/*.scss\"",
-    "clean": "rimraf css es lib umd scss/_inlined scss/vendor"
+    "clean": "rimraf css es lib umd scss/_inlined scss/vendor",
+    "postinstall": "ibmtelemetry --config=telemetry.yml"
   },
   "dependencies": {
-    "@carbon/grid": "^10.43.1",
-    "@carbon/import-once": "^10.7.0"
+    "@carbon/grid": "^10.43.3",
+    "@carbon/import-once": "^10.7.1",
+    "@ibm/telemetry-js": "^1.2.1"
   },
   "devDependencies": {
-    "@carbon/cli": "^10.34.1",
-    "@carbon/test-utils": "^10.21.0",
+    "@carbon/cli": "^10.34.3",
+    "@carbon/test-utils": "^10.21.1",
     "change-case": "^4.1.1",
     "rimraf": "^3.0.0"
   },
@@ -52,5 +55,5 @@
     "sassDir": "scss",
     "needs": "^1.3.0"
   },
-  "gitHead": "0898114f2e0a3f0ec55aadd8048eeec85c8ce8ed"
+  "gitHead": "4e41819f51f1294d467e12995c217ed83f695249"
 }

package/scss/_inlined/_scale.scss

@@ -28,7 +28,7 @@ $carbon--type-scale: ();
 @for $i from 1 through 23 {
   $carbon--type-scale: append(
     $carbon--type-scale,
-    carbon--rem(carbon--get-type-size($i))
+    to-rem(carbon--get-type-size($i))
   );
 }
 

package/scss/_scale.scss

@@ -28,7 +28,7 @@ $carbon--type-scale: ();
 @for $i from 1 through 23 {
   $carbon--type-scale: append(
     $carbon--type-scale,
-    carbon--rem(carbon--get-type-size($i))
+    to-rem(carbon--get-type-size($i))
   );
 }
 

package/scss/modules/_scale.scss

@@ -27,7 +27,7 @@
 /// @group @carbon/type
 $type-scale: ();
 @for $i from 1 through 23 {
-  $type-scale: list.append($type-scale, layout.rem(get-type-size($i)));
+  $type-scale: list.append($type-scale, layout.to-rem(get-type-size($i)));
 }
 
 /// Get the value of a specific step in the type scale

package/scss/vendor/@carbon/grid/modules/_config.scss

@@ -24,13 +24,13 @@ $flex-grid-columns: 16 !default;
 /// @type Number
 /// @access public
 /// @group @carbon/layout
-$grid-gutter: convert.rem(32px) !default;
+$grid-gutter: convert.to-rem(32px) !default;
 
 /// Carbon condensed gutter size in rem
 /// @type Number
 /// @access public
 /// @group @carbon/layout
-$grid-gutter-condensed: convert.rem(1px) !default;
+$grid-gutter-condensed: convert.to-rem(1px) !default;
 
 // Initial map of our breakpoints and their values
 /// @type Map
@@ -40,27 +40,27 @@ $grid-breakpoints: (
   sm: (
     columns: 4,
     margin: 0,
-    width: convert.rem(320px),
+    width: convert.to-rem(320px),
   ),
   md: (
     columns: 8,
-    margin: convert.rem(16px),
-    width: convert.rem(672px),
+    margin: convert.to-rem(16px),
+    width: convert.to-rem(672px),
   ),
   lg: (
     columns: 16,
-    margin: convert.rem(16px),
-    width: convert.rem(1056px),
+    margin: convert.to-rem(16px),
+    width: convert.to-rem(1056px),
   ),
   xlg: (
     columns: 16,
-    margin: convert.rem(16px),
-    width: convert.rem(1312px),
+    margin: convert.to-rem(16px),
+    width: convert.to-rem(1312px),
   ),
   max: (
     columns: 16,
-    margin: convert.rem(24px),
-    width: convert.rem(1584px),
+    margin: convert.to-rem(24px),
+    width: convert.to-rem(1584px),
   ),
 ) !default;
 

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

@@ -13,13 +13,13 @@
 /// @type Number
 /// @access public
 /// @group @carbon/layout
-$carbon--grid-gutter: carbon--rem(32px);
+$carbon--grid-gutter: to-rem(32px);
 
 /// Carbon condensed gutter size in rem
 /// @type Number
 /// @access public
 /// @group @carbon/layout
-$carbon--grid-gutter--condensed: carbon--rem(1px);
+$carbon--grid-gutter--condensed: to-rem(1px);
 
 // Initial map of our breakpoints and their values
 /// @type Map
@@ -29,27 +29,27 @@ $carbon--grid-breakpoints: (
   sm: (
     columns: 4,
     margin: 0,
-    width: carbon--rem(320px),
+    width: to-rem(320px),
   ),
   md: (
     columns: 8,
-    margin: carbon--rem(16px),
-    width: carbon--rem(672px),
+    margin: to-rem(16px),
+    width: to-rem(672px),
   ),
   lg: (
     columns: 16,
-    margin: carbon--rem(16px),
-    width: carbon--rem(1056px),
+    margin: to-rem(16px),
+    width: to-rem(1056px),
   ),
   xlg: (
     columns: 16,
-    margin: carbon--rem(16px),
-    width: carbon--rem(1312px),
+    margin: to-rem(16px),
+    width: to-rem(1312px),
   ),
   max: (
     columns: 16,
-    margin: carbon--rem(24px),
-    width: carbon--rem(1584px),
+    margin: to-rem(24px),
+    width: to-rem(1584px),
   ),
 ) !default;
 

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

@@ -33,7 +33,26 @@ $carbon--base-font-size: 16px !default;
 /// @return {Number} Number with rem unit
 /// @access public
 /// @group @carbon/layout
-@function carbon--rem($px) {
+@function to-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, $carbon--base-font-size) * 1rem;
+  } @else {
+    @return ($px / $carbon--base-font-size) * 1rem;
+  }
+}
+
+/// This function causes an error when using sass > 1.65.0
+/// Replaced with `to-rem` function
+/// @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)}`";

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

@@ -30,7 +30,23 @@ $carbon--base-font-size: 16px !default;
 /// @return {Number} Number with rem unit
 /// @access public
 /// @group @carbon/layout
-@function carbon--rem($px) {
+@function to-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 / $carbon--base-font-size) * 1rem;
+}
+
+/// This function causes an error when using sass > 1.65.0
+/// Replaced with `to-rem` function
+/// @param {Number} $px - Number with px unit
+/// @return {Number} Number with rem unit
+/// @access public
+/// @group @carbon/layout
+/// @deprecated Use `to-rem()`
+@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)}`";

package/scss/vendor/@carbon/grid/vendor/@carbon/layout/_mini-unit.scss

@@ -19,5 +19,5 @@ $carbon--mini-unit-size: 8px !default;
 /// @access public
 /// @group @carbon/layout
 @function carbon--mini-units($count) {
-  @return carbon--rem($carbon--mini-unit-size * $count);
+  @return to-rem($carbon--mini-unit-size * $count);
 }

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

@@ -19,6 +19,26 @@ $base-font-size: 16px !default;
 /// @return {Number} Number with rem unit
 /// @access public
 /// @group @carbon/layout
+@function to-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;
+  }
+}
+
+/// This function causes an error when using sass > 1.65.0
+/// Replaced with `to-rem` function
+/// @param {Number} $px - Number with px unit
+/// @return {Number} Number with rem unit
+/// @access public
+/// @group @carbon/layout
+/// @deprecated Use `to-rem()`
 @function rem($px) {
   @if unit($px) != 'px' {
     // TODO: update to @error in v11

package/telemetry.yml

@@ -0,0 +1,7 @@
+# yaml-language-server: $schema=https://unpkg.com/@ibm/telemetry-config-schema@v1/dist/config.schema.json
+version: 1
+projectId: 43a17f29-6354-4c01-b4ec-920a1248f0f7
+endpoint: https://collector-prod.1am6wm210aow.us-south.codeengine.appdomain.cloud/v1/metrics
+collect:
+  npm:
+    dependencies: null