feat: update design tokens to latest push (#679)

* feat: pull latest tokens and run build * feat: update storybook and default theme in OGPDS to latest tokens
opengovsg · Jun 18, 2024 · ed71203 · ed71203
1 parent 89ed7f7
commit ed71203
Show file tree

Hide file tree

Showing 298 changed files with 5,706 additions and 928 deletions.
diff --git a/react/.storybook/colorThemes/AskGov/colors.ts b/react/.storybook/colorThemes/AskGov/colors.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 23 Jun 2023 09:14:33 GMT
+ * Generated on Tue, 12 Mar 2024 09:54:33 GMT
  */
 
 export const colors = {
@@ -121,9 +121,9 @@ export const colors = {
       active: '#454953',
     },
     'neutral-subtle': {
-      default: '#F8F9F9',
-      hover: '#EDEDED',
-      active: '#BFC2C8',
+      default: '#EDEDED',
+      hover: '#BFC2C8',
+      active: '#A0A4AD',
     },
     muted: {
       main: {
@@ -171,7 +171,7 @@ export const colors = {
       'unselected-strong': '#666C7A',
       disabled: '#EDEDED',
       'disabled-content': '#A0A4AD',
-      placeholder: '#A0A4AD',
+      placeholder: '#838894',
     },
   },
   red: {

diff --git a/react/.storybook/colorThemes/AskGov/shadows.ts b/react/.storybook/colorThemes/AskGov/shadows.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 23 Jun 2023 09:14:33 GMT
+ * Generated on Tue, 12 Mar 2024 09:54:33 GMT
  */
 
 export const shadows = {

diff --git a/react/.storybook/colorThemes/AskGov/spacing.ts b/react/.storybook/colorThemes/AskGov/spacing.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 23 Jun 2023 09:14:33 GMT
+ * Generated on Tue, 12 Mar 2024 09:54:33 GMT
  */
 
 export const spacing = {

diff --git a/react/.storybook/colorThemes/AskGov/textStyles.ts b/react/.storybook/colorThemes/AskGov/textStyles.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 23 Jun 2023 09:14:33 GMT
+ * Generated on Tue, 12 Mar 2024 09:54:33 GMT
  */
 
 export const textStyles = {
@@ -191,6 +191,14 @@ export const textStyles = {
     letterSpacing: 0,
     fontFamily: 'body',
   },
+  'caption-3': {
+    fontWeight: 500,
+    fontSize: '0.625rem',
+    lineHeight: '1rem',
+    letterSpacing: '0.080em',
+    fontFamily: 'body',
+    textTransform: 'uppercase',
+  },
   'code-1': {
     fontWeight: 400,
     lineHeight: '1.25rem',

diff --git a/react/.storybook/colorThemes/AskGov/typography.ts b/react/.storybook/colorThemes/AskGov/typography.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 23 Jun 2023 09:14:33 GMT
+ * Generated on Tue, 12 Mar 2024 09:54:33 GMT
  */
 
 export const typography = {

diff --git a/react/.storybook/colorThemes/BETA dark/colors.ts b/react/.storybook/colorThemes/BETA dark/colors.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 23 Jun 2023 09:14:33 GMT
+ * Generated on Tue, 12 Mar 2024 09:54:33 GMT
  */
 
 export const colors = {
@@ -153,16 +153,16 @@ export const colors = {
   },
   utility: {
     feedback: {
-      info: '#82ABF7',
-      'info-subtle': '#072A69',
+      info: '#63B1AA',
+      'info-subtle': '#073430',
       warning: '#FFDA68',
       'warning-subtle': '#3f2b00',
       success: '#2D978C',
       'success-subtle': '#073430',
       critical: '#e74f4f',
       'critical-subtle': '#571717',
     },
-    'focus-default': '#82ABF7',
+    'focus-default': '#63B1AA',
     'focus-inverse': '#111111',
     'input-prefilled': '#3f2b00',
     ui: '#111111',

diff --git a/react/.storybook/colorThemes/BETA dark/shadows.ts b/react/.storybook/colorThemes/BETA dark/shadows.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 23 Jun 2023 09:14:33 GMT
+ * Generated on Tue, 12 Mar 2024 09:54:33 GMT
  */
 
 export const shadows = {

diff --git a/react/.storybook/colorThemes/BETA dark/spacing.ts b/react/.storybook/colorThemes/BETA dark/spacing.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 23 Jun 2023 09:14:33 GMT
+ * Generated on Tue, 12 Mar 2024 09:54:33 GMT
  */
 
 export const spacing = {

diff --git a/react/.storybook/colorThemes/BETA dark/textStyles.ts b/react/.storybook/colorThemes/BETA dark/textStyles.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 23 Jun 2023 09:14:33 GMT
+ * Generated on Tue, 12 Mar 2024 09:54:33 GMT
  */
 
 export const textStyles = {
@@ -212,4 +212,12 @@ export const textStyles = {
     letterSpacing: 0,
     fontFamily: 'body',
   },
+  'caption-3': {
+    fontWeight: 500,
+    fontSize: '0.625rem',
+    lineHeight: '1rem',
+    letterSpacing: '0.080em',
+    fontFamily: 'body',
+    textTransform: 'uppercase',
+  },
 }
diff --git a/react/.storybook/colorThemes/BETA dark/typography.ts b/react/.storybook/colorThemes/BETA dark/typography.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 23 Jun 2023 09:14:33 GMT
+ * Generated on Tue, 12 Mar 2024 09:54:33 GMT
  */
 
 export const typography = {

diff --git a/react/.storybook/colorThemes/BbBear/colors.ts b/react/.storybook/colorThemes/BbBear/colors.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 23 Jun 2023 09:14:33 GMT
+ * Generated on Tue, 12 Mar 2024 09:54:33 GMT
  */
 
 export const colors = {
@@ -213,9 +213,9 @@ export const colors = {
       active: '#454953',
     },
     'neutral-subtle': {
-      default: '#F8F9F9',
-      hover: '#EDEDED',
-      active: '#BFC2C8',
+      default: '#EDEDED',
+      hover: '#BFC2C8',
+      active: '#A0A4AD',
     },
     muted: {
       main: {
@@ -263,7 +263,7 @@ export const colors = {
       'unselected-strong': '#666C7A',
       disabled: '#EDEDED',
       'disabled-content': '#A0A4AD',
-      placeholder: '#A0A4AD',
+      placeholder: '#838894',
     },
     links: {
       default: '#cf1a68',

diff --git a/react/.storybook/colorThemes/BbBear/shadows.ts b/react/.storybook/colorThemes/BbBear/shadows.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 23 Jun 2023 09:14:33 GMT
+ * Generated on Tue, 12 Mar 2024 09:54:33 GMT
  */
 
 export const shadows = {

diff --git a/react/.storybook/colorThemes/BbBear/spacing.ts b/react/.storybook/colorThemes/BbBear/spacing.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 23 Jun 2023 09:14:33 GMT
+ * Generated on Tue, 12 Mar 2024 09:54:33 GMT
  */
 
 export const spacing = {

diff --git a/react/.storybook/colorThemes/BbBear/textStyles.ts b/react/.storybook/colorThemes/BbBear/textStyles.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 23 Jun 2023 09:14:33 GMT
+ * Generated on Tue, 12 Mar 2024 09:54:33 GMT
  */
 
 export const textStyles = {
@@ -191,6 +191,14 @@ export const textStyles = {
     letterSpacing: 0,
     fontFamily: 'body',
   },
+  'caption-3': {
+    fontWeight: 500,
+    fontSize: '0.625rem',
+    lineHeight: '1rem',
+    letterSpacing: '0.080em',
+    fontFamily: 'body',
+    textTransform: 'uppercase',
+  },
   'code-1': {
     fontWeight: 400,
     lineHeight: '1.25rem',

diff --git a/react/.storybook/colorThemes/BbBear/typography.ts b/react/.storybook/colorThemes/BbBear/typography.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 23 Jun 2023 09:14:33 GMT
+ * Generated on Tue, 12 Mar 2024 09:54:33 GMT
  */
 
 export const typography = {

diff --git a/react/.storybook/colorThemes/CalSG/colors.ts b/react/.storybook/colorThemes/CalSG/colors.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 23 Jun 2023 09:14:33 GMT
+ * Generated on Tue, 12 Mar 2024 09:54:33 GMT
  */
 
 export const colors = {
@@ -143,9 +143,9 @@ export const colors = {
       active: '#333333',
     },
     'neutral-subtle': {
-      default: '#f8f9f9',
-      hover: '#ededed',
-      active: '#c8c8c8',
+      default: '#ededed',
+      hover: '#c8c8c8',
+      active: '#a8a8a8',
     },
     muted: {
       main: {
@@ -193,7 +193,7 @@ export const colors = {
       'unselected-strong': '#6a6a6a',
       disabled: '#ededed',
       'disabled-content': '#a8a8a8',
-      placeholder: '#a8a8a8',
+      placeholder: '#8b8b8b',
     },
   },
   blue: {

diff --git a/react/.storybook/colorThemes/CalSG/shadows.ts b/react/.storybook/colorThemes/CalSG/shadows.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 23 Jun 2023 09:14:33 GMT
+ * Generated on Tue, 12 Mar 2024 09:54:33 GMT
  */
 
 export const shadows = {

diff --git a/react/.storybook/colorThemes/CalSG/spacing.ts b/react/.storybook/colorThemes/CalSG/spacing.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 23 Jun 2023 09:14:33 GMT
+ * Generated on Tue, 12 Mar 2024 09:54:33 GMT
  */
 
 export const spacing = {

diff --git a/react/.storybook/colorThemes/CalSG/textStyles.ts b/react/.storybook/colorThemes/CalSG/textStyles.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 23 Jun 2023 09:14:33 GMT
+ * Generated on Tue, 12 Mar 2024 09:54:33 GMT
  */
 
 export const textStyles = {
@@ -191,6 +191,14 @@ export const textStyles = {
     letterSpacing: 0,
     fontFamily: 'body',
   },
+  'caption-3': {
+    fontWeight: 500,
+    fontSize: '0.625rem',
+    lineHeight: '1rem',
+    letterSpacing: '0.080em',
+    fontFamily: 'body',
+    textTransform: 'uppercase',
+  },
   'code-1': {
     fontWeight: 400,
     lineHeight: '1.25rem',

diff --git a/react/.storybook/colorThemes/CalSG/typography.ts b/react/.storybook/colorThemes/CalSG/typography.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 23 Jun 2023 09:14:33 GMT
+ * Generated on Tue, 12 Mar 2024 09:54:33 GMT
  */
 
 export const typography = {