@guardian/stand 0.0.37 → 0.0.39

package/dist/styleD/build/typescript/base/radius.js

@@ -1,10 +1,10 @@
 const baseRadius = {
-  "corner-2-px": "2px",
-  "corner-4-px": "4px",
-  "corner-8-px": "8px",
-  "corner-2-rem": "0.125rem",
-  "corner-4-rem": "0.25rem",
-  "corner-8-rem": "0.5rem"
+  corner2Px: "2px",
+  corner4Px: "4px",
+  corner8Px: "8px",
+  corner2Rem: "0.125rem",
+  corner4Rem: "0.25rem",
+  corner8Rem: "0.5rem"
 };
 
 export { baseRadius };

package/dist/styleD/build/typescript/base/sizing.cjs

@@ -1,26 +1,26 @@
 'use strict';
 
 const baseSizing = {
-  "size-1-px": "1px",
-  "size-2-px": "2px",
-  "size-8-px": "8px",
-  "size-16-px": "16px",
-  "size-18-px": "18px",
-  "size-20-px": "20px",
-  "size-24-px": "24px",
-  "size-32-px": "32px",
-  "size-40-px": "40px",
-  "size-48-px": "48px",
-  "size-1-rem": "0.0625rem",
-  "size-2-rem": "0.125rem",
-  "size-8-rem": "0.5rem",
-  "size-16-rem": "1rem",
-  "size-18-rem": "1.125rem",
-  "size-20-rem": "1.25rem",
-  "size-24-rem": "1.5rem",
-  "size-32-rem": "2rem",
-  "size-40-rem": "2.5rem",
-  "size-48-rem": "3rem"
+  size1Px: "1px",
+  size2Px: "2px",
+  size8Px: "8px",
+  size16Px: "16px",
+  size18Px: "18px",
+  size20Px: "20px",
+  size24Px: "24px",
+  size32Px: "32px",
+  size40Px: "40px",
+  size48Px: "48px",
+  size1Rem: "0.0625rem",
+  size2Rem: "0.125rem",
+  size8Rem: "0.5rem",
+  size16Rem: "1rem",
+  size18Rem: "1.125rem",
+  size20Rem: "1.25rem",
+  size24Rem: "1.5rem",
+  size32Rem: "2rem",
+  size40Rem: "2.5rem",
+  size48Rem: "3rem"
 };
 
 exports.baseSizing = baseSizing;

package/dist/styleD/build/typescript/base/sizing.js

@@ -1,24 +1,24 @@
 const baseSizing = {
-  "size-1-px": "1px",
-  "size-2-px": "2px",
-  "size-8-px": "8px",
-  "size-16-px": "16px",
-  "size-18-px": "18px",
-  "size-20-px": "20px",
-  "size-24-px": "24px",
-  "size-32-px": "32px",
-  "size-40-px": "40px",
-  "size-48-px": "48px",
-  "size-1-rem": "0.0625rem",
-  "size-2-rem": "0.125rem",
-  "size-8-rem": "0.5rem",
-  "size-16-rem": "1rem",
-  "size-18-rem": "1.125rem",
-  "size-20-rem": "1.25rem",
-  "size-24-rem": "1.5rem",
-  "size-32-rem": "2rem",
-  "size-40-rem": "2.5rem",
-  "size-48-rem": "3rem"
+  size1Px: "1px",
+  size2Px: "2px",
+  size8Px: "8px",
+  size16Px: "16px",
+  size18Px: "18px",
+  size20Px: "20px",
+  size24Px: "24px",
+  size32Px: "32px",
+  size40Px: "40px",
+  size48Px: "48px",
+  size1Rem: "0.0625rem",
+  size2Rem: "0.125rem",
+  size8Rem: "0.5rem",
+  size16Rem: "1rem",
+  size18Rem: "1.125rem",
+  size20Rem: "1.25rem",
+  size24Rem: "1.5rem",
+  size32Rem: "2rem",
+  size40Rem: "2.5rem",
+  size48Rem: "3rem"
 };
 
 export { baseSizing };

package/dist/styleD/build/typescript/base/spacing.cjs

