@bitrise/bitkit 9.4.1-alpha.2 → 9.5.0-alpha.4

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 (254) hide show
  1. package/.eslintrc.js +1 -1
  2. package/.husky/commit-msg +4 -0
  3. package/.nvmrc +1 -1
  4. package/.stylelintignore +0 -1
  5. package/.tool-versions +1 -1
  6. package/CHANGELOG.md +12 -3
  7. package/bitrise.yml +32 -28
  8. package/jest.setup.js +1 -0
  9. package/lib/cjs/ButtonWithDropdown/ButtonWithDropdown.d.ts +6 -3
  10. package/lib/cjs/ButtonWithDropdown/ButtonWithDropdown.d.ts.map +1 -1
  11. package/lib/cjs/ButtonWithDropdown/ButtonWithDropdown.js +13 -6
  12. package/lib/cjs/ButtonWithDropdown/ButtonWithDropdown.js.map +1 -1
  13. package/lib/cjs/Dropdown/Dropdown.d.ts.map +1 -1
  14. package/lib/cjs/Dropdown/Dropdown.js +9 -8
  15. package/lib/cjs/Dropdown/Dropdown.js.map +1 -1
  16. package/lib/cjs/Placement/Placement.css +17 -35
  17. package/lib/cjs/Placement/Placement.d.ts +5 -8
  18. package/lib/cjs/Placement/Placement.d.ts.map +1 -1
  19. package/lib/cjs/Placement/Placement.js.map +1 -1
  20. package/lib/cjs/Placement/PlacementPopper.d.ts +3 -4
  21. package/lib/cjs/Placement/PlacementPopper.d.ts.map +1 -1
  22. package/lib/cjs/Placement/PlacementPopper.js +32 -17
  23. package/lib/cjs/Placement/PlacementPopper.js.map +1 -1
  24. package/lib/cjs/Tooltip/Tooltip.d.ts +1 -1
  25. package/lib/cjs/Tooltip/Tooltip.d.ts.map +1 -1
  26. package/lib/cjs/hooks/useEventListener.d.ts.map +1 -1
  27. package/lib/cjs/hooks/useEventListener.js +0 -1
  28. package/lib/cjs/hooks/useEventListener.js.map +1 -1
  29. package/lib/cjs/index.d.ts +0 -9
  30. package/lib/cjs/index.d.ts.map +1 -1
  31. package/lib/cjs/index.js +1 -20
  32. package/lib/cjs/index.js.map +1 -1
  33. package/lib/cjs/tsconfig.tsbuildinfo +1 -1
  34. package/lib/esn/ButtonWithDropdown/ButtonWithDropdown.d.ts +6 -3
  35. package/lib/esn/ButtonWithDropdown/ButtonWithDropdown.d.ts.map +1 -1
  36. package/lib/esn/ButtonWithDropdown/ButtonWithDropdown.js +10 -3
  37. package/lib/esn/ButtonWithDropdown/ButtonWithDropdown.js.map +1 -1
  38. package/lib/esn/Dropdown/Dropdown.d.ts.map +1 -1
  39. package/lib/esn/Dropdown/Dropdown.js +9 -5
  40. package/lib/esn/Dropdown/Dropdown.js.map +1 -1
  41. package/lib/esn/Placement/Placement.css +17 -35
  42. package/lib/esn/Placement/Placement.d.ts +5 -8
  43. package/lib/esn/Placement/Placement.d.ts.map +1 -1
  44. package/lib/esn/Placement/Placement.js.map +1 -1
  45. package/lib/esn/Placement/PlacementPopper.d.ts +3 -4
  46. package/lib/esn/Placement/PlacementPopper.d.ts.map +1 -1
  47. package/lib/esn/Placement/PlacementPopper.js +44 -29
  48. package/lib/esn/Placement/PlacementPopper.js.map +1 -1
  49. package/lib/esn/Tooltip/Tooltip.d.ts +1 -1
  50. package/lib/esn/Tooltip/Tooltip.d.ts.map +1 -1
  51. package/lib/esn/hooks/useEventListener.d.ts.map +1 -1
  52. package/lib/esn/hooks/useEventListener.js +0 -1
  53. package/lib/esn/hooks/useEventListener.js.map +1 -1
  54. package/lib/esn/index.d.ts +0 -9
  55. package/lib/esn/index.d.ts.map +1 -1
  56. package/lib/esn/index.js +0 -9
  57. package/lib/esn/index.js.map +1 -1
  58. package/lib/esn/tsconfig.tsbuildinfo +1 -1
  59. package/package.json +17 -41
  60. package/postcss.config.js +9 -5
  61. package/site/components/Documentation/Components/SectionButtons.tsx +8 -4
  62. package/site/components/Documentation/Components/SectionDropdowns.tsx +1 -1
  63. package/site/components/Documentation/Components/SectionPlacement.tsx +7 -1
  64. package/src/ButtonWithDropdown/ButtonWithDropdown.tsx +22 -21
  65. package/src/Dropdown/Dropdown.tsx +16 -8
  66. package/src/Placement/Placement.css +17 -35
  67. package/src/Placement/Placement.tsx +5 -8
  68. package/src/Placement/PlacementPopper.tsx +64 -48
  69. package/src/Tooltip/Tooltip.tsx +1 -1
  70. package/src/hooks/useEventListener.ts +25 -5
  71. package/src/index.ts +0 -10
  72. package/tsconfig.json +2 -5
  73. package/.storybook/main.js +0 -35
  74. package/.storybook/preview.js +0 -20
  75. package/lib/cjs/chakra/BitkitProvider.d.ts +0 -5
  76. package/lib/cjs/chakra/BitkitProvider.d.ts.map +0 -1
  77. package/lib/cjs/chakra/BitkitProvider.js +0 -14
  78. package/lib/cjs/chakra/BitkitProvider.js.map +0 -1
  79. package/lib/cjs/chakra/components/Button/Button.d.ts +0 -22
  80. package/lib/cjs/chakra/components/Button/Button.d.ts.map +0 -1
  81. package/lib/cjs/chakra/components/Button/Button.js +0 -61
  82. package/lib/cjs/chakra/components/Button/Button.js.map +0 -1
  83. package/lib/cjs/chakra/components/Button/Button.stories.d.ts +0 -6
  84. package/lib/cjs/chakra/components/Button/Button.stories.d.ts.map +0 -1
  85. package/lib/cjs/chakra/components/Button/Button.stories.js +0 -37
  86. package/lib/cjs/chakra/components/Button/Button.stories.js.map +0 -1
  87. package/lib/cjs/chakra/components/Button/Button.theme.d.ts +0 -117
  88. package/lib/cjs/chakra/components/Button/Button.theme.d.ts.map +0 -1
  89. package/lib/cjs/chakra/components/Button/Button.theme.js +0 -119
  90. package/lib/cjs/chakra/components/Button/Button.theme.js.map +0 -1
  91. package/lib/cjs/chakra/components/IconButton/IconButton.d.ts +0 -14
  92. package/lib/cjs/chakra/components/IconButton/IconButton.d.ts.map +0 -1
  93. package/lib/cjs/chakra/components/IconButton/IconButton.js +0 -41
  94. package/lib/cjs/chakra/components/IconButton/IconButton.js.map +0 -1
  95. package/lib/cjs/chakra/components/IconButton/IconButton.stories.d.ts +0 -6
  96. package/lib/cjs/chakra/components/IconButton/IconButton.stories.d.ts.map +0 -1
  97. package/lib/cjs/chakra/components/IconButton/IconButton.stories.js +0 -48
  98. package/lib/cjs/chakra/components/IconButton/IconButton.stories.js.map +0 -1
  99. package/lib/cjs/chakra/components/Link/Link.d.ts +0 -16
  100. package/lib/cjs/chakra/components/Link/Link.d.ts.map +0 -1
  101. package/lib/cjs/chakra/components/Link/Link.js +0 -44
  102. package/lib/cjs/chakra/components/Link/Link.js.map +0 -1
  103. package/lib/cjs/chakra/components/Link/Link.stories.d.ts +0 -12
  104. package/lib/cjs/chakra/components/Link/Link.stories.d.ts.map +0 -1
  105. package/lib/cjs/chakra/components/Link/Link.stories.js +0 -42
  106. package/lib/cjs/chakra/components/Link/Link.stories.js.map +0 -1
  107. package/lib/cjs/chakra/components/Menu/Menu.d.ts +0 -6
  108. package/lib/cjs/chakra/components/Menu/Menu.d.ts.map +0 -1
  109. package/lib/cjs/chakra/components/Menu/Menu.js +0 -21
  110. package/lib/cjs/chakra/components/Menu/Menu.js.map +0 -1
  111. package/lib/cjs/chakra/components/Menu/Menu.stories.d.ts +0 -9
  112. package/lib/cjs/chakra/components/Menu/Menu.stories.d.ts.map +0 -1
  113. package/lib/cjs/chakra/components/Menu/Menu.stories.js +0 -48
  114. package/lib/cjs/chakra/components/Menu/Menu.stories.js.map +0 -1
  115. package/lib/cjs/chakra/components/Menu/Menu.theme.d.ts +0 -4
  116. package/lib/cjs/chakra/components/Menu/Menu.theme.d.ts.map +0 -1
  117. package/lib/cjs/chakra/components/Menu/Menu.theme.js +0 -23
  118. package/lib/cjs/chakra/components/Menu/Menu.theme.js.map +0 -1
  119. package/lib/cjs/chakra/components/Menu/MenuItem.d.ts +0 -12
  120. package/lib/cjs/chakra/components/Menu/MenuItem.d.ts.map +0 -1
  121. package/lib/cjs/chakra/components/Menu/MenuItem.js +0 -39
  122. package/lib/cjs/chakra/components/Menu/MenuItem.js.map +0 -1
  123. package/lib/cjs/chakra/components/StatusTag/StatusTag.d.ts +0 -16
  124. package/lib/cjs/chakra/components/StatusTag/StatusTag.d.ts.map +0 -1
  125. package/lib/cjs/chakra/components/StatusTag/StatusTag.js +0 -36
  126. package/lib/cjs/chakra/components/StatusTag/StatusTag.js.map +0 -1
  127. package/lib/cjs/chakra/components/StatusTag/StatusTag.stories.d.ts +0 -13
  128. package/lib/cjs/chakra/components/StatusTag/StatusTag.stories.d.ts.map +0 -1
  129. package/lib/cjs/chakra/components/StatusTag/StatusTag.stories.js +0 -44
  130. package/lib/cjs/chakra/components/StatusTag/StatusTag.stories.js.map +0 -1
  131. package/lib/cjs/chakra/components/StatusTag/StatusTag.theme.d.ts +0 -45
  132. package/lib/cjs/chakra/components/StatusTag/StatusTag.theme.d.ts.map +0 -1
  133. package/lib/cjs/chakra/components/StatusTag/StatusTag.theme.js +0 -47
  134. package/lib/cjs/chakra/components/StatusTag/StatusTag.theme.js.map +0 -1
  135. package/lib/cjs/chakra/components/Text/Text.d.ts +0 -32
  136. package/lib/cjs/chakra/components/Text/Text.d.ts.map +0 -1
  137. package/lib/cjs/chakra/components/Text/Text.js +0 -38
  138. package/lib/cjs/chakra/components/Text/Text.js.map +0 -1
  139. package/lib/cjs/chakra/components/Text/Text.stories.d.ts +0 -12
  140. package/lib/cjs/chakra/components/Text/Text.stories.d.ts.map +0 -1
  141. package/lib/cjs/chakra/components/Text/Text.stories.js +0 -42
  142. package/lib/cjs/chakra/components/Text/Text.stories.js.map +0 -1
  143. package/lib/cjs/chakra/shared.d.ts +0 -2
  144. package/lib/cjs/chakra/shared.d.ts.map +0 -1
  145. package/lib/cjs/chakra/shared.js +0 -15
  146. package/lib/cjs/chakra/shared.js.map +0 -1
  147. package/lib/cjs/chakra/theme/theme.d.ts +0 -3
  148. package/lib/cjs/chakra/theme/theme.d.ts.map +0 -1
  149. package/lib/cjs/chakra/theme/theme.js +0 -54
  150. package/lib/cjs/chakra/theme/theme.js.map +0 -1
  151. package/lib/cjs/chakra/theme/typographyConfig.d.ts +0 -4
  152. package/lib/cjs/chakra/theme/typographyConfig.d.ts.map +0 -1
  153. package/lib/cjs/chakra/theme/typographyConfig.js +0 -38
  154. package/lib/cjs/chakra/theme/typographyConfig.js.map +0 -1
  155. package/lib/esn/chakra/BitkitProvider.d.ts +0 -5
  156. package/lib/esn/chakra/BitkitProvider.d.ts.map +0 -1
  157. package/lib/esn/chakra/BitkitProvider.js +0 -8
  158. package/lib/esn/chakra/BitkitProvider.js.map +0 -1
  159. package/lib/esn/chakra/components/Button/Button.d.ts +0 -22
  160. package/lib/esn/chakra/components/Button/Button.d.ts.map +0 -1
  161. package/lib/esn/chakra/components/Button/Button.js +0 -34
  162. package/lib/esn/chakra/components/Button/Button.js.map +0 -1
  163. package/lib/esn/chakra/components/Button/Button.stories.d.ts +0 -6
  164. package/lib/esn/chakra/components/Button/Button.stories.d.ts.map +0 -1
  165. package/lib/esn/chakra/components/Button/Button.stories.js +0 -29
  166. package/lib/esn/chakra/components/Button/Button.stories.js.map +0 -1
  167. package/lib/esn/chakra/components/Button/Button.theme.d.ts +0 -117
  168. package/lib/esn/chakra/components/Button/Button.theme.d.ts.map +0 -1
  169. package/lib/esn/chakra/components/Button/Button.theme.js +0 -117
  170. package/lib/esn/chakra/components/Button/Button.theme.js.map +0 -1
  171. package/lib/esn/chakra/components/IconButton/IconButton.d.ts +0 -14
  172. package/lib/esn/chakra/components/IconButton/IconButton.d.ts.map +0 -1
  173. package/lib/esn/chakra/components/IconButton/IconButton.js +0 -18
  174. package/lib/esn/chakra/components/IconButton/IconButton.js.map +0 -1
  175. package/lib/esn/chakra/components/IconButton/IconButton.stories.d.ts +0 -6
  176. package/lib/esn/chakra/components/IconButton/IconButton.stories.d.ts.map +0 -1
  177. package/lib/esn/chakra/components/IconButton/IconButton.stories.js +0 -21
  178. package/lib/esn/chakra/components/IconButton/IconButton.stories.js.map +0 -1
  179. package/lib/esn/chakra/components/Link/Link.d.ts +0 -16
  180. package/lib/esn/chakra/components/Link/Link.d.ts.map +0 -1
  181. package/lib/esn/chakra/components/Link/Link.js +0 -17
  182. package/lib/esn/chakra/components/Link/Link.js.map +0 -1
  183. package/lib/esn/chakra/components/Link/Link.stories.d.ts +0 -12
  184. package/lib/esn/chakra/components/Link/Link.stories.d.ts.map +0 -1
  185. package/lib/esn/chakra/components/Link/Link.stories.js +0 -16
  186. package/lib/esn/chakra/components/Link/Link.stories.js.map +0 -1
  187. package/lib/esn/chakra/components/Menu/Menu.d.ts +0 -6
  188. package/lib/esn/chakra/components/Menu/Menu.d.ts.map +0 -1
  189. package/lib/esn/chakra/components/Menu/Menu.js +0 -5
  190. package/lib/esn/chakra/components/Menu/Menu.js.map +0 -1
  191. package/lib/esn/chakra/components/Menu/Menu.stories.d.ts +0 -9
  192. package/lib/esn/chakra/components/Menu/Menu.stories.d.ts.map +0 -1
  193. package/lib/esn/chakra/components/Menu/Menu.stories.js +0 -39
  194. package/lib/esn/chakra/components/Menu/Menu.stories.js.map +0 -1
  195. package/lib/esn/chakra/components/Menu/Menu.theme.d.ts +0 -4
  196. package/lib/esn/chakra/components/Menu/Menu.theme.d.ts.map +0 -1
  197. package/lib/esn/chakra/components/Menu/Menu.theme.js +0 -21
  198. package/lib/esn/chakra/components/Menu/Menu.theme.js.map +0 -1
  199. package/lib/esn/chakra/components/Menu/MenuItem.d.ts +0 -12
  200. package/lib/esn/chakra/components/Menu/MenuItem.d.ts.map +0 -1
  201. package/lib/esn/chakra/components/Menu/MenuItem.js +0 -12
  202. package/lib/esn/chakra/components/Menu/MenuItem.js.map +0 -1
  203. package/lib/esn/chakra/components/StatusTag/StatusTag.d.ts +0 -16
  204. package/lib/esn/chakra/components/StatusTag/StatusTag.d.ts.map +0 -1
  205. package/lib/esn/chakra/components/StatusTag/StatusTag.js +0 -30
  206. package/lib/esn/chakra/components/StatusTag/StatusTag.js.map +0 -1
  207. package/lib/esn/chakra/components/StatusTag/StatusTag.stories.d.ts +0 -13
  208. package/lib/esn/chakra/components/StatusTag/StatusTag.stories.d.ts.map +0 -1
  209. package/lib/esn/chakra/components/StatusTag/StatusTag.stories.js +0 -16
  210. package/lib/esn/chakra/components/StatusTag/StatusTag.stories.js.map +0 -1
  211. package/lib/esn/chakra/components/StatusTag/StatusTag.theme.d.ts +0 -45
  212. package/lib/esn/chakra/components/StatusTag/StatusTag.theme.d.ts.map +0 -1
  213. package/lib/esn/chakra/components/StatusTag/StatusTag.theme.js +0 -45
  214. package/lib/esn/chakra/components/StatusTag/StatusTag.theme.js.map +0 -1
  215. package/lib/esn/chakra/components/Text/Text.d.ts +0 -32
  216. package/lib/esn/chakra/components/Text/Text.d.ts.map +0 -1
  217. package/lib/esn/chakra/components/Text/Text.js +0 -22
  218. package/lib/esn/chakra/components/Text/Text.js.map +0 -1
  219. package/lib/esn/chakra/components/Text/Text.stories.d.ts +0 -12
  220. package/lib/esn/chakra/components/Text/Text.stories.d.ts.map +0 -1
  221. package/lib/esn/chakra/components/Text/Text.stories.js +0 -19
  222. package/lib/esn/chakra/components/Text/Text.stories.js.map +0 -1
  223. package/lib/esn/chakra/shared.d.ts +0 -2
  224. package/lib/esn/chakra/shared.d.ts.map +0 -1
  225. package/lib/esn/chakra/shared.js +0 -11
  226. package/lib/esn/chakra/shared.js.map +0 -1
  227. package/lib/esn/chakra/theme/theme.d.ts +0 -3
  228. package/lib/esn/chakra/theme/theme.d.ts.map +0 -1
  229. package/lib/esn/chakra/theme/theme.js +0 -49
  230. package/lib/esn/chakra/theme/theme.js.map +0 -1
  231. package/lib/esn/chakra/theme/typographyConfig.d.ts +0 -4
  232. package/lib/esn/chakra/theme/typographyConfig.d.ts.map +0 -1
  233. package/lib/esn/chakra/theme/typographyConfig.js +0 -36
  234. package/lib/esn/chakra/theme/typographyConfig.js.map +0 -1
  235. package/src/chakra/BitkitProvider.tsx +0 -9
  236. package/src/chakra/components/Button/Button.stories.tsx +0 -32
  237. package/src/chakra/components/Button/Button.theme.ts +0 -117
  238. package/src/chakra/components/Button/Button.tsx +0 -52
  239. package/src/chakra/components/IconButton/IconButton.stories.tsx +0 -24
  240. package/src/chakra/components/IconButton/IconButton.tsx +0 -29
  241. package/src/chakra/components/Link/Link.stories.tsx +0 -19
  242. package/src/chakra/components/Link/Link.tsx +0 -30
  243. package/src/chakra/components/Menu/Menu.stories.tsx +0 -57
  244. package/src/chakra/components/Menu/Menu.theme.ts +0 -23
  245. package/src/chakra/components/Menu/Menu.tsx +0 -8
  246. package/src/chakra/components/Menu/MenuItem.tsx +0 -20
  247. package/src/chakra/components/StatusTag/StatusTag.stories.tsx +0 -19
  248. package/src/chakra/components/StatusTag/StatusTag.theme.ts +0 -45
  249. package/src/chakra/components/StatusTag/StatusTag.tsx +0 -55
  250. package/src/chakra/components/Text/Text.stories.tsx +0 -22
  251. package/src/chakra/components/Text/Text.tsx +0 -73
  252. package/src/chakra/shared.ts +0 -11
  253. package/src/chakra/theme/theme.ts +0 -50
  254. package/src/chakra/theme/typographyConfig.ts +0 -38
