@bitrise/bitkit 9.1.2 → 9.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,3 +1,10 @@
1
+ ## [9.1.3](https://github.com/bitrise-io/bitkit/compare/v9.1.2...v9.1.3) (2022-02-21)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * **Card:** card background color prop respected ([cfb6c26](https://github.com/bitrise-io/bitkit/commit/cfb6c26))
7
+
1
8
  ## [9.1.2](https://github.com/bitrise-io/bitkit/compare/v9.1.1...v9.1.2) (2022-02-15)
2
9
 
3
10
 
@@ -1,6 +1,5 @@
1
1
  .Card {
2
2
  border: 0.0625rem solid var(--color-gray--2);
3
- background-color: var(--color-white);
4
3
  overflow: hidden;
5
4
  }
6
5
 
@@ -1 +1 @@
1
- {"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAa,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,YAAY,CAAC;AAEpB,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC;;;OAGG;IACH,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACvC;AAED;;;GAGG;AACH,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAYxC,CAAC;AAEF,eAAe,IAAI,CAAC"}
1
+ {"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAa,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,YAAY,CAAC;AAEpB,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC;;;OAGG;IACH,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACvC;AAED;;;GAGG;AACH,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAaxC,CAAC;AAEF,eAAe,IAAI,CAAC"}
@@ -42,11 +42,11 @@ require("./Card.css");
42
42
  */
43
43
  var Card = function (props) {
44
44
  var _a;
45
- var direction = props.direction, _b = props.borderRadius, borderRadius = _b === void 0 ? 'x2' : _b, rest = __rest(props, ["direction", "borderRadius"]);
45
+ var direction = props.direction, _b = props.borderRadius, borderRadius = _b === void 0 ? 'x2' : _b, _c = props.backgroundColor, backgroundColor = _c === void 0 ? 'white' : _c, rest = __rest(props, ["direction", "borderRadius", "backgroundColor"]);
46
46
  var classes = classnames_1.default('Card', (_a = {},
47
47
  _a["Card--direction-" + direction] = direction,
48
48
  _a));
49
- return (React.createElement(Flex_1.default, __assign({}, rest, { borderRadius: borderRadius, className: classes, direction: direction })));
49
+ return (React.createElement(Flex_1.default, __assign({}, rest, { backgroundColor: backgroundColor, borderRadius: borderRadius, className: classes, direction: direction })));
50
50
  };
51
51
  exports.default = Card;
52
52
  //# sourceMappingURL=Card.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/Card/Card.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0DAAoC;AACpC,sDAAwD;AACxD,sBAAoB;AAUpB;;;GAGG;AACH,IAAM,IAAI,GAAmC,UAAC,KAAY;;IAChD,IAAA,2BAAS,EAAE,uBAAmB,EAAnB,wCAAmB,EAAE,mDAAO,CAAW;IAC1D,IAAM,OAAO,GAAG,oBAAU,CAAC,MAAM;QAC/B,GAAC,qBAAmB,SAAW,IAAG,SAAS;YAC3C,CAAC;IAEH,OAAO,CACL,oBAAC,cAAI,eAAM,IAAI,IACX,YAAY,EAAG,YAAY,EAC3B,SAAS,EAAG,OAAO,EACnB,SAAS,EAAG,SAAS,IAAK,CAC/B,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,IAAI,CAAC"}
1
+ {"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/Card/Card.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0DAAoC;AACpC,sDAAwD;AACxD,sBAAoB;AAUpB;;;GAGG;AACH,IAAM,IAAI,GAAmC,UAAC,KAAY;;IAChD,IAAA,2BAAS,EAAE,uBAAmB,EAAnB,wCAAmB,EAAE,0BAAyB,EAAzB,8CAAyB,EAAE,sEAAO,CAAW;IACrF,IAAM,OAAO,GAAG,oBAAU,CAAC,MAAM;QAC/B,GAAC,qBAAmB,SAAW,IAAG,SAAS;YAC3C,CAAC;IAEH,OAAO,CACL,oBAAC,cAAI,eAAM,IAAI,IACX,eAAe,EAAG,eAAe,EACjC,YAAY,EAAG,YAAY,EAC3B,SAAS,EAAG,OAAO,EACnB,SAAS,EAAG,SAAS,IAAK,CAC/B,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,IAAI,CAAC"}
@@ -977,8 +977,8 @@
977
977
  "signature": "ced667fc36253e86e4a3c4950c2f64990cb21d2a520d5e529931ac2227d39dd9"
978
978
  },
979
979
  "/bitrise/src/src/Card/Card.tsx": {
980
- "version": "75b9c1128e03a46affa52d9d6dd4ad80caf19c2aa940bbda30baf9b3de337249",
981
- "signature": "8dc2abe6714ab698ee786c0f0d6ddc5dab85f5daef4e317dc3cacef56b7aff71"
980
+ "version": "4bf5e2e7f067a7b7ebf4685a4b85c38ab3e41d735407b14f3468248998f82665",
981
+ "signature": "b2a117f4ce964f6f6eb5ab21fca1c87bc15aaf31ae26c4f44cb50ad20a4ee2f0"
982
982
  },
