@bitrise/bitkit 9.1.0 → 9.1.1

package/CHANGELOG.md

@@ -1,3 +1,12 @@
+## [9.1.1](https://github.com/bitrise-io/bitkit/compare/v9.1.0...v9.1.1) (2022-02-14)
+
+
+### Bug Fixes
+
+* **Badge:** make Badge more customizable ([07da14f](https://github.com/bitrise-io/bitkit/commit/07da14f))
+* **Icon:** update pencil icon ([047f370](https://github.com/bitrise-io/bitkit/commit/047f370))
+* **Notification:** allow Notification to receive className ([904cf20](https://github.com/bitrise-io/bitkit/commit/904cf20))
+
 # [9.1.0](https://github.com/bitrise-io/bitkit/compare/v9.0.0...v9.1.0) (2022-02-11)
 
 

package/lib/cjs/Badge/Badge.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 import { Props as TextProps } from '../Text/Text';
 import './Badge.css';
 export interface Props extends TextProps {
+    uppercase?: boolean;
 }
 /**
  * A badge component, useful to provide context and highlight something

package/lib/cjs/Badge/Badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAa,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,aAAa,CAAC;AAErB,MAAM,WAAW,KAAM,SAAQ,SAAS;CAAG;AAE3C;;;GAGG;AACH,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAOzC,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAa,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,aAAa,CAAC;AAErB,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;GAGG;AACH,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAOzC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/lib/cjs/Badge/Badge.js

@@ -10,6 +10,17 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 var __importStar = (this && this.__importStar) || function (mod) {
     if (mod && mod.__esModule) return mod;
     var result = {};
@@ -22,14 +33,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var React = __importStar(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
 var Text_1 = __importDefault(require("../Text/Text"));
 require("./Badge.css");
 /**
  * A badge component, useful to provide context and highlight something
  * important to a user.
  */
-var Badge = function (props) {
-    return (React.createElement(Text_1.default, __assign({}, props, { className: "Badge", size: "1", uppercase: true })));
+var Badge = function (_a) {
+    var _b = _a.uppercase, uppercase = _b === void 0 ? true : _b, className = _a.className, rest = __rest(_a, ["uppercase", "className"]);
+    return (React.createElement(Text_1.default, __assign({}, rest, { className: classnames_1.default('Badge', className), size: "1", uppercase: uppercase })));
 };
 exports.default = Badge;
 //# sourceMappingURL=Badge.js.map

package/lib/cjs/Badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../src/Badge/Badge.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,sDAAwD;AACxD,uBAAqB;AAIrB;;;GAGG;AACH,IAAM,KAAK,GAAmC,UAAC,KAAY;IACzD,OAAO,CACL,oBAAC,cAAI,eAAM,KAAK,IACZ,SAAS,EAAC,OAAO,EACjB,IAAI,EAAC,GAAG,EACR,SAAS,UAAG,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,KAAK,CAAC"}
+{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../src/Badge/Badge.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0DAAoC;AACpC,sDAAwD;AACxD,uBAAqB;AAMrB;;;GAGG;AACH,IAAM,KAAK,GAAmC,UAAC,EAA+C;IAA7C,IAAA,iBAAgB,EAAhB,qCAAgB,EAAE,wBAAS,EAAE,6CAAO;IACnF,OAAO,CACL,oBAAC,cAAI,eAAM,IAAI,IACX,SAAS,EAAG,oBAAU,CAAC,OAAO,EAAE,SAAS,CAAC,EAC1C,IAAI,EAAC,GAAG,EACR,SAAS,EAAG,SAAS,IAAK,CAC/B,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,KAAK,CAAC"}

package/lib/cjs/Icon/tsx/IconsPencil.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconsPencil.d.ts","sourceRoot":"","sources":["../../../../src/Icon/tsx/IconsPencil.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;;AAC/B,wBAQE"}
+{"version":3,"file":"IconsPencil.d.ts","sourceRoot":"","sources":["../../../../src/Icon/tsx/IconsPencil.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;;AAC/B,wBAcE"}

package/lib/cjs/Icon/tsx/IconsPencil.js

@@ -19,6 +19,8 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var React = __importStar(require("react"));
-exports.default = (function (props) { return (React.createElement("svg", __assign({}, props, { viewBox: "0 0 24 24" }),
-    React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M8.8 15.362l.7.69L18 7.665l-.7-.69-8.5 8.388zm-2.8 0l9.9-9.77c.8-.79 2-.79 2.8 0l.7.69c.8.79.8 1.975 0 2.764l-9.9 9.77L6 15.362zM5 20v-2.96L8 20H5z" }))); });
+exports.default = (function (props) { return (React.createElement("svg", __assign({}, props, { viewBox: "0 0 20 20" }),
+    React.createElement("path", { d: "M2 18L18 18L18 8H20L20 18C20 19.1046 19.1046 20 18 20L2 20C0.895432 20 0 19.1046 0 18V2C0 0.895432 0.895431 0 2 0H12V2L2 2L2 18Z", fill: "currentColor" }),
+    React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M14.9 1.59211L5 11.3618L8.5 14.8158L18.4 5.04605C19.2 4.25658 19.2 3.07237 18.4 2.2829L17.7 1.59211C16.9 0.802633 15.7 0.802633 14.9 1.59211ZM8.5 12.0526L7.8 11.3618L16.3 2.97369L17 3.66447L8.5 12.0526Z", fill: "currentColor" }),
+    React.createElement("path", { d: "M4 13.0395V16H7L4 13.0395Z", fill: "currentColor" }))); });
 //# sourceMappingURL=IconsPencil.js.map

package/lib/cjs/Icon/tsx/IconsPencil.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconsPencil.js","sourceRoot":"","sources":["../../../../src/Icon/tsx/IconsPencil.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,mBAAe,UAAC,KAAoC,IAAK,OAAA,CACvD,wCAAS,KAAK,IAAE,OAAO,EAAC,WAAW;IACjC,8BACE,IAAI,EAAC,cAAc,EACnB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,qJAAqJ,GACvJ,CACE,CACP,EARwD,CAQxD,EAAC"}
+{"version":3,"file":"IconsPencil.js","sourceRoot":"","sources":["../../../../src/Icon/tsx/IconsPencil.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,mBAAe,UAAC,KAAoC,IAAK,OAAA,CACvD,wCAAS,KAAK,IAAE,OAAO,EAAC,WAAW;IACjC,8BACE,CAAC,EAAC,kIAAkI,EACpI,IAAI,EAAC,cAAc,GACnB;IACF,2CACY,SAAS,eACT,SAAS,EACnB,CAAC,EAAC,4MAA4M,EAC9M,IAAI,EAAC,cAAc,GACnB;IACF,8BAAM,CAAC,EAAC,4BAA4B,EAAC,IAAI,EAAC,cAAc,GAAG,CACvD,CACP,EAdwD,CAcxD,EAAC"}

package/lib/cjs/Notification/Notification.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.d.ts","sourceRoot":"","sources":["../../../src/Notification/Notification.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAa,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AAExD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAG3C,OAAO,oBAAoB,CAAC;AAE5B,aAAK,oBAAoB,GACvB,OAAO,GACP,QAAQ,GACR,UAAU,GACV,SAAS,GACT,SAAS,CAAC;AAEZ,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,KAAK,IAAI,CAAC;IAC7C;;;;OAIG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB;;OAEG;IACH,IAAI,EAAE,oBAAoB,CAAC;CAC5B;AAUD;;GAEG;AACH,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAwChD,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"Notification.d.ts","sourceRoot":"","sources":["../../../src/Notification/Notification.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAa,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AAExD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAG3C,OAAO,oBAAoB,CAAC;AAE5B,aAAK,oBAAoB,GACvB,OAAO,GACP,QAAQ,GACR,UAAU,GACV,SAAS,GACT,SAAS,CAAC;AAEZ,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,KAAK,IAAI,CAAC;IAC7C;;;;OAIG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB;;OAEG;IACH,IAAI,EAAE,oBAAoB,CAAC;CAC5B;AAUD;;GAEG;AACH,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAyChD,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/cjs/Notification/Notification.js

@@ -48,8 +48,8 @@ var defaultIcons = {
  * Notification component used to inform the user of something important.
  */
 var Notification = function (props) {
-    var children = props.children, onRemove = props.onRemove, type = props.type, icon = props.icon, rest = __rest(props, ["children", "onRemove", "type", "icon"]);
-    var classes = classnames_1.default('Notification', "Notification--type-" + type);
+    var children = props.children, onRemove = props.onRemove, type = props.type, icon = props.icon, className = props.className, rest = __rest(props, ["children", "onRemove", "type", "icon", "className"]);
+    var classes = classnames_1.default('Notification', "Notification--type-" + type, className);
     var defaultIcon = defaultIcons[type];
     return (React.createElement(Flex_1.default, __assign({}, rest, { alignChildrenVertical: "middle", className: classes, direction: "horizontal", gap: "x2", padding: "x3" }),
         (icon || defaultIcon || type === 'progress') && (React.createElement(Flex_1.default, null, type === 'progress'

package/lib/cjs/Notification/Notification.js.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.js","sourceRoot":"","sources":["../../../src/Notification/Notification.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0DAAoC;AACpC,sDAAwD;AACxD,sDAAgC;AAEhC,sDAAgC;AAChC,gFAA0D;AAC1D,8BAA4B;AA4B5B,IAAM,YAAY,GAEd;IACF,KAAK,EAAE,cAAc;IACrB,OAAO,EAAE,MAAM;IACf,OAAO,EAAE,SAAS;CACnB,CAAC;AAEF;;GAEG;AACH,IAAM,YAAY,GAAmC,UAAC,KAAY;IAE9D,IAAA,yBAAQ,EACR,yBAAQ,EACR,iBAAI,EACJ,iBAAI,EACJ,8DAAO,CACC;IAEV,IAAM,OAAO,GAAG,oBAAU,CAAC,cAAc,EAAE,wBAAsB,IAAM,CAAC,CAAC;IACzE,IAAM,WAAW,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IAEvC,OAAO,CACL,oBAAC,cAAI,eAAM,IAAI,IACX,qBAAqB,EAAC,QAAQ,EAC9B,SAAS,EAAG,OAAO,EACnB,SAAS,EAAC,YAAY,EACtB,GAAG,EAAC,IAAI,EACR,OAAO,EAAC,IAAI;QACZ,CAAC,IAAI,IAAI,WAAW,IAAI,IAAI,KAAK,UAAU,CAAC,IAAI,CAChD,oBAAC,cAAI,QACD,IAAI,KAAK,UAAU;YACnB,CAAC,CAAC,oBAAC,yBAAe,OAAG;YACrB,CAAC,CAAC,oBAAC,cAAI,IAAC,IAAI,EAAG,IAAI,IAAI,WAAW,GAAK,CACpC,CACR;QAED,oBAAC,cAAI,IAAC,IAAI,QAAC,MAAM,UACb,QAAQ,CACL;QAEL,QAAQ,IAAI,CACZ,oBAAC,cAAI;YACH,oBAAC,cAAI,IAAC,SAAS,QAAC,OAAO,EAAG,QAAQ;gBAChC,oBAAC,cAAI,IAAC,IAAI,EAAC,YAAY,GAAG,CACrB,CACF,CACR,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,YAAY,CAAC"}
+{"version":3,"file":"Notification.js","sourceRoot":"","sources":["../../../src/Notification/Notification.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0DAAoC;AACpC,sDAAwD;AACxD,sDAAgC;AAEhC,sDAAgC;AAChC,gFAA0D;AAC1D,8BAA4B;AA4B5B,IAAM,YAAY,GAEd;IACF,KAAK,EAAE,cAAc;IACrB,OAAO,EAAE,MAAM;IACf,OAAO,EAAE,SAAS;CACnB,CAAC;AAEF;;GAEG;AACH,IAAM,YAAY,GAAmC,UAAC,KAAY;IAE9D,IAAA,yBAAQ,EACR,yBAAQ,EACR,iBAAI,EACJ,iBAAI,EACJ,2BAAS,EACT,2EAAO,CACC;IAEV,IAAM,OAAO,GAAG,oBAAU,CAAC,cAAc,EAAE,wBAAsB,IAAM,EAAE,SAAS,CAAC,CAAC;IACpF,IAAM,WAAW,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IAEvC,OAAO,CACL,oBAAC,cAAI,eAAM,IAAI,IACX,qBAAqB,EAAC,QAAQ,EAC9B,SAAS,EAAG,OAAO,EACnB,SAAS,EAAC,YAAY,EACtB,GAAG,EAAC,IAAI,EACR,OAAO,EAAC,IAAI;QACZ,CAAC,IAAI,IAAI,WAAW,IAAI,IAAI,KAAK,UAAU,CAAC,IAAI,CAChD,oBAAC,cAAI,QACD,IAAI,KAAK,UAAU;YACnB,CAAC,CAAC,oBAAC,yBAAe,OAAG;YACrB,CAAC,CAAC,oBAAC,cAAI,IAAC,IAAI,EAAG,IAAI,IAAI,WAAW,GAAK,CACpC,CACR;QAED,oBAAC,cAAI,IAAC,IAAI,QAAC,MAAM,UACb,QAAQ,CACL;QAEL,QAAQ,IAAI,CACZ,oBAAC,cAAI;YACH,oBAAC,cAAI,IAAC,SAAS,QAAC,OAAO,EAAG,QAAQ;gBAChC,oBAAC,cAAI,IAAC,IAAI,EAAC,YAAY,GAAG,CACrB,CACF,CACR,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,YAAY,CAAC"}

package/lib/cjs/tsconfig.tsbuildinfo

@@ -578,8 +578,8 @@
         "signature": "1eda67cd981ff47b8e514a2c830d360cd41585caaa98d31db559e7684c2cdf4e"
       },
       "/bitrise/src/src/Icon/tsx/IconsPencil.tsx": {
-        "version": "4b50c769bb90ec7440b3af5849ebe1be3f904cec4fbccba018cf24c59d2f21ad",
-        "signature": "49c16cbf6dad92818cb1c508b150ef08779d3fd32513322630e1231b45a7d74c"
+        "version": "eaaecd6c4dab58fa2b61e1d091307adc98e495be7bb06fc89b9cb5a93945dcc6",
+        "signature": "026fbad9dd23bcdefb294fa0d6f6656c832959d1b0e763c3469f05728c6933fe"
       },
       "/bitrise/src/src/Icon/tsx/IconsPercent.tsx": {
         "version": "9e1fb0530d36dd49b12b92a204046888c3e57ac3d50ed66658af7b1a48861ffa",
@@ -893,8 +893,8 @@
         "signature": "451036154ad4a66eeaba320b67a25ef795b374f6f78ddd52783bff751bb4410a"
       },
       "/bitrise/src/src/Badge/Badge.tsx": {
-        "version": "fd77c099aab5c07a9725f527239a7623c75ab2346ee2779971b322d0025a900e",
-        "signature": "feeee6b8478bd4a90c1698e584e183d90d3772217dbcd1e6ecfc26dcd15b1d3a"
+        "version": "1e488c831ec025faa2ed7499f39f1ccc9da790da409b0eaa73b1c2a12e8ba76a",
+        "signature": "e443ae204af02f76bc74e7a33726d02ee32689ac7448fc817ca3323016844d87"
       },
       "/bitrise/src/src/Link/Link.tsx": {
         "version": "e9fb38ad92784d377fc73a4762781d972933fb44bed63322c5da96052cdda8d1",
@@ -1181,8 +1181,8 @@
         "signature": "9cea78a0c39a25855e10d1080553443aa26ab674cc87a0335198f167c8c5908e"
       },
       "/bitrise/src/src/Notification/Notification.tsx": {
-        "version": "cf1d21d33a8fa3980445b2891a147f80f9ce16afdab9c71325a963d618a3d803",
-        "signature": "9f27da3503a4913062242c8d60e1f7bb921f684f72eb801af95c33d55bc4a239"
+        "version": "94078357877aca215f099455bc00836a12ab31b70f24b2da60122301f2156c3f",
+        "signature": "f1e1c7937d162a2076aab174e2fa3b6e922e0973abcc110bea1db07334b794ed"
       },
       "/bitrise/src/src/Progress/ProgressButtonContent.tsx": {
         "version": "f691d44cfce3dd08e02e4c4bb2ec697605c7869c873f4e46061102acdb861fdb",
@@ -3042,6 +3042,7 @@
       ],
       "/bitrise/src/src/Badge/Badge.tsx": [
         "/bitrise/src/node_modules/@types/react/index.d.ts",
+        "/bitrise/src/node_modules/@types/classnames/index.d.ts",
         "/bitrise/src/src/Text/Text.tsx",
         "/bitrise/src/node_modules/@types/node/util.d.ts",
         "/bitrise/src/node_modules/@types/node/ts3.2/util.d.ts"

package/lib/esn/Badge/Badge.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 import { Props as TextProps } from '../Text/Text';
 import './Badge.css';
 export interface Props extends TextProps {
+    uppercase?: boolean;
 }
 /**
  * A badge component, useful to provide context and highlight something

package/lib/esn/Badge/Badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAa,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,aAAa,CAAC;AAErB,MAAM,WAAW,KAAM,SAAQ,SAAS;CAAG;AAE3C;;;GAGG;AACH,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAOzC,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAa,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,aAAa,CAAC;AAErB,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;GAGG;AACH,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAOzC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/lib/esn/Badge/Badge.js

@@ -1,12 +1,13 @@
 import * as React from 'react';
+import classnames from 'classnames';
 import Text from '../Text/Text';
 import './Badge.css';
 /**
  * A badge component, useful to provide context and highlight something
  * important to a user.
  */
-const Badge = (props) => {
-    return (React.createElement(Text, Object.assign({}, props, { className: "Badge", size: "1", uppercase: true })));
+const Badge = ({ uppercase = true, className, ...rest }) => {
+    return (React.createElement(Text, Object.assign({}, rest, { className: classnames('Badge', className), size: "1", uppercase: uppercase })));
 };
 export default Badge;
 //# sourceMappingURL=Badge.js.map

package/lib/esn/Badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../src/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,IAA4B,MAAM,cAAc,CAAC;AACxD,OAAO,aAAa,CAAC;AAIrB;;;GAGG;AACH,MAAM,KAAK,GAAmC,CAAC,KAAY,EAAE,EAAE;IAC7D,OAAO,CACL,oBAAC,IAAI,oBAAM,KAAK,IACZ,SAAS,EAAC,OAAO,EACjB,IAAI,EAAC,GAAG,EACR,SAAS,UAAG,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../src/Badge/Badge.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,aAAa,CAAC;AAMrB;;;GAGG;AACH,MAAM,KAAK,GAAmC,CAAC,EAAE,SAAS,GAAG,IAAI,EAAE,SAAS,EAAE,GAAG,IAAI,EAAS,EAAE,EAAE;IAChG,OAAO,CACL,oBAAC,IAAI,oBAAM,IAAI,IACX,SAAS,EAAG,UAAU,CAAC,OAAO,EAAE,SAAS,CAAC,EAC1C,IAAI,EAAC,GAAG,EACR,SAAS,EAAG,SAAS,IAAK,CAC/B,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/lib/esn/Icon/tsx/IconsPencil.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconsPencil.d.ts","sourceRoot":"","sources":["../../../../src/Icon/tsx/IconsPencil.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;;AAC/B,wBAQE"}
+{"version":3,"file":"IconsPencil.d.ts","sourceRoot":"","sources":["../../../../src/Icon/tsx/IconsPencil.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;;AAC/B,wBAcE"}

package/lib/esn/Icon/tsx/IconsPencil.js

@@ -1,4 +1,6 @@
 import * as React from "react";
-export default (props) => (React.createElement("svg", Object.assign({}, props, { viewBox: "0 0 24 24" }),
-    React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M8.8 15.362l.7.69L18 7.665l-.7-.69-8.5 8.388zm-2.8 0l9.9-9.77c.8-.79 2-.79 2.8 0l.7.69c.8.79.8 1.975 0 2.764l-9.9 9.77L6 15.362zM5 20v-2.96L8 20H5z" })));
+export default (props) => (React.createElement("svg", Object.assign({}, props, { viewBox: "0 0 20 20" }),
+    React.createElement("path", { d: "M2 18L18 18L18 8H20L20 18C20 19.1046 19.1046 20 18 20L2 20C0.895432 20 0 19.1046 0 18V2C0 0.895432 0.895431 0 2 0H12V2L2 2L2 18Z", fill: "currentColor" }),
+    React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M14.9 1.59211L5 11.3618L8.5 14.8158L18.4 5.04605C19.2 4.25658 19.2 3.07237 18.4 2.2829L17.7 1.59211C16.9 0.802633 15.7 0.802633 14.9 1.59211ZM8.5 12.0526L7.8 11.3618L16.3 2.97369L17 3.66447L8.5 12.0526Z", fill: "currentColor" }),
+    React.createElement("path", { d: "M4 13.0395V16H7L4 13.0395Z", fill: "currentColor" })));
 //# sourceMappingURL=IconsPencil.js.map

package/lib/esn/Icon/tsx/IconsPencil.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconsPencil.js","sourceRoot":"","sources":["../../../../src/Icon/tsx/IconsPencil.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,eAAe,CAAC,KAAoC,EAAE,EAAE,CAAC,CACvD,6CAAS,KAAK,IAAE,OAAO,EAAC,WAAW;IACjC,8BACE,IAAI,EAAC,cAAc,EACnB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,qJAAqJ,GACvJ,CACE,CACP,CAAC"}
+{"version":3,"file":"IconsPencil.js","sourceRoot":"","sources":["../../../../src/Icon/tsx/IconsPencil.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,eAAe,CAAC,KAAoC,EAAE,EAAE,CAAC,CACvD,6CAAS,KAAK,IAAE,OAAO,EAAC,WAAW;IACjC,8BACE,CAAC,EAAC,kIAAkI,EACpI,IAAI,EAAC,cAAc,GACnB;IACF,2CACY,SAAS,eACT,SAAS,EACnB,CAAC,EAAC,4MAA4M,EAC9M,IAAI,EAAC,cAAc,GACnB;IACF,8BAAM,CAAC,EAAC,4BAA4B,EAAC,IAAI,EAAC,cAAc,GAAG,CACvD,CACP,CAAC"}

package/lib/esn/Notification/Notification.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.d.ts","sourceRoot":"","sources":["../../../src/Notification/Notification.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAa,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AAExD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAG3C,OAAO,oBAAoB,CAAC;AAE5B,aAAK,oBAAoB,GACvB,OAAO,GACP,QAAQ,GACR,UAAU,GACV,SAAS,GACT,SAAS,CAAC;AAEZ,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,KAAK,IAAI,CAAC;IAC7C;;;;OAIG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB;;OAEG;IACH,IAAI,EAAE,oBAAoB,CAAC;CAC5B;AAUD;;GAEG;AACH,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAwChD,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"Notification.d.ts","sourceRoot":"","sources":["../../../src/Notification/Notification.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAa,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AAExD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAG3C,OAAO,oBAAoB,CAAC;AAE5B,aAAK,oBAAoB,GACvB,OAAO,GACP,QAAQ,GACR,UAAU,GACV,SAAS,GACT,SAAS,CAAC;AAEZ,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,KAAK,IAAI,CAAC;IAC7C;;;;OAIG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB;;OAEG;IACH,IAAI,EAAE,oBAAoB,CAAC;CAC5B;AAUD;;GAEG;AACH,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAyChD,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/esn/Notification/Notification.js

@@ -14,8 +14,8 @@ const defaultIcons = {
  * Notification component used to inform the user of something important.
  */
 const Notification = (props) => {
-    const { children, onRemove, type, icon, ...rest } = props;
-    const classes = classnames('Notification', `Notification--type-${type}`);
+    const { children, onRemove, type, icon, className, ...rest } = props;
+    const classes = classnames('Notification', `Notification--type-${type}`, className);
     const defaultIcon = defaultIcons[type];
     return (React.createElement(Flex, Object.assign({}, rest, { alignChildrenVertical: "middle", className: classes, direction: "horizontal", gap: "x2", padding: "x3" }),
         (icon || defaultIcon || type === 'progress') && (React.createElement(Flex, null, type === 'progress'

package/lib/esn/Notification/Notification.js.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.js","sourceRoot":"","sources":["../../../src/Notification/Notification.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;AAEhC,OAAO,IAAI,MAAM,cAAc,CAAC;AAChC,OAAO,eAAe,MAAM,6BAA6B,CAAC;AAC1D,OAAO,oBAAoB,CAAC;AA4B5B,MAAM,YAAY,GAEd;IACF,KAAK,EAAE,cAAc;IACrB,OAAO,EAAE,MAAM;IACf,OAAO,EAAE,SAAS;CACnB,CAAC;AAEF;;GAEG;AACH,MAAM,YAAY,GAAmC,CAAC,KAAY,EAAE,EAAE;IACpE,MAAM,EACJ,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,MAAM,OAAO,GAAG,UAAU,CAAC,cAAc,EAAE,sBAAsB,IAAI,EAAE,CAAC,CAAC;IACzE,MAAM,WAAW,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IAEvC,OAAO,CACL,oBAAC,IAAI,oBAAM,IAAI,IACX,qBAAqB,EAAC,QAAQ,EAC9B,SAAS,EAAG,OAAO,EACnB,SAAS,EAAC,YAAY,EACtB,GAAG,EAAC,IAAI,EACR,OAAO,EAAC,IAAI;QACZ,CAAC,IAAI,IAAI,WAAW,IAAI,IAAI,KAAK,UAAU,CAAC,IAAI,CAChD,oBAAC,IAAI,QACD,IAAI,KAAK,UAAU;YACnB,CAAC,CAAC,oBAAC,eAAe,OAAG;YACrB,CAAC,CAAC,oBAAC,IAAI,IAAC,IAAI,EAAG,IAAI,IAAI,WAAW,GAAK,CACpC,CACR;QAED,oBAAC,IAAI,IAAC,IAAI,QAAC,MAAM,UACb,QAAQ,CACL;QAEL,QAAQ,IAAI,CACZ,oBAAC,IAAI;YACH,oBAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAG,QAAQ;gBAChC,oBAAC,IAAI,IAAC,IAAI,EAAC,YAAY,GAAG,CACrB,CACF,CACR,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"Notification.js","sourceRoot":"","sources":["../../../src/Notification/Notification.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;AAEhC,OAAO,IAAI,MAAM,cAAc,CAAC;AAChC,OAAO,eAAe,MAAM,6BAA6B,CAAC;AAC1D,OAAO,oBAAoB,CAAC;AA4B5B,MAAM,YAAY,GAEd;IACF,KAAK,EAAE,cAAc;IACrB,OAAO,EAAE,MAAM;IACf,OAAO,EAAE,SAAS;CACnB,CAAC;AAEF;;GAEG;AACH,MAAM,YAAY,GAAmC,CAAC,KAAY,EAAE,EAAE;IACpE,MAAM,EACJ,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,MAAM,OAAO,GAAG,UAAU,CAAC,cAAc,EAAE,sBAAsB,IAAI,EAAE,EAAE,SAAS,CAAC,CAAC;IACpF,MAAM,WAAW,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IAEvC,OAAO,CACL,oBAAC,IAAI,oBAAM,IAAI,IACX,qBAAqB,EAAC,QAAQ,EAC9B,SAAS,EAAG,OAAO,EACnB,SAAS,EAAC,YAAY,EACtB,GAAG,EAAC,IAAI,EACR,OAAO,EAAC,IAAI;QACZ,CAAC,IAAI,IAAI,WAAW,IAAI,IAAI,KAAK,UAAU,CAAC,IAAI,CAChD,oBAAC,IAAI,QACD,IAAI,KAAK,UAAU;YACnB,CAAC,CAAC,oBAAC,eAAe,OAAG;YACrB,CAAC,CAAC,oBAAC,IAAI,IAAC,IAAI,EAAG,IAAI,IAAI,WAAW,GAAK,CACpC,CACR;QAED,oBAAC,IAAI,IAAC,IAAI,QAAC,MAAM,UACb,QAAQ,CACL;QAEL,QAAQ,IAAI,CACZ,oBAAC,IAAI;YACH,oBAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAG,QAAQ;gBAChC,oBAAC,IAAI,IAAC,IAAI,EAAC,YAAY,GAAG,CACrB,CACF,CACR,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/esn/tsconfig.tsbuildinfo

@@ -606,8 +606,8 @@
         "signature": "1eda67cd981ff47b8e514a2c830d360cd41585caaa98d31db559e7684c2cdf4e"
       },
       "/bitrise/src/src/Icon/tsx/IconsPencil.tsx": {
-        "version": "4b50c769bb90ec7440b3af5849ebe1be3f904cec4fbccba018cf24c59d2f21ad",
-        "signature": "49c16cbf6dad92818cb1c508b150ef08779d3fd32513322630e1231b45a7d74c"
+        "version": "eaaecd6c4dab58fa2b61e1d091307adc98e495be7bb06fc89b9cb5a93945dcc6",
+        "signature": "026fbad9dd23bcdefb294fa0d6f6656c832959d1b0e763c3469f05728c6933fe"
       },
       "/bitrise/src/src/Icon/tsx/IconsPercent.tsx": {
         "version": "9e1fb0530d36dd49b12b92a204046888c3e57ac3d50ed66658af7b1a48861ffa",
@@ -921,8 +921,8 @@
         "signature": "451036154ad4a66eeaba320b67a25ef795b374f6f78ddd52783bff751bb4410a"
       },
       "/bitrise/src/src/Badge/Badge.tsx": {
-        "version": "fd77c099aab5c07a9725f527239a7623c75ab2346ee2779971b322d0025a900e",
-        "signature": "feeee6b8478bd4a90c1698e584e183d90d3772217dbcd1e6ecfc26dcd15b1d3a"
+        "version": "1e488c831ec025faa2ed7499f39f1ccc9da790da409b0eaa73b1c2a12e8ba76a",
+        "signature": "e443ae204af02f76bc74e7a33726d02ee32689ac7448fc817ca3323016844d87"
       },
       "/bitrise/src/src/Link/Link.tsx": {
         "version": "e9fb38ad92784d377fc73a4762781d972933fb44bed63322c5da96052cdda8d1",
@@ -1209,8 +1209,8 @@
         "signature": "9cea78a0c39a25855e10d1080553443aa26ab674cc87a0335198f167c8c5908e"
       },
       "/bitrise/src/src/Notification/Notification.tsx": {
-        "version": "cf1d21d33a8fa3980445b2891a147f80f9ce16afdab9c71325a963d618a3d803",
-        "signature": "9f27da3503a4913062242c8d60e1f7bb921f684f72eb801af95c33d55bc4a239"
+        "version": "94078357877aca215f099455bc00836a12ab31b70f24b2da60122301f2156c3f",
+        "signature": "f1e1c7937d162a2076aab174e2fa3b6e922e0973abcc110bea1db07334b794ed"
       },
       "/bitrise/src/src/Progress/ProgressButtonContent.tsx": {
         "version": "f691d44cfce3dd08e02e4c4bb2ec697605c7869c873f4e46061102acdb861fdb",
@@ -3098,6 +3098,7 @@
       ],
       "/bitrise/src/src/Badge/Badge.tsx": [
         "/bitrise/src/node_modules/@types/react/index.d.ts",
+        "/bitrise/src/node_modules/@types/classnames/index.d.ts",
         "/bitrise/src/src/Text/Text.tsx",
         "/bitrise/src/node_modules/@types/node/util.d.ts",
         "/bitrise/src/node_modules/@types/node/ts3.2/util.d.ts"

package/package.json

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

package/src/Badge/Badge.tsx

@@ -1,19 +1,22 @@
 import * as React from 'react';
+import classnames from 'classnames';
 import Text, { Props as TextProps } from '../Text/Text';
 import './Badge.css';
 
-export interface Props extends TextProps {}
+export interface Props extends TextProps {
+  uppercase?: boolean;
+}
 
 /**
  * A badge component, useful to provide context and highlight something
  * important to a user.
  */
-const Badge: React.FunctionComponent<Props> = (props: Props) => {
+const Badge: React.FunctionComponent<Props> = ({ uppercase = true, className, ...rest }: Props) => {
   return (
-    <Text { ...props }
-        className="Badge"
+    <Text { ...rest }
+        className={ classnames('Badge', className) }
         size="1"
-        uppercase />
+        uppercase={ uppercase } />
   );
 };
 

package/src/Icon/tsx/IconsPencil.tsx

@@ -1,10 +1,16 @@
 import * as React from "react";
 export default (props: React.SVGProps<SVGSVGElement>) => (
-  <svg {...props} viewBox="0 0 24 24">
+  <svg {...props} viewBox="0 0 20 20">
     <path
+      d="M2 18L18 18L18 8H20L20 18C20 19.1046 19.1046 20 18 20L2 20C0.895432 20 0 19.1046 0 18V2C0 0.895432 0.895431 0 2 0H12V2L2 2L2 18Z"
       fill="currentColor"
-      fillRule="evenodd"
-      d="M8.8 15.362l.7.69L18 7.665l-.7-.69-8.5 8.388zm-2.8 0l9.9-9.77c.8-.79 2-.79 2.8 0l.7.69c.8.79.8 1.975 0 2.764l-9.9 9.77L6 15.362zM5 20v-2.96L8 20H5z"
     />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M14.9 1.59211L5 11.3618L8.5 14.8158L18.4 5.04605C19.2 4.25658 19.2 3.07237 18.4 2.2829L17.7 1.59211C16.9 0.802633 15.7 0.802633 14.9 1.59211ZM8.5 12.0526L7.8 11.3618L16.3 2.97369L17 3.66447L8.5 12.0526Z"
+      fill="currentColor"
+    />
+    <path d="M4 13.0395V16H7L4 13.0395Z" fill="currentColor" />
   </svg>
 );

package/src/Notification/Notification.tsx

@@ -50,10 +50,11 @@ const Notification: React.FunctionComponent<Props> = (props: Props) => {
     onRemove,
     type,
     icon,
+    className,
     ...rest
   } = props;
 
-  const classes = classnames('Notification', `Notification--type-${type}`);
+  const classes = classnames('Notification', `Notification--type-${type}`, className);
   const defaultIcon = defaultIcons[type];
 
   return (