@bitrise/bitkit 9.3.1 → 9.4.1-alpha.2

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 (216) 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 +11 -0
  7. package/jest.setup.js +1 -1
  8. package/lib/cjs/Dropdown/DropdownMenu.css +1 -1
  9. package/lib/cjs/Toggle/Toggle.css +19 -0
  10. package/lib/cjs/Toggle/Toggle.d.ts +2 -0
  11. package/lib/cjs/Toggle/Toggle.d.ts.map +1 -1
  12. package/lib/cjs/Toggle/Toggle.js +8 -4
  13. package/lib/cjs/Toggle/Toggle.js.map +1 -1
  14. package/lib/cjs/chakra/BitkitProvider.d.ts +5 -0
  15. package/lib/cjs/chakra/BitkitProvider.d.ts.map +1 -0
  16. package/lib/cjs/chakra/BitkitProvider.js +14 -0
  17. package/lib/cjs/chakra/BitkitProvider.js.map +1 -0
  18. package/lib/cjs/chakra/components/Button/Button.d.ts +22 -0
  19. package/lib/cjs/chakra/components/Button/Button.d.ts.map +1 -0
  20. package/lib/cjs/chakra/components/Button/Button.js +61 -0
  21. package/lib/cjs/chakra/components/Button/Button.js.map +1 -0
  22. package/lib/cjs/chakra/components/Button/Button.stories.d.ts +6 -0
  23. package/lib/cjs/chakra/components/Button/Button.stories.d.ts.map +1 -0
  24. package/lib/cjs/chakra/components/Button/Button.stories.js +37 -0
  25. package/lib/cjs/chakra/components/Button/Button.stories.js.map +1 -0
  26. package/lib/cjs/chakra/components/Button/Button.theme.d.ts +117 -0
  27. package/lib/cjs/chakra/components/Button/Button.theme.d.ts.map +1 -0
  28. package/lib/cjs/chakra/components/Button/Button.theme.js +119 -0
  29. package/lib/cjs/chakra/components/Button/Button.theme.js.map +1 -0
  30. package/lib/cjs/chakra/components/IconButton/IconButton.d.ts +14 -0
  31. package/lib/cjs/chakra/components/IconButton/IconButton.d.ts.map +1 -0
  32. package/lib/cjs/chakra/components/IconButton/IconButton.js +41 -0
  33. package/lib/cjs/chakra/components/IconButton/IconButton.js.map +1 -0
  34. package/lib/cjs/chakra/components/IconButton/IconButton.stories.d.ts +6 -0
  35. package/lib/cjs/chakra/components/IconButton/IconButton.stories.d.ts.map +1 -0
  36. package/lib/cjs/chakra/components/IconButton/IconButton.stories.js +48 -0
  37. package/lib/cjs/chakra/components/IconButton/IconButton.stories.js.map +1 -0
  38. package/lib/cjs/chakra/components/Link/Link.d.ts +16 -0
  39. package/lib/cjs/chakra/components/Link/Link.d.ts.map +1 -0
  40. package/lib/cjs/chakra/components/Link/Link.js +44 -0
  41. package/lib/cjs/chakra/components/Link/Link.js.map +1 -0
  42. package/lib/cjs/chakra/components/Link/Link.stories.d.ts +12 -0
  43. package/lib/cjs/chakra/components/Link/Link.stories.d.ts.map +1 -0
  44. package/lib/cjs/chakra/components/Link/Link.stories.js +42 -0
  45. package/lib/cjs/chakra/components/Link/Link.stories.js.map +1 -0
  46. package/lib/cjs/chakra/components/Menu/Menu.d.ts +6 -0
  47. package/lib/cjs/chakra/components/Menu/Menu.d.ts.map +1 -0
  48. package/lib/cjs/chakra/components/Menu/Menu.js +21 -0
  49. package/lib/cjs/chakra/components/Menu/Menu.js.map +1 -0
  50. package/lib/cjs/chakra/components/Menu/Menu.stories.d.ts +9 -0
  51. package/lib/cjs/chakra/components/Menu/Menu.stories.d.ts.map +1 -0
  52. package/lib/cjs/chakra/components/Menu/Menu.stories.js +48 -0
  53. package/lib/cjs/chakra/components/Menu/Menu.stories.js.map +1 -0
  54. package/lib/cjs/chakra/components/Menu/Menu.theme.d.ts +4 -0
  55. package/lib/cjs/chakra/components/Menu/Menu.theme.d.ts.map +1 -0
  56. package/lib/cjs/chakra/components/Menu/Menu.theme.js +23 -0
  57. package/lib/cjs/chakra/components/Menu/Menu.theme.js.map +1 -0
  58. package/lib/cjs/chakra/components/Menu/MenuItem.d.ts +12 -0
  59. package/lib/cjs/chakra/components/Menu/MenuItem.d.ts.map +1 -0
  60. package/lib/cjs/chakra/components/Menu/MenuItem.js +39 -0
  61. package/lib/cjs/chakra/components/Menu/MenuItem.js.map +1 -0
  62. package/lib/cjs/chakra/components/StatusTag/StatusTag.d.ts +16 -0
  63. package/lib/cjs/chakra/components/StatusTag/StatusTag.d.ts.map +1 -0
  64. package/lib/cjs/chakra/components/StatusTag/StatusTag.js +36 -0
  65. package/lib/cjs/chakra/components/StatusTag/StatusTag.js.map +1 -0
  66. package/lib/cjs/chakra/components/StatusTag/StatusTag.stories.d.ts +13 -0
  67. package/lib/cjs/chakra/components/StatusTag/StatusTag.stories.d.ts.map +1 -0
  68. package/lib/cjs/chakra/components/StatusTag/StatusTag.stories.js +44 -0
  69. package/lib/cjs/chakra/components/StatusTag/StatusTag.stories.js.map +1 -0
  70. package/lib/cjs/chakra/components/StatusTag/StatusTag.theme.d.ts +45 -0
  71. package/lib/cjs/chakra/components/StatusTag/StatusTag.theme.d.ts.map +1 -0
  72. package/lib/cjs/chakra/components/StatusTag/StatusTag.theme.js +47 -0
  73. package/lib/cjs/chakra/components/StatusTag/StatusTag.theme.js.map +1 -0
  74. package/lib/cjs/chakra/components/Text/Text.d.ts +32 -0
  75. package/lib/cjs/chakra/components/Text/Text.d.ts.map +1 -0
  76. package/lib/cjs/chakra/components/Text/Text.js +38 -0
  77. package/lib/cjs/chakra/components/Text/Text.js.map +1 -0
  78. package/lib/cjs/chakra/components/Text/Text.stories.d.ts +12 -0
  79. package/lib/cjs/chakra/components/Text/Text.stories.d.ts.map +1 -0
  80. package/lib/cjs/chakra/components/Text/Text.stories.js +42 -0
  81. package/lib/cjs/chakra/components/Text/Text.stories.js.map +1 -0
  82. package/lib/cjs/chakra/shared.d.ts +2 -0
  83. package/lib/cjs/chakra/shared.d.ts.map +1 -0
  84. package/lib/cjs/chakra/shared.js +15 -0
  85. package/lib/cjs/chakra/shared.js.map +1 -0
  86. package/lib/cjs/chakra/theme/theme.d.ts +3 -0
  87. package/lib/cjs/chakra/theme/theme.d.ts.map +1 -0
  88. package/lib/cjs/chakra/theme/theme.js +54 -0
  89. package/lib/cjs/chakra/theme/theme.js.map +1 -0
  90. package/lib/cjs/chakra/theme/typographyConfig.d.ts +4 -0
  91. package/lib/cjs/chakra/theme/typographyConfig.d.ts.map +1 -0
  92. package/lib/cjs/chakra/theme/typographyConfig.js +38 -0
  93. package/lib/cjs/chakra/theme/typographyConfig.js.map +1 -0
  94. package/lib/cjs/index.d.ts +9 -0
  95. package/lib/cjs/index.d.ts.map +1 -1
  96. package/lib/cjs/index.js +20 -1
  97. package/lib/cjs/index.js.map +1 -1
  98. package/lib/cjs/tsconfig.tsbuildinfo +1 -1
  99. package/lib/esn/Dropdown/DropdownMenu.css +1 -1
  100. package/lib/esn/Toggle/Toggle.css +19 -0
  101. package/lib/esn/Toggle/Toggle.d.ts +2 -0
  102. package/lib/esn/Toggle/Toggle.d.ts.map +1 -1
  103. package/lib/esn/Toggle/Toggle.js +8 -4
  104. package/lib/esn/Toggle/Toggle.js.map +1 -1
  105. package/lib/esn/chakra/BitkitProvider.d.ts +5 -0
  106. package/lib/esn/chakra/BitkitProvider.d.ts.map +1 -0
  107. package/lib/esn/chakra/BitkitProvider.js +8 -0
  108. package/lib/esn/chakra/BitkitProvider.js.map +1 -0
  109. package/lib/esn/chakra/components/Button/Button.d.ts +22 -0
  110. package/lib/esn/chakra/components/Button/Button.d.ts.map +1 -0
  111. package/lib/esn/chakra/components/Button/Button.js +34 -0
  112. package/lib/esn/chakra/components/Button/Button.js.map +1 -0
  113. package/lib/esn/chakra/components/Button/Button.stories.d.ts +6 -0
  114. package/lib/esn/chakra/components/Button/Button.stories.d.ts.map +1 -0
  115. package/lib/esn/chakra/components/Button/Button.stories.js +29 -0
  116. package/lib/esn/chakra/components/Button/Button.stories.js.map +1 -0
  117. package/lib/esn/chakra/components/Button/Button.theme.d.ts +117 -0
  118. package/lib/esn/chakra/components/Button/Button.theme.d.ts.map +1 -0
  119. package/lib/esn/chakra/components/Button/Button.theme.js +117 -0
  120. package/lib/esn/chakra/components/Button/Button.theme.js.map +1 -0
  121. package/lib/esn/chakra/components/IconButton/IconButton.d.ts +14 -0
  122. package/lib/esn/chakra/components/IconButton/IconButton.d.ts.map +1 -0
  123. package/lib/esn/chakra/components/IconButton/IconButton.js +18 -0
  124. package/lib/esn/chakra/components/IconButton/IconButton.js.map +1 -0
  125. package/lib/esn/chakra/components/IconButton/IconButton.stories.d.ts +6 -0
  126. package/lib/esn/chakra/components/IconButton/IconButton.stories.d.ts.map +1 -0
  127. package/lib/esn/chakra/components/IconButton/IconButton.stories.js +21 -0
  128. package/lib/esn/chakra/components/IconButton/IconButton.stories.js.map +1 -0
  129. package/lib/esn/chakra/components/Link/Link.d.ts +16 -0
  130. package/lib/esn/chakra/components/Link/Link.d.ts.map +1 -0
  131. package/lib/esn/chakra/components/Link/Link.js +17 -0
  132. package/lib/esn/chakra/components/Link/Link.js.map +1 -0
  133. package/lib/esn/chakra/components/Link/Link.stories.d.ts +12 -0
  134. package/lib/esn/chakra/components/Link/Link.stories.d.ts.map +1 -0
  135. package/lib/esn/chakra/components/Link/Link.stories.js +16 -0
  136. package/lib/esn/chakra/components/Link/Link.stories.js.map +1 -0
  137. package/lib/esn/chakra/components/Menu/Menu.d.ts +6 -0
  138. package/lib/esn/chakra/components/Menu/Menu.d.ts.map +1 -0
  139. package/lib/esn/chakra/components/Menu/Menu.js +5 -0
  140. package/lib/esn/chakra/components/Menu/Menu.js.map +1 -0
  141. package/lib/esn/chakra/components/Menu/Menu.stories.d.ts +9 -0
  142. package/lib/esn/chakra/components/Menu/Menu.stories.d.ts.map +1 -0
  143. package/lib/esn/chakra/components/Menu/Menu.stories.js +39 -0
  144. package/lib/esn/chakra/components/Menu/Menu.stories.js.map +1 -0
  145. package/lib/esn/chakra/components/Menu/Menu.theme.d.ts +4 -0
  146. package/lib/esn/chakra/components/Menu/Menu.theme.d.ts.map +1 -0
  147. package/lib/esn/chakra/components/Menu/Menu.theme.js +21 -0
  148. package/lib/esn/chakra/components/Menu/Menu.theme.js.map +1 -0
  149. package/lib/esn/chakra/components/Menu/MenuItem.d.ts +12 -0
  150. package/lib/esn/chakra/components/Menu/MenuItem.d.ts.map +1 -0
  151. package/lib/esn/chakra/components/Menu/MenuItem.js +12 -0
  152. package/lib/esn/chakra/components/Menu/MenuItem.js.map +1 -0
  153. package/lib/esn/chakra/components/StatusTag/StatusTag.d.ts +16 -0
  154. package/lib/esn/chakra/components/StatusTag/StatusTag.d.ts.map +1 -0
  155. package/lib/esn/chakra/components/StatusTag/StatusTag.js +30 -0
  156. package/lib/esn/chakra/components/StatusTag/StatusTag.js.map +1 -0
  157. package/lib/esn/chakra/components/StatusTag/StatusTag.stories.d.ts +13 -0
  158. package/lib/esn/chakra/components/StatusTag/StatusTag.stories.d.ts.map +1 -0
  159. package/lib/esn/chakra/components/StatusTag/StatusTag.stories.js +16 -0
  160. package/lib/esn/chakra/components/StatusTag/StatusTag.stories.js.map +1 -0
  161. package/lib/esn/chakra/components/StatusTag/StatusTag.theme.d.ts +45 -0
  162. package/lib/esn/chakra/components/StatusTag/StatusTag.theme.d.ts.map +1 -0
  163. package/lib/esn/chakra/components/StatusTag/StatusTag.theme.js +45 -0
  164. package/lib/esn/chakra/components/StatusTag/StatusTag.theme.js.map +1 -0
  165. package/lib/esn/chakra/components/Text/Text.d.ts +32 -0
  166. package/lib/esn/chakra/components/Text/Text.d.ts.map +1 -0
  167. package/lib/esn/chakra/components/Text/Text.js +22 -0
  168. package/lib/esn/chakra/components/Text/Text.js.map +1 -0
  169. package/lib/esn/chakra/components/Text/Text.stories.d.ts +12 -0
  170. package/lib/esn/chakra/components/Text/Text.stories.d.ts.map +1 -0
  171. package/lib/esn/chakra/components/Text/Text.stories.js +19 -0
  172. package/lib/esn/chakra/components/Text/Text.stories.js.map +1 -0
  173. package/lib/esn/chakra/shared.d.ts +2 -0
  174. package/lib/esn/chakra/shared.d.ts.map +1 -0
  175. package/lib/esn/chakra/shared.js +11 -0
  176. package/lib/esn/chakra/shared.js.map +1 -0
  177. package/lib/esn/chakra/theme/theme.d.ts +3 -0
  178. package/lib/esn/chakra/theme/theme.d.ts.map +1 -0
  179. package/lib/esn/chakra/theme/theme.js +49 -0
  180. package/lib/esn/chakra/theme/theme.js.map +1 -0
  181. package/lib/esn/chakra/theme/typographyConfig.d.ts +4 -0
  182. package/lib/esn/chakra/theme/typographyConfig.d.ts.map +1 -0
  183. package/lib/esn/chakra/theme/typographyConfig.js +36 -0
  184. package/lib/esn/chakra/theme/typographyConfig.js.map +1 -0
  185. package/lib/esn/index.d.ts +9 -0
  186. package/lib/esn/index.d.ts.map +1 -1
  187. package/lib/esn/index.js +9 -0
  188. package/lib/esn/index.js.map +1 -1
  189. package/lib/esn/tsconfig.tsbuildinfo +1 -1
  190. package/package.json +44 -21
  191. package/site/components/Documentation/Components/SectionToggle.tsx +12 -0
  192. package/src/Dropdown/DropdownMenu.css +1 -1
  193. package/src/Toggle/Toggle.css +19 -0
  194. package/src/Toggle/Toggle.tsx +18 -3
  195. package/src/chakra/BitkitProvider.tsx +9 -0
  196. package/src/chakra/components/Button/Button.stories.tsx +32 -0
  197. package/src/chakra/components/Button/Button.theme.ts +117 -0
  198. package/src/chakra/components/Button/Button.tsx +52 -0
  199. package/src/chakra/components/IconButton/IconButton.stories.tsx +24 -0
  200. package/src/chakra/components/IconButton/IconButton.tsx +29 -0
  201. package/src/chakra/components/Link/Link.stories.tsx +19 -0
  202. package/src/chakra/components/Link/Link.tsx +30 -0
  203. package/src/chakra/components/Menu/Menu.stories.tsx +57 -0
  204. package/src/chakra/components/Menu/Menu.theme.ts +23 -0
  205. package/src/chakra/components/Menu/Menu.tsx +8 -0
  206. package/src/chakra/components/Menu/MenuItem.tsx +20 -0
  207. package/src/chakra/components/StatusTag/StatusTag.stories.tsx +19 -0
  208. package/src/chakra/components/StatusTag/StatusTag.theme.ts +45 -0
  209. package/src/chakra/components/StatusTag/StatusTag.tsx +55 -0
  210. package/src/chakra/components/Text/Text.stories.tsx +22 -0
  211. package/src/chakra/components/Text/Text.tsx +73 -0
  212. package/src/chakra/shared.ts +11 -0
  213. package/src/chakra/theme/theme.ts +50 -0
  214. package/src/chakra/theme/typographyConfig.ts +38 -0
  215. package/src/index.ts +10 -0
  216. package/tsconfig.json +5 -2
