@bitrise/bitkit 9.2.0 → 9.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (42) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/lib/cjs/Button/Button.d.ts +2 -1
  3. package/lib/cjs/Button/Button.d.ts.map +1 -1
  4. package/lib/cjs/Button/Button.js.map +1 -1
  5. package/lib/cjs/Button/ButtonSize.d.ts +3 -0
  6. package/lib/cjs/Button/ButtonSize.d.ts.map +1 -0
  7. package/lib/cjs/Button/ButtonSize.js +3 -0
  8. package/lib/cjs/Button/ButtonSize.js.map +1 -0
  9. package/lib/cjs/Button/ColorButton.d.ts +2 -1
  10. package/lib/cjs/Button/ColorButton.d.ts.map +1 -1
  11. package/lib/cjs/Button/ColorButton.js.map +1 -1
  12. package/lib/cjs/Progress/ProgressButton.js +3 -3
  13. package/lib/cjs/Progress/ProgressButton.js.map +1 -1
  14. package/lib/cjs/Progress/ProgressButtonContent.d.ts +2 -0
  15. package/lib/cjs/Progress/ProgressButtonContent.d.ts.map +1 -1
  16. package/lib/cjs/Progress/ProgressButtonContent.js +3 -2
  17. package/lib/cjs/Progress/ProgressButtonContent.js.map +1 -1
  18. package/lib/cjs/tsconfig.tsbuildinfo +23 -8
  19. package/lib/esn/Button/Button.d.ts +2 -1
  20. package/lib/esn/Button/Button.d.ts.map +1 -1
  21. package/lib/esn/Button/Button.js.map +1 -1
  22. package/lib/esn/Button/ButtonSize.d.ts +3 -0
  23. package/lib/esn/Button/ButtonSize.d.ts.map +1 -0
  24. package/lib/esn/Button/ButtonSize.js +1 -0
  25. package/lib/esn/Button/ButtonSize.js.map +1 -0
  26. package/lib/esn/Button/ColorButton.d.ts +2 -1
  27. package/lib/esn/Button/ColorButton.d.ts.map +1 -1
  28. package/lib/esn/Button/ColorButton.js.map +1 -1
  29. package/lib/esn/Progress/ProgressButton.js +3 -3
  30. package/lib/esn/Progress/ProgressButton.js.map +1 -1
  31. package/lib/esn/Progress/ProgressButtonContent.d.ts +2 -0
  32. package/lib/esn/Progress/ProgressButtonContent.d.ts.map +1 -1
  33. package/lib/esn/Progress/ProgressButtonContent.js +3 -2
  34. package/lib/esn/Progress/ProgressButtonContent.js.map +1 -1
  35. package/lib/esn/tsconfig.tsbuildinfo +23 -8
  36. package/package.json +2 -2
  37. package/site/components/Documentation/Components/SectionProgress.tsx +10 -1
  38. package/src/Button/Button.tsx +2 -1
  39. package/src/Button/ButtonSize.ts +3 -0
  40. package/src/Button/ColorButton.tsx +2 -1
  41. package/src/Progress/ProgressButton.tsx +3 -3
  42. package/src/Progress/ProgressButtonContent.tsx +9 -2
package/CHANGELOG.md CHANGED
@@ -1,3 +1,10 @@
1
+ ## [9.2.1](https://github.com/bitrise-io/bitkit/compare/v9.2.0...v9.2.1) (2022-03-08)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * **ProgressButton:** add icon support in ProgressButton ([ba6f01a](https://github.com/bitrise-io/bitkit/commit/ba6f01a))
7
+
1
8
  # [9.2.0](https://github.com/bitrise-io/bitkit/compare/v9.1.6...v9.2.0) (2022-03-08)
2
9
 
3
10
 
package/lib/cjs/Button/Button.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import { Props as FlexProps } from '../Flex/Flex';
3
3
  import './Button.css';
