@salesforcedevs/dw-components 1.3.176-canary.0 → 1.3.179-alpha.1

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/dw-components",
-    "version": "1.3.176-canary.0",
+    "version": "1.3.179-alpha.1",
     "description": "Lightning web components for https://developer.salesforce.com",
     "license": "MIT",
     "engines": {

package/src/modules/dw/codeSamplesGrid/codeSamplesGrid.css

@@ -83,7 +83,6 @@ dx-section {
 
 .pagination-container {
     max-width: fit-content;
-    max-width: -moz-fit-content;
     margin: 50px auto;
 }
 
@@ -158,13 +157,13 @@ dx-section {
 }
 
 @media screen and (min-width: 1025px) {
-    .item-container:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) {
+    .item-container:not(:nth-child(1), :nth-child(2), :nth-child(3)) {
         margin-top: 70px;
     }
 }
 
 @media screen and (max-width: 1024px) and (min-width: 768px) {
-    .item-container:not(:nth-child(1)):not(:nth-child(2)) {
+    .item-container:not(:nth-child(1), :nth-child(2)) {
         margin-top: 51px;
     }
 }

package/src/modules/dw/contentArchive/contentArchive.css

@@ -182,13 +182,13 @@ dx-filter-menu {
 
 .chip-title {
     font-weight: bold;
-    color: rgb(24, 24, 24);
+    color: rgb(24 24 24);
 }
 
 .chip-item {
-    border: 2px solid rgb(92, 92, 92);
+    border: 2px solid rgb(92 92 92);
     border-radius: 4px;
-    color: rgb(92, 92, 92);
+    color: rgb(92 92 92);
     font-weight: 600;
     padding: 2px 4px;
 }

package/src/modules/dw/docsGrid/docsGrid.css

@@ -33,7 +33,6 @@
 
 .pagination-container {
     max-width: fit-content;
-    max-width: -moz-fit-content;
     margin: var(--dx-g-spacing-lg) auto;
 }
 

package/src/modules/dw/eventsList/eventsList.css

@@ -23,7 +23,7 @@ dx-section.events-action-bar::part(container) {
 
 dx-section.upcoming-events::part(container)::before {
     content: "";
-    background-image: url(https://a.sfdcstatic.com/developer-website/images/events-cloud1.svg);
+    background-image: url("https://a.sfdcstatic.com/developer-website/images/events-cloud1.svg");
     width: 146px;
     height: 106px;
     position: absolute;
@@ -34,7 +34,7 @@ dx-section.upcoming-events::part(container)::before {
 
 dx-section.upcoming-events::part(container)::after {
     content: "";
-    background-image: url(https://a.sfdcstatic.com/developer-website/images/events-cloud2.svg);
+    background-image: url("https://a.sfdcstatic.com/developer-website/images/events-cloud2.svg");
     width: 152px;
     height: 111px;
     position: absolute;
@@ -45,7 +45,7 @@ dx-section.upcoming-events::part(container)::after {
 
 dx-section.past-events::part(container)::before {
     content: "";
-    background-image: url(https://a.sfdcstatic.com/developer-website/images/events-gradient-elipse.svg);
+    background-image: url("https://a.sfdcstatic.com/developer-website/images/events-gradient-elipse.svg");
     width: 2991px;
     height: 839px;
     position: absolute;
@@ -56,7 +56,7 @@ dx-section.past-events::part(container)::before {
 
 dx-section:not(:nth-child(2)).past-events::part(container)::after {
     content: "";
-    background-image: url(https://a.sfdcstatic.com/developer-website/images/events-cloud3.svg);
+    background-image: url("https://a.sfdcstatic.com/developer-website/images/events-cloud3.svg");
     width: 655px;
     height: 270px;
     position: absolute;

package/src/modules/dw/j2sCardSequenceStep/j2sCardSequenceStep.css

@@ -6,7 +6,7 @@
 dx-card-step.final-card-with-action::part(footer-container) {
     background-color: var(--dx-g-indigo-vibrant-95);
     border-radius: 8px;
-    margin: 0 30px 30px 30px;
+    margin: 0 30px 30px;
 }
 
 [slot="secondary-action-section"] {
@@ -71,6 +71,6 @@ dx-card-step.final-card-with-action::part(footer-container) {
 @media screen and (max-width: 320px) {
     /* Special styling for the final step's actions if they are shown */
     dx-card-step.final-card-with-action::part(footer-container) {
-        margin: 0 20px 30px 20px;
+        margin: 0 20px 30px;
     }
 }

package/src/modules/dw/j2sForm/j2sForm.ts

@@ -302,6 +302,7 @@ export default class J2sForm extends LightningElementWithState<J2sFormState> {
 
         this.setState({
             MailingCountry: countryCode,
+            MailingState: undefined,
             learnMore: countryData.learnMore,
             legalText: countryData.legalText,
             marketingText: countryData.marketingText,

package/src/modules/dw/newsletterForm/newsletterForm.css

@@ -11,7 +11,7 @@
 
 h4 {
     font-size: 20px;
-    margin: 0 0 28px 0;
+    margin: 0 0 28px;
     text-align: center;
 }
 
@@ -55,7 +55,7 @@ dx-checkbox:last-of-type {
 .marketing-text,
 .legal-text {
     font-size: 14px;
-    margin: 0 0 16px 0;
+    margin: 0 0 16px;
 }
 
 @media screen and (max-width: 360px) {

package/src/modules/dw/podcastSubscription/podcastSubscription.css

@@ -5,8 +5,7 @@
     background-repeat: no-repeat;
     background-position: center;
     display: flex;
-    flex-direction: column;
-    flex-wrap: wrap;
+    flex-flow: column wrap;
     align-items: center;
     justify-content: center;
     text-align: center;
@@ -24,7 +23,7 @@
     }
 
     .badges {
-        margin: 8px auto 6px auto;
+        margin: 8px auto 6px;
         text-align: center;
     }
 
@@ -59,7 +58,7 @@
 
     .badges a {
         display: inline-block;
-        margin: 22px 13px 8px 13px;
+        margin: 22px 13px 8px;
     }
 
     .badges img {

package/src/modules/dw/slackCta/slackCta.css

@@ -4,8 +4,7 @@
 .container {
     background-repeat: no-repeat;
     display: flex;
-    flex-direction: column;
-    flex-wrap: wrap;
+    flex-flow: column wrap;
     align-items: center;
     justify-content: center;
     text-align: center;

package/src/modules/dw/j2sCardSequence/mockProps.ts

@@ -1,61 +0,0 @@
-export const stepSequenceData = {
-    animateTransitions: "true",
-    stepsData: [
-        {
-            bodyHtml:
-                '<p class="dx-text-display-7">Register for Journey to Salesforce and you\'ll be on your way to becoming a Salesforce Developer.</p><ul class="dx-text-display-8"><li>Step 1: Log in or sign up for a free Trailblazer.me account</li><li>Step 2: Confirm your program registration</li><li>Step 3: Begin your journey!</li></ul>',
-            primaryAction: {
-                text: "Get Started"
-            },
-            showStepNumber: "true",
-            stepTitle: "Get started now."
-        },
-        {
-            bodyHtml:
-                '<p class="dx-text-display-7">You\'re almost done! Please review your information and agree to the Journey to Salesforce program terms and conditions.</p>',
-            formData: {
-                countriesWithReferralInput: ["IN"],
-                countriesWithRequiredJobRole: ["CA"],
-                formId: "j2s-form",
-                j2sTerms:
-                    'I agree to the Journey to Salesforce Program Terms, subject to the <a href="http://www.google.com">Salesforce Program Agreement</a>.',
-                notAvailableAlertInfo: {
-                    title: "Not Available",
-                    body:
-                        'The Journey to Salesforce program is not currently available in your country. See the <a href="https://www.google.com/">program FAQs</a> for a list of participating countries.'
-                },
-                participatingCountryCodes: ["US", "CA", "IN"]
-            },
-            primaryAction: {
-                text: "Complete Registration"
-            },
-            secondaryActionHtml:
-                '<span class="required-notice">* Required to participate in Journey to Salesforce</span>',
-            showStepNumber: "true",
-            stepTitle: "Complete your registration."
-        },
-        {
-            bodyHtml:
-                '<div class="dx-text-display-8"><p>Welcome to Journey to Salesforce! Congratulations on taking this step in your journey towards becoming a Salesforce Developer. Through this program you\'ll gain the knowledge, experience, and skills to help you excel in the Salesforce ecosystem.</p><p>To get started, click the button below to join the Journey to Salesforce community, and make sure to check your email for links to bookmark!</p></div>',
-            headerData: {
-                backgroundColor: "green-vibrant-95",
-                iconSymbol: "check-circle",
-                iconSprite: "general",
-                iconColor: "green-vibrant-65",
-                textColor: "indigo-vibrant-20"
-            },
-            primaryAction: {
-                iconSprite: "utility",
-                iconSymbol: "new_window",
-                link:
-                    "https://salesforce-external.slack.com/archives/C05HJK4PGJV",
-                text: "Join Slack",
-                variant: "custom"
-            },
-            secondaryActionHtml:
-                '<span class="dx-text-display-7">Ready to jump in?</span>',
-            showStepNumber: "true",
-            stepTitle: "Your Registration is Confirmed"
-        }
-    ]
-};