@invoicebox/ui 0.1.0-alpha.314 → 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.
- package/dist/components/common/Tooltip/index.d.ts +9 -0
- package/dist/components/common/Tooltip/index.js +60 -0
- package/dist/components/common/Tooltip/index.stories.d.ts +6 -0
- package/dist/components/common/Tooltip/index.stories.js +43 -0
- package/dist/components/common/Tooltip/palette.d.ts +7 -0
- package/dist/components/common/Tooltip/palette.js +13 -0
- package/dist/components/common/Tooltip/styles.d.ts +9 -0
- package/dist/components/common/Tooltip/styles.js +34 -0
- package/dist/components/form/Checkbox/CheckIcon.d.ts +2 -0
- package/dist/components/form/Checkbox/CheckIcon.js +23 -0
- package/dist/components/form/Checkbox/index.d.ts +11 -0
- package/dist/components/form/Checkbox/index.js +47 -0
- package/dist/components/form/Checkbox/index.stories.d.ts +8 -0
- package/dist/components/form/Checkbox/index.stories.js +69 -0
- package/dist/components/form/Checkbox/palette.d.ts +12 -0
- package/dist/components/form/Checkbox/palette.js +20 -0
- package/dist/components/form/Checkbox/styles.d.ts +13 -0
- package/dist/components/form/Checkbox/styles.js +71 -0
- package/dist/components/form/Select/components/MultipleValue/index.d.ts +9 -0
- package/dist/components/form/Select/components/MultipleValue/index.js +129 -0
- package/dist/components/form/Select/components/MultipleValue/styles.d.ts +8 -0
- package/dist/components/form/Select/components/MultipleValue/styles.js +31 -0
- package/dist/components/form/Select/index.d.ts +17 -4
- package/dist/components/form/Select/index.js +98 -44
- package/dist/components/form/Select/index.stories.d.ts +3 -1
- package/dist/components/form/Select/index.stories.js +32 -1
- package/dist/components/form/Select/palette.d.ts +2 -0
- package/dist/components/form/Select/palette.js +3 -1
- package/dist/components/form/Select/styles.d.ts +4 -0
- package/dist/components/form/Select/styles.js +26 -10
- package/dist/esm/components/common/Tooltip/index.js +51 -0
- package/dist/esm/components/common/Tooltip/index.stories.js +36 -0
- package/dist/esm/components/common/Tooltip/palette.js +7 -0
- package/dist/esm/components/common/Tooltip/styles.js +27 -0
- package/dist/esm/components/form/Checkbox/CheckIcon.js +16 -0
- package/dist/esm/components/form/Checkbox/index.js +38 -0
- package/dist/esm/components/form/Checkbox/index.stories.js +60 -0
- package/dist/esm/components/form/Checkbox/palette.js +13 -0
- package/dist/esm/components/form/Checkbox/styles.js +64 -0
- package/dist/esm/components/form/Select/components/MultipleValue/index.js +120 -0
- package/dist/esm/components/form/Select/components/MultipleValue/styles.js +22 -0
- package/dist/esm/components/form/Select/index.js +98 -44
- package/dist/esm/components/form/Select/index.stories.js +31 -0
- package/dist/esm/components/form/Select/palette.js +3 -1
- package/dist/esm/components/form/Select/styles.js +25 -9
- package/dist/esm/index.js +2 -0
- package/dist/esm/palette/context.js +5 -1
- package/dist/esm/palette/provider.js +5 -1
- package/dist/index.d.ts +5 -1
- package/dist/index.js +14 -0
- package/dist/palette/context.d.ts +4 -0
- package/dist/palette/context.js +5 -1
- package/dist/palette/provider.js +5 -1
- package/dist/palette/usePalette.d.ts +2 -0
- 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 {};
|
package/dist/palette/context.js
CHANGED
|
@@ -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
|
});
|
package/dist/palette/provider.js
CHANGED
|
@@ -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
|
};
|