@codecademy/brand 3.38.1-alpha.1a59b7015f.0 → 3.38.1-alpha.30ab19aa85.0

package/dist/AppBarDeprecated/styles/index.module.scss

@@ -1,7 +1,7 @@
-@import "~@codecademy/gamut-styles/utils";
+@use "~@codecademy/gamut-styles/utils";
 
-$appbar-gutter: px-rem(8px);
-$appbar-tab-width: px-rem(48px);
+$appbar-gutter: utils.px-rem(8px);
+$appbar-tab-width: utils.px-rem(48px);
 $appbar-z: 14;
 
 .wrapper {

package/dist/EditorialImage/styles.module.scss

@@ -1,9 +1,9 @@
-@import "~@codecademy/gamut-styles/utils";
+@use "~@codecademy/gamut-styles/utils";
 
 .imageContainer {
   position: relative;
   width: calc(100% - 1rem);
-  @include screen-size-gte($grid-xs-min) {
+  @include utils.screen-size-gte(utils.$grid-xs-min) {
     width: inherit;
   }
 }
@@ -28,7 +28,7 @@
 }
 
 .caption {
-  color: $color-white;
+  color: utils.$color-white;
   opacity: 0.7;
   font-weight: bold;
   margin: 1rem 1rem 0;

package/dist/Loading/styles.module.scss

@@ -1,4 +1,4 @@
-@import "~@codecademy/gamut-styles/utils";
+@use "~@codecademy/gamut-styles/utils";
 
 $c-offset: 169;
 $inner-offset: 287;
@@ -76,11 +76,11 @@ $animation-duration: 3s;
 
 .fullPage {
   width: 100%;
-  height: viewport-height(-($height-header));
+  height: viewport-height(-(utils.$height-header));
 }
 
 .loading {
-  width: px-rem(120px);
+  width: utils.px-rem(120px);
 }
 
 .underline {

package/dist/PlanCard/consts.d.ts

@@ -2,7 +2,7 @@ interface Detail {
     id: string;
     title: string;
     tag: string;
-    variant: 'paleYellow' | 'yellow' | 'black' | 'navy-800';
+    variant: 'paleYellow' | 'yellow' | 'black';
     features: {
         name: string;
         available: boolean;

package/dist/PlanCard/consts.js

@@ -136,7 +136,7 @@ export const planDetails = {
     id: 'bootcamp-all-access-pass',
     title: 'Bootcamp All Access Pass',
     tag: 'Includes 1 year of Pro',
-    variant: 'navy-800',
+    variant: 'black',
     features: [{
       name: 'Includes 1 year of Pro',
       available: true,