@invoicebox/ui 0.1.0-alpha.313 → 0.1.0-alpha.315

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 (57) hide show
  1. package/dist/components/common/Tooltip/index.d.ts +9 -0
  2. package/dist/components/common/Tooltip/index.js +60 -0
  3. package/dist/components/common/Tooltip/index.stories.d.ts +6 -0
  4. package/dist/components/common/Tooltip/index.stories.js +43 -0
  5. package/dist/components/common/Tooltip/palette.d.ts +7 -0
  6. package/dist/components/common/Tooltip/palette.js +13 -0
  7. package/dist/components/common/Tooltip/styles.d.ts +9 -0
  8. package/dist/components/common/Tooltip/styles.js +34 -0
  9. package/dist/components/form/Checkbox/CheckIcon.d.ts +2 -0
  10. package/dist/components/form/Checkbox/CheckIcon.js +23 -0
  11. package/dist/components/form/Checkbox/index.d.ts +11 -0
  12. package/dist/components/form/Checkbox/index.js +47 -0
  13. package/dist/components/form/Checkbox/index.stories.d.ts +8 -0
  14. package/dist/components/form/Checkbox/index.stories.js +69 -0
  15. package/dist/components/form/Checkbox/palette.d.ts +12 -0
  16. package/dist/components/form/Checkbox/palette.js +20 -0
  17. package/dist/components/form/Checkbox/styles.d.ts +13 -0
  18. package/dist/components/form/Checkbox/styles.js +71 -0
  19. package/dist/components/form/CurrencyInput/CoreCurrencyInput/index.js +1 -1
  20. package/dist/components/form/Select/components/MultipleValue/index.d.ts +9 -0
  21. package/dist/components/form/Select/components/MultipleValue/index.js +129 -0
  22. package/dist/components/form/Select/components/MultipleValue/styles.d.ts +8 -0
  23. package/dist/components/form/Select/components/MultipleValue/styles.js +31 -0
  24. package/dist/components/form/Select/index.d.ts +17 -4
  25. package/dist/components/form/Select/index.js +98 -44
  26. package/dist/components/form/Select/index.stories.d.ts +3 -1
  27. package/dist/components/form/Select/index.stories.js +32 -1
  28. package/dist/components/form/Select/palette.d.ts +2 -0
  29. package/dist/components/form/Select/palette.js +3 -1
  30. package/dist/components/form/Select/styles.d.ts +4 -0
  31. package/dist/components/form/Select/styles.js +26 -10
  32. package/dist/esm/components/common/Tooltip/index.js +51 -0
  33. package/dist/esm/components/common/Tooltip/index.stories.js +36 -0
  34. package/dist/esm/components/common/Tooltip/palette.js +7 -0
  35. package/dist/esm/components/common/Tooltip/styles.js +27 -0
  36. package/dist/esm/components/form/Checkbox/CheckIcon.js +16 -0
  37. package/dist/esm/components/form/Checkbox/index.js +38 -0
  38. package/dist/esm/components/form/Checkbox/index.stories.js +60 -0
  39. package/dist/esm/components/form/Checkbox/palette.js +13 -0
  40. package/dist/esm/components/form/Checkbox/styles.js +64 -0
  41. package/dist/esm/components/form/CurrencyInput/CoreCurrencyInput/index.js +1 -1
  42. package/dist/esm/components/form/Select/components/MultipleValue/index.js +120 -0
  43. package/dist/esm/components/form/Select/components/MultipleValue/styles.js +22 -0
  44. package/dist/esm/components/form/Select/index.js +98 -44
  45. package/dist/esm/components/form/Select/index.stories.js +31 -0
  46. package/dist/esm/components/form/Select/palette.js +3 -1
  47. package/dist/esm/components/form/Select/styles.js +25 -9
  48. package/dist/esm/index.js +2 -0
  49. package/dist/esm/palette/context.js +5 -1
  50. package/dist/esm/palette/provider.js +5 -1
  51. package/dist/index.d.ts +5 -1
  52. package/dist/index.js +14 -0
  53. package/dist/palette/context.d.ts +4 -0
  54. package/dist/palette/context.js +5 -1
  55. package/dist/palette/provider.js +5 -1
  56. package/dist/palette/usePalette.d.ts +2 -0
  57. package/package.json +1 -1
package/dist/esm/index.js CHANGED
@@ -2,6 +2,7 @@ export { PaletteProvider, defaultAbstractPalette } from './palette';
2
2
  // common
3
3
  export { Skeleton } from './components/common/Skeleton';
