@carbon/grid 10.0.0-rc.0 → 10.2.0

package/CHANGELOG.md

@@ -0,0 +1,415 @@
+# Change Log
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+## [10.1.1](https://github.com/IBM/carbon-elements/tree/master/packages/grid/compare/v10.1.0...v10.1.1) (2019-04-13)
+
+**Note:** Version bump only for package @carbon/grid
+
+
+
+
+
+# 10.1.0 (2019-04-12)
+
+
+### Features
+
+* **sassdoc:** render Sassdoc in markdown ([#462](https://github.com/IBM/carbon-elements/tree/master/packages/grid/issues/462)) ([73cea35](https://github.com/IBM/carbon-elements/tree/master/packages/grid/commit/73cea35)), closes [#470](https://github.com/IBM/carbon-elements/tree/master/packages/grid/issues/470)
+
+
+
+# 10.0.0 (2019-03-29)
+
+
+
+# 10.0.0-rc.0 (2019-03-27)
+
+
+
+## 0.0.1-beta.5 (2019-03-25)
+
+
+
+## 0.0.1-beta.4 (2019-03-22)
+
+
+
+## 0.0.1-beta.3 (2019-03-22)
+
+
+
+## 0.0.1-beta.2 (2019-03-19)
+
+
+
+## 0.0.1-beta.1 (2019-03-13)
+
+
+### Features
+
+* **grid:** update scss folder structure and mixins ([#396](https://github.com/IBM/carbon-elements/tree/master/packages/grid/issues/396)) ([e336c1c](https://github.com/IBM/carbon-elements/tree/master/packages/grid/commit/e336c1c))
+
+
+
+## 0.0.1-beta.0 (2019-03-07)
+
+
+
+## 0.0.1-alpha.32 (2019-02-12)
+
+
+### Features
+
+* **grid:** add offset-0 class names ([#306](https://github.com/IBM/carbon-elements/tree/master/packages/grid/issues/306)) ([ba62b60](https://github.com/IBM/carbon-elements/tree/master/packages/grid/commit/ba62b60))
+* **project:** add carbon namespace to public API ([#300](https://github.com/IBM/carbon-elements/tree/master/packages/grid/issues/300)) ([1ae6f33](https://github.com/IBM/carbon-elements/tree/master/packages/grid/commit/1ae6f33))
+* **stylelint-config-elements:** add lint rule for unset usage ([c0ca2b1](https://github.com/IBM/carbon-elements/tree/master/packages/grid/commit/c0ca2b1))
+* **stylelint-config-elements:** add stylelint ([#333](https://github.com/IBM/carbon-elements/tree/master/packages/grid/issues/333)) ([94df4a2](https://github.com/IBM/carbon-elements/tree/master/packages/grid/commit/94df4a2))
+
+
+
+## 0.0.1-alpha.31 (2019-01-28)
+
+
+
+## 0.0.1-alpha.30 (2019-01-22)
+
+
+
+## 0.0.1-alpha.29 (2019-01-14)
+
+
+
+## 0.0.1-alpha.28 (2019-01-11)
+
+
+
+## 0.0.1-alpha.27 (2019-01-10)
+
+
+### Features
+
+* **bundler:** add support for scss compilation ([#222](https://github.com/IBM/carbon-elements/tree/master/packages/grid/issues/222)) ([5cfcdb8](https://github.com/IBM/carbon-elements/tree/master/packages/grid/commit/5cfcdb8))
+* **grid:** add full width grid modifier ([#207](https://github.com/IBM/carbon-elements/tree/master/packages/grid/issues/207)) ([5f72216](https://github.com/IBM/carbon-elements/tree/master/packages/grid/commit/5f72216))
+
+
+
+## 0.0.1-alpha.26 (2018-12-13)
+
+
+### Features
+
+* **grid:** add 2x1 aspect ratio class ([#178](https://github.com/IBM/carbon-elements/tree/master/packages/grid/issues/178)) ([714c414](https://github.com/IBM/carbon-elements/tree/master/packages/grid/commit/714c414))
+* **icons:** new version of filter and renaming original ([#150](https://github.com/IBM/carbon-elements/tree/master/packages/grid/issues/150)) ([1138223](https://github.com/IBM/carbon-elements/tree/master/packages/grid/commit/1138223))
+
+
+
+## 0.0.1-alpha.25 (2018-12-11)
+
+
+
+## 0.0.1-alpha.24 (2018-12-07)
+
+
+
+## 0.0.1-alpha.23 (2018-12-06)
+
+
+
+## 0.0.1-alpha.22 (2018-12-04)
+
+
+
+## 0.0.1-alpha.21 (2018-12-04)
+
+
+### Bug Fixes
+
+* **grid:** update grid based on feedback ([#108](https://github.com/IBM/carbon-elements/tree/master/packages/grid/issues/108)) ([c6c9882](https://github.com/IBM/carbon-elements/tree/master/packages/grid/commit/c6c9882))
+
+
+
+## 0.0.1-alpha.20 (2018-11-29)
+
+
+
+## 0.0.1-alpha.19 (2018-11-29)
+
+
+
+## 0.0.1-alpha.18 (2018-11-28)
+
+
+
+## 0.0.1-alpha.17 (2018-11-25)
+
+
+
+## 0.0.1-alpha.16 (2018-11-21)
+
+
+
+## 0.0.1-alpha.15 (2018-11-21)
+
+
+
+## 0.0.1-alpha.14 (2018-11-20)
+
+
+
+## 0.0.1-alpha.13 (2018-11-19)
+
+
+
+## 0.0.1-alpha.12 (2018-11-18)
+
+
+
+## 0.0.1-alpha.11 (2018-11-18)
+
+
+
+## 0.0.1-alpha.10 (2018-11-18)
+
+
+
+## 0.0.1-alpha.9 (2018-11-18)
+
+
+
+## 0.0.1-alpha.8 (2018-11-18)
+
+
+### Features
+
+* **grid:** add grid implementation ([#63](https://github.com/IBM/carbon-elements/tree/master/packages/grid/issues/63)) ([cadc583](https://github.com/IBM/carbon-elements/tree/master/packages/grid/commit/cadc583))
+
+
+
+## 0.0.1-alpha.7 (2018-11-14)
+
+
+
+## 0.0.1-alpha.5 (2018-11-14)
+
+
+
+## 0.0.1-alpha.4 (2018-11-09)
+
+
+
+## 0.0.1-alpha.3 (2018-11-09)
+
+
+### Features
+
+* **type:** update type package ([#35](https://github.com/IBM/carbon-elements/tree/master/packages/grid/issues/35)) ([85c68ea](https://github.com/IBM/carbon-elements/tree/master/packages/grid/commit/85c68ea))
+
+
+
+## 0.0.1-alpha.2 (2018-10-02)
+
+
+### Bug Fixes
+
+* **icons-react:** update build process and add storybook support ([#34](https://github.com/IBM/carbon-elements/tree/master/packages/grid/issues/34)) ([c27dbbc](https://github.com/IBM/carbon-elements/tree/master/packages/grid/commit/c27dbbc))
+
+
+
+
+
+# [10.0.0](https://github.com/IBM/carbon-elements/tree/master/packages/grid/compare/v10.0.0-rc.0...v10.0.0) (2019-03-29)
+
+
+
+# [10.0.0-rc.0](https://github.com/IBM/carbon-elements/tree/master/packages/grid/compare/v0.0.1-beta.5...v10.0.0-rc.0) (2019-03-27)
+
+
+
+## [0.0.1-beta.5](https://github.com/IBM/carbon-elements/tree/master/packages/grid/compare/v0.0.1-beta.4...v0.0.1-beta.5) (2019-03-25)
+
+
+
+## [0.0.1-beta.4](https://github.com/IBM/carbon-elements/tree/master/packages/grid/compare/v0.0.1-beta.3...v0.0.1-beta.4) (2019-03-22)
+
+
+
+## [0.0.1-beta.3](https://github.com/IBM/carbon-elements/tree/master/packages/grid/compare/v0.0.1-beta.2...v0.0.1-beta.3) (2019-03-22)
+
+
+
+## [0.0.1-beta.2](https://github.com/IBM/carbon-elements/tree/master/packages/grid/compare/v0.0.1-beta.1...v0.0.1-beta.2) (2019-03-19)
+
+
+
+## [0.0.1-beta.1](https://github.com/IBM/carbon-elements/tree/master/packages/grid/compare/v0.0.1-beta.0...v0.0.1-beta.1) (2019-03-13)
+
+
+### Features
+
+* **grid:** update scss folder structure and mixins ([#396](https://github.com/IBM/carbon-elements/tree/master/packages/grid/issues/396)) ([e336c1c](https://github.com/IBM/carbon-elements/tree/master/packages/grid/commit/e336c1c))
+
+
+
+## [0.0.1-beta.0](https://github.com/IBM/carbon-elements/tree/master/packages/grid/compare/v0.0.1-alpha.32...v0.0.1-beta.0) (2019-03-07)
+
+
+
+## [0.0.1-alpha.32](https://github.com/IBM/carbon-elements/tree/master/packages/grid/compare/v0.0.1-alpha.31...v0.0.1-alpha.32) (2019-02-12)
+
+
+### Features
+
+* **grid:** add offset-0 class names ([#306](https://github.com/IBM/carbon-elements/tree/master/packages/grid/issues/306)) ([ba62b60](https://github.com/IBM/carbon-elements/tree/master/packages/grid/commit/ba62b60))
+* **project:** add carbon namespace to public API ([#300](https://github.com/IBM/carbon-elements/tree/master/packages/grid/issues/300)) ([1ae6f33](https://github.com/IBM/carbon-elements/tree/master/packages/grid/commit/1ae6f33))
+* **stylelint-config-elements:** add lint rule for unset usage ([c0ca2b1](https://github.com/IBM/carbon-elements/tree/master/packages/grid/commit/c0ca2b1))
+* **stylelint-config-elements:** add stylelint ([#333](https://github.com/IBM/carbon-elements/tree/master/packages/grid/issues/333)) ([94df4a2](https://github.com/IBM/carbon-elements/tree/master/packages/grid/commit/94df4a2))
+
+
+
+## [0.0.1-alpha.31](https://github.com/IBM/carbon-elements/tree/master/packages/grid/compare/v0.0.1-alpha.30...v0.0.1-alpha.31) (2019-01-28)
+
+
+
+## [0.0.1-alpha.30](https://github.com/IBM/carbon-elements/tree/master/packages/grid/compare/v0.0.1-alpha.29...v0.0.1-alpha.30) (2019-01-22)
+
+
+
+## [0.0.1-alpha.29](https://github.com/IBM/carbon-elements/tree/master/packages/grid/compare/v0.0.1-alpha.28...v0.0.1-alpha.29) (2019-01-14)
+
+
+
+## [0.0.1-alpha.28](https://github.com/IBM/carbon-elements/tree/master/packages/grid/compare/v0.0.1-alpha.27...v0.0.1-alpha.28) (2019-01-11)
+
+
+
+## [0.0.1-alpha.27](https://github.com/IBM/carbon-elements/tree/master/packages/grid/compare/v0.0.1-alpha.26...v0.0.1-alpha.27) (2019-01-10)
+
+
+### Features
+
+* **bundler:** add support for scss compilation ([#222](https://github.com/IBM/carbon-elements/tree/master/packages/grid/issues/222)) ([5cfcdb8](https://github.com/IBM/carbon-elements/tree/master/packages/grid/commit/5cfcdb8))
+* **grid:** add full width grid modifier ([#207](https://github.com/IBM/carbon-elements/tree/master/packages/grid/issues/207)) ([5f72216](https://github.com/IBM/carbon-elements/tree/master/packages/grid/commit/5f72216))
+
+
+
+## [0.0.1-alpha.26](https://github.com/IBM/carbon-elements/tree/master/packages/grid/compare/v0.0.1-alpha.25...v0.0.1-alpha.26) (2018-12-13)
+
+
+### Features
+
+* **grid:** add 2x1 aspect ratio class ([#178](https://github.com/IBM/carbon-elements/tree/master/packages/grid/issues/178)) ([714c414](https://github.com/IBM/carbon-elements/tree/master/packages/grid/commit/714c414))
+* **icons:** new version of filter and renaming original ([#150](https://github.com/IBM/carbon-elements/tree/master/packages/grid/issues/150)) ([1138223](https://github.com/IBM/carbon-elements/tree/master/packages/grid/commit/1138223))
+
+
+
+## [0.0.1-alpha.25](https://github.com/IBM/carbon-elements/tree/master/packages/grid/compare/v0.0.1-alpha.24...v0.0.1-alpha.25) (2018-12-11)
+
+
+
+## [0.0.1-alpha.24](https://github.com/IBM/carbon-elements/tree/master/packages/grid/compare/v0.0.1-alpha.23...v0.0.1-alpha.24) (2018-12-07)
+
+
+
+## [0.0.1-alpha.23](https://github.com/IBM/carbon-elements/tree/master/packages/grid/compare/v0.0.1-alpha.22...v0.0.1-alpha.23) (2018-12-06)
+
+
+
+## [0.0.1-alpha.22](https://github.com/IBM/carbon-elements/tree/master/packages/grid/compare/v0.0.1-alpha.21...v0.0.1-alpha.22) (2018-12-04)
+
+
+
+## [0.0.1-alpha.21](https://github.com/IBM/carbon-elements/tree/master/packages/grid/compare/v0.0.1-alpha.20...v0.0.1-alpha.21) (2018-12-04)
+
+
+### Bug Fixes
+
+* **grid:** update grid based on feedback ([#108](https://github.com/IBM/carbon-elements/tree/master/packages/grid/issues/108)) ([c6c9882](https://github.com/IBM/carbon-elements/tree/master/packages/grid/commit/c6c9882))
+
+
+
+## [0.0.1-alpha.20](https://github.com/IBM/carbon-elements/tree/master/packages/grid/compare/v0.0.1-alpha.19...v0.0.1-alpha.20) (2018-11-29)
+
+
+
+## [0.0.1-alpha.19](https://github.com/IBM/carbon-elements/tree/master/packages/grid/compare/v0.0.1-alpha.18...v0.0.1-alpha.19) (2018-11-29)
+
+
+
+## [0.0.1-alpha.18](https://github.com/IBM/carbon-elements/tree/master/packages/grid/compare/v0.0.1-alpha.17...v0.0.1-alpha.18) (2018-11-28)
+
+
+
+## [0.0.1-alpha.17](https://github.com/IBM/carbon-elements/tree/master/packages/grid/compare/v0.0.1-alpha.16...v0.0.1-alpha.17) (2018-11-25)
+
+
+
+## [0.0.1-alpha.16](https://github.com/IBM/carbon-elements/tree/master/packages/grid/compare/v0.0.1-alpha.15...v0.0.1-alpha.16) (2018-11-21)
+
+
+
+## [0.0.1-alpha.15](https://github.com/IBM/carbon-elements/tree/master/packages/grid/compare/v0.0.1-alpha.14...v0.0.1-alpha.15) (2018-11-21)
+
+
+
+## [0.0.1-alpha.14](https://github.com/IBM/carbon-elements/tree/master/packages/grid/compare/v0.0.1-alpha.13...v0.0.1-alpha.14) (2018-11-20)
+
+
+
+## [0.0.1-alpha.13](https://github.com/IBM/carbon-elements/tree/master/packages/grid/compare/v0.0.1-alpha.12...v0.0.1-alpha.13) (2018-11-19)
+
+
+
+## [0.0.1-alpha.12](https://github.com/IBM/carbon-elements/tree/master/packages/grid/compare/v0.0.1-alpha.11...v0.0.1-alpha.12) (2018-11-18)
+
+
+
+## [0.0.1-alpha.11](https://github.com/IBM/carbon-elements/tree/master/packages/grid/compare/v0.0.1-alpha.10...v0.0.1-alpha.11) (2018-11-18)
+
+
+
+## [0.0.1-alpha.10](https://github.com/IBM/carbon-elements/tree/master/packages/grid/compare/v0.0.1-alpha.9...v0.0.1-alpha.10) (2018-11-18)
+
+
+
+## [0.0.1-alpha.9](https://github.com/IBM/carbon-elements/tree/master/packages/grid/compare/v0.0.1-alpha.8...v0.0.1-alpha.9) (2018-11-18)
+
+
+
+## [0.0.1-alpha.8](https://github.com/IBM/carbon-elements/tree/master/packages/grid/compare/v0.0.1-alpha.7...v0.0.1-alpha.8) (2018-11-18)
+
+
+### Features
+
+* **grid:** add grid implementation ([#63](https://github.com/IBM/carbon-elements/tree/master/packages/grid/issues/63)) ([cadc583](https://github.com/IBM/carbon-elements/tree/master/packages/grid/commit/cadc583))
+
+
+
+## [0.0.1-alpha.7](https://github.com/IBM/carbon-elements/tree/master/packages/grid/compare/v0.0.1-alpha.5...v0.0.1-alpha.7) (2018-11-14)
+
+
+
+## [0.0.1-alpha.5](https://github.com/IBM/carbon-elements/tree/master/packages/grid/compare/v0.0.1-alpha.4...v0.0.1-alpha.5) (2018-11-14)
+
+
+
+## [0.0.1-alpha.4](https://github.com/IBM/carbon-elements/tree/master/packages/grid/compare/v0.0.1-alpha.3...v0.0.1-alpha.4) (2018-11-09)
+
+
+
+## [0.0.1-alpha.3](https://github.com/IBM/carbon-elements/tree/master/packages/grid/compare/v0.0.1-alpha.2...v0.0.1-alpha.3) (2018-11-09)
+
+
+### Features
+
+* **type:** update type package ([#35](https://github.com/IBM/carbon-elements/tree/master/packages/grid/issues/35)) ([85c68ea](https://github.com/IBM/carbon-elements/tree/master/packages/grid/commit/85c68ea))
+
+
+
+## [0.0.1-alpha.2](https://github.com/IBM/carbon-elements/tree/master/packages/grid/compare/v0.0.1-alpha.0...v0.0.1-alpha.2) (2018-10-02)
+
+
+### Bug Fixes
+
+* **icons-react:** update build process and add storybook support ([#34](https://github.com/IBM/carbon-elements/tree/master/packages/grid/issues/34)) ([c27dbbc](https://github.com/IBM/carbon-elements/tree/master/packages/grid/commit/c27dbbc))

package/LICENSE

@@ -178,7 +178,7 @@
    APPENDIX: How to apply the Apache License to your work.
 
       To apply the Apache License to your work, attach the following
-      boilerplate notice, with the fields enclosed by brackets "[]"
+      boilerplate notice, with the fields enclosed by brackets "{}"
       replaced with your own identifying information. (Don't include
       the brackets!)  The text should be enclosed in the appropriate
       comment syntax for the file format. We also recommend that a
@@ -186,7 +186,7 @@
       same "printed page" as the copyright notice for easier
       identification within third-party archives.
 
-   Copyright 2018 IBM Corp.
+   Copyright 2015 IBM Corp.
 
    Licensed under the Apache License, Version 2.0 (the "License");
    you may not use this file except in compliance with the License.

package/README.md

@@ -4,15 +4,15 @@
 
 ## Getting started
 
-To install `@carbon/grid` in your project, you will need to run the
-following command using [npm](https://www.npmjs.com/):
+To install `@carbon/grid` in your project, you will need to run the following
+command using [npm](https://www.npmjs.com/):
 
 ```bash
 npm install -S @carbon/grid
 ```
 
-If you prefer [Yarn](https://yarnpkg.com/en/), use the following
-command instead:
+If you prefer [Yarn](https://yarnpkg.com/en/), use the following command
+instead:
 
 ```bash
 yarn add @carbon/grid
@@ -20,17 +20,17 @@ yarn add @carbon/grid
 
 ## Usage
 
-`@carbon/grid` has three primitive class types to use in order to
-structure your application. They include:
+`@carbon/grid` has three primitive class types to use in order to structure your
+application. They include:
 
-- `bx--grid`, defines the overall grid context and sets some useful
-  attributes like width and margin
+- `bx--grid`, defines the overall grid context and sets some useful attributes
+  like width and margin
 - `bx--row`, defines a row of items in a grid
 - `bx--col`, used to define individual columns
 
-You can use a combination of these classes to build a layout. For
-example, if we wanted a 4 column layout for a small breakpoint we
-could use the following markup:
+You can use a combination of these classes to build a layout. For example, if we
+wanted a 4 column layout for a small breakpoint we could use the following
+markup:
 
 ```html
 <div class="bx--grid">
@@ -43,14 +43,14 @@ could use the following markup:
 </div>
 ```
 
-While this layout can work for some grid usage scenarios, we probably
-will want more control over how many columns our layout will span at
-each given breakpoint.
+While this layout can work for some grid usage scenarios, we probably will want
+more control over how many columns our layout will span at each given
+breakpoint.
 
-By default, `@carbon/grid` uses the breakpoints defined in `@carbon/layout`. There are five breakpoints: `sm`, `md`, `lg`, `xlg`,
-and `max`. You can use each one in combination with a column to
-specify the number of columns to span at a given breakpoint. For
-example, we could rewrite the above example to be:
+By default, `@carbon/grid` uses the breakpoints defined in `@carbon/layout`.
+There are five breakpoints: `sm`, `md`, `lg`, `xlg`, and `max`. You can use each
+one in combination with a column to specify the number of columns to span at a
+given breakpoint. For example, we could rewrite the above example to be:
 
 ```html
 <div class="bx--grid">
@@ -63,17 +63,21 @@ example, we could rewrite the above example to be:
 </div>
 ```
 
-The `.bx--col-sm-1` class names tells us that this `<div>` should only
-span one column at our `sm` breakpoint. By default, as we scale beyond
-the breakpoint the layout will still take up a percentage of the
-overall width.
+The `.bx--col-sm-1` class names tells us that this `<div>` should only span one
+column at our `sm` breakpoint. By default, as we scale beyond the breakpoint the
+layout will still take up a percentage of the overall width.
+
+## 📖 API Documentation
+
+If you're looking for `@carbon/grid` API documentation, check out:
+
+- [Sass](./docs/sass.md)
 
 ## 🙌 Contributing
 
-We're always looking for contributors to help us fix bugs, build new
-features, or help us improve the project documentation. If you're
-interested, definitely check out our [Contributing Guide](/.github/CONTRIBUTING.md)
-! 👀
+We're always looking for contributors to help us fix bugs, build new features,
+or help us improve the project documentation. If you're interested, definitely
+check out our [Contributing Guide](/.github/CONTRIBUTING.md) ! 👀
 
 ## 📝 License
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/grid",
   "description": "Grid for digital and software products using the Carbon Design System",
-  "version": "10.0.0-rc.0",
+  "version": "10.2.0",
   "license": "Apache-2.0",
   "repository": "https://github.com/IBM/carbon-elements/tree/master/packages/grid",
   "bugs": "https://github.com/IBM/carbon-elements/issues",
@@ -20,10 +20,17 @@
   "publishConfig": {
     "access": "public"
   },
-  "scripts": {},
+  "scripts": {
+    "build": "yarn clean && bundler sassdoc 'scss/*.scss' && bundler inline && bundler check 'scss/*.scss'",
+    "clean": "rimraf scss/_inlined scss/vendor"
+  },
   "dependencies": {
-    "@carbon/import-once": "10.0.0-rc.0",
-    "@carbon/layout": "10.0.0-rc.0"
+    "@carbon/import-once": "10.2.0",
+    "@carbon/layout": "10.2.0"
+  },
+  "devDependencies": {
+    "@carbon/bundler": "10.2.0",
+    "rimraf": "^2.6.3"
   },
   "eyeglass": {
     "exports": false,
@@ -31,5 +38,5 @@
     "sassDir": "scss",
     "needs": "^1.3.0"
   },
-  "gitHead": "1d45594d448a22447b2b2685445362438b7c8944"
+  "gitHead": "e71825a0cf44f6f41fee7d2b0dd9c57d7bda126a"
 }

package/scss/12.scss

@@ -7,6 +7,10 @@
 
 @import 'mixins';
 
+/// Overrides `$carbon--grid-breakpoints` to use a 12 column grid instead of the default 16
+/// @type Map
+/// @access public
+/// @group @carbon/grid
 $carbon--12-column-grid: map-merge(
   $carbon--grid-breakpoints,
   (

package/scss/_inlined/12.scss

@@ -0,0 +1,41 @@
+//
+// 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.
+//
+
+@import 'mixins';
+
+/// Overrides `$carbon--grid-breakpoints` to use a 12 column grid instead of the default 16
+/// @type Map
+/// @access public
+/// @group @carbon/grid
+$carbon--12-column-grid: map-merge(
+  $carbon--grid-breakpoints,
+  (
+    lg:
+      map-merge(
+        map-get($carbon--grid-breakpoints, lg),
+        (
+          columns: 12,
+        )
+      ),
+    xlg:
+      map-merge(
+        map-get($carbon--grid-breakpoints, xlg),
+        (
+          columns: 12,
+        )
+      ),
+    max:
+      map-merge(
+        map-get($carbon--grid-breakpoints, max),
+        (
+          columns: 12,
+        )
+      ),
+  )
+);
+
+@include carbon--grid($breakpoints: $carbon--12-column-grid);