From acac40f622bec2953e017fcf1710cee3616beef1 Mon Sep 17 00:00:00 2001 From: Taylor Jones Date: Wed, 28 Aug 2024 09:03:25 -0500 Subject: [PATCH] fix(aspect-ratio): correct example preview (#17171) --- .../grid/examples/preview/src/pages/index.js | 64 +++++++---------- packages/grid/examples/preview/styles.scss | 1 + packages/grid/examples/preview/yarn.lock | 68 +++++++++---------- 3 files changed, 59 insertions(+), 74 deletions(-) diff --git a/packages/grid/examples/preview/src/pages/index.js b/packages/grid/examples/preview/src/pages/index.js index 0e2f2f973450..222455e57666 100644 --- a/packages/grid/examples/preview/src/pages/index.js +++ b/packages/grid/examples/preview/src/pages/index.js @@ -789,39 +789,23 @@ const sections = [
-
-
-
-
1
-
-
+
+
1
-
-
-
-
1
-
-
+
+
1
-
-
-
-
1
-
-
+
+
1
-
-
-
-
1
-
-
+
+
1
@@ -979,29 +963,29 @@ const sections = [
-
-
+
+
1
-
-
+
+
1
-
-
+
+
1
-
-
+
+
1
@@ -1015,8 +999,8 @@ const sections = [ content: () => (
-
-
+
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis aliquam tempus rutrum. Morbi consequat, mi quis @@ -1037,18 +1021,18 @@ const sections = [
-
-
+
+
1
-
-
+
+
1
-
-
+
+
1
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