@@ -0,0 +1,16 @@
1
+ import React from 'react';
2
+ import { sortObjectByKey } from '../../shared';
3
+ import Link from './Link';
4
+ export default {
5
+ title: 'Components/Link',
6
+ component: Link,
7
+ };
8
+ const Template = ({ ...props }) => React.createElement(Link, { ...props });
9
+ export const WithProps = Template.bind({});
10
+ WithProps.args = sortObjectByKey({
11
+ ...Link.defaultProps,
12
+ children: 'The quick brown fox jumps over the lazy dog.',
13
+ href: '#',
14
+ target: '_self',
15
+ });
16
+ //# 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,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,IAAI,MAAM,QAAQ,CAAC;AAE1B,eAAe;IACb,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,IAAI;CACc,CAAC;AAEhC,MAAM,QAAQ,GAAgC,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,oBAAC,IAAI,OAAK,KAAK,GAAI,CAAC;AAEpF,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,SAAS,CAAC,IAAI,GAAG,eAAe,CAAC;IAC/B,GAAG,IAAI,CAAC,YAAY;IACpB,QAAQ,EAAE,8CAA8C;IACxD,IAAI,EAAE,GAAG;IACT,MAAM,EAAE,OAAO;CAChB,CAAC,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,5 @@
1
+ import React from 'react';
2
+ import { Menu as ChakraMenu } from '@chakra-ui/react';
3
+ const Menu = (props) => React.createElement(ChakraMenu, { ...props });
4
+ export default Menu;
5
+ //# sourceMappingURL=Menu.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../../../src/chakra/components/Menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,IAAI,UAAU,EAAa,MAAM,kBAAkB,CAAC;AAIjE,MAAM,IAAI,GAAG,CAAC,KAAY,EAAE,EAAE,CAAC,oBAAC,UAAU,OAAK,KAAK,GAAI,CAAC;AAEzD,eAAe,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,39 @@
1
+ import React from 'react';
2
+ import { ButtonGroup, HStack, MenuButton, MenuList } from '@chakra-ui/react';
3
+ import Button from '../Button/Button';
4
+ import IconButton from '../IconButton/IconButton';
5
+ import Menu from './Menu';
6
+ import MenuItem from './MenuItem';
7
+ export default {
8
+ title: 'Components/Menu',
9
+ component: Menu,
10
+ subcomponents: { MenuButton, MenuList, MenuItem },
11
+ };
12
+ export const WithButton = () => (React.createElement(Menu, null,
13
+ React.createElement(MenuButton, { as: Button }, "Actions"),
14
+ React.createElement(MenuList, null,
15
+ React.createElement(MenuItem, { iconName: "AddOnsColorTuorqouise" }, "Download"),
16
+ React.createElement(MenuItem, { iconName: "AddOnsColorTuorqouise" }, "Create a Copy"),
17
+ React.createElement(MenuItem, { iconName: "AddOnsColorTuorqouise" }, "Mark as Draft"),
18
+ React.createElement(MenuItem, { iconName: "AddOnsColorTuorqouise" }, "Delete"),
19
+ React.createElement(MenuItem, { iconName: "AddOnsColorTuorqouise" }, "Attend a Workshop"))));
20
+ export const WithIconButton = () => (React.createElement(Menu, null,
21
+ React.createElement(MenuButton, { as: IconButton, iconName: "AddOnsColorTuorqouise", label: "Open menu" }),
22
+ React.createElement(MenuList, null,
23
+ React.createElement(MenuItem, { iconName: "AddOnsColorTuorqouise" }, "Download"),
24
+ React.createElement(MenuItem, { iconName: "AddOnsColorTuorqouise" }, "Create a Copy"),
25
+ React.createElement(MenuItem, { iconName: "AddOnsColorTuorqouise" }, "Mark as Draft"),
26
+ React.createElement(MenuItem, { iconName: "AddOnsColorTuorqouise" }, "Delete"),
27
+ React.createElement(MenuItem, { iconName: "AddOnsColorTuorqouise" }, "Attend a Workshop"))));
28
+ export const WithButtonGroup = () => (React.createElement(HStack, { justifyContent: "end" },
29
+ React.createElement(ButtonGroup, { isAttached: true },
30
+ React.createElement(Button, null, "Button"),
31
+ React.createElement(Menu, null,
32
+ React.createElement(MenuButton, { as: IconButton, iconName: "AddOnsColorTuorqouise", label: "Open menu" }),
33
+ React.createElement(MenuList, null,
34
+ React.createElement(MenuItem, { iconName: "AddOnsColorTuorqouise" }, "Download"),
35
+ React.createElement(MenuItem, { iconName: "AddOnsColorTuorqouise" }, "Create a Copy"),
36
+ React.createElement(MenuItem, { iconName: "AddOnsColorTuorqouise" }, "Mark as Draft"),
37
+ React.createElement(MenuItem, { iconName: "AddOnsColorTuorqouise" }, "Delete"),
38
+ React.createElement(MenuItem, { iconName: "AddOnsColorTuorqouise" }, "Attend a Workshop"))))));
39
+ //# 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,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC7E,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,eAAe;IACb,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,IAAI;IACf,aAAa,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE;CACpB,CAAC;AAEhC,MAAM,CAAC,MAAM,UAAU,GAAgC,GAAG,EAAE,CAAC,CAC3D,oBAAC,IAAI;IACH,oBAAC,UAAU,IAAC,EAAE,EAAE,MAAM,cAAsB;IAC5C,oBAAC,QAAQ;QACP,oBAAC,QAAQ,IAAC,QAAQ,EAAC,uBAAuB,eAAoB;QAC9D,oBAAC,QAAQ,IAAC,QAAQ,EAAC,uBAAuB,oBAAyB;QACnE,oBAAC,QAAQ,IAAC,QAAQ,EAAC,uBAAuB,oBAAyB;QACnE,oBAAC,QAAQ,IAAC,QAAQ,EAAC,uBAAuB,aAAkB;QAC5D,oBAAC,QAAQ,IAAC,QAAQ,EAAC,uBAAuB,wBAA6B,CAC9D,CACN,CACR,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAgC,GAAG,EAAE,CAAC,CAC/D,oBAAC,IAAI;IACH,oBAAC,UAAU,IAAC,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAC,uBAAuB,EAAC,KAAK,EAAC,WAAW,GAAG;IACjF,oBAAC,QAAQ;QACP,oBAAC,QAAQ,IAAC,QAAQ,EAAC,uBAAuB,eAAoB;QAC9D,oBAAC,QAAQ,IAAC,QAAQ,EAAC,uBAAuB,oBAAyB;QACnE,oBAAC,QAAQ,IAAC,QAAQ,EAAC,uBAAuB,oBAAyB;QACnE,oBAAC,QAAQ,IAAC,QAAQ,EAAC,uBAAuB,aAAkB;QAC5D,oBAAC,QAAQ,IAAC,QAAQ,EAAC,uBAAuB,wBAA6B,CAC9D,CACN,CACR,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAgC,GAAG,EAAE,CAAC,CAChE,oBAAC,MAAM,IAAC,cAAc,EAAC,KAAK;IAC1B,oBAAC,WAAW,IAAC,UAAU;QACrB,oBAAC,MAAM,iBAAgB;QACvB,oBAAC,IAAI;YACH,oBAAC,UAAU,IAAC,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAC,uBAAuB,EAAC,KAAK,EAAC,WAAW,GAAG;YACjF,oBAAC,QAAQ;gBACP,oBAAC,QAAQ,IAAC,QAAQ,EAAC,uBAAuB,eAAoB;gBAC9D,oBAAC,QAAQ,IAAC,QAAQ,EAAC,uBAAuB,oBAAyB;gBACnE,oBAAC,QAAQ,IAAC,QAAQ,EAAC,uBAAuB,oBAAyB;gBACnE,oBAAC,QAAQ,IAAC,QAAQ,EAAC,uBAAuB,aAAkB;gBAC5D,oBAAC,QAAQ,IAAC,QAAQ,EAAC,uBAAuB,wBAA6B,CAC9D,CACN,CACK,CACP,CACV,CAAC"}
@@ -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,21 @@
1
+ const MenuTheme = {
2
+ baseStyle: {
3
+ list: {
4
+ backgroundColor: '#fff',
5
+ borderRadius: '8px',
6
+ filter: 'drop-shadow(0 0.125rem 0.3125rem rgba(199, 205, 207, 0.7))',
7
+ paddingY: '16px',
8
+ },
9
+ item: {
10
+ padding: '12px 32px',
11
+ _focus: {
12
+ backgroundColor: '#F8F0FF',
13
+ },
14
+ _hover: {
15
+ backgroundColor: '#F8F0FF',
16
+ },
17
+ },
18
+ },
19
+ };
20
+ export default MenuTheme;
21
+ //# 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,MAAM,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,eAAe,SAAS,CAAC"}
@@ -0,0 +1,12 @@
1
+ import React from 'react';
2
+ import { MenuItemProps } from '@chakra-ui/react';
3
+ import { TypeIconName } from '@bitrise/bitkit';
4
+ export declare type Props = {
5
+ children: string;
6
+ iconName: TypeIconName;
7
+ onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
8
+ sx?: MenuItemProps['sx'];
9
+ };
10
+ declare const MenuItem: (props: Props) => JSX.Element;
11
+ export default MenuItem;
12
+ //# 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;AAC1B,OAAO,EAA8B,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC7E,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;IACvE,EAAE,CAAC,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC;CAC1B,CAAC;AAEF,QAAA,MAAM,QAAQ,UAAW,KAAK,gBAM7B,CAAC;AAEF,eAAe,QAAQ,CAAC"}
@@ -0,0 +1,12 @@
1
+ import React from 'react';
2
+ import { MenuItem as ChakraMenuItem } from '@chakra-ui/react';
3
+ import { Icon } from '@bitrise/bitkit';
4
+ const MenuItem = (props) => {
5
+ const { iconName, ...rest } = props;
6
+ const properties = { ...rest };
7
+ properties.icon = React.createElement(Icon, { name: iconName });
8
+ properties.iconSpacing = '16px';
9
+ return React.createElement(ChakraMenuItem, { ...properties });
10
+ };
11
+ export default MenuItem;
12
+ //# sourceMappingURL=MenuItem.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MenuItem.js","sourceRoot":"","sources":["../../../../../src/chakra/components/Menu/MenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,IAAI,cAAc,EAAiB,MAAM,kBAAkB,CAAC;AAC7E,OAAO,EAAE,IAAI,EAAgB,MAAM,iBAAiB,CAAC;AASrD,MAAM,QAAQ,GAAG,CAAC,KAAY,EAAE,EAAE;IAChC,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACpC,MAAM,UAAU,GAAkB,EAAE,GAAG,IAAI,EAAE,CAAC;IAC9C,UAAU,CAAC,IAAI,GAAG,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,GAAI,CAAC;IAC3C,UAAU,CAAC,WAAW,GAAG,MAAM,CAAC;IAChC,OAAO,oBAAC,cAAc,OAAK,UAAU,GAAI,CAAC;AAC5C,CAAC,CAAC;AAEF,eAAe,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,30 @@
1
+ import React from 'react';
2
+ import { HStack, useStyleConfig } from '@chakra-ui/react';
3
+ import { Icon } from '@bitrise/bitkit';
4
+ import Text from '../Text/Text';
5
+ const getIcon = (variant, iconName) => {
6
+ const iconMap = {
7
+ aborted: 'BuildstatusAborted',
8
+ failed: 'BuildstatusFailed',
9
+ onHold: 'BuildstatusAborted',
10
+ running: 'BuildstatusLoadingAnimated',
11
+ starting: 'BuildstatusLoadingAnimated',
12
+ success: 'BuildstatusSuccessful',
13
+ };
14
+ if (!iconName) {
15
+ return iconMap[variant];
16
+ }
17
+ return iconName;
18
+ };
19
+ const StatusTag = ({ children, iconName, size, variant, width }) => {
20
+ const styles = useStyleConfig('StatusTag', { size, variant });
21
+ return (React.createElement(HStack, { alignItems: "center", sx: styles, width: width },
22
+ React.createElement(Icon, { name: getIcon(variant, iconName) }),
23
+ React.createElement(Text, { fontWeight: "bold", size: "2", textTransform: "uppercase" }, children)));
24
+ };
25
+ StatusTag.defaultProps = {
26
+ size: 'normal',
27
+ width: '8.5rem',
28
+ };
29
+ export default StatusTag;
30
+ //# sourceMappingURL=StatusTag.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"StatusTag.js","sourceRoot":"","sources":["../../../../../src/chakra/components/StatusTag/StatusTag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,IAAI,MAAM,cAAc,CAAC;AAmBhC,MAAM,OAAO,GAAG,CAAC,OAAgB,EAAE,QAAmB,EAAY,EAAE;IAClE,MAAM,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,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAS,EAAE,EAAE;IACxE,MAAM,MAAM,GAAG,cAAc,CAAC,WAAW,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;IAC9D,OAAO,CACL,oBAAC,MAAM,IAAC,UAAU,EAAC,QAAQ,EAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK;QAClD,oBAAC,IAAI,IAAC,IAAI,EAAE,OAAO,CAAC,OAAO,EAAE,QAAQ,CAAC,GAAI;QAC1C,oBAAC,IAAI,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,eAAe,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,16 @@
1
+ import React from 'react';
2
+ import { sortObjectByKey } from '../../shared';
3
+ import StatusTag from './StatusTag';
4
+ export default {
5
+ title: 'Components/StatusTag',
6
+ component: StatusTag,
7
+ };
8
+ const Template = ({ ...props }) => React.createElement(StatusTag, { ...props });
9
+ export const WithProps = Template.bind({});
10
+ WithProps.args = sortObjectByKey({
11
+ ...StatusTag.defaultProps,
12
+ children: 'Running',
13
+ // iconName: 'BuildstatusLoadingAnimated',
14
+ variant: 'running',
15
+ });
16
+ //# 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,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,SAAoB,MAAM,aAAa,CAAC;AAE/C,eAAe;IACb,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,SAAS;CACc,CAAC;AAErC,MAAM,QAAQ,GAAqC,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,oBAAC,SAAS,OAAK,KAAK,GAAI,CAAC;AAE9F,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,SAAS,CAAC,IAAI,GAAG,eAAe,CAAC;IAC/B,GAAG,SAAS,CAAC,YAAY;IACzB,QAAQ,EAAE,SAAS;IACnB,0CAA0C;IAC1C,OAAO,EAAE,SAAS;CACV,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,45 @@
1
+ const StatusTagTheme = {
2
+ baseStyle: {
3
+ borderRadius: '4px',
4
+ paddingX: '8px',
5
+ },
6
+ sizes: {
7
+ small: {
8
+ paddingY: '4px',
9
+ },
10
+ normal: {
11
+ paddingY: '8px',
12
+ },
13
+ big: {
14
+ paddingY: '20px',
15
+ },
16
+ },
17
+ variants: {
18
+ aborted: {
19
+ backgroundColor: '#FFF6D1',
20
+ color: '#875B00',
21
+ },
22
+ failed: {
23
+ backgroundColor: '#FFF0F3',
24
+ color: '#A91E2E',
25
+ },
26
+ onHold: {
27
+ backgroundColor: '#F6F4F6',
28
+ color: '#6B6071',
29
+ },
30
+ running: {
31
+ backgroundColor: '#F9F2FD',
32
+ color: '#492F5C',
33
+ },
34
+ starting: {
35
+ backgroundColor: '#ECF8FD',
36
+ color: '#1066AC',
37
+ },
38
+ success: {
39
+ backgroundColor: '#EEF9F1',
40
+ color: '#167231',
41
+ },
42
+ },
43
+ };
44
+ export default StatusTagTheme;
45
+ //# 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,MAAM,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,eAAe,cAAc,CAAC"}
@@ -0,0 +1,32 @@
1
+ /// <reference types="react" />
2
+ import { TextProps } from '@chakra-ui/react';
3
+ declare type TextTags = 'a' | 'abbr' | 'bdi' | 'bdo' | 'blockquote' | 'cite' | 'data' | 'dd' | 'dfn' | 'dt' | 'em' | 'figcaption' | 'kbd' | 'li' | 'mark' | 'p' | 'pre' | 'q' | 'samp' | 'small' | 'span' | 'strong' | 'sub' | 'sup' | 'time' | 'var';
4
+ export interface Props {
5
+ align?: 'center' | 'justify' | 'left' | 'right';
6
+ /**
7
+ * Any valid HTML text tag
8
+ */
9
+ as?: TextTags;
10
+ children?: TextProps['children'];
11
+ className?: string;
12
+ /**
13
+ * Font weight
14
+ */
15
+ fontWeight?: 'bold' | 'normal';
16
+ letterSpacing?: string;
17
+ /**
18
+ * Size config (https://www.figma.com/file/grik9mTaJ5DfhydhWhXdP5/Bitkit-Foundations?node-id=211%3A12)
19
+ */
20
+ size?: '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8';
21
+ sx?: TextProps['sx'];
22
+ textTransform?: 'capitalize' | 'lowercase' | 'none' | 'uppercase';
23
+ }
24
+ /**
25
+ * Basic `Text` component
26
+ */
27
+ declare const Text: {
28
+ (props: Props): JSX.Element;
29
+ defaultProps: Props;
30
+ };
31
+ export default Text;
32
+ //# sourceMappingURL=Text.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../../src/chakra/components/Text/Text.tsx"],"names":[],"mappings":";AACA,OAAO,EAAsB,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAEjE,aAAK,QAAQ,GACT,GAAG,GACH,MAAM,GACN,KAAK,GACL,KAAK,GACL,YAAY,GACZ,MAAM,GACN,MAAM,GACN,IAAI,GACJ,KAAK,GACL,IAAI,GACJ,IAAI,GACJ,YAAY,GACZ,KAAK,GACL,IAAI,GACJ,MAAM,GACN,GAAG,GACH,KAAK,GACL,GAAG,GACH,MAAM,GACN,OAAO,GACP,MAAM,GACN,QAAQ,GACR,KAAK,GACL,KAAK,GACL,MAAM,GACN,KAAK,CAAC;AAEV,MAAM,WAAW,KAAK;IACpB,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;IAChD;;OAEG;IACH,EAAE,CAAC,EAAE,QAAQ,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACrD,EAAE,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;IACrB,aAAa,CAAC,EAAE,YAAY,GAAG,WAAW,GAAG,MAAM,GAAG,WAAW,CAAC;CACnE;AAED;;GAEG;AACH,QAAA,MAAM,IAAI;YAAW,KAAK;;CAUzB,CAAC;AAOF,eAAe,IAAI,CAAC"}
@@ -0,0 +1,22 @@
1
+ import React from 'react';
2
+ import { Text as ChakraText } from '@chakra-ui/react';
3
+ /**
4
+ * Basic `Text` component
5
+ */
6
+ const Text = (props) => {
7
+ const { size, textTransform } = props;
8
+ const properties = { ...props };
9
+ if (size === '1' && (!textTransform || textTransform === 'none')) {
10
+ properties.textTransform = 'uppercase';
11
+ }
12
+ if (size === '5' || size === '6' || size === '7' || size === '8') {
13
+ properties.fontWeight = 'bold';
14
+ }
15
+ return React.createElement(ChakraText, { ...properties });
16
+ };
17
+ Text.defaultProps = {
18
+ as: 'span',
19
+ size: '4',
20
+ };
21
+ export default Text;
22
+ //# sourceMappingURL=Text.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../../../src/chakra/components/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,IAAI,UAAU,EAAa,MAAM,kBAAkB,CAAC;AAmDjE;;GAEG;AACH,MAAM,IAAI,GAAG,CAAC,KAAY,EAAE,EAAE;IAC5B,MAAM,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;IACtC,MAAM,UAAU,GAAc,EAAE,GAAG,KAAK,EAAE,CAAC;IAC3C,IAAI,IAAI,KAAK,GAAG,IAAI,CAAC,CAAC,aAAa,IAAI,aAAa,KAAK,MAAM,CAAC,EAAE;QAChE,UAAU,CAAC,aAAa,GAAG,WAAW,CAAC;KACxC;IACD,IAAI,IAAI,KAAK,GAAG,IAAI,IAAI,KAAK,GAAG,IAAI,IAAI,KAAK,GAAG,IAAI,IAAI,KAAK,GAAG,EAAE;QAChE,UAAU,CAAC,UAAU,GAAG,MAAM,CAAC;KAChC;IACD,OAAO,oBAAC,UAAU,OAAK,UAAU,GAAI,CAAC;AACxC,CAAC,CAAC;AAEF,IAAI,CAAC,YAAY,GAAG;IAClB,EAAE,EAAE,MAAM;IACV,IAAI,EAAE,GAAG;CACD,CAAC;AAEX,eAAe,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("./Text").Props): JSX.Element;
5
+ defaultProps: import("./Text").Props;
6
+ }>;
7
+ export default _default;
8
+ export declare const WithProps: ComponentStory<{
9
+ (props: import("./Text").Props): JSX.Element;
10
+ defaultProps: import("./Text").Props;
11
+ }>;
12
+ //# sourceMappingURL=Text.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Text.stories.d.ts","sourceRoot":"","sources":["../../../../../src/chakra/components/Text/Text.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,19 @@
1
+ import React from 'react';
2
+ import { sortObjectByKey } from '../../shared';
3
+ import Text from './Text';
4
+ export default {
5
+ title: 'Components/Text',
6
+ component: Text,
7
+ };
8
+ const Template = ({ ...props }) => React.createElement(Text, { ...props });
9
+ export const WithProps = Template.bind({});
10
+ WithProps.args = sortObjectByKey({
11
+ align: 'left',
12
+ className: '',
13
+ children: 'The quick brown fox jumps over the lazy dog.',
14
+ fontWeight: 'normal',
15
+ letterSpacing: 'normal',
16
+ textTransform: 'none',
17
+ ...Text.defaultProps,
18
+ });
19
+ //# sourceMappingURL=Text.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Text.stories.js","sourceRoot":"","sources":["../../../../../src/chakra/components/Text/Text.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,IAAI,MAAM,QAAQ,CAAC;AAE1B,eAAe;IACb,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,IAAI;CACc,CAAC;AAEhC,MAAM,QAAQ,GAAgC,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,oBAAC,IAAI,OAAK,KAAK,GAAI,CAAC;AAEpF,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,SAAS,CAAC,IAAI,GAAG,eAAe,CAAC;IAC/B,KAAK,EAAE,MAAM;IACb,SAAS,EAAE,EAAE;IACb,QAAQ,EAAE,8CAA8C;IACxD,UAAU,EAAE,QAAQ;IACpB,aAAa,EAAE,QAAQ;IACvB,aAAa,EAAE,MAAM;IACrB,GAAG,IAAI,CAAC,YAAY;CACrB,CAAC,CAAC"}
@@ -0,0 +1,2 @@
1
+ export declare const sortObjectByKey: (unordered: any) => {};
2
+ //# sourceMappingURL=shared.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../src/chakra/shared.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,cAAe,GAAG,OAQ7C,CAAC"}
@@ -0,0 +1,11 @@
1
+ /* eslint-disable */
2
+ export const sortObjectByKey = (unordered) => {
3
+ return Object.keys(unordered)
4
+ .sort()
5
+ .reduce((obj, key) => {
6
+ /* @ts-ignore */
7
+ obj[key] = unordered[key];
8
+ return obj;
9
+ }, {});
10
+ };
11
+ //# sourceMappingURL=shared.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"shared.js","sourceRoot":"","sources":["../../../src/chakra/shared.ts"],"names":[],"mappings":"AAAA,oBAAoB;AAEpB,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,SAAc,EAAE,EAAE;IAChD,OAAO,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC;SAC1B,IAAI,EAAE;SACN,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;QACnB,gBAAgB;QAChB,GAAG,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC;QAC1B,OAAO,GAAG,CAAC;IACb,CAAC,EAAE,EAAE,CAAC,CAAC;AACX,CAAC,CAAC"}
@@ -0,0 +1,3 @@
1
+ declare const theme: import("@chakra-ui/utils").Dict<any>;
2
+ export default theme;
3
+ //# sourceMappingURL=theme.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../src/chakra/theme/theme.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,KAAK,sCAwCT,CAAC;AAEH,eAAe,KAAK,CAAC"}
@@ -0,0 +1,49 @@
1
+ import { extendTheme } from '@chakra-ui/react';
2
+ import { variables } from '@bitrise/bitkit';
3
+ import ButtonTheme from '../components/Button/Button.theme';
4
+ import StatusTagTheme from '../components/StatusTag/StatusTag.theme';
5
+ import MenuTheme from '../components/Menu/Menu.theme';
6
+ import typographyConfig from './typographyConfig';
7
+ const theme = extendTheme({
8
+ config: {
9
+ cssVarPrefix: 'bitkit',
10
+ },
11
+ colors: variables.colorMap,
12
+ fonts: {
13
+ body: `"TT Norms Pro", sans-serif`,
14
+ heading: `"TT Norms Pro", sans-serif`,
15
+ },
16
+ fontSizes: {
17
+ 1: '11px',
18
+ 2: '14px',
19
+ 3: '16px',
20
+ 4: '19px',
21
+ 5: '24px',
22
+ 6: '30px',
23
+ 7: '36px',
24
+ 8: '48px',
25
+ },
26
+ lineHeights: {
27
+ 1: '16px',
28
+ 2: '20px',
29
+ 3: '24px',
30
+ 4: '28px',
31
+ 5: '36px',
32
+ 6: '40px',
33
+ 7: '48px',
34
+ 8: '60px',
35
+ },
36
+ components: {
37
+ Button: ButtonTheme,
38
+ Heading: {
39
+ sizes: typographyConfig,
40
+ },
41
+ Menu: MenuTheme,
42
+ StatusTag: StatusTagTheme,
43
+ Text: {
44
+ sizes: typographyConfig,
45
+ },
46
+ },
47
+ });
48
+ export default theme;
49
+ //# sourceMappingURL=theme.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../src/chakra/theme/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,WAAW,MAAM,mCAAmC,CAAC;AAC5D,OAAO,cAAc,MAAM,yCAAyC,CAAC;AACrE,OAAO,SAAS,MAAM,+BAA+B,CAAC;AACtD,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAElD,MAAM,KAAK,GAAG,WAAW,CAAC;IACxB,MAAM,EAAE;QACN,YAAY,EAAE,QAAQ;KACvB;IACD,MAAM,EAAE,SAAS,CAAC,QAAQ;IAC1B,KAAK,EAAE;QACL,IAAI,EAAE,4BAA4B;QAClC,OAAO,EAAE,4BAA4B;KACtC;IACD,SAAS,EAAE;QACT,CAAC,EAAE,MAAM;QACT,CAAC,EAAE,MAAM;QACT,CAAC,EAAE,MAAM;QACT,CAAC,EAAE,MAAM;QACT,CAAC,EAAE,MAAM;QACT,CAAC,EAAE,MAAM;QACT,CAAC,EAAE,MAAM;QACT,CAAC,EAAE,MAAM;KACV;IACD,WAAW,EAAE;QACX,CAAC,EAAE,MAAM;QACT,CAAC,EAAE,MAAM;QACT,CAAC,EAAE,MAAM;QACT,CAAC,EAAE,MAAM;QACT,CAAC,EAAE,MAAM;QACT,CAAC,EAAE,MAAM;QACT,CAAC,EAAE,MAAM;QACT,CAAC,EAAE,MAAM;KACV;IACD,UAAU,EAAE;QACV,MAAM,EAAE,WAAW;QACnB,OAAO,EAAE;YACP,KAAK,EAAE,gBAAgB;SACxB;QACD,IAAI,EAAE,SAAS;QACf,SAAS,EAAE,cAAc;QACzB,IAAI,EAAE;YACJ,KAAK,EAAE,gBAAgB;SACxB;KACF;CACF,CAAC,CAAC;AAEH,eAAe,KAAK,CAAC"}
@@ -0,0 +1,4 @@
1
+ import { SystemStyleObject } from '@chakra-ui/react';
2
+ declare const config: Record<string, SystemStyleObject>;
3
+ export default config;
4
+ //# sourceMappingURL=typographyConfig.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"typographyConfig.d.ts","sourceRoot":"","sources":["../../../../src/chakra/theme/typographyConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD,QAAA,MAAM,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAiC7C,CAAC;AAEF,eAAe,MAAM,CAAC"}
@@ -0,0 +1,36 @@
1
+ const config = {
2
+ 1: {
3
+ fontSize: '11px',
4
+ lineHeight: '16px',
5
+ },
6
+ 2: {
7
+ fontSize: '14px',
8
+ lineHeight: '20px',
9
+ },
10
+ 3: {
11
+ fontSize: '16px',
12
+ lineHeight: '24px',
13
+ },
14
+ 4: {
15
+ fontSize: '19px',
16
+ lineHeight: '28px',
17
+ },
18
+ 5: {
19
+ fontSize: '24px',
20
+ lineHeight: '36px',
21
+ },
22
+ 6: {
23
+ fontSize: '30px',
24
+ lineHeight: '40px',
25
+ },
26
+ 7: {
27
+ fontSize: '36px',
28
+ lineHeight: '48px',
29
+ },
30
+ 8: {
31
+ fontSize: '48px',
32
+ lineHeight: '60px',
33
+ },
34
+ };
35
+ export default config;
36
+ //# sourceMappingURL=typographyConfig.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"typographyConfig.js","sourceRoot":"","sources":["../../../../src/chakra/theme/typographyConfig.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,GAAsC;IAChD,CAAC,EAAE;QACD,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,MAAM;KACnB;IACD,CAAC,EAAE;QACD,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,MAAM;KACnB;IACD,CAAC,EAAE;QACD,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,MAAM;KACnB;IACD,CAAC,EAAE;QACD,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,MAAM;KACnB;IACD,CAAC,EAAE;QACD,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,MAAM;KACnB;IACD,CAAC,EAAE;QACD,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,MAAM;KACnB;IACD,CAAC,EAAE;QACD,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,MAAM;KACnB;IACD,CAAC,EAAE;QACD,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,MAAM;KACnB;CACF,CAAC;AAEF,eAAe,MAAM,CAAC"}