@guardian/stand 0.0.7 → 0.0.9

package/dist/styleD/build/css/semantic/typography.css

@@ -0,0 +1,151 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+:root {
+	--semantic-typography-title-sm-font: normal 700 1.125rem/1.15
+		'GH Guardian Headline';
+	--semantic-typography-title-sm-letter-spacing: 0rem;
+	--semantic-typography-title-sm-font-width: 100;
+	--semantic-typography-title-md-font: normal 700 1.25rem/1.15
+		'GH Guardian Headline';
+	--semantic-typography-title-md-letter-spacing: 0rem;
+	--semantic-typography-title-md-font-width: 100;
+	--semantic-typography-title-lg-font: normal 700 1.5rem/1.15
+		'GH Guardian Headline';
+	--semantic-typography-title-lg-letter-spacing: 0rem;
+	--semantic-typography-title-lg-font-width: 100;
+	--semantic-typography-title-xl-font: normal 700 2rem/1.15
+		'GH Guardian Headline';
+	--semantic-typography-title-xl-letter-spacing: 0rem;
+	--semantic-typography-title-xl-font-width: 100;
+	--semantic-typography-heading-xs-font: normal 700 0.75rem/1.15 'Open Sans';
+	--semantic-typography-heading-xs-letter-spacing: 0rem;
+	--semantic-typography-heading-xs-font-width: 95;
+	--semantic-typography-heading-sm-font: normal 700 0.875rem/1.15 'Open Sans';
+	--semantic-typography-heading-sm-letter-spacing: -0.0125rem;
+	--semantic-typography-heading-sm-font-width: 95;
+	--semantic-typography-heading-md-font: normal 700 1rem/1.15 'Open Sans';
+	--semantic-typography-heading-md-letter-spacing: -0.03125rem;
+	--semantic-typography-heading-md-font-width: 95;
+	--semantic-typography-heading-lg-font: normal 700 1.125rem/1.15 'Open Sans';
+	--semantic-typography-heading-lg-letter-spacing: -0.03125rem;
+	--semantic-typography-heading-lg-font-width: 95;
+	--semantic-typography-heading-xl-font: normal 700 1.25rem/1.15 'Open Sans';
+	--semantic-typography-heading-xl-letter-spacing: -0.03125rem;
+	--semantic-typography-heading-xl-font-width: 95;
+	--semantic-typography-heading-2xl-font: normal 700 1.5rem/1.15 'Open Sans';
+	--semantic-typography-heading-2xl-letter-spacing: -0.0625rem;
+	--semantic-typography-heading-2xl-font-width: 95;
+	--semantic-typography-heading-compact-xs-font: normal 700 0.75rem/1.15
+		'Open Sans';
+	--semantic-typography-heading-compact-xs-letter-spacing: 0rem;
+	--semantic-typography-heading-compact-xs-font-width: 88;
+	--semantic-typography-heading-compact-sm-font: normal 700 0.875rem/1.15
+		'Open Sans';
+	--semantic-typography-heading-compact-sm-letter-spacing: 0rem;
+	--semantic-typography-heading-compact-sm-font-width: 88;
+	--semantic-typography-heading-compact-md-font: normal 700 1rem/1.15
+		'Open Sans';
+	--semantic-typography-heading-compact-md-letter-spacing: -0.0125rem;
+	--semantic-typography-heading-compact-md-font-width: 88;
+	--semantic-typography-heading-compact-lg-font: normal 700 1.125rem/1.15
+		'Open Sans';
+	--semantic-typography-heading-compact-lg-letter-spacing: -0.0125rem;
+	--semantic-typography-heading-compact-lg-font-width: 88;
+	--semantic-typography-heading-compact-xl-font: normal 700 1.25rem/1.15
+		'Open Sans';
+	--semantic-typography-heading-compact-xl-letter-spacing: -0.03125rem;
+	--semantic-typography-heading-compact-xl-font-width: 88;
+	--semantic-typography-heading-compact-2xl-font: normal 700 1.5rem/1.15
+		'Open Sans';
+	--semantic-typography-heading-compact-2xl-letter-spacing: -0.03125rem;
+	--semantic-typography-heading-compact-2xl-font-width: 88;
+	--semantic-typography-body-sm-font: normal 460 0.875rem/1.3 'Open Sans';
+	--semantic-typography-body-sm-letter-spacing: 0rem;
+	--semantic-typography-body-sm-font-width: 95;
+	--semantic-typography-body-md-font: normal 460 1rem/1.3 'Open Sans';
+	--semantic-typography-body-md-letter-spacing: 0rem;
+	--semantic-typography-body-md-font-width: 95;
+	--semantic-typography-body-lg-font: normal 460 1.125rem/1.3 'Open Sans';
+	--semantic-typography-body-lg-letter-spacing: 0rem;
+	--semantic-typography-body-lg-font-width: 95;
+	--semantic-typography-body-xl-font: normal 460 1.25rem/1.3 'Open Sans';
+	--semantic-typography-body-xl-letter-spacing: 0rem;
+	--semantic-typography-body-xl-font-width: 95;
+	--semantic-typography-body-italic-sm-font: italic 460 0.875rem/1.3
+		'Open Sans';
+	--semantic-typography-body-italic-sm-letter-spacing: 0rem;
+	--semantic-typography-body-italic-sm-font-width: 95;
+	--semantic-typography-body-italic-md-font: italic 460 1rem/1.3 'Open Sans';
+	--semantic-typography-body-italic-md-letter-spacing: 0rem;
+	--semantic-typography-body-italic-md-font-width: 95;
+	--semantic-typography-body-italic-lg-font: italic 460 1.125rem/1.3
+		'Open Sans';
+	--semantic-typography-body-italic-lg-letter-spacing: 0rem;
+	--semantic-typography-body-italic-lg-font-width: 95;
+	--semantic-typography-body-italic-xl-font: italic 460 1.25rem/1.3
+		'Open Sans';
+	--semantic-typography-body-italic-xl-letter-spacing: 0rem;
+	--semantic-typography-body-italic-xl-font-width: 95;
+	--semantic-typography-body-compact-sm-font: normal 460 0.875rem/1.3
+		'Open Sans';
+	--semantic-typography-body-compact-sm-letter-spacing: 0rem;
+	--semantic-typography-body-compact-sm-font-width: 88;
+	--semantic-typography-body-compact-md-font: normal 460 1rem/1.3 'Open Sans';
+	--semantic-typography-body-compact-md-letter-spacing: 0rem;
+	--semantic-typography-body-compact-md-font-width: 88;
+	--semantic-typography-body-compact-lg-font: normal 460 1.125rem/1.3
+		'Open Sans';
+	--semantic-typography-body-compact-lg-letter-spacing: 0rem;
+	--semantic-typography-body-compact-lg-font-width: 88;
+	--semantic-typography-body-compact-xl-font: normal 460 1.25rem/1.3
+		'Open Sans';
+	--semantic-typography-body-compact-xl-letter-spacing: 0rem;
+	--semantic-typography-body-compact-xl-font-width: 88;
+	--semantic-typography-body-compact-italic-sm-font: italic 460 0.875rem/1.3
+		'Open Sans';
+	--semantic-typography-body-compact-italic-sm-letter-spacing: 0rem;
+	--semantic-typography-body-compact-italic-sm-font-width: 88;
+	--semantic-typography-body-compact-italic-md-font: italic 460 1rem/1.3
+		'Open Sans';
+	--semantic-typography-body-compact-italic-md-letter-spacing: 0rem;
+	--semantic-typography-body-compact-italic-md-font-width: 88;
+	--semantic-typography-body-compact-italic-lg-font: italic 460 1.125rem/1.3
+		'Open Sans';
+	--semantic-typography-body-compact-italic-lg-letter-spacing: 0rem;
+	--semantic-typography-body-compact-italic-lg-font-width: 88;
+	--semantic-typography-body-compact-italic-xl-font: italic 460 1.25rem/1.3
+		'Open Sans';
+	--semantic-typography-body-compact-italic-xl-letter-spacing: 0rem;
+	--semantic-typography-body-compact-italic-xl-font-width: 88;
+	--semantic-typography-meta-md-font: normal 460 0.75rem/1.3 'Open Sans';
+	--semantic-typography-meta-md-letter-spacing: 0rem;
+	--semantic-typography-meta-md-font-width: 95;
+	--semantic-typography-meta-compact-md-font: normal 460 0.75rem/1.3
+		'Open Sans';
+	--semantic-typography-meta-compact-md-letter-spacing: 0rem;
+	--semantic-typography-meta-compact-md-font-width: 88;
+	--semantic-typography-article-body-md-font: normal 400 1rem/1.4
+		GuardianTextEgyptian;
+	--semantic-typography-article-body-md-letter-spacing: 0rem;
+	--semantic-typography-article-body-md-font-width: 100;
+	--semantic-typography-article-body-bold-md-font: normal 700 1rem/1.4
+		GuardianTextEgyptian;
+	--semantic-typography-article-body-bold-md-letter-spacing: 0rem;
+	--semantic-typography-article-body-bold-md-font-width: 100;
+	--semantic-typography-article-body-italic-md-font: italic 400 1rem/1.4
+		GuardianTextEgyptian;
+	--semantic-typography-article-body-italic-md-letter-spacing: 0rem;
+	--semantic-typography-article-body-italic-md-font-width: 100;
+	--semantic-typography-article-body-bold-italic-md-font: italic 700 1rem/1.4
+		GuardianTextEgyptian;
+	--semantic-typography-article-body-bold-italic-md-letter-spacing: 0rem;
+	--semantic-typography-article-body-bold-italic-md-font-width: 100;
+	--semantic-typography-interactive-xs-font: normal 700 0.75rem/1 'Open Sans';
+	--semantic-typography-interactive-xs-letter-spacing: 0rem;
+	--semantic-typography-interactive-xs-font-width: 95;
+	--semantic-typography-interactive-sm-font: normal 700 0.875rem/1 'Open Sans';
+	--semantic-typography-interactive-sm-letter-spacing: -0.0125rem;
+	--semantic-typography-interactive-sm-font-width: 95;
+}

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