4
+ import ButtonSize from './ButtonSize';
4
5
  export interface Props extends FlexProps {
5
6
  /**
6
7
  * Removes the borders from the Button, useful for when used inside a w
@@ -19,7 +20,7 @@ export interface Props extends FlexProps {
19
20
  * into smaller spaces, while large will help the button stand
20
21
  * out on a page with lots of space.
21
22
  */
22
- size?: 'small' | 'medium' | 'large';
23
+ size?: ButtonSize;
23
24
  /**
24
25
  * Variant is another prop that changes the styles to indicate it's usage.
25
26
  * For example "danger" is to let the user know this button performs a
package/lib/cjs/Button/Button.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAa,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gDAAgD;IAChD,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;IAC7C;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC;;;;OAIG;IACH,OAAO,CAAC,EAAE,QAAQ,CAAC;CACpB;AAED,gCAAgC;AAChC,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CA0B1C,CAAC;AAOF,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAa,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,cAAc,CAAC;AACtB,OAAO,UAAU,MAAM,cAAc,CAAC;AAEtC,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gDAAgD;IAChD,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;IAC7C;;;;OAIG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;;;OAIG;IACH,OAAO,CAAC,EAAE,QAAQ,CAAC;CACpB;AAED,gCAAgC;AAChC,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CA0B1C,CAAC;AAOF,eAAe,MAAM,CAAC"}
package/lib/cjs/Button/Button.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/Button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0DAAoC;AACpC,sDAAwD;AACxD,wBAAsB;AA6BtB,gCAAgC;AAChC,IAAM,MAAM,GAAmC,UAAC,KAAY;;IAExD,IAAA,6BAAU,EACV,2BAAS,EACT,mBAAK,EACL,iBAAI,EACJ,uBAAO,EACP,6EAAO,CACC;IAEV,IAAM,GAAG,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAC3C,IAAM,OAAO,GAAG,oBAAU,CAAC,QAAQ,EACjC,mBAAiB,KAAO,EACxB,kBAAgB,IAAM;YACpB,oBAAoB,EAAE,UAAU;YAChC,oBAAoB,EAAE,SAAS;;QAC/B,GAAC,qBAAmB,OAAS,IAAG,OAAO;YACvC,CAAC;IAEL,OAAO,CACL,oBAAC,cAAI,aAAC,SAAS,EAAC,QAAQ,IAAM,IAAI,IAC9B,aAAa,EAAC,QAAQ,EACtB,SAAS,EAAG,OAAO,EACnB,SAAS,EAAC,YAAY,EACtB,GAAG,EAAG,GAAG,IAAK,CACnB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,YAAY,GAAG;IACpB,KAAK,EAAE,WAAW;IAClB,IAAI,EAAE,QAAQ;CACf,CAAC;AAEF,kBAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/Button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0DAAoC;AACpC,sDAAwD;AACxD,wBAAsB;AA8BtB,gCAAgC;AAChC,IAAM,MAAM,GAAmC,UAAC,KAAY;;IAExD,IAAA,6BAAU,EACV,2BAAS,EACT,mBAAK,EACL,iBAAI,EACJ,uBAAO,EACP,6EAAO,CACC;IAEV,IAAM,GAAG,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAC3C,IAAM,OAAO,GAAG,oBAAU,CAAC,QAAQ,EACjC,mBAAiB,KAAO,EACxB,kBAAgB,IAAM;YACpB,oBAAoB,EAAE,UAAU;YAChC,oBAAoB,EAAE,SAAS;;QAC/B,GAAC,qBAAmB,OAAS,IAAG,OAAO;YACvC,CAAC;IAEL,OAAO,CACL,oBAAC,cAAI,aAAC,SAAS,EAAC,QAAQ,IAAM,IAAI,IAC9B,aAAa,EAAC,QAAQ,EACtB,SAAS,EAAG,OAAO,EACnB,SAAS,EAAC,YAAY,EACtB,GAAG,EAAG,GAAG,IAAK,CACnB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,YAAY,GAAG;IACpB,KAAK,EAAE,WAAW;IAClB,IAAI,EAAE,QAAQ;CACf,CAAC;AAEF,kBAAe,MAAM,CAAC"}
package/lib/cjs/Button/ButtonSize.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ declare type ButtonSize = 'small' | 'medium' | 'large';
2
+ export default ButtonSize;
3
+ //# sourceMappingURL=ButtonSize.d.ts.map
package/lib/cjs/Button/ButtonSize.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ButtonSize.d.ts","sourceRoot":"","sources":["../../../src/Button/ButtonSize.ts"],"names":[],"mappings":"AAAA,aAAK,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE/C,eAAe,UAAU,CAAC"}
package/lib/cjs/Button/ButtonSize.js ADDED
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ //# sourceMappingURL=ButtonSize.js.map
package/lib/cjs/Button/ButtonSize.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ButtonSize.js","sourceRoot":"","sources":["../../../src/Button/ButtonSize.ts"],"names":[],"mappings":""}
package/lib/cjs/Button/ColorButton.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import { Props as FlexProps } from '../Flex/Flex';
3
3
  import './ColorButton.css';
4
+ import ButtonSize from './ButtonSize';
4
5
  export interface Props extends FlexProps {
5
6
  /** Color of the button */
6
7
  color: 'blue' | 'grape' | 'green' | 'red' | 'white' | 'yellow';
@@ -9,7 +10,7 @@ export interface Props extends FlexProps {
9
10
  * into smaller spaces, while large will help the button stand
10
11
  * out on a page with lots of space.
11
12
  */
12
- size: 'small' | 'medium' | 'large';
13
+ size?: ButtonSize;
13
14
  }
14
15
  /**
15
16
  *
package/lib/cjs/Button/ColorButton.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ColorButton.d.ts","sourceRoot":"","sources":["../../../src/Button/ColorButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAa,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,mBAAmB,CAAC;AAE3B,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC,0BAA0B;IAC1B,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC/D;;;;OAIG;IACH,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;CACpC;AAED;;GAEG;AACH,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAkB/C,CAAC;AAEF,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"ColorButton.d.ts","sourceRoot":"","sources":["../../../src/Button/ColorButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAa,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,mBAAmB,CAAC;AAC3B,OAAO,UAAU,MAAM,cAAc,CAAC;AAEtC,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC,0BAA0B;IAC1B,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC/D;;;;OAIG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;AAED;;GAEG;AACH,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAkB/C,CAAC;AAEF,eAAe,WAAW,CAAC"}
package/lib/cjs/Button/ColorButton.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ColorButton.js","sourceRoot":"","sources":["../../../src/Button/ColorButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0DAAoC;AACpC,sDAAwD;AACxD,6BAA2B;AAa3B;;GAEG;AACH,IAAM,WAAW,GAAmC,UAAC,KAAY;IAE7D,IAAA,mBAAK,EACL,iBAAI,EACJ,uCAAO,CACC;IAEV,IAAM,OAAO,GAAG,oBAAU,CAAC,aAAa,EACtC,wBAAsB,KAAO,EAC7B,uBAAqB,IAAM,CAAC,CAAC;IAE/B,OAAO,CACL,oBAAC,cAAI,aAAC,SAAS,EAAC,QAAQ,IAAM,IAAI,IAC9B,aAAa,EAAC,QAAQ,EACtB,SAAS,EAAG,OAAO,EACnB,SAAS,EAAC,YAAY,EACtB,GAAG,EAAC,IAAI,IAAG,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"ColorButton.js","sourceRoot":"","sources":["../../../src/Button/ColorButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0DAAoC;AACpC,sDAAwD;AACxD,6BAA2B;AAc3B;;GAEG;AACH,IAAM,WAAW,GAAmC,UAAC,KAAY;IAE7D,IAAA,mBAAK,EACL,iBAAI,EACJ,uCAAO,CACC;IAEV,IAAM,OAAO,GAAG,oBAAU,CAAC,aAAa,EACtC,wBAAsB,KAAO,EAC7B,uBAAqB,IAAM,CAAC,CAAC;IAE/B,OAAO,CACL,oBAAC,cAAI,aAAC,SAAS,EAAC,QAAQ,IAAM,IAAI,IAC9B,aAAa,EAAC,QAAQ,EACtB,SAAS,EAAG,OAAO,EACnB,SAAS,EAAC,YAAY,EACtB,GAAG,EAAC,IAAI,IAAG,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC"}
package/lib/cjs/Progress/ProgressButton.js CHANGED
@@ -41,9 +41,9 @@ var ProgressButtonContent_1 = __importDefault(require("./ProgressButtonContent")
41
41
  * something is happening.
42
42
  */
43
43
  var ProgressButton = function (props) {
44
- var children = props.children, progressing = props.progressing, rest = __rest(props, ["children", "progressing"]);
45
- return (React.createElement(Button_1.default, __assign({}, rest),
46
- React.createElement(ProgressButtonContent_1.default, { progressing: progressing }, children)));
44
+ var children = props.children, progressing = props.progressing, size = props.size, rest = __rest(props, ["children", "progressing", "size"]);
45
+ return (React.createElement(Button_1.default, __assign({ size: size }, rest),
46
+ React.createElement(ProgressButtonContent_1.default, { progressing: progressing, size: size }, children)));
47
47
  };
48
48
  exports.default = ProgressButton;
49
49
  //# sourceMappingURL=ProgressButton.js.map
package/lib/cjs/Progress/ProgressButton.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ProgressButton.js","sourceRoot":"","sources":["../../../src/Progress/ProgressButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,4DAAgE;AAChE,kFAAqG;AAIrG;;;;GAIG;AACH,IAAM,cAAc,GAAmC,UAAC,KAAY;IAC1D,IAAA,yBAAQ,EAAE,+BAAW,EAAE,iDAAO,CAAW;IAEjD,OAAO,CACL,oBAAC,gBAAM,eAAM,IAAI;QACf,oBAAC,+BAAqB,IAAC,WAAW,EAAG,WAAW,IAC5C,QAAQ,CACY,CACjB,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC"}
1
+ {"version":3,"file":"ProgressButton.js","sourceRoot":"","sources":["../../../src/Progress/ProgressButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,4DAAgE;AAChE,kFAAqG;AAIrG;;;;GAIG;AACH,IAAM,cAAc,GAAmC,UAAC,KAAY;IAC1D,IAAA,yBAAQ,EAAE,+BAAW,EAAE,iBAAI,EAAE,yDAAO,CAAW;IAEvD,OAAO,CACL,oBAAC,gBAAM,aAAC,IAAI,EAAG,IAAI,IAAQ,IAAI;QAC7B,oBAAC,+BAAqB,IAAC,WAAW,EAAG,WAAW,EAAG,IAAI,EAAG,IAAI,IAC1D,QAAQ,CACY,CACjB,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC"}
package/lib/cjs/Progress/ProgressButtonContent.d.ts CHANGED
@@ -1,7 +1,9 @@
1
1
  import * as React from 'react';
2
+ import ButtonSize from '../Button/ButtonSize';
2
3
  export interface Props {
3
4
  progressing: boolean;
4
5
  children: React.ReactNode;
6
+ size?: ButtonSize;
5
7
  }
6
8
  /**
7
9
  * A progress indicator action button that is useful
package/lib/cjs/Progress/ProgressButtonContent.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ProgressButtonContent.d.ts","sourceRoot":"","sources":["../../../src/Progress/ProgressButtonContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,KAAK;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;GAIG;AACH,QAAA,MAAM,qBAAqB,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAkBzD,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
1
+ {"version":3,"file":"ProgressButtonContent.d.ts","sourceRoot":"","sources":["../../../src/Progress/ProgressButtonContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,UAAU,MAAM,sBAAsB,CAAC;AAE9C,MAAM,WAAW,KAAK;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;AAED;;;;GAIG;AACH,QAAA,MAAM,qBAAqB,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAuBzD,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
package/lib/cjs/Progress/ProgressButtonContent.js CHANGED
@@ -20,9 +20,10 @@ var Visibility_1 = __importDefault(require("../Visibility/Visibility"));
20
20
  * something is happening.
21
21
  */
22
22
  var ProgressButtonContent = function (props) {
23
- var children = props.children, progressing = props.progressing;
23
+ var children = props.children, progressing = props.progressing, size = props.size;
24
+ var gap = size === 'small' ? 'x1' : 'x2';
24
25
  return (React.createElement(Base_1.default, { container: true },
25
- React.createElement(Visibility_1.default, { visible: !progressing }, children),
26
+ React.createElement(Visibility_1.default, { alignChildren: "middle", direction: "horizontal", gap: gap, visible: !progressing }, children),
26
27
  React.createElement(Visibility_1.default, { absolute: "center", visible: progressing }, progressing && (React.createElement(ProgressSpinner_1.default, { size: "1.5rem" })))));
27
28
  };
28
29
  exports.default = ProgressButtonContent;
package/lib/cjs/Progress/ProgressButtonContent.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ProgressButtonContent.js","sourceRoot":"","sources":["../../../src/Progress/ProgressButtonContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,2CAA+B;AAC/B,sDAAgC;AAChC,sEAAgD;AAChD,wEAAkD;AAOlD;;;;GAIG;AACH,IAAM,qBAAqB,GAAmC,UAAC,KAAY;IACjE,IAAA,yBAAQ,EAAE,+BAAW,CAAW;IAExC,OAAO,CACL,oBAAC,cAAI,IAAC,SAAS;QACb,oBAAC,oBAAU,IAAC,OAAO,EAAG,CAAC,WAAW,IAC9B,QAAQ,CACC;QAEb,oBAAC,oBAAU,IACP,QAAQ,EAAC,QAAQ,EACjB,OAAO,EAAG,WAAW,IACrB,WAAW,IAAI,CACf,oBAAC,yBAAe,IAAC,IAAI,EAAC,QAAQ,GAAG,CAClC,CACU,CACR,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,qBAAqB,CAAC"}
1
+ {"version":3,"file":"ProgressButtonContent.js","sourceRoot":"","sources":["../../../src/Progress/ProgressButtonContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,2CAA+B;AAC/B,sDAAgC;AAChC,sEAAgD;AAChD,wEAAkD;AASlD;;;;GAIG;AACH,IAAM,qBAAqB,GAAmC,UAAC,KAAY;IACjE,IAAA,yBAAQ,EAAE,+BAAW,EAAE,iBAAI,CAAW;IAC9C,IAAM,GAAG,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAE3C,OAAO,CACL,oBAAC,cAAI,IAAC,SAAS;QACb,oBAAC,oBAAU,IACP,aAAa,EAAC,QAAQ,EACtB,SAAS,EAAC,YAAY,EACtB,GAAG,EAAG,GAAG,EACT,OAAO,EAAG,CAAC,WAAW,IACtB,QAAQ,CACC;QAEb,oBAAC,oBAAU,IACP,QAAQ,EAAC,QAAQ,EACjB,OAAO,EAAG,WAAW,IACrB,WAAW,IAAI,CACf,oBAAC,yBAAe,IAAC,IAAI,EAAC,QAAQ,GAAG,CAClC,CACU,CACR,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,qBAAqB,CAAC"}
package/lib/cjs/tsconfig.tsbuildinfo CHANGED
@@ -968,9 +968,13 @@
968
968
  "version": "f305ddb03e57eaa7a58633d414ccb76d1589398f1cc65b8af2de66e4ea3c834f",
969
969
  "signature": "b77da07fc65e8498d161679d0b393d5e21d8becedb04adbbd0d921052e8f4b27"
970
970
  },
971
+ "/bitrise/src/src/Button/ButtonSize.ts": {
972
+ "version": "2779bfdc1cbf30315e8f6cce4fef9c57f4ef36eef75cc363e34f11293a6abeba",
973
+ "signature": "8ce445c09395d964e0bb4098b6b542ea815be587819830f279972b4fc7333b82"
974
+ },
971
975
  "/bitrise/src/src/Button/Button.tsx": {
972
- "version": "fcf9680314e889e38420ba6df898748130ec43a2ba6a826d991bc72d55de26c6",
973
- "signature": "5bcc10c84ef5c425847e1fcbe2254bd85a547e797671f4b065aaedca1992a310"
976
+ "version": "aaf9d9485b0cb6f04ed33e0375913cd9055e742edd84828cecbd92d63604ee3e",
977
+ "signature": "178fd572bd74fdfee891b8ec35e061eb345740945c4e4ae22049fc3f3313d051"
974
978
  },
975
979
  "/bitrise/src/src/Button/Buttons.tsx": {
976
980
  "version": "e5bef22712f5a42ae6ae3c1b63cbb07b59d834f804b5c1a0ec4eaabf876b9b9e",
@@ -1001,8 +1005,8 @@
1001
1005
  "signature": "a6c91195a9a692fa95736513d3cd875f7fc8b23f17e12a865d696c9e69dd5f75"
1002
1006
  },
1003
1007
  "/bitrise/src/src/Button/ColorButton.tsx": {
1004
- "version": "ad8fc39983eb26bab94e8f3b07a0dd5a23c7f41e7b154c134be0e01e39bbbf89",
1005
- "signature": "f1eb65acb4f3a572c412e8126302557d52b38f003ecca7fed1f037c6cf677a67"
1008
+ "version": "c229f924965a0e3e4aacefd2f23527273718e0eb4351295be9cd00c73f92406c",
1009
+ "signature": "7147b6bf41f24207d04e83042592ad0d764e4d0e99ab2c8d16d940e21bd2f346"
1006
1010
  },
1007
1011
  "/bitrise/src/node_modules/@types/luxon/index.d.ts": {
1008
1012
  "version": "2e3ecf70a6141d644cdc7292d6ee7e855c1646a3c9cf89e4f11ad0f8067fd288",
@@ -1189,11 +1193,11 @@
1189
1193
  "signature": "f1e1c7937d162a2076aab174e2fa3b6e922e0973abcc110bea1db07334b794ed"
1190
1194
  },
1191
1195
  "/bitrise/src/src/Progress/ProgressButtonContent.tsx": {
1192
- "version": "f691d44cfce3dd08e02e4c4bb2ec697605c7869c873f4e46061102acdb861fdb",
1193
- "signature": "c7bc06141a90ecd84ed43521fce78d0e5dff9e683501328b6141a0a7659744c0"
1196
+ "version": "05c000cd8d012507f992f97b1b539293636f27f4899df7bdd5a054bc3562a8a1",
1197
+ "signature": "35601ba6e4a826a5024ec867844acbef66b9a0ca931a4cd7b59cb12004426e0a"
1194
1198
  },
1195
1199
  "/bitrise/src/src/Progress/ProgressButton.tsx": {
1196
- "version": "69390605109df5703e966769e369896ae50c711339287a373d9f7693d4e35f7a",
1200
+ "version": "5ceb085b549f9645f5faebc35d59690dc965da3eb2a886e299789b0f3b52d9d9",
1197
1201
  "signature": "1d8e946910abae24a8af73d63858846284c2b0a663fe0a87cf9b1bf528f17764"
1198
1202
  },
1199
1203
  "/bitrise/src/src/Progress/ProgressBitbot.tsx": {
@@ -3176,10 +3180,15 @@
3176
3180
  "/bitrise/src/node_modules/@types/node/util.d.ts",
3177
3181
  "/bitrise/src/node_modules/@types/node/ts3.2/util.d.ts"
3178
3182
  ],
3183
+ "/bitrise/src/src/Button/ButtonSize.ts": [
3184
+ "/bitrise/src/node_modules/@types/node/util.d.ts",
3185
+ "/bitrise/src/node_modules/@types/node/ts3.2/util.d.ts"
3186
+ ],
3179
3187
  "/bitrise/src/src/Button/Button.tsx": [
3180
3188
  "/bitrise/src/node_modules/@types/react/index.d.ts",
3181
3189
  "/bitrise/src/node_modules/@types/classnames/index.d.ts",
3182
3190
  "/bitrise/src/src/Flex/Flex.tsx",
3191
+ "/bitrise/src/src/Button/ButtonSize.ts",
3183
3192
  "/bitrise/src/node_modules/@types/node/util.d.ts",
3184
3193
  "/bitrise/src/node_modules/@types/node/ts3.2/util.d.ts"
3185
3194
  ],
@@ -3232,6 +3241,7 @@
3232
3241
  "/bitrise/src/node_modules/@types/react/index.d.ts",
3233
3242
  "/bitrise/src/node_modules/@types/classnames/index.d.ts",
3234
3243
  "/bitrise/src/src/Flex/Flex.tsx",
3244
+ "/bitrise/src/src/Button/ButtonSize.ts",
3235
3245
  "/bitrise/src/node_modules/@types/node/util.d.ts",
3236
3246
  "/bitrise/src/node_modules/@types/node/ts3.2/util.d.ts"
3237
3247
  ],
@@ -3592,6 +3602,7 @@
3592
3602
  "/bitrise/src/src/Base/Base.tsx",
3593
3603
  "/bitrise/src/src/Progress/ProgressSpinner.tsx",
3594
3604
  "/bitrise/src/src/Visibility/Visibility.tsx",
3605
+ "/bitrise/src/src/Button/ButtonSize.ts",
3595
3606
  "/bitrise/src/node_modules/@types/node/util.d.ts",
3596
3607
  "/bitrise/src/node_modules/@types/node/ts3.2/util.d.ts"
3597
3608
  ],
