@bitrise/bitkit 7.13.0 → 7.15.0-alpha.1

package/src/Text/TextSizes.css

@@ -0,0 +1,39 @@
+.Text--size-1 {
+  font-size: var(--font-size--1);
+  line-height: var(--line-height--1);
+}
+
+.Text--size-2 {
+  font-size: var(--font-size--2);
+  line-height: var(--line-height--2);
+}
+
+.Text--size-3 {
+  font-size: var(--font-size--3);
+  line-height: var(--line-height--3);
+}
+
+.Text--size-4 {
+  font-size: var(--font-size--4);
+  line-height: var(--line-heigt--4);
+}
+
+.Text--size-5 {
+  font-size: var(--font-size--5);
+  line-height: var(--line-height--5);
+}
+
+.Text--size-6 {
+  font-size: var(--font-size--6);
+  line-height: var(--line-height--6);
+}
+
+.Text--size-7 {
+  font-size: var(--font-size--7);
+  line-height: var(--line-height--7);
+}
+
+.Text--size-8 {
+  font-size: var(--font-size--8);
+  line-height: var(--line-height--8);
+}

package/src/Tooltip/Tooltip.tsx

@@ -20,7 +20,7 @@ export interface Props extends BaseProps {
   /** Render callback that passes the ref and event handlers onto a target */
   children: (props: TooltipChildrenProps) => React.ReactNode;
   /** The content to be inserted into the tooltip. */
-  title: string;
+  title: React.ReactNode;
   /** Flag that controls the visibility of the tooltip */
   visible?: boolean;
   /** The desired animation speed on milliseconds. */
@@ -63,7 +63,7 @@ const Tooltip: React.FunctionComponent<Props> = (props: Props) => {
           visible={ isControlled ? controlledVisible : uncontrolledVisible }>
         { () => (
           <PlacementArea paddingHorizontal="x3" paddingVertical="x2" withArrow>
-            <Text size="x2">{ title }</Text>
+            <Text size="2">{ title }</Text>
           </PlacementArea>
         ) }
       </Placement>

package/src/index.ts

@@ -91,7 +91,7 @@ export { default as TableHeaderRow, Props as TableHeaderRowProps } from './Table
 export { default as TableRow, Props as TableRowProps } from './Table/TableRow';
 export { default as Tab, Props as TabProps } from './Tabs/Tab';
 export { default as Tabs, Props as TabsProps } from './Tabs/Tabs';
-export { default as Text, Props as TextProps, TypeTextConfig, TypeTextLetterSpacing, TypeTextSize, TypeTextWeight } from './Text/Text';
+export { default as Text, Props as TextProps, TypeTextLetterSpacing, TypeTextSize, TypeTextWeight } from './Text/Text';
 export { default as Textarea, Props as TextareaProps } from './Textarea/Textarea';
 export { default as Toggle, Props as ToggleProps } from './Toggle/Toggle';
 export { default as Tooltip, Props as TooltipProps } from './Tooltip/Tooltip';

package/src/root.css

@@ -14,11 +14,11 @@ html {
 body:not(.bitrise-legacy) {
   color: var(--color-grape--5);
   font-family: var(--font-family);
-  font-size: var(--font-size--x3);
+  font-size: var(--font-size--3);
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   font-weight: var(--font-weight--medium);
-  line-height: var(--line-height--x3);
+  line-height: var(--line-height--3);
 }
 
 canvas {

package/src/variables.css

@@ -152,14 +152,14 @@
   --font-family: 'TTNorms', sans-serif;
   --font-family-monospace: 'Source Code Pro', monospace;
 
-  --font-size--x1: 0.625rem;
-  --font-size--x2: 0.8125rem;
-  --font-size--x3: 1rem;
-  --font-size--x4: 1.1875rem;
-  --font-size--x5: 1.5625rem;
-  --font-size--x6: 2.125rem;
-  --font-size--x7: 3rem;
-  --font-size--x8: 4.125rem;
+  --font-size--1: 0.6875rem; /* 11px */
+  --font-size--2: 0.875rem; /* 14px */
+  --font-size--3: 1rem; /* 16px */
+  --font-size--4: 1.1875rem; /* 19px */
+  --font-size--5: 1.5rem; /* 24px */
+  --font-size--6: 1.875rem; /* 30px */
+  --font-size--7: 2.25rem; /* 36 px */
+  --font-size--8: 3rem; /* 48px */
 
   --font-weight--medium: 500;
   --font-weight--bold: 700;
@@ -167,14 +167,14 @@
   --font-weight-monospace--medium: 500;
   --font-weight-monospace--bold: 600;
 
-  --line-height--x1: 1.8; /* 18 / 10 */
-  --line-height--x2: 1.3846153846153846; /* 18 / 13 */
-  --line-height--x3: 1.5; /* 24 / 16 */
-  --line-height--x4: 1.2631578947; /* 24 / 19 */
-  --line-height--x5: 1.28; /* 32 / 25 */
-  --line-height--x6: 1.1764705882; /* 40 / 34 */
-  --line-height--x7: 1.1666666667; /* 56 / 48 */
-  --line-height--x8: 1.2121212121; /* 80 / 66 */
+  --line-height--1: 1.45; /* 16px / 1rem */
+  --line-height--2: 1.45; /* 20px / 1.25rem */
+  --line-height--3: 1.5; /* 24px / 1.5rem */
+  --line-height--4: 1.45; /* 28px / 1.75rem */
+  --line-height--5: 1.5; /* 36px / 2.25rem */
+  --line-height--6: 1.33; /* 40px / 2.5rem */
+  --line-height--7: 1.33; /* 48px / 3rem */
+  --line-height--8: 1.25; /* 60px / 3.75rem */
 
   --letter-spacing--x1: 0.00625rem;
   --letter-spacing--x2: 0.009375rem;

package/src/variables.ts

@@ -289,23 +289,23 @@ export const sizeX16 = 64;
 
 export const icons = IconList;
 
-export const fontSizeX1Px = 10;
-export const fontSizeX2Px = 13;
-export const fontSizeX3Px = 16;
-export const fontSizeX4Px = 19;
-export const fontSizeX5Px = 25;
-export const fontSizeX6Px = 34;
-export const fontSizeX7Px = 48;
-export const fontSizeX8Px = 66;
-
-export const lineHeightX1Px = 18;
-export const lineHeightX2Px = 18;
-export const lineHeightX3Px = 24;
-export const lineHeightX4Px = 24;
-export const lineHeightX5Px = 32;
-export const lineHeightX6Px = 40;
-export const lineHeightX7Px = 56;
-export const lineHeightX8Px = 80;
+export const fontSize1Px = 11;
+export const fontSize2Px = 14;
+export const fontSize3Px = 16;
+export const fontSize4Px = 19;
+export const fontSize5Px = 24;
+export const fontSize6Px = 30;
+export const fontSize7Px = 36;
+export const fontSize8Px = 48;
+
+export const lineHeight1Px = 16;
+export const lineHeight2Px = 20;
+export const lineHeight3Px = 24;
+export const lineHeight4Px = 28;
+export const lineHeight5Px = 36;
+export const lineHeight6Px = 40;
+export const lineHeight7Px = 48;
+export const lineHeight8Px = 60;
 
 export const letterSpacingX1Px = 0.1;
 export const letterSpacingX2Px = 0.15;

package/.releaserc

@@ -1,30 +0,0 @@
-{
-  "plugins": [
-    ["@semantic-release/commit-analyzer", {
-      "releaseRules": [
-        { breaking: true, release: 'major' },
-        { type: 'feat', release: 'minor' },
-        { type: 'fix', release: 'patch' },
-        { type: 'perf', release: 'patch' },
-        { type: 'style', release: 'patch' }
-      ]
-    }],
-    "@semantic-release/release-notes-generator",
-    "@semantic-release/npm",
-    "@semantic-release/github"
-  ],
-  "verifyConditions": [
-    "@semantic-release/changelog",
-    "@semantic-release/npm",
-    "@semantic-release/git"
-  ],
-  "prepare": [
-    "@semantic-release/changelog",
-    "@semantic-release/npm",
-    {
-      "path": "@semantic-release/git",
-      "assets": ["CHANGELOG.md"],
-      "message": "chore(release): ${nextRelease.version} [skip ci]\n\n${nextRelease.notes}"
-    }
-  ]
-}

package/lib/cjs/Text/TextConfigurations.css

@@ -1,56 +0,0 @@
-.Text--config-1 {
-  font-size: var(--font-size--x8);
-  font-weight: var(--font-weight--bold);
-  letter-spacing: var(--letter-spacing--x1);
-  line-height: var(--line-height--x8);
-}
-
-.Text--config-2 {
-  font-size: var(--font-size--x7);
-  font-weight: var(--font-weight--bold);
-  line-height: var(--line-height--x7);
-}
-
-.Text--config-3 {
-  font-size: var(--font-size--x6);
-  font-weight: var(--font-weight--bold);
-  letter-spacing: var(--letter-spacing--x2);
-  line-height: var(--line-height--x6);
-}
-
-.Text--config-4 {
-  font-size: var(--font-size--x5);
-  font-weight: var(--font-weight--bold);
-  letter-spacing: var(--letter-spacing--x3);
-  line-height: var(--line-height--x5);
-}
-
-.Text--config-5 {
-  font-size: var(--font-size--x4);
-  font-weight: var(--font-weight--bold);
-  line-height: var(--line-height--x4);
-}
-
-.Text--config-6 {
-  font-size: var(--font-size--x2);
-  letter-spacing: var(--letter-spacing--x4);
-  text-transform: uppercase;
-  line-height: var(--line-height--x2);
-}
-
-.Text--config-7 {
-  font-size: var(--font-size--x3);
-  line-height: var(--line-height--x3);
-}
-
-.Text--config-8 {
-  font-size: var(--font-size--x2);
-  line-height: var(--line-height--x2);
-}
-
-.Text--config-9 {
-  font-size: var(--font-size--x1);
-  letter-spacing: var(--letter-spacing--x5);
-  text-transform: uppercase;
-  line-height: var(--line-height--x1);
-}

package/lib/esn/Text/TextConfigurations.css

@@ -1,56 +0,0 @@
-.Text--config-1 {
-  font-size: var(--font-size--x8);
-  font-weight: var(--font-weight--bold);
-  letter-spacing: var(--letter-spacing--x1);
-  line-height: var(--line-height--x8);
-}
-
-.Text--config-2 {
-  font-size: var(--font-size--x7);
-  font-weight: var(--font-weight--bold);
-  line-height: var(--line-height--x7);
-}
-
-.Text--config-3 {
-  font-size: var(--font-size--x6);
-  font-weight: var(--font-weight--bold);
-  letter-spacing: var(--letter-spacing--x2);
-  line-height: var(--line-height--x6);
-}
-
-.Text--config-4 {
-  font-size: var(--font-size--x5);
-  font-weight: var(--font-weight--bold);
-  letter-spacing: var(--letter-spacing--x3);
-  line-height: var(--line-height--x5);
-}
-
-.Text--config-5 {
-  font-size: var(--font-size--x4);
-  font-weight: var(--font-weight--bold);
-  line-height: var(--line-height--x4);
-}
-
-.Text--config-6 {
-  font-size: var(--font-size--x2);
-  letter-spacing: var(--letter-spacing--x4);
-  text-transform: uppercase;
-  line-height: var(--line-height--x2);
-}
-
-.Text--config-7 {
-  font-size: var(--font-size--x3);
-  line-height: var(--line-height--x3);
-}
-
-.Text--config-8 {
-  font-size: var(--font-size--x2);
-  line-height: var(--line-height--x2);
-}
-
-.Text--config-9 {
-  font-size: var(--font-size--x1);
-  letter-spacing: var(--letter-spacing--x5);
-  text-transform: uppercase;
-  line-height: var(--line-height--x1);
-}

package/src/Text/TextConfigurations.css

@@ -1,56 +0,0 @@
-.Text--config-1 {
-  font-size: var(--font-size--x8);
-  font-weight: var(--font-weight--bold);
-  letter-spacing: var(--letter-spacing--x1);
-  line-height: var(--line-height--x8);
-}
-
-.Text--config-2 {
-  font-size: var(--font-size--x7);
-  font-weight: var(--font-weight--bold);
-  line-height: var(--line-height--x7);
-}
-
-.Text--config-3 {
-  font-size: var(--font-size--x6);
-  font-weight: var(--font-weight--bold);
-  letter-spacing: var(--letter-spacing--x2);
-  line-height: var(--line-height--x6);
-}
-
-.Text--config-4 {
-  font-size: var(--font-size--x5);
-  font-weight: var(--font-weight--bold);
-  letter-spacing: var(--letter-spacing--x3);
-  line-height: var(--line-height--x5);
-}
-
-.Text--config-5 {
-  font-size: var(--font-size--x4);
-  font-weight: var(--font-weight--bold);
-  line-height: var(--line-height--x4);
-}
-
-.Text--config-6 {
-  font-size: var(--font-size--x2);
-  letter-spacing: var(--letter-spacing--x4);
-  text-transform: uppercase;
-  line-height: var(--line-height--x2);
-}
-
-.Text--config-7 {
-  font-size: var(--font-size--x3);
-  line-height: var(--line-height--x3);
-}
-
-.Text--config-8 {
-  font-size: var(--font-size--x2);
-  line-height: var(--line-height--x2);
-}
-
-.Text--config-9 {
-  font-size: var(--font-size--x1);
-  letter-spacing: var(--letter-spacing--x5);
-  text-transform: uppercase;
-  line-height: var(--line-height--x1);
-}