@bitrise/bitkit 8.4.0 → 9.0.0

package/CHANGELOG.md

@@ -1,3 +1,36 @@
+# [9.0.0](https://github.com/bitrise-io/bitkit/compare/v8.6.0...v9.0.0) (2022-02-03)
+
+
+### Code Refactoring
+
+* **Text:** use only normal and bold font-weight ([b533a6f](https://github.com/bitrise-io/bitkit/commit/b533a6f))
+
+
+### BREAKING CHANGES
+
+* **Text:** there is no more medium font-weight
+
+# [8.6.0](https://github.com/bitrise-io/bitkit/compare/v8.5.1...v8.6.0) (2022-02-03)
+
+
+### Features
+
+* **Dropdown:** add type attribute on dropdown button ([95f564f](https://github.com/bitrise-io/bitkit/commit/95f564f))
+
+## [8.5.1](https://github.com/bitrise-io/bitkit/compare/v8.5.0...v8.5.1) (2022-02-02)
+
+
+### Bug Fixes
+
+* **Text:** line-height fixes ([f1116d0](https://github.com/bitrise-io/bitkit/commit/f1116d0))
+
+# [8.5.0](https://github.com/bitrise-io/bitkit/compare/v8.4.0...v8.5.0) (2022-02-01)
+
+
+### Features
+
+* **Dropdown:** update UI of option groups in dropdowns ([c01faa3](https://github.com/bitrise-io/bitkit/commit/c01faa3))
+
 # [8.4.0](https://github.com/bitrise-io/bitkit/compare/v8.3.1...v8.4.0) (2022-01-27)
 
 

package/lib/cjs/Dropdown/DropdownButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownButton.d.ts","sourceRoot":"","sources":["../../../src/Dropdown/DropdownButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAe,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAIhE,MAAM,WAAW,KAAM,SAAQ,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC;CAAG;AAE5D;;;GAGG;AACH,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAuBlD,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"DropdownButton.d.ts","sourceRoot":"","sources":["../../../src/Dropdown/DropdownButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAe,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAIhE,MAAM,WAAW,KAAM,SAAQ,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC;CAAG;AAE5D;;;GAGG;AACH,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAyBlD,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/cjs/Dropdown/DropdownButton.js

@@ -31,7 +31,7 @@ var Icon_1 = __importDefault(require("../Icon/Icon"));
  */
 var DropdownButton = function (props) {
     var children = props.children;
-    return (React.createElement(Button_1.default, __assign({}, props, { alignChildrenHorizontal: "start", fullWidth: true, gap: "x4", level: "secondary" }),
+    return (React.createElement(Button_1.default, __assign({ type: "button" }, props, { alignChildrenHorizontal: "start", fullWidth: true, gap: "x4", level: "secondary" }),
         React.createElement(Flex_1.default, { alignChildrenVertical: "middle", direction: "horizontal", gap: "x2", grow: true, shrink: true }, children),
         React.createElement(Flex_1.default, null,
             React.createElement(Icon_1.default, { name: "ChevronDown" }))));

package/lib/cjs/Dropdown/DropdownButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownButton.js","sourceRoot":"","sources":["../../../src/Dropdown/DropdownButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,4DAAgE;AAChE,sDAAgC;AAChC,sDAAgC;AAIhC;;;GAGG;AACH,IAAM,cAAc,GAAmC,UAAC,KAAY;IAC1D,IAAA,yBAAQ,CAAW;IAE3B,OAAO,CACL,oBAAC,gBAAM,eAAM,KAAK,IACd,uBAAuB,EAAC,OAAO,EAC/B,SAAS,QACT,GAAG,EAAC,IAAI,EACR,KAAK,EAAC,WAAW;QACnB,oBAAC,cAAI,IACD,qBAAqB,EAAC,QAAQ,EAC9B,SAAS,EAAC,YAAY,EACtB,GAAG,EAAC,IAAI,EACR,IAAI,QACJ,MAAM,UACN,QAAQ,CACL;QAEP,oBAAC,cAAI;YACH,oBAAC,cAAI,IAAC,IAAI,EAAC,aAAa,GAAG,CACtB,CACA,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC"}
+{"version":3,"file":"DropdownButton.js","sourceRoot":"","sources":["../../../src/Dropdown/DropdownButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,4DAAgE;AAChE,sDAAgC;AAChC,sDAAgC;AAIhC;;;GAGG;AACH,IAAM,cAAc,GAAmC,UAAC,KAAY;IAC1D,IAAA,yBAAQ,CAAW;IAE3B,OAAO,CACL,oBAAC,gBAAM,aACH,IAAI,EAAC,QAAQ,IACR,KAAK,IACV,uBAAuB,EAAC,OAAO,EAC/B,SAAS,QACT,GAAG,EAAC,IAAI,EACR,KAAK,EAAC,WAAW;QACnB,oBAAC,cAAI,IACD,qBAAqB,EAAC,QAAQ,EAC9B,SAAS,EAAC,YAAY,EACtB,GAAG,EAAC,IAAI,EACR,IAAI,QACJ,MAAM,UACN,QAAQ,CACL;QAEP,oBAAC,cAAI;YACH,oBAAC,cAAI,IAAC,IAAI,EAAC,aAAa,GAAG,CACtB,CACA,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC"}

package/lib/cjs/Dropdown/DropdownMenu.css

@@ -5,7 +5,26 @@
 }
 
 .DropdownMenu__group-text {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   padding: var(--size--x3) var(--size--x4);
+  text-transform: uppercase;
+  grid-gap: var(--size--x4);
+  gap: var(--size--x4);
+}
+
+.DropdownMenu__group-text::after {
+  content: '';
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+  /* stylelint-disable-next-line unit-blacklist */
+  height: 1px;
+  background-color: var(--color-gray--3);
 }
 
 .DropdownMenu__item {

package/lib/cjs/Dropdown/DropdownMenuItemGroup.js

@@ -39,7 +39,7 @@ var Text_1 = __importDefault(require("../Text/Text"));
 var DropdownMenuItemGroup = function (_a) {
     var text = _a.text, children = _a.children, className = _a.className, rest = __rest(_a, ["text", "children", "className"]);
     return (React.createElement(Flex_1.default, __assign({ className: classnames_1.default('DropdownMenu__group', className) }, rest),
-        React.createElement(Text_1.default, { className: "DropdownMenu__group-text", textColor: "gray-6" }, text),
+        React.createElement(Text_1.default, { className: "DropdownMenu__group-text", size: "2", textColor: "gray-6" }, text),
         children));
 };
 exports.default = DropdownMenuItemGroup;

package/lib/cjs/Dropdown/DropdownMenuItemGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuItemGroup.js","sourceRoot":"","sources":["../../../src/Dropdown/DropdownMenuItemGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0DAAoC;AACpC,sDAAwD;AACxD,sDAAgC;AAMhC,IAAM,qBAAqB,GAAmC,UAAC,EAKvD;IAJN,IAAA,cAAI,EACJ,sBAAQ,EACR,wBAAS,EACT,oDAAO;IACI,OAAA,CACX,oBAAC,cAAI,aAAC,SAAS,EAAG,oBAAU,CAAC,qBAAqB,EAAE,SAAS,CAAC,IAAQ,IAAI;QACxE,oBAAC,cAAI,IAAC,SAAS,EAAC,0BAA0B,EAAC,SAAS,EAAC,QAAQ,IAAG,IAAI,CAAS;QAC3E,QAAQ,CACL,CACR,CAAA;CAAA,CAAC;AAEF,kBAAe,qBAAqB,CAAC"}
+{"version":3,"file":"DropdownMenuItemGroup.js","sourceRoot":"","sources":["../../../src/Dropdown/DropdownMenuItemGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0DAAoC;AACpC,sDAAwD;AACxD,sDAAgC;AAMhC,IAAM,qBAAqB,GAAmC,UAAC,EAKvD;IAJN,IAAA,cAAI,EACJ,sBAAQ,EACR,wBAAS,EACT,oDAAO;IACI,OAAA,CACX,oBAAC,cAAI,aAAC,SAAS,EAAG,oBAAU,CAAC,qBAAqB,EAAE,SAAS,CAAC,IAAQ,IAAI;QACxE,oBAAC,cAAI,IAAC,SAAS,EAAC,0BAA0B,EAAC,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,QAAQ,IAAG,IAAI,CAAS;QACpF,QAAQ,CACL,CACR,CAAA;CAAA,CAAC;AAEF,kBAAe,qBAAqB,CAAC"}

package/lib/cjs/Tabs/Tab.js

@@ -44,7 +44,7 @@ var Tab = function (props) {
     var classes = classnames_1.default('Tabs__tab', {
         'Tabs__tab--active': active,
     });
-    return (React.createElement(Text_1.default, __assign({}, rest, { className: classes, letterSpacing: "x2", uppercase: true, weight: active ? 'bold' : 'medium' })));
+    return (React.createElement(Text_1.default, __assign({}, rest, { className: classes, letterSpacing: "x2", uppercase: true, weight: "bold" })));
 };
 exports.default = Tab;
 //# sourceMappingURL=Tab.js.map

package/lib/cjs/Tabs/Tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../../src/Tabs/Tab.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0DAAoC;AACpC,sDAAwD;AAOxD;;;GAGG;AACH,IAAM,GAAG,GAAmC,UAAC,KAAY;IAC/C,IAAA,qBAAM,EAAE,gCAAO,CAAW;IAClC,IAAM,OAAO,GAAG,oBAAU,CAAC,WAAW,EAAE;QACtC,mBAAmB,EAAE,MAAM;KAC5B,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,cAAI,eAAM,IAAI,IACX,SAAS,EAAG,OAAO,EACnB,aAAa,EAAC,IAAI,EAClB,SAAS,QACT,MAAM,EAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,IAAK,CAC7C,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,GAAG,CAAC"}
+{"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../../src/Tabs/Tab.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0DAAoC;AACpC,sDAAwD;AAOxD;;;GAGG;AACH,IAAM,GAAG,GAAmC,UAAC,KAAY;IAC/C,IAAA,qBAAM,EAAE,gCAAO,CAAW;IAClC,IAAM,OAAO,GAAG,oBAAU,CAAC,WAAW,EAAE;QACtC,mBAAmB,EAAE,MAAM;KAC5B,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,cAAI,eAAM,IAAI,IACX,SAAS,EAAG,OAAO,EACnB,aAAa,EAAC,IAAI,EAClB,SAAS,QACT,MAAM,EAAC,MAAM,IAAG,CACrB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,GAAG,CAAC"}

package/lib/cjs/Text/Text.css

@@ -13,7 +13,6 @@
 .Text--letter-spacing-x5 { letter-spacing: var(--letter-spacing--x5); }
 
 .Text--weight-bold { font-weight: var(--font-weight--bold); }
-.Text--weight-medium { font-weight: var(--font-weight--medium); }
 
 .Text--ellipsis {
   max-width: 100%;
@@ -31,6 +30,4 @@
   font-family: var(--font-family-monospace)
 }
 
-.Text--monospace.Text--weight-medium { font-weight: var(--font-weight-monospace--medium); }
-
 .Text--monospace.Text--weight-bold { font-weight: var(--font-weight-monospace--bold); }

package/lib/cjs/Text/Text.d.ts

@@ -4,7 +4,7 @@ import './TextSizes.css';
 import './Text.css';
 export declare type TypeTextLetterSpacing = 'x1' | 'x2' | 'x3' | 'x4' | 'x5';
 export declare type TypeTextSize = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9';
-export declare type TypeTextWeight = 'bold' | 'medium';
+export declare type TypeTextWeight = 'bold' | 'normal';
 export interface Props extends BaseProps {
     /**
      * Sets the type of component to be rendered. Can be a

package/lib/cjs/Text/Text.js

@@ -48,7 +48,7 @@ var InlineComponentMap = function (props) {
  */
 var Text = function (props) {
     var _a;
-    var Component = props.Component, align = props.align, breakOn = props.breakOn, className = props.className, ellipsis = props.ellipsis, emphasis = props.emphasis, inline = props.inline, letterSpacing = props.letterSpacing, monospace = props.monospace, size = props.size, titlecase = props.titlecase, uppercase = props.uppercase, weight = props.weight, rest = __rest(props, ["Component", "align", "breakOn", "className", "ellipsis", "emphasis", "inline", "letterSpacing", "monospace", "size", "titlecase", "uppercase", "weight"]);
+    var Component = props.Component, align = props.align, breakOn = props.breakOn, className = props.className, ellipsis = props.ellipsis, emphasis = props.emphasis, inline = props.inline, letterSpacing = props.letterSpacing, monospace = props.monospace, _b = props.size, size = _b === void 0 ? '3' : _b, titlecase = props.titlecase, uppercase = props.uppercase, weight = props.weight, rest = __rest(props, ["Component", "align", "breakOn", "className", "ellipsis", "emphasis", "inline", "letterSpacing", "monospace", "size", "titlecase", "uppercase", "weight"]);
     var classes = classnames_1.default(className, 'Text', (_a = {
             'Text--ellipsis': ellipsis,
             'Text--emphasis': emphasis,
@@ -60,7 +60,7 @@ var Text = function (props) {
         _a["Text--break-" + breakOn] = breakOn,
         _a["Text--letter-spacing-" + letterSpacing] = letterSpacing,
         _a["Text--size-" + size] = size,
-        _a["Text--weight-" + weight] = weight,
+        _a['Text--weight-bold'] = weight === 'bold',
         _a));
     var component = inline ? InlineComponentMap(props) : Component;
     return (React.createElement(Base_1.default, __assign({}, rest, { Component: component, className: classes })));

package/lib/cjs/Text/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../src/Text/Text.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0DAAoC;AACpC,sDAAwD;AACxD,2BAAyB;AACzB,sBAAoB;AAuCpB,IAAM,kBAAkB,GAAG,UAAC,KAAY;IACtC,OAAA,CAAC,KAAK,CAAC,MAAM,KAAK,MAAM,IAAI,QAAQ,CAAC;QACrC,CAAC,KAAK,CAAC,QAAQ,IAAI,IAAI,CAAC;QACxB,MAAM;AAFN,CAEM,CAAC;AAET;;;GAGG;AACH,IAAM,IAAI,GAAmC,UAAC,KAAY;;IAEtD,IAAA,2BAAS,EACT,mBAAK,EACL,uBAAO,EACP,2BAAS,EACT,yBAAQ,EACR,yBAAQ,EACR,qBAAM,EACN,mCAAa,EACb,2BAAS,EACT,iBAAI,EACJ,2BAAS,EACT,2BAAS,EACT,qBAAM,EACN,gLAAO,CACC;IAEV,IAAM,OAAO,GAAG,oBAAU,CAAC,SAAS,EAAE,MAAM;YAC1C,gBAAgB,EAAE,QAAQ;YAC1B,gBAAgB,EAAE,QAAQ;YAC1B,iBAAiB,EAAE,SAAS;YAC5B,iBAAiB,EAAE,SAAS;YAC5B,iBAAiB,EAAE,SAAS;;QAC5B,GAAC,iBAAe,KAAO,IAAG,KAAK;QAC/B,GAAC,iBAAe,OAAS,IAAG,OAAO;QACnC,GAAC,0BAAwB,aAAe,IAAG,aAAa;QACxD,GAAC,gBAAc,IAAM,IAAG,IAAI;QAC5B,GAAC,kBAAgB,MAAQ,IAAG,MAAM;YAClC,CAAC;IAEH,IAAM,SAAS,GAAG,MAAM,CAAC,CAAC,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAEjE,OAAO,CACL,oBAAC,cAAI,eAAM,IAAI,IACX,SAAS,EAAG,SAAS,EACrB,SAAS,EAAG,OAAO,IAAK,CAC7B,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,IAAI,CAAC"}
+{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../src/Text/Text.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0DAAoC;AACpC,sDAAwD;AACxD,2BAAyB;AACzB,sBAAoB;AAuCpB,IAAM,kBAAkB,GAAG,UAAC,KAAY;IACtC,OAAA,CAAC,KAAK,CAAC,MAAM,KAAK,MAAM,IAAI,QAAQ,CAAC;QACrC,CAAC,KAAK,CAAC,QAAQ,IAAI,IAAI,CAAC;QACxB,MAAM;AAFN,CAEM,CAAC;AAET;;;GAGG;AACH,IAAM,IAAI,GAAmC,UAAC,KAAY;;IAEtD,IAAA,2BAAS,EACT,mBAAK,EACL,uBAAO,EACP,2BAAS,EACT,yBAAQ,EACR,yBAAQ,EACR,qBAAM,EACN,mCAAa,EACb,2BAAS,EACT,eAAU,EAAV,+BAAU,EACV,2BAAS,EACT,2BAAS,EACT,qBAAM,EACN,gLAAO,CACC;IAEV,IAAM,OAAO,GAAG,oBAAU,CAAC,SAAS,EAAE,MAAM;YAC1C,gBAAgB,EAAE,QAAQ;YAC1B,gBAAgB,EAAE,QAAQ;YAC1B,iBAAiB,EAAE,SAAS;YAC5B,iBAAiB,EAAE,SAAS;YAC5B,iBAAiB,EAAE,SAAS;;QAC5B,GAAC,iBAAe,KAAO,IAAG,KAAK;QAC/B,GAAC,iBAAe,OAAS,IAAG,OAAO;QACnC,GAAC,0BAAwB,aAAe,IAAG,aAAa;QACxD,GAAC,gBAAc,IAAM,IAAG,IAAI;QAC5B,uBAAmB,GAAE,MAAM,KAAK,MAAM;YACtC,CAAC;IAEH,IAAM,SAAS,GAAG,MAAM,CAAC,CAAC,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAEjE,OAAO,CACL,oBAAC,cAAI,eAAM,IAAI,IACX,SAAS,EAAG,SAAS,EACrB,SAAS,EAAG,OAAO,IAAK,CAC7B,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,IAAI,CAAC"}

package/lib/cjs/Text/TextSizes.css

@@ -15,7 +15,7 @@
 
 .Text--size-4 {
   font-size: var(--font-size--4);
-  line-height: var(--line-heigt--4);
+  line-height: var(--line-height--4);
 }
 
 .Text--size-5 {

package/lib/cjs/root.css

@@ -19,7 +19,6 @@ body:not(.bitrise-legacy) {
   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--3);
 }
 

package/lib/cjs/tsconfig.tsbuildinfo

@@ -885,7 +885,7 @@
         "signature": "a2ca5f90c17bd0a8345685eebf3b781f69b6d311649e6144b983b974d5dbcf99"
       },
       "/bitrise/src/src/Text/Text.tsx": {
-        "version": "edf3e6e13c902da9d763d67ed9213942eabf28118f4773d71e1181b6c12ce518",
+        "version": "172b100bd2cbb0a15527b646d7d3df10ed51f0439eeb35ec6650c8d8bd6c5053",
         "signature": "451036154ad4a66eeaba320b67a25ef795b374f6f78ddd52783bff751bb4410a"
       },
       "/bitrise/src/src/Badge/Badge.tsx": {
@@ -1077,8 +1077,8 @@
         "signature": "a8a9df9359e0b2e7f99cdaccec90bc4c54193d3f068026410554c60659c83331"
       },
       "/bitrise/src/src/Dropdown/DropdownButton.tsx": {
-        "version": "e512b596847ec378037409bbd40b4cc3ff5761fb179ab989bd6a78328b86e141",
-        "signature": "d2243280894ea448edfa5dbd28faed2c88206f38e27cd807d690ff0168782684"
+        "version": "84d54b0a362a900b1d02bbfc3975c18f076fc4d05f14c324841a857115e49fa8",
+        "signature": "6210a9c09e6f5423acede504ba66d843a87db112ec7ef4c68de25535dc74bece"
       },
       "/bitrise/src/src/Dropdown/DropdownMenu.tsx": {
         "version": "d2308758d08dc08b369f41707ea1f217440df36f5bb7a425de7dee784fffc3da",
@@ -1093,7 +1093,7 @@
         "signature": "ce8c8102493551eb661c8ff2d23650c24b657102fe4e443474ab8e2a4c56f753"
       },
       "/bitrise/src/src/Dropdown/DropdownMenuItemGroup.tsx": {
-        "version": "29a0e9a8a00d6985cd02005b70a96bceee0674d58fa241eb8fd1b9cf80bc675b",
+        "version": "29254029757fd590adc062ca2bfabc0759723664e13083a1c54e268de7c7a3fd",
         "signature": "edf0618cc616e87d9666f689e9349387a24aa34d72f5c308bcd41ce85a62e535"
       },
       "/bitrise/src/src/Dropdown/Dropdown.tsx": {
@@ -1281,7 +1281,7 @@
         "signature": "7792373040bd5f4952d1fa631cf5ba00c78f6f55d968de5467430e26d384b7a6"
       },
       "/bitrise/src/src/Tabs/Tab.tsx": {
-        "version": "a9d5db8173f74e201b87d37036674f481b2faee97a531465df54e815d3bb86b1",
+        "version": "466944e52ad021e6dc8fa89877c1b96f9651f6ae44770f19bd6292afa79f2b5f",
         "signature": "365dd31f793ad1b879adaac94b9afe9ceb753b7ec7fd69f0dc96a249817845aa"
       },
       "/bitrise/src/src/Tabs/Tabs.tsx": {

package/lib/cjs/variables.css

@@ -149,7 +149,7 @@
   --color-overlay--black: rgba(34, 34, 34, 0.8);
   --color-overlay--grape: rgba(53, 29, 72, 0.8);
 
-  --font-family: 'TTNorms', sans-serif;
+  --font-family: 'TT Norms Pro', sans-serif;
   --font-family-monospace: 'Source Code Pro', monospace;
 
   --font-size--1: 0.6875rem; /* 11px */
@@ -161,20 +161,18 @@
   --font-size--7: 2.25rem; /* 36 px */
   --font-size--8: 3rem; /* 48px */
 
-  --font-weight--medium: 500;
   --font-weight--bold: 700;
 
-  --font-weight-monospace--medium: 500;
   --font-weight-monospace--bold: 600;
 
-  --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 */
+  --line-height--1: 1rem; /* 16px */
+  --line-height--2: 1.25rem; /* 20px */
+  --line-height--3: 1.5rem; /* 24px */
+  --line-height--4: 1.75rem; /* 28px */
+  --line-height--5: 2.25rem; /* 36px */
+  --line-height--6: 2.5rem; /* 40px */
+  --line-height--7: 3rem; /* 48px */
+  --line-height--8: 3.75rem; /* 60px */
 
   --letter-spacing--x1: 0.00625rem;
   --letter-spacing--x2: 0.009375rem;

package/lib/esn/Dropdown/DropdownButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownButton.d.ts","sourceRoot":"","sources":["../../../src/Dropdown/DropdownButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAe,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAIhE,MAAM,WAAW,KAAM,SAAQ,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC;CAAG;AAE5D;;;GAGG;AACH,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAuBlD,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"DropdownButton.d.ts","sourceRoot":"","sources":["../../../src/Dropdown/DropdownButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAe,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAIhE,MAAM,WAAW,KAAM,SAAQ,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC;CAAG;AAE5D;;;GAGG;AACH,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAyBlD,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/esn/Dropdown/DropdownButton.js

@@ -8,7 +8,7 @@ import Icon from '../Icon/Icon';
  */
 const DropdownButton = (props) => {
     const { children } = props;
-    return (React.createElement(Button, Object.assign({}, props, { alignChildrenHorizontal: "start", fullWidth: true, gap: "x4", level: "secondary" }),
+    return (React.createElement(Button, Object.assign({ type: "button" }, props, { alignChildrenHorizontal: "start", fullWidth: true, gap: "x4", level: "secondary" }),
         React.createElement(Flex, { alignChildrenVertical: "middle", direction: "horizontal", gap: "x2", grow: true, shrink: true }, children),
         React.createElement(Flex, null,
             React.createElement(Icon, { name: "ChevronDown" }))));

package/lib/esn/Dropdown/DropdownButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownButton.js","sourceRoot":"","sources":["../../../src/Dropdown/DropdownButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAgC,MAAM,kBAAkB,CAAC;AAChE,OAAO,IAAI,MAAM,cAAc,CAAC;AAChC,OAAO,IAAI,MAAM,cAAc,CAAC;AAIhC;;;GAGG;AACH,MAAM,cAAc,GAAmC,CAAC,KAAY,EAAE,EAAE;IACtE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE3B,OAAO,CACL,oBAAC,MAAM,oBAAM,KAAK,IACd,uBAAuB,EAAC,OAAO,EAC/B,SAAS,QACT,GAAG,EAAC,IAAI,EACR,KAAK,EAAC,WAAW;QACnB,oBAAC,IAAI,IACD,qBAAqB,EAAC,QAAQ,EAC9B,SAAS,EAAC,YAAY,EACtB,GAAG,EAAC,IAAI,EACR,IAAI,QACJ,MAAM,UACN,QAAQ,CACL;QAEP,oBAAC,IAAI;YACH,oBAAC,IAAI,IAAC,IAAI,EAAC,aAAa,GAAG,CACtB,CACA,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"DropdownButton.js","sourceRoot":"","sources":["../../../src/Dropdown/DropdownButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAgC,MAAM,kBAAkB,CAAC;AAChE,OAAO,IAAI,MAAM,cAAc,CAAC;AAChC,OAAO,IAAI,MAAM,cAAc,CAAC;AAIhC;;;GAGG;AACH,MAAM,cAAc,GAAmC,CAAC,KAAY,EAAE,EAAE;IACtE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE3B,OAAO,CACL,oBAAC,MAAM,kBACH,IAAI,EAAC,QAAQ,IACR,KAAK,IACV,uBAAuB,EAAC,OAAO,EAC/B,SAAS,QACT,GAAG,EAAC,IAAI,EACR,KAAK,EAAC,WAAW;QACnB,oBAAC,IAAI,IACD,qBAAqB,EAAC,QAAQ,EAC9B,SAAS,EAAC,YAAY,EACtB,GAAG,EAAC,IAAI,EACR,IAAI,QACJ,MAAM,UACN,QAAQ,CACL;QAEP,oBAAC,IAAI;YACH,oBAAC,IAAI,IAAC,IAAI,EAAC,aAAa,GAAG,CACtB,CACA,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/esn/Dropdown/DropdownMenu.css

@@ -5,7 +5,26 @@
 }
 
 .DropdownMenu__group-text {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   padding: var(--size--x3) var(--size--x4);
+  text-transform: uppercase;
+  grid-gap: var(--size--x4);
+  gap: var(--size--x4);
+}
+
+.DropdownMenu__group-text::after {
+  content: '';
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+  /* stylelint-disable-next-line unit-blacklist */
+  height: 1px;
+  background-color: var(--color-gray--3);
 }
 
 .DropdownMenu__item {

package/lib/esn/Dropdown/DropdownMenuItemGroup.js

@@ -3,7 +3,7 @@ import classnames from 'classnames';
 import Flex from '../Flex/Flex';
 import Text from '../Text/Text';
 const DropdownMenuItemGroup = ({ text, children, className, ...rest }) => (React.createElement(Flex, Object.assign({ className: classnames('DropdownMenu__group', className) }, rest),
-    React.createElement(Text, { className: "DropdownMenu__group-text", textColor: "gray-6" }, text),
+    React.createElement(Text, { className: "DropdownMenu__group-text", size: "2", textColor: "gray-6" }, text),
     children));
 export default DropdownMenuItemGroup;
 //# sourceMappingURL=DropdownMenuItemGroup.js.map

package/lib/esn/Dropdown/DropdownMenuItemGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuItemGroup.js","sourceRoot":"","sources":["../../../src/Dropdown/DropdownMenuItemGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,IAA4B,MAAM,cAAc,CAAC;AACxD,OAAO,IAAI,MAAM,cAAc,CAAC;AAMhC,MAAM,qBAAqB,GAAmC,CAAC,EAC7D,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACD,EAAE,EAAE,CAAC,CACX,oBAAC,IAAI,kBAAC,SAAS,EAAG,UAAU,CAAC,qBAAqB,EAAE,SAAS,CAAC,IAAQ,IAAI;IACxE,oBAAC,IAAI,IAAC,SAAS,EAAC,0BAA0B,EAAC,SAAS,EAAC,QAAQ,IAAG,IAAI,CAAS;IAC3E,QAAQ,CACL,CACR,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"DropdownMenuItemGroup.js","sourceRoot":"","sources":["../../../src/Dropdown/DropdownMenuItemGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,IAA4B,MAAM,cAAc,CAAC;AACxD,OAAO,IAAI,MAAM,cAAc,CAAC;AAMhC,MAAM,qBAAqB,GAAmC,CAAC,EAC7D,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACD,EAAE,EAAE,CAAC,CACX,oBAAC,IAAI,kBAAC,SAAS,EAAG,UAAU,CAAC,qBAAqB,EAAE,SAAS,CAAC,IAAQ,IAAI;IACxE,oBAAC,IAAI,IAAC,SAAS,EAAC,0BAA0B,EAAC,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,QAAQ,IAAG,IAAI,CAAS;IACpF,QAAQ,CACL,CACR,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/lib/esn/Tabs/Tab.js

@@ -10,7 +10,7 @@ const Tab = (props) => {
     const classes = classnames('Tabs__tab', {
         'Tabs__tab--active': active,
     });
-    return (React.createElement(Text, Object.assign({}, rest, { className: classes, letterSpacing: "x2", uppercase: true, weight: active ? 'bold' : 'medium' })));
+    return (React.createElement(Text, Object.assign({}, rest, { className: classes, letterSpacing: "x2", uppercase: true, weight: "bold" })));
 };
 export default Tab;
 //# sourceMappingURL=Tab.js.map

package/lib/esn/Tabs/Tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../../src/Tabs/Tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,IAA4B,MAAM,cAAc,CAAC;AAOxD;;;GAGG;AACH,MAAM,GAAG,GAAmC,CAAC,KAAY,EAAE,EAAE;IAC3D,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAClC,MAAM,OAAO,GAAG,UAAU,CAAC,WAAW,EAAE;QACtC,mBAAmB,EAAE,MAAM;KAC5B,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,IAAI,oBAAM,IAAI,IACX,SAAS,EAAG,OAAO,EACnB,aAAa,EAAC,IAAI,EAClB,SAAS,QACT,MAAM,EAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,IAAK,CAC7C,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,GAAG,CAAC"}
+{"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../../src/Tabs/Tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,IAA4B,MAAM,cAAc,CAAC;AAOxD;;;GAGG;AACH,MAAM,GAAG,GAAmC,CAAC,KAAY,EAAE,EAAE;IAC3D,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAClC,MAAM,OAAO,GAAG,UAAU,CAAC,WAAW,EAAE;QACtC,mBAAmB,EAAE,MAAM;KAC5B,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,IAAI,oBAAM,IAAI,IACX,SAAS,EAAG,OAAO,EACnB,aAAa,EAAC,IAAI,EAClB,SAAS,QACT,MAAM,EAAC,MAAM,IAAG,CACrB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,GAAG,CAAC"}

package/lib/esn/Text/Text.css

@@ -13,7 +13,6 @@
 .Text--letter-spacing-x5 { letter-spacing: var(--letter-spacing--x5); }
 
 .Text--weight-bold { font-weight: var(--font-weight--bold); }
-.Text--weight-medium { font-weight: var(--font-weight--medium); }
 
 .Text--ellipsis {
   max-width: 100%;
@@ -31,6 +30,4 @@
   font-family: var(--font-family-monospace)
 }
 
-.Text--monospace.Text--weight-medium { font-weight: var(--font-weight-monospace--medium); }
-
 .Text--monospace.Text--weight-bold { font-weight: var(--font-weight-monospace--bold); }

package/lib/esn/Text/Text.d.ts

@@ -4,7 +4,7 @@ import './TextSizes.css';
 import './Text.css';
 export declare type TypeTextLetterSpacing = 'x1' | 'x2' | 'x3' | 'x4' | 'x5';
 export declare type TypeTextSize = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9';
-export declare type TypeTextWeight = 'bold' | 'medium';
+export declare type TypeTextWeight = 'bold' | 'normal';
 export interface Props extends BaseProps {
     /**
      * Sets the type of component to be rendered. Can be a

package/lib/esn/Text/Text.js

@@ -11,7 +11,7 @@ const InlineComponentMap = (props) => (props.weight === 'bold' && 'strong') ||
  * styling.
  */
 const Text = (props) => {
-    const { Component, align, breakOn, className, ellipsis, emphasis, inline, letterSpacing, monospace, size, titlecase, uppercase, weight, ...rest } = props;
+    const { Component, align, breakOn, className, ellipsis, emphasis, inline, letterSpacing, monospace, size = '3', titlecase, uppercase, weight, ...rest } = props;
     const classes = classnames(className, 'Text', {
         'Text--ellipsis': ellipsis,
         'Text--emphasis': emphasis,
@@ -22,7 +22,7 @@ const Text = (props) => {
         [`Text--break-${breakOn}`]: breakOn,
         [`Text--letter-spacing-${letterSpacing}`]: letterSpacing,
         [`Text--size-${size}`]: size,
-        [`Text--weight-${weight}`]: weight,
+        'Text--weight-bold': weight === 'bold',
     });
     const component = inline ? InlineComponentMap(props) : Component;
     return (React.createElement(Base, Object.assign({}, rest, { Component: component, className: classes })));

package/lib/esn/Text/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../src/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,IAA4B,MAAM,cAAc,CAAC;AACxD,OAAO,iBAAiB,CAAC;AACzB,OAAO,YAAY,CAAC;AAuCpB,MAAM,kBAAkB,GAAG,CAAC,KAAY,EAAE,EAAE,CAC1C,CAAC,KAAK,CAAC,MAAM,KAAK,MAAM,IAAI,QAAQ,CAAC;IACrC,CAAC,KAAK,CAAC,QAAQ,IAAI,IAAI,CAAC;IACxB,MAAM,CAAC;AAET;;;GAGG;AACH,MAAM,IAAI,GAAmC,CAAC,KAAY,EAAE,EAAE;IAC5D,MAAM,EACJ,SAAS,EACT,KAAK,EACL,OAAO,EACP,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,aAAa,EACb,SAAS,EACT,IAAI,EACJ,SAAS,EACT,SAAS,EACT,MAAM,EACN,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,MAAM,OAAO,GAAG,UAAU,CAAC,SAAS,EAAE,MAAM,EAAE;QAC5C,gBAAgB,EAAE,QAAQ;QAC1B,gBAAgB,EAAE,QAAQ;QAC1B,iBAAiB,EAAE,SAAS;QAC5B,iBAAiB,EAAE,SAAS;QAC5B,iBAAiB,EAAE,SAAS;QAC5B,CAAC,eAAe,KAAK,EAAE,CAAC,EAAE,KAAK;QAC/B,CAAC,eAAe,OAAO,EAAE,CAAC,EAAE,OAAO;QACnC,CAAC,wBAAwB,aAAa,EAAE,CAAC,EAAE,aAAa;QACxD,CAAC,cAAc,IAAI,EAAE,CAAC,EAAE,IAAI;QAC5B,CAAC,gBAAgB,MAAM,EAAE,CAAC,EAAE,MAAM;KACnC,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,MAAM,CAAC,CAAC,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAEjE,OAAO,CACL,oBAAC,IAAI,oBAAM,IAAI,IACX,SAAS,EAAG,SAAS,EACrB,SAAS,EAAG,OAAO,IAAK,CAC7B,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../src/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,IAA4B,MAAM,cAAc,CAAC;AACxD,OAAO,iBAAiB,CAAC;AACzB,OAAO,YAAY,CAAC;AAuCpB,MAAM,kBAAkB,GAAG,CAAC,KAAY,EAAE,EAAE,CAC1C,CAAC,KAAK,CAAC,MAAM,KAAK,MAAM,IAAI,QAAQ,CAAC;IACrC,CAAC,KAAK,CAAC,QAAQ,IAAI,IAAI,CAAC;IACxB,MAAM,CAAC;AAET;;;GAGG;AACH,MAAM,IAAI,GAAmC,CAAC,KAAY,EAAE,EAAE;IAC5D,MAAM,EACJ,SAAS,EACT,KAAK,EACL,OAAO,EACP,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,aAAa,EACb,SAAS,EACT,IAAI,GAAG,GAAG,EACV,SAAS,EACT,SAAS,EACT,MAAM,EACN,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,MAAM,OAAO,GAAG,UAAU,CAAC,SAAS,EAAE,MAAM,EAAE;QAC5C,gBAAgB,EAAE,QAAQ;QAC1B,gBAAgB,EAAE,QAAQ;QAC1B,iBAAiB,EAAE,SAAS;QAC5B,iBAAiB,EAAE,SAAS;QAC5B,iBAAiB,EAAE,SAAS;QAC5B,CAAC,eAAe,KAAK,EAAE,CAAC,EAAE,KAAK;QAC/B,CAAC,eAAe,OAAO,EAAE,CAAC,EAAE,OAAO;QACnC,CAAC,wBAAwB,aAAa,EAAE,CAAC,EAAE,aAAa;QACxD,CAAC,cAAc,IAAI,EAAE,CAAC,EAAE,IAAI;QAC5B,mBAAmB,EAAE,MAAM,KAAK,MAAM;KACvC,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,MAAM,CAAC,CAAC,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAEjE,OAAO,CACL,oBAAC,IAAI,oBAAM,IAAI,IACX,SAAS,EAAG,SAAS,EACrB,SAAS,EAAG,OAAO,IAAK,CAC7B,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/lib/esn/Text/TextSizes.css

@@ -15,7 +15,7 @@
 
 .Text--size-4 {
   font-size: var(--font-size--4);
-  line-height: var(--line-heigt--4);
+  line-height: var(--line-height--4);
 }
 
 .Text--size-5 {

package/lib/esn/root.css

@@ -19,7 +19,6 @@ body:not(.bitrise-legacy) {
   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--3);
 }
 

package/lib/esn/tsconfig.tsbuildinfo

@@ -913,7 +913,7 @@
         "signature": "a2ca5f90c17bd0a8345685eebf3b781f69b6d311649e6144b983b974d5dbcf99"
       },
       "/bitrise/src/src/Text/Text.tsx": {
-        "version": "edf3e6e13c902da9d763d67ed9213942eabf28118f4773d71e1181b6c12ce518",
+        "version": "172b100bd2cbb0a15527b646d7d3df10ed51f0439eeb35ec6650c8d8bd6c5053",
         "signature": "451036154ad4a66eeaba320b67a25ef795b374f6f78ddd52783bff751bb4410a"
       },
       "/bitrise/src/src/Badge/Badge.tsx": {
@@ -1105,8 +1105,8 @@
         "signature": "a8a9df9359e0b2e7f99cdaccec90bc4c54193d3f068026410554c60659c83331"
       },
       "/bitrise/src/src/Dropdown/DropdownButton.tsx": {
-        "version": "e512b596847ec378037409bbd40b4cc3ff5761fb179ab989bd6a78328b86e141",
-        "signature": "d2243280894ea448edfa5dbd28faed2c88206f38e27cd807d690ff0168782684"
+        "version": "84d54b0a362a900b1d02bbfc3975c18f076fc4d05f14c324841a857115e49fa8",
+        "signature": "6210a9c09e6f5423acede504ba66d843a87db112ec7ef4c68de25535dc74bece"
       },
       "/bitrise/src/src/Dropdown/DropdownMenu.tsx": {
         "version": "d2308758d08dc08b369f41707ea1f217440df36f5bb7a425de7dee784fffc3da",
@@ -1121,7 +1121,7 @@
         "signature": "ce8c8102493551eb661c8ff2d23650c24b657102fe4e443474ab8e2a4c56f753"
       },
       "/bitrise/src/src/Dropdown/DropdownMenuItemGroup.tsx": {
-        "version": "29a0e9a8a00d6985cd02005b70a96bceee0674d58fa241eb8fd1b9cf80bc675b",
+        "version": "29254029757fd590adc062ca2bfabc0759723664e13083a1c54e268de7c7a3fd",
         "signature": "edf0618cc616e87d9666f689e9349387a24aa34d72f5c308bcd41ce85a62e535"
       },
       "/bitrise/src/src/Dropdown/Dropdown.tsx": {
@@ -1309,7 +1309,7 @@
         "signature": "7792373040bd5f4952d1fa631cf5ba00c78f6f55d968de5467430e26d384b7a6"
       },
       "/bitrise/src/src/Tabs/Tab.tsx": {
-        "version": "a9d5db8173f74e201b87d37036674f481b2faee97a531465df54e815d3bb86b1",
+        "version": "466944e52ad021e6dc8fa89877c1b96f9651f6ae44770f19bd6292afa79f2b5f",
         "signature": "365dd31f793ad1b879adaac94b9afe9ceb753b7ec7fd69f0dc96a249817845aa"
       },
       "/bitrise/src/src/Tabs/Tabs.tsx": {

package/lib/esn/variables.css

@@ -149,7 +149,7 @@
   --color-overlay--black: rgba(34, 34, 34, 0.8);
   --color-overlay--grape: rgba(53, 29, 72, 0.8);
 
-  --font-family: 'TTNorms', sans-serif;
+  --font-family: 'TT Norms Pro', sans-serif;
   --font-family-monospace: 'Source Code Pro', monospace;
 
   --font-size--1: 0.6875rem; /* 11px */
@@ -161,20 +161,18 @@
   --font-size--7: 2.25rem; /* 36 px */
   --font-size--8: 3rem; /* 48px */
 
-  --font-weight--medium: 500;
   --font-weight--bold: 700;
 
-  --font-weight-monospace--medium: 500;
   --font-weight-monospace--bold: 600;
 
-  --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 */
+  --line-height--1: 1rem; /* 16px */
+  --line-height--2: 1.25rem; /* 20px */
+  --line-height--3: 1.5rem; /* 24px */
+  --line-height--4: 1.75rem; /* 28px */
+  --line-height--5: 2.25rem; /* 36px */
+  --line-height--6: 2.5rem; /* 40px */
+  --line-height--7: 3rem; /* 48px */
+  --line-height--8: 3.75rem; /* 60px */
 
   --letter-spacing--x1: 0.00625rem;
   --letter-spacing--x2: 0.009375rem;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit",
   "description": "Bitrise React component library",
-  "version": "8.4.0",
+  "version": "9.0.0",
   "repository": "git@github.com:bitrise-io/bitkit.git",
   "main": "lib/cjs/index.js",
   "esnext": "lib/esn/index.js",

package/site/components/CodeBlock/CodeBlock.css

@@ -74,7 +74,7 @@ code[class*='language-'] {
 
 .token.important,
 .token.bold {
-  font-weight: 600;
+  font-weight: 700;
 }
 
 .token.italic {

package/site/components/Documentation/Components/SectionText.tsx

@@ -7,7 +7,7 @@ const SectionText = () => {
   return (
     <Section paddingVertical="x8">
       <Text align="middle" margin="x2" size="6" weight="bold">The spectacle before us was indeed sublime.</Text>
-      <Text align="middle" margin="x2" size="3">
+      <Text align="middle" margin="x2">
         Apparently we had reached a great height in the atmosphere,
         for the sky was a dead black, and the stars had ceased to twinkle.
         By the same illusion which lifts the horizon of the sea to the

package/site/index.css

@@ -1,11 +1,11 @@
 @font-face {
-  font-family: 'TTNorms';
-  font-weight: 500; /* Medium */
-  src: url('./assets/fonts/TT_Norms_Pro_Medium.woff') format('woff');
+  font-family: 'TT Norms Pro';
+  font-weight: 400; /* Normal */
+  src: url('./assets/fonts/TT_Norms_Pro_Normal.woff') format('woff');
 }
 
 @font-face {
-  font-family: 'TTNorms';
+  font-family: 'TT Norms Pro';
   font-weight: 700; /* Bold */
   src: url('./assets/fonts/TT_Norms_Pro_Bold.woff') format('woff');
 }

package/src/Dropdown/DropdownButton.tsx

@@ -13,7 +13,9 @@ const DropdownButton: React.FunctionComponent<Props> = (props: Props) => {
   const { children } = props;
 
   return (
-    <Button { ...props }
+    <Button
+        type="button"
+        { ...props }
         alignChildrenHorizontal="start"
         fullWidth
         gap="x4"

package/src/Dropdown/DropdownMenu.css

@@ -5,7 +5,19 @@
 }
 
 .DropdownMenu__group-text {
+  display: flex;
+  align-items: center;
   padding: var(--size--x3) var(--size--x4);
+  text-transform: uppercase;
+  gap: var(--size--x4);
+}
+
+.DropdownMenu__group-text::after {
+  content: '';
+  flex: 1;
+  /* stylelint-disable-next-line unit-blacklist */
+  height: 1px;
+  background-color: var(--color-gray--3);
 }
 
 .DropdownMenu__item {

package/src/Dropdown/DropdownMenuItemGroup.tsx

@@ -14,7 +14,7 @@ const DropdownMenuItemGroup: React.FunctionComponent<Props> = ({
   ...rest
 }: Props) => (
   <Flex className={ classnames('DropdownMenu__group', className) } { ...rest }>
-    <Text className="DropdownMenu__group-text" textColor="gray-6">{ text }</Text>
+    <Text className="DropdownMenu__group-text" size="2" textColor="gray-6">{ text }</Text>
     { children }
   </Flex>
 );

package/src/Tabs/Tab.tsx

@@ -22,7 +22,7 @@ const Tab: React.FunctionComponent<Props> = (props: Props) => {
         className={ classes }
         letterSpacing="x2"
         uppercase
-        weight={ active ? 'bold' : 'medium' } />
+        weight="bold" />
   );
 };
 

package/src/Text/Text.css

@@ -13,7 +13,6 @@
 .Text--letter-spacing-x5 { letter-spacing: var(--letter-spacing--x5); }
 
 .Text--weight-bold { font-weight: var(--font-weight--bold); }
-.Text--weight-medium { font-weight: var(--font-weight--medium); }
 
 .Text--ellipsis {
   max-width: 100%;
@@ -30,6 +29,5 @@
 .Text--monospace {
   font-family: var(--font-family-monospace);
 
-  &.Text--weight-medium { font-weight: var(--font-weight-monospace--medium); }
   &.Text--weight-bold { font-weight: var(--font-weight-monospace--bold); }
 }

package/src/Text/Text.tsx

@@ -6,7 +6,7 @@ import './Text.css';
 
 export type TypeTextLetterSpacing = 'x1' | 'x2' | 'x3' | 'x4' | 'x5';
 export type TypeTextSize = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9';
-export type TypeTextWeight = 'bold' | 'medium';
+export type TypeTextWeight = 'bold' | 'normal';
 
 export interface Props extends BaseProps {
   /**
@@ -61,7 +61,7 @@ const Text: React.FunctionComponent<Props> = (props: Props) => {
     inline,
     letterSpacing,
     monospace,
-    size,
+    size = '3',
     titlecase,
     uppercase,
     weight,
@@ -78,7 +78,7 @@ const Text: React.FunctionComponent<Props> = (props: Props) => {
     [`Text--break-${breakOn}`]: breakOn,
     [`Text--letter-spacing-${letterSpacing}`]: letterSpacing,
     [`Text--size-${size}`]: size,
-    [`Text--weight-${weight}`]: weight,
+    'Text--weight-bold': weight === 'bold',
   });
 
   const component = inline ? InlineComponentMap(props) : Component;

package/src/Text/TextSizes.css

@@ -15,7 +15,7 @@
 
 .Text--size-4 {
   font-size: var(--font-size--4);
-  line-height: var(--line-heigt--4);
+  line-height: var(--line-height--4);
 }
 
 .Text--size-5 {

package/src/root.css

@@ -17,7 +17,6 @@ body:not(.bitrise-legacy) {
   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--3);
 }
 

package/src/variables.css

@@ -149,7 +149,7 @@
   --color-overlay--black: rgba(34, 34, 34, 0.8);
   --color-overlay--grape: rgba(53, 29, 72, 0.8);
 
-  --font-family: 'TTNorms', sans-serif;
+  --font-family: 'TT Norms Pro', sans-serif;
   --font-family-monospace: 'Source Code Pro', monospace;
 
   --font-size--1: 0.6875rem; /* 11px */
@@ -161,20 +161,18 @@
   --font-size--7: 2.25rem; /* 36 px */
   --font-size--8: 3rem; /* 48px */
 
-  --font-weight--medium: 500;
   --font-weight--bold: 700;
 
-  --font-weight-monospace--medium: 500;
   --font-weight-monospace--bold: 600;
 
-  --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 */
+  --line-height--1: 1rem; /* 16px */
+  --line-height--2: 1.25rem; /* 20px */
+  --line-height--3: 1.5rem; /* 24px */
+  --line-height--4: 1.75rem; /* 28px */
+  --line-height--5: 2.25rem; /* 36px */
+  --line-height--6: 2.5rem; /* 40px */
+  --line-height--7: 3rem; /* 48px */
+  --line-height--8: 3.75rem; /* 60px */
 
   --letter-spacing--x1: 0.00625rem;
   --letter-spacing--x2: 0.009375rem;