4
4
  export { Typography } from './components/common/Typography';
5
+ export { Tooltip } from './components/common/Tooltip';
5
6
  export { InvoiceboxSpinner } from './components/common/InvoiceboxSpinner';
6
7
  export { SecondaryButton } from './components/common/SecondaryButton';
7
8
  export { Arrow } from './components/common/Arrow';
@@ -28,6 +29,7 @@ export { PureInput } from './components/form/PureInput';
28
29
  export { PositiveIntegerInput } from './components/form/PositiveIntegerInput';
29
30
  export { TagsInput } from './components/form/TagsInput';
30
31
  export { TextInput } from './components/form/TextInput';
32
+ export { Checkbox } from './components/form/Checkbox';
31
33
  export { Select } from './components/form/Select';
32
34
  export { Toggle } from './components/form/Toggle';
33
35
  export { DateInput } from './components/form/DateInput';
@@ -30,6 +30,8 @@ import { generateTagsInputPalette } from '../components/form/TagsInput/palette';
30
30
  import { generateTimePickerPalette } from '../components/form/DateTimeInput/components/TimePicker/palette';
31
31
  import { generateDateTimeInputPalette } from '../components/form/DateTimeInput/palette';
32
32
  import { generateDrawerHeaderPalette } from '../components/form/common/DrawerHeader/palette';