@@ -5065,7 +5076,8 @@
5065
5076
  "/bitrise/src/node_modules/@types/react/index.d.ts"
5066
5077
  ],
5067
5078
  "/bitrise/src/src/Progress/ProgressButtonContent.tsx": [
5068
- "/bitrise/src/node_modules/@types/react/index.d.ts"
5079
+ "/bitrise/src/node_modules/@types/react/index.d.ts",
5080
+ "/bitrise/src/src/Button/ButtonSize.ts"
5069
5081
  ],
5070
5082
  "/bitrise/src/src/Notification/Notification.tsx": [
5071
5083
  "/bitrise/src/src/Flex/Flex.tsx",
@@ -5251,6 +5263,7 @@
5251
5263
  ],
5252
5264
  "/bitrise/src/src/Button/ColorButton.tsx": [
5253
5265
  "/bitrise/src/src/Flex/Flex.tsx",
5266
+ "/bitrise/src/src/Button/ButtonSize.ts",
5254
5267
  "/bitrise/src/node_modules/@types/react/index.d.ts"
5255
5268
  ],
5256
5269
  "/bitrise/src/src/Checkbox/Checkbox.tsx": [
@@ -5278,6 +5291,7 @@
5278
5291
  ],
5279
5292
  "/bitrise/src/src/Button/Button.tsx": [
5280
5293
  "/bitrise/src/src/Flex/Flex.tsx",
5294
+ "/bitrise/src/src/Button/ButtonSize.ts",
5281
5295
  "/bitrise/src/node_modules/@types/react/index.d.ts"
5282
5296
  ],
