@invoicebox/ui 0.1.0-alpha.75 → 0.1.0-alpha.76

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 (22) hide show
  1. package/dist/components/common/Flag/components/ArmFlag/index.js +2 -2
  2. package/dist/components/common/Flag/components/AzeFlag/index.js +2 -2
  3. package/dist/components/common/Flag/components/BlrFlag/index.js +2 -2
  4. package/dist/components/common/Flag/components/ChnFlag/index.js +2 -2
  5. package/dist/components/common/Flag/components/EngFlag/index.js +2 -2
  6. package/dist/components/common/Flag/components/EspFlag/index.js +2 -2
  7. package/dist/components/common/Flag/components/KazFlag/index.js +2 -2
  8. package/dist/components/common/Flag/components/KgzFlag/index.js +2 -2
  9. package/dist/components/common/Flag/components/MdaFlag/index.js +2 -2
  10. package/dist/components/common/Flag/components/RusFlag/index.js +2 -2
  11. package/dist/components/common/Flag/components/TjkFlag/index.js +2 -2
  12. package/dist/components/common/Flag/components/UnknownFlag/index.js +2 -2
  13. package/dist/components/common/Flag/components/UzbFlag/index.js +2 -2
  14. package/dist/components/common/Flag/index.d.ts +2 -3
  15. package/dist/components/common/Flag/index.js +2 -4
  16. package/dist/components/common/Flag/index.stories.js +1 -2
  17. package/dist/components/common/Flag/styles.d.ts +1 -2
  18. package/dist/components/common/Flag/styles.js +9 -8
  19. package/dist/components/form/CountrySelect/components/CountryItem/index.js +1 -2
  20. package/dist/components/form/CountrySelect/index.js +1 -2
  21. package/dist/index.d.ts +0 -1
  22. package/package.json +1 -1
