@salesforcedevs/mrkt-components 0.0.0-alpha.0

package/lwc.config.json

@@ -0,0 +1,21 @@
+{
+    "modules": [
+        { "dir": "src/modules" },
+        { "npm": "@salesforcedevs/dx-components" }
+    ],
+    "expose": [
+        "mrkt/ctaSection",
+        "mrkt/fullImgSection",
+        "mrkt/noCodeSection",
+        "mrkt/rectangularHeading",
+        "mrkt/sectionHeader",
+        "mrkt/socials",
+        "mrkt/subNavBar",
+        "mrkt/tdxSection",
+        "mrkt/threeColListSection",
+        "mrkt/twoColListSection",
+        "mrkt/twoColPanelSection",
+        "mrkt/twoColSection",
+        "mrkt/videoPlayerSection"
+    ]
+}

package/package.json

@@ -0,0 +1,18 @@
+{
+    "name": "@salesforcedevs/mrkt-components",
+    "version": "0.0.0-alpha.0",
+    "description": "Marketing Lightning web components for DSC",
+    "license": "MIT",
+    "engines": {
+        "node": ">= 14.x"
+    },
+    "publishConfig": {
+        "access": "public"
+    },
+    "dependencies": {
+        "classnames": "^2.2.6"
+    },
+    "devDependencies": {
+        "@types/classnames": "^2.2.10"
+    }
+}

package/src/assets/svg/mrkt-cta-section-img-left.svg

