@salesforcedevs/dx-components 0.30.0 → 0.31.0-alpha.0

package/lwc.config.json

@@ -20,14 +20,17 @@
         "dx/cardTrailheadModule",
         "dx/cardVideoPreview",
         "dx/checkbox",
+        "dx/checkboxNative",
         "dx/checkboxGroup",
         "dx/codeBlock",
+        "dx/contentArchive",
         "dx/dropdown",
         "dx/emptyState",
         "dx/feature",
         "dx/featuredContentHeader",
         "dx/featureGrid",
         "dx/featuresList",
+        "dx/filterMenu",
         "dx/banner",
         "dx/footer",
         "dx/newsletterForm",
@@ -86,6 +89,7 @@
         "base-elements/matchMediaElement",
         "utils/constants",
         "utils/normalizers",
-        "utils/highlight"
+        "utils/highlight",
+        "utils/contentArchive"
     ]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/dx-components",
-    "version": "0.30.0",
+    "version": "0.31.0-alpha.0",
     "description": "DX Lightning web components",
     "license": "MIT",
     "engines": {
@@ -18,12 +18,12 @@
         "debounce": "^1.2.0",
         "lightning-base-components": "1.12.3-alpha",
         "lodash.get": "^4.4.2",
-        "microtip": "0.2.2"
+        "microtip": "0.2.2",
+        "query-string": "^7.1.1"
     },
     "devDependencies": {
         "@types/classnames": "^2.2.10",
         "@types/debounce": "^1.2.0",
         "@types/lodash.get": "^4.4.6"
-    },
-    "gitHead": "2892ffcc573566253f854054c4186226dd182ef0"
+    }
 }

package/src/assets/svg/no-results-combined.svg

