@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
@@ -16,7 +16,7 @@
16
16
  .DropdownMenu__group-text::after {
17
17
  content: '';
18
18
  flex: 1;
19
- /* stylelint-disable-next-line unit-blacklist */
19
+ /* stylelint-disable-next-line unit-disallowed-list */
20
20
  height: 1px;
21
21
  background-color: var(--color-gray--3);
22
22
  }
@@ -3,11 +3,18 @@
3
3
  --Toggle--border: 0.125rem;
4
4
  }
5
5
 
6
+ .Toggle__container--disabled {
7
+ cursor: not-allowed;
8
+ }
9
+
6
10
  .Toggle {
7
11
  display: block;
8
12
  position: relative;
9
13
  width: calc(var(--Toggle--size) * 2);
10
14
  height: var(--Toggle--size);
15
+ }
16
+
17
+ .Toggle__container:not(.Toggle__container--disabled) .Toggle {
11
18
  cursor: pointer;
12
19
  }
13
20
 
@@ -56,6 +63,10 @@
56
63
  .Toggle__icon-left { left: var(--Toggle--border); }
57
64
  .Toggle__icon-right { right: var(--Toggle--border); }
58
65
 
66
+ .Toggle__container--disabled .Toggle__control {
67
+ background-color: var(--color-gray--2);
68
+ }
69
+
59
70
  .Toggle__input:checked + .Toggle__control {
60
71
  background-color: var(--color-aqua--3)
61
72
  }
@@ -63,3 +74,11 @@
63
74
  .Toggle__input:checked + .Toggle__control .Toggle__knob {
64
75
  transform: translate(calc(100% + (var(--Toggle--border) * 2)), -50%);
65
76
  }
77
+
78
+ .Toggle__container--disabled .Toggle__input:checked + .Toggle__control {
79
+ background-color: var(--color-aqua--2);
80
+ }
81
+
82
+ .Toggle__container--disabled .Toggle__label {
83
+ opacity: 0.8;
84
+ }
@@ -8,6 +8,8 @@ export interface Props extends FlexProps {
8
8
  defaultChecked?: boolean;
9
9
  /** Handler for when the toggle state changes */
10
10
  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
11
+ /** Applies styling to indicate the input is disabled */
12
+ disabled?: boolean;
11
13
  }
12
14
  /**
13
15
  * A slick styled toggle component.
@@ -1 +1 @@
1
- {"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAa,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AAExD,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC,6BAA6B;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0FAA0F;IAC1F,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CACjE;AAED;;GAEG;AACH,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAiC1C,CAAC;AAEF,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAa,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AAExD,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC,6BAA6B;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0FAA0F;IAC1F,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAChE,wDAAwD;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CA6C1C,CAAC;AAEF,eAAe,MAAM,CAAC"}
@@ -1,4 +1,5 @@
1
1
  import * as React from 'react';
2
+ import classnames from 'classnames';
2
3
  import Flex from '../Flex/Flex';
3
4
  import Icon from '../Icon/Icon';
4
5
  import './Toggle.css';
@@ -6,17 +7,20 @@ import './Toggle.css';
6
7
  * A slick styled toggle component.
7
8
  */
8
9
  const Toggle = (props) => {
9
- const { checked, children, defaultChecked, onChange, ...rest } = props;
10
- return (React.createElement(Flex, { ...rest, Component: "label", alignChildrenVertical: "middle", direction: "horizontal", gap: "x2" },
10
+ const { className, checked, children, defaultChecked, onChange, disabled, ...rest } = props;
11
+ const classes = classnames(className, 'Toggle__container', {
12
+ 'Toggle__container--disabled': disabled,
13
+ });
14
+ return (React.createElement(Flex, { ...rest, Component: "label", alignChildrenVertical: "middle", direction: "horizontal", gap: "x2", className: classes },
11
15
  React.createElement(Flex, { className: "Toggle" },
12
- React.createElement("input", { checked: checked, className: "Toggle__input", defaultChecked: defaultChecked, onChange: onChange, type: "checkbox" }),
16
+ React.createElement("input", { checked: checked, className: "Toggle__input", defaultChecked: defaultChecked, onChange: onChange, type: "checkbox", disabled: disabled }),
13
17
  React.createElement(Flex, { className: "Toggle__control" },
14
18
  React.createElement("span", { className: "Toggle__icon-left" },
15
19
  React.createElement(Icon, { name: "Tick" })),
16
20
  React.createElement("span", { className: "Toggle__icon-right" },
17
21
  React.createElement(Icon, { name: "CloseSmall" })),
18
22
  React.createElement("span", { className: "Toggle__knob" }))),
19
- children && (React.createElement(Flex, { minWidth: "0px", shrink: true }, children))));
23
+ children && (React.createElement(Flex, { minWidth: "0px", shrink: true, className: "Toggle__label" }, children))));
20
24
  };