@@ -0,0 +1,28 @@
+<svg width="250" height="140" viewBox="0 0 250 140" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_439_14449)">
+<path d="M108.089 104.524C106.97 104.524 105.861 104.303 104.827 103.874C103.793 103.446 102.853 102.817 102.062 102.025C101.271 101.233 100.644 100.293 100.216 99.258C99.7886 98.2233 99.5692 97.1144 99.5706 95.9949C99.5692 94.8501 99.7936 93.7162 100.231 92.6582C100.668 91.6001 101.309 90.6386 102.118 89.8286C102.927 89.0187 103.888 88.3761 104.946 87.9377C106.003 87.4993 107.137 87.2736 108.282 87.2736H136.542C138.855 87.2736 141.074 86.3548 142.709 84.7192C144.345 83.0836 145.264 80.8654 145.264 78.5523C145.261 76.2401 144.341 74.0234 142.706 72.3884C141.071 70.7534 138.855 69.8337 136.542 69.831H48.8433C46.532 69.831 44.3153 68.9136 42.68 67.2802C41.0447 65.6469 40.1247 63.4312 40.122 61.1199C40.1247 58.8077 41.0444 56.591 42.6794 54.956C44.3144 53.321 46.5311 52.4013 48.8433 52.3986H162.564C164.876 52.3986 167.092 51.4812 168.728 49.8478C170.363 48.2144 171.283 45.9987 171.286 43.6875C171.286 41.3744 170.367 39.1561 168.731 37.5206C167.096 35.885 164.877 34.9662 162.564 34.9662H83.9918C82.8461 34.9675 81.7114 34.7428 80.6527 34.305C79.594 33.8672 78.632 33.2248 77.8219 32.4147C77.0118 31.6046 76.3695 30.6427 75.9317 29.584C75.4938 28.5252 75.2692 27.3906 75.2705 26.2449C75.2705 23.9319 76.1893 21.7136 77.8249 20.078C79.4605 18.4424 81.6788 17.5236 83.9918 17.5236H118.958C121.269 17.5236 123.486 16.6061 125.121 14.9728C126.757 13.3394 127.677 11.1237 127.679 8.81245C127.691 7.6595 127.475 6.51561 127.042 5.44695C126.609 4.37829 125.968 3.40608 125.157 2.58655C124.346 1.76702 123.381 1.11646 122.317 0.67248C121.253 0.228505 120.111 -6.298e-05 118.958 1.30171e-08L0.678711 1.30171e-08V104.524H108.089Z" fill="#EAF5FE"/>
+<path d="M170.952 104.727H1.01318" stroke="#1B96FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M79.7884 85.481H1.01318" stroke="#1B96FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M28.0583 69.2739H1.01318" stroke="#1B96FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M248.987 104.727H204.195" stroke="#1B96FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M207.002 38.8256L208.015 41.52C208.05 41.6152 208.105 41.7017 208.177 41.7734C208.248 41.8451 208.335 41.9004 208.43 41.9353L211.134 42.9482C211.27 42.9966 211.388 43.0859 211.471 43.2038C211.554 43.3217 211.599 43.4624 211.599 43.6066C211.599 43.7509 211.554 43.8916 211.471 44.0095C211.388 44.1274 211.27 44.2166 211.134 44.265L208.43 45.278C208.335 45.3129 208.248 45.3682 208.177 45.4399C208.105 45.5116 208.05 45.598 208.015 45.6933L207.002 48.3978C206.951 48.5326 206.86 48.6488 206.742 48.7308C206.623 48.8128 206.482 48.8567 206.338 48.8567C206.194 48.8567 206.053 48.8128 205.935 48.7308C205.816 48.6488 205.726 48.5326 205.675 48.3978L204.662 45.6933C204.623 45.5987 204.565 45.513 204.492 45.4416C204.419 45.3702 204.332 45.3145 204.236 45.278L201.542 44.265C201.406 44.2166 201.289 44.1274 201.205 44.0095C201.122 43.8916 201.078 43.7509 201.078 43.6066C201.078 43.4624 201.122 43.3217 201.205 43.2038C201.289 43.0859 201.406 42.9966 201.542 42.9482L204.236 41.9353C204.332 41.8988 204.419 41.8431 204.492 41.7716C204.565 41.7002 204.623 41.6146 204.662 41.52L205.675 38.8256C205.726 38.6908 205.816 38.5746 205.935 38.4926C206.053 38.4106 206.194 38.3667 206.338 38.3667C206.482 38.3667 206.623 38.4106 206.742 38.4926C206.86 38.5746 206.951 38.6908 207.002 38.8256V38.8256Z" stroke="#1B96FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M207.345 78.7042C208.24 78.7042 208.966 77.9786 208.966 77.0836C208.966 76.1885 208.24 75.4629 207.345 75.4629C206.45 75.4629 205.725 76.1885 205.725 77.0836C205.725 77.9786 206.45 78.7042 207.345 78.7042Z" stroke="#1B96FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M214.031 77.0634C213.34 74.9517 211.999 73.1125 210.2 71.8082C208.401 70.504 206.236 69.8014 204.014 69.8008" stroke="#1B96FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M213.95 81.7736L221.01 77.0635H214.031" stroke="#1B96FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M212.967 80.2944L213.95 81.7733" stroke="#1B96FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M214.599 83.0601C215.475 87.2912 214.923 91.6935 213.03 95.5775C211.136 99.4615 208.008 102.608 204.135 104.524" stroke="#1B96FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M186.804 79.4234L187.675 78.0155C189.242 75.4999 191.424 73.4248 194.015 71.9858C196.605 70.5468 199.52 69.7913 202.484 69.7905H203.79" stroke="#1B96FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M191.574 79.1299L189.224 82.665" stroke="#1B96FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M193.297 82.9487L171.731 115.261" stroke="#1B96FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M187.279 99.1045L178.923 111.624" stroke="#1B96FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M195.667 108.039L176.502 136.806" stroke="#1B96FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M195.687 115.261L181.333 136.806" stroke="#1B96FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M195.647 93.7563L186.115 108.039" stroke="#1B96FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M200.559 82.9893C201.623 84.5717 202.192 86.4355 202.192 88.3426C202.192 90.2496 201.623 92.1134 200.559 93.6959L193.307 104.494" stroke="#1B96FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_439_14449">
+<rect width="250" height="137.819" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/src/assets/svg/mrkt-cta-section-img-right.svg

