@carbon/layout 10.37.1 → 10.37.3

package/README.md

@@ -50,3 +50,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/docs/sass.md

@@ -20,30 +20,30 @@ the following:
 
 ## API
 
-| Export              | Description | !default |
-| :------------------ | :---------- | :------- |
-| `$spacing-01`       |             | ✅       |
-| `$spacing-02`       |             | ✅       |
-| `$spacing-03`       |             | ✅       |
-| `$spacing-04`       |             | ✅       |
-| `$spacing-05`       |             | ✅       |
-| `$spacing-06`       |             | ✅       |
-| `$spacing-07`       |             | ✅       |
-| `$spacing-08`       |             | ✅       |
-| `$spacing-09`       |             | ✅       |
-| `$spacing-10`       |             | ✅       |
-| `$spacing-11`       |             | ✅       |
-| `$spacing-12`       |             | ✅       |
-| `$spacing-13`       |             | ✅       |
-| `$spacing `         |             |          |
-| `$fluid-spacing-01` |             | ✅       |
-| `$fluid-spacing-02` |             | ✅       |
-| `$fluid-spacing-03` |             | ✅       |
-| `$fluid-spacing-04` |             | ✅       |
-| `$fluid-spacing `   |             |          |
-| `@function em`      |             |          |
-| `@function rem`     |             |          |
-| `$base-font-size`   |             | ✅       |
+| Export                  | Description | !default |
+| :---------------------- | :---------- | :------- |
+| `$spacing-01`           |             | ✅       |
+| `$spacing-02`           |             | ✅       |
+| `$spacing-03`           |             | ✅       |
+| `$spacing-04`           |             | ✅       |
+| `$spacing-05`           |             | ✅       |
+| `$spacing-06`           |             | ✅       |
+| `$spacing-07`           |             | ✅       |
+| `$spacing-08`           |             | ✅       |
+| `$spacing-09`           |             | ✅       |
+| `$spacing-10`           |             | ✅       |
+| `$spacing-11`           |             | ✅       |
+| `$spacing-12`           |             | ✅       |
+| `$spacing-13`           |             | ✅       |
+| `$spacing `             |             |          |
+| `$fluid-spacing-01`     |             | ✅       |
+| `$fluid-spacing-02`     |             | ✅       |
+| `$fluid-spacing-03`     |             | ✅       |
+| `$fluid-spacing-04`     |             | ✅       |
+| `$fluid-spacing `       |             |          |
+| `@function em`          |             |          |
+| `@function carbon--rem` |             |          |
+| `$base-font-size`       |             | ✅       |
 
 ### Configuration
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/layout",
   "description": "Layout helpers for digital and software products using the Carbon Design System",
-  "version": "10.37.1",
+  "version": "10.37.3",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -26,10 +26,11 @@
   },
   "scripts": {
     "build": "yarn clean && carbon-cli bundle src/index.js --name CarbonLayout && node tasks/build.js",
-    "clean": "rimraf es lib umd scss/generated scss/modules/generated"
+    "clean": "rimraf es lib umd scss/generated scss/modules/generated",
+    "postinstall": "ibmtelemetry --config=telemetry.yml"
   },
   "devDependencies": {
-    "@carbon/cli": "^10.34.0",
+    "@carbon/cli": "^10.34.3",
     "@carbon/cli-reporter": "^10.5.0",
     "@carbon/scss-generator": "^10.13.0",
     "@carbon/test-utils": "^10.21.1",
@@ -42,5 +43,8 @@
     "sassDir": "scss",
     "needs": "^1.3.0"
   },
-  "gitHead": "9b11eecab91c41ae4ffda711c5e1f631f2fb33db"
+  "dependencies": {
+    "@ibm/telemetry-js": "^1.2.1"
+  },
+  "gitHead": "4e41819f51f1294d467e12995c217ed83f695249"
 }

package/scss/_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/_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/_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/_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/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: bf462a00-a4ac-4660-8554-c59ce1f088e8
+endpoint: https://collector-prod.1am6wm210aow.us-south.codeengine.appdomain.cloud/v1/metrics
+collect:
+  npm:
+    dependencies: null