@@ -1,117 +0,0 @@
1
- const ButtonTheme = {
2
- baseStyle: {
3
- border: '1px solid',
4
- borderRadius: 'base',
5
- fontWeight: 'normal',
6
- lineHeight: 3,
7
- },
8
- variants: {
9
- primary: {
10
- bgGradient: 'linear(to-b, #6C0EB2, #450674)',
11
- borderColor: '#683D87',
12
- color: '#F8F8F8',
13
- fontWeight: 'bold',
14
- _hover: {
15
- bgGradient: 'linear(to-b, #50167B, #3D125D)',
16
- _disabled: {
17
- bgGradient: 'linear(to-b, #ccc, #ACACAC)',
18
- borderColor: '#ACACAC',
19
- },
20
- },
21
- _active: {
22
- bgGradient: 'linear(to-b, #351D48, #351D48)',
23
- },
24
- _disabled: {
25
- bgGradient: 'linear(to-b, #ccc, #ACACAC)',
26
- borderColor: '#ACACAC',
27
- },
28
- },
29
- secondary: {
30
- bgGradient: 'linear(to-b, #f8f8f8, #fff)',
31
- borderColor: '#ddd',
32
- color: '#351D48',
33
- _hover: {
34
- bgGradient: 'linear(to-b, #ECECEC, #ECECEC)',
35
- },
36
- _active: {
37
- bgGradient: 'linear(to-b, #351D48, #351D48)',
38
- color: '#F8F8F8',
39
- },
40
- _disabled: {
41
- color: '#ACACAC',
42
- },
43
- },
44
- tertiary: {
45
- background: 'transparent',
46
- borderColor: 'transparent',
47
- color: '#760FC3',
48
- _hover: {
49
- background: '#F8F0FF',
50
- },
51
- _active: {
52
- background: '#351D48',
53
- color: '#F8F8F8',
54
- },
55
- _disabled: {
56
- color: '#ACACAC',
57
- },
58
- },
59
- dangerPrimary: {
60
- bgGradient: 'linear(to-b, #E41447, #FF2158)',
61
- borderColor: '#D4093C',
62
- color: '#fff',
63
- fontWeight: 'bold',
64
- _hover: {
65
- bgGradient: 'linear(to-b, #C90032, #C90032)',
66
- _disabled: {
67
- bgGradient: 'linear(to-b, #ccc, #acacac)',
68
- borderColor: '#ACACAC',
69
- },
70
- },
71
- _active: {
72
- bgGradient: 'linear(to-b, #C02048, #C02048)',
73
- },
74
- _disabled: {
75
- bgGradient: 'linear(to-b, #ccc, #acacac)',
76
- borderColor: '#ACACAC',
77
- },
78
- },
79
- dangerSecondary: {
80
- bgGradient: 'linear(to-b, #f8f8f8, #fff)',
81
- borderColor: '#ddd',
82
- color: '#FF2158',
83
- _hover: {
84
- bgGradient: 'linear(to-b, #FFE8EE, #FFE8EE)',
85
- borderColor: '#FF8FAB',
86
- _disabled: {
87
- bgGradient: 'linear(to-b, #f8f8f8, #fff)',
88
- borderColor: '#ddd',
89
- color: '#ACACAC',
90
- },
91
- },
92
- _active: {
93
- bgGradient: 'linear(to-b, #C02048, #C02048)',
94
- color: '#fff',
95
- },
96
- _disabled: {
97
- color: '#ACACAC',
98
- },
99
- },
100
- },
101
- sizes: {
102
- small: {
103
- minWidth: '32px',
104
- height: '32px',
105
- fontSize: 2,
106
- paddingX: '12px',
107
- },
108
- medium: {
109
- minWidth: '48px',
110
- height: '48px',
111
- fontSize: 3,
112
- paddingX: '16px',
113
- },
114
- },
115
- };
116
- export default ButtonTheme;
117
- //# sourceMappingURL=Button.theme.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Button.theme.js","sourceRoot":"","sources":["../../../../../src/chakra/components/Button/Button.theme.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,GAAG;IAClB,SAAS,EAAE;QACT,MAAM,EAAE,WAAW;QACnB,YAAY,EAAE,MAAM;QACpB,UAAU,EAAE,QAAQ;QACpB,UAAU,EAAE,CAAC;KACd;IACD,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,UAAU,EAAE,gCAAgC;YAC5C,WAAW,EAAE,SAAS;YACtB,KAAK,EAAE,SAAS;YAChB,UAAU,EAAE,MAAM;YAClB,MAAM,EAAE;gBACN,UAAU,EAAE,gCAAgC;gBAC5C,SAAS,EAAE;oBACT,UAAU,EAAE,6BAA6B;oBACzC,WAAW,EAAE,SAAS;iBACvB;aACF;YACD,OAAO,EAAE;gBACP,UAAU,EAAE,gCAAgC;aAC7C;YACD,SAAS,EAAE;gBACT,UAAU,EAAE,6BAA6B;gBACzC,WAAW,EAAE,SAAS;aACvB;SACF;QACD,SAAS,EAAE;YACT,UAAU,EAAE,6BAA6B;YACzC,WAAW,EAAE,MAAM;YACnB,KAAK,EAAE,SAAS;YAChB,MAAM,EAAE;gBACN,UAAU,EAAE,gCAAgC;aAC7C;YACD,OAAO,EAAE;gBACP,UAAU,EAAE,gCAAgC;gBAC5C,KAAK,EAAE,SAAS;aACjB;YACD,SAAS,EAAE;gBACT,KAAK,EAAE,SAAS;aACjB;SACF;QACD,QAAQ,EAAE;YACR,UAAU,EAAE,aAAa;YACzB,WAAW,EAAE,aAAa;YAC1B,KAAK,EAAE,SAAS;YAChB,MAAM,EAAE;gBACN,UAAU,EAAE,SAAS;aACtB;YACD,OAAO,EAAE;gBACP,UAAU,EAAE,SAAS;gBACrB,KAAK,EAAE,SAAS;aACjB;YACD,SAAS,EAAE;gBACT,KAAK,EAAE,SAAS;aACjB;SACF;QACD,aAAa,EAAE;YACb,UAAU,EAAE,gCAAgC;YAC5C,WAAW,EAAE,SAAS;YACtB,KAAK,EAAE,MAAM;YACb,UAAU,EAAE,MAAM;YAClB,MAAM,EAAE;gBACN,UAAU,EAAE,gCAAgC;gBAC5C,SAAS,EAAE;oBACT,UAAU,EAAE,6BAA6B;oBACzC,WAAW,EAAE,SAAS;iBACvB;aACF;YACD,OAAO,EAAE;gBACP,UAAU,EAAE,gCAAgC;aAC7C;YACD,SAAS,EAAE;gBACT,UAAU,EAAE,6BAA6B;gBACzC,WAAW,EAAE,SAAS;aACvB;SACF;QACD,eAAe,EAAE;YACf,UAAU,EAAE,6BAA6B;YACzC,WAAW,EAAE,MAAM;YACnB,KAAK,EAAE,SAAS;YAChB,MAAM,EAAE;gBACN,UAAU,EAAE,gCAAgC;gBAC5C,WAAW,EAAE,SAAS;gBACtB,SAAS,EAAE;oBACT,UAAU,EAAE,6BAA6B;oBACzC,WAAW,EAAE,MAAM;oBACnB,KAAK,EAAE,SAAS;iBACjB;aACF;YACD,OAAO,EAAE;gBACP,UAAU,EAAE,gCAAgC;gBAC5C,KAAK,EAAE,MAAM;aACd;YACD,SAAS,EAAE;gBACT,KAAK,EAAE,SAAS;aACjB;SACF;KACF;IACD,KAAK,EAAE;QACL,KAAK,EAAE;YACL,QAAQ,EAAE,MAAM;YAChB,MAAM,EAAE,MAAM;YACd,QAAQ,EAAE,CAAC;YACX,QAAQ,EAAE,MAAM;SACjB;QACD,MAAM,EAAE;YACN,QAAQ,EAAE,MAAM;YAChB,MAAM,EAAE,MAAM;YACd,QAAQ,EAAE,CAAC;YACX,QAAQ,EAAE,MAAM;SACjB;KACF;CACF,CAAC;AAEF,eAAe,WAAW,CAAC"}
@@ -1,14 +0,0 @@
1
- import React from 'react';
2
- import { IconButtonProps } from '@chakra-ui/react';
3
- import { TypeIconName } from '@bitrise/bitkit';
4
- export interface Props {
5
- iconName: TypeIconName;
6
- label: IconButtonProps['aria-label'];
7
- onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
8
- size?: 'small' | 'medium';
9
- sx?: IconButtonProps['sx'];
10
- variant?: 'primary' | 'secondary' | 'tertiary' | 'dangerPrimary' | 'dangerSecondary';
11
- }
12
- declare const IconButton: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLButtonElement>>;
13
- export default IconButton;
14
- //# sourceMappingURL=IconButton.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../../src/chakra/components/IconButton/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAkC,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnF,OAAO,EAAQ,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,WAAW,KAAK;IACpB,QAAQ,EAAE,YAAY,CAAC;IACvB,KAAK,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IACrC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACvE,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B,EAAE,CAAC,EAAE,eAAe,CAAC,IAAI,CAAC,CAAC;IAC3B,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,eAAe,GAAG,iBAAiB,CAAC;CACtF;AAED,QAAA,MAAM,UAAU,iFAQd,CAAC;AAOH,eAAe,UAAU,CAAC"}
@@ -1,18 +0,0 @@
1
- import React from 'react';
2
- import { IconButton as ChakraIconButton } from '@chakra-ui/react';
3
- import { Icon } from '@bitrise/bitkit';
4
- const IconButton = React.forwardRef((props, ref) => {
5
- const { iconName, label, ...rest } = props;
6
- const properties = {
7
- 'aria-label': label,
8
- icon: React.createElement(Icon, { name: iconName }),
9
- ...rest,
10
- };
11
- return React.createElement(ChakraIconButton, { ref: ref, ...properties });
12
- });
13
- IconButton.defaultProps = {
14
- size: 'medium',
15
- variant: 'primary',
16
- };
17
- export default IconButton;
18
- //# sourceMappingURL=IconButton.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../../../src/chakra/components/IconButton/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAmB,MAAM,kBAAkB,CAAC;AACnF,OAAO,EAAE,IAAI,EAAgB,MAAM,iBAAiB,CAAC;AAWrD,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAA2B,CAAC,KAAY,EAAE,GAAG,EAAE,EAAE;IAClF,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAC3C,MAAM,UAAU,GAAoB;QAClC,YAAY,EAAE,KAAK;QACnB,IAAI,EAAE,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,GAAI;QAC9B,GAAG,IAAI;KACR,CAAC;IACF,OAAO,oBAAC,gBAAgB,IAAC,GAAG,EAAE,GAAG,KAAM,UAAU,GAAI,CAAC;AACxD,CAAC,CAAC,CAAC;AAEH,UAAU,CAAC,YAAY,GAAG;IACxB,IAAI,EAAE,QAAQ;IACd,OAAO,EAAE,SAAS;CACV,CAAC;AAEX,eAAe,UAAU,CAAC"}
@@ -1,6 +0,0 @@
1
- import React from 'react';
2
- import { ComponentStory, ComponentMeta } from '@storybook/react';
3
- declare const _default: ComponentMeta<React.ForwardRefExoticComponent<import("./IconButton").Props & React.RefAttributes<HTMLButtonElement>>>;
4
- export default _default;
5
- export declare const WithProps: ComponentStory<React.ForwardRefExoticComponent<import("./IconButton").Props & React.RefAttributes<HTMLButtonElement>>>;
6
- //# sourceMappingURL=IconButton.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"IconButton.stories.d.ts","sourceRoot":"","sources":["../../../../../src/chakra/components/IconButton/IconButton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;;AAKjE,wBAQsC;AAItC,eAAO,MAAM,SAAS,wHAAoB,CAAC"}
@@ -1,21 +0,0 @@
1
- import React from 'react';
2
- import { sortObjectByKey } from '../../shared';
3
- import { IconList } from '../../../Icon/tsx';
4
- import IconButton from './IconButton';
5
- export default {
6
- title: 'Components/IconButton',
7
- component: IconButton,
8
- argTypes: {
9
- iconName: {
10
- options: IconList,
11
- },
12
- },
13
- };
14
- const Template = ({ ...props }) => React.createElement(IconButton, { ...props });
15
- export const WithProps = Template.bind({});
16
- WithProps.args = sortObjectByKey({
17
- ...IconButton.defaultProps,
18
- iconName: 'AddOns',
19
- label: 'This is the label',
20
- });
21
- //# sourceMappingURL=IconButton.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"IconButton.stories.js","sourceRoot":"","sources":["../../../../../src/chakra/components/IconButton/IconButton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,UAAU,MAAM,cAAc,CAAC;AAEtC,eAAe;IACb,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,UAAU;IACrB,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,OAAO,EAAE,QAAQ;SAClB;KACF;CACkC,CAAC;AAEtC,MAAM,QAAQ,GAAsC,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,oBAAC,UAAU,OAAK,KAAK,GAAI,CAAC;AAEhG,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,SAAS,CAAC,IAAI,GAAG,eAAe,CAAC;IAC/B,GAAG,UAAU,CAAC,YAAY;IAC1B,QAAQ,EAAE,QAAQ;IAClB,KAAK,EAAE,mBAAmB;CAC3B,CAAC,CAAC"}
@@ -1,16 +0,0 @@
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
@@ -1 +0,0 @@
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"}
@@ -1,17 +0,0 @@
1
- import React from 'react';
2
- import { Link as ChakraLink } from '@chakra-ui/react';
3
- const Link = (props) => {
4
- const { isUnderlined, ...rest } = props;
5
- const properties = { ...rest };
6
- properties.as = 'a';
7
- if (isUnderlined) {
8
- properties.textDecoration = 'underline';
9
- }
10
- return React.createElement(ChakraLink, { ...properties });
11
- };
12
- Link.defaultProps = {
13
- color: 'grape-3',
14
- isUnderlined: true,
15
- };
16
- export default Link;
17
- //# sourceMappingURL=Link.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Link.js","sourceRoot":"","sources":["../../../../../src/chakra/components/Link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,IAAI,UAAU,EAAa,MAAM,kBAAkB,CAAC;AAYjE,MAAM,IAAI,GAAG,CAAC,KAAY,EAAE,EAAE;IAC5B,MAAM,EAAE,YAAY,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACxC,MAAM,UAAU,GAAc,EAAE,GAAG,IAAI,EAAE,CAAC;IAC1C,UAAU,CAAC,EAAE,GAAG,GAAG,CAAC;IACpB,IAAI,YAAY,EAAE;QAChB,UAAU,CAAC,cAAc,GAAG,WAAW,CAAC;KACzC;IAED,OAAO,oBAAC,UAAU,OAAK,UAAU,GAAI,CAAC;AACxC,CAAC,CAAC;AAEF,IAAI,CAAC,YAAY,GAAG;IAClB,KAAK,EAAE,SAAS;IAChB,YAAY,EAAE,IAAI;CACV,CAAC;AAEX,eAAe,IAAI,CAAC"}
@@ -1,12 +0,0 @@
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
@@ -1 +0,0 @@
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"}
@@ -1,16 +0,0 @@
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
@@ -1 +0,0 @@
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"}
@@ -1,6 +0,0 @@
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
@@ -1 +0,0 @@
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"}
@@ -1,5 +0,0 @@
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
@@ -1 +0,0 @@
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"}
@@ -1,9 +0,0 @@
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
@@ -1 +0,0 @@
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"}
@@ -1,39 +0,0 @@
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
@@ -1 +0,0 @@
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"}
@@ -1,4 +0,0 @@
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
@@ -1 +0,0 @@
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"}
@@ -1,21 +0,0 @@
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
@@ -1 +0,0 @@
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"}
@@ -1,12 +0,0 @@
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
@@ -1 +0,0 @@
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"}
@@ -1,12 +0,0 @@
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
@@ -1 +0,0 @@
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"}
@@ -1,16 +0,0 @@
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
@@ -1 +0,0 @@
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"}
@@ -1,30 +0,0 @@
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
@@ -1 +0,0 @@
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"}
@@ -1,13 +0,0 @@
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
@@ -1 +0,0 @@
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"}
@@ -1,16 +0,0 @@
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
@@ -1 +0,0 @@
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"}
@@ -1,45 +0,0 @@
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
@@ -1 +0,0 @@
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"}