V 1.2.0

build/web/variables.css → build/web/css/.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 01 Jun 2023 23:04:57 GMT
+ * Generated on Mon, 19 Jun 2023 20:28:18 GMT
  */
 
 :root {

build/web/css/base.css

@@ -0,0 +1,32 @@
+/**
+ * Do not edit directly
+ * Generated on Mon, 19 Jun 2023 20:28:18 GMT
+ */
+
+:root {
+  --gcds-color-blue-100: #d7e5f5;
+  --gcds-color-blue-500: #6584a6; /* Must contrast 3:1 with white */
+  --gcds-color-blue-700: #33465c; /* Must contrast 7:1 with white */
+  --gcds-color-blue-800: #2b4380;
+  --gcds-color-blue-850: #0535d2; /* Focus and hover colour */
+  --gcds-color-blue-900: #26374a;
+  --gcds-color-grayscale-0: #ffffff;
+  --gcds-color-grayscale-50: #f1f2f3;
+  --gcds-color-grayscale-100: #d6d9dd;
+  --gcds-color-grayscale-300: #a8adb4;
+  --gcds-color-grayscale-500: #7d828b; /* Must contrast 3:1 with white */
+  --gcds-color-grayscale-700: #545961; /* Must contrast 7:1 with white */
+  --gcds-color-grayscale-800: #43474e;
+  --gcds-color-grayscale-900: #333333;
+  --gcds-color-grayscale-1000: #000000;
+  --gcds-color-green-100: #e6f6ec;
+  --gcds-color-green-500: #289f58; /* Must contrast 3:1 with white */
+  --gcds-color-green-700: #03662a; /* Must contrast 7:1 with white */
+  --gcds-color-red-100: #fbddda;
+  --gcds-color-red-500: #d3080c; /* Must contrast 3:1 with white */
+  --gcds-color-red-700: #a62a1e; /* Must contrast 7:1 with white */
+  --gcds-color-red-900: #822117;
+  --gcds-color-red-flag: #ff0000; /* Signature flag colour */
+  --gcds-color-yellow-100: #faedd1;
+  --gcds-color-yellow-500: #b3800f; /* Must contrast 3:1 with white */
+}

build/web/css/base/color.css

@@ -0,0 +1,32 @@
+/**
+ * Do not edit directly
+ * Generated on Mon, 19 Jun 2023 20:28:18 GMT
+ */
+
+:root {
+  --gcds-color-blue-100: #d7e5f5;
+  --gcds-color-blue-500: #6584a6; /* Must contrast 3:1 with white */
+  --gcds-color-blue-700: #33465c; /* Must contrast 7:1 with white */
+  --gcds-color-blue-800: #2b4380;
+  --gcds-color-blue-850: #0535d2; /* Focus and hover colour */
+  --gcds-color-blue-900: #26374a;
+  --gcds-color-grayscale-0: #ffffff;
+  --gcds-color-grayscale-50: #f1f2f3;
+  --gcds-color-grayscale-100: #d6d9dd;
+  --gcds-color-grayscale-300: #a8adb4;
+  --gcds-color-grayscale-500: #7d828b; /* Must contrast 3:1 with white */
+  --gcds-color-grayscale-700: #545961; /* Must contrast 7:1 with white */
+  --gcds-color-grayscale-800: #43474e;
+  --gcds-color-grayscale-900: #333333;
+  --gcds-color-grayscale-1000: #000000;
+  --gcds-color-green-100: #e6f6ec;
+  --gcds-color-green-500: #289f58; /* Must contrast 3:1 with white */
+  --gcds-color-green-700: #03662a; /* Must contrast 7:1 with white */
+  --gcds-color-red-100: #fbddda;
+  --gcds-color-red-500: #d3080c; /* Must contrast 3:1 with white */
+  --gcds-color-red-700: #a62a1e; /* Must contrast 7:1 with white */
+  --gcds-color-red-900: #822117;
+  --gcds-color-red-flag: #ff0000; /* Signature flag colour */
+  --gcds-color-yellow-100: #faedd1;
+  --gcds-color-yellow-500: #b3800f; /* Must contrast 3:1 with white */
+}