@invoicebox/ui 0.1.0-alpha.56 → 0.1.0-alpha.58
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/package.json +2 -1
- package/dist/breakpoints/index.d.ts +0 -7
- package/dist/breakpoints/index.js +0 -13
- package/dist/components/common/Arrow/components/StyledSvg/index.d.ts +0 -8
- package/dist/components/common/Arrow/components/StyledSvg/index.js +0 -25
- package/dist/components/common/Arrow/components/StyledSvg/index.stories.d.ts +0 -5
- package/dist/components/common/Arrow/components/StyledSvg/index.stories.js +0 -26
- package/dist/components/common/Arrow/components/Svg/index.d.ts +0 -6
- package/dist/components/common/Arrow/components/Svg/index.js +0 -26
- package/dist/components/common/Arrow/components/Svg/index.stories.d.ts +0 -6
- package/dist/components/common/Arrow/components/Svg/index.stories.js +0 -21
- package/dist/components/common/Arrow/index.d.ts +0 -10
- package/dist/components/common/Arrow/index.js +0 -29
- package/dist/components/common/Arrow/index.stories.d.ts +0 -6
- package/dist/components/common/Arrow/index.stories.js +0 -21
- package/dist/components/common/Arrow/palette.d.ts +0 -6
- package/dist/components/common/Arrow/palette.js +0 -14
- package/dist/components/common/Calendar/docs.stories.d.ts +0 -6
- package/dist/components/common/Calendar/docs.stories.js +0 -20
- package/dist/components/common/Calendar/index.css +0 -81
- package/dist/components/common/Calendar/index.d.ts +0 -8
- package/dist/components/common/Calendar/index.js +0 -40
- package/dist/components/common/Calendar/index.stories.d.ts +0 -7
- package/dist/components/common/Calendar/index.stories.js +0 -55
- package/dist/components/common/Calendar/palette.d.ts +0 -9
- package/dist/components/common/Calendar/palette.js +0 -17
- package/dist/components/common/Divider/index.d.ts +0 -6
- package/dist/components/common/Divider/index.js +0 -20
- package/dist/components/common/Divider/index.stories.d.ts +0 -6
- package/dist/components/common/Divider/index.stories.js +0 -14
- package/dist/components/common/Divider/palette.d.ts +0 -5
- package/dist/components/common/Divider/palette.js +0 -11
- package/dist/components/common/Divider/styles.d.ts +0 -5
- package/dist/components/common/Divider/styles.js +0 -15
- package/dist/components/common/Dropdown/index.d.ts +0 -14
- package/dist/components/common/Dropdown/index.js +0 -117
- package/dist/components/common/Dropdown/index.stories.d.ts +0 -6
- package/dist/components/common/Dropdown/index.stories.js +0 -59
- package/dist/components/common/Dropdown/palette.d.ts +0 -6
- package/dist/components/common/Dropdown/palette.js +0 -14
- package/dist/components/common/Dropdown/styles.d.ts +0 -14
- package/dist/components/common/Dropdown/styles.js +0 -47
- package/dist/components/common/InvoiceboxLoader/assets/loader.json +0 -1
- package/dist/components/common/InvoiceboxLoader/index.d.ts +0 -5
- package/dist/components/common/InvoiceboxLoader/index.js +0 -878
- package/dist/components/common/InvoiceboxLoader/index.stories.d.ts +0 -5
- package/dist/components/common/InvoiceboxLoader/index.stories.js +0 -18
- package/dist/components/common/InvoiceboxSpinner/index.d.ts +0 -7
- package/dist/components/common/InvoiceboxSpinner/index.js +0 -39
- package/dist/components/common/InvoiceboxSpinner/index.stories.d.ts +0 -10
- package/dist/components/common/InvoiceboxSpinner/index.stories.js +0 -18
- package/dist/components/common/InvoiceboxSpinner/palette.d.ts +0 -6
- package/dist/components/common/InvoiceboxSpinner/palette.js +0 -12
- package/dist/components/common/InvoiceboxSpinner/styles.d.ts +0 -4
- package/dist/components/common/InvoiceboxSpinner/styles.js +0 -19
- package/dist/components/common/Scrollbar/index.d.ts +0 -6
- package/dist/components/common/Scrollbar/index.js +0 -69
- package/dist/components/common/Scrollbar/index.stories.d.ts +0 -12
- package/dist/components/common/Scrollbar/index.stories.js +0 -36
- package/dist/components/common/Scrollbar/palette.d.ts +0 -5
- package/dist/components/common/Scrollbar/palette.js +0 -11
- package/dist/components/common/SecondaryButton/index.d.ts +0 -15
- package/dist/components/common/SecondaryButton/index.js +0 -48
- package/dist/components/common/SecondaryButton/index.stories.d.ts +0 -11
- package/dist/components/common/SecondaryButton/index.stories.js +0 -38
- package/dist/components/common/SecondaryButton/palette.d.ts +0 -8
- package/dist/components/common/SecondaryButton/palette.js +0 -14
- package/dist/components/common/SecondaryButton/styles.d.ts +0 -11
- package/dist/components/common/SecondaryButton/styles.js +0 -46
- package/dist/components/common/Skeleton/index.d.ts +0 -8
- package/dist/components/common/Skeleton/index.js +0 -28
- package/dist/components/common/Skeleton/index.stories.d.ts +0 -11
- package/dist/components/common/Skeleton/index.stories.js +0 -29
- package/dist/components/common/Skeleton/palette.d.ts +0 -6
- package/dist/components/common/Skeleton/palette.js +0 -12
- package/dist/components/common/Skeleton/styles.d.ts +0 -10
- package/dist/components/common/Skeleton/styles.js +0 -37
- package/dist/components/common/Typography/index.d.ts +0 -25
- package/dist/components/common/Typography/index.js +0 -32
- package/dist/components/common/Typography/index.stories.d.ts +0 -11
- package/dist/components/common/Typography/index.stories.js +0 -36
- package/dist/components/common/Typography/styles.d.ts +0 -5
- package/dist/components/common/Typography/styles.js +0 -16
- package/dist/components/common/Typography/typography.d.ts +0 -20
- package/dist/components/common/Typography/typography.js +0 -28
- package/dist/components/common/WarningIcon/components/Icon.d.ts +0 -6
- package/dist/components/common/WarningIcon/components/Icon.js +0 -22
- package/dist/components/common/WarningIcon/index.d.ts +0 -7
- package/dist/components/common/WarningIcon/index.js +0 -23
- package/dist/components/common/WarningIcon/index.stories.d.ts +0 -5
- package/dist/components/common/WarningIcon/index.stories.js +0 -14
- package/dist/components/common/WarningIcon/palette.d.ts +0 -5
- package/dist/components/common/WarningIcon/palette.js +0 -11
- package/dist/components/common/WarningIcon/styles.d.ts +0 -10
- package/dist/components/common/WarningIcon/styles.js +0 -22
- package/dist/components/form/DateInput/components/Icon/index.d.ts +0 -1
- package/dist/components/form/DateInput/components/Icon/index.js +0 -33
- package/dist/components/form/DateInput/components/Icon/index.stories.d.ts +0 -5
- package/dist/components/form/DateInput/components/Icon/index.stories.js +0 -14
- package/dist/components/form/DateInput/docs.stories.d.ts +0 -6
- package/dist/components/form/DateInput/docs.stories.js +0 -20
- package/dist/components/form/DateInput/index.d.ts +0 -9
- package/dist/components/form/DateInput/index.js +0 -111
- package/dist/components/form/DateInput/index.stories.d.ts +0 -7
- package/dist/components/form/DateInput/index.stories.js +0 -52
- package/dist/components/form/DateInput/logic.d.ts +0 -10
- package/dist/components/form/DateInput/logic.js +0 -71
- package/dist/components/form/DateInput/palette.d.ts +0 -5
- package/dist/components/form/DateInput/palette.js +0 -11
- package/dist/components/form/DateInput/styles.d.ts +0 -8
- package/dist/components/form/DateInput/styles.js +0 -28
- package/dist/components/form/InputLabel/index.d.ts +0 -8
- package/dist/components/form/InputLabel/index.js +0 -31
- package/dist/components/form/InputLabel/index.stories.d.ts +0 -5
- package/dist/components/form/InputLabel/index.stories.js +0 -33
- package/dist/components/form/InputLabel/palette.d.ts +0 -7
- package/dist/components/form/InputLabel/palette.js +0 -13
- package/dist/components/form/InputLabel/styles.d.ts +0 -11
- package/dist/components/form/InputLabel/styles.js +0 -36
- package/dist/components/form/PositiveIntegerInput/hooks/useFilters.d.ts +0 -6
- package/dist/components/form/PositiveIntegerInput/hooks/useFilters.js +0 -21
- package/dist/components/form/PositiveIntegerInput/hooks/useIncrement.d.ts +0 -4
- package/dist/components/form/PositiveIntegerInput/hooks/useIncrement.js +0 -22
- package/dist/components/form/PositiveIntegerInput/hooks/useIncrementDisabledFlags.d.ts +0 -9
- package/dist/components/form/PositiveIntegerInput/hooks/useIncrementDisabledFlags.js +0 -24
- package/dist/components/form/PositiveIntegerInput/hooks/useNormalizers.d.ts +0 -4
- package/dist/components/form/PositiveIntegerInput/hooks/useNormalizers.js +0 -22
- package/dist/components/form/PositiveIntegerInput/index.d.ts +0 -10
- package/dist/components/form/PositiveIntegerInput/index.js +0 -94
- package/dist/components/form/PositiveIntegerInput/index.stories.d.ts +0 -5
- package/dist/components/form/PositiveIntegerInput/index.stories.js +0 -49
- package/dist/components/form/PositiveIntegerInput/styles.d.ts +0 -6
- package/dist/components/form/PositiveIntegerInput/styles.js +0 -25
- package/dist/components/form/PureInput/index.d.ts +0 -10
- package/dist/components/form/PureInput/index.js +0 -42
- package/dist/components/form/PureInput/index.stories.d.ts +0 -5
- package/dist/components/form/PureInput/index.stories.js +0 -23
- package/dist/components/form/PureInput/palette.d.ts +0 -10
- package/dist/components/form/PureInput/palette.js +0 -18
- package/dist/components/form/PureInput/styles.d.ts +0 -10
- package/dist/components/form/PureInput/styles.js +0 -34
- package/dist/components/form/Select/components/Input/index.d.ts +0 -6
- package/dist/components/form/Select/components/Input/index.js +0 -42
- package/dist/components/form/Select/components/Input/index.stories.d.ts +0 -5
- package/dist/components/form/Select/components/Input/index.stories.js +0 -27
- package/dist/components/form/Select/components/Input/styles.d.ts +0 -3
- package/dist/components/form/Select/components/Input/styles.js +0 -16
- package/dist/components/form/Select/index.d.ts +0 -10
- package/dist/components/form/Select/index.js +0 -125
- package/dist/components/form/Select/index.stories.d.ts +0 -5
- package/dist/components/form/Select/index.stories.js +0 -85
- package/dist/components/form/Select/palette.d.ts +0 -5
- package/dist/components/form/Select/palette.js +0 -13
- package/dist/components/form/Select/styles.d.ts +0 -8
- package/dist/components/form/Select/styles.js +0 -28
- package/dist/hooks/useCss/index.d.ts +0 -6
- package/dist/hooks/useCss/index.js +0 -31
- package/dist/hooks/useCss/index.stories.d.ts +0 -4
- package/dist/hooks/useCss/index.stories.js +0 -38
- package/dist/hooks/useInputFocus/index.d.ts +0 -11
- package/dist/hooks/useInputFocus/index.js +0 -37
- package/dist/hooks/useInputFocus/index.stories.d.ts +0 -4
- package/dist/hooks/useInputFocus/index.stories.js +0 -29
- package/dist/hooks/useOutsideClick/index.d.ts +0 -2
- package/dist/hooks/useOutsideClick/index.js +0 -22
- package/dist/hooks/useOutsideClick/index.stories.d.ts +0 -4
- package/dist/hooks/useOutsideClick/index.stories.js +0 -27
- package/dist/index.d.ts +0 -27
- package/dist/index.js +0 -138
- package/dist/palette/colors.stories.d.ts +0 -4
- package/dist/palette/colors.stories.js +0 -41
- package/dist/palette/constants.d.ts +0 -2
- package/dist/palette/constants.js +0 -18
- package/dist/palette/context.d.ts +0 -31
- package/dist/palette/context.js +0 -36
- package/dist/palette/index.d.ts +0 -3
- package/dist/palette/index.js +0 -19
- package/dist/palette/index.stories.d.ts +0 -4
- package/dist/palette/index.stories.js +0 -83
- package/dist/palette/provider.d.ts +0 -10
- package/dist/palette/provider.js +0 -61
- package/dist/palette/types.d.ts +0 -12
- package/dist/palette/types.js +0 -1
- package/dist/palette/useComponentPalette.d.ts +0 -2
- package/dist/palette/useComponentPalette.js +0 -22
- package/dist/palette/usePalette.d.ts +0 -15
- package/dist/palette/usePalette.js +0 -11
|
@@ -1,83 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = exports.Docs = void 0;
|
|
7
|
-
var _Skeleton = require("../components/common/Skeleton");
|
|
8
|
-
var _provider = require("./provider");
|
|
9
|
-
var _Typography = require("../components/common/Typography");
|
|
10
|
-
var Example = function Example(_ref) {
|
|
11
|
-
var children = _ref.children;
|
|
12
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
13
|
-
style: {
|
|
14
|
-
width: 100,
|
|
15
|
-
height: 40
|
|
16
|
-
}
|
|
17
|
-
}, children);
|
|
18
|
-
};
|
|
19
|
-
var meta = {
|
|
20
|
-
title: 'palette/Palette'
|
|
21
|
-
};
|
|
22
|
-
var _default = exports["default"] = meta;
|
|
23
|
-
var Docs = exports.Docs = {
|
|
24
|
-
render: function render() {
|
|
25
|
-
return /*#__PURE__*/React.createElement(_Typography.Typography, {
|
|
26
|
-
variant: "bodyL"
|
|
27
|
-
}, /*#__PURE__*/React.createElement("h1", null, "\u0421\u0438\u0441\u0442\u0435\u043C\u0430 \u0446\u0432\u0435\u0442\u043E\u0432"), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h3", null, "\u041F\u043E\u0432\u0435\u0434\u0435\u043D\u0438\u0435 \u043F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E"), /*#__PURE__*/React.createElement("p", null, "\u041C\u043E\u0436\u043D\u043E \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u044B \u0431\u0435\u0437 \u043E\u043F\u0440\u0435\u0434\u0435\u043B\u0435\u043D\u0438\u044F \u0446\u0432\u0435\u0442\u043E\u0432, \u0442\u043E\u0433\u0434\u0430 \u0431\u0443\u0434\u0443\u0442 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u043D\u044B \u0446\u0432\u0435\u0442\u0430 \u043F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E."), /*#__PURE__*/React.createElement("pre", null, /*#__PURE__*/React.createElement("code", null, '<Skeleton />')), /*#__PURE__*/React.createElement(Example, null, /*#__PURE__*/React.createElement(_Skeleton.Skeleton, null))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h3", null, "\u041F\u0435\u0440\u0435\u043E\u043F\u0440\u0435\u0434\u0435\u043B\u0435\u043D\u0438\u0435 \u0446\u0432\u0435\u0442\u043E\u0432 \u043D\u0430 \u0443\u0440\u043E\u0432\u043D\u0435 \u0432\u044B\u0437\u043E\u0432\u0430 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u0430"), /*#__PURE__*/React.createElement("p", null, "\u041C\u043E\u0436\u043D\u043E \u043F\u0435\u0440\u0435\u043E\u043F\u0440\u0435\u0434\u0435\u043B\u0438\u0442\u044C \u0446\u0432\u0435\u0442\u0430 \u043D\u0430 \u0443\u0440\u043E\u0432\u043D\u0435 \u0432\u044B\u0437\u043E\u0432\u0430 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u0430, \u0434\u043B\u044F \u044D\u0442\u043E\u0433\u043E \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435 \u0441\u0432\u043E\u0439\u0441\u0442\u0432\u043E", ' ', /*#__PURE__*/React.createElement("code", null, "palette"), "."), /*#__PURE__*/React.createElement("pre", null, /*#__PURE__*/React.createElement("code", null, "<Skeleton palette={{ bg: '#c9c', flicker: '#5a5' }} />")), /*#__PURE__*/React.createElement(Example, null, /*#__PURE__*/React.createElement(_Skeleton.Skeleton, {
|
|
28
|
-
palette: {
|
|
29
|
-
bg: '#c9c',
|
|
30
|
-
flicker: '#5a5'
|
|
31
|
-
}
|
|
32
|
-
})), /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement("i", null, "\u0415\u0441\u043B\u0438 \u0443 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u0430 \u043D\u0435\u0442 \u0441\u0432\u043E\u0439\u0441\u0442\u0432\u0430 ", /*#__PURE__*/React.createElement("code", null, "palette"), ", \u0430 \u0432\u0430\u043C \u043E\u043D\u043E \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044F, \u0441\u043E\u0437\u0434\u0430\u0439\u0442\u0435", ' ', /*#__PURE__*/React.createElement("a", {
|
|
33
|
-
href: "https://github.com/InvoiceBox/invoicebox-ui/issues"
|
|
34
|
-
}, "issue"), ". \u0418\u043B\u0438 \u0434\u043E\u0431\u0430\u0432\u044C\u0442\u0435 \u0441\u0430\u043C\u043E\u0441\u0442\u043E\u044F\u0442\u0435\u043B\u044C\u043D\u043E \u0438 \u043E\u0442\u043A\u0440\u043E\u0439\u0442\u0435 pull request, \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u044F \u0432 \u043A\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u043F\u0440\u0438\u043C\u0435\u0440\u0430, \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442", ' ', /*#__PURE__*/React.createElement("code", null, "Skeleton"), "."))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h3", null, "\u041F\u0435\u0440\u0435\u043E\u043F\u0440\u0435\u0434\u0435\u043B\u0435\u043D\u0438\u0435 \u0446\u0432\u0435\u0442\u043E\u0432 \u043A\u043E\u043D\u043A\u0440\u0435\u0442\u043D\u043E\u0433\u043E \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u0430"), /*#__PURE__*/React.createElement("p", null, "\u041C\u043E\u0436\u043D\u043E \u043F\u0435\u0440\u0435\u043E\u043F\u0440\u0435\u0434\u0435\u043B\u0438\u0442\u044C \u043F\u043E\u0432\u0435\u0434\u0435\u043D\u0438\u0435 \u043F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E \u043A\u043E\u043D\u043A\u0440\u0435\u0442\u043D\u043E\u0433\u043E \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u0430. \u0414\u043B\u044F \u044D\u0442\u043E\u0433\u043E \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435", ' ', /*#__PURE__*/React.createElement("code", null, "PaletteProvider"), " \u0438 \u0435\u0433\u043E \u0441\u0432\u043E\u0439\u0441\u0442\u0432\u043E \u0441\u043E\u043E\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044E\u0449\u0435\u0435 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u0443."), /*#__PURE__*/React.createElement("pre", null, /*#__PURE__*/React.createElement("code", null, "<PaletteProvider skeleton={{ bg: '#39c', flicker: '#5cc' }}>\n", " <Skeleton />\n", "</PaletteProvider>")), /*#__PURE__*/React.createElement(Example, null, /*#__PURE__*/React.createElement(_provider.PaletteProvider, {
|
|
35
|
-
skeleton: {
|
|
36
|
-
bg: '#39c',
|
|
37
|
-
flicker: '#5cc'
|
|
38
|
-
}
|
|
39
|
-
}, /*#__PURE__*/React.createElement(_Skeleton.Skeleton, null))), /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement("i", null, "\u0415\u0441\u043B\u0438 \u0443 ", /*#__PURE__*/React.createElement("code", null, "PaletteProvider"), " \u043D\u0435\u0442 \u0441\u0432\u043E\u0439\u0441\u0442\u0432\u0430 \u0441\u043E\u043E\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044E\u0449\u0435\u0433\u043E \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u0443, \u0430 \u0432\u0430\u043C \u043E\u043D\u043E \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044F, \u0441\u043E\u0437\u0434\u0430\u0439\u0442\u0435", ' ', /*#__PURE__*/React.createElement("a", {
|
|
40
|
-
href: "https://github.com/InvoiceBox/invoicebox-ui/issues"
|
|
41
|
-
}, "issue"), ". \u0418\u043B\u0438 \u0434\u043E\u0431\u0430\u0432\u044C\u0442\u0435 \u0441\u0430\u043C\u043E\u0441\u0442\u043E\u044F\u0442\u0435\u043B\u044C\u043D\u043E \u0438 \u043E\u0442\u043A\u0440\u043E\u0439\u0442\u0435 pull request, \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u044F \u0432 \u043A\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u043F\u0440\u0438\u043C\u0435\u0440\u0430, \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442", ' ', /*#__PURE__*/React.createElement("code", null, "Skeleton"), "."))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h3", null, "\u041F\u0435\u0440\u0435\u043E\u043F\u0440\u0435\u0434\u0435\u043B\u0435\u043D\u0438\u0435 \u0430\u0431\u0441\u0442\u0440\u0430\u043A\u0442\u043D\u044B\u0445 \u0446\u0432\u0435\u0442\u043E\u0432"), /*#__PURE__*/React.createElement("p", null, "\u0412\u0441\u0435 \u0446\u0432\u0435\u0442\u0430 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u043E\u0432 \u0441\u043E\u0437\u0434\u0430\u044E\u0442\u0441\u044F \u0438\u0437 \u0430\u0431\u0441\u0442\u0440\u0430\u043A\u0442\u043D\u044B\u0445 \u0446\u0432\u0435\u0442\u043E\u0432. \u041F\u0435\u0440\u0435\u043E\u043F\u0440\u0435\u0434\u0435\u043B\u044F\u044F \u0430\u0431\u0441\u0442\u0440\u0430\u043A\u0442\u043D\u044B\u0435 \u0446\u0432\u0435\u0442\u0430, \u043C\u043E\u0436\u043D\u043E \u0438\u0437\u043C\u0435\u043D\u0438\u0442\u044C \u0446\u0432\u0435\u0442\u043E\u0432\u0443\u044E \u043F\u0430\u043B\u0438\u0442\u0440\u0443 \u0432\u0441\u0435\u0445 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u043E\u0432 \u0440\u0430\u0437\u043E\u043C. \u042D\u0442\u043E \u043C\u043E\u0436\u0435\u0442 \u0431\u044B\u0442\u044C \u043F\u043E\u043B\u0435\u0437\u043D\u043E \u0434\u043B\u044F \u0442\u0435\u043C\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u044F. \u0414\u043B\u044F \u043F\u0435\u0440\u0435\u043E\u043F\u0440\u0435\u0434\u0435\u043B\u0435\u043D\u0438\u044F \u0430\u0431\u0441\u0442\u0440\u0430\u043A\u0442\u043D\u044B\u0445 \u0446\u0432\u0435\u0442\u043E\u0432 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435", ' ', /*#__PURE__*/React.createElement("code", null, "PaletteProvider"), " \u0438 \u0435\u0433\u043E \u0441\u0432\u043E\u0439\u0441\u0442\u0432\u043E ", /*#__PURE__*/React.createElement("code", null, "abstract"), "."), /*#__PURE__*/React.createElement("pre", null, /*#__PURE__*/React.createElement("code", null, "<PaletteProvider abstract={{ neutralUsual: '#c93', neutralLight: '#cc5' }}>\n", " <Skeleton />\n", "</PaletteProvider>")), /*#__PURE__*/React.createElement(Example, null, /*#__PURE__*/React.createElement(_provider.PaletteProvider, {
|
|
42
|
-
"abstract": {
|
|
43
|
-
neutralUsual: '#c93',
|
|
44
|
-
neutralLight: '#cc5'
|
|
45
|
-
}
|
|
46
|
-
}, /*#__PURE__*/React.createElement(_Skeleton.Skeleton, null)))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h3", null, "\u041F\u0440\u0438\u043E\u0440\u0438\u0442\u0435\u0442 \u0446\u0432\u0435\u0442\u043E\u0432"), /*#__PURE__*/React.createElement("p", null, "\u0421\u0430\u043C\u044B\u0439 \u0432\u044B\u0441\u043E\u043A\u0438\u0439 \u043F\u0440\u0438\u043E\u0440\u0438\u0442\u0435\u0442 \u0438\u043C\u0435\u044E\u0442 \u0446\u0432\u0435\u0442\u0430 \u043D\u0430 \u0443\u0440\u043E\u0432\u043D\u0435 \u0432\u044B\u0437\u043E\u0432\u0430 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u0430. \u0417\u0430\u0442\u0435\u043C \u0446\u0432\u0435\u0442\u0430 \u043F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E, \u043D\u0430\u0437\u043D\u0430\u0447\u0435\u043D\u043D\u044B\u0435 \u043F\u0440\u0438 \u043F\u043E\u043C\u043E\u0449\u0438 ", /*#__PURE__*/React.createElement("code", null, "PaletteProvider"), " \u0438 \u0441\u043E\u043E\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044E\u0449\u0435\u0433\u043E \u0441\u0432\u043E\u0439\u0441\u0442\u0432\u0430. \u0417\u0430\u0442\u0435\u043C \u0430\u0431\u0441\u0442\u0440\u0430\u043A\u0442\u043D\u044B\u0435 \u0446\u0432\u0435\u0442\u0430, \u043D\u0430\u0437\u043D\u0430\u0447\u0435\u043D\u043D\u044B\u0435 \u043F\u0440\u0438 \u043F\u043E\u043C\u043E\u0449\u0438 ", /*#__PURE__*/React.createElement("code", null, "PaletteProvider"), " \u0438 \u0441\u0432\u043E\u0439\u0441\u0442\u0432\u0430", ' ', /*#__PURE__*/React.createElement("code", null, "abstract"), "."), /*#__PURE__*/React.createElement("pre", null, /*#__PURE__*/React.createElement("code", null, "<PaletteProvider abstract={{ neutralUsual: 'red' }} skeleton={{ bg: 'green' }}>\n", " <Skeleton palette={{ bg: 'blue' }}/>\n", "</PaletteProvider>")), /*#__PURE__*/React.createElement(Example, null, /*#__PURE__*/React.createElement(_provider.PaletteProvider, {
|
|
47
|
-
"abstract": {
|
|
48
|
-
neutralUsual: 'red'
|
|
49
|
-
},
|
|
50
|
-
skeleton: {
|
|
51
|
-
bg: 'green'
|
|
52
|
-
}
|
|
53
|
-
}, /*#__PURE__*/React.createElement(_Skeleton.Skeleton, {
|
|
54
|
-
palette: {
|
|
55
|
-
bg: 'blue'
|
|
56
|
-
}
|
|
57
|
-
}))), /*#__PURE__*/React.createElement("pre", null, /*#__PURE__*/React.createElement("code", null, "<PaletteProvider abstract={{ neutralUsual: 'red' }} skeleton={{ bg: 'green' }}>\n", " <Skeleton />\n", "</PaletteProvider>")), /*#__PURE__*/React.createElement(Example, null, /*#__PURE__*/React.createElement(_provider.PaletteProvider, {
|
|
58
|
-
"abstract": {
|
|
59
|
-
neutralUsual: 'red'
|
|
60
|
-
},
|
|
61
|
-
skeleton: {
|
|
62
|
-
bg: 'green'
|
|
63
|
-
}
|
|
64
|
-
}, /*#__PURE__*/React.createElement(_Skeleton.Skeleton, null))), /*#__PURE__*/React.createElement("pre", null, /*#__PURE__*/React.createElement("code", null, "<PaletteProvider abstract={{ neutralUsual: 'red' }}>\n", " <Skeleton />\n", "</PaletteProvider>")), /*#__PURE__*/React.createElement(Example, null, /*#__PURE__*/React.createElement(_provider.PaletteProvider, {
|
|
65
|
-
"abstract": {
|
|
66
|
-
neutralUsual: 'red'
|
|
67
|
-
}
|
|
68
|
-
}, /*#__PURE__*/React.createElement(_Skeleton.Skeleton, null)))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h3", null, "\u0427\u0430\u0441\u0442\u0438\u0447\u043D\u043E\u0435 \u0438 \u043F\u043E\u043B\u043D\u043E\u0435 \u043F\u0435\u0440\u0435\u043E\u043F\u0440\u0435\u0434\u0435\u043B\u0435\u043D\u0438\u0435 \u0446\u0432\u0435\u0442\u043E\u0432"), /*#__PURE__*/React.createElement("p", null, "\u041D\u0430 \u043B\u044E\u0431\u043E\u043C \u0443\u0440\u043E\u0432\u043D\u0435 \u043C\u043E\u0436\u043D\u043E \u043F\u0435\u0440\u0435\u043E\u043F\u0440\u0435\u0434\u0435\u043B\u0438\u0442\u044C \u043B\u044E\u0431\u043E\u0435 \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0446\u0432\u0435\u0442\u043E\u0432."), /*#__PURE__*/React.createElement("pre", null, /*#__PURE__*/React.createElement("code", null, "<Skeleton palette={{ bg: 'pink' }}/>")), /*#__PURE__*/React.createElement(Example, null, /*#__PURE__*/React.createElement(_Skeleton.Skeleton, {
|
|
69
|
-
palette: {
|
|
70
|
-
bg: 'pink'
|
|
71
|
-
}
|
|
72
|
-
})), /*#__PURE__*/React.createElement("pre", null, /*#__PURE__*/React.createElement("code", null, "<Skeleton palette={{ flicker: 'brown' }}/>")), /*#__PURE__*/React.createElement(Example, null, /*#__PURE__*/React.createElement(_Skeleton.Skeleton, {
|
|
73
|
-
palette: {
|
|
74
|
-
flicker: 'brown'
|
|
75
|
-
}
|
|
76
|
-
})), /*#__PURE__*/React.createElement("pre", null, /*#__PURE__*/React.createElement("code", null, "<Skeleton palette={{ bg: 'pink', flicker: 'brown' }}/>")), /*#__PURE__*/React.createElement(Example, null, /*#__PURE__*/React.createElement(_Skeleton.Skeleton, {
|
|
77
|
-
palette: {
|
|
78
|
-
bg: 'pink',
|
|
79
|
-
flicker: 'brown'
|
|
80
|
-
}
|
|
81
|
-
}))));
|
|
82
|
-
}
|
|
83
|
-
};
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { FC, ReactNode } from 'react';
|
|
2
|
-
import { TSkeletonPalette } from '../components/common/Skeleton/palette';
|
|
3
|
-
import { TAbstractPalette } from './types';
|
|
4
|
-
type TProps = {
|
|
5
|
-
children: ReactNode;
|
|
6
|
-
abstract?: Partial<TAbstractPalette>;
|
|
7
|
-
skeleton?: Partial<TSkeletonPalette>;
|
|
8
|
-
};
|
|
9
|
-
export declare const PaletteProvider: FC<TProps>;
|
|
10
|
-
export {};
|
package/dist/palette/provider.js
DELETED
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.PaletteProvider = void 0;
|
|
7
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
-
var _palette = require("../components/common/Skeleton/palette");
|
|
9
|
-
var _constants = require("./constants");
|
|
10
|
-
var _context = require("./context");
|
|
11
|
-
var _palette2 = require("../components/common/InvoiceboxSpinner/palette");
|
|
12
|
-
var _palette3 = require("../components/common/SecondaryButton/palette");
|
|
13
|
-
var _palette4 = require("../components/common/Arrow/palette");
|
|
14
|
-
var _palette5 = require("../components/form/InputLabel/palette");
|
|
15
|
-
var _palette6 = require("../components/form/PureInput/palette");
|
|
16
|
-
var _palette7 = require("../components/common/Dropdown/palette");
|
|
17
|
-
var _palette8 = require("../components/common/Scrollbar/palette");
|
|
18
|
-
var _palette9 = require("../components/form/Select/palette");
|
|
19
|
-
var _palette10 = require("../components/form/DateInput/palette");
|
|
20
|
-
var _palette11 = require("../components/common/WarningIcon/palette");
|
|
21
|
-
var _palette12 = require("../components/common/Divider/palette");
|
|
22
|
-
var _palette13 = require("../components/common/Calendar/palette");
|
|
23
|
-
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); }
|
|
24
|
-
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; }
|
|
25
|
-
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); }
|
|
26
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
27
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
28
|
-
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
29
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
30
|
-
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
31
|
-
var PaletteProvider = exports.PaletteProvider = function PaletteProvider(_ref) {
|
|
32
|
-
var children = _ref.children,
|
|
33
|
-
_abstract = _ref["abstract"],
|
|
34
|
-
skeleton = _ref.skeleton;
|
|
35
|
-
var mergedAbstractPalette = (0, _react.useMemo)(function () {
|
|
36
|
-
return _objectSpread(_objectSpread({}, _constants.defaultAbstractPalette), _abstract);
|
|
37
|
-
}, [_abstract]);
|
|
38
|
-
var mergedSkeletonPalette = (0, _react.useMemo)(function () {
|
|
39
|
-
return _objectSpread(_objectSpread({}, (0, _palette.generateSkeletonPalette)(mergedAbstractPalette)), skeleton);
|
|
40
|
-
}, [mergedAbstractPalette, skeleton]);
|
|
41
|
-
var value = (0, _react.useMemo)(function () {
|
|
42
|
-
return {
|
|
43
|
-
skeleton: mergedSkeletonPalette,
|
|
44
|
-
invoiceboxSpinner: (0, _palette2.generateInvoiceboxSpinnerPalette)(mergedAbstractPalette),
|
|
45
|
-
secondaryButton: (0, _palette3.generateSecondaryButtonPalette)(mergedAbstractPalette),
|
|
46
|
-
arrow: (0, _palette4.generateArrowPalette)(mergedAbstractPalette),
|
|
47
|
-
inputLabel: (0, _palette5.generateInputLabelPalette)(mergedAbstractPalette),
|
|
48
|
-
pureInput: (0, _palette6.generatePureInputPalette)(mergedAbstractPalette),
|
|
49
|
-
dropdown: (0, _palette7.generateDropdownPalette)(mergedAbstractPalette),
|
|
50
|
-
scrollbar: (0, _palette8.generateScrollbarPalette)(mergedAbstractPalette),
|
|
51
|
-
select: (0, _palette9.generateSelectPalette)(mergedAbstractPalette),
|
|
52
|
-
dateInput: (0, _palette10.generateDateInputPalette)(mergedAbstractPalette),
|
|
53
|
-
warningIcon: (0, _palette11.generateWarningIconPalette)(mergedAbstractPalette),
|
|
54
|
-
divider: (0, _palette12.generateDividerPalette)(mergedAbstractPalette),
|
|
55
|
-
calendar: (0, _palette13.generateCalendarPalette)(mergedAbstractPalette)
|
|
56
|
-
};
|
|
57
|
-
}, [mergedSkeletonPalette, mergedAbstractPalette]);
|
|
58
|
-
return /*#__PURE__*/_react["default"].createElement(_context.PaletteContext.Provider, {
|
|
59
|
-
value: value
|
|
60
|
-
}, children);
|
|
61
|
-
};
|
package/dist/palette/types.d.ts
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
export type TAbstractPalette = {
|
|
2
|
-
primary: string;
|
|
3
|
-
secondary: string;
|
|
4
|
-
base: string;
|
|
5
|
-
error: string;
|
|
6
|
-
neutralUsual: string;
|
|
7
|
-
neutralLight: string;
|
|
8
|
-
neutralHeavy: string;
|
|
9
|
-
neutralMassive: string;
|
|
10
|
-
neutralFoggy: string;
|
|
11
|
-
neutralBrutal: string;
|
|
12
|
-
};
|
package/dist/palette/types.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.useComponentPalette = void 0;
|
|
7
|
-
var _react = require("react");
|
|
8
|
-
var _usePalette = require("./usePalette");
|
|
9
|
-
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); }
|
|
10
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
11
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
12
|
-
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
13
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
14
|
-
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
15
|
-
var useComponentPalette = exports.useComponentPalette = function useComponentPalette(componentName, componentPropsPalette) {
|
|
16
|
-
var palette = (0, _usePalette.usePalette)();
|
|
17
|
-
var componentPalette = palette[componentName];
|
|
18
|
-
var value = (0, _react.useMemo)(function () {
|
|
19
|
-
return _objectSpread(_objectSpread({}, componentPalette), componentPropsPalette);
|
|
20
|
-
}, [componentPalette, componentPropsPalette]);
|
|
21
|
-
return value;
|
|
22
|
-
};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
export declare const usePalette: () => {
|
|
2
|
-
skeleton: import("../components/common/Skeleton/palette").TSkeletonPalette;
|
|
3
|
-
invoiceboxSpinner: import("../components/common/InvoiceboxSpinner/palette").TInvoiceboxSpinnerPalette;
|
|
4
|
-
secondaryButton: import("../components/common/SecondaryButton/palette").TSecondaryButtonPalette;
|
|
5
|
-
arrow: import("../components/common/Arrow/palette").TArrowPalette;
|
|
6
|
-
inputLabel: import("../components/form/InputLabel/palette").TInputLabelPalette;
|
|
7
|
-
pureInput: import("../components/form/PureInput/palette").TPureInputPalette;
|
|
8
|
-
dropdown: import("../components/common/Dropdown/palette").TDropdownPalette;
|
|
9
|
-
scrollbar: import("../components/common/Scrollbar/palette").TScrollbarPalette;
|
|
10
|
-
select: import("../components/form/Select/palette").TSelectPalette;
|
|
11
|
-
dateInput: import("../components/form/DateInput/palette").TDateInputPalette;
|
|
12
|
-
warningIcon: import("../components/common/WarningIcon/palette").TWarningIconPalette;
|
|
13
|
-
divider: import("../components/common/Divider/palette").TDividerPalette;
|
|
14
|
-
calendar: import("../components/common/Calendar/palette").TCalendarPalette;
|
|
15
|
-
};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.usePalette = void 0;
|
|
7
|
-
var _react = require("react");
|
|
8
|
-
var _context = require("./context");
|
|
9
|
-
var usePalette = exports.usePalette = function usePalette() {
|
|
10
|
-
return (0, _react.useContext)(_context.PaletteContext);
|
|
11
|
-
};
|