983
983
  "/bitrise/src/src/Card/CardButton.tsx": {
984
984
  "version": "9f1350a21ad02193809f59ee48fa62da49dab202c89aa3798c97eedb7212c83c",
@@ -1,6 +1,5 @@
1
1
  .Card {
2
2
  border: 0.0625rem solid var(--color-gray--2);
3
- background-color: var(--color-white);
4
3
  overflow: hidden;
5
4
  }
6
5
 
@@ -1 +1 @@
1
- {"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAa,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,YAAY,CAAC;AAEpB,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC;;;OAGG;IACH,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACvC;AAED;;;GAGG;AACH,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAYxC,CAAC;AAEF,eAAe,IAAI,CAAC"}
1
+ {"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAa,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,YAAY,CAAC;AAEpB,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC;;;OAGG;IACH,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACvC;AAED;;;GAGG;AACH,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAaxC,CAAC;AAEF,eAAe,IAAI,CAAC"}
@@ -7,11 +7,11 @@ import './Card.css';
7
7
  * great for chunky lists.
8
8
  */
9
9
  const Card = (props) => {
10
- const { direction, borderRadius = 'x2', ...rest } = props;
10
+ const { direction, borderRadius = 'x2', backgroundColor = 'white', ...rest } = props;
11
11
  const classes = classnames('Card', {
12
12
  [`Card--direction-${direction}`]: direction,
13
13
  });
14
- return (React.createElement(Flex, Object.assign({}, rest, { borderRadius: borderRadius, className: classes, direction: direction })));
14
+ return (React.createElement(Flex, Object.assign({}, rest, { backgroundColor: backgroundColor, borderRadius: borderRadius, className: classes, direction: direction })));
15
15
  };
16
16
  export default Card;
17
17
  //# sourceMappingURL=Card.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/Card/Card.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,YAAY,CAAC;AAUpB;;;GAGG;AACH,MAAM,IAAI,GAAmC,CAAC,KAAY,EAAE,EAAE;IAC5D,MAAM,EAAE,SAAS,EAAE,YAAY,GAAG,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAC1D,MAAM,OAAO,GAAG,UAAU,CAAC,MAAM,EAAE;QACjC,CAAC,mBAAmB,SAAS,EAAE,CAAC,EAAE,SAAS;KAC5C,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,IAAI,oBAAM,IAAI,IACX,YAAY,EAAG,YAAY,EAC3B,SAAS,EAAG,OAAO,EACnB,SAAS,EAAG,SAAS,IAAK,CAC/B,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}
1
+ {"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/Card/Card.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,YAAY,CAAC;AAUpB;;;GAGG;AACH,MAAM,IAAI,GAAmC,CAAC,KAAY,EAAE,EAAE;IAC5D,MAAM,EAAE,SAAS,EAAE,YAAY,GAAG,IAAI,EAAE,eAAe,GAAG,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACrF,MAAM,OAAO,GAAG,UAAU,CAAC,MAAM,EAAE;QACjC,CAAC,mBAAmB,SAAS,EAAE,CAAC,EAAE,SAAS;KAC5C,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,IAAI,oBAAM,IAAI,IACX,eAAe,EAAG,eAAe,EACjC,YAAY,EAAG,YAAY,EAC3B,SAAS,EAAG,OAAO,EACnB,SAAS,EAAG,SAAS,IAAK,CAC/B,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}
@@ -1005,8 +1005,8 @@
1005
1005
  "signature": "ced667fc36253e86e4a3c4950c2f64990cb21d2a520d5e529931ac2227d39dd9"
1006
1006
  },
1007
1007
  "/bitrise/src/src/Card/Card.tsx": {
1008
- "version": "75b9c1128e03a46affa52d9d6dd4ad80caf19c2aa940bbda30baf9b3de337249",
1009
- "signature": "8dc2abe6714ab698ee786c0f0d6ddc5dab85f5daef4e317dc3cacef56b7aff71"
1008
+ "version": "4bf5e2e7f067a7b7ebf4685a4b85c38ab3e41d735407b14f3468248998f82665",
1009
+ "signature": "b2a117f4ce964f6f6eb5ab21fca1c87bc15aaf31ae26c4f44cb50ad20a4ee2f0"
1010
1010
  },
1011
1011
  "/bitrise/src/src/Card/CardButton.tsx": {
1012
1012
  "version": "9f1350a21ad02193809f59ee48fa62da49dab202c89aa3798c97eedb7212c83c",
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bitrise/bitkit",
3
3
  "description": "Bitrise React component library",
4
- "version": "9.1.2",
4
+ "version": "9.1.3",
5
5
  "repository": "git@github.com:bitrise-io/bitkit.git",
6
6
  "main": "lib/cjs/index.js",
7
7
  "esnext": "lib/esn/index.js",
package/src/Card/Card.css CHANGED
@@ -1,6 +1,5 @@
1
1
  .Card {
2
2
  border: 0.0625rem solid var(--color-gray--2);
3
- background-color: var(--color-white);
4
3
  overflow: hidden;
5
4
  }
6
5
 
package/src/Card/Card.tsx CHANGED
@@ -16,13 +16,14 @@ export interface Props extends FlexProps {
16
16
  * great for chunky lists.
17
17
  */
18
18
  const Card: React.FunctionComponent<Props> = (props: Props) => {
19
- const { direction, borderRadius = 'x2', ...rest } = props;
19
+ const { direction, borderRadius = 'x2', backgroundColor = 'white', ...rest } = props;
20
20
  const classes = classnames('Card', {
21
21
  [`Card--direction-${direction}`]: direction,
22
22
  });
23
23
 
24
24
  return (
25
25
  <Flex { ...rest }
26
+ backgroundColor={ backgroundColor }
26
27
  borderRadius={ borderRadius }
27
28
  className={ classes }
28
29
  direction={ direction } />