@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,119 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ var ButtonTheme = {
4
+ baseStyle: {
5
+ border: '1px solid',
6
+ borderRadius: 'base',
7
+ fontWeight: 'normal',
8
+ lineHeight: 3,
9
+ },
10
+ variants: {
11
+ primary: {
12
+ bgGradient: 'linear(to-b, #6C0EB2, #450674)',
13
+ borderColor: '#683D87',
14
+ color: '#F8F8F8',
15
+ fontWeight: 'bold',
16
+ _hover: {
17
+ bgGradient: 'linear(to-b, #50167B, #3D125D)',
18
+ _disabled: {
19
+ bgGradient: 'linear(to-b, #ccc, #ACACAC)',
20
+ borderColor: '#ACACAC',
21
+ },
22
+ },
23
+ _active: {
24
+ bgGradient: 'linear(to-b, #351D48, #351D48)',
25
+ },
26
+ _disabled: {
27
+ bgGradient: 'linear(to-b, #ccc, #ACACAC)',
28
+ borderColor: '#ACACAC',
29
+ },
30
+ },
31
+ secondary: {
32
+ bgGradient: 'linear(to-b, #f8f8f8, #fff)',
33
+ borderColor: '#ddd',
34
+ color: '#351D48',
35
+ _hover: {
36
+ bgGradient: 'linear(to-b, #ECECEC, #ECECEC)',
37
+ },
38
+ _active: {
39
+ bgGradient: 'linear(to-b, #351D48, #351D48)',
40
+ color: '#F8F8F8',
41
+ },
42
+ _disabled: {
43
+ color: '#ACACAC',
44
+ },
45
+ },
46
+ tertiary: {
47
+ background: 'transparent',
48
+ borderColor: 'transparent',
49
+ color: '#760FC3',
50
+ _hover: {
51
+ background: '#F8F0FF',
52
+ },
53
+ _active: {
54
+ background: '#351D48',
55
+ color: '#F8F8F8',
56
+ },
57
+ _disabled: {
58
+ color: '#ACACAC',
59
+ },
60
+ },
61
+ dangerPrimary: {
62
+ bgGradient: 'linear(to-b, #E41447, #FF2158)',
63
+ borderColor: '#D4093C',
64
+ color: '#fff',
65
+ fontWeight: 'bold',
66
+ _hover: {
67
+ bgGradient: 'linear(to-b, #C90032, #C90032)',
68
+ _disabled: {
69
+ bgGradient: 'linear(to-b, #ccc, #acacac)',
70
+ borderColor: '#ACACAC',
71
+ },
72
+ },
73
+ _active: {
74
+ bgGradient: 'linear(to-b, #C02048, #C02048)',
75
+ },
76
+ _disabled: {
77
+ bgGradient: 'linear(to-b, #ccc, #acacac)',
78
+ borderColor: '#ACACAC',
79
+ },
80
+ },
81
+ dangerSecondary: {
82
+ bgGradient: 'linear(to-b, #f8f8f8, #fff)',
83
+ borderColor: '#ddd',
84
+ color: '#FF2158',
85
+ _hover: {
86
+ bgGradient: 'linear(to-b, #FFE8EE, #FFE8EE)',
87
+ borderColor: '#FF8FAB',
88
+ _disabled: {
89
+ bgGradient: 'linear(to-b, #f8f8f8, #fff)',
90
+ borderColor: '#ddd',
91
+ color: '#ACACAC',
92
+ },
93
+ },
94
+ _active: {
95
+ bgGradient: 'linear(to-b, #C02048, #C02048)',
96
+ color: '#fff',
97
+ },
98
+ _disabled: {
99
+ color: '#ACACAC',
100
+ },
101
+ },
102
+ },
103
+ sizes: {
104
+ small: {
105
+ minWidth: '32px',
106
+ height: '32px',
107
+ fontSize: 2,
108
+ paddingX: '12px',
109
+ },
110
+ medium: {
111
+ minWidth: '48px',
112
+ height: '48px',
113
+ fontSize: 3,
114
+ paddingX: '16px',
115
+ },
116
+ },
117
+ };
118
+ exports.default = ButtonTheme;
119
+ //# sourceMappingURL=Button.theme.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Button.theme.js","sourceRoot":"","sources":["../../../../../src/chakra/components/Button/Button.theme.ts"],"names":[],"mappings":";;AAAA,IAAM,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,kBAAe,WAAW,CAAC"}
@@ -0,0 +1,14 @@
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
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,41 @@
1
+ "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
13
+ var __rest = (this && this.__rest) || function (s, e) {
14
+ var t = {};
15
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
16
+ t[p] = s[p];
17
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
18
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
19
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
20
+ t[p[i]] = s[p[i]];
21
+ }
22
+ return t;
23
+ };
24
+ var __importDefault = (this && this.__importDefault) || function (mod) {
25
+ return (mod && mod.__esModule) ? mod : { "default": mod };
26
+ };
27
+ Object.defineProperty(exports, "__esModule", { value: true });
28
+ var react_1 = __importDefault(require("react"));
29
+ var react_2 = require("@chakra-ui/react");
30
+ var bitkit_1 = require("@bitrise/bitkit");
31
+ var IconButton = react_1.default.forwardRef(function (props, ref) {
32
+ var iconName = props.iconName, label = props.label, rest = __rest(props, ["iconName", "label"]);
33
+ var properties = __assign({ 'aria-label': label, icon: react_1.default.createElement(bitkit_1.Icon, { name: iconName }) }, rest);
34
+ return react_1.default.createElement(react_2.IconButton, __assign({ ref: ref }, properties));
35
+ });
36
+ IconButton.defaultProps = {
37
+ size: 'medium',
38
+ variant: 'primary',
39
+ };
40
+ exports.default = IconButton;
41
+ //# sourceMappingURL=IconButton.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../../../src/chakra/components/IconButton/IconButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,0CAAmF;AACnF,0CAAqD;AAWrD,IAAM,UAAU,GAAG,eAAK,CAAC,UAAU,CAA2B,UAAC,KAAY,EAAE,GAAG;IACtE,IAAA,QAAQ,GAAqB,KAAK,SAA1B,EAAE,KAAK,GAAc,KAAK,MAAnB,EAAK,IAAI,UAAK,KAAK,EAApC,qBAA4B,CAAF,CAAW;IAC3C,IAAM,UAAU,cACd,YAAY,EAAE,KAAK,EACnB,IAAI,EAAE,8BAAC,aAAI,IAAC,IAAI,EAAE,QAAQ,GAAI,IAC3B,IAAI,CACR,CAAC;IACF,OAAO,8BAAC,kBAAgB,aAAC,GAAG,EAAE,GAAG,IAAM,UAAU,EAAI,CAAC;AACxD,CAAC,CAAC,CAAC;AAEH,UAAU,CAAC,YAAY,GAAG;IACxB,IAAI,EAAE,QAAQ;IACd,OAAO,EAAE,SAAS;CACV,CAAC;AAEX,kBAAe,UAAU,CAAC"}
@@ -0,0 +1,6 @@
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
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,48 @@
1
+ "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
13
+ var __rest = (this && this.__rest) || function (s, e) {
14
+ var t = {};
15
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
16
+ t[p] = s[p];
17
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
18
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
19
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
20
+ t[p[i]] = s[p[i]];
21
+ }
22
+ return t;
23
+ };
24
+ var __importDefault = (this && this.__importDefault) || function (mod) {
25
+ return (mod && mod.__esModule) ? mod : { "default": mod };
26
+ };
27
+ Object.defineProperty(exports, "__esModule", { value: true });
28
+ exports.WithProps = void 0;
29
+ var react_1 = __importDefault(require("react"));
30
+ var shared_1 = require("../../shared");
31
+ var tsx_1 = require("../../../Icon/tsx");
32
+ var IconButton_1 = __importDefault(require("./IconButton"));
33
+ exports.default = {
34
+ title: 'Components/IconButton',
35
+ component: IconButton_1.default,
36
+ argTypes: {
37
+ iconName: {
38
+ options: tsx_1.IconList,
39
+ },
40
+ },
41
+ };
42
+ var Template = function (_a) {
43
+ var props = __rest(_a, []);
44
+ return react_1.default.createElement(IconButton_1.default, __assign({}, props));
45
+ };
46
+ exports.WithProps = Template.bind({});
47
+ exports.WithProps.args = (0, shared_1.sortObjectByKey)(__assign(__assign({}, IconButton_1.default.defaultProps), { iconName: 'AddOns', label: 'This is the label' }));
48
+ //# sourceMappingURL=IconButton.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"IconButton.stories.js","sourceRoot":"","sources":["../../../../../src/chakra/components/IconButton/IconButton.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,uCAA+C;AAC/C,yCAA6C;AAC7C,4DAAsC;AAEtC,kBAAe;IACb,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,oBAAU;IACrB,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,OAAO,EAAE,cAAQ;SAClB;KACF;CACkC,CAAC;AAEtC,IAAM,QAAQ,GAAsC,UAAC,EAAY;QAAP,KAAK,cAAV,EAAY,CAAF;IAAO,OAAA,8BAAC,oBAAU,eAAK,KAAK,EAAI,CAAA;CAAA,CAAC;AAEnF,QAAA,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,iBAAS,CAAC,IAAI,GAAG,IAAA,wBAAe,wBAC3B,oBAAU,CAAC,YAAY,KAC1B,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,mBAAmB,IAC1B,CAAC"}
@@ -0,0 +1,16 @@
1
+ /// <reference types="react" />
2
+ import { LinkProps } from '@chakra-ui/react';
3
+ export declare type TypeLinkColor = 'grape-3' | 'grape-5' | 'gray-1' | 'gray-5' | 'white' | 'inherit';
4
+ export interface Props {
5
+ children: LinkProps['children'];
6
+ color?: TypeLinkColor;
7
+ href: string;
8
+ isUnderlined?: boolean;
9
+ target?: '_blank' | '_parent' | '_self' | '_top';
10
+ }
11
+ declare const Link: {
12
+ (props: Props): JSX.Element;
13
+ defaultProps: Props;
14
+ };
15
+ export default Link;
16
+ //# sourceMappingURL=Link.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../../src/chakra/components/Link/Link.tsx"],"names":[],"mappings":";AACA,OAAO,EAAsB,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAEjE,oBAAY,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;AAE9F,MAAM,WAAW,KAAK;IACpB,QAAQ,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IAChC,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;CAClD;AAED,QAAA,MAAM,IAAI;YAAW,KAAK;;CASzB,CAAC;AAOF,eAAe,IAAI,CAAC"}
@@ -0,0 +1,44 @@
1
+ "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
13
+ var __rest = (this && this.__rest) || function (s, e) {
14
+ var t = {};
15
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
16
+ t[p] = s[p];
17
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
18
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
19
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
20
+ t[p[i]] = s[p[i]];
21
+ }
22
+ return t;
23
+ };
24
+ var __importDefault = (this && this.__importDefault) || function (mod) {
25
+ return (mod && mod.__esModule) ? mod : { "default": mod };
26
+ };
27
+ Object.defineProperty(exports, "__esModule", { value: true });
28
+ var react_1 = __importDefault(require("react"));
29
+ var react_2 = require("@chakra-ui/react");
30
+ var Link = function (props) {
31
+ var isUnderlined = props.isUnderlined, rest = __rest(props, ["isUnderlined"]);
32
+ var properties = __assign({}, rest);
33
+ properties.as = 'a';
34
+ if (isUnderlined) {
35
+ properties.textDecoration = 'underline';
36
+ }
37
+ return react_1.default.createElement(react_2.Link, __assign({}, properties));
38
+ };
39
+ Link.defaultProps = {
40
+ color: 'grape-3',
41
+ isUnderlined: true,
42
+ };
43
+ exports.default = Link;
44
+ //# sourceMappingURL=Link.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Link.js","sourceRoot":"","sources":["../../../../../src/chakra/components/Link/Link.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,0CAAiE;AAYjE,IAAM,IAAI,GAAG,UAAC,KAAY;IAChB,IAAA,YAAY,GAAc,KAAK,aAAnB,EAAK,IAAI,UAAK,KAAK,EAAjC,gBAAyB,CAAF,CAAW;IACxC,IAAM,UAAU,gBAAmB,IAAI,CAAE,CAAC;IAC1C,UAAU,CAAC,EAAE,GAAG,GAAG,CAAC;IACpB,IAAI,YAAY,EAAE;QAChB,UAAU,CAAC,cAAc,GAAG,WAAW,CAAC;KACzC;IAED,OAAO,8BAAC,YAAU,eAAK,UAAU,EAAI,CAAC;AACxC,CAAC,CAAC;AAEF,IAAI,CAAC,YAAY,GAAG;IAClB,KAAK,EAAE,SAAS;IAChB,YAAY,EAAE,IAAI;CACV,CAAC;AAEX,kBAAe,IAAI,CAAC"}
@@ -0,0 +1,12 @@
1
+ /// <reference types="react" />
2
+ import { ComponentStory, ComponentMeta } from '@storybook/react';
3
+ declare const _default: ComponentMeta<{
4
+ (props: import("./Link").Props): JSX.Element;
5
+ defaultProps: import("./Link").Props;
6
+ }>;
7
+ export default _default;
8
+ export declare const WithProps: ComponentStory<{
9
+ (props: import("./Link").Props): JSX.Element;
10
+ defaultProps: import("./Link").Props;
11
+ }>;
12
+ //# sourceMappingURL=Link.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Link.stories.d.ts","sourceRoot":"","sources":["../../../../../src/chakra/components/Link/Link.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;;;;;AAIjE,wBAGgC;AAIhC,eAAO,MAAM,SAAS;;;EAAoB,CAAC"}
@@ -0,0 +1,42 @@
1
+ "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
13
+ var __rest = (this && this.__rest) || function (s, e) {
14
+ var t = {};
15
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
16
+ t[p] = s[p];
17
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
18
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
19
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
20
+ t[p[i]] = s[p[i]];
21
+ }
22
+ return t;
23
+ };
24
+ var __importDefault = (this && this.__importDefault) || function (mod) {
25
+ return (mod && mod.__esModule) ? mod : { "default": mod };
26
+ };
27
+ Object.defineProperty(exports, "__esModule", { value: true });
28
+ exports.WithProps = void 0;
29
+ var react_1 = __importDefault(require("react"));
30
+ var shared_1 = require("../../shared");
31
+ var Link_1 = __importDefault(require("./Link"));
32
+ exports.default = {
33
+ title: 'Components/Link',
34
+ component: Link_1.default,
35
+ };
36
+ var Template = function (_a) {
37
+ var props = __rest(_a, []);
38
+ return react_1.default.createElement(Link_1.default, __assign({}, props));
39
+ };
40
+ exports.WithProps = Template.bind({});
41
+ exports.WithProps.args = (0, shared_1.sortObjectByKey)(__assign(__assign({}, Link_1.default.defaultProps), { children: 'The quick brown fox jumps over the lazy dog.', href: '#', target: '_self' }));
42
+ //# sourceMappingURL=Link.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Link.stories.js","sourceRoot":"","sources":["../../../../../src/chakra/components/Link/Link.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,uCAA+C;AAC/C,gDAA0B;AAE1B,kBAAe;IACb,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,cAAI;CACc,CAAC;AAEhC,IAAM,QAAQ,GAAgC,UAAC,EAAY;QAAP,KAAK,cAAV,EAAY,CAAF;IAAO,OAAA,8BAAC,cAAI,eAAK,KAAK,EAAI,CAAA;CAAA,CAAC;AAEvE,QAAA,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,iBAAS,CAAC,IAAI,GAAG,IAAA,wBAAe,wBAC3B,cAAI,CAAC,YAAY,KACpB,QAAQ,EAAE,8CAA8C,EACxD,IAAI,EAAE,GAAG,EACT,MAAM,EAAE,OAAO,IACf,CAAC"}
@@ -0,0 +1,6 @@
1
+ /// <reference types="react" />
2
+ import { MenuProps } from '@chakra-ui/react';
3
+ export declare type Props = MenuProps;
4
+ declare const Menu: (props: Props) => JSX.Element;
5
+ export default Menu;
6
+ //# sourceMappingURL=Menu.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../../src/chakra/components/Menu/Menu.tsx"],"names":[],"mappings":";AACA,OAAO,EAAsB,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAEjE,oBAAY,KAAK,GAAG,SAAS,CAAC;AAE9B,QAAA,MAAM,IAAI,UAAW,KAAK,gBAA8B,CAAC;AAEzD,eAAe,IAAI,CAAC"}
@@ -0,0 +1,21 @@
1
+ "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
13
+ var __importDefault = (this && this.__importDefault) || function (mod) {
14
+ return (mod && mod.__esModule) ? mod : { "default": mod };
15
+ };
16
+ Object.defineProperty(exports, "__esModule", { value: true });
17
+ var react_1 = __importDefault(require("react"));
18
+ var react_2 = require("@chakra-ui/react");
19
+ var Menu = function (props) { return react_1.default.createElement(react_2.Menu, __assign({}, props)); };
20
+ exports.default = Menu;
21
+ //# sourceMappingURL=Menu.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../../../src/chakra/components/Menu/Menu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,0CAAiE;AAIjE,IAAM,IAAI,GAAG,UAAC,KAAY,IAAK,OAAA,8BAAC,YAAU,eAAK,KAAK,EAAI,EAAzB,CAAyB,CAAC;AAEzD,kBAAe,IAAI,CAAC"}
@@ -0,0 +1,9 @@
1
+ /// <reference types="react" />
2
+ import { ComponentStory, ComponentMeta } from '@storybook/react';
3
+ import Menu from './Menu';
4
+ declare const _default: ComponentMeta<(props: import("@chakra-ui/react").MenuProps) => JSX.Element>;
5
+ export default _default;
6
+ export declare const WithButton: ComponentStory<typeof Menu>;
7
+ export declare const WithIconButton: ComponentStory<typeof Menu>;
8
+ export declare const WithButtonGroup: ComponentStory<typeof Menu>;
9
+ //# sourceMappingURL=Menu.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Menu.stories.d.ts","sourceRoot":"","sources":["../../../../../src/chakra/components/Menu/Menu.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAIjE,OAAO,IAAI,MAAM,QAAQ,CAAC;;AAG1B,wBAIgC;AAEhC,eAAO,MAAM,UAAU,EAAE,cAAc,CAAC,OAAO,IAAI,CAWlD,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,cAAc,CAAC,OAAO,IAAI,CAWtD,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,cAAc,CAAC,OAAO,IAAI,CAgBvD,CAAC"}
@@ -0,0 +1,48 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.WithButtonGroup = exports.WithIconButton = exports.WithButton = void 0;
7
+ var react_1 = __importDefault(require("react"));
8
+ var react_2 = require("@chakra-ui/react");
9
+ var Button_1 = __importDefault(require("../Button/Button"));
10
+ var IconButton_1 = __importDefault(require("../IconButton/IconButton"));
11
+ var Menu_1 = __importDefault(require("./Menu"));
12
+ var MenuItem_1 = __importDefault(require("./MenuItem"));
13
+ exports.default = {
14
+ title: 'Components/Menu',
15
+ component: Menu_1.default,
16
+ subcomponents: { MenuButton: react_2.MenuButton, MenuList: react_2.MenuList, MenuItem: MenuItem_1.default },
17
+ };
18
+ var WithButton = function () { return (react_1.default.createElement(Menu_1.default, null,
19
+ react_1.default.createElement(react_2.MenuButton, { as: Button_1.default }, "Actions"),
20
+ react_1.default.createElement(react_2.MenuList, null,
21
+ react_1.default.createElement(MenuItem_1.default, { iconName: "AddOnsColorTuorqouise" }, "Download"),
22
+ react_1.default.createElement(MenuItem_1.default, { iconName: "AddOnsColorTuorqouise" }, "Create a Copy"),
23
+ react_1.default.createElement(MenuItem_1.default, { iconName: "AddOnsColorTuorqouise" }, "Mark as Draft"),
24
+ react_1.default.createElement(MenuItem_1.default, { iconName: "AddOnsColorTuorqouise" }, "Delete"),
25
+ react_1.default.createElement(MenuItem_1.default, { iconName: "AddOnsColorTuorqouise" }, "Attend a Workshop")))); };
26
+ exports.WithButton = WithButton;
27
+ var WithIconButton = function () { return (react_1.default.createElement(Menu_1.default, null,
28
+ react_1.default.createElement(react_2.MenuButton, { as: IconButton_1.default, iconName: "AddOnsColorTuorqouise", label: "Open menu" }),
29
+ react_1.default.createElement(react_2.MenuList, null,
30
+ react_1.default.createElement(MenuItem_1.default, { iconName: "AddOnsColorTuorqouise" }, "Download"),
31
+ react_1.default.createElement(MenuItem_1.default, { iconName: "AddOnsColorTuorqouise" }, "Create a Copy"),
32
+ react_1.default.createElement(MenuItem_1.default, { iconName: "AddOnsColorTuorqouise" }, "Mark as Draft"),
33
+ react_1.default.createElement(MenuItem_1.default, { iconName: "AddOnsColorTuorqouise" }, "Delete"),
34
+ react_1.default.createElement(MenuItem_1.default, { iconName: "AddOnsColorTuorqouise" }, "Attend a Workshop")))); };
35
+ exports.WithIconButton = WithIconButton;
36
+ var WithButtonGroup = function () { return (react_1.default.createElement(react_2.HStack, { justifyContent: "end" },
37
+ react_1.default.createElement(react_2.ButtonGroup, { isAttached: true },
38
+ react_1.default.createElement(Button_1.default, null, "Button"),
39
+ react_1.default.createElement(Menu_1.default, null,
40
+ react_1.default.createElement(react_2.MenuButton, { as: IconButton_1.default, iconName: "AddOnsColorTuorqouise", label: "Open menu" }),
41
+ react_1.default.createElement(react_2.MenuList, null,
42
+ react_1.default.createElement(MenuItem_1.default, { iconName: "AddOnsColorTuorqouise" }, "Download"),
43
+ react_1.default.createElement(MenuItem_1.default, { iconName: "AddOnsColorTuorqouise" }, "Create a Copy"),
44
+ react_1.default.createElement(MenuItem_1.default, { iconName: "AddOnsColorTuorqouise" }, "Mark as Draft"),
45
+ react_1.default.createElement(MenuItem_1.default, { iconName: "AddOnsColorTuorqouise" }, "Delete"),
46
+ react_1.default.createElement(MenuItem_1.default, { iconName: "AddOnsColorTuorqouise" }, "Attend a Workshop")))))); };
47
+ exports.WithButtonGroup = WithButtonGroup;
48
+ //# sourceMappingURL=Menu.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Menu.stories.js","sourceRoot":"","sources":["../../../../../src/chakra/components/Menu/Menu.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAA0B;AAE1B,0CAA6E;AAC7E,4DAAsC;AACtC,wEAAkD;AAClD,gDAA0B;AAC1B,wDAAkC;AAElC,kBAAe;IACb,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,cAAI;IACf,aAAa,EAAE,EAAE,UAAU,oBAAA,EAAE,QAAQ,kBAAA,EAAE,QAAQ,oBAAA,EAAE;CACpB,CAAC;AAEzB,IAAM,UAAU,GAAgC,cAAM,OAAA,CAC3D,8BAAC,cAAI;IACH,8BAAC,kBAAU,IAAC,EAAE,EAAE,gBAAM,cAAsB;IAC5C,8BAAC,gBAAQ;QACP,8BAAC,kBAAQ,IAAC,QAAQ,EAAC,uBAAuB,eAAoB;QAC9D,8BAAC,kBAAQ,IAAC,QAAQ,EAAC,uBAAuB,oBAAyB;QACnE,8BAAC,kBAAQ,IAAC,QAAQ,EAAC,uBAAuB,oBAAyB;QACnE,8BAAC,kBAAQ,IAAC,QAAQ,EAAC,uBAAuB,aAAkB;QAC5D,8BAAC,kBAAQ,IAAC,QAAQ,EAAC,uBAAuB,wBAA6B,CAC9D,CACN,CACR,EAX4D,CAW5D,CAAC;AAXW,QAAA,UAAU,cAWrB;AAEK,IAAM,cAAc,GAAgC,cAAM,OAAA,CAC/D,8BAAC,cAAI;IACH,8BAAC,kBAAU,IAAC,EAAE,EAAE,oBAAU,EAAE,QAAQ,EAAC,uBAAuB,EAAC,KAAK,EAAC,WAAW,GAAG;IACjF,8BAAC,gBAAQ;QACP,8BAAC,kBAAQ,IAAC,QAAQ,EAAC,uBAAuB,eAAoB;QAC9D,8BAAC,kBAAQ,IAAC,QAAQ,EAAC,uBAAuB,oBAAyB;QACnE,8BAAC,kBAAQ,IAAC,QAAQ,EAAC,uBAAuB,oBAAyB;QACnE,8BAAC,kBAAQ,IAAC,QAAQ,EAAC,uBAAuB,aAAkB;QAC5D,8BAAC,kBAAQ,IAAC,QAAQ,EAAC,uBAAuB,wBAA6B,CAC9D,CACN,CACR,EAXgE,CAWhE,CAAC;AAXW,QAAA,cAAc,kBAWzB;AAEK,IAAM,eAAe,GAAgC,cAAM,OAAA,CAChE,8BAAC,cAAM,IAAC,cAAc,EAAC,KAAK;IAC1B,8BAAC,mBAAW,IAAC,UAAU;QACrB,8BAAC,gBAAM,iBAAgB;QACvB,8BAAC,cAAI;YACH,8BAAC,kBAAU,IAAC,EAAE,EAAE,oBAAU,EAAE,QAAQ,EAAC,uBAAuB,EAAC,KAAK,EAAC,WAAW,GAAG;YACjF,8BAAC,gBAAQ;gBACP,8BAAC,kBAAQ,IAAC,QAAQ,EAAC,uBAAuB,eAAoB;gBAC9D,8BAAC,kBAAQ,IAAC,QAAQ,EAAC,uBAAuB,oBAAyB;gBACnE,8BAAC,kBAAQ,IAAC,QAAQ,EAAC,uBAAuB,oBAAyB;gBACnE,8BAAC,kBAAQ,IAAC,QAAQ,EAAC,uBAAuB,aAAkB;gBAC5D,8BAAC,kBAAQ,IAAC,QAAQ,EAAC,uBAAuB,wBAA6B,CAC9D,CACN,CACK,CACP,CACV,EAhBiE,CAgBjE,CAAC;AAhBW,QAAA,eAAe,mBAgB1B"}
@@ -0,0 +1,4 @@
1
+ import type { SystemStyleObject } from '@chakra-ui/theme-tools';
2
+ declare const MenuTheme: SystemStyleObject;
3
+ export default MenuTheme;
4
+ //# sourceMappingURL=Menu.theme.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Menu.theme.d.ts","sourceRoot":"","sources":["../../../../../src/chakra/components/Menu/Menu.theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAEhE,QAAA,MAAM,SAAS,EAAE,iBAkBhB,CAAC;AAEF,eAAe,SAAS,CAAC"}
@@ -0,0 +1,23 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ var MenuTheme = {
4
+ baseStyle: {
5
+ list: {
6
+ backgroundColor: '#fff',
7
+ borderRadius: '8px',
8
+ filter: 'drop-shadow(0 0.125rem 0.3125rem rgba(199, 205, 207, 0.7))',
9
+ paddingY: '16px',
10
+ },
11
+ item: {
12
+ padding: '12px 32px',
13
+ _focus: {
14
+ backgroundColor: '#F8F0FF',
15
+ },
16
+ _hover: {
17
+ backgroundColor: '#F8F0FF',
18
+ },
19
+ },
20
+ },
21
+ };
22
+ exports.default = MenuTheme;
23
+ //# sourceMappingURL=Menu.theme.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Menu.theme.js","sourceRoot":"","sources":["../../../../../src/chakra/components/Menu/Menu.theme.ts"],"names":[],"mappings":";;AAEA,IAAM,SAAS,GAAsB;IACnC,SAAS,EAAE;QACT,IAAI,EAAE;YACJ,eAAe,EAAE,MAAM;YACvB,YAAY,EAAE,KAAK;YACnB,MAAM,EAAE,4DAA4D;YACpE,QAAQ,EAAE,MAAM;SACjB;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,WAAW;YACpB,MAAM,EAAE;gBACN,eAAe,EAAE,SAAS;aAC3B;YACD,MAAM,EAAE;gBACN,eAAe,EAAE,SAAS;aAC3B;SACF;KACF;CACF,CAAC;AAEF,kBAAe,SAAS,CAAC"}
@@ -0,0 +1,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,39 @@
1
+ "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
13
+ var __rest = (this && this.__rest) || function (s, e) {
14
+ var t = {};
15
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
16
+ t[p] = s[p];
17
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
18
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
19
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
20
+ t[p[i]] = s[p[i]];
21
+ }
22
+ return t;
23
+ };
24
+ var __importDefault = (this && this.__importDefault) || function (mod) {
25
+ return (mod && mod.__esModule) ? mod : { "default": mod };
26
+ };
27
+ Object.defineProperty(exports, "__esModule", { value: true });
28
+ var react_1 = __importDefault(require("react"));
29
+ var react_2 = require("@chakra-ui/react");
30
+ var bitkit_1 = require("@bitrise/bitkit");
31
+ var MenuItem = function (props) {
32
+ var iconName = props.iconName, rest = __rest(props, ["iconName"]);
33
+ var properties = __assign({}, rest);
34
+ properties.icon = react_1.default.createElement(bitkit_1.Icon, { name: iconName });
35
+ properties.iconSpacing = '16px';
36
+ return react_1.default.createElement(react_2.MenuItem, __assign({}, properties));
37
+ };
38
+ exports.default = MenuItem;
39
+ //# sourceMappingURL=MenuItem.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MenuItem.js","sourceRoot":"","sources":["../../../../../src/chakra/components/Menu/MenuItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,0CAA6E;AAC7E,0CAAqD;AASrD,IAAM,QAAQ,GAAG,UAAC,KAAY;IACpB,IAAA,QAAQ,GAAc,KAAK,SAAnB,EAAK,IAAI,UAAK,KAAK,EAA7B,YAAqB,CAAF,CAAW;IACpC,IAAM,UAAU,gBAAuB,IAAI,CAAE,CAAC;IAC9C,UAAU,CAAC,IAAI,GAAG,8BAAC,aAAI,IAAC,IAAI,EAAE,QAAQ,GAAI,CAAC;IAC3C,UAAU,CAAC,WAAW,GAAG,MAAM,CAAC;IAChC,OAAO,8BAAC,gBAAc,eAAK,UAAU,EAAI,CAAC;AAC5C,CAAC,CAAC;AAEF,kBAAe,QAAQ,CAAC"}
@@ -0,0 +1,16 @@
1
+ /// <reference types="react" />
2
+ declare type IconName = 'BuildstatusAborted' | 'BuildstatusFailed' | 'BuildstatusLoadingAnimated' | 'BuildstatusNeverbuilt' | 'BuildstatusSuccessful';
3
+ declare type Variant = 'aborted' | 'failed' | 'onHold' | 'running' | 'starting' | 'success';
4
+ export interface Props {
5
+ children?: string;
6
+ iconName?: IconName;
7
+ size?: 'big' | 'normal' | 'small';
8
+ variant: Variant;
9
+ width?: '8.5rem' | 'auto';
10
+ }
11
+ declare const StatusTag: {
12
+ ({ children, iconName, size, variant, width }: Props): JSX.Element;
13
+ defaultProps: Props;
14
+ };
15
+ export default StatusTag;
16
+ //# sourceMappingURL=StatusTag.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"StatusTag.d.ts","sourceRoot":"","sources":["../../../../../src/chakra/components/StatusTag/StatusTag.tsx"],"names":[],"mappings":";AAKA,aAAK,QAAQ,GACT,oBAAoB,GACpB,mBAAmB,GACnB,4BAA4B,GAC5B,uBAAuB,GACvB,uBAAuB,CAAC;AAE5B,aAAK,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;AAEpF,MAAM,WAAW,KAAK;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,OAAO,CAAC;IAClC,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;CAC3B;AAiBD,QAAA,MAAM,SAAS;mDAAkD,KAAK;;CAUrE,CAAC;AAOF,eAAe,SAAS,CAAC"}