@@ -0,0 +1,18 @@
+<svg width="250" height="140" viewBox="0 0 250 140" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_439_14450)">
+<g clip-path="url(#clip1_439_14450)">
+<path d="M143.73 105.19C145.963 105.19 148.105 104.303 149.684 102.724C151.263 101.145 152.15 99.0031 152.15 96.77C152.15 94.4865 151.243 92.2965 149.628 90.6818C148.013 89.0671 145.823 88.16 143.54 88.16H115.64C114.504 88.1653 113.379 87.9457 112.329 87.514C111.279 87.0823 110.325 86.447 109.522 85.6447C108.719 84.8424 108.082 83.8891 107.65 82.8396C107.217 81.7901 106.996 80.6653 107 79.53C107 77.2482 107.905 75.0597 109.518 73.4453C111.131 71.8309 113.318 70.9226 115.6 70.92H202.18C203.31 70.9213 204.429 70.6998 205.474 70.2682C206.518 69.8366 207.468 69.2034 208.267 68.4047C209.067 67.6059 209.701 66.6574 210.134 65.6134C210.567 64.5693 210.79 63.4502 210.79 62.32C210.79 60.0365 209.883 57.8465 208.268 56.2318C206.653 54.6171 204.463 53.71 202.18 53.71H89.9997C87.718 53.71 85.5295 52.8043 83.9151 51.1917C82.3007 49.5792 81.3924 47.3918 81.3897 45.11C81.3845 43.976 81.6033 42.852 82.0336 41.8028C82.464 40.7536 83.0973 39.7997 83.8974 38.9959C84.6974 38.1922 85.6483 37.5544 86.6956 37.1192C87.7428 36.684 88.8657 36.46 89.9997 36.46H167.52C168.651 36.4613 169.771 36.2395 170.816 35.8073C171.861 35.3751 172.811 34.7409 173.611 33.9411C174.411 33.1413 175.045 32.1917 175.477 31.1465C175.909 30.1013 176.131 28.9811 176.13 27.85C176.13 25.5665 175.223 23.3765 173.608 21.7618C171.993 20.1471 169.803 19.24 167.52 19.24H133C130.718 19.24 128.529 18.3343 126.915 16.7217C125.301 15.1092 124.392 12.9218 124.39 10.64C124.386 9.5068 124.606 8.38396 125.037 7.33588C125.467 6.2878 126.101 5.3351 126.901 4.53241C127.701 3.72972 128.651 3.09282 129.698 2.65826C130.744 2.22369 131.867 1.99999 133 2L249.77 2V105.19H143.73Z" fill="#EAF5FE"/>
+<path d="M82 105.39H249.77" stroke="#1B96FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M172 86.3901H249.77" stroke="#1B96FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M223.069 70.3901H249.769" stroke="#1B96FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0_439_14450">
+<rect width="250" height="140" fill="white"/>
+</clipPath>
+<clipPath id="clip1_439_14450">
+<rect width="169.77" height="104.39" fill="white" transform="translate(81 2)"/>
+</clipPath>
+</defs>
+</svg>

package/src/assets/svg/mrkt-no-code-section-graphic.svg

