+
diff --git a/packages/grid/examples/preview/styles.scss b/packages/grid/examples/preview/styles.scss
index 8d163bb6404d..dd0585fe4481 100644
--- a/packages/grid/examples/preview/styles.scss
+++ b/packages/grid/examples/preview/styles.scss
@@ -1,5 +1,6 @@
@use '@carbon/styles/scss/grid';
+@use '@carbon/styles/scss/components/aspect-ratio';
@include grid.flex-grid();
*,
diff --git a/packages/grid/examples/preview/yarn.lock b/packages/grid/examples/preview/yarn.lock
index 36ab0faa93fd..07d60b2c74e8 100644
--- a/packages/grid/examples/preview/yarn.lock
+++ b/packages/grid/examples/preview/yarn.lock
@@ -10,14 +10,14 @@ __metadata:
resolution: "@carbon/grid@npm:11.9.0"
dependencies:
"@carbon/layout": "npm:^11.9.0"
- checksum: 8/0be7101ebdba6f49078551d8456d1a62a29bc0838233d4f2385486825ae12adde90d4508f5d43c27d087cd023b1f0a4d7df451d758dd47bbb2b6454679002bd0
+ checksum: 10/ebf9cc5b848b0689f1dd3f2dbf552880a01c7f768474d98cc8f42deed123de64f4053ddafe39a5eecb1a7ac64d0f7a62dfe0ab6be3daf81d22cc9b697369a33c
languageName: node
linkType: hard
"@carbon/layout@npm:^11.9.0":
version: 11.9.0
resolution: "@carbon/layout@npm:11.9.0"
- checksum: 8/9e121380f7588058254ebbad05934ea80c15c8734c92dc5a3c8e1068d77afc2118735d6bec37a82489a33d46140dd432d7fb5186d425eb5efd84b442b23fac18
+ checksum: 10/5e72ed2374b1516dd5b855247494d7c6ecf24772938bc91a018b076f6af4916bd5d4202c72875798ac391734f8e082229baa55dabe8b0ee2f6c0e68d5919779d
languageName: node
linkType: hard
@@ -102,7 +102,7 @@ __metadata:
peerDependencies:
react: 15.x || 16.x || 16.4.0-alpha.0911da3
react-dom: 15.x || 16.x || 16.4.0-alpha.0911da3
- checksum: 8/eddb1fd624a10124b9df4d001e2c064b398e94276919488e546f9d429165ed21856de5fab1150b7ea8e1465e76224cfb6270d439e785cb012b68002344ec4ed3
+ checksum: 10/9215e80dd8ef9153d7d8d8059d727c3ec87356cc87cb5cfb07fc34102d648bd678082ec5d5679a9e63250cc8589e3f049e0bf9cb7d1f7113924e30eb108a953c
languageName: node
linkType: hard
@@ -128,7 +128,7 @@ __metadata:
resolution: "busboy@npm:1.6.0"
dependencies:
streamsearch: "npm:^1.1.0"
- checksum: 8/32801e2c0164e12106bf236291a00795c3c4e4b709ae02132883fe8478ba2ae23743b11c5735a0aae8afe65ac4b6ca4568b91f0d9fed1fdbc32ede824a73746e
+ checksum: 10/bee10fa10ea58e7e3e7489ffe4bda6eacd540a17de9f9cd21cc37e297b2dd9fe52b2715a5841afaec82900750d810d01d7edb4b2d456427f449b92b417579763
languageName: node
linkType: hard
@@ -142,14 +142,14 @@ __metadata:
"classnames@npm:^2.2.6":
version: 2.2.6
resolution: "classnames@npm:2.2.6"
- checksum: 8/09a4fda780158aa8399079898eabeeca0c48c28641d9e4de140db7412e5e346843039ded1af0152f755afc2cc246ff8c3d6f227bf0dcb004e070b7fa14ec54cc
+ checksum: 10/a241cdac6a06d1572e4358eff219ff9be4e2bb83f0a4080b413f32f691e8b7ba4d635b1a99123cbdfef1604e10f398b6f1433364d5645004eea957494ef1f3e8
languageName: node
linkType: hard
"client-only@npm:0.0.1":
version: 0.0.1
resolution: "client-only@npm:0.0.1"
- checksum: 8/0c16bf660dadb90610553c1d8946a7fdfb81d624adea073b8440b7d795d5b5b08beb3c950c6a2cf16279365a3265158a236876d92bce16423c485c322d7dfaf8
+ checksum: 10/0c16bf660dadb90610553c1d8946a7fdfb81d624adea073b8440b7d795d5b5b08beb3c950c6a2cf16279365a3265158a236876d92bce16423c485c322d7dfaf8
languageName: node
linkType: hard
@@ -160,7 +160,7 @@ __metadata:
good-listener: "npm:^1.2.2"
select: "npm:^1.1.2"
tiny-emitter: "npm:^2.0.0"
- checksum: 8/e0eeef536344b2334fd8b0b5969e63e094051891c7e14643e47f67779aef06491e4cecbd73b21295764235aa829534fa812134ea8920537dd6a90cad68acd11f
+ checksum: 10/e38d9fdd9115d3d9c747cde0c7add0f2f6228b85eaaa048bac7b4f704d828aaa3b9eee63c9d87acf1b2344446066c3910d7246ceb466e98c05dbf5352bcdd5ff
languageName: node
linkType: hard
@@ -173,14 +173,14 @@ __metadata:
peerDependencies:
prop-types: ^15.0.0
react: ^0.14.0 || ^15.0.0 || ^16.0.0
- checksum: 8/e59b7a65671e59f5b11e06f67faadf0733ab6c33247d5631331aeb05450d180b8ae44d73817b9c02f1527654ba490ea3d3dd7320f8d6debb36776f10b0ae6a47
+ checksum: 10/3ae9d5af6a36993c5b9928967b4258e8d327373def6fb5964cebfcb00e6dce48297317adb9346bb8fad7eed35e6b39f3dbbac8b6ab29015de48d7ee60774f665
languageName: node
linkType: hard
"delegate@npm:^3.1.2":
version: 3.2.0
resolution: "delegate@npm:3.2.0"
- checksum: 8/d943058fe05897228b158cbd1bab05164df28c8f54127873231d6b03b0a5acc1b3ee1f98ac70ccc9b79cd84aa47118a7de111fee2923753491583905069da27d
+ checksum: 10/d943058fe05897228b158cbd1bab05164df28c8f54127873231d6b03b0a5acc1b3ee1f98ac70ccc9b79cd84aa47118a7de111fee2923753491583905069da27d
languageName: node
linkType: hard
@@ -189,14 +189,14 @@ __metadata:
resolution: "good-listener@npm:1.2.2"
dependencies:
delegate: "npm:^3.1.2"
- checksum: 8/f39fb82c4e41524f56104cfd2d7aef1a88e72f3f75139115fbdf98cc7d844e0c1b39218b2e83438c6188727bf904ed78c7f0f2feff67b32833bc3af7f0202b33
+ checksum: 10/14a755ad2eeb5ca65b98359438a0bd0ed0ae27304913b1f0866e1424fdff957133644d455d03178fbcb0f83d2cdaae414cc9cbdfebf4bd04a690854cd4a657ee
languageName: node
linkType: hard
"graceful-fs@npm:^4.2.11":
version: 4.2.11
resolution: "graceful-fs@npm:4.2.11"
- checksum: 8/ac85f94da92d8eb6b7f5a8b20ce65e43d66761c55ce85ac96df6865308390da45a8d3f0296dd3a663de65d30ba497bd46c696cc1e248c72b13d6d567138a4fc7
+ checksum: 10/bf152d0ed1dc159239db1ba1f74fdbc40cb02f626770dcd5815c427ce0688c2635a06ed69af364396da4636d0408fcf7d4afdf7881724c3307e46aff30ca49e2
languageName: node
linkType: hard
@@ -218,7 +218,7 @@ __metadata:
"gud@npm:^1.0.0":
version: 1.0.0
resolution: "gud@npm:1.0.0"
- checksum: 8/3e2eb37cf794364077c18f036d6aa259c821c7fd188f2b7935cb00d589d82a41e0ebb1be809e1a93679417f62f1ad0513e745c3cf5329596e489aef8c5e5feae
+ checksum: 10/3e2eb37cf794364077c18f036d6aa259c821c7fd188f2b7935cb00d589d82a41e0ebb1be809e1a93679417f62f1ad0513e745c3cf5329596e489aef8c5e5feae
languageName: node
linkType: hard
@@ -227,14 +227,14 @@ __metadata:
resolution: "invariant@npm:2.2.4"
dependencies:
loose-envify: "npm:^1.0.0"
- checksum: 8/cc3182d793aad82a8d1f0af697b462939cb46066ec48bbf1707c150ad5fad6406137e91a262022c269702e01621f35ef60269f6c0d7fd178487959809acdfb14
+ checksum: 10/cc3182d793aad82a8d1f0af697b462939cb46066ec48bbf1707c150ad5fad6406137e91a262022c269702e01621f35ef60269f6c0d7fd178487959809acdfb14
languageName: node
linkType: hard
"js-tokens@npm:^3.0.0 || ^4.0.0":
version: 4.0.0
resolution: "js-tokens@npm:4.0.0"
- checksum: 8/8a95213a5a77deb6cbe94d86340e8d9ace2b93bc367790b260101d2f36a2eaf4e4e22d9fa9cf459b38af3a32fb4190e638024cf82ec95ef708680e405ea7cc78
+ checksum: 10/af37d0d913fb56aec6dc0074c163cc71cd23c0b8aad5c2350747b6721d37ba118af35abdd8b33c47ec2800de07dedb16a527ca9c530ee004093e04958bd0cbf2
languageName: node
linkType: hard
@@ -245,7 +245,7 @@ __metadata:
js-tokens: "npm:^3.0.0 || ^4.0.0"
bin:
loose-envify: cli.js
- checksum: 8/6517e24e0cad87ec9888f500c5b5947032cdfe6ef65e1c1936a0c48a524b81e65542c9c3edc91c97d5bddc806ee2a985dbc79be89215d613b1de5db6d1cfe6f4
+ checksum: 10/6517e24e0cad87ec9888f500c5b5947032cdfe6ef65e1c1936a0c48a524b81e65542c9c3edc91c97d5bddc806ee2a985dbc79be89215d613b1de5db6d1cfe6f4
languageName: node
linkType: hard
@@ -254,7 +254,7 @@ __metadata:
resolution: "nanoid@npm:3.3.6"
bin:
nanoid: bin/nanoid.cjs
- checksum: 8/7d0eda657002738aa5206107bd0580aead6c95c460ef1bdd0b1a87a9c7ae6277ac2e9b945306aaa5b32c6dcb7feaf462d0f552e7f8b5718abfc6ead5c94a71b3
+ checksum: 10/67235c39d1bc05851383dadde5cf77ae1c90c2a1d189e845c7f20f646f0488d875ad5f5226bbba072a88cebbb085a3f784a6673117daf785bdf614a852550362
languageName: node
linkType: hard
@@ -319,14 +319,14 @@ __metadata:
"object-assign@npm:^4.1.1":
version: 4.1.1
resolution: "object-assign@npm:4.1.1"
- checksum: 8/fcc6e4ea8c7fe48abfbb552578b1c53e0d194086e2e6bbbf59e0a536381a292f39943c6e9628af05b5528aa5e3318bb30d6b2e53cadaf5b8fe9e12c4b69af23f
+ checksum: 10/fcc6e4ea8c7fe48abfbb552578b1c53e0d194086e2e6bbbf59e0a536381a292f39943c6e9628af05b5528aa5e3318bb30d6b2e53cadaf5b8fe9e12c4b69af23f
languageName: node
linkType: hard
"picocolors@npm:^1.0.0":
version: 1.0.0
resolution: "picocolors@npm:1.0.0"
- checksum: 8/a2e8092dd86c8396bdba9f2b5481032848525b3dc295ce9b57896f931e63fc16f79805144321f72976383fc249584672a75cc18d6777c6b757603f372f745981
+ checksum: 10/a2e8092dd86c8396bdba9f2b5481032848525b3dc295ce9b57896f931e63fc16f79805144321f72976383fc249584672a75cc18d6777c6b757603f372f745981
languageName: node
linkType: hard
@@ -337,14 +337,14 @@ __metadata:
nanoid: "npm:^3.3.6"
picocolors: "npm:^1.0.0"
source-map-js: "npm:^1.0.2"
- checksum: 8/1d8611341b073143ad90486fcdfeab49edd243377b1f51834dc4f6d028e82ce5190e4f11bb2633276864503654fb7cab28e67abdc0fbf9d1f88cad4a0ff0beea
+ checksum: 10/1a6653e72105907377f9d4f2cd341d8d90e3fde823a5ddea1e2237aaa56933ea07853f0f2758c28892a1d70c53bbaca200eb8b80f8ed55f13093003dbec5afa0
languageName: node
linkType: hard
"prettify-xml@npm:^1.2.0":
version: 1.2.0
resolution: "prettify-xml@npm:1.2.0"
- checksum: 8/148ea564be7af7d936b05b10c38e91846352397be9cdda9b304f2a3f1a2b6fa175e4dc9f377e54a35180688da1495f760103ffda4b2f5556c98c784b890eb349
+ checksum: 10/148ea564be7af7d936b05b10c38e91846352397be9cdda9b304f2a3f1a2b6fa175e4dc9f377e54a35180688da1495f760103ffda4b2f5556c98c784b890eb349
languageName: node
linkType: hard
@@ -356,7 +356,7 @@ __metadata:
dependenciesMeta:
clipboard:
optional: true
- checksum: 8/27ec30e90745da01e3de235f2ebed082d72a377a4abd2b4f421380d8af456799011422241c2e6867afabf86d4bbd4f9d725c50574bc2e554367f3258483ebd2c
+ checksum: 10/dfb0d659f017cebaaa5cf2bfad73a6b5e6bf77e2f3e9e95ef497ae8d66568e6df0d6fb7dc56e54aec3348ce1d545146037cf92369c70e37b5c0e2b78cb628c75
languageName: node
linkType: hard
@@ -367,7 +367,7 @@ __metadata:
loose-envify: "npm:^1.4.0"
object-assign: "npm:^4.1.1"
react-is: "npm:^16.8.1"
- checksum: 8/5eef82fdda64252c7e75aa5c8cc28a24bbdece0f540adb60ce67c205cf978a5bd56b83e4f269f91c6e4dcfd80b36f2a2dec24d362e278913db2086ca9c6f9430
+ checksum: 10/1d2b6462559e78e4ab15775b5f9ca21bbdcf94c0c6597624a407f9f5ce2cac8c02997bc59cc517b54f64aa1e95e5134c86755ee99a24659bc023d7b2b3096e15
languageName: node
linkType: hard
@@ -379,21 +379,21 @@ __metadata:
scheduler: "npm:^0.23.0"
peerDependencies:
react: ^18.2.0
- checksum: 8/7d323310bea3a91be2965f9468d552f201b1c27891e45ddc2d6b8f717680c95a75ae0bc1e3f5cf41472446a2589a75aed4483aee8169287909fcd59ad149e8cc
+ checksum: 10/ca5e7762ec8c17a472a3605b6f111895c9f87ac7d43a610ab7024f68cd833d08eda0625ce02ec7178cc1f3c957cf0b9273cdc17aa2cd02da87544331c43b1d21
languageName: node
linkType: hard
"react-is@npm:^16.8.1":
version: 16.13.1
resolution: "react-is@npm:16.13.1"
- checksum: 8/f7a19ac3496de32ca9ae12aa030f00f14a3d45374f1ceca0af707c831b2a6098ef0d6bdae51bd437b0a306d7f01d4677fcc8de7c0d331eb47ad0f46130e53c5f
+ checksum: 10/5aa564a1cde7d391ac980bedee21202fc90bdea3b399952117f54fb71a932af1e5902020144fb354b4690b2414a0c7aafe798eb617b76a3d441d956db7726fdf
languageName: node
linkType: hard
"react-lifecycles-compat@npm:^3.0.4":
version: 3.0.4
resolution: "react-lifecycles-compat@npm:3.0.4"
- checksum: 8/a904b0fc0a8eeb15a148c9feb7bc17cec7ef96e71188280061fc340043fd6d8ee3ff233381f0e8f95c1cf926210b2c4a31f38182c8f35ac55057e453d6df204f
+ checksum: 10/c66b9c98c15cd6b0d0a4402df5f665e8cc7562fb7033c34508865bea51fd7b623f7139b5b7e708515d3cd665f264a6a9403e1fa7e6d61a05759066f5e9f07783
languageName: node
linkType: hard
@@ -402,7 +402,7 @@ __metadata:
resolution: "react@npm:18.2.0"
dependencies:
loose-envify: "npm:^1.1.0"
- checksum: 8/88e38092da8839b830cda6feef2e8505dec8ace60579e46aa5490fc3dc9bba0bd50336507dc166f43e3afc1c42939c09fe33b25fae889d6f402721dcd78fca1b
+ checksum: 10/b9214a9bd79e99d08de55f8bef2b7fc8c39630be97c4e29d7be173d14a9a10670b5325e94485f74cd8bff4966ef3c78ee53c79a7b0b9b70cba20aa8973acc694
languageName: node
linkType: hard
@@ -411,28 +411,28 @@ __metadata:
resolution: "scheduler@npm:0.23.0"
dependencies:
loose-envify: "npm:^1.1.0"
- checksum: 8/d79192eeaa12abef860c195ea45d37cbf2bbf5f66e3c4dcd16f54a7da53b17788a70d109ee3d3dde1a0fd50e6a8fc171f4300356c5aee4fc0171de526bf35f8a
+ checksum: 10/0c4557aa37bafca44ff21dc0ea7c92e2dbcb298bc62eae92b29a39b029134f02fb23917d6ebc8b1fa536b4184934314c20d8864d156a9f6357f3398aaf7bfda8
languageName: node
linkType: hard
"select@npm:^1.1.2":
version: 1.1.2
resolution: "select@npm:1.1.2"
- checksum: 8/4346151e94f226ea6131e44e68e6d837f3fdee64831b756dd657cc0b02f4cb5107f867cb34a1d1216ab7737d0bf0645d44546afb030bbd8d64e891f5e4c4814e
+ checksum: 10/4346151e94f226ea6131e44e68e6d837f3fdee64831b756dd657cc0b02f4cb5107f867cb34a1d1216ab7737d0bf0645d44546afb030bbd8d64e891f5e4c4814e
languageName: node
linkType: hard
"source-map-js@npm:^1.0.2":
version: 1.0.2
resolution: "source-map-js@npm:1.0.2"
- checksum: 8/c049a7fc4deb9a7e9b481ae3d424cc793cb4845daa690bc5a05d428bf41bf231ced49b4cf0c9e77f9d42fdb3d20d6187619fc586605f5eabe995a316da8d377c
+ checksum: 10/38e2d2dd18d2e331522001fc51b54127ef4a5d473f53b1349c5cca2123562400e0986648b52e9407e348eaaed53bce49248b6e2641e6d793ca57cb2c360d6d51
languageName: node
linkType: hard
"streamsearch@npm:^1.1.0":
version: 1.1.0
resolution: "streamsearch@npm:1.1.0"
- checksum: 8/1cce16cea8405d7a233d32ca5e00a00169cc0e19fbc02aa839959985f267335d435c07f96e5e0edd0eadc6d39c98d5435fb5bbbdefc62c41834eadc5622ad942
+ checksum: 10/612c2b2a7dbcc859f74597112f80a42cbe4d448d03da790d5b7b39673c1197dd3789e91cd67210353e58857395d32c1e955a9041c4e6d5bae723436b3ed9ed14
languageName: node
linkType: hard
@@ -448,21 +448,21 @@ __metadata:
optional: true
babel-plugin-macros:
optional: true
- checksum: 8/523a33b38603492547e861b98e29c873939b04e15fbe5ef16132c6f1e15958126647983c7d4675325038b428a5e91183d996e90141b18bdd1bbadf6e2c45b2fa
+ checksum: 10/4f6a5d0010770fdeea1183d919d528fd46c484e23c0535ef3e1dd49488116f639c594f3bd4440e3bc8a8686c9f8d53c5761599870ff039ede11a5c3bfe08a4be
languageName: node
linkType: hard
"tiny-emitter@npm:^2.0.0":
version: 2.1.0
resolution: "tiny-emitter@npm:2.1.0"
- checksum: 8/fbcfb5145751a0e3b109507a828eb6d6d4501352ab7bb33eccef46e22e9d9ad3953158870a6966a59e57ab7c3f9cfac7cab8521db4de6a5e757012f4677df2dd
+ checksum: 10/75633f4de4f47f43af56aff6162f25b87be7efc6f669fda256658f3c3f4a216f23dc0d13200c6fafaaf1b0c7142f0201352fb06aec0b77f68aea96be898f4516
languageName: node
linkType: hard
"tslib@npm:^2.4.0":
version: 2.5.0
resolution: "tslib@npm:2.5.0"
- checksum: 8/ae3ed5f9ce29932d049908ebfdf21b3a003a85653a9a140d614da6b767a93ef94f460e52c3d787f0e4f383546981713f165037dc2274df212ea9f8a4541004e1
+ checksum: 10/ea556fbdf396fe15dbd45e242754e86e7c36e0dce8644404a7c8a81ae1e940744dc639569aeca1ae370a7f804d82872f3fd8564eb23be9adb7618201d0314dac
languageName: node
linkType: hard
@@ -471,6 +471,6 @@ __metadata:
resolution: "warning@npm:4.0.3"
dependencies:
loose-envify: "npm:^1.0.0"
- checksum: 8/4f2cb6a9575e4faf71ddad9ad1ae7a00d0a75d24521c193fa464f30e6b04027bd97aa5d9546b0e13d3a150ab402eda216d59c1d0f2d6ca60124d96cd40dfa35c
+ checksum: 10/e7842aff036e2e07ce7a6cc3225e707775b969fe3d0577ad64bd24660e3a9ce3017f0b8c22a136566dcd3a151f37b8ed1ccee103b3bd82bd8a571bf80b247bc4
languageName: node
linkType: hard