@fluentui/tokens 0.0.0-nightly-20230317-1454.1 → 0.0.0-nightly-20230322-0439.1

package/.swcrc

@@ -1,15 +1,5 @@
 {
   "$schema": "https://json.schemastore.org/swcrc",
-  "env": {
-    "targets": {
-      "chrome": "84",
-      "edge": "84",
-      "firefox": "75",
-      "opera": "73",
-      "safari": "14.1"
-    },
-    "bugfixes": true
-  },
   "exclude": [
     "/testing",
     "/**/*.cy.ts",
@@ -32,7 +22,8 @@
         "runtime": "classic",
         "useSpread": true
       }
-    }
+    },
+    "target": "es2019"
   },
   "minify": false,
   "sourceMaps": true

package/CHANGELOG.json

@@ -2,9 +2,9 @@
   "name": "@fluentui/tokens",
   "entries": [
     {
-      "date": "Fri, 17 Mar 2023 15:00:09 GMT",
-      "tag": "@fluentui/tokens_v0.0.0-nightly-20230317-1454.1",
-      "version": "0.0.0-nightly-20230317-1454.1",
+      "date": "Wed, 22 Mar 2023 04:46:38 GMT",
+      "tag": "@fluentui/tokens_v0.0.0-nightly-20230322-0439.1",
+      "version": "0.0.0-nightly-20230322-0439.1",
       "comments": {
         "prerelease": [
           {
@@ -16,6 +16,27 @@
         ]
       }
     },
+    {
+      "date": "Tue, 21 Mar 2023 21:23:17 GMT",
+      "tag": "@fluentui/tokens_v1.0.0-alpha.4",
+      "version": "1.0.0-alpha.4",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "tristan.watanabe@gmail.com",
+            "package": "@fluentui/tokens",
+            "commit": "2fac1a139149bd13b76b1306207bc988dca9c72c",
+            "comment": "chore: migrate to swc transpilation approach."
+          },
+          {
+            "author": "tristan.watanabe@gmail.com",
+            "package": "@fluentui/tokens",
+            "commit": "ead1c6d4c2ac3f3596b62b8cbc07b0a03041f11f",
+            "comment": "fix: add node field to package.json exports map."
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 15 Mar 2023 10:19:53 GMT",
       "tag": "@fluentui/tokens_v1.0.0-alpha.3",

package/CHANGELOG.md

@@ -1,18 +1,28 @@
 # Change Log - @fluentui/tokens
 
-This log was last generated on Fri, 17 Mar 2023 15:00:09 GMT and should not be manually modified.
+This log was last generated on Wed, 22 Mar 2023 04:46:38 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightly-20230317-1454.1](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v0.0.0-nightly-20230317-1454.1)
+## [0.0.0-nightly-20230322-0439.1](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v0.0.0-nightly-20230322-0439.1)
 
-Fri, 17 Mar 2023 15:00:09 GMT 
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/tokens_v1.0.0-alpha.3..@fluentui/tokens_v0.0.0-nightly-20230317-1454.1)
+Wed, 22 Mar 2023 04:46:38 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/tokens_v1.0.0-alpha.4..@fluentui/tokens_v0.0.0-nightly-20230322-0439.1)
 
 ### Changes
 
 - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/not available) by fluentui-internal@service.microsoft.com)
 
+## [1.0.0-alpha.4](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v1.0.0-alpha.4)
+
+Tue, 21 Mar 2023 21:23:17 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/tokens_v1.0.0-alpha.3..@fluentui/tokens_v1.0.0-alpha.4)
+
+### Changes
+
+- chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
+- fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
+
 ## [1.0.0-alpha.3](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v1.0.0-alpha.3)
 
 Wed, 15 Mar 2023 10:19:53 GMT 

package/lib/alias/darkColor.js