@@ -0,0 +1,23 @@
+<svg width="241" height="114" viewBox="0 0 241 114" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M153.1 24.1641C153.098 20.1387 154.145 16.1822 156.138 12.6851C158.132 9.18802 161.003 6.27116 164.468 4.22242C167.933 2.17369 171.872 1.06388 175.897 1.00252C179.922 0.941168 183.894 1.93039 187.419 3.87256C190.945 5.81473 193.904 8.64271 196.003 12.0774C198.102 15.5121 199.27 19.4349 199.39 23.4585C199.51 27.4821 198.579 31.4675 196.689 35.0214C194.798 38.5754 192.014 41.5749 188.61 43.7241" stroke="#1B96FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M192.52 7.8239C196.895 12.2007 199.353 18.1356 199.353 24.3239C199.353 30.5122 196.895 36.4471 192.52 40.8239C189.019 44.3242 184.271 46.2905 179.32 46.2905C174.37 46.2905 169.621 44.3242 166.12 40.8239C164.732 39.4381 163.63 37.7921 162.879 35.98C162.127 34.168 161.74 32.2256 161.74 30.2639C161.74 28.3022 162.127 26.3598 162.879 24.5477C163.63 22.7357 164.732 21.0897 166.12 19.7039C167.228 18.5933 168.545 17.7122 169.994 17.1111C171.443 16.5099 172.996 16.2005 174.565 16.2005C176.134 16.2005 177.688 16.5099 179.137 17.1111C180.586 17.7122 181.902 18.5933 183.01 19.7039C184.801 21.498 185.806 23.9292 185.806 26.4639C185.806 28.9986 184.801 31.4297 183.01 33.2239C181.576 34.6559 179.632 35.4602 177.605 35.4602C175.579 35.4602 173.635 34.6559 172.2 33.2239" stroke="#1B96FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M213.8 34.6548C216.897 33.1407 220.365 32.551 223.788 32.9563C227.212 33.3616 230.446 34.7446 233.104 36.94C235.762 39.1354 237.731 42.0501 238.776 45.3354C239.82 48.6206 239.897 52.1373 238.995 55.4647C238.093 58.792 236.252 61.7891 233.691 64.0972C231.13 66.4054 227.959 67.9269 224.556 68.4797C221.153 69.0326 217.663 68.5933 214.504 67.2144C211.344 65.8355 208.649 63.5755 206.74 60.7048" stroke="#1B96FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M199.61 23.9042C201.271 23.4055 203.026 23.302 204.734 23.6018C206.443 23.9017 208.057 24.5966 209.449 25.6312C210.841 26.6657 211.972 28.0113 212.752 29.5605C213.532 31.1098 213.939 32.8198 213.94 34.5542" stroke="#1B96FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M234.12 63.6045C230.791 66.9326 226.277 68.8022 221.57 68.8022C216.863 68.8022 212.349 66.9326 209.02 63.6045C207.7 62.2858 206.653 60.7199 205.939 58.9963C205.225 57.2727 204.857 55.4253 204.857 53.5595C204.857 51.6938 205.225 49.8463 205.939 48.1228C206.653 46.3992 207.7 44.8333 209.02 43.5145C211.15 41.3858 214.039 40.19 217.05 40.19C220.062 40.19 222.95 41.3858 225.08 43.5145C226.784 45.2207 227.741 47.5334 227.741 49.9445C227.741 52.3557 226.784 54.6683 225.08 56.3745C223.717 57.7375 221.868 58.5032 219.94 58.5032C218.012 58.5032 216.163 57.7375 214.8 56.3745" stroke="#1B96FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M206.43 60.3845C204.383 64.6431 201.24 68.2805 197.323 70.9237C193.406 73.567 188.857 75.1209 184.142 75.4262C179.427 75.7316 174.715 74.7773 170.49 72.6612C166.266 70.5452 162.68 67.3435 160.1 63.3845" stroke="#1B96FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M159.75 63.3841C157.927 66.5262 155.281 69.1109 152.096 70.8593C148.912 72.6076 145.311 73.4534 141.681 73.3052C138.051 73.157 134.531 72.0205 131.499 70.0183C128.468 68.0162 126.041 65.2244 124.48 61.9441" stroke="#1B96FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M156.56 67.385C154.695 69.2518 152.479 70.7327 150.041 71.743C147.603 72.7534 144.99 73.2734 142.35 73.2734C139.711 73.2734 137.098 72.7534 134.659 71.743C132.221 70.7327 130.006 69.2518 128.14 67.385C125.128 64.3698 123.436 60.2821 123.436 56.02C123.436 51.7579 125.128 47.6701 128.14 44.655C130.553 42.2447 133.825 40.8909 137.235 40.8909C140.646 40.8909 143.917 42.2447 146.33 44.655C147.287 45.6098 148.045 46.7438 148.563 47.9921C149.081 49.2404 149.347 50.5786 149.347 51.93C149.347 53.2814 149.081 54.6195 148.563 55.8679C148.045 57.1162 147.287 58.2502 146.33 59.205C144.786 60.7463 142.692 61.6119 140.51 61.6119C138.328 61.6119 136.235 60.7463 134.69 59.205" stroke="#1B96FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M120.49 34.2739C121.777 31.3241 123.681 28.6847 126.075 26.5341C128.469 24.3835 131.297 22.7717 134.368 21.8077C137.438 20.8436 140.679 20.5497 143.873 20.9459C147.067 21.342 150.138 22.4189 152.88 24.1039" stroke="#1B96FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M76.1702 53.7642L91.1102 53.7642C93.4971 53.7642 95.7863 52.8159 97.4742 51.1281C99.162 49.4403 100.11 47.1511 100.11 44.7642C100.11 42.3772 99.162 40.088 97.4742 38.4002C95.7863 36.7124 93.4971 35.7642 91.1102 35.7642L76.1902 35.7642C73.8032 35.7642 71.514 34.8159 69.8262 33.1281C68.1384 31.4403 67.1902 29.1511 67.1902 26.7642L67.1902 26.3842C67.1902 23.9972 68.1384 21.708 69.8262 20.0202C71.514 18.3324 73.8032 17.3842 76.1902 17.3842L122.19 17.3842" stroke="#1B96FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.2403 53.7642L57.2603 53.7642" stroke="#1B96FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M48.2601 90.314L64.9601 90.314C67.3824 90.3113 69.7047 89.3472 71.4166 87.6334C73.1285 85.9196 74.0901 83.5963 74.0901 81.174V81.174C74.0901 78.7525 73.1282 76.4303 71.416 74.7181C69.7038 73.0059 67.3815 72.044 64.9601 72.044L48.6101 72.044" stroke="#1B96FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M75.2202 108.584L118.99 108.584C120.198 108.584 121.394 108.346 122.509 107.884C123.625 107.422 124.639 106.744 125.492 105.889C126.346 105.035 127.022 104.021 127.484 102.904C127.945 101.788 128.182 100.592 128.18 99.3845V99.3845C128.178 96.9479 127.208 94.612 125.486 92.8891C123.763 91.1662 121.427 90.1971 118.99 90.1945L104.34 90.1945C103.223 90.1958 102.117 89.9769 101.084 89.5503C100.052 89.1237 99.1137 88.4978 98.3233 87.7084C97.533 86.919 96.906 85.9815 96.4782 84.9496C96.0504 83.9177 95.8302 82.8115 95.8302 81.6945V81.6945C95.8302 79.4375 96.7268 77.2729 98.3227 75.677C99.9187 74.0811 102.083 73.1845 104.34 73.1845L142.46 73.1845" stroke="#1B96FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M47.0003 90.3145C45.8 90.3145 44.6115 90.5509 43.5026 91.0102C42.3937 91.4695 41.3861 92.1428 40.5374 92.9915C39.6886 93.8402 39.0154 94.8478 38.556 95.9567C38.0967 97.0657 37.8603 98.2542 37.8603 99.4545C37.863 101.877 38.8271 104.199 40.5409 105.911C42.2547 107.623 44.578 108.584 47.0003 108.584L58.3103 108.584" stroke="#1B96FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.14 53.7644C8.93976 53.7644 7.75124 54.0008 6.64232 54.4602C5.5334 54.9195 4.52582 55.5927 3.67709 56.4415C2.82837 57.2902 2.15511 58.2978 1.69579 59.4067C1.23646 60.5156 1.00005 61.7042 1.00005 62.9044C1.00005 65.3285 1.96301 67.6533 3.67709 69.3674C5.39118 71.0815 7.71597 72.0444 10.14 72.0444L24.55 72.0444" stroke="#1B96FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M34.7202 69.7639L29.5402 74.7739" stroke="#1B96FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M42.0002 69.7639L36.8203 74.7739" stroke="#1B96FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M66.2803 57.7739L66.2803 50.2139" stroke="#1B96FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M70.0603 53.9951L62.4903 53.9951" stroke="#1B96FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M66.2803 112.385L66.2803 104.825" stroke="#1B96FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M70.0603 108.604L62.4903 108.604" stroke="#1B96FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>