@salesforcedevs/dx-components 0.0.0-alpha.12 → 0.0.0-alpha.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/package.json +1 -1
  2. package/src/assets/svg/consumer-moon.svg +39 -0
  3. package/src/assets/svg/financial-moon.svg +37 -0
  4. package/src/assets/svg/health-moon.svg +25 -0
  5. package/src/assets/svg/scheduler-moon.svg +31 -0
  6. package/src/modules/dx/buttonToggle/buttonToggle.css +6 -0
  7. package/src/modules/dx/buttonToggle/buttonToggle.html +1 -0
  8. package/src/modules/dx/buttonToggle/buttonToggle.ts +5 -0
  9. package/src/modules/dx/featuredContentHeader/featuredContentHeader.css +30 -0
  10. package/src/modules/dx/featuredContentHeader/featuredContentHeader.ts +11 -1
  11. package/src/modules/dx/modal/modal.html +3 -1
  12. package/src/modules/dx/modal/modal.ts +7 -1
  13. package/src/modules/dx/modalDrawer/modalDrawer.html +3 -3
  14. package/src/modules/dx/modalDrawer/modalDrawer.ts +7 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salesforcedevs/dx-components",
3
- "version": "0.0.0-alpha.12",
3
+ "version": "0.0.0-alpha.14",
4
4
  "description": "DX Lightning web components",
5
5
  "license": "MIT",