21
25
  export default Toggle;
22
26
  //# sourceMappingURL=Toggle.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../../src/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,IAA4B,MAAM,cAAc,CAAC;AACxD,OAAO,IAAI,MAAM,cAAc,CAAC;AAChC,OAAO,cAAc,CAAC;AAWtB;;GAEG;AACH,MAAM,MAAM,GAAmC,CAAC,KAAY,EAAE,EAAE;IAC9D,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAEvE,OAAO,CACL,oBAAC,IAAI,OAAK,IAAI,EAAE,SAAS,EAAC,OAAO,EAAC,qBAAqB,EAAC,QAAQ,EAAC,SAAS,EAAC,YAAY,EAAC,GAAG,EAAC,IAAI;QAC9F,oBAAC,IAAI,IAAC,SAAS,EAAC,QAAQ;YACtB,+BACE,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,eAAe,EACzB,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,UAAU,GACf;YACF,oBAAC,IAAI,IAAC,SAAS,EAAC,iBAAiB;gBAC/B,8BAAM,SAAS,EAAC,mBAAmB;oBACjC,oBAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,CACf;gBAEP,8BAAM,SAAS,EAAC,oBAAoB;oBAClC,oBAAC,IAAI,IAAC,IAAI,EAAC,YAAY,GAAG,CACrB;gBAEP,8BAAM,SAAS,EAAC,cAAc,GAAG,CAC5B,CACF;QAEN,QAAQ,IAAI,CACX,oBAAC,IAAI,IAAC,QAAQ,EAAC,KAAK,EAAC,MAAM,UACxB,QAAQ,CACJ,CACR,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../../src/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,IAA4B,MAAM,cAAc,CAAC;AACxD,OAAO,IAAI,MAAM,cAAc,CAAC;AAChC,OAAO,cAAc,CAAC;AAatB;;GAEG;AACH,MAAM,MAAM,GAAmC,CAAC,KAAY,EAAE,EAAE;IAC9D,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAE5F,MAAM,OAAO,GAAG,UAAU,CAAC,SAAS,EAAE,mBAAmB,EAAE;QACzD,6BAA6B,EAAE,QAAQ;KACxC,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,IAAI,OACC,IAAI,EACR,SAAS,EAAC,OAAO,EACjB,qBAAqB,EAAC,QAAQ,EAC9B,SAAS,EAAC,YAAY,EACtB,GAAG,EAAC,IAAI,EACR,SAAS,EAAE,OAAO;QAElB,oBAAC,IAAI,IAAC,SAAS,EAAC,QAAQ;YACtB,+BACE,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,eAAe,EACzB,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,QAAQ,GAClB;YACF,oBAAC,IAAI,IAAC,SAAS,EAAC,iBAAiB;gBAC/B,8BAAM,SAAS,EAAC,mBAAmB;oBACjC,oBAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,CACf;gBAEP,8BAAM,SAAS,EAAC,oBAAoB;oBAClC,oBAAC,IAAI,IAAC,IAAI,EAAC,YAAY,GAAG,CACrB;gBAEP,8BAAM,SAAS,EAAC,cAAc,GAAG,CAC5B,CACF;QAEN,QAAQ,IAAI,CACX,oBAAC,IAAI,IAAC,QAAQ,EAAC,KAAK,EAAC,MAAM,QAAC,SAAS,EAAC,eAAe,IAClD,QAAQ,CACJ,CACR,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}