5283
5297
  "/bitrise/src/src/Bounds/Bounds.tsx": [
@@ -6857,6 +6871,7 @@
6857
6871
  "/bitrise/src/src/Avatar/avatarColors.ts",
6858
6872
  "/bitrise/src/src/Avatar/Avatar.tsx",
6859
6873
  "/bitrise/src/src/Bounds/Bounds.tsx",
6874
+ "/bitrise/src/src/Button/ButtonSize.ts",
6860
6875
  "/bitrise/src/src/Button/Button.tsx",
6861
6876
  "/bitrise/src/src/Button/Buttons.tsx",
6862
6877
  "/bitrise/src/src/ButtonWithDropdown/ButtonWithDropdown.tsx",
package/lib/esn/Button/Button.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import { Props as FlexProps } from '../Flex/Flex';
3
3
  import './Button.css';
4
+ import ButtonSize from './ButtonSize';
4
5
  export interface Props extends FlexProps {
5
6
  /**
6
7
  * Removes the borders from the Button, useful for when used inside a w
@@ -19,7 +20,7 @@ export interface Props extends FlexProps {
19
20
  * into smaller spaces, while large will help the button stand
20
21
  * out on a page with lots of space.
21
22
  */
22
- size?: 'small' | 'medium' | 'large';
23
+ size?: ButtonSize;
23
24
  /**
24
25
  * Variant is another prop that changes the styles to indicate it's usage.
25
26
  * For example "danger" is to let the user know this button performs a
package/lib/esn/Button/Button.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAa,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gDAAgD;IAChD,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;IAC7C;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC;;;;OAIG;IACH,OAAO,CAAC,EAAE,QAAQ,CAAC;CACpB;AAED,gCAAgC;AAChC,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CA0B1C,CAAC;AAOF,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAa,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,cAAc,CAAC;AACtB,OAAO,UAAU,MAAM,cAAc,CAAC;AAEtC,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gDAAgD;IAChD,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;IAC7C;;;;OAIG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;;;OAIG;IACH,OAAO,CAAC,EAAE,QAAQ,CAAC;CACpB;AAED,gCAAgC;AAChC,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CA0B1C,CAAC;AAOF,eAAe,MAAM,CAAC"}
package/lib/esn/Button/Button.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/Button/Button.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,cAAc,CAAC;AA6BtB,gCAAgC;AAChC,MAAM,MAAM,GAAmC,CAAC,KAAY,EAAE,EAAE;IAC9D,MAAM,EACJ,UAAU,EACV,SAAS,EACT,KAAK,EACL,IAAI,EACJ,OAAO,EACP,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,MAAM,GAAG,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAC3C,MAAM,OAAO,GAAG,UAAU,CAAC,QAAQ,EACjC,iBAAiB,KAAK,EAAE,EACxB,gBAAgB,IAAI,EAAE,EAAE;QACtB,oBAAoB,EAAE,UAAU;QAChC,oBAAoB,EAAE,SAAS;QAC/B,CAAC,mBAAmB,OAAO,EAAE,CAAC,EAAE,OAAO;KACxC,CAAC,CAAC;IAEL,OAAO,CACL,oBAAC,IAAI,kBAAC,SAAS,EAAC,QAAQ,IAAM,IAAI,IAC9B,aAAa,EAAC,QAAQ,EACtB,SAAS,EAAG,OAAO,EACnB,SAAS,EAAC,YAAY,EACtB,GAAG,EAAG,GAAG,IAAK,CACnB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,YAAY,GAAG;IACpB,KAAK,EAAE,WAAW;IAClB,IAAI,EAAE,QAAQ;CACf,CAAC;AAEF,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/Button/Button.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,cAAc,CAAC;AA8BtB,gCAAgC;AAChC,MAAM,MAAM,GAAmC,CAAC,KAAY,EAAE,EAAE;IAC9D,MAAM,EACJ,UAAU,EACV,SAAS,EACT,KAAK,EACL,IAAI,EACJ,OAAO,EACP,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,MAAM,GAAG,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAC3C,MAAM,OAAO,GAAG,UAAU,CAAC,QAAQ,EACjC,iBAAiB,KAAK,EAAE,EACxB,gBAAgB,IAAI,EAAE,EAAE;QACtB,oBAAoB,EAAE,UAAU;QAChC,oBAAoB,EAAE,SAAS;QAC/B,CAAC,mBAAmB,OAAO,EAAE,CAAC,EAAE,OAAO;KACxC,CAAC,CAAC;IAEL,OAAO,CACL,oBAAC,IAAI,kBAAC,SAAS,EAAC,QAAQ,IAAM,IAAI,IAC9B,aAAa,EAAC,QAAQ,EACtB,SAAS,EAAG,OAAO,EACnB,SAAS,EAAC,YAAY,EACtB,GAAG,EAAG,GAAG,IAAK,CACnB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,YAAY,GAAG;IACpB,KAAK,EAAE,WAAW;IAClB,IAAI,EAAE,QAAQ;CACf,CAAC;AAEF,eAAe,MAAM,CAAC"}
package/lib/esn/Button/ButtonSize.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ declare type ButtonSize = 'small' | 'medium' | 'large';
2
+ export default ButtonSize;
3
+ //# sourceMappingURL=ButtonSize.d.ts.map
package/lib/esn/Button/ButtonSize.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ButtonSize.d.ts","sourceRoot":"","sources":["../../../src/Button/ButtonSize.ts"],"names":[],"mappings":"AAAA,aAAK,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE/C,eAAe,UAAU,CAAC"}
package/lib/esn/Button/ButtonSize.js ADDED
@@ -0,0 +1 @@
1
+ //# sourceMappingURL=ButtonSize.js.map
package/lib/esn/Button/ButtonSize.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ButtonSize.js","sourceRoot":"","sources":["../../../src/Button/ButtonSize.ts"],"names":[],"mappings":""}
package/lib/esn/Button/ColorButton.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import { Props as FlexProps } from '../Flex/Flex';
3
3
  import './ColorButton.css';
4
+ import ButtonSize from './ButtonSize';
4
5
  export interface Props extends FlexProps {
5
6
  /** Color of the button */
6
7
  color: 'blue' | 'grape' | 'green' | 'red' | 'white' | 'yellow';
@@ -9,7 +10,7 @@ export interface Props extends FlexProps {
9
10
  * into smaller spaces, while large will help the button stand
10
11
  * out on a page with lots of space.
11
12
  */
12
- size: 'small' | 'medium' | 'large';
13
+ size?: ButtonSize;
13
14
  }
14
15
  /**
15
16
  *
package/lib/esn/Button/ColorButton.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ColorButton.d.ts","sourceRoot":"","sources":["../../../src/Button/ColorButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAa,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,mBAAmB,CAAC;AAE3B,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC,0BAA0B;IAC1B,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC/D;;;;OAIG;IACH,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;CACpC;AAED;;GAEG;AACH,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAkB/C,CAAC;AAEF,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"ColorButton.d.ts","sourceRoot":"","sources":["../../../src/Button/ColorButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAa,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,mBAAmB,CAAC;AAC3B,OAAO,UAAU,MAAM,cAAc,CAAC;AAEtC,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC,0BAA0B;IAC1B,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC/D;;;;OAIG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;AAED;;GAEG;AACH,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAkB/C,CAAC;AAEF,eAAe,WAAW,CAAC"}
package/lib/esn/Button/ColorButton.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ColorButton.js","sourceRoot":"","sources":["../../../src/Button/ColorButton.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,mBAAmB,CAAC;AAa3B;;GAEG;AACH,MAAM,WAAW,GAAmC,CAAC,KAAY,EAAE,EAAE;IACnE,MAAM,EACJ,KAAK,EACL,IAAI,EACJ,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,MAAM,OAAO,GAAG,UAAU,CAAC,aAAa,EACtC,sBAAsB,KAAK,EAAE,EAC7B,qBAAqB,IAAI,EAAE,CAAC,CAAC;IAE/B,OAAO,CACL,oBAAC,IAAI,kBAAC,SAAS,EAAC,QAAQ,IAAM,IAAI,IAC9B,aAAa,EAAC,QAAQ,EACtB,SAAS,EAAG,OAAO,EACnB,SAAS,EAAC,YAAY,EACtB,GAAG,EAAC,IAAI,IAAG,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"ColorButton.js","sourceRoot":"","sources":["../../../src/Button/ColorButton.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,mBAAmB,CAAC;AAc3B;;GAEG;AACH,MAAM,WAAW,GAAmC,CAAC,KAAY,EAAE,EAAE;IACnE,MAAM,EACJ,KAAK,EACL,IAAI,EACJ,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,MAAM,OAAO,GAAG,UAAU,CAAC,aAAa,EACtC,sBAAsB,KAAK,EAAE,EAC7B,qBAAqB,IAAI,EAAE,CAAC,CAAC;IAE/B,OAAO,CACL,oBAAC,IAAI,kBAAC,SAAS,EAAC,QAAQ,IAAM,IAAI,IAC9B,aAAa,EAAC,QAAQ,EACtB,SAAS,EAAG,OAAO,EACnB,SAAS,EAAC,YAAY,EACtB,GAAG,EAAC,IAAI,IAAG,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
package/lib/esn/Progress/ProgressButton.js CHANGED
@@ -7,9 +7,9 @@ import ProgressButtonContent from './ProgressButtonContent';
7
7
  * something is happening.
8
8
  */
9
9
  const ProgressButton = (props) => {
10
- const { children, progressing, ...rest } = props;
11
- return (React.createElement(Button, Object.assign({}, rest),
12
- React.createElement(ProgressButtonContent, { progressing: progressing }, children)));
10
+ const { children, progressing, size, ...rest } = props;
11
+ return (React.createElement(Button, Object.assign({ size: size }, rest),
12
+ React.createElement(ProgressButtonContent, { progressing: progressing, size: size }, children)));
13
13
  };
14
14
  export default ProgressButton;
15
15
  //# sourceMappingURL=ProgressButton.js.map
package/lib/esn/Progress/ProgressButton.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ProgressButton.js","sourceRoot":"","sources":["../../../src/Progress/ProgressButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAgC,MAAM,kBAAkB,CAAC;AAChE,OAAO,qBAA8D,MAAM,yBAAyB,CAAC;AAIrG;;;;GAIG;AACH,MAAM,cAAc,GAAmC,CAAC,KAAY,EAAE,EAAE;IACtE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAEjD,OAAO,CACL,oBAAC,MAAM,oBAAM,IAAI;QACf,oBAAC,qBAAqB,IAAC,WAAW,EAAG,WAAW,IAC5C,QAAQ,CACY,CACjB,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}
1
+ {"version":3,"file":"ProgressButton.js","sourceRoot":"","sources":["../../../src/Progress/ProgressButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAgC,MAAM,kBAAkB,CAAC;AAChE,OAAO,qBAA8D,MAAM,yBAAyB,CAAC;AAIrG;;;;GAIG;AACH,MAAM,cAAc,GAAmC,CAAC,KAAY,EAAE,EAAE;IACtE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAEvD,OAAO,CACL,oBAAC,MAAM,kBAAC,IAAI,EAAG,IAAI,IAAQ,IAAI;QAC7B,oBAAC,qBAAqB,IAAC,WAAW,EAAG,WAAW,EAAG,IAAI,EAAG,IAAI,IAC1D,QAAQ,CACY,CACjB,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}
package/lib/esn/Progress/ProgressButtonContent.d.ts CHANGED
@@ -1,7 +1,9 @@
1
1
  import * as React from 'react';
2
+ import ButtonSize from '../Button/ButtonSize';
2
3
  export interface Props {
3
4
  progressing: boolean;
4
5
  children: React.ReactNode;
6
+ size?: ButtonSize;
5
7
  }
6
8
  /**
7
9
  * A progress indicator action button that is useful
package/lib/esn/Progress/ProgressButtonContent.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ProgressButtonContent.d.ts","sourceRoot":"","sources":["../../../src/Progress/ProgressButtonContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,KAAK;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;GAIG;AACH,QAAA,MAAM,qBAAqB,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAkBzD,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
1
+ {"version":3,"file":"ProgressButtonContent.d.ts","sourceRoot":"","sources":["../../../src/Progress/ProgressButtonContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,UAAU,MAAM,sBAAsB,CAAC;AAE9C,MAAM,WAAW,KAAK;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;AAED;;;;GAIG;AACH,QAAA,MAAM,qBAAqB,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAuBzD,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
package/lib/esn/Progress/ProgressButtonContent.js CHANGED
@@ -8,9 +8,10 @@ import Visibility from '../Visibility/Visibility';
8
8
  * something is happening.
9
9
  */
10
10
  const ProgressButtonContent = (props) => {
11
- const { children, progressing } = props;
11
+ const { children, progressing, size } = props;
12
+ const gap = size === 'small' ? 'x1' : 'x2';
12
13
  return (React.createElement(Base, { container: true },
13
- React.createElement(Visibility, { visible: !progressing }, children),
14
+ React.createElement(Visibility, { alignChildren: "middle", direction: "horizontal", gap: gap, visible: !progressing }, children),
14
15
  React.createElement(Visibility, { absolute: "center", visible: progressing }, progressing && (React.createElement(ProgressSpinner, { size: "1.5rem" })))));
15
16
  };
16
17
  export default ProgressButtonContent;
package/lib/esn/Progress/ProgressButtonContent.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ProgressButtonContent.js","sourceRoot":"","sources":["../../../src/Progress/ProgressButtonContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,IAAI,MAAM,cAAc,CAAC;AAChC,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAOlD;;;;GAIG;AACH,MAAM,qBAAqB,GAAmC,CAAC,KAAY,EAAE,EAAE;IAC7E,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAExC,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS;QACb,oBAAC,UAAU,IAAC,OAAO,EAAG,CAAC,WAAW,IAC9B,QAAQ,CACC;QAEb,oBAAC,UAAU,IACP,QAAQ,EAAC,QAAQ,EACjB,OAAO,EAAG,WAAW,IACrB,WAAW,IAAI,CACf,oBAAC,eAAe,IAAC,IAAI,EAAC,QAAQ,GAAG,CAClC,CACU,CACR,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
1
+ {"version":3,"file":"ProgressButtonContent.js","sourceRoot":"","sources":["../../../src/Progress/ProgressButtonContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,IAAI,MAAM,cAAc,CAAC;AAChC,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,UAAU,MAAM,0BAA0B,CAAC;AASlD;;;;GAIG;AACH,MAAM,qBAAqB,GAAmC,CAAC,KAAY,EAAE,EAAE;IAC7E,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAC9C,MAAM,GAAG,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAE3C,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS;QACb,oBAAC,UAAU,IACP,aAAa,EAAC,QAAQ,EACtB,SAAS,EAAC,YAAY,EACtB,GAAG,EAAG,GAAG,EACT,OAAO,EAAG,CAAC,WAAW,IACtB,QAAQ,CACC;QAEb,oBAAC,UAAU,IACP,QAAQ,EAAC,QAAQ,EACjB,OAAO,EAAG,WAAW,IACrB,WAAW,IAAI,CACf,oBAAC,eAAe,IAAC,IAAI,EAAC,QAAQ,GAAG,CAClC,CACU,CACR,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
package/lib/esn/tsconfig.tsbuildinfo CHANGED
@@ -996,9 +996,13 @@
996
996
  "version": "f305ddb03e57eaa7a58633d414ccb76d1589398f1cc65b8af2de66e4ea3c834f",
997
997
  "signature": "b77da07fc65e8498d161679d0b393d5e21d8becedb04adbbd0d921052e8f4b27"
998
998
  },
999
+ "/bitrise/src/src/Button/ButtonSize.ts": {
1000
+ "version": "2779bfdc1cbf30315e8f6cce4fef9c57f4ef36eef75cc363e34f11293a6abeba",
1001
+ "signature": "8ce445c09395d964e0bb4098b6b542ea815be587819830f279972b4fc7333b82"
1002
+ },
999
1003
  "/bitrise/src/src/Button/Button.tsx": {
1000
- "version": "fcf9680314e889e38420ba6df898748130ec43a2ba6a826d991bc72d55de26c6",
1001
- "signature": "5bcc10c84ef5c425847e1fcbe2254bd85a547e797671f4b065aaedca1992a310"
1004
+ "version": "aaf9d9485b0cb6f04ed33e0375913cd9055e742edd84828cecbd92d63604ee3e",
1005
+ "signature": "178fd572bd74fdfee891b8ec35e061eb345740945c4e4ae22049fc3f3313d051"
1002
1006
  },
1003
1007
  "/bitrise/src/src/Button/Buttons.tsx": {
1004
1008
  "version": "e5bef22712f5a42ae6ae3c1b63cbb07b59d834f804b5c1a0ec4eaabf876b9b9e",
@@ -1029,8 +1033,8 @@
1029
1033
  "signature": "a6c91195a9a692fa95736513d3cd875f7fc8b23f17e12a865d696c9e69dd5f75"
1030
1034
  },
1031
1035
  "/bitrise/src/src/Button/ColorButton.tsx": {
1032
- "version": "ad8fc39983eb26bab94e8f3b07a0dd5a23c7f41e7b154c134be0e01e39bbbf89",
1033
- "signature": "f1eb65acb4f3a572c412e8126302557d52b38f003ecca7fed1f037c6cf677a67"
1036
+ "version": "c229f924965a0e3e4aacefd2f23527273718e0eb4351295be9cd00c73f92406c",
1037
+ "signature": "7147b6bf41f24207d04e83042592ad0d764e4d0e99ab2c8d16d940e21bd2f346"
1034
1038
  },
1035
1039
  "/bitrise/src/node_modules/@types/luxon/index.d.ts": {
1036
1040
  "version": "2e3ecf70a6141d644cdc7292d6ee7e855c1646a3c9cf89e4f11ad0f8067fd288",
@@ -1217,11 +1221,11 @@
1217
1221
  "signature": "f1e1c7937d162a2076aab174e2fa3b6e922e0973abcc110bea1db07334b794ed"
1218
1222
  },
1219
1223
  "/bitrise/src/src/Progress/ProgressButtonContent.tsx": {
1220
- "version": "f691d44cfce3dd08e02e4c4bb2ec697605c7869c873f4e46061102acdb861fdb",
1221
- "signature": "c7bc06141a90ecd84ed43521fce78d0e5dff9e683501328b6141a0a7659744c0"
1224
+ "version": "05c000cd8d012507f992f97b1b539293636f27f4899df7bdd5a054bc3562a8a1",
1225
+ "signature": "35601ba6e4a826a5024ec867844acbef66b9a0ca931a4cd7b59cb12004426e0a"
1222
1226
  },
1223
1227
  "/bitrise/src/src/Progress/ProgressButton.tsx": {
1224
- "version": "69390605109df5703e966769e369896ae50c711339287a373d9f7693d4e35f7a",
1228
+ "version": "5ceb085b549f9645f5faebc35d59690dc965da3eb2a886e299789b0f3b52d9d9",
1225
1229
  "signature": "1d8e946910abae24a8af73d63858846284c2b0a663fe0a87cf9b1bf528f17764"
1226
1230
  },
1227
1231
  "/bitrise/src/src/Progress/ProgressBitbot.tsx": {
@@ -3232,10 +3236,15 @@
3232
3236
  "/bitrise/src/node_modules/@types/node/util.d.ts",
3233
3237
  "/bitrise/src/node_modules/@types/node/ts3.2/util.d.ts"
3234
3238
  ],
3239
+ "/bitrise/src/src/Button/ButtonSize.ts": [
3240
+ "/bitrise/src/node_modules/@types/node/util.d.ts",
3241
+ "/bitrise/src/node_modules/@types/node/ts3.2/util.d.ts"
3242
+ ],
3235
3243
  "/bitrise/src/src/Button/Button.tsx": [
3236
3244
  "/bitrise/src/node_modules/@types/react/index.d.ts",
3237
3245
  "/bitrise/src/node_modules/@types/classnames/index.d.ts",
3238
3246
  "/bitrise/src/src/Flex/Flex.tsx",
3247
+ "/bitrise/src/src/Button/ButtonSize.ts",
3239
3248
  "/bitrise/src/node_modules/@types/node/util.d.ts",
3240
3249
  "/bitrise/src/node_modules/@types/node/ts3.2/util.d.ts"
3241
3250
  ],
@@ -3288,6 +3297,7 @@
3288
3297
  "/bitrise/src/node_modules/@types/react/index.d.ts",
3289
3298
  "/bitrise/src/node_modules/@types/classnames/index.d.ts",
3290
3299
  "/bitrise/src/src/Flex/Flex.tsx",
3300
+ "/bitrise/src/src/Button/ButtonSize.ts",
3291
3301
  "/bitrise/src/node_modules/@types/node/util.d.ts",
3292
3302
  "/bitrise/src/node_modules/@types/node/ts3.2/util.d.ts"
3293
3303
  ],
@@ -3648,6 +3658,7 @@
3648
3658
  "/bitrise/src/src/Base/Base.tsx",
3649
3659
  "/bitrise/src/src/Progress/ProgressSpinner.tsx",
3650
3660
  "/bitrise/src/src/Visibility/Visibility.tsx",
3661
+ "/bitrise/src/src/Button/ButtonSize.ts",
3651
3662
  "/bitrise/src/node_modules/@types/node/util.d.ts",
3652
3663
  "/bitrise/src/node_modules/@types/node/ts3.2/util.d.ts"
3653
3664
  ],
@@ -5149,7 +5160,8 @@
5149
5160
  "/bitrise/src/node_modules/@types/react/index.d.ts"
5150
5161
  ],
5151
5162
  "/bitrise/src/src/Progress/ProgressButtonContent.tsx": [
5152
- "/bitrise/src/node_modules/@types/react/index.d.ts"
5163
+ "/bitrise/src/node_modules/@types/react/index.d.ts",
5164
+ "/bitrise/src/src/Button/ButtonSize.ts"
5153
5165
  ],
5154
5166
  "/bitrise/src/src/Notification/Notification.tsx": [
5155
5167
  "/bitrise/src/src/Flex/Flex.tsx",
@@ -5335,6 +5347,7 @@
5335
5347
  ],
5336
5348
  "/bitrise/src/src/Button/ColorButton.tsx": [
5337
5349
  "/bitrise/src/src/Flex/Flex.tsx",
5350
+ "/bitrise/src/src/Button/ButtonSize.ts",
5338
5351
  "/bitrise/src/node_modules/@types/react/index.d.ts"
5339
5352
  ],
5340
5353
  "/bitrise/src/src/Checkbox/Checkbox.tsx": [
@@ -5362,6 +5375,7 @@
5362
5375
  ],
5363
5376
  "/bitrise/src/src/Button/Button.tsx": [
5364
5377
  "/bitrise/src/src/Flex/Flex.tsx",
5378
+ "/bitrise/src/src/Button/ButtonSize.ts",
5365
5379
  "/bitrise/src/node_modules/@types/react/index.d.ts"
5366
5380
  ],
5367
5381
  "/bitrise/src/src/Bounds/Bounds.tsx": [
@@ -6948,6 +6962,7 @@
6948
6962
  "/bitrise/src/src/Avatar/avatarColors.ts",
6949
6963
  "/bitrise/src/src/Avatar/Avatar.tsx",
6950
6964
  "/bitrise/src/src/Bounds/Bounds.tsx",
6965
+ "/bitrise/src/src/Button/ButtonSize.ts",
6951
6966
  "/bitrise/src/src/Button/Button.tsx",
6952
6967
  "/bitrise/src/src/Button/Buttons.tsx",
6953
6968
  "/bitrise/src/src/ButtonWithDropdown/ButtonWithDropdown.tsx",
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bitrise/bitkit",
3
3
  "description": "Bitrise React component library",
4
- "version": "9.2.0",
4
+ "version": "9.2.1",
5
5
  "repository": "git@github.com:bitrise-io/bitkit.git",
6
6
  "main": "lib/cjs/index.js",
7
7
  "esnext": "lib/esn/index.js",
@@ -25,7 +25,7 @@
25
25
  "serve": "superstatic ./dist --port 4001 -c superstatic.json",
26
26
  "start": "rm -rf ./dist && concurrently \"yarn start:docs\" \"yarn start:site\" \"yarn start:icons\"",
27
27
  "start:docs": "ts-node ./scripts/build-docs-watch",
28
- "start:site": "parcel site/index.html --port 4001 -d dist --no-cache",
28
+ "start:site": "parcel serve site/index.html --port 4001 -d dist --no-cache",
29
29
  "start:icons": "chokidar src/Icon/svg/** -c \"yarn svgr {path} && yarn lint:fix-icons\"",
30
30
  "test": "jest ./src"
31
31
  },
package/site/components/Documentation/Components/SectionProgress.tsx CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import { hooks, Base, Buttons, ProgressBar, ProgressButton, ProgressColorButton, ProgressBitbot, ProgressSpinner, Flex, Text } from '@bitrise/bitkit';
2
+ import { hooks, Base, Buttons, ProgressBar, ProgressButton, ProgressColorButton, ProgressBitbot, ProgressSpinner, Flex, Text, Icon } from '@bitrise/bitkit';
3
3
  import Section from '../../Section/Section';
4
4
  import SectionSubTitle from '../../Section/SectionSubTitle';
5
5
 
@@ -14,6 +14,7 @@ const SectionProgress = () => {
14
14
  const [progressing2, setProgressing2] = useState(false);
15
15
  const [progressing3, setProgressing3] = useState(false);
16
16
  const [progressing4, setProgressing4] = useState(false);
17
+ const [progressing5, setProgressing5] = useState(false);
17
18
 
18
19
  React.useEffect(() => {
19
20
  refTimeout.current = window.setTimeout(() => {
@@ -96,6 +97,14 @@ const SectionProgress = () => {
96
97
  size="medium">
97
98
  Color button
98
99
  </ProgressColorButton>
100
+
101
+ <ProgressButton
102
+ level="primary"
103
+ onClick={ () => setProgressing5(!progressing5) }
104
+ progressing={ progressing5 }>
105
+ <Icon name="App" />
106
+ <span>Button with icon</span>
107
+ </ProgressButton>
99
108
  </Buttons>
100
109
  </Base>
101
110
 
package/src/Button/Button.tsx CHANGED
@@ -2,6 +2,7 @@ import * as React from 'react';
2
2
  import classnames from 'classnames';
3
3
  import Flex, { Props as FlexProps } from '../Flex/Flex';
4
4
  import './Button.css';
5
+ import ButtonSize from './ButtonSize';
5
6
 
6
7
  export interface Props extends FlexProps {
7
8
  /**
@@ -21,7 +22,7 @@ export interface Props extends FlexProps {
21
22
  * into smaller spaces, while large will help the button stand
22
23
  * out on a page with lots of space.
23
24
  */
24
- size?: 'small' | 'medium' | 'large';
25
+ size?: ButtonSize;
25
26
  /**
26
27
  * Variant is another prop that changes the styles to indicate it's usage.
27
28
  * For example "danger" is to let the user know this button performs a
package/src/Button/ButtonSize.ts ADDED
@@ -0,0 +1,3 @@
1
+ type ButtonSize = 'small' | 'medium' | 'large';
2
+
3
+ export default ButtonSize;
package/src/Button/ColorButton.tsx CHANGED
@@ -2,6 +2,7 @@ import * as React from 'react';
2
2
  import classnames from 'classnames';
3
3
  import Flex, { Props as FlexProps } from '../Flex/Flex';
4
4
  import './ColorButton.css';
5
+ import ButtonSize from './ButtonSize';
5
6
 
6
7
  export interface Props extends FlexProps {
7
8
  /** Color of the button */
@@ -11,7 +12,7 @@ export interface Props extends FlexProps {
11
12
  * into smaller spaces, while large will help the button stand
12
13
  * out on a page with lots of space.
13
14
  */
14
- size: 'small' | 'medium' | 'large';
15
+ size?: ButtonSize;
15
16
  }
16
17
 
17
18
  /**
package/src/Progress/ProgressButton.tsx CHANGED
@@ -10,11 +10,11 @@ export interface Props extends ButtonProps, ProgressButtonContentProps { }
10
10
  * something is happening.
11
11
  */
12
12
  const ProgressButton: React.FunctionComponent<Props> = (props: Props) => {
13
- const { children, progressing, ...rest } = props;
13
+ const { children, progressing, size, ...rest } = props;
14
14
 
15
15
  return (
16
- <Button { ...rest }>
17
- <ProgressButtonContent progressing={ progressing }>
16
+ <Button size={ size } { ...rest }>
17
+ <ProgressButtonContent progressing={ progressing } size={ size }>
18
18
  { children }
19
19
  </ProgressButtonContent>
20
20
  </Button>
package/src/Progress/ProgressButtonContent.tsx CHANGED
@@ -2,10 +2,12 @@ import * as React from 'react';
2
2
  import Base from '../Base/Base';
3
3
  import ProgressSpinner from './ProgressSpinner';
4
4
  import Visibility from '../Visibility/Visibility';
5
+ import ButtonSize from '../Button/ButtonSize';
5
6
 
6
7
  export interface Props {
7
8
  progressing: boolean;
8
9
  children: React.ReactNode;
10
+ size?: ButtonSize;
9
11
  }
10
12
 
11
13
  /**
@@ -14,11 +16,16 @@ export interface Props {
14
16
  * something is happening.
15
17
  */
16
18
  const ProgressButtonContent: React.FunctionComponent<Props> = (props: Props) => {
17
- const { children, progressing } = props;
19
+ const { children, progressing, size } = props;
20
+ const gap = size === 'small' ? 'x1' : 'x2';
18
21
 
19
22
  return (
20
23
  <Base container>
21
- <Visibility visible={ !progressing }>
24
+ <Visibility
25
+ alignChildren="middle"
26
+ direction="horizontal"
27
+ gap={ gap }
28
+ visible={ !progressing }>
22
29
  { children }
23
30
  </Visibility>
24
31