@invoicebox/ui 0.1.0-alpha.230 → 0.1.0-alpha.231

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 (7) hide show
  1. package/dist/components/form/Autocomplete/components/Autocomplete/index.js +3 -1
  2. package/dist/components/form/Autocomplete/components/AutocompleteDefaultOption/index.d.ts +1 -0
  3. package/dist/components/form/Autocomplete/components/AutocompleteDefaultOption/index.js +8 -2
  4. package/dist/components/form/Select/index.js +3 -1
  5. package/dist/components/form/Select/styles.d.ts +3 -1
  6. package/dist/components/form/Select/styles.js +6 -3
  7. package/package.json +1 -1
package/dist/components/form/Autocomplete/components/Autocomplete/index.js CHANGED
@@ -136,7 +136,9 @@ var Autocomplete = exports.Autocomplete = /*#__PURE__*/(0, _react.forwardRef)(fu
136
136
  type: "button",
137
137
  onClick: handleSelect,
138
138
  "data-index": JSON.stringify(index)
139
- }, renderOption ? renderOption(option) : /*#__PURE__*/_react["default"].createElement(_AutocompleteDefaultOption.AutocompleteDefaultOption, null, option.value)));
139
+ }, renderOption ? renderOption(option) : /*#__PURE__*/_react["default"].createElement(_AutocompleteDefaultOption.AutocompleteDefaultOption, {
140
+ usePadding: usePadding
141
+ }, option.value)));
140
142
  }))));
141
143
  });
142
144
  Autocomplete.displayName = 'Autocomplete';
package/dist/components/form/Autocomplete/components/AutocompleteDefaultOption/index.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  import { FC, ReactNode } from 'react';
2
2
  export type TProps = {
3
3
  children: ReactNode;
4
+ usePadding?: boolean;
4
5
  };
5
6
  export declare const AutocompleteDefaultOption: FC<TProps>;
package/dist/components/form/Autocomplete/components/AutocompleteDefaultOption/index.js CHANGED
@@ -10,8 +10,11 @@ var _typography = require("../../../../common/Typography/typography");
10
10
  var _Typography = require("../../../../common/Typography");
11
11
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
12
12
  var AutocompleteDefaultOption = exports.AutocompleteDefaultOption = function AutocompleteDefaultOption(_ref) {
13
- var children = _ref.children;
13
+ var children = _ref.children,
14
+ _ref$usePadding = _ref.usePadding,
15
+ usePadding = _ref$usePadding === void 0 ? false : _ref$usePadding;
14
16
  return /*#__PURE__*/_react["default"].createElement(Wrapper, {
17
+ $usePadding: usePadding,
15
18
  variant: 'bodyMRegular',
16
19
  element: 'div'
17
20
  }, children);
@@ -19,4 +22,7 @@ var AutocompleteDefaultOption = exports.AutocompleteDefaultOption = function Aut
19
22
  var Wrapper = (0, _styledComponents["default"])(_Typography.Typography).withConfig({
20
23
  displayName: "AutocompleteDefaultOption__Wrapper",
21
24
  componentId: "sc-1a61mvs-0"
22
- })(["overflow:hidden;display:flex;width:100%;text-align:left;flex-direction:column;padding:12px 20px;transition:all 0.2s ease-in-out;", " box-sizing:border-box;"], _typography.typography.bodyMRegular);
25
+ })(["overflow:hidden;display:flex;width:100%;text-align:left;flex-direction:column;padding:", ";transition:all 0.2s ease-in-out;", " box-sizing:border-box;"], function (_ref2) {
26
+ var $usePadding = _ref2.$usePadding;
27
+ return $usePadding ? '12px' : '12px 20px';
28
+ }, _typography.typography.bodyMRegular);
package/dist/components/form/Select/index.js CHANGED
@@ -134,7 +134,9 @@ var Select = exports.Select = function Select(_ref) {
134
134
  }
135
135
  return renderOption(option.entity);
136
136
  }
137
- return /*#__PURE__*/_react["default"].createElement(S.DefaultOptionWrapper, null, " ", option.label);
137
+ return /*#__PURE__*/_react["default"].createElement(S.DefaultOptionWrapper, {
138
+ $usePadding: usePadding
139
+ }, " ", option.label);
138
140
  };
139
141
  var handleGroupRender = function handleGroupRender(group) {
140
142
  if (group) {
package/dist/components/form/Select/styles.d.ts CHANGED
@@ -8,7 +8,9 @@ export declare const Option: import("styled-components/dist/types").IStyledCompo
8
8
  $recalculateWidthAndBorder: boolean;
9
9
  }>> & string & Omit<import("react").FC<import("../../common/Typography").TTypographyProps>, keyof import("react").Component<any, {}, any>>;
10
10
  export declare const Group: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("../../common/Typography").TTypographyProps & import("styled-components/dist/types").BaseObject, import("styled-components/dist/types").BaseObject>> & string & Omit<import("react").FC<import("../../common/Typography").TTypographyProps>, keyof import("react").Component<any, {}, any>>;
11
- export declare const DefaultOptionWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
11
+ export declare const DefaultOptionWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
12
+ $usePadding?: boolean | undefined;
13
+ }>> & string;
12
14
  export declare const DrawerContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
13
15
  export declare const DrawerBottom: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
14
16
  export declare const EmptyLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("../../common/Typography").TTypographyProps & import("styled-components/dist/types").BaseObject, {
package/dist/components/form/Select/styles.js CHANGED
@@ -40,7 +40,10 @@ var Group = exports.Group = (0, _styledComponents["default"])(_Typography.Typogr
40
40
  var DefaultOptionWrapper = exports.DefaultOptionWrapper = _styledComponents["default"].div.withConfig({
41
41
  displayName: "styles__DefaultOptionWrapper",
42
42
  componentId: "sc-1x9n0z5-4"
43
- })(["padding:12px 20px;"]);
43
+ })(["padding:", ";"], function (_ref5) {
44
+ var $usePadding = _ref5.$usePadding;
45
+ return $usePadding ? '12px' : '12px 20px';
46
+ });
44
47
  var DrawerContent = exports.DrawerContent = _styledComponents["default"].div.withConfig({
45
48
  displayName: "styles__DrawerContent",
46
49
  componentId: "sc-1x9n0z5-5"
@@ -52,7 +55,7 @@ var DrawerBottom = exports.DrawerBottom = _styledComponents["default"].div.withC
52
55
  var EmptyLabel = exports.EmptyLabel = (0, _styledComponents["default"])(_Typography.Typography).withConfig({
53
56
  displayName: "styles__EmptyLabel",
54
57
  componentId: "sc-1x9n0z5-7"
55
- })(["color:", ";"], function (_ref5) {
56
- var $color = _ref5.$color;
58
+ })(["color:", ";"], function (_ref6) {
59
+ var $color = _ref6.$color;
57
60
  return $color;
58
61
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@invoicebox/ui",
3
- "version": "0.1.0-alpha.230",
3
+ "version": "0.1.0-alpha.231",
4
4
  "description": "Invoicebox UI",
5
5
  "license": "Apache License 2.0",
6
6
  "scripts": {