@bitrise/bitkit 12.73.0 → 12.73.1

package/src/tokens/tokens.ts

@@ -0,0 +1,57 @@
+import tokensJson from './tokens.json';
+
+const paletteColors: any = {
+  ...tokensJson.core.color.pal,
+};
+
+Object.keys(paletteColors).forEach((color) => {
+  Object.entries(paletteColors[color]).forEach(([shade, { value }]: any) => {
+    paletteColors[color][shade] = value;
+  });
+});
+
+export const colors = {
+  ...paletteColors,
+  pal: paletteColors,
+  brand: {
+    primary: '#5C2A7E', // purple.30
+  },
+  text: {
+    body: '#201B22', // neutral.10
+    secondary: '#6B6071', // neutral.40
+    link: '#9247C2', // purple.50
+    linkHover: '#5C2A7E', // purple.30
+  },
+  separator: {
+    primary: '#DFDAE1', // neutral.90,
+  },
+};
+
+export type TypeColors = `${
+  | 'neutral'
+  | 'purple'
+  | 'red'
+  | 'orange'
+  | 'yellow'
+  | 'green'
+  | 'turquoise'
+  | 'purple'
+  | 'blue'}.${'10' | '20' | '30' | '40' | '50' | '60' | '70' | '80' | '90' | '93' | '95' | '100'}`;
+
+export type ColorScheme = 'blue' | 'red' | 'orange' | 'yellow' | 'green' | 'purple' | 'neutral';
+
+const sysColors: any = {
+  ...tokensJson.system.color.sys,
+};
+
+Object.keys(sysColors).forEach((color) => {
+  Object.entries(sysColors[color]).forEach(([shade, { value }]: any) => {
+    sysColors[color][shade] = value.replace(/\{color\.pal\.(.*)\}/, '$1');
+  });
+});
+
+export const semanticTokens = {
+  colors: {
+    sys: sysColors,
+  },
+};

package/tsconfig.json

@@ -18,7 +18,7 @@
     "skipLibCheck": true,
     "sourceMap": true,
     "strict": true,
-    "target": "es5",
+    "target": "esnext",
   },
-  "include": ["./src/**/*", "./spec/jest.setup.ts"],
+  "include": ["./src/**/*", "./spec/jest.setup.ts", "./src/tokens/tokens.json"],
 }

package/src/Foundations/Colors/Colors.ts

@@ -1,151 +0,0 @@
-const colors = {
-  neutral: {
-    100: '#FFFFFF',
-    95: '#F6F4F6',
-    93: '#EFEBEF',
-    90: '#DFDAE1',
-    80: '#C9C1CD',
-    70: '#AFA4B4',
-    60: '#94879B',
-    50: '#7D7184',
-    40: '#6B6071',
-    30: '#49404F',
-    20: '#362D39',
-    10: '#201B22',
-  },
-  purple: {
-    100: '#FFFFFF',
-    95: '#F9F2FD',
-    93: '#F3E7F9',
-    90: '#EAD4F2',
-    80: '#D5ADEB',
-    70: '#C289E6',
-    60: '#AE63DE',
-    50: '#9247C2',
-    40: '#7B3BA5',
-    30: '#5C2A7E',
-    20: '#421560',
-    10: '#2B0E3F',
-  },
-  red: {
-    100: '#FFFFFF',
-    95: '#FFF0F3',
-    93: '#FFE5EB',
-    90: '#FFCCD5',
-    80: '#FFA8B5',
-    70: '#FF8091',
-    60: '#F7596C',
-    50: '#D72D40',
-    40: '#A91E2E',
-    30: '#78111C',
-    20: '#630811',
-    10: '#47060C',
-  },
-  orange: {
-    100: '#FFFFFF',
-    95: '#FFF4E5',
-    93: '#FFE9CF',
-    90: '#FFD5A3',
-    80: '#FFB766',
-    70: '#FD9730',
-    60: '#ED720C',
-    50: '#D45202',
-    40: '#A33500',
-    30: '#7A2200',
-    20: '#661900',
-    10: '#421000',
-  },
-  yellow: {
-    100: '#FFFFFF',
-    95: '#FFF6D1',
-    93: '#FFEFAD',
-    90: '#FBE074',
-    80: '#F9CC15',
-    70: '#EBBA00',
-    60: '#D6A200',
-    50: '#B27E00',
-    40: '#875B00',
-    30: '#613E00',
-    20: '#4D2F00',
-    10: '#2E1C00',
-  },
-  green: {
-    100: '#FFFFFF',
-    95: '#EEF9F1',
-    93: '#E1F4E7',
-    90: '#C3EACE',
-    80: '#A1DEB2',
-    70: '#77CF8F',
-    60: '#4EB76C',
-    50: '#2A9D4C',
-    40: '#167231',
-    30: '#0B5620',
-    20: '#064217',
-    10: '#042A0F',
-  },
-  turquoise: {
-    100: '#FFFFFF',
-    95: '#E9FBF9',
-    93: '#D8F8F4',
-    90: '#AEEFE8',
-    80: '#8AE0D7',
-    70: '#55CEC3',
-    60: '#11BBA9',
-    50: '#009E8E',
-    40: '#007366',
-    30: '#005248',
-    20: '#003D36',
-    10: '#002924',
-  },
-  blue: {
-    100: '#FFFFFF',
-    95: '#ECF8FD',
-    93: '#DEF2FC',
-    90: '#C2E7FA',
-    80: '#99D1F5',
-    70: '#71B8EF',
-    60: '#4F9BDE',
-    50: '#2582D0',
-    40: '#1066AC',
-    30: '#044781',
-    20: '#00315C',
-    10: '#002442',
-  },
-  brand: {
-    primary: '#5C2A7E', // purple.30
-  },
-  text: {
-    body: '#201B22', // neutral.10
-    secondary: '#6B6071', // neutral.40
-    link: '#9247C2', // purple.50
-    linkHover: '#5C2A7E', // purple.30
-  },
-  separator: {
-    primary: '#DFDAE1', // neutral.90,
-  },
-};
-
-export type TypeColors =
-  | `${'neutral' | 'purple' | 'red' | 'orange' | 'yellow' | 'green' | 'turquoise' | 'purple' | 'blue'}.${
-      | '10'
-      | '20'
-      | '30'
-      | '40'
-      | '50'
-      | '60'
-      | '70'
-      | '80'
-      | '90'
-      | '93'
-      | '95'
-      | '100'}`
-  | 'brand.primary'
-  | 'text.body'
-  | 'text.secondary'
-  | 'text.link'
-  | 'text.linkHover'
-  | 'separator.primary';
-
-export type ColorScheme = 'blue' | 'red' | 'orange' | 'yellow' | 'green' | 'purple' | 'neutral';
-
-export default colors;