@salesforcedevs/dx-components 0.0.0-alpha.22 → 0.0.0-alpha.24

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/dx-components",
-    "version": "0.0.0-alpha.22",
+    "version": "0.0.0-alpha.24",
     "description": "DX Lightning web components",
     "license": "MIT",
     "engines": {

package/src/assets/svg/big-moon.svg

@@ -1 +1 @@
-<svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 398 458" width="398" height="458"><style>.a{fill:#3a49da}.b{fill:none;stroke:#90d0fe;stroke-width:2}.c{fill:none;stroke:#90d0fe;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.d{fill:none;stroke:#90d0fe;stroke-linecap:round;stroke-width:2}</style><path class="a" d="m425.5 458c-207.1 0-374.5-167.4-374.5-374.5 0-207.1 167.4-374.5 374.5-374.5 207.1 0 374.5 167.4 374.5 374.5 0 207.1-167.4 374.5-374.5 374.5z"/><path class="b" d="m271 273c-5.5 0-10-4.5-10-10 0-5.5 4.5-10 10-10 5.5 0 10 4.5 10 10 0 5.5-4.5 10-10 10z"/><path class="c" d="m357.2 229.2c5.3-9.8 5.8-21.3 1.4-31.6"/><path class="c" d="m354.3 233.7c-10 13.4-27.9 19.1-44.4 14.2-16.4-5-27.6-19.5-27.6-36q0-2.7 0.4-5.3"/><path class="c" d="m283.9 201.2c4.6-14.3 17.5-24.8 33.2-26.6 15.6-1.9 30.9 5.2 38.9 18.1"/><path class="c" d="m292.6 206.4h-13.9"/><path class="c" d="m273.3 206.4h-3.3"/><path class="c" d="m375.5 193.3h-4.7"/><path class="c" d="m364.9 193.3h-14.5"/><path class="b" d="m365.6 194.2c-0.5 0-0.9-0.4-0.9-0.9 0-0.5 0.4-0.9 0.9-0.9 0.6 0 1 0.4 1 0.9 0 0.5-0.4 0.9-1 0.9z"/><path class="c" d="m364.5 233.5h-14.7"/><path class="c" d="m332.5 308l2.1 5.7q0.3 0.6 0.9 0.9l5.7 2.1c1.3 0.5 1.3 2.3 0 2.8l-5.7 2.1q-0.6 0.3-0.9 0.9l-2.1 5.7c-0.5 1.3-2.3 1.3-2.8 0l-2.1-5.7q-0.3-0.6-0.9-0.9l-5.7-2.1c-1.3-0.5-1.3-2.3 0-2.8l5.7-2.1q0.6-0.3 0.9-0.9l2.1-5.7c0.5-1.3 2.3-1.3 2.8 0z"/><path class="c" d="m163.4 168.6l3.4 9.3q0.5 1 1.5 1.5l9.3 3.4c2.1 0.8 2.1 3.8 0 4.6l-9.3 3.4q-1 0.5-1.5 1.5l-3.4 9.3c-0.8 2.1-3.8 2.1-4.6 0l-3.4-9.3q-0.5-1-1.5-1.5l-9.3-3.4c-2.1-0.8-2.1-3.8 0-4.6l9.3-3.4q1-0.5 1.5-1.5l3.4-9.3c0.8-2.1 3.8-2.1 4.6 0z"/><path class="c" d="m11 419v-16"/><path class="c" d="m17.1 412h-16.1"/><path class="d" d="m161 312h28"/><path class="d" d="m205 312h-9"/><path class="b" d="m201 242c-1.1 0-2-0.9-2-2 0-1.1 0.9-2 2-2 1.1 0 2 0.9 2 2 0 1.1-0.9 2-2 2z"/><path class="b" d="m151 382c-1.1 0-2-0.9-2-2 0-1.1 0.9-2 2-2 1.1 0 2 0.9 2 2 0 1.1-0.9 2-2 2z"/></svg>
+<svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 397 322" width="397" height="322"><defs><clipPath clipPathUnits="userSpaceOnUse" id="cp1"><path d="m0 0h397v322h-397z"/></clipPath></defs><style>.a{fill:#3a49da}.b{fill:none;stroke:#90d0fe;stroke-width:2}.c{fill:none;stroke:#90d0fe;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.d{fill:none;stroke:#90d0fe;stroke-linecap:round;stroke-width:2}</style><g clip-path="url(#cp1)"><path class="a" d="m424.5 322c-207.1 0-374.5-167.4-374.5-374.5 0-207.1 167.4-374.5 374.5-374.5 207.1 0 374.5 167.4 374.5 374.5 0 207.1-167.4 374.5-374.5 374.5z"/><path class="b" d="m270 137c-5.5 0-10-4.5-10-10 0-5.5 4.5-10 10-10 5.5 0 10 4.5 10 10 0 5.5-4.5 10-10 10z"/><path class="c" d="m356.2 93.2c5.3-9.8 5.8-21.3 1.4-31.6"/><path class="c" d="m353.3 97.7c-10 13.4-27.9 19.1-44.4 14.2-16.4-5-27.6-19.5-27.6-36q0-2.7 0.4-5.3"/><path class="c" d="m282.9 65.2c4.6-14.3 17.5-24.8 33.2-26.6 15.6-1.9 30.9 5.2 38.9 18.1"/><path class="c" d="m291.6 70.4h-13.9"/><path class="c" d="m272.3 70.4h-3.3"/><path class="c" d="m374.5 57.3h-4.7"/><path class="c" d="m363.9 57.3h-14.5"/><path class="b" d="m364.6 58.2c-0.5 0-0.9-0.4-0.9-0.9 0-0.5 0.4-0.9 0.9-0.9 0.6 0 1 0.4 1 0.9 0 0.5-0.4 0.9-1 0.9z"/><path class="c" d="m363.5 97.5h-14.7"/><path class="c" d="m331.5 172l2.1 5.7q0.3 0.6 0.9 0.9l5.7 2.1c1.3 0.5 1.3 2.3 0 2.8l-5.7 2.1q-0.6 0.3-0.9 0.9l-2.1 5.7c-0.5 1.3-2.3 1.3-2.8 0l-2.1-5.7q-0.3-0.6-0.9-0.9l-5.7-2.1c-1.3-0.5-1.3-2.3 0-2.8l5.7-2.1q0.6-0.3 0.9-0.9l2.1-5.7c0.5-1.3 2.3-1.3 2.8 0z"/><path class="c" d="m162.4 32.6l3.4 9.3q0.5 1.1 1.5 1.5l9.3 3.4c2.1 0.8 2.1 3.8 0 4.6l-9.3 3.4q-1 0.4-1.5 1.5l-3.4 9.3c-0.8 2.1-3.8 2.1-4.6 0l-3.4-9.3q-0.5-1.1-1.5-1.5l-9.3-3.4c-2.1-0.8-2.1-3.8 0-4.6l9.3-3.4q1-0.4 1.5-1.5l3.4-9.3c0.8-2.1 3.8-2.1 4.6 0z"/><path class="c" d="m8 284v-16"/><path class="c" d="m16.1 276h-16.1"/><path class="d" d="m160 176h28"/><path class="d" d="m204 176h-9"/><path class="b" d="m200 106c-1.1 0-2-0.9-2-2 0-1.1 0.9-2 2-2 1.1 0 2 0.9 2 2 0 1.1-0.9 2-2 2z"/><path class="b" d="m150 246c-1.1 0-2-0.9-2-2 0-1.1 0.9-2 2-2 1.1 0 2 0.9 2 2 0 1.1-0.9 2-2 2z"/></g></svg>

package/src/modules/dx/featuredContentHeader/featuredContentHeader.css

@@ -275,7 +275,7 @@
     align-items: center;
     position: absolute;
     background-image: url(/assets/svg/blue-circle.svg);
-    top: 250px;
+    top: 110px;
     right: 230px;
     left: unset;
     width: 126px;

package/src/modules/dx/tabPanelItem/tabPanelItem.css

@@ -1,9 +1,5 @@
 @import "dxHelpers/reset";
 
-button:focus {
-    outline: unset;
-}
-
 .tab {
     color: var(--dx-g-blue-vibrant-20);
     font-family: var(--dx-g-font-display);

package/src/modules/dx/tabPanelItem/tabPanelItem.html

@@ -5,10 +5,10 @@
         id={tabId}
         onclick={onClick}
         class={className}
-        tabindex={activeTabIndex}
         aria-controls={panelId}
         aria-label="Tab button"
         aria-selected={active}
+        tabindex={index}
     >
         <slot></slot>
     </button>