@bitrise/bitkit 12.105.0 → 12.107.0

package/src/types/bitkit.ts

@@ -0,0 +1,37 @@
+import tokens from '../tokens/tokensToTheme.json';
+
+export const TOKEN_STRINGS = [
+  'heading.h1',
+  'heading.h2',
+  'heading.h3',
+  'heading.h4',
+  'heading.h5',
+  'heading.h6',
+  'body.lg.regular',
+  'body.lg.semibold',
+  'body.lg.underline',
+  'body.md.regular',
+  'body.md.semibold',
+  'body.sm.regular',
+  'body.sm.semibold',
+  'code.lg',
+  'code.md',
+] as const;
+
+export type Radii = keyof typeof tokens.radii;
+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';
+
+export type TextSizes = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8';
+
+export type TypeSizes = keyof typeof tokens.sizes;

package/src/utils/utils.ts

@@ -36,3 +36,17 @@ export function useDebounce<T>(value: T, delay?: number): T {
 
   return debouncedValue;
 }
+
+export function isObject(value: any): boolean {
+  return typeof value === 'object' && value !== null && !Array.isArray(value);
+}
+
+export function getTokenValue(tokenString: string, tokenObject: any) {
+  let returnValue = {};
+  try {
+    returnValue = tokenString.split('.').reduce((o, i) => o[i], tokenObject);
+  } catch (e) {
+    returnValue = {};
+  }
+  return isObject(returnValue) ? returnValue : {};
+}

package/src/Foundations/Colors/CommonTokens.tsx

@@ -1,21 +0,0 @@
-import { semanticTokens } from '../../tokens/tokens';
-import Card from '../../Components/Card/Card';
-import Text from '../../Components/Text/Text';
-import TokenTable from '../docComponents/TokenTable';
-
-const commonColorKeys = ['background', 'border', 'icon', 'text'];
-
-const CommonTokens = () => (
-  <>
-    <Text as="h2" color="pal.purple.10" fontWeight="normal" marginBlockEnd="8" size="8">
-      Common Tokens
-    </Text>
-    <Card boxShadow="medium" padding="24">
-      {commonColorKeys.map((groupName) => (
-        <TokenTable key={groupName} data={semanticTokens.colors[groupName]} groupName={groupName} marginBottom="24" />
-      ))}
-    </Card>
-  </>
-);
-
-export default CommonTokens;

package/src/Foundations/Colors/SystemTokens.tsx

@@ -1,27 +0,0 @@
-import { semanticTokens } from '../../tokens/tokens';
-import Card from '../../Components/Card/Card';
-import Text from '../../Components/Text/Text';
-import TokenTable from '../docComponents/TokenTable';
-
-const systemColorKeys = Object.keys(semanticTokens.colors.sys);
-
-const SystemTokens = () => (
-  <>
-    <Text as="h2" color="pal.purple.10" fontWeight="normal" marginBlockEnd="8" size="8">
-      System Tokens
-    </Text>
-    <Card boxShadow="medium" padding="24">
-      {systemColorKeys.map((groupName) => (
-        <TokenTable
-          key={groupName}
-          data={semanticTokens.colors.sys[groupName]}
-          groupName={groupName}
-          marginBottom="24"
-          tokenPrefix="sys."
-        />
-      ))}
-    </Card>
-  </>
-);
-
-export default SystemTokens;

package/src/Foundations/Radii/Radii.ts

@@ -1,10 +0,0 @@
-const radii = {
-  '4': '0.25rem',
-  '8': '0.5rem',
-  '12': '0.75rem',
-  '16': '1rem',
-  '24': '1.5rem',
-};
-
-export type Radii = typeof radii;
-export default radii;

package/src/Foundations/Sizes/Sizes.ts

@@ -1,18 +0,0 @@
-const sizes = {
-  '0': '0',
-  '4': '0.25rem',
-  '8': '0.5rem',
-  '12': '0.75rem',
-  '16': '1rem',
-  '20': '1.25rem',
-  '24': '1.5rem',
-  '32': '2rem',
-  '40': '2.5rem',
-  '48': '3rem',
-  '64': '4rem',
-  '96': '6rem',
-  '128': '8rem',
-};
-
-export type TypeSizes = keyof typeof sizes;
-export default sizes;

package/src/Foundations/Typography/Typography.ts

@@ -1,69 +0,0 @@
-const typography = {
-  fonts: {
-    body: `"TT Norms Pro", sans-serif`,
-    mono: `"Source Code Pro Bitrise", monospace`,
-  },
-  fontSizes: {
-    '1': '0.6875rem',
-    '2': '0.875rem',
-    '3': '1rem',
-    '4': '1.1875rem',
-    '5': '1.5rem',
-    '6': '1.875rem',
-    '7': '2.25rem',
-    '8': '3rem',
-  },
-  fontWeights: {
-    bold: 700,
-    demiBold: 600,
-    normal: 400,
-  },
-  letterSpacings: {
-    '1': '0.00625rem',
-    '2': '0.009375rem',
-    '3': '0.0175rem',
-    '4': '0.0375rem',
-    '5': '0.05rem',
-  },
-};
-
-export const textSizes = {
-  sizes: {
-    '1': {
-      fontSize: '1',
-      lineHeight: '1rem',
-    },
-    '2': {
-      fontSize: '2',
-      lineHeight: '1.25rem',
-    },
-    '3': {
-      fontSize: '3',
-      lineHeight: '1.5rem',
-    },
-    '4': {
-      fontSize: '4',
-      lineHeight: '1.75rem',
-    },
-    '5': {
-      fontSize: '5',
-      lineHeight: '2.25rem',
-    },
-    '6': {
-      fontSize: '6',
-      lineHeight: '2.5rem',
-    },
-    '7': {
-      fontSize: '7',
-      lineHeight: '3rem',
-    },
-    '8': {
-      fontSize: '8',
-      lineHeight: '3.75rem',
-    },
-  },
-};
-
-export type TextSizes = keyof typeof textSizes.sizes;
-
-export default typography;