@@ -1,40 +1,40 @@
 'use strict';
 
 const baseSpacing = {
-  "2-px": "2px",
-  "4-px": "4px",
-  "6-px": "6px",
-  "8-px": "8px",
-  "10-px": "10px",
-  "12-px": "12px",
-  "16-px": "16px",
-  "20-px": "20px",
-  "24-px": "24px",
-  "32-px": "32px",
-  "36-px": "36px",
-  "40-px": "40px",
-  "48-px": "48px",
-  "64-px": "64px",
-  "72-px": "72px",
-  "80-px": "80px",
-  "96-px": "96px",
-  "2-rem": "0.125rem",
-  "4-rem": "0.25rem",
-  "6-rem": "0.375rem",
-  "8-rem": "0.5rem",
-  "10-rem": "0.625rem",
-  "12-rem": "0.75rem",
-  "16-rem": "1rem",
-  "20-rem": "1.25rem",
-  "24-rem": "1.5rem",
-  "32-rem": "2rem",
-  "36-rem": "2.25rem",
-  "40-rem": "2.5rem",
-  "48-rem": "3rem",
-  "64-rem": "4rem",
-  "72-rem": "4.5rem",
-  "80-rem": "5rem",
-  "96-rem": "6rem"
+  "2Px": "2px",
+  "4Px": "4px",
+  "6Px": "6px",
+  "8Px": "8px",
+  "10Px": "10px",
+  "12Px": "12px",
+  "16Px": "16px",
+  "20Px": "20px",
+  "24Px": "24px",
+  "32Px": "32px",
+  "36Px": "36px",
+  "40Px": "40px",
+  "48Px": "48px",
+  "64Px": "64px",
+  "72Px": "72px",
+  "80Px": "80px",
+  "96Px": "96px",
+  "2Rem": "0.125rem",
+  "4Rem": "0.25rem",
+  "6Rem": "0.375rem",
+  "8Rem": "0.5rem",
+  "10Rem": "0.625rem",
+  "12Rem": "0.75rem",
+  "16Rem": "1rem",
+  "20Rem": "1.25rem",
+  "24Rem": "1.5rem",
+  "32Rem": "2rem",
+  "36Rem": "2.25rem",
+  "40Rem": "2.5rem",
+  "48Rem": "3rem",
+  "64Rem": "4rem",
+  "72Rem": "4.5rem",
+  "80Rem": "5rem",
+  "96Rem": "6rem"
 };
 
 exports.baseSpacing = baseSpacing;

package/dist/styleD/build/typescript/base/spacing.js

@@ -1,38 +1,38 @@
 const baseSpacing = {
-  "2-px": "2px",
-  "4-px": "4px",
-  "6-px": "6px",
-  "8-px": "8px",
-  "10-px": "10px",
-  "12-px": "12px",
-  "16-px": "16px",
-  "20-px": "20px",
-  "24-px": "24px",
-  "32-px": "32px",
-  "36-px": "36px",
-  "40-px": "40px",
-  "48-px": "48px",
-  "64-px": "64px",
-  "72-px": "72px",
-  "80-px": "80px",
-  "96-px": "96px",
-  "2-rem": "0.125rem",
-  "4-rem": "0.25rem",
-  "6-rem": "0.375rem",
-  "8-rem": "0.5rem",
-  "10-rem": "0.625rem",
-  "12-rem": "0.75rem",
-  "16-rem": "1rem",
-  "20-rem": "1.25rem",
-  "24-rem": "1.5rem",
-  "32-rem": "2rem",
-  "36-rem": "2.25rem",
-  "40-rem": "2.5rem",
-  "48-rem": "3rem",
-  "64-rem": "4rem",
-  "72-rem": "4.5rem",
-  "80-rem": "5rem",
-  "96-rem": "6rem"
+  "2Px": "2px",
+  "4Px": "4px",
+  "6Px": "6px",
+  "8Px": "8px",
+  "10Px": "10px",
+  "12Px": "12px",
+  "16Px": "16px",
+  "20Px": "20px",
+  "24Px": "24px",
+  "32Px": "32px",
+  "36Px": "36px",
+  "40Px": "40px",
+  "48Px": "48px",
+  "64Px": "64px",
+  "72Px": "72px",
+  "80Px": "80px",
+  "96Px": "96px",
+  "2Rem": "0.125rem",
+  "4Rem": "0.25rem",
+  "6Rem": "0.375rem",
+  "8Rem": "0.5rem",
+  "10Rem": "0.625rem",
+  "12Rem": "0.75rem",
+  "16Rem": "1rem",
+  "20Rem": "1.25rem",
+  "24Rem": "1.5rem",
+  "32Rem": "2rem",
+  "36Rem": "2.25rem",
+  "40Rem": "2.5rem",
+  "48Rem": "3rem",
+  "64Rem": "4rem",
+  "72Rem": "4.5rem",
+  "80Rem": "5rem",
+  "96Rem": "6rem"
 };
 
 export { baseSpacing };

package/dist/styleD/build/typescript/base/typography.cjs