@@ -81,7 +81,7 @@ const baseColors = {
   },
   yellow: {
     "50": "#433608",
-    "100": "#6f590c",
+    "100": "#5b4a0b",
     "200": "#9a7c11",
     "300": "#c69f16",
     "400": "#f1c21b",
@@ -93,7 +93,7 @@ const baseColors = {
   },
   orange: {
     "50": "#45260e",
-    "100": "#713e17",
+    "100": "#693c16",
     "200": "#9d5621",
     "300": "#c96e2a",
     "400": "#f58633",
@@ -130,7 +130,7 @@ const baseColors = {
   "cool-purple": {
     "50": "#232740",
     "100": "#394069",
-    "200": "#505a92",
+    "200": "#485084",
     "300": "#6773bb",
     "400": "#7d8ce4",
     "500": "#94a1e9",

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

@@ -79,7 +79,7 @@ const baseColors = {
   },
   yellow: {
     "50": "#433608",
-    "100": "#6f590c",
+    "100": "#5b4a0b",
     "200": "#9a7c11",
     "300": "#c69f16",
     "400": "#f1c21b",
@@ -91,7 +91,7 @@ const baseColors = {
   },
   orange: {
     "50": "#45260e",
-    "100": "#713e17",
+    "100": "#693c16",
     "200": "#9d5621",
     "300": "#c96e2a",
     "400": "#f58633",
@@ -128,7 +128,7 @@ const baseColors = {
   "cool-purple": {
     "50": "#232740",
     "100": "#394069",
-    "200": "#505a92",
+    "200": "#485084",
     "300": "#6773bb",
     "400": "#7d8ce4",
     "500": "#94a1e9",

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

@@ -0,0 +1,12 @@
+'use strict';
+
+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"
+};
+
+exports.baseRadius = baseRadius;

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

@@ -0,0 +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"
+};
+
+export { baseRadius };

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

@@ -0,0 +1,24 @@
+'use strict';
+
+const baseSizing = {
+  "size-1-px": "1px",
+  "size-2-px": "2px",
+  "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-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"
+};
+
+exports.baseSizing = baseSizing;

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

@@ -0,0 +1,22 @@
+const baseSizing = {
+  "size-1-px": "1px",
+  "size-2-px": "2px",
+  "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-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"
+};
+
+export { baseSizing };

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

@@ -0,0 +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"
+};
+
+exports.baseSpacing = baseSpacing;

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

@@ -0,0 +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"
+};
+
+export { baseSpacing };

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

@@ -18,14 +18,25 @@ const baseTypography = {
     "32-px": "32px",
     "36-px": "36px",
     "42-px": "42px",
-    "48-px": "48px"
+    "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"
   },
   weight: {
-    "Guardian Text Egyptian": {
-      normal: 400,
+    "Guardian Headline": {
       bold: 700
     },
-    "Guardian Headline": {
+    "Guardian Text Egyptian": {
+      normal: 400,
       bold: 700
     },
     "Open Sans": {
@@ -52,13 +63,18 @@ const baseTypography = {
   "line-height": {
     tight: 1.15,
     normal: 1.3,
-    loose: 1.4
+    loose: 1.4,
+    interactive: 1
   },
   "letter-spacing": {
     "densest-px": "-1px",
     "denser-px": "-0.5px",
     "dense-px": "-0.2px",
-    "default-px": "0px"
+    "default-px": "0px",
+    "densest-rem": "-0.0625rem",
+    "denser-rem": "-0.03125rem",
+    "dense-rem": "-0.0125rem",
+    "default-rem": "0rem"
   }
 };
 

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

@@ -16,14 +16,25 @@ const baseTypography = {
     "32-px": "32px",
     "36-px": "36px",
     "42-px": "42px",
-    "48-px": "48px"
+    "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"
   },
   weight: {
-    "Guardian Text Egyptian": {
-      normal: 400,
+    "Guardian Headline": {
       bold: 700
     },
-    "Guardian Headline": {
+    "Guardian Text Egyptian": {
+      normal: 400,
       bold: 700
     },
     "Open Sans": {
@@ -50,13 +61,18 @@ const baseTypography = {
   "line-height": {
     tight: 1.15,
     normal: 1.3,
-    loose: 1.4
+    loose: 1.4,
+    interactive: 1
   },
   "letter-spacing": {
     "densest-px": "-1px",
     "denser-px": "-0.5px",
     "dense-px": "-0.2px",
-    "default-px": "0px"
+    "default-px": "0px",
+    "densest-rem": "-0.0625rem",
+    "denser-rem": "-0.03125rem",
+    "dense-rem": "-0.0125rem",
+    "default-rem": "0rem"
   }
 };
 

package/dist/styleD/build/typescript/semantic/colors.cjs

@@ -2,15 +2,31 @@
 
 const semanticColors = {
   text: {
-    primary: "#000000",
-    secondary: "#333333",
-    tertiary: "#666666",
+    default: "#000000",
+    subdued: "#545454",
     "inverse-default": "#dcdcdc",
-    "inverse-secondary": "#cccccc",
-    "inverse-tertiary": "#aeaeae",
+    "inverse-subdued": "#cccccc",
     "inverse-strong": "#ffffff",
-    warning: "#8c2113",
-    success: "#326528"
+    error: "#8c2113",
+    warning: "#433608",
+    success: "#326528",
+    information: "#00344e",
+    disabled: "#999999",
+    green: "#24491d",
+    blue: "#092f62",
+    red: "#65170e",
+    cyan: "#00344e",
+    teal: "#0e2729",
+    "cool-purple": "#394069",
+    "warm-purple": "#381350",
+    magenta: "#581734",
+    orange: "#693c16",
+    yellow: "#5b4a0b",
+    "interactive-disabled": "#999999"
+  },
+  bg: {
+    "default-onDark": "#121212",
+    "default-onLight": "#ffffff"
   },
   surface: {
     "light-1": "#f6f6f6",
@@ -21,16 +37,40 @@ const semanticColors = {
     subtle: "#cccccc",
     default: "#8d8d8d",
     strong: "#545454",
-    "inverse-strong": "#ffffff"
-  },
-  bg: {
-    "default-onDark": "#121212",
-    "default-onLight": "#ffffff"
+    "inverse-strong": "#ffffff",
+    "interactive-emphasised": "#0d4289",
+    "interactive-neutral": "#545454",
+    "interactive-disabled": "#dcdcdc",
+    "interactive-focused": "#0072a9"
   },
   status: {
     "status-draft": "#f1c21b",
     "status-live": "#4e9e3e",
-    "status-selected": "#0072a9"
+    "status-selected": "#0072a9",
+    "status-focused": "#0072a9"
+  },
+  fill: {
+    "interactive-primary-emphasised": "#0d4289",
+    "interactive-primary-emphasised-hover": "#092f62",
+    "interactive-primary-emphasised-pressed": "#092f62",
+    "interactive-secondary-emphasised-hover": "#e8f0fb",
+    "interactive-secondary-emphasised-pressed": "#e8f0fb",
+    "interactive-primary-neutral": "#545454",
+    "interactive-primary-neutral-hover": "#333333",
+    "interactive-primary-neutral-pressed": "#333333",
+    "interactive-secondary-neutral-hover": "#ededed",
+    "interactive-secondary-neutral-pressed": "#ededed",
+    "interactive-disabled": "#dcdcdc",
+    "green-subtle": "#cde4c9",
+    "blue-subtle": "#bdd4f4",
+    "red-subtle": "#f5c6c0",
+    "cyan-subtle": "#b8d8e7",
+    "teal-subtle": "#c5dfe1",
+    "cool-purple-subtle": "#dbdff7",
+    "warm-purple-subtle": "#dac3e8",
+    "magenta-subtle": "#edc6d7",
+    "orange-subtle": "#fcddc6",
+    "yellow-subtle": "#fbeebf"
   }
 };
 

package/dist/styleD/build/typescript/semantic/colors.js

@@ -1,14 +1,30 @@
 const semanticColors = {
   text: {
-    primary: "#000000",
-    secondary: "#333333",
-    tertiary: "#666666",
+    default: "#000000",
+    subdued: "#545454",
     "inverse-default": "#dcdcdc",
-    "inverse-secondary": "#cccccc",
-    "inverse-tertiary": "#aeaeae",
+    "inverse-subdued": "#cccccc",
     "inverse-strong": "#ffffff",
-    warning: "#8c2113",
-    success: "#326528"
+    error: "#8c2113",
+    warning: "#433608",
+    success: "#326528",
+    information: "#00344e",
+    disabled: "#999999",
+    green: "#24491d",
+    blue: "#092f62",
+    red: "#65170e",
+    cyan: "#00344e",
+    teal: "#0e2729",
+    "cool-purple": "#394069",
+    "warm-purple": "#381350",
+    magenta: "#581734",
+    orange: "#693c16",
+    yellow: "#5b4a0b",
+    "interactive-disabled": "#999999"
+  },
+  bg: {
+    "default-onDark": "#121212",
+    "default-onLight": "#ffffff"
   },
   surface: {
     "light-1": "#f6f6f6",
@@ -19,16 +35,40 @@ const semanticColors = {
     subtle: "#cccccc",
     default: "#8d8d8d",
     strong: "#545454",
-    "inverse-strong": "#ffffff"
-  },
-  bg: {
-    "default-onDark": "#121212",
-    "default-onLight": "#ffffff"
+    "inverse-strong": "#ffffff",
+    "interactive-emphasised": "#0d4289",
+    "interactive-neutral": "#545454",
+    "interactive-disabled": "#dcdcdc",
+    "interactive-focused": "#0072a9"
   },
   status: {
     "status-draft": "#f1c21b",
     "status-live": "#4e9e3e",
-    "status-selected": "#0072a9"
+    "status-selected": "#0072a9",
+    "status-focused": "#0072a9"
+  },
+  fill: {
+    "interactive-primary-emphasised": "#0d4289",
+    "interactive-primary-emphasised-hover": "#092f62",
+    "interactive-primary-emphasised-pressed": "#092f62",
+    "interactive-secondary-emphasised-hover": "#e8f0fb",
+    "interactive-secondary-emphasised-pressed": "#e8f0fb",
+    "interactive-primary-neutral": "#545454",
+    "interactive-primary-neutral-hover": "#333333",
+    "interactive-primary-neutral-pressed": "#333333",
+    "interactive-secondary-neutral-hover": "#ededed",
+    "interactive-secondary-neutral-pressed": "#ededed",
+    "interactive-disabled": "#dcdcdc",
+    "green-subtle": "#cde4c9",
+    "blue-subtle": "#bdd4f4",
+    "red-subtle": "#f5c6c0",
+    "cyan-subtle": "#b8d8e7",
+    "teal-subtle": "#c5dfe1",
+    "cool-purple-subtle": "#dbdff7",
+    "warm-purple-subtle": "#dac3e8",
+    "magenta-subtle": "#edc6d7",
+    "orange-subtle": "#fcddc6",
+    "yellow-subtle": "#fbeebf"
   }
 };
 

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

@@ -0,0 +1,21 @@
+'use strict';
+
+const semanticSizing = {
+  height: {
+    xs: "1.5rem",
+    sm: "2rem",
+    md: "2.5rem",
+    lg: "3rem"
+  },
+  icon: {
+    sm: "1.125rem",
+    md: "1.25rem",
+    lg: "1.5rem"
+  },
+  border: {
+    default: "0.0625rem",
+    md: "0.125rem"
+  }
+};
+
+exports.semanticSizing = semanticSizing;

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

@@ -0,0 +1,19 @@
+const semanticSizing = {
+  height: {
+    xs: "1.5rem",
+    sm: "2rem",
+    md: "2.5rem",
+    lg: "3rem"
+  },
+  icon: {
+    sm: "1.125rem",
+    md: "1.25rem",
+    lg: "1.5rem"
+  },
+  border: {
+    default: "0.0625rem",
+    md: "0.125rem"
+  }
+};
+
+export { semanticSizing };