feat: update design tokens (postman colors) (#778)

opengovsg · Nov 15, 2024 · 60f6262 · 60f6262
1 parent 24495eb
commit 60f6262
Show file tree

Hide file tree

Showing 173 changed files with 293 additions and 286 deletions.
diff --git a/token-gen/scripts/move-to-storybook.js b/token-gen/scripts/move-to-storybook.js
@@ -57,17 +57,23 @@ export const theme = extendTheme(baseTheme, {
   }
 })
 
-
 // react/.storybook/colorThemes/index.ts
-const storybookColorThemeDest = path.join(__dirname, '../../react/.storybook/colorThemes/index.ts')
+const storybookColorThemeDest = path.join(
+  __dirname,
+  '../../react/.storybook/colorThemes/index.ts',
+)
 let storybookColorThemeIndex = ``
 // Create index theme file for Storybook
-products.forEach(product => {
-  storybookColorThemeIndex += `import { theme as ${camelCase(product)}Theme } from './${product}/theme'\n`
+products.forEach((product) => {
+  storybookColorThemeIndex += `import { theme as ${camelCase(
+    product,
+  )}Theme } from './${product}/theme'\n`
 })
 storybookColorThemeIndex += `\nexport const THEME_MAP: Record<string, typeof defaultTheme> = {`
-products.forEach(product => {
-  storybookColorThemeIndex += `\n  ${camelCase(product)}: ${camelCase(product)}Theme,`
+products.forEach((product) => {
+  storybookColorThemeIndex += `\n  ${camelCase(product)}: ${camelCase(
+    product,
+  )}Theme,`
 })
 storybookColorThemeIndex += `\n}\n`
 fs.writeFileSync(storybookColorThemeDest, storybookColorThemeIndex)
diff --git a/token-gen/themes/Armoury/colors.ts b/token-gen/themes/Armoury/colors.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Oct 2024 07:57:33 GMT
+ * Generated on Thu, 24 Oct 2024 07:48:17 GMT
  */
 
 export const colors = {

diff --git a/token-gen/themes/Armoury/shadows.ts b/token-gen/themes/Armoury/shadows.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Oct 2024 07:57:33 GMT
+ * Generated on Thu, 24 Oct 2024 07:48:17 GMT
  */
 
 export const shadows = {

diff --git a/token-gen/themes/Armoury/spacing.ts b/token-gen/themes/Armoury/spacing.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Oct 2024 07:57:33 GMT
+ * Generated on Thu, 24 Oct 2024 07:48:17 GMT
  */
 
 export const spacing = {

diff --git a/token-gen/themes/Armoury/textStyles.ts b/token-gen/themes/Armoury/textStyles.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Oct 2024 07:57:33 GMT
+ * Generated on Thu, 24 Oct 2024 07:48:17 GMT
  */
 
 export const textStyles = {

diff --git a/token-gen/themes/Armoury/typography.ts b/token-gen/themes/Armoury/typography.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Oct 2024 07:57:33 GMT
+ * Generated on Thu, 24 Oct 2024 07:48:17 GMT
  */
 
 export const typography = {

diff --git a/token-gen/themes/AskGov/colors.ts b/token-gen/themes/AskGov/colors.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Oct 2024 07:57:33 GMT
+ * Generated on Thu, 24 Oct 2024 07:48:17 GMT
  */
 
 export const colors = {

diff --git a/token-gen/themes/AskGov/shadows.ts b/token-gen/themes/AskGov/shadows.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Oct 2024 07:57:33 GMT
+ * Generated on Thu, 24 Oct 2024 07:48:17 GMT
  */
 
 export const shadows = {

diff --git a/token-gen/themes/AskGov/spacing.ts b/token-gen/themes/AskGov/spacing.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Oct 2024 07:57:33 GMT
+ * Generated on Thu, 24 Oct 2024 07:48:17 GMT
  */
 
 export const spacing = {

diff --git a/token-gen/themes/AskGov/textStyles.ts b/token-gen/themes/AskGov/textStyles.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Oct 2024 07:57:33 GMT
+ * Generated on Thu, 24 Oct 2024 07:48:17 GMT
  */
 
 export const textStyles = {

diff --git a/token-gen/themes/AskGov/typography.ts b/token-gen/themes/AskGov/typography.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Oct 2024 07:57:33 GMT
+ * Generated on Thu, 24 Oct 2024 07:48:17 GMT
  */
 
 export const typography = {

diff --git a/token-gen/themes/BETA dark/colors.ts b/token-gen/themes/BETA dark/colors.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Oct 2024 07:57:33 GMT
+ * Generated on Thu, 24 Oct 2024 07:48:17 GMT
  */
 
 export const colors = {

diff --git a/token-gen/themes/BETA dark/shadows.ts b/token-gen/themes/BETA dark/shadows.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Oct 2024 07:57:33 GMT
+ * Generated on Thu, 24 Oct 2024 07:48:17 GMT
  */
 
 export const shadows = {

diff --git a/token-gen/themes/BETA dark/spacing.ts b/token-gen/themes/BETA dark/spacing.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Oct 2024 07:57:33 GMT
+ * Generated on Thu, 24 Oct 2024 07:48:17 GMT
  */
 
 export const spacing = {

diff --git a/token-gen/themes/BETA dark/textStyles.ts b/token-gen/themes/BETA dark/textStyles.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Oct 2024 07:57:33 GMT
+ * Generated on Thu, 24 Oct 2024 07:48:17 GMT
  */
 
 export const textStyles = {

diff --git a/token-gen/themes/BETA dark/typography.ts b/token-gen/themes/BETA dark/typography.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Oct 2024 07:57:33 GMT
+ * Generated on Thu, 24 Oct 2024 07:48:17 GMT
  */
 
 export const typography = {

diff --git a/token-gen/themes/BbBear/colors.ts b/token-gen/themes/BbBear/colors.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Oct 2024 07:57:33 GMT
+ * Generated on Thu, 24 Oct 2024 07:48:17 GMT
  */
 
 export const colors = {

diff --git a/token-gen/themes/BbBear/shadows.ts b/token-gen/themes/BbBear/shadows.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Oct 2024 07:57:33 GMT
+ * Generated on Thu, 24 Oct 2024 07:48:17 GMT
  */
 
 export const shadows = {

diff --git a/token-gen/themes/BbBear/spacing.ts b/token-gen/themes/BbBear/spacing.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Oct 2024 07:57:33 GMT
+ * Generated on Thu, 24 Oct 2024 07:48:17 GMT
  */
 
 export const spacing = {

diff --git a/token-gen/themes/BbBear/textStyles.ts b/token-gen/themes/BbBear/textStyles.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Oct 2024 07:57:33 GMT
+ * Generated on Thu, 24 Oct 2024 07:48:17 GMT
  */
 
 export const textStyles = {

diff --git a/token-gen/themes/BbBear/typography.ts b/token-gen/themes/BbBear/typography.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Oct 2024 07:57:33 GMT
+ * Generated on Thu, 24 Oct 2024 07:48:17 GMT
  */
 
 export const typography = {

diff --git a/token-gen/themes/CalSG/colors.ts b/token-gen/themes/CalSG/colors.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Oct 2024 07:57:33 GMT
+ * Generated on Thu, 24 Oct 2024 07:48:17 GMT
  */
 
 export const colors = {

diff --git a/token-gen/themes/CalSG/shadows.ts b/token-gen/themes/CalSG/shadows.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Oct 2024 07:57:33 GMT
+ * Generated on Thu, 24 Oct 2024 07:48:17 GMT
  */
 
 export const shadows = {

diff --git a/token-gen/themes/CalSG/spacing.ts b/token-gen/themes/CalSG/spacing.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Oct 2024 07:57:33 GMT
+ * Generated on Thu, 24 Oct 2024 07:48:17 GMT
  */
 
 export const spacing = {

diff --git a/token-gen/themes/CalSG/textStyles.ts b/token-gen/themes/CalSG/textStyles.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Oct 2024 07:57:33 GMT
+ * Generated on Thu, 24 Oct 2024 07:48:17 GMT
  */
 
 export const textStyles = {

diff --git a/token-gen/themes/CalSG/typography.ts b/token-gen/themes/CalSG/typography.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Oct 2024 07:57:33 GMT
+ * Generated on Thu, 24 Oct 2024 07:48:17 GMT
  */
 
 export const typography = {

diff --git a/token-gen/themes/Care360/colors.ts b/token-gen/themes/Care360/colors.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Oct 2024 07:57:33 GMT
+ * Generated on Thu, 24 Oct 2024 07:48:17 GMT
  */
 
 export const colors = {

diff --git a/token-gen/themes/Care360/shadows.ts b/token-gen/themes/Care360/shadows.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Oct 2024 07:57:33 GMT
+ * Generated on Thu, 24 Oct 2024 07:48:17 GMT
  */
 
 export const shadows = {

diff --git a/token-gen/themes/Care360/spacing.ts b/token-gen/themes/Care360/spacing.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Oct 2024 07:57:33 GMT
+ * Generated on Thu, 24 Oct 2024 07:48:17 GMT
  */
 
 export const spacing = {

diff --git a/token-gen/themes/Care360/textStyles.ts b/token-gen/themes/Care360/textStyles.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Oct 2024 07:57:33 GMT
+ * Generated on Thu, 24 Oct 2024 07:48:17 GMT
  */
 
 export const textStyles = {

diff --git a/token-gen/themes/Care360/typography.ts b/token-gen/themes/Care360/typography.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Oct 2024 07:57:33 GMT
+ * Generated on Thu, 24 Oct 2024 07:48:17 GMT
  */
 
 export const typography = {

diff --git a/token-gen/themes/Careers/colors.ts b/token-gen/themes/Careers/colors.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Oct 2024 07:57:33 GMT
+ * Generated on Thu, 24 Oct 2024 07:48:17 GMT
  */
 
 export const colors = {

diff --git a/token-gen/themes/Careers/shadows.ts b/token-gen/themes/Careers/shadows.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Oct 2024 07:57:33 GMT
+ * Generated on Thu, 24 Oct 2024 07:48:17 GMT
  */
 
 export const shadows = {

diff --git a/token-gen/themes/Careers/spacing.ts b/token-gen/themes/Careers/spacing.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Oct 2024 07:57:33 GMT
+ * Generated on Thu, 24 Oct 2024 07:48:17 GMT
  */
 
 export const spacing = {

diff --git a/token-gen/themes/Careers/textStyles.ts b/token-gen/themes/Careers/textStyles.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Oct 2024 07:57:33 GMT
+ * Generated on Thu, 24 Oct 2024 07:48:17 GMT
  */
 
 export const textStyles = {

diff --git a/token-gen/themes/Careers/typography.ts b/token-gen/themes/Careers/typography.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Oct 2024 07:57:33 GMT
+ * Generated on Thu, 24 Oct 2024 07:48:17 GMT
  */
 
 export const typography = {

diff --git a/token-gen/themes/Distribute/colors.ts b/token-gen/themes/Distribute/colors.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Oct 2024 07:57:33 GMT
+ * Generated on Thu, 24 Oct 2024 07:48:17 GMT
  */
 
 export const colors = {

diff --git a/token-gen/themes/Distribute/shadows.ts b/token-gen/themes/Distribute/shadows.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Oct 2024 07:57:33 GMT
+ * Generated on Thu, 24 Oct 2024 07:48:17 GMT
  */
 
 export const shadows = {

diff --git a/token-gen/themes/Distribute/spacing.ts b/token-gen/themes/Distribute/spacing.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Oct 2024 07:57:33 GMT
+ * Generated on Thu, 24 Oct 2024 07:48:17 GMT
  */
 
 export const spacing = {

diff --git a/token-gen/themes/Distribute/textStyles.ts b/token-gen/themes/Distribute/textStyles.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Oct 2024 07:57:33 GMT
+ * Generated on Thu, 24 Oct 2024 07:48:17 GMT
  */
 
 export const textStyles = {

diff --git a/token-gen/themes/Distribute/typography.ts b/token-gen/themes/Distribute/typography.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Oct 2024 07:57:33 GMT
+ * Generated on Thu, 24 Oct 2024 07:48:17 GMT
  */
 
 export const typography = {

diff --git a/token-gen/themes/ERPX/colors.ts b/token-gen/themes/ERPX/colors.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Oct 2024 07:57:33 GMT
+ * Generated on Thu, 24 Oct 2024 07:48:17 GMT
  */
 
 export const colors = {

diff --git a/token-gen/themes/ERPX/shadows.ts b/token-gen/themes/ERPX/shadows.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Oct 2024 07:57:33 GMT
+ * Generated on Thu, 24 Oct 2024 07:48:17 GMT
  */
 
 export const shadows = {

diff --git a/token-gen/themes/ERPX/spacing.ts b/token-gen/themes/ERPX/spacing.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Oct 2024 07:57:33 GMT
+ * Generated on Thu, 24 Oct 2024 07:48:17 GMT
  */
 
 export const spacing = {

diff --git a/token-gen/themes/ERPX/textStyles.ts b/token-gen/themes/ERPX/textStyles.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Oct 2024 07:57:33 GMT
+ * Generated on Thu, 24 Oct 2024 07:48:17 GMT
  */
 
 export const textStyles = {

diff --git a/token-gen/themes/ERPX/typography.ts b/token-gen/themes/ERPX/typography.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Oct 2024 07:57:33 GMT
+ * Generated on Thu, 24 Oct 2024 07:48:17 GMT
  */
 
 export const typography = {

diff --git a/token-gen/themes/Engage/colors.ts b/token-gen/themes/Engage/colors.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Oct 2024 07:57:33 GMT
+ * Generated on Thu, 24 Oct 2024 07:48:17 GMT
  */
 
 export const colors = {