@bitrise/bitkit 8.4.0 → 8.5.0

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.
Files changed (12) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/lib/cjs/Dropdown/DropdownMenu.css +19 -0
  3. package/lib/cjs/Dropdown/DropdownMenuItemGroup.js +1 -1
  4. package/lib/cjs/Dropdown/DropdownMenuItemGroup.js.map +1 -1
  5. package/lib/cjs/tsconfig.tsbuildinfo +1 -1
  6. package/lib/esn/Dropdown/DropdownMenu.css +19 -0
  7. package/lib/esn/Dropdown/DropdownMenuItemGroup.js +1 -1
  8. package/lib/esn/Dropdown/DropdownMenuItemGroup.js.map +1 -1
  9. package/lib/esn/tsconfig.tsbuildinfo +1 -1
  10. package/package.json +1 -1
  11. package/src/Dropdown/DropdownMenu.css +12 -0
  12. package/src/Dropdown/DropdownMenuItemGroup.tsx +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,10 @@
1
+ # [8.5.0](https://github.com/bitrise-io/bitkit/compare/v8.4.0...v8.5.0) (2022-02-01)
2
+
3
+
4
+ ### Features
5
+
6
+ * **Dropdown:** update UI of option groups in dropdowns ([c01faa3](https://github.com/bitrise-io/bitkit/commit/c01faa3))
7
+
1
8
  # [8.4.0](https://github.com/bitrise-io/bitkit/compare/v8.3.1...v8.4.0) (2022-01-27)
2
9
 
3
10
 
package/lib/cjs/Dropdown/DropdownMenu.css CHANGED
@@ -5,7 +5,26 @@
5
5
  }
6
6
 
7
7
  .DropdownMenu__group-text {
8
+ display: -webkit-box;
9
+ display: -ms-flexbox;
10
+ display: flex;
11
+ -webkit-box-align: center;
12
+ -ms-flex-align: center;
13
+ align-items: center;
8
14
  padding: var(--size--x3) var(--size--x4);
15
+ text-transform: uppercase;
16
+ grid-gap: var(--size--x4);
17
+ gap: var(--size--x4);
18
+ }
19
+
20
+ .DropdownMenu__group-text::after {
21
+ content: '';
22
+ -webkit-box-flex: 1;
23
+ -ms-flex: 1;
24
+ flex: 1;
25
+ /* stylelint-disable-next-line unit-blacklist */
26
+ height: 1px;
27
+ background-color: var(--color-gray--3);
9
28
  }
10
29
 
11
30
  .DropdownMenu__item {
package/lib/cjs/Dropdown/DropdownMenuItemGroup.js CHANGED
@@ -39,7 +39,7 @@ var Text_1 = __importDefault(require("../Text/Text"));
39
39
  var DropdownMenuItemGroup = function (_a) {
40
40
  var text = _a.text, children = _a.children, className = _a.className, rest = __rest(_a, ["text", "children", "className"]);
41
41
  return (React.createElement(Flex_1.default, __assign({ className: classnames_1.default('DropdownMenu__group', className) }, rest),
42
- React.createElement(Text_1.default, { className: "DropdownMenu__group-text", textColor: "gray-6" }, text),
42
+ React.createElement(Text_1.default, { className: "DropdownMenu__group-text", size: "2", textColor: "gray-6" }, text),
43
43
  children));
44
44
  };
45
45
  exports.default = DropdownMenuItemGroup;
package/lib/cjs/Dropdown/DropdownMenuItemGroup.js.map CHANGED
@@ -1 +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"}
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,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,QAAQ,IAAG,IAAI,CAAS;QACpF,QAAQ,CACL,CACR,CAAA;CAAA,CAAC;AAEF,kBAAe,qBAAqB,CAAC"}
package/lib/cjs/tsconfig.tsbuildinfo CHANGED
@@ -1093,7 +1093,7 @@
1093
1093
  "signature": "ce8c8102493551eb661c8ff2d23650c24b657102fe4e443474ab8e2a4c56f753"
1094
1094
  },
1095
1095
  "/bitrise/src/src/Dropdown/DropdownMenuItemGroup.tsx": {
1096
- "version": "29a0e9a8a00d6985cd02005b70a96bceee0674d58fa241eb8fd1b9cf80bc675b",
1096
+ "version": "29254029757fd590adc062ca2bfabc0759723664e13083a1c54e268de7c7a3fd",
1097
1097
  "signature": "edf0618cc616e87d9666f689e9349387a24aa34d72f5c308bcd41ce85a62e535"
1098
1098
  },
1099
1099
  "/bitrise/src/src/Dropdown/Dropdown.tsx": {
package/lib/esn/Dropdown/DropdownMenu.css CHANGED
@@ -5,7 +5,26 @@
5
5
  }
6
6
 
7
7
  .DropdownMenu__group-text {
8
+ display: -webkit-box;
9
+ display: -ms-flexbox;
10
+ display: flex;
11
+ -webkit-box-align: center;
12
+ -ms-flex-align: center;
13
+ align-items: center;
8
14
  padding: var(--size--x3) var(--size--x4);
15
+ text-transform: uppercase;
16
+ grid-gap: var(--size--x4);
17
+ gap: var(--size--x4);
18
+ }
19
+
20
+ .DropdownMenu__group-text::after {
21
+ content: '';
22
+ -webkit-box-flex: 1;
23
+ -ms-flex: 1;
24
+ flex: 1;
25
+ /* stylelint-disable-next-line unit-blacklist */
26
+ height: 1px;
27
+ background-color: var(--color-gray--3);
9
28
  }
10
29
 
11
30
  .DropdownMenu__item {
package/lib/esn/Dropdown/DropdownMenuItemGroup.js CHANGED
@@ -3,7 +3,7 @@ import classnames from 'classnames';
3
3
  import Flex from '../Flex/Flex';
4
4
  import Text from '../Text/Text';
5
5
  const DropdownMenuItemGroup = ({ text, children, className, ...rest }) => (React.createElement(Flex, Object.assign({ className: classnames('DropdownMenu__group', className) }, rest),
6
- React.createElement(Text, { className: "DropdownMenu__group-text", textColor: "gray-6" }, text),
6
+ React.createElement(Text, { className: "DropdownMenu__group-text", size: "2", textColor: "gray-6" }, text),
7
7
  children));
8
8
  export default DropdownMenuItemGroup;
9
9
  //# sourceMappingURL=DropdownMenuItemGroup.js.map
package/lib/esn/Dropdown/DropdownMenuItemGroup.js.map CHANGED
@@ -1 +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"}
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,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,QAAQ,IAAG,IAAI,CAAS;IACpF,QAAQ,CACL,CACR,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
package/lib/esn/tsconfig.tsbuildinfo CHANGED
@@ -1121,7 +1121,7 @@
1121
1121
  "signature": "ce8c8102493551eb661c8ff2d23650c24b657102fe4e443474ab8e2a4c56f753"
1122
1122
  },
1123
1123
  "/bitrise/src/src/Dropdown/DropdownMenuItemGroup.tsx": {
1124
- "version": "29a0e9a8a00d6985cd02005b70a96bceee0674d58fa241eb8fd1b9cf80bc675b",
1124
+ "version": "29254029757fd590adc062ca2bfabc0759723664e13083a1c54e268de7c7a3fd",
1125
1125
  "signature": "edf0618cc616e87d9666f689e9349387a24aa34d72f5c308bcd41ce85a62e535"
1126
1126
  },
1127
1127
  "/bitrise/src/src/Dropdown/Dropdown.tsx": {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bitrise/bitkit",
3
3
  "description": "Bitrise React component library",
4
- "version": "8.4.0",
4
+ "version": "8.5.0",
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/Dropdown/DropdownMenu.css CHANGED
@@ -5,7 +5,19 @@
5
5
  }
6
6
 
7
7
  .DropdownMenu__group-text {
8
+ display: flex;
9
+ align-items: center;
8
10
  padding: var(--size--x3) var(--size--x4);
11
+ text-transform: uppercase;
12
+ gap: var(--size--x4);
13
+ }
14
+
15
+ .DropdownMenu__group-text::after {
16
+ content: '';
17
+ flex: 1;
18
+ /* stylelint-disable-next-line unit-blacklist */
19
+ height: 1px;
20
+ background-color: var(--color-gray--3);
9
21
  }
10
22
 
11
23
  .DropdownMenu__item {
package/src/Dropdown/DropdownMenuItemGroup.tsx CHANGED
@@ -14,7 +14,7 @@ const DropdownMenuItemGroup: React.FunctionComponent<Props> = ({
14
14
  ...rest
15
15
  }: Props) => (
16
16
  <Flex className={ classnames('DropdownMenu__group', className) } { ...rest }>
17
- <Text className="DropdownMenu__group-text" textColor="gray-6">{ text }</Text>
17
+ <Text className="DropdownMenu__group-text" size="2" textColor="gray-6">{ text }</Text>
18
18
  { children }
19
19
  </Flex>
20
20
  );