@bitrise/bitkit 9.4.0 → 9.4.1-alpha.1

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 (203) hide show
  1. package/.eslintrc.js +9 -2
  2. package/.storybook/main.js +35 -0
  3. package/.storybook/preview.js +20 -0
  4. package/.stylelintignore +1 -0
  5. package/.stylelintrc +2 -3
  6. package/CHANGELOG.md +2 -0
  7. package/jest.setup.js +1 -1
  8. package/lib/cjs/Dropdown/DropdownMenu.css +1 -1
  9. package/lib/cjs/chakra/BitkitProvider.d.ts +5 -0
  10. package/lib/cjs/chakra/BitkitProvider.d.ts.map +1 -0
  11. package/lib/cjs/chakra/BitkitProvider.js +14 -0
  12. package/lib/cjs/chakra/BitkitProvider.js.map +1 -0
  13. package/lib/cjs/chakra/components/Button/Button.d.ts +22 -0
  14. package/lib/cjs/chakra/components/Button/Button.d.ts.map +1 -0
  15. package/lib/cjs/chakra/components/Button/Button.js +61 -0
  16. package/lib/cjs/chakra/components/Button/Button.js.map +1 -0
  17. package/lib/cjs/chakra/components/Button/Button.stories.d.ts +6 -0
  18. package/lib/cjs/chakra/components/Button/Button.stories.d.ts.map +1 -0
  19. package/lib/cjs/chakra/components/Button/Button.stories.js +37 -0
  20. package/lib/cjs/chakra/components/Button/Button.stories.js.map +1 -0
  21. package/lib/cjs/chakra/components/Button/Button.theme.d.ts +117 -0
  22. package/lib/cjs/chakra/components/Button/Button.theme.d.ts.map +1 -0
  23. package/lib/cjs/chakra/components/Button/Button.theme.js +119 -0
  24. package/lib/cjs/chakra/components/Button/Button.theme.js.map +1 -0
  25. package/lib/cjs/chakra/components/IconButton/IconButton.d.ts +14 -0
  26. package/lib/cjs/chakra/components/IconButton/IconButton.d.ts.map +1 -0
  27. package/lib/cjs/chakra/components/IconButton/IconButton.js +41 -0
  28. package/lib/cjs/chakra/components/IconButton/IconButton.js.map +1 -0
  29. package/lib/cjs/chakra/components/IconButton/IconButton.stories.d.ts +6 -0
  30. package/lib/cjs/chakra/components/IconButton/IconButton.stories.d.ts.map +1 -0
  31. package/lib/cjs/chakra/components/IconButton/IconButton.stories.js +48 -0
  32. package/lib/cjs/chakra/components/IconButton/IconButton.stories.js.map +1 -0
  33. package/lib/cjs/chakra/components/Link/Link.d.ts +16 -0
  34. package/lib/cjs/chakra/components/Link/Link.d.ts.map +1 -0
  35. package/lib/cjs/chakra/components/Link/Link.js +44 -0
  36. package/lib/cjs/chakra/components/Link/Link.js.map +1 -0
  37. package/lib/cjs/chakra/components/Link/Link.stories.d.ts +12 -0
  38. package/lib/cjs/chakra/components/Link/Link.stories.d.ts.map +1 -0
  39. package/lib/cjs/chakra/components/Link/Link.stories.js +42 -0
  40. package/lib/cjs/chakra/components/Link/Link.stories.js.map +1 -0
  41. package/lib/cjs/chakra/components/Menu/Menu.d.ts +6 -0
  42. package/lib/cjs/chakra/components/Menu/Menu.d.ts.map +1 -0
  43. package/lib/cjs/chakra/components/Menu/Menu.js +21 -0
  44. package/lib/cjs/chakra/components/Menu/Menu.js.map +1 -0
  45. package/lib/cjs/chakra/components/Menu/Menu.stories.d.ts +9 -0
  46. package/lib/cjs/chakra/components/Menu/Menu.stories.d.ts.map +1 -0
  47. package/lib/cjs/chakra/components/Menu/Menu.stories.js +48 -0
  48. package/lib/cjs/chakra/components/Menu/Menu.stories.js.map +1 -0
  49. package/lib/cjs/chakra/components/Menu/Menu.theme.d.ts +4 -0
  50. package/lib/cjs/chakra/components/Menu/Menu.theme.d.ts.map +1 -0
  51. package/lib/cjs/chakra/components/Menu/Menu.theme.js +23 -0
  52. package/lib/cjs/chakra/components/Menu/Menu.theme.js.map +1 -0
  53. package/lib/cjs/chakra/components/Menu/MenuItem.d.ts +10 -0
  54. package/lib/cjs/chakra/components/Menu/MenuItem.d.ts.map +1 -0
  55. package/lib/cjs/chakra/components/Menu/MenuItem.js +39 -0
  56. package/lib/cjs/chakra/components/Menu/MenuItem.js.map +1 -0
  57. package/lib/cjs/chakra/components/StatusTag/StatusTag.d.ts +16 -0
  58. package/lib/cjs/chakra/components/StatusTag/StatusTag.d.ts.map +1 -0
  59. package/lib/cjs/chakra/components/StatusTag/StatusTag.js +36 -0
  60. package/lib/cjs/chakra/components/StatusTag/StatusTag.js.map +1 -0
  61. package/lib/cjs/chakra/components/StatusTag/StatusTag.stories.d.ts +13 -0
  62. package/lib/cjs/chakra/components/StatusTag/StatusTag.stories.d.ts.map +1 -0
  63. package/lib/cjs/chakra/components/StatusTag/StatusTag.stories.js +44 -0
  64. package/lib/cjs/chakra/components/StatusTag/StatusTag.stories.js.map +1 -0
  65. package/lib/cjs/chakra/components/StatusTag/StatusTag.theme.d.ts +45 -0
  66. package/lib/cjs/chakra/components/StatusTag/StatusTag.theme.d.ts.map +1 -0
  67. package/lib/cjs/chakra/components/StatusTag/StatusTag.theme.js +47 -0
  68. package/lib/cjs/chakra/components/StatusTag/StatusTag.theme.js.map +1 -0
  69. package/lib/cjs/chakra/components/Text/Text.d.ts +32 -0
  70. package/lib/cjs/chakra/components/Text/Text.d.ts.map +1 -0
  71. package/lib/cjs/chakra/components/Text/Text.js +38 -0
  72. package/lib/cjs/chakra/components/Text/Text.js.map +1 -0
  73. package/lib/cjs/chakra/components/Text/Text.stories.d.ts +12 -0
  74. package/lib/cjs/chakra/components/Text/Text.stories.d.ts.map +1 -0
  75. package/lib/cjs/chakra/components/Text/Text.stories.js +42 -0
  76. package/lib/cjs/chakra/components/Text/Text.stories.js.map +1 -0
  77. package/lib/cjs/chakra/shared.d.ts +2 -0
  78. package/lib/cjs/chakra/shared.d.ts.map +1 -0
  79. package/lib/cjs/chakra/shared.js +15 -0
  80. package/lib/cjs/chakra/shared.js.map +1 -0
  81. package/lib/cjs/chakra/theme/theme.d.ts +3 -0
  82. package/lib/cjs/chakra/theme/theme.d.ts.map +1 -0
  83. package/lib/cjs/chakra/theme/theme.js +54 -0
  84. package/lib/cjs/chakra/theme/theme.js.map +1 -0
  85. package/lib/cjs/chakra/theme/typographyConfig.d.ts +4 -0
  86. package/lib/cjs/chakra/theme/typographyConfig.d.ts.map +1 -0
  87. package/lib/cjs/chakra/theme/typographyConfig.js +38 -0
  88. package/lib/cjs/chakra/theme/typographyConfig.js.map +1 -0
  89. package/lib/cjs/index.d.ts +9 -0
  90. package/lib/cjs/index.d.ts.map +1 -1
  91. package/lib/cjs/index.js +20 -1
  92. package/lib/cjs/index.js.map +1 -1
  93. package/lib/cjs/tsconfig.tsbuildinfo +1 -1
  94. package/lib/esn/Dropdown/DropdownMenu.css +1 -1
  95. package/lib/esn/chakra/BitkitProvider.d.ts +5 -0
  96. package/lib/esn/chakra/BitkitProvider.d.ts.map +1 -0
  97. package/lib/esn/chakra/BitkitProvider.js +8 -0
  98. package/lib/esn/chakra/BitkitProvider.js.map +1 -0
  99. package/lib/esn/chakra/components/Button/Button.d.ts +22 -0
  100. package/lib/esn/chakra/components/Button/Button.d.ts.map +1 -0
  101. package/lib/esn/chakra/components/Button/Button.js +34 -0
  102. package/lib/esn/chakra/components/Button/Button.js.map +1 -0
  103. package/lib/esn/chakra/components/Button/Button.stories.d.ts +6 -0
  104. package/lib/esn/chakra/components/Button/Button.stories.d.ts.map +1 -0
  105. package/lib/esn/chakra/components/Button/Button.stories.js +29 -0
  106. package/lib/esn/chakra/components/Button/Button.stories.js.map +1 -0
  107. package/lib/esn/chakra/components/Button/Button.theme.d.ts +117 -0
  108. package/lib/esn/chakra/components/Button/Button.theme.d.ts.map +1 -0
  109. package/lib/esn/chakra/components/Button/Button.theme.js +117 -0
  110. package/lib/esn/chakra/components/Button/Button.theme.js.map +1 -0
  111. package/lib/esn/chakra/components/IconButton/IconButton.d.ts +14 -0
  112. package/lib/esn/chakra/components/IconButton/IconButton.d.ts.map +1 -0
  113. package/lib/esn/chakra/components/IconButton/IconButton.js +18 -0
  114. package/lib/esn/chakra/components/IconButton/IconButton.js.map +1 -0
  115. package/lib/esn/chakra/components/IconButton/IconButton.stories.d.ts +6 -0
  116. package/lib/esn/chakra/components/IconButton/IconButton.stories.d.ts.map +1 -0
  117. package/lib/esn/chakra/components/IconButton/IconButton.stories.js +21 -0
  118. package/lib/esn/chakra/components/IconButton/IconButton.stories.js.map +1 -0
  119. package/lib/esn/chakra/components/Link/Link.d.ts +16 -0
  120. package/lib/esn/chakra/components/Link/Link.d.ts.map +1 -0
  121. package/lib/esn/chakra/components/Link/Link.js +17 -0
  122. package/lib/esn/chakra/components/Link/Link.js.map +1 -0
  123. package/lib/esn/chakra/components/Link/Link.stories.d.ts +12 -0
  124. package/lib/esn/chakra/components/Link/Link.stories.d.ts.map +1 -0
  125. package/lib/esn/chakra/components/Link/Link.stories.js +16 -0
  126. package/lib/esn/chakra/components/Link/Link.stories.js.map +1 -0
  127. package/lib/esn/chakra/components/Menu/Menu.d.ts +6 -0
  128. package/lib/esn/chakra/components/Menu/Menu.d.ts.map +1 -0
  129. package/lib/esn/chakra/components/Menu/Menu.js +5 -0
  130. package/lib/esn/chakra/components/Menu/Menu.js.map +1 -0
  131. package/lib/esn/chakra/components/Menu/Menu.stories.d.ts +9 -0
  132. package/lib/esn/chakra/components/Menu/Menu.stories.d.ts.map +1 -0
  133. package/lib/esn/chakra/components/Menu/Menu.stories.js +39 -0
  134. package/lib/esn/chakra/components/Menu/Menu.stories.js.map +1 -0
  135. package/lib/esn/chakra/components/Menu/Menu.theme.d.ts +4 -0
  136. package/lib/esn/chakra/components/Menu/Menu.theme.d.ts.map +1 -0
  137. package/lib/esn/chakra/components/Menu/Menu.theme.js +21 -0
  138. package/lib/esn/chakra/components/Menu/Menu.theme.js.map +1 -0
  139. package/lib/esn/chakra/components/Menu/MenuItem.d.ts +10 -0
  140. package/lib/esn/chakra/components/Menu/MenuItem.d.ts.map +1 -0
  141. package/lib/esn/chakra/components/Menu/MenuItem.js +12 -0
  142. package/lib/esn/chakra/components/Menu/MenuItem.js.map +1 -0
  143. package/lib/esn/chakra/components/StatusTag/StatusTag.d.ts +16 -0
  144. package/lib/esn/chakra/components/StatusTag/StatusTag.d.ts.map +1 -0
  145. package/lib/esn/chakra/components/StatusTag/StatusTag.js +30 -0
  146. package/lib/esn/chakra/components/StatusTag/StatusTag.js.map +1 -0
  147. package/lib/esn/chakra/components/StatusTag/StatusTag.stories.d.ts +13 -0
  148. package/lib/esn/chakra/components/StatusTag/StatusTag.stories.d.ts.map +1 -0
  149. package/lib/esn/chakra/components/StatusTag/StatusTag.stories.js +16 -0
  150. package/lib/esn/chakra/components/StatusTag/StatusTag.stories.js.map +1 -0
  151. package/lib/esn/chakra/components/StatusTag/StatusTag.theme.d.ts +45 -0
  152. package/lib/esn/chakra/components/StatusTag/StatusTag.theme.d.ts.map +1 -0
  153. package/lib/esn/chakra/components/StatusTag/StatusTag.theme.js +45 -0
  154. package/lib/esn/chakra/components/StatusTag/StatusTag.theme.js.map +1 -0
  155. package/lib/esn/chakra/components/Text/Text.d.ts +32 -0
  156. package/lib/esn/chakra/components/Text/Text.d.ts.map +1 -0
  157. package/lib/esn/chakra/components/Text/Text.js +22 -0
  158. package/lib/esn/chakra/components/Text/Text.js.map +1 -0
  159. package/lib/esn/chakra/components/Text/Text.stories.d.ts +12 -0
  160. package/lib/esn/chakra/components/Text/Text.stories.d.ts.map +1 -0
  161. package/lib/esn/chakra/components/Text/Text.stories.js +19 -0
  162. package/lib/esn/chakra/components/Text/Text.stories.js.map +1 -0
  163. package/lib/esn/chakra/shared.d.ts +2 -0
  164. package/lib/esn/chakra/shared.d.ts.map +1 -0
  165. package/lib/esn/chakra/shared.js +11 -0
  166. package/lib/esn/chakra/shared.js.map +1 -0
  167. package/lib/esn/chakra/theme/theme.d.ts +3 -0
  168. package/lib/esn/chakra/theme/theme.d.ts.map +1 -0
  169. package/lib/esn/chakra/theme/theme.js +49 -0
  170. package/lib/esn/chakra/theme/theme.js.map +1 -0
  171. package/lib/esn/chakra/theme/typographyConfig.d.ts +4 -0
  172. package/lib/esn/chakra/theme/typographyConfig.d.ts.map +1 -0
  173. package/lib/esn/chakra/theme/typographyConfig.js +36 -0
  174. package/lib/esn/chakra/theme/typographyConfig.js.map +1 -0
  175. package/lib/esn/index.d.ts +9 -0
  176. package/lib/esn/index.d.ts.map +1 -1
  177. package/lib/esn/index.js +9 -0
  178. package/lib/esn/index.js.map +1 -1
  179. package/lib/esn/tsconfig.tsbuildinfo +1 -1
  180. package/package.json +44 -21
  181. package/src/Dropdown/DropdownMenu.css +1 -1
  182. package/src/chakra/BitkitProvider.tsx +9 -0
  183. package/src/chakra/components/Button/Button.stories.tsx +32 -0
  184. package/src/chakra/components/Button/Button.theme.ts +117 -0
  185. package/src/chakra/components/Button/Button.tsx +52 -0
  186. package/src/chakra/components/IconButton/IconButton.stories.tsx +24 -0
  187. package/src/chakra/components/IconButton/IconButton.tsx +29 -0
  188. package/src/chakra/components/Link/Link.stories.tsx +19 -0
  189. package/src/chakra/components/Link/Link.tsx +30 -0
  190. package/src/chakra/components/Menu/Menu.stories.tsx +57 -0
  191. package/src/chakra/components/Menu/Menu.theme.ts +23 -0
  192. package/src/chakra/components/Menu/Menu.tsx +8 -0
  193. package/src/chakra/components/Menu/MenuItem.tsx +19 -0
  194. package/src/chakra/components/StatusTag/StatusTag.stories.tsx +19 -0
  195. package/src/chakra/components/StatusTag/StatusTag.theme.ts +45 -0
  196. package/src/chakra/components/StatusTag/StatusTag.tsx +55 -0
  197. package/src/chakra/components/Text/Text.stories.tsx +22 -0
  198. package/src/chakra/components/Text/Text.tsx +73 -0
  199. package/src/chakra/shared.ts +11 -0
  200. package/src/chakra/theme/theme.ts +50 -0
  201. package/src/chakra/theme/typographyConfig.ts +38 -0
  202. package/src/index.ts +10 -0
  203. package/tsconfig.json +5 -2
