Remove Picto Card (mozilla#915)

CHANGELOG.md

@@ -1,6 +1,7 @@
 # HEAD
 
 ## Features
+* **component:** Remove deprecated Picto Card component.
 * **component:** Remove deprecated Hero component. (#912)
 * **component:** Refactor and rename the Callout component (previously Call-out) (#787)
 * **component:** Remove Compact Call-out as a separate component. It's now just a variant of the updated Callout.
@@ -20,6 +21,7 @@
 * The rebuilt Callout doesn't feature integrated brand logos. Use Logo and Wordmark components instead.
 * The rebuilt Compact Callout lacks an integrated logo, so it no longer positions the logo at one end of the component. A Logo or Wordmark component should appear in the body instead.
 * Convert any instances of the Hero component to either Split or Callout.
+* Convert any instances of the Picto Card component to Picto.
 
 # 18.0.0
 ## Features

assets/sass/protocol/protocol-components.scss

@@ -33,7 +33,6 @@
 @use 'components/newsletter-form';
 @use 'components/notification-bar';
 @use 'components/picto';
-@use 'components/picto-card';
 @use 'components/section-heading';
 @use 'components/sidebar-menu';
 @use 'components/split';

assets/sass/protocol/templates/_card-layout.scss

@@ -180,25 +180,6 @@
     }
 }
 
-// * -------------------------------------------------------------------------- */
-// 3 picto card layout
-// On small screens cards stack vertically and span full container width.
-// On medium screens cards span 1 third width.
-
-.mzp-l-card-third { /* stylelint-disable-line no-duplicate-selectors */
-    @media #{$mq-md} {
-        @include clearfix;
-
-        .mzp-c-card-picto {
-            width: 33.3%;
-
-            @include bidi((
-                (float, left, right),
-            ));
-        }
-    }
-}
-
 // * -------------------------------------------------------------------------- */
 // 2 card layout
 // On small screens cards stack vertically and span full container width.
@@ -236,21 +217,3 @@
         width: calc(50% - (#{$spacing-xl} - (#{$spacing-xl} * 0.5)));
     }
 }
-
-// * -------------------------------------------------------------------------- */
-// 2 picto card layout
-// On small screens cards stack vertically and span full container width.
-// On medium screens cards span 1 third width.
-.mzp-l-card-half {
-    @media #{$mq-md} {
-        @include clearfix;
-
-        .mzp-c-card-picto {
-            width: 50%;
-
-            @include bidi((
-                (float, left, right),
-            ));
-        }
-    }
-}

netlify.toml

@@ -119,10 +119,14 @@
   from = "/patterns/molecules/notification-bar*"
   to = "components/detail/notification-bar"
 
-# depreciated
+# deprecated
 [[redirects]]
   from = "/patterns/molecules/picto-card*"
-  to = "/components/detail/picto-card"
+  to = "/components/detail/picto"
+
+[[redirects]]
+  from = "/components/detail/picto-card*"
+  to = "/components/detail/picto"
 
 [[redirects]]
   from = "/patterns/molecules/picto*"