@@ -0,0 +1,80 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="587px" height="263px" viewBox="0 0 587 263" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>Group</title>
+    <defs>
+        <polygon id="path-1" points="5.68434189e-14 -1.42108547e-14 104.0624 -1.42108547e-14 104.0624 58.614 5.68434189e-14 58.614"></polygon>
+        <polygon id="path-3" points="0 0 2 0 2 9.9828 0 9.9828"></polygon>
+    </defs>
+    <g id="Media-Archive---WIP" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Archive---Combined---Search-Experience---No-Results" transform="translate(-538.000000, -844.000000)">
+            <g id="Group" transform="translate(538.000000, 844.000000)">
+                <g id="Group-83" transform="translate(0.000000, 38.000000)">
+                    <path d="M96.3132,21.6512 C94.9812,21.6512 93.8972,22.7352 93.8972,24.0682 C93.8972,25.4012 94.9812,26.4842 96.3132,26.4842 C97.6452,26.4842 98.7292,25.4012 98.7292,24.0682 C98.7292,22.7352 97.6452,21.6512 96.3132,21.6512 M96.3132,28.4842 C93.8782,28.4842 91.8972,26.5032 91.8972,24.0682 C91.8972,21.6322 93.8782,19.6512 96.3132,19.6512 C98.7482,19.6512 100.7292,21.6322 100.7292,24.0682 C100.7292,26.5032 98.7482,28.4842 96.3132,28.4842" id="Fill-1" fill="#3A49DA"></path>
+                    <path d="M118.0895,86.7826 C117.5415,86.7826 117.0955,86.3416 117.089458,85.7926 C117.0845,85.2406 117.5275,84.7876 118.0795,84.7826 L139.7665,84.5706 L139.7765,84.5706 C140.3235,84.5706 140.7705,85.0116 140.776527,85.5606 C140.7805,86.1126 140.3385,86.5646 139.7855,86.5706 L118.0995,86.7826 L118.0895,86.7826 Z" id="Fill-3" fill="#3A49DA"></path>
+                    <path d="M107.3757,73.0067 C106.8317,73.0067 106.3867,72.5717 106.3757,72.0267 C106.3647,71.4737 106.8047,71.0177 107.3557,71.0067 L118.3277,70.7947 L118.3477,70.7947 C118.8917,70.7947 119.3367,71.2297 119.3477,71.7757 C119.3577,72.3277 118.9187,72.7837 118.3667,72.7947 L107.3957,73.0067 L107.3757,73.0067 Z" id="Fill-5" fill="#3A49DA"></path>
+                    <path d="M101.0007,102.9374 C100.7297,102.9374 100.5107,103.1574 100.5107,103.4274 C100.5107,103.6974 100.7297,103.9164 101.0007,103.9164 C101.2707,103.9164 101.4897,103.6974 101.4897,103.4274 C101.4897,103.1574 101.2707,102.9374 101.0007,102.9374 M101.0007,104.9374 C100.1677,104.9374 99.4897,104.2594 99.4897,103.4274 C99.4897,102.5944 100.1677,101.9164 101.0007,101.9164 C101.8327,101.9164 102.5107,102.5944 102.5107,103.4274 C102.5107,104.2594 101.8327,104.9374 101.0007,104.9374" id="Fill-7" fill="#3A49DA"></path>
+                    <path d="M65.2858,59.5702 C65.0148,59.5702 64.7958,59.7902 64.7958,60.0602 C64.7958,60.3302 65.0148,60.5492 65.2858,60.5492 C65.5568,60.5492 65.7758,60.3302 65.7758,60.0602 C65.7758,59.7902 65.5568,59.5702 65.2858,59.5702 M65.2858,61.5702 C64.4538,61.5702 63.7758,60.8922 63.7758,60.0602 C63.7758,59.2272 64.4538,58.5492 65.2858,58.5492 C66.1178,58.5492 66.7958,59.2272 66.7958,60.0602 C66.7958,60.8922 66.1178,61.5702 65.2858,61.5702" id="Fill-9" fill="#3A49DA"></path>
+                    <path d="M76.5104,43.2435 C76.2394,43.2435 76.0204,43.4625 76.0204,43.7325 C76.0204,44.0035 76.2394,44.2225 76.5104,44.2225 C76.7814,44.2225 77.0004,44.0035 77.0004,43.7325 C77.0004,43.4625 76.7814,43.2435 76.5104,43.2435 M76.5104,45.2435 C75.6784,45.2435 75.0004,44.5655 75.0004,43.7325 C75.0004,42.9005 75.6784,42.2225 76.5104,42.2225 C77.3424,42.2225 78.0204,42.9005 78.0204,43.7325 C78.0204,44.5655 77.3424,45.2435 76.5104,45.2435" id="Fill-11" fill="#3A49DA"></path>
+                    <path d="M65.2858,92.7333 C65.0148,92.7333 64.7958,92.9533 64.7958,93.2233 C64.7958,93.4933 65.0148,93.7123 65.2858,93.7123 C65.5568,93.7123 65.7758,93.4933 65.7758,93.2233 C65.7758,92.9533 65.5568,92.7333 65.2858,92.7333 M65.2858,94.7333 C64.4538,94.7333 63.7758,94.0553 63.7758,93.2233 C63.7758,92.3903 64.4538,91.7123 65.2858,91.7123 C66.1178,91.7123 66.7958,92.3903 66.7958,93.2233 C66.7958,94.0553 66.1178,94.7333 65.2858,94.7333" id="Fill-13" fill="#3A49DA"></path>
+                    <path d="M76.5104,75.8968 C76.2394,75.8968 76.0204,76.1168 76.0204,76.3868 C76.0204,76.6568 76.2394,76.8758 76.5104,76.8758 C76.7814,76.8758 77.0004,76.6568 77.0004,76.3868 C77.0004,76.1168 76.7814,75.8968 76.5104,75.8968 M76.5104,77.8968 C75.6784,77.8968 75.0004,77.2188 75.0004,76.3868 C75.0004,75.5538 75.6784,74.8758 76.5104,74.8758 C77.3424,74.8758 78.0204,75.5538 78.0204,76.3868 C78.0204,77.2188 77.3424,77.8968 76.5104,77.8968" id="Fill-15" fill="#3A49DA"></path>
+                    <path d="M43.3474,26.9164 C43.0764,26.9164 42.8574,27.1364 42.8574,27.4064 C42.8574,27.6764 43.0764,27.8964 43.3474,27.8964 C43.6174,27.8964 43.8364,27.6764 43.8364,27.4064 C43.8364,27.1364 43.6174,26.9164 43.3474,26.9164 M43.3474,28.9164 C42.5144,28.9164 41.8364,28.2394 41.8364,27.4064 C41.8364,26.5744 42.5144,25.8964 43.3474,25.8964 C44.1794,25.8964 44.8574,26.5744 44.8574,27.4064 C44.8574,28.2394 44.1794,28.9164 43.3474,28.9164" id="Fill-17" fill="#3A49DA"></path>
+                    <path d="M43.3474,59.5702 C43.0764,59.5702 42.8574,59.7902 42.8574,60.0602 C42.8574,60.3302 43.0764,60.5492 43.3474,60.5492 C43.6174,60.5492 43.8364,60.3302 43.8364,60.0602 C43.8364,59.7902 43.6174,59.5702 43.3474,59.5702 M43.3474,61.5702 C42.5144,61.5702 41.8364,60.8922 41.8364,60.0602 C41.8364,59.2272 42.5144,58.5492 43.3474,58.5492 C44.1794,58.5492 44.8574,59.2272 44.8574,60.0602 C44.8574,60.8922 44.1794,61.5702 43.3474,61.5702" id="Fill-19" fill="#3A49DA"></path>
+                    <path d="M54.572,43.2435 C54.301,43.2435 54.082,43.4625 54.082,43.7325 C54.082,44.0035 54.301,44.2225 54.572,44.2225 C54.842,44.2225 55.061,44.0035 55.061,43.7325 C55.061,43.4625 54.842,43.2435 54.572,43.2435 M54.572,45.2435 C53.739,45.2435 53.061,44.5655 53.061,43.7325 C53.061,42.9005 53.739,42.2225 54.572,42.2225 C55.404,42.2225 56.082,42.9005 56.082,43.7325 C56.082,44.5655 55.404,45.2435 54.572,45.2435" id="Fill-21" fill="#3A49DA"></path>
+                    <path d="M43.3474,92.7333 C43.0764,92.7333 42.8574,92.9533 42.8574,93.2233 C42.8574,93.4933 43.0764,93.7123 43.3474,93.7123 C43.6174,93.7123 43.8364,93.4933 43.8364,93.2233 C43.8364,92.9533 43.6174,92.7333 43.3474,92.7333 M43.3474,94.7333 C42.5144,94.7333 41.8364,94.0553 41.8364,93.2233 C41.8364,92.3903 42.5144,91.7123 43.3474,91.7123 C44.1794,91.7123 44.8574,92.3903 44.8574,93.2233 C44.8574,94.0553 44.1794,94.7333 43.3474,94.7333" id="Fill-23" fill="#3A49DA"></path>
+                    <path d="M54.572,75.8968 C54.301,75.8968 54.082,76.1168 54.082,76.3868 C54.082,76.6568 54.301,76.8758 54.572,76.8758 C54.842,76.8758 55.061,76.6568 55.061,76.3868 C55.061,76.1168 54.842,75.8968 54.572,75.8968 M54.572,77.8968 C53.739,77.8968 53.061,77.2188 53.061,76.3868 C53.061,75.5538 53.739,74.8758 54.572,74.8758 C55.404,74.8758 56.082,75.5538 56.082,76.3868 C56.082,77.2188 55.404,77.8968 54.572,77.8968" id="Fill-25" fill="#3A49DA"></path>
+                    <path d="M21.4079,59.5702 C21.1369,59.5702 20.9179,59.7902 20.9179,60.0602 C20.9179,60.3302 21.1369,60.5492 21.4079,60.5492 C21.6789,60.5492 21.8979,60.3302 21.8979,60.0602 C21.8979,59.7902 21.6789,59.5702 21.4079,59.5702 M21.4079,61.5702 C20.5759,61.5702 19.8979,60.8922 19.8979,60.0602 C19.8979,59.2272 20.5759,58.5492 21.4079,58.5492 C22.2399,58.5492 22.9179,59.2272 22.9179,60.0602 C22.9179,60.8922 22.2399,61.5702 21.4079,61.5702" id="Fill-27" fill="#3A49DA"></path>
+                    <path d="M32.6325,43.2435 C32.3615,43.2435 32.1425,43.4625 32.1425,43.7325 C32.1425,44.0035 32.3615,44.2225 32.6325,44.2225 C32.9035,44.2225 33.1225,44.0035 33.1225,43.7325 C33.1225,43.4625 32.9035,43.2435 32.6325,43.2435 M32.6325,45.2435 C31.8005,45.2435 31.1225,44.5655 31.1225,43.7325 C31.1225,42.9005 31.8005,42.2225 32.6325,42.2225 C33.4645,42.2225 34.1425,42.9005 34.1425,43.7325 C34.1425,44.5655 33.4645,45.2435 32.6325,45.2435" id="Fill-29" fill="#3A49DA"></path>
+                    <path d="M21.4079,92.7333 C21.1369,92.7333 20.9179,92.9533 20.9179,93.2233 C20.9179,93.4933 21.1369,93.7123 21.4079,93.7123 C21.6789,93.7123 21.8979,93.4933 21.8979,93.2233 C21.8979,92.9533 21.6789,92.7333 21.4079,92.7333 M21.4079,94.7333 C20.5759,94.7333 19.8979,94.0553 19.8979,93.2233 C19.8979,92.3903 20.5759,91.7123 21.4079,91.7123 C22.2399,91.7123 22.9179,92.3903 22.9179,93.2233 C22.9179,94.0553 22.2399,94.7333 21.4079,94.7333" id="Fill-31" fill="#3A49DA"></path>
+                    <path d="M32.6325,75.8968 C32.3615,75.8968 32.1425,76.1168 32.1425,76.3868 C32.1425,76.6568 32.3615,76.8758 32.6325,76.8758 C32.9035,76.8758 33.1225,76.6568 33.1225,76.3868 C33.1225,76.1168 32.9035,75.8968 32.6325,75.8968 M32.6325,77.8968 C31.8005,77.8968 31.1225,77.2188 31.1225,76.3868 C31.1225,75.5538 31.8005,74.8758 32.6325,74.8758 C33.4645,74.8758 34.1425,75.5538 34.1425,76.3868 C34.1425,77.2188 33.4645,77.8968 32.6325,77.8968" id="Fill-33" fill="#3A49DA"></path>
+                    <path d="M10.6931,43.2435 C10.4231,43.2435 10.2041,43.4625 10.2041,43.7325 C10.2041,44.0035 10.4231,44.2225 10.6931,44.2225 C10.9641,44.2225 11.1831,44.0035 11.1831,43.7325 C11.1831,43.4625 10.9641,43.2435 10.6931,43.2435 M10.6931,45.2435 C9.8611,45.2435 9.1831,44.5655 9.1831,43.7325 C9.1831,42.9005 9.8611,42.2225 10.6931,42.2225 C11.5261,42.2225 12.2041,42.9005 12.2041,43.7325 C12.2041,44.5655 11.5261,45.2435 10.6931,45.2435" id="Fill-35" fill="#3A49DA"></path>
+                    <path d="M10.6931,75.8968 C10.4231,75.8968 10.2041,76.1168 10.2041,76.3868 C10.2041,76.6568 10.4231,76.8758 10.6931,76.8758 C10.9641,76.8758 11.1831,76.6568 11.1831,76.3868 C11.1831,76.1168 10.9641,75.8968 10.6931,75.8968 M10.6931,77.8968 C9.8611,77.8968 9.1831,77.2188 9.1831,76.3868 C9.1831,75.5538 9.8611,74.8758 10.6931,74.8758 C11.5261,74.8758 12.2041,75.5538 12.2041,76.3868 C12.2041,77.2188 11.5261,77.8968 10.6931,77.8968" id="Fill-37" fill="#3A49DA"></path>
+                    <path d="M44.112,23.8143 C20.891,23.8143 2,42.7063 2,65.9273 C2,89.1483 20.891,108.0403 44.112,108.0403 C67.334,108.0403 86.225,89.1483 86.225,65.9273 C86.225,42.7063 67.334,23.8143 44.112,23.8143 M44.112,110.0403 C19.789,110.0403 2.13162821e-14,90.2513 2.13162821e-14,65.9273 C2.13162821e-14,41.6033 19.789,21.8143 44.112,21.8143 C68.436,21.8143 88.225,41.6033 88.225,65.9273 C88.225,90.2513 68.436,110.0403 44.112,110.0403" id="Fill-39" fill="#3A49DA"></path>
+                    <path d="M81.403,113.1317 L80.026,116.8547 C79.828,117.3967 79.4,117.8237 78.854,118.0267 L75.091,119.4187 L78.855,120.7797 C79.4,120.9817 79.828,121.4087 80.027,121.9527 L81.419,125.7157 L82.781,121.9507 C82.979,121.4087 83.407,120.9817 83.953,120.7787 L87.715,119.3867 L83.952,118.0257 C83.407,117.8237 82.979,117.3967 82.78,116.8527 L81.403,113.1317 Z M81.404,127.7037 C80.565,127.7037 79.836,127.1957 79.544,126.4097 L78.151,122.6447 L74.396,121.2617 C73.61,120.9717 73.102,120.2407 73.102,119.4027 C73.102,118.5647 73.61,117.8337 74.397,117.5437 L78.16,116.1507 L79.544,112.3967 L79.544,112.3957 C79.836,111.6097 80.565,111.1017 81.404,111.1017 C82.242,111.1017 82.971,111.6097 83.263,112.3957 L84.656,116.1607 L88.411,117.5437 C89.197,117.8337 89.705,118.5647 89.705,119.4027 C89.705,120.2407 89.197,120.9717 88.41,121.2617 L84.647,122.6547 L83.263,126.4087 C82.971,127.1957 82.242,127.7037 81.404,127.7037 L81.404,127.7037 Z" id="Fill-41" fill="#3A49DA"></path>
+                    <path d="M509.7487,160.1747 L504.8377,160.1747 C499.8217,160.1747 495.7407,156.0937 495.7407,151.0767 C495.7407,146.0617 499.8217,141.9807 504.8377,141.9807 L511.6207,141.9807 C512.1737,141.9807 512.6207,142.4277 512.6207,142.9807 C512.6207,143.5327 512.1737,143.9807 511.6207,143.9807 L504.8377,143.9807 C500.9247,143.9807 497.7407,147.1637 497.7407,151.0767 C497.7407,154.9907 500.9247,158.1747 504.8377,158.1747 L509.7487,158.1747 C510.3017,158.1747 510.7487,158.6217 510.7487,159.1747 C510.7487,159.7277 510.3017,160.1747 509.7487,160.1747" id="Fill-43" fill="#3A49DA"></path>
+                    <path d="M548.0505,160.1747 L546.6545,160.1747 C546.1025,160.1747 545.6545,159.7277 545.6545,159.1747 C545.6545,158.6217 546.1025,158.1747 546.6545,158.1747 L548.0505,158.1747 C551.9645,158.1747 555.1485,154.9907 555.1485,151.0767 C555.1485,147.1637 551.9645,143.9807 548.0505,143.9807 L536.6255,143.9807 C536.0725,143.9807 535.6255,143.5327 535.6255,142.9807 C535.6255,142.4277 536.0725,141.9807 536.6255,141.9807 L548.0505,141.9807 C553.0675,141.9807 557.1485,146.0617 557.1485,151.0767 C557.1485,156.0937 553.0675,160.1747 548.0505,160.1747" id="Fill-45" fill="#3A49DA"></path>
+                    <path d="M539.7048,164.3632 C539.5408,164.3632 539.3748,164.3232 539.2218,164.2382 C538.7378,163.9702 538.5628,163.3622 538.8308,162.8792 C540.4338,159.9812 543.4858,158.1812 546.7948,158.1812 C547.3478,158.1812 547.7948,158.6292 547.7948,159.1812 C547.7948,159.7342 547.3478,160.1812 546.7948,160.1812 C544.2138,160.1812 541.8318,161.5862 540.5808,163.8472 C540.3978,164.1772 540.0568,164.3632 539.7048,164.3632" id="Fill-47" fill="#3A49DA"></path>
+                    <g id="Group-51" transform="translate(481.967300, 166.279400)">
+                        <mask id="mask-2" fill="white">
+                            <use xlink:href="#path-1"></use>
+                        </mask>
+                        <g id="Clip-50"></g>
+                        <path d="M52.214,58.614 L9.098,58.614 C4.081,58.614 5.68434189e-14,54.533 5.68434189e-14,49.516 C5.68434189e-14,44.5 4.081,40.419 9.098,40.419 L13.502,40.419 C15.519,40.156 17.326,39.036 18.469,37.341 C18.776,36.882 19.401,36.76 19.857,37.07 C20.315,37.379 20.436,38 20.127,38.458 C18.65,40.651 16.302,42.093 13.686,42.411 L13.565,42.419 L9.098,42.419 C5.184,42.419 2,45.602 2,49.516 C2,53.43 5.184,56.614 9.098,56.614 L52.214,56.614 C56.127,56.614 59.311,53.43 59.311,49.516 C59.311,45.602 56.127,42.419 52.214,42.419 L43.764,42.411 C39.211,41.856 35.777,37.977 35.777,33.388 C35.777,28.375 39.857,24.294 44.869,24.291 L94.966,24.291 C98.879,24.291 102.063,21.107 102.063,17.194 C102.063,13.28 98.879,10.096 94.966,10.096 L64.822,10.096 C61.4,10.094 58.3,8.201 56.733,5.155 C56.068,3.861 55.731,2.464 55.731,1 C55.731,0.447 56.178,-1.42108547e-14 56.731,-1.42108547e-14 C57.283,-1.42108547e-14 57.731,0.447 57.731,1 C57.731,2.142 57.993,3.233 58.512,4.241 C59.735,6.617 62.152,8.094 64.823,8.096 L94.966,8.096 C99.982,8.096 104.063,12.177 104.063,17.194 C104.063,22.21 99.982,26.291 94.966,26.291 L44.87,26.291 C40.959,26.294 37.777,29.477 37.777,33.388 C37.777,36.948 40.426,39.96 43.947,40.419 L52.214,40.419 C57.23,40.419 61.311,44.5 61.311,49.516 C61.311,54.533 57.23,58.614 52.214,58.614" id="Fill-49" fill="#3A49DA" mask="url(#mask-2)"></path>
+                    </g>
+                    <path d="M502.6393,200.6678 C502.0863,200.6678 501.6393,200.2208 501.6393,199.6678 C501.6393,195.7568 498.4563,192.5728 494.5443,192.5698 L470.5623,192.5698 C465.5453,192.5698 461.4643,188.4888 461.4643,183.4738 C461.4643,178.4568 465.5453,174.3758 470.5623,174.3758 L514.3593,174.3758 C518.2693,174.3738 521.4513,171.1898 521.4513,167.2788 C521.4513,163.3648 518.2673,160.1818 514.3543,160.1818 C513.8013,160.1818 513.3543,159.7338 513.3543,159.1818 C513.3543,158.6288 513.8013,158.1818 514.3543,158.1818 C519.3693,158.1818 523.4513,162.2628 523.4513,167.2788 C523.4513,172.2928 519.3723,176.3738 514.3593,176.3758 L470.5623,176.3758 C466.6483,176.3758 463.4643,179.5598 463.4643,183.4738 C463.4643,187.3868 466.6483,190.5698 470.5623,190.5698 L494.5453,190.5698 C499.5603,190.5728 503.6393,194.6548 503.6393,199.6678 C503.6393,200.2208 503.1923,200.6678 502.6393,200.6678" id="Fill-52" fill="#3A49DA"></path>
+                    <path d="M558.5024,202.1946 L560.1294,202.7966 C560.5834,202.9646 560.9394,203.3206 561.1074,203.7726 L561.7094,205.4016 L562.3124,203.7746 C562.4814,203.3196 562.8364,202.9636 563.2894,202.7956 L564.9164,202.1946 L563.2894,201.5916 C562.8364,201.4246 562.4814,201.0696 562.3124,200.6166 L561.7094,198.9876 L561.1074,200.6146 C560.9394,201.0686 560.5834,201.4236 560.1314,201.5916 L558.5024,202.1946 Z M561.7094,208.0526 L561.7074,208.0526 C561.0084,208.0526 560.4004,207.6276 560.1584,206.9716 L559.2864,204.6166 L556.9314,203.7446 C556.2754,203.5016 555.8514,202.8936 555.8514,202.1946 C555.8514,201.4946 556.2754,200.8866 556.9304,200.6436 L559.2864,199.7716 L560.1594,197.4156 C560.4014,196.7576 561.0414,196.3006 561.7094,196.3356 C562.4084,196.3356 563.0174,196.7596 563.2604,197.4146 L564.1324,199.7716 L566.4874,200.6436 C567.1434,200.8866 567.5674,201.4946 567.5674,202.1946 C567.5674,202.8936 567.1434,203.5016 566.4884,203.7446 L564.1324,204.6166 L563.2604,206.9726 C563.0174,207.6286 562.4084,208.0526 561.7094,208.0526 L561.7094,208.0526 Z" id="Fill-54" fill="#3A49DA"></path>
+                    <path d="M524.6852,135.8798 C520.7722,135.8798 517.5882,139.0638 517.5882,142.9778 C517.5882,146.8908 520.7722,150.0738 524.6852,150.0738 C528.5992,150.0738 531.7832,146.8908 531.7832,142.9778 C531.7832,139.0638 528.5992,135.8798 524.6852,135.8798 M524.6852,152.0738 C519.6692,152.0738 515.5882,147.9928 515.5882,142.9778 C515.5882,137.9608 519.6692,133.8798 524.6852,133.8798 C529.7022,133.8798 533.7832,137.9608 533.7832,142.9778 C533.7832,147.9928 529.7022,152.0738 524.6852,152.0738" id="Fill-56" fill="#3A49DA"></path>
+                    <path d="M546.8327,168.0673 L534.9777,168.0673 C534.4247,168.0673 533.9777,167.6203 533.9777,167.0673 C533.9777,166.5143 534.4247,166.0673 534.9777,166.0673 L546.8327,166.0673 C547.3857,166.0673 547.8327,166.5143 547.8327,167.0673 C547.8327,167.6203 547.3857,168.0673 546.8327,168.0673" id="Fill-58" fill="#3A49DA"></path>
+                    <path d="M554.4997,168.0673 L552.7037,168.0673 C552.1507,168.0673 551.7037,167.6203 551.7037,167.0673 C551.7037,166.5143 552.1507,166.0673 552.7037,166.0673 L554.4997,166.0673 C555.0527,166.0673 555.4997,166.5143 555.4997,167.0673 C555.4997,167.6203 555.0527,168.0673 554.4997,168.0673" id="Fill-60" fill="#3A49DA"></path>
+                    <path d="M506.4138,200.7391 L493.7028,200.7391 C493.1498,200.7391 492.7028,200.2921 492.7028,199.7391 C492.7028,199.1861 493.1498,198.7391 493.7028,198.7391 L506.4138,198.7391 C506.9668,198.7391 507.4138,199.1861 507.4138,199.7391 C507.4138,200.2921 506.9668,200.7391 506.4138,200.7391" id="Fill-62" fill="#3A49DA"></path>
+                    <path d="M511.2719,199.7391 C511.2719,200.1861 510.9089,200.5491 510.4619,200.5491 C510.0149,200.5491 509.6529,200.1861 509.6529,199.7391 C509.6529,199.2921 510.0149,198.9291 510.4619,198.9291 C510.9089,198.9291 511.2719,199.2921 511.2719,199.7391" id="Fill-64" fill="#3A49DA"></path>
+                    <path d="M471.2388,215.7182 C471.2388,216.8362 470.3328,217.7422 469.2148,217.7422 C468.0968,217.7422 467.1898,216.8362 467.1898,215.7182 C467.1898,214.6002 468.0968,213.6942 469.2148,213.6942 C470.3328,213.6942 471.2388,214.6002 471.2388,215.7182" id="Fill-66" fill="#3A49DA"></path>
+                    <path d="M489.3835,171.3192 C488.8305,171.3192 488.3835,170.8722 488.3835,170.3192 L488.3835,163.8612 C488.3835,163.3082 488.8305,162.8612 489.3835,162.8612 C489.9365,162.8612 490.3835,163.3082 490.3835,163.8612 L490.3835,170.3192 C490.3835,170.8722 489.9365,171.3192 489.3835,171.3192" id="Fill-68" fill="#3A49DA"></path>
+                    <path d="M492.612,168.0917 L486.148,168.0917 C485.595,168.0917 485.148,167.6447 485.148,167.0917 C485.148,166.5387 485.595,166.0917 486.148,166.0917 L492.612,166.0917 C493.165,166.0917 493.612,166.5387 493.612,167.0917 C493.612,167.6447 493.165,168.0917 492.612,168.0917" id="Fill-70" fill="#3A49DA"></path>
+                    <path d="M356.6727,169.6882 C356.6727,173.1262 353.8857,175.9132 350.4477,175.9132 C347.0087,175.9132 344.2217,173.1262 344.2217,169.6882 C344.2217,166.2502 347.0087,163.4632 350.4477,163.4632 C353.8857,163.4632 356.6727,166.2502 356.6727,169.6882" id="Fill-72" fill="#CFE9FE"></path>
+                    <path d="M297.191,212.2839 L154.586,212.2839 C147.591,212.2839 141.92,206.6139 141.92,199.6189 L141.92,199.6189 C141.92,192.6239 147.591,186.9539 154.586,186.9539 L297.191,186.9539 C304.186,186.9539 309.856,192.6239 309.856,199.6189 L309.856,199.6189 C309.856,206.6139 304.186,212.2839 297.191,212.2839" id="Fill-74" fill="#CFE9FE"></path>
+                    <path d="M470.8005,200.8602 L115.2335,200.8602 C76.5475,200.8602 45.0735,169.3862 45.0735,130.7012 C45.0735,130.1482 45.5215,129.7012 46.0735,129.7012 C46.6265,129.7012 47.0735,130.1482 47.0735,130.7012 C47.0735,168.2842 77.6505,198.8602 115.2335,198.8602 L470.8005,198.8602 C471.3535,198.8602 471.8005,199.3072 471.8005,199.8602 C471.8005,200.4132 471.3535,200.8602 470.8005,200.8602" id="Fill-76" fill="#3A49DA"></path>
+                    <path d="M20.529,5.996 L12.554,5.996 C12.002,5.996 11.554,5.548 11.554,4.996 C11.554,4.444 12.002,3.996 12.554,3.996 L20.529,3.996 C21.082,3.996 21.529,4.444 21.529,4.996 C21.529,5.548 21.082,5.996 20.529,5.996" id="Fill-78" fill="#3A49DA"></path>
+                    <g id="Group-82" transform="translate(15.539700, 0.000000)">
+                        <mask id="mask-4" fill="white">
+                            <use xlink:href="#path-3"></use>
+                        </mask>
+                        <g id="Clip-81"></g>
+                        <path d="M1,9.9828 C0.447,9.9828 0,9.5348 0,8.9828 L0,0.9998 C0,0.4478 0.447,-0.0002 1,-0.0002 C1.553,-0.0002 2,0.4478 2,0.9998 L2,8.9828 C2,9.5348 1.553,9.9828 1,9.9828" id="Fill-80" fill="#3A49DA" mask="url(#mask-4)"></path>
+                    </g>
+                </g>
+                <g id="Group-21" transform="translate(120.000000, 0.000000)">
+                    <path d="M301.9725,40.1102 L229.3675,40.1102 C222.3725,40.1102 216.7015,34.4402 216.7015,27.4452 L216.7015,27.4452 C216.7015,20.4502 222.3725,14.7802 229.3675,14.7802 L301.9725,14.7802 C308.9675,14.7802 314.6375,20.4502 314.6375,27.4452 L314.6375,27.4452 C314.6375,34.4402 308.9675,40.1102 301.9725,40.1102" id="Fill-1" fill="#CFE9FE"></path>
+                    <path d="M179.4766,2 L164.8346,2 C164.2826,2 163.8346,1.552 163.8346,1 C163.8346,0.448 164.2826,0 164.8346,0 L179.4766,0 C180.0296,0 180.4766,0.448 180.4766,1 C180.4766,1.552 180.0296,2 179.4766,2" id="Fill-3" fill="#3A49DA"></path>
+                    <path d="M188.9443,2 L184.3763,2 C183.8233,2 183.3763,1.552 183.3763,1 C183.3763,0.448 183.8233,0 184.3763,0 L188.9443,0 C189.4973,0 189.9443,0.448 189.9443,1 C189.9443,1.552 189.4973,2 188.9443,2" id="Fill-5" fill="#3A49DA"></path>
+                    <path d="M11,19.8301 C6.037,19.8301 2,23.8681 2,28.8301 C2,33.7921 6.037,37.8301 11,37.8301 C15.963,37.8301 20,33.7921 20,28.8301 C20,23.8681 15.963,19.8301 11,19.8301 M11,39.8301 C4.935,39.8301 0,34.8951 0,28.8301 C0,22.7651 4.935,17.8301 11,17.8301 C17.065,17.8301 22,22.7651 22,28.8301 C22,34.8951 17.065,39.8301 11,39.8301" id="Fill-7" fill="#3A49DA"></path>
+                    <path d="M415.3105,47.8222 L407.3355,47.8222 C406.7835,47.8222 406.3355,47.3742 406.3355,46.8222 C406.3355,46.2702 406.7835,45.8222 407.3355,45.8222 L415.3105,45.8222 C415.8635,45.8222 416.3105,46.2702 416.3105,46.8222 C416.3105,47.3742 415.8635,47.8222 415.3105,47.8222" id="Fill-9" fill="#3A49DA"></path>
+                    <path d="M411.3213,51.8091 C410.7683,51.8091 410.3213,51.3611 410.3213,50.8091 L410.3213,42.8261 C410.3213,42.2741 410.7683,41.8261 411.3213,41.8261 C411.8743,41.8261 412.3213,42.2741 412.3213,42.8261 L412.3213,50.8091 C412.3213,51.3611 411.8743,51.8091 411.3213,51.8091" id="Fill-11" fill="#3A49DA"></path>
+                    <path d="M386.9072,24.0425 L378.9312,24.0425 C378.3792,24.0425 377.9312,23.5945 377.9312,23.0425 C377.9312,22.4905 378.3792,22.0425 378.9312,22.0425 L386.9072,22.0425 C387.4602,22.0425 387.9072,22.4905 387.9072,23.0425 C387.9072,23.5945 387.4602,24.0425 386.9072,24.0425" id="Fill-13" fill="#3A49DA"></path>
+                    <path d="M382.918,28.0293 C382.365,28.0293 381.918,27.5813 381.918,27.0293 L381.918,19.0463 C381.918,18.4943 382.365,18.0463 382.918,18.0463 C383.471,18.0463 383.918,18.4943 383.918,19.0463 L383.918,27.0293 C383.918,27.5813 383.471,28.0293 382.918,28.0293" id="Fill-15" fill="#3A49DA"></path>
+                    <path d="M408.4258,13.7983 C408.2788,13.7983 408.2388,13.9023 408.2268,13.9373 L406.5098,18.5763 C406.2848,19.1833 405.8088,19.6593 405.2038,19.8833 L400.5638,21.6003 C400.5298,21.6123 400.4248,21.6513 400.4248,21.7983 C400.4248,21.9453 400.5298,21.9843 400.5638,21.9973 L405.2028,23.7143 C405.8088,23.9383 406.2848,24.4143 406.5098,25.0193 L408.2268,29.6603 C408.2388,29.6943 408.2788,29.7983 408.4258,29.7983 C408.5718,29.7983 408.6118,29.6943 408.6238,29.6603 L410.3408,25.0203 C410.5658,24.4143 411.0418,23.9383 411.6468,23.7143 L416.2868,21.9973 C416.3208,21.9853 416.4248,21.9463 416.4248,21.7983 C416.4248,21.6513 416.3208,21.6123 416.2858,21.6003 L411.6478,19.8833 C411.0418,19.6593 410.5658,19.1833 410.3408,18.5773 L408.6238,13.9373 C408.6118,13.9023 408.5718,13.7983 408.4258,13.7983 M408.4258,31.7983 C407.4898,31.7983 406.6758,31.2323 406.3518,30.3543 L404.6348,25.7153 C404.6128,25.6573 404.5678,25.6113 404.5088,25.5903 L399.8698,23.8733 C398.9918,23.5483 398.4248,22.7343 398.4248,21.7983 C398.4248,20.8633 398.9918,20.0483 399.8698,19.7243 L404.5098,18.0073 C404.5678,17.9853 404.6128,17.9403 404.6348,17.8813 L406.3518,13.2423 C406.6758,12.3653 407.4898,11.7983 408.4258,11.7983 C409.3608,11.7983 410.1748,12.3653 410.4988,13.2423 L412.2158,17.8823 C412.2378,17.9403 412.2828,17.9853 412.3418,18.0073 L416.9818,19.7243 C417.8588,20.0493 418.4248,20.8633 418.4248,21.7983 C418.4248,22.7343 417.8588,23.5483 416.9818,23.8733 L412.3408,25.5903 C412.2828,25.6113 412.2378,25.6573 412.2158,25.7153 L410.4988,30.3543 C410.1748,31.2323 409.3608,31.7983 408.4258,31.7983" id="Fill-17" fill="#3A49DA"></path>
+                    <path d="M404.582,98.6865 C404.029,98.6865 403.582,98.2385 403.582,97.6865 C403.582,60.1035 373.006,29.5275 335.423,29.5275 L29.855,29.5275 C29.303,29.5275 28.855,29.0795 28.855,28.5275 C28.855,27.9755 29.303,27.5275 29.855,27.5275 L335.423,27.5275 C374.108,27.5275 405.582,59.0005 405.582,97.6865 C405.582,98.2385 405.135,98.6865 404.582,98.6865" id="Fill-19" fill="#3A49DA"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/modules/dx/button/button.css