@@ -0,0 +1,48 @@
1
+ "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
13
+ var __rest = (this && this.__rest) || function (s, e) {
14
+ var t = {};
15
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
16
+ t[p] = s[p];
17
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
18
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
19
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
20
+ t[p[i]] = s[p[i]];
21
+ }
22
+ return t;
23
+ };
24
+ var __importDefault = (this && this.__importDefault) || function (mod) {
25
+ return (mod && mod.__esModule) ? mod : { "default": mod };
26
+ };
27
+ Object.defineProperty(exports, "__esModule", { value: true });
28
+ exports.WithProps = void 0;
29
+ var react_1 = __importDefault(require("react"));
30
+ var shared_1 = require("../../shared");
31
+ var tsx_1 = require("../../../Icon/tsx");
32
+ var IconButton_1 = __importDefault(require("./IconButton"));
33
+ exports.default = {
34
+ title: 'Components/IconButton',
35
+ component: IconButton_1.default,
36
+ argTypes: {
37
+ iconName: {
38
+ options: tsx_1.IconList,
39
+ },
40
+ },
41
+ };
42
+ var Template = function (_a) {
43
+ var props = __rest(_a, []);
44
+ return react_1.default.createElement(IconButton_1.default, __assign({}, props));
45
+ };
46
+ exports.WithProps = Template.bind({});
47
+ exports.WithProps.args = (0, shared_1.sortObjectByKey)(__assign(__assign({}, IconButton_1.default.defaultProps), { iconName: 'AddOns', label: 'This is the label' }));
48
+ //# sourceMappingURL=IconButton.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"IconButton.stories.js","sourceRoot":"","sources":["../../../../../src/chakra/components/IconButton/IconButton.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,uCAA+C;AAC/C,yCAA6C;AAC7C,4DAAsC;AAEtC,kBAAe;IACb,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,oBAAU;IACrB,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,OAAO,EAAE,cAAQ;SAClB;KACF;CACkC,CAAC;AAEtC,IAAM,QAAQ,GAAsC,UAAC,EAAY;QAAP,KAAK,cAAV,EAAY,CAAF;IAAO,OAAA,8BAAC,oBAAU,eAAK,KAAK,EAAI,CAAA;CAAA,CAAC;AAEnF,QAAA,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,iBAAS,CAAC,IAAI,GAAG,IAAA,wBAAe,wBAC3B,oBAAU,CAAC,YAAY,KAC1B,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,mBAAmB,IAC1B,CAAC"}
@@ -0,0 +1,16 @@
1
+ /// <reference types="react" />
2
+ import { LinkProps } from '@chakra-ui/react';
3
+ export declare type TypeLinkColor = 'grape-3' | 'grape-5' | 'gray-1' | 'gray-5' | 'white' | 'inherit';
4
+ export interface Props {
5
+ children: LinkProps['children'];
6
+ color?: TypeLinkColor;
7
+ href: string;
8
+ isUnderlined?: boolean;
9
+ target?: '_blank' | '_parent' | '_self' | '_top';
10
+ }
11
+ declare const Link: {
12
+ (props: Props): JSX.Element;
13
+ defaultProps: Props;
14
+ };
15
+ export default Link;
16
+ //# sourceMappingURL=Link.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../../src/chakra/components/Link/Link.tsx"],"names":[],"mappings":";AACA,OAAO,EAAsB,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAEjE,oBAAY,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;AAE9F,MAAM,WAAW,KAAK;IACpB,QAAQ,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IAChC,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;CAClD;AAED,QAAA,MAAM,IAAI;YAAW,KAAK;;CASzB,CAAC;AAOF,eAAe,IAAI,CAAC"}
@@ -0,0 +1,44 @@
1
+ "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
13
+ var __rest = (this && this.__rest) || function (s, e) {
14
+ var t = {};
15
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
16
+ t[p] = s[p];
17
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
18
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
19
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
20
+ t[p[i]] = s[p[i]];
21
+ }
22
+ return t;
23
+ };
24
+ var __importDefault = (this && this.__importDefault) || function (mod) {
25
+ return (mod && mod.__esModule) ? mod : { "default": mod };
26
+ };
27
+ Object.defineProperty(exports, "__esModule", { value: true });
28
+ var react_1 = __importDefault(require("react"));
29
+ var react_2 = require("@chakra-ui/react");
30
+ var Link = function (props) {
31
+ var isUnderlined = props.isUnderlined, rest = __rest(props, ["isUnderlined"]);
32
+ var properties = __assign({}, rest);
33
+ properties.as = 'a';
34
+ if (isUnderlined) {
35
+ properties.textDecoration = 'underline';
36
+ }
37
+ return react_1.default.createElement(react_2.Link, __assign({}, properties));
38
+ };
39
+ Link.defaultProps = {
40
+ color: 'grape-3',
41
+ isUnderlined: true,
42
+ };
43
+ exports.default = Link;
44
+ //# sourceMappingURL=Link.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Link.js","sourceRoot":"","sources":["../../../../../src/chakra/components/Link/Link.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,0CAAiE;AAYjE,IAAM,IAAI,GAAG,UAAC,KAAY;IAChB,IAAA,YAAY,GAAc,KAAK,aAAnB,EAAK,IAAI,UAAK,KAAK,EAAjC,gBAAyB,CAAF,CAAW;IACxC,IAAM,UAAU,gBAAmB,IAAI,CAAE,CAAC;IAC1C,UAAU,CAAC,EAAE,GAAG,GAAG,CAAC;IACpB,IAAI,YAAY,EAAE;QAChB,UAAU,CAAC,cAAc,GAAG,WAAW,CAAC;KACzC;IAED,OAAO,8BAAC,YAAU,eAAK,UAAU,EAAI,CAAC;AACxC,CAAC,CAAC;AAEF,IAAI,CAAC,YAAY,GAAG;IAClB,KAAK,EAAE,SAAS;IAChB,YAAY,EAAE,IAAI;CACV,CAAC;AAEX,kBAAe,IAAI,CAAC"}
@@ -0,0 +1,12 @@
1
+ /// <reference types="react" />
2
+ import { ComponentStory, ComponentMeta } from '@storybook/react';
3
+ declare const _default: ComponentMeta<{
4
+ (props: import("./Link").Props): JSX.Element;
5
+ defaultProps: import("./Link").Props;
6
+ }>;
7
+ export default _default;
8
+ export declare const WithProps: ComponentStory<{
9
+ (props: import("./Link").Props): JSX.Element;
10
+ defaultProps: import("./Link").Props;
11
+ }>;
12
+ //# sourceMappingURL=Link.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Link.stories.d.ts","sourceRoot":"","sources":["../../../../../src/chakra/components/Link/Link.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;;;;;AAIjE,wBAGgC;AAIhC,eAAO,MAAM,SAAS;;;EAAoB,CAAC"}
@@ -0,0 +1,42 @@
1
+ "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
13
+ var __rest = (this && this.__rest) || function (s, e) {
14
+ var t = {};
15
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
16
+ t[p] = s[p];
17
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
18
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
19
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
20
+ t[p[i]] = s[p[i]];
21
+ }
22
+ return t;
23
+ };
24
+ var __importDefault = (this && this.__importDefault) || function (mod) {
25
+ return (mod && mod.__esModule) ? mod : { "default": mod };
26
+ };
27
+ Object.defineProperty(exports, "__esModule", { value: true });
28
+ exports.WithProps = void 0;
29
+ var react_1 = __importDefault(require("react"));
30
+ var shared_1 = require("../../shared");
31
+ var Link_1 = __importDefault(require("./Link"));
32
+ exports.default = {
33
+ title: 'Components/Link',
34
+ component: Link_1.default,
35
+ };
36
+ var Template = function (_a) {
37
+ var props = __rest(_a, []);
38
+ return react_1.default.createElement(Link_1.default, __assign({}, props));
39
+ };
40
+ exports.WithProps = Template.bind({});
41
+ exports.WithProps.args = (0, shared_1.sortObjectByKey)(__assign(__assign({}, Link_1.default.defaultProps), { children: 'The quick brown fox jumps over the lazy dog.', href: '#', target: '_self' }));
42
+ //# sourceMappingURL=Link.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Link.stories.js","sourceRoot":"","sources":["../../../../../src/chakra/components/Link/Link.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,uCAA+C;AAC/C,gDAA0B;AAE1B,kBAAe;IACb,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,cAAI;CACc,CAAC;AAEhC,IAAM,QAAQ,GAAgC,UAAC,EAAY;QAAP,KAAK,cAAV,EAAY,CAAF;IAAO,OAAA,8BAAC,cAAI,eAAK,KAAK,EAAI,CAAA;CAAA,CAAC;AAEvE,QAAA,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,iBAAS,CAAC,IAAI,GAAG,IAAA,wBAAe,wBAC3B,cAAI,CAAC,YAAY,KACpB,QAAQ,EAAE,8CAA8C,EACxD,IAAI,EAAE,GAAG,EACT,MAAM,EAAE,OAAO,IACf,CAAC"}
@@ -0,0 +1,6 @@
1
+ /// <reference types="react" />
2
+ import { MenuProps } from '@chakra-ui/react';
3
+ export declare type Props = MenuProps;
4
+ declare const Menu: (props: Props) => JSX.Element;
5
+ export default Menu;
6
+ //# sourceMappingURL=Menu.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../../src/chakra/components/Menu/Menu.tsx"],"names":[],"mappings":";AACA,OAAO,EAAsB,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAEjE,oBAAY,KAAK,GAAG,SAAS,CAAC;AAE9B,QAAA,MAAM,IAAI,UAAW,KAAK,gBAA8B,CAAC;AAEzD,eAAe,IAAI,CAAC"}
@@ -0,0 +1,21 @@
1
+ "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
13
+ var __importDefault = (this && this.__importDefault) || function (mod) {
14
+ return (mod && mod.__esModule) ? mod : { "default": mod };
15
+ };
16
+ Object.defineProperty(exports, "__esModule", { value: true });
17
+ var react_1 = __importDefault(require("react"));
18
+ var react_2 = require("@chakra-ui/react");
19
+ var Menu = function (props) { return react_1.default.createElement(react_2.Menu, __assign({}, props)); };
20
+ exports.default = Menu;
21
+ //# sourceMappingURL=Menu.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../../../src/chakra/components/Menu/Menu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,0CAAiE;AAIjE,IAAM,IAAI,GAAG,UAAC,KAAY,IAAK,OAAA,8BAAC,YAAU,eAAK,KAAK,EAAI,EAAzB,CAAyB,CAAC;AAEzD,kBAAe,IAAI,CAAC"}
@@ -0,0 +1,9 @@
1
+ /// <reference types="react" />
2
+ import { ComponentStory, ComponentMeta } from '@storybook/react';
3
+ import Menu from './Menu';
4
+ declare const _default: ComponentMeta<(props: import("@chakra-ui/react").MenuProps) => JSX.Element>;
5
+ export default _default;
6
+ export declare const WithButton: ComponentStory<typeof Menu>;
7
+ export declare const WithIconButton: ComponentStory<typeof Menu>;
8
+ export declare const WithButtonGroup: ComponentStory<typeof Menu>;
9
+ //# sourceMappingURL=Menu.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Menu.stories.d.ts","sourceRoot":"","sources":["../../../../../src/chakra/components/Menu/Menu.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAIjE,OAAO,IAAI,MAAM,QAAQ,CAAC;;AAG1B,wBAIgC;AAEhC,eAAO,MAAM,UAAU,EAAE,cAAc,CAAC,OAAO,IAAI,CAWlD,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,cAAc,CAAC,OAAO,IAAI,CAWtD,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,cAAc,CAAC,OAAO,IAAI,CAgBvD,CAAC"}
@@ -0,0 +1,48 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.WithButtonGroup = exports.WithIconButton = exports.WithButton = void 0;
7
+ var react_1 = __importDefault(require("react"));
8
+ var react_2 = require("@chakra-ui/react");
9
+ var Button_1 = __importDefault(require("../Button/Button"));
10
+ var IconButton_1 = __importDefault(require("../IconButton/IconButton"));
11
+ var Menu_1 = __importDefault(require("./Menu"));
12
+ var MenuItem_1 = __importDefault(require("./MenuItem"));
13
+ exports.default = {
14
+ title: 'Components/Menu',
15
+ component: Menu_1.default,
16
+ subcomponents: { MenuButton: react_2.MenuButton, MenuList: react_2.MenuList, MenuItem: MenuItem_1.default },
17
+ };
18
+ var WithButton = function () { return (react_1.default.createElement(Menu_1.default, null,
19
+ react_1.default.createElement(react_2.MenuButton, { as: Button_1.default }, "Actions"),
20
+ react_1.default.createElement(react_2.MenuList, null,
21
+ react_1.default.createElement(MenuItem_1.default, { iconName: "AddOnsColorTuorqouise" }, "Download"),
22
+ react_1.default.createElement(MenuItem_1.default, { iconName: "AddOnsColorTuorqouise" }, "Create a Copy"),
23
+ react_1.default.createElement(MenuItem_1.default, { iconName: "AddOnsColorTuorqouise" }, "Mark as Draft"),
24
+ react_1.default.createElement(MenuItem_1.default, { iconName: "AddOnsColorTuorqouise" }, "Delete"),
25
+ react_1.default.createElement(MenuItem_1.default, { iconName: "AddOnsColorTuorqouise" }, "Attend a Workshop")))); };
26
+ exports.WithButton = WithButton;
27
+ var WithIconButton = function () { return (react_1.default.createElement(Menu_1.default, null,
28
+ react_1.default.createElement(react_2.MenuButton, { as: IconButton_1.default, iconName: "AddOnsColorTuorqouise", label: "Open menu" }),
29
+ react_1.default.createElement(react_2.MenuList, null,
30
+ react_1.default.createElement(MenuItem_1.default, { iconName: "AddOnsColorTuorqouise" }, "Download"),
31
+ react_1.default.createElement(MenuItem_1.default, { iconName: "AddOnsColorTuorqouise" }, "Create a Copy"),
32
+ react_1.default.createElement(MenuItem_1.default, { iconName: "AddOnsColorTuorqouise" }, "Mark as Draft"),
33
+ react_1.default.createElement(MenuItem_1.default, { iconName: "AddOnsColorTuorqouise" }, "Delete"),
34
+ react_1.default.createElement(MenuItem_1.default, { iconName: "AddOnsColorTuorqouise" }, "Attend a Workshop")))); };
35
+ exports.WithIconButton = WithIconButton;
36
+ var WithButtonGroup = function () { return (react_1.default.createElement(react_2.HStack, { justifyContent: "end" },
37
+ react_1.default.createElement(react_2.ButtonGroup, { isAttached: true },
38
+ react_1.default.createElement(Button_1.default, null, "Button"),
39
+ react_1.default.createElement(Menu_1.default, null,
40
+ react_1.default.createElement(react_2.MenuButton, { as: IconButton_1.default, iconName: "AddOnsColorTuorqouise", label: "Open menu" }),
41
+ react_1.default.createElement(react_2.MenuList, null,
42
+ react_1.default.createElement(MenuItem_1.default, { iconName: "AddOnsColorTuorqouise" }, "Download"),
43
+ react_1.default.createElement(MenuItem_1.default, { iconName: "AddOnsColorTuorqouise" }, "Create a Copy"),
44
+ react_1.default.createElement(MenuItem_1.default, { iconName: "AddOnsColorTuorqouise" }, "Mark as Draft"),
45
+ react_1.default.createElement(MenuItem_1.default, { iconName: "AddOnsColorTuorqouise" }, "Delete"),
46
+ react_1.default.createElement(MenuItem_1.default, { iconName: "AddOnsColorTuorqouise" }, "Attend a Workshop")))))); };
47
+ exports.WithButtonGroup = WithButtonGroup;
48
+ //# sourceMappingURL=Menu.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Menu.stories.js","sourceRoot":"","sources":["../../../../../src/chakra/components/Menu/Menu.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAA0B;AAE1B,0CAA6E;AAC7E,4DAAsC;AACtC,wEAAkD;AAClD,gDAA0B;AAC1B,wDAAkC;AAElC,kBAAe;IACb,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,cAAI;IACf,aAAa,EAAE,EAAE,UAAU,oBAAA,EAAE,QAAQ,kBAAA,EAAE,QAAQ,oBAAA,EAAE;CACpB,CAAC;AAEzB,IAAM,UAAU,GAAgC,cAAM,OAAA,CAC3D,8BAAC,cAAI;IACH,8BAAC,kBAAU,IAAC,EAAE,EAAE,gBAAM,cAAsB;IAC5C,8BAAC,gBAAQ;QACP,8BAAC,kBAAQ,IAAC,QAAQ,EAAC,uBAAuB,eAAoB;QAC9D,8BAAC,kBAAQ,IAAC,QAAQ,EAAC,uBAAuB,oBAAyB;QACnE,8BAAC,kBAAQ,IAAC,QAAQ,EAAC,uBAAuB,oBAAyB;QACnE,8BAAC,kBAAQ,IAAC,QAAQ,EAAC,uBAAuB,aAAkB;QAC5D,8BAAC,kBAAQ,IAAC,QAAQ,EAAC,uBAAuB,wBAA6B,CAC9D,CACN,CACR,EAX4D,CAW5D,CAAC;AAXW,QAAA,UAAU,cAWrB;AAEK,IAAM,cAAc,GAAgC,cAAM,OAAA,CAC/D,8BAAC,cAAI;IACH,8BAAC,kBAAU,IAAC,EAAE,EAAE,oBAAU,EAAE,QAAQ,EAAC,uBAAuB,EAAC,KAAK,EAAC,WAAW,GAAG;IACjF,8BAAC,gBAAQ;QACP,8BAAC,kBAAQ,IAAC,QAAQ,EAAC,uBAAuB,eAAoB;QAC9D,8BAAC,kBAAQ,IAAC,QAAQ,EAAC,uBAAuB,oBAAyB;QACnE,8BAAC,kBAAQ,IAAC,QAAQ,EAAC,uBAAuB,oBAAyB;QACnE,8BAAC,kBAAQ,IAAC,QAAQ,EAAC,uBAAuB,aAAkB;QAC5D,8BAAC,kBAAQ,IAAC,QAAQ,EAAC,uBAAuB,wBAA6B,CAC9D,CACN,CACR,EAXgE,CAWhE,CAAC;AAXW,QAAA,cAAc,kBAWzB;AAEK,IAAM,eAAe,GAAgC,cAAM,OAAA,CAChE,8BAAC,cAAM,IAAC,cAAc,EAAC,KAAK;IAC1B,8BAAC,mBAAW,IAAC,UAAU;QACrB,8BAAC,gBAAM,iBAAgB;QACvB,8BAAC,cAAI;YACH,8BAAC,kBAAU,IAAC,EAAE,EAAE,oBAAU,EAAE,QAAQ,EAAC,uBAAuB,EAAC,KAAK,EAAC,WAAW,GAAG;YACjF,8BAAC,gBAAQ;gBACP,8BAAC,kBAAQ,IAAC,QAAQ,EAAC,uBAAuB,eAAoB;gBAC9D,8BAAC,kBAAQ,IAAC,QAAQ,EAAC,uBAAuB,oBAAyB;gBACnE,8BAAC,kBAAQ,IAAC,QAAQ,EAAC,uBAAuB,oBAAyB;gBACnE,8BAAC,kBAAQ,IAAC,QAAQ,EAAC,uBAAuB,aAAkB;gBAC5D,8BAAC,kBAAQ,IAAC,QAAQ,EAAC,uBAAuB,wBAA6B,CAC9D,CACN,CACK,CACP,CACV,EAhBiE,CAgBjE,CAAC;AAhBW,QAAA,eAAe,mBAgB1B"}
@@ -0,0 +1,4 @@
1
+ import type { SystemStyleObject } from '@chakra-ui/theme-tools';
2
+ declare const MenuTheme: SystemStyleObject;
3
+ export default MenuTheme;
4
+ //# sourceMappingURL=Menu.theme.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Menu.theme.d.ts","sourceRoot":"","sources":["../../../../../src/chakra/components/Menu/Menu.theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAEhE,QAAA,MAAM,SAAS,EAAE,iBAkBhB,CAAC;AAEF,eAAe,SAAS,CAAC"}
@@ -0,0 +1,23 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ var MenuTheme = {
4
+ baseStyle: {
5
+ list: {
6
+ backgroundColor: '#fff',
7
+ borderRadius: '8px',
8
+ filter: 'drop-shadow(0 0.125rem 0.3125rem rgba(199, 205, 207, 0.7))',
9
+ paddingY: '16px',
10
+ },
11
+ item: {
12
+ padding: '12px 32px',
13
+ _focus: {
14
+ backgroundColor: '#F8F0FF',
15
+ },
16
+ _hover: {
17
+ backgroundColor: '#F8F0FF',
18
+ },
19
+ },
20
+ },
21
+ };
22
+ exports.default = MenuTheme;
23
+ //# sourceMappingURL=Menu.theme.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Menu.theme.js","sourceRoot":"","sources":["../../../../../src/chakra/components/Menu/Menu.theme.ts"],"names":[],"mappings":";;AAEA,IAAM,SAAS,GAAsB;IACnC,SAAS,EAAE;QACT,IAAI,EAAE;YACJ,eAAe,EAAE,MAAM;YACvB,YAAY,EAAE,KAAK;YACnB,MAAM,EAAE,4DAA4D;YACpE,QAAQ,EAAE,MAAM;SACjB;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,WAAW;YACpB,MAAM,EAAE;gBACN,eAAe,EAAE,SAAS;aAC3B;YACD,MAAM,EAAE;gBACN,eAAe,EAAE,SAAS;aAC3B;SACF;KACF;CACF,CAAC;AAEF,kBAAe,SAAS,CAAC"}
@@ -0,0 +1,10 @@
1
+ import React from 'react';
2
+ import { TypeIconName } from '@bitrise/bitkit';
3
+ export declare type Props = {
4
+ children: string;
5
+ iconName: TypeIconName;
6
+ onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
7
+ };
8
+ declare const MenuItem: (props: Props) => JSX.Element;
9
+ export default MenuItem;
10
+ //# sourceMappingURL=MenuItem.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../../../src/chakra/components/Menu/MenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAQ,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAErD,oBAAY,KAAK,GAAG;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,YAAY,CAAC;IACvB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;CACxE,CAAC;AAEF,QAAA,MAAM,QAAQ,UAAW,KAAK,gBAM7B,CAAC;AAEF,eAAe,QAAQ,CAAC"}
@@ -0,0 +1,39 @@
1
+ "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
13
+ var __rest = (this && this.__rest) || function (s, e) {
14
+ var t = {};
15
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
16
+ t[p] = s[p];
17
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
18
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
19
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
20
+ t[p[i]] = s[p[i]];
21
+ }
22
+ return t;
23
+ };
24
+ var __importDefault = (this && this.__importDefault) || function (mod) {
25
+ return (mod && mod.__esModule) ? mod : { "default": mod };
26
+ };
27
+ Object.defineProperty(exports, "__esModule", { value: true });
28
+ var react_1 = __importDefault(require("react"));
29
+ var react_2 = require("@chakra-ui/react");
30
+ var bitkit_1 = require("@bitrise/bitkit");
31
+ var MenuItem = function (props) {
32
+ var iconName = props.iconName, rest = __rest(props, ["iconName"]);
33
+ var properties = __assign({}, rest);
34
+ properties.icon = react_1.default.createElement(bitkit_1.Icon, { name: iconName });
35
+ properties.iconSpacing = '16px';
36
+ return react_1.default.createElement(react_2.MenuItem, __assign({}, properties));
37
+ };
38
+ exports.default = MenuItem;
39
+ //# sourceMappingURL=MenuItem.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MenuItem.js","sourceRoot":"","sources":["../../../../../src/chakra/components/Menu/MenuItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,0CAA6E;AAC7E,0CAAqD;AAQrD,IAAM,QAAQ,GAAG,UAAC,KAAY;IACpB,IAAA,QAAQ,GAAc,KAAK,SAAnB,EAAK,IAAI,UAAK,KAAK,EAA7B,YAAqB,CAAF,CAAW;IACpC,IAAM,UAAU,gBAAuB,IAAI,CAAE,CAAC;IAC9C,UAAU,CAAC,IAAI,GAAG,8BAAC,aAAI,IAAC,IAAI,EAAE,QAAQ,GAAI,CAAC;IAC3C,UAAU,CAAC,WAAW,GAAG,MAAM,CAAC;IAChC,OAAO,8BAAC,gBAAc,eAAK,UAAU,EAAI,CAAC;AAC5C,CAAC,CAAC;AAEF,kBAAe,QAAQ,CAAC"}
@@ -0,0 +1,16 @@
1
+ /// <reference types="react" />
2
+ declare type IconName = 'BuildstatusAborted' | 'BuildstatusFailed' | 'BuildstatusLoadingAnimated' | 'BuildstatusNeverbuilt' | 'BuildstatusSuccessful';
3
+ declare type Variant = 'aborted' | 'failed' | 'onHold' | 'running' | 'starting' | 'success';
4
+ export interface Props {
5
+ children?: string;
6
+ iconName?: IconName;
7
+ size?: 'big' | 'normal' | 'small';
8
+ variant: Variant;
9
+ width?: '8.5rem' | 'auto';
10
+ }
11
+ declare const StatusTag: {
12
+ ({ children, iconName, size, variant, width }: Props): JSX.Element;
13
+ defaultProps: Props;
14
+ };
15
+ export default StatusTag;
16
+ //# sourceMappingURL=StatusTag.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"StatusTag.d.ts","sourceRoot":"","sources":["../../../../../src/chakra/components/StatusTag/StatusTag.tsx"],"names":[],"mappings":";AAKA,aAAK,QAAQ,GACT,oBAAoB,GACpB,mBAAmB,GACnB,4BAA4B,GAC5B,uBAAuB,GACvB,uBAAuB,CAAC;AAE5B,aAAK,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;AAEpF,MAAM,WAAW,KAAK;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,OAAO,CAAC;IAClC,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;CAC3B;AAiBD,QAAA,MAAM,SAAS;mDAAkD,KAAK;;CAUrE,CAAC;AAOF,eAAe,SAAS,CAAC"}
@@ -0,0 +1,36 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ var react_1 = __importDefault(require("react"));
7
+ var react_2 = require("@chakra-ui/react");
8
+ var bitkit_1 = require("@bitrise/bitkit");
9
+ var Text_1 = __importDefault(require("../Text/Text"));
10
+ var getIcon = function (variant, iconName) {
11
+ var iconMap = {
12
+ aborted: 'BuildstatusAborted',
13
+ failed: 'BuildstatusFailed',
14
+ onHold: 'BuildstatusAborted',
15
+ running: 'BuildstatusLoadingAnimated',
16
+ starting: 'BuildstatusLoadingAnimated',
17
+ success: 'BuildstatusSuccessful',
18
+ };
19
+ if (!iconName) {
20
+ return iconMap[variant];
21
+ }
22
+ return iconName;
23
+ };
24
+ var StatusTag = function (_a) {
25
+ var children = _a.children, iconName = _a.iconName, size = _a.size, variant = _a.variant, width = _a.width;
26
+ var styles = (0, react_2.useStyleConfig)('StatusTag', { size: size, variant: variant });
27
+ return (react_1.default.createElement(react_2.HStack, { alignItems: "center", sx: styles, width: width },
28
+ react_1.default.createElement(bitkit_1.Icon, { name: getIcon(variant, iconName) }),
29
+ react_1.default.createElement(Text_1.default, { fontWeight: "bold", size: "2", textTransform: "uppercase" }, children)));
30
+ };
31
+ StatusTag.defaultProps = {
32
+ size: 'normal',
33
+ width: '8.5rem',
34
+ };
35
+ exports.default = StatusTag;
36
+ //# sourceMappingURL=StatusTag.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"StatusTag.js","sourceRoot":"","sources":["../../../../../src/chakra/components/StatusTag/StatusTag.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAC1B,0CAA0D;AAC1D,0CAAuC;AACvC,sDAAgC;AAmBhC,IAAM,OAAO,GAAG,UAAC,OAAgB,EAAE,QAAmB;IACpD,IAAM,OAAO,GAAG;QACd,OAAO,EAAE,oBAAoB;QAC7B,MAAM,EAAE,mBAAmB;QAC3B,MAAM,EAAE,oBAAoB;QAC5B,OAAO,EAAE,4BAA4B;QACrC,QAAQ,EAAE,4BAA4B;QACtC,OAAO,EAAE,uBAAuB;KACjC,CAAC;IACF,IAAI,CAAC,QAAQ,EAAE;QACb,OAAO,OAAO,CAAC,OAAO,CAAa,CAAC;KACrC;IACD,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC;AAEF,IAAM,SAAS,GAAG,UAAC,EAAmD;QAAjD,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAE,IAAI,UAAA,EAAE,OAAO,aAAA,EAAE,KAAK,WAAA;IAC3D,IAAM,MAAM,GAAG,IAAA,sBAAc,EAAC,WAAW,EAAE,EAAE,IAAI,MAAA,EAAE,OAAO,SAAA,EAAE,CAAC,CAAC;IAC9D,OAAO,CACL,8BAAC,cAAM,IAAC,UAAU,EAAC,QAAQ,EAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK;QAClD,8BAAC,aAAI,IAAC,IAAI,EAAE,OAAO,CAAC,OAAO,EAAE,QAAQ,CAAC,GAAI;QAC1C,8BAAC,cAAI,IAAC,UAAU,EAAC,MAAM,EAAC,IAAI,EAAC,GAAG,EAAC,aAAa,EAAC,WAAW,IACvD,QAAQ,CACJ,CACA,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,CAAC,YAAY,GAAG;IACvB,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE,QAAQ;CACP,CAAC;AAEX,kBAAe,SAAS,CAAC"}
@@ -0,0 +1,13 @@
1
+ /// <reference types="react" />
2
+ import { ComponentStory, ComponentMeta } from '@storybook/react';
3
+ import { Props } from './StatusTag';
4
+ declare const _default: ComponentMeta<{
5
+ ({ children, iconName, size, variant, width }: Props): JSX.Element;
6
+ defaultProps: Props;
7
+ }>;
8
+ export default _default;
9
+ export declare const WithProps: ComponentStory<{
10
+ ({ children, iconName, size, variant, width }: Props): JSX.Element;
11
+ defaultProps: Props;
12
+ }>;
13
+ //# sourceMappingURL=StatusTag.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"StatusTag.stories.d.ts","sourceRoot":"","sources":["../../../../../src/chakra/components/StatusTag/StatusTag.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjE,OAAkB,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;;;;;AAE/C,wBAGqC;AAIrC,eAAO,MAAM,SAAS;;;EAAoB,CAAC"}
@@ -0,0 +1,44 @@
1
+ "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
13
+ var __rest = (this && this.__rest) || function (s, e) {
14
+ var t = {};
15
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
16
+ t[p] = s[p];
17
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
18
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
19
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
20
+ t[p[i]] = s[p[i]];
21
+ }
22
+ return t;
23
+ };
24
+ var __importDefault = (this && this.__importDefault) || function (mod) {
25
+ return (mod && mod.__esModule) ? mod : { "default": mod };
26
+ };
27
+ Object.defineProperty(exports, "__esModule", { value: true });
28
+ exports.WithProps = void 0;
29
+ var react_1 = __importDefault(require("react"));
30
+ var shared_1 = require("../../shared");
31
+ var StatusTag_1 = __importDefault(require("./StatusTag"));
32
+ exports.default = {
33
+ title: 'Components/StatusTag',
34
+ component: StatusTag_1.default,
35
+ };
36
+ var Template = function (_a) {
37
+ var props = __rest(_a, []);
38
+ return react_1.default.createElement(StatusTag_1.default, __assign({}, props));
39
+ };
40
+ exports.WithProps = Template.bind({});
41
+ exports.WithProps.args = (0, shared_1.sortObjectByKey)(__assign(__assign({}, StatusTag_1.default.defaultProps), { children: 'Running',
42
+ // iconName: 'BuildstatusLoadingAnimated',
43
+ variant: 'running' }));
44
+ //# sourceMappingURL=StatusTag.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"StatusTag.stories.js","sourceRoot":"","sources":["../../../../../src/chakra/components/StatusTag/StatusTag.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,uCAA+C;AAC/C,0DAA+C;AAE/C,kBAAe;IACb,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,mBAAS;CACc,CAAC;AAErC,IAAM,QAAQ,GAAqC,UAAC,EAAY;QAAP,KAAK,cAAV,EAAY,CAAF;IAAO,OAAA,8BAAC,mBAAS,eAAK,KAAK,EAAI,CAAA;CAAA,CAAC;AAEjF,QAAA,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,iBAAS,CAAC,IAAI,GAAG,IAAA,wBAAe,EAAC,sBAC5B,mBAAS,CAAC,YAAY,KACzB,QAAQ,EAAE,SAAS;IACnB,0CAA0C;IAC1C,OAAO,EAAE,SAAS,GACV,CAAC,CAAC"}
@@ -0,0 +1,45 @@
1
+ declare const StatusTagTheme: {
2
+ baseStyle: {
3
+ borderRadius: string;
4
+ paddingX: string;
5
+ };
6
+ sizes: {
7
+ small: {
8
+ paddingY: string;
9
+ };
10
+ normal: {
11
+ paddingY: string;
12
+ };
13
+ big: {
14
+ paddingY: string;
15
+ };
16
+ };
17
+ variants: {
18
+ aborted: {
19
+ backgroundColor: string;
20
+ color: string;
21
+ };
22
+ failed: {
23
+ backgroundColor: string;
24
+ color: string;
25
+ };
26
+ onHold: {
27
+ backgroundColor: string;
28
+ color: string;
29
+ };
30
+ running: {
31
+ backgroundColor: string;
32
+ color: string;
33
+ };
34
+ starting: {
35
+ backgroundColor: string;
36
+ color: string;
37
+ };
38
+ success: {
39
+ backgroundColor: string;
40
+ color: string;
41
+ };
42
+ };
43
+ };
44
+ export default StatusTagTheme;
45
+ //# sourceMappingURL=StatusTag.theme.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"StatusTag.theme.d.ts","sourceRoot":"","sources":["../../../../../src/chakra/components/StatusTag/StatusTag.theme.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0CnB,CAAC;AAEF,eAAe,cAAc,CAAC"}
@@ -0,0 +1,47 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ var StatusTagTheme = {
4
+ baseStyle: {
5
+ borderRadius: '4px',
6
+ paddingX: '8px',
7
+ },
8
+ sizes: {
9
+ small: {
10
+ paddingY: '4px',
11
+ },
12
+ normal: {
13
+ paddingY: '8px',
14
+ },
15
+ big: {
16
+ paddingY: '20px',
17
+ },
18
+ },
19
+ variants: {
20
+ aborted: {
21
+ backgroundColor: '#FFF6D1',
22
+ color: '#875B00',
23
+ },
24
+ failed: {
25
+ backgroundColor: '#FFF0F3',
26
+ color: '#A91E2E',
27
+ },
28
+ onHold: {
29
+ backgroundColor: '#F6F4F6',
30
+ color: '#6B6071',
31
+ },
32
+ running: {
33
+ backgroundColor: '#F9F2FD',
34
+ color: '#492F5C',
35
+ },
36
+ starting: {
37
+ backgroundColor: '#ECF8FD',
38
+ color: '#1066AC',
39
+ },
40
+ success: {
41
+ backgroundColor: '#EEF9F1',
42
+ color: '#167231',
43
+ },
44
+ },
45
+ };
46
+ exports.default = StatusTagTheme;
47
+ //# sourceMappingURL=StatusTag.theme.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"StatusTag.theme.js","sourceRoot":"","sources":["../../../../../src/chakra/components/StatusTag/StatusTag.theme.ts"],"names":[],"mappings":";;AAAA,IAAM,cAAc,GAAG;IACrB,SAAS,EAAE;QACT,YAAY,EAAE,KAAK;QACnB,QAAQ,EAAE,KAAK;KAChB;IACD,KAAK,EAAE;QACL,KAAK,EAAE;YACL,QAAQ,EAAE,KAAK;SAChB;QACD,MAAM,EAAE;YACN,QAAQ,EAAE,KAAK;SAChB;QACD,GAAG,EAAE;YACH,QAAQ,EAAE,MAAM;SACjB;KACF;IACD,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,eAAe,EAAE,SAAS;YAC1B,KAAK,EAAE,SAAS;SACjB;QACD,MAAM,EAAE;YACN,eAAe,EAAE,SAAS;YAC1B,KAAK,EAAE,SAAS;SACjB;QACD,MAAM,EAAE;YACN,eAAe,EAAE,SAAS;YAC1B,KAAK,EAAE,SAAS;SACjB;QACD,OAAO,EAAE;YACP,eAAe,EAAE,SAAS;YAC1B,KAAK,EAAE,SAAS;SACjB;QACD,QAAQ,EAAE;YACR,eAAe,EAAE,SAAS;YAC1B,KAAK,EAAE,SAAS;SACjB;QACD,OAAO,EAAE;YACP,eAAe,EAAE,SAAS;YAC1B,KAAK,EAAE,SAAS;SACjB;KACF;CACF,CAAC;AAEF,kBAAe,cAAc,CAAC"}