@@ -2,50 +2,50 @@
 
 const baseTypography = {
   family: {
-    "Open Sans": "Open Sans",
-    "Open Sans Compact": "Open Sans",
-    "Guardian Text Egyptian": "GuardianTextEgyptian",
-    "Guardian Headline": "GH Guardian Headline"
+    openSans: "Open Sans",
+    openSansCompact: "Open Sans",
+    guardianTextEgyptian: "GuardianTextEgyptian",
+    guardianHeadline: "GH Guardian Headline"
   },
   size: {
-    "12-px": "12px",
-    "14-px": "14px",
-    "16-px": "16px",
-    "18-px": "18px",
-    "20-px": "20px",
-    "24-px": "24px",
-    "28-px": "28px",
-    "32-px": "32px",
-    "36-px": "36px",
-    "42-px": "42px",
-    "48-px": "48px",
-    "12-rem": "0.75rem",
-    "14-rem": "0.875rem",
-    "16-rem": "1rem",
-    "18-rem": "1.125rem",
-    "20-rem": "1.25rem",
-    "24-rem": "1.5rem",
-    "28-rem": "1.75rem",
-    "32-rem": "2rem",
-    "36-rem": "2.25rem",
-    "42-rem": "2.625rem",
-    "48-rem": "3rem"
+    "12Px": "12px",
+    "14Px": "14px",
+    "16Px": "16px",
+    "18Px": "18px",
+    "20Px": "20px",
+    "24Px": "24px",
+    "28Px": "28px",
+    "32Px": "32px",
+    "36Px": "36px",
+    "42Px": "42px",
+    "48Px": "48px",
+    "12Rem": "0.75rem",
+    "14Rem": "0.875rem",
+    "16Rem": "1rem",
+    "18Rem": "1.125rem",
+    "20Rem": "1.25rem",
+    "24Rem": "1.5rem",
+    "28Rem": "1.75rem",
+    "32Rem": "2rem",
+    "36Rem": "2.25rem",
+    "42Rem": "2.625rem",
+    "48Rem": "3rem"
   },
   weight: {
-    "Guardian Headline": {
+    guardianHeadline: {
       bold: 700
     },
-    "Guardian Text Egyptian": {
+    guardianTextEgyptian: {
       normal: 400,
       bold: 700
     },
-    "Open Sans": {
+    openSans: {
       light: 340,
       normal: 460,
       semiBold: 600,
       bold: 700
     },
-    "Open Sans Compact": {
+    openSansCompact: {
       light: 360,
       normal: 460,
       semiBold: 600,
@@ -53,28 +53,28 @@ const baseTypography = {
     }
   },
   width: {
-    "Open Sans": 95,
-    "Open Sans Compact": 88
+    openSans: 95,
+    openSansCompact: 88
   },
   style: {
     normal: "normal",
     italic: "italic"
   },
-  "line-height": {
+  lineHeight: {
     tight: 1.15,
     normal: 1.3,
     loose: 1.4,
     interactive: 1
   },
-  "letter-spacing": {
-    "densest-px": "-1px",
-    "denser-px": "-0.5px",
-    "dense-px": "-0.2px",
-    "default-px": "0px",
-    "densest-rem": "-0.0625rem",
-    "denser-rem": "-0.03125rem",
-    "dense-rem": "-0.0125rem",
-    "default-rem": "0rem"
+  letterSpacing: {
+    densestPx: "-1px",
+    denserPx: "-0.5px",
+    densePx: "-0.2px",
+    defaultPx: "0px",
+    densestRem: "-0.0625rem",
+    denserRem: "-0.03125rem",
+    denseRem: "-0.0125rem",
+    defaultRem: "0rem"
   }
 };
 

package/dist/styleD/build/typescript/base/typography.js

@@ -1,49 +1,49 @@
 const baseTypography = {
   family: {
-    "Open Sans": "Open Sans",
-    "Open Sans Compact": "Open Sans",
-    "Guardian Text Egyptian": "GuardianTextEgyptian",
-    "Guardian Headline": "GH Guardian Headline"
+    openSans: "Open Sans",
+    openSansCompact: "Open Sans",
+    guardianTextEgyptian: "GuardianTextEgyptian",
+    guardianHeadline: "GH Guardian Headline"
   },
   size: {
-    "12-px": "12px",
-    "14-px": "14px",
-    "16-px": "16px",
-    "18-px": "18px",
-    "20-px": "20px",
-    "24-px": "24px",
-    "28-px": "28px",
-    "32-px": "32px",
-    "36-px": "36px",
-    "42-px": "42px",
-    "48-px": "48px",
-    "12-rem": "0.75rem",
-    "14-rem": "0.875rem",
-    "16-rem": "1rem",
-    "18-rem": "1.125rem",
-    "20-rem": "1.25rem",
-    "24-rem": "1.5rem",
-    "28-rem": "1.75rem",
-    "32-rem": "2rem",
-    "36-rem": "2.25rem",
-    "42-rem": "2.625rem",
-    "48-rem": "3rem"
+    "12Px": "12px",
+    "14Px": "14px",
+    "16Px": "16px",
+    "18Px": "18px",
+    "20Px": "20px",
+    "24Px": "24px",
+    "28Px": "28px",
+    "32Px": "32px",
+    "36Px": "36px",
+    "42Px": "42px",
+    "48Px": "48px",
+    "12Rem": "0.75rem",
+    "14Rem": "0.875rem",
+    "16Rem": "1rem",
+    "18Rem": "1.125rem",
+    "20Rem": "1.25rem",
+    "24Rem": "1.5rem",
+    "28Rem": "1.75rem",
+    "32Rem": "2rem",
+    "36Rem": "2.25rem",
+    "42Rem": "2.625rem",
+    "48Rem": "3rem"
   },
   weight: {
-    "Guardian Headline": {
+    guardianHeadline: {
       bold: 700
     },
-    "Guardian Text Egyptian": {
+    guardianTextEgyptian: {
       normal: 400,
       bold: 700
     },
-    "Open Sans": {
+    openSans: {
       light: 340,
       normal: 460,
       semiBold: 600,
       bold: 700
     },
-    "Open Sans Compact": {
+    openSansCompact: {
       light: 360,
       normal: 460,
       semiBold: 600,
@@ -51,28 +51,28 @@ const baseTypography = {
     }
   },
   width: {
-    "Open Sans": 95,
-    "Open Sans Compact": 88
+    openSans: 95,
+    openSansCompact: 88
   },
   style: {
     normal: "normal",
     italic: "italic"
   },
-  "line-height": {
+  lineHeight: {
     tight: 1.15,
     normal: 1.3,
     loose: 1.4,
     interactive: 1
   },
-  "letter-spacing": {
-    "densest-px": "-1px",
-    "denser-px": "-0.5px",
-    "dense-px": "-0.2px",
-    "default-px": "0px",
-    "densest-rem": "-0.0625rem",
-    "denser-rem": "-0.03125rem",
-    "dense-rem": "-0.0125rem",
-    "default-rem": "0rem"
+  letterSpacing: {
+    densestPx: "-1px",
+    denserPx: "-0.5px",
+    densePx: "-0.2px",
+    defaultPx: "0px",
+    densestRem: "-0.0625rem",
+    denserRem: "-0.03125rem",
+    denseRem: "-0.0125rem",
+    defaultRem: "0rem"
   }
 };
 

package/dist/styleD/build/typescript/component/alertBanner.cjs

@@ -3,8 +3,8 @@
 const componentAlertBanner = {
   shared: {
     display: "flex",
-    "align-items": "center",
-    "justify-content": "space-between",
+    alignItems: "center",
+    justifyContent: "space-between",
     padding: {
       top: "0",
       right: "1rem",
@@ -15,11 +15,11 @@ const componentAlertBanner = {
     height: "2.5rem",
     content: {
       display: "flex",
-      "justify-content": "center",
+      justifyContent: "center",
       gap: "0.5rem",
       flex: "1",
       height: "100%",
-      "align-items": "center",
+      alignItems: "center",
       color: "#000000",
       typography: {
         font: "normal 460 0.875rem/1.3 Open Sans",
@@ -32,16 +32,16 @@ const componentAlertBanner = {
     }
   },
   information: {
-    "background-color": "#e8f0fb"
+    backgroundColor: "#e8f0fb"
   },
   success: {
-    "background-color": "#cde4c9"
+    backgroundColor: "#cde4c9"
   },
   warning: {
-    "background-color": "#fbeebf"
+    backgroundColor: "#fbeebf"
   },
   error: {
-    "background-color": "#f5c6c0"
+    backgroundColor: "#f5c6c0"
   }
 };
 

package/dist/styleD/build/typescript/component/alertBanner.js

@@ -1,8 +1,8 @@
 const componentAlertBanner = {
   shared: {
     display: "flex",
-    "align-items": "center",
-    "justify-content": "space-between",
+    alignItems: "center",
+    justifyContent: "space-between",
     padding: {
       top: "0",
       right: "1rem",
@@ -13,11 +13,11 @@ const componentAlertBanner = {
     height: "2.5rem",
     content: {
       display: "flex",
-      "justify-content": "center",
+      justifyContent: "center",
       gap: "0.5rem",
       flex: "1",
       height: "100%",
-      "align-items": "center",
+      alignItems: "center",
       color: "#000000",
       typography: {
         font: "normal 460 0.875rem/1.3 Open Sans",
@@ -30,16 +30,16 @@ const componentAlertBanner = {
     }
   },
   information: {
-    "background-color": "#e8f0fb"
+    backgroundColor: "#e8f0fb"
   },
   success: {
-    "background-color": "#cde4c9"
+    backgroundColor: "#cde4c9"
   },
   warning: {
-    "background-color": "#fbeebf"
+    backgroundColor: "#fbeebf"
   },
   error: {
-    "background-color": "#f5c6c0"
+    backgroundColor: "#f5c6c0"
   }
 };