@@ -0,0 +1,5 @@
1
+ /// <reference types="react" />
2
+ import { ChakraProviderProps } from '@chakra-ui/react';
3
+ declare const BitkitProvider: ({ children }: ChakraProviderProps) => JSX.Element;
4
+ export default BitkitProvider;
5
+ //# sourceMappingURL=BitkitProvider.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BitkitProvider.d.ts","sourceRoot":"","sources":["../../../src/chakra/BitkitProvider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAkB,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAGvE,QAAA,MAAM,cAAc,iBAAkB,mBAAmB,gBAExD,CAAC;AAEF,eAAe,cAAc,CAAC"}
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ import { ChakraProvider } from '@chakra-ui/react';
3
+ import theme from './theme/theme';
4
+ const BitkitProvider = ({ children }) => {
5
+ return React.createElement(ChakraProvider, { theme: theme }, children);
6
+ };
7
+ export default BitkitProvider;
8
+ //# sourceMappingURL=BitkitProvider.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BitkitProvider.js","sourceRoot":"","sources":["../../../src/chakra/BitkitProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAuB,MAAM,kBAAkB,CAAC;AACvE,OAAO,KAAK,MAAM,eAAe,CAAC;AAElC,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAuB,EAAE,EAAE;IAC3D,OAAO,oBAAC,cAAc,IAAC,KAAK,EAAE,KAAK,IAAG,QAAQ,CAAkB,CAAC;AACnE,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}
@@ -0,0 +1,22 @@
1
+ import React from 'react';
2
+ import { ButtonProps } from '@chakra-ui/react';
3
+ import { TypeIconName } from '@bitrise/bitkit';
4
+ export interface Props {
5
+ as?: 'a' | 'button';
6
+ children: string;
7
+ className?: string;
8
+ href?: string;
9
+ isDisabled?: boolean;
10
+ leftIconName?: TypeIconName;
11
+ onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
12
+ ref?: ButtonProps['itemRef'];
13
+ rightIconName?: TypeIconName;
14
+ size?: 'small' | 'medium';
15
+ sx?: ButtonProps['sx'];
16
+ target?: '_blank' | '_parent' | '_self' | '_top';
17
+ type?: ButtonProps['type'];
18
+ variant?: 'primary' | 'secondary' | 'tertiary' | 'dangerPrimary' | 'dangerSecondary';
19
+ }
20
+ declare const Button: React.ForwardRefExoticComponent<Pick<Props, "size" | "className" | "children" | "onClick" | "href" | "variant" | "target" | "type" | "as" | "sx" | "isDisabled" | "leftIconName" | "rightIconName"> & React.RefAttributes<HTMLButtonElement>>;
21
+ export default Button;
22
+ //# sourceMappingURL=Button.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/chakra/components/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAA0B,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACvE,OAAO,EAAQ,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,WAAW,KAAK;IACpB,EAAE,CAAC,EAAE,GAAG,GAAG,QAAQ,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACvE,GAAG,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAC7B,aAAa,CAAC,EAAE,YAAY,CAAC;IAC7B,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B,EAAE,CAAC,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;IACvB,MAAM,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;IACjD,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3B,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,eAAe,GAAG,iBAAiB,CAAC;CACtF;AAED,QAAA,MAAM,MAAM,+OAqBV,CAAC;AAQH,eAAe,MAAM,CAAC"}
@@ -0,0 +1,34 @@
1
+ /* eslint-disable @typescript-eslint/ban-ts-comment */
2
+ import React from 'react';
3
+ import { Button as ChakraButton } from '@chakra-ui/react';
4
+ import { Icon } from '@bitrise/bitkit';
5
+ const Button = React.forwardRef((props, ref) => {
6
+ const { as, leftIconName, rightIconName, size, ...rest } = props;
7
+ const properties = { as, size, ...rest };
8
+ if (leftIconName) {
9
+ properties.leftIcon = React.createElement(Icon, { name: leftIconName });
10
+ }
11
+ if (rightIconName) {
12
+ properties.rightIcon = React.createElement(Icon, { name: rightIconName });
13
+ }
14
+ if (leftIconName || rightIconName) {
15
+ properties.iconSpacing = size === 'medium' ? '10px' : '6px';
16
+ }
17
+ if (as === 'a') {
18
+ delete properties.type;
19
+ }
20
+ else {
21
+ /* @ts-ignore */
22
+ delete properties.href;
23
+ /* @ts-ignore */
24
+ delete properties.target;
25
+ }
26
+ return React.createElement(ChakraButton, { ref: ref, ...properties });
27
+ });
28
+ Button.defaultProps = {
29
+ as: 'button',
30
+ size: 'medium',
31
+ variant: 'primary',
32
+ };
33
+ export default Button;
34
+ //# sourceMappingURL=Button.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../src/chakra/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,sDAAsD;AACtD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,IAAI,YAAY,EAAe,MAAM,kBAAkB,CAAC;AACvE,OAAO,EAAE,IAAI,EAAgB,MAAM,iBAAiB,CAAC;AAmBrD,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAA2B,CAAC,KAAY,EAAE,GAAG,EAAE,EAAE;IAC9E,MAAM,EAAE,EAAE,EAAE,YAAY,EAAE,aAAa,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACjE,MAAM,UAAU,GAAgB,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,CAAC;IACtD,IAAI,YAAY,EAAE;QAChB,UAAU,CAAC,QAAQ,GAAG,oBAAC,IAAI,IAAC,IAAI,EAAE,YAAY,GAAI,CAAC;KACpD;IACD,IAAI,aAAa,EAAE;QACjB,UAAU,CAAC,SAAS,GAAG,oBAAC,IAAI,IAAC,IAAI,EAAE,aAAa,GAAI,CAAC;KACtD;IACD,IAAI,YAAY,IAAI,aAAa,EAAE;QACjC,UAAU,CAAC,WAAW,GAAG,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;KAC7D;IACD,IAAI,EAAE,KAAK,GAAG,EAAE;QACd,OAAO,UAAU,CAAC,IAAI,CAAC;KACxB;SAAM;QACL,gBAAgB;QAChB,OAAO,UAAU,CAAC,IAAI,CAAC;QACvB,gBAAgB;QAChB,OAAO,UAAU,CAAC,MAAM,CAAC;KAC1B;IACD,OAAO,oBAAC,YAAY,IAAC,GAAG,EAAE,GAAG,KAAM,UAAU,GAAI,CAAC;AACpD,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,YAAY,GAAG;IACpB,EAAE,EAAE,QAAQ;IACZ,IAAI,EAAE,QAAQ;IACd,OAAO,EAAE,SAAS;CACnB,CAAC;AAEF,eAAe,MAAM,CAAC"}
@@ -0,0 +1,6 @@
1
+ import React from 'react';
2
+ import { ComponentStory, ComponentMeta } from '@storybook/react';
3
+ declare const _default: ComponentMeta<React.ForwardRefExoticComponent<Pick<import("./Button").Props, "size" | "className" | "children" | "onClick" | "href" | "variant" | "target" | "type" | "as" | "sx" | "isDisabled" | "leftIconName" | "rightIconName"> & React.RefAttributes<HTMLButtonElement>>>;
4
+ export default _default;
5
+ export declare const WithProps: ComponentStory<React.ForwardRefExoticComponent<Pick<import("./Button").Props, "size" | "className" | "children" | "onClick" | "href" | "variant" | "target" | "type" | "as" | "sx" | "isDisabled" | "leftIconName" | "rightIconName"> & React.RefAttributes<HTMLButtonElement>>>;
6
+ //# sourceMappingURL=Button.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../../../src/chakra/components/Button/Button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;;AAKjE,wBAWkC;AAIlC,eAAO,MAAM,SAAS,kRAAoB,CAAC"}
@@ -0,0 +1,29 @@
1
+ import React from 'react';
2
+ import { sortObjectByKey } from '../../shared';
3
+ import { IconList } from '../../../Icon/tsx';
4
+ import Button from './Button';
5
+ export default {
6
+ title: 'Components/Button',
7
+ component: Button,
8
+ argTypes: {
9
+ leftIconName: {
10
+ options: IconList,
11
+ },
12
+ rightIconName: {
13
+ options: IconList,
14
+ },
15
+ },
16
+ };
17
+ const Template = (props) => React.createElement(Button, { ...props });
18
+ export const WithProps = Template.bind({});
19
+ WithProps.args = sortObjectByKey({
20
+ ...Button.defaultProps,
21
+ as: 'button',
22
+ className: '',
23
+ isDisabled: false,
24
+ href: '',
25
+ target: '_self',
26
+ type: 'button',
27
+ children: 'Button',
28
+ });
29
+ //# sourceMappingURL=Button.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../../../src/chakra/components/Button/Button.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,MAAM,MAAM,UAAU,CAAC;AAE9B,eAAe;IACb,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,MAAM;IACjB,QAAQ,EAAE;QACR,YAAY,EAAE;YACZ,OAAO,EAAE,QAAQ;SAClB;QACD,aAAa,EAAE;YACb,OAAO,EAAE,QAAQ;SAClB;KACF;CAC8B,CAAC;AAElC,MAAM,QAAQ,GAAkC,CAAC,KAAK,EAAE,EAAE,CAAC,oBAAC,MAAM,OAAK,KAAK,GAAI,CAAC;AAEjF,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,SAAS,CAAC,IAAI,GAAG,eAAe,CAAC;IAC/B,GAAG,MAAM,CAAC,YAAY;IACtB,EAAE,EAAE,QAAQ;IACZ,SAAS,EAAE,EAAE;IACb,UAAU,EAAE,KAAK;IACjB,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,OAAO;IACf,IAAI,EAAE,QAAQ;IACd,QAAQ,EAAE,QAAQ;CACnB,CAAC,CAAC"}
@@ -0,0 +1,117 @@
1
+ declare const ButtonTheme: {
2
+ baseStyle: {
3
+ border: string;
4
+ borderRadius: string;
5
+ fontWeight: string;
6
+ lineHeight: number;
7
+ };
8
+ variants: {
9
+ primary: {
10
+ bgGradient: string;
11
+ borderColor: string;
12
+ color: string;
13
+ fontWeight: string;
14
+ _hover: {
15
+ bgGradient: string;
16
+ _disabled: {
17
+ bgGradient: string;
18
+ borderColor: string;
19
+ };
20
+ };
21
+ _active: {
22
+ bgGradient: string;
23
+ };
24
+ _disabled: {
25
+ bgGradient: string;
26
+ borderColor: string;
27
+ };
28
+ };
29
+ secondary: {
30
+ bgGradient: string;
31
+ borderColor: string;
32
+ color: string;
33
+ _hover: {
34
+ bgGradient: string;
35
+ };
36
+ _active: {
37
+ bgGradient: string;
38
+ color: string;
39
+ };
40
+ _disabled: {
41
+ color: string;
42
+ };
43
+ };
44
+ tertiary: {
45
+ background: string;
46
+ borderColor: string;
47
+ color: string;
48
+ _hover: {
49
+ background: string;
50
+ };
51
+ _active: {
52
+ background: string;
53
+ color: string;
54
+ };
55
+ _disabled: {
56
+ color: string;
57
+ };
58
+ };
59
+ dangerPrimary: {
60
+ bgGradient: string;
61
+ borderColor: string;
62
+ color: string;
63
+ fontWeight: string;
64
+ _hover: {
65
+ bgGradient: string;
66
+ _disabled: {
67
+ bgGradient: string;
68
+ borderColor: string;
69
+ };
70
+ };
71
+ _active: {
72
+ bgGradient: string;
73
+ };
74
+ _disabled: {
75
+ bgGradient: string;
76
+ borderColor: string;
77
+ };
78
+ };
79
+ dangerSecondary: {
80
+ bgGradient: string;
81
+ borderColor: string;
82
+ color: string;
83
+ _hover: {
84
+ bgGradient: string;
85
+ borderColor: string;
86
+ _disabled: {
87
+ bgGradient: string;
88
+ borderColor: string;
89
+ color: string;
90
+ };
91
+ };
92
+ _active: {
93
+ bgGradient: string;
94
+ color: string;
95
+ };
96
+ _disabled: {
97
+ color: string;
98
+ };
99
+ };
100
+ };
101
+ sizes: {
102
+ small: {
103
+ minWidth: string;
104
+ height: string;
105
+ fontSize: number;
106
+ paddingX: string;
107
+ };
108
+ medium: {
109
+ minWidth: string;
110
+ height: string;
111
+ fontSize: number;
112
+ paddingX: string;
113
+ };
114
+ };
115
+ };
116
+ export default ButtonTheme;
117
+ //# sourceMappingURL=Button.theme.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Button.theme.d.ts","sourceRoot":"","sources":["../../../../../src/chakra/components/Button/Button.theme.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkHhB,CAAC;AAEF,eAAe,WAAW,CAAC"}
@@ -0,0 +1,117 @@
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
@@ -0,0 +1 @@
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"}
@@ -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,18 @@
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
@@ -0,0 +1 @@
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"}
@@ -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,21 @@
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
@@ -0,0 +1 @@
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"}
@@ -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,17 @@
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
@@ -0,0 +1 @@
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"}
@@ -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"}