@@ -1,4 +1,4 @@
-/* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */import { black, blackAlpha, grey, grey10Alpha, grey12Alpha, grey14Alpha, white, whiteAlpha } from "../global/colors";
+/* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */import { black, blackAlpha, grey, grey10Alpha, grey12Alpha, grey14Alpha, white, whiteAlpha } from '../global/colors';
 export const generateColorTokens = brand => ({
   colorNeutralForeground1: white,
   colorNeutralForeground1Hover: white,
@@ -78,21 +78,21 @@ export const generateColorTokens = brand => ({
   colorNeutralBackgroundStatic: grey[24],
   colorNeutralBackgroundAlpha: grey10Alpha[50],
   colorNeutralBackgroundAlpha2: grey12Alpha[70],
-  colorSubtleBackground: "transparent",
+  colorSubtleBackground: 'transparent',
   colorSubtleBackgroundHover: grey[22],
   colorSubtleBackgroundPressed: grey[18],
   colorSubtleBackgroundSelected: grey[20],
   colorSubtleBackgroundLightAlphaHover: grey14Alpha[80],
   colorSubtleBackgroundLightAlphaPressed: grey14Alpha[50],
-  colorSubtleBackgroundLightAlphaSelected: "transparent",
-  colorSubtleBackgroundInverted: "transparent",
+  colorSubtleBackgroundLightAlphaSelected: 'transparent',
+  colorSubtleBackgroundInverted: 'transparent',
   colorSubtleBackgroundInvertedHover: blackAlpha[10],
   colorSubtleBackgroundInvertedPressed: blackAlpha[30],
   colorSubtleBackgroundInvertedSelected: blackAlpha[20],
-  colorTransparentBackground: "transparent",
-  colorTransparentBackgroundHover: "transparent",
-  colorTransparentBackgroundPressed: "transparent",
-  colorTransparentBackgroundSelected: "transparent",
+  colorTransparentBackground: 'transparent',
+  colorTransparentBackgroundHover: 'transparent',
+  colorTransparentBackgroundPressed: 'transparent',
+  colorTransparentBackgroundSelected: 'transparent',
   colorNeutralBackgroundDisabled: grey[8],
   colorNeutralBackgroundInvertedDisabled: whiteAlpha[10],
   colorNeutralStencil1: grey[34],
@@ -136,19 +136,19 @@ export const generateColorTokens = brand => ({
   colorCompoundBrandStrokePressed: brand[90],
   colorNeutralStrokeDisabled: grey[26],
   colorNeutralStrokeInvertedDisabled: whiteAlpha[40],
-  colorTransparentStroke: "transparent",
-  colorTransparentStrokeInteractive: "transparent",
-  colorTransparentStrokeDisabled: "transparent",
+  colorTransparentStroke: 'transparent',
+  colorTransparentStrokeInteractive: 'transparent',
+  colorTransparentStrokeDisabled: 'transparent',
   colorNeutralStrokeAlpha: whiteAlpha[10],
   colorStrokeFocus1: black,
   colorStrokeFocus2: white,
-  colorNeutralShadowAmbient: "rgba(0,0,0,0.24)",
-  colorNeutralShadowKey: "rgba(0,0,0,0.28)",
-  colorNeutralShadowAmbientLighter: "rgba(0,0,0,0.12)",
-  colorNeutralShadowKeyLighter: "rgba(0,0,0,0.14)",
-  colorNeutralShadowAmbientDarker: "rgba(0,0,0,0.40)",
-  colorNeutralShadowKeyDarker: "rgba(0,0,0,0.48)",
-  colorBrandShadowAmbient: "rgba(0,0,0,0.30)",
-  colorBrandShadowKey: "rgba(0,0,0,0.25)"
+  colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)',
+  colorNeutralShadowKey: 'rgba(0,0,0,0.28)',
+  colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',
+  colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)',
+  colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',
+  colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)',
+  colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
+  colorBrandShadowKey: 'rgba(0,0,0,0.25)'
 });
 //# sourceMappingURL=darkColor.js.map

package/lib/alias/darkColorPalette.js

@@ -1,5 +1,5 @@
-/* color palette used in both darkTheme and teamsDarkTheme */import { statusSharedColors, personaSharedColors } from "../global/colorPalette";
-import { statusSharedColorNames, personaSharedColorNames } from "../sharedColorNames";
+/* color palette used in both darkTheme and teamsDarkTheme */import { statusSharedColors, personaSharedColors } from '../global/colorPalette';
+import { statusSharedColorNames, personaSharedColorNames } from '../sharedColorNames';
 const statusColorPaletteTokens = /*#__PURE__*/statusSharedColorNames.reduce((acc, sharedColor) => {
   const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
   const sharedColorTokens = {

package/lib/alias/highContrastColor.js

@@ -1,4 +1,4 @@
-/* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */import { blackAlpha, hcButtonFace, hcButtonText, hcCanvas, hcCanvasText, hcDisabled, hcHighlight, hcHighlightText, hcHyperlink } from "../global/colors";
+/* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */import { blackAlpha, hcButtonFace, hcButtonText, hcCanvas, hcCanvasText, hcDisabled, hcHighlight, hcHighlightText, hcHyperlink } from '../global/colors';
 export const generateColorTokens = () => ({
   colorNeutralForeground1: hcCanvasText,
   colorNeutralForeground1Hover: hcHighlightText,
@@ -78,18 +78,18 @@ export const generateColorTokens = () => ({
   colorNeutralBackgroundStatic: hcCanvas,
   colorNeutralBackgroundAlpha: hcCanvas,
   colorNeutralBackgroundAlpha2: hcCanvas,
-  colorSubtleBackground: "transparent",
+  colorSubtleBackground: 'transparent',
   colorSubtleBackgroundHover: hcHighlight,
   colorSubtleBackgroundPressed: hcHighlight,
   colorSubtleBackgroundSelected: hcHighlight,
   colorSubtleBackgroundLightAlphaHover: hcHighlight,
   colorSubtleBackgroundLightAlphaPressed: hcHighlight,
   colorSubtleBackgroundLightAlphaSelected: hcHighlight,
-  colorSubtleBackgroundInverted: "transparent",
+  colorSubtleBackgroundInverted: 'transparent',
   colorSubtleBackgroundInvertedHover: hcHighlight,
   colorSubtleBackgroundInvertedPressed: hcHighlight,
   colorSubtleBackgroundInvertedSelected: hcHighlight,
-  colorTransparentBackground: "transparent",
+  colorTransparentBackground: 'transparent',
   colorTransparentBackgroundHover: hcHighlight,
   colorTransparentBackgroundPressed: hcHighlight,
   colorTransparentBackgroundSelected: hcHighlight,
@@ -142,13 +142,13 @@ export const generateColorTokens = () => ({
   colorNeutralStrokeAlpha: hcCanvasText,
   colorStrokeFocus1: hcCanvas,
   colorStrokeFocus2: hcHighlight,
-  colorNeutralShadowAmbient: "rgba(0,0,0,0.24)",
-  colorNeutralShadowKey: "rgba(0,0,0,0.28)",
-  colorNeutralShadowAmbientLighter: "rgba(0,0,0,0.12)",
-  colorNeutralShadowKeyLighter: "rgba(0,0,0,0.14)",
-  colorNeutralShadowAmbientDarker: "rgba(0,0,0,0.40)",
-  colorNeutralShadowKeyDarker: "rgba(0,0,0,0.48)",
-  colorBrandShadowAmbient: "rgba(0,0,0,0.30)",
-  colorBrandShadowKey: "rgba(0,0,0,0.25)"
+  colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)',
+  colorNeutralShadowKey: 'rgba(0,0,0,0.28)',
+  colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',
+  colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)',
+  colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',
+  colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)',
+  colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
+  colorBrandShadowKey: 'rgba(0,0,0,0.25)'
 });
 //# sourceMappingURL=highContrastColor.js.map

package/lib/alias/highContrastColorPalette.js

@@ -1,5 +1,5 @@
-import { hcHighlight, hcCanvas, hcCanvasText } from "../global/colors";
-import { statusSharedColorNames, personaSharedColorNames } from "../sharedColorNames";
+import { hcHighlight, hcCanvas, hcCanvasText } from '../global/colors';
+import { statusSharedColorNames, personaSharedColorNames } from '../sharedColorNames';
 const statusColorPaletteTokens = /*#__PURE__*/statusSharedColorNames.reduce((acc, sharedColor) => {
   const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
   const sharedColorTokens = {

package/lib/alias/lightColor.js

@@ -1,4 +1,4 @@
-/* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */import { black, blackAlpha, grey, white, whiteAlpha } from "../global/colors";
+/* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */import { black, blackAlpha, grey, white, whiteAlpha } from '../global/colors';
 export const generateColorTokens = brand => ({
   colorNeutralForeground1: grey[14],
   colorNeutralForeground1Hover: grey[14],
@@ -78,21 +78,21 @@ export const generateColorTokens = brand => ({
   colorNeutralBackgroundStatic: grey[20],
   colorNeutralBackgroundAlpha: whiteAlpha[50],
   colorNeutralBackgroundAlpha2: whiteAlpha[80],
-  colorSubtleBackground: "transparent",
+  colorSubtleBackground: 'transparent',
   colorSubtleBackgroundHover: grey[96],
   colorSubtleBackgroundPressed: grey[88],
   colorSubtleBackgroundSelected: grey[92],
   colorSubtleBackgroundLightAlphaHover: whiteAlpha[70],
   colorSubtleBackgroundLightAlphaPressed: whiteAlpha[50],
-  colorSubtleBackgroundLightAlphaSelected: "transparent",
-  colorSubtleBackgroundInverted: "transparent",
+  colorSubtleBackgroundLightAlphaSelected: 'transparent',
+  colorSubtleBackgroundInverted: 'transparent',
   colorSubtleBackgroundInvertedHover: blackAlpha[10],
   colorSubtleBackgroundInvertedPressed: blackAlpha[30],
   colorSubtleBackgroundInvertedSelected: blackAlpha[20],
-  colorTransparentBackground: "transparent",
-  colorTransparentBackgroundHover: "transparent",
-  colorTransparentBackgroundPressed: "transparent",
-  colorTransparentBackgroundSelected: "transparent",
+  colorTransparentBackground: 'transparent',
+  colorTransparentBackgroundHover: 'transparent',
+  colorTransparentBackgroundPressed: 'transparent',
+  colorTransparentBackgroundSelected: 'transparent',
   colorNeutralBackgroundDisabled: grey[94],
   colorNeutralBackgroundInvertedDisabled: whiteAlpha[10],
   colorNeutralStencil1: grey[90],
@@ -136,19 +136,19 @@ export const generateColorTokens = brand => ({
   colorCompoundBrandStrokePressed: brand[60],
   colorNeutralStrokeDisabled: grey[88],
   colorNeutralStrokeInvertedDisabled: whiteAlpha[40],
-  colorTransparentStroke: "transparent",
-  colorTransparentStrokeInteractive: "transparent",
-  colorTransparentStrokeDisabled: "transparent",
+  colorTransparentStroke: 'transparent',
+  colorTransparentStrokeInteractive: 'transparent',
+  colorTransparentStrokeDisabled: 'transparent',
   colorNeutralStrokeAlpha: blackAlpha[5],
   colorStrokeFocus1: white,
   colorStrokeFocus2: black,
-  colorNeutralShadowAmbient: "rgba(0,0,0,0.12)",
-  colorNeutralShadowKey: "rgba(0,0,0,0.14)",
-  colorNeutralShadowAmbientLighter: "rgba(0,0,0,0.06)",
-  colorNeutralShadowKeyLighter: "rgba(0,0,0,0.07)",
-  colorNeutralShadowAmbientDarker: "rgba(0,0,0,0.20)",
-  colorNeutralShadowKeyDarker: "rgba(0,0,0,0.24)",
-  colorBrandShadowAmbient: "rgba(0,0,0,0.30)",
-  colorBrandShadowKey: "rgba(0,0,0,0.25)"
+  colorNeutralShadowAmbient: 'rgba(0,0,0,0.12)',
+  colorNeutralShadowKey: 'rgba(0,0,0,0.14)',
+  colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.06)',
+  colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.07)',
+  colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.20)',
+  colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.24)',
+  colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
+  colorBrandShadowKey: 'rgba(0,0,0,0.25)'
 });
 //# sourceMappingURL=lightColor.js.map

package/lib/alias/lightColorPalette.js

@@ -1,5 +1,5 @@
-import { statusSharedColors, personaSharedColors } from "../global/colorPalette";
-import { statusSharedColorNames, personaSharedColorNames } from "../sharedColorNames";
+import { statusSharedColors, personaSharedColors } from '../global/colorPalette';
+import { statusSharedColorNames, personaSharedColorNames } from '../sharedColorNames';
 const statusColorPaletteTokens = /*#__PURE__*/statusSharedColorNames.reduce((acc, sharedColor) => {
   const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
   const sharedColorTokens = {

package/lib/alias/teamsDarkColor.js

@@ -1,4 +1,4 @@
-/* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */import { black, blackAlpha, grey, grey10Alpha, grey12Alpha, grey14Alpha, white, whiteAlpha } from "../global/colors";
+/* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */import { black, blackAlpha, grey, grey10Alpha, grey12Alpha, grey14Alpha, white, whiteAlpha } from '../global/colors';
 export const generateColorTokens = brand => ({
   colorNeutralForeground1: white,
   colorNeutralForeground1Hover: white,
@@ -78,21 +78,21 @@ export const generateColorTokens = brand => ({
   colorNeutralBackgroundStatic: grey[24],
   colorNeutralBackgroundAlpha: grey10Alpha[50],
   colorNeutralBackgroundAlpha2: grey12Alpha[70],
-  colorSubtleBackground: "transparent",
+  colorSubtleBackground: 'transparent',
   colorSubtleBackgroundHover: grey[22],
   colorSubtleBackgroundPressed: grey[18],
   colorSubtleBackgroundSelected: grey[20],
   colorSubtleBackgroundLightAlphaHover: grey14Alpha[80],
   colorSubtleBackgroundLightAlphaPressed: grey14Alpha[50],
-  colorSubtleBackgroundLightAlphaSelected: "transparent",
-  colorSubtleBackgroundInverted: "transparent",
+  colorSubtleBackgroundLightAlphaSelected: 'transparent',
+  colorSubtleBackgroundInverted: 'transparent',
   colorSubtleBackgroundInvertedHover: blackAlpha[10],
   colorSubtleBackgroundInvertedPressed: blackAlpha[30],
   colorSubtleBackgroundInvertedSelected: blackAlpha[20],
-  colorTransparentBackground: "transparent",
-  colorTransparentBackgroundHover: "transparent",
-  colorTransparentBackgroundPressed: "transparent",
-  colorTransparentBackgroundSelected: "transparent",
+  colorTransparentBackground: 'transparent',
+  colorTransparentBackgroundHover: 'transparent',
+  colorTransparentBackgroundPressed: 'transparent',
+  colorTransparentBackgroundSelected: 'transparent',
   colorNeutralBackgroundDisabled: grey[8],
   colorNeutralBackgroundInvertedDisabled: whiteAlpha[10],
   colorNeutralStencil1: grey[34],
@@ -136,19 +136,19 @@ export const generateColorTokens = brand => ({
   colorCompoundBrandStrokePressed: brand[80],
   colorNeutralStrokeDisabled: grey[26],
   colorNeutralStrokeInvertedDisabled: whiteAlpha[40],
-  colorTransparentStroke: "transparent",
-  colorTransparentStrokeInteractive: "transparent",
-  colorTransparentStrokeDisabled: "transparent",
+  colorTransparentStroke: 'transparent',
+  colorTransparentStrokeInteractive: 'transparent',
+  colorTransparentStrokeDisabled: 'transparent',
   colorNeutralStrokeAlpha: whiteAlpha[10],
   colorStrokeFocus1: black,
   colorStrokeFocus2: white,
-  colorNeutralShadowAmbient: "rgba(0,0,0,0.24)",
-  colorNeutralShadowKey: "rgba(0,0,0,0.28)",
-  colorNeutralShadowAmbientLighter: "rgba(0,0,0,0.12)",
-  colorNeutralShadowKeyLighter: "rgba(0,0,0,0.14)",
-  colorNeutralShadowAmbientDarker: "rgba(0,0,0,0.40)",
-  colorNeutralShadowKeyDarker: "rgba(0,0,0,0.48)",
-  colorBrandShadowAmbient: "rgba(0,0,0,0.30)",
-  colorBrandShadowKey: "rgba(0,0,0,0.25)"
+  colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)',
+  colorNeutralShadowKey: 'rgba(0,0,0,0.28)',
+  colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',
+  colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)',
+  colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',
+  colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)',
+  colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
+  colorBrandShadowKey: 'rgba(0,0,0,0.25)'
 });
 //# sourceMappingURL=teamsDarkColor.js.map

package/lib/global/borderRadius.js

@@ -1,9 +1,9 @@
 export const borderRadius = {
-  borderRadiusNone: "0",
-  borderRadiusSmall: "2px",
-  borderRadiusMedium: "4px",
-  borderRadiusLarge: "6px",
-  borderRadiusXLarge: "8px",
-  borderRadiusCircular: "10000px"
+  borderRadiusNone: '0',
+  borderRadiusSmall: '2px',
+  borderRadiusMedium: '4px',
+  borderRadiusLarge: '6px',
+  borderRadiusXLarge: '8px',
+  borderRadiusCircular: '10000px'
 };
 //# sourceMappingURL=borderRadius.js.map

package/lib/global/colorPalette.js

@@ -1,4 +1,4 @@
-import { red, green, darkOrange, yellow, berry, lightGreen, marigold, darkRed, cranberry, pumpkin, peach, gold, brass, brown, forest, seafoam, darkGreen, lightTeal, teal, steel, blue, royalBlue, cornflower, navy, lavender, purple, grape, lilac, pink, magenta, plum, beige, mink, platinum, anchor } from "./colors";
+import { red, green, darkOrange, yellow, berry, lightGreen, marigold, darkRed, cranberry, pumpkin, peach, gold, brass, brown, forest, seafoam, darkGreen, lightTeal, teal, steel, blue, royalBlue, cornflower, navy, lavender, purple, grape, lilac, pink, magenta, plum, beige, mink, platinum, anchor } from './colors';
 export const statusSharedColors = {
   red,
   green,