@@ -31,6 +31,10 @@
     opacity: 1;
 }
 
+.button:focus:not(:focus-visible) {
+    outline: none;
+}
+
 .button.variant_inline-inherit {
     font-size: inherit;
     text-transform: inherit;

package/src/modules/dx/cardExpanded/cardExpanded.css

@@ -8,7 +8,8 @@ dx-card-title:hover {
     --dx-c-card-title-color: var(--dx-g-blue-vibrant-40);
 }
 
-dx-formatted-date-time {
+dx-formatted-date-time,
+.podcast-length {
     /* Push down a little to align with dx-image-and-label */
     margin-top: 3px;
 }

package/src/modules/dx/cardExpanded/cardExpanded.html

@@ -15,11 +15,10 @@
         <div class="card-extra-info dx-text-label-1-dark">
             <dx-image-and-label
                 if:true={renderAuthor}
-                href={authorHref}
                 img-src={authorImage}
                 label={authorLabel}
             ></dx-image-and-label>
-            <span if:true={renderLength}>{length}</span>
+            <span class="podcast-length" if:true={renderLength}>{length}</span>
             <span if:true={renderDot} class="card-dot-separator"></span>
             <dx-formatted-date-time
                 if:true={date}

package/src/modules/dx/cardExpanded/cardExpanded.ts

@@ -7,7 +7,6 @@ export default class ExpandedCard extends ArchiveCard {
     @api date: string | null = null;
     @api topics: Array<string> = [];
     @api authorLabel?: string | null = null;
-    @api authorHref?: string | null = null;
     @api authorImgSrc?: string | null = null;
     @api length?: string;
 

package/src/modules/dx/checkbox/checkbox.ts

@@ -11,6 +11,7 @@ export default class Checkbox extends LightningElement {
     @api value!: string;
 
     private _checked: boolean = false;
+
     @api
     get checked(): boolean {
         return this._checked;

package/src/modules/dx/checkboxNative/checkboxNative.css

@@ -0,0 +1,21 @@
+:host {
+    --dx-c-filter-menu-font-weight: normal;
+}
+
+input,
+span {
+    vertical-align: middle;
+    cursor: pointer;
+    -webkit-user-select: none; /* Safari 3.1+ */
+    -moz-user-select: none; /* Firefox 2+ */
+    -ms-user-select: none; /* IE 10+ */
+    user-select: none;
+}
+
+span {
+    color: var(--sds-g-gray-11);
+    font-size: 13px;
+    font-weight: var(--dx-c-filter-menu-font-weight);
+    font-family: var(--dx-g-font-sans);
+    margin-left: 8px;
+}

package/src/modules/dx/checkboxNative/checkboxNative.html

@@ -0,0 +1,14 @@
+<template>
+    <label>
+        <input
+            name={name}
+            type="checkbox"
+            checked={checked}
+            onchange={onChange}
+        />
+        <span>
+            {label}
+            <slot></slot>
+        </span>
+    </label>
+</template>

package/src/modules/dx/checkboxNative/checkboxNative.ts

@@ -0,0 +1,38 @@
+import { LightningElement, api } from "lwc";
+
+export default class CheckboxNative extends LightningElement {
+    @api value!: string;
+    @api label?: string;
+
+    private _checked: boolean = false;
+    private _indeterminate: boolean = false;
+
+    @api
+    get checked(): boolean {
+        return this._checked;
+    }
+    set checked(value: boolean) {
+        this._checked = value;
+    }
+
+    @api
+    get indeterminate(): boolean {
+        return this._indeterminate;
+    }
+    set indeterminate(value: boolean) {
+        this.template.querySelector("input").indeterminate = value;
+    }
+
+    private onChange(e: InputEvent) {
+        this._checked = ((e.currentTarget as HTMLInputElement) || {}).checked;
+        this.dispatchEvent(
+            new CustomEvent("change", {
+                detail: {
+                    originalEvent: e,
+                    checked: this._checked,
+                    value: this.value
+                }
+            })
+        );
+    }
+}

package/src/modules/dx/contentArchive/contentArchive.css

@@ -0,0 +1,246 @@
+@import "helpers/reset";
+
+.container {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    width: 100%;
+    padding: 0 40px;
+    max-width: 1390px;
+    margin: 0 auto;
+}
+
+.modal-loading {
+    padding: 16px;
+}
+
+.filter-container {
+    width: 100%;
+}
+
+.filter-header-container {
+    display: flex;
+    justify-content: space-between;
+}
+
+.filter-clear-btn {
+    color: var(--dx-g-blue-vibrant-50);
+    font-family: var(--dx-g-font-display);
+    font-size: 14px;
+}
+
+.results-heading,
+.posts-month {
+    color: var(--dx-g-text-heading-color);
+    font-family: var(--dx-g-font-display);
+    font-size: 20px;
+    letter-spacing: -0.4px;
+    line-height: 28px;
+    margin-top: 40px;
+}
+
+.posts-month {
+    margin-bottom: 11px;
+}
+
+hr {
+    margin-top: 20px;
+    margin-bottom: 28px;
+}
+
+.content-container {
+    width: 100%;
+}
+
+.content-info-container {
+    display: flex;
+    justify-content: space-between;
+    margin-top: 60px;
+}
+
+.card-type-group {
+    display: flex;
+}
+
+.min-card-btn,
+.exp-card-btn {
+    font-size: 14px;
+    color: var(--dx-g-blue-vibrant-20);
+    font-family: var(--dx-g-font-display);
+}
+
+.btn-active {
+    color: var(--dx-g-blue-vibrant-50);
+    text-decoration: underline 2px;
+    text-underline-offset: 2px;
+}
+
+.min-card-btn {
+    margin-left: 10px;
+}
+
+.min-card-btn:hover,
+.exp-card-btn:hover {
+    color: var(--dx-g-blue-vibrant-50);
+}
+
+button:focus,
+button:active {
+    outline: none;
+}
+
+.spinner-container {
+    position: relative;
+    margin-top: 85px;
+}
+
+.pagination-container {
+    display: flex;
+    justify-content: center;
+    margin-top: 36px;
+}
+
+.empty-state-container {
+    background-image: url(/assets/svg/no-results-combined.svg);
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: contain;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 170px;
+    width: 100%;
+}
+
+.empty-state-text {
+    color: var(--dx-g-blue-vibrant-20);
+    font-family: var(--dx-g-font-display);
+    font-size: 12px;
+    text-align: center;
+    width: 130px;
+}
+
+.filter-title {
+    font-family: var(--dx-g-font-display);
+    font-size: var(--dx-g-text-lg);
+}
+
+.filter-content {
+    color: var(--dx-g-blue-vibrant-50);
+    font-family: var(--dx-g-font-display);
+    font-size: 14px;
+    width: 100%;
+    height: 100%;
+    display: inline-flex;
+}
+
+dx-modal-drawer {
+    width: 300px;
+}
+
+dx-icon {
+    display: inline;
+    margin-left: 5px;
+}
+
+.content-page-length {
+    font-size: 14px;
+}
+
+dx-card-minimal:not(first-of-type) {
+    margin-top: 14px;
+}
+
+dx-card-expanded:not(:first-of-type) {
+    margin-top: 22.5px;
+}
+
+dx-filter-menu {
+    --dx-c-filter-menu-margin: 16px 0;
+}
+
+.filter-chips-container {
+    display: flex;
+    flex-direction: column;
+    gap: 25px;
+    margin-top: 23px;
+}
+
+.chip-item-container {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: 8px;
+}
+
+.chip-title,
+.chip-item {
+    font-size: 14px;
+    font-family: var(--dx-g-font-sans);
+}
+
+.chip-title {
+    font-weight: bold;
+    color: rgb(24, 24, 24);
+}
+
+.chip-item {
+    border: 2px solid rgb(92, 92, 92);
+    border-radius: 4px;
+    color: rgb(92, 92, 92);
+    font-weight: 600;
+    padding: 2px 4px;
+}
+
+.chip-item dx-button {
+    margin-left: 4px;
+
+    --dx-c-button-primary-color: inherit;
+}
+
+/* TABLET */
+@media screen and (min-width: 768px) {
+    .container {
+        flex-direction: row;
+    }
+
+    .filter-container {
+        margin-top: 56px;
+        min-width: 220px;
+        max-width: 300px;
+    }
+
+    .empty-state-container {
+        background-size: 550px 100%;
+        height: 250px;
+    }
+
+    .empty-state-text {
+        font-size: 18px;
+        width: 177px;
+    }
+
+    .content-container {
+        margin-left: 30.5px;
+    }
+
+    .results-heading {
+        font-size: 24px;
+    }
+}
+
+/* DESKTOP */
+@media screen and (min-width: 1024px) {
+    .content-container {
+        margin-left: 62px;
+    }
+
+    .empty-state-container {
+        height: 350px;
+    }
+
+    .results-heading {
+        font-size: 32px;
+        margin-top: 42px;
+    }
+}