@ornikar/bumper 3.9.1 → 3.10.0

package/src/system/core/tokens/palettes/deepPurpleColorPalette.ts

@@ -15,7 +15,7 @@ interface ColorScaleKeysMap {
     | 'green-apple'
     | 'blue-electric'
     | 'blue-sky';
-  grey: 0 | 1 | 2 | 3 | 5 | 7 | 9;
+  grey: 0 | 1 | 2 | 3 | 4 | 5 | 7 | 9;
   blue: 1 | 2 | 4 | 6 | 7;
   green: 1 | 2 | 6 | 7;
   yellow: 1 | 2 | 6 | 7;
@@ -34,7 +34,7 @@ type ColorScales = {
 };
 
 type CreateTokens<K extends keyof ColorScaleKeysMap> = {
-  [Key in ColorScaleKeysMap[K] as `${K}.${Key}`]: string;
+  [Key in ColorScaleKeysMap[K] as `palette.${K}.${Key}`]: string;
 };
 
 type ColorScaleTokens = UnionToIntersection<
@@ -84,8 +84,9 @@ export const colorScales: ColorScales = {
   grey: createColorScale({
     0: '#ffffff',
     1: '#ECECEC',
-    2: '#CDCED0',
-    3: '#A8A8A8',
+    2: '#DCDCDC',
+    3: '#BABABA',
+    4: '#A8A8A8',
     5: '#838383',
     7: '#505050',
     9: '#101010',
@@ -147,7 +148,7 @@ const transformColorScalesToTokens = (): ColorScaleTokens => {
   return Object.fromEntries(
     Object.entries(colorScales).flatMap(([colorName, colorScale]) => {
       return Object.entries(colorScale).map(([scaleNumber, colorValue]) => {
-        return [`${colorName}.${scaleNumber}`, colorValue];
+        return [`palette.${colorName}.${scaleNumber}`, colorValue];
       });
     }),
   ) as ColorScaleTokens;
@@ -155,7 +156,7 @@ const transformColorScalesToTokens = (): ColorScaleTokens => {
 
 export const deepPurpleColorPalette = {
   ...transformColorScalesToTokens(),
-  white: '#FFFFFF',
-  black: '#000000',
-  transparent: 'transparent',
+  'palette.white': '#FFFFFF',
+  'palette.black': '#000000',
+  'palette.transparent': 'transparent',
 };

package/src/tamagui.config.ts

@@ -16,6 +16,7 @@ import {
 } from './system/core/tokens/GTStandardNarrowFont';
 import { BreakpointNameEnum, breakpoints } from './system/core/tokens/breakpoints';
 import { bumperIconTokens } from './system/core/tokens/bumperIcon';
+import { deepPurpleColorPalette } from './system/core/tokens/palettes/deepPurpleColorPalette';
 import { radiusTokens } from './system/core/tokens/radius';
 import { sizeTokens } from './system/core/tokens/size';
 import { spaceTokens } from './system/core/tokens/space';
@@ -39,7 +40,7 @@ export const GTStandardNarrowFont = createFont({
 });
 
 const tokens = createTokens({
-  color: {},
+  color: deepPurpleColorPalette,
   space: spaceTokens,
   size: sizeTokens,
   radius: radiusTokens,