@guardian/stand 0.0.7 → 0.0.8

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

@@ -3,136 +3,143 @@
  */
 
 :root {
-	--semantic-typography-title-sm-font: normal 700 18px/1.15
+	--semantic-typography-title-sm-font: normal 700 1.125rem/1.15
 		'GH Guardian Headline';
-	--semantic-typography-title-sm-letter-spacing: 0px;
+	--semantic-typography-title-sm-letter-spacing: 0rem;
 	--semantic-typography-title-sm-font-width: 100;
-	--semantic-typography-title-md-font: normal 700 20px/1.15
+	--semantic-typography-title-md-font: normal 700 1.25rem/1.15
 		'GH Guardian Headline';
-	--semantic-typography-title-md-letter-spacing: 0px;
+	--semantic-typography-title-md-letter-spacing: 0rem;
 	--semantic-typography-title-md-font-width: 100;
-	--semantic-typography-title-lg-font: normal 700 24px/1.15
+	--semantic-typography-title-lg-font: normal 700 1.5rem/1.15
 		'GH Guardian Headline';
-	--semantic-typography-title-lg-letter-spacing: 0px;
+	--semantic-typography-title-lg-letter-spacing: 0rem;
 	--semantic-typography-title-lg-font-width: 100;
-	--semantic-typography-title-xl-font: normal 700 32px/1.15
+	--semantic-typography-title-xl-font: normal 700 2rem/1.15
 		'GH Guardian Headline';
-	--semantic-typography-title-xl-letter-spacing: 0px;
+	--semantic-typography-title-xl-letter-spacing: 0rem;
 	--semantic-typography-title-xl-font-width: 100;
-	--semantic-typography-heading-xs-font: normal 700 12px/1.15 'Open Sans';
-	--semantic-typography-heading-xs-letter-spacing: 0px;
+	--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 14px/1.15 'Open Sans';
-	--semantic-typography-heading-sm-letter-spacing: -0.2px;
+	--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 16px/1.15 'Open Sans';
-	--semantic-typography-heading-md-letter-spacing: -0.5px;
+	--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 18px/1.15 'Open Sans';
-	--semantic-typography-heading-lg-letter-spacing: -0.5px;
+	--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 20px/1.15 'Open Sans';
-	--semantic-typography-heading-xl-letter-spacing: -0.5px;
+	--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 24px/1.15 'Open Sans';
-	--semantic-typography-heading-2xl-letter-spacing: -1px;
+	--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 12px/1.15
+	--semantic-typography-heading-compact-xs-font: normal 700 0.75rem/1.15
 		'Open Sans';
-	--semantic-typography-heading-compact-xs-letter-spacing: 0px;
+	--semantic-typography-heading-compact-xs-letter-spacing: 0rem;
 	--semantic-typography-heading-compact-xs-font-width: 88;
-	--semantic-typography-heading-compact-sm-font: normal 700 14px/1.15
+	--semantic-typography-heading-compact-sm-font: normal 700 0.875rem/1.15
 		'Open Sans';
-	--semantic-typography-heading-compact-sm-letter-spacing: 0px;
+	--semantic-typography-heading-compact-sm-letter-spacing: 0rem;
 	--semantic-typography-heading-compact-sm-font-width: 88;
-	--semantic-typography-heading-compact-md-font: normal 700 16px/1.15
+	--semantic-typography-heading-compact-md-font: normal 700 1rem/1.15
 		'Open Sans';
-	--semantic-typography-heading-compact-md-letter-spacing: -0.2px;
+	--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 18px/1.15
+	--semantic-typography-heading-compact-lg-font: normal 700 1.125rem/1.15
 		'Open Sans';
-	--semantic-typography-heading-compact-lg-letter-spacing: -0.2px;
+	--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 20px/1.15
+	--semantic-typography-heading-compact-xl-font: normal 700 1.25rem/1.15
 		'Open Sans';
-	--semantic-typography-heading-compact-xl-letter-spacing: -0.5px;
+	--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 24px/1.15
+	--semantic-typography-heading-compact-2xl-font: normal 700 1.5rem/1.15
 		'Open Sans';
-	--semantic-typography-heading-compact-2xl-letter-spacing: -0.5px;
+	--semantic-typography-heading-compact-2xl-letter-spacing: -0.03125rem;
 	--semantic-typography-heading-compact-2xl-font-width: 88;
-	--semantic-typography-body-sm-font: normal 460 14px/1.3 'Open Sans';
-	--semantic-typography-body-sm-letter-spacing: 0px;
+	--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 16px/1.3 'Open Sans';
-	--semantic-typography-body-md-letter-spacing: 0px;
+	--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 18px/1.3 'Open Sans';
-	--semantic-typography-body-lg-letter-spacing: 0px;
+	--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 20px/1.3 'Open Sans';
-	--semantic-typography-body-xl-letter-spacing: 0px;
+	--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 14px/1.3 'Open Sans';
-	--semantic-typography-body-italic-sm-letter-spacing: 0px;
+	--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 16px/1.3 'Open Sans';
-	--semantic-typography-body-italic-md-letter-spacing: 0px;
+	--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 18px/1.3 'Open Sans';
-	--semantic-typography-body-italic-lg-letter-spacing: 0px;
+	--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 20px/1.3 'Open Sans';
-	--semantic-typography-body-italic-xl-letter-spacing: 0px;
+	--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 14px/1.3 'Open Sans';
-	--semantic-typography-body-compact-sm-letter-spacing: 0px;
+	--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 16px/1.3 'Open Sans';
-	--semantic-typography-body-compact-md-letter-spacing: 0px;
+	--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 18px/1.3 'Open Sans';
-	--semantic-typography-body-compact-lg-letter-spacing: 0px;
+	--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 20px/1.3 'Open Sans';
-	--semantic-typography-body-compact-xl-letter-spacing: 0px;
+	--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 14px/1.3
+	--semantic-typography-body-compact-italic-sm-font: italic 460 0.875rem/1.3
 		'Open Sans';
-	--semantic-typography-body-compact-italic-sm-letter-spacing: 0px;
+	--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 16px/1.3
+	--semantic-typography-body-compact-italic-md-font: italic 460 1rem/1.3
 		'Open Sans';
-	--semantic-typography-body-compact-italic-md-letter-spacing: 0px;
+	--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 18px/1.3
+	--semantic-typography-body-compact-italic-lg-font: italic 460 1.125rem/1.3
 		'Open Sans';
-	--semantic-typography-body-compact-italic-lg-letter-spacing: 0px;
+	--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 20px/1.3
+	--semantic-typography-body-compact-italic-xl-font: italic 460 1.25rem/1.3
 		'Open Sans';
-	--semantic-typography-body-compact-italic-xl-letter-spacing: 0px;
+	--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 12px/1.3 'Open Sans';
-	--semantic-typography-meta-md-letter-spacing: 0px;
+	--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 12px/1.3 'Open Sans';
-	--semantic-typography-meta-compact-md-letter-spacing: 0px;
+	--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 16px/1.4
+	--semantic-typography-article-body-md-font: normal 400 1rem/1.4
 		GuardianTextEgyptian;
-	--semantic-typography-article-body-md-letter-spacing: 0px;
+	--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 16px/1.4
+	--semantic-typography-article-body-bold-md-font: normal 700 1rem/1.4
 		GuardianTextEgyptian;
-	--semantic-typography-article-body-bold-md-letter-spacing: 0px;
+	--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 16px/1.4
+	--semantic-typography-article-body-italic-md-font: italic 400 1rem/1.4
 		GuardianTextEgyptian;
-	--semantic-typography-article-body-italic-md-letter-spacing: 0px;
+	--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 16px/1.4
+	--semantic-typography-article-body-bold-italic-md-font: italic 700 1rem/1.4
 		GuardianTextEgyptian;
-	--semantic-typography-article-body-bold-italic-md-letter-spacing: 0px;
+	--semantic-typography-article-body-bold-italic-md-letter-spacing: 0rem;
 	--semantic-typography-article-body-bold-italic-md-font-width: 100;
 }

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,22 @@
+'use strict';
+
+const baseSizing = {
+  "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-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,20 @@
+const baseSizing = {
+  "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-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,36 @@
+'use strict';
+
+const baseSpacing = {
+  "2-px": "2px",
+  "4-px": "4px",
+  "8-px": "8px",
+  "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",
+  "8-rem": "0.5rem",
+  "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,34 @@
+const baseSpacing = {
+  "2-px": "2px",
+  "4-px": "4px",
+  "8-px": "8px",
+  "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",
+  "8-rem": "0.5rem",
+  "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": {
@@ -58,7 +69,11 @@ const baseTypography = {
     "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": {
@@ -56,7 +67,11 @@ const baseTypography = {
     "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,20 @@
 
 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"
+  },
+  bg: {
+    "default-onDark": "#121212",
+    "default-onLight": "#ffffff"
   },
   surface: {
     "light-1": "#f6f6f6",
@@ -23,14 +28,11 @@ const semanticColors = {
     strong: "#545454",
     "inverse-strong": "#ffffff"
   },
-  bg: {
-    "default-onDark": "#121212",
-    "default-onLight": "#ffffff"
-  },
   status: {
     "status-draft": "#f1c21b",
     "status-live": "#4e9e3e",
-    "status-selected": "#0072a9"
+    "status-selected": "#0072a9",
+    "status-focused": "#0072a9"
   }
 };
 

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

@@ -1,14 +1,19 @@
 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"
+  },
+  bg: {
+    "default-onDark": "#121212",
+    "default-onLight": "#ffffff"
   },
   surface: {
     "light-1": "#f6f6f6",
@@ -21,14 +26,11 @@ const semanticColors = {
     strong: "#545454",
     "inverse-strong": "#ffffff"
   },
-  bg: {
-    "default-onDark": "#121212",
-    "default-onLight": "#ffffff"
-  },
   status: {
     "status-draft": "#f1c21b",
     "status-live": "#4e9e3e",
-    "status-selected": "#0072a9"
+    "status-selected": "#0072a9",
+    "status-focused": "#0072a9"
   }
 };
 

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

@@ -0,0 +1,20 @@
+'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: {
+    md: "0.125rem"
+  }
+};
+
+exports.semanticSizing = semanticSizing;

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

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