From 5bbf3d8bf3f43dad6cc6175b141b757ece2482f1 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" Date: Sun, 26 Nov 2023 02:02:50 +0000 Subject: [PATCH] chore(docs): Regenerate docs ba56fdd36542b014106e2d4a16857d290f498ada --- 10035-3610829deae9fd0a424f.css | 6 ++ 10035-3610829deae9fd0a424f.js | 1 + 10077-a24c3687d801fd2e4893.css | 1 + 10077-a24c3687d801fd2e4893.js | 1 + 10092-9d755c85cb75cbf0ff05.css | 3 + 10092-9d755c85cb75cbf0ff05.js | 1 + 10198-1413d604e67cc3516085.css | 1 + 10198-1413d604e67cc3516085.js | 1 + 10279-8b6b12170c4ceafead05.css | 1 + 10279-8b6b12170c4ceafead05.js | 1 + 10790-634b7a19a7ef37ee357d.css | 1 + 10790-634b7a19a7ef37ee357d.js | 1 + 109-3bbc2eeeaa9919b64fad.css | 1 + 109-3bbc2eeeaa9919b64fad.js | 1 + 10930-769271cdbe9b42a364bb.js | 1 + 11013-987f41daa52932e18781.css | 1 + 11013-987f41daa52932e18781.js | 1 + 1107-b9e05f34568f8295750d.css | 1 + 1107-b9e05f34568f8295750d.js | 1 + 11177-b1babd21ab412fc8e755.css | 2 + 11177-b1babd21ab412fc8e755.js | 1 + 11264-8736b6990bd4f8558c5f.css | 1 + 11290-c97f2480842ee9cab83e.css | 7 ++ 11290-c97f2480842ee9cab83e.js | 1 + 12389-564325ef9f8255680188.css | 1 + 12389-564325ef9f8255680188.js | 1 + 12946-1a4f6f5d4d2a5a0c47ab.css | 2 + 12946-1a4f6f5d4d2a5a0c47ab.js | 1 + 12953-f208c666016a4a62d5f2.css | 1 + 12953-f208c666016a4a62d5f2.js | 1 + 13011-9c6a5435dd62dd3cef49.css | 1 + 13011-9c6a5435dd62dd3cef49.js | 1 + 13207-4458121dc6421c4bcdc8.css | 1 + 13207-4458121dc6421c4bcdc8.js | 1 + 13390-505c9ad7871d4991cc56.css | 3 + 13390-505c9ad7871d4991cc56.js | 1 + 13395-cdc275f42637faf15bff.css | 7 ++ 13398-9eb2ceb7017124cfa75c.css | 4 + 13398-9eb2ceb7017124cfa75c.js | 1 + 13511-5094caf7d38d6974e209.css | 3 + 13511-5094caf7d38d6974e209.js | 1 + 13844-980fd431d4a77702b8cf.css | 5 + 13844-980fd431d4a77702b8cf.js | 1 + 13898-bfa8eb80ee2e48c8ebf0.css | 5 + 13898-bfa8eb80ee2e48c8ebf0.js | 1 + 14041-e2caee562762f30667ea.css | 4 + 14114-e613fd6ba98ec7199f0a.css | 1 + 14114-e613fd6ba98ec7199f0a.js | 1 + 14206-39270bbc4aa44111239e.css | 2 + 14431-8528bdde1a4b2c32b30d.css | 1 + 14431-8528bdde1a4b2c32b30d.js | 1 + 14516-b57c3582defab5b6135f.css | 4 + 14516-b57c3582defab5b6135f.js | 1 + 1482-94877f08a0a3241b5803.css | 1 + 1482-94877f08a0a3241b5803.js | 1 + 14873-fb8be8f4427d65d59379.css | 1 + 14873-fb8be8f4427d65d59379.js | 1 + 15129-5f168cdd86e9ae5ad7cb.css | 1 + 15129-5f168cdd86e9ae5ad7cb.js | 1 + 15145-6382ff824f741b8d9d8f.css | 1 + 15145-6382ff824f741b8d9d8f.js | 1 + 15249-1bbae615c4c2e045161d.css | 1 + 15249-1bbae615c4c2e045161d.js | 1 + 15318-6ae56bc7dbec16ce2b52.css | 1 + 15553-d763f1905df485ff03e6.js | 1 + 15661-03858f72d7513c95c995.css | 1 + 15661-03858f72d7513c95c995.js | 1 + 16380-5f0d1e31f1b76fa812cd.css | 5 + 16380-5f0d1e31f1b76fa812cd.js | 1 + 16404-744c1ac2fbbf8274fe5b.css | 1 + 16404-744c1ac2fbbf8274fe5b.js | 1 + 16467-47c4f7cf6c4d5ddb2d76.css | 6 ++ 16467-47c4f7cf6c4d5ddb2d76.js | 1 + 16539-babfaa06cd34111f9500.css | 1 + 16539-babfaa06cd34111f9500.js | 1 + 16699-e2e5d3a3d2303f73f544.css | 1 + 16699-e2e5d3a3d2303f73f544.js | 1 + 16772-7dee4c794d1c70789984.js | 1 + 16835-eefc8d86a1da6efa3244.css | 2 + 17040-24518558b32ff212d72c.css | 4 + 17040-24518558b32ff212d72c.js | 1 + 17347-3b84d897f1e10fc26025.css | 5 + 17347-3b84d897f1e10fc26025.js | 1 + 17605-a8d2dd072b5895827bb5.css | 6 ++ 17605-a8d2dd072b5895827bb5.js | 1 + 17636-edb92119ec157df3ecab.css | 6 ++ 17657-b29fd635122d8c0f2691.css | 4 + 17665-18696a755c241e5e68ed.css | 1 + 17665-18696a755c241e5e68ed.js | 1 + 17798-919f444ba0ebc3f232f9.css | 1 + 17798-919f444ba0ebc3f232f9.js | 1 + 18101-d0b31643a87e87b3f528.css | 1 + 18449-06c2bd2806d11c83d57b.css | 1 + 18449-06c2bd2806d11c83d57b.js | 1 + 18508-38aeb9dbcc9a11468209.css | 6 ++ 18508-38aeb9dbcc9a11468209.js | 1 + 18576-272acc64bbcca20e4798.css | 1 + 18576-272acc64bbcca20e4798.js | 1 + 18683-ed14326fadc487845d15.css | 1 + 18683-ed14326fadc487845d15.js | 1 + 1871-5ad540169fef8ff2968d.js | 1 + 18875-28f1c05d707a6e961a79.css | 5 + 18875-28f1c05d707a6e961a79.js | 1 + 19154-e717868fc3635cc38528.js | 1 + 19927-c3cffa9087705e1c789e.css | 1 + 19927-c3cffa9087705e1c789e.js | 1 + 20020-e7140064e84763786b73.css | 8 ++ 20020-e7140064e84763786b73.js | 1 + 2048-7afa91d39985c84fefe1.js | 1 + 20509-c377e994f7967825b20d.css | 8 ++ 20509-c377e994f7967825b20d.js | 1 + 20708-a5fefacaf264d6f90b67.css | 5 + 20781-49c40bb77a8cbae44c94.css | 1 + 20781-49c40bb77a8cbae44c94.js | 1 + 21038-ea5cf4e4a8ca5569ce9f.css | 1 + 21038-ea5cf4e4a8ca5569ce9f.js | 1 + 21254-bdcd0d2226fe95d20a8f.css | 1 + 21254-bdcd0d2226fe95d20a8f.js | 1 + 21396-734ed5ef295e46bd699a.css | 1 + 21396-734ed5ef295e46bd699a.js | 1 + 21479-b34e3e186c5a57d9ea96.css | 5 + 21479-b34e3e186c5a57d9ea96.js | 1 + 22440-ce912c732dfc12cfb2dd.css | 1 + 22440-ce912c732dfc12cfb2dd.js | 1 + 22600-5bcc1d0d43291deefd24.css | 1 + 22600-5bcc1d0d43291deefd24.js | 1 + 22995-d06eda47078921dcb7ae.css | 8 ++ 22995-d06eda47078921dcb7ae.js | 1 + 2357-9b20371cbea8f5dea9cc.css | 1 + 2357-9b20371cbea8f5dea9cc.js | 1 + 23931-93b3e9080ef56f7062cf.css | 1 + 23931-93b3e9080ef56f7062cf.js | 1 + 23997-f9a43bae9bac28e54764.js | 1 + 2419-5b7e154f621d9467e9f3.css | 1 + 2419-5b7e154f621d9467e9f3.js | 1 + 24316-df7ae11a94b69fe419f1.css | 1 + 24316-df7ae11a94b69fe419f1.js | 1 + 24441-47d61a081386c97baac3.css | 1 + 24441-47d61a081386c97baac3.js | 1 + 24557-f9ad0edb8149ada4fe20.css | 1 + 24557-f9ad0edb8149ada4fe20.js | 1 + 24716-1146469004c308e88d25.css | 7 ++ 24716-1146469004c308e88d25.js | 1 + 24867-3406fb1691e8a8acf703.css | 1 + 24867-3406fb1691e8a8acf703.js | 1 + 25017-1106036407d52583c6dc.css | 1 + 25017-1106036407d52583c6dc.js | 1 + 2544-cfc787277f1334c6a5fb.js | 1 + 27152-7b3d7bbfea394dd30f3e.css | 7 ++ 27166-26567580a0af1bf5c989.css | 3 + 27166-26567580a0af1bf5c989.js | 1 + 27195-03ded0091b3e2b8f1979.css | 3 + 27195-03ded0091b3e2b8f1979.js | 1 + 2721-e3bb32ee48b7f6b6df1f.css | 2 + 2721-e3bb32ee48b7f6b6df1f.js | 1 + 27444-7b14ecfa49b7d6349835.css | 4 + 27912-9f8f1de9bdcc476ab1d4.css | 1 + 27912-9f8f1de9bdcc476ab1d4.js | 1 + 28003-a9270006f972384ae905.css | 1 + 28003-a9270006f972384ae905.js | 1 + 28434-4823464f543b41f5b66b.css | 3 + 28434-4823464f543b41f5b66b.js | 1 + 28797-fdad9d4c21bf85855bb0.js | 1 + 28850-8a1d1a0d595370c952e4.css | 5 + 28850-8a1d1a0d595370c952e4.js | 1 + 28888-a70a58123c3ee3a9e237.css | 1 + 28888-a70a58123c3ee3a9e237.js | 1 + 28950-b3ea18ec49473f584440.css | 1 + 28950-b3ea18ec49473f584440.js | 1 + 29337-bc2b360fba2cde130bb6.css | 1 + 29337-bc2b360fba2cde130bb6.js | 1 + 29370-4909286f6107e5143a36.css | 6 ++ 29370-4909286f6107e5143a36.js | 1 + 29446-f9531eff9f13a490d712.css | 1 + 29446-f9531eff9f13a490d712.js | 1 + 29859-df5679d1838bf994ab0e.css | 5 + 29859-df5679d1838bf994ab0e.js | 1 + 2993-bf0b77800347f6a14405.css | 7 ++ 2993-bf0b77800347f6a14405.js | 1 + 30551-467b9a9f23507294ce51.css | 1 + 30551-467b9a9f23507294ce51.js | 1 + 30683-eca01bcc4f873818ed81.css | 1 + 30683-eca01bcc4f873818ed81.js | 1 + 31003-0b49a079853d1a8543ac.js | 1 + 31308-98eb38f69c82689f3947.css | 6 ++ 31308-98eb38f69c82689f3947.js | 1 + 31446-b8e771a24d2641c0f8f7.css | 2 + 31446-b8e771a24d2641c0f8f7.js | 1 + 31611-7adef1ab73a41417f96e.css | 5 + 31611-7adef1ab73a41417f96e.js | 1 + 3193-8df337ff970cb4f95bc9.css | 1 + 3236-45ab5188c88d2ddce775.css | 1 + 3236-45ab5188c88d2ddce775.js | 1 + 32683-76b0d3351ddcb5d4a6bf.css | 1 + 32683-76b0d3351ddcb5d4a6bf.js | 1 + 32741-36eb6d5658d25362913b.css | 4 + 32757-21fae4558eac73c7fddd.css | 1 + 32757-21fae4558eac73c7fddd.js | 1 + 33315-32445d63247682f4b359.css | 4 + 33324-6466a89669fb5df9413a.css | 4 + 33324-6466a89669fb5df9413a.js | 1 + 33444-dedcb4e3895f0af1cbe9.css | 1 + 33444-dedcb4e3895f0af1cbe9.js | 1 + 3353-4cffc0928416959f0067.css | 1 + 33559-ca5c551870e1ace8631b.css | 5 + 33559-ca5c551870e1ace8631b.js | 1 + 33605-3ad842b81c11fab83a8e.css | 1 + 33605-3ad842b81c11fab83a8e.js | 1 + 33856-a3f2cb006bfc2a70a3e6.css | 1 + 33856-a3f2cb006bfc2a70a3e6.js | 1 + 34003-ee6bdd677bf6dfe30213.css | 4 + 34003-ee6bdd677bf6dfe30213.js | 1 + 34319-effccc93e8c59056ced1.css | 1 + 3469-ea13a6a2430bdcc095df.css | 5 + 3469-ea13a6a2430bdcc095df.js | 1 + 34795-1075a0b6c67dae90c659.css | 1 + 34795-1075a0b6c67dae90c659.js | 1 + 35282-d1621a086ad832026302.js | 1 + 35716-2b9a5f973cba09705422.css | 3 + 35716-2b9a5f973cba09705422.js | 1 + 35794-e81a4f76b40ff5e11fc0.css | 4 + 35794-e81a4f76b40ff5e11fc0.js | 1 + 35980-ec7cffa44c822cb45573.css | 1 + 35980-ec7cffa44c822cb45573.js | 1 + 36544-76266812e004d5ac1442.js | 1 + 37344-28103929c5f7bd0c289c.css | 4 + 37684-42a156b67b9292d6474e.css | 1 + 37684-42a156b67b9292d6474e.js | 1 + 37753-683dac8bbe670c9d31a0.css | 1 + 37753-683dac8bbe670c9d31a0.js | 1 + 37864-ebe82076d5125f8659dc.css | 1 + 37864-ebe82076d5125f8659dc.js | 1 + 37871-f76067e25bd17143c7ff.css | 1 + 37871-f76067e25bd17143c7ff.js | 1 + 38208-80b06dd6543c204cd6f7.css | 1 + 38208-80b06dd6543c204cd6f7.js | 1 + 38443-80394f4c60e142de94ce.css | 1 + 38484-1ef83d4106b1fb26de55.css | 1 + 38484-1ef83d4106b1fb26de55.js | 1 + 38512-7315a00e07b0d8ce7885.css | 7 ++ 38512-7315a00e07b0d8ce7885.js | 1 + 38681-708d9de4d64fef2eda64.css | 1 + 38883-4e0bc15f9ad69d5d2685.css | 1 + 38883-4e0bc15f9ad69d5d2685.js | 1 + 39097-ab1b999bb9c813a09d11.css | 1 + 39097-ab1b999bb9c813a09d11.js | 1 + 39543-3e71f9a9d26e8b685ff2.css | 5 + 39543-3e71f9a9d26e8b685ff2.js | 1 + 39548-c2adbedf794c46ecd571.css | 1 + 39548-c2adbedf794c46ecd571.js | 1 + 39829-495a99e573a7e4ca2f7b.css | 1 + 39829-495a99e573a7e4ca2f7b.js | 1 + 3986-3048f3d44cae13cc33b4.js | 1 + 40161-3d5d92da910faace7573.css | 6 ++ 40161-3d5d92da910faace7573.js | 1 + 40411-42a4fa47a185e1114802.css | 1 + 40429-a905d498d849c3e82a5a.js | 1 + 41119-bc6348d7815b86527c02.css | 1 + 41119-bc6348d7815b86527c02.js | 1 + 41142-71af723c3a5ed791f969.css | 4 + 41142-71af723c3a5ed791f969.js | 1 + 41241-527eabdaeea8e61315d5.css | 7 ++ 41241-527eabdaeea8e61315d5.js | 1 + 41316-000c54ce79db153ed18b.css | 3 + 41316-000c54ce79db153ed18b.js | 1 + 41535-55318d75cfd7a5f31755.css | 1 + 41535-55318d75cfd7a5f31755.js | 1 + 41557-0fce03b92c8071bef5ef.css | 4 + 41575-115d06f817ab866841ac.css | 1 + 41575-115d06f817ab866841ac.js | 1 + 41605-7ffd05029a1f5588a45b.css | 2 + 41605-7ffd05029a1f5588a45b.js | 1 + 41892-9c47d9c861c27f3200b9.css | 1 + 41892-9c47d9c861c27f3200b9.js | 1 + 42266-2bf6cdbfc22e556b702e.css | 5 + 42266-2bf6cdbfc22e556b702e.js | 1 + 42426-715f37b188cb7bcf57c8.css | 1 + 42426-715f37b188cb7bcf57c8.js | 1 + 42507-4001bf33a9741906595f.css | 1 + 42507-4001bf33a9741906595f.js | 1 + 42533-fe45b77599f88d072794.css | 1 + 42533-fe45b77599f88d072794.js | 1 + 4276-deff9eed564f06c2d6db.css | 1 + 4276-deff9eed564f06c2d6db.js | 1 + 43333-40452a3e167665ead6c2.css | 6 ++ 43333-40452a3e167665ead6c2.js | 1 + 43698-e8fa920100887e050097.css | 4 + 43698-e8fa920100887e050097.js | 1 + 43994-20effd4c5c77405640da.css | 4 + 43994-20effd4c5c77405640da.js | 1 + 44007-6804b4762efb0832e354.css | 5 + 44013-49dc63cad0da6393b779.css | 3 + 44013-49dc63cad0da6393b779.js | 1 + 44044-f1bd455532ceef66ce72.css | 7 ++ 44044-f1bd455532ceef66ce72.js | 1 + 44306-a87c08c2c73b3fa4e198.css | 5 + 44402-b83133f699e431379214.css | 1 + 44402-b83133f699e431379214.js | 1 + 4539-bcd59bb0cee10f22ca93.css | 1 + 4539-bcd59bb0cee10f22ca93.js | 1 + 45627-bf261c2e99d08e879391.css | 1 + 45684-110181e40edd71a32864.css | 1 + 45684-110181e40edd71a32864.js | 1 + 45865-b9fb77653e4e4618cd19.css | 1 + 46022-ac0cb518783e0b93e69b.js | 1 + 46116-6cd029f2a88935caf315.css | 1 + 46116-6cd029f2a88935caf315.js | 1 + 46593-3bd5fc63553ae01ed918.js | 1 + 46647-465b9d8db0cc26485b75.css | 1 + 47455-1e80308328485a53a1a4.css | 1 + 47455-1e80308328485a53a1a4.js | 1 + 48061-699e54a966c231edc5dd.css | 1 + 48061-699e54a966c231edc5dd.js | 1 + 48117-685e48f6d1f6f730410c.css | 1 + 48117-685e48f6d1f6f730410c.js | 1 + 48179-bb2afdfb89dfe746c9a2.css | 1 + 48179-bb2afdfb89dfe746c9a2.js | 1 + 48262-4859d4aca7586aec91fe.css | 6 ++ 48262-4859d4aca7586aec91fe.js | 1 + 48329-ea2f8ac849d29597ebbc.css | 1 + 48329-ea2f8ac849d29597ebbc.js | 1 + 4845-58241f71c0f4a605204d.css | 1 + 4866-7c5332153cb6570f4eb9.css | 1 + 4866-7c5332153cb6570f4eb9.js | 1 + 49054-79cfed38645a169f94c9.css | 2 + 49054-79cfed38645a169f94c9.js | 1 + 49306-0eade926409392bb4932.css | 1 + 49306-0eade926409392bb4932.js | 1 + 49452-0f61b291d1fff2d45df4.css | 1 + 49452-0f61b291d1fff2d45df4.js | 1 + 49541-748caa0b4ed354a057da.css | 1 + 49541-748caa0b4ed354a057da.js | 1 + 49582-25421282eb217057a172.css | 1 + 49582-25421282eb217057a172.js | 1 + 49983-9a895126da72657ce7f8.css | 5 + 49983-9a895126da72657ce7f8.js | 1 + 50108-4c6380ffa598e9149872.js | 1 + 50184-8a168ede31dd9c53f999.css | 1 + 50184-8a168ede31dd9c53f999.js | 1 + 51216-444d1a7f077599b98268.css | 1 + 51216-444d1a7f077599b98268.js | 1 + 5161-f0f575a00f4a434e1145.css | 1 + 51616-06ff3181675aa896a1ec.css | 4 + 51616-06ff3181675aa896a1ec.js | 1 + 51658-72bf69a9425ef6cff060.css | 5 + 52298-decb076a19af55b1fb12.css | 5 + 52523-0ad71e2922dda255a1cd.css | 1 + 52523-0ad71e2922dda255a1cd.js | 1 + 52633-ba89150e4bdaa752189b.css | 9 ++ 52633-ba89150e4bdaa752189b.js | 1 + 52703-b0a3dc40061c99b482c7.css | 5 + 52703-b0a3dc40061c99b482c7.js | 1 + 52753-46f58315231c0ecb347b.css | 1 + 52753-46f58315231c0ecb347b.js | 1 + 52974-40ab045997369db93a3d.css | 1 + 52974-40ab045997369db93a3d.js | 1 + 53224-904c80617bdbbcbb7e4f.js | 1 + 53290-5e4603f3713550311640.css | 1 + 53290-5e4603f3713550311640.js | 1 + 53386-a178a04b257024fda0c5.css | 1 + 53386-a178a04b257024fda0c5.js | 1 + 53449-acb0fe3e77b33f13c75f.js | 1 + 53778-0b83024ef0c56dad9991.css | 1 + 53778-0b83024ef0c56dad9991.js | 1 + 53832-9539bffa40e101a8d5c1.css | 1 + 53832-9539bffa40e101a8d5c1.js | 1 + 53857-f905bd952a1fd55994a2.css | 1 + 53857-f905bd952a1fd55994a2.js | 1 + 5419-6d88768afe5d2ae5e3b3.css | 1 + 5419-6d88768afe5d2ae5e3b3.js | 1 + 54408-6dd0a94fbaababb8a0aa.css | 6 ++ 54408-6dd0a94fbaababb8a0aa.js | 1 + 54701-a5af8d69b52c9bc1b798.css | 4 + 54701-a5af8d69b52c9bc1b798.js | 1 + 54851-9bcdb983eb120e8bb437.css | 1 + 54851-9bcdb983eb120e8bb437.js | 1 + 54897-e0d0e33b6fcdde327109.css | 1 + 54897-e0d0e33b6fcdde327109.js | 1 + 55292-35444884467237b75244.css | 1 + 55292-35444884467237b75244.js | 1 + 55435-be2aa9c0bb56638b05d7.css | 1 + 55435-be2aa9c0bb56638b05d7.js | 1 + 55571-76c286b721cd633a39d8.css | 5 + 55619-9a4f6d56f61f4359bbe9.css | 2 + 55619-9a4f6d56f61f4359bbe9.js | 1 + 55904-db112775a223a907a743.css | 1 + 55904-db112775a223a907a743.js | 1 + 57054-a31b73fc80c41c5bbbf4.css | 1 + 57054-a31b73fc80c41c5bbbf4.js | 1 + 57069-fd6c243b6d3ef9d4b0cc.css | 1 + 57069-fd6c243b6d3ef9d4b0cc.js | 1 + 57071-3aff87e9e23bdea05be9.css | 1 + 57071-3aff87e9e23bdea05be9.js | 1 + 57167-e7caf725c28aece31b75.css | 1 + 57167-e7caf725c28aece31b75.js | 1 + 57252-b0e13caea11a00a2930b.css | 8 ++ 57252-b0e13caea11a00a2930b.js | 1 + 57384-ba5a1c9b4691f93c4662.css | 4 + 57384-ba5a1c9b4691f93c4662.js | 1 + 57542-382e9327fd6ed9d151e2.css | 1 + 57542-382e9327fd6ed9d151e2.js | 1 + 57653-6ff2670ec518e37d4711.css | 1 + 57653-6ff2670ec518e37d4711.js | 1 + 57710-574dc46d1f9dadbd92a7.js | 1 + 57736-9e07a9e213f642c256fc.css | 1 + 57736-9e07a9e213f642c256fc.js | 1 + 57798-36d23507b66dac9d59c2.css | 1 + 57798-36d23507b66dac9d59c2.js | 1 + 580-04ee4460f7789ca58604.css | 1 + 580-04ee4460f7789ca58604.js | 1 + 58579-135a70b589e97627edac.css | 5 + 58587-e04a6b2e9bd97d3f1eef.css | 1 + 58587-e04a6b2e9bd97d3f1eef.js | 1 + 58673-f848cc8fe8356926372d.css | 1 + 58673-f848cc8fe8356926372d.js | 1 + 59029-fd01c282e0411bd03ec3.css | 1 + 59029-fd01c282e0411bd03ec3.js | 1 + 5913-0e990e6aa5f7c2522c61.css | 1 + 5913-0e990e6aa5f7c2522c61.js | 1 + 59221-7cc765bf0742f2577e90.css | 7 ++ 59221-7cc765bf0742f2577e90.js | 1 + 59534-bce1f065ece3e17b0b08.css | 5 + 59604-3ff29d9eea26292bb95a.css | 7 ++ 59604-3ff29d9eea26292bb95a.js | 1 + 59790-6e6d58306ec00550cfeb.css | 1 + 59790-6e6d58306ec00550cfeb.js | 1 + 60514-86be72e786d64d4696a6.css | 1 + 60514-86be72e786d64d4696a6.js | 1 + 61645-94b228b6c2b8f9a33342.js | 1 + 61916-10223627811fdb1f9f58.css | 6 ++ 61916-10223627811fdb1f9f58.js | 1 + 61993-84924c8e3e33433975eb.css | 5 + 61993-84924c8e3e33433975eb.js | 1 + 62150-b53c51f11b07a38abe09.css | 8 ++ 62203-81c94b4b6b25d3acf7a8.css | 15 +++ 62203-81c94b4b6b25d3acf7a8.js | 1 + 62411-014511940522099754ad.css | 3 + 62411-014511940522099754ad.js | 1 + 62415-8b1dfb6ce0a8f7378dc2.css | 1 + 62415-8b1dfb6ce0a8f7378dc2.js | 1 + 62832-3bcb1b69b60ddd159931.css | 1 + 62832-3bcb1b69b60ddd159931.js | 1 + 6319-74d199f190b1e93ffae9.css | 1 + 6319-74d199f190b1e93ffae9.js | 1 + 64155-2ae94ed842ba8f784019.css | 6 ++ 64155-2ae94ed842ba8f784019.js | 1 + 6432-3a6b6e2efa680f5ce1c0.css | 1 + 6432-3a6b6e2efa680f5ce1c0.js | 1 + 64491-549e1482eab59e1ddf38.css | 1 + 64491-549e1482eab59e1ddf38.js | 1 + 64721-54294e0e1d31e17cd390.css | 1 + 64721-54294e0e1d31e17cd390.js | 1 + 65082-cb827e4caa481de84d76.css | 1 + 65082-cb827e4caa481de84d76.js | 1 + 65318-466a33947b1da09edb7b.js | 1 + 66097-de9d7bb793f15b7bbc90.css | 3 + 66294-01d5ae186954445d7704.css | 1 + 66294-01d5ae186954445d7704.js | 1 + 66506-2d45be584b58e27c17e5.js | 1 + 6701-47e849c615aa40c4f3b5.css | 4 + 6701-47e849c615aa40c4f3b5.js | 1 + 67131-e51447823c6b691fe813.css | 1 + 67131-e51447823c6b691fe813.js | 1 + 67543-819421ddf77bb3a4277a.css | 1 + 67543-819421ddf77bb3a4277a.js | 1 + 67876-bacfd9569d1525bbe1db.css | 1 + 67876-bacfd9569d1525bbe1db.js | 1 + 67965-be3d26ca16f0c236ddad.css | 3 + 67965-be3d26ca16f0c236ddad.js | 1 + 68090-cc8539a8e1e671fdd872.css | 4 + 68439-d07fe4b2469621360398.css | 1 + 68439-d07fe4b2469621360398.js | 1 + 68690-af404bf82310fb276bda.css | 9 ++ 68690-af404bf82310fb276bda.js | 1 + 69415-5b26e779f1949a74647f.css | 1 + 69415-5b26e779f1949a74647f.js | 1 + 69670-27cec4487d20711f1fdc.css | 1 + 69670-27cec4487d20711f1fdc.js | 1 + 69792-1a6aa5596e8b4ce05bce.css | 1 + 69792-1a6aa5596e8b4ce05bce.js | 1 + 69945-295229e6faae9235c408.css | 1 + 69945-295229e6faae9235c408.js | 1 + 70285-42682eaccb2eb7d4794c.css | 1 + 70285-42682eaccb2eb7d4794c.js | 1 + 70538-893a8ad4459313935c11.css | 1 + 70538-893a8ad4459313935c11.js | 1 + 70801-5812c5f0b22b1fad5ead.css | 10 ++ 70801-5812c5f0b22b1fad5ead.js | 1 + 70809-9bd2f0cf80588500264b.css | 1 + 70809-9bd2f0cf80588500264b.js | 1 + 71224-48203cfefae96b85d30e.css | 6 ++ 71224-48203cfefae96b85d30e.js | 1 + 71296-4a5c9170bd78de1b1171.css | 1 + 71296-4a5c9170bd78de1b1171.js | 1 + 71420-2617c14908bd3df04ac1.css | 4 + 71420-2617c14908bd3df04ac1.js | 1 + 72187-13f3865dcd236c6f7ec1.css | 3 + 72187-13f3865dcd236c6f7ec1.js | 1 + 72239-930b7290eb492d6c968e.css | 4 + 72239-930b7290eb492d6c968e.js | 1 + 72351-0606a651851eb1a2b9ec.css | 1 + 72351-0606a651851eb1a2b9ec.js | 1 + 72439-edf836148aa6b37a2f78.css | 1 + 72439-edf836148aa6b37a2f78.js | 1 + 72851-b09d03c49506acd58e1a.css | 5 + 72851-b09d03c49506acd58e1a.js | 1 + 73046-d9e955717af0b28fb51a.css | 6 ++ 73046-d9e955717af0b28fb51a.js | 1 + 7316-7b33ace93b76a70c257d.css | 1 + 7316-7b33ace93b76a70c257d.js | 1 + 73169-d0075978f7d7ffe4493f.css | 6 ++ 73169-d0075978f7d7ffe4493f.js | 1 + 73437-3705ee73111bee6a06c4.css | 1 + 73437-3705ee73111bee6a06c4.js | 1 + 73438-e98ffb1a08dd8b6b6635.css | 4 + 73438-e98ffb1a08dd8b6b6635.js | 1 + 73608-819f90f4d5b3c86442ed.css | 4 + 74364-49ba21d1c2f3ee2718ca.css | 1 + 74364-49ba21d1c2f3ee2718ca.js | 1 + 74366-bc1ab17dbe76b3c87c5a.css | 1 + 74366-bc1ab17dbe76b3c87c5a.js | 1 + 74479-2aaa44982476af8ee307.css | 1 + 74479-2aaa44982476af8ee307.js | 1 + 75494-e8a8579b10c788fc0d20.css | 1 + 75494-e8a8579b10c788fc0d20.js | 1 + 7591-d1d56cfbfa2a1708bd1e.css | 1 + 7591-d1d56cfbfa2a1708bd1e.js | 1 + 76196-f98fcefdccc29f7020fa.css | 1 + 76196-f98fcefdccc29f7020fa.js | 1 + 76290-da5bb4c9264ad6e89c77.css | 1 + 76290-da5bb4c9264ad6e89c77.js | 1 + 76523-7bfc7fa5426bedb0c4a5.js | 1 + 77036-bc507f5a54a0c5d54c61.js | 1 + 77109-c827f12d3ebb29205fb5.css | 3 + 77109-c827f12d3ebb29205fb5.js | 1 + 77411-8f1ad045eb5602191ac3.css | 6 ++ 77411-8f1ad045eb5602191ac3.js | 1 + 77497-74bb70c8e69af1230b4d.css | 6 ++ 77497-74bb70c8e69af1230b4d.js | 1 + 78555-7aaa29fd8dc186bd173b.css | 5 + 78555-7aaa29fd8dc186bd173b.js | 1 + 78857-35f50623bf8b6993ca6e.css | 5 + 79482-f0d5132a080e073b3a94.css | 3 + 79874-93acc497702a0c3853d7.css | 3 + 79975-e8db54f9268c39b3fae3.css | 1 + 79975-e8db54f9268c39b3fae3.js | 1 + 79976-424772afb7a5c5a2c508.css | 1 + 79976-424772afb7a5c5a2c508.js | 1 + 79980-940af6abd772ea5caa5d.css | 4 + 79980-940af6abd772ea5caa5d.js | 1 + 8039-e7155c99b90c5ae04c2f.js | 1 + 80449-0d258984c7b937467174.css | 5 + 80449-0d258984c7b937467174.js | 1 + 80604-84f9b6dc075e9cfc04be.css | 7 ++ 80858-bc3e70b3b85c66104f27.css | 2 + 81282-169e2e02d3412468f18b.js | 1 + 8129-87bcfc7638ff4a73330f.css | 7 ++ 8129-87bcfc7638ff4a73330f.js | 1 + 81372-8259b1dc6fa4fea67a8e.css | 1 + 81372-8259b1dc6fa4fea67a8e.js | 1 + 81750-b6089a1e30a951d9eab1.js | 1 + 8177-89d76a4f2a3230c79575.css | 1 + 8177-89d76a4f2a3230c79575.js | 1 + 81908-4d4d939ce90b35e0020a.css | 6 ++ 83251-8be9d93154a024a607fc.css | 1 + 83251-8be9d93154a024a607fc.js | 1 + 83346-9f9b821b63ada361d6bd.css | 1 + 83346-9f9b821b63ada361d6bd.js | 1 + 83368-7b0df0c40d95cd0d5ed4.css | 5 + 83754-c4f3db3c8bcd43ce1cce.css | 1 + 83754-c4f3db3c8bcd43ce1cce.js | 1 + 84403-c9ce359b23858ff99ac1.js | 1 + 84651-82da1d78731bf03a919a.css | 4 + 84651-82da1d78731bf03a919a.js | 1 + 84736-323a7e73a779a903fe84.css | 2 + 84736-323a7e73a779a903fe84.js | 1 + 84799-33d9bcfe515fed7eb825.css | 1 + 84799-33d9bcfe515fed7eb825.js | 1 + 8480-9d0c081a767b5692ec80.css | 3 + 8480-9d0c081a767b5692ec80.js | 1 + 85161-03321490cad7958f2dbb.css | 1 + 85187-18d07e4682811f683314.css | 1 + 85187-18d07e4682811f683314.js | 1 + 85355-6e7d56304e63a69521e5.css | 1 + 85435-a4e9093cf5b23a4cd779.js | 1 + 85565-42f7f5aba180e1a30acb.css | 1 + 85601-c69a8550b749bc403e6f.css | 1 + 85601-c69a8550b749bc403e6f.js | 1 + 85685-e0fe5c97104c1f1e665f.css | 8 ++ 85845-b601c78a39cedd4eb9b9.css | 5 + 85845-b601c78a39cedd4eb9b9.js | 1 + 8606-c03b9d005a7c92ac3b72.css | 1 + 8606-c03b9d005a7c92ac3b72.js | 1 + 8647-42949a4807cd4ba8502e.css | 1 + 8647-42949a4807cd4ba8502e.js | 1 + 87080-fb73547003288ffe922d.css | 1 + 87080-fb73547003288ffe922d.js | 1 + 87617-7d67f0435b529dde9767.css | 1 + 87617-7d67f0435b529dde9767.js | 1 + 87643-23465163773c476ee2ce.js | 1 + 87812-b0c11f51ca32e7ba1db7.js | 1 + 8800-bb97a402ea85889ec295.css | 1 + 8800-bb97a402ea85889ec295.js | 1 + 88127-c24447aa4fe634e0b59c.css | 1 + 88127-c24447aa4fe634e0b59c.js | 1 + 88502-b38ebdab1b56f09c8f20.css | 6 ++ 88731-4b888bf29945bce3730f.css | 5 + 89189-3bbde7d573d1bc89612f.css | 6 ++ 89442-8e1d14d5ca515a5197e3.css | 6 ++ 89442-8e1d14d5ca515a5197e3.js | 1 + 89466-9e173b5d87020cd102ca.css | 8 ++ 89466-9e173b5d87020cd102ca.js | 1 + 89542-e717bc33fb6a9d76bb71.css | 1 + 89542-e717bc33fb6a9d76bb71.js | 1 + 89618-4a849e49a1e4f212c1df.css | 1 + 89618-4a849e49a1e4f212c1df.js | 1 + 8989-bf0c9bba3ce85c4c303e.css | 8 ++ 8989-bf0c9bba3ce85c4c303e.js | 1 + 90167-b4197c4a336588b59946.css | 1 + 90167-b4197c4a336588b59946.js | 1 + 90370-1d03e16876497d8ff163.css | 1 + 90370-1d03e16876497d8ff163.js | 1 + 90398-f8345c93cd2680df44f1.css | 7 ++ 90398-f8345c93cd2680df44f1.js | 1 + 90944-32fdcebec5aadf7ac2b1.css | 3 + 90944-32fdcebec5aadf7ac2b1.js | 1 + 91285-722b54eaddb76c3b09c0.css | 1 + 91285-722b54eaddb76c3b09c0.js | 1 + 91315-7e605ce4f337a91fd21d.css | 1 + 91315-7e605ce4f337a91fd21d.js | 1 + 91484-e54d1bb2d06f83bcd94f.js | 1 + 91537-ba8b0e0d301b977f1274.css | 1 + 91537-ba8b0e0d301b977f1274.js | 1 + 91677-30efbcad2c8c66ebef62.css | 1 + 91677-30efbcad2c8c66ebef62.js | 1 + 91998-49228a79ba55cf44b6a7.css | 1 + 91998-49228a79ba55cf44b6a7.js | 1 + 92538-810a5606fb6224bc6af2.css | 1 + 92538-810a5606fb6224bc6af2.js | 1 + 92662-c0b0625cc7a287b9f31c.css | 14 +++ 92662-c0b0625cc7a287b9f31c.js | 1 + 92681-f2480839a02a33e4b95d.css | 3 + 92681-f2480839a02a33e4b95d.js | 1 + 92721-62238d123ecaf1d41aba.css | 4 + 9291-b952b0a83fba73a0ab68.css | 1 + 9291-b952b0a83fba73a0ab68.js | 1 + 93179-d050440a4f42c0b1d442.css | 1 + 93179-d050440a4f42c0b1d442.js | 1 + 93221-15a5b41952f209c8708a.css | 1 + 93221-15a5b41952f209c8708a.js | 1 + 93389-000b45bdbf3396b8e567.css | 1 + 93389-000b45bdbf3396b8e567.js | 1 + 93433-a4ce157900ef5ac54a58.css | 1 + 93433-a4ce157900ef5ac54a58.js | 1 + 93754-f4803705c8db5387a784.css | 4 + 93754-f4803705c8db5387a784.js | 1 + 9387-ec0bc44bc23dba806fef.js | 1 + 93892-235461eb2f5ae37fe319.css | 4 + 93892-235461eb2f5ae37fe319.js | 1 + 94007-11065ca47e05b9b6356e.css | 1 + 94007-11065ca47e05b9b6356e.js | 1 + 94827-fe6e5e2c41737cf3c8db.css | 3 + 94827-fe6e5e2c41737cf3c8db.js | 1 + 94982-1ff99308ac0365149f42.css | 6 ++ 94982-1ff99308ac0365149f42.js | 1 + 95112-ee605e6b540d27adbfe6.js | 1 + 95657-fe5537036d28d6b9c108.css | 1 + 95657-fe5537036d28d6b9c108.js | 1 + 95690-9362bf80b85ac60d3d23.css | 1 + 95690-9362bf80b85ac60d3d23.js | 1 + 957-e7abdee05102ffdc6519.css | 5 + 957-e7abdee05102ffdc6519.js | 1 + 96658-8d43d0f58f74183d562a.css | 1 + 96658-8d43d0f58f74183d562a.js | 1 + 97544-190d595d958e64f14e54.css | 3 + 97544-190d595d958e64f14e54.js | 1 + 97996-d25225e0329867c97a44.js | 1 + 98501-a949a770d436009f5937.css | 1 + 98501-a949a770d436009f5937.js | 1 + 986-d1239f9c0e3a19d95a09.css | 1 + 986-d1239f9c0e3a19d95a09.js | 1 + 98630-d9b1a5b32c5ff6c2ce8f.css | 4 + 98630-d9b1a5b32c5ff6c2ce8f.js | 1 + 98899-9508069e6f80e31bf652.css | 3 + 98899-9508069e6f80e31bf652.js | 1 + 98943-60f30b123034a4c3a111.css | 4 + 99069-39504ef07b31140aff42.js | 1 + 99890-a1214fdd35f619761b88.css | 9 ++ 99890-a1214fdd35f619761b88.js | 1 + de-translations-cb6f650672c8aade93d2.js | 1 + en-AU-translations-f2480303ff0769c78993.js | 1 + en-CA-translations-127a91d8610ca2f27b5a.js | 1 + en-GB-translations-0fdb90e13147cf127b39.js | 1 + en-US-translations-3ec30f91dfbad6d56455.js | 1 + en-translations-70b9544c41278365bc5d.js | 1 + es-ES-translations-f9713200e372dd4f7da6.js | 1 + es-US-translations-14cef468d1cb8e33a3ac.js | 1 + es-translations-d6eb1c5b025851f526ce.js | 1 + fr-FR-translations-0d0ee56b227e2bb52bfb.js | 1 + fr-translations-21866734c2fe2c8c99dd.js | 1 + index-87085001f31418ea5824.css | 107 +++++++++++++++++++++ index-87085001f31418ea5824.js | 2 + index-87085001f31418ea5824.js.LICENSE.txt | 69 +++++++++++++ index.html | 2 +- nl-BE-translations-67afe71b9e9abd23fb69.js | 1 + nl-translations-8fb8b8100d773894a996.js | 1 + pt-BR-translations-b63038c68ee481172841.js | 1 + pt-translations-e8f5c045cf1b35961658.js | 1 + sv-SE-translations-be5578cd329ba1753fa5.js | 1 + sv-translations-d2be0adce5c706569c61.js | 1 + 710 files changed, 1473 insertions(+), 1 deletion(-) create mode 100644 10035-3610829deae9fd0a424f.css create mode 100644 10035-3610829deae9fd0a424f.js create mode 100644 10077-a24c3687d801fd2e4893.css create mode 100644 10077-a24c3687d801fd2e4893.js create mode 100644 10092-9d755c85cb75cbf0ff05.css create mode 100644 10092-9d755c85cb75cbf0ff05.js create mode 100644 10198-1413d604e67cc3516085.css create mode 100644 10198-1413d604e67cc3516085.js create mode 100644 10279-8b6b12170c4ceafead05.css create mode 100644 10279-8b6b12170c4ceafead05.js create mode 100644 10790-634b7a19a7ef37ee357d.css create mode 100644 10790-634b7a19a7ef37ee357d.js create mode 100644 109-3bbc2eeeaa9919b64fad.css create mode 100644 109-3bbc2eeeaa9919b64fad.js create mode 100644 10930-769271cdbe9b42a364bb.js create mode 100644 11013-987f41daa52932e18781.css create mode 100644 11013-987f41daa52932e18781.js create mode 100644 1107-b9e05f34568f8295750d.css create mode 100644 1107-b9e05f34568f8295750d.js create mode 100644 11177-b1babd21ab412fc8e755.css create mode 100644 11177-b1babd21ab412fc8e755.js create mode 100644 11264-8736b6990bd4f8558c5f.css create mode 100644 11290-c97f2480842ee9cab83e.css create mode 100644 11290-c97f2480842ee9cab83e.js create mode 100644 12389-564325ef9f8255680188.css create mode 100644 12389-564325ef9f8255680188.js create mode 100644 12946-1a4f6f5d4d2a5a0c47ab.css create mode 100644 12946-1a4f6f5d4d2a5a0c47ab.js create mode 100644 12953-f208c666016a4a62d5f2.css create mode 100644 12953-f208c666016a4a62d5f2.js create mode 100644 13011-9c6a5435dd62dd3cef49.css create mode 100644 13011-9c6a5435dd62dd3cef49.js create mode 100644 13207-4458121dc6421c4bcdc8.css create mode 100644 13207-4458121dc6421c4bcdc8.js create mode 100644 13390-505c9ad7871d4991cc56.css create mode 100644 13390-505c9ad7871d4991cc56.js create mode 100644 13395-cdc275f42637faf15bff.css create mode 100644 13398-9eb2ceb7017124cfa75c.css create mode 100644 13398-9eb2ceb7017124cfa75c.js create mode 100644 13511-5094caf7d38d6974e209.css create mode 100644 13511-5094caf7d38d6974e209.js create mode 100644 13844-980fd431d4a77702b8cf.css create mode 100644 13844-980fd431d4a77702b8cf.js create mode 100644 13898-bfa8eb80ee2e48c8ebf0.css create mode 100644 13898-bfa8eb80ee2e48c8ebf0.js create mode 100644 14041-e2caee562762f30667ea.css create mode 100644 14114-e613fd6ba98ec7199f0a.css create mode 100644 14114-e613fd6ba98ec7199f0a.js create mode 100644 14206-39270bbc4aa44111239e.css create mode 100644 14431-8528bdde1a4b2c32b30d.css create mode 100644 14431-8528bdde1a4b2c32b30d.js create mode 100644 14516-b57c3582defab5b6135f.css create mode 100644 14516-b57c3582defab5b6135f.js create mode 100644 1482-94877f08a0a3241b5803.css create mode 100644 1482-94877f08a0a3241b5803.js create mode 100644 14873-fb8be8f4427d65d59379.css create mode 100644 14873-fb8be8f4427d65d59379.js create mode 100644 15129-5f168cdd86e9ae5ad7cb.css create mode 100644 15129-5f168cdd86e9ae5ad7cb.js create mode 100644 15145-6382ff824f741b8d9d8f.css create mode 100644 15145-6382ff824f741b8d9d8f.js create mode 100644 15249-1bbae615c4c2e045161d.css create mode 100644 15249-1bbae615c4c2e045161d.js create mode 100644 15318-6ae56bc7dbec16ce2b52.css create mode 100644 15553-d763f1905df485ff03e6.js create mode 100644 15661-03858f72d7513c95c995.css create mode 100644 15661-03858f72d7513c95c995.js create mode 100644 16380-5f0d1e31f1b76fa812cd.css create mode 100644 16380-5f0d1e31f1b76fa812cd.js create mode 100644 16404-744c1ac2fbbf8274fe5b.css create mode 100644 16404-744c1ac2fbbf8274fe5b.js create mode 100644 16467-47c4f7cf6c4d5ddb2d76.css create mode 100644 16467-47c4f7cf6c4d5ddb2d76.js create mode 100644 16539-babfaa06cd34111f9500.css create mode 100644 16539-babfaa06cd34111f9500.js create mode 100644 16699-e2e5d3a3d2303f73f544.css create mode 100644 16699-e2e5d3a3d2303f73f544.js create mode 100644 16772-7dee4c794d1c70789984.js create mode 100644 16835-eefc8d86a1da6efa3244.css create mode 100644 17040-24518558b32ff212d72c.css create mode 100644 17040-24518558b32ff212d72c.js create mode 100644 17347-3b84d897f1e10fc26025.css create mode 100644 17347-3b84d897f1e10fc26025.js create mode 100644 17605-a8d2dd072b5895827bb5.css create mode 100644 17605-a8d2dd072b5895827bb5.js create mode 100644 17636-edb92119ec157df3ecab.css create mode 100644 17657-b29fd635122d8c0f2691.css create mode 100644 17665-18696a755c241e5e68ed.css create mode 100644 17665-18696a755c241e5e68ed.js create mode 100644 17798-919f444ba0ebc3f232f9.css create mode 100644 17798-919f444ba0ebc3f232f9.js create mode 100644 18101-d0b31643a87e87b3f528.css create mode 100644 18449-06c2bd2806d11c83d57b.css create mode 100644 18449-06c2bd2806d11c83d57b.js create mode 100644 18508-38aeb9dbcc9a11468209.css create mode 100644 18508-38aeb9dbcc9a11468209.js create mode 100644 18576-272acc64bbcca20e4798.css create mode 100644 18576-272acc64bbcca20e4798.js create mode 100644 18683-ed14326fadc487845d15.css create mode 100644 18683-ed14326fadc487845d15.js create mode 100644 1871-5ad540169fef8ff2968d.js create mode 100644 18875-28f1c05d707a6e961a79.css create mode 100644 18875-28f1c05d707a6e961a79.js create mode 100644 19154-e717868fc3635cc38528.js create mode 100644 19927-c3cffa9087705e1c789e.css create mode 100644 19927-c3cffa9087705e1c789e.js create mode 100644 20020-e7140064e84763786b73.css create mode 100644 20020-e7140064e84763786b73.js create mode 100644 2048-7afa91d39985c84fefe1.js create mode 100644 20509-c377e994f7967825b20d.css create mode 100644 20509-c377e994f7967825b20d.js create mode 100644 20708-a5fefacaf264d6f90b67.css create mode 100644 20781-49c40bb77a8cbae44c94.css create mode 100644 20781-49c40bb77a8cbae44c94.js create mode 100644 21038-ea5cf4e4a8ca5569ce9f.css create mode 100644 21038-ea5cf4e4a8ca5569ce9f.js create mode 100644 21254-bdcd0d2226fe95d20a8f.css create mode 100644 21254-bdcd0d2226fe95d20a8f.js create mode 100644 21396-734ed5ef295e46bd699a.css create mode 100644 21396-734ed5ef295e46bd699a.js create mode 100644 21479-b34e3e186c5a57d9ea96.css create mode 100644 21479-b34e3e186c5a57d9ea96.js create mode 100644 22440-ce912c732dfc12cfb2dd.css create mode 100644 22440-ce912c732dfc12cfb2dd.js create mode 100644 22600-5bcc1d0d43291deefd24.css create mode 100644 22600-5bcc1d0d43291deefd24.js create mode 100644 22995-d06eda47078921dcb7ae.css create mode 100644 22995-d06eda47078921dcb7ae.js create mode 100644 2357-9b20371cbea8f5dea9cc.css create mode 100644 2357-9b20371cbea8f5dea9cc.js create mode 100644 23931-93b3e9080ef56f7062cf.css create mode 100644 23931-93b3e9080ef56f7062cf.js create mode 100644 23997-f9a43bae9bac28e54764.js create mode 100644 2419-5b7e154f621d9467e9f3.css create mode 100644 2419-5b7e154f621d9467e9f3.js create mode 100644 24316-df7ae11a94b69fe419f1.css create mode 100644 24316-df7ae11a94b69fe419f1.js create mode 100644 24441-47d61a081386c97baac3.css create mode 100644 24441-47d61a081386c97baac3.js create mode 100644 24557-f9ad0edb8149ada4fe20.css create mode 100644 24557-f9ad0edb8149ada4fe20.js create mode 100644 24716-1146469004c308e88d25.css create mode 100644 24716-1146469004c308e88d25.js create mode 100644 24867-3406fb1691e8a8acf703.css create mode 100644 24867-3406fb1691e8a8acf703.js create mode 100644 25017-1106036407d52583c6dc.css create mode 100644 25017-1106036407d52583c6dc.js create mode 100644 2544-cfc787277f1334c6a5fb.js create mode 100644 27152-7b3d7bbfea394dd30f3e.css create mode 100644 27166-26567580a0af1bf5c989.css create mode 100644 27166-26567580a0af1bf5c989.js create mode 100644 27195-03ded0091b3e2b8f1979.css create mode 100644 27195-03ded0091b3e2b8f1979.js create mode 100644 2721-e3bb32ee48b7f6b6df1f.css create mode 100644 2721-e3bb32ee48b7f6b6df1f.js create mode 100644 27444-7b14ecfa49b7d6349835.css create mode 100644 27912-9f8f1de9bdcc476ab1d4.css create mode 100644 27912-9f8f1de9bdcc476ab1d4.js create mode 100644 28003-a9270006f972384ae905.css create mode 100644 28003-a9270006f972384ae905.js create mode 100644 28434-4823464f543b41f5b66b.css create mode 100644 28434-4823464f543b41f5b66b.js create mode 100644 28797-fdad9d4c21bf85855bb0.js create mode 100644 28850-8a1d1a0d595370c952e4.css create mode 100644 28850-8a1d1a0d595370c952e4.js create mode 100644 28888-a70a58123c3ee3a9e237.css create mode 100644 28888-a70a58123c3ee3a9e237.js create mode 100644 28950-b3ea18ec49473f584440.css create mode 100644 28950-b3ea18ec49473f584440.js create mode 100644 29337-bc2b360fba2cde130bb6.css create mode 100644 29337-bc2b360fba2cde130bb6.js create mode 100644 29370-4909286f6107e5143a36.css create mode 100644 29370-4909286f6107e5143a36.js create mode 100644 29446-f9531eff9f13a490d712.css create mode 100644 29446-f9531eff9f13a490d712.js create mode 100644 29859-df5679d1838bf994ab0e.css create mode 100644 29859-df5679d1838bf994ab0e.js create mode 100644 2993-bf0b77800347f6a14405.css create mode 100644 2993-bf0b77800347f6a14405.js create mode 100644 30551-467b9a9f23507294ce51.css create mode 100644 30551-467b9a9f23507294ce51.js create mode 100644 30683-eca01bcc4f873818ed81.css create mode 100644 30683-eca01bcc4f873818ed81.js create mode 100644 31003-0b49a079853d1a8543ac.js create mode 100644 31308-98eb38f69c82689f3947.css create mode 100644 31308-98eb38f69c82689f3947.js create mode 100644 31446-b8e771a24d2641c0f8f7.css create mode 100644 31446-b8e771a24d2641c0f8f7.js create mode 100644 31611-7adef1ab73a41417f96e.css create mode 100644 31611-7adef1ab73a41417f96e.js create mode 100644 3193-8df337ff970cb4f95bc9.css create mode 100644 3236-45ab5188c88d2ddce775.css create mode 100644 3236-45ab5188c88d2ddce775.js create mode 100644 32683-76b0d3351ddcb5d4a6bf.css create mode 100644 32683-76b0d3351ddcb5d4a6bf.js create mode 100644 32741-36eb6d5658d25362913b.css create mode 100644 32757-21fae4558eac73c7fddd.css create mode 100644 32757-21fae4558eac73c7fddd.js create mode 100644 33315-32445d63247682f4b359.css create mode 100644 33324-6466a89669fb5df9413a.css create mode 100644 33324-6466a89669fb5df9413a.js create mode 100644 33444-dedcb4e3895f0af1cbe9.css create mode 100644 33444-dedcb4e3895f0af1cbe9.js create mode 100644 3353-4cffc0928416959f0067.css create mode 100644 33559-ca5c551870e1ace8631b.css create mode 100644 33559-ca5c551870e1ace8631b.js create mode 100644 33605-3ad842b81c11fab83a8e.css create mode 100644 33605-3ad842b81c11fab83a8e.js create mode 100644 33856-a3f2cb006bfc2a70a3e6.css create mode 100644 33856-a3f2cb006bfc2a70a3e6.js create mode 100644 34003-ee6bdd677bf6dfe30213.css create mode 100644 34003-ee6bdd677bf6dfe30213.js create mode 100644 34319-effccc93e8c59056ced1.css create mode 100644 3469-ea13a6a2430bdcc095df.css create mode 100644 3469-ea13a6a2430bdcc095df.js create mode 100644 34795-1075a0b6c67dae90c659.css create mode 100644 34795-1075a0b6c67dae90c659.js create mode 100644 35282-d1621a086ad832026302.js create mode 100644 35716-2b9a5f973cba09705422.css create mode 100644 35716-2b9a5f973cba09705422.js create mode 100644 35794-e81a4f76b40ff5e11fc0.css create mode 100644 35794-e81a4f76b40ff5e11fc0.js create mode 100644 35980-ec7cffa44c822cb45573.css create mode 100644 35980-ec7cffa44c822cb45573.js create mode 100644 36544-76266812e004d5ac1442.js create mode 100644 37344-28103929c5f7bd0c289c.css create mode 100644 37684-42a156b67b9292d6474e.css create mode 100644 37684-42a156b67b9292d6474e.js create mode 100644 37753-683dac8bbe670c9d31a0.css create mode 100644 37753-683dac8bbe670c9d31a0.js create mode 100644 37864-ebe82076d5125f8659dc.css create mode 100644 37864-ebe82076d5125f8659dc.js create mode 100644 37871-f76067e25bd17143c7ff.css create mode 100644 37871-f76067e25bd17143c7ff.js create mode 100644 38208-80b06dd6543c204cd6f7.css create mode 100644 38208-80b06dd6543c204cd6f7.js create mode 100644 38443-80394f4c60e142de94ce.css create mode 100644 38484-1ef83d4106b1fb26de55.css create mode 100644 38484-1ef83d4106b1fb26de55.js create mode 100644 38512-7315a00e07b0d8ce7885.css create mode 100644 38512-7315a00e07b0d8ce7885.js create mode 100644 38681-708d9de4d64fef2eda64.css create mode 100644 38883-4e0bc15f9ad69d5d2685.css create mode 100644 38883-4e0bc15f9ad69d5d2685.js create mode 100644 39097-ab1b999bb9c813a09d11.css create mode 100644 39097-ab1b999bb9c813a09d11.js create mode 100644 39543-3e71f9a9d26e8b685ff2.css create mode 100644 39543-3e71f9a9d26e8b685ff2.js create mode 100644 39548-c2adbedf794c46ecd571.css create mode 100644 39548-c2adbedf794c46ecd571.js create mode 100644 39829-495a99e573a7e4ca2f7b.css create mode 100644 39829-495a99e573a7e4ca2f7b.js create mode 100644 3986-3048f3d44cae13cc33b4.js create mode 100644 40161-3d5d92da910faace7573.css create mode 100644 40161-3d5d92da910faace7573.js create mode 100644 40411-42a4fa47a185e1114802.css create mode 100644 40429-a905d498d849c3e82a5a.js create mode 100644 41119-bc6348d7815b86527c02.css create mode 100644 41119-bc6348d7815b86527c02.js create mode 100644 41142-71af723c3a5ed791f969.css create mode 100644 41142-71af723c3a5ed791f969.js create mode 100644 41241-527eabdaeea8e61315d5.css create mode 100644 41241-527eabdaeea8e61315d5.js create mode 100644 41316-000c54ce79db153ed18b.css create mode 100644 41316-000c54ce79db153ed18b.js create mode 100644 41535-55318d75cfd7a5f31755.css create mode 100644 41535-55318d75cfd7a5f31755.js create mode 100644 41557-0fce03b92c8071bef5ef.css create mode 100644 41575-115d06f817ab866841ac.css create mode 100644 41575-115d06f817ab866841ac.js create mode 100644 41605-7ffd05029a1f5588a45b.css create mode 100644 41605-7ffd05029a1f5588a45b.js create mode 100644 41892-9c47d9c861c27f3200b9.css create mode 100644 41892-9c47d9c861c27f3200b9.js create mode 100644 42266-2bf6cdbfc22e556b702e.css create mode 100644 42266-2bf6cdbfc22e556b702e.js create mode 100644 42426-715f37b188cb7bcf57c8.css create mode 100644 42426-715f37b188cb7bcf57c8.js create mode 100644 42507-4001bf33a9741906595f.css create mode 100644 42507-4001bf33a9741906595f.js create mode 100644 42533-fe45b77599f88d072794.css create mode 100644 42533-fe45b77599f88d072794.js create mode 100644 4276-deff9eed564f06c2d6db.css create mode 100644 4276-deff9eed564f06c2d6db.js create mode 100644 43333-40452a3e167665ead6c2.css create mode 100644 43333-40452a3e167665ead6c2.js create mode 100644 43698-e8fa920100887e050097.css create mode 100644 43698-e8fa920100887e050097.js create mode 100644 43994-20effd4c5c77405640da.css create mode 100644 43994-20effd4c5c77405640da.js create mode 100644 44007-6804b4762efb0832e354.css create mode 100644 44013-49dc63cad0da6393b779.css create mode 100644 44013-49dc63cad0da6393b779.js create mode 100644 44044-f1bd455532ceef66ce72.css create mode 100644 44044-f1bd455532ceef66ce72.js create mode 100644 44306-a87c08c2c73b3fa4e198.css create mode 100644 44402-b83133f699e431379214.css create mode 100644 44402-b83133f699e431379214.js create mode 100644 4539-bcd59bb0cee10f22ca93.css create mode 100644 4539-bcd59bb0cee10f22ca93.js create mode 100644 45627-bf261c2e99d08e879391.css create mode 100644 45684-110181e40edd71a32864.css create mode 100644 45684-110181e40edd71a32864.js create mode 100644 45865-b9fb77653e4e4618cd19.css create mode 100644 46022-ac0cb518783e0b93e69b.js create mode 100644 46116-6cd029f2a88935caf315.css create mode 100644 46116-6cd029f2a88935caf315.js create mode 100644 46593-3bd5fc63553ae01ed918.js create mode 100644 46647-465b9d8db0cc26485b75.css create mode 100644 47455-1e80308328485a53a1a4.css create mode 100644 47455-1e80308328485a53a1a4.js create mode 100644 48061-699e54a966c231edc5dd.css create mode 100644 48061-699e54a966c231edc5dd.js create mode 100644 48117-685e48f6d1f6f730410c.css create mode 100644 48117-685e48f6d1f6f730410c.js create mode 100644 48179-bb2afdfb89dfe746c9a2.css create mode 100644 48179-bb2afdfb89dfe746c9a2.js create mode 100644 48262-4859d4aca7586aec91fe.css create mode 100644 48262-4859d4aca7586aec91fe.js create mode 100644 48329-ea2f8ac849d29597ebbc.css create mode 100644 48329-ea2f8ac849d29597ebbc.js create mode 100644 4845-58241f71c0f4a605204d.css create mode 100644 4866-7c5332153cb6570f4eb9.css create mode 100644 4866-7c5332153cb6570f4eb9.js create mode 100644 49054-79cfed38645a169f94c9.css create mode 100644 49054-79cfed38645a169f94c9.js create mode 100644 49306-0eade926409392bb4932.css create mode 100644 49306-0eade926409392bb4932.js create mode 100644 49452-0f61b291d1fff2d45df4.css create mode 100644 49452-0f61b291d1fff2d45df4.js create mode 100644 49541-748caa0b4ed354a057da.css create mode 100644 49541-748caa0b4ed354a057da.js create mode 100644 49582-25421282eb217057a172.css create mode 100644 49582-25421282eb217057a172.js create mode 100644 49983-9a895126da72657ce7f8.css create mode 100644 49983-9a895126da72657ce7f8.js create mode 100644 50108-4c6380ffa598e9149872.js create mode 100644 50184-8a168ede31dd9c53f999.css create mode 100644 50184-8a168ede31dd9c53f999.js create mode 100644 51216-444d1a7f077599b98268.css create mode 100644 51216-444d1a7f077599b98268.js create mode 100644 5161-f0f575a00f4a434e1145.css create mode 100644 51616-06ff3181675aa896a1ec.css create mode 100644 51616-06ff3181675aa896a1ec.js create mode 100644 51658-72bf69a9425ef6cff060.css create mode 100644 52298-decb076a19af55b1fb12.css create mode 100644 52523-0ad71e2922dda255a1cd.css create mode 100644 52523-0ad71e2922dda255a1cd.js create mode 100644 52633-ba89150e4bdaa752189b.css create mode 100644 52633-ba89150e4bdaa752189b.js create mode 100644 52703-b0a3dc40061c99b482c7.css create mode 100644 52703-b0a3dc40061c99b482c7.js create mode 100644 52753-46f58315231c0ecb347b.css create mode 100644 52753-46f58315231c0ecb347b.js create mode 100644 52974-40ab045997369db93a3d.css create mode 100644 52974-40ab045997369db93a3d.js create mode 100644 53224-904c80617bdbbcbb7e4f.js create mode 100644 53290-5e4603f3713550311640.css create mode 100644 53290-5e4603f3713550311640.js create mode 100644 53386-a178a04b257024fda0c5.css create mode 100644 53386-a178a04b257024fda0c5.js create mode 100644 53449-acb0fe3e77b33f13c75f.js create mode 100644 53778-0b83024ef0c56dad9991.css create mode 100644 53778-0b83024ef0c56dad9991.js create mode 100644 53832-9539bffa40e101a8d5c1.css create mode 100644 53832-9539bffa40e101a8d5c1.js create mode 100644 53857-f905bd952a1fd55994a2.css create mode 100644 53857-f905bd952a1fd55994a2.js create mode 100644 5419-6d88768afe5d2ae5e3b3.css create mode 100644 5419-6d88768afe5d2ae5e3b3.js create mode 100644 54408-6dd0a94fbaababb8a0aa.css create mode 100644 54408-6dd0a94fbaababb8a0aa.js create mode 100644 54701-a5af8d69b52c9bc1b798.css create mode 100644 54701-a5af8d69b52c9bc1b798.js create mode 100644 54851-9bcdb983eb120e8bb437.css create mode 100644 54851-9bcdb983eb120e8bb437.js create mode 100644 54897-e0d0e33b6fcdde327109.css create mode 100644 54897-e0d0e33b6fcdde327109.js create mode 100644 55292-35444884467237b75244.css create mode 100644 55292-35444884467237b75244.js create mode 100644 55435-be2aa9c0bb56638b05d7.css create mode 100644 55435-be2aa9c0bb56638b05d7.js create mode 100644 55571-76c286b721cd633a39d8.css create mode 100644 55619-9a4f6d56f61f4359bbe9.css create mode 100644 55619-9a4f6d56f61f4359bbe9.js create mode 100644 55904-db112775a223a907a743.css create mode 100644 55904-db112775a223a907a743.js create mode 100644 57054-a31b73fc80c41c5bbbf4.css create mode 100644 57054-a31b73fc80c41c5bbbf4.js create mode 100644 57069-fd6c243b6d3ef9d4b0cc.css create mode 100644 57069-fd6c243b6d3ef9d4b0cc.js create mode 100644 57071-3aff87e9e23bdea05be9.css create mode 100644 57071-3aff87e9e23bdea05be9.js create mode 100644 57167-e7caf725c28aece31b75.css create mode 100644 57167-e7caf725c28aece31b75.js create mode 100644 57252-b0e13caea11a00a2930b.css create mode 100644 57252-b0e13caea11a00a2930b.js create mode 100644 57384-ba5a1c9b4691f93c4662.css create mode 100644 57384-ba5a1c9b4691f93c4662.js create mode 100644 57542-382e9327fd6ed9d151e2.css create mode 100644 57542-382e9327fd6ed9d151e2.js create mode 100644 57653-6ff2670ec518e37d4711.css create mode 100644 57653-6ff2670ec518e37d4711.js create mode 100644 57710-574dc46d1f9dadbd92a7.js create mode 100644 57736-9e07a9e213f642c256fc.css create mode 100644 57736-9e07a9e213f642c256fc.js create mode 100644 57798-36d23507b66dac9d59c2.css create mode 100644 57798-36d23507b66dac9d59c2.js create mode 100644 580-04ee4460f7789ca58604.css create mode 100644 580-04ee4460f7789ca58604.js create mode 100644 58579-135a70b589e97627edac.css create mode 100644 58587-e04a6b2e9bd97d3f1eef.css create mode 100644 58587-e04a6b2e9bd97d3f1eef.js create mode 100644 58673-f848cc8fe8356926372d.css create mode 100644 58673-f848cc8fe8356926372d.js create mode 100644 59029-fd01c282e0411bd03ec3.css create mode 100644 59029-fd01c282e0411bd03ec3.js create mode 100644 5913-0e990e6aa5f7c2522c61.css create mode 100644 5913-0e990e6aa5f7c2522c61.js create mode 100644 59221-7cc765bf0742f2577e90.css create mode 100644 59221-7cc765bf0742f2577e90.js create mode 100644 59534-bce1f065ece3e17b0b08.css create mode 100644 59604-3ff29d9eea26292bb95a.css create mode 100644 59604-3ff29d9eea26292bb95a.js create mode 100644 59790-6e6d58306ec00550cfeb.css create mode 100644 59790-6e6d58306ec00550cfeb.js create mode 100644 60514-86be72e786d64d4696a6.css create mode 100644 60514-86be72e786d64d4696a6.js create mode 100644 61645-94b228b6c2b8f9a33342.js create mode 100644 61916-10223627811fdb1f9f58.css create mode 100644 61916-10223627811fdb1f9f58.js create mode 100644 61993-84924c8e3e33433975eb.css create mode 100644 61993-84924c8e3e33433975eb.js create mode 100644 62150-b53c51f11b07a38abe09.css create mode 100644 62203-81c94b4b6b25d3acf7a8.css create mode 100644 62203-81c94b4b6b25d3acf7a8.js create mode 100644 62411-014511940522099754ad.css create mode 100644 62411-014511940522099754ad.js create mode 100644 62415-8b1dfb6ce0a8f7378dc2.css create mode 100644 62415-8b1dfb6ce0a8f7378dc2.js create mode 100644 62832-3bcb1b69b60ddd159931.css create mode 100644 62832-3bcb1b69b60ddd159931.js create mode 100644 6319-74d199f190b1e93ffae9.css create mode 100644 6319-74d199f190b1e93ffae9.js create mode 100644 64155-2ae94ed842ba8f784019.css create mode 100644 64155-2ae94ed842ba8f784019.js create mode 100644 6432-3a6b6e2efa680f5ce1c0.css create mode 100644 6432-3a6b6e2efa680f5ce1c0.js create mode 100644 64491-549e1482eab59e1ddf38.css create mode 100644 64491-549e1482eab59e1ddf38.js create mode 100644 64721-54294e0e1d31e17cd390.css create mode 100644 64721-54294e0e1d31e17cd390.js create mode 100644 65082-cb827e4caa481de84d76.css create mode 100644 65082-cb827e4caa481de84d76.js create mode 100644 65318-466a33947b1da09edb7b.js create mode 100644 66097-de9d7bb793f15b7bbc90.css create mode 100644 66294-01d5ae186954445d7704.css create mode 100644 66294-01d5ae186954445d7704.js create mode 100644 66506-2d45be584b58e27c17e5.js create mode 100644 6701-47e849c615aa40c4f3b5.css create mode 100644 6701-47e849c615aa40c4f3b5.js create mode 100644 67131-e51447823c6b691fe813.css create mode 100644 67131-e51447823c6b691fe813.js create mode 100644 67543-819421ddf77bb3a4277a.css create mode 100644 67543-819421ddf77bb3a4277a.js create mode 100644 67876-bacfd9569d1525bbe1db.css create mode 100644 67876-bacfd9569d1525bbe1db.js create mode 100644 67965-be3d26ca16f0c236ddad.css create mode 100644 67965-be3d26ca16f0c236ddad.js create mode 100644 68090-cc8539a8e1e671fdd872.css create mode 100644 68439-d07fe4b2469621360398.css create mode 100644 68439-d07fe4b2469621360398.js create mode 100644 68690-af404bf82310fb276bda.css create mode 100644 68690-af404bf82310fb276bda.js create mode 100644 69415-5b26e779f1949a74647f.css create mode 100644 69415-5b26e779f1949a74647f.js create mode 100644 69670-27cec4487d20711f1fdc.css create mode 100644 69670-27cec4487d20711f1fdc.js create mode 100644 69792-1a6aa5596e8b4ce05bce.css create mode 100644 69792-1a6aa5596e8b4ce05bce.js create mode 100644 69945-295229e6faae9235c408.css create mode 100644 69945-295229e6faae9235c408.js create mode 100644 70285-42682eaccb2eb7d4794c.css create mode 100644 70285-42682eaccb2eb7d4794c.js create mode 100644 70538-893a8ad4459313935c11.css create mode 100644 70538-893a8ad4459313935c11.js create mode 100644 70801-5812c5f0b22b1fad5ead.css create mode 100644 70801-5812c5f0b22b1fad5ead.js create mode 100644 70809-9bd2f0cf80588500264b.css create mode 100644 70809-9bd2f0cf80588500264b.js create mode 100644 71224-48203cfefae96b85d30e.css create mode 100644 71224-48203cfefae96b85d30e.js create mode 100644 71296-4a5c9170bd78de1b1171.css create mode 100644 71296-4a5c9170bd78de1b1171.js create mode 100644 71420-2617c14908bd3df04ac1.css create mode 100644 71420-2617c14908bd3df04ac1.js create mode 100644 72187-13f3865dcd236c6f7ec1.css create mode 100644 72187-13f3865dcd236c6f7ec1.js create mode 100644 72239-930b7290eb492d6c968e.css create mode 100644 72239-930b7290eb492d6c968e.js create mode 100644 72351-0606a651851eb1a2b9ec.css create mode 100644 72351-0606a651851eb1a2b9ec.js create mode 100644 72439-edf836148aa6b37a2f78.css create mode 100644 72439-edf836148aa6b37a2f78.js create mode 100644 72851-b09d03c49506acd58e1a.css create mode 100644 72851-b09d03c49506acd58e1a.js create mode 100644 73046-d9e955717af0b28fb51a.css create mode 100644 73046-d9e955717af0b28fb51a.js create mode 100644 7316-7b33ace93b76a70c257d.css create mode 100644 7316-7b33ace93b76a70c257d.js create mode 100644 73169-d0075978f7d7ffe4493f.css create mode 100644 73169-d0075978f7d7ffe4493f.js create mode 100644 73437-3705ee73111bee6a06c4.css create mode 100644 73437-3705ee73111bee6a06c4.js create mode 100644 73438-e98ffb1a08dd8b6b6635.css create mode 100644 73438-e98ffb1a08dd8b6b6635.js create mode 100644 73608-819f90f4d5b3c86442ed.css create mode 100644 74364-49ba21d1c2f3ee2718ca.css create mode 100644 74364-49ba21d1c2f3ee2718ca.js create mode 100644 74366-bc1ab17dbe76b3c87c5a.css create mode 100644 74366-bc1ab17dbe76b3c87c5a.js create mode 100644 74479-2aaa44982476af8ee307.css create mode 100644 74479-2aaa44982476af8ee307.js create mode 100644 75494-e8a8579b10c788fc0d20.css create mode 100644 75494-e8a8579b10c788fc0d20.js create mode 100644 7591-d1d56cfbfa2a1708bd1e.css create mode 100644 7591-d1d56cfbfa2a1708bd1e.js create mode 100644 76196-f98fcefdccc29f7020fa.css create mode 100644 76196-f98fcefdccc29f7020fa.js create mode 100644 76290-da5bb4c9264ad6e89c77.css create mode 100644 76290-da5bb4c9264ad6e89c77.js create mode 100644 76523-7bfc7fa5426bedb0c4a5.js create mode 100644 77036-bc507f5a54a0c5d54c61.js create mode 100644 77109-c827f12d3ebb29205fb5.css create mode 100644 77109-c827f12d3ebb29205fb5.js create mode 100644 77411-8f1ad045eb5602191ac3.css create mode 100644 77411-8f1ad045eb5602191ac3.js create mode 100644 77497-74bb70c8e69af1230b4d.css create mode 100644 77497-74bb70c8e69af1230b4d.js create mode 100644 78555-7aaa29fd8dc186bd173b.css create mode 100644 78555-7aaa29fd8dc186bd173b.js create mode 100644 78857-35f50623bf8b6993ca6e.css create mode 100644 79482-f0d5132a080e073b3a94.css create mode 100644 79874-93acc497702a0c3853d7.css create mode 100644 79975-e8db54f9268c39b3fae3.css create mode 100644 79975-e8db54f9268c39b3fae3.js create mode 100644 79976-424772afb7a5c5a2c508.css create mode 100644 79976-424772afb7a5c5a2c508.js create mode 100644 79980-940af6abd772ea5caa5d.css create mode 100644 79980-940af6abd772ea5caa5d.js create mode 100644 8039-e7155c99b90c5ae04c2f.js create mode 100644 80449-0d258984c7b937467174.css create mode 100644 80449-0d258984c7b937467174.js create mode 100644 80604-84f9b6dc075e9cfc04be.css create mode 100644 80858-bc3e70b3b85c66104f27.css create mode 100644 81282-169e2e02d3412468f18b.js create mode 100644 8129-87bcfc7638ff4a73330f.css create mode 100644 8129-87bcfc7638ff4a73330f.js create mode 100644 81372-8259b1dc6fa4fea67a8e.css create mode 100644 81372-8259b1dc6fa4fea67a8e.js create mode 100644 81750-b6089a1e30a951d9eab1.js create mode 100644 8177-89d76a4f2a3230c79575.css create mode 100644 8177-89d76a4f2a3230c79575.js create mode 100644 81908-4d4d939ce90b35e0020a.css create mode 100644 83251-8be9d93154a024a607fc.css create mode 100644 83251-8be9d93154a024a607fc.js create mode 100644 83346-9f9b821b63ada361d6bd.css create mode 100644 83346-9f9b821b63ada361d6bd.js create mode 100644 83368-7b0df0c40d95cd0d5ed4.css create mode 100644 83754-c4f3db3c8bcd43ce1cce.css create mode 100644 83754-c4f3db3c8bcd43ce1cce.js create mode 100644 84403-c9ce359b23858ff99ac1.js create mode 100644 84651-82da1d78731bf03a919a.css create mode 100644 84651-82da1d78731bf03a919a.js create mode 100644 84736-323a7e73a779a903fe84.css create mode 100644 84736-323a7e73a779a903fe84.js create mode 100644 84799-33d9bcfe515fed7eb825.css create mode 100644 84799-33d9bcfe515fed7eb825.js create mode 100644 8480-9d0c081a767b5692ec80.css create mode 100644 8480-9d0c081a767b5692ec80.js create mode 100644 85161-03321490cad7958f2dbb.css create mode 100644 85187-18d07e4682811f683314.css create mode 100644 85187-18d07e4682811f683314.js create mode 100644 85355-6e7d56304e63a69521e5.css create mode 100644 85435-a4e9093cf5b23a4cd779.js create mode 100644 85565-42f7f5aba180e1a30acb.css create mode 100644 85601-c69a8550b749bc403e6f.css create mode 100644 85601-c69a8550b749bc403e6f.js create mode 100644 85685-e0fe5c97104c1f1e665f.css create mode 100644 85845-b601c78a39cedd4eb9b9.css create mode 100644 85845-b601c78a39cedd4eb9b9.js create mode 100644 8606-c03b9d005a7c92ac3b72.css create mode 100644 8606-c03b9d005a7c92ac3b72.js create mode 100644 8647-42949a4807cd4ba8502e.css create mode 100644 8647-42949a4807cd4ba8502e.js create mode 100644 87080-fb73547003288ffe922d.css create mode 100644 87080-fb73547003288ffe922d.js create mode 100644 87617-7d67f0435b529dde9767.css create mode 100644 87617-7d67f0435b529dde9767.js create mode 100644 87643-23465163773c476ee2ce.js create mode 100644 87812-b0c11f51ca32e7ba1db7.js create mode 100644 8800-bb97a402ea85889ec295.css create mode 100644 8800-bb97a402ea85889ec295.js create mode 100644 88127-c24447aa4fe634e0b59c.css create mode 100644 88127-c24447aa4fe634e0b59c.js create mode 100644 88502-b38ebdab1b56f09c8f20.css create mode 100644 88731-4b888bf29945bce3730f.css create mode 100644 89189-3bbde7d573d1bc89612f.css create mode 100644 89442-8e1d14d5ca515a5197e3.css create mode 100644 89442-8e1d14d5ca515a5197e3.js create mode 100644 89466-9e173b5d87020cd102ca.css create mode 100644 89466-9e173b5d87020cd102ca.js create mode 100644 89542-e717bc33fb6a9d76bb71.css create mode 100644 89542-e717bc33fb6a9d76bb71.js create mode 100644 89618-4a849e49a1e4f212c1df.css create mode 100644 89618-4a849e49a1e4f212c1df.js create mode 100644 8989-bf0c9bba3ce85c4c303e.css create mode 100644 8989-bf0c9bba3ce85c4c303e.js create mode 100644 90167-b4197c4a336588b59946.css create mode 100644 90167-b4197c4a336588b59946.js create mode 100644 90370-1d03e16876497d8ff163.css create mode 100644 90370-1d03e16876497d8ff163.js create mode 100644 90398-f8345c93cd2680df44f1.css create mode 100644 90398-f8345c93cd2680df44f1.js create mode 100644 90944-32fdcebec5aadf7ac2b1.css create mode 100644 90944-32fdcebec5aadf7ac2b1.js create mode 100644 91285-722b54eaddb76c3b09c0.css create mode 100644 91285-722b54eaddb76c3b09c0.js create mode 100644 91315-7e605ce4f337a91fd21d.css create mode 100644 91315-7e605ce4f337a91fd21d.js create mode 100644 91484-e54d1bb2d06f83bcd94f.js create mode 100644 91537-ba8b0e0d301b977f1274.css create mode 100644 91537-ba8b0e0d301b977f1274.js create mode 100644 91677-30efbcad2c8c66ebef62.css create mode 100644 91677-30efbcad2c8c66ebef62.js create mode 100644 91998-49228a79ba55cf44b6a7.css create mode 100644 91998-49228a79ba55cf44b6a7.js create mode 100644 92538-810a5606fb6224bc6af2.css create mode 100644 92538-810a5606fb6224bc6af2.js create mode 100644 92662-c0b0625cc7a287b9f31c.css create mode 100644 92662-c0b0625cc7a287b9f31c.js create mode 100644 92681-f2480839a02a33e4b95d.css create mode 100644 92681-f2480839a02a33e4b95d.js create mode 100644 92721-62238d123ecaf1d41aba.css create mode 100644 9291-b952b0a83fba73a0ab68.css create mode 100644 9291-b952b0a83fba73a0ab68.js create mode 100644 93179-d050440a4f42c0b1d442.css create mode 100644 93179-d050440a4f42c0b1d442.js create mode 100644 93221-15a5b41952f209c8708a.css create mode 100644 93221-15a5b41952f209c8708a.js create mode 100644 93389-000b45bdbf3396b8e567.css create mode 100644 93389-000b45bdbf3396b8e567.js create mode 100644 93433-a4ce157900ef5ac54a58.css create mode 100644 93433-a4ce157900ef5ac54a58.js create mode 100644 93754-f4803705c8db5387a784.css create mode 100644 93754-f4803705c8db5387a784.js create mode 100644 9387-ec0bc44bc23dba806fef.js create mode 100644 93892-235461eb2f5ae37fe319.css create mode 100644 93892-235461eb2f5ae37fe319.js create mode 100644 94007-11065ca47e05b9b6356e.css create mode 100644 94007-11065ca47e05b9b6356e.js create mode 100644 94827-fe6e5e2c41737cf3c8db.css create mode 100644 94827-fe6e5e2c41737cf3c8db.js create mode 100644 94982-1ff99308ac0365149f42.css create mode 100644 94982-1ff99308ac0365149f42.js create mode 100644 95112-ee605e6b540d27adbfe6.js create mode 100644 95657-fe5537036d28d6b9c108.css create mode 100644 95657-fe5537036d28d6b9c108.js create mode 100644 95690-9362bf80b85ac60d3d23.css create mode 100644 95690-9362bf80b85ac60d3d23.js create mode 100644 957-e7abdee05102ffdc6519.css create mode 100644 957-e7abdee05102ffdc6519.js create mode 100644 96658-8d43d0f58f74183d562a.css create mode 100644 96658-8d43d0f58f74183d562a.js create mode 100644 97544-190d595d958e64f14e54.css create mode 100644 97544-190d595d958e64f14e54.js create mode 100644 97996-d25225e0329867c97a44.js create mode 100644 98501-a949a770d436009f5937.css create mode 100644 98501-a949a770d436009f5937.js create mode 100644 986-d1239f9c0e3a19d95a09.css create mode 100644 986-d1239f9c0e3a19d95a09.js create mode 100644 98630-d9b1a5b32c5ff6c2ce8f.css create mode 100644 98630-d9b1a5b32c5ff6c2ce8f.js create mode 100644 98899-9508069e6f80e31bf652.css create mode 100644 98899-9508069e6f80e31bf652.js create mode 100644 98943-60f30b123034a4c3a111.css create mode 100644 99069-39504ef07b31140aff42.js create mode 100644 99890-a1214fdd35f619761b88.css create mode 100644 99890-a1214fdd35f619761b88.js create mode 100644 de-translations-cb6f650672c8aade93d2.js create mode 100644 en-AU-translations-f2480303ff0769c78993.js create mode 100644 en-CA-translations-127a91d8610ca2f27b5a.js create mode 100644 en-GB-translations-0fdb90e13147cf127b39.js create mode 100644 en-US-translations-3ec30f91dfbad6d56455.js create mode 100644 en-translations-70b9544c41278365bc5d.js create mode 100644 es-ES-translations-f9713200e372dd4f7da6.js create mode 100644 es-US-translations-14cef468d1cb8e33a3ac.js create mode 100644 es-translations-d6eb1c5b025851f526ce.js create mode 100644 fr-FR-translations-0d0ee56b227e2bb52bfb.js create mode 100644 fr-translations-21866734c2fe2c8c99dd.js create mode 100644 index-87085001f31418ea5824.css create mode 100644 index-87085001f31418ea5824.js create mode 100644 index-87085001f31418ea5824.js.LICENSE.txt create mode 100644 nl-BE-translations-67afe71b9e9abd23fb69.js create mode 100644 nl-translations-8fb8b8100d773894a996.js create mode 100644 pt-BR-translations-b63038c68ee481172841.js create mode 100644 pt-translations-e8f5c045cf1b35961658.js create mode 100644 sv-SE-translations-be5578cd329ba1753fa5.js create mode 100644 sv-translations-d2be0adce5c706569c61.js diff --git a/10035-3610829deae9fd0a424f.css b/10035-3610829deae9fd0a424f.css new file mode 100644 index 0000000000..c38d9a39cd --- /dev/null +++ b/10035-3610829deae9fd0a424f.css @@ -0,0 +1,6 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.Card-module__clinical-lowlight-theme___rpqXf{--terra-card-background-color: #222a2e;--terra-card-border-radius: 3px;--terra-card-border: 1px solid #181b1d;--terra-card-box-shadow: none;--terra-card-color: #b2b5b6;--terra-card-raised-box-shadow: 0 3px 8px -2px rgba(0, 0, 0, 0.18), 0 3px 10px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -3px rgba(0, 0, 0, 0.3)}.Card-module__orion-fusion-theme___QgHmr{--terra-card-background-color: #fff;--terra-card-border-radius: 0;--terra-card-border: 1px solid #c8cacb;--terra-card-box-shadow: none;--terra-card-color: inherit;--terra-card-raised-box-shadow: 2px 2px 0 0 rgba(28, 31, 33, 0.1), -2px 2px 0 0 rgba(28, 31, 33, 0.1), 0 4px 0 0 rgba(28, 31, 33, 0.04), 0 8px 0 -2px rgba(28, 31, 33, 0.03)}.Card-module__card___n9\+A2{color:var(--terra-card-color);overflow:hidden}[dir] .Card-module__card___n9\+A2{background-color:#fff;background-color:var(--terra-card-background-color, #fff);border:1px solid #c8cacb;border:var(--terra-card-border, 1px solid #c8cacb);border-radius:3px;border-radius:var(--terra-card-border-radius, 3px)}[dir] .Card-module__default___Pvv6U{box-shadow:none;box-shadow:var(--terra-card-box-shadow, none)}[dir] .Card-module__raised___OPyVO{box-shadow:0 3px 8px -2px rgba(0, 0, 0, 0.18), 0 3px 10px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -3px rgba(0, 0, 0, 0.3);box-shadow:var(--terra-card-raised-box-shadow, 0 3px 8px -2px rgba(0, 0, 0, 0.18), 0 3px 10px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -3px rgba(0, 0, 0, 0.3))} +.CardBody-module__orion-fusion-theme___Xdg9v{--terra-card-padding-bottom: 0.5rem;--terra-card-padding-left: 0.5rem;--terra-card-padding-right: 0.5rem;--terra-card-padding-top: 0.5rem}.CardBody-module__clinical-lowlight-theme___2YDc3{--terra-card-padding-bottom: 10px;--terra-card-padding-left: 10px;--terra-card-padding-right: 10px;--terra-card-padding-top: 10px}[dir] .CardBody-module__vertical-padding___xyd9u{padding-bottom:10px;padding-bottom:var(--terra-card-padding-bottom, 10px);padding-top:10px;padding-top:var(--terra-card-padding-top, 10px)}[dir=ltr] .CardBody-module__horizontal-padding___wGati{padding-left:10px;padding-left:var(--terra-card-padding-left, 10px);padding-right:10px;padding-right:var(--terra-card-padding-right, 10px)}[dir=rtl] .CardBody-module__horizontal-padding___wGati{padding-right:10px;padding-right:var(--terra-card-padding-left, 10px);padding-left:10px;padding-left:var(--terra-card-padding-right, 10px)}[dir] .CardBody-module__center-content___phyuy{text-align:center} +.Input-module__clinical-lowlight-theme___clY96{--terra-form-input-background-color: #222a2e;--terra-form-input-border: 1px solid #181b1d;--terra-form-input-border-radius: 3px;--terra-form-input-box-shadow: none;--terra-form-input-color: #b2b5b6;--terra-form-input-font-size: 1.14285714rem;--terra-form-input-height: 2.14285714rem;--terra-form-input-hover-border: 1px solid #181b1d;--terra-form-input-line-height: 1.25;--terra-form-input-padding-bottom: 0.28571rem;--terra-form-input-padding-left: 0.28571rem;--terra-form-input-padding-right: 0.28571rem;--terra-form-input-padding-top: 0.28571rem;--terra-form-input-transition-duration: 0s;--terra-form-input-transition-timing-function: ease;--terra-form-input-disabled-background-color: #1d2529;--terra-form-input-disabled-border: 1px solid #242b2b;--terra-form-input-disabled-color: #404344;--terra-form-input-disabled-opacity: 0.25;--terra-form-input-focus-background-color: #222a2e;--terra-form-input-focus-border: 1px solid #004c76;--terra-form-input-error-border: 1px solid #181b1d;--terra-form-input-error-disabled-background-color: #1d2529;--terra-form-input-error-disabled-border: 1px solid #242b2b;--terra-form-input-error-disabled-color: #404344;--terra-form-input-error-disabled-opacity: 0.25;--terra-form-input-error-focus-background-color: #222a2e;--terra-form-input-error-focus-border: 1px solid #004c76;--terra-form-input-error-hover-border: 1px solid #181b1d;--terra-form-input-background-image: none;--terra-form-input-background-size: auto;--terra-form-input-focus-background-size: auto;--terra-form-input-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-input-focus-color: #b2b5b6;--terra-form-input-focus-ltr-box-shadow: none;--terra-form-input-focus-rtl-box-shadow: none;--terra-form-input-hover-background-color: #222a2e;--terra-form-input-hover-color: #b2b5b6;--terra-form-input-error-background-color: #222a2e;--terra-form-input-error-background-image: none;--terra-form-input-error-box-shadow: 0 0 0 1px #fb4c4c;--terra-form-input-error-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-input-error-focus-background-size: auto;--terra-form-input-error-focus-ltr-box-shadow: 0 0 0 1px #004c76;--terra-form-input-error-focus-rtl-box-shadow: 0 0 0 1px #004c76;--terra-form-input-error-hover-background-color: #222a2e;--terra-form-input-incomplete-background-color: #464232;--terra-form-input-incomplete-hover-background-color: #464232;--terra-form-input-incomplete-disabled-background-color: #464232;--terra-form-input-incomplete-focus-background-color: #464232}.Input-module__orion-fusion-theme___phvH5{--terra-form-input-background-color: #fff;--terra-form-input-border: 1px solid #dedfe0;--terra-form-input-border-radius: 3px;--terra-form-input-box-shadow: none;--terra-form-input-color: #1c1f21;--terra-form-input-font-size: 1rem;--terra-form-input-height: 2.16667rem;--terra-form-input-line-height: 1.25;--terra-form-input-padding-bottom: 0.25rem;--terra-form-input-padding-left: 0.25rem;--terra-form-input-padding-right: 0.25rem;--terra-form-input-padding-top: 0.25rem;--terra-form-input-transition-duration: 0s;--terra-form-input-transition-timing-function: ease;--terra-form-input-background-image: none;--terra-form-input-background-size: auto;--terra-form-input-hover-background-color: #fff;--terra-form-input-hover-border: 1px solid #dedfe0;--terra-form-input-hover-color: #1c1f21;--terra-form-input-focus-background-color: #fff;--terra-form-input-focus-border: 1px solid #4cb2e9;--terra-form-input-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-focus-color: #1c1f21;--terra-form-input-focus-background-size: auto;--terra-form-input-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-disabled-background-color: #f4f4f4;--terra-form-input-disabled-border: 1px solid #b2b5b6;--terra-form-input-disabled-color: #9b9fa1;--terra-form-input-disabled-opacity: 1;--terra-form-input-error-background-image: none;--terra-form-input-error-background-color: #fff;--terra-form-input-error-border: 1px solid #dedfe0;--terra-form-input-error-box-shadow: none;--terra-form-input-error-hover-background-color: #fff;--terra-form-input-error-hover-border: 1px solid #dedfe0;--terra-form-input-error-focus-background-color: #fff;--terra-form-input-error-focus-border: 1px solid #dedfe0;--terra-form-input-error-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-focus-background-size: auto;--terra-form-input-error-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-disabled-background-color: #f4f4f4;--terra-form-input-error-disabled-border: 1px solid #b2b5b6;--terra-form-input-error-disabled-color: #9b9fa1;--terra-form-input-error-disabled-opacity: 1;--terra-form-input-incomplete-background-color: #fefd9a;--terra-form-input-incomplete-hover-background-color: #fefd9a;--terra-form-input-incomplete-focus-background-color: #fefd9a;--terra-form-input-incomplete-disabled-background-color: #f4f4f4}.Input-module__form-input___Fk8kb{color:#1c1f21;color:var(--terra-form-input-color, #1c1f21);font-family:inherit;font-size:1.142857rem;font-size:var(--terra-form-input-font-size, 1.142857rem);height:2.142857rem;height:var(--terra-form-input-height, 2.142857rem);line-height:1.25;line-height:var(--terra-form-input-line-height, 1.25);width:100%}[dir] .Input-module__form-input___Fk8kb{background-color:#fff;background-color:var(--terra-form-input-background-color, #fff);background-image:var(--terra-form-input-background-image);background-repeat:no-repeat;background-size:var(--terra-form-input-background-size);border:1px solid #dedfe0;border:var(--terra-form-input-border, 1px solid #dedfe0);border-radius:3px;border-radius:var(--terra-form-input-border-radius, 3px);box-shadow:var(--terra-form-input-box-shadow);padding-bottom:0.28571rem;padding-bottom:var(--terra-form-input-padding-bottom, 0.28571rem);padding-top:0.28571rem;padding-top:var(--terra-form-input-padding-top, 0.28571rem);transition-duration:0s;transition-duration:var(--terra-form-input-transition-duration, 0s);transition-property:background-size;transition-timing-function:ease;transition-timing-function:var(--terra-form-input-transition-timing-function, ease)}[dir=ltr] .Input-module__form-input___Fk8kb{background-position:0 100%;padding-left:0.28571rem;padding-left:var(--terra-form-input-padding-left, 0.28571rem);padding-right:0.28571rem;padding-right:var(--terra-form-input-padding-right, 0.28571rem)}[dir=rtl] .Input-module__form-input___Fk8kb{background-position:100% 100%;padding-right:0.28571rem;padding-right:var(--terra-form-input-padding-left, 0.28571rem);padding-left:0.28571rem;padding-left:var(--terra-form-input-padding-right, 0.28571rem)}.Input-module__form-input___Fk8kb:hover{color:var(--terra-form-input-hover-color)}[dir] .Input-module__form-input___Fk8kb:hover{background-color:#fff;background-color:var(--terra-form-input-hover-background-color, #fff);border:1px solid #dedfe0;border:var(--terra-form-input-hover-border, 1px solid #dedfe0)}[dir] .Input-module__form-input___Fk8kb[required]{box-shadow:none}.Input-module__form-input___Fk8kb[disabled]{color:#1c1f21;color:var(--terra-form-input-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-input-disabled-opacity, 0.25);pointer-events:none}[dir] .Input-module__form-input___Fk8kb[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-input-disabled-background-color, rgba(111, 116, 119, 0.2));border:1px solid #868a8c;border:var(--terra-form-input-disabled-border, 1px solid #868a8c);cursor:default}.Input-module__form-input___Fk8kb:focus{color:var(--terra-form-input-focus-color);outline:none}[dir] .Input-module__form-input___Fk8kb:focus{background-color:#fff;background-color:var(--terra-form-input-focus-background-color, #fff);background-size:var(--terra-form-input-focus-background-size);border:1px solid #4cb2e9;border:var(--terra-form-input-focus-border, 1px solid #4cb2e9);box-shadow:var(--terra-form-input-focus-box-shadow)}[dir=ltr] .Input-module__form-input___Fk8kb:focus{box-shadow:var(--terra-form-input-focus-ltr-box-shadow)}[dir=rtl] .Input-module__form-input___Fk8kb:focus{box-shadow:var(--terra-form-input-focus-rtl-box-shadow)}[dir] .Input-module__form-error___aU4hq{background-color:#fff;background-color:var(--terra-form-input-error-background-color, #fff);background-image:var(--terra-form-input-error-background-image);border:1px solid #e50000;border:var(--terra-form-input-error-border, 1px solid #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-error___aU4hq:hover{background-color:#fff;background-color:var(--terra-form-input-error-hover-background-color, #fff);border:1px solid #e50000;border:var(--terra-form-input-error-hover-border, 1px solid #e50000)}.Input-module__form-error___aU4hq[disabled]{color:#1c1f21;color:var(--terra-form-input-error-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-input-error-disabled-opacity, 0.25)}[dir] .Input-module__form-error___aU4hq[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-input-error-disabled-background-color, rgba(111, 116, 119, 0.2));border:1px solid #e50000;border:var(--terra-form-input-error-disabled-border, 1px solid #e50000)}[dir] .Input-module__form-error___aU4hq[required]{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-error___aU4hq:focus{background-color:#fff;background-color:var(--terra-form-input-error-focus-background-color, #fff);background-size:var(--terra-form-input-error-focus-background-size);border:1px solid #e50000;border:var(--terra-form-input-error-focus-border, 1px solid #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-box-shadow, 0 0 0 1px #e50000)}[dir=ltr] .Input-module__form-error___aU4hq:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-ltr-box-shadow, 0 0 0 1px #e50000)}[dir=rtl] .Input-module__form-error___aU4hq:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-rtl-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-incomplete___h4I7H{background-color:#ffc;background-color:var(--terra-form-input-incomplete-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H:hover{background-color:#ffc;background-color:var(--terra-form-input-incomplete-hover-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H[disabled]{background-color:#ffc;background-color:var(--terra-form-input-incomplete-disabled-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H:focus{background-color:#ffc;background-color:var(--terra-form-input-incomplete-focus-background-color, #ffc)} +.Fieldset-module__clinical-lowlight-theme___XMxG7{--terra-form-fieldset-required-legend-before-color: #fb4c4c;--terra-form-fieldset-legend-color: #b2b5b6;--terra-form-fieldset-legend-font-weight: bold;--terra-form-fieldset-help-text-color: #6f7477;--terra-form-fieldset-help-text-font-size: 0.857rem;--terra-form-fieldset-help-text-font-weight: normal}.Fieldset-module__orion-fusion-theme___rT15M{--terra-form-fieldset-required-legend-before-color: #e50000;--terra-form-fieldset-legend-color: #1c1f21;--terra-form-fieldset-legend-font-weight: bold;--terra-form-fieldset-help-text-color: #64696c;--terra-form-fieldset-help-text-font-size: 0.85rem;--terra-form-fieldset-help-text-font-weight: normal}[dir] .Fieldset-module__fieldset___J-xl3{border:0;margin-bottom:1.428em;padding:0}.Fieldset-module__fieldset-required___aTps3>.Fieldset-module__legend___aExR-:first-child::before{color:#e50000;color:var(--terra-form-fieldset-required-legend-before-color, #e50000);content:"*";display:inline-block}[dir=ltr] .Fieldset-module__fieldset-required___aTps3>.Fieldset-module__legend___aExR-:first-child::before{padding-right:.357em}[dir=rtl] .Fieldset-module__fieldset-required___aTps3>.Fieldset-module__legend___aExR-:first-child::before{padding-left:.357em}.Fieldset-module__legend___aExR-{color:var(--terra-form-fieldset-legend-color);display:block;font-weight:bold;font-weight:var(--terra-form-fieldset-legend-font-weight, bold);max-width:100%;width:auto}[dir] .Fieldset-module__legend___aExR-{border:0;margin-bottom:.357em;padding:0}.Fieldset-module__legend-visually-hidden___70GQh{clip:rect(0 0 0 0);height:1px;overflow:hidden;position:absolute;width:1px}[dir] .Fieldset-module__legend-visually-hidden___70GQh{border:0;margin:-1px;padding:0}.Fieldset-module__help-text___IuP4F{color:rgba(0, 0, 0, 0.8);color:var(--terra-form-fieldset-help-text-color, rgba(0, 0, 0, 0.8));display:block;font-size:0.857rem;font-size:var(--terra-form-fieldset-help-text-font-size, 0.857rem);font-weight:normal;font-weight:var(--terra-form-fieldset-help-text-font-weight, normal);line-height:1;outline:0}[dir] .Fieldset-module__help-text___IuP4F{margin-bottom:.357em}[dir] .Fieldset-module__fieldset-children___YkIkm{margin-top:.714em} +.FieldsetExamples-module__fieldset-wrapper___peaDn{display:inline-block} diff --git a/10035-3610829deae9fd0a424f.js b/10035-3610829deae9fd0a424f.js new file mode 100644 index 0000000000..42b6891cfa --- /dev/null +++ b/10035-3610829deae9fd0a424f.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[10035,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{55303:function(e,t,a){function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}t.Z=void 0;var r=m(a(67294)),i=m(a(28301)),l=m(a(47717)),o=m(a(55142)),s=m(a(96388)),d=m(a(47166)),u=m(a(70695));function m(e){return e&&e.__esModule?e:{default:e}}function c(e,t){for(var a=0;a=0||(r[a]=e[a]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}var d={},u="wrapper";function m(e){var t=e.components,a=s(e,l);return(0,n.mdx)(u,o({},d,a,{components:t,mdxType:"MDXLayout"}),(0,n.mdx)(r.C,{mdxType:"Badge"}),(0,n.mdx)("h1",{id:"accessibility-guide-for-terra-fieldset"},"Accessibility Guide for Terra Fieldset"),(0,n.mdx)("h2",{id:"why-the-accessibility-of-fieldset-is-important"},"Why the accessibility of Fieldset is important"),(0,n.mdx)("blockquote",null,(0,n.mdx)("p",{parentName:"blockquote"},"Fieldset are some of the most used controls across products. Because they are so ubiquitous, users need to understand their purpose and be able to interact with them. However, if Fieldset are not implemented following best practices, users may fail to understand what the field is for, or worse, may not be able to interact with the input. It is critical to users that all Fieldset must be accessible to effectively understand and interact with a field.")),(0,n.mdx)("h2",{id:"accessibility-considerations"},"Accessibility Considerations"),(0,n.mdx)("h3",{id:"content-considerations-what-do-content-creators-need-to-do"},"Content Considerations: What do content creators need to do?"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Consider adding instructions at the beginning of the form or when content may be complex or out of the ordinary.",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Use clear and concise wording that helps the user understand what is expected of them."))),(0,n.mdx)("li",{parentName:"ul"},"Ensure all Fieldset have a descriptive label that accurately describes its purpose.",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Work with the engineer to ensure programmatic field names created using ARIA match the visible label of the field.",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"For example, if the visible input label says, “Where do you live” and the programmatic name is “Address”, some users will not be able to activate the control to edit the field."))),(0,n.mdx)("li",{parentName:"ul"},"Ensure each field label is unique to the page.",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"The best practice is to never use the same label for multiple fields that are asking for different data on the same page. For example, two fields named “Address” would be an accessibility barrier for several users. Instead, provide more specific labels like, “Home Address” and “Business Address”."),(0,n.mdx)("li",{parentName:"ul"},"Or groups of related fields can be placed inside of a fieldset which will create the necessary programmatic context. For example, the same page can have two fields named “Address” if each are in their own respective fieldset labeled “Home” and “Work”."))),(0,n.mdx)("li",{parentName:"ul"},"If there is any specific requirement for the user to make a field valid, that requirement must be presented visibly either in the field label or within helper text.",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"If a Fieldset is required, it must be set as required, have the required red asterisk, and the form itself should have instructions that any item marked with the asterisk is required."),(0,n.mdx)("li",{parentName:"ul"},"If there is a specific format to the field, it must be indicated. For example, MM/DD/YYYY for a date, or XXX-XXX-XXXX for a phone number."),(0,n.mdx)("li",{parentName:"ul"},"If a field only accepts numbers, letters, or a certain number of characters, those requirements must also be available to all users in text associated to the field (in helper text or within the Fieldset label). "))),(0,n.mdx)("li",{parentName:"ul"},"When creating error messaging, ensure the message provides enough context the user can understand what the problem is and how to fix it. Use clear and concise messaging."),(0,n.mdx)("li",{parentName:"ul"},"If any icons are used to convey meaning in conjunction with a Fieldset, the icon must have an accessible name (alternate content). For example, a help icon next to a field.",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"The icon must be intuitive for the functionality it represents."),(0,n.mdx)("li",{parentName:"ul"},"The icon must be named consistently across the product and accurately reflect the purpose of the icon."),(0,n.mdx)("li",{parentName:"ul"},"The icons must be used to consistently represent the same function (don’t use multiple icons for the same functionality)."),(0,n.mdx)("li",{parentName:"ul"},"The icon must have alternate content that reflects the Fieldset it is related to, or it must be programmatically associated to the field. Work with engineers when needed to add programmatic association of icons to the fields."))),(0,n.mdx)("li",{parentName:"ul"},"Any purely decorative icon (does not convey ANY meaning) must be marked as decorative."),(0,n.mdx)("li",{parentName:"ul"},"Consider how forms resize and reflow at different breakpoints and form factors.",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Convey to engineers how content should resize and reflow."))),(0,n.mdx)("li",{parentName:"ul"},"Do not override default Fieldset colors."),(0,n.mdx)("li",{parentName:"ul"},"If colors are changed, all Fieldset content (visible label, required asterisk, helper text, instructions, helper text, and the field itself) must meet color contrast requirements against their respective backgrounds."),(0,n.mdx)("li",{parentName:"ul"},"Ensure the engineer understands the logical reading order of the form."),(0,n.mdx)("li",{parentName:"ul"},"After coded:",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Ensure nothing unexpected happens on focus or on input of the Fieldset."),(0,n.mdx)("li",{parentName:"ul"},"Ensure all Fieldset can receive keyboard focus, have a visible keyboard focus indication when in focus, and can be interacted with and acted upon using only the keyboard."),(0,n.mdx)("li",{parentName:"ul"},"Ensure all Fieldset receive focus in the users logical reading order and the focus order does not affect the meaning of content.")))))),(0,n.mdx)("h3",{id:"code-considerations-what-do-engineers-need-to-do"},"Code Considerations: What do engineers need to do?"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Ensure the code order of Fieldset match the users logical reading order.",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Ensure all Fieldset can receive keyboard focus."),(0,n.mdx)("li",{parentName:"ul"},"Do not override the default keyboard focus indicator unless to reverse out of a dark background for perceivability. Do not override the visible focus indicator."),(0,n.mdx)("li",{parentName:"ul"},"Never implement a TABINDEX value of anything greater than zero."),(0,n.mdx)("li",{parentName:"ul"},"Ensure nothing unexpected happens on focus or on input of a Fieldset."))),(0,n.mdx)("li",{parentName:"ul"},"Work with Content Creators to understand how content should resize and reflow at different breakpoints and form factors to ensure content is not artificially constrained or cut off at smaller view ports."),(0,n.mdx)("li",{parentName:"ul"},"Ensure all Fieldset are implemented correctly to programmatically associate all related content (visible label, helper text, error messaging) to the field",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Ensure the visible Input Label matches any artificially applied programmatic label.",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"For example, the visible Input label is “Where do you live” and an ARIA-LABEL is “Address” would be a failure. Both should match."))),(0,n.mdx)("li",{parentName:"ul"},"Any requirement of the field must be visible with the field. Work with the content creator to understand any requirements (e.g., “required” field, specific format of the field, number of characters of the field, etc.).",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Required fields must have the red asterisk as a required indicator for the user see next to the Fieldset label."))),(0,n.mdx)("li",{parentName:"ul"},"Do not change the placement of any of the related content to other areas around the field. For example, do not move the input label creating large gaps between the field and the label."))),(0,n.mdx)("li",{parentName:"ul"},"Ensure validation can provide the users necessary details to help them resolve any errors.",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Ensure error messaging should provide error suggestions when possible.")))),(0,n.mdx)("div",{"aria-label":"Example Demo"},(0,n.mdx)(i.Z,{mdxType:"FieldsetExampleAccess"})),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-jsx"},'
\n \n \n \n \n \n \n \n \n \n \n \n
\n

\n Patient Full Name Provided:\n \n {this.state.first}\n {\' \'}\n {this.state.middle}\n {\' \'}\n {this.state.last}\n \n

\n
\n
\n')),(0,n.mdx)("h2",{id:"usability-expectations"},"Usability Expectations"),(0,n.mdx)("h3",{id:"usability-expectations-1"},"Usability Expectations"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"The user expects to understand the purpose of the field and enter details."),(0,n.mdx)("li",{parentName:"ul"},"The user expects to understand any requirements of the field. For example, is it required, does it have a special format, does it only accept certain number of characters, etc.")),(0,n.mdx)("h3",{id:"keyboard-expectations"},"Keyboard Expectations"),(0,n.mdx)("p",null,"In general, all Fieldset should receive initial keyboard focus by tabbing on to the field. Each Fieldset will its own set of keyboard behaviors. See the individual form elements for specific keyboard expectations of each."),(0,n.mdx)("h2",{id:"support-compliance"},"Support Compliance"),(0,n.mdx)("h3",{id:"how-does-terra-fieldset-support-compliance"},"How does Terra Fieldset support compliance?"),(0,n.mdx)("p",null,"Terra is committed to ensuring its components provide maximum possible accessibility. Terra provides the ability to make accessibility products. However, using Terra components will not automatically make a product accessible."),(0,n.mdx)("p",null,"Final responsibility lies with the consumers of Terra components — ensuring proper usage, programmatic context where needed, the words used to label elements, engineers following correct implementation patterns, and authors crafting content that follows best practice guidance — to make a product fully accessible."),(0,n.mdx)("h3",{id:"primary-accessibility-criteria-for-fieldset"},"Primary accessibility criteria for Fieldset"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships.html"},"1.3.1 Info and Relationships")," — Supports",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra Fieldset provides the necessary props to programmatically associate related content to the form element within the Fieldset."),(0,n.mdx)("li",{parentName:"ul"},"Engineers must ensure all related content to the Fieldset (required asterisk, helper text, error messaging, etc.) is appropriately associated to the field using the correct Terra props"),(0,n.mdx)("li",{parentName:"ul"},"Content creators must provide engineers with all the related content for each Fieldset."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/reflow.html"},"1.4.10 Reflow")," — Supports",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra Fieldset support reflow of content."),(0,n.mdx)("li",{parentName:"ul"},"Engineers should work with the content creators to understand how content should reflow at different view port sizes."),(0,n.mdx)("li",{parentName:"ul"},"Content creators should consider how content should reflow at different user view port sizes."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-scale.html"},"1.4.4 Resize text")," – Supports",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra Fieldset support resizing of text."),(0,n.mdx)("li",{parentName:"ul"},"Engineers should work with the content creators to understand how content should resize."),(0,n.mdx)("li",{parentName:"ul"},"Content creators should consider how content should resize at different user view ports."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/keyboard.html"},"2.1.1 Keyboard")," – Supports",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra Fieldset itself does not receive focus, but the form elements within them should."),(0,n.mdx)("li",{parentName:"ul"},"Engineers must ensure they do not interfere with the keyboard accessibility of any component."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/headings-and-labels.html"},"2.4.6 Headings and Labels")," – Supports ",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra provides consuming teams the ability to have meaningful headings and labels with Fieldset."),(0,n.mdx)("li",{parentName:"ul"},"Content creators must provide engineers with headings and Fieldset labels that are descriptive of the purpose of the field or related fields."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://www.w3.org/TR/UNDERSTANDING-WCAG20/minimize-error-identified.html"},"3.3.1 Error Identification")," – Supports ",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra provides the ability to perform error validation."),(0,n.mdx)("li",{parentName:"ul"},"Engineers must implement error validation and ensure error messaging is provided for invalid fields."),(0,n.mdx)("li",{parentName:"ul"},"Content creators must provide error messaging that helps users identify when a field is invalid."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://www.w3.org/TR/UNDERSTANDING-WCAG20/minimize-error-cues.html"},"3.3.2 Labels or Instructions"),"– Partially Supports ",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra provides consuming teams the ability to have labels and instructions with Fieldset."),(0,n.mdx)("li",{parentName:"ul"},"Content creators must provide engineers with instructions when necessary and Fieldset labels that help the user understand what is required of them to complete the Fieldset."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://www.w3.org/TR/UNDERSTANDING-WCAG20/minimize-error-suggestions.html"},"3.3.3 Error Suggestion")," – Supports ",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"WHAT DOES TERRA PROVIDE IN VALIDATION?"),(0,n.mdx)("li",{parentName:"ul"},"When possible, engineers must ensure form validation can provide the user suggestions on how to successfully complete an errant field."),(0,n.mdx)("li",{parentName:"ul"},"When possible, Content creators provide error messaging that helps the user understand how to successfully complete a field when error detection can automatically be detected.")))),(0,n.mdx)("h3",{id:"related-accessibility-criteria-that-apply-when-adding-content-to-action-header"},"Related accessibility criteria that apply when adding content to action header"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/use-of-color.html"},"1.4.1 Use of Color")," – Supports ",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra Fieldset does not use color as the only method to convey information."),(0,n.mdx)("li",{parentName:"ul"},"Content creators must not use color as the only way to convey information to the user."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/non-text-contrast.html"},"1.4.11 Non-Text Contrast")," – Supports",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra Fieldset itself passes all non-text contrast thresholds on the default white background."),(0,n.mdx)("li",{parentName:"ul"},"Content creators must ensure all non-text that conveys information passes the necessary contrast ratios when the Fieldset appears on anything other than white background."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html"},"1.4.3 Contrast (Minimum)")," – Supports",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Text within Terra Fieldset meets the proper contrast ratios when placed on the default white background."),(0,n.mdx)("li",{parentName:"ul"},"Content creators must ensure all text passes the necessary contrast ratios when Fieldset text appears on anything other than white background."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/on-focus.html"},"3.2.1 On Focus")," – Supports",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra Fieldset does not cause unexpected changes on focus of a field."),(0,n.mdx)("li",{parentName:"ul"},"Engineers must not implement any behavior that would cause a change of user’s context on focus of the field"),(0,n.mdx)("li",{parentName:"ul"},"Content creators must not ask engineers to implement any behaviors that would cause the user a change of context on focus of a field."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/on-input"},"3.2.2 On Input")," – Supports ",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra Fieldset does not cause unexpected changes on input of a field."),(0,n.mdx)("li",{parentName:"ul"},"Engineers must not implement any behavior that would cause a change of user’s context on input of the field"),(0,n.mdx)("li",{parentName:"ul"},"Content creators must not ask engineers to implement any behaviors that would cause the user a change of context on input of a field.")))),(0,n.mdx)("h3",{id:"supported-features-and-technology"},"Supported Features and Technology"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Keyboard Interactions "),(0,n.mdx)("li",{parentName:"ul"},"JAWS Support with Chrome (PC) "),(0,n.mdx)("li",{parentName:"ul"},"VoiceOver Support with Chrome, Safari (MAC) "),(0,n.mdx)("li",{parentName:"ul"},"Speech Input Interactions with assistive technology "),(0,n.mdx)("li",{parentName:"ul"},"Mobile Touch Interactions with Screen Reader assistive technology ")),(0,n.mdx)("h3",{id:"partial-support--requiring-further-enhancement"},"Partial Support & Requiring Further Enhancement"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://github.com/cerner/terra-core/issues/new/choose"},"Report a problem with this component on GitHub"))),(0,n.mdx)("h2",{id:"references"},"References:"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/"},"Web Content Accessibility Guidelines (WCAG)")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://webaim.org/techniques/forms/"},"WebAim.org: Creating More Accessible Forms "))))}m.isMDXComponent=!0},13234:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"Card-module__clinical-lowlight-theme___rpqXf","orion-fusion-theme":"Card-module__orion-fusion-theme___QgHmr",card:"Card-module__card___n9+A2",default:"Card-module__default___Pvv6U",raised:"Card-module__raised___OPyVO"}},64867:function(e,t,a){a.r(t),t.default={"orion-fusion-theme":"CardBody-module__orion-fusion-theme___Xdg9v","clinical-lowlight-theme":"CardBody-module__clinical-lowlight-theme___2YDc3","vertical-padding":"CardBody-module__vertical-padding___xyd9u","horizontal-padding":"CardBody-module__horizontal-padding___wGati","center-content":"CardBody-module__center-content___phyuy"}},28301:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=c(a(67294)),r=c(a(45697)),i=c(a(94184)),l=c(a(47166)),o=c(a(29270)),s=c(a(50026)),d=c(a(13234)),u=c(a(52926)),m=["children","variant","visuallyHiddenText"];function c(e){return e&&e.__esModule?e:{default:e}}function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[a]=e[a]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}var f=l.default.bind(d.default),x={children:r.default.node,variant:r.default.oneOf(["default","raised"]),visuallyHiddenText:r.default.string},b={variant:"default"},g=function(e){var t=e.children,a=e.variant,r=e.visuallyHiddenText,l=h(e,m),d=n.default.useContext(s.default),u=(0,i.default)(f(["card",a,d.className]),l.className),c=r?n.default.createElement(o.default,{text:r}):null;return n.default.createElement("article",p({},l,{className:u}),c,t)};g.propTypes=x,g.defaultProps=b,g.Body=u.default;t.default=g},52926:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=u(a(67294)),r=u(a(45697)),i=u(a(94184)),l=u(a(47166)),o=u(a(50026)),s=u(a(64867)),d=["children","hasPaddingVertical","hasPaddingHorizontal","isContentCentered"];function u(e){return e&&e.__esModule?e:{default:e}}function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[a]=e[a]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}var p=l.default.bind(s.default),h={children:r.default.node,hasPaddingVertical:r.default.bool,hasPaddingHorizontal:r.default.bool,isContentCentered:r.default.bool},f=function(e){var t=e.children,a=e.hasPaddingVertical,r=e.hasPaddingHorizontal,l=e.isContentCentered,s=c(e,d),u=n.default.useContext(o.default),h=(0,i.default)(p([{"vertical-padding":a},{"horizontal-padding":r},{"center-content":l},u.className]),s.className);return n.default.createElement("div",m({},s,{className:h}),t)};f.propTypes=h,f.defaultProps={hasPaddingHorizontal:!0,hasPaddingVertical:!0,isContentCentered:!1};t.default=f}}]); \ No newline at end of file diff --git a/10077-a24c3687d801fd2e4893.css b/10077-a24c3687d801fd2e4893.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/10077-a24c3687d801fd2e4893.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/10077-a24c3687d801fd2e4893.js b/10077-a24c3687d801fd2e4893.js new file mode 100644 index 0000000000..de331fa637 --- /dev/null +++ b/10077-a24c3687d801fd2e4893.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[10077,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,a,l){var d=l(64836);a.Z=void 0;var m=d(l(67294)),n=d(l(45697)),t=d(l(47166)),r=d(l(17422)),i=t.default.bind(r.default),u={name:n.default.string.isRequired,src:n.default.string,url:n.default.string,version:n.default.string.isRequired},p=function(e){var a=e.src,l=e.name,d=e.url,n=e.version,t=m.default.createElement("a",{className:i("badge"),href:d||"https://www.npmjs.org/package/".concat(l,"/v/").concat(n)},m.default.createElement("span",{className:i("badge-name")},d?"package":"npm"),m.default.createElement("span",{className:i("badge-version")},"v".concat(n))),r=a?m.default.createElement("a",{className:i("badge"),href:a},m.default.createElement("span",{className:i("badge-name")},"github"),m.default.createElement("span",{className:i("badge-version")},"source")):void 0;return m.default.createElement("div",{className:i("badge-container")},t,r)};p.propTypes=u;var x=p;a.Z=x},10077:function(e,a,l){l.r(a),l.d(a,{default:function(){return h}});l(67294);var d=l(81254),m=l(80961),n=["components"];function t(){return t=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(m[l]=e[l]);return m}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(m[l]=e[l])}return m}var i={},u="wrapper";function p(e){var a=e.components,l=r(e,n);return(0,d.mdx)(u,t({},i,l,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)("h1",{id:"changelog"},"Changelog"),(0,d.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,d.mdx)("h2",{id:"4131---october-11-2023"},"4.13.1 - (October 11, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed error for null ",(0,d.mdx)("inlineCode",{parentName:"li"},"displays")," prop.")))),(0,d.mdx)("h2",{id:"4130---october-3-2023"},"4.13.0 - (October 3, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added accessibility guide."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Changed the structure of how displays in an item view are returned, now they exist in an unordered list as list items.")))),(0,d.mdx)("h2",{id:"4120---september-26-2023"},"4.12.0 - (September 26, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"trueColumn")," prop to toggle between displaying in a two column layout by row or by column.")))),(0,d.mdx)("h2",{id:"4110---september-21-2023"},"4.11.0 - (September 21, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4100---august-16-2023"},"4.10.0 - (August 16, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed the readout order for two column layout to read by column and not by row. Created true columns instead of split rows."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"overrideDefaultStyling")," prop so consumers can choose whether to use their original item display styling instead of the default styling item view applies.")))),(0,d.mdx)("h2",{id:"490---august-2-2023"},"4.9.0 - (August 2, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"480---june-14-2023"},"4.8.0 - (June 14, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"470---may-15-2023"},"4.7.0 - (May 15, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"460---march-29-2023"},"4.6.0 - (March 29, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated wdio screenshots.")))),(0,d.mdx)("h2",{id:"450---july-21-2021"},"4.5.0 - (July 21, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,d.mdx)("h2",{id:"440---march-25-2021"},"4.4.0 - (March 25, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Upgrade tests to terra-functional-testing and WebDriverIO v6")))),(0,d.mdx)("h2",{id:"430---january-5-2021"},"4.3.0 - (January 5, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation.")))),(0,d.mdx)("h2",{id:"420---november-10-2020"},"4.2.0 - (November 10, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,d.mdx)("h2",{id:"410---august-4-2020"},"4.1.0 - (August 4, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update changelog formatting")))),(0,d.mdx)("h2",{id:"400---june-23-2020"},"4.0.0 - (June 23, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Breaking",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"This is a breaking change to pull in an MVB of terra-clinical-item-display. Since item view exports item display, this also needs to be an MVB")))),(0,d.mdx)("h2",{id:"3201---june-23-2020"},"3.20.1 - (June 23, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Revert MVB of terra-clinical-item-display")))),(0,d.mdx)("h2",{id:"3200---june-23-2020"},"3.20.0 - (June 23, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated source file for changes in clinical-item-display"),(0,d.mdx)("li",{parentName:"ul"},"Update secondary colors to new rgba values.")))),(0,d.mdx)("h2",{id:"3190---june-9-2020"},"3.19.0 - (June 9, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Apply themes by context and directly include packaged themes.")))),(0,d.mdx)("h2",{id:"3180---april-28-2020"},"3.18.0 - (April 28, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"directory")," as a sub attribute to the ",(0,d.mdx)("inlineCode",{parentName:"li"},"repository")," attribute in package.json"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge')))),(0,d.mdx)("h2",{id:"3170---april-23-2020"},"3.17.0 - (April 23, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"3160---april-14-2020"},"3.16.0 - (April 14, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config")))),(0,d.mdx)("h2",{id:"3150---march-31-2020"},"3.15.0 - (March 31, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added wdio screenshots for clinical-lowlight-theme")))),(0,d.mdx)("h2",{id:"3140---march-27-2020"},"3.14.0 - (March 27, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update docs to use mdx syntax.")))),(0,d.mdx)("h2",{id:"3130---march-24-2020"},"3.13.0 - (March 24, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"3120---february-18-2020"},"3.12.0 - (February 18, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme theming files")))),(0,d.mdx)("h2",{id:"3110---january-28-2020"},"3.11.0 - (January 28, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update copyright to include 2020")))),(0,d.mdx)("h2",{id:"3100---january-22-2020"},"3.10.0 - (January 22, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added orion-fusion-theme and generated the respective reference wdio screenshots.")))),(0,d.mdx)("h2",{id:"390---september-26-2019"},"3.9.0 - (September 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"380---september-19-2019"},"3.8.0 - (September 19, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Convert SCSS files to .module.scss")))),(0,d.mdx)("h2",{id:"370---september-6-2019"},"3.7.0 - (September 6, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed inline styles from dev site components."),(0,d.mdx)("li",{parentName:"ul"},"Add comments for ESlint 6"),(0,d.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files")))),(0,d.mdx)("h2",{id:"360---august-14-2019"},"3.6.0 - (August 14, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Jest snapshot updated for ItemDisplay's primary textStyle default prop."),(0,d.mdx)("li",{parentName:"ul"},"Updated package.json test scripts")))),(0,d.mdx)("h2",{id:"350---july-16-2019"},"3.5.0 - (July 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Right-aligned text and icons using new prop in clinical-item-display"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added enumeration for valid layout, emphasis, and alignment values")))),(0,d.mdx)("h2",{id:"340---june-11-2019"},"3.4.0 - (June 11, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update tests for terra-toolkit v5 and terra-dev-site v5 changes"),(0,d.mdx)("li",{parentName:"ul"},"Update wdio spec to use Terra.describeViewports"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Updated"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated displays documentation")))),(0,d.mdx)("h2",{id:"330---march-26-2019"},"3.3.0 - (March 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,d.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,d.mdx)("h2",{id:"320---february-5-2019"},"3.2.0 - (February 5, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"310---january-22-2019"},"3.1.0 - (January 22, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Change",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Dependency updates")))),(0,d.mdx)("h2",{id:"300---january-17-2019"},"3.0.0 - (January 17, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Breaking Change"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Renamed css theming variables to match linter standards."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Changelog dev site doc page")))),(0,d.mdx)("h2",{id:"2160---november-21-2018"},"2.16.0 - (November 21, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"2150---october-2-2018"},"2.15.0 - (October 2, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v5 update")))),(0,d.mdx)("h2",{id:"2140---september-5-2018"},"2.14.0 - (September 5, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,d.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,d.mdx)("h2",{id:"2130---august-30-2018"},"2.13.0 - (August 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"2120---august-1-2018"},"2.12.0 - (August 1, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor updates")))),(0,d.mdx)("h2",{id:"2111---july-25-2018"},"2.11.1 - (July 25, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Patch release")))),(0,d.mdx)("h2",{id:"2110---july-25-2018"},"2.11.0 - (July 25, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor updates")))),(0,d.mdx)("h2",{id:"2100---july-17-2018"},"2.10.0 - (July 17, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor updates")))),(0,d.mdx)("h2",{id:"290---july-3-2018"},"2.9.0 - (July 3, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Accessibility in Accessory Item View example"),(0,d.mdx)("li",{parentName:"ul"},"Lint in doc page")))),(0,d.mdx)("h2",{id:"280---june-28-2018"},"2.8.0 - (June 28, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added theming variables in Item View"),(0,d.mdx)("li",{parentName:"ul"},"Updated Inline-icon to use em instead of px")))),(0,d.mdx)("h2",{id:"270---june-12-2018"},"2.7.0 - (June 12, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Conform to eslint updates")))),(0,d.mdx)("h2",{id:"260---may-30-2018"},"2.6.0 - (May 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Moved examples to src")))),(0,d.mdx)("h2",{id:"250---may-22-2018"},"2.5.0 - (May 22, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"240---may-1-2018"},"2.4.0 - (May 1, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"230---april-20-2018"},"2.3.0 - (April 20, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"220---march-27-2018"},"2.2.0 - (March 27, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Converted nightwatch tests to wdio")))),(0,d.mdx)("h2",{id:"210---march-6-2018"},"2.1.0 - (March 6, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"200---february-19-2018"},"2.0.0 - (February 19, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update to React 16")))),(0,d.mdx)("h2",{id:"170---february-19-2018"},"1.7.0 - (February 19, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"160---january-23-2018"},"1.6.0 - (January 23, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Coverted ItemView to be a functional component, removing static methods.")))),(0,d.mdx)("h2",{id:"150---november-28-2017"},"1.5.0 - (November 28, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added reserveStartAccessorySpace to allow for proper spacing when a start accessory is not provided."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated the start accessory's max-width to be 2.8571rem (40px) and removed max-height."),(0,d.mdx)("li",{parentName:"ul"},"Updated the end accessory's max-width to be 20% and removed max-height."),(0,d.mdx)("li",{parentName:"ul"},"startAccessory, comment and endAccessory props now accept node proptypes.")))),(0,d.mdx)("h2",{id:"140---september-26-2017"},"1.4.0 - (September 26, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Remove stylelint-disable selector-class-pattern"),(0,d.mdx)("li",{parentName:"ul"},"Update class names to follow selector-class-pattern")))),(0,d.mdx)("h2",{id:"130---september-1-2017"},"1.3.0 - (September 1, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Change dependency on terra-base to v2.0.0"),(0,d.mdx)("li",{parentName:"ul"},"Update nightwatch tests and test scripts.")))),(0,d.mdx)("h2",{id:"120---july-27-2017"},"1.2.0 - (July 27, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed accessory styling to scale with font size."),(0,d.mdx)("li",{parentName:"ul"},"Fixed truncation styling to correctly apply an ellipse."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated Accessory nightwatch examples to include an icon.")))),(0,d.mdx)("h2",{id:"110---july-18-2017"},"1.1.0 - (July 18, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Converted component to use CSS modules"),(0,d.mdx)("li",{parentName:"ul"},"Updated nightwatch test scripts"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed nightwatch.config file")))),(0,d.mdx)("h2",{id:"100---june-28-2017"},"1.0.0 - (June 28, 2017)"),(0,d.mdx)("p",null,"Initial stable release"))}p.isMDXComponent=!0;var x=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(m[l]=e[l]);return m}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(m[l]=e[l])}return m}var N={},c="wrapper";function h(e){var a=e.components,l=s(e,x);return(0,d.mdx)(c,o({},N,l,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)(m.C,{mdxType:"Badge"}),(0,d.mdx)(p,{mdxType:"ChangeLog"}))}h.isMDXComponent=!0},80961:function(e,a,l){l.d(a,{C:function(){return n}});var d=l(67294),m=l(22863),n=function(e){var a=e.url;return d.createElement(m.Z,{src:"https://github.com/cerner/terra-clinical/tree/main/packages/terra-clinical-item-view",name:"terra-clinical-item-view",version:"4.13.1",url:a})}},17422:function(e,a,l){l.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/10092-9d755c85cb75cbf0ff05.css b/10092-9d755c85cb75cbf0ff05.css new file mode 100644 index 0000000000..2fc6772b9f --- /dev/null +++ b/10092-9d755c85cb75cbf0ff05.css @@ -0,0 +1,3 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.InfiniteList-module__infinite-list___oi3yH{display:block;height:100%;overflow:auto;-webkit-overflow-scrolling:touch;position:relative;width:100%}.InfiniteList-module__infinite-hidden___YgQc6{display:block;height:0;overflow:hidden;position:absolute;top:100%;width:100%}[dir] .InfiniteList-module__infinite-hidden___YgQc6{border:0;margin:0;padding:0}.InfiniteList-module__full-loading___FMz-n{height:100%;overflow:hidden;position:relative;width:100%}.InfiniteList-module__loading___Dxbpd{display:block;position:relative;width:100%}.InfiniteList-module__spacer___FzOiF{display:block;position:relative;width:100%}[dir] .InfiniteList-module__spacer___FzOiF{margin:0;padding:0} +.InfiniteListDocExampleCommon-module__placeholder___F4qLk{height:50px}.InfiniteListDocExampleCommon-module__item-content___Q4mK8{height:50px;width:100%}.InfiniteListDocExampleCommon-module__main-content___ZKJiv{height:300px;position:relative;width:100%}[dir] .InfiniteListDocExampleCommon-module__main-content___ZKJiv{border:1px solid #000} diff --git a/10092-9d755c85cb75cbf0ff05.js b/10092-9d755c85cb75cbf0ff05.js new file mode 100644 index 0000000000..8c47e88104 --- /dev/null +++ b/10092-9d755c85cb75cbf0ff05.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[10092,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{27586:function(e,t,n){var i=n(64836),a=n(18698);t.Z=void 0;var r=i(n(67294)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var n=m(t);if(n&&n.has(e))return n.get(e);var i={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var l=r?Object.getOwnPropertyDescriptor(e,o):null;l&&(l.get||l.set)?Object.defineProperty(i,o,l):i[o]=e[o]}return i.default=e,n&&n.set(e,i),i}(n(30869)),l=n(34261),s=i(n(47166)),c=i(n(28506)),u=i(n(6805)),d=i(n(43315));function m(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(m=function(e){return e?n:t})(e)}var p=s.default.bind(d.default),h=function(e){var t=[r.default.createElement(o.SectionHeader,{key:e.key,title:e.title})];return e.childItems.forEach((function(e){return t.push((n=e,r.default.createElement(o.Item,{key:n.key},r.default.createElement(l.Placeholder,{title:n.title,className:p("placeholder")}))));var n})),t};t.Z=function(){return r.default.createElement(u.default,null,r.default.createElement(o.default,{dividerStyle:"standard",isFinishedLoading:!0,ariaLabel:"Section"},c.default.map((function(e){return h(e)}))))}},28506:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;t.default=[{title:"Section 0",key:"unique-key-0",childItems:[{title:"Item 0-0",key:"unique-0-0"},{title:"Item 0-1",key:"unique-0-1"},{title:"Item 0-2",key:"unique-0-2"},{title:"Item 0-3",key:"unique-0-3"},{title:"Item 0-4",key:"unique-0-4"},{title:"Item 0-5",key:"unique-0-5"}]},{title:"Section 1",key:"unique-key-1",childItems:[{title:"Item 1-0",key:"unique-1-0"},{title:"Item 1-1",key:"unique-1-1"},{title:"Item 1-2",key:"unique-1-2"},{title:"Item 1-3",key:"unique-1-3"},{title:"Item 1-4",key:"unique-1-4"},{title:"Item 1-5",key:"unique-1-5"}]},{title:"Section 2",key:"unique-key-2",childItems:[{title:"Item 3-0",key:"unique-3-0"},{title:"Item 3-1",key:"unique-3-1"},{title:"Item 3-2",key:"unique-3-2"},{title:"Item 3-3",key:"unique-3-3"},{title:"Item 3-4",key:"unique-3-4"},{title:"Item 3-5",key:"unique-3-5"}]},{title:"Section 4",key:"unique-key-4",childItems:[{title:"Item 4-0",key:"unique-4-0"},{title:"Item 4-1",key:"unique-4-1"},{title:"Item 4-2",key:"unique-4-2"},{title:"Item 4-3",key:"unique-4-3"},{title:"Item 4-4",key:"unique-4-4"},{title:"Item 4-5",key:"unique-4-5"}]}]},29290:function(e,t,n){n.r(t),n.d(t,{default:function(){return m}});n(67294);var i=n(81254),a=n(76173),r=n(34261),o=n(27586),l=["components"];function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var u={},d="wrapper";function m(e){var t=e.components,n=c(e,l);return(0,i.mdx)(d,s({},u,n,{components:t,mdxType:"MDXLayout"}),(0,i.mdx)(a.C,{mdxType:"Badge"}),(0,i.mdx)("p",null,(0,i.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-framework/blob/main/packages/terra-infinite-list#readme"},(0,i.mdx)("img",{parentName:"a",src:"https://badgen.net/badge/status/Deprecated/grey",alt:"Deprecated"}))),(0,i.mdx)("h1",{id:"terra-infinite-list--sections"},"Terra Infinite List — Sections"),(0,i.mdx)(r.Notice,{variant:"deprecation",mdxType:"Notice"},(0,i.mdx)("p",null,"The terra-infinite-list component has been deprecated and is no longer recommended for use."),(0,i.mdx)("p",null,"From a usability perspective, infinite scrolling is a pattern designed and best used when users are casually looking for or discovering things, like shopping and social media. The infinite scrolling pattern should not be used for ",(0,i.mdx)("a",{parentName:"p",href:"https://www.nngroup.com/articles/infinite-scrolling/"},"goal-oriented tasks"),". Cerner products and our users most often fall into goal-oriented workflows. Users should have proper navigation methods (pagination) to navigate to predetermined points within the content easily."),(0,i.mdx)("p",null,"Infinite scrolling also poses significant accessibility challenges for multiple user groups:"),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},"Keyboard-only users have to navigate the entire infinite scroll to get to the content below or to the side of the endless loading content. This creates a very time-consuming and unnecessary burden for the keyboard-only user."),(0,i.mdx)("li",{parentName:"ul"},"Screen reader users would have the same problem even though they have more ways to navigate content on the page. When content is dynamically loaded and not within the DOM, screen reader users won't have access to any of that content which poses more significant challenges than just navigating."),(0,i.mdx)("li",{parentName:"ul"},"Focus can be lost when new content loads. Unless focus is managed, sighted keyboard-only users will have difficulties finding where they are on the page."),(0,i.mdx)("li",{parentName:"ul"},"For data with hierarchical relationships, infinite scrolling can make it difficult for screen readers to effectively communicate the required context if related content is split between loaded and unloaded content.")),(0,i.mdx)("p",null,"The ",(0,i.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-ui/components/cerner-terra-core-docs/paginator/paginator"},"terra-paginator")," should be considered as an alternative approach to paging large amounts of data.")),(0,i.mdx)("p",null,"To achieve sections within the InfiniteList the only supported implementation is directly consuming the static variant of the ",(0,i.mdx)("inlineCode",{parentName:"p"},"SectionHeader")," component. Expand/collapse functionality is not supported within the infinite list. "),(0,i.mdx)("h2",{id:"map-section-structure"},"Map Section Structure"),(0,i.mdx)("p",null,"So in our first step a ",(0,i.mdx)("inlineCode",{parentName:"p"},"SectionHeader")," needs to be created for each associated section. We'll add it to the initialization of an array that will be expanded in the following steps."),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-jsx"}," const createSection = (sectionData) => {\n const section = [\n ,\n ];\n return section;\n };\n")),(0,i.mdx)("p",null,"Next we'll create an array with the first item being our section header, and then loop through the associated child items for the section appending them to the initial array."),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-jsx"}," const createSection = (sectionData) => {\n const section = [\n ,\n ];\n sectionData.childItems.forEach(childItem => section.push(createListItem(childItem)));\n return section;\n };\n")),(0,i.mdx)("h2",{id:"unpack-data"},"Unpack Data"),(0,i.mdx)("p",null,"We can then implement the unpack of our data into our list items."),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-jsx"},"const createListItem = itemData => (\n \n \n \n);\n\nconst createSections = data => data.map(section => createSection(section));\n")),(0,i.mdx)("p",null,"Then we can implement a method to loop through our data and create the section with our methods and call it from our render method."),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-jsx"},'const InfiniteListSection = () => (\n \n \n {createSections(mockData)}\n \n \n);\n')),(0,i.mdx)("p",null,"Using these steps we get the following example:"),(0,i.mdx)("h2",{id:"example"},"Example"),(0,i.mdx)(o.Z,{title:"Sections Header Infinite List",mdxType:"InfiniteListSection"}))}m.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/10198-1413d604e67cc3516085.css b/10198-1413d604e67cc3516085.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/10198-1413d604e67cc3516085.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/10198-1413d604e67cc3516085.js b/10198-1413d604e67cc3516085.js new file mode 100644 index 0000000000..e7d387ea9d --- /dev/null +++ b/10198-1413d604e67cc3516085.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[10198,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,a,l){var d=l(64836);a.Z=void 0;var m=d(l(67294)),n=d(l(45697)),r=d(l(47166)),i=d(l(17422)),u=r.default.bind(i.default),t={name:n.default.string.isRequired,src:n.default.string,url:n.default.string,version:n.default.string.isRequired},p=function(e){var a=e.src,l=e.name,d=e.url,n=e.version,r=m.default.createElement("a",{className:u("badge"),href:d||"https://www.npmjs.org/package/".concat(l,"/v/").concat(n)},m.default.createElement("span",{className:u("badge-name")},d?"package":"npm"),m.default.createElement("span",{className:u("badge-version")},"v".concat(n))),i=a?m.default.createElement("a",{className:u("badge"),href:a},m.default.createElement("span",{className:u("badge-name")},"github"),m.default.createElement("span",{className:u("badge-version")},"source")):void 0;return m.default.createElement("div",{className:u("badge-container")},r,i)};p.propTypes=t;var x=p;a.Z=x},10198:function(e,a,l){l.r(a),l.d(a,{default:function(){return h}});l(67294);var d=l(81254),m=l(59889),n=["components"];function r(){return r=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(m[l]=e[l]);return m}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(m[l]=e[l])}return m}var u={},t="wrapper";function p(e){var a=e.components,l=i(e,n);return(0,d.mdx)(t,r({},u,l,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)("h1",{id:"changelog"},"Changelog"),(0,d.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,d.mdx)("h2",{id:"2650---november-21-2023"},"2.65.0 - (November 21, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added the ability to fix the position of the title of the ",(0,d.mdx)("inlineCode",{parentName:"li"},"terra-section-header"),".")))),(0,d.mdx)("h2",{id:"2640---november-13-2023"},"2.64.0 - (November 13, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated the section header components to meet accessibility standards.")))),(0,d.mdx)("h2",{id:"2630---october-23-2023"},"2.63.0 - (October 23, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2620---august-23-2023"},"2.62.0 - (August 23, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2610---august-1-2023"},"2.61.0 - (August 1, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated SectionHeader to use ",(0,d.mdx)("inlineCode",{parentName:"li"},"span")," & ",(0,d.mdx)("inlineCode",{parentName:"li"},"button")," elements instead of ",(0,d.mdx)("inlineCode",{parentName:"li"},"div"),".")))),(0,d.mdx)("h2",{id:"2600---april-5-2023"},"2.60.0 - (April 5, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed required for ",(0,d.mdx)("inlineCode",{parentName:"li"},"text")," and ",(0,d.mdx)("inlineCode",{parentName:"li"},"title")," prop"),(0,d.mdx)("li",{parentName:"ul"},"Removed button role for non-interactive section header."),(0,d.mdx)("li",{parentName:"ul"},"Updated jest snapshots due to removal of button role"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added aria-label for non-interactive section header.")))),(0,d.mdx)("h2",{id:"2590---march-1-2023"},"2.59.0 - (March 1, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added console warnings for section-header.")))),(0,d.mdx)("h2",{id:"2580---february-15-2023"},"2.58.0 - (February 15, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated wdio screenshots due to functional-testing upgrade.")))),(0,d.mdx)("h2",{id:"2570---december-7-2022"},"2.57.0 - (December 7, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Renamed title prop to text to avoid conflict with native html attribute"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added button role, aria-label and aria-expanded attribute to ",(0,d.mdx)("inlineCode",{parentName:"li"},"Arrange")," component wrapper")))),(0,d.mdx)("h2",{id:"2560---july-14-2022"},"2.56.0 - (July 14, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed caret icon size to match similar components.")))),(0,d.mdx)("h2",{id:"2551---january-4-2022"},"2.55.1 - (January 4, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Migrate docs to terra-core-docs.")))),(0,d.mdx)("h2",{id:"2550---september-28-2021"},"2.55.0 - (September 28, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2540---september-21-2021"},"2.54.0 - (September 21, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated WDIO Screenshots due to webpack-config-terra sass upgrade.")))),(0,d.mdx)("h2",{id:"2530---july-6-2021"},"2.53.0 - (July 6, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2520---june-8-2021"},"2.52.0 - (June 8, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated ",(0,d.mdx)("inlineCode",{parentName:"li"},"keycode-js")," from ",(0,d.mdx)("inlineCode",{parentName:"li"},"v2.0.1")," to ",(0,d.mdx)("inlineCode",{parentName:"li"},"v3.1.0"),".")))),(0,d.mdx)("h2",{id:"2510---may-11-2021"},"2.51.0 - (May 11, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2500---april-13-2021"},"2.50.0 - (April 13, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2490---april-6-2021"},"2.49.0 - (April 6, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Upgrade tests to terra-functional-testing and WebDriverIO v6"),(0,d.mdx)("li",{parentName:"ul"},"Removed unnecessary ",(0,d.mdx)("inlineCode",{parentName:"li"},"wdio.conf.js")," file"),(0,d.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,d.mdx)("h2",{id:"2480---february-2-2021"},"2.48.0 - (February 2, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2470---january-5-2021"},"2.47.0 - (January 5, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed"),(0,d.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation."),(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,d.mdx)("h2",{id:"2460---december-8-2020"},"2.46.0 - (December 8, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2450---november-17-2020"},"2.45.0 - (November 17, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2440---november-10-2020"},"2.44.0 - (November 10, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated ",(0,d.mdx)("inlineCode",{parentName:"li"},"terra-dev-site")," examples to use react hooks.")))),(0,d.mdx)("h2",{id:"2430---october-27-2020"},"2.43.0 - (October 27, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2420---august-6-2020"},"2.42.0 - (August 6, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2410---august-4-2020"},"2.41.0 - (August 4, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2400---july-29-2020"},"2.40.0 - (July 29, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update changelog formatting")))),(0,d.mdx)("h2",{id:"2390---july-7-2020"},"2.39.0 - (July 7, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2380---june-11-2020"},"2.38.0 - (June 11, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated wdio test to support testing against firefox")))),(0,d.mdx)("h2",{id:"2370---june-9-2020"},"2.37.0 - (June 9, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Apply themes by context and directly include packaged themes."),(0,d.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config")))),(0,d.mdx)("h2",{id:"2360---may-19-2020"},"2.36.0 - (May 19, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2350---april-28-2020"},"2.35.0 - (April 28, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge'))),(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,d.mdx)("h2",{id:"2340---april-22-2020"},"2.34.0 - (April 22, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated documentation link in README")))),(0,d.mdx)("h2",{id:"2330---march-10-2020"},"2.33.0 - (March 10, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2320---march-3-2020"},"2.32.0 - (March 3, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update docs to use mdx syntax.")))),(0,d.mdx)("h2",{id:"2310---february-18-2020"},"2.31.0 - (February 18, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme theming files")))),(0,d.mdx)("h2",{id:"2300---february-4-2020"},"2.30.0 - (February 4, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2290---january-28-2020"},"2.29.0 - (January 28, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2280---january-7-2020"},"2.28.0 - (January 7, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2270---december-3-2019"},"2.27.0 - (December 3, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added orion-fusion-theme and generated the respective reference wdio screenshots.")))),(0,d.mdx)("h2",{id:"2260---october-30-2019"},"2.26.0 - (October 30, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2250---october-3-2019"},"2.25.0 - (October 3, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2240---september-19-2019"},"2.24.0 - (September 19, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site.")))),(0,d.mdx)("h2",{id:"2230---september-6-2019"},"2.23.0 - (September 6, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Props table markdown file import added to doc site page")))),(0,d.mdx)("h2",{id:"2220---september-3-2019"},"2.22.0 - (September 3, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated the 'keycode-js' version from '^1.0.4' to '^2.0.1'.")))),(0,d.mdx)("h2",{id:"2210---august-21-2019"},"2.21.0 - (August 21, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Import for package version from package.json added to doc page"),(0,d.mdx)("li",{parentName:"ul"},"Switch from Object.assign to Object spread syntax."),(0,d.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files")))),(0,d.mdx)("h2",{id:"2200---august-14-2019"},"2.20.0 - (August 14, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"updated package.json test scripts"),(0,d.mdx)("li",{parentName:"ul"},"Remove react and react-dom as dependencies")))),(0,d.mdx)("h2",{id:"2190---july-30-2019"},"2.19.0 - (July 30, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2180---july-24-2019"},"2.18.0 - (July 24, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2170---july-16-2019"},"2.17.0 - (July 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update tests to use ",(0,d.mdx)("inlineCode",{parentName:"li"},"Terra.describeViewports")," for setting viewports and use ",(0,d.mdx)("inlineCode",{parentName:"li"},"Terra.it.validatesElement")))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies")))),(0,d.mdx)("h2",{id:"2160----july-11-2019"},"2.16.0 - (July 11, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2150---july-9-2019"},"2.15.0 - (July 9, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2140---june-28-2019"},"2.14.0 - (June 28, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2130---june-18-2019"},"2.13.0 - (June 18, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency bump")))),(0,d.mdx)("h2",{id:"2120---june-11-2019"},"2.12.0 - (June 11, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Made required updates to consume terra-toolkit v5 and terra-dev-site v5")))),(0,d.mdx)("h2",{id:"2110---may-1-2019"},"2.11.0 - (May 1, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2100---april-16-2019"},"2.10.0 - (April 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"290---april-9-2019"},"2.9.0 - (April 9, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"280---march-26-2019"},"2.8.0 - (March 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,d.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,d.mdx)("h2",{id:"270---march-21-2019"},"2.7.0 - (March 21, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Replaced local keyCode values with keycode-js npm package")))),(0,d.mdx)("h2",{id:"260---february-26-2019"},"2.6.0 - (February 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Correct browser.buttonDown() usage")))),(0,d.mdx)("h2",{id:"250---february-12-2019"},"2.5.0 - (February 12, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"240---february-5-2019"},"2.4.0 - (February 5, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"230---january-26-2019"},"2.3.0 - (January 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"220---january-22-2019"},"2.2.0 - (January 22, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"210---january-22-2019"},"2.1.0 - (January 22, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"200---january-8-2019"},"2.0.0 - (January 8, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated theme variables")))),(0,d.mdx)("h2",{id:"1300---january-2-2019"},"1.30.0 - (January 2, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,d.mdx)("li",{parentName:"ul"},"Updated site examples to be more accessible.")))),(0,d.mdx)("h2",{id:"1291---november-20-2018"},"1.29.1 - (November 20, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,d.mdx)("h2",{id:"1290---november-19-2018"},"1.29.0 - (November 19, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1280---november-13-2018"},"1.28.0 - (November 13, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1270---november-9-2018"},"1.27.0 - (November 9, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1260---october-30-2018"},"1.26.0 - (October 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update mixin import to be more explicit")))),(0,d.mdx)("h2",{id:"1250---october-24-2018"},"1.25.0 - (October 24, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1240---october-16-2018"},"1.24.0 - (October 16, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1230---october-8-2018"},"1.23.0 - (October 8, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1220---october-2-2018"},"1.22.0 - (October 2, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1210---september-25-2018"},"1.21.0 - (September 25, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1201---september-6-2018"},"1.20.1 - (September 6, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,d.mdx)("h2",{id:"1200---september-5-2018"},"1.20.0 - (September 5, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,d.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,d.mdx)("h2",{id:"1190---september-4-2018"},"1.19.0 - (September 4, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1180---august-29-2018"},"1.18.0 - (August 29, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1170---august-1-2018"},"1.17.0 - (August 1, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added isTransparent prop to set background to be transparent")))),(0,d.mdx)("h2",{id:"1160---july-19-2018"},"1.16.0 - (July 19, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Add .module extension to SCSS file(s)")))),(0,d.mdx)("h2",{id:"1150---july-17-2018"},"1.15.0 - (July 17, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,d.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v4 update")))),(0,d.mdx)("h2",{id:"1140---july-10-2018"},"1.14.0 - (July 10, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1130---june-28-2018"},"1.13.0 - (June 28, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added change log to the documentation on terra-dev-site")))),(0,d.mdx)("h2",{id:"1120---june-22-2018"},"1.12.0 - (June 22, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Moved terra-base from dependency to peerDependency")))),(0,d.mdx)("h2",{id:"1110---june-12-2018"},"1.11.0 - (June 12, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},'Updated "test:jest" script to work on windows.')))),(0,d.mdx)("h2",{id:"1100---may-30-2018"},"1.10.0 - (May 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated structure to match terra-dev-site 1.0 and moved doc examples internal.")))),(0,d.mdx)("h2",{id:"190---may-25-2018"},"1.9.0 - (May 25, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"180---may-23-2018"},"1.8.0 - (May 23, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"170---may-16-2018"},"1.7.0 - (May 16, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"160---may-9-2018"},"1.6.0 - (May 9, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"150---may-2-2018"},"1.5.0 - (May 2, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"140---april-20-2018"},"1.4.0 - (April 20, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"130---april-15-2018"},"1.3.0 - (April 15, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"120---april-5-2018"},"1.2.0 - (April 5, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"110---march-30-2018"},"1.1.0 - (March 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Add ",(0,d.mdx)("inlineCode",{parentName:"li"},"role")," attribute to ",(0,d.mdx)("inlineCode",{parentName:"li"},"terra-section-header"))))),(0,d.mdx)("h2",{id:"100---march-14-2018"},"1.0.0 - (March 14, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Initial stable release")))}p.isMDXComponent=!0;var x=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(m[l]=e[l]);return m}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(m[l]=e[l])}return m}var s={},c="wrapper";function h(e){var a=e.components,l=N(e,x);return(0,d.mdx)(c,o({},s,l,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)(m.C,{mdxType:"Badge"}),(0,d.mdx)(p,{mdxType:"ChangeLog"}))}h.isMDXComponent=!0},59889:function(e,a,l){l.d(a,{C:function(){return n}});var d=l(67294),m=l(22863),n=function(e){var a=e.url;return d.createElement(m.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-section-header",name:"terra-section-header",version:"2.65.0",url:a})}},17422:function(e,a,l){l.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/10279-8b6b12170c4ceafead05.css b/10279-8b6b12170c4ceafead05.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/10279-8b6b12170c4ceafead05.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/10279-8b6b12170c4ceafead05.js b/10279-8b6b12170c4ceafead05.js new file mode 100644 index 0000000000..0056611661 --- /dev/null +++ b/10279-8b6b12170c4ceafead05.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[10279,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,a,r){var n=r(64836);a.Z=void 0;var t=n(r(67294)),l=n(r(45697)),d=n(r(47166)),i=n(r(17422)),s=d.default.bind(i.default),o={name:l.default.string.isRequired,src:l.default.string,url:l.default.string,version:l.default.string.isRequired},m=function(e){var a=e.src,r=e.name,n=e.url,l=e.version,d=t.default.createElement("a",{className:s("badge"),href:n||"https://www.npmjs.org/package/".concat(r,"/v/").concat(l)},t.default.createElement("span",{className:s("badge-name")},n?"package":"npm"),t.default.createElement("span",{className:s("badge-version")},"v".concat(l))),i=a?t.default.createElement("a",{className:s("badge"),href:a},t.default.createElement("span",{className:s("badge-name")},"github"),t.default.createElement("span",{className:s("badge-version")},"source")):void 0;return t.default.createElement("div",{className:s("badge-container")},d,i)};m.propTypes=o;var u=m;a.Z=u},10279:function(e,a,r){r.r(a),r.d(a,{default:function(){return m}});r(67294);var n=r(81254),t=r(95660),l=["components"];function d(){return d=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(t[r]=e[r]);return t}(e,a);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(t[r]=e[r])}return t}var s={},o="wrapper";function m(e){var a=e.components,r=i(e,l);return(0,n.mdx)(o,d({},s,r,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)(t.C,{mdxType:"Badge"}),(0,n.mdx)("h1",{id:"terra-slide-panel-upgrade-guide"},"Terra Slide Panel Upgrade Guide"),(0,n.mdx)("h2",{id:"changes-from-version-2-to-version-3"},"Changes from version 2 to version 3"),(0,n.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,n.mdx)("h4",{id:"renamed"},"Renamed"),(0,n.mdx)("table",null,(0,n.mdx)("thead",{parentName:"table"},(0,n.mdx)("tr",{parentName:"thead"},(0,n.mdx)("th",{parentName:"tr",align:null},"Previous"),(0,n.mdx)("th",{parentName:"tr",align:null},"New"))),(0,n.mdx)("tbody",{parentName:"table"},(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-slide-panel-panel-width-small"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-slide-panel-panel-small-width")))),(0,n.mdx)("h4",{id:"added"},"Added"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"--terra-slide-panel-main-background-color"),(0,n.mdx)("li",{parentName:"ul"},"--terra-slide-panel-panel-overlay-position-start-box-shadow"),(0,n.mdx)("li",{parentName:"ul"},"--terra-slide-panel-panel-overlay-position-end-box-shadow"),(0,n.mdx)("li",{parentName:"ul"},"--terra-slide-panel-main-squish-background-color"),(0,n.mdx)("li",{parentName:"ul"},"--terra-slide-panel-panel-squish-background-color"),(0,n.mdx)("li",{parentName:"ul"},"--terra-slide-panel-panel-squish-border-right-color"),(0,n.mdx)("li",{parentName:"ul"},"--terra-slide-panel-panel-squish-border-left-color"),(0,n.mdx)("li",{parentName:"ul"},"--terra-slide-panel-panel-squish-width-small"),(0,n.mdx)("li",{parentName:"ul"},"--terra-slide-panel-panel-squish-width-large-scalar")),(0,n.mdx)("h4",{id:"removed"},"Removed"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"--terra-slide-panel-shadow-color"),(0,n.mdx)("li",{parentName:"ul"},"--terra-slide-panel-shadow-color"),(0,n.mdx)("li",{parentName:"ul"},"--terra-slide-panel-panel-border-color"),(0,n.mdx)("li",{parentName:"ul"},"--terra-slide-panel-panel-border-color")))}m.isMDXComponent=!0},95660:function(e,a,r){r.d(a,{C:function(){return l}});var n=r(67294),t=r(22863),l=function(e){var a=e.url;return n.createElement(t.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-slide-panel",name:"terra-slide-panel",version:"3.46.0",url:a})}},17422:function(e,a,r){r.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/10790-634b7a19a7ef37ee357d.css b/10790-634b7a19a7ef37ee357d.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/10790-634b7a19a7ef37ee357d.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/10790-634b7a19a7ef37ee357d.js b/10790-634b7a19a7ef37ee357d.js new file mode 100644 index 0000000000..cbdefe55d8 --- /dev/null +++ b/10790-634b7a19a7ef37ee357d.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[10790,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,n,t){var r=t(64836);n.Z=void 0;var a=r(t(67294)),i=r(t(45697)),l=r(t(47166)),o=r(t(17422)),s=l.default.bind(o.default),d={name:i.default.string.isRequired,src:i.default.string,url:i.default.string,version:i.default.string.isRequired},c=function(e){var n=e.src,t=e.name,r=e.url,i=e.version,l=a.default.createElement("a",{className:s("badge"),href:r||"https://www.npmjs.org/package/".concat(t,"/v/").concat(i)},a.default.createElement("span",{className:s("badge-name")},r?"package":"npm"),a.default.createElement("span",{className:s("badge-version")},"v".concat(i))),o=n?a.default.createElement("a",{className:s("badge"),href:n},a.default.createElement("span",{className:s("badge-name")},"github"),a.default.createElement("span",{className:s("badge-version")},"source")):void 0;return a.default.createElement("div",{className:s("badge-container")},l,o)};c.propTypes=d;var u=c;n.Z=u},10790:function(e,n,t){t.r(n),t.d(n,{default:function(){return c}});t(67294);var r=t(81254),a=t(97583),i=["components"];function l(){return l=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(a[t]=e[t]);return a}(e,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}var s={},d="wrapper";function c(e){var n=e.components,t=o(e,i);return(0,r.mdx)(d,l({},s,t,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)(a.C,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"stylelint-config-terra-upgrade-guide"},"stylelint-config-terra Upgrade Guide"),(0,r.mdx)("h2",{id:"changes-from-cernerstylelint-config-terra-400-to-cernerstylelint-config-terra-500"},"Changes from @cerner/stylelint-config-terra 4.0.0 to @cerner/stylelint-config-terra 5.0.0"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Stylelint version 15 is now required. Refer to the ",(0,r.mdx)("a",{parentName:"li",href:"https://stylelint.io/migration-guide/to-15"},"Stylelint 15 Migration Guide for more details"),". "),(0,r.mdx)("li",{parentName:"ul"},"Support for IE10 rules has been dropped. Make sure you are no longer using IE10 rules in your project before upgrading."),(0,r.mdx)("li",{parentName:"ul"},"Stylint CLI no longer supports --syntax option. Refer to the ",(0,r.mdx)("a",{parentName:"li",href:"https://stylelint.io/migration-guide/to-14#syntax-option-and-automatic-inferral-of-syntax"},"Stylelint 14 Migration Guide for more details"),".")),(0,r.mdx)("h2",{id:"changes-from-stylelint-config-terra-3x-to-cernerstylelint-config-terra-400"},"Changes from stylelint-config-terra 3.x to @cerner/stylelint-config-terra 4.0.0"),(0,r.mdx)("h3",{id:"node-10"},"Node 10"),(0,r.mdx)("p",null,"Node 10 is not the minimum supported version. Upgrade to node 14."),(0,r.mdx)("h3",{id:"stylelint-13"},"Stylelint 13"),(0,r.mdx)("p",null,"Stylelint version 13 is now required."),(0,r.mdx)("h3",{id:"cerner-scoping"},"@cerner scoping"),(0,r.mdx)("p",null,"The package is now scoped under @cerner."),(0,r.mdx)("h3",{id:"upgrading"},"Upgrading"),(0,r.mdx)("p",null,"Upgrades are confined to the consuming packages package.json file."),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-diff"},'{\n "stylelint": {\n- "extends": "stylelint-config-terra",\n+ "extends": "@cerner/stylelint-config-terra",\n },\n "devDependencies": {\n+ "@cerner/stylelint-config-terra": "^4.0.0",\n- "stylelint": "^11.0.0",\n+ "stylelint": "^13.0.0",\n- "stylelint-config-terra": "^3.2.0",\n }\n}\n')))}c.isMDXComponent=!0},97583:function(e,n,t){t.d(n,{C:function(){return i}});var r=t(67294),a=t(22863),i=function(e){var n=e.url;return r.createElement(a.Z,{src:"https://github.com/cerner/terra-toolk/tree/main/packages/stylelint-config-terra",name:"@cerner/stylelint-config-terra",version:"5.0.1",url:n})}},17422:function(e,n,t){t.r(n),n.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/109-3bbc2eeeaa9919b64fad.css b/109-3bbc2eeeaa9919b64fad.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/109-3bbc2eeeaa9919b64fad.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/109-3bbc2eeeaa9919b64fad.js b/109-3bbc2eeeaa9919b64fad.js new file mode 100644 index 0000000000..7a96471268 --- /dev/null +++ b/109-3bbc2eeeaa9919b64fad.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[109,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,a,l){var n=l(64836);a.Z=void 0;var m=n(l(67294)),d=n(l(45697)),r=n(l(47166)),i=n(l(17422)),t=r.default.bind(i.default),u={name:d.default.string.isRequired,src:d.default.string,url:d.default.string,version:d.default.string.isRequired},p=function(e){var a=e.src,l=e.name,n=e.url,d=e.version,r=m.default.createElement("a",{className:t("badge"),href:n||"https://www.npmjs.org/package/".concat(l,"/v/").concat(d)},m.default.createElement("span",{className:t("badge-name")},n?"package":"npm"),m.default.createElement("span",{className:t("badge-version")},"v".concat(d))),i=a?m.default.createElement("a",{className:t("badge"),href:a},m.default.createElement("span",{className:t("badge-name")},"github"),m.default.createElement("span",{className:t("badge-version")},"source")):void 0;return m.default.createElement("div",{className:t("badge-container")},r,i)};p.propTypes=u;var x=p;a.Z=x},109:function(e,a,l){l.r(a),l.d(a,{default:function(){return h}});l(67294);var n=l(81254),m=l(15985),d=["components"];function r(){return r=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(m[l]=e[l]);return m}(e,a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(m[l]=e[l])}return m}var t={},u="wrapper";function p(e){var a=e.components,l=i(e,d);return(0,n.mdx)(u,r({},t,l,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)("h1",{id:"changelog"},"Changelog"),(0,n.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,n.mdx)("h2",{id:"3180---november-13-2023"},"3.18.0 - (November 13, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3170---march-1-2023"},"3.17.0 - (March 1, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated alt prop to include ",(0,n.mdx)("inlineCode",{parentName:"li"},"Deceased")," string when ",(0,n.mdx)("inlineCode",{parentName:"li"},"isDeceased")," prop is set based on its value.")))),(0,n.mdx)("h2",{id:"3160---february-15-2023"},"3.16.0 - (February 15, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated wdio screenshots due to functional-testing upgrade.")))),(0,n.mdx)("h2",{id:"3151---january-31-2023"},"3.15.1 - (January 31, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump of ",(0,n.mdx)("inlineCode",{parentName:"li"},"terra-image"))))),(0,n.mdx)("h2",{id:"3150---december-7-2022"},"3.15.0 - (December 7, 2022)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3141---january-4-2022"},"3.14.1 - (January 4, 2022)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3140---september-28-2021"},"3.14.0 - (September 28, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"migrate doc to terra-core-docs")))),(0,n.mdx)("h2",{id:"3130---september-21-2021"},"3.13.0 - (September 21, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3120---april-6-2021"},"3.12.0 - (April 6, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Upgrade tests to terra-functional-testing and WebDriverIO v6"),(0,n.mdx)("li",{parentName:"ul"},"Removed unnecessary ",(0,n.mdx)("inlineCode",{parentName:"li"},"wdio.conf.js")," file"),(0,n.mdx)("li",{parentName:"ul"},"Updated jest tests to not require a jpg mock.")))),(0,n.mdx)("h2",{id:"3110---january-5-2021"},"3.11.0 - (January 5, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation.")))),(0,n.mdx)("h2",{id:"3100---december-8-2020"},"3.10.0 - (December 8, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"390---november-17-2020"},"3.9.0 - (November 17, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,n.mdx)("h2",{id:"380---august-4-2020"},"3.8.0 - (August 4, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"370---july-29-2020"},"3.7.0 - (July 29, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update changelog formatting")))),(0,n.mdx)("h2",{id:"360---july-7-2020"},"3.6.0 - (July 7, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"350---june-9-2020"},"3.5.0 - (June 9, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config")))),(0,n.mdx)("h2",{id:"340---june-2-2020"},"3.4.0 - (June 2, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated jest snapshots for terra-image change.")))),(0,n.mdx)("h2",{id:"330---may-19-2020"},"3.3.0 - (May 19, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Apply themes by context and directly include packaged themes.")))),(0,n.mdx)("h2",{id:"320---april-28-2020"},"3.2.0 - (April 28, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge'))),(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,n.mdx)("h2",{id:"310---april-22-2020"},"3.1.0 - (April 22, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated documentation links"),(0,n.mdx)("li",{parentName:"ul"},"Removed extra lines from README")))),(0,n.mdx)("h2",{id:"300---march-31-2020"},"3.0.0 - (March 31, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Breaking Change",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Changed the fallback behavior of Avatar. Such that if the image fails to load, the avatar falls back to the initials display instead of default user icon."),(0,n.mdx)("li",{parentName:"ul"},"To Make all User avatars available in same variant ",(0,n.mdx)("inlineCode",{parentName:"li"},"generic")," subcomponent has been added."),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("inlineCode",{parentName:"li"},"generic")," subcomponent replaces the ",(0,n.mdx)("inlineCode",{parentName:"li"},"sharedUser")," subcomponent."),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("inlineCode",{parentName:"li"},"generic")," subcomponent contains a ",(0,n.mdx)("inlineCode",{parentName:"li"},"variant")," prop that toggles between ",(0,n.mdx)("inlineCode",{parentName:"li"},"single-user"),", ",(0,n.mdx)("inlineCode",{parentName:"li"},"shared-user"),", and ",(0,n.mdx)("inlineCode",{parentName:"li"},"provider")," user avatar."),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("inlineCode",{parentName:"li"},"user")," avatar has been moved into ",(0,n.mdx)("inlineCode",{parentName:"li"},"generic")," sub-comopnent with varaint name ",(0,n.mdx)("inlineCode",{parentName:"li"},"single-user"),".")))),(0,n.mdx)("h2",{id:"2360---march-10-2020"},"2.36.0 - (March 10, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2350---february-25-2020"},"2.35.0 - (February 25, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2340---february-18-2020"},"2.34.0 - (February 18, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme theming files")))),(0,n.mdx)("h2",{id:"2330---february-4-2020"},"2.33.0 - (February 4, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update docs to use MDX syntax")))),(0,n.mdx)("h2",{id:"2320---january-7-2020"},"2.32.0 - (January 7, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2310---december-3-2019"},"2.31.0 - (December 3, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added orion-fusion-theme and generated the respective reference wdio screenshots."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated snapshots for terra-image change.")))),(0,n.mdx)("h2",{id:"2300---october-30-2019"},"2.30.0 - (October 30, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed lint warnings for multiple empty lines")))),(0,n.mdx)("h2",{id:"2290---october-3-2019"},"2.29.0 - (October 3, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2280---september-26-2019"},"2.28.0 - (September 26, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2270---september-19-2019"},"2.27.0 - (September 19, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed ",(0,n.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Introduce background-clip themeable variable.")))),(0,n.mdx)("h2",{id:"2260---september-6-2019"},"2.26.0 - (September 6, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Props table markdown file import added to doc site page")))),(0,n.mdx)("h2",{id:"2250---august-21-2019"},"2.25.0 - (August 21, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Import for package version from package.json added to doc page"),(0,n.mdx)("li",{parentName:"ul"},"Switch from Object.assign to Object spread syntax."),(0,n.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files")))),(0,n.mdx)("h2",{id:"2240---august-14-2019"},"2.24.0 - (August 14, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed issue for avatar to allow non-square images by sending ",(0,n.mdx)("inlineCode",{parentName:"li"},"Fit")," as ",(0,n.mdx)("inlineCode",{parentName:"li"},"cover"),"."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"updated package.json test scripts")))),(0,n.mdx)("h2",{id:"2230---july-30-2019"},"2.23.0 - (July 30, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2220---july-24-2019"},"2.22.0 - (July 24, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2210---july-16-2019"},"2.21.0 - (July 16, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies")))),(0,n.mdx)("h2",{id:"2200----july-11-2019"},"2.20.0 - (July 11, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2190---july-9-2019"},"2.19.0 - (July 9, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update tests to use ",(0,n.mdx)("inlineCode",{parentName:"li"},"Terra.describeViewports")," for setting viewports")))),(0,n.mdx)("h2",{id:"2180---june-28-2019"},"2.18.0 - (June 28, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2170---june-18-2019"},"2.17.0 - (June 18, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed all inline styles from Dev-site components and implemented the same styles using external css.")))),(0,n.mdx)("h2",{id:"2160---june-11-2019"},"2.16.0 - (June 11, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Made required updates to consume terra-toolkit v5 and terra-dev-site v5")))),(0,n.mdx)("h2",{id:"2150---may-1-2019"},"2.15.0 - (May 1, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2140---april-16-2019"},"2.14.0 - (April 16, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2130---april-2-2019"},"2.13.0 - (April 2, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2120---march-26-2019"},"2.12.0 - (March 26, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,n.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,n.mdx)("h2",{id:"2110---march-21-2019"},"2.11.0 - (March 21, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed terra-form-select dependency")))),(0,n.mdx)("h2",{id:"2100---march-6-2019"},"2.10.0 - (March 6, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"290---march-5-2019"},"2.9.0 - (March 5, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fallback icon on invalid image now renders correctly."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"CSS classes to handle fallback and deceased edge cases.")))),(0,n.mdx)("h2",{id:"280---february-26-2019"},"2.8.0 - (February 26, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"270---february-12-2019"},"2.7.0 - (February 12, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"260---february-5-2019"},"2.6.0 - (February 5, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"250---january-28-2019"},"2.5.0 - (January 28, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"240---january-26-2019"},"2.4.0 - (January 26, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"230---january-22-2019"},"2.3.0 - (January 22, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"220---january-22-2019"},"2.2.0 - (January 22, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Refactor 'netraul' theme var to 'neutral'")))),(0,n.mdx)("h2",{id:"210---january-8-2019"},"2.1.0 - (January 8, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added theme variable change to upgrade guide")))),(0,n.mdx)("h2",{id:"200---january-2-2019"},"2.0.0 - (January 2, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Breaking Change"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed variant prop"),(0,n.mdx)("li",{parentName:"ul"},"Initials prop now only accepts one or two letters"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Split avatar into three functional sub-components - avatar, facility, and shared user."),(0,n.mdx)("li",{parentName:"ul"},"Split theme tests into their own package"),(0,n.mdx)("li",{parentName:"ul"},"Refactor box shadow to after element"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added color variants"),(0,n.mdx)("li",{parentName:"ul"},"Added alt, color, hashValue, isDeceased, isAriaHidden, and size props")))),(0,n.mdx)("h2",{id:"1290---november-19-2018"},"1.29.0 - (November 19, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1280---november-13-2018"},"1.28.0 - (November 13, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1270---november-9-2018"},"1.27.0 - (November 9, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1260---october-30-2018"},"1.26.0 - (October 30, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update mixin import to be more explicit")))),(0,n.mdx)("h2",{id:"1250---october-24-2018"},"1.25.0 - (October 24, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1240---october-16-2018"},"1.24.0 - (October 16, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1230---october-8-2018"},"1.23.0 - (October 8, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1220---october-2-2018"},"1.22.0 - (October 2, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1210---september-25-2018"},"1.21.0 - (September 25, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1201---september-6-2018"},"1.20.1 - (September 6, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,n.mdx)("h2",{id:"1200---september-5-2018"},"1.20.0 - (September 5, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,n.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,n.mdx)("h2",{id:"1190---september-4-2018"},"1.19.0 - (September 4, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1180---august-29-2018"},"1.18.0 - (August 29, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1170---august-1-2018"},"1.17.0 - (August 1, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1160---july-19-2018"},"1.16.0 - (July 19, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Add .module extension to SCSS file(s)")))),(0,n.mdx)("h2",{id:"1150---july-17-2018"},"1.15.0 - (July 17, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,n.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v4 update")))),(0,n.mdx)("h2",{id:"1140---july-10-2018"},"1.14.0 - (July 10, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1130---june-28-2018"},"1.13.0 - (June 28, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed bug with extra space showing below image avatar"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added change log to the documentation on terra-dev-site")))),(0,n.mdx)("h2",{id:"1120---june-22-2018"},"1.12.0 - (June 22, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Moved terra-base from dependency to peerDependency")))),(0,n.mdx)("h2",{id:"1110---june-12-2018"},"1.11.0 - (June 12, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},'Updated "test:jest" script to work on windows.'))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed image flickering when updating ",(0,n.mdx)("inlineCode",{parentName:"li"},"image"),", ",(0,n.mdx)("inlineCode",{parentName:"li"},"alt"),", or ",(0,n.mdx)("inlineCode",{parentName:"li"},"variant")," props")))),(0,n.mdx)("h2",{id:"1100---may-30-2018"},"1.10.0 - (May 30, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated structure to match terra-dev-site 1.0 and moved doc examples internal.")))),(0,n.mdx)("h2",{id:"190---may-23-2018"},"1.9.0 - (May 23, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"180---may-16-2018"},"1.8.0 - (May 16, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"170---may-9-2018"},"1.7.0 - (May 9, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"160---may-2-2018"},"1.6.0 - (May 2, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"150---april-20-2018"},"1.5.0 - (April 20, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"140---april-15-2018"},"1.4.0 - (April 15, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"130---april-5-2018"},"1.3.0 - (April 5, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"120---march-30-2018"},"1.2.0 - (March 30, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"110---march-14-2018"},"1.1.0 - (March 14, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Exported AvatarVariants constants.")))),(0,n.mdx)("h2",{id:"100---march-6-2018"},"1.0.0 - (March 6, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Initial stable release")))}p.isMDXComponent=!0;var x=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(m[l]=e[l]);return m}(e,a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(m[l]=e[l])}return m}var s={},c="wrapper";function h(e){var a=e.components,l=N(e,x);return(0,n.mdx)(c,o({},s,l,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)(m.C,{mdxType:"Badge"}),(0,n.mdx)(p,{mdxType:"ChangeLog"}))}h.isMDXComponent=!0},15985:function(e,a,l){l.d(a,{C:function(){return d}});var n=l(67294),m=l(22863),d=function(e){var a=e.url;return n.createElement(m.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-avatar",name:"terra-avatar",version:"3.18.0",url:a})}},17422:function(e,a,l){l.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/10930-769271cdbe9b42a364bb.js b/10930-769271cdbe9b42a364bb.js new file mode 100644 index 0000000000..78ba9f8582 --- /dev/null +++ b/10930-769271cdbe9b42a364bb.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[10930],{22863:function(e,a,l){var d=l(64836);a.Z=void 0;var m=d(l(67294)),n=d(l(45697)),i=d(l(47166)),r=d(l(17422)),t=i.default.bind(r.default),u={name:n.default.string.isRequired,src:n.default.string,url:n.default.string,version:n.default.string.isRequired},p=function(e){var a=e.src,l=e.name,d=e.url,n=e.version,i=m.default.createElement("a",{className:t("badge"),href:d||"https://www.npmjs.org/package/".concat(l,"/v/").concat(n)},m.default.createElement("span",{className:t("badge-name")},d?"package":"npm"),m.default.createElement("span",{className:t("badge-version")},"v".concat(n))),r=a?m.default.createElement("a",{className:t("badge"),href:a},m.default.createElement("span",{className:t("badge-name")},"github"),m.default.createElement("span",{className:t("badge-version")},"source")):void 0;return m.default.createElement("div",{className:t("badge-container")},i,r)};p.propTypes=u;var x=p;a.Z=x},10930:function(e,a,l){l.r(a),l.d(a,{default:function(){return c}});l(67294);var d=l(81254),m=l(27025),n=["components"];function i(){return i=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(m[l]=e[l]);return m}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(m[l]=e[l])}return m}var t={},u="wrapper";function p(e){var a=e.components,l=r(e,n);return(0,d.mdx)(u,i({},t,l,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)("h1",{id:"changelog"},"Changelog"),(0,d.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,d.mdx)("h2",{id:"41000---november-23-2023"},"4.100.0 - (November 23, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated jest snapshots.")))),(0,d.mdx)("h2",{id:"4990---november-9-2023"},"4.99.0 - (November 9, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4980---october-11-2023"},"4.98.0 - (October 11, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4970---october-3-2023"},"4.97.0 - (October 3, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4960---september-21-2023"},"4.96.0 - (September 21, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed error that occurs when date format is called upon null reference\nwhen time transitions from DST to ST.")))),(0,d.mdx)("h2",{id:"4950---september-19-2023"},"4.95.0 - (September 19, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4940---september-5-2023"},"4.94.0 - (September 5, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4930---august-31-2023"},"4.93.0 - (August 31, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4921---august-4-2023"},"4.92.1 - (August 4, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4920---august-2-2023"},"4.92.0 - (August 2, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4910---july-31-2023"},"4.91.0 - (July 31, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4900---july-25-2023"},"4.90.0 - (July 25, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4890---july-19-2023"},"4.89.0 - (July 19, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4880---july-4-2023"},"4.88.0 - (July 4, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4870---june-12-2023"},"4.87.0 - (June 12, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4860---june-5-2023"},"4.86.0 - (June 5, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4850---may-25-2023"},"4.85.0 - (May 25, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4840---may-11-2023"},"4.84.0 - (May 11, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4830---april-27-2023"},"4.83.0 - (April 27, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4820---march-29-2023"},"4.82.0 - (March 29, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated WDIO screenshots.")))),(0,d.mdx)("h2",{id:"4810---march-1-2023"},"4.81.0 - (March 1, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated Jest snapshot for terra-button changes")))),(0,d.mdx)("h2",{id:"4800---february-14-2023"},"4.80.0 - (February 14, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added event.persist to fix onBlur bug."),(0,d.mdx)("li",{parentName:"ul"},"Updated WDIO test and screenshots due to webpack-config-terra and\nterra-functional-testing upgrade.")))),(0,d.mdx)("h2",{id:"4790---february-7-2023"},"4.79.0 - (February 7, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4780---december-13-2022"},"4.78.0 - (December 13, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4770---september-20-2022"},"4.77.0 - (September 20, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed Keyboard navigation when moving over the start day of DST.")))),(0,d.mdx)("h2",{id:"4760---july-27-2022"},"4.76.0 - (July 27, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4750---march-29-2022"},"4.75.0 - (March 29, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added keyboard shortcuts ",(0,d.mdx)("inlineCode",{parentName:"li"},"N"),", ",(0,d.mdx)("inlineCode",{parentName:"li"},"-"),", ",(0,d.mdx)("inlineCode",{parentName:"li"},"+"),", ",(0,d.mdx)("inlineCode",{parentName:"li"},"A"),", and ",(0,d.mdx)("inlineCode",{parentName:"li"},"P")," for auto-setting date and time values.")))),(0,d.mdx)("h2",{id:"4740---march-15-2022"},"4.74.0 - (March 15, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Migrated docs to terra framework docs")))),(0,d.mdx)("h2",{id:"4731---march-1-2022"},"4.73.1 - (March 1, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4730---february-15-2022"},"4.73.0 - (February 15, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor test updates due to Time Input dependency changes")))),(0,d.mdx)("h2",{id:"4723---february-9-2022"},"4.72.3 - (February 9, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4722---february-2-2022"},"4.72.2 - (February 2, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4721---january-4-2022"},"4.72.1 - (January 4, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated tests due to terra-button-group update")))),(0,d.mdx)("h2",{id:"4720---november-16-2021"},"4.72.0 - (November 16, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4710---november-9-2021"},"4.71.0 - (November 9, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated tests due to rounding differences in terra-abstract-modal")))),(0,d.mdx)("h2",{id:"4701---november-3-2021"},"4.70.1 - (November 3, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4700---november-2-2021"},"4.70.0 - (November 2, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4690---october-14-2021"},"4.69.0 - (October 14, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4680---october-12-2021"},"4.68.0 - (October 12, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4670---september-20-2021"},"4.67.0 - (September 20, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Tests updated to reflect input splitting in ",(0,d.mdx)("inlineCode",{parentName:"li"},"terra-date-picker"),"."),(0,d.mdx)("li",{parentName:"ul"},"Updated ",(0,d.mdx)("inlineCode",{parentName:"li"},"terra-dev-site")," examples to use hooks."),(0,d.mdx)("li",{parentName:"ul"},"Updated WDIO screenshots due to webpack-config-terra sass upgrade."),(0,d.mdx)("li",{parentName:"ul"},"Updated WDIO snapshots due to terra-functional-testing v2 upgrade.")))),(0,d.mdx)("h2",{id:"4660---july-21-2021"},"4.66.0 - (July 21, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated ",(0,d.mdx)("inlineCode",{parentName:"li"},"terra-form-field")," from ",(0,d.mdx)("inlineCode",{parentName:"li"},"v3.1.0")," to ",(0,d.mdx)("inlineCode",{parentName:"li"},"v4.5.0"),".")))),(0,d.mdx)("h2",{id:"4650---july-20-2021"},"4.65.0 - (July 20, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4640---july-13-2021"},"4.64.0 - (July 13, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4630---june-8-2021"},"4.63.0 - (June 8, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated ",(0,d.mdx)("inlineCode",{parentName:"li"},"keycode-js")," from ",(0,d.mdx)("inlineCode",{parentName:"li"},"v2.0.1")," to ",(0,d.mdx)("inlineCode",{parentName:"li"},"v3.1.0"),"."),(0,d.mdx)("li",{parentName:"ul"},"screenshot updates")))),(0,d.mdx)("h2",{id:"4620---june-1-2021"},"4.62.0 - (June 1, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4610---may-4-2021"},"4.61.0 - (May 4, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4600---april-6-2021"},"4.60.0 - (April 6, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,d.mdx)("h2",{id:"4590---march-9-2021"},"4.59.0 - (March 9, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated to terra-functional-testing")))),(0,d.mdx)("h2",{id:"4580---february-9-2021"},"4.58.0 - (February 9, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4570---february-2-2021"},"4.57.0 - (February 2, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4560---january-26-2021"},"4.56.0 - (January 26, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4550---january-5-2021"},"4.55.0 - (January 5, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated to support a peer dependency of react-intl v2-v5"),(0,d.mdx)("li",{parentName:"ul"},"Updated to use ",(0,d.mdx)("inlineCode",{parentName:"li"},"injectIntl")," instead of ",(0,d.mdx)("inlineCode",{parentName:"li"},"FormattedMessage")," for react-intl v2-v5 compatibility"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation.")))),(0,d.mdx)("h2",{id:"4540---december-8-2020"},"4.54.0 - (December 8, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"initialTimeZone")," prop which takes a valid timezone string. This enables date-time-picker set to a particular timezone. The default timezone is set to the local/browser timezone."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed flaky test failure due to loading unintended test example.")))),(0,d.mdx)("h2",{id:"4530---november-24-2020"},"4.53.0 - (November 24, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,d.mdx)("h2",{id:"4520---november-10-2020"},"4.52.0 - (November 10, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed build failures due to the react/sort-comp rule")))),(0,d.mdx)("h2",{id:"4510---october-20-2020"},"4.51.0 - (October 20, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4500---october-13-2020"},"4.50.0 - (October 13, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4490---october-6-2020"},"4.49.0 - (October 6, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4480---september-29-2020"},"4.48.0 - (September 29, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4470---september-16-2020"},"4.47.0 - (September 16, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("inlineCode",{parentName:"li"},"onClickOutside")," prop has been deprecated, will resolve to ",(0,d.mdx)("inlineCode",{parentName:"li"},"onRequestClose")),(0,d.mdx)("li",{parentName:"ul"},"Updated wdio snapshots due to changes in date-picker and time-input"),(0,d.mdx)("li",{parentName:"ul"},"Update ",(0,d.mdx)("inlineCode",{parentName:"li"},"timeVariant")," prop description to include ",(0,d.mdx)("inlineCode",{parentName:"li"},"es")," in locales supporting only 24 hour format.")))),(0,d.mdx)("h2",{id:"4460---september-10-2020"},"4.46.0 - (September 10, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fix to clear out invalid date value when time input selected in date-time-picker.")))),(0,d.mdx)("h2",{id:"4450---august-18-2020"},"4.45.0 - (August 18, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4440---august-11-2020"},"4.44.0 - (August 11, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4430---august-4-2020"},"4.43.0 - (August 4, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated Changelog format")))),(0,d.mdx)("h2",{id:"4420---july-28-2020"},"4.42.0 - (July 28, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated color for previous and next month buttons in calendar to meet the minimum contrast ratio.")))),(0,d.mdx)("h2",{id:"4400---july-14-2020"},"4.40.0 - (July 14, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"updated ",(0,d.mdx)("inlineCode",{parentName:"li"},"master")," references to ",(0,d.mdx)("inlineCode",{parentName:"li"},"main"),"."),(0,d.mdx)("li",{parentName:"ul"},"Minor file changes to comply with eslint rules"),(0,d.mdx)("li",{parentName:"ul"},"Remove unused disable eslint directives")))),(0,d.mdx)("h2",{id:"4390---june-16-2020"},"4.39.0 - (June 16, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update ",(0,d.mdx)("inlineCode",{parentName:"li"},"maxDate")," and ",(0,d.mdx)("inlineCode",{parentName:"li"},"minDate")," prop description to clarify usage.")))),(0,d.mdx)("h2",{id:"4380---june-9-2020"},"4.38.0 - (June 9, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Apply themes by context and directly include packaged themes."),(0,d.mdx)("li",{parentName:"ul"},"Update test and screenshots to account for min/max changes in DatePicker."),(0,d.mdx)("li",{parentName:"ul"},"Update wdio screenshots failing in main.")))),(0,d.mdx)("h2",{id:"4370---may-19-2020"},"4.37.0 - (May 19, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update screenshots due to change in button hover.")))),(0,d.mdx)("h2",{id:"4360---april-28-2020"},"4.36.0 - (April 28, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"directory")," as a sub attribute to the ",(0,d.mdx)("inlineCode",{parentName:"li"},"repository")," attribute in package.json"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge')))),(0,d.mdx)("h2",{id:"4350---april-14-2020"},"4.35.0 - (April 14, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed error that occurs during remount when setting focus with a null reference to the hour input.")))),(0,d.mdx)("h2",{id:"4340---april-6-2020"},"4.34.0 - (April 6, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated wdio screenshots due to focus style changes in react-datepicker.")))),(0,d.mdx)("h2",{id:"4330---march-31-2020"},"4.33.0 - (March 31, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,d.mdx)("h2",{id:"4320---march-24-2020"},"4.32.0 - (March 24, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated props documentation")))),(0,d.mdx)("h2",{id:"4310---march-10-2020"},"4.31.0 - (March 10, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Changed ",(0,d.mdx)("inlineCode",{parentName:"li"},"onBlur")," callback to also return the following metadata: dateValue, timeValue and isAmbiguousHour"),(0,d.mdx)("li",{parentName:"ul"},"Changed ",(0,d.mdx)("inlineCode",{parentName:"li"},"onChange")," and ",(0,d.mdx)("inlineCode",{parentName:"li"},"onChangeRaw")," callbacks to return the following metadata as part of the third parameter: iso, inputValue, dateValue, timeValue, isAmbiguousHour, isCompleteValue, isValidValue")))),(0,d.mdx)("h2",{id:"4300---march-3-2020"},"4.30.0 - (March 3, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4290---february-25-2020"},"4.29.0 - (February 25, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4280---february-18-2020"},"4.28.0 - (February 18, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme theming files"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update docs to use mdx syntax.")))),(0,d.mdx)("h2",{id:"4270---february-4-2020"},"4.27.0 - (February 4, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed date-time-picker issue of updating default value programmatically")))),(0,d.mdx)("h2",{id:"4260---january-28-2020"},"4.26.0 - (January 28, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update copyright to include 2020")))),(0,d.mdx)("h2",{id:"4250---january-7-2020"},"4.25.0 - (January 7, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4240---december-16-2019"},"4.24.0 - (December 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"4230---december-10-2019"},"4.23.0 - (December 10, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added orion-fusion-theme and generated the respective reference wdio screenshots."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated wdio screenshots due to changes in react-datepicker colors.")))),(0,d.mdx)("h2",{id:"4220---november-26-2019"},"4.22.0 - (November 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed eslint error regarding operator-assignment.")))),(0,d.mdx)("h2",{id:"4210---november-20-2019"},"4.21.0 - (November 20, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"4200---november-18-2019"},"4.20.0 - (November 18, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"4190---november-7-2019"},"4.19.0 - (November 7, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Resolved lint warnings for multiple empty lines")))),(0,d.mdx)("h2",{id:"4180---october-30-2019"},"4.18.0 - (October 30, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Force update to render the missing hour."),(0,d.mdx)("li",{parentName:"ul"},"Duplicate ID in examples changed."),(0,d.mdx)("li",{parentName:"ul"},"Changed 12-hour format appearance for mobile and desktop."),(0,d.mdx)("li",{parentName:"ul"},"Meridiem select on Desktop has been changed to buttons which means that the WebdriverIO reference screenshots (if any) and/or any code in the consumer application that accesses the old meridiem select functionality on the Desktop view need to be updated.")))),(0,d.mdx)("h2",{id:"4170---october-21-2019"},"4.17.0 - (October 21, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated WDIO screenshots to account for button updates in terra-date-picker"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed onBlur event data for entering invalid dates.")))),(0,d.mdx)("h2",{id:"4160---october-16-2019"},"4.16.0 - (October 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"isIncomplete")," prop and stylings"),(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"isInvalid")," prop and stylings"),(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"isInvalidMeridiem")," prop"),(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"required")," prop")))),(0,d.mdx)("h2",{id:"4150---october-3-2019"},"4.15.0 - (October 3, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update the ",(0,d.mdx)("inlineCode",{parentName:"li"},"variant")," prop description to call out which locales do not use the 12-hour time notation.")))),(0,d.mdx)("h2",{id:"4140---september-26-2019"},"4.14.0 - (September 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"4130---september-19-2019"},"4.13.0 - (September 19, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"browser.refresh()")," to ",(0,d.mdx)("inlineCode",{parentName:"li"},"date-time-picker-spec")," to support wdio tests failing in theming repos."),(0,d.mdx)("li",{parentName:"ul"},"Updated Jest snapshots and WDIO screenshots"),(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site."),(0,d.mdx)("li",{parentName:"ul"},"Doc site example module import syntax modified to use package.json name resolution"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added en-CA translations."),(0,d.mdx)("li",{parentName:"ul"},"Updated documentations to call out the supported ISO 8601 date time format.")))),(0,d.mdx)("h2",{id:"4120---september-6-2019"},"4.12.0 - (September 6, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files"),(0,d.mdx)("li",{parentName:"ul"},"Updated ",(0,d.mdx)("inlineCode",{parentName:"li"},"keycode-js")," from ",(0,d.mdx)("inlineCode",{parentName:"li"},"v1.0.4")," to ",(0,d.mdx)("inlineCode",{parentName:"li"},"v2.0.1")))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed ",(0,d.mdx)("inlineCode",{parentName:"li"},"onBlur")," prop to receive correct date and time upon resolving ambiguous hour to Standard time in the Time Clarification modal.")))),(0,d.mdx)("h2",{id:"4110---august-21-2019"},"4.11.0 - (August 21, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Replaced Object.assign syntax with Object spread syntax"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fix JS error when losing focus from an empty date input."),(0,d.mdx)("li",{parentName:"ul"},"Fixed ambiguous hour that occurs in the southern hemisphere."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added a function to DateTimeUtil."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed extra calls to hide the caret in inputs (some are still needed because ",(0,d.mdx)("inlineCode",{parentName:"li"},"terra-time-input")," explicitly sets a ",(0,d.mdx)("inlineCode",{parentName:"li"},"caret-color"),")."),(0,d.mdx)("li",{parentName:"ul"},"Removed styles hiding carets on test pages when not running within WDIO")))),(0,d.mdx)("h2",{id:"4100---august-14-2019"},"4.10.0 - (August 14, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Allow blur to be handled after the date time ambiguity is resolved."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed all the accessibility issues and updated the tests and screenshots accordingly."),(0,d.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies"),(0,d.mdx)("li",{parentName:"ul"},"Updated package.json test scripts"),(0,d.mdx)("li",{parentName:"ul"},"Corrected Typos."),(0,d.mdx)("li",{parentName:"ul"},"Updated wdio test to work with changes in terra-date-picker."),(0,d.mdx)("li",{parentName:"ul"},"Updated to interface with react-intl's context rather than old React Context API.")))),(0,d.mdx)("h2",{id:"490---july-30-2019"},"4.9.0 - (July 30, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Removed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed DEPENDENCIES.md file")))),(0,d.mdx)("h2",{id:"481---july-23-2019"},"4.8.1 - (July 23, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated DEPENDENCIES.md doc")))),(0,d.mdx)("h2",{id:"480---july-23-2019"},"4.8.0 - (July 23, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"When the date-time picker time clarification modal is open on touch devices, it will now focus on the first interactive DOM element within it. This enables focus to be shifted into the modal correctly when using VoiceOver on iOS.")))),(0,d.mdx)("h2",{id:"470---july-16-2019"},"4.7.0 - (July 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies"),(0,d.mdx)("li",{parentName:"ul"},"Added the ability for the user to enter seconds in the time input")))),(0,d.mdx)("h2",{id:"460---july-10-2019"},"4.6.0 - (July 10, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,d.mdx)("li",{parentName:"ul"},"Fixed tests to appropriately reset before beginning next test.")))),(0,d.mdx)("h2",{id:"450---july-2-2019"},"4.5.0 - (July 2, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Screenshots updated for mobile view."),(0,d.mdx)("li",{parentName:"ul"},"Update wdio test to work with changes in terra-date-picker"),(0,d.mdx)("li",{parentName:"ul"},"Renamed test and example SCSS files to end with ",(0,d.mdx)("inlineCode",{parentName:"li"},".module.scss")," extension")))),(0,d.mdx)("h2",{id:"440---june-19-2019"},"4.4.0 - (June 19, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update wdio specs to use Terra.describeViewports")))),(0,d.mdx)("h2",{id:"430---june-12-2019"},"4.3.0 - (June 12, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed all inline styles from Dev-site components and implemented the same styles using external css."),(0,d.mdx)("li",{parentName:"ul"},"Update tests for terra-toolkit v5 and terra-dev-site v5 changes"),(0,d.mdx)("li",{parentName:"ul"},"Updated wdio screenshots for date-picker changes."),(0,d.mdx)("li",{parentName:"ul"},"Updated daylight savings time/standard time button to have aria-label and title with additional timezone info, to clarify its meaning."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed wdio tests by calling browser.refresh() on subsequent loads instead of loading the url directly."),(0,d.mdx)("li",{parentName:"ul"},"Focus now automatically moves to the hour input after a date is selected from the picker."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore")))),(0,d.mdx)("h2",{id:"420---may-21-2019"},"4.2.0 - (May 21, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency update"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed js error in the filterDate example.")))),(0,d.mdx)("h2",{id:"410---may-15-2019"},"4.1.0 - (May 15, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,d.mdx)("h2",{id:"400---may-13-2019"},"4.0.0 - (May 13, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Breaking Change"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"releaseFocus")," prop"),(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"requestFocus")," prop"),(0,d.mdx)("li",{parentName:"ul"},"Update the filterDate examples to handle an ISO string instead of a moment object."),(0,d.mdx)("li",{parentName:"ul"},"Leverage createSafeDate from the DateUtil."),(0,d.mdx)("li",{parentName:"ul"},"Changed the onBlur event to get triggered only when the entire date time picker component loses focus."),(0,d.mdx)("li",{parentName:"ul"},"Updated upgrade guide."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed 'onInputFocus' prop in favor of the added 'onFocus' prop."),(0,d.mdx)("li",{parentName:"ul"},"Remove minDateTime and maxDateTime props. These props are being renamed to minDate and maxDate."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added 'onFocus' prop since 'preventOpenOnFocus' can be used to prevent picker from opening on focus."),(0,d.mdx)("li",{parentName:"ul"},"Add minDate and maxDate props. These props replace minDateTime and maxDateTime for the purpose of ignoring the time portion when determining the min/max range.")))),(0,d.mdx)("h2",{id:"3160---may-7-2019"},"3.16.0 - (May 7, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Changes made to the time is now preserved when the modification is made with an invalid date.")))),(0,d.mdx)("h2",{id:"3150---april-24-2019"},"3.15.0 - (April 24, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added timeVariant prop to datetime picker to support 12-hour format."),(0,d.mdx)("li",{parentName:"ul"},"Added example for time variant on terra-dev site"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added onSelect function prop that fires when selecting a date via date picker."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Moved packages we use solely in doc examples and tests to devDependencies")))),(0,d.mdx)("h2",{id:"3140---april-16-2019"},"3.14.0 - (April 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,d.mdx)("h2",{id:"3130---april-9-2019"},"3.13.0 - (April 9, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,d.mdx)("h2",{id:"3120---april-2-2019"},"3.12.0 - (April 2, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,d.mdx)("h2",{id:"3110---march-26-2019"},"3.11.0 - (March 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated prop onChange call logic with respect to ambiguous date-times."),(0,d.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,d.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,d.mdx)("h2",{id:"3100---march-20-2019"},"3.10.0 - (March 20, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update Jest tests to use terra-enzyme-intl")))),(0,d.mdx)("h2",{id:"390---march-12-2019"},"3.9.0 - (March 12, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Replaced local keyCode values with keycode-js npm package")))),(0,d.mdx)("h2",{id:"380---march-5-2019"},"3.8.0 - (March 5, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,d.mdx)("h2",{id:"370---february-26-2019"},"3.7.0 - (February 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added en-AU translations"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Changed browser.execute functions in wdio spec to be strings for IE and FF driver compatibility")))),(0,d.mdx)("h2",{id:"360---february-13-2019"},"3.6.0 - (February 13, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Throws NPE if manually entered valid date is outside of allotted datetime range.")))),(0,d.mdx)("h2",{id:"350---february-5-2019"},"3.5.0 - (February 5, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Migrate package to the terra-framework repository")))),(0,d.mdx)("h2",{id:"340---january-26-2019"},"3.4.0 - (January 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"330---january-22-2019"},"3.3.0 - (January 22, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"320---january-22-2019"},"3.2.0 - (January 22, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"310---january-22-2019"},"3.1.0 - (January 22, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"300---january-8-2019"},"3.0.0 - (January 8, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated examples to use ModalManager v4"),(0,d.mdx)("li",{parentName:"ul"},"Updated theme variables")))),(0,d.mdx)("h2",{id:"2390---january-2-2019"},"2.39.0 - (January 2, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added missing ar translations"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed use of componentWillReceiveProps"),(0,d.mdx)("li",{parentName:"ul"},"Removed use of componentWillMount"),(0,d.mdx)("li",{parentName:"ul"},"Updated component to use injectIntl"),(0,d.mdx)("li",{parentName:"ul"},"Updated site examples to be more accessible.")))),(0,d.mdx)("h2",{id:"2381---november-20-2018"},"2.38.1 - (November 20, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,d.mdx)("h2",{id:"2380---november-19-2018"},"2.38.0 - (November 19, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2370---november-13-2018"},"2.37.0 - (November 13, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2360---november-9-2018"},"2.36.0 - (November 9, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2350---october-24-2018"},"2.35.0 - (October 24, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2340---october-16-2018"},"2.34.0 - (October 16, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2330---october-8-2018"},"2.33.0 - (October 8, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2320---october-2-2018"},"2.32.0 - (October 2, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2310---september-25-2018"},"2.31.0 - (September 25, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2301---september-6-2018"},"2.30.1 - (September 6, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,d.mdx)("h2",{id:"2300---september-5-2018"},"2.30.0 - (September 5, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,d.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,d.mdx)("h2",{id:"2290---september-4-2018"},"2.29.0 - (September 4, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2280---august-29-2018"},"2.28.0 - (August 29, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2270---august-21-2018"},"2.27.0 - (August 21, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2260---august-8-2018"},"2.26.0 - (August 8, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated component internationalization error message")))),(0,d.mdx)("h2",{id:"2250---august-1-2018"},"2.25.0 - (August 1, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2241---july-26-2018"},"2.24.1 - (July 26, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,d.mdx)("h2",{id:"2240---july-25-2018"},"2.24.0 - (July 25, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Add sv and sv-SE translations"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Resolve issue where disabled component doesn't disable time clarification")))),(0,d.mdx)("h2",{id:"2230---july-19-2018"},"2.23.0 - (July 19, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated translations"),(0,d.mdx)("li",{parentName:"ul"},"Add .module extension to SCSS file(s)"),(0,d.mdx)("li",{parentName:"ul"},"Use datepicker that consumes new form inputs.")))),(0,d.mdx)("h2",{id:"2220---july-17-2018"},"2.22.0 - (July 17, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,d.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v4 update"),(0,d.mdx)("li",{parentName:"ul"},"Required props no longer set a default prop")))),(0,d.mdx)("h2",{id:"2210---july-10-2018"},"2.21.0 - (July 10, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2200---july-3-2018"},"2.20.0 - (July 3, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added source code for examples on terra-dev-site")))),(0,d.mdx)("h2",{id:"2190---june-28-2018"},"2.19.0 - (June 28, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,d.mdx)("li",{parentName:"ul"},"Replaced nightwatch tests with wdio"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added change log to the documentation on terra-dev-site")))),(0,d.mdx)("h2",{id:"2180---june-22-2018"},"2.18.0 - (June 22, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Moved terra-base from dependency to peerDependency")))),(0,d.mdx)("h2",{id:"2170---june-19-2018"},"2.17.0 - (June 19, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2160---june-13-2018"},"2.16.0 - (June 13, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2150---june-12-2018"},"2.15.0 - (June 12, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},'Updated "test:jest" script to work on windows.'),(0,d.mdx)("li",{parentName:"ul"},"Remove Base wrapper from test examples. Terra-dev-site wraps all test examples in Base.")))),(0,d.mdx)("h2",{id:"2140---may-30-2018"},"2.14.0 - (May 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated structure to match terra-dev-site 1.0 and moved doc examples internal.")))),(0,d.mdx)("h2",{id:"2130---may-25-2018"},"2.13.0 - (May 25, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2120---may-23-2018"},"2.12.0 - (May 23, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Dependency on terra-modal removed, now depends on terra-abstract-modal.")))),(0,d.mdx)("h2",{id:"2110---may-16-2018"},"2.11.0 - (May 16, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2100---may-9-2018"},"2.10.0 - (May 9, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"290---may-2-2018"},"2.9.0 - (May 2, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"280---april-20-2018"},"2.8.0 - (April 20, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Bumped devDependency on terra-modal-manager to use 2.x version")))),(0,d.mdx)("h2",{id:"270---april-20-2018"},"2.7.0 - (April 20, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"260---april-15-2018"},"2.6.0 - (April 15, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"250---april-5-2018"},"2.5.0 - (April 5, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"240---march-30-2018"},"2.4.0 - (March 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update lower bound version of moment.js to latest release")))),(0,d.mdx)("h2",{id:"230---march-14-2018"},"2.3.0 - (March 14, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"220---march-6-2018"},"2.2.0 - (March 6, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Removed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed props-table script from package.json")))),(0,d.mdx)("h2",{id:"210---february-26-2018"},"2.1.0 - (February 26, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"201---february-13-2018"},"2.0.1 - (February 13, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated peerDependencies")))),(0,d.mdx)("h2",{id:"200---february-12-2018"},"2.0.0 - (February 12, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated to use React 16"),(0,d.mdx)("li",{parentName:"ul"},"Uplifted component to use terra-button v2"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"disabled")," prop")))),(0,d.mdx)("h2",{id:"170---february-1-2018"},"1.7.0 - (February 1, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"160---january-18-2018"},"1.6.0 - (January 18, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"150---january-5-2018"},"1.5.0 - (January 5, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"140---november-28-2017"},"1.4.0 - (November 28, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"130---november-16-2017"},"1.3.0 - (November 16, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Handle unacceptable default dates.")))),(0,d.mdx)("h2",{id:"120---november-7-2017"},"1.2.0 - (November 7, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"110---october-31-2017"},"1.1.0 - (October 31, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"100---october-24-2017"},"1.0.0 - (October 24, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Initial stable release")))}p.isMDXComponent=!0;var x=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(m[l]=e[l]);return m}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(m[l]=e[l])}return m}var s={},h="wrapper";function c(e){var a=e.components,l=N(e,x);return(0,d.mdx)(h,o({},s,l,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)(m.C,{mdxType:"Badge"}),(0,d.mdx)(p,{mdxType:"ChangeLog"}))}c.isMDXComponent=!0},27025:function(e,a,l){l.d(a,{C:function(){return n}});var d=l(67294),m=l(22863),n=function(e){var a=e.url;return d.createElement(m.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-date-time-picker",name:"terra-date-time-picker",version:"4.100.0",url:a})}},17422:function(e,a,l){l.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/11013-987f41daa52932e18781.css b/11013-987f41daa52932e18781.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/11013-987f41daa52932e18781.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/11013-987f41daa52932e18781.js b/11013-987f41daa52932e18781.js new file mode 100644 index 0000000000..0befb9c28d --- /dev/null +++ b/11013-987f41daa52932e18781.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[11013,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,a,l){var d=l(64836);a.Z=void 0;var n=d(l(67294)),m=d(l(45697)),r=d(l(47166)),t=d(l(17422)),i=r.default.bind(t.default),u={name:m.default.string.isRequired,src:m.default.string,url:m.default.string,version:m.default.string.isRequired},p=function(e){var a=e.src,l=e.name,d=e.url,m=e.version,r=n.default.createElement("a",{className:i("badge"),href:d||"https://www.npmjs.org/package/".concat(l,"/v/").concat(m)},n.default.createElement("span",{className:i("badge-name")},d?"package":"npm"),n.default.createElement("span",{className:i("badge-version")},"v".concat(m))),t=a?n.default.createElement("a",{className:i("badge"),href:a},n.default.createElement("span",{className:i("badge-name")},"github"),n.default.createElement("span",{className:i("badge-version")},"source")):void 0;return n.default.createElement("div",{className:i("badge-container")},r,t)};p.propTypes=u;var x=p;a.Z=x},11013:function(e,a,l){l.r(a),l.d(a,{default:function(){return h}});l(67294);var d=l(81254),n=l(35953),m=["components"];function r(){return r=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(n[l]=e[l]);return n}(e,a);if(Object.getOwnPropertySymbols){var m=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(n[l]=e[l])}return n}var i={},u="wrapper";function p(e){var a=e.components,l=t(e,m);return(0,d.mdx)(u,r({},i,l,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)("h1",{id:"changelog"},"Changelog"),(0,d.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,d.mdx)("h2",{id:"4410---november-13-2023"},"4.41.0 - (November 13, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4400---february-15-2023"},"4.40.0 - (February 15, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated wdio screenshots due to functional-testing upgrade.")))),(0,d.mdx)("h2",{id:"4390---december-7-2022"},"4.39.0 - (December 7, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4381---january-4-2022"},"4.38.1 - (January 4, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Migrate docs to terra-core-docs.")))),(0,d.mdx)("h2",{id:"4380---september-21-2021"},"4.38.0 - (September 21, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated WDIO Screenshots due to webpack-config-terra sass upgrade.")))),(0,d.mdx)("h2",{id:"4370---april-6-2021"},"4.37.0 - (April 6, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed unnecessary ",(0,d.mdx)("inlineCode",{parentName:"li"},"wdio.conf.js")," file"),(0,d.mdx)("li",{parentName:"ul"},"Upgrade tests to terra-functional-testing and WebDriverIO v6"),(0,d.mdx)("li",{parentName:"ul"},"Updated jest tests not have a mock spanning it blocks.")))),(0,d.mdx)("h2",{id:"4360---february-9-2021"},"4.36.0 - (February 9, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Avoid version 1.8.12 of intl-locales-supported as it is a bad publish.")))),(0,d.mdx)("h2",{id:"4350---january-5-2021"},"4.35.0 - (January 5, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation.")))),(0,d.mdx)("h2",{id:"4340---december-8-2020"},"4.34.0 - (December 8, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,d.mdx)("h2",{id:"4330---september-29-2020"},"4.33.0 - (September 29, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Disable the regex cached maintained by the Intl Polyfill that can result in regex syntax errors.")))),(0,d.mdx)("h2",{id:"4320---august-4-2020"},"4.32.0 - (August 4, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4310---july-29-2020"},"4.31.0 - (July 29, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4300---july-7-2020"},"4.30.0 - (July 7, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"updated ",(0,d.mdx)("inlineCode",{parentName:"li"},"master")," references to ",(0,d.mdx)("inlineCode",{parentName:"li"},"main"),".")))),(0,d.mdx)("h2",{id:"4290---june-9-2020"},"4.29.0 - (June 9, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor file changes to comply with eslint rules"),(0,d.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config")))),(0,d.mdx)("h2",{id:"4280---april-28-2020"},"4.28.0 - (April 28, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge'))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,d.mdx)("h2",{id:"4270---april-22-2020"},"4.27.0 - (April 22, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated documentation link in README"),(0,d.mdx)("li",{parentName:"ul"},"Added Usage section")))),(0,d.mdx)("h2",{id:"4260---march-31-2020"},"4.26.0 - (March 31, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Check if Intl.DateTimeFormat and Int.NumberFormat have the ",(0,d.mdx)("inlineCode",{parentName:"li"},"supportedLocalesOf")," property before adding as constructors for intl-locales-supported.")))),(0,d.mdx)("h2",{id:"4250---march-10-2020"},"4.25.0 - (March 10, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update docs to use mdx syntax.")))),(0,d.mdx)("h2",{id:"4240---february-18-2020"},"4.24.0 - (February 18, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added generated-themes to .npmignore"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Be the most explicit when checking when checking if Intl, Intl.DateTimeFormat and Int.NumberFormat by checking against expected type instead of check for undefined. Addresses: ",(0,d.mdx)("a",{parentName:"li",href:"https://github.com/cerner/terra-core/issues/2841"},"https://github.com/cerner/terra-core/issues/2841"))))),(0,d.mdx)("h2",{id:"4230---february-13-2020"},"4.23.0 - (February 13, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Be explicit when checking when checking if Intl, Intl.DateTimeFormat and Int.NumberFormat are available on the browser.")))),(0,d.mdx)("h2",{id:"4220---february-11-2020"},"4.22.0 - (February 11, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Add try-catch blocks around the Intl check to ensure errors are correctly handled if an error is thrown. Fixes ",(0,d.mdx)("a",{parentName:"li",href:"https://github.com/cerner/terra-core/issues/2820"},"https://github.com/cerner/terra-core/issues/2820"),".")))),(0,d.mdx)("h2",{id:"4210---january-7-2020"},"4.21.0 - (January 7, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Removed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed yarn reference in docs")))),(0,d.mdx)("h2",{id:"4200---december-3-2019"},"4.20.0 - (December 3, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},'Added reference wdio screenshots for "orion-fusion-theme".'))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fix Intl data loading logic. Locale data was only loading the initial locale data but did not load locale data for the new local when the locale was switched. This issue was discovered when running in IE 10.")))),(0,d.mdx)("h2",{id:"4190---october-30-2019"},"4.19.0 - (October 30, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4180---october-14-2019"},"4.18.0 - (October 14, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fix Intl Loading and conditionally add the ",(0,d.mdx)("inlineCode",{parentName:"li"},"intl")," polyfill when Intl is not provided by the browser. This issue was discovered when running in IE 10.")))),(0,d.mdx)("h2",{id:"4170---october-3-2019"},"4.17.0 - (October 3, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4160---september-26-2019"},"4.16.0 - (September 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Removed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed the Finnish example since we don't officially support Finnish")))),(0,d.mdx)("h2",{id:"4150---september-19-2019"},"4.15.0 - (September 19, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added en-CA translations.")))),(0,d.mdx)("h2",{id:"4140---september-6-2019"},"4.14.0 - (September 6, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Props table markdown file import added to doc site page")))),(0,d.mdx)("h2",{id:"4130---august-21-2019"},"4.13.0 - (August 21, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Import for package version from package.json added to doc page"),(0,d.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files")))),(0,d.mdx)("h2",{id:"4120---august-14-2019"},"4.12.0 - (August 14, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"updated package.json test scripts"),(0,d.mdx)("li",{parentName:"ul"},"Update tests for dev-site v6")))),(0,d.mdx)("h2",{id:"4110---july-30-2019"},"4.11.0 - (July 30, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4100---july-24-2019"},"4.10.0 - (July 24, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"490---july-16-2019"},"4.9.0 - (July 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies")))),(0,d.mdx)("h2",{id:"480----july-11-2019"},"4.8.0 - (July 11, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update tests to use ",(0,d.mdx)("inlineCode",{parentName:"li"},"Terra.describeViewports")," for setting viewports and use ",(0,d.mdx)("inlineCode",{parentName:"li"},"Terra.it.validatesElement"))))),(0,d.mdx)("h2",{id:"470---june-28-2019"},"4.7.0 - (June 28, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added more information to upgrade guide around Jest testing"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed all inline styles from Dev-site components and implemented the same styles using external css.")))),(0,d.mdx)("h2",{id:"460---june-18-2019"},"4.6.0 - (June 18, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency bump")))),(0,d.mdx)("h2",{id:"450---june-11-2019"},"4.5.0 - (June 11, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Made required updates to consume terra-toolkit v5 and terra-dev-site v5"),(0,d.mdx)("li",{parentName:"ul"},"Changed modules to export")))),(0,d.mdx)("h2",{id:"440---may-21-2019"},"4.4.0 - (May 21, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"430---may-1-2019"},"4.3.0 - (May 1, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added Upgrade Guide to doc site")))),(0,d.mdx)("h2",{id:"420---april-16-2019"},"4.2.0 - (April 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"410---april-9-2019"},"4.1.0 - (April 9, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update the intl polyfill to be more robust for IE10")))),(0,d.mdx)("h2",{id:"400---march-27-2019"},"4.0.0 - (March 27, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Breaking Change",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed post-install script which wrote default intl and translation loaders"),(0,d.mdx)("li",{parentName:"ul"},"Removed aggregate-translations pre-build tool/script"),(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"src/defaultIntlLoaders.js")),(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"src/defaultTranslationsLoaders.js")),(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"require.ensure")," syntax for loading Intl polyfill"),(0,d.mdx)("li",{parentName:"ul"},"This package no longer provides the ",(0,d.mdx)("inlineCode",{parentName:"li"},"injectIntl"),", ",(0,d.mdx)("inlineCode",{parentName:"li"},"intlShape"),", ",(0,d.mdx)("inlineCode",{parentName:"li"},"FormattedMessage"),", ",(0,d.mdx)("inlineCode",{parentName:"li"},"IntlProvider")," exports from react-intl"),(0,d.mdx)("li",{parentName:"ul"},"Removed div that wrapped children passed into the I18nProvider component. The I18nProvider component now uses a ",(0,d.mdx)("inlineCode",{parentName:"li"},"")," wrapper around children"),(0,d.mdx)("li",{parentName:"ul"},"Removed run time check for supported locales. This is provided at build time with terra-toolkit's aggregate-translations script")))),(0,d.mdx)("h2",{id:"350---march-26-2019"},"3.5.0 - (March 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release")))),(0,d.mdx)("h2",{id:"340---march-21-2019"},"3.4.0 - (March 21, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"330---february-26-2019"},"3.3.0 - (February 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added en-AU translations")))),(0,d.mdx)("h2",{id:"320---february-12-2019"},"3.2.0 - (February 12, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"310---february-5-2019"},"3.1.0 - (February 5, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"300---january-22-2019"},"3.0.0 - (January 22, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated theme variables")))),(0,d.mdx)("h2",{id:"2310---january-22-2019"},"2.31.0 - (January 22, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated dependencies to fix major version bump issues")))),(0,d.mdx)("h2",{id:"2300---january-8-2019"},"2.30.0 - (January 8, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2290---january-2-2019"},"2.29.0 - (January 2, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added missing ar translations."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated site examples to be more accessible.")))),(0,d.mdx)("h2",{id:"2280---november-19-2018"},"2.28.0 - (November 19, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2270---november-13-2018"},"2.27.0 - (November 13, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2260---november-9-2018"},"2.26.0 - (November 9, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Add full list of locales to terra-i18n translation fixtures")))),(0,d.mdx)("h2",{id:"2250---october-24-2018"},"2.25.0 - (October 24, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2240---october-16-2018"},"2.24.0 - (October 16, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2230---october-8-2018"},"2.23.0 - (October 8, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated fs-extra dependency to latest stable release (^7.0.0)")))),(0,d.mdx)("h2",{id:"2220---october-2-2018"},"2.22.0 - (October 2, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Export IntlProvider from react-intl")))),(0,d.mdx)("h2",{id:"2210---september-25-2018"},"2.21.0 - (September 25, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2203---september-13-2018"},"2.20.3 - (September 13, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fix",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Add post-install script which writes default loaders")))),(0,d.mdx)("h2",{id:"2202---september-12-2018"},"2.20.2 - (September 12, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fix",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Remove post-install script which wrote default loaders")))),(0,d.mdx)("h2",{id:"2201---september-6-2018"},"2.20.1 - (September 6, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,d.mdx)("h2",{id:"2200---september-5-2018"},"2.20.0 - (September 5, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,d.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,d.mdx)("h2",{id:"2190---september-4-2018"},"2.19.0 - (September 4, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2180---august-29-2018"},"2.18.0 - (August 29, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2170---august-1-2018"},"2.17.0 - (August 1, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,d.mdx)("li",{parentName:"ul"},"Updated translations")))),(0,d.mdx)("h2",{id:"2160---july-25-2018"},"2.16.0 - (July 25, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Add sv and sv-SE translations")))),(0,d.mdx)("h2",{id:"2150---july-17-2018"},"2.15.0 - (July 17, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,d.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v4 update")))),(0,d.mdx)("h2",{id:"2140---july-10-2018"},"2.14.0 - (July 10, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2130---june-28-2018"},"2.13.0 - (June 28, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added change log to the documentation on terra-dev-site")))),(0,d.mdx)("h2",{id:"2120---june-22-2018"},"2.12.0 - (June 22, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Major dependency version bump for ",(0,d.mdx)("inlineCode",{parentName:"li"},"fs-extra"))))),(0,d.mdx)("h2",{id:"2110---june-12-2018"},"2.11.0 - (June 12, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},'Updated "test:jest" script to work on windows.')))),(0,d.mdx)("h2",{id:"2100---may-30-2018"},"2.10.0 - (May 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated structure to match terra-dev-site 1.0 and moved doc examples internal.")))),(0,d.mdx)("h2",{id:"290---may-23-2018"},"2.9.0 - (May 23, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"280---may-9-2018"},"2.8.0 - (May 9, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"270---may-2-2018"},"2.7.0 - (May 2, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Export FormattedMessage from react-intl")))),(0,d.mdx)("h2",{id:"260---april-20-2018"},"2.6.0 - (April 20, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added support for nl and nl-BE locales")))),(0,d.mdx)("h2",{id:"250---april-15-2018"},"2.5.0 - (April 15, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"240---april-5-2018"},"2.4.0 - (April 5, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Transpile defaultIntlLoaders and defaultTranslationsLoaders.")))),(0,d.mdx)("h2",{id:"230---march-30-2018"},"2.3.0 - (March 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Implement locale fallback strategy in translations and locale loaders. Fallback strategy will be first try the regional locale, then try the base locale, then try 'en' english base locale, and lastly throw an error if 'en' is not provided."),(0,d.mdx)("li",{parentName:"ul"},"Aggregate-translations pre-build tool to aggregate translations and build dynamic intlLoader and translationLoader modules that are configured for the specified locales. This tool is offered as a CLI script and as a setup function."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Open up the i18nLoader restrictions such that non-terra-supported locales will load."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Only load the specified aggregated-translation locales."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Exported react-intl's injectIntl and intlShape")))),(0,d.mdx)("h2",{id:"220---march-6-2018"},"2.2.0 - (March 6, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Removed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed props-table script from package.json")))),(0,d.mdx)("h2",{id:"210---february-26-2018"},"2.1.0 - (February 26, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"200---february-12-2018"},"2.0.0 - (February 12, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated to use React 16")))),(0,d.mdx)("h2",{id:"1140---february-1-2018"},"1.14.0 - (February 1, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1130---january-18-2018"},"1.13.0 - (January 18, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1120---november-28-2017"},"1.12.0 - (November 28, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1110---november-16-2017"},"1.11.0 - (November 16, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1100---october-6-2017"},"1.10.0 - (October 6, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Spread customProps onto div.")))),(0,d.mdx)("h2",{id:"190---september-26-2017"},"1.9.0 - (September 26, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"180---september-19-2017"},"1.8.0 - (September 19, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"170---september-12-2017"},"1.7.0 - (September 12, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"160---september-7-2017"},"1.6.0 - (September 7, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"150---september-5-2017"},"1.5.0 - (September 5, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update nightwatch tests and test scripts.")))),(0,d.mdx)("h2",{id:"140---august-31-2017"},"1.4.0 - (August 31, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Improved terra-i18n example in README.md")))),(0,d.mdx)("h2",{id:"130---august-8-2017"},"1.3.0 - (August 8, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"120---august-1-2017"},"1.2.0 - (August 1, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"110---july-18-2017"},"1.1.0 - (July 18, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated nightwatch test scripts"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed nightwatch.config file")))),(0,d.mdx)("h2",{id:"100---june-28-2017"},"1.0.0 - (June 28, 2017)"),(0,d.mdx)("p",null,"Initial stable release"))}p.isMDXComponent=!0;var x=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(n[l]=e[l]);return n}(e,a);if(Object.getOwnPropertySymbols){var m=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(n[l]=e[l])}return n}var N={},c="wrapper";function h(e){var a=e.components,l=s(e,x);return(0,d.mdx)(c,o({},N,l,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)(n.C,{mdxType:"Badge"}),(0,d.mdx)(p,{mdxType:"ChangeLog"}))}h.isMDXComponent=!0},35953:function(e,a,l){l.d(a,{C:function(){return m}});var d=l(67294),n=l(22863),m=function(e){var a=e.url;return d.createElement(n.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-i18n",name:"terra-i18n",version:"4.41.0",url:a})}},17422:function(e,a,l){l.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/1107-b9e05f34568f8295750d.css b/1107-b9e05f34568f8295750d.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/1107-b9e05f34568f8295750d.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/1107-b9e05f34568f8295750d.js b/1107-b9e05f34568f8295750d.js new file mode 100644 index 0000000000..1c6d08bad8 --- /dev/null +++ b/1107-b9e05f34568f8295750d.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[1107,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,a,n){var r=n(64836);a.Z=void 0;var t=r(n(67294)),d=r(n(45697)),l=r(n(47166)),m=r(n(17422)),i=l.default.bind(m.default),u={name:d.default.string.isRequired,src:d.default.string,url:d.default.string,version:d.default.string.isRequired},o=function(e){var a=e.src,n=e.name,r=e.url,d=e.version,l=t.default.createElement("a",{className:i("badge"),href:r||"https://www.npmjs.org/package/".concat(n,"/v/").concat(d)},t.default.createElement("span",{className:i("badge-name")},r?"package":"npm"),t.default.createElement("span",{className:i("badge-version")},"v".concat(d))),m=a?t.default.createElement("a",{className:i("badge"),href:a},t.default.createElement("span",{className:i("badge-name")},"github"),t.default.createElement("span",{className:i("badge-version")},"source")):void 0;return t.default.createElement("div",{className:i("badge-container")},l,m)};o.propTypes=u;var p=o;a.Z=p},1107:function(e,a,n){n.r(a),n.d(a,{default:function(){return f}});n(67294);var r=n(81254),t=n(7951),d=["components"];function l(){return l=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(t[n]=e[n]);return t}(e,a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(t[n]=e[n])}return t}var i={},u="wrapper";function o(e){var a=e.components,n=m(e,d);return(0,r.mdx)(u,l({},i,n,{components:a,mdxType:"MDXLayout"}),(0,r.mdx)("h1",{id:"changelog"},"Changelog"),(0,r.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,r.mdx)("h2",{id:"1140---november-13-2023"},"1.14.0 - (November 13, 2023)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,r.mdx)("h2",{id:"1130---december-7-2022"},"1.13.0 - (December 7, 2022)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,r.mdx)("h2",{id:"1120---november-2-2021"},"1.12.0 - (November 2, 2021)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Migrate docs to terra-core-docs.")))),(0,r.mdx)("h2",{id:"1110---september-21-2021"},"1.11.0 - (September 21, 2021)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Updated WDIO Screenshots due to webpack-config-terra sass upgrade.")))),(0,r.mdx)("h2",{id:"1100---april-6-2021"},"1.10.0 - (April 6, 2021)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Removed unnecessary ",(0,r.mdx)("inlineCode",{parentName:"li"},"wdio.conf.js")," file"),(0,r.mdx)("li",{parentName:"ul"},"Updated to terra-functional-testing"),(0,r.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,r.mdx)("h2",{id:"190---january-5-2021"},"1.9.0 - (January 5, 2021)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Fixed"),(0,r.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation.")),(0,r.mdx)("h2",{id:"180---december-8-2020"},"1.8.0 - (December 8, 2020)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,r.mdx)("h2",{id:"170---august-4-2020"},"1.7.0 - (August 4, 2020)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,r.mdx)("h2",{id:"160---july-29-2020"},"1.6.0 - (July 29, 2020)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Update changelog formatting")))),(0,r.mdx)("h2",{id:"150---june-9-2020"},"1.5.0 - (June 9, 2020)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config"),(0,r.mdx)("li",{parentName:"ul"},"Apply themes by context and directly include packaged themes.")))),(0,r.mdx)("h2",{id:"140---april-28-2020"},"1.4.0 - (April 28, 2020)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge'))),(0,r.mdx)("li",{parentName:"ul"},"Added",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,r.mdx)("h2",{id:"130---april-22-2020"},"1.3.0 - (April 22, 2020)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Added",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Added Section ",(0,r.mdx)("inlineCode",{parentName:"li"},"Peer Dependencies")," for docsite"),(0,r.mdx)("li",{parentName:"ul"},"Updated documentation links"),(0,r.mdx)("li",{parentName:"ul"},"Added Usage section")))),(0,r.mdx)("h2",{id:"120---february-18-2020"},"1.2.0 - (February 18, 2020)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Added",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Added generated-themes to .npmignore")))),(0,r.mdx)("h2",{id:"110---february-4-2020"},"1.1.0 - (February 4, 2020)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Update docs to use mdx syntax.")))),(0,r.mdx)("h2",{id:"100---january-17-2020"},"1.0.0 - (January 17, 2020)"),(0,r.mdx)("p",null,"Initial stable release"))}o.isMDXComponent=!0;var p=["components"];function c(){return c=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(t[n]=e[n]);return t}(e,a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(t[n]=e[n])}return t}var x={},g="wrapper";function f(e){var a=e.components,n=s(e,p);return(0,r.mdx)(g,c({},x,n,{components:a,mdxType:"MDXLayout"}),(0,r.mdx)(t.C,{mdxType:"Badge"}),(0,r.mdx)(o,{mdxType:"ChangeLog"}))}f.isMDXComponent=!0},7951:function(e,a,n){n.d(a,{C:function(){return d}});var r=n(67294),t=n(22863),d=function(e){var a=e.url;return r.createElement(t.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-cell-grid",name:"terra-cell-grid",version:"1.14.0",url:a})}},17422:function(e,a,n){n.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/11177-b1babd21ab412fc8e755.css b/11177-b1babd21ab412fc8e755.css new file mode 100644 index 0000000000..9745c3de0f --- /dev/null +++ b/11177-b1babd21ab412fc8e755.css @@ -0,0 +1,2 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} diff --git a/11177-b1babd21ab412fc8e755.js b/11177-b1babd21ab412fc8e755.js new file mode 100644 index 0000000000..1bd79104f0 --- /dev/null +++ b/11177-b1babd21ab412fc8e755.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[11177,45627,85565,3353,5161,45865,16835,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,t,n){var a=n(64836);t.Z=void 0;var l=a(n(67294)),o=a(n(45697)),r=a(n(47166)),i=a(n(17422)),c=r.default.bind(i.default),s={name:o.default.string.isRequired,src:o.default.string,url:o.default.string,version:o.default.string.isRequired},d=function(e){var t=e.src,n=e.name,a=e.url,o=e.version,r=l.default.createElement("a",{className:c("badge"),href:a||"https://www.npmjs.org/package/".concat(n,"/v/").concat(o)},l.default.createElement("span",{className:c("badge-name")},a?"package":"npm"),l.default.createElement("span",{className:c("badge-version")},"v".concat(o))),i=t?l.default.createElement("a",{className:c("badge"),href:t},l.default.createElement("span",{className:c("badge-name")},"github"),l.default.createElement("span",{className:c("badge-version")},"source")):void 0;return l.default.createElement("div",{className:c("badge-container")},r,i)};d.propTypes=s;var u=d;t.Z=u},49271:function(e,t,n){var a=n(64836),l=n(18698);t.Z=void 0;var o=a(n(27424)),r=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==l(e)&&"function"!=typeof e)return{default:e};var n=f(t);if(n&&n.has(e))return n.get(e);var a={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&Object.prototype.hasOwnProperty.call(e,r)){var i=o?Object.getOwnPropertyDescriptor(e,r):null;i&&(i.get||i.set)?Object.defineProperty(a,r,i):a[r]=e[r]}a.default=e,n&&n.set(e,a);return a}(n(67294)),i=a(n(45697)),c=a(n(47166)),s=n(21538),d=a(n(33864)),u=a(n(23399)),m=n(51051),p=a(n(53560));function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(f=function(e){return e?n:t})(e)}var _=c.default.bind(p.default),b={example:i.default.element,exampleSrc:i.default.element,exampleCssSrc:i.default.element,title:i.default.string,description:i.default.node,isExpanded:i.default.bool},y=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},v=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},g=function(e){var t=e.example,n=e.exampleSrc,a=e.exampleCssSrc,l=e.title,i=e.description,c=e.isExpanded,p=(0,r.useState)(c),f=(0,o.default)(p,2),b=f[0],g=f[1],E=(0,r.useState)(!1),h=(0,o.default)(E,2),N=h[0],C=h[1],x=r.default.useContext(s.ThemeContext),T=void 0!==a,w=function(){C(!N),b&&g(!b)},O=function(){g(!b),N&&C(!N)},P=function(e,t){e.nativeEvent.keyCode!==m.KEY_SPACE&&e.nativeEvent.keyCode!==m.KEY_RETURN||(e.preventDefault(),t())};return r.default.createElement("div",{className:_("template",x.className)},r.default.createElement("div",{className:_("header")},l&&r.default.createElement("h2",{className:_("title")},l)),r.default.createElement("div",{className:_("content")},i&&r.default.createElement("div",{className:_("description")},i),t),r.default.createElement("div",{className:_("footer")},n?r.default.createElement("div",{className:_("button-container")},T&&r.default.createElement("button",{type:"button",className:_("css-toggle","item",{"is-selected":N}),onClick:w,onKeyDown:function(e){return P(e,w)},onBlur:y,onMouseDown:v,tabIndex:0,"data-focus-styles-enabled":!0},r.default.createElement(d.default,{className:_("chevron")}),r.default.createElement("span",null,"CSS"),r.default.createElement(u.default,{className:_("chevron")})),r.default.createElement("button",{type:"button",className:_("code-toggle","item",{"is-selected":b}),onClick:O,onKeyDown:function(e){return P(e,O)},onBlur:y,onMouseDown:v,tabIndex:0,"data-focus-styles-enabled":!0},r.default.createElement(d.default,{className:_("chevron")}),r.default.createElement("span",null,"Code"),r.default.createElement(u.default,{className:_("chevron")}))):null,r.default.createElement("div",null,N&&r.default.createElement("div",{className:_("css")},a),b&&r.default.createElement("div",{className:_("code")},n))))};g.propTypes=b,g.defaultProps={isExpanded:!1};var E=g;t.Z=E},42873:function(e,t,n){var a=n(64836);t.Z=void 0;var l=a(n(67294)),o=a(n(7270)),r={cols:[{id:"Column-0",displayName:"Patient"},{id:"Column-1",displayName:"Location"},{id:"Column-2",displayName:"Illness Severity"},{id:"Column-3",displayName:"Visit"},{id:"Column-4",displayName:"Allergy"},{id:"Column-5",displayName:"Primary Contact"},{id:"Column-6",displayName:"Generic Order Counts"},{id:"Column-7",displayName:"Patient Age"},{id:"Column-8",displayName:"Medication History"},{id:"Column-9",displayName:"My Relationship"}],rows:[{id:"1",cells:[{content:"Fleck, Arthur"},{content:"1007-MTN"},{content:"Unstable"},{content:"Inpatient, 2 months"},{content:""},{content:"Quinzell, Harleen"},{content:""},{isMasked:!0},{isMasked:!0},{content:"Admitting Physician"}]},{id:"2",cells:[{content:"Wayne, Bruce"},{content:"1007-MTN-DR"},{content:"Stable"},{content:"Outpatient, 2 days"},{content:"Phytochemicals"},{content:"Grayson, Richard"},{content:""},{content:""},{isMasked:!0},{content:"Admitting Physician"}]}]};t.Z=function(){return l.default.createElement(o.default,{id:"my-table-id",pinnedColumns:r.cols.slice(0,2),overflowColumns:r.cols.slice(2),rows:r.rows,ariaLabel:"Table with pinned columns"})}},11177:function(e,t,n){n.r(t),n.d(t,{default:function(){return v}});var a=n(67294),l=n(81254),o=(n(20249),n(42873)),r=["components"];function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var s={};function d(e){var t=e.components,n=c(e,r);return(0,l.mdx)("wrapper",i({},s,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Table from 'terra-table';\n\nconst tableData = {\n cols: [\n { id: 'Column-0', displayName: 'Patient' },\n { id: 'Column-1', displayName: 'Location' },\n { id: 'Column-2', displayName: 'Illness Severity' },\n { id: 'Column-3', displayName: 'Visit' },\n { id: 'Column-4', displayName: 'Allergy' },\n { id: 'Column-5', displayName: 'Primary Contact' },\n { id: 'Column-6', displayName: 'Generic Order Counts' },\n { id: 'Column-7', displayName: 'Patient Age' },\n { id: 'Column-8', displayName: 'Medication History' },\n { id: 'Column-9', displayName: 'My Relationship' },\n ],\n rows: [\n {\n id: '1',\n cells: [\n { content: 'Fleck, Arthur' },\n { content: '1007-MTN' },\n { content: 'Unstable' },\n { content: 'Inpatient, 2 months' },\n { content: '' },\n { content: 'Quinzell, Harleen' },\n { content: '' },\n { isMasked: true },\n { isMasked: true },\n { content: 'Admitting Physician' },\n ],\n },\n {\n id: '2',\n cells: [\n { content: 'Wayne, Bruce' },\n { content: '1007-MTN-DR' },\n { content: 'Stable' },\n { content: 'Outpatient, 2 days' },\n { content: 'Phytochemicals' },\n { content: 'Grayson, Richard' },\n { content: '' },\n { content: '' },\n { isMasked: true },\n { content: 'Admitting Physician' },\n ],\n },\n ],\n};\n\nconst PinnedColumnsTable = () => (\n \n);\n\nexport default PinnedColumnsTable;\n\n")))}d.isMDXComponent=!0;var u=n(49271),m=function(e){var t=e.title,n=e.description,l=e.isExpanded;return a.createElement(u.Z,{title:t||"Pinned Columns Table",description:n,example:a.createElement(o.Z,null),exampleSrc:a.createElement(d,null),isExpanded:l})},p=["components"];function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var b={},y="wrapper";function v(e){var t=e.components,n=_(e,p);return(0,l.mdx)(y,f({},b,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)(m,{mdxType:"PinnedColumnsTable"}))}v.isMDXComponent=!0},20249:function(e,t,n){n.d(t,{C:function(){return o}});var a=n(67294),l=n(22863),o=function(e){var t=e.url;return a.createElement(l.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-table",name:"terra-table",version:"5.2.0",url:t})}},17422:function(e,t,n){n.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},53560:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}}}]); \ No newline at end of file diff --git a/11264-8736b6990bd4f8558c5f.css b/11264-8736b6990bd4f8558c5f.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/11264-8736b6990bd4f8558c5f.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/11290-c97f2480842ee9cab83e.css b/11290-c97f2480842ee9cab83e.css new file mode 100644 index 0000000000..23813d2c27 --- /dev/null +++ b/11290-c97f2480842ee9cab83e.css @@ -0,0 +1,7 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.Input-module__clinical-lowlight-theme___clY96{--terra-form-input-background-color: #222a2e;--terra-form-input-border: 1px solid #181b1d;--terra-form-input-border-radius: 3px;--terra-form-input-box-shadow: none;--terra-form-input-color: #b2b5b6;--terra-form-input-font-size: 1.14285714rem;--terra-form-input-height: 2.14285714rem;--terra-form-input-hover-border: 1px solid #181b1d;--terra-form-input-line-height: 1.25;--terra-form-input-padding-bottom: 0.28571rem;--terra-form-input-padding-left: 0.28571rem;--terra-form-input-padding-right: 0.28571rem;--terra-form-input-padding-top: 0.28571rem;--terra-form-input-transition-duration: 0s;--terra-form-input-transition-timing-function: ease;--terra-form-input-disabled-background-color: #1d2529;--terra-form-input-disabled-border: 1px solid #242b2b;--terra-form-input-disabled-color: #404344;--terra-form-input-disabled-opacity: 0.25;--terra-form-input-focus-background-color: #222a2e;--terra-form-input-focus-border: 1px solid #004c76;--terra-form-input-error-border: 1px solid #181b1d;--terra-form-input-error-disabled-background-color: #1d2529;--terra-form-input-error-disabled-border: 1px solid #242b2b;--terra-form-input-error-disabled-color: #404344;--terra-form-input-error-disabled-opacity: 0.25;--terra-form-input-error-focus-background-color: #222a2e;--terra-form-input-error-focus-border: 1px solid #004c76;--terra-form-input-error-hover-border: 1px solid #181b1d;--terra-form-input-background-image: none;--terra-form-input-background-size: auto;--terra-form-input-focus-background-size: auto;--terra-form-input-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-input-focus-color: #b2b5b6;--terra-form-input-focus-ltr-box-shadow: none;--terra-form-input-focus-rtl-box-shadow: none;--terra-form-input-hover-background-color: #222a2e;--terra-form-input-hover-color: #b2b5b6;--terra-form-input-error-background-color: #222a2e;--terra-form-input-error-background-image: none;--terra-form-input-error-box-shadow: 0 0 0 1px #fb4c4c;--terra-form-input-error-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-input-error-focus-background-size: auto;--terra-form-input-error-focus-ltr-box-shadow: 0 0 0 1px #004c76;--terra-form-input-error-focus-rtl-box-shadow: 0 0 0 1px #004c76;--terra-form-input-error-hover-background-color: #222a2e;--terra-form-input-incomplete-background-color: #464232;--terra-form-input-incomplete-hover-background-color: #464232;--terra-form-input-incomplete-disabled-background-color: #464232;--terra-form-input-incomplete-focus-background-color: #464232}.Input-module__orion-fusion-theme___phvH5{--terra-form-input-background-color: #fff;--terra-form-input-border: 1px solid #dedfe0;--terra-form-input-border-radius: 3px;--terra-form-input-box-shadow: none;--terra-form-input-color: #1c1f21;--terra-form-input-font-size: 1rem;--terra-form-input-height: 2.16667rem;--terra-form-input-line-height: 1.25;--terra-form-input-padding-bottom: 0.25rem;--terra-form-input-padding-left: 0.25rem;--terra-form-input-padding-right: 0.25rem;--terra-form-input-padding-top: 0.25rem;--terra-form-input-transition-duration: 0s;--terra-form-input-transition-timing-function: ease;--terra-form-input-background-image: none;--terra-form-input-background-size: auto;--terra-form-input-hover-background-color: #fff;--terra-form-input-hover-border: 1px solid #dedfe0;--terra-form-input-hover-color: #1c1f21;--terra-form-input-focus-background-color: #fff;--terra-form-input-focus-border: 1px solid #4cb2e9;--terra-form-input-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-focus-color: #1c1f21;--terra-form-input-focus-background-size: auto;--terra-form-input-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-disabled-background-color: #f4f4f4;--terra-form-input-disabled-border: 1px solid #b2b5b6;--terra-form-input-disabled-color: #9b9fa1;--terra-form-input-disabled-opacity: 1;--terra-form-input-error-background-image: none;--terra-form-input-error-background-color: #fff;--terra-form-input-error-border: 1px solid #dedfe0;--terra-form-input-error-box-shadow: none;--terra-form-input-error-hover-background-color: #fff;--terra-form-input-error-hover-border: 1px solid #dedfe0;--terra-form-input-error-focus-background-color: #fff;--terra-form-input-error-focus-border: 1px solid #dedfe0;--terra-form-input-error-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-focus-background-size: auto;--terra-form-input-error-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-disabled-background-color: #f4f4f4;--terra-form-input-error-disabled-border: 1px solid #b2b5b6;--terra-form-input-error-disabled-color: #9b9fa1;--terra-form-input-error-disabled-opacity: 1;--terra-form-input-incomplete-background-color: #fefd9a;--terra-form-input-incomplete-hover-background-color: #fefd9a;--terra-form-input-incomplete-focus-background-color: #fefd9a;--terra-form-input-incomplete-disabled-background-color: #f4f4f4}.Input-module__form-input___Fk8kb{color:#1c1f21;color:var(--terra-form-input-color, #1c1f21);font-family:inherit;font-size:1.142857rem;font-size:var(--terra-form-input-font-size, 1.142857rem);height:2.142857rem;height:var(--terra-form-input-height, 2.142857rem);line-height:1.25;line-height:var(--terra-form-input-line-height, 1.25);width:100%}[dir] .Input-module__form-input___Fk8kb{background-color:#fff;background-color:var(--terra-form-input-background-color, #fff);background-image:var(--terra-form-input-background-image);background-repeat:no-repeat;background-size:var(--terra-form-input-background-size);border:1px solid #dedfe0;border:var(--terra-form-input-border, 1px solid #dedfe0);border-radius:3px;border-radius:var(--terra-form-input-border-radius, 3px);box-shadow:var(--terra-form-input-box-shadow);padding-bottom:0.28571rem;padding-bottom:var(--terra-form-input-padding-bottom, 0.28571rem);padding-top:0.28571rem;padding-top:var(--terra-form-input-padding-top, 0.28571rem);transition-duration:0s;transition-duration:var(--terra-form-input-transition-duration, 0s);transition-property:background-size;transition-timing-function:ease;transition-timing-function:var(--terra-form-input-transition-timing-function, ease)}[dir=ltr] .Input-module__form-input___Fk8kb{background-position:0 100%;padding-left:0.28571rem;padding-left:var(--terra-form-input-padding-left, 0.28571rem);padding-right:0.28571rem;padding-right:var(--terra-form-input-padding-right, 0.28571rem)}[dir=rtl] .Input-module__form-input___Fk8kb{background-position:100% 100%;padding-right:0.28571rem;padding-right:var(--terra-form-input-padding-left, 0.28571rem);padding-left:0.28571rem;padding-left:var(--terra-form-input-padding-right, 0.28571rem)}.Input-module__form-input___Fk8kb:hover{color:var(--terra-form-input-hover-color)}[dir] .Input-module__form-input___Fk8kb:hover{background-color:#fff;background-color:var(--terra-form-input-hover-background-color, #fff);border:1px solid #dedfe0;border:var(--terra-form-input-hover-border, 1px solid #dedfe0)}[dir] .Input-module__form-input___Fk8kb[required]{box-shadow:none}.Input-module__form-input___Fk8kb[disabled]{color:#1c1f21;color:var(--terra-form-input-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-input-disabled-opacity, 0.25);pointer-events:none}[dir] .Input-module__form-input___Fk8kb[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-input-disabled-background-color, rgba(111, 116, 119, 0.2));border:1px solid #868a8c;border:var(--terra-form-input-disabled-border, 1px solid #868a8c);cursor:default}.Input-module__form-input___Fk8kb:focus{color:var(--terra-form-input-focus-color);outline:none}[dir] .Input-module__form-input___Fk8kb:focus{background-color:#fff;background-color:var(--terra-form-input-focus-background-color, #fff);background-size:var(--terra-form-input-focus-background-size);border:1px solid #4cb2e9;border:var(--terra-form-input-focus-border, 1px solid #4cb2e9);box-shadow:var(--terra-form-input-focus-box-shadow)}[dir=ltr] .Input-module__form-input___Fk8kb:focus{box-shadow:var(--terra-form-input-focus-ltr-box-shadow)}[dir=rtl] .Input-module__form-input___Fk8kb:focus{box-shadow:var(--terra-form-input-focus-rtl-box-shadow)}[dir] .Input-module__form-error___aU4hq{background-color:#fff;background-color:var(--terra-form-input-error-background-color, #fff);background-image:var(--terra-form-input-error-background-image);border:1px solid #e50000;border:var(--terra-form-input-error-border, 1px solid #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-error___aU4hq:hover{background-color:#fff;background-color:var(--terra-form-input-error-hover-background-color, #fff);border:1px solid #e50000;border:var(--terra-form-input-error-hover-border, 1px solid #e50000)}.Input-module__form-error___aU4hq[disabled]{color:#1c1f21;color:var(--terra-form-input-error-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-input-error-disabled-opacity, 0.25)}[dir] .Input-module__form-error___aU4hq[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-input-error-disabled-background-color, rgba(111, 116, 119, 0.2));border:1px solid #e50000;border:var(--terra-form-input-error-disabled-border, 1px solid #e50000)}[dir] .Input-module__form-error___aU4hq[required]{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-error___aU4hq:focus{background-color:#fff;background-color:var(--terra-form-input-error-focus-background-color, #fff);background-size:var(--terra-form-input-error-focus-background-size);border:1px solid #e50000;border:var(--terra-form-input-error-focus-border, 1px solid #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-box-shadow, 0 0 0 1px #e50000)}[dir=ltr] .Input-module__form-error___aU4hq:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-ltr-box-shadow, 0 0 0 1px #e50000)}[dir=rtl] .Input-module__form-error___aU4hq:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-rtl-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-incomplete___h4I7H{background-color:#ffc;background-color:var(--terra-form-input-incomplete-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H:hover{background-color:#ffc;background-color:var(--terra-form-input-incomplete-hover-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H[disabled]{background-color:#ffc;background-color:var(--terra-form-input-incomplete-disabled-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H:focus{background-color:#ffc;background-color:var(--terra-form-input-incomplete-focus-background-color, #ffc)} +.Fieldset-module__clinical-lowlight-theme___XMxG7{--terra-form-fieldset-required-legend-before-color: #fb4c4c;--terra-form-fieldset-legend-color: #b2b5b6;--terra-form-fieldset-legend-font-weight: bold;--terra-form-fieldset-help-text-color: #6f7477;--terra-form-fieldset-help-text-font-size: 0.857rem;--terra-form-fieldset-help-text-font-weight: normal}.Fieldset-module__orion-fusion-theme___rT15M{--terra-form-fieldset-required-legend-before-color: #e50000;--terra-form-fieldset-legend-color: #1c1f21;--terra-form-fieldset-legend-font-weight: bold;--terra-form-fieldset-help-text-color: #64696c;--terra-form-fieldset-help-text-font-size: 0.85rem;--terra-form-fieldset-help-text-font-weight: normal}[dir] .Fieldset-module__fieldset___J-xl3{border:0;margin-bottom:1.428em;padding:0}.Fieldset-module__fieldset-required___aTps3>.Fieldset-module__legend___aExR-:first-child::before{color:#e50000;color:var(--terra-form-fieldset-required-legend-before-color, #e50000);content:"*";display:inline-block}[dir=ltr] .Fieldset-module__fieldset-required___aTps3>.Fieldset-module__legend___aExR-:first-child::before{padding-right:.357em}[dir=rtl] .Fieldset-module__fieldset-required___aTps3>.Fieldset-module__legend___aExR-:first-child::before{padding-left:.357em}.Fieldset-module__legend___aExR-{color:var(--terra-form-fieldset-legend-color);display:block;font-weight:bold;font-weight:var(--terra-form-fieldset-legend-font-weight, bold);max-width:100%;width:auto}[dir] .Fieldset-module__legend___aExR-{border:0;margin-bottom:.357em;padding:0}.Fieldset-module__legend-visually-hidden___70GQh{clip:rect(0 0 0 0);height:1px;overflow:hidden;position:absolute;width:1px}[dir] .Fieldset-module__legend-visually-hidden___70GQh{border:0;margin:-1px;padding:0}.Fieldset-module__help-text___IuP4F{color:rgba(0, 0, 0, 0.8);color:var(--terra-form-fieldset-help-text-color, rgba(0, 0, 0, 0.8));display:block;font-size:0.857rem;font-size:var(--terra-form-fieldset-help-text-font-size, 0.857rem);font-weight:normal;font-weight:var(--terra-form-fieldset-help-text-font-weight, normal);line-height:1;outline:0}[dir] .Fieldset-module__help-text___IuP4F{margin-bottom:.357em}[dir] .Fieldset-module__fieldset-children___YkIkm{margin-top:.714em} +.FieldsetExamples-module__fieldset-wrapper___peaDn{display:inline-block} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} +.Table-module__clinical-lowlight-theme___PqYJ8{--terra-html-table-background-color: #383f42;--terra-html-table-border: 1px solid #585a5c;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: none;--terra-html-table-header-cell-color: #1c1f21;--terra-html-table-header-cell-font-size: 1rem;--terra-html-table-header-cell-font-weight: bold;--terra-html-table-header-cell-border-right: 1px solid #585a5c;--terra-html-table-first-header-cell-border-left: 1px solid #585a5c;--terra-html-table-last-header-cell-border-right: 1px solid #585a5c;--terra-html-table-header-background-color: #909496;--terra-html-table-header-box-shadow: 0 4px 4px -3.5px #1c1f21, inset 0 0 0 1px #585a5c;--terra-html-table-header-row-border-bottom: 1px solid #585a5c;--terra-html-table-header-row-border-top: 1px solid #585a5c;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #b2b5b6;--terra-html-table-cell-font-size: 1rem;--terra-html-table-first-cell-border-left: 1px solid #585a5c;--terra-html-table-last-cell-border-right: 1px solid #585a5c;--terra-html-table-header-cell-standard-padding-bottom: 0.5rem;--terra-html-table-header-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-top: 0.5rem;--terra-html-table-header-cell-compact-padding-bottom: 0.25rem;--terra-html-table-header-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-top: 0.25rem;--terra-html-table-cell-standard-padding-bottom: 0.5rem;--terra-html-table-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-cell-standard-padding-top: 0.5rem;--terra-html-table-cell-compact-padding-bottom: 0.25rem;--terra-html-table-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-cell-compact-padding-top: 0.25rem;--terra-html-table-row-border-top: 1px solid #585a5c;--terra-html-table-last-row-border-bottom: 1px solid #585a5c;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #2d3539}.Table-module__orion-fusion-theme___d9rxf{--terra-html-table-background-color: transparent;--terra-html-table-border: 0;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: transparent;--terra-html-table-header-cell-color: #64696c;--terra-html-table-header-cell-font-size: 0.857142857rem;--terra-html-table-header-cell-font-weight: normal;--terra-html-table-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-first-header-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-background-color: #f4f4f4;--terra-html-table-header-box-shadow: none;--terra-html-table-header-row-border-bottom: 2px solid #64696c;--terra-html-table-header-row-border-top: 1px solid #c8cacb;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #1c1f21;--terra-html-table-cell-font-size: 0.857142857rem;--terra-html-table-first-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-cell-standard-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-top: 0.428571429rem;--terra-html-table-header-cell-compact-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-top: 0.428571429rem;--terra-html-table-cell-standard-padding-bottom: 0.8571428571rem;--terra-html-table-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-cell-standard-padding-top: 0.8571428571rem;--terra-html-table-cell-compact-padding-bottom: 0.8571428571rem;--terra-html-table-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-cell-compact-padding-top: 0.8571428571rem;--terra-html-table-row-border-top: 0;--terra-html-table-last-row-border-bottom: 1px solid #c8cacb;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #f4f4f4}.Table-module__table___eg2Mi{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___eg2Mi{background-color:transparent;background-color:var(--terra-html-table-background-color, transparent);border:0;border:var(--terra-html-table-border, 0);border-radius:0;border-radius:var(--terra-html-table-border-radius, 0)}[dir] .Table-module__table___eg2Mi caption{padding-bottom:.5em}.Table-module__table___eg2Mi tr{display:table-row}[dir] .Table-module__table___eg2Mi tr{margin-bottom:0}.Table-module__table___eg2Mi td,.Table-module__table___eg2Mi th{color:#1c1f21;color:var(--terra-html-table-cell-color, #1c1f21);display:table-cell;font-size:1rem;font-size:var(--terra-html-table-cell-font-size, 1rem);font-weight:normal;vertical-align:top}[dir] .Table-module__table___eg2Mi td, [dir] .Table-module__table___eg2Mi th{border:0}[dir=ltr] .Table-module__table___eg2Mi td, [dir=ltr] .Table-module__table___eg2Mi th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___eg2Mi td, [dir=rtl] .Table-module__table___eg2Mi th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___eg2Mi td:first-child, [dir=ltr] .Table-module__table___eg2Mi th:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:first-child, [dir=rtl] .Table-module__table___eg2Mi th:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi td:last-child, [dir=ltr] .Table-module__table___eg2Mi th:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:last-child, [dir=rtl] .Table-module__table___eg2Mi th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___eg2Mi thead th, [dir] .Table-module__table___eg2Mi thead td{border:0}[dir=ltr] .Table-module__table___eg2Mi thead th, [dir=ltr] .Table-module__table___eg2Mi thead td{border-right:1px solid rgba(200, 202, 203, 0.5);border-right:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:left}[dir=rtl] .Table-module__table___eg2Mi thead th, [dir=rtl] .Table-module__table___eg2Mi thead td{border-left:1px solid rgba(200, 202, 203, 0.5);border-left:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:right}[dir=ltr] .Table-module__table___eg2Mi thead th:first-child, [dir=ltr] .Table-module__table___eg2Mi thead td:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:first-child, [dir=rtl] .Table-module__table___eg2Mi thead td:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi thead th:last-child, [dir=ltr] .Table-module__table___eg2Mi thead td:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:last-child, [dir=rtl] .Table-module__table___eg2Mi thead td:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead{display:table-header-group}[dir] .Table-module__table___eg2Mi thead{background-color:#f1f1f2;background-color:var(--terra-html-table-header-background-color, #f1f1f2);box-shadow:0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5);box-shadow:var(--terra-html-table-header-box-shadow, 0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5))}[dir] .Table-module__table___eg2Mi thead tr{border-bottom:1px solid #b9bbbc;border-bottom:var(--terra-html-table-header-row-border-bottom, 1px solid #b9bbbc);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-header-row-border-top, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{color:#1c1f21;color:var(--terra-html-table-header-cell-color, #1c1f21);font-size:1rem;font-size:var(--terra-html-table-header-cell-font-size, 1rem);font-weight:bold;font-weight:var(--terra-html-table-header-cell-font-weight, bold);vertical-align:bottom}[dir] .Table-module__table___eg2Mi tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___eg2Mi tbody tr{background-color:transparent;background-color:var(--terra-html-table-row-background-color, transparent);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-row-border-top, 1px solid #dedfe0)}[dir] .Table-module__table___eg2Mi tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___eg2Mi tbody tr:last-of-type{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-html-table-last-row-border-bottom, 1px solid #dedfe0)}[dir] .Table-module__padding-standard___BfbC- th{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-header-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-header-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z th{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-header-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-header-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__padding-standard___BfbC- td{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z td{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__striped___n8xJe tbody tr:nth-of-type(even){background-color:#f6f7f8;background-color:var(--terra-html-table-row-striped-background-color, #f6f7f8)}@media print{.Table-module__table___eg2Mi thead{display:table-header-group}.Table-module__table___eg2Mi tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} diff --git a/11290-c97f2480842ee9cab83e.js b/11290-c97f2480842ee9cab83e.js new file mode 100644 index 0000000000..a5be46961c --- /dev/null +++ b/11290-c97f2480842ee9cab83e.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[11290,45627,37344,33667,96890,79482,85565,3353,5161,80858,14041,45865,16835,85355,3193,4845,27444,17657,46647,16873,85161,66097,38681,15318,40411,18101,33315,38443,11264,34319,78996,39915,33442],{65178:function(e,t,n){function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}t.Z=void 0;var a=s(n(67294)),l=s(n(47717)),i=s(n(55142)),d=s(n(96388)),o=s(n(47166)),m=s(n(70695));function s(e){return e&&e.__esModule?e:{default:e}}function u(e,t){for(var n=0;n=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var s={};function u(e){var t=e.components,n=m(e,d);return(0,a.mdx)("wrapper",o({},s,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport Field from \'terra-form-field\';\nimport Input from \'terra-form-input\';\nimport Fieldset from \'terra-form-fieldset\';\nimport classNames from \'classnames/bind\';\nimport styles from \'./FieldsetExamples.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nclass FieldsetExamples extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n first: \'\',\n middle: \'\',\n last: \'\',\n };\n this.handleFirstChange = this.handleFirstChange.bind(this);\n this.handleMiddleChange = this.handleMiddleChange.bind(this);\n this.handleLastChange = this.handleLastChange.bind(this);\n }\n\n handleFirstChange(event) {\n this.setState({ first: event.target.value });\n }\n\n handleMiddleChange(event) {\n this.setState({ middle: event.target.value });\n }\n\n handleLastChange(event) {\n this.setState({ last: event.target.value });\n }\n\n render() {\n return (\n
\n \n \n \n \n \n \n \n \n \n \n \n
\n

\n Full Name Provided:\n \n {this.state.first}\n {\' \'}\n {this.state.middle}\n {\' \'}\n {this.state.last}\n \n

\n
\n
\n );\n }\n}\nexport default FieldsetExamples;\n\n')))}u.isMDXComponent=!0;var p=n(49271),c=["components"];function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var h={};function y(e){var t=e.components,n=x(e,c);return(0,a.mdx)("wrapper",f({},h,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-scss"},":local { \n .fieldset-wrapper {\n display: inline-block;\n }\n}\n\n")))}y.isMDXComponent=!0;var g=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(p.Z,{title:t||"Fieldset Examples",description:n,example:r.createElement(i.Z,null),exampleCssSrc:r.createElement(y,null),exampleSrc:r.createElement(u,null),isExpanded:a})},b=n(78530),v=["components"];function _(){return _=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var C={},O="wrapper";function E(e){var t=e.components,n=N(e,v);return(0,a.mdx)(O,_({},C,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(b.ZP,{mdxType:"PropsTable"},(0,a.mdx)(b.X2,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(b.O,{mdxType:"PropNameCell"},"children"),(0,a.mdx)(b.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,a.mdx)(b.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(b.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(b.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Children the Field contains."))),(0,a.mdx)(b.X2,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(b.O,{mdxType:"PropNameCell"},"help"),(0,a.mdx)(b.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,a.mdx)(b.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(b.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(b.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Help element to display with other elements."))),(0,a.mdx)(b.X2,{key:"ROW3",mdxType:"Row"},(0,a.mdx)(b.O,{mdxType:"PropNameCell"},"legend"),(0,a.mdx)(b.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(b.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(b.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(b.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Legend for the input group."))),(0,a.mdx)(b.X2,{key:"ROW4",mdxType:"Row"},(0,a.mdx)(b.O,{mdxType:"PropNameCell"},"legendAttrs"),(0,a.mdx)(b.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,a.mdx)(b.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(b.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"{}\n"))),(0,a.mdx)(b.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Attributes to attach to the legend."))),(0,a.mdx)(b.X2,{key:"ROW5",mdxType:"Row"},(0,a.mdx)(b.O,{mdxType:"PropNameCell"},"required"),(0,a.mdx)(b.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(b.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(b.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(b.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Determines whether the fieldset is required."))),(0,a.mdx)(b.X2,{key:"ROW6",mdxType:"Row"},(0,a.mdx)(b.O,{mdxType:"PropNameCell"},"isLegendHidden"),(0,a.mdx)(b.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(b.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(b.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(b.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether or not the legend is visible. Use this prop to hide a legend while still creating it on the DOM for accessibility.")))))}E.isMDXComponent=!0;var T=["components"];function w(){return w=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var S={},F="wrapper";function P(e){var t=e.components,n=j(e,T);return(0,a.mdx)(F,w({},S,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(l.C,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"terra-form-fieldset"},"Terra Form Fieldset"),(0,a.mdx)("p",null,"Generic form fieldset component which handles the layout of a standard form fieldset including help text, legend, value and widget placement."),(0,a.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Install with ",(0,a.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("inlineCode",{parentName:"li"},"npm install terra-form-fieldset"))))),(0,a.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,a.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,a.mdx)("table",null,(0,a.mdx)("thead",{parentName:"table"},(0,a.mdx)("tr",{parentName:"thead"},(0,a.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,a.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,a.mdx)("tbody",{parentName:"table"},(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"react"),(0,a.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,a.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"react-intl"),(0,a.mdx)("td",{parentName:"tr",align:null},"^2.8.0")))),(0,a.mdx)("h2",{id:"usage"},"Usage"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import Fieldset from 'terra-form-fieldset/lib/Fieldset';\n")),(0,a.mdx)("h2",{id:"component-features"},"Component Features"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Internationalization Support")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Localization Support")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#ltr--rtl"},"LTR/RTL Support"))),(0,a.mdx)("h2",{id:"examples"},"Examples"),(0,a.mdx)(g,{mdxType:"FieldsetExamples"}),(0,a.mdx)("h2",{id:"form-fieldset-props"},"Form Fieldset Props"),(0,a.mdx)(E,{mdxType:"FormFieldsetPropsTable"}),(0,a.mdx)("h2",{id:"testing"},"Testing"),(0,a.mdx)("p",null,"Terra Form Fieldset uses ",(0,a.mdx)("inlineCode",{parentName:"p"},"uuid")," which changes the component's description id dynamically. To mock the return value with the Jest testing library, ",(0,a.mdx)("inlineCode",{parentName:"p"},"jest.spyOn")," can be used."),(0,a.mdx)("p",null,"If Enzyme ",(0,a.mdx)("inlineCode",{parentName:"p"},"shallow")," is being used for the tests then the mock may not be required depending on the depth of the returned wrapper. However, if ",(0,a.mdx)("inlineCode",{parentName:"p"},"mount")," is used then ",(0,a.mdx)("inlineCode",{parentName:"p"},"uuid")," should be mocked as shown below:"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"import { v4 as uuidv4 } from 'uuid';\n\nlet mockSpyUuid;\n\n// using a variable may result in failures. For best results, mock return value.\nbeforeAll(() => {\n mockSpyUuid = jest.spyOn(uuidv4, 'v4').mockReturnValue('00000000-0000-0000-0000-000000000000');\n});\n\n// restore the mock\nafterAll(() => {\n mockSpyUuid.mockRestore();\n});\n\n")))}P.isMDXComponent=!0},53560:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},33864:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=l(n(67294)),a=l(n(99139));function l(e){return e&&e.__esModule?e:{default:e}}function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var m={},s="wrapper";function o(e){var a=e.components,n=i(e,d);return(0,t.mdx)(s,l({},m,n,{components:a,mdxType:"MDXLayout"}),(0,t.mdx)(r.C,{mdxType:"Badge"}),(0,t.mdx)("h1",{id:"package-json-lint-rules"},"Package JSON Lint Rules"),(0,t.mdx)("table",null,(0,t.mdx)("thead",{parentName:"table"},(0,t.mdx)("tr",{parentName:"thead"},(0,t.mdx)("th",{parentName:"tr",align:null},"Rule Name"),(0,t.mdx)("th",{parentName:"tr",align:null},"Severity Type"),(0,t.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,t.mdx)("tbody",{parentName:"table"},(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},(0,t.mdx)("strong",{parentName:"td"},"require-dependencies-declared-at-appropriate-level")),(0,t.mdx)("td",{parentName:"tr",align:null},"warn"),(0,t.mdx)("td",{parentName:"tr",align:null},"Notifies when there are dependencies declared at an inappropriate level. For example babel compilers and webpack should be devDependencies and not regular dependencies. Doesn't apply for devModule.")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},(0,t.mdx)("strong",{parentName:"td"},"require-no-hard-coded-dependency-versions")),(0,t.mdx)("td",{parentName:"tr",align:null},"error"),(0,t.mdx)("td",{parentName:"tr",align:null},"Prevents hard-coded dependencies from being specified in the package.json. Only applies for module and devModule.")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},(0,t.mdx)("strong",{parentName:"td"},"require-no-terra-base-peer-dependency-versions")),(0,t.mdx)("td",{parentName:"tr",align:null},"warn"),(0,t.mdx)("td",{parentName:"tr",align:null},"Notifies when using terra packages that require terra-base as a peerDependency.")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},(0,t.mdx)("strong",{parentName:"td"},"require-theme-context-versions")),(0,t.mdx)("td",{parentName:"tr",align:null},"warn"),(0,t.mdx)("td",{parentName:"tr",align:null},"Notifies when using terra packages that don't use terra-theme-context as a dependency.")))))}o.isMDXComponent=!0},77292:function(e,a,n){n.d(a,{C:function(){return d}});var t=n(67294),r=n(22863),d=function(e){var a=e.url;return t.createElement(r.Z,{src:"https://github.com/cerner/terra-toolk/tree/main/packages/package-json-lint",name:"@cerner/package-json-lint",version:"2.2.0",url:a})}},17422:function(e,a,n){n.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/12946-1a4f6f5d4d2a5a0c47ab.css b/12946-1a4f6f5d4d2a5a0c47ab.css new file mode 100644 index 0000000000..9745c3de0f --- /dev/null +++ b/12946-1a4f6f5d4d2a5a0c47ab.css @@ -0,0 +1,2 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} diff --git a/12946-1a4f6f5d4d2a5a0c47ab.js b/12946-1a4f6f5d4d2a5a0c47ab.js new file mode 100644 index 0000000000..f114ee8ca7 --- /dev/null +++ b/12946-1a4f6f5d4d2a5a0c47ab.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[12946,45627,85565,3353,5161,45865,16835,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,t,n){var a=n(64836);t.Z=void 0;var l=a(n(67294)),r=a(n(45697)),o=a(n(47166)),i=a(n(17422)),c=o.default.bind(i.default),s={name:r.default.string.isRequired,src:r.default.string,url:r.default.string,version:r.default.string.isRequired},d=function(e){var t=e.src,n=e.name,a=e.url,r=e.version,o=l.default.createElement("a",{className:c("badge"),href:a||"https://www.npmjs.org/package/".concat(n,"/v/").concat(r)},l.default.createElement("span",{className:c("badge-name")},a?"package":"npm"),l.default.createElement("span",{className:c("badge-version")},"v".concat(r))),i=t?l.default.createElement("a",{className:c("badge"),href:t},l.default.createElement("span",{className:c("badge-name")},"github"),l.default.createElement("span",{className:c("badge-version")},"source")):void 0;return l.default.createElement("div",{className:c("badge-container")},o,i)};d.propTypes=s;var u=d;t.Z=u},49271:function(e,t,n){var a=n(64836),l=n(18698);t.Z=void 0;var r=a(n(27424)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==l(e)&&"function"!=typeof e)return{default:e};var n=f(t);if(n&&n.has(e))return n.get(e);var a={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var i=r?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(a,o,i):a[o]=e[o]}a.default=e,n&&n.set(e,a);return a}(n(67294)),i=a(n(45697)),c=a(n(47166)),s=n(21538),d=a(n(33864)),u=a(n(23399)),m=n(51051),p=a(n(53560));function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(f=function(e){return e?n:t})(e)}var _=c.default.bind(p.default),b={example:i.default.element,exampleSrc:i.default.element,exampleCssSrc:i.default.element,title:i.default.string,description:i.default.node,isExpanded:i.default.bool},y=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},v=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},g=function(e){var t=e.example,n=e.exampleSrc,a=e.exampleCssSrc,l=e.title,i=e.description,c=e.isExpanded,p=(0,o.useState)(c),f=(0,r.default)(p,2),b=f[0],g=f[1],E=(0,o.useState)(!1),h=(0,r.default)(E,2),N=h[0],x=h[1],C=o.default.useContext(s.ThemeContext),T=void 0!==a,O=function(){x(!N),b&&g(!b)},w=function(){g(!b),N&&x(!N)},k=function(e,t){e.nativeEvent.keyCode!==m.KEY_SPACE&&e.nativeEvent.keyCode!==m.KEY_RETURN||(e.preventDefault(),t())};return o.default.createElement("div",{className:_("template",C.className)},o.default.createElement("div",{className:_("header")},l&&o.default.createElement("h2",{className:_("title")},l)),o.default.createElement("div",{className:_("content")},i&&o.default.createElement("div",{className:_("description")},i),t),o.default.createElement("div",{className:_("footer")},n?o.default.createElement("div",{className:_("button-container")},T&&o.default.createElement("button",{type:"button",className:_("css-toggle","item",{"is-selected":N}),onClick:O,onKeyDown:function(e){return k(e,O)},onBlur:y,onMouseDown:v,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(d.default,{className:_("chevron")}),o.default.createElement("span",null,"CSS"),o.default.createElement(u.default,{className:_("chevron")})),o.default.createElement("button",{type:"button",className:_("code-toggle","item",{"is-selected":b}),onClick:w,onKeyDown:function(e){return k(e,w)},onBlur:y,onMouseDown:v,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(d.default,{className:_("chevron")}),o.default.createElement("span",null,"Code"),o.default.createElement(u.default,{className:_("chevron")}))):null,o.default.createElement("div",null,N&&o.default.createElement("div",{className:_("css")},a),b&&o.default.createElement("div",{className:_("code")},n))))};g.propTypes=b,g.defaultProps={isExpanded:!1};var E=g;t.Z=E},53723:function(e,t,n){var a=n(64836);t.Z=void 0;var l=a(n(67294)),r=a(n(7270)),o={cols:[{id:"Column-0",displayName:"Patient"},{id:"Column-1",displayName:"Location"},{id:"Column-2",displayName:"Illness Severity"},{id:"Column-3",displayName:"Visit"},{id:"Column-4",displayName:"Allergy"},{id:"Column-5",displayName:"Primary Contact"},{id:"Column-6",displayName:"Generic Order Counts"},{id:"Column-7",displayName:"Patient Age"},{id:"Column-8",displayName:"Medication History"},{id:"Column-9",displayName:"My Relationship"}],rows:[{id:"1",cells:[{content:"Fleck, Arthur"},{content:"1007-MTN"},{content:"Unstable"},{content:"Inpatient, 2 months"},{content:""},{content:"Quinzell, Harleen"},{content:""},{isMasked:!0,maskedLabel:"Age Hidden"},{isMasked:!0},{content:"Admitting Physician"}]},{id:"2",cells:[{content:"Wayne, Bruce"},{content:"1007-MTN-DR"},{content:"Stable"},{content:"Outpatient, 2 days"},{content:"Phytochemicals"},{content:"Grayson, Richard"},{content:""},{content:""},{isMasked:!0},{content:"Admitting Physician"}]}]};t.Z=function(){return l.default.createElement(r.default,{id:"my-table-id",overflowColumns:o.cols,rows:o.rows,ariaLabel:"Table"})}},12946:function(e,t,n){n.r(t),n.d(t,{default:function(){return d}});n(67294);var a=n(81254),l=(n(20249),n(69844)),r=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var c={},s="wrapper";function d(e){var t=e.components,n=i(e,r);return(0,a.mdx)(s,o({},c,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(l.Z,{mdxType:"DefaultTable"}))}d.isMDXComponent=!0},69844:function(e,t,n){n.d(t,{Z:function(){return m}});var a=n(67294),l=n(53723),r=n(81254),o=["components"];function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var s={};function d(e){var t=e.components,n=c(e,o);return(0,r.mdx)("wrapper",i({},s,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Table from 'terra-table';\n\nconst tableData = {\n cols: [\n { id: 'Column-0', displayName: 'Patient' },\n { id: 'Column-1', displayName: 'Location' },\n { id: 'Column-2', displayName: 'Illness Severity' },\n { id: 'Column-3', displayName: 'Visit' },\n { id: 'Column-4', displayName: 'Allergy' },\n { id: 'Column-5', displayName: 'Primary Contact' },\n { id: 'Column-6', displayName: 'Generic Order Counts' },\n { id: 'Column-7', displayName: 'Patient Age' },\n { id: 'Column-8', displayName: 'Medication History' },\n { id: 'Column-9', displayName: 'My Relationship' },\n ],\n rows: [\n {\n id: '1',\n cells: [\n { content: 'Fleck, Arthur' },\n { content: '1007-MTN' },\n { content: 'Unstable' },\n { content: 'Inpatient, 2 months' },\n { content: '' },\n { content: 'Quinzell, Harleen' },\n { content: '' },\n { isMasked: true, maskedLabel: 'Age Hidden' },\n { isMasked: true },\n { content: 'Admitting Physician' },\n ],\n },\n {\n id: '2',\n cells: [\n { content: 'Wayne, Bruce' },\n { content: '1007-MTN-DR' },\n { content: 'Stable' },\n { content: 'Outpatient, 2 days' },\n { content: 'Phytochemicals' },\n { content: 'Grayson, Richard' },\n { content: '' },\n { content: '' },\n { isMasked: true },\n { content: 'Admitting Physician' },\n ],\n },\n ],\n};\n\nconst DefaultTable = () => (\n \n);\n\nexport default DefaultTable;\n\n")))}d.isMDXComponent=!0;var u=n(49271),m=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(u.Z,{title:t||"Default Table",description:n,example:a.createElement(l.Z,null),exampleSrc:a.createElement(d,null),isExpanded:r})}},20249:function(e,t,n){n.d(t,{C:function(){return r}});var a=n(67294),l=n(22863),r=function(e){var t=e.url;return a.createElement(l.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-table",name:"terra-table",version:"5.2.0",url:t})}},17422:function(e,t,n){n.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},53560:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}}}]); \ No newline at end of file diff --git a/12953-f208c666016a4a62d5f2.css b/12953-f208c666016a4a62d5f2.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/12953-f208c666016a4a62d5f2.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/12953-f208c666016a4a62d5f2.js b/12953-f208c666016a4a62d5f2.js new file mode 100644 index 0000000000..0ec6f561fe --- /dev/null +++ b/12953-f208c666016a4a62d5f2.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[12953,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,a,n){var r=n(64836);a.Z=void 0;var t=r(n(67294)),i=r(n(45697)),o=r(n(47166)),d=r(n(17422)),c=o.default.bind(d.default),s={name:i.default.string.isRequired,src:i.default.string,url:i.default.string,version:i.default.string.isRequired},l=function(e){var a=e.src,n=e.name,r=e.url,i=e.version,o=t.default.createElement("a",{className:c("badge"),href:r||"https://www.npmjs.org/package/".concat(n,"/v/").concat(i)},t.default.createElement("span",{className:c("badge-name")},r?"package":"npm"),t.default.createElement("span",{className:c("badge-version")},"v".concat(i))),d=a?t.default.createElement("a",{className:c("badge"),href:a},t.default.createElement("span",{className:c("badge-name")},"github"),t.default.createElement("span",{className:c("badge-version")},"source")):void 0;return t.default.createElement("div",{className:c("badge-container")},o,d)};l.propTypes=s;var p=l;a.Z=p},12953:function(e,a,n){n.r(a),n.d(a,{default:function(){return l}});n(67294);var r=n(81254),t=n(93626),i=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(t[n]=e[n]);return t}(e,a);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(t[n]=e[n])}return t}var c={},s="wrapper";function l(e){var a=e.components,n=d(e,i);return(0,r.mdx)(s,o({},c,n,{components:a,mdxType:"MDXLayout"}),(0,r.mdx)(t.C,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"webpack-config-terra-upgrade-guide"},"webpack-config-terra Upgrade Guide"),(0,r.mdx)("h2",{id:"changes-from-cernerwebpack-config-terra-2-to-cernerwebpack-config-terra-3"},"Changes from @cerner/webpack-config-terra 2 to @cerner/webpack-config-terra 3"),(0,r.mdx)("h3",{id:"updated-webpack-dev-server-from-version-3-to-verison-4"},"Updated Webpack-Dev-Server from version 3 to verison 4"),(0,r.mdx)("p",null,"Webpack-dev-server has been updated to the latest version 4.x. This update will fix hot reloading issue on development mode which stopped working after upgrading Webpack to verison 5."),(0,r.mdx)("h3",{id:"breaking-changes"},"Breaking Changes"),(0,r.mdx)("p",null,"Webpack-dev-server v3 will not work with webpack-config-terra v3. The webpack-dev-server has replaced the configuration options ( listed below ) in v4, These changes will cause webpack-dev-server v3 configurations to fail with webpack-config-terra v3."),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"inline")," has been removed without replacement in webpack-dev-server v4."),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"stats"),", ",(0,r.mdx)("inlineCode",{parentName:"li"},"index")," and ",(0,r.mdx)("inlineCode",{parentName:"li"},"publicPath")," has been moved to ",(0,r.mdx)("inlineCode",{parentName:"li"},"devMiddleware")," option.")),(0,r.mdx)("p",null,"Updating webpack-config-terra to v3 would require consuming projects to update webpack-dev-server to v4 in their local dependencies."),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-diff"},' "devDependencies": {\n- "webpack-dev-server": "^3.x.x"\n+ "webpack-dev-server": "^4.7.2"\n }\n')))}l.isMDXComponent=!0},93626:function(e,a,n){n.d(a,{C:function(){return i}});var r=n(67294),t=n(22863),i=function(e){var a=e.url;return r.createElement(t.Z,{src:"https://github.com/cerner/terra-toolk/tree/main/packages/webpack-config-terra",name:"@cerner/webpack-config-terra",version:"3.3.0",url:a})}},17422:function(e,a,n){n.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/13011-9c6a5435dd62dd3cef49.css b/13011-9c6a5435dd62dd3cef49.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/13011-9c6a5435dd62dd3cef49.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/13011-9c6a5435dd62dd3cef49.js b/13011-9c6a5435dd62dd3cef49.js new file mode 100644 index 0000000000..d007193735 --- /dev/null +++ b/13011-9c6a5435dd62dd3cef49.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[13011,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,a,l){var d=l(64836);a.Z=void 0;var m=d(l(67294)),n=d(l(45697)),r=d(l(47166)),t=d(l(17422)),u=r.default.bind(t.default),i={name:n.default.string.isRequired,src:n.default.string,url:n.default.string,version:n.default.string.isRequired},p=function(e){var a=e.src,l=e.name,d=e.url,n=e.version,r=m.default.createElement("a",{className:u("badge"),href:d||"https://www.npmjs.org/package/".concat(l,"/v/").concat(n)},m.default.createElement("span",{className:u("badge-name")},d?"package":"npm"),m.default.createElement("span",{className:u("badge-version")},"v".concat(n))),t=a?m.default.createElement("a",{className:u("badge"),href:a},m.default.createElement("span",{className:u("badge-name")},"github"),m.default.createElement("span",{className:u("badge-version")},"source")):void 0;return m.default.createElement("div",{className:u("badge-container")},r,t)};p.propTypes=i;var x=p;a.Z=x},13011:function(e,a,l){l.r(a),l.d(a,{default:function(){return h}});l(67294);var d=l(81254),m=l(65814),n=["components"];function r(){return r=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(m[l]=e[l]);return m}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(m[l]=e[l])}return m}var u={},i="wrapper";function p(e){var a=e.components,l=t(e,n);return(0,d.mdx)(i,r({},u,l,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)("h1",{id:"changelog"},"Changelog"),(0,d.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,d.mdx)("h2",{id:"5390---july-31-2023"},"5.39.0 - (July 31, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"5380---july-19-2023"},"5.38.0 - (July 19, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"5370---february-14-2023"},"5.37.0 - (February 14, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated WDIO screenshots due to webpack-config-terra and\nterra-functional-testing upgrade.")))),(0,d.mdx)("h2",{id:"5360---march-15-2022"},"5.36.0 - (March 15, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Migrate docs terra-framework-docs")))),(0,d.mdx)("h2",{id:"5350---september-20-2021"},"5.35.0 - (September 20, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated WDIO screenshots due to webpack-config-terra sass upgrade."),(0,d.mdx)("li",{parentName:"ul"},"Updated WDIO snapshots due to terra-functional-testing v2 upgrade.")))),(0,d.mdx)("h2",{id:"5340---july-21-2021"},"5.34.0 - (July 21, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated ",(0,d.mdx)("inlineCode",{parentName:"li"},"terra-icon")," from ",(0,d.mdx)("inlineCode",{parentName:"li"},"v3.1.0")," to ",(0,d.mdx)("inlineCode",{parentName:"li"},"v3.19.0"),".")))),(0,d.mdx)("h2",{id:"5331---june-8-2021"},"5.33.1 - (June 8, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"5330---april-6-2021"},"5.33.0 - (April 6, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,d.mdx)("h2",{id:"5320---march-9-2021"},"5.32.0 - (March 9, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated to terra-functional-testing")))),(0,d.mdx)("h2",{id:"5310---february-2-2021"},"5.31.0 - (February 2, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"5300---january-5-2021"},"5.30.0 - (January 5, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"5290---december-8-2020"},"5.29.0 - (December 8, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,d.mdx)("h2",{id:"5280---november-10-2020"},"5.28.0 - (November 10, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"5270---october-13-2020"},"5.27.0 - (October 13, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed terra-markdown and terra-toggle dependency.")))),(0,d.mdx)("h2",{id:"5260---august-4-2020"},"5.26.0 - (August 4, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated Changelog format")))),(0,d.mdx)("h2",{id:"5250---july-14-2020"},"5.25.0 - (July 14, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Remove unused disable eslint directives")))),(0,d.mdx)("h2",{id:"5240---june-2-2020"},"5.24.0 - (June 2, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"5230---april-28-2020"},"5.23.0 - (April 28, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"directory")," as a sub attribute to the ",(0,d.mdx)("inlineCode",{parentName:"li"},"repository")," attribute in package.json"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge')))),(0,d.mdx)("h2",{id:"5220---march-31-2020"},"5.22.0 - (March 31, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,d.mdx)("h2",{id:"5210---march-3-2020"},"5.21.0 - (March 3, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update docs to use MDX syntax.")))),(0,d.mdx)("h2",{id:"5200---february-18-2020"},"5.20.0 - (February 18, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added generated-themes to .npmignore")))),(0,d.mdx)("h2",{id:"5190---january-28-2020"},"5.19.0 - (January 28, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update copyright to include 2020")))),(0,d.mdx)("h2",{id:"5180---january-7-2020"},"5.18.0 - (January 7, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"5170---december-10-2019"},"5.17.0 - (December 10, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},'Added reference wdio screenshots for "orion-fusion-theme".')))),(0,d.mdx)("h2",{id:"5160---november-7-2019"},"5.16.0 - (November 7, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Resolved lint warnings for multiple empty lines")))),(0,d.mdx)("h2",{id:"5150---october-16-2019"},"5.15.0 - (October 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"5140---october-3-2019"},"5.14.0 - (October 3, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"5130---september-26-2019"},"5.13.0 - (September 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"5120---september-19-2019"},"5.12.0 - (September 19, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site."),(0,d.mdx)("li",{parentName:"ul"},"Doc site example module import syntax modified to use package.json name resolution")))),(0,d.mdx)("h2",{id:"5110---september-6-2019"},"5.11.0 - (September 6, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files")))),(0,d.mdx)("h2",{id:"5100---august-21-2019"},"5.10.0 - (August 21, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Replaced Object.assign syntax with Object spread syntax")))),(0,d.mdx)("h2",{id:"590---august-14-2019"},"5.9.0 - (August 14, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"updated package.json test scripts")))),(0,d.mdx)("h2",{id:"580---july-30-2019"},"5.8.0 - (July 30, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Removed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed DEPENDENCIES.md file")))),(0,d.mdx)("h2",{id:"570---july-16-2019"},"5.7.0 - (July 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies")))),(0,d.mdx)("h2",{id:"560---july-10-2019"},"5.6.0 - (July 10, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"550---july-2-2019"},"5.5.0 - (July 2, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed all inline styles from Dev-site components and implemented the same styles using external css."),(0,d.mdx)("li",{parentName:"ul"},"Renamed test and example SCSS files to end with ",(0,d.mdx)("inlineCode",{parentName:"li"},".module.scss")," extension")))),(0,d.mdx)("h2",{id:"540---june-19-2019"},"5.4.0 - (June 19, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"530---june-12-2019"},"5.3.0 - (June 12, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update tests for terra-toolkit v5 and terra-dev-site v5 changes"),(0,d.mdx)("li",{parentName:"ul"},"Update wdio spec to use Terra.describeViewports")))),(0,d.mdx)("h2",{id:"520---may-21-2019"},"5.2.0 - (May 21, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added hard-coded breakpoint values to NavigationLayout.jsx"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed dependency on terra-responsive-element")))),(0,d.mdx)("h2",{id:"510---may-15-2019"},"5.1.0 - (May 15, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,d.mdx)("h2",{id:"500---may-13-2019"},"5.0.0 - (May 13, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Breaking Change",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update react-router-dom peerDependency to latest stable major release")))),(0,d.mdx)("h2",{id:"450---april-24-2019"},"4.5.0 - (April 24, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Moved packages we use solely in doc examples and tests to devDependencies")))),(0,d.mdx)("h2",{id:"440---april-2-2019"},"4.4.0 - (April 2, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,d.mdx)("h2",{id:"430---march-26-2019"},"4.3.0 - (March 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,d.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,d.mdx)("h2",{id:"420---february-13-2019"},"4.2.0 - (February 13, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,d.mdx)("h2",{id:"410---february-5-2019"},"4.1.0 - (February 5, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,d.mdx)("h2",{id:"400---january-25-2019"},"4.0.0 - (January 25, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Breaking Change"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated terra-core dependencies"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Remove the use of componentWillReceiveProps")))),(0,d.mdx)("h2",{id:"330---january-5-2019"},"3.3.0 - (January 5, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,d.mdx)("h2",{id:"320---january-2-2019"},"3.2.0 - (January 2, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated readme so headings have logical nesting.")))),(0,d.mdx)("h2",{id:"310---december-5-2018"},"3.1.0 - (December 5, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,d.mdx)("h2",{id:"300---december-3-2018"},"3.0.0 - (December 3, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Breaking Change"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed instances of the NavigationLayout and related components injecting an ",(0,d.mdx)("inlineCode",{parentName:"li"},"app")," prop into child components."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed dependency on terra-app-delegate package.")))),(0,d.mdx)("h2",{id:"2220---november-15-2018"},"2.22.0 - (November 15, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,d.mdx)("h2",{id:"2210---october-16-2018"},"2.21.0 - (October 16, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,d.mdx)("h2",{id:"2200---october-8-2018"},"2.20.0 - (October 8, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated links in docs on supported features")))),(0,d.mdx)("h2",{id:"2190---september-25-2018"},"2.19.0 - (September 25, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency bump")))),(0,d.mdx)("h2",{id:"2180---september-11-2018"},"2.18.0 - (September 11, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"2170---september-5-2018"},"2.17.0 - (September 5, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,d.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,d.mdx)("h2",{id:"2160---august-30-2018"},"2.16.0 - (August 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v5 update")))),(0,d.mdx)("h2",{id:"2150---august-13-2018"},"2.15.0 - (August 13, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v4 update"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Lint errors regarding file path resolution")))),(0,d.mdx)("h2",{id:"2140---july-26-2018"},"2.14.0 - (July 26, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"2130---july-25-2018"},"2.13.0 - (July 25, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Add .module extension to SCSS file(s)")))),(0,d.mdx)("h2",{id:"2120---july-10-2018"},"2.12.0 - (July 10, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Remove dependency on terra-menu, update dependency on reponsive-element.")))),(0,d.mdx)("h2",{id:"2110---july-3-2018"},"2.11.0 - (July 3, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Change logs to documentation on terra-dev-site")))),(0,d.mdx)("h2",{id:"2100---june-29-2018"},"2.10.0 - (June 29, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"290---june-12-2018"},"2.9.0 - (June 12, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"280---june-5-2018"},"2.8.0 - (June 5, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"270---may-30-2018"},"2.7.0 - (May 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Moved examples to src")))),(0,d.mdx)("h2",{id:"260---may-22-2018"},"2.6.0 - (May 22, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"250---april-30-2018"},"2.5.0 - (April 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates"),(0,d.mdx)("li",{parentName:"ul"},"Do not release snapshots to npm")))),(0,d.mdx)("h2",{id:"240---april-13-2018"},"2.4.0 - (April 13, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Dependencies are now pointing to react 16 version.")))),(0,d.mdx)("h2",{id:"230---april-10-2018"},"2.3.0 - (April 10, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"220---march-23-2018"},"2.2.0 - (March 23, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated webdriver snapshots due to terra-layout updates.")))),(0,d.mdx)("h2",{id:"210---march-6-2018"},"2.1.0 - (March 6, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added 'show' function to RoutingStackDelegate."),(0,d.mdx)("li",{parentName:"ul"},"Added 'rejectRoutingStackNavigation' key to component configuration."),(0,d.mdx)("li",{parentName:"ul"},"Added npmrc file with package-lock set to false.")))),(0,d.mdx)("h2",{id:"200---february-21-2018"},"2.0.0 - (February 21, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated to use React 16")))),(0,d.mdx)("h2",{id:"120---february-15-2018"},"1.2.0 - (February 15, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updating tests to point to new terra-framework-site location.")))),(0,d.mdx)("h2",{id:"110---january-23-2018"},"1.1.0 - (January 23, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"100---december-5-2017"},"1.0.0 - (December 5, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Initial release of terra-navigation-layout")))}p.isMDXComponent=!0;var x=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(m[l]=e[l]);return m}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(m[l]=e[l])}return m}var s={},c="wrapper";function h(e){var a=e.components,l=N(e,x);return(0,d.mdx)(c,o({},s,l,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)(m.C,{mdxType:"Badge"}),(0,d.mdx)(p,{mdxType:"ChangeLog"}))}h.isMDXComponent=!0},65814:function(e,a,l){l.d(a,{C:function(){return n}});var d=l(67294),m=l(22863),n=function(e){var a=e.url;return d.createElement(m.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-navigation-layout",name:"terra-navigation-layout",version:"5.39.0",url:a})}},17422:function(e,a,l){l.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/13207-4458121dc6421c4bcdc8.css b/13207-4458121dc6421c4bcdc8.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/13207-4458121dc6421c4bcdc8.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/13207-4458121dc6421c4bcdc8.js b/13207-4458121dc6421c4bcdc8.js new file mode 100644 index 0000000000..367e5798d1 --- /dev/null +++ b/13207-4458121dc6421c4bcdc8.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[13207,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,a,t){var n=t(64836);a.Z=void 0;var r=n(t(67294)),o=n(t(45697)),d=n(t(47166)),i=n(t(17422)),s=d.default.bind(i.default),l={name:o.default.string.isRequired,src:o.default.string,url:o.default.string,version:o.default.string.isRequired},u=function(e){var a=e.src,t=e.name,n=e.url,o=e.version,d=r.default.createElement("a",{className:s("badge"),href:n||"https://www.npmjs.org/package/".concat(t,"/v/").concat(o)},r.default.createElement("span",{className:s("badge-name")},n?"package":"npm"),r.default.createElement("span",{className:s("badge-version")},"v".concat(o))),i=a?r.default.createElement("a",{className:s("badge"),href:a},r.default.createElement("span",{className:s("badge-name")},"github"),r.default.createElement("span",{className:s("badge-version")},"source")):void 0;return r.default.createElement("div",{className:s("badge-container")},d,i)};u.propTypes=l;var m=u;a.Z=m},13207:function(e,a,t){t.r(a),t.d(a,{default:function(){return u}});t(67294);var n=t(81254),r=t(14442),o=["components"];function d(){return d=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(r[t]=e[t]);return r}(e,a);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}var s={},l="wrapper";function u(e){var a=e.components,t=i(e,o);return(0,n.mdx)(l,d({},s,t,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)(r.C,{mdxType:"Badge"}),(0,n.mdx)("h1",{id:"terra-form-field-upgrade-guide"},"Terra Form Field Upgrade Guide"),(0,n.mdx)("h2",{id:"changes-from-version-3-to-version-4"},"Changes from version 3 to version 4"),(0,n.mdx)("h3",{id:"props"},"Props"),(0,n.mdx)("h4",{id:"updated"},"Updated"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Form Fields allowed the ",(0,n.mdx)("inlineCode",{parentName:"li"},"label")," to be a node, which potentially breaks the display when injecting other non-inline-only text elements (terra-text) or has the potential to completely break accessibility if something non-text based would be passed in."),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("inlineCode",{parentName:"li"},"label")," prop's type changed from node to string.")),(0,n.mdx)("h5",{id:"steps-to-upgrade"},"Steps to Upgrade"),(0,n.mdx)("p",null,"To upgrade from 3.0 to 4.0 each existing Field must be reviewed and updated to ensure only a string is being passed to the ",(0,n.mdx)("inlineCode",{parentName:"p"},"label")," prop. Solutions passing node data types need to be reworked to provide only a string."),(0,n.mdx)("h2",{id:"changes-from-20-to-30"},"Changes from 2.0 to 3.0"),(0,n.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,n.mdx)("p",null,"The following transitive dependency had breaking changes. See its upgrade guide for more information."),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"terra-doc-template")))}u.isMDXComponent=!0},14442:function(e,a,t){t.d(a,{C:function(){return o}});var n=t(67294),r=t(22863),o=function(e){var a=e.url;return n.createElement(r.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-form-field",name:"terra-form-field",version:"4.31.0",url:a})}},17422:function(e,a,t){t.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/13390-505c9ad7871d4991cc56.css b/13390-505c9ad7871d4991cc56.css new file mode 100644 index 0000000000..0a9f02ce5f --- /dev/null +++ b/13390-505c9ad7871d4991cc56.css @@ -0,0 +1,3 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.Table-module__clinical-lowlight-theme___PqYJ8{--terra-html-table-background-color: #383f42;--terra-html-table-border: 1px solid #585a5c;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: none;--terra-html-table-header-cell-color: #1c1f21;--terra-html-table-header-cell-font-size: 1rem;--terra-html-table-header-cell-font-weight: bold;--terra-html-table-header-cell-border-right: 1px solid #585a5c;--terra-html-table-first-header-cell-border-left: 1px solid #585a5c;--terra-html-table-last-header-cell-border-right: 1px solid #585a5c;--terra-html-table-header-background-color: #909496;--terra-html-table-header-box-shadow: 0 4px 4px -3.5px #1c1f21, inset 0 0 0 1px #585a5c;--terra-html-table-header-row-border-bottom: 1px solid #585a5c;--terra-html-table-header-row-border-top: 1px solid #585a5c;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #b2b5b6;--terra-html-table-cell-font-size: 1rem;--terra-html-table-first-cell-border-left: 1px solid #585a5c;--terra-html-table-last-cell-border-right: 1px solid #585a5c;--terra-html-table-header-cell-standard-padding-bottom: 0.5rem;--terra-html-table-header-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-top: 0.5rem;--terra-html-table-header-cell-compact-padding-bottom: 0.25rem;--terra-html-table-header-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-top: 0.25rem;--terra-html-table-cell-standard-padding-bottom: 0.5rem;--terra-html-table-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-cell-standard-padding-top: 0.5rem;--terra-html-table-cell-compact-padding-bottom: 0.25rem;--terra-html-table-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-cell-compact-padding-top: 0.25rem;--terra-html-table-row-border-top: 1px solid #585a5c;--terra-html-table-last-row-border-bottom: 1px solid #585a5c;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #2d3539}.Table-module__orion-fusion-theme___d9rxf{--terra-html-table-background-color: transparent;--terra-html-table-border: 0;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: transparent;--terra-html-table-header-cell-color: #64696c;--terra-html-table-header-cell-font-size: 0.857142857rem;--terra-html-table-header-cell-font-weight: normal;--terra-html-table-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-first-header-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-background-color: #f4f4f4;--terra-html-table-header-box-shadow: none;--terra-html-table-header-row-border-bottom: 2px solid #64696c;--terra-html-table-header-row-border-top: 1px solid #c8cacb;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #1c1f21;--terra-html-table-cell-font-size: 0.857142857rem;--terra-html-table-first-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-cell-standard-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-top: 0.428571429rem;--terra-html-table-header-cell-compact-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-top: 0.428571429rem;--terra-html-table-cell-standard-padding-bottom: 0.8571428571rem;--terra-html-table-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-cell-standard-padding-top: 0.8571428571rem;--terra-html-table-cell-compact-padding-bottom: 0.8571428571rem;--terra-html-table-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-cell-compact-padding-top: 0.8571428571rem;--terra-html-table-row-border-top: 0;--terra-html-table-last-row-border-bottom: 1px solid #c8cacb;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #f4f4f4}.Table-module__table___eg2Mi{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___eg2Mi{background-color:transparent;background-color:var(--terra-html-table-background-color, transparent);border:0;border:var(--terra-html-table-border, 0);border-radius:0;border-radius:var(--terra-html-table-border-radius, 0)}[dir] .Table-module__table___eg2Mi caption{padding-bottom:.5em}.Table-module__table___eg2Mi tr{display:table-row}[dir] .Table-module__table___eg2Mi tr{margin-bottom:0}.Table-module__table___eg2Mi td,.Table-module__table___eg2Mi th{color:#1c1f21;color:var(--terra-html-table-cell-color, #1c1f21);display:table-cell;font-size:1rem;font-size:var(--terra-html-table-cell-font-size, 1rem);font-weight:normal;vertical-align:top}[dir] .Table-module__table___eg2Mi td, [dir] .Table-module__table___eg2Mi th{border:0}[dir=ltr] .Table-module__table___eg2Mi td, [dir=ltr] .Table-module__table___eg2Mi th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___eg2Mi td, [dir=rtl] .Table-module__table___eg2Mi th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___eg2Mi td:first-child, [dir=ltr] .Table-module__table___eg2Mi th:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:first-child, [dir=rtl] .Table-module__table___eg2Mi th:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi td:last-child, [dir=ltr] .Table-module__table___eg2Mi th:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:last-child, [dir=rtl] .Table-module__table___eg2Mi th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___eg2Mi thead th, [dir] .Table-module__table___eg2Mi thead td{border:0}[dir=ltr] .Table-module__table___eg2Mi thead th, [dir=ltr] .Table-module__table___eg2Mi thead td{border-right:1px solid rgba(200, 202, 203, 0.5);border-right:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:left}[dir=rtl] .Table-module__table___eg2Mi thead th, [dir=rtl] .Table-module__table___eg2Mi thead td{border-left:1px solid rgba(200, 202, 203, 0.5);border-left:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:right}[dir=ltr] .Table-module__table___eg2Mi thead th:first-child, [dir=ltr] .Table-module__table___eg2Mi thead td:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:first-child, [dir=rtl] .Table-module__table___eg2Mi thead td:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi thead th:last-child, [dir=ltr] .Table-module__table___eg2Mi thead td:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:last-child, [dir=rtl] .Table-module__table___eg2Mi thead td:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead{display:table-header-group}[dir] .Table-module__table___eg2Mi thead{background-color:#f1f1f2;background-color:var(--terra-html-table-header-background-color, #f1f1f2);box-shadow:0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5);box-shadow:var(--terra-html-table-header-box-shadow, 0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5))}[dir] .Table-module__table___eg2Mi thead tr{border-bottom:1px solid #b9bbbc;border-bottom:var(--terra-html-table-header-row-border-bottom, 1px solid #b9bbbc);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-header-row-border-top, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{color:#1c1f21;color:var(--terra-html-table-header-cell-color, #1c1f21);font-size:1rem;font-size:var(--terra-html-table-header-cell-font-size, 1rem);font-weight:bold;font-weight:var(--terra-html-table-header-cell-font-weight, bold);vertical-align:bottom}[dir] .Table-module__table___eg2Mi tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___eg2Mi tbody tr{background-color:transparent;background-color:var(--terra-html-table-row-background-color, transparent);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-row-border-top, 1px solid #dedfe0)}[dir] .Table-module__table___eg2Mi tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___eg2Mi tbody tr:last-of-type{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-html-table-last-row-border-bottom, 1px solid #dedfe0)}[dir] .Table-module__padding-standard___BfbC- th{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-header-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-header-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z th{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-header-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-header-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__padding-standard___BfbC- td{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z td{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__striped___n8xJe tbody tr:nth-of-type(even){background-color:#f6f7f8;background-color:var(--terra-html-table-row-striped-background-color, #f6f7f8)}@media print{.Table-module__table___eg2Mi thead{display:table-header-group}.Table-module__table___eg2Mi tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} diff --git a/13390-505c9ad7871d4991cc56.js b/13390-505c9ad7871d4991cc56.js new file mode 100644 index 0000000000..cf7927d851 --- /dev/null +++ b/13390-505c9ad7871d4991cc56.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[13390,45627,79482,85565,3353,5161,80858,45865,85355,3193,4845,46647,85161,66097,38681,15318,40411,18101,38443,11264,34319,78996,39915,33442],{22863:function(e,a,n){var r=n(64836);a.Z=void 0;var t=r(n(67294)),d=r(n(45697)),l=r(n(47166)),m=r(n(17422)),p=l.default.bind(m.default),i={name:d.default.string.isRequired,src:d.default.string,url:d.default.string,version:d.default.string.isRequired},o=function(e){var a=e.src,n=e.name,r=e.url,d=e.version,l=t.default.createElement("a",{className:p("badge"),href:r||"https://www.npmjs.org/package/".concat(n,"/v/").concat(d)},t.default.createElement("span",{className:p("badge-name")},r?"package":"npm"),t.default.createElement("span",{className:p("badge-version")},"v".concat(d))),m=a?t.default.createElement("a",{className:p("badge"),href:a},t.default.createElement("span",{className:p("badge-name")},"github"),t.default.createElement("span",{className:p("badge-version")},"source")):void 0;return t.default.createElement("div",{className:p("badge-container")},l,m)};o.propTypes=i;var s=o;a.Z=s},83883:function(e,a,n){n.r(a),n.d(a,{default:function(){return f}});n(67294);var r=n(81254),t=n(24164),d=n(78530),l=["components"];function m(){return m=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(t[n]=e[n]);return t}(e,a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(t[n]=e[n])}return t}var i={},o="wrapper";function s(e){var a=e.components,n=p(e,l);return(0,r.mdx)(o,m({},i,n,{components:a,mdxType:"MDXLayout"}),(0,r.mdx)(d.ZP,{mdxType:"PropsTable"},(0,r.mdx)(d.X2,{key:"ROW1",mdxType:"Row"},(0,r.mdx)(d.O,{mdxType:"PropNameCell"},"isBidi"),(0,r.mdx)(d.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,r.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,'Should the svg mirror when dir="rtl".'))),(0,r.mdx)(d.X2,{key:"ROW2",mdxType:"Row"},(0,r.mdx)(d.O,{mdxType:"PropNameCell"},"isSpin"),(0,r.mdx)(d.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,r.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Should the SVG rotate."))),(0,r.mdx)(d.X2,{key:"ROW3",mdxType:"Row"},(0,r.mdx)(d.O,{mdxType:"PropNameCell"},"children"),(0,r.mdx)(d.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,r.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"null\n"))),(0,r.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Child nodes."))),(0,r.mdx)(d.X2,{key:"ROW4",mdxType:"Row"},(0,r.mdx)(d.O,{mdxType:"PropNameCell"},"height"),(0,r.mdx)(d.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"'1em'\n"))),(0,r.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Height of SVG."))),(0,r.mdx)(d.X2,{key:"ROW5",mdxType:"Row"},(0,r.mdx)(d.O,{mdxType:"PropNameCell"},"width"),(0,r.mdx)(d.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"'1em'\n"))),(0,r.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Width of SVG."))),(0,r.mdx)(d.X2,{key:"ROW6",mdxType:"Row"},(0,r.mdx)(d.O,{mdxType:"PropNameCell"},"a11yLabel"),(0,r.mdx)(d.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,(0,r.mdx)("img",{parentName:"p",src:"https://badgen.net/badge/UX/Accessibility/blue",alt:"IMPORTANT"}),"\nString that labels the current element.\na11yLabel is required for informative icons to convey meaning of icon to screenreaders."))),(0,r.mdx)(d.X2,{key:"ROW7",mdxType:"Row"},(0,r.mdx)(d.O,{mdxType:"PropNameCell"},"ariaLabel"),(0,r.mdx)(d.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,(0,r.mdx)("img",{parentName:"p",src:"https://badgen.net/badge/prop/deprecated/red",alt:"IMPORTANT"}),"\nariaLabel has been deprecated and will be removed on next major version release.\nrename the ",(0,r.mdx)("inlineCode",{parentName:"p"},"ariaLabel")," prop to ",(0,r.mdx)("inlineCode",{parentName:"p"},"a11yLabel"),"."))),(0,r.mdx)(d.X2,{key:"ROW8",mdxType:"Row"},(0,r.mdx)(d.O,{mdxType:"PropNameCell"},"focusable"),(0,r.mdx)(d.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"'false'\n"))),(0,r.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Focusable attribute. IE 10/11 are focusable without this attribute.")))))}s.isMDXComponent=!0;var u=["components"];function c(){return c=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(t[n]=e[n]);return t}(e,a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(t[n]=e[n])}return t}var g={},y="wrapper";function f(e){var a=e.components,n=x(e,u);return(0,r.mdx)(y,c({},g,n,{components:a,mdxType:"MDXLayout"}),(0,r.mdx)(t.C,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-icon"},"Terra Icon"),(0,r.mdx)("p",null,"The terra-icon component is used to visually represent a literal or symbolic object intended to initiate an action, communicate a status, or navigate the workflow.\nIcons can be ",(0,r.mdx)("inlineCode",{parentName:"p"},"meaningful")," where they used to convey a semantic meaning or ",(0,r.mdx)("inlineCode",{parentName:"p"},"decorative")," where they are are simply used for aesthetic purposes."),(0,r.mdx)("p",null,"See ",(0,r.mdx)("a",{parentName:"p",href:"#usage"},"Usage")," for more information."),(0,r.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Install with ",(0,r.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"npm install terra-icon"))))),(0,r.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,r.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,r.mdx)("table",null,(0,r.mdx)("thead",{parentName:"table"},(0,r.mdx)("tr",{parentName:"thead"},(0,r.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,r.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,r.mdx)("tbody",{parentName:"table"},(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react"),(0,r.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,r.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react-intl"),(0,r.mdx)("td",{parentName:"tr",align:null},"^2.8.0")))),(0,r.mdx)("h2",{id:"usage"},"Usage"),(0,r.mdx)("p",null,"The value for ",(0,r.mdx)("inlineCode",{parentName:"p"},"a11yLabel")," prop is required for the icons that are ",(0,r.mdx)("inlineCode",{parentName:"p"},"meaningful")," which means that they are intended to convey meaning. "),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},'import { IconAdd, IconEdit } from \'terra-icon\';\n\n
\n \n \n
\n')),(0,r.mdx)("p",null,"If icons are intended for aesthetic purposes (",(0,r.mdx)("inlineCode",{parentName:"p"},"decorative")," icons) then ",(0,r.mdx)("inlineCode",{parentName:"p"},"a11yLabel")," can be ignored."),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import { IconAllergy, IconScratchPad } from 'terra-icon';\n
\n \n \n
\n")),(0,r.mdx)("p",null,"Refer to ",(0,r.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-ui/components/cerner-terra-core-docs/icon/AccessibilityGuide"},"Accessibility guide")," to know more about informative and decorative icons."),(0,r.mdx)("h2",{id:"component-features"},"Component Features"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support"))),(0,r.mdx)("h2",{id:"icon-props"},"Icon Props"),(0,r.mdx)(s,{mdxType:"IconBasePropsTable"}))}f.isMDXComponent=!0},24164:function(e,a,n){n.d(a,{C:function(){return d}});var r=n(67294),t=n(22863),d=function(e){var a=e.url;return r.createElement(t.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-icon",name:"terra-icon",version:"3.59.0",url:a})}},17422:function(e,a,n){n.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/13395-cdc275f42637faf15bff.css b/13395-cdc275f42637faf15bff.css new file mode 100644 index 0000000000..9e52424aff --- /dev/null +++ b/13395-cdc275f42637faf15bff.css @@ -0,0 +1,7 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} + +.Region-module__region-child-container___FfpXw{height:100%;width:100%} +.Card-module__card___iN88V{height:100%;vertical-align:middle;word-wrap:break-word}[dir] .Card-module__card___iN88V{background-color:#ccf;border:1px solid #7f7fe3;border-radius:5px;padding:20px;text-align:center} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} +.Table-module__clinical-lowlight-theme___PqYJ8{--terra-html-table-background-color: #383f42;--terra-html-table-border: 1px solid #585a5c;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: none;--terra-html-table-header-cell-color: #1c1f21;--terra-html-table-header-cell-font-size: 1rem;--terra-html-table-header-cell-font-weight: bold;--terra-html-table-header-cell-border-right: 1px solid #585a5c;--terra-html-table-first-header-cell-border-left: 1px solid #585a5c;--terra-html-table-last-header-cell-border-right: 1px solid #585a5c;--terra-html-table-header-background-color: #909496;--terra-html-table-header-box-shadow: 0 4px 4px -3.5px #1c1f21, inset 0 0 0 1px #585a5c;--terra-html-table-header-row-border-bottom: 1px solid #585a5c;--terra-html-table-header-row-border-top: 1px solid #585a5c;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #b2b5b6;--terra-html-table-cell-font-size: 1rem;--terra-html-table-first-cell-border-left: 1px solid #585a5c;--terra-html-table-last-cell-border-right: 1px solid #585a5c;--terra-html-table-header-cell-standard-padding-bottom: 0.5rem;--terra-html-table-header-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-top: 0.5rem;--terra-html-table-header-cell-compact-padding-bottom: 0.25rem;--terra-html-table-header-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-top: 0.25rem;--terra-html-table-cell-standard-padding-bottom: 0.5rem;--terra-html-table-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-cell-standard-padding-top: 0.5rem;--terra-html-table-cell-compact-padding-bottom: 0.25rem;--terra-html-table-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-cell-compact-padding-top: 0.25rem;--terra-html-table-row-border-top: 1px solid #585a5c;--terra-html-table-last-row-border-bottom: 1px solid #585a5c;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #2d3539}.Table-module__orion-fusion-theme___d9rxf{--terra-html-table-background-color: transparent;--terra-html-table-border: 0;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: transparent;--terra-html-table-header-cell-color: #64696c;--terra-html-table-header-cell-font-size: 0.857142857rem;--terra-html-table-header-cell-font-weight: normal;--terra-html-table-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-first-header-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-background-color: #f4f4f4;--terra-html-table-header-box-shadow: none;--terra-html-table-header-row-border-bottom: 2px solid #64696c;--terra-html-table-header-row-border-top: 1px solid #c8cacb;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #1c1f21;--terra-html-table-cell-font-size: 0.857142857rem;--terra-html-table-first-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-cell-standard-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-top: 0.428571429rem;--terra-html-table-header-cell-compact-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-top: 0.428571429rem;--terra-html-table-cell-standard-padding-bottom: 0.8571428571rem;--terra-html-table-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-cell-standard-padding-top: 0.8571428571rem;--terra-html-table-cell-compact-padding-bottom: 0.8571428571rem;--terra-html-table-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-cell-compact-padding-top: 0.8571428571rem;--terra-html-table-row-border-top: 0;--terra-html-table-last-row-border-bottom: 1px solid #c8cacb;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #f4f4f4}.Table-module__table___eg2Mi{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___eg2Mi{background-color:transparent;background-color:var(--terra-html-table-background-color, transparent);border:0;border:var(--terra-html-table-border, 0);border-radius:0;border-radius:var(--terra-html-table-border-radius, 0)}[dir] .Table-module__table___eg2Mi caption{padding-bottom:.5em}.Table-module__table___eg2Mi tr{display:table-row}[dir] .Table-module__table___eg2Mi tr{margin-bottom:0}.Table-module__table___eg2Mi td,.Table-module__table___eg2Mi th{color:#1c1f21;color:var(--terra-html-table-cell-color, #1c1f21);display:table-cell;font-size:1rem;font-size:var(--terra-html-table-cell-font-size, 1rem);font-weight:normal;vertical-align:top}[dir] .Table-module__table___eg2Mi td, [dir] .Table-module__table___eg2Mi th{border:0}[dir=ltr] .Table-module__table___eg2Mi td, [dir=ltr] .Table-module__table___eg2Mi th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___eg2Mi td, [dir=rtl] .Table-module__table___eg2Mi th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___eg2Mi td:first-child, [dir=ltr] .Table-module__table___eg2Mi th:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:first-child, [dir=rtl] .Table-module__table___eg2Mi th:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi td:last-child, [dir=ltr] .Table-module__table___eg2Mi th:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:last-child, [dir=rtl] .Table-module__table___eg2Mi th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___eg2Mi thead th, [dir] .Table-module__table___eg2Mi thead td{border:0}[dir=ltr] .Table-module__table___eg2Mi thead th, [dir=ltr] .Table-module__table___eg2Mi thead td{border-right:1px solid rgba(200, 202, 203, 0.5);border-right:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:left}[dir=rtl] .Table-module__table___eg2Mi thead th, [dir=rtl] .Table-module__table___eg2Mi thead td{border-left:1px solid rgba(200, 202, 203, 0.5);border-left:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:right}[dir=ltr] .Table-module__table___eg2Mi thead th:first-child, [dir=ltr] .Table-module__table___eg2Mi thead td:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:first-child, [dir=rtl] .Table-module__table___eg2Mi thead td:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi thead th:last-child, [dir=ltr] .Table-module__table___eg2Mi thead td:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:last-child, [dir=rtl] .Table-module__table___eg2Mi thead td:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead{display:table-header-group}[dir] .Table-module__table___eg2Mi thead{background-color:#f1f1f2;background-color:var(--terra-html-table-header-background-color, #f1f1f2);box-shadow:0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5);box-shadow:var(--terra-html-table-header-box-shadow, 0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5))}[dir] .Table-module__table___eg2Mi thead tr{border-bottom:1px solid #b9bbbc;border-bottom:var(--terra-html-table-header-row-border-bottom, 1px solid #b9bbbc);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-header-row-border-top, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{color:#1c1f21;color:var(--terra-html-table-header-cell-color, #1c1f21);font-size:1rem;font-size:var(--terra-html-table-header-cell-font-size, 1rem);font-weight:bold;font-weight:var(--terra-html-table-header-cell-font-weight, bold);vertical-align:bottom}[dir] .Table-module__table___eg2Mi tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___eg2Mi tbody tr{background-color:transparent;background-color:var(--terra-html-table-row-background-color, transparent);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-row-border-top, 1px solid #dedfe0)}[dir] .Table-module__table___eg2Mi tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___eg2Mi tbody tr:last-of-type{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-html-table-last-row-border-bottom, 1px solid #dedfe0)}[dir] .Table-module__padding-standard___BfbC- th{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-header-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-header-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z th{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-header-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-header-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__padding-standard___BfbC- td{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z td{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__striped___n8xJe tbody tr:nth-of-type(even){background-color:#f6f7f8;background-color:var(--terra-html-table-row-striped-background-color, #f6f7f8)}@media print{.Table-module__table___eg2Mi thead{display:table-header-group}.Table-module__table___eg2Mi tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} diff --git a/13398-9eb2ceb7017124cfa75c.css b/13398-9eb2ceb7017124cfa75c.css new file mode 100644 index 0000000000..a4a55e5d64 --- /dev/null +++ b/13398-9eb2ceb7017124cfa75c.css @@ -0,0 +1,4 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.Arrange-module__arrange___hY0Ml{display:-ms-flexbox;display:flex}.Arrange-module__fill___m88eq{-ms-flex:1 1 auto;flex:1 1 auto;min-width:0}.Arrange-module__fit___tv8j-{-ms-flex-item-align:start;align-self:flex-start;-ms-flex:0 0 auto;flex:0 0 auto}.Arrange-module__center___9qfhG{-ms-flex-item-align:center;align-self:center;max-height:100%}.Arrange-module__bottom___8beod{-ms-flex-item-align:end;align-self:flex-end;max-height:100%}.Arrange-module__stretch___eQF-k{-ms-flex-item-align:stretch;align-self:stretch}.Arrange-module__default___z\+O29{-ms-flex-item-align:start;align-self:flex-start}@media(max-width: 320px),(max-height: 256px){.Arrange-module__fit___tv8j-{-ms-flex:0 0;flex:0 0}} +[dir] .Heading-module__heading___v5\+PO{margin:0}.Heading-module__italic___AZeOx{font-style:italic}.Heading-module__level-1___Dzh7M{font-size:2.286rem}.Heading-module__level-2___Fn5NE{font-size:1.714rem}.Heading-module__level-3___HjC1Z{font-size:1.429rem}.Heading-module__level-4___gatwI{font-size:1.286rem}.Heading-module__level-5___-iiqy{font-size:1.143rem}.Heading-module__level-6___VXhR\+{font-size:1rem}.Heading-module__size-huge___0iP2D{font-size:2.286rem}.Heading-module__size-large___rZwu-{font-size:1.714rem}.Heading-module__size-medium___Hk3pG{font-size:1.429rem}.Heading-module__size-small___OWyDY{font-size:1.286rem}.Heading-module__size-tiny___Z5Fm4{font-size:1.143rem}.Heading-module__size-mini___Gd90U{font-size:1rem}.Heading-module__weight-200___EQF-G{font-weight:200}.Heading-module__weight-400___cOGso{font-weight:400}.Heading-module__weight-700___SbBvg{font-weight:700}.Heading-module__visually-hidden___5i7ow{clip:rect(0 0 0 0);height:1px;overflow:hidden;position:absolute;width:1px}[dir] .Heading-module__visually-hidden___5i7ow{border:0;margin:-1px;padding:0} +.HeadingDocCommon-module__fitstart-content___2UtvR{color:#333;font-size:1.429rem}[dir=ltr] .HeadingDocCommon-module__heading-wrapper___uK5Ux{margin-left:10px;margin-right:10px}[dir=rtl] .HeadingDocCommon-module__heading-wrapper___uK5Ux{margin-right:10px;margin-left:10px}.HeadingDocCommon-module__heading-content___Qtdrd{color:#767676} diff --git a/13398-9eb2ceb7017124cfa75c.js b/13398-9eb2ceb7017124cfa75c.js new file mode 100644 index 0000000000..d5a9898802 --- /dev/null +++ b/13398-9eb2ceb7017124cfa75c.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[13398,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{510:function(e,t,n){t.Z=void 0;var a=d(n(67294)),r=d(n(78490)),i=d(n(44027)),l=d(n(47166)),o=n(34261),s=d(n(81238));function d(e){return e&&e.__esModule?e:{default:e}}var c=l.default.bind(s.default);t.Z=function(){return a.default.createElement("div",null,a.default.createElement(o.Notice,{variant:"important",ariaLevel:"5"},a.default.createElement(r.default,{align:"center",fill:a.default.createElement("div",{className:c("heading-wrapper")},a.default.createElement(i.default,{level:1},"Allergies Hospitals Locations"))}),a.default.createElement(r.default,{align:"center",fill:a.default.createElement("div",{className:c("heading-wrapper")},a.default.createElement(i.default,{level:2},"Kansas,MO"))}),a.default.createElement(r.default,{align:"center",fill:a.default.createElement("div",{className:c("heading-wrapper")},a.default.createElement(i.default,{level:3},"Riverport Campus, MO"))}),a.default.createElement(r.default,{align:"center",fill:a.default.createElement("div",{className:c("heading-wrapper")},a.default.createElement(i.default,{level:4},"Innovations Campus, MO"))}),a.default.createElement(r.default,{align:"center",fill:a.default.createElement("div",{className:c("heading-wrapper")},a.default.createElement(i.default,{level:5},"Realization Campus, MO"))}),a.default.createElement(r.default,{align:"center",fill:a.default.createElement("div",{className:c("heading-wrapper")},a.default.createElement(i.default,{level:6},"Kansas HQ,MO"))})))}},40996:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=d(n(67294)),r=d(n(45697)),i=d(n(47166)),l=d(n(50026)),o=d(n(66983)),s=["children"];function d(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var m=i.default.bind(o.default),p=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},h=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},f={children:r.default.string},g=function(e){var t=e.children,n=u(e,s),r=a.default.useContext(l.default),o=(0,i.default)(m(["button",r.className]),n.className);return a.default.createElement("button",c({},n,{type:"button",className:o,onBlur:p,onMouseDown:h,"data-focus-styles-enabled":!0}),t)};g.propTypes=f;t.default=g},59278:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=s(n(67294)),r=s(n(45697)),i=s(n(47166)),l=s(n(50026)),o=s(n(30866));function s(e){return e&&e.__esModule?e:{default:e}}var d=i.default.bind(o.default),c={ariaLevel:r.default.oneOf(["2","3","4","5","6"]),children:r.default.node,variant:r.default.oneOf(["ux-recommendation","caution","deprecation","maintenance","important","not-supported"])},u=function(e){var t=e.ariaLevel,n=e.variant,r=e.children,i=a.default.useContext(l.default);return a.default.createElement("div",{className:d("notice",n,i.className)},a.default.createElement("div",{className:d("accessory"),"aria-hidden":"true",focusable:"false"}),a.default.createElement("div",{role:"heading",className:d("title"),"aria-level":t},a.default.createElement("span",null,function(e){return"ux-recommendation"===e?"UX Recommendation":"caution"===e?"Caution":"deprecation"===e?"Deprecation Notice":"maintenance"===e?"In Maintenance":"important"===e?"Important":"not-supported"===e?"Hazards for Incorrect Usage":"error"}(n))),a.default.createElement("div",{className:d("children")},function(e){return"not-supported"===e?a.default.createElement(a.default.Fragment,null,a.default.createElement("p",{className:d("paragraph")},"This component was designed and tested according to the documented implementation."),a.default.createElement("p",{className:d("paragraph")},"Using the component incorrectly:",a.default.createElement("ul",{className:d("list")},a.default.createElement("li",null,"will likely result in improper composition and create accessibility issues"),a.default.createElement("li",null,"may cause erratic or broken behaviors and styles"),a.default.createElement("li",null,a.default.createElement("strong",null,"will not be supported "),"or enhanced to allow for incorrect use")))):null}(n),a.default.Children.map(r,(function(e){return"string"==typeof e?a.default.createElement("p",null,e):e}))))};u.propTypes=c,u.defaultProps={ariaLevel:"2",variant:"important"};t.default=u},47306:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=c(n(67294)),r=c(n(45697)),i=c(n(94184)),l=c(n(47166)),o=c(n(50026)),s=c(n(42620)),d=["title"];function c(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var p=l.default.bind(s.default),h={title:r.default.string},f=function(e){var t=e.title,n=m(e,d),r=a.default.useContext(o.default),l=(0,i.default)(p(["placeholder",r.className]),n.className),s=p(["inner"]);return a.default.createElement("div",u({},n,{className:l}),a.default.createElement("div",{className:s},a.default.createElement("p",{className:p("title")},t)))};f.propTypes=h,f.defaultProps={title:""};t.default=f},34261:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Button",{enumerable:!0,get:function(){return i.default}}),Object.defineProperty(t,"Notice",{enumerable:!0,get:function(){return a.default}}),Object.defineProperty(t,"Placeholder",{enumerable:!0,get:function(){return r.default}});var a=l(n(59278)),r=l(n(47306)),i=l(n(40996));function l(e){return e&&e.__esModule?e:{default:e}}},39279:function(e,t,n){n.r(t),n.d(t,{default:function(){return u}});n(67294);var a=n(81254),r=n(35527),i=(n(34261),n(48157),n(510)),l=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var d={},c="wrapper";function u(e){var t=e.components,n=s(e,l);return(0,a.mdx)(c,o({},d,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(r.C,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"accessibility-guide-for-terra--heading"},"Accessibility Guide for Terra Heading"),(0,a.mdx)("blockquote",null,(0,a.mdx)("p",{parentName:"blockquote"},"Accessibility of Headings is important because headers are used on virtually every page and in every product. Headings convey the page's visual structure and informational hierarchy and can also provide cues such as urgency, importance, or activity. However, headings must be coded correctly, for example, with proper heading levels, so that screen readers can convey the same structure of the page to people with limited or no vision. ")),(0,a.mdx)("blockquote",null,(0,a.mdx)("p",{parentName:"blockquote"},"Headings should accurately describe the content that follows them to ensure all users understand the proper context. It can be confusing if headings don't represent associated content or if heading levels do not match the appropriate level or are skipped or out of order. Any text that is visually styled to look like a heading must be understood programmatically, as a heading. ")),(0,a.mdx)("h2",{id:"accessibility-considerations"},"Accessibility Considerations"),(0,a.mdx)("h3",{id:"code-considerations-what-do-engineers-need-to-do"},"Code Considerations: What do engineers need to do?"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("p",{parentName:"li"},"Headings must accurately describe the content they represent (content creators must provide the words used for the heading that describe its content and engineers must implement that within the code).")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("p",{parentName:"li"},"Side note that Toggle Section Header provides teams with spaces to drop in other components or content. When consuming teams are adding interactive controls inside of Toggle Section Headers, Content creators must: "),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Ensure the controls have labels that accurately describe the action they perform "),(0,a.mdx)("li",{parentName:"ul"},"Ensure the objects have unique accessible names or add programmatic association to the Toggle Section Header heading."),(0,a.mdx)("li",{parentName:"ul"},"If icons that convey information (meaningful icons) are used, ensure they have alternate content that reflect their purpose. And ensure the icon and alternate content used to describe it are consistent for other instances of the same icon when used for the same functionality."),(0,a.mdx)("li",{parentName:"ul"},"If default theme colors are overridden, the consuming team must make sure colors meet proper contrast ratios for any meaningful text and non-text content.")))),(0,a.mdx)("h3",{id:"code-considerations-what-do-engineers-need-to-do-1"},"Code Considerations: What do engineers need to do?"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Headings must programmatically have a heading level that is set to match the structure of its placement on the page. Content creators should work with engineers to determine what heading level to use, and engineers must assign the proper heading level.")),(0,a.mdx)("div",{"aria-label":"Heading Demo"},(0,a.mdx)(i.Z,{mdxType:"HeadingExamples"})),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'
\n \n\n \n \n Allergies Hospitals Locations\n \n
\n)}\n />\n \n \n Kansas,MO\n \n \n)}\n />\n \n \n Riverport Campus, MO\n \n \n)}\n />\n \n \n Innovations Campus, MO\n \n \n)}\n />\n \n \n Realization Campus, MO\n \n \n)}\n />\n \n \n Kansas,MO\n \n \n)}\n />\n \n \n')),(0,a.mdx)("h2",{id:"usability-expectations"},"Usability Expectations"),(0,a.mdx)("h3",{id:"interaction-detail"},"Interaction Detail"),(0,a.mdx)("p",null,"Terra Heading is not interactable."),(0,a.mdx)("h3",{id:"keyboard-interactions"},"Keyboard Interactions"),(0,a.mdx)("p",null,"Terra Heading is not interactable."),(0,a.mdx)("h2",{id:"concerns-and-hazards"},"Concerns and Hazards"),(0,a.mdx)("h3",{id:"support-compliance"},"Support Compliance"),(0,a.mdx)("p",null,"Terra is committed to ensuring its components provide maximum possible accessibility. Terra provides the ability to make accessible products. However, using Terra components will not automatically make a product accessible."),(0,a.mdx)("p",null,"Final responsibility lies with the consumers of Terra components — ensuring proper usage, programmatic context where needed, the words used to label elements, engineers following correct implementation patterns, and authors crafting content that follows best practice guidance — to make a product fully accessible."),(0,a.mdx)("h3",{id:"primary-accessibility-criteria-for-toggle-section-header"},"Primary accessibility criteria for Toggle Section Header"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://wiki.cerner.com/pages/viewpage.action?pageId=2016418858"},(0,a.mdx)("strong",{parentName:"a"},"1.3.1 Info and Relationships"))," - Supports",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Engineers must ensure that appropriate heading level is applied to convey proper content structure of the Heading on the page. "),(0,a.mdx)("li",{parentName:"ul"},"Content creators should provide engineering with heading level to match structure within the page. ")))),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://wiki.cerner.com/display/UserExperience/2.4.6+Headings+and+Labels"},(0,a.mdx)("strong",{parentName:"a"},"2.4.6 Headings and Labels"))," - Supports",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Content creators must ensure headings and labels accurately describe the purpose of the content it represents.")))),(0,a.mdx)("h3",{id:"related-accessibility-criteria-that-apply-when-adding-content-to-heading"},"Related accessibility criteria that apply when adding content to Heading"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("p",{parentName:"li"},(0,a.mdx)("a",{parentName:"p",href:"https://wiki.cerner.com/display/UserExperience/1.1.1+Non-text+Content"},(0,a.mdx)("strong",{parentName:"a"},"1.1.1 Non-text Content"))," - Supports"),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Engineers must ensure appropriate alternate content is added graphics, icons, or images that convey meaning. "),(0,a.mdx)("li",{parentName:"ul"},"Content creators must provide Engineers with alternate content that conveys meaning to the user. See also 3.2.4 Consistent Identification."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("p",{parentName:"li"},(0,a.mdx)("a",{parentName:"p",href:"https://wiki.cerner.com/display/UserExperience/1.4.1+Use+of+Color"},(0,a.mdx)("strong",{parentName:"a"},"1.4.1 Use of Color"))," - Supports"),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Content creators must ensure that color, alone, is not used to convey information or meaning."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("p",{parentName:"li"},(0,a.mdx)("a",{parentName:"p",href:"https://wiki.cerner.com/display/UserExperience/1.4.3+Contrast"},(0,a.mdx)("strong",{parentName:"a"},"1.4.3 Contrast (Minimum)"))," - Supports"),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Engineers must ensure any content used within Terra Heading meets the proper color contrast ratios for text."),(0,a.mdx)("li",{parentName:"ul"},"Content creators must ensure any content used within Terra Heading meets the proper color contrast ratios for text."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("p",{parentName:"li"},(0,a.mdx)("a",{parentName:"p",href:"https://wiki.cerner.com/display/UserExperience/2.1.1+Keyboard"},(0,a.mdx)("strong",{parentName:"a"},"2.1.1 Keyboard"))," - Supports"),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Engineers must ensure that all interactable elements can receive focus, be interacted with, and are able to be acted upon via keyboard only."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("p",{parentName:"li"},(0,a.mdx)("a",{parentName:"p",href:"https://wiki.cerner.com/display/UserExperience/2.1.1+Keyboard"},(0,a.mdx)("strong",{parentName:"a"},"2.1.2 Keyboard Trap"))," - Supports"),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Engineers must ensure no keyboard traps are introduced into code."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("p",{parentName:"li"},(0,a.mdx)("a",{parentName:"p",href:"https://wiki.cerner.com/display/UserExperience/2.4.3+Focus+Order"},(0,a.mdx)("strong",{parentName:"a"},"2.4.3 Focus Order"))," - Supports"),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Engineers must ensure the focus order is expected and preserves page meaning. Must also ensure not to implement a tab index value greater than zero."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("p",{parentName:"li"},(0,a.mdx)("a",{parentName:"p",href:"https://wiki.cerner.com/display/UserExperience/2.4.7+Focus+Visible"},(0,a.mdx)("strong",{parentName:"a"},"2.4.7 Focus Visible"))," - Supports"),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Consuming teams must ensure visible focus is maintained on interactive elements used within the Terra Heading. "))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("p",{parentName:"li"},(0,a.mdx)("a",{parentName:"p",href:"https://wiki.cerner.com/display/UserExperience/2.5.2+Pointer+Cancellation"},(0,a.mdx)("strong",{parentName:"a"},"2.5.2 Pointer Cancellation"))," - Supports"),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Engineers must ensure that actions are activated by the mouse up event (not the down action), allowing the users to cancel interactions."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("p",{parentName:"li"},(0,a.mdx)("a",{parentName:"p",href:"https://wiki.cerner.com/display/UserExperience/2.5.3+Label+in+Name"},(0,a.mdx)("strong",{parentName:"a"},"2.5.3 Label in Name"))," - Supports"),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Engineers must ensure the programmatic label matches the visual label when interactable elements are included with Heading. The visual label of an interactive object (e.g., button) must be the first word(s) of the accessible name of the object. Other programmatic association may be made by using an aria-describedby attribute."),(0,a.mdx)("li",{parentName:"ul"},"Content creators should tell engineers what content should be used to create programmatic association for unique and descriptive accessible names of interactive objects."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("p",{parentName:"li"},(0,a.mdx)("a",{parentName:"p",href:"https://wiki.cerner.com/display/UserExperience/3.2.1+On+Focus"},(0,a.mdx)("strong",{parentName:"a"},"3.2.1 On Focus"))," - Supports"),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Engineers must ensure no unexpected change of context happens when interactive elements receive focus."),(0,a.mdx)("li",{parentName:"ul"},"Content creators must use standard and predictable design patterns."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("p",{parentName:"li"},(0,a.mdx)("a",{parentName:"p",href:"https://wiki.cerner.com/display/UserExperience/3.2.2+On+Input"},(0,a.mdx)("strong",{parentName:"a"},"3.2.2 On Input"))),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Engineers must ensure that nothing unexpected happens when interactive elements receive input."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("p",{parentName:"li"},(0,a.mdx)("a",{parentName:"p",href:"https://wiki.cerner.com/display/UserExperience/3.2.4+Consistent+Identification"},(0,a.mdx)("strong",{parentName:"a"},"3.2.4 Consistent Identification"))),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Content creators must ensure any icons used are used to consistently represent the same function. Additionally, the alternate content used to represent icons must be consistent for users to predictably understand it’s function."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("p",{parentName:"li"},(0,a.mdx)("a",{parentName:"p",href:"https://wiki.cerner.com/display/UserExperience/4.1.1+Parsing"},(0,a.mdx)("strong",{parentName:"a"},"4.1.1 Parsing"))," - Does Not Supports"),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Engineers must ensure that clean, fundamentally sound code is implemented, including elements with complete start and end tags, elements nested according to specifications, elements that do not contain duplicate attributes, and so on."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("p",{parentName:"li"},(0,a.mdx)("a",{parentName:"p",href:"https://wiki.cerner.com/display/UserExperience/4.1.2+Name%2C+Role%2C+Value"},(0,a.mdx)("strong",{parentName:"a"},"4.1.2 Name, Role, Value"))," - Supports"),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Content creators and engineers must ensure that any content inside Heading meets this criterion.")))),(0,a.mdx)("h3",{id:"supported-features-and-technology"},"Supported Features and Technology"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Keyboard Interactions"),(0,a.mdx)("li",{parentName:"ul"},"JAWS Support with Chrome (PC)"),(0,a.mdx)("li",{parentName:"ul"},"VoiceOver Support with Chrome, Safari (MAC)")),(0,a.mdx)("h3",{id:"partial-support--requiring-further-enhancement"},"Partial Support & Requiring Further Enhancement"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"NVDA not tested (PC)"),(0,a.mdx)("li",{parentName:"ul"},"Mobile Touch Interactions with Screen Reader assistive technology"),(0,a.mdx)("li",{parentName:"ul"},"Speech Input Interactions with assistive technology"),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://github.com/cerner/terra-core/issues/new/choose"},"Report a problem with this component on GitHub"))),(0,a.mdx)("h3",{id:"linked-references"},"Linked References:"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/tips/writing/#use-headings-to-convey-meaning-and-structure"},"W3C WAI Aria: Use heading to convey meaning and structure"))))}u.isMDXComponent=!0},66983:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Button-module__clinical-lowlight-theme___TyZWB","orion-fusion-theme":"Button-module__orion-fusion-theme___q-FcQ",button:"Button-module__button___QuCn2","is-active":"Button-module__is-active___Z8AuK"}},30866:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Notice-module__clinical-lowlight-theme___aa5xV","orion-fusion-theme":"Notice-module__orion-fusion-theme___QAE-T",notice:"Notice-module__notice___GWkPA",children:"Notice-module__children___lDYsm",accessory:"Notice-module__accessory___wkLOG",title:"Notice-module__title___6H5tc","ux-recommendation":"Notice-module__ux-recommendation___N8BuK",caution:"Notice-module__caution___hPrVl",deprecation:"Notice-module__deprecation___g1drA",maintenance:"Notice-module__maintenance___kWLIZ",important:"Notice-module__important___p5DiF","not-supported":"Notice-module__not-supported___34bHd",paragraph:"Notice-module__paragraph___5h-w1",list:"Notice-module__list___M2Kxj"}},42620:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Placeholder-module__clinical-lowlight-theme___Obm9K","orion-fusion-theme":"Placeholder-module__orion-fusion-theme___svHY+",placeholder:"Placeholder-module__placeholder___ZZDXd",inner:"Placeholder-module__inner___fJq9o",title:"Placeholder-module__title___teBSo"}}}]); \ No newline at end of file diff --git a/13511-5094caf7d38d6974e209.css b/13511-5094caf7d38d6974e209.css new file mode 100644 index 0000000000..ee8f647c84 --- /dev/null +++ b/13511-5094caf7d38d6974e209.css @@ -0,0 +1,3 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.ThemedComponent-module__clinical-lowlight-theme___l0mQD{--terra-framework-docs-terra-theme-context-themed-component-block-background-color: #ffa500}.ThemedComponent-module__orion-fusion-theme___2uD2h{--terra-framework-docs-terra-theme-context-themed-component-block-background-color: #9400d3}.ThemedComponent-module__test-theme___4eG98{--terra-framework-docs-terra-theme-context-themed-component-block-background-color: #009d00}.ThemedComponent-module__themed___7DVOV{height:100%;overflow:auto;position:relative}[dir] .ThemedComponent-module__themed___7DVOV{padding:24px}.ThemedComponent-module__themed-block___tJk6B{height:24px}[dir] .ThemedComponent-module__themed-block___tJk6B{background-color:#0079be;background-color:var(--terra-framework-docs-terra-theme-context-themed-component-block-background-color, #0079be)} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} diff --git a/13511-5094caf7d38d6974e209.js b/13511-5094caf7d38d6974e209.js new file mode 100644 index 0000000000..e65004433a --- /dev/null +++ b/13511-5094caf7d38d6974e209.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[13511,45627,85565,3353,5161,45865,16835,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,t,n){var a=n(64836);t.Z=void 0;var r=a(n(67294)),l=a(n(45697)),o=a(n(47166)),m=a(n(17422)),d=o.default.bind(m.default),c={name:l.default.string.isRequired,src:l.default.string,url:l.default.string,version:l.default.string.isRequired},u=function(e){var t=e.src,n=e.name,a=e.url,l=e.version,o=r.default.createElement("a",{className:d("badge"),href:a||"https://www.npmjs.org/package/".concat(n,"/v/").concat(l)},r.default.createElement("span",{className:d("badge-name")},a?"package":"npm"),r.default.createElement("span",{className:d("badge-version")},"v".concat(l))),m=t?r.default.createElement("a",{className:d("badge"),href:t},r.default.createElement("span",{className:d("badge-name")},"github"),r.default.createElement("span",{className:d("badge-version")},"source")):void 0;return r.default.createElement("div",{className:d("badge-container")},o,m)};u.propTypes=c;var i=u;t.Z=i},49271:function(e,t,n){var a=n(64836),r=n(18698);t.Z=void 0;var l=a(n(27424)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==r(e)&&"function"!=typeof e)return{default:e};var n=f(t);if(n&&n.has(e))return n.get(e);var a={},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var m=l?Object.getOwnPropertyDescriptor(e,o):null;m&&(m.get||m.set)?Object.defineProperty(a,o,m):a[o]=e[o]}a.default=e,n&&n.set(e,a);return a}(n(67294)),m=a(n(45697)),d=a(n(47166)),c=n(21538),u=a(n(33864)),i=a(n(23399)),s=n(51051),p=a(n(53560));function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(f=function(e){return e?n:t})(e)}var h=d.default.bind(p.default),x={example:m.default.element,exampleSrc:m.default.element,exampleCssSrc:m.default.element,title:m.default.string,description:m.default.node,isExpanded:m.default.bool},_=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},g=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},v=function(e){var t=e.example,n=e.exampleSrc,a=e.exampleCssSrc,r=e.title,m=e.description,d=e.isExpanded,p=(0,o.useState)(d),f=(0,l.default)(p,2),x=f[0],v=f[1],b=(0,o.useState)(!1),y=(0,l.default)(b,2),E=y[0],N=y[1],T=o.default.useContext(c.ThemeContext),O=void 0!==a,C=function(){N(!E),x&&v(!x)},w=function(){v(!x),E&&N(!E)},j=function(e,t){e.nativeEvent.keyCode!==s.KEY_SPACE&&e.nativeEvent.keyCode!==s.KEY_RETURN||(e.preventDefault(),t())};return o.default.createElement("div",{className:h("template",T.className)},o.default.createElement("div",{className:h("header")},r&&o.default.createElement("h2",{className:h("title")},r)),o.default.createElement("div",{className:h("content")},m&&o.default.createElement("div",{className:h("description")},m),t),o.default.createElement("div",{className:h("footer")},n?o.default.createElement("div",{className:h("button-container")},O&&o.default.createElement("button",{type:"button",className:h("css-toggle","item",{"is-selected":E}),onClick:C,onKeyDown:function(e){return j(e,C)},onBlur:_,onMouseDown:g,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(u.default,{className:h("chevron")}),o.default.createElement("span",null,"CSS"),o.default.createElement(i.default,{className:h("chevron")})),o.default.createElement("button",{type:"button",className:h("code-toggle","item",{"is-selected":x}),onClick:w,onKeyDown:function(e){return j(e,w)},onBlur:_,onMouseDown:g,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(u.default,{className:h("chevron")}),o.default.createElement("span",null,"Code"),o.default.createElement(i.default,{className:h("chevron")}))):null,o.default.createElement("div",null,E&&o.default.createElement("div",{className:h("css")},a),x&&o.default.createElement("div",{className:h("code")},n))))};v.propTypes=x,v.defaultProps={isExpanded:!1};var b=v;t.Z=b},71165:function(e,t,n){var a=n(64836);t.Z=void 0;var r=a(n(67294)),l=a(n(37497)),o=a(n(45397));t.Z=function(){return r.default.createElement(l.default,{theme:{name:"test-theme",className:"test-theme"}},r.default.createElement(o.default,null))}},45397:function(e,t,n){var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=a(n(67294)),l=a(n(47166)),o=a(n(50026)),m=a(n(52780)),d=l.default.bind(m.default);t.default=function(){var e=r.default.useContext(o.default);return r.default.createElement("div",{className:d("themed",e.className)},r.default.createElement("h1",null,"Theme Name: ".concat(e.name)),r.default.createElement("div",{className:d("themed-block")}))}},13511:function(e,t,n){n.r(t),n.d(t,{default:function(){return T}});var a=n(67294),r=n(81254),l=n(31459),o=(n(48632),n(45397)),m=["components"];function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var u={};function i(e){var t=e.components,n=c(e,m);return(0,r.mdx)("wrapper",d({},u,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport classNames from 'classnames/bind';\nimport ThemeContext from 'terra-theme-context';\n\nimport styles from './ThemedComponent.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst Themed = () => {\n const theme = React.useContext(ThemeContext);\n return (\n
\n

\n {`Theme Name: ${theme.name}`}\n

\n
\n
\n );\n};\n\nexport default Themed;\n\n")))}i.isMDXComponent=!0;var s=n(49271),p=["components"];function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var x={};function _(e){var t=e.components,n=h(e,p);return(0,r.mdx)("wrapper",f({},x,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-scss"},"//Themes\n@import './ThemedComponent.clinical-lowlight-theme.module';\n@import './ThemedComponent.orion-fusion-theme.module';\n@import './ThemedComponent.test-theme.module';\n\n:local {\n .themed {\n height: 100%;\n overflow: auto;\n padding: 24px;\n position: relative;\n }\n\n .themed-block {\n background-color: var(--terra-framework-docs-terra-theme-context-themed-component-block-background-color, #0079be);\n height: 24px;\n }\n}\n\n")))}_.isMDXComponent=!0;var g=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(s.Z,{title:t||"Themed Component",description:n,example:a.createElement(o.default,null),exampleCssSrc:a.createElement(_,null),exampleSrc:a.createElement(i,null),isExpanded:r})},v=["components"];function b(){return b=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var E={},N="wrapper";function T(e){var t=e.components,n=y(e,v);return(0,r.mdx)(N,b({},E,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(l.C,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-theme-context"},"Terra Theme Context"),(0,r.mdx)("p",null,"A React context to provide the current theme. This package is intended to be used by Terra components only. Any terra consumers or custom Terra components should consume the context from the ",(0,r.mdx)("inlineCode",{parentName:"p"},"terra-application")," package."),(0,r.mdx)("p",null,"This context can be used to apply any theme related changes to a component."),(0,r.mdx)("p",null,"The most common use would be to apply a theme class to the root tag of the component to apply theme variables. See below for an example."),(0,r.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Install with ",(0,r.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"npm install terra-theme-context"))))),(0,r.mdx)("h2",{id:"usage"},"Usage"),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import ThemeContext from 'terra-theme-context';\n")),(0,r.mdx)("h2",{id:"examples"},"Examples"),(0,r.mdx)(g,{title:"A component using the theme context",mdxType:"ThemedComponent"}),(0,r.mdx)("h2",{id:"context-value"},"Context Value"),(0,r.mdx)("p",null,"The ThemeContext provides an object with the following values:"),(0,r.mdx)("table",null,(0,r.mdx)("thead",{parentName:"table"},(0,r.mdx)("tr",{parentName:"thead"},(0,r.mdx)("th",{parentName:"tr",align:null},"Key Name"),(0,r.mdx)("th",{parentName:"tr",align:null},"Type"),(0,r.mdx)("th",{parentName:"tr",align:null},"Is Required"),(0,r.mdx)("th",{parentName:"tr",align:null},"DefaultValue"),(0,r.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,r.mdx)("tbody",{parentName:"table"},(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"name")),(0,r.mdx)("td",{parentName:"tr",align:null},"String"),(0,r.mdx)("td",{parentName:"tr",align:null},"optional"),(0,r.mdx)("td",{parentName:"tr",align:null},"undefined"),(0,r.mdx)("td",{parentName:"tr",align:null},"The current application theme name. This field requires use of the terra-functional-testing webpack config.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"className")),(0,r.mdx)("td",{parentName:"tr",align:null},"String"),(0,r.mdx)("td",{parentName:"tr",align:null},"optional"),(0,r.mdx)("td",{parentName:"tr",align:null},"undefined"),(0,r.mdx)("td",{parentName:"tr",align:null},"The current application theme className. The default theme is indicated as undefined or empty string.")))))}T.isMDXComponent=!0},48632:function(e,t,n){n.d(t,{Z:function(){return s}});var a=n(67294),r=n(71165),l=n(81254),o=["components"];function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var c={};function u(e){var t=e.components,n=d(e,o);return(0,l.mdx)("wrapper",m({},c,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport ThemeContextProvider from 'terra-theme-context/lib/ThemeContextProvider';\n\nimport ThemedComponent from './ThemedComponent';\n\nconst ThemeContextProviderExample = () => (\n \n \n \n);\n\nexport default ThemeContextProviderExample;\n\n")))}u.isMDXComponent=!0;var i=n(49271),s=function(e){var t=e.title,n=e.description,l=e.isExpanded;return a.createElement(i.Z,{title:t||"Theme Context Provider Example",description:n,example:a.createElement(r.Z,null),exampleSrc:a.createElement(u,null),isExpanded:l})}},31459:function(e,t,n){n.d(t,{C:function(){return l}});var a=n(67294),r=n(22863),l=function(e){var t=e.url;return a.createElement(r.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-theme-context",name:"terra-theme-context",version:"1.8.0",url:t})}},17422:function(e,t,n){n.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},53560:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},52780:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ThemedComponent-module__clinical-lowlight-theme___l0mQD","orion-fusion-theme":"ThemedComponent-module__orion-fusion-theme___2uD2h","test-theme":"ThemedComponent-module__test-theme___4eG98",themed:"ThemedComponent-module__themed___7DVOV","themed-block":"ThemedComponent-module__themed-block___tJk6B"}},33864:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=l(n(67294)),r=l(n(99139));function l(e){return e&&e.__esModule?e:{default:e}}function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t.Radio-module__native-input___S1Fq3:disabled{cursor:default}.Radio-module__radio___kLgLL .Radio-module__label___WRkdj.Radio-module__is-disabled___czxlC>.Radio-module__label-text___oARv8{color:#9b9fa1;color:var(--terra-form-radio-disabled-font-color, #9b9fa1);opacity:1;opacity:var(--terra-form-radio-disabled-font-opacity, 1)}[dir] .Radio-module__radio___kLgLL .Radio-module__label___WRkdj.Radio-module__is-disabled___czxlC>.Radio-module__label-text___oARv8{cursor:default}[dir] .Radio-module__radio___kLgLL .Radio-module__label___WRkdj.Radio-module__is-disabled___czxlC>.Radio-module__native-input___S1Fq3:disabled+.Radio-module__outer-ring___DHLRf{background-color:transparent;background-color:var(--terra-form-radio-outer-ring-disabled-background-color, transparent);background-image:none;background-image:var(--terra-form-radio-outer-ring-disabled-background-image, none);border-color:transparent;border-color:var(--terra-form-radio-outer-ring-disabled-border-color, transparent);cursor:default}[dir] .Radio-module__radio___kLgLL .Radio-module__label___WRkdj.Radio-module__is-disabled___czxlC>.Radio-module__native-input___S1Fq3:disabled+.Radio-module__outer-ring___DHLRf>.Radio-module__inner-ring___dcrRU{background-color:transparent;background-color:var(--terra-form-radio-inner-ring-disabled-background-color, transparent);border-color:transparent;border-color:var(--terra-form-radio-inner-ring-disabled-border-color, transparent);box-shadow:none}[dir] .Radio-module__radio___kLgLL .Radio-module__label___WRkdj.Radio-module__is-disabled___czxlC>.Radio-module__native-input___S1Fq3:checked:disabled+.Radio-module__outer-ring___DHLRf{background-color:transparent;background-color:var(--terra-form-radio-outer-ring-checked-disabled-background-color, transparent);background-image:none;background-image:var(--terra-form-radio-outer-ring-checked-disabled-background-image, none);border-color:transparent;border-color:var(--terra-form-radio-outer-ring-checked-disabled-border-color, transparent);cursor:default}[dir] .Radio-module__radio___kLgLL .Radio-module__label___WRkdj.Radio-module__is-disabled___czxlC>.Radio-module__native-input___S1Fq3:checked:disabled+.Radio-module__outer-ring___DHLRf>.Radio-module__inner-ring___dcrRU{background-color:transparent;background-color:var(--terra-form-radio-inner-ring-checked-disabled-background-color, transparent);border-color:transparent;border-color:var(--terra-form-radio-inner-ring-checked-disabled-border-color, transparent);box-shadow:none}[dir] .Radio-module__radio___kLgLL .Radio-module__native-input___S1Fq3:focus+.Radio-module__outer-ring___DHLRf{border-color:#000;border-color:var(--terra-form-radio-focus-border-color, #000);border-width:3px;border-width:var(--terra-form-radio-focus-border-width, 3px)}.Radio-module__native-input___S1Fq3:focus~.Radio-module__label-text___oARv8::before{content:"";height:0;height:var(--terra-form-radio-focus-before-ring-height, 0);position:absolute;top:auto;top:var(--terra-form-radio-focus-before-ring-top, auto);width:0;width:var(--terra-form-radio-focus-before-ring-width, 0);z-index:-1}[dir] .Radio-module__native-input___S1Fq3:focus~.Radio-module__label-text___oARv8::before{background-color:transparent;background-color:var(--terra-form-radio-focus-before-ring-background-color, transparent);border-radius:50%}[dir=ltr] .Radio-module__native-input___S1Fq3:focus~.Radio-module__label-text___oARv8::before{left:auto;left:var(--terra-form-radio-focus-before-ring-left, auto)}[dir=rtl] .Radio-module__native-input___S1Fq3:focus~.Radio-module__label-text___oARv8::before{right:auto;right:var(--terra-form-radio-focus-before-ring-left, auto)}.Radio-module__radio___kLgLL.Radio-module__is-inline___qK0iO{display:inline-block}[dir=ltr] .Radio-module__radio___kLgLL.Radio-module__is-inline___qK0iO{margin-right:1.42857rem;margin-right:var(--terra-form-radio-inline-container-margin-right, 1.42857rem)}[dir=rtl] .Radio-module__radio___kLgLL.Radio-module__is-inline___qK0iO{margin-left:1.42857rem;margin-left:var(--terra-form-radio-inline-container-margin-right, 1.42857rem)} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} diff --git a/13844-980fd431d4a77702b8cf.js b/13844-980fd431d4a77702b8cf.js new file mode 100644 index 0000000000..47ee92d66a --- /dev/null +++ b/13844-980fd431d4a77702b8cf.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[13844,45627,37344,33667,96890,79482,85565,3353,5161,80858,14041,45865,16835,85355,3193,4845,27444,17657,46647,16873,85161,66097,38681,15318,40411,18101,33315,38443,11264,34319,78996,39915,33442],{22863:function(e,t,a){var n=a(64836);t.Z=void 0;var l=n(a(67294)),o=n(a(45697)),r=n(a(47166)),i=n(a(17422)),u=r.default.bind(i.default),d={name:o.default.string.isRequired,src:o.default.string,url:o.default.string,version:o.default.string.isRequired},s=function(e){var t=e.src,a=e.name,n=e.url,o=e.version,r=l.default.createElement("a",{className:u("badge"),href:n||"https://www.npmjs.org/package/".concat(a,"/v/").concat(o)},l.default.createElement("span",{className:u("badge-name")},n?"package":"npm"),l.default.createElement("span",{className:u("badge-version")},"v".concat(o))),i=t?l.default.createElement("a",{className:u("badge"),href:t},l.default.createElement("span",{className:u("badge-name")},"github"),l.default.createElement("span",{className:u("badge-version")},"source")):void 0;return l.default.createElement("div",{className:u("badge-container")},r,i)};s.propTypes=d;var c=s;t.Z=c},49271:function(e,t,a){var n=a(64836),l=a(18698);t.Z=void 0;var o=n(a(27424)),r=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==l(e)&&"function"!=typeof e)return{default:e};var a=_(t);if(a&&a.has(e))return a.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&Object.prototype.hasOwnProperty.call(e,r)){var i=o?Object.getOwnPropertyDescriptor(e,r):null;i&&(i.get||i.set)?Object.defineProperty(n,r,i):n[r]=e[r]}n.default=e,a&&a.set(e,n);return n}(a(67294)),i=n(a(45697)),u=n(a(47166)),d=a(21538),s=n(a(33864)),c=n(a(23399)),m=a(51051),f=n(a(53560));function _(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(_=function(e){return e?a:t})(e)}var p=u.default.bind(f.default),b={example:i.default.element,exampleSrc:i.default.element,exampleCssSrc:i.default.element,title:i.default.string,description:i.default.node,isExpanded:i.default.bool},v=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},g=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},h=function(e){var t=e.example,a=e.exampleSrc,n=e.exampleCssSrc,l=e.title,i=e.description,u=e.isExpanded,f=(0,r.useState)(u),_=(0,o.default)(f,2),b=_[0],h=_[1],y=(0,r.useState)(!1),E=(0,o.default)(y,2),x=E[0],O=E[1],w=r.default.useContext(d.ThemeContext),N=void 0!==n,j=function(){O(!x),b&&h(!b)},T=function(){h(!b),x&&O(!x)},k=function(e,t){e.nativeEvent.keyCode!==m.KEY_SPACE&&e.nativeEvent.keyCode!==m.KEY_RETURN||(e.preventDefault(),t())};return r.default.createElement("div",{className:p("template",w.className)},r.default.createElement("div",{className:p("header")},l&&r.default.createElement("h2",{className:p("title")},l)),r.default.createElement("div",{className:p("content")},i&&r.default.createElement("div",{className:p("description")},i),t),r.default.createElement("div",{className:p("footer")},a?r.default.createElement("div",{className:p("button-container")},N&&r.default.createElement("button",{type:"button",className:p("css-toggle","item",{"is-selected":x}),onClick:j,onKeyDown:function(e){return k(e,j)},onBlur:v,onMouseDown:g,tabIndex:0,"data-focus-styles-enabled":!0},r.default.createElement(s.default,{className:p("chevron")}),r.default.createElement("span",null,"CSS"),r.default.createElement(c.default,{className:p("chevron")})),r.default.createElement("button",{type:"button",className:p("code-toggle","item",{"is-selected":b}),onClick:T,onKeyDown:function(e){return k(e,T)},onBlur:v,onMouseDown:g,tabIndex:0,"data-focus-styles-enabled":!0},r.default.createElement(s.default,{className:p("chevron")}),r.default.createElement("span",null,"Code"),r.default.createElement(c.default,{className:p("chevron")}))):null,r.default.createElement("div",null,x&&r.default.createElement("div",{className:p("css")},n),b&&r.default.createElement("div",{className:p("code")},a))))};h.propTypes=b,h.defaultProps={isExpanded:!1};var y=h;t.Z=y},17422:function(e,t,a){a.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},53560:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},21692:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"Radio-module__clinical-lowlight-theme___s9bOk","orion-fusion-theme":"Radio-module__orion-fusion-theme___TG0Kq",radio:"Radio-module__radio___kLgLL",label:"Radio-module__label___WRkdj","is-mobile":"Radio-module__is-mobile___IJAkE","native-input":"Radio-module__native-input___S1Fq3","label-text":"Radio-module__label-text___oARv8","outer-ring":"Radio-module__outer-ring___DHLRf","inner-ring":"Radio-module__inner-ring___dcrRU","is-hidden":"Radio-module__is-hidden___6gZIO","is-disabled":"Radio-module__is-disabled___czxlC","is-inline":"Radio-module__is-inline___qK0iO"}},79029:function(e,t,a){function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=m(a(67294)),o=m(a(45697)),r=m(a(94184)),i=m(a(47166)),u=m(a(50026)),d=m(a(21692)),s=a(67217),c=["checked","defaultChecked","inputAttrs","id","disabled","isInline","isLabelHidden","labelText","labelTextAttrs","name","onBlur","onChange","onFocus","value"];function m(e){return e&&e.__esModule?e:{default:e}}function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[a]=e[a]);return l}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(l[a]=e[a])}return l}var v=i.default.bind(d.default),g={checked:o.default.bool,defaultChecked:o.default.bool,id:o.default.string,inputAttrs:o.default.object,disabled:o.default.bool,isInline:o.default.bool,isLabelHidden:o.default.bool,labelText:o.default.string.isRequired,labelTextAttrs:o.default.object,name:o.default.string,onBlur:o.default.func,onChange:o.default.func,onFocus:o.default.func,value:o.default.string},h={checked:void 0,defaultChecked:void 0,id:void 0,inputAttrs:{},disabled:!1,isInline:!1,isLabelHidden:!1,labelTextAttrs:{},name:null,onBlur:void 0,onChange:void 0,onFocus:void 0,value:void 0},y=function(e){var t=e.checked,a=e.defaultChecked,n=e.inputAttrs,o=e.id,i=e.disabled,d=e.isInline,m=e.isLabelHidden,g=e.labelText,h=e.labelTextAttrs,y=e.name,E=e.onBlur,x=e.onChange,O=e.onFocus,w=e.value,N=b(e,c),j=l.default.useContext(u.default),T=function(e){for(var t=1;t0||navigator.msMaxTouchPoints>0)},t.findLastFocusableItem=function(e){for(var t=e.length-1;e[t]&&e[t].hasAttribute("disabled")&&t>-1;)t-=1;return t||void 0},t.findFirstFocusableItem=function(e){for(var t=0;e[t]&&e[t].hasAttribute("disabled")&&t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}function _(e,t){for(var n=0;n=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var s={inputId:r.default.string.isRequired,label:r.default.string.isRequired,defaultValue:r.default.oneOfType([r.default.string,r.default.number]),disabled:r.default.bool,error:r.default.node,errorIcon:r.default.element,help:r.default.node,hideRequired:r.default.bool,inputAttrs:r.default.object,isIncomplete:r.default.bool,isInline:r.default.bool,isInvalid:r.default.bool,isLabelHidden:r.default.bool,labelAttrs:r.default.object,maxWidth:r.default.string,onChange:r.default.func,onInput:r.default.func,refCallback:r.default.func,required:r.default.bool,showOptional:r.default.bool,type:r.default.string,value:r.default.oneOfType([r.default.string,r.default.number])},p={defaultValue:void 0,disabled:!1,error:null,errorIcon:a.default.createElement(o.default,null),help:null,hideRequired:!1,inputAttrs:{},isIncomplete:!1,isInline:!1,isInvalid:!1,isLabelHidden:!1,labelAttrs:{},onChange:void 0,onInput:void 0,maxWidth:void 0,refCallback:void 0,required:!1,showOptional:!1,type:void 0,value:void 0},m=function(e){var t,n=e.defaultValue,r=e.disabled,o=e.error,d=e.errorIcon,s=e.help,p=e.hideRequired,m=e.inputAttrs,b=e.inputId,_=e.isIncomplete,v=e.isInline,y=e.isInvalid,h=e.isLabelHidden,g=e.label,O=e.labelAttrs,E=e.maxWidth,w=e.onChange,j=e.onInput,I=e.refCallback,x=e.required,P=e.showOptional,C=e.type,T=e.value,k=f(e,i);s&&o&&y?t="".concat(b,"-error ").concat(b,"-help"):(s&&(t="".concat(b,"-help")),o&&y&&(t="".concat(b,"-error")));var N=C||m.type;return k.placeholder&&(k.placeholder=null),a.default.createElement(l.default,c({label:g,labelAttrs:O,error:o,errorIcon:d,help:s,hideRequired:p,required:x,showOptional:P,isInvalid:y,isInline:v,isLabelHidden:h,htmlFor:b,maxWidth:E},k),a.default.createElement(u.default,c({},m,{disabled:m.disabled||r,id:b,isIncomplete:_,type:N,onChange:w,onInput:j,value:T,defaultValue:n,refCallback:I,"aria-describedby":t})))};m.propTypes=s,m.defaultProps=p;t.default=m},33864:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=l(n(67294)),r=l(n(99139));function l(e){return e&&e.__esModule?e:{default:e}}function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,a);if(Object.getOwnPropertySymbols){var m=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var u={},i="wrapper";function p(e){var a=e.components,n=t(e,m);return(0,d.mdx)(i,r({},u,n,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)("h1",{id:"changelog"},"Changelog"),(0,d.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,d.mdx)("h2",{id:"2390---november-13-2023"},"2.39.0 - (November 13, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2380---february-15-2023"},"2.38.0 - (February 15, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated wdio screenshots due to functional-testing upgrade.")))),(0,d.mdx)("h2",{id:"2370---december-7-2022"},"2.37.0 - (December 7, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2360---october-8-2021"},"2.36.0 - (October 8, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Migrate docs to terra-core-docs")))),(0,d.mdx)("h2",{id:"2350---september-21-2021"},"2.35.0 - (September 21, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated WDIO Screenshots due to webpack-config-terra sass upgrade.")))),(0,d.mdx)("h2",{id:"2340---august-25-2021"},"2.34.0 - (August 25, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated WDIO snapshots due to terra-functional-testing v2 upgrade.")))),(0,d.mdx)("h2",{id:"2330---april-6-2021"},"2.33.0 - (April 6, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed unnecessary ",(0,d.mdx)("inlineCode",{parentName:"li"},"wdio.conf.js")," file"),(0,d.mdx)("li",{parentName:"ul"},"Upgrade tests to terra-functional-testing and WebDriverIO v6"),(0,d.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,d.mdx)("h2",{id:"2320---january-5-2021"},"2.32.0 - (January 5, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated export function name in documentation."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation.")))),(0,d.mdx)("h2",{id:"2310---november-17-2020"},"2.31.0 - (November 17, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,d.mdx)("h2",{id:"2300---august-4-2020"},"2.30.0 - (August 4, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2290---july-29-2020"},"2.29.0 - (July 29, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update changelog formatting")))),(0,d.mdx)("h2",{id:"2280---june-9-2020"},"2.28.0 - (June 9, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config")))),(0,d.mdx)("h2",{id:"2270---may-26-2020"},"2.27.0 - (May 26, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Handle the ",(0,d.mdx)("inlineCode",{parentName:"li"},"orientationchange")," event on mobile device rotation since the ",(0,d.mdx)("inlineCode",{parentName:"li"},"resize")," event is not triggered.")))),(0,d.mdx)("h2",{id:"2260---april-28-2020"},"2.26.0 - (April 28, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge'))),(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,d.mdx)("h2",{id:"2250---april-22-2020"},"2.25.0 - (April 22, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated documentation links")))),(0,d.mdx)("h2",{id:"2240---february-18-2020"},"2.24.0 - (February 18, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added generated-themes to .npmignore")))),(0,d.mdx)("h2",{id:"2230---february-4-2020"},"2.23.0 - (February 4, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update docs to use MDX syntax")))),(0,d.mdx)("h2",{id:"2220---january-7-2020"},"2.22.0 - (January 7, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2210---december-3-2019"},"2.21.0 - (December 3, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},'Added reference wdio screenshots for "orion-fusion-theme".')))),(0,d.mdx)("h2",{id:"2200---october-30-2019"},"2.20.0 - (October 30, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2190---october-3-2019"},"2.19.0 - (October 3, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2180---september-19-2019"},"2.18.0 - (September 19, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site.")))),(0,d.mdx)("h2",{id:"2170---september-6-2019"},"2.17.0 - (September 6, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Props table markdown file import added to doc site page")))),(0,d.mdx)("h2",{id:"2160---august-21-2019"},"2.16.0 - (August 21, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Import for package version from package.json added to doc page"),(0,d.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files")))),(0,d.mdx)("h2",{id:"2150---august-14-2019"},"2.15.0 - (August 14, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"updated package.json test scripts")))),(0,d.mdx)("h2",{id:"2140---july-30-2019"},"2.14.0 - (July 30, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2130---july-24-2019"},"2.13.0 - (July 24, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2120---july-16-2019"},"2.12.0 - (July 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies")))),(0,d.mdx)("h2",{id:"2110----july-11-2019"},"2.11.0 - (July 11, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update tests to use ",(0,d.mdx)("inlineCode",{parentName:"li"},"Terra.describeViewports")," for setting viewports")))),(0,d.mdx)("h2",{id:"2100---june-28-2019"},"2.10.0 - (June 28, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"290---june-11-2019"},"2.9.0 - (June 11, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Made required updates to consume terra-toolkit v5 and terra-dev-site v5")))),(0,d.mdx)("h2",{id:"280---may-9-2019"},"2.8.0 - (May 9, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added SCSS media query breakpoint file")))),(0,d.mdx)("h2",{id:"270---may-1-2019"},"2.7.0 - (May 1, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"260---april-16-2019"},"2.6.0 - (April 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"250---march-26-2019"},"2.5.0 - (March 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release")))),(0,d.mdx)("h2",{id:"240---march-21-2019"},"2.4.0 - (March 21, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"230---february-26-2019"},"2.3.0 - (February 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"220---february-12-2019"},"2.2.0 - (February 12, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"210---february-5-2019"},"2.1.0 - (February 5, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"200---january-22-2019"},"2.0.0 - (January 22, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated theme variables")))),(0,d.mdx)("h2",{id:"130---january-22-2019"},"1.3.0 - (January 22, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated dependencies to fix major version bump issues")))),(0,d.mdx)("h2",{id:"120---january-8-2019"},"1.2.0 - (January 8, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"110---january-2-2019"},"1.1.0 - (January 2, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Lint Errors"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated README to include a consumer-focused import for the SCSS media queries")))),(0,d.mdx)("h2",{id:"100---november-19-2018"},"1.0.0 - (November 19, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Initial stable release")))}p.isMDXComponent=!0;var x=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(l[n]=e[n]);return l}(e,a);if(Object.getOwnPropertySymbols){var m=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var N={},c="wrapper";function g(e){var a=e.components,n=s(e,x);return(0,d.mdx)(c,o({},N,n,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)(l.C,{mdxType:"Badge"}),(0,d.mdx)(p,{mdxType:"ChangeLog"}))}g.isMDXComponent=!0},51419:function(e,a,n){n.d(a,{C:function(){return m}});var d=n(67294),l=n(22863),m=function(e){var a=e.url;return d.createElement(l.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-breakpoints",name:"terra-breakpoints",version:"2.39.0",url:a})}},17422:function(e,a,n){n.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/14206-39270bbc4aa44111239e.css b/14206-39270bbc4aa44111239e.css new file mode 100644 index 0000000000..e52560e560 --- /dev/null +++ b/14206-39270bbc4aa44111239e.css @@ -0,0 +1,2 @@ +.Slider-module__orion-fusion-theme___2PbQc{--terra-slider-label-color: #1c1f21;--terra-slider-range-label-font-size: 0.714rem;--terra-slider-track-selected-range: #26a2e5;--terra-slider-track-unselected-range: #d3d4d5;--terra-slider-track-selected-range-hover: #0092e0;--terra-slider-track-unselected-range-hover: #bcbfc0;--terra-slider-thumb-background: #26a2e5;--terra-slider-thumb-border-color: #26a2e5;--terra-slider-thumb-hover-background: #0092e0;--terra-slider-thumb-active-background: #007cc3}.Slider-module__clinical-lowlight-theme___R1BVD{--terra-slider-label-color: #b3b5b6;--terra-slider-track-selected-range: #004c76;--terra-slider-track-unselected-range: #6f7477;--terra-slider-track-selected-range-hover: #003f61;--terra-slider-track-unselected-range-hover: #595f62;--terra-slider-thumb-background: #004c76;--terra-slider-thumb-border-color: #003f61;--terra-slider-thumb-hover-background: #003f61;--terra-slider-thumb-active-background: #013a5a;--terra-slider-thumb-focus-outline: 0.143rem dashed #fff}.Slider-module__slider___V\+TKI{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;min-height:3.143rem}.Slider-module__label___WVm\+Y{color:#1c1f21;color:var(--terra-slider-label-color, #1c1f21);font-weight:700;font-weight:var(--terra-slider-label-font-weight, 700);white-space:initial}[dir=ltr] .Slider-module__label___WVm\+Y{margin-right:0.5rem;margin-right:var(--terra-slider-label-margin-right, 0.5rem);text-align:left}[dir=rtl] .Slider-module__label___WVm\+Y{margin-left:0.5rem;margin-left:var(--terra-slider-label-margin-right, 0.5rem);text-align:right}.Slider-module__slider-label___FlOV2{color:#6f7477;color:var(--terra-slider-sub-label-color, #6f7477);font-size:0.857rem;font-size:var(--terra-slider-sub-label-font-size, 0.857rem);font-weight:400;font-weight:var(--terra-slider-sub-label-font-weight, 400);white-space:initial}[dir=ltr] .Slider-module__slider-label___FlOV2{text-align:left}[dir=rtl] .Slider-module__slider-label___FlOV2{text-align:right}[dir=ltr] .Slider-module__slider-min-label___rBjxu{margin-right:0.5rem;margin-right:var(--terra-slider-min-label-margin-right, 0.5rem)}[dir=rtl] .Slider-module__slider-min-label___rBjxu{margin-left:0.5rem;margin-left:var(--terra-slider-min-label-margin-right, 0.5rem)}[dir=ltr] .Slider-module__slider-max-label___LyZGd{margin-left:0.5rem;margin-left:var(--terra-slider-max-label-margin-left, 0.5rem)}[dir=rtl] .Slider-module__slider-max-label___LyZGd{margin-right:0.5rem;margin-right:var(--terra-slider-max-label-margin-left, 0.5rem)}.Slider-module__input-range___Tin8Y{-webkit-appearance:none;min-height:3.143rem;min-height:var(--terra-slider-input-range-min-height, 3.143rem);min-width:17.143rem;min-width:var(--terra-slider-input-range-min-width, 17.143rem)}[dir] .Slider-module__input-range___Tin8Y{background-color:rgba(0,0,0,0);cursor:pointer}[dir=ltr] .Slider-module__input-range___Tin8Y{margin-left:0.5rem;margin-left:var(--terra-slider-input-range-margin-left, 0.5rem);margin-right:0.5rem;margin-right:var(--terra-slider-input-range-margin-right, 0.5rem)}[dir=rtl] .Slider-module__input-range___Tin8Y{margin-right:0.5rem;margin-right:var(--terra-slider-input-range-margin-left, 0.5rem);margin-left:0.5rem;margin-left:var(--terra-slider-input-range-margin-right, 0.5rem)}.Slider-module__input-range___Tin8Y:disabled{opacity:30%;opacity:var(--terra-slider-input-range-disabled-opacity, 30%)}[dir] .Slider-module__input-range___Tin8Y:disabled{cursor:default}.Slider-module__input-range___Tin8Y:focus{outline:none}.Slider-module__input-range___Tin8Y::-webkit-slider-runnable-track{-webkit-appearance:none;height:0.43rem;height:var(--terra-slider-track-height, 0.43rem)}[dir] .Slider-module__input-range___Tin8Y::-webkit-slider-runnable-track{border-radius:0.214rem;border-radius:var(--terra-slider-track-border-radius, 0.214rem)}[dir=ltr] .Slider-module__input-range___Tin8Y::-webkit-slider-runnable-track{background:linear-gradient(to right, #007cc3 0%, #007cc3 50%, #d3d4d5 50%, #d3d4d5 100%);background:linear-gradient(to right, var(--terra-slider-track-selected-range, #007cc3) 0%, var(--terra-slider-track-selected-range, #007cc3) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range, #d3d4d5) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range, #d3d4d5) 100%)}[dir=rtl] .Slider-module__input-range___Tin8Y::-webkit-slider-runnable-track{background:linear-gradient(to left, #007cc3 0%, #007cc3 50%, #d3d4d5 50%, #d3d4d5 100%);background:linear-gradient(to left, var(--terra-slider-track-selected-range, #007cc3) 0%, var(--terra-slider-track-selected-range, #007cc3) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range, #d3d4d5) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range, #d3d4d5) 100%)}.Slider-module__input-range___Tin8Y::-webkit-slider-thumb{-webkit-appearance:none;height:1.715rem;height:var(--terra-slider-thumb-height, 1.715rem);width:1.715rem;width:var(--terra-slider-thumb-width, 1.715rem)}[dir] .Slider-module__input-range___Tin8Y::-webkit-slider-thumb{background:#007cc3;background:var(--terra-slider-thumb-background, #007cc3);border-color:#0065a3;border-color:var(--terra-slider-thumb-border-color, #0065a3);border-radius:1.715rem;border-radius:var(--terra-slider-thumb-border-radius, 1.715rem);border-style:solid;border-width:0.071rem;border-width:var(--terra-slider-thumb-border-width, 0.071rem);box-shadow:0 0 0.286rem 0 rgba(0, 0, 0, 0.25);box-shadow:var(--terra-slider-thumb-box-shadow, 0 0 0.286rem 0 rgba(0, 0, 0, 0.25));margin-top:-0.57rem;margin-top:var(--terra-slider-thumb-margin-top, -0.57rem)}.Slider-module__input-range___Tin8Y:focus::-webkit-slider-thumb{outline:0.143rem dashed #000;outline:var(--terra-slider-thumb-focus-outline, 0.143rem dashed #000);outline-offset:0.071rem;outline-offset:var(--terra-slider-thumb-focus-outline-offset, 0.071rem)}[dir] .Slider-module__input-range___Tin8Y:hover::-webkit-slider-thumb{background:#0065a3;background:var(--terra-slider-thumb-hover-background, #0065a3)}[dir] .Slider-module__input-range___Tin8Y:active::-webkit-slider-thumb{background:#004c75;background:var(--terra-slider-thumb-active-background, #004c75)}[dir=ltr] .Slider-module__input-range___Tin8Y:hover::-webkit-slider-runnable-track{background:linear-gradient(to right, #0065a3 0%, #0065a3 50%, #bcbfc0 50%, #bcbfc0 100%);background:linear-gradient(to right, var(--terra-slider-track-selected-range-hover, #0065a3) 0%, var(--terra-slider-track-selected-range-hover, #0065a3) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range-hover, #bcbfc0) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range-hover, #bcbfc0) 100%)}[dir=rtl] .Slider-module__input-range___Tin8Y:hover::-webkit-slider-runnable-track{background:linear-gradient(to left, #0065a3 0%, #0065a3 50%, #bcbfc0 50%, #bcbfc0 100%);background:linear-gradient(to left, var(--terra-slider-track-selected-range-hover, #0065a3) 0%, var(--terra-slider-track-selected-range-hover, #0065a3) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range-hover, #bcbfc0) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range-hover, #bcbfc0) 100%)}.Slider-module__input-range___Tin8Y:disabled::-webkit-slider-runnable-track{-webkit-appearance:none}[dir=ltr] .Slider-module__input-range___Tin8Y:disabled::-webkit-slider-runnable-track{background:linear-gradient(to right, #007cc3 0%, #007cc3 50%, #d3d4d5 50%, #d3d4d5 100%);background:linear-gradient(to right, var(--terra-slider-track-disabled-selected-range, #007cc3) 0%, var(--terra-slider-track-disabled-selected-range, #007cc3) 50%, var(--terra-slider-track-disabled-unselected-range, #d3d4d5) 50%, var(--terra-slider-track-disabled-unselected-range, #d3d4d5) 100%)}[dir=rtl] .Slider-module__input-range___Tin8Y:disabled::-webkit-slider-runnable-track{background:linear-gradient(to left, #007cc3 0%, #007cc3 50%, #d3d4d5 50%, #d3d4d5 100%);background:linear-gradient(to left, var(--terra-slider-track-disabled-selected-range, #007cc3) 0%, var(--terra-slider-track-disabled-selected-range, #007cc3) 50%, var(--terra-slider-track-disabled-unselected-range, #d3d4d5) 50%, var(--terra-slider-track-disabled-unselected-range, #d3d4d5) 100%)}.Slider-module__input-range___Tin8Y:disabled::-webkit-slider-thumb{-webkit-appearance:none}[dir] .Slider-module__input-range___Tin8Y:disabled::-webkit-slider-thumb{background:#007cc3;background:var(--terra-slider-thumb-disabled-background, #007cc3)}.Slider-module__input-range___Tin8Y::-ms-track{-webkit-appearance:none;height:0.43rem;height:var(--terra-slider-track-height, 0.43rem)}[dir] .Slider-module__input-range___Tin8Y::-ms-track{border-radius:0.214rem;border-radius:var(--terra-slider-track-border-radius, 0.214rem)}[dir=ltr] .Slider-module__input-range___Tin8Y::-ms-track{background:linear-gradient(to right, #007cc3 0%, #007cc3 50%, #d3d4d5 50%, #d3d4d5 100%);background:linear-gradient(to right, var(--terra-slider-track-selected-range, #007cc3) 0%, var(--terra-slider-track-selected-range, #007cc3) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range, #d3d4d5) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range, #d3d4d5) 100%)}[dir=rtl] .Slider-module__input-range___Tin8Y::-ms-track{background:linear-gradient(to left, #007cc3 0%, #007cc3 50%, #d3d4d5 50%, #d3d4d5 100%);background:linear-gradient(to left, var(--terra-slider-track-selected-range, #007cc3) 0%, var(--terra-slider-track-selected-range, #007cc3) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range, #d3d4d5) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range, #d3d4d5) 100%)}.Slider-module__input-range___Tin8Y::-ms-thumb{-webkit-appearance:none;height:1.715rem;height:var(--terra-slider-thumb-height, 1.715rem);width:1.715rem;width:var(--terra-slider-thumb-width, 1.715rem)}[dir] .Slider-module__input-range___Tin8Y::-ms-thumb{background:#007cc3;background:var(--terra-slider-thumb-background, #007cc3);border-color:#0065a3;border-color:var(--terra-slider-thumb-border-color, #0065a3);border-radius:1.715rem;border-radius:var(--terra-slider-thumb-border-radius, 1.715rem);border-style:solid;border-width:0.071rem;border-width:var(--terra-slider-thumb-border-width, 0.071rem);box-shadow:0 0 0.286rem 0 rgba(0, 0, 0, 0.25);box-shadow:var(--terra-slider-thumb-box-shadow, 0 0 0.286rem 0 rgba(0, 0, 0, 0.25));margin-top:-0.57rem;margin-top:var(--terra-slider-thumb-margin-top, -0.57rem)}.Slider-module__input-range___Tin8Y:focus::-ms-thumb{outline:0.143rem dashed #000;outline:var(--terra-slider-thumb-focus-outline, 0.143rem dashed #000);outline-offset:0.071rem;outline-offset:var(--terra-slider-thumb-focus-outline-offset, 0.071rem)}[dir] .Slider-module__input-range___Tin8Y:hover::-ms-thumb{background:#0065a3;background:var(--terra-slider-thumb-hover-background, #0065a3)}[dir] .Slider-module__input-range___Tin8Y:active::-ms-thumb{background:#004c75;background:var(--terra-slider-thumb-active-background, #004c75)}[dir=ltr] .Slider-module__input-range___Tin8Y:hover::-ms-track{background:linear-gradient(to right, #0065a3 0%, #0065a3 50%, #bcbfc0 50%, #bcbfc0 100%);background:linear-gradient(to right, var(--terra-slider-track-selected-range-hover, #0065a3) 0%, var(--terra-slider-track-selected-range-hover, #0065a3) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range-hover, #bcbfc0) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range-hover, #bcbfc0) 100%)}[dir=rtl] .Slider-module__input-range___Tin8Y:hover::-ms-track{background:linear-gradient(to left, #0065a3 0%, #0065a3 50%, #bcbfc0 50%, #bcbfc0 100%);background:linear-gradient(to left, var(--terra-slider-track-selected-range-hover, #0065a3) 0%, var(--terra-slider-track-selected-range-hover, #0065a3) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range-hover, #bcbfc0) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range-hover, #bcbfc0) 100%)}.Slider-module__input-range___Tin8Y:disabled::-ms-track{-webkit-appearance:none}[dir=ltr] .Slider-module__input-range___Tin8Y:disabled::-ms-track{background:linear-gradient(to right, #007cc3 0%, #007cc3 50%, #d3d4d5 50%, #d3d4d5 100%);background:linear-gradient(to right, var(--terra-slider-track-disabled-selected-range, #007cc3) 0%, var(--terra-slider-track-disabled-selected-range, #007cc3) 50%, var(--terra-slider-track-disabled-unselected-range, #d3d4d5) 50%, var(--terra-slider-track-disabled-unselected-range, #d3d4d5) 100%)}[dir=rtl] .Slider-module__input-range___Tin8Y:disabled::-ms-track{background:linear-gradient(to left, #007cc3 0%, #007cc3 50%, #d3d4d5 50%, #d3d4d5 100%);background:linear-gradient(to left, var(--terra-slider-track-disabled-selected-range, #007cc3) 0%, var(--terra-slider-track-disabled-selected-range, #007cc3) 50%, var(--terra-slider-track-disabled-unselected-range, #d3d4d5) 50%, var(--terra-slider-track-disabled-unselected-range, #d3d4d5) 100%)}.Slider-module__input-range___Tin8Y:disabled::-ms-thumb{-webkit-appearance:none}[dir] .Slider-module__input-range___Tin8Y:disabled::-ms-thumb{background:#007cc3;background:var(--terra-slider-thumb-disabled-background, #007cc3)}.Slider-module__input-range___Tin8Y::-moz-range-track{-moz-appearance:none;height:0.43rem;height:var(--terra-slider-track-height, 0.43rem)}[dir] .Slider-module__input-range___Tin8Y::-moz-range-track{border-radius:0.214rem;border-radius:var(--terra-slider-track-border-radius, 0.214rem)}[dir=ltr] .Slider-module__input-range___Tin8Y::-moz-range-track{background:linear-gradient(to right, #007cc3 0%, #007cc3 50%, #d3d4d5 50%, #d3d4d5 100%);background:linear-gradient(to right, var(--terra-slider-track-selected-range, #007cc3) 0%, var(--terra-slider-track-selected-range, #007cc3) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range, #d3d4d5) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range, #d3d4d5) 100%)}[dir=rtl] .Slider-module__input-range___Tin8Y::-moz-range-track{background:linear-gradient(to left, #007cc3 0%, #007cc3 50%, #d3d4d5 50%, #d3d4d5 100%);background:linear-gradient(to left, var(--terra-slider-track-selected-range, #007cc3) 0%, var(--terra-slider-track-selected-range, #007cc3) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range, #d3d4d5) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range, #d3d4d5) 100%)}.Slider-module__input-range___Tin8Y::-moz-range-thumb{-moz-appearance:none;height:1.715rem;height:var(--terra-slider-thumb-height, 1.715rem);width:1.715rem;width:var(--terra-slider-thumb-width, 1.715rem)}[dir] .Slider-module__input-range___Tin8Y::-moz-range-thumb{background:#007cc3;background:var(--terra-slider-thumb-background, #007cc3);border-color:#0065a3;border-color:var(--terra-slider-thumb-border-color, #0065a3);border-radius:1.715rem;border-radius:var(--terra-slider-thumb-border-radius, 1.715rem);border-style:solid;border-width:0.071rem;border-width:var(--terra-slider-thumb-border-width, 0.071rem);box-shadow:0 0 0.286rem 0 rgba(0, 0, 0, 0.25);box-shadow:var(--terra-slider-thumb-box-shadow, 0 0 0.286rem 0 rgba(0, 0, 0, 0.25));margin-top:-0.57rem;margin-top:var(--terra-slider-thumb-margin-top, -0.57rem)}.Slider-module__input-range___Tin8Y:focus::-moz-range-thumb{outline:0.143rem dashed #000;outline:var(--terra-slider-thumb-focus-outline, 0.143rem dashed #000);outline-offset:0.071rem;outline-offset:var(--terra-slider-thumb-focus-outline-offset, 0.071rem)}[dir] .Slider-module__input-range___Tin8Y:hover::-moz-range-thumb{background:#0065a3;background:var(--terra-slider-thumb-hover-background, #0065a3)}[dir] .Slider-module__input-range___Tin8Y:active::-moz-range-thumb{background:#004c75;background:var(--terra-slider-thumb-active-background, #004c75)}[dir=ltr] .Slider-module__input-range___Tin8Y:hover::-moz-range-track{background:linear-gradient(to right, #0065a3 0%, #0065a3 50%, #bcbfc0 50%, #bcbfc0 100%);background:linear-gradient(to right, var(--terra-slider-track-selected-range-hover, #0065a3) 0%, var(--terra-slider-track-selected-range-hover, #0065a3) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range-hover, #bcbfc0) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range-hover, #bcbfc0) 100%)}[dir=rtl] .Slider-module__input-range___Tin8Y:hover::-moz-range-track{background:linear-gradient(to left, #0065a3 0%, #0065a3 50%, #bcbfc0 50%, #bcbfc0 100%);background:linear-gradient(to left, var(--terra-slider-track-selected-range-hover, #0065a3) 0%, var(--terra-slider-track-selected-range-hover, #0065a3) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range-hover, #bcbfc0) var(--terra-slider-progress-status, 50%), var(--terra-slider-track-unselected-range-hover, #bcbfc0) 100%)}.Slider-module__input-range___Tin8Y:disabled::-moz-range-track{-moz-appearance:none}[dir=ltr] .Slider-module__input-range___Tin8Y:disabled::-moz-range-track{background:linear-gradient(to right, #007cc3 0%, #007cc3 50%, #d3d4d5 50%, #d3d4d5 100%);background:linear-gradient(to right, var(--terra-slider-track-disabled-selected-range, #007cc3) 0%, var(--terra-slider-track-disabled-selected-range, #007cc3) 50%, var(--terra-slider-track-disabled-unselected-range, #d3d4d5) 50%, var(--terra-slider-track-disabled-unselected-range, #d3d4d5) 100%)}[dir=rtl] .Slider-module__input-range___Tin8Y:disabled::-moz-range-track{background:linear-gradient(to left, #007cc3 0%, #007cc3 50%, #d3d4d5 50%, #d3d4d5 100%);background:linear-gradient(to left, var(--terra-slider-track-disabled-selected-range, #007cc3) 0%, var(--terra-slider-track-disabled-selected-range, #007cc3) 50%, var(--terra-slider-track-disabled-unselected-range, #d3d4d5) 50%, var(--terra-slider-track-disabled-unselected-range, #d3d4d5) 100%)}.Slider-module__input-range___Tin8Y:disabled::-moz-range-thumb{-moz-appearance:none}[dir] .Slider-module__input-range___Tin8Y:disabled::-moz-range-thumb{background:#007cc3;background:var(--terra-slider-thumb-disabled-background, #007cc3)} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} diff --git a/14431-8528bdde1a4b2c32b30d.css b/14431-8528bdde1a4b2c32b30d.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/14431-8528bdde1a4b2c32b30d.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/14431-8528bdde1a4b2c32b30d.js b/14431-8528bdde1a4b2c32b30d.js new file mode 100644 index 0000000000..739a319ac6 --- /dev/null +++ b/14431-8528bdde1a4b2c32b30d.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[14431,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,a,l){var m=l(64836);a.Z=void 0;var d=m(l(67294)),n=m(l(45697)),r=m(l(47166)),t=m(l(17422)),i=r.default.bind(t.default),u={name:n.default.string.isRequired,src:n.default.string,url:n.default.string,version:n.default.string.isRequired},p=function(e){var a=e.src,l=e.name,m=e.url,n=e.version,r=d.default.createElement("a",{className:i("badge"),href:m||"https://www.npmjs.org/package/".concat(l,"/v/").concat(n)},d.default.createElement("span",{className:i("badge-name")},m?"package":"npm"),d.default.createElement("span",{className:i("badge-version")},"v".concat(n))),t=a?d.default.createElement("a",{className:i("badge"),href:a},d.default.createElement("span",{className:i("badge-name")},"github"),d.default.createElement("span",{className:i("badge-version")},"source")):void 0;return d.default.createElement("div",{className:i("badge-container")},r,t)};p.propTypes=u;var x=p;a.Z=x},14431:function(e,a,l){l.r(a),l.d(a,{default:function(){return h}});l(67294);var m=l(81254),d=l(16351),n=["components"];function r(){return r=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(d[l]=e[l]);return d}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(m=0;m=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(d[l]=e[l])}return d}var i={},u="wrapper";function p(e){var a=e.components,l=t(e,n);return(0,m.mdx)(u,r({},i,l,{components:a,mdxType:"MDXLayout"}),(0,m.mdx)("h1",{id:"changelog"},"Changelog"),(0,m.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,m.mdx)("h2",{id:"4330---october-3-2023"},"4.33.0 - (October 3, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Fixed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Nested slide titles were not always getting announced by screen readers.")))),(0,m.mdx)("h2",{id:"4320---july-31-2023"},"4.32.0 - (July 31, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4310---april-27-2023"},"4.31.0 - (April 27, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added programmatic context when opening and closing slides."),(0,m.mdx)("li",{parentName:"ul"},"Added focus for disclosed (nested) slides.")))),(0,m.mdx)("h2",{id:"4300---march-29-2023"},"4.30.0 - (March 29, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated to focus originating element when a slide is closed.")))),(0,m.mdx)("h2",{id:"4290---march-15-2022"},"4.29.0 - (March 15, 2022)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Migrate docs to terra-framework-docs.")))),(0,m.mdx)("h2",{id:"4280---september-20-2021"},"4.28.0 - (September 20, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated WDIO screenshots due to webpack-config-terra sass upgrade.")))),(0,m.mdx)("h2",{id:"4270---june-8-2021"},"4.27.0 - (June 8, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4260---april-6-2021"},"4.26.0 - (April 6, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,m.mdx)("h2",{id:"4250---march-9-2021"},"4.25.0 - (March 9, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated to use terra-functional-testing")))),(0,m.mdx)("h2",{id:"4240---december-8-2020"},"4.24.0 - (December 8, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,m.mdx)("h2",{id:"4230---august-4-2020"},"4.23.0 - (August 4, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated Changelog format")))),(0,m.mdx)("h2",{id:"4220---july-14-2020"},"4.22.0 - (July 14, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"updated ",(0,m.mdx)("inlineCode",{parentName:"li"},"master")," references to ",(0,m.mdx)("inlineCode",{parentName:"li"},"main"),"."),(0,m.mdx)("li",{parentName:"ul"},"Remove unused disable eslint directives")))),(0,m.mdx)("h2",{id:"4210---june-2-2020"},"4.21.0 - (June 2, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Apply themes by context and directly include packaged themes.")))),(0,m.mdx)("h2",{id:"4200---april-28-2020"},"4.20.0 - (April 28, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added ",(0,m.mdx)("inlineCode",{parentName:"li"},"directory")," as a sub attribute to the ",(0,m.mdx)("inlineCode",{parentName:"li"},"repository")," attribute in package.json"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Removed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge')))),(0,m.mdx)("h2",{id:"4190---march-31-2020"},"4.19.0 - (March 31, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,m.mdx)("h2",{id:"4180---march-10-2020"},"4.18.0 - (March 10, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update docs to use MDX syntax")))),(0,m.mdx)("h2",{id:"4170---february-18-2020"},"4.17.0 - (February 18, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme theming files")))),(0,m.mdx)("h2",{id:"4160---january-28-2020"},"4.16.0 - (January 28, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update copyright to include 2020")))),(0,m.mdx)("h2",{id:"4150---january-7-2020"},"4.15.0 - (January 7, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Removed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed yarn reference in docs")))),(0,m.mdx)("h2",{id:"4140---december-10-2019"},"4.14.0 - (December 10, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added orion-fusion-theme and generated the respective reference wdio screenshots.")))),(0,m.mdx)("h2",{id:"4130---november-7-2019"},"4.13.0 - (November 7, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Resolved lint warnings for multiple empty lines")))),(0,m.mdx)("h2",{id:"4120---october-16-2019"},"4.12.0 - (October 16, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,m.mdx)("h2",{id:"4110---october-3-2019"},"4.11.0 - (October 3, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,m.mdx)("h2",{id:"4100---september-26-2019"},"4.10.0 - (September 26, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,m.mdx)("h2",{id:"490---september-19-2019"},"4.9.0 - (September 19, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed ",(0,m.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site."),(0,m.mdx)("li",{parentName:"ul"},"Doc site example module import syntax modified to use package.json name resolution")))),(0,m.mdx)("h2",{id:"480---september-6-2019"},"4.8.0 - (September 6, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files")))),(0,m.mdx)("h2",{id:"470---august-14-2019"},"4.7.0 - (August 14, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"updated package.json test scripts")))),(0,m.mdx)("h2",{id:"460---july-30-2019"},"4.6.0 - (July 30, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Removed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed DEPENDENCIES.md file")))),(0,m.mdx)("h2",{id:"450---july-16-2019"},"4.5.0 - (July 16, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies")))),(0,m.mdx)("h2",{id:"440---july-10-2019"},"4.4.0 - (July 10, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"430---july-2-2019"},"4.3.0 - (July 2, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Renamed test and example SCSS files to end with ",(0,m.mdx)("inlineCode",{parentName:"li"},".module.scss")," extension")))),(0,m.mdx)("h2",{id:"420---june-19-2019"},"4.2.0 - (June 19, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"410---june-12-2019"},"4.1.0 - (June 12, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Removed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed all inline styles and implemented the same styles using external css."))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update tests for terra-toolkit v5 and terra-dev-site v5 changes"),(0,m.mdx)("li",{parentName:"ul"},"Update wdio spec to use Terra.describeViewports")))),(0,m.mdx)("h2",{id:"400---may-13-2019"},"4.0.0 - (May 13, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Breaking Change",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated react-transition-group dependency to latest stable major release (^4.0.0)")))),(0,m.mdx)("h2",{id:"330---april-24-2019"},"3.3.0 - (April 24, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Moved packages we use solely in doc examples and tests to devDependencies")))),(0,m.mdx)("h2",{id:"320---march-26-2019"},"3.2.0 - (March 26, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Removed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,m.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,m.mdx)("h2",{id:"310---february-5-2019"},"3.1.0 - (February 5, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,m.mdx)("h2",{id:"300---january-25-2019"},"3.0.0 - (January 25, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Breaking Change",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated terra-core dependencies")))),(0,m.mdx)("h2",{id:"2300---january-5-2019"},"2.30.0 - (January 5, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,m.mdx)("h2",{id:"2290---january-2-2019"},"2.29.0 - (January 2, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Migrate package to the terra-framework repository")))),(0,m.mdx)("h2",{id:"2280---november-19-2018"},"2.28.0 - (November 19, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2270---november-13-2018"},"2.27.0 - (November 13, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2260---november-9-2018"},"2.26.0 - (November 9, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2250---october-24-2018"},"2.25.0 - (October 24, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2240---october-16-2018"},"2.24.0 - (October 16, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2230---october-8-2018"},"2.23.0 - (October 8, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2220---september-25-2018"},"2.22.0 - (September 25, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2211---september-6-2018"},"2.21.1 - (September 6, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,m.mdx)("h2",{id:"2210---september-5-2018"},"2.21.0 - (September 5, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,m.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,m.mdx)("h2",{id:"2200---september-4-2018"},"2.20.0 - (September 4, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2190---august-29-2018"},"2.19.0 - (August 29, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2180---august-1-2018"},"2.18.0 - (August 1, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2170---july-19-2018"},"2.17.0 - (July 19, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Add .module extension to SCSS file(s)")))),(0,m.mdx)("h2",{id:"2160---july-17-2018"},"2.16.0 - (July 17, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,m.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v4 update")))),(0,m.mdx)("h2",{id:"2150---july-10-2018"},"2.15.0 - (July 10, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2140---june-28-2018"},"2.14.0 - (June 28, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added change log to the documentation on terra-dev-site")))),(0,m.mdx)("h2",{id:"2130---june-22-2018"},"2.13.0 - (June 22, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Moved terra-base from dependency to peerDependency")))),(0,m.mdx)("h2",{id:"2120---june-12-2018"},"2.12.0 - (June 12, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},'Updated "test:jest" script to work on windows.')))),(0,m.mdx)("h2",{id:"2110---may-30-2018"},"2.11.0 - (May 30, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated structure to match terra-dev-site 1.0 and moved doc examples internal.")))),(0,m.mdx)("h2",{id:"2100---may-23-2018"},"2.10.0 - (May 23, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"290---may-16-2018"},"2.9.0 - (May 16, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"280---may-9-2018"},"2.8.0 - (May 9, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Allow background color to be themeable for SlideGroup's Slide component")))),(0,m.mdx)("h2",{id:"270---may-2-2018"},"2.7.0 - (May 2, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"260---april-20-2018"},"2.6.0 - (April 20, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"250---april-15-2018"},"2.5.0 - (April 15, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"240---april-5-2018"},"2.4.0 - (April 5, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"230---march-30-2018"},"2.3.0 - (March 30, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"220---march-6-2018"},"2.2.0 - (March 6, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Removed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed props-table script from package.json")))),(0,m.mdx)("h2",{id:"210---february-26-2018"},"2.1.0 - (February 26, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Fixed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed unstyled div from the group, it was causing issues within IE10 with height.")))),(0,m.mdx)("h2",{id:"201---february-13-2018"},"2.0.1 - (February 13, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated peerDependencies")))),(0,m.mdx)("h2",{id:"200---february-12-2018"},"2.0.0 - (February 12, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated to use React 16"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Slide visibility is maintained when multiple items are added/removed at the same time.")))),(0,m.mdx)("h2",{id:"1160---february-1-2018"},"1.16.0 - (February 1, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1150---january-18-2018"},"1.15.0 - (January 18, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1140---january-5-2018"},"1.14.0 - (January 5, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1130---november-28-2017"},"1.13.0 - (November 28, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1120---november-16-2017"},"1.12.0 - (November 16, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1110---october-6-2017"},"1.11.0 - (October 6, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1100---september-26-2017"},"1.10.0 - (September 26, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"IE10+ enter animation caused by IE bug when using calc() within transition or transform (",(0,m.mdx)("a",{parentName:"li",href:"https://connect.microsoft.com/IE/feedback/details/762719/css3-calc-bug-inside-transition-or-transform"},"https://connect.microsoft.com/IE/feedback/details/762719/css3-calc-bug-inside-transition-or-transform"),")"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Removed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Remove stylelint-disable selector-class-pattern")))),(0,m.mdx)("h2",{id:"190---september-19-2017"},"1.9.0 - (September 19, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Bump react-transition-group dependency to v2.2.0"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Disable content on hidden slides to prevent keyboard access")))),(0,m.mdx)("h2",{id:"180---september-12-2017"},"1.8.0 - (September 12, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"170---september-7-2017"},"1.7.0 - (September 7, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"160---september-5-2017"},"1.6.0 - (September 5, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update nightwatch tests and test scripts.")))),(0,m.mdx)("h2",{id:"150---august-31-2017"},"1.5.0 - (August 31, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"140---august-15-2017"},"1.4.0 - (August 15, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"130---august-8-2017"},"1.3.0 - (August 8, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"120---august-1-2017"},"1.2.0 - (August 1, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Converted component to use CSS modules")))),(0,m.mdx)("h2",{id:"110---july-18-2017"},"1.1.0 - (July 18, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated nightwatch test scripts"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Removed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed nightwatch.config file")))),(0,m.mdx)("h2",{id:"100---june-28-2017"},"1.0.0 - (June 28, 2017)"),(0,m.mdx)("p",null,"Initial stable release"))}p.isMDXComponent=!0;var x=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(d[l]=e[l]);return d}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(m=0;m=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(d[l]=e[l])}return d}var N={},c="wrapper";function h(e){var a=e.components,l=s(e,x);return(0,m.mdx)(c,o({},N,l,{components:a,mdxType:"MDXLayout"}),(0,m.mdx)(d.C,{mdxType:"Badge"}),(0,m.mdx)(p,{mdxType:"ChangeLog"}))}h.isMDXComponent=!0},16351:function(e,a,l){l.d(a,{C:function(){return n}});var m=l(67294),d=l(22863),n=function(e){var a=e.url;return m.createElement(d.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-slide-group",name:"terra-slide-group",version:"4.33.0",url:a})}},17422:function(e,a,l){l.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/14516-b57c3582defab5b6135f.css b/14516-b57c3582defab5b6135f.css new file mode 100644 index 0000000000..26c57489b7 --- /dev/null +++ b/14516-b57c3582defab5b6135f.css @@ -0,0 +1,4 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} +.Table-module__clinical-lowlight-theme___PqYJ8{--terra-html-table-background-color: #383f42;--terra-html-table-border: 1px solid #585a5c;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: none;--terra-html-table-header-cell-color: #1c1f21;--terra-html-table-header-cell-font-size: 1rem;--terra-html-table-header-cell-font-weight: bold;--terra-html-table-header-cell-border-right: 1px solid #585a5c;--terra-html-table-first-header-cell-border-left: 1px solid #585a5c;--terra-html-table-last-header-cell-border-right: 1px solid #585a5c;--terra-html-table-header-background-color: #909496;--terra-html-table-header-box-shadow: 0 4px 4px -3.5px #1c1f21, inset 0 0 0 1px #585a5c;--terra-html-table-header-row-border-bottom: 1px solid #585a5c;--terra-html-table-header-row-border-top: 1px solid #585a5c;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #b2b5b6;--terra-html-table-cell-font-size: 1rem;--terra-html-table-first-cell-border-left: 1px solid #585a5c;--terra-html-table-last-cell-border-right: 1px solid #585a5c;--terra-html-table-header-cell-standard-padding-bottom: 0.5rem;--terra-html-table-header-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-top: 0.5rem;--terra-html-table-header-cell-compact-padding-bottom: 0.25rem;--terra-html-table-header-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-top: 0.25rem;--terra-html-table-cell-standard-padding-bottom: 0.5rem;--terra-html-table-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-cell-standard-padding-top: 0.5rem;--terra-html-table-cell-compact-padding-bottom: 0.25rem;--terra-html-table-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-cell-compact-padding-top: 0.25rem;--terra-html-table-row-border-top: 1px solid #585a5c;--terra-html-table-last-row-border-bottom: 1px solid #585a5c;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #2d3539}.Table-module__orion-fusion-theme___d9rxf{--terra-html-table-background-color: transparent;--terra-html-table-border: 0;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: transparent;--terra-html-table-header-cell-color: #64696c;--terra-html-table-header-cell-font-size: 0.857142857rem;--terra-html-table-header-cell-font-weight: normal;--terra-html-table-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-first-header-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-background-color: #f4f4f4;--terra-html-table-header-box-shadow: none;--terra-html-table-header-row-border-bottom: 2px solid #64696c;--terra-html-table-header-row-border-top: 1px solid #c8cacb;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #1c1f21;--terra-html-table-cell-font-size: 0.857142857rem;--terra-html-table-first-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-cell-standard-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-top: 0.428571429rem;--terra-html-table-header-cell-compact-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-top: 0.428571429rem;--terra-html-table-cell-standard-padding-bottom: 0.8571428571rem;--terra-html-table-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-cell-standard-padding-top: 0.8571428571rem;--terra-html-table-cell-compact-padding-bottom: 0.8571428571rem;--terra-html-table-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-cell-compact-padding-top: 0.8571428571rem;--terra-html-table-row-border-top: 0;--terra-html-table-last-row-border-bottom: 1px solid #c8cacb;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #f4f4f4}.Table-module__table___eg2Mi{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___eg2Mi{background-color:transparent;background-color:var(--terra-html-table-background-color, transparent);border:0;border:var(--terra-html-table-border, 0);border-radius:0;border-radius:var(--terra-html-table-border-radius, 0)}[dir] .Table-module__table___eg2Mi caption{padding-bottom:.5em}.Table-module__table___eg2Mi tr{display:table-row}[dir] .Table-module__table___eg2Mi tr{margin-bottom:0}.Table-module__table___eg2Mi td,.Table-module__table___eg2Mi th{color:#1c1f21;color:var(--terra-html-table-cell-color, #1c1f21);display:table-cell;font-size:1rem;font-size:var(--terra-html-table-cell-font-size, 1rem);font-weight:normal;vertical-align:top}[dir] .Table-module__table___eg2Mi td, [dir] .Table-module__table___eg2Mi th{border:0}[dir=ltr] .Table-module__table___eg2Mi td, [dir=ltr] .Table-module__table___eg2Mi th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___eg2Mi td, [dir=rtl] .Table-module__table___eg2Mi th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___eg2Mi td:first-child, [dir=ltr] .Table-module__table___eg2Mi th:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:first-child, [dir=rtl] .Table-module__table___eg2Mi th:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi td:last-child, [dir=ltr] .Table-module__table___eg2Mi th:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:last-child, [dir=rtl] .Table-module__table___eg2Mi th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___eg2Mi thead th, [dir] .Table-module__table___eg2Mi thead td{border:0}[dir=ltr] .Table-module__table___eg2Mi thead th, [dir=ltr] .Table-module__table___eg2Mi thead td{border-right:1px solid rgba(200, 202, 203, 0.5);border-right:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:left}[dir=rtl] .Table-module__table___eg2Mi thead th, [dir=rtl] .Table-module__table___eg2Mi thead td{border-left:1px solid rgba(200, 202, 203, 0.5);border-left:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:right}[dir=ltr] .Table-module__table___eg2Mi thead th:first-child, [dir=ltr] .Table-module__table___eg2Mi thead td:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:first-child, [dir=rtl] .Table-module__table___eg2Mi thead td:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi thead th:last-child, [dir=ltr] .Table-module__table___eg2Mi thead td:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:last-child, [dir=rtl] .Table-module__table___eg2Mi thead td:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead{display:table-header-group}[dir] .Table-module__table___eg2Mi thead{background-color:#f1f1f2;background-color:var(--terra-html-table-header-background-color, #f1f1f2);box-shadow:0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5);box-shadow:var(--terra-html-table-header-box-shadow, 0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5))}[dir] .Table-module__table___eg2Mi thead tr{border-bottom:1px solid #b9bbbc;border-bottom:var(--terra-html-table-header-row-border-bottom, 1px solid #b9bbbc);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-header-row-border-top, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{color:#1c1f21;color:var(--terra-html-table-header-cell-color, #1c1f21);font-size:1rem;font-size:var(--terra-html-table-header-cell-font-size, 1rem);font-weight:bold;font-weight:var(--terra-html-table-header-cell-font-weight, bold);vertical-align:bottom}[dir] .Table-module__table___eg2Mi tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___eg2Mi tbody tr{background-color:transparent;background-color:var(--terra-html-table-row-background-color, transparent);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-row-border-top, 1px solid #dedfe0)}[dir] .Table-module__table___eg2Mi tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___eg2Mi tbody tr:last-of-type{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-html-table-last-row-border-bottom, 1px solid #dedfe0)}[dir] .Table-module__padding-standard___BfbC- th{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-header-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-header-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z th{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-header-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-header-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__padding-standard___BfbC- td{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z td{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__striped___n8xJe tbody tr:nth-of-type(even){background-color:#f6f7f8;background-color:var(--terra-html-table-row-striped-background-color, #f6f7f8)}@media print{.Table-module__table___eg2Mi thead{display:table-header-group}.Table-module__table___eg2Mi tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} diff --git a/14516-b57c3582defab5b6135f.js b/14516-b57c3582defab5b6135f.js new file mode 100644 index 0000000000..470860c110 --- /dev/null +++ b/14516-b57c3582defab5b6135f.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[14516,45627,37344,33667,96890,79482,85565,3353,5161,80858,14041,45865,16835,85355,3193,4845,27444,17657,46647,16873,85161,66097,38681,15318,40411,18101,33315,38443,11264,34319,78996,39915,33442],{13723:function(e,t,n){t.Z=void 0;var a=i(n(67294)),r=i(n(45697)),l=n(70362),o=i(n(62126));function i(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var m={};function p(e){var t=e.components,n=d(e,i);return(0,r.mdx)("wrapper",u({},m,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Generic } from 'terra-avatar';\nimport GenericAvatarVariantsWrapper from './GenericAvatarVariantsWrapper';\n\nconst propTypes = { color: PropTypes.string, size: PropTypes.string, variant: PropTypes.string };\n\nconst GenericAvatarVariants = ({\n ...props\n}) => (\n \n);\n\nGenericAvatarVariants.propTypes = propTypes;\nexport default GenericAvatarVariantsWrapper(GenericAvatarVariants);\n\n")))}p.isMDXComponent=!0;var c=n(49271),s=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(c.Z,{title:t||"Generic Avatar Variants",description:n,example:a.createElement(o.Z,null),exampleSrc:a.createElement(p,null),isExpanded:r})},f=n(78530),x=["components"];function v(){return v=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var g={},b="wrapper";function h(e){var t=e.components,n=y(e,x);return(0,r.mdx)(b,v({},g,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(f.ZP,{mdxType:"PropsTable"},(0,r.mdx)(f.X2,{key:"ROW1",mdxType:"Row"},(0,r.mdx)(f.O,{mdxType:"PropNameCell"},"alt"),(0,r.mdx)(f.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(f.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,r.mdx)(f.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(f.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Specifies the alternative text for the image."))),(0,r.mdx)(f.X2,{key:"ROW2",mdxType:"Row"},(0,r.mdx)(f.O,{mdxType:"PropNameCell"},"color"),(0,r.mdx)(f.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'auto'\n 'neutral'\n 'one'\n 'two'\n 'three'\n 'four'\n 'five'\n 'six'\n 'seven'\n 'eight'\n 'nine'\n 'ten'\n],\n"))),(0,r.mdx)(f.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(f.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"'auto'\n"))),(0,r.mdx)(f.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Sets the background color. Defaults to ",(0,r.mdx)("inlineCode",{parentName:"p"},"auto"),". Accepted color variants are theme specific.\nOne of: ",(0,r.mdx)("inlineCode",{parentName:"p"},"'auto'"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"'neutral'"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"'one'"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"'two'"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"'three'"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"'four'"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"'five'"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"'six'"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"'seven'"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"'eight'"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"'nine'"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"'ten'"),"."))),(0,r.mdx)(f.X2,{key:"ROW3",mdxType:"Row"},(0,r.mdx)(f.O,{mdxType:"PropNameCell"},"hashValue"),(0,r.mdx)(f.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(f.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(f.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(f.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Value used for the hash function when color is set to ",(0,r.mdx)("inlineCode",{parentName:"p"},"auto"),". If not provided, hash function utilizes alt."))),(0,r.mdx)(f.X2,{key:"ROW4",mdxType:"Row"},(0,r.mdx)(f.O,{mdxType:"PropNameCell"},"isAriaHidden"),(0,r.mdx)(f.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(f.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(f.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,r.mdx)(f.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Whether to hide avatar from the accessibility tree."))),(0,r.mdx)(f.X2,{key:"ROW5",mdxType:"Row"},(0,r.mdx)(f.O,{mdxType:"PropNameCell"},"size"),(0,r.mdx)(f.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(f.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(f.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(f.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Overrides the default size."))),(0,r.mdx)(f.X2,{key:"ROW6",mdxType:"Row"},(0,r.mdx)(f.O,{mdxType:"PropNameCell"},"variant"),(0,r.mdx)(f.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'single-user'\n 'shared-user'\n 'provider'\n],\n"))),(0,r.mdx)(f.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(f.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"'single-user'\n"))),(0,r.mdx)(f.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Sets the Generic Avatar type to One of the following variants ",(0,r.mdx)("inlineCode",{parentName:"p"},"single-user"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"shared-user"),", or ",(0,r.mdx)("inlineCode",{parentName:"p"},"provider"),".")))))}h.isMDXComponent=!0;var _=["components"];function E(){return E=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var T={},N="wrapper";function C(e){var t=e.components,n=O(e,_);return(0,r.mdx)(N,E({},T,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(l.C,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"generic"},"Generic"),(0,r.mdx)("p",null,"The ",(0,r.mdx)("inlineCode",{parentName:"p"},"Generic")," variant represents multiple users - it displays a shared user icon in a circular frame."),(0,r.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Install with ",(0,r.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"npm install terra-avatar"))))),(0,r.mdx)("h2",{id:"usage"},"Usage"),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport { Generic } from 'terra-avatar';\n\n\n")),(0,r.mdx)("h2",{id:"component-features"},"Component Features"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support"))),(0,r.mdx)("h2",{id:"examples"},"Examples"),(0,r.mdx)(s,{title:"Generic Avatar - Icons",mdxType:"GenericAvatarVariants"}),(0,r.mdx)("h2",{id:"shared-user-props"},"Shared User Props"),(0,r.mdx)(h,{mdxType:"GenericPropsTable"}))}C.isMDXComponent=!0},15985:function(e,t,n){n.d(t,{C:function(){return l}});var a=n(67294),r=n(22863),l=function(e){var t=e.url;return a.createElement(r.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-avatar",name:"terra-avatar",version:"3.18.0",url:t})}},17422:function(e,t,n){n.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},53560:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},33864:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=l(n(67294)),r=l(n(99139));function l(e){return e&&e.__esModule?e:{default:e}}function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(n[l]=e[l]);return n}(e,a);if(Object.getOwnPropertySymbols){var m=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(n[l]=e[l])}return n}var i={},u="wrapper";function p(e){var a=e.components,l=r(e,m);return(0,d.mdx)(u,t({},i,l,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)("h1",{id:"changelog"},"Changelog"),(0,d.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,d.mdx)("h2",{id:"3311---september-21-2023"},"3.31.1 - (September 21, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed extra top and bottom margins from LabelValueView description list.")))),(0,d.mdx)("h2",{id:"3310---august-2-2023"},"3.31.0 - (August 2, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3300---july-17-2023"},"3.30.0 - (July 17, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added a new prop ",(0,d.mdx)("inlineCode",{parentName:"li"},"ariaLabelledBy")," on the LabelValueView component.")))),(0,d.mdx)("h2",{id:"3290---june-14-2023"},"3.29.0 - (June 14, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Created a new prop ",(0,d.mdx)("inlineCode",{parentName:"li"},"isChildOfDescriptionList")," on the LabelValueView component."),(0,d.mdx)("li",{parentName:"ul"},"Updated the LabelValueView to be:"),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("pre",{parentName:"li"},(0,d.mdx)("code",{parentName:"pre"},'- a React.Fragment with a term and a definition when the LabelValueView is already inside a description list (when isChildOfDescriptionList is sent with a "true" value)\n'))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("pre",{parentName:"li"},(0,d.mdx)("code",{parentName:"pre"},'- a description list when isChildOfDescriptionList is not sent (undefined) or sent as "false"\n'))),(0,d.mdx)("li",{parentName:"ul"},"Updated the component examples for new prop ",(0,d.mdx)("inlineCode",{parentName:"li"},"isChildOfDescriptionList"),".")))),(0,d.mdx)("h2",{id:"3280---april-21-2023"},"3.28.0 - (April 21, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated the component examples.")))),(0,d.mdx)("h2",{id:"3270---march-29-2023"},"3.27.0 - (March 29, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated wdio screenshots.")))),(0,d.mdx)("h2",{id:"3260---july-21-2021"},"3.26.0 - (July 21, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,d.mdx)("h2",{id:"3250---march-25-2021"},"3.25.0 - (March 25, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Upgrade tests to terra-functional-testing and WebDriverIO v6")))),(0,d.mdx)("h2",{id:"3240---january-5-2021"},"3.24.0 - (January 5, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation.")))),(0,d.mdx)("h2",{id:"3230---november-10-2020"},"3.23.0 - (November 10, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,d.mdx)("h2",{id:"3220---august-25-2020"},"3.22.0 - (August 25, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Change label text color to use rgba instead of hex values.")))),(0,d.mdx)("h2",{id:"3210---august-4-2020"},"3.21.0 - (August 4, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update changelog formatting")))),(0,d.mdx)("h2",{id:"3200---june-9-2020"},"3.20.0 - (June 9, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Apply themes by context and directly include packaged themes.")))),(0,d.mdx)("h2",{id:"3190---april-28-2020"},"3.19.0 - (April 28, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"directory")," as a sub attribute to the ",(0,d.mdx)("inlineCode",{parentName:"li"},"repository")," attribute in package.json"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge')))),(0,d.mdx)("h2",{id:"3180---april-14-2020"},"3.18.0 - (April 14, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config")))),(0,d.mdx)("h2",{id:"3170---march-31-2020"},"3.17.0 - (March 31, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added wdio screenshots for clinical-lowlight-theme")))),(0,d.mdx)("h2",{id:"3160---march-17-2020"},"3.16.0 - (March 17, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update mdx syntax for docs")))),(0,d.mdx)("h2",{id:"3150---february-18-2020"},"3.15.0 - (February 18, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme theming files")))),(0,d.mdx)("h2",{id:"3140---january-28-2020"},"3.14.0 - (January 28, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update copyright to include 2020")))),(0,d.mdx)("h2",{id:"3130---january-22-2020"},"3.13.0 - (January 22, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added orion-fusion-theme and generated the respective reference wdio screenshots.")))),(0,d.mdx)("h2",{id:"3120---january-7-2020"},"3.12.0 - (January 7, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update docs to use mdx syntax")))),(0,d.mdx)("h2",{id:"3110---october-30-2019"},"3.11.0 - (October 30, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"3100---september-26-2019"},"3.10.0 - (September 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"390---september-19-2019"},"3.9.0 - (September 19, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Convert SCSS files to .module.scss")))),(0,d.mdx)("h2",{id:"380---september-6-2019"},"3.8.0 - (September 6, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed inline styles from dev site components."),(0,d.mdx)("li",{parentName:"ul"},"Add comments for ESlint 6"),(0,d.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files"),(0,d.mdx)("li",{parentName:"ul"},"Removed clinical-item-display as a dependency.")))),(0,d.mdx)("h2",{id:"370---august-14-2019"},"3.7.0 - (August 14, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated package.json test scripts")))),(0,d.mdx)("h2",{id:"360---july-16-2019"},"3.6.0 - (July 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Replaced inline stylings for terra-dev-site components with .scss files"),(0,d.mdx)("li",{parentName:"ul"},"Update wdio spec to use Terra.describeViewports")))),(0,d.mdx)("h2",{id:"350---june-11-2019"},"3.5.0 - (June 11, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Removed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore")))),(0,d.mdx)("h2",{id:"340---march-26-2019"},"3.4.0 - (March 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,d.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,d.mdx)("h2",{id:"330---february-26-2019"},"3.3.0 - (February 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"320---february-5-2019"},"3.2.0 - (February 5, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"310---january-22-2019"},"3.1.0 - (January 22, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Dependency updates")))),(0,d.mdx)("h2",{id:"300---january-17-2019"},"3.0.0 - (January 17, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Breaking Change"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated css theming variable name to fit linter standards"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Changelog dev site doc page")))),(0,d.mdx)("h2",{id:"2170---november-21-2018"},"2.17.0 - (November 21, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"2160---august-30-2018"},"2.16.0 - (August 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Enable color contrast accessibility rule")))),(0,d.mdx)("h2",{id:"2150---october-2-2018"},"2.15.0 - (October 2, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"2140---september-5-2018"},"2.14.0 - (September 5, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,d.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,d.mdx)("h2",{id:"2130---august-30-2018"},"2.13.0 - (August 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"2120---august-1-2018"},"2.12.0 - (August 1, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor updates")))),(0,d.mdx)("h2",{id:"2111---july-25-2018"},"2.11.1 - (July 25, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Patch release")))),(0,d.mdx)("h2",{id:"2110---july-25-2018"},"2.11.0 - (July 25, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor updates")))),(0,d.mdx)("h2",{id:"2100---july-17-2018"},"2.10.0 - (July 17, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor updates")))),(0,d.mdx)("h2",{id:"290---july-3-2018"},"2.9.0 - (July 3, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Lint in doc page")))),(0,d.mdx)("h2",{id:"280---june-28-2018"},"2.8.0 - (June 28, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"270---june-19-2018"},"2.7.0 - (June 19, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor updates")))),(0,d.mdx)("h2",{id:"260---june-12-2018"},"2.6.0 - (June 12, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Conform to eslint updates"),(0,d.mdx)("li",{parentName:"ul"},"Added theming variables in Label Value")))),(0,d.mdx)("h2",{id:"250---may-30-2018"},"2.5.0 - (May 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Moved examples to src")))),(0,d.mdx)("h2",{id:"240---may-22-2018"},"2.4.0 - (May 22, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"230---may-1-2018"},"2.3.0 - (May 1, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"220---march-27-2018"},"2.2.0 - (March 27, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated value font-size and the site example page")))),(0,d.mdx)("h2",{id:"210---march-6-2018"},"2.1.0 - (March 6, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"200---february-19-2018"},"2.0.0 - (February 19, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update to React 16")))),(0,d.mdx)("h2",{id:"150---february-19-2018"},"1.5.0 - (February 19, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"140---november-29-2017"},"1.4.0 - (November 29, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Break long words to wrap when needed")))),(0,d.mdx)("h2",{id:"130---september-26-2017"},"1.3.0 - (September 26, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Remove stylelint-disable selector-class-pattern")))),(0,d.mdx)("h2",{id:"120---september-1-2017"},"1.2.0 - (September 1, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Change dependency on terra-base to v2.0.0"),(0,d.mdx)("li",{parentName:"ul"},"Update nightwatch tests and test scripts.")))),(0,d.mdx)("h2",{id:"110---july-18-2017"},"1.1.0 - (July 18, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Converted component to use CSS modules"),(0,d.mdx)("li",{parentName:"ul"},"Updated nightwatch test scripts"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed nightwatch.config file")))),(0,d.mdx)("h2",{id:"100---june-28-2017"},"1.0.0 - (June 28, 2017)"),(0,d.mdx)("p",null,"Initial stable release"))}p.isMDXComponent=!0;var x=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(n[l]=e[l]);return n}(e,a);if(Object.getOwnPropertySymbols){var m=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(n[l]=e[l])}return n}var N={},c="wrapper";function h(e){var a=e.components,l=s(e,x);return(0,d.mdx)(c,o({},N,l,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)(n.C,{mdxType:"Badge"}),(0,d.mdx)(p,{mdxType:"ChangeLog"}))}h.isMDXComponent=!0},54341:function(e,a,l){l.d(a,{C:function(){return m}});var d=l(67294),n=l(22863),m=function(e){var a=e.url;return d.createElement(n.Z,{src:"https://github.com/cerner/terra-clinical/tree/main/packages/terra-clinical-label-value-view",name:"terra-clinical-label-value-view",version:"3.31.1",url:a})}},17422:function(e,a,l){l.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/14873-fb8be8f4427d65d59379.css b/14873-fb8be8f4427d65d59379.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/14873-fb8be8f4427d65d59379.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/14873-fb8be8f4427d65d59379.js b/14873-fb8be8f4427d65d59379.js new file mode 100644 index 0000000000..e5e7189cad --- /dev/null +++ b/14873-fb8be8f4427d65d59379.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[14873,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,a,l){var d=l(64836);a.Z=void 0;var m=d(l(67294)),n=d(l(45697)),t=d(l(47166)),i=d(l(17422)),r=t.default.bind(i.default),u={name:n.default.string.isRequired,src:n.default.string,url:n.default.string,version:n.default.string.isRequired},p=function(e){var a=e.src,l=e.name,d=e.url,n=e.version,t=m.default.createElement("a",{className:r("badge"),href:d||"https://www.npmjs.org/package/".concat(l,"/v/").concat(n)},m.default.createElement("span",{className:r("badge-name")},d?"package":"npm"),m.default.createElement("span",{className:r("badge-version")},"v".concat(n))),i=a?m.default.createElement("a",{className:r("badge"),href:a},m.default.createElement("span",{className:r("badge-name")},"github"),m.default.createElement("span",{className:r("badge-version")},"source")):void 0;return m.default.createElement("div",{className:r("badge-container")},t,i)};p.propTypes=u;var x=p;a.Z=x},14873:function(e,a,l){l.r(a),l.d(a,{default:function(){return h}});l(67294);var d=l(81254),m=l(28997),n=["components"];function t(){return t=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(m[l]=e[l]);return m}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(m[l]=e[l])}return m}var r={},u="wrapper";function p(e){var a=e.components,l=i(e,n);return(0,d.mdx)(u,t({},r,l,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)("h1",{id:"changelog"},"Changelog"),(0,d.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,d.mdx)("h2",{id:"4360---november-23-2023"},"4.36.0 - (November 23, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed title getting announced twice.")))),(0,d.mdx)("h2",{id:"4350---october-11-2023"},"4.35.0 - (October 11, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4340---october-3-2023"},"4.34.0 - (October 3, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4331---august-4-2023"},"4.33.1 - (August 4, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4330---july-31-2023"},"4.33.0 - (July 31, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4320---july-25-2023"},"4.32.0 - (July 25, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4310---july-19-2023"},"4.31.0 - (July 19, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4300---june-5-2023"},"4.30.0 - (June 5, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4290---may-11-2023"},"4.29.0 - (May 11, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4280---april-27-2023"},"4.28.0 - (April 27, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4270---march-29-2023"},"4.27.0 - (March 29, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated Jest snapshots.")))),(0,d.mdx)("h2",{id:"4260---march-1-2023"},"4.26.0 - (March 1, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated Jest snapshot for terra-button changes")))),(0,d.mdx)("h2",{id:"4250---february-14-2023"},"4.25.0 - (February 14, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated WDIO screenshots due to webpack-config-terra and\nterra-functional-testing upgrade.")))),(0,d.mdx)("h2",{id:"4240---december-13-2022"},"4.24.0 - (December 13, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4230---march-15-2022"},"4.23.0 - (March 15, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Migrate docs to terra-framework-docs")))),(0,d.mdx)("h2",{id:"4220---november-16-2021"},"4.22.0 - (November 16, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4210---november-9-2021"},"4.21.0 - (November 9, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated tests due to rounding differences in terra-abstract-modal")))),(0,d.mdx)("h2",{id:"4200---october-14-2021"},"4.20.0 - (October 14, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Reverted focus-trap-react upgrade due to passivity concerns")))),(0,d.mdx)("h2",{id:"4190---october-12-2021"},"4.19.0 - (October 12, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Upgrade focus-trap-react to version ^8.0.0.")))),(0,d.mdx)("h2",{id:"4180---september-20-2021"},"4.18.0 - (September 20, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated WDIO screenshots due to webpack-config-terra sass upgrade."),(0,d.mdx)("li",{parentName:"ul"},"Updated WDIO snapshots due to terra-functional-testing v2 upgrade.")))),(0,d.mdx)("h2",{id:"4170---july-21-2021"},"4.17.0 - (July 21, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated ",(0,d.mdx)("inlineCode",{parentName:"li"},"terra-icon")," from ",(0,d.mdx)("inlineCode",{parentName:"li"},"v3.1.0")," to ",(0,d.mdx)("inlineCode",{parentName:"li"},"v3.19.0"),".")))),(0,d.mdx)("h2",{id:"4160---july-20-2021"},"4.16.0 - (July 20, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated the upgrade guide to state to replace ",(0,d.mdx)("inlineCode",{parentName:"li"},"secondaryAction")," with ",(0,d.mdx)("inlineCode",{parentName:"li"},"rejectAction")," instead of ",(0,d.mdx)("inlineCode",{parentName:"li"},"primaryAction"))))),(0,d.mdx)("h2",{id:"4150---july-13-2021"},"4.15.0 - (July 13, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4140---june-8-2021"},"4.14.0 - (June 8, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4130---may-4-2021"},"4.13.0 - (May 4, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Regenerated screenshots involving a now removed defaulted implementation")))),(0,d.mdx)("h2",{id:"4120---april-6-2021"},"4.12.0 - (April 6, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,d.mdx)("h2",{id:"4110---march-9-2021"},"4.11.0 - (March 9, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated to use terra-functional-testing")))),(0,d.mdx)("h2",{id:"4100---february-9-2021"},"4.10.0 - (February 9, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"490---february-2-2021"},"4.9.0 - (February 2, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"480---january-26-2021"},"4.8.0 - (January 26, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"470---january-5-2021"},"4.7.0 - (January 5, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation.")))),(0,d.mdx)("h2",{id:"460---december-8-2020"},"4.6.0 - (December 8, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"450---november-24-2020"},"4.5.0 - (November 24, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"440---november-10-2020"},"4.4.0 - (November 10, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated to support a peer dependency of react-intl v2-v5"),(0,d.mdx)("li",{parentName:"ul"},"Updated jest due to changes in abstract modal.")))),(0,d.mdx)("h2",{id:"430---october-20-2020"},"4.3.0 - (October 20, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"420---october-13-2020"},"4.2.0 - (October 13, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"410---september-10-2020"},"4.1.0 - (September 10, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fix the hazard-high translation for nl and add hazard-medium translations for nl and nl-BE")))),(0,d.mdx)("h2",{id:"400---august-27-2020"},"4.0.0 - (August 27, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Breaking Changes"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"See ",(0,d.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/notification-dialog/upgrade-guide"},"Upgrade Guide")," for more information."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"dialogTitle")," prop to replace ",(0,d.mdx)("inlineCode",{parentName:"li"},"title")," prop"),(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"custom")," prop to set custom variant pieces"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Relaxed ",(0,d.mdx)("inlineCode",{parentName:"li"},"isOpen")," prop to be optional and set default value of false"),(0,d.mdx)("li",{parentName:"ul"},"Variants",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated ",(0,d.mdx)("inlineCode",{parentName:"li"},"variant")," prop to be required and set default value to undefined"),(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},'variant="success"')," / ",(0,d.mdx)("inlineCode",{parentName:"li"},"variant={NotificationDialogVariants.SUCCESS}")," from variant options"))),(0,d.mdx)("li",{parentName:"ul"},"Updated & backfilled orion-fusion-theme and clinical-lowlight-theme"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"title")," prop`"),(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"header")," prop - API no longer allows overriding default header (signal words)"),(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"customIcon")," prop - set custom.iconClassName instead"),(0,d.mdx)("li",{parentName:"ul"},"Removed deprecated ",(0,d.mdx)("inlineCode",{parentName:"li"},"primaryAction")," prop - use ",(0,d.mdx)("inlineCode",{parentName:"li"},"acceptAction")," prop instead"),(0,d.mdx)("li",{parentName:"ul"},"Removed deprecated ",(0,d.mdx)("inlineCode",{parentName:"li"},"secondaryAction")," prop - use ",(0,d.mdx)("inlineCode",{parentName:"li"},"rejectAction")," prop instead"),(0,d.mdx)("li",{parentName:"ul"},"Removed deprecated ",(0,d.mdx)("inlineCode",{parentName:"li"},"message")," prop - use ",(0,d.mdx)("inlineCode",{parentName:"li"},"startMessage")," prop instead"),(0,d.mdx)("li",{parentName:"ul"},"Removed NotificationDialogVariants")))),(0,d.mdx)("h2",{id:"3400---august-18-2020"},"3.40.0 - (August 18, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3390---august-11-2020"},"3.39.0 - (August 11, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3380---august-4-2020"},"3.38.0 - (August 4, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated Changelog format")))),(0,d.mdx)("h2",{id:"3370---july-14-2020"},"3.37.0 - (July 14, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Remove unused disable eslint directives")))),(0,d.mdx)("h2",{id:"3360---june-16-2020"},"3.36.0 - (June 16, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3350---june-9-2020"},"3.35.0 - (June 9, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Apply themes by context and directly include packaged themes.")))),(0,d.mdx)("h2",{id:"3340---june-2-2020"},"3.34.0 - (June 2, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3330---may-19-2020"},"3.33.0 - (May 19, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3320---april-28-2020"},"3.32.0 - (April 28, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"directory")," as a sub attribute to the ",(0,d.mdx)("inlineCode",{parentName:"li"},"repository")," attribute in package.json"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge')))),(0,d.mdx)("h2",{id:"3310---april-6-2020"},"3.31.0 - (April 6, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3300---march-31-2020"},"3.30.0 - (March 31, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,d.mdx)("h2",{id:"3290---march-10-2020"},"3.29.0 - (March 10, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update docs to use mdx syntax")))),(0,d.mdx)("h2",{id:"3280---march-3-2020"},"3.28.0 - (March 3, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3270---february-25-2020"},"3.27.0 - (February 25, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3260---february-18-2020"},"3.26.0 - (February 18, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme theming files")))),(0,d.mdx)("h2",{id:"3250---february-4-2020"},"3.25.0 - (February 4, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3240---january-28-2020"},"3.24.0 - (January 28, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update copyright to include 2020")))),(0,d.mdx)("h2",{id:"3230---january-7-2020"},"3.23.0 - (January 7, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"isRequired")," for ",(0,d.mdx)("inlineCode",{parentName:"li"},"acceptAction")," and added custom validation for it.")))),(0,d.mdx)("h2",{id:"3220---december-16-2019"},"3.22.0 - (December 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3210---december-10-2019"},"3.21.0 - (December 10, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added orion-fusion-theme and generated the respective reference wdio screenshots.")))),(0,d.mdx)("h2",{id:"3200---november-20-2019"},"3.20.0 - (November 20, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"3190---november-18-2019"},"3.19.0 - (November 18, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"3180---november-7-2019"},"3.18.0 - (November 7, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"'message' prop has been deprecated, will resolve to 'startMessage'"),(0,d.mdx)("li",{parentName:"ul"},"'primaryAction' prop has been deprecated, will resolve to 'acceptAction'"),(0,d.mdx)("li",{parentName:"ul"},"'secondaryAction' prop has been deprecated, will resolve to 'rejectAction'"),(0,d.mdx)("li",{parentName:"ul"},"Notification Dialog maximum width set to constant value of 500px from 800px and is themable."),(0,d.mdx)("li",{parentName:"ul"},"Minor style adjustments for the new smaller dialog design."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added a 'startMessage' string prop that will display a message after 'title'"),(0,d.mdx)("li",{parentName:"ul"},"Added a 'content' node prop that will display the given node in the Dialog after 'startMessage'"),(0,d.mdx)("li",{parentName:"ul"},"Added an 'endMessage' string prop that will display a message after 'content'"),(0,d.mdx)("li",{parentName:"ul"},"Added 'acceptAction' prop that takes an object with a 'text' string and 'onClick' function attributes"),(0,d.mdx)("li",{parentName:"ul"},"Added 'rejectAction' prop that takes an object with a 'text' string and 'onClick' function attributes"),(0,d.mdx)("li",{parentName:"ul"},"Added 'buttonOrder' prop to determine order of accept and reject buttons"),(0,d.mdx)("li",{parentName:"ul"},"Added a 'emphasizedAction' oneOf to choose between emphasizing the accept button, reject button, or neither.")))),(0,d.mdx)("h2",{id:"3170---october-30-2019"},"3.17.0 - (October 30, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"3160---october-21-2019"},"3.16.0 - (October 21, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"3150---october-16-2019"},"3.15.0 - (October 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added terra-breakpoints to dependencies for the project")))),(0,d.mdx)("h2",{id:"3140---october-3-2019"},"3.14.0 - (October 3, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed extra comma from scss file.")))),(0,d.mdx)("h2",{id:"3130---september-26-2019"},"3.13.0 - (September 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Reverted Placeholder import in example files.")))),(0,d.mdx)("h2",{id:"3120---september-19-2019"},"3.12.0 - (September 19, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site."),(0,d.mdx)("li",{parentName:"ul"},"Doc site example module import syntax modified to use package.json name resolution"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added en-CA translations.")))),(0,d.mdx)("h2",{id:"3110---september-6-2019"},"3.11.0 - (September 6, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files"),(0,d.mdx)("li",{parentName:"ul"},"Updated ",(0,d.mdx)("inlineCode",{parentName:"li"},"keycode-js")," from ",(0,d.mdx)("inlineCode",{parentName:"li"},"v1.0.4")," to ",(0,d.mdx)("inlineCode",{parentName:"li"},"v2.0.1"))))),(0,d.mdx)("h2",{id:"3100---august-21-2019"},"3.10.0 - (August 21, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated bracket formatting in test files to match eslint 6 rules.")))),(0,d.mdx)("h2",{id:"390---august-14-2019"},"3.9.0 - (August 14, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update wdio snapshots with new button focus outline styles"),(0,d.mdx)("li",{parentName:"ul"},"Updated to interface with react-intl's ",(0,d.mdx)("inlineCode",{parentName:"li"},"FormattedMessage")," rather than old React Context API."),(0,d.mdx)("li",{parentName:"ul"},"updated package.json test scripts")))),(0,d.mdx)("h2",{id:"380---july-30-2019"},"3.8.0 - (July 30, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Removed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed DEPENDENCIES.md file")))),(0,d.mdx)("h2",{id:"371---july-23-2019"},"3.7.1 - (July 23, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated DEPENDENCIES.md doc")))),(0,d.mdx)("h2",{id:"370---july-23-2019"},"3.7.0 - (July 23, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"360---july-16-2019"},"3.6.0 - (July 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies")))),(0,d.mdx)("h2",{id:"350---july-10-2019"},"3.5.0 - (July 10, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"340---july-2-2019"},"3.4.0 - (July 2, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated max-width to be ",(0,d.mdx)("inlineCode",{parentName:"li"},"800px")," for screen size greater than 768px."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update pop up and modal manager tests to not test accessibility for elements behind the overlay"),(0,d.mdx)("li",{parentName:"ul"},"Renamed test and example SCSS files to end with ",(0,d.mdx)("inlineCode",{parentName:"li"},".module.scss")," extension")))),(0,d.mdx)("h2",{id:"330---june-19-2019"},"3.3.0 - (June 19, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update wdio spec to use Terra.describeViewports")))),(0,d.mdx)("h2",{id:"320---june-12-2019"},"3.2.0 - (June 12, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update tests for terra-toolkit v5 and terra-dev-site v5 changes"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Pressing escape key no longer disables the focus trap in notification dialog, users must make a selection of one of the notification dialog buttons to dismiss the notification dialog")))),(0,d.mdx)("h2",{id:"310---may-21-2019"},"3.1.0 - (May 21, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,d.mdx)("h2",{id:"300---may-13-2019"},"3.0.0 - (May 13, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Breaking Change"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"releaseFocus")," prop"),(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"requestFocus")," prop"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added component specific handler for Escape key usage with Notification Dialog"),(0,d.mdx)("li",{parentName:"ul"},"Added focus trap to Notification Dialog")))),(0,d.mdx)("h2",{id:"2120---may-7-2019"},"2.12.0 - (May 7, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated jest snapshot")))),(0,d.mdx)("h2",{id:"2110---april-24-2019"},"2.11.0 - (April 24, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Moved packages we use solely in doc examples and tests to devDependencies")))),(0,d.mdx)("h2",{id:"2100---april-16-2019"},"2.10.0 - (April 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,d.mdx)("h2",{id:"290---april-9-2019"},"2.9.0 - (April 9, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,d.mdx)("h2",{id:"280---april-2-2019"},"2.8.0 - (April 2, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,d.mdx)("h2",{id:"270---march-26-2019"},"2.7.0 - (March 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,d.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,d.mdx)("h2",{id:"260---march-20-2019"},"2.6.0 - (March 20, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update Jest tests to use terra-enzyme-intl")))),(0,d.mdx)("h2",{id:"250---march-12-2019"},"2.5.0 - (March 12, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added missing nl-BE translation")))),(0,d.mdx)("h2",{id:"240---march-5-2019"},"2.4.0 - (March 5, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,d.mdx)("h2",{id:"230---february-26-2019"},"2.3.0 - (February 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added en-AU translations"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update wdio spec to set the viewport at the top-level instead of in each test's before hook for faster execution")))),(0,d.mdx)("h2",{id:"220---february-13-2019"},"2.2.0 - (February 13, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,d.mdx)("h2",{id:"210---february-5-2019"},"2.1.0 - (February 5, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed focus trap management")))),(0,d.mdx)("h2",{id:"200---january-25-2019"},"2.0.0 - (January 25, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Breaking Change",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated variable names to match new naming standard"),(0,d.mdx)("li",{parentName:"ul"},"Added new variables for css theming"),(0,d.mdx)("li",{parentName:"ul"},"Updated terra-core dependencies")))),(0,d.mdx)("h2",{id:"1170---january-5-2019"},"1.17.0 - (January 5, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Removed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed onRequestClose prop.")))),(0,d.mdx)("h2",{id:"1160---january-2-2019"},"1.16.0 - (January 2, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated dev site examples to not have duplicate ids."),(0,d.mdx)("li",{parentName:"ul"},"Updated dev site to have logically nested headings."),(0,d.mdx)("li",{parentName:"ul"},"Updated dev site examples to not use form tags.")))),(0,d.mdx)("h2",{id:"1150---december-5-2018"},"1.15.0 - (December 5, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,d.mdx)("h2",{id:"1140---december-3-2018"},"1.14.0 - (December 3, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added missing ar, es-ES, es-US, fr-FR, and pt-BR translations."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor improvements to doc examples"),(0,d.mdx)("li",{parentName:"ul"},"Updated examples to consume terra-disclosure-manager v3.x"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed dependency on terra-app-delegate package.")))),(0,d.mdx)("h2",{id:"1130---november-15-2018"},"1.13.0 - (November 15, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,d.mdx)("h2",{id:"1120---october-30-2018"},"1.12.0 - (October 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update mixin import to be more explicit"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed icon display in notification dialog in IE")))),(0,d.mdx)("h2",{id:"1110---october-16-2018"},"1.11.0 - (October 16, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,d.mdx)("h2",{id:"1100---october-8-2018"},"1.10.0 - (October 8, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated links in docs on supported features")))),(0,d.mdx)("h2",{id:"190---september-25-2018"},"1.9.0 - (September 25, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency bump")))),(0,d.mdx)("h2",{id:"180---september-5-2018"},"1.8.0 - (September 5, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,d.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,d.mdx)("h2",{id:"170---august-30-2018"},"1.7.0 - (August 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v5 update")))),(0,d.mdx)("h2",{id:"160---august-13-2018"},"1.6.0 - (August 13, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v4 update"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Lint errors regarding file path resolution")))),(0,d.mdx)("h2",{id:"150---july-26-2018"},"1.5.0 - (July 26, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"140---july-25-2018"},"1.4.0 - (July 25, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"sv")," and ",(0,d.mdx)("inlineCode",{parentName:"li"},"sv-SE")," translations"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Add .module extension to SCSS file(s)")))),(0,d.mdx)("h2",{id:"130---july-17-2018"},"1.3.0 - (July 17, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed usage of CSS ",(0,d.mdx)("inlineCode",{parentName:"li"},"initial")," value because Internet Explorer does not support it")))),(0,d.mdx)("h2",{id:"120---july-3-2018"},"1.2.0 - (July 3, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"110---june-29-2018"},"1.1.0 - (June 29, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed naming of aria-label prop being passed to AbstractModal"))),(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Change logs to documentation on terra-dev-site")))),(0,d.mdx)("h2",{id:"100---june-19-2018"},"1.0.0 - (June 19, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Initial stable release")))}p.isMDXComponent=!0;var x=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(m[l]=e[l]);return m}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(m[l]=e[l])}return m}var s={},c="wrapper";function h(e){var a=e.components,l=N(e,x);return(0,d.mdx)(c,o({},s,l,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)(m.C,{mdxType:"Badge"}),(0,d.mdx)(p,{mdxType:"ChangeLog"}))}h.isMDXComponent=!0},28997:function(e,a,l){l.d(a,{C:function(){return n}});var d=l(67294),m=l(22863),n=function(e){var a=e.url;return d.createElement(m.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-notification-dialog",name:"terra-notification-dialog",version:"4.36.0",url:a})}},17422:function(e,a,l){l.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/15129-5f168cdd86e9ae5ad7cb.css b/15129-5f168cdd86e9ae5ad7cb.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/15129-5f168cdd86e9ae5ad7cb.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/15129-5f168cdd86e9ae5ad7cb.js b/15129-5f168cdd86e9ae5ad7cb.js new file mode 100644 index 0000000000..457c574968 --- /dev/null +++ b/15129-5f168cdd86e9ae5ad7cb.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[15129,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,a,n){var r=n(64836);a.Z=void 0;var t=r(n(67294)),l=r(n(45697)),o=r(n(47166)),i=r(n(17422)),d=o.default.bind(i.default),u={name:l.default.string.isRequired,src:l.default.string,url:l.default.string,version:l.default.string.isRequired},m=function(e){var a=e.src,n=e.name,r=e.url,l=e.version,o=t.default.createElement("a",{className:d("badge"),href:r||"https://www.npmjs.org/package/".concat(n,"/v/").concat(l)},t.default.createElement("span",{className:d("badge-name")},r?"package":"npm"),t.default.createElement("span",{className:d("badge-version")},"v".concat(l))),i=a?t.default.createElement("a",{className:d("badge"),href:a},t.default.createElement("span",{className:d("badge-name")},"github"),t.default.createElement("span",{className:d("badge-version")},"source")):void 0;return t.default.createElement("div",{className:d("badge-container")},o,i)};m.propTypes=u;var s=m;a.Z=s},15129:function(e,a,n){n.r(a),n.d(a,{default:function(){return m}});n(67294);var r=n(81254),t=n(93626),l=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(t[n]=e[n]);return t}(e,a);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(t[n]=e[n])}return t}var d={},u="wrapper";function m(e){var a=e.components,n=i(e,l);return(0,r.mdx)(u,o({},d,n,{components:a,mdxType:"MDXLayout"}),(0,r.mdx)(t.C,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-i18nconfigjs"},"terra-i18n.config.js"),(0,r.mdx)("p",null,"The terra-i18n.config.js is used to define the locales for a terra-application."),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-js"},"module.exports = {\n locales: ['en', 'en-US'],\n};\n")),(0,r.mdx)("h2",{id:"options"},"Options"),(0,r.mdx)("h3",{id:"locale-optional"},"locale (Optional)"),(0,r.mdx)("p",null,"The ",(0,r.mdx)("inlineCode",{parentName:"p"},"scoped")," option accepts an array of locales to include in the application."),(0,r.mdx)("h2",{id:"supported-locales"},"Supported Locales"),(0,r.mdx)("p",null,"Terra supports the following locales:"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"en"),(0,r.mdx)("li",{parentName:"ul"},"en-AU"),(0,r.mdx)("li",{parentName:"ul"},"en-CA"),(0,r.mdx)("li",{parentName:"ul"},"en-US"),(0,r.mdx)("li",{parentName:"ul"},"en-GB"),(0,r.mdx)("li",{parentName:"ul"},"es"),(0,r.mdx)("li",{parentName:"ul"},"es-US"),(0,r.mdx)("li",{parentName:"ul"},"es-ES"),(0,r.mdx)("li",{parentName:"ul"},"de"),(0,r.mdx)("li",{parentName:"ul"},"fr"),(0,r.mdx)("li",{parentName:"ul"},"fr-FR"),(0,r.mdx)("li",{parentName:"ul"},"nl"),(0,r.mdx)("li",{parentName:"ul"},"nl-BE"),(0,r.mdx)("li",{parentName:"ul"},"pt"),(0,r.mdx)("li",{parentName:"ul"},"pt-BR"),(0,r.mdx)("li",{parentName:"ul"},"sv"),(0,r.mdx)("li",{parentName:"ul"},"sv-SE")))}m.isMDXComponent=!0},93626:function(e,a,n){n.d(a,{C:function(){return l}});var r=n(67294),t=n(22863),l=function(e){var a=e.url;return r.createElement(t.Z,{src:"https://github.com/cerner/terra-toolk/tree/main/packages/webpack-config-terra",name:"@cerner/webpack-config-terra",version:"3.3.0",url:a})}},17422:function(e,a,n){n.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/15145-6382ff824f741b8d9d8f.css b/15145-6382ff824f741b8d9d8f.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/15145-6382ff824f741b8d9d8f.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/15145-6382ff824f741b8d9d8f.js b/15145-6382ff824f741b8d9d8f.js new file mode 100644 index 0000000000..7174a3e738 --- /dev/null +++ b/15145-6382ff824f741b8d9d8f.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[15145,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,l,a){var m=a(64836);l.Z=void 0;var d=m(a(67294)),n=m(a(45697)),r=m(a(47166)),u=m(a(17422)),i=r.default.bind(u.default),t={name:n.default.string.isRequired,src:n.default.string,url:n.default.string,version:n.default.string.isRequired},p=function(e){var l=e.src,a=e.name,m=e.url,n=e.version,r=d.default.createElement("a",{className:i("badge"),href:m||"https://www.npmjs.org/package/".concat(a,"/v/").concat(n)},d.default.createElement("span",{className:i("badge-name")},m?"package":"npm"),d.default.createElement("span",{className:i("badge-version")},"v".concat(n))),u=l?d.default.createElement("a",{className:i("badge"),href:l},d.default.createElement("span",{className:i("badge-name")},"github"),d.default.createElement("span",{className:i("badge-version")},"source")):void 0;return d.default.createElement("div",{className:i("badge-container")},r,u)};p.propTypes=t;var x=p;l.Z=x},15145:function(e,l,a){a.r(l),a.d(l,{default:function(){return c}});a(67294);var m=a(81254),d=a(25612),n=["components"];function r(){return r=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(d[a]=e[a]);return d}(e,l);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(m=0;m=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(d[a]=e[a])}return d}var i={},t="wrapper";function p(e){var l=e.components,a=u(e,n);return(0,m.mdx)(t,r({},i,a,{components:l,mdxType:"MDXLayout"}),(0,m.mdx)("h1",{id:"changelog"},"Changelog"),(0,m.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,m.mdx)("h2",{id:"4550---november-13-2023"},"4.55.0 - (November 13, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4540---october-23-2023"},"4.54.0 - (October 23, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4530---august-23-2023"},"4.53.0 - (August 23, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4520---august-1-2023"},"4.52.0 - (August 1, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4510---february-15-2023"},"4.51.0 - (February 15, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated wdio screenshots due to functional-testing upgrade.")))),(0,m.mdx)("h2",{id:"4500---december-7-2022"},"4.50.0 - (December 7, 2022)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4490---february-2-2022"},"4.49.0 - (February 2, 2022)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Migrate docs to terra core docs.")))),(0,m.mdx)("h2",{id:"4480---september-28-2021"},"4.48.0 - (September 28, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4470---september-21-2021"},"4.47.0 - (September 21, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated WDIO Screenshots due to webpack-config-terra sass upgrade.")))),(0,m.mdx)("h2",{id:"4460---july-6-2021"},"4.46.0 - (July 6, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4450---may-11-2021"},"4.45.0 - (May 11, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4440---april-13-2021"},"4.44.0 - (April 13, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4430---april-6-2021"},"4.43.0 - (April 6, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed unnecessary ",(0,m.mdx)("inlineCode",{parentName:"li"},"wdio.conf.js")," file"),(0,m.mdx)("li",{parentName:"ul"},"Upgrade tests to terra-functional-testing and WebDriverIO v6"),(0,m.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,m.mdx)("h2",{id:"4420---february-2-2021"},"4.42.0 - (February 2, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4410---january-5-2021"},"4.41.0 - (January 5, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Fixed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation.")))),(0,m.mdx)("h2",{id:"4400---december-8-2020"},"4.40.0 - (December 8, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,m.mdx)("h2",{id:"4390---november-17-2020"},"4.39.0 - (November 17, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4380---october-27-2020"},"4.38.0 - (October 27, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4370---october-20-2020"},"4.37.0 - (October 20, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Removed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed incorrect documentation.")))),(0,m.mdx)("h2",{id:"4360---august-11-2020"},"4.36.0 - (August 11, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Add missing theme variables")))),(0,m.mdx)("h2",{id:"4350---august-6-2020"},"4.35.0 - (August 6, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4340---august-4-2020"},"4.34.0 - (August 4, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4330---july-29-2020"},"4.33.0 - (July 29, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update changelog formatting")))),(0,m.mdx)("h2",{id:"4320---july-7-2020"},"4.32.0 - (July 7, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4310---june-9-2020"},"4.31.0 - (June 9, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor changes to comply with eslint rules"),(0,m.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config"),(0,m.mdx)("li",{parentName:"ul"},"Apply themes by context and directly include packaged themes.")))),(0,m.mdx)("h2",{id:"4300---may-19-2020"},"4.30.0 - (May 19, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4290---april-28-2020"},"4.29.0 - (April 28, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge'))),(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,m.mdx)("h2",{id:"4280---april-22-2020"},"4.28.0 - (April 22, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4270---april-14-2020"},"4.27.0 - (April 14, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated documentation link in README"),(0,m.mdx)("li",{parentName:"ul"},"Update docs to use mdx syntax.")))),(0,m.mdx)("h2",{id:"4260---march-10-2020"},"4.26.0 - (March 10, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4250---february-18-2020"},"4.25.0 - (February 18, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added generated-themes to .npmignore")))),(0,m.mdx)("h2",{id:"4240---february-4-2020"},"4.24.0 - (February 4, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4230---january-28-2020"},"4.23.0 - (January 28, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4220---january-7-2020"},"4.22.0 - (January 7, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4210---december-3-2019"},"4.21.0 - (December 3, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added orion-fusion-theme and generated the respective reference wdio screenshots.")))),(0,m.mdx)("h2",{id:"4200---october-30-2019"},"4.20.0 - (October 30, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4190---october-3-2019"},"4.19.0 - (October 3, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4180---september-19-2019"},"4.18.0 - (September 19, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed ",(0,m.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site.")))),(0,m.mdx)("h2",{id:"4170---september-6-2019"},"4.17.0 - (September 6, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Props table markdown file import added to doc site page"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Only apply ",(0,m.mdx)("inlineCode",{parentName:"li"},"color: inherit")," if no colorClass is provided")))),(0,m.mdx)("h2",{id:"4160---september-3-2019"},"4.16.0 - (September 3, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4150---august-21-2019"},"4.15.0 - (August 21, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Import for package version from package.json added to doc page"),(0,m.mdx)("li",{parentName:"ul"},"Switch from Object.assign to Object spread syntax."),(0,m.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files")))),(0,m.mdx)("h2",{id:"4140---august-14-2019"},"4.14.0 - (August 14, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"updated package.json test scripts")))),(0,m.mdx)("h2",{id:"4130---july-30-2019"},"4.13.0 - (July 30, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4120---july-24-2019"},"4.12.0 - (July 24, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4110---july-16-2019"},"4.11.0 - (July 16, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update tests to use ",(0,m.mdx)("inlineCode",{parentName:"li"},"Terra.describeViewports")," for setting viewports and use ",(0,m.mdx)("inlineCode",{parentName:"li"},"Terra.it.validatesElement"))))),(0,m.mdx)("h2",{id:"4100----july-11-2019"},"4.10.0 - (July 11, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"490---july-9-2019"},"4.9.0 - (July 9, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"480---june-28-2019"},"4.8.0 - (June 28, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed all inline styles from Dev-site components and implemented the same styles using external css.")))),(0,m.mdx)("h2",{id:"470---june-18-2019"},"4.7.0 - (June 18, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency bump")))),(0,m.mdx)("h2",{id:"460---june-11-2019"},"4.6.0 - (June 11, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Removed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Made required updates to consume terra-toolkit v5 and terra-dev-site v5")))),(0,m.mdx)("h2",{id:"450---may-1-2019"},"4.5.0 - (May 1, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"440---april-16-2019"},"4.4.0 - (April 16, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"431---april-9-2019"},"4.3.1 - (April 9, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added max-width: 100% style when isWordWrapped prop is set to enable prop word wrapping in IE")))),(0,m.mdx)("h2",{id:"430---april-9-2019"},"4.3.0 - (April 9, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"420---march-26-2019"},"4.2.0 - (March 26, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Removed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,m.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,m.mdx)("h2",{id:"410---march-21-2019"},"4.1.0 - (March 21, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"400---february-26-2019"},"4.0.0 - (February 26, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Breaking Change",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed color prop")))),(0,m.mdx)("h2",{id:"330---february-12-2019"},"3.3.0 - (February 12, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"320---february-5-2019"},"3.2.0 - (February 5, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"310---january-26-2019"},"3.1.0 - (January 26, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"300---january-22-2019"},"3.0.0 - (January 22, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated theme variables")))),(0,m.mdx)("h2",{id:"2320---january-22-2019"},"2.32.0 - (January 22, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated dependencies to fix major version bump issues")))),(0,m.mdx)("h2",{id:"2310---january-8-2019"},"2.31.0 - (January 8, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2300---january-2-2019"},"2.30.0 - (January 2, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added isWordWrapped prop"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Removed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed dependency on terra-heading")))),(0,m.mdx)("h2",{id:"2291---november-20-2018"},"2.29.1 - (November 20, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,m.mdx)("h2",{id:"2290---november-19-2018"},"2.29.0 - (November 19, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2280---november-13-2018"},"2.28.0 - (November 13, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2270---november-9-2018"},"2.27.0 - (November 9, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added additional font sizes"),(0,m.mdx)("li",{parentName:"ul"},"Added ",(0,m.mdx)("inlineCode",{parentName:"li"},"300")," option for weight prop"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Fixed lint errors")))),(0,m.mdx)("h2",{id:"2260---october-24-2018"},"2.26.0 - (October 24, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2250---october-16-2018"},"2.25.0 - (October 16, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2240---october-8-2018"},"2.24.0 - (October 8, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2230---october-2-2018"},"2.23.0 - (October 2, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Exports for text font size and weight added.")))),(0,m.mdx)("h2",{id:"2220---september-25-2018"},"2.22.0 - (September 25, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2211---september-6-2018"},"2.21.1 - (September 6, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,m.mdx)("h2",{id:"2210---september-5-2018"},"2.21.0 - (September 5, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,m.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,m.mdx)("h2",{id:"2200---september-4-2018"},"2.20.0 - (September 4, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2190---august-29-2018"},"2.19.0 - (August 29, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2180---august-1-2018"},"2.18.0 - (August 1, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2170---july-19-2018"},"2.17.0 - (July 19, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Add .module extension to SCSS file(s)")))),(0,m.mdx)("h2",{id:"2160---july-17-2018"},"2.16.0 - (July 17, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,m.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v4 update")))),(0,m.mdx)("h2",{id:"2150---july-10-2018"},"2.15.0 - (July 10, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2140---june-28-2018"},"2.14.0 - (June 28, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added change log to the documentation on terra-dev-site")))),(0,m.mdx)("h2",{id:"2130---june-22-2018"},"2.13.0 - (June 22, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Moved terra-base from dependency to peerDependency")))),(0,m.mdx)("h2",{id:"2120---june-12-2018"},"2.12.0 - (June 12, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},'Updated "test:jest" script to work on windows.')))),(0,m.mdx)("h2",{id:"2110---may-30-2018"},"2.11.0 - (May 30, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated structure to match terra-dev-site 1.0 and moved doc examples internal.")))),(0,m.mdx)("h2",{id:"2100---may-23-2018"},"2.10.0 - (May 23, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"290---may-16-2018"},"2.9.0 - (May 16, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"280---may-9-2018"},"2.8.0 - (May 9, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"270---may-2-2018"},"2.7.0 - (May 2, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"260---april-20-2018"},"2.6.0 - (April 20, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"250---april-15-2018"},"2.5.0 - (April 15, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Fix",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Incorrect line-height inheritance.")))),(0,m.mdx)("h2",{id:"240---april-5-2018"},"2.4.0 - (April 5, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"230---march-30-2018"},"2.3.0 - (March 30, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"220---march-6-2018"},"2.2.0 - (March 6, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Removed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed props-table script from package.json")))),(0,m.mdx)("h2",{id:"210---february-26-2018"},"2.1.0 - (February 26, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"201---february-13-2018"},"2.0.1 - (February 13, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated peerDependencies")))),(0,m.mdx)("h2",{id:"200---february-12-2018"},"2.0.0 - (February 12, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated to use React 16")))),(0,m.mdx)("h2",{id:"1170---february-1-2018"},"1.17.0 - (February 1, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1160---january-18-2018"},"1.16.0 - (January 18, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1150---january-5-2018"},"1.15.0 - (January 5, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1140---november-28-2017"},"1.14.0 - (November 28, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1130---november-16-2017"},"1.13.0 - (November 16, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1120---october-24-2017"},"1.12.0 - (October 24, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update nightwatch tests to stop checking the computed value for bold and normal font weights.")))),(0,m.mdx)("h2",{id:"1110---october-6-2017"},"1.11.0 - (October 6, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1100---september-26--2017"},"1.10.0 - (September 26 , 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Removed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Remove stylelint-disable selector-class-pattern")))),(0,m.mdx)("h2",{id:"190---september-19-2017"},"1.9.0 - (September 19, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"180---september-12-2017"},"1.8.0 - (September 12, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"170---september-7-2017"},"1.7.0 - (September 7, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"160---september-5-2017"},"1.6.0 - (September 5, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update nightwatch tests and test scripts.")))),(0,m.mdx)("h2",{id:"150---august-31-2017"},"1.5.0 - (August 31, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"140---august-15-2017"},"1.4.0 - (August 15, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"130---august-8-2017"},"1.3.0 - (August 8, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"120---august-1-2017"},"1.2.0 - (August 1, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"110---july-18-2017"},"1.1.0 - (July 18, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Converted component to use CSS modules"),(0,m.mdx)("li",{parentName:"ul"},"Updated nightwatch test scripts"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Removed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed nightwatch.config file")))),(0,m.mdx)("h2",{id:"100---june-28-2017"},"1.0.0 - (June 28, 2017)"),(0,m.mdx)("p",null,"Initial stable release"))}p.isMDXComponent=!0;var x=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(d[a]=e[a]);return d}(e,l);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(m=0;m=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(d[a]=e[a])}return d}var s={},h="wrapper";function c(e){var l=e.components,a=N(e,x);return(0,m.mdx)(h,o({},s,a,{components:l,mdxType:"MDXLayout"}),(0,m.mdx)(d.C,{mdxType:"Badge"}),(0,m.mdx)(p,{mdxType:"ChangeLog"}))}c.isMDXComponent=!0},25612:function(e,l,a){a.d(l,{C:function(){return n}});var m=a(67294),d=a(22863),n=function(e){var l=e.url;return m.createElement(d.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-text",name:"terra-text",version:"4.55.0",url:l})}},17422:function(e,l,a){a.r(l),l.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/15249-1bbae615c4c2e045161d.css b/15249-1bbae615c4c2e045161d.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/15249-1bbae615c4c2e045161d.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/15249-1bbae615c4c2e045161d.js b/15249-1bbae615c4c2e045161d.js new file mode 100644 index 0000000000..f2cc4f795b --- /dev/null +++ b/15249-1bbae615c4c2e045161d.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[15249,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,t,n){var a=n(64836);t.Z=void 0;var r=a(n(67294)),i=a(n(45697)),o=a(n(47166)),l=a(n(17422)),d=o.default.bind(l.default),u={name:i.default.string.isRequired,src:i.default.string,url:i.default.string,version:i.default.string.isRequired},s=function(e){var t=e.src,n=e.name,a=e.url,i=e.version,o=r.default.createElement("a",{className:d("badge"),href:a||"https://www.npmjs.org/package/".concat(n,"/v/").concat(i)},r.default.createElement("span",{className:d("badge-name")},a?"package":"npm"),r.default.createElement("span",{className:d("badge-version")},"v".concat(i))),l=t?r.default.createElement("a",{className:d("badge"),href:t},r.default.createElement("span",{className:d("badge-name")},"github"),r.default.createElement("span",{className:d("badge-version")},"source")):void 0;return r.default.createElement("div",{className:d("badge-container")},o,l)};s.propTypes=u;var c=s;t.Z=c},40996:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=u(n(67294)),r=u(n(45697)),i=u(n(47166)),o=u(n(50026)),l=u(n(66983)),d=["children"];function u(e){return e&&e.__esModule?e:{default:e}}function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var p=i.default.bind(l.default),m=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},f=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},h={children:r.default.string},g=function(e){var t=e.children,n=c(e,d),r=a.default.useContext(o.default),l=(0,i.default)(p(["button",r.className]),n.className);return a.default.createElement("button",s({},n,{type:"button",className:l,onBlur:m,onMouseDown:f,"data-focus-styles-enabled":!0}),t)};g.propTypes=h;t.default=g},59278:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=d(n(67294)),r=d(n(45697)),i=d(n(47166)),o=d(n(50026)),l=d(n(30866));function d(e){return e&&e.__esModule?e:{default:e}}var u=i.default.bind(l.default),s={ariaLevel:r.default.oneOf(["2","3","4","5","6"]),children:r.default.node,variant:r.default.oneOf(["ux-recommendation","caution","deprecation","maintenance","important","not-supported"])},c=function(e){var t=e.ariaLevel,n=e.variant,r=e.children,i=a.default.useContext(o.default);return a.default.createElement("div",{className:u("notice",n,i.className)},a.default.createElement("div",{className:u("accessory"),"aria-hidden":"true",focusable:"false"}),a.default.createElement("div",{role:"heading",className:u("title"),"aria-level":t},a.default.createElement("span",null,function(e){return"ux-recommendation"===e?"UX Recommendation":"caution"===e?"Caution":"deprecation"===e?"Deprecation Notice":"maintenance"===e?"In Maintenance":"important"===e?"Important":"not-supported"===e?"Hazards for Incorrect Usage":"error"}(n))),a.default.createElement("div",{className:u("children")},function(e){return"not-supported"===e?a.default.createElement(a.default.Fragment,null,a.default.createElement("p",{className:u("paragraph")},"This component was designed and tested according to the documented implementation."),a.default.createElement("p",{className:u("paragraph")},"Using the component incorrectly:",a.default.createElement("ul",{className:u("list")},a.default.createElement("li",null,"will likely result in improper composition and create accessibility issues"),a.default.createElement("li",null,"may cause erratic or broken behaviors and styles"),a.default.createElement("li",null,a.default.createElement("strong",null,"will not be supported "),"or enhanced to allow for incorrect use")))):null}(n),a.default.Children.map(r,(function(e){return"string"==typeof e?a.default.createElement("p",null,e):e}))))};c.propTypes=s,c.defaultProps={ariaLevel:"2",variant:"important"};t.default=c},47306:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=s(n(67294)),r=s(n(45697)),i=s(n(94184)),o=s(n(47166)),l=s(n(50026)),d=s(n(42620)),u=["title"];function s(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var m=o.default.bind(d.default),f={title:r.default.string},h=function(e){var t=e.title,n=p(e,u),r=a.default.useContext(l.default),o=(0,i.default)(m(["placeholder",r.className]),n.className),d=m(["inner"]);return a.default.createElement("div",c({},n,{className:o}),a.default.createElement("div",{className:d},a.default.createElement("p",{className:m("title")},t)))};h.propTypes=f,h.defaultProps={title:""};t.default=h},34261:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Button",{enumerable:!0,get:function(){return i.default}}),Object.defineProperty(t,"Notice",{enumerable:!0,get:function(){return a.default}}),Object.defineProperty(t,"Placeholder",{enumerable:!0,get:function(){return r.default}});var a=o(n(59278)),r=o(n(47306)),i=o(n(40996));function o(e){return e&&e.__esModule?e:{default:e}}},15249:function(e,t,n){n.r(t),n.d(t,{default:function(){return c}});n(67294);var a=n(81254),r=n(81510),i=n(34261),o=["components"];function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var u={},s="wrapper";function c(e){var t=e.components,n=d(e,o);return(0,a.mdx)(s,l({},u,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(r.C,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"terradevsite"},"TerraDevSite"),(0,a.mdx)("p",null,"TerraDevSite is a webpack plugin for generating a documentation and testing site for content built with the terra application framework."),(0,a.mdx)("h2",{id:"installation"},"Installation"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-bash"},"npm install --save-dev @cerner/terra-dev-site\n")),(0,a.mdx)("h2",{id:"prerequisites"},"Prerequisites"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"node 10"),(0,a.mdx)("li",{parentName:"ul"},"babel 7.5"),(0,a.mdx)("li",{parentName:"ul"},"webpack 4/5"),(0,a.mdx)("li",{parentName:"ul"},"webpack config from either terra-toolkit or @cerner/webpack-config-terra")),(0,a.mdx)("h2",{id:"setting-up-webpack-config"},"Setting up webpack config"),(0,a.mdx)("p",null,"Below is an example webpack config that applies the TerraDevSite Plugin."),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"const terraWebpackConfig = require('@cerner/webpack-config-terra');\nconst merge = require('webpack-merge');\nconst { TerraDevSite } = require('@cerner/terra-dev-site');\n\n/**\n* Generates the file representing app name configuration.\n*/\nconst devSiteConfig = (env = {}, argv = {}) => ({\n plugins: [\n new TerraDevSite({\n defaultLocale: env.defaultLocale,\n }),\n ],\n});\n\nconst webpackConfig = (env, argv) => (\n merge(terraWebpackConfig(env, argv), devSiteConfig(env, argv))\n);\n\nmodule.exports = webpackConfig;\n")),(0,a.mdx)("h2",{id:"adding-content"},"Adding content"),(0,a.mdx)("p",null,"The TerraDevSite Plugin will search the ",(0,a.mdx)("inlineCode",{parentName:"p"},"terra-dev-site")," folder for files with a defined content extension, typically ",(0,a.mdx)("inlineCode",{parentName:"p"},"test")," or ",(0,a.mdx)("inlineCode",{parentName:"p"},"doc"),". The default export from those files will be imported into the generated dev site and organized based on file structure."),(0,a.mdx)("h3",{id:"file-naming"},"File Naming"),(0,a.mdx)("p",null,"Files need to be named using the correct 'contentExtension' and file extension to be added to the site. This will allow you to add any additional files to support your examples and only have the specified files added as entries to the site. The file name pattern is:"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre"},"...\n")),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"filename - This is the name that will be added to the secondary navigation layout for the site. These are sorted alphabetically."),(0,a.mdx)("li",{parentName:"ul"},"group - (optional) This allows you to sort menu items. The group is sorted alphabetically before items without a group."),(0,a.mdx)("li",{parentName:"ul"},"contentExtension - This indicates which primary navigation item the content will be rendered under. The default pageTypes are ",(0,a.mdx)("inlineCode",{parentName:"li"},"home"),", ",(0,a.mdx)("inlineCode",{parentName:"li"},"doc"),", and ",(0,a.mdx)("inlineCode",{parentName:"li"},"test"),"."),(0,a.mdx)("li",{parentName:"ul"},"extension - .md and .mdx extensions are supported by default. Other extensions can be added by updating the projects webpack config by adding additional extensions to the resolve field.")),(0,a.mdx)("h3",{id:"directories"},"Directories"),(0,a.mdx)("p",null,"The directories within the entry point folder, TerraDevSite, will be translated into the menu structure. The one exception is if you have a 'contentExtension' directory inside the entry point folder, it will be ignored. This lets you group page types together without impacting your site."),(0,a.mdx)("h3",{id:"example"},"Example"),(0,a.mdx)("p",null,"Given a directory structure like this:"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre"},"src/\n terra-dev-site/\n doc/\n upgradeGuide.a.doc.md\n examples.c/\n supportingFile.js\n myGreatExample.doc.jsx\n example.b.doc.js\n test/\n testfile.test.js\n docInTestFolder.doc.js\n")),(0,a.mdx)("p",null,"The menu navigation result will be:"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre"},"-Components-\n Upgrade Guide\n Example\n Examples >\n My Great Example\n Test >\n Doc In Test Folder\n-Test-\n Testfile\n")),(0,a.mdx)("h2",{id:"url-generation"},"URL generation"),(0,a.mdx)("p",null,"Urls are generated with the following pattern:"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre"},"/////\n")),(0,a.mdx)("h2",{id:"path-based-routing-deployments"},"Path based routing deployments"),(0,a.mdx)(i.Notice,{variant:"important",ariaLevel:"3",mdxType:"Notice"},(0,a.mdx)("p",null,"To support path based routing for gh-pages style deployments, you must supply an env variable, ",(0,a.mdx)("inlineCode",{parentName:"p"},"TERRA_DEV_SITE_PUBLIC_PATH"),", describing the path for assets to be served from.")),(0,a.mdx)("p",null,"For example, for a page hosted on github pages with a url of: ",(0,a.mdx)("a",{parentName:"p",href:"http://cerner.github.com/terra-dev-site"},"http://cerner.github.com/terra-dev-site"),". The environment variable should be set as follows."),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-bash"},"TERRA_DEV_SITE_PUBLIC_PATH='/terra-dev-site/'\n")),(0,a.mdx)("p",null,"Without the environment variable set assets will assume they are served from ",(0,a.mdx)("inlineCode",{parentName:"p"},"/")," when they should be served from ",(0,a.mdx)("inlineCode",{parentName:"p"},"/terra-dev-site/")),(0,a.mdx)("h2",{id:"further-configuration"},"Further configuration:"),(0,a.mdx)("p",null,"TerraDevSite is built to work out of the box but it also provides many configuration options to allow you to customize your site."),(0,a.mdx)("p",null,"Check out our ",(0,a.mdx)("a",{parentName:"p",href:"/terra-ui/dev_tools/cerner-terra-application-docs/terra-dev-site/configuration"},"configuration docs"),"."),(0,a.mdx)("h2",{id:"hot-reloading"},"Hot reloading"),(0,a.mdx)("p",null,"When building for development TerraDevSite will search for content in the defined ",(0,a.mdx)("inlineCode",{parentName:"p"},"sourceFolder"),", src by default. Any imports that point to the ",(0,a.mdx)("inlineCode",{parentName:"p"},"distributionFolder"),", 'lib' by default, will automatically be redirected to the ",(0,a.mdx)("inlineCode",{parentName:"p"},"sourceFolder")," instead. Hot reloading watches for any changes in the ",(0,a.mdx)("inlineCode",{parentName:"p"},"terra-dev-site")," directory and will re generate the site."),(0,a.mdx)("p",null,"When building for production, hot reloading will be disabled."),(0,a.mdx)("p",null,"It is recommend that if a directory must be defined, imports should pull from the lib directory. With the exception of the props table loader which must pull from the source directory."),(0,a.mdx)("h2",{id:"auto-package-aliasing"},"Auto Package Aliasing"),(0,a.mdx)("p",null,"TerraDevSite will automatically alias the current directory as the package name, allowing examples to import files as if they were a consumer of the package. This results in examples that are representative of actual consumer implementations."),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-diff"},"- import Component from '../../Component';\n+ import Component from 'PackageName/Component';\n")),(0,a.mdx)("h2",{id:"pulling-content-from-node-modules"},"Pulling content from node modules"),(0,a.mdx)("p",null,"TerraDevSite allows for distributed documentation to be pulled together in a single site. We use this extensively for our terra-ui doc site."),(0,a.mdx)("p",null,"To add additional search directories, simply provide the full path to the additional directories you'd like to search in the terra config using the ",(0,a.mdx)("inlineCode",{parentName:"p"},"additionalSearchDirectories")," config option."),(0,a.mdx)("p",null,"For Example:"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"const path = require('path');\nconst terraWebpackConfig = require('@cerner/webpack-config-terra');\nconst merge = require('webpack-merge');\nconst { TerraDevSite } = require('@cerner/terra-dev-site');\n\n/**\n* Generates the file representing app name configuration.\n*/\nconst devSiteConfig = (env = {}, argv = {}) => ({\n plugins: [\n new TerraDevSite({\n defaultLocale: env.defaultLocale,\n additionalSearchDirectories: [\n path.resolve(process.cwd(), 'node_modules', 'package name', 'lib', 'terra-dev-site'),\n ],\n }),\n ],\n});\n\nconst webpackConfig = (env, argv) => (\n merge(terraWebpackConfig(env, argv), devSiteConfig(env, argv))\n);\n\nmodule.exports = webpackConfig;\n")),(0,a.mdx)("p",null,"Additional Search Directories will not be hot reloaded."),(0,a.mdx)("h2",{id:"testing"},"Testing"),(0,a.mdx)(i.Notice,{variant:"important",ariaLevel:"3",mdxType:"Notice"},(0,a.mdx)("p",null,"To Flex the locale with the ",(0,a.mdx)("inlineCode",{parentName:"p"},"terra-functional-testing")," package, ",(0,a.mdx)("inlineCode",{parentName:"p"},"env.defaultLocale")," must be passed to the ",(0,a.mdx)("inlineCode",{parentName:"p"},"TerraDevSite")," plugin. The ",(0,a.mdx)("inlineCode",{parentName:"p"},"defaultLocale")," env is set as a part of the WDIO test service and must be passed into the ",(0,a.mdx)("inlineCode",{parentName:"p"},"TerraDevSite")," plugin to ensure locale tests are run appropriately.")),(0,a.mdx)("h2",{id:"stacking-devsites"},"Stacking DevSites"),(0,a.mdx)("p",null,"TerraDevSites plugins can be stacked and will automatically add an application switcher to allow switching between dev sites.\nThis can be used to provide different default setups for TerraDevSites, for example an unauthenticated site that provides a link to an authenticated site."),(0,a.mdx)("p",null,"The webpack config would look like this:"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"const terraWebpackConfig = require('@cerner/webpack-config-terra');\nconst merge = require('webpack-merge');\nconst { TerraDevSite } = require('@cerner/terra-dev-site');\n\n/**\n* Generates the file representing app name configuration.\n*/\nconst devSiteConfig = (env = {}, argv = {}) => ({\n plugins: [\n new TerraDevSite({\n defaultLocale: env.defaultLocale,\n }),\n new TerraDevSite({\n pathPrefix: 'anotherSite',\n defaultLocale: env.defaultLocale,\n }),\n ],\n});\n\nconst webpackConfig = (env, argv) => (\n merge(terraWebpackConfig(env, argv), devSiteConfig(env, argv))\n);\n\nmodule.exports = webpackConfig;\n")),(0,a.mdx)(i.Notice,{variant:"important",ariaLevel:"3",mdxType:"Notice"},(0,a.mdx)("p",null,(0,a.mdx)("inlineCode",{parentName:"p"},"pathPrefix")," must be unique for all instances of the TerraDevSite Plugin as it is used in the url.")))}c.isMDXComponent=!0},81510:function(e,t,n){n.d(t,{C:function(){return i}});var a=n(67294),r=n(22863),i=function(e){var t=e.url;return a.createElement(r.Z,{src:"https://github.com/cerner/terra-application/tree/main/packages/terra-dev-site",name:"@cerner/terra-dev-site",version:"7.11.0",url:t})}},17422:function(e,t,n){n.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},66983:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Button-module__clinical-lowlight-theme___TyZWB","orion-fusion-theme":"Button-module__orion-fusion-theme___q-FcQ",button:"Button-module__button___QuCn2","is-active":"Button-module__is-active___Z8AuK"}},30866:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Notice-module__clinical-lowlight-theme___aa5xV","orion-fusion-theme":"Notice-module__orion-fusion-theme___QAE-T",notice:"Notice-module__notice___GWkPA",children:"Notice-module__children___lDYsm",accessory:"Notice-module__accessory___wkLOG",title:"Notice-module__title___6H5tc","ux-recommendation":"Notice-module__ux-recommendation___N8BuK",caution:"Notice-module__caution___hPrVl",deprecation:"Notice-module__deprecation___g1drA",maintenance:"Notice-module__maintenance___kWLIZ",important:"Notice-module__important___p5DiF","not-supported":"Notice-module__not-supported___34bHd",paragraph:"Notice-module__paragraph___5h-w1",list:"Notice-module__list___M2Kxj"}},42620:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Placeholder-module__clinical-lowlight-theme___Obm9K","orion-fusion-theme":"Placeholder-module__orion-fusion-theme___svHY+",placeholder:"Placeholder-module__placeholder___ZZDXd",inner:"Placeholder-module__inner___fJq9o",title:"Placeholder-module__title___teBSo"}}}]); \ No newline at end of file diff --git a/15318-6ae56bc7dbec16ce2b52.css b/15318-6ae56bc7dbec16ce2b52.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/15318-6ae56bc7dbec16ce2b52.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/15553-d763f1905df485ff03e6.js b/15553-d763f1905df485ff03e6.js new file mode 100644 index 0000000000..9c9a99b690 --- /dev/null +++ b/15553-d763f1905df485ff03e6.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[15553],{22863:function(e,a,t){var l=t(64836);a.Z=void 0;var n=l(t(67294)),d=l(t(45697)),r=l(t(47166)),m=l(t(17422)),i=r.default.bind(m.default),p={name:d.default.string.isRequired,src:d.default.string,url:d.default.string,version:d.default.string.isRequired},o=function(e){var a=e.src,t=e.name,l=e.url,d=e.version,r=n.default.createElement("a",{className:i("badge"),href:l||"https://www.npmjs.org/package/".concat(t,"/v/").concat(d)},n.default.createElement("span",{className:i("badge-name")},l?"package":"npm"),n.default.createElement("span",{className:i("badge-version")},"v".concat(d))),m=a?n.default.createElement("a",{className:i("badge"),href:a},n.default.createElement("span",{className:i("badge-name")},"github"),n.default.createElement("span",{className:i("badge-version")},"source")):void 0;return n.default.createElement("div",{className:i("badge-container")},r,m)};o.propTypes=p;var u=o;a.Z=u},78165:function(e,a,t){var l=t(64836),n=t(18698);a.Z=void 0;var d=l(t(27424)),r=function(e,a){if(!a&&e&&e.__esModule)return e;if(null===e||"object"!=n(e)&&"function"!=typeof e)return{default:e};var t=o(a);if(t&&t.has(e))return t.get(e);var l={__proto__:null},d=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&Object.prototype.hasOwnProperty.call(e,r)){var m=d?Object.getOwnPropertyDescriptor(e,r):null;m&&(m.get||m.set)?Object.defineProperty(l,r,m):l[r]=e[r]}return l.default=e,t&&t.set(e,l),l}(t(67294)),m=l(t(47166)),i=l(t(26719)),p=l(t(16312));function o(e){if("function"!=typeof WeakMap)return null;var a=new WeakMap,t=new WeakMap;return(o=function(e){return e?t:a})(e)}var u=m.default.bind(p.default);a.Z=function(){var e=(0,r.useState)(""),a=(0,d.default)(e,2),t=a[0],l=a[1],n=(0,r.useState)(!1),m=(0,d.default)(n,2),p=m[0],o=m[1];return r.default.createElement("div",null,r.default.createElement("p",null,"Selected ISO Date:",r.default.createElement("span",{className:u("date-wrapper")},t)),r.default.createElement(i.default,{label:"Enter Date",name:"date-input",datePickerId:"default-field",onChange:function(e,a){l(a),o(!1)},onChangeRaw:function(e,a,t){t.isValidValue||10!==t.inputValue.length||(l(null),o(!0))},isInvalid:p,error:r.default.createElement("p",null,"Enter valid date")}))}},15553:function(e,a,t){t.r(a),t.d(a,{default:function(){return w}});var l=t(67294),n=t(81254),d=t(72509),r=t(78530),m=["components"];function i(){return i=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(n[t]=e[t]);return n}(e,a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}var o={},u="wrapper";function s(e){var a=e.components,t=p(e,m);return(0,n.mdx)(u,i({},o,t,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)(r.ZP,{mdxType:"PropsTable"},(0,n.mdx)(r.X2,{key:"ROW1",mdxType:"Row"},(0,n.mdx)(r.O,{mdxType:"PropNameCell"},"datePickerId"),(0,n.mdx)(r.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,n.mdx)(r.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,n.mdx)(r.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(r.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The DatePicker identifier. Links the htmlFor of the field to the select identifier."))),(0,n.mdx)(r.X2,{key:"ROW2",mdxType:"Row"},(0,n.mdx)(r.O,{mdxType:"PropNameCell"},"disabled"),(0,n.mdx)(r.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(r.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(r.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether the date input should be disabled."))),(0,n.mdx)(r.X2,{key:"ROW3",mdxType:"Row"},(0,n.mdx)(r.O,{mdxType:"PropNameCell"},"error"),(0,n.mdx)(r.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,n.mdx)(r.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"null\n"))),(0,n.mdx)(r.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Error message for when the input is invalid. This will only be displayed if isInvalid is true."))),(0,n.mdx)(r.X2,{key:"ROW4",mdxType:"Row"},(0,n.mdx)(r.O,{mdxType:"PropNameCell"},"errorIcon"),(0,n.mdx)(r.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,n.mdx)(r.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"\n"))),(0,n.mdx)(r.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Error Icon to display when the input is invalid."))),(0,n.mdx)(r.X2,{key:"ROW5",mdxType:"Row"},(0,n.mdx)(r.O,{mdxType:"PropNameCell"},"excludeDates"),(0,n.mdx)(r.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'string',\n}],\n"))),(0,n.mdx)(r.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(r.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"An array of ISO 8601 string representation of the dates to disable in the picker."))),(0,n.mdx)(r.X2,{key:"ROW6",mdxType:"Row"},(0,n.mdx)(r.O,{mdxType:"PropNameCell"},"filterDate"),(0,n.mdx)(r.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,n.mdx)(r.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(r.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"A function that gets called for each date in the picker to evaluate which date should be disabled.\nA return value of true will be enabled and false will be disabled."))),(0,n.mdx)(r.X2,{key:"ROW7",mdxType:"Row"},(0,n.mdx)(r.O,{mdxType:"PropNameCell"},"help"),(0,n.mdx)(r.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,n.mdx)(r.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"null\n"))),(0,n.mdx)(r.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Help element to display with the input."))),(0,n.mdx)(r.X2,{key:"ROW8",mdxType:"Row"},(0,n.mdx)(r.O,{mdxType:"PropNameCell"},"hideRequired"),(0,n.mdx)(r.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(r.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(r.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether or not to hide the required indicator on the label."))),(0,n.mdx)(r.X2,{key:"ROW9",mdxType:"Row"},(0,n.mdx)(r.O,{mdxType:"PropNameCell"},"includeDates"),(0,n.mdx)(r.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'string',\n}],\n"))),(0,n.mdx)(r.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(r.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"An array of ISO 8601 string representation of the dates to enable in the picker. All Other dates will be disabled."))),(0,n.mdx)(r.X2,{key:"ROW10",mdxType:"Row"},(0,n.mdx)(r.O,{mdxType:"PropNameCell"},"inputAttributes"),(0,n.mdx)(r.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,n.mdx)(r.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(r.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Custom input attributes to apply to the date input. Use the name prop to set the name for the input.\nDo not set the name in inputAttribute as it will be ignored."))),(0,n.mdx)(r.X2,{key:"ROW11",mdxType:"Row"},(0,n.mdx)(r.O,{mdxType:"PropNameCell"},"isIncomplete"),(0,n.mdx)(r.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(r.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(r.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether the field displays as Incomplete. Use when no value has been provided. ",(0,n.mdx)("em",{parentName:"p"},"(usage note: ",(0,n.mdx)("inlineCode",{parentName:"em"},"required")," must also be set)"),"."))),(0,n.mdx)(r.X2,{key:"ROW12",mdxType:"Row"},(0,n.mdx)(r.O,{mdxType:"PropNameCell"},"isInline"),(0,n.mdx)(r.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(r.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(r.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether or not the field is an inline field."))),(0,n.mdx)(r.X2,{key:"ROW13",mdxType:"Row"},(0,n.mdx)(r.O,{mdxType:"PropNameCell"},"isInvalid"),(0,n.mdx)(r.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(r.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(r.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether the field displays as Invalid. Use when value does not meet validation pattern."))),(0,n.mdx)(r.X2,{key:"ROW14",mdxType:"Row"},(0,n.mdx)(r.O,{mdxType:"PropNameCell"},"isLabelHidden"),(0,n.mdx)(r.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(r.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(r.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether or not the label is visible. Use this props to hide a label while still creating it on the DOM for accessibility."))),(0,n.mdx)(r.X2,{key:"ROW15",mdxType:"Row"},(0,n.mdx)(r.O,{mdxType:"PropNameCell"},"label"),(0,n.mdx)(r.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,n.mdx)(r.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,n.mdx)(r.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(r.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The label of the form control children."))),(0,n.mdx)(r.X2,{key:"ROW16",mdxType:"Row"},(0,n.mdx)(r.O,{mdxType:"PropNameCell"},"labelAttrs"),(0,n.mdx)(r.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,n.mdx)(r.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"{}\n"))),(0,n.mdx)(r.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Attributes to attach to the label."))),(0,n.mdx)(r.X2,{key:"ROW17",mdxType:"Row"},(0,n.mdx)(r.O,{mdxType:"PropNameCell"},"maxDate"),(0,n.mdx)(r.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,n.mdx)(r.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(r.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"An ISO 8601 string representation of the maximum date that can be selected. The value must be in the ",(0,n.mdx)("inlineCode",{parentName:"p"},"YYYY-MM-DD")," format. Must be on or before ",(0,n.mdx)("inlineCode",{parentName:"p"},"12/31/2100"),"."))),(0,n.mdx)(r.X2,{key:"ROW18",mdxType:"Row"},(0,n.mdx)(r.O,{mdxType:"PropNameCell"},"minDate"),(0,n.mdx)(r.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,n.mdx)(r.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(r.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"An ISO 8601 string representation of the minimum date that can be selected. The value must be in the ",(0,n.mdx)("inlineCode",{parentName:"p"},"YYYY-MM-DD")," format. Must be on or after ",(0,n.mdx)("inlineCode",{parentName:"p"},"01/01/1900")))),(0,n.mdx)(r.X2,{key:"ROW19",mdxType:"Row"},(0,n.mdx)(r.O,{mdxType:"PropNameCell"},"name"),(0,n.mdx)(r.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,n.mdx)(r.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,n.mdx)(r.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(r.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Name of the date input. The name should be unique."))),(0,n.mdx)(r.X2,{key:"ROW20",mdxType:"Row"},(0,n.mdx)(r.O,{mdxType:"PropNameCell"},"onBlur"),(0,n.mdx)(r.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,n.mdx)(r.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(r.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"A callback function triggered when the date picker component loses focus.\nThis event does not get triggered when the focus is moved from the date input to the calendar button since the focus is still within the main date picker component.\nThe first parameter is the event. The second parameter is the metadata to describe the current state of the input value at the time when the onBlur callback is triggered."))),(0,n.mdx)(r.X2,{key:"ROW21",mdxType:"Row"},(0,n.mdx)(r.O,{mdxType:"PropNameCell"},"onChange"),(0,n.mdx)(r.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,n.mdx)(r.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(r.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"A callback function to execute when a valid date is selected or entered.\nThe first parameter is the event. The second parameter is the changed date value. The third parameter is the metadata to describe the current state of the input value at the time when the onChange callback is triggered."))),(0,n.mdx)(r.X2,{key:"ROW22",mdxType:"Row"},(0,n.mdx)(r.O,{mdxType:"PropNameCell"},"onChangeRaw"),(0,n.mdx)(r.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,n.mdx)(r.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(r.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"A callback function to execute when a change is made in the date input.\nThe first parameter is the event. The second parameter is the changed date value. The third parameter is the metadata to describe the current state of the input value at the time when the onChangeRaw callback is triggered."))),(0,n.mdx)(r.X2,{key:"ROW23",mdxType:"Row"},(0,n.mdx)(r.O,{mdxType:"PropNameCell"},"onClickOutside"),(0,n.mdx)(r.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,n.mdx)(r.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(r.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,(0,n.mdx)("strong",{parentName:"p"},"Deprecated"),", A callback function to execute when clicking outside of the picker to dismiss it. Resolves to ",(0,n.mdx)("inlineCode",{parentName:"p"},"onRequestClose"),"."))),(0,n.mdx)(r.X2,{key:"ROW24",mdxType:"Row"},(0,n.mdx)(r.O,{mdxType:"PropNameCell"},"onFocus"),(0,n.mdx)(r.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,n.mdx)(r.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(r.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"A callback function triggered when the date picker component receives focus.\nThis event does not get triggered when the focus is moved from the date input to the calendar button since the focus is still within the main date picker component."))),(0,n.mdx)(r.X2,{key:"ROW25",mdxType:"Row"},(0,n.mdx)(r.O,{mdxType:"PropNameCell"},"onRequestClose"),(0,n.mdx)(r.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,n.mdx)(r.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(r.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"A callback function to execute when picker is dismissed. onRequestClose(event)"))),(0,n.mdx)(r.X2,{key:"ROW26",mdxType:"Row"},(0,n.mdx)(r.O,{mdxType:"PropNameCell"},"onSelect"),(0,n.mdx)(r.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,n.mdx)(r.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(r.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"A callback function to execute when a date is selected from within the picker."))),(0,n.mdx)(r.X2,{key:"ROW27",mdxType:"Row"},(0,n.mdx)(r.O,{mdxType:"PropNameCell"},"required"),(0,n.mdx)(r.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(r.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(r.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether or not the date field is required."))),(0,n.mdx)(r.X2,{key:"ROW28",mdxType:"Row"},(0,n.mdx)(r.O,{mdxType:"PropNameCell"},"maxWidth"),(0,n.mdx)(r.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,n.mdx)(r.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(r.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Set the max-width of a field using ",(0,n.mdx)("inlineCode",{parentName:"p"},"length")," or ",(0,n.mdx)("inlineCode",{parentName:"p"},"%"),". Best practice recommendation to never exceed\na rendered value of 1020px. ",(0,n.mdx)("em",{parentName:"p"},"(Note: Providing custom inline styles will take precedence.)")))),(0,n.mdx)(r.X2,{key:"ROW29",mdxType:"Row"},(0,n.mdx)(r.O,{mdxType:"PropNameCell"},"selectedDate"),(0,n.mdx)(r.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,n.mdx)(r.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(r.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"An ISO 8601 string representation of the initial value to show in the date input.\nThis prop name is derived from react-datepicker but is analogous to value in a form input field."))),(0,n.mdx)(r.X2,{key:"ROW30",mdxType:"Row"},(0,n.mdx)(r.O,{mdxType:"PropNameCell"},"showOptional"),(0,n.mdx)(r.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(r.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(r.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether or not to append the 'optional' label to a non-required field label."))),(0,n.mdx)(r.X2,{key:"ROW31",mdxType:"Row"},(0,n.mdx)(r.O,{mdxType:"PropNameCell"},"value"),(0,n.mdx)(r.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,n.mdx)(r.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(r.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The date value. This prop should only be used for a controlled date picker field.\nWhen this prop is set a handler is needed for both the ",(0,n.mdx)("inlineCode",{parentName:"p"},"onChange")," and ",(0,n.mdx)("inlineCode",{parentName:"p"},"onChangeRaw")," props to manage the date value.\nIf both ",(0,n.mdx)("inlineCode",{parentName:"p"},"selectedDate")," and this prop are set, then ",(0,n.mdx)("inlineCode",{parentName:"p"},"selectedDate")," will have no effect.\nThe value must be in the ",(0,n.mdx)("inlineCode",{parentName:"p"},"YYYY-MM-DD")," format or the all-numeric date format based on the locale.")))))}s.isMDXComponent=!0;var c=t(78165),x=["components"];function f(){return f=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(n[t]=e[t]);return n}(e,a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}var g={};function h(e){var a=e.components,t=y(e,x);return(0,n.mdx)("wrapper",f({},g,t,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport classNames from 'classnames/bind';\nimport DatePickerField from 'terra-date-picker/lib/DatePickerField';\nimport styles from './DatePickerExampleCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst DatePickerFieldExample = () => {\n const [date, setDate] = useState('');\n const [invalid, setInValid] = useState(false);\n\n const handleDateChange = (event, dateValue) => {\n setDate(dateValue);\n setInValid(false);\n };\n\n const handleDateChangeRaw = (event, dateValue, metadata) => {\n if (!metadata.isValidValue && metadata.inputValue.length === 10) {\n setDate(null);\n setInValid(true);\n }\n };\n\n return (\n
\n

\n Selected ISO Date:\n {date}\n

\n Enter valid date

}\n />\n
\n );\n};\n\nexport default DatePickerFieldExample;\n\n")))}h.isMDXComponent=!0;var T=t(49271),b=t(81093),C=function(e){var a=e.title,t=e.description,n=e.isExpanded;return l.createElement(T.Z,{title:a||"Date Picker Field",description:t,example:l.createElement(c.Z,null),exampleCssSrc:l.createElement(b.Z,null),exampleSrc:l.createElement(h,null),isExpanded:n})},v=["components"];function N(){return N=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(n[t]=e[t]);return n}(e,a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}var O={},R="wrapper";function w(e){var a=e.components,t=D(e,v);return(0,n.mdx)(R,N({},O,t,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)(d.C,{mdxType:"Badge"}),(0,n.mdx)("h1",{id:"terra-date-picker-field"},"Terra Date Picker Field"),(0,n.mdx)("p",null,(0,n.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-framework/tree/main/packages/terra-date-picker"},"terra-date-picker")," component that is wrapped inside a\n",(0,n.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-core/tree/main/packages/terra-form-field"},"terra-form-field")," component."),(0,n.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Install with ",(0,n.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("inlineCode",{parentName:"li"},"npm install terra-date-picker"))))),(0,n.mdx)("h2",{id:"component-features"},"Component Features"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Internationalization Support")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Localization Support"))),(0,n.mdx)("h2",{id:"examples"},"Examples"),(0,n.mdx)(C,{title:"Date Picker Field",mdxType:"DatePickerFieldExample"}),(0,n.mdx)("h2",{id:"date-picker-field-props-table"},"Date Picker field props table"),(0,n.mdx)(s,{mdxType:"DatePickerFieldPropsTable"}))}w.isMDXComponent=!0},81093:function(e,a,t){t.d(a,{Z:function(){return p}});t(67294);var l=t(81254),n=["components"];function d(){return d=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(n[t]=e[t]);return n}(e,a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}var m={},i="wrapper";function p(e){var a=e.components,t=r(e,n);return(0,l.mdx)(i,d({},m,t,{components:a,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .date-wrapper {\n display: inline-block;\n }\n}\n\n")))}p.isMDXComponent=!0},72509:function(e,a,t){t.d(a,{C:function(){return d}});var l=t(67294),n=t(22863),d=function(e){var a=e.url;return l.createElement(n.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-date-picker",name:"terra-date-picker",version:"4.94.0",url:a})}},17422:function(e,a,t){t.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},16312:function(e,a,t){t.r(a),a.default={"date-wrapper":"DatePickerExampleCommon-module__date-wrapper___UWblk"}},26719:function(e,a,t){var l=t(64836);Object.defineProperty(a,"__esModule",{value:!0}),a.default=void 0;var n=l(t(10434)),d=l(t(38416)),r=l(t(70215)),m=l(t(67294)),i=l(t(45697)),p=l(t(47717)),o=t(25387),u=l(t(51331)),s=l(t(50754)),c=["datePickerId","disabled","inputAttributes","error","errorIcon","excludeDates","filterDate","help","hideRequired","isIncomplete","isInvalid","isInline","isLabelHidden","includeDates","intl","label","labelAttrs","maxDate","minDate","maxWidth","name","onBlur","onChange","onChangeRaw","onClickOutside","onFocus","onRequestClose","onSelect","required","selectedDate","showOptional","value"];function x(e,a){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);a&&(l=l.filter((function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable}))),t.push.apply(t,l)}return t}function f(e){for(var a=1;a=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}var i={},u="wrapper";function d(e){var t=e.components,r=l(e,s);return(0,n.mdx)(u,o({},i,r,{components:t,mdxType:"MDXLayout"}),(0,n.mdx)(a.C,{mdxType:"Badge"}),(0,n.mdx)("h1",{id:"stylelint-config-terra"},"Stylelint Config Terra"),(0,n.mdx)("p",null,"This configuration reflects Terra's supported stylelint policy for stylesheets. It extends the ",(0,n.mdx)("a",{parentName:"p",href:"https://github.com/bjankord/stylelint-config-sass-guidelines"},"stylelint-config-sass-guidelines")," configuration which is based on ",(0,n.mdx)("a",{parentName:"p",href:"https://sass-guidelin.es/"},"sass-guidelines"),". Additionally, this configuration utilizes the ",(0,n.mdx)("a",{parentName:"p",href:"https://github.com/ismay/stylelint-no-unsupported-browser-features"},"stylelint-no-unsupported-browser-features")," plugin to check if the styles used are supported by the local browserslist being targeted."),(0,n.mdx)("h2",{id:"what-is-stylelint"},"What is Stylelint?"),(0,n.mdx)("p",null,(0,n.mdx)("a",{parentName:"p",href:"https://stylelint.io/"},"Stylelint")," is a mighty, modern CSS linter and fixer that helps you avoid errors and enforce consistent conventions in your stylesheets."),(0,n.mdx)("h2",{id:"installation"},"Installation"),(0,n.mdx)("p",null,"Install the module"),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-shell"},"$ npm install stylelint --save-dev\n$ npm install @cerner/stylelint-config-terra --save-dev\n")),(0,n.mdx)("h2",{id:"usage"},"Usage"),(0,n.mdx)("h3",{id:"packagejson"},"package.json"),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-json"},'{\n "stylelint": {\n "extends": "@cerner/stylelint-config-terra"\n }\n}\n')),(0,n.mdx)("h3",{id:"extending-terras-configuration"},"Extending Terra's Configuration"),(0,n.mdx)("p",null,"It is possible to specify and override the rules defined by stylelint-config-terra. Read more about it ",(0,n.mdx)("a",{parentName:"p",href:"https://stylelint.io/user-guide/configuration/#extends"},"here"),"."),(0,n.mdx)("p",null,"For example, it is possible to override the browsers specified to the no-unsupported-browser-features plugin."),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-json"},'{\n "stylelint": {\n "extends @cerner/stylelint-config-terra",\n "rules": {\n "plugin/no-unsupported-browser-features": [\n true,\n "browsers": ["iOS >= 10"],\n "severity": "warning",\n ]\n }\n }\n}\n')),(0,n.mdx)("h2",{id:"custom-lint-rules"},"Custom Lint Rules"),(0,n.mdx)("p",null,"The following custom rules are enabled by default."),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-ui/dev_tools/terra-toolkit-docs/stylelint-config-terra/custom-rules/custom-property-name"},"terra/custom-property-name"),": Requires custom properties to be suffixed with the css property name."),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-ui/dev_tools/terra-toolkit-docs/stylelint-config-terra/custom-rules/custom-property-namespace"},"terra/custom-property-namespace"),": Requires custom properties to be prefixed with a namespace."),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-ui/dev_tools/terra-toolkit-docs/stylelint-config-terra/custom-rules/custom-property-no-duplicate-declaration"},"terra/custom-property-no-duplication-declaration"),": Disallows a custom property to be declared more than once with a different fallback value."),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-ui/dev_tools/terra-toolkit-docs/stylelint-config-terra/custom-rules/custom-property-pattern"},"terra/custom-property-pattern"),": Requires custom properties to be written in lowercase alphanumeric characters and hyphens."),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-ui/dev_tools/terra-toolkit-docs/stylelint-config-terra/custom-rules/custom-property-pseudo-selectors"},"terra/custom-property-pseudo-selectors"),": Requires custom properties to include all ancestor pseudo selectors in order.")))}d.isMDXComponent=!0},97583:function(e,t,r){r.d(t,{C:function(){return s}});var n=r(67294),a=r(22863),s=function(e){var t=e.url;return n.createElement(a.Z,{src:"https://github.com/cerner/terra-toolk/tree/main/packages/stylelint-config-terra",name:"@cerner/stylelint-config-terra",version:"5.0.1",url:t})}},17422:function(e,t,r){r.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/16380-5f0d1e31f1b76fa812cd.css b/16380-5f0d1e31f1b76fa812cd.css new file mode 100644 index 0000000000..26a3a21777 --- /dev/null +++ b/16380-5f0d1e31f1b76fa812cd.css @@ -0,0 +1,5 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.Table-module__clinical-lowlight-theme___PqYJ8{--terra-html-table-background-color: #383f42;--terra-html-table-border: 1px solid #585a5c;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: none;--terra-html-table-header-cell-color: #1c1f21;--terra-html-table-header-cell-font-size: 1rem;--terra-html-table-header-cell-font-weight: bold;--terra-html-table-header-cell-border-right: 1px solid #585a5c;--terra-html-table-first-header-cell-border-left: 1px solid #585a5c;--terra-html-table-last-header-cell-border-right: 1px solid #585a5c;--terra-html-table-header-background-color: #909496;--terra-html-table-header-box-shadow: 0 4px 4px -3.5px #1c1f21, inset 0 0 0 1px #585a5c;--terra-html-table-header-row-border-bottom: 1px solid #585a5c;--terra-html-table-header-row-border-top: 1px solid #585a5c;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #b2b5b6;--terra-html-table-cell-font-size: 1rem;--terra-html-table-first-cell-border-left: 1px solid #585a5c;--terra-html-table-last-cell-border-right: 1px solid #585a5c;--terra-html-table-header-cell-standard-padding-bottom: 0.5rem;--terra-html-table-header-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-top: 0.5rem;--terra-html-table-header-cell-compact-padding-bottom: 0.25rem;--terra-html-table-header-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-top: 0.25rem;--terra-html-table-cell-standard-padding-bottom: 0.5rem;--terra-html-table-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-cell-standard-padding-top: 0.5rem;--terra-html-table-cell-compact-padding-bottom: 0.25rem;--terra-html-table-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-cell-compact-padding-top: 0.25rem;--terra-html-table-row-border-top: 1px solid #585a5c;--terra-html-table-last-row-border-bottom: 1px solid #585a5c;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #2d3539}.Table-module__orion-fusion-theme___d9rxf{--terra-html-table-background-color: transparent;--terra-html-table-border: 0;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: transparent;--terra-html-table-header-cell-color: #64696c;--terra-html-table-header-cell-font-size: 0.857142857rem;--terra-html-table-header-cell-font-weight: normal;--terra-html-table-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-first-header-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-background-color: #f4f4f4;--terra-html-table-header-box-shadow: none;--terra-html-table-header-row-border-bottom: 2px solid #64696c;--terra-html-table-header-row-border-top: 1px solid #c8cacb;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #1c1f21;--terra-html-table-cell-font-size: 0.857142857rem;--terra-html-table-first-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-cell-standard-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-top: 0.428571429rem;--terra-html-table-header-cell-compact-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-top: 0.428571429rem;--terra-html-table-cell-standard-padding-bottom: 0.8571428571rem;--terra-html-table-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-cell-standard-padding-top: 0.8571428571rem;--terra-html-table-cell-compact-padding-bottom: 0.8571428571rem;--terra-html-table-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-cell-compact-padding-top: 0.8571428571rem;--terra-html-table-row-border-top: 0;--terra-html-table-last-row-border-bottom: 1px solid #c8cacb;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #f4f4f4}.Table-module__table___eg2Mi{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___eg2Mi{background-color:transparent;background-color:var(--terra-html-table-background-color, transparent);border:0;border:var(--terra-html-table-border, 0);border-radius:0;border-radius:var(--terra-html-table-border-radius, 0)}[dir] .Table-module__table___eg2Mi caption{padding-bottom:.5em}.Table-module__table___eg2Mi tr{display:table-row}[dir] .Table-module__table___eg2Mi tr{margin-bottom:0}.Table-module__table___eg2Mi td,.Table-module__table___eg2Mi th{color:#1c1f21;color:var(--terra-html-table-cell-color, #1c1f21);display:table-cell;font-size:1rem;font-size:var(--terra-html-table-cell-font-size, 1rem);font-weight:normal;vertical-align:top}[dir] .Table-module__table___eg2Mi td, [dir] .Table-module__table___eg2Mi th{border:0}[dir=ltr] .Table-module__table___eg2Mi td, [dir=ltr] .Table-module__table___eg2Mi th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___eg2Mi td, [dir=rtl] .Table-module__table___eg2Mi th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___eg2Mi td:first-child, [dir=ltr] .Table-module__table___eg2Mi th:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:first-child, [dir=rtl] .Table-module__table___eg2Mi th:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi td:last-child, [dir=ltr] .Table-module__table___eg2Mi th:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:last-child, [dir=rtl] .Table-module__table___eg2Mi th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___eg2Mi thead th, [dir] .Table-module__table___eg2Mi thead td{border:0}[dir=ltr] .Table-module__table___eg2Mi thead th, [dir=ltr] .Table-module__table___eg2Mi thead td{border-right:1px solid rgba(200, 202, 203, 0.5);border-right:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:left}[dir=rtl] .Table-module__table___eg2Mi thead th, [dir=rtl] .Table-module__table___eg2Mi thead td{border-left:1px solid rgba(200, 202, 203, 0.5);border-left:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:right}[dir=ltr] .Table-module__table___eg2Mi thead th:first-child, [dir=ltr] .Table-module__table___eg2Mi thead td:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:first-child, [dir=rtl] .Table-module__table___eg2Mi thead td:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi thead th:last-child, [dir=ltr] .Table-module__table___eg2Mi thead td:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:last-child, [dir=rtl] .Table-module__table___eg2Mi thead td:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead{display:table-header-group}[dir] .Table-module__table___eg2Mi thead{background-color:#f1f1f2;background-color:var(--terra-html-table-header-background-color, #f1f1f2);box-shadow:0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5);box-shadow:var(--terra-html-table-header-box-shadow, 0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5))}[dir] .Table-module__table___eg2Mi thead tr{border-bottom:1px solid #b9bbbc;border-bottom:var(--terra-html-table-header-row-border-bottom, 1px solid #b9bbbc);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-header-row-border-top, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{color:#1c1f21;color:var(--terra-html-table-header-cell-color, #1c1f21);font-size:1rem;font-size:var(--terra-html-table-header-cell-font-size, 1rem);font-weight:bold;font-weight:var(--terra-html-table-header-cell-font-weight, bold);vertical-align:bottom}[dir] .Table-module__table___eg2Mi tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___eg2Mi tbody tr{background-color:transparent;background-color:var(--terra-html-table-row-background-color, transparent);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-row-border-top, 1px solid #dedfe0)}[dir] .Table-module__table___eg2Mi tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___eg2Mi tbody tr:last-of-type{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-html-table-last-row-border-bottom, 1px solid #dedfe0)}[dir] .Table-module__padding-standard___BfbC- th{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-header-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-header-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z th{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-header-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-header-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__padding-standard___BfbC- td{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z td{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__striped___n8xJe tbody tr:nth-of-type(even){background-color:#f6f7f8;background-color:var(--terra-html-table-row-striped-background-color, #f6f7f8)}@media print{.Table-module__table___eg2Mi thead{display:table-header-group}.Table-module__table___eg2Mi tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} +.CalendarFilter-module__clinical-lowlight-theme___LdiKG{--terra-date-picker-calendar-filter-border: 1px solid #2d3539;--terra-date-picker-calendar-filter-width: 16.78571rem}.CalendarFilter-module__orion-fusion-theme___O1Zo\+{--terra-date-picker-calendar-filter-border: 1px solid #aeaeae;--terra-date-picker-calendar-filter-width: 18.75rem}.CalendarFilter-module__calendar-filter___OsNST{-webkit-user-select:none;-ms-user-select:none;user-select:none;width:16.78571rem;width:var(--terra-date-picker-calendar-filter-width, 16.78571rem)}[dir] .CalendarFilter-module__calendar-filter___OsNST{border:1px solid #aeaeae;border:var(--terra-date-picker-calendar-filter-border, 1px solid #aeaeae)}.CalendarFilter-module__calendar-filter___OsNST [data-navigation-next],.CalendarFilter-module__calendar-filter___OsNST [data-navigation-previous]{height:1rem;width:1rem} +.DatePickerExampleCommon-module__date-wrapper___UWblk{display:inline-block} diff --git a/16380-5f0d1e31f1b76fa812cd.js b/16380-5f0d1e31f1b76fa812cd.js new file mode 100644 index 0000000000..cfe76cd986 --- /dev/null +++ b/16380-5f0d1e31f1b76fa812cd.js @@ -0,0 +1 @@ +(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[16380,45627,79482,85565,3353,5161,80858,45865,85355,3193,4845,46647,85161,66097,38681,79980,33324,15318,40411,18101,38443,11264,34319,78996,39915,33442],{46700:function(s,j,e){var n={"./af":42786,"./af.js":42786,"./ar":30867,"./ar-dz":14130,"./ar-dz.js":14130,"./ar-kw":96135,"./ar-kw.js":96135,"./ar-ly":56440,"./ar-ly.js":56440,"./ar-ma":47702,"./ar-ma.js":47702,"./ar-sa":16040,"./ar-sa.js":16040,"./ar-tn":37100,"./ar-tn.js":37100,"./ar.js":30867,"./az":31083,"./az.js":31083,"./be":9808,"./be.js":9808,"./bg":68338,"./bg.js":68338,"./bm":67438,"./bm.js":67438,"./bn":8905,"./bn-bd":76225,"./bn-bd.js":76225,"./bn.js":8905,"./bo":11560,"./bo.js":11560,"./br":1278,"./br.js":1278,"./bs":80622,"./bs.js":80622,"./ca":2468,"./ca.js":2468,"./cs":5822,"./cs.js":5822,"./cv":50877,"./cv.js":50877,"./cy":47373,"./cy.js":47373,"./da":24780,"./da.js":24780,"./de":59740,"./de-at":60217,"./de-at.js":60217,"./de-ch":60894,"./de-ch.js":60894,"./de.js":59740,"./dv":5300,"./dv.js":5300,"./el":50837,"./el.js":50837,"./en-au":78348,"./en-au.js":78348,"./en-ca":77925,"./en-ca.js":77925,"./en-gb":22243,"./en-gb.js":22243,"./en-ie":46436,"./en-ie.js":46436,"./en-il":47207,"./en-il.js":47207,"./en-in":44175,"./en-in.js":44175,"./en-nz":76319,"./en-nz.js":76319,"./en-sg":31662,"./en-sg.js":31662,"./eo":92915,"./eo.js":92915,"./es":55655,"./es-do":55251,"./es-do.js":55251,"./es-mx":96112,"./es-mx.js":96112,"./es-us":71146,"./es-us.js":71146,"./es.js":55655,"./et":5603,"./et.js":5603,"./eu":77763,"./eu.js":77763,"./fa":76959,"./fa.js":76959,"./fi":11897,"./fi.js":11897,"./fil":42549,"./fil.js":42549,"./fo":94694,"./fo.js":94694,"./fr":94470,"./fr-ca":63049,"./fr-ca.js":63049,"./fr-ch":52330,"./fr-ch.js":52330,"./fr.js":94470,"./fy":5044,"./fy.js":5044,"./ga":29295,"./ga.js":29295,"./gd":2101,"./gd.js":2101,"./gl":38794,"./gl.js":38794,"./gom-deva":27884,"./gom-deva.js":27884,"./gom-latn":23168,"./gom-latn.js":23168,"./gu":95349,"./gu.js":95349,"./he":24206,"./he.js":24206,"./hi":30094,"./hi.js":30094,"./hr":30316,"./hr.js":30316,"./hu":22138,"./hu.js":22138,"./hy-am":11423,"./hy-am.js":11423,"./id":29218,"./id.js":29218,"./is":90135,"./is.js":90135,"./it":90626,"./it-ch":10150,"./it-ch.js":10150,"./it.js":90626,"./ja":39183,"./ja.js":39183,"./jv":24286,"./jv.js":24286,"./ka":12105,"./ka.js":12105,"./kk":47772,"./kk.js":47772,"./km":18758,"./km.js":18758,"./kn":79282,"./kn.js":79282,"./ko":33730,"./ko.js":33730,"./ku":1408,"./ku.js":1408,"./ky":33291,"./ky.js":33291,"./lb":36841,"./lb.js":36841,"./lo":55466,"./lo.js":55466,"./lt":57010,"./lt.js":57010,"./lv":37595,"./lv.js":37595,"./me":39861,"./me.js":39861,"./mi":35493,"./mi.js":35493,"./mk":59637,"./mk.js":59637,"./ml":87341,"./ml.js":87341,"./mn":5115,"./mn.js":5115,"./mr":10370,"./mr.js":10370,"./ms":9847,"./ms-my":41237,"./ms-my.js":41237,"./ms.js":9847,"./mt":72126,"./mt.js":72126,"./my":56165,"./my.js":56165,"./nb":64924,"./nb.js":64924,"./ne":16744,"./ne.js":16744,"./nl":93901,"./nl-be":59814,"./nl-be.js":59814,"./nl.js":93901,"./nn":83877,"./nn.js":83877,"./oc-lnc":92135,"./oc-lnc.js":92135,"./pa-in":47762,"./pa-in.js":47762,"./pl":64495,"./pl.js":64495,"./pt":96432,"./pt-br":57971,"./pt-br.js":57971,"./pt.js":96432,"./ro":96459,"./ro.js":96459,"./ru":21793,"./ru.js":21793,"./sd":40950,"./sd.js":40950,"./se":10490,"./se.js":10490,"./si":90124,"./si.js":90124,"./sk":64249,"./sk.js":64249,"./sl":14985,"./sl.js":14985,"./sq":51104,"./sq.js":51104,"./sr":49131,"./sr-cyrl":79915,"./sr-cyrl.js":79915,"./sr.js":49131,"./ss":85893,"./ss.js":85893,"./sv":98760,"./sv.js":98760,"./sw":91172,"./sw.js":91172,"./ta":27333,"./ta.js":27333,"./te":23110,"./te.js":23110,"./tet":52095,"./tet.js":52095,"./tg":27321,"./tg.js":27321,"./th":9041,"./th.js":9041,"./tk":19005,"./tk.js":19005,"./tl-ph":75768,"./tl-ph.js":75768,"./tlh":89444,"./tlh.js":89444,"./tr":72397,"./tr.js":72397,"./tzl":28254,"./tzl.js":28254,"./tzm":51106,"./tzm-latn":30699,"./tzm-latn.js":30699,"./tzm.js":51106,"./ug-cn":9288,"./ug-cn.js":9288,"./uk":67691,"./uk.js":67691,"./ur":13795,"./ur.js":13795,"./uz":6791,"./uz-latn":14126,"./uz-latn.js":14126,"./uz.js":6791,"./vi":65666,"./vi.js":65666,"./x-pseudo":14378,"./x-pseudo.js":14378,"./yo":75805,"./yo.js":75805,"./zh-cn":83839,"./zh-cn.js":83839,"./zh-hk":55726,"./zh-hk.js":55726,"./zh-mo":99807,"./zh-mo.js":99807,"./zh-tw":74152,"./zh-tw.js":74152};function t(s){var j=a(s);return e(j)}function a(s){if(!e.o(n,s)){var j=new Error("Cannot find module '"+s+"'");throw j.code="MODULE_NOT_FOUND",j}return n[s]}t.keys=function(){return Object.keys(n)},t.resolve=a,s.exports=t,t.id=46700}}]); \ No newline at end of file diff --git a/16404-744c1ac2fbbf8274fe5b.css b/16404-744c1ac2fbbf8274fe5b.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/16404-744c1ac2fbbf8274fe5b.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/16404-744c1ac2fbbf8274fe5b.js b/16404-744c1ac2fbbf8274fe5b.js new file mode 100644 index 0000000000..92a2c8f436 --- /dev/null +++ b/16404-744c1ac2fbbf8274fe5b.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[16404,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,a,n){var l=n(64836);a.Z=void 0;var r=l(n(67294)),t=l(n(45697)),d=l(n(47166)),m=l(n(17422)),i=d.default.bind(m.default),u={name:t.default.string.isRequired,src:t.default.string,url:t.default.string,version:t.default.string.isRequired},o=function(e){var a=e.src,n=e.name,l=e.url,t=e.version,d=r.default.createElement("a",{className:i("badge"),href:l||"https://www.npmjs.org/package/".concat(n,"/v/").concat(t)},r.default.createElement("span",{className:i("badge-name")},l?"package":"npm"),r.default.createElement("span",{className:i("badge-version")},"v".concat(t))),m=a?r.default.createElement("a",{className:i("badge"),href:a},r.default.createElement("span",{className:i("badge-name")},"github"),r.default.createElement("span",{className:i("badge-version")},"source")):void 0;return r.default.createElement("div",{className:i("badge-container")},d,m)};o.propTypes=u;var p=o;a.Z=p},16404:function(e,a,n){n.r(a),n.d(a,{default:function(){return g}});n(67294);var l=n(81254),r=n(97583),t=["components"];function d(){return d=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(r[n]=e[n]);return r}(e,a);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var i={},u="wrapper";function o(e){var a=e.components,n=m(e,t);return(0,l.mdx)(u,d({},i,n,{components:a,mdxType:"MDXLayout"}),(0,l.mdx)("h1",{id:"changelog"},"ChangeLog"),(0,l.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,l.mdx)("h2",{id:"501---november-8-2023"},"5.0.1 - (November 8, 2023)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Fixes",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Fixed unresolved peer dependency"),(0,l.mdx)("li",{parentName:"ul"},"Corrected version of ",(0,l.mdx)("inlineCode",{parentName:"li"},"browserslist-config-terra"),". It should now pull in v4.")))),(0,l.mdx)("h2",{id:"500---october-26-2023"},"5.0.0 - (October 26, 2023)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Breaking Change",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Upgraded Stylelint from 13 to 15.")))),(0,l.mdx)("h2",{id:"460---september-26-2023"},"4.6.0 - (September 26, 2023)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"450---august-31-2023"},"4.5.0 - (August 31, 2023)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"442---august-30-2023"},"4.4.2 - (August 30, 2023)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"441---august-25-2023"},"4.4.1 - (August 25, 2023)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Fixed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Removed unnecessary ",(0,l.mdx)("inlineCode",{parentName:"li"},"postinstall")," step when installing."),(0,l.mdx)("li",{parentName:"ul"},"Optimized package size by exlucding unnecessary files when publishing.")))),(0,l.mdx)("h2",{id:"440---august-24-2023"},"4.4.0 - (August 24, 2023)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"430---february-11-2022"},"4.3.0 - (February 11, 2022)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Revert limiting upper Node version to 14.")))),(0,l.mdx)("h2",{id:"420---february-8-2022"},"4.2.0 - (February 8, 2022)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Updated component to support Node 14.")))),(0,l.mdx)("h2",{id:"410---february-25-2021"},"4.1.0 - (February 25, 2021)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"declaration-property-unit-whitelist is deprecated, converting to declaration-property-unit-allowed-list.")))),(0,l.mdx)("h2",{id:"400---january-5-2021"},"4.0.0 - (January 5, 2021)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Breaking"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Drop support for node versions below version 10."),(0,l.mdx)("li",{parentName:"ul"},"Require stylelint version 13."),(0,l.mdx)("li",{parentName:"ul"},"Scope package under @cerner."))),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Changed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Use jest for tests."),(0,l.mdx)("li",{parentName:"ul"},"Added publish config to package.json."),(0,l.mdx)("li",{parentName:"ul"},"Opened the node version to allow versions higher than node 10.")))),(0,l.mdx)("h2",{id:"370---july-28-2020"},"3.7.0 - (July 28, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Fixed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Support scoped package names")))),(0,l.mdx)("h2",{id:"360---july-21-2020"},"3.6.0 - (July 21, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Updated the custom-property-pattern rule to not require the terra prefix")))),(0,l.mdx)("h2",{id:"350---june-9-2020"},"3.5.0 - (June 9, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Updated eslint-config-terra to @cerner/eslint-config-terra v^4.0.0")))),(0,l.mdx)("h2",{id:"340---march-31-2020"},"3.4.0 - (March 31, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Removed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Removed the ",(0,l.mdx)("inlineCode",{parentName:"li"},"suitcss/custom-property-no-outside-root")," rule as it conflicts with our themeing strategy.")))),(0,l.mdx)("h2",{id:"330---january-28-2020"},"3.3.0 - (January 28, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Added Dave as a code owner."),(0,l.mdx)("li",{parentName:"ul"},"Update copyright to include 2020")))),(0,l.mdx)("h2",{id:"320---october-3-2019"},"3.2.0 - (October 3, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Added"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Added no-extra-semicolons rule to enforce no extra semicolons"))),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Changed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Updated nvmrc file to use lts/dubnium"),(0,l.mdx)("li",{parentName:"ul"},"Updated find-up dependency to ^4.0.0"),(0,l.mdx)("li",{parentName:"ul"},"Updated postcss-value-parser to ^4.0.0"),(0,l.mdx)("li",{parentName:"ul"},"Updated ESLint to v6"),(0,l.mdx)("li",{parentName:"ul"},"Updated stylelint-config-sass-guidelines to ^6.1.0"),(0,l.mdx)("li",{parentName:"ul"},"Updated stylelint-order to ^3.1.1"),(0,l.mdx)("li",{parentName:"ul"},"Updated stylelint-scss to ^3.11.0"))),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Removed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Removed DangerJS integration"),(0,l.mdx)("li",{parentName:"ul"},"Removed Terra prefix from mixin pattern rule."),(0,l.mdx)("li",{parentName:"ul"},"Removed rimraf devDependency")))),(0,l.mdx)("h2",{id:"310---may-9-2019"},"3.1.0 - (May 9, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Added",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Added warning to enforce a unitless line-height")))),(0,l.mdx)("h2",{id:"300---may-1-2019"},"3.0.0 - (May 1, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Breaking Changes",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Added more styles to ignore list"),(0,l.mdx)("li",{parentName:"ul"},"Updated stylelint dependencies to latest major versions")))),(0,l.mdx)("h2",{id:"200---january-29-2019"},"2.0.0 - (January 29, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Breaking Changes",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Enabled custom property rules to throw errors for violations")))),(0,l.mdx)("h2",{id:"151---december-19-2018"},"1.5.1 - (December 19, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Fixed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Adjusted custom-property-pseudo-selectors to not require multiple definitions of the same pseudo selector if declared in the same block")))),(0,l.mdx)("h2",{id:"150---december-5-2018"},"1.5.0 - (December 5, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Removed custom property version checking."),(0,l.mdx)("li",{parentName:"ul"},"Renamed custom-property-namespace-version to custom-property-namespace")))),(0,l.mdx)("h2",{id:"140---november-29-2018"},"1.4.0 - (November 29, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Added",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Added: ",(0,l.mdx)("inlineCode",{parentName:"li"},"custom-property-no-duplicate-declaration")," rule to disallow a custom property to be declared more than once with a different fallback value")))),(0,l.mdx)("h2",{id:"130---october-30-2018"},"1.3.0 - (October 30, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Added",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Added: ",(0,l.mdx)("inlineCode",{parentName:"li"},"custom-property-name")," rule to enforce custom properties be suffixed with the css style property name"),(0,l.mdx)("li",{parentName:"ul"},"Added: ",(0,l.mdx)("inlineCode",{parentName:"li"},"custom-property-namespace-version")," rule to enforce custom properties to be prefixed with a namespace and version"),(0,l.mdx)("li",{parentName:"ul"},"Added: ",(0,l.mdx)("inlineCode",{parentName:"li"},"custom-property-pattern")," rule to enforce custom properties be written in lowercase alphanumeric characters and hyphens"),(0,l.mdx)("li",{parentName:"ul"},"Added: ",(0,l.mdx)("inlineCode",{parentName:"li"},"custom-property-pseudo-selectors")," rule to enforce custom properties to include the ancestor pseudo selector names")))),(0,l.mdx)("h2",{id:"120---august-30-2018"},"1.2.0 - (August 30, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Bumped stylelint-order dependency to v1.0.0")))),(0,l.mdx)("h2",{id:"110---august-8-2018"},"1.1.0 - (August 8, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Added ",(0,l.mdx)("inlineCode",{parentName:"li"},"calc"),", ",(0,l.mdx)("inlineCode",{parentName:"li"},"cursor"),", and ",(0,l.mdx)("inlineCode",{parentName:"li"},"outline")," to ignored style list for browser support.")))),(0,l.mdx)("h2",{id:"100---june-18-2018"},"1.0.0 - (June 18, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Initial stable release")))}o.isMDXComponent=!0;var p=["components"];function s(){return s=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(r[n]=e[n]);return r}(e,a);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var c={},N="wrapper";function g(e){var a=e.components,n=x(e,p);return(0,l.mdx)(N,s({},c,n,{components:a,mdxType:"MDXLayout"}),(0,l.mdx)(r.C,{mdxType:"Badge"}),(0,l.mdx)(o,{mdxType:"ChangeLog"}))}g.isMDXComponent=!0},97583:function(e,a,n){n.d(a,{C:function(){return t}});var l=n(67294),r=n(22863),t=function(e){var a=e.url;return l.createElement(r.Z,{src:"https://github.com/cerner/terra-toolk/tree/main/packages/stylelint-config-terra",name:"@cerner/stylelint-config-terra",version:"5.0.1",url:a})}},17422:function(e,a,n){n.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/16467-47c4f7cf6c4d5ddb2d76.css b/16467-47c4f7cf6c4d5ddb2d76.css new file mode 100644 index 0000000000..a5ab750ea8 --- /dev/null +++ b/16467-47c4f7cf6c4d5ddb2d76.css @@ -0,0 +1,6 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.Table-module__clinical-lowlight-theme___PqYJ8{--terra-html-table-background-color: #383f42;--terra-html-table-border: 1px solid #585a5c;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: none;--terra-html-table-header-cell-color: #1c1f21;--terra-html-table-header-cell-font-size: 1rem;--terra-html-table-header-cell-font-weight: bold;--terra-html-table-header-cell-border-right: 1px solid #585a5c;--terra-html-table-first-header-cell-border-left: 1px solid #585a5c;--terra-html-table-last-header-cell-border-right: 1px solid #585a5c;--terra-html-table-header-background-color: #909496;--terra-html-table-header-box-shadow: 0 4px 4px -3.5px #1c1f21, inset 0 0 0 1px #585a5c;--terra-html-table-header-row-border-bottom: 1px solid #585a5c;--terra-html-table-header-row-border-top: 1px solid #585a5c;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #b2b5b6;--terra-html-table-cell-font-size: 1rem;--terra-html-table-first-cell-border-left: 1px solid #585a5c;--terra-html-table-last-cell-border-right: 1px solid #585a5c;--terra-html-table-header-cell-standard-padding-bottom: 0.5rem;--terra-html-table-header-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-top: 0.5rem;--terra-html-table-header-cell-compact-padding-bottom: 0.25rem;--terra-html-table-header-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-top: 0.25rem;--terra-html-table-cell-standard-padding-bottom: 0.5rem;--terra-html-table-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-cell-standard-padding-top: 0.5rem;--terra-html-table-cell-compact-padding-bottom: 0.25rem;--terra-html-table-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-cell-compact-padding-top: 0.25rem;--terra-html-table-row-border-top: 1px solid #585a5c;--terra-html-table-last-row-border-bottom: 1px solid #585a5c;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #2d3539}.Table-module__orion-fusion-theme___d9rxf{--terra-html-table-background-color: transparent;--terra-html-table-border: 0;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: transparent;--terra-html-table-header-cell-color: #64696c;--terra-html-table-header-cell-font-size: 0.857142857rem;--terra-html-table-header-cell-font-weight: normal;--terra-html-table-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-first-header-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-background-color: #f4f4f4;--terra-html-table-header-box-shadow: none;--terra-html-table-header-row-border-bottom: 2px solid #64696c;--terra-html-table-header-row-border-top: 1px solid #c8cacb;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #1c1f21;--terra-html-table-cell-font-size: 0.857142857rem;--terra-html-table-first-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-cell-standard-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-top: 0.428571429rem;--terra-html-table-header-cell-compact-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-top: 0.428571429rem;--terra-html-table-cell-standard-padding-bottom: 0.8571428571rem;--terra-html-table-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-cell-standard-padding-top: 0.8571428571rem;--terra-html-table-cell-compact-padding-bottom: 0.8571428571rem;--terra-html-table-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-cell-compact-padding-top: 0.8571428571rem;--terra-html-table-row-border-top: 0;--terra-html-table-last-row-border-bottom: 1px solid #c8cacb;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #f4f4f4}.Table-module__table___eg2Mi{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___eg2Mi{background-color:transparent;background-color:var(--terra-html-table-background-color, transparent);border:0;border:var(--terra-html-table-border, 0);border-radius:0;border-radius:var(--terra-html-table-border-radius, 0)}[dir] .Table-module__table___eg2Mi caption{padding-bottom:.5em}.Table-module__table___eg2Mi tr{display:table-row}[dir] .Table-module__table___eg2Mi tr{margin-bottom:0}.Table-module__table___eg2Mi td,.Table-module__table___eg2Mi th{color:#1c1f21;color:var(--terra-html-table-cell-color, #1c1f21);display:table-cell;font-size:1rem;font-size:var(--terra-html-table-cell-font-size, 1rem);font-weight:normal;vertical-align:top}[dir] .Table-module__table___eg2Mi td, [dir] .Table-module__table___eg2Mi th{border:0}[dir=ltr] .Table-module__table___eg2Mi td, [dir=ltr] .Table-module__table___eg2Mi th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___eg2Mi td, [dir=rtl] .Table-module__table___eg2Mi th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___eg2Mi td:first-child, [dir=ltr] .Table-module__table___eg2Mi th:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:first-child, [dir=rtl] .Table-module__table___eg2Mi th:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi td:last-child, [dir=ltr] .Table-module__table___eg2Mi th:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:last-child, [dir=rtl] .Table-module__table___eg2Mi th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___eg2Mi thead th, [dir] .Table-module__table___eg2Mi thead td{border:0}[dir=ltr] .Table-module__table___eg2Mi thead th, [dir=ltr] .Table-module__table___eg2Mi thead td{border-right:1px solid rgba(200, 202, 203, 0.5);border-right:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:left}[dir=rtl] .Table-module__table___eg2Mi thead th, [dir=rtl] .Table-module__table___eg2Mi thead td{border-left:1px solid rgba(200, 202, 203, 0.5);border-left:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:right}[dir=ltr] .Table-module__table___eg2Mi thead th:first-child, [dir=ltr] .Table-module__table___eg2Mi thead td:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:first-child, [dir=rtl] .Table-module__table___eg2Mi thead td:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi thead th:last-child, [dir=ltr] .Table-module__table___eg2Mi thead td:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:last-child, [dir=rtl] .Table-module__table___eg2Mi thead td:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead{display:table-header-group}[dir] .Table-module__table___eg2Mi thead{background-color:#f1f1f2;background-color:var(--terra-html-table-header-background-color, #f1f1f2);box-shadow:0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5);box-shadow:var(--terra-html-table-header-box-shadow, 0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5))}[dir] .Table-module__table___eg2Mi thead tr{border-bottom:1px solid #b9bbbc;border-bottom:var(--terra-html-table-header-row-border-bottom, 1px solid #b9bbbc);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-header-row-border-top, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{color:#1c1f21;color:var(--terra-html-table-header-cell-color, #1c1f21);font-size:1rem;font-size:var(--terra-html-table-header-cell-font-size, 1rem);font-weight:bold;font-weight:var(--terra-html-table-header-cell-font-weight, bold);vertical-align:bottom}[dir] .Table-module__table___eg2Mi tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___eg2Mi tbody tr{background-color:transparent;background-color:var(--terra-html-table-row-background-color, transparent);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-row-border-top, 1px solid #dedfe0)}[dir] .Table-module__table___eg2Mi tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___eg2Mi tbody tr:last-of-type{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-html-table-last-row-border-bottom, 1px solid #dedfe0)}[dir] .Table-module__padding-standard___BfbC- th{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-header-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-header-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z th{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-header-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-header-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__padding-standard___BfbC- td{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z td{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__striped___n8xJe tbody tr:nth-of-type(even){background-color:#f6f7f8;background-color:var(--terra-html-table-row-striped-background-color, #f6f7f8)}@media print{.Table-module__table___eg2Mi thead{display:table-header-group}.Table-module__table___eg2Mi tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} +.Header-module__clinical-lowlight-theme___UjMS9{--terra-clinical-header-background-color: #141719;--terra-clinical-header-border-bottom: 1px solid #08090a;--terra-clinical-header-min-height: 2.92857rem;--terra-clinical-header-padding: 0.35714rem 0.35714rem 0.35714rem 0.35714rem;--terra-clinical-header-flex-collapse-margin: 0;--terra-clinical-header-subheader-background-color: #141719;--terra-clinical-header-subheader-min-height: 2.857rem;--terra-clinical-header-subheader-padding: 0.3571rem 0.7143rem;--terra-clinical-header-title-font-size: 1.10714rem;--terra-clinical-header-title-font-weight: 500;--terra-clinical-header-title-padding: 0.28571rem 0.71428rem 0 0.71428rem;--terra-clinical-header-end-content-plus-title-padding-left: 0.35714rem;--terra-clinical-header-title-plus-end-content-padding-right: 0.35714rem}.Header-module__orion-fusion-theme___6toUR{--terra-clinical-header-background-color: #f4f4f4;--terra-clinical-header-border-bottom: 0.16666667rem solid #64696c;--terra-clinical-header-color: #1c1f21;--terra-clinical-header-min-height: 2.83333rem;--terra-clinical-header-padding: 0;--terra-clinical-header-flex-collapse-margin: 0.5rem;--terra-clinical-header-subheader-background-color: #f4f4f4;--terra-clinical-header-subheader-min-height: 2.83333rem;--terra-clinical-header-subheader-padding: 0;--terra-clinical-header-title-font-size: 1.5rem;--terra-clinical-header-title-font-weight: normal;--terra-clinical-header-title-padding: 0.25rem 0.25rem 0.25rem 0.25rem;--terra-clinical-header-end-content-plus-title-padding-left: 0;--terra-clinical-header-title-plus-end-content-padding-right: 0}.Header-module__flex-header___fkWPf{-ms-flex-align:start;align-items:flex-start;color:var(--terra-clinical-header-color);display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;min-height:2.92857rem;min-height:var(--terra-clinical-header-min-height, 2.92857rem);position:relative;width:100%}[dir] .Header-module__flex-header___fkWPf{background-color:#f9f9f9;background-color:var(--terra-clinical-header-background-color, #f9f9f9);border-bottom:1px solid #d3d4d5;border-bottom:var(--terra-clinical-header-border-bottom, 1px solid #d3d4d5);padding:0.35714rem 0.35714rem 0.35714rem 0.35714rem;padding:var(--terra-clinical-header-padding, 0.35714rem 0.35714rem 0.35714rem 0.35714rem)}.Header-module__flex-header___fkWPf .Header-module__flex-collapse___VFeRx{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;height:100%;max-width:40%;position:relative}[dir] .Header-module__flex-header___fkWPf .Header-module__flex-collapse___VFeRx{margin:var(--terra-clinical-header-flex-collapse-margin)}.Header-module__subheader___-k6s6{min-height:2.857rem;min-height:var(--terra-clinical-header-subheader-min-height, 2.857rem)}[dir] .Header-module__subheader___-k6s6{background-color:#c8cacb;background-color:var(--terra-clinical-header-subheader-background-color, #c8cacb);padding:0.3571rem 0.7143rem;padding:var(--terra-clinical-header-subheader-padding, 0.3571rem 0.7143rem)}.Header-module__flex-fill___rJ6d7{-ms-flex:1 1 auto;flex:1 1 auto;position:relative;width:100%}.Header-module__flex-end___FAH0Y{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;position:relative}.Header-module__title-container___8iDTh{position:relative;width:100%}.Header-module__title___63-qh{font-size:1.10714rem;font-size:var(--terra-clinical-header-title-font-size, 1.10714rem);font-weight:500;font-weight:var(--terra-clinical-header-title-font-weight, 500);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;width:100%;word-wrap:break-word}[dir] .Header-module__title___63-qh{margin-bottom:0;margin-top:0;padding:0.28571rem 0.71428rem 0 0.71428rem;padding:var(--terra-clinical-header-title-padding, 0.28571rem 0.71428rem 0 0.71428rem)}[dir=ltr] .Header-module__flex-end___FAH0Y+.Header-module__flex-fill___rJ6d7 .Header-module__title___63-qh{padding-left:0.35714rem;padding-left:var(--terra-clinical-header-end-content-plus-title-padding-left, 0.35714rem)}[dir=rtl] .Header-module__flex-end___FAH0Y+.Header-module__flex-fill___rJ6d7 .Header-module__title___63-qh{padding-right:0.35714rem;padding-right:var(--terra-clinical-header-end-content-plus-title-padding-left, 0.35714rem)}[dir=ltr] .Header-module__flex-fill___rJ6d7+.Header-module__flex-end___FAH0Y .Header-module__title___63-qh{padding-right:0.35714rem;padding-right:var(--terra-clinical-header-title-plus-end-content-padding-right, 0.35714rem)}[dir=rtl] .Header-module__flex-fill___rJ6d7+.Header-module__flex-end___FAH0Y .Header-module__title___63-qh{padding-left:0.35714rem;padding-left:var(--terra-clinical-header-title-plus-end-content-padding-right, 0.35714rem)} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} + diff --git a/16467-47c4f7cf6c4d5ddb2d76.js b/16467-47c4f7cf6c4d5ddb2d76.js new file mode 100644 index 0000000000..1bca7a02e3 --- /dev/null +++ b/16467-47c4f7cf6c4d5ddb2d76.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[16467,45627,37344,33667,96890,79482,85565,3353,5161,80858,14041,45865,16835,85355,3193,4845,27444,17657,46647,16873,85161,66097,38681,15318,40411,18101,33315,38443,11264,34319,78996,39915,33442],{22863:function(e,t,n){var a=n(64836);t.Z=void 0;var r=a(n(67294)),l=a(n(45697)),o=a(n(47166)),i=a(n(17422)),d=o.default.bind(i.default),u={name:l.default.string.isRequired,src:l.default.string,url:l.default.string,version:l.default.string.isRequired},c=function(e){var t=e.src,n=e.name,a=e.url,l=e.version,o=r.default.createElement("a",{className:d("badge"),href:a||"https://www.npmjs.org/package/".concat(n,"/v/").concat(l)},r.default.createElement("span",{className:d("badge-name")},a?"package":"npm"),r.default.createElement("span",{className:d("badge-version")},"v".concat(l))),i=t?r.default.createElement("a",{className:d("badge"),href:t},r.default.createElement("span",{className:d("badge-name")},"github"),r.default.createElement("span",{className:d("badge-version")},"source")):void 0;return r.default.createElement("div",{className:d("badge-container")},o,i)};c.propTypes=u;var s=c;t.Z=s},49271:function(e,t,n){var a=n(64836),r=n(18698);t.Z=void 0;var l=a(n(27424)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==r(e)&&"function"!=typeof e)return{default:e};var n=f(t);if(n&&n.has(e))return n.get(e);var a={},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var i=l?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(a,o,i):a[o]=e[o]}a.default=e,n&&n.set(e,a);return a}(n(67294)),i=a(n(45697)),d=a(n(47166)),u=n(21538),c=a(n(33864)),s=a(n(23399)),m=n(51051),p=a(n(53560));function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(f=function(e){return e?n:t})(e)}var x=d.default.bind(p.default),h={example:i.default.element,exampleSrc:i.default.element,exampleCssSrc:i.default.element,title:i.default.string,description:i.default.node,isExpanded:i.default.bool},y=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},b=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},_=function(e){var t=e.example,n=e.exampleSrc,a=e.exampleCssSrc,r=e.title,i=e.description,d=e.isExpanded,p=(0,o.useState)(d),f=(0,l.default)(p,2),h=f[0],_=f[1],v=(0,o.useState)(!1),g=(0,l.default)(v,2),O=g[0],C=g[1],T=o.default.useContext(u.ThemeContext),N=void 0!==a,E=function(){C(!O),h&&_(!h)},w=function(){_(!h),O&&C(!O)},j=function(e,t){e.nativeEvent.keyCode!==m.KEY_SPACE&&e.nativeEvent.keyCode!==m.KEY_RETURN||(e.preventDefault(),t())};return o.default.createElement("div",{className:x("template",T.className)},o.default.createElement("div",{className:x("header")},r&&o.default.createElement("h2",{className:x("title")},r)),o.default.createElement("div",{className:x("content")},i&&o.default.createElement("div",{className:x("description")},i),t),o.default.createElement("div",{className:x("footer")},n?o.default.createElement("div",{className:x("button-container")},N&&o.default.createElement("button",{type:"button",className:x("css-toggle","item",{"is-selected":O}),onClick:E,onKeyDown:function(e){return j(e,E)},onBlur:y,onMouseDown:b,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(c.default,{className:x("chevron")}),o.default.createElement("span",null,"CSS"),o.default.createElement(s.default,{className:x("chevron")})),o.default.createElement("button",{type:"button",className:x("code-toggle","item",{"is-selected":h}),onClick:w,onKeyDown:function(e){return j(e,w)},onBlur:y,onMouseDown:b,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(c.default,{className:x("chevron")}),o.default.createElement("span",null,"Code"),o.default.createElement(s.default,{className:x("chevron")}))):null,o.default.createElement("div",null,O&&o.default.createElement("div",{className:x("css")},a),h&&o.default.createElement("div",{className:x("code")},n))))};_.propTypes=h,_.defaultProps={isExpanded:!1};var v=_;t.Z=v},40996:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=u(n(67294)),r=u(n(45697)),l=u(n(47166)),o=u(n(50026)),i=u(n(66983)),d=["children"];function u(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var m=l.default.bind(i.default),p=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},f=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},x={children:r.default.string},h=function(e){var t=e.children,n=s(e,d),r=a.default.useContext(o.default),i=(0,l.default)(m(["button",r.className]),n.className);return a.default.createElement("button",c({},n,{type:"button",className:i,onBlur:p,onMouseDown:f,"data-focus-styles-enabled":!0}),t)};h.propTypes=x;t.default=h},59278:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=d(n(67294)),r=d(n(45697)),l=d(n(47166)),o=d(n(50026)),i=d(n(30866));function d(e){return e&&e.__esModule?e:{default:e}}var u=l.default.bind(i.default),c={ariaLevel:r.default.oneOf(["2","3","4","5","6"]),children:r.default.node,variant:r.default.oneOf(["ux-recommendation","caution","deprecation","maintenance","important","not-supported"])},s=function(e){var t=e.ariaLevel,n=e.variant,r=e.children,l=a.default.useContext(o.default);return a.default.createElement("div",{className:u("notice",n,l.className)},a.default.createElement("div",{className:u("accessory"),"aria-hidden":"true",focusable:"false"}),a.default.createElement("div",{role:"heading",className:u("title"),"aria-level":t},a.default.createElement("span",null,function(e){return"ux-recommendation"===e?"UX Recommendation":"caution"===e?"Caution":"deprecation"===e?"Deprecation Notice":"maintenance"===e?"In Maintenance":"important"===e?"Important":"not-supported"===e?"Hazards for Incorrect Usage":"error"}(n))),a.default.createElement("div",{className:u("children")},function(e){return"not-supported"===e?a.default.createElement(a.default.Fragment,null,a.default.createElement("p",{className:u("paragraph")},"This component was designed and tested according to the documented implementation."),a.default.createElement("p",{className:u("paragraph")},"Using the component incorrectly:",a.default.createElement("ul",{className:u("list")},a.default.createElement("li",null,"will likely result in improper composition and create accessibility issues"),a.default.createElement("li",null,"may cause erratic or broken behaviors and styles"),a.default.createElement("li",null,a.default.createElement("strong",null,"will not be supported "),"or enhanced to allow for incorrect use")))):null}(n),a.default.Children.map(r,(function(e){return"string"==typeof e?a.default.createElement("p",null,e):e}))))};s.propTypes=c,s.defaultProps={ariaLevel:"2",variant:"important"};t.default=s},47306:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=c(n(67294)),r=c(n(45697)),l=c(n(94184)),o=c(n(47166)),i=c(n(50026)),d=c(n(42620)),u=["title"];function c(e){return e&&e.__esModule?e:{default:e}}function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var p=o.default.bind(d.default),f={title:r.default.string},x=function(e){var t=e.title,n=m(e,u),r=a.default.useContext(i.default),o=(0,l.default)(p(["placeholder",r.className]),n.className),d=p(["inner"]);return a.default.createElement("div",s({},n,{className:o}),a.default.createElement("div",{className:d},a.default.createElement("p",{className:p("title")},t)))};x.propTypes=f,x.defaultProps={title:""};t.default=x},34261:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Button",{enumerable:!0,get:function(){return l.default}}),Object.defineProperty(t,"Notice",{enumerable:!0,get:function(){return a.default}}),Object.defineProperty(t,"Placeholder",{enumerable:!0,get:function(){return r.default}});var a=o(n(59278)),r=o(n(47306)),l=o(n(40996));function o(e){return e&&e.__esModule?e:{default:e}}},32385:function(e,t,n){n.r(t),n.d(t,{default:function(){return me}});var a=n(67294),r=n(81254),l=n(34749),o=n(78530),i=["components"];function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var c={},s="wrapper";function m(e){var t=e.components,n=u(e,i);return(0,r.mdx)(s,d({},c,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(o.ZP,{mdxType:"PropsTable"},(0,r.mdx)(o.X2,{key:"ROW1",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"id"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"IDs should be used with 'aria-labelledby' to associate headings with the corresponding page area when needing to label regions.\nFor an example, read ",(0,r.mdx)("a",{parentName:"p",href:"/terra-ui/components/terra-clinical-header/clinical-header/accessibility-guide"},"Accessibility Guide: Labeling Section Content")," for additional information."))),(0,r.mdx)(o.X2,{key:"ROW2",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"children"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Child element to be displayed on the right end of the header.\nThe element passed as children will be decorated with flex attributes."))),(0,r.mdx)(o.X2,{key:"ROW3",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"startContent"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"null\n"))),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Content to be displayed at the start of the header, placed before the title"))),(0,r.mdx)(o.X2,{key:"ROW4",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"level"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 1\n 2\n 3\n 4\n 5\n 6\n],\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Sets the heading level ","<","h1",">","-","<","h6",">",". One of ",(0,r.mdx)("inlineCode",{parentName:"p"},"1"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"2"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"3"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"4"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"5"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"6"),". This helps screen readers to announce appropriate heading levels.\nChanging ",(0,r.mdx)("inlineCode",{parentName:"p"},"level")," will not visually change the style of the content."),(0,r.mdx)("p",null,(0,r.mdx)("img",{parentName:"p",src:"https://badgen.net/badge/UX/Accessibility/blue",alt:"IMPORTANT"})," It is required to be set in order for the header text to have proper accessibility.\n",(0,r.mdx)("em",{parentName:"p"},"Note: if the prop is not set level 1 by default. this would result in incorrect context of header in application.")),(0,r.mdx)("p",null,"See the ",(0,r.mdx)("a",{parentName:"p",href:"/terra-ui/components/terra-clinical-header/clinical-header/accessibility-guide"},"Accessibility Guide")," for additional information."))),(0,r.mdx)(o.X2,{key:"ROW5",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"text"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"''\n"))),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,(0,r.mdx)("img",{parentName:"p",src:"https://badgen.net/badge/UX/Accessibility/blue",alt:"IMPORTANT"}),"\nText to be displayed as the title in the header bar."))),(0,r.mdx)(o.X2,{key:"ROW6",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"title"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"''\n"))),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,(0,r.mdx)("img",{parentName:"p",src:"https://badgen.net/badge/prop/deprecated/red",alt:"IMPORTANT"}),"\nThe ",(0,r.mdx)("inlineCode",{parentName:"p"},"title")," prop has been deprecated and will be removed in next major version release. Use the ",(0,r.mdx)("inlineCode",{parentName:"p"},"text")," prop instead."))),(0,r.mdx)(o.X2,{key:"ROW7",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"endContent"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"null\n"))),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Content to be displayed at the end of the header\nThe element passed as endContent will be wrapped in a div with flex attributes."))),(0,r.mdx)(o.X2,{key:"ROW8",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"isSubheader"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"A Boolean indicating if element is a subheader."))),(0,r.mdx)(o.X2,{key:"ROW9",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"onClick"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Callback function triggered via hyperlink button title.\nSets the header title to be a hyperlink.")))))}m.isMDXComponent=!0;var p=n(25295),f=["components"];function x(){return x=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var y={};function b(e){var t=e.components,n=h(e,f);return(0,r.mdx)("wrapper",x({},y,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Header from 'terra-clinical-header';\n\nconst TitleHeader = () => (\n
\n);\n\nexport default TitleHeader;\n\n")))}b.isMDXComponent=!0;var _=n(49271),v=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(_.Z,{title:t||"Title Header",description:n,example:a.createElement(p.Z,null),exampleSrc:a.createElement(b,null),isExpanded:r})},g=n(82333),O=["components"];function C(){return C=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var N={};function E(e){var t=e.components,n=T(e,O);return(0,r.mdx)("wrapper",C({},N,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport Button from \'terra-button\';\nimport Header from \'terra-clinical-header\';\n\nconst ContenteHeader = () => (\n
\n }\n text="Default Header"\n endContent={
\n);\n\nexport default ContenteHeader;\n\n')))}E.isMDXComponent=!0;var w=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(_.Z,{title:t||"Content Header",description:n,example:a.createElement(g.Z,null),exampleSrc:a.createElement(E,null),isExpanded:r})},j=n(76516),P=["components"];function D(){return D=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var H={};function k(e){var t=e.components,n=S(e,P);return(0,r.mdx)("wrapper",D({},H,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Header from 'terra-clinical-header';\n\nconst LongTextWithButtons = () => (\n
\n \n
\n);\n\nexport default LongTextWithButtons;\n\n")))}k.isMDXComponent=!0;var M=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(_.Z,{title:t||"Header Long Text",description:n,example:a.createElement(j.Z,null),exampleSrc:a.createElement(k,null),isExpanded:r})},R=n(21846),B=["components"];function W(){return W=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var Z={};function X(e){var t=e.components,n=I(e,B);return(0,r.mdx)("wrapper",W({},Z,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport classNamesBind from 'classnames/bind';\nimport { Placeholder } from '@cerner/terra-docs';\nimport Button from 'terra-button';\nimport Header from 'terra-clinical-header';\nimport styles from './ClinicalHeaderDocCommon.scss';\n\nconst cx = classNamesBind.bind(styles);\n\nconst LongTextWithContent = () => (\n
\n }\n text=\"Patient Information for Individual Diagnosed with a Chronic Disease in the past or currently suffering: Comprehensive Medical History,Treatment Plan,and Prognosis Report\"\n endContent={
\n
\n);\n\nexport default LongTextWithContent;\n\n")))}X.isMDXComponent=!0;var L=["components"];function q(){return q=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var V={};function U(e){var t=e.components,n=A(e,L);return(0,r.mdx)("wrapper",q({},V,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-scss"},"")))}U.isMDXComponent=!0;var F=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(_.Z,{title:t||"Header Long Text With Content",description:n,example:a.createElement(R.Z,null),exampleCssSrc:a.createElement(U,null),exampleSrc:a.createElement(X,null),isExpanded:r})},G=n(912),K=["components"];function Y(){return Y=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var z={};function Q(e){var t=e.components,n=J(e,K);return(0,r.mdx)("wrapper",Y({},z,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport Button from \'terra-button\';\nimport Header from \'terra-clinical-header\';\n\nconst Subheader = () => (\n
\n }\n text="Dr. Carl"\n endContent={
\n);\n\nexport default Subheader;\n\n')))}Q.isMDXComponent=!0;var $=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(_.Z,{title:t||"Subheader",description:n,example:a.createElement(G.Z,null),exampleSrc:a.createElement(Q,null),isExpanded:r})},ee=n(21522),te=["components"];function ne(){return ne=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var re={};function le(e){var t=e.components,n=ae(e,te);return(0,r.mdx)("wrapper",ne({},re,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Header from 'terra-clinical-header';\n\nconst HyperlinkTitleHeader = () => (\n // eslint-disable-next-line no-console\n
{ console.log('Hyperlink title clicked'); }} text=\"John Smith\" level={3} />\n);\n\nexport default HyperlinkTitleHeader;\n\n")))}le.isMDXComponent=!0;var oe=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(_.Z,{title:t||"Hyperlink Title Header",description:n,example:a.createElement(ee.Z,null),exampleSrc:a.createElement(le,null),isExpanded:r})},ie=["components"];function de(){return de=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var ce={},se="wrapper";function me(e){var t=e.components,n=ue(e,ie);return(0,r.mdx)(se,de({},ce,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(l.C,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-clinical-header"},"Terra Clinical Header"),(0,r.mdx)("p",null,"A Header component that allows elements to be placed on the left and right ends of the header with a left aligned title in the center."),(0,r.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Install with ",(0,r.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"npm install terra-clinical-header"))))),(0,r.mdx)("h2",{id:"usage"},"Usage"),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import Header from 'terra-clinical-header';\n")),(0,r.mdx)("h2",{id:"component-features"},"Component Features"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support"))),(0,r.mdx)("h2",{id:"example"},"Example"),(0,r.mdx)(v,{title:"Header With Title Only",mdxType:"TitleHeader"}),(0,r.mdx)(oe,{title:"Header With Hyperlink Title",mdxType:"HyperlinkTitleHeader"}),(0,r.mdx)(w,{title:"Header With Content",mdxType:"ContentHeader"}),(0,r.mdx)(M,{title:"Header With Long Title",mdxType:"HeaderLongText"}),(0,r.mdx)(F,{title:"Header With Long Title, Children, And Content",mdxType:"HeaderLongTextWithContent"}),(0,r.mdx)($,{title:"Subheader With Content",mdxType:"Subheader"}),(0,r.mdx)("h2",{id:"header-props-table"},"Header Props Table"),(0,r.mdx)(m,{mdxType:"HeaderPropsTable"}))}me.isMDXComponent=!0},34749:function(e,t,n){n.d(t,{C:function(){return l}});var a=n(67294),r=n(22863),l=function(e){var t=e.url;return a.createElement(r.Z,{src:"https://github.com/cerner/terra-clinical/tree/main/packages/terra-clinical-header",name:"terra-clinical-header",version:"3.29.0",url:t})}},17422:function(e,t,n){n.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},53560:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},66983:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Button-module__clinical-lowlight-theme___TyZWB","orion-fusion-theme":"Button-module__orion-fusion-theme___q-FcQ",button:"Button-module__button___QuCn2","is-active":"Button-module__is-active___Z8AuK"}},30866:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Notice-module__clinical-lowlight-theme___aa5xV","orion-fusion-theme":"Notice-module__orion-fusion-theme___QAE-T",notice:"Notice-module__notice___GWkPA",children:"Notice-module__children___lDYsm",accessory:"Notice-module__accessory___wkLOG",title:"Notice-module__title___6H5tc","ux-recommendation":"Notice-module__ux-recommendation___N8BuK",caution:"Notice-module__caution___hPrVl",deprecation:"Notice-module__deprecation___g1drA",maintenance:"Notice-module__maintenance___kWLIZ",important:"Notice-module__important___p5DiF","not-supported":"Notice-module__not-supported___34bHd",paragraph:"Notice-module__paragraph___5h-w1",list:"Notice-module__list___M2Kxj"}},42620:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Placeholder-module__clinical-lowlight-theme___Obm9K","orion-fusion-theme":"Placeholder-module__orion-fusion-theme___svHY+",placeholder:"Placeholder-module__placeholder___ZZDXd",inner:"Placeholder-module__inner___fJq9o",title:"Placeholder-module__title___teBSo"}},4747:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Header-module__clinical-lowlight-theme___UjMS9","orion-fusion-theme":"Header-module__orion-fusion-theme___6toUR","flex-header":"Header-module__flex-header___fkWPf","flex-collapse":"Header-module__flex-collapse___VFeRx",subheader:"Header-module__subheader___-k6s6","flex-fill":"Header-module__flex-fill___rJ6d7","flex-end":"Header-module__flex-end___FAH0Y","title-container":"Header-module__title-container___8iDTh",title:"Header-module__title___63-qh"}},92713:function(e,t,n){n.r(t),t.default={}},77791:function(e,t,n){function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var n=p(t);if(n&&n.has(e))return n.get(e);var r={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var i=l?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(r,o,i):r[o]=e[o]}return r.default=e,n&&n.set(e,r),r}(n(67294)),l=m(n(45697)),o=m(n(94184)),i=m(n(47166)),d=m(n(34171)),u=m(n(50026)),c=m(n(4747)),s=["children","title","startContent","endContent","text","level","id","isSubheader","onClick"];function m(e){return e&&e.__esModule?e:{default:e}}function p(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(p=function(e){return e?n:t})(e)}function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var h=i.default.bind(c.default),y={id:l.default.string,children:l.default.element,startContent:l.default.element,level:l.default.oneOf([1,2,3,4,5,6]),text:l.default.string,title:l.default.string,endContent:l.default.element,isSubheader:l.default.bool,onClick:l.default.func},b=function(e){var t,n=e.children,a=e.title,l=e.startContent,i=e.endContent,c=e.text,m=e.level,p=e.id,y=e.isSubheader,b=e.onClick,_=x(e,s),v=(0,r.useContext)(u.default);a&&console.warn("The `title` prop has been renamed to `text`. Please update all references of `title` prop to `text`."),m||console.warn("Default heading level may not appropriate has it would fail to convey context of heading in a site / application where it is used. Heading level should be set explicitly depending on the position of header in site / application to allow screen readers to identify headers consistently.");var g=a||c;if(g){var O=m?"h".concat(m):"h1";t=r.default.createElement("div",{className:h("title-container")},r.default.createElement(O,{id:p,className:h("title")},b?r.default.createElement(d.default,{onClick:b,text:g}):g))}var C=r.default.Children.map(n,(function(e){return r.default.cloneElement(e,{className:(0,o.default)([h("flex-collapse"),e.props.className])})})),T=(0,o.default)([h(["flex-header",{subheader:y},v.className]),_.className]);return r.default.createElement("header",f({},_,{className:T}),l&&r.default.createElement("div",{className:h("flex-end")},l),r.default.createElement("div",{className:h("flex-fill")},t),C,i&&r.default.createElement("div",{className:h("flex-end")},i))};b.propTypes=y,b.defaultProps={title:"",startContent:null,endContent:null,isSubheader:!1,text:""};t.default=b},82333:function(e,t,n){t.Z=void 0;var a=o(n(67294)),r=o(n(55281)),l=o(n(77791));function o(e){return e&&e.__esModule?e:{default:e}}t.Z=function(){return a.default.createElement("div",null,a.default.createElement(l.default,{startContent:a.default.createElement(r.default,{text:"Button, Default Header"}),text:"Default Header",endContent:a.default.createElement(r.default,{"aria-label":"Button, Default Header",text:"Button"}),level:3}))}},76516:function(e,t,n){t.Z=void 0;var a=l(n(67294)),r=l(n(77791));function l(e){return e&&e.__esModule?e:{default:e}}t.Z=function(){return a.default.createElement("div",null,a.default.createElement(r.default,{text:"This is a header with long text .This is an element provides a customizable header layout with a prominent title options for the elements.This component saves time and effort in designing a header from scratch and ensures consistency across a website's pages.",level:3}))}},21846:function(e,t,n){t.Z=void 0;var a=u(n(67294)),r=u(n(47166)),l=n(34261),o=u(n(55281)),i=u(n(77791)),d=u(n(92713));function u(e){return e&&e.__esModule?e:{default:e}}var c=r.default.bind(d.default);t.Z=function(){return a.default.createElement("div",null,a.default.createElement(i.default,{startContent:a.default.createElement(o.default,{"aria-label":"Back, Patient Information for Individual Diagnosed with a Chronic Disease",text:"Back"}),text:"Patient Information for Individual Diagnosed with a Chronic Disease in the past or currently suffering: Comprehensive Medical History,Treatment Plan,and Prognosis Report",endContent:a.default.createElement(o.default,{"aria-label":"print, Patient Information for Individual Diagnosed with a Chronic Disease",text:"print"}),level:3},a.default.createElement(o.default,{text:"Medical History"}),a.default.createElement(l.Placeholder,{className:c("placeholder-wrapper"),title:"Collapsible Menu View"})))}},21522:function(e,t,n){t.Z=void 0;var a=l(n(67294)),r=l(n(77791));function l(e){return e&&e.__esModule?e:{default:e}}t.Z=function(){return a.default.createElement(r.default,{onClick:function(){console.log("Hyperlink title clicked")},text:"John Smith",level:3})}},912:function(e,t,n){t.Z=void 0;var a=o(n(67294)),r=o(n(55281)),l=o(n(77791));function o(e){return e&&e.__esModule?e:{default:e}}t.Z=function(){return a.default.createElement("div",null,a.default.createElement(l.default,{startContent:a.default.createElement(r.default,{"aria-label":"Consult, Dr. Carl",text:"Consult"}),text:"Dr. Carl",endContent:a.default.createElement(r.default,{text:"Information"}),isSubheader:!0,level:3}))}},25295:function(e,t,n){t.Z=void 0;var a=l(n(67294)),r=l(n(77791));function l(e){return e&&e.__esModule?e:{default:e}}t.Z=function(){return a.default.createElement(r.default,{text:"Default Header",level:3})}},33864:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=l(n(67294)),r=l(n(99139));function l(e){return e&&e.__esModule?e:{default:e}}function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[r]=e[r]);return l}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(l[r]=e[r])}return l}var m={},o="wrapper";function s(e){var t=e.components,r=n(e,i);return(0,a.mdx)(o,d({},m,r,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(l.C,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"terra-list-theme-upgrade-guide"},"Terra List Theme Upgrade Guide"),(0,a.mdx)("h2",{id:"changes-from-version-3-to-version-4"},"Changes from version 3 to version 4"),(0,a.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,a.mdx)("h4",{id:"renamed"},"Renamed"),(0,a.mdx)("table",null,(0,a.mdx)("thead",{parentName:"table"},(0,a.mdx)("tr",{parentName:"thead"},(0,a.mdx)("th",{parentName:"tr",align:null},"Previous"),(0,a.mdx)("th",{parentName:"tr",align:null},"New"))),(0,a.mdx)("tbody",{parentName:"table"},(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-list-divider-border-top"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-list-item-divider-border-top")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-list-last-divider-border-bottom"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-list-item-last-divider-border-bottom")))),(0,a.mdx)("h4",{id:"removed"},"Removed"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"--terra-list-item-chevron-margin-bottom"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-item-chevron-margin-left"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-item-chevron-margin-right"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-item-chevron-margin-top")),(0,a.mdx)("h4",{id:"added"},"Added"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"--terra-list-item-min-height"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-item-chevron-padding-right"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-item-focus-outline"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-item-focus-border-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-item-focus-box-shadow"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-section-header-background-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-section-header-border-bottom"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-section-header-padding-bottom"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-section-header-padding-left"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-section-header-padding-top"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-section-header-title-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-section-header-title-font-size"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-section-header-title-line-height"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-section-header-collapsible-padding-left"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-section-header-focus-background-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-section-header-focus-box-shadow"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-section-header-focus-outline"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-section-header-hover-active-background-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-section-header-start-padding-right"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-subsection-header-background-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-subsection-header-border-bottom"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-subsection-header-padding-bottom"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-subsection-header-padding-left"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-subsection-header-padding-top"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-subsection-header-title-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-subsection-header-padding-top"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-subsection-header-title-font-size"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-subsection-header-title-line-height"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-subsection-header-collapsible-padding-left"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-subsection-header-focus-background-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-subsection-header-focus-box-shadow"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-subsection-header-focus-outline"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-subsection-header-hover-active-background-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-subsection-header-start-padding-right"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-standard-item-fill-line-height"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-standard-item-fill-padding-bottom"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-standard-item-fill-padding-left"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-standard-item-fill-padding-right"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-standard-item-fill-padding-top"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-compact-item-fill-line-height"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-compact-item-fill-padding-bottom"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-compact-item-fill-padding-left"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-compact-item-fill-padding-right"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-compact-item-fill-padding-top")),(0,a.mdx)("h2",{id:"changes-from-version-2-to-version-3"},"Changes from version 2 to version 3"),(0,a.mdx)("h3",{id:"changes-to-css-custom-properties-1"},"Changes to CSS Custom Properties"),(0,a.mdx)("h4",{id:"renamed-1"},"Renamed"),(0,a.mdx)("table",null,(0,a.mdx)("thead",{parentName:"table"},(0,a.mdx)("tr",{parentName:"thead"},(0,a.mdx)("th",{parentName:"tr",align:null},"Previous"),(0,a.mdx)("th",{parentName:"tr",align:null},"New"))),(0,a.mdx)("tbody",{parentName:"table"},(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-list-chevron-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-list-item-chevron-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-list-item-selected-divider-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-list-item-selected-divider-border-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-list-item-selected-divider-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-list-item-selected-divider-border-top-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-list-item-selected-hover-background-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-list-item-selected-focus-background-color")))),(0,a.mdx)("h4",{id:"removed-1"},"Removed"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"--terra-list-divider-border")),(0,a.mdx)("h4",{id:"added-1"},"Added"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"--terra-list-divider-border-top"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-last-divider-border-bottom"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-item-chevron-margin-bottom"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-item-chevron-margin-left"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-item-chevron-margin-right"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-item-chevron-margin-top"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-item-chevron-height"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-item-chevron-width"),(0,a.mdx)("li",{parentName:"ul"},"--terra-list-item-selected-chevron-color")))}s.isMDXComponent=!0},30999:function(e,t,r){r.d(t,{C:function(){return i}});var a=r(67294),l=r(22863),i=function(e){var t=e.url;return a.createElement(l.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-list",name:"terra-list",version:"4.67.0",url:t})}},17422:function(e,t,r){r.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/16699-e2e5d3a3d2303f73f544.css b/16699-e2e5d3a3d2303f73f544.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/16699-e2e5d3a3d2303f73f544.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/16699-e2e5d3a3d2303f73f544.js b/16699-e2e5d3a3d2303f73f544.js new file mode 100644 index 0000000000..81374195ad --- /dev/null +++ b/16699-e2e5d3a3d2303f73f544.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[16699,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,a,l){var d=l(64836);a.Z=void 0;var m=d(l(67294)),n=d(l(45697)),r=d(l(47166)),t=d(l(17422)),i=r.default.bind(t.default),u={name:n.default.string.isRequired,src:n.default.string,url:n.default.string,version:n.default.string.isRequired},p=function(e){var a=e.src,l=e.name,d=e.url,n=e.version,r=m.default.createElement("a",{className:i("badge"),href:d||"https://www.npmjs.org/package/".concat(l,"/v/").concat(n)},m.default.createElement("span",{className:i("badge-name")},d?"package":"npm"),m.default.createElement("span",{className:i("badge-version")},"v".concat(n))),t=a?m.default.createElement("a",{className:i("badge"),href:a},m.default.createElement("span",{className:i("badge-name")},"github"),m.default.createElement("span",{className:i("badge-version")},"source")):void 0;return m.default.createElement("div",{className:i("badge-container")},r,t)};p.propTypes=u;var x=p;a.Z=x},16699:function(e,a,l){l.r(a),l.d(a,{default:function(){return h}});l(67294);var d=l(81254),m=l(76173),n=["components"];function r(){return r=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(m[l]=e[l]);return m}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(m[l]=e[l])}return m}var i={},u="wrapper";function p(e){var a=e.components,l=t(e,n);return(0,d.mdx)(u,r({},i,l,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)("h1",{id:"changelog"},"Changelog"),(0,d.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,d.mdx)("h2",{id:"3420---august-31-2023"},"3.42.0 - (August 31, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3411---may-3-2022"},"3.41.1 - (May 3, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Additional terra-infinite-list deprecation notice")))),(0,d.mdx)("h2",{id:"3410---march-15-2022"},"3.41.0 - (March 15, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Migrate docs to terra-framework-docs")))),(0,d.mdx)("h2",{id:"3400---september-20-2021"},"3.40.0 - (September 20, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated WDIO screenshots due to webpack-config-terra sass upgrade.")))),(0,d.mdx)("h2",{id:"3390---june-15-2021"},"3.39.0 - (June 15, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Mark package as deprecated")))),(0,d.mdx)("h2",{id:"3380---june-8-2021"},"3.38.0 - (June 8, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3370---april-6-2021"},"3.37.0 - (April 6, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,d.mdx)("h2",{id:"3360---march-9-2021"},"3.36.0 - (March 9, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated to terra-functional-testing.")))),(0,d.mdx)("h2",{id:"3350---january-5-2021"},"3.35.0 - (January 5, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation.")))),(0,d.mdx)("h2",{id:"3340---december-8-2020"},"3.34.0 - (December 8, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated to support a peer dependency of react-intl v2-v5"),(0,d.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,d.mdx)("h2",{id:"3330---november-10-2020"},"3.33.0 - (November 10, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed build failures due to the react/sort-comp rule")))),(0,d.mdx)("h2",{id:"3320---october-13-2020"},"3.32.0 - (October 13, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Replaced references to terra-doc-template with terra-docs")))),(0,d.mdx)("h2",{id:"3310---august-4-2020"},"3.31.0 - (August 4, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated Changelog format")))),(0,d.mdx)("h2",{id:"3300---july-14-2020"},"3.30.0 - (July 14, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Corrected the 'resize observer loop limit reached' error with animation frames."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"updated ",(0,d.mdx)("inlineCode",{parentName:"li"},"master")," references to ",(0,d.mdx)("inlineCode",{parentName:"li"},"main"),"."),(0,d.mdx)("li",{parentName:"ul"},"Minor file changes to comply with eslint rules")))),(0,d.mdx)("h2",{id:"3290---april-28-2020"},"3.29.0 - (April 28, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"directory")," as a sub attribute to the ",(0,d.mdx)("inlineCode",{parentName:"li"},"repository")," attribute in package.json"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge')))),(0,d.mdx)("h2",{id:"3280---march-31-2020"},"3.28.0 - (March 31, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,d.mdx)("h2",{id:"3270---february-25-2020"},"3.27.0 - (February 25, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update docs to use mdx syntax.")))),(0,d.mdx)("h2",{id:"3260---february-18-2020"},"3.26.0 - (February 18, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added generated-themes to .npmignore")))),(0,d.mdx)("h2",{id:"3250---january-28-2020"},"3.25.0 - (January 28, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update copyright to include 2020")))),(0,d.mdx)("h2",{id:"3240---january-21-2020"},"3.24.0 - (January 21, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"ariaLabel")," prop.")))),(0,d.mdx)("h2",{id:"3230---december-10-2019"},"3.23.0 - (December 10, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},'Added reference wdio screenshots for "orion-fusion-theme".')))),(0,d.mdx)("h2",{id:"3220---november-18-2019"},"3.22.0 - (November 18, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added documentation for ",(0,d.mdx)("inlineCode",{parentName:"li"},"key")," on ",(0,d.mdx)("inlineCode",{parentName:"li"},"Progressive Loading"),".")))),(0,d.mdx)("h2",{id:"3210---november-7-2019"},"3.21.0 - (November 7, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"3200---october-30-2019"},"3.20.0 - (October 30, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added refCallback prop to infinite-list to expose ref of Listbox"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed console warning by preventing ",(0,d.mdx)("inlineCode",{parentName:"li"},"intl")," and ",(0,d.mdx)("inlineCode",{parentName:"li"},"progressiveLoadingMessage")," props from being passed to the DOM.")))),(0,d.mdx)("h2",{id:"3190---october-16-2019"},"3.19.0 - (October 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"3180---october-3-2019"},"3.18.0 - (October 3, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"3170---september-26-2019"},"3.17.0 - (September 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"3160---september-19-2019"},"3.16.0 - (September 19, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site."),(0,d.mdx)("li",{parentName:"ul"},"Doc site example module import syntax modified to use package.json name resolution"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added en-CA translations.")))),(0,d.mdx)("h2",{id:"3150---september-6-2019"},"3.15.0 - (September 6, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed ",(0,d.mdx)("inlineCode",{parentName:"li"},"Cannot read property 'scrollHeight' of null")," issue."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files")))),(0,d.mdx)("h2",{id:"3140---august-21-2019"},"3.14.0 - (August 21, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3130---august-14-2019"},"3.13.0 - (August 14, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"updated package.json test scripts")))),(0,d.mdx)("h2",{id:"3120---july-30-2019"},"3.12.0 - (July 30, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed DEPENDENCIES.md file"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed linter issue in doc")))),(0,d.mdx)("h2",{id:"3111---july-23-2019"},"3.11.1 - (July 23, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated DEPENDENCIES.md doc")))),(0,d.mdx)("h2",{id:"3110---july-23-2019"},"3.11.0 - (July 23, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Normalized terra-visually-hidden-text dependency version to match other terra-framework packages")))),(0,d.mdx)("h2",{id:"3100---july-16-2019"},"3.10.0 - (July 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies")))),(0,d.mdx)("h2",{id:"390---july-10-2019"},"3.9.0 - (July 10, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"380---july-2-2019"},"3.8.0 - (July 2, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed extra inline styles."),(0,d.mdx)("li",{parentName:"ul"},"Renamed test and example SCSS files to end with ",(0,d.mdx)("inlineCode",{parentName:"li"},".module.scss")," extension")))),(0,d.mdx)("h2",{id:"370---june-19-2019"},"3.7.0 - (June 19, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added functionality to announce loading state to screen readers as progressive list loads more items"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed all inline styles from Dev-site components and implemented the same styles using external css."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed '-ms-overflow-style' style")))),(0,d.mdx)("h2",{id:"360---june-12-2019"},"3.6.0 - (June 12, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update tests for terra-toolkit v5 and terra-dev-site v5 changes"),(0,d.mdx)("li",{parentName:"ul"},"Update wdio spec to use Terra.describeViewports"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore")))),(0,d.mdx)("h2",{id:"350---may-7-2019"},"3.5.0 - (May 7, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"The consumed terra-list is no longer styled for scrolling, it is added through a containing element")))),(0,d.mdx)("h2",{id:"340---april-24-2019"},"3.4.0 - (April 24, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Moved packages we use solely in doc examples and tests to devDependencies")))),(0,d.mdx)("h2",{id:"330---april-9-2019"},"3.3.0 - (April 9, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Changed documentation placeholder example colors to meet color contrast ratio")))),(0,d.mdx)("h2",{id:"320---april-2-2019"},"3.2.0 - (April 2, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Documentation for including section headers and subsection headers to the infinite list.")))),(0,d.mdx)("h2",{id:"310---march-26-2019"},"3.1.0 - (March 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,d.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,d.mdx)("h2",{id:"300---february-13-2019"},"3.0.0 - (February 13, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Breaking Change",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update to terra-list v4"),(0,d.mdx)("li",{parentName:"ul"},"Update props to match List's new API, Guides:"),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("a",{parentName:"li",href:"https://github.com/cerner/terra-core/tree/main/packages/terra-list/docs/guides"},"https://github.com/cerner/terra-core/tree/main/packages/terra-list/docs/guides")),(0,d.mdx)("li",{parentName:"ul"},"Selection state now managed outside of the infinite list"),(0,d.mdx)("li",{parentName:"ul"},"Expose ",(0,d.mdx)("inlineCode",{parentName:"li"},"SectionHeader")," and ",(0,d.mdx)("inlineCode",{parentName:"li"},"SubsectionHeader")," for use within list"),(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"isSelectable")," prop"),(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"selectedIndexes")," prop"),(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"hasChevrons")," prop"),(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"disableUnselectedItems")," prop"),(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"onChange")," prop"),(0,d.mdx)("li",{parentName:"ul"},"Replaced ",(0,d.mdx)("inlineCode",{parentName:"li"},"isDivided")," prop with ",(0,d.mdx)("inlineCode",{parentName:"li"},"dividerStyle")),(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"paddingStyle")," prop"),(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"role")," prop")))),(0,d.mdx)("h2",{id:"210---february-5-2019"},"2.1.0 - (February 5, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,d.mdx)("h2",{id:"200---january-25-2019"},"2.0.0 - (January 25, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Breaking Change"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated terra-core dependencies"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Remove use of componentWillReceiveProps")))),(0,d.mdx)("h2",{id:"1180---january-5-2019"},"1.18.0 - (January 5, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,d.mdx)("h2",{id:"1170---january-2-2019"},"1.17.0 - (January 2, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,d.mdx)("h2",{id:"1160---december-5-2018"},"1.16.0 - (December 5, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,d.mdx)("h2",{id:"1150---december-3-2018"},"1.15.0 - (December 3, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency bump")))),(0,d.mdx)("h2",{id:"1140---november-15-2018"},"1.14.0 - (November 15, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,d.mdx)("h2",{id:"1130---october-8-2018"},"1.13.0 - (October 8, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated links in docs on supported features")))),(0,d.mdx)("h2",{id:"1120---september-25-2018"},"1.12.0 - (September 25, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency bump")))),(0,d.mdx)("h2",{id:"1110---september-5-2018"},"1.11.0 - (September 5, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,d.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,d.mdx)("h2",{id:"1100---august-30-2018"},"1.10.0 - (August 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v5 update")))),(0,d.mdx)("h2",{id:"190---august-13-2018"},"1.9.0 - (August 13, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v4 update"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Lint errors regarding file path resolution")))),(0,d.mdx)("h2",{id:"180---july-25-2018"},"1.8.0 - (July 25, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Add .module extension to SCSS file(s)")))),(0,d.mdx)("h2",{id:"170---july-10-2018"},"1.7.0 - (July 10, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Clean up dependencies")))),(0,d.mdx)("h2",{id:"160---july-3-2018"},"1.6.0 - (July 3, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Change logs to documentation on terra-dev-site")))),(0,d.mdx)("h2",{id:"150---june-29-2018"},"1.5.0 - (June 29, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"140---june-12-2018"},"1.4.0 - (June 12, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"130---may-30-2018"},"1.3.0 - (May 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Moved examples to src"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"New props of children with different content update correctly"),(0,d.mdx)("li",{parentName:"ul"},"Double request for items prevented during render")))),(0,d.mdx)("h2",{id:"120---may-22-2018"},"1.2.0 - (May 22, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"110---april-30-2018"},"1.1.0 - (April 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates"),(0,d.mdx)("li",{parentName:"ul"},"Do not release snapshots to npm")))),(0,d.mdx)("h2",{id:"100---march-23-2018"},"1.0.0 - (March 23, 2018)"),(0,d.mdx)("p",null,"Initial stable release"))}p.isMDXComponent=!0;var x=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(m[l]=e[l]);return m}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(m[l]=e[l])}return m}var N={},c="wrapper";function h(e){var a=e.components,l=s(e,x);return(0,d.mdx)(c,o({},N,l,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)(m.C,{mdxType:"Badge"}),(0,d.mdx)(p,{mdxType:"ChangeLog"}))}h.isMDXComponent=!0},76173:function(e,a,l){l.d(a,{C:function(){return n}});var d=l(67294),m=l(22863),n=function(e){var a=e.url;return d.createElement(m.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-infinite-list",name:"terra-infinite-list",version:"3.42.0",url:a})}},17422:function(e,a,l){l.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/16772-7dee4c794d1c70789984.js b/16772-7dee4c794d1c70789984.js new file mode 100644 index 0000000000..da6be3d8e2 --- /dev/null +++ b/16772-7dee4c794d1c70789984.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[16772],{66633:function(e,t,r){r.r(t),t.default={arrange:"Arrange-module__arrange___hY0Ml",fill:"Arrange-module__fill___m88eq",fit:"Arrange-module__fit___tv8j-",center:"Arrange-module__center___9qfhG",bottom:"Arrange-module__bottom___8beod",stretch:"Arrange-module__stretch___eQF-k",default:"Arrange-module__default___z+O29"}},9197:function(e,t,r){r.r(t),t.default={"clinical-lowlight-theme":"SectionHeader-module__clinical-lowlight-theme___M-5zo","orion-fusion-theme":"SectionHeader-module__orion-fusion-theme___MGUT7","section-header":"SectionHeader-module__section-header___wbdJQ","is-transparent":"SectionHeader-module__is-transparent___3L6Q5","is-interactable":"SectionHeader-module__is-interactable___4Hj3Z","is-active":"SectionHeader-module__is-active___Qfdbq","title-arrange":"SectionHeader-module__title-arrange___t4JW1",title:"SectionHeader-module__title___EPyaG","accordion-icon-wrapper":"SectionHeader-module__accordion-icon-wrapper___BOHqG","accordion-icon":"SectionHeader-module__accordion-icon___VQmOf","is-open":"SectionHeader-module__is-open___naqpt","arrange-wrapper":"SectionHeader-module__arrange-wrapper___jwEJm","title-fixed":"SectionHeader-module__title-fixed___U8DzW"}},78490:function(e,t,r){function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.AlignmentTypes=void 0;var o=u(r(67294)),i=u(r(45697)),a=u(r(47166)),l=u(r(66633)),c=["fitStart","fill","fitEnd","align","alignFitStart","alignFill","alignFitEnd","fitStartAttributes","fillAttributes","fitEndAttributes"];function u(e){return e&&e.__esModule?e:{default:e}}function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}t.AlignmentTypes={CENTER:"center",BOTTOM:"bottom",STRETCH:"stretch"};var y=a.default.bind(l.default),_={fitStart:i.default.element,fill:i.default.element.isRequired,fitEnd:i.default.element,align:i.default.oneOf(["center","bottom","stretch"]),alignFitStart:i.default.oneOf(["center","bottom","stretch"]),alignFitEnd:i.default.oneOf(["center","bottom","stretch"]),alignFill:i.default.oneOf(["center","bottom","stretch"]),fitStartAttributes:i.default.object,fillAttributes:i.default.object,fitEndAttributes:i.default.object},m=function(e){var t=e.fitStart,r=e.fill,n=e.fitEnd,i=e.align,a=e.alignFitStart,l=e.alignFill,u=e.alignFitEnd,s=e.fitStartAttributes,d=e.fillAttributes,_=e.fitEndAttributes,m=b(e,c),O=p({},s),v=p({},d),g=p({},_);return o.default.createElement("span",f({},m,{className:y("arrange",m.className)}),o.default.createElement("span",f({},O,{className:y("fit",i||a,O.className,"fit-block")}),t),o.default.createElement("span",f({},v,{className:y("fill",i||l,v.className,"fill-block")}),r),o.default.createElement("span",f({},g,{className:y("fit",i||u,g.className)}),n))};m.propTypes=_;t.default=m},16772:function(e,t,r){function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=b(r(67294)),i=b(r(45697)),a=b(r(94184)),l=b(r(47166)),c=b(r(50026)),u=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=n(e)&&"function"!=typeof e)return{default:e};var r=d(t);if(r&&r.has(e))return r.get(e);var o={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var l=i?Object.getOwnPropertyDescriptor(e,a):null;l&&(l.get||l.set)?Object.defineProperty(o,a,l):o[a]=e[a]}return o.default=e,r&&r.set(e,o),o}(r(51051)),f=b(r(78490)),s=b(r(9197)),p=["text","title","refCallback","onClick","isOpen","isTransparent","level","isTitleFixed"];function d(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(d=function(e){return e?r:t})(e)}function b(e){return e&&e.__esModule?e:{default:e}}function y(){return y=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function v(e,t){for(var r=0;r=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var v=l.default.bind(s.default),g={children:r.default.node,footer:r.default.node.isRequired,header:r.default.node.isRequired,intl:r.default.shape({formatMessage:r.default.func}).isRequired,onClose:r.default.func},b=function(e){var t=e.children,n=e.footer,r=e.header,l=e.intl,c=e.onClose,s=p(e,f),m=a.default.useContext(i.default),g=(0,o.default)(v("dialog",m.className),s.className),b=c?a.default.createElement("div",{className:v("dialog-header-close")},a.default.createElement(u.default,{variant:"utility",text:l.formatMessage({id:"Terra.dialog.close"}),onClick:c,isIconOnly:!0,icon:a.default.createElement("span",{className:v("close-icon")})})):null,h=a.default.createElement("div",{className:v("dialog-header")},a.default.createElement("div",{className:v("dialog-header-title")},r),b);return a.default.createElement("div",_({},s,{className:g}),a.default.createElement(d.default,{fill:!0,header:h,footer:a.default.createElement("div",{className:v("dialog-footer")},n)},a.default.createElement("div",{className:v("dialog-body")},t)))};b.propTypes=g,b.defaultProps={onClose:null,children:null};t.default=(0,c.injectIntl)(b)},33864:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=o(n(67294)),r=o(n(99139));function o(e){return e&&e.__esModule?e:{default:e}}function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,a=new Array(t);nt&&(a=t),a<7)for(var r=t<10?t:10,o=1;o<=r;o+=1)n.push(o);else if(a<=t&&a>t-10&&a>t-5)for(var l=t;l>t-10&&l>0;l-=1)n.push(l);else{for(var i=a;i>=a-5;i-=1)n.push(i);for(var u=a+1;u<=a+4;u+=1)n.push(u)}return n.sort((function(e,t){return e-t}))}},80906:function(e,t,n){function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.DependentViewport=void 0;var r=d(n(67294)),o=d(n(45697)),l=d(n(32018)),i=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var n=u(t);if(n&&n.has(e))return n.get(e);var r={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&Object.prototype.hasOwnProperty.call(e,l)){var i=o?Object.getOwnPropertyDescriptor(e,l):null;i&&(i.get||i.set)?Object.defineProperty(r,l,i):r[l]=e[l]}return r.default=e,n&&n.set(e,r),r}(n(30210));function u(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(u=function(e){return e?n:t})(e)}function d(e){return e&&e.__esModule?e:{default:e}}function c(e,t){for(var n=0;n=i.default.enormous&&c?"enormous":e>=i.default.huge&&d?"huge":e>=i.default.large&&u?"large":e>=i.default.medium&&l?"medium":e>=i.default.small&&o?"small":"tiny",this.state.element!==s&&this.setState({element:s}))}},{key:"handleWindowResize",value:function(){this.handleResize(window.innerWidth)}},{key:"setContainer",value:function(e){null!==e&&(this.container="parent"===this.props.responsiveTo?e.parentNode:null)}},{key:"render",value:function(){var e=this.props,t=e.children,n=e.responsiveTo;return this.state.element?this.props[this.state.element]||null:r.default.createElement(r.default.Fragment,null,"parent"===n&&!this.container&&r.default.createElement("div",{ref:this.setContainer}),t)}}])&&c(t.prototype,n),a&&c(t,a),Object.defineProperty(t,"prototype",{writable:!1}),u}(r.default.Component);v.propTypes=p,v.defaultProps={responsiveTo:"parent"};t.default=v}}]); \ No newline at end of file diff --git a/17347-3b84d897f1e10fc26025.css b/17347-3b84d897f1e10fc26025.css new file mode 100644 index 0000000000..eef11df7bb --- /dev/null +++ b/17347-3b84d897f1e10fc26025.css @@ -0,0 +1,5 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.ButtonGroup-module__clinical-lowlight-theme___El\+dS{--terra-button-group-button-active-background-color: #1a2023;--terra-button-group-button-active-border-color: #181b1d;--terra-button-group-button-active-color: #9b9b9b;--terra-button-group-button-background-color: #2d3539;--terra-button-group-button-border-color: #181b1d;--terra-button-group-button-box-shadow: none;--terra-button-group-button-color: #b2b5b6;--terra-button-group-button-font-weight: 400;--terra-button-group-button-disabled-opacity: 0.3;--terra-button-group-button-focus-background-color: #1a2023;--terra-button-group-button-focus-border-color: #181b1d;--terra-button-group-button-focus-box-shadow: 0 0 1px 3px rgba(76, 178, 233, 0.5), 0 0 7px 4px rgba(76, 178, 233, 0.35);--terra-button-group-button-hover-background-color: #1e272b;--terra-button-group-button-hover-color: #9b9b9b;--terra-button-group-button-active-box-shadow: none;--terra-button-group-button-selected-background-color: #1a2023;--terra-button-group-button-selected-border-color: #181b1d;--terra-button-group-button-selected-box-shadow: none;--terra-button-group-button-selected-color: #9b9b9b;--terra-button-group-button-selected-and-focus-background-color: #1a2023;--terra-button-group-button-selected-and-focus-border-color: #181b1d;--terra-button-group-button-selected-and-focus-box-shadow: 0 0 1px 3px rgba(76, 178, 233, 0.5), 0 0 7px 4px rgba(76, 178, 233, 0.35);--terra-button-group-button-selected-and-focus-color: #9b9b9b;--terra-button-group-button-selected-and-hover-background-color: #121517;--terra-button-group-button-selected-and-hover-border-color: #181b1d;--terra-button-group-button-selected-and-hover-box-shadow: none;--terra-button-group-button-selected-and-hover-color: #9b9b9b;--terra-button-group-button-border-bottom-left-radius: 0.2142em;--terra-button-group-button-border-top-left-radius: 0.2142rem;--terra-button-group-button-border-bottom-right-radius: 0.2142em;--terra-button-group-button-border-top-right-radius: 0.2142rem}.ButtonGroup-module__orion-fusion-theme___BkFFY{--terra-button-group-button-background-color: #dedfe0;--terra-button-group-button-border-color: #6f7477;--terra-button-group-button-box-shadow: inset 0 3rem 1.5rem -2rem #f4f4f4;--terra-button-group-button-color: #000;--terra-button-group-button-font-weight: 400;--terra-button-group-button-disabled-opacity: 0.3;--terra-button-group-button-focus-background-color: #9b9fa1;--terra-button-group-button-focus-border-color: #6f7477;--terra-button-group-button-focus-box-shadow: inset 0 3rem 1.5rem -2rem #f4f4f4, 0 0 1px 1px rgba(255, 255, 255, 0.65), 0 0 2px 3px rgba(76, 178, 233, 0.5), 0 0 6px 4px rgba(76, 178, 233, 0.3);--terra-button-group-button-hover-background-color: #b2b5b6;--terra-button-group-button-hover-color: #000;--terra-button-group-button-selected-and-hover-background-color: #52585b;--terra-button-group-button-selected-and-hover-border-color: #6f7477;--terra-button-group-button-selected-and-hover-box-shadow: none;--terra-button-group-button-selected-and-hover-color: #fff;--terra-button-group-button-selected-and-focus-background-color: #52585b;--terra-button-group-button-selected-and-focus-border-color: #6f7477;--terra-button-group-button-selected-and-focus-box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.65), 0 0 2px 3px rgba(76, 178, 233, 0.5), 0 0 6px 4px rgba(76, 178, 233, 0.3);--terra-button-group-button-selected-and-focus-color: #fff;--terra-button-group-button-selected-background-color: #52585b;--terra-button-group-button-selected-border-color: #6f7477;--terra-button-group-button-selected-box-shadow: inset 0 3rem 1.5rem -2rem #434a4d;--terra-button-group-button-selected-color: #fff;--terra-button-group-button-active-background-color: #52585b;--terra-button-group-button-active-border-color: #6f7477;--terra-button-group-button-active-box-shadow: inset 0 3rem 1.5rem -2rem #434a4d;--terra-button-group-button-active-color: #fff;--terra-button-group-button-border-bottom-left-radius: 3px;--terra-button-group-button-border-top-left-radius: 3px;--terra-button-group-button-border-bottom-right-radius: 3px;--terra-button-group-button-border-top-right-radius: 3px}.ButtonGroup-module__button-group___iIAAg{display:-ms-inline-flexbox;display:inline-flex;position:relative;vertical-align:middle;white-space:nowrap}.ButtonGroup-module__button-group-button___YB1ME{color:#1c1f21;color:var(--terra-button-group-button-color, #1c1f21);font-weight:400;font-weight:var(--terra-button-group-button-font-weight, 400);position:relative}[dir] .ButtonGroup-module__button-group-button___YB1ME{background-color:#dedfe0;background-color:var(--terra-button-group-button-background-color, #dedfe0);border-color:#c8cacb;border-color:var(--terra-button-group-button-border-color, #c8cacb);border-radius:0;border-style:solid;border-width:1px;box-shadow:none;box-shadow:var(--terra-button-group-button-box-shadow, none);margin:0}.ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-disabled___rqrG9,.ButtonGroup-module__button-group-button___YB1ME:disabled{opacity:0.3;opacity:var(--terra-button-group-button-disabled-opacity, 0.3)}.ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-focused___PsJoG{z-index:1000}[dir] .ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-focused___PsJoG{background-color:#dedfe0;background-color:var(--terra-button-group-button-focus-background-color, #dedfe0);border-color:#c8cacb;border-color:var(--terra-button-group-button-focus-border-color, #c8cacb);box-shadow:0 0 1px 3px rgba(76, 178, 233, 0.5), 0 0 7px 4px rgba(76, 178, 233, 0.35);box-shadow:var(--terra-button-group-button-focus-box-shadow, 0 0 1px 3px rgba(76, 178, 233, 0.5), 0 0 7px 4px rgba(76, 178, 233, 0.35))}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover)and (pointer: fine){.ButtonGroup-module__button-group-button___YB1ME:hover{color:#000;color:var(--terra-button-group-button-hover-color, #000)}[dir] .ButtonGroup-module__button-group-button___YB1ME:hover{background-color:#b9bbbc;background-color:var(--terra-button-group-button-hover-background-color, #b9bbbc)}.ButtonGroup-module__button-group-button___YB1ME:hover.ButtonGroup-module__is-selected___DM718{color:#fff;color:var(--terra-button-group-button-selected-and-hover-color, #fff)}[dir] .ButtonGroup-module__button-group-button___YB1ME:hover.ButtonGroup-module__is-selected___DM718{background-color:#40474a;background-color:var(--terra-button-group-button-selected-and-hover-background-color, #40474a);border-color:#40474a;border-color:var(--terra-button-group-button-selected-and-hover-border-color, #40474a);box-shadow:var(--terra-button-group-button-selected-and-hover-box-shadow)}}.ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-selected___DM718.ButtonGroup-module__is-focused___PsJoG{color:#fff;color:var(--terra-button-group-button-selected-and-focus-color, #fff)}[dir] .ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-selected___DM718.ButtonGroup-module__is-focused___PsJoG{background-color:#52585b;background-color:var(--terra-button-group-button-selected-and-focus-background-color, #52585b);border-color:#52585b;border-color:var(--terra-button-group-button-selected-and-focus-border-color, #52585b);box-shadow:0 0 1px 3px rgba(76, 178, 233, 0.5), 0 0 7px 4px rgba(76, 178, 233, 0.35);box-shadow:var(--terra-button-group-button-selected-and-focus-box-shadow, 0 0 1px 3px rgba(76, 178, 233, 0.5), 0 0 7px 4px rgba(76, 178, 233, 0.35))}.ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-selected___DM718{color:#fff;color:var(--terra-button-group-button-selected-color, #fff)}[dir] .ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-selected___DM718{background-color:#52585b;background-color:var(--terra-button-group-button-selected-background-color, #52585b);border-color:#52585b;border-color:var(--terra-button-group-button-selected-border-color, #52585b);box-shadow:var(--terra-button-group-button-selected-box-shadow)}.ButtonGroup-module__button-group-button___YB1ME:active.ButtonGroup-module__is-selected___DM718,.ButtonGroup-module__button-group-button___YB1ME:active{color:#fff;color:var(--terra-button-group-button-active-color, #fff)}[dir] .ButtonGroup-module__button-group-button___YB1ME:active.ButtonGroup-module__is-selected___DM718, [dir] .ButtonGroup-module__button-group-button___YB1ME:active{background-color:#52585b;background-color:var(--terra-button-group-button-active-background-color, #52585b);border-color:#52585b;border-color:var(--terra-button-group-button-active-border-color, #52585b);box-shadow:var(--terra-button-group-button-active-box-shadow)}[dir=ltr] .ButtonGroup-module__button-group-button___YB1ME+.ButtonGroup-module__button-group-button___YB1ME{margin-left:-1px}[dir=rtl] .ButtonGroup-module__button-group-button___YB1ME+.ButtonGroup-module__button-group-button___YB1ME{margin-right:-1px}[dir=ltr] .ButtonGroup-module__button-group-button___YB1ME:first-child{border-bottom-left-radius:0.2142rem;border-bottom-left-radius:var(--terra-button-group-button-border-bottom-left-radius, 0.2142rem);border-top-left-radius:0.2142rem;border-top-left-radius:var(--terra-button-group-button-border-top-left-radius, 0.2142rem)}[dir=rtl] .ButtonGroup-module__button-group-button___YB1ME:first-child{border-bottom-right-radius:0.2142rem;border-bottom-right-radius:var(--terra-button-group-button-border-bottom-left-radius, 0.2142rem);border-top-right-radius:0.2142rem;border-top-right-radius:var(--terra-button-group-button-border-top-left-radius, 0.2142rem)}[dir=ltr] .ButtonGroup-module__button-group-button___YB1ME:last-child{border-bottom-right-radius:0.2142rem;border-bottom-right-radius:var(--terra-button-group-button-border-bottom-right-radius, 0.2142rem);border-top-right-radius:0.2142rem;border-top-right-radius:var(--terra-button-group-button-border-top-right-radius, 0.2142rem)}[dir=rtl] .ButtonGroup-module__button-group-button___YB1ME:last-child{border-bottom-left-radius:0.2142rem;border-bottom-left-radius:var(--terra-button-group-button-border-bottom-right-radius, 0.2142rem);border-top-left-radius:0.2142rem;border-top-left-radius:var(--terra-button-group-button-border-top-right-radius, 0.2142rem)}.ButtonGroup-module__is-block___otiJA{width:100%}.ButtonGroup-module__is-block___otiJA .ButtonGroup-module__button-group-button___YB1ME{-ms-flex:1 1 auto;flex:1 1 auto} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} +.Table-module__clinical-lowlight-theme___PqYJ8{--terra-html-table-background-color: #383f42;--terra-html-table-border: 1px solid #585a5c;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: none;--terra-html-table-header-cell-color: #1c1f21;--terra-html-table-header-cell-font-size: 1rem;--terra-html-table-header-cell-font-weight: bold;--terra-html-table-header-cell-border-right: 1px solid #585a5c;--terra-html-table-first-header-cell-border-left: 1px solid #585a5c;--terra-html-table-last-header-cell-border-right: 1px solid #585a5c;--terra-html-table-header-background-color: #909496;--terra-html-table-header-box-shadow: 0 4px 4px -3.5px #1c1f21, inset 0 0 0 1px #585a5c;--terra-html-table-header-row-border-bottom: 1px solid #585a5c;--terra-html-table-header-row-border-top: 1px solid #585a5c;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #b2b5b6;--terra-html-table-cell-font-size: 1rem;--terra-html-table-first-cell-border-left: 1px solid #585a5c;--terra-html-table-last-cell-border-right: 1px solid #585a5c;--terra-html-table-header-cell-standard-padding-bottom: 0.5rem;--terra-html-table-header-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-top: 0.5rem;--terra-html-table-header-cell-compact-padding-bottom: 0.25rem;--terra-html-table-header-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-top: 0.25rem;--terra-html-table-cell-standard-padding-bottom: 0.5rem;--terra-html-table-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-cell-standard-padding-top: 0.5rem;--terra-html-table-cell-compact-padding-bottom: 0.25rem;--terra-html-table-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-cell-compact-padding-top: 0.25rem;--terra-html-table-row-border-top: 1px solid #585a5c;--terra-html-table-last-row-border-bottom: 1px solid #585a5c;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #2d3539}.Table-module__orion-fusion-theme___d9rxf{--terra-html-table-background-color: transparent;--terra-html-table-border: 0;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: transparent;--terra-html-table-header-cell-color: #64696c;--terra-html-table-header-cell-font-size: 0.857142857rem;--terra-html-table-header-cell-font-weight: normal;--terra-html-table-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-first-header-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-background-color: #f4f4f4;--terra-html-table-header-box-shadow: none;--terra-html-table-header-row-border-bottom: 2px solid #64696c;--terra-html-table-header-row-border-top: 1px solid #c8cacb;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #1c1f21;--terra-html-table-cell-font-size: 0.857142857rem;--terra-html-table-first-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-cell-standard-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-top: 0.428571429rem;--terra-html-table-header-cell-compact-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-top: 0.428571429rem;--terra-html-table-cell-standard-padding-bottom: 0.8571428571rem;--terra-html-table-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-cell-standard-padding-top: 0.8571428571rem;--terra-html-table-cell-compact-padding-bottom: 0.8571428571rem;--terra-html-table-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-cell-compact-padding-top: 0.8571428571rem;--terra-html-table-row-border-top: 0;--terra-html-table-last-row-border-bottom: 1px solid #c8cacb;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #f4f4f4}.Table-module__table___eg2Mi{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___eg2Mi{background-color:transparent;background-color:var(--terra-html-table-background-color, transparent);border:0;border:var(--terra-html-table-border, 0);border-radius:0;border-radius:var(--terra-html-table-border-radius, 0)}[dir] .Table-module__table___eg2Mi caption{padding-bottom:.5em}.Table-module__table___eg2Mi tr{display:table-row}[dir] .Table-module__table___eg2Mi tr{margin-bottom:0}.Table-module__table___eg2Mi td,.Table-module__table___eg2Mi th{color:#1c1f21;color:var(--terra-html-table-cell-color, #1c1f21);display:table-cell;font-size:1rem;font-size:var(--terra-html-table-cell-font-size, 1rem);font-weight:normal;vertical-align:top}[dir] .Table-module__table___eg2Mi td, [dir] .Table-module__table___eg2Mi th{border:0}[dir=ltr] .Table-module__table___eg2Mi td, [dir=ltr] .Table-module__table___eg2Mi th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___eg2Mi td, [dir=rtl] .Table-module__table___eg2Mi th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___eg2Mi td:first-child, [dir=ltr] .Table-module__table___eg2Mi th:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:first-child, [dir=rtl] .Table-module__table___eg2Mi th:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi td:last-child, [dir=ltr] .Table-module__table___eg2Mi th:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:last-child, [dir=rtl] .Table-module__table___eg2Mi th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___eg2Mi thead th, [dir] .Table-module__table___eg2Mi thead td{border:0}[dir=ltr] .Table-module__table___eg2Mi thead th, [dir=ltr] .Table-module__table___eg2Mi thead td{border-right:1px solid rgba(200, 202, 203, 0.5);border-right:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:left}[dir=rtl] .Table-module__table___eg2Mi thead th, [dir=rtl] .Table-module__table___eg2Mi thead td{border-left:1px solid rgba(200, 202, 203, 0.5);border-left:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:right}[dir=ltr] .Table-module__table___eg2Mi thead th:first-child, [dir=ltr] .Table-module__table___eg2Mi thead td:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:first-child, [dir=rtl] .Table-module__table___eg2Mi thead td:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi thead th:last-child, [dir=ltr] .Table-module__table___eg2Mi thead td:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:last-child, [dir=rtl] .Table-module__table___eg2Mi thead td:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead{display:table-header-group}[dir] .Table-module__table___eg2Mi thead{background-color:#f1f1f2;background-color:var(--terra-html-table-header-background-color, #f1f1f2);box-shadow:0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5);box-shadow:var(--terra-html-table-header-box-shadow, 0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5))}[dir] .Table-module__table___eg2Mi thead tr{border-bottom:1px solid #b9bbbc;border-bottom:var(--terra-html-table-header-row-border-bottom, 1px solid #b9bbbc);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-header-row-border-top, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{color:#1c1f21;color:var(--terra-html-table-header-cell-color, #1c1f21);font-size:1rem;font-size:var(--terra-html-table-header-cell-font-size, 1rem);font-weight:bold;font-weight:var(--terra-html-table-header-cell-font-weight, bold);vertical-align:bottom}[dir] .Table-module__table___eg2Mi tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___eg2Mi tbody tr{background-color:transparent;background-color:var(--terra-html-table-row-background-color, transparent);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-row-border-top, 1px solid #dedfe0)}[dir] .Table-module__table___eg2Mi tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___eg2Mi tbody tr:last-of-type{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-html-table-last-row-border-bottom, 1px solid #dedfe0)}[dir] .Table-module__padding-standard___BfbC- th{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-header-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-header-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z th{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-header-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-header-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__padding-standard___BfbC- td{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z td{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__striped___n8xJe tbody tr:nth-of-type(even){background-color:#f6f7f8;background-color:var(--terra-html-table-row-striped-background-color, #f6f7f8)}@media print{.Table-module__table___eg2Mi thead{display:table-header-group}.Table-module__table___eg2Mi tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} diff --git a/17347-3b84d897f1e10fc26025.js b/17347-3b84d897f1e10fc26025.js new file mode 100644 index 0000000000..1b5c5a7136 --- /dev/null +++ b/17347-3b84d897f1e10fc26025.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[17347,45627,37344,33667,96890,79482,85565,3353,5161,80858,14041,45865,16835,85355,3193,4845,27444,17657,46647,16873,85161,66097,38681,15318,40411,18101,33315,38443,11264,34319,78996,39915,33442],{4822:function(e,t,n){t.Z=void 0;var r=l(n(67294)),o=l(n(76367));function l(e){return e&&e.__esModule?e:{default:e}}t.Z=function(){return r.default.createElement(o.default,{id:"button-group-not-selectable"},r.default.createElement(o.default.Button,{text:"Button 1",key:"1"}),r.default.createElement(o.default.Button,{text:"Button 2",key:"2",isDisabled:!0}),r.default.createElement(o.default.Button,{text:"Button 3",key:"3"}),r.default.createElement(o.default.Button,{text:"Button 4",key:"4",isDisabled:!0}))}},27166:function(e,t,n){function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}t.Z=void 0;var o=a(n(67294)),l=a(n(76367));function a(e){return e&&e.__esModule?e:{default:e}}function u(e,t){for(var n=0;n=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var d={};function p(e){var t=e.components,n=c(e,u);return(0,o.mdx)("wrapper",i({},d,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport { IconCaretUp, IconCaretDown } from \'terra-icon\';\nimport ButtonGroup from \'terra-button-group\';\n\nconst iconCaretUp = ;\nconst iconCaretDown = ;\n\nconst ButtonGroupWithIcons = () => (\n
\n
\n \n \n \n \n
\n
\n
\n \n \n \n \n
\n
\n);\n\nexport default ButtonGroupWithIcons;\n\n')))}p.isMDXComponent=!0;var s=n(49271),m=function(e){var t=e.title,n=e.description,o=e.isExpanded;return r.createElement(s.Z,{title:t||"Button Group With Icons",description:n,example:r.createElement(a.Z,null),exampleSrc:r.createElement(p,null),isExpanded:o})},f=n(4822),y=["components"];function x(){return x=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var g={};function v(e){var t=e.components,n=b(e,y);return(0,o.mdx)("wrapper",x({},g,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport ButtonGroup from \'terra-button-group\';\n\nexport default () => (\n \n \n \n \n \n \n);\n\n')))}v.isMDXComponent=!0;var h=function(e){var t=e.title,n=e.description,o=e.isExpanded;return r.createElement(s.Z,{title:t||"Button Group Disabled Buttons",description:n,example:r.createElement(f.Z,null),exampleSrc:r.createElement(v,null),isExpanded:o})},O=n(83694),T=["components"];function B(){return B=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var E={};function w(e){var t=e.components,n=_(e,T);return(0,o.mdx)("wrapper",B({},E,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport ButtonGroup from \'terra-button-group\';\n\nclass ButtonGroupSingleSelect extends React.Component {\n constructor(props) {\n super(props);\n this.state = { selectedKey: [\'single-select1\'] };\n this.handleSelection = this.handleSelection.bind(this);\n }\n\n handleSelection(event, selectedKey) {\n if (ButtonGroup.Utils.shouldHandleSingleSelection(this.state.selectedKey, selectedKey)) {\n event.preventDefault();\n this.setState({ selectedKey: [selectedKey] });\n }\n }\n\n render() {\n return (\n \n \n \n \n \n );\n }\n}\nexport default ButtonGroupSingleSelect;\n\n')))}w.isMDXComponent=!0;var S=function(e){var t=e.title,n=e.description,o=e.isExpanded;return r.createElement(s.Z,{title:t||"Button Group Single Select",description:n,example:r.createElement(O.Z,null),exampleSrc:r.createElement(w,null),isExpanded:o})},j=n(73547),C=["components"];function k(){return k=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var D={};function P(e){var t=e.components,n=N(e,C);return(0,o.mdx)("wrapper",k({},D,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport ButtonGroup from \'terra-button-group\';\n\nclass ButtonGroupMultiSelect extends React.Component {\n constructor(props) {\n super(props);\n this.state = { selectedKeys: [\'multi-select1\', \'multi-select3\'] };\n this.handleSelection = this.handleSelection.bind(this);\n }\n\n handleSelection(event, key) {\n event.preventDefault();\n this.setState(prevState => ({ selectedKeys: ButtonGroup.Utils.handleMultiSelectedKeys(prevState.selectedKeys, key) }));\n }\n\n render() {\n return (\n \n \n \n \n \n );\n }\n}\n\nexport default ButtonGroupMultiSelect;\n\n')))}P.isMDXComponent=!0;var R=function(e){var t=e.title,n=e.description,o=e.isExpanded;return r.createElement(s.Z,{title:t||"Button Group Multi Select",description:n,example:r.createElement(j.Z,null),exampleSrc:r.createElement(P,null),isExpanded:o})},G=n(27166),K=["components"];function M(){return M=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var I={};function q(e){var t=e.components,n=W(e,K);return(0,o.mdx)("wrapper",M({},I,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport ButtonGroup from \'terra-button-group\';\n\nclass ButtonGroupIsBlock extends React.Component {\n constructor(props) {\n super(props);\n this.state = { selectedKeys: [] };\n this.handleSelection = this.handleSelection.bind(this);\n }\n\n handleSelection(event, key) {\n event.preventDefault();\n this.setState(prevState => ({ selectedKeys: ButtonGroup.Utils.handleMultiSelectedKeys(prevState.selectedKeys, key) }));\n }\n\n render() {\n return (\n \n \n \n \n \n );\n }\n}\n\nexport default ButtonGroupIsBlock;\n\n')))}q.isMDXComponent=!0;var X=function(e){var t=e.title,n=e.description,o=e.isExpanded;return r.createElement(s.Z,{title:t||"Button Group Is Block",description:n,example:r.createElement(G.Z,null),exampleSrc:r.createElement(q,null),isExpanded:o})},Z=n(78530),A=["components"];function U(){return U=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var F={},L="wrapper";function H(e){var t=e.components,n=V(e,A);return(0,o.mdx)(L,U({},F,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)(Z.ZP,{mdxType:"PropsTable"},(0,o.mdx)(Z.X2,{key:"ROW1",mdxType:"Row"},(0,o.mdx)(Z.O,{mdxType:"PropNameCell"},"children"),(0,o.mdx)(Z.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,o.mdx)(Z.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(Z.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,o.mdx)(Z.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Child nodes"))),(0,o.mdx)(Z.X2,{key:"ROW2",mdxType:"Row"},(0,o.mdx)(Z.O,{mdxType:"PropNameCell"},"isBlock"),(0,o.mdx)(Z.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,o.mdx)(Z.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(Z.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,o.mdx)(Z.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Allows user to set button group to fill container width."))),(0,o.mdx)(Z.X2,{key:"ROW3",mdxType:"Row"},(0,o.mdx)(Z.O,{mdxType:"PropNameCell"},"isMultiSelect"),(0,o.mdx)(Z.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,o.mdx)(Z.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(Z.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,o.mdx)(Z.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Whether or not it is a multi select button group."))),(0,o.mdx)(Z.X2,{key:"ROW4",mdxType:"Row"},(0,o.mdx)(Z.O,{mdxType:"PropNameCell"},"onChange"),(0,o.mdx)(Z.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,o.mdx)(Z.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(Z.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(Z.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Callback function when the state changes. Parameters are (event, key)."))),(0,o.mdx)(Z.X2,{key:"ROW5",mdxType:"Row"},(0,o.mdx)(Z.O,{mdxType:"PropNameCell"},"selectedKeys"),(0,o.mdx)(Z.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'string',\n}],\n"))),(0,o.mdx)(Z.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(Z.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,o.mdx)(Z.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"A list of keys of the buttons that should be selected.")))))}H.isMDXComponent=!0;var Y=["components"];function J(){return J=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var z={},$="wrapper";function ee(e){var t=e.components,n=Q(e,Y);return(0,o.mdx)($,J({},z,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)(Z.ZP,{mdxType:"PropsTable"},(0,o.mdx)(Z.X2,{key:"ROW1",mdxType:"Row"},(0,o.mdx)(Z.O,{mdxType:"PropNameCell"},"icon"),(0,o.mdx)(Z.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,o.mdx)(Z.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(Z.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(Z.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"An optional icon. If an icon is provided, it will be an icon only button and the provided text is set as the aria-label for accessibility."))),(0,o.mdx)(Z.X2,{key:"ROW2",mdxType:"Row"},(0,o.mdx)(Z.O,{mdxType:"PropNameCell"},"isDisabled"),(0,o.mdx)(Z.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,o.mdx)(Z.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(Z.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,o.mdx)(Z.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Whether or not the button should be disabled."))),(0,o.mdx)(Z.X2,{key:"ROW3",mdxType:"Row"},(0,o.mdx)(Z.O,{mdxType:"PropNameCell"},"onBlur"),(0,o.mdx)(Z.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,o.mdx)(Z.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(Z.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(Z.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Callback function triggered when button loses focus."))),(0,o.mdx)(Z.X2,{key:"ROW4",mdxType:"Row"},(0,o.mdx)(Z.O,{mdxType:"PropNameCell"},"onClick"),(0,o.mdx)(Z.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,o.mdx)(Z.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(Z.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(Z.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Callback function triggered when clicked."))),(0,o.mdx)(Z.X2,{key:"ROW5",mdxType:"Row"},(0,o.mdx)(Z.O,{mdxType:"PropNameCell"},"onFocus"),(0,o.mdx)(Z.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,o.mdx)(Z.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(Z.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(Z.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Callback function triggered when button gains focus."))),(0,o.mdx)(Z.X2,{key:"ROW6",mdxType:"Row"},(0,o.mdx)(Z.O,{mdxType:"PropNameCell"},"onKeyDown"),(0,o.mdx)(Z.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,o.mdx)(Z.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(Z.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(Z.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Callback function triggered when key is pressed."))),(0,o.mdx)(Z.X2,{key:"ROW7",mdxType:"Row"},(0,o.mdx)(Z.O,{mdxType:"PropNameCell"},"onKeyUp"),(0,o.mdx)(Z.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,o.mdx)(Z.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(Z.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(Z.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Callback function triggered when key is released."))),(0,o.mdx)(Z.X2,{key:"ROW8",mdxType:"Row"},(0,o.mdx)(Z.O,{mdxType:"PropNameCell"},"text"),(0,o.mdx)(Z.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,o.mdx)(Z.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,o.mdx)(Z.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(Z.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Sets the button text. If an icon is provided, it will be an icon only button and this text is set as the aria-label for accessibility.")))))}ee.isMDXComponent=!0;var te=["components"];function ne(){return ne=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var oe={},le="wrapper";function ae(e){var t=e.components,n=re(e,te);return(0,o.mdx)(le,ne({},oe,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)(l.C,{mdxType:"Badge"}),(0,o.mdx)("h1",{id:"terra-button-group"},"Terra Button Group"),(0,o.mdx)("p",null," The Terra Button Group component is a controlled component that groups buttons and allows consumers to manage the selection state of each button in the group. By default, the buttons in the Button Group do not remain selected when clicked. Therefore, consumers must manage the selection state of the buttons because the Button Group does not keep track of the selection state. A controlled Button Group gives the consumer the flexibility to compose a single-select button group as well as a multi-select button group. This component is intended to group buttons with similar context or to toggle content, it is not intended to be used as a form element."),(0,o.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,o.mdx)("ul",null,(0,o.mdx)("li",{parentName:"ul"},"Install with ",(0,o.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,o.mdx)("ul",{parentName:"li"},(0,o.mdx)("li",{parentName:"ul"},(0,o.mdx)("inlineCode",{parentName:"li"},"npm install terra-button-group"))))),(0,o.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,o.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,o.mdx)("table",null,(0,o.mdx)("thead",{parentName:"table"},(0,o.mdx)("tr",{parentName:"thead"},(0,o.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,o.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,o.mdx)("tbody",{parentName:"table"},(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"react"),(0,o.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,o.mdx)("td",{parentName:"tr",align:null},"^16.8.5")))),(0,o.mdx)("h2",{id:"usage"},"Usage"),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},"import ButtonGroup from 'terra-button-group';\n")),(0,o.mdx)("h2",{id:"component-features"},"Component Features"),(0,o.mdx)("ul",null,(0,o.mdx)("li",{parentName:"ul"},(0,o.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,o.mdx)("li",{parentName:"ul"},(0,o.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,o.mdx)("li",{parentName:"ul"},(0,o.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support"))),(0,o.mdx)("h2",{id:"examples"},"Examples"),(0,o.mdx)(m,{title:"Text and Icon - Default, no selected state",mdxType:"ButtonGroupWithIcons"}),(0,o.mdx)(S,{title:"Single Select - Manage single button selection",mdxType:"ButtonGroupSingleSelect"}),(0,o.mdx)(R,{title:"Multi Select - Manage multiple button selections",mdxType:"ButtonGroupMultiSelect"}),(0,o.mdx)(h,{title:"Disabled Buttons - Default, no selected state",mdxType:"ButtonGroupDisabledButtons"}),(0,o.mdx)(X,{title:"ButtonGroup Is Block - width stretches to fill container",mdxType:"ButtonGroupIsBlock"}),(0,o.mdx)("h2",{id:"button-group-props"},"Button Group Props"),(0,o.mdx)(H,{mdxType:"ButtonGroupPropsTable"}),(0,o.mdx)("h2",{id:"button-group-button-props"},"Button Group Button Props"),(0,o.mdx)(ee,{mdxType:"ButtonGroupButtonPropsTable"}))}ae.isMDXComponent=!0},33343:function(e,t,n){n.d(t,{C:function(){return l}});var r=n(67294),o=n(22863),l=function(e){var t=e.url;return r.createElement(o.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-button-group",name:"terra-button-group",version:"3.73.0",url:t})}},17422:function(e,t,n){n.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},53560:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}}}]); \ No newline at end of file diff --git a/17605-a8d2dd072b5895827bb5.css b/17605-a8d2dd072b5895827bb5.css new file mode 100644 index 0000000000..e63f726b3c --- /dev/null +++ b/17605-a8d2dd072b5895827bb5.css @@ -0,0 +1,6 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +._Dropdown-module__clinical-lowlight-theme___ae4kC{--terra-form-select-dropdown-background-color: #222a2e;--terra-form-select-dropdown-border: 1px solid #181b1d;--terra-form-select-dropdown-border-bottom-left-radius: 3px;--terra-form-select-dropdown-border-bottom-right-radius: 3px;--terra-form-select-dropdown-box-shadow: 0 3px 12px -5px #181b1d;--terra-form-select-dropdown-above-box-shadow: 0 -3px 12px -5px #181b1d;--terra-form-select-dropdown-border-top-left-radius: 3px;--terra-form-select-dropdown-border-top-right-radius: 3px}._Dropdown-module__orion-fusion-theme___YKlEn{--terra-form-select-dropdown-background-color: #fff;--terra-form-select-dropdown-border: 1px solid #dedfe0;--terra-form-select-dropdown-border-bottom-left-radius: 0;--terra-form-select-dropdown-border-bottom-right-radius: 0;--terra-form-select-dropdown-box-shadow: none;--terra-form-select-dropdown-border-top-left-radius: 0;--terra-form-select-dropdown-border-top-right-radius: 0;--terra-form-select-dropdown-above-box-shadow: none}._Dropdown-module__dropdown___WVhNn{overflow:auto}[dir] ._Dropdown-module__dropdown___WVhNn{background-color:#fff;background-color:var(--terra-form-select-dropdown-background-color, #fff);border:1px solid #dedfe0;border:var(--terra-form-select-dropdown-border, 1px solid #dedfe0);border-top:0;box-shadow:0 3px 12px -5px rgba(0, 0, 0, 0.25);box-shadow:var(--terra-form-select-dropdown-box-shadow, 0 3px 12px -5px rgba(0, 0, 0, 0.25))}[dir=ltr] ._Dropdown-module__dropdown___WVhNn{border-bottom-left-radius:3px;border-bottom-left-radius:var(--terra-form-select-dropdown-border-bottom-left-radius, 3px);border-bottom-right-radius:3px;border-bottom-right-radius:var(--terra-form-select-dropdown-border-bottom-right-radius, 3px);border-top-left-radius:0;border-top-right-radius:0}[dir=rtl] ._Dropdown-module__dropdown___WVhNn{border-bottom-right-radius:3px;border-bottom-right-radius:var(--terra-form-select-dropdown-border-bottom-left-radius, 3px);border-bottom-left-radius:3px;border-bottom-left-radius:var(--terra-form-select-dropdown-border-bottom-right-radius, 3px);border-top-right-radius:0;border-top-left-radius:0}[dir] ._Dropdown-module__is-above___tThDx{border:1px solid #dedfe0;border:var(--terra-form-select-dropdown-border, 1px solid #dedfe0);border-bottom:0;box-shadow:0 -3px 12px -5px rgba(0, 0, 0, 0.25);box-shadow:var(--terra-form-select-dropdown-above-box-shadow, 0 -3px 12px -5px rgba(0, 0, 0, 0.25))}[dir=ltr] ._Dropdown-module__is-above___tThDx{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:3px;border-top-left-radius:var(--terra-form-select-dropdown-border-top-left-radius, 3px);border-top-right-radius:3px;border-top-right-radius:var(--terra-form-select-dropdown-border-top-right-radius, 3px)}[dir=rtl] ._Dropdown-module__is-above___tThDx{border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-right-radius:3px;border-top-right-radius:var(--terra-form-select-dropdown-border-top-left-radius, 3px);border-top-left-radius:3px;border-top-left-radius:var(--terra-form-select-dropdown-border-top-right-radius, 3px)}._Dropdown-module__is-touch-accessible___5hJQm{position:absolute;z-index:9001}[dir=ltr] ._Dropdown-module__is-touch-accessible___5hJQm{left:0}[dir=rtl] ._Dropdown-module__is-touch-accessible___5hJQm{right:0} +._Option-module__clinical-lowlight-theme___Iyko\+{--terra-form-select-option-color: #b2b5b6;--terra-form-select-option-font-size: 1.143rem;--terra-form-select-option-line-height: 1.125;--terra-form-select-option-padding: 0.286rem 0.714rem;--terra-form-select-default-option-active-background-color: #004c76;--terra-form-select-default-option-active-color: #b2b5b6;--terra-form-select-default-option-active-font-weight: normal;--terra-form-select-default-option-selected-background-color: #004c76;--terra-form-select-default-option-selected-color: #b2b5b6;--terra-form-select-default-option-selected-font-weight: normal;--terra-form-select-default-option-selected-active-background-color: #004165;--terra-form-select-option-icon-height: 1.143rem;--terra-form-select-option-icon-margin-right: 0.714rem;--terra-form-select-option-icon-width: 1.143rem;--terra-form-select-option-active-background-color: #1e3a49;--terra-form-select-option-disabled-color: #404344;--terra-form-select-option-icon-add-background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22%230092e0%22%20d%3D%22M48%2021H27V0h-6v21H0v6h21v21h6V27h21z%22%2F%3E%3C%2Fsvg%3E");--terra-form-select-option-icon-active-background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Crect%20width%3D%2248%22%20height%3D%2248%22%20rx%3D%226%22%20ry%3D%226%22%20fill%3D%22%23003450%22%20%2F%3E%3Cpath%20d%3D%22M20%2C36.4%2C6.7%2C23.1l3.6-3.6L20%2C29.4%2C37.7%2C11.5l3.6%2C3.6Z%22%20fill%3D%22%230092e0%22%2F%3E%3C%2Fsvg%3E");--terra-form-select-option-icon-background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Crect%20width%3D%2248%22%20height%3D%2248%22%20rx%3D%226%22%20ry%3D%226%22%20fill%3D%22%232d3539%22%20%2F%3E%3Cpath%20d%3D%22M20%2C36.4%2C6.7%2C23.1l3.6-3.6L20%2C29.4%2C37.7%2C11.5l3.6%2C3.6Z%22%20fill%3D%22%230092e0%22%2F%3E%3C%2Fsvg%3E");--terra-form-select-option-checkable-active-icon-background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Crect%20width%3D%2248%22%20height%3D%2248%22%20rx%3D%226%22%20ry%3D%226%22%20fill%3D%22%23004c76%22%20%2F%3E%3Cpath%20d%3D%22M20%2C36.4%2C6.7%2C23.1l3.6-3.6L20%2C29.4%2C37.7%2C11.5l3.6%2C3.6Z%22%20fill%3D%22%230092e0%22%2F%3E%3C%2Fsvg%3E")}._Option-module__orion-fusion-theme___1uvb\+{--terra-form-select-option-color: #1c1f21;--terra-form-select-option-font-size: 1rem;--terra-form-select-option-line-height: 1.41667;--terra-form-select-option-padding: 0.5rem 1rem;--terra-form-select-default-option-active-background-color: #0079be;--terra-form-select-default-option-active-color: #fff;--terra-form-select-default-option-active-font-weight: normal;--terra-form-select-default-option-selected-background-color: #0079be;--terra-form-select-default-option-selected-color: #fff;--terra-form-select-default-option-selected-font-weight: normal;--terra-form-select-default-option-selected-active-background-color: #0065a3;--terra-form-select-option-icon-height: 1rem;--terra-form-select-option-icon-margin-right: 0.75rem;--terra-form-select-option-icon-width: 1rem;--terra-form-select-option-active-background-color: #ebf6fd;--terra-form-select-option-disabled-color: rgba(28, 31, 33, 0.25);--terra-form-select-option-icon-active-background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Crect%20width%3D%2248%22%20height%3D%2248%22%20rx%3D%226%22%20ry%3D%226%22%20fill%3D%22%23a3dcfd%22%20opacity%3D%220.5%22%2F%3E%3Cpath%20d%3D%22M20%2C36.4%2C6.7%2C23.1l3.6-3.6L20%2C29.4%2C37.7%2C11.5l3.6%2C3.6Z%22%20fill%3D%22%230079be%22%2F%3E%3C%2Fsvg%3E");--terra-form-select-option-checkable-active-icon-background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Crect%20width%3D%2248%22%20height%3D%2248%22%20rx%3D%226%22%20ry%3D%226%22%20fill%3D%22%23a3dcfd%22%20opacity%3D%220.8%22%2F%3E%3Cpath%20d%3D%22M20%2C36.4%2C6.7%2C23.1l3.6-3.6L20%2C29.4%2C37.7%2C11.5l3.6%2C3.6Z%22%20fill%3D%22%230079be%22%2F%3E%3C%2Fsvg%3E");--terra-form-select-option-icon-add-background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22%230079be%22%20d%3D%22M48%2021H27V0h-6v21H0v6h21v21h6V27h21z%22%2F%3E%3C%2Fsvg%3E");--terra-form-select-option-icon-background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Crect%20width%3D%2248%22%20height%3D%2248%22%20rx%3D%226%22%20ry%3D%226%22%20fill%3D%22%231c1f21%22%20opacity%3D%220.12%22%2F%3E%3Cpath%20d%3D%22M20%2C36.4%2C6.7%2C23.1l3.6-3.6L20%2C29.4%2C37.7%2C11.5l3.6%2C3.6Z%22%20fill%3D%22%230087d1%22%2F%3E%3C%2Fsvg%3E")}._Option-module__option___CcnOW{-ms-flex-align:center;align-items:center;color:#1c1f21;color:var(--terra-form-select-option-color, #1c1f21);display:-ms-flexbox;display:flex;font-size:1.143rem;font-size:var(--terra-form-select-option-font-size, 1.143rem);line-height:1.125;line-height:var(--terra-form-select-option-line-height, 1.125);outline:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}[dir] ._Option-module__option___CcnOW{cursor:pointer;padding:0.286rem 0.714rem;padding:var(--terra-form-select-option-padding, 0.286rem 0.714rem)}._Option-module__is-default___T3knK:active:not(._Option-module__is-disabled___gz96S){color:#fff;color:var(--terra-form-select-default-option-active-color, #fff);font-weight:normal;font-weight:var(--terra-form-select-default-option-active-font-weight, normal)}[dir] ._Option-module__is-default___T3knK:active:not(._Option-module__is-disabled___gz96S){background-color:#0079be;background-color:var(--terra-form-select-default-option-active-background-color, #0079be)}._Option-module__is-default___T3knK._Option-module__is-selected___uhiMe{color:#fff;color:var(--terra-form-select-default-option-selected-color, #fff);font-weight:normal;font-weight:var(--terra-form-select-default-option-selected-font-weight, normal)}[dir] ._Option-module__is-default___T3knK._Option-module__is-selected___uhiMe{background-color:#0079be;background-color:var(--terra-form-select-default-option-selected-background-color, #0079be)}[dir] ._Option-module__is-default___T3knK._Option-module__is-selected___uhiMe._Option-module__is-active___GWZR8{background-color:#0065a3;background-color:var(--terra-form-select-default-option-selected-active-background-color, #0065a3)}._Option-module__display___Dcqir{display:inline-block;-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden;word-break:break-word;word-wrap:break-word}._Option-module__icon___K3P73{display:inline-block;-ms-flex-negative:0;flex-shrink:0;height:1.143rem;height:var(--terra-form-select-option-icon-height, 1.143rem);visibility:hidden;width:1.143rem;width:var(--terra-form-select-option-icon-width, 1.143rem)}[dir] ._Option-module__icon___K3P73{background-position:center;background-repeat:no-repeat;background-size:contain}[dir=ltr] ._Option-module__icon___K3P73{margin-right:0.714rem;margin-right:var(--terra-form-select-option-icon-margin-right, 0.714rem)}[dir=rtl] ._Option-module__icon___K3P73{margin-left:0.714rem;margin-left:var(--terra-form-select-option-icon-margin-right, 0.714rem)}[dir] ._Option-module__is-checkable___CUukS>._Option-module__icon___K3P73{background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Crect%20width%3D%2248%22%20height%3D%2248%22%20rx%3D%226%22%20ry%3D%226%22%20fill%3D%22%231c1f21%22%20opacity%3D%220.12%22%2F%3E%3Cpath%20d%3D%22M20%2C36.4%2C6.7%2C23.1l3.6-3.6L20%2C29.4%2C37.7%2C11.5l3.6%2C3.6Z%22%20fill%3D%22%230087d1%22%2F%3E%3C%2Fsvg%3E");background:var(--terra-form-select-option-icon-background, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Crect%20width%3D%2248%22%20height%3D%2248%22%20rx%3D%226%22%20ry%3D%226%22%20fill%3D%22%231c1f21%22%20opacity%3D%220.12%22%2F%3E%3Cpath%20d%3D%22M20%2C36.4%2C6.7%2C23.1l3.6-3.6L20%2C29.4%2C37.7%2C11.5l3.6%2C3.6Z%22%20fill%3D%22%230087d1%22%2F%3E%3C%2Fsvg%3E"))}[dir] ._Option-module__is-selected___uhiMe._Option-module__is-active___GWZR8>._Option-module__icon___K3P73{background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Crect%20width%3D%2248%22%20height%3D%2248%22%20rx%3D%226%22%20ry%3D%226%22%20fill%3D%22%23a3dcfd%22%20opacity%3D%220.5%22%2F%3E%3Cpath%20d%3D%22M20%2C36.4%2C6.7%2C23.1l3.6-3.6L20%2C29.4%2C37.7%2C11.5l3.6%2C3.6Z%22%20fill%3D%22%230079be%22%2F%3E%3C%2Fsvg%3E");background:var(--terra-form-select-option-icon-active-background, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Crect%20width%3D%2248%22%20height%3D%2248%22%20rx%3D%226%22%20ry%3D%226%22%20fill%3D%22%23a3dcfd%22%20opacity%3D%220.5%22%2F%3E%3Cpath%20d%3D%22M20%2C36.4%2C6.7%2C23.1l3.6-3.6L20%2C29.4%2C37.7%2C11.5l3.6%2C3.6Z%22%20fill%3D%22%230079be%22%2F%3E%3C%2Fsvg%3E"))}._Option-module__is-checkable___CUukS:active>._Option-module__icon___K3P73{visibility:visible}[dir] ._Option-module__is-checkable___CUukS:active>._Option-module__icon___K3P73{background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Crect%20width%3D%2248%22%20height%3D%2248%22%20rx%3D%226%22%20ry%3D%226%22%20fill%3D%22%23a3dcfd%22%20opacity%3D%220.8%22%2F%3E%3Cpath%20d%3D%22M20%2C36.4%2C6.7%2C23.1l3.6-3.6L20%2C29.4%2C37.7%2C11.5l3.6%2C3.6Z%22%20fill%3D%22%230079be%22%2F%3E%3C%2Fsvg%3E");background:var(--terra-form-select-option-checkable-active-icon-background, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Crect%20width%3D%2248%22%20height%3D%2248%22%20rx%3D%226%22%20ry%3D%226%22%20fill%3D%22%23a3dcfd%22%20opacity%3D%220.8%22%2F%3E%3Cpath%20d%3D%22M20%2C36.4%2C6.7%2C23.1l3.6-3.6L20%2C29.4%2C37.7%2C11.5l3.6%2C3.6Z%22%20fill%3D%22%230079be%22%2F%3E%3C%2Fsvg%3E"))}._Option-module__is-add-option___2wSCS>._Option-module__icon___K3P73{visibility:visible}[dir] ._Option-module__is-add-option___2wSCS>._Option-module__icon___K3P73{background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22%230079be%22%20d%3D%22M48%2021H27V0h-6v21H0v6h21v21h6V27h21z%22%2F%3E%3C%2Fsvg%3E");background:var(--terra-form-select-option-icon-add-background, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22%230079be%22%20d%3D%22M48%2021H27V0h-6v21H0v6h21v21h6V27h21z%22%2F%3E%3C%2Fsvg%3E"))}._Option-module__is-selected___uhiMe>._Option-module__icon___K3P73{visibility:visible}[dir] ._Option-module__is-active___GWZR8{background-color:#ebf6fd;background-color:var(--terra-form-select-option-active-background-color, #ebf6fd)}._Option-module__is-disabled___gz96S{color:rgba(28, 31, 33, 0.25);color:var(--terra-form-select-option-disabled-color, rgba(28, 31, 33, 0.25));pointer-events:none}[dir] ._Option-module__is-disabled___gz96S{cursor:not-allowed} +._Menu-module__clinical-lowlight-theme___O31FO{--terra-form-select-menu-margin: 0;--terra-form-select-menu-padding: 0 0 0.142867rem}._Menu-module__orion-fusion-theme___MHRM6{--terra-form-select-menu-margin: 0;--terra-form-select-menu-padding: 0}._Menu-module__menu___\+Pw-Z{list-style:none;outline:none;overflow:hidden}[dir] ._Menu-module__menu___\+Pw-Z{margin:0;margin:var(--terra-form-select-menu-margin, 0);padding:0 0 0.142857rem;padding:var(--terra-form-select-menu-padding, 0 0 0.142857rem)} +._OptGroup-module__clinical-lowlight-theme___FDA05{--terra-form-select-optgroup-margin: 0;--terra-form-select-optgroup-padding: 0;--terra-form-select-first-optgroup-label-padding: 0.38461538461538464rem;--terra-form-select-optgroup-label-border-top: 1px solid #141719;--terra-form-select-optgroup-label-margin: 0;--terra-form-select-optgroup-label-background-color: #141719;--terra-form-select-optgroup-label-color: #6f7477;--terra-form-select-optgroup-label-font-size: 0.9286rem;--terra-form-select-optgroup-label-font-style: normal;--terra-form-select-optgroup-label-font-weight: bold;--terra-form-select-optgroup-label-line-height: 1.23;--terra-form-select-optgroup-label-padding: 0.38461538461538464rem;--terra-form-select-optgroup-options-margin: 0;--terra-form-select-optgroup-options-padding: 0}._OptGroup-module__orion-fusion-theme___s0zTY{--terra-form-select-optgroup-margin: 0 0 1rem 0;--terra-form-select-optgroup-padding: 0;--terra-form-select-first-optgroup-label-padding: 0.5rem 0.75rem 0.5rem 0.75rem;--terra-form-select-optgroup-label-border-top: 1px solid #dedfe0;--terra-form-select-optgroup-label-margin: 0;--terra-form-select-optgroup-label-background-color: transparent;--terra-form-select-optgroup-label-color: #767676;--terra-form-select-optgroup-label-font-size: 1rem;--terra-form-select-optgroup-label-font-style: normal;--terra-form-select-optgroup-label-font-weight: normal;--terra-form-select-optgroup-label-line-height: 1.41667;--terra-form-select-optgroup-label-padding: 0.5rem 0.75rem 0.5rem 0.75rem;--terra-form-select-optgroup-options-margin: 0;--terra-form-select-optgroup-options-padding: 0}._OptGroup-module__opt-group___he2fg{list-style:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}[dir] ._OptGroup-module__opt-group___he2fg{margin:0;margin:var(--terra-form-select-optgroup-margin, 0);padding:0;padding:var(--terra-form-select-optgroup-padding, 0)}[dir] ._OptGroup-module__opt-group___he2fg:first-child>._OptGroup-module__label___1bUfY{padding:0.3846153846rem;padding:var(--terra-form-select-first-optgroup-label-padding, 0.3846153846rem)}[dir] ._OptGroup-module__opt-group___he2fg:not(:first-child)>._OptGroup-module__label___1bUfY{border-top:0.1428571429rem solid #dedfe0;border-top:var(--terra-form-select-optgroup-label-border-top, 0.1428571429rem solid #dedfe0);margin:0;margin:var(--terra-form-select-optgroup-label-margin, 0)}._OptGroup-module__label___1bUfY{color:#64696c;color:var(--terra-form-select-optgroup-label-color, #64696c);font-size:0.9286rem;font-size:var(--terra-form-select-optgroup-label-font-size, 0.9286rem);font-style:normal;font-style:var(--terra-form-select-optgroup-label-font-style, normal);font-weight:bold;font-weight:var(--terra-form-select-optgroup-label-font-weight, bold);line-height:1.23;line-height:var(--terra-form-select-optgroup-label-line-height, 1.23);word-break:break-all}[dir] ._OptGroup-module__label___1bUfY{background-color:#f4f4f4;background-color:var(--terra-form-select-optgroup-label-background-color, #f4f4f4);padding:0.3846153846rem;padding:var(--terra-form-select-optgroup-label-padding, 0.3846153846rem)}._OptGroup-module__options___zGW4-{list-style:none}[dir] ._OptGroup-module__options___zGW4-{margin:0;margin:var(--terra-form-select-optgroup-options-margin, 0);padding:0;padding:var(--terra-form-select-optgroup-options-padding, 0)}._OptGroup-module__is-disabled___0HwTk{pointer-events:none} +._Frame-module__clinical-lowlight-theme___XDugl{--terra-form-select-background-color: #222a2e;--terra-form-select-border-radius: 3px;--terra-form-select-color: #b2b5b6;--terra-form-select-font-size: 1.143rem;--terra-form-select-line-height: 1.75;--terra-form-select-background-size: 0 0;--terra-form-select-border: 1px solid #181b1d;--terra-form-select-padding-bottom: 0;--terra-form-select-padding-left: 0.42857rem;--terra-form-select-padding-right: 0;--terra-form-select-padding-top: 0;--terra-form-select-focus-background-image: none;--terra-form-select-focus-background-size: 0 0;--terra-form-select-focus-border-color: #004c76;--terra-form-select-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-select-focus-transition-duration: 0s;--terra-form-select-focus-transition-timing-function: ease;--terra-form-select-open-border-top-left-radius: 3px;--terra-form-select-open-border-top-right-radius: 3px;--terra-form-select-above-border-bottom-left-radius: 3px;--terra-form-select-above-border-bottom-right-radius: 3px;--terra-form-select-hover-border-color: #004c76;--terra-form-select-hover-color: #b2b5b6;--terra-form-select-focus-hover-border-color: #004c76;--terra-form-select-incomplete-background-color: #464232;--terra-form-select-incomplete-focus-background-color: #464232;--terra-form-select-incomplete-hover-background-color: #464232;--terra-form-select-incomplete-disabled-background-color: #464232;--terra-form-select-invalid-background-color: #222a2e;--terra-form-select-invalid-background-image: none;--terra-form-select-invalid-border-color: #fb4c4c;--terra-form-select-invalid-box-shadow: 0 0 0 1px #fb4c4c;--terra-form-select-invalid-focus-background-size: 0 0;--terra-form-select-invalid-focus-border-color: #fb4c4c;--terra-form-select-invalid-focus-box-shadow: 0 0 0 2px #fb4c4c;--terra-form-select-invalid-hover-border-color: #fb4c4c;--terra-form-select-arrow-height: 0.715rem;--terra-form-select-arrow-width: 1rem;--terra-form-select-disabled-background-color: #222a2e;--terra-form-select-disabled-border-color: #202427;--terra-form-select-disabled-color: #b2b5b6;--terra-form-select-disabled-opacity: 0.3;--terra-form-select-disabled-placeholder-color: #6f7477;--terra-form-select-disabled-placeholder-font-style: normal;--terra-form-select-toggle-padding: 0 0.42857rem;--terra-form-select-content-padding-bottom: 0.21428571428571427rem;--terra-form-select-content-padding-left: 0;--terra-form-select-content-padding-right: 0;--terra-form-select-content-padding-top: 0;--terra-form-select-search-focus-font-size: 1.143rem;--terra-form-select-search-focus-height: 1.5715rem;--terra-form-select-search-focus-margin-top: 0.21428571428571427rem;--terra-form-select-search-placeholder-color: #6f7477;--terra-form-select-search-placeholder-font-size: 1.143rem;--terra-form-select-search-placeholder-font-style: normal;--terra-form-select-border-bottom-left-radius: 3px;--terra-form-select-border-top-left-radius: 3px;--terra-form-select-toggle-border: 1px solid #181b1d;--terra-form-select-border-bottom-right-radius: 3px;--terra-form-select-border-top-right-radius: 3px;--terra-form-select-toggle-hover-background-color: #222a2e;--terra-form-select-toggle-invalid-border-color: #fb4c4c;--terra-form-select-toggle-invalid-box-shadow: 0 0 0 1px #fb4c4c;--terra-form-select-toggle-invalid-focus-border-color: #004c76;--terra-form-select-toggle-invalid-focus-box-shadow: 0 0 0 1px #004c76, 0 0 0 1px #004c76;--terra-form-select-arrow-background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%23b2b5b6%22%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E");--terra-form-select-disabled-arrow-background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%23b2b5b6%22%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E");--terra-form-select-invalid-arrow-background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%23b2b5b6%22%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E")}._Frame-module__orion-fusion-theme___UIUSA{--terra-form-select-background-color: #fff;--terra-form-select-border-radius: 3px;--terra-form-select-color: #1c1f21;--terra-form-select-font-size: 1rem;--terra-form-select-line-height: 2;--terra-form-select-background-size: 0 0;--terra-form-select-border: 1px solid #dedfe0;--terra-form-select-padding-bottom: 0;--terra-form-select-padding-left: 0.25rem;--terra-form-select-padding-right: 0;--terra-form-select-padding-top: 0;--terra-form-select-focus-background-image: none;--terra-form-select-focus-background-size: 0 0;--terra-form-select-focus-border-color: #4cb2e9;--terra-form-select-focus-box-shadow: 0 0 4px #a6d9f4;--terra-form-select-focus-transition-duration: 0s;--terra-form-select-focus-transition-timing-function: ease;--terra-form-select-open-border-top-left-radius: 3px;--terra-form-select-open-border-top-right-radius: 3px;--terra-form-select-above-border-bottom-left-radius: 3px;--terra-form-select-above-border-bottom-right-radius: 3px;--terra-form-select-hover-border-color: #dedfe0;--terra-form-select-hover-color: #1c1f21;--terra-form-select-focus-hover-border-color: #4cb2e9;--terra-form-select-incomplete-background-color: #fefd9a;--terra-form-select-incomplete-focus-background-color: #fefd9a;--terra-form-select-incomplete-hover-background-color: #fefd9a;--terra-form-select-incomplete-disabled-background-color: #fefd9a;--terra-form-select-invalid-background-color: none;--terra-form-select-invalid-background-image: none;--terra-form-select-invalid-border-color: #dedfe0;--terra-form-select-invalid-box-shadow: none;--terra-form-select-invalid-focus-background-size: 0 0;--terra-form-select-invalid-focus-border-color: #4cb2e9;--terra-form-select-invalid-focus-box-shadow: 0 0 4px #a6d9f4;--terra-form-select-invalid-hover-border-color: #4cb2e9;--terra-form-select-arrow-height: 0.66667rem;--terra-form-select-arrow-width: 0.66667rem;--terra-form-select-disabled-background-color: rgba(111, 116, 119, 0.2);--terra-form-select-disabled-border-color: #dedfe0;--terra-form-select-disabled-color: #1c1f21;--terra-form-select-disabled-opacity: 0.4;--terra-form-select-disabled-placeholder-color: #767676;--terra-form-select-disabled-placeholder-font-style: normal;--terra-form-select-toggle-padding: 0.5rem;--terra-form-select-content-padding-bottom: 0.25rem;--terra-form-select-content-padding-left: 0;--terra-form-select-content-padding-right: 0;--terra-form-select-content-padding-top: 0;--terra-form-select-search-focus-font-size: 1rem;--terra-form-select-search-focus-height: 1.5rem;--terra-form-select-search-focus-margin-top: 0.25rem;--terra-form-select-search-placeholder-color: #707070;--terra-form-select-search-placeholder-font-size: 1rem;--terra-form-select-search-placeholder-font-style: normal;--terra-form-select-border-bottom-left-radius: 3px;--terra-form-select-border-top-left-radius: 3px;--terra-form-select-toggle-border: 1px solid #dedfe0;--terra-form-select-border-bottom-right-radius: 3px;--terra-form-select-border-top-right-radius: 3px;--terra-form-select-toggle-hover-background-color: none;--terra-form-select-toggle-invalid-border-color: #dedfe0;--terra-form-select-toggle-invalid-box-shadow: none;--terra-form-select-toggle-invalid-focus-border-color: #dedfe0;--terra-form-select-toggle-invalid-focus-box-shadow: none;--terra-form-select-arrow-background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E");--terra-form-select-disabled-arrow-background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E");--terra-form-select-invalid-arrow-background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E")}._Frame-module__select___awpyI{color:#1c1f21;color:var(--terra-form-select-color, #1c1f21);display:-ms-flexbox;display:flex;font-size:1.143rem;font-size:var(--terra-form-select-font-size, 1.143rem);line-height:1.75;line-height:var(--terra-form-select-line-height, 1.75);position:relative}[dir] ._Frame-module__select___awpyI{background-color:#fff;background-color:var(--terra-form-select-background-color, #fff);border-radius:3px;border-radius:var(--terra-form-select-border-radius, 3px)}[dir] ._Frame-module__default___NFAkp{background-size:0 0;background-size:var(--terra-form-select-background-size, 0 0);border:1px solid #dedfe0;border:var(--terra-form-select-border, 1px solid #dedfe0);border-radius:3px;border-radius:var(--terra-form-select-border-radius, 3px);cursor:pointer;padding-bottom:0;padding-bottom:var(--terra-form-select-padding-bottom, 0);padding-top:0;padding-top:var(--terra-form-select-padding-top, 0)}[dir=ltr] ._Frame-module__default___NFAkp{padding-left:0.42857rem;padding-left:var(--terra-form-select-padding-left, 0.42857rem);padding-right:0;padding-right:var(--terra-form-select-padding-right, 0)}[dir=rtl] ._Frame-module__default___NFAkp{padding-right:0.42857rem;padding-right:var(--terra-form-select-padding-left, 0.42857rem);padding-left:0;padding-left:var(--terra-form-select-padding-right, 0)}._Frame-module__default___NFAkp>._Frame-module__display___KUUsW{display:inline-block;-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}[dir] ._Frame-module__default___NFAkp>._Frame-module__display___KUUsW{border:0}._Frame-module__default___NFAkp._Frame-module__is-focused___96IuB{outline:none}[dir] ._Frame-module__default___NFAkp._Frame-module__is-focused___96IuB{background-image:none;background-image:var(--terra-form-select-focus-background-image, none);background-repeat:no-repeat;background-size:0 0;background-size:var(--terra-form-select-focus-background-size, 0 0);border-color:#4cb2e9;border-color:var(--terra-form-select-focus-border-color, #4cb2e9);box-shadow:0 0 0 2px rgba(76, 178, 233, 0.25);box-shadow:var(--terra-form-select-focus-box-shadow, 0 0 0 2px rgba(76, 178, 233, 0.25));transition-duration:0s;transition-duration:var(--terra-form-select-focus-transition-duration, 0s);transition-property:background-size;transition-timing-function:ease;transition-timing-function:var(--terra-form-select-focus-transition-timing-function, ease)}[dir=ltr] ._Frame-module__default___NFAkp._Frame-module__is-focused___96IuB{background-position:0 100%}[dir=rtl] ._Frame-module__default___NFAkp._Frame-module__is-focused___96IuB{background-position:100% 100%}[dir] ._Frame-module__default___NFAkp._Frame-module__is-open___oUqcK{box-shadow:none}[dir=ltr] ._Frame-module__default___NFAkp._Frame-module__is-open___oUqcK{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:3px;border-top-left-radius:var(--terra-form-select-open-border-top-left-radius, 3px);border-top-right-radius:3px;border-top-right-radius:var(--terra-form-select-open-border-top-right-radius, 3px)}[dir=rtl] ._Frame-module__default___NFAkp._Frame-module__is-open___oUqcK{border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-right-radius:3px;border-top-right-radius:var(--terra-form-select-open-border-top-left-radius, 3px);border-top-left-radius:3px;border-top-left-radius:var(--terra-form-select-open-border-top-right-radius, 3px)}[dir=ltr] ._Frame-module__default___NFAkp._Frame-module__is-above___PmOzN{border-bottom-left-radius:3px;border-bottom-left-radius:var(--terra-form-select-above-border-bottom-left-radius, 3px);border-bottom-right-radius:3px;border-bottom-right-radius:var(--terra-form-select-above-border-bottom-right-radius, 3px);border-top-left-radius:0;border-top-right-radius:0}[dir=rtl] ._Frame-module__default___NFAkp._Frame-module__is-above___PmOzN{border-bottom-right-radius:3px;border-bottom-right-radius:var(--terra-form-select-above-border-bottom-left-radius, 3px);border-bottom-left-radius:3px;border-bottom-left-radius:var(--terra-form-select-above-border-bottom-right-radius, 3px);border-top-right-radius:0;border-top-left-radius:0}._Frame-module__default___NFAkp:hover{color:var(--terra-form-select-hover-color)}[dir] ._Frame-module__default___NFAkp:hover{border-color:#dedfe0;border-color:var(--terra-form-select-hover-border-color, #dedfe0)}[dir] ._Frame-module__default___NFAkp._Frame-module__is-focused___96IuB:hover{border-color:#4cb2e9;border-color:var(--terra-form-select-focus-hover-border-color, #4cb2e9)}[dir] ._Frame-module__default___NFAkp._Frame-module__is-incomplete___T77OD{background-color:#ffc;background-color:var(--terra-form-select-incomplete-background-color, #ffc)}[dir] ._Frame-module__default___NFAkp._Frame-module__is-incomplete___T77OD._Frame-module__is-focused___96IuB{background-color:#ffc;background-color:var(--terra-form-select-incomplete-focus-background-color, #ffc)}[dir] ._Frame-module__default___NFAkp._Frame-module__is-incomplete___T77OD:hover{background-color:#ffc;background-color:var(--terra-form-select-incomplete-hover-background-color, #ffc)}[dir] ._Frame-module__default___NFAkp._Frame-module__is-incomplete___T77OD._Frame-module__is-disabled___3m5sf{background-color:#ffc;background-color:var(--terra-form-select-incomplete-disabled-background-color, #ffc)}[dir] ._Frame-module__default___NFAkp._Frame-module__is-invalid___u9LRn{background-color:none;background-color:var(--terra-form-select-invalid-background-color, none);background-image:none;background-image:var(--terra-form-select-invalid-background-image, none);border-color:#e50000;border-color:var(--terra-form-select-invalid-border-color, #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-select-invalid-box-shadow, 0 0 0 1px #e50000)}[dir] ._Frame-module__default___NFAkp._Frame-module__is-invalid___u9LRn._Frame-module__is-focused___96IuB{background-size:0 0;background-size:var(--terra-form-select-invalid-focus-background-size, 0 0);border-color:#e50000;border-color:var(--terra-form-select-invalid-focus-border-color, #e50000);box-shadow:0 0 0 2px #e50000;box-shadow:var(--terra-form-select-invalid-focus-box-shadow, 0 0 0 2px #e50000)}[dir] ._Frame-module__default___NFAkp._Frame-module__is-invalid___u9LRn:hover{border-color:#e50000;border-color:var(--terra-form-select-invalid-hover-border-color, #e50000)}._Frame-module__display___KUUsW{overflow:hidden;position:relative}._Frame-module__arrow-icon___TvaP-{display:inline-block;height:0.715rem;height:var(--terra-form-select-arrow-height, 0.715rem);width:1rem;width:var(--terra-form-select-arrow-width, 1rem)}[dir] ._Frame-module__arrow-icon___TvaP-{background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E");background:var(--terra-form-select-arrow-background, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E"));background-position:center;background-repeat:no-repeat;background-size:contain}._Frame-module__is-disabled___3m5sf{color:#1c1f21;color:var(--terra-form-select-disabled-color, #1c1f21);opacity:0.4;opacity:var(--terra-form-select-disabled-opacity, 0.4);pointer-events:none}[dir] ._Frame-module__is-disabled___3m5sf{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-select-disabled-background-color, rgba(111, 116, 119, 0.2));border-color:#dedfe0;border-color:var(--terra-form-select-disabled-border-color, #dedfe0);cursor:default}._Frame-module__is-disabled___3m5sf ._Frame-module__arrow-icon___TvaP-{display:inline-block}[dir] ._Frame-module__is-disabled___3m5sf ._Frame-module__arrow-icon___TvaP-{background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E");background:var(--terra-form-select-disabled-arrow-background, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E"));background-position:center;background-repeat:no-repeat;background-size:contain}._Frame-module__is-disabled___3m5sf ._Frame-module__search-input___iJz-I:-ms-input-placeholder{color:rgba(21, 33, 41, 0.61);color:var(--terra-form-select-disabled-placeholder-color, rgba(21, 33, 41, 0.61));font-style:var(--terra-form-select-disabled-placeholder-font-style)}._Frame-module__is-disabled___3m5sf ._Frame-module__search-input___iJz-I::placeholder,._Frame-module__is-disabled___3m5sf ._Frame-module__placeholder___6frMX{color:rgba(21, 33, 41, 0.61);color:var(--terra-form-select-disabled-placeholder-color, rgba(21, 33, 41, 0.61));font-style:var(--terra-form-select-disabled-placeholder-font-style)}._Frame-module__toggle___wUsow{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0}[dir] ._Frame-module__toggle___wUsow{cursor:pointer;padding:0 0.42857rem;padding:var(--terra-form-select-toggle-padding, 0 0.42857rem)}[dir=ltr] ._Frame-module__toggle___wUsow{margin-left:auto}[dir=rtl] ._Frame-module__toggle___wUsow{margin-right:auto}[dir] ._Frame-module__toggle-narrow___BKi4x{padding:0}._Frame-module__toggle-btn___0Y3s\+{height:100%;line-height:0}[dir] ._Frame-module__toggle-btn___0Y3s\+{background-color:rgba(0,0,0,0);border:0;margin:0;padding:0 0.42857rem;padding:var(--terra-form-select-toggle-padding, 0 0.42857rem)}[dir] ._Frame-module__toggle-btn___0Y3s\+::-moz-focus-inner{border:0;padding:0}._Frame-module__content___Z0o84{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style-type:none;overflow:hidden}[dir] ._Frame-module__content___Z0o84{margin:0;padding-bottom:0.2142857143rem;padding-bottom:var(--terra-form-select-content-padding-bottom, 0.2142857143rem);padding-top:0;padding-top:var(--terra-form-select-content-padding-top, 0)}[dir=ltr] ._Frame-module__content___Z0o84{padding-left:0;padding-left:var(--terra-form-select-content-padding-left, 0);padding-right:0;padding-right:var(--terra-form-select-content-padding-right, 0)}[dir=rtl] ._Frame-module__content___Z0o84{padding-right:0;padding-right:var(--terra-form-select-content-padding-left, 0);padding-left:0;padding-left:var(--terra-form-select-content-padding-right, 0)}._Frame-module__content___Z0o84>li:first-child{display:-ms-flexbox;display:flex;-ms-flex:0 1 auto;flex:0 1 auto}._Frame-module__display-content___9c2ye{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style-type:none;overflow:hidden}[dir] ._Frame-module__display-content___9c2ye{margin:0;padding:0}._Frame-module__search-input___iJz-I._Frame-module__is-hidden___y8oWx{height:.1px;opacity:0;width:1px}[dir] ._Frame-module__search-input___iJz-I._Frame-module__is-hidden___y8oWx{margin:0}._Frame-module__search-wrapper___6U2Ka,._Frame-module__content___Z0o84>li._Frame-module__search-wrapper___6U2Ka{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;min-width:0}._Frame-module__search-input___iJz-I,._Frame-module__search-input___iJz-I:focus{color:inherit;-ms-flex:1 1 auto;flex:1 1 auto;font-family:inherit;font-size:1.143rem;font-size:var(--terra-form-select-search-focus-font-size, 1.143rem);height:1.375em;height:var(--terra-form-select-search-focus-height, 1.375em);max-width:100%;min-width:0;opacity:1;outline:none;text-overflow:ellipsis;width:auto}[dir] ._Frame-module__search-input___iJz-I, [dir] ._Frame-module__search-input___iJz-I:focus{background:rgba(0,0,0,0);border:0;margin-top:0.2142857143rem;margin-top:var(--terra-form-select-search-focus-margin-top, 0.2142857143rem);padding:0}[dir] ._Frame-module__search-input___iJz-I:invalid{box-shadow:none}._Frame-module__select___awpyI ::-ms-clear{display:none;height:0;width:0}._Frame-module__search-input___iJz-I:-ms-input-placeholder{color:rgba(21, 33, 41, 0.62);color:var(--terra-form-select-search-placeholder-color, rgba(21, 33, 41, 0.62));font-size:1.143rem;font-size:var(--terra-form-select-search-placeholder-font-size, 1.143rem);font-style:var(--terra-form-select-search-placeholder-font-style);opacity:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._Frame-module__search-input___iJz-I::placeholder,._Frame-module__placeholder___6frMX{color:rgba(21, 33, 41, 0.62);color:var(--terra-form-select-search-placeholder-color, rgba(21, 33, 41, 0.62));font-size:1.143rem;font-size:var(--terra-form-select-search-placeholder-font-size, 1.143rem);font-style:var(--terra-form-select-search-placeholder-font-style);opacity:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._Frame-module__tag___Topf8>._Frame-module__display___KUUsW,._Frame-module__search___2IY42>._Frame-module__display___KUUsW,._Frame-module__combobox___BIdmg>._Frame-module__display___KUUsW,._Frame-module__multiple___VBnib>._Frame-module__display___KUUsW{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto}[dir] ._Frame-module__tag___Topf8>._Frame-module__display___KUUsW, [dir] ._Frame-module__search___2IY42>._Frame-module__display___KUUsW, [dir] ._Frame-module__combobox___BIdmg>._Frame-module__display___KUUsW, [dir] ._Frame-module__multiple___VBnib>._Frame-module__display___KUUsW{background-size:0 0;background-size:var(--terra-form-select-background-size, 0 0);border:1px solid #dedfe0;border:var(--terra-form-select-border, 1px solid #dedfe0);cursor:text;padding-bottom:0;padding-bottom:var(--terra-form-select-padding-bottom, 0);padding-top:0;padding-top:var(--terra-form-select-padding-top, 0)}[dir=ltr] ._Frame-module__tag___Topf8>._Frame-module__display___KUUsW, [dir=ltr] ._Frame-module__search___2IY42>._Frame-module__display___KUUsW, [dir=ltr] ._Frame-module__combobox___BIdmg>._Frame-module__display___KUUsW, [dir=ltr] ._Frame-module__multiple___VBnib>._Frame-module__display___KUUsW{border-bottom-left-radius:3px;border-bottom-left-radius:var(--terra-form-select-border-bottom-left-radius, 3px);border-top-left-radius:3px;border-top-left-radius:var(--terra-form-select-border-top-left-radius, 3px);padding-left:0.42857rem;padding-left:var(--terra-form-select-padding-left, 0.42857rem);padding-right:0;padding-right:var(--terra-form-select-padding-right, 0)}[dir=rtl] ._Frame-module__tag___Topf8>._Frame-module__display___KUUsW, [dir=rtl] ._Frame-module__search___2IY42>._Frame-module__display___KUUsW, [dir=rtl] ._Frame-module__combobox___BIdmg>._Frame-module__display___KUUsW, [dir=rtl] ._Frame-module__multiple___VBnib>._Frame-module__display___KUUsW{border-bottom-right-radius:3px;border-bottom-right-radius:var(--terra-form-select-border-bottom-left-radius, 3px);border-top-right-radius:3px;border-top-right-radius:var(--terra-form-select-border-top-left-radius, 3px);padding-right:0.42857rem;padding-right:var(--terra-form-select-padding-left, 0.42857rem);padding-left:0;padding-left:var(--terra-form-select-padding-right, 0)}._Frame-module__tag___Topf8>._Frame-module__display___KUUsW:hover,._Frame-module__search___2IY42>._Frame-module__display___KUUsW:hover,._Frame-module__combobox___BIdmg>._Frame-module__display___KUUsW:hover,._Frame-module__multiple___VBnib>._Frame-module__display___KUUsW:hover{color:var(--terra-form-select-hover-color)}[dir] ._Frame-module__tag___Topf8>._Frame-module__display___KUUsW:hover, [dir] ._Frame-module__search___2IY42>._Frame-module__display___KUUsW:hover, [dir] ._Frame-module__combobox___BIdmg>._Frame-module__display___KUUsW:hover, [dir] ._Frame-module__multiple___VBnib>._Frame-module__display___KUUsW:hover{border-color:#dedfe0;border-color:var(--terra-form-select-hover-border-color, #dedfe0)}[dir] ._Frame-module__tag___Topf8>._Frame-module__toggle___wUsow, [dir] ._Frame-module__search___2IY42>._Frame-module__toggle___wUsow, [dir] ._Frame-module__combobox___BIdmg>._Frame-module__toggle___wUsow, [dir] ._Frame-module__multiple___VBnib>._Frame-module__toggle___wUsow{border:1px solid #dedfe0;border:var(--terra-form-select-toggle-border, 1px solid #dedfe0)}[dir=ltr] ._Frame-module__tag___Topf8>._Frame-module__toggle___wUsow, [dir=ltr] ._Frame-module__search___2IY42>._Frame-module__toggle___wUsow, [dir=ltr] ._Frame-module__combobox___BIdmg>._Frame-module__toggle___wUsow, [dir=ltr] ._Frame-module__multiple___VBnib>._Frame-module__toggle___wUsow{border-bottom-right-radius:3px;border-bottom-right-radius:var(--terra-form-select-border-bottom-right-radius, 3px);border-left:0;border-top-right-radius:3px;border-top-right-radius:var(--terra-form-select-border-top-right-radius, 3px)}[dir=rtl] ._Frame-module__tag___Topf8>._Frame-module__toggle___wUsow, [dir=rtl] ._Frame-module__search___2IY42>._Frame-module__toggle___wUsow, [dir=rtl] ._Frame-module__combobox___BIdmg>._Frame-module__toggle___wUsow, [dir=rtl] ._Frame-module__multiple___VBnib>._Frame-module__toggle___wUsow{border-bottom-left-radius:3px;border-bottom-left-radius:var(--terra-form-select-border-bottom-right-radius, 3px);border-right:0;border-top-left-radius:3px;border-top-left-radius:var(--terra-form-select-border-top-right-radius, 3px)}[dir] ._Frame-module__tag___Topf8>._Frame-module__toggle___wUsow:hover, [dir] ._Frame-module__search___2IY42>._Frame-module__toggle___wUsow:hover, [dir] ._Frame-module__combobox___BIdmg>._Frame-module__toggle___wUsow:hover, [dir] ._Frame-module__multiple___VBnib>._Frame-module__toggle___wUsow:hover{background-color:none;background-color:var(--terra-form-select-toggle-hover-background-color, none)}[dir] ._Frame-module__tag___Topf8>._Frame-module__toggle___wUsow._Frame-module__is-invalid___u9LRn, [dir] ._Frame-module__search___2IY42>._Frame-module__toggle___wUsow._Frame-module__is-invalid___u9LRn, [dir] ._Frame-module__combobox___BIdmg>._Frame-module__toggle___wUsow._Frame-module__is-invalid___u9LRn, [dir] ._Frame-module__multiple___VBnib>._Frame-module__toggle___wUsow._Frame-module__is-invalid___u9LRn{border-color:#e50000;border-color:var(--terra-form-select-toggle-invalid-border-color, #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-select-toggle-invalid-box-shadow, 0 0 0 1px #e50000)}[dir] ._Frame-module__tag___Topf8>._Frame-module__toggle___wUsow._Frame-module__is-invalid___u9LRn:focus, [dir] ._Frame-module__search___2IY42>._Frame-module__toggle___wUsow._Frame-module__is-invalid___u9LRn:focus, [dir] ._Frame-module__combobox___BIdmg>._Frame-module__toggle___wUsow._Frame-module__is-invalid___u9LRn:focus, [dir] ._Frame-module__multiple___VBnib>._Frame-module__toggle___wUsow._Frame-module__is-invalid___u9LRn:focus{border-color:#e50000;border-color:var(--terra-form-select-toggle-invalid-focus-border-color, #e50000);box-shadow:0 0 0 1px #e50000, 0 0 4px 3px rgba(229, 0, 0, 0.35);box-shadow:var(--terra-form-select-toggle-invalid-focus-box-shadow, 0 0 0 1px #e50000, 0 0 4px 3px rgba(229, 0, 0, 0.35))}._Frame-module__tag___Topf8._Frame-module__is-focused___96IuB>._Frame-module__display___KUUsW,._Frame-module__search___2IY42._Frame-module__is-focused___96IuB>._Frame-module__display___KUUsW,._Frame-module__combobox___BIdmg._Frame-module__is-focused___96IuB>._Frame-module__display___KUUsW,._Frame-module__multiple___VBnib._Frame-module__is-focused___96IuB>._Frame-module__display___KUUsW{outline:none}[dir] ._Frame-module__tag___Topf8._Frame-module__is-focused___96IuB>._Frame-module__display___KUUsW, [dir] ._Frame-module__search___2IY42._Frame-module__is-focused___96IuB>._Frame-module__display___KUUsW, [dir] ._Frame-module__combobox___BIdmg._Frame-module__is-focused___96IuB>._Frame-module__display___KUUsW, [dir] ._Frame-module__multiple___VBnib._Frame-module__is-focused___96IuB>._Frame-module__display___KUUsW{background-image:none;background-image:var(--terra-form-select-focus-background-image, none);background-repeat:no-repeat;background-size:0 0;background-size:var(--terra-form-select-focus-background-size, 0 0);border-color:#4cb2e9;border-color:var(--terra-form-select-focus-border-color, #4cb2e9);box-shadow:0 0 0 2px rgba(76, 178, 233, 0.25);box-shadow:var(--terra-form-select-focus-box-shadow, 0 0 0 2px rgba(76, 178, 233, 0.25));transition-duration:0s;transition-duration:var(--terra-form-select-focus-transition-duration, 0s);transition-property:background-size;transition-timing-function:ease;transition-timing-function:var(--terra-form-select-focus-transition-timing-function, ease)}[dir=ltr] ._Frame-module__tag___Topf8._Frame-module__is-focused___96IuB>._Frame-module__display___KUUsW, [dir=ltr] ._Frame-module__search___2IY42._Frame-module__is-focused___96IuB>._Frame-module__display___KUUsW, [dir=ltr] ._Frame-module__combobox___BIdmg._Frame-module__is-focused___96IuB>._Frame-module__display___KUUsW, [dir=ltr] ._Frame-module__multiple___VBnib._Frame-module__is-focused___96IuB>._Frame-module__display___KUUsW{background-position:0 100%}[dir=rtl] ._Frame-module__tag___Topf8._Frame-module__is-focused___96IuB>._Frame-module__display___KUUsW, [dir=rtl] ._Frame-module__search___2IY42._Frame-module__is-focused___96IuB>._Frame-module__display___KUUsW, [dir=rtl] ._Frame-module__combobox___BIdmg._Frame-module__is-focused___96IuB>._Frame-module__display___KUUsW, [dir=rtl] ._Frame-module__multiple___VBnib._Frame-module__is-focused___96IuB>._Frame-module__display___KUUsW{background-position:100% 100%}[dir] ._Frame-module__tag___Topf8._Frame-module__is-open___oUqcK>._Frame-module__display___KUUsW, [dir] ._Frame-module__search___2IY42._Frame-module__is-open___oUqcK>._Frame-module__display___KUUsW, [dir] ._Frame-module__combobox___BIdmg._Frame-module__is-open___oUqcK>._Frame-module__display___KUUsW, [dir] ._Frame-module__multiple___VBnib._Frame-module__is-open___oUqcK>._Frame-module__display___KUUsW{box-shadow:none}[dir=ltr] ._Frame-module__tag___Topf8._Frame-module__is-open___oUqcK>._Frame-module__display___KUUsW, [dir=ltr] ._Frame-module__search___2IY42._Frame-module__is-open___oUqcK>._Frame-module__display___KUUsW, [dir=ltr] ._Frame-module__combobox___BIdmg._Frame-module__is-open___oUqcK>._Frame-module__display___KUUsW, [dir=ltr] ._Frame-module__multiple___VBnib._Frame-module__is-open___oUqcK>._Frame-module__display___KUUsW{border-bottom-left-radius:0}[dir=rtl] ._Frame-module__tag___Topf8._Frame-module__is-open___oUqcK>._Frame-module__display___KUUsW, [dir=rtl] ._Frame-module__search___2IY42._Frame-module__is-open___oUqcK>._Frame-module__display___KUUsW, [dir=rtl] ._Frame-module__combobox___BIdmg._Frame-module__is-open___oUqcK>._Frame-module__display___KUUsW, [dir=rtl] ._Frame-module__multiple___VBnib._Frame-module__is-open___oUqcK>._Frame-module__display___KUUsW{border-bottom-right-radius:0}[dir=ltr] ._Frame-module__tag___Topf8._Frame-module__is-open___oUqcK>._Frame-module__toggle___wUsow, [dir=ltr] ._Frame-module__search___2IY42._Frame-module__is-open___oUqcK>._Frame-module__toggle___wUsow, [dir=ltr] ._Frame-module__combobox___BIdmg._Frame-module__is-open___oUqcK>._Frame-module__toggle___wUsow, [dir=ltr] ._Frame-module__multiple___VBnib._Frame-module__is-open___oUqcK>._Frame-module__toggle___wUsow{border-bottom-right-radius:0}[dir=rtl] ._Frame-module__tag___Topf8._Frame-module__is-open___oUqcK>._Frame-module__toggle___wUsow, [dir=rtl] ._Frame-module__search___2IY42._Frame-module__is-open___oUqcK>._Frame-module__toggle___wUsow, [dir=rtl] ._Frame-module__combobox___BIdmg._Frame-module__is-open___oUqcK>._Frame-module__toggle___wUsow, [dir=rtl] ._Frame-module__multiple___VBnib._Frame-module__is-open___oUqcK>._Frame-module__toggle___wUsow{border-bottom-left-radius:0}[dir=ltr] ._Frame-module__tag___Topf8._Frame-module__is-above___PmOzN>._Frame-module__display___KUUsW, [dir=ltr] ._Frame-module__search___2IY42._Frame-module__is-above___PmOzN>._Frame-module__display___KUUsW, [dir=ltr] ._Frame-module__combobox___BIdmg._Frame-module__is-above___PmOzN>._Frame-module__display___KUUsW, [dir=ltr] ._Frame-module__multiple___VBnib._Frame-module__is-above___PmOzN>._Frame-module__display___KUUsW{border-bottom-left-radius:3px;border-bottom-left-radius:var(--terra-form-select-above-border-bottom-left-radius, 3px);border-top-left-radius:0}[dir=rtl] ._Frame-module__tag___Topf8._Frame-module__is-above___PmOzN>._Frame-module__display___KUUsW, [dir=rtl] ._Frame-module__search___2IY42._Frame-module__is-above___PmOzN>._Frame-module__display___KUUsW, [dir=rtl] ._Frame-module__combobox___BIdmg._Frame-module__is-above___PmOzN>._Frame-module__display___KUUsW, [dir=rtl] ._Frame-module__multiple___VBnib._Frame-module__is-above___PmOzN>._Frame-module__display___KUUsW{border-bottom-right-radius:3px;border-bottom-right-radius:var(--terra-form-select-above-border-bottom-left-radius, 3px);border-top-right-radius:0}[dir=ltr] ._Frame-module__tag___Topf8._Frame-module__is-above___PmOzN>._Frame-module__toggle___wUsow, [dir=ltr] ._Frame-module__search___2IY42._Frame-module__is-above___PmOzN>._Frame-module__toggle___wUsow, [dir=ltr] ._Frame-module__combobox___BIdmg._Frame-module__is-above___PmOzN>._Frame-module__toggle___wUsow, [dir=ltr] ._Frame-module__multiple___VBnib._Frame-module__is-above___PmOzN>._Frame-module__toggle___wUsow{border-bottom-right-radius:3px;border-bottom-right-radius:var(--terra-form-select-above-border-bottom-right-radius, 3px);border-top-right-radius:0}[dir=rtl] ._Frame-module__tag___Topf8._Frame-module__is-above___PmOzN>._Frame-module__toggle___wUsow, [dir=rtl] ._Frame-module__search___2IY42._Frame-module__is-above___PmOzN>._Frame-module__toggle___wUsow, [dir=rtl] ._Frame-module__combobox___BIdmg._Frame-module__is-above___PmOzN>._Frame-module__toggle___wUsow, [dir=rtl] ._Frame-module__multiple___VBnib._Frame-module__is-above___PmOzN>._Frame-module__toggle___wUsow{border-bottom-left-radius:3px;border-bottom-left-radius:var(--terra-form-select-above-border-bottom-right-radius, 3px);border-top-left-radius:0}[dir] ._Frame-module__tag___Topf8._Frame-module__is-focused___96IuB:hover>._Frame-module__display___KUUsW, [dir] ._Frame-module__search___2IY42._Frame-module__is-focused___96IuB:hover>._Frame-module__display___KUUsW, [dir] ._Frame-module__combobox___BIdmg._Frame-module__is-focused___96IuB:hover>._Frame-module__display___KUUsW, [dir] ._Frame-module__multiple___VBnib._Frame-module__is-focused___96IuB:hover>._Frame-module__display___KUUsW{border-color:#4cb2e9;border-color:var(--terra-form-select-focus-hover-border-color, #4cb2e9)}[dir] ._Frame-module__tag___Topf8._Frame-module__is-incomplete___T77OD>._Frame-module__display___KUUsW, [dir] ._Frame-module__search___2IY42._Frame-module__is-incomplete___T77OD>._Frame-module__display___KUUsW, [dir] ._Frame-module__combobox___BIdmg._Frame-module__is-incomplete___T77OD>._Frame-module__display___KUUsW, [dir] ._Frame-module__multiple___VBnib._Frame-module__is-incomplete___T77OD>._Frame-module__display___KUUsW{background-color:#ffc;background-color:var(--terra-form-select-incomplete-background-color, #ffc)}[dir] ._Frame-module__tag___Topf8._Frame-module__is-incomplete___T77OD._Frame-module__is-focused___96IuB>._Frame-module__display___KUUsW, [dir] ._Frame-module__search___2IY42._Frame-module__is-incomplete___T77OD._Frame-module__is-focused___96IuB>._Frame-module__display___KUUsW, [dir] ._Frame-module__combobox___BIdmg._Frame-module__is-incomplete___T77OD._Frame-module__is-focused___96IuB>._Frame-module__display___KUUsW, [dir] ._Frame-module__multiple___VBnib._Frame-module__is-incomplete___T77OD._Frame-module__is-focused___96IuB>._Frame-module__display___KUUsW{background-color:#ffc;background-color:var(--terra-form-select-incomplete-focus-background-color, #ffc)}[dir] ._Frame-module__tag___Topf8._Frame-module__is-incomplete___T77OD:hover>._Frame-module__display___KUUsW, [dir] ._Frame-module__search___2IY42._Frame-module__is-incomplete___T77OD:hover>._Frame-module__display___KUUsW, [dir] ._Frame-module__combobox___BIdmg._Frame-module__is-incomplete___T77OD:hover>._Frame-module__display___KUUsW, [dir] ._Frame-module__multiple___VBnib._Frame-module__is-incomplete___T77OD:hover>._Frame-module__display___KUUsW{background-color:#ffc;background-color:var(--terra-form-select-incomplete-hover-background-color, #ffc)}[dir] ._Frame-module__tag___Topf8._Frame-module__is-incomplete___T77OD._Frame-module__is-disabled___3m5sf>._Frame-module__display___KUUsW, [dir] ._Frame-module__search___2IY42._Frame-module__is-incomplete___T77OD._Frame-module__is-disabled___3m5sf>._Frame-module__display___KUUsW, [dir] ._Frame-module__combobox___BIdmg._Frame-module__is-incomplete___T77OD._Frame-module__is-disabled___3m5sf>._Frame-module__display___KUUsW, [dir] ._Frame-module__multiple___VBnib._Frame-module__is-incomplete___T77OD._Frame-module__is-disabled___3m5sf>._Frame-module__display___KUUsW{background-color:#ffc;background-color:var(--terra-form-select-incomplete-disabled-background-color, #ffc)}[dir] ._Frame-module__tag___Topf8._Frame-module__is-invalid___u9LRn>._Frame-module__display___KUUsW, [dir] ._Frame-module__search___2IY42._Frame-module__is-invalid___u9LRn>._Frame-module__display___KUUsW, [dir] ._Frame-module__combobox___BIdmg._Frame-module__is-invalid___u9LRn>._Frame-module__display___KUUsW, [dir] ._Frame-module__multiple___VBnib._Frame-module__is-invalid___u9LRn>._Frame-module__display___KUUsW{background-color:none;background-color:var(--terra-form-select-invalid-background-color, none);background-image:none;background-image:var(--terra-form-select-invalid-background-image, none);border-color:#e50000;border-color:var(--terra-form-select-invalid-border-color, #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-select-invalid-box-shadow, 0 0 0 1px #e50000)}[dir] ._Frame-module__tag___Topf8._Frame-module__is-invalid___u9LRn._Frame-module__is-focused___96IuB>._Frame-module__display___KUUsW, [dir] ._Frame-module__search___2IY42._Frame-module__is-invalid___u9LRn._Frame-module__is-focused___96IuB>._Frame-module__display___KUUsW, [dir] ._Frame-module__combobox___BIdmg._Frame-module__is-invalid___u9LRn._Frame-module__is-focused___96IuB>._Frame-module__display___KUUsW, [dir] ._Frame-module__multiple___VBnib._Frame-module__is-invalid___u9LRn._Frame-module__is-focused___96IuB>._Frame-module__display___KUUsW{background-size:0 0;background-size:var(--terra-form-select-invalid-focus-background-size, 0 0);border-color:#e50000;border-color:var(--terra-form-select-invalid-focus-border-color, #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-select-invalid-focus-box-shadow, 0 0 0 1px #e50000)}[dir] ._Frame-module__tag___Topf8._Frame-module__is-invalid___u9LRn:hover>._Frame-module__display___KUUsW, [dir] ._Frame-module__search___2IY42._Frame-module__is-invalid___u9LRn:hover>._Frame-module__display___KUUsW, [dir] ._Frame-module__combobox___BIdmg._Frame-module__is-invalid___u9LRn:hover>._Frame-module__display___KUUsW, [dir] ._Frame-module__multiple___VBnib._Frame-module__is-invalid___u9LRn:hover>._Frame-module__display___KUUsW{border-color:#e50000;border-color:var(--terra-form-select-invalid-hover-border-color, #e50000)}._Frame-module__is-invalid___u9LRn ._Frame-module__arrow-icon___TvaP-{display:inline-block}[dir] ._Frame-module__is-invalid___u9LRn ._Frame-module__arrow-icon___TvaP-{background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E");background:var(--terra-form-select-invalid-arrow-background, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E"));background-position:center;background-repeat:no-repeat;background-size:contain}._Frame-module__visually-hidden-component___iXjUk{clip:rect(0 0 0 0);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}[dir] ._Frame-module__visually-hidden-component___iXjUk{border:0;margin:-1px;padding:0} diff --git a/17605-a8d2dd072b5895827bb5.js b/17605-a8d2dd072b5895827bb5.js new file mode 100644 index 0000000000..bc85dc2c5c --- /dev/null +++ b/17605-a8d2dd072b5895827bb5.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[17605,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,t,n){var o=n(64836);t.Z=void 0;var r=o(n(67294)),i=o(n(45697)),l=o(n(47166)),a=o(n(17422)),u=l.default.bind(a.default),s={name:i.default.string.isRequired,src:i.default.string,url:i.default.string,version:i.default.string.isRequired},c=function(e){var t=e.src,n=e.name,o=e.url,i=e.version,l=r.default.createElement("a",{className:u("badge"),href:o||"https://www.npmjs.org/package/".concat(n,"/v/").concat(i)},r.default.createElement("span",{className:u("badge-name")},o?"package":"npm"),r.default.createElement("span",{className:u("badge-version")},"v".concat(i))),a=t?r.default.createElement("a",{className:u("badge"),href:t},r.default.createElement("span",{className:u("badge-name")},"github"),r.default.createElement("span",{className:u("badge-version")},"source")):void 0;return r.default.createElement("div",{className:u("badge-container")},l,a)};c.propTypes=s;var d=c;t.Z=d},17422:function(e,t,n){n.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},24197:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"_Dropdown-module__clinical-lowlight-theme___ae4kC","orion-fusion-theme":"_Dropdown-module__orion-fusion-theme___YKlEn",dropdown:"_Dropdown-module__dropdown___WVhNn","is-above":"_Dropdown-module__is-above___tThDx","is-touch-accessible":"_Dropdown-module__is-touch-accessible___5hJQm"}},59478:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"_Frame-module__clinical-lowlight-theme___XDugl","orion-fusion-theme":"_Frame-module__orion-fusion-theme___UIUSA",select:"_Frame-module__select___awpyI",default:"_Frame-module__default___NFAkp",display:"_Frame-module__display___KUUsW","is-focused":"_Frame-module__is-focused___96IuB","is-open":"_Frame-module__is-open___oUqcK","is-above":"_Frame-module__is-above___PmOzN","is-incomplete":"_Frame-module__is-incomplete___T77OD","is-disabled":"_Frame-module__is-disabled___3m5sf","is-invalid":"_Frame-module__is-invalid___u9LRn","arrow-icon":"_Frame-module__arrow-icon___TvaP-","search-input":"_Frame-module__search-input___iJz-I",placeholder:"_Frame-module__placeholder___6frMX",toggle:"_Frame-module__toggle___wUsow","toggle-narrow":"_Frame-module__toggle-narrow___BKi4x","toggle-btn":"_Frame-module__toggle-btn___0Y3s+",content:"_Frame-module__content___Z0o84","display-content":"_Frame-module__display-content___9c2ye","is-hidden":"_Frame-module__is-hidden___y8oWx","search-wrapper":"_Frame-module__search-wrapper___6U2Ka",tag:"_Frame-module__tag___Topf8",search:"_Frame-module__search___2IY42",combobox:"_Frame-module__combobox___BIdmg",multiple:"_Frame-module__multiple___VBnib","visually-hidden-component":"_Frame-module__visually-hidden-component___iXjUk"}},3449:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"_Menu-module__clinical-lowlight-theme___O31FO","orion-fusion-theme":"_Menu-module__orion-fusion-theme___MHRM6",menu:"_Menu-module__menu___+Pw-Z"}},86874:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"_OptGroup-module__clinical-lowlight-theme___FDA05","orion-fusion-theme":"_OptGroup-module__orion-fusion-theme___s0zTY","opt-group":"_OptGroup-module__opt-group___he2fg",label:"_OptGroup-module__label___1bUfY",options:"_OptGroup-module__options___zGW4-","is-disabled":"_OptGroup-module__is-disabled___0HwTk"}},18510:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"_Option-module__clinical-lowlight-theme___Iyko+","orion-fusion-theme":"_Option-module__orion-fusion-theme___1uvb+",option:"_Option-module__option___CcnOW","is-default":"_Option-module__is-default___T3knK","is-disabled":"_Option-module__is-disabled___gz96S","is-selected":"_Option-module__is-selected___uhiMe","is-active":"_Option-module__is-active___GWZR8",display:"_Option-module__display___Dcqir",icon:"_Option-module__icon___K3P73","is-checkable":"_Option-module__is-checkable___CUukS","is-add-option":"_Option-module__is-add-option___2wSCS"}},10752:function(e,t){function n(){var e=this.constructor.getDerivedStateFromProps(this.props,this.state);null!=e&&this.setState(e)}function o(e){this.setState(function(t){var n=this.constructor.getDerivedStateFromProps(e,t);return null!=n?n:null}.bind(this))}function r(e,t){try{var n=this.props,o=this.state;this.props=e,this.state=t,this.__reactInternalSnapshotFlag=!0,this.__reactInternalSnapshot=this.getSnapshotBeforeUpdate(n,o)}finally{this.props=n,this.state=o}}Object.defineProperty(t,"__esModule",{value:!0}),n.__suppressDeprecationWarning=!0,o.__suppressDeprecationWarning=!0,r.__suppressDeprecationWarning=!0,t.polyfill=function(e){var t=e.prototype;if(!t||!t.isReactComponent)throw new Error("Can only polyfill class components");if("function"!=typeof e.getDerivedStateFromProps&&"function"!=typeof t.getSnapshotBeforeUpdate)return e;var i=null,l=null,a=null;if("function"==typeof t.componentWillMount?i="componentWillMount":"function"==typeof t.UNSAFE_componentWillMount&&(i="UNSAFE_componentWillMount"),"function"==typeof t.componentWillReceiveProps?l="componentWillReceiveProps":"function"==typeof t.UNSAFE_componentWillReceiveProps&&(l="UNSAFE_componentWillReceiveProps"),"function"==typeof t.componentWillUpdate?a="componentWillUpdate":"function"==typeof t.UNSAFE_componentWillUpdate&&(a="UNSAFE_componentWillUpdate"),null!==i||null!==l||null!==a){var u=e.displayName||e.name,s="function"==typeof e.getDerivedStateFromProps?"getDerivedStateFromProps()":"getSnapshotBeforeUpdate()";throw Error("Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n"+u+" uses "+s+" but also contains the following legacy lifecycles:"+(null!==i?"\n "+i:"")+(null!==l?"\n "+l:"")+(null!==a?"\n "+a:"")+"\n\nThe above lifecycles should be removed. Learn more about this warning here:\nhttps://fb.me/react-async-component-lifecycle-hooks")}if("function"==typeof e.getDerivedStateFromProps&&(t.componentWillMount=n,t.componentWillReceiveProps=o),"function"==typeof t.getSnapshotBeforeUpdate){if("function"!=typeof t.componentDidUpdate)throw new Error("Cannot polyfill getSnapshotBeforeUpdate() for components that do not define componentDidUpdate() on the prototype");t.componentWillUpdate=r;var c=t.componentDidUpdate;t.componentDidUpdate=function(e,t,n){var o=this.__reactInternalSnapshotFlag?this.__reactInternalSnapshot:n;c.call(this,e,t,o)}}return e}},15277:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=d(n(67294)),r=d(n(45697)),i=d(n(3948)),l=d(n(94184)),a=d(n(47166)),u=d(n(50026)),s=d(n(24197)),c=["children","isAbove","isEnabled","isTouchAccessible","onResize","refCallback","target"];function d(e){return e&&e.__esModule?e:{default:e}}function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var _=a.default.bind(s.default),m={children:r.default.node.isRequired,isAbove:r.default.bool,isEnabled:r.default.bool,isTouchAccessible:r.default.bool,onResize:r.default.func.isRequired,refCallback:r.default.func.isRequired,target:r.default.object.isRequired},v={vertical:"bottom",horizontal:"start"},y={vertical:"top",horizontal:"start"},b=function(e){var t=e.children,n=e.isAbove,r=e.isEnabled,a=e.isTouchAccessible,s=e.onResize,d=e.refCallback,m=e.target,b=p(e,c),h=o.default.useContext(u.default),g=o.default.useCallback((function(e){e.preventDefault()}),[]),O=(0,l.default)(_(["dropdown",{"is-above":n},{"is-touch-accessible":a},h.className]),b.className);return a?o.default.createElement("div",f({},b,{className:O,onMouseDown:g,ref:d}),t):o.default.createElement(i.default,{isOpen:!0,isEnabled:r,targetRef:function(){return m},attachmentBehavior:"none",contentAttachment:n?v:y,targetAttachment:n?y:v},o.default.createElement(i.default.Content,f({},b,{disableOnClickOutside:!0,className:O,onResize:s,onMouseDown:g,refCallback:d}),t))};b.propTypes=m,b.defaultProps={isAbove:!1,isTouchAccessible:!1};t.default=b},38011:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o,r=(o=n(44845))&&o.__esModule?o:{default:o};function i(e){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},i(e)}function l(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function a(e){for(var t=1;t1&&void 0!==arguments[1]?arguments[1]:{},t=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).style,n=e.maxHeight,o=e.width,r=e.bottom,i=e.top;return a(a({},t),{},{maxHeight:n,width:o,bottom:r,top:i})}},{key:"dropdownPosition",value:function(e,t,n,o){var r=arguments.length>4&&void 0!==arguments[4]&&arguments[4],i=a({},e).style||{},l=n.getBoundingClientRect().height,u=t.getBoundingClientRect(),s=u.bottom,c=u.width,d=u.top,f=t.getBoundingClientRect().height,p=window.innerHeight-s,_=parseInt(i.maxHeight||o,10)||1/0,m=_d,v=m?p:d,y=!m;return{width:c,maxHeight:Math.min(_,v-10),isAbove:y,isPositioned:!0,bottom:r&&y?f:void 0,top:r&&!y?"100%":void 0}}},{key:"allowsMultiSelections",value:function(e){return e.variant===r.default.MULTIPLE||e.variant===r.default.TAG}},{key:"includes",value:function(e,t){return 0!==t.trim().length&&(e.value||[]).indexOf(t)>-1}},{key:"shouldHideSearch",value:function(t,n){return!!e.allowsMultiSelections(t)&&!n.isFocused&&t.value&&t.value.length>0}},{key:"shouldPositionDropdown",value:function(e,t,n){if(!t.isOpen)return!1;var o=n.getBoundingClientRect().bottom;return!1===e.isOpen||o>window.innerHeight}},{key:"shouldAddOptionOnBlur",value:function(t,n){var o=t.onSelect,i=t.value,l=t.variant,a=n.hasSearchChanged,u=n.searchValue;return!(l!==r.default.TAG&&l!==r.default.COMBOBOX||!(l!==r.default.TAG||u.trim().length>0)||!a||!o||l===r.default.TAG&&e.includes(t,u)||l===r.default.COMBOBOX&&i===u)}},{key:"tabIndex",value:function(e){return e.variant!==r.default.DEFAULT||e.disabled?"-1":"0"}},{key:"shiftFocusToMenu",value:function(e){setTimeout((function(){e.selectMenu&&e.selectMenu.focus()}),100)}}],(n=null)&&s(t.prototype,n),o&&s(t,o),Object.defineProperty(t,"prototype",{writable:!1}),e}();t.default=d},16451:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=i(n(67294)),r=i(n(44845));function i(e){return e&&e.__esModule?e:{default:e}}function l(e){return l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},l(e)}function a(e,t){for(var n=0;n0&&void 0!==arguments[0]?arguments[0]:"",t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return!!e&&e.toString().toLowerCase().indexOf(t.trim().toLowerCase())>-1}},{key:"isEqual",value:function(e,t){return null!=e&&null!=t&&e.toString().toLowerCase()===t.toString().toLowerCase()}},{key:"allowsMultiSelections",value:function(e){return e===r.default.MULTIPLE||e===r.default.TAG}},{key:"isSelected",value:function(t,n){return Array.isArray(t)?e.includes(t,n):e.isEqual(t,n)}},{key:"includes",value:function(t,n){return!(!t||!t.length)&&void 0!==t.find((function(t){return e.isEqual(t,n)}))}},{key:"flatten",value:function(t,n){return o.default.Children.toArray(t).reduce((function(t,o){if(o.type.isOption&&(!n||n&&!o.props.disabled))t.push(o);else if(o.type.isOptGroup)return t.concat(e.flatten(o.props.children,n));return t}),[])}},{key:"filter",value:function(t,n,r){return o.default.Children.toArray(t).reduce((function(t,i){if(i.type.isOption&&e.filterOption(i,n,r))t.push(i);else if(i.type.isOptGroup){var l=e.filter(i.props.children,n,r);l.length>0&&t.push(o.default.cloneElement(i,{},l))}return t}),[])}},{key:"filterOption",value:function(t,n,o){return o?o(n,t):e.contains(t.props.display,n)}},{key:"findByValue",value:function(t,n){return e.flatten(t).find((function(t){var o=t.props;return e.isEqual(o.value,n)}))}},{key:"getOptGroupElement",value:function(e,t){return o.default.Children.toArray(e).find((function(e){return e.type.isOptGroup&&o.default.Children.toArray(e.props.children).find((function(e){return e.props.value===t}))}))}},{key:"findByDisplay",value:function(t,n){return e.flatten(t).find((function(t){var o=t.props;return e.isEqual(o.display,n)}))}},{key:"findFirst",value:function(t){var n=e.flatten(t,!0);return n.length>0?n[0].props.value:null}},{key:"findLast",value:function(t){var n=e.flatten(t,!0);return n.length>0?n[n.length-1].props.value:null}},{key:"findWithStartString",value:function(t,n){var o=e.flatten(t,!0).find((function(e){return(e.props.display||"").toLowerCase().startsWith(n.toLowerCase())}));return o?o.props.value:null}},{key:"findNext",value:function(t,n){var o=e.flatten(t,!0),r=o.findIndex((function(t){var o=t.props;return e.isEqual(o.value,n)}));return o.length-1===r?o[0].props.value:-1===r?null:o[r+1].props.value}},{key:"getIndex",value:function(t,n){return e.flatten(t,!0).findIndex((function(t){var o=t.props;return e.isEqual(o.value,n)}))+1}},{key:"findPrevious",value:function(t,n){var o=e.flatten(t,!0),r=o.findIndex((function(t){var o=t.props;return e.isEqual(o.value,n)}));return 0===r&&(r=o.length),-1===r?null:o[r-1].props.value}},{key:"getActiveOptionFromProps",value:function(t,n,o){var r=o.active,i=(t.searchValue,t.value),l=e.flatten(n,!0);if(0===l.length)return null;if(null!==r&&e.findByValue(l,r))return r;if(void 0===o.searchValue){var a=l.find((function(t){return Array.isArray(i)?e.includes(i,t.props.value):e.isEqual(i,t.props.value)}));return void 0===a?l[0].props.value:a.props.value}return o.searchValue,l[0].props.value}},{key:"shouldAllowFreeText",value:function(t,n){var o=t.searchValue,i=t.value,l=t.variant;if(l===r.default.TAG||l===r.default.COMBOBOX){var a=e.findByDisplay(n,o),u=Array.isArray(i)?e.includes(i,o):e.isEqual(i,o);return!a&&!u&&(o||"").trim().length>0}return!1}},{key:"shouldShowNoResults",value:function(e,t){var n=e.variant;return n!==r.default.TAG&&n!==r.default.COMBOBOX&&0===t.length}},{key:"isMaxSelectionReached",value:function(t){var n=t.maxSelectionCount,o=t.value,r=t.variant;return!!(void 0!==n&&e.allowsMultiSelections(r)&&Array.isArray(o)&&o.length>=n)}},{key:"updateSelectionState",value:function(t,n){var r=e.isMaxSelectionReached(n);return o.default.Children.map(t,(function(t){return t.type.isOption?o.default.cloneElement(t,{disabled:t.props.disabled||r&&!e.isSelected(n.value,t.props.value)}):t.type.isOptGroup?o.default.cloneElement(t,{},e.updateSelectionState(t.props.children,n)):t}))}},{key:"shouldShowClearOption",value:function(e){var t=e.clearOptionDisplay,n=e.searchValue,o=e.hasAddOption,r=e.hasNoResults;return!(!t||r||o||void 0!==n&&0!==n.length)}}],(n=null)&&a(t.prototype,n),i&&a(t,i),Object.defineProperty(t,"prototype",{writable:!1}),e}();t.default=u},87786:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=s(n(67294)),r=s(n(45697)),i=n(25387),l=s(n(47166)),a=s(n(50026)),u=s(n(86874));function s(e){return e&&e.__esModule?e:{default:e}}var c=l.default.bind(u.default),d={children:r.default.node,disabled:r.default.bool,intl:r.default.shape({formatMessage:r.default.func}).isRequired,label:r.default.node.isRequired},f=function(e){var t=e.children,n=e.disabled,r=e.intl,i=e.label,l=o.default.useContext(a.default);return o.default.createElement("li",{className:c("opt-group",{"is-disabled":n},l.className),role:"option","aria-selected":"false"},o.default.createElement("div",{className:c("label")},i),o.default.createElement("ul",{className:c("options"),role:"listbox","aria-label":r.formatMessage({id:"Terra.form.select.option"})},o.default.Children.map(t,(function(e){return o.default.cloneElement(e,{disabled:n||!!e.props.disabled})}))))};f.propTypes=d,f.defaultProps={disabled:!1},f.isOptGroup=!0;t.default=(0,i.injectIntl)(f)},88413:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=d(n(67294)),r=d(n(45697)),i=d(n(94184)),l=d(n(47166)),a=d(n(50026)),u=d(n(68958)),s=d(n(18510)),c=["disabled","display","value","variant","isActive","isSelected","isCheckable","isAddOption","index","totalOptions","ofText","expandedStateText"];function d(e){return e&&e.__esModule?e:{default:e}}function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var _=l.default.bind(s.default),m={disabled:r.default.bool,display:r.default.string,isActive:r.default.bool,isAddOption:r.default.bool,isCheckable:r.default.bool,isSelected:r.default.bool,value:r.default.oneOfType([r.default.string,r.default.number]).isRequired,variant:r.default.string,index:r.default.number,totalOptions:r.default.number,ofText:r.default.string,expandedStateText:r.default.string},v={disabled:!1,display:void 0},y=function(e){var t=e.disabled,n=e.display,r=(e.value,e.variant),l=e.isActive,s=e.isSelected,d=e.isCheckable,m=e.isAddOption,v=e.index,y=(e.totalOptions,e.ofText,e.expandedStateText),b=p(e,c),h=o.default.useContext(a.default),g=(0,i.default)(_("option",{"is-active":l},{"is-checkable":d&&!m},{"is-default":!d&&!m},{"is-disabled":t},{"is-selected":s},{"is-add-option":m},h.className),b.className),O="option";u.default.isSafari()&&!("ontouchstart"in window)&&(O="radio","tag"!==r&&"multiple"!==r||(O="checkbox"));var w=s||1===v?"".concat(y," ").concat(n):n;return o.default.createElement("li",f({role:O},b,{disabled:t,className:g,"aria-selected":s,"aria-disabled":t,tabIndex:"0","data-terra-select-option":!0,"aria-label":w}),(d||m)&&o.default.createElement("span",{className:_("icon")}),o.default.createElement("span",{"data-terra-add-option":!0,className:_("display")},n))};y.propTypes=m,y.defaultProps=v,y.isOption=!0;t.default=y},33833:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=a(n(67294)),r=a(n(44845)),i=a(n(16451)),l=a(n(4752));function a(e){return e&&e.__esModule?e:{default:e}}function u(e){return u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},u(e)}function s(e){return function(e){if(Array.isArray(e))return c(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return c(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return c(e,t)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n0&&void 0!==arguments[0]?arguments[0]:{},t=e.defaultValue,n=e.value,o=e.multiple;return void 0!==n?null:o?t?(0,l.default)([t]):[]:null!=t?t:""}},{key:"deselect",value:function(t,n,o){return e.value(t,n).filter((function(e){return e!==o}))}},{key:"findByValue",value:function(e,t,n){return i.default.findByValue(e.children,n)||i.default.findByValue(t.tags,n)}},{key:"allowsMultiSelections",value:function(e){return e.variant===r.default.MULTIPLE||e.variant===r.default.TAG}},{key:"select",value:function(t,n,o){return e.allowsMultiSelections(t)?[].concat(s(e.value(t,n)),[o]):o}},{key:"value",value:function(e,t){return void 0===e.value?t.value:e.value}},{key:"valueDisplay",value:function(e,t){var n=i.default.findByValue(e.children,t);return n?n.props.display:t}},{key:"getTotalNumberOfOptions",value:function(e){var t=0;return o.default.Children.forEach(e,(function(e){e.type.isOption&&(t+=1),e.type.isOptGroup&&o.default.Children.forEach(e.props.children,(function(e){e.type.isOption&&(t+=1)}))})),t}}],(n=null)&&d(t.prototype,n),a&&d(t,a),Object.defineProperty(t,"prototype",{writable:!1}),e}();t.default=f},68958:function(e,t){function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}function o(e,t){for(var n=0;n0&&void 0!==arguments[0]?arguments[0]:[];if(!Array.isArray(t))return t;return t.reduce((function(t,n){return Array.isArray(n)?t.concat(e(n)):t.concat(n)}),[])}}}]); \ No newline at end of file diff --git a/17636-edb92119ec157df3ecab.css b/17636-edb92119ec157df3ecab.css new file mode 100644 index 0000000000..6946a60de7 --- /dev/null +++ b/17636-edb92119ec157df3ecab.css @@ -0,0 +1,6 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.Table-module__clinical-lowlight-theme___PqYJ8{--terra-html-table-background-color: #383f42;--terra-html-table-border: 1px solid #585a5c;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: none;--terra-html-table-header-cell-color: #1c1f21;--terra-html-table-header-cell-font-size: 1rem;--terra-html-table-header-cell-font-weight: bold;--terra-html-table-header-cell-border-right: 1px solid #585a5c;--terra-html-table-first-header-cell-border-left: 1px solid #585a5c;--terra-html-table-last-header-cell-border-right: 1px solid #585a5c;--terra-html-table-header-background-color: #909496;--terra-html-table-header-box-shadow: 0 4px 4px -3.5px #1c1f21, inset 0 0 0 1px #585a5c;--terra-html-table-header-row-border-bottom: 1px solid #585a5c;--terra-html-table-header-row-border-top: 1px solid #585a5c;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #b2b5b6;--terra-html-table-cell-font-size: 1rem;--terra-html-table-first-cell-border-left: 1px solid #585a5c;--terra-html-table-last-cell-border-right: 1px solid #585a5c;--terra-html-table-header-cell-standard-padding-bottom: 0.5rem;--terra-html-table-header-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-top: 0.5rem;--terra-html-table-header-cell-compact-padding-bottom: 0.25rem;--terra-html-table-header-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-top: 0.25rem;--terra-html-table-cell-standard-padding-bottom: 0.5rem;--terra-html-table-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-cell-standard-padding-top: 0.5rem;--terra-html-table-cell-compact-padding-bottom: 0.25rem;--terra-html-table-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-cell-compact-padding-top: 0.25rem;--terra-html-table-row-border-top: 1px solid #585a5c;--terra-html-table-last-row-border-bottom: 1px solid #585a5c;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #2d3539}.Table-module__orion-fusion-theme___d9rxf{--terra-html-table-background-color: transparent;--terra-html-table-border: 0;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: transparent;--terra-html-table-header-cell-color: #64696c;--terra-html-table-header-cell-font-size: 0.857142857rem;--terra-html-table-header-cell-font-weight: normal;--terra-html-table-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-first-header-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-background-color: #f4f4f4;--terra-html-table-header-box-shadow: none;--terra-html-table-header-row-border-bottom: 2px solid #64696c;--terra-html-table-header-row-border-top: 1px solid #c8cacb;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #1c1f21;--terra-html-table-cell-font-size: 0.857142857rem;--terra-html-table-first-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-cell-standard-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-top: 0.428571429rem;--terra-html-table-header-cell-compact-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-top: 0.428571429rem;--terra-html-table-cell-standard-padding-bottom: 0.8571428571rem;--terra-html-table-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-cell-standard-padding-top: 0.8571428571rem;--terra-html-table-cell-compact-padding-bottom: 0.8571428571rem;--terra-html-table-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-cell-compact-padding-top: 0.8571428571rem;--terra-html-table-row-border-top: 0;--terra-html-table-last-row-border-bottom: 1px solid #c8cacb;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #f4f4f4}.Table-module__table___eg2Mi{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___eg2Mi{background-color:transparent;background-color:var(--terra-html-table-background-color, transparent);border:0;border:var(--terra-html-table-border, 0);border-radius:0;border-radius:var(--terra-html-table-border-radius, 0)}[dir] .Table-module__table___eg2Mi caption{padding-bottom:.5em}.Table-module__table___eg2Mi tr{display:table-row}[dir] .Table-module__table___eg2Mi tr{margin-bottom:0}.Table-module__table___eg2Mi td,.Table-module__table___eg2Mi th{color:#1c1f21;color:var(--terra-html-table-cell-color, #1c1f21);display:table-cell;font-size:1rem;font-size:var(--terra-html-table-cell-font-size, 1rem);font-weight:normal;vertical-align:top}[dir] .Table-module__table___eg2Mi td, [dir] .Table-module__table___eg2Mi th{border:0}[dir=ltr] .Table-module__table___eg2Mi td, [dir=ltr] .Table-module__table___eg2Mi th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___eg2Mi td, [dir=rtl] .Table-module__table___eg2Mi th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___eg2Mi td:first-child, [dir=ltr] .Table-module__table___eg2Mi th:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:first-child, [dir=rtl] .Table-module__table___eg2Mi th:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi td:last-child, [dir=ltr] .Table-module__table___eg2Mi th:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:last-child, [dir=rtl] .Table-module__table___eg2Mi th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___eg2Mi thead th, [dir] .Table-module__table___eg2Mi thead td{border:0}[dir=ltr] .Table-module__table___eg2Mi thead th, [dir=ltr] .Table-module__table___eg2Mi thead td{border-right:1px solid rgba(200, 202, 203, 0.5);border-right:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:left}[dir=rtl] .Table-module__table___eg2Mi thead th, [dir=rtl] .Table-module__table___eg2Mi thead td{border-left:1px solid rgba(200, 202, 203, 0.5);border-left:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:right}[dir=ltr] .Table-module__table___eg2Mi thead th:first-child, [dir=ltr] .Table-module__table___eg2Mi thead td:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:first-child, [dir=rtl] .Table-module__table___eg2Mi thead td:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi thead th:last-child, [dir=ltr] .Table-module__table___eg2Mi thead td:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:last-child, [dir=rtl] .Table-module__table___eg2Mi thead td:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead{display:table-header-group}[dir] .Table-module__table___eg2Mi thead{background-color:#f1f1f2;background-color:var(--terra-html-table-header-background-color, #f1f1f2);box-shadow:0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5);box-shadow:var(--terra-html-table-header-box-shadow, 0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5))}[dir] .Table-module__table___eg2Mi thead tr{border-bottom:1px solid #b9bbbc;border-bottom:var(--terra-html-table-header-row-border-bottom, 1px solid #b9bbbc);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-header-row-border-top, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{color:#1c1f21;color:var(--terra-html-table-header-cell-color, #1c1f21);font-size:1rem;font-size:var(--terra-html-table-header-cell-font-size, 1rem);font-weight:bold;font-weight:var(--terra-html-table-header-cell-font-weight, bold);vertical-align:bottom}[dir] .Table-module__table___eg2Mi tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___eg2Mi tbody tr{background-color:transparent;background-color:var(--terra-html-table-row-background-color, transparent);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-row-border-top, 1px solid #dedfe0)}[dir] .Table-module__table___eg2Mi tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___eg2Mi tbody tr:last-of-type{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-html-table-last-row-border-bottom, 1px solid #dedfe0)}[dir] .Table-module__padding-standard___BfbC- th{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-header-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-header-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z th{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-header-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-header-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__padding-standard___BfbC- td{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z td{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__striped___n8xJe tbody tr:nth-of-type(even){background-color:#f6f7f8;background-color:var(--terra-html-table-row-striped-background-color, #f6f7f8)}@media print{.Table-module__table___eg2Mi thead{display:table-header-group}.Table-module__table___eg2Mi tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} +.EmbeddedContentConsumer-module__visually-hidden-text___6-kvV{height:0} +[dir] .EmbeddedContentConsumerCommon-module__content-wrapper___c217N{padding:1.25rem}iframe{width:100%}[dir] iframe{border:0} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} diff --git a/17657-b29fd635122d8c0f2691.css b/17657-b29fd635122d8c0f2691.css new file mode 100644 index 0000000000..26c57489b7 --- /dev/null +++ b/17657-b29fd635122d8c0f2691.css @@ -0,0 +1,4 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} +.Table-module__clinical-lowlight-theme___PqYJ8{--terra-html-table-background-color: #383f42;--terra-html-table-border: 1px solid #585a5c;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: none;--terra-html-table-header-cell-color: #1c1f21;--terra-html-table-header-cell-font-size: 1rem;--terra-html-table-header-cell-font-weight: bold;--terra-html-table-header-cell-border-right: 1px solid #585a5c;--terra-html-table-first-header-cell-border-left: 1px solid #585a5c;--terra-html-table-last-header-cell-border-right: 1px solid #585a5c;--terra-html-table-header-background-color: #909496;--terra-html-table-header-box-shadow: 0 4px 4px -3.5px #1c1f21, inset 0 0 0 1px #585a5c;--terra-html-table-header-row-border-bottom: 1px solid #585a5c;--terra-html-table-header-row-border-top: 1px solid #585a5c;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #b2b5b6;--terra-html-table-cell-font-size: 1rem;--terra-html-table-first-cell-border-left: 1px solid #585a5c;--terra-html-table-last-cell-border-right: 1px solid #585a5c;--terra-html-table-header-cell-standard-padding-bottom: 0.5rem;--terra-html-table-header-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-top: 0.5rem;--terra-html-table-header-cell-compact-padding-bottom: 0.25rem;--terra-html-table-header-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-top: 0.25rem;--terra-html-table-cell-standard-padding-bottom: 0.5rem;--terra-html-table-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-cell-standard-padding-top: 0.5rem;--terra-html-table-cell-compact-padding-bottom: 0.25rem;--terra-html-table-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-cell-compact-padding-top: 0.25rem;--terra-html-table-row-border-top: 1px solid #585a5c;--terra-html-table-last-row-border-bottom: 1px solid #585a5c;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #2d3539}.Table-module__orion-fusion-theme___d9rxf{--terra-html-table-background-color: transparent;--terra-html-table-border: 0;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: transparent;--terra-html-table-header-cell-color: #64696c;--terra-html-table-header-cell-font-size: 0.857142857rem;--terra-html-table-header-cell-font-weight: normal;--terra-html-table-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-first-header-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-background-color: #f4f4f4;--terra-html-table-header-box-shadow: none;--terra-html-table-header-row-border-bottom: 2px solid #64696c;--terra-html-table-header-row-border-top: 1px solid #c8cacb;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #1c1f21;--terra-html-table-cell-font-size: 0.857142857rem;--terra-html-table-first-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-cell-standard-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-top: 0.428571429rem;--terra-html-table-header-cell-compact-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-top: 0.428571429rem;--terra-html-table-cell-standard-padding-bottom: 0.8571428571rem;--terra-html-table-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-cell-standard-padding-top: 0.8571428571rem;--terra-html-table-cell-compact-padding-bottom: 0.8571428571rem;--terra-html-table-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-cell-compact-padding-top: 0.8571428571rem;--terra-html-table-row-border-top: 0;--terra-html-table-last-row-border-bottom: 1px solid #c8cacb;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #f4f4f4}.Table-module__table___eg2Mi{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___eg2Mi{background-color:transparent;background-color:var(--terra-html-table-background-color, transparent);border:0;border:var(--terra-html-table-border, 0);border-radius:0;border-radius:var(--terra-html-table-border-radius, 0)}[dir] .Table-module__table___eg2Mi caption{padding-bottom:.5em}.Table-module__table___eg2Mi tr{display:table-row}[dir] .Table-module__table___eg2Mi tr{margin-bottom:0}.Table-module__table___eg2Mi td,.Table-module__table___eg2Mi th{color:#1c1f21;color:var(--terra-html-table-cell-color, #1c1f21);display:table-cell;font-size:1rem;font-size:var(--terra-html-table-cell-font-size, 1rem);font-weight:normal;vertical-align:top}[dir] .Table-module__table___eg2Mi td, [dir] .Table-module__table___eg2Mi th{border:0}[dir=ltr] .Table-module__table___eg2Mi td, [dir=ltr] .Table-module__table___eg2Mi th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___eg2Mi td, [dir=rtl] .Table-module__table___eg2Mi th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___eg2Mi td:first-child, [dir=ltr] .Table-module__table___eg2Mi th:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:first-child, [dir=rtl] .Table-module__table___eg2Mi th:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi td:last-child, [dir=ltr] .Table-module__table___eg2Mi th:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:last-child, [dir=rtl] .Table-module__table___eg2Mi th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___eg2Mi thead th, [dir] .Table-module__table___eg2Mi thead td{border:0}[dir=ltr] .Table-module__table___eg2Mi thead th, [dir=ltr] .Table-module__table___eg2Mi thead td{border-right:1px solid rgba(200, 202, 203, 0.5);border-right:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:left}[dir=rtl] .Table-module__table___eg2Mi thead th, [dir=rtl] .Table-module__table___eg2Mi thead td{border-left:1px solid rgba(200, 202, 203, 0.5);border-left:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:right}[dir=ltr] .Table-module__table___eg2Mi thead th:first-child, [dir=ltr] .Table-module__table___eg2Mi thead td:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:first-child, [dir=rtl] .Table-module__table___eg2Mi thead td:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi thead th:last-child, [dir=ltr] .Table-module__table___eg2Mi thead td:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:last-child, [dir=rtl] .Table-module__table___eg2Mi thead td:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead{display:table-header-group}[dir] .Table-module__table___eg2Mi thead{background-color:#f1f1f2;background-color:var(--terra-html-table-header-background-color, #f1f1f2);box-shadow:0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5);box-shadow:var(--terra-html-table-header-box-shadow, 0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5))}[dir] .Table-module__table___eg2Mi thead tr{border-bottom:1px solid #b9bbbc;border-bottom:var(--terra-html-table-header-row-border-bottom, 1px solid #b9bbbc);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-header-row-border-top, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{color:#1c1f21;color:var(--terra-html-table-header-cell-color, #1c1f21);font-size:1rem;font-size:var(--terra-html-table-header-cell-font-size, 1rem);font-weight:bold;font-weight:var(--terra-html-table-header-cell-font-weight, bold);vertical-align:bottom}[dir] .Table-module__table___eg2Mi tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___eg2Mi tbody tr{background-color:transparent;background-color:var(--terra-html-table-row-background-color, transparent);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-row-border-top, 1px solid #dedfe0)}[dir] .Table-module__table___eg2Mi tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___eg2Mi tbody tr:last-of-type{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-html-table-last-row-border-bottom, 1px solid #dedfe0)}[dir] .Table-module__padding-standard___BfbC- th{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-header-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-header-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z th{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-header-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-header-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__padding-standard___BfbC- td{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z td{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__striped___n8xJe tbody tr:nth-of-type(even){background-color:#f6f7f8;background-color:var(--terra-html-table-row-striped-background-color, #f6f7f8)}@media print{.Table-module__table___eg2Mi thead{display:table-header-group}.Table-module__table___eg2Mi tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} diff --git a/17665-18696a755c241e5e68ed.css b/17665-18696a755c241e5e68ed.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/17665-18696a755c241e5e68ed.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/17665-18696a755c241e5e68ed.js b/17665-18696a755c241e5e68ed.js new file mode 100644 index 0000000000..6cfafa4a7b --- /dev/null +++ b/17665-18696a755c241e5e68ed.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[17665,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,n,t){var a=t(64836);n.Z=void 0;var o=a(t(67294)),r=a(t(45697)),s=a(t(47166)),i=a(t(17422)),l=s.default.bind(i.default),m={name:r.default.string.isRequired,src:r.default.string,url:r.default.string,version:r.default.string.isRequired},d=function(e){var n=e.src,t=e.name,a=e.url,r=e.version,s=o.default.createElement("a",{className:l("badge"),href:a||"https://www.npmjs.org/package/".concat(t,"/v/").concat(r)},o.default.createElement("span",{className:l("badge-name")},a?"package":"npm"),o.default.createElement("span",{className:l("badge-version")},"v".concat(r))),i=n?o.default.createElement("a",{className:l("badge"),href:n},o.default.createElement("span",{className:l("badge-name")},"github"),o.default.createElement("span",{className:l("badge-version")},"source")):void 0;return o.default.createElement("div",{className:l("badge-container")},s,i)};d.propTypes=m;var c=d;n.Z=c},17665:function(e,n,t){t.r(n),t.d(n,{default:function(){return d}});t(67294);var a=t(81254),o=t(93626),r=["components"];function s(){return s=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}var l={},m="wrapper";function d(e){var n=e.components,t=i(e,r);return(0,a.mdx)(m,s({},l,t,{components:n,mdxType:"MDXLayout"}),(0,a.mdx)(o.C,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"terra-postcss-theme-plugin"},"Terra Postcss Theme plugin"),(0,a.mdx)("p",null,"The purpose of this plugin is to create a default theme from a scoped theme and to remove any known themes that are not desired."),(0,a.mdx)("p",null,"The plugin will read from the ",(0,a.mdx)("inlineCode",{parentName:"p"},"terra-theme.config.js")," at root."),(0,a.mdx)("h2",{id:"configuration"},"Configuration"),(0,a.mdx)("h3",{id:"terra-themeconfigjs"},"terra-theme.config.js"),(0,a.mdx)("p",null,"Below is an example of terra-theme.config. See ",(0,a.mdx)("a",{parentName:"p",href:"/terra-ui/dev_tools/cerner-terra-toolkit-docs/webpack-config-terra/terra-theme-config-js"},"theme config")," for more details about the object structure."),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"const themeConfig = {\n theme: 'terra-dark-theme', // The default theme.\n scoped: ['terra-light-theme', 'terra-lowlight-theme'], // An array of scoped themes.\n};\n\nmodule.exports = themeConfig;\n")),(0,a.mdx)("h2",{id:"usage"},"Usage"),(0,a.mdx)("p",null,"To use this plugin you must have strong conventions around your theme name, include the theme class in your css and add the postcss plugin."),(0,a.mdx)("h3",{id:"css"},"CSS"),(0,a.mdx)("p",null,"This plugin makes the assumption that you are declaring theme variables under a global css class i.e. ",(0,a.mdx)("inlineCode",{parentName:"p"},".orion-fusion-theme")," and these theme files are included in such a way that they are processed by webpack."),(0,a.mdx)("p",null,"Consider the following example. The React component, ",(0,a.mdx)("inlineCode",{parentName:"p"},"Component.jsx")," pulls in and applies css styles from ",(0,a.mdx)("inlineCode",{parentName:"p"},"component.module.scss")," to the wrapper div. You will also notice it is getting the current theme set on the application from the ",(0,a.mdx)("inlineCode",{parentName:"p"},"ThemeContext")," and is also applying the current theme name to the div."),(0,a.mdx)("p",null,"If the current theme was ",(0,a.mdx)("inlineCode",{parentName:"p"},"orion-fusion-theme")," the ",(0,a.mdx)("inlineCode",{parentName:"p"},"orion-fusion-theme")," classname would be applied and the styles from ",(0,a.mdx)("inlineCode",{parentName:"p"},"component.orion-fusion-theme.module.scss")," would be applied since it is imported into ",(0,a.mdx)("inlineCode",{parentName:"p"},"component.module.scss")," and was processed by webpack."),(0,a.mdx)("h4",{id:"componentjsx"},"Component.jsx"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport { ThemeContext } from 'terra-application/lib/theme';\n\nimport styles from './component.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst Component = ({children}) => {\n const theme = React.useContext(ThemeContext);\n return (\n
\n {children}\n
\n );\n};\n\nexport default Component;\n")),(0,a.mdx)("p",null,"The scss file includes the themefile and applies the css variable to the css property. Breaking the theme variable out into their own files is purely convention and not required for this plugin. By convention we name the file ",(0,a.mdx)("inlineCode",{parentName:"p"},"..module.scss"),"."),(0,a.mdx)("h4",{id:"componentmodulescss"},"component.module.scss"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-scss"},"// Themes\n@import './component.orion-fusion-theme.module';\n\n:local {\n .div {\n background-color: var(--component-background-color, orange),\n }\n}\n")),(0,a.mdx)("p",null,"The theme file declares the ",(0,a.mdx)("inlineCode",{parentName:"p"},".orion-fusion-theme")," as a global class and defines the css variable."),(0,a.mdx)("h4",{id:"componentorion-fusion-thememodulescss"},"component.orion-fusion-theme.module.scss"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .orion-fusion-theme {\n --terra-button-background-color-neutral: purple;\n }\n}\n")),(0,a.mdx)("h3",{id:"webpack"},"Webpack"),(0,a.mdx)("p",null,"This plugin is already included in the default webpack config. Below is an example of how you could include it in your own webpack config, but we strongly recommend you extend terra's config instead of creating your own. It's intended to be included before css modules are processed."),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"const ThemePlugin = require('terra-toolkit/scripts/postcss/ThemePlugin');\n...\n {\n loader: 'postcss-loader',\n options: {\n ident: 'postcss',\n plugins: [\n ThemePlugin(themeConfig),\n ],\n },\n },\n...\n")))}d.isMDXComponent=!0},93626:function(e,n,t){t.d(n,{C:function(){return r}});var a=t(67294),o=t(22863),r=function(e){var n=e.url;return a.createElement(o.Z,{src:"https://github.com/cerner/terra-toolk/tree/main/packages/webpack-config-terra",name:"@cerner/webpack-config-terra",version:"3.3.0",url:n})}},17422:function(e,n,t){t.r(n),n.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/17798-919f444ba0ebc3f232f9.css b/17798-919f444ba0ebc3f232f9.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/17798-919f444ba0ebc3f232f9.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/17798-919f444ba0ebc3f232f9.js b/17798-919f444ba0ebc3f232f9.js new file mode 100644 index 0000000000..3a9fd0243c --- /dev/null +++ b/17798-919f444ba0ebc3f232f9.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[17798,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,t,a){var n=a(64836);t.Z=void 0;var r=n(a(67294)),i=n(a(45697)),o=n(a(47166)),s=n(a(17422)),l=o.default.bind(s.default),m={name:i.default.string.isRequired,src:i.default.string,url:i.default.string,version:i.default.string.isRequired},d=function(e){var t=e.src,a=e.name,n=e.url,i=e.version,o=r.default.createElement("a",{className:l("badge"),href:n||"https://www.npmjs.org/package/".concat(a,"/v/").concat(i)},r.default.createElement("span",{className:l("badge-name")},n?"package":"npm"),r.default.createElement("span",{className:l("badge-version")},"v".concat(i))),s=t?r.default.createElement("a",{className:l("badge"),href:t},r.default.createElement("span",{className:l("badge-name")},"github"),r.default.createElement("span",{className:l("badge-version")},"source")):void 0;return r.default.createElement("div",{className:l("badge-container")},o,s)};d.propTypes=m;var u=d;t.Z=u},17798:function(e,t,a){a.r(t),a.d(t,{default:function(){return d}});a(67294);var n=a(81254),r=a(86377),i=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[a]=e[a]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}var l={},m="wrapper";function d(e){var t=e.components,a=s(e,i);return(0,n.mdx)(m,o({},l,a,{components:t,mdxType:"MDXLayout"}),(0,n.mdx)(r.C,{mdxType:"Badge"}),(0,n.mdx)("h1",{id:"accessibility-guide-for-terra-arrange"},"Accessibility Guide for Terra Arrange"),(0,n.mdx)("h2",{id:"why-is-it-important-for-terra-arrange-to-meet-accessibility-guidelines-"},"Why is it important for Terra Arrange to meet accessibility guidelines ?"),(0,n.mdx)("blockquote",null,(0,n.mdx)("p",{parentName:"blockquote"},"Terra Arrange is a component used for setting the content layout alignment to be top/bottom/right/left. CSS alignment does not affect the accessibility, however it is crucial to ensure that the screen reader reads the content in the same manner as to how the content is visually present. If the content is aligned with any position property to make it look in different place which will create a complexity for the screen reader user to get the correct reading order. "),(0,n.mdx)("p",{parentName:"blockquote"},"Making the DOM order same as visual order will help the assistive technology users to get the correct reading order. "),(0,n.mdx)("p",{parentName:"blockquote"},"Arrange may also have interactive elements which need to be keyboard focusable and acted upon using the standard expected keyboard behaviors. "),(0,n.mdx)("ul",{parentName:"blockquote"},(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("strong",{parentName:"li"},"Screen reader users")," do not necessarily interact with the page in a linear fashion and can use Arrange out of context. Hence, a descriptive label is necessary for each interactive element."),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("strong",{parentName:"li"},"People using speech input software")," require unique labels for the interactive elements to effectively understand them.  "),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("strong",{parentName:"li"},"Keyboard only users")," navigate the page using only a keyboard. Actionable elements must be keyboard accessible for keyboard only users to interact with it. Additionally, a visible keyboard focus indicator is needed to see where they are currently on the page.  "))),(0,n.mdx)("h2",{id:"accessibility-considerations"},"Accessibility Considerations:"),(0,n.mdx)("h3",{id:"code-considerations-what-do-engineers-need-to-do"},"Code Considerations: What do engineers need to do?"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Ensure the content in the arrange component is reading in logical manner in assistive technology. The DOM structure needs to be in the form the UI order. "),(0,n.mdx)("li",{parentName:"ul"},"Ensure the interactive elements are receiving TAB focus and user able to interact with it. "),(0,n.mdx)("li",{parentName:"ul"},"Ensure the content is available in 200% text only zoom. Except for captions and images of text, text can be resized without assistive technology up to 200 percent without loss of content or functionality. "),(0,n.mdx)("li",{parentName:"ul"},"Ensure the content can be presented without loss of information or functionality, and without requiring scrolling in two dimensions for: Vertical scrolling content at a width equivalent to 320 CSS pixels; Horizontal scrolling content at a height when window is resized to 400%."),(0,n.mdx)("li",{parentName:"ul"},"Ensure Terra Arrange is not used to create and arrange tabular data that has relationships to columns and rows. Instead, use Terra Table or Terra HTML Table.")),(0,n.mdx)("h3",{id:"content-considerations-what-do-content-creators-need-to-do"},"Content Considerations: What do content creators need to do?"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Terra Arrange must not be used to create and arrange tabular data that has relationships to columns and rows. That is to say do not use\nTerra arrange to create visible tables. Instead, use Terra Table or Terra HTML Table. "),(0,n.mdx)("li",{parentName:"ul"},"Ensure all interactive elements have descriptive labels that describe their purpose. ",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"For each interactive element within Arrange, provide the engineers with a meaningful label. "),(0,n.mdx)("li",{parentName:"ul"},"Ensure each interactive element label is unique to the page. ",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"If multiple elements with the same name are used, they must perform the same exact function (e.g., download the same file). "),(0,n.mdx)("li",{parentName:"ul"},"Or it must be programmatically associated with other visible and related content on the page that can help users understand the purpose of elements. "))),(0,n.mdx)("li",{parentName:"ul"},"If the label is text, the visible text must match the programmatic label. "),(0,n.mdx)("li",{parentName:"ul"},"All icons used within interactive elements that convey meaning must have an accessible name (alternate content). ",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"The icon must be intuitive for the functionality it represents. "),(0,n.mdx)("li",{parentName:"ul"},"The icon must be named consistently across the product. "),(0,n.mdx)("li",{parentName:"ul"},"Icons must be used to represent the same function consistently (don’t use multiple icons for the same functionality) "))),(0,n.mdx)("li",{parentName:"ul"},"Any purely decorative icon (does NOT convey any meaning) within a button must be marked as decorative. "))),(0,n.mdx)("li",{parentName:"ul"},"Consider how content will adjust to resizing text or reflowing content at different viewpoints. Users may have settings that change the font size, style, or other text attributes. They may also resize a window or zoom into the content. All these things can cause content to resize or reflow, and when it does, content must not overlap, be cut off, or become unusable. "),(0,n.mdx)("li",{parentName:"ul"},"Ensure all content is perceivable by meeting all the color contrast requirements. "),(0,n.mdx)("li",{parentName:"ul"},"After development, ensure all actionable elements inside of Arrange is keyboard accessible and work as expected. ",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Ensure actionable elements inside Arrange has a visible keyboard focus when accessed using the keyboard. "),(0,n.mdx)("li",{parentName:"ul"},"Ensure the Arrange does not cause a keyboard trap. ")))),(0,n.mdx)("h2",{id:"usability-expectations"},"Usability Expectations:"),(0,n.mdx)("h3",{id:"interaction-details"},"Interaction Details"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Terra Arrange has no interactions in and of itself. However, it may contain actionable elements. All actionable elements within Terra Arrange must be able to be focused via keyboard and follow the expected keyboard behavior per actionable element, and proper labeling should be announced in the screen reader. ")),(0,n.mdx)("h3",{id:"usability-expectations-1"},"Usability Expectations:"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"The user expects the button would be performing an action indicated in the button label. ")),(0,n.mdx)("h3",{id:"keyboard-expectations"},"Keyboard Expectations"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Terra Arrange has no expected keyboard behaviors itself. However, the content within it will follow the basic keyboard behaviors. ")),(0,n.mdx)("table",null,(0,n.mdx)("thead",{parentName:"table"},(0,n.mdx)("tr",{parentName:"thead"},(0,n.mdx)("th",{parentName:"tr",align:null},"Key Sequence"),(0,n.mdx)("th",{parentName:"tr",align:null},"Expectation"))),(0,n.mdx)("tbody",{parentName:"table"},(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("em",{parentName:"td"},"Tab")),(0,n.mdx)("td",{parentName:"tr",align:null},"Moves focus to the interactive element")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("em",{parentName:"td"},"Arrow keys")),(0,n.mdx)("td",{parentName:"tr",align:null},"Read the content in logical manner")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("em",{parentName:"td"},"Enter/Return/Spacebar")),(0,n.mdx)("td",{parentName:"tr",align:null},"Executes the button and moves focus to the target place.")))),(0,n.mdx)("h2",{id:"support-compliance"},"Support Compliance:"),(0,n.mdx)("h3",{id:"how-does-arrange-support-compliance"},"How does Arrange support compliance?"),(0,n.mdx)("blockquote",null,(0,n.mdx)("p",{parentName:"blockquote"},"Terra is committed to ensuring its components provide maximum possible accessibility. Terra provides the ability to make accessibility products. However, using Terra components will not automatically make a product accessible. "),(0,n.mdx)("p",{parentName:"blockquote"},"Final responsibility lies with the consumers of Terra components — ensuring proper usage, programmatic context where needed, the words used to label elements, engineers following correct implementation patterns, and authors crafting content that follows best practice guidance — to make a product fully accessible. ")),(0,n.mdx)("h3",{id:"primary-accessibility-criteria-for-arrange"},"Primary accessibility criteria for Arrange "),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},(0,n.mdx)("a",{parentName:"p",href:"https://wiki.cerner.com/display/UserExperience/1.1.1+Non-text+Content"},"1.1.1 Non-text Content")," — Supports"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra provides the ability to use icons inside a button. "),(0,n.mdx)("li",{parentName:"ul"},"Engineers must ensure when an icon conveys meaning, to add appropriate ALT text to create a meaningful button label. "),(0,n.mdx)("li",{parentName:"ul"},"Content creators must provide engineers with meaningful text when using icons that convey meaning. "))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},(0,n.mdx)("a",{parentName:"p",href:"https://wiki.cerner.com/display/UserExperience/1.3.1+Info+and+Relationships"},"1.3.1 Info and Relationships")," — Supports "),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra provides the ability for information, structure, and relationships to be programmatically determined. "),(0,n.mdx)("li",{parentName:"ul"},"Engineers must ensure the heading hierarchy is followed from h1 to h6 order to give the meaningful order to assistive technology users. "))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},(0,n.mdx)("a",{parentName:"p",href:"https://wiki.cerner.com/display/UserExperience/1.4.3+Contrast"},"1.4.3 Contrast (Minimum)")," — Supports"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra Arrange provides icons/buttons by default, meet color contrast requirements.  "),(0,n.mdx)("li",{parentName:"ul"},"Engineers must work with content creators to implement icons so that the foreground and the background color meet appropriate color contrast ratios.   "),(0,n.mdx)("li",{parentName:"ul"},"Content creators must ensure that the button label color meets the appropriate contrast ratio against background color(s) based on text size of the visual label text. Contrast ratios should be above 4.5:1 for normal text and 3:1 for bold and large text.  "))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},(0,n.mdx)("a",{parentName:"p",href:"https://wiki.cerner.com/display/UserExperience/1.4.4+Resize+Text"},"1.4.4 Resize text")," — Supports"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra provides the ability for text to be resized and zoomed without loss of information or function.  "),(0,n.mdx)("li",{parentName:"ul"},"Engineers must ensure content other than captions and images of text can be up to 200 percent without loss of content or functionality.  "))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},(0,n.mdx)("a",{parentName:"p",href:"https://wiki.cerner.com/display/UserExperience/1.4.10+Reflow"},"1.4.10 Reflow")," — Supports"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra provides the ability for components to reflow when the viewport is resized to 320x256 px without loss of information or function. "),(0,n.mdx)("li",{parentName:"ul"},"Engineers must ensure content within the Terra component can reflow when the viewport is resized to 320 x 256 px without scrolling in two directions or loss of information or functionality. "),(0,n.mdx)("li",{parentName:"ul"},"Content creators must consider the responsive nature of Terra component and provide engineers guidance on how content should reflow when the viewport is resized to 320 x 256 px "))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},(0,n.mdx)("a",{parentName:"p",href:"https://wiki.cerner.com/display/UserExperience/2.1.1+Keyboard"},"2.1.1 Keyboard")," — Supports"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra ensures Terra Arrange supports basic keyboard functionality.  "),(0,n.mdx)("li",{parentName:"ul"},"Engineers must ensure Arrange is keyboard accessible and not override any basic keyboard functionality and follow the tab index values such as tabindex=0  "),(0,n.mdx)("li",{parentName:"ul"},"Ensure all contents can be accessed, interacted with and acted upon using only the keyboard.  "))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},(0,n.mdx)("a",{parentName:"p",href:"https://wiki.cerner.com/display/UserExperience/2.1.2+No+Keyboard+Trap"},"2.1.2 No Keyboard Trap")," — Supports"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra Arrange will not cause a keyboard trap on its own.  "),(0,n.mdx)("li",{parentName:"ul"},"Engineer and Content Creators must ensure Arrange does not cause a keyboard trap when implemented within code.  "))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},(0,n.mdx)("a",{parentName:"p",href:"https://wiki.cerner.com/display/UserExperience/2.4.3+Focus+Order"},"2.4.3 Focus Order")," — Supports"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra provides consuming teams the ability to create a logical focus for the user.  "),(0,n.mdx)("li",{parentName:"ul"},"Engineers must never set a TABINDEX of greater than zero. Code should be written to match the users logical reading order.  "),(0,n.mdx)("li",{parentName:"ul"},"Content creators ensure that engineers understand the users logical reading order.  "))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},(0,n.mdx)("a",{parentName:"p",href:"https://wiki.cerner.com/display/UserExperience/2.4.7+Focus+Visible"},"2.4.7 Focus Visible")," — Supports"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra ensures a visible keyboard focus is built into the component.  "),(0,n.mdx)("li",{parentName:"ul"},"Engineers and Content Creators must ensure the visible indication must be maintained for buttons/icons and must meet the sufficient color contrast ratio.  "),(0,n.mdx)("li",{parentName:"ul"},"Content creators must inform engineers that whenever buttons/icons receive focus, the focus must be visible and maintain existing Terra Keyboard Focus styles.   "))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},(0,n.mdx)("a",{parentName:"p",href:"https://wiki.cerner.com/display/UserExperience/4.1.1+Parsing"},"4.1.1 Parsing")," — Supports "),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra components are tested and validated before release to ensure proper parsing of code.  "),(0,n.mdx)("li",{parentName:"ul"},"Engineers must ensure this criterion is met.  "),(0,n.mdx)("li",{parentName:"ul"},"Content creators must inform engineers about the proper parsing of code.  "))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},(0,n.mdx)("a",{parentName:"p",href:"https://wiki.cerner.com/display/UserExperience/4.1.2+Name%2C+Role%2C+Value"},"4.1.2 Name, Role, Value")," — Supports "),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra provides the ability for Name, Role, and Value attributes to be programmatically determined for screen readers to effectively communicate to the user.   "),(0,n.mdx)("li",{parentName:"ul"},"Engineers must ensure the programmatic label matches the visible label.   ")))),(0,n.mdx)("h3",{id:"related-accessibility-criteria-that-apply-when-adding-content-to-arrange"},"Related accessibility criteria that apply when adding content to Arrange"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},(0,n.mdx)("a",{parentName:"p",href:"https://wiki.cerner.com/display/UserExperience/3.2.1+On+Focus"},"3.2.1 On Focus")," — Supports "),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra components do not cause a change of context on focus by default.  "),(0,n.mdx)("li",{parentName:"ul"},"Engineers must ensure that no unexpected change of context happens when interactive elements receive focus or when focus is removed (on blur).  "),(0,n.mdx)("li",{parentName:"ul"},"Content creators must inform engineers that it should not cause any change while on focus.   "))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},(0,n.mdx)("a",{parentName:"p",href:"https://wiki.cerner.com/display/UserExperience/3.2.2+On+Input"},"3.2.2 On Input")," — Supports "),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra Arrange does not cause an unexpected change of context on input. "),(0,n.mdx)("li",{parentName:"ul"},"Engineers must ensure nothing unexpected happens on input.  "),(0,n.mdx)("li",{parentName:"ul"},"Content creators must also ensure buttons/icons do not create a change of context for the user. If there is a change of context on input, the user must be warned (with text) before the user activates the button.   ")))),(0,n.mdx)("h3",{id:"supported-features-and-technology"},"Supported Features and Technology"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Keyboard Interactions "),(0,n.mdx)("li",{parentName:"ul"},"JAWS Support with Chrome (PC) "),(0,n.mdx)("li",{parentName:"ul"},"VoiceOver Support with Chrome, Safari (MAC) ")),(0,n.mdx)("h3",{id:"partial-support--requiring-further-enhancement"},"Partial Support & Requiring Further Enhancement"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"NVDA not tested (PC) "),(0,n.mdx)("li",{parentName:"ul"},"Mobile Touch Interactions with Screen Reader assistive technology "),(0,n.mdx)("li",{parentName:"ul"},"Speech Input Interactions with assistive technology "),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://github.com/cerner/terra-core/issues/new/choose"},"Report a problem with this component on GitHub")," ")),(0,n.mdx)("h2",{id:"linked-references"},"Linked References:"),(0,n.mdx)("ol",null,(0,n.mdx)("li",{parentName:"ol"},(0,n.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/tips/writing/#use-headings-to-convey-meaning-and-structure"},"W3C WAI Aria: Use heading to convey meaning and structure  ")),(0,n.mdx)("li",{parentName:"ol"},(0,n.mdx)("a",{parentName:"li",href:"https://www.w3.org/TR/WCAG21/#:~:text=%20Web%20Content%20Accessibility%20Guidelines%20%28WCAG%29%202.1%20defines,physical%2C%20speech%2C%20cognitive%2C%20language%2C%20learning%2C%20and%20neurological%20disabilities"},"Web Content Accessibility Guidelines"))))}d.isMDXComponent=!0},86377:function(e,t,a){a.d(t,{C:function(){return i}});var n=a(67294),r=a(22863),i=function(e){var t=e.url;return n.createElement(r.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-arrange",name:"terra-arrange",version:"3.55.0",url:t})}},17422:function(e,t,a){a.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/18101-d0b31643a87e87b3f528.css b/18101-d0b31643a87e87b3f528.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/18101-d0b31643a87e87b3f528.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/18449-06c2bd2806d11c83d57b.css b/18449-06c2bd2806d11c83d57b.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/18449-06c2bd2806d11c83d57b.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/18449-06c2bd2806d11c83d57b.js b/18449-06c2bd2806d11c83d57b.js new file mode 100644 index 0000000000..ea72da3cd4 --- /dev/null +++ b/18449-06c2bd2806d11c83d57b.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[18449,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,t,a){var r=a(64836);t.Z=void 0;var n=r(a(67294)),o=r(a(45697)),u=r(a(47166)),s=r(a(17422)),d=u.default.bind(s.default),l={name:o.default.string.isRequired,src:o.default.string,url:o.default.string,version:o.default.string.isRequired},i=function(e){var t=e.src,a=e.name,r=e.url,o=e.version,u=n.default.createElement("a",{className:d("badge"),href:r||"https://www.npmjs.org/package/".concat(a,"/v/").concat(o)},n.default.createElement("span",{className:d("badge-name")},r?"package":"npm"),n.default.createElement("span",{className:d("badge-version")},"v".concat(o))),s=t?n.default.createElement("a",{className:d("badge"),href:t},n.default.createElement("span",{className:d("badge-name")},"github"),n.default.createElement("span",{className:d("badge-version")},"source")):void 0;return n.default.createElement("div",{className:d("badge-container")},u,s)};i.propTypes=l;var c=i;t.Z=c},18449:function(e,t,a){a.r(t),a.d(t,{default:function(){return i}});a(67294);var r=a(81254),n=a(94986),o=["components"];function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(n[a]=e[a]);return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(n[a]=e[a])}return n}var d={},l="wrapper";function i(e){var t=e.components,a=s(e,o);return(0,r.mdx)(l,u({},d,a,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(n.C,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-toggle-button-upgrade-guide"},"Terra Toggle Button Upgrade Guide"),(0,r.mdx)("h2",{id:"changes-from-20-to-30"},"Changes from 2.0 to 3.0"),(0,r.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,r.mdx)("p",null,"The following transitive dependencies had breaking changes. See their upgrade guides for more information."),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"terra-button"),(0,r.mdx)("li",{parentName:"ul"},"terra-doc-template")))}i.isMDXComponent=!0},94986:function(e,t,a){a.d(t,{C:function(){return o}});var r=a(67294),n=a(22863),o=function(e){var t=e.url;return r.createElement(n.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-toggle-button",name:"terra-toggle-button",version:"3.81.0",url:t})}},17422:function(e,t,a){a.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/18508-38aeb9dbcc9a11468209.css b/18508-38aeb9dbcc9a11468209.css new file mode 100644 index 0000000000..51420c9a54 --- /dev/null +++ b/18508-38aeb9dbcc9a11468209.css @@ -0,0 +1,6 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.CellGrid-module__clinical-lowlight-theme___jkhP6{--terra-cell-grid-divider-border-top: 1px solid #dedfe0;--terra-cell-grid-divider-border-bottom: 1px solid #dedfe0;--terra-cell-grid-divider-child-border-right: 1px solid #dedfe0}.CellGrid-module__orion-fusion-theme___hMH7T{--terra-cell-grid-divider-border-top: 1px solid #dedfe0;--terra-cell-grid-divider-border-bottom: 1px solid #dedfe0;--terra-cell-grid-divider-child-border-right: 1px solid #dedfe0}.CellGrid-module__cell-grid___lk5rC{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden;position:relative}[dir] .CellGrid-module__divider-horizontal___95P1G, [dir] .CellGrid-module__divider-both___LFSjy{border-top:1px solid #dedfe0;border-top:var(--terra-cell-grid-divider-border-top, 1px solid #dedfe0)}[dir] .CellGrid-module__divider-horizontal___95P1G:last-of-type, [dir] .CellGrid-module__divider-both___LFSjy:last-of-type{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-cell-grid-divider-border-bottom, 1px solid #dedfe0)}[dir=ltr] .CellGrid-module__divider-vertical___zzmly>*, [dir=ltr] .CellGrid-module__divider-both___LFSjy>*{border-right:1px solid #dedfe0;border-right:var(--terra-cell-grid-divider-child-border-right, 1px solid #dedfe0)}[dir=rtl] .CellGrid-module__divider-vertical___zzmly>*, [dir=rtl] .CellGrid-module__divider-both___LFSjy>*{border-left:1px solid #dedfe0;border-left:var(--terra-cell-grid-divider-child-border-right, 1px solid #dedfe0)}[dir=ltr] .CellGrid-module__divider-vertical___zzmly>*:last-of-type, [dir=ltr] .CellGrid-module__divider-both___LFSjy>*:last-of-type{border-right:0}[dir=rtl] .CellGrid-module__divider-vertical___zzmly>*:last-of-type, [dir=rtl] .CellGrid-module__divider-both___LFSjy>*:last-of-type{border-left:0}@media print{.CellGrid-module__cell-grid___lk5rC{page-break-inside:avoid}} +.Cell-module__cell___JuxX3{-ms-flex:1 1 0px;flex:1 1 0;vertical-align:top;word-break:break-word}[dir=ltr] .Cell-module__cell___JuxX3{text-align:left}[dir=rtl] .Cell-module__cell___JuxX3{text-align:right} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} +.Table-module__clinical-lowlight-theme___PqYJ8{--terra-html-table-background-color: #383f42;--terra-html-table-border: 1px solid #585a5c;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: none;--terra-html-table-header-cell-color: #1c1f21;--terra-html-table-header-cell-font-size: 1rem;--terra-html-table-header-cell-font-weight: bold;--terra-html-table-header-cell-border-right: 1px solid #585a5c;--terra-html-table-first-header-cell-border-left: 1px solid #585a5c;--terra-html-table-last-header-cell-border-right: 1px solid #585a5c;--terra-html-table-header-background-color: #909496;--terra-html-table-header-box-shadow: 0 4px 4px -3.5px #1c1f21, inset 0 0 0 1px #585a5c;--terra-html-table-header-row-border-bottom: 1px solid #585a5c;--terra-html-table-header-row-border-top: 1px solid #585a5c;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #b2b5b6;--terra-html-table-cell-font-size: 1rem;--terra-html-table-first-cell-border-left: 1px solid #585a5c;--terra-html-table-last-cell-border-right: 1px solid #585a5c;--terra-html-table-header-cell-standard-padding-bottom: 0.5rem;--terra-html-table-header-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-top: 0.5rem;--terra-html-table-header-cell-compact-padding-bottom: 0.25rem;--terra-html-table-header-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-top: 0.25rem;--terra-html-table-cell-standard-padding-bottom: 0.5rem;--terra-html-table-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-cell-standard-padding-top: 0.5rem;--terra-html-table-cell-compact-padding-bottom: 0.25rem;--terra-html-table-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-cell-compact-padding-top: 0.25rem;--terra-html-table-row-border-top: 1px solid #585a5c;--terra-html-table-last-row-border-bottom: 1px solid #585a5c;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #2d3539}.Table-module__orion-fusion-theme___d9rxf{--terra-html-table-background-color: transparent;--terra-html-table-border: 0;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: transparent;--terra-html-table-header-cell-color: #64696c;--terra-html-table-header-cell-font-size: 0.857142857rem;--terra-html-table-header-cell-font-weight: normal;--terra-html-table-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-first-header-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-background-color: #f4f4f4;--terra-html-table-header-box-shadow: none;--terra-html-table-header-row-border-bottom: 2px solid #64696c;--terra-html-table-header-row-border-top: 1px solid #c8cacb;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #1c1f21;--terra-html-table-cell-font-size: 0.857142857rem;--terra-html-table-first-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-cell-standard-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-top: 0.428571429rem;--terra-html-table-header-cell-compact-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-top: 0.428571429rem;--terra-html-table-cell-standard-padding-bottom: 0.8571428571rem;--terra-html-table-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-cell-standard-padding-top: 0.8571428571rem;--terra-html-table-cell-compact-padding-bottom: 0.8571428571rem;--terra-html-table-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-cell-compact-padding-top: 0.8571428571rem;--terra-html-table-row-border-top: 0;--terra-html-table-last-row-border-bottom: 1px solid #c8cacb;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #f4f4f4}.Table-module__table___eg2Mi{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___eg2Mi{background-color:transparent;background-color:var(--terra-html-table-background-color, transparent);border:0;border:var(--terra-html-table-border, 0);border-radius:0;border-radius:var(--terra-html-table-border-radius, 0)}[dir] .Table-module__table___eg2Mi caption{padding-bottom:.5em}.Table-module__table___eg2Mi tr{display:table-row}[dir] .Table-module__table___eg2Mi tr{margin-bottom:0}.Table-module__table___eg2Mi td,.Table-module__table___eg2Mi th{color:#1c1f21;color:var(--terra-html-table-cell-color, #1c1f21);display:table-cell;font-size:1rem;font-size:var(--terra-html-table-cell-font-size, 1rem);font-weight:normal;vertical-align:top}[dir] .Table-module__table___eg2Mi td, [dir] .Table-module__table___eg2Mi th{border:0}[dir=ltr] .Table-module__table___eg2Mi td, [dir=ltr] .Table-module__table___eg2Mi th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___eg2Mi td, [dir=rtl] .Table-module__table___eg2Mi th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___eg2Mi td:first-child, [dir=ltr] .Table-module__table___eg2Mi th:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:first-child, [dir=rtl] .Table-module__table___eg2Mi th:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi td:last-child, [dir=ltr] .Table-module__table___eg2Mi th:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:last-child, [dir=rtl] .Table-module__table___eg2Mi th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___eg2Mi thead th, [dir] .Table-module__table___eg2Mi thead td{border:0}[dir=ltr] .Table-module__table___eg2Mi thead th, [dir=ltr] .Table-module__table___eg2Mi thead td{border-right:1px solid rgba(200, 202, 203, 0.5);border-right:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:left}[dir=rtl] .Table-module__table___eg2Mi thead th, [dir=rtl] .Table-module__table___eg2Mi thead td{border-left:1px solid rgba(200, 202, 203, 0.5);border-left:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:right}[dir=ltr] .Table-module__table___eg2Mi thead th:first-child, [dir=ltr] .Table-module__table___eg2Mi thead td:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:first-child, [dir=rtl] .Table-module__table___eg2Mi thead td:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi thead th:last-child, [dir=ltr] .Table-module__table___eg2Mi thead td:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:last-child, [dir=rtl] .Table-module__table___eg2Mi thead td:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead{display:table-header-group}[dir] .Table-module__table___eg2Mi thead{background-color:#f1f1f2;background-color:var(--terra-html-table-header-background-color, #f1f1f2);box-shadow:0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5);box-shadow:var(--terra-html-table-header-box-shadow, 0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5))}[dir] .Table-module__table___eg2Mi thead tr{border-bottom:1px solid #b9bbbc;border-bottom:var(--terra-html-table-header-row-border-bottom, 1px solid #b9bbbc);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-header-row-border-top, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{color:#1c1f21;color:var(--terra-html-table-header-cell-color, #1c1f21);font-size:1rem;font-size:var(--terra-html-table-header-cell-font-size, 1rem);font-weight:bold;font-weight:var(--terra-html-table-header-cell-font-weight, bold);vertical-align:bottom}[dir] .Table-module__table___eg2Mi tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___eg2Mi tbody tr{background-color:transparent;background-color:var(--terra-html-table-row-background-color, transparent);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-row-border-top, 1px solid #dedfe0)}[dir] .Table-module__table___eg2Mi tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___eg2Mi tbody tr:last-of-type{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-html-table-last-row-border-bottom, 1px solid #dedfe0)}[dir] .Table-module__padding-standard___BfbC- th{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-header-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-header-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z th{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-header-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-header-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__padding-standard___BfbC- td{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z td{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__striped___n8xJe tbody tr:nth-of-type(even){background-color:#f6f7f8;background-color:var(--terra-html-table-row-striped-background-color, #f6f7f8)}@media print{.Table-module__table___eg2Mi thead{display:table-header-group}.Table-module__table___eg2Mi tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} diff --git a/18508-38aeb9dbcc9a11468209.js b/18508-38aeb9dbcc9a11468209.js new file mode 100644 index 0000000000..488be22b59 --- /dev/null +++ b/18508-38aeb9dbcc9a11468209.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[18508,45627,37344,33667,96890,79482,85565,3353,5161,80858,14041,45865,16835,85355,3193,4845,27444,17657,46647,16873,85161,66097,38681,15318,40411,18101,33315,38443,11264,34319,78996,39915,33442],{52022:function(e,t,l){function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}t.Z=void 0;var r,a=(r=l(67294))&&r.__esModule?r:{default:r},o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=n(e)&&"function"!=typeof e)return{default:e};var l=i(t);if(l&&l.has(e))return l.get(e);var r={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var d=a?Object.getOwnPropertyDescriptor(e,o):null;d&&(d.get||d.set)?Object.defineProperty(r,o,d):r[o]=e[o]}return r.default=e,l&&l.set(e,r),r}(l(72577));function i(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,l=new WeakMap;return(i=function(e){return e?l:t})(e)}t.Z=function(){return a.default.createElement(o.default,{dividerStyle:"both"},a.default.createElement(o.Cell,{key:"cell-0",width:{static:{value:80,unit:"px"}}},"80px"),a.default.createElement(o.Cell,{key:"cell-1",width:{percentage:10}},"10%"),a.default.createElement(o.Cell,{key:"cell-2"},"Scalar 1"),a.default.createElement(o.Cell,{key:"cell-3",width:{scalar:3}},"Scalar 3"))}},6122:function(e,t,l){function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}t.Z=void 0;var r,a=(r=l(67294))&&r.__esModule?r:{default:r},o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=n(e)&&"function"!=typeof e)return{default:e};var l=i(t);if(l&&l.has(e))return l.get(e);var r={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var d=a?Object.getOwnPropertyDescriptor(e,o):null;d&&(d.get||d.set)?Object.defineProperty(r,o,d):r[o]=e[o]}return r.default=e,l&&l.set(e,r),r}(l(72577));function i(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,l=new WeakMap;return(i=function(e){return e?l:t})(e)}t.Z=function(){return a.default.createElement(o.default,null,a.default.createElement(o.Cell,{key:"cell-0",width:{static:{value:80,unit:"px"}}},"80px"),a.default.createElement(o.Cell,{key:"cell-1",width:{percentage:10}},"10%"),a.default.createElement(o.Cell,{key:"cell-2"},"Scalar 1"),a.default.createElement(o.Cell,{key:"cell-3",width:{scalar:3}},"Scalar 3"))}},98775:function(e,t,l){function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}t.Z=void 0;var r,a=(r=l(67294))&&r.__esModule?r:{default:r},o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=n(e)&&"function"!=typeof e)return{default:e};var l=i(t);if(l&&l.has(e))return l.get(e);var r={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var d=a?Object.getOwnPropertyDescriptor(e,o):null;d&&(d.get||d.set)?Object.defineProperty(r,o,d):r[o]=e[o]}return r.default=e,l&&l.set(e,r),r}(l(72577));function i(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,l=new WeakMap;return(i=function(e){return e?l:t})(e)}t.Z=function(){return a.default.createElement(o.default,{dividerStyle:"horizontal"},a.default.createElement(o.Cell,{key:"cell-0",width:{static:{value:80,unit:"px"}}},"80px"),a.default.createElement(o.Cell,{key:"cell-1",width:{percentage:10}},"10%"),a.default.createElement(o.Cell,{key:"cell-2"},"Scalar 1"),a.default.createElement(o.Cell,{key:"cell-3",width:{scalar:3}},"Scalar 3"))}},36422:function(e,t,l){function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}t.Z=void 0;var r,a=(r=l(67294))&&r.__esModule?r:{default:r},o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=n(e)&&"function"!=typeof e)return{default:e};var l=i(t);if(l&&l.has(e))return l.get(e);var r={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var d=a?Object.getOwnPropertyDescriptor(e,o):null;d&&(d.get||d.set)?Object.defineProperty(r,o,d):r[o]=e[o]}return r.default=e,l&&l.set(e,r),r}(l(72577));function i(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,l=new WeakMap;return(i=function(e){return e?l:t})(e)}t.Z=function(){return a.default.createElement(o.default,{dividerStyle:"vertical"},a.default.createElement(o.Cell,{key:"cell-0",width:{static:{value:80,unit:"px"}}},"80px"),a.default.createElement(o.Cell,{key:"cell-1",width:{percentage:10}},"10%"),a.default.createElement(o.Cell,{key:"cell-2"},"Scalar 1"),a.default.createElement(o.Cell,{key:"cell-3",width:{scalar:3}},"Scalar 3"))}},22863:function(e,t,l){var n=l(64836);t.Z=void 0;var r=n(l(67294)),a=n(l(45697)),o=n(l(47166)),i=n(l(17422)),d=o.default.bind(i.default),c={name:a.default.string.isRequired,src:a.default.string,url:a.default.string,version:a.default.string.isRequired},u=function(e){var t=e.src,l=e.name,n=e.url,a=e.version,o=r.default.createElement("a",{className:d("badge"),href:n||"https://www.npmjs.org/package/".concat(l,"/v/").concat(a)},r.default.createElement("span",{className:d("badge-name")},n?"package":"npm"),r.default.createElement("span",{className:d("badge-version")},"v".concat(a))),i=t?r.default.createElement("a",{className:d("badge"),href:t},r.default.createElement("span",{className:d("badge-name")},"github"),r.default.createElement("span",{className:d("badge-version")},"source")):void 0;return r.default.createElement("div",{className:d("badge-container")},o,i)};u.propTypes=c;var p=u;t.Z=p},49271:function(e,t,l){var n=l(64836),r=l(18698);t.Z=void 0;var a=n(l(27424)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==r(e)&&"function"!=typeof e)return{default:e};var l=f(t);if(l&&l.has(e))return l.get(e);var n={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var i=a?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(n,o,i):n[o]=e[o]}n.default=e,l&&l.set(e,n);return n}(l(67294)),i=n(l(45697)),d=n(l(47166)),c=l(21538),u=n(l(33864)),p=n(l(23399)),m=l(51051),s=n(l(53560));function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,l=new WeakMap;return(f=function(e){return e?l:t})(e)}var y=d.default.bind(s.default),x={example:i.default.element,exampleSrc:i.default.element,exampleCssSrc:i.default.element,title:i.default.string,description:i.default.node,isExpanded:i.default.bool},b=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},v=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},g=function(e){var t=e.example,l=e.exampleSrc,n=e.exampleCssSrc,r=e.title,i=e.description,d=e.isExpanded,s=(0,o.useState)(d),f=(0,a.default)(s,2),x=f[0],g=f[1],h=(0,o.useState)(!1),_=(0,a.default)(h,2),O=_[0],C=_[1],w=o.default.useContext(c.ThemeContext),j=void 0!==n,E=function(){C(!O),x&&g(!x)},T=function(){g(!x),O&&C(!O)},S=function(e,t){e.nativeEvent.keyCode!==m.KEY_SPACE&&e.nativeEvent.keyCode!==m.KEY_RETURN||(e.preventDefault(),t())};return o.default.createElement("div",{className:y("template",w.className)},o.default.createElement("div",{className:y("header")},r&&o.default.createElement("h2",{className:y("title")},r)),o.default.createElement("div",{className:y("content")},i&&o.default.createElement("div",{className:y("description")},i),t),o.default.createElement("div",{className:y("footer")},l?o.default.createElement("div",{className:y("button-container")},j&&o.default.createElement("button",{type:"button",className:y("css-toggle","item",{"is-selected":O}),onClick:E,onKeyDown:function(e){return S(e,E)},onBlur:b,onMouseDown:v,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(u.default,{className:y("chevron")}),o.default.createElement("span",null,"CSS"),o.default.createElement(p.default,{className:y("chevron")})),o.default.createElement("button",{type:"button",className:y("code-toggle","item",{"is-selected":x}),onClick:T,onKeyDown:function(e){return S(e,T)},onBlur:b,onMouseDown:v,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(u.default,{className:y("chevron")}),o.default.createElement("span",null,"Code"),o.default.createElement(p.default,{className:y("chevron")}))):null,o.default.createElement("div",null,O&&o.default.createElement("div",{className:y("css")},n),x&&o.default.createElement("div",{className:y("code")},l))))};g.propTypes=x,g.defaultProps={isExpanded:!1};var h=g;t.Z=h},11055:function(e,t,l){l.r(t),l.d(t,{default:function(){return $}});var n=l(67294),r=l(81254),a=l(7951),o=l(6122),i=["components"];function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[l]=e[l]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(r[l]=e[l])}return r}var u={};function p(e){var t=e.components,l=c(e,i);return(0,r.mdx)("wrapper",d({},u,l,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport CellGrid, {\n Cell,\n} from \'terra-cell-grid\';\n\nconst CellGridExample = () => (\n \n 80px\n 10%\n Scalar 1\n Scalar 3\n \n);\n\nexport default CellGridExample;\n\n')))}p.isMDXComponent=!0;var m=l(49271),s=function(e){var t=e.title,l=e.description,r=e.isExpanded;return n.createElement(m.Z,{title:t||"Cell Grid Example",description:l,example:n.createElement(o.Z,null),exampleSrc:n.createElement(p,null),isExpanded:r})},f=l(36422),y=["components"];function x(){return x=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[l]=e[l]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(r[l]=e[l])}return r}var v={};function g(e){var t=e.components,l=b(e,y);return(0,r.mdx)("wrapper",x({},v,l,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport CellGrid, {\n Cell,\n} from \'terra-cell-grid\';\n\nconst CellGridVertical = () => (\n \n 80px\n 10%\n Scalar 1\n Scalar 3\n \n);\n\nexport default CellGridVertical;\n\n')))}g.isMDXComponent=!0;var h=function(e){var t=e.title,l=e.description,r=e.isExpanded;return n.createElement(m.Z,{title:t||"Cell Grid Vertical",description:l,example:n.createElement(f.Z,null),exampleSrc:n.createElement(g,null),isExpanded:r})},_=l(98775),O=["components"];function C(){return C=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[l]=e[l]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(r[l]=e[l])}return r}var j={};function E(e){var t=e.components,l=w(e,O);return(0,r.mdx)("wrapper",C({},j,l,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport CellGrid, {\n Cell,\n} from \'terra-cell-grid\';\n\nconst CellGridHorizontal = () => (\n \n 80px\n 10%\n Scalar 1\n Scalar 3\n \n);\n\nexport default CellGridHorizontal;\n\n')))}E.isMDXComponent=!0;var T=function(e){var t=e.title,l=e.description,r=e.isExpanded;return n.createElement(m.Z,{title:t||"Cell Grid Horizontal",description:l,example:n.createElement(_.Z,null),exampleSrc:n.createElement(E,null),isExpanded:r})},S=l(52022),k=["components"];function N(){return N=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[l]=e[l]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(r[l]=e[l])}return r}var D={};function M(e){var t=e.components,l=P(e,k);return(0,r.mdx)("wrapper",N({},D,l,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport CellGrid, {\n Cell,\n} from \'terra-cell-grid\';\n\nconst CellGridBoth = () => (\n \n 80px\n 10%\n Scalar 1\n Scalar 3\n \n);\n\nexport default CellGridBoth;\n\n')))}M.isMDXComponent=!0;var G=function(e){var t=e.title,l=e.description,r=e.isExpanded;return n.createElement(m.Z,{title:t||"Cell Grid Both",description:l,example:n.createElement(S.Z,null),exampleSrc:n.createElement(M,null),isExpanded:r})},R=l(78530),W=["components"];function Z(){return Z=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[l]=e[l]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(r[l]=e[l])}return r}var q={},B="wrapper";function z(e){var t=e.components,l=X(e,W);return(0,r.mdx)(B,Z({},q,l,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(R.ZP,{mdxType:"PropsTable"},(0,r.mdx)(R.X2,{key:"ROW1",mdxType:"Row"},(0,r.mdx)(R.O,{mdxType:"PropNameCell"},"children"),(0,r.mdx)(R.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,r.mdx)(R.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(R.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,r.mdx)(R.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Content to be displayed for the cell."))),(0,r.mdx)(R.X2,{key:"ROW2",mdxType:"Row"},(0,r.mdx)(R.O,{mdxType:"PropNameCell"},"refCallback"),(0,r.mdx)(R.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(R.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(R.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(R.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Function callback to get the ref of the cell."))),(0,r.mdx)(R.X2,{key:"ROW3",mdxType:"Row"},(0,r.mdx)(R.O,{mdxType:"PropNameCell"},"width"),(0,r.mdx)(R.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"shape: {\n static: {\n shape: {\n value: {\n type: 'number',\n required: true,\n },\n unit: {\n type: 'string',\n required: true,\n },\n },\n },\n percentage: {\n type: 'number',\n },\n scalar: {\n type: 'number',\n },\n},\n"))),(0,r.mdx)(R.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(R.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(R.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Composed width for the cell. Can be provided as either a static, percentage, or scalar value.")))))}z.isMDXComponent=!0;var I=["components"];function V(){return V=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[l]=e[l]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(r[l]=e[l])}return r}var L={},H="wrapper";function A(e){var t=e.components,l=F(e,I);return(0,r.mdx)(H,V({},L,l,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(R.ZP,{mdxType:"PropsTable"},(0,r.mdx)(R.X2,{key:"ROW1",mdxType:"Row"},(0,r.mdx)(R.O,{mdxType:"PropNameCell"},"children"),(0,r.mdx)(R.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,r.mdx)(R.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,r.mdx)(R.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(R.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The child Cells to passed to the cell grid."))),(0,r.mdx)(R.X2,{key:"ROW2",mdxType:"Row"},(0,r.mdx)(R.O,{mdxType:"PropNameCell"},"dividerStyle"),(0,r.mdx)(R.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'vertical'\n 'horizontal'\n 'both'\n],\n"))),(0,r.mdx)(R.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(R.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(R.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Indicates the desired divider styles to apply to a cell grid and its children.\nOne of ",(0,r.mdx)("inlineCode",{parentName:"p"},"'vertical'"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"'horizontal'"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"'both'"),","))),(0,r.mdx)(R.X2,{key:"ROW3",mdxType:"Row"},(0,r.mdx)(R.O,{mdxType:"PropNameCell"},"refCallback"),(0,r.mdx)(R.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(R.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(R.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(R.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Function callback for the ref of the cell grid.")))))}A.isMDXComponent=!0;var K=["components"];function Y(){return Y=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[l]=e[l]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(r[l]=e[l])}return r}var Q={},U="wrapper";function $(e){var t=e.components,l=J(e,K);return(0,r.mdx)(U,Y({},Q,l,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(a.C,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-cell-grid"},"Terra Cell Grid"),(0,r.mdx)("p",null,"The terra-cell-grid is a structural row based layout for aligning columns with 100% of its parents width."),(0,r.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Install with ",(0,r.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"npm install terra-cell-grid"))))),(0,r.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,r.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,r.mdx)("table",null,(0,r.mdx)("thead",{parentName:"table"},(0,r.mdx)("tr",{parentName:"thead"},(0,r.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,r.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,r.mdx)("tbody",{parentName:"table"},(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react"),(0,r.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,r.mdx)("td",{parentName:"tr",align:null},"^16.8.5")))),(0,r.mdx)("h2",{id:"usage"},"Usage"),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import CellGrid, { Cell} from 'terra-cell-grid';\n")),(0,r.mdx)("h2",{id:"component-features"},"Component Features"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support"))),(0,r.mdx)("h2",{id:"examples"},"Examples"),(0,r.mdx)(s,{title:"Default",mdxType:"CellGridExample"}),(0,r.mdx)(h,{title:"Divided Vertically",mdxType:"CellGridVertical"}),(0,r.mdx)(T,{title:"Divided Horizontally",mdxType:"CellGridHorizontal"}),(0,r.mdx)(G,{title:"Divided Both Directions",mdxType:"CellGridBoth"}),(0,r.mdx)("h2",{id:"cell-props"},"Cell Props"),(0,r.mdx)(z,{mdxType:"CellPropsTable"}),(0,r.mdx)("h2",{id:"cellgrid-props"},"CellGrid Props"),(0,r.mdx)(A,{mdxType:"CellGridPropsTable"}))}$.isMDXComponent=!0},7951:function(e,t,l){l.d(t,{C:function(){return a}});var n=l(67294),r=l(22863),a=function(e){var t=e.url;return n.createElement(r.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-cell-grid",name:"terra-cell-grid",version:"1.14.0",url:t})}},17422:function(e,t,l){l.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},53560:function(e,t,l){l.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},90838:function(e,t,l){l.r(t),t.default={cell:"Cell-module__cell___JuxX3"}},25578:function(e,t,l){l.r(t),t.default={"clinical-lowlight-theme":"CellGrid-module__clinical-lowlight-theme___jkhP6","orion-fusion-theme":"CellGrid-module__orion-fusion-theme___hMH7T","cell-grid":"CellGrid-module__cell-grid___lk5rC","divider-horizontal":"CellGrid-module__divider-horizontal___95P1G","divider-both":"CellGrid-module__divider-both___LFSjy","divider-vertical":"CellGrid-module__divider-vertical___zzmly"}},54818:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=c(l(67294)),r=c(l(45697)),a=c(l(47166)),o=c(l(90838)),i=l(75914),d=["children","refCallback","width"];function c(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[l]=e[l]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(r[l]=e[l])}return r}var m=a.default.bind(o.default),s={children:r.default.node,refCallback:r.default.func,width:r.default.shape({static:r.default.shape({value:r.default.number.isRequired,unit:r.default.string.isRequired}),percentage:r.default.number,scalar:r.default.number})},f=function(e){var t=e.children,l=e.refCallback,r=e.width,a=p(e,d),o=m(["cell"]);return n.default.createElement("div",u({},a,{style:(0,i.styleFromWidth)(r),className:a.className?"".concat(o," ").concat(a.className):o,ref:l}),t)};f.propTypes=s,f.defaultProps={children:[]};t.default=f},83909:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=u(l(67294)),r=u(l(45697)),a=u(l(94184)),o=u(l(47166)),i=u(l(50026)),d=u(l(25578)),c=["children","dividerStyle","refCallback"];function u(e){return e&&e.__esModule?e:{default:e}}function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[l]=e[l]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(r[l]=e[l])}return r}var s=o.default.bind(d.default),f={children:r.default.node.isRequired,dividerStyle:r.default.oneOf(["vertical","horizontal","both"]),refCallback:r.default.func},y=function(e){var t=e.children,l=e.dividerStyle,r=e.refCallback,o=m(e,c),d=n.default.useContext(i.default),u=l?"divider-".concat(l):void 0,f=(0,a.default)(s("cell-grid",u,d.className),o.className);return n.default.createElement("div",p({},o,{className:f,ref:r}),t)};y.propTypes=f;t.default=y},75914:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.styleFromWidth=t.default=void 0;var l=function(e){return{msFlex:"0 0 0px",flex:"0 0 0px",maxWidth:e,minWidth:e}},n={styleFromWidth:t.styleFromWidth=function(e){if(e)return e.static?l("".concat(e.static.value).concat(e.static.unit)):e.percentage?l("".concat(e.percentage,"%")):e.scalar?function(e){return{msFlex:"".concat(e," ").concat(e," 0px"),flex:"".concat(e," ").concat(e," 0px")}}(e.scalar):void 0}};t.default=n},72577:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Cell",{enumerable:!0,get:function(){return r.default}}),t.default=void 0;var n=a(l(83909)),r=a(l(54818));function a(e){return e&&e.__esModule?e:{default:e}}t.default=n.default},33864:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=a(l(67294)),r=a(l(99139));function a(e){return e&&e.__esModule?e:{default:e}}function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[t]=e[t]);return r}(e,a);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}var m={},l="wrapper";function p(e){var a=e.components,t=o(e,i);return(0,n.mdx)(l,d({},m,t,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)(r.C,{mdxType:"Badge"}),(0,n.mdx)("h1",{id:"terra-date-time-picker-upgrade-guide"},"Terra Date Time Picker Upgrade Guide"),(0,n.mdx)("h2",{id:"changes-from-version-3-to-version-4"},"Changes from version 3 to version 4"),(0,n.mdx)("h3",{id:"removed-props"},"Removed props"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Removed ",(0,n.mdx)("inlineCode",{parentName:"li"},"minDateTime")),(0,n.mdx)("li",{parentName:"ul"},"Removed ",(0,n.mdx)("inlineCode",{parentName:"li"},"maxDateTime")),(0,n.mdx)("li",{parentName:"ul"},"Removed ",(0,n.mdx)("inlineCode",{parentName:"li"},"releaseFocus")),(0,n.mdx)("li",{parentName:"ul"},"Removed ",(0,n.mdx)("inlineCode",{parentName:"li"},"requestFocus"))),(0,n.mdx)("h3",{id:"new-props"},"New props"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added ",(0,n.mdx)("inlineCode",{parentName:"li"},"minDate")),(0,n.mdx)("li",{parentName:"ul"},"Added ",(0,n.mdx)("inlineCode",{parentName:"li"},"maxDate")),(0,n.mdx)("li",{parentName:"ul"},"Added ",(0,n.mdx)("inlineCode",{parentName:"li"},"onBlur")),(0,n.mdx)("li",{parentName:"ul"},"Added ",(0,n.mdx)("inlineCode",{parentName:"li"},"onFocus")),(0,n.mdx)("li",{parentName:"ul"},"Added ",(0,n.mdx)("inlineCode",{parentName:"li"},"onClickOutside"))),(0,n.mdx)("h3",{id:"changes-to-mindate-and-maxdate"},"Changes to minDate and maxDate"),(0,n.mdx)("p",null,"The time portion of the ISO date provided in the old ",(0,n.mdx)("inlineCode",{parentName:"p"},"minDateTime")," and ",(0,n.mdx)("inlineCode",{parentName:"p"},"maxDateTime")," props are now being ignored in the internal validation implementation and checking for ranges. Hence, these two props are renamed from ",(0,n.mdx)("inlineCode",{parentName:"p"},"minDateTime")," and ",(0,n.mdx)("inlineCode",{parentName:"p"},"maxDateTime")," to ",(0,n.mdx)("inlineCode",{parentName:"p"},"minDate")," and ",(0,n.mdx)("inlineCode",{parentName:"p"},"maxDate")," respectively. To uplift change ",(0,n.mdx)("inlineCode",{parentName:"p"},"minDateTime")," to ",(0,n.mdx)("inlineCode",{parentName:"p"},"minDate")," and ",(0,n.mdx)("inlineCode",{parentName:"p"},"maxDateTime")," to ",(0,n.mdx)("inlineCode",{parentName:"p"},"maxDate")," where applicable."),(0,n.mdx)("h3",{id:"changes-to-onblur-and-onfocus"},"Changes to onBlur and onFocus"),(0,n.mdx)("p",null,"The ",(0,n.mdx)("inlineCode",{parentName:"p"},"onBlur")," and ",(0,n.mdx)("inlineCode",{parentName:"p"},"onFocus")," props previously could be passed down as custom props. These props have now become first-class props. The ",(0,n.mdx)("inlineCode",{parentName:"p"},"onFocus")," prop used to be triggered when focus is moved from one date time element to another date time element of the same date-time-picker component. For example, the focus is moved from the date input to the hour input. The ",(0,n.mdx)("inlineCode",{parentName:"p"},"onFocus")," prop will still be triggered if the date time picker component did not have focus and now just gained focus. However, if the focus is then moved from one date time element to another date time element, the ",(0,n.mdx)("inlineCode",{parentName:"p"},"onFocus")," callback now would not be triggered because the focus is still within the date time picker container. The ",(0,n.mdx)("inlineCode",{parentName:"p"},"onBlur")," callback now behaves similar to the ",(0,n.mdx)("inlineCode",{parentName:"p"},"onFocus")," callback where ",(0,n.mdx)("inlineCode",{parentName:"p"},"onBlur")," would not be triggered when focus is transfered from one date time element to another date time element of the same date-time-picker component. The ",(0,n.mdx)("inlineCode",{parentName:"p"},"onBlur")," callback would be triggered only when focus is lost from the entire date time picker component."),(0,n.mdx)("h3",{id:"changes-to-filterdate"},"Changes to filterDate"),(0,n.mdx)("p",null,"The parameter in the ",(0,n.mdx)("inlineCode",{parentName:"p"},"filterDate")," callback has changed from a moment date object to an ISO string representation of the date. The reason for this change is to keep consistency with other callbacks. To uplift create a new moment using the iSO date in the parameter."),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-diff"},"import React from 'react';\nimport moment from 'moment-timezone';\nimport DateTimePicker from 'terra-date-time-picker';\n\nclass Default extends React.Component {\n constructor() {\n super();\n this.handleFilterDate = this.handleFilterDate.bind(this);\n }\n\n handleFilterDate(date) {\n+ const momentDate = moment(date)\n const day = momentDate.day();\n return day !== 0 && day !== 6;\n }\n\n render() {\n return (\n \n );\n }\n}\n\nexport default Default;\n")),(0,n.mdx)("h2",{id:"changes-from-version-2-to-version-3"},"Changes from version 2 to version 3"),(0,n.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,n.mdx)("h4",{id:"renamed"},"Renamed"),(0,n.mdx)("table",null,(0,n.mdx)("thead",{parentName:"table"},(0,n.mdx)("tr",{parentName:"thead"},(0,n.mdx)("th",{parentName:"tr",align:null},"Previous"),(0,n.mdx)("th",{parentName:"tr",align:null},"New"))),(0,n.mdx)("tbody",{parentName:"table"},(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-date-time-clarification-modal-background-color"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-date-time-picker-clarification-modal-background-color")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-date-time-clarification-modal-border"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-date-time-picker-clarification-modal-border")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-date-time-clarification-modal-border-radius"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-date-time-picker-clarification-modal-border-radius")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-date-time-clarification-modal-box-shadow"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-date-time-picker-clarification-modal-box-shadow")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-date-time-clarification-modal-foreground-color"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-date-time-picker-clarification-modal-color")))),(0,n.mdx)("h4",{id:"added"},"Added"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"--terra-date-time-picker-clarification-header-background-color"),(0,n.mdx)("li",{parentName:"ul"},"--terra-date-time-picker-clarification-header-border-bottom-color"),(0,n.mdx)("li",{parentName:"ul"},"--terra-date-time-picker-clarification-header-color"),(0,n.mdx)("li",{parentName:"ul"},"--terra-date-time-picker-clarification-header-height"),(0,n.mdx)("li",{parentName:"ul"},"--terra-date-time-picker-clarification-header-padding"),(0,n.mdx)("li",{parentName:"ul"},"--terra-date-time-picker-clarification-title-font-size"),(0,n.mdx)("li",{parentName:"ul"},"--terra-date-time-picker-clarification-title-line-height"),(0,n.mdx)("li",{parentName:"ul"},"--terra-date-time-picker-clarification-button-offset-background-color"),(0,n.mdx)("li",{parentName:"ul"},"--terra-date-time-picker-clarification-button-offset-height")))}p.isMDXComponent=!0},72509:function(e,a,t){t.d(a,{C:function(){return i}});var n=t(67294),r=t(22863),i=function(e){var a=e.url;return n.createElement(r.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-date-picker",name:"terra-date-picker",version:"4.94.0",url:a})}},17422:function(e,a,t){t.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/18683-ed14326fadc487845d15.css b/18683-ed14326fadc487845d15.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/18683-ed14326fadc487845d15.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/18683-ed14326fadc487845d15.js b/18683-ed14326fadc487845d15.js new file mode 100644 index 0000000000..7314dfc695 --- /dev/null +++ b/18683-ed14326fadc487845d15.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[18683,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,a,l){var m=l(64836);a.Z=void 0;var d=m(l(67294)),n=m(l(45697)),r=m(l(47166)),u=m(l(17422)),i=r.default.bind(u.default),t={name:n.default.string.isRequired,src:n.default.string,url:n.default.string,version:n.default.string.isRequired},p=function(e){var a=e.src,l=e.name,m=e.url,n=e.version,r=d.default.createElement("a",{className:i("badge"),href:m||"https://www.npmjs.org/package/".concat(l,"/v/").concat(n)},d.default.createElement("span",{className:i("badge-name")},m?"package":"npm"),d.default.createElement("span",{className:i("badge-version")},"v".concat(n))),u=a?d.default.createElement("a",{className:i("badge"),href:a},d.default.createElement("span",{className:i("badge-name")},"github"),d.default.createElement("span",{className:i("badge-version")},"source")):void 0;return d.default.createElement("div",{className:i("badge-container")},r,u)};p.propTypes=t;var x=p;a.Z=x},18683:function(e,a,l){l.r(a),l.d(a,{default:function(){return c}});l(67294);var m=l(81254),d=l(86377),n=["components"];function r(){return r=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(d[l]=e[l]);return d}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(m=0;m=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(d[l]=e[l])}return d}var i={},t="wrapper";function p(e){var a=e.components,l=u(e,n);return(0,m.mdx)(t,r({},i,l,{components:a,mdxType:"MDXLayout"}),(0,m.mdx)("h1",{id:"changelog"},"Changelog"),(0,m.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,m.mdx)("h2",{id:"3550---november-13-2023"},"3.55.0 - (November 13, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3540---october-23-2023"},"3.54.0 - (October 23, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Fixed"),(0,m.mdx)("li",{parentName:"ul"},"Fixed reflow issue when the viewport is resized to 320x256 px.")),(0,m.mdx)("h2",{id:"3530---august-23-2023"},"3.53.0 - (August 23, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Removed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed custom styles for ",(0,m.mdx)("inlineCode",{parentName:"li"},"terra-arrange")," to avoid issues on other components.")))),(0,m.mdx)("h2",{id:"3520---august-1-2023"},"3.52.0 - (August 1, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated Arrange to use ",(0,m.mdx)("inlineCode",{parentName:"li"},"span")," elements instead of ",(0,m.mdx)("inlineCode",{parentName:"li"},"div"),"."))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Fixed reflow issue when zoomed to 400% and the viewport is resized to 320x256 px.")))),(0,m.mdx)("h2",{id:"3510---february-15-2023"},"3.51.0 - (February 15, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated wdio screenshots due to functional-testing upgrade.")))),(0,m.mdx)("h2",{id:"3500---december-7-2022"},"3.50.0 - (December 7, 2022)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3490---september-28-2021"},"3.49.0 - (September 28, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated WDIO screenshots.")))),(0,m.mdx)("h2",{id:"3480---september-21-2021"},"3.48.0 - (September 21, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated WDIO Screenshots due to webpack-config-terra sass upgrade.")))),(0,m.mdx)("h2",{id:"3470---july-6-2021"},"3.47.0 - (July 6, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update test urls to account for scoped packages.")))),(0,m.mdx)("h2",{id:"3460---may-11-2021"},"3.46.0 - (May 11, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"migrate doc to terra-core-docs"),(0,m.mdx)("li",{parentName:"ul"},"remove unnecessary dependencies")))),(0,m.mdx)("h2",{id:"3450---april-13-2021"},"3.45.0 - (April 13, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3440---april-6-2021"},"3.44.0 - (April 6, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Upgrade tests to terra-functional-testing and WebDriverIO v6"),(0,m.mdx)("li",{parentName:"ul"},"Removed unnecessary ",(0,m.mdx)("inlineCode",{parentName:"li"},"wdio.conf.js")," file"),(0,m.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,m.mdx)("h2",{id:"3430---february-2-2021"},"3.43.0 - (February 2, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3420---january-5-2021"},"3.42.0 - (January 5, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Fixed"),(0,m.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation.")),(0,m.mdx)("h2",{id:"3410---december-8-2020"},"3.41.0 - (December 8, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3400---november-17-2020"},"3.40.0 - (November 17, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,m.mdx)("h2",{id:"3390---october-27-2020"},"3.39.0 - (October 27, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3380---august-6-2020"},"3.38.0 - (August 6, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3370---august-4-2020"},"3.37.0 - (August 4, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3360---july-29-2020"},"3.36.0 - (July 29, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update changelog formatting")))),(0,m.mdx)("h2",{id:"3350---july-7-2020"},"3.35.0 - (July 7, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"updated ",(0,m.mdx)("inlineCode",{parentName:"li"},"master")," references to ",(0,m.mdx)("inlineCode",{parentName:"li"},"main"),".")))),(0,m.mdx)("h2",{id:"3340---june-9-2020"},"3.34.0 - (June 9, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config")))),(0,m.mdx)("h2",{id:"3330---may-19-2020"},"3.33.0 - (May 19, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3320---april-28-2020"},"3.32.0 - (April 28, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge'))),(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,m.mdx)("h2",{id:"3310---april-22-2020"},"3.31.0 - (April 22, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated docs for documentation link"),(0,m.mdx)("li",{parentName:"ul"},"Removed extra lines from README")))),(0,m.mdx)("h2",{id:"3300---march-10-2020"},"3.30.0 - (March 10, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3290---february-18-2020"},"3.29.0 - (February 18, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added generated-themes to .npmignore")))),(0,m.mdx)("h2",{id:"3280---february-4-2020"},"3.28.0 - (February 4, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update docs to use MDX syntax.")))),(0,m.mdx)("h2",{id:"3270---january-28-2020"},"3.27.0 - (January 28, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3260---january-7-2020"},"3.26.0 - (January 7, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Removed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed yarn reference in docs")))),(0,m.mdx)("h2",{id:"3250---december-3-2019"},"3.25.0 - (December 3, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},'Added reference wdio screenshots for "orion-fusion-theme".')))),(0,m.mdx)("h2",{id:"3240---october-30-2019"},"3.24.0 - (October 30, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3230---october-3-2019"},"3.23.0 - (October 3, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3220---september-19-2019"},"3.22.0 - (September 19, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed ",(0,m.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site.")))),(0,m.mdx)("h2",{id:"3210---september-6-2019"},"3.21.0 - (September 6, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Props table markdown file import added to doc site page")))),(0,m.mdx)("h2",{id:"3200---september-3-2019"},"3.20.0 - (September 3, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3190---august-21-2019"},"3.19.0 - (August 21, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Import for package version from package.json added to doc page"),(0,m.mdx)("li",{parentName:"ul"},"Switch from Object.assign to Object spread syntax."),(0,m.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files")))),(0,m.mdx)("h2",{id:"3180---august-14-2019"},"3.18.0 - (August 14, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"updated package.json test scripts"),(0,m.mdx)("li",{parentName:"ul"},"Updated Props description for alignFitEnd and alignFill.")))),(0,m.mdx)("h2",{id:"3170---july-30-2019"},"3.17.0 - (July 30, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3160---july-24-2019"},"3.16.0 - (July 24, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3150---july-16-2019"},"3.15.0 - (July 16, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies")))),(0,m.mdx)("h2",{id:"3140----july-11-2019"},"3.14.0 - (July 11, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3130---july-9-2019"},"3.13.0 - (July 9, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update tests to use ",(0,m.mdx)("inlineCode",{parentName:"li"},"Terra.describeViewports")," for setting viewports")))),(0,m.mdx)("h2",{id:"3120---june-28-2019"},"3.12.0 - (June 28, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3110---june-18-2019"},"3.11.0 - (June 18, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed all inline styles from Dev-site components and implemented the same styles using external css.")))),(0,m.mdx)("h2",{id:"3100---june-11-2019"},"3.10.0 - (June 11, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Removed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Made required updates to consume terra-toolkit v5 and terra-dev-site v5")))),(0,m.mdx)("h2",{id:"390---may-1-2019"},"3.9.0 - (May 1, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,m.mdx)("li",{parentName:"ul"},"Restructured arrange examples to better demonstrate alignment functionality")))),(0,m.mdx)("h2",{id:"380---april-16-2019"},"3.8.0 - (April 16, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"370---april-9-2019"},"3.7.0 - (April 9, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"360---march-26-2019"},"3.6.0 - (March 26, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Removed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,m.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,m.mdx)("h2",{id:"350---march-21-2019"},"3.5.0 - (March 21, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"340---february-26-2019"},"3.4.0 - (February 26, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"330---february-12-2019"},"3.3.0 - (February 12, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"320---february-5-2019"},"3.2.0 - (February 5, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"310---january-26-2019"},"3.1.0 - (January 26, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"300---january-22-2019"},"3.0.0 - (January 22, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated theme variables")))),(0,m.mdx)("h2",{id:"2340---january-22-2019"},"2.34.0 - (January 22, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated dependencies to fix major version bump issues")))),(0,m.mdx)("h2",{id:"2330---january-8-2019"},"2.33.0 - (January 8, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2320---january-2-2019"},"2.32.0 - (January 2, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated site examples to be more accessible."),(0,m.mdx)("li",{parentName:"ul"},"Removed use of componentWillMount from examples")))),(0,m.mdx)("h2",{id:"2311---november-20-2018"},"2.31.1 - (November 20, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,m.mdx)("h2",{id:"2310---november-19-2018"},"2.31.0 - (November 19, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2300---november-13-2018"},"2.30.0 - (November 13, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2290---november-9-2018"},"2.29.0 - (November 9, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2280---october-24-2018"},"2.28.0 - (October 24, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2270---october-16-2018"},"2.27.0 - (October 16, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2260---october-8-2018"},"2.26.0 - (October 8, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2250---october-2-2018"},"2.25.0 - (October 2, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Export for alignment types added")))),(0,m.mdx)("h2",{id:"2240---september-25-2018"},"2.24.0 - (September 25, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2231---september-6-2018"},"2.23.1 - (September 6, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,m.mdx)("h2",{id:"2230---september-5-2018"},"2.23.0 - (September 5, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,m.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,m.mdx)("h2",{id:"2220---september-4-2018"},"2.22.0 - (September 4, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2210---august-29-2018"},"2.21.0 - (August 29, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2200---august-1-2018"},"2.20.0 - (August 1, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2190---july-19-2018"},"2.19.0 - (July 19, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Add .module extension to SCSS file(s)")))),(0,m.mdx)("h2",{id:"2180---july-17-2018"},"2.18.0 - (July 17, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,m.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v4 update")))),(0,m.mdx)("h2",{id:"2170---july-10-2018"},"2.17.0 - (July 10, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2160---june-28-2018"},"2.16.0 - (June 28, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added change log to the documentation on terra-dev-site")))),(0,m.mdx)("h2",{id:"2150---june-22-2018"},"2.15.0 - (June 22, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Moved terra-base from dependency to peerDependency")))),(0,m.mdx)("h2",{id:"2140---june-12-2018"},"2.14.0 - (June 12, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},'Updated "test:jest" script to work on windows.')))),(0,m.mdx)("h2",{id:"2130---may-30-2018"},"2.13.0 - (May 30, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated structure to match terra-dev-site 1.0 and moved doc examples internal.")))),(0,m.mdx)("h2",{id:"2120---may-25-2018"},"2.12.0 - (May 25, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2110---may-23-2018"},"2.11.0 - (May 23, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2100---may-16-2018"},"2.10.0 - (May 16, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"290---may-9-2018"},"2.9.0 - (May 9, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"280---may-2-2018"},"2.8.0 - (May 2, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"270---april-20-2018"},"2.7.0 - (April 20, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"260---april-15-2018"},"2.6.0 - (April 15, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"250---april-5-2018"},"2.5.0 - (April 5, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"240---march-30-2018"},"2.4.0 - (March 30, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"230---march-14-2018"},"2.3.0 - (March 14, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed error thrown when fitStart or fitEnd isn't provided.")))),(0,m.mdx)("h2",{id:"220---march-6-2018"},"2.2.0 - (March 6, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Removed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed props-table script from package.json")))),(0,m.mdx)("h2",{id:"210---february-26-2018"},"2.1.0 - (February 26, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"201---february-13-2018"},"2.0.1 - (February 13, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated peerDependencies")))),(0,m.mdx)("h2",{id:"200---february-12-2018"},"2.0.0 - (February 12, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated to use React 16")))),(0,m.mdx)("h2",{id:"1190---february-1-2018"},"1.19.0 - (February 1, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1180---january-18-2018"},"1.18.0 - (January 18, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1170---january-5-2018"},"1.17.0 - (January 5, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Fixed broken image in arrange example")))),(0,m.mdx)("h2",{id:"1160---november-28-2017"},"1.16.0 - (November 28, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1150---november-16-2017"},"1.15.0 - (November 16, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1140---november-7-2017"},"1.14.0 - (November 7, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1130---october-31-2017"},"1.13.0 - (October 31, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Change to be flexbox component and adding new props to apply attributes to content containers")))),(0,m.mdx)("h2",{id:"1120---october-6-2017"},"1.12.0 - (October 6, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1110---september-26-2017"},"1.11.0 - (September 26, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Removed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Remove stylelint-disable selector-class-pattern")))),(0,m.mdx)("h2",{id:"1100---september-12-2017"},"1.10.0 - (September 12, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"190---september-12-2017"},"1.9.0 - (September 12, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"180---september-7-2017"},"1.8.0 - (September 7, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"170---september-5-2017"},"1.7.0 - (September 5, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update nightwatch tests and test scripts.")))),(0,m.mdx)("h2",{id:"160---august-31-2017"},"1.6.0 - (August 31, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"150---august-15-2017"},"1.5.0 - (August 15, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"140---august-8-2017"},"1.4.0 - (August 8, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"130---august-1-2017"},"1.3.0 - (August 1, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"120---july-26-2017"},"1.2.0 - (July 26, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"110---july-18-2017"},"1.1.0 - (July 18, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Converted component to use CSS modules"),(0,m.mdx)("li",{parentName:"ul"},"Updated nightwatch test scripts"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Removed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed nightwatch.config file")))),(0,m.mdx)("h2",{id:"100---june-28-2017"},"1.0.0 - (June 28, 2017)"),(0,m.mdx)("p",null,"Initial stable release"))}p.isMDXComponent=!0;var x=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(d[l]=e[l]);return d}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(m=0;m=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(d[l]=e[l])}return d}var s={},h="wrapper";function c(e){var a=e.components,l=N(e,x);return(0,m.mdx)(h,o({},s,l,{components:a,mdxType:"MDXLayout"}),(0,m.mdx)(d.C,{mdxType:"Badge"}),(0,m.mdx)(p,{mdxType:"ChangeLog"}))}c.isMDXComponent=!0},86377:function(e,a,l){l.d(a,{C:function(){return n}});var m=l(67294),d=l(22863),n=function(e){var a=e.url;return m.createElement(d.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-arrange",name:"terra-arrange",version:"3.55.0",url:a})}},17422:function(e,a,l){l.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/1871-5ad540169fef8ff2968d.js b/1871-5ad540169fef8ff2968d.js new file mode 100644 index 0000000000..07153b5541 --- /dev/null +++ b/1871-5ad540169fef8ff2968d.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[1871],{2619:function(e,t,l){t.Z=void 0;var n=d(l(67294)),a=d(l(97996)),r=d(l(47166)),o=d(l(48824));function d(e){return e&&e.__esModule?e:{default:e}}var p=r.default.bind(o.default);t.Z=function(){return n.default.createElement(a.default,{placeholder:"Select a color",allowClear:!0,className:p("form-select")},n.default.createElement(a.default.Option,{value:"blue",display:"Blue"}),n.default.createElement(a.default.Option,{value:"green",display:"Green"}),n.default.createElement(a.default.Option,{value:"purple",display:"Purple"}),n.default.createElement(a.default.Option,{value:"red",display:"Red"}),n.default.createElement(a.default.Option,{value:"violet",display:"Violet"}))}},10035:function(e,t,l){function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}t.Z=void 0;var a=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=n(e)&&"function"!=typeof e)return{default:e};var l=m(t);if(l&&l.has(e))return l.get(e);var a={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var d=r?Object.getOwnPropertyDescriptor(e,o):null;d&&(d.get||d.set)?Object.defineProperty(a,o,d):a[o]=e[o]}return a.default=e,l&&l.set(e,a),a}(l(67294)),r=p(l(97996)),o=p(l(47166)),d=p(l(48824));function p(e){return e&&e.__esModule?e:{default:e}}function m(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,l=new WeakMap;return(m=function(e){return e?l:t})(e)}function i(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var l=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=l){var n,a,r,o,d=[],p=!0,m=!1;try{if(r=(l=l.call(e)).next,0===t){if(Object(l)!==l)return;p=!1}else for(;!(p=(n=r.call(l)).done)&&(d.push(n.value),d.length!==t);p=!0);}catch(e){m=!0,a=e}finally{try{if(!p&&null!=l.return&&(o=l.return(),Object(o)!==o))return}finally{if(m)throw a}}return d}}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return c(e,t);var l=Object.prototype.toString.call(e).slice(8,-1);"Object"===l&&e.constructor&&(l=e.constructor.name);if("Map"===l||"Set"===l)return Array.from(e);if("Arguments"===l||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(l))return c(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var l=0,n=new Array(t);l=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var i={};function c(e){var t=e.components,l=m(e,d);return(0,a.mdx)("wrapper",p({},i,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport SearchSelect from \'terra-form-select/lib/SearchSelect\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst AllowClearExample = () => (\n \n \n \n \n \n \n \n);\n\nexport default AllowClearExample;\n\n')))}c.isMDXComponent=!0;var u=l(49271),s=l(15305),f=function(e){var t=e.title,l=e.description,a=e.isExpanded;return n.createElement(u.Z,{title:t||"Allow Clear",description:l,example:n.createElement(o.Z,null),exampleCssSrc:n.createElement(s.Z,null),exampleSrc:n.createElement(c,null),isExpanded:a})},x=l(10035),y=["components"];function v(){return v=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var b={};function O(e){var t=e.components,l=h(e,y);return(0,a.mdx)("wrapper",v({},b,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React, { useState } from \'react\';\nimport SearchSelect from \'terra-form-select/lib/SearchSelect\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst ControlledExample = () => {\n const [value, setValue] = useState(\'blue\');\n\n return (\n \n \n \n \n \n \n \n );\n};\n\nexport default ControlledExample;\n\n')))}O.isMDXComponent=!0;var g=function(e){var t=e.title,l=e.description,a=e.isExpanded;return n.createElement(u.Z,{title:t||"Controlled",description:l,example:n.createElement(x.Z,null),exampleCssSrc:n.createElement(s.Z,null),exampleSrc:n.createElement(O,null),isExpanded:a})},S=l(64142),T=["components"];function N(){return N=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var C={};function j(e){var t=e.components,l=E(e,T);return(0,a.mdx)("wrapper",N({},C,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport SearchSelect from \'terra-form-select/lib/SearchSelect\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst SearchSelectExample = () => (\n <>\n \n \n \n \n \n \n \n \n \n);\n\nexport default SearchSelectExample;\n\n')))}j.isMDXComponent=!0;var w=function(e){var t=e.title,l=e.description,a=e.isExpanded;return n.createElement(u.Z,{title:t||"Search",description:l,example:n.createElement(S.Z,null),exampleCssSrc:n.createElement(s.Z,null),exampleSrc:n.createElement(j,null),isExpanded:a})},_=l(59475),R=["components"];function D(){return D=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var k={};function W(e){var t=e.components,l=P(e,R);return(0,a.mdx)("wrapper",D({},k,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport SearchSelect from \'terra-form-select/lib/SearchSelect\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst DisabledExample = () => (\n \n \n \n \n \n \n \n);\n\nexport default DisabledExample;\n\n')))}W.isMDXComponent=!0;var q=function(e){var t=e.title,l=e.description,a=e.isExpanded;return n.createElement(u.Z,{title:t||"Disabled",description:l,example:n.createElement(_.Z,null),exampleCssSrc:n.createElement(s.Z,null),exampleSrc:n.createElement(W,null),isExpanded:a})},M=l(50488),Z=["components"];function X(){return X=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var I={};function G(e){var t=e.components,l=V(e,Z);return(0,a.mdx)("wrapper",X({},I,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport SearchSelect from \'terra-form-select/lib/SearchSelect\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst IsTouchAccessibleExample = () => (\n \n \n \n \n \n \n \n);\n\nexport default IsTouchAccessibleExample;\n\n')))}G.isMDXComponent=!0;var A=function(e){var t=e.title,l=e.description,a=e.isExpanded;return n.createElement(u.Z,{title:t||"Is Touch Accessible",description:l,example:n.createElement(M.Z,null),exampleCssSrc:n.createElement(s.Z,null),exampleSrc:n.createElement(G,null),isExpanded:a})},B=l(11875),F=["components"];function L(){return L=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var H={};function K(e){var t=e.components,l=z(e,F);return(0,a.mdx)("wrapper",L({},H,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport SearchSelect from \'terra-form-select/lib/SearchSelect\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst InvalidExample = () => (\n \n \n \n \n \n \n \n);\n\nexport default InvalidExample;\n\n')))}K.isMDXComponent=!0;var Y=function(e){var t=e.title,l=e.description,a=e.isExpanded;return n.createElement(u.Z,{title:t||"Invalid",description:l,example:n.createElement(B.Z,null),exampleCssSrc:n.createElement(s.Z,null),exampleSrc:n.createElement(K,null),isExpanded:a})},U=l(72744),Q=["components"];function J(){return J=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var ee={};function te(e){var t=e.components,l=$(e,Q);return(0,a.mdx)("wrapper",J({},ee,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport SearchSelect from \'terra-form-select/lib/SearchSelect\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst IncompleteExample = () => (\n \n \n \n \n \n \n \n);\n\nexport default IncompleteExample;\n\n')))}te.isMDXComponent=!0;var le=function(e){var t=e.title,l=e.description,a=e.isExpanded;return n.createElement(u.Z,{title:t||"Incomplete",description:l,example:n.createElement(U.Z,null),exampleCssSrc:n.createElement(s.Z,null),exampleSrc:n.createElement(te,null),isExpanded:a})},ne=l(79503),ae=["components"];function re(){return re=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var de={};function pe(e){var t=e.components,l=oe(e,ae);return(0,a.mdx)("wrapper",re({},de,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport SearchSelect from \'terra-form-select/lib/SearchSelect\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst MaxHeightExample = () => (\n \n \n \n \n \n \n \n \n \n \n \n);\n\nexport default MaxHeightExample;\n\n')))}pe.isMDXComponent=!0;var me=function(e){var t=e.title,l=e.description,a=e.isExpanded;return n.createElement(u.Z,{title:t||"Max Height",description:l,example:n.createElement(ne.Z,null),exampleCssSrc:n.createElement(s.Z,null),exampleSrc:n.createElement(pe,null),isExpanded:a})},ie=l(19871),ce=["components"];function ue(){return ue=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var fe={};function xe(e){var t=e.components,l=se(e,ce);return(0,a.mdx)("wrapper",ue({},fe,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport SearchSelect from \'terra-form-select/lib/SearchSelect\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst OptGroupExample = () => (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n);\n\nexport default OptGroupExample;\n\n')))}xe.isMDXComponent=!0;var ye=function(e){var t=e.title,l=e.description,a=e.isExpanded;return n.createElement(u.Z,{title:t||"Opt Group",description:l,example:n.createElement(ie.Z,null),exampleCssSrc:n.createElement(s.Z,null),exampleSrc:n.createElement(xe,null),isExpanded:a})},ve=l(78530),he=["components"];function be(){return be=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var ge={},Se="wrapper";function Te(e){var t=e.components,l=Oe(e,he);return(0,a.mdx)(Se,be({},ge,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(ve.ZP,{mdxType:"PropsTable"},(0,a.mdx)(ve.X2,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(ve.O,{mdxType:"PropNameCell"},"allowClear"),(0,a.mdx)(ve.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(ve.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ve.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(ve.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether a clear option is available to clear the selection, will use placeholder text if provided."))),(0,a.mdx)(ve.X2,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(ve.O,{mdxType:"PropNameCell"},"children"),(0,a.mdx)(ve.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,a.mdx)(ve.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ve.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(ve.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The dropdown menu options."))),(0,a.mdx)(ve.X2,{key:"ROW3",mdxType:"Row"},(0,a.mdx)(ve.O,{mdxType:"PropNameCell"},"defaultValue"),(0,a.mdx)(ve.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"unionOf: [\n type: 'string',\n type: 'number',\n type: 'array',\n],\n"))),(0,a.mdx)(ve.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ve.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(ve.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The default selected value. Can be a string, number, or array of strings/numbers."))),(0,a.mdx)(ve.X2,{key:"ROW4",mdxType:"Row"},(0,a.mdx)(ve.O,{mdxType:"PropNameCell"},"disabled"),(0,a.mdx)(ve.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(ve.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ve.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(ve.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether the select is disabled."))),(0,a.mdx)(ve.X2,{key:"ROW5",mdxType:"Row"},(0,a.mdx)(ve.O,{mdxType:"PropNameCell"},"dropdownAttrs"),(0,a.mdx)(ve.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,a.mdx)(ve.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ve.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(ve.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Additional attributes to spread onto the dropdown. ( Style, ClassNames, etc.. )"))),(0,a.mdx)(ve.X2,{key:"ROW6",mdxType:"Row"},(0,a.mdx)(ve.O,{mdxType:"PropNameCell"},"isIncomplete"),(0,a.mdx)(ve.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(ve.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ve.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(ve.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether the select displays as Incomplete. Use when no value has been provided. ",(0,a.mdx)("em",{parentName:"p"},"(usage note: ",(0,a.mdx)("inlineCode",{parentName:"em"},"required")," must also be set)"),"."))),(0,a.mdx)(ve.X2,{key:"ROW7",mdxType:"Row"},(0,a.mdx)(ve.O,{mdxType:"PropNameCell"},"isInvalid"),(0,a.mdx)(ve.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(ve.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ve.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(ve.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether the select displays as Invalid. Use when value does not meet validation pattern."))),(0,a.mdx)(ve.X2,{key:"ROW8",mdxType:"Row"},(0,a.mdx)(ve.O,{mdxType:"PropNameCell"},"isTouchAccessible"),(0,a.mdx)(ve.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(ve.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ve.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(ve.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Ensures touch accessibility by rendering the dropdown inline without a portal."),(0,a.mdx)("p",null,"Note: When enabled the dropdown will clip if rendered within a container that has an overflow: hidden ancestor.\nThe dropdown may also appear beneath content if rendered within a container that has an overflow: auto ancestor."))),(0,a.mdx)(ve.X2,{key:"ROW9",mdxType:"Row"},(0,a.mdx)(ve.O,{mdxType:"PropNameCell"},"maxHeight"),(0,a.mdx)(ve.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"number\n"))),(0,a.mdx)(ve.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ve.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(ve.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The max height of the dropdown."))),(0,a.mdx)(ve.X2,{key:"ROW10",mdxType:"Row"},(0,a.mdx)(ve.O,{mdxType:"PropNameCell"},"noResultContent"),(0,a.mdx)(ve.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,a.mdx)(ve.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ve.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(ve.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Content to display when no results are found."))),(0,a.mdx)(ve.X2,{key:"ROW11",mdxType:"Row"},(0,a.mdx)(ve.O,{mdxType:"PropNameCell"},"onBlur"),(0,a.mdx)(ve.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(ve.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ve.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(ve.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function triggered when the select loses focus. function(event)"))),(0,a.mdx)(ve.X2,{key:"ROW12",mdxType:"Row"},(0,a.mdx)(ve.O,{mdxType:"PropNameCell"},"onChange"),(0,a.mdx)(ve.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(ve.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ve.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(ve.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function triggered when the value changes. function(value)"))),(0,a.mdx)(ve.X2,{key:"ROW13",mdxType:"Row"},(0,a.mdx)(ve.O,{mdxType:"PropNameCell"},"onClick"),(0,a.mdx)(ve.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(ve.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ve.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(ve.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function triggered when the select is clicked. function(event)"))),(0,a.mdx)(ve.X2,{key:"ROW14",mdxType:"Row"},(0,a.mdx)(ve.O,{mdxType:"PropNameCell"},"onDeselect"),(0,a.mdx)(ve.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(ve.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ve.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(ve.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function triggered when an option is deselected. function(value)"))),(0,a.mdx)(ve.X2,{key:"ROW15",mdxType:"Row"},(0,a.mdx)(ve.O,{mdxType:"PropNameCell"},"onFocus"),(0,a.mdx)(ve.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(ve.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ve.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(ve.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function triggered when the select receives focus. function(event)"))),(0,a.mdx)(ve.X2,{key:"ROW16",mdxType:"Row"},(0,a.mdx)(ve.O,{mdxType:"PropNameCell"},"onSearch"),(0,a.mdx)(ve.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(ve.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ve.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(ve.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function triggered when the search criteria changes. function(searchValue)"))),(0,a.mdx)(ve.X2,{key:"ROW17",mdxType:"Row"},(0,a.mdx)(ve.O,{mdxType:"PropNameCell"},"onSelect"),(0,a.mdx)(ve.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(ve.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ve.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(ve.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function triggered when an option is selected. function(value)"))),(0,a.mdx)(ve.X2,{key:"ROW18",mdxType:"Row"},(0,a.mdx)(ve.O,{mdxType:"PropNameCell"},"optionFilter"),(0,a.mdx)(ve.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(ve.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ve.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(ve.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function invoked for each option on search change. function(searchValue, option)"))),(0,a.mdx)(ve.X2,{key:"ROW19",mdxType:"Row"},(0,a.mdx)(ve.O,{mdxType:"PropNameCell"},"placeholder"),(0,a.mdx)(ve.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(ve.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ve.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(ve.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Placeholder text."))),(0,a.mdx)(ve.X2,{key:"ROW20",mdxType:"Row"},(0,a.mdx)(ve.O,{mdxType:"PropNameCell"},"required"),(0,a.mdx)(ve.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(ve.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ve.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(ve.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether the field is required."))),(0,a.mdx)(ve.X2,{key:"ROW21",mdxType:"Row"},(0,a.mdx)(ve.O,{mdxType:"PropNameCell"},"value"),(0,a.mdx)(ve.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"unionOf: [\n type: 'string',\n type: 'number',\n type: 'array',\n],\n"))),(0,a.mdx)(ve.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ve.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(ve.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The selected value. Can be a string, number, or array of strings/numbers.")))))}Te.isMDXComponent=!0;var Ne=l(47549),Ee=l(25148),Ce=["components"];function je(){return je=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var _e={},Re="wrapper";function De(e){var t=e.components,l=we(e,Ce);return(0,a.mdx)(Re,je({},_e,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(r.C,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"terra-form-search-select"},"Terra Form Search Select"),(0,a.mdx)("p",null,"The Search Select component allows selecting a single option from a dropdown of selectable options."),(0,a.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Install with ",(0,a.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("inlineCode",{parentName:"li"},"npm install terra-form-select"))))),(0,a.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,a.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,a.mdx)("table",null,(0,a.mdx)("thead",{parentName:"table"},(0,a.mdx)("tr",{parentName:"thead"},(0,a.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,a.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,a.mdx)("tbody",{parentName:"table"},(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"react"),(0,a.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,a.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"react-intl"),(0,a.mdx)("td",{parentName:"tr",align:null},"^2.8.0")))),(0,a.mdx)("h2",{id:"implementation-notes"},"Implementation Notes:"),(0,a.mdx)("p",null,"The Form-Select component must be composed inside the ",(0,a.mdx)("a",{parentName:"p",href:"/terra-ui/components/cerner-terra-core-docs/base/about"},"Base")," component with a locale in order for it to load the correct translation strings."),(0,a.mdx)("h2",{id:"usage"},"Usage"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import SearchSelect from 'terra-form-select/lib/SearchSelect';\n")),(0,a.mdx)("h2",{id:"component-features"},"Component Features"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Internationalization Support")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Localization Support")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#ltr--rtl"},"LTR/RTL Support"))),(0,a.mdx)("h2",{id:"examples"},"Examples"),(0,a.mdx)(w,{description:"A Search Select allows selecting a single option.",mdxType:"SearchExample"}),(0,a.mdx)(A,{description:"Ensure accessibility on touch devices. Will render the dropdown menu in normal DOM flow with position absolute. By default, the menu renders in a portal, which is inaccessible on touch devices.",mdxType:"IsTouchAccessibleExample"}),(0,a.mdx)(q,{mdxType:"DisabledExample"}),(0,a.mdx)(Y,{description:"Applies theme-specific styling for invalid. Will also display error text when used with a Field.",mdxType:"InvalidExample"}),(0,a.mdx)(le,{description:"Applies theme-specific styling for incomplete. ***Note: Only use incomplete if given specific guidance, reserved for specific applications when no value has been provided. Not for general use.***",mdxType:"IncompleteExample"}),(0,a.mdx)(ye,{title:"Ability to add Option Groups",description:"An OptGroup provides a way to group options together within the listbox.",mdxType:"OptGroupExample"}),(0,a.mdx)(me,{title:"Ability to set a Maximum Height",description:"An example of implementing a custom max height of the Search.",mdxType:"MaxHeightExample"}),(0,a.mdx)(f,{title:"Ability to Clear Selection",description:"An example with an option to clear the selected item.",mdxType:"AllowClearExample"}),(0,a.mdx)(g,{title:"Create a Controlled Search Select",description:"An example of implementing a controlled Search Select.",mdxType:"ControlledExample"}),(0,a.mdx)("h2",{id:"search-select-props"},"Search Select Props"),(0,a.mdx)(Te,{mdxType:"SearchSelectPropsTable"}),(0,a.mdx)("h2",{id:"option-props"},"Option Props"),(0,a.mdx)(Ne.Z,{mdxType:"OptionPropsTable"}),(0,a.mdx)("h2",{id:"optgroup-props"},"OptGroup Props"),(0,a.mdx)(Ee.Z,{mdxType:"OptGroupPropsTable"}))}De.isMDXComponent=!0},15305:function(e,t,l){l.d(t,{Z:function(){return m}});l(67294);var n=l(81254),a=["components"];function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var d={},p="wrapper";function m(e){var t=e.components,l=o(e,a);return(0,n.mdx)(p,r({},d,l,{components:t,mdxType:"MDXLayout"}),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .form-select {\n max-width: 300px;\n }\n\n .controlled-button {\n margin: 5px;\n }\n}\n\n")))}m.isMDXComponent=!0},57739:function(e,t,l){l.d(t,{C:function(){return r}});var n=l(67294),a=l(22863),r=function(e){var t=e.url;return n.createElement(a.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-form-select",name:"terra-form-select",version:"6.51.0",url:t})}},25148:function(e,t,l){l.d(t,{Z:function(){return i}});l(67294);var n=l(81254),a=l(78530),r=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var p={},m="wrapper";function i(e){var t=e.components,l=d(e,r);return(0,n.mdx)(m,o({},p,l,{components:t,mdxType:"MDXLayout"}),(0,n.mdx)(a.ZP,{mdxType:"PropsTable"},(0,n.mdx)(a.X2,{key:"ROW1",mdxType:"Row"},(0,n.mdx)(a.O,{mdxType:"PropNameCell"},"children"),(0,n.mdx)(a.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,n.mdx)(a.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(a.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(a.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The group options."))),(0,n.mdx)(a.X2,{key:"ROW2",mdxType:"Row"},(0,n.mdx)(a.O,{mdxType:"PropNameCell"},"disabled"),(0,n.mdx)(a.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(a.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(a.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(a.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether the option group is disabled."))),(0,n.mdx)(a.X2,{key:"ROW3",mdxType:"Row"},(0,n.mdx)(a.O,{mdxType:"PropNameCell"},"label"),(0,n.mdx)(a.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,n.mdx)(a.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,n.mdx)(a.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(a.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The group label.")))))}i.isMDXComponent=!0},47549:function(e,t,l){l.d(t,{Z:function(){return i}});l(67294);var n=l(81254),a=l(78530),r=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var p={},m="wrapper";function i(e){var t=e.components,l=d(e,r);return(0,n.mdx)(m,o({},p,l,{components:t,mdxType:"MDXLayout"}),(0,n.mdx)(a.ZP,{mdxType:"PropsTable"},(0,n.mdx)(a.X2,{key:"ROW1",mdxType:"Row"},(0,n.mdx)(a.O,{mdxType:"PropNameCell"},"disabled"),(0,n.mdx)(a.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(a.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(a.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(a.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether the option is disabled."))),(0,n.mdx)(a.X2,{key:"ROW2",mdxType:"Row"},(0,n.mdx)(a.O,{mdxType:"PropNameCell"},"display"),(0,n.mdx)(a.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,n.mdx)(a.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(a.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(a.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The display text of the option."))),(0,n.mdx)(a.X2,{key:"ROW3",mdxType:"Row"},(0,n.mdx)(a.O,{mdxType:"PropNameCell"},"value"),(0,n.mdx)(a.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"unionOf: [\n type: 'string',\n type: 'number',\n],\n"))),(0,n.mdx)(a.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,n.mdx)(a.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(a.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The value of the option. The value must be unique.")))))}i.isMDXComponent=!0},48824:function(e,t,l){l.r(t),t.default={"form-select":"FormSelectDocCommon-module__form-select___Tm1QE","controlled-button":"FormSelectDocCommon-module__controlled-button___wG6cn"}},53560:function(e,t,l){l.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},21488:function(e,t,l){l.r(t),t.default={"clinical-lowlight-theme":"_ClearOption-module__clinical-lowlight-theme___didEg","orion-fusion-theme":"_ClearOption-module__orion-fusion-theme___KZPgR","clear-option":"_ClearOption-module__clear-option___0FCZT"}},95125:function(e,t,l){l.r(t),t.default={"clinical-lowlight-theme":"_NoResults-module__clinical-lowlight-theme___M+a9V","orion-fusion-theme":"_NoResults-module__orion-fusion-theme___6lA58","no-results":"_NoResults-module__no-results___k4m2B"}},61698:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=c(l(67294)),a=c(l(45697)),r=c(l(94184)),o=c(l(47166)),d=c(l(50026)),p=c(l(88413)),m=c(l(21488)),i=["display","value"];function c(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var f=o.default.bind(m.default),x={display:a.default.string,value:a.default.string},y=function(e){var t=e.display,l=e.value,a=s(e,i),o=n.default.useContext(d.default);return n.default.createElement(p.default,u({},a,{className:(0,r.default)(f("clear-option",o.className),a.className),display:t,value:l,isSelected:!1,"data-terra-select-clear-option":!0}))};y.propTypes=x,y.isOption=!0;t.default=y},49978:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=m(l(67294)),a=m(l(45697)),r=m(l(47166)),o=m(l(50026)),d=l(25387),p=m(l(95125));function m(e){return e&&e.__esModule?e:{default:e}}var i=r.default.bind(p.default),c={noResultContent:a.default.node,value:a.default.oneOfType([a.default.number,a.default.string])},u=function(e){var t=e.noResultContent,l=e.value,a=n.default.useContext(o.default);return n.default.createElement("div",{role:"option",className:i("no-results",a.className),"aria-selected":"false"},t||n.default.createElement(d.FormattedMessage,{id:"Terra.form.select.noResults",values:{text:l}}))};u.propTypes=c;t.default=u},33864:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=r(l(67294)),a=r(l(99139));function r(e){return e&&e.__esModule?e:{default:e}}function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var d={};function s(e){var t=e.components,l=c(e,i);return(0,a.mdx)("wrapper",m({},d,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport List, { Item } from \'terra-list/lib/index\';\nimport { Placeholder } from \'@cerner/terra-docs\';\nimport classNames from \'classnames/bind\';\nimport styles from \'./ListDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst ListSectionExample = () => (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n);\n\nexport default ListSectionExample;\n\n')))}s.isMDXComponent=!0;var p=l(49271),u=l(63443),x=function(e){var t=e.title,l=e.description,a=e.isExpanded;return n.createElement(p.Z,{title:t||"List Item",description:l,example:n.createElement(o.Z,null),exampleCssSrc:n.createElement(u.Z,null),exampleSrc:n.createElement(s,null),isExpanded:a})},f=l(49456),y=l(78530),b=["components"];function h(){return h=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var g={},O="wrapper";function S(e){var t=e.components,l=v(e,b);return(0,a.mdx)(O,h({},g,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(y.ZP,{mdxType:"PropsTable"},(0,a.mdx)(y.X2,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(y.O,{mdxType:"PropNameCell"},"children"),(0,a.mdx)(y.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,a.mdx)(y.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(y.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,a.mdx)(y.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The content element to be placed inside the list item for display."))),(0,a.mdx)(y.X2,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(y.O,{mdxType:"PropNameCell"},"hasChevron"),(0,a.mdx)(y.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(y.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(y.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(y.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether or not the list item has a disclosure indicator presented."))),(0,a.mdx)(y.X2,{key:"ROW3",mdxType:"Row"},(0,a.mdx)(y.O,{mdxType:"PropNameCell"},"isSelected"),(0,a.mdx)(y.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(y.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(y.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(y.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether or not the list item should have selection styles applied."))),(0,a.mdx)(y.X2,{key:"ROW4",mdxType:"Row"},(0,a.mdx)(y.O,{mdxType:"PropNameCell"},"isSelectable"),(0,a.mdx)(y.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(y.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(y.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(y.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether or not the list item should have styles to indicate the item is selectable."))),(0,a.mdx)(y.X2,{key:"ROW5",mdxType:"Row"},(0,a.mdx)(y.O,{mdxType:"PropNameCell"},"metaData"),(0,a.mdx)(y.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,a.mdx)(y.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(y.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(y.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The associated metaData to be provided in the onSelect callback."))),(0,a.mdx)(y.X2,{key:"ROW6",mdxType:"Row"},(0,a.mdx)(y.O,{mdxType:"PropNameCell"},"onSelect"),(0,a.mdx)(y.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(y.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(y.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(y.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Function callback for when the appropriate click or key action is performed.\nCallback contains the javascript evnt and prop metadata, e.g. onSelect(event, metaData)"))),(0,a.mdx)(y.X2,{key:"ROW7",mdxType:"Row"},(0,a.mdx)(y.O,{mdxType:"PropNameCell"},"refCallback"),(0,a.mdx)(y.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(y.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(y.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(y.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Function callback for the ref of the li.")))))}S.isMDXComponent=!0;var T=["components"];function N(){return N=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var C={},D="wrapper";function P(e){var t=e.components,l=j(e,T);return(0,a.mdx)(D,N({},C,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(r.C,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"list-item"},"List Item"),(0,a.mdx)("p",null,"The list item provides a pattern for selection/selectability for li surrounded child content. Whenever, the list item has a prop ",(0,a.mdx)("inlineCode",{parentName:"p"},"isSelectable=true")," then ",(0,a.mdx)("inlineCode",{parentName:"p"},"aria-label")," must be provided to List for accessibility. The onSelect event is the primary means for interaction, as it yields the associated metaData when valid selection occurs, though individual onClick and onKeyDown events can be applied through the use of customProps if greater granularity is required."),(0,a.mdx)("h2",{id:"usage"},"Usage"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import List, { Item } from 'terra-list/lib/List';\n")),(0,a.mdx)("h2",{id:"examples"},"Examples"),(0,a.mdx)(x,{mdxType:"ListItemExample"}),(0,a.mdx)(f.Z,{mdxType:"ListDraggableExample"}),(0,a.mdx)("h2",{id:"list-item-props"},"List Item Props"),(0,a.mdx)(S,{mdxType:"ListItemPropsTable"}))}P.isMDXComponent=!0},49456:function(e,t,l){l.d(t,{Z:function(){return u}});var n=l(67294),a=l(83568),r=l(81254),o=["components"];function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var c={};function d(e){var t=e.components,l=m(e,o);return(0,r.mdx)("wrapper",i({},c,l,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport List, { Item } from \'terra-list/lib/index\';\nimport { Placeholder } from \'@cerner/terra-docs\';\nimport classNames from \'classnames/bind\';\nimport styles from \'./ListDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst ListDraggableExample = () => (\n <>\n

\n Select a patient from the list to view patient details.\n

\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n);\n\nexport default ListDraggableExample;\n\n')))}d.isMDXComponent=!0;var s=l(49271),p=l(63443),u=function(e){var t=e.title,l=e.description,r=e.isExpanded;return n.createElement(s.Z,{title:t||"Draggable List Item",description:l,example:n.createElement(a.Z,null),exampleCssSrc:n.createElement(p.Z,null),exampleSrc:n.createElement(d,null),isExpanded:r})}}}]); \ No newline at end of file diff --git a/19154-e717868fc3635cc38528.js b/19154-e717868fc3635cc38528.js new file mode 100644 index 0000000000..6d3fbdb23c --- /dev/null +++ b/19154-e717868fc3635cc38528.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[19154],{27025:function(e,t,a){a.d(t,{C:function(){return l}});var i=a(67294),n=a(22863),l=function(e){var t=e.url;return i.createElement(n.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-date-time-picker",name:"terra-date-time-picker",version:"4.100.0",url:t})}},40368:function(e,t,a){a.r(t),t.default={"date-time-picker":"DateTimePicker-module__date-time-picker___55U1I","date-facade":"DateTimePicker-module__date-facade___QJnLm","time-facade":"DateTimePicker-module__time-facade___AD4Fb"}},68266:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"_TimeClarification-module__clinical-lowlight-theme___ZL6ML","orion-fusion-theme":"_TimeClarification-module__orion-fusion-theme___7mulH","time-clarification":"_TimeClarification-module__time-clarification___a-cWb",header:"_TimeClarification-module__header___DHi7K",title:"_TimeClarification-module__title___bNP9P",body:"_TimeClarification-module__body___xJUYS",buttons:"_TimeClarification-module__buttons___X700z","button-daylight":"_TimeClarification-module__button-daylight___Y2IWC","button-standard":"_TimeClarification-module__button-standard___ktUI+","button-offset":"_TimeClarification-module__button-offset___VG0Om","button-offset-hidden":"_TimeClarification-module__button-offset-hidden___QEVm2","offset-button-container":"_TimeClarification-module__offset-button-container___WDUv+"}},48978:function(e,t,a){var i=a(64836),n=a(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=i(a(10434)),s=i(a(70215)),u=i(a(56690)),o=i(a(89728)),d=i(a(66115)),r=i(a(61655)),f=i(a(94993)),c=i(a(73808)),h=i(a(67294)),m=a(25387),p=i(a(45697)),T=i(a(47166)),D=i(a(50026)),v=i(a(50754)),g=i(a(37901)),C=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=n(e)&&"function"!=typeof e)return{default:e};var a=_(t);if(a&&a.has(e))return a.get(e);var i={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var s in e)if("default"!==s&&Object.prototype.hasOwnProperty.call(e,s)){var u=l?Object.getOwnPropertyDescriptor(e,s):null;u&&(u.get||u.set)?Object.defineProperty(i,s,u):i[s]=e[s]}return i.default=e,a&&a.set(e,i),i}(a(51051)),b=i(a(57689)),k=i(a(40368)),y=i(a(81852)),S=i(a(47665)),O=["dateInputAttributes","disabled","excludeDates","filterDate","includeDates","initialTimeZone","isIncomplete","isInvalid","isInvalidMeridiem","onBlur","onChange","onChangeRaw","onClickOutside","onFocus","onRequestClose","onSelect","maxDate","minDate","name","required","showSeconds","timeInputAttributes","value","timeVariant"];function _(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(_=function(e){return e?a:t})(e)}function V(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var a,i=(0,c.default)(e);if(t){var n=(0,c.default)(this).constructor;a=Reflect.construct(i,arguments,n)}else a=i.apply(this,arguments);return(0,f.default)(this,a)}}var B=T.default.bind(k.default),M={dateInputAttributes:p.default.object,disabled:p.default.bool,excludeDates:p.default.arrayOf(p.default.string),filterDate:p.default.func,includeDates:p.default.arrayOf(p.default.string),initialTimeZone:p.default.string,intl:p.default.shape({locale:p.default.string}).isRequired,isIncomplete:p.default.bool,isInvalid:p.default.bool,isInvalidMeridiem:p.default.bool,maxDate:p.default.string,minDate:p.default.string,name:p.default.string.isRequired,onBlur:p.default.func,onChange:p.default.func,onChangeRaw:p.default.func,onClickOutside:p.default.func,onFocus:p.default.func,onRequestClose:p.default.func,onSelect:p.default.func,required:p.default.bool,showSeconds:p.default.bool,timeInputAttributes:p.default.object,value:p.default.string,timeVariant:p.default.oneOf([y.default.FORMAT_12_HOUR,y.default.FORMAT_24_HOUR])},w={dateInputAttributes:void 0,disabled:!1,excludeDates:void 0,filterDate:void 0,includeDates:void 0,isIncomplete:!1,isInvalid:!1,isInvalidMeridiem:!1,maxDate:"2100-12-31",minDate:"1900-01-01",onBlur:void 0,onChange:void 0,onChangeRaw:void 0,onClickOutside:void 0,onFocus:void 0,onSelect:void 0,required:!1,showSeconds:!1,timeInputAttributes:void 0,value:void 0,timeVariant:y.default.FORMAT_24_HOUR,initialTimeZone:y.default.getLocalTimeZone()},R=function(e){(0,r.default)(a,e);var t=V(a);function a(e){var i;return(0,u.default)(this,a),(i=t.call(this,e)).initialTimeZone=y.default.checkIfTimeZoneIsValid(e.initialTimeZone),i.state={dateTime:y.default.createSafeDate(e.value,i.initialTimeZone),isAmbiguousTime:!1,isTimeClarificationOpen:!1,dateFormat:b.default.getFormatByLocale(e.intl.locale)},i.dateValue=b.default.formatMomentDate(i.state.dateTime,i.state.dateFormat)||"",i.timeValue=y.default.hasTime(i.props.value,i.initialTimeZone)?y.default.getTime(i.props.value,i.props.showSeconds,i.initialTimeZone):"",i.isDefaultDateTimeAcceptable=!0,i.wasOffsetButtonClicked=!1,i.handleDateChange=i.handleDateChange.bind((0,d.default)(i)),i.handleDateChangeRaw=i.handleDateChangeRaw.bind((0,d.default)(i)),i.handleTimeChange=i.handleTimeChange.bind((0,d.default)(i)),i.handleOnSelect=i.handleOnSelect.bind((0,d.default)(i)),i.handleOnDateBlur=i.handleOnDateBlur.bind((0,d.default)(i)),i.handleOnTimeBlur=i.handleOnTimeBlur.bind((0,d.default)(i)),i.handleBlur=i.handleBlur.bind((0,d.default)(i)),i.handleDaylightSavingButtonClick=i.handleDaylightSavingButtonClick.bind((0,d.default)(i)),i.handleStandardTimeButtonClick=i.handleStandardTimeButtonClick.bind((0,d.default)(i)),i.handleOnDateInputFocus=i.handleOnDateInputFocus.bind((0,d.default)(i)),i.handleOnTimeInputFocus=i.handleOnTimeInputFocus.bind((0,d.default)(i)),i.handleFocus=i.handleFocus.bind((0,d.default)(i)),i.handleOnCalendarButtonClick=i.handleOnCalendarButtonClick.bind((0,d.default)(i)),i.handleOffsetButtonClick=i.handleOffsetButtonClick.bind((0,d.default)(i)),i.handleOnRequestClose=i.handleOnRequestClose.bind((0,d.default)(i)),i.dateTimePickerContainer=h.default.createRef(),i.containerHasFocus=!1,i.prevDateTime=y.default.createSafeDate(e.value,i.initialTimeZone),i}return(0,o.default)(a,[{key:"componentDidMount",value:function(){this.isDefaultDateAcceptable=this.validateDefaultDate()}},{key:"componentDidUpdate",value:function(){if(this.state.dateTime&&y.default.isValidTime(this.timeValue,this.props.showSeconds)){var e=y.default.getTime(this.state.dateTime.format(),this.props.showSeconds,this.initialTimeZone);this.timeValue!==e&&(this.timeValue=e,this.forceUpdate())}}},{key:"handleOnSelect",value:function(e,t){this.dateValue=b.default.formatISODate(t,this.state.dateFormat);var a=this.state.dateTime?this.state.dateTime.clone():null,i=y.default.syncDateTime(a,t,this.timeValue,this.props.showSeconds);a&&a.format()===i.format()||this.checkAmbiguousTime(i),this.props.onSelect&&this.props.onSelect(e,i.format())}},{key:"handleOnDateBlur",value:function(e){var t=this,a=e.relatedTarget?e.relatedTarget:document.activeElement;if(!this.dateTimePickerContainer.current.contains(a)){var i=y.default.isValidDateTime(this.dateValue,this.timeValue,this.state.dateFormat,this.props.showSeconds)?this.state.dateTime:null;this.checkAmbiguousTime(i,(function(){e.persist(),t.state.isAmbiguousTime&&t.state.isTimeClarificationOpen||t.handleBlur(e,t.state.dateTime)}))}}},{key:"handleOnTimeBlur",value:function(e){var t,a=this,i=e.relatedTarget?e.relatedTarget:document.activeElement;this.dateTimePickerContainer.current.contains(i)||(y.default.isValidDateTime(this.dateValue,this.timeValue,this.state.dateFormat,this.props.showSeconds)&&(t=y.default.updateTime(this.state.dateTime,this.timeValue,this.props.showSeconds)),this.checkAmbiguousTime(t,(function(){e.persist(),a.state.isAmbiguousTime&&a.state.isTimeClarificationOpen||a.handleBlur(e,a.state.dateTime)})))}},{key:"handleBlur",value:function(e,t){if(this.props.onBlur){var a=this.getMetadata(t);this.props.onBlur(e,a)}this.containerHasFocus=!1}},{key:"handleDateChange",value:function(e,t){var a,i=b.default.formatISODate(t,"YYYY-MM-DD"),n=b.default.isValidDate(i,"YYYY-MM-DD"),l=y.default.isValidTime(this.timeValue,this.props.showSeconds);if(n&&(this.dateValue=b.default.formatISODate(t,this.state.dateFormat)),n){var s=this.state.dateTime?this.state.dateTime.clone():y.default.createSafeDate(i,this.initialTimeZone);if(a=y.default.syncDateTime(s,t,this.timeValue,this.props.showSeconds),s.isDST()&&3===s.hours()){var u=!1;a.isDST()||(a.subtract(1,"hours"),u=!0),!s.subtract(1,"days").isDST()&&a.isDST()&&(a.subtract(1,"hours"),u=!0),s&&3===s._a[3]&&u&&(a.add(1,"hours"),u=!1)}this.prevDateTime&&2===this.prevDateTime._a[3]&&3===this.prevDateTime.hours()&&a.subtract(1,"hours"),l&&(this.timeValue=y.default.getTime(a.format(),this.props.showSeconds,this.initialTimeZone))}n&&l||""===this.dateValue&&""===this.timeValue?this.handleChange(e,a):this.setState({dateTime:a})}},{key:"handleDateChangeRaw",value:function(e,t){this.dateValue=t,b.default.isValidDate(this.dateValue,this.state.dateFormat)&&this.isDateTimeAcceptable(y.default.convertDateTimeStringToMomentObject(this.dateValue,this.timeValue,this.state.dateFormat,this.props.showSeconds,this.initialTimeZone))||(this.prevDateTime=this.state.dateTime?this.state.dateTime:this.prevDateTime,this.setState({dateTime:null})),this.handleChangeRaw(e,t)}},{key:"handleTimeChange",value:function(e,t){this.timeValue=t;var a=b.default.isValidDate(this.dateValue,this.state.dateFormat)&&this.isDateTimeAcceptable(y.default.convertDateTimeStringToMomentObject(this.dateValue,this.timeValue,this.state.dateFormat,this.props.showSeconds,this.initialTimeZone)),i=y.default.isValidTime(this.timeValue,this.props.showSeconds),n=this.state.dateTime?this.state.dateTime.clone():null,l=!1;if("keydown"===e.type){var s=this.timeValue.split(":");if("n"===e.key||"N"===e.key)n=b.default.createSafeDate(b.default.getCurrentDate(),this.initialTimeZone),l=!0;else if("-"===e.key||"_"===e.key){a||(n=b.default.createSafeDate(b.default.getCurrentDate(),this.initialTimeZone),l=!0),"23"===s[0]&&"59"===s[1]&&(n=n.subtract(1,"d"),l=!0);var u=y.default.updateTime(n,this.timeValue,this.props.showSeconds),o=n.clone().subtract(1,"minute").hours();u.isDST()&&o!==u.hours()&&(s[0]="0".concat(o).slice(-2),this.timeValue=s.join(":")),n.isBefore(b.default.MIN_DATE.concat(" ","00:00:00"))&&(s[0]="00",s[1]="00",this.props.showSeconds&&(s[2]="00"),this.timeValue=s.join(":"),n=y.default.updateTime(b.default.createSafeDate(b.default.MIN_DATE,this.initialTimeZone),this.timeValue,this.props.showSeconds))}else"="===e.key||"+"===e.key?(a||(n=b.default.createSafeDate(b.default.getCurrentDate(),this.initialTimeZone),l=!0),"00"===s[0]&&"00"===s[1]&&(n=n.add(1,"d"),l=!0),n.isAfter(b.default.MAX_DATE.concat(" ","23:59:59"))&&(s[0]="23",s[1]="59",this.props.showSeconds&&(s[2]="59"),this.timeValue=s.join(":"),n=y.default.updateTime(b.default.createSafeDate(b.default.MAX_DATE,this.initialTimeZone),this.timeValue,this.props.showSeconds))):this.props.timeVariant!==y.default.FORMAT_12_HOUR||"a"!==e.key&&"A"!==e.key&&"p"!==e.key&&"P"!==e.key||a||(n=b.default.createSafeDate(b.default.getCurrentDate(),this.initialTimeZone),l=!0)}if(l&&(this.dateValue=b.default.formatISODate(n.format("YYYY-MM-DD"),this.state.dateFormat),a=b.default.isValidDate(this.dateValue,this.state.dateFormat)&&this.isDateTimeAcceptable(y.default.convertDateTimeStringToMomentObject(this.dateValue,this.timeValue,this.state.dateFormat,this.props.showSeconds,this.initialTimeZone))),a&&i){var d=y.default.updateTime(n,this.timeValue,this.props.showSeconds);e.keyCode===C.KEY_DOWN&&n&&d&&n.format()===d.format()&&d.subtract(1,"hours");var r=this.timeValue;d&&(r=y.default.getTime(d.format(),this.props.showSeconds,this.initialTimeZone)),this.handleChangeRaw(e,r),this.handleChange(e,d)}else if(""===this.dateValue&&""===this.timeValue)this.handleChangeRaw(e,this.timeValue),this.handleChange(e,null);else{if(!a&&i){var f=y.default.updateTime(n,this.timeValue,this.props.showSeconds);this.setState({dateTime:f})}this.handleChangeRaw(e,this.timeValue)}}},{key:"handleChange",value:function(e,t){if(this.setState({dateTime:t}),this.props.onChange&&(this.state.isAmbiguousTime||!y.default.checkAmbiguousTime(t))){var a=this.getMetadata(t);this.props.onChange(e,null!=t&&t.isValid()?t.format():"",a)}}},{key:"handleChangeRaw",value:function(e,t){if(this.props.onChangeRaw){var a=this.getMetadata(t);this.props.onChangeRaw(e,t,a)}}},{key:"handleOnDateInputFocus",value:function(e){this.handleOnInputFocus(e)}},{key:"handleOnTimeInputFocus",value:function(e){this.handleOnInputFocus(e)}},{key:"handleOnInputFocus",value:function(e){this.handleFocus(e),this.isDefaultDateAcceptable||(this.dateValue="",this.timeValue="",this.handleChange(e,null),this.isDefaultDateAcceptable=!0)}},{key:"handleFocus",value:function(e){!this.props.onFocus||this.containerHasFocus||this.dateTimePickerContainer.current.contains(e.relatedTarget)||(this.props.onFocus(e),this.containerHasFocus=!0)}},{key:"handleOnCalendarButtonClick",value:function(e){this.isDefaultDateAcceptable||this.validateDefaultDate()?this.isDefaultDateAcceptable=!0:(this.dateValue="",this.timeValue="",this.handleChange(e,null))}},{key:"handleDaylightSavingButtonClick",value:function(e){this.setState({isTimeClarificationOpen:!1});var t=this.state.dateTime.clone();if(t.isDST()){if(this.props.onChange&&!this.wasOffsetButtonClicked){var a=this.getMetadata(t);this.props.onChange(e,null!=t&&t.isValid()?t.format():"",a)}}else if(t.subtract(1,"hour"),this.setState({dateTime:t}),this.props.onChange){var i=this.getMetadata(t);this.props.onChange(e,null!=t&&t.isValid()?t.format():"",i)}this.wasOffsetButtonClicked||this.handleBlur(e,t),this.wasOffsetButtonClicked=!1}},{key:"handleStandardTimeButtonClick",value:function(e){this.setState({isTimeClarificationOpen:!1});var t=this.state.dateTime.clone();if(t.isDST()){if(t.add(1,"hour"),this.setState({dateTime:t}),this.props.onChange){var a=this.getMetadata(t);this.props.onChange(e,null!=t&&t.isValid()?t.format():"",a)}}else if(this.props.onChange&&!this.wasOffsetButtonClicked){var i=this.getMetadata(t);this.props.onChange(e,null!=t&&t.isValid()?t.format():"",i)}this.wasOffsetButtonClicked||this.handleBlur(e,t),this.wasOffsetButtonClicked=!1}},{key:"handleOffsetButtonClick",value:function(){this.wasOffsetButtonClicked=!0,this.setState((function(e){return{isTimeClarificationOpen:!e.isTimeClarificationOpen}}))}},{key:"handleOnRequestClose",value:function(){this.setState({isTimeClarificationOpen:!1})}},{key:"getMetadata",value:function(e){var t=e&&y.default.isMomentObject(e)?e.clone():null;if(b.default.isValidDate(this.dateValue,this.state.dateFormat)){var a=y.default.convertDateTimeStringToMomentObject(this.dateValue,this.timeValue,this.state.dateFormat,this.props.showSeconds,this.initialTimeZone);a&&!a.isSame(t,"day")&&(t=a)}var i="",n=y.default.isValidDateTime(this.dateValue,this.timeValue,this.state.dateFormat,this.props.showSeconds);n&&t&&(i=t.format());var l=this.timeValue||"";i&&(l=y.default.getTime(i,this.props.showSeconds,this.initialTimeZone));var s=!1,u="".concat(this.dateValue?this.dateValue:""," ").concat(l).trim();(""===u||n&&t&&this.isDateTimeAcceptable(t))&&(s=!0);var o=!1;return n&&t&&(o=y.default.checkAmbiguousTime(t)),{iSO:i,inputValue:u,dateValue:this.dateValue||"",timeValue:l,isAmbiguousHour:o,isCompleteValue:n,isValidValue:s}}},{key:"checkAmbiguousTime",value:function(e,t){if(!this.state.isTimeClarificationOpen){var a=!1,i=this.state.isAmbiguousTime;if(e&&e.isValid()){var n=e.clone();a=y.default.checkAmbiguousTime(n)}this.setState({isAmbiguousTime:a,isTimeClarificationOpen:a&&!i},t)}}},{key:"isDateTimeAcceptable",value:function(e){var t=!0;return b.default.isDateOutOfRange(e,y.default.createSafeDate(b.default.getMinDate(this.props.minDate),this.initialTimeZone),y.default.createSafeDate(b.default.getMaxDate(this.props.maxDate),this.initialTimeZone))&&(t=!1),b.default.isDateExcluded(e,this.props.excludeDates)&&(t=!1),t}},{key:"validateDefaultDate",value:function(){return this.isDateTimeAcceptable(this.state.dateTime)}},{key:"renderTimeClarification",value:function(){return h.default.createElement(S.default,{ambiguousDateTime:this.state.dateTime.format(),disabled:this.props.disabled,isOpen:this.state.isTimeClarificationOpen,isOffsetButtonHidden:!this.state.isAmbiguousTime,onDaylightSavingButtonClick:this.handleDaylightSavingButtonClick,onStandardTimeButtonClick:this.handleStandardTimeButtonClick,onOffsetButtonClick:this.handleOffsetButtonClick,onRequestClose:this.handleOnRequestClose,onBlur:this.handleOnTimeBlur,onFocus:this.handleFocus,initialTimeZone:this.initialTimeZone})}},{key:"render",value:function(){var e=this,t=this.props,a=t.dateInputAttributes,i=t.disabled,n=t.excludeDates,u=t.filterDate,o=t.includeDates,d=(t.initialTimeZone,t.isIncomplete),r=t.isInvalid,f=t.isInvalidMeridiem,c=(t.onBlur,t.onChange,t.onChangeRaw,t.onClickOutside),m=(t.onFocus,t.onRequestClose),p=(t.onSelect,t.maxDate),T=t.minDate,D=t.name,C=t.required,k=t.showSeconds,S=t.timeInputAttributes,_=(t.value,t.timeVariant),V=(0,s.default)(t,O),M=this.state.dateTime?this.state.dateTime.clone():null,w=b.default.formatMomentDate(M,"YYYY-MM-DD"),R=this.context,A=!!this.state.dateTime&&M.isAfter(y.default.createSafeDate(b.default.MAX_DATE.concat(" ","23:58:59"),this.initialTimeZone)),F=!!this.state.dateTime&&M.isBefore(y.default.createSafeDate(b.default.MIN_DATE.concat(" ","00:01:00"),this.initialTimeZone));return h.default.createElement("div",(0,l.default)({},V,{className:B("date-time-picker",R.className),ref:this.dateTimePickerContainer}),h.default.createElement("input",{"data-terra-date-time-input-hidden":!0,type:"hidden",name:D,value:null!=M&&M.isValid()?M.format():""}),h.default.createElement("div",{className:B("date-facade")},h.default.createElement(v.default,{onCalendarButtonClick:this.handleOnCalendarButtonClick,onChange:this.handleDateChange,onChangeRaw:this.handleDateChangeRaw,onSelect:this.handleOnSelect,onClickOutside:c,onRequestClose:m,onBlur:this.handleOnDateBlur,onFocus:this.handleOnDateInputFocus,excludeDates:n,filterDate:u,includeDates:o,inputAttributes:a,maxDate:b.default.getMaxDate(p),minDate:b.default.getMinDate(T),selectedDate:w,value:w,name:"input",disabled:i,disableButtonFocusOnClose:!0,isIncomplete:d,isInvalid:r,required:C,initialTimeZone:this.initialTimeZone,isDefaultDateAcceptable:!0})),h.default.createElement("div",{className:B("time-facade")},h.default.createElement(g.default,{onBlur:this.handleOnTimeBlur,onChange:this.handleTimeChange,onFocus:this.handleOnTimeInputFocus,inputAttributes:S,name:"input",value:this.timeValue,disabled:i,variant:_,refCallback:function(t){e.hourInput=t},showSeconds:k,isIncomplete:d,isInvalid:r,isInvalidMeridiem:f,required:C,atMaxDate:A,atMinDate:F}),this.state.isAmbiguousTime&&this.state.dateTime?this.renderTimeClarification():null))}}]),a}(h.default.Component);R.propTypes=M,R.defaultProps=w,R.contextType=D.default;t.default=(0,m.injectIntl)(R)},81852:function(e,t,a){var i=a(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=i(a(56690)),l=i(a(89728)),s=i(a(80008)),u=i(a(57689)),o=i(a(7030)),d=function(){function e(){(0,n.default)(this,e)}return(0,l.default)(e,null,[{key:"hasTime",value:function(t,a){if(!e.createSafeDate(t,a))return!1;var i="";return t.indexOf(" ")>0&&(i=t.split(" ")[1]),t.indexOf("T")>0&&(i=t.split("T")[1]),i.length>0}},{key:"syncDateTime",value:function(t,a,i,n){var l=(0,s.default)(a);if(t&&t.isValid()){var u=t.clone();return l.isValid()&&u.year(l.get("year")).month(l.get("month")).date(l.get("date")),i&&(!n&&5===i.length||n&&8===i.length)&&(u=e.updateTime(u,i,n)),u}if(l.isValid()){var o=l.clone();return i&&(!n&&5===i.length||n&&8===i.length)&&(o=e.updateTime(o,i,n)),o}return t}},{key:"updateTime",value:function(t,a,i){if(!t||!t.isValid())return null;var n=t.clone(),l=i?"HH:mm:ss":"HH:mm",u=(0,s.default)(a,l,!0),o=t.tz()||e.getLocalTimeZone();if(u.isValid()){var d=n.format("YYYY-MM-DD").concat(" ").concat(u.format(l));return s.default.tz(d,o)}return t}},{key:"getTime",value:function(t,a,i){var n=a?"HH:mm:ss":"HH:mm",l=e.createSafeDate(t,i);return u.default.formatMomentDate(l,n)}},{key:"isValidDateTime",value:function(t,a,i,n){return u.default.isValidDate(t,i)&&e.isValidTime(a,n)}},{key:"isValidTime",value:function(e,t){var a=t?"HH:mm:ss":"HH:mm";return(0,s.default)(e,a,!0).isValid()}},{key:"checkAmbiguousTime",value:function(e){if(!e||!e.isValid())return!1;var t=s.default.tz(e.format(),e.tz()),a=t.clone(),i=t.clone();a.add(1,"hour"),i.subtract(1,"hour");var n=t.isDST()&&!a.isDST(),l=!t.isDST()&&i.isDST();return n||l}},{key:"getDaylightSavingTZDisplay",value:function(t,a){var i=e.createSafeDate(t,a);return i.isValid()?(i.subtract(1,"days"),i.tz(i.tz()).format("z")):""}},{key:"getDaylightSavingExpandedTZDisplay",value:function(t,a){var i=e.createSafeDate(t,a);if(!i.isValid())return"";i.subtract(1,"days");var n=i.tz(),l=i.tz(n);return s.default.tz.zone(n).name+l.format(" z Z")}},{key:"getStandardTZDisplay",value:function(t,a){var i=e.createSafeDate(t,a);return i.isValid()?(i.add(1,"days"),i.tz(i.tz()).format("z")):""}},{key:"getStandardExpandedTZDisplay",value:function(t,a){var i=e.createSafeDate(t,a);if(!i.isValid())return"";i.add(1,"days");var n=i.tz(),l=i.tz(n);return s.default.tz.zone(n).name+l.format(" z Z")}},{key:"convertDateTimeStringToMomentObject",value:function(t,a,i,n,l){var s=e.createSafeDate(u.default.convertToISO8601(t,i),l);return e.updateTime(s,a,n)}},{key:"createSafeDate",value:function(t,a){if(t){var i=a&&s.default.tz.zone(a)?s.default.tz(t,a):s.default.tz(t,e.getLocalTimeZone());return i.isValid()?i:void 0}}},{key:"isMomentObject",value:function(e){return s.default.isMoment(e)}},{key:"getLocalTimeZone",value:function(){return s.default.tz.guess()}},{key:"checkIfTimeZoneIsValid",value:function(t){return s.default.tz.zone(t)?t:e.getLocalTimeZone()}}]),e}();d.FORMAT_12_HOUR=o.default.FORMAT_12_HOUR,d.FORMAT_24_HOUR=o.default.FORMAT_24_HOUR;t.default=d},47665:function(e,t,a){var i=a(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=i(a(56690)),l=i(a(89728)),s=i(a(66115)),u=i(a(61655)),o=i(a(94993)),d=i(a(73808)),r=i(a(67294)),f=i(a(45697)),c=i(a(47166)),h=i(a(42570)),m=i(a(55281)),p=a(25387),T=i(a(81852)),D=i(a(68266));function v(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var a,i=(0,d.default)(e);if(t){var n=(0,d.default)(this).constructor;a=Reflect.construct(i,arguments,n)}else a=i.apply(this,arguments);return(0,o.default)(this,a)}}var g=c.default.bind(D.default),C={ambiguousDateTime:f.default.string,intl:f.default.shape({formatMessage:f.default.func}).isRequired,isOpen:f.default.bool.isRequired,isOffsetButtonHidden:f.default.bool.isRequired,onBlur:f.default.func,onDaylightSavingButtonClick:f.default.func.isRequired,onFocus:f.default.func,onStandardTimeButtonClick:f.default.func.isRequired,onOffsetButtonClick:f.default.func.isRequired,onRequestClose:f.default.func.isRequired,disabled:f.default.bool,initialTimeZone:f.default.string},b=function(e){(0,u.default)(a,e);var t=v(a);function a(e){var i;return(0,n.default)(this,a),(i=t.call(this,e)).state={offsetDisplay:"",offsetLongDisplay:""},i.handleDaylightSavingButtonClick=i.handleDaylightSavingButtonClick.bind((0,s.default)(i)),i.handleStandardTimeButtonClick=i.handleStandardTimeButtonClick.bind((0,s.default)(i)),i}return(0,l.default)(a,[{key:"handleDaylightSavingButtonClick",value:function(e){this.setState({offsetDisplay:T.default.getDaylightSavingTZDisplay(this.props.ambiguousDateTime,this.props.initialTimeZone),offsetLongDisplay:T.default.getDaylightSavingExpandedTZDisplay(this.props.ambiguousDateTime,this.props.initialTimeZone)}),this.props.onDaylightSavingButtonClick&&this.props.onDaylightSavingButtonClick(e)}},{key:"handleStandardTimeButtonClick",value:function(e){this.setState({offsetDisplay:T.default.getStandardTZDisplay(this.props.ambiguousDateTime,this.props.initialTimeZone),offsetLongDisplay:T.default.getStandardExpandedTZDisplay(this.props.ambiguousDateTime,this.props.initialTimeZone)}),this.props.onStandardTimeButtonClick&&this.props.onStandardTimeButtonClick(e)}},{key:"render",value:function(){this.props.isOffsetButtonHidden&&(this.state.offsetDisplay="");var e=g(["button-offset",{"button-offset-hidden":this.props.isOffsetButtonHidden||!this.state.offsetDisplay}]),t=this.props.intl,a=t.formatMessage({id:"Terra.dateTimePicker.timeClarification.title"}),i=t.formatMessage({id:"Terra.dateTimePicker.timeClarification.message"}),n=t.formatMessage({id:"Terra.dateTimePicker.timeClarification.button.daylightSaving"}),l=t.formatMessage({id:"Terra.dateTimePicker.timeClarification.button.standardTime"});return r.default.createElement(r.default.Fragment,null,r.default.createElement(h.default,{classNameModal:g("time-clarification"),ariaLabel:"Time Clarification",isOpen:this.props.isOpen,onRequestClose:this.props.onRequestClose,closeOnEsc:!1,closeOnOutsideClick:!1,zIndex:"9000"},r.default.createElement("div",null,r.default.createElement("header",{className:g("header")},r.default.createElement("h1",{className:g("title")},a)),r.default.createElement("div",{className:g("body")},r.default.createElement("p",null,i)),r.default.createElement("div",{className:g("buttons")},r.default.createElement(m.default,{text:n,onClick:this.handleDaylightSavingButtonClick,variant:m.default.Opts.Variants.EMPHASIS,className:g("button-daylight")}),r.default.createElement(m.default,{text:l,onClick:this.handleStandardTimeButtonClick,variant:m.default.Opts.Variants.EMPHASIS,className:g("button-standard")})))),r.default.createElement("div",{className:g("offset-button-container")},r.default.createElement(m.default,{title:this.state.offsetLongDisplay,"aria-label":this.state.offsetLongDisplay,className:e,onBlur:this.props.onBlur,onFocus:this.props.onFocus,onClick:this.props.onOffsetButtonClick,text:this.state.offsetDisplay,isCompact:!0,isDisabled:this.props.disabled})))}}]),a}(r.default.Component);b.propTypes=C,b.defaultProps={disabled:!1};t.default=(0,p.injectIntl)(b)}}]); \ No newline at end of file diff --git a/19927-c3cffa9087705e1c789e.css b/19927-c3cffa9087705e1c789e.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/19927-c3cffa9087705e1c789e.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/19927-c3cffa9087705e1c789e.js b/19927-c3cffa9087705e1c789e.js new file mode 100644 index 0000000000..ea493f8682 --- /dev/null +++ b/19927-c3cffa9087705e1c789e.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[19927,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,n,a){var t=a(64836);n.Z=void 0;var i=t(a(67294)),r=t(a(45697)),l=t(a(47166)),d=t(a(17422)),s=l.default.bind(d.default),o={name:r.default.string.isRequired,src:r.default.string,url:r.default.string,version:r.default.string.isRequired},m=function(e){var n=e.src,a=e.name,t=e.url,r=e.version,l=i.default.createElement("a",{className:s("badge"),href:t||"https://www.npmjs.org/package/".concat(a,"/v/").concat(r)},i.default.createElement("span",{className:s("badge-name")},t?"package":"npm"),i.default.createElement("span",{className:s("badge-version")},"v".concat(r))),d=n?i.default.createElement("a",{className:s("badge"),href:n},i.default.createElement("span",{className:s("badge-name")},"github"),i.default.createElement("span",{className:s("badge-version")},"source")):void 0;return i.default.createElement("div",{className:s("badge-container")},l,d)};m.propTypes=o;var p=m;n.Z=p},19927:function(e,n,a){a.r(n),a.d(n,{default:function(){return m}});a(67294);var t=a(81254),i=a(26943),r=["components"];function l(){return l=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(i[a]=e[a]);return i}(e,n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(i[a]=e[a])}return i}var s={},o="wrapper";function m(e){var n=e.components,a=d(e,r);return(0,t.mdx)(o,l({},s,a,{components:n,mdxType:"MDXLayout"}),(0,t.mdx)(i.C,{mdxType:"Badge"}),(0,t.mdx)("h1",{id:"terra-clinical-onset-picker-upgrade-guide"},"Terra Clinical Onset Picker Upgrade Guide"),(0,t.mdx)("h2",{id:"changes-from-30-to-40"},"Changes from 3.0 to 4.0"),(0,t.mdx)("h3",{id:"breaking-changes"},"Breaking Changes"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"Removed prop ",(0,t.mdx)("inlineCode",{parentName:"li"},"granularitySelectOnChange")),(0,t.mdx)("li",{parentName:"ul"},"Removed prop ",(0,t.mdx)("inlineCode",{parentName:"li"},"precisionSelectOnChange")),(0,t.mdx)("li",{parentName:"ul"},"Removed prop ",(0,t.mdx)("inlineCode",{parentName:"li"},"onsetDateInputOnChange")),(0,t.mdx)("li",{parentName:"ul"},"Condensed onChange function props into a single prop (",(0,t.mdx)("inlineCode",{parentName:"li"},"onsetOnChange"),") that returns an Object for the onsetDate.")),(0,t.mdx)("h3",{id:"changes-for-onsetonchange"},"Changes for onsetOnChange"),(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-diff"},"- this.handleGranularity = this.handleGranularity.bind(this);\n- this.handlePrecision = this.handlePrecision.bind(this);\n- handleGranularity(granularity) {\n- this.setState({ granularity });\n- }\n\n- handlePrecision(precision) {\n- this.setState({ precision });\n- }\n\n- handleOnset(onsetDate) {\n- this.setState({ onsetDate });\n+ handleOnset(onsetObject) {\n+ this.setState({\n+ precision: onsetObject.precision,\n+ granularity: onsetObject.granularity,\n+ onsetDate: onsetObject.onsetDate,\n+ ageUnit: onsetObject.ageUnit,\n+ });\n \n")),(0,t.mdx)("h3",{id:"new-feature"},"New Feature"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"Added support for age units. Use new ",(0,t.mdx)("inlineCode",{parentName:"li"},"ageUnit")," prop to pass default age unit values, accepted values are ",(0,t.mdx)("inlineCode",{parentName:"li"},"weeks"),", ",(0,t.mdx)("inlineCode",{parentName:"li"},"months"),", or ",(0,t.mdx)("inlineCode",{parentName:"li"},"years")," ")),(0,t.mdx)("h3",{id:"new-props"},"New Props"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"New prop ",(0,t.mdx)("inlineCode",{parentName:"li"},"ageUnit")),(0,t.mdx)("li",{parentName:"ul"},"New prop ",(0,t.mdx)("inlineCode",{parentName:"li"},"onsetOnChange"))),(0,t.mdx)("h2",{id:"changes-from-20-to-30"},"Changes from 2.0 to 3.0"),(0,t.mdx)("h3",{id:"breaking-changes-1"},"Breaking Changes"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"New required prop ",(0,t.mdx)("inlineCode",{parentName:"li"},"id")),(0,t.mdx)("li",{parentName:"ul"},"Removed exported enums ",(0,t.mdx)("inlineCode",{parentName:"li"},"OnsetPicker.Opts.Granularities")," and ",(0,t.mdx)("inlineCode",{parentName:"li"},"OnsetPicker.Opts.Precisions")),(0,t.mdx)("li",{parentName:"ul"},"Removed default prop values for ",(0,t.mdx)("inlineCode",{parentName:"li"},"granularity")," and ",(0,t.mdx)("inlineCode",{parentName:"li"},"precision")),(0,t.mdx)("li",{parentName:"ul"},(0,t.mdx)("inlineCode",{parentName:"li"},"onChange")," functions can now return blank values"),(0,t.mdx)("li",{parentName:"ul"},"Visual updates from switching to ",(0,t.mdx)("inlineCode",{parentName:"li"},"terra-form-field"),", ",(0,t.mdx)("inlineCode",{parentName:"li"},"terra-form-fieldset"),", ",(0,t.mdx)("inlineCode",{parentName:"li"},"terra-form-input"),", and ",(0,t.mdx)("inlineCode",{parentName:"li"},"terra-form-select"))),(0,t.mdx)("h3",{id:"new-features"},"New Features"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"CSS themeable variables")),(0,t.mdx)("h3",{id:"removed-props"},"Removed props"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"Removed prop ",(0,t.mdx)("inlineCode",{parentName:"li"},"granularitySelectName")),(0,t.mdx)("li",{parentName:"ul"},"Removed prop ",(0,t.mdx)("inlineCode",{parentName:"li"},"precisionSelectName")),(0,t.mdx)("li",{parentName:"ul"},"Removed prop ",(0,t.mdx)("inlineCode",{parentName:"li"},"precisionSelectName"))),(0,t.mdx)("h3",{id:"css-variables"},"CSS Variables"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"--terra-clinical-onset-picker-field-margin-right"),(0,t.mdx)("li",{parentName:"ul"},"--terra-clinical-onset-picker-field-margin-bottom"),(0,t.mdx)("li",{parentName:"ul"},"--terra-clinical-onset-picker-precision-select-min-width"),(0,t.mdx)("li",{parentName:"ul"},"--terra-clinical-onset-picker-granularity-select-min-width"),(0,t.mdx)("li",{parentName:"ul"},"--terra-clinical-onset-picker-month-select-min-width"),(0,t.mdx)("li",{parentName:"ul"},"--terra-clinical-onset-picker-age-granularity-select-min-width"),(0,t.mdx)("li",{parentName:"ul"},"--terra-clinical-onset-picker-age-input-width")))}m.isMDXComponent=!0},26943:function(e,n,a){a.d(n,{C:function(){return r}});var t=a(67294),i=a(22863),r=function(e){var n=e.url;return t.createElement(i.Z,{src:"https://github.com/cerner/terra-clinical/tree/main/packages/terra-clinical-onset-picker",name:"terra-clinical-onset-picker",version:"4.36.0",url:n})}},17422:function(e,n,a){a.r(n),n.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/20020-e7140064e84763786b73.css b/20020-e7140064e84763786b73.css new file mode 100644 index 0000000000..f061e688c9 --- /dev/null +++ b/20020-e7140064e84763786b73.css @@ -0,0 +1,8 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.ItemDisplay-module__clinical-lowlight-theme___WSueU{--terra-clinical-item-display-attention-color: #fb4c4c;--terra-clinical-item-display-disabled-icon-color: #404344;--terra-clinical-item-display-disabled-opacity: 0.3;--terra-clinical-item-display-secondary-color: rgba(221, 224, 225, 0.41);--terra-clinical-item-display-strong-color: #b2b5b6;--terra-clinical-item-display-strike-through-color: #b2b5b6;--terra-clinical-item-display-attention-font-weight: 700;--terra-clinical-item-display-strong-font-weight: 700;--terra-clinical-item-display-inline-icon-padding-right: 0.35714rem;--terra-clinical-item-display-disabled-inline-icon-color: #404344;--terra-clinical-item-display-disabled-inline-icon-opacity: 0.3}.ItemDisplay-module__orion-fusion-theme___8tnBi{--terra-clinical-item-display-inline-icon-padding-right: 0.25rem;--terra-clinical-item-display-disabled-icon-color: #9b9fa1;--terra-clinical-item-display-disabled-opacity: 0.3;--terra-clinical-item-display-secondary-color: rgba(28, 35, 40, 0.73);--terra-clinical-item-display-attention-color: #c00;--terra-clinical-item-display-attention-font-weight: 700;--terra-clinical-item-display-strong-color: #1c1f21;--terra-clinical-item-display-strong-font-weight: 700;--terra-clinical-item-display-strike-through-color: #1c1f21;--terra-clinical-item-display-disabled-inline-icon-color: #9b9fa1;--terra-clinical-item-display-disabled-inline-icon-opacity: 0.3}.ItemDisplay-module__item-display___zzQHA{font-size:1rem;line-height:1.4285714286;display:-ms-flexbox;display:flex;max-width:100%;overflow:hidden}.ItemDisplay-module__text___8kzzL{-ms-flex:1 1 auto;flex:1 1 auto;min-width:10px}.ItemDisplay-module__icon___QFsen{-ms-flex:0 0 auto;flex:0 0 auto;overflow:hidden}[dir=ltr] .ItemDisplay-module__icon___QFsen{padding-right:0.35714rem;padding-right:var(--terra-clinical-item-display-inline-icon-padding-right, 0.35714rem)}[dir=rtl] .ItemDisplay-module__icon___QFsen{padding-left:0.35714rem;padding-left:var(--terra-clinical-item-display-inline-icon-padding-right, 0.35714rem)}.ItemDisplay-module__icon___QFsen>*{min-height:1em;min-width:1em}.ItemDisplay-module__icon-center___yNnaA{-ms-flex-align:center;align-items:center}.ItemDisplay-module__icon-top___le\+7t{-ms-flex-align:start;align-items:flex-start}.ItemDisplay-module__icon-inline___7-6dl{display:inline}.ItemDisplay-module__icon-inline___7-6dl .ItemDisplay-module__text___8kzzL{display:inline}.ItemDisplay-module__icon-inline___7-6dl .ItemDisplay-module__icon___QFsen{display:inline}.ItemDisplay-module__is-truncated___5xS0r{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:normal;word-wrap:normal}.ItemDisplay-module__is-disabled___LmVej{opacity:0.2;opacity:var(--terra-clinical-item-display-disabled-opacity, 0.2)}.ItemDisplay-module__is-disabled___LmVej .ItemDisplay-module__icon___QFsen{color:rgb(117, 118, 125);color:var(--terra-clinical-item-display-disabled-icon-color, rgb(117, 118, 125))}.ItemDisplay-module__secondary___ObdZe{color:rgba(28, 31, 33, 0.65);color:var(--terra-clinical-item-display-secondary-color, rgba(28, 31, 33, 0.65))}.ItemDisplay-module__attention___W1BMa{color:#c00;color:var(--terra-clinical-item-display-attention-color, #c00);font-weight:700;font-weight:var(--terra-clinical-item-display-attention-font-weight, 700)}.ItemDisplay-module__strong___OPiqQ{color:#1c1f21;color:var(--terra-clinical-item-display-strong-color, #1c1f21);font-weight:700;font-weight:var(--terra-clinical-item-display-strong-font-weight, 700)}.ItemDisplay-module__strike-through___yJ7fk{color:#1c1f21;color:var(--terra-clinical-item-display-strike-through-color, #1c1f21);text-decoration:line-through} +.ItemComment-module__clinical-lowlight-theme___lM\+Lt{--terra-clinical-item-display-item-comment-color: rgba(221, 224, 225, 0.41);--terra-clinical-item-display-item-comment-inline-icon-color: rgba(221, 224, 225, 0.41)}.ItemComment-module__orion-fusion-theme___dtZma{--terra-clinical-item-display-item-comment-color: rgba(28, 35, 40, 0.73);--terra-clinical-item-display-item-comment-inline-icon-color: rgba(28, 35, 40, 0.73)}.ItemComment-module__item-comment___ESQjD{font-size:1rem;line-height:1.4285714286;color:rgba(28, 31, 33, 0.65);color:var(--terra-clinical-item-display-item-comment-color, rgba(28, 31, 33, 0.65))}.ItemComment-module__item-comment___ESQjD .ItemComment-module__inline-icon___znks3{color:rgba(117, 118, 125, 0.3);color:var(--terra-clinical-item-display-item-comment-inline-icon-color, rgba(117, 118, 125, 0.3))} +.ItemView-module__clinical-lowlight-theme___y3JHh{--terra-clinical-item-view-content-color: rgba(221, 224, 225, 0.41);--terra-clinical-item-view-content-primary-color: #b2b5b6;--terra-clinical-item-view-content-secondary-color: rgba(221, 224, 225, 0.41)}.ItemView-module__orion-fusion-theme___hJD0X{--terra-clinical-item-view-content-color: rgba(28, 35, 40, 0.73);--terra-clinical-item-view-content-primary-color: #1c1f21;--terra-clinical-item-view-content-secondary-color: rgba(28, 35, 40, 0.73)}.ItemView-module__item-view___df01D{display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start;width:100%;word-break:break-word;word-wrap:break-word}.ItemView-module__accessory___dkq4r{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;min-width:0;overflow:hidden}[dir] .ItemView-module__accessory___dkq4r{margin:5px}.ItemView-module__start-accessory___4CJYM{-ms-flex-pack:start;justify-content:flex-start;width:2.8571rem}.ItemView-module__start-accessory___4CJYM>*{max-width:2.8571rem}.ItemView-module__end-accessory___WY4-w{-ms-flex-pack:end;justify-content:flex-end;max-width:20%}.ItemView-module__accessory-align-top___ksPW3{-ms-flex-item-align:start;align-self:flex-start}.ItemView-module__accessory-align-center___aoVwW{-ms-flex-item-align:center;align-self:center}.ItemView-module__body___sG16o{-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;overflow:hidden}[dir] .ItemView-module__body___sG16o{margin:5px}.ItemView-module__content___MHhcY{-ms-flex-align:start;align-items:flex-start;display:-ms-flexbox;display:flex;overflow:hidden}.ItemView-module__single-result-column-container___Z5SAo{display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap}.ItemView-module__column-list-container___yccQT{display:-ms-flexbox;display:flex;list-style-type:none}[dir] .ItemView-module__column-list-container___yccQT{margin-bottom:0;margin-top:0}[dir=ltr] .ItemView-module__column-list-container___yccQT{padding-left:0}[dir=rtl] .ItemView-module__column-list-container___yccQT{padding-right:0}.ItemView-module__column-list___HUuWK{display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap;list-style-type:none}[dir] .ItemView-module__column-list___HUuWK{margin-bottom:0;margin-top:0}[dir=ltr] .ItemView-module__column-list___HUuWK{padding-left:0}[dir=rtl] .ItemView-module__column-list___HUuWK{padding-right:0}.ItemView-module__row-list-container___65hon{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;list-style-type:none}[dir] .ItemView-module__row-list-container___65hon{margin-bottom:0;margin-top:0}[dir=ltr] .ItemView-module__row-list-container___65hon{padding-left:0}[dir=rtl] .ItemView-module__row-list-container___65hon{padding-right:0}.ItemView-module__row___jDHgv{display:-ms-flexbox;display:flex;width:100%}.ItemView-module__row-list___8Gu4V{display:-ms-flexbox;display:flex;list-style-type:none;width:100%}[dir] .ItemView-module__row-list___8Gu4V{margin-bottom:0;margin-top:0}[dir=ltr] .ItemView-module__row-list___8Gu4V{padding-left:0}[dir=rtl] .ItemView-module__row-list___8Gu4V{padding-right:0}.ItemView-module__secondary-column___7P7K3{-ms-flex:1 0 auto;flex:1 0 auto;max-width:60%}[dir=ltr] .ItemView-module__secondary-column___7P7K3{float:right}[dir=rtl] .ItemView-module__secondary-column___7P7K3{float:left}.ItemView-module__secondary-column___7P7K3 .ItemView-module__content___MHhcY{-ms-flex-pack:end;justify-content:flex-end}[dir=ltr] .ItemView-module__secondary-column___7P7K3 .ItemView-module__content___MHhcY{text-align:right;padding-left:5px}[dir=rtl] .ItemView-module__secondary-column___7P7K3 .ItemView-module__content___MHhcY{text-align:left;padding-right:5px}.ItemView-module__is-truncated___tEARE,.ItemView-module__is-truncated___tEARE [data-terra-clinical-item-display-text]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:normal;word-wrap:normal}.ItemView-module__one-column___YwGCZ .ItemView-module__column-list-container___yccQT{-ms-flex-flow:column nowrap;flex-flow:column nowrap}.ItemView-module__two-columns___WezN9 .ItemView-module__column-list-container___yccQT{-ms-flex-flow:row nowrap;flex-flow:row nowrap}.ItemView-module__two-columns___WezN9 .ItemView-module__column-list-container___yccQT .ItemView-module__primary-column___pMOzm{-ms-flex:1 1 auto;flex:1 1 auto}[dir=ltr] .ItemView-module__two-columns___WezN9 .ItemView-module__column-list-container___yccQT .ItemView-module__primary-column___pMOzm{float:left}[dir=rtl] .ItemView-module__two-columns___WezN9 .ItemView-module__column-list-container___yccQT .ItemView-module__primary-column___pMOzm{float:right}.ItemView-module__two-columns-by-row___wmx2B .ItemView-module__content___MHhcY:nth-child(odd){-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-pack:start;justify-content:flex-start}[dir=ltr] .ItemView-module__two-columns-by-row___wmx2B .ItemView-module__content___MHhcY:nth-child(odd){float:left}[dir=rtl] .ItemView-module__two-columns-by-row___wmx2B .ItemView-module__content___MHhcY:nth-child(odd){float:right}.ItemView-module__two-columns-by-row___wmx2B .ItemView-module__content___MHhcY:nth-child(even){-ms-flex:1 0 auto;flex:1 0 auto;-ms-flex-pack:end;justify-content:flex-end;max-width:60%}[dir=ltr] .ItemView-module__two-columns-by-row___wmx2B .ItemView-module__content___MHhcY:nth-child(even){text-align:right;float:right;padding-left:5px}[dir=rtl] .ItemView-module__two-columns-by-row___wmx2B .ItemView-module__content___MHhcY:nth-child(even){text-align:left;float:left;padding-right:5px}.ItemView-module__truncated-two-columns___9UuM6 .ItemView-module__primary-column___pMOzm{-ms-flex:1 1 auto;flex:1 1 auto;max-width:40%}[dir=ltr] .ItemView-module__truncated-two-columns___9UuM6 .ItemView-module__primary-column___pMOzm{float:left}[dir=rtl] .ItemView-module__truncated-two-columns___9UuM6 .ItemView-module__primary-column___pMOzm{float:right}.ItemView-module__content-primary-color___pOHcF{color:#1c1f21;color:var(--terra-clinical-item-view-content-primary-color, #1c1f21)}.ItemView-module__content-primary-size___goRTN{font-size:1.1428571429rem;line-height:1.4285714286}.ItemView-module__content-secondary-color___CzH\+h{color:rgba(28, 31, 33, 0.65);color:var(--terra-clinical-item-view-content-secondary-color, rgba(28, 31, 33, 0.65))}.ItemView-module__content-secondary-size___s8KFR{font-size:1.1428571429rem;line-height:1.4285714286}@media screen and (min-width: 760px){.ItemView-module__content-secondary-size___s8KFR{font-size:1rem}} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} +[dir] .Heading-module__heading___v5\+PO{margin:0}.Heading-module__italic___AZeOx{font-style:italic}.Heading-module__level-1___Dzh7M{font-size:2.286rem}.Heading-module__level-2___Fn5NE{font-size:1.714rem}.Heading-module__level-3___HjC1Z{font-size:1.429rem}.Heading-module__level-4___gatwI{font-size:1.286rem}.Heading-module__level-5___-iiqy{font-size:1.143rem}.Heading-module__level-6___VXhR\+{font-size:1rem}.Heading-module__size-huge___0iP2D{font-size:2.286rem}.Heading-module__size-large___rZwu-{font-size:1.714rem}.Heading-module__size-medium___Hk3pG{font-size:1.429rem}.Heading-module__size-small___OWyDY{font-size:1.286rem}.Heading-module__size-tiny___Z5Fm4{font-size:1.143rem}.Heading-module__size-mini___Gd90U{font-size:1rem}.Heading-module__weight-200___EQF-G{font-weight:200}.Heading-module__weight-400___cOGso{font-weight:400}.Heading-module__weight-700___SbBvg{font-weight:700}.Heading-module__visually-hidden___5i7ow{clip:rect(0 0 0 0);height:1px;overflow:hidden;position:absolute;width:1px}[dir] .Heading-module__visually-hidden___5i7ow{border:0;margin:-1px;padding:0} +.Table-module__clinical-lowlight-theme___PqYJ8{--terra-html-table-background-color: #383f42;--terra-html-table-border: 1px solid #585a5c;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: none;--terra-html-table-header-cell-color: #1c1f21;--terra-html-table-header-cell-font-size: 1rem;--terra-html-table-header-cell-font-weight: bold;--terra-html-table-header-cell-border-right: 1px solid #585a5c;--terra-html-table-first-header-cell-border-left: 1px solid #585a5c;--terra-html-table-last-header-cell-border-right: 1px solid #585a5c;--terra-html-table-header-background-color: #909496;--terra-html-table-header-box-shadow: 0 4px 4px -3.5px #1c1f21, inset 0 0 0 1px #585a5c;--terra-html-table-header-row-border-bottom: 1px solid #585a5c;--terra-html-table-header-row-border-top: 1px solid #585a5c;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #b2b5b6;--terra-html-table-cell-font-size: 1rem;--terra-html-table-first-cell-border-left: 1px solid #585a5c;--terra-html-table-last-cell-border-right: 1px solid #585a5c;--terra-html-table-header-cell-standard-padding-bottom: 0.5rem;--terra-html-table-header-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-top: 0.5rem;--terra-html-table-header-cell-compact-padding-bottom: 0.25rem;--terra-html-table-header-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-top: 0.25rem;--terra-html-table-cell-standard-padding-bottom: 0.5rem;--terra-html-table-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-cell-standard-padding-top: 0.5rem;--terra-html-table-cell-compact-padding-bottom: 0.25rem;--terra-html-table-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-cell-compact-padding-top: 0.25rem;--terra-html-table-row-border-top: 1px solid #585a5c;--terra-html-table-last-row-border-bottom: 1px solid #585a5c;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #2d3539}.Table-module__orion-fusion-theme___d9rxf{--terra-html-table-background-color: transparent;--terra-html-table-border: 0;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: transparent;--terra-html-table-header-cell-color: #64696c;--terra-html-table-header-cell-font-size: 0.857142857rem;--terra-html-table-header-cell-font-weight: normal;--terra-html-table-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-first-header-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-background-color: #f4f4f4;--terra-html-table-header-box-shadow: none;--terra-html-table-header-row-border-bottom: 2px solid #64696c;--terra-html-table-header-row-border-top: 1px solid #c8cacb;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #1c1f21;--terra-html-table-cell-font-size: 0.857142857rem;--terra-html-table-first-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-cell-standard-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-top: 0.428571429rem;--terra-html-table-header-cell-compact-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-top: 0.428571429rem;--terra-html-table-cell-standard-padding-bottom: 0.8571428571rem;--terra-html-table-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-cell-standard-padding-top: 0.8571428571rem;--terra-html-table-cell-compact-padding-bottom: 0.8571428571rem;--terra-html-table-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-cell-compact-padding-top: 0.8571428571rem;--terra-html-table-row-border-top: 0;--terra-html-table-last-row-border-bottom: 1px solid #c8cacb;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #f4f4f4}.Table-module__table___eg2Mi{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___eg2Mi{background-color:transparent;background-color:var(--terra-html-table-background-color, transparent);border:0;border:var(--terra-html-table-border, 0);border-radius:0;border-radius:var(--terra-html-table-border-radius, 0)}[dir] .Table-module__table___eg2Mi caption{padding-bottom:.5em}.Table-module__table___eg2Mi tr{display:table-row}[dir] .Table-module__table___eg2Mi tr{margin-bottom:0}.Table-module__table___eg2Mi td,.Table-module__table___eg2Mi th{color:#1c1f21;color:var(--terra-html-table-cell-color, #1c1f21);display:table-cell;font-size:1rem;font-size:var(--terra-html-table-cell-font-size, 1rem);font-weight:normal;vertical-align:top}[dir] .Table-module__table___eg2Mi td, [dir] .Table-module__table___eg2Mi th{border:0}[dir=ltr] .Table-module__table___eg2Mi td, [dir=ltr] .Table-module__table___eg2Mi th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___eg2Mi td, [dir=rtl] .Table-module__table___eg2Mi th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___eg2Mi td:first-child, [dir=ltr] .Table-module__table___eg2Mi th:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:first-child, [dir=rtl] .Table-module__table___eg2Mi th:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi td:last-child, [dir=ltr] .Table-module__table___eg2Mi th:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:last-child, [dir=rtl] .Table-module__table___eg2Mi th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___eg2Mi thead th, [dir] .Table-module__table___eg2Mi thead td{border:0}[dir=ltr] .Table-module__table___eg2Mi thead th, [dir=ltr] .Table-module__table___eg2Mi thead td{border-right:1px solid rgba(200, 202, 203, 0.5);border-right:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:left}[dir=rtl] .Table-module__table___eg2Mi thead th, [dir=rtl] .Table-module__table___eg2Mi thead td{border-left:1px solid rgba(200, 202, 203, 0.5);border-left:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:right}[dir=ltr] .Table-module__table___eg2Mi thead th:first-child, [dir=ltr] .Table-module__table___eg2Mi thead td:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:first-child, [dir=rtl] .Table-module__table___eg2Mi thead td:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi thead th:last-child, [dir=ltr] .Table-module__table___eg2Mi thead td:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:last-child, [dir=rtl] .Table-module__table___eg2Mi thead td:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead{display:table-header-group}[dir] .Table-module__table___eg2Mi thead{background-color:#f1f1f2;background-color:var(--terra-html-table-header-background-color, #f1f1f2);box-shadow:0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5);box-shadow:var(--terra-html-table-header-box-shadow, 0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5))}[dir] .Table-module__table___eg2Mi thead tr{border-bottom:1px solid #b9bbbc;border-bottom:var(--terra-html-table-header-row-border-bottom, 1px solid #b9bbbc);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-header-row-border-top, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{color:#1c1f21;color:var(--terra-html-table-header-cell-color, #1c1f21);font-size:1rem;font-size:var(--terra-html-table-header-cell-font-size, 1rem);font-weight:bold;font-weight:var(--terra-html-table-header-cell-font-weight, bold);vertical-align:bottom}[dir] .Table-module__table___eg2Mi tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___eg2Mi tbody tr{background-color:transparent;background-color:var(--terra-html-table-row-background-color, transparent);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-row-border-top, 1px solid #dedfe0)}[dir] .Table-module__table___eg2Mi tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___eg2Mi tbody tr:last-of-type{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-html-table-last-row-border-bottom, 1px solid #dedfe0)}[dir] .Table-module__padding-standard___BfbC- th{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-header-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-header-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z th{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-header-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-header-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__padding-standard___BfbC- td{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z td{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__striped___n8xJe tbody tr:nth-of-type(even){background-color:#f6f7f8;background-color:var(--terra-html-table-row-striped-background-color, #f6f7f8)}@media print{.Table-module__table___eg2Mi thead{display:table-header-group}.Table-module__table___eg2Mi tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} diff --git a/20020-e7140064e84763786b73.js b/20020-e7140064e84763786b73.js new file mode 100644 index 0000000000..ff4e210e65 --- /dev/null +++ b/20020-e7140064e84763786b73.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[20020,45627,37344,33667,96890,79482,85565,3353,5161,80858,14041,45865,16835,85355,3193,4845,27444,17657,46647,16873,85161,66097,38681,15318,40411,18101,33315,38443,11264,34319,78996,39915,33442],{11035:function(e,t,n){n.r(t),n.d(t,{default:function(){return Ee}});var a=n(67294),l=n(81254),i=n(80961),r=n(34261),o=n(72295),m=["components"];function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var p={};function c(e){var t=e.components,n=d(e,m);return(0,l.mdx)("wrapper",s({},p,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport IconPerson from \'terra-icon/lib/icon/IconPerson\';\nimport ItemView from \'terra-clinical-item-view\';\n\nconst display1 = } iconAlignment="inline" text="Asif Khan" />;\nconst display2 = ;\nconst display3 = ;\nconst display4 = ;\nconst display5 = ;\nconst display6 = ;\nconst displays = [display1, display2, display3, display4, display5, display6];\n\nexport default () => ;\n\n')))}c.isMDXComponent=!0;var u=n(49271),y=function(e){var t=e.title,n=e.description,l=e.isExpanded;return a.createElement(u.Z,{title:t||"Item View Standard",description:n,example:a.createElement(o.Z,null),exampleSrc:a.createElement(c,null),isExpanded:l})},x=n(35569),f=["components"];function g(){return g=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var h={};function v(e){var t=e.components,n=w(e,f);return(0,l.mdx)("wrapper",g({},h,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport IconBriefcase from \'terra-icon/lib/icon/IconBriefcase\';\nimport IconPerson from \'terra-icon/lib/icon/IconPerson\';\nimport ItemView from \'terra-clinical-item-view\';\n\nconst display1 = } iconAlignment="inline" text="Asif Khan" />;\nconst display2 = } iconAlignment="inline" text="Care Position: Primary" />;\nconst display3 = ;\nconst display4 = ;\nconst display5 = ;\nconst display6 = ;\nconst displays = [display1, display2, display3, display4, display5, display6];\n\nexport default () => ;\n\n')))}v.isMDXComponent=!0;var T=function(e){var t=e.title,n=e.description,l=e.isExpanded;return a.createElement(u.Z,{title:t||"Item View Two Column",description:n,example:a.createElement(x.Z,null),exampleSrc:a.createElement(v,null),isExpanded:l})},b=n(19571),I=["components"];function E(){return E=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var C={};function O(e){var t=e.components,n=D(e,I);return(0,l.mdx)("wrapper",E({},C,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport IconPerson from \'terra-icon/lib/icon/IconPerson\';\nimport ItemView from \'terra-clinical-item-view\';\n\nconst display1 = } iconAlignment="inline" text="Asif Khan" />;\nconst display2 = ;\nconst display3 = ;\nconst display4 = ;\nconst display5 = ;\nconst display6 = ;\nconst displays = [display1, display2, display3, display4, display5, display6];\n\nexport default () => ;\n\n')))}O.isMDXComponent=!0;var V=function(e){var t=e.title,n=e.description,l=e.isExpanded;return a.createElement(u.Z,{title:t||"Item View Two Column Start",description:n,example:a.createElement(b.Z,null),exampleSrc:a.createElement(O,null),isExpanded:l})},N=n(69759),A=["components"];function j(){return j=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var S={};function R(e){var t=e.components,n=P(e,A);return(0,l.mdx)("wrapper",j({},S,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport { IconBriefcase, IconPerson } from \'terra-icon\';\nimport ItemView from \'terra-clinical-item-view\';\n\nconst display1 = } iconAlignment="inline" text="Asif Khan" />;\nconst display2 = } iconAlignment="inline" text="Care Position: Primary" />;\nconst display3 = ;\nconst display4 = ;\nconst display5 = ;\nconst display6 = ;\nconst displays = [display1, display2, display3, display4, display5, display6];\n\nexport default () => ;\n\n')))}R.isMDXComponent=!0;var Z=function(e){var t=e.title,n=e.description,l=e.isExpanded;return a.createElement(u.Z,{title:t||"Item View Two Column By Row",description:n,example:a.createElement(N.Z,null),exampleSrc:a.createElement(R,null),isExpanded:l})},k=n(32221),q=["components"];function W(){return W=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var M={};function B(e){var t=e.components,n=X(e,q);return(0,l.mdx)("wrapper",W({},M,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport IconPerson from \'terra-icon/lib/icon/IconPerson\';\nimport ItemView from \'terra-clinical-item-view\';\n\nconst display1 = } iconAlignment="inline" text="Asif Khan" />;\nconst display2 = ;\nconst display3 = ;\nconst display4 = ;\nconst display5 = ;\nconst display6 = ;\nconst displays = [display1, display2, display3, display4, display5, display6];\n\nconst comment = ;\n\nexport default () => ;\n\n')))}B.isMDXComponent=!0;var _=function(e){var t=e.title,n=e.description,l=e.isExpanded;return a.createElement(u.Z,{title:t||"Item View Comment",description:n,example:a.createElement(k.Z,null),exampleSrc:a.createElement(B,null),isExpanded:l})},K=n(55278),L=["components"];function F(){return F=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var G={};function z(e){var t=e.components,n=H(e,L);return(0,l.mdx)("wrapper",F({},G,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport IconPerson from \'terra-icon/lib/icon/IconPerson\';\nimport IconAlert from \'terra-icon/lib/icon/IconAlert\';\nimport IconInformation from \'terra-icon/lib/icon/IconInformation\';\nimport IconBedRequested from \'terra-icon/lib/icon/IconBedRequested\';\nimport ItemView from \'terra-clinical-item-view\';\n\nconst display1 = } iconAlignment="inline" text="Asif Khan" />;\nconst display2 = } iconAlignment="inline" text="Pending Admit: Bed Requested" />;\nconst display3 = ;\nconst display4 = ;\nconst display5 = ;\nconst display6 = ;\nconst displays = [display1, display2, display3, display4, display5, display6];\n\nconst comment = ;\n\nconst accessoryStart = ;\nconst accessoryEnd = ;\n\nexport default () => (\n \n);\n\n')))}z.isMDXComponent=!0;var U=function(e){var t=e.title,n=e.description,l=e.isExpanded;return a.createElement(u.Z,{title:t||"Item View All",description:n,example:a.createElement(K.Z,null),exampleSrc:a.createElement(z,null),isExpanded:l})},J=n(45639),Q=["components"];function Y(){return Y=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var ee={};function te(e){var t=e.components,n=$(e,Q);return(0,l.mdx)("wrapper",Y({},ee,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport IconPerson from \'terra-icon/lib/icon/IconPerson\';\nimport IconAlert from \'terra-icon/lib/icon/IconAlert\';\nimport IconInformation from \'terra-icon/lib/icon/IconInformation\';\nimport IconBedRequested from \'terra-icon/lib/icon/IconBedRequested\';\nimport ItemView from \'terra-clinical-item-view\';\n\nconst display1 = } iconAlignment="inline" text="Asif Khan" />;\nconst display2 = } iconAlignment="inline" text="Pending Admit: Bed Requested" />;\nconst display3 = ;\nconst display4 = ;\nconst display5 = ;\nconst display6 = ;\nconst displays = [display1, display2, display3, display4, display5, display6];\n\nconst comment = ;\n\nconst accessoryStart = ;\nconst accessoryEnd = ;\n\nexport default () => (\n \n);\n\n')))}te.isMDXComponent=!0;var ne=function(e){var t=e.title,n=e.description,l=e.isExpanded;return a.createElement(u.Z,{title:t||"Item View All Top Aligned",description:n,example:a.createElement(J.Z,null),exampleSrc:a.createElement(te,null),isExpanded:l})},ae=n(39416),le=["components"];function ie(){return ie=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var oe={};function me(e){var t=e.components,n=re(e,le);return(0,l.mdx)("wrapper",ie({},oe,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport IconPerson from \'terra-icon/lib/icon/IconPerson\';\nimport ItemView from \'terra-clinical-item-view\';\n\nconst display1 = } iconAlignment="inline" text="Asif Khan" textStyle="strong" />;\nconst display2 = ;\nconst display3 = ;\nconst display4 = ;\nconst display5 = ;\nconst display6 = ;\nconst displays = [display1, display2, display3, display4, display5, display6];\n\nconst comment = ;\n\nexport default () => ;\n\n')))}me.isMDXComponent=!0;var se=function(e){var t=e.title,n=e.description,l=e.isExpanded;return a.createElement(u.Z,{title:t||"Item View Override Default Styling",description:n,example:a.createElement(ae.Z,null),exampleSrc:a.createElement(me,null),isExpanded:l})},de=n(77401),pe=n(19769),ce=n(78530),ue=["components"];function ye(){return ye=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var fe={},ge="wrapper";function we(e){var t=e.components,n=xe(e,ue);return(0,l.mdx)(ge,ye({},fe,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)(ce.ZP,{mdxType:"PropsTable"},(0,l.mdx)(ce.X2,{key:"ROW1",mdxType:"Row"},(0,l.mdx)(ce.O,{mdxType:"PropNameCell"},"layout"),(0,l.mdx)(ce.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'oneColumn'\n 'twoColumns'\n],\n"))),(0,l.mdx)(ce.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(ce.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"'oneColumn'\n"))),(0,l.mdx)(ce.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"The visual column layout in which to present the displays. One of ",(0,l.mdx)("inlineCode",{parentName:"p"},"oneColumn"),", ",(0,l.mdx)("inlineCode",{parentName:"p"},"twoColumn"),".\nWhen using the ",(0,l.mdx)("inlineCode",{parentName:"p"},"twoColumn")," layout, the displays are split between the columns by placing every other display into the second column."))),(0,l.mdx)(ce.X2,{key:"ROW2",mdxType:"Row"},(0,l.mdx)(ce.O,{mdxType:"PropNameCell"},"trueColumn"),(0,l.mdx)(ce.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,l.mdx)(ce.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(ce.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,l.mdx)(ce.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Determines whether the displays are programmatically separated by row or as true columns when layout is set to ",(0,l.mdx)("inlineCode",{parentName:"p"},"twoColumns"),".\nScreenreaders will read ",(0,l.mdx)("inlineCode",{parentName:"p"},"trueColumn")," displays from top to bottom, one column at a time.\nHowever, this prop defaults to ",(0,l.mdx)("inlineCode",{parentName:"p"},"false")," and therefore the screenreader will read the displays in both columns together, left to right, one row at a time.\nFor accessibility purposes it is recommended to set trueColumn to ",(0,l.mdx)("inlineCode",{parentName:"p"},"true"),"."))),(0,l.mdx)(ce.X2,{key:"ROW3",mdxType:"Row"},(0,l.mdx)(ce.O,{mdxType:"PropNameCell"},"textEmphasis"),(0,l.mdx)(ce.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'default'\n 'start'\n],\n"))),(0,l.mdx)(ce.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(ce.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"'default'\n"))),(0,l.mdx)(ce.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"The text color emphasis when using two columns. One of ",(0,l.mdx)("inlineCode",{parentName:"p"},"default"),", ",(0,l.mdx)("inlineCode",{parentName:"p"},"start"),"."))),(0,l.mdx)(ce.X2,{key:"ROW4",mdxType:"Row"},(0,l.mdx)(ce.O,{mdxType:"PropNameCell"},"overrideDefaultStyling"),(0,l.mdx)(ce.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,l.mdx)(ce.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(ce.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,l.mdx)(ce.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Option to override the item view default styling so the original styling for item display is shown."))),(0,l.mdx)(ce.X2,{key:"ROW5",mdxType:"Row"},(0,l.mdx)(ce.O,{mdxType:"PropNameCell"},"isTruncated"),(0,l.mdx)(ce.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,l.mdx)(ce.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(ce.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,l.mdx)(ce.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Whether or not all text on the view should be truncated."))),(0,l.mdx)(ce.X2,{key:"ROW6",mdxType:"Row"},(0,l.mdx)(ce.O,{mdxType:"PropNameCell"},"accessoryAlignment"),(0,l.mdx)(ce.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'alignTop'\n 'alignCenter'\n],\n"))),(0,l.mdx)(ce.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(ce.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"'alignCenter'\n"))),(0,l.mdx)(ce.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"The vertical alignment of the start and end accessories. One of ",(0,l.mdx)("inlineCode",{parentName:"p"},"alignTop"),", ",(0,l.mdx)("inlineCode",{parentName:"p"},"alignCenter"),"."))),(0,l.mdx)(ce.X2,{key:"ROW7",mdxType:"Row"},(0,l.mdx)(ce.O,{mdxType:"PropNameCell"},"startAccessory"),(0,l.mdx)(ce.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,l.mdx)(ce.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(ce.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,l.mdx)(ce.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"The react element to be placed in the start aligned accessory position."))),(0,l.mdx)(ce.X2,{key:"ROW8",mdxType:"Row"},(0,l.mdx)(ce.O,{mdxType:"PropNameCell"},"reserveStartAccessorySpace"),(0,l.mdx)(ce.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,l.mdx)(ce.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(ce.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,l.mdx)(ce.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Indicates whether or not space is allocated for the start accessory if none is given."))),(0,l.mdx)(ce.X2,{key:"ROW9",mdxType:"Row"},(0,l.mdx)(ce.O,{mdxType:"PropNameCell"},"endAccessory"),(0,l.mdx)(ce.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,l.mdx)(ce.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(ce.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,l.mdx)(ce.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"The react element to be placed in the end aligned accessory position."))),(0,l.mdx)(ce.X2,{key:"ROW10",mdxType:"Row"},(0,l.mdx)(ce.O,{mdxType:"PropNameCell"},"displays"),(0,l.mdx)(ce.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'element',\n}],\n"))),(0,l.mdx)(ce.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(ce.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,l.mdx)(ce.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"An array of terra-clinical-item-displays to be presented.\nThe Item View can only have 8 displays at a time, any additional displays passed in will be ignored."))),(0,l.mdx)(ce.X2,{key:"ROW11",mdxType:"Row"},(0,l.mdx)(ce.O,{mdxType:"PropNameCell"},"comment"),(0,l.mdx)(ce.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,l.mdx)(ce.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(ce.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,l.mdx)(ce.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"The react element for the comment element."))),(0,l.mdx)(ce.X2,{key:"ROW12",mdxType:"Row"},(0,l.mdx)(ce.O,{mdxType:"PropNameCell"},"refCallback"),(0,l.mdx)(ce.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,l.mdx)(ce.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(ce.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(ce.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Function callback for the ref of the outer most div.")))))}we.isMDXComponent=!0;var he=["components"];function ve(){return ve=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var be={},Ie="wrapper";function Ee(e){var t=e.components,n=Te(e,he);return(0,l.mdx)(Ie,ve({},be,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)(i.C,{mdxType:"Badge"}),(0,l.mdx)("h1",{id:"terra-clinical-item-view"},"Terra Clinical Item View"),(0,l.mdx)("p",null,"The Item View component allows displays to be organized into rows and column and themed, while providing means to add accessory elements and a comment."),(0,l.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Install with ",(0,l.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("inlineCode",{parentName:"li"},"npm install terra-clinical-item-view"))))),(0,l.mdx)("h2",{id:"usage"},"Usage"),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import ItemView from 'terra-clinical-item-view';\n")),(0,l.mdx)("h2",{id:"component-features"},"Component Features"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support"))),(0,l.mdx)("h2",{id:"accessibility"},"Accessibility"),(0,l.mdx)(r.Notice,{variant:"important",ariaLevel:"3",mdxType:"Notice"},(0,l.mdx)("h4",{id:"accessibility-guidance-headers"},"Accessibility Guidance: Headers"),(0,l.mdx)("p",null,"For the purposes of accessibility compliance, it is ",(0,l.mdx)("strong",{parentName:"p"},"strongly")," suggested to include a header element directly above\nthe Clinical Item View during implementation. This ensures that the list of displays in the view have proper context.\n",(0,l.mdx)("strong",{parentName:"p"},"The header not only acts as the main label for what the view contains, but also helps with page navigation.")),(0,l.mdx)("p",null,"Consumers can use the Terra Core Heading component found ",(0,l.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-ui/components/cerner-terra-core-docs/heading/about"},"here"),"\nor the Clincial Header component found ",(0,l.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-clinical/components/terra-clinical-header/clinical-header/clinical-header"},"here"),".\nRefer to A11y standards for how to properly implement headings in the context of your webpage. Further information can be found on the Clinical Item View accessibility guide."),(0,l.mdx)("p",null,"The following are two examples of how to implement a header for the one column and two column layouts. ")),(0,l.mdx)(de.Z,{title:"ItemView - With Header",mdxType:"ItemViewWithHeader"}),(0,l.mdx)(pe.Z,{title:"ItemView - Two Column Layout With Header",mdxType:"ItemViewTwoColumnWithHeader"}),(0,l.mdx)(r.Notice,{variant:"important",ariaLevel:"3",mdxType:"Notice"},(0,l.mdx)("h4",{id:"accessibility-guidance-truncated-text"},"Accessibility Guidance: Truncated Text"),(0,l.mdx)("p",null,"Truncation of text can pose an accessibility concern if no method of disclosing the full text is available\nto the user. When using ",(0,l.mdx)("inlineCode",{parentName:"p"},"isTruncated"),", consumers are responsible for providing a progressive disclosure pattern\nto disclose the full Item Display text in order to ensure that it is accessible for keyboard navigation users."),(0,l.mdx)("p",null,(0,l.mdx)("strong",{parentName:"p"},"There should always be a method of accessing the truncated information. If there is no way to progressively\ndisclose the full content of the truncated information, then truncation should not be used.")),(0,l.mdx)("p",null,"Some examples of progressive disclosure patterns that may be used to disclose truncated information include:"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Accordions"),(0,l.mdx)("li",{parentName:"ul"},"Dialogs"),(0,l.mdx)("li",{parentName:"ul"},"Popovers"),(0,l.mdx)("li",{parentName:"ul"},"Show/Hide"),(0,l.mdx)("li",{parentName:"ul"},"Split Views"),(0,l.mdx)("li",{parentName:"ul"},"Toasts")),(0,l.mdx)("p",null,"The method of disclosure ",(0,l.mdx)("strong",{parentName:"p"},"must")," be accessible via keyboard interactions."),(0,l.mdx)("p",null,"Truncation should be avoided where it is not necessary. Certain content should ",(0,l.mdx)("strong",{parentName:"p"},"never")," be truncated (i.e.\nmedication names and dosages in menus where the user is selecting from a list of choices).")),(0,l.mdx)("h2",{id:"examples"},"Examples"),(0,l.mdx)(y,{title:"ItemView - Default",mdxType:"ItemViewStandard"}),(0,l.mdx)(T,{title:"ItemView - Two Column Layout",description:"When including icons as part of an '', it is recommended to use the iconAlignment='inline' prop for best alignment and wrapping with the text.",mdxType:"ItemViewTwoColumn"}),(0,l.mdx)(Z,{title:"ItemView - Two Column Layout By Row",description:"The 'trueColumn' prop defaults to 'false' so this is the default behavior for the two column layout. The displays are split two at a time into rows which are stylized to look like columns instead of actual true columns - programmatically it's handled by row. When using the two column layout, it is recommended to have the 'trueColumn' prop set to 'true' for best accessibility adhearence.",mdxType:"ItemViewTwoColumnByRow"}),(0,l.mdx)(V,{title:"ItemView - Start Emphasis",mdxType:"ItemViewTwoColumnStart"}),(0,l.mdx)(_,{title:"ItemView - Comment",mdxType:"ItemViewComment"}),(0,l.mdx)(U,{title:"ItemView - All Elements",mdxType:"ItemViewAll"}),(0,l.mdx)(ne,{title:"ItemView - All Elements Top Aligned",mdxType:"ItemViewAllTopAligned"}),(0,l.mdx)(se,{title:"ItemView - Override Default Styling",mdxType:"ItemViewOverrideDefaultStyling"}),(0,l.mdx)("h2",{id:"item-view-props"},"Item View Props"),(0,l.mdx)(we,{mdxType:"ItemViewProps"}))}Ee.isMDXComponent=!0},55278:function(e,t,n){t.Z=void 0;var a=s(n(67294)),l=s(n(41086)),i=s(n(3343)),r=s(n(62936)),o=s(n(65559)),m=s(n(63884));function s(e){return e&&e.__esModule?e:{default:e}}var d=[a.default.createElement(m.default.Display,{icon:a.default.createElement(l.default,null),iconAlignment:"inline",text:"Asif Khan"}),a.default.createElement(m.default.Display,{icon:a.default.createElement(o.default,null),iconAlignment:"inline",text:"Pending Admit: Bed Requested"}),a.default.createElement(m.default.Display,{text:"Room 100A"}),a.default.createElement(m.default.Display,{text:"Acuity: 5"}),a.default.createElement(m.default.Display,{text:"Start Time: 08-05-2016 12:00:00"}),a.default.createElement(m.default.Display,{text:"End Time: 08-05-2016 16:00:00"})],p=a.default.createElement(m.default.Comment,{text:"Faint red rash appeared at 08-05-2016 13:24:00"}),c=a.default.createElement(i.default,null),u=a.default.createElement(r.default,null);t.Z=function(){return a.default.createElement(m.default,{displays:d,layout:"twoColumns",isTruncated:!0,textEmphasis:"start",startAccessory:c,endAccessory:u,comment:p,trueColumn:!0})}},45639:function(e,t,n){t.Z=void 0;var a=s(n(67294)),l=s(n(41086)),i=s(n(3343)),r=s(n(62936)),o=s(n(65559)),m=s(n(63884));function s(e){return e&&e.__esModule?e:{default:e}}var d=[a.default.createElement(m.default.Display,{icon:a.default.createElement(l.default,null),iconAlignment:"inline",text:"Asif Khan"}),a.default.createElement(m.default.Display,{icon:a.default.createElement(o.default,null),iconAlignment:"inline",text:"Pending Admit: Bed Requested"}),a.default.createElement(m.default.Display,{text:"Room 100A"}),a.default.createElement(m.default.Display,{text:"Acuity: 5"}),a.default.createElement(m.default.Display,{text:"Start Time: 08-05-2016 12:00:00"}),a.default.createElement(m.default.Display,{text:"End Time: 08-05-2016 16:00:00"})],p=a.default.createElement(m.default.Comment,{text:"Faint red rash appeared at 08-05-2016 13:24:00"}),c=a.default.createElement(i.default,null),u=a.default.createElement(r.default,null);t.Z=function(){return a.default.createElement(m.default,{displays:d,layout:"twoColumns",isTruncated:!0,textEmphasis:"start",accessoryAlignment:"alignTop",startAccessory:c,endAccessory:u,comment:p,trueColumn:!0})}},32221:function(e,t,n){t.Z=void 0;var a=r(n(67294)),l=r(n(41086)),i=r(n(63884));function r(e){return e&&e.__esModule?e:{default:e}}var o=[a.default.createElement(i.default.Display,{icon:a.default.createElement(l.default,null),iconAlignment:"inline",text:"Asif Khan"}),a.default.createElement(i.default.Display,{text:"Care Position: Primary"}),a.default.createElement(i.default.Display,{text:"Room 100A"}),a.default.createElement(i.default.Display,{text:"Acuity: 5"}),a.default.createElement(i.default.Display,{text:"Start Time: 08-05-2016 12:00:00"}),a.default.createElement(i.default.Display,{text:"End Time: 08-05-2016 16:00:00"})],m=a.default.createElement(i.default.Comment,{text:"Faint red rash appeared at 08-05-2016 13:24:00"});t.Z=function(){return a.default.createElement(i.default,{displays:o,comment:m})}},39416:function(e,t,n){t.Z=void 0;var a=r(n(67294)),l=r(n(41086)),i=r(n(63884));function r(e){return e&&e.__esModule?e:{default:e}}var o=[a.default.createElement(i.default.Display,{icon:a.default.createElement(l.default,null),iconAlignment:"inline",text:"Asif Khan",textStyle:"strong"}),a.default.createElement(i.default.Display,{text:"Care Position: Primary",textStyle:"secondary"}),a.default.createElement(i.default.Display,{text:"Room 100A",textStyle:"strikeThrough"}),a.default.createElement(i.default.Display,{text:"Acuity: 5",textStyle:"attention"}),a.default.createElement(i.default.Display,{text:"Start Time: 08-05-2016 12:00:00"}),a.default.createElement(i.default.Display,{text:"End Time: 08-05-2016 16:00:00"})],m=a.default.createElement(i.default.Comment,{text:"Faint red rash appeared at 08-05-2016 13:24:00"});t.Z=function(){return a.default.createElement(i.default,{displays:o,comment:m,overrideDefaultStyling:!0})}},72295:function(e,t,n){t.Z=void 0;var a=r(n(67294)),l=r(n(41086)),i=r(n(63884));function r(e){return e&&e.__esModule?e:{default:e}}var o=[a.default.createElement(i.default.Display,{icon:a.default.createElement(l.default,null),iconAlignment:"inline",text:"Asif Khan"}),a.default.createElement(i.default.Display,{text:"Care Position: Primary"}),a.default.createElement(i.default.Display,{text:"Room 100A"}),a.default.createElement(i.default.Display,{text:"Acuity: 5"}),a.default.createElement(i.default.Display,{text:"Start Time: 08-05-2016 12:00:00"}),a.default.createElement(i.default.Display,{text:"End Time: 08-05-2016 16:00:00"})];t.Z=function(){return a.default.createElement(i.default,{displays:o})}},35569:function(e,t,n){t.Z=void 0;var a=o(n(67294)),l=o(n(56468)),i=o(n(41086)),r=o(n(63884));function o(e){return e&&e.__esModule?e:{default:e}}var m=[a.default.createElement(r.default.Display,{icon:a.default.createElement(i.default,null),iconAlignment:"inline",text:"Asif Khan"}),a.default.createElement(r.default.Display,{icon:a.default.createElement(l.default,null),iconAlignment:"inline",text:"Care Position: Primary"}),a.default.createElement(r.default.Display,{text:"Room 100A"}),a.default.createElement(r.default.Display,{text:"Acuity: 5"}),a.default.createElement(r.default.Display,{text:"Start Time: 08-05-2016 12:00:00"}),a.default.createElement(r.default.Display,{text:"End Time: 08-05-2016 16:00:00"})];t.Z=function(){return a.default.createElement(r.default,{displays:m,layout:"twoColumns",trueColumn:!0})}},69759:function(e,t,n){t.Z=void 0;var a=r(n(67294)),l=n(34614),i=r(n(63884));function r(e){return e&&e.__esModule?e:{default:e}}var o=[a.default.createElement(i.default.Display,{icon:a.default.createElement(l.IconPerson,null),iconAlignment:"inline",text:"Asif Khan"}),a.default.createElement(i.default.Display,{icon:a.default.createElement(l.IconBriefcase,null),iconAlignment:"inline",text:"Care Position: Primary"}),a.default.createElement(i.default.Display,{text:"Room 100A"}),a.default.createElement(i.default.Display,{text:"Acuity: 5"}),a.default.createElement(i.default.Display,{text:"Start Time: 08-05-2016 12:00:00"}),a.default.createElement(i.default.Display,{text:"End Time: 08-05-2016 16:00:00"})];t.Z=function(){return a.default.createElement(i.default,{displays:o,layout:"twoColumns"})}},19571:function(e,t,n){t.Z=void 0;var a=r(n(67294)),l=r(n(41086)),i=r(n(63884));function r(e){return e&&e.__esModule?e:{default:e}}var o=[a.default.createElement(i.default.Display,{icon:a.default.createElement(l.default,null),iconAlignment:"inline",text:"Asif Khan"}),a.default.createElement(i.default.Display,{text:"Care Position: Primary"}),a.default.createElement(i.default.Display,{text:"Room 100A"}),a.default.createElement(i.default.Display,{text:"Acuity: 5"}),a.default.createElement(i.default.Display,{text:"Start Time: 08-05-2016 12:00:00"}),a.default.createElement(i.default.Display,{text:"End Time: 08-05-2016 16:00:00"})];t.Z=function(){return a.default.createElement(i.default,{displays:o,layout:"twoColumns",textEmphasis:"start",trueColumn:!0})}}}]); \ No newline at end of file diff --git a/2048-7afa91d39985c84fefe1.js b/2048-7afa91d39985c84fefe1.js new file mode 100644 index 0000000000..b705078326 --- /dev/null +++ b/2048-7afa91d39985c84fefe1.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[2048],{22863:function(e,t,r){var a=r(64836);t.Z=void 0;var l=a(r(67294)),n=a(r(45697)),d=a(r(47166)),o=a(r(17422)),m=d.default.bind(o.default),i={name:n.default.string.isRequired,src:n.default.string,url:n.default.string,version:n.default.string.isRequired},p=function(e){var t=e.src,r=e.name,a=e.url,n=e.version,d=l.default.createElement("a",{className:m("badge"),href:a||"https://www.npmjs.org/package/".concat(r,"/v/").concat(n)},l.default.createElement("span",{className:m("badge-name")},a?"package":"npm"),l.default.createElement("span",{className:m("badge-version")},"v".concat(n))),o=t?l.default.createElement("a",{className:m("badge"),href:t},l.default.createElement("span",{className:m("badge-name")},"github"),l.default.createElement("span",{className:m("badge-version")},"source")):void 0;return l.default.createElement("div",{className:m("badge-container")},d,o)};p.propTypes=i;var s=p;t.Z=s},2048:function(e,t,r){r.r(t),r.d(t,{default:function(){return p}});r(67294);var a=r(81254),l=r(57739),n=["components"];function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[r]=e[r]);return l}(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(l[r]=e[r])}return l}var m={},i="wrapper";function p(e){var t=e.components,r=o(e,n);return(0,a.mdx)(i,d({},m,r,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(l.C,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"terra-form-select-upgrade-guide"},"Terra Form Select Upgrade Guide"),(0,a.mdx)("h2",{id:"changes-from-version-5-to-version-6"},"Changes from version 5 to version 6"),(0,a.mdx)("h3",{id:"props"},"Props"),(0,a.mdx)("h4",{id:"updated"},"Updated"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Form Fields allowed the ",(0,a.mdx)("inlineCode",{parentName:"li"},"label")," to be a node, which potentially breaks the display when injecting other non-inline-only text elements (terra-text) or has the potential to completely break accessibility if something non-text based would be passed in."),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("inlineCode",{parentName:"li"},"label")," prop's type changed from node to string.")),(0,a.mdx)("h5",{id:"steps-to-upgrade"},"Steps to Upgrade"),(0,a.mdx)("p",null,"To upgrade from 5.0 to 6.0 each existing Select must be reviewed and updated to ensure only a string is being passed to the ",(0,a.mdx)("inlineCode",{parentName:"p"},"label")," props. Solutions passing node data types need to be reworked to provide only a string."),(0,a.mdx)("h2",{id:"changes-from-version-4-to-version-5"},"Changes from version 4 to version 5"),(0,a.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,a.mdx)("h4",{id:"renamed"},"Renamed"),(0,a.mdx)("table",null,(0,a.mdx)("thead",{parentName:"table"},(0,a.mdx)("tr",{parentName:"thead"},(0,a.mdx)("th",{parentName:"tr",align:null},"Previous"),(0,a.mdx)("th",{parentName:"tr",align:null},"New"))),(0,a.mdx)("tbody",{parentName:"table"},(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-dropdown-background-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-dropdown-background-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-dropdown-border"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-dropdown-border")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-dropdown-border-radius"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-dropdown-border-bottom-left-radius")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-dropdown-border-radius"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-dropdown-border-bottom-right-radius")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-dropdown-box-shadow"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-dropdown-box-shadow")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-dropdown-border"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-dropdown-border")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-dropdown-border-radius"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-dropdown-border-top-left-radius")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-dropdown-border-radius"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-dropdown-border-top-right-radius")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-dropdown-above-box-shadow"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-dropdown-above-box-shadow")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-background-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-background-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-font-size"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-font-size")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-line-height"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-line-height")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-background-size"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-background-size")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-border"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-border")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-border-radius"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-border-radius")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-padding-bottom"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-padding-bottom")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-padding-left"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-padding-left")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-padding-right"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-padding-right")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-padding-top"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-padding-top")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-focus-background-image"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-focus-background-image")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-focus-background-size"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-focus-background-size")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-focus-border-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-focus-border-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-focus-box-shadow"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-focus-box-shadow")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-focus-transition-duration"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-focus-transition-duration")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-focus-transition-timing-function"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-focus-transition-timing-function")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-border-radius"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-open-border-top-left-radius")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-border-radius"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-open-border-top-right-radius")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-border-radius"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-above-border-bottom-left-radius")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-border-radius"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-above-border-bottom-right-radius")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-hover-border-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-hover-border-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-focus-hover-border-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-focus-hover-border-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-invalid-background-image"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-invalid-background-image")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-invalid-border-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-invalid-border-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-invalid-focus-background-size"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-invalid-focus-background-size")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-invalid-focus-border-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-invalid-focus-border-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-invalid-hover-border-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-invalid-hover-border-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-arrow-background"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-arrow-background")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-arrow-height"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-arrow-height")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-arrow-width"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-arrow-width")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-disabled-background-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-disabled-background-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-disabled-border-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-disabled-border-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-option-disabled-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-option-disabled-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-disabled-arrow-background"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-disabled-arrow-background")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-toggle-padding"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-toggle-padding")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-content-padding-bottom"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-content-padding-bottom")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-content-padding-left"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-content-padding-left")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-content-padding-right"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-content-padding-right")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-content-padding-top"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-content-padding-top")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-search-font-size"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-search-focus-font-size")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-search-height"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-search-focus-height")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-search-margin-top"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-search-focus-margin-top")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-search-placeholder-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-search-placeholder-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-search-placeholder-font-size"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-search-placeholder-font-size")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-background-size"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-background-size")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-border"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-border")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-border-radius"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-border-bottom-left-radius")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-border-radius"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-border-top-left-radius")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-padding-bottom"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-padding-bottom")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-padding-left"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-padding-left")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-padding-right"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-padding-right")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-padding-top"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-padding-top")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-toggle-border"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-toggle-border")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-border-radius"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-border-bottom-right-radius")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-border-radius"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-border-top-right-radius")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-focus-background-image"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-focus-background-image")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-focus-background-size"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-focus-background-size")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-focus-border-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-focus-border-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-focus-box-shadow"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-focus-box-shadow")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-focus-transition-duration"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-focus-transition-duration")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-focus-transition-timing-function"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-focus-transition-timing-function")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-border-radius"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-above-border-bottom-left-radius")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-border-radius"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-above-border-bottom-right-radius")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-focus-hover-border-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-focus-hover-border-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-invalid-background-image"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-invalid-background-image")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-invalid-border-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-invalid-border-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-invalid-focus-background-size"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-invalid-focus-background-size")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-invalid-focus-border-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-invalid-focus-border-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-invalid-focus-box-shadow"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-invalid-focus-box-shadow")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-invalid-hover-border-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-invalid-hover-border-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-invalid-arrow-background"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-invalid-arrow-background")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-menu-margin"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-menu-margin")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-menu-padding"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-menu-padding")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-no-results-padding"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-no-results-padding")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-optgroup-margin"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-optgroup-margin")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-optgroup-padding"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-optgroup-padding")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-optgroup-label-border-top"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-optgroup-label-border-top")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-optgroup-label-background-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-optgroup-label-background-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-optgroup-label-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-optgroup-label-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-optgroup-font-size"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-optgroup-label-font-size")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-optgroup-label-font-weight"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-optgroup-label-font-weight")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-optgroup-label-line-height"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-optgroup-label-line-height")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-optgroup-label-padding"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-optgroup-label-padding")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-optgroup-options-margin"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-optgroup-options-margin")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-optgroup-options-padding"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-optgroup-options-padding")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-option-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-option-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-option-font-size"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-option-font-size")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-option-line-height"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-option-line-height")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-option-padding"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-option-padding")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-option-pressed-background-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-default-option-active-background-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-option-pressed-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-default-option-active-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-option-pressed-font-weight"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-default-option-active-font-weight")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-option-selected-background-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-default-option-selected-background-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-option-selected-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-default-option-selected-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-option-selected-font-weight"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-default-option-selected-font-weight")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-option-selected-active-background-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-default-option-selected-active-background-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-tag-icon-height"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-tag-icon-height")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-option-icon-margin-right"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-option-icon-margin-right")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-tag-icon-width"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-tag-icon-width")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-option-icon-background"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-option-icon-background")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-option-icon-active-background"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-option-icon-active-background")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-option-icon-pressed-background"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-option-checkable-active-icon-background")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-option-icon-add-background"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-option-icon-add-background")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-option-active-background-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-option-active-background-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-tag-background"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-tag-background")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-tag-border-radius"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-tag-border-radius")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-tag-font-size"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-tag-font-size")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-tag-line-height"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-tag-line-height")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-tag-margin-right"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-tag-margin-right")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-tag-margin-top"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-tag-margin-top")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-tag-display-border-bottom"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-tag-display-border-bottom")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-tag-display-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-tag-display-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-tag-display-padding"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-tag-display-padding")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-tag-deselect-background"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-tag-deselect-background")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-tag-deselect-border-bottom"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-tag-deselect-border-bottom")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-tag-deselect-font-size"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-tag-deselect-font-size")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-tag-deselect-padding"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-tag-deselect-padding")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-tag-deselect-hover-background"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-tag-deselect-hover-background")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-tag-deselect-hover-border-bottom-hover"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-tag-deselect-hover-border-bottom")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-tag-icon-background"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-select-tag-icon-background")))),(0,a.mdx)("h4",{id:"added"},"Added"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"--terra-form-select-border-radius"),(0,a.mdx)("li",{parentName:"ul"},"--terra-form-select-hover-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-form-select-invalid-background-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-form-select-disabled-opacity"),(0,a.mdx)("li",{parentName:"ul"},"--terra-form-select-search-placeholder-font-style"),(0,a.mdx)("li",{parentName:"ul"},"--terra-form-select-hover-border-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-form-select-hover-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-form-select-toggle-hover-background-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-form-select-invalid-background-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-form-select-first-optgroup-label-padding"),(0,a.mdx)("li",{parentName:"ul"},"--terra-form-select-optgroup-label-margin"),(0,a.mdx)("li",{parentName:"ul"},"--terra-form-select-optgroup-label-font-style"),(0,a.mdx)("li",{parentName:"ul"},"--terra-form-select-tag-height")),(0,a.mdx)("h4",{id:"removed"},"Removed"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"--terra-select-hover-border-color")),(0,a.mdx)("h2",{id:"changes-from-30-to-40"},"Changes from 3.0 to 4.0"),(0,a.mdx)("h3",{id:"breaking-changes"},"Breaking Changes"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Removed ",(0,a.mdx)("inlineCode",{parentName:"li"},"boundingRef")),(0,a.mdx)("li",{parentName:"ul"},"Removed ",(0,a.mdx)("inlineCode",{parentName:"li"},"isPlaceholderHidden")),(0,a.mdx)("li",{parentName:"ul"},"Removed ",(0,a.mdx)("inlineCode",{parentName:"li"},"name")),(0,a.mdx)("li",{parentName:"ul"},"Removed ",(0,a.mdx)("inlineCode",{parentName:"li"},"required")),(0,a.mdx)("li",{parentName:"ul"},"Removed ",(0,a.mdx)("inlineCode",{parentName:"li"},"releaseFocus")),(0,a.mdx)("li",{parentName:"ul"},"Removed ",(0,a.mdx)("inlineCode",{parentName:"li"},"requestFocus")),(0,a.mdx)("li",{parentName:"ul"},"Removed the event and name from ",(0,a.mdx)("inlineCode",{parentName:"li"},"onChange")," callback"),(0,a.mdx)("li",{parentName:"ul"},"Removed ",(0,a.mdx)("inlineCode",{parentName:"li"},"isSelected")," from ",(0,a.mdx)("inlineCode",{parentName:"li"},"Select.Option")),(0,a.mdx)("li",{parentName:"ul"},"Removed ",(0,a.mdx)("inlineCode",{parentName:"li"},"children")," from ",(0,a.mdx)("inlineCode",{parentName:"li"},"Select.Option")),(0,a.mdx)("li",{parentName:"ul"},"Removed and renamed specific CSS Custom Properties")),(0,a.mdx)("h3",{id:"new-props"},"New props"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Added ",(0,a.mdx)("inlineCode",{parentName:"li"},"dropdownAttrs")),(0,a.mdx)("li",{parentName:"ul"},"Added ",(0,a.mdx)("inlineCode",{parentName:"li"},"noResultContent")),(0,a.mdx)("li",{parentName:"ul"},"Added ",(0,a.mdx)("inlineCode",{parentName:"li"},"onDeselect")),(0,a.mdx)("li",{parentName:"ul"},"Added ",(0,a.mdx)("inlineCode",{parentName:"li"},"onSelect")),(0,a.mdx)("li",{parentName:"ul"},"Added ",(0,a.mdx)("inlineCode",{parentName:"li"},"onSearch")),(0,a.mdx)("li",{parentName:"ul"},"Added ",(0,a.mdx)("inlineCode",{parentName:"li"},"optionFilter")),(0,a.mdx)("li",{parentName:"ul"},"Added ",(0,a.mdx)("inlineCode",{parentName:"li"},"placeholder")),(0,a.mdx)("li",{parentName:"ul"},"Added ",(0,a.mdx)("inlineCode",{parentName:"li"},"variant")),(0,a.mdx)("li",{parentName:"ul"},"Added ",(0,a.mdx)("inlineCode",{parentName:"li"},"Select.OptGroup"))),(0,a.mdx)("h3",{id:"changes-to-onchange"},"Changes to onChange"),(0,a.mdx)("p",null,"The ",(0,a.mdx)("inlineCode",{parentName:"p"},"onChange")," callback has been changed to return only the value. To uplift remove the event and name parameter from the callback."),(0,a.mdx)("p",null,(0,a.mdx)("inlineCode",{parentName:"p"},"onChange(event, value, name"),") -> ",(0,a.mdx)("inlineCode",{parentName:"p"},"onChange(value)")),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-diff"},'import React from \'react\';\nimport Select from \'terra-form-select\';\n\nclass Default extends React.Component {\n constructor() {\n super();\n\n this.state = { value: \'blue\' };\n this.handleChange = this.handleChange.bind(this);\n }\n\n- handleChange(event, value, name) {\n+ handleChange(value) {\n this.setState({ value });\n }\n\n render() {\n return (\n \n );\n }\n}\n\nexport default Default;\n')),(0,a.mdx)("h3",{id:"changes-to-isplaceholderhidden"},"Changes to isPlaceholderHidden"),(0,a.mdx)("p",null,"The ",(0,a.mdx)("inlineCode",{parentName:"p"},"isPlaceholderHidden")," hidden prop has been removed. To uplift remove this prop declaration."),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-diff"},'- \n \n \n \n \n')),(0,a.mdx)("p",null,"If a placeholder option is necessary it can be added to the list of options."),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre"},'\n')),(0,a.mdx)("h3",{id:"changes-to-name-and-required"},"Changes to name and required"),(0,a.mdx)("p",null,"The ",(0,a.mdx)("inlineCode",{parentName:"p"},"name")," and ",(0,a.mdx)("inlineCode",{parentName:"p"},"required")," props have been removed. Terra recommends handling form submissions and validations with ",(0,a.mdx)("a",{parentName:"p",href:"https://github.com/final-form/react-final-form"},"react-final-form"),".\nTo uplift remove these prop declarations."),(0,a.mdx)("h3",{id:"changes-to-releasefocus-and-releasefocus"},"Changes to releaseFocus and releaseFocus"),(0,a.mdx)("p",null,"The ",(0,a.mdx)("inlineCode",{parentName:"p"},"releaseFocus")," and ",(0,a.mdx)("inlineCode",{parentName:"p"},"releaseFocus")," props have been removed. It is no longer necessary for the consumer to manage the focus state. To uplift remove these prop declarations."),(0,a.mdx)("h3",{id:"changes-to-boundingref"},"Changes to boundingRef"),(0,a.mdx)("p",null,"The ",(0,a.mdx)("inlineCode",{parentName:"p"},"boundingRef")," prop has been removed. The dropdown has been updated to never expand outside of the available window space. To uplift remove these prop declarations."),(0,a.mdx)("h3",{id:"changes-to-selectoption"},"Changes to Select.Option"),(0,a.mdx)("p",null,"The ",(0,a.mdx)("inlineCode",{parentName:"p"},"children")," and ",(0,a.mdx)("inlineCode",{parentName:"p"},"isSelected")," props have been removed. To uplift remove isSelected prop declarations and move children into display."),(0,a.mdx)("p",null,"Children should be placed inside of display."),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-diff"},'- Display\n+ \n')),(0,a.mdx)("p",null,"The selection state of each option is managed by the Select. The selected option values should be supplied to the Select's ",(0,a.mdx)("inlineCode",{parentName:"p"},"defaultValue")," or ",(0,a.mdx)("inlineCode",{parentName:"p"},"value"),"."),(0,a.mdx)("h3",{id:"changes-to-css-custom-properties-1"},"Changes to CSS Custom Properties"),(0,a.mdx)("p",null,"CSS Custom Properties have been updated to follow naming conventions. A CSS property should define the component, state, and property it controls."),(0,a.mdx)("p",null,"Select icons have been updated to be theme-able in CSS. This means the entire icon will need to be changed to alter color."),(0,a.mdx)("h4",{id:"renamed-1"},"Renamed"),(0,a.mdx)("table",null,(0,a.mdx)("thead",{parentName:"table"},(0,a.mdx)("tr",{parentName:"thead"},(0,a.mdx)("th",{parentName:"tr",align:null},"Previous"),(0,a.mdx)("th",{parentName:"tr",align:null},"Updated"))),(0,a.mdx)("tbody",{parentName:"table"},(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-disabled-font-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-disabled-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-focus-animation-background"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-focus-background-image")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-focus-background-start"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-background-size")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-focus-transition-timing"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-focus-transition-timing-function")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-focus-animation-size"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-focus-background-size")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-focus-box-shadow-rtl"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-focus-box-shadow")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-focus-box-shadow-ltr"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-focus-box-shadow")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-input-border-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-border-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-input-hover-border-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-hover-border-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-input-focus-border-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-focus-border-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-default-option-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-option-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-default-option-font-style"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-option-font-style")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-input-text-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-invalid-focus-animation-background"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-invalid-background-image")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-invalid-focus-animation-size"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-invalid-focus-background-size")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-invalid-focus-box-shadow-ltr"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-invalid-focus-box-shadow")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-invalid-focus-box-shadow-rtl"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-invalid-focus-box-shadow")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-option-font-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-option-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-option-selected-font-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-option-selected-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-option-selected-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-option-selected-background-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-option-hover-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-select-option-active-color")))),(0,a.mdx)("h4",{id:"removed-1"},"Removed"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"--terra-select-arrow-margin"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-arrow-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-disabled-arrow-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-input-border-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-input-padding"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-invalid-arrow-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-menu-blur-background-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-menu-bottom-padding"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-menu-background-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-menu-border-raidus"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-menu-blur"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-menu-box-shadow-ltr"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-menu-box-shadow-rtl")),(0,a.mdx)("h3",{id:"added-1"},"Added"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"--terra-select-border"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-bottom-padding"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-left-padding"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-right-padding"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-top-padding"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-arrow-background"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-invalid-arrow-background"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-menu-padding"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-menu-margin"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-arrow-background"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-dropdown-background-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-dropdown-border"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-dropdown-border-radius"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-dropdown-box-shadow"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-dropdown-above-box-shadow"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-option-icon-background"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-option-icon-active-background"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-option-icon-pressed-background"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-option-selected-active-background-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-option-icon-height"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-tag-background"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-tag-border-radius"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-tag-font-size"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-tag-line-height"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-tag-margin-right"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-tag-margin-top"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-tag-display-border-bottom"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-tag-display-padding"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-tag-deselect-background"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-tag-deselect-border-bottom"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-tag-deselect-font-size"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-tag-deselect-padding"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-tag-deselect-hover-background"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-tag-deselect-hover-border-bottom-hover"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-tag-icon-background"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-tag-icon-height"),(0,a.mdx)("li",{parentName:"ul"},"--terra-select-tag-icon-width")),(0,a.mdx)("h3",{id:"new-dropdownattrs"},"New dropdownAttrs"),(0,a.mdx)("p",null,"The new prop for ",(0,a.mdx)("inlineCode",{parentName:"p"},"dropdownAttrs")," spreads custom html attributes onto the dropdown menu. Examples include classnames and inline styles."),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre"},'\n')),(0,a.mdx)("h3",{id:"new-noresultcontent"},"New noResultContent"),(0,a.mdx)("p",null,"The ",(0,a.mdx)("inlineCode",{parentName:"p"},"noResultContent")," prop displays custom content when no search results are found."),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre"},'\n')),(0,a.mdx)("h3",{id:"new-ondeselect"},"New onDeselect"),(0,a.mdx)("p",null,"The ",(0,a.mdx)("inlineCode",{parentName:"p"},"onDeselect")," prop is called when an option is deselected. The callback will return the value of the deselected option."),(0,a.mdx)("h3",{id:"new-onselect"},"New onSelect"),(0,a.mdx)("p",null,"The ",(0,a.mdx)("inlineCode",{parentName:"p"},"onSelect")," prop is called when an option is selected. The callback will return the value of the selected option."),(0,a.mdx)("h3",{id:"new-onsearch"},"New onSearch"),(0,a.mdx)("p",null,"The ",(0,a.mdx)("inlineCode",{parentName:"p"},"onSearch")," prop is called when a search is invoked. The callback will return the value of the search input."),(0,a.mdx)("h3",{id:"new-optionfilter"},"New optionFilter"),(0,a.mdx)("p",null,"The ",(0,a.mdx)("inlineCode",{parentName:"p"},"optionFilter")," prop is called for each option when the search input changes allowing a custom filter."),(0,a.mdx)("p",null,"By default the Select filters all options that contain the search string within the display. In the following example the Select is instead filtered by options that start with the string."),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre"},'\n')),(0,a.mdx)("h3",{id:"new-placeholder"},"New placeholder"),(0,a.mdx)("p",null,"The ",(0,a.mdx)("inlineCode",{parentName:"p"},"placeholder")," prop sets the placeholder text."),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre"},'\n')),(0,a.mdx)("h3",{id:"new-variant"},"New variant"),(0,a.mdx)("p",null,"The ",(0,a.mdx)("inlineCode",{parentName:"p"},"variant")," prop sets the display and behavior of the Select. Options include:"),(0,a.mdx)("table",null,(0,a.mdx)("thead",{parentName:"table"},(0,a.mdx)("tr",{parentName:"thead"},(0,a.mdx)("th",{parentName:"tr",align:null},"Variant"),(0,a.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,a.mdx)("tbody",{parentName:"table"},(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"default"),(0,a.mdx)("td",{parentName:"tr",align:null},"Allows only a single selection.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"search"),(0,a.mdx)("td",{parentName:"tr",align:null},"Allows only a single selection. Provides a searchable list of options.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"combobox"),(0,a.mdx)("td",{parentName:"tr",align:null},"Allows only a single selection or free text entry. The select will act as a standard input with a drop down menu that provides an optional set of selections to choose from. The options will filter as a user types into the input. Selecting a preexisting option from the dropdown is optional; the user can enter a new value.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"multiple"),(0,a.mdx)("td",{parentName:"tr",align:null},"Allows multiple selections. The user may choose multiple options from the dropdown. Each selected option can be deselected either by clicking the option again in the drop down or by clicking the x icon next to the option in the list of selected options.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"tag"),(0,a.mdx)("td",{parentName:"tr",align:null},"Allows multiple selections or free text entries. The user may choose multiple options from the dropdown or enter a custom free text entry.")))),(0,a.mdx)("h3",{id:"new-selectoptgroup"},"New Select.OptGroup"),(0,a.mdx)("p",null,"An OptGroup creates a grouping of options into a labeled section."),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre"},'\n')))}p.isMDXComponent=!0},57739:function(e,t,r){r.d(t,{C:function(){return n}});var a=r(67294),l=r(22863),n=function(e){var t=e.url;return a.createElement(l.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-form-select",name:"terra-form-select",version:"6.51.0",url:t})}},17422:function(e,t,r){r.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/20509-c377e994f7967825b20d.css b/20509-c377e994f7967825b20d.css new file mode 100644 index 0000000000..85c01f67c9 --- /dev/null +++ b/20509-c377e994f7967825b20d.css @@ -0,0 +1,8 @@ +.Arrange-module__arrange___hY0Ml{display:-ms-flexbox;display:flex}.Arrange-module__fill___m88eq{-ms-flex:1 1 auto;flex:1 1 auto;min-width:0}.Arrange-module__fit___tv8j-{-ms-flex-item-align:start;align-self:flex-start;-ms-flex:0 0 auto;flex:0 0 auto}.Arrange-module__center___9qfhG{-ms-flex-item-align:center;align-self:center;max-height:100%}.Arrange-module__bottom___8beod{-ms-flex-item-align:end;align-self:flex-end;max-height:100%}.Arrange-module__stretch___eQF-k{-ms-flex-item-align:stretch;align-self:stretch}.Arrange-module__default___z\+O29{-ms-flex-item-align:start;align-self:flex-start}@media(max-width: 320px),(max-height: 256px){.Arrange-module__fit___tv8j-{-ms-flex:0 0;flex:0 0}} +.placeholder-list{list-style:none}[dir] .placeholder-list{border-bottom:1px solid #dedfe0;border-top:1px solid #dedfe0;margin:0;padding:0}[dir] .is-padded .placeholder-list-item{padding:.7rem}.placeholder-list-item{overflow:hidden}[dir] .placeholder-list-item{border-bottom:1px solid #dedfe0;margin:0}[dir] .placeholder-list-item:last-of-type{border-bottom:0}[dir] .placeholder-list-item:focus{background-color:#ebf6fd}[dir] .placeholder-list-item.is-selected{background-color:#cbe7fa} +[dir] .AggregatorItem-module__readonly-modal-content___90fCW{padding:15px}.AggregatorItem-module__header-arrange___uCJ-m{font-size:1.285rem}[dir] .AggregatorItem-module__header-arrange___uCJ-m{background:#f4f4f4;padding:.71429rem .5rem}[dir=ltr] .AggregatorItem-module__header-arrange-content___k1GfD{margin-right:.7rem}[dir=rtl] .AggregatorItem-module__header-arrange-content___k1GfD{margin-left:.7rem} +.Input-module__clinical-lowlight-theme___clY96{--terra-form-input-background-color: #222a2e;--terra-form-input-border: 1px solid #181b1d;--terra-form-input-border-radius: 3px;--terra-form-input-box-shadow: none;--terra-form-input-color: #b2b5b6;--terra-form-input-font-size: 1.14285714rem;--terra-form-input-height: 2.14285714rem;--terra-form-input-hover-border: 1px solid #181b1d;--terra-form-input-line-height: 1.25;--terra-form-input-padding-bottom: 0.28571rem;--terra-form-input-padding-left: 0.28571rem;--terra-form-input-padding-right: 0.28571rem;--terra-form-input-padding-top: 0.28571rem;--terra-form-input-transition-duration: 0s;--terra-form-input-transition-timing-function: ease;--terra-form-input-disabled-background-color: #1d2529;--terra-form-input-disabled-border: 1px solid #242b2b;--terra-form-input-disabled-color: #404344;--terra-form-input-disabled-opacity: 0.25;--terra-form-input-focus-background-color: #222a2e;--terra-form-input-focus-border: 1px solid #004c76;--terra-form-input-error-border: 1px solid #181b1d;--terra-form-input-error-disabled-background-color: #1d2529;--terra-form-input-error-disabled-border: 1px solid #242b2b;--terra-form-input-error-disabled-color: #404344;--terra-form-input-error-disabled-opacity: 0.25;--terra-form-input-error-focus-background-color: #222a2e;--terra-form-input-error-focus-border: 1px solid #004c76;--terra-form-input-error-hover-border: 1px solid #181b1d;--terra-form-input-background-image: none;--terra-form-input-background-size: auto;--terra-form-input-focus-background-size: auto;--terra-form-input-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-input-focus-color: #b2b5b6;--terra-form-input-focus-ltr-box-shadow: none;--terra-form-input-focus-rtl-box-shadow: none;--terra-form-input-hover-background-color: #222a2e;--terra-form-input-hover-color: #b2b5b6;--terra-form-input-error-background-color: #222a2e;--terra-form-input-error-background-image: none;--terra-form-input-error-box-shadow: 0 0 0 1px #fb4c4c;--terra-form-input-error-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-input-error-focus-background-size: auto;--terra-form-input-error-focus-ltr-box-shadow: 0 0 0 1px #004c76;--terra-form-input-error-focus-rtl-box-shadow: 0 0 0 1px #004c76;--terra-form-input-error-hover-background-color: #222a2e;--terra-form-input-incomplete-background-color: #464232;--terra-form-input-incomplete-hover-background-color: #464232;--terra-form-input-incomplete-disabled-background-color: #464232;--terra-form-input-incomplete-focus-background-color: #464232}.Input-module__orion-fusion-theme___phvH5{--terra-form-input-background-color: #fff;--terra-form-input-border: 1px solid #dedfe0;--terra-form-input-border-radius: 3px;--terra-form-input-box-shadow: none;--terra-form-input-color: #1c1f21;--terra-form-input-font-size: 1rem;--terra-form-input-height: 2.16667rem;--terra-form-input-line-height: 1.25;--terra-form-input-padding-bottom: 0.25rem;--terra-form-input-padding-left: 0.25rem;--terra-form-input-padding-right: 0.25rem;--terra-form-input-padding-top: 0.25rem;--terra-form-input-transition-duration: 0s;--terra-form-input-transition-timing-function: ease;--terra-form-input-background-image: none;--terra-form-input-background-size: auto;--terra-form-input-hover-background-color: #fff;--terra-form-input-hover-border: 1px solid #dedfe0;--terra-form-input-hover-color: #1c1f21;--terra-form-input-focus-background-color: #fff;--terra-form-input-focus-border: 1px solid #4cb2e9;--terra-form-input-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-focus-color: #1c1f21;--terra-form-input-focus-background-size: auto;--terra-form-input-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-disabled-background-color: #f4f4f4;--terra-form-input-disabled-border: 1px solid #b2b5b6;--terra-form-input-disabled-color: #9b9fa1;--terra-form-input-disabled-opacity: 1;--terra-form-input-error-background-image: none;--terra-form-input-error-background-color: #fff;--terra-form-input-error-border: 1px solid #dedfe0;--terra-form-input-error-box-shadow: none;--terra-form-input-error-hover-background-color: #fff;--terra-form-input-error-hover-border: 1px solid #dedfe0;--terra-form-input-error-focus-background-color: #fff;--terra-form-input-error-focus-border: 1px solid #dedfe0;--terra-form-input-error-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-focus-background-size: auto;--terra-form-input-error-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-disabled-background-color: #f4f4f4;--terra-form-input-error-disabled-border: 1px solid #b2b5b6;--terra-form-input-error-disabled-color: #9b9fa1;--terra-form-input-error-disabled-opacity: 1;--terra-form-input-incomplete-background-color: #fefd9a;--terra-form-input-incomplete-hover-background-color: #fefd9a;--terra-form-input-incomplete-focus-background-color: #fefd9a;--terra-form-input-incomplete-disabled-background-color: #f4f4f4}.Input-module__form-input___Fk8kb{color:#1c1f21;color:var(--terra-form-input-color, #1c1f21);font-family:inherit;font-size:1.142857rem;font-size:var(--terra-form-input-font-size, 1.142857rem);height:2.142857rem;height:var(--terra-form-input-height, 2.142857rem);line-height:1.25;line-height:var(--terra-form-input-line-height, 1.25);width:100%}[dir] .Input-module__form-input___Fk8kb{background-color:#fff;background-color:var(--terra-form-input-background-color, #fff);background-image:var(--terra-form-input-background-image);background-repeat:no-repeat;background-size:var(--terra-form-input-background-size);border:1px solid #dedfe0;border:var(--terra-form-input-border, 1px solid #dedfe0);border-radius:3px;border-radius:var(--terra-form-input-border-radius, 3px);box-shadow:var(--terra-form-input-box-shadow);padding-bottom:0.28571rem;padding-bottom:var(--terra-form-input-padding-bottom, 0.28571rem);padding-top:0.28571rem;padding-top:var(--terra-form-input-padding-top, 0.28571rem);transition-duration:0s;transition-duration:var(--terra-form-input-transition-duration, 0s);transition-property:background-size;transition-timing-function:ease;transition-timing-function:var(--terra-form-input-transition-timing-function, ease)}[dir=ltr] .Input-module__form-input___Fk8kb{background-position:0 100%;padding-left:0.28571rem;padding-left:var(--terra-form-input-padding-left, 0.28571rem);padding-right:0.28571rem;padding-right:var(--terra-form-input-padding-right, 0.28571rem)}[dir=rtl] .Input-module__form-input___Fk8kb{background-position:100% 100%;padding-right:0.28571rem;padding-right:var(--terra-form-input-padding-left, 0.28571rem);padding-left:0.28571rem;padding-left:var(--terra-form-input-padding-right, 0.28571rem)}.Input-module__form-input___Fk8kb:hover{color:var(--terra-form-input-hover-color)}[dir] .Input-module__form-input___Fk8kb:hover{background-color:#fff;background-color:var(--terra-form-input-hover-background-color, #fff);border:1px solid #dedfe0;border:var(--terra-form-input-hover-border, 1px solid #dedfe0)}[dir] .Input-module__form-input___Fk8kb[required]{box-shadow:none}.Input-module__form-input___Fk8kb[disabled]{color:#1c1f21;color:var(--terra-form-input-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-input-disabled-opacity, 0.25);pointer-events:none}[dir] .Input-module__form-input___Fk8kb[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-input-disabled-background-color, rgba(111, 116, 119, 0.2));border:1px solid #868a8c;border:var(--terra-form-input-disabled-border, 1px solid #868a8c);cursor:default}.Input-module__form-input___Fk8kb:focus{color:var(--terra-form-input-focus-color);outline:none}[dir] .Input-module__form-input___Fk8kb:focus{background-color:#fff;background-color:var(--terra-form-input-focus-background-color, #fff);background-size:var(--terra-form-input-focus-background-size);border:1px solid #4cb2e9;border:var(--terra-form-input-focus-border, 1px solid #4cb2e9);box-shadow:var(--terra-form-input-focus-box-shadow)}[dir=ltr] .Input-module__form-input___Fk8kb:focus{box-shadow:var(--terra-form-input-focus-ltr-box-shadow)}[dir=rtl] .Input-module__form-input___Fk8kb:focus{box-shadow:var(--terra-form-input-focus-rtl-box-shadow)}[dir] .Input-module__form-error___aU4hq{background-color:#fff;background-color:var(--terra-form-input-error-background-color, #fff);background-image:var(--terra-form-input-error-background-image);border:1px solid #e50000;border:var(--terra-form-input-error-border, 1px solid #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-error___aU4hq:hover{background-color:#fff;background-color:var(--terra-form-input-error-hover-background-color, #fff);border:1px solid #e50000;border:var(--terra-form-input-error-hover-border, 1px solid #e50000)}.Input-module__form-error___aU4hq[disabled]{color:#1c1f21;color:var(--terra-form-input-error-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-input-error-disabled-opacity, 0.25)}[dir] .Input-module__form-error___aU4hq[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-input-error-disabled-background-color, rgba(111, 116, 119, 0.2));border:1px solid #e50000;border:var(--terra-form-input-error-disabled-border, 1px solid #e50000)}[dir] .Input-module__form-error___aU4hq[required]{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-error___aU4hq:focus{background-color:#fff;background-color:var(--terra-form-input-error-focus-background-color, #fff);background-size:var(--terra-form-input-error-focus-background-size);border:1px solid #e50000;border:var(--terra-form-input-error-focus-border, 1px solid #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-box-shadow, 0 0 0 1px #e50000)}[dir=ltr] .Input-module__form-error___aU4hq:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-ltr-box-shadow, 0 0 0 1px #e50000)}[dir=rtl] .Input-module__form-error___aU4hq:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-rtl-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-incomplete___h4I7H{background-color:#ffc;background-color:var(--terra-form-input-incomplete-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H:hover{background-color:#ffc;background-color:var(--terra-form-input-incomplete-hover-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H[disabled]{background-color:#ffc;background-color:var(--terra-form-input-incomplete-disabled-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H:focus{background-color:#ffc;background-color:var(--terra-form-input-incomplete-focus-background-color, #ffc)} +.example-styles-module__example-wrapper___BDtGd{height:28rem}[dir] .example-styles-module__example-wrapper___BDtGd{border:1px solid #d3d3d3}[dir] .example-styles-module__content-wrapper___aVyh0{padding:.7rem} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} +.Grid-module__clinical-lowlight-theme___iBVVg{--terra-grid-gutter-margin-left: 1rem;--terra-grid-gutter-padding-left: 1rem}.Grid-module__orion-fusion-theme___hxBQz{--terra-grid-gutter-margin-left: 1rem;--terra-grid-gutter-padding-left: 1rem}.Grid-module__grid___Os-i8{box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-preferred-size:auto;flex-basis:auto;-ms-flex-direction:row;flex-direction:row;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:1;flex-shrink:1;-ms-flex-wrap:wrap;flex-wrap:wrap}[dir=ltr] .Grid-module__grid___Os-i8{margin-left:calc(1rem*-1);margin-left:calc(var(--terra-grid-gutter-margin-left, 1rem)*-1)}[dir=rtl] .Grid-module__grid___Os-i8{margin-right:calc(1rem*-1);margin-right:calc(var(--terra-grid-gutter-margin-left, 1rem)*-1)}.Grid-module__column___zXP7v{box-sizing:border-box;-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;max-width:100%}[dir=ltr] .Grid-module__column___zXP7v{padding-left:1rem;padding-left:var(--terra-grid-gutter-padding-left, 1rem)}[dir=rtl] .Grid-module__column___zXP7v{padding-right:1rem;padding-right:var(--terra-grid-gutter-padding-left, 1rem)}@media screen and (min-width: 0px){.Grid-module__column-tiny-1___\+1wfL{-ms-flex-preferred-size:8.3333333333%;flex-basis:8.3333333333%;max-width:8.3333333333%}.Grid-module__column-tiny-2___PrgO4{-ms-flex-preferred-size:16.6666666667%;flex-basis:16.6666666667%;max-width:16.6666666667%}.Grid-module__column-tiny-3___9YJit{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.Grid-module__column-tiny-4___jIRz\+{-ms-flex-preferred-size:33.3333333333%;flex-basis:33.3333333333%;max-width:33.3333333333%}.Grid-module__column-tiny-5___IOG0q{-ms-flex-preferred-size:41.6666666667%;flex-basis:41.6666666667%;max-width:41.6666666667%}.Grid-module__column-tiny-6___htaH4{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.Grid-module__column-tiny-7___a33iE{-ms-flex-preferred-size:58.3333333333%;flex-basis:58.3333333333%;max-width:58.3333333333%}.Grid-module__column-tiny-8___-yY3y{-ms-flex-preferred-size:66.6666666667%;flex-basis:66.6666666667%;max-width:66.6666666667%}.Grid-module__column-tiny-9___zy187{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.Grid-module__column-tiny-10___xGjO7{-ms-flex-preferred-size:83.3333333333%;flex-basis:83.3333333333%;max-width:83.3333333333%}.Grid-module__column-tiny-11___jmS1E{-ms-flex-preferred-size:91.6666666667%;flex-basis:91.6666666667%;max-width:91.6666666667%}.Grid-module__column-tiny-12___-6WVA{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}}@media screen and (min-width: 544px){.Grid-module__column-small-1___xxAEw{-ms-flex-preferred-size:8.3333333333%;flex-basis:8.3333333333%;max-width:8.3333333333%}.Grid-module__column-small-2___h46ZG{-ms-flex-preferred-size:16.6666666667%;flex-basis:16.6666666667%;max-width:16.6666666667%}.Grid-module__column-small-3___cGpOb{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.Grid-module__column-small-4___sD5fv{-ms-flex-preferred-size:33.3333333333%;flex-basis:33.3333333333%;max-width:33.3333333333%}.Grid-module__column-small-5___GIPIh{-ms-flex-preferred-size:41.6666666667%;flex-basis:41.6666666667%;max-width:41.6666666667%}.Grid-module__column-small-6___v9PQi{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.Grid-module__column-small-7___3tEtM{-ms-flex-preferred-size:58.3333333333%;flex-basis:58.3333333333%;max-width:58.3333333333%}.Grid-module__column-small-8___v5Aqd{-ms-flex-preferred-size:66.6666666667%;flex-basis:66.6666666667%;max-width:66.6666666667%}.Grid-module__column-small-9___EQWCI{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.Grid-module__column-small-10___m0tGE{-ms-flex-preferred-size:83.3333333333%;flex-basis:83.3333333333%;max-width:83.3333333333%}.Grid-module__column-small-11___2pWbr{-ms-flex-preferred-size:91.6666666667%;flex-basis:91.6666666667%;max-width:91.6666666667%}.Grid-module__column-small-12___5JnEA{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}}@media screen and (min-width: 768px){.Grid-module__column-medium-1___Yz235{-ms-flex-preferred-size:8.3333333333%;flex-basis:8.3333333333%;max-width:8.3333333333%}.Grid-module__column-medium-2___9jJQg{-ms-flex-preferred-size:16.6666666667%;flex-basis:16.6666666667%;max-width:16.6666666667%}.Grid-module__column-medium-3___li0pW{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.Grid-module__column-medium-4___J\+DGa{-ms-flex-preferred-size:33.3333333333%;flex-basis:33.3333333333%;max-width:33.3333333333%}.Grid-module__column-medium-5___NpRnE{-ms-flex-preferred-size:41.6666666667%;flex-basis:41.6666666667%;max-width:41.6666666667%}.Grid-module__column-medium-6___i5TZS{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.Grid-module__column-medium-7___FPmRH{-ms-flex-preferred-size:58.3333333333%;flex-basis:58.3333333333%;max-width:58.3333333333%}.Grid-module__column-medium-8___pVJuv{-ms-flex-preferred-size:66.6666666667%;flex-basis:66.6666666667%;max-width:66.6666666667%}.Grid-module__column-medium-9___9R-eZ{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.Grid-module__column-medium-10___IdHZl{-ms-flex-preferred-size:83.3333333333%;flex-basis:83.3333333333%;max-width:83.3333333333%}.Grid-module__column-medium-11___R53Lk{-ms-flex-preferred-size:91.6666666667%;flex-basis:91.6666666667%;max-width:91.6666666667%}.Grid-module__column-medium-12___nisE\+{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}}@media screen and (min-width: 992px){.Grid-module__column-large-1___iu56a{-ms-flex-preferred-size:8.3333333333%;flex-basis:8.3333333333%;max-width:8.3333333333%}.Grid-module__column-large-2___xmnS6{-ms-flex-preferred-size:16.6666666667%;flex-basis:16.6666666667%;max-width:16.6666666667%}.Grid-module__column-large-3___lcwn6{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.Grid-module__column-large-4___DAqhR{-ms-flex-preferred-size:33.3333333333%;flex-basis:33.3333333333%;max-width:33.3333333333%}.Grid-module__column-large-5___FY8vE{-ms-flex-preferred-size:41.6666666667%;flex-basis:41.6666666667%;max-width:41.6666666667%}.Grid-module__column-large-6___htHJ\+{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.Grid-module__column-large-7___V01cK{-ms-flex-preferred-size:58.3333333333%;flex-basis:58.3333333333%;max-width:58.3333333333%}.Grid-module__column-large-8___yv14\+{-ms-flex-preferred-size:66.6666666667%;flex-basis:66.6666666667%;max-width:66.6666666667%}.Grid-module__column-large-9___IZJLb{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.Grid-module__column-large-10___Yq3R8{-ms-flex-preferred-size:83.3333333333%;flex-basis:83.3333333333%;max-width:83.3333333333%}.Grid-module__column-large-11___fz98K{-ms-flex-preferred-size:91.6666666667%;flex-basis:91.6666666667%;max-width:91.6666666667%}.Grid-module__column-large-12___qedSp{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}}@media screen and (min-width: 1216px){.Grid-module__column-huge-1___Y7ydw{-ms-flex-preferred-size:8.3333333333%;flex-basis:8.3333333333%;max-width:8.3333333333%}.Grid-module__column-huge-2___RekuK{-ms-flex-preferred-size:16.6666666667%;flex-basis:16.6666666667%;max-width:16.6666666667%}.Grid-module__column-huge-3___sO6jv{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.Grid-module__column-huge-4___C3Zti{-ms-flex-preferred-size:33.3333333333%;flex-basis:33.3333333333%;max-width:33.3333333333%}.Grid-module__column-huge-5___YOTc5{-ms-flex-preferred-size:41.6666666667%;flex-basis:41.6666666667%;max-width:41.6666666667%}.Grid-module__column-huge-6___0je45{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.Grid-module__column-huge-7___iHY-G{-ms-flex-preferred-size:58.3333333333%;flex-basis:58.3333333333%;max-width:58.3333333333%}.Grid-module__column-huge-8___hwq18{-ms-flex-preferred-size:66.6666666667%;flex-basis:66.6666666667%;max-width:66.6666666667%}.Grid-module__column-huge-9___XkrI1{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.Grid-module__column-huge-10___kk\+IW{-ms-flex-preferred-size:83.3333333333%;flex-basis:83.3333333333%;max-width:83.3333333333%}.Grid-module__column-huge-11___izwwH{-ms-flex-preferred-size:91.6666666667%;flex-basis:91.6666666667%;max-width:91.6666666667%}.Grid-module__column-huge-12___VTALE{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}}@media screen and (min-width: 1440px){.Grid-module__column-enormous-1___7jaM7{-ms-flex-preferred-size:8.3333333333%;flex-basis:8.3333333333%;max-width:8.3333333333%}.Grid-module__column-enormous-2___XJH79{-ms-flex-preferred-size:16.6666666667%;flex-basis:16.6666666667%;max-width:16.6666666667%}.Grid-module__column-enormous-3___bcPxR{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.Grid-module__column-enormous-4___fAqEp{-ms-flex-preferred-size:33.3333333333%;flex-basis:33.3333333333%;max-width:33.3333333333%}.Grid-module__column-enormous-5___0QWBj{-ms-flex-preferred-size:41.6666666667%;flex-basis:41.6666666667%;max-width:41.6666666667%}.Grid-module__column-enormous-6___4WMSd{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.Grid-module__column-enormous-7___Bvt0l{-ms-flex-preferred-size:58.3333333333%;flex-basis:58.3333333333%;max-width:58.3333333333%}.Grid-module__column-enormous-8___1rQyt{-ms-flex-preferred-size:66.6666666667%;flex-basis:66.6666666667%;max-width:66.6666666667%}.Grid-module__column-enormous-9___2n6pM{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.Grid-module__column-enormous-10___HcDD6{-ms-flex-preferred-size:83.3333333333%;flex-basis:83.3333333333%;max-width:83.3333333333%}.Grid-module__column-enormous-11___CvLx0{-ms-flex-preferred-size:91.6666666667%;flex-basis:91.6666666667%;max-width:91.6666666667%}.Grid-module__column-enormous-12___ifU5q{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}} +.SectionHeader-module__clinical-lowlight-theme___M-5zo{--terra-section-header-padding-end: 0.7142857143rem;--terra-section-header-padding-start: 0.7142857143rem;--terra-section-header-background: #141719;--terra-section-header-border-bottom: 1px solid #08090a;--terra-section-header-border-left: 0 none;--terra-section-header-border-right: 0 none;--terra-section-header-border-top: 0 none;--terra-section-header-box-shadow: none;--terra-section-header-color: #b2b5b6;--terra-section-header-min-height: 2.5rem;--terra-section-header-padding-bottom: 0.5rem;--terra-section-header-padding-top: 0.5rem;--terra-section-header-font-size: 1rem;--terra-section-header-font-weight: bold;--terra-section-header-line-height: 1.4285714286;--terra-section-header-text-transform: none;--terra-section-header-transparent-min-height: 2.42857rem;--terra-section-header-accordion-padding-start: 0.5rem;--terra-section-header-active-background: #000;--terra-section-header-active-border-bottom: 1px solid #08090a;--terra-section-header-active-border-left: 0 none;--terra-section-header-active-border-right: 0 none;--terra-section-header-active-border-top: 0 none;--terra-section-header-active-box-shadow: none;--terra-section-header-active-color: #b2b5b6;--terra-section-header-focus-background: #08090a;--terra-section-header-focus-color: #b2b5b6;--terra-section-header-focus-within-outline: 3px dashed #fff;--terra-section-header-focus-within-outline-offset: -2px;--terra-section-header-hover-background: #08090a;--terra-section-header-hover-border-bottom: 1px solid #08090a;--terra-section-header-hover-border-left: 0 none;--terra-section-header-hover-border-right: 0 none;--terra-section-header-hover-border-top: 0 none;--terra-section-header-hover-box-shadow: none;--terra-section-header-hover-color: #b2b5b6;--terra-section-header-transparent-active-background: #191d20;--terra-section-header-transparent-active-border-bottom: 1px solid #08090a;--terra-section-header-transparent-active-border-left: 0 none;--terra-section-header-transparent-active-border-right: 0 none;--terra-section-header-transparent-active-border-top: 0 none;--terra-section-header-transparent-active-box-shadow: none;--terra-section-header-transparent-active-color: #b2b5b6;--terra-section-header-transparent-focus-background: #222a2e;--terra-section-header-transparent-hover-background: #1e272b;--terra-section-header-transparent-hover-border-bottom: 1px solid #08090a;--terra-section-header-transparent-hover-border-left: 0 none;--terra-section-header-transparent-hover-border-right: 0 none;--terra-section-header-transparent-hover-border-top: 0 none;--terra-section-header-transparent-hover-box-shadow: none;--terra-section-header-transparent-hover-color: #9b9b9b;--terra-section-header-accordion-icon-margin-start: 0;--terra-section-header-accordion-icon-margin-end: 0.38rem;--terra-section-header-accordion-icon-padding-start: 0;--terra-section-header-accordion-icon-padding-end: 0;--terra-section-header-accordion-icon-padding-bottom: 0;--terra-section-header-accordion-icon-padding-top: 0.38rem;--terra-section-header-accordion-icon-height: 0.83593rem;--terra-section-header-accordion-icon-width: 0.83593rem;--terra-section-header-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;--terra-section-header-accordion-icon-background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22%23b2b5b6%22%20d%3D%22M12%2C0l24%2C24L12%2C48V0z%22%2F%3E%3C%2Fsvg%3E")}.SectionHeader-module__orion-fusion-theme___MGUT7{--terra-section-header-padding-end: 0.83333rem;--terra-section-header-padding-start: 0.83333rem;--terra-section-header-background: #dedfe0;--terra-section-header-border-bottom: 1px solid #9b9fa1;--terra-section-header-border-left: 0 none;--terra-section-header-border-right: 0 none;--terra-section-header-border-top: 0 none;--terra-section-header-box-shadow: none;--terra-section-header-color: #1c1f21;--terra-section-header-min-height: 2.25rem;--terra-section-header-padding-bottom: 0.25rem;--terra-section-header-padding-top: 0.25rem;--terra-section-header-font-size: 1rem;--terra-section-header-font-weight: normal;--terra-section-header-line-height: 1.41666667;--terra-section-header-text-transform: none;--terra-section-header-transparent-min-height: 2.16667rem;--terra-section-header-accordion-padding-start: 0.83333rem;--terra-section-header-active-background: #c8cacb;--terra-section-header-active-border-bottom: 1px solid #9b9fa1;--terra-section-header-active-border-left: 0 none;--terra-section-header-active-border-right: 0 none;--terra-section-header-active-border-top: 0 none;--terra-section-header-active-box-shadow: none;--terra-section-header-active-color: #1c1f21;--terra-section-header-focus-background: #dedfe0;--terra-section-header-focus-color: #1c1f21;--terra-section-header-focus-within-outline: none;--terra-section-header-focus-within-outline-offset: 0;--terra-section-header-hover-background: #c8cacb;--terra-section-header-hover-border-bottom: 1px solid #9b9fa1;--terra-section-header-hover-border-left: 0 none;--terra-section-header-hover-border-right: 0 none;--terra-section-header-hover-border-top: 0 none;--terra-section-header-hover-box-shadow: none;--terra-section-header-hover-color: #1c1f21;--terra-section-header-transparent-active-background: rgba(0, 0, 0, 0.07);--terra-section-header-transparent-active-border-bottom: 0 none;--terra-section-header-transparent-active-border-left: 0 none;--terra-section-header-transparent-active-border-right: 0 none;--terra-section-header-transparent-active-border-top: 0 none;--terra-section-header-transparent-active-box-shadow: none;--terra-section-header-transparent-active-color: #1c1f21;--terra-section-header-transparent-focus-background: rgba(0, 0, 0, 0.07);--terra-section-header-transparent-hover-background: rgba(0, 0, 0, 0.07);--terra-section-header-transparent-hover-border-bottom: 0 none;--terra-section-header-transparent-hover-border-left: 0 none;--terra-section-header-transparent-hover-border-right: 0 none;--terra-section-header-transparent-hover-border-top: 0 none;--terra-section-header-transparent-hover-box-shadow: none;--terra-section-header-transparent-hover-color: #1c1f21;--terra-section-header-accordion-icon-margin-start: 0;--terra-section-header-accordion-icon-margin-end: 0.41667rem;--terra-section-header-accordion-icon-padding-start: 0;--terra-section-header-accordion-icon-padding-end: 0;--terra-section-header-accordion-icon-padding-bottom: 0;--terra-section-header-accordion-icon-padding-top: 0.33333rem;--terra-section-header-accordion-icon-height: 0.66667rem;--terra-section-header-accordion-icon-width: 0.66667rem;--terra-section-header-font-family: Tahoma, "Geneva", Verdana, "Trebuchet MS", sans-serif;--terra-section-header-accordion-icon-background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22%231c1f21%22%20d%3D%22M12%2C0l24%2C24L12%2C48V0z%22%2F%3E%3C%2Fsvg%3E")}[dir] .SectionHeader-module__orion-fusion-theme___MGUT7:focus-within{border-bottom:1px solid #c8cacb;box-shadow:0 0 1px 3px rgba(76,178,233,.5),0 0 7px 4px rgba(76,178,233,.35)}.SectionHeader-module__section-header___wbdJQ{-ms-flex-align:center;align-items:center;color:#1c1f21;color:var(--terra-section-header-color, #1c1f21);display:-ms-flexbox;display:flex;min-height:2.5rem;min-height:var(--terra-section-header-min-height, 2.5rem);width:100%}[dir] .SectionHeader-module__section-header___wbdJQ{background:#e8e9ea;background:var(--terra-section-header-background, #e8e9ea);border-bottom:1px solid #c8cacb;border-bottom:var(--terra-section-header-border-bottom, 1px solid #c8cacb);border-top:0 none;border-top:var(--terra-section-header-border-top, 0 none);box-shadow:none;box-shadow:var(--terra-section-header-box-shadow, none);margin:0;padding-bottom:0.5rem;padding-bottom:var(--terra-section-header-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-section-header-padding-top, 0.5rem)}[dir=ltr] .SectionHeader-module__section-header___wbdJQ{padding-right:0.7142857143rem;padding-right:var(--terra-section-header-padding-end, 0.7142857143rem);padding-left:0.7142857143rem;padding-left:var(--terra-section-header-padding-start, 0.7142857143rem);border-left:0 none;border-left:var(--terra-section-header-border-left, 0 none);border-right:0 none;border-right:var(--terra-section-header-border-right, 0 none)}[dir=rtl] .SectionHeader-module__section-header___wbdJQ{padding-left:0.7142857143rem;padding-left:var(--terra-section-header-padding-end, 0.7142857143rem);padding-right:0.7142857143rem;padding-right:var(--terra-section-header-padding-start, 0.7142857143rem);border-right:0 none;border-right:var(--terra-section-header-border-left, 0 none);border-left:0 none;border-left:var(--terra-section-header-border-right, 0 none)}.SectionHeader-module__section-header___wbdJQ:focus-within{color:#1c1f21;color:var(--terra-section-header-focus-color, #1c1f21);outline:3px dashed #000;outline:var(--terra-section-header-focus-within-outline, 3px dashed #000);outline-offset:-2px;outline-offset:var(--terra-section-header-focus-within-outline-offset, -2px)}[dir] .SectionHeader-module__section-header___wbdJQ:focus-within{background:#e8e9ea;background:var(--terra-section-header-focus-background, #e8e9ea)}[dir] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-transparent___3L6Q5:focus-within{background:rgba(0, 0, 0, 0.07);background:var(--terra-section-header-transparent-focus-background, rgba(0, 0, 0, 0.07))}[dir] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z{cursor:pointer}[dir=ltr] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z{padding-left:0.5rem;padding-left:var(--terra-section-header-accordion-padding-start, 0.5rem)}[dir=rtl] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z{padding-right:0.5rem;padding-right:var(--terra-section-header-accordion-padding-start, 0.5rem)}.SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z:hover{color:#1c1f21;color:var(--terra-section-header-hover-color, #1c1f21)}[dir] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z:hover{background:#d7d8d9;background:var(--terra-section-header-hover-background, #d7d8d9);border-bottom:1px solid #c8cacb;border-bottom:var(--terra-section-header-hover-border-bottom, 1px solid #c8cacb);border-top:0 none;border-top:var(--terra-section-header-hover-border-top, 0 none);box-shadow:none;box-shadow:var(--terra-section-header-hover-box-shadow, none)}[dir=ltr] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z:hover{border-left:var(--terra-section-header-hover-border-left),0 none;border-right:0 none;border-right:var(--terra-section-header-hover-border-right, 0 none)}[dir=rtl] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z:hover{border-right:var(--terra-section-header-hover-border-left),0 none;border-left:0 none;border-left:var(--terra-section-header-hover-border-right, 0 none)}.SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z:active,.SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z.SectionHeader-module__is-active___Qfdbq{color:#1c1f21;color:var(--terra-section-header-active-color, #1c1f21)}[dir] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z:active, [dir] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z.SectionHeader-module__is-active___Qfdbq{background:#d7d8d9;background:var(--terra-section-header-active-background, #d7d8d9);border-bottom:1px solid #c8cacb;border-bottom:var(--terra-section-header-active-border-bottom, 1px solid #c8cacb);border-top:0 none;border-top:var(--terra-section-header-active-border-top, 0 none);box-shadow:none;box-shadow:var(--terra-section-header-active-box-shadow, none)}[dir=ltr] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z:active, [dir=ltr] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z.SectionHeader-module__is-active___Qfdbq{border-left:0 none;border-left:var(--terra-section-header-active-border-left, 0 none);border-right:0 none;border-right:var(--terra-section-header-active-border-right, 0 none)}[dir=rtl] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z:active, [dir=rtl] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z.SectionHeader-module__is-active___Qfdbq{border-right:0 none;border-right:var(--terra-section-header-active-border-left, 0 none);border-left:0 none;border-left:var(--terra-section-header-active-border-right, 0 none)}.SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-transparent___3L6Q5{min-height:2.42857rem;min-height:var(--terra-section-header-transparent-min-height, 2.42857rem)}[dir] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-transparent___3L6Q5{background:rgba(0,0,0,0);border-bottom:0}.SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z.SectionHeader-module__is-transparent___3L6Q5:hover{color:#1c1f21;color:var(--terra-section-header-transparent-hover-color, #1c1f21)}[dir] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z.SectionHeader-module__is-transparent___3L6Q5:hover{background:rgba(0, 0, 0, 0);background:var(--terra-section-header-transparent-hover-background, rgba(0, 0, 0, 0));border-bottom:0 none;border-bottom:var(--terra-section-header-transparent-hover-border-bottom, 0 none);border-top:0 none;border-top:var(--terra-section-header-transparent-hover-border-top, 0 none);box-shadow:none;box-shadow:var(--terra-section-header-transparent-hover-box-shadow, none)}[dir=ltr] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z.SectionHeader-module__is-transparent___3L6Q5:hover{border-left:0 none;border-left:var(--terra-section-header-transparent-hover-border-left, 0 none);border-right:0 none;border-right:var(--terra-section-header-transparent-hover-border-right, 0 none)}[dir=rtl] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z.SectionHeader-module__is-transparent___3L6Q5:hover{border-right:0 none;border-right:var(--terra-section-header-transparent-hover-border-left, 0 none);border-left:0 none;border-left:var(--terra-section-header-transparent-hover-border-right, 0 none)}.SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z.SectionHeader-module__is-transparent___3L6Q5:active,.SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z.SectionHeader-module__is-transparent___3L6Q5.SectionHeader-module__is-active___Qfdbq{color:#1c1f21;color:var(--terra-section-header-transparent-active-color, #1c1f21)}[dir] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z.SectionHeader-module__is-transparent___3L6Q5:active, [dir] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z.SectionHeader-module__is-transparent___3L6Q5.SectionHeader-module__is-active___Qfdbq{background:rgba(0, 0, 0, 0.07);background:var(--terra-section-header-transparent-active-background, rgba(0, 0, 0, 0.07));border-bottom:0 none;border-bottom:var(--terra-section-header-transparent-active-border-bottom, 0 none);border-top:0 none;border-top:var(--terra-section-header-transparent-active-border-top, 0 none);box-shadow:none;box-shadow:var(--terra-section-header-transparent-active-box-shadow, none)}[dir=ltr] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z.SectionHeader-module__is-transparent___3L6Q5:active, [dir=ltr] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z.SectionHeader-module__is-transparent___3L6Q5.SectionHeader-module__is-active___Qfdbq{border-left:0 none;border-left:var(--terra-section-header-transparent-active-border-left, 0 none);border-right:0 none;border-right:var(--terra-section-header-transparent-active-border-right, 0 none)}[dir=rtl] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z.SectionHeader-module__is-transparent___3L6Q5:active, [dir=rtl] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z.SectionHeader-module__is-transparent___3L6Q5.SectionHeader-module__is-active___Qfdbq{border-right:0 none;border-right:var(--terra-section-header-transparent-active-border-left, 0 none);border-left:0 none;border-left:var(--terra-section-header-transparent-active-border-right, 0 none)}.SectionHeader-module__section-header___wbdJQ button{color:inherit;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-family:var(--terra-section-header-font-family, "Helvetica Neue", Helvetica, Arial, sans-serif)}[dir] .SectionHeader-module__section-header___wbdJQ button{background:none;border:0;cursor:pointer;padding:0}[dir=ltr] .SectionHeader-module__section-header___wbdJQ button{text-align:left}[dir=rtl] .SectionHeader-module__section-header___wbdJQ button{text-align:right}.SectionHeader-module__title-arrange___t4JW1{-ms-flex:0 1 auto;flex:0 1 auto}.SectionHeader-module__title___EPyaG{display:block;font-size:1rem;font-size:var(--terra-section-header-font-size, 1rem);font-weight:bold;font-weight:var(--terra-section-header-font-weight, bold);line-height:1.4285714286;line-height:var(--terra-section-header-line-height, 1.4285714286);text-transform:none;text-transform:var(--terra-section-header-text-transform, none)}[dir] .SectionHeader-module__title___EPyaG{margin:0}.SectionHeader-module__accordion-icon-wrapper___BOHqG{display:-ms-inline-flexbox;display:inline-flex}[dir] .SectionHeader-module__accordion-icon-wrapper___BOHqG{padding-bottom:0;padding-bottom:var(--terra-section-header-accordion-icon-padding-bottom, 0);padding-top:0.38rem;padding-top:var(--terra-section-header-accordion-icon-padding-top, 0.38rem)}[dir=ltr] .SectionHeader-module__accordion-icon-wrapper___BOHqG{margin-left:0;margin-left:var(--terra-section-header-accordion-icon-margin-start, 0);margin-right:0.38rem;margin-right:var(--terra-section-header-accordion-icon-margin-end, 0.38rem);padding-left:0;padding-left:var(--terra-section-header-accordion-icon-padding-start, 0);padding-right:0;padding-right:var(--terra-section-header-accordion-icon-padding-end, 0)}[dir=rtl] .SectionHeader-module__accordion-icon-wrapper___BOHqG{margin-right:0;margin-right:var(--terra-section-header-accordion-icon-margin-start, 0);margin-left:0.38rem;margin-left:var(--terra-section-header-accordion-icon-margin-end, 0.38rem);padding-right:0;padding-right:var(--terra-section-header-accordion-icon-padding-start, 0);padding-left:0;padding-left:var(--terra-section-header-accordion-icon-padding-end, 0)}.SectionHeader-module__accordion-icon___VQmOf{display:inline-block;height:0.83593rem;height:var(--terra-section-header-accordion-icon-height, 0.83593rem);vertical-align:middle;width:0.83593rem;width:var(--terra-section-header-accordion-icon-width, 0.83593rem)}[dir] .SectionHeader-module__accordion-icon___VQmOf{background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22%231c1f21%22%20d%3D%22M12%2C0l24%2C24L12%2C48V0z%22%2F%3E%3C%2Fsvg%3E");background:var(--terra-section-header-accordion-icon-background, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22%231c1f21%22%20d%3D%22M12%2C0l24%2C24L12%2C48V0z%22%2F%3E%3C%2Fsvg%3E"));background-repeat:no-repeat;background-size:contain;transform:rotate(0deg)}[dir=rtl] .SectionHeader-module__accordion-icon___VQmOf{transform:scaleX(-1)}[dir] .SectionHeader-module__accordion-icon___VQmOf.SectionHeader-module__is-open___naqpt{transform:rotate(90deg)}.SectionHeader-module__arrange-wrapper___jwEJm{width:100%}[dir] .SectionHeader-module__arrange-wrapper___jwEJm{margin:0}.SectionHeader-module__arrange-wrapper___jwEJm:focus{outline:none}.SectionHeader-module__arrange-wrapper___jwEJm.SectionHeader-module__title-fixed___U8DzW{position:absolute} diff --git a/20509-c377e994f7967825b20d.js b/20509-c377e994f7967825b20d.js new file mode 100644 index 0000000000..cc9aebfa81 --- /dev/null +++ b/20509-c377e994f7967825b20d.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[20509],{49271:function(e,t,n){var r=n(64836),a=n(18698);t.Z=void 0;var o=r(n(27424)),l=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==a(e)&&"function"!=typeof e)return{default:e};var n=p(t);if(n&&n.has(e))return n.get(e);var r={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&Object.prototype.hasOwnProperty.call(e,l)){var u=o?Object.getOwnPropertyDescriptor(e,l):null;u&&(u.get||u.set)?Object.defineProperty(r,l,u):r[l]=e[l]}r.default=e,n&&n.set(e,r);return r}(n(67294)),u=r(n(45697)),i=r(n(47166)),c=n(21538),d=r(n(33864)),s=r(n(23399)),m=n(51051),f=r(n(53560));function p(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(p=function(e){return e?n:t})(e)}var g=i.default.bind(f.default),_={example:u.default.element,exampleSrc:u.default.element,exampleCssSrc:u.default.element,title:u.default.string,description:u.default.node,isExpanded:u.default.bool},y=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},h=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},v=function(e){var t=e.example,n=e.exampleSrc,r=e.exampleCssSrc,a=e.title,u=e.description,i=e.isExpanded,f=(0,l.useState)(i),p=(0,o.default)(f,2),_=p[0],v=p[1],b=(0,l.useState)(!1),x=(0,o.default)(b,2),O=x[0],E=x[1],S=l.default.useContext(c.ThemeContext),w=void 0!==r,j=function(){E(!O),_&&v(!_)},T=function(){v(!_),O&&E(!O)},N=function(e,t){e.nativeEvent.keyCode!==m.KEY_SPACE&&e.nativeEvent.keyCode!==m.KEY_RETURN||(e.preventDefault(),t())};return l.default.createElement("div",{className:g("template",S.className)},l.default.createElement("div",{className:g("header")},a&&l.default.createElement("h2",{className:g("title")},a)),l.default.createElement("div",{className:g("content")},u&&l.default.createElement("div",{className:g("description")},u),t),l.default.createElement("div",{className:g("footer")},n?l.default.createElement("div",{className:g("button-container")},w&&l.default.createElement("button",{type:"button",className:g("css-toggle","item",{"is-selected":O}),onClick:j,onKeyDown:function(e){return N(e,j)},onBlur:y,onMouseDown:h,tabIndex:0,"data-focus-styles-enabled":!0},l.default.createElement(d.default,{className:g("chevron")}),l.default.createElement("span",null,"CSS"),l.default.createElement(s.default,{className:g("chevron")})),l.default.createElement("button",{type:"button",className:g("code-toggle","item",{"is-selected":_}),onClick:T,onKeyDown:function(e){return N(e,T)},onBlur:y,onMouseDown:h,tabIndex:0,"data-focus-styles-enabled":!0},l.default.createElement(d.default,{className:g("chevron")}),l.default.createElement("span",null,"Code"),l.default.createElement(s.default,{className:g("chevron")}))):null,l.default.createElement("div",null,O&&l.default.createElement("div",{className:g("css")},r),_&&l.default.createElement("div",{className:g("code")},n))))};v.propTypes=_,v.defaultProps={isExpanded:!1};var b=v;t.Z=b},77828:function(e,t,n){var r=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=r(n(10434)),o=r(n(70215)),l=r(n(56690)),u=r(n(89728)),i=r(n(66115)),c=r(n(61655)),d=r(n(94993)),s=r(n(73808)),m=r(n(67294)),f=r(n(45697)),p=r(n(55281)),g=r(n(10027)),_=r(n(78490)),y=r(n(17092)),h=n(15560),v=r(n(47166)),b=r(n(84970)),x=r(n(43439)),O=r(n(52964)),E=r(n(21947)),S=["name","disclosureType","aggregatorDelegate","discloseOnSelect","customDisclose"];function w(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=(0,s.default)(e);if(t){var a=(0,s.default)(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return(0,d.default)(this,n)}}var j=v.default.bind(O.default),T=(0,h.withDisclosureManager)((function(e){var t=e.disclosureManager;return m.default.createElement(g.default,{header:m.default.createElement(y.default,{title:"Info Modal",onClose:t.closeDisclosure,onBack:t.goBack})},m.default.createElement("div",{className:j("readonly-modal-content")},m.default.createElement("p",null,"This modal was not presented through the Aggregator. The Aggregator state was maintained.")))}));T.propTypes={disclosureManager:h.disclosureManagerShape};var N={aggregatorDelegate:f.default.object,name:f.default.string,disclosureType:f.default.string,discloseOnSelect:f.default.bool,customDisclose:f.default.func},C=function(e){(0,c.default)(n,e);var t=w(n);function n(e){var r;return(0,l.default)(this,n),(r=t.call(this,e)).handleSelection=r.handleSelection.bind((0,i.default)(r)),r.launchModal=r.launchModal.bind((0,i.default)(r)),r}return(0,u.default)(n,[{key:"handleSelection",value:function(e,t){var n=this,r=this.props,a=r.aggregatorDelegate,o=r.name,l=r.discloseOnSelect,u={0:"tiny",1:"small",2:"medium",3:"large",4:"huge",5:"fullscreen"};a.hasFocus&&a.itemState.selectedIndex===t?a.releaseFocus().catch((function(){console.log("Section - Focus release failed. Something must be locked.")})):a.requestFocus({selectedIndex:t}).then((function(e){var r=e.disclose;l&&r({preferredType:n.props.disclosureType,size:u[t],content:{key:"Nested ".concat(o),component:m.default.createElement(E.default,{name:"Nested ".concat(o),disclosureType:n.props.disclosureType})}})})).catch((function(e){console.log("Section - Selection denied - ".concat(e))}))}},{key:"launchModal",value:function(){(0,this.props.customDisclose)({preferredType:"modal",size:"small",content:{key:"ModalContent-".concat(Date.now()),component:m.default.createElement(T,null)}})}},{key:"render",value:function(){var e,t=this,n=this.props,r=n.name,l=(n.disclosureType,n.aggregatorDelegate),u=(n.discloseOnSelect,n.customDisclose),i=(0,o.default)(n,S);return l.hasFocus&&l.itemState&&void 0!==l.itemState.selectedIndex&&(e=l.itemState.selectedIndex),m.default.createElement(g.default,(0,a.default)({},i,{header:m.default.createElement(_.default,{className:j("header-arrange"),fitStart:m.default.createElement("div",{className:j("header-arrange-content")},u?m.default.createElement(p.default,{text:"Modal (Without Requesting Focus)",onClick:this.launchModal}):null),fill:m.default.createElement("div",null,r)})}),m.default.createElement(b.default,{isPadded:!0},m.default.createElement(x.default,{isSelected:0===e,onSelect:function(e){return t.handleSelection(e,0)}},m.default.createElement("div",null,"Row 0")),m.default.createElement(x.default,{isSelected:1===e,onSelect:function(e){return t.handleSelection(e,1)}},m.default.createElement("div",null,"Row 1")),m.default.createElement(x.default,{isSelected:2===e,onSelect:function(e){return t.handleSelection(e,2)}},m.default.createElement("div",null,"Row 2")),m.default.createElement(x.default,{isSelected:3===e,onSelect:function(e){return t.handleSelection(e,3)}},m.default.createElement("div",null,"Row 3")),m.default.createElement(x.default,{isSelected:4===e,onSelect:function(e){return t.handleSelection(e,4)}},m.default.createElement("div",null,"Row 4")),m.default.createElement(x.default,{isSelected:5===e,onSelect:function(e){return t.handleSelection(e,5)}},m.default.createElement("div",null,"Row 5"))))}}]),n}(m.default.Component);C.propTypes=N;t.default=C},21947:function(e,t,n){var r=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=r(n(56690)),o=r(n(89728)),l=r(n(66115)),u=r(n(61655)),i=r(n(94993)),c=r(n(73808)),d=r(n(67294)),s=r(n(45697)),m=r(n(47166)),f=r(n(55281)),p=r(n(10027)),g=r(n(55142)),_=r(n(17092)),y=n(15560),h=r(n(61285));function v(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=(0,c.default)(e);if(t){var a=(0,c.default)(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return(0,i.default)(this,n)}}var b=m.default.bind(h.default),x={name:s.default.string,disclosureType:s.default.string,disclosureManager:y.disclosureManagerShape},O=function(e){(0,u.default)(n,e);var t=v(n);function n(e){var r;return(0,a.default)(this,n),(r=t.call(this,e)).checkLockState=r.checkLockState.bind((0,l.default)(r)),r.state={text:void 0},r}return(0,o.default)(n,[{key:"componentDidMount",value:function(){var e=this.props.disclosureManager;e&&e.registerDismissCheck&&e.registerDismissCheck(this.checkLockState)}},{key:"checkLockState",value:function(){var e=this;return this.state.text&&this.state.text.length?new Promise((function(t,n){confirm("".concat(e.props.name," has unsaved changes that will be lost. Do you wish to continue?"))?t():n()})):Promise.resolve()}},{key:"render",value:function(){var e=this,t=this.props,n=t.disclosureManager,r=t.name,a=t.disclosureType;return d.default.createElement(p.default,{fill:!0,header:d.default.createElement(_.default,{title:"Disclosure - ".concat(r),onClose:n.closeDisclosure,onBack:n.goBack,onMaximize:n.maximize,onMinimize:n.minimize})},d.default.createElement("div",{className:b("content-wrapper")},d.default.createElement("h3",null,r),d.default.createElement("p",null,"The disclosed component can disclose content within the same panel."),d.default.createElement("p",null,"It can also render a header (like above) that implements the various DisclosureManager control functions."),d.default.createElement(f.default,{text:"Dismiss",onClick:function(){n.dismiss().catch((function(){console.log("Dismiss failed. A lock must be in place.")}))}}),d.default.createElement(f.default,{text:"Disclose Again",onClick:function(){n.disclose({preferredType:a,size:"small",content:{key:"Nested ".concat(r),component:d.default.createElement(E,{name:"Nested ".concat(r),disclosureType:a})}})}}),d.default.createElement("br",null),d.default.createElement("br",null),d.default.createElement("p",null,"The disclosed component can register a dismiss check function that can interrupt and prevent dismissal. This component will prompt the user if text is detected in the input field below."),d.default.createElement(g.default,{value:this.state.text||"",onChange:function(t){e.setState({text:t.target.value})}}),this.state.text&&this.state.text.length?d.default.createElement("p",null,"Component has unsaved changes!"):null))}}]),n}(d.default.Component);O.propTypes=x,O.defaultProps={name:"Disclosure Component"};var E=(0,y.withDisclosureManager)(O);t.default=E},62879:function(e,t,n){var r=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=r(n(67294)),o=r(n(10027)),l=r(n(17092)),u=n(15560),i=r(n(88895)),c=r(n(77828)),d=r(n(53079)),s=Object.freeze([{key:"SECTION_0",component:a.default.createElement(c.default,{name:"Slide Panel Section",disclosureType:"panel",discloseOnSelect:!0})},{key:"SECTION_1",component:a.default.createElement(c.default,{name:"Modal Section",disclosureType:"modal",discloseOnSelect:!0})},{key:"SECTION_2",component:a.default.createElement(d.default,{name:"No Disclosure Section"})}]),m=function(e){var t=e.disclosureManager;return a.default.createElement(o.default,{fill:!0,header:a.default.createElement(l.default,{onClose:t.closeDisclosure,onBack:t.goBack})},a.default.createElement(i.default,{items:s,disclose:t.disclose}))};m.propTypes={disclosureManager:u.disclosureManagerShape};t.default=(0,u.withDisclosureManager)(m)},53079:function(e,t,n){var r=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=r(n(10434)),o=r(n(70215)),l=r(n(67294)),u=r(n(45697)),i=r(n(10027)),c=r(n(16772)),d=["name","aggregatorDelegate"],s={aggregatorDelegate:u.default.object,name:u.default.string},m=function(e){var t=e.name,n=e.aggregatorDelegate,r=(0,o.default)(e,d);return l.default.createElement(i.default,(0,a.default)({},r,{header:l.default.createElement(c.default,{title:t})}),n.hasFocus?l.default.createElement("button",{type:"button",onClick:function(){n.releaseFocus()}},"Release Focus"):l.default.createElement("button",{type:"button",onClick:function(){n.requestFocus()}},"Get Focus"),n.hasFocus?l.default.createElement("h4",null,"Section has focus!"):null)};m.propTypes=s;t.default=m},84970:function(e,t,n){var r=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=r(n(67294));n(65430);t.default=function(e){var t=e.children,n=e.isPadded;return a.default.createElement("ul",{"aria-label":"Placeholder List",role:"listbox",className:n?"placeholder-list is-padded":"placeholder-list "},t)}},43439:function(e,t,n){var r=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=r(n(10434)),o=r(n(70215)),l=r(n(67294));n(65430);var u=["children","isSelected","onSelect"];t.default=function(e){var t=e.children,n=e.isSelected,r=e.onSelect,i=(0,o.default)(e,u),c=n?"placeholder-list-item is-selected":"placeholder-list-item ";return l.default.createElement("li",(0,a.default)({},i,{"aria-selected":n,tabIndex:"0",className:c,onClick:r,onKeyDown:function(e){13!==e.nativeEvent.keyCode&&32!==e.nativeEvent.keyCode||(e.preventDefault(),r(e))},role:"option"}),t)}},58586:function(e,t,n){var r=n(64836);t.Z=void 0;var a=r(n(67294)),o=n(15560),l=r(n(8815)),u=r(n(62879)),i=(0,o.withDisclosureManager)((function(e){var t=e.disclosureManager;return a.default.createElement("button",{type:"button",onClick:function(){t.disclose({preferredType:"modal",size:"large",content:{key:"MODAL_EXAMPLE",component:a.default.createElement(u.default,{identifier:"MODAL_EXAMPLE"})}})}},"Launch Modal")}));i.propTypes={disclosureManager:o.disclosureManagerShape};t.Z=function(){return a.default.createElement("div",null,a.default.createElement(l.default,null,a.default.createElement(i,null)))}},71382:function(e,t,n){var r=n(64836);t.Z=void 0;var a=r(n(67294)),o=r(n(8815)),l=r(n(49265)),u=n(15560),i=r(n(88895)),c=r(n(77828)),d=r(n(53079)),s=Object.freeze([{key:"SECTION_0",component:a.default.createElement(c.default,{name:"Slide Panel Section",disclosureType:"panel",discloseOnSelect:!0})},{key:"SECTION_1",component:a.default.createElement(c.default,{name:"Modal Section",disclosureType:"modal",discloseOnSelect:!0})},{key:"SECTION_2",component:a.default.createElement(d.default,{name:"No Disclosure Section"})}]),m=(0,u.withDisclosureManager)((function(e){var t=e.disclosureManager;return a.default.createElement(i.default,{items:s,disclose:t.disclose})}));t.Z=function(){return a.default.createElement("div",null,a.default.createElement(o.default,null,a.default.createElement(l.default,null,a.default.createElement(m,null))))}},44061:function(e,t,n){var r=n(64836);t.Z=void 0;var a=r(n(67294)),o=r(n(14012)),l=r(n(88895)),u=r(n(77828)),i=Object.freeze([{key:"SECTION_0",component:a.default.createElement(u.default,{name:"Section 0"})},{key:"SECTION_1",component:a.default.createElement(u.default,{name:"Section 1"})},{key:"SECTION_2",component:a.default.createElement(u.default,{name:"Section 2"})},{key:"SECTION_3",component:a.default.createElement(u.default,{name:"Section 3"})}]);t.Z=function(){return a.default.createElement("div",null,a.default.createElement(l.default,{items:i,render:function(e){return a.default.createElement(o.default,null,a.default.createElement(o.default.Row,null,a.default.createElement(o.default.Column,{tiny:6},e.items[0]),a.default.createElement(o.default.Column,{tiny:6},e.items[1])),a.default.createElement(o.default.Row,null,a.default.createElement(o.default.Column,{tiny:6},e.items[2]),a.default.createElement(o.default.Column,{tiny:6},e.items[3])))}}))}},99514:function(e,t,n){var r=n(64836);t.Z=void 0;var a=r(n(67294)),o=r(n(8815)),l=r(n(49265)),u=r(n(88895)),i=n(15560),c=r(n(77828)),d=(0,i.withDisclosureManager)((function(e){var t=e.items,n=e.disclosureManager;return a.default.createElement(u.default,{items:t,disclose:n.disclose})})),s=(0,i.withDisclosureManager)((function(e){var t=e.disclosureManager,n=Object.freeze([{key:"SECTION_0",component:a.default.createElement(c.default,{name:"Section 0",disclosureType:"panel",key:"SECTION_0",customDisclose:t.disclose,discloseOnSelect:!0})},{key:"SECTION_1",component:a.default.createElement(c.default,{name:"Section 1",disclosureType:"panel",key:"SECTION_1",customDisclose:t.disclose,discloseOnSelect:!0})}]);return a.default.createElement(l.default,null,a.default.createElement(d,{items:n}))}));t.Z=function(){return a.default.createElement("div",null,a.default.createElement("p",null,"In this example, the Aggregator items are provided with the ModalManager disclosure function directly. Calling that function does not require Aggregator focus and will bypass the Aggregator entirely. This can be useful for simple Modal workflows that should not impact Aggregator state."),a.default.createElement(o.default,null,a.default.createElement(s,null)))}},76993:function(e,t,n){var r=n(64836);t.Z=void 0;var a=r(n(10434)),o=r(n(56690)),l=r(n(89728)),u=r(n(61655)),i=r(n(94993)),c=r(n(73808)),d=r(n(67294)),s=r(n(88895)),m=r(n(77828));function f(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=(0,c.default)(e);if(t){var a=(0,c.default)(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return(0,i.default)(this,n)}}var p=Object.freeze([{key:"SECTION_0",component:d.default.createElement(m.default,{name:"Section 0"})},{key:"SECTION_1",component:d.default.createElement(m.default,{name:"Section 1"})},{key:"SECTION_2",component:d.default.createElement(m.default,{name:"Section 2"})},{key:"SECTION_3",component:d.default.createElement(m.default,{name:"Section 3"})}]),g=function(e){(0,u.default)(n,e);var t=f(n);function n(e){var r;return(0,o.default)(this,n),(r=t.call(this,e)).state={flip:!1},r}return(0,l.default)(n,[{key:"render",value:function(){var e=this;return d.default.createElement("div",null,d.default.createElement("button",{type:"button",onClick:function(){e.setState((function(e){return{flip:!e.flip}}))}},"Flip Section Order"),d.default.createElement("button",{type:"button",onClick:function(){e.forceUpdate()}},"Force Aggregator Render"),d.default.createElement(s.default,{items:this.state.flip?(0,a.default)([],p).reverse():p}))}}]),n}(d.default.Component);t.Z=g},57410:function(e,t,n){n.r(t),n.d(t,{default:function(){return ee}});var r=n(67294),a=n(81254),o=n(3570),l=n(76993),u=["components"];function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var d={};function s(e){var t=e.components,n=c(e,u);return(0,a.mdx)("wrapper",i({},d,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\n\nimport Aggregator from 'terra-aggregator';\nimport AggregatorItem from '../common/AggregatorItem';\n\nconst items = Object.freeze([{\n key: 'SECTION_0',\n component: ,\n}, {\n key: 'SECTION_1',\n component: ,\n}, {\n key: 'SECTION_2',\n component: ,\n}, {\n key: 'SECTION_3',\n component: ,\n}]);\n\nclass StandaloneAggregatorExample extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n flip: false,\n };\n }\n\n render() {\n const body = (\n
\n \n \n \n
\n );\n\n return body;\n }\n}\n\nexport default StandaloneAggregatorExample;\n\n")))}s.isMDXComponent=!0;var m=n(49271),f=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(m.Z,{title:t||"Standalone Aggregator Example",description:n,example:r.createElement(l.Z,null),exampleSrc:r.createElement(s,null),isExpanded:a})},p=n(44061),g=["components"];function _(){return _=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var h={};function v(e){var t=e.components,n=y(e,g);return(0,a.mdx)("wrapper",_({},h,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Grid from 'terra-grid';\n\nimport Aggregator from 'terra-aggregator';\nimport AggregatorItem from '../common/AggregatorItem';\n\nconst items = Object.freeze([{\n key: 'SECTION_0',\n component: ,\n}, {\n key: 'SECTION_1',\n component: ,\n}, {\n key: 'SECTION_2',\n component: ,\n}, {\n key: 'SECTION_3',\n component: ,\n}]);\n\nconst CustomRenderAggregatorExample = () => (\n
\n (\n \n \n \n {renderData.items[0]}\n \n \n {renderData.items[1]}\n \n \n \n \n {renderData.items[2]}\n \n \n {renderData.items[3]}\n \n \n \n )}\n />\n
\n);\n\nexport default CustomRenderAggregatorExample;\n\n")))}v.isMDXComponent=!0;var b=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(m.Z,{title:t||"Custom Render Aggregator Example",description:n,example:r.createElement(p.Z,null),exampleSrc:r.createElement(v,null),isExpanded:a})},x=n(58586),O=["components"];function E(){return E=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var w={};function j(e){var t=e.components,n=S(e,O);return(0,a.mdx)("wrapper",E({},w,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport { withDisclosureManager, disclosureManagerShape } from 'terra-disclosure-manager';\nimport ModalManager from 'terra-modal-manager';\n\nimport ModalAggregator from '../common/ModalAggregator';\n\nconst ModalButton = withDisclosureManager(({ disclosureManager }) => (\n {\n disclosureManager.disclose({\n preferredType: 'modal',\n size: 'large',\n content: {\n key: 'MODAL_EXAMPLE',\n component: ,\n },\n });\n }}\n >\n Launch Modal\n \n));\n\nModalButton.propTypes = {\n disclosureManager: disclosureManagerShape,\n};\n\nconst SimpleAggregatorExample = () => (\n
\n \n \n \n
\n);\n\nexport default SimpleAggregatorExample;\n\n")))}j.isMDXComponent=!0;var T=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(m.Z,{title:t||"Aggregator In Modal Example",description:n,example:r.createElement(x.Z,null),exampleSrc:r.createElement(j,null),isExpanded:a})},N=n(71382),C=["components"];function M(){return M=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var k={};function D(e){var t=e.components,n=I(e,C);return(0,a.mdx)("wrapper",M({},k,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport ModalManager from 'terra-modal-manager';\nimport SlidePanelManager from 'terra-slide-panel-manager';\nimport { withDisclosureManager } from 'terra-disclosure-manager';\n\nimport Aggregator from 'terra-aggregator';\nimport AggregatorItem from '../common/AggregatorItem';\nimport SimpleAggregatorItem from '../common/SimpleAggregatorItem';\n\nconst items = Object.freeze([{\n key: 'SECTION_0',\n component: ,\n}, {\n key: 'SECTION_1',\n component: ,\n}, {\n key: 'SECTION_2',\n component: ,\n}]);\n\nconst Wrapper = withDisclosureManager(({ disclosureManager }) => (\n \n));\n\nconst CombinedDisclosureExample = () => (\n
\n \n \n \n \n \n
\n);\n\nexport default CombinedDisclosureExample;\n\n")))}D.isMDXComponent=!0;var P=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(m.Z,{title:t||"Combined Disclosure Example",description:n,example:r.createElement(N.Z,null),exampleSrc:r.createElement(D,null),isExpanded:a})},A=n(99514),G=["components"];function R(){return R=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var q={};function B(e){var t=e.components,n=F(e,G);return(0,a.mdx)("wrapper",R({},q,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport ModalManager from 'terra-modal-manager';\nimport SlidePanelManager from 'terra-slide-panel-manager';\n\nimport Aggregator from 'terra-aggregator';\nimport { withDisclosureManager } from 'terra-disclosure-manager';\nimport AggregatorItem from '../common/AggregatorItem';\n\nconst Wrapper = withDisclosureManager(({ items, disclosureManager }) => (\n \n));\n\nconst ModalManagerBypass = withDisclosureManager(({ disclosureManager }) => {\n const items = Object.freeze([{\n key: 'SECTION_0',\n component: ,\n }, {\n key: 'SECTION_1',\n component: ,\n }]);\n\n return (\n \n \n \n );\n});\n\nconst ModalBypassExample = () => (\n
\n

\n In this example, the Aggregator items are provided with the ModalManager disclosure function directly.\n Calling that function does not require Aggregator focus and will bypass the Aggregator entirely. This can be\n useful for simple Modal workflows that should not impact Aggregator state.\n

\n \n \n \n
\n);\n\nexport default ModalBypassExample;\n\n")))}B.isMDXComponent=!0;var L=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(m.Z,{title:t||"Disclosure Bypass Example",description:n,example:r.createElement(A.Z,null),exampleSrc:r.createElement(B,null),isExpanded:a})},Z=n(78530),z=["components"];function X(){return X=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var V={},H="wrapper";function Y(e){var t=e.components,n=W(e,z);return(0,a.mdx)(H,X({},V,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(Z.ZP,{mdxType:"PropsTable"},(0,a.mdx)(Z.X2,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(Z.O,{mdxType:"PropNameCell"},"items"),(0,a.mdx)(Z.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n shape: {\n key: {\n type: 'string',\n required: true,\n },\n component: {\n type: 'element',\n required: true,\n },\n },\n}],\n"))),(0,a.mdx)(Z.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Z.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,a.mdx)(Z.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The components that will be managed by the Aggregator. Each component provided will be provided with an 'aggregatorDelegate' prop\ncontaining the Aggregator API. Keys must also be provided to allow the Aggregator to uniquely identify the component.\nImmutable objects are preferred."))),(0,a.mdx)(Z.X2,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(Z.O,{mdxType:"PropNameCell"},"render"),(0,a.mdx)(Z.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(Z.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Z.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(Z.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"A function that will override the Aggregators default render. The function will receive an Object parameter data necessary for the\nrender process."))),(0,a.mdx)(Z.X2,{key:"ROW3",mdxType:"Row"},(0,a.mdx)(Z.O,{mdxType:"PropNameCell"},"disclose"),(0,a.mdx)(Z.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(Z.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Z.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(Z.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"A function that will be provided to Aggregator items that have received focus. The function must adhere to the standardized\nDisclosureManager disclosure API.")))))}Y.isMDXComponent=!0;var K=["components"];function J(){return J=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var U={},$="wrapper";function ee(e){var t=e.components,n=Q(e,K);return(0,a.mdx)($,J({},U,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(o.C,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"terra-aggregator"},"Terra Aggregator"),(0,a.mdx)("p",null,"The Aggregator provides focus-based mechanisms for managing actions across disparate components."),(0,a.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Install with ",(0,a.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("inlineCode",{parentName:"li"},"npm install terra-aggregator"))))),(0,a.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,a.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,a.mdx)("table",null,(0,a.mdx)("thead",{parentName:"table"},(0,a.mdx)("tr",{parentName:"thead"},(0,a.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,a.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,a.mdx)("tbody",{parentName:"table"},(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"react"),(0,a.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,a.mdx)("td",{parentName:"tr",align:null},"^16.8.5")))),(0,a.mdx)("h2",{id:"usage"},"Usage"),(0,a.mdx)("h3",{id:"aggregator-focus"},"Aggregator Focus"),(0,a.mdx)("p",null,"The Aggregator manages interactions across its items using focus. Only one item can have focus at any given time. When an item requests focus, it can provide an Object containing state pertaining to the focus request. This state will be managed by the Aggregator and given to the item as a prop on the next render cycle. What goes inside this Object is up to the item. However, this Object will be destroyed when the item loses focus, so the data included should be scoped to things tied directly to a focused state."),(0,a.mdx)("p",null,"Once an item receives focus, the item will be provided with the 'disclose' function that the Aggregator was provided with. The Aggregator wraps that disclose function and ensures that the disclosure lifecycle is tied to the focus management. If the disclosure is closed, focus will be released from the disclosing component. If the disclosing component loses focus for whatever reason, the Aggregator will ensure that the disclosure is closed. Any DisclosureManager-based disclosure implementation is supported."),(0,a.mdx)("p",null,"The components rendered by the Aggregator are provided with an ",(0,a.mdx)("inlineCode",{parentName:"p"},"aggregatorDelegate")," prop for interacting with Aggregator state."),(0,a.mdx)("p",null,(0,a.mdx)("inlineCode",{parentName:"p"},"aggregatorDelegate")," API:"),(0,a.mdx)("table",null,(0,a.mdx)("thead",{parentName:"table"},(0,a.mdx)("tr",{parentName:"thead"},(0,a.mdx)("th",{parentName:"tr",align:null},"Key"),(0,a.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,a.mdx)("tbody",{parentName:"table"},(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"hasFocus"),(0,a.mdx)("td",{parentName:"tr",align:null},"A Boolean indicating whether or not the item currently has focus.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"requestFocus"),(0,a.mdx)("td",{parentName:"tr",align:null},"A function that will attempt to give focus to the calling item.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"releaseFocus"),(0,a.mdx)("td",{parentName:"tr",align:null},"A function that will release focus from the calling item. This is only provided if the item currently has focus.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"itemState"),(0,a.mdx)("td",{parentName:"tr",align:null},"An Object containing state that was given to the Aggregator during the focus request.")))),(0,a.mdx)("h3",{id:"rendering"},"Rendering"),(0,a.mdx)("p",null,"By default, the components will be rendered by the Aggregator in the order given. An optional ",(0,a.mdx)("inlineCode",{parentName:"p"},"render")," prop can be provided that will override the default render logic."),(0,a.mdx)("p",null,(0,a.mdx)("inlineCode",{parentName:"p"},"render")," Argument Object API:"),(0,a.mdx)("table",null,(0,a.mdx)("thead",{parentName:"table"},(0,a.mdx)("tr",{parentName:"thead"},(0,a.mdx)("th",{parentName:"tr",align:null},"Key"),(0,a.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,a.mdx)("tbody",{parentName:"table"},(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("inlineCode",{parentName:"td"},"items")),(0,a.mdx)("td",{parentName:"tr",align:null},"An Array of components that were provided to the Aggregator as ",(0,a.mdx)("inlineCode",{parentName:"td"},"items"),", now containing an ",(0,a.mdx)("inlineCode",{parentName:"td"},"aggregatorDelegate")," prop. The order of this array matches that of the ",(0,a.mdx)("inlineCode",{parentName:"td"},"items")," prop value of the Aggregator.")))),(0,a.mdx)("h4",{id:"rendering-example-using-grid"},"Rendering Example (using Grid)"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"}," }, { key: '2', component: }]}\n render={renderData => (\n \n \n \n {renderData.items[0]} // This component is equivalent to: \n \n \n {renderData.items[1]} // This component is equivalent to: \n \n \n \n )}\n/>\n")),(0,a.mdx)("h3",{id:"example"},"Example"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import Aggregator from 'terra-aggregator';\n")),(0,a.mdx)("h2",{id:"component-features"},"Component Features"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support"))),(0,a.mdx)("h2",{id:"examples"},"Examples"),(0,a.mdx)(f,{title:"Standalone Aggregator",mdxType:"StandaloneAggregatorExample"}),(0,a.mdx)(b,{title:"Custom Render Aggregator",mdxType:"CustomRenderAggregatorExample"}),(0,a.mdx)(P,{title:"Combined Discloure Aggregator",mdxType:"CombinedDisclosureExample"}),(0,a.mdx)(L,{title:"Disclosure Bypass Aggregator",mdxType:"DisclosureBypassExample"}),(0,a.mdx)(T,{title:"Aggregator In Modal",mdxType:"AggregatorInModalExample"}),(0,a.mdx)("h2",{id:"aggregator-props-table"},"Aggregator Props table"),(0,a.mdx)(Y,{mdxType:"AggregatorPropsTable"}))}ee.isMDXComponent=!0},3570:function(e,t,n){n.d(t,{C:function(){return o}});var r=n(67294),a=n(22863),o=function(e){var t=e.url;return r.createElement(a.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-aggregator",name:"terra-aggregator",version:"4.75.0",url:t})}},53560:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},52964:function(e,t,n){n.r(t),t.default={"readonly-modal-content":"AggregatorItem-module__readonly-modal-content___90fCW","header-arrange":"AggregatorItem-module__header-arrange___uCJ-m","header-arrange-content":"AggregatorItem-module__header-arrange-content___k1GfD"}},61285:function(e,t,n){n.r(t),t.default={"example-wrapper":"example-styles-module__example-wrapper___BDtGd","content-wrapper":"example-styles-module__content-wrapper___aVyh0"}},65430:function(e,t,n){n.r(t),t.default={}},68586:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Input-module__clinical-lowlight-theme___clY96","orion-fusion-theme":"Input-module__orion-fusion-theme___phvH5","form-input":"Input-module__form-input___Fk8kb","form-error":"Input-module__form-error___aU4hq","form-incomplete":"Input-module__form-incomplete___h4I7H"}},49959:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Grid-module__clinical-lowlight-theme___iBVVg","orion-fusion-theme":"Grid-module__orion-fusion-theme___hxBQz",grid:"Grid-module__grid___Os-i8",column:"Grid-module__column___zXP7v","column-tiny-1":"Grid-module__column-tiny-1___+1wfL","column-tiny-2":"Grid-module__column-tiny-2___PrgO4","column-tiny-3":"Grid-module__column-tiny-3___9YJit","column-tiny-4":"Grid-module__column-tiny-4___jIRz+","column-tiny-5":"Grid-module__column-tiny-5___IOG0q","column-tiny-6":"Grid-module__column-tiny-6___htaH4","column-tiny-7":"Grid-module__column-tiny-7___a33iE","column-tiny-8":"Grid-module__column-tiny-8___-yY3y","column-tiny-9":"Grid-module__column-tiny-9___zy187","column-tiny-10":"Grid-module__column-tiny-10___xGjO7","column-tiny-11":"Grid-module__column-tiny-11___jmS1E","column-tiny-12":"Grid-module__column-tiny-12___-6WVA","column-small-1":"Grid-module__column-small-1___xxAEw","column-small-2":"Grid-module__column-small-2___h46ZG","column-small-3":"Grid-module__column-small-3___cGpOb","column-small-4":"Grid-module__column-small-4___sD5fv","column-small-5":"Grid-module__column-small-5___GIPIh","column-small-6":"Grid-module__column-small-6___v9PQi","column-small-7":"Grid-module__column-small-7___3tEtM","column-small-8":"Grid-module__column-small-8___v5Aqd","column-small-9":"Grid-module__column-small-9___EQWCI","column-small-10":"Grid-module__column-small-10___m0tGE","column-small-11":"Grid-module__column-small-11___2pWbr","column-small-12":"Grid-module__column-small-12___5JnEA","column-medium-1":"Grid-module__column-medium-1___Yz235","column-medium-2":"Grid-module__column-medium-2___9jJQg","column-medium-3":"Grid-module__column-medium-3___li0pW","column-medium-4":"Grid-module__column-medium-4___J+DGa","column-medium-5":"Grid-module__column-medium-5___NpRnE","column-medium-6":"Grid-module__column-medium-6___i5TZS","column-medium-7":"Grid-module__column-medium-7___FPmRH","column-medium-8":"Grid-module__column-medium-8___pVJuv","column-medium-9":"Grid-module__column-medium-9___9R-eZ","column-medium-10":"Grid-module__column-medium-10___IdHZl","column-medium-11":"Grid-module__column-medium-11___R53Lk","column-medium-12":"Grid-module__column-medium-12___nisE+","column-large-1":"Grid-module__column-large-1___iu56a","column-large-2":"Grid-module__column-large-2___xmnS6","column-large-3":"Grid-module__column-large-3___lcwn6","column-large-4":"Grid-module__column-large-4___DAqhR","column-large-5":"Grid-module__column-large-5___FY8vE","column-large-6":"Grid-module__column-large-6___htHJ+","column-large-7":"Grid-module__column-large-7___V01cK","column-large-8":"Grid-module__column-large-8___yv14+","column-large-9":"Grid-module__column-large-9___IZJLb","column-large-10":"Grid-module__column-large-10___Yq3R8","column-large-11":"Grid-module__column-large-11___fz98K","column-large-12":"Grid-module__column-large-12___qedSp","column-huge-1":"Grid-module__column-huge-1___Y7ydw","column-huge-2":"Grid-module__column-huge-2___RekuK","column-huge-3":"Grid-module__column-huge-3___sO6jv","column-huge-4":"Grid-module__column-huge-4___C3Zti","column-huge-5":"Grid-module__column-huge-5___YOTc5","column-huge-6":"Grid-module__column-huge-6___0je45","column-huge-7":"Grid-module__column-huge-7___iHY-G","column-huge-8":"Grid-module__column-huge-8___hwq18","column-huge-9":"Grid-module__column-huge-9___XkrI1","column-huge-10":"Grid-module__column-huge-10___kk+IW","column-huge-11":"Grid-module__column-huge-11___izwwH","column-huge-12":"Grid-module__column-huge-12___VTALE","column-enormous-1":"Grid-module__column-enormous-1___7jaM7","column-enormous-2":"Grid-module__column-enormous-2___XJH79","column-enormous-3":"Grid-module__column-enormous-3___bcPxR","column-enormous-4":"Grid-module__column-enormous-4___fAqEp","column-enormous-5":"Grid-module__column-enormous-5___0QWBj","column-enormous-6":"Grid-module__column-enormous-6___4WMSd","column-enormous-7":"Grid-module__column-enormous-7___Bvt0l","column-enormous-8":"Grid-module__column-enormous-8___1rQyt","column-enormous-9":"Grid-module__column-enormous-9___2n6pM","column-enormous-10":"Grid-module__column-enormous-10___HcDD6","column-enormous-11":"Grid-module__column-enormous-11___CvLx0","column-enormous-12":"Grid-module__column-enormous-12___ifU5q"}},88895:function(e,t,n){var r=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=r(n(38416)),o=r(n(70215)),l=r(n(56690)),u=r(n(89728)),i=r(n(66115)),c=r(n(61655)),d=r(n(94993)),s=r(n(73808)),m=r(n(67294)),f=r(n(45697)),p=["afterDismiss","dismissDisclosure"];function g(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=(0,s.default)(e);if(t){var a=(0,s.default)(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return(0,d.default)(this,n)}}var y={items:f.default.arrayOf(f.default.shape({key:f.default.string.isRequired,component:f.default.element.isRequired})),render:f.default.func,disclose:f.default.func},h=function(e){(0,c.default)(n,e);var t=_(n);function n(e){var r;return(0,l.default)(this,n),(r=t.call(this,e)).requestFocus=r.requestFocus.bind((0,i.default)(r)),r.releaseFocus=r.releaseFocus.bind((0,i.default)(r)),r.setFocusState=r.setFocusState.bind((0,i.default)(r)),r.resetFocusState=r.resetFocusState.bind((0,i.default)(r)),r.renderItems=r.renderItems.bind((0,i.default)(r)),r.state={focusedItemId:void 0,focusedItemState:void 0},r}return(0,u.default)(n,[{key:"componentDidUpdate",value:function(e){var t,n=this.props.items,r=this.state.focusedItemId;this.props.items!==e.items&&(n.forEach((function(e){e.key===r&&(t=!0)})),t||this.releaseFocus(void 0,!0))}},{key:"setFocusState",value:function(e,t){this.setState({focusedItemId:e,focusedItemState:t})}},{key:"resetFocusState",value:function(){this.setFocusState()}},{key:"requestFocus",value:function(e,t){var n=this,r=this.props.disclose,l=this.state.focusedItemId;return new Promise((function(u,i){n.releaseFocus(l).then((function(){n.setFocusState(e,Object.freeze(t||{}));var l={};r&&(l.disclose=function(t){return n.state.focusedItemId!==e?Promise.reject():r(t).then((function(e){var t=e.afterDismiss,r=e.dismissDisclosure,l=(0,o.default)(e,p);return n.forceDismissInstance=r,t.then((function(){n.forceDismissInstance=void 0,n.state.focusedItemId&&n.resetFocusState()})),function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}function _(e,t){for(var n=0;n=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var g=u.default.bind(c.default),_=function(e,t){if(e[t]){var n=e[t];return n>=1&&n<=12?null:new Error("".concat(t," must be in range 1 to 12 inclusively"))}return null},y={children:o.default.node,className:o.default.string,tiny:_,enormous:_,huge:_,large:_,medium:_,small:_},h=function(e){var t,n=e.className,r=e.children,o=e.tiny,u=e.small,c=e.medium,s=e.large,_=e.huge,y=e.enormous,h=p(e,d),v=a.default.useContext(i.default),b=(0,l.default)(g(["column",(t={},f(t,"column-tiny-".concat(o),o),f(t,"column-small-".concat(u),u),f(t,"column-medium-".concat(c),c),f(t,"column-large-".concat(s),s),f(t,"column-huge-".concat(_),_),f(t,"column-enormous-".concat(y),y),t),v.className]),n);return a.default.createElement("div",m({},h,{className:b}),r)};h.propTypes=y;t.default=h},3546:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=d(n(67294)),a=d(n(45697)),o=d(n(94184)),l=d(n(47166)),u=d(n(50026)),i=d(n(49959)),c=["className","children"];function d(e){return e&&e.__esModule?e:{default:e}}function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var f=l.default.bind(i.default),p={children:a.default.node.isRequired,className:a.default.string},g=function(e){var t=e.className,n=e.children,a=m(e,c),l=r.default.useContext(u.default);return r.default.createElement("div",s({},a,{className:(0,o.default)(f("grid",l.className),t)}),n)};g.propTypes=p;t.default=g},33864:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=o(n(67294)),a=o(n(99139));function o(e){return e&&e.__esModule?e:{default:e}}function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,a);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var d={},u="wrapper";function i(e){var a=e.components,n=c(e,o);return(0,t.mdx)(u,s({},d,n,{components:a,mdxType:"MDXLayout"}),(0,t.mdx)(r.C,{mdxType:"Badge"}),(0,t.mdx)("h1",{id:"terra-content-container-upgrade-guide"},"Terra Content Container Upgrade Guide"),(0,t.mdx)("h2",{id:"changes-from-20-to-30"},"Changes from 2.0 to 3.0"),(0,t.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,t.mdx)("p",null,"The following transitive dependency had breaking changes. See its upgrade guide for more information."),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"terra-doc-template")))}i.isMDXComponent=!0},73161:function(e,a,n){n.d(a,{C:function(){return o}});var t=n(67294),r=n(22863),o=function(e){var a=e.url;return t.createElement(r.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-content-container",name:"terra-content-container",version:"3.40.0",url:a})}},17422:function(e,a,n){n.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/21038-ea5cf4e4a8ca5569ce9f.css b/21038-ea5cf4e4a8ca5569ce9f.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/21038-ea5cf4e4a8ca5569ce9f.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/21038-ea5cf4e4a8ca5569ce9f.js b/21038-ea5cf4e4a8ca5569ce9f.js new file mode 100644 index 0000000000..1fa7e39a4a --- /dev/null +++ b/21038-ea5cf4e4a8ca5569ce9f.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[21038,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,a,l){var m=l(64836);a.Z=void 0;var d=m(l(67294)),n=m(l(45697)),r=m(l(47166)),i=m(l(17422)),u=r.default.bind(i.default),t={name:n.default.string.isRequired,src:n.default.string,url:n.default.string,version:n.default.string.isRequired},p=function(e){var a=e.src,l=e.name,m=e.url,n=e.version,r=d.default.createElement("a",{className:u("badge"),href:m||"https://www.npmjs.org/package/".concat(l,"/v/").concat(n)},d.default.createElement("span",{className:u("badge-name")},m?"package":"npm"),d.default.createElement("span",{className:u("badge-version")},"v".concat(n))),i=a?d.default.createElement("a",{className:u("badge"),href:a},d.default.createElement("span",{className:u("badge-name")},"github"),d.default.createElement("span",{className:u("badge-version")},"source")):void 0;return d.default.createElement("div",{className:u("badge-container")},r,i)};p.propTypes=t;var x=p;a.Z=x},21038:function(e,a,l){l.r(a),l.d(a,{default:function(){return c}});l(67294);var m=l(81254),d=l(80848),n=["components"];function r(){return r=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(d[l]=e[l]);return d}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(m=0;m=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(d[l]=e[l])}return d}var u={},t="wrapper";function p(e){var a=e.components,l=i(e,n);return(0,m.mdx)(t,r({},u,l,{components:a,mdxType:"MDXLayout"}),(0,m.mdx)("h1",{id:"changelog"},"Changelog"),(0,m.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,m.mdx)("h2",{id:"4690---november-13-2023"},"4.69.0 - (November 13, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4680---november-2-2023"},"4.68.0 - (November 2, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4670---october-23-2023"},"4.67.0 - (October 23, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4660---october-16-2023"},"4.66.0 - (October 16, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4650---october-3-2023"},"4.65.0 - (October 3, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4640---september-21-2023"},"4.64.0 - (September 21, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4630---september-19-2023"},"4.63.0 - (September 19, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4620---august-25-2023"},"4.62.0 - (August 25, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4610---august-23-2023"},"4.61.0 - (August 23, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4600---august-11-2023"},"4.60.0 - (August 11, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4590---august-11-2023"},"4.59.0 - (August 11, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4580---august-8-2023"},"4.58.0 - (August 8, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4570---august-1-2023"},"4.57.0 - (August 1, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4560---july-13-2023"},"4.56.0 - (July 13, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Updated",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Changed orion-fusion-theme status view bottom and top padding to reduce white space.")))),(0,m.mdx)("h2",{id:"4550---april-27-2023"},"4.55.0 - (April 27, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added dynamic example for terra-status-view.")))),(0,m.mdx)("h2",{id:"4540---march-1-2023"},"4.54.0 - (March 1, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated jest snapshots for button changes.")))),(0,m.mdx)("h2",{id:"4530---february-16-2023"},"4.53.0 - (February 16, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4520---february-15-2023"},"4.52.0 - (February 15, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated jest snapshots for icon button changes.")))),(0,m.mdx)("h2",{id:"4510---february-7-2023"},"4.51.0 - (February 7, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4501---january-31-2023"},"4.50.1 - (January 31, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated wdio screenshots due to functional-testing upgrade."))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Jest snapshots updated due to decorative / informative icon changes in terra-icon.")))),(0,m.mdx)("h2",{id:"4500---january-9-2023"},"4.50.0 - (January 9, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump of terra-icon")))),(0,m.mdx)("h2",{id:"4490---december-7-2022"},"4.49.0 - (December 7, 2022)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update jest test snapshot")))),(0,m.mdx)("h2",{id:"4486---july-5-2022"},"4.48.6 - (July 5, 2022)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4485---may-3-2022"},"4.48.5 - (May 3, 2022)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4484---april-29-2022"},"4.48.4 - (April 29, 2022)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4483---february-15-2022"},"4.48.3 - (February 15, 2022)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4482---january-4-2022"},"4.48.2 - (January 4, 2022)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Migrate docs to terra-core-docs.")))),(0,m.mdx)("h2",{id:"4481---december-14-2021"},"4.48.1 - (December 14, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4480---november-2-2021"},"4.48.0 - (November 2, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4470---september-21-2021"},"4.47.0 - (September 21, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated WDIO Screenshots due to webpack-config-terra sass upgrade.")))),(0,m.mdx)("h2",{id:"4460---august-25-2021"},"4.46.0 - (August 25, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4450---june-22-2021"},"4.45.0 - (June 22, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4440---june-8-2021"},"4.44.0 - (June 8, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4430---april-13-2021"},"4.43.0 - (April 13, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4420---april-6-2021"},"4.42.0 - (April 6, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Fix glyph scrollbar appearing when there is enough room to display."))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed unnecessary ",(0,m.mdx)("inlineCode",{parentName:"li"},"wdio.conf.js")," file"),(0,m.mdx)("li",{parentName:"ul"},"Upgrade to terra-functional-testing"),(0,m.mdx)("li",{parentName:"ul"},"Updated Jest command"),(0,m.mdx)("li",{parentName:"ul"},"Updated screenshots with elements that are out of bound")))),(0,m.mdx)("h2",{id:"4410---february-2-2021"},"4.41.0 - (February 2, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4400---january-5-2021"},"4.40.0 - (January 5, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Fixed"),(0,m.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation.")),(0,m.mdx)("h2",{id:"4390---december-8-2020"},"4.39.0 - (December 8, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers"),(0,m.mdx)("li",{parentName:"ul"},"Updated to be compatible with ",(0,m.mdx)("inlineCode",{parentName:"li"},"react-intl")," v2-v5")))),(0,m.mdx)("h2",{id:"4380---november-17-2020"},"4.38.0 - (November 17, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4370---november-10-2020"},"4.37.0 - (November 10, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4360---october-27-2020"},"4.36.0 - (October 27, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4350---september-22-2020"},"4.35.0 - (September 22, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Fixed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed focus from glyphs in IE10 .")))),(0,m.mdx)("h2",{id:"4340---august-18-2020"},"4.34.0 - (August 18, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4330---august-6-2020"},"4.33.0 - (August 6, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4320---august-4-2020"},"4.32.0 - (August 4, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Removed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed references of the removed ",(0,m.mdx)("inlineCode",{parentName:"li"},"size")," attribute of terra-button that would be passed via ",(0,m.mdx)("inlineCode",{parentName:"li"},"buttonAttrs"),".")))),(0,m.mdx)("h2",{id:"4310---july-29-2020"},"4.31.0 - (July 29, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update changelog formatting")))),(0,m.mdx)("h2",{id:"4300---july-7-2020"},"4.30.0 - (July 7, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4290---june-23-2020"},"4.29.0 - (June 23, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4280---june-11-2020"},"4.28.0 - (June 11, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated wrong import in ",(0,m.mdx)("inlineCode",{parentName:"li"},"StatusView.module.scss"))))),(0,m.mdx)("h2",{id:"4270---june-9-2020"},"4.27.0 - (June 9, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Apply themes by context and directly include packaged themes."),(0,m.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config")))),(0,m.mdx)("h2",{id:"4260---june-2-2020"},"4.26.0 - (June 2, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4250---may-19-2020"},"4.25.0 - (May 19, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4240---may-5-2020"},"4.24.0 - (May 5, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4230---april-28-2020"},"4.23.0 - (April 28, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge'))),(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,m.mdx)("h2",{id:"4220---april-22-2020"},"4.22.0 - (April 22, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4210---april-22-2020"},"4.21.0 - (April 22, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated documentation link in README")))),(0,m.mdx)("h2",{id:"4200---march-31-2020"},"4.20.0 - (March 31, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4190---march-10-2020"},"4.19.0 - (March 10, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update docs to use mdx syntax.")))),(0,m.mdx)("h2",{id:"4180---february-18-2020"},"4.18.0 - (February 18, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme theming files")))),(0,m.mdx)("h2",{id:"4170---february-13-2020"},"4.17.0 - (February 13, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4160---february-4-2020"},"4.16.0 - (February 4, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4150---january-28-2020"},"4.15.0 - (January 28, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4140---january-7-2020"},"4.14.0 - (January 7, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Removed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed yarn reference in docs"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Replaced css grid with flex-box")))),(0,m.mdx)("h2",{id:"4130---december-10-2019"},"4.13.0 - (December 10, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update jest test snapshot"),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("inlineCode",{parentName:"li"},"
")," tag replaced with ",(0,m.mdx)("inlineCode",{parentName:"li"},"

")," in message and title section to suffice accessibility.")))),(0,m.mdx)("h2",{id:"4120---december-3-2019"},"4.12.0 - (December 3, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added orion-fusion-theme and generated the respective reference wdio screenshots.")))),(0,m.mdx)("h2",{id:"4110---october-30-2019"},"4.11.0 - (October 30, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("inlineCode",{parentName:"li"},"aria-label")," added in example.")))),(0,m.mdx)("h2",{id:"4100---october-3-2019"},"4.10.0 - (October 3, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"490---september-19-2019"},"4.9.0 - (September 19, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed ",(0,m.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site."))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added en-CA translations.")))),(0,m.mdx)("h2",{id:"480---september-6-2019"},"4.8.0 - (September 6, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Props table markdown file import added to doc site page")))),(0,m.mdx)("h2",{id:"470---september-3-2019"},"4.7.0 - (September 3, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"460---august-21-2019"},"4.6.0 - (August 21, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Import for package version from package.json added to doc page"),(0,m.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files")))),(0,m.mdx)("h2",{id:"450---august-14-2019"},"4.5.0 - (August 14, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update jest test snapshot"),(0,m.mdx)("li",{parentName:"ul"},"updated package.json test scripts")))),(0,m.mdx)("h2",{id:"440---july-30-2019"},"4.4.0 - (July 30, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"430---july-24-2019"},"4.3.0 - (July 24, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"420---july-16-2019"},"4.2.0 - (July 16, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update tests to use ",(0,m.mdx)("inlineCode",{parentName:"li"},"Terra.describeViewports")," for setting viewports and use ",(0,m.mdx)("inlineCode",{parentName:"li"},"Terra.it.validatesElement"))))),(0,m.mdx)("h2",{id:"410----july-11-2019"},"4.1.0 - (July 11, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated Docs around the requirement of terra-base and aggregate-translations.")))),(0,m.mdx)("h2",{id:"400---june-28-2019"},"4.0.0 - (June 28, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Breaking"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed children prop. Replaced with buttonAttrs prop"),(0,m.mdx)("li",{parentName:"ul"},"Removed the default of rendering an error view"),(0,m.mdx)("li",{parentName:"ul"},"Removed the custom variant"),(0,m.mdx)("li",{parentName:"ul"},"Removed hide glyph logic based on available container space"),(0,m.mdx)("li",{parentName:"ul"},"Removed onComponentMount logic to calculate padding"),(0,m.mdx)("li",{parentName:"ul"},"Removed StatusView.Opts object and export"),(0,m.mdx)("li",{parentName:"ul"},"Use CSS grid to center component"),(0,m.mdx)("li",{parentName:"ul"},"Render divider if title and message/buttons exist"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed all inline styles from Dev-site components and implemented the same styles using external css."),(0,m.mdx)("li",{parentName:"ul"},"Remove incorrect entry in upgrade guide that specifies new margin-bottom theme variable.")))),(0,m.mdx)("h2",{id:"3160---june-18-2019"},"3.16.0 - (June 18, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency bump")))),(0,m.mdx)("h2",{id:"3151---june-12-2019"},"3.15.1 - (June 12, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,m.mdx)("h2",{id:"3150---june-11-2019"},"3.15.0 - (June 11, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Removed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Made required updates to consume terra-toolkit v5 and terra-dev-site v5")))),(0,m.mdx)("h2",{id:"3140---may-1-2019"},"3.14.0 - (May 1, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3130---april-18-2019"},"3.13.0 - (April 18, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Deprecated"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"StatusView.Opts object and export"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added named StatusViewVariants export")))),(0,m.mdx)("h2",{id:"3110---april-16-2019"},"3.11.0 - (April 16, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3100---april-9-2019"},"3.10.0 - (April 9, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"390---april-2-2019"},"3.9.0 - (April 2, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"380---march-26-2019"},"3.8.0 - (March 26, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Removed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,m.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,m.mdx)("h2",{id:"370---march-21-2019"},"3.7.0 - (March 21, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update Jest tests to use terra-enzyme-intl"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Remove --terra-view-message-text-align theme variable to fix alignment within Edge browser.")))),(0,m.mdx)("h2",{id:"370---march-5-2019"},"3.7.0 - (March 5, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Fixed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update SVG style to ",(0,m.mdx)("inlineCode",{parentName:"li"},"display: block")," to fix SVG size and stop text from shifting downards.")))),(0,m.mdx)("h2",{id:"360---february-26-2019"},"3.6.0 - (February 26, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added en-AU translations"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,m.mdx)("li",{parentName:"ul"},"Update Thin Constraint test screenshot to be limited to the test size 75px to remove wdio screen resizing. Screen resizing to 75px is not possible with firefox driver."))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Status View glyph does not always displays when it should")))),(0,m.mdx)("h2",{id:"350---february-12-2019"},"3.5.0 - (February 12, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"340---february-5-2019"},"3.4.0 - (February 5, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"330---january-26-2019"},"3.3.0 - (January 26, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"320---january-22-2019"},"3.2.0 - (January 22, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"310---january-22-2019"},"3.1.0 - (January 22, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"300---january-8-2019"},"3.0.0 - (January 8, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated theme variables")))),(0,m.mdx)("h2",{id:"2360---january-2-2019"},"2.36.0 - (January 2, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,m.mdx)("li",{parentName:"ul"},"Removed use of componentWillMount from examples"),(0,m.mdx)("li",{parentName:"ul"},"Added code sample display to the doc site examples"),(0,m.mdx)("li",{parentName:"ul"},"Updated site examples to be more accessible.")))),(0,m.mdx)("h2",{id:"2351---november-20-2018"},"2.35.1 - (November 20, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,m.mdx)("h2",{id:"2350---november-19-2018"},"2.35.0 - (November 19, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2340---november-13-2018"},"2.34.0 - (November 13, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2330---november-9-2018"},"2.33.0 - (November 9, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2320---october-30-2018"},"2.32.0 - (October 30, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update mixin import to be more explicit")))),(0,m.mdx)("h2",{id:"2310---october-24-2018"},"2.31.0 - (October 24, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2300---october-16-2018"},"2.30.0 - (October 16, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2290---october-8-2018"},"2.29.0 - (October 8, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2280---october-2-2018"},"2.28.0 - (October 2, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2270---september-25-2018"},"2.27.0 - (September 25, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2261---september-6-2018"},"2.26.1 - (September 6, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,m.mdx)("h2",{id:"2260---september-5-2018"},"2.26.0 - (September 5, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,m.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,m.mdx)("h2",{id:"2250---september-4-2018"},"2.25.0 - (September 4, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2240---august-29-2018"},"2.24.0 - (August 29, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2230---august-21-2018"},"2.23.0 - (August 21, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2220---august-8-2018"},"2.22.0 - (August 8, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated component internationalization error message")))),(0,m.mdx)("h2",{id:"2210---august-1-2018"},"2.21.0 - (August 1, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2200---july-25-2018"},"2.20.0 - (July 25, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Add sv and sv-SE translations")))),(0,m.mdx)("h2",{id:"2190---july-19-2018"},"2.19.0 - (July 19, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Add .module extension to SCSS file(s)")))),(0,m.mdx)("h2",{id:"2180---july-17-2018"},"2.18.0 - (July 17, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,m.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v4 update")))),(0,m.mdx)("h2",{id:"2170---july-10-2018"},"2.17.0 - (July 10, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Fixed words being unnecessarily broken"),(0,m.mdx)("li",{parentName:"ul"},"Removed usage of CSS ",(0,m.mdx)("inlineCode",{parentName:"li"},"initial")," value because Internet Explorer does not support it")))),(0,m.mdx)("h2",{id:"2160---june-28-2018"},"2.16.0 - (June 28, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added change log to the documentation on terra-dev-site")))),(0,m.mdx)("h2",{id:"2150---june-22-2018"},"2.15.0 - (June 22, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Moved terra-base from dependency to peerDependency"),(0,m.mdx)("li",{parentName:"ul"},"Refactored classnames that contain 'status-view'")))),(0,m.mdx)("h2",{id:"2140---june-12-2018"},"2.14.0 - (June 12, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},'Updated "test:jest" script to work on windows.'),(0,m.mdx)("li",{parentName:"ul"},"Remove Base wrapper from test examples. Terra-dev-site wraps all test examples in Base."))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Fixed text and glyphs being able to overflow out of the Status View")))),(0,m.mdx)("h2",{id:"2130---may-30-2018"},"2.13.0 - (May 30, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated structure to match terra-dev-site 1.0 and moved doc examples internal.")))),(0,m.mdx)("h2",{id:"2120---may-25-2018"},"2.12.0 - (May 25, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2110---may-23-2018"},"2.11.0 - (May 23, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2100---may-16-2018"},"2.10.0 - (May 16, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"290---may-9-2018"},"2.9.0 - (May 9, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"280---may-2-2018"},"2.8.0 - (May 2, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"270---april-20-2018"},"2.7.0 - (April 20, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"260---april-15-2018"},"2.6.0 - (April 15, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"250---april-5-2018"},"2.5.0 - (April 5, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"240---march-30-2018"},"2.4.0 - (March 30, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"230---march-14-2018"},"2.3.0 - (March 14, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"220---march-6-2018"},"2.2.0 - (March 6, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Removed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed props-table script from package.json")))),(0,m.mdx)("h2",{id:"210---february-26-2018"},"2.1.0 - (February 26, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"201---february-13-2018"},"2.0.1 - (February 13, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated peerDependencies")))),(0,m.mdx)("h2",{id:"200---february-12-2018"},"2.0.0 - (February 12, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated to use React 16"),(0,m.mdx)("li",{parentName:"ul"},"Uplifted component to use terra-button v2")))),(0,m.mdx)("h2",{id:"110---february-1-2018"},"1.1.0 - (February 1, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"100---january-18-2018"},"1.0.0 - (January 18, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Initial stable release")))}p.isMDXComponent=!0;var x=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(d[l]=e[l]);return d}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(m=0;m=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(d[l]=e[l])}return d}var s={},h="wrapper";function c(e){var a=e.components,l=N(e,x);return(0,m.mdx)(h,o({},s,l,{components:a,mdxType:"MDXLayout"}),(0,m.mdx)(d.C,{mdxType:"Badge"}),(0,m.mdx)(p,{mdxType:"ChangeLog"}))}c.isMDXComponent=!0},80848:function(e,a,l){l.d(a,{C:function(){return n}});var m=l(67294),d=l(22863),n=function(e){var a=e.url;return m.createElement(d.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-status-view",name:"terra-status-view",version:"4.69.0",url:a})}},17422:function(e,a,l){l.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/21254-bdcd0d2226fe95d20a8f.css b/21254-bdcd0d2226fe95d20a8f.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/21254-bdcd0d2226fe95d20a8f.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/21254-bdcd0d2226fe95d20a8f.js b/21254-bdcd0d2226fe95d20a8f.js new file mode 100644 index 0000000000..d36958c893 --- /dev/null +++ b/21254-bdcd0d2226fe95d20a8f.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[21254,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,a,r){var t=r(64836);a.Z=void 0;var n=t(r(67294)),s=t(r(45697)),o=t(r(47166)),u=t(r(17422)),d=o.default.bind(u.default),c={name:s.default.string.isRequired,src:s.default.string,url:s.default.string,version:s.default.string.isRequired},i=function(e){var a=e.src,r=e.name,t=e.url,s=e.version,o=n.default.createElement("a",{className:d("badge"),href:t||"https://www.npmjs.org/package/".concat(r,"/v/").concat(s)},n.default.createElement("span",{className:d("badge-name")},t?"package":"npm"),n.default.createElement("span",{className:d("badge-version")},"v".concat(s))),u=a?n.default.createElement("a",{className:d("badge"),href:a},n.default.createElement("span",{className:d("badge-name")},"github"),n.default.createElement("span",{className:d("badge-version")},"source")):void 0;return n.default.createElement("div",{className:d("badge-container")},o,u)};i.propTypes=c;var l=i;a.Z=l},21254:function(e,a,r){r.r(a),r.d(a,{default:function(){return i}});r(67294);var t=r(81254),n=r(34703),s=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(n[r]=e[r]);return n}(e,a);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}var d={},c="wrapper";function i(e){var a=e.components,r=u(e,s);return(0,t.mdx)(c,o({},d,r,{components:a,mdxType:"MDXLayout"}),(0,t.mdx)(n.C,{mdxType:"Badge"}),(0,t.mdx)("h1",{id:"terra-spacer-upgrade-guide"},"Terra Spacer Upgrade Guide"),(0,t.mdx)("h2",{id:"changes-from-20-to-30"},"Changes from 2.0 to 3.0"),(0,t.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,t.mdx)("p",null,"The following transitive dependencies had breaking changes. See their upgrade guides for more information."),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"terra-button"),(0,t.mdx)("li",{parentName:"ul"},"terra-doc-template")))}i.isMDXComponent=!0},34703:function(e,a,r){r.d(a,{C:function(){return s}});var t=r(67294),n=r(22863),s=function(e){var a=e.url;return t.createElement(n.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-spacer",name:"terra-spacer",version:"3.62.0",url:a})}},17422:function(e,a,r){r.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/21396-734ed5ef295e46bd699a.css b/21396-734ed5ef295e46bd699a.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/21396-734ed5ef295e46bd699a.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/21396-734ed5ef295e46bd699a.js b/21396-734ed5ef295e46bd699a.js new file mode 100644 index 0000000000..b25b78b580 --- /dev/null +++ b/21396-734ed5ef295e46bd699a.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[21396,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,t,n){var a=n(64836);t.Z=void 0;var r=a(n(67294)),o=a(n(45697)),d=a(n(47166)),i=a(n(17422)),l=d.default.bind(i.default),s={name:o.default.string.isRequired,src:o.default.string,url:o.default.string,version:o.default.string.isRequired},m=function(e){var t=e.src,n=e.name,a=e.url,o=e.version,d=r.default.createElement("a",{className:l("badge"),href:a||"https://www.npmjs.org/package/".concat(n,"/v/").concat(o)},r.default.createElement("span",{className:l("badge-name")},a?"package":"npm"),r.default.createElement("span",{className:l("badge-version")},"v".concat(o))),i=t?r.default.createElement("a",{className:l("badge"),href:t},r.default.createElement("span",{className:l("badge-name")},"github"),r.default.createElement("span",{className:l("badge-version")},"source")):void 0;return r.default.createElement("div",{className:l("badge-container")},d,i)};m.propTypes=s;var u=m;t.Z=u},21396:function(e,t,n){n.r(t),n.d(t,{default:function(){return m}});n(67294);var a=n(81254),r=n(72509),o=["components"];function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var l={},s="wrapper";function m(e){var t=e.components,n=i(e,o);return(0,a.mdx)(s,d({},l,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(r.C,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"terra-date-picker-upgrade-guide"},"Terra Date Picker Upgrade Guide"),(0,a.mdx)("h2",{id:"changes-from-version-3-to-version-4"},"Changes from version 3 to version 4"),(0,a.mdx)("h3",{id:"removed-props"},"Removed props"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Removed ",(0,a.mdx)("inlineCode",{parentName:"li"},"releaseFocus")),(0,a.mdx)("li",{parentName:"ul"},"Removed ",(0,a.mdx)("inlineCode",{parentName:"li"},"requestFocus"))),(0,a.mdx)("h3",{id:"new-props"},"New props"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Added ",(0,a.mdx)("inlineCode",{parentName:"li"},"onBlur")),(0,a.mdx)("li",{parentName:"ul"},"Added ",(0,a.mdx)("inlineCode",{parentName:"li"},"onFocus"))),(0,a.mdx)("h3",{id:"changes-to-onblur-and-onfocus"},"Changes to onBlur and onFocus"),(0,a.mdx)("p",null,"The ",(0,a.mdx)("inlineCode",{parentName:"p"},"onBlur")," and ",(0,a.mdx)("inlineCode",{parentName:"p"},"onFocus")," props previously could be passed down as custom props. These props have now become first-class props. The ",(0,a.mdx)("inlineCode",{parentName:"p"},"onFocus")," prop used to be triggered when focus is moved from the date input to the calendar button or vise versa. The ",(0,a.mdx)("inlineCode",{parentName:"p"},"onFocus")," prop will still be triggered if the date picker component did not have focus and now just gained focus. However, if the focus is then moved from the date input to the calendar button or vise versa, the ",(0,a.mdx)("inlineCode",{parentName:"p"},"onFocus")," callback now would not be triggered because the focus is still within the date picker container. The ",(0,a.mdx)("inlineCode",{parentName:"p"},"onBlur")," callback now behaves similar to the ",(0,a.mdx)("inlineCode",{parentName:"p"},"onFocus")," callback where ",(0,a.mdx)("inlineCode",{parentName:"p"},"onBlur")," would not be triggered when focus is transfered from the date input to the calendar button. The ",(0,a.mdx)("inlineCode",{parentName:"p"},"onBlur")," callback would be triggered only when focus is lost from the entire date picker component."),(0,a.mdx)("h3",{id:"changes-to-filterdate"},"Changes to filterDate"),(0,a.mdx)("p",null,"The parameter in the ",(0,a.mdx)("inlineCode",{parentName:"p"},"filterDate")," callback has changed from a moment date object to an ISO string representation of the date. The reason for this change is to keep consistency with other callbacks."),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-diff"},"import React from 'react';\nimport moment from 'moment-timezone';\nimport DatePicker from 'terra-date-picker';\n\nclass Default extends React.Component {\n constructor() {\n super();\n this.handleFilterDate = this.handleFilterDate.bind(this);\n }\n\n handleFilterDate(date) {\n+ const momentDate = moment(date)\n const day = momentDate.day();\n return day !== 0 && day !== 6;\n }\n\n render() {\n return (\n \n );\n }\n}\n\nexport default Default;\n")),(0,a.mdx)("h2",{id:"changes-from-version-2-to-version-3"},"Changes from version 2 to version 3"),(0,a.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,a.mdx)("h4",{id:"added"},"Added"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"--terra-date-picker-input-focus-border-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-date-picker-button-border"),(0,a.mdx)("li",{parentName:"ul"},"--terra-date-picker-button-border-bottom-right-radius"),(0,a.mdx)("li",{parentName:"ul"},"--terra-date-picker-button-border-top-right-radius"),(0,a.mdx)("li",{parentName:"ul"},"--terra-date-picker-button-box-shadow"),(0,a.mdx)("li",{parentName:"ul"},"--terra-date-picker-button-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-date-picker-button-focus-border-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-date-picker-button-focus-box-shadow")))}m.isMDXComponent=!0},72509:function(e,t,n){n.d(t,{C:function(){return o}});var a=n(67294),r=n(22863),o=function(e){var t=e.url;return a.createElement(r.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-date-picker",name:"terra-date-picker",version:"4.94.0",url:t})}},17422:function(e,t,n){n.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/21479-b34e3e186c5a57d9ea96.css b/21479-b34e3e186c5a57d9ea96.css new file mode 100644 index 0000000000..57598c94dc --- /dev/null +++ b/21479-b34e3e186c5a57d9ea96.css @@ -0,0 +1,5 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.Table-module__clinical-lowlight-theme___PqYJ8{--terra-html-table-background-color: #383f42;--terra-html-table-border: 1px solid #585a5c;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: none;--terra-html-table-header-cell-color: #1c1f21;--terra-html-table-header-cell-font-size: 1rem;--terra-html-table-header-cell-font-weight: bold;--terra-html-table-header-cell-border-right: 1px solid #585a5c;--terra-html-table-first-header-cell-border-left: 1px solid #585a5c;--terra-html-table-last-header-cell-border-right: 1px solid #585a5c;--terra-html-table-header-background-color: #909496;--terra-html-table-header-box-shadow: 0 4px 4px -3.5px #1c1f21, inset 0 0 0 1px #585a5c;--terra-html-table-header-row-border-bottom: 1px solid #585a5c;--terra-html-table-header-row-border-top: 1px solid #585a5c;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #b2b5b6;--terra-html-table-cell-font-size: 1rem;--terra-html-table-first-cell-border-left: 1px solid #585a5c;--terra-html-table-last-cell-border-right: 1px solid #585a5c;--terra-html-table-header-cell-standard-padding-bottom: 0.5rem;--terra-html-table-header-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-top: 0.5rem;--terra-html-table-header-cell-compact-padding-bottom: 0.25rem;--terra-html-table-header-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-top: 0.25rem;--terra-html-table-cell-standard-padding-bottom: 0.5rem;--terra-html-table-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-cell-standard-padding-top: 0.5rem;--terra-html-table-cell-compact-padding-bottom: 0.25rem;--terra-html-table-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-cell-compact-padding-top: 0.25rem;--terra-html-table-row-border-top: 1px solid #585a5c;--terra-html-table-last-row-border-bottom: 1px solid #585a5c;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #2d3539}.Table-module__orion-fusion-theme___d9rxf{--terra-html-table-background-color: transparent;--terra-html-table-border: 0;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: transparent;--terra-html-table-header-cell-color: #64696c;--terra-html-table-header-cell-font-size: 0.857142857rem;--terra-html-table-header-cell-font-weight: normal;--terra-html-table-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-first-header-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-background-color: #f4f4f4;--terra-html-table-header-box-shadow: none;--terra-html-table-header-row-border-bottom: 2px solid #64696c;--terra-html-table-header-row-border-top: 1px solid #c8cacb;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #1c1f21;--terra-html-table-cell-font-size: 0.857142857rem;--terra-html-table-first-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-cell-standard-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-top: 0.428571429rem;--terra-html-table-header-cell-compact-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-top: 0.428571429rem;--terra-html-table-cell-standard-padding-bottom: 0.8571428571rem;--terra-html-table-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-cell-standard-padding-top: 0.8571428571rem;--terra-html-table-cell-compact-padding-bottom: 0.8571428571rem;--terra-html-table-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-cell-compact-padding-top: 0.8571428571rem;--terra-html-table-row-border-top: 0;--terra-html-table-last-row-border-bottom: 1px solid #c8cacb;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #f4f4f4}.Table-module__table___eg2Mi{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___eg2Mi{background-color:transparent;background-color:var(--terra-html-table-background-color, transparent);border:0;border:var(--terra-html-table-border, 0);border-radius:0;border-radius:var(--terra-html-table-border-radius, 0)}[dir] .Table-module__table___eg2Mi caption{padding-bottom:.5em}.Table-module__table___eg2Mi tr{display:table-row}[dir] .Table-module__table___eg2Mi tr{margin-bottom:0}.Table-module__table___eg2Mi td,.Table-module__table___eg2Mi th{color:#1c1f21;color:var(--terra-html-table-cell-color, #1c1f21);display:table-cell;font-size:1rem;font-size:var(--terra-html-table-cell-font-size, 1rem);font-weight:normal;vertical-align:top}[dir] .Table-module__table___eg2Mi td, [dir] .Table-module__table___eg2Mi th{border:0}[dir=ltr] .Table-module__table___eg2Mi td, [dir=ltr] .Table-module__table___eg2Mi th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___eg2Mi td, [dir=rtl] .Table-module__table___eg2Mi th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___eg2Mi td:first-child, [dir=ltr] .Table-module__table___eg2Mi th:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:first-child, [dir=rtl] .Table-module__table___eg2Mi th:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi td:last-child, [dir=ltr] .Table-module__table___eg2Mi th:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:last-child, [dir=rtl] .Table-module__table___eg2Mi th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___eg2Mi thead th, [dir] .Table-module__table___eg2Mi thead td{border:0}[dir=ltr] .Table-module__table___eg2Mi thead th, [dir=ltr] .Table-module__table___eg2Mi thead td{border-right:1px solid rgba(200, 202, 203, 0.5);border-right:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:left}[dir=rtl] .Table-module__table___eg2Mi thead th, [dir=rtl] .Table-module__table___eg2Mi thead td{border-left:1px solid rgba(200, 202, 203, 0.5);border-left:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:right}[dir=ltr] .Table-module__table___eg2Mi thead th:first-child, [dir=ltr] .Table-module__table___eg2Mi thead td:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:first-child, [dir=rtl] .Table-module__table___eg2Mi thead td:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi thead th:last-child, [dir=ltr] .Table-module__table___eg2Mi thead td:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:last-child, [dir=rtl] .Table-module__table___eg2Mi thead td:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead{display:table-header-group}[dir] .Table-module__table___eg2Mi thead{background-color:#f1f1f2;background-color:var(--terra-html-table-header-background-color, #f1f1f2);box-shadow:0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5);box-shadow:var(--terra-html-table-header-box-shadow, 0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5))}[dir] .Table-module__table___eg2Mi thead tr{border-bottom:1px solid #b9bbbc;border-bottom:var(--terra-html-table-header-row-border-bottom, 1px solid #b9bbbc);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-header-row-border-top, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{color:#1c1f21;color:var(--terra-html-table-header-cell-color, #1c1f21);font-size:1rem;font-size:var(--terra-html-table-header-cell-font-size, 1rem);font-weight:bold;font-weight:var(--terra-html-table-header-cell-font-weight, bold);vertical-align:bottom}[dir] .Table-module__table___eg2Mi tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___eg2Mi tbody tr{background-color:transparent;background-color:var(--terra-html-table-row-background-color, transparent);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-row-border-top, 1px solid #dedfe0)}[dir] .Table-module__table___eg2Mi tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___eg2Mi tbody tr:last-of-type{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-html-table-last-row-border-bottom, 1px solid #dedfe0)}[dir] .Table-module__padding-standard___BfbC- th{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-header-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-header-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z th{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-header-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-header-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__padding-standard___BfbC- td{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z td{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__striped___n8xJe tbody tr:nth-of-type(even){background-color:#f6f7f8;background-color:var(--terra-html-table-row-striped-background-color, #f6f7f8)}@media print{.Table-module__table___eg2Mi thead{display:table-header-group}.Table-module__table___eg2Mi tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} +.SlideGroupDemo-module__container___Pnqg8{height:250px;overflow:hidden;position:relative;width:400px}.SlideGroupDemo-module__slide___Qucq1{height:100%}[dir] .SlideGroupDemo-module__slide___Qucq1{background-color:#add8e6;padding:5px}.SlideGroupDemo-module__content-wrapper___44T4l{height:200px;overflow:hidden;position:relative;width:400px}[dir] .SlideGroupDemo-module__button___Ew-As{background-color:#d3d3d3}.SlideGroupDemo-module__custom-slide___RiVaZ{height:200px !important} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} diff --git a/21479-b34e3e186c5a57d9ea96.js b/21479-b34e3e186c5a57d9ea96.js new file mode 100644 index 0000000000..b643df3497 --- /dev/null +++ b/21479-b34e3e186c5a57d9ea96.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[21479,45627,37344,33667,96890,79482,85565,3353,5161,80858,14041,45865,16835,85355,3193,4845,27444,17657,46647,16873,85161,66097,38681,15318,40411,18101,33315,38443,11264,34319,78996,39915,33442],{22863:function(e,t,n){var r=n(64836);t.Z=void 0;var a=r(n(67294)),l=r(n(45697)),o=r(n(47166)),i=r(n(17422)),u=o.default.bind(i.default),d={name:l.default.string.isRequired,src:l.default.string,url:l.default.string,version:l.default.string.isRequired},s=function(e){var t=e.src,n=e.name,r=e.url,l=e.version,o=a.default.createElement("a",{className:u("badge"),href:r||"https://www.npmjs.org/package/".concat(n,"/v/").concat(l)},a.default.createElement("span",{className:u("badge-name")},r?"package":"npm"),a.default.createElement("span",{className:u("badge-version")},"v".concat(l))),i=t?a.default.createElement("a",{className:u("badge"),href:t},a.default.createElement("span",{className:u("badge-name")},"github"),a.default.createElement("span",{className:u("badge-version")},"source")):void 0;return a.default.createElement("div",{className:u("badge-container")},o,i)};s.propTypes=d;var c=s;t.Z=c},49271:function(e,t,n){var r=n(64836),a=n(18698);t.Z=void 0;var l=r(n(27424)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==a(e)&&"function"!=typeof e)return{default:e};var n=f(t);if(n&&n.has(e))return n.get(e);var r={},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var i=l?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(r,o,i):r[o]=e[o]}r.default=e,n&&n.set(e,r);return r}(n(67294)),i=r(n(45697)),u=r(n(47166)),d=n(21538),s=r(n(33864)),c=r(n(23399)),m=n(51051),p=r(n(53560));function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(f=function(e){return e?n:t})(e)}var h=u.default.bind(p.default),b={example:i.default.element,exampleSrc:i.default.element,exampleCssSrc:i.default.element,title:i.default.string,description:i.default.node,isExpanded:i.default.bool},v=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},x=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},y=function(e){var t=e.example,n=e.exampleSrc,r=e.exampleCssSrc,a=e.title,i=e.description,u=e.isExpanded,p=(0,o.useState)(u),f=(0,l.default)(p,2),b=f[0],y=f[1],_=(0,o.useState)(!1),g=(0,l.default)(_,2),E=g[0],S=g[1],O=o.default.useContext(d.ThemeContext),N=void 0!==r,T=function(){S(!E),b&&y(!b)},w=function(){y(!b),E&&S(!E)},j=function(e,t){e.nativeEvent.keyCode!==m.KEY_SPACE&&e.nativeEvent.keyCode!==m.KEY_RETURN||(e.preventDefault(),t())};return o.default.createElement("div",{className:h("template",O.className)},o.default.createElement("div",{className:h("header")},a&&o.default.createElement("h2",{className:h("title")},a)),o.default.createElement("div",{className:h("content")},i&&o.default.createElement("div",{className:h("description")},i),t),o.default.createElement("div",{className:h("footer")},n?o.default.createElement("div",{className:h("button-container")},N&&o.default.createElement("button",{type:"button",className:h("css-toggle","item",{"is-selected":E}),onClick:T,onKeyDown:function(e){return j(e,T)},onBlur:v,onMouseDown:x,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(s.default,{className:h("chevron")}),o.default.createElement("span",null,"CSS"),o.default.createElement(c.default,{className:h("chevron")})),o.default.createElement("button",{type:"button",className:h("code-toggle","item",{"is-selected":b}),onClick:w,onKeyDown:function(e){return j(e,w)},onBlur:v,onMouseDown:x,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(s.default,{className:h("chevron")}),o.default.createElement("span",null,"Code"),o.default.createElement(c.default,{className:h("chevron")}))):null,o.default.createElement("div",null,E&&o.default.createElement("div",{className:h("css")},r),b&&o.default.createElement("div",{className:h("code")},n))))};y.propTypes=b,y.defaultProps={isExpanded:!1};var _=y;t.Z=_},47003:function(e,t,n){var r=n(64836);t.Z=void 0;var a=r(n(56690)),l=r(n(89728)),o=r(n(66115)),i=r(n(61655)),u=r(n(94993)),d=r(n(73808)),s=r(n(67294)),c=r(n(45697)),m=r(n(47166)),p=r(n(8714)),f=r(n(51346));function h(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=(0,d.default)(e);if(t){var a=(0,d.default)(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return(0,u.default)(this,n)}}var b=m.default.bind(f.default),v=function(e){(0,i.default)(n,e);var t=h(n);function n(e){var r;return(0,a.default)(this,n),(r=t.call(this,e)).increment=r.increment.bind((0,o.default)(r)),r.decrement=r.decrement.bind((0,o.default)(r)),r.state={counter:1},r}return(0,l.default)(n,[{key:"increment",value:function(){this.setState((function(e){return{counter:e.counter+1}}))}},{key:"decrement",value:function(){this.setState((function(e){return{counter:e.counter-1}}))}},{key:"render",value:function(){for(var e=[],t=0;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var s={},c="wrapper";function m(e){var t=e.components,n=d(e,i);return(0,a.mdx)(c,u({},s,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(o.ZP,{mdxType:"PropsTable"},(0,a.mdx)(o.X2,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(o.O,{mdxType:"PropNameCell"},"items"),(0,a.mdx)(o.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"array\n"))),(0,a.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The array of components for the group. Only the last component is visible. The others are hidden but still mounted."))),(0,a.mdx)(o.X2,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(o.O,{mdxType:"PropNameCell"},"isAnimated"),(0,a.mdx)(o.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"When true, the transition between slides is animated.")))))}m.isMDXComponent=!0;var p=n(47003),f=["components"];function h(){return h=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var v={};function x(e){var t=e.components,n=b(e,f);return(0,a.mdx)("wrapper",h({},v,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames/bind';\nimport SlideGroup from 'terra-slide-group';\nimport styles from './SlideGroupDemo.module.scss';\n\nconst cx = classNames.bind(styles);\n\nclass SlideGroupDemo extends React.Component {\n constructor(props) {\n super(props);\n\n this.increment = this.increment.bind(this);\n this.decrement = this.decrement.bind(this);\n\n this.state = {\n counter: 1,\n };\n }\n\n increment() {\n this.setState(prevState => ({\n counter: prevState.counter + 1,\n }));\n }\n\n decrement() {\n this.setState(prevState => ({\n counter: prevState.counter - 1,\n }));\n }\n\n render() {\n const slides = [];\n for (let i = 0; i < this.state.counter; i += 1) {\n slides.push((\n \n

\n Slide\n {i}\n

\n
\n \n {i !== 0 ? : null}\n
\n ));\n }\n\n return (\n
\n \n
\n );\n }\n}\n\nSlideGroupDemo.propTypes = {\n isAnimated: PropTypes.bool,\n};\n\nexport default SlideGroupDemo;\n\n")))}x.isMDXComponent=!0;var y=n(49271),_=["components"];function g(){return g=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var S={};function O(e){var t=e.components,n=E(e,_);return(0,a.mdx)("wrapper",g({},S,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .container {\n height: 250px;\n overflow: hidden;\n position: relative;\n width: 400px;\n }\n\n .slide {\n background-color: #add8e6;\n height: 100%;\n padding: 5px;\n }\n\n .content-wrapper {\n height: 200px;\n overflow: hidden;\n position: relative;\n width: 400px;\n }\n\n .button {\n background-color: #d3d3d3;\n }\n\n .custom-slide {\n height: 200px !important;\n }\n}\n\n")))}O.isMDXComponent=!0;var N=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(y.Z,{title:t||"Slide Group Demo",description:n,example:r.createElement(p.Z,null),exampleCssSrc:r.createElement(O,null),exampleSrc:r.createElement(x,null),isExpanded:a})},T=n(25704),w=["components"];function j(){return j=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var k={};function D(e){var t=e.components,n=C(e,w);return(0,a.mdx)("wrapper",j({},k,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames/bind';\nimport SlideGroup from 'terra-slide-group';\nimport styles from './SlideGroupDemo.module.scss';\n\nconst cx = classNames.bind(styles);\n\nclass SlideGroupDemo extends React.Component {\n constructor(props) {\n super(props);\n\n this.increment = this.increment.bind(this);\n this.decrement = this.decrement.bind(this);\n\n this.state = {\n counter: 1,\n };\n }\n\n increment() {\n this.setState(prevState => ({\n counter: prevState.counter + 1,\n }));\n }\n\n decrement() {\n this.setState(prevState => ({\n counter: prevState.counter - 1,\n }));\n }\n\n render() {\n const slides = [];\n for (let i = 0; i < this.state.counter; i += 1) {\n slides.push((\n \n

\n Slide\n {i}\n

\n
\n \n {i !== 0 ? : null}\n \n ));\n }\n\n return (\n
\n \n
\n );\n }\n}\n\nSlideGroupDemo.propTypes = {\n isAnimated: PropTypes.bool,\n};\n\nconst AnimatedSlideGroup = () => (\n \n);\nexport default AnimatedSlideGroup;\n\n")))}D.isMDXComponent=!0;var P=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(y.Z,{title:t||"Slide Group Demo Animated",description:n,example:r.createElement(T.Z,null),exampleCssSrc:r.createElement(O,null),exampleSrc:r.createElement(D,null),isExpanded:a})},G=["components"];function A(){return A=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var M={},B="wrapper";function Z(e){var t=e.components,n=R(e,G);return(0,a.mdx)(B,A({},M,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(l.C,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"terra-slide-group"},"Terra Slide Group"),(0,a.mdx)("p",null,"The SlideGroup is a utility component that utilizes the ",(0,a.mdx)("inlineCode",{parentName:"p"},"react-transition-group")," library to present a stack of components in an\nanimated fashion."),(0,a.mdx)("p",null,"The last component in the group is visible, and all others are hidden. While the hidden components are not visible and\nmarked with the ",(0,a.mdx)("inlineCode",{parentName:"p"},"aria-hidden")," attribute, they are not actually unmounted."),(0,a.mdx)("p",null,"When a slide is disclosed, non-visible focus is assigned to the outermost slide container. Any component utilizing the SlideGroup will need to handle the keyboard accessibility of the content on each slide."),(0,a.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Install with ",(0,a.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("inlineCode",{parentName:"li"},"npm install terra-slide-group"))))),(0,a.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,a.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,a.mdx)("table",null,(0,a.mdx)("thead",{parentName:"table"},(0,a.mdx)("tr",{parentName:"thead"},(0,a.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,a.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,a.mdx)("tbody",{parentName:"table"},(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"react"),(0,a.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,a.mdx)("td",{parentName:"tr",align:null},"^16.8.5")))),(0,a.mdx)("h2",{id:"usage"},"Usage"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import SlideGroup from 'terra-slide-group';\n")),(0,a.mdx)("h2",{id:"examples"},"Examples"),(0,a.mdx)(N,{title:"Non-Animated SlideGroup",mdxType:"SlideGroupDemo"}),(0,a.mdx)(P,{title:"Animated SlideGroup",mdxType:"SlideGroupDemoAnimated"}),(0,a.mdx)("h2",{id:"slide-group-props-table"},"Slide Group Props Table"),(0,a.mdx)(m,{mdxType:"SlideGroupPropsTable"}))}Z.isMDXComponent=!0},16351:function(e,t,n){n.d(t,{C:function(){return l}});var r=n(67294),a=n(22863),l=function(e){var t=e.url;return r.createElement(a.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-slide-group",name:"terra-slide-group",version:"4.33.0",url:t})}},17422:function(e,t,n){n.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},53560:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},51346:function(e,t,n){n.r(t),t.default={container:"SlideGroupDemo-module__container___Pnqg8",slide:"SlideGroupDemo-module__slide___Qucq1","content-wrapper":"SlideGroupDemo-module__content-wrapper___44T4l",button:"SlideGroupDemo-module__button___Ew-As","custom-slide":"SlideGroupDemo-module__custom-slide___RiVaZ"}},33864:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=l(n(67294)),a=l(n(99139));function l(e){return e&&e.__esModule?e:{default:e}}function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[a]=e[a]);return r}(e,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}var o={},d="wrapper";function c(e){var n=e.components,a=l(e,i);return(0,t.mdx)(d,s({},o,a,{components:n,mdxType:"MDXLayout"}),(0,t.mdx)(r.C,{mdxType:"Badge"}),(0,t.mdx)("h1",{id:"eslint-config-terra"},"Eslint Config Terra"),(0,t.mdx)("p",null,"This configuration reflects Terra's supported eslint policy for javascript."),(0,t.mdx)("p",null,"Features:"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"extends the ",(0,t.mdx)("a",{parentName:"li",href:"https://github.com/airbnb/javascript/tree/master/packages/eslint-config-airbnb"},"eslint-config-airbnb"),", which exports ESLint rules, including rules for ECMAScript 6+ and React."),(0,t.mdx)("li",{parentName:"ul"},"checks for proper ReactJS Hooks usage via the ",(0,t.mdx)("a",{parentName:"li",href:"https://reactjs.org/docs/hooks-rules.html"},"eslint-plugin-react-hooks"),"."),(0,t.mdx)("li",{parentName:"ul"},"checks syntax for targeted browsers support via the ",(0,t.mdx)("a",{parentName:"li",href:"https://github.com/amilajack/eslint-plugin-compat"},"eslint-plugin-compat"),". It is recommended to use Terra's targeted browsers which are specified by the ",(0,t.mdx)("a",{parentName:"li",href:"https://github.com/cerner/terra-toolkit/tree/main/packages/browserslist-config-terra"},"browserslist-config-terra")," module."),(0,t.mdx)("li",{parentName:"ul"},"defines the browser and jest environment"),(0,t.mdx)("li",{parentName:"ul"},"defines enzyme globals for ",(0,t.mdx)("inlineCode",{parentName:"li"},"shallow"),", ",(0,t.mdx)("inlineCode",{parentName:"li"},"render")," and ",(0,t.mdx)("inlineCode",{parentName:"li"},"mount")," for jest testing")),(0,t.mdx)("h2",{id:"what-is-eslint"},"What is Eslint"),(0,t.mdx)("p",null,(0,t.mdx)("a",{parentName:"p",href:"https://eslint.org/"},"ESlint")," is a pluggable linting utility for JavaScript and JSX."),(0,t.mdx)("h2",{id:"installation"},"Installation"),(0,t.mdx)("p",null,"Install the module"),(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-shell"},"npm install eslint --save-dev\nnpm install @cerner/eslint-config-terra --save-dev\n")),(0,t.mdx)("h2",{id:"usage"},"Usage"),(0,t.mdx)("p",null,"Include the configuration defined by ",(0,t.mdx)("inlineCode",{parentName:"p"},"@cerner/eslint-config-terra")," via the ",(0,t.mdx)("a",{parentName:"p",href:"https://eslint.org/docs/user-guide/configuring#extending-configuration-files"},"extends")," property."),(0,t.mdx)("p",null,"To lint based on supported browsers, add browserlist config as specified in the ",(0,t.mdx)("a",{parentName:"p",href:"dev_tools/cerner/browserslist-config-terra/upgrade-guide"},"browserlist config upgrade guide"),"."),(0,t.mdx)("h3",{id:"packagejson"},"package.json"),(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-json"},'{\n "eslintConfig": {\n "extends": "@cerner/terra"\n },\n}\n')))}c.isMDXComponent=!0},46870:function(e,n,a){a.d(n,{C:function(){return i}});var t=a(67294),r=a(22863),i=function(e){var n=e.url;return t.createElement(r.Z,{src:"https://github.com/cerner/terra-toolk/tree/main/packages/eslint-config-terra",name:"@cerner/eslint-config-terra",version:"5.6.0",url:n})}},17422:function(e,n,a){a.r(n),n.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/22600-5bcc1d0d43291deefd24.css b/22600-5bcc1d0d43291deefd24.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/22600-5bcc1d0d43291deefd24.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/22600-5bcc1d0d43291deefd24.js b/22600-5bcc1d0d43291deefd24.js new file mode 100644 index 0000000000..c95a8d422f --- /dev/null +++ b/22600-5bcc1d0d43291deefd24.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[22600,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,t,r){var a=r(64836);t.Z=void 0;var n=a(r(67294)),i=a(r(45697)),m=a(r(47166)),d=a(r(17422)),l=m.default.bind(d.default),o={name:i.default.string.isRequired,src:i.default.string,url:i.default.string,version:i.default.string.isRequired},u=function(e){var t=e.src,r=e.name,a=e.url,i=e.version,m=n.default.createElement("a",{className:l("badge"),href:a||"https://www.npmjs.org/package/".concat(r,"/v/").concat(i)},n.default.createElement("span",{className:l("badge-name")},a?"package":"npm"),n.default.createElement("span",{className:l("badge-version")},"v".concat(i))),d=t?n.default.createElement("a",{className:l("badge"),href:t},n.default.createElement("span",{className:l("badge-name")},"github"),n.default.createElement("span",{className:l("badge-version")},"source")):void 0;return n.default.createElement("div",{className:l("badge-container")},m,d)};u.propTypes=o;var p=u;t.Z=p},70092:function(e,t,r){r.r(t),r.d(t,{default:function(){return u}});r(67294);var a=r(81254),n=r(56354),i=["components"];function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}var l={},o="wrapper";function u(e){var t=e.components,r=d(e,i);return(0,a.mdx)(o,m({},l,r,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(n.C,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"terra-time-input-upgrade-guide"},"Terra Time Input Upgrade Guide"),(0,a.mdx)("h2",{id:"changes-from-version-3-to-version-4"},"Changes from version 3 to version 4"),(0,a.mdx)("h3",{id:"new-props"},"New props"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Added ",(0,a.mdx)("inlineCode",{parentName:"li"},"onFocus")),(0,a.mdx)("li",{parentName:"ul"},"Added ",(0,a.mdx)("inlineCode",{parentName:"li"},"refCallback"))),(0,a.mdx)("h3",{id:"changes-to-onblur-and-onfocus"},"Changes to onBlur and onFocus"),(0,a.mdx)("p",null,"The ",(0,a.mdx)("inlineCode",{parentName:"p"},"onFocus")," prop previously could be passed down as a custom prop. This prop now becomes a first-class prop. The ",(0,a.mdx)("inlineCode",{parentName:"p"},"onFocus")," prop used to be triggered when focus is moved from the hour input to the minute input or any other elements in the same time-input component. The ",(0,a.mdx)("inlineCode",{parentName:"p"},"onFocus")," prop will still be triggered if the time-input component did not have focus and now just gained focus. However, if the focus is then moved from one time-input element to another time-input element, the ",(0,a.mdx)("inlineCode",{parentName:"p"},"onFocus")," callback now would not be triggered because the focus is still within the time-input container. The ",(0,a.mdx)("inlineCode",{parentName:"p"},"onBlur")," callback now behaves similar to the ",(0,a.mdx)("inlineCode",{parentName:"p"},"onFocus")," callback where ",(0,a.mdx)("inlineCode",{parentName:"p"},"onBlur")," would not be triggered when focus is transfered from one time-input element to another time-input element of the same time-input component. The ",(0,a.mdx)("inlineCode",{parentName:"p"},"onBlur")," callback would be triggered only when focus is lost from the entire time-input component."),(0,a.mdx)("h2",{id:"changes-from-version-2-to-version-3"},"Changes from version 2 to version 3"),(0,a.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,a.mdx)("h4",{id:"renamed"},"Renamed"),(0,a.mdx)("table",null,(0,a.mdx)("thead",{parentName:"table"},(0,a.mdx)("tr",{parentName:"thead"},(0,a.mdx)("th",{parentName:"tr",align:null},"Previous"),(0,a.mdx)("th",{parentName:"tr",align:null},"New"))),(0,a.mdx)("tbody",{parentName:"table"},(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-focus-keyboard-border-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-focus-border-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-focus-keyboard-border-style"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-focus-border-style")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-focus-keyboard-border-width"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-focus-border-width")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-focus-keyboard-opacity"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-focus-opacity")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-background"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-background-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-animation-background"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-background-image")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-background-start"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-background-size")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-focus-keyboard-animation-size"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-focus-background-size")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-focus-keyboard-box-shadow-ltr"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-focus-ltr-box-shadow")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-focus-keyboard-box-shadow-rtl"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-focus-rtl-box-shadow")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-width-input"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-mobile-min-width")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-input-padding-bottom"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-mobile-padding-bottom")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-input-padding-left"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-mobile-padding-left")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-input-padding-right"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-mobile-padding-right")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-input-padding-top"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-mobile-padding-top")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-desktop-focused-input-background"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-desktop-focused-input-background-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-time-spacer-input-margin-top"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-time-spacer-margin-top")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-mobile-label-size"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-mobile-label-font-size")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-border-radius"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-desktop-input-border-radius")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-meridiem-display-left-margin"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-meridiem-display-margin-left")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-line-height"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-mobile-line-height")))),(0,a.mdx)("h4",{id:"added"},"Added"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"--terra-time-input-line-height"),(0,a.mdx)("li",{parentName:"ul"},"--terra-time-input-hover-background-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-time-input-hover-border"),(0,a.mdx)("li",{parentName:"ul"},"--terra-time-input-hover-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-time-input-focus-background-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-time-input-focus-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-time-input-time-input-group-hour-margin-right"),(0,a.mdx)("li",{parentName:"ul"},"--terra-time-input-time-input-group-minute-margin-left"),(0,a.mdx)("li",{parentName:"ul"},"--terra-time-input-caret-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-time-input-time-mobile-spacer-margin-top"),(0,a.mdx)("li",{parentName:"ul"},"--terra-time-input-meridiem-button-group-margin-left"),(0,a.mdx)("li",{parentName:"ul"},"--terra-time-input-desktop-background-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-time-input-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-time-input-meridiem-button-selected-hover-background-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-time-input-meridiem-button-selected-hover-border-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-time-input-meridiem-button-selected-hover-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-time-input-meridiem-button-font-size")),(0,a.mdx)("h4",{id:"removed"},"Removed"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"--terra-time-input-time-input-group-margin-left"),(0,a.mdx)("li",{parentName:"ul"},"--terra-time-input-time-input-group-margin-right"),(0,a.mdx)("li",{parentName:"ul"},"--terra-time-input-keyboard-border-style"),(0,a.mdx)("li",{parentName:"ul"},"--terra-time-input-keyboard-border-width")))}u.isMDXComponent=!0},56354:function(e,t,r){r.d(t,{C:function(){return i}});var a=r(67294),n=r(22863),i=function(e){var t=e.url;return a.createElement(n.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-time-input",name:"terra-time-input",version:"4.58.0",url:t})}},17422:function(e,t,r){r.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/22995-d06eda47078921dcb7ae.css b/22995-d06eda47078921dcb7ae.css new file mode 100644 index 0000000000..7387e4b4e3 --- /dev/null +++ b/22995-d06eda47078921dcb7ae.css @@ -0,0 +1,8 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.Table-module__clinical-lowlight-theme___PqYJ8{--terra-html-table-background-color: #383f42;--terra-html-table-border: 1px solid #585a5c;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: none;--terra-html-table-header-cell-color: #1c1f21;--terra-html-table-header-cell-font-size: 1rem;--terra-html-table-header-cell-font-weight: bold;--terra-html-table-header-cell-border-right: 1px solid #585a5c;--terra-html-table-first-header-cell-border-left: 1px solid #585a5c;--terra-html-table-last-header-cell-border-right: 1px solid #585a5c;--terra-html-table-header-background-color: #909496;--terra-html-table-header-box-shadow: 0 4px 4px -3.5px #1c1f21, inset 0 0 0 1px #585a5c;--terra-html-table-header-row-border-bottom: 1px solid #585a5c;--terra-html-table-header-row-border-top: 1px solid #585a5c;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #b2b5b6;--terra-html-table-cell-font-size: 1rem;--terra-html-table-first-cell-border-left: 1px solid #585a5c;--terra-html-table-last-cell-border-right: 1px solid #585a5c;--terra-html-table-header-cell-standard-padding-bottom: 0.5rem;--terra-html-table-header-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-top: 0.5rem;--terra-html-table-header-cell-compact-padding-bottom: 0.25rem;--terra-html-table-header-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-top: 0.25rem;--terra-html-table-cell-standard-padding-bottom: 0.5rem;--terra-html-table-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-cell-standard-padding-top: 0.5rem;--terra-html-table-cell-compact-padding-bottom: 0.25rem;--terra-html-table-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-cell-compact-padding-top: 0.25rem;--terra-html-table-row-border-top: 1px solid #585a5c;--terra-html-table-last-row-border-bottom: 1px solid #585a5c;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #2d3539}.Table-module__orion-fusion-theme___d9rxf{--terra-html-table-background-color: transparent;--terra-html-table-border: 0;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: transparent;--terra-html-table-header-cell-color: #64696c;--terra-html-table-header-cell-font-size: 0.857142857rem;--terra-html-table-header-cell-font-weight: normal;--terra-html-table-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-first-header-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-background-color: #f4f4f4;--terra-html-table-header-box-shadow: none;--terra-html-table-header-row-border-bottom: 2px solid #64696c;--terra-html-table-header-row-border-top: 1px solid #c8cacb;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #1c1f21;--terra-html-table-cell-font-size: 0.857142857rem;--terra-html-table-first-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-cell-standard-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-top: 0.428571429rem;--terra-html-table-header-cell-compact-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-top: 0.428571429rem;--terra-html-table-cell-standard-padding-bottom: 0.8571428571rem;--terra-html-table-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-cell-standard-padding-top: 0.8571428571rem;--terra-html-table-cell-compact-padding-bottom: 0.8571428571rem;--terra-html-table-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-cell-compact-padding-top: 0.8571428571rem;--terra-html-table-row-border-top: 0;--terra-html-table-last-row-border-bottom: 1px solid #c8cacb;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #f4f4f4}.Table-module__table___eg2Mi{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___eg2Mi{background-color:transparent;background-color:var(--terra-html-table-background-color, transparent);border:0;border:var(--terra-html-table-border, 0);border-radius:0;border-radius:var(--terra-html-table-border-radius, 0)}[dir] .Table-module__table___eg2Mi caption{padding-bottom:.5em}.Table-module__table___eg2Mi tr{display:table-row}[dir] .Table-module__table___eg2Mi tr{margin-bottom:0}.Table-module__table___eg2Mi td,.Table-module__table___eg2Mi th{color:#1c1f21;color:var(--terra-html-table-cell-color, #1c1f21);display:table-cell;font-size:1rem;font-size:var(--terra-html-table-cell-font-size, 1rem);font-weight:normal;vertical-align:top}[dir] .Table-module__table___eg2Mi td, [dir] .Table-module__table___eg2Mi th{border:0}[dir=ltr] .Table-module__table___eg2Mi td, [dir=ltr] .Table-module__table___eg2Mi th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___eg2Mi td, [dir=rtl] .Table-module__table___eg2Mi th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___eg2Mi td:first-child, [dir=ltr] .Table-module__table___eg2Mi th:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:first-child, [dir=rtl] .Table-module__table___eg2Mi th:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi td:last-child, [dir=ltr] .Table-module__table___eg2Mi th:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:last-child, [dir=rtl] .Table-module__table___eg2Mi th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___eg2Mi thead th, [dir] .Table-module__table___eg2Mi thead td{border:0}[dir=ltr] .Table-module__table___eg2Mi thead th, [dir=ltr] .Table-module__table___eg2Mi thead td{border-right:1px solid rgba(200, 202, 203, 0.5);border-right:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:left}[dir=rtl] .Table-module__table___eg2Mi thead th, [dir=rtl] .Table-module__table___eg2Mi thead td{border-left:1px solid rgba(200, 202, 203, 0.5);border-left:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:right}[dir=ltr] .Table-module__table___eg2Mi thead th:first-child, [dir=ltr] .Table-module__table___eg2Mi thead td:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:first-child, [dir=rtl] .Table-module__table___eg2Mi thead td:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi thead th:last-child, [dir=ltr] .Table-module__table___eg2Mi thead td:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:last-child, [dir=rtl] .Table-module__table___eg2Mi thead td:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead{display:table-header-group}[dir] .Table-module__table___eg2Mi thead{background-color:#f1f1f2;background-color:var(--terra-html-table-header-background-color, #f1f1f2);box-shadow:0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5);box-shadow:var(--terra-html-table-header-box-shadow, 0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5))}[dir] .Table-module__table___eg2Mi thead tr{border-bottom:1px solid #b9bbbc;border-bottom:var(--terra-html-table-header-row-border-bottom, 1px solid #b9bbbc);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-header-row-border-top, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{color:#1c1f21;color:var(--terra-html-table-header-cell-color, #1c1f21);font-size:1rem;font-size:var(--terra-html-table-header-cell-font-size, 1rem);font-weight:bold;font-weight:var(--terra-html-table-header-cell-font-weight, bold);vertical-align:bottom}[dir] .Table-module__table___eg2Mi tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___eg2Mi tbody tr{background-color:transparent;background-color:var(--terra-html-table-row-background-color, transparent);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-row-border-top, 1px solid #dedfe0)}[dir] .Table-module__table___eg2Mi tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___eg2Mi tbody tr:last-of-type{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-html-table-last-row-border-bottom, 1px solid #dedfe0)}[dir] .Table-module__padding-standard___BfbC- th{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-header-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-header-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z th{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-header-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-header-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__padding-standard___BfbC- td{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z td{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__striped___n8xJe tbody tr:nth-of-type(even){background-color:#f6f7f8;background-color:var(--terra-html-table-row-striped-background-color, #f6f7f8)}@media print{.Table-module__table___eg2Mi thead{display:table-header-group}.Table-module__table___eg2Mi tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} +.InfiniteList-module__infinite-list___oi3yH{display:block;height:100%;overflow:auto;-webkit-overflow-scrolling:touch;position:relative;width:100%}.InfiniteList-module__infinite-hidden___YgQc6{display:block;height:0;overflow:hidden;position:absolute;top:100%;width:100%}[dir] .InfiniteList-module__infinite-hidden___YgQc6{border:0;margin:0;padding:0}.InfiniteList-module__full-loading___FMz-n{height:100%;overflow:hidden;position:relative;width:100%}.InfiniteList-module__loading___Dxbpd{display:block;position:relative;width:100%}.InfiniteList-module__spacer___FzOiF{display:block;position:relative;width:100%}[dir] .InfiniteList-module__spacer___FzOiF{margin:0;padding:0} +.MyInitialLoadingIndicator-module__indicator___uYEVR{display:block;height:100%;position:relative;width:100%}[dir] .MyInitialLoadingIndicator-module__indicator___uYEVR{background-color:#282828} +.InfiniteListDocExampleCommon-module__placeholder___F4qLk{height:50px}.InfiniteListDocExampleCommon-module__item-content___Q4mK8{height:50px;width:100%}.InfiniteListDocExampleCommon-module__main-content___ZKJiv{height:300px;position:relative;width:100%}[dir] .InfiniteListDocExampleCommon-module__main-content___ZKJiv{border:1px solid #000} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} +.MyProgressiveLoadingIndicator-module__indicator___JTGPM{display:block;height:80px;width:100%}[dir] .MyProgressiveLoadingIndicator-module__indicator___JTGPM{background-color:#282828} diff --git a/22995-d06eda47078921dcb7ae.js b/22995-d06eda47078921dcb7ae.js new file mode 100644 index 0000000000..f09638c129 --- /dev/null +++ b/22995-d06eda47078921dcb7ae.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[22995,45627,37344,33667,96890,79482,85565,3353,5161,80858,14041,45865,16835,85355,3193,4845,27444,17657,46647,16873,85161,66097,38681,15318,40411,18101,33315,38443,11264,34319,78996,39915,33442],{49271:function(e,t,n){var a=n(64836),r=n(18698);t.Z=void 0;var l=a(n(27424)),i=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==r(e)&&"function"!=typeof e)return{default:e};var n=f(t);if(n&&n.has(e))return n.get(e);var a={},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var o=l?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(a,i,o):a[i]=e[i]}a.default=e,n&&n.set(e,a);return a}(n(67294)),o=a(n(45697)),d=a(n(47166)),m=n(21538),p=a(n(33864)),s=a(n(23399)),c=n(51051),u=a(n(53560));function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(f=function(e){return e?n:t})(e)}var x=d.default.bind(u.default),y={example:o.default.element,exampleSrc:o.default.element,exampleCssSrc:o.default.element,title:o.default.string,description:o.default.node,isExpanded:o.default.bool},g=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},h=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},v=function(e){var t=e.example,n=e.exampleSrc,a=e.exampleCssSrc,r=e.title,o=e.description,d=e.isExpanded,u=(0,i.useState)(d),f=(0,l.default)(u,2),y=f[0],v=f[1],b=(0,i.useState)(!1),O=(0,l.default)(b,2),N=O[0],E=O[1],T=i.default.useContext(m.ThemeContext),_=void 0!==a,C=function(){E(!N),y&&v(!y)},w=function(){v(!y),N&&E(!N)},j=function(e,t){e.nativeEvent.keyCode!==c.KEY_SPACE&&e.nativeEvent.keyCode!==c.KEY_RETURN||(e.preventDefault(),t())};return i.default.createElement("div",{className:x("template",T.className)},i.default.createElement("div",{className:x("header")},r&&i.default.createElement("h2",{className:x("title")},r)),i.default.createElement("div",{className:x("content")},o&&i.default.createElement("div",{className:x("description")},o),t),i.default.createElement("div",{className:x("footer")},n?i.default.createElement("div",{className:x("button-container")},_&&i.default.createElement("button",{type:"button",className:x("css-toggle","item",{"is-selected":N}),onClick:C,onKeyDown:function(e){return j(e,C)},onBlur:g,onMouseDown:h,tabIndex:0,"data-focus-styles-enabled":!0},i.default.createElement(p.default,{className:x("chevron")}),i.default.createElement("span",null,"CSS"),i.default.createElement(s.default,{className:x("chevron")})),i.default.createElement("button",{type:"button",className:x("code-toggle","item",{"is-selected":y}),onClick:w,onKeyDown:function(e){return j(e,w)},onBlur:g,onMouseDown:h,tabIndex:0,"data-focus-styles-enabled":!0},i.default.createElement(p.default,{className:x("chevron")}),i.default.createElement("span",null,"Code"),i.default.createElement(s.default,{className:x("chevron")}))):null,i.default.createElement("div",null,N&&i.default.createElement("div",{className:x("css")},a),y&&i.default.createElement("div",{className:x("code")},n))))};v.propTypes=y,v.defaultProps={isExpanded:!1};var b=v;t.Z=b},49738:function(e,t,n){var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=a(n(67294)),l=a(n(47166)),i=n(34261),o=a(n(59137)),d=l.default.bind(o.default);t.default=function(){return r.default.createElement("div",{className:d("indicator")},r.default.createElement(i.Placeholder,{title:"I'm Loading"}))}},50635:function(e,t,n){var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=a(n(67294)),l=a(n(47166)),i=n(34261),o=a(n(75445)),d=l.default.bind(o.default);t.default=function(){return r.default.createElement("div",{className:d("indicator")},r.default.createElement(i.Placeholder,{title:"I'm Loading More"}))}},91955:function(e,t,n){var a=n(64836);t.Z=void 0;var r=a(n(67294)),l=a(n(30869)),i=a(n(49738)),o=a(n(6805));t.Z=function(){return r.default.createElement(o.default,null,r.default.createElement(l.default,{dividerStyle:"standard",ariaLabel:"Initial Loading",initialLoadingIndicator:r.default.createElement(i.default,null)}))}},37712:function(e,t,n){var a=n(64836),r=n(18698);t.Z=void 0;var l=a(n(67294)),i=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=c(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var o=l?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(a,i,o):a[i]=e[i]}return a.default=e,n&&n.set(e,a),a}(n(30869)),o=n(34261),d=a(n(47166)),m=a(n(50635)),p=a(n(6805)),s=a(n(43315));function c(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(c=function(e){return e?n:t})(e)}var u=d.default.bind(s.default);t.Z=function(){return l.default.createElement(p.default,null,l.default.createElement(i.default,{dividerStyle:"standard",ariaLabel:"Progressive Loading",progressiveLoadingIndicator:l.default.createElement(m.default,null)},l.default.createElement(i.Item,{key:"item-1"},l.default.createElement(o.Placeholder,{title:"Item 1",className:u("placeholder")}))))}},74979:function(e,t,n){var a=n(64836),r=n(18698);t.Z=void 0;var l=a(n(67294)),i=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=c(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var o=l?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(a,i,o):a[i]=e[i]}return a.default=e,n&&n.set(e,a),a}(n(30869)),o=n(34261),d=a(n(47166)),m=a(n(17224)),p=a(n(6805)),s=a(n(43315));function c(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(c=function(e){return e?n:t})(e)}var u=d.default.bind(s.default),f=function(e){return e.map((function(e){return t=e,l.default.createElement(i.Item,{key:t.key},l.default.createElement(o.Placeholder,{title:t.title,className:u("placeholder")}));var t}))};t.Z=function(){return l.default.createElement(p.default,null,l.default.createElement(i.default,{dividerStyle:"standard",isFinishedLoading:!0,ariaLabel:"Virtualized"},f(m.default)))}},17224:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=function(){for(var e=[],t=0;t<100;t+=1)e.push({title:"Item ".concat(t),key:"unique-".concat(t)});return e}();t.default=n},50348:function(e,t,n){n.r(t),n.d(t,{default:function(){return G}});var a=n(67294),r=n(81254),l=n(76173),i=n(34261),o=n(78530),d=["components"];function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var s={},c="wrapper";function u(e){var t=e.components,n=p(e,d);return(0,r.mdx)(c,m({},s,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(o.ZP,{mdxType:"PropsTable"},(0,r.mdx)(o.X2,{key:"ROW1",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"ariaLabel"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"String that labels the list for screen readers."))),(0,r.mdx)(o.X2,{key:"ROW2",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"children"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The child list items, of type InfiniteList Item, to be placed within the infinite list.\nFor further documentation of InfiniteList Item see terra-list's ListItem."))),(0,r.mdx)(o.X2,{key:"ROW3",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"dividerStyle"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'none'\n 'standard'\n 'bottom-only'\n],\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"'none'\n"))),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Whether or not the list's child items should have a border color applied.\nOne of ",(0,r.mdx)("inlineCode",{parentName:"p"},"'none'"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"'standard'"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"'bottom-only'"),"."))),(0,r.mdx)(o.X2,{key:"ROW4",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"initialLoadingIndicator"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"An indicator to be displayed when no children are yet present."))),(0,r.mdx)(o.X2,{key:"ROW5",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"isFinishedLoading"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Determines whether or not the loading indicator is visible and if callbacks are triggered."))),(0,r.mdx)(o.X2,{key:"ROW6",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"onRequestItems"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Callback trigger when new list items are requested."))),(0,r.mdx)(o.X2,{key:"ROW7",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"paddingStyle"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'none'\n 'standard'\n 'compact'\n],\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"'none'\n"))),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The padding styling to apply to the child list item content.\nOne of ",(0,r.mdx)("inlineCode",{parentName:"p"},"'none'"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"'standard'"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"'compact'"),"."))),(0,r.mdx)(o.X2,{key:"ROW8",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"progressiveLoadingIndicator"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"An indicator to be displayed at the end of the current loaded children."))),(0,r.mdx)(o.X2,{key:"ROW9",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"progressiveLoadingMessage"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"A message to be provided to screen readers as new items are progressively loaded in"))),(0,r.mdx)(o.X2,{key:"ROW10",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"role"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"'none'\n"))),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Accessibility role of the list, defaults to 'none'. If creating a list with selectable items, pass 'listbox'."))),(0,r.mdx)(o.X2,{key:"ROW11",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"refCallback"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Function callback for the ref of the List(ul).")))))}u.isMDXComponent=!0;var f=n(91955),x=["components"];function y(){return y=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var h={};function v(e){var t=e.components,n=g(e,x);return(0,r.mdx)("wrapper",y({},h,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport InfiniteList from 'terra-infinite-list';\n\nimport MyInitialLoadingIndicator from '../common/MyInitialLoadingIndicator';\nimport MyExampleContainer from '../common/MyExampleContainer';\n\nconst InitialLoadingExample = () => (\n \n }\n />\n \n);\n\nexport default InitialLoadingExample;\n\n")))}v.isMDXComponent=!0;var b=n(49271),O=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(b.Z,{title:t||"Initial Loading Example",description:n,example:a.createElement(f.Z,null),exampleSrc:a.createElement(v,null),isExpanded:r})},N=n(37712),E=["components"];function T(){return T=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var C={};function w(e){var t=e.components,n=_(e,E);return(0,r.mdx)("wrapper",T({},C,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport InfiniteList, { Item } from 'terra-infinite-list';\nimport { Placeholder } from '@cerner/terra-docs';\nimport classNames from 'classnames/bind';\n\nimport MyProgressiveLoadingIndicator from '../common/MyProgressiveLoadingIndicator';\nimport MyExampleContainer from '../common/MyExampleContainer';\nimport styles from './InfiniteListDocExampleCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst ProgressiveLoadingExample = () => (\n \n }\n >\n \n \n \n \n \n);\n\nexport default ProgressiveLoadingExample;\n\n")))}w.isMDXComponent=!0;var j=["components"];function I(){return I=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var L={};function D(e){var t=e.components,n=P(e,j);return(0,r.mdx)("wrapper",I({},L,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .placeholder {\n height: 50px;\n }\n\n .item-content {\n height: 50px;\n width: 100%;\n }\n\n .main-content {\n border: 1px solid #000;\n height: 300px;\n position: relative;\n width: 100%;\n }\n}\n\n")))}D.isMDXComponent=!0;var k=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(b.Z,{title:t||"Progressive Loading Example",description:n,example:a.createElement(N.Z,null),exampleCssSrc:a.createElement(D,null),exampleSrc:a.createElement(w,null),isExpanded:r})},M=n(74979),S=["components"];function R(){return R=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var q={};function X(e){var t=e.components,n=W(e,S);return(0,r.mdx)("wrapper",R({},q,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport InfiniteList, { Item } from 'terra-infinite-list';\nimport { Placeholder } from '@cerner/terra-docs';\nimport classNames from 'classnames/bind';\n\nimport mockData from './mock-data/virtualizedData';\nimport MyExampleContainer from '../common/MyExampleContainer';\nimport styles from './InfiniteListDocExampleCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst createListItem = itemData => (\n \n \n \n);\n\nconst createItems = data => data.map(item => createListItem(item));\n\nconst VirtualizedExample = () => (\n \n \n {createItems(mockData)}\n \n \n);\n\nexport default VirtualizedExample;\n\n")))}X.isMDXComponent=!0;var V=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(b.Z,{title:t||"Virtualized Example",description:n,example:a.createElement(M.Z,null),exampleCssSrc:a.createElement(D,null),exampleSrc:a.createElement(X,null),isExpanded:r})},Z=["components"];function F(){return F=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var A={},B="wrapper";function G(e){var t=e.components,n=z(e,Z);return(0,r.mdx)(B,F({},A,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(l.C,{mdxType:"Badge"}),(0,r.mdx)("p",null,(0,r.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-framework/blob/main/packages/terra-infinite-list#readme"},(0,r.mdx)("img",{parentName:"a",src:"https://badgen.net/badge/status/Deprecated/grey",alt:"Deprecated"}))),(0,r.mdx)("h1",{id:"terra-infinite-list"},"Terra Infinite List"),(0,r.mdx)(i.Notice,{variant:"deprecation",mdxType:"Notice"},(0,r.mdx)("p",null,"The terra-infinite-list component has been deprecated and is no longer recommended for use."),(0,r.mdx)("p",null,"From a usability perspective, infinite scrolling is a pattern designed and best used when users are casually looking for or discovering things, like shopping and social media. The infinite scrolling pattern should not be used for ",(0,r.mdx)("a",{parentName:"p",href:"https://www.nngroup.com/articles/infinite-scrolling/"},"goal-oriented tasks"),". Cerner products and our users most often fall into goal-oriented workflows. Users should have proper navigation methods (pagination) to navigate to predetermined points within the content easily."),(0,r.mdx)("p",null,"Infinite scrolling also poses significant accessibility challenges for multiple user groups:"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Keyboard-only users have to navigate the entire infinite scroll to get to the content below or to the side of the endless loading content. This creates a very time-consuming and unnecessary burden for the keyboard-only user."),(0,r.mdx)("li",{parentName:"ul"},"Screen reader users would have the same problem even though they have more ways to navigate content on the page. When content is dynamically loaded and not within the DOM, screen reader users won't have access to any of that content which poses more significant challenges than just navigating."),(0,r.mdx)("li",{parentName:"ul"},"Focus can be lost when new content loads. Unless focus is managed, sighted keyboard-only users will have difficulties finding where they are on the page."),(0,r.mdx)("li",{parentName:"ul"},"For data with hierarchical relationships, infinite scrolling can make it difficult for screen readers to effectively communicate the required context if related content is split between loaded and unloaded content.")),(0,r.mdx)("p",null,"The ",(0,r.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-ui/components/cerner-terra-core-docs/paginator/paginator"},"terra-paginator")," should be considered as an alternative approach to paging large amounts of data.")),(0,r.mdx)("p",null,"The infinite list component provides virtual dom management and data request callbacks to manage large data sets within a list.\nInfiniteList is a controlled HOC built upon the ",(0,r.mdx)("inlineCode",{parentName:"p"},"terra-list")," component in order to allow for list style and selection patterns."),(0,r.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Install with ",(0,r.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"npm install terra-infinite-list"))))),(0,r.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,r.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,r.mdx)("table",null,(0,r.mdx)("thead",{parentName:"table"},(0,r.mdx)("tr",{parentName:"thead"},(0,r.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,r.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,r.mdx)("tbody",{parentName:"table"},(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react"),(0,r.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,r.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react-intl"),(0,r.mdx)("td",{parentName:"tr",align:null},"^2.8.0")))),(0,r.mdx)("h2",{id:"component-features"},"Component Features"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support"))),(0,r.mdx)("h2",{id:"list-item-selection"},"List Item Selection"),(0,r.mdx)("p",null,"Management of list selection is provided by the HOC implementing the InfiniteList. For an example of list item selection you can refer to List's documentation:"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/#/components/terra-list/list/guides/single-select-list"},"Single Select List")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/#/components/terra-list/list/guides/multi-select-list"},"Multi Select List"))),(0,r.mdx)("h2",{id:"examples"},"Examples"),(0,r.mdx)(O,{title:"Example Initial Loading Indicator",mdxType:"InitialLoadingExample"}),(0,r.mdx)(k,{title:"Example Progressive Loading Indicator",mdxType:"ProgressiveLoadingExample"}),(0,r.mdx)(V,{title:"Example Virtualized List",mdxType:"VirtualizedExample"}),(0,r.mdx)("h2",{id:"infinite-list-props-table"},"Infinite List Props Table"),(0,r.mdx)(u,{mdxType:"InfiniteListSrc"}))}G.isMDXComponent=!0},53560:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},59137:function(e,t,n){n.r(t),t.default={indicator:"MyInitialLoadingIndicator-module__indicator___uYEVR"}},75445:function(e,t,n){n.r(t),t.default={indicator:"MyProgressiveLoadingIndicator-module__indicator___JTGPM"}},33864:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=l(n(67294)),r=l(n(99139));function l(e){return e&&e.__esModule?e:{default:e}}function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(d[l]=e[l]);return d}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(m=0;m=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(d[l]=e[l])}return d}var i={},t="wrapper";function p(e){var a=e.components,l=u(e,n);return(0,m.mdx)(t,r({},i,l,{components:a,mdxType:"MDXLayout"}),(0,m.mdx)("h1",{id:"changelog"},"Changelog"),(0,m.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,m.mdx)("h2",{id:"4350---november-13-2023"},"4.35.0 - (November 13, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4341---october-6-2023"},"4.34.1 - (October 6, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Fixed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed visually hidden component to fix repeated announcement of progress.")))),(0,m.mdx)("h2",{id:"4340---april-5-2023"},"4.34.0 - (April 5, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added visually hidden component under progress bar to provide\ncontext and status update of progress."),(0,m.mdx)("li",{parentName:"ul"},"Added label for visual context.")))),(0,m.mdx)("h2",{id:"4330---december-7-2022"},"4.33.0 - (December 7, 2022)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4321---january-4-2022"},"4.32.1 - (January 4, 2022)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Migrate docs to terra core docs.")))),(0,m.mdx)("h2",{id:"4320---september-21-2021"},"4.32.0 - (September 21, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated WDIO Screenshots due to webpack-config-terra sass upgrade.")))),(0,m.mdx)("h2",{id:"4310---april-6-2021"},"4.31.0 - (April 6, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed unnecessary ",(0,m.mdx)("inlineCode",{parentName:"li"},"wdio.conf.js")," file"),(0,m.mdx)("li",{parentName:"ul"},"Upgrade tests to terra-functional-testing and WebDriverIO v6"),(0,m.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,m.mdx)("h2",{id:"4300---january-5-2021"},"4.30.0 - (January 5, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4290---december-8-2020"},"4.29.0 - (December 8, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation."))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,m.mdx)("h2",{id:"4280---august-11-2020"},"4.28.0 - (August 11, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Add missing theme variables")))),(0,m.mdx)("h2",{id:"4270---august-4-2020"},"4.27.0 - (August 4, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4260---july-29-2020"},"4.26.0 - (July 29, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update changelog formatting")))),(0,m.mdx)("h2",{id:"4250---june-11-2020"},"4.25.0 - (June 11, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update jest test variable name")))),(0,m.mdx)("h2",{id:"4240---june-9-2020"},"4.24.0 - (June 9, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config")))),(0,m.mdx)("h2",{id:"4230---june-2-2020"},"4.23.0 - (June 2, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Apply themes by context and directly include packaged themes.")))),(0,m.mdx)("h2",{id:"4220---april-28-2020"},"4.22.0 - (April 28, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge'))),(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,m.mdx)("h2",{id:"4210---april-22-2020"},"4.21.0 - (April 22, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4200---april-14-2020"},"4.20.0 - (April 14, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated documentation link in README"),(0,m.mdx)("li",{parentName:"ul"},"Update docs to use mdx syntax.")))),(0,m.mdx)("h2",{id:"4190---february-18-2020"},"4.19.0 - (February 18, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme theming files")))),(0,m.mdx)("h2",{id:"4180---january-7-2020"},"4.18.0 - (January 7, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Removed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed yarn reference in docs")))),(0,m.mdx)("h2",{id:"4170---december-3-2019"},"4.17.0 - (December 3, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added orion-fusion-theme and generated the respective reference wdio screenshots.")))),(0,m.mdx)("h2",{id:"4160---october-30-2019"},"4.16.0 - (October 30, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4150---october-3-2019"},"4.15.0 - (October 3, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4140---september-19-2019"},"4.14.0 - (September 19, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed ",(0,m.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site.")))),(0,m.mdx)("h2",{id:"4130---september-6-2019"},"4.13.0 - (September 6, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Props table markdown file import added to doc site page")))),(0,m.mdx)("h2",{id:"4120---august-21-2019"},"4.12.0 - (August 21, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Import for package version from package.json added to doc page"),(0,m.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files")))),(0,m.mdx)("h2",{id:"4110---august-14-2019"},"4.11.0 - (August 14, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"updated package.json test scripts")))),(0,m.mdx)("h2",{id:"4100---july-30-2019"},"4.10.0 - (July 30, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"490---july-24-2019"},"4.9.0 - (July 24, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"480---july-16-2019"},"4.8.0 - (July 16, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update tests to use ",(0,m.mdx)("inlineCode",{parentName:"li"},"Terra.describeViewports")," for setting viewports and use ",(0,m.mdx)("inlineCode",{parentName:"li"},"Terra.it.validatesElement")))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies")))),(0,m.mdx)("h2",{id:"470----july-11-2019"},"4.7.0 - (July 11, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"460---june-28-2019"},"4.6.0 - (June 28, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"450---june-11-2019"},"4.5.0 - (June 11, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Removed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Made required updates to consume terra-toolkit v5 and terra-dev-site v5")))),(0,m.mdx)("h2",{id:"440---may-1-2019"},"4.4.0 - (May 1, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"430---april-16-2019"},"4.3.0 - (April 16, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"420---march-26-2019"},"4.2.0 - (March 26, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Removed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,m.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,m.mdx)("h2",{id:"410---march-21-2019"},"4.1.0 - (March 21, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"400---february-26-2019"},"4.0.0 - (February 26, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Breaking Change",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added new colorClass prop and examples of how to use it."),(0,m.mdx)("li",{parentName:"ul"},"Removed color and hasGradient props")))),(0,m.mdx)("h2",{id:"340---february-12-2019"},"3.4.0 - (February 12, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"330---february-5-2019"},"3.3.0 - (February 5, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"320---january-22-2019"},"3.2.0 - (January 22, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"310---january-22-2019"},"3.1.0 - (January 22, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"300---january-8-2019"},"3.0.0 - (January 8, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated theme variables")))),(0,m.mdx)("h2",{id:"2310---january-2-2019"},"2.31.0 - (January 2, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2300---november-19-2018"},"2.30.0 - (November 19, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2290---november-13-2018"},"2.29.0 - (November 13, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2280---november-9-2018"},"2.28.0 - (November 9, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2270---october-24-2018"},"2.27.0 - (October 24, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2260---october-16-2018"},"2.26.0 - (October 16, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2250---october-8-2018"},"2.25.0 - (October 8, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2240---october-2-2018"},"2.24.0 - (October 2, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Export for progress bar height size added.")))),(0,m.mdx)("h2",{id:"2230---september-25-2018"},"2.23.0 - (September 25, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Add valueText prop for attribute aria-valuetext")))),(0,m.mdx)("h2",{id:"2221---september-6-2018"},"2.22.1 - (September 6, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,m.mdx)("h2",{id:"2220---september-5-2018"},"2.22.0 - (September 5, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,m.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,m.mdx)("h2",{id:"2210---september-4-2018"},"2.21.0 - (September 4, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2200---august-29-2018"},"2.20.0 - (August 29, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2190---august-1-2018"},"2.19.0 - (August 1, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2180---july-19-2018"},"2.18.0 - (July 19, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Add .module extension to SCSS file(s)")))),(0,m.mdx)("h2",{id:"2170---july-17-2018"},"2.17.0 - (July 17, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,m.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v4 update"),(0,m.mdx)("li",{parentName:"ul"},"Required props no longer set a default prop")))),(0,m.mdx)("h2",{id:"2160---july-10-2018"},"2.16.0 - (July 10, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2150---june-28-2018"},"2.15.0 - (June 28, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added change log to the documentation on terra-dev-site")))),(0,m.mdx)("h2",{id:"2140---june-22-2018"},"2.14.0 - (June 22, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Moved terra-base from dependency to peerDependency"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Fixed height display issue")))),(0,m.mdx)("h2",{id:"2130---june-12-2018"},"2.13.0 - (June 12, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},'Updated "test:jest" script to work on windows.')))),(0,m.mdx)("h2",{id:"2120---may-30-2018"},"2.12.0 - (May 30, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated structure to match terra-dev-site 1.0 and moved doc examples internal.")))),(0,m.mdx)("h2",{id:"2110---may-23-2018"},"2.11.0 - (May 23, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2100---may-16-2018"},"2.10.0 - (May 16, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Converted nightwatch to webdriverIO tests")))),(0,m.mdx)("h2",{id:"290---may-9-2018"},"2.9.0 - (May 9, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"280---may-2-2018"},"2.8.0 - (May 2, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"270---april-20-2018"},"2.7.0 - (April 20, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"260---april-15-2018"},"2.6.0 - (April 15, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"250---april-5-2018"},"2.5.0 - (April 5, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated rgba to show more gradient effect")))),(0,m.mdx)("h2",{id:"240---april-5-2018"},"2.4.0 - (April 5, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"230---march-30-2018"},"2.3.0 - (March 30, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added new prop hasGradient")))),(0,m.mdx)("h2",{id:"220---march-6-2018"},"2.2.0 - (March 6, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Removed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed props-table script from package.json")))),(0,m.mdx)("h2",{id:"210---february-26-2018"},"2.1.0 - (February 26, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"201---february-13-2018"},"2.0.1 - (February 13, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated peerDependencies")))),(0,m.mdx)("h2",{id:"200---february-12-2018"},"2.0.0 - (February 12, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated to use React 16")))),(0,m.mdx)("h2",{id:"1160---february-1-2018"},"1.16.0 - (February 1, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1150---january-18-2018"},"1.15.0 - (January 18, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1140---january-5-2018"},"1.14.0 - (January 5, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1130---november-28-2017"},"1.13.0 - (November 28, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1120---november-16-2017"},"1.12.0 - (November 16, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1110---october-6-2017"},"1.11.0 - (October 6, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1100---september-26-2017"},"1.10.0 - (September 26, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Removed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Remove stylelint-disable selector-class-pattern")))),(0,m.mdx)("h2",{id:"190---september-19-2017"},"1.9.0 - (September 19, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"180---september-12-2017"},"1.8.0 - (September 12, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"170---september-7-2017"},"1.7.0 - (September 7, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"160---september-5-2017"},"1.6.0 - (September 5, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update nightwatch tests and test scripts.")))),(0,m.mdx)("h2",{id:"150---august-31-2017"},"1.5.0 - (August 31, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"140---august-15-2017"},"1.4.0 - (August 15, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Switched CSS custom properties usage to inline fallback syntax")))),(0,m.mdx)("h2",{id:"130---august-8-2017"},"1.3.0 - (August 8, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"120---august-1-2017"},"1.2.0 - (August 1, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Removed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed terra-mixins")))),(0,m.mdx)("h2",{id:"110---july-18-2017"},"1.1.0 - (July 18, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Converted component to use CSS modules"),(0,m.mdx)("li",{parentName:"ul"},"Updated nightwatch test scripts"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Removed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed nightwatch.config file")))),(0,m.mdx)("h2",{id:"100---june-28-2017"},"1.0.0 - (June 28, 2017)"),(0,m.mdx)("p",null,"Initial stable release"))}p.isMDXComponent=!0;var x=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(d[l]=e[l]);return d}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(m=0;m=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(d[l]=e[l])}return d}var s={},h="wrapper";function c(e){var a=e.components,l=N(e,x);return(0,m.mdx)(h,o({},s,l,{components:a,mdxType:"MDXLayout"}),(0,m.mdx)(d.C,{mdxType:"Badge"}),(0,m.mdx)(p,{mdxType:"ChangeLog"}))}c.isMDXComponent=!0},19467:function(e,a,l){l.d(a,{C:function(){return n}});var m=l(67294),d=l(22863),n=function(e){var a=e.url;return m.createElement(d.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-progress-bar",name:"terra-progress-bar",version:"4.35.0",url:a})}},17422:function(e,a,l){l.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/23931-93b3e9080ef56f7062cf.css b/23931-93b3e9080ef56f7062cf.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/23931-93b3e9080ef56f7062cf.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/23931-93b3e9080ef56f7062cf.js b/23931-93b3e9080ef56f7062cf.js new file mode 100644 index 0000000000..afd566575a --- /dev/null +++ b/23931-93b3e9080ef56f7062cf.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[23931,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,a,l){var n=l(64836);a.Z=void 0;var m=n(l(67294)),d=n(l(45697)),r=n(l(47166)),i=n(l(17422)),t=r.default.bind(i.default),u={name:d.default.string.isRequired,src:d.default.string,url:d.default.string,version:d.default.string.isRequired},p=function(e){var a=e.src,l=e.name,n=e.url,d=e.version,r=m.default.createElement("a",{className:t("badge"),href:n||"https://www.npmjs.org/package/".concat(l,"/v/").concat(d)},m.default.createElement("span",{className:t("badge-name")},n?"package":"npm"),m.default.createElement("span",{className:t("badge-version")},"v".concat(d))),i=a?m.default.createElement("a",{className:t("badge"),href:a},m.default.createElement("span",{className:t("badge-name")},"github"),m.default.createElement("span",{className:t("badge-version")},"source")):void 0;return m.default.createElement("div",{className:t("badge-container")},r,i)};p.propTypes=u;var x=p;a.Z=x},23931:function(e,a,l){l.r(a),l.d(a,{default:function(){return c}});l(67294);var n=l(81254),m=l(88272),d=["components"];function r(){return r=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(m[l]=e[l]);return m}(e,a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(m[l]=e[l])}return m}var t={},u="wrapper";function p(e){var a=e.components,l=i(e,d);return(0,n.mdx)(u,r({},t,l,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)("h1",{id:"changelog"},"Changelog"),(0,n.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,n.mdx)("h2",{id:"3640---november-13-2023"},"3.64.0 - (November 13, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3631---august-18-2023"},"3.63.1 - (August 18, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed bug where banner items were not presented properly in IE 11 (introduced with v3.62.0).")))),(0,n.mdx)("h2",{id:"3630---june-28-2023"},"3.63.0 - (June 28, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed improper HTML structure and resolved console warnings."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added missing translations.")))),(0,n.mdx)("h2",{id:"3620---june-14-2023"},"3.62.0 - (June 14, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated large banner to allow screen readers to follow the meaningful sequence of content, now consistent with the small banner.")))),(0,n.mdx)("h2",{id:"3610---may-9-2023"},"3.61.0 - (May 9, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added optional ",(0,n.mdx)("inlineCode",{parentName:"li"},"personNameHeadingLevel")," prop to set the person name header level with default of 2."),(0,n.mdx)("li",{parentName:"ul"},"Added optional ",(0,n.mdx)("inlineCode",{parentName:"li"},"identifiersLongForm")," prop to add well defined descriptions for shortened/abbreviated identifiers."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Improved representation of patient nickname for screen readers by appending parentheses through a template string instead of CSS.")))),(0,n.mdx)("h2",{id:"3600---february-15-2023"},"3.60.0 - (February 15, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated wdio screenshots due to functional-testing upgrade.")))),(0,n.mdx)("h2",{id:"3591---january-31-2023"},"3.59.1 - (January 31, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump of ",(0,n.mdx)("inlineCode",{parentName:"li"},"terra-image"))))),(0,n.mdx)("h2",{id:"3590---december-7-2022"},"3.59.0 - (December 7, 2022)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3582---july-5-2022"},"3.58.2 - (July 5, 2022)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3581---february-24-2022"},"3.58.1 - (February 24, 2022)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3580---february-2-2022"},"3.58.0 - (February 2, 2022)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3571---january-4-2022"},"3.57.1 - (January 4, 2022)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3570---november-2-2021"},"3.57.0 - (November 2, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Migrate docs to terra-core-docs.")))),(0,n.mdx)("h2",{id:"3560---october-8-2021"},"3.56.0 - (October 8, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3550---september-21-2021"},"3.55.0 - (September 21, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated WDIO screenshots due to webpack-config-terra sass upgrade.")))),(0,n.mdx)("h2",{id:"3540---august-25-2021"},"3.54.0 - (August 25, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated WDIO snapshots due to terra-functional-testing v2 upgrade.")))),(0,n.mdx)("h2",{id:"3530---july-6-2021"},"3.53.0 - (July 6, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3520---june-22-2021"},"3.52.0 - (June 22, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3510---april-6-2021"},"3.51.0 - (April 6, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed unnecessary ",(0,n.mdx)("inlineCode",{parentName:"li"},"wdio.conf.js")," file"),(0,n.mdx)("li",{parentName:"ul"},"Updated to terra-functional-testing"),(0,n.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,n.mdx)("h2",{id:"3500---march-2-2021"},"3.50.0 - (March 2, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3490---january-5-2021"},"3.49.0 - (January 5, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated to be compatible with ",(0,n.mdx)("inlineCode",{parentName:"li"},"react-intl")," v2-v5"),(0,n.mdx)("li",{parentName:"ul"},"Removed usage of ",(0,n.mdx)("inlineCode",{parentName:"li"},"intlShape")))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed broken links in documentation."))),(0,n.mdx)("h2",{id:"3480---december-8-2020"},"3.48.0 - (December 8, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3470---november-17-2020"},"3.47.0 - (November 17, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,n.mdx)("h2",{id:"3460---november-10-2020"},"3.46.0 - (November 10, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3450---october-13-2020"},"3.45.0 - (October 13, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3440---august-4-2020"},"3.44.0 - (August 4, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3430---july-29-2020"},"3.43.0 - (July 29, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update changelog formatting")))),(0,n.mdx)("h2",{id:"3420---july-7-2020"},"3.42.0 - (July 7, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"updated ",(0,n.mdx)("inlineCode",{parentName:"li"},"master")," references to ",(0,n.mdx)("inlineCode",{parentName:"li"},"main"),".")))),(0,n.mdx)("h2",{id:"3410---june-23-2020"},"3.41.0 - (June 23, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3400---june-9-2020"},"3.40.0 - (June 9, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config")))),(0,n.mdx)("h2",{id:"3390---june-2-2020"},"3.39.0 - (June 2, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3380---may-26-2020"},"3.38.0 - (May 26, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3370---may-19-2020"},"3.37.0 - (May 19, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Apply themes by context and directly include packaged themes.")))),(0,n.mdx)("h2",{id:"3360---april-28-2020"},"3.36.0 - (April 28, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge'))),(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,n.mdx)("h2",{id:"3350---april-22-2020"},"3.35.0 - (April 22, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated documentation link in README"),(0,n.mdx)("li",{parentName:"ul"},"Removed extra lines from README")))),(0,n.mdx)("h2",{id:"3340---march-10-2020"},"3.34.0 - (March 10, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed overlapping of parenthesis onto the next line by adding ",(0,n.mdx)("inlineCode",{parentName:"li"},"padding-bottom")," to person-name and application-content class.")))),(0,n.mdx)("h2",{id:"3330---february-25-2020"},"3.33.0 - (February 25, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3320---february-18-2020"},"3.32.0 - (February 18, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme theming files")))),(0,n.mdx)("h2",{id:"3310---february-4-2020"},"3.31.0 - (February 4, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update docs to use mdx syntax.")))),(0,n.mdx)("h2",{id:"3300---january-21-2020"},"3.30.0 - (January 21, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("inlineCode",{parentName:"li"},"Preferred First Name")," is now displayed within parentheses instead of quotes.")))),(0,n.mdx)("h2",{id:"3290---january-7-2020"},"3.29.0 - (January 7, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Removed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed yarn reference in docs")))),(0,n.mdx)("h2",{id:"3280---december-3-2019"},"3.28.0 - (December 3, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added orion-fusion-theme and generated the respective reference wdio screenshots.")))),(0,n.mdx)("h2",{id:"3270---october-30-2019"},"3.27.0 - (October 30, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3260---october-3-2019"},"3.26.0 - (October 3, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3250---september-19-2019"},"3.25.0 - (September 19, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed ",(0,n.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added en-CA translations.")))),(0,n.mdx)("h2",{id:"3240---september-6-2019"},"3.24.0 - (September 6, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Props table markdown file import added to doc site page")))),(0,n.mdx)("h2",{id:"3230---august-21-2019"},"3.23.0 - (August 21, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Import for package version from package.json added to doc page"),(0,n.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files")))),(0,n.mdx)("h2",{id:"3220---august-14-2019"},"3.22.0 - (August 14, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Components updated to use ",(0,n.mdx)("inlineCode",{parentName:"li"},"injectIntl")," to interface with ",(0,n.mdx)("inlineCode",{parentName:"li"},"react-intl's")," ",(0,n.mdx)("inlineCode",{parentName:"li"},"intl")," context."),(0,n.mdx)("li",{parentName:"ul"},"updated package.json test scripts"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Updated"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"updated jest snapshots")))),(0,n.mdx)("h2",{id:"3210---july-30-2019"},"3.21.0 - (July 30, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3200---july-24-2019"},"3.20.0 - (July 24, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3190---july-17-2019"},"3.19.0 - (July 17, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Revert components updated to use ",(0,n.mdx)("inlineCode",{parentName:"li"},"injectIntl")," to interface with ",(0,n.mdx)("inlineCode",{parentName:"li"},"react-intl's")," ",(0,n.mdx)("inlineCode",{parentName:"li"},"intl")," context.")))),(0,n.mdx)("h2",{id:"3180---july-17-2019"},"3.18.0 - (July 17, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3170---july-16-2019"},"3.17.0 - (July 16, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies")))),(0,n.mdx)("h2",{id:"3160----july-11-2019"},"3.16.0 - (July 11, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Components updated to use ",(0,n.mdx)("inlineCode",{parentName:"li"},"injectIntl")," to interface with ",(0,n.mdx)("inlineCode",{parentName:"li"},"react-intl's")," ",(0,n.mdx)("inlineCode",{parentName:"li"},"intl")," context."),(0,n.mdx)("li",{parentName:"ul"},"Update tests to use ",(0,n.mdx)("inlineCode",{parentName:"li"},"Terra.describeViewports")," for setting viewports"),(0,n.mdx)("li",{parentName:"ul"},"Updated Docs around the requirement of terra-base and aggregate-translations.")))),(0,n.mdx)("h2",{id:"3150---july-9-2019"},"3.15.0 - (July 9, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3140---june-28-2019"},"3.14.0 - (June 28, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed all inline styles from Dev-site components and implemented the same styles using external css.")))),(0,n.mdx)("h2",{id:"3130---june-18-2019"},"3.13.0 - (June 18, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated to use the new responsive element breakpoints")))),(0,n.mdx)("h2",{id:"3120---june-11-2019"},"3.12.0 - (June 11, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Made required updates to consume terra-toolkit v5 and terra-dev-site v5")))),(0,n.mdx)("h2",{id:"3110---may-9-2019"},"3.11.0 - (May 9, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update background-clip to border-box")))),(0,n.mdx)("h2",{id:"3100---may-1-2019"},"3.10.0 - (May 1, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"390---april-16-2019"},"3.9.0 - (April 16, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"380---april-2-2019"},"3.8.0 - (April 2, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"370---march-26-2019"},"3.7.0 - (March 26, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,n.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,n.mdx)("h2",{id:"360---march-21-2019"},"3.6.0 - (March 21, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update Jest tests to use terra-enzyme-intl")))),(0,n.mdx)("h2",{id:"350---february-26-2019"},"3.5.0 - (February 26, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,n.mdx)("li",{parentName:"ul"},"Added en-AU translations")))),(0,n.mdx)("h2",{id:"340---february-12-2019"},"3.4.0 - (February 12, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"330---february-5-2019"},"3.3.0 - (February 5, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"320---january-22-2019"},"3.2.0 - (January 22, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"310---january-22-2019"},"3.1.0 - (January 22, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"300---january-8-2019"},"3.0.0 - (January 8, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated theme variables"),(0,n.mdx)("li",{parentName:"ul"},"Add conditional render for profile photo")))),(0,n.mdx)("h2",{id:"2340---january-2-2019"},"2.34.0 - (January 2, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2330---november-19-2018"},"2.33.0 - (November 19, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2320---november-13-2018"},"2.32.0 - (November 13, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2310---november-9-2018"},"2.31.0 - (November 9, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2300---october-30-2018"},"2.30.0 - (October 30, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Create abbr nodes for Date of Birth, PostMenstrual Age, and Gestational Age")))),(0,n.mdx)("h2",{id:"2290---october-24-2018"},"2.29.0 - (October 24, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2280---october-16-2018"},"2.28.0 - (October 16, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2270---october-8-2018"},"2.27.0 - (October 8, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2260---october-2-2018"},"2.26.0 - (October 2, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2250---september-25-2018"},"2.25.0 - (September 25, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2241---september-6-2018"},"2.24.1 - (September 6, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,n.mdx)("h2",{id:"2240---september-5-2018"},"2.24.0 - (September 5, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,n.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,n.mdx)("h2",{id:"2230---september-4-2018"},"2.23.0 - (September 4, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2220---august-29-2018"},"2.22.0 - (August 29, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2210---august-8-2018"},"2.21.0 - (August 8, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated component internationalization error message")))),(0,n.mdx)("h2",{id:"2200---august-1-2018"},"2.20.0 - (August 1, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2190---july-25-2018"},"2.19.0 - (July 25, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Add sv and sv-SE translations")))),(0,n.mdx)("h2",{id:"2180---july-19-2018"},"2.18.0 - (July 19, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated translations"),(0,n.mdx)("li",{parentName:"ul"},"Add .module extension to SCSS file(s)")))),(0,n.mdx)("h2",{id:"2170---july-17-2018"},"2.17.0 - (July 17, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,n.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v4 update")))),(0,n.mdx)("h2",{id:"2160---july-10-2018"},"2.16.0 - (July 10, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2150---june-28-2018"},"2.15.0 - (June 28, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added change log to the documentation on terra-dev-site")))),(0,n.mdx)("h2",{id:"2140---june-22-2018"},"2.14.0 - (June 22, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Moved terra-base from dependency to peerDependency")))),(0,n.mdx)("h2",{id:"2130---june-13-2018"},"2.13.0 - (June 13, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2120---june-12-2018"},"2.12.0 - (June 12, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},'Updated "test:jest" script to work on windows.'),(0,n.mdx)("li",{parentName:"ul"},"Remove Base wrapper from test examples. Terra-dev-site wraps all test examples in Base.")))),(0,n.mdx)("h2",{id:"2110---may-30-2018"},"2.11.0 - (May 30, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated structure to match terra-dev-site 1.0 and moved doc examples internal.")))),(0,n.mdx)("h2",{id:"2100---may-23-2018"},"2.10.0 - (May 23, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"290---may-16-2018"},"2.9.0 - (May 16, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"280---may-9-2018"},"2.8.0 - (May 9, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Replaced nightwatch tests with wdio tests")))),(0,n.mdx)("h2",{id:"270---may-2-2018"},"2.7.0 - (May 2, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"260---april-20-2018"},"2.6.0 - (April 20, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Switched responsive reference from window to parent.")))),(0,n.mdx)("h2",{id:"250---april-15-2018"},"2.5.0 - (April 15, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"240---april-5-2018"},"2.4.0 - (April 5, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"230---march-30-2018"},"2.3.0 - (March 30, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"220---march-6-2018"},"2.2.0 - (March 6, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Removed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed props-table script from package.json")))),(0,n.mdx)("h2",{id:"210---february-26-2018"},"2.1.0 - (February 26, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"201---february-13-2018"},"2.0.1 - (February 13, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated peerDependencies")))),(0,n.mdx)("h2",{id:"200---february-12-2018"},"2.0.0 - (February 12, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated to use React 16")))),(0,n.mdx)("h2",{id:"1170---february-1-2018"},"1.17.0 - (February 1, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1160---january-18-2018"},"1.16.0 - (January 18, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1150---january-5-2018"},"1.15.0 - (January 5, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1140---november-28-2017"},"1.14.0 - (November 28, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1130---november-16-2017"},"1.13.0 - (November 16, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1120---october-6-2017"},"1.12.0 - (October 6, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1110---september-26-2017"},"1.11.0 - (September 26, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Removed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Remove stylelint-disable selector-class-pattern")))),(0,n.mdx)("h2",{id:"1100---september-19-2017"},"1.10.0 - (September 19, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"190---september-12-2017"},"1.9.0 - (September 12, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"180---september-7-2017"},"1.8.0 - (September 7, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Explicitly set font-size / line-height for person name")))),(0,n.mdx)("h2",{id:"170---september-5-2017"},"1.7.0 - (September 5, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"160---august-31-2017"},"1.6.0 - (August 31, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added default line-height style to demographics banner"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update nightwatch tests and test scripts.")))),(0,n.mdx)("h2",{id:"150---august-15-2017"},"1.5.0 - (August 15, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Switched CSS custom properties usage to inline fallback syntax")))),(0,n.mdx)("h2",{id:"140---august-8-2017"},"1.4.0 - (August 8, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"130---august-1-2017"},"1.3.0 - (August 1, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"120---july-26-2017"},"1.2.0 - (July 26, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Converted component to use CSS modules")))),(0,n.mdx)("h2",{id:"110---july-18-2017"},"1.1.0 - (July 18, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated nightwatch test scripts"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed nightwatch.config file")))),(0,n.mdx)("h2",{id:"100---june-28-2017"},"1.0.0 - (June 28, 2017)"),(0,n.mdx)("p",null,"Initial stable release"))}p.isMDXComponent=!0;var x=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(m[l]=e[l]);return m}(e,a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(m[l]=e[l])}return m}var s={},h="wrapper";function c(e){var a=e.components,l=N(e,x);return(0,n.mdx)(h,o({},s,l,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)(m.C,{mdxType:"Badge"}),(0,n.mdx)(p,{mdxType:"ChangeLog"}))}c.isMDXComponent=!0},88272:function(e,a,l){l.d(a,{C:function(){return d}});var n=l(67294),m=l(22863),d=function(e){var a=e.url;return n.createElement(m.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-demographics-banner",name:"terra-demographics-banner",version:"3.64.0",url:a})}},17422:function(e,a,l){l.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/23997-f9a43bae9bac28e54764.js b/23997-f9a43bae9bac28e54764.js new file mode 100644 index 0000000000..b5c861a05c --- /dev/null +++ b/23997-f9a43bae9bac28e54764.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[23997],{22863:function(e,l,n){var t=n(64836);l.Z=void 0;var a=t(n(67294)),i=t(n(45697)),d=t(n(47166)),o=t(n(17422)),r=d.default.bind(o.default),s={name:i.default.string.isRequired,src:i.default.string,url:i.default.string,version:i.default.string.isRequired},m=function(e){var l=e.src,n=e.name,t=e.url,i=e.version,d=a.default.createElement("a",{className:r("badge"),href:t||"https://www.npmjs.org/package/".concat(n,"/v/").concat(i)},a.default.createElement("span",{className:r("badge-name")},t?"package":"npm"),a.default.createElement("span",{className:r("badge-version")},"v".concat(i))),o=l?a.default.createElement("a",{className:r("badge"),href:l},a.default.createElement("span",{className:r("badge-name")},"github"),a.default.createElement("span",{className:r("badge-version")},"source")):void 0;return a.default.createElement("div",{className:r("badge-container")},d,o)};m.propTypes=s;var p=m;l.Z=p},49748:function(e,l,n){var t=n(64836);l.Z=void 0;var a=t(n(56690)),i=t(n(89728)),d=t(n(66115)),o=t(n(61655)),r=t(n(94993)),s=t(n(73808)),m=t(n(67294)),p=n(34614),u=t(n(57272));function c(e){var l=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,t=(0,s.default)(e);if(l){var a=(0,s.default)(this).constructor;n=Reflect.construct(t,arguments,a)}else n=t.apply(this,arguments);return(0,r.default)(this,n)}}var y=function(e){(0,o.default)(n,e);var l=c(n);function n(e){var t;return(0,a.default)(this,n),(t=l.call(this,e)).handleDisplayTypeChange=t.handleDisplayTypeChange.bind((0,d.default)(t)),t.state={displayType:"tableView"},t}return(0,i.default)(n,[{key:"handleDisplayTypeChange",value:function(e,l){this.setState({displayType:l})}},{key:"render",value:function(){return m.default.createElement(u.default,{alwaysCollapsedMenuItems:[m.default.createElement(u.default.Item,{text:"Action 1",key:"action1"}),m.default.createElement(u.default.Item,{text:"Action 2",key:"action2",isDisabled:!0}),m.default.createElement(u.default.Item,{text:"Action 3",key:"action3"}),m.default.createElement(u.default.Item,{text:"Action 4",key:"action4"})]},m.default.createElement(u.default.Item,{icon:m.default.createElement(p.IconCaretDown,null),text:"Add Document",key:"addDocument",isReversed:!0,shouldCloseOnClick:!1,subMenuItems:[m.default.createElement(u.default.Item,{text:"Upload Document",key:"uploadDocument"}),m.default.createElement(u.default.Item,{text:"Link to Document...",key:"linkToDocument"})]}),m.default.createElement(u.default.Item,{icon:m.default.createElement(p.IconCaretDown,null),text:"Add",key:"Add",isReversed:!0,shouldCloseOnClick:!1,subMenuItems:[m.default.createElement(u.default.Item,{text:"Add Allergy",key:"addAllergy"}),m.default.createElement(u.default.Item,{text:"Add Problem",key:"addProblem"})]}),m.default.createElement(u.default.Divider,{key:"divider1"}),m.default.createElement(u.default.ItemGroup,{ariaLabel:"View Type Single Selection",groupId:"view-type-single-select",key:"ViewTypeSelection",selectedKeys:[this.state.displayType],onChange:this.handleDisplayTypeChange},m.default.createElement(u.default.Item,{icon:m.default.createElement(p.IconTable,null),text:"Table View",key:"tableView",ariaDescribedBy:"view-type-single-select",isIconOnly:!0,shouldCloseOnClick:!1,isSelected:"tableView"===this.state.displayType}),m.default.createElement(u.default.Item,{icon:m.default.createElement(p.IconVisualization,null),text:"Chart View",key:"chartView",ariaDescribedBy:"view-type-single-select",isIconOnly:!0,shouldCloseOnClick:!1,isSelected:"chartView"===this.state.displayType}),m.default.createElement(u.default.Item,{icon:m.default.createElement(p.IconTreemap,null),text:"Treemap View",key:"treemapView",ariaDescribedBy:"view-type-single-select",isIconOnly:!0,shouldCloseOnClick:!1,isSelected:"treemapView"===this.state.displayType})))}}]),n}(m.default.Component);l.Z=y},98685:function(e,l,n){var t=n(64836);l.Z=void 0;var a=t(n(56690)),i=t(n(89728)),d=t(n(66115)),o=t(n(61655)),r=t(n(94993)),s=t(n(73808)),m=t(n(67294)),p=n(34614),u=t(n(57272));function c(e){var l=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,t=(0,s.default)(e);if(l){var a=(0,s.default)(this).constructor;n=Reflect.construct(t,arguments,a)}else n=t.apply(this,arguments);return(0,r.default)(this,n)}}var y=function(e){(0,o.default)(n,e);var l=c(n);function n(e){var t;return(0,a.default)(this,n),(t=l.call(this,e)).handleDisplayTypeChange=t.handleDisplayTypeChange.bind((0,d.default)(t)),t.handleToggleOneOnChange=t.handleToggleOneOnChange.bind((0,d.default)(t)),t.handleToggleTwoOnChange=t.handleToggleTwoOnChange.bind((0,d.default)(t)),t.handleToggleThreeOnChange=t.handleToggleThreeOnChange.bind((0,d.default)(t)),t.state={toggle1Selection:!1,toggle2Selection:!1,toggle3Selection:!1,displayType:"tableView"},t}return(0,i.default)(n,[{key:"handleToggleOneOnChange",value:function(e,l){this.setState({toggle1Selection:l})}},{key:"handleToggleTwoOnChange",value:function(e,l){this.setState({toggle2Selection:l})}},{key:"handleToggleThreeOnChange",value:function(e,l){this.setState({toggle3Selection:l})}},{key:"handleDisplayTypeChange",value:function(e,l){this.setState({displayType:l})}},{key:"render",value:function(){return m.default.createElement(u.default,null,m.default.createElement(u.default.Toggle,{text:"Display Patient History",key:"displayPatientHistory",shouldCloseOnClick:!1,onChange:this.handleToggleOneOnChange,isSelected:this.state.toggle1Selection}),m.default.createElement(u.default.Toggle,{text:"Display Allergies",key:"displayAllergies",shouldCloseOnClick:!1,onChange:this.handleToggleTwoOnChange,isSelected:this.state.toggle2Selection}),m.default.createElement(u.default.Toggle,{text:"Display Problems",key:"displayProblems",shouldCloseOnClick:!1,onChange:this.handleToggleThreeOnChange,isSelected:this.state.toggle3Selection}),m.default.createElement(u.default.Divider,{key:"Divider1"}),m.default.createElement(u.default.Item,{icon:m.default.createElement(p.IconCaretDown,null),text:"Add Document",key:"addDocument",isReversed:!0,shouldCloseOnClick:!1,subMenuItems:[m.default.createElement(u.default.Item,{text:"Upload Document",key:"uploadDocument"}),m.default.createElement(u.default.Item,{text:"Link to Document...",key:"linkToDocument"})]}),m.default.createElement(u.default.Item,{icon:m.default.createElement(p.IconCaretDown,null),text:"Add",key:"Add",isReversed:!0,shouldCloseOnClick:!1,subMenuItems:[m.default.createElement(u.default.Item,{text:"Add Allergy",key:"addAllergy"}),m.default.createElement(u.default.Item,{text:"Add Problem",key:"addProblem"})]}),m.default.createElement(u.default.Divider,{key:"Divider2"}),m.default.createElement(u.default.ItemGroup,{ariaLabel:"View Type Single Selection",groupId:"view-type-single-select",key:"ViewTypeSelection",selectedKeys:[this.state.displayType],onChange:this.handleDisplayTypeChange},m.default.createElement(u.default.Item,{icon:m.default.createElement(p.IconTable,null),text:"Table View",key:"tableView",ariaDescribedBy:"view-type-single-select",isIconOnly:!0,shouldCloseOnClick:!1,isSelected:"tableView"===this.state.displayType}),m.default.createElement(u.default.Item,{icon:m.default.createElement(p.IconVisualization,null),text:"Chart View",key:"chartView",ariaDescribedBy:"view-type-single-select",isIconOnly:!0,shouldCloseOnClick:!1,isSelected:"chartView"===this.state.displayType}),m.default.createElement(u.default.Item,{icon:m.default.createElement(p.IconTreemap,null),text:"Treemap View",key:"treemapView",ariaDescribedBy:"view-type-single-select",isIconOnly:!0,shouldCloseOnClick:!1,isSelected:"treemapView"===this.state.displayType})),m.default.createElement(u.default.Divider,{key:"Divider3"}),m.default.createElement(u.default.Item,{icon:m.default.createElement(p.IconSend,null),text:"Send",key:"send",isIconOnly:!0}),m.default.createElement(u.default.ItemGroup,{key:"messageActionGroup"},m.default.createElement(u.default.Item,{icon:m.default.createElement(p.IconPrinter,null),text:"Print",key:"print",isIconOnly:!0}),m.default.createElement(u.default.Item,{icon:m.default.createElement(p.IconBookmark,null),text:"Bookmark",key:"bookmark",isIconOnly:!0}),m.default.createElement(u.default.Item,{icon:m.default.createElement(p.IconTrash,null),text:"Trash",key:"trash",isIconOnly:!0})),m.default.createElement(u.default.Divider,{key:"Divider4"}),m.default.createElement(u.default.Item,{text:"Action 1",key:"action1"}),m.default.createElement(u.default.Item,{text:"Action 2",key:"action2"}),m.default.createElement(u.default.Item,{text:"Action 3",key:"action3"}),m.default.createElement(u.default.Item,{text:"Action 4",key:"action4"}))}}]),n}(m.default.Component);l.Z=y},95323:function(e,l,n){var t=n(64836);l.Z=void 0;var a=t(n(56690)),i=t(n(89728)),d=t(n(66115)),o=t(n(61655)),r=t(n(94993)),s=t(n(73808)),m=t(n(67294)),p=n(34614),u=t(n(57272));function c(e){var l=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,t=(0,s.default)(e);if(l){var a=(0,s.default)(this).constructor;n=Reflect.construct(t,arguments,a)}else n=t.apply(this,arguments);return(0,r.default)(this,n)}}var y=function(e){(0,o.default)(n,e);var l=c(n);function n(e){var t;return(0,a.default)(this,n),(t=l.call(this,e)).handleDisplayTypeChange=t.handleDisplayTypeChange.bind((0,d.default)(t)),t.handleToggleOneOnChange=t.handleToggleOneOnChange.bind((0,d.default)(t)),t.handleToggleTwoOnChange=t.handleToggleTwoOnChange.bind((0,d.default)(t)),t.handleToggleThreeOnChange=t.handleToggleThreeOnChange.bind((0,d.default)(t)),t.state={toggle1Selection:!1,toggle2Selection:!1,toggle3Selection:!1,displayType:"tableView"},t}return(0,i.default)(n,[{key:"handleToggleOneOnChange",value:function(e,l){this.setState({toggle1Selection:l})}},{key:"handleToggleTwoOnChange",value:function(e,l){this.setState({toggle2Selection:l})}},{key:"handleToggleThreeOnChange",value:function(e,l){this.setState({toggle3Selection:l})}},{key:"handleDisplayTypeChange",value:function(e,l){this.setState({displayType:l})}},{key:"render",value:function(){return m.default.createElement(u.default,{isStartAligned:!0},m.default.createElement(u.default.Toggle,{text:"Display Patient History",key:"displayPatientHistory",shouldCloseOnClick:!1,onChange:this.handleToggleOneOnChange,isSelected:this.state.toggle1Selection}),m.default.createElement(u.default.Toggle,{text:"Display Allergies",key:"displayAllergies",shouldCloseOnClick:!1,onChange:this.handleToggleTwoOnChange,isSelected:this.state.toggle2Selection}),m.default.createElement(u.default.Toggle,{text:"Display Problems",key:"displayProblems",shouldCloseOnClick:!1,onChange:this.handleToggleThreeOnChange,isSelected:this.state.toggle3Selection}),m.default.createElement(u.default.Divider,{key:"Divider1"}),m.default.createElement(u.default.Item,{icon:m.default.createElement(p.IconCaretDown,null),text:"Add Document",key:"addDocument",isReversed:!0,shouldCloseOnClick:!1,subMenuItems:[m.default.createElement(u.default.Item,{text:"Upload Document",key:"uploadDocument"}),m.default.createElement(u.default.Item,{text:"Link to Document...",key:"linkToDocument"})]}),m.default.createElement(u.default.Item,{icon:m.default.createElement(p.IconCaretDown,null),text:"Add",key:"Add",isReversed:!0,shouldCloseOnClick:!1,subMenuItems:[m.default.createElement(u.default.Item,{text:"Add Allergy",key:"addAllergy"}),m.default.createElement(u.default.Item,{text:"Add Problem",key:"addProblem"})]}),m.default.createElement(u.default.Divider,{key:"Divider2"}),m.default.createElement(u.default.ItemGroup,{ariaLabel:"View Type Single Selection",groupId:"view-type-single-select",key:"ViewTypeSelection",selectedKeys:[this.state.displayType],onChange:this.handleDisplayTypeChange},m.default.createElement(u.default.Item,{icon:m.default.createElement(p.IconTable,null),text:"Table View",key:"tableView",ariaDescribedBy:"view-type-single-select",isIconOnly:!0,shouldCloseOnClick:!1,isSelected:"tableView"===this.state.displayType}),m.default.createElement(u.default.Item,{icon:m.default.createElement(p.IconVisualization,null),text:"Chart View",key:"chartView",ariaDescribedBy:"view-type-single-select",isIconOnly:!0,shouldCloseOnClick:!1,isSelected:"chartView"===this.state.displayType}),m.default.createElement(u.default.Item,{icon:m.default.createElement(p.IconTreemap,null),text:"Treemap View",key:"treemapView",ariaDescribedBy:"view-type-single-select",isIconOnly:!0,shouldCloseOnClick:!1,isSelected:"treemapView"===this.state.displayType})),m.default.createElement(u.default.Divider,{key:"Divider3"}),m.default.createElement(u.default.Item,{icon:m.default.createElement(p.IconSend,null),text:"Send",key:"send",isIconOnly:!0}),m.default.createElement(u.default.ItemGroup,{key:"messageActionGroup"},m.default.createElement(u.default.Item,{icon:m.default.createElement(p.IconPrinter,null),text:"Print",key:"print",isIconOnly:!0}),m.default.createElement(u.default.Item,{icon:m.default.createElement(p.IconBookmark,null),text:"Bookmark",key:"bookmark",isIconOnly:!0}),m.default.createElement(u.default.Item,{icon:m.default.createElement(p.IconTrash,null),text:"Trash",key:"trash",isIconOnly:!0})),m.default.createElement(u.default.Divider,{key:"Divider4"}),m.default.createElement(u.default.Item,{text:"Action 1",key:"action1"}),m.default.createElement(u.default.Item,{text:"Action 2",key:"action2"}),m.default.createElement(u.default.Item,{text:"Action 3",key:"action3"}),m.default.createElement(u.default.Item,{text:"Action 4",key:"action4"}))}}]),n}(m.default.Component);l.Z=y},59973:function(e,l,n){var t=n(64836);l.Z=void 0;var a=t(n(56690)),i=t(n(89728)),d=t(n(66115)),o=t(n(61655)),r=t(n(94993)),s=t(n(73808)),m=t(n(67294)),p=t(n(29690)),u=t(n(68559)),c=t(n(75852)),y=t(n(66053)),x=t(n(57272));function g(e){var l=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,t=(0,s.default)(e);if(l){var a=(0,s.default)(this).constructor;n=Reflect.construct(t,arguments,a)}else n=t.apply(this,arguments);return(0,r.default)(this,n)}}var h=function(e){(0,o.default)(n,e);var l=g(n);function n(e){var t;return(0,a.default)(this,n),(t=l.call(this,e)).handleDisplayTypeChange=t.handleDisplayTypeChange.bind((0,d.default)(t)),t.handleToggleOneOnChange=t.handleToggleOneOnChange.bind((0,d.default)(t)),t.handleToggleTwoOnChange=t.handleToggleTwoOnChange.bind((0,d.default)(t)),t.handleToggleThreeOnChange=t.handleToggleThreeOnChange.bind((0,d.default)(t)),t.state={toggle1Selection:!1,toggle2Selection:!1,toggle3Selection:!1,selectedKeys:[]},t}return(0,i.default)(n,[{key:"handleToggleOneOnChange",value:function(e,l){this.setState({toggle1Selection:l})}},{key:"handleToggleTwoOnChange",value:function(e,l){this.setState({toggle2Selection:l})}},{key:"handleToggleThreeOnChange",value:function(e,l){this.setState({toggle3Selection:l})}},{key:"handleDisplayTypeChange",value:function(e,l){var n=this.state.selectedKeys;n.includes(l)?n.splice(n.indexOf(l),1):n.push(l),this.setState({selectedKeys:n})}},{key:"render",value:function(){return m.default.createElement(x.default,null,m.default.createElement(x.default.Toggle,{text:"InDesign",key:"toggle1",shouldCloseOnClick:!1,onChange:this.handleToggleOneOnChange,isSelected:this.state.toggle1Selection}),m.default.createElement(x.default.Toggle,{text:"Photoshop",key:"toggle21",shouldCloseOnClick:!1,isSelected:this.state.toggle2Selection}),m.default.createElement(x.default.Toggle,{text:"Illustrator",key:"toggle3",shouldCloseOnClick:!1,onChange:this.handleToggleThreeOnChange,isSelected:this.state.toggle3Selection}),m.default.createElement(x.default.Divider,{key:"Divider1"}),m.default.createElement(x.default.Item,{text:"Browsers",key:"MenuButton1",shouldCloseOnClick:!1,subMenuItems:[m.default.createElement(x.default.Item,{text:"Edge",key:"defaultItem1"}),m.default.createElement(x.default.Item,{text:"Chrome",key:"defaultItem2"})]}),m.default.createElement(x.default.Divider,{key:"Divider2"}),m.default.createElement(x.default.ItemGroup,{ariaLabel:"View Type Multi Selection",groupId:"view-type-multi-select",key:"ViewTypeSelection",isMultiSelect:!0,selectedKeys:this.state.selectedKeys,onChange:this.handleDisplayTypeChange},m.default.createElement(x.default.Item,{icon:m.default.createElement(p.default,null),text:"Table View",key:"tableView",ariaDescribedBy:"view-type-multi-select",isIconOnly:!0,shouldCloseOnClick:!1,isSelected:this.state.selectedKeys.includes("tableView")}),m.default.createElement(x.default.Item,{icon:m.default.createElement(u.default,null),text:"Expanded View",key:"expandedView",ariaDescribedBy:"view-type-multi-select",isIconOnly:!0,shouldCloseOnClick:!1,isSelected:this.state.selectedKeys.includes("expandedView")}),m.default.createElement(x.default.Item,{icon:m.default.createElement(c.default,null),text:"Trending View",key:"trendingView",ariaDescribedBy:"view-type-multi-select",isIconOnly:!0,shouldCloseOnClick:!1,isSelected:this.state.selectedKeys.includes("trendingView")})),m.default.createElement(x.default.Divider,{key:"Divider3"}),m.default.createElement(x.default.Item,{icon:m.default.createElement(y.default,null),text:"Send Message",key:"send",isIconOnly:!0}))}}]),n}(m.default.Component);l.Z=h},23997:function(e,l,n){n.r(l),n.d(l,{default:function(){return he}});var t=n(67294),a=n(81254),i=n(69291),d=n(78530),o=["components"];function r(){return r=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(a[n]=e[n]);return a}(e,l);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var m={},p="wrapper";function u(e){var l=e.components,n=s(e,o);return(0,a.mdx)(p,r({},m,n,{components:l,mdxType:"MDXLayout"}),(0,a.mdx)(d.ZP,{mdxType:"PropsTable"},(0,a.mdx)(d.X2,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(d.O,{mdxType:"PropNameCell"},"children"),(0,a.mdx)(d.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,a.mdx)(d.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,a.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Item/ItemGroup/Divider elements to display in the view. Items that will fit in the space available will\ndisplay face-up the remainder will be rolled into a menu"))),(0,a.mdx)(d.X2,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(d.O,{mdxType:"PropNameCell"},"menuWidth"),(0,a.mdx)(d.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n '160'\n '240'\n '320'\n '640'\n '960'\n '1280'\n '1760'\n 'auto'\n],\n"))),(0,a.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"A string representation of the width in px, limited to:\n160, 240, 320, 640, 960, 1280, 1760, or auto"))),(0,a.mdx)(d.X2,{key:"ROW3",mdxType:"Row"},(0,a.mdx)(d.O,{mdxType:"PropNameCell"},"boundingRef"),(0,a.mdx)(d.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Bounding container for the menu, will use window if no value provided."))),(0,a.mdx)(d.X2,{key:"ROW4",mdxType:"Row"},(0,a.mdx)(d.O,{mdxType:"PropNameCell"},"alwaysCollapsedMenuItems"),(0,a.mdx)(d.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'element',\n}],\n"))),(0,a.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,a.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Puts items under the collapsed (more) menu. More button will be always shown if at least one item is populated here."))),(0,a.mdx)(d.X2,{key:"ROW5",mdxType:"Row"},(0,a.mdx)(d.O,{mdxType:"PropNameCell"},"isStartAligned"),(0,a.mdx)(d.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Aligns the menu to the start of the container")))))}u.isMDXComponent=!0;var c=["components"];function y(){return y=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(a[n]=e[n]);return a}(e,l);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var g={},h="wrapper";function f(e){var l=e.components,n=x(e,c);return(0,a.mdx)(h,y({},g,n,{components:l,mdxType:"MDXLayout"}),(0,a.mdx)(d.ZP,{mdxType:"PropsTable"},(0,a.mdx)(d.X2,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(d.O,{mdxType:"PropNameCell"},"text"),(0,a.mdx)(d.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(d.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,a.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Sets the item's text"))),(0,a.mdx)(d.X2,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(d.O,{mdxType:"PropNameCell"},"boundingRef"),(0,a.mdx)(d.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Bounding container for the menu, will use window if no value provided."))),(0,a.mdx)(d.X2,{key:"ROW3",mdxType:"Row"},(0,a.mdx)(d.O,{mdxType:"PropNameCell"},"icon"),(0,a.mdx)(d.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,a.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"An optional icon. Nested inline with the text when provided"))),(0,a.mdx)(d.X2,{key:"ROW4",mdxType:"Row"},(0,a.mdx)(d.O,{mdxType:"PropNameCell"},"isIconOnly"),(0,a.mdx)(d.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Indicates if only the icon should display when item is face-up. (Text should still be given to be displayed when item is in the menu)"))),(0,a.mdx)(d.X2,{key:"ROW5",mdxType:"Row"},(0,a.mdx)(d.O,{mdxType:"PropNameCell"},"isReversed"),(0,a.mdx)(d.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Reverses the position of the icon and text"))),(0,a.mdx)(d.X2,{key:"ROW6",mdxType:"Row"},(0,a.mdx)(d.O,{mdxType:"PropNameCell"},"isSelected"),(0,a.mdx)(d.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Indicates if the item start as selected when placed in a button group"))),(0,a.mdx)(d.X2,{key:"ROW7",mdxType:"Row"},(0,a.mdx)(d.O,{mdxType:"PropNameCell"},"isDisabled"),(0,a.mdx)(d.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Indicates if the item should be disabled."))),(0,a.mdx)(d.X2,{key:"ROW8",mdxType:"Row"},(0,a.mdx)(d.O,{mdxType:"PropNameCell"},"shouldCloseOnClick"),(0,a.mdx)(d.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"true\n"))),(0,a.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Indicates that clicking on this item while displayed inside a menu should close the menu."))),(0,a.mdx)(d.X2,{key:"ROW9",mdxType:"Row"},(0,a.mdx)(d.O,{mdxType:"PropNameCell"},"subMenuItems"),(0,a.mdx)(d.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'element',\n}],\n"))),(0,a.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"List of Menu.Items to display in a submenu when this item is selected."))),(0,a.mdx)(d.X2,{key:"ROW10",mdxType:"Row"},(0,a.mdx)(d.O,{mdxType:"PropNameCell"},"onClick"),(0,a.mdx)(d.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function for when the item is clicked"))),(0,a.mdx)(d.X2,{key:"ROW11",mdxType:"Row"},(0,a.mdx)(d.O,{mdxType:"PropNameCell"},"menuWidth"),(0,a.mdx)(d.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n '160'\n '240'\n '320'\n '640'\n '960'\n '1280'\n '1760'\n 'auto'\n],\n"))),(0,a.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"A string representation of the width in px, limited to:\n160, 240, 320, 640, 960, 1280, 1760, or auto")))))}f.isMDXComponent=!0;var C=["components"];function T(){return T=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(a[n]=e[n]);return a}(e,l);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var w={},O="wrapper";function v(e){var l=e.components,n=b(e,C);return(0,a.mdx)(O,T({},w,n,{components:l,mdxType:"MDXLayout"}),(0,a.mdx)(d.ZP,{mdxType:"PropsTable"},(0,a.mdx)(d.X2,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(d.O,{mdxType:"PropNameCell"},"onChange"),(0,a.mdx)(d.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function that is called when the group's selection state changes"))),(0,a.mdx)(d.X2,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(d.O,{mdxType:"PropNameCell"},"children"),(0,a.mdx)(d.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,a.mdx)(d.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,a.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"CollapsibleMenuView.Items to be grouped together"))),(0,a.mdx)(d.X2,{key:"ROW3",mdxType:"Row"},(0,a.mdx)(d.O,{mdxType:"PropNameCell"},"isMultiSelect"),(0,a.mdx)(d.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,(0,a.mdx)("img",{parentName:"p",src:"https://badgen.net/badge/UX/Accessibility/blue",alt:"IMPORTANT"})," For best practices, ensure to use ",(0,a.mdx)("inlineCode",{parentName:"p"},"isMultiSelect"),"\nin collapsibleMenuViewItemGroup element when creating multi select group items. This ensures collapsibleMenuItem's are rendered with role ",(0,a.mdx)("inlineCode",{parentName:"p"},"checkbox")," for face up group items and\nrole ",(0,a.mdx)("inlineCode",{parentName:"p"},"menuItemCheckBox")," for collapsed group items."))),(0,a.mdx)(d.X2,{key:"ROW4",mdxType:"Row"},(0,a.mdx)(d.O,{mdxType:"PropNameCell"},"selectedKeys"),(0,a.mdx)(d.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'string',\n}],\n"))),(0,a.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,a.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"A list of keys of the CollapsibleMenuView.Items that should be selected."))),(0,a.mdx)(d.X2,{key:"ROW5",mdxType:"Row"},(0,a.mdx)(d.O,{mdxType:"PropNameCell"},"ariaLabel"),(0,a.mdx)(d.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"String that labels the group for accessibility."))),(0,a.mdx)(d.X2,{key:"ROW6",mdxType:"Row"},(0,a.mdx)(d.O,{mdxType:"PropNameCell"},"groupId"),(0,a.mdx)(d.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"String that used in menu item for aria-describedby that labels the group for accessibility.")))))}v.isMDXComponent=!0;var k=["components"];function I(){return I=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(a[n]=e[n]);return a}(e,l);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var V={},S="wrapper";function M(e){var l=e.components,n=D(e,k);return(0,a.mdx)(S,I({},V,n,{components:l,mdxType:"MDXLayout"}),(0,a.mdx)(d.ZP,{mdxType:"PropsTable"},(0,a.mdx)(d.X2,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(d.O,{mdxType:"PropNameCell"},"text"),(0,a.mdx)(d.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(d.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,a.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Sets the item's text"))),(0,a.mdx)(d.X2,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(d.O,{mdxType:"PropNameCell"},"isSelected"),(0,a.mdx)(d.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Indicates if the item is selected."))),(0,a.mdx)(d.X2,{key:"ROW3",mdxType:"Row"},(0,a.mdx)(d.O,{mdxType:"PropNameCell"},"onChange"),(0,a.mdx)(d.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function for when selection state changes. Is called with event and isSelected parameters"))),(0,a.mdx)(d.X2,{key:"ROW4",mdxType:"Row"},(0,a.mdx)(d.O,{mdxType:"PropNameCell"},"isSelectable"),(0,a.mdx)(d.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"true\n"))),(0,a.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Indicates that the toggle should be selectable"))),(0,a.mdx)(d.X2,{key:"ROW5",mdxType:"Row"},(0,a.mdx)(d.O,{mdxType:"PropNameCell"},"isDisabled"),(0,a.mdx)(d.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Indicates if the toggle should be disabled."))),(0,a.mdx)(d.X2,{key:"ROW6",mdxType:"Row"},(0,a.mdx)(d.O,{mdxType:"PropNameCell"},"shouldCloseOnClick"),(0,a.mdx)(d.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"true\n"))),(0,a.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Indicates that clicking on this item while displayed inside a menu should close the menu")))))}M.isMDXComponent=!0;var N=["components"];function R(){return R=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(a[n]=e[n]);return a}(e,l);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var P={},j="wrapper";function A(e){var l=e.components,n=E(e,N);return(0,a.mdx)(j,R({},P,n,{components:l,mdxType:"MDXLayout"}),(0,a.mdx)(d.ZP,{mdxType:"PropsTable"},(0,a.mdx)(d.X2,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(d.O,{mdxType:"PropNameCell"},"text"),(0,a.mdx)(d.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The content to display inside link."))),(0,a.mdx)(d.X2,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(d.O,{mdxType:"PropNameCell"},"title"),(0,a.mdx)(d.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Additional information to display as a native tooltip on hover."))),(0,a.mdx)(d.X2,{key:"ROW3",mdxType:"Row"},(0,a.mdx)(d.O,{mdxType:"PropNameCell"},"href"),(0,a.mdx)(d.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,(0,a.mdx)("img",{parentName:"p",src:"https://badgen.net/badge/UX/Accessibility/blue",alt:"IMPORTANT"}),"\nSets the href of the link. href is required for hyperlinks and should be ignored when ",(0,a.mdx)("inlineCode",{parentName:"p"},"onClick")," callback is used."))),(0,a.mdx)(d.X2,{key:"ROW4",mdxType:"Row"},(0,a.mdx)(d.O,{mdxType:"PropNameCell"},"onClick"),(0,a.mdx)(d.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,(0,a.mdx)("img",{parentName:"p",src:"https://badgen.net/badge/UX/Accessibility/blue",alt:"IMPORTANT"}),"\nCallback function triggered when clicked. onClick is required to render hyperlink as a button.\n",(0,a.mdx)("inlineCode",{parentName:"p"},"onClick")," should be ignored when ",(0,a.mdx)("inlineCode",{parentName:"p"},"href")," is provided."))),(0,a.mdx)(d.X2,{key:"ROW5",mdxType:"Row"},(0,a.mdx)(d.O,{mdxType:"PropNameCell"},"onBlur"),(0,a.mdx)(d.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function triggered when hyperlink loses focus."))),(0,a.mdx)(d.X2,{key:"ROW6",mdxType:"Row"},(0,a.mdx)(d.O,{mdxType:"PropNameCell"},"onFocus"),(0,a.mdx)(d.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function triggered when hyperlink gains focus."))),(0,a.mdx)(d.X2,{key:"ROW7",mdxType:"Row"},(0,a.mdx)(d.O,{mdxType:"PropNameCell"},"onKeyDown"),(0,a.mdx)(d.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function triggered when key is pressed."))),(0,a.mdx)(d.X2,{key:"ROW8",mdxType:"Row"},(0,a.mdx)(d.O,{mdxType:"PropNameCell"},"onKeyUp"),(0,a.mdx)(d.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function triggered when key is released."))),(0,a.mdx)(d.X2,{key:"ROW9",mdxType:"Row"},(0,a.mdx)(d.O,{mdxType:"PropNameCell"},"variant"),(0,a.mdx)(d.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'default'\n 'external'\n 'image'\n 'video'\n 'audio'\n 'document'\n],\n"))),(0,a.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"'default'\n"))),(0,a.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Sets the hyperlink variant. One of ",(0,a.mdx)("inlineCode",{parentName:"p"},"default"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"external"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"image"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"video"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"audio"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"document"),".")))))}A.isMDXComponent=!0;var W=n(98685),q=["components"];function X(){return X=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(a[n]=e[n]);return a}(e,l);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var K={};function G(e){var l=e.components,n=B(e,q);return(0,a.mdx)("wrapper",X({},K,n,{components:l,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport {\n IconBookmark,\n IconCaretDown,\n IconPrinter,\n IconSend,\n IconTable,\n IconTrash,\n IconTreemap,\n IconVisualization,\n} from \'terra-icon\';\nimport CollapsibleMenuView from \'terra-collapsible-menu-view\';\n\nclass CollapsibleMenuViewDemo extends React.Component {\n constructor(props) {\n super(props);\n this.handleDisplayTypeChange = this.handleDisplayTypeChange.bind(this);\n this.handleToggleOneOnChange = this.handleToggleOneOnChange.bind(this);\n this.handleToggleTwoOnChange = this.handleToggleTwoOnChange.bind(this);\n this.handleToggleThreeOnChange = this.handleToggleThreeOnChange.bind(this);\n this.state = {\n toggle1Selection: false,\n toggle2Selection: false,\n toggle3Selection: false,\n displayType: \'tableView\',\n };\n }\n\n handleToggleOneOnChange(event, isSelected) {\n this.setState({ toggle1Selection: isSelected });\n }\n\n handleToggleTwoOnChange(event, isSelected) {\n this.setState({ toggle2Selection: isSelected });\n }\n\n handleToggleThreeOnChange(event, isSelected) {\n this.setState({ toggle3Selection: isSelected });\n }\n\n handleDisplayTypeChange(event, selectedKey) {\n this.setState({ displayType: selectedKey });\n }\n\n render() {\n return (\n \n \n \n \n \n }\n text="Add Document"\n key="addDocument"\n isReversed\n shouldCloseOnClick={false}\n subMenuItems={[\n ,\n ,\n ]}\n />\n }\n text="Add"\n key="Add"\n isReversed\n shouldCloseOnClick={false}\n subMenuItems={[\n ,\n ,\n ]}\n />\n \n \n }\n text="Table View"\n key="tableView"\n ariaDescribedBy="view-type-single-select"\n isIconOnly\n shouldCloseOnClick={false}\n isSelected={this.state.displayType === \'tableView\'}\n />\n }\n text="Chart View"\n key="chartView"\n ariaDescribedBy="view-type-single-select"\n isIconOnly\n shouldCloseOnClick={false}\n isSelected={this.state.displayType === \'chartView\'}\n />\n }\n text="Treemap View"\n key="treemapView"\n ariaDescribedBy="view-type-single-select"\n isIconOnly\n shouldCloseOnClick={false}\n isSelected={this.state.displayType === \'treemapView\'}\n />\n \n \n } text="Send" key="send" isIconOnly />\n \n } text="Print" key="print" isIconOnly />\n } text="Bookmark" key="bookmark" isIconOnly />\n } text="Trash" key="trash" isIconOnly />\n \n \n \n \n \n \n \n );\n }\n}\n\nexport default CollapsibleMenuViewDemo;\n\n')))}G.isMDXComponent=!0;var L=n(49271),Z=function(e){var l=e.title,n=e.description,a=e.isExpanded;return t.createElement(L.Z,{title:l||"Collapsible Menu View Demo",description:n,example:t.createElement(W.Z,null),exampleSrc:t.createElement(G,null),isExpanded:a})},_=n(49748),z=["components"];function H(){return H=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(a[n]=e[n]);return a}(e,l);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var F={};function J(e){var l=e.components,n=U(e,z);return(0,a.mdx)("wrapper",H({},F,n,{components:l,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport {\n IconCaretDown,\n IconTable,\n IconTreemap,\n IconVisualization,\n} from \'terra-icon\';\nimport CollapsibleMenuView from \'terra-collapsible-menu-view\';\n\nclass AlwaysCollapsedMenuItemsDemo extends React.Component {\n constructor(props) {\n super(props);\n this.handleDisplayTypeChange = this.handleDisplayTypeChange.bind(this);\n this.state = {\n displayType: \'tableView\',\n };\n }\n\n handleDisplayTypeChange(event, selectedKey) {\n this.setState({ displayType: selectedKey });\n }\n\n render() {\n return (\n ,\n ,\n ,\n ,\n ]}\n >\n }\n text="Add Document"\n key="addDocument"\n isReversed\n shouldCloseOnClick={false}\n subMenuItems={[\n ,\n ,\n ]}\n />\n }\n text="Add"\n key="Add"\n isReversed\n shouldCloseOnClick={false}\n subMenuItems={[\n ,\n ,\n ]}\n />\n \n \n }\n text="Table View"\n key="tableView"\n ariaDescribedBy="view-type-single-select"\n isIconOnly\n shouldCloseOnClick={false}\n isSelected={this.state.displayType === \'tableView\'}\n />\n }\n text="Chart View"\n key="chartView"\n ariaDescribedBy="view-type-single-select"\n isIconOnly\n shouldCloseOnClick={false}\n isSelected={this.state.displayType === \'chartView\'}\n />\n }\n text="Treemap View"\n key="treemapView"\n ariaDescribedBy="view-type-single-select"\n isIconOnly\n shouldCloseOnClick={false}\n isSelected={this.state.displayType === \'treemapView\'}\n />\n \n \n );\n }\n}\n\nexport default AlwaysCollapsedMenuItemsDemo;\n\n')))}J.isMDXComponent=!0;var Q=function(e){var l=e.title,n=e.description,a=e.isExpanded;return t.createElement(L.Z,{title:l||"Always Collapsed Menu Items Demo",description:n,example:t.createElement(_.Z,null),exampleSrc:t.createElement(J,null),isExpanded:a})},Y=n(95323),$=["components"];function ee(){return ee=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(a[n]=e[n]);return a}(e,l);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var ne={};function te(e){var l=e.components,n=le(e,$);return(0,a.mdx)("wrapper",ee({},ne,n,{components:l,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport {\n IconBookmark,\n IconCaretDown,\n IconPrinter,\n IconSend,\n IconTable,\n IconTrash,\n IconTreemap,\n IconVisualization,\n} from \'terra-icon\';\nimport CollapsibleMenuView from \'terra-collapsible-menu-view\';\n\nclass CollapsibleMenuViewStartAligned extends React.Component {\n constructor(props) {\n super(props);\n this.handleDisplayTypeChange = this.handleDisplayTypeChange.bind(this);\n this.handleToggleOneOnChange = this.handleToggleOneOnChange.bind(this);\n this.handleToggleTwoOnChange = this.handleToggleTwoOnChange.bind(this);\n this.handleToggleThreeOnChange = this.handleToggleThreeOnChange.bind(this);\n this.state = {\n toggle1Selection: false,\n toggle2Selection: false,\n toggle3Selection: false,\n displayType: \'tableView\',\n };\n }\n\n handleToggleOneOnChange(event, isSelected) {\n this.setState({ toggle1Selection: isSelected });\n }\n\n handleToggleTwoOnChange(event, isSelected) {\n this.setState({ toggle2Selection: isSelected });\n }\n\n handleToggleThreeOnChange(event, isSelected) {\n this.setState({ toggle3Selection: isSelected });\n }\n\n handleDisplayTypeChange(event, selectedKey) {\n this.setState({ displayType: selectedKey });\n }\n\n render() {\n return (\n \n \n \n \n \n }\n text="Add Document"\n key="addDocument"\n isReversed\n shouldCloseOnClick={false}\n subMenuItems={[\n ,\n ,\n ]}\n />\n }\n text="Add"\n key="Add"\n isReversed\n shouldCloseOnClick={false}\n subMenuItems={[\n ,\n ,\n ]}\n />\n \n \n }\n text="Table View"\n key="tableView"\n ariaDescribedBy="view-type-single-select"\n isIconOnly\n shouldCloseOnClick={false}\n isSelected={this.state.displayType === \'tableView\'}\n />\n }\n text="Chart View"\n key="chartView"\n ariaDescribedBy="view-type-single-select"\n isIconOnly\n shouldCloseOnClick={false}\n isSelected={this.state.displayType === \'chartView\'}\n />\n }\n text="Treemap View"\n key="treemapView"\n ariaDescribedBy="view-type-single-select"\n isIconOnly\n shouldCloseOnClick={false}\n isSelected={this.state.displayType === \'treemapView\'}\n />\n \n \n } text="Send" key="send" isIconOnly />\n \n } text="Print" key="print" isIconOnly />\n } text="Bookmark" key="bookmark" isIconOnly />\n } text="Trash" key="trash" isIconOnly />\n \n \n \n \n \n \n \n );\n }\n}\n\nexport default CollapsibleMenuViewStartAligned;\n\n')))}te.isMDXComponent=!0;var ae=function(e){var l=e.title,n=e.description,a=e.isExpanded;return t.createElement(L.Z,{title:l||"Collapsible Menu View Start Aligned",description:n,example:t.createElement(Y.Z,null),exampleSrc:t.createElement(te,null),isExpanded:a})},ie=n(59973),de=["components"];function oe(){return oe=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(a[n]=e[n]);return a}(e,l);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var se={};function me(e){var l=e.components,n=re(e,de);return(0,a.mdx)("wrapper",oe({},se,n,{components:l,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport IconTable from \'terra-icon/lib/icon/IconTable\';\nimport IconFlowsheet from \'terra-icon/lib/icon/IconFlowsheet\';\nimport IconVisualization from \'terra-icon/lib/icon/IconVisualization\';\nimport IconSend from \'terra-icon/lib/icon/IconSend\';\nimport CollapsibleMenuView from \'terra-collapsible-menu-view\';\n\nclass CollapsibleMenuViewWithMultiSelectItems extends React.Component {\n constructor(props) {\n super(props);\n this.handleDisplayTypeChange = this.handleDisplayTypeChange.bind(this);\n this.handleToggleOneOnChange = this.handleToggleOneOnChange.bind(this);\n this.handleToggleTwoOnChange = this.handleToggleTwoOnChange.bind(this);\n this.handleToggleThreeOnChange = this.handleToggleThreeOnChange.bind(this);\n this.state = {\n toggle1Selection: false,\n toggle2Selection: false,\n toggle3Selection: false,\n selectedKeys: [],\n };\n }\n\n handleToggleOneOnChange(event, isSelected) {\n this.setState({ toggle1Selection: isSelected });\n }\n\n handleToggleTwoOnChange(event, isSelected) {\n this.setState({ toggle2Selection: isSelected });\n }\n\n handleToggleThreeOnChange(event, isSelected) {\n this.setState({ toggle3Selection: isSelected });\n }\n\n handleDisplayTypeChange(event, selectedKey) {\n // eslint-disable-next-line react/no-access-state-in-setstate\n const newSelectedKeys = this.state.selectedKeys;\n if (!newSelectedKeys.includes(selectedKey)) {\n newSelectedKeys.push(selectedKey);\n } else {\n newSelectedKeys.splice(newSelectedKeys.indexOf(selectedKey), 1);\n }\n this.setState({ selectedKeys: newSelectedKeys });\n }\n\n render() {\n return (\n \n \n \n \n \n ,\n ,\n ]}\n />\n \n \n }\n text="Table View"\n key="tableView"\n ariaDescribedBy="view-type-multi-select"\n isIconOnly\n shouldCloseOnClick={false}\n isSelected={this.state.selectedKeys.includes(\'tableView\')}\n />\n }\n text="Expanded View"\n key="expandedView"\n ariaDescribedBy="view-type-multi-select"\n isIconOnly\n shouldCloseOnClick={false}\n isSelected={this.state.selectedKeys.includes(\'expandedView\')}\n />\n }\n text="Trending View"\n key="trendingView"\n ariaDescribedBy="view-type-multi-select"\n isIconOnly\n shouldCloseOnClick={false}\n isSelected={this.state.selectedKeys.includes(\'trendingView\')}\n />\n \n \n } text="Send Message" key="send" isIconOnly />\n \n );\n }\n}\n\nexport default CollapsibleMenuViewWithMultiSelectItems;\n\n')))}me.isMDXComponent=!0;var pe=function(e){var l=e.title,n=e.description,a=e.isExpanded;return t.createElement(L.Z,{title:l||"Collapsible Menu View With Multi Select Items",description:n,example:t.createElement(ie.Z,null),exampleSrc:t.createElement(me,null),isExpanded:a})},ue=["components"];function ce(){return ce=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(a[n]=e[n]);return a}(e,l);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var xe={},ge="wrapper";function he(e){var l=e.components,n=ye(e,ue);return(0,a.mdx)(ge,ce({},xe,n,{components:l,mdxType:"MDXLayout"}),(0,a.mdx)(i.C,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"terra-collapsible-menu-view"},"Terra Collapsible Menu View"),(0,a.mdx)("p",null,"The collapsible menu view is a mechanism that can be used in toolbar scenarios where actionable items will be displayed face-up and flex based on the space available. Any items that can not fit in the available space will be rolled into an ellipsis menu."),(0,a.mdx)("p",null,"CollapsibleMenuView.Item will flex between a button when displayed face-up and a Menu.Item when in a menu. An item can have an onClick action and/or contain menuItems that will be displayed in a menu when clicked (they will be displayed in a submenu if the item is rolled into the ellipsis menu)"),(0,a.mdx)("p",null,"CollapsibleMenuView.Toggle will flex between a checkbox with a label when displayed face-up and a selectable Menu.Item when in a menu."),(0,a.mdx)("p",null,"CollapsibleMenuView.Hyperlink will flex between a hyperlink and a selectable Menu.Item when in a menu."),(0,a.mdx)("p",null,"CollapsibleMenuView.ItemGroup will flex between a button group when displayed face-up and a Menu.ItemGroup when rolled into the ellipsis menu. A selectable ItemGroup will have toggle style selection. An Item group that is not selectable will have its children roll into the ellipsis menu as non selectable Menu.Items."),(0,a.mdx)("p",null,"CollapsibleMenuView.Divider will flex between a vertical divider when displayed face-up and a Menu.Divider when in a menu."),(0,a.mdx)("p",null,"To pre-populate the collapsible menu view with menu items that always remain collapsed, use the ",(0,a.mdx)("inlineCode",{parentName:"p"},"alwaysCollapsedMenuItems")," prop."),(0,a.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Install with ",(0,a.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("inlineCode",{parentName:"li"},"npm install terra-collapsible-menu-view"))))),(0,a.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,a.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,a.mdx)("table",null,(0,a.mdx)("thead",{parentName:"table"},(0,a.mdx)("tr",{parentName:"thead"},(0,a.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,a.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,a.mdx)("tbody",{parentName:"table"},(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"react"),(0,a.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,a.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"react-intl"),(0,a.mdx)("td",{parentName:"tr",align:null},"^2.8.0")))),(0,a.mdx)("h2",{id:"usage"},"Usage"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import CollapsibleMenuView from 'terra-collapsible-menu-view';\n")),(0,a.mdx)("h2",{id:"component-features"},"Component Features"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#ltr--rtl"},"LTR/RTL Support"))),(0,a.mdx)("h2",{id:"examples"},"Examples"),(0,a.mdx)(Z,{title:"CollapsibleMenuView Example",mdxType:"BasicView"}),(0,a.mdx)(Q,{title:"Always collapsed menu items",mdxType:"AlwaysCollapsedMenuItemsDemo"}),(0,a.mdx)(ae,{title:"CollapsibleMenuView start alignment",mdxType:"CollapsibleMenuViewStartAligned"}),(0,a.mdx)(pe,{title:"CollapsibleMenuView with multiselect items",mdxType:"CollapsibleMenuViewWithMultiSelectItems"}),(0,a.mdx)("h2",{id:"collapsible-menu-view-props"},"Collapsible Menu View props"),(0,a.mdx)(u,{mdxType:"CollapsibleMenuViewProps"}),(0,a.mdx)("h2",{id:"collapsiblemenuviewitem-props"},"CollapsibleMenuView.Item props"),(0,a.mdx)(f,{mdxType:"CollapsibleMenuViewItemProps"}),(0,a.mdx)("h2",{id:"collapsiblemenuviewitemgroup-props"},"CollapsibleMenuView.ItemGroup props"),(0,a.mdx)(v,{mdxType:"CollapsibleMenuViewItemGroupProps"}),(0,a.mdx)("h2",{id:"collapsiblemenuviewtoggle-props"},"CollapsibleMenuView.Toggle props"),(0,a.mdx)(M,{mdxType:"CollapsibleMenuViewToggleProps"}),(0,a.mdx)("h2",{id:"collapsiblemenuviewhyperlink-props"},"CollapsibleMenuView.Hyperlink props"),(0,a.mdx)(A,{mdxType:"CollapsibleMenuViewHyperlinkProps"}))}he.isMDXComponent=!0},69291:function(e,l,n){n.d(l,{C:function(){return i}});var t=n(67294),a=n(22863),i=function(e){var l=e.url;return t.createElement(a.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-collapsible-menu-view",name:"terra-collapsible-menu-view",version:"6.85.0",url:l})}},17422:function(e,l,n){n.r(l),l.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/2419-5b7e154f621d9467e9f3.css b/2419-5b7e154f621d9467e9f3.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/2419-5b7e154f621d9467e9f3.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/2419-5b7e154f621d9467e9f3.js b/2419-5b7e154f621d9467e9f3.js new file mode 100644 index 0000000000..8417a6a4a8 --- /dev/null +++ b/2419-5b7e154f621d9467e9f3.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[2419,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,a,l){var d=l(64836);a.Z=void 0;var m=d(l(67294)),n=d(l(45697)),t=d(l(47166)),i=d(l(17422)),r=t.default.bind(i.default),u={name:n.default.string.isRequired,src:n.default.string,url:n.default.string,version:n.default.string.isRequired},p=function(e){var a=e.src,l=e.name,d=e.url,n=e.version,t=m.default.createElement("a",{className:r("badge"),href:d||"https://www.npmjs.org/package/".concat(l,"/v/").concat(n)},m.default.createElement("span",{className:r("badge-name")},d?"package":"npm"),m.default.createElement("span",{className:r("badge-version")},"v".concat(n))),i=a?m.default.createElement("a",{className:r("badge"),href:a},m.default.createElement("span",{className:r("badge-name")},"github"),m.default.createElement("span",{className:r("badge-version")},"source")):void 0;return m.default.createElement("div",{className:r("badge-container")},t,i)};p.propTypes=u;var x=p;a.Z=x},2419:function(e,a,l){l.r(a),l.d(a,{default:function(){return h}});l(67294);var d=l(81254),m=l(35171),n=["components"];function t(){return t=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(m[l]=e[l]);return m}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(m[l]=e[l])}return m}var r={},u="wrapper";function p(e){var a=e.components,l=i(e,n);return(0,d.mdx)(u,t({},r,l,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)("h1",{id:"changelog"},"Changelog"),(0,d.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,d.mdx)("h2",{id:"3360---september-21-2023"},"3.36.0 - (September 21, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3350---august-16-2023"},"3.35.0 - (August 16, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed extra empty space showing when no elements are specified for title section.")))),(0,d.mdx)("h2",{id:"3340---august-2-2023"},"3.34.0 - (August 2, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Locked ",(0,d.mdx)("inlineCode",{parentName:"li"},"uuid")," dependency to ",(0,d.mdx)("inlineCode",{parentName:"li"},"3.4.0")," for maximum consistency across Terra packages."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added aria-labelledby attribute to ",(0,d.mdx)("em",{parentName:"li"},"DetailList")," using the list title's id attribute."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed issue related to flexing in ",(0,d.mdx)("em",{parentName:"li"},"DetailList"),".")))),(0,d.mdx)("h2",{id:"3330---july-17-2023"},"3.33.0 - (July 17, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3320---july-12-2023"},"3.32.0 - (July 12, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated ",(0,d.mdx)("em",{parentName:"li"},"DetailList")," to accept null as children."),(0,d.mdx)("li",{parentName:"ul"},"Locked ",(0,d.mdx)("inlineCode",{parentName:"li"},"uuid")," dependency to ",(0,d.mdx)("inlineCode",{parentName:"li"},"7.0.3")," for consistency across Terra packages."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added accessibility guide.")))),(0,d.mdx)("h2",{id:"3310---june-22-2023"},"3.31.0 - (June 22, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"isLabelValuePairList")," prop to the DetailList component to support using a description list for label-value pairs."),(0,d.mdx)("li",{parentName:"ul"},"Added aria-labelledby attribute to DetailView ",(0,d.mdx)("inlineCode",{parentName:"li"},"
")," using title's id attribute."),(0,d.mdx)("li",{parentName:"ul"},"Added an example terra-graphs for ",(0,d.mdx)("inlineCode",{parentName:"li"},"graph")," prop to terra-clinical-detail-view dev site.")))),(0,d.mdx)("h2",{id:"3300---june-14-2023"},"3.30.0 - (June 14, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated the DetailView component to use semantic html elements."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"level")," prop to the DetailView component to allow users to render different heading levels.")))),(0,d.mdx)("h2",{id:"3290---april-21-2023"},"3.29.0 - (April 21, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated the component examples.")))),(0,d.mdx)("h2",{id:"3280---march-29-2023"},"3.28.0 - (March 29, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated wdio screenshots.")))),(0,d.mdx)("h2",{id:"3270---july-21-2021"},"3.27.0 - (July 21, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,d.mdx)("h2",{id:"3260---march-25-2021"},"3.26.0 - (March 25, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Upgrade tests to terra-functional-testing and WebDriverIO v6")))),(0,d.mdx)("h2",{id:"3250---january-5-2021"},"3.25.0 - (January 5, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation.")))),(0,d.mdx)("h2",{id:"3240---november-10-2020"},"3.24.0 - (November 10, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,d.mdx)("h2",{id:"3230---august-25-2020"},"3.23.0 - (August 25, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3220---august-4-2020"},"3.22.0 - (August 4, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"updated ",(0,d.mdx)("inlineCode",{parentName:"li"},"master")," references to ",(0,d.mdx)("inlineCode",{parentName:"li"},"main"),"."),(0,d.mdx)("li",{parentName:"ul"},"Update changelog formatting")))),(0,d.mdx)("h2",{id:"3210---june-16-2020"},"3.21.0 - (June 16, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Specify divider display to prevent global styles from overriding/hiding it")))),(0,d.mdx)("h2",{id:"3200---june-9-2020"},"3.20.0 - (June 9, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Apply themes by context and directly include packaged themes.")))),(0,d.mdx)("h2",{id:"3190---april-28-2020"},"3.19.0 - (April 28, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"directory")," as a sub attribute to the ",(0,d.mdx)("inlineCode",{parentName:"li"},"repository")," attribute in package.json"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge')))),(0,d.mdx)("h2",{id:"3180---april-14-2020"},"3.18.0 - (April 14, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config")))),(0,d.mdx)("h2",{id:"3170---march-31-2020"},"3.17.0 - (March 31, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added wdio screenshots for clinical-lowlight-theme")))),(0,d.mdx)("h2",{id:"3160---march-17-2020"},"3.16.0 - (March 17, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update docs to use MDX syntax")))),(0,d.mdx)("h2",{id:"3150---february-18-2020"},"3.15.0 - (February 18, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme theming files")))),(0,d.mdx)("h2",{id:"3140---january-28-2020"},"3.14.0 - (January 28, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update copyright to include 2020")))),(0,d.mdx)("h2",{id:"3130---january-22-2020"},"3.13.0 - (January 22, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added orion-fusion-theme and generated the respective reference wdio screenshots.")))),(0,d.mdx)("h2",{id:"3120---january-7-2020"},"3.12.0 - (January 7, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"3110---october-30-2019"},"3.11.0 - (October 30, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update docs to use mdx syntax")))),(0,d.mdx)("h2",{id:"3100---september-26-2019"},"3.10.0 - (September 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"390---september-19-2019"},"3.9.0 - (September 19, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Convert SCSS files to .module.scss")))),(0,d.mdx)("h2",{id:"380---september-6-2019"},"3.8.0 - (September 6, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed inline styles from dev site components."),(0,d.mdx)("li",{parentName:"ul"},"Replaced Object.assign syntax with Object spread syntax"),(0,d.mdx)("li",{parentName:"ul"},"Add comments for ESlint 6"),(0,d.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files"),(0,d.mdx)("li",{parentName:"ul"},"Removed clinical-item-display as a dependency.")))),(0,d.mdx)("h2",{id:"370---august-14-2019"},"3.7.0 - (August 14, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated package.json test scripts")))),(0,d.mdx)("h2",{id:"360---july-16-2019"},"3.6.0 - (July 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Replaced inline stylings for terra-dev-site components with .scss files"),(0,d.mdx)("li",{parentName:"ul"},"Update wdio specs to use Terra.describeViewports"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added max-width to DetailListItem resolving IE10 wrapping issue for label-value-views inside of detail-view-list.")))),(0,d.mdx)("h2",{id:"350---june-11-2019"},"3.5.0 - (June 11, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Removed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore")))),(0,d.mdx)("h2",{id:"340---march-26-2019"},"3.4.0 - (March 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,d.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,d.mdx)("h2",{id:"330---february-26-2019"},"3.3.0 - (February 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"320---february-5-2019"},"3.2.0 - (February 5, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"310---january-22-2019"},"3.1.0 - (January 22, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Dependency updates")))),(0,d.mdx)("h2",{id:"300---january-17-2019"},"3.0.0 - (January 17, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Breaking Change"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Renamed theming variables to match new lint standards"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Changelog dev site doc page")))),(0,d.mdx)("h2",{id:"2170---november-21-2018"},"2.17.0 - (November 21, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"2160---october-8-2018"},"2.16.0 - (October 8, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"2150---october-2-2018"},"2.15.0 - (October 2, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v5 update")))),(0,d.mdx)("h2",{id:"2140---september-5-2018"},"2.14.0 - (September 5, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,d.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,d.mdx)("h2",{id:"2130---august-30-2018"},"2.13.0 - (August 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"2120---august-1-2018"},"2.12.0 - (August 1, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor updates")))),(0,d.mdx)("h2",{id:"2111---july-25-2018"},"2.11.1 - (July 25, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Patch release")))),(0,d.mdx)("h2",{id:"2110---july-25-2018"},"2.11.0 - (July 25, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor updates")))),(0,d.mdx)("h2",{id:"2100---july-17-2018"},"2.10.0 - (July 17, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor updates")))),(0,d.mdx)("h2",{id:"290---july-3-2018"},"2.9.0 - (July 3, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor updates")))),(0,d.mdx)("h2",{id:"280---june-28-2018"},"2.8.0 - (June 28, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added word-wrap property to DetailView titles and subtitles"),(0,d.mdx)("li",{parentName:"ul"},"Added test page for overflow text"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Lint in doc page")))),(0,d.mdx)("h2",{id:"270---june-19-2018"},"2.7.0 - (June 19, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor updates")))),(0,d.mdx)("h2",{id:"260---june-12-2018"},"2.6.0 - (June 12, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Conform to eslint updates"),(0,d.mdx)("li",{parentName:"ul"},"Added theming variables in Detail View")))),(0,d.mdx)("h2",{id:"250---may-30-2018"},"2.5.0 - (May 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Moved examples to src")))),(0,d.mdx)("h2",{id:"240---may-22-2018"},"2.4.0 - (May 22, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"230---may-1-2018"},"2.3.0 - (May 1, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},'Added new props "secondaryTitles", "accessory", and "isSmallerTitles"'))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated spacing & text sizes"),(0,d.mdx)("li",{parentName:"ul"},"Updated empty/none default prop values to undefined")))),(0,d.mdx)("h2",{id:"220---march-27-2018"},"2.2.0 - (March 27, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated text sizes & colors")))),(0,d.mdx)("h2",{id:"210---march-6-2018"},"2.1.0 - (March 6, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"200---february-19-2018"},"2.0.0 - (February 19, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update to React 16")))),(0,d.mdx)("h2",{id:"150---february-19-2018"},"1.5.0 - (February 19, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"140---september-26-2017"},"1.4.0 - (September 26, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Remove stylelint-disable selector-class-pattern")))),(0,d.mdx)("h2",{id:"130---september-1-2017"},"1.3.0 - (September 1, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Change dependency on terra-base to v2.0.0"),(0,d.mdx)("li",{parentName:"ul"},"Update nightwatch tests and test scripts.")))),(0,d.mdx)("h2",{id:"120---august-16-2017"},"1.2.0 - (August 16, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Change data-class to be name spaced"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixes"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed divider rendering for when graphic is not present which caused double dividers"),(0,d.mdx)("li",{parentName:"ul"},"Fixed styling that applied padding-bottom on all children")))),(0,d.mdx)("h2",{id:"111---july-27-2017"},"1.1.1 - (July 27, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated spacing around react-docgen comments")))),(0,d.mdx)("h2",{id:"110---july-18-2017"},"1.1.0 - (July 18, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Converted component to use CSS modules"),(0,d.mdx)("li",{parentName:"ul"},"Updated nightwatch test scripts"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed nightwatch.config file")))),(0,d.mdx)("h2",{id:"100---june-28-2017"},"1.0.0 - (June 28, 2017)"),(0,d.mdx)("p",null,"Initial stable release"))}p.isMDXComponent=!0;var x=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(m[l]=e[l]);return m}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(m[l]=e[l])}return m}var N={},c="wrapper";function h(e){var a=e.components,l=s(e,x);return(0,d.mdx)(c,o({},N,l,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)(m.C,{mdxType:"Badge"}),(0,d.mdx)(p,{mdxType:"ChangeLog"}))}h.isMDXComponent=!0},35171:function(e,a,l){l.d(a,{C:function(){return n}});var d=l(67294),m=l(22863),n=function(e){var a=e.url;return d.createElement(m.Z,{src:"https://github.com/cerner/terra-clinical/tree/main/packages/terra-clinical-detail-view",name:"terra-clinical-detail-view",version:"3.36.0",url:a})}},17422:function(e,a,l){l.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/24316-df7ae11a94b69fe419f1.css b/24316-df7ae11a94b69fe419f1.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/24316-df7ae11a94b69fe419f1.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/24316-df7ae11a94b69fe419f1.js b/24316-df7ae11a94b69fe419f1.js new file mode 100644 index 0000000000..32cab2ed6f --- /dev/null +++ b/24316-df7ae11a94b69fe419f1.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[24316,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,t,n){var a=n(64836);t.Z=void 0;var r=a(n(67294)),i=a(n(45697)),l=a(n(47166)),o=a(n(17422)),u=l.default.bind(o.default),d={name:i.default.string.isRequired,src:i.default.string,url:i.default.string,version:i.default.string.isRequired},m=function(e){var t=e.src,n=e.name,a=e.url,i=e.version,l=r.default.createElement("a",{className:u("badge"),href:a||"https://www.npmjs.org/package/".concat(n,"/v/").concat(i)},r.default.createElement("span",{className:u("badge-name")},a?"package":"npm"),r.default.createElement("span",{className:u("badge-version")},"v".concat(i))),o=t?r.default.createElement("a",{className:u("badge"),href:t},r.default.createElement("span",{className:u("badge-name")},"github"),r.default.createElement("span",{className:u("badge-version")},"source")):void 0;return r.default.createElement("div",{className:u("badge-container")},l,o)};m.propTypes=d;var s=m;t.Z=s},24316:function(e,t,n){n.r(t),n.d(t,{default:function(){return m}});n(67294);var a=n(81254),r=n(56354),i=["components"];function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var u={},d="wrapper";function m(e){var t=e.components,n=o(e,i);return(0,a.mdx)(d,l({},u,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(r.C,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"keyboard-shortcuts-for-terra-time-input"},"Keyboard Shortcuts for Terra Time Input"),(0,a.mdx)("p",null,"The Terra Time Input offers additional functionality with specific keyboard shortcuts to save time when interacting with time inputs."),(0,a.mdx)("p",null,"Pressing any of the supported keys while the input is in focus will populate the inputs with the listed shortcut response."),(0,a.mdx)("table",null,(0,a.mdx)("thead",{parentName:"table"},(0,a.mdx)("tr",{parentName:"thead"},(0,a.mdx)("th",{parentName:"tr",align:null},"Key / Sequence"),(0,a.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,a.mdx)("tbody",{parentName:"table"},(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"N"),(0,a.mdx)("td",{parentName:"tr",align:null},"Sets the time value to the current time (Now).")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"-"),(0,a.mdx)("td",{parentName:"tr",align:null},"Decrements the minute value by 1 minute. If blank or not a valid time, input will set value to current time minus 1 minute.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"+"),(0,a.mdx)("td",{parentName:"tr",align:null},"Increments the minute value by 1 minute. If blank or not a valid time, input will set value to current time plus 1 minute.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"A"),(0,a.mdx)("td",{parentName:"tr",align:null},"In a 12 hour clock, sets meridiem to antemeridiem. If blank or not a valid time, input will set value to midnight. If not a 12 hour clock, will do nothing.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"P"),(0,a.mdx)("td",{parentName:"tr",align:null},"In a 12 hour clock, sets meridiem to postmeridiem. If blank or not a valid time, input will set value to noon. If not a 12 hour clock, will do nothing.")))),(0,a.mdx)("p",null,(0,a.mdx)("em",{parentName:"p"},"Note: For any key listed, pressing the designated keyboard character key is not specific to uppercase or lowercase and works for both cases (e.g. if capslock or shift key is also being applied). Uppercase-only usage is not required.")),(0,a.mdx)("h2",{id:"release-notes-for-specific-versions"},"Release notes for specific versions"),(0,a.mdx)("h3",{id:"4431"},"4.43.1"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Initial keyboard shortcut release. This adds the key listeners to the hour number input, minute number input, and second number input.")))}m.isMDXComponent=!0},56354:function(e,t,n){n.d(t,{C:function(){return i}});var a=n(67294),r=n(22863),i=function(e){var t=e.url;return a.createElement(r.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-time-input",name:"terra-time-input",version:"4.58.0",url:t})}},17422:function(e,t,n){n.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/24441-47d61a081386c97baac3.css b/24441-47d61a081386c97baac3.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/24441-47d61a081386c97baac3.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/24441-47d61a081386c97baac3.js b/24441-47d61a081386c97baac3.js new file mode 100644 index 0000000000..4db20d7fd6 --- /dev/null +++ b/24441-47d61a081386c97baac3.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[24441,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,a,r){var t=r(64836);a.Z=void 0;var n=t(r(67294)),o=t(r(45697)),s=t(r(47166)),d=t(r(17422)),u=s.default.bind(d.default),c={name:o.default.string.isRequired,src:o.default.string,url:o.default.string,version:o.default.string.isRequired},i=function(e){var a=e.src,r=e.name,t=e.url,o=e.version,s=n.default.createElement("a",{className:u("badge"),href:t||"https://www.npmjs.org/package/".concat(r,"/v/").concat(o)},n.default.createElement("span",{className:u("badge-name")},t?"package":"npm"),n.default.createElement("span",{className:u("badge-version")},"v".concat(o))),d=a?n.default.createElement("a",{className:u("badge"),href:a},n.default.createElement("span",{className:u("badge-name")},"github"),n.default.createElement("span",{className:u("badge-version")},"source")):void 0;return n.default.createElement("div",{className:u("badge-container")},s,d)};i.propTypes=c;var l=i;a.Z=l},24441:function(e,a,r){r.r(a),r.d(a,{default:function(){return i}});r(67294);var t=r(81254),n=r(74285),o=["components"];function s(){return s=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(n[r]=e[r]);return n}(e,a);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}var u={},c="wrapper";function i(e){var a=e.components,r=d(e,o);return(0,t.mdx)(c,s({},u,r,{components:a,mdxType:"MDXLayout"}),(0,t.mdx)(n.C,{mdxType:"Badge"}),(0,t.mdx)("h1",{id:"terra-tag-upgrade-guide"},"Terra Tag Upgrade Guide"),(0,t.mdx)("h2",{id:"changes-from-version-1-to-version-2"},"Changes from version 1 to version 2"),(0,t.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,t.mdx)("h4",{id:"added"},"Added"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"--terra-tag-focus-color"),(0,t.mdx)("li",{parentName:"ul"},"--terra-tag-hover-border-color")))}i.isMDXComponent=!0},74285:function(e,a,r){r.d(a,{C:function(){return o}});var t=r(67294),n=r(22863),o=function(e){var a=e.url;return t.createElement(n.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-tag",name:"terra-tag",version:"2.64.1",url:a})}},17422:function(e,a,r){r.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/24557-f9ad0edb8149ada4fe20.css b/24557-f9ad0edb8149ada4fe20.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/24557-f9ad0edb8149ada4fe20.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/24557-f9ad0edb8149ada4fe20.js b/24557-f9ad0edb8149ada4fe20.js new file mode 100644 index 0000000000..7aba2a43c6 --- /dev/null +++ b/24557-f9ad0edb8149ada4fe20.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[24557,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,m,l){var n=l(64836);m.Z=void 0;var d=n(l(67294)),a=n(l(45697)),r=n(l(47166)),u=n(l(17422)),i=r.default.bind(u.default),t={name:a.default.string.isRequired,src:a.default.string,url:a.default.string,version:a.default.string.isRequired},p=function(e){var m=e.src,l=e.name,n=e.url,a=e.version,r=d.default.createElement("a",{className:i("badge"),href:n||"https://www.npmjs.org/package/".concat(l,"/v/").concat(a)},d.default.createElement("span",{className:i("badge-name")},n?"package":"npm"),d.default.createElement("span",{className:i("badge-version")},"v".concat(a))),u=m?d.default.createElement("a",{className:i("badge"),href:m},d.default.createElement("span",{className:i("badge-name")},"github"),d.default.createElement("span",{className:i("badge-version")},"source")):void 0;return d.default.createElement("div",{className:i("badge-container")},r,u)};p.propTypes=t;var x=p;m.Z=x},24557:function(e,m,l){l.r(m),l.d(m,{default:function(){return c}});l(67294);var n=l(81254),d=l(94986),a=["components"];function r(){return r=Object.assign?Object.assign.bind():function(e){for(var m=1;m=0||(d[l]=e[l]);return d}(e,m);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(d[l]=e[l])}return d}var i={},t="wrapper";function p(e){var m=e.components,l=u(e,a);return(0,n.mdx)(t,r({},i,l,{components:m,mdxType:"MDXLayout"}),(0,n.mdx)("h1",{id:"changelog"},"Changelog"),(0,n.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,n.mdx)("h2",{id:"3810---november-13-2023"},"3.81.0 - (November 13, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3800---november-2-2023"},"3.80.0 - (November 2, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3790---october-23-2023"},"3.79.0 - (October 23, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3780---october-16-2023"},"3.78.0 - (October 16, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3770---october-3-2023"},"3.77.0 - (October 3, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3760---september-21-2023"},"3.76.0 - (September 21, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3750---september-19-2023"},"3.75.0 - (September 19, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3740---august-25-2023"},"3.74.0 - (August 25, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3730---august-23-2023"},"3.73.0 - (August 23, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3720---august-11-2023"},"3.72.0 - (August 11, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3710---august-11-2023"},"3.71.0 - (August 11, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3700---august-8-2023"},"3.70.0 - (August 8, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3690---august-1-2023"},"3.69.0 - (August 1, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3680---april-27-2023"},"3.68.0 - (April 27, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3670---march-1-2023"},"3.67.0 - (March 1, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated jest snapshots for button changes.")))),(0,n.mdx)("h2",{id:"3660---february-16-2023"},"3.66.0 - (February 16, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3650---february-15-2023"},"3.65.0 - (February 15, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated jest snapshots for icon button changes.")))),(0,n.mdx)("h2",{id:"3640---february-7-2023"},"3.64.0 - (February 7, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3631---january-31-2023"},"3.63.1 - (January 31, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated wdio screenshots due to functional-testing upgrade."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Jest snapshots updated due to decorative / informative icon changes in terra-icon.")))),(0,n.mdx)("h2",{id:"3630---january-9-2023"},"3.63.0 - (January 9, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump of terra-icon and terra-toggle")))),(0,n.mdx)("h2",{id:"3620---december-7-2022"},"3.62.0 - (December 7, 2022)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3614---july-5-2022"},"3.61.4 - (July 5, 2022)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3613---may-3-2022"},"3.61.3 - (May 3, 2022)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3612---april-29-2022"},"3.61.2 - (April 29, 2022)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3611---february-15-2022"},"3.61.1 - (February 15, 2022)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3610---february-2-2022"},"3.61.0 - (February 2, 2022)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Migrate docs to terra core docs.")))),(0,n.mdx)("h2",{id:"3602---january-4-2022"},"3.60.2 - (January 4, 2022)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3601---december-14-2021"},"3.60.1 - (December 14, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3600---november-2-2021"},"3.60.0 - (November 2, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3590---september-21-2021"},"3.59.0 - (September 21, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated WDIO Screenshots due to webpack-config-terra sass upgrade.")))),(0,n.mdx)("h2",{id:"3580---august-25-2021"},"3.58.0 - (August 25, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3570---june-22-2021"},"3.57.0 - (June 22, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3560---june-8-2021"},"3.56.0 - (June 8, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3550---april-13-2021"},"3.55.0 - (April 13, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3540---april-6-2021"},"3.54.0 - (April 6, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed unnecessary ",(0,n.mdx)("inlineCode",{parentName:"li"},"wdio.conf.js")," file"),(0,n.mdx)("li",{parentName:"ul"},"Upgrade tests to terra-functional-testing and WebDriverIO v6"),(0,n.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,n.mdx)("h2",{id:"3530---february-2-2021"},"3.53.0 - (February 2, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3520---january-5-2021"},"3.52.0 - (January 5, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation.")))),(0,n.mdx)("h2",{id:"3510---december-8-2020"},"3.51.0 - (December 8, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,n.mdx)("h2",{id:"3500---november-17-2020"},"3.50.0 - (November 17, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3490---november-10-2020"},"3.49.0 - (November 10, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated ",(0,n.mdx)("inlineCode",{parentName:"li"},"terra-dev-site")," examples to use react hooks.")))),(0,n.mdx)("h2",{id:"3480---october-27-2020"},"3.48.0 - (October 27, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3470---september-16-2020"},"3.47.0 - (September 16, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3460---august-18-2020"},"3.46.0 - (August 18, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3450---august-6-2020"},"3.45.0 - (August 6, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3440---august-4-2020"},"3.44.0 - (August 4, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3430---july-29-2020"},"3.43.0 - (July 29, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update changelog formatting")))),(0,n.mdx)("h2",{id:"3420---july-7-2020"},"3.42.0 - (July 7, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3410---june-11-2020"},"3.41.0 - (June 11, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3400---june-9-2020"},"3.40.0 - (June 9, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor file changes to comply with eslint rules"),(0,n.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config")))),(0,n.mdx)("h2",{id:"3390---june-2-2020"},"3.39.0 - (June 2, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3380---may-19-2020"},"3.38.0 - (May 19, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3370---may-5-2020"},"3.37.0 - (May 5, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3360---april-28-2020"},"3.36.0 - (April 28, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge'))),(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,n.mdx)("h2",{id:"3350---april-22-2020"},"3.35.0 - (April 22, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3340---april-22-2020"},"3.34.0 - (April 22, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated wdio snapshots due to changes in button."),(0,n.mdx)("li",{parentName:"ul"},"Updated documentation link in README")))),(0,n.mdx)("h2",{id:"3330---march-31-2020"},"3.33.0 - (March 31, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3320---march-10-2020"},"3.32.0 - (March 10, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update docs to use mdx syntax.")))),(0,n.mdx)("h2",{id:"3310---february-18-2020"},"3.31.0 - (February 18, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added generated-themes to .npmignore")))),(0,n.mdx)("h2",{id:"3300---february-4-2020"},"3.30.0 - (February 4, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3290---january-28-2020"},"3.29.0 - (January 28, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3280---january-7-2020"},"3.28.0 - (January 7, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3270---december-10-2019"},"3.27.0 - (December 10, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3260---december-3-2019"},"3.26.0 - (December 3, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},'Added reference wdio screenshots for "orion-fusion-theme".')))),(0,n.mdx)("h2",{id:"3250---october-30-2019"},"3.25.0 - (October 30, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Inline SVG aligned for IE and wdio screenshots Updated."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed lint warnings for multiple empty lines")))),(0,n.mdx)("h2",{id:"3240---october-3-2019"},"3.24.0 - (October 3, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3230---september-19-2019"},"3.23.0 - (September 19, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed ",(0,n.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site.")))),(0,n.mdx)("h2",{id:"3220---september-6-2019"},"3.22.0 - (September 6, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Props table markdown file import added to doc site page")))),(0,n.mdx)("h2",{id:"3210---september-3-2019"},"3.21.0 - (September 3, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3200---august-21-2019"},"3.20.0 - (August 21, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files"),(0,n.mdx)("li",{parentName:"ul"},"Import for package version from package.json added to doc page"),(0,n.mdx)("li",{parentName:"ul"},"Added comments for ESlint v6")))),(0,n.mdx)("h2",{id:"3190---august-14-2019"},"3.19.0 - (August 14, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update jest test snapshot"),(0,n.mdx)("li",{parentName:"ul"},"updated package.json test scripts")))),(0,n.mdx)("h2",{id:"3180---july-30-2019"},"3.18.0 - (July 30, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3170---july-24-2019"},"3.17.0 - (July 24, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3160---july-16-2019"},"3.16.0 - (July 16, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies")))),(0,n.mdx)("h2",{id:"3150----july-11-2019"},"3.15.0 - (July 11, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update tests to use ",(0,n.mdx)("inlineCode",{parentName:"li"},"Terra.describeViewports")," for setting viewports and use ",(0,n.mdx)("inlineCode",{parentName:"li"},"Terra.it.validatesElement"))))),(0,n.mdx)("h2",{id:"3140---june-28-2019"},"3.14.0 - (June 28, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed all inline styles from Dev-site components and implemented the same styles using external css.")))),(0,n.mdx)("h2",{id:"3130---june-18-2019"},"3.13.0 - (June 18, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency bump")))),(0,n.mdx)("h2",{id:"3121---june-12-2019"},"3.12.1 - (June 12, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Revert changes to updated wdio screenshots")))),(0,n.mdx)("h2",{id:"3120---june-11-2019"},"3.12.0 - (June 11, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Made required updates to consume terra-toolkit v5 and terra-dev-site v5"),(0,n.mdx)("li",{parentName:"ul"},"Updated wdio screenshots")))),(0,n.mdx)("h2",{id:"3110---may-21-2019"},"3.11.0 - (May 21, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3100---may-1-2019"},"3.10.0 - (May 1, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"390---april-16-2019"},"3.9.0 - (April 16, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"380---april-9-2019"},"3.8.0 - (April 9, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"370---april-2-2019"},"3.7.0 - (April 2, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"360---march-26-2019"},"3.6.0 - (March 26, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,n.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,n.mdx)("h2",{id:"350---march-21-2019"},"3.5.0 - (March 21, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"341---march-5-2019"},"3.4.1 - (March 5, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,n.mdx)("h2",{id:"340---february-26-2019"},"3.4.0 - (February 26, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"330---february-12-2019"},"3.3.0 - (February 12, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"320---february-5-2019"},"3.2.0 - (February 5, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"310---january-26-2019"},"3.1.0 - (January 26, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"300---january-22-2019"},"3.0.0 - (January 22, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated theme variables")))),(0,n.mdx)("h2",{id:"2330---january-8-2019"},"2.33.0 - (January 8, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2320---january-2-2019"},"2.32.0 - (January 2, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,n.mdx)("li",{parentName:"ul"},"Removed use of componentWillReceiveProps")))),(0,n.mdx)("h2",{id:"2311---november-20-2018"},"2.31.1 - (November 20, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,n.mdx)("h2",{id:"2310---november-19-2018"},"2.31.0 - (November 19, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2300---november-13-2018"},"2.30.0 - (November 13, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2290---november-9-2018"},"2.29.0 - (November 9, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2280---october-24-2018"},"2.28.0 - (October 24, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2270---october-16-2018"},"2.27.0 - (October 16, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2260---october-8-2018"},"2.26.0 - (October 8, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2250---october-2-2018"},"2.25.0 - (October 2, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2240---september-25-2018"},"2.24.0 - (September 25, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2231---september-6-2018"},"2.23.1 - (September 6, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,n.mdx)("h2",{id:"2230---september-5-2018"},"2.23.0 - (September 5, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,n.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,n.mdx)("h2",{id:"2220---september-4-2018"},"2.22.0 - (September 4, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2210---august-29-2018"},"2.21.0 - (August 29, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2200---august-21-2018"},"2.20.0 - (August 21, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2190---august-1-2018"},"2.19.0 - (August 1, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2180---july-19-2018"},"2.18.0 - (July 19, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Add .module extension to SCSS file(s)")))),(0,n.mdx)("h2",{id:"2170---july-17-2018"},"2.17.0 - (July 17, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,n.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v4 update")))),(0,n.mdx)("h2",{id:"2160---july-10-2018"},"2.16.0 - (July 10, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Accessibility in Animated Test example")))),(0,n.mdx)("h2",{id:"2150---june-28-2018"},"2.15.0 - (June 28, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added change log to the documentation on terra-dev-site")))),(0,n.mdx)("h2",{id:"2140---june-22-2018"},"2.14.0 - (June 22, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Moved terra-base from dependency to peerDependency")))),(0,n.mdx)("h2",{id:"2130---june-12-2018"},"2.13.0 - (June 12, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},'Updated "test:jest" script to work on windows.')))),(0,n.mdx)("h2",{id:"2130---may-30-2018"},"2.13.0 - (May 30, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated structure to match terra-dev-site 1.0 and moved doc examples internal.")))),(0,n.mdx)("h2",{id:"2120---may-25-2018"},"2.12.0 - (May 25, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2110---may-23-2018"},"2.11.0 - (May 23, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2100---may-16-2018"},"2.10.0 - (May 16, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"290---may-9-2018"},"2.9.0 - (May 9, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"280---may-2-2018"},"2.8.0 - (May 2, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"270---april-20-2018"},"2.7.0 - (April 20, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"260---april-15-2018"},"2.6.0 - (April 15, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"250---april-5-2018"},"2.5.0 - (April 5, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"240---march-30-2018"},"2.4.0 - (March 30, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"230---march-14-2018"},"2.3.0 - (March 14, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"220---march-6-2018"},"2.2.0 - (March 6, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Removed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed props-table script from package.json")))),(0,n.mdx)("h2",{id:"210---february-26-2018"},"2.1.0 - (February 26, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"201---february-13-2018"},"2.0.1 - (February 13, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated peerDependencies")))),(0,n.mdx)("h2",{id:"200---february-12-2018"},"2.0.0 - (February 12, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated to use React 16"),(0,n.mdx)("li",{parentName:"ul"},"Uplifted component to use terra-button v2")))),(0,n.mdx)("h2",{id:"1190---february-1-2018"},"1.19.0 - (February 1, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1180---january-18-2018"},"1.18.0 - (January 18, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1170---january-5-2018"},"1.17.0 - (January 5, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1160---november-28-2017"},"1.16.0 - (November 28, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1150---november-16-2017"},"1.15.0 - (November 16, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1140---november-7-2017"},"1.14.0 - (November 7, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1130---october-31-2017"},"1.13.0 - (October 31, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1120---october-6-2017"},"1.12.0 - (October 6, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1110---september-26-2017"},"1.11.0 - (September 26, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Removed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Remove stylelint-disable selector-class-pattern")))),(0,n.mdx)("h2",{id:"1100---september-19-2017"},"1.10.0 - (September 19, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"190---september-12-2017"},"1.9.0 - (September 12, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"180---september-7-2017"},"1.8.0 - (September 7, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"170---september-5-2017"},"1.7.0 - (September 5, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update nightwatch tests and test scripts.")))),(0,n.mdx)("h2",{id:"160---august-31-2017"},"1.6.0 - (August 31, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"150---august-15-2017"},"1.5.0 - (August 15, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"140---august-8-2017"},"1.4.0 - (August 8, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"130---august-1-2017"},"1.3.0 - (August 1, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"120---july-26-2017"},"1.2.0 - (July 26, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"110---july-18-2017"},"1.1.0 - (July 18, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Converted component to use CSS modules"),(0,n.mdx)("li",{parentName:"ul"},"Updated nightwatch test scripts"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed nightwatch.config file")))),(0,n.mdx)("h2",{id:"100---june-28-2017"},"1.0.0 - (June 28, 2017)"),(0,n.mdx)("p",null,"Initial stable release"))}p.isMDXComponent=!0;var x=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var m=1;m=0||(d[l]=e[l]);return d}(e,m);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(d[l]=e[l])}return d}var s={},h="wrapper";function c(e){var m=e.components,l=N(e,x);return(0,n.mdx)(h,o({},s,l,{components:m,mdxType:"MDXLayout"}),(0,n.mdx)(d.C,{mdxType:"Badge"}),(0,n.mdx)(p,{mdxType:"ChangeLog"}))}c.isMDXComponent=!0},94986:function(e,m,l){l.d(m,{C:function(){return a}});var n=l(67294),d=l(22863),a=function(e){var m=e.url;return n.createElement(d.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-toggle-button",name:"terra-toggle-button",version:"3.81.0",url:m})}},17422:function(e,m,l){l.r(m),m.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/24716-1146469004c308e88d25.css b/24716-1146469004c308e88d25.css new file mode 100644 index 0000000000..43c798b70a --- /dev/null +++ b/24716-1146469004c308e88d25.css @@ -0,0 +1,7 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.Card-module__clinical-lowlight-theme___rpqXf{--terra-card-background-color: #222a2e;--terra-card-border-radius: 3px;--terra-card-border: 1px solid #181b1d;--terra-card-box-shadow: none;--terra-card-color: #b2b5b6;--terra-card-raised-box-shadow: 0 3px 8px -2px rgba(0, 0, 0, 0.18), 0 3px 10px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -3px rgba(0, 0, 0, 0.3)}.Card-module__orion-fusion-theme___QgHmr{--terra-card-background-color: #fff;--terra-card-border-radius: 0;--terra-card-border: 1px solid #c8cacb;--terra-card-box-shadow: none;--terra-card-color: inherit;--terra-card-raised-box-shadow: 2px 2px 0 0 rgba(28, 31, 33, 0.1), -2px 2px 0 0 rgba(28, 31, 33, 0.1), 0 4px 0 0 rgba(28, 31, 33, 0.04), 0 8px 0 -2px rgba(28, 31, 33, 0.03)}.Card-module__card___n9\+A2{color:var(--terra-card-color);overflow:hidden}[dir] .Card-module__card___n9\+A2{background-color:#fff;background-color:var(--terra-card-background-color, #fff);border:1px solid #c8cacb;border:var(--terra-card-border, 1px solid #c8cacb);border-radius:3px;border-radius:var(--terra-card-border-radius, 3px)}[dir] .Card-module__default___Pvv6U{box-shadow:none;box-shadow:var(--terra-card-box-shadow, none)}[dir] .Card-module__raised___OPyVO{box-shadow:0 3px 8px -2px rgba(0, 0, 0, 0.18), 0 3px 10px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -3px rgba(0, 0, 0, 0.3);box-shadow:var(--terra-card-raised-box-shadow, 0 3px 8px -2px rgba(0, 0, 0, 0.18), 0 3px 10px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -3px rgba(0, 0, 0, 0.3))} +.CardBody-module__orion-fusion-theme___Xdg9v{--terra-card-padding-bottom: 0.5rem;--terra-card-padding-left: 0.5rem;--terra-card-padding-right: 0.5rem;--terra-card-padding-top: 0.5rem}.CardBody-module__clinical-lowlight-theme___2YDc3{--terra-card-padding-bottom: 10px;--terra-card-padding-left: 10px;--terra-card-padding-right: 10px;--terra-card-padding-top: 10px}[dir] .CardBody-module__vertical-padding___xyd9u{padding-bottom:10px;padding-bottom:var(--terra-card-padding-bottom, 10px);padding-top:10px;padding-top:var(--terra-card-padding-top, 10px)}[dir=ltr] .CardBody-module__horizontal-padding___wGati{padding-left:10px;padding-left:var(--terra-card-padding-left, 10px);padding-right:10px;padding-right:var(--terra-card-padding-right, 10px)}[dir=rtl] .CardBody-module__horizontal-padding___wGati{padding-right:10px;padding-right:var(--terra-card-padding-left, 10px);padding-left:10px;padding-left:var(--terra-card-padding-right, 10px)}[dir] .CardBody-module__center-content___phyuy{text-align:center} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} +.CardPaddingHR__horizontal-rule___ASg\+G{box-sizing:border-box;height:1px}[dir] .CardPaddingHR__horizontal-rule___ASg\+G{border:0 none;border-top:1px solid #c8cacb;margin:0} +.Table-module__clinical-lowlight-theme___PqYJ8{--terra-html-table-background-color: #383f42;--terra-html-table-border: 1px solid #585a5c;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: none;--terra-html-table-header-cell-color: #1c1f21;--terra-html-table-header-cell-font-size: 1rem;--terra-html-table-header-cell-font-weight: bold;--terra-html-table-header-cell-border-right: 1px solid #585a5c;--terra-html-table-first-header-cell-border-left: 1px solid #585a5c;--terra-html-table-last-header-cell-border-right: 1px solid #585a5c;--terra-html-table-header-background-color: #909496;--terra-html-table-header-box-shadow: 0 4px 4px -3.5px #1c1f21, inset 0 0 0 1px #585a5c;--terra-html-table-header-row-border-bottom: 1px solid #585a5c;--terra-html-table-header-row-border-top: 1px solid #585a5c;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #b2b5b6;--terra-html-table-cell-font-size: 1rem;--terra-html-table-first-cell-border-left: 1px solid #585a5c;--terra-html-table-last-cell-border-right: 1px solid #585a5c;--terra-html-table-header-cell-standard-padding-bottom: 0.5rem;--terra-html-table-header-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-top: 0.5rem;--terra-html-table-header-cell-compact-padding-bottom: 0.25rem;--terra-html-table-header-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-top: 0.25rem;--terra-html-table-cell-standard-padding-bottom: 0.5rem;--terra-html-table-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-cell-standard-padding-top: 0.5rem;--terra-html-table-cell-compact-padding-bottom: 0.25rem;--terra-html-table-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-cell-compact-padding-top: 0.25rem;--terra-html-table-row-border-top: 1px solid #585a5c;--terra-html-table-last-row-border-bottom: 1px solid #585a5c;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #2d3539}.Table-module__orion-fusion-theme___d9rxf{--terra-html-table-background-color: transparent;--terra-html-table-border: 0;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: transparent;--terra-html-table-header-cell-color: #64696c;--terra-html-table-header-cell-font-size: 0.857142857rem;--terra-html-table-header-cell-font-weight: normal;--terra-html-table-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-first-header-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-background-color: #f4f4f4;--terra-html-table-header-box-shadow: none;--terra-html-table-header-row-border-bottom: 2px solid #64696c;--terra-html-table-header-row-border-top: 1px solid #c8cacb;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #1c1f21;--terra-html-table-cell-font-size: 0.857142857rem;--terra-html-table-first-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-cell-standard-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-top: 0.428571429rem;--terra-html-table-header-cell-compact-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-top: 0.428571429rem;--terra-html-table-cell-standard-padding-bottom: 0.8571428571rem;--terra-html-table-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-cell-standard-padding-top: 0.8571428571rem;--terra-html-table-cell-compact-padding-bottom: 0.8571428571rem;--terra-html-table-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-cell-compact-padding-top: 0.8571428571rem;--terra-html-table-row-border-top: 0;--terra-html-table-last-row-border-bottom: 1px solid #c8cacb;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #f4f4f4}.Table-module__table___eg2Mi{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___eg2Mi{background-color:transparent;background-color:var(--terra-html-table-background-color, transparent);border:0;border:var(--terra-html-table-border, 0);border-radius:0;border-radius:var(--terra-html-table-border-radius, 0)}[dir] .Table-module__table___eg2Mi caption{padding-bottom:.5em}.Table-module__table___eg2Mi tr{display:table-row}[dir] .Table-module__table___eg2Mi tr{margin-bottom:0}.Table-module__table___eg2Mi td,.Table-module__table___eg2Mi th{color:#1c1f21;color:var(--terra-html-table-cell-color, #1c1f21);display:table-cell;font-size:1rem;font-size:var(--terra-html-table-cell-font-size, 1rem);font-weight:normal;vertical-align:top}[dir] .Table-module__table___eg2Mi td, [dir] .Table-module__table___eg2Mi th{border:0}[dir=ltr] .Table-module__table___eg2Mi td, [dir=ltr] .Table-module__table___eg2Mi th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___eg2Mi td, [dir=rtl] .Table-module__table___eg2Mi th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___eg2Mi td:first-child, [dir=ltr] .Table-module__table___eg2Mi th:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:first-child, [dir=rtl] .Table-module__table___eg2Mi th:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi td:last-child, [dir=ltr] .Table-module__table___eg2Mi th:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:last-child, [dir=rtl] .Table-module__table___eg2Mi th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___eg2Mi thead th, [dir] .Table-module__table___eg2Mi thead td{border:0}[dir=ltr] .Table-module__table___eg2Mi thead th, [dir=ltr] .Table-module__table___eg2Mi thead td{border-right:1px solid rgba(200, 202, 203, 0.5);border-right:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:left}[dir=rtl] .Table-module__table___eg2Mi thead th, [dir=rtl] .Table-module__table___eg2Mi thead td{border-left:1px solid rgba(200, 202, 203, 0.5);border-left:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:right}[dir=ltr] .Table-module__table___eg2Mi thead th:first-child, [dir=ltr] .Table-module__table___eg2Mi thead td:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:first-child, [dir=rtl] .Table-module__table___eg2Mi thead td:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi thead th:last-child, [dir=ltr] .Table-module__table___eg2Mi thead td:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:last-child, [dir=rtl] .Table-module__table___eg2Mi thead td:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead{display:table-header-group}[dir] .Table-module__table___eg2Mi thead{background-color:#f1f1f2;background-color:var(--terra-html-table-header-background-color, #f1f1f2);box-shadow:0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5);box-shadow:var(--terra-html-table-header-box-shadow, 0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5))}[dir] .Table-module__table___eg2Mi thead tr{border-bottom:1px solid #b9bbbc;border-bottom:var(--terra-html-table-header-row-border-bottom, 1px solid #b9bbbc);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-header-row-border-top, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{color:#1c1f21;color:var(--terra-html-table-header-cell-color, #1c1f21);font-size:1rem;font-size:var(--terra-html-table-header-cell-font-size, 1rem);font-weight:bold;font-weight:var(--terra-html-table-header-cell-font-weight, bold);vertical-align:bottom}[dir] .Table-module__table___eg2Mi tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___eg2Mi tbody tr{background-color:transparent;background-color:var(--terra-html-table-row-background-color, transparent);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-row-border-top, 1px solid #dedfe0)}[dir] .Table-module__table___eg2Mi tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___eg2Mi tbody tr:last-of-type{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-html-table-last-row-border-bottom, 1px solid #dedfe0)}[dir] .Table-module__padding-standard___BfbC- th{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-header-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-header-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z th{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-header-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-header-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__padding-standard___BfbC- td{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z td{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__striped___n8xJe tbody tr:nth-of-type(even){background-color:#f6f7f8;background-color:var(--terra-html-table-row-striped-background-color, #f6f7f8)}@media print{.Table-module__table___eg2Mi thead{display:table-header-group}.Table-module__table___eg2Mi tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} diff --git a/24716-1146469004c308e88d25.js b/24716-1146469004c308e88d25.js new file mode 100644 index 0000000000..bd77ede262 --- /dev/null +++ b/24716-1146469004c308e88d25.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[24716,45627,37344,33667,96890,79482,85565,3353,5161,80858,14041,45865,16835,85355,3193,4845,27444,17657,46647,16873,85161,66097,38681,15318,40411,18101,33315,38443,11264,34319,78996,39915,33442],{27470:function(e,t,n){t.Z=void 0;var r=l(n(67294)),a=l(n(28301));function l(e){return e&&e.__esModule?e:{default:e}}t.Z=function(){return r.default.createElement(a.default,null,r.default.createElement(a.default.Body,{isContentCentered:!0},"Content is centered"))}},78610:function(e,t,n){t.Z=void 0;var r=l(n(67294)),a=l(n(28301));function l(e){return e&&e.__esModule?e:{default:e}}t.Z=function(){return r.default.createElement("div",null,r.default.createElement(a.default,null,"Hello World!!"))}},7803:function(e,t,n){t.Z=void 0;var r=l(n(67294)),a=l(n(28301));function l(e){return e&&e.__esModule?e:{default:e}}t.Z=function(){return r.default.createElement("div",null,r.default.createElement(a.default,null,r.default.createElement(a.default.Body,null,"Hello World!!")))}},60094:function(e,t,n){t.Z=void 0;var r=o(n(67294)),a=o(n(47166)),l=o(n(28301)),d=o(n(72086));function o(e){return e&&e.__esModule?e:{default:e}}var i=a.default.bind(d.default);t.Z=function(){return r.default.createElement("div",null,r.default.createElement(l.default,null,r.default.createElement(l.default.Body,null,"Hello World Above The Line!!"),r.default.createElement("hr",{className:i("horizontal-rule")}),r.default.createElement(l.default.Body,null,"Hello World Below The Line!!")))}},80686:function(e,t,n){t.Z=void 0;var r=l(n(67294)),a=l(n(28301));function l(e){return e&&e.__esModule?e:{default:e}}t.Z=function(){return r.default.createElement("div",null,r.default.createElement(a.default,null,r.default.createElement(a.default.Body,{hasPaddingVertical:!1},"Hello World!!")))}},61150:function(e,t,n){t.Z=void 0;var r=l(n(67294)),a=l(n(28301));function l(e){return e&&e.__esModule?e:{default:e}}t.Z=function(){return r.default.createElement("div",null,r.default.createElement(a.default,null,r.default.createElement(a.default.Body,{hasPaddingHorizontal:!1},"Hello World!!")))}},55290:function(e,t,n){t.Z=void 0;var r=l(n(67294)),a=l(n(28301));function l(e){return e&&e.__esModule?e:{default:e}}t.Z=function(){return r.default.createElement("div",null,r.default.createElement(a.default,{variant:"raised"},"Hello World!!"))}},66842:function(e,t,n){t.Z=void 0;var r=l(n(67294)),a=l(n(28301));function l(e){return e&&e.__esModule?e:{default:e}}t.Z=function(){return r.default.createElement("div",null,r.default.createElement(a.default,{visuallyHiddenText:"This is a Hello World Card Introduction"},"Hello World!!"))}},22863:function(e,t,n){var r=n(64836);t.Z=void 0;var a=r(n(67294)),l=r(n(45697)),d=r(n(47166)),o=r(n(17422)),i=d.default.bind(o.default),u={name:l.default.string.isRequired,src:l.default.string,url:l.default.string,version:l.default.string.isRequired},c=function(e){var t=e.src,n=e.name,r=e.url,l=e.version,d=a.default.createElement("a",{className:i("badge"),href:r||"https://www.npmjs.org/package/".concat(n,"/v/").concat(l)},a.default.createElement("span",{className:i("badge-name")},r?"package":"npm"),a.default.createElement("span",{className:i("badge-version")},"v".concat(l))),o=t?a.default.createElement("a",{className:i("badge"),href:t},a.default.createElement("span",{className:i("badge-name")},"github"),a.default.createElement("span",{className:i("badge-version")},"source")):void 0;return a.default.createElement("div",{className:i("badge-container")},d,o)};c.propTypes=u;var m=c;t.Z=m},49271:function(e,t,n){var r=n(64836),a=n(18698);t.Z=void 0;var l=r(n(27424)),d=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==a(e)&&"function"!=typeof e)return{default:e};var n=f(t);if(n&&n.has(e))return n.get(e);var r={},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var d in e)if("default"!==d&&Object.prototype.hasOwnProperty.call(e,d)){var o=l?Object.getOwnPropertyDescriptor(e,d):null;o&&(o.get||o.set)?Object.defineProperty(r,d,o):r[d]=e[d]}r.default=e,n&&n.set(e,r);return r}(n(67294)),o=r(n(45697)),i=r(n(47166)),u=n(21538),c=r(n(33864)),m=r(n(23399)),p=n(51051),s=r(n(53560));function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(f=function(e){return e?n:t})(e)}var x=i.default.bind(s.default),y={example:o.default.element,exampleSrc:o.default.element,exampleCssSrc:o.default.element,title:o.default.string,description:o.default.node,isExpanded:o.default.bool},v=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},g=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},b=function(e){var t=e.example,n=e.exampleSrc,r=e.exampleCssSrc,a=e.title,o=e.description,i=e.isExpanded,s=(0,d.useState)(i),f=(0,l.default)(s,2),y=f[0],b=f[1],h=(0,d.useState)(!1),C=(0,l.default)(h,2),O=C[0],_=C[1],E=d.default.useContext(u.ThemeContext),j=void 0!==r,T=function(){_(!O),y&&b(!y)},N=function(){b(!y),O&&_(!O)},P=function(e,t){e.nativeEvent.keyCode!==p.KEY_SPACE&&e.nativeEvent.keyCode!==p.KEY_RETURN||(e.preventDefault(),t())};return d.default.createElement("div",{className:x("template",E.className)},d.default.createElement("div",{className:x("header")},a&&d.default.createElement("h2",{className:x("title")},a)),d.default.createElement("div",{className:x("content")},o&&d.default.createElement("div",{className:x("description")},o),t),d.default.createElement("div",{className:x("footer")},n?d.default.createElement("div",{className:x("button-container")},j&&d.default.createElement("button",{type:"button",className:x("css-toggle","item",{"is-selected":O}),onClick:T,onKeyDown:function(e){return P(e,T)},onBlur:v,onMouseDown:g,tabIndex:0,"data-focus-styles-enabled":!0},d.default.createElement(c.default,{className:x("chevron")}),d.default.createElement("span",null,"CSS"),d.default.createElement(m.default,{className:x("chevron")})),d.default.createElement("button",{type:"button",className:x("code-toggle","item",{"is-selected":y}),onClick:N,onKeyDown:function(e){return P(e,N)},onBlur:v,onMouseDown:g,tabIndex:0,"data-focus-styles-enabled":!0},d.default.createElement(c.default,{className:x("chevron")}),d.default.createElement("span",null,"Code"),d.default.createElement(m.default,{className:x("chevron")}))):null,d.default.createElement("div",null,O&&d.default.createElement("div",{className:x("css")},r),y&&d.default.createElement("div",{className:x("code")},n))))};b.propTypes=y,b.defaultProps={isExpanded:!1};var h=b;t.Z=h},59730:function(e,t,n){n.r(t),n.d(t,{default:function(){return He}});var r=n(67294),a=n(81254),l=n(20410),d=n(78610),o=["components"];function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var c={};function m(e){var t=e.components,n=u(e,o);return(0,a.mdx)("wrapper",i({},c,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Card from 'terra-card/lib/Card';\n\nconst CardDefault = () => (\n
\n Hello World!!\n
\n);\n\nexport default CardDefault;\n\n")))}m.isMDXComponent=!0;var p=n(49271),s=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(p.Z,{title:t||"Card Default",description:n,example:r.createElement(d.Z,null),exampleSrc:r.createElement(m,null),isExpanded:a})},f=n(55290),x=["components"];function y(){return y=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var g={};function b(e){var t=e.components,n=v(e,x);return(0,a.mdx)("wrapper",y({},g,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Card from 'terra-card/lib/Card';\n\nconst CardDefault = () => (\n
\n Hello World!!\n
\n);\n\nexport default CardDefault;\n\n")))}b.isMDXComponent=!0;var h=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(p.Z,{title:t||"Card Raised",description:n,example:r.createElement(f.Z,null),exampleSrc:r.createElement(b,null),isExpanded:a})},C=n(7803),O=["components"];function _(){return _=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var j={};function T(e){var t=e.components,n=E(e,O);return(0,a.mdx)("wrapper",_({},j,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Card from 'terra-card/lib/Card';\n\nconst CardPadding = () => (\n
\n \n Hello World!!\n \n
\n);\n\nexport default CardPadding;\n\n")))}T.isMDXComponent=!0;var N=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(p.Z,{title:t||"Card Padding",description:n,example:r.createElement(C.Z,null),exampleSrc:r.createElement(T,null),isExpanded:a})},P=n(61150),w=["components"];function D(){return D=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var H={};function R(e){var t=e.components,n=S(e,w);return(0,a.mdx)("wrapper",D({},H,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Card from 'terra-card/lib/Card';\n\nconst CardPaddingVertical = () => (\n
\n \n Hello World!!\n \n
\n);\n\nexport default CardPaddingVertical;\n\n")))}R.isMDXComponent=!0;var M=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(p.Z,{title:t||"Card Padding Vertical",description:n,example:r.createElement(P.Z,null),exampleSrc:r.createElement(R,null),isExpanded:a})},B=n(80686),k=["components"];function Z(){return Z=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var X={};function V(e){var t=e.components,n=W(e,k);return(0,a.mdx)("wrapper",Z({},X,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Card from 'terra-card/lib/Card';\n\nconst CardPaddingHorizontal = () => (\n
\n \n Hello World!!\n \n
\n);\n\nexport default CardPaddingHorizontal;\n\n")))}V.isMDXComponent=!0;var z=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(p.Z,{title:t||"Card Padding Horizontal",description:n,example:r.createElement(B.Z,null),exampleSrc:r.createElement(V,null),isExpanded:a})},I=n(60094),q=["components"];function L(){return L=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var G={};function K(e){var t=e.components,n=A(e,q);return(0,a.mdx)("wrapper",L({},G,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport classNames from 'classnames/bind';\nimport Card from 'terra-card/lib/Card';\nimport styles from './CardPaddingHR.scss';\n\nconst cx = classNames.bind(styles);\n\nconst CardPaddingHR = () => (\n
\n \n Hello World Above The Line!!\n
\n Hello World Below The Line!!\n \n
\n);\n\nexport default CardPaddingHR;\n\n")))}K.isMDXComponent=!0;var U=["components"];function Y(){return Y=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var Q={};function J(e){var t=e.components,n=F(e,U);return(0,a.mdx)("wrapper",Y({},Q,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .horizontal-rule {\n border: 0 none;\n border-top: 1px solid #c8cacb;\n box-sizing: border-box;\n height: 1px;\n margin: 0;\n }\n}\n\n")))}J.isMDXComponent=!0;var $=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(p.Z,{title:t||"Card Padding HR",description:n,example:r.createElement(I.Z,null),exampleCssSrc:r.createElement(J,null),exampleSrc:r.createElement(K,null),isExpanded:a})},ee=n(27470),te=["components"];function ne(){return ne=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var ae={};function le(e){var t=e.components,n=re(e,te);return(0,a.mdx)("wrapper",ne({},ae,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Card from 'terra-card/lib/Card';\n\nconst CardContentCentered = () => (\n \n \n Content is centered\n \n \n);\n\nexport default CardContentCentered;\n\n")))}le.isMDXComponent=!0;var de=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(p.Z,{title:t||"Card Content Centered",description:n,example:r.createElement(ee.Z,null),exampleSrc:r.createElement(le,null),isExpanded:a})},oe=n(66842),ie=["components"];function ue(){return ue=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var me={};function pe(e){var t=e.components,n=ce(e,ie);return(0,a.mdx)("wrapper",ue({},me,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Card from 'terra-card/lib/Card';\n\nconst CardVisuallyHiddenText = () => (\n
\n Hello World!!\n
\n);\n\nexport default CardVisuallyHiddenText;\n\n")))}pe.isMDXComponent=!0;var se=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(p.Z,{title:t||"Card Visually Hidden Text",description:n,example:r.createElement(oe.Z,null),exampleSrc:r.createElement(pe,null),isExpanded:a})},fe=n(78530),xe=["components"];function ye(){return ye=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var ge={},be="wrapper";function he(e){var t=e.components,n=ve(e,xe);return(0,a.mdx)(be,ye({},ge,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(fe.ZP,{mdxType:"PropsTable"},(0,a.mdx)(fe.X2,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(fe.O,{mdxType:"PropNameCell"},"children"),(0,a.mdx)(fe.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,a.mdx)(fe.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(fe.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(fe.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Child Nodes"))),(0,a.mdx)(fe.X2,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(fe.O,{mdxType:"PropNameCell"},"variant"),(0,a.mdx)(fe.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'default'\n 'raised'\n],\n"))),(0,a.mdx)(fe.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(fe.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"'default'\n"))),(0,a.mdx)(fe.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Sets the card variant to change the style for different use cases. One of ",(0,a.mdx)("inlineCode",{parentName:"p"},"default"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"raised"),"."))),(0,a.mdx)(fe.X2,{key:"ROW3",mdxType:"Row"},(0,a.mdx)(fe.O,{mdxType:"PropNameCell"},"visuallyHiddenText"),(0,a.mdx)(fe.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(fe.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(fe.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(fe.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Text that describes the badge to a screen reader. Use this\nif more information is needed to accurately describe\nthis card to screen reader users.")))))}he.isMDXComponent=!0;var Ce=["components"];function Oe(){return Oe=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var Ee={},je="wrapper";function Te(e){var t=e.components,n=_e(e,Ce);return(0,a.mdx)(je,Oe({},Ee,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(fe.ZP,{mdxType:"PropsTable"},(0,a.mdx)(fe.X2,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(fe.O,{mdxType:"PropNameCell"},"children"),(0,a.mdx)(fe.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,a.mdx)(fe.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(fe.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(fe.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Child Nodes"))),(0,a.mdx)(fe.X2,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(fe.O,{mdxType:"PropNameCell"},"hasPaddingVertical"),(0,a.mdx)(fe.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(fe.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(fe.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"true\n"))),(0,a.mdx)(fe.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Provides themeable padding vertical"))),(0,a.mdx)(fe.X2,{key:"ROW3",mdxType:"Row"},(0,a.mdx)(fe.O,{mdxType:"PropNameCell"},"hasPaddingHorizontal"),(0,a.mdx)(fe.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(fe.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(fe.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"true\n"))),(0,a.mdx)(fe.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Provides themeable padding horizontal"))),(0,a.mdx)(fe.X2,{key:"ROW4",mdxType:"Row"},(0,a.mdx)(fe.O,{mdxType:"PropNameCell"},"isContentCentered"),(0,a.mdx)(fe.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(fe.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(fe.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(fe.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Sets the content of the card to be centered")))))}Te.isMDXComponent=!0;var Ne=["components"];function Pe(){return Pe=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var De={},Se="wrapper";function He(e){var t=e.components,n=we(e,Ne);return(0,a.mdx)(Se,Pe({},De,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(l.C,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"terra-card"},"Terra Card"),(0,a.mdx)("p",null,"Card is a basic container with some base styling to help separate elements with different content"),(0,a.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Install with ",(0,a.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("inlineCode",{parentName:"li"},"npm install terra-card"))))),(0,a.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,a.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,a.mdx)("table",null,(0,a.mdx)("thead",{parentName:"table"},(0,a.mdx)("tr",{parentName:"thead"},(0,a.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,a.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,a.mdx)("tbody",{parentName:"table"},(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"react"),(0,a.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,a.mdx)("td",{parentName:"tr",align:null},"^16.8.5")))),(0,a.mdx)("h2",{id:"usage"},"Usage"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import Card from 'terra-card';\n")),(0,a.mdx)("h2",{id:"expected-use"},"Expected Use"),(0,a.mdx)("p",null,"The expected use for a card would be to keep elements separated from each other with different content, for example one card could contain a graph while another could have text. Another use would be to help make some elements stand out on the screen with the use of the base styling."),(0,a.mdx)("h2",{id:"component-features"},"Component Features"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support"))),(0,a.mdx)("h2",{id:"examples"},"Examples"),(0,a.mdx)(s,{title:"Card basic example",mdxType:"CardDefault"}),(0,a.mdx)(h,{title:"Card basic raised example",mdxType:"CardRaised"}),(0,a.mdx)(N,{title:"Card plus Card Body with default padding",mdxType:"CardPadding"}),(0,a.mdx)(M,{title:"Card plus Card Body with only vertical padding",mdxType:"CardPaddingVertical"}),(0,a.mdx)(z,{title:"Card plus Card Body with only horizontal padding",mdxType:"CardPaddingHorizontal"}),(0,a.mdx)($,{title:"Card plus padded and non-padded children",mdxType:"CardPaddingHR"}),(0,a.mdx)(de,{title:"Centered content inside card",mdxType:"CardContentCentered"}),(0,a.mdx)(se,{title:"Card with Visually Hidden Text",mdxType:"CardVisuallyHiddenText"}),(0,a.mdx)("h2",{id:"card-props"},"Card Props"),(0,a.mdx)(he,{mdxType:"CardPropsTable"}),(0,a.mdx)("h2",{id:"card-body-props"},"Card Body Props"),(0,a.mdx)(Te,{mdxType:"CardBodyPropsTable"}))}He.isMDXComponent=!0},20410:function(e,t,n){n.d(t,{C:function(){return l}});var r=n(67294),a=n(22863),l=function(e){var t=e.url;return r.createElement(a.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-card",name:"terra-card",version:"3.46.0",url:t})}},72086:function(e,t,n){n.r(t),t.default={"horizontal-rule":"CardPaddingHR__horizontal-rule___ASg+G"}},17422:function(e,t,n){n.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},53560:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},13234:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Card-module__clinical-lowlight-theme___rpqXf","orion-fusion-theme":"Card-module__orion-fusion-theme___QgHmr",card:"Card-module__card___n9+A2",default:"Card-module__default___Pvv6U",raised:"Card-module__raised___OPyVO"}},64867:function(e,t,n){n.r(t),t.default={"orion-fusion-theme":"CardBody-module__orion-fusion-theme___Xdg9v","clinical-lowlight-theme":"CardBody-module__clinical-lowlight-theme___2YDc3","vertical-padding":"CardBody-module__vertical-padding___xyd9u","horizontal-padding":"CardBody-module__horizontal-padding___wGati","center-content":"CardBody-module__center-content___phyuy"}},28301:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=p(n(67294)),a=p(n(45697)),l=p(n(94184)),d=p(n(47166)),o=p(n(29270)),i=p(n(50026)),u=p(n(13234)),c=p(n(52926)),m=["children","variant","visuallyHiddenText"];function p(e){return e&&e.__esModule?e:{default:e}}function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var x=d.default.bind(u.default),y={children:a.default.node,variant:a.default.oneOf(["default","raised"]),visuallyHiddenText:a.default.string},v={variant:"default"},g=function(e){var t=e.children,n=e.variant,a=e.visuallyHiddenText,d=f(e,m),u=r.default.useContext(i.default),c=(0,l.default)(x(["card",n,u.className]),d.className),p=a?r.default.createElement(o.default,{text:a}):null;return r.default.createElement("article",s({},d,{className:c}),p,t)};g.propTypes=y,g.defaultProps=v,g.Body=c.default;t.default=g},52926:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=c(n(67294)),a=c(n(45697)),l=c(n(94184)),d=c(n(47166)),o=c(n(50026)),i=c(n(64867)),u=["children","hasPaddingVertical","hasPaddingHorizontal","isContentCentered"];function c(e){return e&&e.__esModule?e:{default:e}}function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var s=d.default.bind(i.default),f={children:a.default.node,hasPaddingVertical:a.default.bool,hasPaddingHorizontal:a.default.bool,isContentCentered:a.default.bool},x=function(e){var t=e.children,n=e.hasPaddingVertical,a=e.hasPaddingHorizontal,d=e.isContentCentered,i=p(e,u),c=r.default.useContext(o.default),f=(0,l.default)(s([{"vertical-padding":n},{"horizontal-padding":a},{"center-content":d},c.className]),i.className);return r.default.createElement("div",m({},i,{className:f}),t)};x.propTypes=f,x.defaultProps={hasPaddingHorizontal:!0,hasPaddingVertical:!0,isContentCentered:!1};t.default=x},33864:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=l(n(67294)),a=l(n(99139));function l(e){return e&&e.__esModule?e:{default:e}}function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(n[t]=e[t]);return n}(e,a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}var i={},o="wrapper";function u(e){var a=e.components,t=m(e,d);return(0,r.mdx)(o,l({},i,t,{components:a,mdxType:"MDXLayout"}),(0,r.mdx)(n.C,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-badge-upgrade-guide"},"Terra Badge Upgrade Guide"),(0,r.mdx)("h2",{id:"changes-from-version-2-to-version-3"},"Changes from version 2 to version 3"),(0,r.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,r.mdx)("h4",{id:"renamed"},"Renamed"),(0,r.mdx)("table",null,(0,r.mdx)("thead",{parentName:"table"},(0,r.mdx)("tr",{parentName:"thead"},(0,r.mdx)("th",{parentName:"tr",align:null},"Previous"),(0,r.mdx)("th",{parentName:"tr",align:null},"New"))),(0,r.mdx)("tbody",{parentName:"table"},(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"--terra-badge-child-margin"),(0,r.mdx)("td",{parentName:"tr",align:null},"--terra-badge-child-margin-right")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"--terra-badge-child-margin"),(0,r.mdx)("td",{parentName:"tr",align:null},"--terra-badge-child-margin-left")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"--terra-badge-font-size-tiny"),(0,r.mdx)("td",{parentName:"tr",align:null},"--terra-badge-tiny-font-size")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"--terra-badge-font-size-small"),(0,r.mdx)("td",{parentName:"tr",align:null},"--terra-badge-small-font-size")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"--terra-badge-font-size-medium"),(0,r.mdx)("td",{parentName:"tr",align:null},"--terra-badge-medium-font-size")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"--terra-badge-font-size-large"),(0,r.mdx)("td",{parentName:"tr",align:null},"--terra-badge-large-font-size")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"--terra-badge-font-size-huge"),(0,r.mdx)("td",{parentName:"tr",align:null},"--terra-badge-huge-font-size")))),(0,r.mdx)("h4",{id:"added"},"Added"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"--terra-badge-font-size"),(0,r.mdx)("li",{parentName:"ul"},"--terra-badge-border")))}u.isMDXComponent=!0},5334:function(e,a,t){t.d(a,{C:function(){return d}});var r=t(67294),n=t(22863),d=function(e){var a=e.url;return r.createElement(n.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-badge",name:"terra-badge",version:"3.59.0",url:a})}},17422:function(e,a,t){t.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/25017-1106036407d52583c6dc.css b/25017-1106036407d52583c6dc.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/25017-1106036407d52583c6dc.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/25017-1106036407d52583c6dc.js b/25017-1106036407d52583c6dc.js new file mode 100644 index 0000000000..a5de2cfe65 --- /dev/null +++ b/25017-1106036407d52583c6dc.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[25017,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,t,a){var n=a(64836);t.Z=void 0;var r=n(a(67294)),i=n(a(45697)),l=n(a(47166)),s=n(a(17422)),c=l.default.bind(s.default),p={name:i.default.string.isRequired,src:i.default.string,url:i.default.string,version:i.default.string.isRequired},m=function(e){var t=e.src,a=e.name,n=e.url,i=e.version,l=r.default.createElement("a",{className:c("badge"),href:n||"https://www.npmjs.org/package/".concat(a,"/v/").concat(i)},r.default.createElement("span",{className:c("badge-name")},n?"package":"npm"),r.default.createElement("span",{className:c("badge-version")},"v".concat(i))),s=t?r.default.createElement("a",{className:c("badge"),href:t},r.default.createElement("span",{className:c("badge-name")},"github"),r.default.createElement("span",{className:c("badge-version")},"source")):void 0;return r.default.createElement("div",{className:c("badge-container")},l,s)};m.propTypes=p;var u=m;t.Z=u},25017:function(e,t,a){a.r(t),a.d(t,{default:function(){return m}});a(67294);var n=a(81254),r=a(46870),i=["components"];function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[a]=e[a]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}var c={},p="wrapper";function m(e){var t=e.components,a=s(e,i);return(0,n.mdx)(p,l({},c,a,{components:t,mdxType:"MDXLayout"}),(0,n.mdx)(r.C,{mdxType:"Badge"}),(0,n.mdx)("h1",{id:"eslint-config-terra-upgrade-guide"},"Eslint Config Terra Upgrade Guide"),(0,n.mdx)("h2",{id:"changes-from-version-4-to-version-5"},"Changes from version 4 to version 5"),(0,n.mdx)("h3",{id:"support-eslint-version-7190"},"Support eslint version 7.19.0"),(0,n.mdx)("p",null,"The new package now supports eslint version 7. Checkout the eslint ",(0,n.mdx)("a",{parentName:"p",href:"https://eslint.org/docs/user-guide/migrating-to-7.0.0"},"migration guide")),(0,n.mdx)("h3",{id:"updated-eslint-plugin-react-to-7220"},"Updated eslint-plugin-react to 7.22.0"),(0,n.mdx)("p",null,"Several new and updated rules were added in this new version so any new errors will need to be fixed. eslint-plugin-react was updated from ",(0,n.mdx)("a",{parentName:"p",href:"https://github.com/yannickcr/eslint-plugin-react/compare/v7.19.0...v7.22.0"},"7.19.0 to 7.22.0"),". Those changes include:"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://github.com/yannickcr/eslint-plugin-react/releases/tag/v7.20.0"},"https://github.com/yannickcr/eslint-plugin-react/releases/tag/v7.20.0")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://github.com/yannickcr/eslint-plugin-react/releases/tag/v7.20.1"},"https://github.com/yannickcr/eslint-plugin-react/releases/tag/v7.20.1")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://github.com/yannickcr/eslint-plugin-react/releases/tag/v7.20.2"},"https://github.com/yannickcr/eslint-plugin-react/releases/tag/v7.20.2")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://github.com/yannickcr/eslint-plugin-react/releases/tag/v7.20.3"},"https://github.com/yannickcr/eslint-plugin-react/releases/tag/v7.20.3")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://github.com/yannickcr/eslint-plugin-react/releases/tag/v7.20.4"},"https://github.com/yannickcr/eslint-plugin-react/releases/tag/v7.20.4")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://github.com/yannickcr/eslint-plugin-react/releases/tag/v7.20.5"},"https://github.com/yannickcr/eslint-plugin-react/releases/tag/v7.20.5")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://github.com/yannickcr/eslint-plugin-react/releases/tag/v7.20.6"},"https://github.com/yannickcr/eslint-plugin-react/releases/tag/v7.20.6")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://github.com/yannickcr/eslint-plugin-react/releases/tag/v7.21.0"},"https://github.com/yannickcr/eslint-plugin-react/releases/tag/v7.21.0")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://github.com/yannickcr/eslint-plugin-react/releases/tag/v7.21.1"},"https://github.com/yannickcr/eslint-plugin-react/releases/tag/v7.21.1")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://github.com/yannickcr/eslint-plugin-react/releases/tag/v7.21.2"},"https://github.com/yannickcr/eslint-plugin-react/releases/tag/v7.21.2")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://github.com/yannickcr/eslint-plugin-react/releases/tag/v7.21.3"},"https://github.com/yannickcr/eslint-plugin-react/releases/tag/v7.21.3")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://github.com/yannickcr/eslint-plugin-react/releases/tag/v7.21.4"},"https://github.com/yannickcr/eslint-plugin-react/releases/tag/v7.21.4")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://github.com/yannickcr/eslint-plugin-react/releases/tag/v7.21.5"},"https://github.com/yannickcr/eslint-plugin-react/releases/tag/v7.21.5")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://github.com/yannickcr/eslint-plugin-react/releases/tag/v7.22.0"},"https://github.com/yannickcr/eslint-plugin-react/releases/tag/v7.22.0"))),(0,n.mdx)("h2",{id:"changes-from-version-3-to-version-4"},"Changes from version 3 to version 4"),(0,n.mdx)("h3",{id:"project-name-updated-with-cerner-scope"},"Project Name Updated with @cerner Scope"),(0,n.mdx)("p",null,"The project will need to be updated from eslint-config-terra to @cerner/eslint-config-terra in the devDependency list in package.json. The eslint config then becomes:"),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-diff"},'{\n "eslintConfig": {\n- "extends": "terra"\n+ "extends": "@cerner/terra"\n },\n}\n')),(0,n.mdx)("h3",{id:"upgrade-node"},"Upgrade Node"),(0,n.mdx)("p",null,"This version of eslint-config-terra drops support for Node 8.x.x. Projects will need to be upgraded to at least Node 10."),(0,n.mdx)("h3",{id:"fix-new-eslint-errors"},"Fix New Eslint Errors"),(0,n.mdx)("p",null,"Several new and updated rules were added in this new version so any new errors will need to be fixed. For reference the big change was updating eslint-plugin-react from ",(0,n.mdx)("a",{parentName:"p",href:"https://github.com/yannickcr/eslint-plugin-react/compare/v7.14.3...v7.19.0"},"7.14.3 to 7.19.0"),". Those changes include:"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://github.com/yannickcr/eslint-plugin-react/releases/tag/v7.15.0"},"https://github.com/yannickcr/eslint-plugin-react/releases/tag/v7.15.0")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://github.com/yannickcr/eslint-plugin-react/releases/tag/v7.15.1"},"https://github.com/yannickcr/eslint-plugin-react/releases/tag/v7.15.1")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://github.com/yannickcr/eslint-plugin-react/releases/tag/v7.16.0"},"https://github.com/yannickcr/eslint-plugin-react/releases/tag/v7.16.0")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://github.com/yannickcr/eslint-plugin-react/releases/tag/v7.17.0"},"https://github.com/yannickcr/eslint-plugin-react/releases/tag/v7.17.0")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://github.com/yannickcr/eslint-plugin-react/releases/tag/v7.18.0"},"https://github.com/yannickcr/eslint-plugin-react/releases/tag/v7.18.0")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://github.com/yannickcr/eslint-plugin-react/releases/tag/v7.18.1"},"https://github.com/yannickcr/eslint-plugin-react/releases/tag/v7.18.1")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://github.com/yannickcr/eslint-plugin-react/releases/tag/v7.18.2"},"https://github.com/yannickcr/eslint-plugin-react/releases/tag/v7.18.2")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://github.com/yannickcr/eslint-plugin-react/releases/tag/v7.18.3"},"https://github.com/yannickcr/eslint-plugin-react/releases/tag/v7.18.3")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://github.com/yannickcr/eslint-plugin-react/releases/tag/v7.19.0"},"https://github.com/yannickcr/eslint-plugin-react/releases/tag/v7.19.0"))))}m.isMDXComponent=!0},46870:function(e,t,a){a.d(t,{C:function(){return i}});var n=a(67294),r=a(22863),i=function(e){var t=e.url;return n.createElement(r.Z,{src:"https://github.com/cerner/terra-toolk/tree/main/packages/eslint-config-terra",name:"@cerner/eslint-config-terra",version:"5.6.0",url:t})}},17422:function(e,t,a){a.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/2544-cfc787277f1334c6a5fb.js b/2544-cfc787277f1334c6a5fb.js new file mode 100644 index 0000000000..5bde73698d --- /dev/null +++ b/2544-cfc787277f1334c6a5fb.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[2544],{49271:function(e,t,n){var a=n(64836),r=n(18698);t.Z=void 0;var i=a(n(27424)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==r(e)&&"function"!=typeof e)return{default:e};var n=h(t);if(n&&n.has(e))return n.get(e);var a={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var l=i?Object.getOwnPropertyDescriptor(e,o):null;l&&(l.get||l.set)?Object.defineProperty(a,o,l):a[o]=e[o]}a.default=e,n&&n.set(e,a);return a}(n(67294)),l=a(n(45697)),u=a(n(47166)),c=n(21538),d=a(n(33864)),m=a(n(23399)),s=n(51051),p=a(n(53560));function h(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(h=function(e){return e?n:t})(e)}var f=u.default.bind(p.default),w={example:l.default.element,exampleSrc:l.default.element,exampleCssSrc:l.default.element,title:l.default.string,description:l.default.node,isExpanded:l.default.bool},y=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},g=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},b=function(e){var t=e.example,n=e.exampleSrc,a=e.exampleCssSrc,r=e.title,l=e.description,u=e.isExpanded,p=(0,o.useState)(u),h=(0,i.default)(p,2),w=h[0],b=h[1],v=(0,o.useState)(!1),_=(0,i.default)(v,2),x=_[0],O=_[1],C=o.default.useContext(c.ThemeContext),I=void 0!==a,E=function(){O(!x),w&&b(!w)},T=function(){b(!w),x&&O(!x)},N=function(e,t){e.nativeEvent.keyCode!==s.KEY_SPACE&&e.nativeEvent.keyCode!==s.KEY_RETURN||(e.preventDefault(),t())};return o.default.createElement("div",{className:f("template",C.className)},o.default.createElement("div",{className:f("header")},r&&o.default.createElement("h2",{className:f("title")},r)),o.default.createElement("div",{className:f("content")},l&&o.default.createElement("div",{className:f("description")},l),t),o.default.createElement("div",{className:f("footer")},n?o.default.createElement("div",{className:f("button-container")},I&&o.default.createElement("button",{type:"button",className:f("css-toggle","item",{"is-selected":x}),onClick:E,onKeyDown:function(e){return N(e,E)},onBlur:y,onMouseDown:g,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(d.default,{className:f("chevron")}),o.default.createElement("span",null,"CSS"),o.default.createElement(m.default,{className:f("chevron")})),o.default.createElement("button",{type:"button",className:f("code-toggle","item",{"is-selected":w}),onClick:T,onKeyDown:function(e){return N(e,T)},onBlur:y,onMouseDown:g,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(d.default,{className:f("chevron")}),o.default.createElement("span",null,"Code"),o.default.createElement(m.default,{className:f("chevron")}))):null,o.default.createElement("div",null,x&&o.default.createElement("div",{className:f("css")},a),w&&o.default.createElement("div",{className:f("code")},n))))};b.propTypes=w,b.defaultProps={isExpanded:!1};var v=b;t.Z=v},91463:function(e,t,n){var a=n(64836),r=n(18698);t.Z=void 0;var i=a(n(67294)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=u(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var l=i?Object.getOwnPropertyDescriptor(e,o):null;l&&(l.get||l.set)?Object.defineProperty(a,o,l):a[o]=e[o]}return a.default=e,n&&n.set(e,a),a}(n(88745)),l=n(34614);function u(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(u=function(e){return e?n:t})(e)}var c=[{id:"row_1",cells:[{content:i.default.createElement(l.IconDocuments,{a11yLabel:"Documents",height:"1.5em",width:"1.5em"})},{content:"Discern Care Set (1)"},{content:i.default.createElement(l.IconFeaturedOutline,{a11yLabel:"Featured",height:"1.5em",width:"1.5em"})}]},{id:"row_2",cells:[{content:i.default.createElement(l.IconImage,{a11yLabel:"Picture",height:"1.5em",width:"1.5em"})},{content:"Initial observation Care/Day High Severity 99220 (2)"},{content:i.default.createElement(l.IconFeaturedOutline,{a11yLabel:"Featured",height:"1.5em",width:"1.5em"})}]},{id:"row_3",cells:[{content:i.default.createElement(l.IconImage,{a11yLabel:"Picture",height:"1.5em",width:"1.5em"})},{content:"Arterial Sheath Care (3)"},{content:i.default.createElement(l.IconFeaturedOutline,{a11yLabel:"Featured",height:"1.5em",width:"1.5em"})}]},{id:"row_4",cells:[{content:" "},{content:"Sbsq Observation Care/Day High Severity 99226 (4)"},{content:" "}]},{id:"row_5",cells:[{content:i.default.createElement(l.IconImage,{a11yLabel:"Picture",height:"1.5em",width:"1.5em"})},{content:"Arterial Sheath Care (5)"},{content:i.default.createElement(l.IconFeaturedOutline,{a11yLabel:"Featured",height:"1.5em",width:"1.5em"})}]}],d=[{id:"Column-0",displayName:"Col_1",width:"5em",align:o.alignTypes.CENTER},{id:"Column-1",displayName:"Col_2",width:"20em"},{id:"Column-2",displayName:"Col_3",width:"5em",align:o.alignTypes.CENTER}];t.Z=function(){return i.default.createElement(o.default,{id:"interactive-compact-columns-width",rows:c,columns:d,numberOfColumns:2})}},65642:function(e,t,n){var a=n(64836),r=n(18698);t.Z=void 0;var i=a(n(67294)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=c(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var l=i?Object.getOwnPropertyDescriptor(e,o):null;l&&(l.get||l.set)?Object.defineProperty(a,o,l):a[o]=e[o]}return a.default=e,n&&n.set(e,a),a}(n(88745)),l=n(30210),u=n(34614);function c(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(c=function(e){return e?n:t})(e)}var d=function(e){switch(e){case"enormous":return 4;case"huge":return 3;case"large":case"medium":return 2;default:return 1}},m=[{id:"row_1",cells:[{content:i.default.createElement(u.IconDocuments,{a11yLabel:"Documents",height:"1.5em",width:"1.5em"})},{content:"Discern Care Set (1)"},{content:i.default.createElement(u.IconFeaturedOutline,{a11yLabel:"Featured",height:"1.5em",width:"1.5em"})}]},{id:"row_2",cells:[{content:i.default.createElement(u.IconImage,{a11yLabel:"Picture",height:"1.5em",width:"1.5em"})},{content:"Initial observation Care/Day High Severity 99220 (2)"},{content:i.default.createElement(u.IconFeaturedOutline,{a11yLabel:"Featured",height:"1.5em",width:"1.5em"})}]},{id:"row_3",cells:[{content:i.default.createElement(u.IconImage,{a11yLabel:"Picture",height:"1.5em",width:"1.5em"})},{content:"Arterial Sheath Care (3)"},{content:i.default.createElement(u.IconFeaturedOutline,{a11yLabel:"Featured",height:"1.5em",width:"1.5em"})}]},{id:"row_4",cells:[{content:" "},{content:"Sbsq Observation Care/Day High Severity 99226 (4)"},{content:" "}]},{id:"row_5",cells:[{content:i.default.createElement(u.IconImage,{a11yLabel:"Picture",height:"1.5em",width:"1.5em"})},{content:"Arterial Sheath Care (5)"},{content:i.default.createElement(u.IconFeaturedOutline,{a11yLabel:"Featured",height:"1.5em",width:"1.5em"})}]}],s=[{id:"Column-0",displayName:"Col_1",width:"60px",align:o.alignTypes.CENTER},{id:"Column-1",displayName:"Col_2",width:"200px",flexGrow:!0},{id:"Column-2",displayName:"Col_3",width:"60px",align:o.alignTypes.CENTER}];t.Z=function(){var e=i.default.useContext(l.ActiveBreakpointContext);return i.default.createElement(o.default,{id:"with-breakpoints",rows:m,columns:s,numberOfColumns:d(e),flowHorizontally:!0})}},1805:function(e,t,n){var a=n(64836),r=n(18698);t.Z=void 0;var i=a(n(67294)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=u(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var l=i?Object.getOwnPropertyDescriptor(e,o):null;l&&(l.get||l.set)?Object.defineProperty(a,o,l):a[o]=e[o]}return a.default=e,n&&n.set(e,a),a}(n(88745)),l=n(34614);function u(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(u=function(e){return e?n:t})(e)}var c=[{id:"row_1",cells:[{content:i.default.createElement(l.IconDocuments,{a11yLabel:"Documents",height:"1.5em",width:"1.5em"})},{content:"Discern Care Set (1)"},{content:i.default.createElement(l.IconFeaturedOutline,{a11yLabel:"Featured",height:"1.5em",width:"1.5em"})}]},{id:"row_2",cells:[{content:i.default.createElement(l.IconImage,{a11yLabel:"Picture",height:"1.5em",width:"1.5em"})},{content:"Initial observation Care/Day High Severity 99220 (2)"},{content:i.default.createElement(l.IconFeaturedOutline,{a11yLabel:"Featured",height:"1.5em",width:"1.5em"})}]},{id:"row_3",cells:[{content:i.default.createElement(l.IconImage,{a11yLabel:"Picture",height:"1.5em",width:"1.5em"})},{content:"Arterial Sheath Care (3)"},{content:i.default.createElement(l.IconFeaturedOutline,{a11yLabel:"Featured",height:"1.5em",width:"1.5em"})}]},{id:"row_4",cells:[{content:" "},{content:"Sbsq Observation Care/Day High Severity 99226 (4)"},{content:" "}]},{id:"row_5",cells:[{content:i.default.createElement(l.IconImage,{a11yLabel:"Picture",height:"1.5em",width:"1.5em"})},{content:"Arterial Sheath Care (5)"},{content:i.default.createElement(l.IconFeaturedOutline,{a11yLabel:"Featured",height:"1.5em",width:"1.5em"})}]}],d=[{id:"Column-0",displayName:"Col_1",width:"60px",align:o.alignTypes.CENTER},{id:"Column-1",displayName:"Col_2",width:"200px",flexGrow:!0},{id:"Column-2",displayName:"Col_3",width:"60px",align:o.alignTypes.CENTER}];t.Z=function(){return i.default.createElement(o.default,{id:"with-breakpoints",rows:c,columns:d,numberOfColumns:2})}},70600:function(e,t,n){var a=n(64836),r=n(18698);t.Z=void 0;var i=a(n(67294)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=u(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var l=i?Object.getOwnPropertyDescriptor(e,o):null;l&&(l.get||l.set)?Object.defineProperty(a,o,l):a[o]=e[o]}return a.default=e,n&&n.set(e,a),a}(n(88745)),l=n(34614);function u(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(u=function(e){return e?n:t})(e)}var c=[{id:"row_1",cells:[{content:i.default.createElement(l.IconDocuments,{a11yLabel:"Documents",height:"1.5em",width:"1.5em"})},{content:"Discern Care Set (1)"},{content:i.default.createElement(l.IconFeaturedOutline,{a11yLabel:"Featured",height:"1.5em",width:"1.5em"})}]},{id:"row_2",cells:[{content:i.default.createElement(l.IconImage,{a11yLabel:"Picture",height:"1.5em",width:"1.5em"})},{content:"Initial observation Care/Day High Severity 99220 (2)"},{content:i.default.createElement(l.IconFeaturedOutline,{a11yLabel:"Featured",height:"1.5em",width:"1.5em"})}]},{id:"row_3",cells:[{content:i.default.createElement(l.IconImage,{a11yLabel:"Picture",height:"1.5em",width:"1.5em"})},{content:"Arterial Sheath Care (3)"},{content:i.default.createElement(l.IconFeaturedOutline,{a11yLabel:"Featured",height:"1.5em",width:"1.5em"})}]},{id:"row_4",cells:[{content:" "},{content:"Sbsq Observation Care/Day High Severity 99226 (4)"},{content:" "}]},{id:"row_5",cells:[{content:i.default.createElement(l.IconImage,{a11yLabel:"Picture",height:"1.5em",width:"1.5em"})},{content:"Arterial Sheath Care (5)"},{content:i.default.createElement(l.IconFeaturedOutline,{a11yLabel:"Featured",height:"1.5em",width:"1.5em"})}]}],d=[{id:"Column-0",displayName:"Col_1",width:"60px",align:o.alignTypes.CENTER},{id:"Column-1",displayName:"Col_2",width:"200px",flexGrow:!0,maximumWidth:"300px",minimumWidth:"100px"},{id:"Column-2",displayName:"Col_3",width:"60px",align:o.alignTypes.CENTER}];t.Z=function(){return i.default.createElement(o.default,{id:"with-breakpoints",rows:c,columns:d,numberOfColumns:2,columnMinimumWidth:"234px"})}},51128:function(e,t,n){var a=n(64836),r=n(18698);t.Z=void 0;var i=a(n(67294)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=u(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var l=i?Object.getOwnPropertyDescriptor(e,o):null;l&&(l.get||l.set)?Object.defineProperty(a,o,l):a[o]=e[o]}return a.default=e,n&&n.set(e,a),a}(n(88745)),l=n(34614);function u(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(u=function(e){return e?n:t})(e)}var c=[{id:"row_1",cells:[{content:i.default.createElement(l.IconDocuments,{a11yLabel:"Documents",height:"1.5em",width:"1.5em"})},{content:"Discern Care Set (1)"},{content:i.default.createElement(l.IconFeaturedOutline,{a11yLabel:"Featured",height:"1.5em",width:"1.5em"})}]},{id:"row_2",cells:[{content:i.default.createElement(l.IconImage,{a11yLabel:"Picture",height:"1.5em",width:"1.5em"})},{content:"Initial observation Care/Day High Severity 99220 (2)"},{content:i.default.createElement(l.IconFeaturedOutline,{a11yLabel:"Featured",height:"1.5em",width:"1.5em"})}]},{id:"row_3",cells:[{content:i.default.createElement(l.IconImage,{a11yLabel:"Picture",height:"1.5em",width:"1.5em"})},{content:"Arterial Sheath Care (3)"},{content:i.default.createElement(l.IconFeaturedOutline,{a11yLabel:"Featured",height:"1.5em",width:"1.5em"})}]},{id:"row_4",cells:[{content:" "},{content:"Sbsq Observation Care/Day High Severity 99226 (4)"},{content:" "}]},{id:"row_5",cells:[{content:i.default.createElement(l.IconImage,{a11yLabel:"Picture",height:"1.5em",width:"1.5em"})},{content:"Arterial Sheath Care (5)"},{content:i.default.createElement(l.IconFeaturedOutline,{a11yLabel:"Featured",height:"1.5em",width:"1.5em"})}]}],d=[{id:"Column-0",displayName:"Col_1",width:"5em",align:o.alignTypes.CENTER},{id:"Column-1",displayName:"Col_2",maximumWidth:"25em",minimumWidth:"7em"},{id:"Column-2",displayName:"Col_3",width:"5em",align:o.alignTypes.CENTER}];t.Z=function(){return i.default.createElement("div",{style:{fontSize:"1.25em"}},i.default.createElement(o.default,{id:"growing-columns",rows:c,columns:d,numberOfColumns:2}))}},68980:function(e,t,n){var a=n(64836),r=n(18698);t.Z=void 0;var i=a(n(67294)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=c(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var l=i?Object.getOwnPropertyDescriptor(e,o):null;l&&(l.get||l.set)?Object.defineProperty(a,o,l):a[o]=e[o]}return a.default=e,n&&n.set(e,a),a}(n(88745)),l=n(30210),u=n(34614);function c(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(c=function(e){return e?n:t})(e)}var d=[{id:"row_1",cells:[{content:i.default.createElement(u.IconDocuments,{a11yLabel:"Documents",height:"1.5em",width:"1.5em"})},{content:"Discern Care Set (1)"},{content:i.default.createElement(u.IconFeaturedOutline,{a11yLabel:"Featured",height:"1.5em",width:"1.5em"})}]},{id:"row_2",cells:[{content:i.default.createElement(u.IconImage,{a11yLabel:"Picture",height:"1.5em",width:"1.5em"})},{content:"Initial observation Care/Day High Severity 99220 (2)"},{content:i.default.createElement(u.IconFeaturedOutline,{a11yLabel:"Featured",height:"1.5em",width:"1.5em"})}]},{id:"row_3",cells:[{content:i.default.createElement(u.IconImage,{a11yLabel:"Picture",height:"1.5em",width:"1.5em"})},{content:"Arterial Sheath Care (3)"},{content:i.default.createElement(u.IconFeaturedOutline,{a11yLabel:"Featured",height:"1.5em",width:"1.5em"})}]},{id:"row_4",cells:[{content:" "},{content:"Sbsq Observation Care/Day High Severity 99226 (4)"},{content:" "}]},{id:"row_5",cells:[{content:i.default.createElement(u.IconImage,{a11yLabel:"Picture",height:"1.5em",width:"1.5em"})},{content:"Arterial Sheath Care (5)"},{content:i.default.createElement(u.IconFeaturedOutline,{a11yLabel:"Featured",height:"1.5em",width:"1.5em"})}]}],m=function(e){switch(e){case"enormous":return 4;case"huge":return 3;case"large":case"medium":return 2;default:return 1}},s=function(e){switch(e){case"enormous":case"huge":case"large":case"medium":return"60px";default:return"40px"}},p=[{id:"Column-0",displayName:"Col_1",width:"60px",align:o.alignTypes.CENTER},{id:"Column-1",displayName:"Col_2",width:"200px",flexGrow:!0},{id:"Column-2",displayName:"Col_3",width:"60px",align:o.alignTypes.CENTER}];t.Z=function(){var e=i.default.useContext(l.ActiveBreakpointContext);return i.default.createElement(o.default,{id:"with-breakpoints",rows:d,columns:p,numberOfColumns:m(e),rowHeight:s(e)})}},81408:function(e,t,n){var a=n(64836),r=n(18698);t.Z=void 0;var i=a(n(67294)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=c(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var l=i?Object.getOwnPropertyDescriptor(e,o):null;l&&(l.get||l.set)?Object.defineProperty(a,o,l):a[o]=e[o]}return a.default=e,n&&n.set(e,a),a}(n(88745)),l=n(30210),u=n(34614);function c(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(c=function(e){return e?n:t})(e)}var d=[{id:"row_1",cells:[{content:i.default.createElement(u.IconDocuments,{a11yLabel:"Documents",height:"1.5em",width:"1.5em"})},{content:"Discern Care Set (1)"},{content:i.default.createElement(u.IconFeaturedOutline,{a11yLabel:"Featured",height:"1.5em",width:"1.5em"})}]},{id:"row_2",cells:[{content:i.default.createElement(u.IconImage,{a11yLabel:"Picture",height:"1.5em",width:"1.5em"})},{content:"Initial observation Care/Day High Severity 99220 (2)"},{content:i.default.createElement(u.IconFeaturedOutline,{a11yLabel:"Featured",height:"1.5em",width:"1.5em"})}]},{id:"row_3",cells:[{content:i.default.createElement(u.IconImage,{a11yLabel:"Picture",height:"1.5em",width:"1.5em"})},{content:"Arterial Sheath Care (3)"},{content:i.default.createElement(u.IconFeaturedOutline,{a11yLabel:"Featured",height:"1.5em",width:"1.5em"})}]},{id:"row_4",cells:[{content:" "},{content:"Sbsq Observation Care/Day High Severity 99226 (4)"},{content:" "}]},{id:"row_5",cells:[{content:i.default.createElement(u.IconImage,{a11yLabel:"Picture",height:"1.5em",width:"1.5em"})},{content:"Arterial Sheath Care (5)"},{content:i.default.createElement(u.IconFeaturedOutline,{a11yLabel:"Featured",height:"1.5em",width:"1.5em"})}]}],m=function(e){switch(e){case"enormous":return 5;case"huge":return 4;case"large":return 3;case"medium":return 2;default:return 1}},s=[{id:"Column-0",displayName:"Col_1",width:"60px",align:o.alignTypes.CENTER},{id:"Column-1",displayName:"Col_2",width:"200px",flexGrow:!0},{id:"Column-2",displayName:"Col_3",width:"60px",align:o.alignTypes.CENTER}];t.Z=function(){var e=i.default.useContext(l.ActiveBreakpointContext);return i.default.createElement(o.default,{id:"with-breakpoints",rows:d,columns:s,numberOfColumns:m(e),rowHeight:"80px"})}},2544:function(e,t,n){n.r(t),n.d(t,{default:function(){return oe}});var a=n(67294),r=n(81254),i=n(91463),o=["components"];function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var c={};function d(e){var t=e.components,n=u(e,o);return(0,r.mdx)("wrapper",l({},c,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport CompactInteractiveList, { alignTypes } from \'terra-compact-interactive-list\';\nimport { IconDocuments, IconFeaturedOutline, IconImage } from \'terra-icon\';\n\n// Source rows data for tests\nconst rows = [\n {\n id: \'row_1\',\n cells: [\n { content: },\n { content: \'Discern Care Set (1)\' },\n { content: },\n ],\n },\n {\n id: \'row_2\',\n cells: [\n { content: },\n { content: \'Initial observation Care/Day High Severity 99220 (2)\' },\n { content: },\n ],\n },\n {\n id: \'row_3\',\n cells: [\n { content: },\n { content: \'Arterial Sheath Care (3)\' },\n { content: },\n ],\n },\n {\n id: \'row_4\',\n cells: [\n { content: \' \' },\n { content: \'Sbsq Observation Care/Day High Severity 99226 (4)\' },\n { content: \' \' },\n ],\n },\n {\n id: \'row_5\',\n cells: [\n { content: },\n { content: \'Arterial Sheath Care (5)\' },\n { content: },\n ],\n },\n];\n\nconst cols = [\n {\n id: \'Column-0\',\n displayName: \'Col_1\',\n width: \'5em\',\n align: alignTypes.CENTER,\n },\n {\n id: \'Column-1\',\n displayName: \'Col_2\',\n width: \'20em\',\n },\n {\n id: \'Column-2\',\n displayName: \'Col_3\',\n width: \'5em\',\n align: alignTypes.CENTER,\n },\n];\n\nconst FixedWidthColumns = () => (\n \n);\n\nexport default FixedWidthColumns;\n\n')))}d.isMDXComponent=!0;var m=n(49271),s=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(m.Z,{title:t||"Fixed Width Columns",description:n,example:a.createElement(i.Z,null),exampleSrc:a.createElement(d,null),isExpanded:r})},p=n(51128),h=["components"];function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var y={};function g(e){var t=e.components,n=w(e,h);return(0,r.mdx)("wrapper",f({},y,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"/* eslint-disable react/forbid-dom-props */\nimport React from 'react';\nimport CompactInteractiveList, { alignTypes } from 'terra-compact-interactive-list';\nimport { IconDocuments, IconFeaturedOutline, IconImage } from 'terra-icon';\n\nconst rows = [\n {\n id: 'row_1',\n cells: [\n { content: },\n { content: 'Discern Care Set (1)' },\n { content: },\n ],\n },\n {\n id: 'row_2',\n cells: [\n { content: },\n { content: 'Initial observation Care/Day High Severity 99220 (2)' },\n { content: },\n ],\n },\n {\n id: 'row_3',\n cells: [\n { content: },\n { content: 'Arterial Sheath Care (3)' },\n { content: },\n ],\n },\n {\n id: 'row_4',\n cells: [\n { content: ' ' },\n { content: 'Sbsq Observation Care/Day High Severity 99226 (4)' },\n { content: ' ' },\n ],\n },\n {\n id: 'row_5',\n cells: [\n { content: },\n { content: 'Arterial Sheath Care (5)' },\n { content: },\n ],\n },\n];\n\nconst cols = [\n {\n id: 'Column-0',\n displayName: 'Col_1',\n width: '5em',\n align: alignTypes.CENTER,\n },\n {\n id: 'Column-1',\n displayName: 'Col_2',\n // flexGrow prop is not set here, but as there is no width set, the column will be flex growing anyway\n maximumWidth: '25em', // maximumWidth is reccomended for flex growing columns so that they don't grow beyond reasonable.\n minimumWidth: '7em', // minimumWidth is reccomended for flex growing columns so that they don't squish beyond reasonable.\n },\n {\n id: 'Column-2',\n displayName: 'Col_3',\n width: '5em',\n align: alignTypes.CENTER,\n },\n];\n\nconst ScalableUnits = () => (\n
\n \n
\n);\n\nexport default ScalableUnits;\n\n")))}g.isMDXComponent=!0;var b=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(m.Z,{title:t||"Scalable Units",description:n,example:a.createElement(p.Z,null),exampleSrc:a.createElement(g,null),isExpanded:r})},v=n(81408),_=["components"];function x(){return x=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var C={};function I(e){var t=e.components,n=O(e,_);return(0,r.mdx)("wrapper",x({},C,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport CompactInteractiveList, { alignTypes } from 'terra-compact-interactive-list';\nimport { ActiveBreakpointContext } from 'terra-breakpoints';\nimport { IconDocuments, IconFeaturedOutline, IconImage } from 'terra-icon';\n\nconst rows = [\n {\n id: 'row_1',\n cells: [\n { content: },\n { content: 'Discern Care Set (1)' },\n { content: },\n ],\n },\n {\n id: 'row_2',\n cells: [\n { content: },\n { content: 'Initial observation Care/Day High Severity 99220 (2)' },\n { content: },\n ],\n },\n {\n id: 'row_3',\n cells: [\n { content: },\n { content: 'Arterial Sheath Care (3)' },\n { content: },\n ],\n },\n {\n id: 'row_4',\n cells: [\n { content: ' ' },\n { content: 'Sbsq Observation Care/Day High Severity 99226 (4)' },\n { content: ' ' },\n ],\n },\n {\n id: 'row_5',\n cells: [\n { content: },\n { content: 'Arterial Sheath Care (5)' },\n { content: },\n ],\n },\n];\n\nconst getNumberOfColumns = (activeBreakpoint) => {\n switch (activeBreakpoint) {\n case 'enormous': return 5;\n case 'huge': return 4;\n case 'large': return 3;\n case 'medium': return 2;\n case 'small': return 1;\n case 'tiny': return 1;\n default: return 1;\n }\n};\n\nconst cols = [\n {\n id: 'Column-0',\n displayName: 'Col_1',\n width: '60px',\n align: alignTypes.CENTER,\n },\n {\n id: 'Column-1',\n displayName: 'Col_2',\n width: '200px', // will be disregarded because of flexGrow prop.\n flexGrow: true, // flexGrow prop has to be set here, as with width set, without that prop the column would not grow.\n },\n {\n id: 'Column-2',\n displayName: 'Col_3',\n width: '60px',\n align: alignTypes.CENTER,\n },\n];\n\nconst WidthBreakpoints = () => {\n const activeBreakpoint = React.useContext(ActiveBreakpointContext);\n return (\n \n );\n};\n\nexport default WidthBreakpoints;\n\n")))}I.isMDXComponent=!0;var E=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(m.Z,{title:t||"Width Breakpoints",description:n,example:a.createElement(v.Z,null),exampleSrc:a.createElement(I,null),isExpanded:r})},T=n(1805),N=["components"];function P(){return P=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var j={};function D(e){var t=e.components,n=L(e,N);return(0,r.mdx)("wrapper",P({},j,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport CompactInteractiveList, { alignTypes } from \'terra-compact-interactive-list\';\nimport { IconDocuments, IconFeaturedOutline, IconImage } from \'terra-icon\';\n\nconst rows = [\n {\n id: \'row_1\',\n cells: [\n { content: },\n { content: \'Discern Care Set (1)\' },\n { content: },\n ],\n },\n {\n id: \'row_2\',\n cells: [\n { content: },\n { content: \'Initial observation Care/Day High Severity 99220 (2)\' },\n { content: },\n ],\n },\n {\n id: \'row_3\',\n cells: [\n { content: },\n { content: \'Arterial Sheath Care (3)\' },\n { content: },\n ],\n },\n {\n id: \'row_4\',\n cells: [\n { content: \' \' },\n { content: \'Sbsq Observation Care/Day High Severity 99226 (4)\' },\n { content: \' \' },\n ],\n },\n {\n id: \'row_5\',\n cells: [\n { content: },\n { content: \'Arterial Sheath Care (5)\' },\n { content: },\n ],\n },\n];\n\nconst cols = [\n {\n id: \'Column-0\',\n displayName: \'Col_1\',\n width: \'60px\',\n align: alignTypes.CENTER,\n },\n {\n id: \'Column-1\',\n displayName: \'Col_2\',\n width: \'200px\', // will be disregarded because of the flexGrow prop\n flexGrow: true, // flexGrow prop has to be set here, as with width set, without that prop the column would not grow.\n },\n {\n id: \'Column-2\',\n displayName: \'Col_3\',\n width: \'60px\',\n align: alignTypes.CENTER,\n },\n];\n\nconst ResponsiveColumns = () => (\n \n);\n\nexport default ResponsiveColumns;\n\n')))}D.isMDXComponent=!0;var F=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(m.Z,{title:t||"Responsive Columns",description:n,example:a.createElement(T.Z,null),exampleSrc:a.createElement(D,null),isExpanded:r})},M=n(70600),S=["components"];function W(){return W=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var R={};function H(e){var t=e.components,n=k(e,S);return(0,r.mdx)("wrapper",W({},R,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport CompactInteractiveList, { alignTypes } from 'terra-compact-interactive-list';\nimport { IconDocuments, IconFeaturedOutline, IconImage } from 'terra-icon';\n\nconst rows = [\n {\n id: 'row_1',\n cells: [\n { content: },\n { content: 'Discern Care Set (1)' },\n { content: },\n ],\n },\n {\n id: 'row_2',\n cells: [\n { content: },\n { content: 'Initial observation Care/Day High Severity 99220 (2)' },\n { content: },\n ],\n },\n {\n id: 'row_3',\n cells: [\n { content: },\n { content: 'Arterial Sheath Care (3)' },\n { content: },\n ],\n },\n {\n id: 'row_4',\n cells: [\n { content: ' ' },\n { content: 'Sbsq Observation Care/Day High Severity 99226 (4)' },\n { content: ' ' },\n ],\n },\n {\n id: 'row_5',\n cells: [\n { content: },\n { content: 'Arterial Sheath Care (5)' },\n { content: },\n ],\n },\n];\n\nconst cols = [\n {\n id: 'Column-0',\n displayName: 'Col_1',\n width: '60px', // there is no widthUnit prop set in the component, so it will default to px\n align: alignTypes.CENTER,\n },\n {\n id: 'Column-1',\n displayName: 'Col_2',\n width: '200px', // will be disregarded because of flexGrow prop\n flexGrow: true, // flexGrow prop has to be set here, as with width set, without that prop the column would not grow.\n maximumWidth: '300px',\n minimumWidth: '100px',\n },\n {\n id: 'Column-2',\n displayName: 'Col_3',\n width: '60px', // there is no widthUnit prop set in the component, so it will default to px\n align: alignTypes.CENTER,\n },\n];\n\nconst ResponsiveColumnsMaxWidth = () => (\n \n);\n\nexport default ResponsiveColumnsMaxWidth;\n\n")))}H.isMDXComponent=!0;var A=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(m.Z,{title:t||"Responsive Columns Max Width",description:n,example:a.createElement(M.Z,null),exampleSrc:a.createElement(H,null),isExpanded:r})},U=n(65642),G=["components"];function B(){return B=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var X={};function q(e){var t=e.components,n=Z(e,G);return(0,r.mdx)("wrapper",B({},X,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport CompactInteractiveList, { alignTypes } from 'terra-compact-interactive-list';\nimport { ActiveBreakpointContext } from 'terra-breakpoints';\nimport { IconDocuments, IconFeaturedOutline, IconImage } from 'terra-icon';\n\nconst getNumberOfColumns = (activeBreakpoint) => {\n switch (activeBreakpoint) {\n case 'enormous': return 4;\n case 'huge': return 3;\n case 'large': return 2;\n case 'medium': return 2;\n case 'small': return 1;\n case 'tiny': return 1;\n default: return 1;\n }\n};\n\nconst rows = [\n {\n id: 'row_1',\n cells: [\n { content: },\n { content: 'Discern Care Set (1)' },\n { content: },\n ],\n },\n {\n id: 'row_2',\n cells: [\n { content: },\n { content: 'Initial observation Care/Day High Severity 99220 (2)' },\n { content: },\n ],\n },\n {\n id: 'row_3',\n cells: [\n { content: },\n { content: 'Arterial Sheath Care (3)' },\n { content: },\n ],\n },\n {\n id: 'row_4',\n cells: [\n { content: ' ' },\n { content: 'Sbsq Observation Care/Day High Severity 99226 (4)' },\n { content: ' ' },\n ],\n },\n {\n id: 'row_5',\n cells: [\n { content: },\n { content: 'Arterial Sheath Care (5)' },\n { content: },\n ],\n },\n];\n\nconst cols = [\n {\n id: 'Column-0',\n displayName: 'Col_1',\n width: '60px',\n align: alignTypes.CENTER,\n },\n {\n id: 'Column-1',\n displayName: 'Col_2',\n width: '200px', // will be disregarded as flexGrow prop set to true will make it flex growing column\n flexGrow: true,\n },\n {\n id: 'Column-2',\n displayName: 'Col_3',\n width: '60px',\n align: alignTypes.CENTER,\n },\n];\n\nconst HorizontalFlow = () => {\n const activeBreakpoint = React.useContext(ActiveBreakpointContext);\n return (\n \n );\n};\n\nexport default HorizontalFlow;\n\n")))}q.isMDXComponent=!0;var z=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(m.Z,{title:t||"Horizontal Flow",description:n,example:a.createElement(U.Z,null),exampleSrc:a.createElement(q,null),isExpanded:r})},V=n(68980),Y=["components"];function K(){return K=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var Q={};function $(e){var t=e.components,n=J(e,Y);return(0,r.mdx)("wrapper",K({},Q,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport CompactInteractiveList, { alignTypes } from 'terra-compact-interactive-list';\nimport { ActiveBreakpointContext } from 'terra-breakpoints';\nimport { IconDocuments, IconFeaturedOutline, IconImage } from 'terra-icon';\n\nconst rows = [\n {\n id: 'row_1',\n cells: [\n { content: },\n { content: 'Discern Care Set (1)' },\n { content: },\n ],\n },\n {\n id: 'row_2',\n cells: [\n { content: },\n { content: 'Initial observation Care/Day High Severity 99220 (2)' },\n { content: },\n ],\n },\n {\n id: 'row_3',\n cells: [\n { content: },\n { content: 'Arterial Sheath Care (3)' },\n { content: },\n ],\n },\n {\n id: 'row_4',\n cells: [\n { content: ' ' },\n { content: 'Sbsq Observation Care/Day High Severity 99226 (4)' },\n { content: ' ' },\n ],\n },\n {\n id: 'row_5',\n cells: [\n { content: },\n { content: 'Arterial Sheath Care (5)' },\n { content: },\n ],\n },\n];\n\nconst getNumberOfColumns = (activeBreakpoint) => {\n switch (activeBreakpoint) {\n case 'enormous': return 4;\n case 'huge': return 3;\n case 'large': return 2;\n case 'medium': return 2;\n case 'small': return 1;\n case 'tiny': return 1;\n default: return 1;\n }\n};\n\nconst getRowHeight = (activeBreakpoint) => {\n switch (activeBreakpoint) {\n case 'enormous': return '60px';\n case 'huge': return '60px';\n case 'large': return '60px';\n case 'medium': return '60px';\n case 'small': return '40px';\n case 'tiny': return '40px';\n default: return '40px';\n }\n};\n\nconst cols = [\n {\n id: 'Column-0',\n displayName: 'Col_1',\n width: '60px',\n align: alignTypes.CENTER,\n },\n {\n id: 'Column-1',\n displayName: 'Col_2',\n width: '200px', // will be disregarded bacause of flexGrow prop.\n flexGrow: true, // flexGrow prop has to be set here, as with width set, without that prop the column would not grow.\n },\n {\n id: 'Column-2',\n displayName: 'Col_3',\n width: '60px', // there is no widthUnit prop set in the component, so it will default to px\n align: alignTypes.CENTER,\n },\n];\n\nconst VerticalFlow = () => {\n const activeBreakpoint = React.useContext(ActiveBreakpointContext);\n return (\n \n );\n};\n\nexport default VerticalFlow;\n\n")))}$.isMDXComponent=!0;var ee=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(m.Z,{title:t||"Vertical Flow",description:n,example:a.createElement(V.Z,null),exampleSrc:a.createElement($,null),isExpanded:r})},te=["components"];function ne(){return ne=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var re={},ie="wrapper";function oe(e){var t=e.components,n=ae(e,te);return(0,r.mdx)(ie,ne({},re,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("h1",{id:"compact-interactive-list-examples"},"Compact Interactive List examples"),(0,r.mdx)("h2",{id:"fix-width-columns"},"Fix width columns"),(0,r.mdx)("p",null,"In this example all semantic columns have ",(0,r.mdx)("inlineCode",{parentName:"p"},"width")," set to a number. "),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"The semantic columns (and hence the visual columns) will always stay the same width and would not grow bigger or shrink to fill up the container width."),(0,r.mdx)("li",{parentName:"ul"},"If the screen width is less than the list container, the horizontal scroll will be added.")),(0,r.mdx)(s,{mdxType:"FixedWidthColumns"}),(0,r.mdx)("h2",{id:"responsive-columns"},"Responsive columns"),(0,r.mdx)("p",null,"There are two ways to make a sematic column grow:"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Omitting the ",(0,r.mdx)("inlineCode",{parentName:"li"},"width")," in column props will make the semantic column grow to take all available space."),(0,r.mdx)("li",{parentName:"ul"},"Setting the ",(0,r.mdx)("inlineCode",{parentName:"li"},"flexGrow")," prop to true with the ",(0,r.mdx)("inlineCode",{parentName:"li"},"width")," set to a number of width units (such as ",(0,r.mdx)("inlineCode",{parentName:"li"},"px"),", ",(0,r.mdx)("inlineCode",{parentName:"li"},"em"),", or ",(0,r.mdx)("inlineCode",{parentName:"li"},"rem"),") will also make the column size responsive. In this case the width will be used as a flex basis.")),(0,r.mdx)("p",null,"In the following example the middle column has ",(0,r.mdx)("inlineCode",{parentName:"p"},"flexGrow: true")," and grows wide to take all width:"),(0,r.mdx)(F,{mdxType:"ResponsiveColumns"}),(0,r.mdx)("p",null,"To control the minimum and maximum width of flexible width columns, ",(0,r.mdx)("inlineCode",{parentName:"p"},"columnMaximumWidth")," and ",(0,r.mdx)("inlineCode",{parentName:"p"},"columnMinimumWidth")," props can be determined on a column level.\nThe whole list has a defaul minimumWidth. Alternatively ",(0,r.mdx)("inlineCode",{parentName:"p"},"minimumWidth")," can be passed as a prop."),(0,r.mdx)("p",null,"In following example the middle column has ",(0,r.mdx)("inlineCode",{parentName:"p"},"maximumWidth: 300px")," and ",(0,r.mdx)("inlineCode",{parentName:"p"},"minimumWidth: 100px"),"."),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Once the minimum width has been reached, the horisontal scroll would show up."),(0,r.mdx)("li",{parentName:"ul"},"Once the maximum width has been reached, the row stops growing.")),(0,r.mdx)(A,{mdxType:"ResponsiveColumnsMaxWidth"}),(0,r.mdx)("h2",{id:"use-width-breakpoints-to-dynamically-adjust-the-number-of-columns-to-the-screen-width"},"Use width breakpoints to dynamically adjust the number of columns to the screen width"),(0,r.mdx)("p",null,"Another way to control the Compact Interactive List column width is to make its parent component take charge of the number of list columns.\nChange the width of the screen to see the number of columns change and the width adjust."),(0,r.mdx)(E,{mdxType:"WidthBreakpoints"}),(0,r.mdx)("h2",{id:"horizontal-flow"},"Horizontal Flow"),(0,r.mdx)("p",null,"By default the items in a list go from top to bottom before breaking into a new visual column:"),(0,r.mdx)(ee,{mdxType:"VerticalFlow"}),(0,r.mdx)("p",null,"Use ",(0,r.mdx)("inlineCode",{parentName:"p"},"flowHorizontally")," prop to change the direction. Items will go from left to right before breaking into a new line:"),(0,r.mdx)(z,{mdxType:"HorizontalFlow"}),(0,r.mdx)("h2",{id:"use-scalable-units"},"Use scalable units"),(0,r.mdx)("p",null,"The ",(0,r.mdx)("inlineCode",{parentName:"p"},"widthUnit")," prop determines the width unit type, such as ",(0,r.mdx)("inlineCode",{parentName:"p"},"px"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"em"),", or ",(0,r.mdx)("inlineCode",{parentName:"p"},"rem"),".\nCheck out the example below to see how the same list looks like when placed within a container with ",(0,r.mdx)("inlineCode",{parentName:"p"},"fontSize: 1.25em")," and ",(0,r.mdx)("inlineCode",{parentName:"p"},"widthUnit")," prop set to ",(0,r.mdx)("inlineCode",{parentName:"p"},"em"),": "),(0,r.mdx)(b,{mdxType:"ScalableUnits"}))}oe.isMDXComponent=!0},53560:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},17196:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"CompactInteractiveList-module__clinical-lowlight-theme___CWPpP","orion-fusion-theme":"CompactInteractiveList-module__orion-fusion-theme___Tqwn+","compact-interactive-list-container":"CompactInteractiveList-module__compact-interactive-list-container___+TZeT","compact-interactive-list":"CompactInteractiveList-module__compact-interactive-list___phgKg"}},83778:function(e,t,n){n.r(t),t.default={"orion-fusion-theme":"Cell-module__orion-fusion-theme___NktNS","clinical-lowlight-theme":"Cell-module__clinical-lowlight-theme___KBf6s",cell:"Cell-module__cell___KBJ8D"}},43575:function(e,t,n){n.r(t),t.default={"orion-fusion-theme":"Row-module__orion-fusion-theme___+iu-B","clinical-lowlight-theme":"Row-module__clinical-lowlight-theme___Fdfmb",row:"Row-module__row___yQAx+","row-placeholder":"Row-module__row-placeholder___wxsRN","row-topmost":"Row-module__row-topmost___pKNJf","row-leftmost":"Row-module__row-leftmost___APDG3"}},42604:function(e,t,n){var a=n(64836),r=n(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=a(n(861)),o=a(n(27424)),l=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=g(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var l=i?Object.getOwnPropertyDescriptor(e,o):null;l&&(l.get||l.set)?Object.defineProperty(a,o,l):a[o]=e[o]}return a.default=e,n&&n.set(e,a),a}(n(67294)),u=a(n(45697)),c=n(25387),d=a(n(47166)),m=a(n(50026)),s=a(n(17196)),p=a(n(60369)),h=a(n(34828)),f=a(n(48503)),w=n(64934),y=n(24558);function g(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(g=function(e){return e?n:t})(e)}var b=d.default.bind(s.default),v={id:u.default.string.isRequired,ariaLabelledBy:u.default.string,ariaLabel:u.default.string,columns:u.default.arrayOf(f.default),rows:u.default.arrayOf(p.default),rowHeight:u.default.string,numberOfColumns:u.default.number,flowHorizontally:u.default.bool,width:u.default.string,columnMinimumWidth:u.default.string,columnMaximumWidth:u.default.string},_=function(e){var t,n,a,r=e.id,u=e.ariaLabelledBy,c=e.ariaLabel,d=e.columns,s=e.rows,p=e.rowHeight,f=e.numberOfColumns,g=e.flowHorizontally,v=e.width,_=e.columnMinimumWidth,x=e.columnMaximumWidth,O=(0,l.useContext)(m.default),C=w.widthUnitTypes.PX,I=(0,y.converseColumnTypes)(d,C),E=(0,o.default)(I,2),T=E[0],N=E[1],P=(0,y.getValueUnitTypePair)(_);P?P.unitType!==N&&(console.warn(w.WARNINGS.COLUMN_MIN_WIDTH_UNIT_TYPE),P=(0,y.getValueUnitTypePair)(w.DefaultListValues.minimumWidth[N])):P=(0,y.getValueUnitTypePair)(w.DefaultListValues.minimumWidth[N]);var L=(0,y.getValueUnitTypePair)(x);L&&L.unitType!==N&&(console.warn(w.WARNINGS.COLUMN_MAX_WIDTH_UNIT_TYPE),L=null);var j=(0,y.checkIfRowHasResponsiveColumns)(T),D=j?(0,y.getRowMaximumWidth)(T,null===(t=L)||void 0===t?void 0:t.value):null,F=j?(0,y.getRowMinimumWidth)(T,null===(n=P)||void 0===n?void 0:n.value):null,M=j?null:T.reduce((function(e,t){return e+t.width}),0),S=Math.ceil(s.length/f),W=g?null:(0,y.getValueUnitTypePair)(p||w.DefaultListValues.rowDefaultHeight[N]),k="".concat(M*f).concat(N),R=null===(a=(0,y.getValueUnitTypePair)(w.DefaultListValues.listMinimumWidth[N]))||void 0===a?void 0:a.value,H=j?Math.max(F*f,R):null,A={width:j?v:k,height:g?null:"".concat((null==W?void 0:W.value)*S).concat(null==W?void 0:W.unitType),minWidth:j?"".concat(H).concat(N):null,flexDirection:g?"row":"column"};D&&(A.maxWidth="".concat(D*f).concat(N));var U=Math.ceil(s.length/f),G=function(){var e=j?U*f-s.length:0,t=[];if(t=(0,i.default)(s),g)for(var n=s.length;n0;r-=1)t.splice(a,0,{id:"placeholder-row-".concat(r)}),a-=S-1;return t}(),B=function(e){return g?e%f==0:e0;return i.default.createElement("div",{id:t,role:x?"row":null,"aria-hidden":!x||null,className:w("row",g&&"row-topmost",b&&"row-leftmost",!x&&"row-placeholder",v.className),style:_},x&&n.map((function(e,n){return i.default.createElement(d.default,{key:"row-".concat(t,"-col-").concat(a[n].id),column:a[n],columnMinimumWidth:r,columnMaximumWidth:o,widthUnit:h},e.content)})))};g.propTypes=y;t.default=i.default.memo(g)},64934:function(e,t,n){var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.widthUnitTypes=t.alignTypes=t.WARNINGS=t.DefaultListValues=void 0;var r,i,o,l=a(n(38416)),u=t.widthUnitTypes={PX:"px",EM:"em",REM:"rem"};t.DefaultListValues={minimumWidth:(r={},(0,l.default)(r,u.PX,"60px"),(0,l.default)(r,u.EM,"3em"),(0,l.default)(r,u.REM,"3rem"),r),listMinimumWidth:(i={},(0,l.default)(i,u.PX,"500px"),(0,l.default)(i,u.EM,"10em"),(0,l.default)(i,u.REM,"10rem"),i),rowDefaultHeight:(o={},(0,l.default)(o,u.PX,"40px"),(0,l.default)(o,u.EM,"3.5em"),(0,l.default)(o,u.REM,"3.5rem"),o)},t.alignTypes={CENTER:"center",LEFT:"left",RIGHT:"right"},t.WARNINGS={COLUMN_MIN_WIDTH_UNIT_TYPE:"columnMinWidth prop has different unitType than the one used in columns. It will be disregarded and the default value will be used instead.",COLUMN_MAX_WIDTH_UNIT_TYPE:"columnMaxWidth prop has different unitType than the one used in columns. It will be disregarded.",COLUMN_WIDTH_INCONSISTENT_TYPE:"width, minWidth, and maxWidth should be of the same unit type across all the columns. px, em and rem are supported types."}},24558:function(e,t,n){var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.getValueUnitTypePair=t.getRowMinimumWidth=t.getRowMaximumWidth=t.converseColumnTypes=t.checkIfRowHasResponsiveColumns=t.checkIfColumnIsResponsive=void 0;var r=a(n(38416)),i=n(64934);function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}var l=t.getValueUnitTypePair=function(e){if(!e||0===e.length||"string"!=typeof e)return null;var t=new RegExp("([0-9.]+)|([a-zA-Z]+)","g"),n=e.match(t);if(!n||n.length<2)return null;var a=n[1]||i.widthUnitTypes.PX,r=a===i.widthUnitTypes.PX?parseInt(n[0],10):parseFloat(n[0]);return"number"==typeof r&&Object.values(i.widthUnitTypes).includes(a)?{value:r,unitType:a}:null},u=t.checkIfColumnIsResponsive=function(e,t){return e||!(t&&"number"==typeof t)},c=function(e,t){return e||u(t.flexGrow,t.width)};t.checkIfRowHasResponsiveColumns=function(e){return e.reduce(c,!1)},t.converseColumnTypes=function(e,t){for(var n,a=0;!n&&a=0||(l[t]=e[t]);return l}(e,n);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(l[t]=e[t])}return l}var o={},p="wrapper";function s(e){var n=e.components,t=m(e,r);return(0,a.mdx)(p,i({},o,t,{components:n,mdxType:"MDXLayout"}),(0,a.mdx)(d.ZP,{mdxType:"PropsTable"},(0,a.mdx)(d.X2,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(d.O,{mdxType:"PropNameCell"},"id"),(0,a.mdx)(d.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(d.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,a.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"String that will be used to identify the DataGrid. This value will be used as the id attribute of the overall DataGrid container,\nand it will be used to prefix other id attributes used for internal componentry."))),(0,a.mdx)(d.X2,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(d.O,{mdxType:"PropNameCell"},"columnHighlightId"),(0,a.mdx)(d.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"A Unique Identifier of the ",(0,a.mdx)("a",{parentName:"p",href:"/terra-ui/components/terra-clinical-data-grid/clinical-data-grid/clinical-data-grid"},"column"),".\nIf provided, column with specified identifier will be highlighted in data-grid."),(0,a.mdx)("p",null,(0,a.mdx)("img",{parentName:"p",src:"https://badgen.net/badge/UX/Design-Standards/blue",alt:"IMPORTANT"})," The column highlight feature should be limited specifically to\ntime and timeline concepts only, best used with special instruction and guidance from User Experience to ensure proper standards."))),(0,a.mdx)(d.X2,{key:"ROW3",mdxType:"Row"},(0,a.mdx)(d.O,{mdxType:"PropNameCell"},"pinnedColumns"),(0,a.mdx)(d.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'custom',\n}],\n"))),(0,a.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,a.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Data for columns that will be pinned. Columns will be presented in the order given."))),(0,a.mdx)(d.X2,{key:"ROW4",mdxType:"Row"},(0,a.mdx)(d.O,{mdxType:"PropNameCell"},"overflowColumns"),(0,a.mdx)(d.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'custom',\n}],\n"))),(0,a.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,a.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Data for columns that will be rendered in the DataGrid's horizontal overflow. Columns will be presented in the order given."))),(0,a.mdx)(d.X2,{key:"ROW5",mdxType:"Row"},(0,a.mdx)(d.O,{mdxType:"PropNameCell"},"sections"),(0,a.mdx)(d.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'custom',\n}],\n"))),(0,a.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,a.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Data for content in the body of the DataGrid. Sections will be rendered in the order given."))),(0,a.mdx)(d.X2,{key:"ROW6",mdxType:"Row"},(0,a.mdx)(d.O,{mdxType:"PropNameCell"},"onCellSelect"),(0,a.mdx)(d.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Function that is called when a selectable cell is selected. Parameters: ",(0,a.mdx)("inlineCode",{parentName:"p"},"onCellSelect(sectionId, rowId, columnId)")))),(0,a.mdx)(d.X2,{key:"ROW7",mdxType:"Row"},(0,a.mdx)(d.O,{mdxType:"PropNameCell"},"onColumnSelect"),(0,a.mdx)(d.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Function that is called when a selectable header cell is selected. Parameters: ",(0,a.mdx)("inlineCode",{parentName:"p"},"onColumnSelect(columnId)")))),(0,a.mdx)(d.X2,{key:"ROW8",mdxType:"Row"},(0,a.mdx)(d.O,{mdxType:"PropNameCell"},"onRequestColumnResize"),(0,a.mdx)(d.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Function that is called when a resizable column is resized. Parameters: ",(0,a.mdx)("inlineCode",{parentName:"p"},"onRequestColumnResize(columnId, requestedWidth)")))),(0,a.mdx)(d.X2,{key:"ROW9",mdxType:"Row"},(0,a.mdx)(d.O,{mdxType:"PropNameCell"},"onRequestSectionCollapse"),(0,a.mdx)(d.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Function that is called when a collapsible section is selected. Parameters: ",(0,a.mdx)("inlineCode",{parentName:"p"},"onRequestSectionCollapse(sectionId)")))),(0,a.mdx)(d.X2,{key:"ROW10",mdxType:"Row"},(0,a.mdx)(d.O,{mdxType:"PropNameCell"},"rowHeight"),(0,a.mdx)(d.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"'2.5rem'\n"))),(0,a.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"String that specifies the row height. Values are suggested to be in ",(0,a.mdx)("inlineCode",{parentName:"p"},"rem"),"s (ex ",(0,a.mdx)("inlineCode",{parentName:"p"},"'5rem'"),"), but any valid CSS height value is accepted.\nThis value can be overridden for a row by specifying a height on the given row."))),(0,a.mdx)(d.X2,{key:"ROW11",mdxType:"Row"},(0,a.mdx)(d.O,{mdxType:"PropNameCell"},"headerHeight"),(0,a.mdx)(d.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"'2.5rem'\n"))),(0,a.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"String that specifies the DataGrid header height. Values are suggested to be in ",(0,a.mdx)("inlineCode",{parentName:"p"},"rem"),"s (ex ",(0,a.mdx)("inlineCode",{parentName:"p"},"'5rem'"),"), but any valid CSS height value is accepted."))),(0,a.mdx)(d.X2,{key:"ROW12",mdxType:"Row"},(0,a.mdx)(d.O,{mdxType:"PropNameCell"},"hasSelectableRows"),(0,a.mdx)(d.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Boolean indicating whether or not the DataGrid should allow entire rows to be selectable. An additional column will be\nrendered to allow for row selection to occur."))),(0,a.mdx)(d.X2,{key:"ROW13",mdxType:"Row"},(0,a.mdx)(d.O,{mdxType:"PropNameCell"},"onRowSelect"),(0,a.mdx)(d.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Function that will be called when a row is selected. Parameters: ",(0,a.mdx)("inlineCode",{parentName:"p"},"onRowSelect(sectionId, rowId)")))),(0,a.mdx)(d.X2,{key:"ROW14",mdxType:"Row"},(0,a.mdx)(d.O,{mdxType:"PropNameCell"},"hasResizableColumns"),(0,a.mdx)(d.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Boolean indicating whether or not resizable columns are enabled for the DataGrid. If this prop is not enabled, the isResizable value of columns\nwill be ignored."))),(0,a.mdx)(d.X2,{key:"ROW15",mdxType:"Row"},(0,a.mdx)(d.O,{mdxType:"PropNameCell"},"defaultColumnWidth"),(0,a.mdx)(d.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"number\n"))),(0,a.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"200\n"))),(0,a.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Number indicating the default column width in px. This value will be used if no overriding width value is provided on a per-column basis."))),(0,a.mdx)(d.X2,{key:"ROW16",mdxType:"Row"},(0,a.mdx)(d.O,{mdxType:"PropNameCell"},"onRequestContent"),(0,a.mdx)(d.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Function that will be called when the DataGrid's vertical overflow reaches its terminal position. This can be used to contextually\nload additional content in the DataGrid. If there is no additional content to present, this function should not be provided.\nThe ",(0,a.mdx)("inlineCode",{parentName:"p"},"fill")," prop must also be provided as true; otherwise, the DataGrid will not overflow internally and will not know to request more content.\nParameters: ",(0,a.mdx)("inlineCode",{parentName:"p"},"onRequestContent()")))),(0,a.mdx)(d.X2,{key:"ROW17",mdxType:"Row"},(0,a.mdx)(d.O,{mdxType:"PropNameCell"},"fill"),(0,a.mdx)(d.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Boolean that indicates whether or not the DataGrid should fill its parent container."))),(0,a.mdx)(d.X2,{key:"ROW18",mdxType:"Row"},(0,a.mdx)(d.O,{mdxType:"PropNameCell"},"verticalOverflowContainerRefCallback"),(0,a.mdx)(d.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback ref to pass into vertical overflow container."))),(0,a.mdx)(d.X2,{key:"ROW19",mdxType:"Row"},(0,a.mdx)(d.O,{mdxType:"PropNameCell"},"horizontalOverflowContainerRefCallback"),(0,a.mdx)(d.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback ref to pass into horizontal overflow container."))),(0,a.mdx)(d.X2,{key:"ROW20",mdxType:"Row"},(0,a.mdx)(d.O,{mdxType:"PropNameCell"},"labelRef"),(0,a.mdx)(d.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"unionOf: [\n type: 'func',\n type: 'string',\n],\n"))),(0,a.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"A ref to the element containing the visual name/label of the grid to provide context for screen readers. This can be a ref to a textual DOM element or a string, but a ref is recommended. Necessary to meet a11y standards."))),(0,a.mdx)(d.X2,{key:"ROW21",mdxType:"Row"},(0,a.mdx)(d.O,{mdxType:"PropNameCell"},"descriptionRef"),(0,a.mdx)(d.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"unionOf: [\n type: 'func',\n type: 'string',\n],\n"))),(0,a.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"A ref to an element containing description, helper text, or instructions for using the grid to provide context for screen readers. This can be a ref to a textual DOM element or a string. This information should be made visible as well outside of the grid when possible.")))))}s.isMDXComponent=!0;var x=["components"];function u(){return u=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(l[t]=e[t]);return l}(e,n);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(l[t]=e[t])}return l}var h={},g="wrapper";function N(e){var n=e.components,t=c(e,x);return(0,a.mdx)(g,u({},h,t,{components:n,mdxType:"MDXLayout"}),(0,a.mdx)(l.C,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"terra-clinical-datagrid"},"Terra Clinical DataGrid"),(0,a.mdx)("p",null,"The DataGrid is an organizational component that renders a collection of data in a grid-like format."),(0,a.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Install with ",(0,a.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("inlineCode",{parentName:"li"},"npm install terra-clinical-data-grid"))))),(0,a.mdx)("h2",{id:"usage"},"Usage"),(0,a.mdx)("p",null,"The DataGrid is a fully-controlled component that utilizes no internal state. Any desired changes to the DataGrid after its initial render can and should be communicated through its props."),(0,a.mdx)("p",null,"Content is provided to the DataGrid as one of four distinct data structures: columns, sections, rows, and cells. These strutures are simple JS objects, not React components. Immutable objects should be used where possible to avoid unnecessary rendering costs."),(0,a.mdx)("h3",{id:"columns"},"Columns"),(0,a.mdx)("p",null,"Columns define what is rendered in the column header as well as what interactions are available."),(0,a.mdx)("p",null,"Columns are provided to the DataGrid through two props: ",(0,a.mdx)("inlineCode",{parentName:"p"},"pinnedColumns")," and ",(0,a.mdx)("inlineCode",{parentName:"p"},"overflowColumns"),". The order in which the columns are provided will be the order in which they are rendered, with the ",(0,a.mdx)("inlineCode",{parentName:"p"},"pinnedColumns")," preceeding the ",(0,a.mdx)("inlineCode",{parentName:"p"},"overflowColumns"),"."),(0,a.mdx)("table",null,(0,a.mdx)("thead",{parentName:"table"},(0,a.mdx)("tr",{parentName:"thead"},(0,a.mdx)("th",{parentName:"tr",align:null},"Name"),(0,a.mdx)("th",{parentName:"tr",align:null},"Type"),(0,a.mdx)("th",{parentName:"tr",align:null},"Is Required"),(0,a.mdx)("th",{parentName:"tr",align:null},"Default Value"),(0,a.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,a.mdx)("tbody",{parentName:"table"},(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("strong",{parentName:"td"},"id")),(0,a.mdx)("td",{parentName:"tr",align:null},"string"),(0,a.mdx)("td",{parentName:"tr",align:null},"required"),(0,a.mdx)("td",{parentName:"tr",align:null},"none"),(0,a.mdx)("td",{parentName:"tr",align:null},"An identifier for the column. This identifier should be unique across the set of columns provided to the DataGrid.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("strong",{parentName:"td"},"width")),(0,a.mdx)("td",{parentName:"tr",align:null},"number"),(0,a.mdx)("td",{parentName:"tr",align:null},"optional"),(0,a.mdx)("td",{parentName:"tr",align:null},"none"),(0,a.mdx)("td",{parentName:"tr",align:null},"A number (in px) specifying the width of the column. If not provided, the DataGrid's default column width will be used.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("strong",{parentName:"td"},"isSelectable")),(0,a.mdx)("td",{parentName:"tr",align:null},"bool"),(0,a.mdx)("td",{parentName:"tr",align:null},"optional"),(0,a.mdx)("td",{parentName:"tr",align:null},"none"),(0,a.mdx)("td",{parentName:"tr",align:null},"A boolean indicating whether or not the column header is selectable. If true, the DataGrid's ",(0,a.mdx)("inlineCode",{parentName:"td"},"onColumnSelect")," prop will be called upon column header selection.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("strong",{parentName:"td"},"isResizable")),(0,a.mdx)("td",{parentName:"tr",align:null},"bool"),(0,a.mdx)("td",{parentName:"tr",align:null},"optional"),(0,a.mdx)("td",{parentName:"tr",align:null},"none"),(0,a.mdx)("td",{parentName:"tr",align:null},"A boolean indicating whether or not the column header is resizable. If true, a resize indicator will be rendered over the column header's contents, and the DataGrid's ",(0,a.mdx)("inlineCode",{parentName:"td"},"onRequestColumnResize")," function will be called upon interaction with the resize indicator. The new width will be provided with the function call so that the column's width property can be updated as needed.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("strong",{parentName:"td"},"text")),(0,a.mdx)("td",{parentName:"tr",align:null},"string"),(0,a.mdx)("td",{parentName:"tr",align:null},"optional"),(0,a.mdx)("td",{parentName:"tr",align:null},"none"),(0,a.mdx)("td",{parentName:"tr",align:null},"A string of text to render within the column header. This text will follow standard truncation rules as necessary. If a ",(0,a.mdx)("inlineCode",{parentName:"td"},"component")," value is specified, ",(0,a.mdx)("inlineCode",{parentName:"td"},"text")," will be ignored.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("strong",{parentName:"td"},"sortIndicator")),(0,a.mdx)("td",{parentName:"tr",align:null},"One of: ",(0,a.mdx)("strong",{parentName:"td"},"ascending"),", ",(0,a.mdx)("strong",{parentName:"td"},"descending")),(0,a.mdx)("td",{parentName:"tr",align:null},"optional"),(0,a.mdx)("td",{parentName:"tr",align:null},"none"),(0,a.mdx)("td",{parentName:"tr",align:null},"A string indicating which sorting indicator should be rendered. If not provided, no sorting indicator will be rendered. If a ",(0,a.mdx)("inlineCode",{parentName:"td"},"component")," value is specified, ",(0,a.mdx)("inlineCode",{parentName:"td"},"sortIndicator")," will be ignored.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("strong",{parentName:"td"},"component")),(0,a.mdx)("td",{parentName:"tr",align:null},"component"),(0,a.mdx)("td",{parentName:"tr",align:null},"optional"),(0,a.mdx)("td",{parentName:"tr",align:null},"none"),(0,a.mdx)("td",{parentName:"tr",align:null},"A custom component to render within the column header. If provided, the ",(0,a.mdx)("inlineCode",{parentName:"td"},"text")," and ",(0,a.mdx)("inlineCode",{parentName:"td"},"sortIndicator")," values will be ignored.")))),(0,a.mdx)("h3",{id:"sections"},"Sections"),(0,a.mdx)("p",null,"Sections define the rendering style of the section header as well as the rows inside the section."),(0,a.mdx)("p",null,"Sections are provided to the DataGrid through the ",(0,a.mdx)("inlineCode",{parentName:"p"},"sections")," prop. The order in which the sections are provided will be the order in which they are rendered."),(0,a.mdx)("table",null,(0,a.mdx)("thead",{parentName:"table"},(0,a.mdx)("tr",{parentName:"thead"},(0,a.mdx)("th",{parentName:"tr",align:null},"Name"),(0,a.mdx)("th",{parentName:"tr",align:null},"Type"),(0,a.mdx)("th",{parentName:"tr",align:null},"Is Required"),(0,a.mdx)("th",{parentName:"tr",align:null},"Default Value"),(0,a.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,a.mdx)("tbody",{parentName:"table"},(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("strong",{parentName:"td"},"id")),(0,a.mdx)("td",{parentName:"tr",align:null},"string"),(0,a.mdx)("td",{parentName:"tr",align:null},"required"),(0,a.mdx)("td",{parentName:"tr",align:null},"none"),(0,a.mdx)("td",{parentName:"tr",align:null},"An identifier for the section. This identifier should be unique across the set of sections provided to the DataGrid.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("strong",{parentName:"td"},"isCollapsible")),(0,a.mdx)("td",{parentName:"tr",align:null},"bool"),(0,a.mdx)("td",{parentName:"tr",align:null},"optional"),(0,a.mdx)("td",{parentName:"tr",align:null},"none"),(0,a.mdx)("td",{parentName:"tr",align:null},"A boolean indicating whether or not the the section is collapsible. If true, the DataGrid's ",(0,a.mdx)("inlineCode",{parentName:"td"},"onRequestSectionCollapse")," function will be called upon selection of the section header, and an icon indicating collapsibility will be rendered within the seaction header.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("strong",{parentName:"td"},"isCollapsed")),(0,a.mdx)("td",{parentName:"tr",align:null},"bool"),(0,a.mdx)("td",{parentName:"tr",align:null},"optional"),(0,a.mdx)("td",{parentName:"tr",align:null},"none"),(0,a.mdx)("td",{parentName:"tr",align:null},"A boolean indicating whether or not the section is collapsed. If true, the DataGrid will not render the contents of the section.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("strong",{parentName:"td"},"text")),(0,a.mdx)("td",{parentName:"tr",align:null},"string"),(0,a.mdx)("td",{parentName:"tr",align:null},"optional"),(0,a.mdx)("td",{parentName:"tr",align:null},"none"),(0,a.mdx)("td",{parentName:"tr",align:null},"A text string to render within the section header.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("strong",{parentName:"td"},"startAccessory")),(0,a.mdx)("td",{parentName:"tr",align:null},"component"),(0,a.mdx)("td",{parentName:"tr",align:null},"optional"),(0,a.mdx)("td",{parentName:"tr",align:null},"none"),(0,a.mdx)("td",{parentName:"tr",align:null},"A component to render within the section header's start accessory position. This will be rendered ahead of ",(0,a.mdx)("inlineCode",{parentName:"td"},"text"),".")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("strong",{parentName:"td"},"endAccessory")),(0,a.mdx)("td",{parentName:"tr",align:null},"component"),(0,a.mdx)("td",{parentName:"tr",align:null},"optional"),(0,a.mdx)("td",{parentName:"tr",align:null},"none"),(0,a.mdx)("td",{parentName:"tr",align:null},"A component to render within the section header's end accessory position. This will be rendered behind ",(0,a.mdx)("inlineCode",{parentName:"td"},"text"),".")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("strong",{parentName:"td"},"component")),(0,a.mdx)("td",{parentName:"tr",align:null},"component"),(0,a.mdx)("td",{parentName:"tr",align:null},"optional"),(0,a.mdx)("td",{parentName:"tr",align:null},"none"),(0,a.mdx)("td",{parentName:"tr",align:null},"A custom component to render within the section header. If provided, the ",(0,a.mdx)("inlineCode",{parentName:"td"},"text"),", ",(0,a.mdx)("inlineCode",{parentName:"td"},"startAccessory"),", and ",(0,a.mdx)("inlineCode",{parentName:"td"},"endAccessory")," values will be ignored.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("strong",{parentName:"td"},"rows")),(0,a.mdx)("td",{parentName:"tr",align:null},"array"),(0,a.mdx)("td",{parentName:"tr",align:null},"optional"),(0,a.mdx)("td",{parentName:"tr",align:null},"[]"),(0,a.mdx)("td",{parentName:"tr",align:null},"An array of row objects to be rendered within the section.")))),(0,a.mdx)("blockquote",null,(0,a.mdx)("p",{parentName:"blockquote"},"Note: if ",(0,a.mdx)("inlineCode",{parentName:"p"},"text"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"startAccessory"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"endAccessory"),", and ",(0,a.mdx)("inlineCode",{parentName:"p"},"component")," are not provided, and if ",(0,a.mdx)("inlineCode",{parentName:"p"},"isCollapsible")," is false, no section header will be rendered. However, the ",(0,a.mdx)("inlineCode",{parentName:"p"},"rows")," of the section will continue to be rendered.")),(0,a.mdx)("p",null,"Section headers will be provided the attribute ",(0,a.mdx)("inlineCode",{parentName:"p"},'data-terra-clinical-data-grid-section-header-id="${sectionId}')," for interested consumers."),(0,a.mdx)("h3",{id:"rows"},"Rows"),(0,a.mdx)("p",null,"Rows define the cells rendered within the row as well as the row's selection properties."),(0,a.mdx)("p",null,"Rows are provided to sections to be rendered by the DataGrid. The order in which the rows are provided will be the order in which they are rendered."),(0,a.mdx)("table",null,(0,a.mdx)("thead",{parentName:"table"},(0,a.mdx)("tr",{parentName:"thead"},(0,a.mdx)("th",{parentName:"tr",align:null},"Name"),(0,a.mdx)("th",{parentName:"tr",align:null},"Type"),(0,a.mdx)("th",{parentName:"tr",align:null},"Is Required"),(0,a.mdx)("th",{parentName:"tr",align:null},"Default Value"),(0,a.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,a.mdx)("tbody",{parentName:"table"},(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("strong",{parentName:"td"},"id")),(0,a.mdx)("td",{parentName:"tr",align:null},"string"),(0,a.mdx)("td",{parentName:"tr",align:null},"required"),(0,a.mdx)("td",{parentName:"tr",align:null},"none"),(0,a.mdx)("td",{parentName:"tr",align:null},"An identifier for the row. This identifier should be unique across the set of rows provided to a given section.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("strong",{parentName:"td"},"ariaLabel")),(0,a.mdx)("td",{parentName:"tr",align:null},"string"),(0,a.mdx)("td",{parentName:"tr",align:null},"optional"),(0,a.mdx)("td",{parentName:"tr",align:null},"none"),(0,a.mdx)("td",{parentName:"tr",align:null},"A string identifier used to describe the row contents. This value will be used to contruct additional labels for internal controls (e.g. row selection cells).")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("strong",{parentName:"td"},"isDecorative")),(0,a.mdx)("td",{parentName:"tr",align:null},"bool"),(0,a.mdx)("td",{parentName:"tr",align:null},"optional"),(0,a.mdx)("td",{parentName:"tr",align:null},"none"),(0,a.mdx)("td",{parentName:"tr",align:null},"A boolean to prevent the row from being interactive (selectable + selected), hides the column highlighting style in the row when ",(0,a.mdx)("inlineCode",{parentName:"td"},"columnHighlightId"),' is valued, and applies role="presentation" and aria-hidden="true" to hide from screen readers. Used for inserted decorative rows like custom dividers.')),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("strong",{parentName:"td"},"isSelectable")),(0,a.mdx)("td",{parentName:"tr",align:null},"bool"),(0,a.mdx)("td",{parentName:"tr",align:null},"optional"),(0,a.mdx)("td",{parentName:"tr",align:null},"none"),(0,a.mdx)("td",{parentName:"tr",align:null},"A boolean indicating whether or not the row is selectable.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("strong",{parentName:"td"},"isSelected")),(0,a.mdx)("td",{parentName:"tr",align:null},"bool"),(0,a.mdx)("td",{parentName:"tr",align:null},"optional"),(0,a.mdx)("td",{parentName:"tr",align:null},"none"),(0,a.mdx)("td",{parentName:"tr",align:null},"A boolean indicating whether or not the row should render as selected.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("strong",{parentName:"td"},"cells")),(0,a.mdx)("td",{parentName:"tr",align:null},"array"),(0,a.mdx)("td",{parentName:"tr",align:null},"optional"),(0,a.mdx)("td",{parentName:"tr",align:null},"[]"),(0,a.mdx)("td",{parentName:"tr",align:null},"An array of cell objects that define the content to be rendered in the row. The order in which the cells are rendered is determined by the order of the ",(0,a.mdx)("inlineCode",{parentName:"td"},"pinnedColumns")," and ",(0,a.mdx)("inlineCode",{parentName:"td"},"overflowColumns")," props.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("strong",{parentName:"td"},"height")),(0,a.mdx)("td",{parentName:"tr",align:null},"string"),(0,a.mdx)("td",{parentName:"tr",align:null},"optional"),(0,a.mdx)("td",{parentName:"tr",align:null},"none"),(0,a.mdx)("td",{parentName:"tr",align:null},"The height for this row. This overrides the ",(0,a.mdx)("inlineCode",{parentName:"td"},"DataGrid")," ",(0,a.mdx)("inlineCode",{parentName:"td"},"rowHeight")," property. Values are suggested to be in ",(0,a.mdx)("inlineCode",{parentName:"td"},"rem"),"s (ex ",(0,a.mdx)("inlineCode",{parentName:"td"},"'5rem'"),"), but any valid CSS height value is accepted.")))),(0,a.mdx)("h3",{id:"cells"},"Cells"),(0,a.mdx)("p",null,"Cells define the content rendered in a given section, row, and column."),(0,a.mdx)("table",null,(0,a.mdx)("thead",{parentName:"table"},(0,a.mdx)("tr",{parentName:"thead"},(0,a.mdx)("th",{parentName:"tr",align:null},"Name"),(0,a.mdx)("th",{parentName:"tr",align:null},"Type"),(0,a.mdx)("th",{parentName:"tr",align:null},"Is Required"),(0,a.mdx)("th",{parentName:"tr",align:null},"Default Value"),(0,a.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,a.mdx)("tbody",{parentName:"table"},(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("strong",{parentName:"td"},"columnId")),(0,a.mdx)("td",{parentName:"tr",align:null},"string"),(0,a.mdx)("td",{parentName:"tr",align:null},"required"),(0,a.mdx)("td",{parentName:"tr",align:null},"none"),(0,a.mdx)("td",{parentName:"tr",align:null},"A column identifier for the cell. This identifier should be unique across the set of cells provided to a given row.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("strong",{parentName:"td"},"isSelectable")),(0,a.mdx)("td",{parentName:"tr",align:null},"bool"),(0,a.mdx)("td",{parentName:"tr",align:null},"optional"),(0,a.mdx)("td",{parentName:"tr",align:null},"none"),(0,a.mdx)("td",{parentName:"tr",align:null},"A boolean indicating whether or not the cell is selectable.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("strong",{parentName:"td"},"isSelected")),(0,a.mdx)("td",{parentName:"tr",align:null},"bool"),(0,a.mdx)("td",{parentName:"tr",align:null},"optional"),(0,a.mdx)("td",{parentName:"tr",align:null},"none"),(0,a.mdx)("td",{parentName:"tr",align:null},"A boolean indicating whether or not the cell should render as selected.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("strong",{parentName:"td"},"component")),(0,a.mdx)("td",{parentName:"tr",align:null},"component"),(0,a.mdx)("td",{parentName:"tr",align:null},"optional"),(0,a.mdx)("td",{parentName:"tr",align:null},"none"),(0,a.mdx)("td",{parentName:"tr",align:null},"A component to render within the cell.")))),(0,a.mdx)("h4",{id:"creating-components-for-cells"},"Creating components for Cells"),(0,a.mdx)("p",null,"The DataGrid will provide a explicitly sized container within which the Cell ",(0,a.mdx)("inlineCode",{parentName:"p"},"component")," will be rendered. A height and width of ",(0,a.mdx)("inlineCode",{parentName:"p"},"100%")," should be set on the component to ensure it fills the available area."),(0,a.mdx)("h2",{id:"creating-custom-content"},"Creating Custom Content"),(0,a.mdx)("p",null,"The various DataGrid containers (column header, section header, cell) support the presentation of custom components. However, there are a few rules that a component must adhere to."),(0,a.mdx)("p",null,"The DataGrid provides a number of styles for mouse/keyboard interaction states (click, hover, selection). Custom components should generally render with a transparent background to ensure those default styles bleed through the component."),(0,a.mdx)("p",null,"The DataGrid will provide a explicitly sized container within which the component will rendered. A height and width of ",(0,a.mdx)("inlineCode",{parentName:"p"},"100%")," should be set on the component to ensure it fills the area provided to it."),(0,a.mdx)("p",null,"If there are any mouse/keyboard interactive elements within the component, and the component is rendered inside a selectable DataGrid container (column header, section header, cell), events may propagate in ways that the component is not expecting. Events triggered by those interactive elements should not be propagated to prevent undesired DataGrid interactions."),(0,a.mdx)("p",null,"Additionally, these interactive elements must include a special data attribute called ",(0,a.mdx)("inlineCode",{parentName:"p"},"data-accessible-data-grid-content"),". The DataGrid utilizes a custom tabbing implementation to ensure a propper tabbing order, and including that attribute on all interactive elements of custom components will ensure that they are still sensibly keyboard accessible."),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import DataGrid from 'terra-clinical-data-grid';\n")),(0,a.mdx)("h2",{id:"component-features"},"Component Features"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support"))),(0,a.mdx)("h2",{id:"data-grid-props-table"},"Data Grid Props Table"),(0,a.mdx)(s,{mdxType:"DataGridPropsTable"}))}N.isMDXComponent=!0},70279:function(e,n,t){t.d(n,{C:function(){return d}});var a=t(67294),l=t(22863),d=function(e){var n=e.url;return a.createElement(l.Z,{src:"https://github.com/cerner/terra-clinical/tree/main/packages/terra-clinical-data-grid",name:"terra-clinical-data-grid",version:"2.49.0",url:n})}},17422:function(e,n,t){t.r(n),n.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/27195-03ded0091b3e2b8f1979.css b/27195-03ded0091b3e2b8f1979.css new file mode 100644 index 0000000000..59288e6471 --- /dev/null +++ b/27195-03ded0091b3e2b8f1979.css @@ -0,0 +1,3 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.ListDocCommon-module__placeholder___9sgl3{height:50px} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} diff --git a/27195-03ded0091b3e2b8f1979.js b/27195-03ded0091b3e2b8f1979.js new file mode 100644 index 0000000000..b281ad20ab --- /dev/null +++ b/27195-03ded0091b3e2b8f1979.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[27195,45627,85565,3353,5161,45865,16835,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{45699:function(e,t,n){function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}t.Z=void 0;var i=u(n(67294)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var n=d(t);if(n&&n.has(e))return n.get(e);var i={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&Object.prototype.hasOwnProperty.call(e,r)){var s=o?Object.getOwnPropertyDescriptor(e,r):null;s&&(s.get||s.set)?Object.defineProperty(i,r,s):i[r]=e[r]}return i.default=e,n&&n.set(e,i),i}(n(93670)),r=n(34261),s=u(n(47166)),l=u(n(205)),c=u(n(25266));function d(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(d=function(e){return e?n:t})(e)}function u(e){return e&&e.__esModule?e:{default:e}}function p(e,t){for(var n=0;n=0,isCollapsible:!0,metaData:{key:e.key},onSelect:this.handleSectionSelection},e.childItems.map((function(e){return t=e,i.default.createElement(o.Item,{key:t.key},i.default.createElement(r.Placeholder,{title:t.title,className:S("placeholder")}));var t})))}},{key:"createSections",value:function(e){var t=this;return e.map((function(e){return t.createSection(e)}))}},{key:"render",value:function(){return i.default.createElement(o.default,null,this.createSections(l.default))}}])&&p(t.prototype,n),a&&p(t,a),Object.defineProperty(t,"prototype",{writable:!1}),c}(i.default.Component);t.Z=b},205:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;t.default=[{title:"Section 0",key:"unique-key-0",childItems:[{title:"Item 0-0",key:"unique-0-0"},{title:"Item 0-1",key:"unique-0-1"},{title:"Item 0-2",key:"unique-0-2"}]},{title:"Section 1",key:"unique-key-1",childItems:[{title:"Item 1-0",key:"unique-1-0"},{title:"Item 1-1",key:"unique1-1"},{title:"Item 1-2",key:"unique-1-2"}]}]},5747:function(e,t,n){n.r(t),n.d(t,{default:function(){return v}});var a=n(67294),i=n(81254),o=n(30999),r=n(45699),s=["components"];function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(i[n]=e[n]);return i}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}var d={};function u(e){var t=e.components,n=c(e,s);return(0,i.mdx)("wrapper",l({},d,n,{components:t,mdxType:"MDXLayout"}),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport List, { Item, Section, Utils } from 'terra-list';\nimport { Placeholder } from '@cerner/terra-docs';\nimport classNames from 'classnames/bind';\nimport mockData from './mock-data/mock-section';\nimport styles from '../example/ListDocCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst createListItem = itemData => (\n \n \n \n);\n\nclass SectionList extends React.Component {\n constructor(props) {\n super(props);\n this.createSection = this.createSection.bind(this);\n this.createSections = this.createSections.bind(this);\n this.handleSectionSelection = this.handleSectionSelection.bind(this);\n this.state = { collapsedKeys: [] };\n }\n\n handleSectionSelection(event, metaData) {\n event.preventDefault();\n this.setState(state => ({ collapsedKeys: Utils.updatedMultiSelectedKeys(state.collapsedKeys, metaData.key) }));\n }\n\n createSection(sectionData) {\n return (\n = 0}\n isCollapsible\n metaData={{ key: sectionData.key }}\n onSelect={this.handleSectionSelection}\n >\n {sectionData.childItems.map(childItem => createListItem(childItem))}\n
\n );\n }\n\n createSections(data) {\n return data.map(section => this.createSection(section));\n }\n\n render() {\n return (\n \n {this.createSections(mockData)}\n \n );\n }\n}\n\nexport default SectionList;\n\n")))}u.isMDXComponent=!0;var p=n(49271),m=n(63443),h=function(e){var t=e.title,n=e.description,i=e.isExpanded;return a.createElement(p.Z,{title:t||"Section List",description:n,example:a.createElement(r.Z,null),exampleCssSrc:a.createElement(m.Z,null),exampleSrc:a.createElement(u,null),isExpanded:i})},f=["components"];function y(){return y=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(i[n]=e[n]);return i}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}var b={},x="wrapper";function v(e){var t=e.components,n=S(e,f);return(0,i.mdx)(x,y({},b,n,{components:t,mdxType:"MDXLayout"}),(0,i.mdx)(o.C,{mdxType:"Badge"}),(0,i.mdx)("h1",{id:"terra-list---sections"},"Terra List - Sections"),(0,i.mdx)("p",null,"List sections are available in both static and collapsible varieties. A list section that is collapsed will remove its children items from the DOM. This improves performance and accessiblilty, but may remove potentional state associated to a mounted list item. If your list item content has additional state, it needs to be stored externally and reapplied when thawed for the next render that shows its section open. Since this render occurs at the same time that a collapsible section state changes, for additional optimization, collapsed sections do not necessarily need to be provided with child items."),(0,i.mdx)("h2",{id:"state-management"},"State Management"),(0,i.mdx)("p",null,"As section and subsection have the same API, we'll be walking through the expectation of a collapsible section in only one pattern."),(0,i.mdx)("p",null,"First defaulting our state to an empty array in the constructor. "),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-diff"},"class MyList extends React.Component {\n constructor(props) {\n super(props);\n\n+ this.state = { collapsedKeys: [] };\n }\n \n render() {\n return (\n );\n }\n}\n")),(0,i.mdx)("p",null,"Next creating an event handler callback method to pass to the section's ",(0,i.mdx)("inlineCode",{parentName:"p"},"onSelect")," prop. The ",(0,i.mdx)("inlineCode",{parentName:"p"},"onSelect")," callback will return the metaData prop passed to each section."),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-diff"},"class MyList extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = { collapsedKeys: [] };\n+ this.handleSectionSelection = this.handleSectionSelection.bind(this)\n }\n \n+ handleSectionSelection(event, metaData) {\n\n+ }\n")),(0,i.mdx)("p",null,"As a precaution we can prevent default on the event, in case the list has an ancestor with a listener. This also prevents the browser from auto page scrolling when we are intending to make a selection with the space bar."),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-diff"}," handleSectionSelection(event, metaData) {\n+ event.preventDefault();\n }\n")),(0,i.mdx)("p",null,"Terra List comes with additional helpers to manage state, in this case we want to determine if the selection has collapsed or opened the section using the section key in our state. So we use the utility method ",(0,i.mdx)("inlineCode",{parentName:"p"},"updatedMulitSelectedKeys"),", which takes an array of keys and returns a new array of keys following the addition or removal of the key passed. We then set this as our state."),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-diff"}," handleSectionSelection(event, metaData) {\n event.preventDefault();\n+ this.setState(state => ({ collapsedKeys: Utils.updatedMultiSelectedKeys(state.selectedKeys, metaData.key) }));\n }\n")),(0,i.mdx)("p",null,"Settting state will trigger another render. So in the render method we need to generate our sections with the updated ",(0,i.mdx)("inlineCode",{parentName:"p"},"isCollapsed")," and ",(0,i.mdx)("inlineCode",{parentName:"p"},"isCollapsible")," props. Each section needs a unique key, not necessarily associated to our own key, but it works as well. The list renders flat, so keys need to be unique even if items are placed within sections structurally.\n",(0,i.mdx)("a",{parentName:"p",href:"https://reactjs.org/docs/lists-and-keys.html"},"React List & Key Documentation")),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-diff"},"class MyList extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = { selectedKey: null };\n this.handleItemSelection = this.handleItemSelection.bind(this)\n+ this.createSection = this.createSection.bind(this)\n }\n ...\n+ createSection(sectionData) {\n+ return (\n+ \n+ {sectionData.childItems.map(childItem => createSubsection(childItem))}\n+ \n+ );\n+ }\n")),(0,i.mdx)("p",null,"Next we need to set up our ",(0,i.mdx)("inlineCode",{parentName:"p"},"metaData")," object with our key value, and attach the ",(0,i.mdx)("inlineCode",{parentName:"p"},"onSelect")," to our handler."),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-diff"}," createSection(sectionData) {\n return (\n \n {sectionData.childItems.map(childItem => createSubsection(childItem))}\n \n );\n }\n")),(0,i.mdx)("p",null,"For rendering the collapsible section we set ",(0,i.mdx)("inlineCode",{parentName:"p"},"isCollapsible")," for all sections."),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-diff"}," createSection(sectionData) {\n return (\n \n {sectionData.childItems.map(childItem => createSubsection(childItem))}\n \n );\n }\n")),(0,i.mdx)("p",null,"Finally we need to check if the section is collapsed. As we support IE10 & 11, we cannot use ",(0,i.mdx)("inlineCode",{parentName:"p"},"contains"),", so we use ",(0,i.mdx)("inlineCode",{parentName:"p"},"indexOf")," to determine if the key is present in our state array. Here we can also avoid rendering collapsed child items and subsections by avoiding the subsequent function calls. Short circuiting the render is not required, as the section can correctly managed the display of the child content, but this will avoid additional javascript cycles looping through and creating child objects. The performance impact of generating child items is minimal, but with large lists it can add up."),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-diff"}," createSection(sectionData) {\n+ const isCollapsed = this.state.collapsedKeys.indexOf(sectionData.key) >= 0;\n return (\n \n- {sectionData.childItems.map(childItem => createSubsection(childItem))}\n+ {!isCollapsed && sectionData.childItems.map(childItem => createListItem(childItem))}\n \n );\n")),(0,i.mdx)("p",null,"We can then implement the unpack of our data into our list items."),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-diff"}," createSection(sectionData) {\n const isCollapsed = this.state.collapsedKeys.indexOf(sectionData.key) >= 0;\n+ const createListItem = itemData => (\n+ \n+ \n+ \n+ );\n return (\n \n {!isCollapsed && sectionData.childItems.map(childItem => createListItem(childItem))}\n \n );\n \n\n")),(0,i.mdx)("p",null,"Then we can implement a method to loop through our data and create the section with our methods and call it from our render method."),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-diff"},'class MyList extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = { selectedKey: null };\n this.handleItemSelection = this.handleItemSelection.bind(this)\n this.createSection = this.createSection.bind(this)\n+ this.createSections = this.createSections.bind(this)\n }\n ...\n+ createSections(data) {\n+ return data.map(section => this.createSection(section));\n+ }\n\n render() {\n return (\n+ \n+ {this.createSections(mockData)}\n+ \n );\n }\n')),(0,i.mdx)("p",null,"Using these steps we get the following example:"),(0,i.mdx)("h2",{id:"examples"},"Examples"),(0,i.mdx)(h,{mdxType:"SectionList"}))}v.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/2721-e3bb32ee48b7f6b6df1f.css b/2721-e3bb32ee48b7f6b6df1f.css new file mode 100644 index 0000000000..696a5f96ae --- /dev/null +++ b/2721-e3bb32ee48b7f6b6df1f.css @@ -0,0 +1,2 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.Whitespace-module__whitespace___nfEbP{display:block;min-height:0}[dir] .Whitespace-module__whitespace___nfEbP{margin:0;padding:0}.Whitespace-module__newline-1___JsrIt{height:1.4285714286em}.Whitespace-module__newline-2___Q0uWI{height:2.8571428572em}.Whitespace-module__newline-3___Q94cX{height:4.2857142858em}.Whitespace-module__newline-4___20zS-{height:5.7142857144em}.Whitespace-module__newline-5___nHyJ-{height:7.142857143em}.Whitespace-module__newline-6___TGqYR{height:8.5714285716em}.Whitespace-module__newline-7___4YsCl{height:10.0000000002em}.Whitespace-module__newline-8___NTNEl{height:11.4285714288em} diff --git a/2721-e3bb32ee48b7f6b6df1f.js b/2721-e3bb32ee48b7f6b6df1f.js new file mode 100644 index 0000000000..b074f8d85d --- /dev/null +++ b/2721-e3bb32ee48b7f6b6df1f.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[2721,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{95794:function(e,t,n){t.Z=void 0;var a=d(n(67294)),r=d(n(45697)),i=d(n(94184)),l=d(n(47166)),o=d(n(85984)),s=["newline"];function d(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var m=l.default.bind(o.default),p={newline:r.default.oneOf([1,2,3,4,5,6,7,8])},h=function(e){var t=e.newline,n=c(e,s),r=(0,i.default)(m("whitespace","newline-".concat(t)),n.className);return a.default.createElement("div",u({},n,{className:r,"aria-hidden":"true"}))};h.propTypes=p,h.defaultProps={newline:1};t.Z=h},22863:function(e,t,n){var a=n(64836);t.Z=void 0;var r=a(n(67294)),i=a(n(45697)),l=a(n(47166)),o=a(n(17422)),s=l.default.bind(o.default),d={name:i.default.string.isRequired,src:i.default.string,url:i.default.string,version:i.default.string.isRequired},u=function(e){var t=e.src,n=e.name,a=e.url,i=e.version,l=r.default.createElement("a",{className:s("badge"),href:a||"https://www.npmjs.org/package/".concat(n,"/v/").concat(i)},r.default.createElement("span",{className:s("badge-name")},a?"package":"npm"),r.default.createElement("span",{className:s("badge-version")},"v".concat(i))),o=t?r.default.createElement("a",{className:s("badge"),href:t},r.default.createElement("span",{className:s("badge-name")},"github"),r.default.createElement("span",{className:s("badge-version")},"source")):void 0;return r.default.createElement("div",{className:s("badge-container")},l,o)};u.propTypes=d;var c=u;t.Z=c},40996:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=d(n(67294)),r=d(n(45697)),i=d(n(47166)),l=d(n(50026)),o=d(n(66983)),s=["children"];function d(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var m=i.default.bind(o.default),p=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},h=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},f={children:r.default.string},x=function(e){var t=e.children,n=c(e,s),r=a.default.useContext(l.default),o=(0,i.default)(m(["button",r.className]),n.className);return a.default.createElement("button",u({},n,{type:"button",className:o,onBlur:p,onMouseDown:h,"data-focus-styles-enabled":!0}),t)};x.propTypes=f;t.default=x},59278:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=s(n(67294)),r=s(n(45697)),i=s(n(47166)),l=s(n(50026)),o=s(n(30866));function s(e){return e&&e.__esModule?e:{default:e}}var d=i.default.bind(o.default),u={ariaLevel:r.default.oneOf(["2","3","4","5","6"]),children:r.default.node,variant:r.default.oneOf(["ux-recommendation","caution","deprecation","maintenance","important","not-supported"])},c=function(e){var t=e.ariaLevel,n=e.variant,r=e.children,i=a.default.useContext(l.default);return a.default.createElement("div",{className:d("notice",n,i.className)},a.default.createElement("div",{className:d("accessory"),"aria-hidden":"true",focusable:"false"}),a.default.createElement("div",{role:"heading",className:d("title"),"aria-level":t},a.default.createElement("span",null,function(e){return"ux-recommendation"===e?"UX Recommendation":"caution"===e?"Caution":"deprecation"===e?"Deprecation Notice":"maintenance"===e?"In Maintenance":"important"===e?"Important":"not-supported"===e?"Hazards for Incorrect Usage":"error"}(n))),a.default.createElement("div",{className:d("children")},function(e){return"not-supported"===e?a.default.createElement(a.default.Fragment,null,a.default.createElement("p",{className:d("paragraph")},"This component was designed and tested according to the documented implementation."),a.default.createElement("p",{className:d("paragraph")},"Using the component incorrectly:",a.default.createElement("ul",{className:d("list")},a.default.createElement("li",null,"will likely result in improper composition and create accessibility issues"),a.default.createElement("li",null,"may cause erratic or broken behaviors and styles"),a.default.createElement("li",null,a.default.createElement("strong",null,"will not be supported "),"or enhanced to allow for incorrect use")))):null}(n),a.default.Children.map(r,(function(e){return"string"==typeof e?a.default.createElement("p",null,e):e}))))};c.propTypes=u,c.defaultProps={ariaLevel:"2",variant:"important"};t.default=c},47306:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=u(n(67294)),r=u(n(45697)),i=u(n(94184)),l=u(n(47166)),o=u(n(50026)),s=u(n(42620)),d=["title"];function u(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var p=l.default.bind(s.default),h={title:r.default.string},f=function(e){var t=e.title,n=m(e,d),r=a.default.useContext(o.default),l=(0,i.default)(p(["placeholder",r.className]),n.className),s=p(["inner"]);return a.default.createElement("div",c({},n,{className:l}),a.default.createElement("div",{className:s},a.default.createElement("p",{className:p("title")},t)))};f.propTypes=h,f.defaultProps={title:""};t.default=f},34261:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Button",{enumerable:!0,get:function(){return i.default}}),Object.defineProperty(t,"Notice",{enumerable:!0,get:function(){return a.default}}),Object.defineProperty(t,"Placeholder",{enumerable:!0,get:function(){return r.default}});var a=l(n(59278)),r=l(n(47306)),i=l(n(40996));function l(e){return e&&e.__esModule?e:{default:e}}},2721:function(e,t,n){n.r(t),n.d(t,{default:function(){return m}});n(67294);var a=n(81254),r=n(47455),i=n(34261),l=n(95794),o=["components"];function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var u={},c="wrapper";function m(e){var t=e.components,n=d(e,o);return(0,a.mdx)(c,s({},u,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(r.C,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"accessibility-guide-for-terra-hyperlink"},"Accessibility Guide for Terra Hyperlink"),(0,a.mdx)(i.Notice,{variant:"important",ariaLevel:"2",mdxType:"Notice"},(0,a.mdx)("ol",null,(0,a.mdx)("li",{parentName:"ol"},"For each use of Terra Hyperlink, special care needs to be taken to ensure ",(0,a.mdx)("strong",{parentName:"li"},"the link text alone should convey the function and purpose of the link"),"."),(0,a.mdx)("li",{parentName:"ol"},"Hyperlinks ",(0,a.mdx)("strong",{parentName:"li"},"must have a non-empty href")," in order to be considered true links and to be accessible to keyboard users. "))),(0,a.mdx)(l.Z,{mdxType:"Whitespace"}),(0,a.mdx)("h3",{id:"why-is-this-important"},"Why is this important?"),(0,a.mdx)("p",null,"Hyperlinks are one of HTML's foundational elements, so making links accessible is essential. Hyperlinks are a vital tool for creating an intuitive user experience. However, because links are so fundamental to the functionality of web content, inaccessible or improperly implemented links can be a severe barrier to overall accessibility. "),(0,a.mdx)("p",null,"Accessible hyperlinks are critical to ensure all users can effectively understand and use them. For example:"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("strong",{parentName:"li"},"Blind screen reader users")," do not necessarily interact with pages in a linear fashion and can use hyperlinks out of context. They need the words within the link to be descriptive of purpose."),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("strong",{parentName:"li"},"People using speech input software")," require unique links to effectively activate the link they would like to follow."),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("strong",{parentName:"li"},"Keyboard only users")," navigate the page using only a keyboard. A visible keyboard focus is crucial to see where they are on the page."),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("strong",{parentName:"li"},"People unable to perceive colors")," need links to be perceivably distinct from the surrounding text. The use of underlines or other non-colored indicators will help users who may not see color.")),(0,a.mdx)(l.Z,{newline:2,mdxType:"Whitespace"}),(0,a.mdx)("h2",{id:"accessibility-considerations"},"Accessibility Considerations:"),(0,a.mdx)("h3",{id:"code-considerations"},"Code Considerations"),(0,a.mdx)("p",null,"Terra Hyperlink can be used as: ",(0,a.mdx)("em",{parentName:"p"},"Hyperlink")," and ",(0,a.mdx)("em",{parentName:"p"},"Hyperlink Button"),". The table below explains the difference between the two."),(0,a.mdx)("table",null,(0,a.mdx)("thead",{parentName:"table"},(0,a.mdx)("tr",{parentName:"thead"},(0,a.mdx)("th",{parentName:"tr",align:null},"Variant"),(0,a.mdx)("th",{parentName:"tr",align:null},"Purpose"),(0,a.mdx)("th",{parentName:"tr",align:null},"Example import"))),(0,a.mdx)("tbody",{parentName:"table"},(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"Hyperlink"),(0,a.mdx)("td",{parentName:"tr",align:null},"Represents a basic HTML hyperlink (a hypertext anchor) labeled by its contents. This variant must have an ",(0,a.mdx)("inlineCode",{parentName:"td"},"href")," prop."),(0,a.mdx)("td",{parentName:"tr",align:null})),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"Hyperlink Button"),(0,a.mdx)("td",{parentName:"tr",align:null},"Represents a basic HTML button that triggers hyperlink navigation via the required ",(0,a.mdx)("inlineCode",{parentName:"td"},"onClick")," event handler prop."),(0,a.mdx)("td",{parentName:"tr",align:null})))),(0,a.mdx)("h4",{id:"developers-must-ensure-the-following-code-considerations"},"Developers must ensure the following code considerations:"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Do not override ",(0,a.mdx)("inlineCode",{parentName:"li"},"role=link"),".",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Use the component variant that best matches the intended usage."))),(0,a.mdx)("li",{parentName:"ul"},"If non-unique link text must be used, e.g. ",(0,a.mdx)("inlineCode",{parentName:"li"},"Learn more"),", ensure the link is programmatically associated with other content that describes its purpose."),(0,a.mdx)("li",{parentName:"ul"},"Ensure that action is not taken on a hyperlink when it receives focus or when the focus leaves a hyperlink."),(0,a.mdx)("li",{parentName:"ul"},"Action on a hyperlink always occurs on the ",(0,a.mdx)("inlineCode",{parentName:"li"},"onmouseup")," or ",(0,a.mdx)("inlineCode",{parentName:"li"},"onkeyup")," event."),(0,a.mdx)("li",{parentName:"ul"},"Links must have a non-empty ",(0,a.mdx)("inlineCode",{parentName:"li"},"href")," to be considered proper links and accessible to keyboard users."),(0,a.mdx)("li",{parentName:"ul"},"Link Buttons must have an callback provided for ",(0,a.mdx)("inlineCode",{parentName:"li"},"onClick")," and must ignore ",(0,a.mdx)("inlineCode",{parentName:"li"},"href")," to be considered proper link buttons and accessible to keyboard users."),(0,a.mdx)("li",{parentName:"ul"},"Ensure that links with icons follow meaningful or decorative use guidelines.",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Meaningful icons must have appropriate alternative text in the ",(0,a.mdx)("inlineCode",{parentName:"li"},"alt")," attribute."),(0,a.mdx)("li",{parentName:"ul"},"Decorative icons must be marked as decorative.")))),(0,a.mdx)(l.Z,{mdxType:"Whitespace"}),(0,a.mdx)("h3",{id:"content-considerations"},"Content Considerations:"),(0,a.mdx)("blockquote",null,(0,a.mdx)("p",{parentName:"blockquote"},"It is most important for link text to make sense without the surrounding sentences or content. The link text alone should convey the function and purpose of the link. Link text should also be unique and easy to speak out loud."),(0,a.mdx)("p",{parentName:"blockquote"},"Consider these guidelines when writing link text:"),(0,a.mdx)("ul",{parentName:"blockquote"},(0,a.mdx)("li",{parentName:"ul"},"Use text that is unique and descriptive of the link's purpose."),(0,a.mdx)("li",{parentName:"ul"},"Avoid link text like “Click Here,” “More,” and “Read More.” These kinds of links can be confusing when a screen reader reads them out of context. These types of non-unique links prevent speech input users may from accurately activating them."),(0,a.mdx)("li",{parentName:"ul"},"It is OK to link a full sentence, but avoid longer."),(0,a.mdx)("li",{parentName:"ul"},"Use judgment when linking full URLs. When linking a URL, consider screen reader users that must listen to their device announcing the linked URL.")),(0,a.mdx)("p",{parentName:"blockquote"},(0,a.mdx)("em",{parentName:"p"}," "," ","—"," excerpt from ",(0,a.mdx)("a",{parentName:"em",href:"https://usability.yale.edu/web-accessibility/articles/links"},'"Usability & Web Accessibility Articles: Links"')),(0,a.mdx)("a",{parentName:"p",href:"/terra-ui/components/cerner-terra-core-docs/hyperlink/accessibility-guide"},(0,a.mdx)("sup",null,"[1]")))),(0,a.mdx)(l.Z,{newline:4,mdxType:"Whitespace"}),(0,a.mdx)("h2",{id:"usability-expectations"},"Usability Expectations:"),(0,a.mdx)("p",null,"Users expect links to open a new page, take them somewhere on the page, or to download a file."),(0,a.mdx)("h3",{id:"interaction-details"},"Interaction Details"),(0,a.mdx)("p",null,"Mouse users expect the cursor to change to a hand with pointing finger when the link is hovered. Keyboard only users expect to see a visible keyboard focus indicator when the link is in focus."),(0,a.mdx)("h3",{id:"keyboard-navigation"},"Keyboard Navigation"),(0,a.mdx)("p",null,"Hyperlinks have the following keyboard navigation expectations:"),(0,a.mdx)("table",null,(0,a.mdx)("thead",{parentName:"table"},(0,a.mdx)("tr",{parentName:"thead"},(0,a.mdx)("th",{parentName:"tr",align:null},"Key/Sequence"),(0,a.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,a.mdx)("tbody",{parentName:"table"},(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("strong",{parentName:"td"},"Tab")),(0,a.mdx)("td",{parentName:"tr",align:null},"Puts Focus on the hyperlink.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("strong",{parentName:"td"},"Enter")),(0,a.mdx)("td",{parentName:"tr",align:null},"Executes the link and moves focus to the link target.")))),(0,a.mdx)("h2",{id:"support-compliance"},"Support Compliance"),(0,a.mdx)("p",null,"Terra is committed to ensuring its components provide maximum possible accessibility. However, using Terra components will not automatically make a product accessible."),(0,a.mdx)("p",null,"Final responsibility lies with the consumers of Terra components ","—"," ensuring proper usage, engineers following correct implementation patterns, and authors crafting content that follows best practice guidance ","—"," to make a product fully accessible."),(0,a.mdx)("h3",{id:"wcag-resources"},"WCAG Resources"),(0,a.mdx)("h4",{id:"success-criteria"},"Success Criteria"),(0,a.mdx)("p",null,(0,a.mdx)("em",{parentName:"p"},"Terra Hyperlink ",(0,a.mdx)("strong",{parentName:"em"},"must")," meet the following success criteria:")),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/quickref/#non-text-content"},(0,a.mdx)("strong",{parentName:"a"},"1.1.1 Non-text Content"))," - All non-text content that is presented to the user has a text alternative that serves the equivalent purpose, except for the situations listed","[","...","]",". (Level A)"),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships.html"},(0,a.mdx)("strong",{parentName:"a"},"1.3.1 Info and Relationships"))," - The intent of this Success Criterion is to ensure that information and relationships that are implied by visual or auditory formatting are preserved when the presentation format changes. For example, the presentation format changes when the content is read by a screen reader."),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/link-purpose-in-context.html"},(0,a.mdx)("strong",{parentName:"a"},"2.4.4 Link Purpose"))," - The purpose of each link can be determined from the link text alone or from the link text together with its programmatically determined link context, except where the purpose of the link would be ambiguous to users in general."),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/label-in-name.html"},(0,a.mdx)("strong",{parentName:"a"},"2.5.3 Label in Name"))," — For user interface components with labels that include text or images of text, the name contains the text that is presented visually."),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/consistent-identification.html"},(0,a.mdx)("strong",{parentName:"a"},"3.2.4 Consistent Identification"))," — Content creators must ensure icons used within hyperlinks are used consistently for the same function.")),(0,a.mdx)("h3",{id:"supported-features--technology"},"Supported Features & Technology"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"JAWS Support with Chrome (PC)"),(0,a.mdx)("li",{parentName:"ul"},"NVDA Support with Chrome (PC)"),(0,a.mdx)("li",{parentName:"ul"},"VoiceOver Support with Chrome, Safari (MAC)"),(0,a.mdx)("li",{parentName:"ul"},"Mobile Touch Interactions with Screen Reader assistive technology"),(0,a.mdx)("li",{parentName:"ul"},"Speech Input Interactions with assistive technology")),(0,a.mdx)("h3",{id:"partial-support--requiring-further-enhancement"},"Partial Support & Requiring Further Enhancement"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"None identified"),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://github.com/cerner/terra-core/issues/new/choose"},"Report a problem with this component on ",(0,a.mdx)("strong",{parentName:"a"},"GitHub")))),(0,a.mdx)("p",null,(0,a.mdx)("em",{parentName:"p"},"For more information about Accessibility Support with Terra — go to ",(0,a.mdx)("a",{parentName:"em",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#accessibility-a11y"},"Component Standards: Accessibility (A11y)"),".")),(0,a.mdx)("h2",{id:"linked-references"},"Linked References:"),(0,a.mdx)("ol",null,(0,a.mdx)("li",{parentName:"ol"},"Yale staff (2022) ",(0,a.mdx)("a",{parentName:"li",href:"https://usability.yale.edu/web-accessibility/articles/links"},'"Usability & Web Accessibility Articles: Links"'),". Yale. Retrieved 21 April 2022.")))}m.isMDXComponent=!0},47455:function(e,t,n){n.d(t,{C:function(){return i}});var a=n(67294),r=n(22863),i=function(e){var t=e.url;return a.createElement(r.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-hyperlink",name:"terra-hyperlink",version:"2.65.0",url:t})}},85984:function(e,t,n){n.r(t),t.default={whitespace:"Whitespace-module__whitespace___nfEbP","newline-1":"Whitespace-module__newline-1___JsrIt","newline-2":"Whitespace-module__newline-2___Q0uWI","newline-3":"Whitespace-module__newline-3___Q94cX","newline-4":"Whitespace-module__newline-4___20zS-","newline-5":"Whitespace-module__newline-5___nHyJ-","newline-6":"Whitespace-module__newline-6___TGqYR","newline-7":"Whitespace-module__newline-7___4YsCl","newline-8":"Whitespace-module__newline-8___NTNEl"}},17422:function(e,t,n){n.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},66983:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Button-module__clinical-lowlight-theme___TyZWB","orion-fusion-theme":"Button-module__orion-fusion-theme___q-FcQ",button:"Button-module__button___QuCn2","is-active":"Button-module__is-active___Z8AuK"}},30866:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Notice-module__clinical-lowlight-theme___aa5xV","orion-fusion-theme":"Notice-module__orion-fusion-theme___QAE-T",notice:"Notice-module__notice___GWkPA",children:"Notice-module__children___lDYsm",accessory:"Notice-module__accessory___wkLOG",title:"Notice-module__title___6H5tc","ux-recommendation":"Notice-module__ux-recommendation___N8BuK",caution:"Notice-module__caution___hPrVl",deprecation:"Notice-module__deprecation___g1drA",maintenance:"Notice-module__maintenance___kWLIZ",important:"Notice-module__important___p5DiF","not-supported":"Notice-module__not-supported___34bHd",paragraph:"Notice-module__paragraph___5h-w1",list:"Notice-module__list___M2Kxj"}},42620:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Placeholder-module__clinical-lowlight-theme___Obm9K","orion-fusion-theme":"Placeholder-module__orion-fusion-theme___svHY+",placeholder:"Placeholder-module__placeholder___ZZDXd",inner:"Placeholder-module__inner___fJq9o",title:"Placeholder-module__title___teBSo"}}}]); \ No newline at end of file diff --git a/27444-7b14ecfa49b7d6349835.css b/27444-7b14ecfa49b7d6349835.css new file mode 100644 index 0000000000..26c57489b7 --- /dev/null +++ b/27444-7b14ecfa49b7d6349835.css @@ -0,0 +1,4 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} +.Table-module__clinical-lowlight-theme___PqYJ8{--terra-html-table-background-color: #383f42;--terra-html-table-border: 1px solid #585a5c;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: none;--terra-html-table-header-cell-color: #1c1f21;--terra-html-table-header-cell-font-size: 1rem;--terra-html-table-header-cell-font-weight: bold;--terra-html-table-header-cell-border-right: 1px solid #585a5c;--terra-html-table-first-header-cell-border-left: 1px solid #585a5c;--terra-html-table-last-header-cell-border-right: 1px solid #585a5c;--terra-html-table-header-background-color: #909496;--terra-html-table-header-box-shadow: 0 4px 4px -3.5px #1c1f21, inset 0 0 0 1px #585a5c;--terra-html-table-header-row-border-bottom: 1px solid #585a5c;--terra-html-table-header-row-border-top: 1px solid #585a5c;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #b2b5b6;--terra-html-table-cell-font-size: 1rem;--terra-html-table-first-cell-border-left: 1px solid #585a5c;--terra-html-table-last-cell-border-right: 1px solid #585a5c;--terra-html-table-header-cell-standard-padding-bottom: 0.5rem;--terra-html-table-header-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-top: 0.5rem;--terra-html-table-header-cell-compact-padding-bottom: 0.25rem;--terra-html-table-header-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-top: 0.25rem;--terra-html-table-cell-standard-padding-bottom: 0.5rem;--terra-html-table-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-cell-standard-padding-top: 0.5rem;--terra-html-table-cell-compact-padding-bottom: 0.25rem;--terra-html-table-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-cell-compact-padding-top: 0.25rem;--terra-html-table-row-border-top: 1px solid #585a5c;--terra-html-table-last-row-border-bottom: 1px solid #585a5c;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #2d3539}.Table-module__orion-fusion-theme___d9rxf{--terra-html-table-background-color: transparent;--terra-html-table-border: 0;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: transparent;--terra-html-table-header-cell-color: #64696c;--terra-html-table-header-cell-font-size: 0.857142857rem;--terra-html-table-header-cell-font-weight: normal;--terra-html-table-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-first-header-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-background-color: #f4f4f4;--terra-html-table-header-box-shadow: none;--terra-html-table-header-row-border-bottom: 2px solid #64696c;--terra-html-table-header-row-border-top: 1px solid #c8cacb;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #1c1f21;--terra-html-table-cell-font-size: 0.857142857rem;--terra-html-table-first-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-cell-standard-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-top: 0.428571429rem;--terra-html-table-header-cell-compact-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-top: 0.428571429rem;--terra-html-table-cell-standard-padding-bottom: 0.8571428571rem;--terra-html-table-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-cell-standard-padding-top: 0.8571428571rem;--terra-html-table-cell-compact-padding-bottom: 0.8571428571rem;--terra-html-table-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-cell-compact-padding-top: 0.8571428571rem;--terra-html-table-row-border-top: 0;--terra-html-table-last-row-border-bottom: 1px solid #c8cacb;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #f4f4f4}.Table-module__table___eg2Mi{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___eg2Mi{background-color:transparent;background-color:var(--terra-html-table-background-color, transparent);border:0;border:var(--terra-html-table-border, 0);border-radius:0;border-radius:var(--terra-html-table-border-radius, 0)}[dir] .Table-module__table___eg2Mi caption{padding-bottom:.5em}.Table-module__table___eg2Mi tr{display:table-row}[dir] .Table-module__table___eg2Mi tr{margin-bottom:0}.Table-module__table___eg2Mi td,.Table-module__table___eg2Mi th{color:#1c1f21;color:var(--terra-html-table-cell-color, #1c1f21);display:table-cell;font-size:1rem;font-size:var(--terra-html-table-cell-font-size, 1rem);font-weight:normal;vertical-align:top}[dir] .Table-module__table___eg2Mi td, [dir] .Table-module__table___eg2Mi th{border:0}[dir=ltr] .Table-module__table___eg2Mi td, [dir=ltr] .Table-module__table___eg2Mi th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___eg2Mi td, [dir=rtl] .Table-module__table___eg2Mi th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___eg2Mi td:first-child, [dir=ltr] .Table-module__table___eg2Mi th:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:first-child, [dir=rtl] .Table-module__table___eg2Mi th:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi td:last-child, [dir=ltr] .Table-module__table___eg2Mi th:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:last-child, [dir=rtl] .Table-module__table___eg2Mi th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___eg2Mi thead th, [dir] .Table-module__table___eg2Mi thead td{border:0}[dir=ltr] .Table-module__table___eg2Mi thead th, [dir=ltr] .Table-module__table___eg2Mi thead td{border-right:1px solid rgba(200, 202, 203, 0.5);border-right:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:left}[dir=rtl] .Table-module__table___eg2Mi thead th, [dir=rtl] .Table-module__table___eg2Mi thead td{border-left:1px solid rgba(200, 202, 203, 0.5);border-left:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:right}[dir=ltr] .Table-module__table___eg2Mi thead th:first-child, [dir=ltr] .Table-module__table___eg2Mi thead td:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:first-child, [dir=rtl] .Table-module__table___eg2Mi thead td:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi thead th:last-child, [dir=ltr] .Table-module__table___eg2Mi thead td:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:last-child, [dir=rtl] .Table-module__table___eg2Mi thead td:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead{display:table-header-group}[dir] .Table-module__table___eg2Mi thead{background-color:#f1f1f2;background-color:var(--terra-html-table-header-background-color, #f1f1f2);box-shadow:0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5);box-shadow:var(--terra-html-table-header-box-shadow, 0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5))}[dir] .Table-module__table___eg2Mi thead tr{border-bottom:1px solid #b9bbbc;border-bottom:var(--terra-html-table-header-row-border-bottom, 1px solid #b9bbbc);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-header-row-border-top, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{color:#1c1f21;color:var(--terra-html-table-header-cell-color, #1c1f21);font-size:1rem;font-size:var(--terra-html-table-header-cell-font-size, 1rem);font-weight:bold;font-weight:var(--terra-html-table-header-cell-font-weight, bold);vertical-align:bottom}[dir] .Table-module__table___eg2Mi tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___eg2Mi tbody tr{background-color:transparent;background-color:var(--terra-html-table-row-background-color, transparent);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-row-border-top, 1px solid #dedfe0)}[dir] .Table-module__table___eg2Mi tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___eg2Mi tbody tr:last-of-type{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-html-table-last-row-border-bottom, 1px solid #dedfe0)}[dir] .Table-module__padding-standard___BfbC- th{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-header-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-header-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z th{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-header-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-header-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__padding-standard___BfbC- td{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z td{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__striped___n8xJe tbody tr:nth-of-type(even){background-color:#f6f7f8;background-color:var(--terra-html-table-row-striped-background-color, #f6f7f8)}@media print{.Table-module__table___eg2Mi thead{display:table-header-group}.Table-module__table___eg2Mi tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} diff --git a/27912-9f8f1de9bdcc476ab1d4.css b/27912-9f8f1de9bdcc476ab1d4.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/27912-9f8f1de9bdcc476ab1d4.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/27912-9f8f1de9bdcc476ab1d4.js b/27912-9f8f1de9bdcc476ab1d4.js new file mode 100644 index 0000000000..50724a46fb --- /dev/null +++ b/27912-9f8f1de9bdcc476ab1d4.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[27912,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,r,t){var a=t(64836);r.Z=void 0;var n=a(t(67294)),d=a(t(45697)),o=a(t(47166)),m=a(t(17422)),l=o.default.bind(m.default),c={name:d.default.string.isRequired,src:d.default.string,url:d.default.string,version:d.default.string.isRequired},i=function(e){var r=e.src,t=e.name,a=e.url,d=e.version,o=n.default.createElement("a",{className:l("badge"),href:a||"https://www.npmjs.org/package/".concat(t,"/v/").concat(d)},n.default.createElement("span",{className:l("badge-name")},a?"package":"npm"),n.default.createElement("span",{className:l("badge-version")},"v".concat(d))),m=r?n.default.createElement("a",{className:l("badge"),href:r},n.default.createElement("span",{className:l("badge-name")},"github"),n.default.createElement("span",{className:l("badge-version")},"source")):void 0;return n.default.createElement("div",{className:l("badge-container")},o,m)};i.propTypes=c;var b=i;r.Z=b},27912:function(e,r,t){t.r(r),t.d(r,{default:function(){return i}});t(67294);var a=t(81254),n=t(84749),d=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var r=1;r=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}var l={},c="wrapper";function i(e){var r=e.components,t=m(e,d);return(0,a.mdx)(c,o({},l,t,{components:r,mdxType:"MDXLayout"}),(0,a.mdx)(n.C,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"terra-form-checkbox-upgrade-guide"},"Terra Form Checkbox Upgrade Guide"),(0,a.mdx)("h2",{id:"changes-from-version-3-to-version-4"},"Changes from version 3 to version 4"),(0,a.mdx)("h3",{id:"props"},"Props"),(0,a.mdx)("h4",{id:"updated"},"Updated"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Form Fields allowed the ",(0,a.mdx)("inlineCode",{parentName:"li"},"label")," to be a node, which potentially breaks the display when injecting other non-inline-only text elements (terra-text) or has the potential to completely break accessibility if something non-text based would be passed in."),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("inlineCode",{parentName:"li"},"labelText")," prop's type changed from node to string."),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("inlineCode",{parentName:"li"},"legend")," prop's type changed from node to string.")),(0,a.mdx)("h5",{id:"steps-to-update"},"Steps to Update"),(0,a.mdx)("p",null," To upgrade from 3.0 to 4.0 each existing Checkbox must be reviewed and updated to ensure only a string is being passed to the ",(0,a.mdx)("inlineCode",{parentName:"p"},"labelText")," and ",(0,a.mdx)("inlineCode",{parentName:"p"},"legend ")," props. Solutions passing node data types need to be reworked to provide only a string."),(0,a.mdx)("h2",{id:"changes-from-version-2-to-version-3"},"Changes from version 2 to version 3"),(0,a.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,a.mdx)("h4",{id:"renamed"},"Renamed"),(0,a.mdx)("table",null,(0,a.mdx)("thead",{parentName:"table"},(0,a.mdx)("tr",{parentName:"thead"},(0,a.mdx)("th",{parentName:"tr",align:null},"Previous"),(0,a.mdx)("th",{parentName:"tr",align:null},"New"))),(0,a.mdx)("tbody",{parentName:"table"},(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-background-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-before-background-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-background-image"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-before-background-image")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-border"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-before-border")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-border-radius"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-before-border-radius")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-height"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-before-height")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-margin-top"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-before-margin-top")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-transition"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-before-transition")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-width"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-before-width")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-checked-background-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-checked-before-background-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-checked-background-image"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-checked-before-background-image")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-checked-border"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-checked-before-border")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-checked-border-radius"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-checked-before-border-radius")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-symbol"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-checked-before-content")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-checked-height"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-checked-before-height")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-checked-line-height"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-checked-before-line-height")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-margin-top"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-checked-before-margin-top")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-checked-symbol-padding-left"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-checked-before-padding-left")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-checked-symbol-padding-right"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-checked-before-padding-right")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-checked-symbol-padding-top"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-checked-before-padding-top")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-checked-transform"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-checked-before-transform")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-checked-transition"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-checked-before-transition")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-checked-width"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-checked-before-width")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-is-mobile-height"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-is-mobile-before-height")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-is-mobile-margin-top"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-is-mobile-before-margin-top")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-is-mobile-width"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-is-mobile-before-width")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-is-mobile-checked-height"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-is-mobile-checked-before-height")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-is-mobile-checked-line-height"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-is-mobile-checked-before-line-height")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-is-mobile-margin-top"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-is-mobile-checked-before-margin-top")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-is-mobile-checked-width"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-is-mobile-checked-before-width")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-hover-border-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-hover-before-border-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-hover-border-width"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-hover-before-border-width")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-checked-hover-border-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-hover-checked-before-border-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-checked-hover-border-width"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-hover-checked-before-border-width")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-disabled-background-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-disabled-before-background-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-disabled-background-image"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-disabled-before-background-image")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-disabled-border-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-disabled-before-border-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-disabled-border-width"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-disabled-before-border-width")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-checked-disabled-border-width"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-checked-disabled-before-border-width")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-disabled-symbol"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-checked-disabled-before-content")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-focus-border-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-focus-before-border-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-focus-border-width"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-focus-before-border-width")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-focus-ring-background-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-focus-after-ring-background-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-focus-ring-border-radius"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-focus-after-ring-border-radius")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-focus-ring-height"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-focus-after-ring-height")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-focus-ring-left"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-focus-after-ring-left")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-focus-ring-top"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-focus-after-ring-top")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-focus-ring-width"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-focus-after-ring-width")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-field-error-icon"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-form-checkbox-field-error-background")))),(0,a.mdx)("h4",{id:"added"},"Added"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"--terra-form-checkbox-field-label-error-icon-margin-right")),(0,a.mdx)("h4",{id:"removed"},"Removed"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"--terra-form-checkbox-field-label-error-icon-padding-right")))}i.isMDXComponent=!0},84749:function(e,r,t){t.d(r,{C:function(){return d}});var a=t(67294),n=t(22863),d=function(e){var r=e.url;return a.createElement(n.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-form-checkbox",name:"terra-form-checkbox",version:"4.22.0",url:r})}},17422:function(e,r,t){t.r(r),r.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/28003-a9270006f972384ae905.css b/28003-a9270006f972384ae905.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/28003-a9270006f972384ae905.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/28003-a9270006f972384ae905.js b/28003-a9270006f972384ae905.js new file mode 100644 index 0000000000..0507208966 --- /dev/null +++ b/28003-a9270006f972384ae905.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[28003,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,a,l){var m=l(64836);a.Z=void 0;var d=m(l(67294)),n=m(l(45697)),r=m(l(47166)),i=m(l(17422)),u=r.default.bind(i.default),t={name:n.default.string.isRequired,src:n.default.string,url:n.default.string,version:n.default.string.isRequired},p=function(e){var a=e.src,l=e.name,m=e.url,n=e.version,r=d.default.createElement("a",{className:u("badge"),href:m||"https://www.npmjs.org/package/".concat(l,"/v/").concat(n)},d.default.createElement("span",{className:u("badge-name")},m?"package":"npm"),d.default.createElement("span",{className:u("badge-version")},"v".concat(n))),i=a?d.default.createElement("a",{className:u("badge"),href:a},d.default.createElement("span",{className:u("badge-name")},"github"),d.default.createElement("span",{className:u("badge-version")},"source")):void 0;return d.default.createElement("div",{className:u("badge-container")},r,i)};p.propTypes=t;var x=p;a.Z=x},28003:function(e,a,l){l.r(a),l.d(a,{default:function(){return h}});l(67294);var m=l(81254),d=l(42645),n=["components"];function r(){return r=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(d[l]=e[l]);return d}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(m=0;m=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(d[l]=e[l])}return d}var u={},t="wrapper";function p(e){var a=e.components,l=i(e,n);return(0,m.mdx)(t,r({},u,l,{components:a,mdxType:"MDXLayout"}),(0,m.mdx)("h1",{id:"changelog"},"Changelog"),(0,m.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,m.mdx)("h2",{id:"3390---november-13-2023"},"3.39.0 - (November 13, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3380---february-15-2023"},"3.38.0 - (February 15, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated wdio screenshots due to functional-testing upgrade.")))),(0,m.mdx)("h2",{id:"3370---january-31-2023"},"3.37.0 - (January 31, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added support for decorative images.")))),(0,m.mdx)("h2",{id:"3360---december-7-2022"},"3.36.0 - (December 7, 2022)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3351---january-4-2022"},"3.35.1 - (January 4, 2022)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Migrate docs to terra-core-docs.")))),(0,m.mdx)("h2",{id:"3350---september-21-2021"},"3.35.0 - (September 21, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated WDIO Screenshots due to webpack-config-terra sass upgrade.")))),(0,m.mdx)("h2",{id:"3340---april-6-2021"},"3.34.0 - (April 6, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed unnecessary ",(0,m.mdx)("inlineCode",{parentName:"li"},"wdio.conf.js")," file"),(0,m.mdx)("li",{parentName:"ul"},"Upgrade tests to terra-functional-testing and WebDriverIO v6"),(0,m.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,m.mdx)("h2",{id:"3330---january-5-2021"},"3.33.0 - (January 5, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Fixed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation.")))),(0,m.mdx)("h2",{id:"3320---december-8-2020"},"3.32.0 - (December 8, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,m.mdx)("h2",{id:"3310---august-4-2020"},"3.31.0 - (August 4, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3300---july-29-2020"},"3.30.0 - (July 29, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update changelog formatting")))),(0,m.mdx)("h2",{id:"3290---june-9-2020"},"3.29.0 - (June 9, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config")))),(0,m.mdx)("h2",{id:"3280---june-2-2020"},"3.28.0 - (June 2, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Apply themes by context and directly include packaged themes.")))),(0,m.mdx)("h2",{id:"3270---april-28-2020"},"3.27.0 - (April 28, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge'))),(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,m.mdx)("h2",{id:"3260---april-22-2020"},"3.26.0 - (April 22, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated documentation link in README")))),(0,m.mdx)("h2",{id:"3250---march-10-2020"},"3.25.0 - (March 10, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Fixed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Fixed inconsistent behavior of ",(0,m.mdx)("inlineCode",{parentName:"li"},"object-fit")," prop in IE by calling the ",(0,m.mdx)("inlineCode",{parentName:"li"},"objectFitImages")," API in ",(0,m.mdx)("inlineCode",{parentName:"li"},"componentDidUpdate"),".")))),(0,m.mdx)("h2",{id:"3240---february-25-2020"},"3.24.0 - (February 25, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update docs to use mdx syntax.")))),(0,m.mdx)("h2",{id:"3230---february-18-2020"},"3.23.0 - (February 18, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme theming files")))),(0,m.mdx)("h2",{id:"3220---january-7-2020"},"3.22.0 - (January 7, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Removed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed yarn reference in docs")))),(0,m.mdx)("h2",{id:"3210---december-3-2019"},"3.21.0 - (December 3, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added orion-fusion-theme and generated the respective reference wdio screenshots."))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"One request made instead of two when image is rendered with a placeholder.")))),(0,m.mdx)("h2",{id:"3200---october-30-2019"},"3.20.0 - (October 30, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added missing alternative text for example.")))),(0,m.mdx)("h2",{id:"3190---october-3-2019"},"3.19.0 - (October 3, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3180---september-19-2019"},"3.18.0 - (September 19, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed ",(0,m.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site.")))),(0,m.mdx)("h2",{id:"3170---september-6-2019"},"3.17.0 - (September 6, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Props table markdown file import added to doc site page")))),(0,m.mdx)("h2",{id:"3160---august-21-2019"},"3.16.0 - (August 21, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Import for package version from package.json added to doc page"),(0,m.mdx)("li",{parentName:"ul"},"Added comments for ESlint v6"),(0,m.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files")))),(0,m.mdx)("h2",{id:"3150---august-14-2019"},"3.15.0 - (August 14, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"updated package.json test scripts")))),(0,m.mdx)("h2",{id:"3140---july-30-2019"},"3.14.0 - (July 30, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3130---july-24-2019"},"3.13.0 - (July 24, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3120---july-16-2019"},"3.12.0 - (July 16, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies"),(0,m.mdx)("li",{parentName:"ul"},"Added ",(0,m.mdx)("inlineCode",{parentName:"li"},"Object-fit-images")," polyfill for IE."),(0,m.mdx)("li",{parentName:"ul"},"Added ",(0,m.mdx)("inlineCode",{parentName:"li"},"object-fit")," property in css."),(0,m.mdx)("li",{parentName:"ul"},"Added prop Fit."),(0,m.mdx)("li",{parentName:"ul"},"Added examples using Fit."))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update tests to use ",(0,m.mdx)("inlineCode",{parentName:"li"},"Terra.describeViewports")," for setting viewports and use ",(0,m.mdx)("inlineCode",{parentName:"li"},"Terra.it.validatesElement"))))),(0,m.mdx)("h2",{id:"3110----july-11-2019"},"3.11.0 - (July 11, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3100---june-28-2019"},"3.10.0 - (June 28, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed all inline styles from Dev-site components and implemented the same styles using external css.")))),(0,m.mdx)("h2",{id:"390---june-11-2019"},"3.9.0 - (June 11, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Removed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Made required updates to consume terra-toolkit v5 and terra-dev-site v5")))),(0,m.mdx)("h2",{id:"380---may-1-2019"},"3.8.0 - (May 1, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"370---april-16-2019"},"3.7.0 - (April 16, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"360---april-2-2019"},"3.6.0 - (April 2, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Fixed alt text in invalid src prop example")))),(0,m.mdx)("h2",{id:"350---march-26-2019"},"3.5.0 - (March 26, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"),(0,m.mdx)("li",{parentName:"ul"},"Added alt text to doc example images"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Removed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,m.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,m.mdx)("h2",{id:"340---march-21-2019"},"3.4.0 - (March 21, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"330---february-26-2019"},"3.3.0 - (February 26, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"320---february-12-2019"},"3.2.0 - (February 12, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"310---february-5-2019"},"3.1.0 - (February 5, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"300---january-22-2019"},"3.0.0 - (January 22, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated theme variables")))),(0,m.mdx)("h2",{id:"2320---january-22-2019"},"2.32.0 - (January 22, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated dependencies to fix major version bump issues")))),(0,m.mdx)("h2",{id:"2310---january-8-2019"},"2.31.0 - (January 8, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2300---january-2-2019"},"2.30.0 - (January 2, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,m.mdx)("li",{parentName:"ul"},"Removed use of componentWillReceiveProps")))),(0,m.mdx)("h2",{id:"2290---november-19-2018"},"2.29.0 - (November 19, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2280---november-13-2018"},"2.28.0 - (November 13, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2270---november-9-2018"},"2.27.0 - (November 9, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2260---october-24-2018"},"2.26.0 - (October 24, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2250---october-16-2018"},"2.25.0 - (October 16, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Fix flickering on new props #1748"),(0,m.mdx)("li",{parentName:"ul"},"Corrected example in docs/README.md")))),(0,m.mdx)("h2",{id:"2240---october-8-2018"},"2.24.0 - (October 8, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2230---october-2-2018"},"2.23.0 - (October 2, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Export for image variant added")))),(0,m.mdx)("h2",{id:"2220---september-25-2018"},"2.22.0 - (September 25, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2211---september-6-2018"},"2.21.1 - (September 6, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,m.mdx)("h2",{id:"2210---september-5-2018"},"2.21.0 - (September 5, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,m.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,m.mdx)("h2",{id:"2200---september-4-2018"},"2.20.0 - (September 4, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2190---august-29-2018"},"2.19.0 - (August 29, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2180---august-1-2018"},"2.18.0 - (August 1, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2170---july-19-2018"},"2.17.0 - (July 19, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Required alt prop now has a default prop equal to an empty string"),(0,m.mdx)("li",{parentName:"ul"},"Add .module extension to SCSS file(s)")))),(0,m.mdx)("h2",{id:"2160---july-17-2018"},"2.16.0 - (July 17, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,m.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v4 update"),(0,m.mdx)("li",{parentName:"ul"},"Required props no longer set a default prop")))),(0,m.mdx)("h2",{id:"2150---july-10-2018"},"2.15.0 - (July 10, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2140---june-28-2018"},"2.14.0 - (June 28, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added change log to the documentation on terra-dev-site")))),(0,m.mdx)("h2",{id:"2130---june-22-2018"},"2.13.0 - (June 22, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Moved terra-base from dependency to peerDependency")))),(0,m.mdx)("h2",{id:"2120---june-12-2018"},"2.12.0 - (June 12, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},'Updated "test:jest" script to work on windows.')))),(0,m.mdx)("h2",{id:"2110---may-30-2018"},"2.11.0 - (May 30, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated structure to match terra-dev-site 1.0 and moved doc examples internal.")))),(0,m.mdx)("h2",{id:"2100---may-23-2018"},"2.10.0 - (May 23, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"290---may-16-2018"},"2.9.0 - (May 16, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"280---may-9-2018"},"2.8.0 - (May 9, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"270---may-2-2018"},"2.7.0 - (May 2, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Changed default display for image to ",(0,m.mdx)("inlineCode",{parentName:"li"},"inline-block"))))),(0,m.mdx)("h2",{id:"260---april-20-2018"},"2.6.0 - (April 20, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"250---april-15-2018"},"2.5.0 - (April 15, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"240---april-5-2018"},"2.4.0 - (April 5, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"230---march-30-2018"},"2.3.0 - (March 30, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"220---march-6-2018"},"2.2.0 - (March 6, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Removed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed props-table script from package.json")))),(0,m.mdx)("h2",{id:"210---february-26-2018"},"2.1.0 - (February 26, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"201---february-13-2018"},"2.0.1 - (February 13, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated peerDependencies")))),(0,m.mdx)("h2",{id:"200---february-12-2018"},"2.0.0 - (February 12, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated to use React 16")))),(0,m.mdx)("h2",{id:"1160---february-1-2018"},"1.16.0 - (February 1, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Add code usage example to README.md")))),(0,m.mdx)("h2",{id:"1150---january-18-2018"},"1.15.0 - (January 18, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Implemented placeholder image for loading and error views")))),(0,m.mdx)("h2",{id:"1140---january-5-2018"},"1.14.0 - (January 5, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1130---november-28-2017"},"1.13.0 - (November 28, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1120---november-16-2017"},"1.12.0 - (November 16, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1110---october-6-2017"},"1.11.0 - (October 6, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1100---september-26-2017"},"1.10.0 - (September 26, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Removed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Remove stylelint-disable selector-class-pattern")))),(0,m.mdx)("h2",{id:"190---september-19-2017"},"1.9.0 - (September 19, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"180---september-12-2017"},"1.8.0 - (September 12, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"170---september-7-2017"},"1.7.0 - (September 7, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"160---september-5-2017"},"1.6.0 - (September 5, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update nightwatch tests and test scripts.")))),(0,m.mdx)("h2",{id:"150---august-31-2017"},"1.5.0 - (August 31, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added default border, margin, and padding reset to img")))),(0,m.mdx)("h2",{id:"140---august-15-2017"},"1.4.0 - (August 15, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Switched CSS custom properties usage to inline fallback syntax")))),(0,m.mdx)("h2",{id:"130---august-8-2017"},"1.3.0 - (August 8, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"120---august-1-2017"},"1.2.0 - (August 1, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Converted component to use CSS modules"),(0,m.mdx)("li",{parentName:"ul"},"Converted SCSS variables to CSS custom properties for theming")))),(0,m.mdx)("h2",{id:"110---july-18-2017"},"1.1.0 - (July 18, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated nightwatch test scripts"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Removed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed nightwatch.config file")))),(0,m.mdx)("h2",{id:"100---june-28-2017"},"1.0.0 - (June 28, 2017)"),(0,m.mdx)("p",null,"Initial stable release"))}p.isMDXComponent=!0;var x=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(d[l]=e[l]);return d}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(m=0;m=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(d[l]=e[l])}return d}var s={},c="wrapper";function h(e){var a=e.components,l=N(e,x);return(0,m.mdx)(c,o({},s,l,{components:a,mdxType:"MDXLayout"}),(0,m.mdx)(d.C,{mdxType:"Badge"}),(0,m.mdx)(p,{mdxType:"ChangeLog"}))}h.isMDXComponent=!0},42645:function(e,a,l){l.d(a,{C:function(){return n}});var m=l(67294),d=l(22863),n=function(e){var a=e.url;return m.createElement(d.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-image",name:"terra-image",version:"3.39.0",url:a})}},17422:function(e,a,l){l.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/28434-4823464f543b41f5b66b.css b/28434-4823464f543b41f5b66b.css new file mode 100644 index 0000000000..59288e6471 --- /dev/null +++ b/28434-4823464f543b41f5b66b.css @@ -0,0 +1,3 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.ListDocCommon-module__placeholder___9sgl3{height:50px} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} diff --git a/28434-4823464f543b41f5b66b.js b/28434-4823464f543b41f5b66b.js new file mode 100644 index 0000000000..2c0614f71b --- /dev/null +++ b/28434-4823464f543b41f5b66b.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[28434,45627,85565,3353,5161,45865,16835,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{18257:function(e,t,n){function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}t.Z=void 0;var r=m(n(67294)),i=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var n=u(t);if(n&&n.has(e))return n.get(e);var r={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&Object.prototype.hasOwnProperty.call(e,l)){var s=i?Object.getOwnPropertyDescriptor(e,l):null;s&&(s.get||s.set)?Object.defineProperty(r,l,s):r[l]=e[l]}return r.default=e,n&&n.set(e,r),r}(n(93670)),l=n(34261),s=m(n(47166)),o=m(n(44258)),c=m(n(25266));function u(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(u=function(e){return e?n:t})(e)}function m(e){return e&&e.__esModule?e:{default:e}}function d(e,t){for(var n=0;n=0,metaData:{key:e.key},onSelect:this.handleItemSelection},r.default.createElement(l.Placeholder,{title:e.title,className:b("placeholder")}))}},{key:"createListItems",value:function(e){var t=this;return e.map((function(e){return t.createListItem(e)}))}},{key:"render",value:function(){return r.default.createElement(i.default,{ariaSelectionStyle:"multi-select"},this.createListItems(o.default))}}])&&d(t.prototype,n),a&&d(t,a),Object.defineProperty(t,"prototype",{writable:!1}),c}(r.default.Component);t.Z=x},44258:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;t.default=[{title:"Item 0",key:"unique-0"},{title:"Item 1",key:"unique-1"},{title:"Item 2",key:"unique-2"},{title:"Item 3",key:"unique-3"},{title:"Item 4",key:"unique-4"}]},54997:function(e,t,n){n.r(t),n.d(t,{default:function(){return g}});var a=n(67294),r=n(81254),i=n(30999),l=n(18257),s=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var u={};function m(e){var t=e.components,n=c(e,s);return(0,r.mdx)("wrapper",o({},u,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport List, { Item, Utils } from 'terra-list/lib/index';\nimport { Placeholder } from '@cerner/terra-docs';\nimport classNames from 'classnames/bind';\nimport mockData from './mock-data/mock-select';\nimport styles from '../example/ListDocCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst maxSectionCount = 3;\n\nclass MutliSelectList extends React.Component {\n constructor(props) {\n super(props);\n this.createListItem = this.createListItem.bind(this);\n this.handleItemSelection = this.handleItemSelection.bind(this);\n this.state = { selectedKeys: [] };\n }\n\n handleItemSelection(event, metaData) {\n event.preventDefault();\n this.setState(state => ({ selectedKeys: Utils.updatedMultiSelectedKeys(state.selectedKeys, metaData.key) }));\n }\n\n createListItem(itemData) {\n return (\n = 0}\n metaData={{ key: itemData.key }}\n onSelect={this.handleItemSelection}\n >\n \n \n );\n }\n\n createListItems(data) {\n return data.map(childItem => this.createListItem(childItem));\n }\n\n render() {\n return (\n \n {this.createListItems(mockData)}\n \n );\n }\n}\n\nexport default MutliSelectList;\n\n")))}m.isMDXComponent=!0;var d=n(49271),p=n(63443),h=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(d.Z,{title:t||"Multi Select List",description:n,example:a.createElement(l.Z,null),exampleCssSrc:a.createElement(p.Z,null),exampleSrc:a.createElement(m,null),isExpanded:r})},f=["components"];function y(){return y=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var x={},S="wrapper";function g(e){var t=e.components,n=b(e,f);return(0,r.mdx)(S,y({},x,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(i.C,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-list---implementing-a-multi-select-list"},"Terra List - Implementing a Multi Select List"),(0,r.mdx)("p",null,"The terra-list implementation requires controlled state if selections are required. As a result, selections are applied when child items are generated from HOC state. The following guide will show you how to implement that state within a multiple items selection variant of list, as well as implement the additional narrowing requirements of a max selection for items."),(0,r.mdx)("h2",{id:"state-management"},"State Management"),(0,r.mdx)("p",null,"The state of selection needs to be managed for the list in a High Order Component (HOC). In this example we are going to be a unique key, but the type of state used is open to the implementor of the HOC."),(0,r.mdx)("p",null,"First defaulting our state to an empty array in the constructor."),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-diff"},"class MyList extends React.Component {\n constructor(props) {\n super(props);\n\n+ this.state = { selectedKeys: [] };\n }\n\n render() {\n return (\n );\n }\n}\n")),(0,r.mdx)("p",null,"Next creating an event handler callback method to pass to the list item's ",(0,r.mdx)("inlineCode",{parentName:"p"},"onSelect")," prop. The ",(0,r.mdx)("inlineCode",{parentName:"p"},"onSelect")," will return the metaData prop passed it each listItem."),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-diff"},"class MyList extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = { collapsedKeys: [] };\n+ this.handleItemSelection = this.handleItemSelection.bind(this)\n }\n\n+ handleItemSelection(event, metaData) {\n+\n+ }\n")),(0,r.mdx)("p",null,"As a precaution we can prevent default on the event, in case the list has an ancestor with a listener. This also prevents the browser from auto page scrolling when we are intending to make a selection with the space bar."),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-diff"}," handleItemSelection(event, metaData) {\n+ event.preventDefault();\n }\n")),(0,r.mdx)("p",null,"Terra list comes with additional helpers to manage state. In this case, we want to determine if the selection has selected or unselected the list item key in our state. So we use the utility method ",(0,r.mdx)("inlineCode",{parentName:"p"},"updatedMulitSelectedKeys"),", which returns an array of the keys following the addition or removing of the key passed. We then set this as our state."),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-diff"}," handleItemSelection(event, metaData) {\n event.preventDefault();\n+ this.setState(state => ({ selectedKeys: Utils.updatedMultiSelectedKeys(state.selectedKeys, metaData.key) }));\n }\n")),(0,r.mdx)("p",null,"Setting state will trigger another render. So in the render method we need generate our list items with the updated ",(0,r.mdx)("inlineCode",{parentName:"p"},"isSelected")," and ",(0,r.mdx)("inlineCode",{parentName:"p"},"isSelectable")," props. Each item needs a unique key, not necessarily associated to our own key, but it works as well. The list renders flat, so keys need to be unique even if they are placed within sections.\n",(0,r.mdx)("a",{parentName:"p",href:"https://reactjs.org/docs/lists-and-keys.html"},"React List & Key Documentation")),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-diff"},"class MyList extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = { collapsedKeys: [] };\n this.handleSectionSelection = this.handleSectionSelection.bind(this)\n+ this.createListItem = this.createListItem.bind(this)\n }\n ...\n+ createListItem(itemData) {\n+ return (\n+ \n+ \n+ \n+ );\n+ }\n")),(0,r.mdx)("p",null,"Next we need to set up our ",(0,r.mdx)("inlineCode",{parentName:"p"},"metaData")," object with our key value, and attach the ",(0,r.mdx)("inlineCode",{parentName:"p"},"onSelect")," to our handler."),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-diff"}," createListItem(itemData) {\n return (\n \n \n \n );\n }\n")),(0,r.mdx)("p",null,"For multi-select lists we need to set selectability based upon whether or not we have reached our max selection count. Terra List provides a helper for this, namely ",(0,r.mdx)("inlineCode",{parentName:"p"},"shouldBeMultiSelectable"),", by providing our count, the currently selected key, and the key of the associated item."),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-diff"}," createListItem(itemData) {\n return (\n \n \n \n );\n }\n")),(0,r.mdx)("p",null,"Finally we need to check if the item is selected. As we support IE10 & 11, we cannot use ",(0,r.mdx)("inlineCode",{parentName:"p"},"contains"),", so we use ",(0,r.mdx)("inlineCode",{parentName:"p"},"indexOf")," to determine if the key is present in our state array."),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-diff"}," createListItem(itemData) {\n return (\n = 0}\n metaData={{ key: itemData.key }}\n onSelect={this.handleItemSelection}\n >\n \n \n );\n }\n")),(0,r.mdx)("p",null,"Then we can implement a method to loop through our data and create the list item with our methods and call it from our render method. Making special note to assign the prop ",(0,r.mdx)("inlineCode",{parentName:"p"},"ariaSelectionStyle")," with the value ",(0,r.mdx)("inlineCode",{parentName:"p"},"multi-select")," for the list, as it is required for accessibility with selectable list options."),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-diff"},'class MyList extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = { collapsedKeys: [] };\n this.handleItemSelection = this.handleItemSelection.bind(this)\n this.createListItem = this.createListItem.bind(this)\n+ this.createListItems = this.createListItems.bind(this)\n }\n ...\n+ createListItems(data) {\n+ return data.map(childItem => this.createListItem(childItem));\n+ }\n\n render() {\n return (\n+ \n+ {this.createListItems(mockData)}\n+ \n+ );\n+ }\n')),(0,r.mdx)("p",null," Using these steps we get the following example."),(0,r.mdx)("h2",{id:"examples"},"Examples"),(0,r.mdx)(h,{mdxType:"MultiSelectList"}))}g.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/28797-fdad9d4c21bf85855bb0.js b/28797-fdad9d4c21bf85855bb0.js new file mode 100644 index 0000000000..95e99da436 --- /dev/null +++ b/28797-fdad9d4c21bf85855bb0.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[28797],{22863:function(e,l,a){var m=a(64836);l.Z=void 0;var d=m(a(67294)),n=m(a(45697)),r=m(a(47166)),i=m(a(17422)),u=r.default.bind(i.default),t={name:n.default.string.isRequired,src:n.default.string,url:n.default.string,version:n.default.string.isRequired},p=function(e){var l=e.src,a=e.name,m=e.url,n=e.version,r=d.default.createElement("a",{className:u("badge"),href:m||"https://www.npmjs.org/package/".concat(a,"/v/").concat(n)},d.default.createElement("span",{className:u("badge-name")},m?"package":"npm"),d.default.createElement("span",{className:u("badge-version")},"v".concat(n))),i=l?d.default.createElement("a",{className:u("badge"),href:l},d.default.createElement("span",{className:u("badge-name")},"github"),d.default.createElement("span",{className:u("badge-version")},"source")):void 0;return d.default.createElement("div",{className:u("badge-container")},r,i)};p.propTypes=t;var x=p;l.Z=x},28797:function(e,l,a){a.r(l),a.d(l,{default:function(){return c}});a(67294);var m=a(81254),d=a(69291),n=["components"];function r(){return r=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(d[a]=e[a]);return d}(e,l);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(m=0;m=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(d[a]=e[a])}return d}var u={},t="wrapper";function p(e){var l=e.components,a=i(e,n);return(0,m.mdx)(t,r({},u,a,{components:l,mdxType:"MDXLayout"}),(0,m.mdx)("h1",{id:"changelog"},"Changelog"),(0,m.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,m.mdx)("h2",{id:"6850---november-23-2023"},"6.85.0 - (November 23, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added ability to select a CollapsibleMenuViewItem when not in a group.")))),(0,m.mdx)("h2",{id:"6840---november-9-2023"},"6.84.0 - (November 9, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added ",(0,m.mdx)("inlineCode",{parentName:"li"},"GroupId")," prop that used in menu item for ",(0,m.mdx)("inlineCode",{parentName:"li"},"aria-describedby")," that labels the group for accessibility.")))),(0,m.mdx)("h2",{id:"6830---october-25-2023"},"6.83.0 - (October 25, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"6820---october-17-2023"},"6.82.0 - (October 17, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"6810---october-11-2023"},"6.81.0 - (October 11, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"6800---october-3-2023"},"6.80.0 - (October 3, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added the ability to add hyperlinks."),(0,m.mdx)("li",{parentName:"ul"},"Added ",(0,m.mdx)("inlineCode",{parentName:"li"},"isMultiSelect")," prop to support multiselect group items."),(0,m.mdx)("li",{parentName:"ul"},"Added aria-label prop for ",(0,m.mdx)("inlineCode",{parentName:"li"},"collapsible-menu-view")," to announce group information."))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Fixed responsive menu icon not being vertical in the lowlight and fusion themes.")))),(0,m.mdx)("h2",{id:"6790---september-21-2023"},"6.79.0 - (September 21, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"6780---august-31-2023"},"6.78.0 - (August 31, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added aria-haspopup attribute to menu buttons so screen reader users are provided the context that they will open a dialog popup."))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Disabled unselectable menu item toggles to make them consistent with face-up toggles.")))),(0,m.mdx)("h2",{id:"6770---august-10-2023"},"6.77.0 - (August 10, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"6761---august-4-2023"},"6.76.1 - (August 4, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"6760---august-2-2023"},"6.76.0 - (August 2, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"6750---july-31-2023"},"6.75.0 - (July 31, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"6740---july-25-2023"},"6.74.0 - (July 25, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"6730---july-19-2023"},"6.73.0 - (July 19, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"6720---july-4-2023"},"6.72.0 - (July 4, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"6710---june-12-2023"},"6.71.0 - (June 12, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"6700---june-5-2023"},"6.70.0 - (June 5, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"6690---may-11-2023"},"6.69.0 - (May 11, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"6680---april-27-2023"},"6.68.0 - (April 27, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"6670---april-12-2023"},"6.67.0 - (April 12, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"6660---april-5-2023"},"6.66.0 - (April 5, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added ",(0,m.mdx)("inlineCode",{parentName:"li"},"isStartAligned")," prop"),(0,m.mdx)("li",{parentName:"ul"},"Added new Jest test and snapshots")))),(0,m.mdx)("h2",{id:"6650---march-29-2023"},"6.65.0 - (March 29, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated Jest snapshots.")))),(0,m.mdx)("h2",{id:"6640---march-1-2023"},"6.64.0 - (March 1, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated Jest snapshot for terra-button changes"),(0,m.mdx)("li",{parentName:"ul"},"Updated WDIO screenshots due to terra-menu changes")))),(0,m.mdx)("h2",{id:"6630---february-14-2023"},"6.63.0 - (February 14, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated WDIO screenshots due to webpack-config-terra and\nterra-functional-testing upgrade.")))),(0,m.mdx)("h2",{id:"6620---february-1-2023"},"6.62.0 - (February 1, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated jest snapshots")))),(0,m.mdx)("h2",{id:"6610---march-15-2022"},"6.61.0 - (March 15, 2022)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Migrate docs to terra framework docs")))),(0,m.mdx)("h2",{id:"6600---november-16-2021"},"6.60.0 - (November 16, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"6590---november-9-2021"},"6.59.0 - (November 9, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"6580---october-14-2021"},"6.58.0 - (October 14, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"6570---october-12-2021"},"6.57.0 - (October 12, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"6560---september-20-2021"},"6.56.0 - (September 20, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated WDIO screenshots due to webpack-config-terra sass upgrade."),(0,m.mdx)("li",{parentName:"ul"},"Updated WDIO snapshots due to terra-functional-testing v2 upgrade.")))),(0,m.mdx)("h2",{id:"6550---july-21-2021"},"6.55.0 - (July 21, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated ",(0,m.mdx)("inlineCode",{parentName:"li"},"terra-form-checkbox")," from ",(0,m.mdx)("inlineCode",{parentName:"li"},"v4.0.0")," to ",(0,m.mdx)("inlineCode",{parentName:"li"},"v4.8.0"),"."),(0,m.mdx)("li",{parentName:"ul"},"Updated ",(0,m.mdx)("inlineCode",{parentName:"li"},"terra-icon")," from ",(0,m.mdx)("inlineCode",{parentName:"li"},"v3.1.0")," to ",(0,m.mdx)("inlineCode",{parentName:"li"},"v3.19.0"),".")))),(0,m.mdx)("h2",{id:"6540---july-13-2021"},"6.54.0 - (July 13, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Fixed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Fix to invoke consumer's ",(0,m.mdx)("inlineCode",{parentName:"li"},"onClick")," handler for menu buttons.")))),(0,m.mdx)("h2",{id:"6530---june-8-2021"},"6.53.0 - (June 8, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"6520---may-4-2021"},"6.52.0 - (May 4, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"6510---april-6-2021"},"6.51.0 - (April 6, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,m.mdx)("h2",{id:"6500---march-9-2021"},"6.50.0 - (March 9, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated to terra-functional-testing")))),(0,m.mdx)("h2",{id:"6490---february-9-2021"},"6.49.0 - (February 9, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"6480---february-2-2021"},"6.48.0 - (February 2, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added ",(0,m.mdx)("inlineCode",{parentName:"li"},"alwaysCollapsedMenuItems")," attribute to ",(0,m.mdx)("inlineCode",{parentName:"li"},"CollapsibleMenuView")," which can be used to prepopulate collapsible menu view. These items will always hidden under the More button. The collapsed menu view will always shown if at least one item is added to the collapsedMenuItems list. A divider will shown if there are other elements pushed to the collapsed menu view to divide them from the prepopulated list.")))),(0,m.mdx)("h2",{id:"6470---january-26-2021"},"6.47.0 - (January 26, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"6460---january-5-2021"},"6.46.0 - (January 5, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated to support a peer dependency of react-intl v2-v5"),(0,m.mdx)("li",{parentName:"ul"},"Updated to use ",(0,m.mdx)("inlineCode",{parentName:"li"},"injectIntl")," instead of ",(0,m.mdx)("inlineCode",{parentName:"li"},"FormattedMessage")," for react-intl v2-v5 compatibility"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation.")))),(0,m.mdx)("h2",{id:"6450---december-8-2020"},"6.45.0 - (December 8, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"6440---november-24-2020"},"6.44.0 - (November 24, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,m.mdx)("h2",{id:"6430---november-10-2020"},"6.43.0 - (November 10, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Fixed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Fixed build failures due to the react/sort-comp rule")))),(0,m.mdx)("h2",{id:"6420---october-20-2020"},"6.42.0 - (October 20, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Fixed failing WDIO tests")))),(0,m.mdx)("h2",{id:"6410---october-13-2020"},"6.41.0 - (October 13, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"6400---august-18-2020"},"6.40.0 - (August 18, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"6390---august-11-2020"},"6.39.0 - (August 11, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"6380---august-4-2020"},"6.38.0 - (August 4, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated Changelog format")))),(0,m.mdx)("h2",{id:"6370---july-14-2020"},"6.37.0 - (July 14, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"updated ",(0,m.mdx)("inlineCode",{parentName:"li"},"master")," references to ",(0,m.mdx)("inlineCode",{parentName:"li"},"main"),".")))),(0,m.mdx)("h2",{id:"6360---june-16-2020"},"6.36.0 - (June 16, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"6350---june-9-2020"},"6.35.0 - (June 9, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"6340---june-2-2020"},"6.34.0 - (June 2, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Fixed lowlight and clinical theme interference issue."))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Bumped terra-form-checkbox from v3 to v4")))),(0,m.mdx)("h2",{id:"6330---may-19-2020"},"6.33.0 - (May 19, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"6320---april-28-2020"},"6.32.0 - (April 28, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added ",(0,m.mdx)("inlineCode",{parentName:"li"},"directory")," as a sub attribute to the ",(0,m.mdx)("inlineCode",{parentName:"li"},"repository")," attribute in package.json"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Removed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge')))),(0,m.mdx)("h2",{id:"6310---april-6-2020"},"6.31.0 - (April 6, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"6300---march-31-2020"},"6.30.0 - (March 31, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,m.mdx)("h2",{id:"6290---march-10-2020"},"6.29.0 - (March 10, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"6280---march-3-2020"},"6.28.0 - (March 3, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update docs to use MDX syntax.")))),(0,m.mdx)("h2",{id:"6270---february-25-2020"},"6.27.0 - (February 25, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"6260---february-18-2020"},"6.26.0 - (February 18, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme theming files")))),(0,m.mdx)("h2",{id:"6250---february-4-2020"},"6.25.0 - (February 4, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"6240---january-28-2020"},"6.24.0 - (January 28, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update copyright to include 2020")))),(0,m.mdx)("h2",{id:"6230---january-7-2020"},"6.23.0 - (January 7, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"6220---december-16-2019"},"6.22.0 - (December 16, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Fixed axe violation for missing roles.")))),(0,m.mdx)("h2",{id:"6210---december-10-2019"},"6.21.0 - (December 10, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added orion-fusion-theme and generated the respective reference wdio screenshots.")))),(0,m.mdx)("h2",{id:"6200---november-20-2019"},"6.20.0 - (November 20, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,m.mdx)("h2",{id:"6190---november-18-2019"},"6.19.0 - (November 18, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Changed icon in menu button and button-style to utility variant")))),(0,m.mdx)("h2",{id:"6180---november-7-2019"},"6.18.0 - (November 7, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Resolved lint warnings for multiple empty lines")))),(0,m.mdx)("h2",{id:"6170---october-30-2019"},"6.17.0 - (October 30, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,m.mdx)("h2",{id:"6160---october-21-2019"},"6.16.0 - (October 21, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,m.mdx)("h2",{id:"6150---october-16-2019"},"6.15.0 - (October 16, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,m.mdx)("h2",{id:"6140---october-3-2019"},"6.14.0 - (October 3, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,m.mdx)("h2",{id:"6130---september-26-2019"},"6.13.0 - (September 26, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency updates"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Included the en-CA locale in the SingleItemGroup test."))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Removed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed the non-supported Finnish language translations to avoid confusion")))),(0,m.mdx)("h2",{id:"6120---september-19-2019"},"6.12.0 - (September 19, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added en-CA translations."))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed ",(0,m.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site."),(0,m.mdx)("li",{parentName:"ul"},"Doc site example module import syntax modified to use package.json name resolution")))),(0,m.mdx)("h2",{id:"6110---september-6-2019"},"6.11.0 - (September 6, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files")))),(0,m.mdx)("h2",{id:"6100---august-21-2019"},"6.10.0 - (August 21, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Replaced Object.assign syntax with Object spread syntax")))),(0,m.mdx)("h2",{id:"690---august-14-2019"},"6.9.0 - (August 14, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated Jest Snapshots for new icon-prop added in menu-item."),(0,m.mdx)("li",{parentName:"ul"},"updated package.json test scripts"),(0,m.mdx)("li",{parentName:"ul"},"Updated to interface with react-intl's ",(0,m.mdx)("inlineCode",{parentName:"li"},"FormattedMessage")," rather than old React Context API.")))),(0,m.mdx)("h2",{id:"680---july-30-2019"},"6.8.0 - (July 30, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Removed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed DEPENDENCIES.md file")))),(0,m.mdx)("h2",{id:"671---july-23-2019"},"6.7.1 - (July 23, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated DEPENDENCIES.md doc")))),(0,m.mdx)("h2",{id:"670---july-23-2019"},"6.7.0 - (July 23, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Normalized terra-form-checkbox dependency version to match other terra-framework packages")))),(0,m.mdx)("h2",{id:"660---july-16-2019"},"6.6.0 - (July 16, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Fixed divider transition between normal and in-menu view."),(0,m.mdx)("li",{parentName:"ul"},"Fixed Collapsible issue for single item group")))),(0,m.mdx)("h2",{id:"650---july-10-2019"},"6.5.0 - (July 10, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,m.mdx)("li",{parentName:"ul"},"Replaced Terra-Form with Terra-Form-Checkbox in CollapsibleMenuViewToggle")))),(0,m.mdx)("h2",{id:"640---july-2-2019"},"6.4.0 - (July 2, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Fixed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Fixed issue with accessibility roles in list view in popup menu")))),(0,m.mdx)("h2",{id:"630---june-19-2019"},"6.3.0 - (June 19, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added more buttons to support wdio tests for other themes (ex:mpages theme)")))),(0,m.mdx)("h2",{id:"620---june-12-2019"},"6.2.0 - (June 12, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Removed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update tests for terra-toolkit v5 and terra-dev-site v5 changes"),(0,m.mdx)("li",{parentName:"ul"},"Update wdio spec to use Terra.describeViewports")))),(0,m.mdx)("h2",{id:"610---may-21-2019"},"6.1.0 - (May 21, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,m.mdx)("h2",{id:"600---may-13-2019"},"6.0.0 - (May 13, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Breaking Change",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Consume latest major version bump of terra-menu")))),(0,m.mdx)("h2",{id:"5100---may-7-2019"},"5.10.0 - (May 7, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,m.mdx)("h2",{id:"590---april-24-2019"},"5.9.0 - (April 24, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Moved packages we use solely in doc examples and tests to devDependencies")))),(0,m.mdx)("h2",{id:"580---april-16-2019"},"5.8.0 - (April 16, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,m.mdx)("h2",{id:"570---april-9-2019"},"5.7.0 - (April 9, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,m.mdx)("h2",{id:"560---march-12-2019"},"5.6.0 - (March 12, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,m.mdx)("h2",{id:"550---march-26-2019"},"5.5.0 - (March 26, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Removed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,m.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,m.mdx)("h2",{id:"540---march-20-2019"},"5.4.0 - (March 20, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update Jest tests to use terra-enzyme-intl")))),(0,m.mdx)("h2",{id:"530---march-12-2019"},"5.3.0 - (March 12, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,m.mdx)("h2",{id:"520---march-5-2019"},"5.2.0 - (March 5, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,m.mdx)("h2",{id:"510---february-26-2019"},"5.1.0 - (February 26, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added en-AU translations")))),(0,m.mdx)("h2",{id:"500---february-13-2019"},"5.0.0 - (February 13, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Breaking Change"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Major dependency version bump of terra-list"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Wrapped Collapsible Menu Items in ",(0,m.mdx)("inlineCode",{parentName:"li"},"
  • "))))),(0,m.mdx)("h2",{id:"430---february-5-2019"},"4.3.0 - (February 5, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Migrate package to the terra-framework repository")))),(0,m.mdx)("h2",{id:"420---january-27-2019"},"4.2.0 - (January 27, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"410---january-26-2019"},"4.1.0 - (January 26, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Fixed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Fixed issue preventing single item views from collapsing")))),(0,m.mdx)("h2",{id:"400---january-22-2019"},"4.0.0 - (January 22, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated theme variables")))),(0,m.mdx)("h2",{id:"3320---january-8-2019"},"3.32.0 - (January 8, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3310---january-2-2019"},"3.31.0 - (January 2, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3301---november-20-2018"},"3.30.1 - (November 20, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,m.mdx)("h2",{id:"3300---november-19-2018"},"3.30.0 - (November 19, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3290---november-14-2018"},"3.29.0 - (November 14, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3280---november-13-2018"},"3.28.0 - (November 13, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3270---november-9-2018"},"3.27.0 - (November 9, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3260---october-30-2018"},"3.26.0 - (October 30, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update mixin import to be more explicit")))),(0,m.mdx)("h2",{id:"3250---october-24-2018"},"3.25.0 - (October 24, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3240---october-16-2018"},"3.24.0 - (October 16, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3230---october-8-2018"},"3.23.0 - (October 8, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3220---october-2-2018"},"3.22.0 - (October 2, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3210---september-25-2018"},"3.21.0 - (September 25, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3201---september-6-2018"},"3.20.1 - (September 6, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,m.mdx)("h2",{id:"3200---september-5-2018"},"3.20.0 - (September 5, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed test restrictions on accessibility since that issue was fixed."),(0,m.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,m.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,m.mdx)("h2",{id:"3190---september-4-2018"},"3.19.0 - (September 4, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3180---august-30-2018"},"3.18.0 - (August 30, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3170---august-29-2018"},"3.17.0 - (August 29, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3160---august-21-2018"},"3.16.0 - (August 21, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3150---august-8-2018"},"3.15.0 - (August 8, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated component internationalization error message")))),(0,m.mdx)("h2",{id:"3140---august-1-2018"},"3.14.0 - (August 1, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3130---july-25-2018"},"3.13.0 - (July 25, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Add sv and sv-SE translations")))),(0,m.mdx)("h2",{id:"3120---july-19-2018"},"3.12.0 - (July 19, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Add .module extension to SCSS file(s)")))),(0,m.mdx)("h2",{id:"3110---july-17-2018"},"3.11.0 - (July 17, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added themeable variables"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v4 update"),(0,m.mdx)("li",{parentName:"ul"},"Required props no longer set a default prop"),(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3100---july-10-2018"},"3.10.0 - (July 10, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"390---july-3-2018"},"3.9.0 - (July 3, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"380---june-28-2018"},"3.8.0 - (June 28, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added change log to the documentation on terra-dev-site"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Corrected the 'resize observer loop limit reached' error with animation frames.")))),(0,m.mdx)("h2",{id:"370---june-22-2018"},"3.7.0 - (June 22, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Moved terra-base from dependency to peerDependency")))),(0,m.mdx)("h2",{id:"360---june-19-2018"},"3.6.0 - (June 19, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"350---june-12-2018"},"3.5.0 - (June 12, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},'Updated "test:jest" script to work on windows.'),(0,m.mdx)("li",{parentName:"ul"},"Renamed the doc site template")))),(0,m.mdx)("h2",{id:"340---may-30-2018"},"3.4.0 - (May 30, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated structure to match terra-dev-site 1.0 and moved doc examples internal.")))),(0,m.mdx)("h2",{id:"330---may-25-2018"},"3.3.0 - (May 25, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"320---may-23-2018"},"3.2.0 - (May 23, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"310---may-16-2018"},"3.1.0 - (May 16, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"300---may-9-2018"},"3.0.0 - (May 9, 2018)"),(0,m.mdx)("p",null,"Major Change\nUpdated to use terra-menu v3.0.0"),(0,m.mdx)("h2",{id:"280---may-2-2018"},"2.8.0 - (May 2, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},'Added\nAdded localized aria-label to ellipses "view more" button'))),(0,m.mdx)("h2",{id:"270---april-20-2018"},"2.7.0 - (April 20, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"260---april-15-2018"},"2.6.0 - (April 15, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"250---april-5-2018"},"2.5.0 - (April 5, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"240---march-30-2018"},"2.4.0 - (March 30, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"230---march-14-2018"},"2.3.0 - (March 14, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"220---march-6-2018"},"2.2.0 - (March 6, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Removed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed props-table script from package.json")))),(0,m.mdx)("h2",{id:"210---february-26-2018"},"2.1.0 - (February 26, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"201---february-13-2018"},"2.0.1 - (February 13, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated peerDependencies")))),(0,m.mdx)("h2",{id:"200---february-12-2018"},"2.0.0 - (February 12, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated to use React 16"),(0,m.mdx)("li",{parentName:"ul"},"Uplifted component to use terra-button-group V2"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Removed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"isSelectable prop in CollapsibleMenuViewItemGroup."))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"selectedKeys prop in CollapsibleMenuViewItemGroup.")))),(0,m.mdx)("h2",{id:"1100---february-1-2018"},"1.10.0 - (February 1, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"190---january-18-2018"},"1.9.0 - (January 18, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"180---january-5-2018"},"1.8.0 - (January 5, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added a data attribute to the collapsed menu trigger to make testing easier."))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Removed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed rule disabling list accessibility tests.")))),(0,m.mdx)("h2",{id:"170---december-5-2017"},"1.7.0 - (December 5, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"160---november-28-2017"},"1.6.0 - (November 28, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update menu to keep the last child face up if it fits within the available menu space")))),(0,m.mdx)("h2",{id:"150---november-16-2017"},"1.5.0 - (November 16, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"140---november-7-2017"},"1.4.0 - (November 7, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"130---october-31-2017"},"1.3.0 - (October 31, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added option for auto width sizing.")))),(0,m.mdx)("h2",{id:"120---october-24-2017"},"1.2.0 - (October 24, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"110---october-6-2017"},"1.1.0 - (October 6, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Jumpy display on initial load and refresh"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added ability to disable toggle and items")))),(0,m.mdx)("h2",{id:"100---september-26-2017"},"1.0.0 - (September 26, 2017)"),(0,m.mdx)("p",null,"Initial stable release"))}p.isMDXComponent=!0;var x=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(d[a]=e[a]);return d}(e,l);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(m=0;m=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(d[a]=e[a])}return d}var s={},h="wrapper";function c(e){var l=e.components,a=N(e,x);return(0,m.mdx)(h,o({},s,a,{components:l,mdxType:"MDXLayout"}),(0,m.mdx)(d.C,{mdxType:"Badge"}),(0,m.mdx)(p,{mdxType:"ChangeLog"}))}c.isMDXComponent=!0},69291:function(e,l,a){a.d(l,{C:function(){return n}});var m=a(67294),d=a(22863),n=function(e){var l=e.url;return m.createElement(d.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-collapsible-menu-view",name:"terra-collapsible-menu-view",version:"6.85.0",url:l})}},17422:function(e,l,a){a.r(l),l.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/28850-8a1d1a0d595370c952e4.css b/28850-8a1d1a0d595370c952e4.css new file mode 100644 index 0000000000..fb90dd33c0 --- /dev/null +++ b/28850-8a1d1a0d595370c952e4.css @@ -0,0 +1,5 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.InfiniteList-module__infinite-list___oi3yH{display:block;height:100%;overflow:auto;-webkit-overflow-scrolling:touch;position:relative;width:100%}.InfiniteList-module__infinite-hidden___YgQc6{display:block;height:0;overflow:hidden;position:absolute;top:100%;width:100%}[dir] .InfiniteList-module__infinite-hidden___YgQc6{border:0;margin:0;padding:0}.InfiniteList-module__full-loading___FMz-n{height:100%;overflow:hidden;position:relative;width:100%}.InfiniteList-module__loading___Dxbpd{display:block;position:relative;width:100%}.InfiniteList-module__spacer___FzOiF{display:block;position:relative;width:100%}[dir] .InfiniteList-module__spacer___FzOiF{margin:0;padding:0} +.MyInitialLoadingIndicator-module__indicator___uYEVR{display:block;height:100%;position:relative;width:100%}[dir] .MyInitialLoadingIndicator-module__indicator___uYEVR{background-color:#282828} +.MyProgressiveLoadingIndicator-module__indicator___JTGPM{display:block;height:80px;width:100%}[dir] .MyProgressiveLoadingIndicator-module__indicator___JTGPM{background-color:#282828} +.InfiniteListDocExampleCommon-module__placeholder___F4qLk{height:50px}.InfiniteListDocExampleCommon-module__item-content___Q4mK8{height:50px;width:100%}.InfiniteListDocExampleCommon-module__main-content___ZKJiv{height:300px;position:relative;width:100%}[dir] .InfiniteListDocExampleCommon-module__main-content___ZKJiv{border:1px solid #000} diff --git a/28850-8a1d1a0d595370c952e4.js b/28850-8a1d1a0d595370c952e4.js new file mode 100644 index 0000000000..5aafe99be0 --- /dev/null +++ b/28850-8a1d1a0d595370c952e4.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[28850,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{49738:function(e,t,n){var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=a(n(67294)),i=a(n(47166)),o=n(34261),l=a(n(59137)),s=i.default.bind(l.default);t.default=function(){return r.default.createElement("div",{className:s("indicator")},r.default.createElement(o.Placeholder,{title:"I'm Loading"}))}},50635:function(e,t,n){var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=a(n(67294)),i=a(n(47166)),o=n(34261),l=a(n(75445)),s=i.default.bind(l.default);t.default=function(){return r.default.createElement("div",{className:s("indicator")},r.default.createElement(o.Placeholder,{title:"I'm Loading More"}))}},69089:function(e,t,n){var a=n(64836),r=n(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=a(n(56690)),o=a(n(89728)),l=a(n(66115)),s=a(n(61655)),u=a(n(94993)),d=a(n(73808)),c=a(n(67294)),f=n(34261),p=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=b(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var l=i?Object.getOwnPropertyDescriptor(e,o):null;l&&(l.get||l.set)?Object.defineProperty(a,o,l):a[o]=e[o]}return a.default=e,n&&n.set(e,a),a}(n(30869)),m=a(n(47166)),h=a(n(49738)),g=a(n(50635)),y=a(n(6805)),v=a(n(95515)),x=a(n(43315));function b(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(b=function(e){return e?n:t})(e)}function w(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,a=(0,d.default)(e);if(t){var r=(0,d.default)(this).constructor;n=Reflect.construct(a,arguments,r)}else n=a.apply(this,arguments);return(0,u.default)(this,n)}}var k=m.default.bind(x.default),P=function(e){(0,s.default)(n,e);var t=w(n);function n(e){var a;return(0,i.default)(this,n),(a=t.call(this,e)).requestData=a.requestData.bind((0,l.default)(a)),a.state={isFinishedLoading:!1,currentPageKey:null,items:[]},a}return(0,o.default)(n,[{key:"requestData",value:function(){var e=this;(0,v.default)(this.state.currentPageKey).then((function(t){return e.setState((function(e){return{isFinishedLoading:t.isFinalPage,currentPageKey:t.nextPageKey,items:e.items.concat(t.items)}}))}))}},{key:"createItems",value:function(){return this.state.items.map((function(e){return c.default.createElement(p.Item,{key:e.key},c.default.createElement(f.Placeholder,{title:e.title,className:k("placeholder")}))}))}},{key:"render",value:function(){return c.default.createElement(y.default,null,c.default.createElement(p.default,{dividerStyle:"standard",isFinishedLoading:this.state.isFinishedLoading,onRequestItems:this.requestData,ariaLabel:"Progressive Loading",initialLoadingIndicator:c.default.createElement(h.default,null),progressiveLoadingIndicator:c.default.createElement(g.default,null)},this.createItems()))}}]),n}(c.default.Component);t.default=P},96731:function(e,t,n){var a=n(64836);t.Z=void 0;var r=a(n(56690)),i=a(n(89728)),o=a(n(66115)),l=a(n(61655)),s=a(n(94993)),u=a(n(73808)),d=a(n(67294)),c=a(n(69089));function f(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,a=(0,u.default)(e);if(t){var r=(0,u.default)(this).constructor;n=Reflect.construct(a,arguments,r)}else n=a.apply(this,arguments);return(0,s.default)(this,n)}}var p=function(e){(0,l.default)(n,e);var t=f(n);function n(e){var a;return(0,r.default)(this,n),(a=t.call(this,e)).updateKey=a.updateKey.bind((0,o.default)(a)),a.state={refreshKey:0},a}return(0,i.default)(n,[{key:"updateKey",value:function(){this.setState((function(e){return{refreshKey:e.refreshKey+1}}))}},{key:"render",value:function(){return d.default.createElement("div",null,d.default.createElement("button",{type:"button",onClick:this.updateKey},"Refresh"),d.default.createElement(c.default,{key:"".concat(this.state.refreshKey)}))}}]),n}(d.default.Component);t.Z=p},95515:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;t.default=function(e){return new Promise((function(t){return setTimeout((function(){t(function(e){var t=!1,n=(e>=0?e:0)+1;n>9&&(t=!0);for(var a=[],r=0;r<10;r+=1)a.push({title:"Item ".concat(10*e+r),key:"unique-".concat(10*e+r)});return{nextPageKey:n,items:a,isFinalPage:t}}(e))}),2e3)}))}},61738:function(e,t,n){n.r(t),n.d(t,{default:function(){return f}});n(67294);var a=n(81254),r=n(76173),i=n(34261),o=n(96731),l=["components"];function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var d={},c="wrapper";function f(e){var t=e.components,n=u(e,l);return(0,a.mdx)(c,s({},d,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(r.C,{mdxType:"Badge"}),(0,a.mdx)("p",null,(0,a.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-framework/blob/main/packages/terra-infinite-list#readme"},(0,a.mdx)("img",{parentName:"a",src:"https://badgen.net/badge/status/Deprecated/grey",alt:"Deprecated"}))),(0,a.mdx)("h1",{id:"terra-infinite-list--progressive-loading-list"},"Terra Infinite List — Progressive Loading List"),(0,a.mdx)(i.Notice,{variant:"deprecation",mdxType:"Notice"},(0,a.mdx)("p",null,"The terra-infinite-list component has been deprecated and is no longer recommended for use."),(0,a.mdx)("p",null,"From a usability perspective, infinite scrolling is a pattern designed and best used when users are casually looking for or discovering things, like shopping and social media. The infinite scrolling pattern should not be used for ",(0,a.mdx)("a",{parentName:"p",href:"https://www.nngroup.com/articles/infinite-scrolling/"},"goal-oriented tasks"),". Cerner products and our users most often fall into goal-oriented workflows. Users should have proper navigation methods (pagination) to navigate to predetermined points within the content easily."),(0,a.mdx)("p",null,"Infinite scrolling also poses significant accessibility challenges for multiple user groups:"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Keyboard-only users have to navigate the entire infinite scroll to get to the content below or to the side of the endless loading content. This creates a very time-consuming and unnecessary burden for the keyboard-only user."),(0,a.mdx)("li",{parentName:"ul"},"Screen reader users would have the same problem even though they have more ways to navigate content on the page. When content is dynamically loaded and not within the DOM, screen reader users won't have access to any of that content which poses more significant challenges than just navigating."),(0,a.mdx)("li",{parentName:"ul"},"Focus can be lost when new content loads. Unless focus is managed, sighted keyboard-only users will have difficulties finding where they are on the page."),(0,a.mdx)("li",{parentName:"ul"},"For data with hierarchical relationships, infinite scrolling can make it difficult for screen readers to effectively communicate the required context if related content is split between loaded and unloaded content.")),(0,a.mdx)("p",null,"The ",(0,a.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-ui/components/cerner-terra-core-docs/paginator/paginator"},"terra-paginator")," should be considered as an alternative approach to paging large amounts of data.")),(0,a.mdx)("p",null,"To limit the impact of large data sets, progressive loading of list items is available through the InfiniteList. As the InfiniteList approaches the bottom of its scrollHeight the ",(0,a.mdx)("inlineCode",{parentName:"p"},"onRequestItems")," callback will execute, allowing the implementation to lazy load data into the list."),(0,a.mdx)("h2",{id:"state-management"},"State Management"),(0,a.mdx)("p",null,"First we'll be defaulting our state to an empty array of items, a null page key, and false for isFinishedLoading in the constructor. "),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"}," constructor(props) {\n super(props);\n\n this.state = { isFinishedLoading: false, currentPageKey: null, items: [] };\n }\n")),(0,a.mdx)("p",null,"In our data request callback we'll pass our parameters of our page key, then wait for the response returned from our async service. Upon receiving the response we'll map our returned paging indicators and add our new items to our existing state."),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"}," requestData() {\n mockRequest(this.state.currentPageKey).then(response => (\n this.setState(prevState => ({\n isFinishedLoading: response.isFinalPage,\n currentPageKey: response.nextPageKey,\n items: prevState.items.concat(response.items),\n }))\n ));\n }\n")),(0,a.mdx)("h2",{id:"unpack-data"},"Unpack Data"),(0,a.mdx)("p",null,"We can then implement the unpack of our state data into our list items. Provide unique key value to prop ",(0,a.mdx)("inlineCode",{parentName:"p"},"key"),", if internal state of ",(0,a.mdx)("inlineCode",{parentName:"p"},"InfiniteList")," needs to be updated."),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"}," createItems() {\n return this.state.items.map(item => (\n \n \n \n ));\n }\n")),(0,a.mdx)("p",null,"Finally we'll declare our infinite list looping. Providing the InfiniteList with an ",(0,a.mdx)("inlineCode",{parentName:"p"},"initialLoadingIndicator")," and ",(0,a.mdx)("inlineCode",{parentName:"p"},"progressiveLoadingIndicator"),". The infinite list does not have visual styling, so loading indicators are customizable. Followed up with setting the ",(0,a.mdx)("inlineCode",{parentName:"p"},"onRequestItems")," to our requestData method."),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},' render() {\n return (\n \n }\n progressiveLoadingIndicator={}\n >\n {this.createItems()}\n \n \n );\n }\n')),(0,a.mdx)("p",null,"Using these steps we get the following example:"),(0,a.mdx)("h2",{id:"example"},"Example"),(0,a.mdx)(o.Z,{title:"Sections Header Infinite List",mdxType:"RefreshProgressive"}))}f.isMDXComponent=!0},59137:function(e,t,n){n.r(t),t.default={indicator:"MyInitialLoadingIndicator-module__indicator___uYEVR"}},75445:function(e,t,n){n.r(t),t.default={indicator:"MyProgressiveLoadingIndicator-module__indicator___JTGPM"}}}]); \ No newline at end of file diff --git a/28888-a70a58123c3ee3a9e237.css b/28888-a70a58123c3ee3a9e237.css new file mode 100644 index 0000000000..f16a83bc6f --- /dev/null +++ b/28888-a70a58123c3ee3a9e237.css @@ -0,0 +1 @@ +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} diff --git a/28888-a70a58123c3ee3a9e237.js b/28888-a70a58123c3ee3a9e237.js new file mode 100644 index 0000000000..c4d4431cad --- /dev/null +++ b/28888-a70a58123c3ee3a9e237.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[28888],{49271:function(e,t,n){var a=n(64836),o=n(18698);t.Z=void 0;var r=a(n(27424)),l=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==o(e)&&"function"!=typeof e)return{default:e};var n=f(t);if(n&&n.has(e))return n.get(e);var a={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&Object.prototype.hasOwnProperty.call(e,l)){var c=r?Object.getOwnPropertyDescriptor(e,l):null;c&&(c.get||c.set)?Object.defineProperty(a,l,c):a[l]=e[l]}a.default=e,n&&n.set(e,a);return a}(n(67294)),c=a(n(45697)),s=a(n(47166)),i=n(21538),u=a(n(33864)),d=a(n(23399)),m=n(51051),p=a(n(53560));function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(f=function(e){return e?n:t})(e)}var b=s.default.bind(p.default),h={example:c.default.element,exampleSrc:c.default.element,exampleCssSrc:c.default.element,title:c.default.string,description:c.default.node,isExpanded:c.default.bool},y=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},_=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},w=function(e){var t=e.example,n=e.exampleSrc,a=e.exampleCssSrc,o=e.title,c=e.description,s=e.isExpanded,p=(0,l.useState)(s),f=(0,r.default)(p,2),h=f[0],w=f[1],v=(0,l.useState)(!1),x=(0,r.default)(v,2),g=x[0],C=x[1],O=l.default.useContext(i.ThemeContext),E=void 0!==a,S=function(){C(!g),h&&w(!h)},T=function(){w(!h),g&&C(!g)},N=function(e,t){e.nativeEvent.keyCode!==m.KEY_SPACE&&e.nativeEvent.keyCode!==m.KEY_RETURN||(e.preventDefault(),t())};return l.default.createElement("div",{className:b("template",O.className)},l.default.createElement("div",{className:b("header")},o&&l.default.createElement("h2",{className:b("title")},o)),l.default.createElement("div",{className:b("content")},c&&l.default.createElement("div",{className:b("description")},c),t),l.default.createElement("div",{className:b("footer")},n?l.default.createElement("div",{className:b("button-container")},E&&l.default.createElement("button",{type:"button",className:b("css-toggle","item",{"is-selected":g}),onClick:S,onKeyDown:function(e){return N(e,S)},onBlur:y,onMouseDown:_,tabIndex:0,"data-focus-styles-enabled":!0},l.default.createElement(u.default,{className:b("chevron")}),l.default.createElement("span",null,"CSS"),l.default.createElement(d.default,{className:b("chevron")})),l.default.createElement("button",{type:"button",className:b("code-toggle","item",{"is-selected":h}),onClick:T,onKeyDown:function(e){return N(e,T)},onBlur:y,onMouseDown:_,tabIndex:0,"data-focus-styles-enabled":!0},l.default.createElement(u.default,{className:b("chevron")}),l.default.createElement("span",null,"Code"),l.default.createElement(d.default,{className:b("chevron")}))):null,l.default.createElement("div",null,g&&l.default.createElement("div",{className:b("css")},a),h&&l.default.createElement("div",{className:b("code")},n))))};w.propTypes=h,w.defaultProps={isExpanded:!1};var v=w;t.Z=v},93475:function(e,t,n){var a=n(64836),o=n(18698);t.Z=void 0;var r=a(n(861)),l=a(n(38416)),c=a(n(27424)),s=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=o(e)&&"function"!=typeof e)return{default:e};var n=u(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&Object.prototype.hasOwnProperty.call(e,l)){var c=r?Object.getOwnPropertyDescriptor(e,l):null;c&&(c.get||c.set)?Object.defineProperty(a,l,c):a[l]=e[l]}return a.default=e,n&&n.set(e,a),a}(n(67294)),i=a(n(7270));function u(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(u=function(e){return e?n:t})(e)}function d(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}var m=[{id:"Column-0",displayName:"Patient",sortIndicator:"ascending",hasError:!0,isSelectable:!0},{id:"Column-1",displayName:"Location",isSelectable:!0},{id:"Column-2",displayName:"Illness Severity",isSelectable:!0},{id:"Column-3",displayName:"Visit",isSelectable:!0},{id:"Column-4",displayName:"Allergy",hasError:!0},{id:"Column-5",displayName:"Primary Contact",isSelectable:!0}],p=[{id:"1",cells:[{content:"Fleck, Arthur"},{content:"1007-MTN"},{content:"Unstable"},{content:"Inpatient, 2 months"},{content:""},{content:"Quinzell, Harleen"}]},{id:"2",cells:[{content:"Wayne, Bruce"},{content:"1007-MTN-DR"},{content:"Stable"},{content:"Outpatient, 2 days"},{content:"Phytochemicals"},{content:"Grayson, Richard"}]}];t.Z=function(){var e=m,t=p,n=(0,s.useState)(e),a=(0,c.default)(n,2),o=a[0],u=a[1],f=(0,s.useState)(t),b=(0,c.default)(f,2),h=b[0],y=b[1];return s.default.createElement(i.default,{id:"terra-table-with-column-states",overflowColumns:o,rows:h,rowHeaderIndex:0,rowHeight:"50px",defaultColumnWidth:100,columnHeaderHeight:"50px",onColumnSelect:function(e){var t=o.map((function(t,n){var a=function(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var i={};function u(e){var t=e.components,n=s(e,l);return(0,o.mdx)("wrapper",c({},i,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport Table from 'terra-table';\n\nconst tableDataJSON = {\n cols: [\n {\n id: 'Column-0', displayName: 'Patient', sortIndicator: 'ascending', hasError: true, isSelectable: true, // This column header will be rendered with a sort indicator and an error icon by default.\n },\n { id: 'Column-1', displayName: 'Location', isSelectable: true },\n { id: 'Column-2', displayName: 'Illness Severity', isSelectable: true },\n { id: 'Column-3', displayName: 'Visit', isSelectable: true },\n { id: 'Column-4', displayName: 'Allergy', hasError: true }, // Use hasError property to display an error icon in the column header\n { id: 'Column-5', displayName: 'Primary Contact', isSelectable: true },\n ],\n rows: [\n {\n id: '1',\n cells: [\n { content: 'Fleck, Arthur' },\n { content: '1007-MTN' },\n { content: 'Unstable' },\n { content: 'Inpatient, 2 months' },\n { content: '' },\n { content: 'Quinzell, Harleen' },\n ],\n },\n {\n id: '2',\n cells: [\n { content: 'Wayne, Bruce' },\n { content: '1007-MTN-DR' },\n { content: 'Stable' },\n { content: 'Outpatient, 2 days' },\n { content: 'Phytochemicals' },\n { content: 'Grayson, Richard' },\n ],\n },\n ],\n};\n\nconst TableWithColumnStates = () => {\n const rowHeaderIndex = 0;\n const { cols, rows } = tableDataJSON;\n\n const [tableColumns, setTableColumns] = useState(cols);\n const [tableRows, setTableRows] = useState(rows);\n\n // The onColumnSelect will sort the rows and toggle the current sort indicator.\n const onColumnSelect = (columnId) => {\n const newColumnArray = tableColumns.map((column, columnIndex) => {\n const newColumn = { ...column };\n\n if (column.id === columnId) {\n newColumn.sortIndicator = column.sortIndicator === 'ascending' ? 'descending' : 'ascending';\n\n const newGridRows = [...tableRows];\n newGridRows.sort((rowA, rowB) => {\n const firstRowContent = rowA.cells[columnIndex].content || '';\n const secondRowContent = rowB.cells[columnIndex].content || '';\n\n if (newColumn.sortIndicator === 'ascending') {\n return firstRowContent.localeCompare(secondRowContent);\n }\n return secondRowContent.localeCompare(firstRowContent);\n });\n\n setTableRows(newGridRows);\n } else {\n newColumn.sortIndicator = undefined;\n }\n\n return newColumn;\n });\n\n setTableColumns(newColumnArray);\n };\n\n return (\n \n );\n};\n\nexport default TableWithColumnStates;\n\n")))}u.isMDXComponent=!0;var d=n(49271),m=function(e){var t=e.title,n=e.description,o=e.isExpanded;return a.createElement(d.Z,{title:t||"Table Column States",description:n,example:a.createElement(r.Z,null),exampleSrc:a.createElement(u,null),isExpanded:o})},p=["components"];function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var h={},y="wrapper";function _(e){var t=e.components,n=b(e,p);return(0,o.mdx)(y,f({},h,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("h1",{id:"column-states-and-selection"},"Column States and Selection"),(0,o.mdx)("h3",{id:"description"},"Description"),(0,o.mdx)("p",null,"This example demonstrates a ",(0,o.mdx)("a",{parentName:"p",href:"/terra-ui/components/cerner-terra-framework-docs/table/about"},"Table")," that supports column states and sorting.\nA column can be selected by clicking on the column header or tabbing to the column header and pressing the Space key on the focused column header.\nOnly columns that are selectable can be selected."),(0,o.mdx)("p",null,"The Column can display error and sort indicator icons to represent its current state."),(0,o.mdx)("h3",{id:"properties-required"},"Properties required"),(0,o.mdx)("ul",null,(0,o.mdx)("li",{parentName:"ul"},"The ",(0,o.mdx)("strong",{parentName:"li"},(0,o.mdx)("em",{parentName:"strong"},"onColumnSelect"))," callback prop: When the user selects a column, this callback will be called with the columnId of the selected column.")),(0,o.mdx)("p",null,"The below example also demonstrates how properties such as ",(0,o.mdx)("em",{parentName:"p"},"isSelectable"),", ",(0,o.mdx)("em",{parentName:"p"},"hasError")," and ",(0,o.mdx)("em",{parentName:"p"},"sortIndicator")," can be provided by the consumer to control if column header is selectable, display error state, and show sort indicator icons respectively."),(0,o.mdx)(m,{title:"Table Column States",mdxType:"TableColumnStates"}))}_.isMDXComponent=!0},53560:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}}}]); \ No newline at end of file diff --git a/28950-b3ea18ec49473f584440.css b/28950-b3ea18ec49473f584440.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/28950-b3ea18ec49473f584440.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/28950-b3ea18ec49473f584440.js b/28950-b3ea18ec49473f584440.js new file mode 100644 index 0000000000..4564baa6e8 --- /dev/null +++ b/28950-b3ea18ec49473f584440.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[28950,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,n,a){var r=a(64836);n.Z=void 0;var t=r(a(67294)),o=r(a(45697)),s=r(a(47166)),c=r(a(17422)),i=s.default.bind(c.default),l={name:o.default.string.isRequired,src:o.default.string,url:o.default.string,version:o.default.string.isRequired},d=function(e){var n=e.src,a=e.name,r=e.url,o=e.version,s=t.default.createElement("a",{className:i("badge"),href:r||"https://www.npmjs.org/package/".concat(a,"/v/").concat(o)},t.default.createElement("span",{className:i("badge-name")},r?"package":"npm"),t.default.createElement("span",{className:i("badge-version")},"v".concat(o))),c=n?t.default.createElement("a",{className:i("badge"),href:n},t.default.createElement("span",{className:i("badge-name")},"github"),t.default.createElement("span",{className:i("badge-version")},"source")):void 0;return t.default.createElement("div",{className:i("badge-container")},s,c)};d.propTypes=l;var u=d;n.Z=u},28950:function(e,n,a){a.r(n),a.d(n,{default:function(){return d}});a(67294);var r=a(81254),t=a(70640),o=["components"];function s(){return s=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(t[a]=e[a]);return t}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(t[a]=e[a])}return t}var i={},l="wrapper";function d(e){var n=e.components,a=c(e,o);return(0,r.mdx)(l,s({},i,a,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)(t.C,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"interacting-with-the-disclosure-manager"},"Interacting with the Disclosure Manager"),(0,r.mdx)("p",null,"The DisclosureManager wraps its contents in a context provider that exposes an instance of a DisclosureManagerDelegate. The DisclosureManagerDelegate is an object containing DisclosureManager APIs that reflect where a component has been rendered in the disclosure stack."),(0,r.mdx)("p",null,"The Disclosure Manager exposes the DisclosureManagerDelegate via the DisclosureManagerContext. This context can be used directly via the ",(0,r.mdx)("inlineCode",{parentName:"p"},"DisclosureManagerContext")," or it can be consumed with the HOC ",(0,r.mdx)("inlineCode",{parentName:"p"},"withDisclosureManager")," wrapper."),(0,r.mdx)("h2",{id:"disclosuremanagercontext"},"DisclosureManagerContext"),(0,r.mdx)("p",null,"The ",(0,r.mdx)("inlineCode",{parentName:"p"},"DisclosureManagerContext")," can be used directly to access the available DisclosureManager APIs."),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport ModalManager from 'terra-modal-manager'; \nimport { DisclosureManagerContext } from 'terra-disclosure-manager';\n\nconst DisclosedComponent = () => {\nconst disclosureManager = React.useContext(DisclosureManagerContext);\n\n return (\n { \n disclosureManager.closeDisclosure();\n }}\n />\n );\n};\n\nconst DisclosingComponent = () => {\n const disclosureManager = React.useContext(DisclosureManagerContext);\n\n return (\n \n { \n disclosureManager.disclose({\n preferredType: 'modal',\n content: {\n key: 'DISCLOSED-COMPONENT',\n title: 'My Disclosed Component',\n component: ,\n }\n });\n }}\n />\n \n );\n};\n")),(0,r.mdx)("h4",{id:"withdisclosuremanager"},"withDisclosureManager"),(0,r.mdx)("p",null,"Components can also use the higher order component ",(0,r.mdx)("inlineCode",{parentName:"p"},"withDisclosureManager()")," to automatically wrap themselves in a context consumer and receive a prop named ",(0,r.mdx)("inlineCode",{parentName:"p"},"disclosureManager")," containing a DisclosureManagerDelegate instance."),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import Base from 'terra-base';\nimport ModalManager from 'terra-modal-manager';\nimport { withDisclosureManager, disclosureManagerShape } from 'terra-disclosure-manager';\n\nconst DisclosedComponent = withDisclosureManager(({ disclosureManager }) => (\n {\n disclosureManager.closeDisclosure();\n }}\n />\n));\n\nDisclosedComponent.propTypes = {\n disclosureManager: disclosureManagerShape,\n};\n\nconst DisclosingComponent = withDisclosureManager({ disclosureManager }) => (\n {\n disclosureManager.disclose({\n preferredType: 'modal',\n content: {\n key: 'MY-MODAL-DISCLOSURE',\n component: ,\n }\n });\n }}\n />\n);\n\nDisclosingComponent.propTypes = {\n disclosureManager: disclosureManagerShape,\n};\n")))}d.isMDXComponent=!0},70640:function(e,n,a){a.d(n,{C:function(){return o}});var r=a(67294),t=a(22863),o=function(e){var n=e.url;return r.createElement(t.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-disclosure-manager",name:"terra-disclosure-manager",version:"4.43.0",url:n})}},17422:function(e,n,a){a.r(n),n.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/29337-bc2b360fba2cde130bb6.css b/29337-bc2b360fba2cde130bb6.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/29337-bc2b360fba2cde130bb6.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/29337-bc2b360fba2cde130bb6.js b/29337-bc2b360fba2cde130bb6.js new file mode 100644 index 0000000000..80dd2442b1 --- /dev/null +++ b/29337-bc2b360fba2cde130bb6.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[29337,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,a,r){var t=r(64836);a.Z=void 0;var n=t(r(67294)),s=t(r(45697)),d=t(r(47166)),o=t(r(17422)),c=d.default.bind(o.default),u={name:s.default.string.isRequired,src:s.default.string,url:s.default.string,version:s.default.string.isRequired},i=function(e){var a=e.src,r=e.name,t=e.url,s=e.version,d=n.default.createElement("a",{className:c("badge"),href:t||"https://www.npmjs.org/package/".concat(r,"/v/").concat(s)},n.default.createElement("span",{className:c("badge-name")},t?"package":"npm"),n.default.createElement("span",{className:c("badge-version")},"v".concat(s))),o=a?n.default.createElement("a",{className:c("badge"),href:a},n.default.createElement("span",{className:c("badge-name")},"github"),n.default.createElement("span",{className:c("badge-version")},"source")):void 0;return n.default.createElement("div",{className:c("badge-container")},d,o)};i.propTypes=u;var l=i;a.Z=l},29337:function(e,a,r){r.r(a),r.d(a,{default:function(){return i}});r(67294);var t=r(81254),n=r(15034),s=["components"];function d(){return d=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(n[r]=e[r]);return n}(e,a);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}var c={},u="wrapper";function i(e){var a=e.components,r=o(e,s);return(0,t.mdx)(u,d({},c,r,{components:a,mdxType:"MDXLayout"}),(0,t.mdx)(n.C,{mdxType:"Badge"}),(0,t.mdx)("h1",{id:"terra-search-field-upgrade-guide"},"Terra Search Field Upgrade Guide"),(0,t.mdx)("h2",{id:"changes-from-version-2-to-version-3"},"Changes from version 2 to version 3"),(0,t.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,t.mdx)("h4",{id:"added"},"Added"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"--terra-search-field-button-box-shadow"),(0,t.mdx)("li",{parentName:"ul"},"--terra-search-field-button-icon-color"),(0,t.mdx)("li",{parentName:"ul"},"--terra-search-field-button-focus-box-shadow")))}i.isMDXComponent=!0},15034:function(e,a,r){r.d(a,{C:function(){return s}});var t=r(67294),n=r(22863),s=function(e){var a=e.url;return t.createElement(n.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-search-field",name:"terra-search-field",version:"3.97.0",url:a})}},17422:function(e,a,r){r.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/29370-4909286f6107e5143a36.css b/29370-4909286f6107e5143a36.css new file mode 100644 index 0000000000..ef13d651e8 --- /dev/null +++ b/29370-4909286f6107e5143a36.css @@ -0,0 +1,6 @@ +.Spacer-module__clinical-lowlight-theme___jzMlh{--terra-spacer-small-minus-2: 0.21429rem;--terra-spacer-small-minus-1: 0.35714rem;--terra-spacer-small: 0.5rem;--terra-spacer-medium: 0.71429rem;--terra-spacer-large: 0.85714rem;--terra-spacer-large-plus-1: 1.07143rem;--terra-spacer-large-plus-2: 1.42857rem;--terra-spacer-large-plus-3: 2.14286rem;--terra-spacer-large-plus-4: 3.57143rem}.Spacer-module__orion-fusion-theme___sWDrH{--terra-spacer-small-minus-2: 0.1666666666rem;--terra-spacer-small-minus-1: 0.25rem;--terra-spacer-small: 0.25rem;--terra-spacer-medium: 0.5rem;--terra-spacer-large: 0.75rem;--terra-spacer-large-plus-1: 1rem;--terra-spacer-large-plus-2: 1.25rem;--terra-spacer-large-plus-3: 2rem;--terra-spacer-large-plus-4: 3rem}[dir] .Spacer-module__margin-top-none___ei8ed{margin-top:0}[dir] .Spacer-module__margin-top-small-minus-2___wLEKL{margin-top:0.2142857143rem;margin-top:var(--terra-spacer-small-minus-2, 0.2142857143rem)}[dir] .Spacer-module__margin-top-small-minus-1___5ncCP{margin-top:0.3571428571rem;margin-top:var(--terra-spacer-small-minus-1, 0.3571428571rem)}[dir] .Spacer-module__margin-top-small___KT0\+M{margin-top:0.5rem;margin-top:var(--terra-spacer-small, 0.5rem)}[dir] .Spacer-module__margin-top-medium___wv7Ef{margin-top:0.7142857143rem;margin-top:var(--terra-spacer-medium, 0.7142857143rem)}[dir] .Spacer-module__margin-top-large___lPcvX{margin-top:0.8571428571rem;margin-top:var(--terra-spacer-large, 0.8571428571rem)}[dir] .Spacer-module__margin-top-large-plus-1___RfF9O{margin-top:1.0714285714rem;margin-top:var(--terra-spacer-large-plus-1, 1.0714285714rem)}[dir] .Spacer-module__margin-top-large-plus-2___9-kxF{margin-top:1.4285714286rem;margin-top:var(--terra-spacer-large-plus-2, 1.4285714286rem)}[dir] .Spacer-module__margin-top-large-plus-3___yfsB8{margin-top:2.1428571429rem;margin-top:var(--terra-spacer-large-plus-3, 2.1428571429rem)}[dir] .Spacer-module__margin-top-large-plus-4___9QVxR{margin-top:3.5714285714rem;margin-top:var(--terra-spacer-large-plus-4, 3.5714285714rem)}[dir] .Spacer-module__margin-bottom-none___ZmnA0{margin-bottom:0}[dir] .Spacer-module__margin-bottom-small-minus-2___gVo7D{margin-bottom:0.2142857143rem;margin-bottom:var(--terra-spacer-small-minus-2, 0.2142857143rem)}[dir] .Spacer-module__margin-bottom-small-minus-1___7TIFo{margin-bottom:0.3571428571rem;margin-bottom:var(--terra-spacer-small-minus-1, 0.3571428571rem)}[dir] .Spacer-module__margin-bottom-small___bbtzl{margin-bottom:0.5rem;margin-bottom:var(--terra-spacer-small, 0.5rem)}[dir] .Spacer-module__margin-bottom-medium___JqS1v{margin-bottom:0.7142857143rem;margin-bottom:var(--terra-spacer-medium, 0.7142857143rem)}[dir] .Spacer-module__margin-bottom-large___GTFZr{margin-bottom:0.8571428571rem;margin-bottom:var(--terra-spacer-large, 0.8571428571rem)}[dir] .Spacer-module__margin-bottom-large-plus-1___7PRuP{margin-bottom:1.0714285714rem;margin-bottom:var(--terra-spacer-large-plus-1, 1.0714285714rem)}[dir] .Spacer-module__margin-bottom-large-plus-2___ioMwE{margin-bottom:1.4285714286rem;margin-bottom:var(--terra-spacer-large-plus-2, 1.4285714286rem)}[dir] .Spacer-module__margin-bottom-large-plus-3___-5uB6{margin-bottom:2.1428571429rem;margin-bottom:var(--terra-spacer-large-plus-3, 2.1428571429rem)}[dir] .Spacer-module__margin-bottom-large-plus-4___SEv6U{margin-bottom:3.5714285714rem;margin-bottom:var(--terra-spacer-large-plus-4, 3.5714285714rem)}[dir=ltr] .Spacer-module__margin-left-none___jIDu1{margin-left:0}[dir=rtl] .Spacer-module__margin-left-none___jIDu1{margin-right:0}[dir=ltr] .Spacer-module__margin-left-small-minus-2___i9Lvp{margin-left:0.2142857143rem;margin-left:var(--terra-spacer-small-minus-2, 0.2142857143rem)}[dir=rtl] .Spacer-module__margin-left-small-minus-2___i9Lvp{margin-right:0.2142857143rem;margin-right:var(--terra-spacer-small-minus-2, 0.2142857143rem)}[dir=ltr] .Spacer-module__margin-left-small-minus-1___UUzhz{margin-left:0.3571428571rem;margin-left:var(--terra-spacer-small-minus-1, 0.3571428571rem)}[dir=rtl] .Spacer-module__margin-left-small-minus-1___UUzhz{margin-right:0.3571428571rem;margin-right:var(--terra-spacer-small-minus-1, 0.3571428571rem)}[dir=ltr] .Spacer-module__margin-left-small___jHpw6{margin-left:0.5rem;margin-left:var(--terra-spacer-small, 0.5rem)}[dir=rtl] .Spacer-module__margin-left-small___jHpw6{margin-right:0.5rem;margin-right:var(--terra-spacer-small, 0.5rem)}[dir=ltr] .Spacer-module__margin-left-medium___IkIYW{margin-left:0.7142857143rem;margin-left:var(--terra-spacer-medium, 0.7142857143rem)}[dir=rtl] .Spacer-module__margin-left-medium___IkIYW{margin-right:0.7142857143rem;margin-right:var(--terra-spacer-medium, 0.7142857143rem)}[dir=ltr] .Spacer-module__margin-left-large___0yMi-{margin-left:0.8571428571rem;margin-left:var(--terra-spacer-large, 0.8571428571rem)}[dir=rtl] .Spacer-module__margin-left-large___0yMi-{margin-right:0.8571428571rem;margin-right:var(--terra-spacer-large, 0.8571428571rem)}[dir=ltr] .Spacer-module__margin-left-large-plus-1___DbJ35{margin-left:1.0714285714rem;margin-left:var(--terra-spacer-large-plus-1, 1.0714285714rem)}[dir=rtl] .Spacer-module__margin-left-large-plus-1___DbJ35{margin-right:1.0714285714rem;margin-right:var(--terra-spacer-large-plus-1, 1.0714285714rem)}[dir=ltr] .Spacer-module__margin-left-large-plus-2___3QbLD{margin-left:1.4285714286rem;margin-left:var(--terra-spacer-large-plus-2, 1.4285714286rem)}[dir=rtl] .Spacer-module__margin-left-large-plus-2___3QbLD{margin-right:1.4285714286rem;margin-right:var(--terra-spacer-large-plus-2, 1.4285714286rem)}[dir=ltr] .Spacer-module__margin-left-large-plus-3___rsHH9{margin-left:2.1428571429rem;margin-left:var(--terra-spacer-large-plus-3, 2.1428571429rem)}[dir=rtl] .Spacer-module__margin-left-large-plus-3___rsHH9{margin-right:2.1428571429rem;margin-right:var(--terra-spacer-large-plus-3, 2.1428571429rem)}[dir=ltr] .Spacer-module__margin-left-large-plus-4___dfLvn{margin-left:3.5714285714rem;margin-left:var(--terra-spacer-large-plus-4, 3.5714285714rem)}[dir=rtl] .Spacer-module__margin-left-large-plus-4___dfLvn{margin-right:3.5714285714rem;margin-right:var(--terra-spacer-large-plus-4, 3.5714285714rem)}[dir=ltr] .Spacer-module__margin-right-none___uDY\+s{margin-right:0}[dir=rtl] .Spacer-module__margin-right-none___uDY\+s{margin-left:0}[dir=ltr] .Spacer-module__margin-right-small-minus-2___RpDPi{margin-right:0.2142857143rem;margin-right:var(--terra-spacer-small-minus-2, 0.2142857143rem)}[dir=rtl] .Spacer-module__margin-right-small-minus-2___RpDPi{margin-left:0.2142857143rem;margin-left:var(--terra-spacer-small-minus-2, 0.2142857143rem)}[dir=ltr] .Spacer-module__margin-right-small-minus-1___zMKsC{margin-right:0.3571428571rem;margin-right:var(--terra-spacer-small-minus-1, 0.3571428571rem)}[dir=rtl] .Spacer-module__margin-right-small-minus-1___zMKsC{margin-left:0.3571428571rem;margin-left:var(--terra-spacer-small-minus-1, 0.3571428571rem)}[dir=ltr] .Spacer-module__margin-right-small___dXJXD{margin-right:0.5rem;margin-right:var(--terra-spacer-small, 0.5rem)}[dir=rtl] .Spacer-module__margin-right-small___dXJXD{margin-left:0.5rem;margin-left:var(--terra-spacer-small, 0.5rem)}[dir=ltr] .Spacer-module__margin-right-medium___Q2sKB{margin-right:0.7142857143rem;margin-right:var(--terra-spacer-medium, 0.7142857143rem)}[dir=rtl] .Spacer-module__margin-right-medium___Q2sKB{margin-left:0.7142857143rem;margin-left:var(--terra-spacer-medium, 0.7142857143rem)}[dir=ltr] .Spacer-module__margin-right-large___vVmWl{margin-right:0.8571428571rem;margin-right:var(--terra-spacer-large, 0.8571428571rem)}[dir=rtl] .Spacer-module__margin-right-large___vVmWl{margin-left:0.8571428571rem;margin-left:var(--terra-spacer-large, 0.8571428571rem)}[dir=ltr] .Spacer-module__margin-right-large-plus-1___HUw4l{margin-right:1.0714285714rem;margin-right:var(--terra-spacer-large-plus-1, 1.0714285714rem)}[dir=rtl] .Spacer-module__margin-right-large-plus-1___HUw4l{margin-left:1.0714285714rem;margin-left:var(--terra-spacer-large-plus-1, 1.0714285714rem)}[dir=ltr] .Spacer-module__margin-right-large-plus-2___lCRWO{margin-right:1.4285714286rem;margin-right:var(--terra-spacer-large-plus-2, 1.4285714286rem)}[dir=rtl] .Spacer-module__margin-right-large-plus-2___lCRWO{margin-left:1.4285714286rem;margin-left:var(--terra-spacer-large-plus-2, 1.4285714286rem)}[dir=ltr] .Spacer-module__margin-right-large-plus-3___NkKzE{margin-right:2.1428571429rem;margin-right:var(--terra-spacer-large-plus-3, 2.1428571429rem)}[dir=rtl] .Spacer-module__margin-right-large-plus-3___NkKzE{margin-left:2.1428571429rem;margin-left:var(--terra-spacer-large-plus-3, 2.1428571429rem)}[dir=ltr] .Spacer-module__margin-right-large-plus-4___cVmcz{margin-right:3.5714285714rem;margin-right:var(--terra-spacer-large-plus-4, 3.5714285714rem)}[dir=rtl] .Spacer-module__margin-right-large-plus-4___cVmcz{margin-left:3.5714285714rem;margin-left:var(--terra-spacer-large-plus-4, 3.5714285714rem)}[dir] .Spacer-module__padding-top-none___HzJNk{padding-top:0}[dir] .Spacer-module__padding-top-small-minus-2___7tetJ{padding-top:0.2142857143rem;padding-top:var(--terra-spacer-small-minus-2, 0.2142857143rem)}[dir] .Spacer-module__padding-top-small-minus-1___aa8Kt{padding-top:0.3571428571rem;padding-top:var(--terra-spacer-small-minus-1, 0.3571428571rem)}[dir] .Spacer-module__padding-top-small___2-SZd{padding-top:0.5rem;padding-top:var(--terra-spacer-small, 0.5rem)}[dir] .Spacer-module__padding-top-medium___BY0cp{padding-top:0.7142857143rem;padding-top:var(--terra-spacer-medium, 0.7142857143rem)}[dir] .Spacer-module__padding-top-large___8fXbM{padding-top:0.8571428571rem;padding-top:var(--terra-spacer-large, 0.8571428571rem)}[dir] .Spacer-module__padding-top-large-plus-1___7HHSv{padding-top:1.0714285714rem;padding-top:var(--terra-spacer-large-plus-1, 1.0714285714rem)}[dir] .Spacer-module__padding-top-large-plus-2___4EDWc{padding-top:1.4285714286rem;padding-top:var(--terra-spacer-large-plus-2, 1.4285714286rem)}[dir] .Spacer-module__padding-top-large-plus-3___gT97V{padding-top:2.1428571429rem;padding-top:var(--terra-spacer-large-plus-3, 2.1428571429rem)}[dir] .Spacer-module__padding-top-large-plus-4___P\+14r{padding-top:3.5714285714rem;padding-top:var(--terra-spacer-large-plus-4, 3.5714285714rem)}[dir] .Spacer-module__padding-bottom-none___LYWgG{padding-bottom:0}[dir] .Spacer-module__padding-bottom-small-minus-2___CCB3Q{padding-bottom:0.2142857143rem;padding-bottom:var(--terra-spacer-small-minus-2, 0.2142857143rem)}[dir] .Spacer-module__padding-bottom-small-minus-1___tmuy0{padding-bottom:0.3571428571rem;padding-bottom:var(--terra-spacer-small-minus-1, 0.3571428571rem)}[dir] .Spacer-module__padding-bottom-small___BKtXp{padding-bottom:0.5rem;padding-bottom:var(--terra-spacer-small, 0.5rem)}[dir] .Spacer-module__padding-bottom-medium___QzL9O{padding-bottom:0.7142857143rem;padding-bottom:var(--terra-spacer-medium, 0.7142857143rem)}[dir] .Spacer-module__padding-bottom-large___H85CK{padding-bottom:0.8571428571rem;padding-bottom:var(--terra-spacer-large, 0.8571428571rem)}[dir] .Spacer-module__padding-bottom-large-plus-1___ryC2F{padding-bottom:1.0714285714rem;padding-bottom:var(--terra-spacer-large-plus-1, 1.0714285714rem)}[dir] .Spacer-module__padding-bottom-large-plus-2___t3Zwa{padding-bottom:1.4285714286rem;padding-bottom:var(--terra-spacer-large-plus-2, 1.4285714286rem)}[dir] .Spacer-module__padding-bottom-large-plus-3___fW01c{padding-bottom:2.1428571429rem;padding-bottom:var(--terra-spacer-large-plus-3, 2.1428571429rem)}[dir] .Spacer-module__padding-bottom-large-plus-4___rPbu0{padding-bottom:3.5714285714rem;padding-bottom:var(--terra-spacer-large-plus-4, 3.5714285714rem)}[dir=ltr] .Spacer-module__padding-left-none___EHT2o{padding-left:0}[dir=rtl] .Spacer-module__padding-left-none___EHT2o{padding-right:0}[dir=ltr] .Spacer-module__padding-left-small-minus-2___ttaKM{padding-left:0.2142857143rem;padding-left:var(--terra-spacer-small-minus-2, 0.2142857143rem)}[dir=rtl] .Spacer-module__padding-left-small-minus-2___ttaKM{padding-right:0.2142857143rem;padding-right:var(--terra-spacer-small-minus-2, 0.2142857143rem)}[dir=ltr] .Spacer-module__padding-left-small-minus-1___PlGUQ{padding-left:0.3571428571rem;padding-left:var(--terra-spacer-small-minus-1, 0.3571428571rem)}[dir=rtl] .Spacer-module__padding-left-small-minus-1___PlGUQ{padding-right:0.3571428571rem;padding-right:var(--terra-spacer-small-minus-1, 0.3571428571rem)}[dir=ltr] .Spacer-module__padding-left-small___FNVmZ{padding-left:0.5rem;padding-left:var(--terra-spacer-small, 0.5rem)}[dir=rtl] .Spacer-module__padding-left-small___FNVmZ{padding-right:0.5rem;padding-right:var(--terra-spacer-small, 0.5rem)}[dir=ltr] .Spacer-module__padding-left-medium___4zzDg{padding-left:0.7142857143rem;padding-left:var(--terra-spacer-medium, 0.7142857143rem)}[dir=rtl] .Spacer-module__padding-left-medium___4zzDg{padding-right:0.7142857143rem;padding-right:var(--terra-spacer-medium, 0.7142857143rem)}[dir=ltr] .Spacer-module__padding-left-large___cXmge{padding-left:0.8571428571rem;padding-left:var(--terra-spacer-large, 0.8571428571rem)}[dir=rtl] .Spacer-module__padding-left-large___cXmge{padding-right:0.8571428571rem;padding-right:var(--terra-spacer-large, 0.8571428571rem)}[dir=ltr] .Spacer-module__padding-left-large-plus-1___rRNOH{padding-left:1.0714285714rem;padding-left:var(--terra-spacer-large-plus-1, 1.0714285714rem)}[dir=rtl] .Spacer-module__padding-left-large-plus-1___rRNOH{padding-right:1.0714285714rem;padding-right:var(--terra-spacer-large-plus-1, 1.0714285714rem)}[dir=ltr] .Spacer-module__padding-left-large-plus-2___B5Ha9{padding-left:1.4285714286rem;padding-left:var(--terra-spacer-large-plus-2, 1.4285714286rem)}[dir=rtl] .Spacer-module__padding-left-large-plus-2___B5Ha9{padding-right:1.4285714286rem;padding-right:var(--terra-spacer-large-plus-2, 1.4285714286rem)}[dir=ltr] .Spacer-module__padding-left-large-plus-3___ciegD{padding-left:2.1428571429rem;padding-left:var(--terra-spacer-large-plus-3, 2.1428571429rem)}[dir=rtl] .Spacer-module__padding-left-large-plus-3___ciegD{padding-right:2.1428571429rem;padding-right:var(--terra-spacer-large-plus-3, 2.1428571429rem)}[dir=ltr] .Spacer-module__padding-left-large-plus-4___jgwlP{padding-left:3.5714285714rem;padding-left:var(--terra-spacer-large-plus-4, 3.5714285714rem)}[dir=rtl] .Spacer-module__padding-left-large-plus-4___jgwlP{padding-right:3.5714285714rem;padding-right:var(--terra-spacer-large-plus-4, 3.5714285714rem)}[dir=ltr] .Spacer-module__padding-right-none___w\+vIQ{padding-right:0}[dir=rtl] .Spacer-module__padding-right-none___w\+vIQ{padding-left:0}[dir=ltr] .Spacer-module__padding-right-small-minus-2___ALGUX{padding-right:0.2142857143rem;padding-right:var(--terra-spacer-small-minus-2, 0.2142857143rem)}[dir=rtl] .Spacer-module__padding-right-small-minus-2___ALGUX{padding-left:0.2142857143rem;padding-left:var(--terra-spacer-small-minus-2, 0.2142857143rem)}[dir=ltr] .Spacer-module__padding-right-small-minus-1___IQHWC{padding-right:0.3571428571rem;padding-right:var(--terra-spacer-small-minus-1, 0.3571428571rem)}[dir=rtl] .Spacer-module__padding-right-small-minus-1___IQHWC{padding-left:0.3571428571rem;padding-left:var(--terra-spacer-small-minus-1, 0.3571428571rem)}[dir=ltr] .Spacer-module__padding-right-small___0rnQg{padding-right:0.5rem;padding-right:var(--terra-spacer-small, 0.5rem)}[dir=rtl] .Spacer-module__padding-right-small___0rnQg{padding-left:0.5rem;padding-left:var(--terra-spacer-small, 0.5rem)}[dir=ltr] .Spacer-module__padding-right-medium___o6UOk{padding-right:0.7142857143rem;padding-right:var(--terra-spacer-medium, 0.7142857143rem)}[dir=rtl] .Spacer-module__padding-right-medium___o6UOk{padding-left:0.7142857143rem;padding-left:var(--terra-spacer-medium, 0.7142857143rem)}[dir=ltr] .Spacer-module__padding-right-large___\+nFrv{padding-right:0.8571428571rem;padding-right:var(--terra-spacer-large, 0.8571428571rem)}[dir=rtl] .Spacer-module__padding-right-large___\+nFrv{padding-left:0.8571428571rem;padding-left:var(--terra-spacer-large, 0.8571428571rem)}[dir=ltr] .Spacer-module__padding-right-large-plus-1___UWuSZ{padding-right:1.0714285714rem;padding-right:var(--terra-spacer-large-plus-1, 1.0714285714rem)}[dir=rtl] .Spacer-module__padding-right-large-plus-1___UWuSZ{padding-left:1.0714285714rem;padding-left:var(--terra-spacer-large-plus-1, 1.0714285714rem)}[dir=ltr] .Spacer-module__padding-right-large-plus-2___qcjg4{padding-right:1.4285714286rem;padding-right:var(--terra-spacer-large-plus-2, 1.4285714286rem)}[dir=rtl] .Spacer-module__padding-right-large-plus-2___qcjg4{padding-left:1.4285714286rem;padding-left:var(--terra-spacer-large-plus-2, 1.4285714286rem)}[dir=ltr] .Spacer-module__padding-right-large-plus-3___Rcq9E{padding-right:2.1428571429rem;padding-right:var(--terra-spacer-large-plus-3, 2.1428571429rem)}[dir=rtl] .Spacer-module__padding-right-large-plus-3___Rcq9E{padding-left:2.1428571429rem;padding-left:var(--terra-spacer-large-plus-3, 2.1428571429rem)}[dir=ltr] .Spacer-module__padding-right-large-plus-4___Q2zFh{padding-right:3.5714285714rem;padding-right:var(--terra-spacer-large-plus-4, 3.5714285714rem)}[dir=rtl] .Spacer-module__padding-right-large-plus-4___Q2zFh{padding-left:3.5714285714rem;padding-left:var(--terra-spacer-large-plus-4, 3.5714285714rem)}.Spacer-module__is-inline-block___6O998{display:inline-block} +.Arrange-module__arrange___hY0Ml{display:-ms-flexbox;display:flex}.Arrange-module__fill___m88eq{-ms-flex:1 1 auto;flex:1 1 auto;min-width:0}.Arrange-module__fit___tv8j-{-ms-flex-item-align:start;align-self:flex-start;-ms-flex:0 0 auto;flex:0 0 auto}.Arrange-module__center___9qfhG{-ms-flex-item-align:center;align-self:center;max-height:100%}.Arrange-module__bottom___8beod{-ms-flex-item-align:end;align-self:flex-end;max-height:100%}.Arrange-module__stretch___eQF-k{-ms-flex-item-align:stretch;align-self:stretch}.Arrange-module__default___z\+O29{-ms-flex-item-align:start;align-self:flex-start}@media(max-width: 320px),(max-height: 256px){.Arrange-module__fit___tv8j-{-ms-flex:0 0;flex:0 0}} +.FolderTreeItem-module__clinical-lowlight-theme___3wK9\+{--terra-folder-tree-item-border-bottom: #181b1d;--terra-folder-tree-item-background-color: #1e3a49;--terra-folder-tree-item-hover-background-color: #232a2d;--terra-folder-tree-item-selected-background-color: #232a2d}.FolderTreeItem-module__orion-fusion-theme___QGy0I{--terra-folder-tree-item-background-color-hover: #f4fafe}.FolderTreeItem-module__folder-tree-item___WuiiJ{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;min-height:2.92857rem;min-height:var(--terra-folder-tree-item-min-height, 2.92857rem);overflow-wrap:anywhere;width:100%}[dir] .FolderTreeItem-module__folder-tree-item___WuiiJ{background-color:#fff;background-color:var(--terra-folder-tree-item-background-color, #fff);border-bottom:1px solid #dedfe0;border-bottom:var(--terra-folder-tree-item-border-bottom, 1px solid #dedfe0);margin:0;padding:0}[dir] .FolderTreeItem-module__folder-tree-item___WuiiJ:hover{background-color:#f4fafe;background-color:var(--terra-folder-tree-item-hover-background-color, #f4fafe)}[dir] .FolderTreeItem-module__selected___oE8KE{background-color:#e2f2fc;background-color:var(--terra-folder-tree-item-selected-background-color, #e2f2fc)}.FolderTreeItem-module__subfolder___LCZzs{list-style:none}[dir] .FolderTreeItem-module__subfolder___LCZzs{margin:0;padding:0} +.FolderTree-module__orion-fusion-theme___n8xGl{--terra-folder-tree-item-background-color-hover: #f4fafe}.FolderTree-module__clinical-lowlight-theme___EGhRv{--terra-folder-tree-item-border-bottom: #181b1d;--terra-folder-tree-item-background-color: #1e3a49;--terra-folder-tree-item-hover-background-color: #232a2d;--terra-folder-tree-item-selected-background-color: #232a2d}.FolderTree-module__folder-tree___8Quj0{list-style:none}[dir] .FolderTree-module__folder-tree___8Quj0{margin:0;padding:0} +.BasicFolderTree-module__content-wrapper___TVCt9{position:relative;width:300px} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} diff --git a/29370-4909286f6107e5143a36.js b/29370-4909286f6107e5143a36.js new file mode 100644 index 0000000000..12cc6fa3e2 --- /dev/null +++ b/29370-4909286f6107e5143a36.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[29370],{49271:function(e,t,n){var l=n(64836),r=n(18698);t.Z=void 0;var a=l(n(27424)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==r(e)&&"function"!=typeof e)return{default:e};var n=p(t);if(n&&n.has(e))return n.get(e);var l={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var c=a?Object.getOwnPropertyDescriptor(e,o):null;c&&(c.get||c.set)?Object.defineProperty(l,o,c):l[o]=e[o]}l.default=e,n&&n.set(e,l);return l}(n(67294)),c=l(n(45697)),u=l(n(47166)),i=n(21538),d=l(n(33864)),s=l(n(23399)),f=n(51051),m=l(n(53560));function p(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(p=function(e){return e?n:t})(e)}var _=u.default.bind(m.default),b={example:c.default.element,exampleSrc:c.default.element,exampleCssSrc:c.default.element,title:c.default.string,description:c.default.node,isExpanded:c.default.bool},y=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},g=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},v=function(e){var t=e.example,n=e.exampleSrc,l=e.exampleCssSrc,r=e.title,c=e.description,u=e.isExpanded,m=(0,o.useState)(u),p=(0,a.default)(m,2),b=p[0],v=p[1],E=(0,o.useState)(!1),j=(0,a.default)(E,2),O=j[0],h=j[1],S=o.default.useContext(i.ThemeContext),x=void 0!==l,k=function(){h(!O),b&&v(!b)},T=function(){v(!b),O&&h(!O)},I=function(e,t){e.nativeEvent.keyCode!==f.KEY_SPACE&&e.nativeEvent.keyCode!==f.KEY_RETURN||(e.preventDefault(),t())};return o.default.createElement("div",{className:_("template",S.className)},o.default.createElement("div",{className:_("header")},r&&o.default.createElement("h2",{className:_("title")},r)),o.default.createElement("div",{className:_("content")},c&&o.default.createElement("div",{className:_("description")},c),t),o.default.createElement("div",{className:_("footer")},n?o.default.createElement("div",{className:_("button-container")},x&&o.default.createElement("button",{type:"button",className:_("css-toggle","item",{"is-selected":O}),onClick:k,onKeyDown:function(e){return I(e,k)},onBlur:y,onMouseDown:g,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(d.default,{className:_("chevron")}),o.default.createElement("span",null,"CSS"),o.default.createElement(s.default,{className:_("chevron")})),o.default.createElement("button",{type:"button",className:_("code-toggle","item",{"is-selected":b}),onClick:T,onKeyDown:function(e){return I(e,T)},onBlur:y,onMouseDown:g,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(d.default,{className:_("chevron")}),o.default.createElement("span",null,"Code"),o.default.createElement(s.default,{className:_("chevron")}))):null,o.default.createElement("div",null,O&&o.default.createElement("div",{className:_("css")},l),b&&o.default.createElement("div",{className:_("code")},n))))};v.propTypes=b,v.defaultProps={isExpanded:!1};var E=v;t.Z=E},69326:function(e,t,n){var l=n(64836);t.Z=void 0;var r=l(n(27424)),a=l(n(67294)),o=l(n(47166)),c=n(34614),u=l(n(87435)),i=l(n(21091)),d=o.default.bind(i.default);t.Z=function(){var e=a.default.useState("info"),t=(0,r.default)(e,2),n=t[0],l=t[1];return a.default.createElement("div",{className:d("content-wrapper")},a.default.createElement(u.default,{title:"Documents",key:"documents"},a.default.createElement(u.default.Item,{label:"info.txt",icon:a.default.createElement(c.IconDocuments,null),key:"info",isSelected:"info"===n,onClick:function(){l("info")}}),a.default.createElement(u.default.Item,{label:"projects_2023.txt",icon:a.default.createElement(c.IconDocuments,null),key:"projects_2023",isSelected:"projects_2023"===n,onClick:function(){l("projects_2023")}}),a.default.createElement(u.default.Item,{label:"Projects",key:"projects",isSelected:"projects"===n,onClick:function(){l("projects")},subfolderItems:[a.default.createElement(u.default.Item,{label:"project_data1.txt",icon:a.default.createElement(c.IconDocuments,null),key:"project_data1",isSelected:"project_data1"===n,onClick:function(){l("project_data1")}}),a.default.createElement(u.default.Item,{label:"project_data2.txt",icon:a.default.createElement(c.IconDocuments,null),key:"project_data2",isSelected:"project_data2"===n,onClick:function(){l("project_data2")}}),a.default.createElement(u.default.Item,{label:"Tests",key:"tests",isSelected:"tests"===n,onClick:function(){l("tests")},icon:a.default.createElement(c.IconDocuments,null),subfolderItems:[a.default.createElement(u.default.Item,{label:"very_very_very_very_very_very_very_long_name_test.txt",icon:a.default.createElement(c.IconDocuments,null),key:"long-name-test",isSelected:"long-name-test"===n,onClick:function(){l("long-name-test")}}),a.default.createElement(u.default.Item,{label:"test.txt",icon:a.default.createElement(c.IconDocuments,null),key:"test",isSelected:"test"===n,onClick:function(){l("test")}}),a.default.createElement(u.default.Item,{label:"even_longer_long_long_long_long_long_long_long_long_long_long_long_long_name_test.txt",icon:a.default.createElement(c.IconDocuments,null),key:"longer-name-test",isSelected:"longer-name-test"===n,onClick:function(){l("longer-name-test")}})]})]})))}},96872:function(e,t,n){n.d(t,{Z:function(){return y}});var l=n(67294),r=n(69326),a=n(81254),o=["components"];function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var i={};function d(e){var t=e.components,n=u(e,o);return(0,a.mdx)("wrapper",c({},i,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport classNames from 'classnames/bind';\n\nimport { IconDocuments } from 'terra-icon';\nimport FolderTree from 'terra-folder-tree';\n\nimport styles from './BasicFolderTree.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst BasicFolderTree = () => {\n const [selectedKey, setSelectedKey] = React.useState('info');\n\n return (\n
    \n \n }\n key=\"info\"\n isSelected={selectedKey === 'info'}\n onClick={() => { setSelectedKey('info'); }}\n />\n }\n key=\"projects_2023\"\n isSelected={selectedKey === 'projects_2023'}\n onClick={() => { setSelectedKey('projects_2023'); }}\n />\n { setSelectedKey('projects'); }}\n subfolderItems={[\n (}\n key=\"project_data1\"\n isSelected={selectedKey === 'project_data1'}\n onClick={() => { setSelectedKey('project_data1'); }}\n />),\n (}\n key=\"project_data2\"\n isSelected={selectedKey === 'project_data2'}\n onClick={() => { setSelectedKey('project_data2'); }}\n />),\n ( { setSelectedKey('tests'); }}\n icon={}\n subfolderItems={[\n (}\n key=\"long-name-test\"\n isSelected={selectedKey === 'long-name-test'}\n onClick={() => { setSelectedKey('long-name-test'); }}\n />),\n (}\n key=\"test\"\n isSelected={selectedKey === 'test'}\n onClick={() => { setSelectedKey('test'); }}\n />),\n (}\n key=\"longer-name-test\"\n isSelected={selectedKey === 'longer-name-test'}\n onClick={() => { setSelectedKey('longer-name-test'); }}\n />),\n ]}\n />),\n ]}\n />\n \n
    \n );\n};\n\nexport default BasicFolderTree;\n\n")))}d.isMDXComponent=!0;var s=n(49271),f=["components"];function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var _={};function b(e){var t=e.components,n=p(e,f);return(0,a.mdx)("wrapper",m({},_,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .content-wrapper {\n position: relative;\n width: 300px;\n }\n}\n\n")))}b.isMDXComponent=!0;var y=function(e){var t=e.title,n=e.description,a=e.isExpanded;return l.createElement(s.Z,{title:t||"Basic Folder Tree",description:n,example:l.createElement(r.Z,null),exampleCssSrc:l.createElement(b,null),exampleSrc:l.createElement(d,null),isExpanded:a})}},53560:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},21091:function(e,t,n){n.r(t),t.default={"content-wrapper":"BasicFolderTree-module__content-wrapper___TVCt9"}},66633:function(e,t,n){n.r(t),t.default={arrange:"Arrange-module__arrange___hY0Ml",fill:"Arrange-module__fill___m88eq",fit:"Arrange-module__fit___tv8j-",center:"Arrange-module__center___9qfhG",bottom:"Arrange-module__bottom___8beod",stretch:"Arrange-module__stretch___eQF-k",default:"Arrange-module__default___z+O29"}},67887:function(e,t,n){n.r(t),t.default={"orion-fusion-theme":"FolderTree-module__orion-fusion-theme___n8xGl","clinical-lowlight-theme":"FolderTree-module__clinical-lowlight-theme___EGhRv","folder-tree":"FolderTree-module__folder-tree___8Quj0"}},82823:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"FolderTreeItem-module__clinical-lowlight-theme___3wK9+","orion-fusion-theme":"FolderTreeItem-module__orion-fusion-theme___QGy0I","folder-tree-item":"FolderTreeItem-module__folder-tree-item___WuiiJ",selected:"FolderTreeItem-module__selected___oE8KE",subfolder:"FolderTreeItem-module__subfolder___LCZzs"}},78490:function(e,t,n){function l(e){return l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},l(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.AlignmentTypes=void 0;var r=i(n(67294)),a=i(n(45697)),o=i(n(47166)),c=i(n(66633)),u=["fitStart","fill","fitEnd","align","alignFitStart","alignFill","alignFitEnd","fitStartAttributes","fillAttributes","fitEndAttributes"];function i(e){return e&&e.__esModule?e:{default:e}}function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}t.AlignmentTypes={CENTER:"center",BOTTOM:"bottom",STRETCH:"stretch"};var _=o.default.bind(c.default),b={fitStart:a.default.element,fill:a.default.element.isRequired,fitEnd:a.default.element,align:a.default.oneOf(["center","bottom","stretch"]),alignFitStart:a.default.oneOf(["center","bottom","stretch"]),alignFitEnd:a.default.oneOf(["center","bottom","stretch"]),alignFill:a.default.oneOf(["center","bottom","stretch"]),fitStartAttributes:a.default.object,fillAttributes:a.default.object,fitEndAttributes:a.default.object},y=function(e){var t=e.fitStart,n=e.fill,l=e.fitEnd,a=e.align,o=e.alignFitStart,c=e.alignFill,i=e.alignFitEnd,s=e.fitStartAttributes,m=e.fillAttributes,b=e.fitEndAttributes,y=p(e,u),g=f({},s),v=f({},m),E=f({},b);return r.default.createElement("span",d({},y,{className:_("arrange",y.className)}),r.default.createElement("span",d({},g,{className:_("fit",a||o,g.className,"fit-block")}),t),r.default.createElement("span",d({},v,{className:_("fill",a||c,v.className,"fill-block")}),n),r.default.createElement("span",d({},E,{className:_("fit",a||i,E.className)}),l))};y.propTypes=b;t.default=y},87435:function(e,t,n){var l=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=l(n(67294)),a=l(n(45697)),o=l(n(47166)),c=l(n(17092)),u=l(n(28615)),i=l(n(67887)),d=o.default.bind(i.default),s={children:a.default.node.isRequired,title:a.default.string.isRequired,headerLevel:a.default.number},f=function(e){var t=e.children,n=e.title,l=e.headerLevel;return r.default.createElement(r.default.Fragment,null,r.default.createElement(c.default,{text:n,level:l}),r.default.createElement("ul",{className:d("folder-tree"),role:"tree"},t))};f.propTypes=s,f.defaultProps={headerLevel:3},f.Item=u.default;t.default=f},28615:function(e,t,n){var l=n(64836),r=n(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=l(n(10434)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=_(t);if(n&&n.has(e))return n.get(e);var l={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var c=a?Object.getOwnPropertyDescriptor(e,o):null;c&&(c.get||c.set)?Object.defineProperty(l,o,c):l[o]=e[o]}return l.default=e,n&&n.set(e,l),l}(n(67294)),c=l(n(45697)),u=l(n(47166)),i=n(25387),d=l(n(7017)),s=l(n(78490)),f=n(34614),m=l(n(50026)),p=l(n(82823));function _(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(_=function(e){return e?n:t})(e)}var b=u.default.bind(p.default),y={label:c.default.string.isRequired,icon:c.default.element,subfolderItems:c.default.arrayOf(c.default.element),isSelected:c.default.bool,onClick:c.default.func,level:c.default.number,intl:c.default.shape({formatMessage:c.default.func}).isRequired},g=function e(t){var n=t.icon,l=t.label,r=t.subfolderItems,c=t.isSelected,i=t.onClick,p=t.level,_=t.intl,y=(0,o.useContext)(m.default),g=(null==r?void 0:r.length)>0?o.default.createElement("ul",{className:b("subfolder"),role:"group"},r.map((function(t){return o.default.createElement(e,(0,a.default)({},t.props,{intl:_,level:p+1}))}))):null,v=g?o.default.createElement(f.IconFolder,{a11yLabel:_.formatMessage({id:"Terra.folder-tree.folder-icon"})}):n,E=(0,u.default)(b("folder-tree-item",{selected:c},y.className));return o.default.createElement(o.default.Fragment,null,o.default.createElement("li",{className:E,role:"treeitem","aria-selected":c},o.default.createElement("input",{type:"radio",checked:c,onClick:i}),o.default.createElement("span",{style:{paddingLeft:"".concat(p,"rem")}},o.default.createElement(s.default,{fitStart:o.default.createElement(d.default,{paddingLeft:"medium",paddingRight:"medium",isInlineBlock:!0},v),fill:l,alignFitStart:"center"}))),g)};g.propTypes=y,g.defaultProps={isSelected:!1,level:0};t.default=(0,i.injectIntl)(g)}}]); \ No newline at end of file diff --git a/29446-f9531eff9f13a490d712.css b/29446-f9531eff9f13a490d712.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/29446-f9531eff9f13a490d712.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/29446-f9531eff9f13a490d712.js b/29446-f9531eff9f13a490d712.js new file mode 100644 index 0000000000..46150209e9 --- /dev/null +++ b/29446-f9531eff9f13a490d712.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[29446,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,t,a){var r=a(64836);t.Z=void 0;var n=r(a(67294)),i=r(a(45697)),l=r(a(47166)),o=r(a(17422)),d=l.default.bind(o.default),c={name:i.default.string.isRequired,src:i.default.string,url:i.default.string,version:i.default.string.isRequired},m=function(e){var t=e.src,a=e.name,r=e.url,i=e.version,l=n.default.createElement("a",{className:d("badge"),href:r||"https://www.npmjs.org/package/".concat(a,"/v/").concat(i)},n.default.createElement("span",{className:d("badge-name")},r?"package":"npm"),n.default.createElement("span",{className:d("badge-version")},"v".concat(i))),o=t?n.default.createElement("a",{className:d("badge"),href:t},n.default.createElement("span",{className:d("badge-name")},"github"),n.default.createElement("span",{className:d("badge-version")},"source")):void 0;return n.default.createElement("div",{className:d("badge-container")},l,o)};m.propTypes=c;var s=m;t.Z=s},29446:function(e,t,a){a.r(t),a.d(t,{default:function(){return m}});a(67294);var r=a(81254),n=a(80961),i=["components"];function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(n[a]=e[a]);return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(n[a]=e[a])}return n}var d={},c="wrapper";function m(e){var t=e.components,a=o(e,i);return(0,r.mdx)(c,l({},d,a,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(n.C,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-clinical-item-view-upgrade-guide"},"Terra Clinical Item View Upgrade Guide"),(0,r.mdx)("h2",{id:"changes-from-version-2-to-version-3"},"Changes from version 2 to version 3"),(0,r.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,r.mdx)("h4",{id:"renamed"},"Renamed"),(0,r.mdx)("table",null,(0,r.mdx)("thead",{parentName:"table"},(0,r.mdx)("tr",{parentName:"thead"},(0,r.mdx)("th",{parentName:"tr",align:null},"Previous"),(0,r.mdx)("th",{parentName:"tr",align:null},"New"))),(0,r.mdx)("tbody",{parentName:"table"},(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"--terra-item-view-content-color"),(0,r.mdx)("td",{parentName:"tr",align:null},"--terra-clinical-item-view-content-color")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"--terra-item-view-content-primary-color"),(0,r.mdx)("td",{parentName:"tr",align:null},"--terra-clinical-item-view-content-primary-color")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"--terra-item-view-content-secondary-color"),(0,r.mdx)("td",{parentName:"tr",align:null},"--terra-clinical-item-view-content-secondary-color")))))}m.isMDXComponent=!0},80961:function(e,t,a){a.d(t,{C:function(){return i}});var r=a(67294),n=a(22863),i=function(e){var t=e.url;return r.createElement(n.Z,{src:"https://github.com/cerner/terra-clinical/tree/main/packages/terra-clinical-item-view",name:"terra-clinical-item-view",version:"4.13.1",url:t})}},17422:function(e,t,a){a.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/29859-df5679d1838bf994ab0e.css b/29859-df5679d1838bf994ab0e.css new file mode 100644 index 0000000000..32f59acf7a --- /dev/null +++ b/29859-df5679d1838bf994ab0e.css @@ -0,0 +1,5 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.Card-module__clinical-lowlight-theme___rpqXf{--terra-card-background-color: #222a2e;--terra-card-border-radius: 3px;--terra-card-border: 1px solid #181b1d;--terra-card-box-shadow: none;--terra-card-color: #b2b5b6;--terra-card-raised-box-shadow: 0 3px 8px -2px rgba(0, 0, 0, 0.18), 0 3px 10px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -3px rgba(0, 0, 0, 0.3)}.Card-module__orion-fusion-theme___QgHmr{--terra-card-background-color: #fff;--terra-card-border-radius: 0;--terra-card-border: 1px solid #c8cacb;--terra-card-box-shadow: none;--terra-card-color: inherit;--terra-card-raised-box-shadow: 2px 2px 0 0 rgba(28, 31, 33, 0.1), -2px 2px 0 0 rgba(28, 31, 33, 0.1), 0 4px 0 0 rgba(28, 31, 33, 0.04), 0 8px 0 -2px rgba(28, 31, 33, 0.03)}.Card-module__card___n9\+A2{color:var(--terra-card-color);overflow:hidden}[dir] .Card-module__card___n9\+A2{background-color:#fff;background-color:var(--terra-card-background-color, #fff);border:1px solid #c8cacb;border:var(--terra-card-border, 1px solid #c8cacb);border-radius:3px;border-radius:var(--terra-card-border-radius, 3px)}[dir] .Card-module__default___Pvv6U{box-shadow:none;box-shadow:var(--terra-card-box-shadow, none)}[dir] .Card-module__raised___OPyVO{box-shadow:0 3px 8px -2px rgba(0, 0, 0, 0.18), 0 3px 10px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -3px rgba(0, 0, 0, 0.3);box-shadow:var(--terra-card-raised-box-shadow, 0 3px 8px -2px rgba(0, 0, 0, 0.18), 0 3px 10px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -3px rgba(0, 0, 0, 0.3))} +.CardBody-module__orion-fusion-theme___Xdg9v{--terra-card-padding-bottom: 0.5rem;--terra-card-padding-left: 0.5rem;--terra-card-padding-right: 0.5rem;--terra-card-padding-top: 0.5rem}.CardBody-module__clinical-lowlight-theme___2YDc3{--terra-card-padding-bottom: 10px;--terra-card-padding-left: 10px;--terra-card-padding-right: 10px;--terra-card-padding-top: 10px}[dir] .CardBody-module__vertical-padding___xyd9u{padding-bottom:10px;padding-bottom:var(--terra-card-padding-bottom, 10px);padding-top:10px;padding-top:var(--terra-card-padding-top, 10px)}[dir=ltr] .CardBody-module__horizontal-padding___wGati{padding-left:10px;padding-left:var(--terra-card-padding-left, 10px);padding-right:10px;padding-right:var(--terra-card-padding-right, 10px)}[dir=rtl] .CardBody-module__horizontal-padding___wGati{padding-right:10px;padding-right:var(--terra-card-padding-left, 10px);padding-left:10px;padding-left:var(--terra-card-padding-right, 10px)}[dir] .CardBody-module__center-content___phyuy{text-align:center} +.ProfileImage-module__clinical-lowlight-theme___r33my{--terra-profile-image-placeholder-background-color: #6f7477;--terra-profile-image-placeholder-rounded-border-radius: 0.3rem;--terra-profile-image-placeholder-circle-border-radius: 50%;--terra-profile-image-placeholder-thumbnail-background-color: #fff;--terra-profile-image-placeholder-thumbnail-border-color: #ddd;--terra-profile-image-placeholder-thumbnail-border-radius: 0.25em;--terra-profile-image-placeholder-thumbnail-border-style: solid;--terra-profile-image-placeholder-thumbnail-border-width: 1px;--terra-profile-image-placeholder-thumbnail-padding-bottom: 0.25rem;--terra-profile-image-placeholder-thumbnail-padding-left: 0.25rem;--terra-profile-image-placeholder-thumbnail-padding-right: 0.25rem;--terra-profile-image-placeholder-thumbnail-padding-top: 0.25rem;--terra-profile-image-placeholder-background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2075%2075%22%20width%3D%2275%22%20height%3D%2275%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22%236f7477%22%20d%3D%22M0%200h75v75H0z%22%2F%3E%3Cellipse%20fill%3D%22%23404344%22%20cx%3D%2237.36%22%20cy%3D%2227.41%22%20rx%3D%2215.95%22%20ry%3D%2216.36%22%2F%3E%3Cpath%20fill%3D%22%23404344%22%20%20d%3D%22M37.5%2050.45C22.1%2050.45%209.136%2060.68%205.45%2075%20h64.1%20c-3.68-13.9-16.64-24.55%20-32.1%20-24.55%20z%22%2F%3E%3C%2Fsvg%3E")}.ProfileImage-module__orion-fusion-theme___Rt25G{--terra-profile-image-placeholder-background-color: #dedfe0;--terra-profile-image-placeholder-rounded-border-radius: 0.25rem;--terra-profile-image-placeholder-circle-border-radius: 50%;--terra-profile-image-placeholder-thumbnail-background-color: #fff;--terra-profile-image-placeholder-thumbnail-border-color: #dedfe0;--terra-profile-image-placeholder-thumbnail-border-radius: 0.25rem;--terra-profile-image-placeholder-thumbnail-border-style: solid;--terra-profile-image-placeholder-thumbnail-border-width: 1px;--terra-profile-image-placeholder-thumbnail-padding-bottom: 0.25rem;--terra-profile-image-placeholder-thumbnail-padding-left: 0.25rem;--terra-profile-image-placeholder-thumbnail-padding-right: 0.25rem;--terra-profile-image-placeholder-thumbnail-padding-top: 0.25rem;--terra-profile-image-placeholder-background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2075%2075%22%20width%3D%2275%22%20height%3D%2275%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22%23dedfe0%22%20d%3D%22M0%200h75v75H0z%22%2F%3E%3Cellipse%20fill%3D%22%239b9fa1%22%20cx%3D%2237.36%22%20cy%3D%2227.41%22%20rx%3D%2215.95%22%20ry%3D%2216.36%22%2F%3E%3Cpath%20fill%3D%22%239b9fa1%22%20%20d%3D%22M37.5%2050.45C22.1%2050.45%209.136%2060.68%205.45%2075%20h64.1%20c-3.68-13.9-16.64-24.55%20-32.1%20-24.55%20z%22%2F%3E%3C%2Fsvg%3E")}.ProfileImage-module__profile-image___D1Rho{vertical-align:middle}.ProfileImage-module__placeholder___AuJho{background-origin:content-box;box-sizing:border-box;display:inline-block;vertical-align:middle}[dir] .ProfileImage-module__placeholder___AuJho{background-color:#dedfe0;background-color:var(--terra-profile-image-placeholder-background-color, #dedfe0);background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2075%2075%22%20width%3D%2275%22%20height%3D%2275%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22%23dedfe0%22%20d%3D%22M0%200h75v75H0z%22%2F%3E%3Cellipse%20fill%3D%22%239b9fa1%22%20cx%3D%2237.36%22%20cy%3D%2227.41%22%20rx%3D%2215.95%22%20ry%3D%2216.36%22%2F%3E%3Cpath%20fill%3D%22%239b9fa1%22%20%20d%3D%22M37.5%2050.45C22.1%2050.45%209.136%2060.68%205.45%2075%20h64.1%20c-3.68-13.9-16.64-24.55%20-32.1%20-24.55%20z%22%2F%3E%3C%2Fsvg%3E");background-image:var(--terra-profile-image-placeholder-background-image, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2075%2075%22%20width%3D%2275%22%20height%3D%2275%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22%23dedfe0%22%20d%3D%22M0%200h75v75H0z%22%2F%3E%3Cellipse%20fill%3D%22%239b9fa1%22%20cx%3D%2237.36%22%20cy%3D%2227.41%22%20rx%3D%2215.95%22%20ry%3D%2216.36%22%2F%3E%3Cpath%20fill%3D%22%239b9fa1%22%20%20d%3D%22M37.5%2050.45C22.1%2050.45%209.136%2060.68%205.45%2075%20h64.1%20c-3.68-13.9-16.64-24.55%20-32.1%20-24.55%20z%22%2F%3E%3C%2Fsvg%3E"));background-position:center center;background-repeat:no-repeat;border:0;margin:0;padding:0}[dir] .ProfileImage-module__placeholder___AuJho.ProfileImage-module__cover___KLRUu, [dir] .ProfileImage-module__placeholder___AuJho.ProfileImage-module__fill___26GbU{background-size:cover}[dir] .ProfileImage-module__placeholder___AuJho.ProfileImage-module__contain___Zxexv, [dir] .ProfileImage-module__placeholder___AuJho.ProfileImage-module__scale-down___cElXj{background-size:contain}[dir] .ProfileImage-module__placeholder___AuJho.ProfileImage-module__none___5aTdO{background-size:150px 150px}.ProfileImage-module__placeholder___AuJho.ProfileImage-module__default___5tzW\+{box-sizing:border-box}[dir] .ProfileImage-module__placeholder___AuJho.ProfileImage-module__rounded___oft5f{border-radius:0.3rem;border-radius:var(--terra-profile-image-placeholder-rounded-border-radius, 0.3rem)}[dir] .ProfileImage-module__placeholder___AuJho.ProfileImage-module__circle___oBbOS{border-radius:50%;border-radius:var(--terra-profile-image-placeholder-circle-border-radius, 50%)}[dir] .ProfileImage-module__placeholder___AuJho.ProfileImage-module__thumbnail___nZiTU{background-clip:padding-box;background-color:#fff;background-color:var(--terra-profile-image-placeholder-thumbnail-background-color, #fff);border-color:#ddd;border-color:var(--terra-profile-image-placeholder-thumbnail-border-color, #ddd);border-radius:0.25em;border-radius:var(--terra-profile-image-placeholder-thumbnail-border-radius, 0.25em);border-style:solid;border-style:var(--terra-profile-image-placeholder-thumbnail-border-style, solid);border-width:1px;border-width:var(--terra-profile-image-placeholder-thumbnail-border-width, 1px);padding-bottom:0.25rem;padding-bottom:var(--terra-profile-image-placeholder-thumbnail-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-profile-image-placeholder-thumbnail-padding-top, 0.25rem)}[dir=ltr] .ProfileImage-module__placeholder___AuJho.ProfileImage-module__thumbnail___nZiTU{padding-left:0.25rem;padding-left:var(--terra-profile-image-placeholder-thumbnail-padding-left, 0.25rem);padding-right:0.25rem;padding-right:var(--terra-profile-image-placeholder-thumbnail-padding-right, 0.25rem)}[dir=rtl] .ProfileImage-module__placeholder___AuJho.ProfileImage-module__thumbnail___nZiTU{padding-right:0.25rem;padding-right:var(--terra-profile-image-placeholder-thumbnail-padding-left, 0.25rem);padding-left:0.25rem;padding-left:var(--terra-profile-image-placeholder-thumbnail-padding-right, 0.25rem)} +[dir=ltr] .ProfileImageCommon-module__add-left-margin___jlSzx{margin-left:0.7142857143rem}[dir=rtl] .ProfileImageCommon-module__add-left-margin___jlSzx{margin-right:0.7142857143rem}[dir] .ProfileImageCommon-module__test-style-border___a13XV{border:10px solid #45ddaa;border-radius:25px}.ProfileImageCommon-module__test-style-size___4Syxq{height:100px !important;width:50px !important} diff --git a/29859-df5679d1838bf994ab0e.js b/29859-df5679d1838bf994ab0e.js new file mode 100644 index 0000000000..251a4931bb --- /dev/null +++ b/29859-df5679d1838bf994ab0e.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[29859,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{28821:function(e,t,a){t.Z=void 0;var n=u(a(67294)),r=u(a(47166)),o=u(a(28301)),l=u(a(62923)),i=u(a(50185)),d=u(a(69858));function u(e){return e&&e.__esModule?e:{default:e}}var s=r.default.bind(d.default);t.Z=function(){return n.default.createElement("div",null,n.default.createElement(o.default,null,n.default.createElement(o.default.Body,null,n.default.createElement(l.default,{alt:"",width:"75",height:"75","aria-describedby":"caption-example-1"}),n.default.createElement("span",{id:"caption-example-1",className:s("add-left-margin")},"Decorative Profile Image"))),n.default.createElement(o.default,null,n.default.createElement(o.default.Body,null,n.default.createElement(l.default,{alt:"profile image for Martin Moon, photograph from space of rising star over a planet's silhouette",src:i.default,"aria-describedby":"caption-example-2"}),n.default.createElement("span",{id:"caption-example-2",className:s("add-left-margin")},"Meaningful Profile Image"))))}},22863:function(e,t,a){var n=a(64836);t.Z=void 0;var r=n(a(67294)),o=n(a(45697)),l=n(a(47166)),i=n(a(17422)),d=l.default.bind(i.default),u={name:o.default.string.isRequired,src:o.default.string,url:o.default.string,version:o.default.string.isRequired},s=function(e){var t=e.src,a=e.name,n=e.url,o=e.version,l=r.default.createElement("a",{className:d("badge"),href:n||"https://www.npmjs.org/package/".concat(a,"/v/").concat(o)},r.default.createElement("span",{className:d("badge-name")},n?"package":"npm"),r.default.createElement("span",{className:d("badge-version")},"v".concat(o))),i=t?r.default.createElement("a",{className:d("badge"),href:t},r.default.createElement("span",{className:d("badge-name")},"github"),r.default.createElement("span",{className:d("badge-version")},"source")):void 0;return r.default.createElement("div",{className:d("badge-container")},l,i)};s.propTypes=u;var c=s;t.Z=c},40996:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=u(a(67294)),r=u(a(45697)),o=u(a(47166)),l=u(a(50026)),i=u(a(66983)),d=["children"];function u(e){return e&&e.__esModule?e:{default:e}}function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[a]=e[a]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}var m=o.default.bind(i.default),f=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},p=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},h={children:r.default.string},_=function(e){var t=e.children,a=c(e,d),r=n.default.useContext(l.default),i=(0,o.default)(m(["button",r.className]),a.className);return n.default.createElement("button",s({},a,{type:"button",className:i,onBlur:f,onMouseDown:p,"data-focus-styles-enabled":!0}),t)};_.propTypes=h;t.default=_},59278:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=d(a(67294)),r=d(a(45697)),o=d(a(47166)),l=d(a(50026)),i=d(a(30866));function d(e){return e&&e.__esModule?e:{default:e}}var u=o.default.bind(i.default),s={ariaLevel:r.default.oneOf(["2","3","4","5","6"]),children:r.default.node,variant:r.default.oneOf(["ux-recommendation","caution","deprecation","maintenance","important","not-supported"])},c=function(e){var t=e.ariaLevel,a=e.variant,r=e.children,o=n.default.useContext(l.default);return n.default.createElement("div",{className:u("notice",a,o.className)},n.default.createElement("div",{className:u("accessory"),"aria-hidden":"true",focusable:"false"}),n.default.createElement("div",{role:"heading",className:u("title"),"aria-level":t},n.default.createElement("span",null,function(e){return"ux-recommendation"===e?"UX Recommendation":"caution"===e?"Caution":"deprecation"===e?"Deprecation Notice":"maintenance"===e?"In Maintenance":"important"===e?"Important":"not-supported"===e?"Hazards for Incorrect Usage":"error"}(a))),n.default.createElement("div",{className:u("children")},function(e){return"not-supported"===e?n.default.createElement(n.default.Fragment,null,n.default.createElement("p",{className:u("paragraph")},"This component was designed and tested according to the documented implementation."),n.default.createElement("p",{className:u("paragraph")},"Using the component incorrectly:",n.default.createElement("ul",{className:u("list")},n.default.createElement("li",null,"will likely result in improper composition and create accessibility issues"),n.default.createElement("li",null,"may cause erratic or broken behaviors and styles"),n.default.createElement("li",null,n.default.createElement("strong",null,"will not be supported "),"or enhanced to allow for incorrect use")))):null}(a),n.default.Children.map(r,(function(e){return"string"==typeof e?n.default.createElement("p",null,e):e}))))};c.propTypes=s,c.defaultProps={ariaLevel:"2",variant:"important"};t.default=c},47306:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=s(a(67294)),r=s(a(45697)),o=s(a(94184)),l=s(a(47166)),i=s(a(50026)),d=s(a(42620)),u=["title"];function s(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[a]=e[a]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}var f=l.default.bind(d.default),p={title:r.default.string},h=function(e){var t=e.title,a=m(e,u),r=n.default.useContext(i.default),l=(0,o.default)(f(["placeholder",r.className]),a.className),d=f(["inner"]);return n.default.createElement("div",c({},a,{className:l}),n.default.createElement("div",{className:d},n.default.createElement("p",{className:f("title")},t)))};h.propTypes=p,h.defaultProps={title:""};t.default=h},34261:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Button",{enumerable:!0,get:function(){return o.default}}),Object.defineProperty(t,"Notice",{enumerable:!0,get:function(){return n.default}}),Object.defineProperty(t,"Placeholder",{enumerable:!0,get:function(){return r.default}});var n=l(a(59278)),r=l(a(47306)),o=l(a(40996));function l(e){return e&&e.__esModule?e:{default:e}}},29859:function(e,t,a){a.r(t),a.d(t,{default:function(){return m}});a(67294);var n=a(81254),r=a(75358),o=a(34261),l=a(28821),i=["components"];function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[a]=e[a]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}var s={},c="wrapper";function m(e){var t=e.components,a=u(e,i);return(0,n.mdx)(c,d({},s,a,{components:t,mdxType:"MDXLayout"}),(0,n.mdx)(r.C,{mdxType:"Badge"}),(0,n.mdx)("h1",{id:"why-the-accessibility-of-profile-image-is-important"},"Why the accessibility of Profile Image is important"),(0,n.mdx)(o.Notice,{variant:"important",ariaLevel:"2",mdxType:"Notice"},(0,n.mdx)("p",null,"The Profile Image component represents an account or profile across the platform. A Profile Image visually associates a user’s, patient’s, or customer’s image with personalised content."),(0,n.mdx)("p",null,"Poor or improper implementation can cause Profile Image to be inaccessible, which can cause user confusion and impede the identification of content relevant to that user’s profile.")),(0,n.mdx)("h2",{id:"accessibility-considerations"},"Accessibility Considerations"),(0,n.mdx)("h3",{id:"content-considerations-what-do-content-creators-need-to-do"},"Content Considerations: What do content creators need to do?"),(0,n.mdx)("blockquote",null,(0,n.mdx)("ul",{parentName:"blockquote"},(0,n.mdx)("li",{parentName:"ul"},"Content creators must ensure that images with meaningful content have a textual equivalent.",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Provide engineers with text for the “alt prop”."),(0,n.mdx)("li",{parentName:"ul"},"The alt prop must be a textual equivalent that conveys the meaning of the image."))),(0,n.mdx)("li",{parentName:"ul"},"For supplemental or decorative images that provide no contextual value, content creators must convey to the engineers that no alt prop will be supplied."),(0,n.mdx)("li",{parentName:"ul"},"Content creators must work with engineers to convey any visual relationships created with Profile Image and other content on the page."))),(0,n.mdx)("h3",{id:"code-considerations-what-do-engineers-need-to-do"},"Code Considerations: What do engineers need to do?"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Engineers must not override the Profile Image’s role of image."),(0,n.mdx)("li",{parentName:"ul"},"Engineers must apply an alt prop for meaningful images.",(0,n.mdx)("div",{"aria-label":"Example Demo"},(0,n.mdx)(l.Z,{mdxType:"ProfileImageExamples"})))),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-jsx"},'const cx = classNames.bind(styles);\n\nconst ProfileImageExamples = () => (\n
    \n \n \n \n Decorative Profile Image\n \n \n \n \n \n Meaningful Profile Image\n \n \n
    \n);\n')),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Work with content creators to understand how content should resize and reflow at different breakpoints and form factors to ensure content is not artificially constrained or cut off at smaller viewports."),(0,n.mdx)("li",{parentName:"ul"},"Engineers must work with the content creators to understand if Profile Image is visual related to other content.",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"If so, the engineer must associate the Profile Image to the related content.")))),(0,n.mdx)("h2",{id:"usability-expectations"},"Usability Expectations"),(0,n.mdx)("p",null,"The user expects to understand the purpose of Profile Image regardless of how they experience the content."),(0,n.mdx)("h3",{id:"interaction-detail"},"Interaction Detail"),(0,n.mdx)("p",null,"Profile image is not interactable."),(0,n.mdx)("h3",{id:"keyboard-expectations"},"Keyboard Expectations"),(0,n.mdx)("p",null,"Because Profile Image is not actionable, it does not receive keyboard focus."),(0,n.mdx)("h2",{id:"support-compliance"},"Support Compliance"),(0,n.mdx)("p",null,"Terra is committed to ensuring its components provide maximum accessibility. Terra provides the ability to make accessibile products. However, using Terra components will not automatically make a product accessible."),(0,n.mdx)("p",null,"The final responsibility lies with the consumers of Terra components — ensuring proper usage, programmatic context where needed, the words used to label elements, engineers following correct implementation patterns, and authors crafting content that follows best practice guidance — to make a product fully accessible."),(0,n.mdx)("h3",{id:"primary-accessibility-criteria-for-profile-image"},"Primary accessibility criteria for Profile Image"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/quickref/#non-text-content"},(0,n.mdx)("strong",{parentName:"a"},"1.1.1 Non-text Content"))," - Partially Supports",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra Profile Image contains a meaningful alt tag. The ALT prop is listed as optional. Whenever null or no value provided for alt prop Terra Profile Image will be presented as decorative for accessibility user. All images or anything with role = image must have an ALT attribute."),(0,n.mdx)("li",{parentName:"ul"},"Engineers must assign a textual equivalent to the alt prop for meaningful images."),(0,n.mdx)("li",{parentName:"ul"},"Content creators must provide engineers an alt prop that conveys the meaning of the image."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships.html"},(0,n.mdx)("strong",{parentName:"a"},"1.3.1 Info and Relationships"))," — Supports",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra provides the ability for information, structure, and relationships to be programmatically determined."),(0,n.mdx)("li",{parentName:"ul"},"Engineers must programmatically associate Profile Image with other content if a visual relationship with the content is apparent."),(0,n.mdx)("li",{parentName:"ul"},"Content creators must convey to the engineers when the visual presentation of Profile image is associated to their content."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/meaningful-sequence.html"},(0,n.mdx)("strong",{parentName:"a"},"1.3.2 Meaningful Sequence"))," - Supports",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Engineers must ensure content is coded following the users logical reading order."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/name-role-value.html"},(0,n.mdx)("strong",{parentName:"a"},"4.1.2 Name, Role, Value"))," - Supports",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra Profile Image provides the role of image and allows consuming teams to supply a meaningful textual equivalent for the name.")))),(0,n.mdx)("h3",{id:"related-accessibility-criteria-that-apply-when-adding-content-to-action-header"},"Related accessibility criteria that apply when adding content to action header"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/reflow.html"},(0,n.mdx)("strong",{parentName:"a"},"1.4.10 Reflow"))," — Supports",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra provides the ability for components to reflow when the viewport is resized to 320x256 px without loss of information or function. "),(0,n.mdx)("li",{parentName:"ul"},"Engineers must ensure content within Terra Action Header can reflow when the viewport is resized to 320 x 256 px without scrolling in two directions or loss of information or functionality. "),(0,n.mdx)("li",{parentName:"ul"},"Content creators must consider the responsive nature of Terra Action Header and provide engineers guidance on how it should content should reflow when the viewport is resized to 320 x 256 px"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/non-text-contrast.html"},(0,n.mdx)("strong",{parentName:"a"},"1.4.11 Non-Text Contrast"))," — Supports",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra provides the ability to populate user created images or provide a default image should an image not be provided or fails to load."),(0,n.mdx)("li",{parentName:"ul"},"If the image is to be meaningful, content creators must ensure the default image meets the 3:1 contrast ratio.")))),(0,n.mdx)("h3",{id:"supported-features-and-technology"},"Supported Features and Technology"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Keyboard Interactions"),(0,n.mdx)("li",{parentName:"ul"},"JAWS Support with Chrome (PC)"),(0,n.mdx)("li",{parentName:"ul"},"VoiceOver Support with Chrome, Safari (MAC) ")),(0,n.mdx)("h3",{id:"partial-support--requiring-further-enhancement"},"Partial Support & Requiring Further Enhancement"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"NVDA not tested (PC)",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Mobile Touch Interactions with Screen Reader assistive technology"))),(0,n.mdx)("li",{parentName:"ul"},"Speech Input Interactions with assistive technology"),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://github.com/cerner/terra-core/issues/new/choose"},"Report a problem with this component on GitHub "))),(0,n.mdx)("h3",{id:"linked-references"},"Linked References:"),(0,n.mdx)("p",null,(0,n.mdx)("a",{parentName:"p",href:"https://www.w3.org/WAI/WCAG21/Understanding/"},"Web Content Accessibility Guidelines (WCAG)")))}m.isMDXComponent=!0},75358:function(e,t,a){a.d(t,{C:function(){return o}});var n=a(67294),r=a(22863),o=function(e){var t=e.url;return n.createElement(r.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-profile-image",name:"terra-profile-image",version:"3.44.0",url:t})}},50185:function(e,t,a){a.r(t),t.default=a.p+"51d085f765a7361bab659ffffdb9bb46.jpg"},69858:function(e,t,a){a.r(t),t.default={"add-left-margin":"ProfileImageCommon-module__add-left-margin___jlSzx","test-style-border":"ProfileImageCommon-module__test-style-border___a13XV","test-style-size":"ProfileImageCommon-module__test-style-size___4Syxq"}},17422:function(e,t,a){a.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},66983:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"Button-module__clinical-lowlight-theme___TyZWB","orion-fusion-theme":"Button-module__orion-fusion-theme___q-FcQ",button:"Button-module__button___QuCn2","is-active":"Button-module__is-active___Z8AuK"}},30866:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"Notice-module__clinical-lowlight-theme___aa5xV","orion-fusion-theme":"Notice-module__orion-fusion-theme___QAE-T",notice:"Notice-module__notice___GWkPA",children:"Notice-module__children___lDYsm",accessory:"Notice-module__accessory___wkLOG",title:"Notice-module__title___6H5tc","ux-recommendation":"Notice-module__ux-recommendation___N8BuK",caution:"Notice-module__caution___hPrVl",deprecation:"Notice-module__deprecation___g1drA",maintenance:"Notice-module__maintenance___kWLIZ",important:"Notice-module__important___p5DiF","not-supported":"Notice-module__not-supported___34bHd",paragraph:"Notice-module__paragraph___5h-w1",list:"Notice-module__list___M2Kxj"}},42620:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"Placeholder-module__clinical-lowlight-theme___Obm9K","orion-fusion-theme":"Placeholder-module__orion-fusion-theme___svHY+",placeholder:"Placeholder-module__placeholder___ZZDXd",inner:"Placeholder-module__inner___fJq9o",title:"Placeholder-module__title___teBSo"}},13234:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"Card-module__clinical-lowlight-theme___rpqXf","orion-fusion-theme":"Card-module__orion-fusion-theme___QgHmr",card:"Card-module__card___n9+A2",default:"Card-module__default___Pvv6U",raised:"Card-module__raised___OPyVO"}},64867:function(e,t,a){a.r(t),t.default={"orion-fusion-theme":"CardBody-module__orion-fusion-theme___Xdg9v","clinical-lowlight-theme":"CardBody-module__clinical-lowlight-theme___2YDc3","vertical-padding":"CardBody-module__vertical-padding___xyd9u","horizontal-padding":"CardBody-module__horizontal-padding___wGati","center-content":"CardBody-module__center-content___phyuy"}},35161:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"ProfileImage-module__clinical-lowlight-theme___r33my","orion-fusion-theme":"ProfileImage-module__orion-fusion-theme___Rt25G","profile-image":"ProfileImage-module__profile-image___D1Rho",placeholder:"ProfileImage-module__placeholder___AuJho",cover:"ProfileImage-module__cover___KLRUu",fill:"ProfileImage-module__fill___26GbU",contain:"ProfileImage-module__contain___Zxexv","scale-down":"ProfileImage-module__scale-down___cElXj",none:"ProfileImage-module__none___5aTdO",default:"ProfileImage-module__default___5tzW+",rounded:"ProfileImage-module__rounded___oft5f",circle:"ProfileImage-module__circle___oBbOS",thumbnail:"ProfileImage-module__thumbnail___nZiTU"}},28301:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=m(a(67294)),r=m(a(45697)),o=m(a(94184)),l=m(a(47166)),i=m(a(29270)),d=m(a(50026)),u=m(a(13234)),s=m(a(52926)),c=["children","variant","visuallyHiddenText"];function m(e){return e&&e.__esModule?e:{default:e}}function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[a]=e[a]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}var h=l.default.bind(u.default),_={children:r.default.node,variant:r.default.oneOf(["default","raised"]),visuallyHiddenText:r.default.string},g={variant:"default"},b=function(e){var t=e.children,a=e.variant,r=e.visuallyHiddenText,l=p(e,c),u=n.default.useContext(d.default),s=(0,o.default)(h(["card",a,u.className]),l.className),m=r?n.default.createElement(i.default,{text:r}):null;return n.default.createElement("article",f({},l,{className:s}),m,t)};b.propTypes=_,b.defaultProps=g,b.Body=s.default;t.default=b},52926:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=s(a(67294)),r=s(a(45697)),o=s(a(94184)),l=s(a(47166)),i=s(a(50026)),d=s(a(64867)),u=["children","hasPaddingVertical","hasPaddingHorizontal","isContentCentered"];function s(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[a]=e[a]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}var f=l.default.bind(d.default),p={children:r.default.node,hasPaddingVertical:r.default.bool,hasPaddingHorizontal:r.default.bool,isContentCentered:r.default.bool},h=function(e){var t=e.children,a=e.hasPaddingVertical,r=e.hasPaddingHorizontal,l=e.isContentCentered,d=m(e,u),s=n.default.useContext(i.default),p=(0,o.default)(f([{"vertical-padding":a},{"horizontal-padding":r},{"center-content":l},s.className]),d.className);return n.default.createElement("div",c({},d,{className:p}),t)};h.propTypes=p,h.defaultProps={hasPaddingHorizontal:!0,hasPaddingVertical:!0,isContentCentered:!1};t.default=h},62923:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=c(a(67294)),r=c(a(45697)),o=c(a(94184)),l=c(a(47166)),i=c(a(50026)),d=c(a(86442)),u=c(a(35161)),s=["src","alt","fit","height","width","variant","onLoad","onError"];function c(e){return e&&e.__esModule?e:{default:e}}function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[a]=e[a]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}var p=l.default.bind(u.default),h={src:r.default.string,alt:r.default.string,fit:r.default.oneOf(["cover","scale-down","contain","none"]),height:r.default.string,width:r.default.string,variant:r.default.oneOf(["default","rounded","circle","thumbnail"]),onLoad:r.default.func,onError:r.default.func},_=function(e){return!/\D/.test(e)},g=function(e){var t=e.src,a=e.alt,r=e.fit,l=e.height,u=e.width,c=e.variant,h=e.onLoad,g=e.onError,b=f(e,s),v=n.default.useContext(i.default),y={height:_(l)?"".concat(l,"px"):l,width:_(u)?"".concat(u,"px"):u},x=(0,o.default)(p(["profile-image","placeholder",r,c,v.className]),b.className),w=n.default.createElement("span",m({},b,{role:a?"img":"presentation","aria-label":a,style:y,className:x}));if(t){var N=(0,o.default)(p(["profile-image",v.className]),b.className);return n.default.createElement(d.default,m({},b,{src:t,alt:a,role:a?"img":"presentation",height:l,width:u,fit:r,variant:c,placeholder:w,onLoad:h,onError:g,className:N}))}return w};g.propTypes=h,g.defaultProps={fit:"cover",height:"75",width:"75",variant:"default"};t.default=g}}]); \ No newline at end of file diff --git a/2993-bf0b77800347f6a14405.css b/2993-bf0b77800347f6a14405.css new file mode 100644 index 0000000000..d6e9e044bf --- /dev/null +++ b/2993-bf0b77800347f6a14405.css @@ -0,0 +1,7 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.Arrange-module__arrange___hY0Ml{display:-ms-flexbox;display:flex}.Arrange-module__fill___m88eq{-ms-flex:1 1 auto;flex:1 1 auto;min-width:0}.Arrange-module__fit___tv8j-{-ms-flex-item-align:start;align-self:flex-start;-ms-flex:0 0 auto;flex:0 0 auto}.Arrange-module__center___9qfhG{-ms-flex-item-align:center;align-self:center;max-height:100%}.Arrange-module__bottom___8beod{-ms-flex-item-align:end;align-self:flex-end;max-height:100%}.Arrange-module__stretch___eQF-k{-ms-flex-item-align:stretch;align-self:stretch}.Arrange-module__default___z\+O29{-ms-flex-item-align:start;align-self:flex-start}@media(max-width: 320px),(max-height: 256px){.Arrange-module__fit___tv8j-{-ms-flex:0 0;flex:0 0}} +.SectionHeader-module__clinical-lowlight-theme___M-5zo{--terra-section-header-padding-end: 0.7142857143rem;--terra-section-header-padding-start: 0.7142857143rem;--terra-section-header-background: #141719;--terra-section-header-border-bottom: 1px solid #08090a;--terra-section-header-border-left: 0 none;--terra-section-header-border-right: 0 none;--terra-section-header-border-top: 0 none;--terra-section-header-box-shadow: none;--terra-section-header-color: #b2b5b6;--terra-section-header-min-height: 2.5rem;--terra-section-header-padding-bottom: 0.5rem;--terra-section-header-padding-top: 0.5rem;--terra-section-header-font-size: 1rem;--terra-section-header-font-weight: bold;--terra-section-header-line-height: 1.4285714286;--terra-section-header-text-transform: none;--terra-section-header-transparent-min-height: 2.42857rem;--terra-section-header-accordion-padding-start: 0.5rem;--terra-section-header-active-background: #000;--terra-section-header-active-border-bottom: 1px solid #08090a;--terra-section-header-active-border-left: 0 none;--terra-section-header-active-border-right: 0 none;--terra-section-header-active-border-top: 0 none;--terra-section-header-active-box-shadow: none;--terra-section-header-active-color: #b2b5b6;--terra-section-header-focus-background: #08090a;--terra-section-header-focus-color: #b2b5b6;--terra-section-header-focus-within-outline: 3px dashed #fff;--terra-section-header-focus-within-outline-offset: -2px;--terra-section-header-hover-background: #08090a;--terra-section-header-hover-border-bottom: 1px solid #08090a;--terra-section-header-hover-border-left: 0 none;--terra-section-header-hover-border-right: 0 none;--terra-section-header-hover-border-top: 0 none;--terra-section-header-hover-box-shadow: none;--terra-section-header-hover-color: #b2b5b6;--terra-section-header-transparent-active-background: #191d20;--terra-section-header-transparent-active-border-bottom: 1px solid #08090a;--terra-section-header-transparent-active-border-left: 0 none;--terra-section-header-transparent-active-border-right: 0 none;--terra-section-header-transparent-active-border-top: 0 none;--terra-section-header-transparent-active-box-shadow: none;--terra-section-header-transparent-active-color: #b2b5b6;--terra-section-header-transparent-focus-background: #222a2e;--terra-section-header-transparent-hover-background: #1e272b;--terra-section-header-transparent-hover-border-bottom: 1px solid #08090a;--terra-section-header-transparent-hover-border-left: 0 none;--terra-section-header-transparent-hover-border-right: 0 none;--terra-section-header-transparent-hover-border-top: 0 none;--terra-section-header-transparent-hover-box-shadow: none;--terra-section-header-transparent-hover-color: #9b9b9b;--terra-section-header-accordion-icon-margin-start: 0;--terra-section-header-accordion-icon-margin-end: 0.38rem;--terra-section-header-accordion-icon-padding-start: 0;--terra-section-header-accordion-icon-padding-end: 0;--terra-section-header-accordion-icon-padding-bottom: 0;--terra-section-header-accordion-icon-padding-top: 0.38rem;--terra-section-header-accordion-icon-height: 0.83593rem;--terra-section-header-accordion-icon-width: 0.83593rem;--terra-section-header-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;--terra-section-header-accordion-icon-background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22%23b2b5b6%22%20d%3D%22M12%2C0l24%2C24L12%2C48V0z%22%2F%3E%3C%2Fsvg%3E")}.SectionHeader-module__orion-fusion-theme___MGUT7{--terra-section-header-padding-end: 0.83333rem;--terra-section-header-padding-start: 0.83333rem;--terra-section-header-background: #dedfe0;--terra-section-header-border-bottom: 1px solid #9b9fa1;--terra-section-header-border-left: 0 none;--terra-section-header-border-right: 0 none;--terra-section-header-border-top: 0 none;--terra-section-header-box-shadow: none;--terra-section-header-color: #1c1f21;--terra-section-header-min-height: 2.25rem;--terra-section-header-padding-bottom: 0.25rem;--terra-section-header-padding-top: 0.25rem;--terra-section-header-font-size: 1rem;--terra-section-header-font-weight: normal;--terra-section-header-line-height: 1.41666667;--terra-section-header-text-transform: none;--terra-section-header-transparent-min-height: 2.16667rem;--terra-section-header-accordion-padding-start: 0.83333rem;--terra-section-header-active-background: #c8cacb;--terra-section-header-active-border-bottom: 1px solid #9b9fa1;--terra-section-header-active-border-left: 0 none;--terra-section-header-active-border-right: 0 none;--terra-section-header-active-border-top: 0 none;--terra-section-header-active-box-shadow: none;--terra-section-header-active-color: #1c1f21;--terra-section-header-focus-background: #dedfe0;--terra-section-header-focus-color: #1c1f21;--terra-section-header-focus-within-outline: none;--terra-section-header-focus-within-outline-offset: 0;--terra-section-header-hover-background: #c8cacb;--terra-section-header-hover-border-bottom: 1px solid #9b9fa1;--terra-section-header-hover-border-left: 0 none;--terra-section-header-hover-border-right: 0 none;--terra-section-header-hover-border-top: 0 none;--terra-section-header-hover-box-shadow: none;--terra-section-header-hover-color: #1c1f21;--terra-section-header-transparent-active-background: rgba(0, 0, 0, 0.07);--terra-section-header-transparent-active-border-bottom: 0 none;--terra-section-header-transparent-active-border-left: 0 none;--terra-section-header-transparent-active-border-right: 0 none;--terra-section-header-transparent-active-border-top: 0 none;--terra-section-header-transparent-active-box-shadow: none;--terra-section-header-transparent-active-color: #1c1f21;--terra-section-header-transparent-focus-background: rgba(0, 0, 0, 0.07);--terra-section-header-transparent-hover-background: rgba(0, 0, 0, 0.07);--terra-section-header-transparent-hover-border-bottom: 0 none;--terra-section-header-transparent-hover-border-left: 0 none;--terra-section-header-transparent-hover-border-right: 0 none;--terra-section-header-transparent-hover-border-top: 0 none;--terra-section-header-transparent-hover-box-shadow: none;--terra-section-header-transparent-hover-color: #1c1f21;--terra-section-header-accordion-icon-margin-start: 0;--terra-section-header-accordion-icon-margin-end: 0.41667rem;--terra-section-header-accordion-icon-padding-start: 0;--terra-section-header-accordion-icon-padding-end: 0;--terra-section-header-accordion-icon-padding-bottom: 0;--terra-section-header-accordion-icon-padding-top: 0.33333rem;--terra-section-header-accordion-icon-height: 0.66667rem;--terra-section-header-accordion-icon-width: 0.66667rem;--terra-section-header-font-family: Tahoma, "Geneva", Verdana, "Trebuchet MS", sans-serif;--terra-section-header-accordion-icon-background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22%231c1f21%22%20d%3D%22M12%2C0l24%2C24L12%2C48V0z%22%2F%3E%3C%2Fsvg%3E")}[dir] .SectionHeader-module__orion-fusion-theme___MGUT7:focus-within{border-bottom:1px solid #c8cacb;box-shadow:0 0 1px 3px rgba(76,178,233,.5),0 0 7px 4px rgba(76,178,233,.35)}.SectionHeader-module__section-header___wbdJQ{-ms-flex-align:center;align-items:center;color:#1c1f21;color:var(--terra-section-header-color, #1c1f21);display:-ms-flexbox;display:flex;min-height:2.5rem;min-height:var(--terra-section-header-min-height, 2.5rem);width:100%}[dir] .SectionHeader-module__section-header___wbdJQ{background:#e8e9ea;background:var(--terra-section-header-background, #e8e9ea);border-bottom:1px solid #c8cacb;border-bottom:var(--terra-section-header-border-bottom, 1px solid #c8cacb);border-top:0 none;border-top:var(--terra-section-header-border-top, 0 none);box-shadow:none;box-shadow:var(--terra-section-header-box-shadow, none);margin:0;padding-bottom:0.5rem;padding-bottom:var(--terra-section-header-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-section-header-padding-top, 0.5rem)}[dir=ltr] .SectionHeader-module__section-header___wbdJQ{padding-right:0.7142857143rem;padding-right:var(--terra-section-header-padding-end, 0.7142857143rem);padding-left:0.7142857143rem;padding-left:var(--terra-section-header-padding-start, 0.7142857143rem);border-left:0 none;border-left:var(--terra-section-header-border-left, 0 none);border-right:0 none;border-right:var(--terra-section-header-border-right, 0 none)}[dir=rtl] .SectionHeader-module__section-header___wbdJQ{padding-left:0.7142857143rem;padding-left:var(--terra-section-header-padding-end, 0.7142857143rem);padding-right:0.7142857143rem;padding-right:var(--terra-section-header-padding-start, 0.7142857143rem);border-right:0 none;border-right:var(--terra-section-header-border-left, 0 none);border-left:0 none;border-left:var(--terra-section-header-border-right, 0 none)}.SectionHeader-module__section-header___wbdJQ:focus-within{color:#1c1f21;color:var(--terra-section-header-focus-color, #1c1f21);outline:3px dashed #000;outline:var(--terra-section-header-focus-within-outline, 3px dashed #000);outline-offset:-2px;outline-offset:var(--terra-section-header-focus-within-outline-offset, -2px)}[dir] .SectionHeader-module__section-header___wbdJQ:focus-within{background:#e8e9ea;background:var(--terra-section-header-focus-background, #e8e9ea)}[dir] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-transparent___3L6Q5:focus-within{background:rgba(0, 0, 0, 0.07);background:var(--terra-section-header-transparent-focus-background, rgba(0, 0, 0, 0.07))}[dir] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z{cursor:pointer}[dir=ltr] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z{padding-left:0.5rem;padding-left:var(--terra-section-header-accordion-padding-start, 0.5rem)}[dir=rtl] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z{padding-right:0.5rem;padding-right:var(--terra-section-header-accordion-padding-start, 0.5rem)}.SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z:hover{color:#1c1f21;color:var(--terra-section-header-hover-color, #1c1f21)}[dir] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z:hover{background:#d7d8d9;background:var(--terra-section-header-hover-background, #d7d8d9);border-bottom:1px solid #c8cacb;border-bottom:var(--terra-section-header-hover-border-bottom, 1px solid #c8cacb);border-top:0 none;border-top:var(--terra-section-header-hover-border-top, 0 none);box-shadow:none;box-shadow:var(--terra-section-header-hover-box-shadow, none)}[dir=ltr] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z:hover{border-left:var(--terra-section-header-hover-border-left),0 none;border-right:0 none;border-right:var(--terra-section-header-hover-border-right, 0 none)}[dir=rtl] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z:hover{border-right:var(--terra-section-header-hover-border-left),0 none;border-left:0 none;border-left:var(--terra-section-header-hover-border-right, 0 none)}.SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z:active,.SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z.SectionHeader-module__is-active___Qfdbq{color:#1c1f21;color:var(--terra-section-header-active-color, #1c1f21)}[dir] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z:active, [dir] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z.SectionHeader-module__is-active___Qfdbq{background:#d7d8d9;background:var(--terra-section-header-active-background, #d7d8d9);border-bottom:1px solid #c8cacb;border-bottom:var(--terra-section-header-active-border-bottom, 1px solid #c8cacb);border-top:0 none;border-top:var(--terra-section-header-active-border-top, 0 none);box-shadow:none;box-shadow:var(--terra-section-header-active-box-shadow, none)}[dir=ltr] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z:active, [dir=ltr] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z.SectionHeader-module__is-active___Qfdbq{border-left:0 none;border-left:var(--terra-section-header-active-border-left, 0 none);border-right:0 none;border-right:var(--terra-section-header-active-border-right, 0 none)}[dir=rtl] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z:active, [dir=rtl] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z.SectionHeader-module__is-active___Qfdbq{border-right:0 none;border-right:var(--terra-section-header-active-border-left, 0 none);border-left:0 none;border-left:var(--terra-section-header-active-border-right, 0 none)}.SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-transparent___3L6Q5{min-height:2.42857rem;min-height:var(--terra-section-header-transparent-min-height, 2.42857rem)}[dir] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-transparent___3L6Q5{background:rgba(0,0,0,0);border-bottom:0}.SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z.SectionHeader-module__is-transparent___3L6Q5:hover{color:#1c1f21;color:var(--terra-section-header-transparent-hover-color, #1c1f21)}[dir] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z.SectionHeader-module__is-transparent___3L6Q5:hover{background:rgba(0, 0, 0, 0);background:var(--terra-section-header-transparent-hover-background, rgba(0, 0, 0, 0));border-bottom:0 none;border-bottom:var(--terra-section-header-transparent-hover-border-bottom, 0 none);border-top:0 none;border-top:var(--terra-section-header-transparent-hover-border-top, 0 none);box-shadow:none;box-shadow:var(--terra-section-header-transparent-hover-box-shadow, none)}[dir=ltr] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z.SectionHeader-module__is-transparent___3L6Q5:hover{border-left:0 none;border-left:var(--terra-section-header-transparent-hover-border-left, 0 none);border-right:0 none;border-right:var(--terra-section-header-transparent-hover-border-right, 0 none)}[dir=rtl] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z.SectionHeader-module__is-transparent___3L6Q5:hover{border-right:0 none;border-right:var(--terra-section-header-transparent-hover-border-left, 0 none);border-left:0 none;border-left:var(--terra-section-header-transparent-hover-border-right, 0 none)}.SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z.SectionHeader-module__is-transparent___3L6Q5:active,.SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z.SectionHeader-module__is-transparent___3L6Q5.SectionHeader-module__is-active___Qfdbq{color:#1c1f21;color:var(--terra-section-header-transparent-active-color, #1c1f21)}[dir] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z.SectionHeader-module__is-transparent___3L6Q5:active, [dir] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z.SectionHeader-module__is-transparent___3L6Q5.SectionHeader-module__is-active___Qfdbq{background:rgba(0, 0, 0, 0.07);background:var(--terra-section-header-transparent-active-background, rgba(0, 0, 0, 0.07));border-bottom:0 none;border-bottom:var(--terra-section-header-transparent-active-border-bottom, 0 none);border-top:0 none;border-top:var(--terra-section-header-transparent-active-border-top, 0 none);box-shadow:none;box-shadow:var(--terra-section-header-transparent-active-box-shadow, none)}[dir=ltr] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z.SectionHeader-module__is-transparent___3L6Q5:active, [dir=ltr] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z.SectionHeader-module__is-transparent___3L6Q5.SectionHeader-module__is-active___Qfdbq{border-left:0 none;border-left:var(--terra-section-header-transparent-active-border-left, 0 none);border-right:0 none;border-right:var(--terra-section-header-transparent-active-border-right, 0 none)}[dir=rtl] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z.SectionHeader-module__is-transparent___3L6Q5:active, [dir=rtl] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z.SectionHeader-module__is-transparent___3L6Q5.SectionHeader-module__is-active___Qfdbq{border-right:0 none;border-right:var(--terra-section-header-transparent-active-border-left, 0 none);border-left:0 none;border-left:var(--terra-section-header-transparent-active-border-right, 0 none)}.SectionHeader-module__section-header___wbdJQ button{color:inherit;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-family:var(--terra-section-header-font-family, "Helvetica Neue", Helvetica, Arial, sans-serif)}[dir] .SectionHeader-module__section-header___wbdJQ button{background:none;border:0;cursor:pointer;padding:0}[dir=ltr] .SectionHeader-module__section-header___wbdJQ button{text-align:left}[dir=rtl] .SectionHeader-module__section-header___wbdJQ button{text-align:right}.SectionHeader-module__title-arrange___t4JW1{-ms-flex:0 1 auto;flex:0 1 auto}.SectionHeader-module__title___EPyaG{display:block;font-size:1rem;font-size:var(--terra-section-header-font-size, 1rem);font-weight:bold;font-weight:var(--terra-section-header-font-weight, bold);line-height:1.4285714286;line-height:var(--terra-section-header-line-height, 1.4285714286);text-transform:none;text-transform:var(--terra-section-header-text-transform, none)}[dir] .SectionHeader-module__title___EPyaG{margin:0}.SectionHeader-module__accordion-icon-wrapper___BOHqG{display:-ms-inline-flexbox;display:inline-flex}[dir] .SectionHeader-module__accordion-icon-wrapper___BOHqG{padding-bottom:0;padding-bottom:var(--terra-section-header-accordion-icon-padding-bottom, 0);padding-top:0.38rem;padding-top:var(--terra-section-header-accordion-icon-padding-top, 0.38rem)}[dir=ltr] .SectionHeader-module__accordion-icon-wrapper___BOHqG{margin-left:0;margin-left:var(--terra-section-header-accordion-icon-margin-start, 0);margin-right:0.38rem;margin-right:var(--terra-section-header-accordion-icon-margin-end, 0.38rem);padding-left:0;padding-left:var(--terra-section-header-accordion-icon-padding-start, 0);padding-right:0;padding-right:var(--terra-section-header-accordion-icon-padding-end, 0)}[dir=rtl] .SectionHeader-module__accordion-icon-wrapper___BOHqG{margin-right:0;margin-right:var(--terra-section-header-accordion-icon-margin-start, 0);margin-left:0.38rem;margin-left:var(--terra-section-header-accordion-icon-margin-end, 0.38rem);padding-right:0;padding-right:var(--terra-section-header-accordion-icon-padding-start, 0);padding-left:0;padding-left:var(--terra-section-header-accordion-icon-padding-end, 0)}.SectionHeader-module__accordion-icon___VQmOf{display:inline-block;height:0.83593rem;height:var(--terra-section-header-accordion-icon-height, 0.83593rem);vertical-align:middle;width:0.83593rem;width:var(--terra-section-header-accordion-icon-width, 0.83593rem)}[dir] .SectionHeader-module__accordion-icon___VQmOf{background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22%231c1f21%22%20d%3D%22M12%2C0l24%2C24L12%2C48V0z%22%2F%3E%3C%2Fsvg%3E");background:var(--terra-section-header-accordion-icon-background, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22%231c1f21%22%20d%3D%22M12%2C0l24%2C24L12%2C48V0z%22%2F%3E%3C%2Fsvg%3E"));background-repeat:no-repeat;background-size:contain;transform:rotate(0deg)}[dir=rtl] .SectionHeader-module__accordion-icon___VQmOf{transform:scaleX(-1)}[dir] .SectionHeader-module__accordion-icon___VQmOf.SectionHeader-module__is-open___naqpt{transform:rotate(90deg)}.SectionHeader-module__arrange-wrapper___jwEJm{width:100%}[dir] .SectionHeader-module__arrange-wrapper___jwEJm{margin:0}.SectionHeader-module__arrange-wrapper___jwEJm:focus{outline:none}.SectionHeader-module__arrange-wrapper___jwEJm.SectionHeader-module__title-fixed___U8DzW{position:absolute} +.Toggle-module__toggle___7F95e[aria-hidden=true]{opacity:0;transition:visibility 0s linear .5s,opacity .5s linear;visibility:hidden}.Toggle-module__toggle___7F95e[aria-hidden=false]{opacity:1;visibility:visible}[dir] .Toggle-module__toggle___7F95e[aria-hidden=false]{transition-delay:0s} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} +.Table-module__clinical-lowlight-theme___PqYJ8{--terra-html-table-background-color: #383f42;--terra-html-table-border: 1px solid #585a5c;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: none;--terra-html-table-header-cell-color: #1c1f21;--terra-html-table-header-cell-font-size: 1rem;--terra-html-table-header-cell-font-weight: bold;--terra-html-table-header-cell-border-right: 1px solid #585a5c;--terra-html-table-first-header-cell-border-left: 1px solid #585a5c;--terra-html-table-last-header-cell-border-right: 1px solid #585a5c;--terra-html-table-header-background-color: #909496;--terra-html-table-header-box-shadow: 0 4px 4px -3.5px #1c1f21, inset 0 0 0 1px #585a5c;--terra-html-table-header-row-border-bottom: 1px solid #585a5c;--terra-html-table-header-row-border-top: 1px solid #585a5c;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #b2b5b6;--terra-html-table-cell-font-size: 1rem;--terra-html-table-first-cell-border-left: 1px solid #585a5c;--terra-html-table-last-cell-border-right: 1px solid #585a5c;--terra-html-table-header-cell-standard-padding-bottom: 0.5rem;--terra-html-table-header-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-top: 0.5rem;--terra-html-table-header-cell-compact-padding-bottom: 0.25rem;--terra-html-table-header-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-top: 0.25rem;--terra-html-table-cell-standard-padding-bottom: 0.5rem;--terra-html-table-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-cell-standard-padding-top: 0.5rem;--terra-html-table-cell-compact-padding-bottom: 0.25rem;--terra-html-table-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-cell-compact-padding-top: 0.25rem;--terra-html-table-row-border-top: 1px solid #585a5c;--terra-html-table-last-row-border-bottom: 1px solid #585a5c;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #2d3539}.Table-module__orion-fusion-theme___d9rxf{--terra-html-table-background-color: transparent;--terra-html-table-border: 0;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: transparent;--terra-html-table-header-cell-color: #64696c;--terra-html-table-header-cell-font-size: 0.857142857rem;--terra-html-table-header-cell-font-weight: normal;--terra-html-table-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-first-header-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-background-color: #f4f4f4;--terra-html-table-header-box-shadow: none;--terra-html-table-header-row-border-bottom: 2px solid #64696c;--terra-html-table-header-row-border-top: 1px solid #c8cacb;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #1c1f21;--terra-html-table-cell-font-size: 0.857142857rem;--terra-html-table-first-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-cell-standard-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-top: 0.428571429rem;--terra-html-table-header-cell-compact-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-top: 0.428571429rem;--terra-html-table-cell-standard-padding-bottom: 0.8571428571rem;--terra-html-table-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-cell-standard-padding-top: 0.8571428571rem;--terra-html-table-cell-compact-padding-bottom: 0.8571428571rem;--terra-html-table-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-cell-compact-padding-top: 0.8571428571rem;--terra-html-table-row-border-top: 0;--terra-html-table-last-row-border-bottom: 1px solid #c8cacb;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #f4f4f4}.Table-module__table___eg2Mi{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___eg2Mi{background-color:transparent;background-color:var(--terra-html-table-background-color, transparent);border:0;border:var(--terra-html-table-border, 0);border-radius:0;border-radius:var(--terra-html-table-border-radius, 0)}[dir] .Table-module__table___eg2Mi caption{padding-bottom:.5em}.Table-module__table___eg2Mi tr{display:table-row}[dir] .Table-module__table___eg2Mi tr{margin-bottom:0}.Table-module__table___eg2Mi td,.Table-module__table___eg2Mi th{color:#1c1f21;color:var(--terra-html-table-cell-color, #1c1f21);display:table-cell;font-size:1rem;font-size:var(--terra-html-table-cell-font-size, 1rem);font-weight:normal;vertical-align:top}[dir] .Table-module__table___eg2Mi td, [dir] .Table-module__table___eg2Mi th{border:0}[dir=ltr] .Table-module__table___eg2Mi td, [dir=ltr] .Table-module__table___eg2Mi th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___eg2Mi td, [dir=rtl] .Table-module__table___eg2Mi th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___eg2Mi td:first-child, [dir=ltr] .Table-module__table___eg2Mi th:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:first-child, [dir=rtl] .Table-module__table___eg2Mi th:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi td:last-child, [dir=ltr] .Table-module__table___eg2Mi th:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:last-child, [dir=rtl] .Table-module__table___eg2Mi th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___eg2Mi thead th, [dir] .Table-module__table___eg2Mi thead td{border:0}[dir=ltr] .Table-module__table___eg2Mi thead th, [dir=ltr] .Table-module__table___eg2Mi thead td{border-right:1px solid rgba(200, 202, 203, 0.5);border-right:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:left}[dir=rtl] .Table-module__table___eg2Mi thead th, [dir=rtl] .Table-module__table___eg2Mi thead td{border-left:1px solid rgba(200, 202, 203, 0.5);border-left:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:right}[dir=ltr] .Table-module__table___eg2Mi thead th:first-child, [dir=ltr] .Table-module__table___eg2Mi thead td:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:first-child, [dir=rtl] .Table-module__table___eg2Mi thead td:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi thead th:last-child, [dir=ltr] .Table-module__table___eg2Mi thead td:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:last-child, [dir=rtl] .Table-module__table___eg2Mi thead td:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead{display:table-header-group}[dir] .Table-module__table___eg2Mi thead{background-color:#f1f1f2;background-color:var(--terra-html-table-header-background-color, #f1f1f2);box-shadow:0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5);box-shadow:var(--terra-html-table-header-box-shadow, 0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5))}[dir] .Table-module__table___eg2Mi thead tr{border-bottom:1px solid #b9bbbc;border-bottom:var(--terra-html-table-header-row-border-bottom, 1px solid #b9bbbc);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-header-row-border-top, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{color:#1c1f21;color:var(--terra-html-table-header-cell-color, #1c1f21);font-size:1rem;font-size:var(--terra-html-table-header-cell-font-size, 1rem);font-weight:bold;font-weight:var(--terra-html-table-header-cell-font-weight, bold);vertical-align:bottom}[dir] .Table-module__table___eg2Mi tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___eg2Mi tbody tr{background-color:transparent;background-color:var(--terra-html-table-row-background-color, transparent);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-row-border-top, 1px solid #dedfe0)}[dir] .Table-module__table___eg2Mi tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___eg2Mi tbody tr:last-of-type{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-html-table-last-row-border-bottom, 1px solid #dedfe0)}[dir] .Table-module__padding-standard___BfbC- th{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-header-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-header-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z th{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-header-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-header-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__padding-standard___BfbC- td{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z td{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__striped___n8xJe tbody tr:nth-of-type(even){background-color:#f6f7f8;background-color:var(--terra-html-table-row-striped-background-color, #f6f7f8)}@media print{.Table-module__table___eg2Mi thead{display:table-header-group}.Table-module__table___eg2Mi tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} diff --git a/2993-bf0b77800347f6a14405.js b/2993-bf0b77800347f6a14405.js new file mode 100644 index 0000000000..9586041d7c --- /dev/null +++ b/2993-bf0b77800347f6a14405.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[2993,45627,37344,33667,96890,79482,85565,3353,5161,80858,14041,45865,16835,85355,3193,4845,27444,17657,46647,16873,85161,66097,38681,15318,40411,18101,33315,38443,11264,34319,78996,39915,33442,68090],{11858:function(e,t,n){t.Z=void 0;var a=o(n(67294)),r=n(51051),l=o(n(21784));function o(e){return e&&e.__esModule?e:{default:e}}var i={title:"Patient Responsibilities",isAnimated:!0},d=function(e){e.keyCode===r.KEY_SPACE&&e.preventDefault()};t.Z=function(){return a.default.createElement(l.default,{exampleProps:i},a.default.createElement("p",null,"Respect the rights and treat all healthcare workers and other patients and visitors with dignity. Comply with all hospital policies and guidelines as informed or displayed be available for any appointments made or notify the hospital as early as possible if you are unable to do so. Acknowledge that some other patient medical condition may be more urgent than yours and accept that your doctor may need to attend them first. Kindly cooperate in such situations."),a.default.createElement("p",null,"Provide us with comprehensive and accurate details about your past medical records and be complaint as regard to taking medication or following any other prescribed treatment. Accept, where applicable, adaptations to the environment to ensure a safe and secure stay in hospital with a full explanation from our staff."),a.default.createElement("p",null,"Strictly follow the ",a.default.createElement("a",{href:"#visitors-policy",onKeyDown:d},"Hospitals Visitors Policy")," ","and ccept the measures taken by the hospital to ensure personal privacy and confidentiality of medical records."))}},86109:function(e,t,n){t.Z=void 0;var a=l(n(67294)),r=l(n(21784));function l(e){return e&&e.__esModule?e:{default:e}}var o={title:"Default Example"};t.Z=function(){return a.default.createElement(r.default,{exampleProps:o},a.default.createElement("p",null,"Before leaving Arthur Andersen & Co. to form their own company, three young friends and co-workers sat around a picnic table at Loose Creek Park in Kansas City, Missouri brainstorming business ideas. It was here that Neal Patterson, Paul Gorup and Cliff Illig conceived PGI & Associates, the company that would eventually become Cerner."))}},21784:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=o(n(67294)),r=o(n(45697)),l=o(n(13626));function o(e){return e&&e.__esModule?e:{default:e}}var i={exampleProps:r.default.object.isRequired,children:r.default.node.isRequired},d=function(e){var t=e.exampleProps,n=e.children;return a.default.createElement("div",null,a.default.createElement(l.default,t,n))};d.propTypes=i;t.default=d},86817:function(e,t,n){t.Z=void 0;var a=l(n(67294)),r=l(n(21784));function l(e){return e&&e.__esModule?e:{default:e}}var o={title:"Transparent Example",isTransparent:!0};t.Z=function(){return a.default.createElement(r.default,{exampleProps:o},a.default.createElement("p",null,"Before leaving Arthur Andersen & Co. to form their own company, three young friends and co-workers sat around a picnic table at Loose Creek Park in Kansas City, Missouri brainstorming business ideas. It was here that Neal Patterson, Paul Gorup and Cliff Illig conceived PGI & Associates, the company that would eventually become Cerner."))}},22863:function(e,t,n){var a=n(64836);t.Z=void 0;var r=a(n(67294)),l=a(n(45697)),o=a(n(47166)),i=a(n(17422)),d=o.default.bind(i.default),s={name:l.default.string.isRequired,src:l.default.string,url:l.default.string,version:l.default.string.isRequired},p=function(e){var t=e.src,n=e.name,a=e.url,l=e.version,o=r.default.createElement("a",{className:d("badge"),href:a||"https://www.npmjs.org/package/".concat(n,"/v/").concat(l)},r.default.createElement("span",{className:d("badge-name")},a?"package":"npm"),r.default.createElement("span",{className:d("badge-version")},"v".concat(l))),i=t?r.default.createElement("a",{className:d("badge"),href:t},r.default.createElement("span",{className:d("badge-name")},"github"),r.default.createElement("span",{className:d("badge-version")},"source")):void 0;return r.default.createElement("div",{className:d("badge-container")},o,i)};p.propTypes=s;var c=p;t.Z=c},49271:function(e,t,n){var a=n(64836),r=n(18698);t.Z=void 0;var l=a(n(27424)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==r(e)&&"function"!=typeof e)return{default:e};var n=f(t);if(n&&n.has(e))return n.get(e);var a={},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var i=l?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(a,o,i):a[o]=e[o]}a.default=e,n&&n.set(e,a);return a}(n(67294)),i=a(n(45697)),d=a(n(47166)),s=n(21538),p=a(n(33864)),c=a(n(23399)),u=n(51051),m=a(n(53560));function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(f=function(e){return e?n:t})(e)}var x=d.default.bind(m.default),y={example:i.default.element,exampleSrc:i.default.element,exampleCssSrc:i.default.element,title:i.default.string,description:i.default.node,isExpanded:i.default.bool},g=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},h=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},b=function(e){var t=e.example,n=e.exampleSrc,a=e.exampleCssSrc,r=e.title,i=e.description,d=e.isExpanded,m=(0,o.useState)(d),f=(0,l.default)(m,2),y=f[0],b=f[1],v=(0,o.useState)(!1),O=(0,l.default)(v,2),T=O[0],_=O[1],w=o.default.useContext(s.ThemeContext),E=void 0!==a,C=function(){_(!T),y&&b(!y)},P=function(){b(!y),T&&_(!T)},j=function(e,t){e.nativeEvent.keyCode!==u.KEY_SPACE&&e.nativeEvent.keyCode!==u.KEY_RETURN||(e.preventDefault(),t())};return o.default.createElement("div",{className:x("template",w.className)},o.default.createElement("div",{className:x("header")},r&&o.default.createElement("h2",{className:x("title")},r)),o.default.createElement("div",{className:x("content")},i&&o.default.createElement("div",{className:x("description")},i),t),o.default.createElement("div",{className:x("footer")},n?o.default.createElement("div",{className:x("button-container")},E&&o.default.createElement("button",{type:"button",className:x("css-toggle","item",{"is-selected":T}),onClick:C,onKeyDown:function(e){return j(e,C)},onBlur:g,onMouseDown:h,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(p.default,{className:x("chevron")}),o.default.createElement("span",null,"CSS"),o.default.createElement(c.default,{className:x("chevron")})),o.default.createElement("button",{type:"button",className:x("code-toggle","item",{"is-selected":y}),onClick:P,onKeyDown:function(e){return j(e,P)},onBlur:g,onMouseDown:h,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(p.default,{className:x("chevron")}),o.default.createElement("span",null,"Code"),o.default.createElement(c.default,{className:x("chevron")}))):null,o.default.createElement("div",null,T&&o.default.createElement("div",{className:x("css")},a),y&&o.default.createElement("div",{className:x("code")},n))))};b.propTypes=y,b.defaultProps={isExpanded:!1};var v=b;t.Z=v},25131:function(e,t,n){n.r(t),n.d(t,{default:function(){return X}});var a=n(67294),r=n(81254),l=n(58353),o=n(86109),i=["components"];function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var p={};function c(e){var t=e.components,n=s(e,i);return(0,r.mdx)("wrapper",d({},p,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport ToggleSectionHeaderExampleTemplate from './ToggleSectionHeaderExampleTemplate';\n\nconst componentProps = {\n title: 'Default Example',\n};\n\nconst DefaultToggleSectionHeader = () => (\n \n

    Before leaving Arthur Andersen & Co. to form their own company, three young friends and co-workers sat around a picnic table at Loose Creek Park in Kansas City, Missouri brainstorming business ideas. It was here that Neal Patterson, Paul Gorup and Cliff Illig conceived PGI & Associates, the company that would eventually become Cerner.

    \n     \n);\n\nexport default DefaultToggleSectionHeader;\n\n")))}c.isMDXComponent=!0;var u=n(49271),m=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(u.Z,{title:t||"Default Toggle Section Header",description:n,example:a.createElement(o.Z,null),exampleSrc:a.createElement(c,null),isExpanded:r})},f=n(11858),x=["components"];function y(){return y=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var h={};function b(e){var t=e.components,n=g(e,x);return(0,r.mdx)("wrapper",y({},h,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport {\n KEY_SPACE,\n} from 'keycode-js';\nimport ToggleSectionHeaderExampleTemplate from './ToggleSectionHeaderExampleTemplate';\n\nconst componentProps = {\n title: 'Patient Responsibilities',\n isAnimated: true,\n};\n\n// Prevent scrolling when press space bar key on anchor tag\nconst handlePreventScroll = (event) => {\n if (event.keyCode === KEY_SPACE) {\n event.preventDefault();\n }\n};\n\nconst AnimatedToggleSectionHeader = () => (\n \n

    Respect the rights and treat all healthcare workers and other patients and visitors with dignity. Comply with all hospital policies and guidelines as informed or displayed be available for any appointments made or notify the hospital as early as possible if you are unable to do so. Acknowledge that some other patient medical condition may be more urgent than yours and accept that your doctor may need to attend them first. Kindly cooperate in such situations.

    \n

    Provide us with comprehensive and accurate details about your past medical records and be complaint as regard to taking medication or following any other prescribed treatment. Accept, where applicable, adaptations to the environment to ensure a safe and secure stay in hospital with a full explanation from our staff.

    \n

    \n Strictly follow the \n Hospitals Visitors Policy\n {' '}\n and ccept the measures taken by the hospital to ensure personal privacy and confidentiality of medical records.\n

    \n     \n);\n\nexport default AnimatedToggleSectionHeader;\n\n")))}b.isMDXComponent=!0;var v=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(u.Z,{title:t||"Animated Toggle Section Header",description:n,example:a.createElement(f.Z,null),exampleSrc:a.createElement(b,null),isExpanded:r})},O=n(86817),T=["components"];function _(){return _=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var E={};function C(e){var t=e.components,n=w(e,T);return(0,r.mdx)("wrapper",_({},E,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport ToggleSectionHeaderExampleTemplate from './ToggleSectionHeaderExampleTemplate';\n\nconst componentProps = {\n title: 'Transparent Example',\n isTransparent: true,\n};\n\nconst DefaultToggleSectionHeader = () => (\n \n

    Before leaving Arthur Andersen & Co. to form their own company, three young friends and co-workers sat around a picnic table at Loose Creek Park in Kansas City, Missouri brainstorming business ideas. It was here that Neal Patterson, Paul Gorup and Cliff Illig conceived PGI & Associates, the company that would eventually become Cerner.

    \n     \n);\n\nexport default DefaultToggleSectionHeader;\n\n")))}C.isMDXComponent=!0;var P=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(u.Z,{title:t||"Transparent Toggle Section Header",description:n,example:a.createElement(O.Z,null),exampleSrc:a.createElement(C,null),isExpanded:r})},j=n(78530),N=["components"];function S(){return S=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var D={},R="wrapper";function A(e){var t=e.components,n=k(e,N);return(0,r.mdx)(R,S({},D,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(j.ZP,{mdxType:"PropsTable"},(0,r.mdx)(j.X2,{key:"ROW1",mdxType:"Row"},(0,r.mdx)(j.O,{mdxType:"PropNameCell"},"children"),(0,r.mdx)(j.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,r.mdx)(j.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,r.mdx)(j.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(j.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Content in the body of the toggle section header component that will be expanded or hidden."))),(0,r.mdx)(j.X2,{key:"ROW2",mdxType:"Row"},(0,r.mdx)(j.O,{mdxType:"PropNameCell"},"title"),(0,r.mdx)(j.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(j.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,r.mdx)(j.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(j.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Text to be displayed in the section header."))),(0,r.mdx)(j.X2,{key:"ROW3",mdxType:"Row"},(0,r.mdx)(j.O,{mdxType:"PropNameCell"},"level"),(0,r.mdx)(j.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 1\n 2\n 3\n 4\n 5\n 6\n],\n"))),(0,r.mdx)(j.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(j.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"2\n"))),(0,r.mdx)(j.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Sets the heading level. One of h1, h2, h3, h4, h5, or h6."))),(0,r.mdx)(j.X2,{key:"ROW4",mdxType:"Row"},(0,r.mdx)(j.O,{mdxType:"PropNameCell"},"onClose"),(0,r.mdx)(j.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(j.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(j.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(j.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Callback function triggered when toggle-section-header is closed."))),(0,r.mdx)(j.X2,{key:"ROW5",mdxType:"Row"},(0,r.mdx)(j.O,{mdxType:"PropNameCell"},"onOpen"),(0,r.mdx)(j.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(j.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(j.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(j.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Callback function triggered when toggle-section-header is opened."))),(0,r.mdx)(j.X2,{key:"ROW6",mdxType:"Row"},(0,r.mdx)(j.O,{mdxType:"PropNameCell"},"sectionHeaderAttrs"),(0,r.mdx)(j.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,r.mdx)(j.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(j.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"{}\n"))),(0,r.mdx)(j.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Used to set props and HTML attributes on the underlying section-header."))),(0,r.mdx)(j.X2,{key:"ROW7",mdxType:"Row"},(0,r.mdx)(j.O,{mdxType:"PropNameCell"},"isAnimated"),(0,r.mdx)(j.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(j.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(j.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,r.mdx)(j.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Sets the toggle-section-header to be animated when it is opened or closed."))),(0,r.mdx)(j.X2,{key:"ROW8",mdxType:"Row"},(0,r.mdx)(j.O,{mdxType:"PropNameCell"},"isInitiallyOpen"),(0,r.mdx)(j.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(j.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(j.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,r.mdx)(j.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Sets the toggle-section-header initial state to open."))),(0,r.mdx)(j.X2,{key:"ROW9",mdxType:"Row"},(0,r.mdx)(j.O,{mdxType:"PropNameCell"},"isTransparent"),(0,r.mdx)(j.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(j.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(j.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,r.mdx)(j.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Sets the background of the section header to transparent."))),(0,r.mdx)(j.X2,{key:"ROW10",mdxType:"Row"},(0,r.mdx)(j.O,{mdxType:"PropNameCell"},"isOpen"),(0,r.mdx)(j.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(j.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(j.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(j.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Programmatically toggle the toggle-section-header component.")))))}A.isMDXComponent=!0;var H=["components"];function M(){return M=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var I={},W="wrapper";function X(e){var t=e.components,n=q(e,H);return(0,r.mdx)(W,M({},I,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(l.C,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-toggle-section-header"},"Terra Toggle Section Header"),(0,r.mdx)("p",null,"Toggle section header component that transitions content in and out with a click. "),(0,r.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Install with ",(0,r.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"npm install terra-toggle-section-header"))))),(0,r.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,r.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,r.mdx)("table",null,(0,r.mdx)("thead",{parentName:"table"},(0,r.mdx)("tr",{parentName:"thead"},(0,r.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,r.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,r.mdx)("tbody",{parentName:"table"},(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react"),(0,r.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,r.mdx)("td",{parentName:"tr",align:null},"^16.8.5")))),(0,r.mdx)("h2",{id:"usage"},"Usage"),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import ToggleSectionHeader from 'terra-toggle-section-header';\n")),(0,r.mdx)("h2",{id:"accessibility"},"Accessibility"),(0,r.mdx)("p",null,"For accessibility best practices, it is recommended that consumers should always use only one h1 tag per page or view. The one h1 tag should be the page title. A section header should never be a heading level 1. "),(0,r.mdx)("h2",{id:"component-features"},"Component Features"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#ltr--rtl"},"LTR/RTL Support"))),(0,r.mdx)("h2",{id:"examples"},"Examples"),(0,r.mdx)(m,{title:"Default",mdxType:"DefaultToggleSectionHeader"}),(0,r.mdx)(v,{title:"Animated",mdxType:"AnimatedToggleSectionHeader"}),(0,r.mdx)(P,{title:"Transparent",mdxType:"TransparentToggleSectionHeader"}),(0,r.mdx)("h2",{id:"toggle-section-header-props"},"Toggle Section Header Props"),(0,r.mdx)(A,{mdxType:"ToggleSectionHeaderPropsTable"}))}X.isMDXComponent=!0},58353:function(e,t,n){n.d(t,{C:function(){return l}});var a=n(67294),r=n(22863),l=function(e){var t=e.url;return a.createElement(r.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-toggle-section-header",name:"terra-toggle-section-header",version:"2.73.0",url:t})}},17422:function(e,t,n){n.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},53560:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},33864:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=l(n(67294)),r=l(n(99139));function l(e){return e&&e.__esModule?e:{default:e}}function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}function f(e,t){for(var n=0;n=0||(t[a]=e[a]);return t}(e,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(t[a]=e[a])}return t}var d={},l="wrapper";function c(e){var n=e.components,a=s(e,i);return(0,r.mdx)(l,o({},d,a,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)(t.C,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-dev-site-setup-guide"},"Terra Dev Site Setup Guide"),(0,r.mdx)("p",null,"Using the ",(0,r.mdx)("inlineCode",{parentName:"p"},"TerraDevSite")," webpack plugin, a static site will be generated and can be served using ",(0,r.mdx)("inlineCode",{parentName:"p"},"webpack-dev-server")," or served statically using something like gh-pages. Extending from ",(0,r.mdx)("inlineCode",{parentName:"p"},"@cerner/webpack-config-terra"),"'s webpack config is highly recommended."),(0,r.mdx)("h2",{id:"webpackconfig"},"WebpackConfig"),(0,r.mdx)("p",null,"The following webpackConfig config is a simple example, extending from the reusable terra webpack config and applying the ",(0,r.mdx)("inlineCode",{parentName:"p"},"TerraDevSite")," plugin."),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"const terraWebpackConfig = require('@cerner/webpack-config-terra');\nconst merge = require('webpack-merge');\nconst { TerraDevSite } = require('@cerner/terra-dev-site');\n\n/**\n* Generates the file representing app name configuration.\n*/\nconst devSiteConfig = (env = {}, argv = {}) => ({\n plugins: [\n new TerraDevSite({\n defaultLocale: env.defaultLocale,\n }),\n ],\n});\n\nconst webpackConfig = (env, argv) => (\n merge(terraWebpackConfig(env, argv), devSiteConfig(env, argv))\n);\n\nmodule.exports = webpackConfig;\n")),(0,r.mdx)("p",null,"To serve using ",(0,r.mdx)("inlineCode",{parentName:"p"},"webpack-dev-server"),", add the following terra-toolkit command to your package.json. See the ",(0,r.mdx)("a",{parentName:"p",href:"https://webpack.js.org/configuration/dev-server/#root"},"webpack-dev-server")," for more information on the command options."),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-json"},'{\n "scripts": {\n "start": "webpack serve"\n }\n}\n')),(0,r.mdx)("p",null,"After adding the start command to your package.json, run it and navigate to http://localhost:8080/ to view the site in your browser:"),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-bash"},"npm start\n")),(0,r.mdx)("p",null,"You will see your readme hosted on the site. Next lets add some pages."),(0,r.mdx)("p",null,"TerraDevSite will auto discover files base on either the default search patterns in the site.config or the file structure and file extensions used."),(0,r.mdx)("p",null,"Add the following file to: ",(0,r.mdx)("inlineCode",{parentName:"p"},"/src/terra-dev-site/my-first-page.doc.md")),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-md"},"My first page!\n")),(0,r.mdx)("p",null,"Webpack will re-compile and now you should be able to see your page under the components tab."))}c.isMDXComponent=!0},81510:function(e,n,a){a.d(n,{C:function(){return i}});var r=a(67294),t=a(22863),i=function(e){var n=e.url;return r.createElement(t.Z,{src:"https://github.com/cerner/terra-application/tree/main/packages/terra-dev-site",name:"@cerner/terra-dev-site",version:"7.11.0",url:n})}},17422:function(e,n,a){a.r(n),n.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/30683-eca01bcc4f873818ed81.css b/30683-eca01bcc4f873818ed81.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/30683-eca01bcc4f873818ed81.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/30683-eca01bcc4f873818ed81.js b/30683-eca01bcc4f873818ed81.js new file mode 100644 index 0000000000..b0d3278b05 --- /dev/null +++ b/30683-eca01bcc4f873818ed81.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[30683,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,a,l){var d=l(64836);a.Z=void 0;var n=d(l(67294)),m=d(l(45697)),r=d(l(47166)),t=d(l(17422)),i=r.default.bind(t.default),u={name:m.default.string.isRequired,src:m.default.string,url:m.default.string,version:m.default.string.isRequired},p=function(e){var a=e.src,l=e.name,d=e.url,m=e.version,r=n.default.createElement("a",{className:i("badge"),href:d||"https://www.npmjs.org/package/".concat(l,"/v/").concat(m)},n.default.createElement("span",{className:i("badge-name")},d?"package":"npm"),n.default.createElement("span",{className:i("badge-version")},"v".concat(m))),t=a?n.default.createElement("a",{className:i("badge"),href:a},n.default.createElement("span",{className:i("badge-name")},"github"),n.default.createElement("span",{className:i("badge-version")},"source")):void 0;return n.default.createElement("div",{className:i("badge-container")},r,t)};p.propTypes=u;var x=p;a.Z=x},30683:function(e,a,l){l.r(a),l.d(a,{default:function(){return h}});l(67294);var d=l(81254),n=l(33193),m=["components"];function r(){return r=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(n[l]=e[l]);return n}(e,a);if(Object.getOwnPropertySymbols){var m=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(n[l]=e[l])}return n}var i={},u="wrapper";function p(e){var a=e.components,l=t(e,m);return(0,d.mdx)(u,r({},i,l,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)("h1",{id:"changelog"},"Changelog"),(0,d.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,d.mdx)("h2",{id:"3110---july-31-2023"},"3.11.0 - (July 31, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3100---february-14-2023"},"3.10.0 - (February 14, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated WDIO screenshots due to webpack-config-terra and\nterra-functional-testing upgrade.")))),(0,d.mdx)("h2",{id:"391---march-15-2022"},"3.9.1 - (March 15, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"390---october-12-2021"},"3.9.0 - (October 12, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Migrated doc to terra-framework-docs.")))),(0,d.mdx)("h2",{id:"380---september-20-2021"},"3.8.0 - (September 20, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated WDIO screenshots due to webpack-config-terra sass upgrade."),(0,d.mdx)("li",{parentName:"ul"},"Updated WDIO snapshots due to terra-functional-testing v2 upgrade.")))),(0,d.mdx)("h2",{id:"370---june-8-2021"},"3.7.0 - (June 8, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"360---april-6-2021"},"3.6.0 - (April 6, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,d.mdx)("h2",{id:"350---march-9-2021"},"3.5.0 - (March 9, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated to terra-functional-testing")))),(0,d.mdx)("h2",{id:"340---january-5-2021"},"3.4.0 - (January 5, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation.")))),(0,d.mdx)("h2",{id:"330---november-24-2020"},"3.3.0 - (November 24, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,d.mdx)("h2",{id:"320---august-18-2020"},"3.2.0 - (August 18, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added an interaction media query to apply ",(0,d.mdx)("inlineCode",{parentName:"li"},"hover")," styles only on non-touch devices."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated Changelog format")))),(0,d.mdx)("h2",{id:"310---august-4-2020"},"3.1.0 - (August 4, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated Changelog format")))),(0,d.mdx)("h2",{id:"300---july-14-2020"},"3.0.0 - (July 14, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Breaking Change"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("inlineCode",{parentName:"li"},"links")," prop has been deprecated, will resolve to ",(0,d.mdx)("inlineCode",{parentName:"li"},"sections"),"."),(0,d.mdx)("li",{parentName:"ul"},"Updated UpgradeGuide."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"updated ",(0,d.mdx)("inlineCode",{parentName:"li"},"master")," references to ",(0,d.mdx)("inlineCode",{parentName:"li"},"main"),".")))),(0,d.mdx)("h2",{id:"2240---may-26-2020"},"2.24.0 - (May 26, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Apply themes by context and directly include packaged themes.")))),(0,d.mdx)("h2",{id:"2230---april-28-2020"},"2.23.0 - (April 28, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"directory")," as a sub attribute to the ",(0,d.mdx)("inlineCode",{parentName:"li"},"repository")," attribute in package.json"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge')))),(0,d.mdx)("h2",{id:"2220---march-31-2020"},"2.22.0 - (March 31, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,d.mdx)("h2",{id:"2210---february-18-2020"},"2.21.0 - (February 18, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added generated-themes to .npmignore"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update docs to use MDX syntax")))),(0,d.mdx)("h2",{id:"2200---january-28-2020"},"2.20.0 - (January 28, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update copyright to include 2020")))),(0,d.mdx)("h2",{id:"2190---december-10-2019"},"2.19.0 - (December 10, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added orion-fusion-theme and generated the respective reference wdio screenshots.")))),(0,d.mdx)("h2",{id:"2180---november-7-2019"},"2.18.0 - (November 7, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"2170---october-16-2019"},"2.17.0 - (October 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"2160---october-3-2019"},"2.16.0 - (October 3, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"2150---september-26-2019"},"2.15.0 - (September 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"2140---september-19-2019"},"2.14.0 - (September 19, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site."),(0,d.mdx)("li",{parentName:"ul"},"Doc site example module import syntax modified to use package.json name resolution")))),(0,d.mdx)("h2",{id:"2130---september-6-2019"},"2.13.0 - (September 6, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files")))),(0,d.mdx)("h2",{id:"2120---august-14-2019"},"2.12.0 - (August 14, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"updated package.json test scripts")))),(0,d.mdx)("h2",{id:"2110---july-30-2019"},"2.11.0 - (July 30, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Removed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed DEPENDENCIES.md file")))),(0,d.mdx)("h2",{id:"2100---july-16-2019"},"2.10.0 - (July 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies")))),(0,d.mdx)("h2",{id:"290---july-10-2019"},"2.9.0 - (July 10, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"280---july-2-2019"},"2.8.0 - (July 2, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Renamed test and example SCSS files to end with ",(0,d.mdx)("inlineCode",{parentName:"li"},".module.scss")," extension")))),(0,d.mdx)("h2",{id:"270---june-19-2019"},"2.7.0 - (June 19, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"260---june-12-2019"},"2.6.0 - (June 12, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed all inline styles from Dev-site components and implemented the same styles using external css."),(0,d.mdx)("li",{parentName:"ul"},"Update tests for terra-toolkit v5 and terra-dev-site v5 changes"),(0,d.mdx)("li",{parentName:"ul"},"Update wdio spec to use Terra.describeViewports")))),(0,d.mdx)("h2",{id:"250---april-24-2019"},"2.5.0 - (April 24, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Moved packages we use solely in doc examples and tests to devDependencies")))),(0,d.mdx)("h2",{id:"240---march-26-2019"},"2.4.0 - (March 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,d.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,d.mdx)("h2",{id:"230---march-20-2019"},"2.3.0 - (March 20, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated brand footer examples to use styled text to correct Section 508 warning")))),(0,d.mdx)("h2",{id:"220---february-13-2019"},"2.2.0 - (February 13, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added discernible text to footer Terra UI link")))),(0,d.mdx)("h2",{id:"210---february-5-2019"},"2.1.0 - (February 5, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,d.mdx)("h2",{id:"200---january-25-2019"},"2.0.0 - (January 25, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Breaking Change",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated variable names to match new naming standard"),(0,d.mdx)("li",{parentName:"ul"},"Updated terra-core dependencies")))),(0,d.mdx)("h2",{id:"1160---january-5-2019"},"1.16.0 - (January 5, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,d.mdx)("h2",{id:"1150---january-2-2019"},"1.15.0 - (January 2, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,d.mdx)("h2",{id:"1140---december-5-2018"},"1.14.0 - (December 5, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,d.mdx)("h2",{id:"1130---december-3-2018"},"1.13.0 - (December 3, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency bump")))),(0,d.mdx)("h2",{id:"1120---november-15-2018"},"1.12.0 - (November 15, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency update"),(0,d.mdx)("li",{parentName:"ul"},"Updated component readme feature links"),(0,d.mdx)("li",{parentName:"ul"},"Moved link separator out of CSS to hide from screen readers")))),(0,d.mdx)("h2",{id:"1110---september-25-2018"},"1.11.0 - (September 25, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Improved brand footer accessibility.")))),(0,d.mdx)("h2",{id:"1100---september-5-2018"},"1.10.0 - (September 5, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,d.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,d.mdx)("h2",{id:"190---august-30-2018"},"1.9.0 - (August 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v5 update")))),(0,d.mdx)("h2",{id:"180---august-14-2018"},"1.8.0 - (August 14, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v4 update"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Lint errors regarding file path resolution")))),(0,d.mdx)("h2",{id:"170---july-25-2018"},"1.7.0 - (July 25, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Section headers can be put in the nav bar"),(0,d.mdx)("li",{parentName:"ul"},"The navigation bar can be displayed vertically"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Add .module extension to SCSS file(s)")))),(0,d.mdx)("h2",{id:"160---july-10-2018"},"1.6.0 - (July 10, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Clean up dependencies")))),(0,d.mdx)("h2",{id:"150---july-3-2018"},"1.5.0 - (July 3, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Change logs to documentation on terra-dev-site")))),(0,d.mdx)("h2",{id:"140---june-29-2018"},"1.4.0 - (June 29, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"130---june-12-2018"},"1.3.0 - (June 12, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"120---may-30-2018"},"1.2.0 - (May 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Moved examples to src")))),(0,d.mdx)("h2",{id:"110---may-22-2018"},"1.1.0 - (May 22, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"100---may-8-2018"},"1.0.0 - (May 8, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Initial stable release")))}p.isMDXComponent=!0;var x=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(n[l]=e[l]);return n}(e,a);if(Object.getOwnPropertySymbols){var m=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(n[l]=e[l])}return n}var N={},c="wrapper";function h(e){var a=e.components,l=s(e,x);return(0,d.mdx)(c,o({},N,l,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)(n.C,{mdxType:"Badge"}),(0,d.mdx)(p,{mdxType:"ChangeLog"}))}h.isMDXComponent=!0},33193:function(e,a,l){l.d(a,{C:function(){return m}});var d=l(67294),n=l(22863),m=function(e){var a=e.url;return d.createElement(n.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-brand-footer",name:"terra-brand-footer",version:"3.11.0",url:a})}},17422:function(e,a,l){l.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/31003-0b49a079853d1a8543ac.js b/31003-0b49a079853d1a8543ac.js new file mode 100644 index 0000000000..efb1759cba --- /dev/null +++ b/31003-0b49a079853d1a8543ac.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[31003],{74386:function(e,l,t){l.Z=void 0;var a=i(t(67294)),n=i(t(8439)),r=i(t(47166)),d=i(t(48824));function i(e){return e&&e.__esModule?e:{default:e}}var m=r.default.bind(d.default);l.Z=function(){return a.default.createElement(n.default,{required:!0,isIncomplete:!0,label:"T-shirt size",placeholder:"Select a size",selectId:"tshirt-size-field-1",className:m("form-select")},a.default.createElement(n.default.Option,{value:"xSmall",display:"Extra Small"}),a.default.createElement(n.default.Option,{value:"small",display:"Small"}),a.default.createElement(n.default.Option,{value:"medium",display:"Medium"}),a.default.createElement(n.default.Option,{value:"large",display:"Large"}),a.default.createElement(n.default.Option,{value:"xLarge",display:"Extra Large"}))}},61173:function(e,l,t){l.Z=void 0;var a=i(t(67294)),n=i(t(8439)),r=i(t(47166)),d=i(t(48824));function i(e){return e&&e.__esModule?e:{default:e}}var m=r.default.bind(d.default);l.Z=function(){return a.default.createElement(n.default,{label:"T-shirt size",placeholder:"Select a size",selectId:"tshirt-size-field-2",required:!0,className:m("form-select")},a.default.createElement(n.default.Option,{value:"xSmall",display:"Extra Small"}),a.default.createElement(n.default.Option,{value:"small",display:"Small"}),a.default.createElement(n.default.Option,{value:"medium",display:"Medium"}),a.default.createElement(n.default.Option,{value:"large",display:"Large"}),a.default.createElement(n.default.Option,{value:"xLarge",display:"Extra Large"}))}},3753:function(e,l,t){l.Z=void 0;var a=i(t(67294)),n=i(t(8439)),r=i(t(47166)),d=i(t(48824));function i(e){return e&&e.__esModule?e:{default:e}}var m=r.default.bind(d.default);l.Z=function(){return a.default.createElement(n.default,{label:"T-shirt size",placeholder:"Select a size",selectId:"tshirt-size-field-3",className:m("form-select")},a.default.createElement(n.default.Option,{value:"xSmall",display:"Extra Small"}),a.default.createElement(n.default.Option,{value:"small",display:"Small"}),a.default.createElement(n.default.Option,{value:"medium",display:"Medium"}),a.default.createElement(n.default.Option,{value:"large",display:"Large"}),a.default.createElement(n.default.Option,{value:"xLarge",display:"Extra Large"}))}},49271:function(e,l,t){var a=t(64836),n=t(18698);l.Z=void 0;var r=a(t(27424)),d=function(e,l){if(!l&&e&&e.__esModule)return e;if(null===e||"object"!==n(e)&&"function"!=typeof e)return{default:e};var t=x(l);if(t&&t.has(e))return t.get(e);var a={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var d in e)if("default"!==d&&Object.prototype.hasOwnProperty.call(e,d)){var i=r?Object.getOwnPropertyDescriptor(e,d):null;i&&(i.get||i.set)?Object.defineProperty(a,d,i):a[d]=e[d]}a.default=e,t&&t.set(e,a);return a}(t(67294)),i=a(t(45697)),m=a(t(47166)),o=t(21538),p=a(t(33864)),s=a(t(23399)),u=t(51051),c=a(t(53560));function x(e){if("function"!=typeof WeakMap)return null;var l=new WeakMap,t=new WeakMap;return(x=function(e){return e?t:l})(e)}var f=m.default.bind(c.default),y={example:i.default.element,exampleSrc:i.default.element,exampleCssSrc:i.default.element,title:i.default.string,description:i.default.node,isExpanded:i.default.bool},g=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},v=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},h=function(e){var l=e.example,t=e.exampleSrc,a=e.exampleCssSrc,n=e.title,i=e.description,m=e.isExpanded,c=(0,d.useState)(m),x=(0,r.default)(c,2),y=x[0],h=x[1],b=(0,d.useState)(!1),T=(0,r.default)(b,2),S=T[0],O=T[1],N=d.default.useContext(o.ThemeContext),C=void 0!==a,E=function(){O(!S),y&&h(!y)},_=function(){h(!y),S&&O(!S)},j=function(e,l){e.nativeEvent.keyCode!==u.KEY_SPACE&&e.nativeEvent.keyCode!==u.KEY_RETURN||(e.preventDefault(),l())};return d.default.createElement("div",{className:f("template",N.className)},d.default.createElement("div",{className:f("header")},n&&d.default.createElement("h2",{className:f("title")},n)),d.default.createElement("div",{className:f("content")},i&&d.default.createElement("div",{className:f("description")},i),l),d.default.createElement("div",{className:f("footer")},t?d.default.createElement("div",{className:f("button-container")},C&&d.default.createElement("button",{type:"button",className:f("css-toggle","item",{"is-selected":S}),onClick:E,onKeyDown:function(e){return j(e,E)},onBlur:g,onMouseDown:v,tabIndex:0,"data-focus-styles-enabled":!0},d.default.createElement(p.default,{className:f("chevron")}),d.default.createElement("span",null,"CSS"),d.default.createElement(s.default,{className:f("chevron")})),d.default.createElement("button",{type:"button",className:f("code-toggle","item",{"is-selected":y}),onClick:_,onKeyDown:function(e){return j(e,_)},onBlur:g,onMouseDown:v,tabIndex:0,"data-focus-styles-enabled":!0},d.default.createElement(p.default,{className:f("chevron")}),d.default.createElement("span",null,"Code"),d.default.createElement(s.default,{className:f("chevron")}))):null,d.default.createElement("div",null,S&&d.default.createElement("div",{className:f("css")},a),y&&d.default.createElement("div",{className:f("code")},t))))};h.propTypes=y,h.defaultProps={isExpanded:!1};var b=h;l.Z=b},31003:function(e,l,t){t.r(l),t.d(l,{default:function(){return V}});var a=t(67294),n=t(81254),r=t(57739),d=t(3753),i=["components"];function m(){return m=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(n[t]=e[t]);return n}(e,l);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}var p={};function s(e){var l=e.components,t=o(e,i);return(0,n.mdx)("wrapper",m({},p,t,{components:l,mdxType:"MDXLayout"}),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport SingleSelectField from \'terra-form-select/lib/SingleSelectField\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst SingleSelectFieldExample = () => (\n \n \n \n \n \n \n \n);\n\nexport default SingleSelectFieldExample;\n\n')))}s.isMDXComponent=!0;var u=t(49271),c=t(15305),x=function(e){var l=e.title,t=e.description,n=e.isExpanded;return a.createElement(u.Z,{title:l||"Single Select Field",description:t,example:a.createElement(d.Z,null),exampleCssSrc:a.createElement(c.Z,null),exampleSrc:a.createElement(s,null),isExpanded:n})},f=t(61173),y=["components"];function g(){return g=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(n[t]=e[t]);return n}(e,l);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}var h={};function b(e){var l=e.components,t=v(e,y);return(0,n.mdx)("wrapper",g({},h,t,{components:l,mdxType:"MDXLayout"}),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport SingleSelectField from \'terra-form-select/lib/SingleSelectField\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst SingleSelectFieldExample = () => (\n \n \n \n \n \n \n \n);\n\nexport default SingleSelectFieldExample;\n\n')))}b.isMDXComponent=!0;var T=function(e){var l=e.title,t=e.description,n=e.isExpanded;return a.createElement(u.Z,{title:l||"Required Single Select Field",description:t,example:a.createElement(f.Z,null),exampleCssSrc:a.createElement(c.Z,null),exampleSrc:a.createElement(b,null),isExpanded:n})},S=t(74386),O=["components"];function N(){return N=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(n[t]=e[t]);return n}(e,l);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}var E={};function _(e){var l=e.components,t=C(e,O);return(0,n.mdx)("wrapper",N({},E,t,{components:l,mdxType:"MDXLayout"}),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport SingleSelectField from \'terra-form-select/lib/SingleSelectField\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst SingleSelectFieldExample = () => (\n \n \n \n \n \n \n \n);\n\nexport default SingleSelectFieldExample;\n\n')))}_.isMDXComponent=!0;var j=function(e){var l=e.title,t=e.description,n=e.isExpanded;return a.createElement(u.Z,{title:l||"Incomplete Single Select Field",description:t,example:a.createElement(S.Z,null),exampleCssSrc:a.createElement(c.Z,null),exampleSrc:a.createElement(_,null),isExpanded:n})},w=t(78530),R=["components"];function D(){return D=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(n[t]=e[t]);return n}(e,l);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}var P={},F="wrapper";function W(e){var l=e.components,t=q(e,R);return(0,n.mdx)(F,D({},P,t,{components:l,mdxType:"MDXLayout"}),(0,n.mdx)(w.ZP,{mdxType:"PropsTable"},(0,n.mdx)(w.X2,{key:"ROW1",mdxType:"Row"},(0,n.mdx)(w.O,{mdxType:"PropNameCell"},"allowClear"),(0,n.mdx)(w.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(w.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(w.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(w.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether a clear option is available to clear the selection."))),(0,n.mdx)(w.X2,{key:"ROW2",mdxType:"Row"},(0,n.mdx)(w.O,{mdxType:"PropNameCell"},"children"),(0,n.mdx)(w.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,n.mdx)(w.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(w.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(w.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The select options."))),(0,n.mdx)(w.X2,{key:"ROW3",mdxType:"Row"},(0,n.mdx)(w.O,{mdxType:"PropNameCell"},"label"),(0,n.mdx)(w.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,n.mdx)(w.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,n.mdx)(w.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(w.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The field label."))),(0,n.mdx)(w.X2,{key:"ROW4",mdxType:"Row"},(0,n.mdx)(w.O,{mdxType:"PropNameCell"},"defaultValue"),(0,n.mdx)(w.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"unionOf: [\n type: 'string',\n type: 'number',\n type: 'array',\n],\n"))),(0,n.mdx)(w.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(w.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(w.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The default value of the select. Can be a string, number, or array of strings/numbers."))),(0,n.mdx)(w.X2,{key:"ROW5",mdxType:"Row"},(0,n.mdx)(w.O,{mdxType:"PropNameCell"},"disabled"),(0,n.mdx)(w.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(w.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(w.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(w.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether the input is disabled."))),(0,n.mdx)(w.X2,{key:"ROW6",mdxType:"Row"},(0,n.mdx)(w.O,{mdxType:"PropNameCell"},"error"),(0,n.mdx)(w.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,n.mdx)(w.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(w.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(w.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Error message displayed when the select is invalid."))),(0,n.mdx)(w.X2,{key:"ROW7",mdxType:"Row"},(0,n.mdx)(w.O,{mdxType:"PropNameCell"},"help"),(0,n.mdx)(w.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,n.mdx)(w.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(w.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(w.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Help message to display with the select."))),(0,n.mdx)(w.X2,{key:"ROW8",mdxType:"Row"},(0,n.mdx)(w.O,{mdxType:"PropNameCell"},"isIncomplete"),(0,n.mdx)(w.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(w.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(w.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(w.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether the field displays as Incomplete. Use when no value has been provided. ",(0,n.mdx)("em",{parentName:"p"},"(usage note: ",(0,n.mdx)("inlineCode",{parentName:"em"},"required")," must also be set)"),"."))),(0,n.mdx)(w.X2,{key:"ROW9",mdxType:"Row"},(0,n.mdx)(w.O,{mdxType:"PropNameCell"},"isInline"),(0,n.mdx)(w.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(w.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(w.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(w.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether the field is displayed inline. Displays block by default."))),(0,n.mdx)(w.X2,{key:"ROW10",mdxType:"Row"},(0,n.mdx)(w.O,{mdxType:"PropNameCell"},"isInvalid"),(0,n.mdx)(w.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(w.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(w.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(w.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether the field displays as Invalid. Use when value does not meet validation pattern."))),(0,n.mdx)(w.X2,{key:"ROW11",mdxType:"Row"},(0,n.mdx)(w.O,{mdxType:"PropNameCell"},"labelAttrs"),(0,n.mdx)(w.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,n.mdx)(w.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(w.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"{}\n"))),(0,n.mdx)(w.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Additional attributes to spread onto the label."))),(0,n.mdx)(w.X2,{key:"ROW12",mdxType:"Row"},(0,n.mdx)(w.O,{mdxType:"PropNameCell"},"maxHeight"),(0,n.mdx)(w.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"number\n"))),(0,n.mdx)(w.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(w.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(w.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The max height of the dropdown."))),(0,n.mdx)(w.X2,{key:"ROW13",mdxType:"Row"},(0,n.mdx)(w.O,{mdxType:"PropNameCell"},"maxWidth"),(0,n.mdx)(w.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,n.mdx)(w.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(w.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(w.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Set the max-width of a field using ",(0,n.mdx)("inlineCode",{parentName:"p"},"length")," or ",(0,n.mdx)("inlineCode",{parentName:"p"},"%"),". Best practice recommendation to never exceed\na rendered value of 1020px. ",(0,n.mdx)("em",{parentName:"p"},"(Note: Providing custom inline styles will take precedence.)")))),(0,n.mdx)(w.X2,{key:"ROW14",mdxType:"Row"},(0,n.mdx)(w.O,{mdxType:"PropNameCell"},"placeholder"),(0,n.mdx)(w.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,n.mdx)(w.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(w.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(w.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Placeholder text."))),(0,n.mdx)(w.X2,{key:"ROW15",mdxType:"Row"},(0,n.mdx)(w.O,{mdxType:"PropNameCell"},"required"),(0,n.mdx)(w.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(w.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(w.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(w.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether the field is required."))),(0,n.mdx)(w.X2,{key:"ROW16",mdxType:"Row"},(0,n.mdx)(w.O,{mdxType:"PropNameCell"},"selectAttrs"),(0,n.mdx)(w.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,n.mdx)(w.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(w.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"{}\n"))),(0,n.mdx)(w.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Additional attributes to spread onto the select."))),(0,n.mdx)(w.X2,{key:"ROW17",mdxType:"Row"},(0,n.mdx)(w.O,{mdxType:"PropNameCell"},"selectId"),(0,n.mdx)(w.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,n.mdx)(w.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,n.mdx)(w.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(w.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The Select identifier. Links the htmlFor of the field to the select identifier."))),(0,n.mdx)(w.X2,{key:"ROW18",mdxType:"Row"},(0,n.mdx)(w.O,{mdxType:"PropNameCell"},"showOptional"),(0,n.mdx)(w.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(w.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(w.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(w.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether to append the 'optional' label to a non-required field label."))),(0,n.mdx)(w.X2,{key:"ROW19",mdxType:"Row"},(0,n.mdx)(w.O,{mdxType:"PropNameCell"},"value"),(0,n.mdx)(w.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"unionOf: [\n type: 'string',\n type: 'number',\n type: 'array',\n],\n"))),(0,n.mdx)(w.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(w.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(w.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The value of the select. Can be a string, number, or array of strings/numbers.")))))}W.isMDXComponent=!0;var k=["components"];function I(){return I=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(n[t]=e[t]);return n}(e,l);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}var M={},X="wrapper";function V(e){var l=e.components,t=L(e,k);return(0,n.mdx)(X,I({},M,t,{components:l,mdxType:"MDXLayout"}),(0,n.mdx)(r.C,{mdxType:"Badge"}),(0,n.mdx)("h1",{id:"terra-form-single-select-field"},"Terra Form Single Select Field"),(0,n.mdx)("p",null,"A convenience wrapper assembling a ",(0,n.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-core/tree/main/packages/terra-form-select/src/SingleSelect.jsx"},"terra-form-select SingleSelect")," within a ",(0,n.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-core/tree/main/packages/terra-form-field"},"terra-form-field"),"."),(0,n.mdx)("p",null,"To close the combobox while using JAWS with VPC ",(0,n.mdx)("strong",{parentName:"p"},"ON")," mode, user have to press escape key twice. The first escape key press loses the VPC focus and the second escape key press closes the single select as it has control focus."),(0,n.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Install with ",(0,n.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("inlineCode",{parentName:"li"},"npm install terra-form-select"))))),(0,n.mdx)("h2",{id:"usage"},"Usage"),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-jsx"},"import SingleSelectField from 'terra-form-select/lib/SingleSelectField';\n")),(0,n.mdx)("h2",{id:"component-features"},"Component Features"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Internationalization Support")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Localization Support")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#ltr--rtl"},"LTR/RTL Support"))),(0,n.mdx)("h2",{id:"examples"},"Examples"),(0,n.mdx)(x,{title:"Single Select Field Example",mdxType:"SingleSelectFieldExample"}),(0,n.mdx)(T,{title:"Required Single Select Field Example",mdxType:"RequiredSingleSelectFieldExample"}),(0,n.mdx)(j,{title:"Incomplete Single Select Field Example",description:"Applies theme-specific styling for incomplete. ***Note: Only use incomplete if given specific guidance, reserved for specific applications when no value has been provided. Not for general use.***",mdxType:"IncompleteSingleSelectFieldExample"}),(0,n.mdx)("h2",{id:"single-select-field-props"},"Single Select Field Props"),(0,n.mdx)(W,{mdxType:"SingleSelectFieldPropsTable"}))}V.isMDXComponent=!0},15305:function(e,l,t){t.d(l,{Z:function(){return o}});t(67294);var a=t(81254),n=["components"];function r(){return r=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(n[t]=e[t]);return n}(e,l);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}var i={},m="wrapper";function o(e){var l=e.components,t=d(e,n);return(0,a.mdx)(m,r({},i,t,{components:l,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .form-select {\n max-width: 300px;\n }\n\n .controlled-button {\n margin: 5px;\n }\n}\n\n")))}o.isMDXComponent=!0},57739:function(e,l,t){t.d(l,{C:function(){return r}});var a=t(67294),n=t(22863),r=function(e){var l=e.url;return a.createElement(n.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-form-select",name:"terra-form-select",version:"6.51.0",url:l})}},48824:function(e,l,t){t.r(l),l.default={"form-select":"FormSelectDocCommon-module__form-select___Tm1QE","controlled-button":"FormSelectDocCommon-module__controlled-button___wG6cn"}},53560:function(e,l,t){t.r(l),l.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},8439:function(e,l,t){Object.defineProperty(l,"__esModule",{value:!0}),l.default=void 0;var a=p(t(67294)),n=p(t(45697)),r=p(t(47717)),d=p(t(13975)),i=p(t(87786)),m=p(t(88413)),o=["allowClear","children","defaultValue","disabled","error","help","hideRequired","isIncomplete","isInline","isInvalid","isLabelHidden","label","labelAttrs","maxHeight","maxWidth","onChange","placeholder","required","selectAttrs","selectId","showOptional","value"];function p(e){return e&&e.__esModule?e:{default:e}}function s(){return s=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(n[t]=e[t]);return n}(e,l);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}var c={allowClear:n.default.bool,children:n.default.node,label:n.default.string.isRequired,defaultValue:n.default.oneOfType([n.default.string,n.default.number,n.default.array]),disabled:n.default.bool,error:n.default.node,help:n.default.node,hideRequired:n.default.bool,isIncomplete:n.default.bool,isInline:n.default.bool,isInvalid:n.default.bool,isLabelHidden:n.default.bool,labelAttrs:n.default.object,maxHeight:n.default.number,maxWidth:n.default.string,onChange:n.default.func,placeholder:n.default.string,required:n.default.bool,selectAttrs:n.default.object,selectId:n.default.string.isRequired,showOptional:n.default.bool,value:n.default.oneOfType([n.default.string,n.default.number,n.default.array])},x={allowClear:!1,children:void 0,defaultValue:void 0,disabled:!1,error:void 0,help:void 0,hideRequired:!1,isIncomplete:!1,isInline:!1,isInvalid:!1,isLabelHidden:!1,labelAttrs:{},maxHeight:void 0,maxWidth:void 0,onChange:void 0,placeholder:void 0,required:!1,selectAttrs:{},showOptional:!1,value:void 0},f=function(e){var l,t=e.allowClear,n=e.children,i=e.defaultValue,m=e.disabled,p=e.error,c=e.help,x=e.hideRequired,f=e.isIncomplete,y=e.isInline,g=e.isInvalid,v=e.isLabelHidden,h=e.label,b=e.labelAttrs,T=e.maxHeight,S=e.maxWidth,O=e.onChange,N=e.placeholder,C=e.required,E=e.selectAttrs,_=e.selectId,j=e.showOptional,w=e.value,R=u(e,o);return c&&p&&g?l="".concat(_,"-error ").concat(_,"-help"):(c&&(l="".concat(_,"-help")),p&&g&&(l="".concat(_,"-error"))),a.default.createElement(r.default,s({},R,{label:h,labelAttrs:b,error:p,help:c,hideRequired:x,required:C,showOptional:j,isInvalid:g,isInline:y,isLabelHidden:v,htmlFor:_,maxWidth:S}),a.default.createElement(d.default,s({},E,{ariaLabel:h,allowClear:t,"aria-describedby":l,disabled:E.disabled||m,id:_,isIncomplete:f,isInvalid:g,defaultValue:i,maxHeight:T||E.maxHeight,onChange:O,placeholder:N,required:C,value:w}),n))};f.propTypes=c,f.defaultProps=x,f.Option=m.default,f.OptGroup=i.default;l.default=f},33864:function(e,l,t){Object.defineProperty(l,"__esModule",{value:!0}),l.default=void 0;var a=r(t(67294)),n=r(t(99139));function r(e){return e&&e.__esModule?e:{default:e}}function d(){return d=Object.assign?Object.assign.bind():function(e){for(var l=1;le.length)&&(r=e.length);for(var a=0,o=new Array(r);a=0||(t[a]=e[a]);return t}(e,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(t[a]=e[a])}return t}var d={};function m(e){var r=e.components,a=u(e,s);return(0,t.mdx)("wrapper",c({},d,a,{components:r,mdxType:"MDXLayout"}),(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React, { useState } from \'react\';\nimport ProgressBar from \'terra-progress-bar\';\nimport Button from \'terra-button\';\n\nconst ProgressBarDefault = () => {\n const [val, setVal] = useState(10);\n let intervalId; let\n curVal;\n curVal = 10;\n\n const updateProgress = () => {\n setVal((_val) => {\n curVal = _val + 10;\n return _val + 10;\n });\n\n if (curVal === 100) {\n clearInterval(intervalId);\n }\n };\n\n const start = () => {\n intervalId = setInterval(updateProgress, 2000);\n };\n\n return (\n
    \n \n \n
    \n
    \n );\n};\n\nexport default ProgressBarDefault;\n\n')))}m.isMDXComponent=!0;var p=a(49271),i=function(e){var r=e.title,a=e.description,t=e.isExpanded;return o.createElement(p.Z,{title:r||"Progress Bar Default",description:a,example:o.createElement(l.Z,null),exampleSrc:o.createElement(m,null),isExpanded:t})},b=a(74705),g=["components"];function f(){return f=Object.assign?Object.assign.bind():function(e){for(var r=1;r=0||(t[a]=e[a]);return t}(e,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(t[a]=e[a])}return t}var v={};function y(e){var r=e.components,a=x(e,g);return(0,t.mdx)("wrapper",f({},v,a,{components:r,mdxType:"MDXLayout"}),(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport ProgressBar from \'terra-progress-bar\';\n\nconst ProgressBarSize = () => (\n
    \n \n
    \n
    \n \n
    \n
    \n \n
    \n
    \n \n
    \n
    \n \n
    \n);\n\nexport default ProgressBarSize;\n\n')))}y.isMDXComponent=!0;var h=function(e){var r=e.title,a=e.description,t=e.isExpanded;return o.createElement(p.Z,{title:r||"Progress Bar Size",description:a,example:o.createElement(b.Z,null),exampleSrc:o.createElement(y,null),isExpanded:t})},_=a(49395),k=["components"];function O(){return O=Object.assign?Object.assign.bind():function(e){for(var r=1;r=0||(t[a]=e[a]);return t}(e,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(t[a]=e[a])}return t}var E={};function P(e){var r=e.components,a=w(e,k);return(0,t.mdx)("wrapper",O({},E,a,{components:r,mdxType:"MDXLayout"}),(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport ProgressBar from 'terra-progress-bar';\nimport classNames from 'classnames/bind';\nimport styles from 'terra-progress-bar/lib/colors.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst ProgressBarColor = () => (\n
    \n \n
    \n
    \n \n
    \n
    \n \n
    \n);\n\nexport default ProgressBarColor;\n\n")))}P.isMDXComponent=!0;var N=["components"];function C(){return C=Object.assign?Object.assign.bind():function(e){for(var r=1;r=0||(t[a]=e[a]);return t}(e,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(t[a]=e[a])}return t}var T={};function z(e){var r=e.components,a=j(e,N);return(0,t.mdx)("wrapper",C({},T,a,{components:r,mdxType:"MDXLayout"}),(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-scss"},"@import './clinical-lowlight-theme/colors.module';\n@import './orion-fusion-theme/colors.module';\n\n:root {\n --terra-progress-bar-example-1-background-color: rgb(255, 165, 0);\n --terra-progress-bar-example-2-background-color: #8ccc62;\n --terra-progress-bar-example-3-background-color: rgb(255, 0, 0);\n --terra-progress-bar-2-colors-example-1-bar-background-color: #e8e8e8;\n --terra-progress-bar-2-colors-example-1-value-background-color: #8ccc62;\n --terra-progress-bar-2-colors-example-2-bar-background-color: rgb(0, 0, 0);\n --terra-progress-bar-2-colors-example-2-value-background-color: rgb(255, 0, 0);\n --terra-progress-bar-2-colors-example-3-bar-background-color: rgb(0, 0, 139);\n --terra-progress-bar-2-colors-example-3-value-background-color: rgb(255, 165, 0);\n --terra-progress-bar-customized-example-1-bar-background-color: #d3d4d5;\n --terra-progress-bar-customized-example-1-value-background-color: #8ccc62;\n --terra-progress-bar-customized-example-1-border-right: 1px solid #fff;\n --terra-progress-bar-customized-example-1-empty-border-right: 0 solid #fff;\n --terra-progress-bar-customized-example-2-backup-bar-background-color: rgb(0, 0, 255);\n --terra-progress-bar-customized-example-2-backup-value-background-color: rgb(255, 0, 0);\n --terra-progress-bar-customized-example-2-bar-background: linear-gradient(to left, rgb(255, 255, 0), rgb(0, 0, 255));\n --terra-progress-bar-customized-example-2-value-background: linear-gradient(to left, rgb(255, 0, 0), rgb(0, 128, 0));\n --terra-progress-bar-customized-example-2-border-right: 3px solid rgb(0, 255, 0);\n --terra-progress-bar-customized-example-2-empty-border-right: 0 solid rgb(0, 255, 0);\n}\n\n:local {\n .color-bar-example-1 {\n color: var(--terra-progress-bar-example-1-background-color, rgb(255, 165, 0));\n &::-webkit-progress-value { background-color: var(--terra-progress-bar-example-1-background-color, rgb(255, 165, 0)); }\n &::-moz-progress-bar { background-color: var(--terra-progress-bar-example-1-background-color, rgb(255, 165, 0)); }\n &::-ms-fill { background-color: var(--terra-progress-bar-example-1-background-color, rgb(255, 165, 0)); }\n }\n\n .color-bar-example-2 {\n color: var(--terra-progress-bar-example-2-background-color, #8ccc62);\n &::-webkit-progress-value { background-color: var(--terra-progress-bar-example-2-background-color, #8ccc62); }\n &::-moz-progress-bar { background-color: var(--terra-progress-bar-example-2-background-color, #8ccc62); }\n &::-ms-fill { background-color: var(--terra-progress-bar-example-2-background-color, #8ccc62); }\n }\n\n .color-bar-example-3 {\n color: var(--terra-progress-bar-example-3-background-color, rgb(255, 0, 0));\n &::-webkit-progress-value { background-color: var(--terra-progress-bar-example-3-background-color, rgb(255, 0, 0)); }\n &::-moz-progress-bar { background-color: var(--terra-progress-bar-example-3-background-color, rgb(255, 0, 0)); }\n &::-ms-fill { background-color: var(--terra-progress-bar-example-3-background-color, rgb(255, 0, 0)); }\n }\n\n .two-colors-bar-2-colors-example-1 {\n background-color: var(--terra-progress-bar-2-colors-example-1-bar-background-color, #e8e8e8);\n color: var(--terra-progress-bar-2-colors-example-1-value-background-color, #8ccc62);\n &::-webkit-progress-bar { background-color: var(--terra-progress-bar-2-colors-example-1-bar-background-color, #e8e8e8); }\n &::-webkit-progress-value { background-color: var(--terra-progress-bar-2-colors-example-1-value-background-color, #8ccc62); }\n &::-moz-progress-bar { background-color: var(--terra-progress-bar-2-colors-example-1-value-background-color, #8ccc62); }\n &::-ms-fill { background-color: var(--terra-progress-bar-2-colors-example-1-value-background-color, #8ccc62); }\n }\n\n .two-colors-bar-2-colors-example-2 {\n background-color: var(--terra-progress-bar-2-colors-example-2-bar-background-color, rgb(0, 0, 0));\n color: var(--terra-progress-bar-2-colors-example-2-value-background-color, rgb(255, 0, 0));\n &::-webkit-progress-bar { background-color: var(--terra-progress-bar-2-colors-example-2-bar-background-color, rgb(0, 0, 0)); }\n &::-webkit-progress-value { background-color: var(--terra-progress-bar-2-colors-example-2-value-background-color, rgb(255, 0, 0)); }\n &::-moz-progress-bar { background-color: var(--terra-progress-bar-2-colors-example-2-value-background-color, rgb(255, 0, 0)); }\n &::-ms-fill { background-color: var(--terra-progress-bar-2-colors-example-2-value-background-color, rgb(255, 0, 0)); }\n }\n\n .two-colors-bar-2-colors-example-3 {\n background-color: var(--terra-progress-bar-2-colors-example-3-bar-background-color, rgb(0, 0, 139));\n color: var(--terra-progress-bar-2-colors-example-3-value-background-color, rgb(255, 165, 0));\n &::-webkit-progress-bar { background-color: var(--terra-progress-bar-2-colors-example-3-bar-background-color, rgb(0, 0, 139)); }\n &::-webkit-progress-value { background-color: var(--terra-progress-bar-2-colors-example-3-value-background-color, rgb(255, 165, 0)); }\n &::-moz-progress-bar { background-color: var(--terra-progress-bar-2-colors-example-3-value-background-color, rgb(255, 165, 0)); }\n &::-ms-fill { background-color: var(--terra-progress-bar-2-colors-example-3-value-background-color, rgb(255, 165, 0)); }\n }\n\n .customized-color-bar-example-1 {\n background-color: var(--terra-progress-bar-customized-example-1-bar-background-color, #d3d4d5);\n border-right: var(--terra-progress-bar-customized-example-1-border-right, 1px solid #fff);\n color: var(--terra-progress-bar-customized-example-1-value-background-color, #8ccc62);\n\n &[value] {\n &::-webkit-progress-bar { background-color: var(--terra-progress-bar-customized-example-1-bar-background-color, #d3d4d5); }\n\n &::-webkit-progress-value {\n background-color: var(--terra-progress-bar-customized-example-1-value-background-color, #8ccc62);\n border-right: var(--terra-progress-bar-customized-example-1-border-right, 1px solid #fff);\n }\n\n &::-moz-progress-bar {\n background-color: var(--terra-progress-bar-customized-example-1-value-background-color, #8ccc62);\n border-right: var(--terra-progress-bar-customized-example-1-border-right, 1px solid #fff);\n }\n\n &::-ms-fill {\n background-color: var(--terra-progress-bar-customized-example-1-value-background-color, #8ccc62);\n border-right: var(--terra-progress-bar-customized-example-1-border-right, 1px solid #fff);\n }\n }\n\n &[value='100'],\n &[value='0'] {\n border-right: var(--terra-progress-bar-customized-example-1-empty-border-right, 0 solid #fff);\n &::-webkit-progress-value { border-right: var(--terra-progress-bar-customized-example-1-empty-border-right, 0 solid #fff); }\n &::-moz-progress-bar { border-right: var(--terra-progress-bar-customized-example-1-empty-border-right, 0 solid #fff); }\n &::-ms-fill { border-right: var(--terra-progress-bar-customized-example-1-empty-border-right, 0 solid #fff); }\n }\n\n }\n\n .customized-color-bar-example-2 {\n background: var(--terra-progress-bar-customized-example-2-bar-background, linear-gradient(to left, rgb(255, 255, 0), rgb(0, 0, 255)));\n background-color: var(--terra-progress-bar-customized-example-2-backup-bar-background-color, rgb(0, 0, 255));\n border-right: var(--terra-progress-bar-customized-example-2-border-right, 3px solid rgb(0, 255, 0));\n color: var(--terra-progress-bar-customized-example-2-backup-value-background-color, rgb(255, 0, 0));\n\n &[value] {\n &::-webkit-progress-bar {\n background: var(--terra-progress-bar-customized-example-2-bar-background, linear-gradient(to left, rgb(255, 255, 0), rgb(0, 0, 255)));\n background-color: var(--terra-progress-bar-customized-example-2-backup-bar-background-color, rgb(0, 0, 255));\n }\n\n &::-webkit-progress-value {\n background: var(--terra-progress-bar-customized-example-2-value-background, linear-gradient(to left, rgb(255, 0, 0), rgb(0, 128, 0)));\n background-color: var(--terra-progress-bar-customized-example-2-backup-value-background-color, rgb(255, 0, 0));\n border-right: var(--terra-progress-bar-customized-example-2-border-right, 3px solid rgb(0, 255, 0));\n }\n\n &::-moz-progress-bar {\n background: var(--terra-progress-bar-customized-example-2-value-background, linear-gradient(to left, rgb(255, 0, 0), rgb(0, 128, 0)));\n background-color: var(--terra-progress-bar-customized-example-2-backup-value-background-color, rgb(255, 0, 0));\n border-right: var(--terra-progress-bar-customized-example-2-border-right, 3px solid rgb(0, 255, 0));\n }\n\n &::-ms-fill {\n background: var(--terra-progress-bar-customized-example-2-value-background, linear-gradient(to left, rgb(255, 0, 0), rgb(0, 128, 0)));\n background-color: var(--terra-progress-bar-customized-example-2-backup-value-background-color, rgb(255, 0, 0));\n border-right: var(--terra-progress-bar-customized-example-2-border-right, 3px solid rgb(0, 255, 0));\n }\n }\n\n &[value='100'],\n &[value='0'] {\n border-right: var(--terra-progress-bar-customized-example-2-empty-border-right, 0 solid rgb(0, 255, 0));\n &::-webkit-progress-value { border-right: var(--terra-progress-bar-customized-example-2-empty-border-right, 0 solid rgb(0, 255, 0)); }\n &::-moz-progress-bar { border-right: var(--terra-progress-bar-customized-example-2-empty-border-right, 0 solid rgb(0, 255, 0)); }\n &::-ms-fill { border-right: var(--terra-progress-bar-customized-example-2-empty-border-right, 0 solid rgb(0, 255, 0)); }\n }\n }\n}\n\n")))}z.isMDXComponent=!0;var S=function(e){var r=e.title,a=e.description,t=e.isExpanded;return o.createElement(p.Z,{title:r||"Progress Bar Color",description:a,example:o.createElement(_.Z,null),exampleCssSrc:o.createElement(z,null),exampleSrc:o.createElement(P,null),isExpanded:t})},B=a(39297),D=["components"];function M(){return M=Object.assign?Object.assign.bind():function(e){for(var r=1;r=0||(t[a]=e[a]);return t}(e,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(t[a]=e[a])}return t}var I={};function Z(e){var r=e.components,a=R(e,D);return(0,t.mdx)("wrapper",M({},I,a,{components:r,mdxType:"MDXLayout"}),(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport ProgressBar from 'terra-progress-bar';\nimport classNames from 'classnames/bind';\nimport styles from 'terra-progress-bar/lib/colors.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst ProgressBarGradient = () => (\n
    \n \n
    \n
    \n \n
    \n
    \n \n
    \n);\n\nexport default ProgressBarGradient;\n\n")))}Z.isMDXComponent=!0;var A=function(e){var r=e.title,a=e.description,t=e.isExpanded;return o.createElement(p.Z,{title:r||"Progress Bar Two Colors",description:a,example:o.createElement(B.Z,null),exampleCssSrc:o.createElement(z,null),exampleSrc:o.createElement(Z,null),isExpanded:t})},W=a(78530),X=["components"];function q(){return q=Object.assign?Object.assign.bind():function(e){for(var r=1;r=0||(t[a]=e[a]);return t}(e,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(t[a]=e[a])}return t}var L={},G="wrapper";function K(e){var r=e.components,a=V(e,X);return(0,t.mdx)(G,q({},L,a,{components:r,mdxType:"MDXLayout"}),(0,t.mdx)(W.ZP,{mdxType:"PropsTable"},(0,t.mdx)(W.X2,{key:"ROW1",mdxType:"Row"},(0,t.mdx)(W.O,{mdxType:"PropNameCell"},"heightSize"),(0,t.mdx)(W.Di,{mdxType:"TypeCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'tiny'\n 'small'\n 'medium'\n 'large'\n 'huge'\n],\n"))),(0,t.mdx)(W.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,t.mdx)(W.mW,{mdxType:"DefaultValueCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"'small'\n"))),(0,t.mdx)(W.Ex,{mdxType:"DescriptionCell"},(0,t.mdx)("p",null,"Sets the size of the progress-bar from the following values; ",(0,t.mdx)("inlineCode",{parentName:"p"},"tiny"),", ",(0,t.mdx)("inlineCode",{parentName:"p"},"small"),", ",(0,t.mdx)("inlineCode",{parentName:"p"},"medium"),", ",(0,t.mdx)("inlineCode",{parentName:"p"},"large")," and ",(0,t.mdx)("inlineCode",{parentName:"p"},"huge")))),(0,t.mdx)(W.X2,{key:"ROW2",mdxType:"Row"},(0,t.mdx)(W.O,{mdxType:"PropNameCell"},"value"),(0,t.mdx)(W.Di,{mdxType:"TypeCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"number\n"))),(0,t.mdx)(W.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,t.mdx)(W.mW,{mdxType:"DefaultValueCell"},(0,t.mdx)("p",null,"none")),(0,t.mdx)(W.Ex,{mdxType:"DescriptionCell"},(0,t.mdx)("p",null,"Sets the fill-value of the progress bar with respect to the ",(0,t.mdx)("inlineCode",{parentName:"p"},"max")," prop."))),(0,t.mdx)(W.X2,{key:"ROW3",mdxType:"Row"},(0,t.mdx)(W.O,{mdxType:"PropNameCell"},"max"),(0,t.mdx)(W.Di,{mdxType:"TypeCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"number\n"))),(0,t.mdx)(W.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,t.mdx)(W.mW,{mdxType:"DefaultValueCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"100\n"))),(0,t.mdx)(W.Ex,{mdxType:"DescriptionCell"},(0,t.mdx)("p",null,"Sets the maximum possible fill-value."))),(0,t.mdx)(W.X2,{key:"ROW4",mdxType:"Row"},(0,t.mdx)(W.O,{mdxType:"PropNameCell"},"valueText"),(0,t.mdx)(W.Di,{mdxType:"TypeCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,t.mdx)(W.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,t.mdx)(W.mW,{mdxType:"DefaultValueCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,t.mdx)(W.Ex,{mdxType:"DescriptionCell"},(0,t.mdx)("p",null,(0,t.mdx)("img",{parentName:"p",src:"https://badgen.net/badge/prop/deprecated/red",alt:"IMPORTANT"}),"\nvalueText has been deprecated and will be removed on next major version release.\nat ",(0,t.mdx)("a",{parentName:"p",href:"https://www.w3.org/WAI/PF/aria/states_and_properties#aria-valuetext"},"https://www.w3.org/WAI/PF/aria/states_and_properties#aria-valuetext"),"."))),(0,t.mdx)(W.X2,{key:"ROW5",mdxType:"Row"},(0,t.mdx)(W.O,{mdxType:"PropNameCell"},"colorClass"),(0,t.mdx)(W.Di,{mdxType:"TypeCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,t.mdx)(W.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,t.mdx)(W.mW,{mdxType:"DefaultValueCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"'default-color'\n"))),(0,t.mdx)(W.Ex,{mdxType:"DescriptionCell"},(0,t.mdx)("p",null,"Sets an author defined class, to control the colors of the progress bar and override the base color styles."),(0,t.mdx)("p",null,(0,t.mdx)("img",{parentName:"p",src:"https://badgen.net/badge//IMPORTANT/blue?icon=github",alt:"IMPORTANT"}),"\nAdding ",(0,t.mdx)("inlineCode",{parentName:"p"},"var(--my-app...")," CSS variables is required for proper re-themeability when creating custom color styles ",(0,t.mdx)("em",{parentName:"p"},"(see included examples)"),".")))))}K.isMDXComponent=!0;var F=["components"];function H(){return H=Object.assign?Object.assign.bind():function(e){for(var r=1;r=0||(t[a]=e[a]);return t}(e,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(t[a]=e[a])}return t}var Y={},Q="wrapper";function J(e){var r=e.components,a=U(e,F);return(0,t.mdx)(Q,H({},Y,a,{components:r,mdxType:"MDXLayout"}),(0,t.mdx)(n.C,{mdxType:"Badge"}),(0,t.mdx)("h1",{id:"terra-progress-bar"},"Terra Progress Bar"),(0,t.mdx)("p",null,"The progress bar component provides users a way to display the progress of process or activity in a graphical manner. It can be modified\nin height and fill color. Its styling is set such that, the ",(0,t.mdx)("inlineCode",{parentName:"p"},"ProgressBar")," element will occupy full width of its parent element and will\nflex based on the width of the parent container."),(0,t.mdx)("p",null,"Note: The progress bar displays fill with respect to percentage (value between 0 and 100). If ",(0,t.mdx)("inlineCode",{parentName:"p"},"max")," isn't specified in the input to the component, then ",(0,t.mdx)("inlineCode",{parentName:"p"},"value")," corresponds to a percentage value."),(0,t.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"Install with ",(0,t.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,t.mdx)("ul",{parentName:"li"},(0,t.mdx)("li",{parentName:"ul"},(0,t.mdx)("inlineCode",{parentName:"li"},"npm install terra-progress-bar"))))),(0,t.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,t.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,t.mdx)("table",null,(0,t.mdx)("thead",{parentName:"table"},(0,t.mdx)("tr",{parentName:"thead"},(0,t.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,t.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,t.mdx)("tbody",{parentName:"table"},(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"react"),(0,t.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,t.mdx)("td",{parentName:"tr",align:null},"^16.8.5")))),(0,t.mdx)("h2",{id:"usage"},"Usage"),(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-jsx"},"import ProgressBar from 'terra-progress-bar';\n")),(0,t.mdx)("h3",{id:"color-class"},"Color Class"),(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-css"},":root {\n --my-app-progress-bar-example-1-background-color: rgb(255, 165, 0);\n --my-app-progress-bar-example-2-background-color: #8ccc62;\n --my-app-progress-bar-example-3-background-color: rgb(255, 0, 0);\n}\n\n:local {\n .color-bar-example-1 {\n color: var(--my-app-progress-bar-example-1-background-color, rgb(255, 165, 0));\n &::-webkit-progress-value { background-color: var(--my-app-progress-bar-example-1-background-color, rgb(255, 165, 0)); }\n &::-moz-progress-bar { background-color: var(--my-app-progress-bar-example-1-background-color, rgb(255, 165, 0)); }\n &::-ms-fill { background-color: var(--my-app-progress-bar-example-1-background-color, rgb(255, 165, 0)); }\n }\n\n .color-bar-example-2 {\n color: var(--my-app-progress-bar-example-2-background-color, #8ccc62);\n &::-webkit-progress-value { background-color: var(--my-app-progress-bar-example-2-background-color, #8ccc62); }\n &::-moz-progress-bar { background-color: var(--my-app-progress-bar-example-2-background-color, #8ccc62); }\n &::-ms-fill { background-color: var(--my-app-progress-bar-example-2-background-color, #8ccc62); }\n }\n\n .color-bar-example-3 {\n color: var(--my-app-progress-bar-example-3-background-color, rgb(255, 0, 0));\n &::-webkit-progress-value { background-color: var(--my-app-progress-bar-example-3-background-color, rgb(255, 0, 0)); }\n &::-moz-progress-bar { background-color: var(--my-app-progress-bar-example-3-background-color, rgb(255, 0, 0)); }\n &::-ms-fill { background-color: var(--my-app-progress-bar-example-3-background-color, rgb(255, 0, 0)); }\n }\n}\n")),(0,t.mdx)("h2",{id:"component-features"},"Component Features"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},(0,t.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,t.mdx)("li",{parentName:"ul"},(0,t.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,t.mdx)("li",{parentName:"ul"},(0,t.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support"))),(0,t.mdx)("h2",{id:"examples"},"Examples"),(0,t.mdx)(i,{title:"Default",mdxType:"ProgressBarDefault"}),(0,t.mdx)(h,{title:"Size",mdxType:"ProgressBarSize"}),(0,t.mdx)(S,{title:"Color",description:"By passing in a colorClass, authors can manually set the bar color of any `` component.",mdxType:"ProgressBarColor"}),(0,t.mdx)(A,{title:"Foreground and Background Color",description:"By passing in a colorClass, authors can manually set the bar color of any `` component.",mdxType:"ProgressBarTwoColors"}),(0,t.mdx)("h2",{id:"progress-bar-props"},"Progress Bar Props"),(0,t.mdx)(K,{mdxType:"ProgressBarPropsTable"}))}J.isMDXComponent=!0},19467:function(e,r,a){a.d(r,{C:function(){return n}});var o=a(67294),t=a(22863),n=function(e){var r=e.url;return o.createElement(t.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-progress-bar",name:"terra-progress-bar",version:"4.35.0",url:r})}},17422:function(e,r,a){a.r(r),r.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},53560:function(e,r,a){a.r(r),r.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},13559:function(e,r,a){a.r(r),r.default={"clinical-lowlight-theme":"ProgressBar-module__clinical-lowlight-theme___2R-V2","orion-fusion-theme":"ProgressBar-module__orion-fusion-theme___HjiAn","progress-bar":"ProgressBar-module__progress-bar___ldMCP","default-color":"ProgressBar-module__default-color___-XUpG",tiny:"ProgressBar-module__tiny___arTaR",small:"ProgressBar-module__small___aIbie",medium:"ProgressBar-module__medium___DIoxZ",large:"ProgressBar-module__large___KiWFK",huge:"ProgressBar-module__huge___G3Q0C"}},24032:function(e,r,a){a.r(r),r.default={"clinical-lowlight-theme":"colors-module__clinical-lowlight-theme___nKkHc","orion-fusion-theme":"colors-module__orion-fusion-theme___yJQlM","color-bar-example-1":"colors-module__color-bar-example-1___IsU0K","color-bar-example-2":"colors-module__color-bar-example-2___j5kKs","color-bar-example-3":"colors-module__color-bar-example-3___u46rC","two-colors-bar-2-colors-example-1":"colors-module__two-colors-bar-2-colors-example-1___kByzW","two-colors-bar-2-colors-example-2":"colors-module__two-colors-bar-2-colors-example-2___dN8qh","two-colors-bar-2-colors-example-3":"colors-module__two-colors-bar-2-colors-example-3___Oicor","customized-color-bar-example-1":"colors-module__customized-color-bar-example-1___TnPPE","customized-color-bar-example-2":"colors-module__customized-color-bar-example-2___MpAMp"}},33864:function(e,r,a){Object.defineProperty(r,"__esModule",{value:!0}),r.default=void 0;var o=n(a(67294)),t=n(a(99139));function n(e){return e&&e.__esModule?e:{default:e}}function l(){return l=Object.assign?Object.assign.bind():function(e){for(var r=1;r=0||(t[a]=e[a]);return t}(e,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(t[a]=e[a])}return t}var i=l.default.bind(c.default),b=(r.ProgressBarHeightSize={TINY:"tiny",SMALL:"small",MEDIUM:"medium",LARGE:"large",HUGE:"huge"},{heightSize:t.default.oneOf(["tiny","small","medium","large","huge"]),value:t.default.number.isRequired,max:t.default.number,valueText:t.default.string,colorClass:t.default.string,intl:t.default.shape({formatMessage:t.default.func})}),g={heightSize:"small",max:100,valueText:void 0,colorClass:"default-color"},f=function(e){var r=e.heightSize,a=e.value,t=e.max,l=(e.valueText,e.colorClass),c=(e.intl,p(e,u)),d=o.default.useContext(s.default),b=(0,n.default)(i("progress-bar",r,l,d.className),c.className),g=a/t*100;return o.default.createElement("div",null,o.default.createElement("progress",m({},c,{className:b,max:100,value:g,"aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":g,"aria-valuetext":-1===navigator.userAgent.indexOf("Mac")||-1!==navigator.userAgent.indexOf("Win")?"".concat(g,"%"):void 0,tabIndex:"-1"})))};f.propTypes=b,f.defaultProps=g;r.default=f}}]); \ No newline at end of file diff --git a/31446-b8e771a24d2641c0f8f7.css b/31446-b8e771a24d2641c0f8f7.css new file mode 100644 index 0000000000..09a1fef6ac --- /dev/null +++ b/31446-b8e771a24d2641c0f8f7.css @@ -0,0 +1,2 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.Whitespace-module__whitespace___OXKKU{display:block;min-height:0}[dir] .Whitespace-module__whitespace___OXKKU{margin:0;padding:0}.Whitespace-module__newline-1___J5RR0{height:1.4285714286em}.Whitespace-module__newline-2___kawg\+{height:2.8571428572em}.Whitespace-module__newline-3___K\+IKl{height:4.2857142858em}.Whitespace-module__newline-4___fHvAZ{height:5.7142857144em}.Whitespace-module__newline-5___VidsD{height:7.142857143em}.Whitespace-module__newline-6___\+7QIy{height:8.5714285716em}.Whitespace-module__newline-7___lyrHl{height:10.0000000002em}.Whitespace-module__newline-8___48hDj{height:11.4285714288em} diff --git a/31446-b8e771a24d2641c0f8f7.js b/31446-b8e771a24d2641c0f8f7.js new file mode 100644 index 0000000000..66418fff6a --- /dev/null +++ b/31446-b8e771a24d2641c0f8f7.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[31446,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,t,a){var n=a(64836);t.Z=void 0;var l=n(a(67294)),r=n(a(45697)),i=n(a(47166)),o=n(a(17422)),d=i.default.bind(o.default),s={name:r.default.string.isRequired,src:r.default.string,url:r.default.string,version:r.default.string.isRequired},m=function(e){var t=e.src,a=e.name,n=e.url,r=e.version,i=l.default.createElement("a",{className:d("badge"),href:n||"https://www.npmjs.org/package/".concat(a,"/v/").concat(r)},l.default.createElement("span",{className:d("badge-name")},n?"package":"npm"),l.default.createElement("span",{className:d("badge-version")},"v".concat(r))),o=t?l.default.createElement("a",{className:d("badge"),href:t},l.default.createElement("span",{className:d("badge-name")},"github"),l.default.createElement("span",{className:d("badge-version")},"source")):void 0;return l.default.createElement("div",{className:d("badge-container")},i,o)};m.propTypes=s;var p=m;t.Z=p},40996:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=s(a(67294)),l=s(a(45697)),r=s(a(47166)),i=s(a(50026)),o=s(a(66983)),d=["children"];function s(e){return e&&e.__esModule?e:{default:e}}function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[a]=e[a]);return l}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(l[a]=e[a])}return l}var u=r.default.bind(o.default),c=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},h=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},f={children:l.default.string},b=function(e){var t=e.children,a=p(e,d),l=n.default.useContext(i.default),o=(0,r.default)(u(["button",l.className]),a.className);return n.default.createElement("button",m({},a,{type:"button",className:o,onBlur:c,onMouseDown:h,"data-focus-styles-enabled":!0}),t)};b.propTypes=f;t.default=b},59278:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=d(a(67294)),l=d(a(45697)),r=d(a(47166)),i=d(a(50026)),o=d(a(30866));function d(e){return e&&e.__esModule?e:{default:e}}var s=r.default.bind(o.default),m={ariaLevel:l.default.oneOf(["2","3","4","5","6"]),children:l.default.node,variant:l.default.oneOf(["ux-recommendation","caution","deprecation","maintenance","important","not-supported"])},p=function(e){var t=e.ariaLevel,a=e.variant,l=e.children,r=n.default.useContext(i.default);return n.default.createElement("div",{className:s("notice",a,r.className)},n.default.createElement("div",{className:s("accessory"),"aria-hidden":"true",focusable:"false"}),n.default.createElement("div",{role:"heading",className:s("title"),"aria-level":t},n.default.createElement("span",null,function(e){return"ux-recommendation"===e?"UX Recommendation":"caution"===e?"Caution":"deprecation"===e?"Deprecation Notice":"maintenance"===e?"In Maintenance":"important"===e?"Important":"not-supported"===e?"Hazards for Incorrect Usage":"error"}(a))),n.default.createElement("div",{className:s("children")},function(e){return"not-supported"===e?n.default.createElement(n.default.Fragment,null,n.default.createElement("p",{className:s("paragraph")},"This component was designed and tested according to the documented implementation."),n.default.createElement("p",{className:s("paragraph")},"Using the component incorrectly:",n.default.createElement("ul",{className:s("list")},n.default.createElement("li",null,"will likely result in improper composition and create accessibility issues"),n.default.createElement("li",null,"may cause erratic or broken behaviors and styles"),n.default.createElement("li",null,n.default.createElement("strong",null,"will not be supported "),"or enhanced to allow for incorrect use")))):null}(a),n.default.Children.map(l,(function(e){return"string"==typeof e?n.default.createElement("p",null,e):e}))))};p.propTypes=m,p.defaultProps={ariaLevel:"2",variant:"important"};t.default=p},47306:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=m(a(67294)),l=m(a(45697)),r=m(a(94184)),i=m(a(47166)),o=m(a(50026)),d=m(a(42620)),s=["title"];function m(e){return e&&e.__esModule?e:{default:e}}function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[a]=e[a]);return l}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(l[a]=e[a])}return l}var c=i.default.bind(d.default),h={title:l.default.string},f=function(e){var t=e.title,a=u(e,s),l=n.default.useContext(o.default),i=(0,r.default)(c(["placeholder",l.className]),a.className),d=c(["inner"]);return n.default.createElement("div",p({},a,{className:i}),n.default.createElement("div",{className:d},n.default.createElement("p",{className:c("title")},t)))};f.propTypes=h,f.defaultProps={title:""};t.default=f},34261:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Button",{enumerable:!0,get:function(){return r.default}}),Object.defineProperty(t,"Notice",{enumerable:!0,get:function(){return n.default}}),Object.defineProperty(t,"Placeholder",{enumerable:!0,get:function(){return l.default}});var n=i(a(59278)),l=i(a(47306)),r=i(a(40996));function i(e){return e&&e.__esModule?e:{default:e}}},13329:function(e,t,a){var n=a(64836);t.Z=void 0;var l=n(a(10434)),r=n(a(70215)),i=n(a(67294)),o=n(a(45697)),d=n(a(94184)),s=n(a(47166)),m=n(a(20495)),p=["newline"],u=s.default.bind(m.default),c={newline:o.default.oneOf([1,2,3,4,5,6,7,8])},h=function(e){var t=e.newline,a=(0,r.default)(e,p),n=(0,d.default)(u("whitespace","newline-".concat(t)),a.className);return i.default.createElement("div",(0,l.default)({},a,{className:n,"aria-hidden":"true"}))};h.propTypes=c,h.defaultProps={newline:1};t.Z=h},31446:function(e,t,a){a.r(t),a.d(t,{default:function(){return u}});a(67294);var n=a(81254),l=a(29907),r=a(34261),i=a(13329),o=["components"];function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[a]=e[a]);return l}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(l[a]=e[a])}return l}var m={},p="wrapper";function u(e){var t=e.components,a=s(e,o);return(0,n.mdx)(p,d({},m,a,{components:t,mdxType:"MDXLayout"}),(0,n.mdx)(l.C,{mdxType:"Badge"}),(0,n.mdx)("h1",{id:"accessibility-guide-for-terra-filter-pills"},"Accessibility Guide for Terra Filter Pills"),(0,n.mdx)(r.Notice,{variant:"important",ariaLevel:"2",mdxType:"Notice"},(0,n.mdx)("ol",null,(0,n.mdx)("li",{parentName:"ol"},(0,n.mdx)("strong",{parentName:"li"},"Filter Pills have special interactions and construction")," that makes them unique from standard buttons or a list of interactive items."),(0,n.mdx)("li",{parentName:"ol"},"Used as a group of combined elements, the collection of pills ",(0,n.mdx)("strong",{parentName:"li"},"interacts like a single unit")," having one tab focus order sequence for the full group, with arrow keys providing inner-navigation by keyboard between the individual items. "),(0,n.mdx)("li",{parentName:"ol"},"The group of filter pills will ",(0,n.mdx)("strong",{parentName:"li"},"always need to have a label")," in the form of a heading, visible text, or at minimum by providing the aria-label (for reserved circumstances)."))),(0,n.mdx)(i.Z,{mdxType:"Whitespace"}),(0,n.mdx)("h2",{id:"accessibility-considerations"},"Accessibility Considerations:"),(0,n.mdx)("h3",{id:"code-considerations"},"Code Considerations"),(0,n.mdx)("p",null,"Each use of Filters Pills is a grouping of interactive elements and will need to have a clear and descriptive label that informs the user of the intent of the pills being shown, separating it from other areas on the page with similar usage. Filter Pills offers two approaches to providing the correct labelling, using the ",(0,n.mdx)("strong",{parentName:"p"},(0,n.mdx)("inlineCode",{parentName:"strong"},"ariaLabel"))," prop or the ",(0,n.mdx)("strong",{parentName:"p"},(0,n.mdx)("inlineCode",{parentName:"strong"},"ariaLabelledBy"))," prop, each with a specific and intended use."),(0,n.mdx)("hr",null),(0,n.mdx)("h4",{id:"using-aria-label"},"Using aria-label"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Filter Pills includes a required prop called ",(0,n.mdx)("strong",{parentName:"p"},(0,n.mdx)("inlineCode",{parentName:"strong"},"ariaLabel"))," which will add the ",(0,n.mdx)("a",{parentName:"p",href:"https://www.w3.org/TR/wai-aria-1.1/#aria-label"},"aria-label")," html property on the parent ",(0,n.mdx)("inlineCode",{parentName:"p"},"")," div element, satisfying the minimum level of accessibility required to provide an ",(0,n.mdx)("a",{parentName:"p",href:"https://www.w3.org/TR/accname-1.1/#dfn-accessible-name"},"Accessible Name"),". However, the ",(0,n.mdx)("a",{parentName:"p",href:"https://www.w3.org/TR/wai-aria-1.1/#aria-label"},"aria-label")," is not visible to users. However, providing visible text to users is ",(0,n.mdx)("em",{parentName:"p"},"preferred")," for the majority of cases, instead using ",(0,n.mdx)("a",{parentName:"p",href:"https://www.w3.org/TR/wai-aria-1.1/#aria-labelledby"},"aria-labelledby")," to identify the element that labels each use of a filter pills group. ")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Using the ",(0,n.mdx)("inlineCode",{parentName:"p"},"ariaLabel")," prop alone should be reserved for special circumstances to ",(0,n.mdx)("a",{parentName:"p",href:"https://www.w3.org/WAI/WCAG21/Techniques/aria/ARIA14"},"provide an invisible label where a visible label cannont be used"),", such as filter pills being composed in a higher-order component where the visible items are purely decorative, the context is clearly understood, and correct use of the ",(0,n.mdx)("a",{parentName:"p",href:"https://www.w3.org/TR/wai-aria-1.1/#aria-label"},"aria-label")," html property is ensured. It is a required prop for the component purely as a method of accessibility minimum standard protection."))),(0,n.mdx)("h4",{id:"using-aria-labelledby-recommended"},"Using aria-labelledby ",(0,n.mdx)("em",{parentName:"h4"},"(recommended)")),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Filter Pills includes an optional prop called ",(0,n.mdx)("strong",{parentName:"p"},(0,n.mdx)("inlineCode",{parentName:"strong"},"ariaLabelled"))," which will add the ",(0,n.mdx)("a",{parentName:"p",href:"https://www.w3.org/TR/wai-aria-1.1/#aria-labelledby"},"aria-labelledby")," html property and accessibly connects a visible heading, text, or elements that labels the filter pills group. Using the ",(0,n.mdx)("strong",{parentName:"p"},(0,n.mdx)("inlineCode",{parentName:"strong"},"ariaLabelled"))," prop is the recommended method to provide an ",(0,n.mdx)("a",{parentName:"p",href:"https://www.w3.org/TR/accname-1.1/#dfn-accessible-name"},"Accessible Name")," in order to ",(0,n.mdx)("a",{parentName:"p",href:"https://www.w3.org/WAI/WCAG21/Techniques/aria/ARIA16"},"provide a name for user interface controls"),".")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Note: The visible label referenced by the ",(0,n.mdx)("strong",{parentName:"p"},(0,n.mdx)("inlineCode",{parentName:"strong"},"ariaLabelledBy"))," prop and the ",(0,n.mdx)("strong",{parentName:"p"},(0,n.mdx)("inlineCode",{parentName:"strong"},"ariaLabel"))," prop should be set to the same string values for fallback protection, even though when done properly ariaLabelledBy should override ariaLabel and the ",(0,n.mdx)("inlineCode",{parentName:"p"},'aria-labelledby="id"')," property will replace the ",(0,n.mdx)("inlineCode",{parentName:"p"},'aria-label="string"')," property in the compiled markup."))),(0,n.mdx)(r.Notice,{variant:"important",ariaLevel:"5",mdxType:"Notice"},(0,n.mdx)("p",null,(0,n.mdx)("strong",{parentName:"p"},"Accessibility Guidance: Adding a Visible Label")),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"As a best practice, the Filter Pills component should be accompanied by a visible label, which may need to be styled and positioned according to a specific usage and should be done so by each consumer. Use the ",(0,n.mdx)("a",{parentName:"p",href:"/terra-ui/components/cerner-terra-framework-docs/pills/filter-pills"},"ariaLabelledBy")," prop in Filter Pills, and provide it the ",(0,n.mdx)("strong",{parentName:"p"},(0,n.mdx)("inlineCode",{parentName:"strong"},"id"))," of the visible label or heading, which will allow for the visible text to be accessibly connected to the pills. ")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"To see a working example of the code sample below, go to ",(0,n.mdx)("a",{parentName:"p",href:"/terra-ui/components/cerner-terra-framework-docs/pills/filter-pills"},"Usage Considerations: Adding a Visible Label"),":"))),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-diff"},"+ const patientEducationSearchTermsLabel = 'Patient Education Search Terms:';\n+ const patientEducationSearchTermsLabelID = 'patient-education-search-terms-label';\n\n return (\n
    \n \n+ {patientEducationSearchTermsLabel}\n \n \n {pills.map((pill, index) => (\n \n ))}\n \n
    \n );\n"))),(0,n.mdx)(i.Z,{newline:2,mdxType:"Whitespace"}),(0,n.mdx)("h3",{id:"content-considerations"},"Content Considerations"),(0,n.mdx)("p",null,"As authors create text, choosing words and phrases for Filter Pills — the content itself is also a very important factor in ensuring proper accessibility in addition to the coding techniques listed above."),(0,n.mdx)("hr",null),(0,n.mdx)("h4",{id:"filter-pills-group-label"},"Filter Pills group label"),(0,n.mdx)("p",null,"Each use of Filters Pills is a grouping of interactive elements, specifically a list, which ",(0,n.mdx)("a",{parentName:"p",href:"https://fae.disability.illinois.edu/rulesets/LIST_2/"},"requires a list label")," to meet the WCAG Success Criteria for ",(0,n.mdx)("a",{parentName:"p",href:"https://www.w3.org/TR/WCAG21/#headings-and-labels"},"2.4.6 Headings and Labels (Level AA)"),". In order to best meet this criteria, techniques that help to determine how to author appropriate labels are to make them:"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("strong",{parentName:"li"},(0,n.mdx)("a",{parentName:"strong",href:"https://www.w3.org/WAI/WCAG21/Techniques/general/G131.html"},"Descriptive"))," = Labels that are descriptive inform the user as to the specific intent of the grouping of filters.")),(0,n.mdx)("blockquote",null,(0,n.mdx)("table",{parentName:"blockquote"},(0,n.mdx)("thead",{parentName:"table"},(0,n.mdx)("tr",{parentName:"thead"},(0,n.mdx)("th",{parentName:"tr",align:null},(0,n.mdx)("em",{parentName:"th"},"Bad")),(0,n.mdx)("th",{parentName:"tr",align:null},(0,n.mdx)("em",{parentName:"th"},"Good")))),(0,n.mdx)("tbody",{parentName:"table"},(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"Search Terms:")),(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"Patient Education Search Terms:")))))),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("strong",{parentName:"li"},(0,n.mdx)("a",{parentName:"strong",href:"https://fae.disability.illinois.edu/rulesets/CONTROL_10/"},"Unique"))," = Labels that are unique make it possible for people to understand the different purposes of ",(0,n.mdx)("a",{parentName:"li",href:"https://adrianroselli.com/2019/06/group-labels-do-not-guarantee-uniquity.html"},"repeated controls on the same page"),".")),(0,n.mdx)("blockquote",null,(0,n.mdx)("table",{parentName:"blockquote"},(0,n.mdx)("thead",{parentName:"table"},(0,n.mdx)("tr",{parentName:"thead"},(0,n.mdx)("th",{parentName:"tr",align:null},(0,n.mdx)("em",{parentName:"th"},"Bad")),(0,n.mdx)("th",{parentName:"tr",align:null},(0,n.mdx)("em",{parentName:"th"},"Good")))),(0,n.mdx)("tbody",{parentName:"table"},(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"Applied Filters:")," ",(0,n.mdx)("sub",null,"(ex.1)")),(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"Applied Color Filters:")," ",(0,n.mdx)("sub",null,"(ex.1)"))),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"Applied Filters:")," ",(0,n.mdx)("sub",null,"(ex.2)")),(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"Applied Size Filters:")," ",(0,n.mdx)("sub",null,"(ex.2)")))))),(0,n.mdx)(i.Z,{mdxType:"Whitespace"}),(0,n.mdx)("h4",{id:"pill-label-and-pill-category"},"Pill Label and Pill Category"),(0,n.mdx)("p",null,"Similarly to the group of Filter Pills, each individual Pill also needs to follow similar techniques that make them descriptive and unique. In addition, UX Guidance recommends that:"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Pill labels should be concise and contain a minimal number of words.")),(0,n.mdx)("blockquote",null,(0,n.mdx)("table",{parentName:"blockquote"},(0,n.mdx)("thead",{parentName:"table"},(0,n.mdx)("tr",{parentName:"thead"},(0,n.mdx)("th",{parentName:"tr",align:null},(0,n.mdx)("em",{parentName:"th"},"Bad")),(0,n.mdx)("th",{parentName:"tr",align:null},(0,n.mdx)("em",{parentName:"th"},"Good")))),(0,n.mdx)("tbody",{parentName:"table"},(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"Swelling of the Left Arm"),(0,n.mdx)("td",{parentName:"tr",align:null},"Left Arm Swelling"))))),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Pill labels should follow Title Case capitalization rules when applied as filters."),(0,n.mdx)("li",{parentName:"ul"},"When a group of facet terms create unclear context using the attributes alone, include the facet categories for additional clarity, e.g. Department: Radiology"),(0,n.mdx)("li",{parentName:"ul"},"When the same filter label may be used in different categories or groupings, to ensure labels are unique, the Label Category should be added to the pill label display.")),(0,n.mdx)("blockquote",null,(0,n.mdx)("table",{parentName:"blockquote"},(0,n.mdx)("thead",{parentName:"table"},(0,n.mdx)("tr",{parentName:"thead"},(0,n.mdx)("th",{parentName:"tr",align:null},(0,n.mdx)("em",{parentName:"th"},"Bad")),(0,n.mdx)("th",{parentName:"tr",align:null},(0,n.mdx)("em",{parentName:"th"},"Good")))),(0,n.mdx)("tbody",{parentName:"table"},(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"Swelling ",(0,n.mdx)("sub",null,"(ex.1)")),(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"Brachial:")," Swelling ",(0,n.mdx)("sub",null,"(ex.1)"))),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"Swelling ",(0,n.mdx)("sub",null,"(ex.2)")),(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"Radial:")," Swelling ",(0,n.mdx)("sub",null,"(ex.2)")))))),(0,n.mdx)(i.Z,{mdxType:"Whitespace"}),(0,n.mdx)("h4",{id:"additional-writing-resources-and-content-strategies"},"Additional Writing Resources and Content Strategies"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/tips/writing/"},"W3C Web Accessibility Initiative (WAI) » Tips: Writing for Web Accessibility")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://www.deque.com/blog/accessibility-strategies-for-your-content-team/"},"Deque » Blog: Accessibility Strategies for Your Content Team")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://usability.yale.edu/best-practices/organization-and-labeling-0"},"Yale University » Usability Best Practices: Organization and Labeling"))),(0,n.mdx)(i.Z,{newline:4,mdxType:"Whitespace"}),(0,n.mdx)("h2",{id:"usability-expectations"},"Usability Expectations:"),(0,n.mdx)("h3",{id:"interaction-details"},"Interaction Details"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Filter Pills receives focus as a group by ",(0,n.mdx)("inlineCode",{parentName:"li"},"tab")," keypress, with arrow keys changing focus between individual pills within the group."),(0,n.mdx)("li",{parentName:"ul"},"Only one pill can be focused per set of Filter Pills."),(0,n.mdx)("li",{parentName:"ul"},"The remove button must not be a focusable element, but can be clickable."),(0,n.mdx)("li",{parentName:"ul"},"Removing a filter pill with a keyboard is performed with the ",(0,n.mdx)("inlineCode",{parentName:"li"},"Backspace")," or ",(0,n.mdx)("inlineCode",{parentName:"li"},"Delete")," key when a pill has focus.")),(0,n.mdx)(i.Z,{mdxType:"Whitespace"}),(0,n.mdx)("h3",{id:"keyboard-navigation"},"Keyboard Navigation"),(0,n.mdx)("p",null,"Filter Pills will have the following keyboard navigation expectations:"),(0,n.mdx)("table",null,(0,n.mdx)("thead",{parentName:"table"},(0,n.mdx)("tr",{parentName:"thead"},(0,n.mdx)("th",{parentName:"tr",align:null},"Key/Sequence"),(0,n.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,n.mdx)("tbody",{parentName:"table"},(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"Tab")),(0,n.mdx)("td",{parentName:"tr",align:null},"Initial focus goes to the first pill in the list, pressing tab again moves focus out of the Filter Pills group and to the next focusable element on the page.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"Right Arrow")),(0,n.mdx)("td",{parentName:"tr",align:null},"When the Filter Pills group is in focus, pressing the right arrow key will move focus to the next pill in the list. When on the last pill in the list, focus remains on the last pill and does not cycle to the first pill.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"Left Arrow")),(0,n.mdx)("td",{parentName:"tr",align:null},"When the Filter Pills group is in focus, pressing the left arrow key will move focus to the previous pill in the list. When on the first pill in the list, focus remains on the first pill and does not cycle to the last pill.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"Backspace")," or ",(0,n.mdx)("strong",{parentName:"td"},"Delete")),(0,n.mdx)("td",{parentName:"tr",align:null},"Removes the pill that currently has focus. After removing, the focus should then be placed on the previous pill in the list. If no pills remain, then the Filter Pills group will be focused until the user navigates away. However, the Filter Pills group cannot be focused on again while no interactive pills remain in the Filter Pills group.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"Space")," or ",(0,n.mdx)("strong",{parentName:"td"},"Enter")),(0,n.mdx)("td",{parentName:"tr",align:null},"If a pill is selectable via having a truncated label, pressing the Space or Enter key will show the popup to display the full pill label.")))),(0,n.mdx)(i.Z,{newline:4,mdxType:"Whitespace"}),(0,n.mdx)("h2",{id:"concerns--hazards"},"Concerns & Hazards:"),(0,n.mdx)("h3",{id:"incorrect-use"},"Incorrect Use"),(0,n.mdx)("p",null,"Terra Filter Pills contains a specific reusable subcomponent ",(0,n.mdx)("inlineCode",{parentName:"p"},""),". However, the inner 'Pill' subcomponent is not intended to be used alone, or\nindependently without being used properly as children of the ",(0,n.mdx)("inlineCode",{parentName:"p"},"")," parent container. If used as standalone, the ",(0,n.mdx)("inlineCode",{parentName:"p"},"")," offers no support for accessibility or correct behaviors."),(0,n.mdx)(r.Notice,{variant:"not-supported",ariaLevel:"4",mdxType:"Notice"},(0,n.mdx)("blockquote",null,(0,n.mdx)("p",{parentName:"blockquote"},"The ",(0,n.mdx)("inlineCode",{parentName:"p"},"")," subcomponent was created and tested with the express intent of always being used as children of the ",(0,n.mdx)("inlineCode",{parentName:"p"},"")," component."),(0,n.mdx)("p",{parentName:"blockquote"},"See ",(0,n.mdx)("a",{parentName:"p",href:"/terra-ui/components/cerner-terra-framework-docs/pills/filter-pills"},"Usage Considerations: Incorrect Use")," for an example of situations consumers should not intentionally create."))),(0,n.mdx)(i.Z,{newline:4,mdxType:"Whitespace"}),(0,n.mdx)("h2",{id:"support-compliance"},"Support Compliance:"),(0,n.mdx)("h3",{id:"supported-features--technology"},"Supported Features & Technology"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Keyboard Interactions"),(0,n.mdx)("li",{parentName:"ul"},"JAWS Support with Chrome (PC) ",(0,n.mdx)("sup",null,"1")),(0,n.mdx)("li",{parentName:"ul"},"VoiceOver Support with Chrome, Safari (MAC)")),(0,n.mdx)("h3",{id:"partial-support--requiring-further-enhancement"},"Partial Support & Requiring Further Enhancement"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("sup",null,"[1]")," JAWS: improve tab/focus indication after pill removal"),(0,n.mdx)("li",{parentName:"ul"},"NVDA not tested (PC)"),(0,n.mdx)("li",{parentName:"ul"},"Mobile Touch Interactions with Screen Reader assistive technology"),(0,n.mdx)("li",{parentName:"ul"},"Speech Input Interactions with assistive technology"),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://github.com/cerner/terra-framework/issues/new/choose"},"Report a problem with this component on ",(0,n.mdx)("strong",{parentName:"a"},"GitHub")))),(0,n.mdx)("p",null,(0,n.mdx)("em",{parentName:"p"},"For more information about Accessibility Support with Terra — go to ",(0,n.mdx)("a",{parentName:"em",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#accessibility-a11y"},"Component Standards: Accessibility (A11y)"),".")))}u.isMDXComponent=!0},29907:function(e,t,a){a.d(t,{C:function(){return r}});var n=a(67294),l=a(22863),r=function(e){var t=e.url;return n.createElement(l.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-pills",name:"@cerner/terra-pills",version:"1.15.0",url:t})}},17422:function(e,t,a){a.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},66983:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"Button-module__clinical-lowlight-theme___TyZWB","orion-fusion-theme":"Button-module__orion-fusion-theme___q-FcQ",button:"Button-module__button___QuCn2","is-active":"Button-module__is-active___Z8AuK"}},30866:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"Notice-module__clinical-lowlight-theme___aa5xV","orion-fusion-theme":"Notice-module__orion-fusion-theme___QAE-T",notice:"Notice-module__notice___GWkPA",children:"Notice-module__children___lDYsm",accessory:"Notice-module__accessory___wkLOG",title:"Notice-module__title___6H5tc","ux-recommendation":"Notice-module__ux-recommendation___N8BuK",caution:"Notice-module__caution___hPrVl",deprecation:"Notice-module__deprecation___g1drA",maintenance:"Notice-module__maintenance___kWLIZ",important:"Notice-module__important___p5DiF","not-supported":"Notice-module__not-supported___34bHd",paragraph:"Notice-module__paragraph___5h-w1",list:"Notice-module__list___M2Kxj"}},42620:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"Placeholder-module__clinical-lowlight-theme___Obm9K","orion-fusion-theme":"Placeholder-module__orion-fusion-theme___svHY+",placeholder:"Placeholder-module__placeholder___ZZDXd",inner:"Placeholder-module__inner___fJq9o",title:"Placeholder-module__title___teBSo"}},20495:function(e,t,a){a.r(t),t.default={whitespace:"Whitespace-module__whitespace___OXKKU","newline-1":"Whitespace-module__newline-1___J5RR0","newline-2":"Whitespace-module__newline-2___kawg+","newline-3":"Whitespace-module__newline-3___K+IKl","newline-4":"Whitespace-module__newline-4___fHvAZ","newline-5":"Whitespace-module__newline-5___VidsD","newline-6":"Whitespace-module__newline-6___+7QIy","newline-7":"Whitespace-module__newline-7___lyrHl","newline-8":"Whitespace-module__newline-8___48hDj"}}}]); \ No newline at end of file diff --git a/31611-7adef1ab73a41417f96e.css b/31611-7adef1ab73a41417f96e.css new file mode 100644 index 0000000000..629c70e6b4 --- /dev/null +++ b/31611-7adef1ab73a41417f96e.css @@ -0,0 +1,5 @@ +.ButtonGroup-module__clinical-lowlight-theme___El\+dS{--terra-button-group-button-active-background-color: #1a2023;--terra-button-group-button-active-border-color: #181b1d;--terra-button-group-button-active-color: #9b9b9b;--terra-button-group-button-background-color: #2d3539;--terra-button-group-button-border-color: #181b1d;--terra-button-group-button-box-shadow: none;--terra-button-group-button-color: #b2b5b6;--terra-button-group-button-font-weight: 400;--terra-button-group-button-disabled-opacity: 0.3;--terra-button-group-button-focus-background-color: #1a2023;--terra-button-group-button-focus-border-color: #181b1d;--terra-button-group-button-focus-box-shadow: 0 0 1px 3px rgba(76, 178, 233, 0.5), 0 0 7px 4px rgba(76, 178, 233, 0.35);--terra-button-group-button-hover-background-color: #1e272b;--terra-button-group-button-hover-color: #9b9b9b;--terra-button-group-button-active-box-shadow: none;--terra-button-group-button-selected-background-color: #1a2023;--terra-button-group-button-selected-border-color: #181b1d;--terra-button-group-button-selected-box-shadow: none;--terra-button-group-button-selected-color: #9b9b9b;--terra-button-group-button-selected-and-focus-background-color: #1a2023;--terra-button-group-button-selected-and-focus-border-color: #181b1d;--terra-button-group-button-selected-and-focus-box-shadow: 0 0 1px 3px rgba(76, 178, 233, 0.5), 0 0 7px 4px rgba(76, 178, 233, 0.35);--terra-button-group-button-selected-and-focus-color: #9b9b9b;--terra-button-group-button-selected-and-hover-background-color: #121517;--terra-button-group-button-selected-and-hover-border-color: #181b1d;--terra-button-group-button-selected-and-hover-box-shadow: none;--terra-button-group-button-selected-and-hover-color: #9b9b9b;--terra-button-group-button-border-bottom-left-radius: 0.2142em;--terra-button-group-button-border-top-left-radius: 0.2142rem;--terra-button-group-button-border-bottom-right-radius: 0.2142em;--terra-button-group-button-border-top-right-radius: 0.2142rem}.ButtonGroup-module__orion-fusion-theme___BkFFY{--terra-button-group-button-background-color: #dedfe0;--terra-button-group-button-border-color: #6f7477;--terra-button-group-button-box-shadow: inset 0 3rem 1.5rem -2rem #f4f4f4;--terra-button-group-button-color: #000;--terra-button-group-button-font-weight: 400;--terra-button-group-button-disabled-opacity: 0.3;--terra-button-group-button-focus-background-color: #9b9fa1;--terra-button-group-button-focus-border-color: #6f7477;--terra-button-group-button-focus-box-shadow: inset 0 3rem 1.5rem -2rem #f4f4f4, 0 0 1px 1px rgba(255, 255, 255, 0.65), 0 0 2px 3px rgba(76, 178, 233, 0.5), 0 0 6px 4px rgba(76, 178, 233, 0.3);--terra-button-group-button-hover-background-color: #b2b5b6;--terra-button-group-button-hover-color: #000;--terra-button-group-button-selected-and-hover-background-color: #52585b;--terra-button-group-button-selected-and-hover-border-color: #6f7477;--terra-button-group-button-selected-and-hover-box-shadow: none;--terra-button-group-button-selected-and-hover-color: #fff;--terra-button-group-button-selected-and-focus-background-color: #52585b;--terra-button-group-button-selected-and-focus-border-color: #6f7477;--terra-button-group-button-selected-and-focus-box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.65), 0 0 2px 3px rgba(76, 178, 233, 0.5), 0 0 6px 4px rgba(76, 178, 233, 0.3);--terra-button-group-button-selected-and-focus-color: #fff;--terra-button-group-button-selected-background-color: #52585b;--terra-button-group-button-selected-border-color: #6f7477;--terra-button-group-button-selected-box-shadow: inset 0 3rem 1.5rem -2rem #434a4d;--terra-button-group-button-selected-color: #fff;--terra-button-group-button-active-background-color: #52585b;--terra-button-group-button-active-border-color: #6f7477;--terra-button-group-button-active-box-shadow: inset 0 3rem 1.5rem -2rem #434a4d;--terra-button-group-button-active-color: #fff;--terra-button-group-button-border-bottom-left-radius: 3px;--terra-button-group-button-border-top-left-radius: 3px;--terra-button-group-button-border-bottom-right-radius: 3px;--terra-button-group-button-border-top-right-radius: 3px}.ButtonGroup-module__button-group___iIAAg{display:-ms-inline-flexbox;display:inline-flex;position:relative;vertical-align:middle;white-space:nowrap}.ButtonGroup-module__button-group-button___YB1ME{color:#1c1f21;color:var(--terra-button-group-button-color, #1c1f21);font-weight:400;font-weight:var(--terra-button-group-button-font-weight, 400);position:relative}[dir] .ButtonGroup-module__button-group-button___YB1ME{background-color:#dedfe0;background-color:var(--terra-button-group-button-background-color, #dedfe0);border-color:#c8cacb;border-color:var(--terra-button-group-button-border-color, #c8cacb);border-radius:0;border-style:solid;border-width:1px;box-shadow:none;box-shadow:var(--terra-button-group-button-box-shadow, none);margin:0}.ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-disabled___rqrG9,.ButtonGroup-module__button-group-button___YB1ME:disabled{opacity:0.3;opacity:var(--terra-button-group-button-disabled-opacity, 0.3)}.ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-focused___PsJoG{z-index:1000}[dir] .ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-focused___PsJoG{background-color:#dedfe0;background-color:var(--terra-button-group-button-focus-background-color, #dedfe0);border-color:#c8cacb;border-color:var(--terra-button-group-button-focus-border-color, #c8cacb);box-shadow:0 0 1px 3px rgba(76, 178, 233, 0.5), 0 0 7px 4px rgba(76, 178, 233, 0.35);box-shadow:var(--terra-button-group-button-focus-box-shadow, 0 0 1px 3px rgba(76, 178, 233, 0.5), 0 0 7px 4px rgba(76, 178, 233, 0.35))}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover)and (pointer: fine){.ButtonGroup-module__button-group-button___YB1ME:hover{color:#000;color:var(--terra-button-group-button-hover-color, #000)}[dir] .ButtonGroup-module__button-group-button___YB1ME:hover{background-color:#b9bbbc;background-color:var(--terra-button-group-button-hover-background-color, #b9bbbc)}.ButtonGroup-module__button-group-button___YB1ME:hover.ButtonGroup-module__is-selected___DM718{color:#fff;color:var(--terra-button-group-button-selected-and-hover-color, #fff)}[dir] .ButtonGroup-module__button-group-button___YB1ME:hover.ButtonGroup-module__is-selected___DM718{background-color:#40474a;background-color:var(--terra-button-group-button-selected-and-hover-background-color, #40474a);border-color:#40474a;border-color:var(--terra-button-group-button-selected-and-hover-border-color, #40474a);box-shadow:var(--terra-button-group-button-selected-and-hover-box-shadow)}}.ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-selected___DM718.ButtonGroup-module__is-focused___PsJoG{color:#fff;color:var(--terra-button-group-button-selected-and-focus-color, #fff)}[dir] .ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-selected___DM718.ButtonGroup-module__is-focused___PsJoG{background-color:#52585b;background-color:var(--terra-button-group-button-selected-and-focus-background-color, #52585b);border-color:#52585b;border-color:var(--terra-button-group-button-selected-and-focus-border-color, #52585b);box-shadow:0 0 1px 3px rgba(76, 178, 233, 0.5), 0 0 7px 4px rgba(76, 178, 233, 0.35);box-shadow:var(--terra-button-group-button-selected-and-focus-box-shadow, 0 0 1px 3px rgba(76, 178, 233, 0.5), 0 0 7px 4px rgba(76, 178, 233, 0.35))}.ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-selected___DM718{color:#fff;color:var(--terra-button-group-button-selected-color, #fff)}[dir] .ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-selected___DM718{background-color:#52585b;background-color:var(--terra-button-group-button-selected-background-color, #52585b);border-color:#52585b;border-color:var(--terra-button-group-button-selected-border-color, #52585b);box-shadow:var(--terra-button-group-button-selected-box-shadow)}.ButtonGroup-module__button-group-button___YB1ME:active.ButtonGroup-module__is-selected___DM718,.ButtonGroup-module__button-group-button___YB1ME:active{color:#fff;color:var(--terra-button-group-button-active-color, #fff)}[dir] .ButtonGroup-module__button-group-button___YB1ME:active.ButtonGroup-module__is-selected___DM718, [dir] .ButtonGroup-module__button-group-button___YB1ME:active{background-color:#52585b;background-color:var(--terra-button-group-button-active-background-color, #52585b);border-color:#52585b;border-color:var(--terra-button-group-button-active-border-color, #52585b);box-shadow:var(--terra-button-group-button-active-box-shadow)}[dir=ltr] .ButtonGroup-module__button-group-button___YB1ME+.ButtonGroup-module__button-group-button___YB1ME{margin-left:-1px}[dir=rtl] .ButtonGroup-module__button-group-button___YB1ME+.ButtonGroup-module__button-group-button___YB1ME{margin-right:-1px}[dir=ltr] .ButtonGroup-module__button-group-button___YB1ME:first-child{border-bottom-left-radius:0.2142rem;border-bottom-left-radius:var(--terra-button-group-button-border-bottom-left-radius, 0.2142rem);border-top-left-radius:0.2142rem;border-top-left-radius:var(--terra-button-group-button-border-top-left-radius, 0.2142rem)}[dir=rtl] .ButtonGroup-module__button-group-button___YB1ME:first-child{border-bottom-right-radius:0.2142rem;border-bottom-right-radius:var(--terra-button-group-button-border-bottom-left-radius, 0.2142rem);border-top-right-radius:0.2142rem;border-top-right-radius:var(--terra-button-group-button-border-top-left-radius, 0.2142rem)}[dir=ltr] .ButtonGroup-module__button-group-button___YB1ME:last-child{border-bottom-right-radius:0.2142rem;border-bottom-right-radius:var(--terra-button-group-button-border-bottom-right-radius, 0.2142rem);border-top-right-radius:0.2142rem;border-top-right-radius:var(--terra-button-group-button-border-top-right-radius, 0.2142rem)}[dir=rtl] .ButtonGroup-module__button-group-button___YB1ME:last-child{border-bottom-left-radius:0.2142rem;border-bottom-left-radius:var(--terra-button-group-button-border-bottom-right-radius, 0.2142rem);border-top-left-radius:0.2142rem;border-top-left-radius:var(--terra-button-group-button-border-top-right-radius, 0.2142rem)}.ButtonGroup-module__is-block___otiJA{width:100%}.ButtonGroup-module__is-block___otiJA .ButtonGroup-module__button-group-button___YB1ME{-ms-flex:1 1 auto;flex:1 1 auto} +.Arrange-module__arrange___hY0Ml{display:-ms-flexbox;display:flex}.Arrange-module__fill___m88eq{-ms-flex:1 1 auto;flex:1 1 auto;min-width:0}.Arrange-module__fit___tv8j-{-ms-flex-item-align:start;align-self:flex-start;-ms-flex:0 0 auto;flex:0 0 auto}.Arrange-module__center___9qfhG{-ms-flex-item-align:center;align-self:center;max-height:100%}.Arrange-module__bottom___8beod{-ms-flex-item-align:end;align-self:flex-end;max-height:100%}.Arrange-module__stretch___eQF-k{-ms-flex-item-align:stretch;align-self:stretch}.Arrange-module__default___z\+O29{-ms-flex-item-align:start;align-self:flex-start}@media(max-width: 320px),(max-height: 256px){.Arrange-module__fit___tv8j-{-ms-flex:0 0;flex:0 0}} +.MenuItem-module__clinical-lowlight-theme___Os0hL{--terra-menu-item-active-background-color: #1e3a49;--terra-menu-item-active-text-color: #b2b5b6;--terra-menu-item-chevron-icon-color: #9b9fa1;--terra-menu-item-disabled-chevron-icon-color: rgba(155, 159, 161, 0.2);--terra-menu-item-color: #b2b5b6;--terra-menu-item-text-color: #b2b5b6;--terra-menu-item-disabled-text-opacity: 0.18;--terra-menu-item-disabled-start-icon-opacity: 0.18;--terra-menu-item-chevron-focus-icon-color: #c5c5c6;--terra-menu-item-chevron-hover-icon-color: #c5c5c6;--terra-menu-item-focus-background-color: #1e3a49;--terra-menu-item-focus-outline: #004c76 auto 5px;--terra-menu-item-focus-outline-offset: -2px;--terra-menu-item-hover-background-color: #232a2d;--terra-menu-item-hover-background-image: linear-gradient(to bottom, #122b39 2%, #152933 30%, #1e3a49 80%);--terra-menu-item-hover-box-shadow: inset 0 0 0 1px #04293f;--terra-menu-item-margin: 0;--terra-menu-item-padding: 0.286rem 0;--terra-menu-item-text-font-size: 0.928571429rem;--terra-menu-item-text-font-weight: normal;--terra-menu-item-text-margin-right: 1.714285714rem;--terra-menu-item-text-margin-left: 0.714285714rem;--terra-menu-item-top-level-text-margin-right: 0;--terra-menu-item-chevron-icon-font-size: 0.714285714rem;--terra-menu-item-chevron-icon-margin-left: 0.714285714rem;--terra-menu-item-chevron-icon-margin-right: 0.714285714rem;--terra-menu-item-start-icon-font-size: 0.85714rem;--terra-menu-item-start-icon-margin-left: 0.71428rem;--terra-menu-item-start-icon-margin-right: 0;--terra-menu-item-highlighted-background-color: #1e3a49;--terra-menu-item-highlighted-hover-background-color: #232a2d;--terra-menu-item-highlighted-hover-background-image: linear-gradient(to bottom, #04293f 2%, #053754 30%, #004c76 80%);--terra-menu-item-highlighted-hover-box-shadow: inset 0 0 0 1px #04293f}.MenuItem-module__orion-fusion-theme___GGc3j{--terra-menu-item-color: #595f62;--terra-menu-item-margin: 0;--terra-menu-item-padding: 0.5rem 0.83333rem 0.5rem 2.33333rem;--terra-menu-item-hover-background-color: #f4fafe;--terra-menu-item-hover-background-image: none;--terra-menu-item-hover-box-shadow: none;--terra-menu-item-focus-background-color: #ebf6fd;--terra-menu-item-focus-outline: -webkit-focus-ring-color auto 5px;--terra-menu-item-focus-outline-offset: -1px;--terra-menu-item-chevron-hover-icon-color: #1f1f21;--terra-menu-item-chevron-focus-icon-color: #1f1f21;--terra-menu-item-active-background-color: #e2f2fc;--terra-menu-item-active-text-color: #000;--terra-menu-item-disabled-text-opacity: 0.1;--terra-menu-item-disabled-chevron-icon-color: rgb(187, 188, 189, 0.25);--terra-menu-item-disabled-start-icon-opacity: 0.1;--terra-menu-item-text-color: #000;--terra-menu-item-text-font-size: 1rem;--terra-menu-item-text-margin-right: 2rem;--terra-menu-item-text-margin-left: 0.5rem;--terra-menu-item-top-level-text-margin-right: 0;--terra-menu-item-start-icon-font-size: 1.33333rem;--terra-menu-item-text-font-weight: normal;--terra-menu-item-start-icon-margin-left: -1.33333rem;--terra-menu-item-start-icon-margin-right: 0;--terra-menu-item-chevron-icon-color: #000;--terra-menu-item-chevron-icon-font-size: 1.33333rem;--terra-menu-item-chevron-icon-margin-left: 0.41667rem;--terra-menu-item-chevron-icon-margin-right: 0;--terra-menu-item-highlighted-background-color: #e2f2fc;--terra-menu-item-highlighted-hover-background-color: #cbe7fa;--terra-menu-item-highlighted-hover-background-image: none;--terra-menu-item-highlighted-hover-box-shadow: none}.MenuItem-module__item___FtXmp{color:#1c1f21;color:var(--terra-menu-item-color, #1c1f21)}[dir] .MenuItem-module__item___FtXmp{cursor:default;margin:0;margin:var(--terra-menu-item-margin, 0);padding:0.286rem 0;padding:var(--terra-menu-item-padding, 0.286rem 0)}[dir] .MenuItem-module__item___FtXmp:not(.MenuItem-module__is-disabled___OyUVn){cursor:pointer}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover)and (pointer: fine){[dir] .MenuItem-module__item___FtXmp:not(.MenuItem-module__is-disabled___OyUVn):hover{background-color:#f4fefe;background-color:var(--terra-menu-item-hover-background-color, #f4fefe);background-image:linear-gradient(to bottom, #e1f2fd 2%, #ebf6fe 30%, #f4fafe 80%);background-image:var(--terra-menu-item-hover-background-image, linear-gradient(to bottom, #e1f2fd 2%, #ebf6fe 30%, #f4fafe 80%));box-shadow:inset 0 0 0 1px #e1f2fd;box-shadow:var(--terra-menu-item-hover-box-shadow, inset 0 0 0 1px #e1f2fd)}[dir] .MenuItem-module__item___FtXmp:not(.MenuItem-module__is-disabled___OyUVn).MenuItem-module__is-highlighted___O7wIb:hover{background-color:#d1ebfb;background-color:var(--terra-menu-item-highlighted-hover-background-color, #d1ebfb);background-image:linear-gradient(to bottom, #b3ddf8 2%, #c8e9fe 30%, #d1ebfb 80%);background-image:var(--terra-menu-item-highlighted-hover-background-image, linear-gradient(to bottom, #b3ddf8 2%, #c8e9fe 30%, #d1ebfb 80%));box-shadow:inset 0 0 0 1px #e1f3fd;box-shadow:var(--terra-menu-item-highlighted-hover-box-shadow, inset 0 0 0 1px #e1f3fd)}.MenuItem-module__item___FtXmp:not(.MenuItem-module__is-disabled___OyUVn):hover .MenuItem-module__chevron___9xRFy{color:rgba(28, 31, 33, 0.7);color:var(--terra-menu-item-chevron-hover-icon-color, rgba(28, 31, 33, 0.7))}}.MenuItem-module__item___FtXmp:not(.MenuItem-module__is-disabled___OyUVn):focus{outline:-webkit-focus-ring-color auto 5px;outline:var(--terra-menu-item-focus-outline, -webkit-focus-ring-color auto 5px);outline-offset:-2px;outline-offset:var(--terra-menu-item-focus-outline-offset, -2px)}[dir] .MenuItem-module__item___FtXmp:not(.MenuItem-module__is-disabled___OyUVn):focus{background-color:#ebf6fd;background-color:var(--terra-menu-item-focus-background-color, #ebf6fd)}.MenuItem-module__item___FtXmp:not(.MenuItem-module__is-disabled___OyUVn):focus .MenuItem-module__chevron___9xRFy{color:rgb(28, 31, 33);color:var(--terra-menu-item-chevron-focus-icon-color, rgb(28, 31, 33))}[dir] .MenuItem-module__item___FtXmp:active:not(.MenuItem-module__is-disabled___OyUVn), [dir] .MenuItem-module__active___ciSK7{background-color:#ebf6fd;background-color:var(--terra-menu-item-active-background-color, #ebf6fd)}.MenuItem-module__item___FtXmp:active:not(.MenuItem-module__is-disabled___OyUVn) .MenuItem-module__text___zi1c5,.MenuItem-module__active___ciSK7 .MenuItem-module__text___zi1c5{color:#1c1f21;color:var(--terra-menu-item-active-text-color, #1c1f21)}.MenuItem-module__is-disabled___OyUVn .MenuItem-module__text___zi1c5{opacity:0.25;opacity:var(--terra-menu-item-disabled-text-opacity, 0.25)}.MenuItem-module__is-disabled___OyUVn .MenuItem-module__chevron___9xRFy{color:rgba(155, 159, 161, 0.3);color:var(--terra-menu-item-disabled-chevron-icon-color, rgba(155, 159, 161, 0.3))}.MenuItem-module__is-disabled___OyUVn .MenuItem-module__start-icon___ppTx4{opacity:0.25;opacity:var(--terra-menu-item-disabled-start-icon-opacity, 0.25)}[dir=ltr] .MenuItem-module__is-top-level___HjEb- .MenuItem-module__text___zi1c5{margin-right:0;margin-right:var(--terra-menu-item-top-level-text-margin-right, 0)}[dir=rtl] .MenuItem-module__is-top-level___HjEb- .MenuItem-module__text___zi1c5{margin-left:0;margin-left:var(--terra-menu-item-top-level-text-margin-right, 0)}.MenuItem-module__text___zi1c5{color:#1c1f21;color:var(--terra-menu-item-text-color, #1c1f21);font-size:0.928571429rem;font-size:var(--terra-menu-item-text-font-size, 0.928571429rem);font-weight:normal;font-weight:var(--terra-menu-item-text-font-weight, normal);line-height:1.538;-webkit-user-select:none;-ms-user-select:none;user-select:none}[dir=ltr] .MenuItem-module__text___zi1c5{margin-left:0.714285714rem;margin-left:var(--terra-menu-item-text-margin-left, 0.714285714rem);margin-right:1.714285714rem;margin-right:var(--terra-menu-item-text-margin-right, 1.714285714rem)}[dir=rtl] .MenuItem-module__text___zi1c5{margin-right:0.714285714rem;margin-right:var(--terra-menu-item-text-margin-left, 0.714285714rem);margin-left:1.714285714rem;margin-left:var(--terra-menu-item-text-margin-right, 1.714285714rem)}.MenuItem-module__checkmark___\+eU4g{visibility:hidden}.MenuItem-module__is-toggled___6YSTx .MenuItem-module__checkmark___\+eU4g{visibility:visible}.MenuItem-module__chevron___9xRFy{color:rgba(28, 31, 33, 0.53);color:var(--terra-menu-item-chevron-icon-color, rgba(28, 31, 33, 0.53));font-size:0.714285714rem;font-size:var(--terra-menu-item-chevron-icon-font-size, 0.714285714rem)}[dir=ltr] .MenuItem-module__chevron___9xRFy{margin-left:0.714285714rem;margin-left:var(--terra-menu-item-chevron-icon-margin-left, 0.714285714rem);margin-right:0.714285714rem;margin-right:var(--terra-menu-item-chevron-icon-margin-right, 0.714285714rem)}[dir=rtl] .MenuItem-module__chevron___9xRFy{margin-right:0.714285714rem;margin-right:var(--terra-menu-item-chevron-icon-margin-left, 0.714285714rem);margin-left:0.714285714rem;margin-left:var(--terra-menu-item-chevron-icon-margin-right, 0.714285714rem)}.MenuItem-module__start-icon___ppTx4{font-size:0.85714rem;font-size:var(--terra-menu-item-start-icon-font-size, 0.85714rem)}[dir=ltr] .MenuItem-module__start-icon___ppTx4{margin-left:0.71428rem;margin-left:var(--terra-menu-item-start-icon-margin-left, 0.71428rem);margin-right:0;margin-right:var(--terra-menu-item-start-icon-margin-right, 0)}[dir=rtl] .MenuItem-module__start-icon___ppTx4{margin-right:0.71428rem;margin-right:var(--terra-menu-item-start-icon-margin-left, 0.71428rem);margin-left:0;margin-left:var(--terra-menu-item-start-icon-margin-right, 0)}[dir] .MenuItem-module__is-highlighted___O7wIb{background-color:#e1f3fd;background-color:var(--terra-menu-item-highlighted-background-color, #e1f3fd)} +.Menu-module__clinical-lowlight-theme___11oHr{--terra-menu-background-color: #222a2e;--terra-menu-foreground-color: #b2b5b6;--terra-menu-fullscreen-header-background-color: #222a2e;--terra-menu-fullscreen-header-border-bottom: 1px solid #181b1d;--terra-menu-fullscreen-header-title-color: #b2b5b6;--terra-menu-submenu-background-color: #1c2326;--terra-menu-submenu-foreground-color: #b2b5b6;--terra-menu-submenu-header-background-color: #222a2e;--terra-menu-submenu-header-border-bottom: 1px solid #181b1d;--terra-menu-submenu-header-button-outline-offset: -3px;--terra-menu-back-button-focus-outline: #b2b5b6 solid 2px;--terra-menu-submenu-header-buttons-icon-color: #c5c5c6;--terra-menu-submenu-header-buttons-hover-color: #b2b5b6;--terra-menu-submenu-header-title-color: #b2b5b6;--terra-menu-background-image: none;--terra-menu-divider-after-border-color: #282d31;--terra-menu-divider-border-color: #181b1d;--terra-menu-submenu-arrow-after-border-top-color: #1c2326;--terra-menu-submenu-background-image: none;--terra-menu-submenu-divider-after-border-color: #282d31;--terra-menu-divider-margin-top: 2px;--terra-menu-divider-after-border-width: 3px 0 0;--terra-menu-divider-after-margin-bottom: 4px;--terra-menu-submenu-divider-after-border-width: 0;--terra-menu-submenu-divider-after-margin-bottom: 0;--terra-menu-submenu-header-height: auto;--terra-menu-submenu-header-title-font-size: 12px;--terra-menu-submenu-header-title-font-weight: normal;--terra-menu-submenu-header-title-line-height: 1.1667;--terra-menu-submenu-header-title-margin: 7px 7px 7px 0;--terra-menu-header-title-margin-left: 10px;--terra-menu-submenu-header-buttons-icon-font-size: 12px;--terra-menu-submenu-header-buttons-margin: 0;--terra-menu-submenu-header-buttons-padding: 8px;--terra-menu-fullscreen-header-title-font-size: 1rem;--terra-menu-fullscreen-header-title-line-height: 1.2;--terra-menu-fullscreen-header-title-margin: 0.5714rem 0 0.5714rem 0.3571rem;--terra-menu-fullscreen-header-buttons-icon-font-size: 1.45rem;--terra-menu-fullscreen-header-buttons-margin: 0.3571rem 0;--terra-menu-fullscreen-header-buttons-padding: 4px;--terra-menu-list-padding: 6px 0}.Menu-module__orion-fusion-theme___LacaH{--terra-menu-divider-border-color: #c8cacb;--terra-menu-divider-margin-top: 0;--terra-menu-divider-after-border-color: transparent;--terra-menu-divider-after-border-width: 0;--terra-menu-divider-after-margin-bottom: 0;--terra-menu-submenu-divider-after-border-color: transparent;--terra-menu-submenu-divider-after-border-width: 0;--terra-menu-submenu-divider-after-margin-bottom: 0;--terra-menu-submenu-header-background-color: #f4f4f4;--terra-menu-submenu-header-border-bottom: 2px solid #9b9fa1;--terra-menu-submenu-header-button-outline-offset: -4px;--terra-menu-back-button-focus-outline: -webkit-focus-ring-color solid 2px;--terra-menu-submenu-header-height: auto;--terra-menu-submenu-header-title-color: #1c1f21;--terra-menu-submenu-header-title-font-size: 1.16667rem;--terra-menu-submenu-header-title-font-weight: normal;--terra-menu-submenu-header-title-line-height: 1.57143;--terra-menu-submenu-header-title-margin: 0.25rem 0.25rem 0.25rem 0;--terra-menu-submenu-header-buttons-icon-color: #1c1f21;--terra-menu-submenu-header-buttons-icon-font-size: 1.16667rem;--terra-menu-submenu-header-buttons-margin: 0;--terra-menu-submenu-header-buttons-padding: 0.375rem 0.58333rem;--terra-menu-submenu-header-buttons-hover-color: #004c76;--terra-menu-header-title-margin-left: 2.33333rem;--terra-menu-fullscreen-header-background-color: #f4f4f4;--terra-menu-fullscreen-header-border-bottom: 2px solid #9b9fa1;--terra-menu-fullscreen-header-title-color: #1c1f21;--terra-menu-fullscreen-header-title-font-size: 1.16667rem;--terra-menu-fullscreen-header-title-line-height: 1.57143;--terra-menu-fullscreen-header-title-margin: 0.5rem 0 0.416667rem 0.25rem;--terra-menu-fullscreen-header-buttons-icon-font-size: 1.16667rem;--terra-menu-fullscreen-header-buttons-margin: 0;--terra-menu-fullscreen-header-buttons-padding: 0.375rem 0.58333rem;--terra-menu-list-padding: 0;--terra-menu-background-color: #fff;--terra-menu-background-image: none;--terra-menu-foreground-color: #1c1f21;--terra-menu-submenu-arrow-after-border-top-color: none;--terra-menu-submenu-background-color: #fff;--terra-menu-submenu-background-image: none;--terra-menu-submenu-foreground-color: #1c1f21}[dir] .Menu-module__submenu___VZASC.Menu-module__arrow___mNjFo[data-align-arrow=bottom]::after{border-top-color:#f9f9f9;border-top-color:var(--terra-menu-submenu-arrow-after-border-top-color, #f9f9f9)}.Menu-module__divider___kLjFE{width:100%}[dir] .Menu-module__divider___kLjFE{border-color:#dedfe0;border-color:var(--terra-menu-divider-border-color, #dedfe0);border-style:solid;border-width:1px 0 0;margin-top:2px;margin-top:var(--terra-menu-divider-margin-top, 2px)}.Menu-module__divider___kLjFE::after{content:"";display:block}[dir] .Menu-module__divider___kLjFE::after{border-color:#f9f9f9;border-color:var(--terra-menu-divider-after-border-color, #f9f9f9);border-style:solid;border-width:3px 0 0;border-width:var(--terra-menu-divider-after-border-width, 3px 0 0);margin-bottom:4px;margin-bottom:var(--terra-menu-divider-after-margin-bottom, 4px)}[dir] .Menu-module__submenu___VZASC .Menu-module__divider___kLjFE::after{border-color:#fff;border-color:var(--terra-menu-submenu-divider-after-border-color, #fff);border-width:var(--terra-menu-submenu-divider-after-border-width);margin-bottom:var(--terra-menu-submenu-divider-after-margin-bottom)}.Menu-module__header___hX72I{height:var(--terra-menu-submenu-header-height);width:100%}[dir] .Menu-module__header___hX72I{background-color:#fff;background-color:var(--terra-menu-submenu-header-background-color, #fff);border-bottom:1px solid #dedfe0;border-bottom:var(--terra-menu-submenu-header-border-bottom, 1px solid #dedfe0)}.Menu-module__header___hX72I *[role=button]{outline-offset:-2px;outline-offset:var(--terra-menu-submenu-header-button-outline-offset, -2px)}.Menu-module__header___hX72I .Menu-module__header-title___\+ZcwA{-ms-flex-item-align:center;align-self:center;color:#1c1f21;color:var(--terra-menu-submenu-header-title-color, #1c1f21);-ms-flex:1;flex:1;font-size:12px;font-size:var(--terra-menu-submenu-header-title-font-size, 12px);font-weight:normal;font-weight:var(--terra-menu-submenu-header-title-font-weight, normal);line-height:1.1667;line-height:var(--terra-menu-submenu-header-title-line-height, 1.1667);min-width:0;overflow:hidden;white-space:normal;word-break:normal;word-wrap:break-word}[dir] .Menu-module__header___hX72I .Menu-module__header-title___\+ZcwA{margin:7px 7px 7px 0;margin:var(--terra-menu-submenu-header-title-margin, 7px 7px 7px 0)}[dir=ltr] .Menu-module__header___hX72I .Menu-module__main-header-title___2oKr-{margin-left:10px;margin-left:var(--terra-menu-header-title-margin-left, 10px)}[dir=rtl] .Menu-module__header___hX72I .Menu-module__main-header-title___2oKr-{margin-right:10px;margin-right:var(--terra-menu-header-title-margin-left, 10px)}.Menu-module__header___hX72I .Menu-module__header-button___MeQZy{-ms-flex-item-align:center;align-self:center;color:#1c1f21;color:var(--terra-menu-submenu-header-buttons-icon-color, #1c1f21);font-size:12px;font-size:var(--terra-menu-submenu-header-buttons-icon-font-size, 12px);font-weight:bold}[dir] .Menu-module__header___hX72I .Menu-module__header-button___MeQZy{background-color:rgba(0,0,0,0);border:0;cursor:pointer;margin:0;margin:var(--terra-menu-submenu-header-buttons-margin, 0);padding:8px;padding:var(--terra-menu-submenu-header-buttons-padding, 8px)}.Menu-module__header___hX72I .Menu-module__header-button___MeQZy:hover{color:#111;color:var(--terra-menu-submenu-header-buttons-hover-color, #111)}.Menu-module__header___hX72I .Menu-module__header-button___MeQZy:focus{outline:-webkit-focus-ring-color solid 2px;outline:var(--terra-menu-back-button-focus-outline, -webkit-focus-ring-color solid 2px);outline-offset:-2px;outline-offset:var(--terra-menu-item-focus-outline-offset, -2px)}[dir] .Menu-module__fullscreen___Nf33- .Menu-module__header___hX72I{background-color:#fff;background-color:var(--terra-menu-fullscreen-header-background-color, #fff);border-bottom:1px solid #dedfe0;border-bottom:var(--terra-menu-fullscreen-header-border-bottom, 1px solid #dedfe0)}.Menu-module__fullscreen___Nf33- .Menu-module__header-title___\+ZcwA{color:#1c1f21;color:var(--terra-menu-fullscreen-header-title-color, #1c1f21);font-size:1rem;font-size:var(--terra-menu-fullscreen-header-title-font-size, 1rem);line-height:1.2;line-height:var(--terra-menu-fullscreen-header-title-line-height, 1.2)}[dir] .Menu-module__fullscreen___Nf33- .Menu-module__header-title___\+ZcwA{margin:0.5714rem 0 0.5714rem 0.3571rem;margin:var(--terra-menu-fullscreen-header-title-margin, 0.5714rem 0 0.5714rem 0.3571rem)}.Menu-module__fullscreen___Nf33- .Menu-module__header-button___MeQZy{font-size:1.45rem;font-size:var(--terra-menu-fullscreen-header-buttons-icon-font-size, 1.45rem)}[dir] .Menu-module__fullscreen___Nf33- .Menu-module__header-button___MeQZy{margin:0.3571rem 0;margin:var(--terra-menu-fullscreen-header-buttons-margin, 0.3571rem 0);padding:4px;padding:var(--terra-menu-fullscreen-header-buttons-padding, 4px)}[dir] .Menu-module__fullscreen___Nf33- .Menu-module__header-button___MeQZy:first-child{margin:0}[dir] .Menu-module__list___aZ9kx{padding:6px 0;padding:var(--terra-menu-list-padding, 6px 0)}.Menu-module__content___GmunV{color:#1c1f21;color:var(--terra-menu-foreground-color, #1c1f21);outline:0}[dir] .Menu-module__content___GmunV{background-color:#fff;background-color:var(--terra-menu-background-color, #fff);background-image:var(--terra-menu-background-image)}.Menu-module__content___GmunV.Menu-module__submenu___VZASC{color:#1c1f21;color:var(--terra-menu-submenu-foreground-color, #1c1f21)}[dir] .Menu-module__content___GmunV.Menu-module__submenu___VZASC{background-color:#f9f9f9;background-color:var(--terra-menu-submenu-background-color, #f9f9f9);background-image:var(--terra-menu-submenu-background-image)}.Menu-module__hidden-page___R\+8Zu{display:none}.Menu-module__header-container___ESUPQ{display:-ms-flexbox;display:flex} +.CollapsibleMenuView-module__orion-fusion-theme___hnpxp{--terra-collapsible-menu-view-chevron-right-padding: 0 0 0 0.5rem;--terra-collapsible-menu-view-control-margin-left: 0.10141rem;--terra-collapsible-menu-view-divider-border-right: 1px solid #868a8c;--terra-collapsible-menu-view-divider-height: 2rem;--terra-collapsible-menu-view-item-padding-left: 0.5rem;--terra-collapsible-menu-view-menu-button-padding-left: 0.5rem}.CollapsibleMenuView-module__clinical-lowlight-theme___oYUJl{--terra-collapsible-menu-view-chevron-right-padding: 0 0 0 0.714rem;--terra-collapsible-menu-view-control-margin-left: 0.10141rem;--terra-collapsible-menu-view-divider-border-right: 1px solid #6f7477;--terra-collapsible-menu-view-divider-height: 2.143rem;--terra-collapsible-menu-view-item-padding-left: 0.714rem;--terra-collapsible-menu-view-menu-button-padding-left: 0.5rem}.CollapsibleMenuView-module__collapsible-menu-view___PjbE5{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-wrap:nowrap;flex-wrap:nowrap;position:relative;width:100%}.CollapsibleMenuView-module__collapsible-menu-view-flex-end___q9VJl{-ms-flex-pack:end;justify-content:flex-end}.CollapsibleMenuView-module__collapsible-menu-view-flex-start___i09pW{-ms-flex-pack:start;justify-content:flex-start}[dir=ltr] .CollapsibleMenuView-module__collapsible-menu-view-icon-vertical___s0wH8{transform:rotate(90deg)}[dir=rtl] .CollapsibleMenuView-module__collapsible-menu-view-icon-vertical___s0wH8{transform:rotate(-90deg)}.CollapsibleMenuView-module__menu-button___mblyP{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto}[dir=ltr] .CollapsibleMenuView-module__menu-button___mblyP{padding-left:0.5rem;padding-left:var(--terra-collapsible-menu-view-menu-button-padding-left, 0.5rem)}[dir=rtl] .CollapsibleMenuView-module__menu-button___mblyP{padding-right:0.5rem;padding-right:var(--terra-collapsible-menu-view-menu-button-padding-left, 0.5rem)}.CollapsibleMenuView-module__menu-button___mblyP.CollapsibleMenuView-module__hidden___Ofg2q{display:none;width:0}.CollapsibleMenuView-module__face-up-item___SHPl1{-ms-flex:0 0 auto;flex:0 0 auto;position:relative}[dir=ltr] .CollapsibleMenuView-module__face-up-item___SHPl1{padding-left:0.714rem;padding-left:var(--terra-collapsible-menu-view-item-padding-left, 0.714rem)}[dir=rtl] .CollapsibleMenuView-module__face-up-item___SHPl1{padding-right:0.714rem;padding-right:var(--terra-collapsible-menu-view-item-padding-left, 0.714rem)}[dir] .CollapsibleMenuView-module__face-up-item___SHPl1 .CollapsibleMenuView-module__control___tG8BN{margin:0}[dir=ltr] .CollapsibleMenuView-module__face-up-item___SHPl1 .CollapsibleMenuView-module__control___tG8BN{margin-left:0.10141rem;margin-left:var(--terra-collapsible-menu-view-control-margin-left, 0.10141rem)}[dir=rtl] .CollapsibleMenuView-module__face-up-item___SHPl1 .CollapsibleMenuView-module__control___tG8BN{margin-right:0.10141rem;margin-right:var(--terra-collapsible-menu-view-control-margin-left, 0.10141rem)}.CollapsibleMenuView-module__face-up-item___SHPl1 .CollapsibleMenuView-module__is-disabled___\+1i5o{opacity:.3}[dir=ltr] .CollapsibleMenuView-module__face-up-item___SHPl1:first-child{padding-left:0}[dir=rtl] .CollapsibleMenuView-module__face-up-item___SHPl1:first-child{padding-right:0}.CollapsibleMenuView-module__divider___xP3wc{height:2.143rem;height:var(--terra-collapsible-menu-view-divider-height, 2.143rem)}[dir=ltr] .CollapsibleMenuView-module__divider___xP3wc{border-right:1px solid #dedfe0;border-right:var(--terra-collapsible-menu-view-divider-border-right, 1px solid #dedfe0)}[dir=rtl] .CollapsibleMenuView-module__divider___xP3wc{border-left:1px solid #dedfe0;border-left:var(--terra-collapsible-menu-view-divider-border-right, 1px solid #dedfe0)}[dir] .CollapsibleMenuView-module__chevron-right___MqgBP{padding:0 0 0 0.714rem;padding:var(--terra-collapsible-menu-view-chevron-right-padding, 0 0 0 0.714rem)}.CollapsibleMenuView-module__is-calculating___kjEVZ{visibility:hidden}[dir] .CollapsibleMenuView-module__control___tG8BN{margin-bottom:0;margin-top:0}[dir] .CollapsibleMenuView-module__control___tG8BN label:first-child{padding-bottom:0} diff --git a/31611-7adef1ab73a41417f96e.js b/31611-7adef1ab73a41417f96e.js new file mode 100644 index 0000000000..38eb77901d --- /dev/null +++ b/31611-7adef1ab73a41417f96e.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[31611],{74842:function(e,t,n){n.r(t),t.default={"orion-fusion-theme":"CollapsibleMenuView-module__orion-fusion-theme___hnpxp","clinical-lowlight-theme":"CollapsibleMenuView-module__clinical-lowlight-theme___oYUJl","collapsible-menu-view":"CollapsibleMenuView-module__collapsible-menu-view___PjbE5","collapsible-menu-view-flex-end":"CollapsibleMenuView-module__collapsible-menu-view-flex-end___q9VJl","collapsible-menu-view-flex-start":"CollapsibleMenuView-module__collapsible-menu-view-flex-start___i09pW","collapsible-menu-view-icon-vertical":"CollapsibleMenuView-module__collapsible-menu-view-icon-vertical___s0wH8","menu-button":"CollapsibleMenuView-module__menu-button___mblyP",hidden:"CollapsibleMenuView-module__hidden___Ofg2q","face-up-item":"CollapsibleMenuView-module__face-up-item___SHPl1",control:"CollapsibleMenuView-module__control___tG8BN","is-disabled":"CollapsibleMenuView-module__is-disabled___+1i5o",divider:"CollapsibleMenuView-module__divider___xP3wc","chevron-right":"CollapsibleMenuView-module__chevron-right___MqgBP","is-calculating":"CollapsibleMenuView-module__is-calculating___kjEVZ"}},12472:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Checkbox-module__clinical-lowlight-theme___J4i3C","orion-fusion-theme":"Checkbox-module__orion-fusion-theme___ZTiEC",checkbox:"Checkbox-module__checkbox___pLlkO",label:"Checkbox-module__label___96oeA","is-mobile":"Checkbox-module__is-mobile___HQ1Ax","native-input":"Checkbox-module__native-input___9pZ94","label-text":"Checkbox-module__label-text___NBjgG","is-hidden":"Checkbox-module__is-hidden___q9DyW","is-disabled":"Checkbox-module__is-disabled___pimXj","is-inline":"Checkbox-module__is-inline___8-h-C"}},27699:function(e,t,n){var l=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=l(n(10434)),i=l(n(70215)),u=l(n(56690)),o=l(n(89728)),r=l(n(66115)),d=l(n(61655)),s=l(n(94993)),c=l(n(73808)),f=l(n(67294)),h=l(n(32018)),p=l(n(45697)),b=l(n(94184)),m=l(n(47166)),v=l(n(50026)),C=n(25387),y=n(34614),g=l(n(28941)),_=l(n(30268)),O=l(n(74842)),w=["children","boundingRef","menuWidth","intl","alwaysCollapsedMenuItems","isStartAligned","useHorizontalIcon","isReversedChildrenOrder","menuIconText"];function k(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,l=(0,c.default)(e);if(t){var a=(0,c.default)(this).constructor;n=Reflect.construct(l,arguments,a)}else n=l.apply(this,arguments);return(0,s.default)(this,n)}}var x=m.default.bind(O.default),M={children:p.default.node.isRequired,menuWidth:p.default.oneOf(["160","240","320","640","960","1280","1760","auto"]),boundingRef:p.default.func,alwaysCollapsedMenuItems:p.default.arrayOf(p.default.element),isStartAligned:p.default.bool,useHorizontalIcon:p.default.bool,isReversedChildrenOrder:p.default.bool,menuIconText:p.default.string,intl:p.default.shape({formatMessage:p.default.func})},I=f.default.createElement(_.default,{key:"prepopulatedBaseDivider"}),R=function(e){(0,d.default)(n,e);var t=k(n);function n(e){var l;return(0,u.default)(this,n),(l=t.call(this,e)).collapsedMenuAlwaysShown=e.alwaysCollapsedMenuItems.length>0,l.setContainer=l.setContainer.bind((0,r.default)(l)),l.setMenuButton=l.setMenuButton.bind((0,r.default)(l)),l.resetCache=l.resetCache.bind((0,r.default)(l)),l.handleResize=l.handleResize.bind((0,r.default)(l)),l.resetCache(),l}return(0,o.default)(n,[{key:"componentDidMount",value:function(){var e=this;this.resizeObserver=new h.default((function(t){e.contentWidth=t[0].contentRect.width,e.isCalculating||(e.animationFrameID=window.requestAnimationFrame((function(){e.resetCache(),e.forceUpdate()})))})),this.handleResize(this.contentWidth),this.resizeObserver.observe(this.container)}},{key:"componentDidUpdate",value:function(){this.isCalculating&&(this.isCalculating=!1,this.handleResize(this.contentWidth))}},{key:"componentWillUnmount",value:function(){window.cancelAnimationFrame(this.animationFrameID),this.resizeObserver.disconnect(this.container),this.container=null}},{key:"handleResize",value:function(e){var t=e-this.menuButton.getBoundingClientRect().width,n=f.default.Children.toArray(this.props.children),l=-1,a=0,i=!0;if(this.props.isReversedChildrenOrder)for(var u=n.length-1;u>=0;u-=1){if((a+=this.container.children[u].getBoundingClientRect().width)>t){if(!this.collapsedMenuAlwaysShown&&u===n.length-1&&a<=e)break;l=n.length>1&&n[u].type!==_.default?u+1:u,i=!1;break}}else for(var o=0;ot){if(!this.collapsedMenuAlwaysShown&&o===n.length-1&&a<=e)break;l=n.length>1&&n[o].type===_.default?o-1:o,i=!1;break}}this.menuHidden===i&&this.hiddenStartIndex===l||(this.menuHidden=i,this.hiddenStartIndex=l,this.forceUpdate())}},{key:"setContainer",value:function(e){null!==e&&(this.container=e)}},{key:"setMenuButton",value:function(e){null!==e&&(this.menuButton=e)}},{key:"resetCache",value:function(){this.animationFrameID=null,this.hiddenStartIndex=-1,this.isCalculating=!0,this.menuHidden=!1}},{key:"render",value:function(){var e=this.props,t=e.children,n=e.boundingRef,l=e.menuWidth,u=e.intl,o=e.alwaysCollapsedMenuItems,r=e.isStartAligned,d=e.useHorizontalIcon,s=e.isReversedChildrenOrder,c=e.menuIconText,h=(0,i.default)(e,w),p=this.context,m=(0,b.default)(x("collapsible-menu-view",{"is-calculating":this.isCalculating},{"collapsible-menu-view-flex-end":!r},{"collapsible-menu-view-flex-start":r},p.className),h.className),v=x("menu-button",{hidden:!this.collapsedMenuAlwaysShown&&this.menuHidden}),C=t,_=o;this.hiddenStartIndex>=0&&(C=f.default.Children.toArray(t),_=this.props.isReversedChildrenOrder?C.splice(0,this.hiddenStartIndex+2).concat(_):this.collapsedMenuAlwaysShown?C.splice(this.hiddenStartIndex).concat(I).concat(_):C.splice(this.hiddenStartIndex).concat(_));var O=(0,b.default)(x({"collapsible-menu-view-icon-vertical":!d},p.className)),k=f.default.createElement("div",{className:v,ref:this.setMenuButton},f.default.createElement(g.default,{"data-collapsible-menu-toggle":!0,icon:f.default.createElement(y.IconEllipses,{className:O}),subMenuItems:_,boundingRef:n,menuWidth:l,isIconOnly:!0,text:c||u.formatMessage({id:"Terra.collapsibleMenuView.more"}),variant:"utility"}));return s?f.default.createElement("div",(0,a.default)({},h,{className:m,ref:this.setContainer}),k,C):f.default.createElement("div",(0,a.default)({},h,{className:m,ref:this.setContainer}),C,k)}}]),n}(f.default.Component);R.propTypes=M,R.contextType=v.default,R.defaultProps={alwaysCollapsedMenuItems:[],isStartAligned:!1};t.default=(0,C.injectIntl)(R)},30268:function(e,t,n){var l=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=l(n(67294)),i=l(n(45697)),u=l(n(47166)),o=l(n(98675)),r=n(34614),d=l(n(50026)),s=l(n(74842)),c=u.default.bind(s.default),f={useChevronRightIcon:i.default.bool},h={isCollapsibleMenuItem:i.default.bool},p=function(e,t){var n=t.isCollapsibleMenuItem,l=e.useChevronRightIcon,i=a.default.useContext(d.default);return l&&n?null:l?a.default.createElement("div",{className:c(["chevron-right","face-up-item",i.className])},a.default.createElement(r.IconChevronRight,null)):n?a.default.createElement(o.default.Divider,null):a.default.createElement("div",{className:c(["divider","face-up-item",i.className])})};p.contextTypes=h,p.propTypes=f;t.default=p},83749:function(e,t,n){var l=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=l(n(10434)),i=l(n(70215)),u=l(n(67294)),o=l(n(45697)),r=l(n(47166)),d=l(n(34171)),s=l(n(23926)),c=l(n(74842)),f=["text","title","href","onClick","onBlur","onFocus","onKeyDown","onKeyUp","onMouseDown","variant"],h=r.default.bind(c.default),p={isCollapsibleMenuItem:o.default.bool},b={text:o.default.string,title:o.default.string,href:o.default.string,onClick:o.default.func,onBlur:o.default.func,onFocus:o.default.func,onKeyDown:o.default.func,onKeyUp:o.default.func,onMouseDown:o.default.func,variant:o.default.oneOf(["default","external","image","video","audio","document"])},m={variant:"default"},v=function(e,t){var n=t.isCollapsibleMenuItem,l=e.text,o=e.title,r=e.href,c=e.onClick,p=e.onBlur,b=e.onFocus,m=e.onKeyDown,v=e.onKeyUp,C=e.onMouseDown,y=e.variant,g=(0,i.default)(e,f),_=function(e){r?window.location.href=r:c(e)};return n?u.default.createElement(s.default.Item,(0,a.default)({},g,{text:l,onClick:function(e){return _(e)},onBlur:p,onFocus:b,onKeyDown:m,onKeyUp:v,onMouseDown:C})):u.default.createElement("div",{className:h(["face-up-item"])},u.default.createElement(d.default,(0,a.default)({},g,{text:l,title:o,href:r,onClick:c,onBlur:p,onFocus:b,onKeyDown:m,onKeyUp:v,onMouseDown:C,variant:y})))};v.propTypes=b,v.defaultProps=m,v.contextTypes=p;t.default=v},28941:function(e,t,n){var l=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=l(n(10434)),i=l(n(38416)),u=l(n(70215)),o=l(n(56690)),r=l(n(89728)),d=l(n(66115)),s=l(n(61655)),c=l(n(94993)),f=l(n(73808)),h=l(n(67294)),p=l(n(45697)),b=l(n(47166)),m=l(n(55281)),v=l(n(76367)),C=l(n(23926)),y=l(n(74842)),g=["icon","isIconOnly","isReversed","text","isSelected","isDisabled","subMenuItems","shouldCloseOnClick","boundingRef","menuWidth","isTextOnly"];function _(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function O(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,l=(0,f.default)(e);if(t){var a=(0,f.default)(this).constructor;n=Reflect.construct(l,arguments,a)}else n=l.apply(this,arguments);return(0,c.default)(this,n)}}var w=b.default.bind(y.default),k={text:p.default.string.isRequired,boundingRef:p.default.func,icon:p.default.element,isIconOnly:p.default.bool,isReversed:p.default.bool,isSelected:p.default.bool,isDisabled:p.default.bool,shouldCloseOnClick:p.default.bool,subMenuItems:p.default.arrayOf(p.default.element),onClick:p.default.func,menuWidth:p.default.oneOf(["160","240","320","640","960","1280","1760","auto"]),isTextOnly:p.default.bool},x={isCollapsibleGroupItem:p.default.bool,isCollapsibleMenuItem:p.default.bool},M=function(e){(0,s.default)(n,e);var t=O(n);function n(e){var l;return(0,o.default)(this,n),(l=t.call(this,e)).setButtonNode=l.setButtonNode.bind((0,d.default)(l)),l.getButtonNode=l.getButtonNode.bind((0,d.default)(l)),l}return(0,r.default)(n,[{key:"setButtonNode",value:function(e){this.buttonNode=e}},{key:"getButtonNode",value:function(){return this.buttonNode}},{key:"render",value:function(){var e=this.props,t=e.icon,n=e.isIconOnly,l=e.isReversed,o=e.text,r=e.isSelected,d=e.isDisabled,s=e.subMenuItems,c=(e.shouldCloseOnClick,e.boundingRef),f=e.menuWidth,p=e.isTextOnly,b=(0,u.default)(e,g),y=this.context,O=y.isCollapsibleGroupItem,k=y.isCollapsibleMenuItem,x=b.isSelectable,M=function(e){for(var t=1;t0?h.default.createElement(C.default,{contentWidth:f,boundingRef:c,button:h.default.createElement(m.default,(0,a.default)({},M,{"aria-haspopup":"dialog",icon:t,text:o,isReversed:l,isDisabled:d,isIconOnly:n}))},s):p?h.default.createElement("div",{className:w("face-up-item")},o):h.default.createElement("div",{className:w("face-up-item")},h.default.createElement(m.default,(0,a.default)({},M,{icon:t,text:o,isReversed:l,isDisabled:d,isIconOnly:n,isSelectable:x,isSelected:r})))}}]),n}(h.default.Component);M.propTypes=k,M.defaultProps={isSelected:!1,isReversed:!1,shouldCloseOnClick:!0,isIconOnly:!1,isTextOnly:!1},M.contextTypes=x,M.Opts={widths:C.default.Opts.widths};t.default=M},50807:function(e,t,n){var l=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=l(n(10434)),i=l(n(70215)),u=l(n(56690)),o=l(n(89728)),r=l(n(66115)),d=l(n(61655)),s=l(n(94993)),c=l(n(73808)),f=l(n(67294)),h=l(n(45697)),p=l(n(47166)),b=l(n(76367)),m=l(n(23926)),v=l(n(74842)),C=["children","onChange","isMultiSelect","selectedKeys","ariaLabel","groupId"];function y(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,l=(0,c.default)(e);if(t){var a=(0,c.default)(this).constructor;n=Reflect.construct(l,arguments,a)}else n=l.apply(this,arguments);return(0,s.default)(this,n)}}var g=p.default.bind(v.default),_={onChange:h.default.func,children:h.default.node.isRequired,isMultiSelect:h.default.bool,selectedKeys:h.default.arrayOf(h.default.string),ariaLabel:h.default.string,groupId:h.default.string},O={isCollapsibleGroupItem:h.default.bool},w={isCollapsibleMenuItem:h.default.bool},k=function(e){(0,d.default)(n,e);var t=y(n);function n(e){var l;return(0,u.default)(this,n),(l=t.call(this,e)).handleMenuOnChange=l.handleMenuOnChange.bind((0,r.default)(l)),l}return(0,o.default)(n,[{key:"getChildContext",value:function(){return{isCollapsibleGroupItem:!0}}},{key:"handleMenuOnChange",value:function(e,t){if(this.props.onChange){var n=t;f.default.Children.forEach(this.props.children,(function(e,l){t===l&&(n=e.key)})),this.props.onChange(e,n)}}},{key:"render",value:function(){var e=this,t=this.props,n=t.children,l=t.onChange,u=t.isMultiSelect,o=t.selectedKeys,r=t.ariaLabel,d=t.groupId,s=(0,i.default)(t,C);if(this.context.isCollapsibleMenuItem){if(u){var c=[];return f.default.Children.forEach(n,(function(t,n){var l;l=f.default.cloneElement(t,{onChange:function(t){return e.handleMenuOnChange(t,n)},isToggleable:!0,isToggled:t.isToggled}),c.push(l)})),f.default.createElement("li",{role:"none"},f.default.createElement("div",(0,a.default)({},s,{role:"group",id:d,"aria-label":r}),c))}return l?f.default.createElement("li",{role:"none"},f.default.createElement(m.default.ItemGroup,(0,a.default)({},s,{onChange:this.handleMenuOnChange,id:d,"aria-label":r}),n)):f.default.createElement("li",{role:"none"},f.default.createElement("div",(0,a.default)({},s,{role:"group"}),n))}var h=g(["face-up-item",s.className]);return f.default.createElement(b.default,(0,a.default)({},s,{isMultiSelect:u,onChange:l,className:h,selectedKeys:o,"aria-label":r}),n)}}]),n}(f.default.Component);k.propTypes=_,k.defaultProps={selectedKeys:[],isMultiSelect:!1},k.childContextTypes=O,k.contextTypes=w;t.default=k},80030:function(e,t,n){var l=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=l(n(10434)),i=l(n(70215)),u=l(n(56690)),o=l(n(89728)),r=l(n(66115)),d=l(n(61655)),s=l(n(94993)),c=l(n(73808)),f=l(n(67294)),h=l(n(45697)),p=l(n(47166)),b=l(n(15185)),m=l(n(23926)),v=l(n(74842)),C=["text","isSelected","isSelectable","isDisabled","onChange","shouldCloseOnClick"];function y(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,l=(0,c.default)(e);if(t){var a=(0,c.default)(this).constructor;n=Reflect.construct(l,arguments,a)}else n=l.apply(this,arguments);return(0,s.default)(this,n)}}var g=p.default.bind(v.default),_={text:h.default.string.isRequired,isSelected:h.default.bool,onChange:h.default.func,isSelectable:h.default.bool,isDisabled:h.default.bool,shouldCloseOnClick:h.default.bool},O={isCollapsibleMenuItem:h.default.bool},w=function(e){(0,d.default)(n,e);var t=y(n);function n(e){var l;return(0,u.default)(this,n),(l=t.call(this,e)).wrappedOnChange=l.wrappedOnChange.bind((0,r.default)(l)),l}return(0,o.default)(n,[{key:"wrappedOnChange",value:function(e){this.props.onChange&&this.props.onChange(e,e.target.checked)}},{key:"render",value:function(){var e=this.props,t=e.text,n=e.isSelected,l=e.isSelectable,u=e.isDisabled,o=e.onChange,r=(e.shouldCloseOnClick,(0,i.default)(e,C)),d=this.context.isCollapsibleMenuItem,s=g(["control",{"is-disabled":u||!l},r.className]);return d?f.default.createElement(m.default.Item,(0,a.default)({},r,{text:t,isSelected:n,isSelectable:l,isDisabled:u||!l,onChange:o})):f.default.createElement("div",{className:g(["face-up-item"])},f.default.createElement(b.default,(0,a.default)({},r,{className:s,labelText:t,defaultChecked:n,onChange:this.wrappedOnChange,disabled:u||!l})))}}]),n}(f.default.Component);w.propTypes=_,w.defaultProps={isSelected:!1,isSelectable:!0,shouldCloseOnClick:!0},w.contextTypes=O;t.default=w},23926:function(e,t,n){var l=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=l(n(10434)),i=l(n(70215)),u=l(n(56690)),o=l(n(89728)),r=l(n(66115)),d=l(n(61655)),s=l(n(94993)),c=l(n(73808)),f=l(n(67294)),h=l(n(45697)),p=l(n(47166)),b=l(n(98675)),m=l(n(50026)),v=l(n(74842)),C=["children","button","contentWidth"];function y(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,l=(0,c.default)(e);if(t){var a=(0,c.default)(this).constructor;n=Reflect.construct(l,arguments,a)}else n=l.apply(this,arguments);return(0,s.default)(this,n)}}var g=p.default.bind(v.default),_={children:h.default.node.isRequired,boundingRef:h.default.func,contentWidth:h.default.oneOf(["160","240","320","640","960","1280","1760","auto"]),button:h.default.element.isRequired},O={isCollapsibleMenuItem:h.default.bool},w=function(e){(0,d.default)(n,e);var t=y(n);function n(e){var l;return(0,u.default)(this,n),(l=t.call(this,e)).handleRequestClose=l.handleRequestClose.bind((0,r.default)(l)),l.wrappedOnClick=l.wrappedOnClick.bind((0,r.default)(l)),l.wrapButtonClick=l.wrapButtonClick.bind((0,r.default)(l)),l.wrapChildrenOnClick=l.wrapChildrenOnClick.bind((0,r.default)(l)),l.setButtonNode=l.setButtonNode.bind((0,r.default)(l)),l.getButtonNode=l.getButtonNode.bind((0,r.default)(l)),l.state={isOpen:!1},l}return(0,o.default)(n,[{key:"getChildContext",value:function(){return{isCollapsibleMenuItem:!0}}},{key:"handleRequestClose",value:function(){this.setState({isOpen:!1})}},{key:"setButtonNode",value:function(e){this.buttonNode=e}},{key:"getButtonNode",value:function(){return this.buttonNode}},{key:"wrappedOnClick",value:function(e){var t=this;return function(n){t.handleRequestClose(),e.props.onClick&&e.props.onClick(n)}}},{key:"wrapButtonClick",value:function(e){var t=this;return function(n){t.setState({isOpen:!0}),e.props.onClick&&e.props.onClick(n)}}},{key:"wrapChildrenOnClick",value:function(e){var t=this,n=e?[]:void 0;return f.default.Children.forEach(e,(function(e){var l=e;if(e.props.shouldCloseOnClick)l=f.default.cloneElement(e,{onClick:t.wrappedOnClick(e)});else if(e.props.children){var a=t.wrapChildrenOnClick(e.props.children);l=f.default.cloneElement(e,{children:a})}else if(e.props.subMenuItems){var i=t.wrapChildrenOnClick(e.props.subMenuItems);l=f.default.cloneElement(e,{subMenuItems:i})}n.push(l)})),n}},{key:"render",value:function(){var e=this.props,t=e.children,n=e.button,l=e.contentWidth,u=(0,i.default)(e,C),o=f.default.cloneElement(n,{onClick:this.wrapButtonClick(n)}),r=this.context;return f.default.createElement("div",{className:g("face-up-item",r.className),ref:this.setButtonNode},f.default.createElement(b.default,(0,a.default)({},u,{onRequestClose:this.handleRequestClose,isArrowDisplayed:!0,isOpen:this.state.isOpen,targetRef:this.getButtonNode,contentWidth:l}),this.wrapChildrenOnClick(t)),o)}}]),n}(f.default.Component);w.propTypes=_,w.childContextTypes=O,w.Item=b.default.Item,w.ItemGroup=b.default.ItemGroup,w.Opts={widths:b.default.Opts.widths},w.contextType=m.default;t.default=w},57272:function(e,t,n){var l=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=l(n(27699)),i=l(n(30268)),u=l(n(83749)),o=l(n(28941)),r=l(n(50807)),d=l(n(80030));a.default.Item=o.default,a.default.ItemGroup=r.default,a.default.Toggle=d.default,a.default.Hyperlink=u.default,a.default.Divider=i.default;t.default=a.default},15185:function(e,t,n){function l(e){return l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},l(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=f(n(67294)),i=f(n(45697)),u=f(n(94184)),o=f(n(47166)),r=f(n(50026)),d=f(n(12472)),s=f(n(84538)),c=["checked","defaultChecked","inputAttrs","id","disabled","isInline","isLabelHidden","labelText","labelTextAttrs","name","onBlur","onChange","onFocus","value"];function f(e){return e&&e.__esModule?e:{default:e}}function h(){return h=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var v=o.default.bind(d.default),C={checked:i.default.bool,defaultChecked:i.default.bool,id:i.default.string,inputAttrs:i.default.object,disabled:i.default.bool,isInline:i.default.bool,isLabelHidden:i.default.bool,labelText:i.default.string.isRequired,labelTextAttrs:i.default.object,name:i.default.string,onBlur:i.default.func,onChange:i.default.func,onFocus:i.default.func,value:i.default.string},y={checked:void 0,defaultChecked:void 0,id:void 0,inputAttrs:{},disabled:!1,isInline:!1,isLabelHidden:!1,labelTextAttrs:{},name:null,onBlur:void 0,onChange:void 0,onFocus:void 0,value:void 0},g=function(e){var t=e.checked,n=e.defaultChecked,l=e.inputAttrs,i=e.id,o=e.disabled,d=e.isInline,f=e.isLabelHidden,C=e.labelText,y=e.labelTextAttrs,g=e.name,_=e.onBlur,O=e.onChange,w=e.onFocus,k=e.value,x=m(e,c),M=a.default.useContext(r.default),I=function(e){for(var t=1;t0||navigator.msMaxTouchPoints>0)}};e.exports=t}}]); \ No newline at end of file diff --git a/3193-8df337ff970cb4f95bc9.css b/3193-8df337ff970cb4f95bc9.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/3193-8df337ff970cb4f95bc9.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/3236-45ab5188c88d2ddce775.css b/3236-45ab5188c88d2ddce775.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/3236-45ab5188c88d2ddce775.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/3236-45ab5188c88d2ddce775.js b/3236-45ab5188c88d2ddce775.js new file mode 100644 index 0000000000..c602d3b8f5 --- /dev/null +++ b/3236-45ab5188c88d2ddce775.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[3236,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,t,a){var n=a(64836);t.Z=void 0;var r=n(a(67294)),l=n(a(45697)),d=n(a(47166)),i=n(a(17422)),m=d.default.bind(i.default),o={name:l.default.string.isRequired,src:l.default.string,url:l.default.string,version:l.default.string.isRequired},u=function(e){var t=e.src,a=e.name,n=e.url,l=e.version,d=r.default.createElement("a",{className:m("badge"),href:n||"https://www.npmjs.org/package/".concat(a,"/v/").concat(l)},r.default.createElement("span",{className:m("badge-name")},n?"package":"npm"),r.default.createElement("span",{className:m("badge-version")},"v".concat(l))),i=t?r.default.createElement("a",{className:m("badge"),href:t},r.default.createElement("span",{className:m("badge-name")},"github"),r.default.createElement("span",{className:m("badge-version")},"source")):void 0;return r.default.createElement("div",{className:m("badge-container")},d,i)};u.propTypes=o;var s=u;t.Z=s},3236:function(e,t,a){a.r(t),a.d(t,{default:function(){return u}});a(67294);var n=a(81254),r=a(27025),l=["components"];function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[a]=e[a]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}var m={},o="wrapper";function u(e){var t=e.components,a=i(e,l);return(0,n.mdx)(o,d({},m,a,{components:t,mdxType:"MDXLayout"}),(0,n.mdx)(r.C,{mdxType:"Badge"}),(0,n.mdx)("h1",{id:"keyboard-shortcuts-for-terra-date-time-picker"},"Keyboard Shortcuts for Terra Date Time Picker"),(0,n.mdx)("p",null,"The Terra Date Time Picker offers additional functionality with specific keyboard shortcuts to save time when interacting with date and time inputs in terra-date-time-picker."),(0,n.mdx)("p",null,(0,n.mdx)("em",{parentName:"p"},"Note: these commands assume a QWERTY keyboard layout. Other layouts will probably still work, but they have not yet been tested.")),(0,n.mdx)("p",null,"Pressing any of the supported keys while the input is in focus will populate the inputs with the listed shortcut response."),(0,n.mdx)("table",null,(0,n.mdx)("thead",{parentName:"table"},(0,n.mdx)("tr",{parentName:"thead"},(0,n.mdx)("th",{parentName:"tr",align:null},"Key / Sequence"),(0,n.mdx)("th",{parentName:"tr",align:null},"Input"),(0,n.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,n.mdx)("tbody",{parentName:"table"},(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"T"),(0,n.mdx)("td",{parentName:"tr",align:null},"Date"),(0,n.mdx)("td",{parentName:"tr",align:null},"Sets the date value to the current date (Today).")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"-"),(0,n.mdx)("td",{parentName:"tr",align:null},"Date"),(0,n.mdx)("td",{parentName:"tr",align:null},"Decrements the day value by 1 day. If blank or not a valid date, input will set value to current date minus 1 day.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"+"),(0,n.mdx)("td",{parentName:"tr",align:null},"Date"),(0,n.mdx)("td",{parentName:"tr",align:null},"Increments the day value by 1 day. If blank or not a valid time, input will set value to current date plus 1 day.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"N"),(0,n.mdx)("td",{parentName:"tr",align:null},"Time"),(0,n.mdx)("td",{parentName:"tr",align:null},"Sets the time value to the current time (Now). Also sets date to the current date if there is no date or invalid date")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"-"),(0,n.mdx)("td",{parentName:"tr",align:null},"Time"),(0,n.mdx)("td",{parentName:"tr",align:null},"Decrements the minute value by 1 minute. If blank or not a valid time or date, input will set date to current date and value to current time minus 1 minute.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"+"),(0,n.mdx)("td",{parentName:"tr",align:null},"Time"),(0,n.mdx)("td",{parentName:"tr",align:null},"Increments the minute value by 1 minute. If blank or not a valid time or date, input will set date to current date and value to current time plus 1 minute.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"A"),(0,n.mdx)("td",{parentName:"tr",align:null},"Time"),(0,n.mdx)("td",{parentName:"tr",align:null},"In a 12 hour clock, sets meridiem to antemeridiem. If blank or not a valid time or date, input will set date to current date and value to midnight. If not a 12 hour clock, will do nothing.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"P"),(0,n.mdx)("td",{parentName:"tr",align:null},"Time"),(0,n.mdx)("td",{parentName:"tr",align:null},"In a 12 hour clock, sets meridiem to postmeridiem. If blank or not a valid time or date, input will set date to current date and value to noon. If not a 12 hour clock, will do nothing.")))),(0,n.mdx)("p",null,(0,n.mdx)("em",{parentName:"p"},"Note: For any key listed, pressing the designated keyboard character key is not specific to uppercase or lowercase and works for both cases (e.g. if capslock or shift key is also being applied). Uppercase-only usage is not required.")),(0,n.mdx)("h2",{id:"release-notes-for-specific-versions"},"Release notes for specific versions"),(0,n.mdx)("h3",{id:"4730"},"4.73.0"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Initial keyboard shortcut release. This adds the key listeners to the day input, month input, and the year number input.")))}u.isMDXComponent=!0},27025:function(e,t,a){a.d(t,{C:function(){return l}});var n=a(67294),r=a(22863),l=function(e){var t=e.url;return n.createElement(r.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-date-time-picker",name:"terra-date-time-picker",version:"4.100.0",url:t})}},17422:function(e,t,a){a.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/32683-76b0d3351ddcb5d4a6bf.css b/32683-76b0d3351ddcb5d4a6bf.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/32683-76b0d3351ddcb5d4a6bf.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/32683-76b0d3351ddcb5d4a6bf.js b/32683-76b0d3351ddcb5d4a6bf.js new file mode 100644 index 0000000000..71546e51df --- /dev/null +++ b/32683-76b0d3351ddcb5d4a6bf.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[32683,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,a,r){var t=r(64836);a.Z=void 0;var n=t(r(67294)),o=t(r(45697)),d=t(r(47166)),s=t(r(17422)),i=d.default.bind(s.default),l={name:o.default.string.isRequired,src:o.default.string,url:o.default.string,version:o.default.string.isRequired},m=function(e){var a=e.src,r=e.name,t=e.url,o=e.version,d=n.default.createElement("a",{className:i("badge"),href:t||"https://www.npmjs.org/package/".concat(r,"/v/").concat(o)},n.default.createElement("span",{className:i("badge-name")},t?"package":"npm"),n.default.createElement("span",{className:i("badge-version")},"v".concat(o))),s=a?n.default.createElement("a",{className:i("badge"),href:a},n.default.createElement("span",{className:i("badge-name")},"github"),n.default.createElement("span",{className:i("badge-version")},"source")):void 0;return n.default.createElement("div",{className:i("badge-container")},d,s)};m.propTypes=l;var u=m;a.Z=u},32683:function(e,a,r){r.r(a),r.d(a,{default:function(){return m}});r(67294);var t=r(81254),n=r(70761),o=["components"];function d(){return d=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(n[r]=e[r]);return n}(e,a);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}var i={},l="wrapper";function m(e){var a=e.components,r=s(e,o);return(0,t.mdx)(l,d({},i,r,{components:a,mdxType:"MDXLayout"}),(0,t.mdx)(n.C,{mdxType:"Badge"}),(0,t.mdx)("h1",{id:"terra-base-upgrade-guide"},"Terra Base Upgrade Guide"),(0,t.mdx)("h2",{id:"changes-from-40-to-50"},"Changes from 4.0 to 5.0"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"To upgrade to terra-base v5, you now need to define a locale via the locale prop when using the ",(0,t.mdx)("inlineCode",{parentName:"li"},"")," component."),(0,t.mdx)("li",{parentName:"ul"},"Any react-intl based exports that you were importing from terra-base should now be imported directly from react-intl.")),(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-diff"},"- import { injectIntl, intlShape, FormattedMessage, IntlProvider } from terra-base;\n+ import { injectIntl, intlShape, FormattedMessage, IntlProvider } from react-intl;\n")),(0,t.mdx)("p",null,"Terra-base v5.x depends on terra-i18n v4.x. It is recommended to ",(0,t.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-core/blob/main/packages/terra-i18n/docs/UPGRADEGUIDE.md"},"review the terra-i18n v3 to v4 upgrade guide")," when updating terra-base to v5."),(0,t.mdx)("h2",{id:"changes-from-30-to-40"},"Changes from 3.0 to 4.0"),(0,t.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,t.mdx)("p",null,"The following transitive dependency had breaking changes. See its upgrade guide for more information."),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"terra-doc-template")))}m.isMDXComponent=!0},70761:function(e,a,r){r.d(a,{C:function(){return o}});var t=r(67294),n=r(22863),o=function(e){var a=e.url;return t.createElement(n.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-base",name:"terra-base",version:"5.51.0",url:a})}},17422:function(e,a,r){r.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/32741-36eb6d5658d25362913b.css b/32741-36eb6d5658d25362913b.css new file mode 100644 index 0000000000..5430215a54 --- /dev/null +++ b/32741-36eb6d5658d25362913b.css @@ -0,0 +1,4 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.Card-module__clinical-lowlight-theme___rpqXf{--terra-card-background-color: #222a2e;--terra-card-border-radius: 3px;--terra-card-border: 1px solid #181b1d;--terra-card-box-shadow: none;--terra-card-color: #b2b5b6;--terra-card-raised-box-shadow: 0 3px 8px -2px rgba(0, 0, 0, 0.18), 0 3px 10px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -3px rgba(0, 0, 0, 0.3)}.Card-module__orion-fusion-theme___QgHmr{--terra-card-background-color: #fff;--terra-card-border-radius: 0;--terra-card-border: 1px solid #c8cacb;--terra-card-box-shadow: none;--terra-card-color: inherit;--terra-card-raised-box-shadow: 2px 2px 0 0 rgba(28, 31, 33, 0.1), -2px 2px 0 0 rgba(28, 31, 33, 0.1), 0 4px 0 0 rgba(28, 31, 33, 0.04), 0 8px 0 -2px rgba(28, 31, 33, 0.03)}.Card-module__card___n9\+A2{color:var(--terra-card-color);overflow:hidden}[dir] .Card-module__card___n9\+A2{background-color:#fff;background-color:var(--terra-card-background-color, #fff);border:1px solid #c8cacb;border:var(--terra-card-border, 1px solid #c8cacb);border-radius:3px;border-radius:var(--terra-card-border-radius, 3px)}[dir] .Card-module__default___Pvv6U{box-shadow:none;box-shadow:var(--terra-card-box-shadow, none)}[dir] .Card-module__raised___OPyVO{box-shadow:0 3px 8px -2px rgba(0, 0, 0, 0.18), 0 3px 10px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -3px rgba(0, 0, 0, 0.3);box-shadow:var(--terra-card-raised-box-shadow, 0 3px 8px -2px rgba(0, 0, 0, 0.18), 0 3px 10px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -3px rgba(0, 0, 0, 0.3))} +.CardBody-module__orion-fusion-theme___Xdg9v{--terra-card-padding-bottom: 0.5rem;--terra-card-padding-left: 0.5rem;--terra-card-padding-right: 0.5rem;--terra-card-padding-top: 0.5rem}.CardBody-module__clinical-lowlight-theme___2YDc3{--terra-card-padding-bottom: 10px;--terra-card-padding-left: 10px;--terra-card-padding-right: 10px;--terra-card-padding-top: 10px}[dir] .CardBody-module__vertical-padding___xyd9u{padding-bottom:10px;padding-bottom:var(--terra-card-padding-bottom, 10px);padding-top:10px;padding-top:var(--terra-card-padding-top, 10px)}[dir=ltr] .CardBody-module__horizontal-padding___wGati{padding-left:10px;padding-left:var(--terra-card-padding-left, 10px);padding-right:10px;padding-right:var(--terra-card-padding-right, 10px)}[dir=rtl] .CardBody-module__horizontal-padding___wGati{padding-right:10px;padding-right:var(--terra-card-padding-left, 10px);padding-left:10px;padding-left:var(--terra-card-padding-right, 10px)}[dir] .CardBody-module__center-content___phyuy{text-align:center} +.Whitespace-module__whitespace___nfEbP{display:block;min-height:0}[dir] .Whitespace-module__whitespace___nfEbP{margin:0;padding:0}.Whitespace-module__newline-1___JsrIt{height:1.4285714286em}.Whitespace-module__newline-2___Q0uWI{height:2.8571428572em}.Whitespace-module__newline-3___Q94cX{height:4.2857142858em}.Whitespace-module__newline-4___20zS-{height:5.7142857144em}.Whitespace-module__newline-5___nHyJ-{height:7.142857143em}.Whitespace-module__newline-6___TGqYR{height:8.5714285716em}.Whitespace-module__newline-7___4YsCl{height:10.0000000002em}.Whitespace-module__newline-8___NTNEl{height:11.4285714288em} diff --git a/32757-21fae4558eac73c7fddd.css b/32757-21fae4558eac73c7fddd.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/32757-21fae4558eac73c7fddd.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/32757-21fae4558eac73c7fddd.js b/32757-21fae4558eac73c7fddd.js new file mode 100644 index 0000000000..b9e036e69a --- /dev/null +++ b/32757-21fae4558eac73c7fddd.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[32757,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,a,l){var m=l(64836);a.Z=void 0;var d=m(l(67294)),n=m(l(45697)),r=m(l(47166)),t=m(l(17422)),i=r.default.bind(t.default),u={name:n.default.string.isRequired,src:n.default.string,url:n.default.string,version:n.default.string.isRequired},p=function(e){var a=e.src,l=e.name,m=e.url,n=e.version,r=d.default.createElement("a",{className:i("badge"),href:m||"https://www.npmjs.org/package/".concat(l,"/v/").concat(n)},d.default.createElement("span",{className:i("badge-name")},m?"package":"npm"),d.default.createElement("span",{className:i("badge-version")},"v".concat(n))),t=a?d.default.createElement("a",{className:i("badge"),href:a},d.default.createElement("span",{className:i("badge-name")},"github"),d.default.createElement("span",{className:i("badge-version")},"source")):void 0;return d.default.createElement("div",{className:i("badge-container")},r,t)};p.propTypes=u;var x=p;a.Z=x},32757:function(e,a,l){l.r(a),l.d(a,{default:function(){return h}});l(67294);var m=l(81254),d=l(10865),n=["components"];function r(){return r=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(d[l]=e[l]);return d}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(m=0;m=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(d[l]=e[l])}return d}var i={},u="wrapper";function p(e){var a=e.components,l=t(e,n);return(0,m.mdx)(u,r({},i,l,{components:a,mdxType:"MDXLayout"}),(0,m.mdx)("h1",{id:"changelog"},"Changelog"),(0,m.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,m.mdx)("h2",{id:"5410---july-31-2023"},"5.41.0 - (July 31, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"5400---february-14-2023"},"5.40.0 - (February 14, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated WDIO screenshots due to webpack-config-terra and\nterra-functional-testing upgrade.")))),(0,m.mdx)("h2",{id:"5390---march-15-2022"},"5.39.0 - (March 15, 2022)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Migrate docs to terra-framework-docs")))),(0,m.mdx)("h2",{id:"5380---september-20-2021"},"5.38.0 - (September 20, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated WDIO screenshots due to webpack-config-terra sass upgrade.")))),(0,m.mdx)("h2",{id:"5370---july-21-2021"},"5.37.0 - (July 21, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated ",(0,m.mdx)("inlineCode",{parentName:"li"},"terra-form-input")," from ",(0,m.mdx)("inlineCode",{parentName:"li"},"v3.7.0")," to ",(0,m.mdx)("inlineCode",{parentName:"li"},"v4.4.0"),".")))),(0,m.mdx)("h2",{id:"5360---june-8-2021"},"5.36.0 - (June 8, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated ",(0,m.mdx)("inlineCode",{parentName:"li"},"keycode-js")," from ",(0,m.mdx)("inlineCode",{parentName:"li"},"v2.0.1")," to ",(0,m.mdx)("inlineCode",{parentName:"li"},"v3.1.0"),".")))),(0,m.mdx)("h2",{id:"5350---april-6-2021"},"5.35.0 - (April 6, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,m.mdx)("h2",{id:"5340---march-9-2021"},"5.34.0 - (March 9, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated to use terra-functional-testing")))),(0,m.mdx)("h2",{id:"5330---january-26-2021"},"5.33.0 - (January 26, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Fixed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Fixed error thrown on resizing the popup due to incorrect variables name.")))),(0,m.mdx)("h2",{id:"5320---december-8-2020"},"5.32.0 - (December 8, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,m.mdx)("h2",{id:"5310---november-10-2020"},"5.31.0 - (November 10, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Fixed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Fixed build failures due to the react/sort-comp rule")))),(0,m.mdx)("h2",{id:"5300---august-11-2020"},"5.30.0 - (August 11, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated ",(0,m.mdx)("inlineCode",{parentName:"li"},"terra-form-input")," from ^v2.3.0 to ^v3.7.0")))),(0,m.mdx)("h2",{id:"5290---august-4-2020"},"5.29.0 - (August 4, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated Changelog format")))),(0,m.mdx)("h2",{id:"5280---july-14-2020"},"5.28.0 - (July 14, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor file changes to comply with eslint rules"),(0,m.mdx)("li",{parentName:"ul"},"Replace some empty text with aria-label to comply with eslint")))),(0,m.mdx)("h2",{id:"5270---april-28-2020"},"5.27.0 - (April 28, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added ",(0,m.mdx)("inlineCode",{parentName:"li"},"directory")," as a sub attribute to the ",(0,m.mdx)("inlineCode",{parentName:"li"},"repository")," attribute in package.json"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Removed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge')))),(0,m.mdx)("h2",{id:"5260---march-31-2020"},"5.26.0 - (March 31, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,m.mdx)("h2",{id:"5250---february-25-2020"},"5.25.0 - (February 25, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update docs to use mdx syntax.")))),(0,m.mdx)("h2",{id:"5240---february-18-2020"},"5.24.0 - (February 18, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added generated-themes to .npmignore")))),(0,m.mdx)("h2",{id:"5230---january-28-2020"},"5.23.0 - (January 28, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update copyright to include 2020")))),(0,m.mdx)("h2",{id:"5220---december-10-2019"},"5.22.0 - (December 10, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},'Added reference wdio screenshots for "orion-fusion-theme".')))),(0,m.mdx)("h2",{id:"5210---november-7-2019"},"5.21.0 - (November 7, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Resolved lint warnings for multiple empty lines")))),(0,m.mdx)("h2",{id:"5200---october-16-2019"},"5.20.0 - (October 16, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,m.mdx)("h2",{id:"5190---october-3-2019"},"5.19.0 - (October 3, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,m.mdx)("h2",{id:"5180---september-26-2019"},"5.18.0 - (September 26, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,m.mdx)("h2",{id:"5170---september-19-2019"},"5.17.0 - (September 19, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed ",(0,m.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site."),(0,m.mdx)("li",{parentName:"ul"},"Doc site example module import syntax modified to use package.json name resolution")))),(0,m.mdx)("h2",{id:"5160---september-6-2019"},"5.16.0 - (September 6, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files"),(0,m.mdx)("li",{parentName:"ul"},"Updated ",(0,m.mdx)("inlineCode",{parentName:"li"},"keycode-js")," from ",(0,m.mdx)("inlineCode",{parentName:"li"},"v1.0.4")," to ",(0,m.mdx)("inlineCode",{parentName:"li"},"v2.0.1"))))),(0,m.mdx)("h2",{id:"5150---august-21-2019"},"5.15.0 - (August 21, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Cleaned up lint in test files")))),(0,m.mdx)("h2",{id:"5140---august-14-2019"},"5.14.0 - (August 14, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"updated package.json test scripts"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Removed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed themeable variable for z-index")))),(0,m.mdx)("h2",{id:"5130---july-30-2019"},"5.13.0 - (July 30, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Removed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed DEPENDENCIES.md file")))),(0,m.mdx)("h2",{id:"5120---july-16-2019"},"5.12.0 - (July 16, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies")))),(0,m.mdx)("h2",{id:"5110---july-10-2019"},"5.11.0 - (July 10, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"5100---july-2-2019"},"5.10.0 - (July 2, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed all inline styles from Dev-site components and implemented the same styles using external css."),(0,m.mdx)("li",{parentName:"ul"},"Renamed test and example SCSS files to end with ",(0,m.mdx)("inlineCode",{parentName:"li"},".module.scss")," extension")))),(0,m.mdx)("h2",{id:"590---june-19-2019"},"5.9.0 - (June 19, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"580---june-12-2019"},"5.8.0 - (June 12, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Removed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Replaced classList shim with full polyfill to support d3"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update tests for terra-toolkit v5 and terra-dev-site v5 changes"),(0,m.mdx)("li",{parentName:"ul"},"Update wdio specs to use Terra.describeViewports")))),(0,m.mdx)("h2",{id:"570---april-24-2019"},"5.7.0 - (April 24, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Moved packages we use solely in doc examples and tests to devDependencies")))),(0,m.mdx)("h2",{id:"560---april-16-2019"},"5.6.0 - (April 16, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated the terra-dev-site documentation examples to use native select and Removed Dependency on terra-form-select.")))),(0,m.mdx)("h2",{id:"550---march-26-2019"},"5.5.0 - (March 26, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Removed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,m.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,m.mdx)("h2",{id:"540---march-12-2019"},"5.4.0 - (March 12, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Replaced local keyCode values with keycode-js npm package")))),(0,m.mdx)("h2",{id:"530---march-5-2019"},"5.3.0 - (March 5, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Disable outClickOutside if no callback function is passed.")))),(0,m.mdx)("h2",{id:"520---february-26-2019"},"5.2.0 - (February 26, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Fixed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated test spec to scroll to bottom of test page before interacting with elements.")))),(0,m.mdx)("h2",{id:"510---february-5-2019"},"5.1.0 - (February 5, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Removed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Vestigial fixed styling removed and default to absolute.")))),(0,m.mdx)("h2",{id:"500---january-25-2019"},"5.0.0 - (January 25, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Breaking Change"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated terra-core dependencies"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed usage of componentWillReceiveProps")))),(0,m.mdx)("h2",{id:"4170---january-5-2019"},"4.17.0 - (January 5, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,m.mdx)("h2",{id:"4160---january-2-2019"},"4.16.0 - (January 2, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated dev site examples to not have duplicate ids."),(0,m.mdx)("li",{parentName:"ul"},"Updated dev site examples to use terra-form-input and terra-form-select to improve accessability.")))),(0,m.mdx)("h2",{id:"4150---december-5-2018"},"4.15.0 - (December 5, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,m.mdx)("h2",{id:"4140---december-3-2018"},"4.14.0 - (December 3, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Fixed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Lint error")))),(0,m.mdx)("h2",{id:"4131---november-15-2018"},"4.13.1 - (November 15, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added existence check for SVGElement, fixes issue with older version of jsdom")))),(0,m.mdx)("h2",{id:"4130---november-15-2018"},"4.13.0 - (November 15, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update react-onclickoutside to ^6.7.1")))),(0,m.mdx)("h2",{id:"4120---september-25-2018"},"4.12.0 - (September 25, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Fixed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Broken coordiantes example for setState.")))),(0,m.mdx)("h2",{id:"4110---september-5-2018"},"4.11.0 - (September 5, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,m.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,m.mdx)("h2",{id:"4100---august-30-2018"},"4.10.0 - (August 30, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v5 update")))),(0,m.mdx)("h2",{id:"490---august-13-2018"},"4.9.0 - (August 13, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,m.mdx)("h2",{id:"480---july-25-2018"},"4.8.0 - (July 25, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Add .module extension to SCSS file(s)")))),(0,m.mdx)("h2",{id:"470---july-10-2018"},"4.7.0 - (July 10, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Clean up dependencies")))),(0,m.mdx)("h2",{id:"460---july-3-2018"},"4.6.0 - (July 3, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,m.mdx)("h2",{id:"450---june-29-2018"},"4.5.0 - (June 29, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Introduce targetCoordinates to hookshot functionality."))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Change logs to documentation on terra-dev-site"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Corrected the 'resize observer loop limit reached' error with animation frames.")))),(0,m.mdx)("h2",{id:"440---june-12-2018"},"4.4.0 - (June 12, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,m.mdx)("h2",{id:"430---may-30-2018"},"4.3.0 - (May 30, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Moved examples to src")))),(0,m.mdx)("h2",{id:"420---may-22-2018"},"4.2.0 - (May 22, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,m.mdx)("h2",{id:"410---april-30-2018"},"4.1.0 - (April 30, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency updates"),(0,m.mdx)("li",{parentName:"ul"},"Do not release snapshots to npm")))),(0,m.mdx)("h2",{id:"400---april-20-2018"},"4.0.0 - (April 20, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Breaking Change",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed the call to preventDefault in onOutsideClick")))),(0,m.mdx)("h2",{id:"310---april-13-2018"},"3.1.0 - (April 13, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,m.mdx)("h2",{id:"300---april-10-2018"},"3.0.0 - (April 10, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Breaking Change",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Attachment behavior ",(0,m.mdx)("inlineCode",{parentName:"li"},"none")," will no longer reposition content relative to a bounding rect. Content will remain statically positioned to the specified attachment target. Update the attachment behavior of ",(0,m.mdx)("inlineCode",{parentName:"li"},"none")," to ",(0,m.mdx)("inlineCode",{parentName:"li"},"push")," to regain previous bounded repositioning.")))),(0,m.mdx)("h2",{id:"230---april-3-2018"},"2.3.0 - (April 3, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Moved terra-hookshot to terra-framework repo.")))),(0,m.mdx)("h2",{id:"220---march-6-2018"},"2.2.0 - (March 6, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Removed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed props-table script from package.json")))),(0,m.mdx)("h2",{id:"210---february-26-2018"},"2.1.0 - (February 26, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor version bump")))),(0,m.mdx)("h2",{id:"201---february-13-2018"},"2.0.1 - (February 13, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated peerDependencies")))),(0,m.mdx)("h2",{id:"200---february-12-2018"},"2.0.0 - (February 12, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated to use React 16")))),(0,m.mdx)("h2",{id:"180---february-1-2018"},"1.8.0 - (February 1, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor version bump")))),(0,m.mdx)("h2",{id:"170---january-18-2018"},"1.7.0 - (January 18, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor version bump")))),(0,m.mdx)("h2",{id:"160---january-5-2018"},"1.6.0 - (January 5, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor version bump")))),(0,m.mdx)("h2",{id:"150---december-5-2017"},"1.5.0 - (December 5, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Add preventDefault() to onOutsideClick")))),(0,m.mdx)("h2",{id:"140---november-28-2017"},"1.4.0 - (November 28, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor version bump")))),(0,m.mdx)("h2",{id:"130---november-16-2017"},"1.3.0 - (November 16, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor version bump")))),(0,m.mdx)("h2",{id:"120---october-31-2017"},"1.2.0 - (October 31, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Height and Width rounding"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Content Resize callback")))),(0,m.mdx)("h2",{id:"110---october-24-2017"},"1.1.0 - (October 24, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Fixed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Mobile zoom on safari"),(0,m.mdx)("li",{parentName:"ul"},"Half px value causing blurriness"),(0,m.mdx)("li",{parentName:"ul"},"Disable Listener dependency on target")))),(0,m.mdx)("h2",{id:"100---october-12-2017"},"1.0.0 - (October 12, 2017)"),(0,m.mdx)("p",null,"Initial stable release"))}p.isMDXComponent=!0;var x=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(d[l]=e[l]);return d}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(m=0;m=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(d[l]=e[l])}return d}var s={},c="wrapper";function h(e){var a=e.components,l=N(e,x);return(0,m.mdx)(c,o({},s,l,{components:a,mdxType:"MDXLayout"}),(0,m.mdx)(d.C,{mdxType:"Badge"}),(0,m.mdx)(p,{mdxType:"ChangeLog"}))}h.isMDXComponent=!0},10865:function(e,a,l){l.d(a,{C:function(){return n}});var m=l(67294),d=l(22863),n=function(e){var a=e.url;return m.createElement(d.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-hookshot",name:"terra-hookshot",version:"5.41.0",url:a})}},17422:function(e,a,l){l.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/33315-32445d63247682f4b359.css b/33315-32445d63247682f4b359.css new file mode 100644 index 0000000000..26c57489b7 --- /dev/null +++ b/33315-32445d63247682f4b359.css @@ -0,0 +1,4 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} +.Table-module__clinical-lowlight-theme___PqYJ8{--terra-html-table-background-color: #383f42;--terra-html-table-border: 1px solid #585a5c;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: none;--terra-html-table-header-cell-color: #1c1f21;--terra-html-table-header-cell-font-size: 1rem;--terra-html-table-header-cell-font-weight: bold;--terra-html-table-header-cell-border-right: 1px solid #585a5c;--terra-html-table-first-header-cell-border-left: 1px solid #585a5c;--terra-html-table-last-header-cell-border-right: 1px solid #585a5c;--terra-html-table-header-background-color: #909496;--terra-html-table-header-box-shadow: 0 4px 4px -3.5px #1c1f21, inset 0 0 0 1px #585a5c;--terra-html-table-header-row-border-bottom: 1px solid #585a5c;--terra-html-table-header-row-border-top: 1px solid #585a5c;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #b2b5b6;--terra-html-table-cell-font-size: 1rem;--terra-html-table-first-cell-border-left: 1px solid #585a5c;--terra-html-table-last-cell-border-right: 1px solid #585a5c;--terra-html-table-header-cell-standard-padding-bottom: 0.5rem;--terra-html-table-header-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-top: 0.5rem;--terra-html-table-header-cell-compact-padding-bottom: 0.25rem;--terra-html-table-header-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-top: 0.25rem;--terra-html-table-cell-standard-padding-bottom: 0.5rem;--terra-html-table-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-cell-standard-padding-top: 0.5rem;--terra-html-table-cell-compact-padding-bottom: 0.25rem;--terra-html-table-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-cell-compact-padding-top: 0.25rem;--terra-html-table-row-border-top: 1px solid #585a5c;--terra-html-table-last-row-border-bottom: 1px solid #585a5c;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #2d3539}.Table-module__orion-fusion-theme___d9rxf{--terra-html-table-background-color: transparent;--terra-html-table-border: 0;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: transparent;--terra-html-table-header-cell-color: #64696c;--terra-html-table-header-cell-font-size: 0.857142857rem;--terra-html-table-header-cell-font-weight: normal;--terra-html-table-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-first-header-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-background-color: #f4f4f4;--terra-html-table-header-box-shadow: none;--terra-html-table-header-row-border-bottom: 2px solid #64696c;--terra-html-table-header-row-border-top: 1px solid #c8cacb;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #1c1f21;--terra-html-table-cell-font-size: 0.857142857rem;--terra-html-table-first-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-cell-standard-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-top: 0.428571429rem;--terra-html-table-header-cell-compact-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-top: 0.428571429rem;--terra-html-table-cell-standard-padding-bottom: 0.8571428571rem;--terra-html-table-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-cell-standard-padding-top: 0.8571428571rem;--terra-html-table-cell-compact-padding-bottom: 0.8571428571rem;--terra-html-table-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-cell-compact-padding-top: 0.8571428571rem;--terra-html-table-row-border-top: 0;--terra-html-table-last-row-border-bottom: 1px solid #c8cacb;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #f4f4f4}.Table-module__table___eg2Mi{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___eg2Mi{background-color:transparent;background-color:var(--terra-html-table-background-color, transparent);border:0;border:var(--terra-html-table-border, 0);border-radius:0;border-radius:var(--terra-html-table-border-radius, 0)}[dir] .Table-module__table___eg2Mi caption{padding-bottom:.5em}.Table-module__table___eg2Mi tr{display:table-row}[dir] .Table-module__table___eg2Mi tr{margin-bottom:0}.Table-module__table___eg2Mi td,.Table-module__table___eg2Mi th{color:#1c1f21;color:var(--terra-html-table-cell-color, #1c1f21);display:table-cell;font-size:1rem;font-size:var(--terra-html-table-cell-font-size, 1rem);font-weight:normal;vertical-align:top}[dir] .Table-module__table___eg2Mi td, [dir] .Table-module__table___eg2Mi th{border:0}[dir=ltr] .Table-module__table___eg2Mi td, [dir=ltr] .Table-module__table___eg2Mi th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___eg2Mi td, [dir=rtl] .Table-module__table___eg2Mi th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___eg2Mi td:first-child, [dir=ltr] .Table-module__table___eg2Mi th:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:first-child, [dir=rtl] .Table-module__table___eg2Mi th:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi td:last-child, [dir=ltr] .Table-module__table___eg2Mi th:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:last-child, [dir=rtl] .Table-module__table___eg2Mi th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___eg2Mi thead th, [dir] .Table-module__table___eg2Mi thead td{border:0}[dir=ltr] .Table-module__table___eg2Mi thead th, [dir=ltr] .Table-module__table___eg2Mi thead td{border-right:1px solid rgba(200, 202, 203, 0.5);border-right:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:left}[dir=rtl] .Table-module__table___eg2Mi thead th, [dir=rtl] .Table-module__table___eg2Mi thead td{border-left:1px solid rgba(200, 202, 203, 0.5);border-left:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:right}[dir=ltr] .Table-module__table___eg2Mi thead th:first-child, [dir=ltr] .Table-module__table___eg2Mi thead td:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:first-child, [dir=rtl] .Table-module__table___eg2Mi thead td:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi thead th:last-child, [dir=ltr] .Table-module__table___eg2Mi thead td:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:last-child, [dir=rtl] .Table-module__table___eg2Mi thead td:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead{display:table-header-group}[dir] .Table-module__table___eg2Mi thead{background-color:#f1f1f2;background-color:var(--terra-html-table-header-background-color, #f1f1f2);box-shadow:0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5);box-shadow:var(--terra-html-table-header-box-shadow, 0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5))}[dir] .Table-module__table___eg2Mi thead tr{border-bottom:1px solid #b9bbbc;border-bottom:var(--terra-html-table-header-row-border-bottom, 1px solid #b9bbbc);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-header-row-border-top, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{color:#1c1f21;color:var(--terra-html-table-header-cell-color, #1c1f21);font-size:1rem;font-size:var(--terra-html-table-header-cell-font-size, 1rem);font-weight:bold;font-weight:var(--terra-html-table-header-cell-font-weight, bold);vertical-align:bottom}[dir] .Table-module__table___eg2Mi tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___eg2Mi tbody tr{background-color:transparent;background-color:var(--terra-html-table-row-background-color, transparent);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-row-border-top, 1px solid #dedfe0)}[dir] .Table-module__table___eg2Mi tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___eg2Mi tbody tr:last-of-type{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-html-table-last-row-border-bottom, 1px solid #dedfe0)}[dir] .Table-module__padding-standard___BfbC- th{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-header-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-header-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z th{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-header-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-header-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__padding-standard___BfbC- td{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z td{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__striped___n8xJe tbody tr:nth-of-type(even){background-color:#f6f7f8;background-color:var(--terra-html-table-row-striped-background-color, #f6f7f8)}@media print{.Table-module__table___eg2Mi thead{display:table-header-group}.Table-module__table___eg2Mi tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} diff --git a/33324-6466a89669fb5df9413a.css b/33324-6466a89669fb5df9413a.css new file mode 100644 index 0000000000..bcb353bb45 --- /dev/null +++ b/33324-6466a89669fb5df9413a.css @@ -0,0 +1,4 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.Table-module__clinical-lowlight-theme___PqYJ8{--terra-html-table-background-color: #383f42;--terra-html-table-border: 1px solid #585a5c;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: none;--terra-html-table-header-cell-color: #1c1f21;--terra-html-table-header-cell-font-size: 1rem;--terra-html-table-header-cell-font-weight: bold;--terra-html-table-header-cell-border-right: 1px solid #585a5c;--terra-html-table-first-header-cell-border-left: 1px solid #585a5c;--terra-html-table-last-header-cell-border-right: 1px solid #585a5c;--terra-html-table-header-background-color: #909496;--terra-html-table-header-box-shadow: 0 4px 4px -3.5px #1c1f21, inset 0 0 0 1px #585a5c;--terra-html-table-header-row-border-bottom: 1px solid #585a5c;--terra-html-table-header-row-border-top: 1px solid #585a5c;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #b2b5b6;--terra-html-table-cell-font-size: 1rem;--terra-html-table-first-cell-border-left: 1px solid #585a5c;--terra-html-table-last-cell-border-right: 1px solid #585a5c;--terra-html-table-header-cell-standard-padding-bottom: 0.5rem;--terra-html-table-header-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-top: 0.5rem;--terra-html-table-header-cell-compact-padding-bottom: 0.25rem;--terra-html-table-header-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-top: 0.25rem;--terra-html-table-cell-standard-padding-bottom: 0.5rem;--terra-html-table-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-cell-standard-padding-top: 0.5rem;--terra-html-table-cell-compact-padding-bottom: 0.25rem;--terra-html-table-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-cell-compact-padding-top: 0.25rem;--terra-html-table-row-border-top: 1px solid #585a5c;--terra-html-table-last-row-border-bottom: 1px solid #585a5c;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #2d3539}.Table-module__orion-fusion-theme___d9rxf{--terra-html-table-background-color: transparent;--terra-html-table-border: 0;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: transparent;--terra-html-table-header-cell-color: #64696c;--terra-html-table-header-cell-font-size: 0.857142857rem;--terra-html-table-header-cell-font-weight: normal;--terra-html-table-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-first-header-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-background-color: #f4f4f4;--terra-html-table-header-box-shadow: none;--terra-html-table-header-row-border-bottom: 2px solid #64696c;--terra-html-table-header-row-border-top: 1px solid #c8cacb;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #1c1f21;--terra-html-table-cell-font-size: 0.857142857rem;--terra-html-table-first-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-cell-standard-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-top: 0.428571429rem;--terra-html-table-header-cell-compact-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-top: 0.428571429rem;--terra-html-table-cell-standard-padding-bottom: 0.8571428571rem;--terra-html-table-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-cell-standard-padding-top: 0.8571428571rem;--terra-html-table-cell-compact-padding-bottom: 0.8571428571rem;--terra-html-table-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-cell-compact-padding-top: 0.8571428571rem;--terra-html-table-row-border-top: 0;--terra-html-table-last-row-border-bottom: 1px solid #c8cacb;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #f4f4f4}.Table-module__table___eg2Mi{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___eg2Mi{background-color:transparent;background-color:var(--terra-html-table-background-color, transparent);border:0;border:var(--terra-html-table-border, 0);border-radius:0;border-radius:var(--terra-html-table-border-radius, 0)}[dir] .Table-module__table___eg2Mi caption{padding-bottom:.5em}.Table-module__table___eg2Mi tr{display:table-row}[dir] .Table-module__table___eg2Mi tr{margin-bottom:0}.Table-module__table___eg2Mi td,.Table-module__table___eg2Mi th{color:#1c1f21;color:var(--terra-html-table-cell-color, #1c1f21);display:table-cell;font-size:1rem;font-size:var(--terra-html-table-cell-font-size, 1rem);font-weight:normal;vertical-align:top}[dir] .Table-module__table___eg2Mi td, [dir] .Table-module__table___eg2Mi th{border:0}[dir=ltr] .Table-module__table___eg2Mi td, [dir=ltr] .Table-module__table___eg2Mi th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___eg2Mi td, [dir=rtl] .Table-module__table___eg2Mi th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___eg2Mi td:first-child, [dir=ltr] .Table-module__table___eg2Mi th:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:first-child, [dir=rtl] .Table-module__table___eg2Mi th:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi td:last-child, [dir=ltr] .Table-module__table___eg2Mi th:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:last-child, [dir=rtl] .Table-module__table___eg2Mi th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___eg2Mi thead th, [dir] .Table-module__table___eg2Mi thead td{border:0}[dir=ltr] .Table-module__table___eg2Mi thead th, [dir=ltr] .Table-module__table___eg2Mi thead td{border-right:1px solid rgba(200, 202, 203, 0.5);border-right:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:left}[dir=rtl] .Table-module__table___eg2Mi thead th, [dir=rtl] .Table-module__table___eg2Mi thead td{border-left:1px solid rgba(200, 202, 203, 0.5);border-left:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:right}[dir=ltr] .Table-module__table___eg2Mi thead th:first-child, [dir=ltr] .Table-module__table___eg2Mi thead td:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:first-child, [dir=rtl] .Table-module__table___eg2Mi thead td:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi thead th:last-child, [dir=ltr] .Table-module__table___eg2Mi thead td:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:last-child, [dir=rtl] .Table-module__table___eg2Mi thead td:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead{display:table-header-group}[dir] .Table-module__table___eg2Mi thead{background-color:#f1f1f2;background-color:var(--terra-html-table-header-background-color, #f1f1f2);box-shadow:0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5);box-shadow:var(--terra-html-table-header-box-shadow, 0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5))}[dir] .Table-module__table___eg2Mi thead tr{border-bottom:1px solid #b9bbbc;border-bottom:var(--terra-html-table-header-row-border-bottom, 1px solid #b9bbbc);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-header-row-border-top, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{color:#1c1f21;color:var(--terra-html-table-header-cell-color, #1c1f21);font-size:1rem;font-size:var(--terra-html-table-header-cell-font-size, 1rem);font-weight:bold;font-weight:var(--terra-html-table-header-cell-font-weight, bold);vertical-align:bottom}[dir] .Table-module__table___eg2Mi tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___eg2Mi tbody tr{background-color:transparent;background-color:var(--terra-html-table-row-background-color, transparent);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-row-border-top, 1px solid #dedfe0)}[dir] .Table-module__table___eg2Mi tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___eg2Mi tbody tr:last-of-type{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-html-table-last-row-border-bottom, 1px solid #dedfe0)}[dir] .Table-module__padding-standard___BfbC- th{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-header-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-header-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z th{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-header-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-header-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__padding-standard___BfbC- td{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z td{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__striped___n8xJe tbody tr:nth-of-type(even){background-color:#f6f7f8;background-color:var(--terra-html-table-row-striped-background-color, #f6f7f8)}@media print{.Table-module__table___eg2Mi thead{display:table-header-group}.Table-module__table___eg2Mi tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} +.DatePickerExampleCommon-module__date-wrapper___UWblk{display:inline-block} diff --git a/33324-6466a89669fb5df9413a.js b/33324-6466a89669fb5df9413a.js new file mode 100644 index 0000000000..b71c176209 --- /dev/null +++ b/33324-6466a89669fb5df9413a.js @@ -0,0 +1 @@ +(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[33324,45627,79482,85565,3353,5161,80858,45865,85355,3193,4845,46647,85161,66097,38681,79980,15318,40411,18101,38443,11264,34319,78996,39915,33442],{46700:function(s,j,e){var n={"./af":42786,"./af.js":42786,"./ar":30867,"./ar-dz":14130,"./ar-dz.js":14130,"./ar-kw":96135,"./ar-kw.js":96135,"./ar-ly":56440,"./ar-ly.js":56440,"./ar-ma":47702,"./ar-ma.js":47702,"./ar-sa":16040,"./ar-sa.js":16040,"./ar-tn":37100,"./ar-tn.js":37100,"./ar.js":30867,"./az":31083,"./az.js":31083,"./be":9808,"./be.js":9808,"./bg":68338,"./bg.js":68338,"./bm":67438,"./bm.js":67438,"./bn":8905,"./bn-bd":76225,"./bn-bd.js":76225,"./bn.js":8905,"./bo":11560,"./bo.js":11560,"./br":1278,"./br.js":1278,"./bs":80622,"./bs.js":80622,"./ca":2468,"./ca.js":2468,"./cs":5822,"./cs.js":5822,"./cv":50877,"./cv.js":50877,"./cy":47373,"./cy.js":47373,"./da":24780,"./da.js":24780,"./de":59740,"./de-at":60217,"./de-at.js":60217,"./de-ch":60894,"./de-ch.js":60894,"./de.js":59740,"./dv":5300,"./dv.js":5300,"./el":50837,"./el.js":50837,"./en-au":78348,"./en-au.js":78348,"./en-ca":77925,"./en-ca.js":77925,"./en-gb":22243,"./en-gb.js":22243,"./en-ie":46436,"./en-ie.js":46436,"./en-il":47207,"./en-il.js":47207,"./en-in":44175,"./en-in.js":44175,"./en-nz":76319,"./en-nz.js":76319,"./en-sg":31662,"./en-sg.js":31662,"./eo":92915,"./eo.js":92915,"./es":55655,"./es-do":55251,"./es-do.js":55251,"./es-mx":96112,"./es-mx.js":96112,"./es-us":71146,"./es-us.js":71146,"./es.js":55655,"./et":5603,"./et.js":5603,"./eu":77763,"./eu.js":77763,"./fa":76959,"./fa.js":76959,"./fi":11897,"./fi.js":11897,"./fil":42549,"./fil.js":42549,"./fo":94694,"./fo.js":94694,"./fr":94470,"./fr-ca":63049,"./fr-ca.js":63049,"./fr-ch":52330,"./fr-ch.js":52330,"./fr.js":94470,"./fy":5044,"./fy.js":5044,"./ga":29295,"./ga.js":29295,"./gd":2101,"./gd.js":2101,"./gl":38794,"./gl.js":38794,"./gom-deva":27884,"./gom-deva.js":27884,"./gom-latn":23168,"./gom-latn.js":23168,"./gu":95349,"./gu.js":95349,"./he":24206,"./he.js":24206,"./hi":30094,"./hi.js":30094,"./hr":30316,"./hr.js":30316,"./hu":22138,"./hu.js":22138,"./hy-am":11423,"./hy-am.js":11423,"./id":29218,"./id.js":29218,"./is":90135,"./is.js":90135,"./it":90626,"./it-ch":10150,"./it-ch.js":10150,"./it.js":90626,"./ja":39183,"./ja.js":39183,"./jv":24286,"./jv.js":24286,"./ka":12105,"./ka.js":12105,"./kk":47772,"./kk.js":47772,"./km":18758,"./km.js":18758,"./kn":79282,"./kn.js":79282,"./ko":33730,"./ko.js":33730,"./ku":1408,"./ku.js":1408,"./ky":33291,"./ky.js":33291,"./lb":36841,"./lb.js":36841,"./lo":55466,"./lo.js":55466,"./lt":57010,"./lt.js":57010,"./lv":37595,"./lv.js":37595,"./me":39861,"./me.js":39861,"./mi":35493,"./mi.js":35493,"./mk":59637,"./mk.js":59637,"./ml":87341,"./ml.js":87341,"./mn":5115,"./mn.js":5115,"./mr":10370,"./mr.js":10370,"./ms":9847,"./ms-my":41237,"./ms-my.js":41237,"./ms.js":9847,"./mt":72126,"./mt.js":72126,"./my":56165,"./my.js":56165,"./nb":64924,"./nb.js":64924,"./ne":16744,"./ne.js":16744,"./nl":93901,"./nl-be":59814,"./nl-be.js":59814,"./nl.js":93901,"./nn":83877,"./nn.js":83877,"./oc-lnc":92135,"./oc-lnc.js":92135,"./pa-in":47762,"./pa-in.js":47762,"./pl":64495,"./pl.js":64495,"./pt":96432,"./pt-br":57971,"./pt-br.js":57971,"./pt.js":96432,"./ro":96459,"./ro.js":96459,"./ru":21793,"./ru.js":21793,"./sd":40950,"./sd.js":40950,"./se":10490,"./se.js":10490,"./si":90124,"./si.js":90124,"./sk":64249,"./sk.js":64249,"./sl":14985,"./sl.js":14985,"./sq":51104,"./sq.js":51104,"./sr":49131,"./sr-cyrl":79915,"./sr-cyrl.js":79915,"./sr.js":49131,"./ss":85893,"./ss.js":85893,"./sv":98760,"./sv.js":98760,"./sw":91172,"./sw.js":91172,"./ta":27333,"./ta.js":27333,"./te":23110,"./te.js":23110,"./tet":52095,"./tet.js":52095,"./tg":27321,"./tg.js":27321,"./th":9041,"./th.js":9041,"./tk":19005,"./tk.js":19005,"./tl-ph":75768,"./tl-ph.js":75768,"./tlh":89444,"./tlh.js":89444,"./tr":72397,"./tr.js":72397,"./tzl":28254,"./tzl.js":28254,"./tzm":51106,"./tzm-latn":30699,"./tzm-latn.js":30699,"./tzm.js":51106,"./ug-cn":9288,"./ug-cn.js":9288,"./uk":67691,"./uk.js":67691,"./ur":13795,"./ur.js":13795,"./uz":6791,"./uz-latn":14126,"./uz-latn.js":14126,"./uz.js":6791,"./vi":65666,"./vi.js":65666,"./x-pseudo":14378,"./x-pseudo.js":14378,"./yo":75805,"./yo.js":75805,"./zh-cn":83839,"./zh-cn.js":83839,"./zh-hk":55726,"./zh-hk.js":55726,"./zh-mo":99807,"./zh-mo.js":99807,"./zh-tw":74152,"./zh-tw.js":74152};function t(s){var j=a(s);return e(j)}function a(s){if(!e.o(n,s)){var j=new Error("Cannot find module '"+s+"'");throw j.code="MODULE_NOT_FOUND",j}return n[s]}t.keys=function(){return Object.keys(n)},t.resolve=a,s.exports=t,t.id=46700}}]); \ No newline at end of file diff --git a/33444-dedcb4e3895f0af1cbe9.css b/33444-dedcb4e3895f0af1cbe9.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/33444-dedcb4e3895f0af1cbe9.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/33444-dedcb4e3895f0af1cbe9.js b/33444-dedcb4e3895f0af1cbe9.js new file mode 100644 index 0000000000..7573691b44 --- /dev/null +++ b/33444-dedcb4e3895f0af1cbe9.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[33444,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,n,t){var i=t(64836);n.Z=void 0;var a=i(t(67294)),d=i(t(45697)),r=i(t(47166)),s=i(t(17422)),o=r.default.bind(s.default),l={name:d.default.string.isRequired,src:d.default.string,url:d.default.string,version:d.default.string.isRequired},m=function(e){var n=e.src,t=e.name,i=e.url,d=e.version,r=a.default.createElement("a",{className:o("badge"),href:i||"https://www.npmjs.org/package/".concat(t,"/v/").concat(d)},a.default.createElement("span",{className:o("badge-name")},i?"package":"npm"),a.default.createElement("span",{className:o("badge-version")},"v".concat(d))),s=n?a.default.createElement("a",{className:o("badge"),href:n},a.default.createElement("span",{className:o("badge-name")},"github"),a.default.createElement("span",{className:o("badge-version")},"source")):void 0;return a.default.createElement("div",{className:o("badge-container")},r,s)};m.propTypes=l;var p=m;n.Z=p},33444:function(e,n,t){t.r(n),t.d(n,{default:function(){return m}});t(67294);var i=t(81254),a=t(70640),d=["components"];function r(){return r=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(a[t]=e[t]);return a}(e,n);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}var o={},l="wrapper";function m(e){var n=e.components,t=s(e,d);return(0,i.mdx)(l,r({},o,t,{components:n,mdxType:"MDXLayout"}),(0,i.mdx)(a.C,{mdxType:"Badge"}),(0,i.mdx)("h1",{id:"disclosure-apis"},"Disclosure APIs"),(0,i.mdx)("p",null,"Both DisclosureManager Children and disclosed content will be provided with a ",(0,i.mdx)("inlineCode",{parentName:"p"},"DisclosureManagerDelegate")," instance via the DisclosureManagerContext. This provides disclose APIs the content can use to manager disclosures."),(0,i.mdx)("h2",{id:"disclose-api"},"disclose API"),(0,i.mdx)("p",null,"The ",(0,i.mdx)("inlineCode",{parentName:"p"},"DisclosureManagerDelegate")," provided to the content contains a ",(0,i.mdx)("inlineCode",{parentName:"p"},"disclose")," function which returns a Promise."),(0,i.mdx)("p",null,"This ",(0,i.mdx)("inlineCode",{parentName:"p"},"disclose")," function can be used by both Disclosure Manager children and disclosed content to disclose new content. The type of disclosure can be specified when ",(0,i.mdx)("inlineCode",{parentName:"p"},"disclose")," is called. The ",(0,i.mdx)("inlineCode",{parentName:"p"},"disclose")," function will validate the specified disclosure type against the set of supported disclosure types that were provided to the DisclosureManager via the ",(0,i.mdx)("inlineCode",{parentName:"p"},"supportedDisclosureTypes")," prop."),(0,i.mdx)("p",null,"If the type is supported, the DisclosureManager will check the currently disclosed component's state to ensure it can be replaced."),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("p",{parentName:"li"},"If the disclosure is allowed, then ",(0,i.mdx)("inlineCode",{parentName:"p"},"disclose")," returns a resolved Promise. This Promise will be resolved with an Object containing functions and Promises that can be used to manipulate the disclosure, if necessary. Alternatively, if the additional logic isn't needed, the returned Promise can be completely ignored. The resolve API includes"),(0,i.mdx)("ul",{parentName:"li"},(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("inlineCode",{parentName:"li"},"dismissDisclosure"),", a function that will dismiss the disclosed content. "),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("inlineCode",{parentName:"li"},"afterDismiss"),", a deferred Promise that will be resolved when the disclosed content is dismissed by any means. "))),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("p",{parentName:"li"},"If the disclosure is denied, then ",(0,i.mdx)("inlineCode",{parentName:"p"},"disclose")," returns a rejected Promise. "))),(0,i.mdx)("p",null,"If the provided type is not supported, and if the DisclosureManager detects another DisclosureManager higher in the component hierarchy, the DisclosureManager will call the disclose function provided by that parent DisclosureManager instance. The parent DisclosureManager will also return also resolve or reject a Promise."),(0,i.mdx)("details",null,(0,i.mdx)("summary",null,"Disclose Arguments in Detail"),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-js"},"disclosureManager.disclose({\n /* REQUIRED: The content information associated to the component to be disclosed. */\n content: {\n /* REQUIRED: The React component to be disclosed. */\n component: PropTypes.node,\n\n /**\n * REQUIRED: The unique identifier of the component to disclosed. This key must be unique \n * amongst the set of all actively disclosed component keys.\n */\n key: PropsTypes.string,\n \n /**\n * The title to associated to the component.\n */\n title: PropsTypes.string,\n },\n\n /**\n * The preferred disclosure type. This will be used to match the disclosure request to an appropriate\n * DisclosureManager. Depending on the structuring of managers in a given component, the preferredType\n * value may not be honored. If the provided preferredType is not supported by any present disclosure managers,\n * the root disclosure manager will perform the disclosure using its own disclosure type, regardless of the\n * preferredType value.\n */\n preferredType: PropsTypes.string,\n\n /**\n * The explicit `height` and `width` values for the disclosure. These values may not be honored due to the\n * disclosure type or the available viewport size.\n * `dimensions` should not be provided if a `size` is specified.\n */\n dimensions: {\n /**\n * Supported `height` values include: `'240'`, `'280'`, `'380'`, `'420'`, `'460'`, `'600'`, `'690'`,\n * `'780'`, `'870'`, `'960'`, `'1140'`.\n */\n height: PropTypes.number,\n\n /**\n * Supported `width` values include: `'320'`, `'400'`, `'480'`, `'560'`, `'600'`, `'640'`, `'700'`,\n * `'800'`, `'960'`, `'1120'`, `'1280'`, `'1440'`, `'1600'`, `'1760'`, `'1920'`.\n */\n width: PropsTypes.number,\n },\n\n /**\n * The String size desired for the disclosure. One of `tiny`, `small`, `medium`, `large`, `huge`, or `fullscreen`.\n * Additional sizes `fusion-small`, `fusion-medium`, and `fusion-large` supported for disclosure type `modal` only.\n * The functional implementation of this size is determined by the component responsible for\n * providing the render prop to the DisclosureManager.\n * > Note: `size` should not be provided if `dimensions` are specified.\n */\n size: PropsTypes.func,\n\n /**\n * Additional custom properties to override disclosed component props.\n * Currently is limited to `panelBehavior` property of slide panel manager. To set\\override panelBehavior we could do `typeConfig: { panelBehavior: 'squish' }`.\n */\n typeConfig: PropsTypes.Object\n}).then(() => {\n // do stuff\n});\n"))),(0,i.mdx)("h3",{id:"example"},"Example"),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-jsx"}," {\n disclosureManager.disclose({\n preferredType: 'modal',\n size: 'large',\n content: {\n key: 'my-disclosed-content',\n title: 'My Disclosed Content',\n component: ,\n }\n }).then({ dismissDisclosure, afterDismiss } => {\n this.myContentIsDisclosed = true;\n\n // This function can be cached and triggered as needed.\n this.myDismissFunction = dismissDisclosure;\n\n afterDismiss.then(() => {\n // The afterDismiss will resolve when the content is dismissed, allowing for\n // cleanup of local state as needed.\n this.myContentIsDisclosed = false;\n\n // If the dismissDisclosure function was cached, make sure it gets cleaned up.\n this.myDismissFunction = false;\n })\n }).catch((e) => {\n // If this function is executed, the disclosure has been denied. You can use this to\n // clean up any state that may be reliant on the disclosure occurring.\n })\n }}\n/>\n")),(0,i.mdx)("h3",{id:"disclose-props"},"Disclose props"),(0,i.mdx)("p",null,(0,i.mdx)("inlineCode",{parentName:"p"},"disclose")," Argument API:"),(0,i.mdx)("table",null,(0,i.mdx)("thead",{parentName:"table"},(0,i.mdx)("tr",{parentName:"thead"},(0,i.mdx)("th",{parentName:"tr",align:null},"Key"),(0,i.mdx)("th",{parentName:"tr",align:null},"Is Required"),(0,i.mdx)("th",{parentName:"tr",align:null},"Value"))),(0,i.mdx)("tbody",{parentName:"table"},(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"preferredType")),(0,i.mdx)("td",{parentName:"tr",align:null},"optional"),(0,i.mdx)("td",{parentName:"tr",align:null},"The String describing the preferred disclosure type. This will be used to match the disclosure request to an appropriate DisclosureManager. Depending on the structuring of managers in a given component, the ",(0,i.mdx)("inlineCode",{parentName:"td"},"preferredType")," value may not be honored. If the provided ",(0,i.mdx)("inlineCode",{parentName:"td"},"preferredType")," is not supported by any present disclosure managers, the root disclosure manager will perform the disclosure using its own disclosure type, regardless of the ",(0,i.mdx)("inlineCode",{parentName:"td"},"preferredType")," value.")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"size")),(0,i.mdx)("td",{parentName:"tr",align:null},"optional"),(0,i.mdx)("td",{parentName:"tr",align:null},"The String size desired for the disclosure. One of ",(0,i.mdx)("inlineCode",{parentName:"td"},"tiny"),", ",(0,i.mdx)("inlineCode",{parentName:"td"},"small"),", ",(0,i.mdx)("inlineCode",{parentName:"td"},"medium"),", ",(0,i.mdx)("inlineCode",{parentName:"td"},"large"),", ",(0,i.mdx)("inlineCode",{parentName:"td"},"huge"),", or ",(0,i.mdx)("inlineCode",{parentName:"td"},"fullscreen"),". Additional sizes ",(0,i.mdx)("inlineCode",{parentName:"td"},"fusion-small"),", ",(0,i.mdx)("inlineCode",{parentName:"td"},"fusion-medium"),", and ",(0,i.mdx)("inlineCode",{parentName:"td"},"fusion-large")," supported for disclosure type ",(0,i.mdx)("inlineCode",{parentName:"td"},"modal")," only. The functional implementation of this size is determined by the rendering component. ",(0,i.mdx)("inlineCode",{parentName:"td"},"size")," should not be provided if ",(0,i.mdx)("inlineCode",{parentName:"td"},"dimensions")," are specified.")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"dimensions")),(0,i.mdx)("td",{parentName:"tr",align:null},"optional"),(0,i.mdx)("td",{parentName:"tr",align:null},"An Object containing explicit ",(0,i.mdx)("inlineCode",{parentName:"td"},"height")," and ",(0,i.mdx)("inlineCode",{parentName:"td"},"width")," values for the disclosure. These values may not be honored due to the disclosure type or the available viewport size. ",(0,i.mdx)("inlineCode",{parentName:"td"},"dimensions")," should not be provided if a ",(0,i.mdx)("inlineCode",{parentName:"td"},"size")," is specified.",(0,i.mdx)("br",null),"Supported ",(0,i.mdx)("inlineCode",{parentName:"td"},"height")," values include: ",(0,i.mdx)("inlineCode",{parentName:"td"},"'240'"),", ",(0,i.mdx)("inlineCode",{parentName:"td"},"'280'"),", ",(0,i.mdx)("inlineCode",{parentName:"td"},"'380'"),", ",(0,i.mdx)("inlineCode",{parentName:"td"},"'420'"),", ",(0,i.mdx)("inlineCode",{parentName:"td"},"'460'"),", ",(0,i.mdx)("inlineCode",{parentName:"td"},"'600'"),", ",(0,i.mdx)("inlineCode",{parentName:"td"},"'690'"),", ",(0,i.mdx)("inlineCode",{parentName:"td"},"'780'"),", ",(0,i.mdx)("inlineCode",{parentName:"td"},"'870'"),", ",(0,i.mdx)("inlineCode",{parentName:"td"},"'960'"),", ",(0,i.mdx)("inlineCode",{parentName:"td"},"'1140'"),".",(0,i.mdx)("br",null),"Supported ",(0,i.mdx)("inlineCode",{parentName:"td"},"width")," values include: ",(0,i.mdx)("inlineCode",{parentName:"td"},"'320'"),", ",(0,i.mdx)("inlineCode",{parentName:"td"},"'400'"),", ",(0,i.mdx)("inlineCode",{parentName:"td"},"'480'"),", ",(0,i.mdx)("inlineCode",{parentName:"td"},"'560'"),", ",(0,i.mdx)("inlineCode",{parentName:"td"},"'600'"),", ",(0,i.mdx)("inlineCode",{parentName:"td"},"'640'"),", ",(0,i.mdx)("inlineCode",{parentName:"td"},"'700'"),", ",(0,i.mdx)("inlineCode",{parentName:"td"},"'800'"),", ",(0,i.mdx)("inlineCode",{parentName:"td"},"'960'"),", ",(0,i.mdx)("inlineCode",{parentName:"td"},"'1120'"),", ",(0,i.mdx)("inlineCode",{parentName:"td"},"'1280'"),", ",(0,i.mdx)("inlineCode",{parentName:"td"},"'1440'"),", ",(0,i.mdx)("inlineCode",{parentName:"td"},"'1600'"),", ",(0,i.mdx)("inlineCode",{parentName:"td"},"'1760'"),", ",(0,i.mdx)("inlineCode",{parentName:"td"},"'1920'"),".")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"content")),(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("strong",{parentName:"td"},"required")),(0,i.mdx)("td",{parentName:"tr",align:null},"An Object containing a key and a component describing the component to be disclosed. See the ",(0,i.mdx)("inlineCode",{parentName:"td"},"content")," API below.")))),(0,i.mdx)("h3",{id:"content-props"},"Content props"),(0,i.mdx)("p",null,(0,i.mdx)("inlineCode",{parentName:"p"},"content")," Object API:"),(0,i.mdx)("table",null,(0,i.mdx)("thead",{parentName:"table"},(0,i.mdx)("tr",{parentName:"thead"},(0,i.mdx)("th",{parentName:"tr",align:null},"Key"),(0,i.mdx)("th",{parentName:"tr",align:null},"Is Required"),(0,i.mdx)("th",{parentName:"tr",align:null},"Value"))),(0,i.mdx)("tbody",{parentName:"table"},(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"key")),(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("strong",{parentName:"td"},"required")),(0,i.mdx)("td",{parentName:"tr",align:null},"A String key identifying the component to the DisclosureManager. This key must be unique amongst the set of all actively disclosed component keys.")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"component")),(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("strong",{parentName:"td"},"required")),(0,i.mdx)("td",{parentName:"tr",align:null},"A React element that will be disclosed.")))),(0,i.mdx)("h2",{id:"other-apis"},"Other APIs"),(0,i.mdx)("p",null,"In addition to a ",(0,i.mdx)("inlineCode",{parentName:"p"},"disclose")," function, a number of other functions are exposed to components rendered in the disclosure mechanism to manage various segments of the disclosure state. The included functions are:"),(0,i.mdx)("table",null,(0,i.mdx)("thead",{parentName:"table"},(0,i.mdx)("tr",{parentName:"thead"},(0,i.mdx)("th",{parentName:"tr",align:null},"Function"),(0,i.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,i.mdx)("tbody",{parentName:"table"},(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"dismiss")),(0,i.mdx)("td",{parentName:"tr",align:null},"Allows a component to remove itself from the disclosure stack. If the component is the only element in the disclosure stack, the disclosure is closed.")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"closeDisclosure")),(0,i.mdx)("td",{parentName:"tr",align:null},"Allows a component to close the entire disclosure stack. This is generally integrated into face-up disclosure controls as a Close button or similar.")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"goBack")),(0,i.mdx)("td",{parentName:"tr",align:null},"Allows a component to remove itself from the disclosure stack. Functionally similar to ",(0,i.mdx)("inlineCode",{parentName:"td"},"dismiss"),", however ",(0,i.mdx)("inlineCode",{parentName:"td"},"onBack")," is only provided to components in the stack that have a previous sibling. This is generally integrated into face-up disclosure controls as a Back button or similar.")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"maximize")),(0,i.mdx)("td",{parentName:"tr",align:null},"Allows a component to maximize its presentation size. This is only provided if the component is not already maximized.")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"minimize")),(0,i.mdx)("td",{parentName:"tr",align:null},"Allows a component to minimize its presentation size. This is only provided if the component is currently maximized.")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"requestFocus")),(0,i.mdx)("td",{parentName:"tr",align:null},"Allows a component to request focus from the disclosure in the event that the disclosure mechanism in use utilizes a focus trap. This can be integrated with the Popup and similar focus-stealing controls.")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"releaseFocus")),(0,i.mdx)("td",{parentName:"tr",align:null},"Allows a component to release focus from itself and return it to the disclosure. This can be integrated with the Popup and similar focus-stealing controls.")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"registerDismissCheck")),(0,i.mdx)("td",{parentName:"tr",align:null},"Allows a component to register a function with the DisclosureManager that will be called before the component is dismissed for any reason.")))),(0,i.mdx)("p",null,"Each of these functions returns a Promise that can be used for chaining, if necessary."),(0,i.mdx)("h5",{id:"a-note-on-registerdismisscheck"},"A Note on registerDismissCheck"),(0,i.mdx)("p",null,"The function given to ",(0,i.mdx)("inlineCode",{parentName:"p"},"registerDismissCheck")," must return a resolved or rejected Promise. If the Promise is resolved, the component is guaranteed to be dismissed. If cleanup logic needs to execute before the component is dismissed, it is a good idea to execute before returning the resolved Promise. If a rejected Promise is returned, the component will not be dismissed. Components can render a prompt or confirmation window to give users control over the dismissal, if desired."),(0,i.mdx)("p",null,"Example:"),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-jsx"},"// DisclosedComponent.jsx\n\ncomponentDidMount() {\n const { disclosureManager } = this.props;\n\n // A dismiss function can be registered multiple times, but it usually makes sense to\n // register a bound function a single time on mount.\n disclosureManager.registerDismissCheck(this.unsavedChangesCheck);\n}\n\nunsavedChangesCheck() {\n const { store } = this.props;\n const { hasUnsavedChanges } = this.state;\n\n return new Promise((resolve, reject) => {\n if (hasUnsavedChanges) {\n // The dismissal could be outright denied.\n // reject();\n\n // Or, a confirmation could allow user control.\n if (!confirm('MyDisclosedComponent has unsaved changes that will be lost. Do you wish to continue?')) {\n reject();\n return;\n }\n\n // Otherwise, resolving the Promise will cause the component to be dismissed and unmounted. Any cleanup needed\n // before dismissal should occur before the Promise is resolved.\n store.dispatch(myCleanupActionOrSomething());\n\n resolve();\n }\n });\n}\n")))}m.isMDXComponent=!0},70640:function(e,n,t){t.d(n,{C:function(){return d}});var i=t(67294),a=t(22863),d=function(e){var n=e.url;return i.createElement(a.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-disclosure-manager",name:"terra-disclosure-manager",version:"4.43.0",url:n})}},17422:function(e,n,t){t.r(n),n.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/3353-4cffc0928416959f0067.css b/3353-4cffc0928416959f0067.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/3353-4cffc0928416959f0067.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/33559-ca5c551870e1ace8631b.css b/33559-ca5c551870e1ace8631b.css new file mode 100644 index 0000000000..d4831f1b2b --- /dev/null +++ b/33559-ca5c551870e1ace8631b.css @@ -0,0 +1,5 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.Table-module__clinical-lowlight-theme___PqYJ8{--terra-html-table-background-color: #383f42;--terra-html-table-border: 1px solid #585a5c;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: none;--terra-html-table-header-cell-color: #1c1f21;--terra-html-table-header-cell-font-size: 1rem;--terra-html-table-header-cell-font-weight: bold;--terra-html-table-header-cell-border-right: 1px solid #585a5c;--terra-html-table-first-header-cell-border-left: 1px solid #585a5c;--terra-html-table-last-header-cell-border-right: 1px solid #585a5c;--terra-html-table-header-background-color: #909496;--terra-html-table-header-box-shadow: 0 4px 4px -3.5px #1c1f21, inset 0 0 0 1px #585a5c;--terra-html-table-header-row-border-bottom: 1px solid #585a5c;--terra-html-table-header-row-border-top: 1px solid #585a5c;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #b2b5b6;--terra-html-table-cell-font-size: 1rem;--terra-html-table-first-cell-border-left: 1px solid #585a5c;--terra-html-table-last-cell-border-right: 1px solid #585a5c;--terra-html-table-header-cell-standard-padding-bottom: 0.5rem;--terra-html-table-header-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-top: 0.5rem;--terra-html-table-header-cell-compact-padding-bottom: 0.25rem;--terra-html-table-header-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-top: 0.25rem;--terra-html-table-cell-standard-padding-bottom: 0.5rem;--terra-html-table-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-cell-standard-padding-top: 0.5rem;--terra-html-table-cell-compact-padding-bottom: 0.25rem;--terra-html-table-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-cell-compact-padding-top: 0.25rem;--terra-html-table-row-border-top: 1px solid #585a5c;--terra-html-table-last-row-border-bottom: 1px solid #585a5c;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #2d3539}.Table-module__orion-fusion-theme___d9rxf{--terra-html-table-background-color: transparent;--terra-html-table-border: 0;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: transparent;--terra-html-table-header-cell-color: #64696c;--terra-html-table-header-cell-font-size: 0.857142857rem;--terra-html-table-header-cell-font-weight: normal;--terra-html-table-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-first-header-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-background-color: #f4f4f4;--terra-html-table-header-box-shadow: none;--terra-html-table-header-row-border-bottom: 2px solid #64696c;--terra-html-table-header-row-border-top: 1px solid #c8cacb;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #1c1f21;--terra-html-table-cell-font-size: 0.857142857rem;--terra-html-table-first-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-cell-standard-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-top: 0.428571429rem;--terra-html-table-header-cell-compact-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-top: 0.428571429rem;--terra-html-table-cell-standard-padding-bottom: 0.8571428571rem;--terra-html-table-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-cell-standard-padding-top: 0.8571428571rem;--terra-html-table-cell-compact-padding-bottom: 0.8571428571rem;--terra-html-table-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-cell-compact-padding-top: 0.8571428571rem;--terra-html-table-row-border-top: 0;--terra-html-table-last-row-border-bottom: 1px solid #c8cacb;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #f4f4f4}.Table-module__table___eg2Mi{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___eg2Mi{background-color:transparent;background-color:var(--terra-html-table-background-color, transparent);border:0;border:var(--terra-html-table-border, 0);border-radius:0;border-radius:var(--terra-html-table-border-radius, 0)}[dir] .Table-module__table___eg2Mi caption{padding-bottom:.5em}.Table-module__table___eg2Mi tr{display:table-row}[dir] .Table-module__table___eg2Mi tr{margin-bottom:0}.Table-module__table___eg2Mi td,.Table-module__table___eg2Mi th{color:#1c1f21;color:var(--terra-html-table-cell-color, #1c1f21);display:table-cell;font-size:1rem;font-size:var(--terra-html-table-cell-font-size, 1rem);font-weight:normal;vertical-align:top}[dir] .Table-module__table___eg2Mi td, [dir] .Table-module__table___eg2Mi th{border:0}[dir=ltr] .Table-module__table___eg2Mi td, [dir=ltr] .Table-module__table___eg2Mi th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___eg2Mi td, [dir=rtl] .Table-module__table___eg2Mi th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___eg2Mi td:first-child, [dir=ltr] .Table-module__table___eg2Mi th:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:first-child, [dir=rtl] .Table-module__table___eg2Mi th:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi td:last-child, [dir=ltr] .Table-module__table___eg2Mi th:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:last-child, [dir=rtl] .Table-module__table___eg2Mi th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___eg2Mi thead th, [dir] .Table-module__table___eg2Mi thead td{border:0}[dir=ltr] .Table-module__table___eg2Mi thead th, [dir=ltr] .Table-module__table___eg2Mi thead td{border-right:1px solid rgba(200, 202, 203, 0.5);border-right:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:left}[dir=rtl] .Table-module__table___eg2Mi thead th, [dir=rtl] .Table-module__table___eg2Mi thead td{border-left:1px solid rgba(200, 202, 203, 0.5);border-left:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:right}[dir=ltr] .Table-module__table___eg2Mi thead th:first-child, [dir=ltr] .Table-module__table___eg2Mi thead td:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:first-child, [dir=rtl] .Table-module__table___eg2Mi thead td:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi thead th:last-child, [dir=ltr] .Table-module__table___eg2Mi thead td:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:last-child, [dir=rtl] .Table-module__table___eg2Mi thead td:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead{display:table-header-group}[dir] .Table-module__table___eg2Mi thead{background-color:#f1f1f2;background-color:var(--terra-html-table-header-background-color, #f1f1f2);box-shadow:0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5);box-shadow:var(--terra-html-table-header-box-shadow, 0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5))}[dir] .Table-module__table___eg2Mi thead tr{border-bottom:1px solid #b9bbbc;border-bottom:var(--terra-html-table-header-row-border-bottom, 1px solid #b9bbbc);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-header-row-border-top, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{color:#1c1f21;color:var(--terra-html-table-header-cell-color, #1c1f21);font-size:1rem;font-size:var(--terra-html-table-header-cell-font-size, 1rem);font-weight:bold;font-weight:var(--terra-html-table-header-cell-font-weight, bold);vertical-align:bottom}[dir] .Table-module__table___eg2Mi tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___eg2Mi tbody tr{background-color:transparent;background-color:var(--terra-html-table-row-background-color, transparent);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-row-border-top, 1px solid #dedfe0)}[dir] .Table-module__table___eg2Mi tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___eg2Mi tbody tr:last-of-type{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-html-table-last-row-border-bottom, 1px solid #dedfe0)}[dir] .Table-module__padding-standard___BfbC- th{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-header-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-header-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z th{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-header-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-header-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__padding-standard___BfbC- td{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z td{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__striped___n8xJe tbody tr:nth-of-type(even){background-color:#f6f7f8;background-color:var(--terra-html-table-row-striped-background-color, #f6f7f8)}@media print{.Table-module__table___eg2Mi thead{display:table-header-group}.Table-module__table___eg2Mi tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} +.ThemedComponent-module__clinical-lowlight-theme___l0mQD{--terra-framework-docs-terra-theme-context-themed-component-block-background-color: #ffa500}.ThemedComponent-module__orion-fusion-theme___2uD2h{--terra-framework-docs-terra-theme-context-themed-component-block-background-color: #9400d3}.ThemedComponent-module__test-theme___4eG98{--terra-framework-docs-terra-theme-context-themed-component-block-background-color: #009d00}.ThemedComponent-module__themed___7DVOV{height:100%;overflow:auto;position:relative}[dir] .ThemedComponent-module__themed___7DVOV{padding:24px}.ThemedComponent-module__themed-block___tJk6B{height:24px}[dir] .ThemedComponent-module__themed-block___tJk6B{background-color:#0079be;background-color:var(--terra-framework-docs-terra-theme-context-themed-component-block-background-color, #0079be)} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} diff --git a/33559-ca5c551870e1ace8631b.js b/33559-ca5c551870e1ace8631b.js new file mode 100644 index 0000000000..1b1e570164 --- /dev/null +++ b/33559-ca5c551870e1ace8631b.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[33559,45627,37344,33667,96890,79482,85565,3353,5161,80858,14041,45865,16835,85355,3193,4845,27444,17657,46647,16873,85161,66097,38681,15318,40411,18101,33315,38443,11264,34319,78996,39915,33442],{22863:function(e,t,n){var a=n(64836);t.Z=void 0;var r=a(n(67294)),l=a(n(45697)),o=a(n(47166)),m=a(n(17422)),d=o.default.bind(m.default),c={name:l.default.string.isRequired,src:l.default.string,url:l.default.string,version:l.default.string.isRequired},i=function(e){var t=e.src,n=e.name,a=e.url,l=e.version,o=r.default.createElement("a",{className:d("badge"),href:a||"https://www.npmjs.org/package/".concat(n,"/v/").concat(l)},r.default.createElement("span",{className:d("badge-name")},a?"package":"npm"),r.default.createElement("span",{className:d("badge-version")},"v".concat(l))),m=t?r.default.createElement("a",{className:d("badge"),href:t},r.default.createElement("span",{className:d("badge-name")},"github"),r.default.createElement("span",{className:d("badge-version")},"source")):void 0;return r.default.createElement("div",{className:d("badge-container")},o,m)};i.propTypes=c;var u=i;t.Z=u},49271:function(e,t,n){var a=n(64836),r=n(18698);t.Z=void 0;var l=a(n(27424)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==r(e)&&"function"!=typeof e)return{default:e};var n=f(t);if(n&&n.has(e))return n.get(e);var a={},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var m=l?Object.getOwnPropertyDescriptor(e,o):null;m&&(m.get||m.set)?Object.defineProperty(a,o,m):a[o]=e[o]}a.default=e,n&&n.set(e,a);return a}(n(67294)),m=a(n(45697)),d=a(n(47166)),c=n(21538),i=a(n(33864)),u=a(n(23399)),s=n(51051),p=a(n(53560));function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(f=function(e){return e?n:t})(e)}var h=d.default.bind(p.default),x={example:m.default.element,exampleSrc:m.default.element,exampleCssSrc:m.default.element,title:m.default.string,description:m.default.node,isExpanded:m.default.bool},_=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},v=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},b=function(e){var t=e.example,n=e.exampleSrc,a=e.exampleCssSrc,r=e.title,m=e.description,d=e.isExpanded,p=(0,o.useState)(d),f=(0,l.default)(p,2),x=f[0],b=f[1],g=(0,o.useState)(!1),y=(0,l.default)(g,2),T=y[0],E=y[1],C=o.default.useContext(c.ThemeContext),O=void 0!==a,w=function(){E(!T),x&&b(!x)},N=function(){b(!x),T&&E(!T)},j=function(e,t){e.nativeEvent.keyCode!==s.KEY_SPACE&&e.nativeEvent.keyCode!==s.KEY_RETURN||(e.preventDefault(),t())};return o.default.createElement("div",{className:h("template",C.className)},o.default.createElement("div",{className:h("header")},r&&o.default.createElement("h2",{className:h("title")},r)),o.default.createElement("div",{className:h("content")},m&&o.default.createElement("div",{className:h("description")},m),t),o.default.createElement("div",{className:h("footer")},n?o.default.createElement("div",{className:h("button-container")},O&&o.default.createElement("button",{type:"button",className:h("css-toggle","item",{"is-selected":T}),onClick:w,onKeyDown:function(e){return j(e,w)},onBlur:_,onMouseDown:v,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(i.default,{className:h("chevron")}),o.default.createElement("span",null,"CSS"),o.default.createElement(u.default,{className:h("chevron")})),o.default.createElement("button",{type:"button",className:h("code-toggle","item",{"is-selected":x}),onClick:N,onKeyDown:function(e){return j(e,N)},onBlur:_,onMouseDown:v,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(i.default,{className:h("chevron")}),o.default.createElement("span",null,"Code"),o.default.createElement(u.default,{className:h("chevron")}))):null,o.default.createElement("div",null,T&&o.default.createElement("div",{className:h("css")},a),x&&o.default.createElement("div",{className:h("code")},n))))};b.propTypes=x,b.defaultProps={isExpanded:!1};var g=b;t.Z=g},71165:function(e,t,n){var a=n(64836);t.Z=void 0;var r=a(n(67294)),l=a(n(37497)),o=a(n(45397));t.Z=function(){return r.default.createElement(l.default,{theme:{name:"test-theme",className:"test-theme"}},r.default.createElement(o.default,null))}},45397:function(e,t,n){var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=a(n(67294)),l=a(n(47166)),o=a(n(50026)),m=a(n(52780)),d=l.default.bind(m.default);t.default=function(){var e=r.default.useContext(o.default);return r.default.createElement("div",{className:d("themed",e.className)},r.default.createElement("h1",null,"Theme Name: ".concat(e.name)),r.default.createElement("div",{className:d("themed-block")}))}},29812:function(e,t,n){n.r(t),n.d(t,{default:function(){return v}});n(67294);var a=n(81254),r=n(31459),l=n(78530),o=["components"];function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var c={},i="wrapper";function u(e){var t=e.components,n=d(e,o);return(0,a.mdx)(i,m({},c,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(l.ZP,{mdxType:"PropsTable"},(0,a.mdx)(l.X2,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(l.O,{mdxType:"PropNameCell"},"children"),(0,a.mdx)(l.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,a.mdx)(l.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,a.mdx)(l.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(l.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The components to be rendered within the context of the ThemeContextProvider. Components rendered here are able to interact with ThemeContextProvider through the ThemeContext."))),(0,a.mdx)(l.X2,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(l.O,{mdxType:"PropNameCell"},"theme"),(0,a.mdx)(l.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"shape: {\n name: {\n type: 'string',\n },\n className: {\n type: 'string',\n },\n},\n"))),(0,a.mdx)(l.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(l.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"{}\n"))),(0,a.mdx)(l.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"An object containing the name and className of the selected theme.")))))}u.isMDXComponent=!0;var s=n(48632),p=["components"];function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var x={},_="wrapper";function v(e){var t=e.components,n=h(e,p);return(0,a.mdx)(_,f({},x,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(r.C,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"terra-theme-context"},"Terra Theme Context"),(0,a.mdx)("p",null,"A provider component for the terra theme context. This component is not intended for use outside of terra-application."),(0,a.mdx)("h2",{id:"how-does-this-relate-to-terra-theme-provider"},"How does this relate to terra-theme-provider"),(0,a.mdx)("p",null,"terra-theme-provider and terra-context/ThemeContextProvider work in concert to provide all aspects of terra themeing."),(0,a.mdx)("p",null,"The terra-theme-provider component is responsible for applying the theme class to the document element on the page. This will allow any non locally scoped theme classes to be applied throughout the application."),(0,a.mdx)("p",null,"This component sets the provided theme in react context so that react components can apply locally scoped theme classes to apply the theme variables directly."),(0,a.mdx)("p",null,"These components should be given the same theme name and will be orchestrated by terra-application."),(0,a.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Install with ",(0,a.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("inlineCode",{parentName:"li"},"npm install terra-theme-context"))))),(0,a.mdx)("h2",{id:"usage"},"Usage"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import ThemeContextProvider from 'terra-theme-context/lib/ThemeContextProvider';\n")),(0,a.mdx)("h2",{id:"examples"},"Examples"),(0,a.mdx)(s.Z,{mdxType:"ThemeContextProviderExample"}),(0,a.mdx)("h2",{id:"props-table"},"Props Table"),(0,a.mdx)(u,{mdxType:"PropsTable"}))}v.isMDXComponent=!0},48632:function(e,t,n){n.d(t,{Z:function(){return s}});var a=n(67294),r=n(71165),l=n(81254),o=["components"];function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var c={};function i(e){var t=e.components,n=d(e,o);return(0,l.mdx)("wrapper",m({},c,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport ThemeContextProvider from 'terra-theme-context/lib/ThemeContextProvider';\n\nimport ThemedComponent from './ThemedComponent';\n\nconst ThemeContextProviderExample = () => (\n \n \n \n);\n\nexport default ThemeContextProviderExample;\n\n")))}i.isMDXComponent=!0;var u=n(49271),s=function(e){var t=e.title,n=e.description,l=e.isExpanded;return a.createElement(u.Z,{title:t||"Theme Context Provider Example",description:n,example:a.createElement(r.Z,null),exampleSrc:a.createElement(i,null),isExpanded:l})}},31459:function(e,t,n){n.d(t,{C:function(){return l}});var a=n(67294),r=n(22863),l=function(e){var t=e.url;return a.createElement(r.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-theme-context",name:"terra-theme-context",version:"1.8.0",url:t})}},17422:function(e,t,n){n.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},53560:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},52780:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ThemedComponent-module__clinical-lowlight-theme___l0mQD","orion-fusion-theme":"ThemedComponent-module__orion-fusion-theme___2uD2h","test-theme":"ThemedComponent-module__test-theme___4eG98",themed:"ThemedComponent-module__themed___7DVOV","themed-block":"ThemedComponent-module__themed-block___tJk6B"}},33864:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=l(n(67294)),r=l(n(99139));function l(e){return e&&e.__esModule?e:{default:e}}function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}var l={},d="wrapper";function m(e){var n=e.components,t=o(e,s);return(0,a.mdx)(d,i({},l,t,{components:n,mdxType:"MDXLayout"}),(0,a.mdx)(r.C,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"jest-config-terra"},"Jest Config Terra"),(0,a.mdx)("p",null,"This package provides Terra's recommended jest configuration."),(0,a.mdx)("p",null,"Features:"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"An extended Jsdom test environment that:",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"provides a mock implementation for ",(0,a.mdx)("inlineCode",{parentName:"li"},"matchMedia"),"."),(0,a.mdx)("li",{parentName:"ul"},"provides a mock implementation for ",(0,a.mdx)("inlineCode",{parentName:"li"},"scrollIntoView"),"."),(0,a.mdx)("li",{parentName:"ul"},"Sets the dir tag on the html element."))),(0,a.mdx)("li",{parentName:"ul"},"Clears mocks after every test by default."),(0,a.mdx)("li",{parentName:"ul"},"Sets up code coverage."),(0,a.mdx)("li",{parentName:"ul"},"Specifies test matchers to not match on terra-dev-site files."),(0,a.mdx)("li",{parentName:"ul"},"Supports mono repos using a 'packages' directory."),(0,a.mdx)("li",{parentName:"ul"},"Maps png, css, scss, and svg files to the ",(0,a.mdx)("a",{parentName:"li",href:"https://github.com/keyz/identity-obj-proxy"},"identity-obj-proxy"),"."),(0,a.mdx)("li",{parentName:"ul"},"Maps terra-aggregate-translations locale files to a mock implementation. This removes the need to run terra-aggregate-translations prior to jest testing.")),(0,a.mdx)("h2",{id:"what-is-jest"},"What is Jest"),(0,a.mdx)("p",null,'"Jest is a delightful JavaScript Testing Framework with a focus on simplicity" - ',(0,a.mdx)("a",{parentName:"p",href:"https://jestjs.io/"},"Jest")),(0,a.mdx)("h2",{id:"installation"},"Installation"),(0,a.mdx)("p",null,"To install the module:"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-shell"},"npm install jest --save-dev\nnpm install @cerner/jest-config-terra --save-dev\n")),(0,a.mdx)("h2",{id:"usage"},"Usage"),(0,a.mdx)("p",null,"To extend ",(0,a.mdx)("inlineCode",{parentName:"p"},"jest-config-terra")," add a ",(0,a.mdx)("inlineCode",{parentName:"p"},"jest.config.js")," file to the root of your project, require ",(0,a.mdx)("inlineCode",{parentName:"p"},"@cerner/jest-config-terra")," and export the config. ",(0,a.mdx)("inlineCode",{parentName:"p"},"jest-config-terra")," does not support extending configuration in the package.json file."),(0,a.mdx)("h3",{id:"jestconfigjs"},"jest.config.js"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"const jestConfig = require('@cerner/jest-config-terra');\n\nmodule.exports = jestConfig;\n\n")),(0,a.mdx)("h2",{id:"adding-configuration"},"Adding configuration"),(0,a.mdx)("p",null,"Sometimes it is necessary to add additional configuration. In those instances we've found the cleanest option is to spread the config on a new object and subsequently add overrides where appropriate. For instance this example will import regenerator runtime when setting up test files."),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"const jestConfig = require('@cerner/jest-config-terra');\n\nmodule.exports = {\n ...jestConfig,\n setupFiles: [\n 'regenerator-runtime',\n ],\n};\n\n")),(0,a.mdx)("h2",{id:"enzyme-and-testing-library-react"},"Enzyme and Testing Library: React"),(0,a.mdx)("p",null,(0,a.mdx)("a",{parentName:"p",href:"https://enzymejs.github.io/enzyme/"},"Enzyme")," and ",(0,a.mdx)("a",{parentName:"p",href:"https://testing-library.com/docs/react-testing-library/intro"},"Testing Library: React")," are two popular packages intended to help test react components. ",(0,a.mdx)("inlineCode",{parentName:"p"},"jest-config-terra")," can support either and the choice of which package to use is left up to consumers. Testing Library: React requires no additional setup. An example of how to setup Enzyme can be seen below."),(0,a.mdx)("h3",{id:"jestconfigjs-1"},"jest.config.js"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"const jestConfig = require('@cerner/jest-config-terra');\n\nmodule.exports = {\n ...jestConfig,\n setupFiles: [\n './jest.enzymeSetup.js',\n ],\n snapshotSerializers: [\n 'enzyme-to-json/serializer',\n ],\n};\n")),(0,a.mdx)("h3",{id:"jestenzymesetupjs"},"jest.enzymeSetup.js"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"// Make Enzyme functions available in all test files without importing\n/* eslint-disable import/no-extraneous-dependencies */\nimport Enzyme, { mount, render, shallow } from 'enzyme';\nimport Adapter from 'enzyme-adapter-react-16';\n\nEnzyme.configure({ adapter: new Adapter() });\n\nglobal.shallow = shallow;\nglobal.render = render;\nglobal.mount = mount;\n")))}m.isMDXComponent=!0},99150:function(e,n,t){t.d(n,{C:function(){return s}});var a=t(67294),r=t(22863),s=function(e){var n=e.url;return a.createElement(r.Z,{src:"https://github.com/cerner/terra-toolk/tree/main/packages/jest-config-terra",name:"@cerner/jest-config-terra",version:"2.0.0",url:n})}},17422:function(e,n,t){t.r(n),n.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/33856-a3f2cb006bfc2a70a3e6.css b/33856-a3f2cb006bfc2a70a3e6.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/33856-a3f2cb006bfc2a70a3e6.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/33856-a3f2cb006bfc2a70a3e6.js b/33856-a3f2cb006bfc2a70a3e6.js new file mode 100644 index 0000000000..172efe1a72 --- /dev/null +++ b/33856-a3f2cb006bfc2a70a3e6.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[33856,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,a,t){var r=t(64836);a.Z=void 0;var n=r(t(67294)),d=r(t(45697)),s=r(t(47166)),o=r(t(17422)),u=s.default.bind(o.default),i={name:d.default.string.isRequired,src:d.default.string,url:d.default.string,version:d.default.string.isRequired},l=function(e){var a=e.src,t=e.name,r=e.url,d=e.version,s=n.default.createElement("a",{className:u("badge"),href:r||"https://www.npmjs.org/package/".concat(t,"/v/").concat(d)},n.default.createElement("span",{className:u("badge-name")},r?"package":"npm"),n.default.createElement("span",{className:u("badge-version")},"v".concat(d))),o=a?n.default.createElement("a",{className:u("badge"),href:a},n.default.createElement("span",{className:u("badge-name")},"github"),n.default.createElement("span",{className:u("badge-version")},"source")):void 0;return n.default.createElement("div",{className:u("badge-container")},s,o)};l.propTypes=i;var c=l;a.Z=c},16203:function(e,a,t){t.r(a),t.d(a,{default:function(){return l}});t(67294);var r=t(81254),n=t(50165),d=["components"];function s(){return s=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(n[t]=e[t]);return n}(e,a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}var u={},i="wrapper";function l(e){var a=e.components,t=o(e,d);return(0,r.mdx)(i,s({},u,t,{components:a,mdxType:"MDXLayout"}),(0,r.mdx)(n.C,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-visually-hidden-text-upgrade-guide"},"Terra Visually Hidden Text Upgrade Guide"),(0,r.mdx)("h2",{id:"changes-from-10-to-20"},"Changes from 1.0 to 2.0"),(0,r.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,r.mdx)("p",null,"The following transitive dependency had breaking changes. See its upgrade guide for more information."),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"terra-doc-template")))}l.isMDXComponent=!0},50165:function(e,a,t){t.d(a,{C:function(){return d}});var r=t(67294),n=t(22863),d=function(e){var a=e.url;return r.createElement(n.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-visually-hidden-text",name:"terra-visually-hidden-text",version:"2.37.0",url:a})}},17422:function(e,a,t){t.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/34003-ee6bdd677bf6dfe30213.css b/34003-ee6bdd677bf6dfe30213.css new file mode 100644 index 0000000000..b44e224297 --- /dev/null +++ b/34003-ee6bdd677bf6dfe30213.css @@ -0,0 +1,4 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.Card-module__clinical-lowlight-theme___rpqXf{--terra-card-background-color: #222a2e;--terra-card-border-radius: 3px;--terra-card-border: 1px solid #181b1d;--terra-card-box-shadow: none;--terra-card-color: #b2b5b6;--terra-card-raised-box-shadow: 0 3px 8px -2px rgba(0, 0, 0, 0.18), 0 3px 10px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -3px rgba(0, 0, 0, 0.3)}.Card-module__orion-fusion-theme___QgHmr{--terra-card-background-color: #fff;--terra-card-border-radius: 0;--terra-card-border: 1px solid #c8cacb;--terra-card-box-shadow: none;--terra-card-color: inherit;--terra-card-raised-box-shadow: 2px 2px 0 0 rgba(28, 31, 33, 0.1), -2px 2px 0 0 rgba(28, 31, 33, 0.1), 0 4px 0 0 rgba(28, 31, 33, 0.04), 0 8px 0 -2px rgba(28, 31, 33, 0.03)}.Card-module__card___n9\+A2{color:var(--terra-card-color);overflow:hidden}[dir] .Card-module__card___n9\+A2{background-color:#fff;background-color:var(--terra-card-background-color, #fff);border:1px solid #c8cacb;border:var(--terra-card-border, 1px solid #c8cacb);border-radius:3px;border-radius:var(--terra-card-border-radius, 3px)}[dir] .Card-module__default___Pvv6U{box-shadow:none;box-shadow:var(--terra-card-box-shadow, none)}[dir] .Card-module__raised___OPyVO{box-shadow:0 3px 8px -2px rgba(0, 0, 0, 0.18), 0 3px 10px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -3px rgba(0, 0, 0, 0.3);box-shadow:var(--terra-card-raised-box-shadow, 0 3px 8px -2px rgba(0, 0, 0, 0.18), 0 3px 10px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -3px rgba(0, 0, 0, 0.3))} +.CardBody-module__orion-fusion-theme___Xdg9v{--terra-card-padding-bottom: 0.5rem;--terra-card-padding-left: 0.5rem;--terra-card-padding-right: 0.5rem;--terra-card-padding-top: 0.5rem}.CardBody-module__clinical-lowlight-theme___2YDc3{--terra-card-padding-bottom: 10px;--terra-card-padding-left: 10px;--terra-card-padding-right: 10px;--terra-card-padding-top: 10px}[dir] .CardBody-module__vertical-padding___xyd9u{padding-bottom:10px;padding-bottom:var(--terra-card-padding-bottom, 10px);padding-top:10px;padding-top:var(--terra-card-padding-top, 10px)}[dir=ltr] .CardBody-module__horizontal-padding___wGati{padding-left:10px;padding-left:var(--terra-card-padding-left, 10px);padding-right:10px;padding-right:var(--terra-card-padding-right, 10px)}[dir=rtl] .CardBody-module__horizontal-padding___wGati{padding-right:10px;padding-right:var(--terra-card-padding-left, 10px);padding-left:10px;padding-left:var(--terra-card-padding-right, 10px)}[dir] .CardBody-module__center-content___phyuy{text-align:center} +.A11yExamples-module__card___ESvGo{width:100%}[dir=ltr] .A11yExamples-module__add-left-margin___RqsmV{margin-left:.7rem}[dir=rtl] .A11yExamples-module__add-left-margin___RqsmV{margin-right:.7rem} diff --git a/34003-ee6bdd677bf6dfe30213.js b/34003-ee6bdd677bf6dfe30213.js new file mode 100644 index 0000000000..bb59a028fa --- /dev/null +++ b/34003-ee6bdd677bf6dfe30213.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[34003,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{9475:function(e,t,a){t.Z=void 0;var n=s(a(67294)),r=s(a(47166)),i=s(a(28301)),o=s(a(70362)),l=s(a(37194)),d=s(a(91328));function s(e){return e&&e.__esModule?e:{default:e}}var u=r.default.bind(d.default);t.Z=function(){return n.default.createElement(i.default,{classNames:u("card")},n.default.createElement(i.default.Body,null,n.default.createElement(o.default,{image:l.default,initials:"JS",alt:"Avatar",size:"1.5em"})))}},44376:function(e,t,a){t.Z=void 0;var n=d(a(67294)),r=d(a(47166)),i=d(a(28301)),o=d(a(70362)),l=d(a(91328));function d(e){return e&&e.__esModule?e:{default:e}}var s=r.default.bind(l.default);t.Z=function(){return n.default.createElement(i.default,{classNames:s("card")},n.default.createElement(i.default.Body,null,n.default.createElement(o.default,{initials:"JD",alt:"",size:"1.5em",isAriaHidden:!0})))}},22863:function(e,t,a){var n=a(64836);t.Z=void 0;var r=n(a(67294)),i=n(a(45697)),o=n(a(47166)),l=n(a(17422)),d=o.default.bind(l.default),s={name:i.default.string.isRequired,src:i.default.string,url:i.default.string,version:i.default.string.isRequired},u=function(e){var t=e.src,a=e.name,n=e.url,i=e.version,o=r.default.createElement("a",{className:d("badge"),href:n||"https://www.npmjs.org/package/".concat(a,"/v/").concat(i)},r.default.createElement("span",{className:d("badge-name")},n?"package":"npm"),r.default.createElement("span",{className:d("badge-version")},"v".concat(i))),l=t?r.default.createElement("a",{className:d("badge"),href:t},r.default.createElement("span",{className:d("badge-name")},"github"),r.default.createElement("span",{className:d("badge-version")},"source")):void 0;return r.default.createElement("div",{className:d("badge-container")},o,l)};u.propTypes=s;var m=u;t.Z=m},34003:function(e,t,a){a.r(t),a.d(t,{default:function(){return c}});a(67294);var n=a(81254),r=a(15985),i=a(9475),o=a(44376),l=["components"];function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[a]=e[a]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}var u={},m="wrapper";function c(e){var t=e.components,a=s(e,l);return(0,n.mdx)(m,d({},u,a,{components:t,mdxType:"MDXLayout"}),(0,n.mdx)(r.C,{mdxType:"Badge"}),(0,n.mdx)("h1",{id:"avatar-accessibility-guide"},"Avatar Accessibility Guide"),(0,n.mdx)("h2",{id:"why-the-accessibility-of-avatar-is-important"},"Why the accessibility of Avatar is important"),(0,n.mdx)("p",null,"The Avatar component visually represents a person or facility. Poor or improper implementation of this component can render it inaccessible, which can cause the user inability to understand the avatar."),(0,n.mdx)("h2",{id:"accessibility-considerations"},"Accessibility Considerations"),(0,n.mdx)("h3",{id:"content-considerations-what-do-content-creators-need-to-do"},"Content Considerations: What do content creators need to do"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Images with meaningful content must always be assigned proper alternative text. Content creators should provide engineers with relevant text for the component’s ",(0,n.mdx)("inlineCode",{parentName:"li"},"alt")," prop that conveys the image's meaning.",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"If the image conveys no meaning, instruct the engineer that the avatar is purely decorative."))),(0,n.mdx)("li",{parentName:"ul"},"If the avatar conveys meaning and is used on top of color other than white, ensure the colors meet the 3:1 non-text contrast ratio between the avatar color and its background color.")),(0,n.mdx)("h3",{id:"code-considerations-what-do-engineers-need-to-do"},"Code Considerations: What do engineers need to do"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Engineers must not override Avatar’s ARIA role.",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Engineers must apply an ",(0,n.mdx)("inlineCode",{parentName:"li"},"alt")," prop for meaningful images."))),(0,n.mdx)("li",{parentName:"ul"},"Avatar with meaningful image assigned with proper alternative text.")),(0,n.mdx)("div",null,(0,n.mdx)(i.Z,{mdxType:"A11yExampleAvatar"})),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-jsx"},"const cx = classNames.bind(styles);\n\nconst AvatarExample = () => (\n \n \n \n \n \n);\n")),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Avatars that are purely decorative should have the isAriaHidden prop set to true, effectively hiding the component from assistive technologies."),(0,n.mdx)("li",{parentName:"ul"},"Avatar used for decorative purpose has isAriaHidden prop set.")),(0,n.mdx)("div",null,(0,n.mdx)(o.Z,{mdxType:"A11yExampleDecorativeAvatar"})),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-jsx"},'const cx = classNamesBind.bind(styles);\n\nconst A11yExampleAvatar = () => (\n \n \n \n \n \n);\n')),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Work with content creators to understand how content should resize and reflow at different breakpoints and form factors to ensure content is not artificially constrained or cut off at smaller viewports.")),(0,n.mdx)("h2",{id:"usability-expectations"},"Usability Expectations"),(0,n.mdx)("h3",{id:"interaction-detail"},"Interaction Detail"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Avatar is not interactable.")),(0,n.mdx)("h3",{id:"usability-expectations-1"},"Usability Expectations"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"The user expects to understand the purpose of an Avatar regardless of how they experience the content. Because Avatar is not actionable, it does not receive keyboard focus.")),(0,n.mdx)("h2",{id:"support-compliance"},"Support Compliance"),(0,n.mdx)("p",null,"Terra is committed to ensuring its components provide the maximum possible accessibility. Terra delivers the ability to make accessibility products. However, using Terra components will not automatically make a product accessible."),(0,n.mdx)("p",null,"The final responsibility lies with the consumers of Terra components — ensuring proper usage, a programmatic context where needed, the words used to label elements, engineers following correct implementation patterns, and authors crafting content that follows best practice guidance — to make a product fully accessible."),(0,n.mdx)("h3",{id:"primary-accessibility-criteria-for-avatar"},"Primary accessibility criteria for Avatar"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},(0,n.mdx)("a",{parentName:"p",href:"https://www.w3.org/WAI/WCAG21/Understanding/non-text-contrast"},(0,n.mdx)("strong",{parentName:"a"},"1.1.1 Non-text Content"))," - Supports"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra provides the ability to use alternate content on images and icons."),(0,n.mdx)("li",{parentName:"ul"},"Engineers must ensure that when an Avatar image/icon conveys meaning, to add appropriate ALT text to create a meaningful label."),(0,n.mdx)("li",{parentName:"ul"},"Content creators must provide engineers with meaningful alt-prop text when using icons that convey meaning."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},(0,n.mdx)("a",{parentName:"p",href:"https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships.html"},(0,n.mdx)("strong",{parentName:"a"},"1.3.1 Info and Relationships"))," - Supports"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra provides the ability for information, structure, and relationships to be programmatically determined."),(0,n.mdx)("li",{parentName:"ul"},"Engineers must ensure that any visual relationship with an Avatar component that conveys meaning must programmatically set associations to the content for visual relationships to be understood by screen readers."),(0,n.mdx)("li",{parentName:"ul"},"Content creators must express to the engineer any visual relationships of an avatar component to ensure engineers can programmatically convey the visual relationships."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},(0,n.mdx)("a",{parentName:"p",href:"https://www.w3.org/WAI/WCAG21/Understanding/non-text-contrast"},(0,n.mdx)("strong",{parentName:"a"},"1.4.11 Non-Text Contrast"))," - Supports"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra avatars provides components that, by default, meet color contrast requirements."),(0,n.mdx)("li",{parentName:"ul"},"Engineers must work with content creators to implement avatar so that the color of any non-text content of the avatar component and the background color meet a 3:1 color contrast ratio."),(0,n.mdx)("li",{parentName:"ul"},"Content creators must ensure that any meaningful non-text content meets a 3:1 color contrast ratio if the avatar appears on colors other than white."),(0,n.mdx)("li",{parentName:"ul"},"Secondary applicable accessibility criteria for Avatar."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},(0,n.mdx)("a",{parentName:"p",href:"https://www.w3.org/WAI/WCAG21/Understanding/orientation"},(0,n.mdx)("strong",{parentName:"a"},"1.3.4. Orientation"))," - Supports"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra components operate independently of orientation."),(0,n.mdx)("li",{parentName:"ul"},"Engineers must ensure components operate independently of orientation."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},(0,n.mdx)("a",{parentName:"p",href:"https://www.w3.org/WAI/WCAG21/Understanding/use-of-color.html"},(0,n.mdx)("strong",{parentName:"a"},"1.4.1 Use of Color"))," - Supports"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra Avatar does not use color to convey information."),(0,n.mdx)("li",{parentName:"ul"},"Content creators must not use color as the only way to convey information to the user. Instead, use both color and a shape or text.")))),(0,n.mdx)("h3",{id:"supported-features-and-technology"},"Supported Features and Technology"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"JAWS Support with Chrome (PC)"),(0,n.mdx)("li",{parentName:"ul"},"VoiceOver Support with Chrome, Safari (MAC)")),(0,n.mdx)("h3",{id:"partial-support--requiring-further-enhancement"},"Partial Support & Requiring Further Enhancement"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"NVDA not tested (PC)"),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://github.com/cerner/terra-core/issues/new/choose"},"Report a problem with this component on GitHub "))),(0,n.mdx)("h3",{id:"linked-references"},"Linked References:"),(0,n.mdx)("p",null,(0,n.mdx)("a",{parentName:"p",href:"https://www.w3.org/WAI/WCAG21/Understanding/"},"Web Content Accessibility Guidelines (WCAG)")))}c.isMDXComponent=!0},15985:function(e,t,a){a.d(t,{C:function(){return i}});var n=a(67294),r=a(22863),i=function(e){var t=e.url;return n.createElement(r.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-avatar",name:"terra-avatar",version:"3.18.0",url:t})}},37194:function(e,t,a){a.r(t),t.default=a.p+"ca1d72ea757e1174daf59bbf91dee4ff.jpg"},91328:function(e,t,a){a.r(t),t.default={card:"A11yExamples-module__card___ESvGo","add-left-margin":"A11yExamples-module__add-left-margin___RqsmV"}},17422:function(e,t,a){a.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},13234:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"Card-module__clinical-lowlight-theme___rpqXf","orion-fusion-theme":"Card-module__orion-fusion-theme___QgHmr",card:"Card-module__card___n9+A2",default:"Card-module__default___Pvv6U",raised:"Card-module__raised___OPyVO"}},64867:function(e,t,a){a.r(t),t.default={"orion-fusion-theme":"CardBody-module__orion-fusion-theme___Xdg9v","clinical-lowlight-theme":"CardBody-module__clinical-lowlight-theme___2YDc3","vertical-padding":"CardBody-module__vertical-padding___xyd9u","horizontal-padding":"CardBody-module__horizontal-padding___wGati","center-content":"CardBody-module__center-content___phyuy"}},28301:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=c(a(67294)),r=c(a(45697)),i=c(a(94184)),o=c(a(47166)),l=c(a(29270)),d=c(a(50026)),s=c(a(13234)),u=c(a(52926)),m=["children","variant","visuallyHiddenText"];function c(e){return e&&e.__esModule?e:{default:e}}function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[a]=e[a]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}var h=o.default.bind(s.default),g={children:r.default.node,variant:r.default.oneOf(["default","raised"]),visuallyHiddenText:r.default.string},x={variant:"default"},v=function(e){var t=e.children,a=e.variant,r=e.visuallyHiddenText,o=f(e,m),s=n.default.useContext(d.default),u=(0,i.default)(h(["card",a,s.className]),o.className),c=r?n.default.createElement(l.default,{text:r}):null;return n.default.createElement("article",p({},o,{className:u}),c,t)};v.propTypes=g,v.defaultProps=x,v.Body=u.default;t.default=v},52926:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=u(a(67294)),r=u(a(45697)),i=u(a(94184)),o=u(a(47166)),l=u(a(50026)),d=u(a(64867)),s=["children","hasPaddingVertical","hasPaddingHorizontal","isContentCentered"];function u(e){return e&&e.__esModule?e:{default:e}}function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[a]=e[a]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}var p=o.default.bind(d.default),f={children:r.default.node,hasPaddingVertical:r.default.bool,hasPaddingHorizontal:r.default.bool,isContentCentered:r.default.bool},h=function(e){var t=e.children,a=e.hasPaddingVertical,r=e.hasPaddingHorizontal,o=e.isContentCentered,d=c(e,s),u=n.default.useContext(l.default),f=(0,i.default)(p([{"vertical-padding":a},{"horizontal-padding":r},{"center-content":o},u.className]),d.className);return n.default.createElement("div",m({},d,{className:f}),t)};h.propTypes=f,h.defaultProps={hasPaddingHorizontal:!0,hasPaddingVertical:!0,isContentCentered:!1};t.default=h}}]); \ No newline at end of file diff --git a/34319-effccc93e8c59056ced1.css b/34319-effccc93e8c59056ced1.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/34319-effccc93e8c59056ced1.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/3469-ea13a6a2430bdcc095df.css b/3469-ea13a6a2430bdcc095df.css new file mode 100644 index 0000000000..4de30fbc89 --- /dev/null +++ b/3469-ea13a6a2430bdcc095df.css @@ -0,0 +1,5 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.Textarea-module__clinical-lowlight-theme___Nmtf4{--terra-form-textarea-background-color: #222a2e;--terra-form-textarea-background-image: none;--terra-form-textarea-background-size: auto;--terra-form-textarea-border-color: #181b1d;--terra-form-textarea-border-radius: 3px;--terra-form-textarea-border-style: solid;--terra-form-textarea-border-width: 1px;--terra-form-textarea-color: #b2b5b6;--terra-form-textarea-font-size: 1.143rem;--terra-form-textarea-line-height: 1.25;--terra-form-textarea-padding-bottom: 0.286rem;--terra-form-textarea-padding-left: 0.286rem;--terra-form-textarea-padding-right: 0.286rem;--terra-form-textarea-padding-top: 0.286rem;--terra-form-textarea-hover-background-color: #222a2e;--terra-form-textarea-hover-border-color: #181b1d;--terra-form-textarea-hover-border-style: solid;--terra-form-textarea-hover-border-width: 1px;--terra-form-textarea-hover-color: #b2b5b6;--terra-form-textarea-focus-background-size: auto;--terra-form-textarea-focus-border-color: #181b1d;--terra-form-textarea-focus-border-style: solid;--terra-form-textarea-focus-border-width: 1px;--terra-form-textarea-focus-background-color: #222a2e;--terra-form-textarea-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-textarea-focus-color: #b2b5b6;--terra-form-textarea-focus-opacity: 1;--terra-form-textarea-focus-transition-duration: 0.2s;--terra-form-textarea-focus-transition-timing-function: ease;--terra-form-textarea-focus-ltr-box-shadow: 0 0 7px 4px rgba(0, 76, 118, 0.35), 0 0 1px 3px rgba(0, 76, 118, 0.5), 0 0 1px 0 #fff;--terra-form-textarea-focus-rtl-box-shadow: 0 0 7px 4px rgba(0, 76, 118, 0.35), 0 0 1px 3px rgba(0, 76, 118, 0.5), 0 0 1px 0 #fff;--terra-form-textarea-disabled-background-color: #1d2529;--terra-form-textarea-disabled-border-color: #24282b;--terra-form-textarea-disabled-border-style: solid;--terra-form-textarea-disabled-border-width: 1px;--terra-form-textarea-disabled-color: #404344;--terra-form-textarea-disabled-opacity: 0.25;--terra-form-textarea-error-background-image: none;--terra-form-textarea-error-background-color: #222a2e;--terra-form-textarea-error-border-color: #181b1d;--terra-form-textarea-error-border-style: solid;--terra-form-textarea-error-border-width: 1px;--terra-form-textarea-error-box-shadow: 0 0 0 1px #fb4c4c;--terra-form-textarea-error-opacity: 1;--terra-form-textarea-error-hover-background-color: #222a2e;--terra-form-textarea-error-hover-border-color: #181b1d;--terra-form-textarea-error-hover-border-style: solid;--terra-form-textarea-error-hover-border-width: 1px;--terra-form-textarea-error-hover-color: #b2b5b6;--terra-form-textarea-error-focus-background-size: auto;--terra-form-textarea-error-focus-background-color: #222a2e;--terra-form-textarea-error-focus-border-color: #181b1d;--terra-form-textarea-error-focus-border-style: solid;--terra-form-textarea-error-focus-border-width: 1px;--terra-form-textarea-error-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-textarea-error-focus-color: #b2b5b6;--terra-form-textarea-error-focus-opacity: 1;--terra-form-textarea-error-focus-ltr-box-shadow: 0 0 7px 4px rgba(0, 76, 118, 0.35), 0 0 1px 3px rgba(0, 76, 118, 0.5), 0 0 1px 0 #fff;--terra-form-textarea-error-focus-rtl-box-shadow: 0 0 7px 4px rgba(0, 76, 118, 0.35), 0 0 1px 3px rgba(0, 76, 118, 0.5), 0 0 1px 0 #fff;--terra-form-textarea-error-disabled-background-color: #1d2529;--terra-form-textarea-error-disabled-border-color: #24282b;--terra-form-textarea-error-disabled-border-style: solid;--terra-form-textarea-error-disabled-border-width: 1px;--terra-form-textarea-error-disabled-color: #404344;--terra-form-textarea-error-disabled-opacity: 1;--terra-form-textarea-incomplete-background-color: #464232;--terra-form-textarea-incomplete-hover-background-color: #464232;--terra-form-textarea-incomplete-disabled-background-color: #464232;--terra-form-textarea-incomplete-focus-background-color: #464232}.Textarea-module__orion-fusion-theme___MFmVe{--terra-form-textarea-background-color: #fff;--terra-form-textarea-background-image: none;--terra-form-textarea-background-size: 0 0;--terra-form-textarea-border-color: #dedfe0;--terra-form-textarea-border-radius: 3px;--terra-form-textarea-border-style: solid;--terra-form-textarea-border-width: 1px;--terra-form-textarea-color: #1c1f21;--terra-form-textarea-font-size: 1rem;--terra-form-textarea-line-height: 1.416667;--terra-form-textarea-padding-bottom: 0.25rem;--terra-form-textarea-padding-left: 0.25rem;--terra-form-textarea-padding-right: 0.25rem;--terra-form-textarea-padding-top: 0.25rem;--terra-form-textarea-hover-background-color: #fff;--terra-form-textarea-hover-border-color: #dedfe0;--terra-form-textarea-hover-border-style: solid;--terra-form-textarea-hover-border-width: 1px;--terra-form-textarea-hover-color: #1c1f21;--terra-form-textarea-focus-background-size: 0 0;--terra-form-textarea-focus-border-color: #4cb2e9;--terra-form-textarea-focus-border-style: solid;--terra-form-textarea-focus-border-width: 1px;--terra-form-textarea-focus-background-color: #fff;--terra-form-textarea-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-textarea-focus-color: #1c1f21;--terra-form-textarea-focus-opacity: 1;--terra-form-textarea-focus-transition-duration: 0s;--terra-form-textarea-focus-transition-timing-function: ease;--terra-form-textarea-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-textarea-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-textarea-disabled-background-color: #f4f4f4;--terra-form-textarea-disabled-border-color: #b2b5b6;--terra-form-textarea-disabled-border-style: solid;--terra-form-textarea-disabled-border-width: 1px;--terra-form-textarea-disabled-color: #9b9fa1;--terra-form-textarea-disabled-opacity: 1;--terra-form-textarea-error-background-image: none;--terra-form-textarea-error-background-color: #fff;--terra-form-textarea-error-border-color: #dedfe0;--terra-form-textarea-error-border-style: solid;--terra-form-textarea-error-border-width: 1px;--terra-form-textarea-error-box-shadow: none;--terra-form-textarea-error-opacity: 1;--terra-form-textarea-error-hover-background-color: #fff;--terra-form-textarea-error-hover-border-color: #dedfe0;--terra-form-textarea-error-hover-border-style: solid;--terra-form-textarea-error-hover-border-width: 1px;--terra-form-textarea-error-hover-color: #1c1f21;--terra-form-textarea-error-focus-background-size: 0 0;--terra-form-textarea-error-focus-background-color: #fff;--terra-form-textarea-error-focus-border-color: #dedfe0;--terra-form-textarea-error-focus-border-style: solid;--terra-form-textarea-error-focus-border-width: 1px;--terra-form-textarea-error-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-textarea-error-focus-color: #1c1f21;--terra-form-textarea-error-focus-opacity: 1;--terra-form-textarea-error-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-textarea-error-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-textarea-error-disabled-background-color: #f4f4f4;--terra-form-textarea-error-disabled-border-color: #b2b5b6;--terra-form-textarea-error-disabled-border-style: solid;--terra-form-textarea-error-disabled-border-width: 1px;--terra-form-textarea-error-disabled-color: #9b9fa1;--terra-form-textarea-error-disabled-opacity: 1;--terra-form-textarea-incomplete-background-color: #fefd9a;--terra-form-textarea-incomplete-hover-background-color: #fefd9a;--terra-form-textarea-incomplete-focus-background-color: #fefd9a;--terra-form-textarea-incomplete-disabled-background-color: #f4f4f4}.Textarea-module__textarea___1EN-n{color:#000;color:var(--terra-form-textarea-color, #000);font-family:inherit;font-size:1.143rem;font-size:var(--terra-form-textarea-font-size, 1.143rem);line-height:1.25;line-height:var(--terra-form-textarea-line-height, 1.25);max-width:100%;opacity:1;opacity:var(--terra-form-textarea-focus-opacity, 1);width:100%}[dir] .Textarea-module__textarea___1EN-n{background-color:#fff;background-color:var(--terra-form-textarea-background-color, #fff);background-image:none;background-image:var(--terra-form-textarea-background-image, none);background-repeat:no-repeat;background-size:0 0;background-size:var(--terra-form-textarea-background-size, 0 0);border-color:#dedfe0;border-color:var(--terra-form-textarea-border-color, #dedfe0);border-radius:3px;border-radius:var(--terra-form-textarea-border-radius, 3px);border-style:solid;border-style:var(--terra-form-textarea-border-style, solid);border-width:1px;border-width:var(--terra-form-textarea-border-width, 1px);cursor:auto;padding-bottom:0.286rem;padding-bottom:var(--terra-form-textarea-padding-bottom, 0.286rem);padding-top:0.286rem;padding-top:var(--terra-form-textarea-padding-top, 0.286rem);transition-duration:0.2s;transition-duration:var(--terra-form-textarea-focus-transition-duration, 0.2s);transition-property:background-size;transition-timing-function:ease;transition-timing-function:var(--terra-form-textarea-focus-transition-timing-function, ease)}[dir=ltr] .Textarea-module__textarea___1EN-n{background-position:0 100%;padding-left:0.286rem;padding-left:var(--terra-form-textarea-padding-left, 0.286rem);padding-right:0.286rem;padding-right:var(--terra-form-textarea-padding-right, 0.286rem)}[dir=rtl] .Textarea-module__textarea___1EN-n{background-position:100% 100%;padding-right:0.286rem;padding-right:var(--terra-form-textarea-padding-left, 0.286rem);padding-left:0.286rem;padding-left:var(--terra-form-textarea-padding-right, 0.286rem)}.Textarea-module__textarea___1EN-n:hover{color:var(--terra-form-textarea-hover-color)}[dir] .Textarea-module__textarea___1EN-n:hover{background-color:var(--terra-form-textarea-hover-background-color);border-color:#dedfe0;border-color:var(--terra-form-textarea-hover-border-color, #dedfe0);border-style:solid;border-style:var(--terra-form-textarea-hover-border-style, solid);border-width:1px;border-width:var(--terra-form-textarea-hover-border-width, 1px)}[dir] .Textarea-module__textarea___1EN-n[required]{box-shadow:unset}.Textarea-module__textarea___1EN-n[disabled]{color:#1c1f21;color:var(--terra-form-textarea-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-textarea-disabled-opacity, 0.25);pointer-events:none;resize:none}[dir] .Textarea-module__textarea___1EN-n[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-textarea-disabled-background-color, rgba(111, 116, 119, 0.2));border-color:#868a8c;border-color:var(--terra-form-textarea-disabled-border-color, #868a8c);border-style:solid;border-style:var(--terra-form-textarea-disabled-border-style, solid);border-width:1px;border-width:var(--terra-form-textarea-disabled-border-width, 1px);cursor:default}.Textarea-module__textarea___1EN-n:focus{color:#000;color:var(--terra-form-textarea-focus-color, #000);opacity:1;opacity:var(--terra-form-textarea-focus-opacity, 1);outline:none}[dir] .Textarea-module__textarea___1EN-n:focus{background-color:var(--terra-form-textarea-focus-background-color);background-size:0 0;background-size:var(--terra-form-textarea-focus-background-size, 0 0);border-color:#4cb2e9;border-color:var(--terra-form-textarea-focus-border-color, #4cb2e9);border-style:solid;border-style:var(--terra-form-textarea-focus-border-style, solid);border-width:1px;border-width:var(--terra-form-textarea-focus-border-width, 1px);box-shadow:0 0 8px #a6d9f4;box-shadow:var(--terra-form-textarea-focus-box-shadow, 0 0 8px #a6d9f4)}[dir=ltr] .Textarea-module__textarea___1EN-n:focus{box-shadow:0 0 8px #a6d9f4;box-shadow:var(--terra-form-textarea-focus-ltr-box-shadow, 0 0 8px #a6d9f4)}[dir=rtl] .Textarea-module__textarea___1EN-n:focus{box-shadow:0 0 8px #a6d9f4;box-shadow:var(--terra-form-textarea-focus-rtl-box-shadow, 0 0 8px #a6d9f4)}.Textarea-module__full-size___\+I8BZ{height:100%;resize:none;width:100%}.Textarea-module__no-resize___cBMRC{resize:none}.Textarea-module__resizable___SfQzJ{box-sizing:padding-box;overflow:hidden}.Textarea-module__form-error___68kuD{opacity:1;opacity:var(--terra-form-textarea-error-opacity, 1)}[dir] .Textarea-module__form-error___68kuD{background-color:#fff;background-color:var(--terra-form-textarea-error-background-color, #fff);background-image:none;background-image:var(--terra-form-textarea-error-background-image, none);border-color:#e50000;border-color:var(--terra-form-textarea-error-border-color, #e50000);border-style:solid;border-style:var(--terra-form-textarea-error-border-style, solid);border-width:1px;border-width:var(--terra-form-textarea-error-border-width, 1px);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-textarea-error-box-shadow, 0 0 0 1px #e50000)}.Textarea-module__form-error___68kuD:hover{color:var(--terra-form-textarea-error-hover-color)}[dir] .Textarea-module__form-error___68kuD:hover{background-color:var(--terra-form-textarea-error-hover-background-color);border-color:#e50000;border-color:var(--terra-form-textarea-error-hover-border-color, #e50000);border-style:solid;border-style:var(--terra-form-textarea-error-hover-border-style, solid);border-width:1px;border-width:var(--terra-form-textarea-error-hover-border-width, 1px)}.Textarea-module__form-error___68kuD[disabled]{color:#1c1f21;color:var(--terra-form-textarea-error-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-textarea-error-disabled-opacity, 0.25)}[dir] .Textarea-module__form-error___68kuD[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-textarea-error-disabled-background-color, rgba(111, 116, 119, 0.2));border-color:#e50000;border-color:var(--terra-form-textarea-error-disabled-border-color, #e50000);border-style:solid;border-style:var(--terra-form-textarea-error-disabled-border-style, solid);border-width:1px;border-width:var(--terra-form-textarea-error-disabled-border-width, 1px)}[dir] .Textarea-module__form-error___68kuD[required]{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-textarea-error-box-shadow, 0 0 0 1px #e50000)}.Textarea-module__form-error___68kuD:focus{color:#000;color:var(--terra-form-textarea-error-focus-color, #000);opacity:1;opacity:var(--terra-form-textarea-error-focus-opacity, 1)}[dir] .Textarea-module__form-error___68kuD:focus{background-color:var(--terra-form-textarea-error-focus-background-color);background-size:0 0;background-size:var(--terra-form-textarea-error-focus-background-size, 0 0);border-color:#e50000;border-color:var(--terra-form-textarea-error-focus-border-color, #e50000);border-style:solid;border-style:var(--terra-form-textarea-error-focus-border-style, solid);border-width:1px;border-width:var(--terra-form-textarea-error-focus-border-width, 1px);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-textarea-error-focus-box-shadow, 0 0 0 1px #e50000)}[dir=ltr] .Textarea-module__form-error___68kuD:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-textarea-error-focus-ltr-box-shadow, 0 0 0 1px #e50000)}[dir=rtl] .Textarea-module__form-error___68kuD:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-textarea-error-focus-rtl-box-shadow, 0 0 0 1px #e50000)}[dir] .Textarea-module__form-incomplete___xpoV4{background-color:#ffc;background-color:var(--terra-form-textarea-incomplete-background-color, #ffc)}[dir] .Textarea-module__form-incomplete___xpoV4:hover{background-color:#ffc;background-color:var(--terra-form-textarea-incomplete-hover-background-color, #ffc)}[dir] .Textarea-module__form-incomplete___xpoV4[disabled]{background-color:#ffc;background-color:var(--terra-form-textarea-incomplete-disabled-background-color, #ffc)}[dir] .Textarea-module__form-incomplete___xpoV4:focus{background-color:#ffc;background-color:var(--terra-form-textarea-incomplete-focus-background-color, #ffc)} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} +.Table-module__clinical-lowlight-theme___PqYJ8{--terra-html-table-background-color: #383f42;--terra-html-table-border: 1px solid #585a5c;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: none;--terra-html-table-header-cell-color: #1c1f21;--terra-html-table-header-cell-font-size: 1rem;--terra-html-table-header-cell-font-weight: bold;--terra-html-table-header-cell-border-right: 1px solid #585a5c;--terra-html-table-first-header-cell-border-left: 1px solid #585a5c;--terra-html-table-last-header-cell-border-right: 1px solid #585a5c;--terra-html-table-header-background-color: #909496;--terra-html-table-header-box-shadow: 0 4px 4px -3.5px #1c1f21, inset 0 0 0 1px #585a5c;--terra-html-table-header-row-border-bottom: 1px solid #585a5c;--terra-html-table-header-row-border-top: 1px solid #585a5c;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #b2b5b6;--terra-html-table-cell-font-size: 1rem;--terra-html-table-first-cell-border-left: 1px solid #585a5c;--terra-html-table-last-cell-border-right: 1px solid #585a5c;--terra-html-table-header-cell-standard-padding-bottom: 0.5rem;--terra-html-table-header-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-top: 0.5rem;--terra-html-table-header-cell-compact-padding-bottom: 0.25rem;--terra-html-table-header-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-top: 0.25rem;--terra-html-table-cell-standard-padding-bottom: 0.5rem;--terra-html-table-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-cell-standard-padding-top: 0.5rem;--terra-html-table-cell-compact-padding-bottom: 0.25rem;--terra-html-table-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-cell-compact-padding-top: 0.25rem;--terra-html-table-row-border-top: 1px solid #585a5c;--terra-html-table-last-row-border-bottom: 1px solid #585a5c;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #2d3539}.Table-module__orion-fusion-theme___d9rxf{--terra-html-table-background-color: transparent;--terra-html-table-border: 0;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: transparent;--terra-html-table-header-cell-color: #64696c;--terra-html-table-header-cell-font-size: 0.857142857rem;--terra-html-table-header-cell-font-weight: normal;--terra-html-table-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-first-header-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-background-color: #f4f4f4;--terra-html-table-header-box-shadow: none;--terra-html-table-header-row-border-bottom: 2px solid #64696c;--terra-html-table-header-row-border-top: 1px solid #c8cacb;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #1c1f21;--terra-html-table-cell-font-size: 0.857142857rem;--terra-html-table-first-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-cell-standard-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-top: 0.428571429rem;--terra-html-table-header-cell-compact-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-top: 0.428571429rem;--terra-html-table-cell-standard-padding-bottom: 0.8571428571rem;--terra-html-table-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-cell-standard-padding-top: 0.8571428571rem;--terra-html-table-cell-compact-padding-bottom: 0.8571428571rem;--terra-html-table-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-cell-compact-padding-top: 0.8571428571rem;--terra-html-table-row-border-top: 0;--terra-html-table-last-row-border-bottom: 1px solid #c8cacb;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #f4f4f4}.Table-module__table___eg2Mi{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___eg2Mi{background-color:transparent;background-color:var(--terra-html-table-background-color, transparent);border:0;border:var(--terra-html-table-border, 0);border-radius:0;border-radius:var(--terra-html-table-border-radius, 0)}[dir] .Table-module__table___eg2Mi caption{padding-bottom:.5em}.Table-module__table___eg2Mi tr{display:table-row}[dir] .Table-module__table___eg2Mi tr{margin-bottom:0}.Table-module__table___eg2Mi td,.Table-module__table___eg2Mi th{color:#1c1f21;color:var(--terra-html-table-cell-color, #1c1f21);display:table-cell;font-size:1rem;font-size:var(--terra-html-table-cell-font-size, 1rem);font-weight:normal;vertical-align:top}[dir] .Table-module__table___eg2Mi td, [dir] .Table-module__table___eg2Mi th{border:0}[dir=ltr] .Table-module__table___eg2Mi td, [dir=ltr] .Table-module__table___eg2Mi th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___eg2Mi td, [dir=rtl] .Table-module__table___eg2Mi th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___eg2Mi td:first-child, [dir=ltr] .Table-module__table___eg2Mi th:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:first-child, [dir=rtl] .Table-module__table___eg2Mi th:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi td:last-child, [dir=ltr] .Table-module__table___eg2Mi th:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:last-child, [dir=rtl] .Table-module__table___eg2Mi th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___eg2Mi thead th, [dir] .Table-module__table___eg2Mi thead td{border:0}[dir=ltr] .Table-module__table___eg2Mi thead th, [dir=ltr] .Table-module__table___eg2Mi thead td{border-right:1px solid rgba(200, 202, 203, 0.5);border-right:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:left}[dir=rtl] .Table-module__table___eg2Mi thead th, [dir=rtl] .Table-module__table___eg2Mi thead td{border-left:1px solid rgba(200, 202, 203, 0.5);border-left:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:right}[dir=ltr] .Table-module__table___eg2Mi thead th:first-child, [dir=ltr] .Table-module__table___eg2Mi thead td:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:first-child, [dir=rtl] .Table-module__table___eg2Mi thead td:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi thead th:last-child, [dir=ltr] .Table-module__table___eg2Mi thead td:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:last-child, [dir=rtl] .Table-module__table___eg2Mi thead td:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead{display:table-header-group}[dir] .Table-module__table___eg2Mi thead{background-color:#f1f1f2;background-color:var(--terra-html-table-header-background-color, #f1f1f2);box-shadow:0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5);box-shadow:var(--terra-html-table-header-box-shadow, 0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5))}[dir] .Table-module__table___eg2Mi thead tr{border-bottom:1px solid #b9bbbc;border-bottom:var(--terra-html-table-header-row-border-bottom, 1px solid #b9bbbc);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-header-row-border-top, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{color:#1c1f21;color:var(--terra-html-table-header-cell-color, #1c1f21);font-size:1rem;font-size:var(--terra-html-table-header-cell-font-size, 1rem);font-weight:bold;font-weight:var(--terra-html-table-header-cell-font-weight, bold);vertical-align:bottom}[dir] .Table-module__table___eg2Mi tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___eg2Mi tbody tr{background-color:transparent;background-color:var(--terra-html-table-row-background-color, transparent);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-row-border-top, 1px solid #dedfe0)}[dir] .Table-module__table___eg2Mi tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___eg2Mi tbody tr:last-of-type{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-html-table-last-row-border-bottom, 1px solid #dedfe0)}[dir] .Table-module__padding-standard___BfbC- th{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-header-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-header-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z th{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-header-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-header-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__padding-standard___BfbC- td{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z td{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__striped___n8xJe tbody tr:nth-of-type(even){background-color:#f6f7f8;background-color:var(--terra-html-table-row-striped-background-color, #f6f7f8)}@media print{.Table-module__table___eg2Mi thead{display:table-header-group}.Table-module__table___eg2Mi tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} diff --git a/3469-ea13a6a2430bdcc095df.js b/3469-ea13a6a2430bdcc095df.js new file mode 100644 index 0000000000..62349e4c9c --- /dev/null +++ b/3469-ea13a6a2430bdcc095df.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[3469,45627,37344,33667,96890,79482,85565,3353,5161,80858,14041,45865,16835,85355,3193,4845,27444,17657,46647,16873,85161,66097,38681,15318,40411,18101,33315,38443,11264,34319,78996,39915,33442],{22863:function(e,t,a){var r=a(64836);t.Z=void 0;var n=r(a(67294)),o=r(a(45697)),l=r(a(47166)),i=r(a(17422)),u=l.default.bind(i.default),s={name:o.default.string.isRequired,src:o.default.string,url:o.default.string,version:o.default.string.isRequired},c=function(e){var t=e.src,a=e.name,r=e.url,o=e.version,l=n.default.createElement("a",{className:u("badge"),href:r||"https://www.npmjs.org/package/".concat(a,"/v/").concat(o)},n.default.createElement("span",{className:u("badge-name")},r?"package":"npm"),n.default.createElement("span",{className:u("badge-version")},"v".concat(o))),i=t?n.default.createElement("a",{className:u("badge"),href:t},n.default.createElement("span",{className:u("badge-name")},"github"),n.default.createElement("span",{className:u("badge-version")},"source")):void 0;return n.default.createElement("div",{className:u("badge-container")},l,i)};c.propTypes=s;var f=c;t.Z=f},49271:function(e,t,a){var r=a(64836),n=a(18698);t.Z=void 0;var o=r(a(27424)),l=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==n(e)&&"function"!=typeof e)return{default:e};var a=p(t);if(a&&a.has(e))return a.get(e);var r={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&Object.prototype.hasOwnProperty.call(e,l)){var i=o?Object.getOwnPropertyDescriptor(e,l):null;i&&(i.get||i.set)?Object.defineProperty(r,l,i):r[l]=e[l]}r.default=e,a&&a.set(e,r);return r}(a(67294)),i=r(a(45697)),u=r(a(47166)),s=a(21538),c=r(a(33864)),f=r(a(23399)),d=a(51051),m=r(a(53560));function p(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(p=function(e){return e?a:t})(e)}var _=u.default.bind(m.default),b={example:i.default.element,exampleSrc:i.default.element,exampleCssSrc:i.default.element,title:i.default.string,description:i.default.node,isExpanded:i.default.bool},h=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},v=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},g=function(e){var t=e.example,a=e.exampleSrc,r=e.exampleCssSrc,n=e.title,i=e.description,u=e.isExpanded,m=(0,l.useState)(u),p=(0,o.default)(m,2),b=p[0],g=p[1],y=(0,l.useState)(!1),x=(0,o.default)(y,2),w=x[0],E=x[1],O=l.default.useContext(s.ThemeContext),T=void 0!==r,j=function(){E(!w),b&&g(!b)},P=function(){g(!b),w&&E(!w)},C=function(e,t){e.nativeEvent.keyCode!==d.KEY_SPACE&&e.nativeEvent.keyCode!==d.KEY_RETURN||(e.preventDefault(),t())};return l.default.createElement("div",{className:_("template",O.className)},l.default.createElement("div",{className:_("header")},n&&l.default.createElement("h2",{className:_("title")},n)),l.default.createElement("div",{className:_("content")},i&&l.default.createElement("div",{className:_("description")},i),t),l.default.createElement("div",{className:_("footer")},a?l.default.createElement("div",{className:_("button-container")},T&&l.default.createElement("button",{type:"button",className:_("css-toggle","item",{"is-selected":w}),onClick:j,onKeyDown:function(e){return C(e,j)},onBlur:h,onMouseDown:v,tabIndex:0,"data-focus-styles-enabled":!0},l.default.createElement(c.default,{className:_("chevron")}),l.default.createElement("span",null,"CSS"),l.default.createElement(f.default,{className:_("chevron")})),l.default.createElement("button",{type:"button",className:_("code-toggle","item",{"is-selected":b}),onClick:P,onKeyDown:function(e){return C(e,P)},onBlur:h,onMouseDown:v,tabIndex:0,"data-focus-styles-enabled":!0},l.default.createElement(c.default,{className:_("chevron")}),l.default.createElement("span",null,"Code"),l.default.createElement(f.default,{className:_("chevron")}))):null,l.default.createElement("div",null,w&&l.default.createElement("div",{className:_("css")},r),b&&l.default.createElement("div",{className:_("code")},a))))};g.propTypes=b,g.defaultProps={isExpanded:!1};var y=g;t.Z=y},58038:function(e,t,a){a.d(t,{C:function(){return o}});var r=a(67294),n=a(22863),o=function(e){var t=e.url;return r.createElement(n.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-form-textarea",name:"terra-form-textarea",version:"5.30.0",url:t})}},17422:function(e,t,a){a.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},53560:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},67510:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"Textarea-module__clinical-lowlight-theme___Nmtf4","orion-fusion-theme":"Textarea-module__orion-fusion-theme___MFmVe",textarea:"Textarea-module__textarea___1EN-n","full-size":"Textarea-module__full-size___+I8BZ","no-resize":"Textarea-module__no-resize___cBMRC",resizable:"Textarea-module__resizable___SfQzJ","form-error":"Textarea-module__form-error___68kuD","form-incomplete":"Textarea-module__form-incomplete___xpoV4"}},10226:function(e,t,a){function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.TextareaSize=void 0;var n=f(a(67294)),o=f(a(45697)),l=f(a(94184)),i=f(a(47166)),u=f(a(50026)),s=f(a(67510)),c=["name","required","onChange","onFocus","onInput","isAutoResizable","isIncomplete","isInvalid","value","defaultValue","rows","size","ariaLabel","refCallback","disableResize"];function f(e){return e&&e.__esModule?e:{default:e}}function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(n[a]=e[a]);return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(n[a]=e[a])}return n}function b(e,t){for(var a=0;a0||navigator.msMaxTouchPoints>0),t.onChange=t.onChange.bind(y(t)),t.onFocus=t.onFocus.bind(y(t)),t}return t=i,a=[{key:"componentDidMount",value:function(){var e=Math.ceil(parseInt(window.getComputedStyle(this.textarea).lineHeight,10));this.textarea.currentLineHeight=e,this.setBaseHeights(),this.props.isAutoResizable&&!this.isMobileDevice&&this.resizeTextarea()}},{key:"componentDidUpdate",value:function(e){this.props.size===e.size&&this.props.rows===e.rows||this.setBaseHeights()}},{key:"onFocus",value:function(e){if(this.props.isAutoResizable&&!this.isMobileDevice){var t=Math.ceil(parseInt(window.getComputedStyle(this.textarea).lineHeight,10));this.textarea.currentLineHeight!==t&&(this.textarea.currentLineHeight=t,this.setBaseHeights())}this.props.onFocus&&this.props.onFocus(e)}},{key:"onChange",value:function(e){this.props.isAutoResizable&&!this.isMobileDevice&&this.resizeTextarea(),this.props.onChange&&this.props.onChange(e)}},{key:"setBaseHeights",value:function(){var e=this.textarea.value;this.textarea.value="",this.textarea.baseScrollHeight=this.textarea.scrollHeight,this.textarea.style.minHeight="0px",this.textarea.style.minHeight="".concat(this.textarea.scrollHeight,"px"),this.textarea.value=e}},{key:"resizeTextarea",value:function(){var e=this.props.rows||E[this.props.size];this.textarea.rows=e;var t=Math.ceil((this.textarea.scrollHeight-this.textarea.baseScrollHeight)/this.textarea.currentLineHeight);this.textarea.rows=e+t}},{key:"render",value:function(){var e,t=this,a=this.props,r=a.name,o=a.required,i=(a.onChange,a.onFocus,a.onInput),u=a.isAutoResizable,s=a.isIncomplete,f=a.isInvalid,b=a.value,h=a.defaultValue,v=a.rows,g=a.size,y=a.ariaLabel,x=a.refCallback,O=a.disableResize,T=_(a,c),j=this.context,P=function(e){for(var t=1;t=0||(m[l]=e[l]);return m}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(m[l]=e[l])}return m}var r={},i="wrapper";function u(e){var a=e.components,l=t(e,m);return(0,d.mdx)(i,n({},r,l,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)("h1",{id:"changelog"},"Changelog"),(0,d.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,d.mdx)("h2",{id:"4100---september-21-2023"},"4.10.0 - (September 21, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"490---august-2-2023"},"4.9.0 - (August 2, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"480---june-14-2023"},"4.8.0 - (June 14, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"a11ylabel")," prop to ItemComment icon."),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("inlineCode",{parentName:"li"},"strong")," tag around strong style text."),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("inlineCode",{parentName:"li"},"span")," tag around non-strong style text."),(0,d.mdx)("li",{parentName:"ul"},"Added translations for hidden text styling."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Improved screen reader support for text styling by utilizing terra-visually-hidden-text.")))),(0,d.mdx)("h2",{id:"470---may-15-2023"},"4.7.0 - (May 15, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Deprecated"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Deprecated ",(0,d.mdx)("inlineCode",{parentName:"li"},"isDisabled")," prop as the feature does not meet a11y standards."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"textStyleMeaning")," prop to allow defining a meaning for styled text to be read by screen readers."),(0,d.mdx)("li",{parentName:"ul"},"Added accessibility guidance for using ",(0,d.mdx)("inlineCode",{parentName:"li"},"isTruncated")," prop.")))),(0,d.mdx)("h2",{id:"460---march-29-2023"},"4.6.0 - (March 29, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated wdio screenshots.")))),(0,d.mdx)("h2",{id:"450---july-21-2021"},"4.5.0 - (July 21, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,d.mdx)("h2",{id:"440---march-25-2021"},"4.4.0 - (March 25, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Upgrade tests to terra-functional-testing and WebDriverIO v6")))),(0,d.mdx)("h2",{id:"430---january-5-2021"},"4.3.0 - (January 5, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation.")))),(0,d.mdx)("h2",{id:"420---november-10-2020"},"4.2.0 - (November 10, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,d.mdx)("h2",{id:"410---august-4-2020"},"4.1.0 - (August 4, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update changelog formatting")))),(0,d.mdx)("h2",{id:"401---june-23-2020"},"4.0.1 - (June 23, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Breaking"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"ItemDisplay.Comment"),"."),(0,d.mdx)("li",{parentName:"ul"},"Changed the text style to primary by default and updated Jest snapshots."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Resolved dependency cycle.")))),(0,d.mdx)("h2",{id:"3180---june-9-2020"},"3.18.0 - (June 9, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Apply themes by context and directly include packaged themes.")))),(0,d.mdx)("h2",{id:"3170---april-28-2020"},"3.17.0 - (April 28, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"directory")," as a sub attribute to the ",(0,d.mdx)("inlineCode",{parentName:"li"},"repository")," attribute in package.json"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge')))),(0,d.mdx)("h2",{id:"3160---april-23-2020"},"3.16.0 - (April 23, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Set ",(0,d.mdx)("inlineCode",{parentName:"li"},"aria-disabled")," for a disabled item display to fix color-contrast axe failure.")))),(0,d.mdx)("h2",{id:"3150---april-14-2020"},"3.15.0 - (April 14, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config")))),(0,d.mdx)("h2",{id:"3140---march-31-2020"},"3.14.0 - (March 31, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added wdio screenshots for clinical-lowlight-theme")))),(0,d.mdx)("h2",{id:"3130---march-24-2020"},"3.13.0 - (March 24, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update docs to use MDX syntax")))),(0,d.mdx)("h2",{id:"3120---february-18-2020"},"3.12.0 - (February 18, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme theming files")))),(0,d.mdx)("h2",{id:"3110---january-28-2020"},"3.11.0 - (January 28, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update copyright to include 2020")))),(0,d.mdx)("h2",{id:"3100---january-22-2020"},"3.10.0 - (January 22, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added orion-fusion-theme and generated the respective reference wdio screenshots.")))),(0,d.mdx)("h2",{id:"390---september-26-2019"},"3.9.0 - (September 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"380---september-19-2019"},"3.8.0 - (September 19, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Convert SCSS files to .module.scss")))),(0,d.mdx)("h2",{id:"370---september-6-2019"},"3.7.0 - (September 6, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed inline styles from dev site components."),(0,d.mdx)("li",{parentName:"ul"},"Add comments for ESlint 6"),(0,d.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files")))),(0,d.mdx)("h2",{id:"360---august-14-2019"},"3.6.0 - (August 14, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated package.json test scripts")))),(0,d.mdx)("h2",{id:"350---july-16-2019"},"3.5.0 - (July 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"iconAlignment prop"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added missing primary text style and corresponding --terra-clinical-item-display-primary-color variable"),(0,d.mdx)("li",{parentName:"ul"},"Added enumeration for valid text style values")))),(0,d.mdx)("h2",{id:"340---june-11-2019"},"3.4.0 - (June 11, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Removed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore")))),(0,d.mdx)("h2",{id:"330---march-26-2019"},"3.3.0 - (March 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"),(0,d.mdx)("li",{parentName:"ul"},"Update wdio spec to use Terra.describeViewports"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,d.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed\nColor Contrast Accessibility issue"))),(0,d.mdx)("h2",{id:"320---february-5-2019"},"3.2.0 - (February 5, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"310---january-22-2019"},"3.1.0 - (January 22, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Dependency updates")))),(0,d.mdx)("h2",{id:"300---january-17-2019"},"3.0.0 - (January 17, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Breaking Change"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Renamed css theming variables to fit linter standard."),(0,d.mdx)("li",{parentName:"ul"},"Added new css theming variables"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Changelog dev site doc page")))),(0,d.mdx)("h2",{id:"2150---november-21-2018"},"2.15.0 - (November 21, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"2140---october-2-2018"},"2.14.0 - (October 2, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Disable cyclical depencency error per eslint v5 update. Logged issue: ",(0,d.mdx)("a",{parentName:"li",href:"https://github.com/cerner/terra-clinical/issues/389"},"https://github.com/cerner/terra-clinical/issues/389"))))),(0,d.mdx)("h2",{id:"2130---september-5-2018"},"2.13.0 - (September 5, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,d.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,d.mdx)("h2",{id:"2120---august-30-2018"},"2.12.0 - (August 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"2110---august-1-2018"},"2.11.0 - (August 1, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added theming variables in Item Comment"),(0,d.mdx)("li",{parentName:"ul"},"Added Webdriver I/O tests for Item Comment")))),(0,d.mdx)("h2",{id:"2101---july-25-2018"},"2.10.1 - (July 25, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Patch release")))),(0,d.mdx)("h2",{id:"2100---july-25-2018"},"2.10.0 - (July 25, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor updates")))),(0,d.mdx)("h2",{id:"290---july-17-2018"},"2.9.0 - (July 17, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor updates")))),(0,d.mdx)("h2",{id:"280---july-3-2018"},"2.8.0 - (July 3, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Lint in doc page")))),(0,d.mdx)("h2",{id:"270---june-28-2018"},"2.7.0 - (June 28, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added theming variables in Item Display")))),(0,d.mdx)("h2",{id:"260---june-12-2018"},"2.6.0 - (June 12, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Conform to eslint updates")))),(0,d.mdx)("h2",{id:"250---may-30-2018"},"2.5.0 - (May 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Moved examples to src")))),(0,d.mdx)("h2",{id:"240---may-22-2018"},"2.4.0 - (May 22, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"230---may-1-2018"},"2.3.0 - (May 1, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"220---march-27-2018"},"2.2.0 - (March 27, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Converted nightwatch tests to wdio")))),(0,d.mdx)("h2",{id:"210---march-6-2018"},"2.1.0 - (March 6, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"200---february-19-2018"},"2.0.0 - (February 19, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update to React 16")))),(0,d.mdx)("h2",{id:"170---february-19-2018"},"1.7.0 - (February 19, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"160---january-23-2018"},"1.6.0 - (January 23, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"strong")," textStyle & ",(0,d.mdx)("inlineCode",{parentName:"li"},"isDisabled")," prop.")))),(0,d.mdx)("h2",{id:"150---november-29-2017"},"1.5.0 - (November 29, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fix IE10 truncation")))),(0,d.mdx)("h2",{id:"140---september-26-2017"},"1.4.0 - (September 26, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Remove stylelint-disable selector-class-pattern"),(0,d.mdx)("li",{parentName:"ul"},"Update class names to follow selector-class-pattern")))),(0,d.mdx)("h2",{id:"130---september-1-2017"},"1.3.0 - (September 1, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Change dependency on terra-base to v2.0.0"),(0,d.mdx)("li",{parentName:"ul"},"Update nightwatch tests and test scripts.")))),(0,d.mdx)("h2",{id:"120---august-1-2017"},"1.2.0 - (August 1, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed icon styling to scale with font-size.")))),(0,d.mdx)("h2",{id:"110---july-18-2017"},"1.1.0 - (July 18, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Converted component to use CSS modules"),(0,d.mdx)("li",{parentName:"ul"},"Updated nightwatch test scripts"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed nightwatch.config file")))),(0,d.mdx)("h2",{id:"100---june-28-2017"},"1.0.0 - (June 28, 2017)"),(0,d.mdx)("p",null,"Initial stable release"))}u.isMDXComponent=!0;var p=l(53416),x=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(m[l]=e[l]);return m}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(m[l]=e[l])}return m}var N={},c="wrapper";function h(e){var a=e.components,l=s(e,x);return(0,d.mdx)(c,o({},N,l,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)(p.C,{mdxType:"Badge"}),(0,d.mdx)(u,{mdxType:"ChangeLog"}))}h.isMDXComponent=!0},53416:function(e,a,l){l.d(a,{C:function(){return n}});var d=l(67294),m=l(22863),n=function(e){var a=e.url;return d.createElement(m.Z,{src:"https://github.com/cerner/terra-clinical/tree/main/packages/terra-clinical-item-display",name:"terra-clinical-item-display",version:"4.10.0",url:a})}},17422:function(e,a,l){l.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/35282-d1621a086ad832026302.js b/35282-d1621a086ad832026302.js new file mode 100644 index 0000000000..d62e93a3e3 --- /dev/null +++ b/35282-d1621a086ad832026302.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[35282],{28355:function(e,n,t){var a=t(64836);n.Z=void 0;var l=a(t(38416)),r=a(t(56690)),s=a(t(89728)),i=a(t(66115)),o=a(t(61655)),c=a(t(94993)),d=a(t(73808)),u=a(t(67294)),p=a(t(45697)),m=a(t(47166)),h=a(t(17092)),f=a(t(57272)),g=a(t(10027)),v=t(15560),y=a(t(49265)),x=a(t(45165));function b(e){var n=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var t,a=(0,d.default)(e);if(n){var l=(0,d.default)(this).constructor;t=Reflect.construct(a,arguments,l)}else t=a.apply(this,arguments);return(0,c.default)(this,t)}}var C=m.default.bind(x.default),S=function(e){(0,o.default)(t,e);var n=b(t);function t(e){var a;return(0,r.default)(this,t),(a=n.call(this,e)).checkLockState=a.checkLockState.bind((0,i.default)(a)),a.state={text:void 0},a}return(0,s.default)(t,[{key:"componentDidMount",value:function(){var e=this.context;e&&e.registerDismissCheck&&e.registerDismissCheck(this.checkLockState)}},{key:"checkLockState",value:function(){var e=this;return this.state.text&&this.state.text.length?new Promise((function(n,t){confirm("".concat(e.props.name," has unsaved changes that will be lost. Do you wish to continue?"))?n():t()})):Promise.resolve()}},{key:"render",value:function(){var e=this,n=this.props,a=n.name,l=n.disclosureType,r=this.context;return u.default.createElement(g.default,{fill:!0},u.default.createElement(v.DisclosureManagerHeaderAdapter,{title:a,collapsibleMenuView:u.default.createElement(f.default,null,u.default.createElement(f.default.Item,{text:"Button 1",key:"button_1",onClick:function(){e.setState({selectedHeaderAction:"Button 1"})}}),u.default.createElement(f.default.Item,{text:"Button 2",key:"button_2",onClick:function(){e.setState({selectedHeaderAction:"Button 2"})}}))}),u.default.createElement("div",{className:C("content-wrapper")},u.default.createElement("h3",null,a),u.default.createElement("p",null,"The disclosed component can disclose content within the same panel."),u.default.createElement("p",null,"It can also render a header (like above) that implements the various DisclosureManager control functions."),u.default.createElement("button",{type:"button",onClick:function(){r.dismiss().catch((function(){console.log("Dismiss failed. A lock must be in place.")}))}},"Dismiss"),u.default.createElement("button",{type:"button",onClick:function(){r.disclose({preferredType:l,size:"small",content:{key:"Nested ".concat(a),component:u.default.createElement(t,{name:"Nested ".concat(a),disclosureType:l})}})}},"Disclose Again"),u.default.createElement("br",null),u.default.createElement("br",null),u.default.createElement("p",null,"The disclosed component can register a dismiss check function that can interrupt and prevent dismissal. This component will prompt the user if text is detected in the input field below."),u.default.createElement("input",{"aria-label":"textArea",type:"text",onChange:function(n){e.setState({text:n.target.value})},value:this.state.text||""}),this.state.text&&this.state.text.length?u.default.createElement("p",null,"Component has unsaved changes!"):null,u.default.createElement("br",null),u.default.createElement("br",null),u.default.createElement("p",null,"Selected Header Action:"," ",u.default.createElement("b",null,this.state.selectedHeaderAction))))}}]),t}(u.default.Component);S.contextType=v.DisclosureManagerContext,S.propTypes={name:p.default.string,disclosureType:p.default.string},S.defaultProps={name:"Disclosure Component"};var k=Object.keys(v.availableDisclosureHeights),D=Object.keys(v.availableDisclosureWidths),T=function(e){return e.map((function(e,n){var t=n;return u.default.createElement("option",{key:t,value:e},e)}))},E=function(e){(0,o.default)(t,e);var n=b(t);function t(e){var a;return(0,r.default)(this,t),(a=n.call(this,e)).renderButton=a.renderButton.bind((0,i.default)(a)),a.handleSelectChange=a.handleSelectChange.bind((0,i.default)(a)),a.getId=a.getId.bind((0,i.default)(a)),a.state={id:"dimensions",disclosureHeight:k[0],disclosureWidth:D[0]},a}return(0,s.default)(t,[{key:"handleSelectChange",value:function(e){this.setState((0,l.default)({},e.target.name,e.target.value))}},{key:"getId",value:function(e){return e+this.state.id}},{key:"renderButton",value:function(e){var n=this.context;return u.default.createElement("button",{type:"button",onClick:function(){n.disclose({preferredType:"panel",size:e,content:{key:"Content-Disclosure-".concat(e),component:u.default.createElement(S,{name:"Disclosure Component",disclosureType:"panel"})}})}},"".concat(e.charAt(0).toUpperCase()+e.slice(1)," panel"))}},{key:"renderFormButton",value:function(){var e=this,n=this.context,t="Disclose (".concat(this.state.disclosureHeight,") x (").concat(this.state.disclosureWidth,")");return u.default.createElement("button",{type:"button",onClick:function(){n.disclose({preferredType:"panel",dimensions:{height:e.state.disclosureHeight,width:e.state.disclosureWidth},content:{key:"Content-Disclosure-Dimensions",component:u.default.createElement(S,{name:"Disclosure Component",disclosureType:"panel"})}})}},t)}},{key:"renderForm",value:function(){return u.default.createElement("form",null,u.default.createElement("label",{htmlFor:this.getId("disclosureHeightSquish")},"Pop Content Height"),u.default.createElement("select",{id:this.getId("disclosureHeightSquish"),name:"disclosureHeight",value:this.state.disclosureHeight,onChange:this.handleSelectChange},T(k)),u.default.createElement("br",null),u.default.createElement("br",null),u.default.createElement("label",{htmlFor:this.getId("disclosureWidthSquish")},"Pop Content Width"),u.default.createElement("select",{id:this.getId("disclosureWidthSquish"),name:"disclosureWidth",value:this.state.disclosureWidth,onChange:this.handleSelectChange},T(D)),u.default.createElement("br",null),u.default.createElement("br",null))}},{key:"render",value:function(){return u.default.createElement(g.default,{header:u.default.createElement(h.default,{text:"SlidePanelManager Child Component"})},u.default.createElement("div",{className:C("content-wrapper")},this.renderButton("default"),this.renderButton("tiny"),this.renderButton("small"),this.renderButton("medium"),this.renderButton("large"),this.renderButton("huge"),this.renderButton("fullscreen"),u.default.createElement("br",null),u.default.createElement("p",null,"The child components can disclose content in the panel at various sizes."),u.default.createElement("p",null,"The sizes available are limited to those of the SlidePanel. The specified size/dimensions will be mapped to the nearest available size.")),u.default.createElement("div",{className:C("content-wrapper")},this.renderForm(),this.renderFormButton()))}}]),t}(u.default.Component);E.contextType=v.DisclosureManagerContext;n.Z=function(){return u.default.createElement("div",{className:C("example-wrapper")},u.default.createElement(y.default,{panelBehavior:"squish",disclosureAccessory:u.default.createElement("div",{className:C("disclosure-accessory")},"Disclosure Accessory")},u.default.createElement(E,null)))}},21483:function(e,n,t){var a=t(64836),l=t(18698);n.Z=void 0;var r=a(t(27424)),s=a(t(38416)),i=a(t(56690)),o=a(t(89728)),c=a(t(66115)),d=a(t(61655)),u=a(t(94993)),p=a(t(73808)),m=function(e,n){if(!n&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var t=k(n);if(t&&t.has(e))return t.get(e);var a={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var s in e)if("default"!==s&&Object.prototype.hasOwnProperty.call(e,s)){var i=r?Object.getOwnPropertyDescriptor(e,s):null;i&&(i.get||i.set)?Object.defineProperty(a,s,i):a[s]=e[s]}return a.default=e,t&&t.set(e,a),a}(t(67294)),h=a(t(45697)),f=a(t(47166)),g=a(t(17092)),v=a(t(57272)),y=a(t(10027)),x=t(15560),b=a(t(20251)),C=a(t(49265)),S=a(t(45165));function k(e){if("function"!=typeof WeakMap)return null;var n=new WeakMap,t=new WeakMap;return(k=function(e){return e?t:n})(e)}function D(e){var n=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var t,a=(0,p.default)(e);if(n){var l=(0,p.default)(this).constructor;t=Reflect.construct(a,arguments,l)}else t=a.apply(this,arguments);return(0,u.default)(this,t)}}var T=f.default.bind(S.default),E=function(e){(0,d.default)(t,e);var n=D(t);function t(e){var a;return(0,i.default)(this,t),(a=n.call(this,e)).checkLockState=a.checkLockState.bind((0,c.default)(a)),a.state={text:void 0},a}return(0,o.default)(t,[{key:"componentDidMount",value:function(){var e=this.context;e&&e.registerDismissCheck&&e.registerDismissCheck(this.checkLockState)}},{key:"checkLockState",value:function(){var e=this;return this.state.text&&this.state.text.length?new Promise((function(n,t){confirm("".concat(e.props.name," has unsaved changes that will be lost. Do you wish to continue?"))?n():t()})):Promise.resolve()}},{key:"render",value:function(){var e=this,n=this.props,a=n.name,l=n.disclosureType,r=this.context;return m.default.createElement(y.default,{fill:!0},m.default.createElement(x.DisclosureManagerHeaderAdapter,{title:a,collapsibleMenuView:m.default.createElement(v.default,null,m.default.createElement(v.default.Item,{text:"Button 1",key:"button_1",onClick:function(){e.setState({selectedHeaderAction:"Button 1"})}}),m.default.createElement(v.default.Item,{text:"Button 2",key:"button_2",onClick:function(){e.setState({selectedHeaderAction:"Button 2"})}}))}),m.default.createElement("div",{className:T("content-wrapper")},m.default.createElement("h3",null,a),m.default.createElement("p",null,"The disclosed component can disclose content within the same panel."),m.default.createElement("p",null,"It can also render a header (like above) that implements the various DisclosureManager control functions."),m.default.createElement("button",{type:"button",onClick:function(){r.dismiss().catch((function(){console.log("Dismiss failed. A lock must be in place.")}))}},"Dismiss"),m.default.createElement("button",{type:"button",onClick:function(){r.disclose({preferredType:l,size:"small",content:{key:"Nested ".concat(a),component:m.default.createElement(t,{name:"Nested ".concat(a),disclosureType:l})}})}},"Disclose Again"),m.default.createElement("br",null),m.default.createElement("br",null),m.default.createElement("p",null,"The disclosed component can register a dismiss check function that can interrupt and prevent dismissal. This component will prompt the user if text is detected in the input field below."),m.default.createElement("input",{"aria-label":"textArea",type:"text",onChange:function(n){e.setState({text:n.target.value})},value:this.state.text||""}),this.state.text&&this.state.text.length?m.default.createElement("p",null,"Component has unsaved changes!"):null,m.default.createElement("br",null),m.default.createElement("br",null),m.default.createElement("p",null,"Selected Header Action:"," ",m.default.createElement("b",null,this.state.selectedHeaderAction))))}}]),t}(m.default.Component);E.contextType=x.DisclosureManagerContext,E.propTypes={name:h.default.string,disclosureType:h.default.string},E.defaultProps={name:"Disclosure Component"};var M=Object.keys(x.availableDisclosureHeights),w=Object.keys(x.availableDisclosureWidths),P=function(e){return e.map((function(e,n){var t=n;return m.default.createElement("option",{key:t,value:e},e)}))},N=function(e){(0,d.default)(t,e);var n=D(t);function t(e){var a;return(0,i.default)(this,t),(a=n.call(this,e)).renderButton=a.renderButton.bind((0,c.default)(a)),a.handleSelectChange=a.handleSelectChange.bind((0,c.default)(a)),a.getId=a.getId.bind((0,c.default)(a)),a.state={id:"dimensions",disclosureHeight:M[0],disclosureWidth:w[0]},a}return(0,o.default)(t,[{key:"handleSelectChange",value:function(e){this.setState((0,s.default)({},e.target.name,e.target.value))}},{key:"getId",value:function(e){return e+this.state.id}},{key:"renderButton",value:function(e){var n=this.context;return m.default.createElement("button",{type:"button",onClick:function(){n.disclose({preferredType:"panel",size:e,content:{key:"Content-Disclosure-".concat(e),component:m.default.createElement(E,{name:"Disclosure Component",disclosureType:"panel"})}})}},"".concat(e.charAt(0).toUpperCase()+e.slice(1)," panel"))}},{key:"renderFormButton",value:function(){var e=this,n=this.context,t="Disclose (".concat(this.state.disclosureHeight,") x (").concat(this.state.disclosureWidth,")");return m.default.createElement("button",{type:"button",onClick:function(){n.disclose({preferredType:"panel",typeConfig:{panelBehavior:"overlay"},dimensions:{height:e.state.disclosureHeight,width:e.state.disclosureWidth},content:{key:"Content-Disclosure-Dimensions",component:m.default.createElement(E,{name:"Disclosure Component",disclosureType:"panel"})}})}},t)}},{key:"renderForm",value:function(){return m.default.createElement("form",null,m.default.createElement("label",{htmlFor:this.getId("disclosureHeightOverlay")},"Pop Content Height"),m.default.createElement("select",{id:this.getId("disclosureHeightOverlay"),name:"disclosureHeight",value:this.state.disclosureHeight,onChange:this.handleSelectChange},P(M)),m.default.createElement("br",null),m.default.createElement("br",null),m.default.createElement("label",{htmlFor:this.getId("disclosureWidthOverlay")},"Pop Content Width"),m.default.createElement("select",{id:this.getId("disclosureWidthOverlay"),name:"disclosureWidth",value:this.state.disclosureWidth,onChange:this.handleSelectChange},P(w)),m.default.createElement("br",null),m.default.createElement("br",null))}},{key:"render",value:function(){return m.default.createElement(y.default,{header:m.default.createElement(g.default,{text:"SlidePanelManager Child Component"})},m.default.createElement("div",{className:T("content-wrapper")},this.renderButton("default"),this.renderButton("tiny"),this.renderButton("small"),this.renderButton("medium"),this.renderButton("large"),this.renderButton("huge"),this.renderButton("fullscreen"),m.default.createElement("br",null),m.default.createElement("p",null,"The child components can disclose content in the panel at various sizes."),m.default.createElement("p",null,"The sizes available are limited to those of the SlidePanel. The specified size/dimensions will be mapped to the nearest available size.")),m.default.createElement("div",{className:T("content-wrapper")},this.renderForm(),this.renderFormButton()))}}]),t}(m.default.Component);N.contextType=x.DisclosureManagerContext;n.Z=function(){var e=(0,m.useState)(0),n=(0,r.default)(e,2),t=n[0],a=n[1];return m.default.createElement("div",{className:T("example-wrapper")},m.default.createElement(C.default,{level:0===t?void 0:t},m.default.createElement(N,null),m.default.createElement("br",null),m.default.createElement("div",{id:"headingLevel",className:T("form-select")},"Select panel heading level:"),m.default.createElement(b.default,{ariaLabel:"Panel heading level",className:T("form-select"),isFilterStyle:!0,onChange:function(e){return a(Number(e.currentTarget.value))},options:[{value:"0",display:"Default"},{value:1,display:"1"},{value:2,display:"2"},{value:3,display:"3"},{value:4,display:"4"},{value:5,display:"5"},{value:6,display:"6"}],value:t})))}},72568:function(e,n,t){var a=t(64836),l=t(18698);n.Z=void 0;var r=a(t(27424)),s=a(t(38416)),i=a(t(56690)),o=a(t(89728)),c=a(t(66115)),d=a(t(61655)),u=a(t(94993)),p=a(t(73808)),m=function(e,n){if(!n&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var t=k(n);if(t&&t.has(e))return t.get(e);var a={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var s in e)if("default"!==s&&Object.prototype.hasOwnProperty.call(e,s)){var i=r?Object.getOwnPropertyDescriptor(e,s):null;i&&(i.get||i.set)?Object.defineProperty(a,s,i):a[s]=e[s]}return a.default=e,t&&t.set(e,a),a}(t(67294)),h=a(t(45697)),f=a(t(47166)),g=a(t(17092)),v=a(t(57272)),y=a(t(10027)),x=t(15560),b=a(t(20251)),C=a(t(49265)),S=a(t(45165));function k(e){if("function"!=typeof WeakMap)return null;var n=new WeakMap,t=new WeakMap;return(k=function(e){return e?t:n})(e)}function D(e){var n=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var t,a=(0,p.default)(e);if(n){var l=(0,p.default)(this).constructor;t=Reflect.construct(a,arguments,l)}else t=a.apply(this,arguments);return(0,u.default)(this,t)}}var T=f.default.bind(S.default),E=function(e){(0,d.default)(t,e);var n=D(t);function t(e){var a;return(0,i.default)(this,t),(a=n.call(this,e)).checkLockState=a.checkLockState.bind((0,c.default)(a)),a.state={text:void 0},a}return(0,o.default)(t,[{key:"componentDidMount",value:function(){var e=this.context;e&&e.registerDismissCheck&&e.registerDismissCheck(this.checkLockState)}},{key:"checkLockState",value:function(){var e=this;return this.state.text&&this.state.text.length?new Promise((function(n,t){confirm("".concat(e.props.name," has unsaved changes that will be lost. Do you wish to continue?"))?n():t()})):Promise.resolve()}},{key:"render",value:function(){var e=this,n=this.props,a=n.name,l=n.disclosureType,r=this.context;return m.default.createElement(y.default,{fill:!0},m.default.createElement(x.DisclosureManagerHeaderAdapter,{title:a,collapsibleMenuView:m.default.createElement(v.default,null,m.default.createElement(v.default.Item,{text:"Button 1",key:"button_1",onClick:function(){e.setState({selectedHeaderAction:"Button 1"})}}),m.default.createElement(v.default.Item,{text:"Button 2",key:"button_2",onClick:function(){e.setState({selectedHeaderAction:"Button 2"})}}))}),m.default.createElement("div",{className:T("content-wrapper")},m.default.createElement("h3",null,a),m.default.createElement("p",null,"The disclosed component can disclose content within the same panel."),m.default.createElement("p",null,"It can also render a header (like above) that implements the various DisclosureManager control functions."),m.default.createElement("button",{type:"button",onClick:function(){r.dismiss().catch((function(){console.log("Dismiss failed. A lock must be in place.")}))}},"Dismiss"),m.default.createElement("button",{type:"button",onClick:function(){r.disclose({preferredType:l,size:"small",content:{key:"Nested ".concat(a),component:m.default.createElement(t,{name:"Nested ".concat(a),disclosureType:l})}})}},"Disclose Again"),m.default.createElement("br",null),m.default.createElement("br",null),m.default.createElement("p",null,"The disclosed component can register a dismiss check function that can interrupt and prevent dismissal. This component will prompt the user if text is detected in the input field below."),m.default.createElement("input",{"aria-label":"textArea",type:"text",onChange:function(n){e.setState({text:n.target.value})},value:this.state.text||""}),this.state.text&&this.state.text.length?m.default.createElement("p",null,"Component has unsaved changes!"):null,m.default.createElement("br",null),m.default.createElement("br",null),m.default.createElement("p",null,"Selected Header Action:"," ",m.default.createElement("b",null,this.state.selectedHeaderAction))))}}]),t}(m.default.Component);E.contextType=x.DisclosureManagerContext,E.propTypes={name:h.default.string,disclosureType:h.default.string},E.defaultProps={name:"Disclosure Component"};var M=Object.keys(x.availableDisclosureHeights),w=Object.keys(x.availableDisclosureWidths),P=function(e){return e.map((function(e,n){var t=n;return m.default.createElement("option",{key:t,value:e},e)}))},N=function(e){(0,d.default)(t,e);var n=D(t);function t(e){var a;return(0,i.default)(this,t),(a=n.call(this,e)).renderButton=a.renderButton.bind((0,c.default)(a)),a.handleSelectChange=a.handleSelectChange.bind((0,c.default)(a)),a.getId=a.getId.bind((0,c.default)(a)),a.state={id:"dimensions",disclosureHeight:M[0],disclosureWidth:w[0]},a}return(0,o.default)(t,[{key:"handleSelectChange",value:function(e){this.setState((0,s.default)({},e.target.name,e.target.value))}},{key:"getId",value:function(e){return e+this.state.id}},{key:"renderButton",value:function(e){var n=this.context;return m.default.createElement("button",{type:"button",onClick:function(){n.disclose({preferredType:"panel",size:e,typeConfig:{panelBehavior:"squish"},content:{key:"Content-Disclosure-".concat(e),component:m.default.createElement(E,{name:"Disclosure Component",disclosureType:"panel"})}})}},"".concat(e.charAt(0).toUpperCase()+e.slice(1)," panel"))}},{key:"renderFormButton",value:function(){var e=this,n=this.context,t="Disclose (".concat(this.state.disclosureHeight,") x (").concat(this.state.disclosureWidth,")");return m.default.createElement("button",{type:"button",onClick:function(){n.disclose({preferredType:"panel",dimensions:{height:e.state.disclosureHeight,width:e.state.disclosureWidth},content:{key:"Content-Disclosure-Dimensions",component:m.default.createElement(E,{name:"Disclosure Component",disclosureType:"panel"})}})}},t)}},{key:"renderForm",value:function(){return m.default.createElement("form",null,m.default.createElement("label",{htmlFor:this.getId("disclosureHeightSquish")},"Pop Content Height"),m.default.createElement("select",{id:this.getId("disclosureHeightSquish"),name:"disclosureHeight",value:this.state.disclosureHeight,onChange:this.handleSelectChange},P(M)),m.default.createElement("br",null),m.default.createElement("br",null),m.default.createElement("label",{htmlFor:this.getId("disclosureWidthSquish")},"Pop Content Width"),m.default.createElement("select",{id:this.getId("disclosureWidthSquish"),name:"disclosureWidth",value:this.state.disclosureWidth,onChange:this.handleSelectChange},P(w)),m.default.createElement("br",null),m.default.createElement("br",null))}},{key:"render",value:function(){return m.default.createElement(y.default,{header:m.default.createElement(g.default,{text:"SlidePanelManager Child Component"})},m.default.createElement("div",{className:T("content-wrapper")},this.renderButton("default"),this.renderButton("tiny"),this.renderButton("small"),this.renderButton("medium"),this.renderButton("large"),this.renderButton("huge"),this.renderButton("fullscreen"),m.default.createElement("br",null),m.default.createElement("p",null,"The child components can disclose content in the panel at various sizes."),m.default.createElement("p",null,"The sizes available are limited to those of the SlidePanel. The specified size/dimensions will be mapped to the nearest available size.")),m.default.createElement("div",{className:T("content-wrapper")},this.renderForm(),this.renderFormButton()))}}]),t}(m.default.Component);N.contextType=x.DisclosureManagerContext;n.Z=function(){var e=(0,m.useState)(0),n=(0,r.default)(e,2),t=n[0],a=n[1];return m.default.createElement("div",{className:T("example-wrapper")},m.default.createElement(C.default,{level:0===t?void 0:t},m.default.createElement(N,null),m.default.createElement("br",null),m.default.createElement("div",{id:"headingLevel",className:T("form-select")},"Select panel heading level:"),m.default.createElement(b.default,{ariaLabel:"Panel heading level",className:T("form-select"),isFilterStyle:!0,onChange:function(e){return a(Number(e.currentTarget.value))},options:[{value:"0",display:"Default"},{value:1,display:"1"},{value:2,display:"2"},{value:3,display:"3"},{value:4,display:"4"},{value:5,display:"5"},{value:6,display:"6"}],value:t})))}},35282:function(e,n,t){t.r(n),t.d(n,{default:function(){return $}});var a=t(67294),l=t(81254),r=t(20917),s=t(78530),i=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(l[t]=e[t]);return l}(e,n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(l[t]=e[t])}return l}var d={},u="wrapper";function p(e){var n=e.components,t=c(e,i);return(0,l.mdx)(u,o({},d,t,{components:n,mdxType:"MDXLayout"}),(0,l.mdx)(s.ZP,{mdxType:"PropsTable"},(0,l.mdx)(s.X2,{key:"ROW1",mdxType:"Row"},(0,l.mdx)(s.O,{mdxType:"PropNameCell"},"children"),(0,l.mdx)(s.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,l.mdx)(s.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"The components to be rendered in the body of the SlidePanelManager. These components will receive the\ndisclosure capabilities through the DisclosureManger's context API."))),(0,l.mdx)(s.X2,{key:"ROW2",mdxType:"Row"},(0,l.mdx)(s.O,{mdxType:"PropNameCell"},"level"),(0,l.mdx)(s.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 1\n 2\n 3\n 4\n 5\n 6\n],\n"))),(0,l.mdx)(s.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"2\n"))),(0,l.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Sets the heading level of the disclosed panel. One of ",(0,l.mdx)("inlineCode",{parentName:"p"},"1"),", ",(0,l.mdx)("inlineCode",{parentName:"p"},"2"),", ",(0,l.mdx)("inlineCode",{parentName:"p"},"3"),", ",(0,l.mdx)("inlineCode",{parentName:"p"},"4"),", ",(0,l.mdx)("inlineCode",{parentName:"p"},"5"),", ",(0,l.mdx)("inlineCode",{parentName:"p"},"6"),". This helps screen readers to announce appropriate heading levels.\nChanging 'level' will not visually change the style of the content."))),(0,l.mdx)(s.X2,{key:"ROW3",mdxType:"Row"},(0,l.mdx)(s.O,{mdxType:"PropNameCell"},"panelBehavior"),(0,l.mdx)(s.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'overlay'\n 'squish'\n],\n"))),(0,l.mdx)(s.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"'overlay'\n"))),(0,l.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"The desired panel behavior. Either 'squish' or 'overlay'."))),(0,l.mdx)(s.X2,{key:"ROW4",mdxType:"Row"},(0,l.mdx)(s.O,{mdxType:"PropNameCell"},"disclosureAccessory"),(0,l.mdx)(s.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,l.mdx)(s.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"The component to render within the panel above the disclosed content."))),(0,l.mdx)(s.X2,{key:"ROW5",mdxType:"Row"},(0,l.mdx)(s.O,{mdxType:"PropNameCell"},"panelAriaLabel"),(0,l.mdx)(s.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,l.mdx)(s.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"The aria label for the panel region. This should be provided if the header does not contain a title\nto make the panel more accessible to assistive technologies."))),(0,l.mdx)(s.X2,{key:"ROW6",mdxType:"Row"},(0,l.mdx)(s.O,{mdxType:"PropNameCell"},"mainAriaLabel"),(0,l.mdx)(s.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,l.mdx)(s.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(s.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(s.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"The aria label for the main region.")))))}p.isMDXComponent=!0;var m=t(21483),h=["components"];function f(){return f=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(l[t]=e[t]);return l}(e,n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(l[t]=e[t])}return l}var v={};function y(e){var n=e.components,t=g(e,h);return(0,l.mdx)("wrapper",f({},v,t,{components:n,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"/* eslint-disable max-classes-per-file */\n/* Slide Panel Manager example with panel behavior as \"overlay\" */\nimport React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames/bind';\nimport ActionHeader from 'terra-action-header';\nimport CollapsibleMenuView from 'terra-collapsible-menu-view';\nimport ContentContainer from 'terra-content-container';\nimport {\n availableDisclosureHeights, availableDisclosureWidths, DisclosureManagerHeaderAdapter, DisclosureManagerContext,\n} from 'terra-disclosure-manager';\nimport NativeSelect from 'terra-form-select/lib/native-select/NativeSelect';\n\nimport SlidePanelManager from 'terra-slide-panel-manager';\nimport styles from './SlidePanelManager.module.scss';\n\nconst cx = classNames.bind(styles);\n\nclass DisclosureComponent extends React.Component {\n constructor(props) {\n super(props);\n\n this.checkLockState = this.checkLockState.bind(this);\n\n this.state = {\n text: undefined,\n };\n }\n\n componentDidMount() {\n const disclosureManager = this.context;\n\n if (disclosureManager && disclosureManager.registerDismissCheck) {\n disclosureManager.registerDismissCheck(this.checkLockState);\n }\n }\n\n checkLockState() {\n if (this.state.text && this.state.text.length) {\n return new Promise((resolve, reject) => {\n // eslint-disable-next-line no-restricted-globals\n if (!confirm(`${this.props.name} has unsaved changes that will be lost. Do you wish to continue?`)) { // eslint-disable-line no-alert\n reject();\n return;\n }\n\n resolve();\n });\n }\n\n return Promise.resolve();\n }\n\n render() {\n const { name, disclosureType } = this.props;\n const disclosureManager = this.context;\n\n return (\n \n \n {\n this.setState({\n selectedHeaderAction: 'Button 1',\n });\n }}\n />\n {\n this.setState({\n selectedHeaderAction: 'Button 2',\n });\n }}\n />\n \n )}\n />\n
    \n

    {name}

    \n

    The disclosed component can disclose content within the same panel.

    \n

    It can also render a header (like above) that implements the various DisclosureManager control functions.

    \n {\n disclosureManager.dismiss()\n .catch(() => {\n console.log('Dismiss failed. A lock must be in place.'); // eslint-disable-line no-console\n });\n }}\n >\n Dismiss\n \n {\n disclosureManager.disclose({\n preferredType: disclosureType,\n size: 'small',\n content: {\n key: `Nested ${name}`,\n component: ,\n },\n });\n }}\n >\n Disclose Again\n \n
    \n
    \n

    The disclosed component can register a dismiss check function that can interrupt and prevent dismissal. This component will prompt the user if text is detected in the input field below.

    \n {\n this.setState({\n text: event.target.value,\n });\n }}\n value={this.state.text || ''}\n />\n {this.state.text && this.state.text.length ?

    Component has unsaved changes!

    : null}\n
    \n
    \n

    \n Selected Header Action:\n {' '}\n {this.state.selectedHeaderAction}\n

    \n
    \n     \n );\n }\n}\n\nDisclosureComponent.contextType = DisclosureManagerContext;\nDisclosureComponent.propTypes = {\n name: PropTypes.string,\n disclosureType: PropTypes.string,\n};\nDisclosureComponent.defaultProps = {\n name: 'Disclosure Component',\n};\n\nconst HEIGHT_KEYS = Object.keys(availableDisclosureHeights);\nconst WIDTH_KEYS = Object.keys(availableDisclosureWidths);\n\nconst generateDimensionOptions = values => (\n values.map((currentValue, index) => {\n const keyValue = index;\n return ;\n })\n);\n\nclass ContentComponent extends React.Component {\n constructor(props) {\n super(props);\n\n this.renderButton = this.renderButton.bind(this);\n this.handleSelectChange = this.handleSelectChange.bind(this);\n this.getId = this.getId.bind(this);\n\n this.state = { id: 'dimensions', disclosureHeight: HEIGHT_KEYS[0], disclosureWidth: WIDTH_KEYS[0] };\n }\n\n handleSelectChange(event) {\n this.setState({ [event.target.name]: event.target.value });\n }\n\n getId(name) {\n return name + this.state.id;\n }\n\n renderButton(size) {\n const disclosureManager = this.context;\n\n return (\n {\n disclosureManager.disclose({\n preferredType: 'panel',\n size,\n content: {\n key: `Content-Disclosure-${size}`,\n component: ,\n },\n });\n }}\n >\n {`${size.charAt(0).toUpperCase() + size.slice(1)} panel`}\n \n );\n }\n\n renderFormButton() {\n const disclosureManager = this.context;\n\n const name = `Disclose (${this.state.disclosureHeight}) x (${this.state.disclosureWidth})`;\n\n return (\n {\n disclosureManager.disclose({\n preferredType: 'panel',\n typeConfig: { panelBehavior: 'overlay' },\n dimensions: { height: this.state.disclosureHeight, width: this.state.disclosureWidth },\n content: {\n key: 'Content-Disclosure-Dimensions',\n component: ,\n },\n });\n }}\n >\n {name}\n \n );\n }\n\n renderForm() {\n return (\n
    \n \n \n
    \n
    \n \n \n
    \n
    \n
    \n );\n }\n\n render() {\n return (\n \n )}\n >\n
    \n {this.renderButton('default')}\n {this.renderButton('tiny')}\n {this.renderButton('small')}\n {this.renderButton('medium')}\n {this.renderButton('large')}\n {this.renderButton('huge')}\n {this.renderButton('fullscreen')}\n
    \n

    The child components can disclose content in the panel at various sizes.

    \n

    The sizes available are limited to those of the SlidePanel. The specified size/dimensions will be mapped to the nearest available size.

    \n
    \n
    \n {this.renderForm()}\n {this.renderFormButton()}\n
    \n \n );\n }\n}\n\nContentComponent.contextType = DisclosureManagerContext;\n\nconst SlidePanelManagerExample = () => {\n const [level, setLevel] = useState(0);\n\n return (\n
    \n \n \n
    \n
    Select panel heading level:
    \n setLevel(Number(event.currentTarget.value))}\n options={[\n { value: '0', display: 'Default' },\n { value: 1, display: '1' },\n { value: 2, display: '2' },\n { value: 3, display: '3' },\n { value: 4, display: '4' },\n { value: 5, display: '5' },\n { value: 6, display: '6' },\n ]}\n value={level}\n />\n     \n
    \n );\n};\n\nexport default SlidePanelManagerExample;\n\n")))}y.isMDXComponent=!0;var x=t(49271),b=["components"];function C(){return C=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(l[t]=e[t]);return l}(e,n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(l[t]=e[t])}return l}var k={};function D(e){var n=e.components,t=S(e,b);return(0,l.mdx)("wrapper",C({},k,t,{components:n,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .example-wrapper {\n border: 1px solid #d3d3d3;\n height: 35rem;\n }\n\n .content-wrapper {\n padding: 0.7rem;\n }\n\n .disclosure-accessory {\n background-color: #add8e6;\n padding: 1rem;\n }\n\n .form-select {\n margin-left: 1rem;\n max-width: 300px;\n }\n}\n\n")))}D.isMDXComponent=!0;var T=function(e){var n=e.title,t=e.description,l=e.isExpanded;return a.createElement(x.Z,{title:n||"Slide Panel Manager Example",description:t,example:a.createElement(m.Z,null),exampleCssSrc:a.createElement(D,null),exampleSrc:a.createElement(y,null),isExpanded:l})},E=t(72568),M=["components"];function w(){return w=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(l[t]=e[t]);return l}(e,n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(l[t]=e[t])}return l}var N={};function O(e){var n=e.components,t=P(e,M);return(0,l.mdx)("wrapper",w({},N,t,{components:n,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"/* eslint-disable max-classes-per-file */\n/* Slide Panel Manager example with panel behavior as \"squish\" */\nimport React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames/bind';\nimport ActionHeader from 'terra-action-header';\nimport CollapsibleMenuView from 'terra-collapsible-menu-view';\nimport ContentContainer from 'terra-content-container';\nimport {\n availableDisclosureHeights, availableDisclosureWidths, DisclosureManagerHeaderAdapter, DisclosureManagerContext,\n} from 'terra-disclosure-manager';\nimport NativeSelect from 'terra-form-select/lib/native-select/NativeSelect';\n\nimport SlidePanelManager from 'terra-slide-panel-manager';\nimport styles from './SlidePanelManager.module.scss';\n\nconst cx = classNames.bind(styles);\n\nclass DisclosureComponent extends React.Component {\n constructor(props) {\n super(props);\n\n this.checkLockState = this.checkLockState.bind(this);\n\n this.state = {\n text: undefined,\n };\n }\n\n componentDidMount() {\n const disclosureManager = this.context;\n\n if (disclosureManager && disclosureManager.registerDismissCheck) {\n disclosureManager.registerDismissCheck(this.checkLockState);\n }\n }\n\n checkLockState() {\n if (this.state.text && this.state.text.length) {\n return new Promise((resolve, reject) => {\n // eslint-disable-next-line no-restricted-globals\n if (!confirm(`${this.props.name} has unsaved changes that will be lost. Do you wish to continue?`)) { // eslint-disable-line no-alert\n reject();\n return;\n }\n\n resolve();\n });\n }\n\n return Promise.resolve();\n }\n\n render() {\n const { name, disclosureType } = this.props;\n const disclosureManager = this.context;\n\n return (\n \n \n {\n this.setState({\n selectedHeaderAction: 'Button 1',\n });\n }}\n />\n {\n this.setState({\n selectedHeaderAction: 'Button 2',\n });\n }}\n />\n \n )}\n />\n
    \n

    {name}

    \n

    The disclosed component can disclose content within the same panel.

    \n

    It can also render a header (like above) that implements the various DisclosureManager control functions.

    \n {\n disclosureManager.dismiss()\n .catch(() => {\n console.log('Dismiss failed. A lock must be in place.'); // eslint-disable-line no-console\n });\n }}\n >\n Dismiss\n \n {\n disclosureManager.disclose({\n preferredType: disclosureType,\n size: 'small',\n content: {\n key: `Nested ${name}`,\n component: ,\n },\n });\n }}\n >\n Disclose Again\n \n
    \n
    \n

    The disclosed component can register a dismiss check function that can interrupt and prevent dismissal. This component will prompt the user if text is detected in the input field below.

    \n {\n this.setState({\n text: event.target.value,\n });\n }}\n value={this.state.text || ''}\n />\n {this.state.text && this.state.text.length ?

    Component has unsaved changes!

    : null}\n
    \n
    \n

    \n Selected Header Action:\n {' '}\n {this.state.selectedHeaderAction}\n

    \n
    \n     \n );\n }\n}\n\nDisclosureComponent.contextType = DisclosureManagerContext;\nDisclosureComponent.propTypes = {\n name: PropTypes.string,\n disclosureType: PropTypes.string,\n};\nDisclosureComponent.defaultProps = {\n name: 'Disclosure Component',\n};\n\nconst HEIGHT_KEYS = Object.keys(availableDisclosureHeights);\nconst WIDTH_KEYS = Object.keys(availableDisclosureWidths);\n\nconst generateDimensionOptions = values => (\n values.map((currentValue, index) => {\n const keyValue = index;\n return ;\n })\n);\n\nclass ContentComponent extends React.Component {\n constructor(props) {\n super(props);\n\n this.renderButton = this.renderButton.bind(this);\n this.handleSelectChange = this.handleSelectChange.bind(this);\n this.getId = this.getId.bind(this);\n\n this.state = { id: 'dimensions', disclosureHeight: HEIGHT_KEYS[0], disclosureWidth: WIDTH_KEYS[0] };\n }\n\n handleSelectChange(event) {\n this.setState({ [event.target.name]: event.target.value });\n }\n\n getId(name) {\n return name + this.state.id;\n }\n\n renderButton(size) {\n const disclosureManager = this.context;\n\n return (\n {\n disclosureManager.disclose({\n preferredType: 'panel',\n size,\n typeConfig: { panelBehavior: 'squish' },\n content: {\n key: `Content-Disclosure-${size}`,\n component: ,\n },\n });\n }}\n >\n {`${size.charAt(0).toUpperCase() + size.slice(1)} panel`}\n \n );\n }\n\n renderFormButton() {\n const disclosureManager = this.context;\n\n const name = `Disclose (${this.state.disclosureHeight}) x (${this.state.disclosureWidth})`;\n\n return (\n {\n disclosureManager.disclose({\n preferredType: 'panel',\n dimensions: { height: this.state.disclosureHeight, width: this.state.disclosureWidth },\n content: {\n key: 'Content-Disclosure-Dimensions',\n component: ,\n },\n });\n }}\n >\n {name}\n \n );\n }\n\n renderForm() {\n return (\n
    \n \n \n
    \n
    \n \n \n
    \n
    \n
    \n );\n }\n\n render() {\n return (\n \n )}\n >\n
    \n {this.renderButton('default')}\n {this.renderButton('tiny')}\n {this.renderButton('small')}\n {this.renderButton('medium')}\n {this.renderButton('large')}\n {this.renderButton('huge')}\n {this.renderButton('fullscreen')}\n
    \n

    The child components can disclose content in the panel at various sizes.

    \n

    The sizes available are limited to those of the SlidePanel. The specified size/dimensions will be mapped to the nearest available size.

    \n
    \n
    \n {this.renderForm()}\n {this.renderFormButton()}\n
    \n \n );\n }\n}\n\nContentComponent.contextType = DisclosureManagerContext;\n\nconst SlidePanelManagerExample = () => {\n const [level, setLevel] = useState(0);\n\n return (\n
    \n \n \n
    \n
    Select panel heading level:
    \n setLevel(Number(event.currentTarget.value))}\n options={[\n { value: '0', display: 'Default' },\n { value: 1, display: '1' },\n { value: 2, display: '2' },\n { value: 3, display: '3' },\n { value: 4, display: '4' },\n { value: 5, display: '5' },\n { value: 6, display: '6' },\n ]}\n value={level}\n />\n     \n
    \n );\n};\n\nexport default SlidePanelManagerExample;\n\n")))}O.isMDXComponent=!0;var H=function(e){var n=e.title,t=e.description,l=e.isExpanded;return a.createElement(x.Z,{title:n||"Slide Panel Manager Squish Example",description:t,example:a.createElement(E.Z,null),exampleCssSrc:a.createElement(D,null),exampleSrc:a.createElement(O,null),isExpanded:l})},B=t(28355),I=["components"];function A(){return A=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(l[t]=e[t]);return l}(e,n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(l[t]=e[t])}return l}var W={};function _(e){var n=e.components,t=j(e,I);return(0,l.mdx)("wrapper",A({},W,t,{components:n,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"/* eslint-disable max-classes-per-file */\n/* Slide Panel Manager example with panel behavior as \"squish\" */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames/bind';\nimport ActionHeader from 'terra-action-header';\nimport CollapsibleMenuView from 'terra-collapsible-menu-view';\nimport ContentContainer from 'terra-content-container';\nimport {\n availableDisclosureHeights, availableDisclosureWidths, DisclosureManagerHeaderAdapter, DisclosureManagerContext,\n} from 'terra-disclosure-manager';\n\nimport SlidePanelManager from 'terra-slide-panel-manager';\nimport styles from './SlidePanelManager.module.scss';\n\nconst cx = classNames.bind(styles);\n\nclass DisclosureComponent extends React.Component {\n constructor(props) {\n super(props);\n\n this.checkLockState = this.checkLockState.bind(this);\n\n this.state = {\n text: undefined,\n };\n }\n\n componentDidMount() {\n const disclosureManager = this.context;\n\n if (disclosureManager && disclosureManager.registerDismissCheck) {\n disclosureManager.registerDismissCheck(this.checkLockState);\n }\n }\n\n checkLockState() {\n if (this.state.text && this.state.text.length) {\n return new Promise((resolve, reject) => {\n // eslint-disable-next-line no-restricted-globals\n if (!confirm(`${this.props.name} has unsaved changes that will be lost. Do you wish to continue?`)) { // eslint-disable-line no-alert\n reject();\n return;\n }\n\n resolve();\n });\n }\n\n return Promise.resolve();\n }\n\n render() {\n const { name, disclosureType } = this.props;\n const disclosureManager = this.context;\n\n return (\n \n \n {\n this.setState({\n selectedHeaderAction: 'Button 1',\n });\n }}\n />\n {\n this.setState({\n selectedHeaderAction: 'Button 2',\n });\n }}\n />\n \n )}\n />\n
    \n

    {name}

    \n

    The disclosed component can disclose content within the same panel.

    \n

    It can also render a header (like above) that implements the various DisclosureManager control functions.

    \n {\n disclosureManager.dismiss()\n .catch(() => {\n console.log('Dismiss failed. A lock must be in place.'); // eslint-disable-line no-console\n });\n }}\n >\n Dismiss\n \n {\n disclosureManager.disclose({\n preferredType: disclosureType,\n size: 'small',\n content: {\n key: `Nested ${name}`,\n component: ,\n },\n });\n }}\n >\n Disclose Again\n \n
    \n
    \n

    The disclosed component can register a dismiss check function that can interrupt and prevent dismissal. This component will prompt the user if text is detected in the input field below.

    \n {\n this.setState({\n text: event.target.value,\n });\n }}\n value={this.state.text || ''}\n />\n {this.state.text && this.state.text.length ?

    Component has unsaved changes!

    : null}\n
    \n
    \n

    \n Selected Header Action:\n {' '}\n {this.state.selectedHeaderAction}\n

    \n
    \n     \n );\n }\n}\n\nDisclosureComponent.contextType = DisclosureManagerContext;\nDisclosureComponent.propTypes = {\n name: PropTypes.string,\n disclosureType: PropTypes.string,\n};\nDisclosureComponent.defaultProps = {\n name: 'Disclosure Component',\n};\n\nconst HEIGHT_KEYS = Object.keys(availableDisclosureHeights);\nconst WIDTH_KEYS = Object.keys(availableDisclosureWidths);\n\nconst generateDimensionOptions = values => (\n values.map((currentValue, index) => {\n const keyValue = index;\n return ;\n })\n);\n\nclass ContentComponent extends React.Component {\n constructor(props) {\n super(props);\n\n this.renderButton = this.renderButton.bind(this);\n this.handleSelectChange = this.handleSelectChange.bind(this);\n this.getId = this.getId.bind(this);\n\n this.state = { id: 'dimensions', disclosureHeight: HEIGHT_KEYS[0], disclosureWidth: WIDTH_KEYS[0] };\n }\n\n handleSelectChange(event) {\n this.setState({ [event.target.name]: event.target.value });\n }\n\n getId(name) {\n return name + this.state.id;\n }\n\n renderButton(size) {\n const disclosureManager = this.context;\n\n return (\n {\n disclosureManager.disclose({\n preferredType: 'panel',\n size,\n content: {\n key: `Content-Disclosure-${size}`,\n component: ,\n },\n });\n }}\n >\n {`${size.charAt(0).toUpperCase() + size.slice(1)} panel`}\n \n );\n }\n\n renderFormButton() {\n const disclosureManager = this.context;\n\n const name = `Disclose (${this.state.disclosureHeight}) x (${this.state.disclosureWidth})`;\n\n return (\n {\n disclosureManager.disclose({\n preferredType: 'panel',\n dimensions: { height: this.state.disclosureHeight, width: this.state.disclosureWidth },\n content: {\n key: 'Content-Disclosure-Dimensions',\n component: ,\n },\n });\n }}\n >\n {name}\n \n );\n }\n\n renderForm() {\n return (\n
    \n \n \n
    \n
    \n \n \n
    \n
    \n
    \n );\n }\n\n render() {\n return (\n \n )}\n >\n
    \n {this.renderButton('default')}\n {this.renderButton('tiny')}\n {this.renderButton('small')}\n {this.renderButton('medium')}\n {this.renderButton('large')}\n {this.renderButton('huge')}\n {this.renderButton('fullscreen')}\n
    \n

    The child components can disclose content in the panel at various sizes.

    \n

    The sizes available are limited to those of the SlidePanel. The specified size/dimensions will be mapped to the nearest available size.

    \n
    \n
    \n {this.renderForm()}\n {this.renderFormButton()}\n
    \n \n );\n }\n}\n\nContentComponent.contextType = DisclosureManagerContext;\n\nconst SlidePanelManagerExample = () => (\n
    \n \n Disclosure Accessory\n
    \n)}\n >\n \n \n \n);\n\nexport default SlidePanelManagerExample;\n\n")))}_.isMDXComponent=!0;var z=function(e){var n=e.title,t=e.description,l=e.isExpanded;return a.createElement(x.Z,{title:n||"Slide Panel Manager Accessory Example",description:t,example:a.createElement(B.Z,null),exampleCssSrc:a.createElement(D,null),exampleSrc:a.createElement(_,null),isExpanded:l})},R=["components"];function q(){return q=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(l[t]=e[t]);return l}(e,n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(l[t]=e[t])}return l}var L={},F="wrapper";function $(e){var n=e.components,t=V(e,R);return(0,l.mdx)(F,q({},L,t,{components:n,mdxType:"MDXLayout"}),(0,l.mdx)(r.C,{mdxType:"Badge"}),(0,l.mdx)("h1",{id:"terra-slidepanel-manager"},"Terra SlidePanel Manager"),(0,l.mdx)("p",null,"The SlidePanelManager is a DisclosureManager implementation that presents disclosed content using a SlidePanel."),(0,l.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Install with ",(0,l.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("inlineCode",{parentName:"li"},"npm install terra-slide-panel-manager"))))),(0,l.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,l.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,l.mdx)("table",null,(0,l.mdx)("thead",{parentName:"table"},(0,l.mdx)("tr",{parentName:"thead"},(0,l.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,l.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,l.mdx)("tbody",{parentName:"table"},(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"react"),(0,l.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,l.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"terra-disclosure-manager"),(0,l.mdx)("td",{parentName:"tr",align:null},"^4.16.0")))),(0,l.mdx)("h2",{id:"usage"},"Usage"),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import SlidePanelManager, { disclosureType } from 'terra-slide-panel-manager';\n")),(0,l.mdx)("h2",{id:"implementation-requirements"},"Implementation Requirements"),(0,l.mdx)("p",null,"The SlidePanelManager utilizes the DisclosureManager API to manage disclosure requests. The components provided as children to the SlidePanelManager, and the components disclosed within it, must interface with the SlidePanelManager's context using the ",(0,l.mdx)("inlineCode",{parentName:"p"},"withDisclosureManager()")," higher-order component generator provided by the ",(0,l.mdx)("inlineCode",{parentName:"p"},"terra-disclosure-manager")," package. Alternatively, ",(0,l.mdx)("inlineCode",{parentName:"p"},"DisclosureManagerContext")," can be consumed directly using the ",(0,l.mdx)("inlineCode",{parentName:"p"},"useContext")," hook."),(0,l.mdx)("p",null,"The SlidePanelManager responds to ",(0,l.mdx)("inlineCode",{parentName:"p"},'"panel"')," disclosure type requests. Components that wish to disclose content using the SlidePanelManager should provide a preferred type of ",(0,l.mdx)("inlineCode",{parentName:"p"},'"panel"'),". This value is exported from the package as ",(0,l.mdx)("inlineCode",{parentName:"p"},"disclosureType"),". Please see the ",(0,l.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-ui/#/components/terra-disclosure-manager/disclosure-manager/disclosure-manager-api"},"DisclosureManager API documentation")," for a full description of the SlidePanelManager's capabilities."),(0,l.mdx)("h2",{id:"disclosuremanagerheaderadapter-support"},"DisclosureManagerHeaderAdapter Support"),(0,l.mdx)("p",null,"If a component disclosed by the SlidePanelManager renders a ",(0,l.mdx)("inlineCode",{parentName:"p"},"DisclosureManagerHeaderAdapter"),", the SlidePanelManager will render an ActionHeader and provide the standard disclosure navigation controls (close, go back, etc.) within it. The disclosed component can use the ",(0,l.mdx)("inlineCode",{parentName:"p"},"DisclosureManagerHeaderAdapter")," to inject its own title and CollapsibleButtonView into the ActionHeader."),(0,l.mdx)("p",null,"If the disclosed component does ",(0,l.mdx)("strong",{parentName:"p"},"not")," render a ",(0,l.mdx)("inlineCode",{parentName:"p"},"DisclosureManagerHeaderAdapter"),", the SlidePanelManager will ",(0,l.mdx)("strong",{parentName:"p"},"not")," render an ActionHeader itself. In this case, it is assumed that the disclosed component is rendering its own header. The disclosed component is responsible for rendering the appropriate controls to navigate the disclosure stack."),(0,l.mdx)("blockquote",null,(0,l.mdx)("p",{parentName:"blockquote"},"Note: The DisclosureManagerHeaderAdapter is the preferred way to present a header within the SlidePanelManager. In a future major release, the SlidePanelManager will ",(0,l.mdx)("strong",{parentName:"p"},"always")," render the header and navigation controls, regardless of the presence of a DisclosureManagerHeaderAdapter.")),(0,l.mdx)("h2",{id:"disclosure-accessory"},"Disclosure Accessory"),(0,l.mdx)("p",null,"The ",(0,l.mdx)("inlineCode",{parentName:"p"},"disclosureAccessory")," prop allows consumers of the SlidePanelManager to render a static component above the disclosed panel content. The provided component will be rendered below the standard ActionHeader and above the disclosed content. This can be used to easily provide additional context to every disclosed component. This component is provided once to the SlidePanelManager instance, not on a per-disclosure basis, and each component in the disclosure stack will be decorated with the same accessory component."),(0,l.mdx)("h2",{id:"component-features"},"Component Features"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support"))),(0,l.mdx)("h2",{id:"examples"},"Examples"),(0,l.mdx)(T,{title:"Overlay Example",mdxType:"SlidePanelManagerExample"}),(0,l.mdx)(H,{title:"Squish Example",mdxType:"SlidePanelManagerSquishExample"}),(0,l.mdx)(z,{title:"Disclosure Accessory Example",mdxType:"SlidePanelManagerAccessoryExample"}),(0,l.mdx)("h2",{id:"slide-panel-manager-props-table"},"Slide Panel Manager Props Table"),(0,l.mdx)(p,{mdxType:"SlidePanelManagerPropsTable"}))}$.isMDXComponent=!0},20917:function(e,n,t){t.d(n,{C:function(){return r}});var a=t(67294),l=t(22863),r=function(e){var n=e.url;return a.createElement(l.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-slide-panel-manager",name:"terra-slide-panel-manager",version:"5.85.0",url:n})}},45165:function(e,n,t){t.r(n),n.default={"example-wrapper":"SlidePanelManager-module__example-wrapper___49ayC","content-wrapper":"SlidePanelManager-module__content-wrapper___zMofV","disclosure-accessory":"SlidePanelManager-module__disclosure-accessory___QvUfP","form-select":"SlidePanelManager-module__form-select___t6dl0"}}}]); \ No newline at end of file diff --git a/35716-2b9a5f973cba09705422.css b/35716-2b9a5f973cba09705422.css new file mode 100644 index 0000000000..0a9f02ce5f --- /dev/null +++ b/35716-2b9a5f973cba09705422.css @@ -0,0 +1,3 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.Table-module__clinical-lowlight-theme___PqYJ8{--terra-html-table-background-color: #383f42;--terra-html-table-border: 1px solid #585a5c;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: none;--terra-html-table-header-cell-color: #1c1f21;--terra-html-table-header-cell-font-size: 1rem;--terra-html-table-header-cell-font-weight: bold;--terra-html-table-header-cell-border-right: 1px solid #585a5c;--terra-html-table-first-header-cell-border-left: 1px solid #585a5c;--terra-html-table-last-header-cell-border-right: 1px solid #585a5c;--terra-html-table-header-background-color: #909496;--terra-html-table-header-box-shadow: 0 4px 4px -3.5px #1c1f21, inset 0 0 0 1px #585a5c;--terra-html-table-header-row-border-bottom: 1px solid #585a5c;--terra-html-table-header-row-border-top: 1px solid #585a5c;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #b2b5b6;--terra-html-table-cell-font-size: 1rem;--terra-html-table-first-cell-border-left: 1px solid #585a5c;--terra-html-table-last-cell-border-right: 1px solid #585a5c;--terra-html-table-header-cell-standard-padding-bottom: 0.5rem;--terra-html-table-header-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-top: 0.5rem;--terra-html-table-header-cell-compact-padding-bottom: 0.25rem;--terra-html-table-header-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-top: 0.25rem;--terra-html-table-cell-standard-padding-bottom: 0.5rem;--terra-html-table-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-cell-standard-padding-top: 0.5rem;--terra-html-table-cell-compact-padding-bottom: 0.25rem;--terra-html-table-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-cell-compact-padding-top: 0.25rem;--terra-html-table-row-border-top: 1px solid #585a5c;--terra-html-table-last-row-border-bottom: 1px solid #585a5c;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #2d3539}.Table-module__orion-fusion-theme___d9rxf{--terra-html-table-background-color: transparent;--terra-html-table-border: 0;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: transparent;--terra-html-table-header-cell-color: #64696c;--terra-html-table-header-cell-font-size: 0.857142857rem;--terra-html-table-header-cell-font-weight: normal;--terra-html-table-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-first-header-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-background-color: #f4f4f4;--terra-html-table-header-box-shadow: none;--terra-html-table-header-row-border-bottom: 2px solid #64696c;--terra-html-table-header-row-border-top: 1px solid #c8cacb;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #1c1f21;--terra-html-table-cell-font-size: 0.857142857rem;--terra-html-table-first-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-cell-standard-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-top: 0.428571429rem;--terra-html-table-header-cell-compact-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-top: 0.428571429rem;--terra-html-table-cell-standard-padding-bottom: 0.8571428571rem;--terra-html-table-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-cell-standard-padding-top: 0.8571428571rem;--terra-html-table-cell-compact-padding-bottom: 0.8571428571rem;--terra-html-table-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-cell-compact-padding-top: 0.8571428571rem;--terra-html-table-row-border-top: 0;--terra-html-table-last-row-border-bottom: 1px solid #c8cacb;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #f4f4f4}.Table-module__table___eg2Mi{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___eg2Mi{background-color:transparent;background-color:var(--terra-html-table-background-color, transparent);border:0;border:var(--terra-html-table-border, 0);border-radius:0;border-radius:var(--terra-html-table-border-radius, 0)}[dir] .Table-module__table___eg2Mi caption{padding-bottom:.5em}.Table-module__table___eg2Mi tr{display:table-row}[dir] .Table-module__table___eg2Mi tr{margin-bottom:0}.Table-module__table___eg2Mi td,.Table-module__table___eg2Mi th{color:#1c1f21;color:var(--terra-html-table-cell-color, #1c1f21);display:table-cell;font-size:1rem;font-size:var(--terra-html-table-cell-font-size, 1rem);font-weight:normal;vertical-align:top}[dir] .Table-module__table___eg2Mi td, [dir] .Table-module__table___eg2Mi th{border:0}[dir=ltr] .Table-module__table___eg2Mi td, [dir=ltr] .Table-module__table___eg2Mi th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___eg2Mi td, [dir=rtl] .Table-module__table___eg2Mi th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___eg2Mi td:first-child, [dir=ltr] .Table-module__table___eg2Mi th:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:first-child, [dir=rtl] .Table-module__table___eg2Mi th:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi td:last-child, [dir=ltr] .Table-module__table___eg2Mi th:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:last-child, [dir=rtl] .Table-module__table___eg2Mi th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___eg2Mi thead th, [dir] .Table-module__table___eg2Mi thead td{border:0}[dir=ltr] .Table-module__table___eg2Mi thead th, [dir=ltr] .Table-module__table___eg2Mi thead td{border-right:1px solid rgba(200, 202, 203, 0.5);border-right:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:left}[dir=rtl] .Table-module__table___eg2Mi thead th, [dir=rtl] .Table-module__table___eg2Mi thead td{border-left:1px solid rgba(200, 202, 203, 0.5);border-left:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:right}[dir=ltr] .Table-module__table___eg2Mi thead th:first-child, [dir=ltr] .Table-module__table___eg2Mi thead td:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:first-child, [dir=rtl] .Table-module__table___eg2Mi thead td:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi thead th:last-child, [dir=ltr] .Table-module__table___eg2Mi thead td:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:last-child, [dir=rtl] .Table-module__table___eg2Mi thead td:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead{display:table-header-group}[dir] .Table-module__table___eg2Mi thead{background-color:#f1f1f2;background-color:var(--terra-html-table-header-background-color, #f1f1f2);box-shadow:0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5);box-shadow:var(--terra-html-table-header-box-shadow, 0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5))}[dir] .Table-module__table___eg2Mi thead tr{border-bottom:1px solid #b9bbbc;border-bottom:var(--terra-html-table-header-row-border-bottom, 1px solid #b9bbbc);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-header-row-border-top, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{color:#1c1f21;color:var(--terra-html-table-header-cell-color, #1c1f21);font-size:1rem;font-size:var(--terra-html-table-header-cell-font-size, 1rem);font-weight:bold;font-weight:var(--terra-html-table-header-cell-font-weight, bold);vertical-align:bottom}[dir] .Table-module__table___eg2Mi tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___eg2Mi tbody tr{background-color:transparent;background-color:var(--terra-html-table-row-background-color, transparent);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-row-border-top, 1px solid #dedfe0)}[dir] .Table-module__table___eg2Mi tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___eg2Mi tbody tr:last-of-type{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-html-table-last-row-border-bottom, 1px solid #dedfe0)}[dir] .Table-module__padding-standard___BfbC- th{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-header-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-header-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z th{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-header-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-header-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__padding-standard___BfbC- td{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z td{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__striped___n8xJe tbody tr:nth-of-type(even){background-color:#f6f7f8;background-color:var(--terra-html-table-row-striped-background-color, #f6f7f8)}@media print{.Table-module__table___eg2Mi thead{display:table-header-group}.Table-module__table___eg2Mi tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} diff --git a/35716-2b9a5f973cba09705422.js b/35716-2b9a5f973cba09705422.js new file mode 100644 index 0000000000..8be71c90de --- /dev/null +++ b/35716-2b9a5f973cba09705422.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[35716,45627,79482,85565,3353,5161,80858,45865,85355,3193,4845,46647,85161,66097,38681,15318,40411,18101,38443,11264,34319,78996,39915,33442],{22863:function(e,t,n){var r=n(64836);t.Z=void 0;var a=r(n(67294)),l=r(n(45697)),o=r(n(47166)),d=r(n(17422)),i=o.default.bind(d.default),u={name:l.default.string.isRequired,src:l.default.string,url:l.default.string,version:l.default.string.isRequired},m=function(e){var t=e.src,n=e.name,r=e.url,l=e.version,o=a.default.createElement("a",{className:i("badge"),href:r||"https://www.npmjs.org/package/".concat(n,"/v/").concat(l)},a.default.createElement("span",{className:i("badge-name")},r?"package":"npm"),a.default.createElement("span",{className:i("badge-version")},"v".concat(l))),d=t?a.default.createElement("a",{className:i("badge"),href:t},a.default.createElement("span",{className:i("badge-name")},"github"),a.default.createElement("span",{className:i("badge-version")},"source")):void 0;return a.default.createElement("div",{className:i("badge-container")},o,d)};m.propTypes=u;var c=m;t.Z=c},40996:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=u(n(67294)),a=u(n(45697)),l=u(n(47166)),o=u(n(50026)),d=u(n(66983)),i=["children"];function u(e){return e&&e.__esModule?e:{default:e}}function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var s=l.default.bind(d.default),p=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},f=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},_={children:a.default.string},x=function(e){var t=e.children,n=c(e,i),a=r.default.useContext(o.default),d=(0,l.default)(s(["button",a.className]),n.className);return r.default.createElement("button",m({},n,{type:"button",className:d,onBlur:p,onMouseDown:f,"data-focus-styles-enabled":!0}),t)};x.propTypes=_;t.default=x},59278:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=i(n(67294)),a=i(n(45697)),l=i(n(47166)),o=i(n(50026)),d=i(n(30866));function i(e){return e&&e.__esModule?e:{default:e}}var u=l.default.bind(d.default),m={ariaLevel:a.default.oneOf(["2","3","4","5","6"]),children:a.default.node,variant:a.default.oneOf(["ux-recommendation","caution","deprecation","maintenance","important","not-supported"])},c=function(e){var t=e.ariaLevel,n=e.variant,a=e.children,l=r.default.useContext(o.default);return r.default.createElement("div",{className:u("notice",n,l.className)},r.default.createElement("div",{className:u("accessory"),"aria-hidden":"true",focusable:"false"}),r.default.createElement("div",{role:"heading",className:u("title"),"aria-level":t},r.default.createElement("span",null,function(e){return"ux-recommendation"===e?"UX Recommendation":"caution"===e?"Caution":"deprecation"===e?"Deprecation Notice":"maintenance"===e?"In Maintenance":"important"===e?"Important":"not-supported"===e?"Hazards for Incorrect Usage":"error"}(n))),r.default.createElement("div",{className:u("children")},function(e){return"not-supported"===e?r.default.createElement(r.default.Fragment,null,r.default.createElement("p",{className:u("paragraph")},"This component was designed and tested according to the documented implementation."),r.default.createElement("p",{className:u("paragraph")},"Using the component incorrectly:",r.default.createElement("ul",{className:u("list")},r.default.createElement("li",null,"will likely result in improper composition and create accessibility issues"),r.default.createElement("li",null,"may cause erratic or broken behaviors and styles"),r.default.createElement("li",null,r.default.createElement("strong",null,"will not be supported "),"or enhanced to allow for incorrect use")))):null}(n),r.default.Children.map(a,(function(e){return"string"==typeof e?r.default.createElement("p",null,e):e}))))};c.propTypes=m,c.defaultProps={ariaLevel:"2",variant:"important"};t.default=c},47306:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=m(n(67294)),a=m(n(45697)),l=m(n(94184)),o=m(n(47166)),d=m(n(50026)),i=m(n(42620)),u=["title"];function m(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var p=o.default.bind(i.default),f={title:a.default.string},_=function(e){var t=e.title,n=s(e,u),a=r.default.useContext(d.default),o=(0,l.default)(p(["placeholder",a.className]),n.className),i=p(["inner"]);return r.default.createElement("div",c({},n,{className:o}),r.default.createElement("div",{className:i},r.default.createElement("p",{className:p("title")},t)))};_.propTypes=f,_.defaultProps={title:""};t.default=_},34261:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Button",{enumerable:!0,get:function(){return l.default}}),Object.defineProperty(t,"Notice",{enumerable:!0,get:function(){return r.default}}),Object.defineProperty(t,"Placeholder",{enumerable:!0,get:function(){return a.default}});var r=o(n(59278)),a=o(n(47306)),l=o(n(40996));function o(e){return e&&e.__esModule?e:{default:e}}},95357:function(e,t,n){n.r(t),n.d(t,{default:function(){return y}});n(67294);var r=n(81254),a=n(34261),l=n(28255),o=n(78530),d=["components"];function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var m={},c="wrapper";function s(e){var t=e.components,n=u(e,d);return(0,r.mdx)(c,i({},m,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(o.ZP,{mdxType:"PropsTable"},(0,r.mdx)(o.X2,{key:"ROW1",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"children"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,r.mdx)(o.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"List of FolderTree.Items to be displayed as content within the FolderTree."))),(0,r.mdx)(o.X2,{key:"ROW2",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"title"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(o.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The title of the folder tree."))),(0,r.mdx)(o.X2,{key:"ROW3",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"headerLevel"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"number\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"3\n"))),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The heading level for the title of the folder tree.")))))}s.isMDXComponent=!0;n(96872);var p=["components"];function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var x,b=(x="BasicFolderTree",function(e){return console.warn("Component "+x+" was not imported, exported, or provided by MDXProvider as global scope"),(0,r.mdx)("div",e)}),g={},h="wrapper";function y(e){var t=e.components,n=_(e,p);return(0,r.mdx)(h,f({},g,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(l.C,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-foldertree"},"Terra FolderTree"),(0,r.mdx)(a.Notice,{variant:"caution",ariaLevel:"2",mdxType:"Notice"},"Terra Folder Tree is currently under alpha release. There may be breaking changes between releases until it is stable with the 1.0 release."),(0,r.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Install with ",(0,r.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"npm install terra-folder-tree"))))),(0,r.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,r.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,r.mdx)("table",null,(0,r.mdx)("thead",{parentName:"table"},(0,r.mdx)("tr",{parentName:"thead"},(0,r.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,r.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,r.mdx)("tbody",{parentName:"table"},(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react"),(0,r.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,r.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react-intl"),(0,r.mdx)("td",{parentName:"tr",align:null},"^2.8.0")))),(0,r.mdx)("h2",{id:"component-features"},"Component Features"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Internationalization Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#ltr--rtl"},"LTR/RTL Support"))),(0,r.mdx)("h2",{id:"examples"},"Examples"),(0,r.mdx)(b,{mdxType:"BasicFolderTree"}),(0,r.mdx)("h2",{id:"foldertree-props-table"},"FolderTree props table"),(0,r.mdx)(s,{mdxType:"FolderTreePropsTable"}))}y.isMDXComponent=!0},28255:function(e,t,n){n.d(t,{C:function(){return l}});var r=n(67294),a=n(22863),l=function(e){var t=e.url;return r.createElement(a.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-folder-tree",name:"terra-folder-tree",version:"1.0.0-alpha.1",url:t})}},17422:function(e,t,n){n.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},66983:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Button-module__clinical-lowlight-theme___TyZWB","orion-fusion-theme":"Button-module__orion-fusion-theme___q-FcQ",button:"Button-module__button___QuCn2","is-active":"Button-module__is-active___Z8AuK"}},30866:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Notice-module__clinical-lowlight-theme___aa5xV","orion-fusion-theme":"Notice-module__orion-fusion-theme___QAE-T",notice:"Notice-module__notice___GWkPA",children:"Notice-module__children___lDYsm",accessory:"Notice-module__accessory___wkLOG",title:"Notice-module__title___6H5tc","ux-recommendation":"Notice-module__ux-recommendation___N8BuK",caution:"Notice-module__caution___hPrVl",deprecation:"Notice-module__deprecation___g1drA",maintenance:"Notice-module__maintenance___kWLIZ",important:"Notice-module__important___p5DiF","not-supported":"Notice-module__not-supported___34bHd",paragraph:"Notice-module__paragraph___5h-w1",list:"Notice-module__list___M2Kxj"}},42620:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Placeholder-module__clinical-lowlight-theme___Obm9K","orion-fusion-theme":"Placeholder-module__orion-fusion-theme___svHY+",placeholder:"Placeholder-module__placeholder___ZZDXd",inner:"Placeholder-module__inner___fJq9o",title:"Placeholder-module__title___teBSo"}}}]); \ No newline at end of file diff --git a/35794-e81a4f76b40ff5e11fc0.css b/35794-e81a4f76b40ff5e11fc0.css new file mode 100644 index 0000000000..26c57489b7 --- /dev/null +++ b/35794-e81a4f76b40ff5e11fc0.css @@ -0,0 +1,4 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} +.Table-module__clinical-lowlight-theme___PqYJ8{--terra-html-table-background-color: #383f42;--terra-html-table-border: 1px solid #585a5c;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: none;--terra-html-table-header-cell-color: #1c1f21;--terra-html-table-header-cell-font-size: 1rem;--terra-html-table-header-cell-font-weight: bold;--terra-html-table-header-cell-border-right: 1px solid #585a5c;--terra-html-table-first-header-cell-border-left: 1px solid #585a5c;--terra-html-table-last-header-cell-border-right: 1px solid #585a5c;--terra-html-table-header-background-color: #909496;--terra-html-table-header-box-shadow: 0 4px 4px -3.5px #1c1f21, inset 0 0 0 1px #585a5c;--terra-html-table-header-row-border-bottom: 1px solid #585a5c;--terra-html-table-header-row-border-top: 1px solid #585a5c;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #b2b5b6;--terra-html-table-cell-font-size: 1rem;--terra-html-table-first-cell-border-left: 1px solid #585a5c;--terra-html-table-last-cell-border-right: 1px solid #585a5c;--terra-html-table-header-cell-standard-padding-bottom: 0.5rem;--terra-html-table-header-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-top: 0.5rem;--terra-html-table-header-cell-compact-padding-bottom: 0.25rem;--terra-html-table-header-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-top: 0.25rem;--terra-html-table-cell-standard-padding-bottom: 0.5rem;--terra-html-table-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-cell-standard-padding-top: 0.5rem;--terra-html-table-cell-compact-padding-bottom: 0.25rem;--terra-html-table-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-cell-compact-padding-top: 0.25rem;--terra-html-table-row-border-top: 1px solid #585a5c;--terra-html-table-last-row-border-bottom: 1px solid #585a5c;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #2d3539}.Table-module__orion-fusion-theme___d9rxf{--terra-html-table-background-color: transparent;--terra-html-table-border: 0;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: transparent;--terra-html-table-header-cell-color: #64696c;--terra-html-table-header-cell-font-size: 0.857142857rem;--terra-html-table-header-cell-font-weight: normal;--terra-html-table-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-first-header-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-background-color: #f4f4f4;--terra-html-table-header-box-shadow: none;--terra-html-table-header-row-border-bottom: 2px solid #64696c;--terra-html-table-header-row-border-top: 1px solid #c8cacb;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #1c1f21;--terra-html-table-cell-font-size: 0.857142857rem;--terra-html-table-first-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-cell-standard-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-top: 0.428571429rem;--terra-html-table-header-cell-compact-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-top: 0.428571429rem;--terra-html-table-cell-standard-padding-bottom: 0.8571428571rem;--terra-html-table-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-cell-standard-padding-top: 0.8571428571rem;--terra-html-table-cell-compact-padding-bottom: 0.8571428571rem;--terra-html-table-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-cell-compact-padding-top: 0.8571428571rem;--terra-html-table-row-border-top: 0;--terra-html-table-last-row-border-bottom: 1px solid #c8cacb;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #f4f4f4}.Table-module__table___eg2Mi{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___eg2Mi{background-color:transparent;background-color:var(--terra-html-table-background-color, transparent);border:0;border:var(--terra-html-table-border, 0);border-radius:0;border-radius:var(--terra-html-table-border-radius, 0)}[dir] .Table-module__table___eg2Mi caption{padding-bottom:.5em}.Table-module__table___eg2Mi tr{display:table-row}[dir] .Table-module__table___eg2Mi tr{margin-bottom:0}.Table-module__table___eg2Mi td,.Table-module__table___eg2Mi th{color:#1c1f21;color:var(--terra-html-table-cell-color, #1c1f21);display:table-cell;font-size:1rem;font-size:var(--terra-html-table-cell-font-size, 1rem);font-weight:normal;vertical-align:top}[dir] .Table-module__table___eg2Mi td, [dir] .Table-module__table___eg2Mi th{border:0}[dir=ltr] .Table-module__table___eg2Mi td, [dir=ltr] .Table-module__table___eg2Mi th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___eg2Mi td, [dir=rtl] .Table-module__table___eg2Mi th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___eg2Mi td:first-child, [dir=ltr] .Table-module__table___eg2Mi th:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:first-child, [dir=rtl] .Table-module__table___eg2Mi th:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi td:last-child, [dir=ltr] .Table-module__table___eg2Mi th:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:last-child, [dir=rtl] .Table-module__table___eg2Mi th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___eg2Mi thead th, [dir] .Table-module__table___eg2Mi thead td{border:0}[dir=ltr] .Table-module__table___eg2Mi thead th, [dir=ltr] .Table-module__table___eg2Mi thead td{border-right:1px solid rgba(200, 202, 203, 0.5);border-right:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:left}[dir=rtl] .Table-module__table___eg2Mi thead th, [dir=rtl] .Table-module__table___eg2Mi thead td{border-left:1px solid rgba(200, 202, 203, 0.5);border-left:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:right}[dir=ltr] .Table-module__table___eg2Mi thead th:first-child, [dir=ltr] .Table-module__table___eg2Mi thead td:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:first-child, [dir=rtl] .Table-module__table___eg2Mi thead td:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi thead th:last-child, [dir=ltr] .Table-module__table___eg2Mi thead td:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:last-child, [dir=rtl] .Table-module__table___eg2Mi thead td:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead{display:table-header-group}[dir] .Table-module__table___eg2Mi thead{background-color:#f1f1f2;background-color:var(--terra-html-table-header-background-color, #f1f1f2);box-shadow:0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5);box-shadow:var(--terra-html-table-header-box-shadow, 0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5))}[dir] .Table-module__table___eg2Mi thead tr{border-bottom:1px solid #b9bbbc;border-bottom:var(--terra-html-table-header-row-border-bottom, 1px solid #b9bbbc);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-header-row-border-top, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{color:#1c1f21;color:var(--terra-html-table-header-cell-color, #1c1f21);font-size:1rem;font-size:var(--terra-html-table-header-cell-font-size, 1rem);font-weight:bold;font-weight:var(--terra-html-table-header-cell-font-weight, bold);vertical-align:bottom}[dir] .Table-module__table___eg2Mi tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___eg2Mi tbody tr{background-color:transparent;background-color:var(--terra-html-table-row-background-color, transparent);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-row-border-top, 1px solid #dedfe0)}[dir] .Table-module__table___eg2Mi tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___eg2Mi tbody tr:last-of-type{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-html-table-last-row-border-bottom, 1px solid #dedfe0)}[dir] .Table-module__padding-standard___BfbC- th{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-header-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-header-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z th{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-header-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-header-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__padding-standard___BfbC- td{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z td{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__striped___n8xJe tbody tr:nth-of-type(even){background-color:#f6f7f8;background-color:var(--terra-html-table-row-striped-background-color, #f6f7f8)}@media print{.Table-module__table___eg2Mi thead{display:table-header-group}.Table-module__table___eg2Mi tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} diff --git a/35794-e81a4f76b40ff5e11fc0.js b/35794-e81a4f76b40ff5e11fc0.js new file mode 100644 index 0000000000..423da0af0e --- /dev/null +++ b/35794-e81a4f76b40ff5e11fc0.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[35794,45627,37344,33667,96890,79482,85565,3353,5161,80858,14041,45865,16835,85355,3193,4845,27444,17657,46647,16873,85161,66097,38681,15318,40411,18101,33315,38443,11264,34319,78996,39915,33442],{94030:function(e,t,n){function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r,l=(r=n(67294))&&r.__esModule?r:{default:r};function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var m={};function p(e){var t=e.components,n=c(e,i);return(0,r.mdx)("wrapper",u({},m,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport { Facility } from 'terra-avatar';\n\nconst AvatarFacility = () => (\n \n);\n\nexport default AvatarFacility;\n\n")))}p.isMDXComponent=!0;var d=n(49271),s=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(d.Z,{title:t||"Facility",description:n,example:a.createElement(o.Z,null),exampleSrc:a.createElement(p,null),isExpanded:r})},f=n(26360),x=["components"];function y(){return y=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var g={};function b(e){var t=e.components,n=v(e,x);return(0,r.mdx)("wrapper",y({},g,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport { Facility } from 'terra-avatar';\nimport image from '../../assets/200x133.jpg';\n\nconst FacilityImage = () => (\n \n);\n\nexport default FacilityImage;\n\n")))}b.isMDXComponent=!0;var h=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(d.Z,{title:t||"Facility Image",description:n,example:a.createElement(f.Z,null),exampleSrc:a.createElement(b,null),isExpanded:r})},_=n(7210),O=["components"];function E(){return E=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var j={};function N(e){var t=e.components,n=T(e,O);return(0,r.mdx)("wrapper",E({},j,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport { Facility } from 'terra-avatar';\nimport image from '../../assets/200x133.jpg';\n\nconst AvatarSize = () => (\n \n);\n\nexport default AvatarSize;\n\n")))}N.isMDXComponent=!0;var C=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(d.Z,{title:t||"Facility Size",description:n,example:a.createElement(_.Z,null),exampleSrc:a.createElement(N,null),isExpanded:r})},w=n(64010),S=["components"];function P(){return P=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var F={};function R(e){var t=e.components,n=D(e,S);return(0,r.mdx)("wrapper",P({},F,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Facility } from 'terra-avatar';\nimport ColorVariantsWrapper from '../common/ColorVariantsWrapper';\n\nconst propTypes = { color: PropTypes.string };\n\nconst FacilityColorVariants = ({\n ...props\n}) => (\n \n);\n\nFacilityColorVariants.propTypes = propTypes;\nexport default ColorVariantsWrapper(FacilityColorVariants);\n\n")))}R.isMDXComponent=!0;var k=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(d.Z,{title:t||"Facility Color Variants",description:n,example:a.createElement(w.Z,null),exampleSrc:a.createElement(R,null),isExpanded:r})},M=n(78530),V=["components"];function Z(){return Z=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var X={},I="wrapper";function q(e){var t=e.components,n=W(e,V);return(0,r.mdx)(I,Z({},X,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(M.ZP,{mdxType:"PropsTable"},(0,r.mdx)(M.X2,{key:"ROW1",mdxType:"Row"},(0,r.mdx)(M.O,{mdxType:"PropNameCell"},"alt"),(0,r.mdx)(M.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(M.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,r.mdx)(M.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(M.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Specifies the alternative text for the image."))),(0,r.mdx)(M.X2,{key:"ROW2",mdxType:"Row"},(0,r.mdx)(M.O,{mdxType:"PropNameCell"},"color"),(0,r.mdx)(M.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'auto'\n 'neutral'\n 'one'\n 'two'\n 'three'\n 'four'\n 'five'\n 'six'\n 'seven'\n 'eight'\n 'nine'\n 'ten'\n],\n"))),(0,r.mdx)(M.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(M.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"'auto'\n"))),(0,r.mdx)(M.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Sets the background color. Defaults to ",(0,r.mdx)("inlineCode",{parentName:"p"},"auto"),". Accepted color variants are theme specific.\nOne of: ",(0,r.mdx)("inlineCode",{parentName:"p"},"'auto'"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"'neutral'"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"'one'"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"'two'"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"'three'"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"'four'"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"'five'"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"'six'"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"'seven'"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"'eight'"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"'nine'"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"'ten'"),"."))),(0,r.mdx)(M.X2,{key:"ROW3",mdxType:"Row"},(0,r.mdx)(M.O,{mdxType:"PropNameCell"},"hashValue"),(0,r.mdx)(M.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(M.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(M.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(M.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Value used for the hash function when color is set to ",(0,r.mdx)("inlineCode",{parentName:"p"},"auto"),". If not provided, hash function utilizes alt."))),(0,r.mdx)(M.X2,{key:"ROW4",mdxType:"Row"},(0,r.mdx)(M.O,{mdxType:"PropNameCell"},"image"),(0,r.mdx)(M.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(M.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(M.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(M.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The image to display."))),(0,r.mdx)(M.X2,{key:"ROW5",mdxType:"Row"},(0,r.mdx)(M.O,{mdxType:"PropNameCell"},"isAriaHidden"),(0,r.mdx)(M.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(M.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(M.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,r.mdx)(M.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Whether to hide avatar from the accessibility tree."))),(0,r.mdx)(M.X2,{key:"ROW6",mdxType:"Row"},(0,r.mdx)(M.O,{mdxType:"PropNameCell"},"size"),(0,r.mdx)(M.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(M.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(M.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(M.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Overrides the default size.")))))}q.isMDXComponent=!0;var B=["components"];function z(){return z=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var L={},G="wrapper";function K(e){var t=e.components,n=A(e,B);return(0,r.mdx)(G,z({},L,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(l.C,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"facility"},"Facility"),(0,r.mdx)("p",null,"The ",(0,r.mdx)("inlineCode",{parentName:"p"},"Facility")," variant represents a location - it displays an image in a circular frame. If an image is not provided, a fallback facility icon displays."),(0,r.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Install with ",(0,r.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"npm install terra-avatar"))))),(0,r.mdx)("h2",{id:"usage"},"Usage"),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport { Facility } from 'terra-avatar';\n\n\n")),(0,r.mdx)("h2",{id:"component-features"},"Component Features"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support"))),(0,r.mdx)("h2",{id:"examples"},"Examples"),(0,r.mdx)(s,{title:"Default - Fallback Icon",mdxType:"Facility"}),(0,r.mdx)(h,{title:"Image",mdxType:"FacilityImage"}),(0,r.mdx)(C,{title:"Override Size",mdxType:"FacilitySize"}),(0,r.mdx)(k,{title:"Toggle Color Variants - Theme Specific",mdxType:"FacilityColorVariants"}),(0,r.mdx)("h2",{id:"facility-props"},"Facility Props"),(0,r.mdx)(q,{mdxType:"FacilityPropsTable"}))}K.isMDXComponent=!0},15985:function(e,t,n){n.d(t,{C:function(){return l}});var a=n(67294),r=n(22863),l=function(e){var t=e.url;return a.createElement(r.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-avatar",name:"terra-avatar",version:"3.18.0",url:t})}},5962:function(e,t,n){n.r(t),t.default=n.p+"c7dacdd605e4b7ff1c7c32b00b2aa856.jpg"},17422:function(e,t,n){n.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},53560:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},33864:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=l(n(67294)),r=l(n(99139));function l(e){return e&&e.__esModule?e:{default:e}}function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(d[n]=e[n]);return d}(e,a);if(Object.getOwnPropertySymbols){var m=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(d[n]=e[n])}return d}var t={},u="wrapper";function p(e){var a=e.components,n=i(e,m);return(0,l.mdx)(u,r({},t,n,{components:a,mdxType:"MDXLayout"}),(0,l.mdx)("h1",{id:"changelog"},"Changelog"),(0,l.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,l.mdx)("h2",{id:"2870---november-13-2023"},"2.87.0 - (November 13, 2023)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"2860---november-2-2023"},"2.86.0 - (November 2, 2023)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"2850---october-23-2023"},"2.85.0 - (October 23, 2023)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"2840---october-3-2023"},"2.84.0 - (October 3, 2023)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"2830---august-25-2023"},"2.83.0 - (August 25, 2023)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"2820---august-11-2023"},"2.82.0 - (August 11, 2023)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"2810---august-11-2023"},"2.81.0 - (August 11, 2023)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"2800---august-8-2023"},"2.80.0 - (August 8, 2023)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"2790---august-1-2023"},"2.79.0 - (August 1, 2023)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"2780---march-1-2023"},"2.78.0 - (March 1, 2023)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Added"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Added ",(0,l.mdx)("inlineCode",{parentName:"li"},"text")," prop as a replacement of ",(0,l.mdx)("inlineCode",{parentName:"li"},"title")," prop to avoid confusion with HTML attribute ",(0,l.mdx)("inlineCode",{parentName:"li"},"title"),"."),(0,l.mdx)("li",{parentName:"ul"},"Added Ally labels for action header navigation buttons."),(0,l.mdx)("li",{parentName:"ul"},"Added translations for back, next and previous button."))),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Changed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Updated jest snapshots for button changes.")))),(0,l.mdx)("h2",{id:"2770---february-16-2023"},"2.77.0 - (February 16, 2023)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"2760---february-15-2023"},"2.76.0 - (February 15, 2023)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Updated wdio screenshots due to functional-testing upgrade."),(0,l.mdx)("li",{parentName:"ul"},"Updated jest snapshots for icon button changes.")))),(0,l.mdx)("h2",{id:"2750---december-7-2022"},"2.75.0 - (December 7, 2022)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"2743---july-5-2022"},"2.74.3 - (July 5, 2022)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"2742---february-24-2022"},"2.74.2 - (February 24, 2022)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"2741---february-15-2022"},"2.74.1 - (February 15, 2022)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"2740---december-14-2021"},"2.74.0 - (December 14, 2021)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Fixed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Added styles to ActionHeader to better support long non-breaking titles")))),(0,l.mdx)("h2",{id:"2730---november-2-2021"},"2.73.0 - (November 2, 2021)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"2720---september-21-2021"},"2.72.0 - (September 21, 2021)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Updated WDIO screenshots due to webpack-config-terra sass upgrade.")))),(0,l.mdx)("h2",{id:"2710---august-25-2021"},"2.71.0 - (August 25, 2021)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Updated WDIO snapshots due to terra-functional-testing v2 upgrade.")))),(0,l.mdx)("h2",{id:"2700---july-6-2021"},"2.70.0 - (July 6, 2021)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Update test urls to account for scoped packages.")))),(0,l.mdx)("h2",{id:"2690---june-22-2021"},"2.69.0 - (June 22, 2021)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"2680---june-8-2021"},"2.68.0 - (June 8, 2021)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"2670---may-4-2021"},"2.67.0 - (May 4, 2021)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"migrate doc to terra-core-docs"),(0,l.mdx)("li",{parentName:"ul"},"remove unnecessary dependencies")))),(0,l.mdx)("h2",{id:"2660---april-13-2021"},"2.66.0 - (April 13, 2021)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"2650---april-6-2021"},"2.65.0 - (April 6, 2021)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Upgrade tests to terra-functional-testing and WebDriverIO v6"),(0,l.mdx)("li",{parentName:"ul"},"Removed unnecessary ",(0,l.mdx)("inlineCode",{parentName:"li"},"wdio.conf.js")," file"),(0,l.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,l.mdx)("h2",{id:"2640---march-2-2021"},"2.64.0 - (March 2, 2021)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"2630---february-2-2021"},"2.63.0 - (February 2, 2021)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"2620---january-5-2021"},"2.62.0 - (January 5, 2021)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Changed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Updated to be compatible with ",(0,l.mdx)("inlineCode",{parentName:"li"},"react-intl")," v2-v5"),(0,l.mdx)("li",{parentName:"ul"},"Removed usage of ",(0,l.mdx)("inlineCode",{parentName:"li"},"FormattedMessage")," in favor of ",(0,l.mdx)("inlineCode",{parentName:"li"},"injectIntl")))),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Fixed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation.")))),(0,l.mdx)("h2",{id:"2610---december-8-2020"},"2.61.0 - (December 8, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"2600---november-17-2020"},"2.60.0 - (November 17, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,l.mdx)("h2",{id:"2590---november-10-2020"},"2.59.0 - (November 10, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"2580---october-27-2020"},"2.58.0 - (October 27, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"2570---october-13-2020"},"2.57.0 - (October 13, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Replaced references to terra-doc-template with terra-docs")))),(0,l.mdx)("h2",{id:"2560---august-18-2020"},"2.56.0 - (August 18, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"2550---august-6-2020"},"2.55.0 - (August 6, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"2540---august-4-2020"},"2.54.0 - (August 4, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"2530---july-29-2020"},"2.53.0 - (July 29, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Update changelog formatting")))),(0,l.mdx)("h2",{id:"2520---july-7-2020"},"2.52.0 - (July 7, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"updated ",(0,l.mdx)("inlineCode",{parentName:"li"},"master")," references to ",(0,l.mdx)("inlineCode",{parentName:"li"},"main"),".")))),(0,l.mdx)("h2",{id:"2510---june-13-2020"},"2.51.0 - (June 13, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Removed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Removed unused variables and themes folder.")))),(0,l.mdx)("h2",{id:"2500---june-11-2020"},"2.50.0 - (June 11, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"2490---june-9-2020"},"2.49.0 - (June 9, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config")))),(0,l.mdx)("h2",{id:"2480---june-2-2020"},"2.48.0 - (June 2, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"2470---may-19-2020"},"2.47.0 - (May 19, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"2460---may-5-2020"},"2.46.0 - (May 5, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"2450---april-28-2020"},"2.45.0 - (April 28, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge'))),(0,l.mdx)("li",{parentName:"ul"},"Added",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,l.mdx)("h2",{id:"2440---april-22-2020"},"2.44.0 - (April 22, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"2430---april-22-2020"},"2.43.0 - (April 22, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Changes"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Updated docs for documentation link and usage section"),(0,l.mdx)("li",{parentName:"ul"},"Removed extra lines from README"),(0,l.mdx)("li",{parentName:"ul"},"Updated to consumer terra-theme-context"))),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Fixed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Fix bottom border style in orion-fusion theme"),(0,l.mdx)("li",{parentName:"ul"},"Fix flex-end style in orion-fusion theme")))),(0,l.mdx)("h2",{id:"2420---march-31-2020"},"2.42.0 - (March 31, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"2410---march-17-2020"},"2.41.0 - (March 17, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Update docs to fix broken links.")))),(0,l.mdx)("h2",{id:"2400---march-10-2020"},"2.40.0 - (March 10, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"2390---march-3-2020"},"2.39.0 - (March 3, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Added",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Added data attribute on the header buttons to use as selectors in tests.")))),(0,l.mdx)("h2",{id:"2380---february-25-2020"},"2.38.0 - (February 25, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Changed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Changed buttons' variant to ",(0,l.mdx)("inlineCode",{parentName:"li"},"Utility"),"."))),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Removed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Removed dependency on ",(0,l.mdx)("inlineCode",{parentName:"li"},"terra-button-group"),".")))),(0,l.mdx)("h2",{id:"2370---february-18-2020"},"2.37.0 - (February 18, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Added",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme theming files")))),(0,l.mdx)("h2",{id:"2360---february-4-2020"},"2.36.0 - (February 4, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Updated docs for ",(0,l.mdx)("inlineCode",{parentName:"li"},"level")," prop.")))),(0,l.mdx)("h2",{id:"2350---january-28-2020"},"2.35.0 - (January 28, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Updated docs to use mdx syntax")))),(0,l.mdx)("h2",{id:"2340---january-7-2020"},"2.34.0 - (January 7, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"2330---december-10-2019"},"2.33.0 - (December 10, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"2320---december-3-2019"},"2.32.0 - (December 3, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Added",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Added orion-fusion-theme and generated the respective reference wdio screenshots.")))),(0,l.mdx)("h2",{id:"2310---october-30-2019"},"2.31.0 - (October 30, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Changed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Updated ",(0,l.mdx)("inlineCode",{parentName:"li"},"--terra-action-header-icon-top")," variable and added ",(0,l.mdx)("inlineCode",{parentName:"li"},"vertical-align")," to align inline svg ."))),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Fixed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Fixed lint warnings for multiple empty lines")))),(0,l.mdx)("h2",{id:"2300---october-3-2019"},"2.30.0 - (October 3, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"2290---september-19-2019"},"2.29.0 - (September 19, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Changed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Removed ",(0,l.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site."))),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Added"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Added en-CA translations.")))),(0,l.mdx)("h2",{id:"2280---september-6-2019"},"2.28.0 - (September 6, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Added",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Props table markdown file import added to doc site page")))),(0,l.mdx)("h2",{id:"2270---september-3-2019"},"2.27.0 - (September 3, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"2260---august-21-2019"},"2.26.0 - (August 21, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Import for package version from package.json added to doc page"),(0,l.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files")))),(0,l.mdx)("h2",{id:"2250---august-14-2019"},"2.25.0 - (August 14, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Components updated to use ",(0,l.mdx)("inlineCode",{parentName:"li"},"FormattedMessage")," to interface with ",(0,l.mdx)("inlineCode",{parentName:"li"},"react-intl's")," ",(0,l.mdx)("inlineCode",{parentName:"li"},"intl")," context."),(0,l.mdx)("li",{parentName:"ul"},"updated package.json test scripts")))),(0,l.mdx)("h2",{id:"2240---july-30-2019"},"2.24.0 - (July 30, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"2230---july-24-2019"},"2.23.0 - (July 24, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Added",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Added documentation that maximize/minimize buttons will not be shown with the back button")))),(0,l.mdx)("h2",{id:"2220---july-17-2019"},"2.22.0 - (July 17, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Revert components updated to use ",(0,l.mdx)("inlineCode",{parentName:"li"},"injectIntl")," to interface with ",(0,l.mdx)("inlineCode",{parentName:"li"},"react-intl's")," ",(0,l.mdx)("inlineCode",{parentName:"li"},"intl")," context.")))),(0,l.mdx)("h2",{id:"2210---july-17-2019"},"2.21.0 - (July 17, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Components updated to use ",(0,l.mdx)("inlineCode",{parentName:"li"},"injectIntl")," to interface with ",(0,l.mdx)("inlineCode",{parentName:"li"},"react-intl's")," ",(0,l.mdx)("inlineCode",{parentName:"li"},"intl")," context.")))),(0,l.mdx)("h2",{id:"2200---july-16-2019"},"2.20.0 - (July 16, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Added",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies")))),(0,l.mdx)("h2",{id:"2190----july-11-2019"},"2.19.0 - (July 11, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Updated Docs around the requirement of terra-base and aggregate-translations.")))),(0,l.mdx)("h2",{id:"2180---july-9-2019"},"2.18.0 - (July 9, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Update tests to use ",(0,l.mdx)("inlineCode",{parentName:"li"},"Terra.describeViewports")," for setting viewports")))),(0,l.mdx)("h2",{id:"2170---june-28-2019"},"2.17.0 - (June 28, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Added"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Added ",(0,l.mdx)("inlineCode",{parentName:"li"},"--terra-action-header-back-background-image")," variable in ActionHeader.module.scss"),(0,l.mdx)("li",{parentName:"ul"},"Added ",(0,l.mdx)("inlineCode",{parentName:"li"},"--terra-action-header-close-background-image")," variable in ActionHeader.module.scss"),(0,l.mdx)("li",{parentName:"ul"},"Added ",(0,l.mdx)("inlineCode",{parentName:"li"},"--terra-action-header-maximize-background-image")," variable in ActionHeader.module.scss"),(0,l.mdx)("li",{parentName:"ul"},"Added ",(0,l.mdx)("inlineCode",{parentName:"li"},"--terra-action-header-minimize-background-image")," variable in ActionHeader.module.scss"),(0,l.mdx)("li",{parentName:"ul"},"Added ",(0,l.mdx)("inlineCode",{parentName:"li"},"--terra-action-header-previous-background-image")," variable in ActionHeader.module.scss"),(0,l.mdx)("li",{parentName:"ul"},"Added ",(0,l.mdx)("inlineCode",{parentName:"li"},"--terra-action-header-next-background-image")," variable in ActionHeader.module.scss"))),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Removed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Removed ",(0,l.mdx)("inlineCode",{parentName:"li"},"--terra-action-header-back-background")," variable in ActionHeader.module.scss"),(0,l.mdx)("li",{parentName:"ul"},"Removed ",(0,l.mdx)("inlineCode",{parentName:"li"},"--terra-action-header-close-background")," variable in ActionHeader.module.scss"),(0,l.mdx)("li",{parentName:"ul"},"Removed ",(0,l.mdx)("inlineCode",{parentName:"li"},"--terra-action-header-maximize-background")," variable in ActionHeader.module.scss"),(0,l.mdx)("li",{parentName:"ul"},"Removed ",(0,l.mdx)("inlineCode",{parentName:"li"},"--terra-action-header-minimize-background")," variable in ActionHeader.module.scss"),(0,l.mdx)("li",{parentName:"ul"},"Removed ",(0,l.mdx)("inlineCode",{parentName:"li"},"--terra-action-header-previous-background")," variable in ActionHeader.module.scss"),(0,l.mdx)("li",{parentName:"ul"},"Removed ",(0,l.mdx)("inlineCode",{parentName:"li"},"--terra-action-header-next-background")," variable in ActionHeader.module.scss")))),(0,l.mdx)("h2",{id:"2160---june-18-2019"},"2.16.0 - (June 18, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency bump")))),(0,l.mdx)("h2",{id:"2151---june-12-2019"},"2.15.1 - (June 12, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Changed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Removed all inline styles from Dev-site components and implemented the same styles using external css."))),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Changed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Reverted change to adjust header-icon top styling")))),(0,l.mdx)("h2",{id:"2150---june-11-2019"},"2.15.0 - (June 11, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Removed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore"))),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Changed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Updated misleading ",(0,l.mdx)("inlineCode",{parentName:"li"},"children")," documentation"),(0,l.mdx)("li",{parentName:"ul"},"Made required updates to consume terra-toolkit v5 and terra-dev-site v5"),(0,l.mdx)("li",{parentName:"ul"},"Adjusted header-icon top styling")))),(0,l.mdx)("h2",{id:"2140---may-22-2019"},"2.14.0 - (May 22, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Now renders ",(0,l.mdx)("inlineCode",{parentName:"li"},"")," as a div instead of a header element to avoid duplicate banner landmarks in the DOM")))),(0,l.mdx)("h2",{id:"2130---may-1-2019"},"2.13.0 - (May 1, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Changed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Fixed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Removed 100% heights from container of action header")))),(0,l.mdx)("h2",{id:"2120---april-16-2019"},"2.12.0 - (April 16, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"2110---april-9-2019"},"2.11.0 - (April 9, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"2100---april-2-2019"},"2.10.0 - (April 2, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"290---march-26-2019"},"2.9.0 - (March 26, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Changed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Removed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,l.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,l.mdx)("h2",{id:"280---march-21-2019"},"2.8.0 - (March 21, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Update Jest tests to use terra-enzyme-intl")))),(0,l.mdx)("h2",{id:"270---february-26-2019"},"2.7.0 - (February 26, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Changed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Added"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Added en-AU translations")))),(0,l.mdx)("h2",{id:"260---february-12-2019"},"2.6.0 - (February 12, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,l.mdx)("li",{parentName:"ul"},"Remove the collapsible menu view from the example")))),(0,l.mdx)("h2",{id:"250---february-5-2019"},"2.5.0 - (February 5, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"240---january-27-2019"},"2.4.0 - (January 27, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"230---january-26-2019"},"2.3.0 - (January 26, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"220---january-22-2019"},"2.2.0 - (January 22, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"210---january-22-2019"},"2.1.0 - (January 22, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"200---january-8-2019"},"2.0.0 - (January 8, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Updated theme variables")))),(0,l.mdx)("h2",{id:"1330---january-2-2019"},"1.33.0 - (January 2, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"1321---november-20-2018"},"1.32.1 - (November 20, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,l.mdx)("h2",{id:"1320---november-19-2018"},"1.32.0 - (November 19, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"1310---november-14-2018"},"1.31.0 - (November 14, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"1300---november-13-2018"},"1.30.0 - (November 13, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"1290---november-9-2018"},"1.29.0 - (November 9, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"1280---october-30-2018"},"1.28.0 - (October 30, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Update mixin import to be more explicit")))),(0,l.mdx)("h2",{id:"1270---october-24-2018"},"1.27.0 - (October 24, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Changed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Fixed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Fixed text wrapping to break on whole word instead of part of the word.")))),(0,l.mdx)("h2",{id:"1260---october-16-2018"},"1.26.0 - (October 16, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"1250---october-8-2018"},"1.25.0 - (October 8, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"1240---october-2-2018"},"1.24.0 - (October 2, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"1230---september-25-2018"},"1.23.0 - (September 25, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"1221---september-6-2018"},"1.22.1 - (September 6, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,l.mdx)("h2",{id:"1220---september-5-2018"},"1.22.0 - (September 5, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,l.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,l.mdx)("h2",{id:"1210---september-4-2018"},"1.21.0 - (September 4, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"1200---august-30-2018"},"1.20.0 - (August 30, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"1190---august-29-2018"},"1.19.0 - (August 29, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"1180---august-21-2018"},"1.18.0 - (August 21, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"1170---august-8-2018"},"1.17.0 - (August 8, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Updated component internationalization error message")))),(0,l.mdx)("h2",{id:"1160---august-1-2018"},"1.16.0 - (August 1, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,l.mdx)("li",{parentName:"ul"},"Disable the next-previous button group button if its associating prop is not set.")))),(0,l.mdx)("h2",{id:"1150---july-25-2018"},"1.15.0 - (July 25, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Added",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Add sv and sv-SE translations")))),(0,l.mdx)("h2",{id:"1140---july-19-2018"},"1.14.0 - (July 19, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Add .module extension to SCSS file(s)")))),(0,l.mdx)("h2",{id:"1130---july-17-2018"},"1.13.0 - (July 17, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,l.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v4 update")))),(0,l.mdx)("h2",{id:"1120---july-10-2018"},"1.12.0 - (July 10, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"1110---july-3-2018"},"1.11.0 - (July 3, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"1100---june-28-2018"},"1.10.0 - (June 28, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Changed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Added"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Added change log to the documentation on terra-dev-site")))),(0,l.mdx)("h2",{id:"190---june-22-2018"},"1.9.0 - (June 22, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Moved terra-base from dependency to peerDependency")))),(0,l.mdx)("h2",{id:"180---june-19-2018"},"1.8.0 - (June 19, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"170---june-12-2018"},"1.7.0 - (June 12, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},'Updated "test:jest" script to work on windows.')))),(0,l.mdx)("h2",{id:"160---may-30-2018"},"1.6.0 - (May 30, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Updated structure to match terra-dev-site 1.0 and moved doc examples internal.")))),(0,l.mdx)("h2",{id:"150---may-23-2018"},"1.5.0 - (May 23, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"140---may-16-2018"},"1.4.0 - (May 16, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Changed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Fixed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Alignment bug with missing start content and title, when using an end aligned item.")))),(0,l.mdx)("h2",{id:"130---may-9-2018"},"1.3.0 - (May 9, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"120---may-2-2018"},"1.2.0 - (May 2, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"110---april-20-2018"},"1.1.0 - (April 20, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"100---april-15-2018"},"1.0.0 - (April 15, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Initial stable release")))}p.isMDXComponent=!0;var x=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(d[n]=e[n]);return d}(e,a);if(Object.getOwnPropertySymbols){var m=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(d[n]=e[n])}return d}var s={},c="wrapper";function h(e){var a=e.components,n=N(e,x);return(0,l.mdx)(c,o({},s,n,{components:a,mdxType:"MDXLayout"}),(0,l.mdx)(d.C,{mdxType:"Badge"}),(0,l.mdx)(p,{mdxType:"ChangeLog"}))}h.isMDXComponent=!0},70683:function(e,a,n){n.d(a,{C:function(){return m}});var l=n(67294),d=n(22863),m=function(e){var a=e.url;return l.createElement(d.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-action-header",name:"terra-action-header",version:"2.87.0",url:a})}},17422:function(e,a,n){n.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/36544-76266812e004d5ac1442.js b/36544-76266812e004d5ac1442.js new file mode 100644 index 0000000000..6145240fa0 --- /dev/null +++ b/36544-76266812e004d5ac1442.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[36544],{5607:function(e,t,l){t.Z=void 0;var n=d(l(67294)),a=d(l(30555)),r=d(l(47166)),o=d(l(48824));function d(e){return e&&e.__esModule?e:{default:e}}var m=r.default.bind(o.default);t.Z=function(){return n.default.createElement(a.default,{placeholder:"Select a color",allowClear:!0,className:m("form-select")},n.default.createElement(a.default.Option,{value:"blue",display:"Blue"}),n.default.createElement(a.default.Option,{value:"green",display:"Green"}),n.default.createElement(a.default.Option,{value:"purple",display:"Purple"}),n.default.createElement(a.default.Option,{value:"red",display:"Red"}),n.default.createElement(a.default.Option,{value:"violet",display:"Violet"}))}},34549:function(e,t,l){t.Z=void 0;var n=d(l(67294)),a=d(l(30555)),r=d(l(47166)),o=d(l(48824));function d(e){return e&&e.__esModule?e:{default:e}}var m=r.default.bind(o.default);t.Z=function(){return n.default.createElement(a.default,{placeholder:"Select a color",className:m("form-select")},n.default.createElement(a.default.Option,{value:"blue",display:"Blue"}),n.default.createElement(a.default.Option,{value:"green",display:"Green"}),n.default.createElement(a.default.Option,{value:"purple",display:"Purple"}),n.default.createElement(a.default.Option,{value:"red",display:"Red"}),n.default.createElement(a.default.Option,{value:"violet",display:"Violet"}))}},51058:function(e,t,l){function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}t.Z=void 0;var a=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=n(e)&&"function"!=typeof e)return{default:e};var l=p(t);if(l&&l.has(e))return l.get(e);var a={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var d=r?Object.getOwnPropertyDescriptor(e,o):null;d&&(d.get||d.set)?Object.defineProperty(a,o,d):a[o]=e[o]}return a.default=e,l&&l.set(e,a),a}(l(67294)),r=m(l(30555)),o=m(l(47166)),d=m(l(48824));function m(e){return e&&e.__esModule?e:{default:e}}function p(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,l=new WeakMap;return(p=function(e){return e?l:t})(e)}function i(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var l=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=l){var n,a,r,o,d=[],m=!0,p=!1;try{if(r=(l=l.call(e)).next,0===t){if(Object(l)!==l)return;m=!1}else for(;!(m=(n=r.call(l)).done)&&(d.push(n.value),d.length!==t);m=!0);}catch(e){p=!0,a=e}finally{try{if(!m&&null!=l.return&&(o=l.return(),Object(o)!==o))return}finally{if(p)throw a}}return d}}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return u(e,t);var l=Object.prototype.toString.call(e).slice(8,-1);"Object"===l&&e.constructor&&(l=e.constructor.name);if("Map"===l||"Set"===l)return Array.from(e);if("Arguments"===l||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(l))return u(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function u(e,t){(null==t||t>e.length)&&(t=e.length);for(var l=0,n=new Array(t);l=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var i={};function u(e){var t=e.components,l=p(e,d);return(0,a.mdx)("wrapper",m({},i,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport Combobox from \'terra-form-select/lib/Combobox\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst AllowClearExample = () => (\n \n \n \n \n \n \n \n);\n\nexport default AllowClearExample;\n\n')))}u.isMDXComponent=!0;var s=l(49271),c=l(15305),x=function(e){var t=e.title,l=e.description,a=e.isExpanded;return n.createElement(s.Z,{title:t||"Allow Clear",description:l,example:n.createElement(o.Z,null),exampleCssSrc:n.createElement(c.Z,null),exampleSrc:n.createElement(u,null),isExpanded:a})},f=l(51058),y=["components"];function b(){return b=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var O={};function g(e){var t=e.components,l=v(e,y);return(0,a.mdx)("wrapper",b({},O,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React, { useState } from \'react\';\nimport Combobox from \'terra-form-select/lib/Combobox\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst ControlledExample = () => {\n const [value, setValue] = useState(\'blue\');\n\n return (\n \n \n \n \n \n \n \n );\n};\n\nexport default ControlledExample;\n\n')))}g.isMDXComponent=!0;var C=function(e){var t=e.title,l=e.description,a=e.isExpanded;return n.createElement(s.Z,{title:t||"Controlled",description:l,example:n.createElement(f.Z,null),exampleCssSrc:n.createElement(c.Z,null),exampleSrc:n.createElement(g,null),isExpanded:a})},h=l(34549),T=["components"];function N(){return N=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var j={};function w(e){var t=e.components,l=E(e,T);return(0,a.mdx)("wrapper",N({},j,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport Combobox from \'terra-form-select/lib/Combobox\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst ComboboxExample = () => (\n \n \n \n \n \n \n \n);\n\nexport default ComboboxExample;\n\n')))}w.isMDXComponent=!0;var _=function(e){var t=e.title,l=e.description,a=e.isExpanded;return n.createElement(s.Z,{title:t||"Combobox",description:l,example:n.createElement(h.Z,null),exampleCssSrc:n.createElement(c.Z,null),exampleSrc:n.createElement(w,null),isExpanded:a})},S=l(27168),R=["components"];function D(){return D=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var k={};function W(e){var t=e.components,l=P(e,R);return(0,a.mdx)("wrapper",D({},k,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport Combobox from \'terra-form-select/lib/Combobox\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst DisabledExample = () => (\n \n \n \n \n \n \n \n);\n\nexport default DisabledExample;\n\n')))}W.isMDXComponent=!0;var M=function(e){var t=e.title,l=e.description,a=e.isExpanded;return n.createElement(s.Z,{title:t||"Disabled",description:l,example:n.createElement(S.Z,null),exampleCssSrc:n.createElement(c.Z,null),exampleSrc:n.createElement(W,null),isExpanded:a})},q=l(67786),Z=["components"];function X(){return X=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var I={};function G(e){var t=e.components,l=V(e,Z);return(0,a.mdx)("wrapper",X({},I,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport Combobox from \'terra-form-select/lib/Combobox\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst IsTouchAccessibleExample = () => (\n \n \n \n \n \n \n \n);\n\nexport default IsTouchAccessibleExample;\n\n')))}G.isMDXComponent=!0;var A=function(e){var t=e.title,l=e.description,a=e.isExpanded;return n.createElement(s.Z,{title:t||"Is Touch Accessible",description:l,example:n.createElement(q.Z,null),exampleCssSrc:n.createElement(c.Z,null),exampleSrc:n.createElement(G,null),isExpanded:a})},B=l(30759),F=["components"];function L(){return L=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var H={};function K(e){var t=e.components,l=z(e,F);return(0,a.mdx)("wrapper",L({},H,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport Combobox from \'terra-form-select/lib/Combobox\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst InvalidExample = () => (\n \n \n \n \n \n \n \n);\n\nexport default InvalidExample;\n\n')))}K.isMDXComponent=!0;var Y=function(e){var t=e.title,l=e.description,a=e.isExpanded;return n.createElement(s.Z,{title:t||"Invalid",description:l,example:n.createElement(B.Z,null),exampleCssSrc:n.createElement(c.Z,null),exampleSrc:n.createElement(K,null),isExpanded:a})},U=l(37050),Q=["components"];function J(){return J=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var ee={};function te(e){var t=e.components,l=$(e,Q);return(0,a.mdx)("wrapper",J({},ee,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport Combobox from \'terra-form-select/lib/Combobox\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst IncompleteExample = () => (\n \n \n \n \n \n \n \n);\n\nexport default IncompleteExample;\n\n')))}te.isMDXComponent=!0;var le=function(e){var t=e.title,l=e.description,a=e.isExpanded;return n.createElement(s.Z,{title:t||"Incomplete",description:l,example:n.createElement(U.Z,null),exampleCssSrc:n.createElement(c.Z,null),exampleSrc:n.createElement(te,null),isExpanded:a})},ne=l(68117),ae=["components"];function re(){return re=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var de={};function me(e){var t=e.components,l=oe(e,ae);return(0,a.mdx)("wrapper",re({},de,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport Combobox from \'terra-form-select/lib/Combobox\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst MaxHeightExample = () => (\n \n \n \n \n \n \n \n \n \n \n \n);\n\nexport default MaxHeightExample;\n\n')))}me.isMDXComponent=!0;var pe=function(e){var t=e.title,l=e.description,a=e.isExpanded;return n.createElement(s.Z,{title:t||"Max Height",description:l,example:n.createElement(ne.Z,null),exampleCssSrc:n.createElement(c.Z,null),exampleSrc:n.createElement(me,null),isExpanded:a})},ie=l(93871),ue=["components"];function se(){return se=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var xe={};function fe(e){var t=e.components,l=ce(e,ue);return(0,a.mdx)("wrapper",se({},xe,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport Combobox from \'terra-form-select/lib/Combobox\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst OptGroupExample = () => (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n);\n\nexport default OptGroupExample;\n\n')))}fe.isMDXComponent=!0;var ye=function(e){var t=e.title,l=e.description,a=e.isExpanded;return n.createElement(s.Z,{title:t||"Opt Group",description:l,example:n.createElement(ie.Z,null),exampleCssSrc:n.createElement(c.Z,null),exampleSrc:n.createElement(fe,null),isExpanded:a})},be=l(78530),ve=["components"];function Oe(){return Oe=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var Ce={},he="wrapper";function Te(e){var t=e.components,l=ge(e,ve);return(0,a.mdx)(he,Oe({},Ce,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(be.ZP,{mdxType:"PropsTable"},(0,a.mdx)(be.X2,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(be.O,{mdxType:"PropNameCell"},"allowClear"),(0,a.mdx)(be.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(be.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(be.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(be.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether a clear option is available to clear the selection, will use placeholder text if provided."))),(0,a.mdx)(be.X2,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(be.O,{mdxType:"PropNameCell"},"children"),(0,a.mdx)(be.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,a.mdx)(be.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(be.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(be.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The dropdown menu options."))),(0,a.mdx)(be.X2,{key:"ROW3",mdxType:"Row"},(0,a.mdx)(be.O,{mdxType:"PropNameCell"},"defaultValue"),(0,a.mdx)(be.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"unionOf: [\n type: 'string',\n type: 'number',\n type: 'array',\n],\n"))),(0,a.mdx)(be.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(be.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(be.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The default selected value. Can be a string, number, or array of strings/numbers."))),(0,a.mdx)(be.X2,{key:"ROW4",mdxType:"Row"},(0,a.mdx)(be.O,{mdxType:"PropNameCell"},"disabled"),(0,a.mdx)(be.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(be.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(be.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(be.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether the select is disabled."))),(0,a.mdx)(be.X2,{key:"ROW5",mdxType:"Row"},(0,a.mdx)(be.O,{mdxType:"PropNameCell"},"dropdownAttrs"),(0,a.mdx)(be.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,a.mdx)(be.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(be.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(be.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Additional attributes to spread onto the dropdown. ( Style, ClassNames, etc.. )"))),(0,a.mdx)(be.X2,{key:"ROW6",mdxType:"Row"},(0,a.mdx)(be.O,{mdxType:"PropNameCell"},"isIncomplete"),(0,a.mdx)(be.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(be.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(be.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(be.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether the select displays as Incomplete. Use when no value has been provided. ",(0,a.mdx)("em",{parentName:"p"},"(usage note: ",(0,a.mdx)("inlineCode",{parentName:"em"},"required")," must also be set)"),"."))),(0,a.mdx)(be.X2,{key:"ROW7",mdxType:"Row"},(0,a.mdx)(be.O,{mdxType:"PropNameCell"},"isInvalid"),(0,a.mdx)(be.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(be.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(be.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(be.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether the select displays as Invalid. Use when value does not meet validation pattern."))),(0,a.mdx)(be.X2,{key:"ROW8",mdxType:"Row"},(0,a.mdx)(be.O,{mdxType:"PropNameCell"},"isTouchAccessible"),(0,a.mdx)(be.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(be.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(be.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(be.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Ensures touch accessibility by rendering the dropdown inline without a portal."),(0,a.mdx)("p",null,"Note: When enabled the dropdown will clip if rendered within a container that has an overflow: hidden ancestor.\nThe dropdown may also appear beneath content if rendered within a container that has an overflow: auto ancestor."))),(0,a.mdx)(be.X2,{key:"ROW9",mdxType:"Row"},(0,a.mdx)(be.O,{mdxType:"PropNameCell"},"maxHeight"),(0,a.mdx)(be.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"number\n"))),(0,a.mdx)(be.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(be.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(be.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The max height of the dropdown."))),(0,a.mdx)(be.X2,{key:"ROW10",mdxType:"Row"},(0,a.mdx)(be.O,{mdxType:"PropNameCell"},"noResultContent"),(0,a.mdx)(be.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,a.mdx)(be.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(be.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(be.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Content to display when no results are found."))),(0,a.mdx)(be.X2,{key:"ROW11",mdxType:"Row"},(0,a.mdx)(be.O,{mdxType:"PropNameCell"},"onBlur"),(0,a.mdx)(be.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(be.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(be.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(be.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function triggered when the select loses focus. function(event)"))),(0,a.mdx)(be.X2,{key:"ROW12",mdxType:"Row"},(0,a.mdx)(be.O,{mdxType:"PropNameCell"},"onChange"),(0,a.mdx)(be.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(be.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(be.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(be.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function triggered when the value changes. function(value)"))),(0,a.mdx)(be.X2,{key:"ROW13",mdxType:"Row"},(0,a.mdx)(be.O,{mdxType:"PropNameCell"},"onClick"),(0,a.mdx)(be.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(be.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(be.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(be.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function triggered when the select is clicked. function(event)"))),(0,a.mdx)(be.X2,{key:"ROW14",mdxType:"Row"},(0,a.mdx)(be.O,{mdxType:"PropNameCell"},"onDeselect"),(0,a.mdx)(be.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(be.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(be.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(be.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function triggered when an option is deselected. function(value)"))),(0,a.mdx)(be.X2,{key:"ROW15",mdxType:"Row"},(0,a.mdx)(be.O,{mdxType:"PropNameCell"},"onFocus"),(0,a.mdx)(be.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(be.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(be.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(be.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function triggered when the select receives focus. function(event)"))),(0,a.mdx)(be.X2,{key:"ROW16",mdxType:"Row"},(0,a.mdx)(be.O,{mdxType:"PropNameCell"},"onSearch"),(0,a.mdx)(be.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(be.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(be.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(be.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function triggered when the search criteria changes. function(searchValue)"))),(0,a.mdx)(be.X2,{key:"ROW17",mdxType:"Row"},(0,a.mdx)(be.O,{mdxType:"PropNameCell"},"onSelect"),(0,a.mdx)(be.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(be.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(be.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(be.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function triggered when an option is selected. function(value)"))),(0,a.mdx)(be.X2,{key:"ROW18",mdxType:"Row"},(0,a.mdx)(be.O,{mdxType:"PropNameCell"},"optionFilter"),(0,a.mdx)(be.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(be.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(be.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(be.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function invoked for each option on search change. function(searchValue, option)"))),(0,a.mdx)(be.X2,{key:"ROW19",mdxType:"Row"},(0,a.mdx)(be.O,{mdxType:"PropNameCell"},"placeholder"),(0,a.mdx)(be.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(be.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(be.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(be.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Placeholder text. defaults to 'Select or Enter'"))),(0,a.mdx)(be.X2,{key:"ROW20",mdxType:"Row"},(0,a.mdx)(be.O,{mdxType:"PropNameCell"},"required"),(0,a.mdx)(be.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(be.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(be.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(be.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether the field is required."))),(0,a.mdx)(be.X2,{key:"ROW21",mdxType:"Row"},(0,a.mdx)(be.O,{mdxType:"PropNameCell"},"value"),(0,a.mdx)(be.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"unionOf: [\n type: 'string',\n type: 'number',\n type: 'array',\n],\n"))),(0,a.mdx)(be.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(be.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(be.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The selected value. Can be a string, number, or array of strings/numbers.")))))}Te.isMDXComponent=!0;var Ne=l(47549),Ee=l(25148),je=["components"];function we(){return we=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var Se={},Re="wrapper";function De(e){var t=e.components,l=_e(e,je);return(0,a.mdx)(Re,we({},Se,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(r.C,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"terra-form-combobox"},"Terra Form Combobox"),(0,a.mdx)("p",null,"The Combobox component allows a user to enter a single free text entry or select a single option from the dropdown of a selectable options."),(0,a.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Install with ",(0,a.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("inlineCode",{parentName:"li"},"npm install terra-form-select"))))),(0,a.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,a.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,a.mdx)("table",null,(0,a.mdx)("thead",{parentName:"table"},(0,a.mdx)("tr",{parentName:"thead"},(0,a.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,a.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,a.mdx)("tbody",{parentName:"table"},(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"react"),(0,a.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,a.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"react-intl"),(0,a.mdx)("td",{parentName:"tr",align:null},"^2.8.0")))),(0,a.mdx)("h2",{id:"implementation-notes"},"Implementation Notes:"),(0,a.mdx)("p",null,"The Form-Select component must be composed inside the ",(0,a.mdx)("a",{parentName:"p",href:"/terra-ui/components/cerner-terra-core-docs/base/about"},"Base")," component with a locale in order for it to load the correct translation strings."),(0,a.mdx)("h2",{id:"usage"},"Usage"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import Combobox from 'terra-form-select/lib/Combobox';\n")),(0,a.mdx)("h2",{id:"component-features"},"Component Features"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Internationalization Support")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Localization Support")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#ltr--rtl"},"LTR/RTL Support"))),(0,a.mdx)("h2",{id:"examples"},"Examples"),(0,a.mdx)(_,{description:"A Combobox allows a user to enter a single free text entry or select a single option from the the dropdown.",mdxType:"ComboboxExample"}),(0,a.mdx)(A,{description:"Ensure accessibility on touch devices. Will render the dropdown menu in normal DOM flow with position absolute. By default, the menu renders in a portal, which is inaccessible on touch devices.",mdxType:"IsTouchAccessibleExample"}),(0,a.mdx)(M,{mdxType:"DisabledExample"}),(0,a.mdx)(Y,{description:"Applies theme-specific styling for invalid. Will also display error text when used with a Field.",mdxType:"InvalidExample"}),(0,a.mdx)(le,{description:"Applies theme-specific styling for incomplete. ***Note: Only use incomplete if given specific guidance, reserved for specific applications when no value has been provided. Not for general use.***",mdxType:"IncompleteExample"}),(0,a.mdx)(ye,{title:"Ability to add Option Groups",description:"An OptGroup provides a way to group options together within the listbox.",mdxType:"OptGroupExample"}),(0,a.mdx)(pe,{title:"Ability to set a Maximum Height",description:"An example of implementing a custom max height of the dropdown.",mdxType:"MaxHeightExample"}),(0,a.mdx)(x,{title:"Ability to Clear Selection",description:"An example with an option to clear the selected item.",mdxType:"AllowClearExample"}),(0,a.mdx)(C,{title:"Create a Controlled Combobox",description:"An example of implementing a controlled Combobox.",mdxType:"ControlledExample"}),(0,a.mdx)("h2",{id:"combobox-props"},"Combobox Props"),(0,a.mdx)(Te,{mdxType:"ComboboxPropsTable"}),(0,a.mdx)("h2",{id:"option-props"},"Option Props"),(0,a.mdx)(Ne.Z,{mdxType:"OptionPropsTable"}),(0,a.mdx)("h2",{id:"optgroup-props"},"OptGroup Props"),(0,a.mdx)(Ee.Z,{mdxType:"OptGroupPropsTable"}))}De.isMDXComponent=!0},15305:function(e,t,l){l.d(t,{Z:function(){return p}});l(67294);var n=l(81254),a=["components"];function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var d={},m="wrapper";function p(e){var t=e.components,l=o(e,a);return(0,n.mdx)(m,r({},d,l,{components:t,mdxType:"MDXLayout"}),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .form-select {\n max-width: 300px;\n }\n\n .controlled-button {\n margin: 5px;\n }\n}\n\n")))}p.isMDXComponent=!0},57739:function(e,t,l){l.d(t,{C:function(){return r}});var n=l(67294),a=l(22863),r=function(e){var t=e.url;return n.createElement(a.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-form-select",name:"terra-form-select",version:"6.51.0",url:t})}},25148:function(e,t,l){l.d(t,{Z:function(){return i}});l(67294);var n=l(81254),a=l(78530),r=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var m={},p="wrapper";function i(e){var t=e.components,l=d(e,r);return(0,n.mdx)(p,o({},m,l,{components:t,mdxType:"MDXLayout"}),(0,n.mdx)(a.ZP,{mdxType:"PropsTable"},(0,n.mdx)(a.X2,{key:"ROW1",mdxType:"Row"},(0,n.mdx)(a.O,{mdxType:"PropNameCell"},"children"),(0,n.mdx)(a.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,n.mdx)(a.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(a.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(a.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The group options."))),(0,n.mdx)(a.X2,{key:"ROW2",mdxType:"Row"},(0,n.mdx)(a.O,{mdxType:"PropNameCell"},"disabled"),(0,n.mdx)(a.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(a.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(a.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(a.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether the option group is disabled."))),(0,n.mdx)(a.X2,{key:"ROW3",mdxType:"Row"},(0,n.mdx)(a.O,{mdxType:"PropNameCell"},"label"),(0,n.mdx)(a.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,n.mdx)(a.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,n.mdx)(a.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(a.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The group label.")))))}i.isMDXComponent=!0},47549:function(e,t,l){l.d(t,{Z:function(){return i}});l(67294);var n=l(81254),a=l(78530),r=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var m={},p="wrapper";function i(e){var t=e.components,l=d(e,r);return(0,n.mdx)(p,o({},m,l,{components:t,mdxType:"MDXLayout"}),(0,n.mdx)(a.ZP,{mdxType:"PropsTable"},(0,n.mdx)(a.X2,{key:"ROW1",mdxType:"Row"},(0,n.mdx)(a.O,{mdxType:"PropNameCell"},"disabled"),(0,n.mdx)(a.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(a.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(a.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(a.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether the option is disabled."))),(0,n.mdx)(a.X2,{key:"ROW2",mdxType:"Row"},(0,n.mdx)(a.O,{mdxType:"PropNameCell"},"display"),(0,n.mdx)(a.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,n.mdx)(a.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(a.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(a.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The display text of the option."))),(0,n.mdx)(a.X2,{key:"ROW3",mdxType:"Row"},(0,n.mdx)(a.O,{mdxType:"PropNameCell"},"value"),(0,n.mdx)(a.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"unionOf: [\n type: 'string',\n type: 'number',\n],\n"))),(0,n.mdx)(a.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,n.mdx)(a.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(a.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The value of the option. The value must be unique.")))))}i.isMDXComponent=!0},48824:function(e,t,l){l.r(t),t.default={"form-select":"FormSelectDocCommon-module__form-select___Tm1QE","controlled-button":"FormSelectDocCommon-module__controlled-button___wG6cn"}},53560:function(e,t,l){l.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},21488:function(e,t,l){l.r(t),t.default={"clinical-lowlight-theme":"_ClearOption-module__clinical-lowlight-theme___didEg","orion-fusion-theme":"_ClearOption-module__orion-fusion-theme___KZPgR","clear-option":"_ClearOption-module__clear-option___0FCZT"}},95125:function(e,t,l){l.r(t),t.default={"clinical-lowlight-theme":"_NoResults-module__clinical-lowlight-theme___M+a9V","orion-fusion-theme":"_NoResults-module__orion-fusion-theme___6lA58","no-results":"_NoResults-module__no-results___k4m2B"}},32751:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=m(l(67294)),a=m(l(45697)),r=l(25387),o=m(l(88413)),d=["value","intl"];function m(e){return e&&e.__esModule?e:{default:e}}function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var u={intl:a.default.shape({formatMessage:a.default.func}).isRequired,value:a.default.oneOfType([a.default.number,a.default.string])},s=function(e){var t=e.value,l=e.intl,a=i(e,d);return n.default.createElement(o.default,p({},a,{isAddOption:!0,value:t,display:l.formatMessage({id:"Terra.form.select.add"},{text:t}),"data-terra-select-add-option":!0}))};s.propTypes=u,s.isOption=!0;t.default=(0,r.injectIntl)(s)},61698:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=u(l(67294)),a=u(l(45697)),r=u(l(94184)),o=u(l(47166)),d=u(l(50026)),m=u(l(88413)),p=u(l(21488)),i=["display","value"];function u(e){return e&&e.__esModule?e:{default:e}}function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var x=o.default.bind(p.default),f={display:a.default.string,value:a.default.string},y=function(e){var t=e.display,l=e.value,a=c(e,i),o=n.default.useContext(d.default);return n.default.createElement(m.default,s({},a,{className:(0,r.default)(x("clear-option",o.className),a.className),display:t,value:l,isSelected:!1,"data-terra-select-clear-option":!0}))};y.propTypes=f,y.isOption=!0;t.default=y},49978:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=p(l(67294)),a=p(l(45697)),r=p(l(47166)),o=p(l(50026)),d=l(25387),m=p(l(95125));function p(e){return e&&e.__esModule?e:{default:e}}var i=r.default.bind(m.default),u={noResultContent:a.default.node,value:a.default.oneOfType([a.default.number,a.default.string])},s=function(e){var t=e.noResultContent,l=e.value,a=n.default.useContext(o.default);return n.default.createElement("div",{role:"option",className:i("no-results",a.className),"aria-selected":"false"},t||n.default.createElement(d.FormattedMessage,{id:"Terra.form.select.noResults",values:{text:l}}))};s.propTypes=u;t.default=s},33864:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=r(l(67294)),a=r(l(99139));function r(e){return e&&e.__esModule?e:{default:e}}function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(t[n]=e[n]);return t}(e,a);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(t[n]=e[n])}return t}var m={},o="wrapper";function p(e){var a=e.components,n=d(e,i);return(0,r.mdx)(o,l({},m,n,{components:a,mdxType:"MDXLayout"}),(0,r.mdx)(t.C,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"webpack-config-terra-upgrade-guide"},"webpack-config-terra Upgrade Guide"),(0,r.mdx)("h2",{id:"changes-from-terra-toolkit-6x--to-cernerwebpack-config-terra-100"},"Changes from terra-toolkit 6.x to @cerner/webpack-config-terra 1.0.0"),(0,r.mdx)("p",null,"We have broken terra-toolkit up into several component parts de-couple major version upgrades to unrelated components. Upgrading WDIO shouldn't affect our webpack version and vice versa."),(0,r.mdx)("p",null,"The webpack config formerly housed in terra toolkit has been migrated to it's own package ",(0,r.mdx)("inlineCode",{parentName:"p"},"@cerner/webpack-config-terra"),"."),(0,r.mdx)("p",null,"To upgrade change dependency and change how you are requiring the config."),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-diff"},"- const webpackConfig = require('terra-dev-site/config/webpack/webpack.config');\n+ const webpackConfig = require('@cerner/webpack-config-terra');\n")),(0,r.mdx)("h3",{id:"removed-raf"},"Removed RAF"),(0,r.mdx)("p",null,"Previously we provided the requestAnimationFrame polyfill but have determined it doesn't need to be polyfilled of our supported browsers. See ",(0,r.mdx)("a",{parentName:"p",href:"https://caniuse.com/requestanimationframe"},"caniuse.com"),". This should not affect your application."),(0,r.mdx)("h3",{id:"aggregate-themes-changed-to-opt-in"},"Aggregate themes changed to opt in."),(0,r.mdx)("p",null,"When components adhere to the new themeing strategy, aggregate themes is no longer needed. Theme Aggregation is turned off by default and enabling it will significantly reduce webpack performance."),(0,r.mdx)("p",null,"Minimum terra component versions that support theme context as of 12/8/2020. Any components not listed here either do not have themeable variables, do not support the theme context and should be replaced, or have been introduced since this list was generated and support the theme context."),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-abstract-modal@3.25.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"@cerner/terra-docs@1.0.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-action-footer@2.42.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-action-header@2.43.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-alert@4.29.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-application-header-layout@3.28.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-application-links@6.34.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-application-name@3.30.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-application-navigation@1.37.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-application-utility@2.35.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-application@1.19.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-avatar@3.3.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-badge@3.35.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-brand-footer@2.24.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-button-group@3.39.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-button@3.36.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-card@3.27.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-cell-grid@1.5.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-clinical-data-grid@2.25.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-clinical-detail-view@3.20.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-clinical-header@3.16.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-clinical-item-display@3.18.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-clinical-item-view@3.19.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-clinical-label-value-view@3.20.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-clinical-onset-picker@4.21.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-collapsible-menu-view@6.34.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-date-input@1.14.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-date-picker@4.38.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-date-time-picker@4.38.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-demographics-banner@3.37.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-dialog-modal@3.38.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-dialog@2.42.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-divider@3.27.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-dropdown-button@1.14.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-form-checkbox@4.3.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-form-field@4.3.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-form-fieldset@2.42.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-form-input@3.5.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-form-radio@4.5.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-form-select@6.6.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-form-textarea@4.5.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-grid@6.21.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-html-table@1.6.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-hyperlink@2.34.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-icon@3.32.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-image@3.28.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-layout@4.24.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-list@4.31.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-menu@6.34.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-modal-manager@6.34.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-navigation-side-menu@2.31.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-notification-dialog@3.35.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-overlay@3.49.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-paginator@2.51.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-popup@6.35.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-profile-image@3.30.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-progress-bar@4.23.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-search-field@3.51.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-section-header@2.37.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-show-hide@2.35.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-signature@2.30.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-slide-group@4.21.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-slide-panel@3.27.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-spacer@3.40.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-status-view@4.27.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-switch@1.0.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-table@4.8.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-tabs@6.35.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-tag@2.35.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-text@4.31.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-time-input@4.29.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-toolbar@1.8.0"))),(0,r.mdx)("h3",{id:"themeconfig-moved-from-env-to-options"},"themeConfig moved from env to options"),(0,r.mdx)("p",null,"Theme config can be set in three ways. Through the THEME env, by adding a themeConfig option to the env variable when extended through javascript or by setting adding a terra-theme.config.js file to your package root."),(0,r.mdx)("p",null,"Using the terra-theme.config.js file is the preferred method of configuring themes, but in some cases like ci and building multiple sites with one webpack config. The method of adding the themeConfig option to the env variable is kind of weird since the env object is generally reserved for environment variable set through webpack and not objects. To address this we've added an additional options object that can optionally be passed in to the webpack config."),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-diff"},"const webpackConfig = require('webpack-config-terra');\n\nconst themeConfig = {\n theme: 'terra-dark-theme',\n};\n\n-+module.exports = webpackConfig({themeConfig}, {});\n+module.exports = webpackConfig({}, {}, {themeConfig});\n\n")),(0,r.mdx)("h3",{id:"removed-aggregateoptions-from-env"},"Removed aggregateOptions from env"),(0,r.mdx)("p",null,"Similar the env theme config, aggregateOptions was an object added to the env object. Unlike themeConfig we don't know of anyone using aggregateOptions. Instead of moving it to the ",(0,r.mdx)("inlineCode",{parentName:"p"},"options")," object we just went ahead and removed it. If you have a use case for config, log an issue and we'll see what we can do."),(0,r.mdx)("h3",{id:"deprecating-theme-env-support"},"deprecating THEME env support"),(0,r.mdx)("p",null,"To consolidate our api the THEME env variable is now supplied as the webpack env option ",(0,r.mdx)("inlineCode",{parentName:"p"},"defaultTheme"),". For the timebeing both are supported but the THEME env will be removed in the next major version of webpack-config-terra."),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-diff"},'"scripts": {\n- "pack": "THEME=terra-dark-theme webpack"\n+ "pack": "webpack --env.defaultTheme=terra-dark-theme"\n}\n')),(0,r.mdx)("h3",{id:"postcss-8-as-peer-dependency"},"Postcss 8 as peer dependency"),(0,r.mdx)("p",null,"Postcss is now a required peer dependency. It must be added as a dev dependency to your package."),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-diff"},' "devDependencies": {\n+ "postcss": "^8.0.0",\n }\n}\n')))}p.isMDXComponent=!0},93626:function(e,a,n){n.d(a,{C:function(){return i}});var r=n(67294),t=n(22863),i=function(e){var a=e.url;return r.createElement(t.Z,{src:"https://github.com/cerner/terra-toolk/tree/main/packages/webpack-config-terra",name:"@cerner/webpack-config-terra",version:"3.3.0",url:a})}},17422:function(e,a,n){n.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/37753-683dac8bbe670c9d31a0.css b/37753-683dac8bbe670c9d31a0.css new file mode 100644 index 0000000000..f16a83bc6f --- /dev/null +++ b/37753-683dac8bbe670c9d31a0.css @@ -0,0 +1 @@ +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} diff --git a/37753-683dac8bbe670c9d31a0.js b/37753-683dac8bbe670c9d31a0.js new file mode 100644 index 0000000000..106336be53 --- /dev/null +++ b/37753-683dac8bbe670c9d31a0.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[37753],{49271:function(e,t,n){var a=n(64836),l=n(18698);t.Z=void 0;var o=a(n(27424)),i=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==l(e)&&"function"!=typeof e)return{default:e};var n=f(t);if(n&&n.has(e))return n.get(e);var a={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var c=o?Object.getOwnPropertyDescriptor(e,i):null;c&&(c.get||c.set)?Object.defineProperty(a,i,c):a[i]=e[i]}a.default=e,n&&n.set(e,a);return a}(n(67294)),c=a(n(45697)),r=a(n(47166)),s=n(21538),d=a(n(33864)),u=a(n(23399)),m=n(51051),p=a(n(53560));function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(f=function(e){return e?n:t})(e)}var y=r.default.bind(p.default),b={example:c.default.element,exampleSrc:c.default.element,exampleCssSrc:c.default.element,title:c.default.string,description:c.default.node,isExpanded:c.default.bool},_=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},h=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},v=function(e){var t=e.example,n=e.exampleSrc,a=e.exampleCssSrc,l=e.title,c=e.description,r=e.isExpanded,p=(0,i.useState)(r),f=(0,o.default)(p,2),b=f[0],v=f[1],N=(0,i.useState)(!1),E=(0,o.default)(N,2),x=E[0],C=E[1],g=i.default.useContext(s.ThemeContext),S=void 0!==a,T=function(){C(!x),b&&v(!b)},O=function(){v(!b),x&&C(!x)},M=function(e,t){e.nativeEvent.keyCode!==m.KEY_SPACE&&e.nativeEvent.keyCode!==m.KEY_RETURN||(e.preventDefault(),t())};return i.default.createElement("div",{className:y("template",g.className)},i.default.createElement("div",{className:y("header")},l&&i.default.createElement("h2",{className:y("title")},l)),i.default.createElement("div",{className:y("content")},c&&i.default.createElement("div",{className:y("description")},c),t),i.default.createElement("div",{className:y("footer")},n?i.default.createElement("div",{className:y("button-container")},S&&i.default.createElement("button",{type:"button",className:y("css-toggle","item",{"is-selected":x}),onClick:T,onKeyDown:function(e){return M(e,T)},onBlur:_,onMouseDown:h,tabIndex:0,"data-focus-styles-enabled":!0},i.default.createElement(d.default,{className:y("chevron")}),i.default.createElement("span",null,"CSS"),i.default.createElement(u.default,{className:y("chevron")})),i.default.createElement("button",{type:"button",className:y("code-toggle","item",{"is-selected":b}),onClick:O,onKeyDown:function(e){return M(e,O)},onBlur:_,onMouseDown:h,tabIndex:0,"data-focus-styles-enabled":!0},i.default.createElement(d.default,{className:y("chevron")}),i.default.createElement("span",null,"Code"),i.default.createElement(u.default,{className:y("chevron")}))):null,i.default.createElement("div",null,x&&i.default.createElement("div",{className:y("css")},a),b&&i.default.createElement("div",{className:y("code")},n))))};v.propTypes=b,v.defaultProps={isExpanded:!1};var N=v;t.Z=N},74213:function(e,t,n){var a=n(64836);t.Z=void 0;var l=a(n(67294)),o=a(n(7270)),i=[{id:"Column-0",displayName:"Patient"},{id:"Column-1",displayName:"Location"},{id:"Column-2",displayName:"Illness Severity"},{id:"Column-3",displayName:"Visit"},{id:"Column-4",displayName:"Allergy"},{id:"Column-5",displayName:"Primary Contact"},{id:"Column-6",displayName:"Generic Order Counts"},{id:"Column-7",displayName:"Patient Age"},{id:"Column-8",displayName:"Medication History"},{id:"Column-9",displayName:"My Relationship"},{id:"Column-10",displayName:"Not Selectable",isSelectable:!1}],c=[{id:"1",cells:[{content:"Fleck, Arthur"},{content:"1007-MTN"},{content:"Unstable"},{content:"Inpatient, 2 months"},{content:""},{content:"Quinzell, Harleen"},{content:""},{isMasked:!0},{isMasked:!0},{content:"Admitting Physician"},{content:"",isSelectable:!1}]},{id:"2",cells:[{content:"Wayne, Bruce"},{content:"1007-MTN-DR"},{content:"Stable"},{content:"Outpatient, 2 days"},{content:"Phytochemicals"},{content:"Grayson, Richard"},{content:""},{content:""},{isMasked:!0},{content:"Admitting Physician"},{content:"",isSelectable:!1}]},{id:"3",cells:[{content:"McDonald, Ronald"},{content:"1007-MTN-RN"},{content:"Critical"},{content:"Inpatient, 2 days"},{content:"Phytochemicals"},{content:"Smith, Melissa"},{content:""},{content:""},{isMasked:!0},{content:"Family Physician"},{content:"",isSelectable:!1}]},{id:"4",cells:[{content:"Wayne, Bruce"},{content:"1018-MTN-DR"},{content:"Stable"},{content:"Outpatient, 2 days"},{content:"Aspirin"},{content:"Jones, Gary"},{content:""},{content:""},{isMasked:!0},{content:"Primary Care Physician"},{content:"",isSelectable:!1}]}];t.Z=function(){var e=i,t=c;return l.default.createElement(o.default,{id:"zebra-striped-table",overflowColumns:e,rows:t,isStriped:!0,ariaLabel:"Table with zebra striping"})}},37753:function(e,t,n){n.r(t),n.d(t,{default:function(){return h}});var a=n(67294),l=n(81254),o=n(74213),i=["components"];function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var s={};function d(e){var t=e.components,n=r(e,i);return(0,l.mdx)("wrapper",c({},s,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Table from 'terra-table';\n\nconst tableDataJSON = {\n cols: [\n { id: 'Column-0', displayName: 'Patient' },\n { id: 'Column-1', displayName: 'Location' },\n { id: 'Column-2', displayName: 'Illness Severity' },\n { id: 'Column-3', displayName: 'Visit' },\n { id: 'Column-4', displayName: 'Allergy' },\n { id: 'Column-5', displayName: 'Primary Contact' },\n { id: 'Column-6', displayName: 'Generic Order Counts' },\n { id: 'Column-7', displayName: 'Patient Age' },\n { id: 'Column-8', displayName: 'Medication History' },\n { id: 'Column-9', displayName: 'My Relationship' },\n { id: 'Column-10', displayName: 'Not Selectable', isSelectable: false },\n ],\n rows: [\n {\n id: '1',\n cells: [\n { content: 'Fleck, Arthur' },\n { content: '1007-MTN' },\n { content: 'Unstable' },\n { content: 'Inpatient, 2 months' },\n { content: '' },\n { content: 'Quinzell, Harleen' },\n { content: '' },\n { isMasked: true },\n { isMasked: true },\n { content: 'Admitting Physician' },\n { content: '', isSelectable: false },\n ],\n },\n {\n id: '2',\n cells: [\n { content: 'Wayne, Bruce' },\n { content: '1007-MTN-DR' },\n { content: 'Stable' },\n { content: 'Outpatient, 2 days' },\n { content: 'Phytochemicals' },\n { content: 'Grayson, Richard' },\n { content: '' },\n { content: '' },\n { isMasked: true },\n { content: 'Admitting Physician' },\n { content: '', isSelectable: false },\n ],\n },\n {\n id: '3',\n cells: [\n { content: 'McDonald, Ronald' },\n { content: '1007-MTN-RN' },\n { content: 'Critical' },\n { content: 'Inpatient, 2 days' },\n { content: 'Phytochemicals' },\n { content: 'Smith, Melissa' },\n { content: '' },\n { content: '' },\n { isMasked: true },\n { content: 'Family Physician' },\n { content: '', isSelectable: false },\n ],\n },\n {\n id: '4',\n cells: [\n { content: 'Wayne, Bruce' },\n { content: '1018-MTN-DR' },\n { content: 'Stable' },\n { content: 'Outpatient, 2 days' },\n { content: 'Aspirin' },\n { content: 'Jones, Gary' },\n { content: '' },\n { content: '' },\n { isMasked: true },\n { content: 'Primary Care Physician' },\n { content: '', isSelectable: false },\n ],\n },\n ],\n};\n\nconst ZebraStripedTable = () => {\n const { cols, rows } = tableDataJSON;\n\n return (\n \n );\n};\n\nexport default ZebraStripedTable;\n\n")))}d.isMDXComponent=!0;var u=n(49271),m=function(e){var t=e.title,n=e.description,l=e.isExpanded;return a.createElement(u.Z,{title:t||"Zebra Striped Table",description:n,example:a.createElement(o.Z,null),exampleSrc:a.createElement(d,null),isExpanded:l})},p=["components"];function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var b={},_="wrapper";function h(e){var t=e.components,n=y(e,p);return(0,l.mdx)(_,f({},b,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)(m,{title:"Zebra Striped Table Example",mdxType:"ZebraStripedTable"}))}h.isMDXComponent=!0},53560:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}}}]); \ No newline at end of file diff --git a/37864-ebe82076d5125f8659dc.css b/37864-ebe82076d5125f8659dc.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/37864-ebe82076d5125f8659dc.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/37864-ebe82076d5125f8659dc.js b/37864-ebe82076d5125f8659dc.js new file mode 100644 index 0000000000..fa01b79251 --- /dev/null +++ b/37864-ebe82076d5125f8659dc.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[37864,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,a,r){var t=r(64836);a.Z=void 0;var n=t(r(67294)),d=t(r(45697)),o=t(r(47166)),i=t(r(17422)),s=o.default.bind(i.default),u={name:d.default.string.isRequired,src:d.default.string,url:d.default.string,version:d.default.string.isRequired},c=function(e){var a=e.src,r=e.name,t=e.url,d=e.version,o=n.default.createElement("a",{className:s("badge"),href:t||"https://www.npmjs.org/package/".concat(r,"/v/").concat(d)},n.default.createElement("span",{className:s("badge-name")},t?"package":"npm"),n.default.createElement("span",{className:s("badge-version")},"v".concat(d))),i=a?n.default.createElement("a",{className:s("badge"),href:a},n.default.createElement("span",{className:s("badge-name")},"github"),n.default.createElement("span",{className:s("badge-version")},"source")):void 0;return n.default.createElement("div",{className:s("badge-container")},o,i)};c.propTypes=u;var l=c;a.Z=l},37864:function(e,a,r){r.r(a),r.d(a,{default:function(){return c}});r(67294);var t=r(81254),n=r(35300),d=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(n[r]=e[r]);return n}(e,a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}var s={},u="wrapper";function c(e){var a=e.components,r=i(e,d);return(0,t.mdx)(u,o({},s,r,{components:a,mdxType:"MDXLayout"}),(0,t.mdx)(n.C,{mdxType:"Badge"}),(0,t.mdx)("h1",{id:"terra-divider-upgrade-guide"},"Terra Divider Upgrade Guide"),(0,t.mdx)("h2",{id:"changes-from-20-to-30"},"Changes from 2.0 to 3.0"),(0,t.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,t.mdx)("p",null,"The following transitive dependency had breaking changes. See its upgrade guide for more information."),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"terra-doc-template")))}c.isMDXComponent=!0},35300:function(e,a,r){r.d(a,{C:function(){return d}});var t=r(67294),n=r(22863),d=function(e){var a=e.url;return t.createElement(n.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-divider",name:"terra-divider",version:"3.39.0",url:a})}},17422:function(e,a,r){r.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/37871-f76067e25bd17143c7ff.css b/37871-f76067e25bd17143c7ff.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/37871-f76067e25bd17143c7ff.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/37871-f76067e25bd17143c7ff.js b/37871-f76067e25bd17143c7ff.js new file mode 100644 index 0000000000..874a9948cd --- /dev/null +++ b/37871-f76067e25bd17143c7ff.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[37871,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,a,t){var r=t(64836);a.Z=void 0;var n=r(t(67294)),s=r(t(45697)),o=r(t(47166)),u=r(t(17422)),d=o.default.bind(u.default),c={name:s.default.string.isRequired,src:s.default.string,url:s.default.string,version:s.default.string.isRequired},i=function(e){var a=e.src,t=e.name,r=e.url,s=e.version,o=n.default.createElement("a",{className:d("badge"),href:r||"https://www.npmjs.org/package/".concat(t,"/v/").concat(s)},n.default.createElement("span",{className:d("badge-name")},r?"package":"npm"),n.default.createElement("span",{className:d("badge-version")},"v".concat(s))),u=a?n.default.createElement("a",{className:d("badge"),href:a},n.default.createElement("span",{className:d("badge-name")},"github"),n.default.createElement("span",{className:d("badge-version")},"source")):void 0;return n.default.createElement("div",{className:d("badge-container")},o,u)};i.propTypes=c;var l=i;a.Z=l},81117:function(e,a,t){t.r(a),t.d(a,{default:function(){return i}});t(67294);var r=t(81254),n=t(17713),s=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(n[t]=e[t]);return n}(e,a);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}var d={},c="wrapper";function i(e){var a=e.components,t=u(e,s);return(0,r.mdx)(c,o({},d,t,{components:a,mdxType:"MDXLayout"}),(0,r.mdx)(n.C,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-status-upgrade-guide"},"Terra Status Upgrade Guide"),(0,r.mdx)("h2",{id:"changes-from-20-to-30"},"Changes from 2.0 to 3.0"),(0,r.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,r.mdx)("p",null,"The following transitive dependency had breaking changes. See its upgrade guide for more information."),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"terra-doc-template")))}i.isMDXComponent=!0},17713:function(e,a,t){t.d(a,{C:function(){return s}});var r=t(67294),n=t(22863),s=function(e){var a=e.url;return r.createElement(n.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-status",name:"terra-status",version:"4.62.0",url:a})}},17422:function(e,a,t){t.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/38208-80b06dd6543c204cd6f7.css b/38208-80b06dd6543c204cd6f7.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/38208-80b06dd6543c204cd6f7.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/38208-80b06dd6543c204cd6f7.js b/38208-80b06dd6543c204cd6f7.js new file mode 100644 index 0000000000..d64dc4c0a8 --- /dev/null +++ b/38208-80b06dd6543c204cd6f7.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[38208,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,a,r){var t=r(64836);a.Z=void 0;var n=t(r(67294)),o=t(r(45697)),s=t(r(47166)),d=t(r(17422)),i=s.default.bind(d.default),c={name:o.default.string.isRequired,src:o.default.string,url:o.default.string,version:o.default.string.isRequired},u=function(e){var a=e.src,r=e.name,t=e.url,o=e.version,s=n.default.createElement("a",{className:i("badge"),href:t||"https://www.npmjs.org/package/".concat(r,"/v/").concat(o)},n.default.createElement("span",{className:i("badge-name")},t?"package":"npm"),n.default.createElement("span",{className:i("badge-version")},"v".concat(o))),d=a?n.default.createElement("a",{className:i("badge"),href:a},n.default.createElement("span",{className:i("badge-name")},"github"),n.default.createElement("span",{className:i("badge-version")},"source")):void 0;return n.default.createElement("div",{className:i("badge-container")},s,d)};u.propTypes=c;var l=u;a.Z=l},38208:function(e,a,r){r.r(a),r.d(a,{default:function(){return u}});r(67294);var t=r(81254),n=r(58353),o=["components"];function s(){return s=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(n[r]=e[r]);return n}(e,a);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}var i={},c="wrapper";function u(e){var a=e.components,r=d(e,o);return(0,t.mdx)(c,s({},i,r,{components:a,mdxType:"MDXLayout"}),(0,t.mdx)(n.C,{mdxType:"Badge"}),(0,t.mdx)("h1",{id:"terra-toggle-section-header-upgrade-guide"},"Terra Toggle Section Header Upgrade Guide"),(0,t.mdx)("h2",{id:"changes-from-10-to-20"},"Changes from 1.0 to 2.0"),(0,t.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,t.mdx)("p",null,"The following transitive dependencies had breaking changes. See their upgrade guides for more information."),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"terra-doc-template"),(0,t.mdx)("li",{parentName:"ul"},"terra-section-header")))}u.isMDXComponent=!0},58353:function(e,a,r){r.d(a,{C:function(){return o}});var t=r(67294),n=r(22863),o=function(e){var a=e.url;return t.createElement(n.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-toggle-section-header",name:"terra-toggle-section-header",version:"2.73.0",url:a})}},17422:function(e,a,r){r.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/38443-80394f4c60e142de94ce.css b/38443-80394f4c60e142de94ce.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/38443-80394f4c60e142de94ce.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/38484-1ef83d4106b1fb26de55.css b/38484-1ef83d4106b1fb26de55.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/38484-1ef83d4106b1fb26de55.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/38484-1ef83d4106b1fb26de55.js b/38484-1ef83d4106b1fb26de55.js new file mode 100644 index 0000000000..cfbf041dae --- /dev/null +++ b/38484-1ef83d4106b1fb26de55.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[38484,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,a,r){var n=r(64836);a.Z=void 0;var t=n(r(67294)),d=n(r(45697)),m=n(r(47166)),o=n(r(17422)),i=m.default.bind(o.default),l={name:d.default.string.isRequired,src:d.default.string,url:d.default.string,version:d.default.string.isRequired},s=function(e){var a=e.src,r=e.name,n=e.url,d=e.version,m=t.default.createElement("a",{className:i("badge"),href:n||"https://www.npmjs.org/package/".concat(r,"/v/").concat(d)},t.default.createElement("span",{className:i("badge-name")},n?"package":"npm"),t.default.createElement("span",{className:i("badge-version")},"v".concat(d))),o=a?t.default.createElement("a",{className:i("badge"),href:a},t.default.createElement("span",{className:i("badge-name")},"github"),t.default.createElement("span",{className:i("badge-version")},"source")):void 0;return t.default.createElement("div",{className:i("badge-container")},m,o)};s.propTypes=l;var c=s;a.Z=c},38484:function(e,a,r){r.r(a),r.d(a,{default:function(){return s}});r(67294);var n=r(81254),t=r(88272),d=["components"];function m(){return m=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(t[r]=e[r]);return t}(e,a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(t[r]=e[r])}return t}var i={},l="wrapper";function s(e){var a=e.components,r=o(e,d);return(0,n.mdx)(l,m({},i,r,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)(t.C,{mdxType:"Badge"}),(0,n.mdx)("h1",{id:"terra-demographics-banner-upgrade-guide"},"Terra Demographics Banner Upgrade Guide"),(0,n.mdx)("h2",{id:"changes-from-version-2-to-version-3"},"Changes from version 2 to version 3"),(0,n.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,n.mdx)("h4",{id:"renamed"},"Renamed"),(0,n.mdx)("table",null,(0,n.mdx)("thead",{parentName:"table"},(0,n.mdx)("tr",{parentName:"thead"},(0,n.mdx)("th",{parentName:"tr",align:null},"Previous"),(0,n.mdx)("th",{parentName:"tr",align:null},"New"))),(0,n.mdx)("tbody",{parentName:"table"},(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-demographics-banner-foreground"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-demographics-banner-color")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-demographics-banner-foreground-deceased"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-demographics-banner-deceased-color")))),(0,n.mdx)("h4",{id:"added"},"Added"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"--terra-demographics-banner-background-color"),(0,n.mdx)("li",{parentName:"ul"},"--terra-demographics-banner-background-image"),(0,n.mdx)("li",{parentName:"ul"},"--terra-demographics-banner-box-shadow"),(0,n.mdx)("li",{parentName:"ul"},"--terra-demographics-banner-padding"),(0,n.mdx)("li",{parentName:"ul"},"--terra-demographics-banner-profile-photo-margin"),(0,n.mdx)("li",{parentName:"ul"},"--terra-demographics-banner-value-margin-right"),(0,n.mdx)("li",{parentName:"ul"},"--terra-demographics-banner-value-margin-top"),(0,n.mdx)("li",{parentName:"ul"},"--terra-demographics-banner-person-details-margin-top"),(0,n.mdx)("li",{parentName:"ul"},"--terra-demographics-banner-deceased-background-color"),(0,n.mdx)("li",{parentName:"ul"},"--terra-demographics-banner-deceased-background-image"),(0,n.mdx)("li",{parentName:"ul"},"--terra-demographics-banner-deceased-profile-photo-opacity"),(0,n.mdx)("li",{parentName:"ul"},"--terra-demographics-banner-content-margin"),(0,n.mdx)("li",{parentName:"ul"},"--terra-demographics-banner-application-content-margin-top"),(0,n.mdx)("li",{parentName:"ul"},"--terra-demographics-banner-large-box-shadow"),(0,n.mdx)("li",{parentName:"ul"},"--terra-demographics-banner-large-padding"),(0,n.mdx)("li",{parentName:"ul"},"--terra-demographics-banner-large-person-name-font-size")),(0,n.mdx)("h4",{id:"removed"},"Removed"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"--terra-demographics-banner-background"),(0,n.mdx)("li",{parentName:"ul"},"--terra-demographics-banner-background-deceased")))}s.isMDXComponent=!0},88272:function(e,a,r){r.d(a,{C:function(){return d}});var n=r(67294),t=r(22863),d=function(e){var a=e.url;return n.createElement(t.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-demographics-banner",name:"terra-demographics-banner",version:"3.64.0",url:a})}},17422:function(e,a,r){r.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/38512-7315a00e07b0d8ce7885.css b/38512-7315a00e07b0d8ce7885.css new file mode 100644 index 0000000000..5add373467 --- /dev/null +++ b/38512-7315a00e07b0d8ce7885.css @@ -0,0 +1,7 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.ShowHide-module__clinical-lowlight-theme___NveE5{--terra-show-hide-focus-outline: 1px dashed;--terra-show-hide-focus-outline-offset: 1px}.ShowHide-module__orion-fusion-theme___QJ2qF{--terra-show-hide-focus-outline: 1px dashed;--terra-show-hide-focus-outline-offset: 1px}.ShowHide-module__show-hide___9NHsr{display:-ms-flexbox;display:flex}[dir=ltr] .ShowHide-module__start___Ruf0l{margin-right:auto}[dir=rtl] .ShowHide-module__start___Ruf0l{margin-left:auto}[dir] .ShowHide-module__center___wSid6{margin:auto}[dir=ltr] .ShowHide-module__end___18wGP{margin-left:auto}[dir=rtl] .ShowHide-module__end___18wGP{margin-right:auto}.ShowHide-module__show-hide-content___298i6 .ShowHide-module__text-divider___nUdq8{visibility:hidden}.ShowHide-module__show-hide-content___298i6:focus,.ShowHide-module__show-hide-content___298i6 :focus{outline:1px dashed;outline:var(--terra-show-hide-focus-outline, 1px dashed);outline-offset:1px;outline-offset:var(--terra-show-hide-focus-outline-offset, 1px)} +.Toggle-module__toggle___7F95e[aria-hidden=true]{opacity:0;transition:visibility 0s linear .5s,opacity .5s linear;visibility:hidden}.Toggle-module__toggle___7F95e[aria-hidden=false]{opacity:1;visibility:visible}[dir] .Toggle-module__toggle___7F95e[aria-hidden=false]{transition-delay:0s} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} +._ShowHideButton-module__clinical-lowlight-theme___plKtw{--terra-show-hide-v1-button-color: #007ee0;--terra-show-hide-v1-button-font-size: 1rem;--terra-show-hide-v1-button-line-height: 1.429;--terra-show-hide-v1-button-padding-bottom: 0.21428rem;--terra-show-hide-v1-button-padding-left: 0;--terra-show-hide-v1-button-padding-right: 0;--terra-show-hide-v1-button-padding-top: 0.21428rem;--terra-show-hide-v1-button-text-decoration: none;--terra-show-hide-v1-button-icon-height: 0.7143em;--terra-show-hide-v1-button-icon-width: 0.7143em;--terra-show-hide-v1-button-icon-margin-left: 0.28571em;--terra-show-hide-v1-button-focus-background-color: transparent;--terra-show-hide-v1-button-focus-border-radius: 0.2142rem;--terra-show-hide-v1-button-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-show-hide-v1-button-focus-color: #007ee0;--terra-show-hide-v1-button-focus-text-decoration: underline;--terra-show-hide-v1-button-hover-background-color: none;--terra-show-hide-v1-button-hover-color: #003f61;--terra-show-hide-v1-button-hover-text-decoration: underline;--terra-show-hide-v1-button-active-color: #003f61;--terra-show-hide-v1-button-icon-background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpolygon%20fill%3D%22%23007ee0%22%20points%3D%2240.8%2C8.6%2024%2C25%207.2%2C8.6%200%2C15.9%2024%2C39.4%2048%2C15.9%20%22%2F%3E%3C%2Fsvg%3E");--terra-show-hide-v1-button-focus-icon-background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpolygon%20fill%3D%22%23007ee0%22%20points%3D%2240.8%2C8.6%2024%2C25%207.2%2C8.6%200%2C15.9%2024%2C39.4%2048%2C15.9%20%22%2F%3E%3C%2Fsvg%3E");--terra-show-hide-v1-button-hover-icon-background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpolygon%20fill%3D%22%23003f61%22%20points%3D%2240.8%2C8.6%2024%2C25%207.2%2C8.6%200%2C15.9%2024%2C39.4%2048%2C15.9%20%22%2F%3E%3C%2Fsvg%3E")}._ShowHideButton-module__orion-fusion-theme___EJgbn{--terra-show-hide-v1-button-color: #0065a3;--terra-show-hide-v1-button-font-size: 1rem;--terra-show-hide-v1-button-line-height: 1.417;--terra-show-hide-v1-button-padding-bottom: 0;--terra-show-hide-v1-button-padding-left: 0;--terra-show-hide-v1-button-padding-right: 0;--terra-show-hide-v1-button-padding-top: 0;--terra-show-hide-v1-button-text-decoration: none;--terra-show-hide-v1-button-icon-height: 0;--terra-show-hide-v1-button-icon-width: 0;--terra-show-hide-v1-button-icon-margin-left: 0;--terra-show-hide-v1-button-focus-background-color: transparent;--terra-show-hide-v1-button-focus-border-radius: 3px;--terra-show-hide-v1-button-focus-box-shadow: 0 0 0 1px #4cb2e9, 0 0 0 3px rgba(76, 178, 233, 0.25);--terra-show-hide-v1-button-focus-color: #004c76;--terra-show-hide-v1-button-focus-text-decoration: underline;--terra-show-hide-v1-button-hover-background-color: transparent;--terra-show-hide-v1-button-hover-color: #004c76;--terra-show-hide-v1-button-hover-text-decoration: underline;--terra-show-hide-v1-button-active-color: #0065a3;--terra-show-hide-v1-button-icon-background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3C%2Fsvg%3E");--terra-show-hide-v1-button-focus-icon-background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3C%2Fsvg%3E");--terra-show-hide-v1-button-hover-icon-background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3C%2Fsvg%3E")}button._ShowHideButton-module__button___WFAuu{-webkit-appearance:button;appearance:button}._ShowHideButton-module__button___WFAuu{color:#0059a8;color:var(--terra-show-hide-v1-button-color, #0059a8);display:inline-block;font-family:inherit;font-size:1rem;font-size:var(--terra-show-hide-v1-button-font-size, 1rem);line-height:1.429;line-height:var(--terra-show-hide-v1-button-line-height, 1.429);outline:none;-webkit-text-decoration:none;-webkit-text-decoration:var(--terra-show-hide-v1-button-text-decoration, none);text-decoration:none;text-decoration:var(--terra-show-hide-v1-button-text-decoration, none);text-transform:none;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-user-select:none;-ms-user-select:none;user-select:none;white-space:normal}[dir] ._ShowHideButton-module__button___WFAuu{background-color:rgba(0,0,0,0);border:0;cursor:pointer;padding-bottom:0.21428rem;padding-bottom:var(--terra-show-hide-v1-button-padding-bottom, 0.21428rem);padding-top:0.21428rem;padding-top:var(--terra-show-hide-v1-button-padding-top, 0.21428rem);text-align:center}[dir=ltr] ._ShowHideButton-module__button___WFAuu{padding-left:0;padding-left:var(--terra-show-hide-v1-button-padding-left, 0);padding-right:0;padding-right:var(--terra-show-hide-v1-button-padding-right, 0)}[dir=rtl] ._ShowHideButton-module__button___WFAuu{padding-right:0;padding-right:var(--terra-show-hide-v1-button-padding-left, 0);padding-left:0;padding-left:var(--terra-show-hide-v1-button-padding-right, 0)}[dir] ._ShowHideButton-module__button___WFAuu::-moz-focus-inner{border:0;padding:0}._ShowHideButton-module__button___WFAuu ._ShowHideButton-module__icon___WReqJ{display:inline-block;height:0.7143em;height:var(--terra-show-hide-v1-button-icon-height, 0.7143em);width:0.7143em;width:var(--terra-show-hide-v1-button-icon-width, 0.7143em)}[dir] ._ShowHideButton-module__button___WFAuu ._ShowHideButton-module__icon___WReqJ{background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpolygon%20fill%3D%22%230059a8%22%20points%3D%2240.8%2C8.6%2024%2C25%207.2%2C8.6%200%2C15.9%2024%2C39.4%2048%2C15.9%20%22%2F%3E%3C%2Fsvg%3E");background-image:var(--terra-show-hide-v1-button-icon-background-image, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpolygon%20fill%3D%22%230059a8%22%20points%3D%2240.8%2C8.6%2024%2C25%207.2%2C8.6%200%2C15.9%2024%2C39.4%2048%2C15.9%20%22%2F%3E%3C%2Fsvg%3E"));background-repeat:no-repeat;background-size:cover}[dir=ltr] ._ShowHideButton-module__button___WFAuu ._ShowHideButton-module__icon___WReqJ{margin-left:0.28571em;margin-left:var(--terra-show-hide-v1-button-icon-margin-left, 0.28571em)}[dir=rtl] ._ShowHideButton-module__button___WFAuu ._ShowHideButton-module__icon___WReqJ{margin-right:0.28571em;margin-right:var(--terra-show-hide-v1-button-icon-margin-left, 0.28571em)}._ShowHideButton-module__button___WFAuu._ShowHideButton-module__is-focused___YlKDI{color:#001f67;color:var(--terra-show-hide-v1-button-focus-color, #001f67);-webkit-text-decoration:underline;-webkit-text-decoration:var(--terra-show-hide-v1-button-focus-text-decoration, underline);text-decoration:underline;text-decoration:var(--terra-show-hide-v1-button-focus-text-decoration, underline)}[dir] ._ShowHideButton-module__button___WFAuu._ShowHideButton-module__is-focused___YlKDI{background-color:transparent;background-color:var(--terra-show-hide-v1-button-focus-background-color, transparent);border-radius:0.2142rem;border-radius:var(--terra-show-hide-v1-button-focus-border-radius, 0.2142rem);box-shadow:0 0 0 1px #4cb2e9, 0 0 0 3px rgba(76, 178, 233, 0.25);box-shadow:var(--terra-show-hide-v1-button-focus-box-shadow, 0 0 0 1px #4cb2e9, 0 0 0 3px rgba(76, 178, 233, 0.25))}[dir] ._ShowHideButton-module__button___WFAuu._ShowHideButton-module__is-focused___YlKDI ._ShowHideButton-module__icon___WReqJ{background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpolygon%20fill%3D%22%23001f67%22%20points%3D%2240.8%2C8.6%2024%2C25%207.2%2C8.6%200%2C15.9%2024%2C39.4%2048%2C15.9%20%22%2F%3E%3C%2Fsvg%3E");background-image:var(--terra-show-hide-v1-button-focus-icon-background-image, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpolygon%20fill%3D%22%23001f67%22%20points%3D%2240.8%2C8.6%2024%2C25%207.2%2C8.6%200%2C15.9%2024%2C39.4%2048%2C15.9%20%22%2F%3E%3C%2Fsvg%3E"))}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover)and (pointer: fine){._ShowHideButton-module__button___WFAuu:hover,._ShowHideButton-module__button___WFAuu._ShowHideButton-module__is-hovered___FJXAe{color:#001f67;color:var(--terra-show-hide-v1-button-hover-color, #001f67);-webkit-text-decoration:underline;-webkit-text-decoration:var(--terra-show-hide-v1-button-hover-text-decoration, underline);text-decoration:underline;text-decoration:var(--terra-show-hide-v1-button-hover-text-decoration, underline)}[dir] ._ShowHideButton-module__button___WFAuu:hover, [dir] ._ShowHideButton-module__button___WFAuu._ShowHideButton-module__is-hovered___FJXAe{background-color:var(--terra-show-hide-v1-button-hover-background-color)}[dir] ._ShowHideButton-module__button___WFAuu:hover ._ShowHideButton-module__icon___WReqJ, [dir] ._ShowHideButton-module__button___WFAuu._ShowHideButton-module__is-hovered___FJXAe ._ShowHideButton-module__icon___WReqJ{background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpolygon%20fill%3D%22%23001f67%22%20points%3D%2240.8%2C8.6%2024%2C25%207.2%2C8.6%200%2C15.9%2024%2C39.4%2048%2C15.9%20%22%2F%3E%3C%2Fsvg%3E");background-image:var(--terra-show-hide-v1-button-hover-icon-background-image, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpolygon%20fill%3D%22%23001f67%22%20points%3D%2240.8%2C8.6%2024%2C25%207.2%2C8.6%200%2C15.9%2024%2C39.4%2048%2C15.9%20%22%2F%3E%3C%2Fsvg%3E"))}}._ShowHideButton-module__button___WFAuu:active{color:#001f67;color:var(--terra-show-hide-v1-button-active-color, #001f67)}[dir=ltr] ._ShowHideButton-module__button___WFAuu[aria-expanded=true] ._ShowHideButton-module__icon___WReqJ{transform:rotate(180deg)}[dir=rtl] ._ShowHideButton-module__button___WFAuu[aria-expanded=true] ._ShowHideButton-module__icon___WReqJ{transform:rotate(-180deg)}._ShowHideButton-module__inner___riPkg{display:-ms-flexbox;display:flex}._ShowHideButton-module__text___7HE7P{-ms-flex:1 1 auto;flex:1 1 auto;min-width:0}._ShowHideButton-module__icon-holder___XItSy{-ms-flex-item-align:center;align-self:center;-ms-flex:0 0 auto;flex:0 0 auto} +.Table-module__clinical-lowlight-theme___PqYJ8{--terra-html-table-background-color: #383f42;--terra-html-table-border: 1px solid #585a5c;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: none;--terra-html-table-header-cell-color: #1c1f21;--terra-html-table-header-cell-font-size: 1rem;--terra-html-table-header-cell-font-weight: bold;--terra-html-table-header-cell-border-right: 1px solid #585a5c;--terra-html-table-first-header-cell-border-left: 1px solid #585a5c;--terra-html-table-last-header-cell-border-right: 1px solid #585a5c;--terra-html-table-header-background-color: #909496;--terra-html-table-header-box-shadow: 0 4px 4px -3.5px #1c1f21, inset 0 0 0 1px #585a5c;--terra-html-table-header-row-border-bottom: 1px solid #585a5c;--terra-html-table-header-row-border-top: 1px solid #585a5c;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #b2b5b6;--terra-html-table-cell-font-size: 1rem;--terra-html-table-first-cell-border-left: 1px solid #585a5c;--terra-html-table-last-cell-border-right: 1px solid #585a5c;--terra-html-table-header-cell-standard-padding-bottom: 0.5rem;--terra-html-table-header-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-top: 0.5rem;--terra-html-table-header-cell-compact-padding-bottom: 0.25rem;--terra-html-table-header-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-top: 0.25rem;--terra-html-table-cell-standard-padding-bottom: 0.5rem;--terra-html-table-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-cell-standard-padding-top: 0.5rem;--terra-html-table-cell-compact-padding-bottom: 0.25rem;--terra-html-table-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-cell-compact-padding-top: 0.25rem;--terra-html-table-row-border-top: 1px solid #585a5c;--terra-html-table-last-row-border-bottom: 1px solid #585a5c;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #2d3539}.Table-module__orion-fusion-theme___d9rxf{--terra-html-table-background-color: transparent;--terra-html-table-border: 0;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: transparent;--terra-html-table-header-cell-color: #64696c;--terra-html-table-header-cell-font-size: 0.857142857rem;--terra-html-table-header-cell-font-weight: normal;--terra-html-table-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-first-header-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-background-color: #f4f4f4;--terra-html-table-header-box-shadow: none;--terra-html-table-header-row-border-bottom: 2px solid #64696c;--terra-html-table-header-row-border-top: 1px solid #c8cacb;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #1c1f21;--terra-html-table-cell-font-size: 0.857142857rem;--terra-html-table-first-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-cell-standard-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-top: 0.428571429rem;--terra-html-table-header-cell-compact-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-top: 0.428571429rem;--terra-html-table-cell-standard-padding-bottom: 0.8571428571rem;--terra-html-table-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-cell-standard-padding-top: 0.8571428571rem;--terra-html-table-cell-compact-padding-bottom: 0.8571428571rem;--terra-html-table-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-cell-compact-padding-top: 0.8571428571rem;--terra-html-table-row-border-top: 0;--terra-html-table-last-row-border-bottom: 1px solid #c8cacb;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #f4f4f4}.Table-module__table___eg2Mi{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___eg2Mi{background-color:transparent;background-color:var(--terra-html-table-background-color, transparent);border:0;border:var(--terra-html-table-border, 0);border-radius:0;border-radius:var(--terra-html-table-border-radius, 0)}[dir] .Table-module__table___eg2Mi caption{padding-bottom:.5em}.Table-module__table___eg2Mi tr{display:table-row}[dir] .Table-module__table___eg2Mi tr{margin-bottom:0}.Table-module__table___eg2Mi td,.Table-module__table___eg2Mi th{color:#1c1f21;color:var(--terra-html-table-cell-color, #1c1f21);display:table-cell;font-size:1rem;font-size:var(--terra-html-table-cell-font-size, 1rem);font-weight:normal;vertical-align:top}[dir] .Table-module__table___eg2Mi td, [dir] .Table-module__table___eg2Mi th{border:0}[dir=ltr] .Table-module__table___eg2Mi td, [dir=ltr] .Table-module__table___eg2Mi th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___eg2Mi td, [dir=rtl] .Table-module__table___eg2Mi th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___eg2Mi td:first-child, [dir=ltr] .Table-module__table___eg2Mi th:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:first-child, [dir=rtl] .Table-module__table___eg2Mi th:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi td:last-child, [dir=ltr] .Table-module__table___eg2Mi th:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:last-child, [dir=rtl] .Table-module__table___eg2Mi th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___eg2Mi thead th, [dir] .Table-module__table___eg2Mi thead td{border:0}[dir=ltr] .Table-module__table___eg2Mi thead th, [dir=ltr] .Table-module__table___eg2Mi thead td{border-right:1px solid rgba(200, 202, 203, 0.5);border-right:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:left}[dir=rtl] .Table-module__table___eg2Mi thead th, [dir=rtl] .Table-module__table___eg2Mi thead td{border-left:1px solid rgba(200, 202, 203, 0.5);border-left:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:right}[dir=ltr] .Table-module__table___eg2Mi thead th:first-child, [dir=ltr] .Table-module__table___eg2Mi thead td:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:first-child, [dir=rtl] .Table-module__table___eg2Mi thead td:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi thead th:last-child, [dir=ltr] .Table-module__table___eg2Mi thead td:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:last-child, [dir=rtl] .Table-module__table___eg2Mi thead td:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead{display:table-header-group}[dir] .Table-module__table___eg2Mi thead{background-color:#f1f1f2;background-color:var(--terra-html-table-header-background-color, #f1f1f2);box-shadow:0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5);box-shadow:var(--terra-html-table-header-box-shadow, 0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5))}[dir] .Table-module__table___eg2Mi thead tr{border-bottom:1px solid #b9bbbc;border-bottom:var(--terra-html-table-header-row-border-bottom, 1px solid #b9bbbc);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-header-row-border-top, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{color:#1c1f21;color:var(--terra-html-table-header-cell-color, #1c1f21);font-size:1rem;font-size:var(--terra-html-table-header-cell-font-size, 1rem);font-weight:bold;font-weight:var(--terra-html-table-header-cell-font-weight, bold);vertical-align:bottom}[dir] .Table-module__table___eg2Mi tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___eg2Mi tbody tr{background-color:transparent;background-color:var(--terra-html-table-row-background-color, transparent);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-row-border-top, 1px solid #dedfe0)}[dir] .Table-module__table___eg2Mi tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___eg2Mi tbody tr:last-of-type{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-html-table-last-row-border-bottom, 1px solid #dedfe0)}[dir] .Table-module__padding-standard___BfbC- th{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-header-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-header-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z th{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-header-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-header-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__padding-standard___BfbC- td{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z td{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__striped___n8xJe tbody tr:nth-of-type(even){background-color:#f6f7f8;background-color:var(--terra-html-table-row-striped-background-color, #f6f7f8)}@media print{.Table-module__table___eg2Mi thead{display:table-header-group}.Table-module__table___eg2Mi tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} diff --git a/38512-7315a00e07b0d8ce7885.js b/38512-7315a00e07b0d8ce7885.js new file mode 100644 index 0000000000..e3ee28543a --- /dev/null +++ b/38512-7315a00e07b0d8ce7885.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[38512,45627,37344,33667,96890,79482,85565,3353,5161,80858,14041,45865,16835,85355,3193,4845,27444,17657,46647,16873,85161,66097,38681,15318,40411,18101,33315,38443,11264,34319,78996,39915,33442],{22863:function(e,t,n){var r=n(64836);t.Z=void 0;var o=r(n(67294)),l=r(n(45697)),a=r(n(47166)),u=r(n(17422)),i=a.default.bind(u.default),c={name:l.default.string.isRequired,src:l.default.string,url:l.default.string,version:l.default.string.isRequired},f=function(e){var t=e.src,n=e.name,r=e.url,l=e.version,a=o.default.createElement("a",{className:i("badge"),href:r||"https://www.npmjs.org/package/".concat(n,"/v/").concat(l)},o.default.createElement("span",{className:i("badge-name")},r?"package":"npm"),o.default.createElement("span",{className:i("badge-version")},"v".concat(l))),u=t?o.default.createElement("a",{className:i("badge"),href:t},o.default.createElement("span",{className:i("badge-name")},"github"),o.default.createElement("span",{className:i("badge-version")},"source")):void 0;return o.default.createElement("div",{className:i("badge-container")},a,u)};f.propTypes=c;var d=f;t.Z=d},49271:function(e,t,n){var r=n(64836),o=n(18698);t.Z=void 0;var l=r(n(27424)),a=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==o(e)&&"function"!=typeof e)return{default:e};var n=_(t);if(n&&n.has(e))return n.get(e);var r={},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var u=l?Object.getOwnPropertyDescriptor(e,a):null;u&&(u.get||u.set)?Object.defineProperty(r,a,u):r[a]=e[a]}r.default=e,n&&n.set(e,r);return r}(n(67294)),u=r(n(45697)),i=r(n(47166)),c=n(21538),f=r(n(33864)),d=r(n(23399)),s=n(51051),p=r(n(53560));function _(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(_=function(e){return e?n:t})(e)}var m=i.default.bind(p.default),y={example:u.default.element,exampleSrc:u.default.element,exampleCssSrc:u.default.element,title:u.default.string,description:u.default.node,isExpanded:u.default.bool},b=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},h=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},v=function(e){var t=e.example,n=e.exampleSrc,r=e.exampleCssSrc,o=e.title,u=e.description,i=e.isExpanded,p=(0,a.useState)(i),_=(0,l.default)(p,2),y=_[0],v=_[1],g=(0,a.useState)(!1),w=(0,l.default)(g,2),O=w[0],E=w[1],j=a.default.useContext(c.ThemeContext),S=void 0!==r,N=function(){E(!O),y&&v(!y)},x=function(){v(!y),O&&E(!O)},P=function(e,t){e.nativeEvent.keyCode!==s.KEY_SPACE&&e.nativeEvent.keyCode!==s.KEY_RETURN||(e.preventDefault(),t())};return a.default.createElement("div",{className:m("template",j.className)},a.default.createElement("div",{className:m("header")},o&&a.default.createElement("h2",{className:m("title")},o)),a.default.createElement("div",{className:m("content")},u&&a.default.createElement("div",{className:m("description")},u),t),a.default.createElement("div",{className:m("footer")},n?a.default.createElement("div",{className:m("button-container")},S&&a.default.createElement("button",{type:"button",className:m("css-toggle","item",{"is-selected":O}),onClick:N,onKeyDown:function(e){return P(e,N)},onBlur:b,onMouseDown:h,tabIndex:0,"data-focus-styles-enabled":!0},a.default.createElement(f.default,{className:m("chevron")}),a.default.createElement("span",null,"CSS"),a.default.createElement(d.default,{className:m("chevron")})),a.default.createElement("button",{type:"button",className:m("code-toggle","item",{"is-selected":y}),onClick:x,onKeyDown:function(e){return P(e,x)},onBlur:b,onMouseDown:h,tabIndex:0,"data-focus-styles-enabled":!0},a.default.createElement(f.default,{className:m("chevron")}),a.default.createElement("span",null,"Code"),a.default.createElement(d.default,{className:m("chevron")}))):null,a.default.createElement("div",null,O&&a.default.createElement("div",{className:m("css")},r),y&&a.default.createElement("div",{className:m("code")},n))))};v.propTypes=y,v.defaultProps={isExpanded:!1};var g=v;t.Z=g},40996:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=c(n(67294)),o=c(n(45697)),l=c(n(47166)),a=c(n(50026)),u=c(n(66983)),i=["children"];function c(e){return e&&e.__esModule?e:{default:e}}function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var s=l.default.bind(u.default),p=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},_=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},m={children:o.default.string},y=function(e){var t=e.children,n=d(e,i),o=r.default.useContext(a.default),u=(0,l.default)(s(["button",o.className]),n.className);return r.default.createElement("button",f({},n,{type:"button",className:u,onBlur:p,onMouseDown:_,"data-focus-styles-enabled":!0}),t)};y.propTypes=m;t.default=y},59278:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=i(n(67294)),o=i(n(45697)),l=i(n(47166)),a=i(n(50026)),u=i(n(30866));function i(e){return e&&e.__esModule?e:{default:e}}var c=l.default.bind(u.default),f={ariaLevel:o.default.oneOf(["2","3","4","5","6"]),children:o.default.node,variant:o.default.oneOf(["ux-recommendation","caution","deprecation","maintenance","important","not-supported"])},d=function(e){var t=e.ariaLevel,n=e.variant,o=e.children,l=r.default.useContext(a.default);return r.default.createElement("div",{className:c("notice",n,l.className)},r.default.createElement("div",{className:c("accessory"),"aria-hidden":"true",focusable:"false"}),r.default.createElement("div",{role:"heading",className:c("title"),"aria-level":t},r.default.createElement("span",null,function(e){return"ux-recommendation"===e?"UX Recommendation":"caution"===e?"Caution":"deprecation"===e?"Deprecation Notice":"maintenance"===e?"In Maintenance":"important"===e?"Important":"not-supported"===e?"Hazards for Incorrect Usage":"error"}(n))),r.default.createElement("div",{className:c("children")},function(e){return"not-supported"===e?r.default.createElement(r.default.Fragment,null,r.default.createElement("p",{className:c("paragraph")},"This component was designed and tested according to the documented implementation."),r.default.createElement("p",{className:c("paragraph")},"Using the component incorrectly:",r.default.createElement("ul",{className:c("list")},r.default.createElement("li",null,"will likely result in improper composition and create accessibility issues"),r.default.createElement("li",null,"may cause erratic or broken behaviors and styles"),r.default.createElement("li",null,r.default.createElement("strong",null,"will not be supported "),"or enhanced to allow for incorrect use")))):null}(n),r.default.Children.map(o,(function(e){return"string"==typeof e?r.default.createElement("p",null,e):e}))))};d.propTypes=f,d.defaultProps={ariaLevel:"2",variant:"important"};t.default=d},47306:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=f(n(67294)),o=f(n(45697)),l=f(n(94184)),a=f(n(47166)),u=f(n(50026)),i=f(n(42620)),c=["title"];function f(e){return e&&e.__esModule?e:{default:e}}function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var p=a.default.bind(i.default),_={title:o.default.string},m=function(e){var t=e.title,n=s(e,c),o=r.default.useContext(u.default),a=(0,l.default)(p(["placeholder",o.className]),n.className),i=p(["inner"]);return r.default.createElement("div",d({},n,{className:a}),r.default.createElement("div",{className:i},r.default.createElement("p",{className:p("title")},t)))};m.propTypes=_,m.defaultProps={title:""};t.default=m},34261:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Button",{enumerable:!0,get:function(){return l.default}}),Object.defineProperty(t,"Notice",{enumerable:!0,get:function(){return r.default}}),Object.defineProperty(t,"Placeholder",{enumerable:!0,get:function(){return o.default}});var r=a(n(59278)),o=a(n(47306)),l=a(n(40996));function a(e){return e&&e.__esModule?e:{default:e}}},17422:function(e,t,n){n.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},53560:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},66983:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Button-module__clinical-lowlight-theme___TyZWB","orion-fusion-theme":"Button-module__orion-fusion-theme___q-FcQ",button:"Button-module__button___QuCn2","is-active":"Button-module__is-active___Z8AuK"}},30866:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Notice-module__clinical-lowlight-theme___aa5xV","orion-fusion-theme":"Notice-module__orion-fusion-theme___QAE-T",notice:"Notice-module__notice___GWkPA",children:"Notice-module__children___lDYsm",accessory:"Notice-module__accessory___wkLOG",title:"Notice-module__title___6H5tc","ux-recommendation":"Notice-module__ux-recommendation___N8BuK",caution:"Notice-module__caution___hPrVl",deprecation:"Notice-module__deprecation___g1drA",maintenance:"Notice-module__maintenance___kWLIZ",important:"Notice-module__important___p5DiF","not-supported":"Notice-module__not-supported___34bHd",paragraph:"Notice-module__paragraph___5h-w1",list:"Notice-module__list___M2Kxj"}},42620:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Placeholder-module__clinical-lowlight-theme___Obm9K","orion-fusion-theme":"Placeholder-module__orion-fusion-theme___svHY+",placeholder:"Placeholder-module__placeholder___ZZDXd",inner:"Placeholder-module__inner___fJq9o",title:"Placeholder-module__title___teBSo"}},324:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ShowHide-module__clinical-lowlight-theme___NveE5","orion-fusion-theme":"ShowHide-module__orion-fusion-theme___QJ2qF","show-hide":"ShowHide-module__show-hide___9NHsr",start:"ShowHide-module__start___Ruf0l",center:"ShowHide-module__center___wSid6",end:"ShowHide-module__end___18wGP","show-hide-content":"ShowHide-module__show-hide-content___298i6","text-divider":"ShowHide-module__text-divider___nUdq8"}},40926:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"_ShowHideButton-module__clinical-lowlight-theme___plKtw","orion-fusion-theme":"_ShowHideButton-module__orion-fusion-theme___EJgbn",button:"_ShowHideButton-module__button___WFAuu",icon:"_ShowHideButton-module__icon___WReqJ","is-focused":"_ShowHideButton-module__is-focused___YlKDI","is-hovered":"_ShowHideButton-module__is-hovered___FJXAe",inner:"_ShowHideButton-module__inner___riPkg",text:"_ShowHideButton-module__text___7HE7P","icon-holder":"_ShowHideButton-module__icon-holder___XItSy"}},33823:function(e,t,n){function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=m(t);if(n&&n.has(e))return n.get(e);var o={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var u=l?Object.getOwnPropertyDescriptor(e,a):null;u&&(u.get||u.set)?Object.defineProperty(o,a,u):o[a]=e[a]}return o.default=e,n&&n.set(e,o),o}(n(67294)),l=_(n(45697)),a=_(n(30659)),u=n(25387),i=n(55877),c=_(n(47166)),f=_(n(50026)),d=_(n(324)),s=_(n(64405)),p=["buttonAlign","buttonText","children","onChange","preview","intl","isOpen","focusRef"];function _(e){return e&&e.__esModule?e:{default:e}}function m(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(m=function(e){return e?n:t})(e)}function y(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,a,u=[],i=!0,c=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;i=!1}else for(;!(i=(r=l.call(n)).done)&&(u.push(r.value),u.length!==t);i=!0);}catch(e){c=!0,o=e}finally{try{if(!i&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(c)throw o}}return u}}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return b(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return b(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var v=c.default.bind(d.default),g={children:l.default.node.isRequired,intl:l.default.shape({formatMessage:l.default.func}).isRequired,onChange:l.default.func.isRequired,buttonAlign:l.default.string,buttonText:l.default.string,isOpen:l.default.bool,focusRef:l.default.shape({current:l.default.instanceOf(Element)}),preview:l.default.node},w=function(e){var t=e.buttonAlign,n=e.buttonText,r=e.children,l=e.onChange,u=e.preview,c=e.intl,d=e.isOpen,_=e.focusRef,m=h(e,p),b=(0,o.useContext)(f.default),g=(0,o.useRef)(null),w=y((0,o.useState)(!1),2),O=w[0],E=w[1];(0,o.useEffect)((function(){d&&(null!=_&&_.current?null==_||_.current.focus():null!=g&&g.current&&E(!0))}),[d,_,g]),(0,o.useEffect)((function(){var e;O&&d&&null!=g&&g.current&&(null==g||null===(e=g.current)||void 0===e||e.focus())}),[O,d]);var j=(0,i.v4)(),S="show-hide-content-".concat(j),N=v(["show-hide","button",t,m.className]),x="";n||(x=d?c.formatMessage({id:"Terra.showhide.hide"}):c.formatMessage({id:"Terra.showhide.showmore"}));return o.default.createElement("div",m,!d&&u,o.default.createElement("div",{id:S,className:v(["show-hide-content",b.className]),ref:g,tabIndex:O?"-1":null,role:O?"group":null,onBlur:function(){O&&E(!1)}},o.default.createElement(a.default,{isOpen:d},r)),o.default.createElement("div",{className:v("show-hide")},o.default.createElement(s.default,{"aria-controls":S,"aria-expanded":d,text:n||x,onClick:l,className:N})))};w.propTypes=g,w.defaultProps={buttonAlign:"start",isOpen:!1,preview:null,focusRef:null};t.default=(0,u.injectIntl)(w)},40875:function(e,t,n){function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=f(t);if(n&&n.has(e))return n.get(e);var o={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var u=l?Object.getOwnPropertyDescriptor(e,a):null;u&&(u.get||u.set)?Object.defineProperty(o,a,u):o[a]=e[a]}return o.default=e,n&&n.set(e,o),o}(n(67294)),l=c(n(45697)),a=c(n(47166)),u=n(55877),i=c(n(324));function c(e){return e&&e.__esModule?e:{default:e}}function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(f=function(e){return e?n:t})(e)}function d(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,a,u=[],i=!0,c=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;i=!1}else for(;!(i=(r=l.call(n)).done)&&(u.push(r.value),u.length!==t);i=!0);}catch(e){c=!0,o=e}finally{try{if(!i&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(c)throw o}}return u}}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return s(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return s(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function y(e,t){for(var n=0;n=0||(d[l]=e[l]);return d}(e,a);if(Object.getOwnPropertySymbols){var m=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(d[l]=e[l])}return d}var u={},i="wrapper";function p(e){var a=e.components,l=t(e,m);return(0,n.mdx)(i,r({},u,l,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)("h1",{id:"changelog"},"Changelog"),(0,n.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,n.mdx)("h2",{id:"2370---november-13-2023"},"2.37.0 - (November 13, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2360---december-7-2022"},"2.36.0 - (December 7, 2022)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2350---february-2-2022"},"2.35.0 - (February 2, 2022)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Migrate docs to terra core docs.")))),(0,n.mdx)("h2",{id:"2340---september-21-2021"},"2.34.0 - (September 21, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated WDIO Screenshots due to webpack-config-terra sass upgrade.")))),(0,n.mdx)("h2",{id:"2330---august-25-2021"},"2.33.0 - (August 25, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated WDIO snapshots due to terra-functional-testing v2 upgrade.")))),(0,n.mdx)("h2",{id:"2320---april-6-2021"},"2.32.0 - (April 6, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed unnecessary ",(0,n.mdx)("inlineCode",{parentName:"li"},"wdio.conf.js")," file"),(0,n.mdx)("li",{parentName:"ul"},"Upgrade to terra-functional-testing"),(0,n.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,n.mdx)("h2",{id:"2310---december-8-2020"},"2.31.0 - (December 8, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,n.mdx)("h2",{id:"2300---august-4-2020"},"2.30.0 - (August 4, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2290---july-29-2020"},"2.29.0 - (July 29, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update changelog formatting")))),(0,n.mdx)("h2",{id:"3380---june-23-2020"},"3.38.0 - (June 23, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update Usage Section in dev-site doc page")))),(0,n.mdx)("h2",{id:"2270---june-9-2020"},"2.27.0 - (June 9, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor file changes to comply with eslint rules"),(0,n.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config")))),(0,n.mdx)("h2",{id:"2260---april-28-2020"},"2.26.0 - (April 28, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge'))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,n.mdx)("h2",{id:"2250---april-22-2020"},"2.25.0 - (April 22, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated documentation link in README")))),(0,n.mdx)("h2",{id:"2240---march-10-2020"},"2.24.0 - (March 10, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update docs to use mdx syntax.")))),(0,n.mdx)("h2",{id:"2230---february-18-2020"},"2.23.0 - (February 18, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added generated-themes to .npmignore")))),(0,n.mdx)("h2",{id:"2220---january-7-2020"},"2.22.0 - (January 7, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2210---december-3-2019"},"2.21.0 - (December 3, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},'Added reference wdio screenshots for "orion-fusion-theme".')))),(0,n.mdx)("h2",{id:"2200---october-30-2019"},"2.20.0 - (October 30, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed lint warnings for multiple empty lines")))),(0,n.mdx)("h2",{id:"2190---october-3-2019"},"2.19.0 - (October 3, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2180---september-19-2019"},"2.18.0 - (September 19, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed ",(0,n.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site.")))),(0,n.mdx)("h2",{id:"2170---september-6-2019"},"2.17.0 - (September 6, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Props table markdown file import added to doc site page")))),(0,n.mdx)("h2",{id:"2160---august-21-2019"},"2.16.0 - (August 21, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Import for package version from package.json added to doc page"),(0,n.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files")))),(0,n.mdx)("h2",{id:"2150---august-14-2019"},"2.15.0 - (August 14, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"updated package.json test scripts")))),(0,n.mdx)("h2",{id:"2140---july-30-2019"},"2.14.0 - (July 30, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2130---july-24-2019"},"2.13.0 - (July 24, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2120---july-16-2019"},"2.12.0 - (July 16, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies")))),(0,n.mdx)("h2",{id:"2110----july-11-2019"},"2.11.0 - (July 11, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update tests to use ",(0,n.mdx)("inlineCode",{parentName:"li"},"Terra.describeViewports")," for setting viewports and use ",(0,n.mdx)("inlineCode",{parentName:"li"},"Terra.it.validatesElement"))))),(0,n.mdx)("h2",{id:"2100---july-9-2019"},"2.10.0 - (July 9, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added refCallback prop. This is useful when using terra-visually-hidden-text as an aria-live container")))),(0,n.mdx)("h2",{id:"290---june-28-2019"},"2.9.0 - (June 28, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"280---june-11-2019"},"2.8.0 - (June 11, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Made required updates to consume terra-toolkit v5 and terra-dev-site v5")))),(0,n.mdx)("h2",{id:"270---may-1-2019"},"2.7.0 - (May 1, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"260---april-16-2019"},"2.6.0 - (April 16, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"250---march-26-2019"},"2.5.0 - (March 26, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,n.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,n.mdx)("h2",{id:"240---march-21-2019"},"2.4.0 - (March 21, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"230---february-26-2019"},"2.3.0 - (February 26, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"220---february-12-2019"},"2.2.0 - (February 12, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"210---february-5-2019"},"2.1.0 - (February 5, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"200---january-22-2019"},"2.0.0 - (January 22, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated theme variables")))),(0,n.mdx)("h2",{id:"1100---january-22-2019"},"1.10.0 - (January 22, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated dependencies to fix major version bump issues")))),(0,n.mdx)("h2",{id:"190---january-8-2019"},"1.9.0 - (January 8, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"180---january-2-2019"},"1.8.0 - (January 2, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"170---november-19-2018"},"1.7.0 - (November 19, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"160---november-13-2018"},"1.6.0 - (November 13, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"150---november-9-2018"},"1.5.0 - (November 9, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"140---october-30-2018"},"1.4.0 - (October 30, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Prevented text from reading one word at a time on screen readers")))),(0,n.mdx)("h2",{id:"130---october-24-2018"},"1.3.0 - (October 24, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"120---october-16-2018"},"1.2.0 - (October 16, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"110---october-8-2018"},"1.1.0 - (October 8, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"100---september-25-2018"},"1.0.0 - (September 25, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Initial stable release")))}p.isMDXComponent=!0;var x=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(d[l]=e[l]);return d}(e,a);if(Object.getOwnPropertySymbols){var m=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(d[l]=e[l])}return d}var N={},c="wrapper";function h(e){var a=e.components,l=s(e,x);return(0,n.mdx)(c,o({},N,l,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)(d.C,{mdxType:"Badge"}),(0,n.mdx)(p,{mdxType:"ChangeLog"}))}h.isMDXComponent=!0},50165:function(e,a,l){l.d(a,{C:function(){return m}});var n=l(67294),d=l(22863),m=function(e){var a=e.url;return n.createElement(d.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-visually-hidden-text",name:"terra-visually-hidden-text",version:"2.37.0",url:a})}},17422:function(e,a,l){l.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/39097-ab1b999bb9c813a09d11.css b/39097-ab1b999bb9c813a09d11.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/39097-ab1b999bb9c813a09d11.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/39097-ab1b999bb9c813a09d11.js b/39097-ab1b999bb9c813a09d11.js new file mode 100644 index 0000000000..fd2e41c0ff --- /dev/null +++ b/39097-ab1b999bb9c813a09d11.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[39097,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,a,t){var r=t(64836);a.Z=void 0;var n=r(t(67294)),l=r(t(45697)),d=r(t(47166)),o=r(t(17422)),u=d.default.bind(o.default),i={name:l.default.string.isRequired,src:l.default.string,url:l.default.string,version:l.default.string.isRequired},m=function(e){var a=e.src,t=e.name,r=e.url,l=e.version,d=n.default.createElement("a",{className:u("badge"),href:r||"https://www.npmjs.org/package/".concat(t,"/v/").concat(l)},n.default.createElement("span",{className:u("badge-name")},r?"package":"npm"),n.default.createElement("span",{className:u("badge-version")},"v".concat(l))),o=a?n.default.createElement("a",{className:u("badge"),href:a},n.default.createElement("span",{className:u("badge-name")},"github"),n.default.createElement("span",{className:u("badge-version")},"source")):void 0;return n.default.createElement("div",{className:u("badge-container")},d,o)};m.propTypes=i;var s=m;a.Z=s},39097:function(e,a,t){t.r(a),t.d(a,{default:function(){return m}});t(67294);var r=t(81254),n=t(65911),l=["components"];function d(){return d=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(n[t]=e[t]);return n}(e,a);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}var u={},i="wrapper";function m(e){var a=e.components,t=o(e,l);return(0,r.mdx)(i,d({},u,t,{components:a,mdxType:"MDXLayout"}),(0,r.mdx)(n.C,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-layout-upgrade-guide"},"Terra Layout Upgrade Guide"),(0,r.mdx)("h2",{id:"changes-from-version-2-to-version-3"},"Changes from version 2 to version 3"),(0,r.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,r.mdx)("h4",{id:"renamed"},"Renamed"),(0,r.mdx)("table",null,(0,r.mdx)("thead",{parentName:"table"},(0,r.mdx)("tr",{parentName:"thead"},(0,r.mdx)("th",{parentName:"tr",align:null},"Previous"),(0,r.mdx)("th",{parentName:"tr",align:null},"New"))),(0,r.mdx)("tbody",{parentName:"table"},(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"--layout-slide-panel-background-color"),(0,r.mdx)("td",{parentName:"tr",align:null},"--terra-layout-slide-panel-panel-background-color")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"--layout-slide-panel-desktop-panel-width"),(0,r.mdx)("td",{parentName:"tr",align:null},"--terra-layout-slide-panel-panel-width")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"--layout-slide-panel-phone-panel-width"),(0,r.mdx)("td",{parentName:"tr",align:null},"--terra-layout-slide-panel-tiny-panel-width")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"--layout-slide-panel-tablet-panel-width"),(0,r.mdx)("td",{parentName:"tr",align:null},"--terra-layout-slide-panel-small-panel-width")))),(0,r.mdx)("h4",{id:"added"},"Added"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"--terra-layout-slide-panel-overlay-panel-ltr-box-shadow"),(0,r.mdx)("li",{parentName:"ul"},"--terra-layout-slide-panel-overlay-panel-rtl-box-shadow"),(0,r.mdx)("li",{parentName:"ul"},"--terra-layout-slide-panel-squish-panel-background-color"),(0,r.mdx)("li",{parentName:"ul"},"--terra-layout-slide-panel-squish-panel-border-right-color"),(0,r.mdx)("li",{parentName:"ul"},"--terra-layout-slide-panel-squish-panel-border-right-width"),(0,r.mdx)("li",{parentName:"ul"},"--terra-layout-slide-panel-squish-panel-ltr-box-shadow"),(0,r.mdx)("li",{parentName:"ul"},"--terra-layout-slide-panel-squish-panel-rtl-box-shadow")),(0,r.mdx)("h4",{id:"removed"},"Removed"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"--layout-slide-panel-panel-shadow-color"),(0,r.mdx)("li",{parentName:"ul"},"--layout-slide-panel-panel-border-color")))}m.isMDXComponent=!0},65911:function(e,a,t){t.d(a,{C:function(){return l}});var r=t(67294),n=t(22863),l=function(e){var a=e.url;return r.createElement(n.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-layout",name:"terra-layout",version:"4.38.0",url:a})}},17422:function(e,a,t){t.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/39543-3e71f9a9d26e8b685ff2.css b/39543-3e71f9a9d26e8b685ff2.css new file mode 100644 index 0000000000..fc458d5fd8 --- /dev/null +++ b/39543-3e71f9a9d26e8b685ff2.css @@ -0,0 +1,5 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.FormSelectDocCommon-module__form-select___Tm1QE{max-width:300px}[dir] .FormSelectDocCommon-module__controlled-button___wG6cn{margin:5px} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} +.Table-module__clinical-lowlight-theme___PqYJ8{--terra-html-table-background-color: #383f42;--terra-html-table-border: 1px solid #585a5c;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: none;--terra-html-table-header-cell-color: #1c1f21;--terra-html-table-header-cell-font-size: 1rem;--terra-html-table-header-cell-font-weight: bold;--terra-html-table-header-cell-border-right: 1px solid #585a5c;--terra-html-table-first-header-cell-border-left: 1px solid #585a5c;--terra-html-table-last-header-cell-border-right: 1px solid #585a5c;--terra-html-table-header-background-color: #909496;--terra-html-table-header-box-shadow: 0 4px 4px -3.5px #1c1f21, inset 0 0 0 1px #585a5c;--terra-html-table-header-row-border-bottom: 1px solid #585a5c;--terra-html-table-header-row-border-top: 1px solid #585a5c;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #b2b5b6;--terra-html-table-cell-font-size: 1rem;--terra-html-table-first-cell-border-left: 1px solid #585a5c;--terra-html-table-last-cell-border-right: 1px solid #585a5c;--terra-html-table-header-cell-standard-padding-bottom: 0.5rem;--terra-html-table-header-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-top: 0.5rem;--terra-html-table-header-cell-compact-padding-bottom: 0.25rem;--terra-html-table-header-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-top: 0.25rem;--terra-html-table-cell-standard-padding-bottom: 0.5rem;--terra-html-table-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-cell-standard-padding-top: 0.5rem;--terra-html-table-cell-compact-padding-bottom: 0.25rem;--terra-html-table-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-cell-compact-padding-top: 0.25rem;--terra-html-table-row-border-top: 1px solid #585a5c;--terra-html-table-last-row-border-bottom: 1px solid #585a5c;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #2d3539}.Table-module__orion-fusion-theme___d9rxf{--terra-html-table-background-color: transparent;--terra-html-table-border: 0;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: transparent;--terra-html-table-header-cell-color: #64696c;--terra-html-table-header-cell-font-size: 0.857142857rem;--terra-html-table-header-cell-font-weight: normal;--terra-html-table-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-first-header-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-background-color: #f4f4f4;--terra-html-table-header-box-shadow: none;--terra-html-table-header-row-border-bottom: 2px solid #64696c;--terra-html-table-header-row-border-top: 1px solid #c8cacb;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #1c1f21;--terra-html-table-cell-font-size: 0.857142857rem;--terra-html-table-first-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-cell-standard-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-top: 0.428571429rem;--terra-html-table-header-cell-compact-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-top: 0.428571429rem;--terra-html-table-cell-standard-padding-bottom: 0.8571428571rem;--terra-html-table-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-cell-standard-padding-top: 0.8571428571rem;--terra-html-table-cell-compact-padding-bottom: 0.8571428571rem;--terra-html-table-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-cell-compact-padding-top: 0.8571428571rem;--terra-html-table-row-border-top: 0;--terra-html-table-last-row-border-bottom: 1px solid #c8cacb;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #f4f4f4}.Table-module__table___eg2Mi{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___eg2Mi{background-color:transparent;background-color:var(--terra-html-table-background-color, transparent);border:0;border:var(--terra-html-table-border, 0);border-radius:0;border-radius:var(--terra-html-table-border-radius, 0)}[dir] .Table-module__table___eg2Mi caption{padding-bottom:.5em}.Table-module__table___eg2Mi tr{display:table-row}[dir] .Table-module__table___eg2Mi tr{margin-bottom:0}.Table-module__table___eg2Mi td,.Table-module__table___eg2Mi th{color:#1c1f21;color:var(--terra-html-table-cell-color, #1c1f21);display:table-cell;font-size:1rem;font-size:var(--terra-html-table-cell-font-size, 1rem);font-weight:normal;vertical-align:top}[dir] .Table-module__table___eg2Mi td, [dir] .Table-module__table___eg2Mi th{border:0}[dir=ltr] .Table-module__table___eg2Mi td, [dir=ltr] .Table-module__table___eg2Mi th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___eg2Mi td, [dir=rtl] .Table-module__table___eg2Mi th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___eg2Mi td:first-child, [dir=ltr] .Table-module__table___eg2Mi th:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:first-child, [dir=rtl] .Table-module__table___eg2Mi th:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi td:last-child, [dir=ltr] .Table-module__table___eg2Mi th:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:last-child, [dir=rtl] .Table-module__table___eg2Mi th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___eg2Mi thead th, [dir] .Table-module__table___eg2Mi thead td{border:0}[dir=ltr] .Table-module__table___eg2Mi thead th, [dir=ltr] .Table-module__table___eg2Mi thead td{border-right:1px solid rgba(200, 202, 203, 0.5);border-right:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:left}[dir=rtl] .Table-module__table___eg2Mi thead th, [dir=rtl] .Table-module__table___eg2Mi thead td{border-left:1px solid rgba(200, 202, 203, 0.5);border-left:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:right}[dir=ltr] .Table-module__table___eg2Mi thead th:first-child, [dir=ltr] .Table-module__table___eg2Mi thead td:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:first-child, [dir=rtl] .Table-module__table___eg2Mi thead td:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi thead th:last-child, [dir=ltr] .Table-module__table___eg2Mi thead td:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:last-child, [dir=rtl] .Table-module__table___eg2Mi thead td:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead{display:table-header-group}[dir] .Table-module__table___eg2Mi thead{background-color:#f1f1f2;background-color:var(--terra-html-table-header-background-color, #f1f1f2);box-shadow:0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5);box-shadow:var(--terra-html-table-header-box-shadow, 0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5))}[dir] .Table-module__table___eg2Mi thead tr{border-bottom:1px solid #b9bbbc;border-bottom:var(--terra-html-table-header-row-border-bottom, 1px solid #b9bbbc);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-header-row-border-top, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{color:#1c1f21;color:var(--terra-html-table-header-cell-color, #1c1f21);font-size:1rem;font-size:var(--terra-html-table-header-cell-font-size, 1rem);font-weight:bold;font-weight:var(--terra-html-table-header-cell-font-weight, bold);vertical-align:bottom}[dir] .Table-module__table___eg2Mi tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___eg2Mi tbody tr{background-color:transparent;background-color:var(--terra-html-table-row-background-color, transparent);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-row-border-top, 1px solid #dedfe0)}[dir] .Table-module__table___eg2Mi tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___eg2Mi tbody tr:last-of-type{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-html-table-last-row-border-bottom, 1px solid #dedfe0)}[dir] .Table-module__padding-standard___BfbC- th{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-header-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-header-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z th{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-header-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-header-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__padding-standard___BfbC- td{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z td{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__striped___n8xJe tbody tr:nth-of-type(even){background-color:#f6f7f8;background-color:var(--terra-html-table-row-striped-background-color, #f6f7f8)}@media print{.Table-module__table___eg2Mi thead{display:table-header-group}.Table-module__table___eg2Mi tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} diff --git a/39543-3e71f9a9d26e8b685ff2.js b/39543-3e71f9a9d26e8b685ff2.js new file mode 100644 index 0000000000..3a804fabb1 --- /dev/null +++ b/39543-3e71f9a9d26e8b685ff2.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[39543,45627,37344,33667,96890,79482,85565,51658,3353,5161,80858,14041,45865,16835,85355,3193,4845,27444,17657,46647,16873,85161,66097,38681,15318,40411,18101,33315,38443,11264,34319,78996,39915,33442],{76517:function(e,l,a){l.Z=void 0;var t=m(a(67294)),n=m(a(47166)),r=m(a(39705)),d=m(a(48824));function m(e){return e&&e.__esModule?e:{default:e}}var i=n.default.bind(d.default);l.Z=function(){return t.default.createElement(r.default,{label:"Default Field Text",options:[{value:"volvo",display:"Volvo"},{value:"saab",display:"Saab"},{value:"mercedes",display:"Mercedes"},{value:"audi",display:"Audi"}],selectId:"default-example",className:i("form-select")})}},36576:function(e,l,a){l.Z=void 0;var t=m(a(67294)),n=m(a(47166)),r=m(a(39705)),d=m(a(48824));function m(e){return e&&e.__esModule?e:{default:e}}var i=n.default.bind(d.default);l.Z=function(){return t.default.createElement(r.default,{label:"Default Field Text",options:[{value:"volvo",display:"Volvo"},{value:"saab",display:"Saab"},{value:"mercedes",display:"Mercedes"},{value:"audi",display:"Audi"}],isFilterStyle:!0,selectId:"default-example",className:i("form-select")})}},54159:function(e,l,a){l.Z=void 0;var t=m(a(67294)),n=m(a(47166)),r=m(a(39705)),d=m(a(48824));function m(e){return e&&e.__esModule?e:{default:e}}var i=n.default.bind(d.default);l.Z=function(){return t.default.createElement(r.default,{isIncomplete:!0,label:"Incomplete Field Text",options:[{value:"volvo",display:"Volvo"},{value:"saab",display:"Saab"},{value:"mercedes",display:"Mercedes"},{value:"audi",display:"Audi"}],required:!0,selectId:"incomplete-example",className:i("form-select")})}},77095:function(e,l,a){l.Z=void 0;var t=m(a(67294)),n=m(a(47166)),r=m(a(39705)),d=m(a(48824));function m(e){return e&&e.__esModule?e:{default:e}}var i=n.default.bind(d.default);l.Z=function(){return t.default.createElement(r.default,{label:"Required Field Text",options:[{value:"volvo",display:"Volvo"},{value:"saab",display:"Saab"},{value:"mercedes",display:"Mercedes"},{value:"audi",display:"Audi"}],required:!0,selectId:"required-example",className:i("form-select")})}},27638:function(e,l,a){a.r(l),a.d(l,{default:function(){return K}});var t=a(67294),n=a(81254),r=a(57739),d=a(76517),m=["components"];function i(){return i=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(n[a]=e[a]);return n}(e,l);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(n[a]=e[a])}return n}var o={};function s(e){var l=e.components,a=p(e,m);return(0,n.mdx)("wrapper",i({},o,a,{components:l,mdxType:"MDXLayout"}),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport classNames from 'classnames/bind';\nimport NativeSelectField from 'terra-form-select/lib/native-select/NativeSelectField';\nimport styles from '../FormSelectDocCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst DefaultFieldExample = () => (\n \n);\n\nexport default DefaultFieldExample;\n\n")))}s.isMDXComponent=!0;var u=a(49271),c=a(15305),x=function(e){var l=e.title,a=e.description,n=e.isExpanded;return t.createElement(u.Z,{title:l||"Default Field",description:a,example:t.createElement(d.Z,null),exampleCssSrc:t.createElement(c.Z,null),exampleSrc:t.createElement(s,null),isExpanded:n})},y=a(77095),f=["components"];function v(){return v=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(n[a]=e[a]);return n}(e,l);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(n[a]=e[a])}return n}var T={};function h(e){var l=e.components,a=b(e,f);return(0,n.mdx)("wrapper",v({},T,a,{components:l,mdxType:"MDXLayout"}),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport classNames from 'classnames/bind';\nimport NativeSelectField from 'terra-form-select/lib/native-select/NativeSelectField';\nimport styles from '../FormSelectDocCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst RequiredFieldExample = () => (\n \n);\n\nexport default RequiredFieldExample;\n\n")))}h.isMDXComponent=!0;var g=function(e){var l=e.title,a=e.description,n=e.isExpanded;return t.createElement(u.Z,{title:l||"Required Field",description:a,example:t.createElement(y.Z,null),exampleCssSrc:t.createElement(c.Z,null),exampleSrc:t.createElement(h,null),isExpanded:n})},N=a(54159),O=["components"];function C(){return C=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(n[a]=e[a]);return n}(e,l);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(n[a]=e[a])}return n}var S={};function D(e){var l=e.components,a=R(e,O);return(0,n.mdx)("wrapper",C({},S,a,{components:l,mdxType:"MDXLayout"}),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport classNames from 'classnames/bind';\nimport NativeSelectField from 'terra-form-select/lib/native-select/NativeSelectField';\nimport styles from '../FormSelectDocCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst IncompleteFieldExample = () => (\n \n);\n\nexport default IncompleteFieldExample;\n\n")))}D.isMDXComponent=!0;var j=function(e){var l=e.title,a=e.description,n=e.isExpanded;return t.createElement(u.Z,{title:l||"Incomplete Field",description:a,example:t.createElement(N.Z,null),exampleCssSrc:t.createElement(c.Z,null),exampleSrc:t.createElement(D,null),isExpanded:n})},w=a(36576),E=["components"];function q(){return q=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(n[a]=e[a]);return n}(e,l);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(n[a]=e[a])}return n}var P={};function W(e){var l=e.components,a=F(e,E);return(0,n.mdx)("wrapper",q({},P,a,{components:l,mdxType:"MDXLayout"}),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport classNames from 'classnames/bind';\nimport NativeSelectField from 'terra-form-select/lib/native-select/NativeSelectField';\nimport styles from '../FormSelectDocCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst DefaultFieldExamplewithoutPlaceholder = () => (\n \n);\n\nexport default DefaultFieldExamplewithoutPlaceholder;\n\n")))}W.isMDXComponent=!0;var I=function(e){var l=e.title,a=e.description,n=e.isExpanded;return t.createElement(u.Z,{title:l||"Default Fieldwithout Placeholder",description:a,example:t.createElement(w.Z,null),exampleCssSrc:t.createElement(c.Z,null),exampleSrc:t.createElement(W,null),isExpanded:n})},k=a(78530),V=["components"];function X(){return X=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(n[a]=e[a]);return n}(e,l);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(n[a]=e[a])}return n}var Z={},A="wrapper";function L(e){var l=e.components,a=M(e,V);return(0,n.mdx)(A,X({},Z,a,{components:l,mdxType:"MDXLayout"}),(0,n.mdx)(k.ZP,{mdxType:"PropsTable"},(0,n.mdx)(k.X2,{key:"ROW1",mdxType:"Row"},(0,n.mdx)(k.O,{mdxType:"PropNameCell"},"defaultValue"),(0,n.mdx)(k.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"unionOf: [\n type: 'number',\n type: 'string',\n],\n"))),(0,n.mdx)(k.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(k.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(k.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The default value of the select. Can be a string, or number."))),(0,n.mdx)(k.X2,{key:"ROW2",mdxType:"Row"},(0,n.mdx)(k.O,{mdxType:"PropNameCell"},"disabled"),(0,n.mdx)(k.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(k.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(k.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(k.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether the input is disabled."))),(0,n.mdx)(k.X2,{key:"ROW3",mdxType:"Row"},(0,n.mdx)(k.O,{mdxType:"PropNameCell"},"error"),(0,n.mdx)(k.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,n.mdx)(k.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(k.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(k.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Error message displayed when the select is invalid."))),(0,n.mdx)(k.X2,{key:"ROW4",mdxType:"Row"},(0,n.mdx)(k.O,{mdxType:"PropNameCell"},"help"),(0,n.mdx)(k.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,n.mdx)(k.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(k.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(k.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Help message to display with the select."))),(0,n.mdx)(k.X2,{key:"ROW5",mdxType:"Row"},(0,n.mdx)(k.O,{mdxType:"PropNameCell"},"hideRequired"),(0,n.mdx)(k.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(k.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(k.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(k.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether to hide the required indicator on the label."))),(0,n.mdx)(k.X2,{key:"ROW6",mdxType:"Row"},(0,n.mdx)(k.O,{mdxType:"PropNameCell"},"isIncomplete"),(0,n.mdx)(k.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(k.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(k.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(k.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether the field displays as Incomplete. Use when no value has been provided. ",(0,n.mdx)("em",{parentName:"p"},"(usage note: ",(0,n.mdx)("inlineCode",{parentName:"em"},"required")," must also be set)"),"."))),(0,n.mdx)(k.X2,{key:"ROW7",mdxType:"Row"},(0,n.mdx)(k.O,{mdxType:"PropNameCell"},"isInline"),(0,n.mdx)(k.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(k.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(k.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(k.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether the field is displayed inline. Displays block by default."))),(0,n.mdx)(k.X2,{key:"ROW8",mdxType:"Row"},(0,n.mdx)(k.O,{mdxType:"PropNameCell"},"isLabelHidden"),(0,n.mdx)(k.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(k.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(k.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(k.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether the label is hidden. Allows hiding the label while meeting accessibility guidelines."))),(0,n.mdx)(k.X2,{key:"ROW9",mdxType:"Row"},(0,n.mdx)(k.O,{mdxType:"PropNameCell"},"isInvalid"),(0,n.mdx)(k.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(k.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(k.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(k.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether the field displays as Invalid. Use when value does not meet validation pattern."))),(0,n.mdx)(k.X2,{key:"ROW10",mdxType:"Row"},(0,n.mdx)(k.O,{mdxType:"PropNameCell"},"isFilterStyle"),(0,n.mdx)(k.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(k.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(k.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(k.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether the select input should use the filter style display, forcing a value to always be selected.\nThis also removes the placeholder and removes the ability for user to clear the value, returning the select to browser-native behavior."))),(0,n.mdx)(k.X2,{key:"ROW11",mdxType:"Row"},(0,n.mdx)(k.O,{mdxType:"PropNameCell"},"label"),(0,n.mdx)(k.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,n.mdx)(k.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,n.mdx)(k.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(k.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The field label."))),(0,n.mdx)(k.X2,{key:"ROW12",mdxType:"Row"},(0,n.mdx)(k.O,{mdxType:"PropNameCell"},"labelAttrs"),(0,n.mdx)(k.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,n.mdx)(k.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(k.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(k.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Additional attributes to spread onto the label."))),(0,n.mdx)(k.X2,{key:"ROW13",mdxType:"Row"},(0,n.mdx)(k.O,{mdxType:"PropNameCell"},"maxWidth"),(0,n.mdx)(k.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,n.mdx)(k.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(k.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(k.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Set the max-width of a field using ",(0,n.mdx)("inlineCode",{parentName:"p"},"length")," or ",(0,n.mdx)("inlineCode",{parentName:"p"},"%"),". Best practice recommendation to never exceed\na rendered value of 1020px. ",(0,n.mdx)("em",{parentName:"p"},"(Note: Providing custom inline styles will take precedence.)")))),(0,n.mdx)(k.X2,{key:"ROW14",mdxType:"Row"},(0,n.mdx)(k.O,{mdxType:"PropNameCell"},"onChange"),(0,n.mdx)(k.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,n.mdx)(k.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(k.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(k.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Callback function triggered when the select value changes. function(event)"))),(0,n.mdx)(k.X2,{key:"ROW15",mdxType:"Row"},(0,n.mdx)(k.O,{mdxType:"PropNameCell"},"options"),(0,n.mdx)(k.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n unionOf: [\n type: 'custom',\n type: 'custom',\n ],\n}],\n"))),(0,n.mdx)(k.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(k.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(k.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The array of select options and opt groups."))),(0,n.mdx)(k.X2,{key:"ROW16",mdxType:"Row"},(0,n.mdx)(k.O,{mdxType:"PropNameCell"},"required"),(0,n.mdx)(k.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(k.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(k.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(k.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether the field is required."))),(0,n.mdx)(k.X2,{key:"ROW17",mdxType:"Row"},(0,n.mdx)(k.O,{mdxType:"PropNameCell"},"selectAttrs"),(0,n.mdx)(k.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,n.mdx)(k.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(k.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(k.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Additional attributes to spread onto the select."))),(0,n.mdx)(k.X2,{key:"ROW18",mdxType:"Row"},(0,n.mdx)(k.O,{mdxType:"PropNameCell"},"selectId"),(0,n.mdx)(k.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,n.mdx)(k.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,n.mdx)(k.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(k.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The Select identifier. Links the htmlFor of the field to the select identifier."))),(0,n.mdx)(k.X2,{key:"ROW19",mdxType:"Row"},(0,n.mdx)(k.O,{mdxType:"PropNameCell"},"showOptional"),(0,n.mdx)(k.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(k.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(k.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(k.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether to append the 'optional' label to a non-required field label."))),(0,n.mdx)(k.X2,{key:"ROW20",mdxType:"Row"},(0,n.mdx)(k.O,{mdxType:"PropNameCell"},"value"),(0,n.mdx)(k.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"unionOf: [\n type: 'number',\n type: 'string',\n],\n"))),(0,n.mdx)(k.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(k.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(k.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The value of the select. Can be a string or number.")))))}L.isMDXComponent=!0;var _=a(11709),H=a(77720),z=["components"];function B(){return B=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(n[a]=e[a]);return n}(e,l);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(n[a]=e[a])}return n}var U={},J="wrapper";function K(e){var l=e.components,a=G(e,z);return(0,n.mdx)(J,B({},U,a,{components:l,mdxType:"MDXLayout"}),(0,n.mdx)(r.C,{mdxType:"Badge"}),(0,n.mdx)("h1",{id:"terra-form-native-select-field"},"Terra Form Native Select Field"),(0,n.mdx)("p",null,"A convenience wrapper assembling a ",(0,n.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-core/tree/master/packages/terra-form-select"},"terra-form-select")," within a ",(0,n.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-core/tree/master/packages/terra-form-field"},"terra-form-field"),"."),(0,n.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Install with ",(0,n.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("inlineCode",{parentName:"li"},"npm install terra-form-select"))))),(0,n.mdx)("h2",{id:"component-features"},"Component Features"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Internationalization Support")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Localization Support")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#ltr--rtl"},"LTR/RTL Support"))),(0,n.mdx)("p",null,(0,n.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-core/tree/master/packages/terra-form-select"},"View component source code")),(0,n.mdx)("h2",{id:"examples"},"Examples"),(0,n.mdx)(x,{title:"Select Field Example",mdxType:"DefaultFieldExample"}),(0,n.mdx)(g,{title:"Required Select Field Example",mdxType:"RequiredFieldExample"}),(0,n.mdx)(j,{title:"Incomplete Select Field Example",mdxType:"IncompleteFieldExample"}),(0,n.mdx)(I,{title:"Select Field Example without placeholder",mdxType:"DefaultFieldExamplewithoutPlaceholder"}),(0,n.mdx)("h2",{id:"props"},"Props"),(0,n.mdx)("h3",{id:"native-select-option"},"Native Select Option"),(0,n.mdx)(_.Z,{mdxType:"NativeOptionsPropsTable"}),(0,n.mdx)("h3",{id:"native-select-optgroup"},"Native Select OptGroup"),(0,n.mdx)(H.Z,{mdxType:"NativeOptGroupsPropsTable"}),(0,n.mdx)("h3",{id:"native-select-field"},"Native Select Field"),(0,n.mdx)(L,{mdxType:"NativeSelectFieldPropsTable"}))}K.isMDXComponent=!0},39705:function(e,l,a){Object.defineProperty(l,"__esModule",{value:!0}),l.default=void 0;var t=p(a(67294)),n=p(a(45697)),r=p(a(47717)),d=p(a(20251)),m=a(60006),i=["defaultValue","disabled","error","help","hideRequired","isIncomplete","isInline","isLabelHidden","isInvalid","isFilterStyle","label","labelAttrs","maxWidth","onChange","options","required","selectAttrs","selectId","showOptional","value"];function p(e){return e&&e.__esModule?e:{default:e}}function o(){return o=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(n[a]=e[a]);return n}(e,l);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(n[a]=e[a])}return n}var u={defaultValue:n.default.oneOfType([n.default.number,n.default.string]),disabled:n.default.bool,error:n.default.node,help:n.default.node,hideRequired:n.default.bool,isIncomplete:n.default.bool,isInline:n.default.bool,isLabelHidden:n.default.bool,isInvalid:n.default.bool,isFilterStyle:n.default.bool,label:n.default.node.isRequired,labelAttrs:n.default.object,maxWidth:n.default.string,onChange:n.default.func,options:n.default.arrayOf(n.default.oneOfType([m.optionPropType,m.optGroupPropType])),required:n.default.bool,selectAttrs:n.default.object,selectId:n.default.string.isRequired,showOptional:n.default.bool,value:n.default.oneOfType([n.default.number,n.default.string])},c=function(e){var l,a=e.defaultValue,n=e.disabled,m=e.error,p=e.help,u=e.hideRequired,c=e.isIncomplete,x=e.isInline,y=e.isLabelHidden,f=e.isInvalid,v=e.isFilterStyle,b=e.label,T=e.labelAttrs,h=e.maxWidth,g=e.onChange,N=e.options,O=e.required,C=e.selectAttrs,R=e.selectId,S=e.showOptional,D=e.value,j=s(e,i),w=p?t.default.createElement("span",null,p):void 0;return p&&m&&f?l="".concat(R,"-error ").concat(R,"-help"):(p&&(l="".concat(R,"-help")),m&&f&&(l="".concat(R,"-error"))),t.default.createElement(r.default,o({},j,{label:b,labelAttrs:T,error:m,help:w,hideRequired:u,required:O,showOptional:S,isInvalid:f,isInline:x,isLabelHidden:y,htmlFor:R,maxWidth:h}),t.default.createElement(d.default,{attrs:C,id:R,ariaDescribedBy:l,ariaLabel:b,disabled:n,isIncomplete:c,isInvalid:f,defaultValue:a,required:O,onChange:g,options:N,value:D,isFilterStyle:v}))};c.propTypes=u,c.defaultProps={disabled:!1,hideRequired:!1,isIncomplete:!1,isInline:!1,isInvalid:!1,isFilterStyle:!1,isLabelHidden:!1,required:!1,showOptional:!1};l.default=c}}]); \ No newline at end of file diff --git a/39548-c2adbedf794c46ecd571.css b/39548-c2adbedf794c46ecd571.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/39548-c2adbedf794c46ecd571.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/39548-c2adbedf794c46ecd571.js b/39548-c2adbedf794c46ecd571.js new file mode 100644 index 0000000000..0c5852320e --- /dev/null +++ b/39548-c2adbedf794c46ecd571.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[39548,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,a,n){var t=n(64836);a.Z=void 0;var r=t(n(67294)),l=t(n(45697)),d=t(n(47166)),u=t(n(17422)),m=d.default.bind(u.default),i={name:l.default.string.isRequired,src:l.default.string,url:l.default.string,version:l.default.string.isRequired},o=function(e){var a=e.src,n=e.name,t=e.url,l=e.version,d=r.default.createElement("a",{className:m("badge"),href:t||"https://www.npmjs.org/package/".concat(n,"/v/").concat(l)},r.default.createElement("span",{className:m("badge-name")},t?"package":"npm"),r.default.createElement("span",{className:m("badge-version")},"v".concat(l))),u=a?r.default.createElement("a",{className:m("badge"),href:a},r.default.createElement("span",{className:m("badge-name")},"github"),r.default.createElement("span",{className:m("badge-version")},"source")):void 0;return r.default.createElement("div",{className:m("badge-container")},d,u)};o.propTypes=i;var p=o;a.Z=p},39548:function(e,a,n){n.r(a),n.d(a,{default:function(){return f}});n(67294);var t=n(81254),r=n(99150),l=["components"];function d(){return d=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(r[n]=e[n]);return r}(e,a);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var m={},i="wrapper";function o(e){var a=e.components,n=u(e,l);return(0,t.mdx)(i,d({},m,n,{components:a,mdxType:"MDXLayout"}),(0,t.mdx)("h1",{id:"changelog"},"Changelog"),(0,t.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,t.mdx)("h2",{id:"200---september-26-2023"},"2.0.0 - (September 26, 2023)"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"Breaking changes",(0,t.mdx)("ul",{parentName:"li"},(0,t.mdx)("li",{parentName:"ul"},"Updated to use Jest 27."),(0,t.mdx)("li",{parentName:"ul"},"Dropped support for Jest 26.")))),(0,t.mdx)("h2",{id:"170---august-31-2023"},"1.7.0 - (August 31, 2023)"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"Changed",(0,t.mdx)("ul",{parentName:"li"},(0,t.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,t.mdx)("h2",{id:"162---august-30-2023"},"1.6.2 - (August 30, 2023)"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"Changed",(0,t.mdx)("ul",{parentName:"li"},(0,t.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,t.mdx)("h2",{id:"161---august-25-2023"},"1.6.1 - (August 25, 2023)"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"Fixed",(0,t.mdx)("ul",{parentName:"li"},(0,t.mdx)("li",{parentName:"ul"},"Removed unnecessary ",(0,t.mdx)("inlineCode",{parentName:"li"},"postinstall")," step when installing."),(0,t.mdx)("li",{parentName:"ul"},"Optimized package size by exlucding unnecessary files when publishing.")))),(0,t.mdx)("h2",{id:"160---august-24-2023"},"1.6.0 - (August 24, 2023)"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"Changed",(0,t.mdx)("ul",{parentName:"li"},(0,t.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,t.mdx)("h2",{id:"150---february-11-2022"},"1.5.0 - (February 11, 2022)"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"Changed",(0,t.mdx)("ul",{parentName:"li"},(0,t.mdx)("li",{parentName:"ul"},"Revert limiting upper Node version to 14.")))),(0,t.mdx)("h2",{id:"140---february-8-2022"},"1.4.0 - (February 8, 2022)"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"Changed",(0,t.mdx)("ul",{parentName:"li"},(0,t.mdx)("li",{parentName:"ul"},"Updated component to support Node 14.")))),(0,t.mdx)("h2",{id:"130---september-28-2021"},"1.3.0 - (September 28, 2021)"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"Changed",(0,t.mdx)("ul",{parentName:"li"},(0,t.mdx)("li",{parentName:"ul"},"Updated hard coded dependency to compatible dependencies.")))),(0,t.mdx)("h2",{id:"120---may-11-2021"},"1.2.0 - (May 11, 2021)"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"Added",(0,t.mdx)("ul",{parentName:"li"},(0,t.mdx)("li",{parentName:"ul"},"Copied the jest reporter from boneyard and utilize that as a reporter")))),(0,t.mdx)("h2",{id:"110---may-7-2021"},"1.1.0 - (May 7, 2021)"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"Changed",(0,t.mdx)("ul",{parentName:"li"},(0,t.mdx)("li",{parentName:"ul"},"Added png to the list of objects handled by the identify object proxy")))),(0,t.mdx)("h2",{id:"100---march-23-2021"},"1.0.0 - (March 23, 2021)"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"Initial stable release")))}o.isMDXComponent=!0;var p=["components"];function s(){return s=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(r[n]=e[n]);return r}(e,a);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var g={},x="wrapper";function f(e){var a=e.components,n=c(e,p);return(0,t.mdx)(x,s({},g,n,{components:a,mdxType:"MDXLayout"}),(0,t.mdx)(r.C,{mdxType:"Badge"}),(0,t.mdx)(o,{mdxType:"ChangeLog"}))}f.isMDXComponent=!0},99150:function(e,a,n){n.d(a,{C:function(){return l}});var t=n(67294),r=n(22863),l=function(e){var a=e.url;return t.createElement(r.Z,{src:"https://github.com/cerner/terra-toolk/tree/main/packages/jest-config-terra",name:"@cerner/jest-config-terra",version:"2.0.0",url:a})}},17422:function(e,a,n){n.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/39829-495a99e573a7e4ca2f7b.css b/39829-495a99e573a7e4ca2f7b.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/39829-495a99e573a7e4ca2f7b.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/39829-495a99e573a7e4ca2f7b.js b/39829-495a99e573a7e4ca2f7b.js new file mode 100644 index 0000000000..05faa4575e --- /dev/null +++ b/39829-495a99e573a7e4ca2f7b.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[39829,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,a,l){var d=l(64836);a.Z=void 0;var m=d(l(67294)),n=d(l(45697)),t=d(l(47166)),r=d(l(17422)),i=t.default.bind(r.default),u={name:n.default.string.isRequired,src:n.default.string,url:n.default.string,version:n.default.string.isRequired},p=function(e){var a=e.src,l=e.name,d=e.url,n=e.version,t=m.default.createElement("a",{className:i("badge"),href:d||"https://www.npmjs.org/package/".concat(l,"/v/").concat(n)},m.default.createElement("span",{className:i("badge-name")},d?"package":"npm"),m.default.createElement("span",{className:i("badge-version")},"v".concat(n))),r=a?m.default.createElement("a",{className:i("badge"),href:a},m.default.createElement("span",{className:i("badge-name")},"github"),m.default.createElement("span",{className:i("badge-version")},"source")):void 0;return m.default.createElement("div",{className:i("badge-container")},t,r)};p.propTypes=u;var x=p;a.Z=x},39829:function(e,a,l){l.r(a),l.d(a,{default:function(){return h}});l(67294);var d=l(81254),m=l(34749),n=["components"];function t(){return t=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(m[l]=e[l]);return m}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(m[l]=e[l])}return m}var i={},u="wrapper";function p(e){var a=e.components,l=r(e,n);return(0,d.mdx)(u,t({},i,l,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)("h1",{id:"changelog"},"Changelog"),(0,d.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,d.mdx)("h2",{id:"3290---october-11-2023"},"3.29.0 - (October 11, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"onClick")," and support for hyperlink button header titles.")))),(0,d.mdx)("h2",{id:"3280---august-14-2023"},"3.28.0 - (August 14, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Deprecated ",(0,d.mdx)("inlineCode",{parentName:"li"},"title")," prop. This will be replaced by the",(0,d.mdx)("inlineCode",{parentName:"li"},"text")," prop in the next major version."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"level")," prop to allow users to render different heading levels."),(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"id")," prop which is to be paired with ",(0,d.mdx)("inlineCode",{parentName:"li"},"aria-labelledby")," for labelling page regions."),(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"text")," prop to allow users to spread title HTML Attribute as customProps. This will replace the ",(0,d.mdx)("inlineCode",{parentName:"li"},"title")," prop in the next major release.")))),(0,d.mdx)("h2",{id:"3270---august-2-2023"},"3.27.0 - (August 2, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3260---april-21-2023"},"3.26.0 - (April 21, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated the component examples.")))),(0,d.mdx)("h2",{id:"3250---march-29-2023"},"3.25.0 - (March 29, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated wdio screenshots.")))),(0,d.mdx)("h2",{id:"3240---july-21-2021"},"3.24.0 - (July 21, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,d.mdx)("h2",{id:"3230---march-25-2021"},"3.23.0 - (March 25, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Upgrade tests to terra-functional-testing and WebDriverIO v6")))),(0,d.mdx)("h2",{id:"3220---january-5-2021"},"3.22.0 - (January 5, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation.")))),(0,d.mdx)("h2",{id:"3210---november-10-2020"},"3.21.0 - (November 10, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,d.mdx)("h2",{id:"3200---august-4-2020"},"3.20.0 - (August 4, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update changelog formatting")))),(0,d.mdx)("h2",{id:"3190---april-28-2020"},"3.19.0 - (April 28, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Removed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge')))),(0,d.mdx)("h2",{id:"3180---april-23-2020"},"3.18.0 - (April 23, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed lowlight variable that was missing part of its values after variable rename happened.")))),(0,d.mdx)("h2",{id:"3170---april-22-2020"},"3.17.0 - (April 22, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Backfilled missing lowlight theme vars"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fix terra-clinical-header-border-bottom theme name for low-light"),(0,d.mdx)("li",{parentName:"ul"},"Fix start and end content flex alignment"),(0,d.mdx)("li",{parentName:"ul"},"Fix left margin style")))),(0,d.mdx)("h2",{id:"3160---april-14-2020"},"3.16.0 - (April 14, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added orion-fusion-theme style values"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config"),(0,d.mdx)("li",{parentName:"ul"},"Updated default theme styles to match terra-action-header")))),(0,d.mdx)("h2",{id:"3150---march-31-2020"},"3.15.0 - (March 31, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added wdio screenshots for clinical-lowlight-theme")))),(0,d.mdx)("h2",{id:"3140---march-17-2020"},"3.14.0 - (March 17, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update docs to use MDX syntax")))),(0,d.mdx)("h2",{id:"3130---february-18-2020"},"3.13.0 - (February 18, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme theming files")))),(0,d.mdx)("h2",{id:"3120---january-28-2020"},"3.12.0 - (January 28, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update copyright to include 2020")))),(0,d.mdx)("h2",{id:"3110---january-22-2020"},"3.11.0 - (January 22, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},'Added reference wdio screenshots for "orion-fusion-theme".')))),(0,d.mdx)("h2",{id:"3100---september-26-2019"},"3.10.0 - (September 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"390---september-19-2019"},"3.9.0 - (September 19, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Convert SCSS files to .module.scss")))),(0,d.mdx)("h2",{id:"380---september-6-2019"},"3.8.0 - (September 6, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed inline styles from dev site components."),(0,d.mdx)("li",{parentName:"ul"},"Add comments for ESlint 6"),(0,d.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files")))),(0,d.mdx)("h2",{id:"370---august-14-2019"},"3.7.0 - (August 14, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated package.json test scripts"),(0,d.mdx)("li",{parentName:"ul"},"Fixed start content components that were not aligning to the center")))),(0,d.mdx)("h2",{id:"360---july-16-2019"},"3.6.0 - (July 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Replaced inline stylings for terra-dev-site components with .scss files"),(0,d.mdx)("li",{parentName:"ul"},"Update wdio spec to use Terra.describeViewports"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Add new theme variables for height"),(0,d.mdx)("li",{parentName:"ul"},"--terra-clinical-header-height"),(0,d.mdx)("li",{parentName:"ul"},"--terra-clinical-header-subheader-height"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Remove absolute positioning from title container")))),(0,d.mdx)("h2",{id:"350---june-11-2019"},"3.5.0 - (June 11, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Removed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore")))),(0,d.mdx)("h2",{id:"340---may-7-2019"},"3.4.0 - (May 7, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed the issue of overlapping content on IE 10 by increasing the rule specificty for the header child element.")))),(0,d.mdx)("h2",{id:"330---march-26-2019"},"3.3.0 - (March 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,d.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,d.mdx)("h2",{id:"320---february-5-2019"},"3.2.0 - (February 5, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"310---january-22-2019"},"3.1.0 - (January 22, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Change",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Dependency updates")))),(0,d.mdx)("h2",{id:"300---january-17-2019"},"3.0.0 - (January 17, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Breaking Change"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added new theming variables"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Changelog dev site doc page")))),(0,d.mdx)("h2",{id:"2140---november-21-2018"},"2.14.0 - (November 21, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"2130---october-2-2018"},"2.13.0 - (October 2, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"2120---september-5-2018"},"2.12.0 - (September 5, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,d.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,d.mdx)("h2",{id:"2110---august-30-2018"},"2.11.0 - (August 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"2101---july-25-2018"},"2.10.1 - (July 25, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Patch release")))),(0,d.mdx)("h2",{id:"2100---july-25-2018"},"2.10.0 - (July 25, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed usage of CSS ",(0,d.mdx)("inlineCode",{parentName:"li"},"initial")," value because Internet Explorer does not support it"),(0,d.mdx)("li",{parentName:"ul"},"Fixed usage of invalid value for ",(0,d.mdx)("inlineCode",{parentName:"li"},"border-bottom-style")," on flex-subheaders")))),(0,d.mdx)("h2",{id:"290---july-17-2018"},"2.9.0 - (July 17, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added theming variables in Header")))),(0,d.mdx)("h2",{id:"280---july-3-2018"},"2.8.0 - (July 3, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Lint in doc page")))),(0,d.mdx)("h2",{id:"270---june-28-2018"},"2.7.0 - (June 28, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"260---june-12-2018"},"2.6.0 - (June 12, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Conform to eslint updates")))),(0,d.mdx)("h2",{id:"250---may-30-2018"},"2.5.0 - (May 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Moved examples to src")))),(0,d.mdx)("h2",{id:"240---may-22-2018"},"2.4.0 - (May 22, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"230---may-1-2018"},"2.3.0 - (May 1, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"220---april-20-2018"},"2.2.0 - (April 20, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"210---march-6-2018"},"2.1.0 - (March 6, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"200---february-19-2018"},"2.0.0 - (February 19, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update to React 16")))),(0,d.mdx)("h2",{id:"180---february-19-2018"},"1.8.0 - (February 19, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"170---november-29-2017"},"1.7.0 - (November 29, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Collapsible Content Section to enable use of CollapsibleMenuView")))),(0,d.mdx)("h2",{id:"160---november-15-2017"},"1.6.0 - (November 15, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update flex-end styling")))),(0,d.mdx)("h2",{id:"150---september-26-2017"},"1.5.0 - (September 26, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Remove stylelint-disable selector-class-pattern"),(0,d.mdx)("li",{parentName:"ul"},"Update class names to follow selector-class-pattern")))),(0,d.mdx)("h2",{id:"140---september-1-2017"},"1.4.0 - (September 1, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Change dependency on terra-base to v2.0.0"),(0,d.mdx)("li",{parentName:"ul"},"Update nightwatch tests and test scripts.")))),(0,d.mdx)("h2",{id:"130---august-22-2017"},"1.3.0 - (August 22, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"End aligned items with no title."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"isSubheader boolean prop to allow rendering of subheader component")))),(0,d.mdx)("h2",{id:"120---august-16-2017"},"1.2.0 - (August 16, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Text Truncation in IE10 and IE11.")))),(0,d.mdx)("h2",{id:"111---july-27-2017"},"1.1.1 - (July 27, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated spacing around react-docgen comments")))),(0,d.mdx)("h2",{id:"110---july-18-2017"},"1.1.0 - (July 18, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Converted component to use CSS modules"),(0,d.mdx)("li",{parentName:"ul"},"Updated nightwatch test scripts"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed nightwatch.config file")))),(0,d.mdx)("h2",{id:"100---june-28-2017"},"1.0.0 - (June 28, 2017)"),(0,d.mdx)("p",null,"Initial stable release"))}p.isMDXComponent=!0;var x=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(m[l]=e[l]);return m}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(m[l]=e[l])}return m}var N={},c="wrapper";function h(e){var a=e.components,l=s(e,x);return(0,d.mdx)(c,o({},N,l,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)(m.C,{mdxType:"Badge"}),(0,d.mdx)(p,{mdxType:"ChangeLog"}))}h.isMDXComponent=!0},34749:function(e,a,l){l.d(a,{C:function(){return n}});var d=l(67294),m=l(22863),n=function(e){var a=e.url;return d.createElement(m.Z,{src:"https://github.com/cerner/terra-clinical/tree/main/packages/terra-clinical-header",name:"terra-clinical-header",version:"3.29.0",url:a})}},17422:function(e,a,l){l.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/3986-3048f3d44cae13cc33b4.js b/3986-3048f3d44cae13cc33b4.js new file mode 100644 index 0000000000..0b35d11f51 --- /dev/null +++ b/3986-3048f3d44cae13cc33b4.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[3986],{12045:function(e,t,a){t.Z=void 0;var r=d(a(67294)),n=d(a(28301)),l=d(a(14581)),i=d(a(47166)),o=d(a(48824));function d(e){return e&&e.__esModule?e:{default:e}}var s=i.default.bind(o.default);t.Z=function(){return r.default.createElement(n.default,null,r.default.createElement(n.default.Body,null,r.default.createElement(l.default,{label:"Allergies Hospitals",placeholder:"Select a location",selectId:"Hospital-location-field",className:s("form-select")},r.default.createElement(l.default.Option,{value:"Kansas,MO",display:"Cerner,Kansas City, MO"}),r.default.createElement(l.default.Option,{value:"Riverport Campus, MO",display:"Cerner Corporation - Riverport Campus"}),r.default.createElement(l.default.Option,{value:"Innovations Campus, MO",display:"Cerner Corporation - Innovations Campus"}),r.default.createElement(l.default.Option,{value:"Realization Campus, MO",display:"Cerner Corporation - Realization Campus"}))))}},94331:function(e,t,a){a.r(t),a.d(t,{default:function(){return m}});a(67294);var r=a(81254),n=a(57739),l=a(12045),i=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(n[a]=e[a]);return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(n[a]=e[a])}return n}(0,r.mdx)(n.C,null);var s={},u="wrapper";function m(e){var t=e.components,a=d(e,i);return(0,r.mdx)(u,o({},s,a,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("h1",{id:"form-select---single-select-field-accessibility-guide"},"Form Select - Single Select Field Accessibility Guide"),(0,r.mdx)("h2",{id:"why-the-accessibility-of-select-field-is-important"},"Why the accessibility of Select Field is important"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Select Fields are one of the most used controls to gather data within an interface. Because they are so ubiquitous, users need to understand their purpose and be able to interact with them. However, if select Fields are not implemented following best practices, users may fail to understand what the field is for, or worse, may not be able to interact with the select field. It is critical to users that select fields must be accessible to effectively understand and interact with a field."),(0,r.mdx)("li",{parentName:"ul"},"There are many ways a poorly implemented Select Field can make the field unusable to users: ",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"All users rely on the Select Field label to tell them what must be selected in the field."),(0,r.mdx)("li",{parentName:"ul"},"All users rely upon good error messaging to help the user understand when a field is invalid and what they must do to successfully complete the field."),(0,r.mdx)("li",{parentName:"ul"},"Blind users need the label to be programmatically associated to the select field for the screen reader to read the label, otherwise they won’t know what to doss."),(0,r.mdx)("li",{parentName:"ul"},"Speech input device users will not be able to activate a field if the field label is not unique or programmatically associated to the field."),(0,r.mdx)("li",{parentName:"ul"},"If Select Field don’t provide meaningful helper text or appropriate note a field is required, the user may not understand how to meet the field requirements.")))),(0,r.mdx)("h2",{id:"accessibility-considerations"},"Accessibility Considerations"),(0,r.mdx)("h3",{id:"content-considerations-what-do-content-creators-need-to-do"},"Content Considerations: What do content creators need to do?"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Consider adding instructions at the beginning of the form when content may be complex or out of the ordinary.",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Use clear and concise wording that helps the user understand what is expected of them."))),(0,r.mdx)("li",{parentName:"ul"},"Ensure each select Field has a descriptive label that accurately describes its purpose.",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Ensure each select field label is unique to the page.",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"The best practice is to never use the same label for multiple fields that are asking for different data on the same page."),(0,r.mdx)("li",{parentName:"ul"},"Or groups of related fields can be placed inside of a fieldset which will create the necessary programmatic context."))),(0,r.mdx)("li",{parentName:"ul"},"If there is any specific requirement for the user to make a field valid, that requirement must be presented visibly either in the field label or within helper text.",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"If a form field is required, it must be set as required, have the required red asterisk, and the form itself should have instructions that any item marked with the asterisk is required."))),(0,r.mdx)("li",{parentName:"ul"},"When creating error messaging, ensure the message provides enough context the user can understand what the problem is and how to fix it. Use clear and concise messaging."),(0,r.mdx)("li",{parentName:"ul"},"If any icons are used to convey meaning in conjunction with a Select Field, the icon must have an accessible name (alternate content). For example, a help icon next to a field.",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"The icon must be intuitive for the functionality it represents."),(0,r.mdx)("li",{parentName:"ul"},"The icon must be named consistently across the product and accurately reflect the purpose of the icon."),(0,r.mdx)("li",{parentName:"ul"},"The icons must be used to consistently represent the same function (don’t use multiple icons for the same functionality)."),(0,r.mdx)("li",{parentName:"ul"},"The icon must have alternate content that reflects the select field it is related to, or it must be programmatically associated to the field. Work with engineers when needed to add programmatic association of icons to the field."))),(0,r.mdx)("li",{parentName:"ul"},"Any purely decorative icon (does not convey ANY meaning) must be marked as decorative."),(0,r.mdx)("li",{parentName:"ul"},"Consider how forms resize and reflow at different breakpoints and form factors.",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Convey to engineers how content should resize and reflow."))),(0,r.mdx)("li",{parentName:"ul"},"Do not override default form field colors.",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"If colors are changed, all select Field content (visible label, required asterisk, helper text, instructions, helper text, and the field itself) must meet color contrast requirements against their respective backgrounds."))))),(0,r.mdx)("li",{parentName:"ul"},"Ensure the engineer understands the logical reading order of the form."),(0,r.mdx)("li",{parentName:"ul"},"After coded:",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Ensure nothing unexpected happens on focus or on select of the select Field."),(0,r.mdx)("li",{parentName:"ul"},"Ensure all form field can receive keyboard focus, have a visible keyboard focus indication when in focus, and can be interacted with and acted upon using only the keyboard."),(0,r.mdx)("li",{parentName:"ul"},"Ensure all form field receive focus in the users logical reading order and the focus order does not affect the meaning of content.")))),(0,r.mdx)("h3",{id:"code-considerations-what-do-engineers-need-to-do"},"Code Considerations: What do engineers need to do?"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Do not override the implicit or explicit role of the Select Field."),(0,r.mdx)("li",{parentName:"ul"},"Ensure the code order of form select field matches the users logical reading order.",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Ensure that select Field can receive keyboard focus."),(0,r.mdx)("li",{parentName:"ul"},"Do not override the default keyboard focus indicator unless to reverse out of a dark background for perceivability."),(0,r.mdx)("li",{parentName:"ul"},"Do not implement a TABINDEX value of anything greater than zero."),(0,r.mdx)("li",{parentName:"ul"},"Ensure nothing unexpected happens on focus or on select of a Select Field."))),(0,r.mdx)("li",{parentName:"ul"},"Work with Content Creators to understand how content should resize and reflow at different breakpoints and form factors to ensure content is not artificially constrained or cut off at smaller view ports."),(0,r.mdx)("li",{parentName:"ul"},"Ensure that Select Field is implemented correctly to programmatically associate all related content (visible label, helper text, error messaging) to the field",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Ensure the visible select Label matches any artificially applied programmatic label."),(0,r.mdx)("li",{parentName:"ul"},"Do not change the placement of any of the related content to other areas around the field. For example, do not move the select label creating large gaps between the field and the label."))),(0,r.mdx)("li",{parentName:"ul"},"Ensure validation can provide users the necessary details to understand any errors.",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Ensure invalid fields can be identified with error messaging.",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Error messaging should provide error suggestions when the system can programmatically understand what is wrong.")))))),(0,r.mdx)("div",{"aria-label":"Example Demo"},(0,r.mdx)(l.Z,{mdxType:"SelectFieldExample"})),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},'const cx = classNames.bind(styles);\n\nconst SelectFieldExample = () => (\n \n \n \n \n \n \n \n \n \n \n);\n')),(0,r.mdx)("h2",{id:"usability-expectations"},"Usability Expectations"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"The user expects to understand the purpose of the select field."),(0,r.mdx)("li",{parentName:"ul"},"The user expects to understand the state (Expand or collapse) of select field."),(0,r.mdx)("li",{parentName:"ul"},"The user expects to understand any requirements of the select field. For example, is it required, etc.")),(0,r.mdx)("h3",{id:"interaction-detail"},"Interaction Detail"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Select field should be able to receive focus and have item selected in them.")),(0,r.mdx)("h3",{id:"keyboard-expectations"},"Keyboard Expectations"),(0,r.mdx)("table",null,(0,r.mdx)("thead",{parentName:"table"},(0,r.mdx)("tr",{parentName:"thead"},(0,r.mdx)("th",{parentName:"tr",align:null},"Key/Sequence"),(0,r.mdx)("th",{parentName:"tr",align:null},"Expectation"))),(0,r.mdx)("tbody",{parentName:"table"},(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("em",{parentName:"td"},"Tab")),(0,r.mdx)("td",{parentName:"tr",align:null},"Moves forward or backward to any interactive element including form Select Field")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("em",{parentName:"td"},"Space")),(0,r.mdx)("td",{parentName:"tr",align:null},"When Select Field is focused, will open or close the Select Field dropdown menu depending upon its current state.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("em",{parentName:"td"},"Up/Down")),(0,r.mdx)("td",{parentName:"tr",align:null},"With Select Field in focus and dropdown menu closed, will open the dropdown. Moves focus up/down the Select Field list of options.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("em",{parentName:"td"},"Enter")),(0,r.mdx)("td",{parentName:"tr",align:null},"Selects the selected dropdown menu option.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("em",{parentName:"td"},"Escape")),(0,r.mdx)("td",{parentName:"tr",align:null},"When the Select Field dropdown is open, Escape will close the dropdown.")))),(0,r.mdx)("h2",{id:"support-compliance"},"Support Compliance"),(0,r.mdx)("h3",{id:"primary-accessibility-criteria-for-form-select"},"Primary accessibility criteria for Form Select"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships.html"},"1.3.1 Info and Relationships")," — Supports",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Terra Form Select Field natively associates the select label, error messaging, and helper text to the field."),(0,r.mdx)("li",{parentName:"ul"},"Engineers must ensure the label, helper text, and the error messaging are correctly hooked up to the select field."),(0,r.mdx)("li",{parentName:"ul"},"Content creators must convey any visible relationships of content to the select field to the engineer."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/meaningful-sequence.html"},"1.3.2 Meaningful Sequence")," - Supports",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Terra Form Select Field generally support to have content read in meaningful order."),(0,r.mdx)("li",{parentName:"ul"},"Engineers must ensure content is coded in the user’s logical order. Engineers must not use a TABINDEX value greater than zero."),(0,r.mdx)("li",{parentName:"ul"},"Creators must ensure the keyboard focus order meets the users expected order and does not affect the meaning of content."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html"},"1.4.3 Contrast (Minimum)")," - Supports",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Terra Form Select Field labels and text meet the required contrast ratios based on the default text and color backgrounds."),(0,r.mdx)("li",{parentName:"ul"},"If colors are changed, engineers and content creators must ensure text colors meet the appropriate contrast ratio based on their font size and the color they appear against. See 1.4.3 Contrast (Minimum) for more information."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/keyboard.html"},"2.1.1 Keyboard")," - Supports",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Terra ensures keyboard accessibility is built into the component."),(0,r.mdx)("li",{parentName:"ul"},"Engineer and Content Creators must ensure all form select field can be accessed and acted upon using only the keyboard after implemented within code."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/focus-order.html"},"2.4.3 Focus Order")," - Supports",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Form select field can be coded in the user’s logical read order."),(0,r.mdx)("li",{parentName:"ul"},"Engineers must code the form elements to match the users logical reading order. Engineers must not add a TABINDEX greater than zero."),(0,r.mdx)("li",{parentName:"ul"},"Content creators must ensure the form select field receive focus in the users logical reading order."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/headings-and-labels.html"},"2.4.6 Headings and Labels")," - Partially Supports",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Terra Form Select Field provides the ability to create unique and descriptive headings and labels."),(0,r.mdx)("li",{parentName:"ul"},"Engineers must implement a meaningful label provided by content creators."),(0,r.mdx)("li",{parentName:"ul"},"Content creators must provide development a label that accurately describes the purpose of the form select field."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/focus-visible.html"},"2.4.7 Focus Visible")," - Supports",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Terra Form Select Field ensures a visible keyboard focus is built into the component."),(0,r.mdx)("li",{parentName:"ul"},"Engineer and Content Creators must ensure all form select field have a visible keyboard focus after implemented within code."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/label-in-name.html"},"2.5.3 Label in Name")," - Supports",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Terra Form Select Field provides the consuming team the ability to meet this criterion."),(0,r.mdx)("li",{parentName:"ul"},"Engineers must ensure the programmatic name matches that of the visible form select field label."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/on-focus.html"},"3.2.1 On Focus")," - Supports",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Terra Form Select Field does not initiate a change of context on its own."),(0,r.mdx)("li",{parentName:"ul"},"Engineer and Content Creators must ensure nothing unexpected happens on focus of the Select Field."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/on-input.html"},"3.2.2 On Input")," - Partially Supports",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Terra Form Select Field does not initiate a change of context on Select."),(0,r.mdx)("li",{parentName:"ul"},"Engineers and content creators must not initiate any change of context on focus of the select field."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG22/Understanding/error-identification.html"},"3.3.1 Error Identification")," - Supports",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Terra Form Select Field provides the ability to validate field."),(0,r.mdx)("li",{parentName:"ul"},"Engineers must ensure validation is hooked up correctly and the error messaging is appropriately associated to the errant field."),(0,r.mdx)("li",{parentName:"ul"},"Content creators must ensure provide engineers with error messaging for any potential validation error of the field."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG22/Understanding/labels-or-instructions.html"},"3.3.2 Labels or Instructions")," - Supports",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Terra Form Select Field are clearly marked and labeled."),(0,r.mdx)("li",{parentName:"ul"},"Engineers must ensure form select field are coded correctly for helper text or other instructions are properly associated with the field."),(0,r.mdx)("li",{parentName:"ul"},"Content creators must provide engineers with the proper label and any helper text instructions for formatting requirements of the field."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/error-suggestion.html"},"3.3.3 Error Suggestion")," - Supports",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Terra Form Select Field provides the ability to include error suggestion when forms are validated."),(0,r.mdx)("li",{parentName:"ul"},"When the cause of the error can be known to the system, engineers must ensure validation is hooked up correctly and can provide the appropriate error messaging to the user."),(0,r.mdx)("li",{parentName:"ul"},"Content creators must provide engineers with appropriate error messaging to account for a known invalid entry. If possible, the error messaging must provide the user guidance on how to correct the issue."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/name-role-value.html"},"4.1.2 Name, Role, Value")," - Supports",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Terra Form Select Field ensure that the proper role is applied and provides consuming teams the ability to set appropriate label for the field."),(0,r.mdx)("li",{parentName:"ul"},"Engineers must not overwrite the default role of the form select field."),(0,r.mdx)("li",{parentName:"ul"},"Content creators must provide development an appropriate label for the form select field.")))),(0,r.mdx)("h3",{id:"related-accessibility-criteria-that-apply-when-adding-content-to-action-header"},"Related accessibility criteria that apply when adding content to action header"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/reflow.html"},"1.4.10 Reflow")," - Supports",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Terra Form Select Field can reflow with content by default."),(0,r.mdx)("li",{parentName:"ul"},"Engineers and content creators must ensure their form layouts can reflow without loss of functionality or scrolling in two directions at up to 400% except when used within tables."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/text-spacing.html"},"1.4.12 Text Spacing")," - Supports",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Terra Form Select Field meets this criterion by default."),(0,r.mdx)("li",{parentName:"ul"},"Engineers and content creators must ensure support for this criterion."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-scale.html"},"1.4.4 Resize text")," - Supports",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Terra Form Select Field resizes natively."),(0,r.mdx)("li",{parentName:"ul"},"Engineers and content creators must ensure their form layouts allow users to resize text up to 200% without the loss of content or functionality."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/TR/UNDERSTANDING-WCAG20/ensure-compat-parses.html"},"4.1.1 Parsing")," - Supports",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Terra Select field creates valid HTML code."),(0,r.mdx)("li",{parentName:"ul"},"Engineers must ensure their code is valid.")))),(0,r.mdx)("h3",{id:"supported-features-and-technology"},"Supported Features and Technology"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Keyboard Interactions"),(0,r.mdx)("li",{parentName:"ul"},"JAWS Support with Chrome (PC)"),(0,r.mdx)("li",{parentName:"ul"},"VoiceOver Support with Chrome, Safari (MAC)"),(0,r.mdx)("li",{parentName:"ul"},"Speech Input Interactions with assistive technology"),(0,r.mdx)("li",{parentName:"ul"},"Mobile Touch Interactions with Screen Reader assistive technology")),(0,r.mdx)("h3",{id:"partial-support--requiring-further-enhancement"},"Partial Support & Requiring Further Enhancement"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://github.com/cerner/terra-core/issues/new/choose"},"Report a problem with this component on GitHub"))),(0,r.mdx)("h2",{id:"references"},"References:"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/"},"Web Content Accessibility Guidelines (WCAG)")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://webaim.org/techniques/forms/"},"WebAim.org: Creating More Accessible Forms"))))}m.isMDXComponent=!0},57739:function(e,t,a){a.d(t,{C:function(){return l}});var r=a(67294),n=a(22863),l=function(e){var t=e.url;return r.createElement(n.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-form-select",name:"terra-form-select",version:"6.51.0",url:t})}},48824:function(e,t,a){a.r(t),t.default={"form-select":"FormSelectDocCommon-module__form-select___Tm1QE","controlled-button":"FormSelectDocCommon-module__controlled-button___wG6cn"}},13234:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"Card-module__clinical-lowlight-theme___rpqXf","orion-fusion-theme":"Card-module__orion-fusion-theme___QgHmr",card:"Card-module__card___n9+A2",default:"Card-module__default___Pvv6U",raised:"Card-module__raised___OPyVO"}},64867:function(e,t,a){a.r(t),t.default={"orion-fusion-theme":"CardBody-module__orion-fusion-theme___Xdg9v","clinical-lowlight-theme":"CardBody-module__clinical-lowlight-theme___2YDc3","vertical-padding":"CardBody-module__vertical-padding___xyd9u","horizontal-padding":"CardBody-module__horizontal-padding___wGati","center-content":"CardBody-module__center-content___phyuy"}},28301:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=c(a(67294)),n=c(a(45697)),l=c(a(94184)),i=c(a(47166)),o=c(a(29270)),d=c(a(50026)),s=c(a(13234)),u=c(a(52926)),m=["children","variant","visuallyHiddenText"];function c(e){return e&&e.__esModule?e:{default:e}}function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(n[a]=e[a]);return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(n[a]=e[a])}return n}var h=i.default.bind(s.default),x={children:n.default.node,variant:n.default.oneOf(["default","raised"]),visuallyHiddenText:n.default.string},g={variant:"default"},b=function(e){var t=e.children,a=e.variant,n=e.visuallyHiddenText,i=f(e,m),s=r.default.useContext(d.default),u=(0,l.default)(h(["card",a,s.className]),i.className),c=n?r.default.createElement(o.default,{text:n}):null;return r.default.createElement("article",p({},i,{className:u}),c,t)};b.propTypes=x,b.defaultProps=g,b.Body=u.default;t.default=b},52926:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=u(a(67294)),n=u(a(45697)),l=u(a(94184)),i=u(a(47166)),o=u(a(50026)),d=u(a(64867)),s=["children","hasPaddingVertical","hasPaddingHorizontal","isContentCentered"];function u(e){return e&&e.__esModule?e:{default:e}}function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(n[a]=e[a]);return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(n[a]=e[a])}return n}var p=i.default.bind(d.default),f={children:n.default.node,hasPaddingVertical:n.default.bool,hasPaddingHorizontal:n.default.bool,isContentCentered:n.default.bool},h=function(e){var t=e.children,a=e.hasPaddingVertical,n=e.hasPaddingHorizontal,i=e.isContentCentered,d=c(e,s),u=r.default.useContext(o.default),f=(0,l.default)(p([{"vertical-padding":a},{"horizontal-padding":n},{"center-content":i},u.className]),d.className);return r.default.createElement("div",m({},d,{className:f}),t)};h.propTypes=f,h.defaultProps={hasPaddingHorizontal:!0,hasPaddingVertical:!0,isContentCentered:!1};t.default=h},92577:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=v(a(67294)),n=v(a(45697)),l=v(a(44845)),i=v(a(88413)),o=v(a(87786)),d=v(a(30555)),s=v(a(13975)),u=v(a(96788)),m=v(a(97996)),c=v(a(14708)),p=["variant"],f=["maxSelectionCount"],h=["allowClear"],x=["maxSelectionCount"],g=["noResultContent","allowClear"],b=["isTouchAccessible","maxSelectionCount","onSearch","optionFilter"];function v(e){return e&&e.__esModule?e:{default:e}}function y(e,t){if(null==e)return{};var a,r,n=function(e,t){if(null==e)return{};var a,r,n={},l=Object.keys(e);for(r=0;r=0||(n[a]=e[a]);return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(n[a]=e[a])}return n}var N={allowClear:n.default.bool,children:n.default.node,defaultValue:n.default.oneOfType([n.default.string,n.default.number,n.default.array]),disabled:n.default.bool,dropdownAttrs:n.default.object,isIncomplete:n.default.bool,isInvalid:n.default.bool,isTouchAccessible:n.default.bool,maxHeight:n.default.number,maxSelectionCount:n.default.number,noResultContent:n.default.node,onBlur:n.default.func,onChange:n.default.func,onClick:n.default.func,onDeselect:n.default.func,onFocus:n.default.func,onSearch:n.default.func,onSelect:n.default.func,optionFilter:n.default.func,placeholder:n.default.string,required:n.default.bool,value:n.default.oneOfType([n.default.string,n.default.number,n.default.array]),variant:n.default.oneOf([l.default.COMBOBOX,l.default.DEFAULT,l.default.MULTIPLE,l.default.SEARCH,l.default.TAG])},w={allowClear:!1,children:void 0,defaultValue:void 0,disabled:!1,dropdownAttrs:void 0,isIncomplete:!1,isInvalid:!1,isTouchAccessible:!1,maxSelectionCount:void 0,noResultContent:void 0,onChange:void 0,onDeselect:void 0,onSearch:void 0,onSelect:void 0,optionFilter:void 0,placeholder:void 0,required:!1,value:void 0,variant:"default"};function C(e){var t=e.variant,a=y(e,p);switch(t){case l.default.COMBOBOX:a.maxSelectionCount;var n=y(a,f);return r.default.createElement(d.default,n);case l.default.MULTIPLE:a.allowClear;var i=y(a,h);return r.default.createElement(u.default,i);case l.default.SEARCH:a.maxSelectionCount;var o=y(a,x);return r.default.createElement(m.default,o);case l.default.TAG:a.noResultContent,a.allowClear;var v=y(a,g);return r.default.createElement(c.default,v);case l.default.DEFAULT:default:a.isTouchAccessible,a.maxSelectionCount,a.onSearch,a.optionFilter;var N=y(a,b);return r.default.createElement(s.default,N)}}C.Option=i.default,C.OptGroup=o.default,C.propTypes=N,C.defaultProps=w,C.isSelect=!0;t.default=C},14581:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=u(a(67294)),n=u(a(45697)),l=a(25387),i=u(a(47717)),o=u(a(92577)),d=u(a(44845)),s=["allowClear","children","defaultValue","disabled","error","help","hideRequired","intl","isIncomplete","isInline","isInvalid","isLabelHidden","isTouchAccessible","label","labelAttrs","maxSelectionCount","maxHeight","maxWidth","onChange","placeholder","required","selectAttrs","selectId","showOptional","value","variant"];function u(e){return e&&e.__esModule?e:{default:e}}function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(n[a]=e[a]);return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(n[a]=e[a])}return n}var p={allowClear:n.default.bool,children:n.default.node,label:n.default.string.isRequired,defaultValue:n.default.oneOfType([n.default.array,n.default.number,n.default.string]),disabled:n.default.bool,error:n.default.node,help:n.default.node,hideRequired:n.default.bool,intl:n.default.shape({formatMessage:n.default.func}).isRequired,isIncomplete:n.default.bool,isInline:n.default.bool,isInvalid:n.default.bool,isLabelHidden:n.default.bool,isTouchAccessible:n.default.bool,labelAttrs:n.default.object,maxHeight:n.default.number,maxSelectionCount:n.default.number,maxWidth:n.default.string,onChange:n.default.func,placeholder:n.default.string,required:n.default.bool,selectAttrs:n.default.object,selectId:n.default.string.isRequired,showOptional:n.default.bool,value:n.default.oneOfType([n.default.array,n.default.number,n.default.string]),variant:n.default.oneOf([d.default.COMBOBOX,d.default.DEFAULT,d.default.MULTIPLE,d.default.SEARCH,d.default.TAG])},f={allowClear:!1,children:void 0,defaultValue:void 0,disabled:!1,error:void 0,help:void 0,hideRequired:!1,isIncomplete:!1,isInline:!1,isInvalid:!1,isLabelHidden:!1,isTouchAccessible:!1,labelAttrs:{},maxSelectionCount:void 0,maxHeight:void 0,maxWidth:void 0,onChange:void 0,placeholder:void 0,required:!1,selectAttrs:{},showOptional:!1,value:void 0,variant:"default"},h=function(e){var t,a=e.allowClear,n=e.children,l=e.defaultValue,d=e.disabled,u=e.error,p=e.help,f=e.hideRequired,h=e.intl,x=e.isIncomplete,g=e.isInline,b=e.isInvalid,v=e.isLabelHidden,y=e.isTouchAccessible,N=e.label,w=e.labelAttrs,C=e.maxSelectionCount,S=e.maxHeight,O=e.maxWidth,A=e.onChange,E=e.placeholder,F=e.required,_=e.selectAttrs,I=e.selectId,T=e.showOptional,W=e.value,k=e.variant,j=c(e,s),q=p;if(void 0!==C&&C>=2){var P=h.formatMessage({id:"Terra.form.select.maxSelectionHelp"},{text:C});q=p?r.default.createElement("span",null,P," ",p):P}return p&&u&&b?t="".concat(I,"-error ").concat(I,"-help"):(p&&(t="".concat(I,"-help")),u&&b&&(t="".concat(I,"-error"))),r.default.createElement(i.default,m({},j,{label:N,labelAttrs:w,error:u,help:q,hideRequired:f,required:F,showOptional:T,isInvalid:b,isInline:g,isLabelHidden:v,htmlFor:I,maxWidth:O}),r.default.createElement(o.default,m({},_,{ariaLabel:N,allowClear:a,"aria-describedby":t,disabled:_.disabled||d,id:I,isIncomplete:x,isInvalid:b,isTouchAccessible:y,defaultValue:l,maxHeight:S||_.maxHeight,maxSelectionCount:void 0!==C&&C<2?void 0:C,onChange:A,placeholder:E,required:F,value:W,variant:k}),n))};h.propTypes=p,h.defaultProps=f,h.Option=o.default.Option,h.OptGroup=o.default.OptGroup;t.default=(0,l.injectIntl)(h)}}]); \ No newline at end of file diff --git a/40161-3d5d92da910faace7573.css b/40161-3d5d92da910faace7573.css new file mode 100644 index 0000000000..319d20156e --- /dev/null +++ b/40161-3d5d92da910faace7573.css @@ -0,0 +1,6 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.Table-module__clinical-lowlight-theme___PqYJ8{--terra-html-table-background-color: #383f42;--terra-html-table-border: 1px solid #585a5c;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: none;--terra-html-table-header-cell-color: #1c1f21;--terra-html-table-header-cell-font-size: 1rem;--terra-html-table-header-cell-font-weight: bold;--terra-html-table-header-cell-border-right: 1px solid #585a5c;--terra-html-table-first-header-cell-border-left: 1px solid #585a5c;--terra-html-table-last-header-cell-border-right: 1px solid #585a5c;--terra-html-table-header-background-color: #909496;--terra-html-table-header-box-shadow: 0 4px 4px -3.5px #1c1f21, inset 0 0 0 1px #585a5c;--terra-html-table-header-row-border-bottom: 1px solid #585a5c;--terra-html-table-header-row-border-top: 1px solid #585a5c;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #b2b5b6;--terra-html-table-cell-font-size: 1rem;--terra-html-table-first-cell-border-left: 1px solid #585a5c;--terra-html-table-last-cell-border-right: 1px solid #585a5c;--terra-html-table-header-cell-standard-padding-bottom: 0.5rem;--terra-html-table-header-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-top: 0.5rem;--terra-html-table-header-cell-compact-padding-bottom: 0.25rem;--terra-html-table-header-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-top: 0.25rem;--terra-html-table-cell-standard-padding-bottom: 0.5rem;--terra-html-table-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-cell-standard-padding-top: 0.5rem;--terra-html-table-cell-compact-padding-bottom: 0.25rem;--terra-html-table-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-cell-compact-padding-top: 0.25rem;--terra-html-table-row-border-top: 1px solid #585a5c;--terra-html-table-last-row-border-bottom: 1px solid #585a5c;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #2d3539}.Table-module__orion-fusion-theme___d9rxf{--terra-html-table-background-color: transparent;--terra-html-table-border: 0;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: transparent;--terra-html-table-header-cell-color: #64696c;--terra-html-table-header-cell-font-size: 0.857142857rem;--terra-html-table-header-cell-font-weight: normal;--terra-html-table-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-first-header-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-background-color: #f4f4f4;--terra-html-table-header-box-shadow: none;--terra-html-table-header-row-border-bottom: 2px solid #64696c;--terra-html-table-header-row-border-top: 1px solid #c8cacb;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #1c1f21;--terra-html-table-cell-font-size: 0.857142857rem;--terra-html-table-first-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-cell-standard-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-top: 0.428571429rem;--terra-html-table-header-cell-compact-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-top: 0.428571429rem;--terra-html-table-cell-standard-padding-bottom: 0.8571428571rem;--terra-html-table-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-cell-standard-padding-top: 0.8571428571rem;--terra-html-table-cell-compact-padding-bottom: 0.8571428571rem;--terra-html-table-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-cell-compact-padding-top: 0.8571428571rem;--terra-html-table-row-border-top: 0;--terra-html-table-last-row-border-bottom: 1px solid #c8cacb;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #f4f4f4}.Table-module__table___eg2Mi{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___eg2Mi{background-color:transparent;background-color:var(--terra-html-table-background-color, transparent);border:0;border:var(--terra-html-table-border, 0);border-radius:0;border-radius:var(--terra-html-table-border-radius, 0)}[dir] .Table-module__table___eg2Mi caption{padding-bottom:.5em}.Table-module__table___eg2Mi tr{display:table-row}[dir] .Table-module__table___eg2Mi tr{margin-bottom:0}.Table-module__table___eg2Mi td,.Table-module__table___eg2Mi th{color:#1c1f21;color:var(--terra-html-table-cell-color, #1c1f21);display:table-cell;font-size:1rem;font-size:var(--terra-html-table-cell-font-size, 1rem);font-weight:normal;vertical-align:top}[dir] .Table-module__table___eg2Mi td, [dir] .Table-module__table___eg2Mi th{border:0}[dir=ltr] .Table-module__table___eg2Mi td, [dir=ltr] .Table-module__table___eg2Mi th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___eg2Mi td, [dir=rtl] .Table-module__table___eg2Mi th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___eg2Mi td:first-child, [dir=ltr] .Table-module__table___eg2Mi th:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:first-child, [dir=rtl] .Table-module__table___eg2Mi th:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi td:last-child, [dir=ltr] .Table-module__table___eg2Mi th:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:last-child, [dir=rtl] .Table-module__table___eg2Mi th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___eg2Mi thead th, [dir] .Table-module__table___eg2Mi thead td{border:0}[dir=ltr] .Table-module__table___eg2Mi thead th, [dir=ltr] .Table-module__table___eg2Mi thead td{border-right:1px solid rgba(200, 202, 203, 0.5);border-right:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:left}[dir=rtl] .Table-module__table___eg2Mi thead th, [dir=rtl] .Table-module__table___eg2Mi thead td{border-left:1px solid rgba(200, 202, 203, 0.5);border-left:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:right}[dir=ltr] .Table-module__table___eg2Mi thead th:first-child, [dir=ltr] .Table-module__table___eg2Mi thead td:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:first-child, [dir=rtl] .Table-module__table___eg2Mi thead td:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi thead th:last-child, [dir=ltr] .Table-module__table___eg2Mi thead td:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:last-child, [dir=rtl] .Table-module__table___eg2Mi thead td:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead{display:table-header-group}[dir] .Table-module__table___eg2Mi thead{background-color:#f1f1f2;background-color:var(--terra-html-table-header-background-color, #f1f1f2);box-shadow:0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5);box-shadow:var(--terra-html-table-header-box-shadow, 0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5))}[dir] .Table-module__table___eg2Mi thead tr{border-bottom:1px solid #b9bbbc;border-bottom:var(--terra-html-table-header-row-border-bottom, 1px solid #b9bbbc);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-header-row-border-top, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{color:#1c1f21;color:var(--terra-html-table-header-cell-color, #1c1f21);font-size:1rem;font-size:var(--terra-html-table-header-cell-font-size, 1rem);font-weight:bold;font-weight:var(--terra-html-table-header-cell-font-weight, bold);vertical-align:bottom}[dir] .Table-module__table___eg2Mi tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___eg2Mi tbody tr{background-color:transparent;background-color:var(--terra-html-table-row-background-color, transparent);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-row-border-top, 1px solid #dedfe0)}[dir] .Table-module__table___eg2Mi tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___eg2Mi tbody tr:last-of-type{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-html-table-last-row-border-bottom, 1px solid #dedfe0)}[dir] .Table-module__padding-standard___BfbC- th{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-header-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-header-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z th{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-header-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-header-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__padding-standard___BfbC- td{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z td{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__striped___n8xJe tbody tr:nth-of-type(even){background-color:#f6f7f8;background-color:var(--terra-html-table-row-striped-background-color, #f6f7f8)}@media print{.Table-module__table___eg2Mi thead{display:table-header-group}.Table-module__table___eg2Mi tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} +.Input-module__clinical-lowlight-theme___clY96{--terra-form-input-background-color: #222a2e;--terra-form-input-border: 1px solid #181b1d;--terra-form-input-border-radius: 3px;--terra-form-input-box-shadow: none;--terra-form-input-color: #b2b5b6;--terra-form-input-font-size: 1.14285714rem;--terra-form-input-height: 2.14285714rem;--terra-form-input-hover-border: 1px solid #181b1d;--terra-form-input-line-height: 1.25;--terra-form-input-padding-bottom: 0.28571rem;--terra-form-input-padding-left: 0.28571rem;--terra-form-input-padding-right: 0.28571rem;--terra-form-input-padding-top: 0.28571rem;--terra-form-input-transition-duration: 0s;--terra-form-input-transition-timing-function: ease;--terra-form-input-disabled-background-color: #1d2529;--terra-form-input-disabled-border: 1px solid #242b2b;--terra-form-input-disabled-color: #404344;--terra-form-input-disabled-opacity: 0.25;--terra-form-input-focus-background-color: #222a2e;--terra-form-input-focus-border: 1px solid #004c76;--terra-form-input-error-border: 1px solid #181b1d;--terra-form-input-error-disabled-background-color: #1d2529;--terra-form-input-error-disabled-border: 1px solid #242b2b;--terra-form-input-error-disabled-color: #404344;--terra-form-input-error-disabled-opacity: 0.25;--terra-form-input-error-focus-background-color: #222a2e;--terra-form-input-error-focus-border: 1px solid #004c76;--terra-form-input-error-hover-border: 1px solid #181b1d;--terra-form-input-background-image: none;--terra-form-input-background-size: auto;--terra-form-input-focus-background-size: auto;--terra-form-input-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-input-focus-color: #b2b5b6;--terra-form-input-focus-ltr-box-shadow: none;--terra-form-input-focus-rtl-box-shadow: none;--terra-form-input-hover-background-color: #222a2e;--terra-form-input-hover-color: #b2b5b6;--terra-form-input-error-background-color: #222a2e;--terra-form-input-error-background-image: none;--terra-form-input-error-box-shadow: 0 0 0 1px #fb4c4c;--terra-form-input-error-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-input-error-focus-background-size: auto;--terra-form-input-error-focus-ltr-box-shadow: 0 0 0 1px #004c76;--terra-form-input-error-focus-rtl-box-shadow: 0 0 0 1px #004c76;--terra-form-input-error-hover-background-color: #222a2e;--terra-form-input-incomplete-background-color: #464232;--terra-form-input-incomplete-hover-background-color: #464232;--terra-form-input-incomplete-disabled-background-color: #464232;--terra-form-input-incomplete-focus-background-color: #464232}.Input-module__orion-fusion-theme___phvH5{--terra-form-input-background-color: #fff;--terra-form-input-border: 1px solid #dedfe0;--terra-form-input-border-radius: 3px;--terra-form-input-box-shadow: none;--terra-form-input-color: #1c1f21;--terra-form-input-font-size: 1rem;--terra-form-input-height: 2.16667rem;--terra-form-input-line-height: 1.25;--terra-form-input-padding-bottom: 0.25rem;--terra-form-input-padding-left: 0.25rem;--terra-form-input-padding-right: 0.25rem;--terra-form-input-padding-top: 0.25rem;--terra-form-input-transition-duration: 0s;--terra-form-input-transition-timing-function: ease;--terra-form-input-background-image: none;--terra-form-input-background-size: auto;--terra-form-input-hover-background-color: #fff;--terra-form-input-hover-border: 1px solid #dedfe0;--terra-form-input-hover-color: #1c1f21;--terra-form-input-focus-background-color: #fff;--terra-form-input-focus-border: 1px solid #4cb2e9;--terra-form-input-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-focus-color: #1c1f21;--terra-form-input-focus-background-size: auto;--terra-form-input-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-disabled-background-color: #f4f4f4;--terra-form-input-disabled-border: 1px solid #b2b5b6;--terra-form-input-disabled-color: #9b9fa1;--terra-form-input-disabled-opacity: 1;--terra-form-input-error-background-image: none;--terra-form-input-error-background-color: #fff;--terra-form-input-error-border: 1px solid #dedfe0;--terra-form-input-error-box-shadow: none;--terra-form-input-error-hover-background-color: #fff;--terra-form-input-error-hover-border: 1px solid #dedfe0;--terra-form-input-error-focus-background-color: #fff;--terra-form-input-error-focus-border: 1px solid #dedfe0;--terra-form-input-error-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-focus-background-size: auto;--terra-form-input-error-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-disabled-background-color: #f4f4f4;--terra-form-input-error-disabled-border: 1px solid #b2b5b6;--terra-form-input-error-disabled-color: #9b9fa1;--terra-form-input-error-disabled-opacity: 1;--terra-form-input-incomplete-background-color: #fefd9a;--terra-form-input-incomplete-hover-background-color: #fefd9a;--terra-form-input-incomplete-focus-background-color: #fefd9a;--terra-form-input-incomplete-disabled-background-color: #f4f4f4}.Input-module__form-input___Fk8kb{color:#1c1f21;color:var(--terra-form-input-color, #1c1f21);font-family:inherit;font-size:1.142857rem;font-size:var(--terra-form-input-font-size, 1.142857rem);height:2.142857rem;height:var(--terra-form-input-height, 2.142857rem);line-height:1.25;line-height:var(--terra-form-input-line-height, 1.25);width:100%}[dir] .Input-module__form-input___Fk8kb{background-color:#fff;background-color:var(--terra-form-input-background-color, #fff);background-image:var(--terra-form-input-background-image);background-repeat:no-repeat;background-size:var(--terra-form-input-background-size);border:1px solid #dedfe0;border:var(--terra-form-input-border, 1px solid #dedfe0);border-radius:3px;border-radius:var(--terra-form-input-border-radius, 3px);box-shadow:var(--terra-form-input-box-shadow);padding-bottom:0.28571rem;padding-bottom:var(--terra-form-input-padding-bottom, 0.28571rem);padding-top:0.28571rem;padding-top:var(--terra-form-input-padding-top, 0.28571rem);transition-duration:0s;transition-duration:var(--terra-form-input-transition-duration, 0s);transition-property:background-size;transition-timing-function:ease;transition-timing-function:var(--terra-form-input-transition-timing-function, ease)}[dir=ltr] .Input-module__form-input___Fk8kb{background-position:0 100%;padding-left:0.28571rem;padding-left:var(--terra-form-input-padding-left, 0.28571rem);padding-right:0.28571rem;padding-right:var(--terra-form-input-padding-right, 0.28571rem)}[dir=rtl] .Input-module__form-input___Fk8kb{background-position:100% 100%;padding-right:0.28571rem;padding-right:var(--terra-form-input-padding-left, 0.28571rem);padding-left:0.28571rem;padding-left:var(--terra-form-input-padding-right, 0.28571rem)}.Input-module__form-input___Fk8kb:hover{color:var(--terra-form-input-hover-color)}[dir] .Input-module__form-input___Fk8kb:hover{background-color:#fff;background-color:var(--terra-form-input-hover-background-color, #fff);border:1px solid #dedfe0;border:var(--terra-form-input-hover-border, 1px solid #dedfe0)}[dir] .Input-module__form-input___Fk8kb[required]{box-shadow:none}.Input-module__form-input___Fk8kb[disabled]{color:#1c1f21;color:var(--terra-form-input-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-input-disabled-opacity, 0.25);pointer-events:none}[dir] .Input-module__form-input___Fk8kb[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-input-disabled-background-color, rgba(111, 116, 119, 0.2));border:1px solid #868a8c;border:var(--terra-form-input-disabled-border, 1px solid #868a8c);cursor:default}.Input-module__form-input___Fk8kb:focus{color:var(--terra-form-input-focus-color);outline:none}[dir] .Input-module__form-input___Fk8kb:focus{background-color:#fff;background-color:var(--terra-form-input-focus-background-color, #fff);background-size:var(--terra-form-input-focus-background-size);border:1px solid #4cb2e9;border:var(--terra-form-input-focus-border, 1px solid #4cb2e9);box-shadow:var(--terra-form-input-focus-box-shadow)}[dir=ltr] .Input-module__form-input___Fk8kb:focus{box-shadow:var(--terra-form-input-focus-ltr-box-shadow)}[dir=rtl] .Input-module__form-input___Fk8kb:focus{box-shadow:var(--terra-form-input-focus-rtl-box-shadow)}[dir] .Input-module__form-error___aU4hq{background-color:#fff;background-color:var(--terra-form-input-error-background-color, #fff);background-image:var(--terra-form-input-error-background-image);border:1px solid #e50000;border:var(--terra-form-input-error-border, 1px solid #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-error___aU4hq:hover{background-color:#fff;background-color:var(--terra-form-input-error-hover-background-color, #fff);border:1px solid #e50000;border:var(--terra-form-input-error-hover-border, 1px solid #e50000)}.Input-module__form-error___aU4hq[disabled]{color:#1c1f21;color:var(--terra-form-input-error-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-input-error-disabled-opacity, 0.25)}[dir] .Input-module__form-error___aU4hq[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-input-error-disabled-background-color, rgba(111, 116, 119, 0.2));border:1px solid #e50000;border:var(--terra-form-input-error-disabled-border, 1px solid #e50000)}[dir] .Input-module__form-error___aU4hq[required]{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-error___aU4hq:focus{background-color:#fff;background-color:var(--terra-form-input-error-focus-background-color, #fff);background-size:var(--terra-form-input-error-focus-background-size);border:1px solid #e50000;border:var(--terra-form-input-error-focus-border, 1px solid #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-box-shadow, 0 0 0 1px #e50000)}[dir=ltr] .Input-module__form-error___aU4hq:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-ltr-box-shadow, 0 0 0 1px #e50000)}[dir=rtl] .Input-module__form-error___aU4hq:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-rtl-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-incomplete___h4I7H{background-color:#ffc;background-color:var(--terra-form-input-incomplete-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H:hover{background-color:#ffc;background-color:var(--terra-form-input-incomplete-hover-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H[disabled]{background-color:#ffc;background-color:var(--terra-form-input-incomplete-disabled-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H:focus{background-color:#ffc;background-color:var(--terra-form-input-incomplete-focus-background-color, #ffc)} +.DateInput-module__orion-fusion-theme___woiCc{--terra-date-input-month-background-color: #fff;--terra-date-input-month-background-image: none;--terra-date-input-month-background-position: 0 0;--terra-date-input-month-background-repeat: no-repeat;--terra-date-input-month-background-size: auto;--terra-date-input-month-border-radius: 3px;--terra-date-input-month-after-arrow-icon-height: 0.715rem;--terra-date-input-month-after-arrow-icon-width: 1rem;--terra-date-input-month-transition-duration: 0s;--terra-date-input-month-transition-timing-function: ease;--terra-date-input-month-select-border: 1px solid #dedfe0;--terra-date-input-month-select-color: inherit;--terra-date-input-month-select-font-size: 1rem;--terra-date-input-month-select-height: 2.1666rem;--terra-date-input-month-select-max-width: 24rem;--terra-date-input-month-select-padding-bottom: 0;--terra-date-input-month-select-padding-left: 0.3571rem;--terra-date-input-month-select-padding-right: 1.42857rem;--terra-date-input-month-select-padding-top: 0;--terra-date-input-month-select-placeholder-color: #767676;--terra-date-input-month-select-placeholder-font-style: normal;--terra-date-input-month-hover-background-color: #fff;--terra-date-input-month-select-hover-border: 1px solid #dedfe0;--terra-date-input-month-select-hover-color: inherit;--terra-date-input-month-focus-background-color: #fff;--terra-date-input-month-focus-background-size: auto;--terra-date-input-month-select-focus-color: inherit;--terra-date-input-month-select-focus-border: 1px solid #4cb2e9;--terra-date-input-month-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-date-input-month-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-date-input-month-disabled-background-color: #f4f4f4;--terra-date-input-month-disabled-opacity: 1;--terra-date-input-month-select-disabled-border: 1px solid #b2b5b6;--terra-date-input-month-select-disabled-color: #9b9fa1;--terra-date-input-month-select-disabled-placeholder-color: #c4c6c7;--terra-date-input-month-select-disabled-hover-color: #9b9fa1;--terra-date-input-month-error-background-color: #fff;--terra-date-input-month-error-background-image: none;--terra-date-input-month-select-error-border: 1px solid #dedfe0;--terra-date-input-month-select-error-box-shadow: none;--terra-date-input-month-error-hover-background-color: #fff;--terra-date-input-month-select-error-hover-border: 1px solid #dedfe0;--terra-date-input-month-error-focus-background-color: #fff;--terra-date-input-month-error-focus-background-size: auto;--terra-date-input-month-select-error-focus-border: 1px solid #dedfe0;--terra-date-input-month-error-disabled-background-color: #f4f4f4;--terra-date-input-month-error-disabled-opacity: 1;--terra-date-input-month-select-error-disabled-border: 1px solid #b2b5b6;--terra-date-input-month-select-error-disabled-color: #9b9fa1;--terra-date-input-month-select-error-disabled-placeholder-color: #c4c6c7;--terra-date-input-month-incomplete-background-color: #fefd9a;--terra-date-input-month-incomplete-hover-background-color: #fefd9a;--terra-date-input-month-incomplete-focus-background-color: #fefd9a;--terra-date-input-month-incomplete-disabled-background-color: #f4f4f4;--terra-date-input-date-input-day-max-width: 2.5rem;--terra-date-input-date-input-year-max-width: 3.8rem;--terra-date-input-gutters-margin-right: 0.25em;--terra-date-input-format-text-color: rgba(28, 31, 33, 0.65);--terra-date-input-format-text-font-size: 0.855rem;--terra-date-input-format-text-font-weight: normal;--terra-date-input-format-text-margin-top: 0.25em;--terra-date-input-month-after-arrow-icon-background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E");--terra-date-input-month-after-disabled-arrow-icon-background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%23bfbfbf%22%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E");--terra-date-input-month-after-error-arrow-icon-background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E");--terra-date-input-month-after-error-disabled-arrow-icon-background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%23bfbfbf%22%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E")}.DateInput-module__clinical-lowlight-theme___KKYu1{--terra-date-input-month-background-color: #222a2e;--terra-date-input-month-background-image: none;--terra-date-input-month-select-border: 1px solid #181b1d;--terra-date-input-month-select-color: #b2b5b6;--terra-date-input-month-background-position: 0% 0%;--terra-date-input-month-background-repeat: repeat;--terra-date-input-month-background-size: auto;--terra-date-input-month-border-radius: 3px;--terra-date-input-month-transition-duration: 0s;--terra-date-input-month-transition-timing-function: ease;--terra-date-input-month-after-arrow-icon-height: 0.715rem;--terra-date-input-month-after-arrow-icon-width: 1rem;--terra-date-input-month-select-font-size: 1.1429rem;--terra-date-input-month-select-height: 2.1429rem;--terra-date-input-month-select-padding-bottom: 0;--terra-date-input-month-select-padding-left: 0.3571rem;--terra-date-input-month-select-padding-right: 1.42857rem;--terra-date-input-month-select-padding-top: 0;--terra-date-input-month-select-max-width: 24rem;--terra-date-input-date-input-day-max-width: 2.5rem;--terra-date-input-date-input-year-max-width: 3.8rem;--terra-date-input-gutters-margin-right: 0.3571rem;--terra-date-input-month-select-placeholder-color: #6f7477;--terra-date-input-month-select-placeholder-font-style: italic;--terra-date-input-month-focus-background-color: #222a2e;--terra-date-input-month-focus-ltr-box-shadow: none;--terra-date-input-month-focus-rtl-box-shadow: none;--terra-date-input-month-select-focus-border: 1px solid #004c76;--terra-date-input-month-select-focus-color: #b2b5b6;--terra-date-input-month-focus-background-size: auto;--terra-date-input-month-hover-background-color: #222a2e;--terra-date-input-month-select-hover-border: 1px solid #181b1d;--terra-date-input-month-select-hover-color: #b2b5b6;--terra-date-input-month-disabled-background-color: #1d2529;--terra-date-input-month-disabled-opacity: 0.25;--terra-date-input-month-select-disabled-border: 1px solid #242b2b;--terra-date-input-month-select-disabled-color: #404344;--terra-date-input-month-select-disabled-hover-color: #404344;--terra-date-input-month-select-disabled-placeholder-color: #6f7477;--terra-date-input-month-select-error-disabled-placeholder-color: #6f7477;--terra-date-input-month-incomplete-background-color: #464232;--terra-date-input-month-incomplete-hover-background-color: #464232;--terra-date-input-month-incomplete-focus-background-color: #464232;--terra-date-input-month-incomplete-disabled-background-color: #464232;--terra-date-input-month-error-background-color: #222a2e;--terra-date-input-month-error-background-image: none;--terra-date-input-month-select-error-border: 1px solid #fb4c4c;--terra-date-input-month-select-error-box-shadow: none;--terra-date-input-month-error-hover-background-color: #222a2e;--terra-date-input-month-select-error-hover-border: 1px solid #fb4c4c;--terra-date-input-month-error-focus-background-color: #222a2e;--terra-date-input-month-select-error-focus-border: 1px solid #004c76;--terra-date-input-month-error-focus-background-size: auto;--terra-date-input-month-error-disabled-background-color: #1d2529;--terra-date-input-month-error-disabled-opacity: 0.25;--terra-date-input-month-select-error-disabled-border: 1px solid #fb4c4c;--terra-date-input-month-select-error-disabled-color: #404344;--terra-date-input-format-text-color: #6f7477;--terra-date-input-format-text-font-size: 0.857rem;--terra-date-input-format-text-font-weight: normal;--terra-date-input-format-text-margin-top: 0.357em;--terra-date-input-month-after-arrow-icon-background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%23b2b5b6%22%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E");--terra-date-input-month-after-disabled-arrow-icon-background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%23b2b5b6%22%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E");--terra-date-input-month-after-error-arrow-icon-background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%23b2b5b6%22%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E");--terra-date-input-month-after-error-disabled-arrow-icon-background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%23b2b5b6%22%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E")}.DateInput-module__date-input___dkAdk{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative}.DateInput-module__month-select-wrapper___IuJwz{display:inline-block;position:relative}[dir] .DateInput-module__month-select-wrapper___IuJwz{background-color:#fff;background-color:var(--terra-date-input-month-background-color, #fff);background-image:var(--terra-date-input-month-background-image);background-position:var(--terra-date-input-month-background-position);background-repeat:var(--terra-date-input-month-background-repeat);background-size:var(--terra-date-input-month-background-size);border-radius:3px;border-radius:var(--terra-date-input-month-border-radius, 3px);transition-duration:var(--terra-date-input-month-transition-duration);transition-property:background-size;transition-timing-function:var(--terra-date-input-month-transition-timing-function)}.DateInput-module__month-select-wrapper___IuJwz::after{content:"";display:inline-block;height:0.715rem;height:var(--terra-date-input-month-after-arrow-icon-height, 0.715rem);pointer-events:none;position:absolute;top:50%;width:1rem;width:var(--terra-date-input-month-after-arrow-icon-width, 1rem)}[dir] .DateInput-module__month-select-wrapper___IuJwz::after{background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E");background-image:var(--terra-date-input-month-after-arrow-icon-background-image, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E"));background-position:center;background-repeat:no-repeat;background-size:contain;margin-top:-0.3rem}[dir=ltr] .DateInput-module__month-select-wrapper___IuJwz::after{right:.7em}[dir=rtl] .DateInput-module__month-select-wrapper___IuJwz::after{left:.7em}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover)and (pointer: fine){[dir] .DateInput-module__month-select-wrapper___IuJwz:hover{background-color:#fff;background-color:var(--terra-date-input-month-hover-background-color, #fff)}}[dir] .DateInput-module__month-select-wrapper___IuJwz.DateInput-module__focused___bdWxD{background-color:#fff;background-color:var(--terra-date-input-month-focus-background-color, #fff);background-size:var(--terra-date-input-month-focus-background-size)}[dir=ltr] .DateInput-module__month-select-wrapper___IuJwz.DateInput-module__focused___bdWxD{box-shadow:var(--terra-date-input-month-focus-ltr-box-shadow)}[dir=rtl] .DateInput-module__month-select-wrapper___IuJwz.DateInput-module__focused___bdWxD{box-shadow:var(--terra-date-input-month-focus-rtl-box-shadow)}.DateInput-module__month-select-wrapper___IuJwz.DateInput-module__disabled___5v8RO{opacity:0.25;opacity:var(--terra-date-input-month-disabled-opacity, 0.25)}[dir] .DateInput-module__month-select-wrapper___IuJwz.DateInput-module__disabled___5v8RO{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-date-input-month-disabled-background-color, rgba(111, 116, 119, 0.2))}[dir] .DateInput-module__month-select-wrapper___IuJwz.DateInput-module__disabled___5v8RO::after{background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E");background-image:var(--terra-date-input-month-after-disabled-arrow-icon-background-image, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E"))}[dir] .DateInput-module__month-select-wrapper___IuJwz.DateInput-module__error___lwPEB{background-color:#fff;background-color:var(--terra-date-input-month-error-background-color, #fff);background-image:var(--terra-date-input-month-error-background-image)}[dir] .DateInput-module__month-select-wrapper___IuJwz.DateInput-module__error___lwPEB::after{background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E");background-image:var(--terra-date-input-month-after-error-arrow-icon-background-image, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E"))}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover)and (pointer: fine){[dir] .DateInput-module__month-select-wrapper___IuJwz.DateInput-module__error___lwPEB:hover{background-color:#fff;background-color:var(--terra-date-input-month-error-hover-background-color, #fff)}}[dir] .DateInput-module__month-select-wrapper___IuJwz.DateInput-module__error___lwPEB.DateInput-module__focused___bdWxD{background-color:#fff;background-color:var(--terra-date-input-month-error-focus-background-color, #fff);background-size:var(--terra-date-input-month-error-focus-background-size)}.DateInput-module__month-select-wrapper___IuJwz.DateInput-module__error___lwPEB.DateInput-module__disabled___5v8RO{opacity:0.25;opacity:var(--terra-date-input-month-error-disabled-opacity, 0.25)}[dir] .DateInput-module__month-select-wrapper___IuJwz.DateInput-module__error___lwPEB.DateInput-module__disabled___5v8RO{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-date-input-month-error-disabled-background-color, rgba(111, 116, 119, 0.2))}[dir] .DateInput-module__month-select-wrapper___IuJwz.DateInput-module__error___lwPEB.DateInput-module__disabled___5v8RO::after{background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%23bfbfbf%22%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E");background-image:var(--terra-date-input-month-after-error-disabled-arrow-icon-background-image, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%23bfbfbf%22%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E"))}[dir] .DateInput-module__month-select-wrapper___IuJwz.DateInput-module__incomplete___q1dlO{background-color:#ffc;background-color:var(--terra-date-input-month-incomplete-background-color, #ffc)}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover)and (pointer: fine){[dir] .DateInput-module__month-select-wrapper___IuJwz.DateInput-module__incomplete___q1dlO:hover{background-color:#ffc;background-color:var(--terra-date-input-month-incomplete-hover-background-color, #ffc)}}[dir] .DateInput-module__month-select-wrapper___IuJwz.DateInput-module__incomplete___q1dlO.DateInput-module__focused___bdWxD{background-color:#ffc;background-color:var(--terra-date-input-month-incomplete-focus-background-color, #ffc)}[dir] .DateInput-module__month-select-wrapper___IuJwz.DateInput-module__incomplete___q1dlO.DateInput-module__disabled___5v8RO{background-color:#ffc;background-color:var(--terra-date-input-month-incomplete-disabled-background-color, #ffc)}.DateInput-module__month-select___UGcUW{-webkit-appearance:none;appearance:none;color:var(--terra-date-input-month-select-color);font-size:1.143rem;font-size:var(--terra-date-input-month-select-font-size, 1.143rem);height:2.143rem;height:var(--terra-date-input-month-select-height, 2.143rem);outline:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}[dir] .DateInput-module__month-select___UGcUW{background-color:rgba(0,0,0,0);border:1px solid #dedfe0;border:var(--terra-date-input-month-select-border, 1px solid #dedfe0);border-radius:3px;cursor:pointer;padding-bottom:0;padding-bottom:var(--terra-date-input-month-select-padding-bottom, 0);padding-top:0;padding-top:var(--terra-date-input-month-select-padding-top, 0)}[dir=ltr] .DateInput-module__month-select___UGcUW{margin:0 .92857rem 0 0;padding-left:0.3571rem;padding-left:var(--terra-date-input-month-select-padding-left, 0.3571rem);padding-right:1.42857rem;padding-right:var(--terra-date-input-month-select-padding-right, 1.42857rem)}[dir=rtl] .DateInput-module__month-select___UGcUW{margin:0 0 0 .92857rem;padding-right:0.3571rem;padding-right:var(--terra-date-input-month-select-padding-left, 0.3571rem);padding-left:1.42857rem;padding-left:var(--terra-date-input-month-select-padding-right, 1.42857rem)}.DateInput-module__month-select___UGcUW::-ms-expand{display:none}.DateInput-module__month-select___UGcUW::-ms-value{color:inherit;color:var(--terra-date-input-month-select-color, inherit)}[dir] .DateInput-module__month-select___UGcUW::-ms-value{background-color:rgba(0,0,0,0)}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover)and (pointer: fine){.DateInput-module__month-select___UGcUW:hover{color:var(--terra-date-input-month-select-hover-color)}[dir] .DateInput-module__month-select___UGcUW:hover{border:1px solid #dedfe0;border:var(--terra-date-input-month-select-hover-border, 1px solid #dedfe0)}}.DateInput-module__month-select___UGcUW:focus,.DateInput-module__month-select___UGcUW.DateInput-module__focused___bdWxD{color:var(--terra-date-input-month-select-focus-color);outline:0}[dir] .DateInput-module__month-select___UGcUW:focus, [dir] .DateInput-module__month-select___UGcUW.DateInput-module__focused___bdWxD{border:1px solid #4cb2e9;border:var(--terra-date-input-month-select-focus-border, 1px solid #4cb2e9)}.DateInput-module__month-select___UGcUW.DateInput-module__is-placeholder___u6DJW{color:rgba(21, 33, 41, 0.62);color:var(--terra-date-input-month-select-placeholder-color, rgba(21, 33, 41, 0.62));font-style:italic;font-style:var(--terra-date-input-month-select-placeholder-font-style, italic)}.DateInput-module__month-select___UGcUW option:not([value=""]){color:rgba(0,0,0,0);font-style:normal}[dir] .DateInput-module__month-select___UGcUW option:not([value=""]){text-shadow:0 0 0 #1c1f21}.DateInput-module__month-select___UGcUW.DateInput-module__disabled___5v8RO{color:#1c1f21;color:var(--terra-date-input-month-select-disabled-color, #1c1f21)}[dir] .DateInput-module__month-select___UGcUW.DateInput-module__disabled___5v8RO{border:1px solid #868a8c;border:var(--terra-date-input-month-select-disabled-border, 1px solid #868a8c)}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover)and (pointer: fine){.DateInput-module__month-select___UGcUW.DateInput-module__disabled___5v8RO:hover{color:#1c1f21;color:var(--terra-date-input-month-select-disabled-hover-color, #1c1f21)}[dir] .DateInput-module__month-select___UGcUW.DateInput-module__disabled___5v8RO:hover{cursor:default}}.DateInput-module__month-select___UGcUW.DateInput-module__disabled___5v8RO.DateInput-module__is-placeholder___u6DJW{color:rgba(21, 33, 41, 0.62);color:var(--terra-date-input-month-select-disabled-placeholder-color, rgba(21, 33, 41, 0.62))}[dir] .DateInput-module__month-select___UGcUW.DateInput-module__error___lwPEB{border:1px solid #e50000;border:var(--terra-date-input-month-select-error-border, 1px solid #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-date-input-month-select-error-box-shadow, 0 0 0 1px #e50000)}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover)and (pointer: fine){[dir] .DateInput-module__month-select___UGcUW.DateInput-module__error___lwPEB:hover{border:1px solid #e50000;border:var(--terra-date-input-month-select-error-hover-border, 1px solid #e50000)}}[dir] .DateInput-module__month-select___UGcUW.DateInput-module__error___lwPEB:focus, [dir] .DateInput-module__month-select___UGcUW.DateInput-module__error___lwPEB.DateInput-module__focused___bdWxD{border:1px solid #e50000;border:var(--terra-date-input-month-select-error-focus-border, 1px solid #e50000)}.DateInput-module__month-select___UGcUW.DateInput-module__error___lwPEB.DateInput-module__disabled___5v8RO{color:rgba(0, 0, 0, 0.25);color:var(--terra-date-input-month-select-error-disabled-color, rgba(0, 0, 0, 0.25))}[dir] .DateInput-module__month-select___UGcUW.DateInput-module__error___lwPEB.DateInput-module__disabled___5v8RO{border:1px solid #e50000;border:var(--terra-date-input-month-select-error-disabled-border, 1px solid #e50000)}.DateInput-module__month-select___UGcUW.DateInput-module__error___lwPEB.DateInput-module__disabled___5v8RO.DateInput-module__is-placeholder___u6DJW{color:rgba(21, 33, 41, 0.62);color:var(--terra-date-input-month-select-error-disabled-placeholder-color, rgba(21, 33, 41, 0.62))}@supports(-moz-appearance: meterbar){.DateInput-module__month-select___UGcUW:hover{color:rgba(0,0,0,0)}[dir] .DateInput-module__month-select___UGcUW:hover{text-shadow:0 0 0 #1c1f21;text-shadow:0 0 0 var(--terra-date-input-month-select-hover-color, #1c1f21)}.DateInput-module__month-select___UGcUW:focus,.DateInput-module__month-select___UGcUW.DateInput-module__focused___bdWxD{color:rgba(0,0,0,0)}[dir] .DateInput-module__month-select___UGcUW:focus, [dir] .DateInput-module__month-select___UGcUW.DateInput-module__focused___bdWxD{text-shadow:0 0 0 #1c1f21;text-shadow:0 0 0 var(--terra-date-input-month-select-focus-color, #1c1f21)}.DateInput-module__month-select___UGcUW.DateInput-module__is-placeholder___u6DJW{color:rgba(0,0,0,0)}[dir] .DateInput-module__month-select___UGcUW.DateInput-module__is-placeholder___u6DJW{text-shadow:0 0 0 rgba(21, 33, 41, 0.62);text-shadow:0 0 0 var(--terra-date-input-month-select-placeholder-color, rgba(21, 33, 41, 0.62))}}.DateInput-module__month-select___UGcUW{max-width:24rem;max-width:var(--terra-date-input-month-select-max-width, 24rem)}.DateInput-module__date-input-day___iJqev{-moz-appearance:textfield;max-width:2.5rem;max-width:var(--terra-date-input-date-input-day-max-width, 2.5rem);z-index:1}.DateInput-module__date-input-day___iJqev::-webkit-inner-spin-button,.DateInput-module__date-input-day___iJqev::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}[dir] .DateInput-module__date-input-day___iJqev::-webkit-inner-spin-button, [dir] .DateInput-module__date-input-day___iJqev::-webkit-outer-spin-button{margin:0}.DateInput-module__date-input-year___\+9WNy{-moz-appearance:textfield;max-width:3.8rem;max-width:var(--terra-date-input-date-input-year-max-width, 3.8rem);z-index:1}.DateInput-module__date-input-year___\+9WNy::-webkit-inner-spin-button,.DateInput-module__date-input-year___\+9WNy::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}[dir] .DateInput-module__date-input-year___\+9WNy::-webkit-inner-spin-button, [dir] .DateInput-module__date-input-year___\+9WNy::-webkit-outer-spin-button{margin:0}[dir=ltr] .DateInput-module__month-select-wrapper___IuJwz, [dir=ltr] .DateInput-module__date-input-day___iJqev{margin-right:0.3571rem;margin-right:var(--terra-date-input-gutters-margin-right, 0.3571rem)}[dir=rtl] .DateInput-module__month-select-wrapper___IuJwz, [dir=rtl] .DateInput-module__date-input-day___iJqev{margin-left:0.3571rem;margin-left:var(--terra-date-input-gutters-margin-right, 0.3571rem)}.DateInput-module__format-text___VaG7H{color:rgba(0, 0, 0, 0.55);color:var(--terra-date-input-format-text-color, rgba(0, 0, 0, 0.55));-ms-flex:1 1 100%;flex:1 1 100%;font-size:0.857rem;font-size:var(--terra-date-input-format-text-font-size, 0.857rem);font-weight:normal;font-weight:var(--terra-date-input-format-text-font-weight, normal);line-height:1.25}[dir] .DateInput-module__format-text___VaG7H{margin-top:0.357em;margin-top:var(--terra-date-input-format-text-margin-top, 0.357em)}[dir=ltr] .DateInput-module__format-text___VaG7H{text-align:left}[dir=rtl] .DateInput-module__format-text___VaG7H{text-align:right} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} diff --git a/40161-3d5d92da910faace7573.js b/40161-3d5d92da910faace7573.js new file mode 100644 index 0000000000..ea958259df --- /dev/null +++ b/40161-3d5d92da910faace7573.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[40161,45627,37344,33667,96890,79482,85565,3353,5161,80858,14041,45865,16835,85355,3193,4845,27444,17657,46647,16873,85161,66097,38681,15318,40411,18101,33315,38443,11264,34319,78996,39915,33442],{22863:function(e,t,a){var n=a(64836);t.Z=void 0;var r=n(a(67294)),l=n(a(45697)),o=n(a(47166)),u=n(a(17422)),i=o.default.bind(u.default),d={name:l.default.string.isRequired,src:l.default.string,url:l.default.string,version:l.default.string.isRequired},s=function(e){var t=e.src,a=e.name,n=e.url,l=e.version,o=r.default.createElement("a",{className:i("badge"),href:n||"https://www.npmjs.org/package/".concat(a,"/v/").concat(l)},r.default.createElement("span",{className:i("badge-name")},n?"package":"npm"),r.default.createElement("span",{className:i("badge-version")},"v".concat(l))),u=t?r.default.createElement("a",{className:i("badge"),href:t},r.default.createElement("span",{className:i("badge-name")},"github"),r.default.createElement("span",{className:i("badge-version")},"source")):void 0;return r.default.createElement("div",{className:i("badge-container")},o,u)};s.propTypes=d;var f=s;t.Z=f},49271:function(e,t,a){var n=a(64836),r=a(18698);t.Z=void 0;var l=n(a(27424)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==r(e)&&"function"!=typeof e)return{default:e};var a=h(t);if(a&&a.has(e))return a.get(e);var n={},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var u=l?Object.getOwnPropertyDescriptor(e,o):null;u&&(u.get||u.set)?Object.defineProperty(n,o,u):n[o]=e[o]}n.default=e,a&&a.set(e,n);return n}(a(67294)),u=n(a(45697)),i=n(a(47166)),d=a(21538),s=n(a(33864)),f=n(a(23399)),c=a(51051),p=n(a(53560));function h(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(h=function(e){return e?a:t})(e)}var m=i.default.bind(p.default),y={example:u.default.element,exampleSrc:u.default.element,exampleCssSrc:u.default.element,title:u.default.string,description:u.default.node,isExpanded:u.default.bool},v=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},b=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},_=function(e){var t=e.example,a=e.exampleSrc,n=e.exampleCssSrc,r=e.title,u=e.description,i=e.isExpanded,p=(0,o.useState)(i),h=(0,l.default)(p,2),y=h[0],_=h[1],g=(0,o.useState)(!1),D=(0,l.default)(g,2),E=D[0],k=D[1],M=o.default.useContext(d.ThemeContext),C=void 0!==n,T=function(){k(!E),y&&_(!y)},I=function(){_(!y),E&&k(!E)},w=function(e,t){e.nativeEvent.keyCode!==c.KEY_SPACE&&e.nativeEvent.keyCode!==c.KEY_RETURN||(e.preventDefault(),t())};return o.default.createElement("div",{className:m("template",M.className)},o.default.createElement("div",{className:m("header")},r&&o.default.createElement("h2",{className:m("title")},r)),o.default.createElement("div",{className:m("content")},u&&o.default.createElement("div",{className:m("description")},u),t),o.default.createElement("div",{className:m("footer")},a?o.default.createElement("div",{className:m("button-container")},C&&o.default.createElement("button",{type:"button",className:m("css-toggle","item",{"is-selected":E}),onClick:T,onKeyDown:function(e){return w(e,T)},onBlur:v,onMouseDown:b,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(s.default,{className:m("chevron")}),o.default.createElement("span",null,"CSS"),o.default.createElement(f.default,{className:m("chevron")})),o.default.createElement("button",{type:"button",className:m("code-toggle","item",{"is-selected":y}),onClick:I,onKeyDown:function(e){return w(e,I)},onBlur:v,onMouseDown:b,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(s.default,{className:m("chevron")}),o.default.createElement("span",null,"Code"),o.default.createElement(f.default,{className:m("chevron")}))):null,o.default.createElement("div",null,E&&o.default.createElement("div",{className:m("css")},n),y&&o.default.createElement("div",{className:m("code")},a))))};_.propTypes=y,_.defaultProps={isExpanded:!1};var g=_;t.Z=g},71464:function(e,t,a){a.d(t,{C:function(){return l}});var n=a(67294),r=a(22863),l=function(e){var t=e.url;return n.createElement(r.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-date-input",name:"terra-date-input",version:"1.46.0",url:t})}},17422:function(e,t,a){a.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},53560:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},67907:function(e,t,a){a.r(t),t.default={"orion-fusion-theme":"DateInput-module__orion-fusion-theme___woiCc","clinical-lowlight-theme":"DateInput-module__clinical-lowlight-theme___KKYu1","date-input":"DateInput-module__date-input___dkAdk","month-select-wrapper":"DateInput-module__month-select-wrapper___IuJwz",focused:"DateInput-module__focused___bdWxD",disabled:"DateInput-module__disabled___5v8RO",error:"DateInput-module__error___lwPEB",incomplete:"DateInput-module__incomplete___q1dlO","month-select":"DateInput-module__month-select___UGcUW","is-placeholder":"DateInput-module__is-placeholder___u6DJW","date-input-day":"DateInput-module__date-input-day___iJqev","date-input-year":"DateInput-module__date-input-year___+9WNy","format-text":"DateInput-module__format-text___VaG7H"}},68586:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"Input-module__clinical-lowlight-theme___clY96","orion-fusion-theme":"Input-module__orion-fusion-theme___phvH5","form-input":"Input-module__form-input___Fk8kb","form-error":"Input-module__form-error___aU4hq","form-incomplete":"Input-module__form-incomplete___h4I7H"}},24513:function(e,t,a){var n=a(64836),r=a(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=n(a(70215)),o=n(a(10434)),u=n(a(56690)),i=n(a(89728)),d=n(a(66115)),s=n(a(61655)),f=n(a(94993)),c=n(a(73808)),p=n(a(38416)),h=n(a(67294)),m=n(a(45697)),y=n(a(94184)),v=n(a(47166)),b=n(a(50026)),_=a(55877),g=a(25387),D=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var a=I(t);if(a&&a.has(e))return a.get(e);var n={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var u=l?Object.getOwnPropertyDescriptor(e,o):null;u&&(u.get||u.set)?Object.defineProperty(n,o,u):n[o]=e[o]}return n.default=e,a&&a.set(e,n),n}(a(51051)),E=n(a(2811)),k=n(a(50528)),M=n(a(6445)),C=n(a(67907)),T=["a11yLabel","disabled","displayFormat","dayAttributes","monthAttributes","yearAttributes","intl","isA11yControlled","isInvalid","isIncomplete","onBlur","onChange","onFocus","refCallback","required","name","useExternalFormatMask","value"];function I(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(I=function(e){return e?a:t})(e)}function w(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var a,n=(0,c.default)(e);if(t){var r=(0,c.default)(this).constructor;a=Reflect.construct(n,arguments,r)}else a=n.apply(this,arguments);return(0,f.default)(this,a)}}var O=v.default.bind(C.default),P={a11yLabel:m.default.string,name:m.default.string.isRequired,dayAttributes:m.default.object,disabled:m.default.bool,displayFormat:m.default.oneOf(["month-day-year","day-month-year"]),intl:m.default.shape({formatMessage:m.default.func,locale:m.default.string}),isA11yControlled:m.default.bool,isIncomplete:m.default.bool,isInvalid:m.default.bool,monthAttributes:m.default.object,onBlur:m.default.func,onChange:m.default.func,onFocus:m.default.func,refCallback:m.default.func,required:m.default.bool,useExternalFormatMask:m.default.bool,value:m.default.string,yearAttributes:m.default.object},F={disabled:!1,monthAttributes:{},dayAttributes:{},yearAttributes:{},onBlur:null,onChange:null,onFocus:void 0,refCallback:void 0,value:void 0,useExternalFormatMask:!1,isA11yControlled:!1},Y=function(e){(0,s.default)(a,e);var t=w(a);function a(e){var n;(0,u.default)(this,a),n=t.call(this,e),(0,p.default)((0,d.default)(n),"handlePaste",(function(e){var t=(e.clipboardData||window.clipboardData).getData("text");M.default.validNumericInput(t)||e.preventDefault()})),(0,p.default)((0,d.default)(n),"handleKeyPress",(function(e){var t=e.key;M.default.validNumericInput(t)||e.metaKey||e.preventDefault()}));var r=n.props.value;return r&&!M.default.acceptedDateValue(r)&&(r=void 0),n.uuid=(0,_.v4)(),n.dateInputContainer=h.default.createRef(),n.monthRef=h.default.createRef(),n.handleMonthChange=n.handleMonthChange.bind((0,d.default)(n)),n.handleDayChange=n.handleDayChange.bind((0,d.default)(n)),n.handleYearChange=n.handleYearChange.bind((0,d.default)(n)),n.handleInputKeyDown=n.handleInputKeyDown.bind((0,d.default)(n)),n.handleMonthKeyDown=n.handleMonthKeyDown.bind((0,d.default)(n)),n.handleDayKeyDown=n.handleDayKeyDown.bind((0,d.default)(n)),n.handleYearKeyDown=n.handleYearKeyDown.bind((0,d.default)(n)),n.handleFocus=n.handleFocus.bind((0,d.default)(n)),n.handleMonthFocus=n.handleMonthFocus.bind((0,d.default)(n)),n.handleDayFocus=n.handleDayFocus.bind((0,d.default)(n)),n.handleYearFocus=n.handleYearFocus.bind((0,d.default)(n)),n.focusMonth=n.focusMonth.bind((0,d.default)(n)),n.focusDay=n.focusDay.bind((0,d.default)(n)),n.focusYear=n.focusYear.bind((0,d.default)(n)),n.handleMonthBlur=n.handleMonthBlur.bind((0,d.default)(n)),n.handleDayBlur=n.handleDayBlur.bind((0,d.default)(n)),n.handleYearBlur=n.handleYearBlur.bind((0,d.default)(n)),n.formattedRender=n.formattedRender.bind((0,d.default)(n)),n.monthRender=n.monthRender.bind((0,d.default)(n)),n.dayRender=n.dayRender.bind((0,d.default)(n)),n.yearRender=n.yearRender.bind((0,d.default)(n)),n.handleMonthClick=n.handleMonthClick.bind((0,d.default)(n)),n.handlePaste=n.handlePaste.bind((0,d.default)(n)),n.handleKeyPress=n.handleKeyPress.bind((0,d.default)(n)),n.state={month:M.default.splitMonth(r),day:M.default.splitDay(r),year:M.default.splitYear(r),isFocused:!1,monthIsFocused:!1,dayIsFocused:!1,yearIsFocused:!1,isPlaceholderColored:!0},n}return(0,i.default)(a,[{key:"componentDidUpdate",value:function(e){this.props.value!==e.value&&this.setState({month:M.default.splitMonth(this.props.value),day:M.default.splitDay(this.props.value),year:M.default.splitYear(this.props.value)})}},{key:"handleFocus",value:function(e){this.props.onFocus&&!this.dateInputContainer.current.contains(e.relatedTarget)&&this.props.onFocus(e),this.setState({isFocused:!0})}},{key:"handleMonthFocus",value:function(e){this.handleFocus(e),this.setState({monthIsFocused:!0})}},{key:"handleDayFocus",value:function(e){this.handleFocus(e),this.setState({dayIsFocused:!0})}},{key:"handleYearFocus",value:function(e){this.handleFocus(e),this.setState({yearIsFocused:!0})}},{key:"handleMonthBlur",value:function(e){this.handleBlur(e,M.default.inputType.MONTH),""===this.state.month&&this.setState({isPlaceholderColored:!0}),this.setState({monthIsFocused:!1})}},{key:"handleDayBlur",value:function(e){this.handleBlur(e,M.default.inputType.DAY),this.setState({dayIsFocused:!1})}},{key:"handleYearBlur",value:function(e){this.handleBlur(e,M.default.inputType.YEAR),this.setState({yearIsFocused:!1})}},{key:"handleBlur",value:function(e,t){if(this.setState({isFocused:!1}),t===M.default.inputType.DAY){var a=e.target.value;1===a.length&&(a="0".concat(a),this.handleValueChange(e,t,a))}if(this.props.onBlur){var n=e.relatedTarget?e.relatedTarget:document.activeElement;this.dateInputContainer.current.contains(n)||this.props.onBlur(e)}}},{key:"handleInputKeyDown",value:function(e,t){"t"!==e.key&&"T"!==e.key?"-"!==e.key&&"_"!==e.key?"="!==e.key&&"+"!==e.key?t===M.default.inputType.DAY?this.handleDayKeyDown(e):this.handleYearKeyDown(e):this.setHotKeyDate(e,1):this.setHotKeyDate(e,-1):this.setHotKeyDate(e,0)}},{key:"handleMonthKeyDown",value:function(e){e.keyCode!==D.KEY_BACK_SPACE&&e.keyCode!==D.KEY_DELETE||(this.handleValueChange(e,M.default.inputType.MONTH,""),"day-month-year"===this.computedDisplayFormat()&&""===e.target.value&&this.focusDay(e)),e.keyCode!==D.KEY_SPACE&&e.keyCode!==D.KEY_UP&&e.keyCode!==D.KEY_DOWN||this.setState({isPlaceholderColored:!1})}},{key:"handleDayKeyDown",value:function(e){var t=this.state.day||"",a=t;e.keyCode===D.KEY_UP&&(e.preventDefault(),t=M.default.incrementDay(t)),e.keyCode===D.KEY_DOWN&&(e.preventDefault(),t=M.default.decrementDay(t)),a!==t&&this.handleValueChange(e,M.default.inputType.DAY,t),e.keyCode!==D.KEY_BACK_SPACE&&e.keyCode!==D.KEY_DELETE||"month-day-year"===this.computedDisplayFormat()&&""===e.target.value&&this.focusMonth(e)}},{key:"handleYearKeyDown",value:function(e){var t=this.state.year||"",a=t,n=this.computedDisplayFormat();e.keyCode===D.KEY_UP&&(e.preventDefault(),t=M.default.incrementYear(t)),e.keyCode===D.KEY_DOWN&&(e.preventDefault(),t=M.default.decrementYear(t)),a!==t&&this.handleValueChange(e,M.default.inputType.YEAR,t),e.keyCode!==D.KEY_BACK_SPACE&&e.keyCode!==D.KEY_DELETE||("month-day-year"===n&&""===e.target.value&&this.focusDay(e),"day-month-year"===n&&""===e.target.value&&this.focusMonth(e))}},{key:"handleMonthChange",value:function(e){if(M.default.validNumericInput(e.target.value)){var t=e.target.value;t===this.state.month||Number(t)>12||this.handleValueChange(e,M.default.inputType.MONTH,t)}}},{key:"handleDayChange",value:function(e){if(M.default.validNumericInput(e.target.value)){var t=e.target.value;t===this.state.day||t.length>2||Number(t)>31||!(2!==t.length||t>0)||this.handleValueChange(e,M.default.inputType.DAY,t)}}},{key:"handleYearChange",value:function(e){if(M.default.validNumericInput(e.target.value)){var t=e.target.value;t.length>5||Number(t)>M.default.MaxYearValue||4===t.length&&Number(t)M.default.MinYearValue&&u.getFullYear()===n,d=u.getMonth()===r,s=u.getDate()===l;(o=0!==t&&i&&s&&d?u:new Date).setDate(o.getDate()+t);var f=o.toISOString().split("T")[0],c=f.split("-");this.setState({year:c[0],month:c[1],day:c[2]}),this.props.onChange&&this.handleOnChange(e,f)}},{key:"computedDisplayFormat",value:function(){return M.default.computedDisplayFormat(this.props.displayFormat,this.props.intl.locale)}},{key:"focusDay",value:function(e){this.dayRef.focus(),e.preventDefault()}},{key:"focusYear",value:function(e){this.yearRef.focus(),e.preventDefault()}},{key:"focusMonth",value:function(e){this.monthRef.current.focus(),e.preventDefault()}},{key:"monthRender",value:function(){var e,t=this.props,a=t.intl,n=t.a11yLabel;e="month-day-year"===this.computedDisplayFormat()?n?a.formatMessage({id:"Terra.date.input.monthSelectLabelWithName"},{a11yLabel:n}):a.formatMessage({id:"Terra.date.input.monthSelectLabelWithDefaultName"}):a.formatMessage({id:"Terra.date.input.monthSelectLabel"},{a11yLabel:n});var r=O(["month-select-wrapper",{focused:this.state.monthIsFocused},{disabled:this.props.disabled},{error:this.props.isInvalid},{incomplete:this.props.isIncomplete&&this.props.required&&!this.props.isInvalid}]),l=O(["month-select",{"is-placeholder":""===this.state.month&&this.state.isPlaceholderColored},{focused:this.state.monthIsFocused},{disabled:this.props.disabled},{error:this.props.isInvalid},{incomplete:this.props.isIncomplete&&this.props.required&&!this.props.isInvalid}]);return h.default.createElement("div",{className:r},h.default.createElement("select",(0,o.default)({},this.props.monthAttributes,{"aria-label":e,ref:this.monthRef,className:l,value:this.state.month,name:"terra-date-month-".concat(this.props.name),onChange:this.handleMonthChange,onKeyDown:this.handleMonthKeyDown,onClick:this.handleMonthClick,onFocus:this.handleMonthFocus,onBlur:this.handleMonthBlur,disabled:this.props.disabled,"aria-disabled":this.props.disabled,"aria-invalid":this.props.isInvalid,"aria-required":this.props.required}),h.default.createElement("option",{value:""},this.props.intl.formatMessage({id:"Terra.date.input.monthPlaceholder"})),h.default.createElement("option",{key:this.props.intl.formatMessage({id:"Terra.date.input.january"}),value:"01"},this.props.intl.formatMessage({id:"Terra.date.input.january"})),h.default.createElement("option",{key:this.props.intl.formatMessage({id:"Terra.date.input.february"}),value:"02"},this.props.intl.formatMessage({id:"Terra.date.input.february"})),h.default.createElement("option",{key:this.props.intl.formatMessage({id:"Terra.date.input.march"}),value:"03"},this.props.intl.formatMessage({id:"Terra.date.input.march"})),h.default.createElement("option",{key:this.props.intl.formatMessage({id:"Terra.date.input.april"}),value:"04"},this.props.intl.formatMessage({id:"Terra.date.input.april"})),h.default.createElement("option",{key:this.props.intl.formatMessage({id:"Terra.date.input.may"}),value:"05"},this.props.intl.formatMessage({id:"Terra.date.input.may"})),h.default.createElement("option",{key:this.props.intl.formatMessage({id:"Terra.date.input.june"}),value:"06"},this.props.intl.formatMessage({id:"Terra.date.input.june"})),h.default.createElement("option",{key:this.props.intl.formatMessage({id:"Terra.date.input.july"}),value:"07"},this.props.intl.formatMessage({id:"Terra.date.input.july"})),h.default.createElement("option",{key:this.props.intl.formatMessage({id:"Terra.date.input.august"}),value:"08"},this.props.intl.formatMessage({id:"Terra.date.input.august"})),h.default.createElement("option",{key:this.props.intl.formatMessage({id:"Terra.date.input.september"}),value:"09"},this.props.intl.formatMessage({id:"Terra.date.input.september"})),h.default.createElement("option",{key:this.props.intl.formatMessage({id:"Terra.date.input.october"}),value:"10"},this.props.intl.formatMessage({id:"Terra.date.input.october"})),h.default.createElement("option",{key:this.props.intl.formatMessage({id:"Terra.date.input.november"}),value:"11"},this.props.intl.formatMessage({id:"Terra.date.input.november"})),h.default.createElement("option",{key:this.props.intl.formatMessage({id:"Terra.date.input.december"}),value:"12"},this.props.intl.formatMessage({id:"Terra.date.input.december"}))))}},{key:"dayRender",value:function(){var e,t=this,a=this.props,n=a.intl,r=a.a11yLabel;e="day-month-year"===this.computedDisplayFormat()?r?n.formatMessage({id:"Terra.date.input.dayInputLabelWithName"},{a11yLabel:r}):n.formatMessage({id:"Terra.date.input.dayInputLabelWithDefaultName"}):n.formatMessage({id:"Terra.date.input.dayInputLabel"});var l=window.matchMedia("(min--moz-device-pixel-ratio:0)").matches?{type:"text",pattern:"\\d*"}:{type:"number"};return h.default.createElement(k.default,(0,o.default)({},this.props.dayAttributes,l,{refCallback:function(e){t.dayRef=e},label:e,description:n.formatMessage({id:"Terra.date.input.dayDescription"}),className:O("date-input-day",{"is-focused":this.state.dayIsFocused}),value:this.state.day,name:"terra-date-day-".concat(this.props.name),maxLength:"2",onKeyPress:this.handleKeyPress,onChange:this.handleDayChange,onKeyDown:function(e){return t.handleInputKeyDown(e,M.default.inputType.DAY)},onFocus:this.handleDayFocus,onBlur:this.handleDayBlur,onPaste:this.handlePaste,size:"2",autoComplete:"off",disabled:this.props.disabled,isInvalid:this.props.isInvalid,showIsInvalid:!0,isIncomplete:this.props.isIncomplete,required:this.props.required}))}},{key:"yearRender",value:function(){var e=this,t=window.matchMedia("(min--moz-device-pixel-ratio:0)").matches?{type:"text",pattern:"\\d*"}:{type:"number"};return h.default.createElement(k.default,(0,o.default)({},this.props.yearAttributes,t,{refCallback:function(t){e.yearRef=t},label:this.props.intl.formatMessage({id:"Terra.date.input.yearLabel"}),description:this.props.intl.formatMessage({id:"Terra.date.input.yearDescription"}),className:O("date-input-year",{"is-focused":this.state.yearIsFocused}),value:this.state.year,name:"terra-date-year-".concat(this.props.name),maxLength:"4",onChange:this.handleYearChange,onKeyPress:this.handleKeyPress,onKeyDown:function(t){return e.handleInputKeyDown(t,M.default.inputType.YEAR)},onFocus:this.handleYearFocus,onBlur:this.handleYearBlur,onPaste:this.handlePaste,size:"4",autoComplete:"off",disabled:this.props.disabled,isInvalid:this.props.isInvalid,showIsInvalid:!0,isIncomplete:this.props.isIncomplete,required:this.props.required}))}},{key:"formattedRender",value:function(){var e=h.default.createElement(h.default.Fragment,null,this.monthRender(),this.dayRender(),this.yearRender()),t=h.default.createElement(h.default.Fragment,null,this.dayRender(),this.monthRender(),this.yearRender());return"month-day-year"===this.computedDisplayFormat()?e:t}},{key:"render",value:function(){var e,t=this,a=this.props,n=a.a11yLabel,r=a.disabled,u=(a.displayFormat,a.dayAttributes,a.monthAttributes,a.yearAttributes,a.intl,a.isA11yControlled),i=(a.isInvalid,a.isIncomplete,a.onBlur,a.onChange,a.onFocus,a.refCallback),d=(a.required,a.name),s=a.useExternalFormatMask,f=(a.value,(0,l.default)(a,T)),c=this.state,p=c.month,m=c.day,v=c.year,b=this.context,_=(0,y.default)(O({disabled:r},"date-input",{"is-focused":this.state.isFocused},b.className),f.className),g="";(p.length>0||m.length>0||v.length>0)&&(g="".concat(v,"-").concat(p,"-").concat(m)),10===g.length&&(e=g);var D=M.default.getDateFormat(this.props),k=n||this.props.intl.formatMessage({id:"Terra.date.input.labelDefault"});return h.default.createElement("div",(0,o.default)({},f,{className:_,ref:function(e){t.dateInputContainer.current=e,i&&i(e)},role:u?null:"group","aria-label":u?void 0:k}),h.default.createElement(E.default,{value:e,readThis:"".concat(k," ").concat(e)}),h.default.createElement("input",{type:"hidden",name:d,value:g}),this.formattedRender(),!1===s&&h.default.createElement("div",{"aria-hidden":!0,className:O("format-text")},D))}}]),a}(h.default.Component);Y.propTypes=P,Y.defaultProps=F,Y.contextType=b.default;t.default=(0,g.injectIntl)(Y)},6445:function(e,t,a){var n=a(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=n(a(56690)),l=n(a(89728)),o=function(){function e(){(0,r.default)(this,e)}return(0,l.default)(e,null,[{key:"validNumericInput",value:function(e){return 0===e.length||/^\d+$/.test(e)}},{key:"incrementDay",value:function(e){if(""===e)return"01";if(e){var t=Number(e);return 31===t?"01":t<31?(t+=1)<10?"0".concat(t.toString()):t.toString():e}return null}},{key:"decrementDay",value:function(e){if(""===e)return"31";if(e){var t=Number(e);return t<2?"31":t>1?(t-=1)<10?"0".concat(t.toString()):t.toString():e}return null}},{key:"incrementYear",value:function(t){if(""===t)return e.MinYearValue.toString();if(t){var a=Number(t);return a===e.MaxYearValue?e.MinYearValue.toString():a>=e.MinYearValue&&ae.MinYearValue?(a-=1).toString():t}return null}},{key:"splitMonth",value:function(e){if("string"==typeof e){var t=e.split("-");if(t[1]&&2===t[1].length){var a=Number(t[1]);if(a>=1&&a<13)return t[1]}return""}return""}},{key:"splitDay",value:function(e){if("string"==typeof e){var t=e.split("-");if(t[2]){var a=Number(t[2]);if(a>=1&&a<32)return t[2];if("0"===t[2])return t[2];if("00"===t[2])return t[2]}return""}return""}},{key:"splitYear",value:function(e){if("string"==typeof e){var t=e.split("-");return t.length&&!Number.isNaN(parseFloat(t[0]))?t[0]:""}return""}},{key:"acceptedDateValue",value:function(e){return/^([0-9][0-9][0-9][0-9])-(0[1-9]|1[0-2])-(0[1-9]|1[0-9]|2[0-9]|3[0-1])$/.test(e)}},{key:"computedDisplayFormat",value:function(e,t){return"month-day-year"===e?"month-day-year":"day-month-year"===e?"day-month-year":"en"===t||"en-US"===t?"month-day-year":"day-month-year"}},{key:"getDateFormat",value:function(t){return"month-day-year"===e.computedDisplayFormat(t.displayFormat,t.intl.locale)?t.intl.formatMessage({id:"Terra.date.input.formatMonthDayYear"}):t.intl.formatMessage({id:"Terra.date.input.formatDayMonthYear"})}}]),e}();o.inputType={YEAR:0,MONTH:1,DAY:2},o.MinYearValue=1900,o.MaxYearValue=2100;t.default=o},55142:function(e,t,a){function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=f(a(67294)),l=f(a(45697)),o=f(a(94184)),u=f(a(47166)),i=f(a(50026)),d=f(a(68586)),s=["defaultValue","disabled","isIncomplete","isInvalid","onBlur","onChange","onFocus","onInput","name","pattern","refCallback","required","type","ariaLabel","value"];function f(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[a]=e[a]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}function y(e,t){for(var a=0;a=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var d={},m="wrapper";function u(e){var t=e.components,n=o(e,l);return(0,a.mdx)(m,r({},d,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .form-select {\n max-width: 300px;\n }\n\n .controlled-button {\n margin: 5px;\n }\n}\n\n")))}u.isMDXComponent=!0},57739:function(e,t,n){n.d(t,{C:function(){return r}});var a=n(67294),l=n(22863),r=function(e){var t=e.url;return a.createElement(l.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-form-select",name:"terra-form-select",version:"6.51.0",url:t})}},77720:function(e,t,n){n.d(t,{Z:function(){return p}});n(67294);var a=n(81254),l=n(78530),r=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var m={},u="wrapper";function p(e){var t=e.components,n=d(e,r);return(0,a.mdx)(u,o({},m,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(l.ZP,{mdxType:"PropsTable"},(0,a.mdx)(l.X2,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(l.O,{mdxType:"PropNameCell"},"display"),(0,a.mdx)(l.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(l.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,a.mdx)(l.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(l.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The option display."))),(0,a.mdx)(l.X2,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(l.O,{mdxType:"PropNameCell"},"disabled"),(0,a.mdx)(l.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(l.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(l.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(l.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether the optgroup is disabled."))),(0,a.mdx)(l.X2,{key:"ROW3",mdxType:"Row"},(0,a.mdx)(l.O,{mdxType:"PropNameCell"},"options"),(0,a.mdx)(l.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'custom',\n}],\n"))),(0,a.mdx)(l.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,a.mdx)(l.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(l.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The array of select options.")))))}p.isMDXComponent=!0},11709:function(e,t,n){n.d(t,{Z:function(){return p}});n(67294);var a=n(81254),l=n(78530),r=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var m={},u="wrapper";function p(e){var t=e.components,n=d(e,r);return(0,a.mdx)(u,o({},m,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(l.ZP,{mdxType:"PropsTable"},(0,a.mdx)(l.X2,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(l.O,{mdxType:"PropNameCell"},"display"),(0,a.mdx)(l.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(l.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,a.mdx)(l.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(l.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The option display."))),(0,a.mdx)(l.X2,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(l.O,{mdxType:"PropNameCell"},"disabled"),(0,a.mdx)(l.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(l.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(l.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(l.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether the option is disabled."))),(0,a.mdx)(l.X2,{key:"ROW3",mdxType:"Row"},(0,a.mdx)(l.O,{mdxType:"PropNameCell"},"value"),(0,a.mdx)(l.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"unionOf: [\n type: 'number',\n type: 'string',\n],\n"))),(0,a.mdx)(l.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,a.mdx)(l.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(l.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The option value.")))))}p.isMDXComponent=!0},48824:function(e,t,n){n.r(t),t.default={"form-select":"FormSelectDocCommon-module__form-select___Tm1QE","controlled-button":"FormSelectDocCommon-module__controlled-button___wG6cn"}},17422:function(e,t,n){n.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},53560:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},33864:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=r(n(67294)),l=r(n(99139));function r(e){return e&&e.__esModule?e:{default:e}}function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(d[l]=e[l]);return d}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(m=0;m=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(d[l]=e[l])}return d}var i={},u="wrapper";function p(e){var a=e.components,l=r(e,n);return(0,m.mdx)(u,t({},i,l,{components:a,mdxType:"MDXLayout"}),(0,m.mdx)("h1",{id:"changelog"},"Changelog"),(0,m.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,m.mdx)("h2",{id:"3710---november-13-2023"},"3.71.0 - (November 13, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3700---november-2-2023"},"3.70.0 - (November 2, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added support to programmatically set selection state for Fusion-Button")))),(0,m.mdx)("h2",{id:"3690---october-23-2023"},"3.69.0 - (October 23, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added support of selection state for Fusion-Button")))),(0,m.mdx)("h2",{id:"3682---october-3-2023"},"3.68.2 - (October 3, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Fixed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Fixed bug where VoiceOver in Safari highlighting Terra Button within a modal dialog with a frame bigger than the button size.")))),(0,m.mdx)("h2",{id:"3681---august-25-2023"},"3.68.1 - (August 25, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Fixed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Reverted change from functional component to class component to fix an issue with passing refs into the component.")))),(0,m.mdx)("h2",{id:"3680---august-11-2023"},"3.68.0 - (August 11, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Reverted ",(0,m.mdx)("inlineCode",{parentName:"li"},"3.66")," changes.")))),(0,m.mdx)("h2",{id:"3670---august-11-2023"},"3.67.0 - (August 11, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3660---august-8-2023"},"3.66.0 - (August 8, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Reduced package size by excluding unneeded files when publishing.")))),(0,m.mdx)("h2",{id:"3650---march-1-2023"},"3.65.0 - (March 1, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Removed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed ",(0,m.mdx)("inlineCode",{parentName:"li"},"iconType")," prop from button."))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated jest snapshots for button changes.")))),(0,m.mdx)("h2",{id:"3640---february-16-2023"},"3.64.0 - (February 16, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Fixed aria-label bug.")))),(0,m.mdx)("h2",{id:"3630---february-15-2023"},"3.63.0 - (February 15, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated wdio screenshots due to functional-testing upgrade."))),(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added ",(0,m.mdx)("inlineCode",{parentName:"li"},"IconTypes")," for terra-button."),(0,m.mdx)("li",{parentName:"ul"},"Added support for decorative icon buttons.")))),(0,m.mdx)("h2",{id:"3620---december-7-2022"},"3.62.0 - (December 7, 2022)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3610---february-15-2022"},"3.61.0 - (February 15, 2022)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added ",(0,m.mdx)("inlineCode",{parentName:"li"},"button")," role to anchor butttons.")))),(0,m.mdx)("h2",{id:"3601---december-14-2021"},"3.60.1 - (December 14, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"TabIndex is honored unless the button is disabled.")))),(0,m.mdx)("h2",{id:"3600---november-2-2021"},"3.60.0 - (November 2, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Migrate doc to terra-core-docs.")))),(0,m.mdx)("h2",{id:"3590---september-21-2021"},"3.59.0 - (September 21, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated WDIO Screenshots due to webpack-config-terra sass upgrade.")))),(0,m.mdx)("h2",{id:"3580---august-25-2021"},"3.58.0 - (August 25, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3570---june-22-2021"},"3.57.0 - (June 22, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3560---june-8-2021"},"3.56.0 - (June 8, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated ",(0,m.mdx)("inlineCode",{parentName:"li"},"keycode-js")," from ",(0,m.mdx)("inlineCode",{parentName:"li"},"v2.0.1")," to ",(0,m.mdx)("inlineCode",{parentName:"li"},"v3.1.0"),".")))),(0,m.mdx)("h2",{id:"3550---april-13-2021"},"3.55.0 - (April 13, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3540---april-6-2021"},"3.54.0 - (April 6, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed unnecessary ",(0,m.mdx)("inlineCode",{parentName:"li"},"wdio.conf.js")," file"),(0,m.mdx)("li",{parentName:"ul"},"Upgrade tests to terra-functional-testing and WebDriverIO v6"),(0,m.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,m.mdx)("h2",{id:"3530---february-2-2021"},"3.53.0 - (February 2, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3520---january-5-2021"},"3.52.0 - (January 5, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Fixed"),(0,m.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation.")),(0,m.mdx)("h2",{id:"3510---december-8-2020"},"3.51.0 - (December 8, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3500---november-17-2020"},"3.50.0 - (November 17, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,m.mdx)("h2",{id:"3490---november-10-2020"},"3.49.0 - (November 10, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Fixed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Fixed focus styles issue after re-enabling a disabled button.")))),(0,m.mdx)("h2",{id:"3480---october-27-2020"},"3.48.0 - (October 27, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3470---august-18-2020"},"3.47.0 - (August 18, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Remove wdio tests and screenshots for checking hover style.")))),(0,m.mdx)("h2",{id:"3460---august-6-2020"},"3.46.0 - (August 6, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3450---august-4-2020"},"3.45.0 - (August 4, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3440---july-29-2020"},"3.44.0 - (July 29, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update changelog formatting")))),(0,m.mdx)("h2",{id:"3430---july-7-2020"},"3.43.0 - (July 7, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"updated ",(0,m.mdx)("inlineCode",{parentName:"li"},"master")," references to ",(0,m.mdx)("inlineCode",{parentName:"li"},"main"),".")))),(0,m.mdx)("h2",{id:"3420---june-11-2020"},"3.42.0 - (June 11, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated wdio test to support testing against firefox")))),(0,m.mdx)("h2",{id:"3410---june-9-2020"},"3.41.0 - (June 9, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config")))),(0,m.mdx)("h2",{id:"3400---june-2-2020"},"3.40.0 - (June 2, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Fixed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Fixed button not losing ",(0,m.mdx)("inlineCode",{parentName:"li"},"focus")," and ",(0,m.mdx)("inlineCode",{parentName:"li"},"active")," styles when made disabled via user interaction.")))),(0,m.mdx)("h2",{id:"3390---may-19-2020"},"3.39.0 - (May 19, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3380---may-5-2020"},"3.38.0 - (May 5, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added an interaction media query to apply ",(0,m.mdx)("inlineCode",{parentName:"li"},"hover")," styles only on non-touch devices.")))),(0,m.mdx)("h2",{id:"3370---april-28-2020"},"3.37.0 - (April 28, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge'))),(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,m.mdx)("h2",{id:"3360---april-22-2020"},"3.36.0 - (April 22, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Fixed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Converted terra-theme-context from a peer depenency to a dependency.")))),(0,m.mdx)("h2",{id:"3350---april-22-2020"},"3.35.0 - (April 22, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Apply themes by context and directly include packaged themes."),(0,m.mdx)("li",{parentName:"ul"},"Updated docs for documentation link"),(0,m.mdx)("li",{parentName:"ul"},"Removed extra lines from README")))),(0,m.mdx)("h2",{id:"3340---march-31-2020"},"3.34.0 - (March 31, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Fixed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Fixed long press enabling click focus styles."),(0,m.mdx)("li",{parentName:"ul"},"Fixed button not getting focus after closing of modal.")))),(0,m.mdx)("h2",{id:"3330---march-10-2020"},"3.33.0 - (March 10, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3320---february-18-2020"},"3.32.0 - (February 18, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme theming files")))),(0,m.mdx)("h2",{id:"3310---february-4-2020"},"3.31.0 - (February 4, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update docs to use mdx syntax.")))),(0,m.mdx)("h2",{id:"3300---january-28-2020"},"3.30.0 - (January 28, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3290---january-7-2020"},"3.29.0 - (January 7, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Button border-color on hover is now themeable."))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Removed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed yarn reference in docs")))),(0,m.mdx)("h2",{id:"3280---december-10-2019"},"3.28.0 - (December 10, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Set focus on button when clicked on Firefox, Safari, and IE."))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added Theme variables for disabled styles of button.")))),(0,m.mdx)("h2",{id:"3270---december-3-2019"},"3.27.0 - (December 3, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added orion-fusion-theme and generated the respective reference wdio screenshots.")))),(0,m.mdx)("h2",{id:"3260---october-30-2019"},"3.26.0 - (October 30, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Inline SVG aligned for IE and wdio screenshots updated by adding ",(0,m.mdx)("inlineCode",{parentName:"li"},"--terra-button-compact-min-height")," variable and updating its value."))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Fixed lint warnings for multiple empty lines")))),(0,m.mdx)("h2",{id:"3250---october-3-2019"},"3.25.0 - (October 3, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3240---september-19-2019"},"3.24.0 - (September 19, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed ",(0,m.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site.")))),(0,m.mdx)("h2",{id:"3230---september-6-2019"},"3.23.0 - (September 6, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Props table markdown file import added to doc site page")))),(0,m.mdx)("h2",{id:"3220---september-3-2019"},"3.22.0 - (September 3, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated the 'keycode-js' version from '^1.0.4' to '^2.0.1'.")))),(0,m.mdx)("h2",{id:"3210---august-21-2019"},"3.21.0 - (August 21, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Import for package version from package.json added to doc page"),(0,m.mdx)("li",{parentName:"ul"},"Added comments for ESlint v6"),(0,m.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files")))),(0,m.mdx)("h2",{id:"3200---august-14-2019"},"3.20.0 - (August 14, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Fixed Button not showing focus styles when programmatically focused"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update tests for dev-site v6"),(0,m.mdx)("li",{parentName:"ul"},"updated package.json test scripts")))),(0,m.mdx)("h2",{id:"3190---july-30-2019"},"3.19.0 - (July 30, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3180---july-24-2019"},"3.18.0 - (July 24, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3170---july-16-2019"},"3.17.0 - (July 16, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies")))),(0,m.mdx)("h2",{id:"3160----july-11-2019"},"3.16.0 - (July 11, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update tests to use ",(0,m.mdx)("inlineCode",{parentName:"li"},"Terra.describeViewports")," for setting viewports")))),(0,m.mdx)("h2",{id:"3150---june-28-2019"},"3.15.0 - (June 28, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Moved v2 Upgrade guide that existed in the wiki to the upgrade guide doc"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed all inline styles from Dev-site components and implemented the same styles using external css.")))),(0,m.mdx)("h2",{id:"3140---june-18-2019"},"3.14.0 - (June 18, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added missing WDIO screenshots")))),(0,m.mdx)("h2",{id:"3131---june-12-2019"},"3.13.1 - (June 12, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Reverted change to adjust Button CSS to better line up icons with text")))),(0,m.mdx)("h2",{id:"3130---june-11-2019"},"3.13.0 - (June 11, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Removed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Adjusted Button CSS to better line up icons with text"),(0,m.mdx)("li",{parentName:"ul"},"Made required updates to consume terra-toolkit v5 and terra-dev-site v5")))),(0,m.mdx)("h2",{id:"3120---may-1-2019"},"3.12.0 - (May 1, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added new ",(0,m.mdx)("inlineCode",{parentName:"li"},"ghost")," variant"),(0,m.mdx)("li",{parentName:"ul"},"Added ",(0,m.mdx)("inlineCode",{parentName:"li"},"compact")," variant docsite examples"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,m.mdx)("li",{parentName:"ul"},"Updated WDIO tests to use themeCombinationOfCustomProperties instead of themeEachCustomProperty"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Use the custom ",(0,m.mdx)("inlineCode",{parentName:"li"},"aria-label")," if explicitly provided, otherwise use ",(0,m.mdx)("inlineCode",{parentName:"li"},"text")," as its fallback value for Utility button and icon-only buttons.")))),(0,m.mdx)("h2",{id:"3110---april-16-2019"},"3.11.0 - (April 16, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3100---april-9-2019"},"3.10.0 - (April 9, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added the native ",(0,m.mdx)("inlineCode",{parentName:"li"},"title")," attribute as a prop")))),(0,m.mdx)("h2",{id:"390---april-2-2019"},"3.9.0 - (April 2, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Fixed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Reset default margin in Safari.")))),(0,m.mdx)("h2",{id:"380---march-26-2019"},"3.8.0 - (March 26, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Removed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,m.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,m.mdx)("h2",{id:"370---march-21-2019"},"3.7.0 - (March 21, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Replaced local keyCode values with keycode-js npm package")))),(0,m.mdx)("h2",{id:"360---february-26-2019"},"3.6.0 - (February 26, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"350---february-12-2019"},"3.5.0 - (February 12, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"340---february-5-2019"},"3.4.0 - (February 5, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"330---january-26-2019"},"3.3.0 - (January 26, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"320---january-22-2019"},"3.2.0 - (January 22, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"310---january-22-2019"},"3.1.0 - (January 22, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"300---january-8-2019"},"3.0.0 - (January 8, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Applied styles to wrap long words in buttons"),(0,m.mdx)("li",{parentName:"ul"},"Updated theme variables")))),(0,m.mdx)("h2",{id:"2320---january-2-2019"},"2.32.0 - (January 2, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2311---november-20-2018"},"2.31.1 - (November 20, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,m.mdx)("h2",{id:"2310---november-19-2018"},"2.31.0 - (November 19, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2300---november-13-2018"},"2.30.0 - (November 13, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2290---november-9-2018"},"2.29.0 - (November 9, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2280---october-24-2018"},"2.28.0 - (October 24, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2270---october-16-2018"},"2.27.0 - (October 16, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2260---october-8-2018"},"2.26.0 - (October 8, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Fixed the Button component wrapping to center text"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated component feature links in README")))),(0,m.mdx)("h2",{id:"2250---october-2-2018"},"2.25.0 - (October 2, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Exports for button types and variants added")))),(0,m.mdx)("h2",{id:"2240---september-25-2018"},"2.24.0 - (September 25, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2231---september-6-2018"},"2.23.1 - (September 6, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,m.mdx)("h2",{id:"2230---september-5-2018"},"2.23.0 - (September 5, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,m.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,m.mdx)("h2",{id:"2220---september-4-2018"},"2.22.0 - (September 4, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2210---august-29-2018"},"2.21.0 - (August 29, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2200---august-21-2018"},"2.20.0 - (August 21, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added refCallback prop to the Button component")))),(0,m.mdx)("h2",{id:"2190---august-1-2018"},"2.19.0 - (August 1, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,m.mdx)("li",{parentName:"ul"},"Updated test pages with icons to use a ",(0,m.mdx)("inlineCode",{parentName:"li"},"terra-icon")))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Fixed the Compact Button test page to display a compact button")))),(0,m.mdx)("h2",{id:"2180---july-19-2018"},"2.18.0 - (July 19, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Add .module extension to SCSS file(s)")))),(0,m.mdx)("h2",{id:"2170---july-17-2018"},"2.17.0 - (July 17, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,m.mdx)("li",{parentName:"ul"},"Removed unused state mouseWasClicked key")))),(0,m.mdx)("h2",{id:"2160---july-10-2018"},"2.16.0 - (July 10, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2150---june-28-2018"},"2.15.0 - (June 28, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added change log to the documentation on terra-dev-site")))),(0,m.mdx)("h2",{id:"2140---june-22-2018"},"2.14.0 - (June 22, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Moved terra-base from dependency to peerDependency")))),(0,m.mdx)("h2",{id:"2130---june-12-2018"},"2.13.0 - (June 12, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},'Updated "test:jest" script to work on windows.')))),(0,m.mdx)("h2",{id:"2120---may-30-2018"},"2.12.0 - (May 30, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated structure to match terra-dev-site 1.0 and moved doc examples internal.")))),(0,m.mdx)("h2",{id:"2110---may-23-2018"},"2.11.0 - (May 23, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2100---may-16-2018"},"2.10.0 - (May 16, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"290---may-9-2018"},"2.9.0 - (May 9, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"280---may-2-2018"},"2.8.0 - (May 2, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"270---april-20-2018"},"2.7.0 - (April 20, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"260---april-15-2018"},"2.6.0 - (April 15, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"250---april-5-2018"},"2.5.0 - (April 5, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"240---march-30-2018"},"2.4.0 - (March 30, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"230---march-14-2018"},"2.3.0 - (March 14, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Create a flattened SVG css selector.")))),(0,m.mdx)("h2",{id:"220---march-6-2018"},"2.2.0 - (March 6, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Removed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed props-table script from package.json")))),(0,m.mdx)("h2",{id:"210---february-26-2018"},"2.1.0 - (February 26, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added font-size theming variable to Button component"),(0,m.mdx)("li",{parentName:"ul"},"Corrected ",(0,m.mdx)("inlineCode",{parentName:"li"},"DE-EMPHSASIS")," button variant typo")))),(0,m.mdx)("h2",{id:"201---february-13-2018"},"2.0.1 - (February 13, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated peerDependencies")))),(0,m.mdx)("h2",{id:"200---february-23-2018"},"2.0.0 - (February 23, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated button types and variants syntax in docs")))),(0,m.mdx)("h2",{id:"200---february-12-2018"},"2.0.0 - (February 12, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated to use React 16"),(0,m.mdx)("li",{parentName:"ul"},"The ",(0,m.mdx)("inlineCode",{parentName:"li"},"text")," prop is now required to help improve accessibility"),(0,m.mdx)("li",{parentName:"ul"},"Button is now a class-base component and not a functional component, to allow a ref callback"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"The following props have been added: ",(0,m.mdx)("inlineCode",{parentName:"li"},"isIconOnly"),", ",(0,m.mdx)("inlineCode",{parentName:"li"},"onBlur"),", ",(0,m.mdx)("inlineCode",{parentName:"li"},"onFocus"),", ",(0,m.mdx)("inlineCode",{parentName:"li"},"onKeyDown"),", and ",(0,m.mdx)("inlineCode",{parentName:"li"},"onKeyUp")),(0,m.mdx)("li",{parentName:"ul"},"The following variants have been added: ",(0,m.mdx)("inlineCode",{parentName:"li"},"neutral"),", ",(0,m.mdx)("inlineCode",{parentName:"li"},"emphasis"),", ",(0,m.mdx)("inlineCode",{parentName:"li"},"de-emphasis"),", ",(0,m.mdx)("inlineCode",{parentName:"li"},"utility")," and ",(0,m.mdx)("inlineCode",{parentName:"li"},"action")," per UX guidance"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Removed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"The size prop has been removed per UX guidance"),(0,m.mdx)("li",{parentName:"ul"},"The ",(0,m.mdx)("inlineCode",{parentName:"li"},"primary"),", ",(0,m.mdx)("inlineCode",{parentName:"li"},"secondary"),", and ",(0,m.mdx)("inlineCode",{parentName:"li"},"link")," variants have been removed per UX guidance"),(0,m.mdx)("li",{parentName:"ul"},"The children prop has been removed")))),(0,m.mdx)("h2",{id:"1140---november-28-2017"},"1.14.0 - (November 28, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Corrected typo in ",(0,m.mdx)("inlineCode",{parentName:"li"},"terra-button")," css comment.")))),(0,m.mdx)("h2",{id:"1130---november-16-2017"},"1.13.0 - (November 16, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed unnecessary ",(0,m.mdx)("inlineCode",{parentName:"li"},"font-family")," rule.")))),(0,m.mdx)("h2",{id:"1120---october-31-2017"},"1.12.0 - (October 31, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added space between icons and text")))),(0,m.mdx)("h2",{id:"1110---october-6-2017"},"1.11.0 - (October 6, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1100---september-26-2017"},"1.10.0 - (September 26, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Removed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Remove stylelint-disable selector-class-pattern")))),(0,m.mdx)("h2",{id:"190---september-19-2017"},"1.9.0 - (September 19, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"180---september-12-2017"},"1.8.0 - (September 12, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"170---september-7-2017"},"1.7.0 - (September 7, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"160---september-5-2017"},"1.6.0 - (September 5, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update nightwatch tests and test scripts.")))),(0,m.mdx)("h2",{id:"150---august-31-2017"},"1.5.0 - (August 31, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"140---august-15-2017"},"1.4.0 - (August 15, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Switched CSS custom properties usage to inline fallback syntax")))),(0,m.mdx)("h2",{id:"130---august-8-2017"},"1.3.0 - (August 8, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"120---august-1-2017"},"1.2.0 - (August 1, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Removed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed terra-mixins")))),(0,m.mdx)("h2",{id:"110---july-18-2017"},"1.1.0 - (July 18, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Converted component to use CSS modules"),(0,m.mdx)("li",{parentName:"ul"},"Converted SCSS variables to CSS custom properties for theming"),(0,m.mdx)("li",{parentName:"ul"},"Normalized CSS custom properties naming"),(0,m.mdx)("li",{parentName:"ul"},"Updated nightwatch test scripts"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Removed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed nightwatch.config file")))),(0,m.mdx)("h2",{id:"100---june-28-2017"},"1.0.0 - (June 28, 2017)"),(0,m.mdx)("p",null,"Initial stable release"))}p.isMDXComponent=!0;var x=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(d[l]=e[l]);return d}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(m=0;m=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(d[l]=e[l])}return d}var s={},c="wrapper";function h(e){var a=e.components,l=N(e,x);return(0,m.mdx)(c,o({},s,l,{components:a,mdxType:"MDXLayout"}),(0,m.mdx)(d.C,{mdxType:"Badge"}),(0,m.mdx)(p,{mdxType:"ChangeLog"}))}h.isMDXComponent=!0},18778:function(e,a,l){l.d(a,{C:function(){return n}});var m=l(67294),d=l(22863),n=function(e){var a=e.url;return m.createElement(d.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-button",name:"terra-button",version:"3.71.0",url:a})}},17422:function(e,a,l){l.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/41142-71af723c3a5ed791f969.css b/41142-71af723c3a5ed791f969.css new file mode 100644 index 0000000000..26c57489b7 --- /dev/null +++ b/41142-71af723c3a5ed791f969.css @@ -0,0 +1,4 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} +.Table-module__clinical-lowlight-theme___PqYJ8{--terra-html-table-background-color: #383f42;--terra-html-table-border: 1px solid #585a5c;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: none;--terra-html-table-header-cell-color: #1c1f21;--terra-html-table-header-cell-font-size: 1rem;--terra-html-table-header-cell-font-weight: bold;--terra-html-table-header-cell-border-right: 1px solid #585a5c;--terra-html-table-first-header-cell-border-left: 1px solid #585a5c;--terra-html-table-last-header-cell-border-right: 1px solid #585a5c;--terra-html-table-header-background-color: #909496;--terra-html-table-header-box-shadow: 0 4px 4px -3.5px #1c1f21, inset 0 0 0 1px #585a5c;--terra-html-table-header-row-border-bottom: 1px solid #585a5c;--terra-html-table-header-row-border-top: 1px solid #585a5c;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #b2b5b6;--terra-html-table-cell-font-size: 1rem;--terra-html-table-first-cell-border-left: 1px solid #585a5c;--terra-html-table-last-cell-border-right: 1px solid #585a5c;--terra-html-table-header-cell-standard-padding-bottom: 0.5rem;--terra-html-table-header-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-top: 0.5rem;--terra-html-table-header-cell-compact-padding-bottom: 0.25rem;--terra-html-table-header-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-top: 0.25rem;--terra-html-table-cell-standard-padding-bottom: 0.5rem;--terra-html-table-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-cell-standard-padding-top: 0.5rem;--terra-html-table-cell-compact-padding-bottom: 0.25rem;--terra-html-table-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-cell-compact-padding-top: 0.25rem;--terra-html-table-row-border-top: 1px solid #585a5c;--terra-html-table-last-row-border-bottom: 1px solid #585a5c;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #2d3539}.Table-module__orion-fusion-theme___d9rxf{--terra-html-table-background-color: transparent;--terra-html-table-border: 0;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: transparent;--terra-html-table-header-cell-color: #64696c;--terra-html-table-header-cell-font-size: 0.857142857rem;--terra-html-table-header-cell-font-weight: normal;--terra-html-table-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-first-header-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-background-color: #f4f4f4;--terra-html-table-header-box-shadow: none;--terra-html-table-header-row-border-bottom: 2px solid #64696c;--terra-html-table-header-row-border-top: 1px solid #c8cacb;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #1c1f21;--terra-html-table-cell-font-size: 0.857142857rem;--terra-html-table-first-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-cell-standard-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-top: 0.428571429rem;--terra-html-table-header-cell-compact-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-top: 0.428571429rem;--terra-html-table-cell-standard-padding-bottom: 0.8571428571rem;--terra-html-table-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-cell-standard-padding-top: 0.8571428571rem;--terra-html-table-cell-compact-padding-bottom: 0.8571428571rem;--terra-html-table-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-cell-compact-padding-top: 0.8571428571rem;--terra-html-table-row-border-top: 0;--terra-html-table-last-row-border-bottom: 1px solid #c8cacb;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #f4f4f4}.Table-module__table___eg2Mi{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___eg2Mi{background-color:transparent;background-color:var(--terra-html-table-background-color, transparent);border:0;border:var(--terra-html-table-border, 0);border-radius:0;border-radius:var(--terra-html-table-border-radius, 0)}[dir] .Table-module__table___eg2Mi caption{padding-bottom:.5em}.Table-module__table___eg2Mi tr{display:table-row}[dir] .Table-module__table___eg2Mi tr{margin-bottom:0}.Table-module__table___eg2Mi td,.Table-module__table___eg2Mi th{color:#1c1f21;color:var(--terra-html-table-cell-color, #1c1f21);display:table-cell;font-size:1rem;font-size:var(--terra-html-table-cell-font-size, 1rem);font-weight:normal;vertical-align:top}[dir] .Table-module__table___eg2Mi td, [dir] .Table-module__table___eg2Mi th{border:0}[dir=ltr] .Table-module__table___eg2Mi td, [dir=ltr] .Table-module__table___eg2Mi th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___eg2Mi td, [dir=rtl] .Table-module__table___eg2Mi th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___eg2Mi td:first-child, [dir=ltr] .Table-module__table___eg2Mi th:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:first-child, [dir=rtl] .Table-module__table___eg2Mi th:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi td:last-child, [dir=ltr] .Table-module__table___eg2Mi th:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:last-child, [dir=rtl] .Table-module__table___eg2Mi th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___eg2Mi thead th, [dir] .Table-module__table___eg2Mi thead td{border:0}[dir=ltr] .Table-module__table___eg2Mi thead th, [dir=ltr] .Table-module__table___eg2Mi thead td{border-right:1px solid rgba(200, 202, 203, 0.5);border-right:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:left}[dir=rtl] .Table-module__table___eg2Mi thead th, [dir=rtl] .Table-module__table___eg2Mi thead td{border-left:1px solid rgba(200, 202, 203, 0.5);border-left:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:right}[dir=ltr] .Table-module__table___eg2Mi thead th:first-child, [dir=ltr] .Table-module__table___eg2Mi thead td:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:first-child, [dir=rtl] .Table-module__table___eg2Mi thead td:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi thead th:last-child, [dir=ltr] .Table-module__table___eg2Mi thead td:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:last-child, [dir=rtl] .Table-module__table___eg2Mi thead td:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead{display:table-header-group}[dir] .Table-module__table___eg2Mi thead{background-color:#f1f1f2;background-color:var(--terra-html-table-header-background-color, #f1f1f2);box-shadow:0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5);box-shadow:var(--terra-html-table-header-box-shadow, 0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5))}[dir] .Table-module__table___eg2Mi thead tr{border-bottom:1px solid #b9bbbc;border-bottom:var(--terra-html-table-header-row-border-bottom, 1px solid #b9bbbc);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-header-row-border-top, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{color:#1c1f21;color:var(--terra-html-table-header-cell-color, #1c1f21);font-size:1rem;font-size:var(--terra-html-table-header-cell-font-size, 1rem);font-weight:bold;font-weight:var(--terra-html-table-header-cell-font-weight, bold);vertical-align:bottom}[dir] .Table-module__table___eg2Mi tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___eg2Mi tbody tr{background-color:transparent;background-color:var(--terra-html-table-row-background-color, transparent);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-row-border-top, 1px solid #dedfe0)}[dir] .Table-module__table___eg2Mi tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___eg2Mi tbody tr:last-of-type{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-html-table-last-row-border-bottom, 1px solid #dedfe0)}[dir] .Table-module__padding-standard___BfbC- th{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-header-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-header-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z th{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-header-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-header-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__padding-standard___BfbC- td{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z td{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__striped___n8xJe tbody tr:nth-of-type(even){background-color:#f6f7f8;background-color:var(--terra-html-table-row-striped-background-color, #f6f7f8)}@media print{.Table-module__table___eg2Mi thead{display:table-header-group}.Table-module__table___eg2Mi tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} diff --git a/41142-71af723c3a5ed791f969.js b/41142-71af723c3a5ed791f969.js new file mode 100644 index 0000000000..d79537ab58 --- /dev/null +++ b/41142-71af723c3a5ed791f969.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[41142,45627,37344,33667,96890,79482,85565,3353,5161,80858,14041,45865,16835,85355,3193,4845,27444,17657,46647,16873,85161,66097,38681,15318,40411,18101,33315,38443,11264,34319,78996,39915,33442],{19127:function(e,t,n){function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}t.Z=void 0;var l,r=(l=n(67294))&&l.__esModule?l:{default:l},o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var n=i(t);if(n&&n.has(e))return n.get(e);var l={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var d=r?Object.getOwnPropertyDescriptor(e,o):null;d&&(d.get||d.set)?Object.defineProperty(l,o,d):l[o]=e[o]}return l.default=e,n&&n.set(e,l),l}(n(93670));function i(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(i=function(e){return e?n:t})(e)}t.Z=function(){return r.default.createElement(o.default,null,r.default.createElement(o.SectionHeader,{title:"Default SectionHeader",key:"default"}))}},22863:function(e,t,n){var a=n(64836);t.Z=void 0;var l=a(n(67294)),r=a(n(45697)),o=a(n(47166)),i=a(n(17422)),d=o.default.bind(i.default),u={name:r.default.string.isRequired,src:r.default.string,url:r.default.string,version:r.default.string.isRequired},s=function(e){var t=e.src,n=e.name,a=e.url,r=e.version,o=l.default.createElement("a",{className:d("badge"),href:a||"https://www.npmjs.org/package/".concat(n,"/v/").concat(r)},l.default.createElement("span",{className:d("badge-name")},a?"package":"npm"),l.default.createElement("span",{className:d("badge-version")},"v".concat(r))),i=t?l.default.createElement("a",{className:d("badge"),href:t},l.default.createElement("span",{className:d("badge-name")},"github"),l.default.createElement("span",{className:d("badge-version")},"source")):void 0;return l.default.createElement("div",{className:d("badge-container")},o,i)};s.propTypes=u;var c=s;t.Z=c},49271:function(e,t,n){var a=n(64836),l=n(18698);t.Z=void 0;var r=a(n(27424)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==l(e)&&"function"!=typeof e)return{default:e};var n=f(t);if(n&&n.has(e))return n.get(e);var a={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var i=r?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(a,o,i):a[o]=e[o]}a.default=e,n&&n.set(e,a);return a}(n(67294)),i=a(n(45697)),d=a(n(47166)),u=n(21538),s=a(n(33864)),c=a(n(23399)),m=n(51051),p=a(n(53560));function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(f=function(e){return e?n:t})(e)}var x=d.default.bind(p.default),y={example:i.default.element,exampleSrc:i.default.element,exampleCssSrc:i.default.element,title:i.default.string,description:i.default.node,isExpanded:i.default.bool},_=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},b=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},v=function(e){var t=e.example,n=e.exampleSrc,a=e.exampleCssSrc,l=e.title,i=e.description,d=e.isExpanded,p=(0,o.useState)(d),f=(0,r.default)(p,2),y=f[0],v=f[1],g=(0,o.useState)(!1),h=(0,r.default)(g,2),E=h[0],O=h[1],T=o.default.useContext(u.ThemeContext),N=void 0!==a,w=function(){O(!E),y&&v(!y)},C=function(){v(!y),E&&O(!E)},j=function(e,t){e.nativeEvent.keyCode!==m.KEY_SPACE&&e.nativeEvent.keyCode!==m.KEY_RETURN||(e.preventDefault(),t())};return o.default.createElement("div",{className:x("template",T.className)},o.default.createElement("div",{className:x("header")},l&&o.default.createElement("h2",{className:x("title")},l)),o.default.createElement("div",{className:x("content")},i&&o.default.createElement("div",{className:x("description")},i),t),o.default.createElement("div",{className:x("footer")},n?o.default.createElement("div",{className:x("button-container")},N&&o.default.createElement("button",{type:"button",className:x("css-toggle","item",{"is-selected":E}),onClick:w,onKeyDown:function(e){return j(e,w)},onBlur:_,onMouseDown:b,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(s.default,{className:x("chevron")}),o.default.createElement("span",null,"CSS"),o.default.createElement(c.default,{className:x("chevron")})),o.default.createElement("button",{type:"button",className:x("code-toggle","item",{"is-selected":y}),onClick:C,onKeyDown:function(e){return j(e,C)},onBlur:_,onMouseDown:b,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(s.default,{className:x("chevron")}),o.default.createElement("span",null,"Code"),o.default.createElement(c.default,{className:x("chevron")}))):null,o.default.createElement("div",null,E&&o.default.createElement("div",{className:x("css")},a),y&&o.default.createElement("div",{className:x("code")},n))))};v.propTypes=y,v.defaultProps={isExpanded:!1};var g=v;t.Z=g},58496:function(e,t,n){n.r(t),n.d(t,{default:function(){return w}});var a=n(67294),l=n(81254),r=n(30999),o=n(19127),i=["components"];function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var s={};function c(e){var t=e.components,n=u(e,i);return(0,l.mdx)("wrapper",d({},s,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport List, { SectionHeader } from 'terra-list/lib/index';\n\nconst ListSectionHeaderExample = () => (\n \n \n \n);\n\nexport default ListSectionHeaderExample;\n\n")))}c.isMDXComponent=!0;var m=n(49271),p=function(e){var t=e.title,n=e.description,l=e.isExpanded;return a.createElement(m.Z,{title:t||"List Section Header",description:n,example:a.createElement(o.Z,null),exampleSrc:a.createElement(c,null),isExpanded:l})},f=n(78530),x=["components"];function y(){return y=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var b={},v="wrapper";function g(e){var t=e.components,n=_(e,x);return(0,l.mdx)(v,y({},b,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)(f.ZP,{mdxType:"PropsTable"},(0,l.mdx)(f.X2,{key:"ROW1",mdxType:"Row"},(0,l.mdx)(f.O,{mdxType:"PropNameCell"},"level"),(0,l.mdx)(f.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 1\n 2\n 3\n 4\n 5\n 6\n],\n"))),(0,l.mdx)(f.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(f.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"2\n"))),(0,l.mdx)(f.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Optionally sets the heading level. One of ",(0,l.mdx)("inlineCode",{parentName:"p"},"1"),", ",(0,l.mdx)("inlineCode",{parentName:"p"},"2"),", ",(0,l.mdx)("inlineCode",{parentName:"p"},"3"),", ",(0,l.mdx)("inlineCode",{parentName:"p"},"4"),", ",(0,l.mdx)("inlineCode",{parentName:"p"},"5"),", ",(0,l.mdx)("inlineCode",{parentName:"p"},"6"),".\n",(0,l.mdx)("img",{parentName:"p",src:"https://badgen.net/badge/UX/Accessibility/blue",alt:"IMPORTANT"}),"\nReplace value ",(0,l.mdx)("inlineCode",{parentName:"p"},"1")," of ",(0,l.mdx)("inlineCode",{parentName:"p"},"level")," prop with other level values. Do Not use level as 1 as there should be only one H1 in a page.\nHeading value ",(0,l.mdx)("inlineCode",{parentName:"p"},"1")," will be converted as heading level ",(0,l.mdx)("inlineCode",{parentName:"p"},"2")," until it is removed in the next MVB release."))),(0,l.mdx)(f.X2,{key:"ROW2",mdxType:"Row"},(0,l.mdx)(f.O,{mdxType:"PropNameCell"},"refCallback"),(0,l.mdx)(f.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,l.mdx)(f.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(f.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(f.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Function callback passthrough for the ref of the section li."))),(0,l.mdx)(f.X2,{key:"ROW3",mdxType:"Row"},(0,l.mdx)(f.O,{mdxType:"PropNameCell"},"title"),(0,l.mdx)(f.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,l.mdx)(f.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,l.mdx)(f.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(f.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Title text to be placed within the section header.")))))}g.isMDXComponent=!0;var h=["components"];function E(){return E=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var T={},N="wrapper";function w(e){var t=e.components,n=O(e,h);return(0,l.mdx)(N,E({},T,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)(r.C,{mdxType:"Badge"}),(0,l.mdx)("h1",{id:"list-section-header"},"List Section Header"),(0,l.mdx)("p",null,"The list section header is a sub-component of the list section. It provides the visual representation of the section, but does not provided any collapsible functionality itself, it's collapsible props are for the display of the collapse/expand indicator. The section header should only be consumed directly when the header is static, as the actual list item collapse is handled by the section."),(0,l.mdx)("p",null,"When consumed by itself as an individual list item avoid enabling the collapsible properties."),(0,l.mdx)("h2",{id:"usage"},"Usage"),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import List, { SectionHeader } from 'terra-list/lib/List';\n")),(0,l.mdx)("h2",{id:"examples"},"Examples"),(0,l.mdx)(p,{mdxType:"ListSectionHeaderExample"}),(0,l.mdx)("h2",{id:"list-section-header-props"},"List Section Header Props"),(0,l.mdx)(g,{mdxType:"ListSectionHeaderPropsTable"}))}w.isMDXComponent=!0},30999:function(e,t,n){n.d(t,{C:function(){return r}});var a=n(67294),l=n(22863),r=function(e){var t=e.url;return a.createElement(l.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-list",name:"terra-list",version:"4.67.0",url:t})}},17422:function(e,t,n){n.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},53560:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},33864:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=r(n(67294)),l=r(n(99139));function r(e){return e&&e.__esModule?e:{default:e}}function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;te.length)&&(t=e.length);for(var l=0,n=new Array(t);l=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var p={};function m(e){var t=e.components,l=i(e,d);return(0,a.mdx)("wrapper",u({},p,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport MultiSelect from \'terra-form-select/lib/MultiSelect\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst MultiSelectExample = () => (\n \n \n \n \n \n \n \n);\n\nexport default MultiSelectExample;\n\n')))}m.isMDXComponent=!0;var c=l(49271),s=l(15305),f=function(e){var t=e.title,l=e.description,a=e.isExpanded;return n.createElement(c.Z,{title:t||"Multi Select",description:l,example:n.createElement(o.Z,null),exampleCssSrc:n.createElement(s.Z,null),exampleSrc:n.createElement(m,null),isExpanded:a})},x=l(53146),y=["components"];function v(){return v=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var g={};function O(e){var t=e.components,l=b(e,y);return(0,a.mdx)("wrapper",v({},g,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React, { useState } from \'react\';\nimport MultiSelect from \'terra-form-select/lib/MultiSelect\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst ControlledExample = () => {\n const [value, setValue] = useState([\'blue\']);\n\n return (\n \n \n \n \n \n \n \n );\n};\n\nexport default ControlledExample;\n\n')))}O.isMDXComponent=!0;var h=function(e){var t=e.title,l=e.description,a=e.isExpanded;return n.createElement(c.Z,{title:t||"Controlled",description:l,example:n.createElement(x.Z,null),exampleCssSrc:n.createElement(s.Z,null),exampleSrc:n.createElement(O,null),isExpanded:a})},T=l(55922),N=["components"];function S(){return S=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var C={};function _(e){var t=e.components,l=E(e,N);return(0,a.mdx)("wrapper",S({},C,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport MultiSelect from \'terra-form-select/lib/MultiSelect\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst DisabledExample = () => (\n \n \n \n \n \n \n \n \n);\n\nexport default DisabledExample;\n\n')))}_.isMDXComponent=!0;var j=function(e){var t=e.title,l=e.description,a=e.isExpanded;return n.createElement(c.Z,{title:t||"Disabled",description:l,example:n.createElement(T.Z,null),exampleCssSrc:n.createElement(s.Z,null),exampleSrc:n.createElement(_,null),isExpanded:a})},w=l(41783),M=["components"];function R(){return R=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var P={};function k(e){var t=e.components,l=D(e,M);return(0,a.mdx)("wrapper",R({},P,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport MultiSelect from \'terra-form-select/lib/MultiSelect\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst IsTouchAccessibleExample = () => (\n \n \n \n \n \n \n \n);\n\nexport default IsTouchAccessibleExample;\n\n')))}k.isMDXComponent=!0;var W=function(e){var t=e.title,l=e.description,a=e.isExpanded;return n.createElement(c.Z,{title:t||"Is Touch Accessible",description:l,example:n.createElement(w.Z,null),exampleCssSrc:n.createElement(s.Z,null),exampleSrc:n.createElement(k,null),isExpanded:a})},q=l(28739),X=["components"];function V(){return V=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var G={};function I(e){var t=e.components,l=Z(e,X);return(0,a.mdx)("wrapper",V({},G,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport MultiSelect from \'terra-form-select/lib/MultiSelect\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst InvalidExample = () => (\n \n \n \n \n \n \n \n);\n\nexport default InvalidExample;\n\n')))}I.isMDXComponent=!0;var A=function(e){var t=e.title,l=e.description,a=e.isExpanded;return n.createElement(c.Z,{title:t||"Invalid",description:l,example:n.createElement(q.Z,null),exampleCssSrc:n.createElement(s.Z,null),exampleSrc:n.createElement(I,null),isExpanded:a})},B=l(50475),F=["components"];function L(){return L=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var z={};function Y(e){var t=e.components,l=H(e,F);return(0,a.mdx)("wrapper",L({},z,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport MultiSelect from \'terra-form-select/lib/MultiSelect\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst IncompleteExample = () => (\n \n \n \n \n \n \n \n);\n\nexport default IncompleteExample;\n\n')))}Y.isMDXComponent=!0;var K=function(e){var t=e.title,l=e.description,a=e.isExpanded;return n.createElement(c.Z,{title:t||"Incomplete",description:l,example:n.createElement(B.Z,null),exampleCssSrc:n.createElement(s.Z,null),exampleSrc:n.createElement(Y,null),isExpanded:a})},U=l(9050),J=["components"];function Q(){return Q=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var ee={};function te(e){var t=e.components,l=$(e,J);return(0,a.mdx)("wrapper",Q({},ee,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport MultiSelect from \'terra-form-select/lib/MultiSelect\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst MaxHeightExample = () => (\n \n \n \n \n \n \n \n \n \n \n \n);\n\nexport default MaxHeightExample;\n\n')))}te.isMDXComponent=!0;var le=function(e){var t=e.title,l=e.description,a=e.isExpanded;return n.createElement(c.Z,{title:t||"Max Height",description:l,example:n.createElement(U.Z,null),exampleCssSrc:n.createElement(s.Z,null),exampleSrc:n.createElement(te,null),isExpanded:a})},ne=l(25304),ae=["components"];function re(){return re=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var de={};function ue(e){var t=e.components,l=oe(e,ae);return(0,a.mdx)("wrapper",re({},de,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport MultiSelect from \'terra-form-select/lib/MultiSelect\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst OptGroupExample = () => (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n);\n\nexport default OptGroupExample;\n\n')))}ue.isMDXComponent=!0;var ie=function(e){var t=e.title,l=e.description,a=e.isExpanded;return n.createElement(c.Z,{title:t||"Opt Group",description:l,example:n.createElement(ne.Z,null),exampleCssSrc:n.createElement(s.Z,null),exampleSrc:n.createElement(ue,null),isExpanded:a})},pe=l(78530),me=["components"];function ce(){return ce=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var fe={},xe="wrapper";function ye(e){var t=e.components,l=se(e,me);return(0,a.mdx)(xe,ce({},fe,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(pe.ZP,{mdxType:"PropsTable"},(0,a.mdx)(pe.X2,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(pe.O,{mdxType:"PropNameCell"},"children"),(0,a.mdx)(pe.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,a.mdx)(pe.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(pe.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(pe.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The dropdown menu options."))),(0,a.mdx)(pe.X2,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(pe.O,{mdxType:"PropNameCell"},"defaultValue"),(0,a.mdx)(pe.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"unionOf: [\n type: 'string',\n type: 'number',\n type: 'array',\n],\n"))),(0,a.mdx)(pe.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(pe.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(pe.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The default selected value. Can be a string, number, or array of strings/numbers."))),(0,a.mdx)(pe.X2,{key:"ROW3",mdxType:"Row"},(0,a.mdx)(pe.O,{mdxType:"PropNameCell"},"disabled"),(0,a.mdx)(pe.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(pe.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(pe.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(pe.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether the select is disabled."))),(0,a.mdx)(pe.X2,{key:"ROW4",mdxType:"Row"},(0,a.mdx)(pe.O,{mdxType:"PropNameCell"},"dropdownAttrs"),(0,a.mdx)(pe.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,a.mdx)(pe.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(pe.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(pe.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Additional attributes to spread onto the dropdown. ( Style, ClassNames, etc.. )"))),(0,a.mdx)(pe.X2,{key:"ROW5",mdxType:"Row"},(0,a.mdx)(pe.O,{mdxType:"PropNameCell"},"isIncomplete"),(0,a.mdx)(pe.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(pe.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(pe.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(pe.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether the select displays as Incomplete. Use when no value has been provided. ",(0,a.mdx)("em",{parentName:"p"},"(usage note: ",(0,a.mdx)("inlineCode",{parentName:"em"},"required")," must also be set)"),"."))),(0,a.mdx)(pe.X2,{key:"ROW6",mdxType:"Row"},(0,a.mdx)(pe.O,{mdxType:"PropNameCell"},"isInvalid"),(0,a.mdx)(pe.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(pe.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(pe.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(pe.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether the select displays as Invalid. Use when value does not meet validation pattern."))),(0,a.mdx)(pe.X2,{key:"ROW7",mdxType:"Row"},(0,a.mdx)(pe.O,{mdxType:"PropNameCell"},"isTouchAccessible"),(0,a.mdx)(pe.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(pe.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(pe.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(pe.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Ensures touch accessibility by rendering the dropdown inline without a portal."),(0,a.mdx)("p",null,"Note: When enabled the dropdown will clip if rendered within a container that has an overflow: hidden ancestor.\nThe dropdown may also appear beneath content if rendered within a container that has an overflow: auto ancestor."))),(0,a.mdx)(pe.X2,{key:"ROW8",mdxType:"Row"},(0,a.mdx)(pe.O,{mdxType:"PropNameCell"},"maxHeight"),(0,a.mdx)(pe.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"number\n"))),(0,a.mdx)(pe.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(pe.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(pe.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The max height of the dropdown."))),(0,a.mdx)(pe.X2,{key:"ROW9",mdxType:"Row"},(0,a.mdx)(pe.O,{mdxType:"PropNameCell"},"noResultContent"),(0,a.mdx)(pe.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,a.mdx)(pe.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(pe.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(pe.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Content to display when no results are found."))),(0,a.mdx)(pe.X2,{key:"ROW10",mdxType:"Row"},(0,a.mdx)(pe.O,{mdxType:"PropNameCell"},"onBlur"),(0,a.mdx)(pe.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(pe.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(pe.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(pe.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function triggered when the select loses focus. function(event)"))),(0,a.mdx)(pe.X2,{key:"ROW11",mdxType:"Row"},(0,a.mdx)(pe.O,{mdxType:"PropNameCell"},"onChange"),(0,a.mdx)(pe.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(pe.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(pe.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(pe.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function triggered when the value changes. function(value)"))),(0,a.mdx)(pe.X2,{key:"ROW12",mdxType:"Row"},(0,a.mdx)(pe.O,{mdxType:"PropNameCell"},"onClick"),(0,a.mdx)(pe.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(pe.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(pe.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(pe.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function triggered when the select is clicked. function(event)"))),(0,a.mdx)(pe.X2,{key:"ROW13",mdxType:"Row"},(0,a.mdx)(pe.O,{mdxType:"PropNameCell"},"onDeselect"),(0,a.mdx)(pe.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(pe.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(pe.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(pe.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function triggered when an option is deselected. function(value)"))),(0,a.mdx)(pe.X2,{key:"ROW14",mdxType:"Row"},(0,a.mdx)(pe.O,{mdxType:"PropNameCell"},"onFocus"),(0,a.mdx)(pe.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(pe.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(pe.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(pe.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function triggered when the select receives focus. function(event)"))),(0,a.mdx)(pe.X2,{key:"ROW15",mdxType:"Row"},(0,a.mdx)(pe.O,{mdxType:"PropNameCell"},"onSearch"),(0,a.mdx)(pe.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(pe.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(pe.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(pe.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function triggered when the search criteria changes. function(searchValue)"))),(0,a.mdx)(pe.X2,{key:"ROW16",mdxType:"Row"},(0,a.mdx)(pe.O,{mdxType:"PropNameCell"},"onSelect"),(0,a.mdx)(pe.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(pe.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(pe.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(pe.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function triggered when an option is selected. function(value)"))),(0,a.mdx)(pe.X2,{key:"ROW17",mdxType:"Row"},(0,a.mdx)(pe.O,{mdxType:"PropNameCell"},"optionFilter"),(0,a.mdx)(pe.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(pe.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(pe.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(pe.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function invoked for each option on search change. function(searchValue, option)"))),(0,a.mdx)(pe.X2,{key:"ROW18",mdxType:"Row"},(0,a.mdx)(pe.O,{mdxType:"PropNameCell"},"placeholder"),(0,a.mdx)(pe.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(pe.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(pe.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(pe.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Placeholder text."))),(0,a.mdx)(pe.X2,{key:"ROW19",mdxType:"Row"},(0,a.mdx)(pe.O,{mdxType:"PropNameCell"},"required"),(0,a.mdx)(pe.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(pe.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(pe.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(pe.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether the field is required."))),(0,a.mdx)(pe.X2,{key:"ROW20",mdxType:"Row"},(0,a.mdx)(pe.O,{mdxType:"PropNameCell"},"value"),(0,a.mdx)(pe.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"unionOf: [\n type: 'string',\n type: 'number',\n type: 'array',\n],\n"))),(0,a.mdx)(pe.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(pe.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(pe.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The selected value. Can be a string, number, or array of strings/numbers.")))))}ye.isMDXComponent=!0;var ve=l(47549),be=l(25148),ge=["components"];function Oe(){return Oe=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var Te={},Ne="wrapper";function Se(e){var t=e.components,l=he(e,ge);return(0,a.mdx)(Ne,Oe({},Te,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(r.C,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"terra-form-multi-select"},"Terra Form Multi Select"),(0,a.mdx)("p",null,"The Multi Select component allows searching and selecting multiple options from a dropdown of selectable options."),(0,a.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Install with ",(0,a.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("inlineCode",{parentName:"li"},"npm install terra-form-select"))))),(0,a.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,a.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,a.mdx)("table",null,(0,a.mdx)("thead",{parentName:"table"},(0,a.mdx)("tr",{parentName:"thead"},(0,a.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,a.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,a.mdx)("tbody",{parentName:"table"},(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"react"),(0,a.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,a.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"react-intl"),(0,a.mdx)("td",{parentName:"tr",align:null},"^2.8.0")))),(0,a.mdx)("h2",{id:"implementation-notes"},"Implementation Notes:"),(0,a.mdx)("p",null,"The Form-Select component must be composed inside the ",(0,a.mdx)("a",{parentName:"p",href:"/terra-ui/components/cerner-terra-core-docs/base/about"},"Base")," component with a locale in order for it to load the correct translation strings."),(0,a.mdx)("h2",{id:"usage"},"Usage"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import MultiSelect from 'terra-form-select/lib/MultiSelect';\n")),(0,a.mdx)("h2",{id:"component-features"},"Component Features"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Internationalization Support")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Localization Support")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#ltr--rtl"},"LTR/RTL Support"))),(0,a.mdx)("h2",{id:"examples"},"Examples"),(0,a.mdx)(f,{description:"A MultiSelect allows searching and selecting multiple options.",mdxType:"MultipleExample"}),(0,a.mdx)(W,{description:"Ensure accessibility on touch devices. Will render the dropdown menu in normal DOM flow with position absolute. By default, the menu renders in a portal, which is inaccessible on touch devices.",mdxType:"IsTouchAccessibleExample"}),(0,a.mdx)(j,{mdxType:"DisabledExample"}),(0,a.mdx)(A,{description:"Applies theme-specific styling for invalid. Will also display error text when used with a Field.",mdxType:"InvalidExample"}),(0,a.mdx)(K,{description:"Applies theme-specific styling for incomplete. ***Note: Only use incomplete if given specific guidance, reserved for specific applications when no value has been provided. Not for general use.***",mdxType:"IncompleteExample"}),(0,a.mdx)(ie,{title:"Ability to add Option Groups",description:"An OptGroup provides a way to group options together within the listbox.",mdxType:"OptGroupExample"}),(0,a.mdx)(le,{title:"Ability to set a Maximum Height",description:"An example of implementing a custom max height of the dropdown.",mdxType:"MaxHeightExample"}),(0,a.mdx)(h,{title:"Create a Controlled MultiSelect",description:"An example of implementing a controlled MultiSelect.",mdxType:"ControlledExample"}),(0,a.mdx)("h2",{id:"multi-select-props"},"Multi Select Props"),(0,a.mdx)(ye,{mdxType:"MultiSelectPropsTable"}),(0,a.mdx)("h2",{id:"option-props"},"Option Props"),(0,a.mdx)(ve.Z,{mdxType:"OptionPropsTable"}),(0,a.mdx)("h2",{id:"optgroup-props"},"OptGroup Props"),(0,a.mdx)(be.Z,{mdxType:"OptGroupPropsTable"}))}Se.isMDXComponent=!0},15305:function(e,t,l){l.d(t,{Z:function(){return i}});l(67294);var n=l(81254),a=["components"];function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var d={},u="wrapper";function i(e){var t=e.components,l=o(e,a);return(0,n.mdx)(u,r({},d,l,{components:t,mdxType:"MDXLayout"}),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .form-select {\n max-width: 300px;\n }\n\n .controlled-button {\n margin: 5px;\n }\n}\n\n")))}i.isMDXComponent=!0},57739:function(e,t,l){l.d(t,{C:function(){return r}});var n=l(67294),a=l(22863),r=function(e){var t=e.url;return n.createElement(a.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-form-select",name:"terra-form-select",version:"6.51.0",url:t})}},25148:function(e,t,l){l.d(t,{Z:function(){return p}});l(67294);var n=l(81254),a=l(78530),r=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var u={},i="wrapper";function p(e){var t=e.components,l=d(e,r);return(0,n.mdx)(i,o({},u,l,{components:t,mdxType:"MDXLayout"}),(0,n.mdx)(a.ZP,{mdxType:"PropsTable"},(0,n.mdx)(a.X2,{key:"ROW1",mdxType:"Row"},(0,n.mdx)(a.O,{mdxType:"PropNameCell"},"children"),(0,n.mdx)(a.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,n.mdx)(a.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(a.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(a.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The group options."))),(0,n.mdx)(a.X2,{key:"ROW2",mdxType:"Row"},(0,n.mdx)(a.O,{mdxType:"PropNameCell"},"disabled"),(0,n.mdx)(a.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(a.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(a.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(a.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether the option group is disabled."))),(0,n.mdx)(a.X2,{key:"ROW3",mdxType:"Row"},(0,n.mdx)(a.O,{mdxType:"PropNameCell"},"label"),(0,n.mdx)(a.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,n.mdx)(a.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,n.mdx)(a.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(a.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The group label.")))))}p.isMDXComponent=!0},47549:function(e,t,l){l.d(t,{Z:function(){return p}});l(67294);var n=l(81254),a=l(78530),r=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var u={},i="wrapper";function p(e){var t=e.components,l=d(e,r);return(0,n.mdx)(i,o({},u,l,{components:t,mdxType:"MDXLayout"}),(0,n.mdx)(a.ZP,{mdxType:"PropsTable"},(0,n.mdx)(a.X2,{key:"ROW1",mdxType:"Row"},(0,n.mdx)(a.O,{mdxType:"PropNameCell"},"disabled"),(0,n.mdx)(a.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(a.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(a.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(a.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether the option is disabled."))),(0,n.mdx)(a.X2,{key:"ROW2",mdxType:"Row"},(0,n.mdx)(a.O,{mdxType:"PropNameCell"},"display"),(0,n.mdx)(a.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,n.mdx)(a.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(a.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(a.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The display text of the option."))),(0,n.mdx)(a.X2,{key:"ROW3",mdxType:"Row"},(0,n.mdx)(a.O,{mdxType:"PropNameCell"},"value"),(0,n.mdx)(a.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"unionOf: [\n type: 'string',\n type: 'number',\n],\n"))),(0,n.mdx)(a.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,n.mdx)(a.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(a.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The value of the option. The value must be unique.")))))}p.isMDXComponent=!0},48824:function(e,t,l){l.r(t),t.default={"form-select":"FormSelectDocCommon-module__form-select___Tm1QE","controlled-button":"FormSelectDocCommon-module__controlled-button___wG6cn"}},53560:function(e,t,l){l.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},24237:function(e,t,l){l.r(t),t.default={"clinical-lowlight-theme":"_MaxSelection-module__clinical-lowlight-theme___ie0WY","orion-fusion-theme":"_MaxSelection-module__orion-fusion-theme___9hy2S","max-selection":"_MaxSelection-module__max-selection___qYj-f"}},95125:function(e,t,l){l.r(t),t.default={"clinical-lowlight-theme":"_NoResults-module__clinical-lowlight-theme___M+a9V","orion-fusion-theme":"_NoResults-module__orion-fusion-theme___6lA58","no-results":"_NoResults-module__no-results___k4m2B"}},72470:function(e,t,l){l.r(t),t.default={"clinical-lowlight-theme":"_Tag-module__clinical-lowlight-theme___HHYvE","orion-fusion-theme":"_Tag-module__orion-fusion-theme___qlVM1",tag:"_Tag-module__tag___969yD",display:"_Tag-module__display___HBS3z",deselect:"_Tag-module__deselect___10G1R",icon:"_Tag-module__icon___cl1zJ"}},9780:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=i(l(67294)),a=i(l(45697)),r=l(25387),o=i(l(47166)),d=i(l(50026)),u=i(l(24237));function i(e){return e&&e.__esModule?e:{default:e}}var p=o.default.bind(u.default),m={value:a.default.oneOfType([a.default.number,a.default.string])},c=function(e){var t=e.value,l=n.default.useContext(d.default);return n.default.createElement("div",{className:p("max-selection",l.className)},n.default.createElement(r.FormattedMessage,{id:"Terra.form.select.maxSelectionOption",values:{text:t}}))};c.propTypes=m;t.default=c},49978:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=i(l(67294)),a=i(l(45697)),r=i(l(47166)),o=i(l(50026)),d=l(25387),u=i(l(95125));function i(e){return e&&e.__esModule?e:{default:e}}var p=r.default.bind(u.default),m={noResultContent:a.default.node,value:a.default.oneOfType([a.default.number,a.default.string])},c=function(e){var t=e.noResultContent,l=e.value,a=n.default.useContext(o.default);return n.default.createElement("div",{role:"option",className:p("no-results",a.className),"aria-selected":"false"},t||n.default.createElement(d.FormattedMessage,{id:"Terra.form.select.noResults",values:{text:l}}))};c.propTypes=m;t.default=c},17959:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=u(l(67294)),a=u(l(45697)),r=u(l(47166)),o=u(l(50026)),d=u(l(72470));function u(e){return e&&e.__esModule?e:{default:e}}var i=r.default.bind(d.default),p={children:a.default.node.isRequired,onDeselect:a.default.func.isRequired,value:a.default.oneOfType([a.default.string,a.default.number]).isRequired},m=function(e){var t=e.children,l=e.onDeselect,a=e.value,r=n.default.useContext(o.default);return n.default.createElement("li",{className:i("tag",r.className)},n.default.createElement("span",{className:i("display")},t),n.default.createElement("span",{className:i("deselect"),onClick:function(){l(a)},role:"presentation"},n.default.createElement("span",{className:i("icon")})))};m.propTypes=p;t.default=m},33864:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=r(l(67294)),a=r(l(99139));function r(e){return e&&e.__esModule?e:{default:e}}function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var p=l.default.bind(o.default),s=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},f=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},x={children:a.default.string},y=function(e){var t=e.children,n=c(e,u),a=r.default.useContext(i.default),o=(0,l.default)(p(["button",a.className]),n.className);return r.default.createElement("button",m({},n,{type:"button",className:o,onBlur:s,onMouseDown:f,"data-focus-styles-enabled":!0}),t)};y.propTypes=x;t.default=y},59278:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=u(n(67294)),a=u(n(45697)),l=u(n(47166)),i=u(n(50026)),o=u(n(30866));function u(e){return e&&e.__esModule?e:{default:e}}var d=l.default.bind(o.default),m={ariaLevel:a.default.oneOf(["2","3","4","5","6"]),children:a.default.node,variant:a.default.oneOf(["ux-recommendation","caution","deprecation","maintenance","important","not-supported"])},c=function(e){var t=e.ariaLevel,n=e.variant,a=e.children,l=r.default.useContext(i.default);return r.default.createElement("div",{className:d("notice",n,l.className)},r.default.createElement("div",{className:d("accessory"),"aria-hidden":"true",focusable:"false"}),r.default.createElement("div",{role:"heading",className:d("title"),"aria-level":t},r.default.createElement("span",null,function(e){return"ux-recommendation"===e?"UX Recommendation":"caution"===e?"Caution":"deprecation"===e?"Deprecation Notice":"maintenance"===e?"In Maintenance":"important"===e?"Important":"not-supported"===e?"Hazards for Incorrect Usage":"error"}(n))),r.default.createElement("div",{className:d("children")},function(e){return"not-supported"===e?r.default.createElement(r.default.Fragment,null,r.default.createElement("p",{className:d("paragraph")},"This component was designed and tested according to the documented implementation."),r.default.createElement("p",{className:d("paragraph")},"Using the component incorrectly:",r.default.createElement("ul",{className:d("list")},r.default.createElement("li",null,"will likely result in improper composition and create accessibility issues"),r.default.createElement("li",null,"may cause erratic or broken behaviors and styles"),r.default.createElement("li",null,r.default.createElement("strong",null,"will not be supported "),"or enhanced to allow for incorrect use")))):null}(n),r.default.Children.map(a,(function(e){return"string"==typeof e?r.default.createElement("p",null,e):e}))))};c.propTypes=m,c.defaultProps={ariaLevel:"2",variant:"important"};t.default=c},47306:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=m(n(67294)),a=m(n(45697)),l=m(n(94184)),i=m(n(47166)),o=m(n(50026)),u=m(n(42620)),d=["title"];function m(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var s=i.default.bind(u.default),f={title:a.default.string},x=function(e){var t=e.title,n=p(e,d),a=r.default.useContext(o.default),i=(0,l.default)(s(["placeholder",a.className]),n.className),u=s(["inner"]);return r.default.createElement("div",c({},n,{className:i}),r.default.createElement("div",{className:u},r.default.createElement("p",{className:s("title")},t)))};x.propTypes=f,x.defaultProps={title:""};t.default=x},34261:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Button",{enumerable:!0,get:function(){return l.default}}),Object.defineProperty(t,"Notice",{enumerable:!0,get:function(){return r.default}}),Object.defineProperty(t,"Placeholder",{enumerable:!0,get:function(){return a.default}});var r=i(n(59278)),a=i(n(47306)),l=i(n(40996));function i(e){return e&&e.__esModule?e:{default:e}}},57659:function(e,t,n){var r=n(64836);t.Z=void 0;var a=r(n(67294)),l=r(n(10299));t.Z=function(){return a.default.createElement(l.default,{minimumValue:0,maximumValue:100,label:"Zoom",minimumLabel:"0%",maximumLabel:"100%",value:20})}},33143:function(e,t,n){var r=n(64836);t.Z=void 0;var a=r(n(67294)),l=r(n(10299));t.Z=function(){return a.default.createElement(l.default,{minimumValue:0,maximumValue:100,label:"Size",value:50})}},90574:function(e,t,n){var r=n(64836);t.Z=void 0;var a=r(n(67294)),l=r(n(10299));t.Z=function(){return a.default.createElement(l.default,{isDisabled:!0,minimumValue:0,maximumValue:100,label:"Size",value:50})}},67783:function(e,t,n){var r=n(64836),a=n(18698);t.Z=void 0;var l=r(n(27424)),i=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var n=u(t);if(n&&n.has(e))return n.get(e);var r={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var o=l?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(r,i,o):r[i]=e[i]}return r.default=e,n&&n.set(e,r),r}(n(67294)),o=r(n(10299));function u(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(u=function(e){return e?n:t})(e)}t.Z=function(){var e=(0,i.useState)("20"),t=(0,l.default)(e,2),n=t[0],r=t[1],a="Slider value is: ".concat(n);return i.default.createElement(i.default.Fragment,null,i.default.createElement(o.default,{minimumValue:0,maximumValue:100,label:"Zoom",value:n,onChange:function(e){r(e)}}),i.default.createElement("p",null,a))}},35671:function(e,t,n){n.r(t),n.d(t,{default:function(){return N}});n(67294);var r=n(81254),a=n(34261),l=n(64131),i=n(78530),o=["components"];function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var m={},c="wrapper";function p(e){var t=e.components,n=d(e,o);return(0,r.mdx)(c,u({},m,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(i.ZP,{mdxType:"PropsTable"},(0,r.mdx)(i.X2,{key:"ROW1",mdxType:"Row"},(0,r.mdx)(i.O,{mdxType:"PropNameCell"},"label"),(0,r.mdx)(i.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(i.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,r.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The label for the slider."))),(0,r.mdx)(i.X2,{key:"ROW2",mdxType:"Row"},(0,r.mdx)(i.O,{mdxType:"PropNameCell"},"minimumValue"),(0,r.mdx)(i.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"number\n"))),(0,r.mdx)(i.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,r.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Minimum value in the range."))),(0,r.mdx)(i.X2,{key:"ROW3",mdxType:"Row"},(0,r.mdx)(i.O,{mdxType:"PropNameCell"},"maximumValue"),(0,r.mdx)(i.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"number\n"))),(0,r.mdx)(i.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,r.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Maximum value in the range."))),(0,r.mdx)(i.X2,{key:"ROW4",mdxType:"Row"},(0,r.mdx)(i.O,{mdxType:"PropNameCell"},"value"),(0,r.mdx)(i.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"number\n"))),(0,r.mdx)(i.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,r.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Default or initial value for the slider."))),(0,r.mdx)(i.X2,{key:"ROW5",mdxType:"Row"},(0,r.mdx)(i.O,{mdxType:"PropNameCell"},"isDisabled"),(0,r.mdx)(i.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,r.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"When true, will disable the field."))),(0,r.mdx)(i.X2,{key:"ROW6",mdxType:"Row"},(0,r.mdx)(i.O,{mdxType:"PropNameCell"},"minimumLabel"),(0,r.mdx)(i.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Minimum value label to display on the left side of the slider."))),(0,r.mdx)(i.X2,{key:"ROW7",mdxType:"Row"},(0,r.mdx)(i.O,{mdxType:"PropNameCell"},"maximumLabel"),(0,r.mdx)(i.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Maximum value label to display on the right side of the slider."))),(0,r.mdx)(i.X2,{key:"ROW8",mdxType:"Row"},(0,r.mdx)(i.O,{mdxType:"PropNameCell"},"onChange"),(0,r.mdx)(i.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Function to trigger when user changes the input value - function(value).")))))}p.isMDXComponent=!0;var s=n(9629),f=n(93062),x=n(24713),y=n(44523),b=n(89153),g=["components"];function v(){return v=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var _={},O="wrapper";function N(e){var t=e.components,n=h(e,g);return(0,r.mdx)(O,v({},_,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(l.C,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-slider"},"Terra Slider"),(0,r.mdx)("p",null,"Terra Slider provides a way to select a value from a given range by sliding a thumb along a bar to track the value."),(0,r.mdx)(a.Notice,{variant:"caution",ariaLevel:"2",mdxType:"Notice"},"Terra Slider is an input component used to quickly select an imprecise value within a range such as a zoom level. It does not yet include features required for entering precise values."),(0,r.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Install with ",(0,r.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"npm install terra-slider"))))),(0,r.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,r.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,r.mdx)("table",null,(0,r.mdx)("thead",{parentName:"table"},(0,r.mdx)("tr",{parentName:"thead"},(0,r.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,r.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,r.mdx)("tbody",{parentName:"table"},(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react"),(0,r.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,r.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react-intl"),(0,r.mdx)("td",{parentName:"tr",align:null},"^2.8.0")))),(0,r.mdx)("h2",{id:"component-features"},"Component Features"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Internationalization Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#ltr--rtl"},"LTR/RTL Support"))),(0,r.mdx)("h2",{id:"examples"},"Examples"),(0,r.mdx)(s.Z,{mdxType:"DefaultSlider"}),(0,r.mdx)(f.Z,{mdxType:"CustomSlider"}),(0,r.mdx)(x.Z,{mdxType:"DisabledSlider"}),(0,r.mdx)(y.Z,{mdxType:"SliderWithOnChangeCallback"}),(0,r.mdx)(b.Z,{mdxType:"SliderWithValueUpdate"}),(0,r.mdx)("h2",{id:"slider-props-table"},"Slider props table"),(0,r.mdx)(p,{mdxType:"SliderPropsTable"}))}N.isMDXComponent=!0},93062:function(e,t,n){n.d(t,{Z:function(){return p}});var r=n(67294),a=n(57659),l=n(81254),i=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var d={};function m(e){var t=e.components,n=u(e,i);return(0,l.mdx)("wrapper",o({},d,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport Slider from \'terra-slider\';\n\nconst CustomSlider = () => (\n \n);\n\nexport default CustomSlider;\n\n')))}m.isMDXComponent=!0;var c=n(49271),p=function(e){var t=e.title,n=e.description,l=e.isExpanded;return r.createElement(c.Z,{title:t||"Custom Slider",description:n,example:r.createElement(a.Z,null),exampleSrc:r.createElement(m,null),isExpanded:l})}},9629:function(e,t,n){n.d(t,{Z:function(){return p}});var r=n(67294),a=n(33143),l=n(81254),i=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var d={};function m(e){var t=e.components,n=u(e,i);return(0,l.mdx)("wrapper",o({},d,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Slider from 'terra-slider';\n\nconst DefaultSlider = () => (\n \n);\n\nexport default DefaultSlider;\n\n")))}m.isMDXComponent=!0;var c=n(49271),p=function(e){var t=e.title,n=e.description,l=e.isExpanded;return r.createElement(c.Z,{title:t||"Default Slider",description:n,example:r.createElement(a.Z,null),exampleSrc:r.createElement(m,null),isExpanded:l})}},24713:function(e,t,n){n.d(t,{Z:function(){return p}});var r=n(67294),a=n(90574),l=n(81254),i=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var d={};function m(e){var t=e.components,n=u(e,i);return(0,l.mdx)("wrapper",o({},d,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Slider from 'terra-slider';\n\nconst DisabledSlider = () => (\n \n);\n\nexport default DisabledSlider;\n\n")))}m.isMDXComponent=!0;var c=n(49271),p=function(e){var t=e.title,n=e.description,l=e.isExpanded;return r.createElement(c.Z,{title:t||"Disabled Slider",description:n,example:r.createElement(a.Z,null),exampleSrc:r.createElement(m,null),isExpanded:l})}},44523:function(e,t,n){n.d(t,{Z:function(){return p}});var r=n(67294),a=n(67783),l=n(81254),i=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var d={};function m(e){var t=e.components,n=u(e,i);return(0,l.mdx)("wrapper",o({},d,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport Slider from 'terra-slider';\n\nconst SliderWithOnChangeCallback = () => {\n const [value, setValue] = useState('20');\n\n const handleChange = (v) => {\n setValue(v);\n };\n const message = `Slider value is: ${value}`;\n\n return (\n <>\n \n

    {message}

    \n \n );\n};\n\nexport default SliderWithOnChangeCallback;\n\n")))}m.isMDXComponent=!0;var c=n(49271),p=function(e){var t=e.title,n=e.description,l=e.isExpanded;return r.createElement(c.Z,{title:t||"Slider With On Change Callback",description:n,example:r.createElement(a.Z,null),exampleSrc:r.createElement(m,null),isExpanded:l})}},64131:function(e,t,n){n.d(t,{C:function(){return l}});var r=n(67294),a=n(22863),l=function(e){var t=e.url;return r.createElement(a.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-slider",name:"terra-slider",version:"1.1.1",url:t})}},17422:function(e,t,n){n.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},66983:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Button-module__clinical-lowlight-theme___TyZWB","orion-fusion-theme":"Button-module__orion-fusion-theme___q-FcQ",button:"Button-module__button___QuCn2","is-active":"Button-module__is-active___Z8AuK"}},30866:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Notice-module__clinical-lowlight-theme___aa5xV","orion-fusion-theme":"Notice-module__orion-fusion-theme___QAE-T",notice:"Notice-module__notice___GWkPA",children:"Notice-module__children___lDYsm",accessory:"Notice-module__accessory___wkLOG",title:"Notice-module__title___6H5tc","ux-recommendation":"Notice-module__ux-recommendation___N8BuK",caution:"Notice-module__caution___hPrVl",deprecation:"Notice-module__deprecation___g1drA",maintenance:"Notice-module__maintenance___kWLIZ",important:"Notice-module__important___p5DiF","not-supported":"Notice-module__not-supported___34bHd",paragraph:"Notice-module__paragraph___5h-w1",list:"Notice-module__list___M2Kxj"}},42620:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Placeholder-module__clinical-lowlight-theme___Obm9K","orion-fusion-theme":"Placeholder-module__orion-fusion-theme___svHY+",placeholder:"Placeholder-module__placeholder___ZZDXd",inner:"Placeholder-module__inner___fJq9o",title:"Placeholder-module__title___teBSo"}}}]); \ No newline at end of file diff --git a/41535-55318d75cfd7a5f31755.css b/41535-55318d75cfd7a5f31755.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/41535-55318d75cfd7a5f31755.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/41535-55318d75cfd7a5f31755.js b/41535-55318d75cfd7a5f31755.js new file mode 100644 index 0000000000..fbed755cf0 --- /dev/null +++ b/41535-55318d75cfd7a5f31755.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[41535,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,t,a){var n=a(64836);t.Z=void 0;var r=n(a(67294)),o=n(a(45697)),i=n(a(47166)),l=n(a(17422)),d=i.default.bind(l.default),s={name:o.default.string.isRequired,src:o.default.string,url:o.default.string,version:o.default.string.isRequired},c=function(e){var t=e.src,a=e.name,n=e.url,o=e.version,i=r.default.createElement("a",{className:d("badge"),href:n||"https://www.npmjs.org/package/".concat(a,"/v/").concat(o)},r.default.createElement("span",{className:d("badge-name")},n?"package":"npm"),r.default.createElement("span",{className:d("badge-version")},"v".concat(o))),l=t?r.default.createElement("a",{className:d("badge"),href:t},r.default.createElement("span",{className:d("badge-name")},"github"),r.default.createElement("span",{className:d("badge-version")},"source")):void 0;return r.default.createElement("div",{className:d("badge-container")},i,l)};c.propTypes=s;var m=c;t.Z=m},41535:function(e,t,a){a.r(t),a.d(t,{default:function(){return c}});a(67294);var n=a(81254),r=a(93626),o=["components"];function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[a]=e[a]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}var d={},s="wrapper";function c(e){var t=e.components,a=l(e,o);return(0,n.mdx)(s,i({},d,a,{components:t,mdxType:"MDXLayout"}),(0,n.mdx)(r.C,{mdxType:"Badge"}),(0,n.mdx)("h1",{id:"terra-themeconfigjs"},"terra-theme.config.js"),(0,n.mdx)("p",null,"The terra-theme.config.js is used to define the theme for a terra-application. It can be used to specify an default theme, and any scoped themes that can be switched to. Scoped themes are not available in Internet Explorer."),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-js"},"const themeConfig = {\n theme: 'orion-fusion-theme', // The default theme.\n scoped: ['clinical-lowlight-theme'], // An array of scoped themes.\n};\n\nmodule.exports = themeConfig;\n")),(0,n.mdx)("h2",{id:"options"},"Options"),(0,n.mdx)("h3",{id:"theme-optional"},"Theme (Optional)"),(0,n.mdx)("p",null,"The ",(0,n.mdx)("inlineCode",{parentName:"p"},"theme")," option accepts the string name of a default theme. The default theme will be applied directly to the application."),(0,n.mdx)("h3",{id:"scoped-optional"},"Scoped (Optional)"),(0,n.mdx)("p",null,"The ",(0,n.mdx)("inlineCode",{parentName:"p"},"scoped")," option accepts an array of theme names to include in the application for theme switching."),(0,n.mdx)("h2",{id:"supported-themes"},"Supported Themes"),(0,n.mdx)("p",null,"Terra supports the following themes:"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"orion-fusion-theme"),(0,n.mdx)("li",{parentName:"ul"},"clinical-lowlight-theme"),(0,n.mdx)("li",{parentName:"ul"},"terra-default-theme")))}c.isMDXComponent=!0},93626:function(e,t,a){a.d(t,{C:function(){return o}});var n=a(67294),r=a(22863),o=function(e){var t=e.url;return n.createElement(r.Z,{src:"https://github.com/cerner/terra-toolk/tree/main/packages/webpack-config-terra",name:"@cerner/webpack-config-terra",version:"3.3.0",url:t})}},17422:function(e,t,a){a.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/41557-0fce03b92c8071bef5ef.css b/41557-0fce03b92c8071bef5ef.css new file mode 100644 index 0000000000..77a125d9b3 --- /dev/null +++ b/41557-0fce03b92c8071bef5ef.css @@ -0,0 +1,4 @@ +.CompactInteractiveList-module__clinical-lowlight-theme___CWPpP{--terra-compact-interactive-list-cell-focus-outline: 3px dashed #fff;--terra-compact-interactive-list-cell-focus-outline-offset: -2px;--terra-compact-interactive-list-row-border: 1px solid #181b1d;--terra-compact-interactive-list-row-background-color: #6e6f71}.CompactInteractiveList-module__orion-fusion-theme___Tqwn\+{--terra-compact-interactive-list-cell-focus-outline: 3px dashed #000;--terra-compact-interactive-list-cell-focus-outline-offset: -2px;--terra-compact-interactive-list-row-background-color: #fefffe;--terra-compact-interactive-list-row-border-top: 1px solid #c8cacb;--terra-compact-interactive-list-row-border-bottom: 1px solid #c8cacb;--terra-compact-interactive-list-row-border-left: 1px solid #c8cacb;--terra-compact-interactive-list-row-border-right: 1px solid #c8cacb}.CompactInteractiveList-module__compact-interactive-list-container___\+TZeT{height:auto;overflow:auto}.CompactInteractiveList-module__compact-interactive-list-container___\+TZeT>*{box-sizing:border-box}.CompactInteractiveList-module__compact-interactive-list___phgKg{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.CompactInteractiveList-module__compact-interactive-list___phgKg :focus{outline:3px dashed #000;outline:var(--terra-compact-interactive-list-cell-focus-outline, 3px dashed #000);outline-offset:-2px;outline-offset:var(--terra-compact-interactive-list-cell-focus-outline-offset, -2px)} +.Row-module__orion-fusion-theme___\+iu-B{--terra-compact-interactive-list-cell-focus-outline: 3px dashed #000;--terra-compact-interactive-list-cell-focus-outline-offset: -2px;--terra-compact-interactive-list-row-background-color: #fefffe;--terra-compact-interactive-list-row-border-top: 1px solid #c8cacb;--terra-compact-interactive-list-row-border-bottom: 1px solid #c8cacb;--terra-compact-interactive-list-row-border-left: 1px solid #c8cacb;--terra-compact-interactive-list-row-border-right: 1px solid #c8cacb}.Row-module__clinical-lowlight-theme___Fdfmb{--terra-compact-interactive-list-cell-focus-outline: 3px dashed #fff;--terra-compact-interactive-list-cell-focus-outline-offset: -2px;--terra-compact-interactive-list-row-border: 1px solid #181b1d;--terra-compact-interactive-list-row-background-color: #6e6f71}.Row-module__row___yQAx\+{box-sizing:border-box;display:-ms-flexbox;display:flex;position:relative}[dir] .Row-module__row___yQAx\+:not(.Row-module__row-placeholder___wxsRN){background-color:#fefffe;background-color:var(--terra-compact-interactive-list-row-background-color, #fefffe);border-bottom:1px solid #dedfe0;border-bottom:var(--terra-compact-interactive-list-row-border-bottom, 1px solid #dedfe0)}[dir=ltr] .Row-module__row___yQAx\+:not(.Row-module__row-placeholder___wxsRN){border-right:1px solid #dedfe0;border-right:var(--terra-compact-interactive-list-row-border-right, 1px solid #dedfe0)}[dir=rtl] .Row-module__row___yQAx\+:not(.Row-module__row-placeholder___wxsRN){border-left:1px solid #dedfe0;border-left:var(--terra-compact-interactive-list-row-border-right, 1px solid #dedfe0)}[dir] .Row-module__row-topmost___pKNJf{border-top:1px solid #dedfe0;border-top:var(--terra-compact-interactive-list-row-border-top, 1px solid #dedfe0)}[dir=ltr] .Row-module__row-leftmost___APDG3{border-left:1px solid #dedfe0;border-left:var(--terra-compact-interactive-list-row-border-left, 1px solid #dedfe0)}[dir=rtl] .Row-module__row-leftmost___APDG3{border-right:1px solid #dedfe0;border-right:var(--terra-compact-interactive-list-row-border-left, 1px solid #dedfe0)} +.Cell-module__orion-fusion-theme___NktNS{--terra-compact-interactive-list-hover-background-color: #e0f2fb}.Cell-module__clinical-lowlight-theme___KBf6s{--terra-compact-interactive-list-hover-background-color: #25282a}.Cell-module__cell___KBJ8D{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;overflow:hidden;position:relative}[dir] .Cell-module__cell___KBJ8D{padding:7px;padding:var(--terra-compact-interactive-list-cell-content-padding, 7px)}[dir] .Cell-module__cell___KBJ8D:hover{background-color:#e0f2fb;background-color:var(--terra-compact-interactive-list-hover-background-color, #e0f2fb)} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} diff --git a/41575-115d06f817ab866841ac.css b/41575-115d06f817ab866841ac.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/41575-115d06f817ab866841ac.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/41575-115d06f817ab866841ac.js b/41575-115d06f817ab866841ac.js new file mode 100644 index 0000000000..29acf5de31 --- /dev/null +++ b/41575-115d06f817ab866841ac.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[41575,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,n,a){var r=a(64836);n.Z=void 0;var t=r(a(67294)),o=r(a(45697)),s=r(a(47166)),l=r(a(17422)),i=s.default.bind(l.default),p={name:o.default.string.isRequired,src:o.default.string,url:o.default.string,version:o.default.string.isRequired},c=function(e){var n=e.src,a=e.name,r=e.url,o=e.version,s=t.default.createElement("a",{className:i("badge"),href:r||"https://www.npmjs.org/package/".concat(a,"/v/").concat(o)},t.default.createElement("span",{className:i("badge-name")},r?"package":"npm"),t.default.createElement("span",{className:i("badge-version")},"v".concat(o))),l=n?t.default.createElement("a",{className:i("badge"),href:n},t.default.createElement("span",{className:i("badge-name")},"github"),t.default.createElement("span",{className:i("badge-version")},"source")):void 0;return t.default.createElement("div",{className:i("badge-container")},s,l)};c.propTypes=p;var d=c;n.Z=d},41575:function(e,n,a){a.r(n),a.d(n,{default:function(){return c}});a(67294);var r=a(81254),t=a(20917),o=["components"];function s(){return s=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(t[a]=e[a]);return t}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(t[a]=e[a])}return t}var i={},p="wrapper";function c(e){var n=e.components,a=l(e,o);return(0,r.mdx)(p,s({},i,a,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)(t.C,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-slide-panel-manager---upgrade-guide"},"Terra Slide Panel Manager - Upgrade Guide"),(0,r.mdx)("h2",{id:"upgrading-from-v2x-to-v3x"},"Upgrading from v2.x to v3.x"),(0,r.mdx)("p",null,"With the release of terra-disclosure-manager v3.x, the SlidePanelManager now provides its APIs through context instead of prop injection. Please view the terra-disclosure-manager documentation/upgrade guide for more information. "),(0,r.mdx)("p",null,"The below example code details the changes necessary to interact with terra-slide-panel-manager v3.x."),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-diff"},"/**\n * v2.x to v3.x\n */\n import Base from 'terra-base';\n import SlidePanelManager from 'terra-slide-panel-manager'; \n- import AppDelegate from 'terra-app-delegate';\n+ import { withDisclosureManager, disclosureManagerShape } from 'terra-disclosure-manager';\n\n- const MyDisclosureComponent = ({ app }) => (\n+ const MyDisclosureComponent = withDisclosureManager(({ disclosureManager }) => (\n { \n- app.closeDisclosure();\n+ disclosureManager.closeDisclosure();\n }}\n />\n- );\n+ ));\n\n MyDisclosureComponent.propType = {\n- app: AppDelegate.propType,\n+ disclosureManager: disclosureManagerShape,\n };\n\n- const MyComponent = ({ app }) => (\n+ const MyComponent = withDisclosureManager(({ disclosureManager }) => (\n { \n- app.disclose({\n+ disclosureManager.disclose({\n preferredType: 'panel',\n content: {\n key: 'MY-PANEL-DISCLOSURE',\n component: ,\n }\n });\n }}\n />\n- );\n+ ));\n \n MyComponent.propType = {\n- app: AppDelegate.propType,\n+ disclosureManager: disclosureManagerShape,\n };\n\n const MyApp = () => (\n \n \n \n \n \n );\n")))}c.isMDXComponent=!0},20917:function(e,n,a){a.d(n,{C:function(){return o}});var r=a(67294),t=a(22863),o=function(e){var n=e.url;return r.createElement(t.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-slide-panel-manager",name:"terra-slide-panel-manager",version:"5.85.0",url:n})}},17422:function(e,n,a){a.r(n),n.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/41605-7ffd05029a1f5588a45b.css b/41605-7ffd05029a1f5588a45b.css new file mode 100644 index 0000000000..9745c3de0f --- /dev/null +++ b/41605-7ffd05029a1f5588a45b.css @@ -0,0 +1,2 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} diff --git a/41605-7ffd05029a1f5588a45b.js b/41605-7ffd05029a1f5588a45b.js new file mode 100644 index 0000000000..c9eb631322 --- /dev/null +++ b/41605-7ffd05029a1f5588a45b.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[41605,45627,85565,3353,5161,45865,16835,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,t,n){var a=n(64836);t.Z=void 0;var r=a(n(67294)),o=a(n(45697)),l=a(n(47166)),i=a(n(17422)),u=l.default.bind(i.default),m={name:o.default.string.isRequired,src:o.default.string,url:o.default.string,version:o.default.string.isRequired},c=function(e){var t=e.src,n=e.name,a=e.url,o=e.version,l=r.default.createElement("a",{className:u("badge"),href:a||"https://www.npmjs.org/package/".concat(n,"/v/").concat(o)},r.default.createElement("span",{className:u("badge-name")},a?"package":"npm"),r.default.createElement("span",{className:u("badge-version")},"v".concat(o))),i=t?r.default.createElement("a",{className:u("badge"),href:t},r.default.createElement("span",{className:u("badge-name")},"github"),r.default.createElement("span",{className:u("badge-version")},"source")):void 0;return r.default.createElement("div",{className:u("badge-container")},l,i)};c.propTypes=m;var s=c;t.Z=s},49271:function(e,t,n){var a=n(64836),r=n(18698);t.Z=void 0;var o=a(n(27424)),l=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==r(e)&&"function"!=typeof e)return{default:e};var n=f(t);if(n&&n.has(e))return n.get(e);var a={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&Object.prototype.hasOwnProperty.call(e,l)){var i=o?Object.getOwnPropertyDescriptor(e,l):null;i&&(i.get||i.set)?Object.defineProperty(a,l,i):a[l]=e[l]}a.default=e,n&&n.set(e,a);return a}(n(67294)),i=a(n(45697)),u=a(n(47166)),m=n(21538),c=a(n(33864)),s=a(n(23399)),d=n(51051),p=a(n(53560));function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(f=function(e){return e?n:t})(e)}var v=u.default.bind(p.default),b={example:i.default.element,exampleSrc:i.default.element,exampleCssSrc:i.default.element,title:i.default.string,description:i.default.node,isExpanded:i.default.bool},_=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},g=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},h=function(e){var t=e.example,n=e.exampleSrc,a=e.exampleCssSrc,r=e.title,i=e.description,u=e.isExpanded,p=(0,l.useState)(u),f=(0,o.default)(p,2),b=f[0],h=f[1],y=(0,l.useState)(!1),w=(0,o.default)(y,2),E=w[0],x=w[1],F=l.default.useContext(m.ThemeContext),O=void 0!==a,S=function(){x(!E),b&&h(!b)},T=function(){h(!b),E&&x(!E)},N=function(e,t){e.nativeEvent.keyCode!==d.KEY_SPACE&&e.nativeEvent.keyCode!==d.KEY_RETURN||(e.preventDefault(),t())};return l.default.createElement("div",{className:v("template",F.className)},l.default.createElement("div",{className:v("header")},r&&l.default.createElement("h2",{className:v("title")},r)),l.default.createElement("div",{className:v("content")},i&&l.default.createElement("div",{className:v("description")},i),t),l.default.createElement("div",{className:v("footer")},n?l.default.createElement("div",{className:v("button-container")},O&&l.default.createElement("button",{type:"button",className:v("css-toggle","item",{"is-selected":E}),onClick:S,onKeyDown:function(e){return N(e,S)},onBlur:_,onMouseDown:g,tabIndex:0,"data-focus-styles-enabled":!0},l.default.createElement(c.default,{className:v("chevron")}),l.default.createElement("span",null,"CSS"),l.default.createElement(s.default,{className:v("chevron")})),l.default.createElement("button",{type:"button",className:v("code-toggle","item",{"is-selected":b}),onClick:T,onKeyDown:function(e){return N(e,T)},onBlur:_,onMouseDown:g,tabIndex:0,"data-focus-styles-enabled":!0},l.default.createElement(c.default,{className:v("chevron")}),l.default.createElement("span",null,"Code"),l.default.createElement(s.default,{className:v("chevron")}))):null,l.default.createElement("div",null,E&&l.default.createElement("div",{className:v("css")},a),b&&l.default.createElement("div",{className:v("code")},n))))};h.propTypes=b,h.defaultProps={isExpanded:!1};var y=h;t.Z=y},90447:function(e,t,n){var a=n(64836),r=n(18698);t.Z=void 0;var o=a(n(27424)),l=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=u(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&Object.prototype.hasOwnProperty.call(e,l)){var i=o?Object.getOwnPropertyDescriptor(e,l):null;i&&(i.get||i.set)?Object.defineProperty(a,l,i):a[l]=e[l]}return a.default=e,n&&n.set(e,a),a}(n(67294)),i=a(n(45697));function u(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(u=function(e){return e?n:t})(e)}var m=function(e){var t=e.title,n=e.ariaLabel,a=(0,l.useState)(""),r=(0,o.default)(a,2),i=r[0],u=r[1];return l.default.createElement("div",null,l.default.createElement("p",null,t),l.default.createElement("input",{"aria-label":n,type:"text",onChange:function(e){u(e.target.value)},value:i}),l.default.createElement("button",{type:"button",onClick:function(){u("")}},"Submit"))};m.propTypes={title:i.default.string,ariaLabel:i.default.string};t.Z=function(){var e=(0,l.useState)("Form 1"),t=(0,o.default)(e,2),n=t[0],a=t[1];function r(e){a(e)}return l.default.createElement("div",null,l.default.createElement("h2",null,"Form Switcher"),l.default.createElement("p",null,"The NavigationPrompt is not implemented, so no prompting occurs."),l.default.createElement("button",{type:"button",disabled:"Form 1"===n,onClick:r.bind(null,"Form 1")},"Switch to Form 1"),l.default.createElement("button",{type:"button",disabled:"Form 2"===n,onClick:r.bind(null,"Form 2")},"Switch to Form 2"),l.default.createElement(m,{title:n,key:n,ariaLabel:n}))}},41605:function(e,t,n){n.r(t),n.d(t,{default:function(){return h}});var a=n(67294),r=n(81254),o=n(4101),l=n(90447),i=["components"];function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var c={};function s(e){var t=e.components,n=m(e,i);return(0,r.mdx)("wrapper",u({},c,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\n\nconst Form = ({ title, ariaLabel }) => {\n const [inputValue, setInputValue] = useState('');\n\n return (\n
    \n

    {title}

    \n {\n setInputValue(event.target.value);\n }}\n value={inputValue}\n />\n {\n setInputValue('');\n }}\n >\n Submit\n \n
    \n );\n};\n\nForm.propTypes = {\n title: PropTypes.string,\n ariaLabel: PropTypes.string,\n};\n\nconst FormSwitcher = () => {\n const [activeForm, setActiveForm] = useState('Form 1');\n\n function onSwitchForm(formKey) {\n setActiveForm(formKey);\n }\n\n return (\n
    \n

    Form Switcher

    \n

    The NavigationPrompt is not implemented, so no prompting occurs.

    \n \n Switch to Form 1\n \n \n Switch to Form 2\n \n
    \n
    \n );\n};\n\nexport default FormSwitcher;\n\n")))}s.isMDXComponent=!0;var d=n(49271),p=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(d.Z,{title:t||"Implementation Guide Part 0",description:n,example:a.createElement(l.Z,null),exampleSrc:a.createElement(s,null),isExpanded:r})},f=["components"];function v(){return v=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var _={},g="wrapper";function h(e){var t=e.components,n=b(e,f);return(0,r.mdx)(g,v({},_,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(o.C,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-navigation-prompt---implementation-guide"},"Terra Navigation Prompt - Implementation Guide"),(0,r.mdx)("p",null,"Assume we have built a simple component, the FormSwitcher, that toggles between showing two different stateful components, Form 1 and Form 2. Users of the FormSwitcher have recently complained that they can switch between forms before submitting their in progress form, losing their data in the process. We want to implement the NavigationPrompt and NavigationPromptCheckpoint to give our users more control over the FormSwitcher's navigation."),(0,r.mdx)("blockquote",null,(0,r.mdx)("p",{parentName:"blockquote"},"Note: This implementation guide features examples and use cases for the various APIs provided by the NavigationPrompt and NavigationPromptCheckpoint.\n!! Please review your individual requirements to see which APIs are necessary for your specific needs.")),(0,r.mdx)("h2",{id:"part-0---reviewing-the-initial-formswitcher-implementation"},"Part 0 - Reviewing the Initial FormSwitcher Implementation"),(0,r.mdx)("p",null,"The FormSwitcher renders two buttons that allow users to toggle between showing Form 1 and Form 2. Form 1 and Form 2 are unique instances of the Form component."),(0,r.mdx)("p",null,"The Form component renders a text input element and keeps the input's value in state. When the Submit button is pressed, the value is reset to simulate a mock submission."),(0,r.mdx)("p",null,"If we enter text into Form 1's input, switch to Form 2, and then switch back to Form 1, we will notice our previously entered value is gone. This is not good, because that data in Form 1 could be ",(0,r.mdx)("em",{parentName:"p"},"very")," important to our users."),(0,r.mdx)("h2",{id:"example"},"Example"),(0,r.mdx)(p,{title:"Part 0 - Reviewing the Initial FormSwitcher Implementation",mdxType:"ImplementationGuidePart0"}))}h.isMDXComponent=!0},4101:function(e,t,n){n.d(t,{C:function(){return o}});var a=n(67294),r=n(22863),o=function(e){var t=e.url;return a.createElement(r.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-navigation-prompt",name:"terra-navigation-prompt",version:"1.78.0",url:t})}},17422:function(e,t,n){n.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},53560:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},33864:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=o(n(67294)),r=o(n(99139));function o(e){return e&&e.__esModule?e:{default:e}}function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(n[t]=e[t]);return n}(e,a);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}var u={},c="wrapper";function i(e){var a=e.components,t=d(e,o);return(0,r.mdx)(c,s({},u,t,{components:a,mdxType:"MDXLayout"}),(0,r.mdx)(n.C,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-text-upgrade-guide"},"Terra Text Upgrade Guide"),(0,r.mdx)("h2",{id:"changes-from-20-to-30"},"Changes from 2.0 to 3.0"),(0,r.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,r.mdx)("p",null,"The following transitive dependency had breaking changes. See its upgrade guide for more information."),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"terra-doc-template")))}i.isMDXComponent=!0},25612:function(e,a,t){t.d(a,{C:function(){return o}});var r=t(67294),n=t(22863),o=function(e){var a=e.url;return r.createElement(n.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-text",name:"terra-text",version:"4.55.0",url:a})}},17422:function(e,a,t){t.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/42266-2bf6cdbfc22e556b702e.css b/42266-2bf6cdbfc22e556b702e.css new file mode 100644 index 0000000000..fdace4be35 --- /dev/null +++ b/42266-2bf6cdbfc22e556b702e.css @@ -0,0 +1,5 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.ListDocCommon-module__placeholder___9sgl3{height:50px} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} +.Table-module__clinical-lowlight-theme___PqYJ8{--terra-html-table-background-color: #383f42;--terra-html-table-border: 1px solid #585a5c;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: none;--terra-html-table-header-cell-color: #1c1f21;--terra-html-table-header-cell-font-size: 1rem;--terra-html-table-header-cell-font-weight: bold;--terra-html-table-header-cell-border-right: 1px solid #585a5c;--terra-html-table-first-header-cell-border-left: 1px solid #585a5c;--terra-html-table-last-header-cell-border-right: 1px solid #585a5c;--terra-html-table-header-background-color: #909496;--terra-html-table-header-box-shadow: 0 4px 4px -3.5px #1c1f21, inset 0 0 0 1px #585a5c;--terra-html-table-header-row-border-bottom: 1px solid #585a5c;--terra-html-table-header-row-border-top: 1px solid #585a5c;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #b2b5b6;--terra-html-table-cell-font-size: 1rem;--terra-html-table-first-cell-border-left: 1px solid #585a5c;--terra-html-table-last-cell-border-right: 1px solid #585a5c;--terra-html-table-header-cell-standard-padding-bottom: 0.5rem;--terra-html-table-header-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-top: 0.5rem;--terra-html-table-header-cell-compact-padding-bottom: 0.25rem;--terra-html-table-header-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-top: 0.25rem;--terra-html-table-cell-standard-padding-bottom: 0.5rem;--terra-html-table-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-cell-standard-padding-top: 0.5rem;--terra-html-table-cell-compact-padding-bottom: 0.25rem;--terra-html-table-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-cell-compact-padding-top: 0.25rem;--terra-html-table-row-border-top: 1px solid #585a5c;--terra-html-table-last-row-border-bottom: 1px solid #585a5c;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #2d3539}.Table-module__orion-fusion-theme___d9rxf{--terra-html-table-background-color: transparent;--terra-html-table-border: 0;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: transparent;--terra-html-table-header-cell-color: #64696c;--terra-html-table-header-cell-font-size: 0.857142857rem;--terra-html-table-header-cell-font-weight: normal;--terra-html-table-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-first-header-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-background-color: #f4f4f4;--terra-html-table-header-box-shadow: none;--terra-html-table-header-row-border-bottom: 2px solid #64696c;--terra-html-table-header-row-border-top: 1px solid #c8cacb;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #1c1f21;--terra-html-table-cell-font-size: 0.857142857rem;--terra-html-table-first-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-cell-standard-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-top: 0.428571429rem;--terra-html-table-header-cell-compact-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-top: 0.428571429rem;--terra-html-table-cell-standard-padding-bottom: 0.8571428571rem;--terra-html-table-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-cell-standard-padding-top: 0.8571428571rem;--terra-html-table-cell-compact-padding-bottom: 0.8571428571rem;--terra-html-table-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-cell-compact-padding-top: 0.8571428571rem;--terra-html-table-row-border-top: 0;--terra-html-table-last-row-border-bottom: 1px solid #c8cacb;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #f4f4f4}.Table-module__table___eg2Mi{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___eg2Mi{background-color:transparent;background-color:var(--terra-html-table-background-color, transparent);border:0;border:var(--terra-html-table-border, 0);border-radius:0;border-radius:var(--terra-html-table-border-radius, 0)}[dir] .Table-module__table___eg2Mi caption{padding-bottom:.5em}.Table-module__table___eg2Mi tr{display:table-row}[dir] .Table-module__table___eg2Mi tr{margin-bottom:0}.Table-module__table___eg2Mi td,.Table-module__table___eg2Mi th{color:#1c1f21;color:var(--terra-html-table-cell-color, #1c1f21);display:table-cell;font-size:1rem;font-size:var(--terra-html-table-cell-font-size, 1rem);font-weight:normal;vertical-align:top}[dir] .Table-module__table___eg2Mi td, [dir] .Table-module__table___eg2Mi th{border:0}[dir=ltr] .Table-module__table___eg2Mi td, [dir=ltr] .Table-module__table___eg2Mi th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___eg2Mi td, [dir=rtl] .Table-module__table___eg2Mi th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___eg2Mi td:first-child, [dir=ltr] .Table-module__table___eg2Mi th:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:first-child, [dir=rtl] .Table-module__table___eg2Mi th:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi td:last-child, [dir=ltr] .Table-module__table___eg2Mi th:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:last-child, [dir=rtl] .Table-module__table___eg2Mi th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___eg2Mi thead th, [dir] .Table-module__table___eg2Mi thead td{border:0}[dir=ltr] .Table-module__table___eg2Mi thead th, [dir=ltr] .Table-module__table___eg2Mi thead td{border-right:1px solid rgba(200, 202, 203, 0.5);border-right:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:left}[dir=rtl] .Table-module__table___eg2Mi thead th, [dir=rtl] .Table-module__table___eg2Mi thead td{border-left:1px solid rgba(200, 202, 203, 0.5);border-left:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:right}[dir=ltr] .Table-module__table___eg2Mi thead th:first-child, [dir=ltr] .Table-module__table___eg2Mi thead td:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:first-child, [dir=rtl] .Table-module__table___eg2Mi thead td:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi thead th:last-child, [dir=ltr] .Table-module__table___eg2Mi thead td:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:last-child, [dir=rtl] .Table-module__table___eg2Mi thead td:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead{display:table-header-group}[dir] .Table-module__table___eg2Mi thead{background-color:#f1f1f2;background-color:var(--terra-html-table-header-background-color, #f1f1f2);box-shadow:0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5);box-shadow:var(--terra-html-table-header-box-shadow, 0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5))}[dir] .Table-module__table___eg2Mi thead tr{border-bottom:1px solid #b9bbbc;border-bottom:var(--terra-html-table-header-row-border-bottom, 1px solid #b9bbbc);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-header-row-border-top, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{color:#1c1f21;color:var(--terra-html-table-header-cell-color, #1c1f21);font-size:1rem;font-size:var(--terra-html-table-header-cell-font-size, 1rem);font-weight:bold;font-weight:var(--terra-html-table-header-cell-font-weight, bold);vertical-align:bottom}[dir] .Table-module__table___eg2Mi tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___eg2Mi tbody tr{background-color:transparent;background-color:var(--terra-html-table-row-background-color, transparent);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-row-border-top, 1px solid #dedfe0)}[dir] .Table-module__table___eg2Mi tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___eg2Mi tbody tr:last-of-type{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-html-table-last-row-border-bottom, 1px solid #dedfe0)}[dir] .Table-module__padding-standard___BfbC- th{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-header-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-header-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z th{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-header-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-header-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__padding-standard___BfbC- td{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z td{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__striped___n8xJe tbody tr:nth-of-type(even){background-color:#f6f7f8;background-color:var(--terra-html-table-row-striped-background-color, #f6f7f8)}@media print{.Table-module__table___eg2Mi thead{display:table-header-group}.Table-module__table___eg2Mi tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} diff --git a/42266-2bf6cdbfc22e556b702e.js b/42266-2bf6cdbfc22e556b702e.js new file mode 100644 index 0000000000..59c8222ff0 --- /dev/null +++ b/42266-2bf6cdbfc22e556b702e.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[42266,45627,37344,33667,96890,79482,85565,3353,5161,80858,14041,45865,16835,85355,55571,3193,4845,27444,17657,46647,16873,85161,66097,38681,15318,40411,18101,33315,38443,11264,34319,78996,39915,33442],{5545:function(e,l,t){function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}l.Z=void 0;var n=s(t(67294)),r=function(e,l){if(!l&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var t=i(l);if(t&&t.has(e))return t.get(e);var n={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var m in e)if("default"!==m&&Object.prototype.hasOwnProperty.call(e,m)){var d=r?Object.getOwnPropertyDescriptor(e,m):null;d&&(d.get||d.set)?Object.defineProperty(n,m,d):n[m]=e[m]}return n.default=e,t&&t.set(e,n),n}(t(93670)),m=t(34261),d=s(t(47166)),o=s(t(25266));function i(e){if("function"!=typeof WeakMap)return null;var l=new WeakMap,t=new WeakMap;return(i=function(e){return e?t:l})(e)}function s(e){return e&&e.__esModule?e:{default:e}}var c=d.default.bind(o.default);l.Z=function(){return n.default.createElement(r.default,null,n.default.createElement(r.Subsection,{key:"static-subsection",title:"Static Subsection"},n.default.createElement(r.Item,{key:"123",isSelectable:!0},n.default.createElement(m.Placeholder,{title:"Item 0-0",className:c("placeholder")})),n.default.createElement(r.Item,{key:"124",isSelectable:!0},n.default.createElement(m.Placeholder,{title:"Item 0-1",className:c("placeholder")})),n.default.createElement(r.Item,{key:"125",isSelectable:!0},n.default.createElement(m.Placeholder,{title:"Item 0-2",className:c("placeholder")}))),n.default.createElement(r.Subsection,{key:"collapsible-subsection",isCollapsible:!0,title:"Collapsible Subsection"},n.default.createElement(r.Item,{key:"223",isSelectable:!0},n.default.createElement(m.Placeholder,{title:"Item 1-0",className:c("placeholder")})),n.default.createElement(r.Item,{key:"224",isSelectable:!0},n.default.createElement(m.Placeholder,{title:"Item 1-1",className:c("placeholder")})),n.default.createElement(r.Item,{key:"225",isSelectable:!0},n.default.createElement(m.Placeholder,{title:"Item 1-2",className:c("placeholder")}))),n.default.createElement(r.Subsection,{key:"collapsible-subsection",isCollapsed:!0,isCollapsible:!0,title:"Collapsed Subsection"},n.default.createElement(r.Item,{key:"323",isSelectable:!0},n.default.createElement(m.Placeholder,{title:"Item 2-0",className:c("placeholder")})),n.default.createElement(r.Item,{key:"324",isSelectable:!0},n.default.createElement(m.Placeholder,{title:"Item 2-1",className:c("placeholder")})),n.default.createElement(r.Item,{key:"325",isSelectable:!0},n.default.createElement(m.Placeholder,{title:"Item 2-2",className:c("placeholder")}))))}},40712:function(e,l,t){t.r(l),t.d(l,{default:function(){return I}});var a=t(67294),n=t(81254),r=t(30999),m=t(5545),d=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(n[t]=e[t]);return n}(e,l);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}var s={};function c(e){var l=e.components,t=i(e,d);return(0,n.mdx)("wrapper",o({},s,t,{components:l,mdxType:"MDXLayout"}),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport List, { Item, Subsection } from \'terra-list/lib/index\';\nimport { Placeholder } from \'@cerner/terra-docs\';\nimport classNames from \'classnames/bind\';\nimport styles from \'./ListDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst ListSubsectionExample = () => (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n);\n\nexport default ListSubsectionExample;\n\n')))}c.isMDXComponent=!0;var p=t(49271),u=t(63443),x=function(e){var l=e.title,t=e.description,n=e.isExpanded;return a.createElement(p.Z,{title:l||"List Subsection",description:t,example:a.createElement(m.Z,null),exampleCssSrc:a.createElement(u.Z,null),exampleSrc:a.createElement(c,null),isExpanded:n})},y=t(78530),b=["components"];function f(){return f=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(n[t]=e[t]);return n}(e,l);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}var T={},C="wrapper";function g(e){var l=e.components,t=h(e,b);return(0,n.mdx)(C,f({},T,t,{components:l,mdxType:"MDXLayout"}),(0,n.mdx)(y.ZP,{mdxType:"PropsTable"},(0,n.mdx)(y.X2,{key:"ROW1",mdxType:"Row"},(0,n.mdx)(y.O,{mdxType:"PropNameCell"},"children"),(0,n.mdx)(y.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,n.mdx)(y.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(y.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,n.mdx)(y.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The children list items passed to the component."))),(0,n.mdx)(y.X2,{key:"ROW2",mdxType:"Row"},(0,n.mdx)(y.O,{mdxType:"PropNameCell"},"isCollapsed"),(0,n.mdx)(y.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(y.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(y.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(y.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether or not the subsection is collapsed."))),(0,n.mdx)(y.X2,{key:"ROW3",mdxType:"Row"},(0,n.mdx)(y.O,{mdxType:"PropNameCell"},"isCollapsible"),(0,n.mdx)(y.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(y.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(y.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(y.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether or not the subsection can be collapsed."))),(0,n.mdx)(y.X2,{key:"ROW4",mdxType:"Row"},(0,n.mdx)(y.O,{mdxType:"PropNameCell"},"level"),(0,n.mdx)(y.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 2\n 3\n 4\n 5\n 6\n],\n"))),(0,n.mdx)(y.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(y.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"2\n"))),(0,n.mdx)(y.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Optionally sets the heading level. One of ",(0,n.mdx)("inlineCode",{parentName:"p"},"2"),", ",(0,n.mdx)("inlineCode",{parentName:"p"},"3"),", ",(0,n.mdx)("inlineCode",{parentName:"p"},"4"),", ",(0,n.mdx)("inlineCode",{parentName:"p"},"5"),", ",(0,n.mdx)("inlineCode",{parentName:"p"},"6"),"."))),(0,n.mdx)(y.X2,{key:"ROW5",mdxType:"Row"},(0,n.mdx)(y.O,{mdxType:"PropNameCell"},"metaData"),(0,n.mdx)(y.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,n.mdx)(y.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(y.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(y.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The associated metaData to be provided in the onSelect callback."))),(0,n.mdx)(y.X2,{key:"ROW6",mdxType:"Row"},(0,n.mdx)(y.O,{mdxType:"PropNameCell"},"onSelect"),(0,n.mdx)(y.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,n.mdx)(y.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(y.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(y.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Function callback for when the appropriate click or key action is performed.\nCallback contains the javascript evnt and prop metadata, e.g. onSelect(event, metaData)"))),(0,n.mdx)(y.X2,{key:"ROW7",mdxType:"Row"},(0,n.mdx)(y.O,{mdxType:"PropNameCell"},"refCallback"),(0,n.mdx)(y.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,n.mdx)(y.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(y.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(y.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Function callback passthrough for the ref of the section li."))),(0,n.mdx)(y.X2,{key:"ROW8",mdxType:"Row"},(0,n.mdx)(y.O,{mdxType:"PropNameCell"},"title"),(0,n.mdx)(y.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,n.mdx)(y.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,n.mdx)(y.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(y.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Title text to be placed within the subsection header."))),(0,n.mdx)(y.X2,{key:"ROW9",mdxType:"Row"},(0,n.mdx)(y.O,{mdxType:"PropNameCell"},"isDraggable"),(0,n.mdx)(y.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(y.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(y.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(y.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether or not the list item is draggable. List Item is draggable only when it is selectable."))),(0,n.mdx)(y.X2,{key:"ROW10",mdxType:"Row"},(0,n.mdx)(y.O,{mdxType:"PropNameCell"},"onDragEnd"),(0,n.mdx)(y.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,n.mdx)(y.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(y.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(y.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Function callback when the Item is dropped. Callback contains the DropResult of result object and provided object, e.g. onDragEnd(result, provided).")))))}g.isMDXComponent=!0;var S=["components"];function N(){return N=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(n[t]=e[t]);return n}(e,l);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}var v={},k="wrapper";function I(e){var l=e.components,t=O(e,S);return(0,n.mdx)(k,N({},v,t,{components:l,mdxType:"MDXLayout"}),(0,n.mdx)(r.C,{mdxType:"Badge"}),(0,n.mdx)("h1",{id:"list-subsection"},"List Subsection"),(0,n.mdx)("p",null,"The list subsection component creates a subsection header and layouts it out with the passed child list items. The subsection provides the ability to display and collapse a subsection within a logical group. The list subsection will render as a flat list."),(0,n.mdx)("h2",{id:"usage"},"Usage"),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-jsx"},"import List, { Item, Subsection } from 'terra-list/lib/List';\\\n")),(0,n.mdx)("h2",{id:"examples"},"Examples"),(0,n.mdx)(x,{mdxType:"ListSubsectionExample"}),(0,n.mdx)("h2",{id:"list-subsection-props"},"List Subsection Props"),(0,n.mdx)(g,{mdxType:"ListSubsectionPropsTable"}))}I.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/42426-715f37b188cb7bcf57c8.css b/42426-715f37b188cb7bcf57c8.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/42426-715f37b188cb7bcf57c8.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/42426-715f37b188cb7bcf57c8.js b/42426-715f37b188cb7bcf57c8.js new file mode 100644 index 0000000000..c16af186d9 --- /dev/null +++ b/42426-715f37b188cb7bcf57c8.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[42426,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,a,r){var n=r(64836);a.Z=void 0;var t=n(r(67294)),d=n(r(45697)),o=n(r(47166)),s=n(r(17422)),u=o.default.bind(s.default),i={name:d.default.string.isRequired,src:d.default.string,url:d.default.string,version:d.default.string.isRequired},c=function(e){var a=e.src,r=e.name,n=e.url,d=e.version,o=t.default.createElement("a",{className:u("badge"),href:n||"https://www.npmjs.org/package/".concat(r,"/v/").concat(d)},t.default.createElement("span",{className:u("badge-name")},n?"package":"npm"),t.default.createElement("span",{className:u("badge-version")},"v".concat(d))),s=a?t.default.createElement("a",{className:u("badge"),href:a},t.default.createElement("span",{className:u("badge-name")},"github"),t.default.createElement("span",{className:u("badge-version")},"source")):void 0;return t.default.createElement("div",{className:u("badge-container")},o,s)};c.propTypes=i;var l=c;a.Z=l},42426:function(e,a,r){r.r(a),r.d(a,{default:function(){return c}});r(67294);var n=r(81254),t=r(35527),d=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(t[r]=e[r]);return t}(e,a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(t[r]=e[r])}return t}var u={},i="wrapper";function c(e){var a=e.components,r=s(e,d);return(0,n.mdx)(i,o({},u,r,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)(t.C,{mdxType:"Badge"}),(0,n.mdx)("h1",{id:"terra-heading-upgrade-guide"},"Terra Heading Upgrade Guide"),(0,n.mdx)("h2",{id:"changes-from-20-to-30"},"Changes from 2.0 to 3.0"),(0,n.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,n.mdx)("p",null,"The following transitive dependency had breaking changes. See its upgrade guide for more information."),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"terra-doc-template")))}c.isMDXComponent=!0},35527:function(e,a,r){r.d(a,{C:function(){return d}});var n=r(67294),t=r(22863),d=function(e){var a=e.url;return n.createElement(t.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-heading",name:"terra-heading",version:"4.54.0",url:a})}},17422:function(e,a,r){r.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/42507-4001bf33a9741906595f.css b/42507-4001bf33a9741906595f.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/42507-4001bf33a9741906595f.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/42507-4001bf33a9741906595f.js b/42507-4001bf33a9741906595f.js new file mode 100644 index 0000000000..22b9d910e9 --- /dev/null +++ b/42507-4001bf33a9741906595f.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[42507,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,a,r){var t=r(64836);a.Z=void 0;var n=t(r(67294)),s=t(r(45697)),o=t(r(47166)),u=t(r(17422)),d=o.default.bind(u.default),i={name:s.default.string.isRequired,src:s.default.string,url:s.default.string,version:s.default.string.isRequired},c=function(e){var a=e.src,r=e.name,t=e.url,s=e.version,o=n.default.createElement("a",{className:d("badge"),href:t||"https://www.npmjs.org/package/".concat(r,"/v/").concat(s)},n.default.createElement("span",{className:d("badge-name")},t?"package":"npm"),n.default.createElement("span",{className:d("badge-version")},"v".concat(s))),u=a?n.default.createElement("a",{className:d("badge"),href:a},n.default.createElement("span",{className:d("badge-name")},"github"),n.default.createElement("span",{className:d("badge-version")},"source")):void 0;return n.default.createElement("div",{className:d("badge-container")},o,u)};c.propTypes=i;var l=c;a.Z=l},42507:function(e,a,r){r.r(a),r.d(a,{default:function(){return c}});r(67294);var t=r(81254),n=r(70550),s=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(n[r]=e[r]);return n}(e,a);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}var d={},i="wrapper";function c(e){var a=e.components,r=u(e,s);return(0,t.mdx)(i,o({},d,r,{components:a,mdxType:"MDXLayout"}),(0,t.mdx)(n.C,{mdxType:"Badge"}),(0,t.mdx)("h1",{id:"terra-signature-upgrade-guide"},"Terra Signature Upgrade Guide"),(0,t.mdx)("h2",{id:"changes-from-10-to-20"},"Changes from 1.0 to 2.0"),(0,t.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,t.mdx)("p",null,"The following transitive dependencies had breaking changes. See their upgrade guides for more information."),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"terra-doc-template"),(0,t.mdx)("li",{parentName:"ul"},"terra-form-select")))}c.isMDXComponent=!0},70550:function(e,a,r){r.d(a,{C:function(){return s}});var t=r(67294),n=r(22863),s=function(e){var a=e.url;return t.createElement(n.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-signature",name:"terra-signature",version:"2.41.0",url:a})}},17422:function(e,a,r){r.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/42533-fe45b77599f88d072794.css b/42533-fe45b77599f88d072794.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/42533-fe45b77599f88d072794.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/42533-fe45b77599f88d072794.js b/42533-fe45b77599f88d072794.js new file mode 100644 index 0000000000..9b7fbe6f02 --- /dev/null +++ b/42533-fe45b77599f88d072794.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[42533,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,a,l){var m=l(64836);a.Z=void 0;var d=m(l(67294)),n=m(l(45697)),r=m(l(47166)),i=m(l(17422)),t=r.default.bind(i.default),u={name:n.default.string.isRequired,src:n.default.string,url:n.default.string,version:n.default.string.isRequired},p=function(e){var a=e.src,l=e.name,m=e.url,n=e.version,r=d.default.createElement("a",{className:t("badge"),href:m||"https://www.npmjs.org/package/".concat(l,"/v/").concat(n)},d.default.createElement("span",{className:t("badge-name")},m?"package":"npm"),d.default.createElement("span",{className:t("badge-version")},"v".concat(n))),i=a?d.default.createElement("a",{className:t("badge"),href:a},d.default.createElement("span",{className:t("badge-name")},"github"),d.default.createElement("span",{className:t("badge-version")},"source")):void 0;return d.default.createElement("div",{className:t("badge-container")},r,i)};p.propTypes=u;var x=p;a.Z=x},42533:function(e,a,l){l.r(a),l.d(a,{default:function(){return c}});l(67294);var m=l(81254),d=l(14442),n=["components"];function r(){return r=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(d[l]=e[l]);return d}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(m=0;m=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(d[l]=e[l])}return d}var t={},u="wrapper";function p(e){var a=e.components,l=i(e,n);return(0,m.mdx)(u,r({},t,l,{components:a,mdxType:"MDXLayout"}),(0,m.mdx)("h1",{id:"changelog"},"Changelog"),(0,m.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,m.mdx)("h2",{id:"4310---november-13-2023"},"4.31.0 - (November 13, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4300---october-16-2023"},"4.30.0 - (October 16, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4290---september-21-2023"},"4.29.0 - (September 21, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4280---september-19-2023"},"4.28.0 - (September 19, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4270---august-23-2023"},"4.27.0 - (August 23, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4260---august-1-2023"},"4.26.0 - (August 1, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4250---april-27-2023"},"4.25.0 - (April 27, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4240---february-15-2023"},"4.24.0 - (February 15, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4230---february-7-2023"},"4.23.0 - (February 7, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4221---january-31-2023"},"4.22.1 - (January 31, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated wdio screenshots due to functional-testing upgrade."))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Jest snapshots updated due to decorative / informative icon changes in terra-icon.")))),(0,m.mdx)("h2",{id:"4220---january-9-2023"},"4.22.0 - (January 9, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump of terra-icon")))),(0,m.mdx)("h2",{id:"4210---december-7-2022"},"4.21.0 - (December 7, 2022)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Set the hideRequired prop to be private"),(0,m.mdx)("li",{parentName:"ul"},"Set the isLabelHidden prop to be private"),(0,m.mdx)("li",{parentName:"ul"},"Set an asterisk denoting required field to be aria-hidden"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Removed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed aria-live attribute from error message.")))),(0,m.mdx)("h2",{id:"4205---july-5-2022"},"4.20.5 - (July 5, 2022)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4204---may-3-2022"},"4.20.4 - (May 3, 2022)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4203---april-29-2022"},"4.20.3 - (April 29, 2022)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4202---january-4-2022"},"4.20.2 - (January 4, 2022)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4201---december-14-2021"},"4.20.1 - (December 14, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"No longer assign tabIndex -1 to the error and help divs."),(0,m.mdx)("li",{parentName:"ul"},"Migrate docs to terra-core-docs.")))),(0,m.mdx)("h2",{id:"4200---september-21-2021"},"4.20.0 - (September 21, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated styles to wrap long words."),(0,m.mdx)("li",{parentName:"ul"},"Updated WDIO Screenshots due to webpack-config-terra sass upgrade.")))),(0,m.mdx)("h2",{id:"4190---august-25-2021"},"4.19.0 - (August 25, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4180---june-22-2021"},"4.18.0 - (June 22, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4170---april-13-2021"},"4.17.0 - (April 13, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4160---april-6-2021"},"4.16.0 - (April 6, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Upgrade tests to terra-functional-testing and WebDriverIO v6"),(0,m.mdx)("li",{parentName:"ul"},"Removed unnecessary ",(0,m.mdx)("inlineCode",{parentName:"li"},"wdio.conf.js")," file"),(0,m.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,m.mdx)("h2",{id:"4150---february-2-2021"},"4.15.0 - (February 2, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4140---january-5-2021"},"4.14.0 - (January 5, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Fixed"),(0,m.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation.")),(0,m.mdx)("h2",{id:"4130---december-8-2020"},"4.13.0 - (December 8, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers"),(0,m.mdx)("li",{parentName:"ul"},"Updated to be compatible with ",(0,m.mdx)("inlineCode",{parentName:"li"},"react-intl")," v2-v5")))),(0,m.mdx)("h2",{id:"4120---november-17-2020"},"4.12.0 - (November 17, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4110---november-10-2020"},"4.11.0 - (November 10, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated ",(0,m.mdx)("inlineCode",{parentName:"li"},"terra-dev-site")," examples to use react hooks.")))),(0,m.mdx)("h2",{id:"4100---october-27-2020"},"4.10.0 - (October 27, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"490---september-29-2020"},"4.9.0 - (September 29, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Fixed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Fixed voiceover issues in label-group.")))),(0,m.mdx)("h2",{id:"480---august-6-2020"},"4.8.0 - (August 6, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"470---august-4-2020"},"4.7.0 - (August 4, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"460---july-29-2020"},"4.6.0 - (July 29, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated jest tests due to icon changes"),(0,m.mdx)("li",{parentName:"ul"},"Update changelog formatting")))),(0,m.mdx)("h2",{id:"450---july-7-2020"},"4.5.0 - (July 7, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"440---june-9-2020"},"4.4.0 - (June 9, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated jest due to icon theme context."),(0,m.mdx)("li",{parentName:"ul"},"Minor file changes to comply with eslint rules"),(0,m.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config")))),(0,m.mdx)("h2",{id:"430---may-19-2020"},"4.3.0 - (May 19, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Apply themes by context and directly include packaged themes.")))),(0,m.mdx)("h2",{id:"420---april-28-2020"},"4.2.0 - (April 28, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge'))),(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,m.mdx)("h2",{id:"410---april-22-2020"},"4.1.0 - (April 22, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated documentation link in README")))),(0,m.mdx)("h2",{id:"400---march-31-2020"},"4.0.0 - (March 31, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Breaking Change",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("inlineCode",{parentName:"li"},"label")," prop's type changed from node to string.")))),(0,m.mdx)("h2",{id:"3340---march-10-2020"},"3.34.0 - (March 10, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3330---february-18-2020"},"3.33.0 - (February 18, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme theming files"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update docs to use mdx syntax.")))),(0,m.mdx)("h2",{id:"3320---january-28-2020"},"3.32.0 - (January 28, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3310---january-7-2020"},"3.31.0 - (January 7, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3300---december-3-2019"},"3.30.0 - (December 3, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added orion-fusion-theme and generated the respective reference wdio screenshots.")))),(0,m.mdx)("h2",{id:"3290---october-30-2019"},"3.29.0 - (October 30, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Fixed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Fixed lint warnings for multiple empty lines")))),(0,m.mdx)("h2",{id:"3280---october-15-2019"},"3.28.0 - (October 15, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3270---october-14-2019"},"3.27.0 - (October 14, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,m.mdx)("li",{parentName:"ul"},"Updated ",(0,m.mdx)("inlineCode",{parentName:"li"},"isInvalid")," prop description.")))),(0,m.mdx)("h2",{id:"3260---october-3-2019"},"3.26.0 - (October 3, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3250---september-26-2019"},"3.25.0 - (September 26, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("inlineCode",{parentName:"li"},'aria-live="assertive"')," added to announce dynamic error messages")))),(0,m.mdx)("h2",{id:"3240---september-19-2019"},"3.24.0 - (September 19, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed ",(0,m.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site."))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added en-CA translations.")))),(0,m.mdx)("h2",{id:"3230---september-6-2019"},"3.23.0 - (September 6, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Props table markdown file import added to doc site page"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added ",(0,m.mdx)("inlineCode",{parentName:"li"},"outline: 0")," to prevent focus outline when clicking on help or error text")))),(0,m.mdx)("h2",{id:"3220---september-3-2019"},"3.22.0 - (September 3, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Fixed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Fixed 'label hidden' accessibility error by using 'visually-hidden text styles' instead of 'display:none'.")))),(0,m.mdx)("h2",{id:"3210---august-21-2019"},"3.21.0 - (August 21, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Import for package version from package.json added to doc page"),(0,m.mdx)("li",{parentName:"ul"},"Switch from Object.assign to Object spread syntax."),(0,m.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files")))),(0,m.mdx)("h2",{id:"3200---august-14-2019"},"3.20.0 - (August 14, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Components updated to use ",(0,m.mdx)("inlineCode",{parentName:"li"},"FormattedMessage")," to interface with ",(0,m.mdx)("inlineCode",{parentName:"li"},"react-intl's")," ",(0,m.mdx)("inlineCode",{parentName:"li"},"intl")," context."),(0,m.mdx)("li",{parentName:"ul"},"updated package.json test scripts"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Pass down ",(0,m.mdx)("inlineCode",{parentName:"li"},"isInvalid")," to children of Field")))),(0,m.mdx)("h2",{id:"3190---july-30-2019"},"3.19.0 - (July 30, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3180---july-24-2019"},"3.18.0 - (July 24, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3170---july-17-2019"},"3.17.0 - (July 17, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3160---july-17-2019"},"3.16.0 - (July 17, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3150---july-16-2019"},"3.15.0 - (July 16, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies")))),(0,m.mdx)("h2",{id:"3140----july-11-2019"},"3.14.0 - (July 11, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Components updated to use ",(0,m.mdx)("inlineCode",{parentName:"li"},"injectIntl")," to interface with ",(0,m.mdx)("inlineCode",{parentName:"li"},"react-intl's")," ",(0,m.mdx)("inlineCode",{parentName:"li"},"intl")," context."),(0,m.mdx)("li",{parentName:"ul"},"Update tests to use ",(0,m.mdx)("inlineCode",{parentName:"li"},"Terra.describeViewports")," for setting viewports and use ",(0,m.mdx)("inlineCode",{parentName:"li"},"Terra.it.validatesElement")),(0,m.mdx)("li",{parentName:"ul"},"Updated Docs around the requirement of terra-base and aggregate-translations.")))),(0,m.mdx)("h2",{id:"3130---june-28-2019"},"3.13.0 - (June 28, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed all inline styles from Dev-site components and implemented the same styles using external css.")))),(0,m.mdx)("h2",{id:"3120---june-18-2019"},"3.12.0 - (June 18, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added functionality to pass required prop on form-field down to terra-form-input, terra-form-select, or terra-form-textarea when rendered as children in terra-form-field.")))),(0,m.mdx)("h2",{id:"3110---june-11-2019"},"3.11.0 - (June 11, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Removed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Made required updates to consume terra-toolkit v5 and terra-dev-site v5")))),(0,m.mdx)("h2",{id:"3100---may-1-2019"},"3.10.0 - (May 1, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"390---april-16-2019"},"3.9.0 - (April 16, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,m.mdx)("li",{parentName:"ul"},"Updated missing htmlFor prop warning text to clarify what prop is causing the warning")))),(0,m.mdx)("h2",{id:"380---april-9-2019"},"3.8.0 - (April 9, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"370---april-2-2019"},"3.7.0 - (April 2, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"360---march-26-2019"},"3.6.0 - (March 26, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Removed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,m.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,m.mdx)("h2",{id:"350---march-21-2019"},"3.5.0 - (March 21, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added logic to allow accessible mapping of error and help text messages when htmlFor prop is provided"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update Jest tests to use terra-enzyme-intl")))),(0,m.mdx)("h2",{id:"340---february-26-2019"},"3.4.0 - (February 26, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added en-AU translations")))),(0,m.mdx)("h2",{id:"330---february-12-2019"},"3.3.0 - (February 12, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"320---february-5-2019"},"3.2.0 - (February 5, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"310---january-26-2019"},"3.1.0 - (January 26, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"300---january-22-2019"},"3.0.0 - (January 22, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated theme variables")))),(0,m.mdx)("h2",{id:"2340---january-22-2019"},"2.34.0 - (January 22, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated dependencies to fix major version bump issues"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added 'style' to prop-types validation")))),(0,m.mdx)("h2",{id:"2330---january-8-2019"},"2.33.0 - (January 8, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2320---january-2-2019"},"2.32.0 - (January 2, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2311---november-20-2018"},"2.31.1 - (November 20, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,m.mdx)("h2",{id:"2310---november-19-2018"},"2.31.0 - (November 19, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"maxWidth prop added to Field component")))),(0,m.mdx)("h2",{id:"2300---november-13-2018"},"2.30.0 - (November 13, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2290---november-9-2018"},"2.29.0 - (November 9, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2280---october-24-2018"},"2.28.0 - (October 24, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2270---october-16-2018"},"2.27.0 - (October 16, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2260---october-8-2018"},"2.26.0 - (October 8, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2250---september-25-2018"},"2.25.0 - (September 25, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2240---september-25-2018"},"2.24.0 - (September 25, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2251---september-6-2018"},"2.25.1 - (September 6, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,m.mdx)("h2",{id:"2250---september-5-2018"},"2.25.0 - (September 5, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,m.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,m.mdx)("h2",{id:"2240---september-4-2018"},"2.24.0 - (September 4, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2230---august-29-2018"},"2.23.0 - (August 29, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2220---august-8-2018"},"2.22.0 - (August 8, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated component internationalization error message")))),(0,m.mdx)("h2",{id:"2210---august-1-2018"},"2.21.0 - (August 1, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2200---july-25-2018"},"2.20.0 - (July 25, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Add sv and sv-SE translations")))),(0,m.mdx)("h2",{id:"2190---july-19-2018"},"2.19.0 - (July 19, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Add .module extension to SCSS file(s)")))),(0,m.mdx)("h2",{id:"2180---july-17-2018"},"2.18.0 - (July 17, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,m.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v4 update"),(0,m.mdx)("li",{parentName:"ul"},"Required props no longer set a default prop")))),(0,m.mdx)("h2",{id:"2170---july-10-2018"},"2.17.0 - (July 10, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2160---june-28-2018"},"2.16.0 - (June 28, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added change log to the documentation on terra-dev-site")))),(0,m.mdx)("h2",{id:"2150---june-22-2018"},"2.15.0 - (June 22, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Moved terra-base from dependency to peerDependency")))),(0,m.mdx)("h2",{id:"2140---june-12-2018"},"2.14.0 - (June 12, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},'Updated "test:jest" script to work on windows.'),(0,m.mdx)("li",{parentName:"ul"},"Changed nightwatch to webdriverIO tests"),(0,m.mdx)("li",{parentName:"ul"},"Remove Base wrapper from test examples. Terra-dev-site wraps all test examples in Base.")))),(0,m.mdx)("h2",{id:"2130---may-30-2018"},"2.13.0 - (May 30, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated structure to match terra-dev-site 1.0 and moved doc examples internal.")))),(0,m.mdx)("h2",{id:"2120---may-25-2018"},"2.12.0 - (May 25, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2110---may-23-2018"},"2.11.0 - (May 23, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2100---may-16-2018"},"2.10.0 - (May 16, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"290---may-9-2018"},"2.9.0 - (May 9, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"280---may-2-2018"},"2.8.0 - (May 2, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"270---april-20-2018"},"2.7.0 - (April 20, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated doc for error prop type")))),(0,m.mdx)("h2",{id:"260---april-20-2018"},"2.6.0 - (April 20, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"250---april-15-2018"},"2.5.0 - (April 15, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"240---april-5-2018"},"2.4.0 - (April 5, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"230---march-30-2018"},"2.3.0 - (March 30, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"220---march-6-2018"},"2.2.0 - (March 6, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Removed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed props-table script from package.json")))),(0,m.mdx)("h2",{id:"210---february-26-2018"},"2.1.0 - (February 26, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"201---february-13-2018"},"2.0.1 - (February 13, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated peerDependencies")))),(0,m.mdx)("h2",{id:"200---february-12-2018"},"2.0.0 - (February 12, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated to use React 16")))),(0,m.mdx)("h2",{id:"140---february-1-2018"},"1.4.0 - (February 1, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"130---january-18-2018"},"1.3.0 - (January 18, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"120---january-5-2018"},"1.2.0 - (January 5, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"110---november-28-2017"},"1.1.0 - (November 28, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"100---november-16-2017"},"1.0.0 - (November 16, 2017)"),(0,m.mdx)("p",null,"Initial stable release"))}p.isMDXComponent=!0;var x=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(d[l]=e[l]);return d}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(m=0;m=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(d[l]=e[l])}return d}var s={},h="wrapper";function c(e){var a=e.components,l=N(e,x);return(0,m.mdx)(h,o({},s,l,{components:a,mdxType:"MDXLayout"}),(0,m.mdx)(d.C,{mdxType:"Badge"}),(0,m.mdx)(p,{mdxType:"ChangeLog"}))}c.isMDXComponent=!0},14442:function(e,a,l){l.d(a,{C:function(){return n}});var m=l(67294),d=l(22863),n=function(e){var a=e.url;return m.createElement(d.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-form-field",name:"terra-form-field",version:"4.31.0",url:a})}},17422:function(e,a,l){l.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/4276-deff9eed564f06c2d6db.css b/4276-deff9eed564f06c2d6db.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/4276-deff9eed564f06c2d6db.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/4276-deff9eed564f06c2d6db.js b/4276-deff9eed564f06c2d6db.js new file mode 100644 index 0000000000..95c9febb9a --- /dev/null +++ b/4276-deff9eed564f06c2d6db.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[4276,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,a,n){var r=n(64836);a.Z=void 0;var t=r(n(67294)),l=r(n(45697)),d=r(n(47166)),m=r(n(17422)),i=d.default.bind(m.default),u={name:l.default.string.isRequired,src:l.default.string,url:l.default.string,version:l.default.string.isRequired},o=function(e){var a=e.src,n=e.name,r=e.url,l=e.version,d=t.default.createElement("a",{className:i("badge"),href:r||"https://www.npmjs.org/package/".concat(n,"/v/").concat(l)},t.default.createElement("span",{className:i("badge-name")},r?"package":"npm"),t.default.createElement("span",{className:i("badge-version")},"v".concat(l))),m=a?t.default.createElement("a",{className:i("badge"),href:a},t.default.createElement("span",{className:i("badge-name")},"github"),t.default.createElement("span",{className:i("badge-version")},"source")):void 0;return t.default.createElement("div",{className:i("badge-container")},d,m)};o.propTypes=u;var p=o;a.Z=p},4276:function(e,a,n){n.r(a),n.d(a,{default:function(){return g}});n(67294);var r=n(81254),t=n(31459),l=["components"];function d(){return d=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(t[n]=e[n]);return t}(e,a);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(t[n]=e[n])}return t}var i={},u="wrapper";function o(e){var a=e.components,n=m(e,l);return(0,r.mdx)(u,d({},i,n,{components:a,mdxType:"MDXLayout"}),(0,r.mdx)("h1",{id:"changelog"},"Changelog"),(0,r.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,r.mdx)("h2",{id:"180---march-15-2022"},"1.8.0 - (March 15, 2022)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Added",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Migrate docs to terra-framework-docs.")))),(0,r.mdx)("h2",{id:"170---june-8-2021"},"1.7.0 - (June 8, 2021)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,r.mdx)("h2",{id:"160---april-6-2021"},"1.6.0 - (April 6, 2021)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,r.mdx)("h2",{id:"150---march-9-2021"},"1.5.0 - (March 9, 2021)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Update reference from terra-toolkit to terra-functional-testing.")))),(0,r.mdx)("h2",{id:"140---august-4-2020"},"1.4.0 - (August 4, 2020)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Updated Changelog format")))),(0,r.mdx)("h2",{id:"130---july-14-2020"},"1.3.0 - (July 14, 2020)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"updated ",(0,r.mdx)("inlineCode",{parentName:"li"},"master")," references to ",(0,r.mdx)("inlineCode",{parentName:"li"},"main"),".")))),(0,r.mdx)("h2",{id:"120---may-5-2020"},"1.2.0 - (May 5, 2020)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Added",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Allow theme name to be set on the context.")))),(0,r.mdx)("h2",{id:"110---april-28-2020"},"1.1.0 - (April 28, 2020)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("p",{parentName:"li"},"Added"),(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Added ",(0,r.mdx)("inlineCode",{parentName:"li"},"directory")," as a sub attribute to the ",(0,r.mdx)("inlineCode",{parentName:"li"},"repository")," attribute in package.json"))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("p",{parentName:"li"},"Removed"),(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge')))),(0,r.mdx)("h2",{id:"100---april-6-2020"},"1.0.0 - (April 6, 2020)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed"),(0,r.mdx)("li",{parentName:"ul"},"Initial stable release")))}o.isMDXComponent=!0;var p=["components"];function c(){return c=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(t[n]=e[n]);return t}(e,a);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(t[n]=e[n])}return t}var x={},f="wrapper";function g(e){var a=e.components,n=s(e,p);return(0,r.mdx)(f,c({},x,n,{components:a,mdxType:"MDXLayout"}),(0,r.mdx)(t.C,{mdxType:"Badge"}),(0,r.mdx)(o,{mdxType:"ChangeLog"}))}g.isMDXComponent=!0},31459:function(e,a,n){n.d(a,{C:function(){return l}});var r=n(67294),t=n(22863),l=function(e){var a=e.url;return r.createElement(t.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-theme-context",name:"terra-theme-context",version:"1.8.0",url:a})}},17422:function(e,a,n){n.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/43333-40452a3e167665ead6c2.css b/43333-40452a3e167665ead6c2.css new file mode 100644 index 0000000000..b555b3db3d --- /dev/null +++ b/43333-40452a3e167665ead6c2.css @@ -0,0 +1,6 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.DemographicsBanner-module__clinical-lowlight-theme___-HUtg{--terra-demographics-banner-background-color: #004c76;--terra-demographics-banner-background-image: none;--terra-demographics-banner-box-shadow: none;--terra-demographics-banner-color: #b2b5b6;--terra-demographics-banner-padding: 0.714em;--terra-demographics-banner-profile-photo-margin: 0;--terra-demographics-banner-value-margin-right: 0.357em;--terra-demographics-banner-value-margin-top: 0;--terra-demographics-banner-value-text-font-weight: bold;--terra-demographics-banner-person-details-margin-top: 0;--terra-demographics-banner-deceased-background-color: #1c1f21;--terra-demographics-banner-deceased-background-image: none;--terra-demographics-banner-deceased-color: #b2b5b6;--terra-demographics-banner-deceased-profile-photo-opacity: 0.7;--terra-demographics-banner-content-margin: auto 0.714em;--terra-demographics-banner-application-content-margin-top: 0;--terra-demographics-banner-large-padding: 0.714em;--terra-demographics-banner-large-box-shadow: none;--terra-demographics-banner-large-person-name-font-size: 1.286rem}.DemographicsBanner-module__orion-fusion-theme___LYTD0{--terra-demographics-banner-background-color: #0065a3;--terra-demographics-banner-background-image: none;--terra-demographics-banner-box-shadow: none;--terra-demographics-banner-color: #fff;--terra-demographics-banner-padding: 0.5rem 1rem 0.5rem 1rem;--terra-demographics-banner-profile-photo-margin: 0;--terra-demographics-banner-value-margin-right: 1rem;--terra-demographics-banner-value-margin-top: 0;--terra-demographics-banner-value-text-font-weight: bold;--terra-demographics-banner-person-details-margin-top: 0;--terra-demographics-banner-deceased-background-color: #1c1f21;--terra-demographics-banner-deceased-background-image: none;--terra-demographics-banner-deceased-color: #fff;--terra-demographics-banner-deceased-profile-photo-opacity: 0.7;--terra-demographics-banner-content-margin: auto 0.714em;--terra-demographics-banner-application-content-margin-top: 0;--terra-demographics-banner-large-box-shadow: none;--terra-demographics-banner-large-padding: 0.5rem;--terra-demographics-banner-large-person-name-font-size: 1.33333333rem}.DemographicsBanner-module__demographics-banner___H8QIb{color:#fff;color:var(--terra-demographics-banner-color, #fff);line-height:1}[dir] .DemographicsBanner-module__demographics-banner___H8QIb{background-clip:border-box;background-color:#004c76;background-color:var(--terra-demographics-banner-background-color, #004c76);background-image:var(--terra-demographics-banner-background-image);box-shadow:var(--terra-demographics-banner-box-shadow);padding:0.714em;padding:var(--terra-demographics-banner-padding, 0.714em)}[dir] .DemographicsBanner-module__profile-photo___DET0E{margin:var(--terra-demographics-banner-profile-photo-margin)}.DemographicsBanner-module__value___gF7RD{display:inline-block}[dir] .DemographicsBanner-module__value___gF7RD{margin-top:var(--terra-demographics-banner-value-margin-top)}[dir=ltr] .DemographicsBanner-module__value___gF7RD{margin-right:0.357em;margin-right:var(--terra-demographics-banner-value-margin-right, 0.357em)}[dir=rtl] .DemographicsBanner-module__value___gF7RD{margin-left:0.357em;margin-left:var(--terra-demographics-banner-value-margin-right, 0.357em)}[dir=ltr] .DemographicsBanner-module__value___gF7RD:last-child{margin-right:0}[dir=rtl] .DemographicsBanner-module__value___gF7RD:last-child{margin-left:0}.DemographicsBanner-module__value-text___utOuf{display:inline-block;font-weight:bold;font-weight:var(--terra-demographics-banner-value-text-font-weight, bold)}[dir=ltr] .DemographicsBanner-module__value-text___utOuf{margin-left:0}[dir=rtl] .DemographicsBanner-module__value-text___utOuf{margin-right:0}[dir=ltr] .DemographicsBanner-module__value-label___aIgsd{margin-right:.357em}[dir=rtl] .DemographicsBanner-module__value-label___aIgsd{margin-left:.357em}.DemographicsBanner-module__value-term___dL86M{display:inline-block}.DemographicsBanner-module__person-name___gtILu{-ms-flex:2;flex:2;font-size:1.143rem;line-height:1}[dir] .DemographicsBanner-module__person-name___gtILu{margin:0;padding-bottom:.2rem}.DemographicsBanner-module__identifiers___T-6Dw{-ms-flex:1;flex:1}[dir=ltr] .DemographicsBanner-module__identifiers___T-6Dw{margin-right:auto}[dir=rtl] .DemographicsBanner-module__identifiers___T-6Dw{margin-left:auto}.DemographicsBanner-module__person-details___AeQGJ{-ms-flex:1;flex:1}[dir] .DemographicsBanner-module__person-details___AeQGJ{margin-bottom:0;margin-top:0;margin-top:var(--terra-demographics-banner-person-details-margin-top, 0)}[dir] .DemographicsBanner-module__preferred-first-name___60uzE{margin:0 .357em}.DemographicsBanner-module__deceased___CJeu7{color:#fff;color:var(--terra-demographics-banner-deceased-color, #fff)}[dir] .DemographicsBanner-module__deceased___CJeu7{background-clip:border-box;background-color:#1c1f21;background-color:var(--terra-demographics-banner-deceased-background-color, #1c1f21);background-image:var(--terra-demographics-banner-deceased-background-image)}.DemographicsBanner-module__deceased___CJeu7 .DemographicsBanner-module__profile-photo___DET0E{opacity:0.7;opacity:var(--terra-demographics-banner-deceased-profile-photo-opacity, 0.7)}.DemographicsBanner-module__abbreviation___SRVwy{text-decoration:none}.DemographicsBanner-module__identifier-row___e30Rc{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-order:3;order:3;width:100%}.DemographicsBanner-module__content___-\+Rem{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-positive:1;flex-grow:1;-ms-flex-wrap:wrap;flex-wrap:wrap}[dir] .DemographicsBanner-module__content___-\+Rem{margin:auto 0.714em;margin:var(--terra-demographics-banner-content-margin, auto 0.714em)}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.DemographicsBanner-module__content___-\+Rem{-ms-flex-item-align:center;align-self:center;width:100%}}.DemographicsBanner-module__application-content___B6aEi{-ms-flex:1;flex:1}[dir] .DemographicsBanner-module__application-content___B6aEi{margin-top:var(--terra-demographics-banner-application-content-margin-top);padding-bottom:.2rem}[dir=ltr] .DemographicsBanner-module__application-content___B6aEi{margin-right:auto}[dir=rtl] .DemographicsBanner-module__application-content___B6aEi{margin-left:auto}.DemographicsBanner-module__large-demographics-banner___oCkqO{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}[dir] .DemographicsBanner-module__large-demographics-banner___oCkqO{box-shadow:var(--terra-demographics-banner-large-box-shadow);padding:0.714em;padding:var(--terra-demographics-banner-large-padding, 0.714em)}[dir] .DemographicsBanner-module__large-demographics-banner___oCkqO .DemographicsBanner-module__application-content___B6aEi{margin-top:0}[dir=ltr] .DemographicsBanner-module__large-demographics-banner___oCkqO .DemographicsBanner-module__application-content___B6aEi{text-align:right}[dir=rtl] .DemographicsBanner-module__large-demographics-banner___oCkqO .DemographicsBanner-module__application-content___B6aEi{text-align:left}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.DemographicsBanner-module__large-demographics-banner___oCkqO .DemographicsBanner-module__application-content___B6aEi{-ms-flex-preferred-size:33.33%;flex-basis:33.33%}}.DemographicsBanner-module__large-demographics-banner___oCkqO .DemographicsBanner-module__person-name___gtILu{font-size:1.286rem;font-size:var(--terra-demographics-banner-large-person-name-font-size, 1.286rem)}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.DemographicsBanner-module__large-demographics-banner___oCkqO .DemographicsBanner-module__person-name___gtILu{-ms-flex-preferred-size:66.66%;flex-basis:66.66%}}[dir] .DemographicsBanner-module__large-demographics-banner___oCkqO .DemographicsBanner-module__identifiers___T-6Dw{margin-bottom:0;margin-top:0}[dir=ltr] .DemographicsBanner-module__large-demographics-banner___oCkqO .DemographicsBanner-module__identifiers___T-6Dw{text-align:right}[dir=rtl] .DemographicsBanner-module__large-demographics-banner___oCkqO .DemographicsBanner-module__identifiers___T-6Dw{text-align:left} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} +.DemographicsBannerSmallContainer-module__content-wrapper___H9120{max-width:525px} +.Table-module__clinical-lowlight-theme___PqYJ8{--terra-html-table-background-color: #383f42;--terra-html-table-border: 1px solid #585a5c;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: none;--terra-html-table-header-cell-color: #1c1f21;--terra-html-table-header-cell-font-size: 1rem;--terra-html-table-header-cell-font-weight: bold;--terra-html-table-header-cell-border-right: 1px solid #585a5c;--terra-html-table-first-header-cell-border-left: 1px solid #585a5c;--terra-html-table-last-header-cell-border-right: 1px solid #585a5c;--terra-html-table-header-background-color: #909496;--terra-html-table-header-box-shadow: 0 4px 4px -3.5px #1c1f21, inset 0 0 0 1px #585a5c;--terra-html-table-header-row-border-bottom: 1px solid #585a5c;--terra-html-table-header-row-border-top: 1px solid #585a5c;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #b2b5b6;--terra-html-table-cell-font-size: 1rem;--terra-html-table-first-cell-border-left: 1px solid #585a5c;--terra-html-table-last-cell-border-right: 1px solid #585a5c;--terra-html-table-header-cell-standard-padding-bottom: 0.5rem;--terra-html-table-header-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-top: 0.5rem;--terra-html-table-header-cell-compact-padding-bottom: 0.25rem;--terra-html-table-header-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-top: 0.25rem;--terra-html-table-cell-standard-padding-bottom: 0.5rem;--terra-html-table-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-cell-standard-padding-top: 0.5rem;--terra-html-table-cell-compact-padding-bottom: 0.25rem;--terra-html-table-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-cell-compact-padding-top: 0.25rem;--terra-html-table-row-border-top: 1px solid #585a5c;--terra-html-table-last-row-border-bottom: 1px solid #585a5c;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #2d3539}.Table-module__orion-fusion-theme___d9rxf{--terra-html-table-background-color: transparent;--terra-html-table-border: 0;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: transparent;--terra-html-table-header-cell-color: #64696c;--terra-html-table-header-cell-font-size: 0.857142857rem;--terra-html-table-header-cell-font-weight: normal;--terra-html-table-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-first-header-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-background-color: #f4f4f4;--terra-html-table-header-box-shadow: none;--terra-html-table-header-row-border-bottom: 2px solid #64696c;--terra-html-table-header-row-border-top: 1px solid #c8cacb;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #1c1f21;--terra-html-table-cell-font-size: 0.857142857rem;--terra-html-table-first-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-cell-standard-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-top: 0.428571429rem;--terra-html-table-header-cell-compact-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-top: 0.428571429rem;--terra-html-table-cell-standard-padding-bottom: 0.8571428571rem;--terra-html-table-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-cell-standard-padding-top: 0.8571428571rem;--terra-html-table-cell-compact-padding-bottom: 0.8571428571rem;--terra-html-table-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-cell-compact-padding-top: 0.8571428571rem;--terra-html-table-row-border-top: 0;--terra-html-table-last-row-border-bottom: 1px solid #c8cacb;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #f4f4f4}.Table-module__table___eg2Mi{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___eg2Mi{background-color:transparent;background-color:var(--terra-html-table-background-color, transparent);border:0;border:var(--terra-html-table-border, 0);border-radius:0;border-radius:var(--terra-html-table-border-radius, 0)}[dir] .Table-module__table___eg2Mi caption{padding-bottom:.5em}.Table-module__table___eg2Mi tr{display:table-row}[dir] .Table-module__table___eg2Mi tr{margin-bottom:0}.Table-module__table___eg2Mi td,.Table-module__table___eg2Mi th{color:#1c1f21;color:var(--terra-html-table-cell-color, #1c1f21);display:table-cell;font-size:1rem;font-size:var(--terra-html-table-cell-font-size, 1rem);font-weight:normal;vertical-align:top}[dir] .Table-module__table___eg2Mi td, [dir] .Table-module__table___eg2Mi th{border:0}[dir=ltr] .Table-module__table___eg2Mi td, [dir=ltr] .Table-module__table___eg2Mi th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___eg2Mi td, [dir=rtl] .Table-module__table___eg2Mi th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___eg2Mi td:first-child, [dir=ltr] .Table-module__table___eg2Mi th:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:first-child, [dir=rtl] .Table-module__table___eg2Mi th:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi td:last-child, [dir=ltr] .Table-module__table___eg2Mi th:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:last-child, [dir=rtl] .Table-module__table___eg2Mi th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___eg2Mi thead th, [dir] .Table-module__table___eg2Mi thead td{border:0}[dir=ltr] .Table-module__table___eg2Mi thead th, [dir=ltr] .Table-module__table___eg2Mi thead td{border-right:1px solid rgba(200, 202, 203, 0.5);border-right:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:left}[dir=rtl] .Table-module__table___eg2Mi thead th, [dir=rtl] .Table-module__table___eg2Mi thead td{border-left:1px solid rgba(200, 202, 203, 0.5);border-left:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:right}[dir=ltr] .Table-module__table___eg2Mi thead th:first-child, [dir=ltr] .Table-module__table___eg2Mi thead td:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:first-child, [dir=rtl] .Table-module__table___eg2Mi thead td:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi thead th:last-child, [dir=ltr] .Table-module__table___eg2Mi thead td:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:last-child, [dir=rtl] .Table-module__table___eg2Mi thead td:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead{display:table-header-group}[dir] .Table-module__table___eg2Mi thead{background-color:#f1f1f2;background-color:var(--terra-html-table-header-background-color, #f1f1f2);box-shadow:0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5);box-shadow:var(--terra-html-table-header-box-shadow, 0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5))}[dir] .Table-module__table___eg2Mi thead tr{border-bottom:1px solid #b9bbbc;border-bottom:var(--terra-html-table-header-row-border-bottom, 1px solid #b9bbbc);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-header-row-border-top, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{color:#1c1f21;color:var(--terra-html-table-header-cell-color, #1c1f21);font-size:1rem;font-size:var(--terra-html-table-header-cell-font-size, 1rem);font-weight:bold;font-weight:var(--terra-html-table-header-cell-font-weight, bold);vertical-align:bottom}[dir] .Table-module__table___eg2Mi tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___eg2Mi tbody tr{background-color:transparent;background-color:var(--terra-html-table-row-background-color, transparent);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-row-border-top, 1px solid #dedfe0)}[dir] .Table-module__table___eg2Mi tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___eg2Mi tbody tr:last-of-type{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-html-table-last-row-border-bottom, 1px solid #dedfe0)}[dir] .Table-module__padding-standard___BfbC- th{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-header-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-header-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z th{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-header-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-header-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__padding-standard___BfbC- td{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z td{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__striped___n8xJe tbody tr:nth-of-type(even){background-color:#f6f7f8;background-color:var(--terra-html-table-row-striped-background-color, #f6f7f8)}@media print{.Table-module__table___eg2Mi thead{display:table-header-group}.Table-module__table___eg2Mi tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} diff --git a/43333-40452a3e167665ead6c2.js b/43333-40452a3e167665ead6c2.js new file mode 100644 index 0000000000..53f1ed70f5 --- /dev/null +++ b/43333-40452a3e167665ead6c2.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[43333,45627,37344,33667,96890,79482,85565,3353,5161,80858,14041,45865,16835,85355,3193,4845,27444,17657,46647,16873,85161,66097,38681,15318,40411,18101,33315,38443,11264,34319,78996,39915,33442],{71105:function(e,t,n){t.Z=void 0;var a=i(n(67294)),r=i(n(86442)),l=i(n(57841)),o=i(n(37194));function i(e){return e&&e.__esModule?e:{default:e}}t.Z=function(){return a.default.createElement(l.default,{applicationContent:a.default.createElement("span",{className:"risk-score"},"5%"),age:"10 Weeks",dateOfBirth:"October 25, 2018",gender:"Male",gestationalAge:"33 Weeks",identifiers:{MRN:12343,REA:"3JSDA"},identifiersLongForm:{MRN:"Medical Record Number"},photo:a.default.createElement(r.default,{alt:"My Cat",src:o.default}),personName:"Johnathon Doe",postMenstrualAge:"43 Weeks",preferredFirstName:"John"})}},58607:function(e,t,n){t.Z=void 0;var a=i(n(67294)),r=i(n(86442)),l=i(n(57841)),o=i(n(37194));function i(e){return e&&e.__esModule?e:{default:e}}t.Z=function(){return a.default.createElement(l.default,{applicationContent:a.default.createElement("span",null,"St. Johns Kansas City West Wing Room Cardiac Arrest Unit 253"),age:"25 Years",dateOfBirth:"May 9, 1993",gender:"Male",identifiers:{MRN:12343,REA:"3JSDA"},identifiersLongForm:{MRN:"Medical Record Number"},personName:"Johnathon Doe",photo:a.default.createElement(r.default,{alt:"My Cat",src:o.default}),preferredFirstName:"John"})}},32241:function(e,t,n){t.Z=void 0;var a=l(n(67294)),r=l(n(57841));function l(e){return e&&e.__esModule?e:{default:e}}t.Z=function(){return a.default.createElement(r.default,{age:"25 Years",dateOfBirth:"May 9, 1993",gender:"Male",personName:"Johnathon Doe",preferredFirstName:"John"})}},89999:function(e,t,n){t.Z=void 0;var a=i(n(67294)),r=i(n(86442)),l=i(n(57841)),o=i(n(37194));function i(e){return e&&e.__esModule?e:{default:e}}t.Z=function(){return a.default.createElement(l.default,{age:"25 Years",dateOfBirth:"May 9, 1992",deceasedDate:"March 12, 2017",gender:"Male",identifiers:{MRN:12343,REA:"3JSDA"},identifiersLongForm:{MRN:"Medical Record Number"},photo:a.default.createElement(r.default,{alt:"My Cat",src:o.default}),personName:"Johnathon Doe",preferredFirstName:"John"})}},1306:function(e,t,n){t.Z=void 0;var a=s(n(67294)),r=s(n(86442)),l=s(n(47166)),o=s(n(57841)),i=s(n(37194)),d=s(n(82215));function s(e){return e&&e.__esModule?e:{default:e}}var p=l.default.bind(d.default);t.Z=function(){return a.default.createElement("div",{className:p("content-wrapper")},a.default.createElement(o.default,{age:"25 Years",dateOfBirth:"May 9, 1992",deceasedDate:"March 12, 2017",gender:"Male",identifiers:{MRN:12343,REA:"3JSDA"},identifiersLongForm:{MRN:"Medical Record Number"},photo:a.default.createElement(r.default,{alt:"My Cat",src:i.default}),personName:"Johnathon Doe"}))}},22863:function(e,t,n){var a=n(64836);t.Z=void 0;var r=a(n(67294)),l=a(n(45697)),o=a(n(47166)),i=a(n(17422)),d=o.default.bind(i.default),s={name:l.default.string.isRequired,src:l.default.string,url:l.default.string,version:l.default.string.isRequired},p=function(e){var t=e.src,n=e.name,a=e.url,l=e.version,o=r.default.createElement("a",{className:d("badge"),href:a||"https://www.npmjs.org/package/".concat(n,"/v/").concat(l)},r.default.createElement("span",{className:d("badge-name")},a?"package":"npm"),r.default.createElement("span",{className:d("badge-version")},"v".concat(l))),i=t?r.default.createElement("a",{className:d("badge"),href:t},r.default.createElement("span",{className:d("badge-name")},"github"),r.default.createElement("span",{className:d("badge-version")},"source")):void 0;return r.default.createElement("div",{className:d("badge-container")},o,i)};p.propTypes=s;var m=p;t.Z=m},49271:function(e,t,n){var a=n(64836),r=n(18698);t.Z=void 0;var l=a(n(27424)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==r(e)&&"function"!=typeof e)return{default:e};var n=f(t);if(n&&n.has(e))return n.get(e);var a={},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var i=l?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(a,o,i):a[o]=e[o]}a.default=e,n&&n.set(e,a);return a}(n(67294)),i=a(n(45697)),d=a(n(47166)),s=n(21538),p=a(n(33864)),m=a(n(23399)),u=n(51051),c=a(n(53560));function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(f=function(e){return e?n:t})(e)}var g=d.default.bind(c.default),h={example:i.default.element,exampleSrc:i.default.element,exampleCssSrc:i.default.element,title:i.default.string,description:i.default.node,isExpanded:i.default.bool},x=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},y=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},b=function(e){var t=e.example,n=e.exampleSrc,a=e.exampleCssSrc,r=e.title,i=e.description,d=e.isExpanded,c=(0,o.useState)(d),f=(0,l.default)(c,2),h=f[0],b=f[1],v=(0,o.useState)(!1),O=(0,l.default)(v,2),N=O[0],T=O[1],_=o.default.useContext(s.ThemeContext),D=void 0!==a,E=function(){T(!N),h&&b(!h)},j=function(){b(!h),N&&T(!N)},B=function(e,t){e.nativeEvent.keyCode!==u.KEY_SPACE&&e.nativeEvent.keyCode!==u.KEY_RETURN||(e.preventDefault(),t())};return o.default.createElement("div",{className:g("template",_.className)},o.default.createElement("div",{className:g("header")},r&&o.default.createElement("h2",{className:g("title")},r)),o.default.createElement("div",{className:g("content")},i&&o.default.createElement("div",{className:g("description")},i),t),o.default.createElement("div",{className:g("footer")},n?o.default.createElement("div",{className:g("button-container")},D&&o.default.createElement("button",{type:"button",className:g("css-toggle","item",{"is-selected":N}),onClick:E,onKeyDown:function(e){return B(e,E)},onBlur:x,onMouseDown:y,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(p.default,{className:g("chevron")}),o.default.createElement("span",null,"CSS"),o.default.createElement(m.default,{className:g("chevron")})),o.default.createElement("button",{type:"button",className:g("code-toggle","item",{"is-selected":h}),onClick:j,onKeyDown:function(e){return B(e,j)},onBlur:x,onMouseDown:y,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(p.default,{className:g("chevron")}),o.default.createElement("span",null,"Code"),o.default.createElement(m.default,{className:g("chevron")}))):null,o.default.createElement("div",null,N&&o.default.createElement("div",{className:g("css")},a),h&&o.default.createElement("div",{className:g("code")},n))))};b.propTypes=h,b.defaultProps={isExpanded:!1};var v=b;t.Z=v},68491:function(e,t,n){n.r(t),n.d(t,{default:function(){return ue}});var a=n(67294),r=n(81254),l=n(88272),o=n(57841),i=["components"];function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var p={};function m(e){var t=e.components,n=s(e,i);return(0,r.mdx)("wrapper",d({},p,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport PropTypes from 'prop-types';\nimport { injectIntl } from 'react-intl';\nimport DemographicsBannerDisplay from './DemographicsBannerDisplay';\n\nconst propTypes = {\n /**\n * Application content to display in the banner.\n */\n applicationContent: PropTypes.node,\n /**\n * Age of the person.\n */\n age: PropTypes.string,\n /**\n * The persons date of birth\n */\n dateOfBirth: PropTypes.string,\n /**\n * The person's deceased date. Will display the banner as deceased if this value is provided\n */\n deceasedDate: PropTypes.string,\n /**\n * Gender of the Person\n */\n gender: PropTypes.string,\n /**\n * The persons gestational age.\n */\n gestationalAge: PropTypes.string,\n /**\n * Additional key value identifiers of a person's demographic information _(see included examples)_\n * _(usage note: abbreviated/shortened identifiers may need additional context for assistive technologies\n * which can be added in the `identifiersLongForm` prop)_.\n */\n // eslint-disable-next-line react/forbid-prop-types\n identifiers: PropTypes.object,\n /**\n * Additional key value long form titles for abbreviated/shortened identifiers of a person's demographic information.\n * Should be added for identifiers that may require more descriptive name for assistive technologies _(see included examples)_.\n */\n identifiersLongForm: PropTypes.objectOf(PropTypes.string),\n /**\n * @private\n * The intl object containing translations. This is retrieved from the context automatically by injectIntl.\n */\n intl: PropTypes.shape({ formatMessage: PropTypes.func }).isRequired,\n /**\n * Full Name of the person\n */\n personName: PropTypes.string,\n /**\n * Sets the heading level of the person's name. One of `1`, `2`, `3`, `4`, `5`, `6`.\n * This helps screen readers announce appropriate heading levels.\n * Changing `personNameHeadingLevel` will not visually change the style of the content.\n */\n personNameHeadingLevel: PropTypes.oneOf([1, 2, 3, 4, 5, 6]),\n /**\n * Photo to display in the banner\n */\n photo: PropTypes.node,\n /**\n * The column layout in which to present the displays.\n */\n postMenstrualAge: PropTypes.string,\n /**\n * The persons preferred first name if they have one.\n */\n preferredFirstName: PropTypes.string,\n};\n\nconst defaultProps = {\n applicationContent: null,\n age: undefined,\n dateOfBirth: undefined,\n deceasedDate: null,\n gender: undefined,\n gestationalAge: null,\n identifiers: {},\n identifiersLongForm: {},\n personName: undefined,\n personNameHeadingLevel: 2,\n photo: null,\n postMenstrualAge: null,\n preferredFirstName: null,\n};\n\nconst DemographicsBanner = ({\n age,\n dateOfBirth,\n gender,\n intl,\n personName,\n ...customProps\n}) => {\n const noDataProvided = intl.formatMessage({ id: 'Terra.demographicsBanner.noDataProvided' });\n\n return (\n \n );\n};\n\nDemographicsBanner.propTypes = propTypes;\nDemographicsBanner.defaultProps = defaultProps;\n\nexport default injectIntl(DemographicsBanner);\n\n")))}m.isMDXComponent=!0;var u=n(49271),c=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(u.Z,{title:t||"Demographics Banner",description:n,example:a.createElement(o.default,null),exampleSrc:a.createElement(m,null),isExpanded:r})},f=n(71105),g=["components"];function h(){return h=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var y={};function b(e){var t=e.components,n=x(e,g);return(0,r.mdx)("wrapper",h({},y,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport Image from \'terra-image\';\nimport DemographicsBanner from \'terra-demographics-banner\';\nimport demographicsImage from \'../assets/demographicsCat.jpg\';\n\nconst DemographicsBannerAdditionalAges = () => (\n 5%}\n age="10 Weeks"\n dateOfBirth="October 25, 2018"\n gender="Male"\n gestationalAge="33 Weeks"\n identifiers={{ MRN: 12343, REA: \'3JSDA\' }}\n identifiersLongForm={{ MRN: \'Medical Record Number\' }}\n photo={My Cat}\n personName="Johnathon Doe"\n postMenstrualAge="43 Weeks"\n preferredFirstName="John"\n />\n);\n\nexport default DemographicsBannerAdditionalAges;\n\n')))}b.isMDXComponent=!0;var v=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(u.Z,{title:t||"Demographics Banner Additional Ages",description:n,example:a.createElement(f.Z,null),exampleSrc:a.createElement(b,null),isExpanded:r})},O=n(58607),N=["components"];function T(){return T=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var D={};function E(e){var t=e.components,n=_(e,N);return(0,r.mdx)("wrapper",T({},D,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Image from 'terra-image';\nimport DemographicsBanner from 'terra-demographics-banner';\nimport demographicsImage from '../assets/demographicsCat.jpg';\n\nconst DemographicsBannerAdditionalDetails = () => (\n St. Johns Kansas City West Wing Room Cardiac Arrest Unit 253}\n age=\"25 Years\"\n dateOfBirth=\"May 9, 1993\"\n gender=\"Male\"\n identifiers={{ MRN: 12343, REA: '3JSDA' }}\n identifiersLongForm={{ MRN: 'Medical Record Number' }}\n personName=\"Johnathon Doe\"\n photo={\"My}\n preferredFirstName=\"John\"\n />\n);\n\nexport default DemographicsBannerAdditionalDetails;\n\n")))}E.isMDXComponent=!0;var j=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(u.Z,{title:t||"Demographics Banner Additional Details",description:n,example:a.createElement(O.Z,null),exampleSrc:a.createElement(E,null),isExpanded:r})},B=n(32241),M=["components"];function w(){return w=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var A={};function P(e){var t=e.components,n=C(e,M);return(0,r.mdx)("wrapper",w({},A,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport DemographicsBanner from \'terra-demographics-banner\';\n\nconst BasicDemographicsBanner = () => (\n \n);\n\nexport default BasicDemographicsBanner;\n\n')))}P.isMDXComponent=!0;var R=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(u.Z,{title:t||"Demographics Banner Basic",description:n,example:a.createElement(B.Z,null),exampleSrc:a.createElement(P,null),isExpanded:r})},S=n(89999),L=["components"];function F(){return F=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var W={};function I(e){var t=e.components,n=k(e,L);return(0,r.mdx)("wrapper",F({},W,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport Image from \'terra-image\';\nimport DemographicsBanner from \'terra-demographics-banner\';\nimport demographicsImage from \'../assets/demographicsCat.jpg\';\n\nconst DemographicsBannerDeceased = () => (\n }\n personName="Johnathon Doe"\n preferredFirstName="John"\n />\n);\n\nexport default DemographicsBannerDeceased;\n\n')))}I.isMDXComponent=!0;var q=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(u.Z,{title:t||"Demographics Banner Deceased",description:n,example:a.createElement(S.Z,null),exampleSrc:a.createElement(I,null),isExpanded:r})},J=n(1306),X=["components"];function z(){return z=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var V={};function H(e){var t=e.components,n=Z(e,X);return(0,r.mdx)("wrapper",z({},V,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Image from 'terra-image';\nimport classNames from 'classnames/bind';\nimport DemographicsBanner from 'terra-demographics-banner';\nimport demographicsImage from '../assets/demographicsCat.jpg';\nimport styles from './DemographicsBannerSmallContainer.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst DemographicsBannerSmallContainer = () => (\n
    \n }\n personName=\"Johnathon Doe\"\n />\n
    \n);\n\nexport default DemographicsBannerSmallContainer;\n\n")))}H.isMDXComponent=!0;var Y=["components"];function G(){return G=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var U={};function Q(e){var t=e.components,n=K(e,Y);return(0,r.mdx)("wrapper",G({},U,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .content-wrapper {\n max-width: 525px;\n }\n}\n\n")))}Q.isMDXComponent=!0;var $=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(u.Z,{title:t||"Demographics Banner Small Container",description:n,example:a.createElement(J.Z,null),exampleCssSrc:a.createElement(Q,null),exampleSrc:a.createElement(H,null),isExpanded:r})},ee=n(78530),te=["components"];function ne(){return ne=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var re={},le="wrapper";function oe(e){var t=e.components,n=ae(e,te);return(0,r.mdx)(le,ne({},re,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(ee.ZP,{mdxType:"PropsTable"},(0,r.mdx)(ee.X2,{key:"ROW1",mdxType:"Row"},(0,r.mdx)(ee.O,{mdxType:"PropNameCell"},"applicationContent"),(0,r.mdx)(ee.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,r.mdx)(ee.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(ee.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"null\n"))),(0,r.mdx)(ee.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Application content to display in the banner."))),(0,r.mdx)(ee.X2,{key:"ROW2",mdxType:"Row"},(0,r.mdx)(ee.O,{mdxType:"PropNameCell"},"age"),(0,r.mdx)(ee.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(ee.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(ee.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(ee.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Age of the person."))),(0,r.mdx)(ee.X2,{key:"ROW3",mdxType:"Row"},(0,r.mdx)(ee.O,{mdxType:"PropNameCell"},"dateOfBirth"),(0,r.mdx)(ee.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(ee.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(ee.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(ee.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The persons date of birth"))),(0,r.mdx)(ee.X2,{key:"ROW4",mdxType:"Row"},(0,r.mdx)(ee.O,{mdxType:"PropNameCell"},"deceasedDate"),(0,r.mdx)(ee.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(ee.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(ee.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"null\n"))),(0,r.mdx)(ee.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The person's deceased date. Will display the banner as deceased if this value is provided"))),(0,r.mdx)(ee.X2,{key:"ROW5",mdxType:"Row"},(0,r.mdx)(ee.O,{mdxType:"PropNameCell"},"gender"),(0,r.mdx)(ee.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(ee.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(ee.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(ee.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Gender of the Person"))),(0,r.mdx)(ee.X2,{key:"ROW6",mdxType:"Row"},(0,r.mdx)(ee.O,{mdxType:"PropNameCell"},"gestationalAge"),(0,r.mdx)(ee.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(ee.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(ee.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"null\n"))),(0,r.mdx)(ee.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The persons gestational age."))),(0,r.mdx)(ee.X2,{key:"ROW7",mdxType:"Row"},(0,r.mdx)(ee.O,{mdxType:"PropNameCell"},"identifiers"),(0,r.mdx)(ee.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,r.mdx)(ee.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(ee.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"{}\n"))),(0,r.mdx)(ee.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Additional key value identifiers of a person's demographic information ",(0,r.mdx)("em",{parentName:"p"},"(see included examples)"),"\n",(0,r.mdx)("em",{parentName:"p"},"(usage note: abbreviated/shortened identifiers may need additional context for assistive technologies\nwhich can be added in the ",(0,r.mdx)("inlineCode",{parentName:"em"},"identifiersLongForm")," prop)"),"."))),(0,r.mdx)(ee.X2,{key:"ROW8",mdxType:"Row"},(0,r.mdx)(ee.O,{mdxType:"PropNameCell"},"identifiersLongForm"),(0,r.mdx)(ee.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"objectOf: {\n type: 'string',\n},\n"))),(0,r.mdx)(ee.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(ee.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"{}\n"))),(0,r.mdx)(ee.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Additional key value long form titles for abbreviated/shortened identifiers of a person's demographic information.\nShould be added for identifiers that may require more descriptive name for assistive technologies ",(0,r.mdx)("em",{parentName:"p"},"(see included examples)"),"."))),(0,r.mdx)(ee.X2,{key:"ROW9",mdxType:"Row"},(0,r.mdx)(ee.O,{mdxType:"PropNameCell"},"personName"),(0,r.mdx)(ee.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(ee.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(ee.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(ee.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Full Name of the person"))),(0,r.mdx)(ee.X2,{key:"ROW10",mdxType:"Row"},(0,r.mdx)(ee.O,{mdxType:"PropNameCell"},"personNameHeadingLevel"),(0,r.mdx)(ee.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 1\n 2\n 3\n 4\n 5\n 6\n],\n"))),(0,r.mdx)(ee.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(ee.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"2\n"))),(0,r.mdx)(ee.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Sets the heading level of the person's name. One of ",(0,r.mdx)("inlineCode",{parentName:"p"},"1"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"2"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"3"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"4"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"5"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"6"),".\nThis helps screen readers announce appropriate heading levels.\nChanging ",(0,r.mdx)("inlineCode",{parentName:"p"},"personNameHeadingLevel")," will not visually change the style of the content."))),(0,r.mdx)(ee.X2,{key:"ROW11",mdxType:"Row"},(0,r.mdx)(ee.O,{mdxType:"PropNameCell"},"photo"),(0,r.mdx)(ee.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,r.mdx)(ee.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(ee.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"null\n"))),(0,r.mdx)(ee.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Photo to display in the banner"))),(0,r.mdx)(ee.X2,{key:"ROW12",mdxType:"Row"},(0,r.mdx)(ee.O,{mdxType:"PropNameCell"},"postMenstrualAge"),(0,r.mdx)(ee.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(ee.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(ee.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"null\n"))),(0,r.mdx)(ee.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The column layout in which to present the displays."))),(0,r.mdx)(ee.X2,{key:"ROW13",mdxType:"Row"},(0,r.mdx)(ee.O,{mdxType:"PropNameCell"},"preferredFirstName"),(0,r.mdx)(ee.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(ee.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(ee.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"null\n"))),(0,r.mdx)(ee.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The persons preferred first name if they have one.")))))}oe.isMDXComponent=!0;var ie=["components"];function de(){return de=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var pe={},me="wrapper";function ue(e){var t=e.components,n=se(e,ie);return(0,r.mdx)(me,de({},pe,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(l.C,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-demographics-banner"},"Terra Demographics Banner"),(0,r.mdx)("p",null,"The demographics component is used to display demographic information about a person in a condensed, easy to read format. Demographics Banner must be inside the Base component with locale. All related translations are required to be loaded before Demographics Banner renders."),(0,r.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Install with ",(0,r.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"npm install terra-demographics-banner"))))),(0,r.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,r.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,r.mdx)("table",null,(0,r.mdx)("thead",{parentName:"table"},(0,r.mdx)("tr",{parentName:"thead"},(0,r.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,r.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,r.mdx)("tbody",{parentName:"table"},(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react"),(0,r.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,r.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react-intl"),(0,r.mdx)("td",{parentName:"tr",align:null},"^2.8.0")))),(0,r.mdx)("h2",{id:"implementation-notes"},"Implementation Notes:"),(0,r.mdx)("p",null,"The Demographics-Banner component must be composed inside the ",(0,r.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-core/blob/main/packages/terra-base/src/terra-dev-site/doc/base/Base.1.doc.mdx"},"Base")," component with a locale in order for it to load the correct translation strings."),(0,r.mdx)("h2",{id:"usage"},"Usage"),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import DemographicsBanner from 'terra-demographics-banner';\n")),(0,r.mdx)("p",null,"The demographics banner will display differently depending on the resolution of the browser. If the resolution is less than that of the standard tablet width (767px), then the demographics banner will be stacked, and the profile image will not be displayed. If the resolution is greater than or equal to the tablet width, the banner will display horizontally, and the profile image will be displayed to the user."),(0,r.mdx)("h2",{id:"component-features"},"Component Features"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Internationalization Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Localization Support"))),(0,r.mdx)("h2",{id:"examples"},"Examples"),(0,r.mdx)(R,{title:"Basic Demographics Banner",mdxType:"DemographicsBannerBasic"}),(0,r.mdx)(c,{title:"Demographics Banner with Missing Data",mdxType:"DemographicsBanner"}),(0,r.mdx)(q,{title:"Deceased Demographics Banners",mdxType:"DemographicsBannerDeceased"}),(0,r.mdx)(v,{title:"Demographics Banner with Gestational and Post Menstrual Ages",mdxType:"DemographicsBannerAdditionalAges"}),(0,r.mdx)(j,{title:"Demographics Banner with Additional Details",mdxType:"DemographicsBannerAdditionalDetails"}),(0,r.mdx)($,{title:"Demographics Banner in a Small Container",mdxType:"DemographicsBannerSmallContainer"}),(0,r.mdx)("h2",{id:"demographics-banner-props"},"Demographics Banner Props"),(0,r.mdx)(oe,{mdxType:"DemographicsBannerPropsTable"}))}ue.isMDXComponent=!0},88272:function(e,t,n){n.d(t,{C:function(){return l}});var a=n(67294),r=n(22863),l=function(e){var t=e.url;return a.createElement(r.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-demographics-banner",name:"terra-demographics-banner",version:"3.64.0",url:t})}},37194:function(e,t,n){n.r(t),t.default=n.p+"ca1d72ea757e1174daf59bbf91dee4ff.jpg"},82215:function(e,t,n){n.r(t),t.default={"content-wrapper":"DemographicsBannerSmallContainer-module__content-wrapper___H9120"}},17422:function(e,t,n){n.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},53560:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},59380:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"DemographicsBanner-module__clinical-lowlight-theme___-HUtg","orion-fusion-theme":"DemographicsBanner-module__orion-fusion-theme___LYTD0","demographics-banner":"DemographicsBanner-module__demographics-banner___H8QIb","profile-photo":"DemographicsBanner-module__profile-photo___DET0E",value:"DemographicsBanner-module__value___gF7RD","value-text":"DemographicsBanner-module__value-text___utOuf","value-label":"DemographicsBanner-module__value-label___aIgsd","value-term":"DemographicsBanner-module__value-term___dL86M","person-name":"DemographicsBanner-module__person-name___gtILu",identifiers:"DemographicsBanner-module__identifiers___T-6Dw","person-details":"DemographicsBanner-module__person-details___AeQGJ","preferred-first-name":"DemographicsBanner-module__preferred-first-name___60uzE",deceased:"DemographicsBanner-module__deceased___CJeu7",abbreviation:"DemographicsBanner-module__abbreviation___SRVwy","identifier-row":"DemographicsBanner-module__identifier-row___e30Rc",content:"DemographicsBanner-module__content___-+Rem","application-content":"DemographicsBanner-module__application-content___B6aEi","large-demographics-banner":"DemographicsBanner-module__large-demographics-banner___oCkqO"}},57841:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=d(n(67294)),r=d(n(45697)),l=n(25387),o=d(n(49345)),i=["age","dateOfBirth","gender","intl","personName"];function d(e){return e&&e.__esModule?e:{default:e}}function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var m={applicationContent:r.default.node,age:r.default.string,dateOfBirth:r.default.string,deceasedDate:r.default.string,gender:r.default.string,gestationalAge:r.default.string,identifiers:r.default.object,identifiersLongForm:r.default.objectOf(r.default.string),intl:r.default.shape({formatMessage:r.default.func}).isRequired,personName:r.default.string,personNameHeadingLevel:r.default.oneOf([1,2,3,4,5,6]),photo:r.default.node,postMenstrualAge:r.default.string,preferredFirstName:r.default.string},u={applicationContent:null,age:void 0,dateOfBirth:void 0,deceasedDate:null,gender:void 0,gestationalAge:null,identifiers:{},identifiersLongForm:{},personName:void 0,personNameHeadingLevel:2,photo:null,postMenstrualAge:null,preferredFirstName:null},c=function(e){var t=e.age,n=e.dateOfBirth,r=e.gender,l=e.intl,d=e.personName,m=p(e,i),u=l.formatMessage({id:"Terra.demographicsBanner.noDataProvided"});return a.default.createElement(o.default,s({},m,{age:t||u,dateOfBirth:n||u,gender:r||u,personName:d||u,ageTitle:l.formatMessage({id:"Terra.demographicsBanner.age"}),genderTitle:l.formatMessage({id:"Terra.demographicsBanner.gender"}),dateOfBirthLabel:l.formatMessage({id:"Terra.demographicsBanner.dateOfBirth"}),dateOfBirthFullText:l.formatMessage({id:"Terra.demographicsBanner.dateOfBirthFullText"}),deceasedDateLabel:l.formatMessage({id:"Terra.demographicsBanner.deceased"}),gestationalAgeLabel:l.formatMessage({id:"Terra.demographicsBanner.gestationalAge"}),gestationalAgeFullText:l.formatMessage({id:"Terra.demographicsBanner.gestationalAgeFullText"}),postMenstrualAgeLabel:l.formatMessage({id:"Terra.demographicsBanner.postMenstrualAge"}),postMenstrualAgeFullText:l.formatMessage({id:"Terra.demographicsBanner.postMenstrualAgeFullText"})}))};c.propTypes=m,c.defaultProps=u;t.default=(0,l.injectIntl)(c)},49345:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=d(n(67294)),r=d(n(45697)),l=d(n(80906));n(59380);var o=d(n(59508)),i=d(n(45970));function d(e){return e&&e.__esModule?e:{default:e}}var s={applicationContent:r.default.node,age:r.default.string,dateOfBirth:r.default.string,dateOfBirthLabel:r.default.string,dateOfBirthFullText:r.default.string,deceasedDate:r.default.string,deceasedDateLabel:r.default.string,gender:r.default.string,gestationalAge:r.default.string,gestationalAgeLabel:r.default.string,gestationalAgeFullText:r.default.string,identifiers:r.default.object,identifiersLongForm:r.default.objectOf(r.default.string),personName:r.default.string,personNameHeadingLevel:r.default.oneOf([1,2,3,4,5,6]),photo:r.default.node,postMenstrualAge:r.default.string,postMenstrualAgeLabel:r.default.string,postMenstrualAgeFullText:r.default.string,preferredFirstName:r.default.string,ageTitle:r.default.string,genderTitle:r.default.string},p=function(e){return a.default.createElement(l.default,{tiny:a.default.createElement(o.default,e),small:a.default.createElement(i.default,e)})};p.propTypes=s,p.defaultProps={applicationContent:null,age:"--",dateOfBirth:"--",dateOfBirthLabel:"DOB",dateOfBirthFullText:"Date of Birth",deceasedDate:null,deceasedDateLabel:"Deceased",gender:"--",gestationalAge:null,gestationalAgeLabel:"GA",gestationalAgeFullText:"Gestational Age",identifiers:{},identifiersLongForm:{},personName:"--",personNameHeadingLevel:2,photo:null,postMenstrualAge:null,postMenstrualAgeLabel:"PMA",postMenstrualAgeFullText:"Post Menstrual Age",preferredFirstName:null,ageTitle:"Age",genderTitle:"Gender"};t.default=p},45970:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=p(n(67294)),r=p(n(94184)),l=p(n(47166)),o=p(n(50026)),i=p(n(59380)),d=p(n(17540)),s=["age","applicationContent","dateOfBirth","dateOfBirthFullText","dateOfBirthLabel","deceasedDate","deceasedDateLabel","gender","gestationalAge","gestationalAgeFullText","gestationalAgeLabel","identifiers","identifiersLongForm","personName","personNameHeadingLevel","photo","postMenstrualAge","postMenstrualAgeFullText","postMenstrualAgeLabel","preferredFirstName","ageTitle","genderTitle"];function p(e){return e&&e.__esModule?e:{default:e}}function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var c=l.default.bind(i.default);t.default=function(e){e.age;var t=e.applicationContent,n=(e.dateOfBirth,e.dateOfBirthFullText,e.dateOfBirthLabel,e.deceasedDate),l=(e.deceasedDateLabel,e.gender,e.gestationalAge,e.gestationalAgeFullText,e.gestationalAgeLabel,e.identifiers,e.identifiersLongForm,e.personName),i=e.personNameHeadingLevel,p=(e.photo,e.postMenstrualAge,e.postMenstrualAgeFullText,e.postMenstrualAgeLabel,e.preferredFirstName),f=(e.ageTitle,e.genderTitle,u(e,s)),g=a.default.useContext(o.default),h="h".concat(i||2),x=(0,r.default)(c("demographics-banner","large-demographics-banner",{deceased:n},g.className),f.className);return delete f.className,a.default.createElement("section",m({className:x},f),e.photo&&a.default.createElement("div",{className:c("profile-photo")},e.photo),a.default.createElement("div",{className:c("content")},a.default.createElement(h,{className:c("person-name")},l,p&&a.default.createElement("span",{className:c("preferred-first-name")},"(".concat(p,")"))),a.default.createElement("div",{className:c("identifier-row")},a.default.createElement("dl",{className:c("person-details")},d.default.personDetails(e)),a.default.createElement("dl",{className:c("identifiers")},d.default.applicationIdentifiers(e))),a.default.createElement("div",{className:c("application-content")},t)))}},59508:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=p(n(67294)),r=p(n(94184)),l=p(n(47166)),o=p(n(50026)),i=p(n(59380)),d=p(n(17540)),s=["age","applicationContent","dateOfBirth","dateOfBirthFullText","dateOfBirthLabel","deceasedDate","deceasedDateLabel","gender","gestationalAge","gestationalAgeFullText","gestationalAgeLabel","identifiers","identifiersLongForm","personName","personNameHeadingLevel","photo","postMenstrualAge","postMenstrualAgeFullText","postMenstrualAgeLabel","preferredFirstName","ageTitle","genderTitle"];function p(e){return e&&e.__esModule?e:{default:e}}function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var c=l.default.bind(i.default);t.default=function(e){e.age;var t=e.applicationContent,n=(e.dateOfBirth,e.dateOfBirthFullText,e.dateOfBirthLabel,e.deceasedDate),l=(e.deceasedDateLabel,e.gender,e.gestationalAge,e.gestationalAgeFullText,e.gestationalAgeLabel,e.identifiers,e.identifiersLongForm,e.personName),i=e.personNameHeadingLevel,p=(e.photo,e.postMenstrualAge,e.postMenstrualAgeFullText,e.postMenstrualAgeLabel,e.preferredFirstName),f=(e.ageTitle,e.genderTitle,u(e,s)),g=a.default.useContext(o.default),h="h".concat(i||2),x=(0,r.default)(c("demographics-banner",{deceased:n},g.className),f.className);return delete f.className,a.default.createElement("section",m({className:x},f),a.default.createElement(h,{className:c("person-name")},a.default.createElement("span",null,l,p&&a.default.createElement("span",{className:c("preferred-first-name")},"(".concat(p,")")))),a.default.createElement("dl",{className:c("person-details")},d.default.personDetails(e),d.default.applicationIdentifiers(e)),a.default.createElement("div",{className:c("application-content")},t))}},17540:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=i(n(47166)),r=i(n(67294)),l=i(n(29270)),o=i(n(59380));function i(e){return e&&e.__esModule?e:{default:e}}var d=a.default.bind(o.default),s=function(e){var t,n=e.label,a=e.value,o=e.abbrTitle;return n&&o?t=r.default.createElement("span",{className:d("value-label")},r.default.createElement("abbr",{className:d("abbreviation"),title:o,"aria-hidden":"true"},"".concat(n,":"))):n&&(t=r.default.createElement("span",{className:d("value-label")},"".concat(n,":"))),r.default.createElement("div",{className:d("value")},r.default.createElement("dt",{className:d("value-term")},o&&r.default.createElement(l.default,{text:o}),t),r.default.createElement("dd",{className:d("value-text")},a))},p={personDetails:function(e){var t=[r.default.createElement(s,{key:"age",abbrTitle:e.ageTitle,value:e.age}),r.default.createElement(s,{key:"gender",abbrTitle:e.genderTitle,value:e.gender}),r.default.createElement(s,{key:"dob",abbrTitle:e.dateOfBirthFullText,label:e.dateOfBirthLabel,value:e.dateOfBirth})];return e.gestationalAge&&t.push(r.default.createElement(s,{key:"ga",abbrTitle:e.gestationalAgeFullText,label:e.gestationalAgeLabel,value:e.gestationalAge})),e.postMenstrualAge&&t.push(r.default.createElement(s,{key:"pma",abbrTitle:e.postMenstrualAgeFullText,label:e.postMenstrualAgeLabel,value:e.postMenstrualAge})),e.deceasedDate&&t.push(r.default.createElement(s,{key:"deceased",label:e.deceasedDateLabel,value:e.deceasedDate})),t},applicationIdentifiers:function(e){var t=e.identifiers,n=e.identifiersLongForm;return t?Object.keys(t).map((function(e){return r.default.createElement(s,{abbrTitle:n&&n[e]?n[e]:void 0,key:"identifier-".concat(e),label:e,value:t[e]})})):null}};t.default=p},33864:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=l(n(67294)),r=l(n(99139));function l(e){return e&&e.__esModule?e:{default:e}}function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t=i.default.enormous&&p?"enormous":e>=i.default.huge&&s?"huge":e>=i.default.large&&d?"large":e>=i.default.medium&&o?"medium":e>=i.default.small&&l?"small":"tiny",this.state.element!==m&&this.setState({element:m}))}},{key:"handleWindowResize",value:function(){this.handleResize(window.innerWidth)}},{key:"setContainer",value:function(e){null!==e&&(this.container="parent"===this.props.responsiveTo?e.parentNode:null)}},{key:"render",value:function(){var e=this.props,t=e.children,n=e.responsiveTo;return this.state.element?this.props[this.state.element]||null:r.default.createElement(r.default.Fragment,null,"parent"===n&&!this.container&&r.default.createElement("div",{ref:this.setContainer}),t)}}])&&p(t.prototype,n),a&&p(t,a),Object.defineProperty(t,"prototype",{writable:!1}),d}(r.default.Component);h.propTypes=g,h.defaultProps={responsiveTo:"parent"};t.default=h}}]); \ No newline at end of file diff --git a/43698-e8fa920100887e050097.css b/43698-e8fa920100887e050097.css new file mode 100644 index 0000000000..f60cb04d51 --- /dev/null +++ b/43698-e8fa920100887e050097.css @@ -0,0 +1,4 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.Card-module__clinical-lowlight-theme___rpqXf{--terra-card-background-color: #222a2e;--terra-card-border-radius: 3px;--terra-card-border: 1px solid #181b1d;--terra-card-box-shadow: none;--terra-card-color: #b2b5b6;--terra-card-raised-box-shadow: 0 3px 8px -2px rgba(0, 0, 0, 0.18), 0 3px 10px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -3px rgba(0, 0, 0, 0.3)}.Card-module__orion-fusion-theme___QgHmr{--terra-card-background-color: #fff;--terra-card-border-radius: 0;--terra-card-border: 1px solid #c8cacb;--terra-card-box-shadow: none;--terra-card-color: inherit;--terra-card-raised-box-shadow: 2px 2px 0 0 rgba(28, 31, 33, 0.1), -2px 2px 0 0 rgba(28, 31, 33, 0.1), 0 4px 0 0 rgba(28, 31, 33, 0.04), 0 8px 0 -2px rgba(28, 31, 33, 0.03)}.Card-module__card___n9\+A2{color:var(--terra-card-color);overflow:hidden}[dir] .Card-module__card___n9\+A2{background-color:#fff;background-color:var(--terra-card-background-color, #fff);border:1px solid #c8cacb;border:var(--terra-card-border, 1px solid #c8cacb);border-radius:3px;border-radius:var(--terra-card-border-radius, 3px)}[dir] .Card-module__default___Pvv6U{box-shadow:none;box-shadow:var(--terra-card-box-shadow, none)}[dir] .Card-module__raised___OPyVO{box-shadow:0 3px 8px -2px rgba(0, 0, 0, 0.18), 0 3px 10px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -3px rgba(0, 0, 0, 0.3);box-shadow:var(--terra-card-raised-box-shadow, 0 3px 8px -2px rgba(0, 0, 0, 0.18), 0 3px 10px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -3px rgba(0, 0, 0, 0.3))} +.CardBody-module__orion-fusion-theme___Xdg9v{--terra-card-padding-bottom: 0.5rem;--terra-card-padding-left: 0.5rem;--terra-card-padding-right: 0.5rem;--terra-card-padding-top: 0.5rem}.CardBody-module__clinical-lowlight-theme___2YDc3{--terra-card-padding-bottom: 10px;--terra-card-padding-left: 10px;--terra-card-padding-right: 10px;--terra-card-padding-top: 10px}[dir] .CardBody-module__vertical-padding___xyd9u{padding-bottom:10px;padding-bottom:var(--terra-card-padding-bottom, 10px);padding-top:10px;padding-top:var(--terra-card-padding-top, 10px)}[dir=ltr] .CardBody-module__horizontal-padding___wGati{padding-left:10px;padding-left:var(--terra-card-padding-left, 10px);padding-right:10px;padding-right:var(--terra-card-padding-right, 10px)}[dir=rtl] .CardBody-module__horizontal-padding___wGati{padding-right:10px;padding-right:var(--terra-card-padding-left, 10px);padding-left:10px;padding-left:var(--terra-card-padding-right, 10px)}[dir] .CardBody-module__center-content___phyuy{text-align:center} +.ProgressBar-module__clinical-lowlight-theme___2R-V2{--terra-progress-bar-border-radius: 0.5em;--terra-progress-bar-background-color: #000;--terra-progress-bar-progress-background-color: #6f7477;--terra-progress-bar-height: 0.8rem;--terra-progress-bar-tiny-height: 0.5rem;--terra-progress-bar-small-height: 0.8rem;--terra-progress-bar-medium-height: 1rem;--terra-progress-bar-large-height: 1.4rem;--terra-progress-bar-huge-height: 1.7rem}.ProgressBar-module__orion-fusion-theme___HjiAn{--terra-progress-bar-border-radius: 2px;--terra-progress-bar-background-color: transparent;--terra-progress-bar-progress-background-color: #007cc3;--terra-progress-bar-height: 1rem;--terra-progress-bar-tiny-height: 1rem;--terra-progress-bar-small-height: 1rem;--terra-progress-bar-medium-height: 1rem;--terra-progress-bar-large-height: 1rem;--terra-progress-bar-huge-height: 1rem}.ProgressBar-module__progress-bar___ldMCP{display:block;height:0.8rem;height:var(--terra-progress-bar-height, 0.8rem);overflow:hidden;width:100%}[dir] .ProgressBar-module__progress-bar___ldMCP{border-radius:0.5em;border-radius:var(--terra-progress-bar-border-radius, 0.5em)}.ProgressBar-module__progress-bar___ldMCP:focus{outline:none}.ProgressBar-module__progress-bar___ldMCP[value]{-webkit-appearance:none;appearance:none}[dir] .ProgressBar-module__progress-bar___ldMCP[value]{border:0}[dir] .ProgressBar-module__progress-bar___ldMCP[value]::-webkit-progress-bar{border-radius:0}[dir=ltr] .ProgressBar-module__progress-bar___ldMCP[value]::-webkit-progress-value{border-bottom-left-radius:0;border-top-left-radius:0}[dir=rtl] .ProgressBar-module__progress-bar___ldMCP[value]::-webkit-progress-value{border-bottom-right-radius:0;border-top-right-radius:0}[dir=ltr] .ProgressBar-module__progress-bar___ldMCP[value="100"]::-webkit-progress-value, [dir=ltr] .ProgressBar-module__progress-bar___ldMCP[value="0"]::-webkit-progress-value{border-bottom-right-radius:0;border-top-right-radius:0}[dir=rtl] .ProgressBar-module__progress-bar___ldMCP[value="100"]::-webkit-progress-value, [dir=rtl] .ProgressBar-module__progress-bar___ldMCP[value="0"]::-webkit-progress-value{border-bottom-left-radius:0;border-top-left-radius:0}.ProgressBar-module__default-color___-XUpG{color:#0092e0;color:var(--terra-progress-bar-progress-background-color, #0092e0)}[dir] .ProgressBar-module__default-color___-XUpG{background-color:#d3d4d5;background-color:var(--terra-progress-bar-background-color, #d3d4d5)}[dir] .ProgressBar-module__default-color___-XUpG::-webkit-progress-bar{background-color:#d3d4d5;background-color:var(--terra-progress-bar-background-color, #d3d4d5)}[dir] .ProgressBar-module__default-color___-XUpG::-webkit-progress-value{background-color:#0092e0;background-color:var(--terra-progress-bar-progress-background-color, #0092e0)}[dir] .ProgressBar-module__default-color___-XUpG::-moz-progress-bar{background-color:#0092e0;background-color:var(--terra-progress-bar-progress-background-color, #0092e0)}[dir] .ProgressBar-module__default-color___-XUpG::-ms-fill{background-color:#0092e0;background-color:var(--terra-progress-bar-progress-background-color, #0092e0)}@-moz-document url-prefix(""){.ProgressBar-module__progress-bar___ldMCP{overflow:hidden}[dir] .ProgressBar-module__progress-bar___ldMCP{border-radius:.5em}.ProgressBar-module__progress-bar___ldMCP:focus{outline:none}[dir=ltr] .ProgressBar-module__progress-bar___ldMCP[value]::-moz-progress-bar{border-bottom-left-radius:0;border-top-left-radius:0}[dir=rtl] .ProgressBar-module__progress-bar___ldMCP[value]::-moz-progress-bar{border-bottom-right-radius:0;border-top-right-radius:0}[dir=ltr] .ProgressBar-module__progress-bar___ldMCP[value="0"]::-moz-progress-bar, [dir=ltr] .ProgressBar-module__progress-bar___ldMCP[value="100"]::-moz-progress-bar{border-bottom-right-radius:0;border-top-right-radius:0}[dir=rtl] .ProgressBar-module__progress-bar___ldMCP[value="0"]::-moz-progress-bar, [dir=rtl] .ProgressBar-module__progress-bar___ldMCP[value="100"]::-moz-progress-bar{border-bottom-left-radius:0;border-top-left-radius:0}}.ProgressBar-module__tiny___arTaR{height:0.5rem;height:var(--terra-progress-bar-tiny-height, 0.5rem)}.ProgressBar-module__small___aIbie{height:0.8rem;height:var(--terra-progress-bar-small-height, 0.8rem)}.ProgressBar-module__medium___DIoxZ{height:1rem;height:var(--terra-progress-bar-medium-height, 1rem)}.ProgressBar-module__large___KiWFK{height:1.4rem;height:var(--terra-progress-bar-large-height, 1.4rem)}.ProgressBar-module__huge___G3Q0C{height:1.7rem;height:var(--terra-progress-bar-huge-height, 1.7rem)} diff --git a/43698-e8fa920100887e050097.js b/43698-e8fa920100887e050097.js new file mode 100644 index 0000000000..af77c05f5f --- /dev/null +++ b/43698-e8fa920100887e050097.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[43698,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{42002:function(e,t,r){function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}t.Z=void 0;var n=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var r=d(t);if(r&&r.has(e))return r.get(e);var n={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var s in e)if("default"!==s&&Object.prototype.hasOwnProperty.call(e,s)){var l=o?Object.getOwnPropertyDescriptor(e,s):null;l&&(l.get||l.set)?Object.defineProperty(n,s,l):n[s]=e[s]}return n.default=e,r&&r.set(e,n),n}(r(67294)),o=i(r(28301)),s=i(r(77559)),l=i(r(55281));function i(e){return e&&e.__esModule?e:{default:e}}function d(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(d=function(e){return e?r:t})(e)}function u(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var a,n,o,s,l=[],i=!0,d=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;i=!1}else for(;!(i=(a=o.call(r)).done)&&(l.push(a.value),l.length!==t);i=!0);}catch(e){d=!0,n=e}finally{try{if(!i&&null!=r.return&&(s=r.return(),Object(s)!==s))return}finally{if(d)throw n}}return l}}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return c(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return c(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,a=new Array(t);r=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}var d={},u="wrapper";function c(e){var t=e.components,r=i(e,s);return(0,a.mdx)(u,l({},d,r,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(n.C,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"terra-progress-bar-accessibility-guide"},"Terra Progress Bar Accessibility Guide"),(0,a.mdx)("h2",{id:"why-the-accessibility-of-progress-bar-is-important"},"Why the accessibility of Progress Bar is important"),(0,a.mdx)("blockquote",null,(0,a.mdx)("p",{parentName:"blockquote"},"Because Progress Bar is a component that helps users understand the status of a process or activity users must understand, it is critical that each progress bar be implemented correctly to be accessible to all users. Users with color blindness or low vision may not perceive the progress bar status if the colors don’t have enough contrast to be seen against each other or the background color. Non-sighted users require programmatic context to be conveyed by the screen reader; without that context, the user cannot understand the status.")),(0,a.mdx)("h2",{id:"accessibility-considerations"},"Accessibility Considerations"),(0,a.mdx)("h3",{id:"code-considerations-what-do-engineers-need-to-do"},"Code Considerations: What do engineers need to do?"),(0,a.mdx)("div",{"aria-label":"Example Demo"},(0,a.mdx)(o.Z,{mdxType:"ProgressBarExampleAccess"})),(0,a.mdx)("blockquote",null,(0,a.mdx)("pre",{parentName:"blockquote"},(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'const ProgressBarExampleAccess = () => {\n const [val, setVal] = useState(10);\n let intervalId; let\n curVal;\n curVal = 10;\n\n const updateProgress = () => {\n setVal((_val) => {\n curVal = _val + 10;\n return _val + 10;\n });\n\n if (curVal === 100) {\n clearInterval(intervalId);\n }\n };\n\n const start = () => {\n intervalId = setInterval(updateProgress, 2000);\n };\n\n return (\n
    \n \n \n \n \n
    \n
    \n );\n};\n'))),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Work with content creators to understand if any extra programmatic context is required when implanting the progress bar."),(0,a.mdx)("li",{parentName:"ul"},"If words that describe the purpose of the progress bar are also added, ensure the progress bar is programmatically associated to the content. (PROVIDE EXAMPLE)"),(0,a.mdx)("li",{parentName:"ul"},"If no other text is used visually on the page to describe the content, work with the content creator to understand what text to use as the programmatic label to ensure proper context can be communicated to assistive technology users. (PROVIDE EXAMPLE)"),(0,a.mdx)("li",{parentName:"ul"},"Do not override the implicit or explicit role of the progress bar as implemented by Terra.")),(0,a.mdx)("h3",{id:"content-considerations-what-do-content-creators-need-to-do"},"Content Considerations: What do content creators need to do?"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Ensure the progress bar has a descriptive label that describes what the status is related to."),(0,a.mdx)("li",{parentName:"ul"},"Convey to the engineer the programmatic label for the engineer to use so the progress bar can communicate what is loading or what the status is related to."),(0,a.mdx)("li",{parentName:"ul"},"After coded, check the code with a screen reader to ensure what is read by the screen reader conveys the proper context of the situation. Think about if you couldn’t see what was happening on screen, with what was communicated by the screen reader would it be enough for you to understand?"),(0,a.mdx)("li",{parentName:"ul"},"Consider how content will adjust to resizing text or reflowing content at different viewpoints. Users may have settings that change the font size, style, or other text attributes. They may also resize a window or zoom into the content. All these things can cause content to resize or reflow, and when it does, content must not overlap, be cut off, or become unusable."),(0,a.mdx)("li",{parentName:"ul"},"Ensure all content is perceivable by meeting all the color contrast requirements."),(0,a.mdx)("li",{parentName:"ul"},"Ensure the colors used for both parts of the progress bar meet the 3:1 color contrast ratio between each other and the background the progress bar appears on or provide the value as text on the page with the progress bar."),(0,a.mdx)("li",{parentName:"ul"},"Ensure the color of any text presented with the progress bar (e.g., the current status or value, the visual label that describes the purpose of the progress bar) meets the proper contrast ratio against the background it appears on based upon the size of the text."),(0,a.mdx)("li",{parentName:"ul"},"Ensure color is not the only way meaning is conveyed."),(0,a.mdx)("li",{parentName:"ul"},"After development, ensure the progress bar and its content is keyboard accessible and works as expected."),(0,a.mdx)("li",{parentName:"ul"},"Ensure text resizes and reflows without losing content or functionality when users alter their view through different methods (e.g., increasing font sizes, zooming in or out of the page, or changing their viewport).")),(0,a.mdx)("h2",{id:"usability-expectations"},"Usability Expectations"),(0,a.mdx)("h3",{id:"interaction-detail"},"Interaction Detail"),(0,a.mdx)("p",null,"Terra Progress bar is not interactable."),(0,a.mdx)("h3",{id:"keyboard-expectations"},"Keyboard Expectations"),(0,a.mdx)("p",null,"Because Terra Progress bar is not interactable, it does not get tab focus."),(0,a.mdx)("table",null,(0,a.mdx)("thead",{parentName:"table"},(0,a.mdx)("tr",{parentName:"thead"},(0,a.mdx)("th",{parentName:"tr",align:null},"Key/Sequence"),(0,a.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,a.mdx)("tbody",{parentName:"table"},(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("strong",{parentName:"td"},"Arrow keys")),(0,a.mdx)("td",{parentName:"tr",align:null},"Moves focus on and off the progress bar. User expects elements to receive keyboard focus in the logical reading order of the page.")))),(0,a.mdx)("h2",{id:"support-compliance"},"Support Compliance"),(0,a.mdx)("h3",{id:"how-does-progress-bar-support-compliance"},"How does Progress Bar support compliance?"),(0,a.mdx)("p",null,"Terra is committed to ensuring its components provide the maximum possible accessibility. Terra provides the ability to make accessibility products. However, using Terra components will not automatically make a product accessible.\nThe final responsibility lies with the consumers of Terra components — ensuring proper usage, programmatic context where needed, the words used to label elements, engineers following correct implementation patterns, and authors crafting content that follows best practice guidance — to make a product fully accessible."),(0,a.mdx)("h3",{id:"primary-accessibility-criteria-for-progress-bar"},"Primary accessibility criteria for Progress Bar"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships.html"},"1.3.1 Info and Relationships")," — Supports",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Terra provides a basic label for the progress bar to ensure the programmatic context of the progress bar and the current state of the progress bar."),(0,a.mdx)("li",{parentName:"ul"},"Engineers must provide a text value that reflects the purpose of the progress bar and ensure it accurately reflects the current state."),(0,a.mdx)("li",{parentName:"ul"},"Content creators should provide the engineers with text reflecting the progress bar’s purpose. For instance, if the progress bar is related to the status of a particular file loading, the content creator should instruct the engineer to use the name of the file so users can understand that the progress bar indicates the status of how much of the file has loaded.",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"In addition to the progress bar, consider including text that presents the progress bar's description and current value."),(0,a.mdx)("li",{parentName:"ul"},"If visual text is added to the progress bar, the additional programmatic label may not be needed."))),(0,a.mdx)("li",{parentName:"ul"},"Ensure the colors used for both bars within the progress bar meet the 3:1 contrast ratio against each other and the background they appear on."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/use-of-color.html"},"1.4.1 Use of Color")," – Does Not Support",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Terra Progress Bar alone does not support the use of color because it conveys the progress using only color, and the default colors don't meet the 3:1 contrast ratio and does not have text that supports the current value."),(0,a.mdx)("li",{parentName:"ul"},"Engineers must work with content creators and implement colors that meet the 3:1 color contrast ratio between each other and the backgrounds the progress bar appears on or provide the value as text on the page with the progress bar."),(0,a.mdx)("li",{parentName:"ul"},"Content creators should design progress bars that include text that presents the progress bar's current value or ensure the foreground and background colors meet the 3:1 contrast ratio against each other and the background they appear on."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/non-text-contrast.html"},"1.4.11 Non-Text Contrast")," – Does Not Support",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Terra progress bar does not currently support non-text contrast but will be remediated in future iterations."),(0,a.mdx)("li",{parentName:"ul"},"Engineers must work with content creators to implement progress bars with colors that meet the 3:1 non-text contrast ratio threshold."),(0,a.mdx)("li",{parentName:"ul"},"Content creators must implement progress bars with colors that meet the 3:1 non-text contrast ratio threshold to ensure both the progress bar and the static full percentage bar can meet 3:1 against their background color and each other. To ensure the content and progress can be understood, incorporate text with the progress bar that can be easily perceived and understood."),(0,a.mdx)("li",{parentName:"ul"},"Primary"))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/status-messages"},"4.1.3 Status Messages")," – Supports",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Terra provides the ability for consuming teams to add programmatically knowable status messages."),(0,a.mdx)("li",{parentName:"ul"},"Engineers must ensure any status messages are implemented correctly to ensure programmatic availability")))),(0,a.mdx)("h3",{id:"related-accessibility-criteria-that-apply-when-adding-content-to-progress-bar"},"Related accessibility criteria that apply when adding content to Progress Bar"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/reflow.html"},"1.4.10 Reflow")," — Supports",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Terra Progress bar supports the ability for content to reflow without loss of content or function."),(0,a.mdx)("li",{parentName:"ul"},"Engineers should work with content creators to understand how content will reflow at different sizes and viewports. Ensure code allows for content to reflow without loss of content or function when zoomed in at 400%."),(0,a.mdx)("li",{parentName:"ul"},"Content creators should consider and convey to engineers how content resizes and reflows at different sizes and viewports to ensure content is not lost or become unusable."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-scale.html"},"1.4.4 Resize text")," – Supports",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Terra Progress bar supports the ability to resize the text without losing function."),(0,a.mdx)("li",{parentName:"ul"},"Engineers must not implement artificial height constraints that could prevent text from resizing unexpectedly, making content unusable or losing functionality."),(0,a.mdx)("li",{parentName:"ul"},"Content creators should consider how content resizes and reflows at different sizes and viewports."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/name-role-value.html"},"4.1.2 Name, Role, Value")," – Supports",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Terra provides property to set the name, sets the role, and value of the progress bar."),(0,a.mdx)("li",{parentName:"ul"},"Engineers must ensure the value conveyed is accurate via the screen reader.")))),(0,a.mdx)("h3",{id:"supported-features-and-technology"},"Supported Features and Technology"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Keyboard Interactions"),(0,a.mdx)("li",{parentName:"ul"},"JAWS Support with Chrome (PC)"),(0,a.mdx)("li",{parentName:"ul"},"VoiceOver Support with Chrome, Safari (MAC)")),(0,a.mdx)("h2",{id:"linked-references"},"Linked References:"),(0,a.mdx)("ol",null,(0,a.mdx)("li",{parentName:"ol"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/tips/writing/#use-headings-to-convey-meaning-and-structure"},"W3C WAI Aria: Use heading to convey meaning and structure")),(0,a.mdx)("li",{parentName:"ol"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/"},"Web Content Accessibility Guidelines (WCAG)")),(0,a.mdx)("li",{parentName:"ol"},(0,a.mdx)("a",{parentName:"li",href:"https://github.com/cerner/terra-core/issues/new/choose"},"Report a problem with this component on GitHub"))))}c.isMDXComponent=!0},19467:function(e,t,r){r.d(t,{C:function(){return o}});var a=r(67294),n=r(22863),o=function(e){var t=e.url;return a.createElement(n.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-progress-bar",name:"terra-progress-bar",version:"4.35.0",url:t})}},17422:function(e,t,r){r.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},13234:function(e,t,r){r.r(t),t.default={"clinical-lowlight-theme":"Card-module__clinical-lowlight-theme___rpqXf","orion-fusion-theme":"Card-module__orion-fusion-theme___QgHmr",card:"Card-module__card___n9+A2",default:"Card-module__default___Pvv6U",raised:"Card-module__raised___OPyVO"}},64867:function(e,t,r){r.r(t),t.default={"orion-fusion-theme":"CardBody-module__orion-fusion-theme___Xdg9v","clinical-lowlight-theme":"CardBody-module__clinical-lowlight-theme___2YDc3","vertical-padding":"CardBody-module__vertical-padding___xyd9u","horizontal-padding":"CardBody-module__horizontal-padding___wGati","center-content":"CardBody-module__center-content___phyuy"}},13559:function(e,t,r){r.r(t),t.default={"clinical-lowlight-theme":"ProgressBar-module__clinical-lowlight-theme___2R-V2","orion-fusion-theme":"ProgressBar-module__orion-fusion-theme___HjiAn","progress-bar":"ProgressBar-module__progress-bar___ldMCP","default-color":"ProgressBar-module__default-color___-XUpG",tiny:"ProgressBar-module__tiny___arTaR",small:"ProgressBar-module__small___aIbie",medium:"ProgressBar-module__medium___DIoxZ",large:"ProgressBar-module__large___KiWFK",huge:"ProgressBar-module__huge___G3Q0C"}},28301:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=m(r(67294)),n=m(r(45697)),o=m(r(94184)),s=m(r(47166)),l=m(r(29270)),i=m(r(50026)),d=m(r(13234)),u=m(r(52926)),c=["children","variant","visuallyHiddenText"];function m(e){return e&&e.__esModule?e:{default:e}}function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}var f=s.default.bind(d.default),g={children:n.default.node,variant:n.default.oneOf(["default","raised"]),visuallyHiddenText:n.default.string},b={variant:"default"},x=function(e){var t=e.children,r=e.variant,n=e.visuallyHiddenText,s=h(e,c),d=a.default.useContext(i.default),u=(0,o.default)(f(["card",r,d.className]),s.className),m=n?a.default.createElement(l.default,{text:n}):null;return a.default.createElement("article",p({},s,{className:u}),m,t)};x.propTypes=g,x.defaultProps=b,x.Body=u.default;t.default=x},52926:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=u(r(67294)),n=u(r(45697)),o=u(r(94184)),s=u(r(47166)),l=u(r(50026)),i=u(r(64867)),d=["children","hasPaddingVertical","hasPaddingHorizontal","isContentCentered"];function u(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}var p=s.default.bind(i.default),h={children:n.default.node,hasPaddingVertical:n.default.bool,hasPaddingHorizontal:n.default.bool,isContentCentered:n.default.bool},f=function(e){var t=e.children,r=e.hasPaddingVertical,n=e.hasPaddingHorizontal,s=e.isContentCentered,i=m(e,d),u=a.default.useContext(l.default),h=(0,o.default)(p([{"vertical-padding":r},{"horizontal-padding":n},{"center-content":s},u.className]),i.className);return a.default.createElement("div",c({},i,{className:h}),t)};f.propTypes=h,f.defaultProps={hasPaddingHorizontal:!0,hasPaddingVertical:!0,isContentCentered:!1};t.default=f},77559:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.ProgressBarHeightSize=void 0;var a=u(r(67294)),n=u(r(45697)),o=u(r(94184)),s=u(r(47166)),l=u(r(50026)),i=u(r(13559)),d=["heightSize","value","max","valueText","colorClass","intl"];function u(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}var p=s.default.bind(i.default),h=(t.ProgressBarHeightSize={TINY:"tiny",SMALL:"small",MEDIUM:"medium",LARGE:"large",HUGE:"huge"},{heightSize:n.default.oneOf(["tiny","small","medium","large","huge"]),value:n.default.number.isRequired,max:n.default.number,valueText:n.default.string,colorClass:n.default.string,intl:n.default.shape({formatMessage:n.default.func})}),f={heightSize:"small",max:100,valueText:void 0,colorClass:"default-color"},g=function(e){var t=e.heightSize,r=e.value,n=e.max,s=(e.valueText,e.colorClass),i=(e.intl,m(e,d)),u=a.default.useContext(l.default),h=(0,o.default)(p("progress-bar",t,s,u.className),i.className),f=r/n*100;return a.default.createElement("div",null,a.default.createElement("progress",c({},i,{className:h,max:100,value:f,"aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":f,"aria-valuetext":-1===navigator.userAgent.indexOf("Mac")||-1!==navigator.userAgent.indexOf("Win")?"".concat(f,"%"):void 0,tabIndex:"-1"})))};g.propTypes=h,g.defaultProps=f;t.default=g}}]); \ No newline at end of file diff --git a/43994-20effd4c5c77405640da.css b/43994-20effd4c5c77405640da.css new file mode 100644 index 0000000000..1b10b3b836 --- /dev/null +++ b/43994-20effd4c5c77405640da.css @@ -0,0 +1,4 @@ +.WorklistDataGrid-module__worklist-data-grid-container___nc9kr{height:100%;width:100%} +.DataGrid-module__data-grid-container___wJCne{height:100%;width:100%}table{-webkit-user-select:none;-ms-user-select:none;user-select:none} +.FlowsheetDataGrid-module__flowsheet-data-grid-container___1Jt6A{height:100%;width:100%} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} diff --git a/43994-20effd4c5c77405640da.js b/43994-20effd4c5c77405640da.js new file mode 100644 index 0000000000..387aff47b3 --- /dev/null +++ b/43994-20effd4c5c77405640da.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[43994],{49271:function(e,t,n){var l=n(64836),o=n(18698);t.Z=void 0;var a=l(n(27424)),r=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==o(e)&&"function"!=typeof e)return{default:e};var n=w(t);if(n&&n.has(e))return n.get(e);var l={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&Object.prototype.hasOwnProperty.call(e,r)){var c=a?Object.getOwnPropertyDescriptor(e,r):null;c&&(c.get||c.set)?Object.defineProperty(l,r,c):l[r]=e[r]}l.default=e,n&&n.set(e,l);return l}(n(67294)),c=l(n(45697)),d=l(n(47166)),s=n(21538),i=l(n(33864)),u=l(n(23399)),m=n(51051),f=l(n(53560));function w(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(w=function(e){return e?n:t})(e)}var p=d.default.bind(f.default),h={example:c.default.element,exampleSrc:c.default.element,exampleCssSrc:c.default.element,title:c.default.string,description:c.default.node,isExpanded:c.default.bool},_=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},x=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},S=function(e){var t=e.example,n=e.exampleSrc,l=e.exampleCssSrc,o=e.title,c=e.description,d=e.isExpanded,f=(0,r.useState)(d),w=(0,a.default)(f,2),h=w[0],S=w[1],g=(0,r.useState)(!1),b=(0,a.default)(g,2),v=b[0],D=b[1],C=r.default.useContext(s.ThemeContext),y=void 0!==l,R=function(){D(!v),h&&S(!h)},E=function(){S(!h),v&&D(!v)},I=function(e,t){e.nativeEvent.keyCode!==m.KEY_SPACE&&e.nativeEvent.keyCode!==m.KEY_RETURN||(e.preventDefault(),t())};return r.default.createElement("div",{className:p("template",C.className)},r.default.createElement("div",{className:p("header")},o&&r.default.createElement("h2",{className:p("title")},o)),r.default.createElement("div",{className:p("content")},c&&r.default.createElement("div",{className:p("description")},c),t),r.default.createElement("div",{className:p("footer")},n?r.default.createElement("div",{className:p("button-container")},y&&r.default.createElement("button",{type:"button",className:p("css-toggle","item",{"is-selected":v}),onClick:R,onKeyDown:function(e){return I(e,R)},onBlur:_,onMouseDown:x,tabIndex:0,"data-focus-styles-enabled":!0},r.default.createElement(i.default,{className:p("chevron")}),r.default.createElement("span",null,"CSS"),r.default.createElement(u.default,{className:p("chevron")})),r.default.createElement("button",{type:"button",className:p("code-toggle","item",{"is-selected":h}),onClick:E,onKeyDown:function(e){return I(e,E)},onBlur:_,onMouseDown:x,tabIndex:0,"data-focus-styles-enabled":!0},r.default.createElement(i.default,{className:p("chevron")}),r.default.createElement("span",null,"Code"),r.default.createElement(u.default,{className:p("chevron")}))):null,r.default.createElement("div",null,v&&r.default.createElement("div",{className:p("css")},l),h&&r.default.createElement("div",{className:p("code")},n))))};S.propTypes=h,S.defaultProps={isExpanded:!1};var g=S;t.Z=g},51041:function(e,t,n){var l=n(64836),o=n(18698);t.Z=void 0;var a=l(n(861)),r=l(n(27424)),c=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=o(e)&&"function"!=typeof e)return{default:e};var n=s(t);if(n&&n.has(e))return n.get(e);var l={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&Object.prototype.hasOwnProperty.call(e,r)){var c=a?Object.getOwnPropertyDescriptor(e,r):null;c&&(c.get||c.set)?Object.defineProperty(l,r,c):l[r]=e[r]}return l.default=e,n&&n.set(e,l),l}(n(67294)),d=n(57710);function s(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(s=function(e){return e?n:t})(e)}t.Z=function(){var e=[{id:"Column-0",displayName:"Vitals"},{id:"Column-1",displayName:"March 16"},{id:"Column-2",displayName:"March 17"},{id:"Column-3",displayName:"March 18"}],t=[{id:"1",cells:[{content:"Heart Rate Monitored (bpm)"},{content:"68"},{content:"66"},{content:"67"}]},{id:"2",cells:[{content:"Temperature Oral (degC)"},{content:"36.7"},{content:"36.9"},{content:"37"}]},{id:"3",cells:[{content:"Cardiac Index (L/min/m2)"},{content:"2.25"},{content:"2.28"},{content:"2.8"}]},{id:"4",cells:[{content:"ICP (mmHg)"},{content:"11"},{content:"11"},{content:"12"}]},{id:"5",cells:[{content:"CPP (mmHg)"},{content:"63"},{content:"47"},{content:"48"}]}],n=(0,c.useState)(t),l=(0,r.default)(n,2),o=l[0],s=l[1],i=(0,c.useState)(void 0),u=(0,r.default)(i,2),m=u[0],f=u[1],w=(0,c.useCallback)((function(){m&&f(void 0)}),[m]),p=(0,c.useCallback)((function(e){var t=e.rowId;if(t){for(var n=o.findIndex((function(e){return e.id===t})),l=(0,a.default)(o),r=0;r=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var s={};function i(e){var t=e.components,n=d(e,r);return(0,o.mdx)("wrapper",c({},s,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState, useCallback } from 'react';\nimport { FlowsheetDataGrid } from 'terra-data-grid';\n\nconst RowSelection = () => {\n const gridDataJSON = {\n cols: [\n { id: 'Column-0', displayName: 'Vitals' },\n { id: 'Column-1', displayName: 'March 16' },\n { id: 'Column-2', displayName: 'March 17' },\n { id: 'Column-3', displayName: 'March 18' },\n ],\n rows: [\n {\n id: '1',\n cells: [\n { content: 'Heart Rate Monitored (bpm)' },\n { content: '68' },\n { content: '66' },\n { content: '67' },\n ],\n },\n {\n id: '2',\n cells: [\n { content: 'Temperature Oral (degC)' },\n { content: '36.7' },\n { content: '36.9' },\n { content: '37' },\n ],\n },\n {\n id: '3',\n cells: [\n { content: 'Cardiac Index (L/min/m2)' },\n { content: '2.25' },\n { content: '2.28' },\n { content: '2.8' },\n ],\n },\n {\n id: '4',\n cells: [\n { content: 'ICP (mmHg)' },\n { content: '11' },\n { content: '11' },\n { content: '12' },\n ],\n },\n {\n id: '5',\n cells: [\n { content: 'CPP (mmHg)' },\n { content: '63' },\n { content: '47' },\n { content: '48' },\n ],\n },\n ],\n };\n\n const { cols, rows } = gridDataJSON;\n const [rowData, setRowData] = useState(rows);\n const [selectedRow, setSelectedRow] = useState(undefined);\n\n const clearSelectedRow = useCallback(() => {\n if (selectedRow) {\n setSelectedRow(undefined);\n }\n }, [selectedRow]);\n\n const onRowSelect = useCallback((rowToSelect) => {\n const { rowId } = rowToSelect; // Contains rowId and sectionId\n if (rowId) {\n const rowIndex = rowData.findIndex(e => e.id === rowId);\n\n const newRowData = [...rowData];\n\n // Remove current selections\n for (let row = 0; row < rowData.length; row += 1) {\n newRowData[row].isSelected = false;\n for (let cell = 0; cell < rowData[row].cells.length; cell += 1) {\n newRowData[row].cells[cell].isSelected = false;\n }\n }\n\n if (selectedRow !== rowId) {\n newRowData[rowIndex].isSelected = true;\n setSelectedRow(rowId);\n } else {\n newRowData[rowIndex].isSelected = false;\n clearSelectedRow();\n }\n\n setRowData(newRowData);\n }\n }, [clearSelectedRow, rowData, selectedRow]);\n\n const onCellSelect = useCallback((rowId, columnId) => {\n if (rowId && columnId) {\n const rowIndex = rowData.findIndex(e => e.id === rowId);\n const columnIndex = cols.findIndex(e => e.id === columnId);\n let otherSelectionsExist = false;\n\n // Remove cell selections, excluding current cell\n const newRowData = [...rowData];\n for (let row = 0; row < rowData.length; row += 1) {\n newRowData[row].isSelected = false;\n for (let cell = 0; cell < rowData[row].cells.length; cell += 1) {\n const currentCell = rowData[row].cells[cell];\n if (currentCell.isSelected && !(row === rowIndex && cell === columnIndex)) {\n currentCell.isSelected = false;\n otherSelectionsExist = true;\n }\n }\n }\n\n // If the current cell is the only selected cell, toggle it to unselected. Otherwise, set it to selected.\n newRowData[rowIndex].cells[columnIndex].isSelected = !rowData[rowIndex].cells[columnIndex].isSelected || otherSelectionsExist;\n clearSelectedRow();\n setRowData(newRowData);\n }\n }, [clearSelectedRow, cols, rowData]);\n\n const onClearSelectedCells = useCallback(() => {\n // Remove current selections\n const newRowData = [...rowData];\n for (let row = 0; row < rowData.length; row += 1) {\n for (let cell = 0; cell < rowData[row].cells.length; cell += 1) {\n newRowData[row].cells[cell].isSelected = false;\n }\n }\n\n clearSelectedRow();\n setRowData(newRowData);\n }, [clearSelectedRow, rowData]);\n\n const onCellRangeSelect = useCallback((cells) => {\n const newRowData = [...rowData];\n\n // Remove current selections\n for (let row = 0; row < rowData.length; row += 1) {\n newRowData[row].isSelected = false;\n for (let cell = 0; cell < rowData[row].cells.length; cell += 1) {\n newRowData[row].cells[cell].isSelected = false;\n }\n }\n\n cells.forEach((cell) => {\n const rowIndex = rowData.findIndex(e => e.id === cell.rowId);\n const columnIndex = cols.findIndex(e => e.id === cell.columnId);\n\n newRowData[rowIndex].cells[columnIndex].isSelected = true;\n });\n\n clearSelectedRow();\n setRowData(newRowData);\n }, [clearSelectedRow, cols, rowData]);\n\n return (\n \n );\n};\n\nexport default RowSelection;\n\n")))}i.isMDXComponent=!0;var u=n(49271),m=function(e){var t=e.title,n=e.description,o=e.isExpanded;return l.createElement(u.Z,{title:t||"Row Selection",description:n,example:l.createElement(a.Z,null),exampleSrc:l.createElement(i,null),isExpanded:o})},f=["components"];function w(){return w=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var h={},_="wrapper";function x(e){var t=e.components,n=p(e,f);return(0,o.mdx)(_,w({},h,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("h1",{id:"row-selection"},"Row Selection"),(0,o.mdx)("h3",{id:"description"},"Description"),(0,o.mdx)("p",null,"This example demonstrates a Flowsheet Data Grid with row selection support by utilizing the following ",(0,o.mdx)("a",{parentName:"p",href:"/terra-ui/components/cerner-terra-framework-docs/data-grid/flowsheet-data-grid/about"},"properties"),":"),(0,o.mdx)("ul",null,(0,o.mdx)("li",{parentName:"ul"},"The ",(0,o.mdx)("strong",{parentName:"li"},"onRowSelect")," callback prop: When the user selects a row header cell (a cell in the pinned first column), this callback will be called with an object containing the ",(0,o.mdx)("inlineCode",{parentName:"li"},"rowId")," and ",(0,o.mdx)("inlineCode",{parentName:"li"},"sectionId")," of the selected row.\nIn this example, the ",(0,o.mdx)("inlineCode",{parentName:"li"},"isSelected")," row property is toggled to true, adding highlighting to the selected row.")),(0,o.mdx)(m,{title:"Flowsheet Data Grid with Row Selection",mdxType:"RowSelection"}))}x.isMDXComponent=!0},53560:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}}}]); \ No newline at end of file diff --git a/44007-6804b4762efb0832e354.css b/44007-6804b4762efb0832e354.css new file mode 100644 index 0000000000..6cd1d5bdc8 --- /dev/null +++ b/44007-6804b4762efb0832e354.css @@ -0,0 +1,5 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.Table-module__clinical-lowlight-theme___PqYJ8{--terra-html-table-background-color: #383f42;--terra-html-table-border: 1px solid #585a5c;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: none;--terra-html-table-header-cell-color: #1c1f21;--terra-html-table-header-cell-font-size: 1rem;--terra-html-table-header-cell-font-weight: bold;--terra-html-table-header-cell-border-right: 1px solid #585a5c;--terra-html-table-first-header-cell-border-left: 1px solid #585a5c;--terra-html-table-last-header-cell-border-right: 1px solid #585a5c;--terra-html-table-header-background-color: #909496;--terra-html-table-header-box-shadow: 0 4px 4px -3.5px #1c1f21, inset 0 0 0 1px #585a5c;--terra-html-table-header-row-border-bottom: 1px solid #585a5c;--terra-html-table-header-row-border-top: 1px solid #585a5c;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #b2b5b6;--terra-html-table-cell-font-size: 1rem;--terra-html-table-first-cell-border-left: 1px solid #585a5c;--terra-html-table-last-cell-border-right: 1px solid #585a5c;--terra-html-table-header-cell-standard-padding-bottom: 0.5rem;--terra-html-table-header-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-top: 0.5rem;--terra-html-table-header-cell-compact-padding-bottom: 0.25rem;--terra-html-table-header-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-top: 0.25rem;--terra-html-table-cell-standard-padding-bottom: 0.5rem;--terra-html-table-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-cell-standard-padding-top: 0.5rem;--terra-html-table-cell-compact-padding-bottom: 0.25rem;--terra-html-table-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-cell-compact-padding-top: 0.25rem;--terra-html-table-row-border-top: 1px solid #585a5c;--terra-html-table-last-row-border-bottom: 1px solid #585a5c;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #2d3539}.Table-module__orion-fusion-theme___d9rxf{--terra-html-table-background-color: transparent;--terra-html-table-border: 0;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: transparent;--terra-html-table-header-cell-color: #64696c;--terra-html-table-header-cell-font-size: 0.857142857rem;--terra-html-table-header-cell-font-weight: normal;--terra-html-table-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-first-header-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-background-color: #f4f4f4;--terra-html-table-header-box-shadow: none;--terra-html-table-header-row-border-bottom: 2px solid #64696c;--terra-html-table-header-row-border-top: 1px solid #c8cacb;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #1c1f21;--terra-html-table-cell-font-size: 0.857142857rem;--terra-html-table-first-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-cell-standard-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-top: 0.428571429rem;--terra-html-table-header-cell-compact-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-top: 0.428571429rem;--terra-html-table-cell-standard-padding-bottom: 0.8571428571rem;--terra-html-table-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-cell-standard-padding-top: 0.8571428571rem;--terra-html-table-cell-compact-padding-bottom: 0.8571428571rem;--terra-html-table-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-cell-compact-padding-top: 0.8571428571rem;--terra-html-table-row-border-top: 0;--terra-html-table-last-row-border-bottom: 1px solid #c8cacb;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #f4f4f4}.Table-module__table___eg2Mi{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___eg2Mi{background-color:transparent;background-color:var(--terra-html-table-background-color, transparent);border:0;border:var(--terra-html-table-border, 0);border-radius:0;border-radius:var(--terra-html-table-border-radius, 0)}[dir] .Table-module__table___eg2Mi caption{padding-bottom:.5em}.Table-module__table___eg2Mi tr{display:table-row}[dir] .Table-module__table___eg2Mi tr{margin-bottom:0}.Table-module__table___eg2Mi td,.Table-module__table___eg2Mi th{color:#1c1f21;color:var(--terra-html-table-cell-color, #1c1f21);display:table-cell;font-size:1rem;font-size:var(--terra-html-table-cell-font-size, 1rem);font-weight:normal;vertical-align:top}[dir] .Table-module__table___eg2Mi td, [dir] .Table-module__table___eg2Mi th{border:0}[dir=ltr] .Table-module__table___eg2Mi td, [dir=ltr] .Table-module__table___eg2Mi th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___eg2Mi td, [dir=rtl] .Table-module__table___eg2Mi th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___eg2Mi td:first-child, [dir=ltr] .Table-module__table___eg2Mi th:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:first-child, [dir=rtl] .Table-module__table___eg2Mi th:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi td:last-child, [dir=ltr] .Table-module__table___eg2Mi th:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:last-child, [dir=rtl] .Table-module__table___eg2Mi th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___eg2Mi thead th, [dir] .Table-module__table___eg2Mi thead td{border:0}[dir=ltr] .Table-module__table___eg2Mi thead th, [dir=ltr] .Table-module__table___eg2Mi thead td{border-right:1px solid rgba(200, 202, 203, 0.5);border-right:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:left}[dir=rtl] .Table-module__table___eg2Mi thead th, [dir=rtl] .Table-module__table___eg2Mi thead td{border-left:1px solid rgba(200, 202, 203, 0.5);border-left:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:right}[dir=ltr] .Table-module__table___eg2Mi thead th:first-child, [dir=ltr] .Table-module__table___eg2Mi thead td:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:first-child, [dir=rtl] .Table-module__table___eg2Mi thead td:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi thead th:last-child, [dir=ltr] .Table-module__table___eg2Mi thead td:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:last-child, [dir=rtl] .Table-module__table___eg2Mi thead td:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead{display:table-header-group}[dir] .Table-module__table___eg2Mi thead{background-color:#f1f1f2;background-color:var(--terra-html-table-header-background-color, #f1f1f2);box-shadow:0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5);box-shadow:var(--terra-html-table-header-box-shadow, 0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5))}[dir] .Table-module__table___eg2Mi thead tr{border-bottom:1px solid #b9bbbc;border-bottom:var(--terra-html-table-header-row-border-bottom, 1px solid #b9bbbc);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-header-row-border-top, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{color:#1c1f21;color:var(--terra-html-table-header-cell-color, #1c1f21);font-size:1rem;font-size:var(--terra-html-table-header-cell-font-size, 1rem);font-weight:bold;font-weight:var(--terra-html-table-header-cell-font-weight, bold);vertical-align:bottom}[dir] .Table-module__table___eg2Mi tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___eg2Mi tbody tr{background-color:transparent;background-color:var(--terra-html-table-row-background-color, transparent);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-row-border-top, 1px solid #dedfe0)}[dir] .Table-module__table___eg2Mi tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___eg2Mi tbody tr:last-of-type{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-html-table-last-row-border-bottom, 1px solid #dedfe0)}[dir] .Table-module__padding-standard___BfbC- th{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-header-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-header-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z th{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-header-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-header-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__padding-standard___BfbC- td{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z td{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__striped___n8xJe tbody tr:nth-of-type(even){background-color:#f6f7f8;background-color:var(--terra-html-table-row-striped-background-color, #f6f7f8)}@media print{.Table-module__table___eg2Mi thead{display:table-header-group}.Table-module__table___eg2Mi tr{page-break-inside:avoid}} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} +.TableWithCustomCells-module__custom-cell-header-wrapper___CXiRR{color:#656565} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} diff --git a/44013-49dc63cad0da6393b779.css b/44013-49dc63cad0da6393b779.css new file mode 100644 index 0000000000..74e5f46e64 --- /dev/null +++ b/44013-49dc63cad0da6393b779.css @@ -0,0 +1,3 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.Card-module__clinical-lowlight-theme___rpqXf{--terra-card-background-color: #222a2e;--terra-card-border-radius: 3px;--terra-card-border: 1px solid #181b1d;--terra-card-box-shadow: none;--terra-card-color: #b2b5b6;--terra-card-raised-box-shadow: 0 3px 8px -2px rgba(0, 0, 0, 0.18), 0 3px 10px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -3px rgba(0, 0, 0, 0.3)}.Card-module__orion-fusion-theme___QgHmr{--terra-card-background-color: #fff;--terra-card-border-radius: 0;--terra-card-border: 1px solid #c8cacb;--terra-card-box-shadow: none;--terra-card-color: inherit;--terra-card-raised-box-shadow: 2px 2px 0 0 rgba(28, 31, 33, 0.1), -2px 2px 0 0 rgba(28, 31, 33, 0.1), 0 4px 0 0 rgba(28, 31, 33, 0.04), 0 8px 0 -2px rgba(28, 31, 33, 0.03)}.Card-module__card___n9\+A2{color:var(--terra-card-color);overflow:hidden}[dir] .Card-module__card___n9\+A2{background-color:#fff;background-color:var(--terra-card-background-color, #fff);border:1px solid #c8cacb;border:var(--terra-card-border, 1px solid #c8cacb);border-radius:3px;border-radius:var(--terra-card-border-radius, 3px)}[dir] .Card-module__default___Pvv6U{box-shadow:none;box-shadow:var(--terra-card-box-shadow, none)}[dir] .Card-module__raised___OPyVO{box-shadow:0 3px 8px -2px rgba(0, 0, 0, 0.18), 0 3px 10px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -3px rgba(0, 0, 0, 0.3);box-shadow:var(--terra-card-raised-box-shadow, 0 3px 8px -2px rgba(0, 0, 0, 0.18), 0 3px 10px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -3px rgba(0, 0, 0, 0.3))} +.CardBody-module__orion-fusion-theme___Xdg9v{--terra-card-padding-bottom: 0.5rem;--terra-card-padding-left: 0.5rem;--terra-card-padding-right: 0.5rem;--terra-card-padding-top: 0.5rem}.CardBody-module__clinical-lowlight-theme___2YDc3{--terra-card-padding-bottom: 10px;--terra-card-padding-left: 10px;--terra-card-padding-right: 10px;--terra-card-padding-top: 10px}[dir] .CardBody-module__vertical-padding___xyd9u{padding-bottom:10px;padding-bottom:var(--terra-card-padding-bottom, 10px);padding-top:10px;padding-top:var(--terra-card-padding-top, 10px)}[dir=ltr] .CardBody-module__horizontal-padding___wGati{padding-left:10px;padding-left:var(--terra-card-padding-left, 10px);padding-right:10px;padding-right:var(--terra-card-padding-right, 10px)}[dir=rtl] .CardBody-module__horizontal-padding___wGati{padding-right:10px;padding-right:var(--terra-card-padding-left, 10px);padding-left:10px;padding-left:var(--terra-card-padding-right, 10px)}[dir] .CardBody-module__center-content___phyuy{text-align:center} diff --git a/44013-49dc63cad0da6393b779.js b/44013-49dc63cad0da6393b779.js new file mode 100644 index 0000000000..c4d32996be --- /dev/null +++ b/44013-49dc63cad0da6393b779.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[44013,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{54451:function(e,t,n){t.Z=void 0;var a=o(n(67294)),r=o(n(28301)),i=o(n(54120));function o(e){return e&&e.__esModule?e:{default:e}}t.Z=function(){return a.default.createElement("div",null,a.default.createElement(r.default,null,a.default.createElement(r.default.Body,null,a.default.createElement("div",null,a.default.createElement("p",null,"For over four decades, Cerner has pursued breakthrough innovation that’s helped shape the health care industry as we know it."),a.default.createElement(i.default,{text:"1979 Cerner is founded",level:3}),a.default.createElement("p",null,"Before leaving Arthur Andersen & Co. to form their own company, three young friends and co-workers sat around a picnic table at Loose Creek Park in Kansas City, Missouri brainstorming business ideas. It was here that Neal Patterson, Paul Gorup and Cliff Illig conceived PGI & Associates, the company that would eventually become Cerner."),a.default.createElement(i.default,{text:"2006 Cerner opens Healthe Clinic",level:3}),a.default.createElement("p",null,"The company’s first on-site health clinic opened on its World Headquarters campus."),a.default.createElement(i.default,null),a.default.createElement("p",null,"Since 1979, we’ve been proud to work at the intersection of health care and information technology to connect people and systems around the world.")))))}},22863:function(e,t,n){var a=n(64836);t.Z=void 0;var r=a(n(67294)),i=a(n(45697)),o=a(n(47166)),d=a(n(17422)),l=o.default.bind(d.default),s={name:i.default.string.isRequired,src:i.default.string,url:i.default.string,version:i.default.string.isRequired},u=function(e){var t=e.src,n=e.name,a=e.url,i=e.version,o=r.default.createElement("a",{className:l("badge"),href:a||"https://www.npmjs.org/package/".concat(n,"/v/").concat(i)},r.default.createElement("span",{className:l("badge-name")},a?"package":"npm"),r.default.createElement("span",{className:l("badge-version")},"v".concat(i))),d=t?r.default.createElement("a",{className:l("badge"),href:t},r.default.createElement("span",{className:l("badge-name")},"github"),r.default.createElement("span",{className:l("badge-version")},"source")):void 0;return r.default.createElement("div",{className:l("badge-container")},o,d)};u.propTypes=s;var c=u;t.Z=c},44013:function(e,t,n){n.r(t),n.d(t,{default:function(){return c}});n(67294);var a=n(81254),r=n(35300),i=n(54451),o=["components"];function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var s={},u="wrapper";function c(e){var t=e.components,n=l(e,o);return(0,a.mdx)(u,d({},s,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(r.C,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"accessibility-guide-for-terra--divider"},"Accessibility Guide for Terra Divider"),(0,a.mdx)("h2",{id:"why-is-accessibility-of-divider-important"},"Why is accessibility of Divider important"),(0,a.mdx)("blockquote",null,(0,a.mdx)("p",{parentName:"blockquote"},"The Divider component helps break content into logical sections. Dividers can be visual or have heading text assigned to describe the new content section. This component must be coded correctly and utilize proper content strategy when applicable to ensure understanding of the content section. At best inaccessible Dividers can cause confusion to people with disabilities. At worst, they can prevent users from navigating the page and understanding the proper context headings afford.")),(0,a.mdx)("h2",{id:"accessibility-considerations"},"Accessibility Considerations"),(0,a.mdx)("h3",{id:"code-considerations-what-do-engineers-need-to-do"},"Code Considerations: What do engineers need to do?"),(0,a.mdx)("div",{"aria-label":"Example Demo"},(0,a.mdx)(i.Z,{mdxType:"DividerExampleAccess"})),(0,a.mdx)("blockquote",null,(0,a.mdx)("pre",{parentName:"blockquote"},(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"const date1 = '1979 Cerner is founded';\nconst date2 = '2006 Cerner opens Healthe Clinic';\n\nconst DividerExampleAccess = () => (\n
    \n \n \n
    \n

    \n For over four decades, Cerner has pursued breakthrough innovation that’s helped shape the health care\n industry as we know it.\n

    \n \n

    \n Before leaving Arthur Andersen & Co. to form their own company, three young friends and co-workers\n sat around a picnic table at Loose Creek Park in Kansas City, Missouri brainstorming business\n ideas. It was here that Neal Patterson, Paul Gorup and Cliff Illig conceived PGI & Associates, the\n company that would eventually become Cerner.\n

    \n \n

    The company’s first on-site health clinic opened on its World Headquarters campus.

    \n \n

    \n Since 1979, we’ve been proud to work at the intersection of health care and information technology to\n connect people and systems around the world.\n

    \n
    \n     \n     \n
    \n);\n"))),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Engineers must work with content creators to ensure heading levels for all Dividers are appropriate for their placement on the page."),(0,a.mdx)("li",{parentName:"ul"},"Dividers with text cannot be heading level 1. Heading level 1 is reserved for the page’s title."),(0,a.mdx)("li",{parentName:"ul"},"Engineers must assign the proper heading level prop (H2-H6) to a Divider."),(0,a.mdx)("li",{parentName:"ul"},"Dividers with text must follow the correct heading level order based on its relationship to other headings in the flow of the page’s content.")),(0,a.mdx)("h3",{id:"content-considerations-what-do-content-creators-need-to-do"},"Content Considerations: What do content creators need to do?"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Dividers with text must act as a heading to describe the section.",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Ensure that the divider text accurately describes the content it represents."))),(0,a.mdx)("li",{parentName:"ul"},"Content creators must provide engineers with the desired heading text.",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Work with engineers to understand the content structure of the page to ensure heading levels for all Dividers are appropriate for their placement within the page.",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Dividers with text should never be a heading level 1."))))),(0,a.mdx)("li",{parentName:"ul"},"Best practice dictates that headings should be used to identify sections of content.",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"If a Divider is used with text, the Divider text will act as the appropriate heading."),(0,a.mdx)("li",{parentName:"ul"},"If no heading text is provided within the Divider, best practice would be to include a heading within the content after the divider.",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Dividers with no text should not have a heading level assigned to the Divider itself."))))),(0,a.mdx)("li",{parentName:"ul"},"If default theme colors are overridden, custom colors must meet proper contrast ratios.")),(0,a.mdx)("h2",{id:"usability-expectations"},"Usability Expectations"),(0,a.mdx)("h3",{id:"interaction-detail"},"Interaction Detail"),(0,a.mdx)("p",null,"Terra Divider is not interactable."),(0,a.mdx)("h3",{id:"keyboard-interactions"},"Keyboard Interactions"),(0,a.mdx)("p",null,"Because Terra Divider is not interactable, it does not get keyboard focus."),(0,a.mdx)("h2",{id:"support-compliance"},"Support Compliance"),(0,a.mdx)("h3",{id:"primary-accessibility-criteria-for-divider"},"Primary accessibility criteria for Divider"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships.html"},"1.3.1 Info and Relationships")," — Supports",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Terra provides consuming teams the ability to set the appropriate heading level."),(0,a.mdx)("li",{parentName:"ul"},"Engineers and content creators must ensure appropriate heading levels are applied to Dividers to convey proper content structure."),(0,a.mdx)("li",{parentName:"ul"},"Content creators must provide divider heading level to match the page structure."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/headings-and-labels.html"},"2.4.6 Headings and Labels")," — Supports",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Content creators must ensure headings and labels accurately describe the content the Divider is delineating."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/name-role-value.html"},"4.1.2 Name, Role, Value")," — Supports",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Terra provides teams ability set the appropriate heading level when Dividers use text."),(0,a.mdx)("li",{parentName:"ul"},"Engineers must assign a heading level to the Divider text.")))),(0,a.mdx)("h3",{id:"secondary-accessibility-criteria-for-divider"},"Secondary accessibility criteria for Divider"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/reflow.html"},"1.4.10 Reflow")," — Supports",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Terra Divider supports reflow when the viewport is resized to 320x256 pixels without losing information or function."),(0,a.mdx)("li",{parentName:"ul"},"Content creators must consider how content resizes and reflows at different viewpoints."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html"},"1.4.3 Contrast(Minimum)")," — Supports",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Text content within Divider must meet proper color contrast ratios for text."),(0,a.mdx)("li",{parentName:"ul"},"Content creators must ensure that text colors assigned to a Divider meet proper color contrast ratios.")))),(0,a.mdx)("h3",{id:"supported-features-and-technology-terra-to-update-as-needed-after-updates"},"Supported Features and Technology (TERRA TO UPDATE AS NEEDED AFTER UPDATES)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Keyboard Interactions"),(0,a.mdx)("li",{parentName:"ul"},"JAWS Support with Chrome (PC)"),(0,a.mdx)("li",{parentName:"ul"},"VoiceOver Support with Chrome, Safari (MAC)")),(0,a.mdx)("h2",{id:"linked-references"},"Linked References:"),(0,a.mdx)("ol",null,(0,a.mdx)("li",{parentName:"ol"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/tips/writing/#use-headings-to-convey-meaning-and-structure"},"W3C WAI Aria: Use heading to convey meaning and structure")),(0,a.mdx)("li",{parentName:"ol"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/"},"Web Content Accessibility Guidelines (WCAG)"))))}c.isMDXComponent=!0},35300:function(e,t,n){n.d(t,{C:function(){return i}});var a=n(67294),r=n(22863),i=function(e){var t=e.url;return a.createElement(r.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-divider",name:"terra-divider",version:"3.39.0",url:t})}},17422:function(e,t,n){n.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},13234:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Card-module__clinical-lowlight-theme___rpqXf","orion-fusion-theme":"Card-module__orion-fusion-theme___QgHmr",card:"Card-module__card___n9+A2",default:"Card-module__default___Pvv6U",raised:"Card-module__raised___OPyVO"}},64867:function(e,t,n){n.r(t),t.default={"orion-fusion-theme":"CardBody-module__orion-fusion-theme___Xdg9v","clinical-lowlight-theme":"CardBody-module__clinical-lowlight-theme___2YDc3","vertical-padding":"CardBody-module__vertical-padding___xyd9u","horizontal-padding":"CardBody-module__horizontal-padding___wGati","center-content":"CardBody-module__center-content___phyuy"}},28301:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=m(n(67294)),r=m(n(45697)),i=m(n(94184)),o=m(n(47166)),d=m(n(29270)),l=m(n(50026)),s=m(n(13234)),u=m(n(52926)),c=["children","variant","visuallyHiddenText"];function m(e){return e&&e.__esModule?e:{default:e}}function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var f=o.default.bind(s.default),v={children:r.default.node,variant:r.default.oneOf(["default","raised"]),visuallyHiddenText:r.default.string},g={variant:"default"},x=function(e){var t=e.children,n=e.variant,r=e.visuallyHiddenText,o=h(e,c),s=a.default.useContext(l.default),u=(0,i.default)(f(["card",n,s.className]),o.className),m=r?a.default.createElement(d.default,{text:r}):null;return a.default.createElement("article",p({},o,{className:u}),m,t)};x.propTypes=v,x.defaultProps=g,x.Body=u.default;t.default=x},52926:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=u(n(67294)),r=u(n(45697)),i=u(n(94184)),o=u(n(47166)),d=u(n(50026)),l=u(n(64867)),s=["children","hasPaddingVertical","hasPaddingHorizontal","isContentCentered"];function u(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var p=o.default.bind(l.default),h={children:r.default.node,hasPaddingVertical:r.default.bool,hasPaddingHorizontal:r.default.bool,isContentCentered:r.default.bool},f=function(e){var t=e.children,n=e.hasPaddingVertical,r=e.hasPaddingHorizontal,o=e.isContentCentered,l=m(e,s),u=a.default.useContext(d.default),h=(0,i.default)(p([{"vertical-padding":n},{"horizontal-padding":r},{"center-content":o},u.className]),l.className);return a.default.createElement("div",c({},l,{className:h}),t)};f.propTypes=h,f.defaultProps={hasPaddingHorizontal:!0,hasPaddingVertical:!0,isContentCentered:!1};t.default=f}}]); \ No newline at end of file diff --git a/44044-f1bd455532ceef66ce72.css b/44044-f1bd455532ceef66ce72.css new file mode 100644 index 0000000000..324cc58d65 --- /dev/null +++ b/44044-f1bd455532ceef66ce72.css @@ -0,0 +1,7 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.Table-module__clinical-lowlight-theme___PqYJ8{--terra-html-table-background-color: #383f42;--terra-html-table-border: 1px solid #585a5c;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: none;--terra-html-table-header-cell-color: #1c1f21;--terra-html-table-header-cell-font-size: 1rem;--terra-html-table-header-cell-font-weight: bold;--terra-html-table-header-cell-border-right: 1px solid #585a5c;--terra-html-table-first-header-cell-border-left: 1px solid #585a5c;--terra-html-table-last-header-cell-border-right: 1px solid #585a5c;--terra-html-table-header-background-color: #909496;--terra-html-table-header-box-shadow: 0 4px 4px -3.5px #1c1f21, inset 0 0 0 1px #585a5c;--terra-html-table-header-row-border-bottom: 1px solid #585a5c;--terra-html-table-header-row-border-top: 1px solid #585a5c;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #b2b5b6;--terra-html-table-cell-font-size: 1rem;--terra-html-table-first-cell-border-left: 1px solid #585a5c;--terra-html-table-last-cell-border-right: 1px solid #585a5c;--terra-html-table-header-cell-standard-padding-bottom: 0.5rem;--terra-html-table-header-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-top: 0.5rem;--terra-html-table-header-cell-compact-padding-bottom: 0.25rem;--terra-html-table-header-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-top: 0.25rem;--terra-html-table-cell-standard-padding-bottom: 0.5rem;--terra-html-table-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-cell-standard-padding-top: 0.5rem;--terra-html-table-cell-compact-padding-bottom: 0.25rem;--terra-html-table-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-cell-compact-padding-top: 0.25rem;--terra-html-table-row-border-top: 1px solid #585a5c;--terra-html-table-last-row-border-bottom: 1px solid #585a5c;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #2d3539}.Table-module__orion-fusion-theme___d9rxf{--terra-html-table-background-color: transparent;--terra-html-table-border: 0;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: transparent;--terra-html-table-header-cell-color: #64696c;--terra-html-table-header-cell-font-size: 0.857142857rem;--terra-html-table-header-cell-font-weight: normal;--terra-html-table-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-first-header-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-background-color: #f4f4f4;--terra-html-table-header-box-shadow: none;--terra-html-table-header-row-border-bottom: 2px solid #64696c;--terra-html-table-header-row-border-top: 1px solid #c8cacb;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #1c1f21;--terra-html-table-cell-font-size: 0.857142857rem;--terra-html-table-first-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-cell-standard-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-top: 0.428571429rem;--terra-html-table-header-cell-compact-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-top: 0.428571429rem;--terra-html-table-cell-standard-padding-bottom: 0.8571428571rem;--terra-html-table-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-cell-standard-padding-top: 0.8571428571rem;--terra-html-table-cell-compact-padding-bottom: 0.8571428571rem;--terra-html-table-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-cell-compact-padding-top: 0.8571428571rem;--terra-html-table-row-border-top: 0;--terra-html-table-last-row-border-bottom: 1px solid #c8cacb;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #f4f4f4}.Table-module__table___eg2Mi{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___eg2Mi{background-color:transparent;background-color:var(--terra-html-table-background-color, transparent);border:0;border:var(--terra-html-table-border, 0);border-radius:0;border-radius:var(--terra-html-table-border-radius, 0)}[dir] .Table-module__table___eg2Mi caption{padding-bottom:.5em}.Table-module__table___eg2Mi tr{display:table-row}[dir] .Table-module__table___eg2Mi tr{margin-bottom:0}.Table-module__table___eg2Mi td,.Table-module__table___eg2Mi th{color:#1c1f21;color:var(--terra-html-table-cell-color, #1c1f21);display:table-cell;font-size:1rem;font-size:var(--terra-html-table-cell-font-size, 1rem);font-weight:normal;vertical-align:top}[dir] .Table-module__table___eg2Mi td, [dir] .Table-module__table___eg2Mi th{border:0}[dir=ltr] .Table-module__table___eg2Mi td, [dir=ltr] .Table-module__table___eg2Mi th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___eg2Mi td, [dir=rtl] .Table-module__table___eg2Mi th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___eg2Mi td:first-child, [dir=ltr] .Table-module__table___eg2Mi th:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:first-child, [dir=rtl] .Table-module__table___eg2Mi th:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi td:last-child, [dir=ltr] .Table-module__table___eg2Mi th:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:last-child, [dir=rtl] .Table-module__table___eg2Mi th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___eg2Mi thead th, [dir] .Table-module__table___eg2Mi thead td{border:0}[dir=ltr] .Table-module__table___eg2Mi thead th, [dir=ltr] .Table-module__table___eg2Mi thead td{border-right:1px solid rgba(200, 202, 203, 0.5);border-right:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:left}[dir=rtl] .Table-module__table___eg2Mi thead th, [dir=rtl] .Table-module__table___eg2Mi thead td{border-left:1px solid rgba(200, 202, 203, 0.5);border-left:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:right}[dir=ltr] .Table-module__table___eg2Mi thead th:first-child, [dir=ltr] .Table-module__table___eg2Mi thead td:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:first-child, [dir=rtl] .Table-module__table___eg2Mi thead td:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi thead th:last-child, [dir=ltr] .Table-module__table___eg2Mi thead td:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:last-child, [dir=rtl] .Table-module__table___eg2Mi thead td:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead{display:table-header-group}[dir] .Table-module__table___eg2Mi thead{background-color:#f1f1f2;background-color:var(--terra-html-table-header-background-color, #f1f1f2);box-shadow:0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5);box-shadow:var(--terra-html-table-header-box-shadow, 0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5))}[dir] .Table-module__table___eg2Mi thead tr{border-bottom:1px solid #b9bbbc;border-bottom:var(--terra-html-table-header-row-border-bottom, 1px solid #b9bbbc);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-header-row-border-top, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{color:#1c1f21;color:var(--terra-html-table-header-cell-color, #1c1f21);font-size:1rem;font-size:var(--terra-html-table-header-cell-font-size, 1rem);font-weight:bold;font-weight:var(--terra-html-table-header-cell-font-weight, bold);vertical-align:bottom}[dir] .Table-module__table___eg2Mi tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___eg2Mi tbody tr{background-color:transparent;background-color:var(--terra-html-table-row-background-color, transparent);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-row-border-top, 1px solid #dedfe0)}[dir] .Table-module__table___eg2Mi tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___eg2Mi tbody tr:last-of-type{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-html-table-last-row-border-bottom, 1px solid #dedfe0)}[dir] .Table-module__padding-standard___BfbC- th{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-header-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-header-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z th{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-header-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-header-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__padding-standard___BfbC- td{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z td{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__striped___n8xJe tbody tr:nth-of-type(even){background-color:#f6f7f8;background-color:var(--terra-html-table-row-striped-background-color, #f6f7f8)}@media print{.Table-module__table___eg2Mi thead{display:table-header-group}.Table-module__table___eg2Mi tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} +.MockThemeComponent-module__mock-theme-component___pAqu8{color:#fff;color:var(--terra-framework-docs-theme-provider-mock-color, #fff);display:inline;display:var(--terra-framework-docs-theme-provider-mock-display, inline)}[dir] .MockThemeComponent-module__mock-theme-component___pAqu8{background-color:#000;background-color:var(--terra-framework-docs-theme-provider-mock-background-color, #000)} +.cerner-mock-theme{--terra-base-font-size: 20px;--terra-base-background-color: #f00;--terra-base-color: #0f0;--terra-framework-docs-theme-provider-mock-background-color: #f00;--terra-framework-docs-theme-provider-mock-color: #00f;--terra-framework-docs-theme-provider-mock-display: inline-block} +[dir] .DefaultThemeProvider-module__theme-switcher-wrapper___kqJun{margin-bottom:1rem} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} diff --git a/44044-f1bd455532ceef66ce72.js b/44044-f1bd455532ceef66ce72.js new file mode 100644 index 0000000000..2cd2dea31b --- /dev/null +++ b/44044-f1bd455532ceef66ce72.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[44044,45627,37344,33667,96890,79482,85565,3353,5161,80858,14041,45865,16835,85355,3193,4845,27444,17657,46647,16873,85161,66097,38681,15318,40411,18101,33315,38443,11264,34319,78996,39915,33442],{22863:function(e,t,n){var a=n(64836);t.Z=void 0;var r=a(n(67294)),l=a(n(45697)),o=a(n(47166)),m=a(n(17422)),d=o.default.bind(m.default),i={name:l.default.string.isRequired,src:l.default.string,url:l.default.string,version:l.default.string.isRequired},u=function(e){var t=e.src,n=e.name,a=e.url,l=e.version,o=r.default.createElement("a",{className:d("badge"),href:a||"https://www.npmjs.org/package/".concat(n,"/v/").concat(l)},r.default.createElement("span",{className:d("badge-name")},a?"package":"npm"),r.default.createElement("span",{className:d("badge-version")},"v".concat(l))),m=t?r.default.createElement("a",{className:d("badge"),href:t},r.default.createElement("span",{className:d("badge-name")},"github"),r.default.createElement("span",{className:d("badge-version")},"source")):void 0;return r.default.createElement("div",{className:d("badge-container")},o,m)};u.propTypes=i;var c=u;t.Z=c},49271:function(e,t,n){var a=n(64836),r=n(18698);t.Z=void 0;var l=a(n(27424)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==r(e)&&"function"!=typeof e)return{default:e};var n=f(t);if(n&&n.has(e))return n.get(e);var a={},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var m=l?Object.getOwnPropertyDescriptor(e,o):null;m&&(m.get||m.set)?Object.defineProperty(a,o,m):a[o]=e[o]}a.default=e,n&&n.set(e,a);return a}(n(67294)),m=a(n(45697)),d=a(n(47166)),i=n(21538),u=a(n(33864)),c=a(n(23399)),s=n(51051),p=a(n(53560));function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(f=function(e){return e?n:t})(e)}var h=d.default.bind(p.default),v={example:m.default.element,exampleSrc:m.default.element,exampleCssSrc:m.default.element,title:m.default.string,description:m.default.node,isExpanded:m.default.bool},x=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},_=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},b=function(e){var t=e.example,n=e.exampleSrc,a=e.exampleCssSrc,r=e.title,m=e.description,d=e.isExpanded,p=(0,o.useState)(d),f=(0,l.default)(p,2),v=f[0],b=f[1],g=(0,o.useState)(!1),y=(0,l.default)(g,2),T=y[0],w=y[1],E=o.default.useContext(i.ThemeContext),N=void 0!==a,C=function(){w(!T),v&&b(!v)},O=function(){b(!v),T&&w(!T)},S=function(e,t){e.nativeEvent.keyCode!==s.KEY_SPACE&&e.nativeEvent.keyCode!==s.KEY_RETURN||(e.preventDefault(),t())};return o.default.createElement("div",{className:h("template",E.className)},o.default.createElement("div",{className:h("header")},r&&o.default.createElement("h2",{className:h("title")},r)),o.default.createElement("div",{className:h("content")},m&&o.default.createElement("div",{className:h("description")},m),t),o.default.createElement("div",{className:h("footer")},n?o.default.createElement("div",{className:h("button-container")},N&&o.default.createElement("button",{type:"button",className:h("css-toggle","item",{"is-selected":T}),onClick:C,onKeyDown:function(e){return S(e,C)},onBlur:x,onMouseDown:_,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(u.default,{className:h("chevron")}),o.default.createElement("span",null,"CSS"),o.default.createElement(c.default,{className:h("chevron")})),o.default.createElement("button",{type:"button",className:h("code-toggle","item",{"is-selected":v}),onClick:O,onKeyDown:function(e){return S(e,O)},onBlur:x,onMouseDown:_,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(u.default,{className:h("chevron")}),o.default.createElement("span",null,"Code"),o.default.createElement(c.default,{className:h("chevron")}))):null,o.default.createElement("div",null,T&&o.default.createElement("div",{className:h("css")},a),v&&o.default.createElement("div",{className:h("code")},n))))};b.propTypes=v,b.defaultProps={isExpanded:!1};var g=b;t.Z=g},13114:function(e,t,n){var a=n(64836);t.Z=void 0;var r=a(n(56690)),l=a(n(89728)),o=a(n(66115)),m=a(n(61655)),d=a(n(94993)),i=a(n(73808)),u=a(n(67294)),c=a(n(47166)),s=a(n(61018)),p=a(n(7645)),f=a(n(36928));function h(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,a=(0,i.default)(e);if(t){var r=(0,i.default)(this).constructor;n=Reflect.construct(a,arguments,r)}else n=a.apply(this,arguments);return(0,d.default)(this,n)}}var v=c.default.bind(f.default),x=function(e){(0,m.default)(n,e);var t=h(n);function n(e){var a;return(0,r.default)(this,n),(a=t.call(this,e)).state={theme:""},a.handleThemeChange=a.handleThemeChange.bind((0,o.default)(a)),a}return(0,l.default)(n,[{key:"handleThemeChange",value:function(e){this.setState({theme:e.target.value})}},{key:"render",value:function(){var e;return e=window.CSS&&window.CSS.supports&&window.CSS.supports("(--fake-var: 0)")?u.default.createElement("div",{className:v("theme-switcher-wrapper")},u.default.createElement("label",{htmlFor:"theme"}," Theme: "),u.default.createElement("select",{id:"theme",value:this.state.theme,onChange:this.handleThemeChange},u.default.createElement("option",{value:""},"Default"),u.default.createElement("option",{value:"cerner-mock-theme"},"Mock Theme"))):u.default.createElement("div",null),u.default.createElement("div",null,u.default.createElement("div",null,e),u.default.createElement(s.default,{themeName:this.state.theme},u.default.createElement("div",null,u.default.createElement(p.default,null,"Themable component"))))}}]),n}(u.default.Component);t.Z=x},7645:function(e,t,n){var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=a(n(10434)),l=a(n(70215)),o=a(n(67294)),m=a(n(45697)),d=a(n(47166)),i=a(n(82946));n(40336);var u=["children"],c=d.default.bind(i.default),s={children:m.default.node.isRequired},p=function(e){var t=e.children,n=(0,l.default)(e,u);return o.default.createElement("div",(0,r.default)({},n,{className:c("mock-theme-component",n.className)}),t)};p.propTypes=s;t.default=p},83141:function(e,t,n){n.r(t),n.d(t,{default:function(){return k}});var a=n(67294),r=n(81254),l=n(91607),o=n(78530),m=["components"];function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var u={},c="wrapper";function s(e){var t=e.components,n=i(e,m);return(0,r.mdx)(c,d({},u,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(o.ZP,{mdxType:"PropsTable"},(0,r.mdx)(o.X2,{key:"ROW1",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"children"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,r.mdx)(o.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The component(s) that will be wrapped by ",(0,r.mdx)("inlineCode",{parentName:"p"},"")))),(0,r.mdx)(o.X2,{key:"ROW2",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"themeName"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Name of class for specified theme")))))}s.isMDXComponent=!0;var p=n(13114),f=["components"];function h(){return h=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var x={};function _(e){var t=e.components,n=v(e,f);return(0,r.mdx)("wrapper",h({},x,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport classNames from 'classnames/bind';\nimport ThemeProvider from 'terra-theme-provider';\nimport MockThemeComponent from './MockThemeComponent';\nimport styles from './DefaultThemeProvider.module.scss';\n\nconst cx = classNames.bind(styles);\n\nclass DefaultThemeProvider extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n theme: '',\n };\n this.handleThemeChange = this.handleThemeChange.bind(this);\n }\n\n handleThemeChange(e) {\n this.setState({ theme: e.target.value });\n }\n\n render() {\n let themeSwitcher;\n\n function supportsCSSVars() {\n // This eslint rule complains of the lack of .CSS support in IE, which is exactly what this line is intended to detect.\n // eslint-disable-next-line compat/compat\n return window.CSS && window.CSS.supports && window.CSS.supports('(--fake-var: 0)');\n }\n\n if (supportsCSSVars()) {\n themeSwitcher = (\n
    \n \n \n
    \n );\n } else {\n themeSwitcher = (\n
    \n );\n }\n\n return (\n
    \n
    {themeSwitcher}
    \n \n
    \n Themable component\n
    \n     \n
    \n );\n }\n}\n\nexport default DefaultThemeProvider;\n\n")))}_.isMDXComponent=!0;var b=n(49271),g=["components"];function y(){return y=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var w={};function E(e){var t=e.components,n=T(e,g);return(0,r.mdx)("wrapper",y({},w,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .theme-switcher-wrapper {\n margin-bottom: 1rem;\n }\n}\n\n")))}E.isMDXComponent=!0;var N=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(b.Z,{title:t||"Default Theme Provider",description:n,example:a.createElement(p.Z,null),exampleCssSrc:a.createElement(E,null),exampleSrc:a.createElement(_,null),isExpanded:r})},C=["components"];function O(){return O=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var P={},j="wrapper";function k(e){var t=e.components,n=S(e,C);return(0,r.mdx)(j,O({},P,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(l.C,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-theme-provider"},"Terra Theme Provider"),(0,r.mdx)("p",null,"The theme provider component provides a theme to Terra UI components via CSS custom properties a.k.a CSS variables. This is accomplished by setting a CSS class, generated from the ",(0,r.mdx)("inlineCode",{parentName:"p"},"themeName")," prop, which contains defined CSS custom properties for the specified theme on the ",(0,r.mdx)("inlineCode",{parentName:"p"},"html")," element."),(0,r.mdx)("p",null,(0,r.mdx)("strong",{parentName:"p"},"Note:")),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"The CSS custom properties applied via the theme provided only works in browsers which have native support for CSS custom properties.")),(0,r.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Install with ",(0,r.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"npm install terra-theme-provider"))))),(0,r.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,r.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,r.mdx)("table",null,(0,r.mdx)("thead",{parentName:"table"},(0,r.mdx)("tr",{parentName:"thead"},(0,r.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,r.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,r.mdx)("tbody",{parentName:"table"},(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react"),(0,r.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,r.mdx)("td",{parentName:"tr",align:null},"^16.8.5")))),(0,r.mdx)("h2",{id:"usage"},"Usage"),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-js"},"import ThemeProvider from 'terra-theme-provider';\n")),(0,r.mdx)("h2",{id:"examples"},"Examples"),(0,r.mdx)(N,{title:"Example Theme Provider",mdxType:"DefaultThemeProvider"}),(0,r.mdx)("h2",{id:"theme-provider-props-table"},"Theme Provider Props Table"),(0,r.mdx)(s,{mdxType:"ThemeProviderPropsTable"}))}k.isMDXComponent=!0},91607:function(e,t,n){n.d(t,{C:function(){return l}});var a=n(67294),r=n(22863),l=function(e){var t=e.url;return a.createElement(r.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-theme-provider",name:"terra-theme-provider",version:"4.13.0",url:t})}},17422:function(e,t,n){n.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},53560:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},36928:function(e,t,n){n.r(t),t.default={"theme-switcher-wrapper":"DefaultThemeProvider-module__theme-switcher-wrapper___kqJun"}},82946:function(e,t,n){n.r(t),t.default={"mock-theme-component":"MockThemeComponent-module__mock-theme-component___pAqu8"}},40336:function(e,t,n){n.r(t),t.default={}},33864:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=l(n(67294)),r=l(n(99139));function l(e){return e&&e.__esModule?e:{default:e}}function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(m[l]=e[l]);return m}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(m[l]=e[l])}return m}var i={},u="wrapper";function p(e){var a=e.components,l=r(e,n);return(0,d.mdx)(u,t({},i,l,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)("h1",{id:"changelog"},"Changelog"),(0,d.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,d.mdx)("h2",{id:"4380---july-31-2023"},"4.38.0 - (July 31, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4370---july-19-2023"},"4.37.0 - (July 19, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4360---february-14-2023"},"4.36.0 - (February 14, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated WDIO screenshots due to webpack-config-terra and\nterra-functional-testing upgrade.")))),(0,d.mdx)("h2",{id:"4350---march-15-2022"},"4.35.0 - (March 15, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Migrate docs to terra-framework-docs")))),(0,d.mdx)("h2",{id:"4340---september-20-2021"},"4.34.0 - (September 20, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated WDIO screenshots due to webpack-config-terra sass upgrade.")))),(0,d.mdx)("h2",{id:"4330---july-21-2021"},"4.33.0 - (July 21, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated ",(0,d.mdx)("inlineCode",{parentName:"li"},"terra-icon")," from ",(0,d.mdx)("inlineCode",{parentName:"li"},"v3.1.0")," to ",(0,d.mdx)("inlineCode",{parentName:"li"},"v3.19.0"),".")))),(0,d.mdx)("h2",{id:"4320---june-8-2021"},"4.32.0 - (June 8, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4310---april-6-2021"},"4.31.0 - (April 6, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,d.mdx)("h2",{id:"4300---march-9-2021"},"4.30.0 - (March 9, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated to terra-functional-testing")))),(0,d.mdx)("h2",{id:"4290---february-2-2021"},"4.29.0 - (February 2, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed re-declaration of $ ignore")))),(0,d.mdx)("h2",{id:"4280---january-5-2021"},"4.28.0 - (January 5, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation.")))),(0,d.mdx)("h2",{id:"4270---november-10-2020"},"4.27.0 - (November 10, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed build failures due to the react/sort-comp rule")))),(0,d.mdx)("h2",{id:"4260---august-4-2020"},"4.26.0 - (August 4, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated Changelog format")))),(0,d.mdx)("h2",{id:"4250---july-14-2020"},"4.25.0 - (July 14, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"updated ",(0,d.mdx)("inlineCode",{parentName:"li"},"master")," references to ",(0,d.mdx)("inlineCode",{parentName:"li"},"main"),"."),(0,d.mdx)("li",{parentName:"ul"},"Minor file changes to comply with eslint rules")))),(0,d.mdx)("h2",{id:"4240---june-2-2020"},"4.24.0 - (June 2, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Apply themes by context and directly include packaged themes.")))),(0,d.mdx)("h2",{id:"4230---april-28-2020"},"4.23.0 - (April 28, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"directory")," as a sub attribute to the ",(0,d.mdx)("inlineCode",{parentName:"li"},"repository")," attribute in package.json"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge')))),(0,d.mdx)("h2",{id:"4220---march-31-2020"},"4.22.0 - (March 31, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,d.mdx)("h2",{id:"4210---march-3-2020"},"4.21.0 - (March 3, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update docs to use MDX syntax.")))),(0,d.mdx)("h2",{id:"4200---february-18-2020"},"4.20.0 - (February 18, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme theming files")))),(0,d.mdx)("h2",{id:"4190---january-28-2020"},"4.19.0 - (January 28, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update copyright to include 2020")))),(0,d.mdx)("h2",{id:"4180---january-7-2020"},"4.18.0 - (January 7, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added new WDIO screenshots")))),(0,d.mdx)("h2",{id:"4170---december-10-2019"},"4.17.0 - (December 10, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},'Added reference wdio screenshots for "orion-fusion-theme".')))),(0,d.mdx)("h2",{id:"4160---november-7-2019"},"4.16.0 - (November 7, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"4150---october-16-2019"},"4.15.0 - (October 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"4140---october-3-2019"},"4.14.0 - (October 3, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"4130---september-26-2019"},"4.13.0 - (September 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"4120---september-19-2019"},"4.12.0 - (September 19, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site."),(0,d.mdx)("li",{parentName:"ul"},"Doc site example module import syntax modified to use package.json name resolution")))),(0,d.mdx)("h2",{id:"4110---september-6-2019"},"4.11.0 - (September 6, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files")))),(0,d.mdx)("h2",{id:"4100---august-21-2019"},"4.10.0 - (August 21, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Replaced Object.assign syntax with Object spread syntax")))),(0,d.mdx)("h2",{id:"490---august-14-2019"},"4.9.0 - (August 14, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"updated package.json test scripts")))),(0,d.mdx)("h2",{id:"480---july-30-2019"},"4.8.0 - (July 30, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Removed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed DEPENDENCIES.md file")))),(0,d.mdx)("h2",{id:"470---july-16-2019"},"4.7.0 - (July 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies")))),(0,d.mdx)("h2",{id:"460---july-10-2019"},"4.6.0 - (July 10, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"450---july-2-2019"},"4.5.0 - (July 2, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Renamed test and example SCSS files to end with ",(0,d.mdx)("inlineCode",{parentName:"li"},".module.scss")," extension")))),(0,d.mdx)("h2",{id:"440---june-19-2019"},"4.4.0 - (June 19, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed all inline styles from Dev-site components and implemented the same styles using external css."),(0,d.mdx)("li",{parentName:"ul"},"Update wdio specs to use Terra.describeViewports")))),(0,d.mdx)("h2",{id:"430---june-12-2019"},"4.3.0 - (June 12, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added ARIA landmark roles"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update tests for terra-toolkit v5 and terra-dev-site v5 changes"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore")))),(0,d.mdx)("h2",{id:"420---may-21-2019"},"4.2.0 - (May 21, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added hard-coded breakpoint values to LayoutUtils.js"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed dependency on terra-responsive-element")))),(0,d.mdx)("h2",{id:"410---may-15-2019"},"4.1.0 - (May 15, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,d.mdx)("h2",{id:"400---may-13-2019"},"4.0.0 - (May 13, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Breaking Change"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update react-router-dom peerDependency to latest stable major release"),(0,d.mdx)("li",{parentName:"ul"},"Updated tabbable dependency to ^4.0.0"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update skip to content link handling to only temporary set tabindex to prevent keyboard page scroll bug")))),(0,d.mdx)("h2",{id:"340---april-24-2019"},"3.4.0 - (April 24, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Moved packages we use solely in doc examples and tests to devDependencies")))),(0,d.mdx)("h2",{id:"330---april-2-2019"},"3.3.0 - (April 2, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated snapshots to account for Overlay's ",(0,d.mdx)("inlineCode",{parentName:"li"},"rootProp")," default value from ",(0,d.mdx)("inlineCode",{parentName:"li"},"[data-terra-base]")," to ",(0,d.mdx)("inlineCode",{parentName:"li"},"#root"))))),(0,d.mdx)("h2",{id:"320---march-26-2019"},"3.2.0 - (March 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,d.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,d.mdx)("h2",{id:"310---february-5-2019"},"3.1.0 - (February 5, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,d.mdx)("h2",{id:"300---january-25-2019"},"3.0.0 - (January 25, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Breaking Change"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated variable names to match new naming standard"),(0,d.mdx)("li",{parentName:"ul"},"Added new variables for css theming"),(0,d.mdx)("li",{parentName:"ul"},"Removed variables for css theming"),(0,d.mdx)("li",{parentName:"ul"},"Updated terra-core dependencies"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Remove use of componentWillReceiveProps")))),(0,d.mdx)("h2",{id:"2230---january-5-2019"},"2.23.0 - (January 5, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,d.mdx)("h2",{id:"2220---january-2-2019"},"2.22.0 - (January 2, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Shim for ",(0,d.mdx)("inlineCode",{parentName:"li"},"
    ")," tag IE compatibility added to ",(0,d.mdx)("inlineCode",{parentName:"li"},"_LayoutSlidePanel"))))),(0,d.mdx)("h2",{id:"2210---december-5-2018"},"2.21.0 - (December 5, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,d.mdx)("h2",{id:"2200---december-3-2018"},"2.20.0 - (December 3, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency bump")))),(0,d.mdx)("h2",{id:"2190---november-15-2018"},"2.19.0 - (November 15, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added focus management to shift between layout panel and toggle button when it is opened and closed"),(0,d.mdx)("li",{parentName:"ul"},"Regenerated jest snapshots"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated snapshots due to dependency updates")))),(0,d.mdx)("h2",{id:"2180---october-16-2018"},"2.18.0 - (October 16, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added id of terra-main to the main node")))),(0,d.mdx)("h2",{id:"2170---october-8-2018"},"2.17.0 - (October 8, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated links in docs on supported features")))),(0,d.mdx)("h2",{id:"2160---september-25-2018"},"2.16.0 - (September 25, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed terra-base duplicate from dependencies (kept instance in peerDependencies)")))),(0,d.mdx)("h2",{id:"2150---september-11-2018"},"2.15.0 - (September 11, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Made content area a main node")))),(0,d.mdx)("h2",{id:"2140---september-5-2018"},"2.14.0 - (September 5, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,d.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,d.mdx)("h2",{id:"2130---august-30-2018"},"2.13.0 - (August 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v5 update")))),(0,d.mdx)("h2",{id:"2120---august-13-2018"},"2.12.0 - (August 13, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v4 update"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Lint errors regarding file path resolution")))),(0,d.mdx)("h2",{id:"2110---july-26-2018"},"2.11.0 - (July 26, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated to use terra-responsive-element v3")))),(0,d.mdx)("h2",{id:"2100---july-25-2018"},"2.10.0 - (July 25, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Add .module extension to SCSS file(s)")))),(0,d.mdx)("h2",{id:"290---july-3-2018"},"2.9.0 - (July 3, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Change logs to documentation on terra-dev-site")))),(0,d.mdx)("h2",{id:"280---june-29-2018"},"2.8.0 - (June 29, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"270---june-12-2018"},"2.7.0 - (June 12, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"260---may-30-2018"},"2.6.0 - (May 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Moved examples to src")))),(0,d.mdx)("h2",{id:"250---may-22-2018"},"2.5.0 - (May 22, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"240---april-30-2018"},"2.4.0 - (April 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates"),(0,d.mdx)("li",{parentName:"ul"},"Do not release snapshots to npm")))),(0,d.mdx)("h2",{id:"230---april-13-2018"},"2.3.0 - (April 13, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"220---march-23-2018"},"2.2.0 - (March 23, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Returned promises from toggleMenu/togglePin"),(0,d.mdx)("li",{parentName:"ul"},"Updated menu overlay styles.")))),(0,d.mdx)("h2",{id:"210---march-6-2018"},"2.1.0 - (March 6, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Remove the hover functionality from the layout panel at the medium breakpoint."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added npmrc file with package-lock set to false.")))),(0,d.mdx)("h2",{id:"200---february-21-2018"},"2.0.0 - (February 21, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated to use React 16")))),(0,d.mdx)("h2",{id:"120---february-15-2018"},"1.2.0 - (February 15, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Nightwatch tests raw route now sets the size of the layout."),(0,d.mdx)("li",{parentName:"ul"},"Content is no longer visible when the slide panel is hidden.")))),(0,d.mdx)("h2",{id:"110---january-23-2018"},"1.1.0 - (January 23, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Debounce to resize of layout"),(0,d.mdx)("li",{parentName:"ul"},"Use display none on the hover section when hidden."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updating tests to point to new terra-framework-site location.")))),(0,d.mdx)("h2",{id:"100---november-17-2017"},"1.0.0 - (November 17, 2017)"),(0,d.mdx)("p",null,"Initial stable release"))}p.isMDXComponent=!0;var x=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(m[l]=e[l]);return m}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(m[l]=e[l])}return m}var s={},c="wrapper";function h(e){var a=e.components,l=N(e,x);return(0,d.mdx)(c,o({},s,l,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)(m.C,{mdxType:"Badge"}),(0,d.mdx)(p,{mdxType:"ChangeLog"}))}h.isMDXComponent=!0},65911:function(e,a,l){l.d(a,{C:function(){return n}});var d=l(67294),m=l(22863),n=function(e){var a=e.url;return d.createElement(m.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-layout",name:"terra-layout",version:"4.38.0",url:a})}},17422:function(e,a,l){l.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/4539-bcd59bb0cee10f22ca93.css b/4539-bcd59bb0cee10f22ca93.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/4539-bcd59bb0cee10f22ca93.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/4539-bcd59bb0cee10f22ca93.js b/4539-bcd59bb0cee10f22ca93.js new file mode 100644 index 0000000000..4b59f61239 --- /dev/null +++ b/4539-bcd59bb0cee10f22ca93.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[4539,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,a,n){var t=n(64836);a.Z=void 0;var r=t(n(67294)),i=t(n(45697)),m=t(n(47166)),o=t(n(17422)),d=m.default.bind(o.default),l={name:i.default.string.isRequired,src:i.default.string,url:i.default.string,version:i.default.string.isRequired},u=function(e){var a=e.src,n=e.name,t=e.url,i=e.version,m=r.default.createElement("a",{className:d("badge"),href:t||"https://www.npmjs.org/package/".concat(n,"/v/").concat(i)},r.default.createElement("span",{className:d("badge-name")},t?"package":"npm"),r.default.createElement("span",{className:d("badge-version")},"v".concat(i))),o=a?r.default.createElement("a",{className:d("badge"),href:a},r.default.createElement("span",{className:d("badge-name")},"github"),r.default.createElement("span",{className:d("badge-version")},"source")):void 0;return r.default.createElement("div",{className:d("badge-container")},m,o)};u.propTypes=l;var s=u;a.Z=s},4539:function(e,a,n){n.r(a),n.d(a,{default:function(){return u}});n(67294);var t=n(81254),r=n(7114),i=["components"];function m(){return m=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(r[n]=e[n]);return r}(e,a);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var d={},l="wrapper";function u(e){var a=e.components,n=o(e,i);return(0,t.mdx)(l,m({},d,n,{components:a,mdxType:"MDXLayout"}),(0,t.mdx)(r.C,{mdxType:"Badge"}),(0,t.mdx)("h1",{id:"terra-navigation-side-menu-upgrade-guide"},"Terra Navigation Side Menu Upgrade Guide"),(0,t.mdx)("h2",{id:"changes-from-version-1-to-version-2"},"Changes from version 1 to version 2"),(0,t.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,t.mdx)("h4",{id:"renamed"},"Renamed"),(0,t.mdx)("table",null,(0,t.mdx)("thead",{parentName:"table"},(0,t.mdx)("tr",{parentName:"thead"},(0,t.mdx)("th",{parentName:"tr",align:null},"Previous"),(0,t.mdx)("th",{parentName:"tr",align:null},"New"))),(0,t.mdx)("tbody",{parentName:"table"},(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-navigation-side-menu-item-size"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-navigation-side-menu-item-font-size")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-navigation-side-menu-item-selected-background-image"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-navigation-side-menu-item-selected-before-background-image")))),(0,t.mdx)("h4",{id:"added"},"Added"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"--terra-navigation-side-menu-list-item-background-color"),(0,t.mdx)("li",{parentName:"ul"},"--terra-navigation-side-menu-item-hover-chevron-color"),(0,t.mdx)("li",{parentName:"ul"},"--terra-navigation-side-menu-item-hover-background-color"),(0,t.mdx)("li",{parentName:"ul"},"--terra-navigation-side-menu-item-hover-color"),(0,t.mdx)("li",{parentName:"ul"},"--terra-navigation-side-menu-item-focus-background-color"),(0,t.mdx)("li",{parentName:"ul"},"--terra-navigation-side-menu-item-focus-box-shadow"),(0,t.mdx)("li",{parentName:"ul"},"--terra-navigation-side-menu-item-focus-chevron-color"),(0,t.mdx)("li",{parentName:"ul"},"--terra-navigation-side-menu-item-active-background-color"),(0,t.mdx)("li",{parentName:"ul"},"--terra-navigation-side-menu-item-active-chevron-color"),(0,t.mdx)("li",{parentName:"ul"},"--terra-navigation-side-menu-item-selected-chevron-color"),(0,t.mdx)("li",{parentName:"ul"},"--terra-navigation-side-menu-item-selected-hover-background-color"),(0,t.mdx)("li",{parentName:"ul"},"--terra-navigation-side-menu-item-selected-hover-chevron-color"),(0,t.mdx)("li",{parentName:"ul"},"--terra-navigation-side-menu-item-selected-focus-background-color"),(0,t.mdx)("li",{parentName:"ul"},"--terra-navigation-side-menu-item-selected-focus-color"),(0,t.mdx)("li",{parentName:"ul"},"--terra-navigation-side-menu-item-selected-focus-chevron-color"),(0,t.mdx)("li",{parentName:"ul"},"--terra-navigation-side-menu-item-chevron-padding-left"),(0,t.mdx)("li",{parentName:"ul"},"--terra-navigation-side-menu-item-chevron-height"),(0,t.mdx)("li",{parentName:"ul"},"--terra-navigation-side-menu-item-chevron-width"),(0,t.mdx)("li",{parentName:"ul"},"--terra-navigation-side-menu-content-container-background-color"),(0,t.mdx)("li",{parentName:"ul"},"--terra-navigation-side-menu-content-container-header-background-color"),(0,t.mdx)("li",{parentName:"ul"},"--terra-navigation-side-menu-content-container-main-background-color"),(0,t.mdx)("li",{parentName:"ul"},"--terra-navigation-side-menu-action-header-box-shadow"),(0,t.mdx)("li",{parentName:"ul"},"--terra-navigation-side-menu-item-selected-background-attachment"),(0,t.mdx)("li",{parentName:"ul"},"--terra-navigation-side-menu-item-selected-background-size"),(0,t.mdx)("li",{parentName:"ul"},"--terra-navigation-side-menu-item-selected-before-background-image"),(0,t.mdx)("li",{parentName:"ul"},"--terra-navigation-side-menu-item-chevron-color")),(0,t.mdx)("h4",{id:"removed"},"Removed"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"--terra-navigation-side-menu-item-box-shadow")))}u.isMDXComponent=!0},7114:function(e,a,n){n.d(a,{C:function(){return i}});var t=n(67294),r=n(22863),i=function(e){var a=e.url;return t.createElement(r.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-navigation-side-menu",name:"terra-navigation-side-menu",version:"2.48.0",url:a})}},17422:function(e,a,n){n.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/45627-bf261c2e99d08e879391.css b/45627-bf261c2e99d08e879391.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/45627-bf261c2e99d08e879391.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/45684-110181e40edd71a32864.css b/45684-110181e40edd71a32864.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/45684-110181e40edd71a32864.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/45684-110181e40edd71a32864.js b/45684-110181e40edd71a32864.js new file mode 100644 index 0000000000..2633e0da45 --- /dev/null +++ b/45684-110181e40edd71a32864.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[45684,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,a,r){var t=r(64836);a.Z=void 0;var n=t(r(67294)),o=t(r(45697)),l=t(r(47166)),s=t(r(17422)),u=l.default.bind(s.default),c={name:o.default.string.isRequired,src:o.default.string,url:o.default.string,version:o.default.string.isRequired},i=function(e){var a=e.src,r=e.name,t=e.url,o=e.version,l=n.default.createElement("a",{className:u("badge"),href:t||"https://www.npmjs.org/package/".concat(r,"/v/").concat(o)},n.default.createElement("span",{className:u("badge-name")},t?"package":"npm"),n.default.createElement("span",{className:u("badge-version")},"v".concat(o))),s=a?n.default.createElement("a",{className:u("badge"),href:a},n.default.createElement("span",{className:u("badge-name")},"github"),n.default.createElement("span",{className:u("badge-version")},"source")):void 0;return n.default.createElement("div",{className:u("badge-container")},l,s)};i.propTypes=c;var d=i;a.Z=d},45684:function(e,a,r){r.r(a),r.d(a,{default:function(){return i}});r(67294);var t=r(81254),n=r(20249),o=["components"];function l(){return l=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(n[r]=e[r]);return n}(e,a);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}var u={},c="wrapper";function i(e){var a=e.components,r=s(e,o);return(0,t.mdx)(c,l({},u,r,{components:a,mdxType:"MDXLayout"}),(0,t.mdx)(n.C,{mdxType:"Badge"}),(0,t.mdx)("h1",{id:"terra-table-upgrade-guide"},"Terra Table Upgrade Guide"),(0,t.mdx)("h2",{id:"changes-from-4x-to-50"},"Changes from 4.x to 5.0"),(0,t.mdx)("p",null,"Terra table will no longer support grid-like (focus, keyboard navigation, etc) functionality and now behaves more like a native, accessible table. See the Docs for new functionality."))}i.isMDXComponent=!0},20249:function(e,a,r){r.d(a,{C:function(){return o}});var t=r(67294),n=r(22863),o=function(e){var a=e.url;return t.createElement(n.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-table",name:"terra-table",version:"5.2.0",url:a})}},17422:function(e,a,r){r.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/45865-b9fb77653e4e4618cd19.css b/45865-b9fb77653e4e4618cd19.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/45865-b9fb77653e4e4618cd19.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/46022-ac0cb518783e0b93e69b.js b/46022-ac0cb518783e0b93e69b.js new file mode 100644 index 0000000000..f9bea3a3c6 --- /dev/null +++ b/46022-ac0cb518783e0b93e69b.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[46022],{95794:function(e,t,n){t.Z=void 0;var r=d(n(67294)),a=d(n(45697)),i=d(n(94184)),o=d(n(47166)),l=d(n(85984)),s=["newline"];function d(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var m=o.default.bind(l.default),p={newline:a.default.oneOf([1,2,3,4,5,6,7,8])},f=function(e){var t=e.newline,n=c(e,s),a=(0,i.default)(m("whitespace","newline-".concat(t)),n.className);return r.default.createElement("div",u({},n,{className:a,"aria-hidden":"true"}))};f.propTypes=p,f.defaultProps={newline:1};t.Z=f},37364:function(e,t,n){function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=d(n(67294)),i=d(n(45697)),o=d(n(16772)),l=d(n(30659)),s=["children","heading","text","isAnimated","isOpen","sectionHeaderAttrs"];function d(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}function f(e,t){for(var n=0;ne.length)&&(t=e.length);for(var n=0,r=new Array(t);n=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var m=i.default.bind(l.default),p=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},f=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},h={children:a.default.string},b=function(e){var t=e.children,n=c(e,s),a=r.default.useContext(o.default),l=(0,i.default)(m(["button",a.className]),n.className);return r.default.createElement("button",u({},n,{type:"button",className:l,onBlur:p,onMouseDown:f,"data-focus-styles-enabled":!0}),t)};b.propTypes=h;t.default=b},59278:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=s(n(67294)),a=s(n(45697)),i=s(n(47166)),o=s(n(50026)),l=s(n(30866));function s(e){return e&&e.__esModule?e:{default:e}}var d=i.default.bind(l.default),u={ariaLevel:a.default.oneOf(["2","3","4","5","6"]),children:a.default.node,variant:a.default.oneOf(["ux-recommendation","caution","deprecation","maintenance","important","not-supported"])},c=function(e){var t=e.ariaLevel,n=e.variant,a=e.children,i=r.default.useContext(o.default);return r.default.createElement("div",{className:d("notice",n,i.className)},r.default.createElement("div",{className:d("accessory"),"aria-hidden":"true",focusable:"false"}),r.default.createElement("div",{role:"heading",className:d("title"),"aria-level":t},r.default.createElement("span",null,function(e){return"ux-recommendation"===e?"UX Recommendation":"caution"===e?"Caution":"deprecation"===e?"Deprecation Notice":"maintenance"===e?"In Maintenance":"important"===e?"Important":"not-supported"===e?"Hazards for Incorrect Usage":"error"}(n))),r.default.createElement("div",{className:d("children")},function(e){return"not-supported"===e?r.default.createElement(r.default.Fragment,null,r.default.createElement("p",{className:d("paragraph")},"This component was designed and tested according to the documented implementation."),r.default.createElement("p",{className:d("paragraph")},"Using the component incorrectly:",r.default.createElement("ul",{className:d("list")},r.default.createElement("li",null,"will likely result in improper composition and create accessibility issues"),r.default.createElement("li",null,"may cause erratic or broken behaviors and styles"),r.default.createElement("li",null,r.default.createElement("strong",null,"will not be supported "),"or enhanced to allow for incorrect use")))):null}(n),r.default.Children.map(a,(function(e){return"string"==typeof e?r.default.createElement("p",null,e):e}))))};c.propTypes=u,c.defaultProps={ariaLevel:"2",variant:"important"};t.default=c},47306:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=u(n(67294)),a=u(n(45697)),i=u(n(94184)),o=u(n(47166)),l=u(n(50026)),s=u(n(42620)),d=["title"];function u(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var p=o.default.bind(s.default),f={title:a.default.string},h=function(e){var t=e.title,n=m(e,d),a=r.default.useContext(l.default),o=(0,i.default)(p(["placeholder",a.className]),n.className),s=p(["inner"]);return r.default.createElement("div",c({},n,{className:o}),r.default.createElement("div",{className:s},r.default.createElement("p",{className:p("title")},t)))};h.propTypes=f,h.defaultProps={title:""};t.default=h},34261:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Button",{enumerable:!0,get:function(){return i.default}}),Object.defineProperty(t,"Notice",{enumerable:!0,get:function(){return r.default}}),Object.defineProperty(t,"Placeholder",{enumerable:!0,get:function(){return a.default}});var r=o(n(59278)),a=o(n(47306)),i=o(n(40996));function o(e){return e&&e.__esModule?e:{default:e}}},46022:function(e,t,n){n.r(t),n.d(t,{default:function(){return m}});n(67294);var r=n(81254),a=n(59889),i=(n(34261),n(95794)),o=n(95513),l=["components"];function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var u={},c="wrapper";function m(e){var t=e.components,n=d(e,l);return(0,r.mdx)(c,s({},u,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(a.C,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"accessibility-guide-for-terra-section-header"},"Accessibility Guide for Terra Section Header"),(0,r.mdx)("h2",{id:"why-the-accessibility-of-terra-section-header"},"Why the accessibility of Terra Section Header?"),(0,r.mdx)("blockquote",null,(0,r.mdx)("p",{parentName:"blockquote"},"The accessibility of Section Headers is important because headers are used on virtually every page and in every product. Section Headers convey the visual and programmatic structure and informational hierarchy of the page. The context headings provide also help users understand what to expect within the content. However, if section headers are not coded correctly or use words that accurately describe the content they represent, they can cause confusion, prevent users from understanding, and create accessibility barriers."),(0,r.mdx)("p",{parentName:"blockquote"},"The code behind the headings provides context to the structure of the page and allows additional navigational methods for some assistive technology users. Improperly coded headings create accessibility barriers to these users.")),(0,r.mdx)("h2",{id:"accessibility-considerations"},"Accessibility Considerations."),(0,r.mdx)("h3",{id:"content-considerations"},"Content Considerations"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Ensure each Section Header has a meaningful label that describe the purpose of the heading.",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Section Headers must accurately describe the content they represent."),(0,r.mdx)("li",{parentName:"ul"},"Provide engineers the meaningful label that matches for each heading."))),(0,r.mdx)("li",{parentName:"ul"},"Work with engineers to convey the structure of the page.",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"For each heading on the page, provide the engineers with an appropriate heading level to use to match the placement of the heading on the page."))),(0,r.mdx)("li",{parentName:"ul"},"When implementing section header, do not override default theme colors of section header to ensure the Section Header be easily perceived against its background color. If changing the default colors, the text color must meet a minimum contrast ratio against the background color. See ",(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html"},"WCAG 1.4.3 Contrast Minimum")," and ",(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/non-text-contrast.html"},"1.4.11 Non-text Content")," for more information."),(0,r.mdx)("li",{parentName:"ul"},"Do not cause any unexpected events to occur on focus or on input of any actionable controls.")),(0,r.mdx)("h3",{id:"code-considerations"},"Code Considerations"),(0,r.mdx)("blockquote",null,(0,r.mdx)("ul",{parentName:"blockquote"},(0,r.mdx)("li",{parentName:"ul"},"Section Headers must programmatically have a heading level that is set to match the structure of its placement on the page. Work with the Content creators to understand what level to assign each Section Header used.",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Developers must apply the appropriate heading levels (1 to 6) prop to the heading. The heading level should match the hierarchical structure of the page. ",(0,r.mdx)("div",{"aria-label":"Example Demo"},(0,r.mdx)(o.Z,{mdxType:"AccordionSectionHeaderAccess"})))))),(0,r.mdx)("pre",{parentName:"blockquote"},(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},'const AccordionSectionHeader = () => {\n const [isOpen, setIsOpen] = useState(false);\n\n const handleClick = () => {\n setIsOpen(!isOpen);\n };\n\n const sectionHeaderProps = {\n isOpen,\n level: 3,\n onClick: handleClick,\n };\n\n return (\n
    \n \n \n \n

    Cats

    \n

    Dogs

    \n

    Dust

    \n

    Mold

    \n

    Latex

    \n     \n     \n     \n
    \n );\n};\n')),(0,r.mdx)("ul",{parentName:"blockquote"},(0,r.mdx)("li",{parentName:"ul"},"Terra Section Headers must always follow the correct heading level order and arrangement for where it is placed within other content on the page."),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("strong",{parentName:"li"},"IMPORTANT"),": If a value to the ",(0,r.mdx)("inlineCode",{parentName:"li"},"level")," prop is not provided, default heading level will be rendered with heading ",(0,r.mdx)("inlineCode",{parentName:"li"},"text")," which would not be appropriate if level is not provided as per its placement in an application."),(0,r.mdx)("li",{parentName:"ul"},"For accessibility best practices, it is recommended that consumers should always use ",(0,r.mdx)("inlineCode",{parentName:"li"},"only one")," ",(0,r.mdx)("inlineCode",{parentName:"li"},"

    ")," per page or view. The one ",(0,r.mdx)("inlineCode",{parentName:"li"},"

    ")," should be the page title.",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"A section header should never be a heading level 1."))),(0,r.mdx)("li",{parentName:"ul"},"Do not implement any action to activate on the down event. All actions must be initiated on the up event."))),(0,r.mdx)("h2",{id:"usability-expectations"},"Usability Expectations:"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"User expects headings to describe the content they represent."),(0,r.mdx)("li",{parentName:"ul"},"User does not expect to navigate to or interact with a Section Header unless it is expandable or collapsible.")),(0,r.mdx)("h2",{id:"interaction-details"},"Interaction Details"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Terra Section Header, when expandable or collapsible, must be able to be accessed, interacted with, and acted upon using only the keyboard. Engineers must also ensure actional elements inside a Section Header can:"),(0,r.mdx)("li",{parentName:"ul"},"Receive focus in the logical reading order of the user."),(0,r.mdx)("li",{parentName:"ul"},"Display a visible keyboard focus when the control is in focus."),(0,r.mdx)("li",{parentName:"ul"},"Setting a Tabindex should not be required. However, if any elements are assigned a Tabindex, it is critical that a Tabindex higher than 0 is never used.")),(0,r.mdx)("h3",{id:"keyboard-navigation"},"Keyboard Navigation"),(0,r.mdx)("p",null,"The basic keyboard navigation expectations: "),(0,r.mdx)("table",null,(0,r.mdx)("thead",{parentName:"table"},(0,r.mdx)("tr",{parentName:"thead"},(0,r.mdx)("th",{parentName:"tr",align:null},"Key/Sequence"),(0,r.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,r.mdx)("tbody",{parentName:"table"},(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("em",{parentName:"td"},"Tab")),(0,r.mdx)("td",{parentName:"tr",align:null},"Moves focus on to and off an expandable/collapsible Section Header. User expects to navigate from element to interactable element User expects elements to receive focus in the logical reading order of the page.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("em",{parentName:"td"},"Space & Enter")),(0,r.mdx)("td",{parentName:"tr",align:null},"When focus is on the Section Header of a collapsed section, expands the section and vice-versa.")))),(0,r.mdx)(i.Z,{newline:4,mdxType:"Whitespace"}),(0,r.mdx)("h2",{id:"support-compliance"},"Support Compliance:"),(0,r.mdx)("h3",{id:"primary-criteria-related-to-terra-section-header"},"Primary criteria related to Terra Section Header"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships.html"},"1.3.1 Info and Relationships")," — Supports ",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Terra provides the ability for information, structure, and relationships to be programmatically determined. "),(0,r.mdx)("li",{parentName:"ul"},"Engineers must ensure any visual relationship with a section header and other content that conveys meaning must programmatically set associations to the content for visual relationships can be understood by screen reader users."),(0,r.mdx)("li",{parentName:"ul"},"Content creators should provide engineering with Section Header level to match structure within the page. Must also express to the engineer any visual relationships of a Section Header to other content for them to ensure engineers can programmatically convey the visual relationships."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/headings-and-labels.html"},"2.4.6 Headings and Labels")," — Supports",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Terra provides the ability to create labels that are descriptive of their purpose. "),(0,r.mdx)("li",{parentName:"ul"},"Engineers must implement meaningful text for labels to accurately describe their purpose. "),(0,r.mdx)("li",{parentName:"ul"},"Content creators must ensure Section Headers and labels accurately describe the purpose of the content they represent. ")))),(0,r.mdx)("h3",{id:"other-accessibility-criteria-consuming-teams-are-responsible-for"},"Other accessibility criteria consuming teams are responsible for"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/non-text-content.html"},"1.1.1 Non-text Content")," — Supports",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Terra provides the ability to use icons inside a Section Header."),(0,r.mdx)("li",{parentName:"ul"},"Engineers must ensure appropriate alternate content is added to graphics, icons, or images that convey meaning. "),(0,r.mdx)("li",{parentName:"ul"},"Content creators must provide engineers with alternate content that conveys meaning to the user. "))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/meaningful-sequence.html"},"1.3.2 Meaningful Sequence")," - Supports",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Terra Section Header provides the ability for components to be presented in the order in which they are coded."),(0,r.mdx)("li",{parentName:"ul"},"Engineers must ensure content is meaningful and logical. If there is a visual presentation of content that is important for the user to understand, that must be available programmatically."),(0,r.mdx)("li",{parentName:"ul"},"Content creator must ensure content is read in a meaningful and logical order so as to not lose context. Must also convey to the engineers any visual presentation of the use of Section Header which creates meaning in the order so that it can be programmatically understood."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/reflow.html"},"1.4.10 Reflow")," — Supports",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Terra provides the ability for components to reflow when the viewport is resized to 320x256 px without loss of information or function."),(0,r.mdx)("li",{parentName:"ul"},"Engineers must ensure content within Terra Section Header can reflow when the viewport is resized to 320 x 256 px without scrolling in two directions or loss of information or functionality."),(0,r.mdx)("li",{parentName:"ul"},"Content creators must consider the responsive nature of Terra Section Header and provide engineers guidance on how it should content should reflow when the viewport is resized to 320 x 256 px"))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/non-text-contrast.html"},"1.4.11 Non-Text Contrast")," — Supports",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Terra provides components that, by default, meet color contrast requirements. "),(0,r.mdx)("li",{parentName:"ul"},"Content creators must ensure any graphical elements used within Section Header that convey information meets a 3:1 color contrast ratio."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html"},"1.4.3 Contrast (Minimum)")," — Supports",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Terra Section Header provides components that, by default, meet color contrast requirements."),(0,r.mdx)("li",{parentName:"ul"},"Engineers must work with content creators to implement Section Header so that Section Header text color and the background color meet appropriate color contrast ratios."),(0,r.mdx)("li",{parentName:"ul"},"Content creators must ensure that the Section Header text color meets the appropriate contrast ratio against background color(s) based on text size of the visual structure text. Contrast ratios should be above 4.5:1 for normal text and 3:1 for bold and large text."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/keyboard.html"},"2.1.1 Keyboard")," — Supports",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Terra provides the ability for all interactable elements to receive focus, be interacted with, and be acted upon via keyboard."),(0,r.mdx)("li",{parentName:"ul"},"Engineers must ensure that all interactable elements can receive focus, be interacted with, and are able to be acted upon using the keyboard."),(0,r.mdx)("li",{parentName:"ul"},"Content creators must ensure that all interactable elements can receive focus, be interacted with, and are able to be acted upon using the keyboard."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/focus-order.html"},"2.4.3 Focus Order")," — Supports",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Terra provides the ability for actionable components to receive focus in the order they are coded."),(0,r.mdx)("li",{parentName:"ul"},"Engineers must ensure that the focus order is expected and preserves page meaning. Code order should follow the logical reading order of the user. Though a TABINDEX attribute should not be required to ensure keyboard use, if used, never use a TABINDEX value higher than 0. "),(0,r.mdx)("li",{parentName:"ul"},"Content creators should convey to the engineers the logical reading order of the page."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/focus-visible.html"},"2.4.7 Focus Visible")," — Supports",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Terra provides the ability for actionable elements to receive visual focus."),(0,r.mdx)("li",{parentName:"ul"},"Engineers must ensure a visible keyboard focus is maintained on all interactive elements. "),(0,r.mdx)("li",{parentName:"ul"},"Content creators must inform engineers that whenever Section Header receives focus, the focus must be visible and maintain existing Terra Keyboard Focus styles."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/pointer-cancellation.html"},"2.5.2 Pointer Cancellation")," — Supports",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Terra components use the up event to perform actions."),(0,r.mdx)("li",{parentName:"ul"},"Engineers must ensure actionable controls always take on the up event (never the down event)."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/on-focus.html"},"3.2.1 On Focus")," — Supports ",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Terra components do not cause a change of context on focus by default."),(0,r.mdx)("li",{parentName:"ul"},"Engineers must ensure that no unexpected change of context happens when interactive elements receive focus."),(0,r.mdx)("li",{parentName:"ul"},"Content creators must inform engineers that Section Header should not cause any change when an interactable control receives focus. "))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/consistent-identification.html"},"3.2.4 Consistent Identification")," — Supports ",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Terra provides the ability for elements to be consistently identified. "),(0,r.mdx)("li",{parentName:"ul"},"Engineers must ensure that elements used for the same function are identified consistently."),(0,r.mdx)("li",{parentName:"ul"},"Content creators must ensure any icons used are used to represent the same function consistently. Additionally, the alternate content used to describe icons must be consistent for users to understand their function predictably."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/parsing.html"},"4.1.1 Parsing")," — Supports ",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Terra components are tested and validated before release to ensure proper code parsing. "),(0,r.mdx)("li",{parentName:"ul"},"Engineers must ensure their code is valid HTML."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/name-role-value.html"},"4.1.2 Name, Role, Value")," — Supports ",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Terra provides the ability for ",(0,r.mdx)("inlineCode",{parentName:"li"},"Name")," ",(0,r.mdx)("inlineCode",{parentName:"li"},"Role"),", and ",(0,r.mdx)("inlineCode",{parentName:"li"},"Value")," attributes to be programmatically determined so as to be read by screen readers. "),(0,r.mdx)("li",{parentName:"ul"},"Engineers must ensure child elements added into Section Header have an accessible name, proper role, and value for the intended use. "),(0,r.mdx)("li",{parentName:"ul"},"Content creators must provide engineers with names to appropriately identify controls added within Section Header.")))),(0,r.mdx)("h3",{id:"supported-features-and-technology"},"Supported Features and Technology."),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Keyboard Interactions"),(0,r.mdx)("li",{parentName:"ul"},"JAWS Support with Chrome (PC)."),(0,r.mdx)("li",{parentName:"ul"},"Voice Over Support with Chrome, Safari (MAC)."),(0,r.mdx)("li",{parentName:"ul"},"Speech Input Interactions with assistive technology."),(0,r.mdx)("li",{parentName:"ul"},"Mobile Touch Interactions with Screen Reader assistive technology.")),(0,r.mdx)("h3",{id:"partial-support--requiring-further-enhancement"},"Partial Support & Requiring Further Enhancement."),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://github.com/cerner/terra-core/issues/new/choose"},"Report a problem with this component on GitHub"))),(0,r.mdx)("h2",{id:"references"},"References:"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/"},"Web Content Accessibility Guidelines (WCAG) ")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://webaim.org/techniques/semanticstructure/#headings"},"WebAim.org: Semantic Structure: Regions, Headings, and Lists")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://webaim.org/techniques/keyboard/"},"WebAim.org: Keyboard Accessibility"))))}m.isMDXComponent=!0},59889:function(e,t,n){n.d(t,{C:function(){return i}});var r=n(67294),a=n(22863),i=function(e){var t=e.url;return r.createElement(a.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-section-header",name:"terra-section-header",version:"2.65.0",url:t})}},85984:function(e,t,n){n.r(t),t.default={whitespace:"Whitespace-module__whitespace___nfEbP","newline-1":"Whitespace-module__newline-1___JsrIt","newline-2":"Whitespace-module__newline-2___Q0uWI","newline-3":"Whitespace-module__newline-3___Q94cX","newline-4":"Whitespace-module__newline-4___20zS-","newline-5":"Whitespace-module__newline-5___nHyJ-","newline-6":"Whitespace-module__newline-6___TGqYR","newline-7":"Whitespace-module__newline-7___4YsCl","newline-8":"Whitespace-module__newline-8___NTNEl"}},17422:function(e,t,n){n.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},66983:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Button-module__clinical-lowlight-theme___TyZWB","orion-fusion-theme":"Button-module__orion-fusion-theme___q-FcQ",button:"Button-module__button___QuCn2","is-active":"Button-module__is-active___Z8AuK"}},30866:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Notice-module__clinical-lowlight-theme___aa5xV","orion-fusion-theme":"Notice-module__orion-fusion-theme___QAE-T",notice:"Notice-module__notice___GWkPA",children:"Notice-module__children___lDYsm",accessory:"Notice-module__accessory___wkLOG",title:"Notice-module__title___6H5tc","ux-recommendation":"Notice-module__ux-recommendation___N8BuK",caution:"Notice-module__caution___hPrVl",deprecation:"Notice-module__deprecation___g1drA",maintenance:"Notice-module__maintenance___kWLIZ",important:"Notice-module__important___p5DiF","not-supported":"Notice-module__not-supported___34bHd",paragraph:"Notice-module__paragraph___5h-w1",list:"Notice-module__list___M2Kxj"}},42620:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Placeholder-module__clinical-lowlight-theme___Obm9K","orion-fusion-theme":"Placeholder-module__orion-fusion-theme___svHY+",placeholder:"Placeholder-module__placeholder___ZZDXd",inner:"Placeholder-module__inner___fJq9o",title:"Placeholder-module__title___teBSo"}},13234:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Card-module__clinical-lowlight-theme___rpqXf","orion-fusion-theme":"Card-module__orion-fusion-theme___QgHmr",card:"Card-module__card___n9+A2",default:"Card-module__default___Pvv6U",raised:"Card-module__raised___OPyVO"}},64867:function(e,t,n){n.r(t),t.default={"orion-fusion-theme":"CardBody-module__orion-fusion-theme___Xdg9v","clinical-lowlight-theme":"CardBody-module__clinical-lowlight-theme___2YDc3","vertical-padding":"CardBody-module__vertical-padding___xyd9u","horizontal-padding":"CardBody-module__horizontal-padding___wGati","center-content":"CardBody-module__center-content___phyuy"}},28301:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=m(n(67294)),a=m(n(45697)),i=m(n(94184)),o=m(n(47166)),l=m(n(29270)),s=m(n(50026)),d=m(n(13234)),u=m(n(52926)),c=["children","variant","visuallyHiddenText"];function m(e){return e&&e.__esModule?e:{default:e}}function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var h=o.default.bind(d.default),b={children:a.default.node,variant:a.default.oneOf(["default","raised"]),visuallyHiddenText:a.default.string},g={variant:"default"},y=function(e){var t=e.children,n=e.variant,a=e.visuallyHiddenText,o=f(e,c),d=r.default.useContext(s.default),u=(0,i.default)(h(["card",n,d.className]),o.className),m=a?r.default.createElement(l.default,{text:a}):null;return r.default.createElement("article",p({},o,{className:u}),m,t)};y.propTypes=b,y.defaultProps=g,y.Body=u.default;t.default=y},52926:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=u(n(67294)),a=u(n(45697)),i=u(n(94184)),o=u(n(47166)),l=u(n(50026)),s=u(n(64867)),d=["children","hasPaddingVertical","hasPaddingHorizontal","isContentCentered"];function u(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var p=o.default.bind(s.default),f={children:a.default.node,hasPaddingVertical:a.default.bool,hasPaddingHorizontal:a.default.bool,isContentCentered:a.default.bool},h=function(e){var t=e.children,n=e.hasPaddingVertical,a=e.hasPaddingHorizontal,o=e.isContentCentered,s=m(e,d),u=r.default.useContext(l.default),f=(0,i.default)(p([{"vertical-padding":n},{"horizontal-padding":a},{"center-content":o},u.className]),s.className);return r.default.createElement("div",c({},s,{className:f}),t)};h.propTypes=f,h.defaultProps={hasPaddingHorizontal:!0,hasPaddingVertical:!0,isContentCentered:!1};t.default=h}}]); \ No newline at end of file diff --git a/46116-6cd029f2a88935caf315.css b/46116-6cd029f2a88935caf315.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/46116-6cd029f2a88935caf315.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/46116-6cd029f2a88935caf315.js b/46116-6cd029f2a88935caf315.js new file mode 100644 index 0000000000..9978d9e062 --- /dev/null +++ b/46116-6cd029f2a88935caf315.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[46116,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,a,r){var t=r(64836);a.Z=void 0;var n=t(r(67294)),d=t(r(45697)),l=t(r(47166)),o=t(r(17422)),u=l.default.bind(o.default),m={name:d.default.string.isRequired,src:d.default.string,url:d.default.string,version:d.default.string.isRequired},s=function(e){var a=e.src,r=e.name,t=e.url,d=e.version,l=n.default.createElement("a",{className:u("badge"),href:t||"https://www.npmjs.org/package/".concat(r,"/v/").concat(d)},n.default.createElement("span",{className:u("badge-name")},t?"package":"npm"),n.default.createElement("span",{className:u("badge-version")},"v".concat(d))),o=a?n.default.createElement("a",{className:u("badge"),href:a},n.default.createElement("span",{className:u("badge-name")},"github"),n.default.createElement("span",{className:u("badge-version")},"source")):void 0;return n.default.createElement("div",{className:u("badge-container")},l,o)};s.propTypes=m;var i=s;a.Z=i},46116:function(e,a,r){r.r(a),r.d(a,{default:function(){return s}});r(67294);var t=r(81254),n=r(7680),d=["components"];function l(){return l=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(n[r]=e[r]);return n}(e,a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}var u={},m="wrapper";function s(e){var a=e.components,r=o(e,d);return(0,t.mdx)(m,l({},u,r,{components:a,mdxType:"MDXLayout"}),(0,t.mdx)(n.C,{mdxType:"Badge"}),(0,t.mdx)("h1",{id:"terra-overlay-upgrade-guide"},"Terra Overlay Upgrade Guide"),(0,t.mdx)("h2",{id:"changes-from-version-2-to-version-3"},"Changes from version 2 to version 3"),(0,t.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,t.mdx)("h4",{id:"renamed"},"Renamed"),(0,t.mdx)("table",null,(0,t.mdx)("thead",{parentName:"table"},(0,t.mdx)("tr",{parentName:"thead"},(0,t.mdx)("th",{parentName:"tr",align:null},"Previous"),(0,t.mdx)("th",{parentName:"tr",align:null},"New"))),(0,t.mdx)("tbody",{parentName:"table"},(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-overlay-dark-background-color"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-overlay-dark-background")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-overlay-light-background-color"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-overlay-light-background")))),(0,t.mdx)("h4",{id:"added"},"Added"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"--terra-overlay-dark-content-text-shadow"),(0,t.mdx)("li",{parentName:"ul"},"--terra-overlay-light-content-text-shadow")))}s.isMDXComponent=!0},7680:function(e,a,r){r.d(a,{C:function(){return d}});var t=r(67294),n=r(22863),d=function(e){var a=e.url;return t.createElement(n.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-overlay",name:"terra-overlay",version:"3.80.0",url:a})}},17422:function(e,a,r){r.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/46593-3bd5fc63553ae01ed918.js b/46593-3bd5fc63553ae01ed918.js new file mode 100644 index 0000000000..dc4152a6f5 --- /dev/null +++ b/46593-3bd5fc63553ae01ed918.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[46593],{22863:function(e,t,n){var a=n(64836);t.Z=void 0;var r=a(n(67294)),l=a(n(45697)),d=a(n(47166)),i=a(n(17422)),o=d.default.bind(i.default),m={name:l.default.string.isRequired,src:l.default.string,url:l.default.string,version:l.default.string.isRequired},u=function(e){var t=e.src,n=e.name,a=e.url,l=e.version,d=r.default.createElement("a",{className:o("badge"),href:a||"https://www.npmjs.org/package/".concat(n,"/v/").concat(l)},r.default.createElement("span",{className:o("badge-name")},a?"package":"npm"),r.default.createElement("span",{className:o("badge-version")},"v".concat(l))),i=t?r.default.createElement("a",{className:o("badge"),href:t},r.default.createElement("span",{className:o("badge-name")},"github"),r.default.createElement("span",{className:o("badge-version")},"source")):void 0;return r.default.createElement("div",{className:o("badge-container")},d,i)};u.propTypes=m;var p=u;t.Z=p},8877:function(e,t,n){var a=n(64836),r=n(18698);t.Z=void 0;var l=a(n(27424)),d=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=u(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var d in e)if("default"!==d&&Object.prototype.hasOwnProperty.call(e,d)){var i=l?Object.getOwnPropertyDescriptor(e,d):null;i&&(i.get||i.set)?Object.defineProperty(a,d,i):a[d]=e[d]}return a.default=e,n&&n.set(e,a),a}(n(67294)),i=a(n(80008)),o=a(n(45697)),m=a(n(27671));function u(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(u=function(e){return e?n:t})(e)}var p={value:o.default.string},s={value:void 0},c=function(e){var t=e.value,n=(0,d.useState)(t),a=(0,l.default)(n,2),r=a[0],i=a[1],o=(0,d.useState)(""),u=(0,l.default)(o,2),p=u[0],s=u[1],c=(0,d.useState)(""),f=(0,l.default)(c,2),x=f[0],y=f[1];return d.default.createElement("div",null,d.default.createElement("h3",null,"Selected Value:"," ",d.default.createElement("span",{id:"selected-date"},r),d.default.createElement("br",null),d.default.createElement("br",null),"ISO String:"," ",d.default.createElement("span",{id:"iso"},p),d.default.createElement("br",null),d.default.createElement("br",null),"Formatted Value:"," ",d.default.createElement("span",{id:"formatted-date"},x)),d.default.createElement(m.default,{onChange:function(e,t,n){i(t),s(t),y(n)},value:r}))};c.propTypes=p,c.defaultProps=s;t.Z=function(){return d.default.createElement(c,{value:(0,i.default)().format("YYYY-MM-DD")})}},83078:function(e,t,n){var a=n(64836);t.Z=void 0;var r=a(n(67294)),l=a(n(27671));t.Z=function(){return r.default.createElement("div",null,r.default.createElement("p",null,"Opens to current date if no selected date is provided."),r.default.createElement(l.default,{id:"default"}))}},29496:function(e,t,n){var a=n(64836);t.Z=void 0;var r=a(n(67294)),l=a(n(80008)),d=a(n(27671)),i=a(n(47166)),o=a(n(16312)),m=i.default.bind(o.default);t.Z=function(){var e=(0,l.default)().add(2,"days").format("YYYY-MM-DD");return r.default.createElement("div",null,r.default.createElement("p",null,"Default Selected Date:",r.default.createElement("span",{className:m("date-wrapper")},e)),r.default.createElement(d.default,{id:"default",selectedDate:e}))}},89252:function(e,t,n){var a=n(64836);t.Z=void 0;var r=a(n(67294)),l=a(n(80008)),d=a(n(27671));t.Z=function(){return r.default.createElement(d.default,{id:"default",excludeDates:[(0,l.default)().subtract(1,"days").format(),(0,l.default)().add(1,"days").format()]})}},57315:function(e,t,n){var a=n(64836);t.Z=void 0;var r=a(n(67294)),l=a(n(80008)),d=a(n(27671));t.Z=function(){return r.default.createElement(d.default,{id:"filter-dates",filterDate:function(e){var t=(0,l.default)(e);if(t&&t.isValid()){var n=t.day();return 0!==n&&6!==n}return!0}})}},64206:function(e,t,n){var a=n(64836);t.Z=void 0;var r=a(n(67294)),l=a(n(80008)),d=a(n(27671));t.Z=function(){return r.default.createElement(d.default,{id:"default",includeDates:[(0,l.default)().format(),(0,l.default)().subtract(1,"days").format(),(0,l.default)().add(1,"days").format()]})}},94933:function(e,t,n){var a=n(64836);t.Z=void 0;var r=a(n(67294)),l=a(n(80008)),d=a(n(27671));t.Z=function(){return r.default.createElement(d.default,{id:"default",minDate:(0,l.default)().format(),maxDate:(0,l.default)().add(6,"days").format()})}},36295:function(e,t,n){n.r(t),n.d(t,{default:function(){return xe}});var a=n(67294),r=n(81254),l=n(72509),d=n(78530),i=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var u={},p="wrapper";function s(e){var t=e.components,n=m(e,i);return(0,r.mdx)(p,o({},u,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(d.ZP,{mdxType:"PropsTable"},(0,r.mdx)(d.X2,{key:"ROW1",mdxType:"Row"},(0,r.mdx)(d.O,{mdxType:"PropNameCell"},"excludeDates"),(0,r.mdx)(d.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'string',\n}],\n"))),(0,r.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"An array of ISO 8601 string representation of the dates to disable in the picker. The values must be in the ",(0,r.mdx)("inlineCode",{parentName:"p"},"YYYY-MM-DD")," format."))),(0,r.mdx)(d.X2,{key:"ROW2",mdxType:"Row"},(0,r.mdx)(d.O,{mdxType:"PropNameCell"},"filterDate"),(0,r.mdx)(d.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"A function that gets called for each date in the picker to evaluate which date should be disabled.\nA return value of true will be enabled and false will be disabled."))),(0,r.mdx)(d.X2,{key:"ROW3",mdxType:"Row"},(0,r.mdx)(d.O,{mdxType:"PropNameCell"},"includeDates"),(0,r.mdx)(d.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'string',\n}],\n"))),(0,r.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"An array of ISO 8601 string representation of the dates to enable in the picker. All Other dates will be disabled. The values must be in the ",(0,r.mdx)("inlineCode",{parentName:"p"},"YYYY-MM-DD")," format."))),(0,r.mdx)(d.X2,{key:"ROW4",mdxType:"Row"},(0,r.mdx)(d.O,{mdxType:"PropNameCell"},"maxDate"),(0,r.mdx)(d.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"'2100-12-31'\n"))),(0,r.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"An ISO 8601 string representation of the maximum date that can be selected. The value must be in the YYYY-MM-DD format. Must be on or before 12/31/2100"))),(0,r.mdx)(d.X2,{key:"ROW5",mdxType:"Row"},(0,r.mdx)(d.O,{mdxType:"PropNameCell"},"minDate"),(0,r.mdx)(d.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"'1900-01-01'\n"))),(0,r.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"An ISO 8601 string representation of the minimum date that can be selected. The value must be in the ",(0,r.mdx)("inlineCode",{parentName:"p"},"YYYY-MM-DD")," format. Must be oon or after 01/01/1900"))),(0,r.mdx)(d.X2,{key:"ROW6",mdxType:"Row"},(0,r.mdx)(d.O,{mdxType:"PropNameCell"},"onChange"),(0,r.mdx)(d.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"A callback function to execute when a valid date is selected or entered.\nThe first parameter is the event. The second parameter is the changed date value. The third parameter is the selected date value formatted based on the locale at the time when the onChange callback is triggered."))),(0,r.mdx)(d.X2,{key:"ROW7",mdxType:"Row"},(0,r.mdx)(d.O,{mdxType:"PropNameCell"},"selectedDate"),(0,r.mdx)(d.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"An ISO 8601 string representation of the default value to show in the calendar-filter.\nThe value must be in the ",(0,r.mdx)("inlineCode",{parentName:"p"},"YYYY-MM-DD")," format and value should be valid date which is not part of exluded date values OR out of range date values.\ndefaults to current date if not provided."))),(0,r.mdx)(d.X2,{key:"ROW8",mdxType:"Row"},(0,r.mdx)(d.O,{mdxType:"PropNameCell"},"value"),(0,r.mdx)(d.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The date value. This prop should only be used for a controlled calendar-filter.\nWhen this prop is set a handler is needed for ",(0,r.mdx)("inlineCode",{parentName:"p"},"onSelect")," props to manage the date value.\nIf both ",(0,r.mdx)("inlineCode",{parentName:"p"},"selectedDate")," and this prop are set, then ",(0,r.mdx)("inlineCode",{parentName:"p"},"selectedDate")," will have no effect.\nThe value must be in the ",(0,r.mdx)("inlineCode",{parentName:"p"},"YYYY-MM-DD")," format or the all-numeric date format based on the locale.")))))}s.isMDXComponent=!0;var c=n(83078),f=["components"];function x(){return x=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var v={};function g(e){var t=e.components,n=y(e,f);return(0,r.mdx)("wrapper",x({},v,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport CalendarFilter from 'terra-date-picker/lib/CalendarFilter';\n\nconst CalendarFilterDefault = () => (\n
    \n

    Opens to current date if no selected date is provided.

    \n \n
    \n);\n\nexport default CalendarFilterDefault;\n\n")))}g.isMDXComponent=!0;var b=n(49271),h=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(b.Z,{title:t||"Calendar Filter Default",description:n,example:a.createElement(c.Z,null),exampleSrc:a.createElement(g,null),isExpanded:r})},D=n(89252),O=["components"];function C(){return C=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var N={};function w(e){var t=e.components,n=j(e,O);return(0,r.mdx)("wrapper",C({},N,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport moment from 'moment-timezone';\nimport CalendarFilter from 'terra-date-picker/lib/CalendarFilter';\n\nconst CalendarFilterExcludeDates = () => (\n \n);\n\nexport default CalendarFilterExcludeDates;\n\n")))}w.isMDXComponent=!0;var T=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(b.Z,{title:t||"Calendar Filter Exclude Dates",description:n,example:a.createElement(D.Z,null),exampleSrc:a.createElement(w,null),isExpanded:r})},E=n(64206),F=["components"];function P(){return P=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var k={};function M(e){var t=e.components,n=S(e,F);return(0,r.mdx)("wrapper",P({},k,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport moment from 'moment-timezone';\nimport CalendarFilter from 'terra-date-picker/lib/CalendarFilter';\n\nconst CalendarFilterIncludeDates = () => (\n \n);\n\nexport default CalendarFilterIncludeDates;\n\n")))}M.isMDXComponent=!0;var _=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(b.Z,{title:t||"Calendar Filter Include Dates",description:n,example:a.createElement(E.Z,null),exampleSrc:a.createElement(M,null),isExpanded:r})},R=n(57315),Y=["components"];function Z(){return Z=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var X={};function W(e){var t=e.components,n=I(e,Y);return(0,r.mdx)("wrapper",Z({},X,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport moment from 'moment-timezone';\nimport CalendarFilter from 'terra-date-picker/lib/CalendarFilter';\n\nconst CalendarFilterFilterDates = () => {\n // Callback for filterDate. Returns true if day is not weekend (saturday / sunday)\n const isWeekday = (dateValue) => {\n const momentDate = moment(dateValue);\n\n if (momentDate && momentDate.isValid()) {\n const day = momentDate.day();\n return day !== 0 && day !== 6;\n }\n\n return true;\n };\n\n return (\n \n );\n};\n\nexport default CalendarFilterFilterDates;\n\n")))}W.isMDXComponent=!0;var q=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(b.Z,{title:t||"Calendar Filter Filter Dates",description:n,example:a.createElement(R.Z,null),exampleSrc:a.createElement(W,null),isExpanded:r})},V=n(94933),L=["components"];function z(){return z=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var B={};function U(e){var t=e.components,n=A(e,L);return(0,r.mdx)("wrapper",z({},B,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport moment from 'moment-timezone';\nimport CalendarFilter from 'terra-date-picker/lib/CalendarFilter';\n\nconst CalendarFilterMinMax = () => (\n \n);\n\nexport default CalendarFilterMinMax;\n\n")))}U.isMDXComponent=!0;var G=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(b.Z,{title:t||"Calendar Filter Min Max",description:n,example:a.createElement(V.Z,null),exampleSrc:a.createElement(U,null),isExpanded:r})},K=n(29496),H=["components"];function J(){return J=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var $={};function ee(e){var t=e.components,n=Q(e,H);return(0,r.mdx)("wrapper",J({},$,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport moment from 'moment-timezone';\nimport CalendarFilter from 'terra-date-picker/lib/CalendarFilter';\nimport classNames from 'classnames/bind';\nimport styles from '../DatePickerExampleCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst CalendarFilterDefaultDate = () => {\n const defaultDate = moment().add(2, 'days').format('YYYY-MM-DD');\n\n return (\n
    \n

    \n Default Selected Date:\n {defaultDate}\n

    \n \n
    \n );\n};\n\nexport default CalendarFilterDefaultDate;\n\n")))}ee.isMDXComponent=!0;var te=n(81093),ne=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(b.Z,{title:t||"Calendar Filter Default Date",description:n,example:a.createElement(K.Z,null),exampleCssSrc:a.createElement(te.Z,null),exampleSrc:a.createElement(ee,null),isExpanded:r})},ae=n(8877),re=["components"];function le(){return le=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var ie={};function oe(e){var t=e.components,n=de(e,re);return(0,r.mdx)("wrapper",le({},ie,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport moment from 'moment-timezone';\nimport PropTypes from 'prop-types';\nimport CalendarFilter from 'terra-date-picker/lib/CalendarFilter';\n\nconst propTypes = {\n /**\n * The date value used for a controlled component.\n */\n value: PropTypes.string,\n};\n\nconst defaultProps = {\n value: undefined,\n};\n\nconst CalendarFilterControlledExample = ({\n value,\n}) => {\n const [date, setDate] = useState(value);\n const [iso, setIso] = useState('');\n const [formattedDate, setFormattedDate] = useState('');\n\n const handleOnDateChange = (event, selectedDate, formatteddate) => {\n setDate(selectedDate);\n setIso(selectedDate);\n setFormattedDate(formatteddate);\n };\n\n return (\n
    \n

    \n Selected Value:\n {' '}\n {date}\n
    \n
    \n ISO String:\n {' '}\n {iso}\n
    \n
    \n Formatted Value:\n {' '}\n {formattedDate}\n

    \n \n
    \n );\n};\n\nCalendarFilterControlledExample.propTypes = propTypes;\nCalendarFilterControlledExample.defaultProps = defaultProps;\n\nconst CalendarFilterControlled = () => (\n \n);\n\nexport default CalendarFilterControlled;\n\n")))}oe.isMDXComponent=!0;var me=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(b.Z,{title:t||"Calendar Filter Controlled",description:n,example:a.createElement(ae.Z,null),exampleSrc:a.createElement(oe,null),isExpanded:r})},ue=["components"];function pe(){return pe=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var ce={},fe="wrapper";function xe(e){var t=e.components,n=se(e,ue);return(0,r.mdx)(fe,pe({},ce,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(l.C,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"calendar-filter"},"Calendar Filter"),(0,r.mdx)("p",null,"CalendarFilter is a sub-component of ",(0,r.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-framework/tree/master/packages/terra-date-picker"},"terra-date-picker")," component which renders a faceup calendar for selecting a date."),(0,r.mdx)("p",null,"Unlike the DatePicker which is used to pick a day to return to submit to a form, the CalendarFilter would be useful in applications where the calendar is intended to be used as an interactive filter that changes some alternate dependent UI item. An example of this is a scheduling application where a selecting a day in the CalendarFilter can lead to displaying a list of appointments."),(0,r.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Install with ",(0,r.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"npm install terra-date-picker"))))),(0,r.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,r.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,r.mdx)("table",null,(0,r.mdx)("thead",{parentName:"table"},(0,r.mdx)("tr",{parentName:"thead"},(0,r.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,r.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,r.mdx)("tbody",{parentName:"table"},(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react"),(0,r.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,r.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react-intl"),(0,r.mdx)("td",{parentName:"tr",align:null},"^2.8.0")))),(0,r.mdx)("h2",{id:"usage"},"Usage"),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-js"},"import CalendarFilter from 'terra-date-picker/lib/CalendarFilter';\n")),(0,r.mdx)("h2",{id:"component-features"},"Component Features"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Internationalization Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Localization Support"))),(0,r.mdx)("h2",{id:"examples"},"Examples"),(0,r.mdx)(h,{title:"Calendar Filter with no default date provided",mdxType:"CalendarFilterDefault"}),(0,r.mdx)(ne,{title:"Calendar Filter with default selected date",mdxType:"CalendarFilterDefaultDate"}),(0,r.mdx)(T,{title:"Calendar Filter with Exclude Dates",mdxType:"CalendarFilterExcludeDates"}),(0,r.mdx)(_,{title:"Calendar Filter with Include Dates",mdxType:"CalendarFilterIncludeDates"}),(0,r.mdx)(q,{title:"Calendar Filter with Filter Dates",mdxType:"CalendarFilterFilterDates"}),(0,r.mdx)(G,{title:"Calendar Filter with Min Max Selection Options",mdxType:"CalendarFilterMinMax"}),(0,r.mdx)(me,{title:"Controlled Calendar Filter",mdxType:"CalendarFilterControlled"}),(0,r.mdx)("h2",{id:"calendar-filter-props-table"},"Calendar Filter props table"),(0,r.mdx)(s,{mdxType:"CalendarFilterPropsTable"}))}xe.isMDXComponent=!0},81093:function(e,t,n){n.d(t,{Z:function(){return m}});n(67294);var a=n(81254),r=["components"];function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var i={},o="wrapper";function m(e){var t=e.components,n=d(e,r);return(0,a.mdx)(o,l({},i,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .date-wrapper {\n display: inline-block;\n }\n}\n\n")))}m.isMDXComponent=!0},72509:function(e,t,n){n.d(t,{C:function(){return l}});var a=n(67294),r=n(22863),l=function(e){var t=e.url;return a.createElement(r.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-date-picker",name:"terra-date-picker",version:"4.94.0",url:t})}},17422:function(e,t,n){n.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},16312:function(e,t,n){n.r(t),t.default={"date-wrapper":"DatePickerExampleCommon-module__date-wrapper___UWblk"}},45657:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"CalendarFilter-module__clinical-lowlight-theme___LdiKG","orion-fusion-theme":"CalendarFilter-module__orion-fusion-theme___O1Zo+","calendar-filter":"CalendarFilter-module__calendar-filter___OsNST"}},27671:function(e,t,n){var a=n(64836),r=n(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=a(n(10434)),d=a(n(70215)),i=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=f(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var d in e)if("default"!==d&&Object.prototype.hasOwnProperty.call(e,d)){var i=l?Object.getOwnPropertyDescriptor(e,d):null;i&&(i.get||i.set)?Object.defineProperty(a,d,i):a[d]=e[d]}return a.default=e,n&&n.set(e,a),a}(n(67294)),o=a(n(45697)),m=a(n(47166)),u=a(n(50026)),p=a(n(50754)),s=a(n(45657)),c=["excludeDates","filterDate","includeDates","maxDate","minDate","onChange","selectedDate","value"];function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(f=function(e){return e?n:t})(e)}var x=m.default.bind(s.default),y={excludeDates:o.default.arrayOf(o.default.string),filterDate:o.default.func,includeDates:o.default.arrayOf(o.default.string),maxDate:o.default.string,minDate:o.default.string,onChange:o.default.func,selectedDate:o.default.string,value:o.default.string},v={excludeDates:void 0,filterDate:void 0,includeDates:void 0,maxDate:"2100-12-31",minDate:"1900-01-01",onChange:void 0,selectedDate:void 0},g=function(e){var t=e.excludeDates,n=e.filterDate,a=e.includeDates,r=e.maxDate,o=e.minDate,m=e.onChange,s=e.selectedDate,f=e.value,y=(0,d.default)(e,c),v=(0,i.useContext)(u.default);return i.default.createElement(p.default,(0,l.default)({},y,{name:"terra-calendar-filter",isInline:!0,selectedDate:s,value:f,onChange:function(e,t,n){if(m){var a=n.inputValue;m(e,t,a)}},excludeDates:t,filterDate:n,includeDates:a,maxDate:r,minDate:o,calendarClassName:x("calendar-filter",v.className)}))};g.propTypes=y,g.defaultProps=v;t.default=g}}]); \ No newline at end of file diff --git a/46647-465b9d8db0cc26485b75.css b/46647-465b9d8db0cc26485b75.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/46647-465b9d8db0cc26485b75.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/47455-1e80308328485a53a1a4.css b/47455-1e80308328485a53a1a4.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/47455-1e80308328485a53a1a4.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/47455-1e80308328485a53a1a4.js b/47455-1e80308328485a53a1a4.js new file mode 100644 index 0000000000..b72e8e6eee --- /dev/null +++ b/47455-1e80308328485a53a1a4.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[47455,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,a,n){var l=n(64836);a.Z=void 0;var t=l(n(67294)),d=l(n(45697)),r=l(n(47166)),i=l(n(17422)),m=r.default.bind(i.default),o={name:d.default.string.isRequired,src:d.default.string,url:d.default.string,version:d.default.string.isRequired},p=function(e){var a=e.src,n=e.name,l=e.url,d=e.version,r=t.default.createElement("a",{className:m("badge"),href:l||"https://www.npmjs.org/package/".concat(n,"/v/").concat(d)},t.default.createElement("span",{className:m("badge-name")},l?"package":"npm"),t.default.createElement("span",{className:m("badge-version")},"v".concat(d))),i=a?t.default.createElement("a",{className:m("badge"),href:a},t.default.createElement("span",{className:m("badge-name")},"github"),t.default.createElement("span",{className:m("badge-version")},"source")):void 0;return t.default.createElement("div",{className:m("badge-container")},r,i)};p.propTypes=o;var u=p;a.Z=u},39180:function(e,a,n){n.r(a),n.d(a,{default:function(){return h}});n(67294);var l=n(81254),t=n(60771),d=["components"];function r(){return r=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(t[n]=e[n]);return t}(e,a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(t[n]=e[n])}return t}var m={},o="wrapper";function p(e){var a=e.components,n=i(e,d);return(0,l.mdx)(o,r({},m,n,{components:a,mdxType:"MDXLayout"}),(0,l.mdx)("h1",{id:"changelog"},"Changelog"),(0,l.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,l.mdx)("h2",{id:"140---november-23-2023"},"1.4.0 - (November 23, 2023)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Added",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Added ",(0,l.mdx)("inlineCode",{parentName:"li"},"onRowSelect")," callback prop to FlowsheetDataGrid to handle row header cell selection.")))),(0,l.mdx)("h2",{id:"130---november-22-2023"},"1.3.0 - (November 22, 2023)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Updated Table component to use new ",(0,l.mdx)("inlineCode",{parentName:"li"},"rowSelectionMode")," prop instead of ",(0,l.mdx)("inlineCode",{parentName:"li"},"hasSelectableRows"),".")))),(0,l.mdx)("h2",{id:"120---november-20-2023"},"1.2.0 - (November 20, 2023)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Fixed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Fixed issue where focus was given to the column header instead of its button element."),(0,l.mdx)("li",{parentName:"ul"},"Fixed issue where row selection was being announced twice in Worklist Data Grid."),(0,l.mdx)("li",{parentName:"ul"},"Fixed an issue when the datagrid is updated and the column/row indices no longer exist."))),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Added"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Added ",(0,l.mdx)("inlineCode",{parentName:"li"},"hasVisibleColumnHeaders")," prop for FlowsheetDataGrid to toggle visibility of column headers."),(0,l.mdx)("li",{parentName:"ul"},"Added section support to FlowsheetDataGrid."))),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Changed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Updated all cells to be selectable and columns unselectable in FlowsheetDataGrid, as ",(0,l.mdx)("inlineCode",{parentName:"li"},"isSelectable")," prop is not supported for columns or cells.")))),(0,l.mdx)("h2",{id:"110---november-9-2023"},"1.1.0 - (November 9, 2023)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Fixed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Fixed the column header background color for the Orion Fusion theme."),(0,l.mdx)("li",{parentName:"ul"},"Fixed pinned column divider issue during keyboard resize."),(0,l.mdx)("li",{parentName:"ul"},"Fixed resize handle being communicated when non-header cell is focused."))),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Added"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Added ability to select a range of cells to FlowsheetDataGrid."))),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Changed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Updated unit test to account for generated ids of ",(0,l.mdx)("inlineCode",{parentName:"li"},"terra-table")," elements.")))),(0,l.mdx)("h2",{id:"100---october-25-2023"},"1.0.0 - (October 25, 2023)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Initial working component release.")),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Added"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Added additional screen reader support to announce that column headers are interactable upon selection."),(0,l.mdx)("li",{parentName:"ul"},"Added keyboard support for column resizing."),(0,l.mdx)("li",{parentName:"ul"},"Added translations."),(0,l.mdx)("li",{parentName:"ul"},'Added "No Result" cells to FlowsheetDataGrid.')))),(0,l.mdx)("h2",{id:"081---october-17-2023"},"0.8.1 - (October 17, 2023)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Fixed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Fixed issue where WorklistDataGrid loses focus when Row Selection Mode is turned off from a Row Selection Cell."),(0,l.mdx)("li",{parentName:"ul"},"Fixed issue where focus was moved from editable fields when using key events from data grid components."),(0,l.mdx)("li",{parentName:"ul"},"Fixed tab focus management when next element is in a hidden container."),(0,l.mdx)("li",{parentName:"ul"},"Fixed tab focus management to wrap to the first focusable element when the data grid is the last focusable element.")))),(0,l.mdx)("h2",{id:"080---october-11-2023"},"0.8.0 - (October 11, 2023)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Added"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Added base FlowsheetDataGrid component."))),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Changed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Updated prop descriptions for better consistency and accuracy in the ",(0,l.mdx)("inlineCode",{parentName:"li"},"terra-data-grid")," component.")))),(0,l.mdx)("h2",{id:"070---october-3-2023"},"0.7.0 - (October 3, 2023)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Fixed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Fixed the screen reader messages to count header row as the first row.")))),(0,l.mdx)("h2",{id:"060---september-14-2023"},"0.6.0 - (September 14, 2023)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Breaking Changes"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Renamed ",(0,l.mdx)("inlineCode",{parentName:"li"},"terra-worklist-data-grid")," package to ",(0,l.mdx)("inlineCode",{parentName:"li"},"terra-data-grid"),"."),(0,l.mdx)("li",{parentName:"ul"},"Changed WorklistDataGrid component from default to named export. WorklistDataGrid can now be imported as ",(0,l.mdx)("inlineCode",{parentName:"li"},"import { WorklistDataGrid } from 'terra-data-grid'"),"."))),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Fixed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Fixed scroll issues for pinned columns."),(0,l.mdx)("li",{parentName:"ul"},"Fixed scroll issues for fixed column header row."),(0,l.mdx)("li",{parentName:"ul"},"Fixed border issues for selected rows"))),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Changed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Updated the ",(0,l.mdx)("inlineCode",{parentName:"li"},"terra-worklist-data-grid")," component to provide row selection assistive technology messages based on the properties provided by the consumer."),(0,l.mdx)("li",{parentName:"ul"},"Updated the ",(0,l.mdx)("inlineCode",{parentName:"li"},"terra-worklist-data-grid")," component to set initial focus to the row selection header when row selection mode is enabled.")))),(0,l.mdx)("hr",null),(0,l.mdx)("p",null,"All release notes below apply to the ",(0,l.mdx)("inlineCode",{parentName:"p"},"terra-worklist-data-grid")," package (renamed to ",(0,l.mdx)("inlineCode",{parentName:"p"},"terra-data-grid")," with the 0.6 release above)."),(0,l.mdx)("h2",{id:"050---august-31-2023"},"0.5.0 - (August 31, 2023)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Added"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Added box shadow for pinned columns in fusion theme."),(0,l.mdx)("li",{parentName:"ul"},"Added ability to use spacebar on masked and non-selectable cells to select rows."),(0,l.mdx)("li",{parentName:"ul"},"Added ability to treat the ",(0,l.mdx)("inlineCode",{parentName:"li"},"terra-worklist-data-grid")," component as a single tabstop."),(0,l.mdx)("li",{parentName:"ul"},"Added a sticky column header feature to ",(0,l.mdx)("inlineCode",{parentName:"li"},"terra-worklist-data-grid")))),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Changed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Removed roving tabIndex and resolved focus management issues within cells."),(0,l.mdx)("li",{parentName:"ul"},"Updated the functionality for selecting a range of rows. Updated ",(0,l.mdx)("inlineCode",{parentName:"li"},"onRowSelect")," prop to take only one array parameter."))),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Fixed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Reduced number of unnecessary rerenders in the ",(0,l.mdx)("inlineCode",{parentName:"li"},"terra-worklist-data-grid")," component."),(0,l.mdx)("li",{parentName:"ul"},"Fixed cells not honoring the value of props passed by consumers."),(0,l.mdx)("li",{parentName:"ul"},"Fixed pinned column separator not adjusting size when the table height changes."),(0,l.mdx)("li",{parentName:"ul"},"Fixed pinned column cells not being selectable."),(0,l.mdx)("li",{parentName:"ul"},"Fixed pinned column border issues during scrolling."),(0,l.mdx)("li",{parentName:"ul"},"Fixed hover/background colors for alternating rows.")))),(0,l.mdx)("h2",{id:"040---august-10-2023"},"0.4.0 - (August 10, 2023)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Breaking Changes"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Removed ",(0,l.mdx)("inlineCode",{parentName:"li"},"columns")," prop in favor of the new ",(0,l.mdx)("inlineCode",{parentName:"li"},"pinnedColumns")," and ",(0,l.mdx)("inlineCode",{parentName:"li"},"overflowColumns")," props."))),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Added"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Added ",(0,l.mdx)("inlineCode",{parentName:"li"},"pinnedColumns")," prop for columns that will be pinned."),(0,l.mdx)("li",{parentName:"ul"},"Added ",(0,l.mdx)("inlineCode",{parentName:"li"},"overflowColumns")," prop for columns that are scrollable."),(0,l.mdx)("li",{parentName:"ul"},"Added support for pinned columns."),(0,l.mdx)("li",{parentName:"ul"},"Added ability to dive into cells with focusable elements."),(0,l.mdx)("li",{parentName:"ul"},"Added ability to select the row selection column header to allow sorting by consumers."),(0,l.mdx)("li",{parentName:"ul"},"Added ability to select rows via mouse and keyboard."))),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Fixed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Text alignment of the row header column.")))),(0,l.mdx)("h2",{id:"030---july-19-2023"},"0.3.0 - (July 19, 2023)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Breaking Changes"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Removed ",(0,l.mdx)("inlineCode",{parentName:"li"},"columnWidth")," prop in favor of the new ",(0,l.mdx)("inlineCode",{parentName:"li"},"defaultColumnWidth")," prop."),(0,l.mdx)("li",{parentName:"ul"},"Renamed ",(0,l.mdx)("inlineCode",{parentName:"li"},"ariaLabelledby")," prop to ",(0,l.mdx)("inlineCode",{parentName:"li"},"ariaLabelledBy")," to follow proper camelCasing and for consistency with other Terra components."))),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Added"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Added additional keyboard navigation shortcuts."),(0,l.mdx)("li",{parentName:"ul"},"Added support for cell selection."),(0,l.mdx)("li",{parentName:"ul"},"Added ability to resize columns via mouse."),(0,l.mdx)("li",{parentName:"ul"},"Added ",(0,l.mdx)("inlineCode",{parentName:"li"},"defaultColumnWidth")," prop to set the default column width if it is not set per column."),(0,l.mdx)("li",{parentName:"ul"},"Added ",(0,l.mdx)("inlineCode",{parentName:"li"},"onColumnResize")," prop for notifying consumers of a column resize."))),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Changed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Updated data grid to honor the column and row widths specified by consumers."),(0,l.mdx)("li",{parentName:"ul"},"Optimized package size by excluding tests.")))),(0,l.mdx)("h2",{id:"020---july-4-2023"},"0.2.0 - (July 4, 2023)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Added"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Added masked cell support."),(0,l.mdx)("li",{parentName:"ul"},"Added hover state for selectable cells."),(0,l.mdx)("li",{parentName:"ul"},"Added blank cell support."),(0,l.mdx)("li",{parentName:"ul"},"Added ability to allow consumers to specify the sort indicator and error state for columns."))),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Changed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Removed ability to set variable row heights."),(0,l.mdx)("li",{parentName:"ul"},"Updated styling on cell focus.")))),(0,l.mdx)("h2",{id:"01"},"0.1"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Initial stable release.")))}p.isMDXComponent=!0;var u=["components"];function s(){return s=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(t[n]=e[n]);return t}(e,a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(t[n]=e[n])}return t}var c={},N="wrapper";function h(e){var a=e.components,n=x(e,u);return(0,l.mdx)(N,s({},c,n,{components:a,mdxType:"MDXLayout"}),(0,l.mdx)(t.C,{mdxType:"Badge"}),(0,l.mdx)(p,{mdxType:"ChangeLog"}))}h.isMDXComponent=!0},60771:function(e,a,n){n.d(a,{C:function(){return d}});var l=n(67294),t=n(22863),d=function(e){var a=e.url;return l.createElement(t.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-data-grid",name:"terra-data-grid",version:"1.4.0",url:a})}},17422:function(e,a,n){n.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/48061-699e54a966c231edc5dd.css b/48061-699e54a966c231edc5dd.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/48061-699e54a966c231edc5dd.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/48061-699e54a966c231edc5dd.js b/48061-699e54a966c231edc5dd.js new file mode 100644 index 0000000000..8bf81b4229 --- /dev/null +++ b/48061-699e54a966c231edc5dd.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[48061,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,a,m){var l=m(64836);a.Z=void 0;var n=l(m(67294)),d=l(m(45697)),r=l(m(47166)),u=l(m(17422)),i=r.default.bind(u.default),t={name:d.default.string.isRequired,src:d.default.string,url:d.default.string,version:d.default.string.isRequired},p=function(e){var a=e.src,m=e.name,l=e.url,d=e.version,r=n.default.createElement("a",{className:i("badge"),href:l||"https://www.npmjs.org/package/".concat(m,"/v/").concat(d)},n.default.createElement("span",{className:i("badge-name")},l?"package":"npm"),n.default.createElement("span",{className:i("badge-version")},"v".concat(d))),u=a?n.default.createElement("a",{className:i("badge"),href:a},n.default.createElement("span",{className:i("badge-name")},"github"),n.default.createElement("span",{className:i("badge-version")},"source")):void 0;return n.default.createElement("div",{className:i("badge-container")},r,u)};p.propTypes=t;var x=p;a.Z=x},48061:function(e,a,m){m.r(a),m.d(a,{default:function(){return c}});m(67294);var l=m(81254),n=m(71947),d=["components"];function r(){return r=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(n[m]=e[m]);return n}(e,a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,m)&&(n[m]=e[m])}return n}var i={},t="wrapper";function p(e){var a=e.components,m=u(e,d);return(0,l.mdx)(t,r({},i,m,{components:a,mdxType:"MDXLayout"}),(0,l.mdx)("h1",{id:"changelog"},"Changelog"),(0,l.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,l.mdx)("h2",{id:"3610---november-13-2023"},"3.61.0 - (November 13, 2023)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"3600---october-16-2023"},"3.60.0 - (October 16, 2023)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"3590---september-21-2023"},"3.59.0 - (September 21, 2023)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"3580---september-19-2023"},"3.58.0 - (September 19, 2023)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"3570---august-23-2023"},"3.57.0 - (August 23, 2023)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"3560---august-1-2023"},"3.56.0 - (August 1, 2023)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"3550---april-27-2023"},"3.55.0 - (April 27, 2023)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"3540---february-15-2023"},"3.54.0 - (February 15, 2023)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Updated wdio screenshots due to functional-testing upgrade.")))),(0,l.mdx)("h2",{id:"3530---february-7-2023"},"3.53.0 - (February 7, 2023)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"3521---january-31-2023"},"3.52.1 - (January 31, 2023)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"3520---january-9-2023"},"3.52.0 - (January 9, 2023)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump of terra-icon")))),(0,l.mdx)("h2",{id:"3510---december-7-2022"},"3.51.0 - (December 7, 2022)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"3503---july-5-2022"},"3.50.3 - (July 5, 2022)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"3502---may-3-2022"},"3.50.2 - (May 3, 2022)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"3501---april-29-2022"},"3.50.1 - (April 29, 2022)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"3500---february-2-2022"},"3.50.0 - (February 2, 2022)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Added",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Migrate docs to terra-core-docs.")))),(0,l.mdx)("h2",{id:"3491---january-4-2022"},"3.49.1 - (January 4, 2022)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"3490---september-21-2021"},"3.49.0 - (September 21, 2021)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Updated WDIO Screenshots due to webpack-config-terra sass upgrade.")))),(0,l.mdx)("h2",{id:"3480---august-25-2021"},"3.48.0 - (August 25, 2021)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"3470---june-22-2021"},"3.47.0 - (June 22, 2021)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"3460---april-13-2021"},"3.46.0 - (April 13, 2021)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"3450---april-6-2021"},"3.45.0 - (April 6, 2021)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Removed unnecessary ",(0,l.mdx)("inlineCode",{parentName:"li"},"wdio.conf.js")," file"),(0,l.mdx)("li",{parentName:"ul"},"Upgrade tests to terra-functional-testing and WebDriverIO v6"),(0,l.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,l.mdx)("h2",{id:"3440---february-2-2021"},"3.44.0 - (February 2, 2021)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"3430---january-5-2021"},"3.43.0 - (January 5, 2021)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Fixed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation.")))),(0,l.mdx)("h2",{id:"3420---december-8-2020"},"3.42.0 - (December 8, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,l.mdx)("h2",{id:"3410---november-17-2020"},"3.41.0 - (November 17, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"3400---november-10-2020"},"3.40.0 - (November 10, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Updated ",(0,l.mdx)("inlineCode",{parentName:"li"},"terra-dev-site")," examples to use react hooks.")))),(0,l.mdx)("h2",{id:"3390---october-27-2020"},"3.39.0 - (October 27, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"3380---september-16-2020"},"3.38.0 - (September 16, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Update the toggle animation from ",(0,l.mdx)("inlineCode",{parentName:"li"},"ease")," to ",(0,l.mdx)("inlineCode",{parentName:"li"},"ease-out"))))),(0,l.mdx)("h2",{id:"3370---august-6-2020"},"3.37.0 - (August 6, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"3360---august-4-2020"},"3.36.0 - (August 4, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"3350---july-29-2020"},"3.35.0 - (July 29, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Update changelog formatting")))),(0,l.mdx)("h2",{id:"3340---july-7-2020"},"3.34.0 - (July 7, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"updated ",(0,l.mdx)("inlineCode",{parentName:"li"},"master")," references to ",(0,l.mdx)("inlineCode",{parentName:"li"},"main"),".")))),(0,l.mdx)("h2",{id:"3330---june-9-2020"},"3.33.0 - (June 9, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor file changes to comply with eslint rules"),(0,l.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config")))),(0,l.mdx)("h2",{id:"3320---may-19-2020"},"3.32.0 - (May 19, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"3310---april-28-2020"},"3.31.0 - (April 28, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge'))),(0,l.mdx)("li",{parentName:"ul"},"Added",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,l.mdx)("h2",{id:"3300---april-22-2020"},"3.30.0 - (April 22, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Updated documentation link in README")))),(0,l.mdx)("h2",{id:"3290---march-10-2020"},"3.29.0 - (March 10, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Update docs to use mdx syntax.")))),(0,l.mdx)("h2",{id:"3280---february-18-2020"},"3.28.0 - (February 18, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Added",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Added generated-themes to .npmignore")))),(0,l.mdx)("h2",{id:"3270---january-28-2020"},"3.27.0 - (January 28, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"3260---january-7-2020"},"3.26.0 - (January 7, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"3250---december-3-2019"},"3.25.0 - (December 3, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Added",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},'Added reference wdio screenshots for "orion-fusion-theme".')))),(0,l.mdx)("h2",{id:"3240---october-30-2019"},"3.24.0 - (October 30, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Changed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Duplicate IDs in example changed."))),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Fixed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Fixed lint warnings for multiple empty lines")))),(0,l.mdx)("h2",{id:"3230---october-3-2019"},"3.23.0 - (October 3, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"3220---september-19-2019"},"3.22.0 - (September 19, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Removed ",(0,l.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site.")))),(0,l.mdx)("h2",{id:"3210---september-6-2019"},"3.21.0 - (September 6, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Added",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Props table markdown file import added to doc site page")))),(0,l.mdx)("h2",{id:"3200---september-3-2019"},"3.20.0 - (September 3, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"3190---august-21-2019"},"3.19.0 - (August 21, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files"),(0,l.mdx)("li",{parentName:"ul"},"Import for package version from package.json added to doc page"),(0,l.mdx)("li",{parentName:"ul"},"Added comments for ESlint v6")))),(0,l.mdx)("h2",{id:"3180---august-14-2019"},"3.18.0 - (August 14, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Changed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"updated package.json test scripts"),(0,l.mdx)("li",{parentName:"ul"},"Update tests for dev-site v6"))),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Added"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Added aria-expanded and aria-controls state to docs, examples and tests.")))),(0,l.mdx)("h2",{id:"3170---july-30-2019"},"3.17.0 - (July 30, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"3160---july-24-2019"},"3.16.0 - (July 24, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"3150---july-16-2019"},"3.15.0 - (July 16, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Added"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies"))),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Changed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Update tests to use ",(0,l.mdx)("inlineCode",{parentName:"li"},"Terra.describeViewports")," for setting viewports and use ",(0,l.mdx)("inlineCode",{parentName:"li"},"Terra.it.validatesElement"))))),(0,l.mdx)("h2",{id:"3140----july-11-2019"},"3.14.0 - (July 11, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"3130---june-28-2019"},"3.13.0 - (June 28, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"3120---june-18-2019"},"3.12.0 - (June 18, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency bump")))),(0,l.mdx)("h2",{id:"3110---june-11-2019"},"3.11.0 - (June 11, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Removed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore"))),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Changed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Made required updates to consume terra-toolkit v5 and terra-dev-site v5")))),(0,l.mdx)("h2",{id:"3100---may-21-2019"},"3.10.0 - (May 21, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Fixed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Fixing Jest tests related to react-animate-height update")))),(0,l.mdx)("h2",{id:"390---may-1-2019"},"3.9.0 - (May 1, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"380---april-16-2019"},"3.8.0 - (April 16, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"370---april-9-2019"},"3.7.0 - (April 9, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"360---march-26-2019"},"3.6.0 - (March 26, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Changed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Removed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,l.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,l.mdx)("h2",{id:"350---march-21-2019"},"3.5.0 - (March 21, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"341---march-5-2019"},"3.4.1 - (March 5, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Fixed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Fixed link to toggle-button")))),(0,l.mdx)("h2",{id:"340---february-26-2019"},"3.4.0 - (February 26, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"330---february-12-2019"},"3.3.0 - (February 12, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"320---february-5-2019"},"3.2.0 - (February 5, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"310---january-26-2019"},"3.1.0 - (January 26, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"300---january-22-2019"},"3.0.0 - (January 22, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Updated theme variables")))),(0,l.mdx)("h2",{id:"2310---january-22-2019"},"2.31.0 - (January 22, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Updated dependencies to fix major version bump issues")))),(0,l.mdx)("h2",{id:"2300---january-8-2019"},"2.30.0 - (January 8, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"2290---january-2-2019"},"2.29.0 - (January 2, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,l.mdx)("li",{parentName:"ul"},"Fixed link in readme.")))),(0,l.mdx)("h2",{id:"2281---november-20-2018"},"2.28.1 - (November 20, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,l.mdx)("h2",{id:"2280---november-19-2018"},"2.28.0 - (November 19, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"2270---november-13-2018"},"2.27.0 - (November 13, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"2260---november-9-2018"},"2.26.0 - (November 9, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"2250---october-24-2018"},"2.25.0 - (October 24, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"2240---october-16-2018"},"2.24.0 - (October 16, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"2230---october-8-2018"},"2.23.0 - (October 8, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"2220---september-25-2018"},"2.22.0 - (September 25, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"2211---september-6-2018"},"2.21.1 - (September 6, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,l.mdx)("h2",{id:"2210---september-5-2018"},"2.21.0 - (September 5, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,l.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,l.mdx)("h2",{id:"2200---september-4-2018"},"2.20.0 - (September 4, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Changed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Changed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Removed extra padding beneath toggle component.")))),(0,l.mdx)("h2",{id:"2190---august-29-2018"},"2.19.0 - (August 29, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"2180---august-1-2018"},"2.18.0 - (August 1, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"2170---july-19-2018"},"2.17.0 - (July 19, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Add .module extension to SCSS file(s)")))),(0,l.mdx)("h2",{id:"2160---july-17-2018"},"2.16.0 - (July 17, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,l.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v4 update"),(0,l.mdx)("li",{parentName:"ul"},"Required props no longer set a default prop")))),(0,l.mdx)("h2",{id:"2150---july-10-2018"},"2.15.0 - (July 10, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"2140---june-28-2018"},"2.14.0 - (June 28, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Changed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Added"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Added change log to the documentation on terra-dev-site")))),(0,l.mdx)("h2",{id:"2130---june-22-2018"},"2.13.0 - (June 22, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Moved terra-base from dependency to peerDependency"),(0,l.mdx)("li",{parentName:"ul"},"Major dependency version bump for ",(0,l.mdx)("inlineCode",{parentName:"li"},"react-animate-height"))))),(0,l.mdx)("h2",{id:"2120---june-12-2018"},"2.12.0 - (June 12, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},'Updated "test:jest" script to work on windows.')))),(0,l.mdx)("h2",{id:"2110---may-30-2018"},"2.11.0 - (May 30, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Updated structure to match terra-dev-site 1.0 and moved doc examples internal.")))),(0,l.mdx)("h2",{id:"2100---may-23-2018"},"2.10.0 - (May 23, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"290---may-16-2018"},"2.9.0 - (May 16, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"280---may-9-2018"},"2.8.0 - (May 9, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"270---may-2-2018"},"2.7.0 - (May 2, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"260---april-20-2018"},"2.6.0 - (April 20, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"250---april-15-2018"},"2.5.0 - (April 15, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"240---april-5-2018"},"2.4.0 - (April 5, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"230---march-30-2018"},"2.3.0 - (March 30, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"220---march-6-2018"},"2.2.0 - (March 6, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Removed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Removed props-table script from package.json"))),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Changed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Updated package to use latest minor release of react-animate-height")))),(0,l.mdx)("h2",{id:"210---february-26-2018"},"2.1.0 - (February 26, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"201---february-13-2018"},"2.0.1 - (February 13, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Updated peerDependencies")))),(0,l.mdx)("h2",{id:"200---february-12-2018"},"2.0.0 - (February 12, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Updated to use React 16")))),(0,l.mdx)("h2",{id:"1160---february-1-2018"},"1.16.0 - (February 1, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"1150---january-18-2018"},"1.15.0 - (January 18, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"1140---january-5-2018"},"1.14.0 - (January 5, 2018)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"1130---november-28-2017"},"1.13.0 - (November 28, 2017)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"1120---november-16-2017"},"1.12.0 - (November 16, 2017)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"1110---october-6-2017"},"1.11.0 - (October 6, 2017)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"1100---september-26-2017"},"1.10.0 - (September 26, 2017)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Removed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Remove stylelint-disable selector-class-pattern")))),(0,l.mdx)("h2",{id:"190---september-19-2017"},"1.9.0 - (September 19, 2017)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"180---september-12-2017"},"1.8.0 - (September 12, 2017)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"170---september-7-2017"},"1.7.0 - (September 7, 2017)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"160---september-5-2017"},"1.6.0 - (September 5, 2017)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Update nightwatch tests and test scripts.")))),(0,l.mdx)("h2",{id:"150---august-31-2017"},"1.5.0 - (August 31, 2017)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"140---august-15-2017"},"1.4.0 - (August 15, 2017)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"130---august-8-2017"},"1.3.0 - (August 8, 2017)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"120---august-1-2017"},"1.2.0 - (August 1, 2017)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"110---july-18-2017"},"1.1.0 - (July 18, 2017)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Changed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Converted component to use CSS modules"),(0,l.mdx)("li",{parentName:"ul"},"Updated nightwatch test scripts"))),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Removed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Removed nightwatch.config file")))),(0,l.mdx)("h2",{id:"100---june-28-2017"},"1.0.0 - (June 28, 2017)"),(0,l.mdx)("p",null,"Initial stable release"))}p.isMDXComponent=!0;var x=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(n[m]=e[m]);return n}(e,a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,m)&&(n[m]=e[m])}return n}var s={},h="wrapper";function c(e){var a=e.components,m=N(e,x);return(0,l.mdx)(h,o({},s,m,{components:a,mdxType:"MDXLayout"}),(0,l.mdx)(n.C,{mdxType:"Badge"}),(0,l.mdx)(p,{mdxType:"ChangeLog"}))}c.isMDXComponent=!0},71947:function(e,a,m){m.d(a,{C:function(){return d}});var l=m(67294),n=m(22863),d=function(e){var a=e.url;return l.createElement(n.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-toggle",name:"terra-toggle",version:"3.61.0",url:a})}},17422:function(e,a,m){m.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/48117-685e48f6d1f6f730410c.css b/48117-685e48f6d1f6f730410c.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/48117-685e48f6d1f6f730410c.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/48117-685e48f6d1f6f730410c.js b/48117-685e48f6d1f6f730410c.js new file mode 100644 index 0000000000..133b5516ad --- /dev/null +++ b/48117-685e48f6d1f6f730410c.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[48117,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,a,n){var t=n(64836);a.Z=void 0;var i=t(n(67294)),o=t(n(45697)),r=t(n(47166)),d=t(n(17422)),l=r.default.bind(d.default),m={name:o.default.string.isRequired,src:o.default.string,url:o.default.string,version:o.default.string.isRequired},s=function(e){var a=e.src,n=e.name,t=e.url,o=e.version,r=i.default.createElement("a",{className:l("badge"),href:t||"https://www.npmjs.org/package/".concat(n,"/v/").concat(o)},i.default.createElement("span",{className:l("badge-name")},t?"package":"npm"),i.default.createElement("span",{className:l("badge-version")},"v".concat(o))),d=a?i.default.createElement("a",{className:l("badge"),href:a},i.default.createElement("span",{className:l("badge-name")},"github"),i.default.createElement("span",{className:l("badge-version")},"source")):void 0;return i.default.createElement("div",{className:l("badge-container")},r,d)};s.propTypes=m;var c=s;a.Z=c},48117:function(e,a,n){n.r(a),n.d(a,{default:function(){return s}});n(67294);var t=n(81254),i=n(28997),o=["components"];function r(){return r=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(i[n]=e[n]);return i}(e,a);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}var l={},m="wrapper";function s(e){var a=e.components,n=d(e,o);return(0,t.mdx)(m,r({},l,n,{components:a,mdxType:"MDXLayout"}),(0,t.mdx)(i.C,{mdxType:"Badge"}),(0,t.mdx)("h1",{id:"terra-notification-dialog-upgrade-guide"},"Terra Notification Dialog Upgrade Guide"),(0,t.mdx)("h2",{id:"upgrading-from-version-3-to-version-4"},"Upgrading from version 3 to version 4"),(0,t.mdx)("p",null,"The latest changes to the Notification Dialog reflect risk vs non-risk situations on when a dialog is presented and we have changed the variants provided by the Notification Dialog to reflect these. To align with standards, the ability to change the header and dialog icon is no longer available for the defined variant types. The ",(0,t.mdx)("inlineCode",{parentName:"p"},"custom")," variant will need to be used if the predefined signal word and icon combination for a variant does not meet your needs."),(0,t.mdx)("h3",{id:"new-props"},"New Props"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"Added ",(0,t.mdx)("inlineCode",{parentName:"li"},"dialogTitle")," prop"),(0,t.mdx)("li",{parentName:"ul"},"Added ",(0,t.mdx)("inlineCode",{parentName:"li"},"custom")," prop which accepts an object of keys",(0,t.mdx)("ul",{parentName:"li"},(0,t.mdx)("li",{parentName:"ul"},(0,t.mdx)("inlineCode",{parentName:"li"},"signalWord")),(0,t.mdx)("li",{parentName:"ul"},(0,t.mdx)("inlineCode",{parentName:"li"},"iconClassName"))))),(0,t.mdx)("h3",{id:"changed-props"},"Changed Props"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},(0,t.mdx)("inlineCode",{parentName:"li"},"variant")," prop is now required and the supported values have changes. The previous variants were ",(0,t.mdx)("inlineCode",{parentName:"li"},"alert"),", ",(0,t.mdx)("inlineCode",{parentName:"li"},"warning"),", ",(0,t.mdx)("inlineCode",{parentName:"li"},"error"),", ",(0,t.mdx)("inlineCode",{parentName:"li"},"success"),", ",(0,t.mdx)("inlineCode",{parentName:"li"},"info"),", and ",(0,t.mdx)("inlineCode",{parentName:"li"},"custom"),". The new variants are ",(0,t.mdx)("inlineCode",{parentName:"li"},"hazard-high"),", ",(0,t.mdx)("inlineCode",{parentName:"li"},"hazard-medium"),", ",(0,t.mdx)("inlineCode",{parentName:"li"},"hazard-low"),", ",(0,t.mdx)("inlineCode",{parentName:"li"},"error"),", and ",(0,t.mdx)("inlineCode",{parentName:"li"},"custom"),". The mappings from the v3 variants to the v4 variants are as follows:",(0,t.mdx)("ul",{parentName:"li"},(0,t.mdx)("li",{parentName:"ul"},(0,t.mdx)("inlineCode",{parentName:"li"},"alert")," -> ",(0,t.mdx)("inlineCode",{parentName:"li"},"hazard-high")),(0,t.mdx)("li",{parentName:"ul"},(0,t.mdx)("inlineCode",{parentName:"li"},"warning")," -> ",(0,t.mdx)("inlineCode",{parentName:"li"},"hazard-medium")),(0,t.mdx)("li",{parentName:"ul"},(0,t.mdx)("inlineCode",{parentName:"li"},"info")," -> ",(0,t.mdx)("inlineCode",{parentName:"li"},"hazard-low")),(0,t.mdx)("li",{parentName:"ul"},(0,t.mdx)("inlineCode",{parentName:"li"},"error")," and ",(0,t.mdx)("inlineCode",{parentName:"li"},"custom")," - these are the same."),(0,t.mdx)("li",{parentName:"ul"},(0,t.mdx)("inlineCode",{parentName:"li"},"success")," - this variant has been removed.")))),(0,t.mdx)("h3",{id:"removed-props"},"Removed Props"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"Removed ",(0,t.mdx)("inlineCode",{parentName:"li"},"title")," - use ",(0,t.mdx)("inlineCode",{parentName:"li"},"dialogTitle")," prop instead"),(0,t.mdx)("li",{parentName:"ul"},"Removed ",(0,t.mdx)("inlineCode",{parentName:"li"},"header")," - create a custom notification dialog if a custom signal word is needed"),(0,t.mdx)("li",{parentName:"ul"},"Removed ",(0,t.mdx)("inlineCode",{parentName:"li"},"customIcon")," - use ",(0,t.mdx)("inlineCode",{parentName:"li"},"custom.iconClassName")," prop instead"),(0,t.mdx)("li",{parentName:"ul"},"Removed ",(0,t.mdx)("inlineCode",{parentName:"li"},"primaryAction")," - use ",(0,t.mdx)("inlineCode",{parentName:"li"},"acceptAction")," prop instead"),(0,t.mdx)("li",{parentName:"ul"},"Removed ",(0,t.mdx)("inlineCode",{parentName:"li"},"secondaryAction")," - use ",(0,t.mdx)("inlineCode",{parentName:"li"},"rejectAction")," prop instead"),(0,t.mdx)("li",{parentName:"ul"},"Removed ",(0,t.mdx)("inlineCode",{parentName:"li"},"message")," - use ",(0,t.mdx)("inlineCode",{parentName:"li"},"startMessage")," prop instead"),(0,t.mdx)("li",{parentName:"ul"},"Removed ",(0,t.mdx)("inlineCode",{parentName:"li"},"isOpen")," - render NotificationDialog when it should be open")),(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-diff"},"import NotificationDialog from 'terra-notification-dialog';\n\nconst Dialog = () => {\n const [showDialog, setShowDialog] = React.useState(true);\n\n return (\n+ {showDialog && {\n return (\n {\n+ const theme = React.useContext(ThemeContext);\n\n return (\n }\n+ custom={{\n+ signalWord: 'Issue',\n+ iconClassName: cx('my-icon', theme.className)\n+ }}\n dialogTitle=\"There was an issue when you saved.\"\n startMessage=\"Please resumbit the form to save your progress.\"\n acceptAction={{\n text: 'OK',\n onClick: handleCloseModal,\n }}\n />\n );\n };\n")),(0,t.mdx)("h4",{id:"componentmodulescss"},"Component.module.scss"),(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-diff"},"+ @import '~terra-mixins/lib/Mixins';\n\n:local {\n+ .my-icon { \n+ background: var(--example-custom-icon-background, inline-svg(\"...\"));\n+ }\n\n+ .orion-fusion-theme {\n+ @include terra-inline-svg-var('--example-custom-icon-background', \"...\");\n+ }\n\n+ .clinical-lowlight-theme {\n+ @include terra-inline-svg-var('--example-custom-icon-background', \"...\");\n+ }\n}\n")),(0,t.mdx)("h3",{id:"added-layout-for-rendering-lists-with-content-prop"},"Added Layout for Rendering Lists with content Prop"),(0,t.mdx)("p",null,"The Notification Dialog provides has added the ",(0,t.mdx)("inlineCode",{parentName:"p"},"ContentLayoutAsList")," layout component to be used with the ",(0,t.mdx)("inlineCode",{parentName:"p"},"content")," prop. This layout renders a list of strings with styles that align with the Notification Dialog. Usage like:"),(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-diff"},"- import NotificationDialog from 'terra-notification-dialog';\n+ import NotificationDialog, { ContentLayoutAsList } from 'terra-notification-dialog';\n\nconst Dialog = () => (\n {\n-
      \n-
    • 200 mg every 3 hours
      • \n-
    • 400 mg ever 6 hours
      • \n-
    \n- }}\n+ content={(\n+ \n+ )}\n endMessage=\"Please specify the dose and frequency to order the medication.\"\n acceptAction={{\n text: 'OK',\n onClick: handleCloseModal,\n }}\n />\n);\n")),(0,t.mdx)("h3",{id:"added-data-attributes-for-testing"},"Added Data Attributes for Testing"),(0,t.mdx)("p",null,"The data attribute, ",(0,t.mdx)("inlineCode",{parentName:"p"},"data-terra-notification-dialog"),", was added to assist with validating the Notification Dialog was presented. This can be used like:"),(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-diff"}," it('opens a notification dialog', () => {\n $('#triggerNotificationDialog').click();\n- expect(browser.isExisting('[class*=\"notification-dialog\"]')).toBeTruthy();\n- expect(browser.hasFocus('[class*=\"notification-dialog\"]')).toBeTruthy();\n+ expect(browser.isExisting('[data-terra-notification-dialog]')).toBeTruthy();\n+ expect(browser.hasFocus('[data-terra-notification-dialog]')).toBeTruthy();\n Terra.validates.element();\n });\n")),(0,t.mdx)("p",null,"The data attribute, ",(0,t.mdx)("inlineCode",{parentName:"p"},"data-terra-notification-dialog-button")," was added to assist with selecting the accept and reject buttons when writing browser tests:"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"use ",(0,t.mdx)("inlineCode",{parentName:"li"},'data-terra-notification-dialog-button="accept"')," to select the accept button"),(0,t.mdx)("li",{parentName:"ul"},"use ",(0,t.mdx)("inlineCode",{parentName:"li"},'data-terra-notification-dialog-button="reject"')," to select the reject button")),(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-diff"}," it('rejects the notification dialog', () => {\n- $('[class*=\"notification-dialog-inner-wrapper\"] button:last-child').click();\n+ $('[data-terra-notification-dialog-button=\"reject\"]').click();\n Terra.validates.element('rejected', { selector: '#root' });\n });\n")),(0,t.mdx)("h2",{id:"changes-from-version-1-to-version-2"},"Changes from version 1 to version 2"),(0,t.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,t.mdx)("h4",{id:"renamed"},"Renamed"),(0,t.mdx)("table",null,(0,t.mdx)("thead",{parentName:"table"},(0,t.mdx)("tr",{parentName:"thead"},(0,t.mdx)("th",{parentName:"tr",align:null},"Previous"),(0,t.mdx)("th",{parentName:"tr",align:null},"New"))),(0,t.mdx)("tbody",{parentName:"table"},(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--notification-dialog-background"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-notification-dialog-background")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--notification-dialog-border-radius"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-notification-dialog-border-radius")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--notification-dialog-small-horizontal-inset"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-notification-dialog-small-horizontal-inset")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--notification-dialog-body-background-color"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-notification-dialog-body-background-color")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--notification-dialog-body-padding"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-notification-dialog-body-padding")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--notification-dialog-header-background-color"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-notification-dialog-header-background-color")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--notification-dialog-header-border-bottom"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-notification-dialog-header-border-bottom")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--notification-dialog-header-font-size"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-notification-dialog-header-font-size")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--notification-dialog-header-padding"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-notification-dialog-header-padding")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--notification-dialog-footer-background-color"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-notification-dialog-footer-background-color")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--notification-dialog-footer-border-top"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-notification-dialog-footer-border-top")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--notification-dialog-footer-font-size"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-notification-dialog-footer-font-size")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-notification-dialog-hazard-alert-icon"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-notification-dialog-hazard-alert-icon-background")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-notification-dialog-hazard-medium-icon"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-notification-dialog-hazard-medium-icon-background")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-notification-dialog-hazard-low-icon"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-notification-dialog-hazard-low-icon-background")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-notification-dialog-success-icon"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-notification-dialog-success-icon-background")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-notification-dialog-error-icon"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-notification-dialog-error-icon-background")))),(0,t.mdx)("h4",{id:"added"},"Added"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"--terra-notification-dialog-icon-height"),(0,t.mdx)("li",{parentName:"ul"},"--terra-notification-dialog-icon-width")))}s.isMDXComponent=!0},28997:function(e,a,n){n.d(a,{C:function(){return o}});var t=n(67294),i=n(22863),o=function(e){var a=e.url;return t.createElement(i.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-notification-dialog",name:"terra-notification-dialog",version:"4.36.0",url:a})}},17422:function(e,a,n){n.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/48179-bb2afdfb89dfe746c9a2.css b/48179-bb2afdfb89dfe746c9a2.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/48179-bb2afdfb89dfe746c9a2.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/48179-bb2afdfb89dfe746c9a2.js b/48179-bb2afdfb89dfe746c9a2.js new file mode 100644 index 0000000000..7d2793768f --- /dev/null +++ b/48179-bb2afdfb89dfe746c9a2.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[48179,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,a,t){var n=t(64836);a.Z=void 0;var r=n(t(67294)),i=n(t(45697)),l=n(t(47166)),d=n(t(17422)),m=l.default.bind(d.default),o={name:i.default.string.isRequired,src:i.default.string,url:i.default.string,version:i.default.string.isRequired},p=function(e){var a=e.src,t=e.name,n=e.url,i=e.version,l=r.default.createElement("a",{className:m("badge"),href:n||"https://www.npmjs.org/package/".concat(t,"/v/").concat(i)},r.default.createElement("span",{className:m("badge-name")},n?"package":"npm"),r.default.createElement("span",{className:m("badge-version")},"v".concat(i))),d=a?r.default.createElement("a",{className:m("badge"),href:a},r.default.createElement("span",{className:m("badge-name")},"github"),r.default.createElement("span",{className:m("badge-version")},"source")):void 0;return r.default.createElement("div",{className:m("badge-container")},l,d)};p.propTypes=o;var s=p;a.Z=s},48179:function(e,a,t){t.r(a),t.d(a,{default:function(){return p}});t(67294);var n=t(81254),r=t(93626),i=["components"];function l(){return l=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(r[t]=e[t]);return r}(e,a);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}var m={},o="wrapper";function p(e){var a=e.components,t=d(e,i);return(0,n.mdx)(o,l({},m,t,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)(r.C,{mdxType:"Badge"}),(0,n.mdx)("h1",{id:"webpack-config-terra"},"Webpack Config Terra"),(0,n.mdx)("p",null,"The webpack-config-terra package contains the base webpack config required to build terra applications. ",(0,n.mdx)("a",{parentName:"p",href:"https://webpack.js.org/"},"Webpack")," is a module bundler used to compile modules with dependencies and generate static assets. Webpack is a very powerful tool that is highly configurable and Terra components rely on specific polyfills, webpack loaders and plugins to render correctly."),(0,n.mdx)("h2",{id:"terras-configuration-requirements"},"Terra's Configuration Requirements"),(0,n.mdx)("p",null,"Below is the list of polyfills, webpack loaders and plugins Terra components rely on:"),(0,n.mdx)("h3",{id:"javascript-loaders"},"JavaScript Loaders"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://webpack.js.org/loaders/babel-loader/"},"babel-loader")," - Allows transpiling JavaScript files using ",(0,n.mdx)("a",{parentName:"li",href:"https://github.com/babel/babel"},"Babel")," and webpack."),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://webpack.js.org/loaders/file-loader/"},"file-loader")," - Instructs webpack to emit the required object as file and to return its public URL.")),(0,n.mdx)("h3",{id:"javascript-plugins"},"JavaScript Plugins"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://webpack.js.org/plugins/define-plugin/"},"DefinePlugin")," - Plugin to define global compile-time values, including:",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("inlineCode",{parentName:"li"},"CERNER_BUILD_TIMESTAMP")," - The time that webpack was executed in ISO8601 format."),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("inlineCode",{parentName:"li"},"TERRA_AGGREGATED_LOCALES")," - The list of successfully aggregated locales available to the browser. See ",(0,n.mdx)("a",{parentName:"li",href:"/terra-ui/dev_tools/terra-toolkit-docs/webpack-config-terra/terra-i-18-n-config-js"},"i18n config")," for more details about the object structure."),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("inlineCode",{parentName:"li"},"TERRA_THEME_CONFIG")," - The scoped and default theme. See ",(0,n.mdx)("a",{parentName:"li",href:"/terra-ui/dev_tools/terra-toolkit-docs/webpack-config-terra/terra-theme-config-js"},"theme config")," for more details about the object structure.")))),(0,n.mdx)("h3",{id:"css-loaders-and-plugins"},"CSS Loaders and Plugins"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://github.com/postcss/autoprefixer"},"autoprefixer")," - Plugin to parse CSS and add vendor prefixes to CSS rules. This should be configured with ",(0,n.mdx)("a",{parentName:"li",href:"https://github.com/cerner/browserslist-config-terra"},(0,n.mdx)("inlineCode",{parentName:"a"},"browserslist-config-terra")),". ","*"),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://webpack.js.org/loaders/css-loader/"},"css-loader")," - The css-loader interprets ",(0,n.mdx)("inlineCode",{parentName:"li"},"@import")," and ",(0,n.mdx)("inlineCode",{parentName:"li"},"url()")," like ",(0,n.mdx)("inlineCode",{parentName:"li"},"import/require()")," and will resolve them. The css-loader is also used to parse CSS Modules."),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://github.com/webpack-contrib/mini-css-extract-plugin"},"mini-css-extract-plugin")," - This plugin extracts CSS into separate files and supports on-demand-loading of CSS and SourceMaps."),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://webpack.js.org/loaders/postcss-loader/"},"postcss-loader")," - Transforms styles with JS plugins."),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://github.com/klimashkin/postcss-assets-webpack-plugin#apply-postcss-plugins-to-webpack-css-asset"},"postcss-assets-webpack-plugin")," - Gets the css, extracted by ExtractTextPlugin and apply postcss plugins to it."),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://github.com/postcss/postcss-custom-properties"},"postcss-custom-properties")," - Transforms W3C CSS Custom Properties to static values.","*"),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://github.com/vkalinichev/postcss-rtl"},"postcss-rtl")," - PostCSS-plugin for RTL-adaptivity."),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://webpack.js.org/loaders/sass-loader/"},"sass-loader")," - Loads a SASS/SCSS file and compiles it to CSS."),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://webpack.js.org/loaders/style-loader/"},"style-loader")," - Adds CSS to the DOM by injecting a ",(0,n.mdx)("inlineCode",{parentName:"li"},"\n

    Vitals

    \n
    \n \n \n \n \n \n
    \n

    \n);\n\nexport default LabelValueViewText;\n\n')))}c.isMDXComponent=!0;var m=a(49271),p=function(e){var t=e.title,a=e.description,n=e.isExpanded;return l.createElement(m.Z,{title:t||"Label Value View Text Term And Def",description:a,example:l.createElement(i.Z,null),exampleSrc:l.createElement(c,null),isExpanded:n})},f=a(47889),b=["components"];function x(){return x=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(n[a]=e[a]);return n}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(n[a]=e[a])}return n}var h={};function y(e){var t=e.components,a=v(e,b);return(0,n.mdx)("wrapper",x({},h,a,{components:t,mdxType:"MDXLayout"}),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport LabelValueView from \'terra-clinical-label-value-view\';\n\nconst LabelValueViewText = () => (\n
    \n

    Topic text for the LabelValueView

    \n \n
    \n);\n\nexport default LabelValueViewText;\n\n')))}y.isMDXComponent=!0;var g=function(e){var t=e.title,a=e.description,n=e.isExpanded;return l.createElement(m.Z,{title:t||"Label Value View Text Definition List",description:a,example:l.createElement(f.Z,null),exampleSrc:l.createElement(y,null),isExpanded:n})},_=a(20538),w=["components"];function V(){return V=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(n[a]=e[a]);return n}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(n[a]=e[a])}return n}var E={};function N(e){var t=e.components,a=O(e,w);return(0,n.mdx)("wrapper",V({},E,a,{components:t,mdxType:"MDXLayout"}),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport classNames from 'classnames/bind';\nimport IconCritical from 'terra-icon/lib/icon/IconCritical';\nimport LabelValueView from 'terra-clinical-label-value-view';\nimport styles from './LabelValueView.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst LabelValueViewNode = () => (\n
    \n \n
    \n
    \n \n
    \n
    \n Critical Alert: Blood Pressure is high.\n
    \n
    \n     \n
    \n);\n\nexport default LabelValueViewNode;\n\n")))}N.isMDXComponent=!0;var C=["components"];function T(){return T=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(n[a]=e[a]);return n}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(n[a]=e[a])}return n}var j={};function D(e){var t=e.components,a=L(e,C);return(0,n.mdx)("wrapper",T({},j,a,{components:t,mdxType:"MDXLayout"}),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .label-value-view-content {\n border: 1px solid #d3d4d5;\n border-radius: 5px;\n padding: 0 20px;\n width: 280px;\n }\n\n .container {\n display: flex;\n font-size: 1rem;\n line-height: 1.4285714285714286;\n max-width: 100%; // Needed for IE10 truncation\n overflow: hidden; // VERY IMPORTANT FOR IE10\n }\n\n .icon {\n flex: 0 0 auto;\n overflow: hidden;\n padding-right: 0.357142857142857rem;\n }\n\n .text {\n color: #c00;\n flex: 1 1 auto;\n font-weight: 700;\n min-width: 10px; // Need min-width, as IE10 will completely squish display\n }\n}\n\n")))}D.isMDXComponent=!0;var P=function(e){var t=e.title,a=e.description,n=e.isExpanded;return l.createElement(m.Z,{title:t||"Label Value View Node",description:a,example:l.createElement(_.Z,null),exampleCssSrc:l.createElement(D,null),exampleSrc:l.createElement(N,null),isExpanded:n})},S=a(27908),M=["components"];function I(){return I=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(n[a]=e[a]);return n}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(n[a]=e[a])}return n}var R={};function B(e){var t=e.components,a=k(e,M);return(0,n.mdx)("wrapper",I({},R,a,{components:t,mdxType:"MDXLayout"}),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport LabelValueView from 'terra-clinical-label-value-view';\nimport classNames from 'classnames/bind';\nimport styles from './LabelValueView.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst LabelValueViewNodeCustom = () => (\n
    \n \n
    \n

    Critical Alert: Covid-19 Outbreak

    \n

    Due to recent Covid-19 outbreakm out healthcare facility has implemented strict protocals to ensure the safety and well-being of our patients and staff.

    \n
    \n     \n
    \n);\n\nexport default LabelValueViewNodeCustom;\n\n")))}B.isMDXComponent=!0;var Z=function(e){var t=e.title,a=e.description,n=e.isExpanded;return l.createElement(m.Z,{title:t||"Label Value View Node Custom",description:a,example:l.createElement(S.Z,null),exampleCssSrc:l.createElement(D,null),exampleSrc:l.createElement(B,null),isExpanded:n})},X=a(78530),A=["components"];function q(){return q=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(n[a]=e[a]);return n}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(n[a]=e[a])}return n}var W={},H="wrapper";function z(e){var t=e.components,a=F(e,A);return(0,n.mdx)(H,q({},W,a,{components:t,mdxType:"MDXLayout"}),(0,n.mdx)(X.ZP,{mdxType:"PropsTable"},(0,n.mdx)(X.X2,{key:"ROW1",mdxType:"Row"},(0,n.mdx)(X.O,{mdxType:"PropNameCell"},"label"),(0,n.mdx)(X.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,n.mdx)(X.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,n.mdx)(X.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(X.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The label of the LabelValueView."))),(0,n.mdx)(X.X2,{key:"ROW2",mdxType:"Row"},(0,n.mdx)(X.O,{mdxType:"PropNameCell"},"textValue"),(0,n.mdx)(X.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,n.mdx)(X.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(X.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"''\n"))),(0,n.mdx)(X.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The text to be displayed underneath the label with the provided styling."))),(0,n.mdx)(X.X2,{key:"ROW3",mdxType:"Row"},(0,n.mdx)(X.O,{mdxType:"PropNameCell"},"isChildOfDescriptionList"),(0,n.mdx)(X.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(X.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(X.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(X.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Indicates if the LabelValueView is created inside a description list or not.\nIf it is not valued, it will take false as a default, meaning that is is not a child of a description list."))),(0,n.mdx)(X.X2,{key:"ROW4",mdxType:"Row"},(0,n.mdx)(X.O,{mdxType:"PropNameCell"},"ariaLabelledBy"),(0,n.mdx)(X.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,n.mdx)(X.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(X.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(X.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The id of the element to be used as the accessible label for LabelValueView."))),(0,n.mdx)(X.X2,{key:"ROW5",mdxType:"Row"},(0,n.mdx)(X.O,{mdxType:"PropNameCell"},"children"),(0,n.mdx)(X.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,n.mdx)(X.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(X.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(X.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Child component(s) to display underneath the label.")))))}z.isMDXComponent=!0;var U=["components"];function Y(){return Y=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(n[a]=e[a]);return n}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(n[a]=e[a])}return n}var K={},J="wrapper";function Q(e){var t=e.components,a=G(e,U);return(0,n.mdx)(J,Y({},K,a,{components:t,mdxType:"MDXLayout"}),(0,n.mdx)(r.C,{mdxType:"Badge"}),(0,n.mdx)("h1",{id:"terra-clinical-label-value-view"},"Terra Clinical Label Value View"),(0,n.mdx)("p",null,"The LabelValueView component creates a visual and programmatic association of a label-value pair. An HTML description list is used to create the programmatic structure of the label to a value. This semantic structure is critical to support users of assistive technology. "),(0,n.mdx)("p",null,"LabelValueView can be used as a single description list with one label-value pair or as a group of related label-value pairs."),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"To use LabelValueView as a description list with a single label-value pair, ensure the ",(0,n.mdx)("inlineCode",{parentName:"li"},"isChildOfDescriptionList")," prop is ",(0,n.mdx)("inlineCode",{parentName:"li"},"false"),"."),(0,n.mdx)("li",{parentName:"ul"},"If multiple LabelValueViews are used as a group, then the best practice is to encapsulate them within a single description list ",(0,n.mdx)("inlineCode",{parentName:"li"},"
    ")," element. LabelValueView does not need a dedicated description list and can be added to an existing one. To use LabelValueView as a child of a description list, the ",(0,n.mdx)("inlineCode",{parentName:"li"},"isChildOfDescriptionList")," prop needs to be set to ",(0,n.mdx)("inlineCode",{parentName:"li"},"true")," .")),(0,n.mdx)("p",null,"It is highly recommended to add an element that describes the topic of the description list, such as a heading."),(0,n.mdx)("p",null,"LabelValueViews and the encapsulating description lists are often visually associated with a topic on the page. It is best practice to programmatically associate the LabelValueView with the ID of the element that labels it on the page by using one of the following methods:"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"If the ",(0,n.mdx)("inlineCode",{parentName:"li"},"isChildOfDescriptionList")," prop is set to ",(0,n.mdx)("inlineCode",{parentName:"li"},"false"),", associate the list by setting the ",(0,n.mdx)("inlineCode",{parentName:"li"},"ariaLabelledBy")," prop to the ID of the topic."),(0,n.mdx)("li",{parentName:"ul"},"If the ",(0,n.mdx)("inlineCode",{parentName:"li"},"isChildOfDescriptionList")," prop is set to ",(0,n.mdx)("inlineCode",{parentName:"li"},"true")," associate the description list with the label using the ",(0,n.mdx)("inlineCode",{parentName:"li"},"aria-labelledby")," attribute on the description list that points to the ID of the topic.")),(0,n.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Install with ",(0,n.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("inlineCode",{parentName:"li"},"npm install terra-clinical-label-value-view"))))),(0,n.mdx)("h2",{id:"usage"},"Usage"),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-jsx"},"import LabelValueView from 'terra-clinical-label-value-view';\n")),(0,n.mdx)("h2",{id:"component-features"},"Component Features"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support"))),(0,n.mdx)("h2",{id:"examples"},"Examples"),(0,n.mdx)(p,{title:"Label Value View with a Text Input (as a term and definition)",mdxType:"LabelValueViewTextTermAndDef"}),(0,n.mdx)(g,{title:"Label Value View with a Text Input (as a description list)",mdxType:"LabelValueViewTextDefinitionList"}),(0,n.mdx)(P,{title:"Label Value View with a Node Input",mdxType:"LabelValueViewNode"}),(0,n.mdx)(Z,{title:"Label Value View with a Node Input (Custom)",mdxType:"LabelValueViewNodeCustom"}),(0,n.mdx)("h2",{id:"label-value-view-props"},"Label Value View Props"),(0,n.mdx)(z,{mdxType:"LabelValueViewPropsTable"}))}Q.isMDXComponent=!0},54341:function(e,t,a){a.d(t,{C:function(){return r}});var l=a(67294),n=a(22863),r=function(e){var t=e.url;return l.createElement(n.Z,{src:"https://github.com/cerner/terra-clinical/tree/main/packages/terra-clinical-label-value-view",name:"terra-clinical-label-value-view",version:"3.31.1",url:t})}},17422:function(e,t,a){a.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},53560:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},15147:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"LabelValueView-module__clinical-lowlight-theme___joOcR","orion-fusion-theme":"LabelValueView-module__orion-fusion-theme___UFkm2","label-value-view":"LabelValueView-module__label-value-view___n5UCS",label:"LabelValueView-module__label___YCXrR",value:"LabelValueView-module__value___1wzfL","value-wrapper":"LabelValueView-module__value-wrapper___JePAZ"}},31851:function(e,t,a){a.r(t),t.default={"label-value-view-content":"LabelValueView-module__label-value-view-content___3c-is",container:"LabelValueView-module__container___2ae6F",icon:"LabelValueView-module__icon___H7n4Z",text:"LabelValueView-module__text___6kyhU"}},83664:function(e,t,a){a.r(t),t.default={"orion-fusion-theme":"IconCritical-module__orion-fusion-theme___DJnrc","clinical-lowlight-theme":"IconCritical-module__clinical-lowlight-theme___RujMT",IconCritical:"IconCritical-module__IconCritical___yXOuU"}},818:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=s(a(67294)),n=s(a(45697)),r=s(a(94184)),i=s(a(47166)),o=s(a(50026)),d=s(a(15147)),u=["label","textValue","isChildOfDescriptionList","ariaLabelledBy","children"];function s(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(n[a]=e[a]);return n}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(n[a]=e[a])}return n}var p=i.default.bind(d.default),f={label:n.default.string.isRequired,textValue:n.default.string,isChildOfDescriptionList:n.default.bool,ariaLabelledBy:n.default.string,children:n.default.node},b={textValue:"",children:void 0,isChildOfDescriptionList:!1,ariaLabelledBy:void 0},x=function(e){var t,a=e.label,n=e.textValue,i=e.isChildOfDescriptionList,d=e.ariaLabelledBy,s=e.children,f=m(e,u),b=l.default.useContext(o.default),x=(0,r.default)(p("label-value-view",b.className),f.className);n||s?n&&(t=l.default.createElement("div",{className:p("value")},n)):t=l.default.createElement("div",{className:p("value")},"--");var v=l.default.createElement(l.default.Fragment,null,l.default.createElement("dt",{className:p("label")},a),l.default.createElement("dd",{className:p("value-wrapper")},t,s));return i?l.default.createElement(l.default.Fragment,null,v):l.default.createElement("dl",c({},f,{className:x,"aria-labelledby":d}),v)};x.propTypes=f,x.defaultProps=b;var v=x;t.default=v},20538:function(e,t,a){t.Z=void 0;var l=d(a(67294)),n=d(a(47166)),r=d(a(46510)),i=d(a(818)),o=d(a(31851));function d(e){return e&&e.__esModule?e:{default:e}}var u=n.default.bind(o.default),s=function(){return l.default.createElement("div",null,l.default.createElement(i.default,{label:"Alert"},l.default.createElement("div",{className:u("container")},l.default.createElement("div",{className:u("icon")},l.default.createElement(r.default,null)),l.default.createElement("div",{className:u("text")},"Critical Alert: Blood Pressure is high."))))};t.Z=s},27908:function(e,t,a){t.Z=void 0;var l=o(a(67294)),n=o(a(818)),r=o(a(47166)),i=o(a(31851));function o(e){return e&&e.__esModule?e:{default:e}}var d=r.default.bind(i.default),u=function(){return l.default.createElement("div",null,l.default.createElement(n.default,{label:"Daily Feeds"},l.default.createElement("div",{className:d("label-value-view-content")},l.default.createElement("h3",null,"Critical Alert: Covid-19 Outbreak"),l.default.createElement("p",null,"Due to recent Covid-19 outbreakm out healthcare facility has implemented strict protocals to ensure the safety and well-being of our patients and staff."))))};t.Z=u},47889:function(e,t,a){t.Z=void 0;var l=r(a(67294)),n=r(a(818));function r(e){return e&&e.__esModule?e:{default:e}}var i=function(){return l.default.createElement("div",null,l.default.createElement("h4",{id:"topic"},"Topic text for the LabelValueView"),l.default.createElement(n.default,{label:"Label",textValue:"Sample Text as Value",ariaLabelledBy:"topic"}))};t.Z=i},4821:function(e,t,a){t.Z=void 0;var l=r(a(67294)),n=r(a(818));function r(e){return e&&e.__esModule?e:{default:e}}var i=function(){return l.default.createElement("div",null,l.default.createElement("style",null,"\n #dl-wrapper > dd {\n margin-bottom: 14px;\n }\n\n #dl-wrapper {\n margin-bottom: 0;\n margin-top: 0;\n }\n "),l.default.createElement("h4",{id:"topicText"},"Vitals"),l.default.createElement("dl",{id:"dl-wrapper","aria-labelledby":"topicText"},l.default.createElement(n.default,{label:"Collected By",textValue:"Noah Brown",isChildOfDescriptionList:!0}),l.default.createElement(n.default,{label:"Date",textValue:"12/12/12 00:00AM",isChildOfDescriptionList:!0}),l.default.createElement(n.default,{label:"Blood Pressure",textValue:"110/60 mmHg",isChildOfDescriptionList:!0}),l.default.createElement(n.default,{label:"Temperature",textValue:"97 F",isChildOfDescriptionList:!0}),l.default.createElement(n.default,{label:"Heart Rate",textValue:"80 BPM",isChildOfDescriptionList:!0})))};t.Z=i},33864:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=r(a(67294)),n=r(a(99139));function r(e){return e&&e.__esModule?e:{default:e}}function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(d[l]=e[l]);return d}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(m=0;m=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(d[l]=e[l])}return d}var i={},u="wrapper";function p(e){var a=e.components,l=r(e,n);return(0,m.mdx)(u,t({},i,l,{components:a,mdxType:"MDXLayout"}),(0,m.mdx)("h1",{id:"changelog"},"Changelog"),(0,m.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,m.mdx)("h2",{id:"3460---august-31-2023"},"3.46.0 - (August 31, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3450---august-2-2023"},"3.45.0 - (August 2, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Locked ",(0,m.mdx)("inlineCode",{parentName:"li"},"uuid")," dependency to ",(0,m.mdx)("inlineCode",{parentName:"li"},"3.4.0")," for consistency across Terra packages.")))),(0,m.mdx)("h2",{id:"3440---july-31-2023"},"3.44.0 - (July 31, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added check for focus on the disclosing node before calling focus.")))),(0,m.mdx)("h2",{id:"3430---july-19-2023"},"3.43.0 - (July 19, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Locked ",(0,m.mdx)("inlineCode",{parentName:"li"},"uuid")," dependency to ",(0,m.mdx)("inlineCode",{parentName:"li"},"7.0.3")," for consistency across Terra packages.")))),(0,m.mdx)("h2",{id:"3420---july-4-2023"},"3.42.0 - (July 4, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3410---june-12-2023"},"3.41.0 - (June 12, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Locked ",(0,m.mdx)("inlineCode",{parentName:"li"},"uuid")," version to ",(0,m.mdx)("inlineCode",{parentName:"li"},"8.2.0"),".")))),(0,m.mdx)("h2",{id:"3400---june-5-2023"},"3.40.0 - (June 5, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added missing translations."))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Fixed a11y bug where multiple slide panels shared same ID for visually hidden text. (This fix requires updates to Jest snapshots and requires UUID to be mocked on consuming applications)"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated ",(0,m.mdx)("inlineCode",{parentName:"li"},"uuid")," to ",(0,m.mdx)("inlineCode",{parentName:"li"},"v8")," for consistency with other components.")))),(0,m.mdx)("h2",{id:"3390---april-27-2023"},"3.39.0 - (April 27, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added roles and visually hidden text to slide panel."),(0,m.mdx)("li",{parentName:"ul"},"Added built-in text for screen readers to communicate that a slide panel may be present and interactable."),(0,m.mdx)("li",{parentName:"ul"},"Added internationalization for built-in ",(0,m.mdx)("inlineCode",{parentName:"li"},"aria-describedby")," text."))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated main content to not be focusable when panel content is fullscreen.")))),(0,m.mdx)("h2",{id:"3381---april-12-2023"},"3.38.1 - (April 12, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Fixed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Fixed bug where ",(0,m.mdx)("inlineCode",{parentName:"li"},"terra-slide-panel")," crashes when open by default on load.")))),(0,m.mdx)("h2",{id:"3380---march-29-2023"},"3.38.0 - (March 29, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated to focus originating element when slide panel is closed.")))),(0,m.mdx)("h2",{id:"3370---february-14-2023"},"3.37.0 - (February 14, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated WDIO screenshots due to webpack-config-terra and\nterra-functional-testing upgrade.")))),(0,m.mdx)("h2",{id:"3360---march-15-2022"},"3.36.0 - (March 15, 2022)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Migrate docs to terra-framework-docs.")))),(0,m.mdx)("h2",{id:"3350---september-20-2021"},"3.35.0 - (September 20, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated WDIO screenshots due to webpack-config-terra sass upgrade."),(0,m.mdx)("li",{parentName:"ul"},"Updated WDIO snapshots due to terra-functional-testing v2 upgrade.")))),(0,m.mdx)("h2",{id:"3340---june-8-2021"},"3.34.0 - (June 8, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3330---april-6-2021"},"3.33.0 - (April 6, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,m.mdx)("h2",{id:"3320---march-9-2021"},"3.32.0 - (March 9, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated to terra-functional-testing")))),(0,m.mdx)("h2",{id:"3310---january-5-2021"},"3.31.0 - (January 5, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Fixed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation.")))),(0,m.mdx)("h2",{id:"3300---december-8-2020"},"3.30.0 - (December 8, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,m.mdx)("h2",{id:"3290---august-4-2020"},"3.29.0 - (August 4, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated Changelog format")))),(0,m.mdx)("h2",{id:"3280---july-14-2020"},"3.28.0 - (July 14, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"updated ",(0,m.mdx)("inlineCode",{parentName:"li"},"master")," references to ",(0,m.mdx)("inlineCode",{parentName:"li"},"main"),"."),(0,m.mdx)("li",{parentName:"ul"},"Minor file changes to comply with eslint config")))),(0,m.mdx)("h2",{id:"3270---june-2-2020"},"3.27.0 - (June 2, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Apply themes by context and directly include packaged themes.")))),(0,m.mdx)("h2",{id:"3260---april-28-2020"},"3.26.0 - (April 28, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added ",(0,m.mdx)("inlineCode",{parentName:"li"},"directory")," as a sub attribute to the ",(0,m.mdx)("inlineCode",{parentName:"li"},"repository")," attribute in package.json"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Removed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge')))),(0,m.mdx)("h2",{id:"3250---march-31-2020"},"3.25.0 - (March 31, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,m.mdx)("h2",{id:"3240---march-17-2020"},"3.24.0 - (March 17, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update docs to use MDX syntax"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added key to main content and panel content to prevent unmounting when changing panel position")))),(0,m.mdx)("h2",{id:"3230---february-18-2020"},"3.23.0 - (February 18, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme theming files")))),(0,m.mdx)("h2",{id:"3220---january-28-2020"},"3.22.0 - (January 28, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update copyright to include 2020")))),(0,m.mdx)("h2",{id:"3210---december-10-2019"},"3.21.0 - (December 10, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added orion-fusion-theme and generated the respective reference wdio screenshots.")))),(0,m.mdx)("h2",{id:"3200---november-7-2019"},"3.20.0 - (November 7, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Resolved lint warnings for multiple empty lines")))),(0,m.mdx)("h2",{id:"3190---october-30-2019"},"3.19.0 - (October 30, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added ",(0,m.mdx)("inlineCode",{parentName:"li"},"aria-label"),' to the "Main" and "Panel" containers.'),(0,m.mdx)("li",{parentName:"ul"},"Added ",(0,m.mdx)("inlineCode",{parentName:"li"},"mainAriaLabel")," and ",(0,m.mdx)("inlineCode",{parentName:"li"},"panelAriaLabel")," as optional props.")))),(0,m.mdx)("h2",{id:"3180---october-16-2019"},"3.18.0 - (October 16, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,m.mdx)("h2",{id:"3170---october-3-2019"},"3.17.0 - (October 3, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,m.mdx)("h2",{id:"3160---september-26-2019"},"3.16.0 - (September 26, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,m.mdx)("h2",{id:"3150---september-19-2019"},"3.15.0 - (September 19, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed ",(0,m.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site."),(0,m.mdx)("li",{parentName:"ul"},"Doc site example module import syntax modified to use package.json name resolution")))),(0,m.mdx)("h2",{id:"3140---september-6-2019"},"3.14.0 - (September 6, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files")))),(0,m.mdx)("h2",{id:"3130---august-21-2019"},"3.13.0 - (August 21, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Cleaned up ESLint comments")))),(0,m.mdx)("h2",{id:"3120---august-14-2019"},"3.12.0 - (August 14, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"updated package.json test scripts")))),(0,m.mdx)("h2",{id:"3110---july-30-2019"},"3.11.0 - (July 30, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Removed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed DEPENDENCIES.md file")))),(0,m.mdx)("h2",{id:"3100---july-16-2019"},"3.10.0 - (July 16, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies")))),(0,m.mdx)("h2",{id:"390---july-10-2019"},"3.9.0 - (July 10, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"380---july-2-2019"},"3.8.0 - (July 2, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Renamed test and example SCSS files to end with ",(0,m.mdx)("inlineCode",{parentName:"li"},".module.scss")," extension")))),(0,m.mdx)("h2",{id:"370---june-19-2019"},"3.7.0 - (June 19, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Removed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed '-ms-overflow-style' style"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Corrected to allow Slide Panel's DOM order to flex based on the 'panelPosition' prop.")))),(0,m.mdx)("h2",{id:"360---june-12-2019"},"3.6.0 - (June 12, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Removed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed all inline styles and implemented the same styles using external css."))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update tests for terra-toolkit v5 and terra-dev-site v5 changes"),(0,m.mdx)("li",{parentName:"ul"},"Update wdio specs to use Terra.describeViewports")))),(0,m.mdx)("h2",{id:"350---april-24-2019"},"3.5.0 - (April 24, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Moved packages we use solely in doc examples and tests to devDependencies")))),(0,m.mdx)("h2",{id:"340---april-18-2019"},"3.4.0 - (April 18, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Remove transition listener logic. Replace with componentDidUpdate comparison."))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Set outline to none on main + panel.")))),(0,m.mdx)("h2",{id:"330---april-9-2019"},"3.3.0 - (April 9, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Fixed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Setting Focus to slide panel's panel content on open.")))),(0,m.mdx)("h2",{id:"320---march-26-2019"},"3.2.0 - (March 26, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Removed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,m.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Removed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,m.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,m.mdx)("h2",{id:"310---february-5-2019"},"3.1.0 - (February 5, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,m.mdx)("h2",{id:"300---january-25-2019"},"3.0.0 - (January 25, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Breaking Change",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated variable names to match new naming standard"),(0,m.mdx)("li",{parentName:"ul"},"Added new variables for css theming"),(0,m.mdx)("li",{parentName:"ul"},"Removed variables for css theming"),(0,m.mdx)("li",{parentName:"ul"},"Updated terra-core dependencies")))),(0,m.mdx)("h2",{id:"2250---january-5-2019"},"2.25.0 - (January 5, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,m.mdx)("h2",{id:"2240---january-2-2019"},"2.24.0 - (January 2, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,m.mdx)("h2",{id:"2230---december-5-2018"},"2.23.0 - (December 5, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,m.mdx)("h2",{id:"2220---december-3-2018"},"2.22.0 - (December 3, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Wdio tests changed to use themeCombinationOfCustomProperties"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Slide panel's aria-hidden value when the panel is toggled")))),(0,m.mdx)("h2",{id:"2210---november-15-2018"},"2.21.0 - (November 15, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,m.mdx)("h2",{id:"2200---october-24-2018"},"2.20.0 - (October 24, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated the controlled slidepanel example's focus management")))),(0,m.mdx)("h2",{id:"2190---october-16-2018"},"2.19.0 - (October 16, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Reordered DOM structure to change tab order")))),(0,m.mdx)("h2",{id:"2180---october-8-2018"},"2.18.0 - (October 8, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Upgrade focus-trap-react version to ^4.0.1")))),(0,m.mdx)("h2",{id:"2170---september-25-2018"},"2.17.0 - (September 25, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency bump")))),(0,m.mdx)("h2",{id:"2160---september-5-2018"},"2.16.0 - (September 5, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,m.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,m.mdx)("h2",{id:"2150---august-30-2018"},"2.15.0 - (August 30, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v5 update")))),(0,m.mdx)("h2",{id:"2140---august-13-2018"},"2.14.0 - (August 13, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v4 update"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Lint errors regarding file path resolution")))),(0,m.mdx)("h2",{id:"2130---july-25-2018"},"2.13.0 - (July 25, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Add .module extension to SCSS file(s)")))),(0,m.mdx)("h2",{id:"2120---july-10-2018"},"2.12.0 - (July 10, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Clean up dependencies")))),(0,m.mdx)("h2",{id:"2110---july-3-2018"},"2.11.0 - (July 3, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Change logs to documentation on terra-dev-site")))),(0,m.mdx)("h2",{id:"2100---june-29-2018"},"2.10.0 - (June 29, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,m.mdx)("h2",{id:"290---june-12-2018"},"2.9.0 - (June 12, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,m.mdx)("h2",{id:"280---may-30-2018"},"2.8.0 - (May 30, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Moved examples to src")))),(0,m.mdx)("h2",{id:"270---may-22-2018"},"2.7.0 - (May 22, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,m.mdx)("h2",{id:"260---april-30-2018"},"2.6.0 - (April 30, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency updates"),(0,m.mdx)("li",{parentName:"ul"},"Do not release snapshots to npm")))),(0,m.mdx)("h2",{id:"250---april-13-2018"},"2.5.0 - (April 13, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,m.mdx)("h2",{id:"240---april-10-2018"},"2.4.0 - (April 10, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Allow Slide Panel Background Color to be Themeable")))),(0,m.mdx)("h2",{id:"230---april-3-2018"},"2.3.0 - (April 3, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Miragte package to terra-framework")))),(0,m.mdx)("h2",{id:"220---march-6-2018"},"2.2.0 - (March 6, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Removed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed props-table script from package.json")))),(0,m.mdx)("h2",{id:"210---february-26-2018"},"2.1.0 - (February 26, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Offscreen tab access in the panel removed"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated aria hidden to use the string entry")))),(0,m.mdx)("h2",{id:"201---february-13-2018"},"2.0.1 - (February 13, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated peerDependencies")))),(0,m.mdx)("h2",{id:"200---february-12-2018"},"2.0.0 - (February 12, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated to use React 16"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"CSS bug in calculated squish behavior")))),(0,m.mdx)("h2",{id:"1160---february-1-2018"},"1.16.0 - (February 1, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor version bump")))),(0,m.mdx)("h2",{id:"1150---january-18-2018"},"1.15.0 - (January 18, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor version bump")))),(0,m.mdx)("h2",{id:"1140---january-5-2018"},"1.14.0 - (January 5, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor version bump")))),(0,m.mdx)("h2",{id:"1130---november-28-2017"},"1.13.0 - (November 28, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor version bump")))),(0,m.mdx)("h2",{id:"1120---november-16-2017"},"1.12.0 - (November 16, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor version bump")))),(0,m.mdx)("h2",{id:"1110---october-6-2017"},"1.11.0 - (October 6, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor version bump")))),(0,m.mdx)("h2",{id:"1100---september-26-2017"},"1.10.0 - (September 26, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor version bump")))),(0,m.mdx)("h2",{id:"190---september-19-2017"},"1.9.0 - (September 19, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor version bump")))),(0,m.mdx)("h2",{id:"180---september-12-2017"},"1.8.0 - (September 12, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor version bump")))),(0,m.mdx)("h2",{id:"170---september-7-2017"},"1.7.0 - (September 7, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor version bump")))),(0,m.mdx)("h2",{id:"160---september-5-2017"},"1.6.0 - (September 5, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update nightwatch tests and test scripts.")))),(0,m.mdx)("h2",{id:"150---august-31-2017"},"1.5.0 - (August 31, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor version bump")))),(0,m.mdx)("h2",{id:"140---august-15-2017"},"1.4.0 - (August 15, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Switched CSS custom properties usage to inline fallback syntax")))),(0,m.mdx)("h2",{id:"130---august-8-2017"},"1.3.0 - (August 8, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor version bump")))),(0,m.mdx)("h2",{id:"120---august-1-2017"},"1.2.0 - (August 1, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Converted component to use CSS modules")))),(0,m.mdx)("h2",{id:"110---july-18-2017"},"1.1.0 - (July 18, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated nightwatch test scripts"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Removed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed nightwatch.config file")))),(0,m.mdx)("h2",{id:"100---june-28-2017"},"1.0.0 - (June 28, 2017)"),(0,m.mdx)("p",null,"Initial stable release"))}p.isMDXComponent=!0;var x=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(d[l]=e[l]);return d}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(m=0;m=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(d[l]=e[l])}return d}var s={},c="wrapper";function h(e){var a=e.components,l=N(e,x);return(0,m.mdx)(c,o({},s,l,{components:a,mdxType:"MDXLayout"}),(0,m.mdx)(d.C,{mdxType:"Badge"}),(0,m.mdx)(p,{mdxType:"ChangeLog"}))}h.isMDXComponent=!0},95660:function(e,a,l){l.d(a,{C:function(){return n}});var m=l(67294),d=l(22863),n=function(e){var a=e.url;return m.createElement(d.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-slide-panel",name:"terra-slide-panel",version:"3.46.0",url:a})}},17422:function(e,a,l){l.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/81750-b6089a1e30a951d9eab1.js b/81750-b6089a1e30a951d9eab1.js new file mode 100644 index 0000000000..eef518467a --- /dev/null +++ b/81750-b6089a1e30a951d9eab1.js @@ -0,0 +1 @@ +(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[81750],{59121:function(e,t,n){"use strict";var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=a(n(54520)),o=n(22678),l=n(5485),i={key:"uid_2",label:{display:"Data Label 2"},shape:r.default.helpers.SHAPES.DARK.TRIANGLE,color:r.default.helpers.COLORS.BLUE,style:{strokeDashArray:"2,2"},onClick:o.loadPopup,values:(0,l.createGraphValuesWithSin)({length:18,initialX:85,xModifier:10,yModifier:2*Math.PI}),legendOptions:{showLine:!0,showShape:!1,style:{strokeDashArray:"2,2"}},showShapes:!1};t.default=i},5485:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.createGraphValuesWithSin=t.createGraphValuesWithCos=void 0;t.createGraphValuesWithSin=function(e){var t=e.length,n=e.initialX,a=e.xModifier,r=e.yModifier;return new Array(t).fill("").map((function(e,t){return{y:Math.sin(t)*r,x:n+t*a}}))},t.createGraphValuesWithCos=function(e){var t=e.length,n=e.initialX,a=e.xModifier,r=e.yModifier;return new Array(t).fill("").map((function(e,t){return{y:Math.cos(t)*r,x:n+t*a}}))}},87063:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;t.default=function(e){return{bindTo:e,bindLegendTo:null,axis:{x:{show:!0,label:"Data",lowerLimit:80,upperLimit:280},y:{show:!0,label:"Line Set A",lowerLimit:-18,upperLimit:18},y2:{show:!1,label:"Line Set B",lowerLimit:0,upperLimit:250}},showLabel:!0,showLegend:!0,showShapes:!0,showVGrid:!0,showHGrid:!0}}},22678:function(e,t,n){"use strict";var a=n(64836),r=n(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.loadY2AxisLabelPopup=t.loadXAndYAxisLabelPopup=t.loadTrackPopup=t.loadTimelinePopup=t.loadTextLabelPopup=t.loadTaskPopup=t.loadPopup=t.loadPiePopup=t.loadDatelinePopup=t.loadBubblePopup=t.loadBarPopup=void 0;var o=a(n(27424)),l=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==r(e)&&"function"!=typeof e)return{default:e};var n=s(t);if(n&&n.has(e))return n.get(e);var a={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&Object.prototype.hasOwnProperty.call(e,l)){var i=o?Object.getOwnPropertyDescriptor(e,l):null;i&&(i.get||i.set)?Object.defineProperty(a,l,i):a[l]=e[l]}a.default=e,n&&n.set(e,a);return a}(n(79590)),i=a(n(88703)),p=a(n(53334));function s(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(s=function(e){return e?n:t})(e)}var c=function(e){return new Date(e).toLocaleString()},d=function(e){return e?u(e)?c(e):e:null},u=function(e){return e instanceof Date},f=function(e,t,n){var a=e.append("g").classed("popup-item",!0);a.append("label").classed("popup-label",!0).text(t),a.append("g").classed("popup-text",!0).text(n)},m=function(e,t,n){var a=e.append("g").classed("popup-item",!0);a.append("label").classed("popup-label",!0).text(t);for(var r=a.append("g").classed("section",!0),l=function(){var e=p[i],t=r.append("g").classed("content",!0);Object.entries(e).forEach((function(e){var n=(0,o.default)(e,2),a=n[0],r=n[1],l=t.append("g").classed("popup-item",!0);l.append("label").classed("popup-label",!0).text(a.replace(/([a-z0-9])([A-Z])/g,"$1 $2").replace(/(\b[a-z](?!\s))/g,(function(e){return e.toUpperCase()}))),l.append("g").classed("popup-text",!0).text(r)}))},i=0,p=Object.values(n);i0){var p=[];p.forEach((function(e){p.push({name:e.key,startDate:e.startDate,endDate:e.endDate})})),m(a,"Tasks",p)}if(o&&o.length>0){var s=[];o.forEach((function(e){s.push({name:e.key,startDate:e.startDate,endDate:e.endDate})})),m(a,"Activities",s)}if(l&&l.length>0){var c=[];l.forEach((function(e){c.push({name:e.key,values:e.values.join(", ")})})),m(a,"Events",c)}if(i&&i.length>0){var d=[];i.forEach((function(e){d.push({name:e.key,values:e.values.join(", ")})})),m(a,"Actions",d)}},t.loadTaskPopup=function(e,t,n,a){y();var r=h(e).append("g"),o=a.label,l=a.display,i=a.y,p=a.startDate,s=a.endDate,d=a.percentage;o&&f(r,"Task Name",l),f(r,"Track",i),f(r,"Start Date",c(p)),f(r,"End Date",c(s)),d&&f(r,"Percentage",d)},t.loadDatelinePopup=function(e,t){y();var n=h(e).append("g"),a=t.label,r=t.value;a&&f(n,"Milestone",a.display),f(n,"Date",c(r))},t.loadTimelinePopup=function(e,t,n,a){y();var r=h(e).append("g"),o=a.x,l=(a.y,a.label),i=a.content;f(r,"X axis","".concat(u(o)?c(o):o)),f(r,"".concat(l.display),i)},t.loadPiePopup=function(e,t,n,a){y();var r=h(e).append("g"),o=a.label,l=a.value;f(r,o.display,l)}},93065:function(e,t,n){"use strict";var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=a(n(67294)),o=a(n(45697));n(80244);var l={id:o.default.string.isRequired},i=function(e){return r.default.createElement(r.default.Fragment,null,r.default.createElement("div",{id:"tooltip",className:"initial-tooltip"}),r.default.createElement("div",{id:e.id,className:"example-graph-container"}))};i.propTypes=l;t.default=i},47496:function(e,t,n){"use strict";var a=n(64836);t.Z=void 0;var r=a(n(67294)),o=a(n(54520)),l=a(n(53334));n(56867),n(39003);var i=a(n(93065)),p=a(n(87063)),s=a(n(59121)),c=l.default.deepClone((0,p.default)("#dashedLine")),d=l.default.deepClone(s.default);t.Z=function(){return r.default.useEffect((function(){o.default.api.graph(c).loadContent(o.default.api.line(d))}),[]),r.default.createElement(i.default,{id:"dashedLine"})}},57419:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return O}});var a=n(67294),r=n(81254),o=n(47496),l=["components"];function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var s={};function c(e){var t=e.components,n=p(e,l);return(0,r.mdx)("wrapper",i({},s,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Carbon from '@cerner/carbon-graphs/lib/js/carbon';\nimport utils from '@cerner/carbon-graphs/lib/js/helpers/utils';\nimport '@cerner/terra-graphs-docs/lib/terra-graphs-src/components/Graph.module.scss';\nimport '@cerner/terra-graphs-docs/lib/terra-graphs-src/components/Line/LineGraph.module.scss';\nimport ExampleGraphContainer from '@cerner/terra-graphs-docs/lib/terra-dev-site/ExampleGraphContainer/ExampleGraphContainer';\nimport getLineDefaultConfig from '@cerner/terra-graphs-docs/lib/example-datasets/graphConfigObjects/Line/lineDefault';\nimport exampleData from '@cerner/terra-graphs-docs/lib/example-datasets/dataObjects/Line/dataset2';\n\n/*\nPlease refer to the documentation below to see the graphConfig and data objects\n*/\n\nconst graphConfig = utils.deepClone(getLineDefaultConfig('#dashedLine'));\nconst dataset = utils.deepClone(exampleData);\n\nconst DashedLineExample = () => {\n React.useEffect(() => {\n const graph = Carbon.api.graph(graphConfig);\n graph.loadContent(Carbon.api.line(dataset));\n }, []);\n\n return (\n \n );\n};\n\nexport default DashedLineExample;\n\n")))}c.isMDXComponent=!0;var d=n(49271),u=n(25005),f=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(d.Z,{title:t||"Dashed Line",description:n,example:a.createElement(o.Z,null),exampleCssSrc:a.createElement(u.Z,null),exampleSrc:a.createElement(c,null),isExpanded:r})},m=n(61775),h=n(24407),y=["components"];function g(){return g=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}n(51320);var v={},x="wrapper";function O(e){var t=e.components,n=b(e,y);return(0,r.mdx)(x,g({},v,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("h1",{id:"dashed-line"},"Dashed Line"),(0,r.mdx)("p",null,"This is a graph with a dashed line dataset."),(0,r.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Install with ",(0,r.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"npm i @cerner/carbon-graphs --save-dev"))))),(0,r.mdx)("h2",{id:"usage"},"Usage"),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-js"},"import Carbon from '@cerner/carbon-graphs/dist/js/carbon-graphs.js';\nimport '@cerner/carbon-graphs/dist/css/carbon-graphs.css';\n")),(0,r.mdx)("h2",{id:"example"},"Example"),(0,r.mdx)(f,{mdxType:"LineGraph"}),(0,r.mdx)("details",null,(0,r.mdx)("summary",{style:{fontSize:24}},(0,r.mdx)("b",null,"Data")),(0,r.mdx)("h3",{id:"graph-config-object"},"Graph Config object"),(0,r.mdx)(m.Z,{mdxType:"GraphConfig"}),(0,r.mdx)("h3",{id:"data-object"},"Data object"),(0,r.mdx)(h.Z,{mdxType:"DataObject"})))}O.isMDXComponent=!0},24407:function(e,t,n){"use strict";n.d(t,{Z:function(){return s}});n(67294);var a=n(81254),r=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var i={},p="wrapper";function s(e){var t=e.components,n=l(e,r);return(0,a.mdx)(p,o({},i,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"import Carbon from '@cerner/carbon-graphs/lib/js/carbon';\nimport { loadPopup } from '@cerner/terra-graphs-docs/lib/example-datasets/popup';\nimport { createGraphValuesWithSin } from '../createGraphValues';\n\nconst data = {\n key: 'uid_2',\n label: {\n display: 'Data Label 2',\n },\n shape: Carbon.helpers.SHAPES.DARK.TRIANGLE,\n color: Carbon.helpers.COLORS.BLUE,\n style: { strokeDashArray: '2,2' },\n onClick: loadPopup,\n values: createGraphValuesWithSin({\n length: 18, initialX: 85, xModifier: 10, yModifier: Math.PI * 2,\n }),\n legendOptions: {\n showLine: true,\n showShape: false,\n style: { strokeDashArray: '2,2' },\n },\n showShapes: false,\n};\n\nexport default data;\n\n")))}s.isMDXComponent=!0},61775:function(e,t,n){"use strict";n.d(t,{Z:function(){return s}});n(67294);var a=n(81254),r=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var i={},p="wrapper";function s(e){var t=e.components,n=l(e,r);return(0,a.mdx)(p,o({},i,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"const getLineDefaultConfig = (id) => ({\n bindTo: id,\n bindLegendTo: null,\n axis: {\n x: {\n show: true,\n label: 'Data',\n lowerLimit: 80,\n upperLimit: 280,\n },\n y: {\n show: true,\n label: 'Line Set A',\n lowerLimit: -18,\n upperLimit: 18,\n },\n y2: {\n show: false,\n label: 'Line Set B',\n lowerLimit: 0,\n upperLimit: 250,\n },\n },\n showLabel: true,\n showLegend: true,\n showShapes: true,\n showVGrid: true,\n showHGrid: true,\n});\n\nexport default getLineDefaultConfig;\n\n\n")))}s.isMDXComponent=!0},51320:function(e,t,n){var a,r;void 0===(r="function"==typeof(a=function(){var e="details",t="summary";function n(e){if("summary"===e.target.nodeName.toLowerCase()){var t=e.target.parentNode;if(!t)return;t.getAttribute("open")?(t.open=!1,t.removeAttribute("open")):(t.open=!0,t.setAttribute("open","open"))}}function a(){var n=document.createElement(e);if(!("open"in n))return!1;n.innerHTML="<"+t+">ab",document.body.appendChild(n);var a=n.offsetHeight;n.open=!0;var r=a!=n.offsetHeight;return document.body.removeChild(n),r}function r(e,t){if(!document.getElementById(e)){var n=document.createElement("style");n.id=e,n.innerHTML=t,document.getElementsByTagName("head")[0].appendChild(n)}}a()||(document.documentElement.className+=" no-details",window.addEventListener("click",n),r("details-polyfill-style","html.no-details "+e+" { display: block; }\nhtml.no-details "+e+":not([open]) > :not("+t+") { display: none; }\nhtml.no-details "+e+" > "+t+':before { content: "▶"; display: inline-block; font-size: .8em; width: 1.5em; }\nhtml.no-details '+e+"[open] > "+t+':before { content: "▼"; }'))})?a.call(t,n,t,e):a)||(e.exports=r)},39003:function(e,t,n){"use strict";n.r(t),t.default={}}}]); \ No newline at end of file diff --git a/8177-89d76a4f2a3230c79575.css b/8177-89d76a4f2a3230c79575.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/8177-89d76a4f2a3230c79575.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/8177-89d76a4f2a3230c79575.js b/8177-89d76a4f2a3230c79575.js new file mode 100644 index 0000000000..ce21e4a9de --- /dev/null +++ b/8177-89d76a4f2a3230c79575.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[8177,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,a,l){var d=l(64836);a.Z=void 0;var m=d(l(67294)),n=d(l(45697)),r=d(l(47166)),t=d(l(17422)),i=r.default.bind(t.default),u={name:n.default.string.isRequired,src:n.default.string,url:n.default.string,version:n.default.string.isRequired},p=function(e){var a=e.src,l=e.name,d=e.url,n=e.version,r=m.default.createElement("a",{className:i("badge"),href:d||"https://www.npmjs.org/package/".concat(l,"/v/").concat(n)},m.default.createElement("span",{className:i("badge-name")},d?"package":"npm"),m.default.createElement("span",{className:i("badge-version")},"v".concat(n))),t=a?m.default.createElement("a",{className:i("badge"),href:a},m.default.createElement("span",{className:i("badge-name")},"github"),m.default.createElement("span",{className:i("badge-version")},"source")):void 0;return m.default.createElement("div",{className:i("badge-container")},r,t)};p.propTypes=u;var x=p;a.Z=x},8177:function(e,a,l){l.r(a),l.d(a,{default:function(){return h}});l(67294);var d=l(81254),m=l(84749),n=["components"];function r(){return r=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(m[l]=e[l]);return m}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(m[l]=e[l])}return m}var i={},u="wrapper";function p(e){var a=e.components,l=t(e,n);return(0,d.mdx)(u,r({},i,l,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)("h1",{id:"changelog"},"Changelog"),(0,d.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,d.mdx)("h2",{id:"4220---november-13-2023"},"4.22.0 - (November 13, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4210---june-14-2023"},"4.21.0 - (June 14, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed issue with VoiceOver announcing group and legend multiple times.")))),(0,d.mdx)("h2",{id:"4200---april-27-2023"},"4.20.0 - (April 27, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed issue where click area of a checked checkbox is too large in Fusion theme.")))),(0,d.mdx)("h2",{id:"4190---april-7-2023"},"4.19.0 - (April 7, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed cloning of CheckboxField child to extend property instead of overriding it.")))),(0,d.mdx)("h2",{id:"4180---february-15-2023"},"4.18.0 - (February 15, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated wdio screenshots due to functional-testing upgrade.")))),(0,d.mdx)("h2",{id:"4170---december-7-2022"},"4.17.0 - (December 7, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4160---february-2-2022"},"4.16.0 - (February 2, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4151---december-14-2021"},"4.15.1 - (December 14, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Migrate docs to terra-core-docs.")))),(0,d.mdx)("h2",{id:"4150---september-21-2021"},"4.15.0 - (September 21, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated WDIO Screenshots due to webpack-config-terra sass upgrade.")))),(0,d.mdx)("h2",{id:"4140---august-25-2021"},"4.14.0 - (August 25, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated WDIO snapshots due to terra-functional-testing v2 upgrade.")))),(0,d.mdx)("h2",{id:"4130---august-3-2021"},"4.13.0 - (August 3, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed mislabeled doc examples.")))),(0,d.mdx)("h2",{id:"4120---april-6-2021"},"4.12.0 - (April 6, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Upgrade tests to terra-functional-testing and WebDriverIO v6"),(0,d.mdx)("li",{parentName:"ul"},"Removed unnecessary ",(0,d.mdx)("inlineCode",{parentName:"li"},"wdio.conf.js")," file"),(0,d.mdx)("li",{parentName:"ul"},"Updated Jest command"),(0,d.mdx)("li",{parentName:"ul"},"Updated screenshots with elements that are out of bound")))),(0,d.mdx)("h2",{id:"4110---january-5-2021"},"4.11.0 - (January 5, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation.")))),(0,d.mdx)("h2",{id:"4100---december-8-2020"},"4.10.0 - (December 8, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers"),(0,d.mdx)("li",{parentName:"ul"},"Updated to be compatible with ",(0,d.mdx)("inlineCode",{parentName:"li"},"react-intl")," v2-v5"),(0,d.mdx)("li",{parentName:"ul"},"Removed usage of ",(0,d.mdx)("inlineCode",{parentName:"li"},"FormattedMessage")," in favor of ",(0,d.mdx)("inlineCode",{parentName:"li"},"injectIntl"))))),(0,d.mdx)("h2",{id:"490---september-29-2020"},"4.9.0 - (September 29, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated legend styles in ",(0,d.mdx)("inlineCode",{parentName:"li"},"CheckboxField")," for long text.")))),(0,d.mdx)("h2",{id:"480---august-4-2020"},"4.8.0 - (August 4, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed unused themeable variables"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added missing themeable variables")))),(0,d.mdx)("h2",{id:"470---july-29-2020"},"4.7.0 - (July 29, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update changelog formatting")))),(0,d.mdx)("h2",{id:"460---july-7-2020"},"4.6.0 - (July 7, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"450---june-23-2020"},"4.5.0 - (June 23, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"440---june-9-2020"},"4.4.0 - (June 9, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config")))),(0,d.mdx)("h2",{id:"430---may-19-2020"},"4.3.0 - (May 19, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Apply themes by context and directly include packaged themes.")))),(0,d.mdx)("h2",{id:"420---april-28-2020"},"4.2.0 - (April 28, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge'))),(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,d.mdx)("h2",{id:"410---april-22-2020"},"4.1.0 - (April 22, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated documentation link in README")))),(0,d.mdx)("h2",{id:"400---march-31-2020"},"4.0.0 - (March 31, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Breaking Change",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("inlineCode",{parentName:"li"},"labelText")," and ",(0,d.mdx)("inlineCode",{parentName:"li"},"legend")," props' type changed from node to string.")))),(0,d.mdx)("h2",{id:"3340---march-10-2020"},"3.34.0 - (March 10, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3330---february-25-2020"},"3.33.0 - (February 25, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update docs to use mdx syntax.")))),(0,d.mdx)("h2",{id:"3320---february-18-2020"},"3.32.0 - (February 18, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme theming files")))),(0,d.mdx)("h2",{id:"3310---january-7-2020"},"3.31.0 - (January 7, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3300---december-3-2019"},"3.30.0 - (December 3, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added orion-fusion-theme and generated the respective reference wdio screenshots.")))),(0,d.mdx)("h2",{id:"3290---october-30-2019"},"3.29.0 - (October 30, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3280---october-15-2019"},"3.28.0 - (October 15, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3270---october-14-2019"},"3.27.0 - (October 14, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,d.mdx)("li",{parentName:"ul"},"Updated ",(0,d.mdx)("inlineCode",{parentName:"li"},"isInvalid")," prop description.")))),(0,d.mdx)("h2",{id:"3260---october-3-2019"},"3.26.0 - (October 3, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3250---september-19-2019"},"3.25.0 - (September 19, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added en-CA translations.")))),(0,d.mdx)("h2",{id:"3240---september-6-2019"},"3.24.0 - (September 6, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Props table markdown file import added to doc site page")))),(0,d.mdx)("h2",{id:"3230---august-21-2019"},"3.23.0 - (August 21, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Import for package version from package.json added to doc page"),(0,d.mdx)("li",{parentName:"ul"},"Switch from Object.assign to Object spread syntax."),(0,d.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files")))),(0,d.mdx)("h2",{id:"3220---august-14-2019"},"3.22.0 - (August 14, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Components updated to use ",(0,d.mdx)("inlineCode",{parentName:"li"},"FormattedMessage")," to interface with ",(0,d.mdx)("inlineCode",{parentName:"li"},"react-intl's")," ",(0,d.mdx)("inlineCode",{parentName:"li"},"intl")," context."),(0,d.mdx)("li",{parentName:"ul"},"updated package.json test scripts"),(0,d.mdx)("li",{parentName:"ul"},"Update tests for dev-site v6")))),(0,d.mdx)("h2",{id:"3210---july-30-2019"},"3.21.0 - (July 30, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3200---july-25-2019"},"3.20.0 - (July 25, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added documentation to mock window.matchMedia for jest tests.")))),(0,d.mdx)("h2",{id:"3190---july-24-2019"},"3.19.0 - (July 24, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3180---july-17-2019"},"3.18.0 - (July 17, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3170---july-17-2019"},"3.17.0 - (July 17, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3160---july-16-2019"},"3.16.0 - (July 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies")))),(0,d.mdx)("h2",{id:"3150----july-11-2019"},"3.15.0 - (July 11, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Components updated to use ",(0,d.mdx)("inlineCode",{parentName:"li"},"injectIntl")," to interface with ",(0,d.mdx)("inlineCode",{parentName:"li"},"react-intl's")," ",(0,d.mdx)("inlineCode",{parentName:"li"},"intl")," context."),(0,d.mdx)("li",{parentName:"ul"},"Update tests to use ",(0,d.mdx)("inlineCode",{parentName:"li"},"Terra.describeViewports")," for setting viewports and use ",(0,d.mdx)("inlineCode",{parentName:"li"},"Terra.it.validatesElement")),(0,d.mdx)("li",{parentName:"ul"},"Updated Docs around the requirement of terra-base and aggregate-translations.")))),(0,d.mdx)("h2",{id:"3140---july-9-2019"},"3.14.0 - (July 9, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3130---june-28-2019"},"3.13.0 - (June 28, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed all inline styles from Dev-site components and implemented the same styles using external css.")))),(0,d.mdx)("h2",{id:"3120---june-18-2019"},"3.12.0 - (June 18, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Enabled ability to mark CheckboxField as required")))),(0,d.mdx)("h2",{id:"3110---june-11-2019"},"3.11.0 - (June 11, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Made required updates to consume terra-toolkit v5 and terra-dev-site v5")))),(0,d.mdx)("h2",{id:"3100---may-1-2019"},"3.10.0 - (May 1, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Doc site example that can be toggled to demonstrate isInline prop"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"390---april-16-2019"},"3.9.0 - (April 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"380---april-9-2019"},"3.8.0 - (April 9, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Adding a validation of falsey values to the child components to avoid a crash")))),(0,d.mdx)("h2",{id:"370---march-26-2019"},"3.7.0 - (March 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added aria-describedby to better announce legend, help text, and error text in the Radio Field component"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,d.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release")))),(0,d.mdx)("h2",{id:"360---march-21-2019"},"3.6.0 - (March 21, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update Jest tests to use terra-enzyme-intl")))),(0,d.mdx)("h2",{id:"350---february-26-2019"},"3.5.0 - (February 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added stylelint-enable to Checkbox.module.scss"),(0,d.mdx)("li",{parentName:"ul"},"Added en-AU translations")))),(0,d.mdx)("h2",{id:"340---february-12-2019"},"3.4.0 - (February 12, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"330---february-5-2019"},"3.3.0 - (February 5, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"320---january-22-2019"},"3.2.0 - (January 22, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"310---january-22-2019"},"3.1.0 - (January 22, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"300---january-8-2019"},"3.0.0 - (January 8, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated theme variables"),(0,d.mdx)("li",{parentName:"ul"},"checkbox-field: render error icon down one level of markup")))),(0,d.mdx)("h2",{id:"2330---january-2-2019"},"2.33.0 - (January 2, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2320---november-19-2018"},"2.32.0 - (November 19, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2310---november-13-2018"},"2.31.0 - (November 13, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2300---november-9-2018"},"2.30.0 - (November 9, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2290---october-30-2018"},"2.29.0 - (October 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update mixin import to be more explicit")))),(0,d.mdx)("h2",{id:"2280---october-24-2018"},"2.28.0 - (October 24, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2270---october-16-2018"},"2.27.0 - (October 16, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2260---october-8-2018"},"2.26.0 - (October 8, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2250---september-25-2018"},"2.25.0 - (September 25, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2241---september-6-2018"},"2.24.1 - (September 6, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,d.mdx)("h2",{id:"2240---september-5-2018"},"2.24.0 - (September 5, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,d.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,d.mdx)("h2",{id:"2230---september-4-2018"},"2.23.0 - (September 4, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2220---august-29-2018"},"2.22.0 - (August 29, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2210---august-22-2018"},"2.21.0 - (August 22, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added additional theming variables, minor styles update")))),(0,d.mdx)("h2",{id:"2200---august-8-2018"},"2.20.0 - (August 8, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated component internationalization error message")))),(0,d.mdx)("h2",{id:"2190---august-1-2018"},"2.19.0 - (August 1, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2180---july-26-2018"},"2.18.0 - (July 26, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added sv and sv-SE translations")))),(0,d.mdx)("h2",{id:"2170---july-19-2018"},"2.17.0 - (July 19, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Add .module extension to SCSS file(s)")))),(0,d.mdx)("h2",{id:"2160---july-17-2018"},"2.16.0 - (July 17, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,d.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v4 update"),(0,d.mdx)("li",{parentName:"ul"},"Required props no longer set a default prop")))),(0,d.mdx)("h2",{id:"2150---july-10-2018"},"2.15.0 - (July 10, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2140---june-28-2018"},"2.14.0 - (June 28, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added change log to the documentation on terra-dev-site")))),(0,d.mdx)("h2",{id:"2130---june-22-2018"},"2.13.0 - (June 22, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Moved terra-base from dependency to peerDependency"),(0,d.mdx)("li",{parentName:"ul"},"Updated test selectors to work with theme repos")))),(0,d.mdx)("h2",{id:"2120---june-12-2018"},"2.12.0 - (June 12, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated field documentation to be more inline with other examples"),(0,d.mdx)("li",{parentName:"ul"},'Updated "test:jest" script to work on windows.'),(0,d.mdx)("li",{parentName:"ul"},"Remove Base wrapper from test examples. Terra-dev-site wraps all test examples in Base.")))),(0,d.mdx)("h2",{id:"2110---may-30-2018"},"2.11.0 - (May 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated structure to match terra-dev-site 1.0 and moved doc examples internal.")))),(0,d.mdx)("h2",{id:"2100---may-23-2018"},"2.10.0 - (May 23, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,d.mdx)("li",{parentName:"ul"},"Changed nightwatch to webdriverIO tests")))),(0,d.mdx)("h2",{id:"290---may-16-2018"},"2.9.0 - (May 16, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"280---may-9-2018"},"2.8.0 - (May 9, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"270---may-2-2018"},"2.7.0 - (May 2, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"260---april-20-2018"},"2.6.0 - (April 20, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"250---april-15-2018"},"2.5.0 - (April 15, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"240---april-5-2018"},"2.4.0 - (April 5, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"230---march-30-2018"},"2.3.0 - (March 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Removed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed unused terra-mixins package")))),(0,d.mdx)("h2",{id:"220---march-6-2018"},"2.2.0 - (March 6, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Removed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed props-table script from package.json")))),(0,d.mdx)("h2",{id:"210---february-26-2018"},"2.1.0 - (February 26, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Reduced erroneous default margin-right value of 2rem"),(0,d.mdx)("li",{parentName:"ul"},"Add theming variable to native-input margin-top when is-mobile")))),(0,d.mdx)("h2",{id:"201---february-13-2018"},"2.0.1 - (February 13, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated peerDependencies")))),(0,d.mdx)("h2",{id:"200---february-12-2018"},"2.0.0 - (February 12, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated to use React 16"),(0,d.mdx)("li",{parentName:"ul"},"Update theming values to initial browser default for various properties"),(0,d.mdx)("li",{parentName:"ul"},"Merged border-color, border-width, and border-style into short-hand syntax")))),(0,d.mdx)("h2",{id:"120---february-1-2018"},"1.2.0 - (February 1, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"110---january-18-2018"},"1.1.0 - (January 18, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Unchecked state transition"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Select-container css class"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Increase padding on mobile resize"),(0,d.mdx)("li",{parentName:"ul"},"Focus styling: from box-shadow to border-width and border-color")))),(0,d.mdx)("h2",{id:"100---january-5-2018"},"1.0.0 - (January 5, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Initial release")))}p.isMDXComponent=!0;var x=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(m[l]=e[l]);return m}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(m[l]=e[l])}return m}var s={},c="wrapper";function h(e){var a=e.components,l=N(e,x);return(0,d.mdx)(c,o({},s,l,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)(m.C,{mdxType:"Badge"}),(0,d.mdx)(p,{mdxType:"ChangeLog"}))}h.isMDXComponent=!0},84749:function(e,a,l){l.d(a,{C:function(){return n}});var d=l(67294),m=l(22863),n=function(e){var a=e.url;return d.createElement(m.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-form-checkbox",name:"terra-form-checkbox",version:"4.22.0",url:a})}},17422:function(e,a,l){l.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/81908-4d4d939ce90b35e0020a.css b/81908-4d4d939ce90b35e0020a.css new file mode 100644 index 0000000000..9a8c5b4795 --- /dev/null +++ b/81908-4d4d939ce90b35e0020a.css @@ -0,0 +1,6 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.Signature-module__clinical-lowlight-theme___W2A78{--terra-signature-background-color: #222a2e;--terra-signature-line-color: #c5c5c6}.Signature-module__orion-fusion-theme___\+fuJH{--terra-signature-background-color: #fff;--terra-signature-line-color: #1c1f21}.Signature-module__signature___EuTwS{color:#000;color:var(--terra-signature-line-color, #000);height:100%;position:relative;-ms-touch-action:none;touch-action:none;width:100%}[dir] .Signature-module__signature___EuTwS{background-color:#fff;background-color:var(--terra-signature-background-color, #fff)} +.SignatureExample-module__signature-wrapper___FE0r1{height:100px;width:100%}[dir] .SignatureExample-module__signature-wrapper___FE0r1{border:1px solid #000;padding:5px} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} +.Table-module__clinical-lowlight-theme___PqYJ8{--terra-html-table-background-color: #383f42;--terra-html-table-border: 1px solid #585a5c;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: none;--terra-html-table-header-cell-color: #1c1f21;--terra-html-table-header-cell-font-size: 1rem;--terra-html-table-header-cell-font-weight: bold;--terra-html-table-header-cell-border-right: 1px solid #585a5c;--terra-html-table-first-header-cell-border-left: 1px solid #585a5c;--terra-html-table-last-header-cell-border-right: 1px solid #585a5c;--terra-html-table-header-background-color: #909496;--terra-html-table-header-box-shadow: 0 4px 4px -3.5px #1c1f21, inset 0 0 0 1px #585a5c;--terra-html-table-header-row-border-bottom: 1px solid #585a5c;--terra-html-table-header-row-border-top: 1px solid #585a5c;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #b2b5b6;--terra-html-table-cell-font-size: 1rem;--terra-html-table-first-cell-border-left: 1px solid #585a5c;--terra-html-table-last-cell-border-right: 1px solid #585a5c;--terra-html-table-header-cell-standard-padding-bottom: 0.5rem;--terra-html-table-header-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-top: 0.5rem;--terra-html-table-header-cell-compact-padding-bottom: 0.25rem;--terra-html-table-header-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-top: 0.25rem;--terra-html-table-cell-standard-padding-bottom: 0.5rem;--terra-html-table-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-cell-standard-padding-top: 0.5rem;--terra-html-table-cell-compact-padding-bottom: 0.25rem;--terra-html-table-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-cell-compact-padding-top: 0.25rem;--terra-html-table-row-border-top: 1px solid #585a5c;--terra-html-table-last-row-border-bottom: 1px solid #585a5c;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #2d3539}.Table-module__orion-fusion-theme___d9rxf{--terra-html-table-background-color: transparent;--terra-html-table-border: 0;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: transparent;--terra-html-table-header-cell-color: #64696c;--terra-html-table-header-cell-font-size: 0.857142857rem;--terra-html-table-header-cell-font-weight: normal;--terra-html-table-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-first-header-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-background-color: #f4f4f4;--terra-html-table-header-box-shadow: none;--terra-html-table-header-row-border-bottom: 2px solid #64696c;--terra-html-table-header-row-border-top: 1px solid #c8cacb;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #1c1f21;--terra-html-table-cell-font-size: 0.857142857rem;--terra-html-table-first-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-cell-standard-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-top: 0.428571429rem;--terra-html-table-header-cell-compact-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-top: 0.428571429rem;--terra-html-table-cell-standard-padding-bottom: 0.8571428571rem;--terra-html-table-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-cell-standard-padding-top: 0.8571428571rem;--terra-html-table-cell-compact-padding-bottom: 0.8571428571rem;--terra-html-table-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-cell-compact-padding-top: 0.8571428571rem;--terra-html-table-row-border-top: 0;--terra-html-table-last-row-border-bottom: 1px solid #c8cacb;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #f4f4f4}.Table-module__table___eg2Mi{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___eg2Mi{background-color:transparent;background-color:var(--terra-html-table-background-color, transparent);border:0;border:var(--terra-html-table-border, 0);border-radius:0;border-radius:var(--terra-html-table-border-radius, 0)}[dir] .Table-module__table___eg2Mi caption{padding-bottom:.5em}.Table-module__table___eg2Mi tr{display:table-row}[dir] .Table-module__table___eg2Mi tr{margin-bottom:0}.Table-module__table___eg2Mi td,.Table-module__table___eg2Mi th{color:#1c1f21;color:var(--terra-html-table-cell-color, #1c1f21);display:table-cell;font-size:1rem;font-size:var(--terra-html-table-cell-font-size, 1rem);font-weight:normal;vertical-align:top}[dir] .Table-module__table___eg2Mi td, [dir] .Table-module__table___eg2Mi th{border:0}[dir=ltr] .Table-module__table___eg2Mi td, [dir=ltr] .Table-module__table___eg2Mi th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___eg2Mi td, [dir=rtl] .Table-module__table___eg2Mi th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___eg2Mi td:first-child, [dir=ltr] .Table-module__table___eg2Mi th:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:first-child, [dir=rtl] .Table-module__table___eg2Mi th:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi td:last-child, [dir=ltr] .Table-module__table___eg2Mi th:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:last-child, [dir=rtl] .Table-module__table___eg2Mi th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___eg2Mi thead th, [dir] .Table-module__table___eg2Mi thead td{border:0}[dir=ltr] .Table-module__table___eg2Mi thead th, [dir=ltr] .Table-module__table___eg2Mi thead td{border-right:1px solid rgba(200, 202, 203, 0.5);border-right:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:left}[dir=rtl] .Table-module__table___eg2Mi thead th, [dir=rtl] .Table-module__table___eg2Mi thead td{border-left:1px solid rgba(200, 202, 203, 0.5);border-left:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:right}[dir=ltr] .Table-module__table___eg2Mi thead th:first-child, [dir=ltr] .Table-module__table___eg2Mi thead td:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:first-child, [dir=rtl] .Table-module__table___eg2Mi thead td:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi thead th:last-child, [dir=ltr] .Table-module__table___eg2Mi thead td:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:last-child, [dir=rtl] .Table-module__table___eg2Mi thead td:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead{display:table-header-group}[dir] .Table-module__table___eg2Mi thead{background-color:#f1f1f2;background-color:var(--terra-html-table-header-background-color, #f1f1f2);box-shadow:0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5);box-shadow:var(--terra-html-table-header-box-shadow, 0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5))}[dir] .Table-module__table___eg2Mi thead tr{border-bottom:1px solid #b9bbbc;border-bottom:var(--terra-html-table-header-row-border-bottom, 1px solid #b9bbbc);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-header-row-border-top, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{color:#1c1f21;color:var(--terra-html-table-header-cell-color, #1c1f21);font-size:1rem;font-size:var(--terra-html-table-header-cell-font-size, 1rem);font-weight:bold;font-weight:var(--terra-html-table-header-cell-font-weight, bold);vertical-align:bottom}[dir] .Table-module__table___eg2Mi tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___eg2Mi tbody tr{background-color:transparent;background-color:var(--terra-html-table-row-background-color, transparent);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-row-border-top, 1px solid #dedfe0)}[dir] .Table-module__table___eg2Mi tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___eg2Mi tbody tr:last-of-type{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-html-table-last-row-border-bottom, 1px solid #dedfe0)}[dir] .Table-module__padding-standard___BfbC- th{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-header-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-header-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z th{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-header-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-header-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__padding-standard___BfbC- td{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z td{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__striped___n8xJe tbody tr:nth-of-type(even){background-color:#f6f7f8;background-color:var(--terra-html-table-row-striped-background-color, #f6f7f8)}@media print{.Table-module__table___eg2Mi thead{display:table-header-group}.Table-module__table___eg2Mi tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} diff --git a/83251-8be9d93154a024a607fc.css b/83251-8be9d93154a024a607fc.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/83251-8be9d93154a024a607fc.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/83251-8be9d93154a024a607fc.js b/83251-8be9d93154a024a607fc.js new file mode 100644 index 0000000000..c9247c1198 --- /dev/null +++ b/83251-8be9d93154a024a607fc.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[83251,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,a,r){var n=r(64836);a.Z=void 0;var t=n(r(67294)),d=n(r(45697)),o=n(r(47166)),i=n(r(17422)),s=o.default.bind(i.default),c={name:d.default.string.isRequired,src:d.default.string,url:d.default.string,version:d.default.string.isRequired},u=function(e){var a=e.src,r=e.name,n=e.url,d=e.version,o=t.default.createElement("a",{className:s("badge"),href:n||"https://www.npmjs.org/package/".concat(r,"/v/").concat(d)},t.default.createElement("span",{className:s("badge-name")},n?"package":"npm"),t.default.createElement("span",{className:s("badge-version")},"v".concat(d))),i=a?t.default.createElement("a",{className:s("badge"),href:a},t.default.createElement("span",{className:s("badge-name")},"github"),t.default.createElement("span",{className:s("badge-version")},"source")):void 0;return t.default.createElement("div",{className:s("badge-container")},o,i)};u.propTypes=c;var l=u;a.Z=l},83251:function(e,a,r){r.r(a),r.d(a,{default:function(){return u}});r(67294);var n=r(81254),t=r(21223),d=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(t[r]=e[r]);return t}(e,a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(t[r]=e[r])}return t}var s={},c="wrapper";function u(e){var a=e.components,r=i(e,d);return(0,n.mdx)(c,o({},s,r,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)(t.C,{mdxType:"Badge"}),(0,n.mdx)("h1",{id:"terra-dynamic-grid-upgrade-guide"},"Terra Dynamic Grid Upgrade Guide"),(0,n.mdx)("h2",{id:"changes-from-20-to-30"},"Changes from 2.0 to 3.0"),(0,n.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,n.mdx)("p",null,"The following transitive dependency had breaking changes. See its upgrade guide for more information."),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"terra-doc-template")))}u.isMDXComponent=!0},21223:function(e,a,r){r.d(a,{C:function(){return d}});var n=r(67294),t=r(22863),d=function(e){var a=e.url;return n.createElement(t.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-dynamic-grid",name:"terra-dynamic-grid",version:"3.35.0",url:a})}},17422:function(e,a,r){r.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/83346-9f9b821b63ada361d6bd.css b/83346-9f9b821b63ada361d6bd.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/83346-9f9b821b63ada361d6bd.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/83346-9f9b821b63ada361d6bd.js b/83346-9f9b821b63ada361d6bd.js new file mode 100644 index 0000000000..c95f9739ad --- /dev/null +++ b/83346-9f9b821b63ada361d6bd.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[83346,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,a,t){var n=t(64836);a.Z=void 0;var r=n(t(67294)),d=n(t(45697)),l=n(t(47166)),o=n(t(17422)),i=l.default.bind(o.default),m={name:d.default.string.isRequired,src:d.default.string,url:d.default.string,version:d.default.string.isRequired},s=function(e){var a=e.src,t=e.name,n=e.url,d=e.version,l=r.default.createElement("a",{className:i("badge"),href:n||"https://www.npmjs.org/package/".concat(t,"/v/").concat(d)},r.default.createElement("span",{className:i("badge-name")},n?"package":"npm"),r.default.createElement("span",{className:i("badge-version")},"v".concat(d))),o=a?r.default.createElement("a",{className:i("badge"),href:a},r.default.createElement("span",{className:i("badge-name")},"github"),r.default.createElement("span",{className:i("badge-version")},"source")):void 0;return r.default.createElement("div",{className:i("badge-container")},l,o)};s.propTypes=m;var p=s;a.Z=p},83346:function(e,a,t){t.r(a),t.d(a,{default:function(){return c}});var n=t(67294),r=t(81254),d=t(22863),l=function(e){var a=e.url;return n.createElement(d.Z,{src:"https://github.com/cerner/terra-dev-site/tree/main/src/loader-components",name:"terra-dev-site",version:"6.2.0",url:a})},o=["components"];function i(){return i=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(r[t]=e[t]);return r}(e,a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}var s={},p="wrapper";function c(e){var a=e.components,t=m(e,o);return(0,r.mdx)(p,i({},s,t,{components:a,mdxType:"MDXLayout"}),(0,r.mdx)("h1",{id:"package-loader"},"Package Loader"),(0,r.mdx)("p",null,"The Package Loader will take the passed in json file and return a set of react components including a badge component with a customizable url.\nThe file must be a json file."),(0,r.mdx)("h4",{id:"note"},"Note:"),(0,r.mdx)("p",null,"The ",(0,r.mdx)("inlineCode",{parentName:"p"},"github source")," badge will only be displayed if the json file contains the property ",(0,r.mdx)("inlineCode",{parentName:"p"},"repository")," with the sub property ",(0,r.mdx)("inlineCode",{parentName:"p"},"url"),".\nAlso, if the package is not in the root directory, the sub property ",(0,r.mdx)("inlineCode",{parentName:"p"},"directory")," can be added in the following format:"),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},'"repository": {\n "type": "git",\n "url": "git+https://github.com/cerner/terra-dev-site.git",\n "directory": "src/loader-components"\n }\n')),(0,r.mdx)("h2",{id:"resource-query"},"Resource query"),(0,r.mdx)("p",null,(0,r.mdx)("inlineCode",{parentName:"p"},"?dev-site-package")),(0,r.mdx)("h2",{id:"badge-props"},"Badge Props"),(0,r.mdx)("table",null,(0,r.mdx)("thead",{parentName:"table"},(0,r.mdx)("tr",{parentName:"thead"},(0,r.mdx)("th",{parentName:"tr",align:null},"Prop"),(0,r.mdx)("th",{parentName:"tr",align:null},"type"))),(0,r.mdx)("tbody",{parentName:"table"},(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"url"),(0,r.mdx)("td",{parentName:"tr",align:null},"string")))),(0,r.mdx)("h2",{id:"badge-example"},"Badge Example"),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import { Badge } from './pretendPackage.json?dev-site-package';\n\n\n\n\n")),(0,r.mdx)("h2",{id:"rendered-example"},"Rendered Example"),(0,r.mdx)(l,{mdxType:"Badge"}),(0,r.mdx)(l,{url:"https://www.google.com",mdxType:"Badge"}))}c.isMDXComponent=!0},17422:function(e,a,t){t.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/83368-7b0df0c40d95cd0d5ed4.css b/83368-7b0df0c40d95cd0d5ed4.css new file mode 100644 index 0000000000..81a4673851 --- /dev/null +++ b/83368-7b0df0c40d95cd0d5ed4.css @@ -0,0 +1,5 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.Whitespace-module__whitespace___nfEbP{display:block;min-height:0}[dir] .Whitespace-module__whitespace___nfEbP{margin:0;padding:0}.Whitespace-module__newline-1___JsrIt{height:1.4285714286em}.Whitespace-module__newline-2___Q0uWI{height:2.8571428572em}.Whitespace-module__newline-3___Q94cX{height:4.2857142858em}.Whitespace-module__newline-4___20zS-{height:5.7142857144em}.Whitespace-module__newline-5___nHyJ-{height:7.142857143em}.Whitespace-module__newline-6___TGqYR{height:8.5714285716em}.Whitespace-module__newline-7___4YsCl{height:10.0000000002em}.Whitespace-module__newline-8___NTNEl{height:11.4285714288em} +[dir] .ButtonDocCommon-module__button___NdaNv{margin:5px} +.Card-module__clinical-lowlight-theme___rpqXf{--terra-card-background-color: #222a2e;--terra-card-border-radius: 3px;--terra-card-border: 1px solid #181b1d;--terra-card-box-shadow: none;--terra-card-color: #b2b5b6;--terra-card-raised-box-shadow: 0 3px 8px -2px rgba(0, 0, 0, 0.18), 0 3px 10px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -3px rgba(0, 0, 0, 0.3)}.Card-module__orion-fusion-theme___QgHmr{--terra-card-background-color: #fff;--terra-card-border-radius: 0;--terra-card-border: 1px solid #c8cacb;--terra-card-box-shadow: none;--terra-card-color: inherit;--terra-card-raised-box-shadow: 2px 2px 0 0 rgba(28, 31, 33, 0.1), -2px 2px 0 0 rgba(28, 31, 33, 0.1), 0 4px 0 0 rgba(28, 31, 33, 0.04), 0 8px 0 -2px rgba(28, 31, 33, 0.03)}.Card-module__card___n9\+A2{color:var(--terra-card-color);overflow:hidden}[dir] .Card-module__card___n9\+A2{background-color:#fff;background-color:var(--terra-card-background-color, #fff);border:1px solid #c8cacb;border:var(--terra-card-border, 1px solid #c8cacb);border-radius:3px;border-radius:var(--terra-card-border-radius, 3px)}[dir] .Card-module__default___Pvv6U{box-shadow:none;box-shadow:var(--terra-card-box-shadow, none)}[dir] .Card-module__raised___OPyVO{box-shadow:0 3px 8px -2px rgba(0, 0, 0, 0.18), 0 3px 10px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -3px rgba(0, 0, 0, 0.3);box-shadow:var(--terra-card-raised-box-shadow, 0 3px 8px -2px rgba(0, 0, 0, 0.18), 0 3px 10px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -3px rgba(0, 0, 0, 0.3))} +.CardBody-module__orion-fusion-theme___Xdg9v{--terra-card-padding-bottom: 0.5rem;--terra-card-padding-left: 0.5rem;--terra-card-padding-right: 0.5rem;--terra-card-padding-top: 0.5rem}.CardBody-module__clinical-lowlight-theme___2YDc3{--terra-card-padding-bottom: 10px;--terra-card-padding-left: 10px;--terra-card-padding-right: 10px;--terra-card-padding-top: 10px}[dir] .CardBody-module__vertical-padding___xyd9u{padding-bottom:10px;padding-bottom:var(--terra-card-padding-bottom, 10px);padding-top:10px;padding-top:var(--terra-card-padding-top, 10px)}[dir=ltr] .CardBody-module__horizontal-padding___wGati{padding-left:10px;padding-left:var(--terra-card-padding-left, 10px);padding-right:10px;padding-right:var(--terra-card-padding-right, 10px)}[dir=rtl] .CardBody-module__horizontal-padding___wGati{padding-right:10px;padding-right:var(--terra-card-padding-left, 10px);padding-left:10px;padding-left:var(--terra-card-padding-right, 10px)}[dir] .CardBody-module__center-content___phyuy{text-align:center} diff --git a/83754-c4f3db3c8bcd43ce1cce.css b/83754-c4f3db3c8bcd43ce1cce.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/83754-c4f3db3c8bcd43ce1cce.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/83754-c4f3db3c8bcd43ce1cce.js b/83754-c4f3db3c8bcd43ce1cce.js new file mode 100644 index 0000000000..1bdf3c4d16 --- /dev/null +++ b/83754-c4f3db3c8bcd43ce1cce.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[83754,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,a,r){var t=r(64836);a.Z=void 0;var n=t(r(67294)),o=t(r(45697)),s=t(r(47166)),i=t(r(17422)),u=s.default.bind(i.default),d={name:o.default.string.isRequired,src:o.default.string,url:o.default.string,version:o.default.string.isRequired},c=function(e){var a=e.src,r=e.name,t=e.url,o=e.version,s=n.default.createElement("a",{className:u("badge"),href:t||"https://www.npmjs.org/package/".concat(r,"/v/").concat(o)},n.default.createElement("span",{className:u("badge-name")},t?"package":"npm"),n.default.createElement("span",{className:u("badge-version")},"v".concat(o))),i=a?n.default.createElement("a",{className:u("badge"),href:a},n.default.createElement("span",{className:u("badge-name")},"github"),n.default.createElement("span",{className:u("badge-version")},"source")):void 0;return n.default.createElement("div",{className:u("badge-container")},s,i)};c.propTypes=d;var l=c;a.Z=l},83754:function(e,a,r){r.r(a),r.d(a,{default:function(){return c}});r(67294);var t=r(81254),n=r(64027),o=["components"];function s(){return s=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(n[r]=e[r]);return n}(e,a);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}var u={},d="wrapper";function c(e){var a=e.components,r=i(e,o);return(0,t.mdx)(d,s({},u,r,{components:a,mdxType:"MDXLayout"}),(0,t.mdx)(n.C,{mdxType:"Badge"}),(0,t.mdx)("h1",{id:"terra-action-footer-upgrade-guide"},"Terra Action Footer Upgrade Guide"),(0,t.mdx)("h2",{id:"changes-from-10-to-20"},"Changes from 1.0 to 2.0"),(0,t.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,t.mdx)("p",null,"The following transitive dependencies had breaking changes. See their upgrade guides for more information."),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"terra-button"),(0,t.mdx)("li",{parentName:"ul"},"terra-doc-template"),(0,t.mdx)("li",{parentName:"ul"},"terra-hyperlink")))}c.isMDXComponent=!0},64027:function(e,a,r){r.d(a,{C:function(){return o}});var t=r(67294),n=r(22863),o=function(e){var a=e.url;return t.createElement(n.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-action-footer",name:"terra-action-footer",version:"2.66.0",url:a})}},17422:function(e,a,r){r.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/84403-c9ce359b23858ff99ac1.js b/84403-c9ce359b23858ff99ac1.js new file mode 100644 index 0000000000..85e445f2f6 --- /dev/null +++ b/84403-c9ce359b23858ff99ac1.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[84403],{22863:function(e,a,l){var d=l(64836);a.Z=void 0;var m=d(l(67294)),n=d(l(45697)),t=d(l(47166)),i=d(l(17422)),r=t.default.bind(i.default),u={name:n.default.string.isRequired,src:n.default.string,url:n.default.string,version:n.default.string.isRequired},p=function(e){var a=e.src,l=e.name,d=e.url,n=e.version,t=m.default.createElement("a",{className:r("badge"),href:d||"https://www.npmjs.org/package/".concat(l,"/v/").concat(n)},m.default.createElement("span",{className:r("badge-name")},d?"package":"npm"),m.default.createElement("span",{className:r("badge-version")},"v".concat(n))),i=a?m.default.createElement("a",{className:r("badge"),href:a},m.default.createElement("span",{className:r("badge-name")},"github"),m.default.createElement("span",{className:r("badge-version")},"source")):void 0;return m.default.createElement("div",{className:r("badge-container")},t,i)};p.propTypes=u;var x=p;a.Z=x},84403:function(e,a,l){l.r(a),l.d(a,{default:function(){return h}});l(67294);var d=l(81254),m=l(72509),n=["components"];function t(){return t=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(m[l]=e[l]);return m}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(m[l]=e[l])}return m}var r={},u="wrapper";function p(e){var a=e.components,l=i(e,n);return(0,d.mdx)(u,t({},r,l,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)("h1",{id:"changelog"},"Changelog"),(0,d.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,d.mdx)("h2",{id:"4940---november-23-2023"},"4.94.0 - (November 23, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4930---november-9-2023"},"4.93.0 - (November 9, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated screen reader response to announce hot keys suggestions.")))),(0,d.mdx)("h2",{id:"4920---october-11-2023"},"4.92.0 - (October 11, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4910---october-3-2023"},"4.91.0 - (October 3, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed DateInput prop types for ",(0,d.mdx)("inlineCode",{parentName:"li"},"excludeDates"),", ",(0,d.mdx)("inlineCode",{parentName:"li"},"includeDates"),", ",(0,d.mdx)("inlineCode",{parentName:"li"},"maxDate"),", ",(0,d.mdx)("inlineCode",{parentName:"li"},"minDate"),".")))),(0,d.mdx)("h2",{id:"4900---september-19-2023"},"4.90.0 - (September 19, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed DatePicker scroll on smaller viewports."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Visual focus changed to dashed lines for individual fields."),(0,d.mdx)("li",{parentName:"ul"},"Screen reader announcement for visual label."),(0,d.mdx)("li",{parentName:"ul"},"Updated screen response to announce when invalid date is entered."),(0,d.mdx)("li",{parentName:"ul"},"Updated screen response to announce when calendar popup dates\nare selected.")))),(0,d.mdx)("h2",{id:"4890---september-5-2023"},"4.89.0 - (September 5, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed the date format being read 3 times when using SR")))),(0,d.mdx)("h2",{id:"4880---august-31-2023"},"4.88.0 - (August 31, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4871---august-4-2023"},"4.87.1 - (August 4, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4870---august-2-2023"},"4.87.0 - (August 2, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Locked ",(0,d.mdx)("inlineCode",{parentName:"li"},"uuid")," dependency to ",(0,d.mdx)("inlineCode",{parentName:"li"},"3.4.0")," for consistency across Terra packages.")))),(0,d.mdx)("h2",{id:"4860---july-31-2023"},"4.86.0 - (July 31, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4850---july-25-2023"},"4.85.0 - (July 25, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4840---july-19-2023"},"4.84.0 - (July 19, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Locked ",(0,d.mdx)("inlineCode",{parentName:"li"},"uuid")," dependency to ",(0,d.mdx)("inlineCode",{parentName:"li"},"7.0.3")," for consistency across Terra packages.")))),(0,d.mdx)("h2",{id:"4830---june-12-2023"},"4.83.0 - (June 12, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Locked ",(0,d.mdx)("inlineCode",{parentName:"li"},"uuid")," version to ",(0,d.mdx)("inlineCode",{parentName:"li"},"8.2.0"),".")))),(0,d.mdx)("h2",{id:"4820---june-5-2023"},"4.82.0 - (June 5, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated ",(0,d.mdx)("inlineCode",{parentName:"li"},"uuid")," to ",(0,d.mdx)("inlineCode",{parentName:"li"},"v8")," for consistency with other components.")))),(0,d.mdx)("h2",{id:"4810---may-11-2023"},"4.81.0 - (May 11, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4800---april-27-2023"},"4.80.0 - (April 27, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4790---march-29-2023"},"4.79.0 - (March 29, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated Jest snapshots.")))),(0,d.mdx)("h2",{id:"4780---march-1-2023"},"4.78.0 - (March 1, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated Jest snapshot for terra-button changes")))),(0,d.mdx)("h2",{id:"4770---february-14-2023"},"4.77.0 - (February 14, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated WDIO screenshots due to webpack-config-terra and\nterra-functional-testing upgrade.")))),(0,d.mdx)("h2",{id:"4760---february-7-2023"},"4.76.0 - (February 7, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated jest snapshot for decorative icon changes.")))),(0,d.mdx)("h2",{id:"4750---december-13-2022"},"4.75.0 - (December 13, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated Jest snapshots")))),(0,d.mdx)("h2",{id:"4740---july-27-2022"},"4.74.0 - (July 27, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed Memory Leak issue happened due to complex state updates with ",(0,d.mdx)("inlineCode",{parentName:"li"},"useEffect")," of ",(0,d.mdx)("inlineCode",{parentName:"li"},"DateInput.jsx"),".")))),(0,d.mdx)("h2",{id:"4731---march-29-2022"},"4.73.1 - (March 29, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed logic with keyboard shortcuts for minimum and maximum dates.")))),(0,d.mdx)("h2",{id:"4730---march-15-2022"},"4.73.0 - (March 15, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Migrated docs to terra framework docs.")))),(0,d.mdx)("h2",{id:"4720---february-2-2022"},"4.72.0 - (February 2, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added keyboard shortcuts ",(0,d.mdx)("inlineCode",{parentName:"li"},"T"),", ",(0,d.mdx)("inlineCode",{parentName:"li"},"-"),", and ",(0,d.mdx)("inlineCode",{parentName:"li"},"+")," for auto-setting date values.")))),(0,d.mdx)("h2",{id:"4711---january-4-2022"},"4.71.1 - (January 4, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated jest snapshots")))),(0,d.mdx)("h2",{id:"4710---november-16-2021"},"4.71.0 - (November 16, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated onChangeRaw to also get called when date is selected from datepicker")))),(0,d.mdx)("h2",{id:"4700---november-9-2021"},"4.70.0 - (November 9, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4691---november-3-2021"},"4.69.1 - (November 3, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Set input id at the parent div instead of at each of the three inputs to prevent elements with identical id. The following labels will be appended to the provided id and set as the id for each corresponding input.",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("inlineCode",{parentName:"li"},"-terra-date-picker-month")),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("inlineCode",{parentName:"li"},"-terra-date-picker-day")),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("inlineCode",{parentName:"li"},"-terra-date-picker-year"))))))),(0,d.mdx)("h2",{id:"4690---november-2-2021"},"4.69.0 - (November 2, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Date input split into 3 distinct inputs that mask the previous single input.",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"The internal DOM structure of the date-picker has changed from one single input to three separate inputs. Updates may be required depending on how these inputs are queried."),(0,d.mdx)("li",{parentName:"ul"},"WDIO screenshots capturing the date-picker will need to be regenerated due to the visual changes."))),(0,d.mdx)("li",{parentName:"ul"},"Updated ",(0,d.mdx)("inlineCode",{parentName:"li"},"terra-dev-site")," examples to use hooks.")))),(0,d.mdx)("h2",{id:"4680---october-14-2021"},"4.68.0 - (October 14, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Reverted focus-trap-react upgrade due to passivity concerns")))),(0,d.mdx)("h2",{id:"4670---october-12-2021"},"4.67.0 - (October 12, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Upgrade focus-trap-react to version ^8.0.0.")))),(0,d.mdx)("h2",{id:"4660---september-20-2021"},"4.66.0 - (September 20, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated WDIO screenshots due to webpack-config-terra sass upgrade.")))),(0,d.mdx)("h2",{id:"4650---july-21-2021"},"4.65.0 - (July 21, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated ",(0,d.mdx)("inlineCode",{parentName:"li"},"terra-icon")," from ",(0,d.mdx)("inlineCode",{parentName:"li"},"v3.1.0")," to ",(0,d.mdx)("inlineCode",{parentName:"li"},"v3.19.0"),"."),(0,d.mdx)("li",{parentName:"ul"},"Updated ",(0,d.mdx)("inlineCode",{parentName:"li"},"terra-breakpoints")," from ",(0,d.mdx)("inlineCode",{parentName:"li"},"v2.0.0")," to ",(0,d.mdx)("inlineCode",{parentName:"li"},"v2.19.0"),"."),(0,d.mdx)("li",{parentName:"ul"},"Updated ",(0,d.mdx)("inlineCode",{parentName:"li"},"terra-form-field")," from ",(0,d.mdx)("inlineCode",{parentName:"li"},"v3.1.0")," to ",(0,d.mdx)("inlineCode",{parentName:"li"},"v4.5.0"),".")))),(0,d.mdx)("h2",{id:"4640---july-20-2021"},"4.64.0 - (July 20, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated Jest Snapshots")))),(0,d.mdx)("h2",{id:"4630---july-13-2021"},"4.63.0 - (July 13, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4620---june-8-2021"},"4.62.0 - (June 8, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated ",(0,d.mdx)("inlineCode",{parentName:"li"},"keycode-js")," from ",(0,d.mdx)("inlineCode",{parentName:"li"},"v2.0.1")," to ",(0,d.mdx)("inlineCode",{parentName:"li"},"v3.1.0"),"."))),(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Arrow alignment in ie")))),(0,d.mdx)("h2",{id:"4610---june-1-2021"},"4.61.0 - (June 1, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed crash issue for upper and lower bound dates in IE.")))),(0,d.mdx)("h2",{id:"4600---may-4-2021"},"4.60.0 - (May 4, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed focus trap issue for date picker in mobile view.")))),(0,d.mdx)("h2",{id:"4590---april-6-2021"},"4.59.0 - (April 6, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,d.mdx)("h2",{id:"4580---march-9-2021"},"4.58.0 - (March 9, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated to use terra-functional-testing")))),(0,d.mdx)("h2",{id:"4570---february-2-2021"},"4.57.0 - (February 2, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4560---january-26-2021"},"4.56.0 - (January 26, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4550---january-5-2021"},"4.55.0 - (January 5, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4540---december-8-2020"},"4.54.0 - (December 8, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added initialTimeZone a private prop that gets passed down from terra-date-time-picker."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Changed 'moment' dependency to 'moment-timezone'"),(0,d.mdx)("li",{parentName:"ul"},"Updated to support a peer dependency of react-intl v2-v5")))),(0,d.mdx)("h2",{id:"4530---november-24-2020"},"4.53.0 - (November 24, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,d.mdx)("h2",{id:"4520---november-10-2020"},"4.52.0 - (November 10, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed build failures due to the react/sort-comp rule")))),(0,d.mdx)("h2",{id:"4510---october-20-2020"},"4.51.0 - (October 20, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4500---october-13-2020"},"4.50.0 - (October 13, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added documentation on mock for ",(0,d.mdx)("inlineCode",{parentName:"li"},"uuid"),"."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixes description id's in DatePicker for better accessibility.")))),(0,d.mdx)("h2",{id:"4490---october-6-2020"},"4.49.0 - (October 6, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Upgrade ",(0,d.mdx)("inlineCode",{parentName:"li"},"form-input")," dependency to ",(0,d.mdx)("inlineCode",{parentName:"li"},"^4.4.0")," and updated jests.")))),(0,d.mdx)("h2",{id:"4480---september-29-2020"},"4.48.0 - (September 29, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixes inconsistent focus styles in IE."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("inlineCode",{parentName:"li"},"onClickOutside")," prop has been deprecated, will resolve to ",(0,d.mdx)("inlineCode",{parentName:"li"},"onRequestClose"))))),(0,d.mdx)("h2",{id:"4470---september-16-2020"},"4.47.0 - (September 16, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fix to remove dotted border on selected date, on hovering calendar."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"placeholder"),"."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added format to be displayed for both ",(0,d.mdx)("inlineCode",{parentName:"li"},"DatePicker")," and ",(0,d.mdx)("inlineCode",{parentName:"li"},"DatePickerField"),".")))),(0,d.mdx)("h2",{id:"4460---september-10-2020"},"4.46.0 - (September 10, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fix to clear out invalid date value when time input selected in date-time-picker.")))),(0,d.mdx)("h2",{id:"4450---august-18-2020"},"4.45.0 - (August 18, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4440---august-11-2020"},"4.44.0 - (August 11, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added an interaction media query to apply ",(0,d.mdx)("inlineCode",{parentName:"li"},"hover")," styles only on non-touch devices."),(0,d.mdx)("li",{parentName:"ul"},"Added Calendar Filter sub-component.")))),(0,d.mdx)("h2",{id:"4430---august-4-2020"},"4.43.0 - (August 4, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed issue to clear out selected date when an invalid date is entered after selecting a valid date."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated Changelog format"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update jest due to change in theme"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated Changelog format"),(0,d.mdx)("li",{parentName:"ul"},"Update jest due to change in theme")))),(0,d.mdx)("h2",{id:"4420---july-28-2020"},"4.42.0 - (July 28, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated date to be announced correctly by assistive technology."),(0,d.mdx)("li",{parentName:"ul"},"Updated color for previous and next month button in calendar.")))),(0,d.mdx)("h2",{id:"4410---july-14-2020"},"4.41.0 - (July 14, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"updated ",(0,d.mdx)("inlineCode",{parentName:"li"},"master")," references to ",(0,d.mdx)("inlineCode",{parentName:"li"},"main"),"."),(0,d.mdx)("li",{parentName:"ul"},"Minor file changes to comply with eslint rules"),(0,d.mdx)("li",{parentName:"ul"},"Remove unused disable eslint directives"),(0,d.mdx)("li",{parentName:"ul"},"Escape characters to comply with no unescaped entities eslint rule")))),(0,d.mdx)("h2",{id:"4400---june-16-2020"},"4.40.0 - (June 16, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"value")," prop in DatePickerField to align with DatePicker."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed javascript warning for not setting required ",(0,d.mdx)("inlineCode",{parentName:"li"},"datePickerId")," prop in DatePickerField test."),(0,d.mdx)("li",{parentName:"ul"},"Updated DatePickerField example to use correct import.")))),(0,d.mdx)("h2",{id:"4390---june-9-2020"},"4.39.0 - (June 9, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4380---june-2-2020"},"4.38.0 - (June 2, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Limit the supported dates to between 01/01/1900 and 12/31/2100 because the year dropdown only contains years between 1900 and 2100."),(0,d.mdx)("li",{parentName:"ul"},"Disable the Today button if today is a disabled day. (i.e.; outside the ",(0,d.mdx)("inlineCode",{parentName:"li"},"minDate"),"/",(0,d.mdx)("inlineCode",{parentName:"li"},"maxDate")," range, in ",(0,d.mdx)("inlineCode",{parentName:"li"},"excludeDates"),", not in ",(0,d.mdx)("inlineCode",{parentName:"li"},"includeDates"),", or filtered by ",(0,d.mdx)("inlineCode",{parentName:"li"},"filterDate"),")"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Apply themes by context and directly include packaged themes.")))),(0,d.mdx)("h2",{id:"4370---may-19-2020"},"4.37.0 - (May 19, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update screenshot due to change in button hover.")))),(0,d.mdx)("h2",{id:"4360---april-28-2020"},"4.36.0 - (April 28, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"directory")," as a sub attribute to the ",(0,d.mdx)("inlineCode",{parentName:"li"},"repository")," attribute in package.json"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge')))),(0,d.mdx)("h2",{id:"4350---april-14-2020"},"4.35.0 - (April 14, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed error that occurs during remount when setting focus with a null reference to the calendar button.")))),(0,d.mdx)("h2",{id:"4340---april-6-2020"},"4.34.0 - (April 6, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Applied new border styles for keyboard navigation."),(0,d.mdx)("li",{parentName:"ul"},"Changed pre-selected date to 1st of month when changing year/month."),(0,d.mdx)("li",{parentName:"ul"},"Changed ",(0,d.mdx)("inlineCode",{parentName:"li"},"--terra-date-picker-month-focus-outline")," and ",(0,d.mdx)("inlineCode",{parentName:"li"},"--terra-date-picker-month-focus-outline-offset")," to ",(0,d.mdx)("inlineCode",{parentName:"li"},"--terra-date-picker-day-focus-outline")," and ",(0,d.mdx)("inlineCode",{parentName:"li"},"--terra-date-picker-day-focus-outline-offset")," respectively.")))),(0,d.mdx)("h2",{id:"4330---march-31-2020"},"4.33.0 - (March 31, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,d.mdx)("h2",{id:"4320---march-24-2020"},"4.32.0 - (March 24, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated props documentation"),(0,d.mdx)("li",{parentName:"ul"},"Fix wdio test for clinical-theme")))),(0,d.mdx)("h2",{id:"4310---march-10-2020"},"4.31.0 - (March 10, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Changed ",(0,d.mdx)("inlineCode",{parentName:"li"},"onChange")," and ",(0,d.mdx)("inlineCode",{parentName:"li"},"onChangeRaw")," callbacks to return the following metadata as part of the third parameter: iso, inputValue, isCompleteValue, isValidValue"),(0,d.mdx)("li",{parentName:"ul"},"Update the placeholder for the ",(0,d.mdx)("inlineCode",{parentName:"li"},"es-US"),", ",(0,d.mdx)("inlineCode",{parentName:"li"},"nl"),", ",(0,d.mdx)("inlineCode",{parentName:"li"},"sv-SE"),", and ",(0,d.mdx)("inlineCode",{parentName:"li"},"sv")," locales to match the actual date format.")))),(0,d.mdx)("h2",{id:"4300---march-3-2020"},"4.30.0 - (March 3, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4290---february-25-2020"},"4.29.0 - (February 25, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update date-picker to use the controlled responsive-element")))),(0,d.mdx)("h2",{id:"4280---february-18-2020"},"4.28.0 - (February 18, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme theming files"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update docs to use mdx syntax.")))),(0,d.mdx)("h2",{id:"4270---february-4-2020"},"4.27.0 - (February 4, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4260---january-28-2020"},"4.26.0 - (January 28, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update copyright to include 2020")))),(0,d.mdx)("h2",{id:"4250---january-7-2020"},"4.25.0 - (January 7, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Removed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed yarn reference in docs")))),(0,d.mdx)("h2",{id:"4240---december-16-2019"},"4.24.0 - (December 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4230---december-10-2019"},"4.23.0 - (December 10, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added orion-fusion-theme and generated the respective reference wdio screenshots."),(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"aria-disabled")," in react-datepicker"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated color for selected dates and removed ignore axe rules.")))),(0,d.mdx)("h2",{id:"4220---november-26-2019"},"4.22.0 - (November 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed eslint error regarding operator-assignment.")))),(0,d.mdx)("h2",{id:"4210---november-20-2019"},"4.21.0 - (November 20, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"4200---november-18-2019"},"4.20.0 - (November 18, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"4190---november-7-2019"},"4.19.0 - (November 7, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed Invalid and Incomplete wdio test logic to ensure states are off after tests runs."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Resolved lint warnings for multiple empty lines"),(0,d.mdx)("li",{parentName:"ul"},"Regenerate wdio screenshots")))),(0,d.mdx)("h2",{id:"4180---october-30-2019"},"4.18.0 - (October 30, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"4170---october-21-2019"},"4.17.0 - (October 21, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Duplicate IDs in examples changed."),(0,d.mdx)("li",{parentName:"ul"},"Updated previous and next buttons in the calendar back to a HTML button instead of using the terra-button component due to discrepancies with the hover styling in low-light theme."),(0,d.mdx)("li",{parentName:"ul"},"Update Jest snapshots")))),(0,d.mdx)("h2",{id:"4160---october-16-2019"},"4.16.0 - (October 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"isIncomplete")," prop and stylings"),(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"isInvalid")," prop and stylings")))),(0,d.mdx)("h2",{id:"4150---october-3-2019"},"4.15.0 - (October 3, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Renamed react-datepicker's ",(0,d.mdx)("inlineCode",{parentName:"li"},"datepicker.scss")," to ",(0,d.mdx)("inlineCode",{parentName:"li"},"react_datepicker.module.scss"),".")))),(0,d.mdx)("h2",{id:"4140---september-26-2019"},"4.14.0 - (September 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"4130---september-19-2019"},"4.13.0 - (September 19, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed use of ",(0,d.mdx)("inlineCode",{parentName:"li"},"componentWillReceiveProps"),"."),(0,d.mdx)("li",{parentName:"ul"},"Added ability to shift focus around interactive elements within the datepicker popup to enable better screen reader/keyboard usage"),(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site."),(0,d.mdx)("li",{parentName:"ul"},"Doc site example module import syntax modified to use package.json name resolution"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed time-picker code from react-datepicker."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added en-CA translations."),(0,d.mdx)("li",{parentName:"ul"},"Allowed entering '-' in the date input for en-CA date format."),(0,d.mdx)("li",{parentName:"ul"},"Updated documentations to call out the supported ISO 8601 date format.")))),(0,d.mdx)("h2",{id:"4120---september-6-2019"},"4.12.0 - (September 6, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files"),(0,d.mdx)("li",{parentName:"ul"},"Updated ",(0,d.mdx)("inlineCode",{parentName:"li"},"keycode-js")," from ",(0,d.mdx)("inlineCode",{parentName:"li"},"v1.0.4")," to ",(0,d.mdx)("inlineCode",{parentName:"li"},"v2.0.1")))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Now requires users to enter separators themselves such as '/' or '-' depending on format.")))),(0,d.mdx)("h2",{id:"4110---august-21-2019"},"4.11.0 - (August 21, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Replaced Object.assign syntax with Object spread syntax"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed unneeded calls to hide the caret in inputs because ",(0,d.mdx)("inlineCode",{parentName:"li"},"terra-toolkit")," now does so automatically.")))),(0,d.mdx)("h2",{id:"4100---august-14-2019"},"4.10.0 - (August 14, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed lint errors for css."),(0,d.mdx)("li",{parentName:"ul"},"Updated react-date-picker to use css modules."),(0,d.mdx)("li",{parentName:"ul"},"updated package.json test scripts"),(0,d.mdx)("li",{parentName:"ul"},"Updated to interface with react-intl's context rather than old React Context API."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Aria-Label and translations added to input to fix accessibility issue of Date-Time-Picker."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed the time substring from the date value returned in all callbacks.")))),(0,d.mdx)("h2",{id:"490---july-30-2019"},"4.9.0 - (July 30, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed DEPENDENCIES.md file"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update tests for dev-site v6"),(0,d.mdx)("li",{parentName:"ul"},"Explicitly pull in Error icon from terra-icon instead of pulling from terra-form-field")))),(0,d.mdx)("h2",{id:"481---july-23-2019"},"4.8.1 - (July 23, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated DEPENDENCIES.md doc")))),(0,d.mdx)("h2",{id:"480---july-23-2019"},"4.8.0 - (July 23, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added props description for the forked react-datepicker component"),(0,d.mdx)("li",{parentName:"ul"},"Normalized terra-visually-hidden-text dependency version to match other terra-framework packages")))),(0,d.mdx)("h2",{id:"470---july-16-2019"},"4.7.0 - (July 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies")))),(0,d.mdx)("h2",{id:"460---july-10-2019"},"4.6.0 - (July 10, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"450---july-2-2019"},"4.5.0 - (July 2, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Allow terra-date-picker to be a controlled component."),(0,d.mdx)("li",{parentName:"ul"},"Added functionality to announce the pre-selected date to screen readers when navigating within the date picker."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed extra inline styles."),(0,d.mdx)("li",{parentName:"ul"},"Renamed test and example SCSS files to end with ",(0,d.mdx)("inlineCode",{parentName:"li"},".module.scss")," extension")))),(0,d.mdx)("h2",{id:"440---june-19-2019"},"4.4.0 - (June 19, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated to use terra-responsive-element v5"),(0,d.mdx)("li",{parentName:"ul"},"Update wdio spec to use Terra.describeViewports")))),(0,d.mdx)("h2",{id:"430---june-12-2019"},"4.3.0 - (June 12, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed all inline styles from Dev-site components and implemented the same styles using external css."),(0,d.mdx)("li",{parentName:"ul"},"Update tests for terra-toolkit v5 and terra-dev-site v5 changes"),(0,d.mdx)("li",{parentName:"ul"},"Replaced terra-hookshot with terra-popup"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Do not always force to return focus to the calendar button after the picker closes."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore")))),(0,d.mdx)("h2",{id:"420---may-21-2019"},"4.2.0 - (May 21, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,d.mdx)("h2",{id:"410---may-15-2019"},"4.1.0 - (May 15, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Resolved eslint error in example files"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added DatePickerField")))),(0,d.mdx)("h2",{id:"400---may-13-2019"},"4.0.0 - (May 13, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Breaking Change"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"releaseFocus")," prop"),(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"requestFocus")," prop"),(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"onInputFocus")," prop in favor of the added ",(0,d.mdx)("inlineCode",{parentName:"li"},"onFocus")," prop."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Changed the parameter in filterDate prop from a moment object to an ISO string."),(0,d.mdx)("li",{parentName:"ul"},"Honor min/max range when only either minDate or maxDate is set."),(0,d.mdx)("li",{parentName:"ul"},"Changed the onBlur event to get triggered only when the entire date picker component loses focus."),(0,d.mdx)("li",{parentName:"ul"},"Updated upgrade guide."),(0,d.mdx)("li",{parentName:"ul"},"The date picker now renders in a react portal on narrow screens"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Component specific handling for pressing Escape key to close the Date Picker"),(0,d.mdx)("li",{parentName:"ul"},"Added focus trap to date-picker"),(0,d.mdx)("li",{parentName:"ul"},"Added 'onFocus' prop since 'preventOpenOnFocus' can be used to prevent picker from opening on focus.")))),(0,d.mdx)("h2",{id:"3150---may-7-2019"},"3.15.0 - (May 7, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Allow same day change to trigger onChange."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed crash when selectedDate prop is set to a string or empty string that is not ISO compliant and unable to convert to a valid moment object.")))),(0,d.mdx)("h2",{id:"3140---april-24-2019"},"3.14.0 - (April 24, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Limited the characters that could be used in terra-date-picker to numeric, '.', and '/'."),(0,d.mdx)("li",{parentName:"ul"},"Moved packages we use solely in doc examples and tests to devDependencies")))),(0,d.mdx)("h2",{id:"3130---april-16-2019"},"3.13.0 - (April 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,d.mdx)("h2",{id:"3120---april-9-2019"},"3.12.0 - (April 9, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Replaced react-popper usage with terra-hookshot")))),(0,d.mdx)("h2",{id:"3110---april-2-2019"},"3.11.0 - (April 2, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Forked React Datepicker at version 0.64.0"),(0,d.mdx)("li",{parentName:"ul"},"Removed react-datepicker as dependency"),(0,d.mdx)("li",{parentName:"ul"},"Added react-popper and react-onclickoutside as dependencies")))),(0,d.mdx)("h2",{id:"3100---march-26-2019"},"3.10.0 - (March 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added 'required' prop to match terra-form components' required prop"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,d.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,d.mdx)("h2",{id:"390---march-20-2019"},"3.9.0 - (March 20, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update Jest tests to use terra-enzyme-intl")))),(0,d.mdx)("h2",{id:"380---march-12-2019"},"3.8.0 - (March 12, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,d.mdx)("h2",{id:"370---march-5-2019"},"3.7.0 - (March 5, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,d.mdx)("h2",{id:"360---february-26-2019"},"3.6.0 - (February 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added en-AU translations"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Changed expected selenium driver error to be non-Chrome specific for IE and FF driver compatibility")))),(0,d.mdx)("h2",{id:"350---february-13-2019"},"3.5.0 - (February 13, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"340---february-5-2019"},"3.4.0 - (February 5, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Migrate to terra-framework")))),(0,d.mdx)("h2",{id:"330---january-26-2019"},"3.3.0 - (January 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"320---january-22-2019"},"3.2.0 - (January 22, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"310---january-22-2019"},"3.1.0 - (January 22, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"300---january-8-2019"},"3.0.0 - (January 8, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated theme variables")))),(0,d.mdx)("h2",{id:"2410---january-22-2019"},"2.41.0 - (January 22, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added 'showShouldPicker' to prop-types validation")))),(0,d.mdx)("h2",{id:"2400---january-8-2019"},"2.40.0 - (January 8, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated examples to use ModalManager v4")))),(0,d.mdx)("h2",{id:"2390---january-2-2019"},"2.39.0 - (January 2, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added missing ar translations."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed usage of componentWillReceiveProps"),(0,d.mdx)("li",{parentName:"ul"},"Updated theme variables"),(0,d.mdx)("li",{parentName:"ul"},"Updated site examples to be more accessible.")))),(0,d.mdx)("h2",{id:"2381---november-20-2018"},"2.38.1 - (November 20, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,d.mdx)("h2",{id:"2380---november-19-2018"},"2.38.0 - (November 19, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2370---november-13-2018"},"2.37.0 - (November 13, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2360---november-9-2018"},"2.36.0 - (November 9, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2350---october-24-2018"},"2.35.0 - (October 24, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2340---october-16-2018"},"2.34.0 - (October 16, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2330---october-8-2018"},"2.33.0 - (October 8, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2320---october-2-2018"},"2.32.0 - (October 2, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2310---september-25-2018"},"2.31.0 - (September 25, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2301---september-6-2018"},"2.30.1 - (September 6, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,d.mdx)("h2",{id:"2300---september-5-2018"},"2.30.0 - (September 5, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,d.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,d.mdx)("h2",{id:"2290---september-4-2018"},"2.29.0 - (September 4, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2280---august-29-2018"},"2.28.0 - (August 29, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2270---august-21-2018"},"2.27.0 - (August 21, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2260---august-8-2018"},"2.26.0 - (August 8, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated component internationalization error message")))),(0,d.mdx)("h2",{id:"2250---august-1-2018"},"2.25.0 - (August 1, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fix issue where tooling was parsing the .scss import inside of our .module.scss file as a CSS modules file")))),(0,d.mdx)("h2",{id:"2241---july-26-2018"},"2.24.1 - (July 26, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed trailing comma issue in sv and sv-SE translations")))),(0,d.mdx)("h2",{id:"2240---july-25-2018"},"2.24.0 - (July 25, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Add sv and sv-SE translations"),(0,d.mdx)("li",{parentName:"ul"},"Placeholder text is now localized")))),(0,d.mdx)("h2",{id:"2230---july-19-2018"},"2.23.0 - (July 19, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated translations"),(0,d.mdx)("li",{parentName:"ul"},"Add .module extension to SCSS file(s)"),(0,d.mdx)("li",{parentName:"ul"},"Replaced the legacy form input with the new terra-form-input package"),(0,d.mdx)("li",{parentName:"ul"},"Fixed Focus Styles on the input element")))),(0,d.mdx)("h2",{id:"2220---july-17-2018"},"2.22.0 - (July 17, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,d.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v4 update"),(0,d.mdx)("li",{parentName:"ul"},"Removed unused state format key")))),(0,d.mdx)("h2",{id:"2210---july-10-2018"},"2.21.0 - (July 10, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2200---july-3-2018"},"2.20.0 - (July 3, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2190---june-28-2018"},"2.19.0 - (June 28, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,d.mdx)("li",{parentName:"ul"},"Changed datepicker third-party styles import from .css file to .scss file"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added change log to the documentation on terra-dev-site")))),(0,d.mdx)("h2",{id:"2180---june-22-2018"},"2.18.0 - (June 22, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Moved terra-base from dependency to peerDependency")))),(0,d.mdx)("h2",{id:"2170---june-19-2018"},"2.17.0 - (June 19, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed the ",(0,d.mdx)("inlineCode",{parentName:"li"},"Date Picker Modal Container")," test page"),(0,d.mdx)("li",{parentName:"ul"},"Remove Base wrapper from test examples. Terra-dev-site wraps all test examples in Base."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Split the ",(0,d.mdx)("inlineCode",{parentName:"li"},"Date Picker Input Attributes")," test page into ",(0,d.mdx)("inlineCode",{parentName:"li"},"Date Picker Read Only")," and ",(0,d.mdx)("inlineCode",{parentName:"li"},"Date Picker Disabled")),(0,d.mdx)("li",{parentName:"ul"},"Changed Nightwatch tests to WebdriverIO")))),(0,d.mdx)("h2",{id:"2160---june-13-2018"},"2.16.0 - (June 13, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2150---june-12-2018"},"2.15.0 - (June 12, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},'Updated "test:jest" script to work on windows.'),(0,d.mdx)("li",{parentName:"ul"},"Updated the date picker to add its own wrapping div")))),(0,d.mdx)("h2",{id:"2140---may-30-2018"},"2.14.0 - (May 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated structure to match terra-dev-site 1.0 and moved doc examples internal.")))),(0,d.mdx)("h2",{id:"2130---may-25-2018"},"2.13.0 - (May 25, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2120---may-23-2018"},"2.12.0 - (May 23, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2110---may-16-2018"},"2.11.0 - (May 16, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2100---may-9-2018"},"2.10.0 - (May 9, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"290---may-2-2018"},"2.9.0 - (May 2, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"280---april-20-2018"},"2.8.0 - (April 20, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Bumped devDependency on terra-modal-manager to use 2.x version")))),(0,d.mdx)("h2",{id:"270---april-20-2018"},"2.7.0 - (April 20, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"260---april-15-2018"},"2.6.0 - (April 15, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"250---april-5-2018"},"2.5.0 - (April 5, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Lock in version of popper to prevent date picker from pointing to an incorrect position when invoked. ",(0,d.mdx)("a",{parentName:"li",href:"https://github.com/cerner/terra-core/issues/1402"},"https://github.com/cerner/terra-core/issues/1402"))))),(0,d.mdx)("h2",{id:"240---march-30-2018"},"2.4.0 - (March 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update lower bound version of moment.js to latest release")))),(0,d.mdx)("h2",{id:"230---march-14-2018"},"2.3.0 - (March 14, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"220---march-6-2018"},"2.2.0 - (March 6, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Removed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed props-table script from package.json")))),(0,d.mdx)("h2",{id:"210---february-26-2018"},"2.1.0 - (February 26, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"201---february-13-2018"},"2.0.1 - (February 13, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated peerDependencies")))),(0,d.mdx)("h2",{id:"200---february-12-2018"},"2.0.0 - (February 12, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated to use React 16"),(0,d.mdx)("li",{parentName:"ul"},"Uplifted component to use terra-button v2"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"disabled")," prop")))),(0,d.mdx)("h2",{id:"1200---february-1-2018"},"1.20.0 - (February 1, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1190---january-18-2018"},"1.19.0 - (January 18, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1180---january-5-2018"},"1.18.0 - (January 5, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1170---november-28-2017"},"1.17.0 - (November 28, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed onInputFocus, onCalendarButtonClick and shouldShowPicker props and pass them down as custom props.")))),(0,d.mdx)("h2",{id:"1160---november-16-2017"},"1.16.0 - (November 16, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added onInputFocus and onCalendarButtonClick props to handle unacceptable default dates.")))),(0,d.mdx)("h2",{id:"1150---november-7-2017"},"1.15.0 - (November 7, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1140---october-31-2017"},"1.14.0 - (October 31, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1130---october-24-2017"},"1.13.0 - (October 24, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added onChangeRaw, onClickOutside and onSelect props.")))),(0,d.mdx)("h2",{id:"1120---october-6-2017"},"1.12.0 - (October 6, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1110---september-26-2017"},"1.11.0 - (September 26, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Removed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Remove stylelint-disable selector-class-pattern")))),(0,d.mdx)("h2",{id:"1100---september-19-2017"},"1.10.0 - (September 19, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Set react-datepicker popup attachment to fix bidi display")))),(0,d.mdx)("h2",{id:"1100---september-12-2017"},"1.10.0 - (September 12, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"190---september-7-2017"},"1.9.0 - (September 7, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"180---september-5-2017"},"1.8.0 - (September 5, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update nightwatch tests and test scripts.")))),(0,d.mdx)("h2",{id:"170---august-31-2017"},"1.7.0 - (August 31, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"160---august-15-2017"},"1.6.0 - (August 15, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"150---august-8-2017"},"1.5.0 - (August 8, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Change data-class to be name spaced")))),(0,d.mdx)("h2",{id:"140---august-1-2017"},"1.4.0 - (August 1, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"130---august-1-2017"},"1.3.0 - (August 1, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added requestFocus and releaseFocus props to support requesting and releasing focus."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Converted component to use CSS modules")))),(0,d.mdx)("h2",{id:"120---july-26-2017"},"1.2.0 - (July 26, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"110---july-18-2017"},"1.1.0 - (July 18, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated nightwatch test scripts"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed nightwatch.config file"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Check null date when date entry is cleared"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Internationalized this component")))),(0,d.mdx)("h2",{id:"100---june-28-2017"},"1.0.0 - (June 28, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Initial stable release")))}p.isMDXComponent=!0;var x=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(m[l]=e[l]);return m}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(m[l]=e[l])}return m}var s={},c="wrapper";function h(e){var a=e.components,l=N(e,x);return(0,d.mdx)(c,o({},s,l,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)(m.C,{mdxType:"Badge"}),(0,d.mdx)(p,{mdxType:"ChangeLog"}))}h.isMDXComponent=!0},72509:function(e,a,l){l.d(a,{C:function(){return n}});var d=l(67294),m=l(22863),n=function(e){var a=e.url;return d.createElement(m.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-date-picker",name:"terra-date-picker",version:"4.94.0",url:a})}},17422:function(e,a,l){l.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/84651-82da1d78731bf03a919a.css b/84651-82da1d78731bf03a919a.css new file mode 100644 index 0000000000..26c57489b7 --- /dev/null +++ b/84651-82da1d78731bf03a919a.css @@ -0,0 +1,4 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} +.Table-module__clinical-lowlight-theme___PqYJ8{--terra-html-table-background-color: #383f42;--terra-html-table-border: 1px solid #585a5c;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: none;--terra-html-table-header-cell-color: #1c1f21;--terra-html-table-header-cell-font-size: 1rem;--terra-html-table-header-cell-font-weight: bold;--terra-html-table-header-cell-border-right: 1px solid #585a5c;--terra-html-table-first-header-cell-border-left: 1px solid #585a5c;--terra-html-table-last-header-cell-border-right: 1px solid #585a5c;--terra-html-table-header-background-color: #909496;--terra-html-table-header-box-shadow: 0 4px 4px -3.5px #1c1f21, inset 0 0 0 1px #585a5c;--terra-html-table-header-row-border-bottom: 1px solid #585a5c;--terra-html-table-header-row-border-top: 1px solid #585a5c;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #b2b5b6;--terra-html-table-cell-font-size: 1rem;--terra-html-table-first-cell-border-left: 1px solid #585a5c;--terra-html-table-last-cell-border-right: 1px solid #585a5c;--terra-html-table-header-cell-standard-padding-bottom: 0.5rem;--terra-html-table-header-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-top: 0.5rem;--terra-html-table-header-cell-compact-padding-bottom: 0.25rem;--terra-html-table-header-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-top: 0.25rem;--terra-html-table-cell-standard-padding-bottom: 0.5rem;--terra-html-table-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-cell-standard-padding-top: 0.5rem;--terra-html-table-cell-compact-padding-bottom: 0.25rem;--terra-html-table-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-cell-compact-padding-top: 0.25rem;--terra-html-table-row-border-top: 1px solid #585a5c;--terra-html-table-last-row-border-bottom: 1px solid #585a5c;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #2d3539}.Table-module__orion-fusion-theme___d9rxf{--terra-html-table-background-color: transparent;--terra-html-table-border: 0;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: transparent;--terra-html-table-header-cell-color: #64696c;--terra-html-table-header-cell-font-size: 0.857142857rem;--terra-html-table-header-cell-font-weight: normal;--terra-html-table-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-first-header-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-background-color: #f4f4f4;--terra-html-table-header-box-shadow: none;--terra-html-table-header-row-border-bottom: 2px solid #64696c;--terra-html-table-header-row-border-top: 1px solid #c8cacb;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #1c1f21;--terra-html-table-cell-font-size: 0.857142857rem;--terra-html-table-first-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-cell-standard-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-top: 0.428571429rem;--terra-html-table-header-cell-compact-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-top: 0.428571429rem;--terra-html-table-cell-standard-padding-bottom: 0.8571428571rem;--terra-html-table-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-cell-standard-padding-top: 0.8571428571rem;--terra-html-table-cell-compact-padding-bottom: 0.8571428571rem;--terra-html-table-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-cell-compact-padding-top: 0.8571428571rem;--terra-html-table-row-border-top: 0;--terra-html-table-last-row-border-bottom: 1px solid #c8cacb;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #f4f4f4}.Table-module__table___eg2Mi{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___eg2Mi{background-color:transparent;background-color:var(--terra-html-table-background-color, transparent);border:0;border:var(--terra-html-table-border, 0);border-radius:0;border-radius:var(--terra-html-table-border-radius, 0)}[dir] .Table-module__table___eg2Mi caption{padding-bottom:.5em}.Table-module__table___eg2Mi tr{display:table-row}[dir] .Table-module__table___eg2Mi tr{margin-bottom:0}.Table-module__table___eg2Mi td,.Table-module__table___eg2Mi th{color:#1c1f21;color:var(--terra-html-table-cell-color, #1c1f21);display:table-cell;font-size:1rem;font-size:var(--terra-html-table-cell-font-size, 1rem);font-weight:normal;vertical-align:top}[dir] .Table-module__table___eg2Mi td, [dir] .Table-module__table___eg2Mi th{border:0}[dir=ltr] .Table-module__table___eg2Mi td, [dir=ltr] .Table-module__table___eg2Mi th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___eg2Mi td, [dir=rtl] .Table-module__table___eg2Mi th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___eg2Mi td:first-child, [dir=ltr] .Table-module__table___eg2Mi th:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:first-child, [dir=rtl] .Table-module__table___eg2Mi th:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi td:last-child, [dir=ltr] .Table-module__table___eg2Mi th:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:last-child, [dir=rtl] .Table-module__table___eg2Mi th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___eg2Mi thead th, [dir] .Table-module__table___eg2Mi thead td{border:0}[dir=ltr] .Table-module__table___eg2Mi thead th, [dir=ltr] .Table-module__table___eg2Mi thead td{border-right:1px solid rgba(200, 202, 203, 0.5);border-right:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:left}[dir=rtl] .Table-module__table___eg2Mi thead th, [dir=rtl] .Table-module__table___eg2Mi thead td{border-left:1px solid rgba(200, 202, 203, 0.5);border-left:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:right}[dir=ltr] .Table-module__table___eg2Mi thead th:first-child, [dir=ltr] .Table-module__table___eg2Mi thead td:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:first-child, [dir=rtl] .Table-module__table___eg2Mi thead td:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi thead th:last-child, [dir=ltr] .Table-module__table___eg2Mi thead td:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:last-child, [dir=rtl] .Table-module__table___eg2Mi thead td:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead{display:table-header-group}[dir] .Table-module__table___eg2Mi thead{background-color:#f1f1f2;background-color:var(--terra-html-table-header-background-color, #f1f1f2);box-shadow:0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5);box-shadow:var(--terra-html-table-header-box-shadow, 0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5))}[dir] .Table-module__table___eg2Mi thead tr{border-bottom:1px solid #b9bbbc;border-bottom:var(--terra-html-table-header-row-border-bottom, 1px solid #b9bbbc);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-header-row-border-top, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{color:#1c1f21;color:var(--terra-html-table-header-cell-color, #1c1f21);font-size:1rem;font-size:var(--terra-html-table-header-cell-font-size, 1rem);font-weight:bold;font-weight:var(--terra-html-table-header-cell-font-weight, bold);vertical-align:bottom}[dir] .Table-module__table___eg2Mi tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___eg2Mi tbody tr{background-color:transparent;background-color:var(--terra-html-table-row-background-color, transparent);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-row-border-top, 1px solid #dedfe0)}[dir] .Table-module__table___eg2Mi tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___eg2Mi tbody tr:last-of-type{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-html-table-last-row-border-bottom, 1px solid #dedfe0)}[dir] .Table-module__padding-standard___BfbC- th{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-header-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-header-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z th{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-header-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-header-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__padding-standard___BfbC- td{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z td{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__striped___n8xJe tbody tr:nth-of-type(even){background-color:#f6f7f8;background-color:var(--terra-html-table-row-striped-background-color, #f6f7f8)}@media print{.Table-module__table___eg2Mi thead{display:table-header-group}.Table-module__table___eg2Mi tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} diff --git a/84651-82da1d78731bf03a919a.js b/84651-82da1d78731bf03a919a.js new file mode 100644 index 0000000000..2fc2e945b2 --- /dev/null +++ b/84651-82da1d78731bf03a919a.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[84651,45627,37344,33667,96890,79482,85565,3353,5161,80858,14041,45865,16835,85355,3193,4845,27444,17657,46647,16873,85161,66097,38681,15318,40411,18101,33315,38443,11264,34319,78996,39915,33442],{39864:function(e,t,n){function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}t.Z=void 0;var l,r=(l=n(67294))&&l.__esModule?l:{default:l},o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var n=d(t);if(n&&n.has(e))return n.get(e);var l={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var i=r?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(l,o,i):l[o]=e[o]}return l.default=e,n&&n.set(e,l),l}(n(93670));function d(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(d=function(e){return e?n:t})(e)}t.Z=function(){return r.default.createElement(o.default,null,r.default.createElement(o.SubsectionHeader,{title:"Default SubsectionHeader",key:"default"}))}},22863:function(e,t,n){var a=n(64836);t.Z=void 0;var l=a(n(67294)),r=a(n(45697)),o=a(n(47166)),d=a(n(17422)),i=o.default.bind(d.default),u={name:r.default.string.isRequired,src:r.default.string,url:r.default.string,version:r.default.string.isRequired},s=function(e){var t=e.src,n=e.name,a=e.url,r=e.version,o=l.default.createElement("a",{className:i("badge"),href:a||"https://www.npmjs.org/package/".concat(n,"/v/").concat(r)},l.default.createElement("span",{className:i("badge-name")},a?"package":"npm"),l.default.createElement("span",{className:i("badge-version")},"v".concat(r))),d=t?l.default.createElement("a",{className:i("badge"),href:t},l.default.createElement("span",{className:i("badge-name")},"github"),l.default.createElement("span",{className:i("badge-version")},"source")):void 0;return l.default.createElement("div",{className:i("badge-container")},o,d)};s.propTypes=u;var c=s;t.Z=c},49271:function(e,t,n){var a=n(64836),l=n(18698);t.Z=void 0;var r=a(n(27424)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==l(e)&&"function"!=typeof e)return{default:e};var n=f(t);if(n&&n.has(e))return n.get(e);var a={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var d=r?Object.getOwnPropertyDescriptor(e,o):null;d&&(d.get||d.set)?Object.defineProperty(a,o,d):a[o]=e[o]}a.default=e,n&&n.set(e,a);return a}(n(67294)),d=a(n(45697)),i=a(n(47166)),u=n(21538),s=a(n(33864)),c=a(n(23399)),m=n(51051),p=a(n(53560));function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(f=function(e){return e?n:t})(e)}var x=i.default.bind(p.default),b={example:d.default.element,exampleSrc:d.default.element,exampleCssSrc:d.default.element,title:d.default.string,description:d.default.node,isExpanded:d.default.bool},y=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},_=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},v=function(e){var t=e.example,n=e.exampleSrc,a=e.exampleCssSrc,l=e.title,d=e.description,i=e.isExpanded,p=(0,o.useState)(i),f=(0,r.default)(p,2),b=f[0],v=f[1],g=(0,o.useState)(!1),h=(0,r.default)(g,2),E=h[0],O=h[1],T=o.default.useContext(u.ThemeContext),N=void 0!==a,j=function(){O(!E),b&&v(!b)},w=function(){v(!b),E&&O(!E)},C=function(e,t){e.nativeEvent.keyCode!==m.KEY_SPACE&&e.nativeEvent.keyCode!==m.KEY_RETURN||(e.preventDefault(),t())};return o.default.createElement("div",{className:x("template",T.className)},o.default.createElement("div",{className:x("header")},l&&o.default.createElement("h2",{className:x("title")},l)),o.default.createElement("div",{className:x("content")},d&&o.default.createElement("div",{className:x("description")},d),t),o.default.createElement("div",{className:x("footer")},n?o.default.createElement("div",{className:x("button-container")},N&&o.default.createElement("button",{type:"button",className:x("css-toggle","item",{"is-selected":E}),onClick:j,onKeyDown:function(e){return C(e,j)},onBlur:y,onMouseDown:_,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(s.default,{className:x("chevron")}),o.default.createElement("span",null,"CSS"),o.default.createElement(c.default,{className:x("chevron")})),o.default.createElement("button",{type:"button",className:x("code-toggle","item",{"is-selected":b}),onClick:w,onKeyDown:function(e){return C(e,w)},onBlur:y,onMouseDown:_,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(s.default,{className:x("chevron")}),o.default.createElement("span",null,"Code"),o.default.createElement(c.default,{className:x("chevron")}))):null,o.default.createElement("div",null,E&&o.default.createElement("div",{className:x("css")},a),b&&o.default.createElement("div",{className:x("code")},n))))};v.propTypes=b,v.defaultProps={isExpanded:!1};var g=v;t.Z=g},93509:function(e,t,n){n.r(t),n.d(t,{default:function(){return j}});var a=n(67294),l=n(81254),r=n(30999),o=n(39864),d=["components"];function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var s={};function c(e){var t=e.components,n=u(e,d);return(0,l.mdx)("wrapper",i({},s,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport List, { SubsectionHeader } from 'terra-list/lib/index';\n\nconst ListSubsectionHeaderExample = () => (\n \n \n \n);\n\nexport default ListSubsectionHeaderExample;\n\n")))}c.isMDXComponent=!0;var m=n(49271),p=function(e){var t=e.title,n=e.description,l=e.isExpanded;return a.createElement(m.Z,{title:t||"List Subsection Header",description:n,example:a.createElement(o.Z,null),exampleSrc:a.createElement(c,null),isExpanded:l})},f=n(78530),x=["components"];function b(){return b=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var _={},v="wrapper";function g(e){var t=e.components,n=y(e,x);return(0,l.mdx)(v,b({},_,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)(f.ZP,{mdxType:"PropsTable"},(0,l.mdx)(f.X2,{key:"ROW1",mdxType:"Row"},(0,l.mdx)(f.O,{mdxType:"PropNameCell"},"level"),(0,l.mdx)(f.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 2\n 3\n 4\n 5\n 6\n],\n"))),(0,l.mdx)(f.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(f.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"2\n"))),(0,l.mdx)(f.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Optionally sets the heading level. One of ",(0,l.mdx)("inlineCode",{parentName:"p"},"2"),", ",(0,l.mdx)("inlineCode",{parentName:"p"},"3"),", ",(0,l.mdx)("inlineCode",{parentName:"p"},"4"),", ",(0,l.mdx)("inlineCode",{parentName:"p"},"5"),", ",(0,l.mdx)("inlineCode",{parentName:"p"},"6"),"."))),(0,l.mdx)(f.X2,{key:"ROW2",mdxType:"Row"},(0,l.mdx)(f.O,{mdxType:"PropNameCell"},"refCallback"),(0,l.mdx)(f.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,l.mdx)(f.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(f.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(f.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Function callback passthrough for the ref of the section li."))),(0,l.mdx)(f.X2,{key:"ROW3",mdxType:"Row"},(0,l.mdx)(f.O,{mdxType:"PropNameCell"},"title"),(0,l.mdx)(f.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,l.mdx)(f.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,l.mdx)(f.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(f.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Title text to be placed within the subsection header.")))))}g.isMDXComponent=!0;var h=["components"];function E(){return E=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var T={},N="wrapper";function j(e){var t=e.components,n=O(e,h);return(0,l.mdx)(N,E({},T,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)(r.C,{mdxType:"Badge"}),(0,l.mdx)("h1",{id:"list-subsection-header"},"List Subsection Header"),(0,l.mdx)("p",null,"The list subsection header is a sub-component of the list subsection. It provides the visual representation of the subsection, but does not provided any collapsible functionality itself, it's collapsible props are for the display of the collapse/expand indicator. The subsection header should only be consumed directly when the header is static, as the actual list item collapse is handled by the subsection."),(0,l.mdx)("p",null,"When consumed by itself as an individual list item avoid enabling the collapsible properties."),(0,l.mdx)("h2",{id:"usage"},"Usage"),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import List, { SubsectionHeader } from 'terra-list/lib/List';\n")),(0,l.mdx)("h2",{id:"examples"},"Examples"),(0,l.mdx)(p,{mdxType:"ListSubsectionHeaderExample"}),(0,l.mdx)("h2",{id:"list-subsection-header-props"},"List Subsection Header Props"),(0,l.mdx)(g,{mdxType:"ListSubsectionHeaderPropsTable"}))}j.isMDXComponent=!0},30999:function(e,t,n){n.d(t,{C:function(){return r}});var a=n(67294),l=n(22863),r=function(e){var t=e.url;return a.createElement(l.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-list",name:"terra-list",version:"4.67.0",url:t})}},17422:function(e,t,n){n.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},53560:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},33864:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=r(n(67294)),l=r(n(99139));function r(e){return e&&e.__esModule?e:{default:e}}function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t-1){var s=t[c].sortIndicator;l.sort((function(e,t){var n=e.cells[c].content||"",a=t.cells[c].content||"";return"ascending"===s?n.localeCompare(a):a.localeCompare(n)}))}a(t),b(l)}),[n,f]);return s.default.createElement(i.default,{id:"my-table-id",overflowColumns:n,rows:f,onColumnSelect:_,ariaLabel:"Sortable Table"})}},84736:function(e,t,n){n.r(t),n.d(t,{default:function(){return g}});var a=n(67294),l=n(81254),o=(n(20249),n(37975)),r=["components"];function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var i={};function u(e){var t=e.components,n=s(e,r);return(0,l.mdx)("wrapper",c({},i,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useCallback, useState } from 'react';\nimport Table from 'terra-table';\n\nconst tableData = {\n cols: [\n {\n id: 'Column-0', displayName: 'Patient', sortIndicator: 'ascending', isSelectable: true,\n },\n {\n id: 'Column-1', displayName: 'Location', isSelectable: true,\n },\n { id: 'Column-2', displayName: 'Illness Severity', isSelectable: true },\n { id: 'Column-3', displayName: 'Visit' },\n { id: 'Column-4', displayName: 'Allergy' },\n { id: 'Column-5', displayName: 'Primary Contact' },\n { id: 'Column-6', displayName: 'Generic Order Counts' },\n { id: 'Column-7', displayName: 'Patient Age' },\n { id: 'Column-8', displayName: 'Medication History' },\n { id: 'Column-9', displayName: 'My Relationship' },\n ],\n rows: [\n {\n id: '1',\n cells: [\n { content: 'Fleck, Arthur' },\n { content: '1007-MTN' },\n { content: 'Unstable' },\n { content: 'Inpatient, 2 months' },\n { content: '' },\n { content: 'Quinzell, Harleen' },\n { content: '' },\n { isMasked: true },\n { isMasked: true },\n { content: 'Admitting Physician' },\n ],\n },\n {\n id: '2',\n cells: [\n { content: 'Wayne, Bruce' },\n { content: '1007-MTN-DR' },\n { content: 'Stable' },\n { content: 'Outpatient, 2 days' },\n { content: 'Phytochemicals' },\n { content: 'Grayson, Richard' },\n { content: '' },\n { content: '' },\n { isMasked: true },\n { content: 'Admitting Physician' },\n ],\n },\n ],\n};\n\nconst SortableTable = () => {\n const [tableColumns, setTableColumns] = useState(tableData.cols);\n const [tableRows, setTableRows] = useState(tableData.rows);\n const handleColumnSelect = useCallback((columnId) => {\n const newColumns = [...tableColumns].map((col) => {\n const newCol = { ...col };\n if (columnId === col.id) {\n newCol.sortIndicator = col.sortIndicator === 'ascending' ? 'descending' : 'ascending';\n } else {\n newCol.sortIndicator = undefined;\n }\n return newCol;\n });\n\n const newRows = [...tableRows];\n\n const columnIndex = newColumns.findIndex(col => col.id === columnId);\n if (columnIndex > -1) {\n const { sortIndicator } = newColumns[columnIndex];\n newRows.sort((rowA, rowB) => {\n const firstRowContent = rowA.cells[columnIndex].content || '';\n const secondRowContent = rowB.cells[columnIndex].content || '';\n\n if (sortIndicator === 'ascending') {\n return firstRowContent.localeCompare(secondRowContent);\n }\n return secondRowContent.localeCompare(firstRowContent);\n });\n }\n\n setTableColumns(newColumns);\n setTableRows(newRows);\n }, [tableColumns, tableRows]);\n\n return (\n \n );\n};\n\nexport default SortableTable;\n\n")))}u.isMDXComponent=!0;var d=n(49271),m=function(e){var t=e.title,n=e.description,l=e.isExpanded;return a.createElement(d.Z,{title:t||"Sortable Table",description:n,example:a.createElement(o.Z,null),exampleSrc:a.createElement(u,null),isExpanded:l})},p=["components"];function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var _={},y="wrapper";function g(e){var t=e.components,n=b(e,p);return(0,l.mdx)(y,f({},_,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)(m,{mdxType:"SortableTable"}))}g.isMDXComponent=!0},20249:function(e,t,n){n.d(t,{C:function(){return o}});var a=n(67294),l=n(22863),o=function(e){var t=e.url;return a.createElement(l.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-table",name:"terra-table",version:"5.2.0",url:t})}},17422:function(e,t,n){n.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},53560:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}}}]); \ No newline at end of file diff --git a/84799-33d9bcfe515fed7eb825.css b/84799-33d9bcfe515fed7eb825.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/84799-33d9bcfe515fed7eb825.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/84799-33d9bcfe515fed7eb825.js b/84799-33d9bcfe515fed7eb825.js new file mode 100644 index 0000000000..c218895ce5 --- /dev/null +++ b/84799-33d9bcfe515fed7eb825.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[84799,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,a,r){var n=r(64836);a.Z=void 0;var t=n(r(67294)),o=n(r(45697)),s=n(r(47166)),d=n(r(17422)),u=s.default.bind(d.default),c={name:o.default.string.isRequired,src:o.default.string,url:o.default.string,version:o.default.string.isRequired},i=function(e){var a=e.src,r=e.name,n=e.url,o=e.version,s=t.default.createElement("a",{className:u("badge"),href:n||"https://www.npmjs.org/package/".concat(r,"/v/").concat(o)},t.default.createElement("span",{className:u("badge-name")},n?"package":"npm"),t.default.createElement("span",{className:u("badge-version")},"v".concat(o))),d=a?t.default.createElement("a",{className:u("badge"),href:a},t.default.createElement("span",{className:u("badge-name")},"github"),t.default.createElement("span",{className:u("badge-version")},"source")):void 0;return t.default.createElement("div",{className:u("badge-container")},s,d)};i.propTypes=c;var l=i;a.Z=l},84799:function(e,a,r){r.r(a),r.d(a,{default:function(){return i}});r(67294);var n=r(81254),t=r(86377),o=["components"];function s(){return s=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(t[r]=e[r]);return t}(e,a);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(t[r]=e[r])}return t}var u={},c="wrapper";function i(e){var a=e.components,r=d(e,o);return(0,n.mdx)(c,s({},u,r,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)(t.C,{mdxType:"Badge"}),(0,n.mdx)("h1",{id:"terra-arrange-upgrade-guide"},"Terra Arrange Upgrade Guide"),(0,n.mdx)("h2",{id:"changes-from-20-to-30"},"Changes from 2.0 to 3.0"),(0,n.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,n.mdx)("p",null,"The following transitive dependency had breaking changes. See its upgrade guide for more information."),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"terra-doc-template")))}i.isMDXComponent=!0},86377:function(e,a,r){r.d(a,{C:function(){return o}});var n=r(67294),t=r(22863),o=function(e){var a=e.url;return n.createElement(t.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-arrange",name:"terra-arrange",version:"3.55.0",url:a})}},17422:function(e,a,r){r.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/8480-9d0c081a767b5692ec80.css b/8480-9d0c081a767b5692ec80.css new file mode 100644 index 0000000000..656a2abafd --- /dev/null +++ b/8480-9d0c081a767b5692ec80.css @@ -0,0 +1,3 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} +.MixinsExample-module__content___xIgiN::after{content:"The active breakpoint is: tiny"}@media screen and (min-width: 544px){.MixinsExample-module__content___xIgiN::after{content:"The active breakpoint is: small"}}@media screen and (min-width: 768px){.MixinsExample-module__content___xIgiN::after{content:"The active breakpoint is: medium"}}@media screen and (min-width: 992px){.MixinsExample-module__content___xIgiN::after{content:"The active breakpoint is: large"}}@media screen and (min-width: 1216px){.MixinsExample-module__content___xIgiN::after{content:"The active breakpoint is: huge"}}@media screen and (min-width: 1440px){.MixinsExample-module__content___xIgiN::after{content:"The active breakpoint is: enormous"}} diff --git a/8480-9d0c081a767b5692ec80.js b/8480-9d0c081a767b5692ec80.js new file mode 100644 index 0000000000..712fb93211 --- /dev/null +++ b/8480-9d0c081a767b5692ec80.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[8480,45627,85565,3353,5161,45865,16835,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{99742:function(e,t,n){t.Z=void 0;var a,r=(a=n(67294))&&a.__esModule?a:{default:a},i=n(30210);var o=(0,i.withActiveBreakpoint)((function(e){var t=e.activeBreakpoint;return r.default.createElement("div",null,r.default.createElement("p",null,"This component uses the withActiveBreakpoint() component generator to interface with the ActiveBreakpointProvider."),r.default.createElement("p",null,"The active breakpoint is:"," ",t))})),l=function(){return r.default.createElement(i.ActiveBreakpointContext.Consumer,null,(function(e){return r.default.createElement("div",null,r.default.createElement("p",null,"This component interfaces with the ActiveBreakpointContext directly."),r.default.createElement("p",null,"The active breakpoint is:"," ",e))}))};t.Z=function(){return r.default.createElement(i.ActiveBreakpointProvider,null,r.default.createElement(o,null),r.default.createElement("hr",null),r.default.createElement(l,null))}},54425:function(e,t,n){t.Z=void 0;var a=o(n(67294)),r=o(n(47166)),i=o(n(27658));function o(e){return e&&e.__esModule?e:{default:e}}var l=r.default.bind(i.default);t.Z=function(){return a.default.createElement("div",null,a.default.createElement("p",null,"This example uses Sass mixins to determine the active breakpoint."),a.default.createElement("p",{className:l("content")}))}},22863:function(e,t,n){var a=n(64836);t.Z=void 0;var r=a(n(67294)),i=a(n(45697)),o=a(n(47166)),l=a(n(17422)),m=o.default.bind(l.default),d={name:i.default.string.isRequired,src:i.default.string,url:i.default.string,version:i.default.string.isRequired},p=function(e){var t=e.src,n=e.name,a=e.url,i=e.version,o=r.default.createElement("a",{className:m("badge"),href:a||"https://www.npmjs.org/package/".concat(n,"/v/").concat(i)},r.default.createElement("span",{className:m("badge-name")},a?"package":"npm"),r.default.createElement("span",{className:m("badge-version")},"v".concat(i))),l=t?r.default.createElement("a",{className:m("badge"),href:t},r.default.createElement("span",{className:m("badge-name")},"github"),r.default.createElement("span",{className:m("badge-version")},"source")):void 0;return r.default.createElement("div",{className:m("badge-container")},o,l)};p.propTypes=d;var c=p;t.Z=c},49271:function(e,t,n){var a=n(64836),r=n(18698);t.Z=void 0;var i=a(n(27424)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==r(e)&&"function"!=typeof e)return{default:e};var n=f(t);if(n&&n.has(e))return n.get(e);var a={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var l=i?Object.getOwnPropertyDescriptor(e,o):null;l&&(l.get||l.set)?Object.defineProperty(a,o,l):a[o]=e[o]}a.default=e,n&&n.set(e,a);return a}(n(67294)),l=a(n(45697)),m=a(n(47166)),d=n(21538),p=a(n(33864)),c=a(n(23399)),u=n(51051),s=a(n(53560));function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(f=function(e){return e?n:t})(e)}var v=m.default.bind(s.default),x={example:l.default.element,exampleSrc:l.default.element,exampleCssSrc:l.default.element,title:l.default.string,description:l.default.node,isExpanded:l.default.bool},b=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},h=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},g=function(e){var t=e.example,n=e.exampleSrc,a=e.exampleCssSrc,r=e.title,l=e.description,m=e.isExpanded,s=(0,o.useState)(m),f=(0,i.default)(s,2),x=f[0],g=f[1],k=(0,o.useState)(!1),N=(0,i.default)(k,2),_=N[0],y=N[1],E=o.default.useContext(d.ThemeContext),w=void 0!==a,C=function(){y(!_),x&&g(!x)},O=function(){g(!x),_&&y(!_)},B=function(e,t){e.nativeEvent.keyCode!==u.KEY_SPACE&&e.nativeEvent.keyCode!==u.KEY_RETURN||(e.preventDefault(),t())};return o.default.createElement("div",{className:v("template",E.className)},o.default.createElement("div",{className:v("header")},r&&o.default.createElement("h2",{className:v("title")},r)),o.default.createElement("div",{className:v("content")},l&&o.default.createElement("div",{className:v("description")},l),t),o.default.createElement("div",{className:v("footer")},n?o.default.createElement("div",{className:v("button-container")},w&&o.default.createElement("button",{type:"button",className:v("css-toggle","item",{"is-selected":_}),onClick:C,onKeyDown:function(e){return B(e,C)},onBlur:b,onMouseDown:h,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(p.default,{className:v("chevron")}),o.default.createElement("span",null,"CSS"),o.default.createElement(c.default,{className:v("chevron")})),o.default.createElement("button",{type:"button",className:v("code-toggle","item",{"is-selected":x}),onClick:O,onKeyDown:function(e){return B(e,O)},onBlur:b,onMouseDown:h,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(p.default,{className:v("chevron")}),o.default.createElement("span",null,"Code"),o.default.createElement(c.default,{className:v("chevron")}))):null,o.default.createElement("div",null,_&&o.default.createElement("div",{className:v("css")},a),x&&o.default.createElement("div",{className:v("code")},n))))};g.propTypes=x,g.defaultProps={isExpanded:!1};var k=g;t.Z=k},8480:function(e,t,n){n.r(t),n.d(t,{default:function(){return S}});var a=n(67294),r=n(81254),i=n(51419),o=n(99742),l=["components"];function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var p={};function c(e){var t=e.components,n=d(e,l);return(0,r.mdx)("wrapper",m({},p,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport { ActiveBreakpointProvider, withActiveBreakpoint, ActiveBreakpointContext } from 'terra-breakpoints';\n\nconst ActiveBreakpointConsumer1 = withActiveBreakpoint(({ activeBreakpoint }) => (\n
    \n

    This component uses the withActiveBreakpoint() component generator to interface with the ActiveBreakpointProvider.

    \n

    \n The active breakpoint is:\n {' '}\n {activeBreakpoint}\n

    \n
    \n));\n\nconst ActiveBreakpointConsumer2 = () => (\n \n {\n activeBreakpoint => (\n
    \n

    This component interfaces with the ActiveBreakpointContext directly.

    \n

    \n The active breakpoint is:\n {' '}\n {activeBreakpoint}\n

    \n
    \n )\n }\n     \n);\n\nconst ActiveBreakpointProviderExample = () => (\n \n \n
    \n \n     \n);\n\nexport default ActiveBreakpointProviderExample;\n\n")))}c.isMDXComponent=!0;var u=n(49271),s=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(u.Z,{title:t||"Active Breakpoint Provider Example",description:n,example:a.createElement(o.Z,null),exampleSrc:a.createElement(c,null),isExpanded:r})},f=n(54425),v=["components"];function x(){return x=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var h={};function g(e){var t=e.components,n=b(e,v);return(0,r.mdx)("wrapper",x({},h,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport classNames from 'classnames/bind';\nimport styles from './MixinsExample.module.scss';\n\n/**\n MixinsExample.module.scss\n\n @import 'terra-breakpoints/mixins';\n\n :local {\n .content::after {\n content: 'The active breakpoint is: tiny';\n\n @include terra-mq-small-up {\n content: 'The active breakpoint is: small';\n }\n\n @include terra-mq-medium-up {\n content: 'The active breakpoint is: medium';\n }\n\n @include terra-mq-large-up {\n content: 'The active breakpoint is: large';\n }\n\n @include terra-mq-huge-up {\n content: 'The active breakpoint is: huge';\n }\n\n @include terra-mq-enormous-up {\n content: 'The active breakpoint is: enormous';\n }\n }\n }\n*/\n\nconst cx = classNames.bind(styles);\n\nconst MixinsExample = () => (\n
    \n

    This example uses Sass mixins to determine the active breakpoint.

    \n

    \n

    \n);\n\nexport default MixinsExample;\n\n")))}g.isMDXComponent=!0;var k=["components"];function N(){return N=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var y={};function E(e){var t=e.components,n=_(e,k);return(0,r.mdx)("wrapper",N({},y,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-scss"},"@import 'terra-breakpoints/lib/media-queries';\n\n:local {\n .content::after {\n content: 'The active breakpoint is: tiny';\n\n @include terra-mq-small-up {\n content: 'The active breakpoint is: small';\n }\n\n @include terra-mq-medium-up {\n content: 'The active breakpoint is: medium';\n }\n\n @include terra-mq-large-up {\n content: 'The active breakpoint is: large';\n }\n\n @include terra-mq-huge-up {\n content: 'The active breakpoint is: huge';\n }\n\n @include terra-mq-enormous-up {\n content: 'The active breakpoint is: enormous';\n }\n }\n}\n\n")))}E.isMDXComponent=!0;var w=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(u.Z,{title:t||"Mixins Example",description:n,example:a.createElement(f.Z,null),exampleCssSrc:a.createElement(E,null),exampleSrc:a.createElement(g,null),isExpanded:r})},C=["components"];function O(){return O=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var A={},T="wrapper";function S(e){var t=e.components,n=B(e,C);return(0,r.mdx)(T,O({},A,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(i.C,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-breakpoints"},"Terra Breakpoints"),(0,r.mdx)("p",null,(0,r.mdx)("inlineCode",{parentName:"p"},"terra-breakpoints")," contains components and utilities related to Terra's supported responsive breakpoints."),(0,r.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Install with ",(0,r.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"npm install terra-breakpoints"))))),(0,r.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,r.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,r.mdx)("table",null,(0,r.mdx)("thead",{parentName:"table"},(0,r.mdx)("tr",{parentName:"thead"},(0,r.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,r.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,r.mdx)("tbody",{parentName:"table"},(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react"),(0,r.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,r.mdx)("td",{parentName:"tr",align:null},"^16.8.5")))),(0,r.mdx)("h2",{id:"usage"},"Usage"),(0,r.mdx)("h3",{id:"breakpoints"},"Breakpoints"),(0,r.mdx)("p",null,"An object containing the named breakpoint values is the default export of the ",(0,r.mdx)("inlineCode",{parentName:"p"},"terra-breakpoints")," package. These named breakpoints are defined as minimum values."),(0,r.mdx)("table",null,(0,r.mdx)("thead",{parentName:"table"},(0,r.mdx)("tr",{parentName:"thead"},(0,r.mdx)("th",{parentName:"tr",align:null},"Breakpoint Name"),(0,r.mdx)("th",{parentName:"tr",align:null},"Minimum Value"),(0,r.mdx)("th",{parentName:"tr",align:null},"Media Query"),(0,r.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,r.mdx)("tbody",{parentName:"table"},(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"tiny")),(0,r.mdx)("td",{parentName:"tr",align:null},"0px"),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"@media screen and (min-width: 0px)")),(0,r.mdx)("td",{parentName:"tr",align:null},"Active from viewport width 0px and up")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"small")),(0,r.mdx)("td",{parentName:"tr",align:null},"544px"),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"@media screen and (min-width: 544px)")),(0,r.mdx)("td",{parentName:"tr",align:null},"Active from viewport width 544px and up")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"medium")),(0,r.mdx)("td",{parentName:"tr",align:null},"768px"),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"@media screen and (min-width: 768px)")),(0,r.mdx)("td",{parentName:"tr",align:null},"Active from viewport width 768px and up")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"large")),(0,r.mdx)("td",{parentName:"tr",align:null},"992px"),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"@media screen and (min-width: 992px)")),(0,r.mdx)("td",{parentName:"tr",align:null},"Active from viewport width 992px and up")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"huge")),(0,r.mdx)("td",{parentName:"tr",align:null},"1216px"),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"@media screen and (min-width: 1216px)")),(0,r.mdx)("td",{parentName:"tr",align:null},"Active from viewport width 1216 and up")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"enormous")),(0,r.mdx)("td",{parentName:"tr",align:null},"1440px"),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"@media screen and (min-width: 1440px)")),(0,r.mdx)("td",{parentName:"tr",align:null},"Active from viewport width 1440px and up")))),(0,r.mdx)("p",null,"Utility functions are also provided to help determine what breakpoint is active for a given value."),(0,r.mdx)("h4",{id:"activebreakpointforsizewidthvalue"},(0,r.mdx)("inlineCode",{parentName:"h4"},"activeBreakpointForSize(widthValue)")),(0,r.mdx)("p",null,(0,r.mdx)("inlineCode",{parentName:"p"},"activeBreakpointForSize")," will return the closest active breakpoint that matches the given width value."),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import { activeBreakpointForSize } from 'terra-breakpoints';\n\nconsole.log(activeBreakpointForSize(300)); // 'tiny'\nconsole.log(activeBreakpointForSize(544)); // 'small'\nconsole.log(activeBreakpointForSize(800)); // 'medium'\nconsole.log(activeBreakpointForSize(1000)); // 'large'\nconsole.log(activeBreakpointForSize(1300)); // 'huge'\nconsole.log(activeBreakpointForSize(1500)); // 'enormous'\n")),(0,r.mdx)("h4",{id:"breakpointisactiveforsizebreakpointname-widthvalue"},(0,r.mdx)("inlineCode",{parentName:"h4"},"breakpointIsActiveForSize(breakpointName, widthValue)")),(0,r.mdx)("p",null,(0,r.mdx)("inlineCode",{parentName:"p"},"breakpointIsActiveForSize")," will return a boolean value indicating whether or not the given breakpoint name is active for the width value."),(0,r.mdx)("blockquote",null,(0,r.mdx)("p",{parentName:"blockquote"},"Note that since the breakpoints are defined as minimum values, a breakpoint will be determined to be active if the width value is larger than the defined minimum, even if the width value is included in a higher breakpoint's range.")),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import { breakpointIsActiveForSize } from 'terra-breakpoints';\n\nconsole.log(breakpointIsActiveForSize('tiny', 300)); // true\nconsole.log(breakpointIsActiveForSize('tiny', 544)); // true\nconsole.log(breakpointIsActiveForSize('tiny', 800)); // true\nconsole.log(breakpointIsActiveForSize('tiny', 1000)); // true\n\nconsole.log(breakpointIsActiveForSize('medium', 300)); // false\nconsole.log(breakpointIsActiveForSize('medium', 544)); // false\nconsole.log(breakpointIsActiveForSize('medium', 800)); // true\nconsole.log(breakpointIsActiveForSize('medium', 1500)); // true\n\nconsole.log(breakpointIsActiveForSize('enormous', 300)); // false\nconsole.log(breakpointIsActiveForSize('enormous', 544)); // false\nconsole.log(breakpointIsActiveForSize('enormous', 800)); // false\nconsole.log(breakpointIsActiveForSize('enormous', 1500)); // true\n")),(0,r.mdx)("h3",{id:"activebreakpointprovider"},"ActiveBreakpointProvider"),(0,r.mdx)("p",null,(0,r.mdx)("inlineCode",{parentName:"p"},"terra-breakpoints")," also provides ",(0,r.mdx)("inlineCode",{parentName:"p"},""),". a component that provides the current active breakpoint to child components using a Context-based API. This can be used to minimize the number of required resize event listeners and ensure consistency across the component hierarchy."),(0,r.mdx)("p",null,"A component generator called ",(0,r.mdx)("inlineCode",{parentName:"p"},"withActiveBreakpoint()")," is included to provide simple interfacing with the ActiveBreakpointProvider. However, the ActiveBreakpointContext can also be imported and used directly, if needed."),(0,r.mdx)("h3",{id:"media-queries"},"Media Queries"),(0,r.mdx)("p",null,(0,r.mdx)("inlineCode",{parentName:"p"},"terra-breakpoints")," includes ",(0,r.mdx)("inlineCode",{parentName:"p"},"_media-queries.scss"),", which contains a set of Sass mixins that define media queries for the supported breakpoints."),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-scss"},"@import '~terra-breakpoints/lib/media-queries';\n\n.example {\n color: blue;\n\n @include terra-mq-small-up {\n color: red;\n }\n\n @include terra-mq-medium-up {\n color: purple;\n }\n\n @include terra-mq-large-up {\n color: green;\n }\n\n @include terra-mq-huge-up {\n color: yellow;\n }\n\n @include terra-mq-enormous-up {\n color: orange;\n }\n}\n")),(0,r.mdx)("h2",{id:"component-features"},"Component Features"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support"))),(0,r.mdx)("h2",{id:"examples"},"Examples"),(0,r.mdx)(s,{mdxType:"ActiveBreakpointProviderExample"}),(0,r.mdx)(w,{mdxType:"MixinsExample"}))}S.isMDXComponent=!0},51419:function(e,t,n){n.d(t,{C:function(){return i}});var a=n(67294),r=n(22863),i=function(e){var t=e.url;return a.createElement(r.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-breakpoints",name:"terra-breakpoints",version:"2.39.0",url:t})}},27658:function(e,t,n){n.r(t),t.default={content:"MixinsExample-module__content___xIgiN"}},17422:function(e,t,n){n.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},53560:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},33864:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=i(n(67294)),r=i(n(99139));function i(e){return e&&e.__esModule?e:{default:e}}function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(d[l]=e[l]);return d}(e,a);if(Object.getOwnPropertySymbols){var m=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(d[l]=e[l])}return d}var t={},i="wrapper";function p(e){var a=e.components,l=u(e,m);return(0,n.mdx)(i,r({},t,l,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)("h1",{id:"changelog"},"Changelog"),(0,n.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,n.mdx)("h2",{id:"2360---november-13-2023"},"2.36.0 - (November 13, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2350---june-28-2023"},"2.35.0 - (June 28, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added styles when the scroll is focussed"))),(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Reverted the focus style changes added in terra-scroll.")))),(0,n.mdx)("h2",{id:"2340---february-15-2023"},"2.34.0 - (February 15, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated wdio screenshots due to functional-testing upgrade.")))),(0,n.mdx)("h2",{id:"2330---december-7-2022"},"2.33.0 - (December 7, 2022)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2321---january-4-2022"},"2.32.1 - (January 4, 2022)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Migrate docs to terra-core-docs.")))),(0,n.mdx)("h2",{id:"2320---september-21-2021"},"2.32.0 - (September 21, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated WDIO Screenshots due to webpack-config-terra sass upgrade.")))),(0,n.mdx)("h2",{id:"2310---april-6-2021"},"2.31.0 - (April 6, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Upgrade tests to terra-functional-testing and WebDriverIO v6"),(0,n.mdx)("li",{parentName:"ul"},"Removed unnecessary ",(0,n.mdx)("inlineCode",{parentName:"li"},"wdio.conf.js")," file"),(0,n.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,n.mdx)("h2",{id:"2300---january-5-2021"},"2.30.0 - (January 5, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation.")))),(0,n.mdx)("h2",{id:"2290---december-8-2020"},"2.29.0 - (December 8, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,n.mdx)("h2",{id:"2280---august-4-2020"},"2.28.0 - (August 4, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2270---july-29-2020"},"2.27.0 - (July 29, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update changelog formatting")))),(0,n.mdx)("h2",{id:"2260---june-9-2020"},"2.26.0 - (June 9, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config")))),(0,n.mdx)("h2",{id:"2250---april-28-2020"},"2.25.0 - (April 28, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge'))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,n.mdx)("h2",{id:"2240---april-22-2020"},"2.24.0 - (April 22, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated documentation link in README")))),(0,n.mdx)("h2",{id:"2230---march-3-2020"},"2.23.0 - (March 3, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update docs to use mdx syntax.")))),(0,n.mdx)("h2",{id:"2220---february-18-2020"},"2.22.0 - (February 18, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added generated-themes to .npmignore")))),(0,n.mdx)("h2",{id:"2210---january-7-2020"},"2.21.0 - (January 7, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Removed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed yarn reference in docs")))),(0,n.mdx)("h2",{id:"2200---december-3-2019"},"2.20.0 - (December 3, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},'Added reference wdio screenshots for "orion-fusion-theme".')))),(0,n.mdx)("h2",{id:"2190---october-30-2019"},"2.19.0 - (October 30, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2180---october-3-2019"},"2.18.0 - (October 3, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2170---september-19-2019"},"2.17.0 - (September 19, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed ",(0,n.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site.")))),(0,n.mdx)("h2",{id:"2160---september-6-2019"},"2.16.0 - (September 6, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Props table markdown file import added to doc site page")))),(0,n.mdx)("h2",{id:"2150---august-21-2019"},"2.15.0 - (August 21, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Import for package version from package.json added to doc page"),(0,n.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files")))),(0,n.mdx)("h2",{id:"2140---august-14-2019"},"2.14.0 - (August 14, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"updated package.json test scripts")))),(0,n.mdx)("h2",{id:"2130---july-30-2019"},"2.13.0 - (July 30, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2120---july-24-2019"},"2.12.0 - (July 24, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2110---july-16-2019"},"2.11.0 - (July 16, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update tests to use ",(0,n.mdx)("inlineCode",{parentName:"li"},"Terra.describeViewports")," for setting viewports and use ",(0,n.mdx)("inlineCode",{parentName:"li"},"Terra.it.validatesElement")))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies")))),(0,n.mdx)("h2",{id:"2100----july-11-2019"},"2.10.0 - (July 11, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"290---june-28-2019"},"2.9.0 - (June 28, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed all inline styles from Dev-site components and implemented the same styles using external css.")))),(0,n.mdx)("h2",{id:"280---june-11-2019"},"2.8.0 - (June 11, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore"),(0,n.mdx)("li",{parentName:"ul"},"Removed '-ms-overflow-style' CSS"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Made required updates to consume terra-toolkit v5 and terra-dev-site v5")))),(0,n.mdx)("h2",{id:"270---may-1-2019"},"2.7.0 - (May 1, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"260---april-16-2019"},"2.6.0 - (April 16, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"250---march-26-2019"},"2.5.0 - (March 26, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,n.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,n.mdx)("h2",{id:"240---march-21-2019"},"2.4.0 - (March 21, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"230---february-26-2019"},"2.3.0 - (February 26, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"220---february-12-2019"},"2.2.0 - (February 12, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"210---february-5-2019"},"2.1.0 - (February 5, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"200---january-22-2019"},"2.0.0 - (January 22, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated theme variables")))),(0,n.mdx)("h2",{id:"1190---january-22-2019"},"1.19.0 - (January 22, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated dependencies to fix major version bump issues")))),(0,n.mdx)("h2",{id:"1180---january-8-2019"},"1.18.0 - (January 8, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1170---january-2-2019"},"1.17.0 - (January 2, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1160---november-19-2018"},"1.16.0 - (November 19, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1150---november-13-2018"},"1.15.0 - (November 13, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1140---november-9-2018"},"1.14.0 - (November 9, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1130---october-24-2018"},"1.13.0 - (October 24, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1120---october-16-2018"},"1.12.0 - (October 16, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1110---october-8-2018"},"1.11.0 - (October 8, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1100---september-25-2018"},"1.10.0 - (September 25, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"191---september-6-2018"},"1.9.1 - (September 6, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,n.mdx)("h2",{id:"190---september-5-2018"},"1.9.0 - (September 5, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,n.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,n.mdx)("h2",{id:"180---september-4-2018"},"1.8.0 - (September 4, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"170---august-29-2018"},"1.7.0 - (August 29, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"160---august-1-2018"},"1.6.0 - (August 1, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"150---july-19-2018"},"1.5.0 - (July 19, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Add .module extension to SCSS file(s)")))),(0,n.mdx)("h2",{id:"140---july-17-2018"},"1.4.0 - (July 17, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,n.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v4 update")))),(0,n.mdx)("h2",{id:"130---july-10-2018"},"1.3.0 - (July 10, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"120---june-28-2018"},"1.2.0 - (June 28, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added change log to the documentation on terra-dev-site")))),(0,n.mdx)("h2",{id:"110---june-22-2018"},"1.1.0 - (June 22, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Moved terra-base from dependency to peerDependency")))),(0,n.mdx)("h2",{id:"100---june-12-2018"},"1.0.0 - (June 12, 2018)"),(0,n.mdx)("p",null,"Initial stable release"))}p.isMDXComponent=!0;var x=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(d[l]=e[l]);return d}(e,a);if(Object.getOwnPropertySymbols){var m=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(d[l]=e[l])}return d}var N={},c="wrapper";function h(e){var a=e.components,l=s(e,x);return(0,n.mdx)(c,o({},N,l,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)(d.C,{mdxType:"Badge"}),(0,n.mdx)(p,{mdxType:"ChangeLog"}))}h.isMDXComponent=!0},91249:function(e,a,l){l.d(a,{C:function(){return m}});var n=l(67294),d=l(22863),m=function(e){var a=e.url;return n.createElement(d.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-scroll",name:"terra-scroll",version:"2.36.0",url:a})}},17422:function(e,a,l){l.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/85355-6e7d56304e63a69521e5.css b/85355-6e7d56304e63a69521e5.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/85355-6e7d56304e63a69521e5.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/85435-a4e9093cf5b23a4cd779.js b/85435-a4e9093cf5b23a4cd779.js new file mode 100644 index 0000000000..f7ee200e9f --- /dev/null +++ b/85435-a4e9093cf5b23a4cd779.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[85435],{37364:function(e,t,n){function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=d(n(67294)),o=d(n(45697)),l=d(n(16772)),i=d(n(30659)),c=["children","heading","text","isAnimated","isOpen","sectionHeaderAttrs"];function d(e){return e&&e.__esModule?e:{default:e}}function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}function f(e,t){for(var n=0;ne.length)&&(t=e.length);for(var n=0,r=new Array(t);ne.length)&&(t=e.length);for(var n=0,r=new Array(t);n=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var p={};function u(e){var t=e.components,n=d(e,i);return(0,a.mdx)("wrapper",c({},p,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport SectionHeaderExampleTemplate from './SectionHeaderExampleTemplate';\n\nconst DefaultSectionHeader = () => ;\n\nexport default DefaultSectionHeader;\n\n")))}u.isMDXComponent=!0;var s=n(49271),m=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(s.Z,{title:t||"Default Section Header",description:n,example:r.createElement(l.Z,null),exampleSrc:r.createElement(u,null),isExpanded:a})},f=n(77387),x=["components"];function y(){return y=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var g={};function v(e){var t=e.components,n=b(e,x);return(0,a.mdx)("wrapper",y({},g,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport SectionHeaderExampleTemplate from './SectionHeaderExampleTemplate';\n\nconst LongTitleSectionHeader = () => ;\n\nexport default LongTitleSectionHeader;\n\n")))}v.isMDXComponent=!0;var O=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(s.Z,{title:t||"Long Title Section Header",description:n,example:r.createElement(f.Z,null),exampleSrc:r.createElement(v,null),isExpanded:a})},h=n(46840),S=["components"];function T(){return T=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var j={};function _(e){var t=e.components,n=E(e,S);return(0,a.mdx)("wrapper",T({},j,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport AccoordianExampleTemplate from './AccordionExampleTemplate';\n\nconst LongTitleAccordionSectionHeader = () => {\n const [isOpen, setIsOpen] = useState(false);\n\n const handleClick = () => {\n setIsOpen(!isOpen);\n };\n\n const sectionHeaderProps = {\n isOpen,\n onClick: handleClick,\n };\n\n return (\n \n

    Keystone Accountable Care Organization (ACO), a collaboration between Geisinger Health System and three other health systems, entered the Medicare Shared Savings Program (MSSP) in 2013 and transitioned to an MSSP Track 1+ in 2018, qualifying Keystone ACO as an advanced payment model. According to the Centers for Medicaid and Medicare Services (CMS) benchmark minus expenditures formula, the ACO saved Medicare nearly $10 million in 2018. Hear how Keystone ACO is using the Cerner HealtheIntent® platform to garner insights across more than 72,000 ACO beneficiaries and multiple EHRs.

    \n     \n );\n};\n\nexport default LongTitleAccordionSectionHeader;\n\n")))}_.isMDXComponent=!0;var w=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(s.Z,{title:t||"Long Title Accordion Section Header",description:n,example:r.createElement(h.Z,null),exampleSrc:r.createElement(_,null),isExpanded:a})},C=n(95449),P=["components"];function k(){return k=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var N={};function A(e){var t=e.components,n=H(e,P);return(0,a.mdx)("wrapper",k({},N,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport SectionHeaderExampleTemplate from './SectionHeaderExampleTemplate';\n\nconst sectionHeaderProps = {\n text: 'Closed',\n onClick: () => {},\n};\n\nconst ClosedSectionHeader = () => ;\n\nexport default ClosedSectionHeader;\n\n")))}A.isMDXComponent=!0;var D=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(s.Z,{title:t||"Closed Section Header",description:n,example:r.createElement(C.Z,null),exampleSrc:r.createElement(A,null),isExpanded:a})},M=n(72865),R=["components"];function Z(){return Z=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var L={};function X(e){var t=e.components,n=I(e,R);return(0,a.mdx)("wrapper",Z({},L,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport SectionHeaderExampleTemplate from './SectionHeaderExampleTemplate';\n\nconst sectionHeaderProps = {\n text: 'Open',\n isOpen: true,\n onClick: () => {},\n};\n\nconst OpenSectionheader = () => ;\n\nexport default OpenSectionheader;\n\n")))}X.isMDXComponent=!0;var W=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(s.Z,{title:t||"Open Section Header",description:n,example:r.createElement(M.Z,null),exampleSrc:r.createElement(X,null),isExpanded:a})},q=n(50729),B=["components"];function F(){return F=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var V={};function z(e){var t=e.components,n=K(e,B);return(0,a.mdx)("wrapper",F({},V,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport SectionHeaderExampleTemplate from './SectionHeaderExampleTemplate';\n\nconst sectionHeaderProps = {\n text: 'I\\'m clickable, click me',\n onClick: () => {\n // eslint-disable-next-line no-alert\n window.alert('The accordion has been clicked!');\n },\n};\n\nconst OnClickSectionHeader = () => ;\n\nexport default OnClickSectionHeader;\n\n")))}z.isMDXComponent=!0;var G=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(s.Z,{title:t||"On Click Section Header",description:n,example:r.createElement(q.Z,null),exampleSrc:r.createElement(z,null),isExpanded:a})},U=n(74560),Y=["components"];function $(){return $=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var Q={};function ee(e){var t=e.components,n=J(e,Y);return(0,a.mdx)("wrapper",$({},Q,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport AccoordianExampleTemplate from './AccordionExampleTemplate';\n\nconst AccordionSectionHeader = () => {\n const [isOpen, setIsOpen] = useState(false);\n\n const handleClick = () => {\n setIsOpen(!isOpen);\n };\n\n const sectionHeaderProps = {\n isOpen,\n onClick: handleClick,\n };\n\n return (\n \n

    Allergic to Cats

    \n

    Allergic to Dogs

    \n

    Allergic to Dust

    \n

    Allergic to Mold

    \n

    Allergic to Latex

    \n     \n );\n};\n\nexport default AccordionSectionHeader;\n\n")))}ee.isMDXComponent=!0;var te=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(s.Z,{title:t||"Accordion Section Header",description:n,example:r.createElement(U.Z,null),exampleSrc:r.createElement(ee,null),isExpanded:a})},ne=n(40432),re=["components"];function ae(){return ae=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var le={};function ie(e){var t=e.components,n=oe(e,re);return(0,a.mdx)("wrapper",ae({},le,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport SectionHeaderExampleTemplate from './SectionHeaderExampleTemplate';\n\nconst sectionHeaderProps = {\n text: 'I\\'m clickable, click me',\n onClick: () => {\n // eslint-disable-next-line no-alert\n window.alert('The accordion has been clicked!');\n },\n isTransparent: true,\n};\n\nconst TransparentSectionHeader = () => ;\n\nexport default TransparentSectionHeader;\n\n")))}ie.isMDXComponent=!0;var ce=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(s.Z,{title:t||"Transparent Section Header",description:n,example:r.createElement(ne.Z,null),exampleSrc:r.createElement(ie,null),isExpanded:a})},de=n(11935),pe=["components"];function ue(){return ue=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var me={};function fe(e){var t=e.components,n=se(e,pe);return(0,a.mdx)("wrapper",ue({},me,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useRef } from 'react';\nimport SectionHeader from 'terra-section-header';\n\nconst FocusSectionHeader = () => {\n const sectionHeaderRef = useRef();\n\n const handleClick = () => {\n sectionHeaderRef.current?.focus();\n };\n\n return (\n <>\n \n\n {/* eslint-disable-next-line react/forbid-dom-props */}\n
    \n {}} />\n
    \n \n );\n};\n\nexport default FocusSectionHeader;\n\n")))}fe.isMDXComponent=!0;var xe=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(s.Z,{title:t||"Focus Section Header",description:n,example:r.createElement(de.Z,null),exampleSrc:r.createElement(fe,null),isExpanded:a})},ye=n(78530),be=["components"];function ge(){return ge=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var Oe={},he="wrapper";function Se(e){var t=e.components,n=ve(e,be);return(0,a.mdx)(he,ge({},Oe,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(ye.ZP,{mdxType:"PropsTable"},(0,a.mdx)(ye.X2,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(ye.O,{mdxType:"PropNameCell"},"text"),(0,a.mdx)(ye.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(ye.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ye.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(ye.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,(0,a.mdx)("img",{parentName:"p",src:"https://badgen.net/badge/UX/Accessibility/blue",alt:"IMPORTANT"}),"\nText to be displayed on the SectionHeader."))),(0,a.mdx)(ye.X2,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(ye.O,{mdxType:"PropNameCell"},"title"),(0,a.mdx)(ye.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(ye.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ye.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(ye.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,(0,a.mdx)("img",{parentName:"p",src:"https://badgen.net/badge/prop/deprecated/red",alt:"IMPORTANT"}),"\ntitle prop has been deperecated and will be removed on next major version relase. Replace the ",(0,a.mdx)("inlineCode",{parentName:"p"},"title")," prop with ",(0,a.mdx)("inlineCode",{parentName:"p"},"text")," prop."))),(0,a.mdx)(ye.X2,{key:"ROW3",mdxType:"Row"},(0,a.mdx)(ye.O,{mdxType:"PropNameCell"},"refCallback"),(0,a.mdx)(ye.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(ye.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ye.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(ye.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback ref to pass into the dom element."))),(0,a.mdx)(ye.X2,{key:"ROW4",mdxType:"Row"},(0,a.mdx)(ye.O,{mdxType:"PropNameCell"},"onClick"),(0,a.mdx)(ye.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(ye.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ye.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(ye.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function triggered when the accordion icon is clicked."))),(0,a.mdx)(ye.X2,{key:"ROW5",mdxType:"Row"},(0,a.mdx)(ye.O,{mdxType:"PropNameCell"},"isOpen"),(0,a.mdx)(ye.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(ye.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ye.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(ye.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether the accordion icon should be displayed in its 'open' or 'closed' position."))),(0,a.mdx)(ye.X2,{key:"ROW6",mdxType:"Row"},(0,a.mdx)(ye.O,{mdxType:"PropNameCell"},"level"),(0,a.mdx)(ye.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 1\n 2\n 3\n 4\n 5\n 6\n],\n"))),(0,a.mdx)(ye.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ye.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"2\n"))),(0,a.mdx)(ye.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,(0,a.mdx)("img",{parentName:"p",src:"https://badgen.net/badge/UX/Accessibility/blue",alt:"IMPORTANT"}),"\nOptionally sets the heading level. One of ",(0,a.mdx)("inlineCode",{parentName:"p"},"1"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"2"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"3"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"4"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"5"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"6"),". Default ",(0,a.mdx)("inlineCode",{parentName:"p"},"level=2"),".\n",(0,a.mdx)("inlineCode",{parentName:"p"},"level")," should be specified explicitly to allow screen readers to identify headers consistently."))),(0,a.mdx)(ye.X2,{key:"ROW7",mdxType:"Row"},(0,a.mdx)(ye.O,{mdxType:"PropNameCell"},"isTransparent"),(0,a.mdx)(ye.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(ye.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ye.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(ye.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Sets the background of the section header to transparent.")))))}Se.isMDXComponent=!0;var Te=["components"];function Ee(){return Ee=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var _e={},we="wrapper";function Ce(e){var t=e.components,n=je(e,Te);return(0,a.mdx)(we,Ee({},_e,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(o.C,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"terra-section-header"},"Terra Section Header"),(0,a.mdx)("p",null,"Section Header presentational component that provides an onClick callback."),(0,a.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Install with ",(0,a.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("inlineCode",{parentName:"li"},"npm install terra-section-header"))))),(0,a.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,a.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,a.mdx)("table",null,(0,a.mdx)("thead",{parentName:"table"},(0,a.mdx)("tr",{parentName:"thead"},(0,a.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,a.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,a.mdx)("tbody",{parentName:"table"},(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"react"),(0,a.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,a.mdx)("td",{parentName:"tr",align:null},"^16.8.5")))),(0,a.mdx)("h2",{id:"usage"},"Usage"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import SectionHeader from 'terra-section-header';\n")),(0,a.mdx)("h2",{id:"component-features"},"Component Features"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#ltr--rtl"},"LTR/RTL Support"))),(0,a.mdx)("h2",{id:"examples"},"Examples"),(0,a.mdx)(m,{mdxType:"DefaultSectionHeader"}),(0,a.mdx)(O,{mdxType:"LongTitleSectionHeader"}),(0,a.mdx)(w,{mdxType:"LongTitleAccordionSectionHeader"}),(0,a.mdx)(D,{mdxType:"ClosedSectionHeader"}),(0,a.mdx)(W,{mdxType:"OpenSectionHeader"}),(0,a.mdx)(G,{mdxType:"OnClickSectionHeader"}),(0,a.mdx)(te,{mdxType:"AccordionSectionHeader"}),(0,a.mdx)(ce,{mdxType:"TransparentSectionHeader"}),(0,a.mdx)(xe,{mdxType:"FocusSectionHeader"}),(0,a.mdx)("h2",{id:"section-header-props"},"Section Header Props"),(0,a.mdx)(Se,{mdxType:"SectionHeaderPropsTable"}))}Ce.isMDXComponent=!0},59889:function(e,t,n){n.d(t,{C:function(){return o}});var r=n(67294),a=n(22863),o=function(e){var t=e.url;return r.createElement(a.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-section-header",name:"terra-section-header",version:"2.65.0",url:t})}},17422:function(e,t,n){n.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},53560:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},33864:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=o(n(67294)),a=o(n(99139));function o(e){return e&&e.__esModule?e:{default:e}}function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(o[a]=e[a]);return o}(e,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(o[a]=e[a])}return o}var l={},i="wrapper";function p(e){var r=e.components,a=m(e,n);return(0,t.mdx)(i,d({},l,a,{components:r,mdxType:"MDXLayout"}),(0,t.mdx)(o.C,{mdxType:"Badge"}),(0,t.mdx)("h1",{id:"terra-form-textarea-upgrade-guide"},"Terra Form Textarea Upgrade Guide"),(0,t.mdx)("h2",{id:"changes-from-version-4-to-version-5"},"Changes from version 4 to version 5"),(0,t.mdx)("h3",{id:"props"},"Props"),(0,t.mdx)("h4",{id:"removed"},"Removed"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"Removed ",(0,t.mdx)("inlineCode",{parentName:"li"},"placeholder")," prop from ",(0,t.mdx)("inlineCode",{parentName:"li"},"Textarea")," and ",(0,t.mdx)("inlineCode",{parentName:"li"},"TextareaField"),".")),(0,t.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,t.mdx)("h4",{id:"removed-1"},"Removed"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"--terra-form-textarea-placeholder-color"),(0,t.mdx)("li",{parentName:"ul"},"--terra-form-textarea-placeholder-font-style"),(0,t.mdx)("li",{parentName:"ul"},"--terra-form-textarea-placeholder-disabled-color"),(0,t.mdx)("li",{parentName:"ul"},"--terra-form-textarea-placeholder-disabled-font-style")),(0,t.mdx)("h5",{id:"steps-to-upgrade"},"Steps to Upgrade"),(0,t.mdx)("p",null,"To upgrade from 4.0 to 5.0 each existing Textarea and TextareaField must be reviewed and updated to ensure no ",(0,t.mdx)("inlineCode",{parentName:"p"},"placeholder")," prop is passed to it. This is done to follow WCAG (",(0,t.mdx)("a",{parentName:"p",href:"https://www.w3.org/WAI/GL/low-vision-a11y-tf/wiki/Placeholder_Research"},"for more info"),")."),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},(0,t.mdx)("p",{parentName:"li"},(0,t.mdx)("inlineCode",{parentName:"p"},"Textarea")," component will not be supporting ",(0,t.mdx)("inlineCode",{parentName:"p"},"placeholder")," prop and ",(0,t.mdx)("inlineCode",{parentName:"p"},"native placeholder"),". If consumers want to provide a detailed text guidance they can upgrade to ",(0,t.mdx)("inlineCode",{parentName:"p"},"TextareaField"),".")),(0,t.mdx)("li",{parentName:"ul"},(0,t.mdx)("p",{parentName:"li"},(0,t.mdx)("inlineCode",{parentName:"p"},"TextareaField")," component will not be supporting ",(0,t.mdx)("inlineCode",{parentName:"p"},"placeholder")," prop and ",(0,t.mdx)("inlineCode",{parentName:"p"},"native placeholder"),". But consumers may utilize the ",(0,t.mdx)("inlineCode",{parentName:"p"},"help")," text field properties to provide similar guidance to the user using ",(0,t.mdx)("inlineCode",{parentName:"p"},"help")," prop."))),(0,t.mdx)("h2",{id:"changes-from-version-3-to-version-4"},"Changes from version 3 to version 4"),(0,t.mdx)("h3",{id:"props-1"},"Props"),(0,t.mdx)("h4",{id:"updated"},"Updated"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"Form Fields allowed the ",(0,t.mdx)("inlineCode",{parentName:"li"},"label")," to be a node, which potentially breaks the display when injecting other non-inline-only text elements (terra-text) or has the potential to completely break accessibility if something non-text based would be passed in."),(0,t.mdx)("li",{parentName:"ul"},(0,t.mdx)("inlineCode",{parentName:"li"},"label")," prop's type changed from node to string.")),(0,t.mdx)("h5",{id:"steps-to-upgrade-1"},"Steps to Upgrade"),(0,t.mdx)("p",null,"To upgrade from 3.0 to 4.0 each existing Textarea must be reviewed and updated to ensure only a string is being passed to the ",(0,t.mdx)("inlineCode",{parentName:"p"},"label")," props. Solutions passing node data types need to be reworked to provide only a string."),(0,t.mdx)("h2",{id:"changes-from-version-2-to-version-3"},"Changes from version 2 to version 3"),(0,t.mdx)("h3",{id:"changes-to-css-custom-properties-1"},"Changes to CSS Custom Properties"),(0,t.mdx)("h4",{id:"renamed"},"Renamed"),(0,t.mdx)("table",null,(0,t.mdx)("thead",{parentName:"table"},(0,t.mdx)("tr",{parentName:"thead"},(0,t.mdx)("th",{parentName:"tr",align:null},"Previous"),(0,t.mdx)("th",{parentName:"tr",align:null},"New"))),(0,t.mdx)("tbody",{parentName:"table"},(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-textarea-focus-animation-background"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-textarea-background-image")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-textarea-focus-background-start"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-textarea-background-size")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-textarea-focus-keyboard-animation-size"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-textarea-focus-background-size")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-textarea-focus-keyboard-border-color"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-textarea-focus-border-color")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-textarea-focus-keyboard-border-style"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-textarea-focus-border-style")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-textarea-focus-keyboard-border-width"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-textarea-focus-border-width")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-textarea-focus-keyboard-opacity"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-textarea-focus-opacity")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-textarea-focus-keyboard-box-shadow-ltr"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-textarea-focus-ltr-box-shadow")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-textarea-focus-keyboard-box-shadow-rtl"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-textarea-focus-rtl-box-shadow")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-textarea-error-focus-animation-background"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-textarea-error-background-image")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-textarea-error-focus-keyboard-animation-size"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-textarea-error-focus-background-size")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-textarea-error-focus-keyboard-border-color"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-textarea-error-focus-border-color")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-textarea-error-focus-keyboard-border-style"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-textarea-error-focus-border-style")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-textarea-error-focus-keyboard-border-width"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-textarea-error-focus-border-width")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-textarea-error-focus-keyboard-opacity"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-textarea-error-focus-opacity")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-textarea-error-focus-keyboard-box-shadow-ltr"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-textarea-error-focus-ltr-box-shadow")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-textarea-error-focus-keyboard-box-shadow-rtl"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-textarea-error-focus-rtl-box-shadow")))),(0,t.mdx)("h4",{id:"added"},"Added"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"--terra-form-textarea-hover-background-color"),(0,t.mdx)("li",{parentName:"ul"},"--terra-form-textarea-hover-color"),(0,t.mdx)("li",{parentName:"ul"},"--terra-form-textarea-focus-background-color"),(0,t.mdx)("li",{parentName:"ul"},"--terra-form-textarea-focus-color"),(0,t.mdx)("li",{parentName:"ul"},"--terra-form-textarea-error-background-color"),(0,t.mdx)("li",{parentName:"ul"},"--terra-form-textarea-error-hover-background-color"),(0,t.mdx)("li",{parentName:"ul"},"--terra-form-textarea-error-hover-color"),(0,t.mdx)("li",{parentName:"ul"},"--terra-form-textarea-error-focus-background-color"),(0,t.mdx)("li",{parentName:"ul"},"--terra-form-textarea-error-focus-color")),(0,t.mdx)("h4",{id:"removed-2"},"Removed"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"--terra-form-textarea-cursor")))}p.isMDXComponent=!0},58038:function(e,r,a){a.d(r,{C:function(){return n}});var t=a(67294),o=a(22863),n=function(e){var r=e.url;return t.createElement(o.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-form-textarea",name:"terra-form-textarea",version:"5.30.0",url:r})}},17422:function(e,r,a){a.r(r),r.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/85685-e0fe5c97104c1f1e665f.css b/85685-e0fe5c97104c1f1e665f.css new file mode 100644 index 0000000000..4f1ded5e23 --- /dev/null +++ b/85685-e0fe5c97104c1f1e665f.css @@ -0,0 +1,8 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.Text-module__clinical-lowlight-theme___mG7dV{--terra-text-v2-font-stack-after-content: '"Helvetica Neue", Helvetica, Arial, sans-serif'}.Text-module__orion-fusion-theme___s3eY\+{--terra-text-v2-font-stack-after-content: 'Tahoma, Geneva, Verdana, "Trebuchet MS", sans-serif'}.Text-module__text___pR3Hk{display:inline-block;font-weight:inherit}.Text-module__inherit-color___BT1c9{color:inherit}.Text-module__italic___Ai80R{font-style:italic}.Text-module__word-wrap___RWBlC{max-width:100%;overflow-wrap:break-word;word-wrap:break-word}.Text-module__font-size-100___QjMrh{font-size:7.143rem}.Text-module__font-size-92___xffy1{font-size:6.571rem}.Text-module__font-size-72___R9WxS{font-size:5.143rem}.Text-module__font-size-64___A0fSP{font-size:4.571rem}.Text-module__font-size-56___EpTwK{font-size:4rem}.Text-module__font-size-50___Hy8ue{font-size:3.571rem}.Text-module__font-size-46___MU8-J{font-size:3.286rem}.Text-module__font-size-36___8M9ck{font-size:2.571rem}.Text-module__font-size-32___-m5nt{font-size:2.286rem}.Text-module__font-size-24___OOFKN{font-size:1.714rem}.Text-module__font-size-20___rJO6P{font-size:1.429rem}.Text-module__font-size-18___TCBtv{font-size:1.286rem}.Text-module__font-size-16___ovQH2{font-size:1.143rem}.Text-module__font-size-14___fYamg{font-size:1rem}.Text-module__font-size-12___EGKPm{font-size:.8571rem}.Text-module__font-size-10___xZOQY{font-size:.7143rem}.Text-module__font-weight-200___NABUq{font-weight:200}.Text-module__font-weight-300___vm83w{font-weight:300}.Text-module__font-weight-400___Z-2pQ{font-weight:400}.Text-module__font-weight-700___WIUZQ{font-weight:700}.Text-module__visually-hidden___hgjcq{clip:rect(0 0 0 0);height:1px;overflow:hidden;position:absolute;width:1px}[dir] .Text-module__visually-hidden___hgjcq{border:0;margin:-1px;padding:0}.Text-module__font-stack___ydj-0::after{content:'"Helvetica Neue", Helvetica, Arial, sans-serif';content:var(--terra-text-v2-font-stack-after-content, '"Helvetica Neue", Helvetica, Arial, sans-serif');display:inline-block} +.colors-module__clinical-lowlight-theme___djX\+a{--terra-text-v2-font-stack-after-content: '"Helvetica Neue", Helvetica, Arial, sans-serif';--terra-text-attention-color: #fb4c4c;--terra-text-default-color: #6f7477;--terra-text-info-color: #5a81ff;--terra-text-success-color: #28dae0}.colors-module__orion-fusion-theme___gHvde{--terra-text-v2-font-stack-after-content: 'Tahoma, Geneva, Verdana, "Trebuchet MS", sans-serif';--terra-text-attention-color: #c00;--terra-text-default-color: #1c1f21;--terra-text-info-color: #0065a3;--terra-text-success-color: #78c346}:root{--terra-text-attention-color: rgb(220, 20, 60);--terra-text-success-color: rgb(46, 125, 50);--terra-text-info-color: #304ffe;--terra-text-default-color: #333}.colors-module__default___xEB3r{color:#333;color:var(--terra-text-default-color, #333)}.colors-module__attention___ra\+PH{color:rgb(220, 20, 60);color:var(--terra-text-attention-color, rgb(220, 20, 60))}.colors-module__success___0EbKw{color:rgb(46, 125, 50);color:var(--terra-text-success-color, rgb(46, 125, 50))}.colors-module__info___DYABi{color:#304ffe;color:var(--terra-text-info-color, #304ffe)} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} +.Arrange-module__arrange___hY0Ml{display:-ms-flexbox;display:flex}.Arrange-module__fill___m88eq{-ms-flex:1 1 auto;flex:1 1 auto;min-width:0}.Arrange-module__fit___tv8j-{-ms-flex-item-align:start;align-self:flex-start;-ms-flex:0 0 auto;flex:0 0 auto}.Arrange-module__center___9qfhG{-ms-flex-item-align:center;align-self:center;max-height:100%}.Arrange-module__bottom___8beod{-ms-flex-item-align:end;align-self:flex-end;max-height:100%}.Arrange-module__stretch___eQF-k{-ms-flex-item-align:stretch;align-self:stretch}.Arrange-module__default___z\+O29{-ms-flex-item-align:start;align-self:flex-start}@media(max-width: 320px),(max-height: 256px){.Arrange-module__fit___tv8j-{-ms-flex:0 0;flex:0 0}} +[dir=ltr] .TextDocCommon-module__content-wrapper___Iyhd9{margin-left:10px;margin-right:10px}[dir=rtl] .TextDocCommon-module__content-wrapper___Iyhd9{margin-right:10px;margin-left:10px}.TextDocCommon-module__text-wrapper___x8WkM{width:150px}[dir] .TextDocCommon-module__text-wrapper___x8WkM{border:1px solid} +.Table-module__clinical-lowlight-theme___PqYJ8{--terra-html-table-background-color: #383f42;--terra-html-table-border: 1px solid #585a5c;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: none;--terra-html-table-header-cell-color: #1c1f21;--terra-html-table-header-cell-font-size: 1rem;--terra-html-table-header-cell-font-weight: bold;--terra-html-table-header-cell-border-right: 1px solid #585a5c;--terra-html-table-first-header-cell-border-left: 1px solid #585a5c;--terra-html-table-last-header-cell-border-right: 1px solid #585a5c;--terra-html-table-header-background-color: #909496;--terra-html-table-header-box-shadow: 0 4px 4px -3.5px #1c1f21, inset 0 0 0 1px #585a5c;--terra-html-table-header-row-border-bottom: 1px solid #585a5c;--terra-html-table-header-row-border-top: 1px solid #585a5c;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #b2b5b6;--terra-html-table-cell-font-size: 1rem;--terra-html-table-first-cell-border-left: 1px solid #585a5c;--terra-html-table-last-cell-border-right: 1px solid #585a5c;--terra-html-table-header-cell-standard-padding-bottom: 0.5rem;--terra-html-table-header-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-top: 0.5rem;--terra-html-table-header-cell-compact-padding-bottom: 0.25rem;--terra-html-table-header-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-top: 0.25rem;--terra-html-table-cell-standard-padding-bottom: 0.5rem;--terra-html-table-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-cell-standard-padding-top: 0.5rem;--terra-html-table-cell-compact-padding-bottom: 0.25rem;--terra-html-table-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-cell-compact-padding-top: 0.25rem;--terra-html-table-row-border-top: 1px solid #585a5c;--terra-html-table-last-row-border-bottom: 1px solid #585a5c;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #2d3539}.Table-module__orion-fusion-theme___d9rxf{--terra-html-table-background-color: transparent;--terra-html-table-border: 0;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: transparent;--terra-html-table-header-cell-color: #64696c;--terra-html-table-header-cell-font-size: 0.857142857rem;--terra-html-table-header-cell-font-weight: normal;--terra-html-table-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-first-header-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-background-color: #f4f4f4;--terra-html-table-header-box-shadow: none;--terra-html-table-header-row-border-bottom: 2px solid #64696c;--terra-html-table-header-row-border-top: 1px solid #c8cacb;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #1c1f21;--terra-html-table-cell-font-size: 0.857142857rem;--terra-html-table-first-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-cell-standard-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-top: 0.428571429rem;--terra-html-table-header-cell-compact-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-top: 0.428571429rem;--terra-html-table-cell-standard-padding-bottom: 0.8571428571rem;--terra-html-table-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-cell-standard-padding-top: 0.8571428571rem;--terra-html-table-cell-compact-padding-bottom: 0.8571428571rem;--terra-html-table-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-cell-compact-padding-top: 0.8571428571rem;--terra-html-table-row-border-top: 0;--terra-html-table-last-row-border-bottom: 1px solid #c8cacb;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #f4f4f4}.Table-module__table___eg2Mi{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___eg2Mi{background-color:transparent;background-color:var(--terra-html-table-background-color, transparent);border:0;border:var(--terra-html-table-border, 0);border-radius:0;border-radius:var(--terra-html-table-border-radius, 0)}[dir] .Table-module__table___eg2Mi caption{padding-bottom:.5em}.Table-module__table___eg2Mi tr{display:table-row}[dir] .Table-module__table___eg2Mi tr{margin-bottom:0}.Table-module__table___eg2Mi td,.Table-module__table___eg2Mi th{color:#1c1f21;color:var(--terra-html-table-cell-color, #1c1f21);display:table-cell;font-size:1rem;font-size:var(--terra-html-table-cell-font-size, 1rem);font-weight:normal;vertical-align:top}[dir] .Table-module__table___eg2Mi td, [dir] .Table-module__table___eg2Mi th{border:0}[dir=ltr] .Table-module__table___eg2Mi td, [dir=ltr] .Table-module__table___eg2Mi th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___eg2Mi td, [dir=rtl] .Table-module__table___eg2Mi th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___eg2Mi td:first-child, [dir=ltr] .Table-module__table___eg2Mi th:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:first-child, [dir=rtl] .Table-module__table___eg2Mi th:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi td:last-child, [dir=ltr] .Table-module__table___eg2Mi th:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:last-child, [dir=rtl] .Table-module__table___eg2Mi th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___eg2Mi thead th, [dir] .Table-module__table___eg2Mi thead td{border:0}[dir=ltr] .Table-module__table___eg2Mi thead th, [dir=ltr] .Table-module__table___eg2Mi thead td{border-right:1px solid rgba(200, 202, 203, 0.5);border-right:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:left}[dir=rtl] .Table-module__table___eg2Mi thead th, [dir=rtl] .Table-module__table___eg2Mi thead td{border-left:1px solid rgba(200, 202, 203, 0.5);border-left:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:right}[dir=ltr] .Table-module__table___eg2Mi thead th:first-child, [dir=ltr] .Table-module__table___eg2Mi thead td:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:first-child, [dir=rtl] .Table-module__table___eg2Mi thead td:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi thead th:last-child, [dir=ltr] .Table-module__table___eg2Mi thead td:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:last-child, [dir=rtl] .Table-module__table___eg2Mi thead td:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead{display:table-header-group}[dir] .Table-module__table___eg2Mi thead{background-color:#f1f1f2;background-color:var(--terra-html-table-header-background-color, #f1f1f2);box-shadow:0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5);box-shadow:var(--terra-html-table-header-box-shadow, 0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5))}[dir] .Table-module__table___eg2Mi thead tr{border-bottom:1px solid #b9bbbc;border-bottom:var(--terra-html-table-header-row-border-bottom, 1px solid #b9bbbc);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-header-row-border-top, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{color:#1c1f21;color:var(--terra-html-table-header-cell-color, #1c1f21);font-size:1rem;font-size:var(--terra-html-table-header-cell-font-size, 1rem);font-weight:bold;font-weight:var(--terra-html-table-header-cell-font-weight, bold);vertical-align:bottom}[dir] .Table-module__table___eg2Mi tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___eg2Mi tbody tr{background-color:transparent;background-color:var(--terra-html-table-row-background-color, transparent);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-row-border-top, 1px solid #dedfe0)}[dir] .Table-module__table___eg2Mi tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___eg2Mi tbody tr:last-of-type{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-html-table-last-row-border-bottom, 1px solid #dedfe0)}[dir] .Table-module__padding-standard___BfbC- th{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-header-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-header-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z th{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-header-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-header-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__padding-standard___BfbC- td{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z td{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__striped___n8xJe tbody tr:nth-of-type(even){background-color:#f6f7f8;background-color:var(--terra-html-table-row-striped-background-color, #f6f7f8)}@media print{.Table-module__table___eg2Mi thead{display:table-header-group}.Table-module__table___eg2Mi tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} diff --git a/85845-b601c78a39cedd4eb9b9.css b/85845-b601c78a39cedd4eb9b9.css new file mode 100644 index 0000000000..1a8420f9a8 --- /dev/null +++ b/85845-b601c78a39cedd4eb9b9.css @@ -0,0 +1,5 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.Table-module__clinical-lowlight-theme___PqYJ8{--terra-html-table-background-color: #383f42;--terra-html-table-border: 1px solid #585a5c;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: none;--terra-html-table-header-cell-color: #1c1f21;--terra-html-table-header-cell-font-size: 1rem;--terra-html-table-header-cell-font-weight: bold;--terra-html-table-header-cell-border-right: 1px solid #585a5c;--terra-html-table-first-header-cell-border-left: 1px solid #585a5c;--terra-html-table-last-header-cell-border-right: 1px solid #585a5c;--terra-html-table-header-background-color: #909496;--terra-html-table-header-box-shadow: 0 4px 4px -3.5px #1c1f21, inset 0 0 0 1px #585a5c;--terra-html-table-header-row-border-bottom: 1px solid #585a5c;--terra-html-table-header-row-border-top: 1px solid #585a5c;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #b2b5b6;--terra-html-table-cell-font-size: 1rem;--terra-html-table-first-cell-border-left: 1px solid #585a5c;--terra-html-table-last-cell-border-right: 1px solid #585a5c;--terra-html-table-header-cell-standard-padding-bottom: 0.5rem;--terra-html-table-header-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-top: 0.5rem;--terra-html-table-header-cell-compact-padding-bottom: 0.25rem;--terra-html-table-header-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-top: 0.25rem;--terra-html-table-cell-standard-padding-bottom: 0.5rem;--terra-html-table-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-cell-standard-padding-top: 0.5rem;--terra-html-table-cell-compact-padding-bottom: 0.25rem;--terra-html-table-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-cell-compact-padding-top: 0.25rem;--terra-html-table-row-border-top: 1px solid #585a5c;--terra-html-table-last-row-border-bottom: 1px solid #585a5c;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #2d3539}.Table-module__orion-fusion-theme___d9rxf{--terra-html-table-background-color: transparent;--terra-html-table-border: 0;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: transparent;--terra-html-table-header-cell-color: #64696c;--terra-html-table-header-cell-font-size: 0.857142857rem;--terra-html-table-header-cell-font-weight: normal;--terra-html-table-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-first-header-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-background-color: #f4f4f4;--terra-html-table-header-box-shadow: none;--terra-html-table-header-row-border-bottom: 2px solid #64696c;--terra-html-table-header-row-border-top: 1px solid #c8cacb;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #1c1f21;--terra-html-table-cell-font-size: 0.857142857rem;--terra-html-table-first-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-cell-standard-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-top: 0.428571429rem;--terra-html-table-header-cell-compact-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-top: 0.428571429rem;--terra-html-table-cell-standard-padding-bottom: 0.8571428571rem;--terra-html-table-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-cell-standard-padding-top: 0.8571428571rem;--terra-html-table-cell-compact-padding-bottom: 0.8571428571rem;--terra-html-table-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-cell-compact-padding-top: 0.8571428571rem;--terra-html-table-row-border-top: 0;--terra-html-table-last-row-border-bottom: 1px solid #c8cacb;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #f4f4f4}.Table-module__table___eg2Mi{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___eg2Mi{background-color:transparent;background-color:var(--terra-html-table-background-color, transparent);border:0;border:var(--terra-html-table-border, 0);border-radius:0;border-radius:var(--terra-html-table-border-radius, 0)}[dir] .Table-module__table___eg2Mi caption{padding-bottom:.5em}.Table-module__table___eg2Mi tr{display:table-row}[dir] .Table-module__table___eg2Mi tr{margin-bottom:0}.Table-module__table___eg2Mi td,.Table-module__table___eg2Mi th{color:#1c1f21;color:var(--terra-html-table-cell-color, #1c1f21);display:table-cell;font-size:1rem;font-size:var(--terra-html-table-cell-font-size, 1rem);font-weight:normal;vertical-align:top}[dir] .Table-module__table___eg2Mi td, [dir] .Table-module__table___eg2Mi th{border:0}[dir=ltr] .Table-module__table___eg2Mi td, [dir=ltr] .Table-module__table___eg2Mi th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___eg2Mi td, [dir=rtl] .Table-module__table___eg2Mi th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___eg2Mi td:first-child, [dir=ltr] .Table-module__table___eg2Mi th:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:first-child, [dir=rtl] .Table-module__table___eg2Mi th:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi td:last-child, [dir=ltr] .Table-module__table___eg2Mi th:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:last-child, [dir=rtl] .Table-module__table___eg2Mi th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___eg2Mi thead th, [dir] .Table-module__table___eg2Mi thead td{border:0}[dir=ltr] .Table-module__table___eg2Mi thead th, [dir=ltr] .Table-module__table___eg2Mi thead td{border-right:1px solid rgba(200, 202, 203, 0.5);border-right:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:left}[dir=rtl] .Table-module__table___eg2Mi thead th, [dir=rtl] .Table-module__table___eg2Mi thead td{border-left:1px solid rgba(200, 202, 203, 0.5);border-left:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:right}[dir=ltr] .Table-module__table___eg2Mi thead th:first-child, [dir=ltr] .Table-module__table___eg2Mi thead td:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:first-child, [dir=rtl] .Table-module__table___eg2Mi thead td:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi thead th:last-child, [dir=ltr] .Table-module__table___eg2Mi thead td:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:last-child, [dir=rtl] .Table-module__table___eg2Mi thead td:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead{display:table-header-group}[dir] .Table-module__table___eg2Mi thead{background-color:#f1f1f2;background-color:var(--terra-html-table-header-background-color, #f1f1f2);box-shadow:0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5);box-shadow:var(--terra-html-table-header-box-shadow, 0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5))}[dir] .Table-module__table___eg2Mi thead tr{border-bottom:1px solid #b9bbbc;border-bottom:var(--terra-html-table-header-row-border-bottom, 1px solid #b9bbbc);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-header-row-border-top, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{color:#1c1f21;color:var(--terra-html-table-header-cell-color, #1c1f21);font-size:1rem;font-size:var(--terra-html-table-header-cell-font-size, 1rem);font-weight:bold;font-weight:var(--terra-html-table-header-cell-font-weight, bold);vertical-align:bottom}[dir] .Table-module__table___eg2Mi tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___eg2Mi tbody tr{background-color:transparent;background-color:var(--terra-html-table-row-background-color, transparent);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-row-border-top, 1px solid #dedfe0)}[dir] .Table-module__table___eg2Mi tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___eg2Mi tbody tr:last-of-type{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-html-table-last-row-border-bottom, 1px solid #dedfe0)}[dir] .Table-module__padding-standard___BfbC- th{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-header-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-header-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z th{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-header-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-header-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__padding-standard___BfbC- td{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z td{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__striped___n8xJe tbody tr:nth-of-type(even){background-color:#f6f7f8;background-color:var(--terra-html-table-row-striped-background-color, #f6f7f8)}@media print{.Table-module__table___eg2Mi thead{display:table-header-group}.Table-module__table___eg2Mi tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} +.example-styles-module__example-wrapper___ZHkEP{height:3rem}[dir] .example-styles-module__content-wrapper___yjSGG{padding:.7rem}[dir] .example-styles-module__custom-notification-dialog-icon___G0LWx{background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%270%200%2049%2049%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cpath%20fill%3D%27%2378288C%27%20d%3D%27M24.8%2047.7l22.9-22.9c.4-.4.4-1.1%200-1.6L24.8.3c-.4-.4-1.1-.4-1.6%200L.3%2023.2c-.4.4-.4%201.1%200%201.6l22.9%2022.9c.4.4%201.2.4%201.6%200z%27%20%3E%3C%2Fpath%3E%3C%2Fsvg%3E");background:var(--terra-framework-docs-notification-dialog-example-custom-icon-background, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%270%200%2049%2049%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cpath%20fill%3D%27%2378288C%27%20d%3D%27M24.8%2047.7l22.9-22.9c.4-.4.4-1.1%200-1.6L24.8.3c-.4-.4-1.1-.4-1.6%200L.3%2023.2c-.4.4-.4%201.1%200%201.6l22.9%2022.9c.4.4%201.2.4%201.6%200z%27%20%3E%3C%2Fpath%3E%3C%2Fsvg%3E"))}.example-styles-module__orion-fusion-theme___0DE3W{--terra-framework-docs-notification-dialog-example-custom-icon-background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%270%200%2049%2049%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cpath%20fill%3D%27%2378288C%27%20d%3D%27M24.8%2047.7l22.9-22.9c.4-.4.4-1.1%200-1.6L24.8.3c-.4-.4-1.1-.4-1.6%200L.3%2023.2c-.4.4-.4%201.1%200%201.6l22.9%2022.9c.4.4%201.2.4%201.6%200z%27%20%3E%3C%2Fpath%3E%3C%2Fsvg%3E")}.example-styles-module__clinical-lowlight-theme___YEScJ{--terra-framework-docs-notification-dialog-example-custom-icon-background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%270%200%2049%2049%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cpath%20fill%3D%27%23C270D7%27%20d%3D%27M24.8%2047.7l22.9-22.9c.4-.4.4-1.1%200-1.6L24.8.3c-.4-.4-1.1-.4-1.6%200L.3%2023.2c-.4.4-.4%201.1%200%201.6l22.9%2022.9c.4.4%201.2.4%201.6%200z%27%20%3E%3C%2Fpath%3E%3C%2Fsvg%3E")} diff --git a/85845-b601c78a39cedd4eb9b9.js b/85845-b601c78a39cedd4eb9b9.js new file mode 100644 index 0000000000..f3e2b251f9 --- /dev/null +++ b/85845-b601c78a39cedd4eb9b9.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[85845,45627,37344,33667,96890,79482,85565,3353,5161,80858,14041,45865,16835,85355,3193,4845,27444,17657,46647,16873,85161,66097,38681,15318,40411,18101,33315,38443,11264,34319,78996,39915,33442],{22863:function(e,t,n){var a=n(64836);t.Z=void 0;var o=a(n(67294)),r=a(n(45697)),i=a(n(47166)),l=a(n(17422)),s=i.default.bind(l.default),c={name:r.default.string.isRequired,src:r.default.string,url:r.default.string,version:r.default.string.isRequired},d=function(e){var t=e.src,n=e.name,a=e.url,r=e.version,i=o.default.createElement("a",{className:s("badge"),href:a||"https://www.npmjs.org/package/".concat(n,"/v/").concat(r)},o.default.createElement("span",{className:s("badge-name")},a?"package":"npm"),o.default.createElement("span",{className:s("badge-version")},"v".concat(r))),l=t?o.default.createElement("a",{className:s("badge"),href:t},o.default.createElement("span",{className:s("badge-name")},"github"),o.default.createElement("span",{className:s("badge-version")},"source")):void 0;return o.default.createElement("div",{className:s("badge-container")},i,l)};d.propTypes=c;var u=d;t.Z=u},49271:function(e,t,n){var a=n(64836),o=n(18698);t.Z=void 0;var r=a(n(27424)),i=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==o(e)&&"function"!=typeof e)return{default:e};var n=f(t);if(n&&n.has(e))return n.get(e);var a={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var l=r?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(a,i,l):a[i]=e[i]}a.default=e,n&&n.set(e,a);return a}(n(67294)),l=a(n(45697)),s=a(n(47166)),c=n(21538),d=a(n(33864)),u=a(n(23399)),p=n(51051),m=a(n(53560));function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(f=function(e){return e?n:t})(e)}var g=s.default.bind(m.default),h={example:l.default.element,exampleSrc:l.default.element,exampleCssSrc:l.default.element,title:l.default.string,description:l.default.node,isExpanded:l.default.bool},x=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},y=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},b=function(e){var t=e.example,n=e.exampleSrc,a=e.exampleCssSrc,o=e.title,l=e.description,s=e.isExpanded,m=(0,i.useState)(s),f=(0,r.default)(m,2),h=f[0],b=f[1],v=(0,i.useState)(!1),w=(0,r.default)(v,2),O=w[0],C=w[1],T=i.default.useContext(c.ThemeContext),N=void 0!==a,j=function(){C(!O),h&&b(!h)},k=function(){b(!h),O&&C(!O)},_=function(e,t){e.nativeEvent.keyCode!==p.KEY_SPACE&&e.nativeEvent.keyCode!==p.KEY_RETURN||(e.preventDefault(),t())};return i.default.createElement("div",{className:g("template",T.className)},i.default.createElement("div",{className:g("header")},o&&i.default.createElement("h2",{className:g("title")},o)),i.default.createElement("div",{className:g("content")},l&&i.default.createElement("div",{className:g("description")},l),t),i.default.createElement("div",{className:g("footer")},n?i.default.createElement("div",{className:g("button-container")},N&&i.default.createElement("button",{type:"button",className:g("css-toggle","item",{"is-selected":O}),onClick:j,onKeyDown:function(e){return _(e,j)},onBlur:x,onMouseDown:y,tabIndex:0,"data-focus-styles-enabled":!0},i.default.createElement(d.default,{className:g("chevron")}),i.default.createElement("span",null,"CSS"),i.default.createElement(u.default,{className:g("chevron")})),i.default.createElement("button",{type:"button",className:g("code-toggle","item",{"is-selected":h}),onClick:k,onKeyDown:function(e){return _(e,k)},onBlur:x,onMouseDown:y,tabIndex:0,"data-focus-styles-enabled":!0},i.default.createElement(d.default,{className:g("chevron")}),i.default.createElement("span",null,"Code"),i.default.createElement(u.default,{className:g("chevron")}))):null,i.default.createElement("div",null,O&&i.default.createElement("div",{className:g("css")},a),h&&i.default.createElement("div",{className:g("code")},n))))};b.propTypes=h,b.defaultProps={isExpanded:!1};var v=b;t.Z=v},97846:function(e,t,n){var a=n(64836),o=n(18698);var r=a(n(27424)),i=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=o(e)&&"function"!=typeof e)return{default:e};var n=c(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var l=r?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(a,i,l):a[i]=e[i]}return a.default=e,n&&n.set(e,a),a}(n(67294)),l=a(n(55281)),s=a(n(84058));function c(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(c=function(e){return e?n:t})(e)}},11023:function(e,t,n){var a=n(64836),o=n(18698);t.Z=void 0;var r=a(n(27424)),i=d(n(67294)),l=a(n(55281)),s=d(n(84058));function c(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(c=function(e){return e?n:t})(e)}function d(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=o(e)&&"function"!=typeof e)return{default:e};var n=c(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var l=r?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(a,i,l):a[i]=e[i]}return a.default=e,n&&n.set(e,a),a}t.Z=function(){var e=(0,i.useState)(!1),t=(0,r.default)(e,2),n=t[0],a=t[1],o=function(){a(!1)};return i.default.createElement(i.default.Fragment,null,n&&i.default.createElement(s.default,{variant:"hazard-medium",dialogTitle:"Use a Title That Relates Directly to the Actions",startMessage:"The message should clearly provide a contextual description of the issue concisely, use ContentLayoutAsList when enumerating a list of relevant items:",content:i.default.createElement(s.ContentLayoutAsList,{items:["Item 1","Item 2"]}),endMessage:"If further action is needed, provide relevant actions and ask the user to confirm how to proceed, or include a resolution statement that explains how to resolve the issue or what steps to take next.",acceptAction:{text:"Emphasized Accept Action",onClick:o},rejectAction:{text:"Reject Action",onClick:o},buttonOrder:"acceptFirst",emphasizedAction:"accept"}),i.default.createElement(l.default,{text:"Trigger Notification Dialog",onClick:function(){a(!0)}}))}},7373:function(e,t,n){var a=n(64836),o=n(18698);t.Z=void 0;var r=a(n(27424)),i=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=o(e)&&"function"!=typeof e)return{default:e};var n=u(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var l=r?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(a,i,l):a[i]=e[i]}return a.default=e,n&&n.set(e,a),a}(n(67294)),l=a(n(55281)),s=a(n(47166)),c=a(n(84058)),d=a(n(53463));function u(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(u=function(e){return e?n:t})(e)}var p=s.default.bind(d.default);t.Z=function(){var e=(0,i.useState)(!1),t=(0,r.default)(e,2),n=t[0],a=t[1],o=function(){a(!1)};return i.default.createElement(i.default.Fragment,null,n&&i.default.createElement(c.default,{variant:"custom",custom:{iconClassName:p("custom-notification-dialog-icon"),signalWord:"Custom Signal Word"},dialogTitle:"Use a Title That Relates Directly to The Actions",startMessage:"The message should clearly provide a contextual description of the issue concisely, and include a resolution statement that explains how to resolve the issue or what steps to take next.",endMessage:"If further action is needed, provide relevant actions and ask the user to confirm how to proceed.",acceptAction:{text:"Emphasized Accept Action",onClick:o},rejectAction:{text:"Reject Action",onClick:o},buttonOrder:"acceptFirst",emphasizedAction:"accept"}),i.default.createElement(l.default,{text:"Trigger Notification Dialog",onClick:function(){a(!0)}}))}},59381:function(e,t,n){var a=n(64836),o=n(18698);var r=a(n(27424)),i=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=o(e)&&"function"!=typeof e)return{default:e};var n=c(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var l=r?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(a,i,l):a[i]=e[i]}return a.default=e,n&&n.set(e,a),a}(n(67294)),l=a(n(55281)),s=a(n(84058));function c(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(c=function(e){return e?n:t})(e)}},62452:function(e,t,n){var a=n(64836),o=n(18698);t.Z=void 0;var r=a(n(27424)),i=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=o(e)&&"function"!=typeof e)return{default:e};var n=c(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var l=r?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(a,i,l):a[i]=e[i]}return a.default=e,n&&n.set(e,a),a}(n(67294)),l=a(n(55281)),s=a(n(84058));function c(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(c=function(e){return e?n:t})(e)}t.Z=function(){var e=(0,i.useState)(!1),t=(0,r.default)(e,2),n=t[0],a=t[1],o=function(){a(!1)};return i.default.createElement(i.default.Fragment,null,n&&i.default.createElement(s.default,{variant:"error",dialogTitle:"Unable to Save",startMessage:"We're sorry, we cannot save your entry at this time.",endMessage:"Click Submit to try again. If you continue to see this message, contact your support team.",acceptAction:{text:"Submit",onClick:o},rejectAction:{text:"Cancel",onClick:o},buttonOrder:"acceptFirst",emphasizedAction:"accept"}),i.default.createElement(l.default,{text:"Trigger Notification Dialog",onClick:function(){a(!0)}}))}},110:function(e,t,n){var a=n(64836),o=n(18698);t.Z=void 0;var r=a(n(27424)),i=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=o(e)&&"function"!=typeof e)return{default:e};var n=c(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var l=r?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(a,i,l):a[i]=e[i]}return a.default=e,n&&n.set(e,a),a}(n(67294)),l=a(n(55281)),s=a(n(84058));function c(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(c=function(e){return e?n:t})(e)}t.Z=function(){var e=(0,i.useState)(!1),t=(0,r.default)(e,2),n=t[0],a=t[1];return i.default.createElement(i.default.Fragment,null,n&&i.default.createElement(s.default,{variant:"hazard-high",dialogTitle:"Drug Dosage Risk",startMessage:"A wrong drug dosage can occur if the suggested cycle (e.g. daily) does not match the intended cycle (e.g. weekly).",endMessage:"Change the suggested cycle or the intended cycle so they match.",acceptAction:{text:"OK",onClick:function(){a(!1)}},emphasizedAction:"accept"}),i.default.createElement(l.default,{text:"Trigger Notification Dialog",onClick:function(){a(!0)}}))}},8630:function(e,t,n){var a=n(64836),o=n(18698);t.Z=void 0;var r=a(n(27424)),i=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=o(e)&&"function"!=typeof e)return{default:e};var n=c(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var l=r?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(a,i,l):a[i]=e[i]}return a.default=e,n&&n.set(e,a),a}(n(67294)),l=a(n(55281)),s=a(n(84058));function c(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(c=function(e){return e?n:t})(e)}t.Z=function(){var e=(0,i.useState)(!1),t=(0,r.default)(e,2),n=t[0],a=t[1];return i.default.createElement(i.default.Fragment,null,n&&i.default.createElement(s.default,{variant:"hazard-low",dialogTitle:"Protocol Treatment Period Advisory",startMessage:"oxyCODONE cannot be included because the associated days of treatment are completed, discontinued, or skipped.",endMessage:"Resolve the associated days to include in the Protocol treatment period.",acceptAction:{text:"OK",onClick:function(){a(!1)}}}),i.default.createElement(l.default,{text:"Trigger Notification Dialog",onClick:function(){a(!0)}}))}},89336:function(e,t,n){var a=n(64836),o=n(18698);t.Z=void 0;var r=a(n(27424)),i=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=o(e)&&"function"!=typeof e)return{default:e};var n=c(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var l=r?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(a,i,l):a[i]=e[i]}return a.default=e,n&&n.set(e,a),a}(n(67294)),l=a(n(55281)),s=a(n(84058));function c(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(c=function(e){return e?n:t})(e)}t.Z=function(){var e=(0,i.useState)(!1),t=(0,r.default)(e,2),n=t[0],a=t[1],o=function(){a(!1)};return i.default.createElement(i.default.Fragment,null,n&&i.default.createElement(s.default,{variant:"hazard-medium",dialogTitle:"Sensitive Information - Pediatric Progress Note",startMessage:"You are about to view a note that is marked as sensitive. You must acknowledge its sensitivity to continue.",endMessage:"How do you want to proceed?",acceptAction:{text:"Acknowledge and View Note",onClick:o},rejectAction:{text:"Cancel",onClick:o},buttonOrder:"acceptFirst"}),i.default.createElement(l.default,{text:"Trigger Notification Dialog",onClick:function(){a(!0)}}))}},3761:function(e,t,n){var a=n(64836),o=n(18698);t.Z=void 0;var r=a(n(27424)),i=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=o(e)&&"function"!=typeof e)return{default:e};var n=m(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var l=r?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(a,i,l):a[i]=e[i]}return a.default=e,n&&n.set(e,a),a}(n(67294)),l=a(n(47166)),s=a(n(55281)),c=n(15560),d=a(n(8815)),u=a(n(84058)),p=a(n(53463));function m(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(m=function(e){return e?n:t})(e)}var f=l.default.bind(p.default),g=function(){var e=(0,i.useState)(!1),t=(0,r.default)(e,2),n=t[0],a=t[1],o=function(){a(!1)};return i.default.createElement(i.default.Fragment,null,n&&i.default.createElement(u.default,{variant:"hazard-medium",dialogTitle:"Use a Title That Relates Directly to the Actions",startMessage:"The message should clearly provide a contextual description of the issue concisely, and include a resolution statement that explains how to resolve the issue or what steps to take next.",endMessage:"If further action is needed, provide relevant actions and ask the user to confirm how to proceed.",acceptAction:{text:"Emphasized Accept Action",onClick:o},rejectAction:{text:"Reject Action",onClick:o},buttonOrder:"acceptFirst",emphasizedAction:"accept"}),i.default.createElement(s.default,{text:"Trigger Notification Dialog",onClick:function(){a(!0)}}))},h=function(){var e=(0,i.useContext)(c.DisclosureManagerContext);return i.default.createElement(s.default,{text:"Trigger Modal",onClick:function(){e.disclose({preferredType:"modal",size:"small",content:{key:"ModalContent",title:"Example Modal Content",component:i.default.createElement(g,null)}})}})};t.Z=function(){return i.default.createElement("div",{className:f("example-wrapper")},i.default.createElement(d.default,null,i.default.createElement(h,null)))}},3668:function(e,t,n){var a=n(64836),o=n(18698);t.Z=void 0;var r=a(n(27424)),i=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=o(e)&&"function"!=typeof e)return{default:e};var n=c(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var l=r?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(a,i,l):a[i]=e[i]}return a.default=e,n&&n.set(e,a),a}(n(67294)),l=a(n(55281)),s=a(n(84058));function c(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(c=function(e){return e?n:t})(e)}t.Z=function(){var e=(0,i.useState)(!1),t=(0,r.default)(e,2),n=t[0],a=t[1],o=function(){a(!1)};return i.default.createElement(i.default.Fragment,null,n&&i.default.createElement(s.default,{variant:"hazard-medium",dialogTitle:"Use a Title That Relates Directly to the Actions - Long Titles Should Be Avoided When Possible",startMessage:"Users need to know what is going on, and get appropriate feedback during interaction. For example, users need confirmation messages when actions are completed, such as when forms are submitted. Also, error messages must provide clear directions rather than confuse users.\n People with some cognitive and learning disabilities, who may be easily confused by unexpected behavior and unclear error messages.\n People with partial sight and blindness, who rely on notifications, instructions, and errors messages to understand the context and interactions.\n Content is more usable for people who are new to the particular website or application.\n Content is more usable for people who are not confident using computers and the web.\n Content is less confusing and daunting to everyone, regardless of skills.\n Use clear and simple language to make error messages more understandable. For example, describe how to fix an error. When forms are submitted, provide a confirmation message. When a change is made on the screen, such as new content added, alert users to the change.\n Content must be easy to follow and understand for many users. For most content, this means simply avoiding overly complex sentences and jargon, and providing clear layout and design. For some complex content such as medical information, separate, easy-to-read information may be necessary.\n People with learning disabilities who cannot understand complex sentence structures and vocabulary.\n People with cognitive disabilities who have difficulty focusing on long passages of dense text.\n Content is more usable for people with lower language skills, such as people who are not fluent in the language of the website and people with low literacy.\n Content is easier to understand by users who are not familiar with the topic.\n Content is easier to skim, and get an overview of the information.\n Avoid overly complex words, jargon, and acronyms, or provide explanations when they need to be used. Provide structure using headings, lists, and spacing. Provide illustrations that clarify the content, when helpful. Provide clear layout and design with consistent orientation and navigation cues.\n Some users need to be able to change the way text is displayed so that they can read the text. This includes changing the size, spacing, font, color, and other text properties. When users change these properties, no information or functionality should be lost, and the text should re-flow so users don’t have to scroll horizontally to read sentences. Text customization is more than the zoom functionality, which only changes the text size.\n People with low vision who are not using screen magnification software.\n People with some forms of dyslexia and other cognitive and learning disabilities who need a particular presentation of text to read it.\n Content is more adaptable to smaller and larger screen sizes.\n Content is more adaptable to personal preferences and comfort.\n Content is more adaptable when translated, since words and sentences are different lengths in different languages.\n Content must be properly designed and coded so that it can adapt to different customization settings. This includes using relative rather than absolute units for the size of fonts, controls, and other objects. Applications should use the operating system and web browser text settings. Websites and applications could also provide information to help users change their settings. Web browsers and other web tools need to provide users with text customization functionality.\n The area for clicking and tapping controls must be large enough for people to activate them. This includes links, buttons, checkboxes, and other controls. Small controls, and controls that are placed too close to each other, are difficult for many people to use. This is particularly relevant on mobile devices with small screens.\n People with physical disabilities who have reduced dexterity.\n Content is more usable on touch screens, especially on smaller mobile devices.\n Content is more usable for people who are not experienced with the mouse or touch-pad on the computer they are using.\n Content is more usable in situations where the device cannot be held steady.\n Design large controls or activation areas around the controls. (Increasing the font size of the control sometimes isn’t enough.) Provide adequate separation between selectable controls. Provide labels for controls, which enlarges the activation area in many browsers because the label for checkboxes and option buttons is also clickable.\n ",acceptAction:{text:"Emphasized Accept Action",onClick:o},rejectAction:{text:"Reject Action",onClick:o},buttonOrder:"acceptFirst",emphasizedAction:"accept"}),i.default.createElement(l.default,{text:"Trigger Notification Dialog",onClick:function(){a(!0)}}))}},82070:function(e,t,n){n.r(t),n.d(t,{default:function(){return Pe}});var a=n(67294),o=n(81254),r=n(28997),i=n(78530),l=["components"];function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var d={},u="wrapper";function p(e){var t=e.components,n=c(e,l);return(0,o.mdx)(u,s({},d,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)(i.ZP,{mdxType:"PropsTable"},(0,o.mdx)(i.X2,{key:"ROW1",mdxType:"Row"},(0,o.mdx)(i.O,{mdxType:"PropNameCell"},"variant"),(0,o.mdx)(i.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'hazard-high'\n 'hazard-medium'\n 'hazard-low'\n 'error'\n 'custom'\n],\n"))),(0,o.mdx)(i.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,o.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"The variant of notification to be rendered. This renders the dialog with the corresponding header and icon to the\nvariant concept."))),(0,o.mdx)(i.X2,{key:"ROW2",mdxType:"Row"},(0,o.mdx)(i.O,{mdxType:"PropNameCell"},"dialogTitle"),(0,o.mdx)(i.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,o.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,(0,o.mdx)("img",{parentName:"p",src:"https://badgen.net/badge/UX/Accessibility/blue",alt:"IMPORTANT"}),"\nThe title to describe the high-level overview of why the notification-dialog is being displayed to the user. Use a title that relates directly to the\nmessage/actions provided in the dialog. Adding a title, while optional, is always best practice."))),(0,o.mdx)(i.X2,{key:"ROW3",mdxType:"Row"},(0,o.mdx)(i.O,{mdxType:"PropNameCell"},"startMessage"),(0,o.mdx)(i.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,o.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"The text to provide more detail or defined terminology to be displayed at the start of the notification dialog body. Don’t repeat the title verbatim."))),(0,o.mdx)(i.X2,{key:"ROW4",mdxType:"Row"},(0,o.mdx)(i.O,{mdxType:"PropNameCell"},"endMessage"),(0,o.mdx)(i.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,o.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"The text to provide more detail or defined terminology to be displayed at the end of the notification dialog body. Don’t repeat the title verbatim."))),(0,o.mdx)(i.X2,{key:"ROW5",mdxType:"Row"},(0,o.mdx)(i.O,{mdxType:"PropNameCell"},"content"),(0,o.mdx)(i.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,o.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"The content to be inserted after ",(0,o.mdx)("inlineCode",{parentName:"p"},"startMessage")," and/or before ",(0,o.mdx)("inlineCode",{parentName:"p"},"endMessage")," to provide more details to the user in the dialog body. Don’t repeat the title verbatim."))),(0,o.mdx)(i.X2,{key:"ROW6",mdxType:"Row"},(0,o.mdx)(i.O,{mdxType:"PropNameCell"},"acceptAction"),(0,o.mdx)(i.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"shape: {\n text: {\n type: 'string',\n },\n onClick: {\n type: 'func',\n },\n},\n"))),(0,o.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"The button text and onclick values of the accept button."))),(0,o.mdx)(i.X2,{key:"ROW7",mdxType:"Row"},(0,o.mdx)(i.O,{mdxType:"PropNameCell"},"rejectAction"),(0,o.mdx)(i.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"shape: {\n text: {\n type: 'string',\n },\n onClick: {\n type: 'func',\n },\n},\n"))),(0,o.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"The button text and onclick values of the reject button."))),(0,o.mdx)(i.X2,{key:"ROW8",mdxType:"Row"},(0,o.mdx)(i.O,{mdxType:"PropNameCell"},"buttonOrder"),(0,o.mdx)(i.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'acceptFirst'\n 'rejectFirst'\n],\n"))),(0,o.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"'acceptFirst'\n"))),(0,o.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Determines the order of notification action buttons."))),(0,o.mdx)(i.X2,{key:"ROW9",mdxType:"Row"},(0,o.mdx)(i.O,{mdxType:"PropNameCell"},"emphasizedAction"),(0,o.mdx)(i.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'none'\n 'accept'\n 'reject'\n],\n"))),(0,o.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"'none'\n"))),(0,o.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Determines whether acceptAction, rejectAction or neither is emphasizedAction"))),(0,o.mdx)(i.X2,{key:"ROW10",mdxType:"Row"},(0,o.mdx)(i.O,{mdxType:"PropNameCell"},"custom"),(0,o.mdx)(i.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"shape: {\n signalWord: {\n type: 'string',\n description: 'The keyword used to represent & emphasis the intention of dialog message that is being shown to the user.',\n },\n iconClassName: {\n type: 'string',\n description: 'The class name used to set the icon as the background image to be used as the icon in the notification-dialog.',\n },\n},\n"))),(0,o.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"{}\n"))),(0,o.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"The pieces to populate a notification-dialog when ",(0,o.mdx)("inlineCode",{parentName:"p"},'variant="custom"'),".")))))}p.isMDXComponent=!0;var m=["components"];function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var h={},x="wrapper";function y(e){var t=e.components,n=g(e,m);return(0,o.mdx)(x,f({},h,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)(i.ZP,{mdxType:"PropsTable"},(0,o.mdx)(i.X2,{key:"ROW1",mdxType:"Row"},(0,o.mdx)(i.O,{mdxType:"PropNameCell"},"items"),(0,o.mdx)(i.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'string',\n}],\n"))),(0,o.mdx)(i.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,o.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"The list of strings to display in a list format.")))))}y.isMDXComponent=!0;var b=n(110),v=["components"];function w(){return w=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var C={};function T(e){var t=e.components,n=O(e,v);return(0,o.mdx)("wrapper",w({},C,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React, { useState } from \'react\';\nimport Button from \'terra-button\';\nimport NotificationDialog from \'terra-notification-dialog\';\n\nconst NotificationDialogExample = () => {\n const [isOpen, setIsOpen] = useState(false);\n\n const handleCloseModal = () => {\n setIsOpen(false);\n };\n\n const handleOpenModal = () => {\n setIsOpen(true);\n };\n\n return (\n <>\n {isOpen && (\n \n )}\n \n \n \n \n \n );\n}\n\nexport default PopupStandard;\n\n")))}g.isMDXComponent=!0;var b=n(49271),v=["components"];function O(){return O=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var C={};function P(e){var t=e.components,n=_(e,v);return(0,r.mdx)("wrapper",O({},C,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .content-wrapper {\n background: #f0f8ff;\n height: 200px;\n overflow: hidden;\n width: 200px;\n }\n \n .popup-button {\n display: block;\n font-size: 1rem;\n height: 30px;\n max-width: 80px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n .terra-popup-content {\n list-style-type: none;\n margin: 10px;\n padding: 10px;\n }\n\n}\n\n")))}P.isMDXComponent=!0;var w=function(e){var t=e.title,n=e.description,r=e.isExpanded;return o.createElement(b.Z,{title:t||"Popup Standard",description:n,example:o.createElement(m.Z,null),exampleCssSrc:o.createElement(P,null),exampleSrc:o.createElement(g,null),isExpanded:r})},E=n(51011),N=["components"];function j(){return j=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var D={};function R(e){var t=e.components,n=T(e,N);return(0,r.mdx)("wrapper",j({},D,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useRef, useState } from 'react';\nimport Button from 'terra-button';\nimport Popup from 'terra-popup';\nimport { Placeholder } from '@cerner/terra-docs';\nimport classNames from 'classnames/bind';\nimport styles from './PopupDocCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nfunction PopupBounded() {\n const buttonElement = useRef();\n const parentElement = useRef();\n const [open, setOpen] = useState(false);\n\n const setParentNode = (node) => {\n parentElement.current = node;\n };\n\n const getParentNode = () => parentElement.current;\n\n const setButtonNode = (node) => {\n buttonElement.current = node;\n };\n\n const getButtonNode = () => buttonElement.current;\n\n const handleButtonClick = () => {\n setOpen(true);\n };\n\n const handleRequestClose = () => {\n setOpen(false);\n };\n\n return (\n \n \n \n \n
    \n

    \n If a field is invalid, an error icon will be displayed.\n \n

    \n \n );\n};\n\nexport default FieldExamples;\n\n')))}p.isMDXComponent=!0;var u=n(49271),c=["components"];function x(){return x=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var y={};function b(e){var t=e.components,n=f(e,c);return(0,l.mdx)("wrapper",x({},y,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .field-content {\n border: dashed 1px #d3d3d3;\n }\n}\n\n")))}b.isMDXComponent=!0;var g=function(e){var t=e.title,n=e.description,l=e.isExpanded;return a.createElement(u.Z,{title:t||"Field Examples",description:n,example:a.createElement(d.Z,null),exampleCssSrc:a.createElement(b,null),exampleSrc:a.createElement(p,null),isExpanded:l})},v=n(78530),h=["components"];function T(){return T=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var N={},E="wrapper";function C(e){var t=e.components,n=_(e,h);return(0,l.mdx)(E,T({},N,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)(v.ZP,{mdxType:"PropsTable"},(0,l.mdx)(v.X2,{key:"ROW1",mdxType:"Row"},(0,l.mdx)(v.O,{mdxType:"PropNameCell"},"children"),(0,l.mdx)(v.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,l.mdx)(v.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(v.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"null\n"))),(0,l.mdx)(v.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"The form control elements the Field contains."))),(0,l.mdx)(v.X2,{key:"ROW2",mdxType:"Row"},(0,l.mdx)(v.O,{mdxType:"PropNameCell"},"error"),(0,l.mdx)(v.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,l.mdx)(v.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(v.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"null\n"))),(0,l.mdx)(v.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Error message for when the input is invalid. This will only be displayed if isInvalid is true."))),(0,l.mdx)(v.X2,{key:"ROW3",mdxType:"Row"},(0,l.mdx)(v.O,{mdxType:"PropNameCell"},"errorIcon"),(0,l.mdx)(v.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,l.mdx)(v.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(v.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"\n"))),(0,l.mdx)(v.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Error Icon to display when the input is invalid."))),(0,l.mdx)(v.X2,{key:"ROW4",mdxType:"Row"},(0,l.mdx)(v.O,{mdxType:"PropNameCell"},"help"),(0,l.mdx)(v.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,l.mdx)(v.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(v.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"null\n"))),(0,l.mdx)(v.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Help element to display with the input."))),(0,l.mdx)(v.X2,{key:"ROW5",mdxType:"Row"},(0,l.mdx)(v.O,{mdxType:"PropNameCell"},"htmlFor"),(0,l.mdx)(v.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,l.mdx)(v.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(v.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,l.mdx)(v.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"The htmlFor attribute on the field label."))),(0,l.mdx)(v.X2,{key:"ROW6",mdxType:"Row"},(0,l.mdx)(v.O,{mdxType:"PropNameCell"},"isInvalid"),(0,l.mdx)(v.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,l.mdx)(v.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(v.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,l.mdx)(v.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Whether the field displays as Invalid. Use when value does not meet validation pattern."))),(0,l.mdx)(v.X2,{key:"ROW7",mdxType:"Row"},(0,l.mdx)(v.O,{mdxType:"PropNameCell"},"isInline"),(0,l.mdx)(v.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,l.mdx)(v.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(v.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,l.mdx)(v.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Whether or not the field is an inline field."))),(0,l.mdx)(v.X2,{key:"ROW8",mdxType:"Row"},(0,l.mdx)(v.O,{mdxType:"PropNameCell"},"label"),(0,l.mdx)(v.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,l.mdx)(v.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,l.mdx)(v.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(v.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"The label of the form control children."))),(0,l.mdx)(v.X2,{key:"ROW9",mdxType:"Row"},(0,l.mdx)(v.O,{mdxType:"PropNameCell"},"labelAttrs"),(0,l.mdx)(v.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,l.mdx)(v.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(v.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"{}\n"))),(0,l.mdx)(v.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Attributes to attach to the label."))),(0,l.mdx)(v.X2,{key:"ROW10",mdxType:"Row"},(0,l.mdx)(v.O,{mdxType:"PropNameCell"},"maxWidth"),(0,l.mdx)(v.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,l.mdx)(v.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(v.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,l.mdx)(v.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Set the max-width of a field using ",(0,l.mdx)("inlineCode",{parentName:"p"},"length")," or ",(0,l.mdx)("inlineCode",{parentName:"p"},"%"),". Best practice recommendation to never exceed\na rendered value of 1020px. ",(0,l.mdx)("em",{parentName:"p"},"(Note: Providing custom inline styles will take precedence.)")))),(0,l.mdx)(v.X2,{key:"ROW11",mdxType:"Row"},(0,l.mdx)(v.O,{mdxType:"PropNameCell"},"required"),(0,l.mdx)(v.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,l.mdx)(v.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(v.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,l.mdx)(v.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Whether or not the field is required."))),(0,l.mdx)(v.X2,{key:"ROW12",mdxType:"Row"},(0,l.mdx)(v.O,{mdxType:"PropNameCell"},"showOptional"),(0,l.mdx)(v.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,l.mdx)(v.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(v.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,l.mdx)(v.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Whether or not to append the 'optional' label to a non-required field label."))),(0,l.mdx)(v.X2,{key:"ROW13",mdxType:"Row"},(0,l.mdx)(v.O,{mdxType:"PropNameCell"},"style"),(0,l.mdx)(v.Di,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,l.mdx)(v.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(v.mW,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(v.Ex,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Provides first class prop for custom inline styles")))))}C.isMDXComponent=!0;var O=["components"];function w(){return w=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var S={},D="wrapper";function R(e){var t=e.components,n=j(e,O);return(0,l.mdx)(D,w({},S,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)(r.C,{mdxType:"Badge"}),(0,l.mdx)("h1",{id:"terra-form-field"},"Terra Form Field"),(0,l.mdx)("p",null,"The Form Field component handles the layout of the label, help text and error text associated with a form element. Additionally, it provides required, optional, and invalid indicators."),(0,l.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Install with ",(0,l.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("inlineCode",{parentName:"li"},"npm install terra-form-field"))))),(0,l.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,l.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,l.mdx)("table",null,(0,l.mdx)("thead",{parentName:"table"},(0,l.mdx)("tr",{parentName:"thead"},(0,l.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,l.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,l.mdx)("tbody",{parentName:"table"},(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"react"),(0,l.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,l.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"react-intl"),(0,l.mdx)("td",{parentName:"tr",align:null},"^2.8.0")))),(0,l.mdx)("h2",{id:"implementation-notes"},"Implementation Notes:"),(0,l.mdx)("p",null,"The Form-Field component must be composed inside the ",(0,l.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-core/components/terra-base/base/base"},"Base")," component with a locale in order for it to load the correct translation strings."),(0,l.mdx)("h2",{id:"usage"},"Usage"),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import Field from 'terra-form-field';\n")),(0,l.mdx)("h2",{id:"component-features"},"Component Features"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support")),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Internationalization Support")),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Localization Support")),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#ltr--rtl"},"LTR/RTL Support"))),(0,l.mdx)("h2",{id:"examples"},"Examples"),(0,l.mdx)(g,{mdxType:"FieldExamples"}),(0,l.mdx)("h2",{id:"form-field-props"},"Form Field Props"),(0,l.mdx)(C,{mdxType:"FormFieldPropsTable"}))}R.isMDXComponent=!0},14442:function(e,t,n){n.d(t,{C:function(){return r}});var a=n(67294),l=n(22863),r=function(e){var t=e.url;return a.createElement(l.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-form-field",name:"terra-form-field",version:"4.31.0",url:t})}},21512:function(e,t,n){n.r(t),t.default={"field-content":"FieldExamples-module__field-content___WrOsw"}},17422:function(e,t,n){n.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},53560:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},33864:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=r(n(67294)),l=r(n(99139));function r(e){return e&&e.__esModule?e:{default:e}}function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(t[n]=e[n]);return t}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(t[n]=e[n])}return t}var u={},c="wrapper";function i(e){var r=e.components,n=d(e,o);return(0,a.mdx)(c,l({},u,n,{components:r,mdxType:"MDXLayout"}),(0,a.mdx)("h1",{id:"changelog"},"Changelog"),(0,a.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,a.mdx)("h2",{id:"100-alpha1---november-22-2023"},"1.0.0-alpha.1 - (November 22, 2023)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Added",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Created base ",(0,a.mdx)("inlineCode",{parentName:"li"},"terra-folder-tree")," component.")))),(0,a.mdx)("h2",{id:"011-alpha0---october-25-2023"},"0.1.1-alpha.0 - (October 25, 2023)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))))}i.isMDXComponent=!0;var s=["components"];function m(){return m=Object.assign?Object.assign.bind():function(e){for(var r=1;r=0||(t[n]=e[n]);return t}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(t[n]=e[n])}return t}var f={},g="wrapper";function b(e){var r=e.components,n=p(e,s);return(0,a.mdx)(g,m({},f,n,{components:r,mdxType:"MDXLayout"}),(0,a.mdx)(t.C,{mdxType:"Badge"}),(0,a.mdx)(i,{mdxType:"ChangeLog"}))}b.isMDXComponent=!0},28255:function(e,r,n){n.d(r,{C:function(){return o}});var a=n(67294),t=n(22863),o=function(e){var r=e.url;return a.createElement(t.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-folder-tree",name:"terra-folder-tree",version:"1.0.0-alpha.1",url:r})}},17422:function(e,r,n){n.r(r),r.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/97544-190d595d958e64f14e54.css b/97544-190d595d958e64f14e54.css new file mode 100644 index 0000000000..0a9f02ce5f --- /dev/null +++ b/97544-190d595d958e64f14e54.css @@ -0,0 +1,3 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.Table-module__clinical-lowlight-theme___PqYJ8{--terra-html-table-background-color: #383f42;--terra-html-table-border: 1px solid #585a5c;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: none;--terra-html-table-header-cell-color: #1c1f21;--terra-html-table-header-cell-font-size: 1rem;--terra-html-table-header-cell-font-weight: bold;--terra-html-table-header-cell-border-right: 1px solid #585a5c;--terra-html-table-first-header-cell-border-left: 1px solid #585a5c;--terra-html-table-last-header-cell-border-right: 1px solid #585a5c;--terra-html-table-header-background-color: #909496;--terra-html-table-header-box-shadow: 0 4px 4px -3.5px #1c1f21, inset 0 0 0 1px #585a5c;--terra-html-table-header-row-border-bottom: 1px solid #585a5c;--terra-html-table-header-row-border-top: 1px solid #585a5c;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #b2b5b6;--terra-html-table-cell-font-size: 1rem;--terra-html-table-first-cell-border-left: 1px solid #585a5c;--terra-html-table-last-cell-border-right: 1px solid #585a5c;--terra-html-table-header-cell-standard-padding-bottom: 0.5rem;--terra-html-table-header-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-top: 0.5rem;--terra-html-table-header-cell-compact-padding-bottom: 0.25rem;--terra-html-table-header-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-top: 0.25rem;--terra-html-table-cell-standard-padding-bottom: 0.5rem;--terra-html-table-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-cell-standard-padding-top: 0.5rem;--terra-html-table-cell-compact-padding-bottom: 0.25rem;--terra-html-table-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-cell-compact-padding-top: 0.25rem;--terra-html-table-row-border-top: 1px solid #585a5c;--terra-html-table-last-row-border-bottom: 1px solid #585a5c;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #2d3539}.Table-module__orion-fusion-theme___d9rxf{--terra-html-table-background-color: transparent;--terra-html-table-border: 0;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: transparent;--terra-html-table-header-cell-color: #64696c;--terra-html-table-header-cell-font-size: 0.857142857rem;--terra-html-table-header-cell-font-weight: normal;--terra-html-table-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-first-header-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-background-color: #f4f4f4;--terra-html-table-header-box-shadow: none;--terra-html-table-header-row-border-bottom: 2px solid #64696c;--terra-html-table-header-row-border-top: 1px solid #c8cacb;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #1c1f21;--terra-html-table-cell-font-size: 0.857142857rem;--terra-html-table-first-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-cell-standard-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-top: 0.428571429rem;--terra-html-table-header-cell-compact-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-top: 0.428571429rem;--terra-html-table-cell-standard-padding-bottom: 0.8571428571rem;--terra-html-table-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-cell-standard-padding-top: 0.8571428571rem;--terra-html-table-cell-compact-padding-bottom: 0.8571428571rem;--terra-html-table-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-cell-compact-padding-top: 0.8571428571rem;--terra-html-table-row-border-top: 0;--terra-html-table-last-row-border-bottom: 1px solid #c8cacb;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #f4f4f4}.Table-module__table___eg2Mi{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___eg2Mi{background-color:transparent;background-color:var(--terra-html-table-background-color, transparent);border:0;border:var(--terra-html-table-border, 0);border-radius:0;border-radius:var(--terra-html-table-border-radius, 0)}[dir] .Table-module__table___eg2Mi caption{padding-bottom:.5em}.Table-module__table___eg2Mi tr{display:table-row}[dir] .Table-module__table___eg2Mi tr{margin-bottom:0}.Table-module__table___eg2Mi td,.Table-module__table___eg2Mi th{color:#1c1f21;color:var(--terra-html-table-cell-color, #1c1f21);display:table-cell;font-size:1rem;font-size:var(--terra-html-table-cell-font-size, 1rem);font-weight:normal;vertical-align:top}[dir] .Table-module__table___eg2Mi td, [dir] .Table-module__table___eg2Mi th{border:0}[dir=ltr] .Table-module__table___eg2Mi td, [dir=ltr] .Table-module__table___eg2Mi th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___eg2Mi td, [dir=rtl] .Table-module__table___eg2Mi th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___eg2Mi td:first-child, [dir=ltr] .Table-module__table___eg2Mi th:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:first-child, [dir=rtl] .Table-module__table___eg2Mi th:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi td:last-child, [dir=ltr] .Table-module__table___eg2Mi th:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:last-child, [dir=rtl] .Table-module__table___eg2Mi th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___eg2Mi thead th, [dir] .Table-module__table___eg2Mi thead td{border:0}[dir=ltr] .Table-module__table___eg2Mi thead th, [dir=ltr] .Table-module__table___eg2Mi thead td{border-right:1px solid rgba(200, 202, 203, 0.5);border-right:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:left}[dir=rtl] .Table-module__table___eg2Mi thead th, [dir=rtl] .Table-module__table___eg2Mi thead td{border-left:1px solid rgba(200, 202, 203, 0.5);border-left:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:right}[dir=ltr] .Table-module__table___eg2Mi thead th:first-child, [dir=ltr] .Table-module__table___eg2Mi thead td:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:first-child, [dir=rtl] .Table-module__table___eg2Mi thead td:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi thead th:last-child, [dir=ltr] .Table-module__table___eg2Mi thead td:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:last-child, [dir=rtl] .Table-module__table___eg2Mi thead td:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead{display:table-header-group}[dir] .Table-module__table___eg2Mi thead{background-color:#f1f1f2;background-color:var(--terra-html-table-header-background-color, #f1f1f2);box-shadow:0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5);box-shadow:var(--terra-html-table-header-box-shadow, 0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5))}[dir] .Table-module__table___eg2Mi thead tr{border-bottom:1px solid #b9bbbc;border-bottom:var(--terra-html-table-header-row-border-bottom, 1px solid #b9bbbc);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-header-row-border-top, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{color:#1c1f21;color:var(--terra-html-table-header-cell-color, #1c1f21);font-size:1rem;font-size:var(--terra-html-table-header-cell-font-size, 1rem);font-weight:bold;font-weight:var(--terra-html-table-header-cell-font-weight, bold);vertical-align:bottom}[dir] .Table-module__table___eg2Mi tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___eg2Mi tbody tr{background-color:transparent;background-color:var(--terra-html-table-row-background-color, transparent);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-row-border-top, 1px solid #dedfe0)}[dir] .Table-module__table___eg2Mi tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___eg2Mi tbody tr:last-of-type{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-html-table-last-row-border-bottom, 1px solid #dedfe0)}[dir] .Table-module__padding-standard___BfbC- th{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-header-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-header-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z th{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-header-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-header-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__padding-standard___BfbC- td{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z td{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__striped___n8xJe tbody tr:nth-of-type(even){background-color:#f6f7f8;background-color:var(--terra-html-table-row-striped-background-color, #f6f7f8)}@media print{.Table-module__table___eg2Mi thead{display:table-header-group}.Table-module__table___eg2Mi tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} diff --git a/97544-190d595d958e64f14e54.js b/97544-190d595d958e64f14e54.js new file mode 100644 index 0000000000..18a921df98 --- /dev/null +++ b/97544-190d595d958e64f14e54.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[97544,45627,79482,85565,3353,5161,80858,45865,85355,3193,4845,46647,85161,66097,38681,15318,40411,18101,38443,11264,34319,78996,39915,33442],{22863:function(e,n,a){var t=a(64836);n.Z=void 0;var l=t(a(67294)),d=t(a(45697)),r=t(a(47166)),i=t(a(17422)),m=r.default.bind(i.default),p={name:d.default.string.isRequired,src:d.default.string,url:d.default.string,version:d.default.string.isRequired},o=function(e){var n=e.src,a=e.name,t=e.url,d=e.version,r=l.default.createElement("a",{className:m("badge"),href:t||"https://www.npmjs.org/package/".concat(a,"/v/").concat(d)},l.default.createElement("span",{className:m("badge-name")},t?"package":"npm"),l.default.createElement("span",{className:m("badge-version")},"v".concat(d))),i=n?l.default.createElement("a",{className:m("badge"),href:n},l.default.createElement("span",{className:m("badge-name")},"github"),l.default.createElement("span",{className:m("badge-version")},"source")):void 0;return l.default.createElement("div",{className:m("badge-container")},r,i)};o.propTypes=p;var s=o;n.Z=s},82331:function(e,n,a){a.r(n),a.d(n,{default:function(){return f}});a(67294);var t=a(81254),l=a(81510),d=a(78530),r=["components"];function i(){return i=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(l[a]=e[a]);return l}(e,n);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(l[a]=e[a])}return l}var p={},o="wrapper";function s(e){var n=e.components,a=m(e,r);return(0,t.mdx)(o,i({},p,a,{components:n,mdxType:"MDXLayout"}),(0,t.mdx)(d.ZP,{mdxType:"PropsTable"},(0,t.mdx)(d.X2,{key:"ROW1",mdxType:"Row"},(0,t.mdx)(d.O,{mdxType:"PropNameCell"},"primaryNavigationItems"),(0,t.mdx)(d.Di,{mdxType:"TypeCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n shape: {\n path: {\n type: 'string',\n required: true,\n description: 'The url path to the primary navigation item.',\n },\n text: {\n type: 'string',\n required: true,\n description: 'The text for the title of the primary navigation item.',\n },\n contentExtension: {\n type: 'string',\n required: true,\n description: 'The extension to search for when generating pages for this primary navigation item.',\n },\n additionalContent: {\n arrayOf: [{\n shape: {\n title: {\n type: 'string',\n required: true,\n description: 'The page title for the content.',\n },\n filePath: {\n type: 'string',\n required: true,\n description: 'The file path to use to import the content.',\n },\n },\n }],\n },\n },\n}],\n"))),(0,t.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,t.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"[{\n path: '/home',\n text: 'Home',\n contentExtension: 'home',\n additionalContent: [\n {\n title: 'Home',\n filePath: 'full/path/to/package/README.md',\n },\n ],\n}, {\n path: '/components',\n text: 'Components',\n contentExtension: 'doc',\n}, {\n path: '/tests',\n text: 'Tests',\n contentExtension: 'test',\n}]\n"))),(0,t.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,t.mdx)("p",null,"An array describing the primary navigation items for the site."),(0,t.mdx)("p",null,"Each navigation item must include a path, text and the content extension to include."),(0,t.mdx)("p",null,"Optionally additional content may be included if it wouldn't be found by the extension search. Additional content must have a title and path and can only be displayed as a first level item in secondary navigation."))),(0,t.mdx)(d.X2,{key:"ROW2",mdxType:"Row"},(0,t.mdx)(d.O,{mdxType:"PropNameCell"},"additionalSearchDirectories"),(0,t.mdx)(d.Di,{mdxType:"TypeCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'string',\n}],\n"))),(0,t.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,t.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,t.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,t.mdx)("p",null,"Additional directories to search for each primary navigation item extension. Can be any folder. Commonly used to pull documentation from packages contained in node_modules."))),(0,t.mdx)(d.X2,{key:"ROW3",mdxType:"Row"},(0,t.mdx)(d.O,{mdxType:"PropNameCell"},"sideEffectImportFilePaths"),(0,t.mdx)(d.Di,{mdxType:"TypeCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'string',\n}],\n"))),(0,t.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,t.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,t.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,t.mdx)("p",null,"Side effect files to import. This can be used for setting up mock testing data."))),(0,t.mdx)(d.X2,{key:"ROW4",mdxType:"Row"},(0,t.mdx)(d.O,{mdxType:"PropNameCell"},"polyFillSideEffectImportFilePath"),(0,t.mdx)(d.Di,{mdxType:"TypeCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,t.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,t.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"'@cerner/terra-polyfill'\n"))),(0,t.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,t.mdx)("p",null,"A Polyfill file to be imported as a side effect. If no polyfills are desired, set to 'none'."))),(0,t.mdx)(d.X2,{key:"ROW5",mdxType:"Row"},(0,t.mdx)(d.O,{mdxType:"PropNameCell"},"titleConfig"),(0,t.mdx)(d.Di,{mdxType:"TypeCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"shape: {\n title: {\n type: 'string',\n required: true,\n description: 'Title to be displayed or set as the aria-label if a title element is passed.',\n },\n subline: {\n type: 'string',\n description: 'Sub text to be display below the main title text.',\n },\n headline: {\n type: 'string',\n description: 'Super text to be display above the main title text.',\n },\n},\n"))),(0,t.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,t.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"{\n title: 'package title',\n}\n"))),(0,t.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,t.mdx)("p",null,"A configuration object that defines the strings rendered within the ApplicationNavigation header."))),(0,t.mdx)(d.X2,{key:"ROW6",mdxType:"Row"},(0,t.mdx)(d.O,{mdxType:"PropNameCell"},"defaultTheme"),(0,t.mdx)(d.Di,{mdxType:"TypeCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,t.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,t.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"'terra-default-theme'\n"))),(0,t.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,t.mdx)("p",null,"By default the site is set to this theme."))),(0,t.mdx)(d.X2,{key:"ROW7",mdxType:"Row"},(0,t.mdx)(d.O,{mdxType:"PropNameCell"},"defaultLocale"),(0,t.mdx)(d.Di,{mdxType:"TypeCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,t.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,t.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"'en'\n"))),(0,t.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,t.mdx)("p",null,"The sites default locale."))),(0,t.mdx)(d.X2,{key:"ROW8",mdxType:"Row"},(0,t.mdx)(d.O,{mdxType:"PropNameCell"},"defaultDirection"),(0,t.mdx)(d.Di,{mdxType:"TypeCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,t.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,t.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"'ltr'\n"))),(0,t.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,t.mdx)("p",null,"The Sites default direction."))),(0,t.mdx)(d.X2,{key:"ROW9",mdxType:"Row"},(0,t.mdx)(d.O,{mdxType:"PropNameCell"},"faviconFilePath"),(0,t.mdx)(d.Di,{mdxType:"TypeCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,t.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,t.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"'terra favicon path'\n"))),(0,t.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,t.mdx)("p",null,"The favicon for the site."))),(0,t.mdx)(d.X2,{key:"ROW10",mdxType:"Row"},(0,t.mdx)(d.O,{mdxType:"PropNameCell"},"extensionItems"),(0,t.mdx)(d.Di,{mdxType:"TypeCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n shape: {\n key: {\n type: 'string',\n description: 'A key rendered to be used as a unique react key as well as returned with the onSelectExtensionItem.',\n },\n text: {\n type: 'string',\n description: 'The text to either be set as an aria-label or display text.',\n },\n iconPath: {\n type: 'elementType',\n description: 'The Filepath to a React element representing the themable icon for the extension.',\n },\n modal: {\n type: 'elementType',\n description: 'The modal to launch from the extension.',\n },\n },\n}],\n"))),(0,t.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,t.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,t.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,t.mdx)("p",null,"A configuration object with information specifying the creation of the Extension buttons rendered within the ApplicationNavigation header."))),(0,t.mdx)(d.X2,{key:"ROW11",mdxType:"Row"},(0,t.mdx)(d.O,{mdxType:"PropNameCell"},"headHtml"),(0,t.mdx)(d.Di,{mdxType:"TypeCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'string',\n}],\n"))),(0,t.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,t.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,t.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,t.mdx)("p",null,"Html strings to include in the head."))),(0,t.mdx)(d.X2,{key:"ROW12",mdxType:"Row"},(0,t.mdx)(d.O,{mdxType:"PropNameCell"},"pathPrefix"),(0,t.mdx)(d.Di,{mdxType:"TypeCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,t.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,t.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,t.mdx)("p",null,"none")),(0,t.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,t.mdx)("p",null,"The pathPrefix is placed in front of the generated site's URL to allow for multiple dev sites to be generated and displayed from the same webpack config."),(0,t.mdx)("p",null,"Required when there are more that one dev site plugins defined for a site."))),(0,t.mdx)(d.X2,{key:"ROW13",mdxType:"Row"},(0,t.mdx)(d.O,{mdxType:"PropNameCell"},"sourceFolder"),(0,t.mdx)(d.Di,{mdxType:"TypeCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,t.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,t.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"'src'\n"))),(0,t.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,t.mdx)("p",null,"The dev directory housing non-transpiled code. Used to swap with the ",(0,t.mdx)("inlineCode",{parentName:"p"},"distributionFolder")," when running webpack in dev mode, to enable hot reloading."))),(0,t.mdx)(d.X2,{key:"ROW14",mdxType:"Row"},(0,t.mdx)(d.O,{mdxType:"PropNameCell"},"distributionFolder"),(0,t.mdx)(d.Di,{mdxType:"TypeCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,t.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,t.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"'lib'\n"))),(0,t.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,t.mdx)("p",null,"The dev directory housing non-transpiled code."))),(0,t.mdx)(d.X2,{key:"ROW15",mdxType:"Row"},(0,t.mdx)(d.O,{mdxType:"PropNameCell"},"excludeChunks"),(0,t.mdx)(d.Di,{mdxType:"TypeCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'string',\n}],\n"))),(0,t.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,t.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,t.mdx)("p",null,"none")),(0,t.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,t.mdx)("p",null,"Allows you to skip adding some webpack chunks to the html template.")))))}s.isMDXComponent=!0;var x=["components"];function c(){return c=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(l[a]=e[a]);return l}(e,n);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(l[a]=e[a])}return l}var y={},g="wrapper";function f(e){var n=e.components,a=u(e,x);return(0,t.mdx)(g,c({},y,a,{components:n,mdxType:"MDXLayout"}),(0,t.mdx)(l.C,{mdxType:"Badge"}),(0,t.mdx)("h1",{id:"configuration"},"Configuration"),(0,t.mdx)("p",null,"Terra dev site can be configured in a number of ways. Whenever possible, we will use configuration files already in use for the terra-ecosystem to eliminate duplicate config."),(0,t.mdx)("h2",{id:"theme-config"},"Theme config"),(0,t.mdx)("p",null,"Terra dev site is a great place to test and develop a themed component. To configure theme switching in terra dev site, add a ",(0,t.mdx)("inlineCode",{parentName:"p"},"terra-theme.config.js")," file to your root directory specifying the default theme, if any, and any additional scoped themes."),(0,t.mdx)("h3",{id:"terra-themeconfigjs"},(0,t.mdx)("inlineCode",{parentName:"h3"},"terra-theme.config.js")),(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-js"},"module.exports = {\n theme: 'terra-dark-theme', // The default theme to be enabled on page load.\n scoped: ['orion-fusion-theme', 'clinical-lowlight-theme'], // An array of scoped themes. Note: Scoped themes do not work in IE 10.\n};\n")),(0,t.mdx)("h2",{id:"locale-config"},"Locale config"),(0,t.mdx)("p",null,"TerraDevSite also offers locale switching. To enable locale switching add a ",(0,t.mdx)("inlineCode",{parentName:"p"},"terraI18n.config.js")," file to your root directory specifying the locales available to terra dev site."),(0,t.mdx)("h3",{id:"terrai18nconfigjs"},(0,t.mdx)("inlineCode",{parentName:"h3"},"terraI18n.config.js")),(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-js"},"module.exports = {\n locales: ['en', 'en-US'],\n};\n")),(0,t.mdx)("h2",{id:"webpack-plugin-config"},"Webpack Plugin config"),(0,t.mdx)("p",null,"The following table describes the TerraDevSite webpack plugin options."),(0,t.mdx)(s,{mdxType:"ConfigPropsTable"}))}f.isMDXComponent=!0},81510:function(e,n,a){a.d(n,{C:function(){return d}});var t=a(67294),l=a(22863),d=function(e){var n=e.url;return t.createElement(l.Z,{src:"https://github.com/cerner/terra-application/tree/main/packages/terra-dev-site",name:"@cerner/terra-dev-site",version:"7.11.0",url:n})}},17422:function(e,n,a){a.r(n),n.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/97996-d25225e0329867c97a44.js b/97996-d25225e0329867c97a44.js new file mode 100644 index 0000000000..ef28e7ba07 --- /dev/null +++ b/97996-d25225e0329867c97a44.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[97996],{97996:function(e,t,n){function o(e){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},o(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=p(n(67294)),i=p(n(45697)),a=n(25387),l=p(n(55070)),s=p(n(88413)),u=p(n(87786)),c=p(n(33833)),d=["allowClear","children","defaultValue","onChange","placeholder","required","value","intl","inputId"];function p(e){return e&&e.__esModule?e:{default:e}}function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}function v(e,t){for(var n=0;n=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}function O(){return O=Object.assign?Object.assign.bind():function(e){for(var t=1;tt.bottom&&(this.menu.parentNode.scrollTop=e.offsetTop-t.height+n.height)}}},{key:"render",value:function(){var e=this,t=this.props,n=t.id,o=t.intl,i=t.refCallback,a=this.context;return r.default.createElement("ul",m({id:n,role:"listbox",className:E("menu",a.className),"aria-label":o.formatMessage({id:"Terra.form.select.menu"}),ref:function(t){i&&i(t),e.menu=t}},null!==this.state.active?{"aria-activedescendant":"terra-select-option-".concat(this.state.active)}:{},{tabIndex:"0"}),this.clone(this.state.children))}}],o=[{key:"getDerivedStateFromProps",value:function(e,t){var n,o=e.clearOptionDisplay,i=e.searchValue,a=e.noResultContent,l=!1;return n=f.default.filter(e.children,e.searchValue,e.optionFilter),0===(n=f.default.updateSelectionState(n,e)).length&&(n.push(r.default.createElement(p.default,{noResultContent:a,value:i})),l=!0),f.default.shouldShowClearOption({clearOptionDisplay:o,searchValue:i,hasAddOption:!1,hasNoResults:l})&&n.unshift(r.default.createElement(d.default,{display:o,value:""})),{children:n,searchValue:i,hasMaxSelection:!1,hasNoResults:l,active:f.default.getActiveOptionFromProps(e,n,t)}}}],n&&w(t.prototype,n),o&&w(t,o),Object.defineProperty(t,"prototype",{writable:!1}),a}(r.default.Component);M.propTypes=C,M.defaultProps=k,M.contextType=l.default,(0,s.polyfill)(M);t.default=(0,u.injectIntl)(M)}}]); \ No newline at end of file diff --git a/98501-a949a770d436009f5937.css b/98501-a949a770d436009f5937.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/98501-a949a770d436009f5937.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/98501-a949a770d436009f5937.js b/98501-a949a770d436009f5937.js new file mode 100644 index 0000000000..b7d0aafb9a --- /dev/null +++ b/98501-a949a770d436009f5937.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[98501,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443,11264,34319],{22863:function(e,a,l){var m=l(64836);a.Z=void 0;var d=m(l(67294)),n=m(l(45697)),r=m(l(47166)),i=m(l(17422)),t=r.default.bind(i.default),u={name:n.default.string.isRequired,src:n.default.string,url:n.default.string,version:n.default.string.isRequired},p=function(e){var a=e.src,l=e.name,m=e.url,n=e.version,r=d.default.createElement("a",{className:t("badge"),href:m||"https://www.npmjs.org/package/".concat(l,"/v/").concat(n)},d.default.createElement("span",{className:t("badge-name")},m?"package":"npm"),d.default.createElement("span",{className:t("badge-version")},"v".concat(n))),i=a?d.default.createElement("a",{className:t("badge"),href:a},d.default.createElement("span",{className:t("badge-name")},"github"),d.default.createElement("span",{className:t("badge-version")},"source")):void 0;return d.default.createElement("div",{className:t("badge-container")},r,i)};p.propTypes=u;var x=p;a.Z=x},98501:function(e,a,l){l.r(a),l.d(a,{default:function(){return h}});l(67294);var m=l(81254),d=l(99614),n=["components"];function r(){return r=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(d[l]=e[l]);return d}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(m=0;m=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(d[l]=e[l])}return d}var t={},u="wrapper";function p(e){var a=e.components,l=i(e,n);return(0,m.mdx)(u,r({},t,l,{components:a,mdxType:"MDXLayout"}),(0,m.mdx)("h1",{id:"changelog"},"Changelog"),(0,m.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,m.mdx)("h2",{id:"4290---november-13-2023"},"4.29.0 - (November 13, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4280---october-16-2023"},"4.28.0 - (October 16, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4270---september-21-2023"},"4.27.0 - (September 21, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4260---september-19-2023"},"4.26.0 - (September 19, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4250---august-23-2023"},"4.25.0 - (August 23, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4240---august-1-2023"},"4.24.0 - (August 1, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4230---june-14-2023"},"4.23.0 - (June 14, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Enabled placeholder support for ",(0,m.mdx)("inlineCode",{parentName:"li"},"fusion-textbox"),".")))),(0,m.mdx)("h2",{id:"4220---april-27-2023"},"4.22.0 - (April 27, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4210---february-15-2023"},"4.21.0 - (February 15, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated wdio screenshots due to functional-testing upgrade.")))),(0,m.mdx)("h2",{id:"4200---february-7-2023"},"4.20.0 - (February 7, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4191---january-31-2023"},"4.19.1 - (January 31, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump of ",(0,m.mdx)("inlineCode",{parentName:"li"},"terra-icon"))))),(0,m.mdx)("h2",{id:"4190---january-9-2023"},"4.19.0 - (January 9, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump of terra-icon and terra-form-field")))),(0,m.mdx)("h2",{id:"4180---december-7-2022"},"4.18.0 - (December 7, 2022)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Set the hideRequired prop to be private"),(0,m.mdx)("li",{parentName:"ul"},"Set the isLabelHidden prop to be private"),(0,m.mdx)("li",{parentName:"ul"},"Set the ariaLabel prop to be private")))),(0,m.mdx)("h2",{id:"4175---july-5-2022"},"4.17.5 - (July 5, 2022)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4174---may-3-2022"},"4.17.4 - (May 3, 2022)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4173---april-29-2022"},"4.17.3 - (April 29, 2022)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4172---january-4-2022"},"4.17.2 - (January 4, 2022)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4171---december-14-2021"},"4.17.1 - (December 14, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Migrate doc to terra-core-docs.")))),(0,m.mdx)("h2",{id:"4170---september-21-2021"},"4.17.0 - (September 21, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated WDIO Screenshots due to webpack-config-terra sass upgrade.")))),(0,m.mdx)("h2",{id:"4160---august-25-2021"},"4.16.0 - (August 25, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated WDIO snapshots due to terra-functional-testing v2 upgrade.")))),(0,m.mdx)("h2",{id:"4150---june-22-2021"},"4.15.0 - (June 22, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4140---april-27-2021"},"4.14.0 - (April 27, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update input to fallback to native defaults when the type is date, datetime-local, month, time, week, color, file, range, checkbox, radio, button, reset, or submit as they were never tested or originally intended to be supported.")))),(0,m.mdx)("h2",{id:"4130---april-13-2021"},"4.13.0 - (April 13, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4120---april-6-2021"},"4.12.0 - (April 6, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Upgrade tests to terra-functional-testing and WebDriverIO v6"),(0,m.mdx)("li",{parentName:"ul"},"Removed unnecessary ",(0,m.mdx)("inlineCode",{parentName:"li"},"wdio.conf.js")," file"),(0,m.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,m.mdx)("h2",{id:"4110---february-2-2021"},"4.11.0 - (February 2, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4100---january-5-2021"},"4.10.0 - (January 5, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Fixed"),(0,m.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation.")),(0,m.mdx)("h2",{id:"490---december-8-2020"},"4.9.0 - (December 8, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,m.mdx)("h2",{id:"480---november-17-2020"},"4.8.0 - (November 17, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"470---november-10-2020"},"4.7.0 - (November 10, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"460---october-27-2020"},"4.6.0 - (October 27, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"450---september-29-2020"},"4.5.0 - (September 29, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"440---september-16-2020"},"4.4.0 - (September 16, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Prop ",(0,m.mdx)("inlineCode",{parentName:"li"},"onInput")," - Callback for when user inputs a value.")))),(0,m.mdx)("h2",{id:"430---september-1-2020"},"4.3.0 - (September 1, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Removed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed the use of ",(0,m.mdx)("inlineCode",{parentName:"li"},"terra-form-field")," from doc site examples.")))),(0,m.mdx)("h2",{id:"420---august-6-2020"},"4.2.0 - (August 6, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"410---august-4-2020"},"4.1.0 - (August 4, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"400---july-29-2020"},"4.0.0 - (July 29, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Breaking Change"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed ",(0,m.mdx)("inlineCode",{parentName:"li"},"placeholder")," prop."))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated tests and examples to not use ",(0,m.mdx)("inlineCode",{parentName:"li"},"placeholder")," prop"),(0,m.mdx)("li",{parentName:"ul"},"Update changelog formatting"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Removed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed theme variables - see UPGRADEGUIDE.md"),(0,m.mdx)("li",{parentName:"ul"},"Removed tests and examples specifically for ",(0,m.mdx)("inlineCode",{parentName:"li"},"placeholder")," prop")))),(0,m.mdx)("h2",{id:"370---july-7-2020"},"3.7.0 - (July 7, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"updated ",(0,m.mdx)("inlineCode",{parentName:"li"},"master")," references to ",(0,m.mdx)("inlineCode",{parentName:"li"},"main"),".")))),(0,m.mdx)("h2",{id:"360---june-11-2020"},"3.6.0 - (June 11, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Disabled wdio axe color-contrast testing on placeholder examples for IE testing. This will be re-enabled when ",(0,m.mdx)("a",{parentName:"li",href:"https://github.com/cerner/terra-core/issues/2992"},"https://github.com/cerner/terra-core/issues/2992")," is resolved."))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"renamed orion-fusion-theme/Input.module.scss.scss to orion-fusion-theme/Input.module.scss")))),(0,m.mdx)("h2",{id:"350---june-9-2020"},"3.5.0 - (June 9, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changes",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Apply themes by context and directly include packaged themes."),(0,m.mdx)("li",{parentName:"ul"},"Minor file changes to comply with eslint rules"),(0,m.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config")))),(0,m.mdx)("h2",{id:"340---may-19-2020"},"3.4.0 - (May 19, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update wdio tests to move cursor to fix inconsistent hover styles in internal themes")))),(0,m.mdx)("h2",{id:"330---may-12-2020"},"3.3.0 - (May 12, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Set placeholders opacity to 1 to make firefox color-contrast consistent with other browsers")))),(0,m.mdx)("h2",{id:"320---april-28-2020"},"3.2.0 - (April 28, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge'))),(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,m.mdx)("h2",{id:"310---april-22-2020"},"3.1.0 - (April 22, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated documentation link in README")))),(0,m.mdx)("h2",{id:"300---march-31-2020"},"3.0.0 - (March 31, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Breaking Change",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("inlineCode",{parentName:"li"},"label")," prop's type changed from node to string.")))),(0,m.mdx)("h2",{id:"2360---march-10-2020"},"2.36.0 - (March 10, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2350---february-18-2020"},"2.35.0 - (February 18, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme theming files"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update docs to use mdx syntax.")))),(0,m.mdx)("h2",{id:"2340---january-28-2020"},"2.34.0 - (January 28, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2330---january-7-2020"},"2.33.0 - (January 7, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2320---december-3-2019"},"2.32.0 - (December 3, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added orion-fusion-theme and generated the respective reference wdio screenshots.")))),(0,m.mdx)("h2",{id:"2310---october-30-2019"},"2.31.0 - (October 30, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Duplicate IDs in example changed.")))),(0,m.mdx)("h2",{id:"2300---october-15-2019"},"2.30.0 - (October 15, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2290---october-14-2019"},"2.29.0 - (October 14, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"File input to show selection in edge."))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"File input example added."),(0,m.mdx)("li",{parentName:"ul"},"Added ",(0,m.mdx)("inlineCode",{parentName:"li"},"isIncomplete")," prop to show incomplete stylings.")))),(0,m.mdx)("h2",{id:"2280---october-3-2019"},"2.28.0 - (October 3, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added ",(0,m.mdx)("inlineCode",{parentName:"li"},"placeholder")," as a first class property to ",(0,m.mdx)("inlineCode",{parentName:"li"},"")," and ",(0,m.mdx)("inlineCode",{parentName:"li"},""))))),(0,m.mdx)("h2",{id:"2270---september-26-2019"},"2.27.0 - (September 26, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2260---september-19-2019"},"2.26.0 - (September 19, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed ",(0,m.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site.")))),(0,m.mdx)("h2",{id:"2250---september-6-2019"},"2.25.0 - (September 6, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated examples to import from the expected package instead of relative paths")))),(0,m.mdx)("h2",{id:"2240---september-3-2019"},"2.24.0 - (September 3, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Fixed issue where using aria-label as a custom prop the ",(0,m.mdx)("inlineCode",{parentName:"li"},"