33
+ import { generateCheckboxPalette } from '../components/form/Checkbox/palette';
34
+ import { generateTooltipPalette } from '../components/common/Tooltip/palette';
33
35
  export var PaletteContext = /*#__PURE__*/createContext({
34
36
  skeleton: generateSkeletonPalette(defaultAbstractPalette),
35
37
  invoiceboxSpinner: generateInvoiceboxSpinnerPalette(defaultAbstractPalette),
@@ -60,5 +62,7 @@ export var PaletteContext = /*#__PURE__*/createContext({
60
62
  tagsInput: generateTagsInputPalette(defaultAbstractPalette),
61
63
  timePicker: generateTimePickerPalette(defaultAbstractPalette),
62
64
  dateTimeInput: generateDateTimeInputPalette(defaultAbstractPalette),
63
- drawerHeader: generateDrawerHeaderPalette(defaultAbstractPalette)
65
+ drawerHeader: generateDrawerHeaderPalette(defaultAbstractPalette),
66
+ checkbox: generateCheckboxPalette(defaultAbstractPalette),
67
+ tooltip: generateTooltipPalette(defaultAbstractPalette)
64
68
  });
@@ -37,6 +37,8 @@ import { generateTagsInputPalette } from '../components/form/TagsInput/palette';
37
37
  import { generateTimePickerPalette } from '../components/form/DateTimeInput/components/TimePicker/palette';
38
38
  import { generateDateTimeInputPalette } from '../components/form/DateTimeInput/palette';
39
39
  import { generateDrawerHeaderPalette } from '../components/form/common/DrawerHeader/palette';
40
+ import { generateCheckboxPalette } from '../components/form/Checkbox/palette';
41
+ import { generateTooltipPalette } from '../components/common/Tooltip/palette';
40
42
  export var PaletteProvider = function PaletteProvider(_ref) {
41
43
  var children = _ref.children,
42
44
  _abstract = _ref["abstract"],
@@ -78,7 +80,9 @@ export var PaletteProvider = function PaletteProvider(_ref) {
78
80
  tagsInput: generateTagsInputPalette(mergedAbstractPalette),
79
81
  timePicker: generateTimePickerPalette(mergedAbstractPalette),
80
82
  dateTimeInput: generateDateTimeInputPalette(mergedAbstractPalette),
81
- drawerHeader: generateDrawerHeaderPalette(mergedAbstractPalette)
83
+ drawerHeader: generateDrawerHeaderPalette(mergedAbstractPalette),
84
+ checkbox: generateCheckboxPalette(mergedAbstractPalette),
85
+ tooltip: generateTooltipPalette(mergedAbstractPalette)
82
86
  };
83
87
  }, [mergedSkeletonPalette, mergedAbstractPalette]);
84
88
  return /*#__PURE__*/React.createElement(PaletteContext.Provider, {
package/dist/index.d.ts CHANGED
@@ -2,6 +2,8 @@ export { PaletteProvider, defaultAbstractPalette } from './palette';
2
2
  export type { TAbstractPalette } from './palette';
3
3
  export { Skeleton } from './components/common/Skeleton';
4
4
  export { Typography } from './components/common/Typography';
5
+ export { Tooltip } from './components/common/Tooltip';
6
+ export type { TProps as TTooltipProps } from './components/common/Tooltip';
5
7
  export { InvoiceboxSpinner } from './components/common/InvoiceboxSpinner';
6
8
  export { SecondaryButton } from './components/common/SecondaryButton';
7
9
  export { Arrow } from './components/common/Arrow';
@@ -38,8 +40,10 @@ export { TagsInput } from './components/form/TagsInput';
38
40
  export type { TProps as TTagsInputProps } from './components/form/TagsInput';
39
41
  export { TextInput } from './components/form/TextInput';
40
42
  export type { TProps as TTextInputProps } from './components/form/TextInput';
43
+ export { Checkbox } from './components/form/Checkbox';
44
+ export type { TProps as TCheckboxProps } from './components/form/Checkbox';
41
45
  export { Select } from './components/form/Select';
42
- export type { TProps as TSelectProps, TOption, TGroup } from './components/form/Select';
46
+ export type { TProps as TSelectProps, TMultipleProps as TMultipleSelectProps, TOption, TGroup, } from './components/form/Select';
43
47
  export { Toggle } from './components/form/Toggle';
44
48
  export type { TProps as TToggleProps } from './components/form/Toggle';
45
49
  export { DateInput } from './components/form/DateInput';
package/dist/index.js CHANGED
@@ -39,6 +39,12 @@ Object.defineProperty(exports, "Calendar", {
39
39
  return _Calendar.Calendar;
40
40
  }
41
41
  });
42
+ Object.defineProperty(exports, "Checkbox", {
43
+ enumerable: true,
44
+ get: function get() {
45
+ return _Checkbox.Checkbox;
46
+ }
47
+ });
42
48
  Object.defineProperty(exports, "Chip", {
43
49
  enumerable: true,
44
50
  get: function get() {
@@ -243,6 +249,12 @@ Object.defineProperty(exports, "Toggle", {
243
249
  return _Toggle.Toggle;
244
250
  }
245
251
  });
252
+ Object.defineProperty(exports, "Tooltip", {
253
+ enumerable: true,
254
+ get: function get() {
255
+ return _Tooltip.Tooltip;
256
+ }
257
+ });
246
258
  Object.defineProperty(exports, "Typography", {
247
259
  enumerable: true,
248
260
  get: function get() {
@@ -348,6 +360,7 @@ Object.defineProperty(exports, "useUnupdatableHandler", {
348
360
  var _palette = require("./palette");
349
361
  var _Skeleton = require("./components/common/Skeleton");
350
362
  var _Typography = require("./components/common/Typography");
363
+ var _Tooltip = require("./components/common/Tooltip");
351
364
  var _InvoiceboxSpinner = require("./components/common/InvoiceboxSpinner");
352
365
  var _SecondaryButton = require("./components/common/SecondaryButton");
353
366
  var _Arrow = require("./components/common/Arrow");
@@ -372,6 +385,7 @@ var _PureInput = require("./components/form/PureInput");
372
385
  var _PositiveIntegerInput = require("./components/form/PositiveIntegerInput");
373
386
  var _TagsInput = require("./components/form/TagsInput");
374
387
  var _TextInput = require("./components/form/TextInput");
388
+ var _Checkbox = require("./components/form/Checkbox");
375
389
  var _Select = require("./components/form/Select");
376
390
  var _Toggle = require("./components/form/Toggle");
377
391
  var _DateInput = require("./components/form/DateInput");
@@ -29,6 +29,8 @@ import { TTagsInputPalette } from '../components/form/TagsInput/palette';
29
29
  import { TTimePickerPalette } from '../components/form/DateTimeInput/components/TimePicker/palette';
30
30
  import { TDateTimeInputPalette } from '../components/form/DateTimeInput/palette';
31
31
  import { TDrawerHeaderPalette } from '../components/form/common/DrawerHeader/palette';
32
+ import { TCheckboxPalette } from '../components/form/Checkbox/palette';
33
+ import { TTooltipPalette } from '../components/common/Tooltip/palette';
32
34
  type TContext = {
33
35
  skeleton: TSkeletonPalette;
34
36
  invoiceboxSpinner: TInvoiceboxSpinnerPalette;
@@ -60,6 +62,8 @@ type TContext = {
60
62
  timePicker: TTimePickerPalette;
61
63
  dateTimeInput: TDateTimeInputPalette;
62
64
  drawerHeader: TDrawerHeaderPalette;
65
+ checkbox: TCheckboxPalette;
66
+ tooltip: TTooltipPalette;
63
67
  };
64
68
  export declare const PaletteContext: import("react").Context<TContext>;
65
69
  export {};
@@ -36,6 +36,8 @@ var _palette27 = require("../components/form/TagsInput/palette");
36
36
  var _palette28 = require("../components/form/DateTimeInput/components/TimePicker/palette");
37
37
  var _palette29 = require("../components/form/DateTimeInput/palette");
38
38
  var _palette30 = require("../components/form/common/DrawerHeader/palette");
39
+ var _palette31 = require("../components/form/Checkbox/palette");
40
+ var _palette32 = require("../components/common/Tooltip/palette");
39
41
  var PaletteContext = exports.PaletteContext = /*#__PURE__*/(0, _react.createContext)({
40
42
  skeleton: (0, _palette.generateSkeletonPalette)(_constants.defaultAbstractPalette),
41
43
  invoiceboxSpinner: (0, _palette2.generateInvoiceboxSpinnerPalette)(_constants.defaultAbstractPalette),
@@ -66,5 +68,7 @@ var PaletteContext = exports.PaletteContext = /*#__PURE__*/(0, _react.createCont
66
68
  tagsInput: (0, _palette27.generateTagsInputPalette)(_constants.defaultAbstractPalette),
67
69
  timePicker: (0, _palette28.generateTimePickerPalette)(_constants.defaultAbstractPalette),
68
70
  dateTimeInput: (0, _palette29.generateDateTimeInputPalette)(_constants.defaultAbstractPalette),
69
- drawerHeader: (0, _palette30.generateDrawerHeaderPalette)(_constants.defaultAbstractPalette)
71
+ drawerHeader: (0, _palette30.generateDrawerHeaderPalette)(_constants.defaultAbstractPalette),
72
+ checkbox: (0, _palette31.generateCheckboxPalette)(_constants.defaultAbstractPalette),
73
+ tooltip: (0, _palette32.generateTooltipPalette)(_constants.defaultAbstractPalette)
70
74
  });
@@ -37,6 +37,8 @@ var _palette27 = require("../components/form/TagsInput/palette");
37
37
  var _palette28 = require("../components/form/DateTimeInput/components/TimePicker/palette");
38
38
  var _palette29 = require("../components/form/DateTimeInput/palette");
39
39
  var _palette30 = require("../components/form/common/DrawerHeader/palette");
40
+ var _palette31 = require("../components/form/Checkbox/palette");
41
+ var _palette32 = require("../components/common/Tooltip/palette");
40
42
  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); }
41
43
  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 && {}.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; }
42
44
  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); }
@@ -86,7 +88,9 @@ var PaletteProvider = exports.PaletteProvider = function PaletteProvider(_ref) {
86
88
  tagsInput: (0, _palette27.generateTagsInputPalette)(mergedAbstractPalette),
87
89
  timePicker: (0, _palette28.generateTimePickerPalette)(mergedAbstractPalette),
88
90
  dateTimeInput: (0, _palette29.generateDateTimeInputPalette)(mergedAbstractPalette),
89
- drawerHeader: (0, _palette30.generateDrawerHeaderPalette)(mergedAbstractPalette)
91
+ drawerHeader: (0, _palette30.generateDrawerHeaderPalette)(mergedAbstractPalette),
92
+ checkbox: (0, _palette31.generateCheckboxPalette)(mergedAbstractPalette),
93
+ tooltip: (0, _palette32.generateTooltipPalette)(mergedAbstractPalette)
90
94
  };
91
95
  }, [mergedSkeletonPalette, mergedAbstractPalette]);
92
96
  return /*#__PURE__*/_react["default"].createElement(_context.PaletteContext.Provider, {
@@ -29,4 +29,6 @@ export declare const usePalette: () => {
29
29
  timePicker: import("../components/form/DateTimeInput/components/TimePicker/palette").TTimePickerPalette;
30
30
  dateTimeInput: import("../components/form/DateTimeInput/palette").TDateTimeInputPalette;
31
31
  drawerHeader: import("../components/form/common/DrawerHeader/palette").TDrawerHeaderPalette;
32
+ checkbox: import("../components/form/Checkbox/palette").TCheckboxPalette;
33
+ tooltip: import("../components/common/Tooltip/palette").TTooltipPalette;
32
34
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@invoicebox/ui",
3
- "version": "0.1.0-alpha.313",
3
+ "version": "0.1.0-alpha.315",
4
4
  "description": "Invoicebox UI",
5
5
  "license": "Apache License 2.0",
6
6
  "scripts": {