6
6
  "engines": {
package/src/assets/svg/consumer-moon.svg ADDED
@@ -0,0 +1,39 @@
1
+ <svg width="398" height="458" viewBox="0 0 398 458" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <circle cx="425.5" cy="83.5" r="374.5" fill="#3A49DA"/>
3
+ <circle cx="271" cy="263" r="10" stroke="#90D0FE" stroke-width="2"/>
4
+ <path d="M357.195 229.242C362.52 219.412 363.04 207.858 358.619 197.632" stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
5
+ <path d="M282.71 206.572C282.446 208.353 282.314 210.149 282.314 211.947C282.31 228.35 293.478 242.871 309.929 247.852C326.381 252.834 344.334 247.13 354.322 233.749" stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
6
+ <path d="M356.028 192.67C347.962 179.834 332.673 172.739 317.057 174.587C301.442 176.434 288.451 186.874 283.945 201.198" stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
7
+ <path d="M292.648 206.374H278.684" stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
8
+ <path d="M273.319 206.374H270" stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
9
+ <path d="M375.47 193.261H370.756" stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
10
+ <path d="M364.924 193.261H350.414" stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
11
+ <ellipse cx="365.646" cy="193.262" rx="0.942932" ry="0.895733" stroke="#90D0FE" stroke-width="2"/>
12
+ <path d="M364.532 233.488H349.805" stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
13
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M329.694 307.975L327.578 313.695C327.427 314.104 327.104 314.426 326.695 314.578L320.975 316.694C319.675 317.175 319.675 319.014 320.975 319.496L326.695 321.612C327.104 321.764 327.427 322.086 327.578 322.495L329.694 328.215C330.176 329.515 332.015 329.515 332.496 328.215L334.612 322.495C334.764 322.086 335.086 321.764 335.495 321.612L341.215 319.496C342.515 319.014 342.515 317.175 341.215 316.694L335.495 314.578C335.086 314.426 334.764 314.104 334.612 313.695L332.496 307.975C332.015 306.675 330.176 306.675 329.694 307.975Z" stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
14
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M158.812 168.591L155.36 177.92C155.114 178.587 154.587 179.112 153.92 179.36L144.591 182.812C142.47 183.596 142.47 186.596 144.591 187.381L153.92 190.833C154.587 191.08 155.114 191.606 155.36 192.273L158.812 201.602C159.597 203.723 162.597 203.723 163.381 201.602L166.833 192.273C167.081 191.606 167.606 191.08 168.273 190.833L177.602 187.381C179.723 186.596 179.723 183.596 177.602 182.812L168.273 179.36C167.606 179.112 167.081 178.587 166.833 177.92L163.381 168.591C162.597 166.47 159.597 166.47 158.812 168.591Z" stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
15
+ <path d="M9.03516 420.036V404" stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
16
+ <path d="M17.051 412.021L1 412.023" stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
17
+ <circle cx="114" cy="297" r="62" fill="white" stroke="#90D0FE" stroke-width="2"/>
18
+ <path d="M133.098 292.536H124.098V305.036H133.098V292.536Z" fill="#8C5EC6"/>
19
+ <path d="M124.143 308.607V316.643C124.464 316.643 124.777 316.643 125.134 316.643C128.634 316.643 131.134 315.911 132.348 314.527C132.876 313.949 133.166 313.193 133.16 312.411C133.126 312.336 133.096 312.258 133.071 312.179V308.607H124.143Z" fill="#8C5EC6"/>
20
+ <path d="M117.045 287.009C117.045 287.062 117.045 287.125 117.045 287.178V288.964H133.072V287.178C133.067 287.116 133.067 287.053 133.072 286.991C133.181 285.225 132.623 283.482 131.509 282.107C130.257 280.88 128.591 280.166 126.839 280.107V278.25V276.464V275.571H123.268V278.25V280.187C121.508 280.342 119.858 281.11 118.607 282.357C117.513 283.652 116.954 285.316 117.045 287.009Z" fill="#8C5EC6"/>
21
+ <path d="M136.643 287.25C136.823 284.526 135.947 281.836 134.196 279.741C133.163 278.611 131.865 277.756 130.42 277.25V273.786C130.42 273.312 130.232 272.858 129.897 272.523C129.562 272.188 129.108 272 128.634 272H121.491C121.017 272 120.563 272.188 120.228 272.523C119.893 272.858 119.705 273.312 119.705 273.786V277.438C118.258 277.991 116.963 278.882 115.929 280.036C114.203 282.043 113.326 284.643 113.482 287.286V288.964H93.7857C93.3121 288.964 92.8579 289.152 92.523 289.487C92.1881 289.822 92 290.276 92 290.75V320.214C92 320.688 92.1881 321.142 92.523 321.477C92.8579 321.812 93.3121 322 93.7857 322H122.357C122.831 322 123.285 321.812 123.62 321.477C123.955 321.142 124.143 320.688 124.143 320.214C124.464 320.214 124.786 320.214 125.134 320.214C129.759 320.214 133.089 319.089 135.036 316.884C136.183 315.564 136.761 313.843 136.643 312.098V287.25Z" fill="#481A54"/>
22
+ <path d="M133.116 312.411C133.121 313.193 132.831 313.949 132.303 314.527C131.089 315.911 128.607 316.643 125.089 316.643C124.732 316.643 124.419 316.643 124.098 316.643V308.607H133.071V312.179C133.081 312.257 133.096 312.335 133.116 312.411Z" fill="#8C5EC6"/>
23
+ <path d="M120.527 318.429H117.358H95.5273V292.536H113.483H115.268H116.063H117.054H120.527V305.036V308.608V315.991V317.858V318.429Z" fill="#481A54"/>
24
+ <path d="M123.303 280.187V278.25V275.571H126.874V276.464V278.25V280.107C128.626 280.166 130.292 280.88 131.544 282.107C132.645 283.487 133.19 285.229 133.071 286.991C133.066 287.053 133.066 287.116 133.071 287.178V288.964H116.999V287.178C116.999 287.125 116.999 287.062 116.999 287.009C116.921 285.31 117.496 283.645 118.606 282.357C119.867 281.102 121.53 280.334 123.303 280.187Z" fill="#8C5EC6"/>
25
+ <path d="M133.098 292.536H124.098V305.036H133.098V292.536Z" fill="#8C5EC6"/>
26
+ <path d="M120.527 308.608V305.036V292.536H117.054H116.063H115.268H113.483H95.5273V318.429H117.358H120.527V317.858V315.991V308.608Z" fill="#8C5EC6"/>
27
+ <path d="M102.714 313.072C102.714 313.545 102.526 314 102.191 314.335C101.856 314.669 101.402 314.858 100.928 314.858C100.455 314.858 100 314.669 99.6656 314.335C99.3307 314 99.1426 313.545 99.1426 313.072V306.822C99.1426 306.348 99.3307 305.894 99.6656 305.559C100 305.224 100.455 305.036 100.928 305.036C101.402 305.036 101.856 305.224 102.191 305.559C102.526 305.894 102.714 306.348 102.714 306.822V313.072Z" fill="#8C5EC6"/>
28
+ <path d="M100.928 299.678C100.928 299.204 101.116 298.75 101.451 298.415C101.786 298.08 102.24 297.892 102.713 297.892H106.285C106.285 297.419 106.473 296.964 106.808 296.629C107.143 296.295 107.597 296.106 108.071 296.106C108.544 296.106 108.998 296.295 109.333 296.629C109.668 296.964 109.856 297.419 109.856 297.892H113.526C114 297.892 114.454 298.08 114.789 298.415C115.124 298.75 115.312 299.204 115.312 299.678C115.312 300.151 115.124 300.606 114.789 300.941C114.454 301.275 114 301.464 113.526 301.464H102.713C102.24 301.464 101.786 301.275 101.451 300.941C101.116 300.606 100.928 300.151 100.928 299.678Z" fill="#8C5EC6"/>
29
+ <path d="M109.857 313.072C109.857 313.545 109.668 314 109.334 314.335C108.999 314.669 108.544 314.858 108.071 314.858C107.597 314.858 107.143 314.669 106.808 314.335C106.473 314 106.285 313.545 106.285 313.072V306.822C106.285 306.348 106.473 305.894 106.808 305.559C107.143 305.224 107.597 305.036 108.071 305.036C108.544 305.036 108.999 305.224 109.334 305.559C109.668 305.894 109.857 306.348 109.857 306.822V313.072Z" fill="#8C5EC6"/>
30
+ <path d="M113.428 313.072V306.822C113.428 306.63 113.462 306.44 113.526 306.259C113.644 305.904 113.87 305.595 114.173 305.376C114.475 305.157 114.84 305.038 115.213 305.036H115.312C115.768 305.061 116.197 305.26 116.511 305.593C116.825 305.925 117 306.365 116.999 306.822V313.072C116.997 313.393 116.907 313.708 116.741 313.983C116.574 314.258 116.337 314.483 116.053 314.634C115.797 314.781 115.508 314.858 115.213 314.858C114.74 314.858 114.286 314.669 113.951 314.335C113.616 314 113.428 313.545 113.428 313.072Z" fill="#8C5EC6"/>
31
+ <path d="M100.928 305.036C100.455 305.036 100 305.224 99.6656 305.559C99.3307 305.894 99.1426 306.348 99.1426 306.822V313.072C99.1426 313.545 99.3307 314 99.6656 314.335C100 314.669 100.455 314.858 100.928 314.858C101.402 314.858 101.856 314.669 102.191 314.335C102.526 314 102.714 313.545 102.714 313.072V306.822C102.714 306.348 102.526 305.894 102.191 305.559C101.856 305.224 101.402 305.036 100.928 305.036Z" fill="#481A54"/>
32
+ <path d="M116.008 314.634C116.3 314.489 116.547 314.267 116.722 313.991C116.897 313.716 116.992 313.398 116.999 313.072V306.822C117 306.365 116.825 305.925 116.511 305.593C116.197 305.26 115.768 305.061 115.312 305.036H115.213C114.84 305.038 114.475 305.157 114.173 305.376C113.87 305.595 113.644 305.904 113.526 306.259C113.462 306.44 113.428 306.63 113.428 306.822V313.072C113.428 313.545 113.616 314 113.951 314.335C114.286 314.669 114.74 314.858 115.213 314.858C115.493 314.85 115.766 314.773 116.008 314.634Z" fill="#481A54"/>
33
+ <path d="M108.071 305.036C107.597 305.036 107.143 305.224 106.808 305.559C106.473 305.894 106.285 306.348 106.285 306.822V313.072C106.285 313.545 106.473 314 106.808 314.335C107.143 314.669 107.597 314.858 108.071 314.858C108.544 314.858 108.999 314.669 109.334 314.335C109.668 314 109.857 313.545 109.857 313.072V306.822C109.857 306.348 109.668 305.894 109.334 305.559C108.999 305.224 108.544 305.036 108.071 305.036Z" fill="#481A54"/>
34
+ <path d="M113.428 301.464H113.526C114 301.464 114.454 301.275 114.789 300.941C115.124 300.606 115.312 300.151 115.312 299.678C115.312 299.204 115.124 298.75 114.789 298.415C114.454 298.08 114 297.892 113.526 297.892H109.856C109.856 297.419 109.668 296.964 109.333 296.629C108.998 296.295 108.544 296.106 108.071 296.106C107.597 296.106 107.143 296.295 106.808 296.629C106.473 296.964 106.285 297.419 106.285 297.892H102.713C102.24 297.892 101.786 298.08 101.451 298.415C101.116 298.75 100.928 299.204 100.928 299.678C100.928 300.151 101.116 300.606 101.451 300.941C101.786 301.275 102.24 301.464 102.713 301.464H113.428Z" fill="white"/>
35
+ <path d="M161 312H189" stroke="#90D0FE" stroke-width="2" stroke-linecap="round"/>
36
+ <path d="M205 312H196" stroke="#90D0FE" stroke-width="2" stroke-linecap="round"/>
37
+ <circle cx="201" cy="240" r="2" stroke="#90D0FE" stroke-width="2"/>
38
+ <circle cx="151" cy="380" r="2" stroke="#90D0FE" stroke-width="2"/>
39
+ </svg>
package/src/assets/svg/financial-moon.svg ADDED
@@ -0,0 +1,37 @@
1
+ <svg width="398" height="458" viewBox="0 0 398 458" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <circle cx="425.5" cy="83.5" r="374.5" fill="#3A49DA"/>
3
+ <circle cx="271" cy="263" r="10" stroke="#90D0FE" stroke-width="2"/>
4
+ <path d="M357.195 229.242C362.52 219.412 363.04 207.858 358.619 197.632" stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
5
+ <path d="M282.71 206.572C282.446 208.353 282.314 210.149 282.314 211.947C282.31 228.35 293.478 242.871 309.929 247.852C326.381 252.834 344.334 247.13 354.322 233.749" stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
6
+ <path d="M356.028 192.67C347.962 179.834 332.673 172.739 317.057 174.587C301.442 176.434 288.451 186.874 283.945 201.198" stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
7
+ <path d="M292.648 206.374H278.684" stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
8
+ <path d="M273.319 206.374H270" stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
9
+ <path d="M375.47 193.261H370.756" stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
10
+ <path d="M364.924 193.261H350.414" stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
11
+ <ellipse cx="365.646" cy="193.262" rx="0.942932" ry="0.895733" stroke="#90D0FE" stroke-width="2"/>
12
+ <path d="M364.532 233.488H349.805" stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
13
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M329.694 307.975L327.578 313.695C327.427 314.104 327.104 314.426 326.695 314.578L320.975 316.694C319.675 317.175 319.675 319.014 320.975 319.496L326.695 321.612C327.104 321.764 327.427 322.086 327.578 322.495L329.694 328.215C330.176 329.515 332.015 329.515 332.496 328.215L334.612 322.495C334.764 322.086 335.086 321.764 335.495 321.612L341.215 319.496C342.515 319.014 342.515 317.175 341.215 316.694L335.495 314.578C335.086 314.426 334.764 314.104 334.612 313.695L332.496 307.975C332.015 306.675 330.176 306.675 329.694 307.975Z" stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
14
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M158.812 168.591L155.36 177.92C155.114 178.587 154.587 179.112 153.92 179.36L144.591 182.812C142.47 183.596 142.47 186.596 144.591 187.381L153.92 190.833C154.587 191.08 155.114 191.606 155.36 192.273L158.812 201.602C159.597 203.723 162.597 203.723 163.381 201.602L166.833 192.273C167.081 191.606 167.606 191.08 168.273 190.833L177.602 187.381C179.723 186.596 179.723 183.596 177.602 182.812L168.273 179.36C167.606 179.112 167.081 178.587 166.833 177.92L163.381 168.591C162.597 166.47 159.597 166.47 158.812 168.591Z" stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
15
+ <path d="M9.03516 420.036V404" stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
16
+ <path d="M17.051 412.021L1 412.023" stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
17
+ <circle cx="114" cy="297" r="62" fill="white" stroke="#90D0FE" stroke-width="2"/>
18
+ <path d="M136.155 273.924H91.9238V312.386H136.155V273.924Z" fill="#9F63C6"/>
19
+ <path d="M136.154 314.308H91.9231C91.4131 314.308 90.9239 314.105 90.5633 313.745C90.2026 313.384 90 312.895 90 312.385V273.923C90 273.413 90.2026 272.924 90.5633 272.563C90.9239 272.203 91.4131 272 91.9231 272H136.154C136.664 272 137.153 272.203 137.514 272.563C137.875 272.924 138.077 273.413 138.077 273.923V312.385C138.077 312.895 137.875 313.384 137.514 313.745C137.153 314.105 136.664 314.308 136.154 314.308ZM93.8462 310.462H134.231V275.846H93.8462V310.462Z" fill="#4B2048"/>
20
+ <path d="M130.386 312.385H97.6934V320.077H130.386V312.385Z" fill="white"/>
21
+ <path d="M130.385 322H97.6926C97.1826 322 96.6935 321.798 96.3328 321.437C95.9722 321.077 95.7696 320.587 95.7695 320.077V312.385C95.7696 311.875 95.9722 311.386 96.3328 311.025C96.6935 310.665 97.1826 310.462 97.6926 310.462H130.385C130.895 310.462 131.384 310.665 131.745 311.025C132.106 311.386 132.308 311.875 132.308 312.385V320.077C132.308 320.587 132.106 321.077 131.745 321.437C131.384 321.798 130.895 322 130.385 322ZM99.6157 318.154H128.462V314.308H99.6157V318.154Z" fill="#4B2048"/>
22
+ <path d="M128.462 306.616C127.952 306.616 127.463 306.413 127.102 306.052C126.742 305.692 126.539 305.203 126.539 304.693V281.615C126.539 281.105 126.742 280.616 127.102 280.256C127.463 279.895 127.952 279.692 128.462 279.692C128.972 279.692 129.461 279.895 129.822 280.256C130.183 280.616 130.385 281.105 130.385 281.615V304.693C130.385 305.203 130.183 305.692 129.822 306.052C129.461 306.413 128.972 306.616 128.462 306.616Z" fill="white"/>
23
+ <path d="M110.193 305.654C109.683 305.654 109.193 305.452 108.833 305.091C108.472 304.73 108.27 304.241 108.27 303.731V299.885C108.27 299.375 108.472 298.886 108.833 298.525C109.193 298.165 109.683 297.962 110.193 297.962C110.703 297.962 111.192 298.165 111.552 298.525C111.913 298.886 112.116 299.375 112.116 299.885V303.731C112.116 304.241 111.913 304.73 111.552 305.091C111.192 305.452 110.703 305.654 110.193 305.654Z" fill="#4B2048"/>
24
+ <path d="M110.193 288.347C109.683 288.347 109.193 288.144 108.833 287.783C108.472 287.423 108.27 286.934 108.27 286.424V282.577C108.27 282.067 108.472 281.578 108.833 281.218C109.193 280.857 109.683 280.654 110.193 280.654C110.703 280.654 111.192 280.857 111.552 281.218C111.913 281.578 112.116 282.067 112.116 282.577V286.424C112.116 286.934 111.913 287.423 111.552 287.783C111.192 288.144 110.703 288.347 110.193 288.347Z" fill="#4B2048"/>
25
+ <path d="M103.463 295.077H99.6165C99.1064 295.077 98.6173 294.874 98.2566 294.513C97.896 294.153 97.6934 293.664 97.6934 293.154C97.6934 292.644 97.896 292.154 98.2566 291.794C98.6173 291.433 99.1064 291.23 99.6165 291.23H103.463C103.973 291.23 104.462 291.433 104.822 291.794C105.183 292.154 105.386 292.644 105.386 293.154C105.386 293.664 105.183 294.153 104.822 294.513C104.462 294.874 103.973 295.077 103.463 295.077Z" fill="#4B2048"/>
26
+ <path d="M120.769 295.077H116.923C116.413 295.077 115.924 294.874 115.563 294.513C115.203 294.153 115 293.664 115 293.154C115 292.644 115.203 292.154 115.563 291.794C115.924 291.433 116.413 291.23 116.923 291.23H120.769C121.279 291.23 121.768 291.433 122.129 291.794C122.49 292.154 122.692 292.644 122.692 293.154C122.692 293.664 122.49 294.153 122.129 294.513C121.768 294.874 121.279 295.077 120.769 295.077Z" fill="#4B2048"/>
27
+ <path d="M102.714 302.556C102.334 302.556 101.962 302.443 101.646 302.232C101.329 302.021 101.083 301.72 100.937 301.369C100.792 301.018 100.754 300.631 100.828 300.258C100.902 299.885 101.085 299.542 101.354 299.273L104.074 296.554C104.253 296.375 104.465 296.233 104.698 296.137C104.931 296.04 105.182 295.99 105.434 295.99C105.687 295.99 105.937 296.04 106.17 296.137C106.403 296.233 106.616 296.375 106.794 296.553C106.973 296.732 107.114 296.944 107.211 297.177C107.308 297.411 107.357 297.661 107.357 297.913C107.357 298.166 107.307 298.416 107.211 298.649C107.114 298.883 106.972 299.095 106.794 299.273L104.074 301.993C103.895 302.171 103.684 302.313 103.45 302.41C103.217 302.507 102.967 302.556 102.714 302.556Z" fill="#4B2048"/>
28
+ <path d="M114.952 290.317C114.572 290.317 114.2 290.204 113.884 289.993C113.568 289.781 113.321 289.481 113.176 289.13C113.03 288.778 112.992 288.392 113.066 288.019C113.141 287.646 113.324 287.303 113.593 287.034L116.313 284.315C116.491 284.136 116.703 283.994 116.936 283.898C117.17 283.801 117.42 283.751 117.672 283.751C117.925 283.751 118.175 283.801 118.408 283.897C118.642 283.994 118.854 284.136 119.032 284.314C119.211 284.493 119.353 284.705 119.449 284.938C119.546 285.171 119.596 285.422 119.596 285.674C119.596 285.927 119.546 286.177 119.449 286.41C119.352 286.643 119.211 286.855 119.032 287.034L116.312 289.753C116.134 289.932 115.922 290.074 115.688 290.171C115.455 290.267 115.205 290.317 114.952 290.317Z" fill="#4B2048"/>
29
+ <path d="M105.432 290.317C105.18 290.317 104.93 290.268 104.696 290.171C104.463 290.074 104.251 289.932 104.073 289.754L101.353 287.034C101.174 286.856 101.032 286.644 100.935 286.41C100.837 286.177 100.787 285.927 100.787 285.674C100.787 285.421 100.836 285.171 100.933 284.937C101.03 284.703 101.172 284.491 101.35 284.312C101.529 284.133 101.741 283.992 101.975 283.895C102.209 283.798 102.459 283.749 102.712 283.749C102.965 283.749 103.215 283.799 103.448 283.896C103.682 283.994 103.894 284.136 104.072 284.315L106.792 287.034C107.061 287.303 107.244 287.646 107.319 288.019C107.393 288.392 107.355 288.779 107.209 289.13C107.064 289.481 106.817 289.782 106.501 289.993C106.185 290.204 105.813 290.317 105.432 290.317L105.432 290.317Z" fill="#4B2048"/>
30
+ <path d="M117.671 302.556C117.418 302.557 117.168 302.507 116.935 302.41C116.701 302.314 116.489 302.172 116.311 301.993L113.591 299.273C113.412 299.095 113.27 298.883 113.173 298.65C113.076 298.416 113.026 298.166 113.025 297.913C113.025 297.66 113.075 297.41 113.171 297.176C113.268 296.943 113.41 296.73 113.589 296.551C113.767 296.373 113.98 296.231 114.213 296.134C114.447 296.038 114.697 295.988 114.95 295.988C115.203 295.989 115.453 296.039 115.687 296.136C115.92 296.233 116.132 296.375 116.311 296.554L119.03 299.273C119.299 299.542 119.483 299.885 119.557 300.258C119.631 300.631 119.593 301.018 119.447 301.369C119.302 301.721 119.055 302.021 118.739 302.232C118.423 302.444 118.051 302.556 117.671 302.556L117.671 302.556Z" fill="#4B2048"/>
31
+ <path d="M110.192 299.885C113.909 299.885 116.923 296.871 116.923 293.154C116.923 289.436 113.909 286.423 110.192 286.423C106.474 286.423 103.461 289.436 103.461 293.154C103.461 296.871 106.474 299.885 110.192 299.885Z" fill="white"/>
32
+ <path d="M110.193 301.808C108.481 301.808 106.808 301.3 105.385 300.349C103.962 299.398 102.853 298.047 102.198 296.466C101.543 294.884 101.371 293.144 101.705 291.466C102.039 289.787 102.863 288.245 104.074 287.035C105.284 285.824 106.826 285 108.505 284.666C110.183 284.332 111.923 284.504 113.505 285.159C115.086 285.814 116.438 286.923 117.388 288.346C118.339 289.769 118.847 291.442 118.847 293.154C118.844 295.448 117.932 297.648 116.309 299.27C114.687 300.893 112.487 301.805 110.193 301.808ZM110.193 288.346C109.242 288.346 108.313 288.628 107.522 289.156C106.731 289.685 106.115 290.436 105.751 291.314C105.387 292.193 105.292 293.159 105.478 294.092C105.663 295.024 106.121 295.881 106.793 296.554C107.466 297.226 108.322 297.684 109.255 297.869C110.188 298.055 111.154 297.96 112.033 297.596C112.911 297.232 113.662 296.616 114.19 295.825C114.719 295.034 115.001 294.105 115.001 293.154C114.999 291.879 114.492 290.657 113.591 289.756C112.69 288.855 111.468 288.348 110.193 288.346Z" fill="#4B2048"/>
33
+ <path d="M161 312H189" stroke="#90D0FE" stroke-width="2" stroke-linecap="round"/>
34
+ <path d="M205 312H196" stroke="#90D0FE" stroke-width="2" stroke-linecap="round"/>
35
+ <circle cx="201" cy="240" r="2" stroke="#90D0FE" stroke-width="2"/>
36
+ <circle cx="151" cy="380" r="2" stroke="#90D0FE" stroke-width="2"/>
37
+ </svg>
package/src/assets/svg/health-moon.svg ADDED
@@ -0,0 +1,25 @@
1
+ <svg width="398" height="458" viewBox="0 0 398 458" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <circle cx="425.5" cy="83.5" r="374.5" fill="#3A49DA"/>
3
+ <circle cx="271" cy="263" r="10" stroke="#90D0FE" stroke-width="2"/>
4
+ <path d="M357.195 229.242C362.52 219.412 363.04 207.858 358.619 197.632" stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
5
+ <path d="M282.71 206.572C282.446 208.353 282.314 210.149 282.314 211.947C282.31 228.35 293.478 242.871 309.929 247.852C326.381 252.834 344.334 247.13 354.322 233.749" stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
6
+ <path d="M356.028 192.67C347.962 179.834 332.673 172.739 317.057 174.587C301.442 176.434 288.451 186.874 283.945 201.198" stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
7
+ <path d="M292.648 206.374H278.684" stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
8
+ <path d="M273.319 206.374H270" stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
9
+ <path d="M375.47 193.261H370.756" stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
10
+ <path d="M364.924 193.261H350.414" stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
11
+ <ellipse cx="365.646" cy="193.262" rx="0.942932" ry="0.895733" stroke="#90D0FE" stroke-width="2"/>
12
+ <path d="M364.532 233.488H349.805" stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
13
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M329.694 307.975L327.578 313.695C327.427 314.104 327.104 314.426 326.695 314.578L320.975 316.694C319.675 317.175 319.675 319.014 320.975 319.496L326.695 321.612C327.104 321.764 327.427 322.086 327.578 322.495L329.694 328.215C330.176 329.515 332.015 329.515 332.496 328.215L334.612 322.495C334.764 322.086 335.086 321.764 335.495 321.612L341.215 319.496C342.515 319.014 342.515 317.175 341.215 316.694L335.495 314.578C335.086 314.426 334.764 314.104 334.612 313.695L332.496 307.975C332.015 306.675 330.176 306.675 329.694 307.975Z" stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
14
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M158.812 168.591L155.36 177.92C155.114 178.587 154.587 179.112 153.92 179.36L144.591 182.812C142.47 183.596 142.47 186.596 144.591 187.381L153.92 190.833C154.587 191.08 155.114 191.606 155.36 192.273L158.812 201.602C159.597 203.723 162.597 203.723 163.381 201.602L166.833 192.273C167.081 191.606 167.606 191.08 168.273 190.833L177.602 187.381C179.723 186.596 179.723 183.596 177.602 182.812L168.273 179.36C167.606 179.112 167.081 178.587 166.833 177.92L163.381 168.591C162.597 166.47 159.597 166.47 158.812 168.591Z" stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
15
+ <path d="M9.03516 420.036V404" stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
16
+ <path d="M17.051 412.021L1 412.023" stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
17
+ <circle cx="114" cy="297" r="62" fill="white" stroke="#90D0FE" stroke-width="2"/>
18
+ <path d="M134.014 281.991H134.014C132.997 280.974 131.791 280.168 130.463 279.618C129.135 279.068 127.712 278.785 126.275 278.785C124.837 278.785 123.414 279.068 122.086 279.618C120.759 280.168 119.552 280.974 118.536 281.991L114.002 286.524L109.469 281.991C108.452 280.974 107.246 280.168 105.918 279.618C104.59 279.068 103.167 278.785 101.73 278.785C100.293 278.785 98.8693 279.068 97.5415 279.618C96.2136 280.168 95.0071 280.974 93.9908 281.991H93.9907C91.9382 284.043 90.7852 286.827 90.7852 289.73C90.7852 292.633 91.9382 295.416 93.9907 297.469L114.002 317.481L134.014 297.469C136.066 295.416 137.219 292.633 137.219 289.73C137.219 286.827 136.066 284.043 134.014 281.991Z" fill="#9F63C6"/>
19
+ <path d="M115.789 307.36C115.706 307.361 115.624 307.355 115.542 307.343C115.219 307.298 114.914 307.165 114.661 306.96C114.408 306.754 114.217 306.482 114.107 306.175L110.948 297.33L109.302 300.21C109.146 300.483 108.921 300.71 108.648 300.868C108.376 301.026 108.067 301.11 107.752 301.11H96.1434C95.6697 301.11 95.2154 300.922 94.8805 300.587C94.5456 300.252 94.3574 299.797 94.3574 299.324C94.3574 298.85 94.5456 298.396 94.8805 298.061C95.2154 297.726 95.6697 297.538 96.1434 297.538H106.716L109.773 292.187C109.943 291.89 110.194 291.649 110.496 291.49C110.799 291.332 111.141 291.264 111.481 291.294C111.821 291.324 112.145 291.451 112.416 291.66C112.686 291.869 112.891 292.151 113.006 292.472L116.321 301.756L118.8 298.286C118.965 298.055 119.183 297.866 119.436 297.736C119.689 297.606 119.969 297.538 120.253 297.538H131.862C132.336 297.538 132.79 297.726 133.125 298.061C133.46 298.396 133.648 298.85 133.648 299.324C133.648 299.797 133.46 300.252 133.125 300.587C132.79 300.922 132.336 301.11 131.862 301.11H121.173L117.242 306.612C117.077 306.844 116.859 307.032 116.606 307.162C116.353 307.292 116.073 307.36 115.789 307.36Z" fill="white"/>
20
+ <path d="M114.003 319.267C113.768 319.268 113.536 319.222 113.319 319.132C113.103 319.042 112.906 318.91 112.74 318.744L92.7288 298.733C90.3413 296.345 89 293.107 89 289.731C89 286.354 90.3412 283.116 92.7286 280.729C95.116 278.341 98.3541 277 101.73 277C105.107 277 108.345 278.341 110.732 280.729L114.003 284L117.274 280.729C119.663 278.345 122.9 277.006 126.275 277.006C129.651 277.006 132.888 278.345 135.277 280.729C137.661 283.118 139 286.355 139 289.731C139 293.106 137.661 296.343 135.277 298.733L115.266 318.744C115.1 318.91 114.903 319.042 114.687 319.132C114.47 319.222 114.238 319.268 114.003 319.267ZM101.731 280.576C99.9193 280.575 98.1481 281.111 96.6414 282.117C95.1347 283.123 93.9603 284.553 93.2669 286.226C92.5735 287.9 92.3922 289.742 92.7459 291.518C93.0997 293.295 93.9726 294.927 95.2543 296.207L114.003 314.956L132.752 296.207C134.47 294.49 135.435 292.16 135.435 289.731C135.435 287.302 134.47 284.972 132.752 283.254C131.034 281.537 128.705 280.572 126.276 280.571C123.846 280.571 121.517 281.536 119.799 283.254L115.266 287.788C114.924 288.11 114.473 288.29 114.003 288.29C113.533 288.29 113.082 288.11 112.74 287.788L108.207 283.254C107.357 282.403 106.347 281.729 105.236 281.269C104.125 280.81 102.934 280.574 101.731 280.576Z" fill="#4B2048"/>
21
+ <path d="M161 312H189" stroke="#90D0FE" stroke-width="2" stroke-linecap="round"/>
22
+ <path d="M205 312H196" stroke="#90D0FE" stroke-width="2" stroke-linecap="round"/>
23
+ <circle cx="201" cy="240" r="2" stroke="#90D0FE" stroke-width="2"/>
24
+ <circle cx="151" cy="380" r="2" stroke="#90D0FE" stroke-width="2"/>
25
+ </svg>
package/src/assets/svg/scheduler-moon.svg ADDED
@@ -0,0 +1,31 @@
1
+ <svg width="398" height="458" viewBox="0 0 398 458" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <circle cx="425.5" cy="83.5" r="374.5" fill="#3A49DA"/>
3
+ <circle cx="271" cy="263" r="10" stroke="#90D0FE" stroke-width="2"/>
4
+ <path d="M357.195 229.243C362.52 219.413 363.04 207.859 358.619 197.633" stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
5
+ <path d="M282.71 206.572C282.446 208.353 282.314 210.149 282.314 211.947C282.31 228.35 293.478 242.871 309.929 247.852C326.381 252.834 344.334 247.13 354.322 233.749" stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
6
+ <path d="M356.028 192.67C347.962 179.834 332.673 172.739 317.057 174.587C301.442 176.434 288.451 186.874 283.945 201.198" stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
7
+ <path d="M292.648 206.374H278.684" stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
8
+ <path d="M273.319 206.374H270" stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
9
+ <path d="M375.47 193.26H370.756" stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
10
+ <path d="M364.924 193.26H350.414" stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
11
+ <ellipse cx="365.646" cy="193.263" rx="0.942932" ry="0.895733" stroke="#90D0FE" stroke-width="2"/>
12
+ <path d="M364.532 233.487H349.805" stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
13
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M329.694 307.975L327.578 313.695C327.427 314.104 327.104 314.426 326.695 314.578L320.975 316.694C319.675 317.175 319.675 319.014 320.975 319.496L326.695 321.612C327.104 321.764 327.427 322.086 327.578 322.495L329.694 328.215C330.176 329.515 332.015 329.515 332.496 328.215L334.612 322.495C334.764 322.086 335.086 321.764 335.495 321.612L341.215 319.496C342.515 319.014 342.515 317.175 341.215 316.694L335.495 314.578C335.086 314.426 334.764 314.104 334.612 313.695L332.496 307.975C332.015 306.675 330.176 306.675 329.694 307.975Z" stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
14
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M158.812 168.591L155.36 177.92C155.114 178.587 154.587 179.112 153.92 179.36L144.591 182.812C142.47 183.596 142.47 186.596 144.591 187.381L153.92 190.833C154.587 191.08 155.114 191.606 155.36 192.273L158.812 201.602C159.597 203.723 162.597 203.723 163.381 201.602L166.833 192.273C167.081 191.606 167.606 191.08 168.273 190.833L177.602 187.381C179.723 186.596 179.723 183.596 177.602 182.812L168.273 179.36C167.606 179.112 167.081 178.587 166.833 177.92L163.381 168.591C162.597 166.47 159.597 166.47 158.812 168.591Z" stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
15
+ <path d="M9.03516 420.036V404" stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
16
+ <path d="M17.051 412.02L1 412.022" stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
17
+ <circle cx="114" cy="297" r="62" fill="white" stroke="#90D0FE" stroke-width="2"/>
18
+ <path d="M135.297 299C135.297 292.333 129.926 286.963 123.26 286.963C120.667 286.963 118.26 287.796 116.315 289.185C115.574 291.87 113.908 294.185 111.686 295.852V295.944C116.871 298.444 120.482 303.722 120.482 309.833V310.759C121.408 310.944 122.334 311.13 123.26 311.13C129.926 311.037 135.297 305.667 135.297 299Z" fill="white"/>
19
+ <path d="M129.464 302.703C129.093 303.259 128.538 303.629 127.89 303.629C127.519 303.629 127.242 303.536 126.964 303.351L122.334 300.573C121.779 300.203 121.408 299.647 121.408 298.999V292.518C121.408 291.499 122.242 290.666 123.26 290.666C124.279 290.666 125.112 291.499 125.112 292.518V297.888L128.816 300.11C129.742 300.666 130.019 301.87 129.464 302.703Z" fill="white"/>
20
+ <path d="M125.111 283.352V281.407H126.037C127.056 281.407 127.889 280.574 127.889 279.556C127.889 278.537 127.056 277.704 126.037 277.704H120.481C119.463 277.704 118.63 278.537 118.63 279.556C118.63 280.574 119.463 281.407 120.481 281.407H121.407V283.352C119.741 283.537 118.167 284 116.685 284.648C116.037 278.722 110.944 274 104.741 274C98.0741 274 92.7037 279.37 92.7037 286.037C92.7037 290.111 94.7407 293.722 97.8889 295.944C92.6111 298.444 89 303.722 89 309.833V317.611C89 318.63 89.8333 319.463 90.8519 319.463H118.63C119.648 319.463 120.481 318.63 120.481 317.611V314.556C121.407 314.741 122.333 314.833 123.259 314.833C131.963 314.833 139 307.796 139 299.093C139 290.944 132.889 284.278 125.111 283.352Z" fill="#481A54"/>
21
+ <path d="M120.482 310.667V309.741C120.482 303.63 116.871 298.445 111.686 295.853V295.76C113.908 294.186 115.574 291.871 116.315 289.093C118.26 287.704 120.667 286.871 123.26 286.871C129.926 286.871 135.297 292.241 135.297 298.908C135.297 305.575 129.926 310.945 123.26 310.945C122.334 311.038 121.408 310.945 120.482 310.667Z" fill="white"/>
22
+ <path d="M116.777 313.352V315.759H92.7031V309.833C92.7031 303.352 98.0735 298.074 104.74 298.074C105.759 298.074 106.685 298.167 107.611 298.445C108.259 298.63 108.814 298.815 109.462 299C110.111 299.278 110.759 299.648 111.407 300.019C114.555 301.963 116.592 305.296 116.87 309.185C116.87 309.463 116.87 309.648 116.87 309.926V311.408V313.352H116.777Z" fill="#481A54"/>
23
+ <path d="M104.742 277.703C109.371 277.703 113.075 281.407 113.075 286.036C113.075 286.407 113.075 286.777 112.982 287.148C112.612 289.833 110.945 292.148 108.63 293.444C107.519 294.092 106.13 294.37 104.742 294.37C100.112 294.37 96.4082 290.666 96.4082 286.036C96.4082 281.407 100.112 277.703 104.742 277.703Z" fill="#481A54"/>
24
+ <path d="M116.684 309.092C116.406 305.295 114.369 301.962 111.221 299.925C110.666 299.555 110.018 299.184 109.277 298.906C108.721 298.629 108.073 298.443 107.425 298.351C106.499 298.166 105.573 297.98 104.555 297.98C97.8879 297.98 92.5176 303.258 92.5176 309.74V315.666H116.592V313.351V311.314V309.832C116.777 309.555 116.777 309.369 116.684 309.092Z" fill="#8C5EC6"/>
25
+ <path d="M104.742 294.37C106.13 294.37 107.427 293.999 108.63 293.444C110.945 292.24 112.612 289.925 112.982 287.148C113.075 286.777 113.075 286.407 113.075 286.036C113.075 281.407 109.371 277.703 104.742 277.703C100.112 277.703 96.4082 281.407 96.4082 286.036C96.4082 290.666 100.112 294.37 104.742 294.37Z" fill="#8C5EC6"/>
26
+ <path d="M128.816 300.204L125.112 297.982V292.612C125.112 291.593 124.279 290.76 123.26 290.76C122.242 290.76 121.408 291.593 121.408 292.612V299.093C121.408 299.741 121.779 300.389 122.334 300.667L126.964 303.445C127.242 303.63 127.612 303.723 127.89 303.723C128.538 303.723 129.093 303.445 129.464 302.797C130.019 301.871 129.742 300.667 128.816 300.204Z" fill="#481A54"/>
27
+ <path d="M161 312H189" stroke="#90D0FE" stroke-width="2" stroke-linecap="round"/>
28
+ <path d="M205 312H196" stroke="#90D0FE" stroke-width="2" stroke-linecap="round"/>
29
+ <circle cx="201" cy="240" r="2" stroke="#90D0FE" stroke-width="2"/>
30
+ <circle cx="151" cy="380" r="2" stroke="#90D0FE" stroke-width="2"/>
31
+ </svg>
package/src/modules/dx/buttonToggle/buttonToggle.css CHANGED
@@ -42,3 +42,9 @@ button:focus:hover {
42
42
  align-items: center;
43
43
  gap: 5px;
44
44
  }
45
+
46
+ .pressed {
47
+ background-color: var(--sds-g-gray-14);
48
+ border-color: var(--sds-g-gray-14);
49
+ color: white;
50
+ }
package/src/modules/dx/buttonToggle/buttonToggle.html CHANGED
@@ -1,5 +1,6 @@
1
1
  <template>
2
2
  <button
3
+ class={className}
3
4
  onclick={handleMouseEvent}
4
5
  onmouseenter={handleMouseEvent}
5
6
  onmouseleave={handleMouseEvent}
package/src/modules/dx/buttonToggle/buttonToggle.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import { LightningElement, api } from "lwc";
2
+ import cx from "classnames";
2
3
  import { normalizeBoolean } from "dxUtils/normalizers";
3
4
 
4
5
  export default class ButtonToggle extends LightningElement {
@@ -25,6 +26,10 @@ export default class ButtonToggle extends LightningElement {
25
26
  private mouseHovering: boolean = false;
26
27
  private hasFocus: boolean = false;
27
28
 
29
+ private get className(): string {
30
+ return cx(this.value && "pressed");
31
+ }
32
+
28
33
  private get symbol() {
29
34
  if (
30
35
  (this.value && this.mouseHovering && !this.hasFocus) ||
package/src/modules/dx/featuredContentHeader/featuredContentHeader.css CHANGED
@@ -253,6 +253,36 @@
253
253
  }
254
254
  }
255
255
 
256
+ .custom-bg-consumer-moon::after {
257
+ background-image: url(/assets/svg/consumer-moon.svg);
258
+ }
259
+
260
+ .custom-bg-financial-moon::after {
261
+ background-image: url(/assets/svg/financial-moon.svg);
262
+ }
263
+
264
+ .custom-bg-health-moon::after {
265
+ background-image: url(/assets/svg/health-moon.svg);
266
+ }
267
+
268
+ .custom-bg-scheduler-moon::after {
269
+ background-image: url(/assets/svg/scheduler-moon.svg);
270
+ }
271
+
272
+ .custom-bg-consumer-moon::after,
273
+ .custom-bg-financial-moon::after,
274
+ .custom-bg-health-moon::after,
275
+ .custom-bg-scheduler-moon::after {
276
+ content: "";
277
+ background-position: top right;
278
+ background-repeat: no-repeat;
279
+ position: absolute;
280
+ right: 0;
281
+ top: 0;
282
+ width: 100%;
283
+ height: 100%;
284
+ }
285
+
256
286
  /* Z INDEX STUFF */
257
287
 
258
288
  .label,
package/src/modules/dx/featuredContentHeader/featuredContentHeader.ts CHANGED
@@ -17,7 +17,17 @@ export default class FeaturedContentHeader extends LightningElement {
17
17
  @api href?: string;
18
18
  @api target?: string | null = null;
19
19
  @api title!: string;
20
- @api backgroundImg?: "trees" | "codey" | "blog" | "moon" | "trial" | null = null;
20
+ @api backgroundImg?:
21
+ | "trees"
22
+ | "codey"
23
+ | "blog"
24
+ | "moon"
25
+ | "trial"
26
+ | "consumer-moon"
27
+ | "financial-moon"
28
+ | "health-moon"
29
+ | "scheduler-moon"
30
+ | null = null;
21
31
  @api noSwoop: boolean = false;
22
32
 
23
33
  private _authors?: Array<ImageAndLabel>;
package/src/modules/dx/modal/modal.html CHANGED
@@ -5,6 +5,8 @@
5
5
  <div
6
6
  if:true={open}
7
7
  class="modal-drawer_overlay"
8
- onclick={handleCloseModal}
8
+ onclick={handleToggleModal}
9
+ onkeydown={handleKeyDown}
10
+ tabindex="0"
9
11
  ></div>
10
12
  </template>
package/src/modules/dx/modal/modal.ts CHANGED
@@ -20,7 +20,13 @@ export default class Modal extends LightningElement {
20
20
  );
21
21
  }
22
22
 
23
- handleCloseModal() {
23
+ handleKeyDown(event: KeyboardEvent): void {
24
+ if (event.key === "Escape") {
25
+ this.handleToggleModal();
26
+ }
27
+ }
28
+
29
+ handleToggleModal() {
24
30
  this._open = !this._open;
25
31
  this.dispatchEvent(new CustomEvent("togglemodal"));
26
32
  }
package/src/modules/dx/modalDrawer/modalDrawer.html CHANGED
@@ -1,11 +1,11 @@
1
1
  <template>
2
- <div class={containerClass}>
2
+ <div class={containerClass} onkeydown={handleKeyDown} tabindex="0">
3
3
  <slot></slot>
4
- <dx-button onclick={handleCloseModal}>Done</dx-button>
4
+ <dx-button onclick={handleToggleModal}>Done</dx-button>
5
5
  </div>
6
6
  <div
7
7
  if:true={open}
8
8
  class="modal-drawer_overlay"
9
- onclick={handleCloseModal}
9
+ onclick={handleToggleModal}
10
10
  ></div>
11
11
  </template>
package/src/modules/dx/modalDrawer/modalDrawer.ts CHANGED
@@ -20,7 +20,13 @@ export default class ModalDrawer extends LightningElement {
20
20
  );
21
21
  }
22
22
 
23
- handleCloseModal() {
23
+ handleKeyDown(event: KeyboardEvent): void {
24
+ if (event.key === "Escape") {
25
+ this.handleToggleModal();
26
+ }
27
+ }
28
+
29
+ handleToggleModal() {
24
30
  this._open = !this._open;
25
31
  this.dispatchEvent(new CustomEvent("clickclose"));
26
32
  }