package/dist/components/common/Flag/components/ArmFlag/index.js CHANGED
@@ -8,8 +8,8 @@ var _react = _interopRequireDefault(require("react"));
8
8
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
9
9
  var ArmFlag = exports.ArmFlag = function ArmFlag() {
10
10
  return /*#__PURE__*/_react["default"].createElement("svg", {
11
- width: "100%",
12
- height: "100%",
11
+ width: "22",
12
+ height: "16",
13
13
  viewBox: "0 0 22 16",
14
14
  fill: "none",
15
15
  xmlns: "http://www.w3.org/2000/svg"
package/dist/components/common/Flag/components/AzeFlag/index.js CHANGED
@@ -8,8 +8,8 @@ var _react = _interopRequireDefault(require("react"));
8
8
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
9
9
  var AzeFlag = exports.AzeFlag = function AzeFlag() {
10
10
  return /*#__PURE__*/_react["default"].createElement("svg", {
11
- width: "100%",
12
- height: "100%",
11
+ width: "22",
12
+ height: "16",
13
13
  viewBox: "0 0 22 16",
14
14
  fill: "none",
15
15
  xmlns: "http://www.w3.org/2000/svg"
package/dist/components/common/Flag/components/BlrFlag/index.js CHANGED
@@ -8,8 +8,8 @@ var _react = _interopRequireDefault(require("react"));
8
8
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
9
9
  var BlrFlag = exports.BlrFlag = function BlrFlag() {
10
10
  return /*#__PURE__*/_react["default"].createElement("svg", {
11
- width: "100%",
12
- height: "100%",
11
+ width: "22",
12
+ height: "16",
13
13
  viewBox: "0 0 22 16",
14
14
  fill: "none",
15
15
  xmlns: "http://www.w3.org/2000/svg"
package/dist/components/common/Flag/components/ChnFlag/index.js CHANGED
@@ -8,8 +8,8 @@ var _react = _interopRequireDefault(require("react"));
8
8
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
9
9
  var ChnFlag = exports.ChnFlag = function ChnFlag() {
10
10
  return /*#__PURE__*/_react["default"].createElement("svg", {
11
- width: "100%",
12
- height: "100%",
11
+ width: "22",
12
+ height: "16",
13
13
  viewBox: "0 0 22 16",
14
14
  fill: "none",
15
15
  xmlns: "http://www.w3.org/2000/svg"
package/dist/components/common/Flag/components/EngFlag/index.js CHANGED
@@ -8,8 +8,8 @@ var _react = _interopRequireDefault(require("react"));
8
8
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
9
9
  var EngFlag = exports.EngFlag = function EngFlag() {
10
10
  return /*#__PURE__*/_react["default"].createElement("svg", {
11
- width: "100%",
12
- height: "100%",
11
+ width: "22",
12
+ height: "16",
13
13
  viewBox: "0 0 22 16",
14
14
  fill: "none",
15
15
  xmlns: "http://www.w3.org/2000/svg"
package/dist/components/common/Flag/components/EspFlag/index.js CHANGED
@@ -8,8 +8,8 @@ var _react = _interopRequireDefault(require("react"));
8
8
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
9
9
  var EspFlag = exports.EspFlag = function EspFlag() {
10
10
  return /*#__PURE__*/_react["default"].createElement("svg", {
11
- width: "100%",
12
- height: "100%",
11
+ width: "22",
12
+ height: "16",
13
13
  viewBox: "0 0 22 16",
14
14
  fill: "none",
15
15
  xmlns: "http://www.w3.org/2000/svg"
package/dist/components/common/Flag/components/KazFlag/index.js CHANGED
@@ -8,8 +8,8 @@ var _react = _interopRequireDefault(require("react"));
8
8
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
9
9
  var KazFlag = exports.KazFlag = function KazFlag() {
10
10
  return /*#__PURE__*/_react["default"].createElement("svg", {
11
- width: "100%",
12
- height: "100%",
11
+ width: "22",
12
+ height: "16",
13
13
  viewBox: "0 0 22 16",
14
14
  fill: "none",
15
15
  xmlns: "http://www.w3.org/2000/svg"
package/dist/components/common/Flag/components/KgzFlag/index.js CHANGED
@@ -8,8 +8,8 @@ var _react = _interopRequireDefault(require("react"));
8
8
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
9
9
  var KgzFlag = exports.KgzFlag = function KgzFlag() {
10
10
  return /*#__PURE__*/_react["default"].createElement("svg", {
11
- width: "100%",
12
- height: "100%",
11
+ width: "22",
12
+ height: "16",
13
13
  viewBox: "0 0 22 16",
14
14
  fill: "none",
15
15
  xmlns: "http://www.w3.org/2000/svg"
package/dist/components/common/Flag/components/MdaFlag/index.js CHANGED
@@ -8,8 +8,8 @@ var _react = _interopRequireDefault(require("react"));
8
8
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
9
9
  var MdaFlag = exports.MdaFlag = function MdaFlag() {
10
10
  return /*#__PURE__*/_react["default"].createElement("svg", {
11
- width: "100%",
12
- height: "100%",
11
+ width: "22",
12
+ height: "16",
13
13
  viewBox: "0 0 22 16",
14
14
  fill: "none",
15
15
  xmlns: "http://www.w3.org/2000/svg"
package/dist/components/common/Flag/components/RusFlag/index.js CHANGED
@@ -8,8 +8,8 @@ var _react = _interopRequireDefault(require("react"));
8
8
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
9
9
  var RusFlag = exports.RusFlag = function RusFlag() {
10
10
  return /*#__PURE__*/_react["default"].createElement("svg", {
11
- width: "100%",
12
- height: "100%",
11
+ width: "22",
12
+ height: "16",
13
13
  viewBox: "0 0 22 16",
14
14
  fill: "none",
15
15
  xmlns: "http://www.w3.org/2000/svg"
package/dist/components/common/Flag/components/TjkFlag/index.js CHANGED
@@ -8,8 +8,8 @@ var _react = _interopRequireDefault(require("react"));
8
8
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
9
9
  var TjkFlag = exports.TjkFlag = function TjkFlag() {
10
10
  return /*#__PURE__*/_react["default"].createElement("svg", {
11
- width: "100%",
12
- height: "100%",
11
+ width: "22",
12
+ height: "16",
13
13
  viewBox: "0 0 22 16",
14
14
  fill: "none",
15
15
  xmlns: "http://www.w3.org/2000/svg"
package/dist/components/common/Flag/components/UnknownFlag/index.js CHANGED
@@ -8,8 +8,8 @@ var _react = _interopRequireDefault(require("react"));
8
8
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
9
9
  var UnknownFlag = exports.UnknownFlag = function UnknownFlag() {
10
10
  return /*#__PURE__*/_react["default"].createElement("svg", {
11
- width: "100%",
12
- height: "100%",
11
+ width: "22",
12
+ height: "16",
13
13
  viewBox: "0 0 22 16",
14
14
  fill: "none",
15
15
  xmlns: "http://www.w3.org/2000/svg"
package/dist/components/common/Flag/components/UzbFlag/index.js CHANGED
@@ -8,8 +8,8 @@ var _react = _interopRequireDefault(require("react"));
8
8
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
9
9
  var UzbFlag = exports.UzbFlag = function UzbFlag() {
10
10
  return /*#__PURE__*/_react["default"].createElement("svg", {
11
- width: "100%",
12
- height: "100%",
11
+ width: "22",
12
+ height: "16",
13
13
  viewBox: "0 0 22 16",
14
14
  fill: "none",
15
15
  xmlns: "http://www.w3.org/2000/svg"
package/dist/components/common/Flag/index.d.ts CHANGED
@@ -2,11 +2,10 @@ declare const flagKeys: readonly ["RUS", "BLR", "KAZ", "AZE", "ARM", "KGZ", "MDA
2
2
  export type TFlagKey = (typeof flagKeys)[number];
3
3
  export type TProps = {
4
4
  flag: TFlagKey;
5
- width: number;
6
- height: number;
5
+ isSmall: boolean;
7
6
  };
8
7
  export declare const Flag: {
9
- ({ flag, width, height }: TProps): import("react/jsx-runtime").JSX.Element;
8
+ ({ flag, isSmall }: TProps): import("react/jsx-runtime").JSX.Element;
10
9
  flags: readonly ["RUS", "BLR", "KAZ", "AZE", "ARM", "KGZ", "MDA", "TJK", "UZB", "CHN", "ENG", "ESP", "UNKNOWN"];
11
10
  };
12
11
  export {};
package/dist/components/common/Flag/index.js CHANGED
@@ -41,11 +41,9 @@ var map = {
41
41
  };
42
42
  var Flag = exports.Flag = function Flag(_ref) {
43
43
  var flag = _ref.flag,
44
- width = _ref.width,
45
- height = _ref.height;
44
+ isSmall = _ref.isSmall;
46
45
  return /*#__PURE__*/_react["default"].createElement(S.FlagWrapper, {
47
- $width: width,
48
- $height: height
46
+ $isSmall: isSmall
49
47
  }, map[flag]);
50
48
  };
51
49
  Flag.flags = flagKeys;
package/dist/components/common/Flag/index.stories.js CHANGED
@@ -17,7 +17,6 @@ var _default = exports["default"] = meta;
17
17
  var Default = exports.Default = {
18
18
  args: {
19
19
  flag: 'RUS',
20
- width: 44,
21
- height: 32
20
+ isSmall: false
22
21
  }
23
22
  };
package/dist/components/common/Flag/styles.d.ts CHANGED
@@ -1,5 +1,4 @@
1
1
  /// <reference types="react" />
2
2
  export declare const FlagWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
3
- $width: number;
4
- $height: number;
3
+ $isSmall: boolean;
5
4
  }>>;
package/dist/components/common/Flag/styles.js CHANGED
@@ -1,18 +1,19 @@
1
1
  "use strict";
2
2
 
3
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
3
4
  Object.defineProperty(exports, "__esModule", {
4
5
  value: true
5
6
  });
6
7
  exports.FlagWrapper = void 0;
7
- var _styledComponents = _interopRequireDefault(require("styled-components"));
8
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
8
+ var _styledComponents = _interopRequireWildcard(require("styled-components"));
9
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
10
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
11
+ var selectedFlagStyles = (0, _styledComponents.css)(["height:16px;width:22px;border-radius:3px;"]);
12
+ var listFlagStyles = (0, _styledComponents.css)(["height:12px;width:17px;border-radius:2px;img{transform:scale(0.8);transform-origin:left top;}"]);
9
13
  var FlagWrapper = exports.FlagWrapper = _styledComponents["default"].div.withConfig({
10
14
  displayName: "styles__FlagWrapper",
11
15
  componentId: "sc-1te2h7u-0"
12
- })(["box-shadow:0 1px 5px rgba(53,63,71,0.2);width:", "px;height:", "px;display:flex;justify-content:center;align-items:center;border-radius:2px;overflow:hidden;"], function (_ref) {
13
- var $width = _ref.$width;
14
- return $width;
15
- }, function (_ref2) {
16
- var $height = _ref2.$height;
17
- return $height;
16
+ })(["box-shadow:0 1px 5px rgba(53,63,71,0.2);display:flex;justify-content:center;align-items:center;overflow:hidden;", ";"], function (_ref) {
17
+ var $isSmall = _ref.$isSmall;
18
+ return $isSmall ? listFlagStyles : selectedFlagStyles;
18
19
  });
package/dist/components/form/CountrySelect/components/CountryItem/index.js CHANGED
@@ -32,8 +32,7 @@ var CountryItem = exports.CountryItem = function CountryItem(_ref) {
32
32
  $palette: palette
33
33
  }, flag && /*#__PURE__*/_react["default"].createElement(_Flag.Flag, {
34
34
  flag: flag,
35
- width: 17,
36
- height: 12
35
+ isSmall: true
37
36
  }), /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
38
37
  variant: 'captionRegular'
39
38
  }, countryLabel, " ", isSelected && selectedLabel)), /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
package/dist/components/form/CountrySelect/index.js CHANGED
@@ -88,8 +88,7 @@ var CountrySelect = exports.CountrySelect = function CountrySelect(_ref) {
88
88
  onClick: handleDropdownTrigger,
89
89
  disabled: disabled
90
90
  }, selectedOption.flag && /*#__PURE__*/_react["default"].createElement(_Flag.Flag, {
91
- height: 16,
92
- width: 22,
91
+ isSmall: false,
93
92
  flag: selectedOption.flag
94
93
  }), /*#__PURE__*/_react["default"].createElement(_Arrow.Arrow, {
95
94
  isOpen: isOpen
package/dist/index.d.ts CHANGED
@@ -30,7 +30,6 @@ export type { TProps as TCountrySelectProps } from './components/form/CountrySel
30
30
  export { PhoneInput } from './components/form/PhoneInput';
31
31
  export type { TProps as TPhoneInputProps } from './components/form/PhoneInput';
32
32
  export { phoneLogic } from './components/form/PhoneInput/externalPhoneLogic';
33
- export type { TSupportedCountries as TSupportedCountriesPhoneInput } from './components/form/PhoneInput/types';
34
33
  export { PaletteProvider } from './palette';
35
34
  export type { TAbstractPalette } from './palette';
36
35
  export { useOutsideClick } from './hooks/useOutsideClick';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@invoicebox/ui",
3
- "version": "0.1.0-alpha.75",
3
+ "version": "0.1.0-alpha.76",
4
4
  "description": "Invoicebox UI",
5
5
  "license": "Apache License 2.0",
6
6
  "scripts": {