Updated styles and tokens

lmc-eu · Feb 4, 2025 · a024a9c · a024a9c
1 parent 51578c6
commit a024a9c
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 12 deletions.
diff --git a/packages/design-tokens/src/js/global-tokens/other.ts b/packages/design-tokens/src/js/global-tokens/other.ts
@@ -3,7 +3,7 @@ export const containerPaddingMobile = '16px';
 export const containerPaddingTablet = '32px';
 export const containerPaddingDesktop = '32px';
 
-export const containerXSmallMaxWidth = '480px';
+export const containerXsmallMaxWidth = '480px';
 
 export const containerSmallMaxWidth = '640px';
 
@@ -13,7 +13,7 @@ export const containerLargeMaxWidth = '1024px';
 
 export const containerMaxWidth = '1280px';
 
-export const containerXLargeMaxWidth = '1280px';
+export const containerXlargeMaxWidth = '1280px';
 
 export const breakpointMobile = 0;
 export const breakpointTablet = '768px';
@@ -33,8 +33,8 @@ export const containers = {
     tablet: containerPaddingTablet,
     desktop: containerPaddingDesktop,
   },
-  xSmall: {
-    maxWidth: containerXSmallMaxWidth,
+  xsmall: {
+    maxWidth: containerXsmallMaxWidth,
   },
   small: {
     maxWidth: containerSmallMaxWidth,
@@ -46,8 +46,8 @@ export const containers = {
     maxWidth: containerLargeMaxWidth,
   },
   maxWidth: containerMaxWidth,
-  xLarge: {
-    maxWidth: containerXLargeMaxWidth,
+  xlarge: {
+    maxWidth: containerXlargeMaxWidth,
   },
 };
 

diff --git a/packages/design-tokens/src/scss/global-tokens/_other.scss b/packages/design-tokens/src/scss/global-tokens/_other.scss
@@ -3,7 +3,7 @@ $container-padding-mobile: 16px !default;
 $container-padding-tablet: 32px !default;
 $container-padding-desktop: 32px !default;
 
-$container-x-small-max-width: 480px !default;
+$container-xsmall-max-width: 480px !default;
 
 $container-small-max-width: 640px !default;
 
@@ -13,7 +13,7 @@ $container-large-max-width: 1024px !default;
 
 $container-max-width: 1280px !default;
 
-$container-x-large-max-width: 1280px !default;
+$container-xlarge-max-width: 1280px !default;
 
 $breakpoint-mobile: 0 !default;
 $breakpoint-tablet: 768px !default;
@@ -33,8 +33,8 @@ $containers: (
         tablet: $container-padding-tablet,
         desktop: $container-padding-desktop,
     ),
-    x-small: (
-        max-width: $container-x-small-max-width,
+    xsmall: (
+        max-width: $container-xsmall-max-width,
     ),
     small: (
         max-width: $container-small-max-width,
@@ -46,8 +46,8 @@ $containers: (
         max-width: $container-large-max-width,
     ),
     max-width: $container-max-width,
-    x-large: (
-        max-width: $container-x-large-max-width,
+    xlarge: (
+        max-width: $container-xlarge-max-width,
     ),
 ) !default;